/*==================
GENERAL
==================*/
html {
  font-size: 14px; }
  @media (min-width: 992px) {
    html {
      font-size: 16px; } }
  @media (min-width: 1450px) {
    html {
      font-size: 18px; } }

body {
  font-family: "Lato", sans-serif;
  color: #333333;
  margin: 0 auto;
  font-size: 14px; }
  @media (min-width: 992px) {
    body {
      font-size: 16px; } }
  @media (min-width: 1450px) {
    body {
      font-size: 18px; } }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: none; }
  a:visited {
    text-decoration: none; }

h1 {
  font-family: "Merriweather", serif;
  font-size: 137.5%;
  line-height: 1.625rem;
  font-weight: 700; }

h2 {
  font-family: "Merriweather", serif;
  font-weight: 700;
  margin: 0; }

p {
  font-size: 137.5%;
  line-height: 1.9375rem;
  margin: 0;
  padding: 0; }
  @media (min-width: 768px) {
    p {
      font-size: 162.5%;
      line-height: 2.1875rem; } }

/*******************
BUTTONS
*******************/
.button {
  /*border-bottom: 2px solid $gtu-c4;*/
  color: #333333;
  font-family: "Merriweather", serif;
  margin: 2.5rem auto 0;
  font-size: 112.5%;
  line-height: 1.5rem;
  display: inline-block;
  border-bottom: 0.0625rem solid;
  font-weight: 300; }
  .button:hover ~ .arrow {
    animation: arrow 0.5s infinite alternate; }

.arrow {
  color: #009adf;
  position: relative;
  left: 0;
  font-size: 162.5%;
  vertical-align: bottom; }

@-webkit-keyframes arrow {
  0% {
    left: 0; }
  100% {
    left: 0.375rem; } }

/*==================
NAVIGATION
==================*/
.gtu-nav {
  position: fixed;
  z-index: 100;
  width: 100%; }
  .gtu-nav .logo {
    display: inline-block; }
    .gtu-nav .logo img {
      height: 2.5rem; }
      @media (min-width: 768px) {
        .gtu-nav .logo img {
          height: 3.125rem; } }
    .gtu-nav .logo .gtu-logo-2 {
      display: none; }
  .gtu-nav .gtu-nav-bar {
    padding: 1rem; }
    @media (min-width: 992px) {
      .gtu-nav .gtu-nav-bar {
        position: relative;
        z-index: 1;
        overflow: visible; } }
  .gtu-nav .gtu-nav-menu-open {
    float: right;
    cursor: pointer;
    color: #FFFFFF; }
    .gtu-nav .gtu-nav-menu-open i {
      font-size: 175%; }
    @media (min-width: 992px) {
      .gtu-nav .gtu-nav-menu-open {
        display: none; } }
  .gtu-nav .gtu-nav-menu-close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 1rem;
    cursor: pointer; }
    .gtu-nav .gtu-nav-menu-close i {
      font-size: 225%; }
    @media (min-width: 992px) {
      .gtu-nav .gtu-nav-menu-close {
        display: none; } }
  .gtu-nav .gtu-nav-menu {
    text-align: center;
    margin: 0 auto;
    padding: 1rem 0;
    font-weight: 500;
    text-align: center;
    display: none;
    position: fixed;
    /* Stay in place */
    z-index: 500;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: #FFFFFF; }
    @media (min-width: 992px) {
      .gtu-nav .gtu-nav-menu {
        display: block;
        position: static;
        width: auto;
        height: auto;
        background: transparent;
        float: right;
        overflow: visible; } }
    .gtu-nav .gtu-nav-menu .menu-content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 125%;
      width: 100%; }
      .gtu-nav .gtu-nav-menu .menu-content .m-menu-link {
        color: #333333; }
        @media (min-width: 992px) {
          .gtu-nav .gtu-nav-menu .menu-content .m-menu-link {
            color: #FFFFFF; } }
      .gtu-nav .gtu-nav-menu .menu-content .d-menu-link {
        color: #333333; }
        @media (min-width: 992px) {
          .gtu-nav .gtu-nav-menu .menu-content .d-menu-link {
            color: #333333; } }
      @media (min-width: 992px) {
        .gtu-nav .gtu-nav-menu .menu-content {
          position: static;
          font-size: 87.5%;
          transform: translate(0);
          text-transform: uppercase; } }
      .gtu-nav .gtu-nav-menu .menu-content ul {
        padding: 0;
        margin: 0; }
      .gtu-nav .gtu-nav-menu .menu-content li {
        padding: 0.625rem 1.25rem;
        display: block;
        float: none; }
        @media (min-width: 992px) {
          .gtu-nav .gtu-nav-menu .menu-content li {
            padding: 0 1.25rem;
            display: inline-block; } }
        .gtu-nav .gtu-nav-menu .menu-content li a {
          text-decoration: none;
          transition: .3s ease-in-out; }
          .gtu-nav .gtu-nav-menu .menu-content li a:hover {
            color: #009adf;
            transition: .3s ease-in-out; }

.gtu-nav-solid {
  background: #FFFFFF;
  position: fixed;
  top: -3.75rem;
  animation: nav-solid 0.3s linear forwards; }

@-webkit-keyframes nav-solid {
  0% {
    top: -3.75rem; }
  100% {
    top: 0; } }

/*==================
HERO
==================*/
.gtu-hero {
  position: relative;
  display: table;
  width: 100%;
  height: 95vh;
  background: url("../assets/home/gtu-img1.jpg") no-repeat center center;
  background-size: cover; }
  @media (min-width: 768px) {
    .gtu-hero {
      height: 100vh; } }
  .gtu-hero .video-container {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: auto; }
    .gtu-hero .video-container video {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .gtu-hero .overlay {
    background: rgba(0, 69, 124, 0.8);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1; }
  .gtu-hero .hero {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #FFFFFF;
    position: relative;
    z-index: 2; }
  .gtu-hero .hero-title {
    width: 100%;
    padding: 0 1.25rem;
    text-align: center; }
    .gtu-hero .hero-title h1 {
      font-size: 218.75%;
      line-height: 2.625rem;
      max-width: 64rem;
      margin: 0 auto; }
      @media (min-width: 768px) {
        .gtu-hero .hero-title h1 {
          font-size: 312.5%;
          line-height: 3.75rem; } }
    .gtu-hero .hero-title .button {
      border-bottom: 0.1875rem solid #009adf;
      color: #FFFFFF;
      font-family: "Merriweather", serif;
      animation: button 1s infinite alternate;
      margin: 2.5rem auto 0;
      font-size: 137.5%;
      display: inline-block;
      padding: 0 0 0.3125rem; }
      @media (min-width: 768px) {
        .gtu-hero .hero-title .button {
          font-size: 156.25%; } }
      .gtu-hero .hero-title .button:hover ~ .arrow {
        color: #009adf; }

@-webkit-keyframes button {
  0% {
    border-bottom: 0.1875rem solid #FFFFFF; }
  100% {
    border-bottom: 0.1875rem solid #009adf; } }
    .gtu-hero .hero-title .arrow {
      color: #FFFFFF;
      transition: all 0.3s ease;
      position: relative;
      left: 0;
      top: -0.25rem;
      font-size: 187.5%; }
      .gtu-hero .hero-title .arrow:hover {
        color: #009adf; }

/*========================
HOME - BRAND AMB / WORK
=========================*/
.home-sec1 {
  background: #f2f2f2;
  padding: 0; }
  .home-sec1 .content {
    padding: 1.625rem 1rem;
    margin: 3.75rem auto;
    text-align: center; }
    @media (min-width: 768px) {
      .home-sec1 .content {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        padding: 0 3.75rem;
        margin: 0; } }
  .home-sec1 h1 {
    font-size: 137.5%;
    line-height: 1.625rem;
    font-weight: 700;
    color: #00457C;
    text-transform: uppercase;
    letter-spacing: 0.0625rem; }
  .home-sec1 .img1, .home-sec1 .img2 {
    height: 45vh;
    width: 100%; }
    @media (min-width: 768px) {
      .home-sec1 .img1, .home-sec1 .img2 {
        height: 100vh; } }
  .home-sec1 .img1 {
    background: url("../assets/home/gtu-img1.jpg") no-repeat center center;
    background-size: cover; }
  .home-sec1 .img2 {
    background: url("../assets/home/gtu-img2.jpg") no-repeat center center;
    background-size: cover; }

/*========================
HOME - EVENTS / TEAM
=========================*/
.home-sec2 {
  background: #FFFFFF;
  padding: 2.5rem 1.5625rem 2.5rem; }
  @media (min-width: 768px) {
    .home-sec2 {
      padding: 5rem 0; } }
  .home-sec2 .content {
    margin: 4.375rem auto;
    text-align: center; }
    @media (min-width: 768px) {
      .home-sec2 .content {
        margin: 2.5rem auto 0; } }
  .home-sec2 h1 {
    font-size: 112.5%;
    line-height: 1.5rem;
    font-weight: 700;
    color: #00457C;
    text-transform: uppercase;
    letter-spacing: 0.0625rem; }
  .home-sec2 p {
    font-size: 137.5%;
    line-height: 1.75rem; }
    @media (min-width: 768px) {
      .home-sec2 p {
        padding: 0 1.25rem; } }
  .home-sec2 .button {
    margin: 1.875rem auto 0; }
  .home-sec2 .img3, .home-sec2 .img4 {
    height: 35vh;
    width: 100%;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .home-sec2 .img3, .home-sec2 .img4 {
        height: 55vh;
        width: 95%;
        padding: 0 0.625rem; } }
  .home-sec2 .img3 {
    background: url("../assets/home/gtu-img3.jpg") no-repeat center center;
    background-size: cover; }
  .home-sec2 .img4 {
    background: url("../assets/home/gtu-img4.jpg") no-repeat center center;
    background-size: cover; }

/*========================
HOME - CLIENTS
=========================*/
.move {
  animation: MoveUpDown 1s ease-in-out infinite;
  position: relative; }

@keyframes MoveUpDown {
  0%, 100% {
    bottom: 0; }
  50% {
    bottom: 8px; } }

.home-sec3 {
  background: #FFFFFF;
  padding: 5rem 0; }
  @media (min-width: 768px) {
    .home-sec3 {
      padding: 6.25rem 0; } }
  .home-sec3 .content {
    margin: 0 auto;
    text-align: center; }
  .home-sec3 h1 {
    font-size: 112.5%;
    line-height: 1.5rem;
    font-weight: 700;
    color: #00457C;
    text-transform: uppercase;
    letter-spacing: 0.0625rem; }
  .home-sec3 .logos {
    max-width: 131.25rem; }
    .home-sec3 .logos img {
      width: 6.25rem;
      margin: 1.5625rem; }
    .home-sec3 .logos .resize1 {
      width: 9.375rem; }
      @media (min-width: 768px) {
        .home-sec3 .logos .resize1 {
          width: 12.5rem; } }
    .home-sec3 .logos .show, .home-sec3 .logos .hide {
      color: #00457C;
      font-size: 1.5625rem;
      cursor: pointer;
      margin: 1.25rem 0 0;
      text-align: center;
      text-transform: uppercase; }
    .home-sec3 .logos .hide {
      display: none; }
    .home-sec3 .logos .back {
      text-align: center;
      margin: 2.5rem auto 0;
      font-weight: 700;
      color: #00457C;
      font-size: 16px;
      text-transform: uppercase;
      cursor: pointer;
      text-decoration: underline; }
      .home-sec3 .logos .back:hover {
        color: #00457C; }
      .home-sec3 .logos .back .goingback {
        margin: 0 0.3125rem 0 0;
        vertical-align: middle;
        display: inline-block;
        color: #009adf; }

/*========================
HOME - TESTIMONIALS
=========================*/
.home-sec4 {
  background: #f2f2f2;
  padding: 5rem 0.625rem; }
  @media (min-width: 768px) {
    .home-sec4 {
      padding: 6.25rem 0; } }
  .home-sec4 .content {
    margin: 0 auto;
    text-align: center; }
  .home-sec4 h1 {
    font-size: 112.5%;
    line-height: 1.5rem;
    font-weight: 700;
    color: #00457C;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
    margin: 0 0 1.875rem; }
  .home-sec4 .testimonial {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 125%;
    line-height: 1.875rem;
    margin: 1.5625rem 0; }
    @media (min-width: 768px) {
      .home-sec4 .testimonial {
        width: 49%;
        margin: 0 0 1.5625rem;
        text-align: left; } }
  .home-sec4 .logo {
    display: inline-block;
    background: #FFFFFF;
    vertical-align: top;
    width: 100%; }
    @media (min-width: 768px) {
      .home-sec4 .logo {
        width: 13.75rem;
        margin: 0 1.875rem 0 0;
        height: 8.75rem; } }
    .home-sec4 .logo img {
      text-align: center;
      padding: 1.25rem;
      width: 10rem;
      margin: 0 auto; }
      @media (min-width: 768px) {
        .home-sec4 .logo img {
          text-align: center;
          padding: 1.875rem;
          width: 100%; } }
  .home-sec4 .person {
    margin: 1.25rem 0 0; }
    .home-sec4 .person .name {
      font-weight: 800; }
  .home-sec4 .slider {
    width: 90%;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .home-sec4 .slider {
        width: 80%; } }
  .home-sec4 .slick-prev:before, .home-sec4 .slick-next:before {
    line-height: 1;
    opacity: 1;
    color: #909090;
    display: none; }
    @media (min-width: 768px) {
      .home-sec4 .slick-prev:before, .home-sec4 .slick-next:before {
        font-size: 2.5rem;
        display: inline-block; } }
  .home-sec4 .slick-prev {
    left: -55px; }
    @media (min-width: 768px) {
      .home-sec4 .slick-prev {
        left: -55px; } }
  @media (min-width: 768px) {
    .home-sec4 .slick-prev, .home-sec4 .slick-next {
      top: 45%;
      width: 2.8125rem !important;
      height: 2.8125rem !important; } }
  .home-sec4 .slick-dots li button:before {
    font-size: 12px; }

/*========================
WHAT WE DO - HERO
=========================*/
.gtu-wwd-hero {
  position: relative;
  display: table;
  width: 100%;
  height: 95vh; }
  @media (min-width: 768px) {
    .gtu-wwd-hero {
      height: 100vh; } }
  .gtu-wwd-hero .img1, .gtu-wwd-hero .img2, .gtu-wwd-hero .img3 {
    height: 95vh;
    width: 100%;
    position: absolute; }
    @media (min-width: 768px) {
      .gtu-wwd-hero .img1, .gtu-wwd-hero .img2, .gtu-wwd-hero .img3 {
        height: 100vh; } }
  .gtu-wwd-hero .img1 {
    background: url("../assets/whatwedo/img1.jpg") center center;
    background-size: cover;
    animation: pic-rotation 6s 0s ease-in-out infinite;
    opacity: 0; }
  .gtu-wwd-hero .img2 {
    background: url("../assets/whatwedo/img2.jpg") center center;
    background-size: cover;
    animation: pic-rotation 6s 2s ease-in-out infinite;
    opacity: 0; }
  .gtu-wwd-hero .img3 {
    background: url("../assets/whatwedo/img3.jpg") center center;
    background-size: cover;
    animation: pic-rotation 6s 4s ease-in-out infinite;
    opacity: 0; }

@-webkit-keyframes pic-rotation {
  0% {
    opacity: 0; }
  11.11% {
    opacity: 1; }
  33.33% {
    opacity: 1; }
  44.44% {
    opacity: 0; }
  100% {
    opacity: 0; } }
  .gtu-wwd-hero .overlay {
    background: rgba(0, 69, 124, 0.8);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1; }
  .gtu-wwd-hero .hero {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #FFFFFF;
    position: relative;
    z-index: 2; }
  .gtu-wwd-hero .hero-title {
    width: 100%;
    padding: 1.875rem;
    text-align: center;
    max-width: 64rem;
    margin: 0 auto; }
    .gtu-wwd-hero .hero-title .page-title {
      font-size: 112.5%;
      line-height: 1.5rem;
      font-weight: 700;
      color: #FFFFFF;
      text-transform: uppercase;
      letter-spacing: 0.0625rem;
      font-family: "Merriweather", serif;
      margin: 0 0 0.3125rem; }
    .gtu-wwd-hero .hero-title h1 {
      font-size: 218.75%;
      line-height: 2.625rem;
      max-width: 64rem;
      margin: 0 auto 1.25rem; }
      @media (min-width: 768px) {
        .gtu-wwd-hero .hero-title h1 {
          font-size: 312.5%;
          line-height: 3.75rem; } }

/*========================
WHAT WE DO - PROCESS
=========================*/
.wwd-sec1 {
  padding: 5rem 1rem; }
  @media (min-width: 768px) {
    .wwd-sec1 {
      padding: 5rem 0; } }
  .wwd-sec1 .content {
    text-align: center; }
  .wwd-sec1 h1 {
    font-size: 112.5%;
    line-height: 1.5rem;
    font-weight: 700;
    color: #00457C;
    text-transform: uppercase;
    letter-spacing: 0.0625rem; }
  .wwd-sec1 p {
    color: #333333;
    margin: 0 auto;
    font-size: 137.5%;
    line-height: 1.75rem; }
  .wwd-sec1 .highlight {
    color: #333333;
    margin: 1.25rem 0 0; }
  .wwd-sec1 .points-icon {
    width: 6.875rem;
    margin: 0 auto;
    text-align: center; }
    @media (min-width: 768px) {
      .wwd-sec1 .points-icon {
        display: table-cell;
        text-align: left; } }
    .wwd-sec1 .points-icon img {
      width: 100%; }
  .wwd-sec1 .points-container {
    margin: 3.75rem 0 0; }
    .wwd-sec1 .points-container .points {
      text-align: center;
      margin: 0.625rem 0 0; }
      @media (min-width: 768px) {
        .wwd-sec1 .points-container .points {
          display: table-cell;
          vertical-align: middle;
          text-align: left;
          margin: 0;
          padding: 0 0 0 0.9375rem; } }
      .wwd-sec1 .points-container .points h2 {
        font-size: 100%;
        line-height: 1.375rem;
        font-weight: 700;
        color: #00457C;
        text-transform: uppercase;
        letter-spacing: 0.0625rem; }
      .wwd-sec1 .points-container .points p {
        color: #333333;
        margin: 0 auto;
        font-size: 112.5%;
        line-height: 1.5rem; }

/*========================
WHAT WE DO - CAPABILITIES
=========================*/
.wwd-sec2 {
  padding: 5rem 0 0;
  background: #f2f2f2; }
  @media (min-width: 768px) {
    .wwd-sec2 {
      padding: 5rem 0; } }
  .wwd-sec2 .content {
    text-align: center;
    margin: 0 0 5rem; }
    @media (min-width: 768px) {
      .wwd-sec2 .content {
        margin: 0 0 2.5rem; } }
  .wwd-sec2 h1 {
    font-size: 112.5%;
    line-height: 1.5rem;
    font-weight: 700;
    color: #00457C;
    text-transform: uppercase;
    letter-spacing: 0.0625rem; }
  .wwd-sec2 p {
    color: #333333;
    margin: 0 auto;
    font-size: 137.5%;
    line-height: 1.75rem; }
  .wwd-sec2 .points {
    margin: 0 0 5rem;
    text-align: center; }
    @media (min-width: 768px) {
      .wwd-sec2 .points {
        text-align: left;
        height: 40vh;
        margin: 1.875rem 0 3.75rem;
        display: table-cell;
        vertical-align: middle;
        padding: 0 2.5rem; } }
    .wwd-sec2 .points h2 {
      font-size: 100%;
      line-height: 1.375rem;
      font-weight: 700;
      color: #00457C;
      text-transform: uppercase;
      letter-spacing: 0.0625rem; }
    .wwd-sec2 .points p {
      color: #333333;
      margin: 0 auto;
      font-size: 112.5%;
      line-height: 1.5rem; }
  .wwd-sec2 .img1, .wwd-sec2 .img2, .wwd-sec2 .img3, .wwd-sec2 .img4, .wwd-sec2 .img5 {
    height: 35vh;
    width: 100%;
    margin: 0 auto 1.875rem; }
    @media (min-width: 768px) {
      .wwd-sec2 .img1, .wwd-sec2 .img2, .wwd-sec2 .img3, .wwd-sec2 .img4, .wwd-sec2 .img5 {
        height: 40vh; } }
  .wwd-sec2 .img1 {
    background: url("../assets/whatwedo/img5.jpg") no-repeat center center;
    background-size: cover; }
  .wwd-sec2 .img2 {
    background: url("../assets/whatwedo/img1.jpg") no-repeat center center;
    background-size: cover; }
  .wwd-sec2 .img3 {
    background: url("../assets/whatwedo/img4.jpg") no-repeat center center;
    background-size: cover; }
  .wwd-sec2 .img4 {
    background: url("../assets/whatwedo/img6.jpg") no-repeat center center;
    background-size: cover; }
  .wwd-sec2 .img5 {
    background: url("../assets/whatwedo/img7.jpg") no-repeat center center;
    background-size: cover; }
    @media (min-width: 768px) {
      .wwd-sec2 .img5 {
        margin: 0 auto; } }
  .wwd-sec2 .examples {
    margin: 1.25rem 0 0.625rem;
    font-family: "Merriweather", serif;
    color: #00457C;
    font-size: 100%;
    line-height: 1.5625rem; }
    .wwd-sec2 .examples .example-list a {
      color: #333333;
      text-decoration: underline;
      transition: all 0.3s ease; }
      .wwd-sec2 .examples .example-list a:hover {
        color: #00457C; }

/*========================
WORK - HERO
=========================*/
.gtu-wk-hero {
  position: relative;
  display: table;
  width: 100%;
  height: 95vh; }
  @media (min-width: 768px) {
    .gtu-wk-hero {
      height: 100vh; } }
  .gtu-wk-hero .img1, .gtu-wk-hero .img2, .gtu-wk-hero .img3 {
    height: 95vh;
    width: 100%;
    position: absolute; }
    @media (min-width: 768px) {
      .gtu-wk-hero .img1, .gtu-wk-hero .img2, .gtu-wk-hero .img3 {
        height: 100vh; } }
  .gtu-wk-hero .img1 {
    background: url("../assets/work/img1.jpg") center center;
    background-size: cover;
    animation: pic-rotation 6s 0s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-hero .img2 {
    background: url("../assets/work/img2.jpg") center center;
    background-size: cover;
    animation: pic-rotation 6s 2s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-hero .img3 {
    background: url("../assets/work/img3.jpg") center center;
    background-size: cover;
    animation: pic-rotation 6s 4s ease-in-out infinite;
    opacity: 0; }

@-webkit-keyframes pic-rotation {
  0% {
    opacity: 0; }
  11.11% {
    opacity: 1; }
  33.33% {
    opacity: 1; }
  44.44% {
    opacity: 0; }
  100% {
    opacity: 0; } }
  .gtu-wk-hero .overlay {
    background: rgba(0, 69, 124, 0.8);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1; }
  .gtu-wk-hero .hero {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #FFFFFF;
    position: relative;
    z-index: 2; }
  .gtu-wk-hero .hero-title {
    width: 100%;
    padding: 1.875rem;
    text-align: center;
    max-width: 64rem;
    margin: 0 auto; }
    .gtu-wk-hero .hero-title .page-title {
      font-size: 112.5%;
      line-height: 1.5rem;
      font-weight: 700;
      color: #FFFFFF;
      text-transform: uppercase;
      letter-spacing: 0.0625rem;
      font-family: "Merriweather", serif;
      margin: 0 0 0.3125rem; }
    .gtu-wk-hero .hero-title h1 {
      font-size: 218.75%;
      line-height: 2.625rem;
      max-width: 64rem;
      margin: 0 auto 1.25rem; }
      @media (min-width: 768px) {
        .gtu-wk-hero .hero-title h1 {
          font-size: 312.5%;
          line-height: 3.75rem; } }

/*========================
WORK - TILES
=========================*/
.wk-sec1 {
  padding: 5rem 0 1.25rem;
  background: #f2f2f2; }
  @media (min-width: 768px) {
    .wk-sec1 {
      padding: 5rem 0; } }
  .wk-sec1 h2 {
    font-size: 112.5%;
    line-height: 1.5rem;
    font-weight: 700;
    color: #00457C;
    text-transform: uppercase;
    letter-spacing: 0.0625rem; }
  .wk-sec1 p {
    color: #333333;
    margin: 0 auto;
    font-size: 16px;
    line-height: 22px; }
  .wk-sec1 a {
    color: #333333; }
  .wk-sec1 .work {
    width: 100%;
    margin: 0 0 2.5rem;
    background: #fff;
    text-align: left;
    overflow: hidden; }
    @media (min-width: 768px) {
      .wk-sec1 .work {
        margin: 0 0 1.25rem; } }
    .wk-sec1 .work .work-image {
      overflow: hidden;
      position: relative;
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transition: .3s ease-in-out;
      transition: all .3s ease-in-out;
      display: block; }
      .wk-sec1 .work .work-image img {
        width: 100%; }
    .wk-sec1 .work .work-image:hover {
      transform: scale(1.3);
      filter: grayscale(1); }
    .wk-sec1 .work .work-icon {
      position: absolute;
      z-index: -1;
      left: -99999px;
      font-size: 187.5% !important; }
    .wk-sec1 .work .work-text {
      padding: 1.25rem;
      width: 100%;
      text-align: center;
      position: relative;
      z-index: 2;
      background: #FFFFFF; }
      @media (min-width: 768px) {
        .wk-sec1 .work .work-text {
          text-align: left;
          min-height: 8.75rem; } }
    .wk-sec1 .work .work-image:hover .work-icon {
      position: absolute;
      color: #FFFFFF;
      width: 1.875rem;
      height: 1.875rem;
      top: 50%;
      left: 50%;
      z-index: 1;
      transform: translate(-50%, -50%); }

/*========================
WORK - HEROES
=========================*/
.gtu-wk-t-hero {
  position: relative;
  display: table;
  width: 100%;
  height: 95vh; }
  @media (min-width: 768px) {
    .gtu-wk-t-hero {
      height: 100vh; } }
  .gtu-wk-t-hero .bhm-img1, .gtu-wk-t-hero .bhm-img2, .gtu-wk-t-hero .bhm-img3, .gtu-wk-t-hero .cny-img1, .gtu-wk-t-hero .cny-img2, .gtu-wk-t-hero .cny-img3, .gtu-wk-t-hero .cs-img1, .gtu-wk-t-hero .cs-img2, .gtu-wk-t-hero .cs-img3, .gtu-wk-t-hero .em-img1, .gtu-wk-t-hero .em-img2, .gtu-wk-t-hero .em-img3,
  .gtu-wk-t-hero .fab-img1, .gtu-wk-t-hero .fab-img2, .gtu-wk-t-hero .fab-img3, .gtu-wk-t-hero .fi-img1, .gtu-wk-t-hero .fi-img2, .gtu-wk-t-hero .fi-img3, .gtu-wk-t-hero .hh-img1, .gtu-wk-t-hero .hh-img2, .gtu-wk-t-hero .hh-img3, .gtu-wk-t-hero .jcb-img1, .gtu-wk-t-hero .jcb-img2, .gtu-wk-t-hero .jcb-img3,
  .gtu-wk-t-hero .tk-img1, .gtu-wk-t-hero .tk-img2, .gtu-wk-t-hero .tk-img3, .gtu-wk-t-hero .ts-img1, .gtu-wk-t-hero .ts-img2, .gtu-wk-t-hero .ts-img3, .gtu-wk-t-hero .uw-img1, .gtu-wk-t-hero .uw-img2, .gtu-wk-t-hero .uw-img3, .gtu-wk-t-hero .v-img1 {
    height: 95vh;
    width: 100%;
    position: absolute; }
    @media (min-width: 768px) {
      .gtu-wk-t-hero .bhm-img1, .gtu-wk-t-hero .bhm-img2, .gtu-wk-t-hero .bhm-img3, .gtu-wk-t-hero .cny-img1, .gtu-wk-t-hero .cny-img2, .gtu-wk-t-hero .cny-img3, .gtu-wk-t-hero .cs-img1, .gtu-wk-t-hero .cs-img2, .gtu-wk-t-hero .cs-img3, .gtu-wk-t-hero .em-img1, .gtu-wk-t-hero .em-img2, .gtu-wk-t-hero .em-img3,
      .gtu-wk-t-hero .fab-img1, .gtu-wk-t-hero .fab-img2, .gtu-wk-t-hero .fab-img3, .gtu-wk-t-hero .fi-img1, .gtu-wk-t-hero .fi-img2, .gtu-wk-t-hero .fi-img3, .gtu-wk-t-hero .hh-img1, .gtu-wk-t-hero .hh-img2, .gtu-wk-t-hero .hh-img3, .gtu-wk-t-hero .jcb-img1, .gtu-wk-t-hero .jcb-img2, .gtu-wk-t-hero .jcb-img3,
      .gtu-wk-t-hero .tk-img1, .gtu-wk-t-hero .tk-img2, .gtu-wk-t-hero .tk-img3, .gtu-wk-t-hero .ts-img1, .gtu-wk-t-hero .ts-img2, .gtu-wk-t-hero .ts-img3, .gtu-wk-t-hero .uw-img1, .gtu-wk-t-hero .uw-img2, .gtu-wk-t-hero .uw-img3, .gtu-wk-t-hero .v-img1 {
        height: 100vh; } }
  .gtu-wk-t-hero .bhm-img1 {
    background: url("../assets/work/img3.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 0s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .bhm-img2 {
    background: url("../assets/work/bhm/img1.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 3s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .bhm-img3 {
    background: url("../assets/work/bhm/img2.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 6s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .cny-img1 {
    background: url("../assets/work/cny/img1.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 0s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .cny-img2 {
    background: url("../assets/work/cny/img2.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 3s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .cny-img3 {
    background: url("../assets/work/cny/img3.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 6s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .cs-img1 {
    background: url("../assets/work/cs/img1.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 0s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .cs-img2 {
    background: url("../assets/work/cs/img2.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 3s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .cs-img3 {
    background: url("../assets/work/cs/img3.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 6s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .em-img1 {
    background: url("../assets/work/em/img1.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 0s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .em-img2 {
    background: url("../assets/work/em/img2.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 3s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .em-img3 {
    background: url("../assets/work/em/img3.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 6s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .fab-img1 {
    background: url("../assets/work/fab/img1.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 0s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .fab-img2 {
    background: url("../assets/work/fab/img2.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 3s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .fab-img3 {
    background: url("../assets/work/fab/img3.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 6s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .fi-img1 {
    background: url("../assets/work/fi/img1.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 0s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .fi-img2 {
    background: url("../assets/work/fi/img2.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 3s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .fi-img3 {
    background: url("../assets/work/fi/img3.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 6s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .hh-img1 {
    background: url("../assets/work/hh/img1.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 0s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .hh-img2 {
    background: url("../assets/work/hh/img2.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 3s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .hh-img3 {
    background: url("../assets/work/hh/img3.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 6s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .jcb-img1 {
    background: url("../assets/work/jcb/img1.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 0s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .jcb-img2 {
    background: url("../assets/work/jcb/img2.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 3s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .jcb-img3 {
    background: url("../assets/work/jcb/img3.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 6s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .tk-img1 {
    background: url("../assets/work/tk/img4.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 0s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .tk-img2 {
    background: url("../assets/work/tk/img2.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 3s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .tk-img3 {
    background: url("../assets/work/tk/img3.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 6s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .ts-img1 {
    background: url("../assets/work/ts/img1.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 0s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .ts-img2 {
    background: url("../assets/work/ts/img2.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 3s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .ts-img3 {
    background: url("../assets/work/ts/img3.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 6s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .uw-img1 {
    background: url("../assets/work/uw/img1.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 0s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .uw-img2 {
    background: url("../assets/work/uw/img2.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 3s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .uw-img3 {
    background: url("../assets/work/uw/img3.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 6s ease-in-out infinite;
    opacity: 0; }
  .gtu-wk-t-hero .v-img1 {
    background: url("../assets/work/v/v-bg.jpg") center center;
    background-size: cover; }

@-webkit-keyframes pic-rotation {
  0% {
    opacity: 0; }
  11.11% {
    opacity: 1; }
  33.33% {
    opacity: 1; }
  44.44% {
    opacity: 0; }
  100% {
    opacity: 0; } }
  .gtu-wk-t-hero .overlay {
    background: rgba(0, 69, 124, 0.8);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1; }
  .gtu-wk-t-hero .hero {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #FFFFFF;
    position: relative;
    z-index: 2; }
  .gtu-wk-t-hero .hero-title {
    width: 100%;
    padding: 1.875rem;
    text-align: center;
    max-width: 64rem;
    margin: 0 auto; }
    .gtu-wk-t-hero .hero-title .page-title {
      font-size: 112.5%;
      line-height: 1.5rem;
      font-weight: 700;
      color: #FFFFFF;
      text-transform: uppercase;
      letter-spacing: 0.0625rem;
      font-family: "Merriweather", serif;
      margin: 0 0 0.3125rem; }
    .gtu-wk-t-hero .hero-title h1 {
      font-size: 218.75%;
      line-height: 2.625rem;
      max-width: 64rem;
      margin: 0 auto 1.25rem; }
      @media (min-width: 768px) {
        .gtu-wk-t-hero .hero-title h1 {
          font-size: 312.5%;
          line-height: 3.75rem; } }

/*========================
WORK - PAGE TEMPLATE
=========================*/
.wk-t-sec1 {
  padding: 5rem 0 1.25rem;
  background: #FFFFFF; }
  @media (min-width: 768px) {
    .wk-t-sec1 {
      padding: 5rem 0; } }
  .wk-t-sec1 h2 {
    font-size: 112.5%;
    line-height: 1.5rem;
    font-weight: 700;
    color: #00457C;
    text-transform: uppercase;
    letter-spacing: 0.0625rem; }
  .wk-t-sec1 p {
    color: #333333;
    margin: 0 auto;
    font-size: 112.5%;
    line-height: 1.5rem; }
  .wk-t-sec1 .content {
    margin: 0 0 2.5rem;
    text-align: center; }
    .wk-t-sec1 .content:last-child {
      margin: 0 0 5rem; }
    @media (min-width: 768px) {
      .wk-t-sec1 .content {
        text-align: left; }
        .wk-t-sec1 .content:last-child {
          margin: 0; } }
  .wk-t-sec1 .lp {
    margin: 0.9375rem 0 0; }
    .wk-t-sec1 .lp span {
      font-weight: 800; }
    .wk-t-sec1 .lp a {
      color: #009adf;
      text-decoration: underline; }
  @media (min-width: 768px) {
    .wk-t-sec1 .oneoff {
      margin: 2.5rem 0 0; } }
  .wk-t-sec1 .video {
    margin: 0; }
    .wk-t-sec1 .video iframe {
      height: 18.75rem;
      width: 100%; }
      @media (min-width: 768px) {
        .wk-t-sec1 .video iframe {
          height: 27.5rem; } }
      @media (min-width: 992px) {
        .wk-t-sec1 .video iframe {
          height: 21.875rem;
          width: 90%; } }

.wk-t-sec2 {
  padding: 5rem 0;
  background: #f2f2f2; }
  .wk-t-sec2 .gap {
    margin: 5rem 0 0; }
  .wk-t-sec2 .slider {
    width: 90%;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .wk-t-sec2 .slider {
        width: 80%; } }
    .wk-t-sec2 .slider h2 {
      font-size: 112.5%;
      line-height: 1.5rem;
      font-weight: 700;
      color: #00457C;
      text-transform: uppercase;
      letter-spacing: 0.0625rem;
      text-align: center;
      margin: 0 0 1.25rem; }
    .wk-t-sec2 .slider p {
      text-align: center;
      font-size: 16px;
      line-height: 22px;
      margin: 0.625rem 0; }
      @media (min-width: 768px) {
        .wk-t-sec2 .slider p {
          margin: 0.625rem 0 1.25rem; } }
    .wk-t-sec2 .slider a {
      color: #333333;
      text-decoration: underline; }
    .wk-t-sec2 .slider img {
      width: 100%;
      margin: 0 auto; }
  .wk-t-sec2 .slick-prev:before, .wk-t-sec2 .slick-next:before {
    line-height: 1;
    opacity: 1;
    color: #909090;
    display: none; }
    @media (min-width: 768px) {
      .wk-t-sec2 .slick-prev:before, .wk-t-sec2 .slick-next:before {
        font-size: 2.5rem;
        display: inline-block; } }
  .wk-t-sec2 .slick-next {
    right: -55px; }
  .wk-t-sec2 .slick-prev {
    left: -55px; }
    @media (min-width: 768px) {
      .wk-t-sec2 .slick-prev {
        left: -55px; } }
  @media (min-width: 768px) {
    .wk-t-sec2 .slick-prev, .wk-t-sec2 .slick-next {
      top: 45%;
      width: 2.8125rem !important;
      height: 2.8125rem !important; } }
  .wk-t-sec2 .slick-dots li button:before {
    font-size: 12px; }
  .wk-t-sec2 .back {
    text-align: center;
    margin: 5rem auto 0;
    font-weight: 700;
    color: #00457C;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: underline; }
    .wk-t-sec2 .back:hover {
      color: #00457C; }
    .wk-t-sec2 .back .goingback {
      margin: 0 0.3125rem 0 0;
      vertical-align: middle;
      display: inline-block;
      color: #009adf; }

/*========================
BLOG - HERO
=========================*/
.gtu-bl-hero {
  position: relative;
  display: table;
  width: 100%;
  height: 95vh; }
  @media (min-width: 768px) {
    .gtu-bl-hero {
      height: 100vh; } }
  .gtu-bl-hero .img1, .gtu-bl-hero .img2, .gtu-bl-hero .img3 {
    height: 95vh;
    width: 100%;
    position: absolute; }
    @media (min-width: 768px) {
      .gtu-bl-hero .img1, .gtu-bl-hero .img2, .gtu-bl-hero .img3 {
        height: 100vh; } }
  .gtu-bl-hero .img1 {
    background: url("../assets/whatwedo/img4.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 0s ease-in-out infinite;
    opacity: 0; }
  .gtu-bl-hero .img2 {
    background: url("../assets/whatwedo/img5.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 3s ease-in-out infinite;
    opacity: 0; }
  .gtu-bl-hero .img3 {
    background: url("../assets/events/img1.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 6s ease-in-out infinite;
    opacity: 0; }

@-webkit-keyframes pic-rotation {
  0% {
    opacity: 0; }
  11.11% {
    opacity: 1; }
  33.33% {
    opacity: 1; }
  44.44% {
    opacity: 0; }
  100% {
    opacity: 0; } }
  .gtu-bl-hero .overlay {
    background: rgba(0, 69, 124, 0.8);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1; }
  .gtu-bl-hero .hero {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #FFFFFF;
    position: relative;
    z-index: 2; }
  .gtu-bl-hero .hero-title {
    width: 100%;
    padding: 1.875rem;
    text-align: center;
    max-width: 65.625rem;
    margin: 0 auto; }
    .gtu-bl-hero .hero-title .page-title {
      font-size: 112.5%;
      line-height: 1.5rem;
      font-weight: 700;
      color: #FFFFFF;
      text-transform: uppercase;
      letter-spacing: 0.0625rem;
      font-family: "Merriweather", serif;
      margin: 0 0 0.3125rem; }
    .gtu-bl-hero .hero-title h1 {
      font-size: 218.75%;
      line-height: 2.625rem;
      max-width: 64rem;
      margin: 0 auto 1.25rem; }
      @media (min-width: 768px) {
        .gtu-bl-hero .hero-title h1 {
          font-size: 312.5%;
          line-height: 3.75rem; } }

/*========================
BLOG - TILES
=========================*/
.bl-sec1 {
  padding: 5rem 0 1.25rem;
  background: #f2f2f2; }
  @media (min-width: 768px) {
    .bl-sec1 {
      padding: 5rem 0; } }
  .bl-sec1 h2 {
    font-size: 137.5%;
    line-height: 1.75rem;
    color: #00457C;
    font-weight: 500;
    margin: 0 0 0.625rem; }
  .bl-sec1 p {
    color: #333333;
    margin: 0 auto;
    font-size: 16px;
    line-height: 22px; }
  .bl-sec1 a {
    color: #333333; }
  .bl-sec1 .blog {
    width: 100%;
    margin: 0 0 2.5rem;
    text-align: left;
    overflow: hidden;
    background: #f2f2f2; }
    @media (min-width: 768px) {
      .bl-sec1 .blog {
        margin: 0 0 2.5rem; } }
    .bl-sec1 .blog .blog-image {
      overflow: hidden;
      background-size: cover !important;
      width: 100%;
      height: 18.75rem;
      position: relative;
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transition: .3s ease-in-out;
      transition: all .3s ease-in-out;
      display: block; }
    .bl-sec1 .blog .blog-text {
      padding: 1.25rem 0 2.5rem;
      width: 100%;
      height: 18.75rem;
      position: relative;
      z-index: 2;
      background: #f2f2f2;
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
      @media (min-width: 768px) {
        .bl-sec1 .blog .blog-text {
          padding: 0 0 0 1.25rem;
          text-align: left; } }
    .bl-sec1 .blog .readmore {
      margin: 1.25rem auto 0;
      font-size: 14px;
      font-weight: 700;
      color: #00457C;
      text-transform: uppercase;
      cursor: pointer;
      text-decoration: underline;
      transition: all 0.3s ease-in-out; }
      .bl-sec1 .blog .readmore:hover {
        color: #009adf; }
      .bl-sec1 .blog .readmore .gonnareadmore {
        margin: 0 0.3125rem 0 0;
        vertical-align: middle;
        display: inline-block;
        color: #009adf; }

/* PAGINATION */
.blog-num {
  position: relative; }
  .blog-num .page-nav {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .blog-num .page-nav .page-numbers {
      background: #BCBCBC;
      color: #FFFFFF;
      display: block;
      width: auto;
      float: left;
      margin: 4px 4px 4px 0;
      padding: 15px 18px 14px 18px;
      text-decoration: none;
      transition: all 0.3s ease; }
      .blog-num .page-nav .page-numbers:hover {
        background: #00457C;
        color: #FFFFFF;
        text-decoration: none; }
    .blog-num .page-nav .current {
      background: #00457C;
      color: #FFFFFF;
      padding: 15px 18px 14px 18px; }

/*========================
BLOG TEMPLATE - HERO
=========================*/
.gtu-blt-hero {
  position: relative;
  display: table;
  width: 100%;
  height: 60vh; }
  @media (min-width: 768px) {
    .gtu-blt-hero {
      height: 75vh; } }
  .gtu-blt-hero .author {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700; }
  .gtu-blt-hero .img {
    height: 60vh;
    width: 100%;
    position: absolute; }
    @media (min-width: 768px) {
      .gtu-blt-hero .img {
        height: 75vh; } }
  .gtu-blt-hero .overlay {
    background: rgba(0, 69, 124, 0.8);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1; }
  .gtu-blt-hero .hero {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #FFFFFF;
    position: relative;
    z-index: 2; }
  .gtu-blt-hero .hero-title {
    width: 100%;
    padding: 1.875rem;
    text-align: center;
    max-width: 65.625rem;
    margin: 0 auto; }
    .gtu-blt-hero .hero-title h1 {
      font-size: 162.5%;
      line-height: 2.25rem;
      max-width: 64rem;
      margin: 0 auto 1.25rem; }
      @media (min-width: 768px) {
        .gtu-blt-hero .hero-title h1 {
          font-size: 218.75%;
          line-height: 2.5625rem; } }
    .gtu-blt-hero .hero-title p {
      text-transform: uppercase;
      font-size: 14px;
      letter-spacing: 3px;
      font-weight: 800;
      margin: 0 0 0.625rem; }
      @media (min-width: 768px) {
        .gtu-blt-hero .hero-title p {
          font-size: 18px; } }

/*========================
BLOG TEMPLATE - CONTENT
=========================*/
.blt-sec1 {
  padding: 1.25rem 1.25rem 2.5rem;
  background: #f2f2f2; }
  @media (min-width: 768px) {
    .blt-sec1 {
      padding: 5rem 0; } }
  .blt-sec1 .content {
    text-align: center;
    margin: 0 auto 2.5rem;
    max-width: 800px; }
  .blt-sec1 h1 {
    font-size: 112.5%;
    line-height: 1.5rem;
    font-weight: 700;
    color: #00457C;
    text-transform: uppercase;
    letter-spacing: 0.0625rem; }
  .blt-sec1 p {
    color: #333333;
    margin: 0 auto 1.25rem;
    font-size: 125%;
    line-height: 2.0625rem;
    text-align: left; }
    .blt-sec1 p a {
      text-decoration: none;
      transition: .3s ease-in-out; }
      .blt-sec1 p a:hover {
        color: #009adf;
        transition: .3s ease-in-out; }
      .blt-sec1 p a:visited {
        color: #009adf; }
  .blt-sec1 img {
    width: 100%;
    margin: 1.25rem 0; }

/*---------------------
BLOG SIDEBAR
---------------------*/
.blt-side {
  padding: 0 0 2.5rem;
  background: #f2f2f2; }
  @media (min-width: 768px) {
    .blt-side {
      padding: 0 0 6.25rem; } }
  .blt-side h2 {
    font-size: 100%;
    line-height: 1.375rem;
    font-weight: 400;
    color: #00457C;
    text-align: center;
    margin: 0.625rem 0 3.75rem; }
    .blt-side h2:last-child() {
      margin: 0.625rem 0 0; }
    @media (min-width: 768px) {
      .blt-side h2 {
        margin: 0.625rem 0 0; } }
  .blt-side .recent {
    font-size: 137.5%;
    line-height: 1.625rem;
    font-weight: 700;
    color: #00457C;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 1.875rem; }
  .blt-side .thumb {
    height: 15.625rem; }

/*========================
EVENTS - HERO
=========================*/
.gtu-ev-hero {
  position: relative;
  display: table;
  width: 100%;
  height: 95vh; }
  @media (min-width: 768px) {
    .gtu-ev-hero {
      height: 100vh; } }
  .gtu-ev-hero .img1, .gtu-ev-hero .img2, .gtu-ev-hero .img3 {
    height: 95vh;
    width: 100%;
    position: absolute; }
    @media (min-width: 768px) {
      .gtu-ev-hero .img1, .gtu-ev-hero .img2, .gtu-ev-hero .img3 {
        height: 100vh; } }
  .gtu-ev-hero .img1 {
    background: url("../assets/whatwedo/img4.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 0s ease-in-out infinite;
    opacity: 0; }
  .gtu-ev-hero .img2 {
    background: url("../assets/whatwedo/img5.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 3s ease-in-out infinite;
    opacity: 0; }
  .gtu-ev-hero .img3 {
    background: url("../assets/events/img1.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 6s ease-in-out infinite;
    opacity: 0; }

@-webkit-keyframes pic-rotation {
  0% {
    opacity: 0; }
  11.11% {
    opacity: 1; }
  33.33% {
    opacity: 1; }
  44.44% {
    opacity: 0; }
  100% {
    opacity: 0; } }
  .gtu-ev-hero .overlay {
    background: rgba(0, 69, 124, 0.8);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1; }
  .gtu-ev-hero .hero {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #FFFFFF;
    position: relative;
    z-index: 2; }
  .gtu-ev-hero .hero-title {
    width: 100%;
    padding: 1.875rem;
    text-align: center;
    max-width: 65.625rem;
    margin: 0 auto; }
    .gtu-ev-hero .hero-title .page-title {
      font-size: 112.5%;
      line-height: 1.5rem;
      font-weight: 700;
      color: #FFFFFF;
      text-transform: uppercase;
      letter-spacing: 0.0625rem;
      font-family: "Merriweather", serif;
      margin: 0 0 0.3125rem; }
    .gtu-ev-hero .hero-title h1 {
      font-size: 218.75%;
      line-height: 2.625rem;
      max-width: 64rem;
      margin: 0 auto 1.25rem; }
      @media (min-width: 768px) {
        .gtu-ev-hero .hero-title h1 {
          font-size: 312.5%;
          line-height: 3.75rem; } }

/*========================
EVENTS - UPCOMING
=========================*/
.ev-sec1 {
  padding: 1.25rem 0 2.5rem;
  background: #f2f2f2; }
  @media (min-width: 768px) {
    .ev-sec1 {
      padding: 5rem 0 5rem; } }
  .ev-sec1 .content {
    text-align: center;
    margin: 0 0 2.5rem; }
  .ev-sec1 h1 {
    font-size: 112.5%;
    line-height: 1.5rem;
    font-weight: 700;
    color: #00457C;
    text-transform: uppercase;
    letter-spacing: 0.0625rem; }
  .ev-sec1 p {
    color: #333333;
    margin: 0 auto;
    font-size: 137.5%;
    line-height: 1.75rem; }
  .ev-sec1 .points {
    margin: 0 0 3.125rem;
    text-align: center; }
    @media (min-width: 768px) {
      .ev-sec1 .points {
        text-align: left;
        height: 40vh;
        margin: 1.875rem 0 3.75rem;
        display: table-cell;
        vertical-align: middle;
        padding: 0 2.5rem; } }
    .ev-sec1 .points h2 {
      font-size: 137.5%;
      line-height: 1.625rem;
      font-weight: 700;
      color: #00457C;
      text-transform: uppercase;
      letter-spacing: 0.0625rem; }
    .ev-sec1 .points p {
      color: #333333;
      margin: 0 auto;
      font-size: 112.5%;
      line-height: 1.5rem; }
    .ev-sec1 .points .upevent, .ev-sec1 .points .pastevent {
      padding: 0.25rem 0;
      background: #00457C;
      color: #FFFFFF;
      text-transform: uppercase;
      letter-spacing: 0.125rem;
      width: 10rem;
      text-align: center;
      font-size: 0.75rem;
      margin: 0 auto 0.5rem; }
      @media (min-width: 768px) {
        .ev-sec1 .points .upevent, .ev-sec1 .points .pastevent {
          margin: 0 0 0.5rem; } }
    .ev-sec1 .points .pastevent {
      background: #909090; }
    .ev-sec1 .points .dates {
      color: #00457C;
      margin: 0 auto 1.25rem;
      font-weight: 700;
      font-family: "Merriweather", serif;
      font-size: 112.5%;
      line-height: 1.5rem; }
    .ev-sec1 .points .button {
      font-size: 112.5%;
      line-height: 1.5rem;
      margin: 1.875rem 0 0; }
  .ev-sec1 .event-img {
    width: 100%;
    max-width: 28.75rem;
    margin: 0 auto 1.875rem; }
    .ev-sec1 .event-img img {
      width: 100%; }

/*========================
LP - HERO
=========================*/
.gtu-lp-hero {
  position: relative;
  display: table;
  width: 100%;
  height: 55vh; }
  .gtu-lp-hero .img1 {
    height: 55vh;
    width: 100%;
    position: absolute; }
  .gtu-lp-hero .img1 {
    background: url("../assets/whatwedo/img5.jpg") center center;
    background-size: cover; }
  .gtu-lp-hero .overlay {
    background: rgba(0, 69, 124, 0.8);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1; }
  .gtu-lp-hero .hero {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #FFFFFF;
    position: relative;
    z-index: 2; }
  .gtu-lp-hero .hero-title {
    width: 100%;
    padding: 1.875rem;
    text-align: center;
    max-width: 65.625rem;
    margin: 0 auto; }
    .gtu-lp-hero .hero-title h1 {
      font-size: 2rem;
      line-height: 2.375rem;
      max-width: 64rem;
      margin: 0 auto 0.625rem; }
    .gtu-lp-hero .hero-title p {
      font-size: 1.375rem; }

/*========================
LP - CONTENT
=========================*/
.lp-sec1 {
  padding: 1.25rem 0 2.5rem;
  background: #f2f2f2; }
  @media (min-width: 768px) {
    .lp-sec1 {
      padding: 5rem 0 5rem; } }
  .lp-sec1 .content {
    text-align: center;
    margin: 0 0 2.5rem; }
  .lp-sec1 .gone {
    visibility: hidden; }
  .lp-sec1 p {
    color: #333333;
    margin: 0 auto;
    font-size: 137.5%;
    line-height: 1.75rem; }
  .lp-sec1 .points {
    margin: 0 0 3.125rem;
    text-align: center; }
    @media (min-width: 768px) {
      .lp-sec1 .points {
        margin: 1.875rem 0 3.75rem;
        padding: 0 2.5rem; } }
    .lp-sec1 .points h2 {
      font-size: 112.5%;
      line-height: 1.5rem;
      font-weight: 700;
      color: #00457C;
      text-transform: uppercase;
      letter-spacing: 0.0625rem; }
    .lp-sec1 .points p {
      color: #333333;
      margin: 0 auto;
      font-size: 100%;
      line-height: 1.25rem; }
    .lp-sec1 .points a {
      color: #333333;
      margin: 0;
      width: 100%;
      display: block; }
    .lp-sec1 .points .button {
      font-size: 87.5%;
      line-height: 1.25rem;
      margin: 1.25rem 0 0; }
  .lp-sec1 .lp-img {
    width: 100%;
    max-width: 28.75rem;
    margin: 0 auto 1.875rem; }
    .lp-sec1 .lp-img img {
      width: 100%; }

/*========================
TEAM - HERO
=========================*/
.gtu-tm-hero {
  position: relative;
  display: table;
  width: 100%;
  height: 95vh; }
  @media (min-width: 768px) {
    .gtu-tm-hero {
      height: 100vh; } }
  .gtu-tm-hero .img1, .gtu-tm-hero .img2, .gtu-tm-hero .img3 {
    height: 95vh;
    width: 100%;
    position: absolute; }
    @media (min-width: 768px) {
      .gtu-tm-hero .img1, .gtu-tm-hero .img2, .gtu-tm-hero .img3 {
        height: 100vh; } }
  .gtu-tm-hero .img1 {
    background: url("../assets/home/gtu-img4.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 0s ease-in-out infinite;
    opacity: 0; }
  .gtu-tm-hero .img2 {
    background: url("../assets/team/img1.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 3s ease-in-out infinite;
    opacity: 0; }
  .gtu-tm-hero .img3 {
    background: url("../assets/team/img2.jpg") center center;
    background-size: cover;
    animation: pic-rotation 9s 6s ease-in-out infinite;
    opacity: 0; }

@-webkit-keyframes pic-rotation {
  0% {
    opacity: 0; }
  11.11% {
    opacity: 1; }
  33.33% {
    opacity: 1; }
  44.44% {
    opacity: 0; }
  100% {
    opacity: 0; } }
  .gtu-tm-hero .overlay {
    background: rgba(0, 69, 124, 0.8);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1; }
  .gtu-tm-hero .hero {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #FFFFFF;
    position: relative;
    z-index: 2; }
  .gtu-tm-hero .hero-title {
    width: 100%;
    padding: 1.875rem;
    text-align: center;
    max-width: 65.625rem;
    margin: 0 auto; }
    .gtu-tm-hero .hero-title .page-title {
      font-size: 112.5%;
      line-height: 1.5rem;
      font-weight: 700;
      color: #FFFFFF;
      text-transform: uppercase;
      letter-spacing: 0.0625rem;
      font-family: "Merriweather", serif;
      margin: 0 0 0.3125rem; }
    .gtu-tm-hero .hero-title h1 {
      font-size: 218.75%;
      line-height: 2.625rem;
      max-width: 64rem;
      margin: 0 auto 1.25rem; }
      @media (min-width: 768px) {
        .gtu-tm-hero .hero-title h1 {
          font-size: 312.5%;
          line-height: 3.75rem; } }

/*========================
TEAM - HISTORY
=========================*/
.tm-sec1 {
  padding: 1.25rem 0 5rem;
  background: #FFFFFF;
  text-align: center; }
  @media (min-width: 768px) {
    .tm-sec1 {
      padding: 5rem 0 5rem;
      text-align: left; } }
  .tm-sec1 .content {
    margin: 0 0 3.75rem; }
    @media (min-width: 768px) {
      .tm-sec1 .content {
        margin: 0 0 2.5rem; } }
  .tm-sec1 h2 {
    font-size: 100%;
    line-height: 1.375rem;
    font-weight: 700;
    margin: 0 0 0.3125rem;
    color: #00457C;
    text-transform: uppercase;
    letter-spacing: 0.0625rem; }
  .tm-sec1 p {
    color: #333333;
    margin: 0 auto;
    font-size: 112.5%;
    line-height: 1.5rem; }
    @media (min-width: 768px) {
      .tm-sec1 p {
        padding: 0 1.25rem 0 0; } }
  .tm-sec1 .img1, .tm-sec1 .img2 {
    height: 60vh;
    width: 100%; }
    @media (min-width: 768px) {
      .tm-sec1 .img1, .tm-sec1 .img2 {
        height: 60vh; } }
  .tm-sec1 .img1 {
    background: url("../assets/team/img3.jpg") no-repeat center center;
    background-size: cover;
    margin: 0 0 2.5rem; }
  .tm-sec1 .img2 {
    background: url("../assets/home/gtu-img4.jpg") no-repeat center center;
    background-size: cover;
    margin: 0 0 2.5rem; }
    @media (min-width: 768px) {
      .tm-sec1 .img2 {
        margin: 0; } }
  .tm-sec1 .button {
    font-size: 112.5%;
    line-height: 1.5rem;
    margin: 1.25rem 0 0; }

/*========================
TEAM - PEOPLE
=========================*/
.tm-sec2 {
  background: #f2f2f2;
  padding: 1.25rem 0;
  text-align: center; }
  @media (min-width: 768px) {
    .tm-sec2 {
      padding: 5rem 0 1.25rem; } }
  .tm-sec2 .content {
    margin: 0 0 2.5rem; }
  .tm-sec2 .person, .tm-sec2 .modal-person {
    margin: 0 auto 3.75rem;
    text-align: center; }
    .tm-sec2 .person .name, .tm-sec2 .modal-person .name {
      font-size: 100%;
      line-height: 1.375rem;
      font-family: "Merriweather", serif;
      font-weight: 700;
      margin: 0.5rem 0 0;
      color: #00457C;
      text-transform: uppercase;
      letter-spacing: 0.0625rem; }
    .tm-sec2 .person .title, .tm-sec2 .modal-person .title {
      color: #333333;
      margin: 0 auto;
      font-size: 100%;
      line-height: 1.25rem; }
    .tm-sec2 .person button.close, .tm-sec2 .modal-person button.close {
      position: absolute;
      top: -6px;
      right: 0;
      padding: 10px;
      font-size: 30px; }
  .tm-sec2 .modal-person {
    text-align: left;
    margin: 0;
    padding: 1rem;
    border-bottom: 1px solid #909090; }
    .tm-sec2 .modal-person .contain {
      display: inline-block; }
    .tm-sec2 .modal-person .name {
      margin: 1.25rem 0 0; }
    .tm-sec2 .modal-person .title {
      display: inline-block;
      position: relative;
      top: -4px; }
    .tm-sec2 .modal-person .icon {
      position: relative;
      display: inline-block;
      bottom: 3px; }
      .tm-sec2 .modal-person .icon img {
        width: 25px; }
  .tm-sec2 .modal-person-desc {
    padding: 1rem 1.25rem 2.5rem; }
    .tm-sec2 .modal-person-desc img {
      width: 100%;
      margin: 0 0 1.25rem; }
      @media (min-width: 768px) {
        .tm-sec2 .modal-person-desc img {
          float: left;
          max-width: 18.75rem;
          margin: 0 1.25rem 0 0; } }
    .tm-sec2 .modal-person-desc p {
      font-size: 16px;
      line-height: 22px;
      margin: 0 0 0.75rem;
      text-align: center; }
      @media (min-width: 768px) {
        .tm-sec2 .modal-person-desc p {
          text-align: left; } }
  .tm-sec2 .button {
    font-size: 14px;
    line-height: 20px;
    margin: 1rem 0 0;
    cursor: pointer; }
  .tm-sec2 .arrow {
    font-size: 20px; }
  .tm-sec2 .pri-name1 img {
    width: 135px; }
    @media (min-width: 992px) {
      .tm-sec2 .pri-name1 img {
        width: 148px; } }
    @media (min-width: 1450px) {
      .tm-sec2 .pri-name1 img {
        width: 160px; } }
  .tm-sec2 .pri-name2 img {
    width: 120px; }
    @media (min-width: 768px) {
      .tm-sec2 .pri-name2 img {
        width: 150px; } }

/*========================
CONTACT - HERO
=========================*/
.gtu-ct-hero {
  position: relative;
  display: table;
  width: 100%;
  height: 95vh; }
  @media (min-width: 768px) {
    .gtu-ct-hero {
      height: 100vh; } }
  .gtu-ct-hero .img1 {
    height: 95vh;
    width: 100%;
    position: fixed; }
    @media (min-width: 768px) {
      .gtu-ct-hero .img1 {
        height: 100vh; } }
  .gtu-ct-hero .img1 {
    background: url("../assets/whatwedo/img2.jpg") center center;
    background-size: cover; }
  .gtu-ct-hero .overlay {
    background: rgba(0, 69, 124, 0.9);
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1; }
  .gtu-ct-hero .hero {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #FFFFFF;
    position: relative;
    z-index: 2; }
  .gtu-ct-hero .hero-title {
    width: 100%;
    padding: 1.875rem;
    text-align: center;
    max-width: 65.625rem;
    margin: 0 auto; }
    .gtu-ct-hero .hero-title .page-title {
      font-size: 112.5%;
      line-height: 1.5rem;
      font-weight: 700;
      color: #FFFFFF;
      text-transform: uppercase;
      letter-spacing: 0.0625rem;
      font-family: "Merriweather", serif;
      margin: 0 0 0.3125rem; }
    .gtu-ct-hero .hero-title h1 {
      font-size: 218.75%;
      line-height: 2.625rem;
      max-width: 64rem;
      margin: 0 auto 1.25rem; }
      @media (min-width: 768px) {
        .gtu-ct-hero .hero-title h1 {
          font-size: 312.5%;
          line-height: 3.75rem; } }

/*========================
CONTACT - FORM
=========================*/
.ct-sec1 {
  padding: 9.375rem 0 5rem;
  position: relative;
  z-index: 2; }
  @media (min-width: 768px) {
    .ct-sec1 {
      padding: 15.625rem 0 5rem; } }
  .ct-sec1 #gtu-contact-general, .ct-sec1 #gtu-contact-jobs, .ct-sec1 #gtu-contact-ba {
    display: none; }
  .ct-sec1 .ba-only {
    display: none; }
  .ct-sec1 .question {
    font-size: 156.25%;
    font-family: "Merriweather", serif;
    line-height: 1.875rem;
    font-weight: 700;
    color: #FFFFFF;
    margin: 0 0 0.5rem; }
  .ct-sec1 .question-menu {
    position: relative;
    cursor: pointer;
    width: 100%;
    margin: 0 auto;
    z-index: 2; }
    .ct-sec1 .question-menu .menu {
      width: 100%;
      background: #FFFFFF;
      margin: 0 auto 2.5rem;
      padding: 1rem 0 0;
      height: 3.5rem;
      position: relative; }
      .ct-sec1 .question-menu .menu p {
        font-size: 1.125rem;
        line-height: 1.5rem;
        text-indent: 0.6875rem;
        margin: 0;
        color: #333333; }
        .ct-sec1 .question-menu .menu p i {
          position: absolute;
          color: #009adf;
          right: 0.3125rem;
          font-size: 1.875rem; }
      .ct-sec1 .question-menu .menu ul.nav {
        text-align: left;
        width: 100%;
        display: none;
        text-indent: 1rem;
        color: #FFFFFF;
        margin: 1rem 0;
        border-bottom: 0.0625rem solid #f2f2f2; }
        .ct-sec1 .question-menu .menu ul.nav li {
          background: #FFFFFF;
          padding: 0.9375rem 0;
          font-size: 1.125rem;
          border-top: 0.0625rem solid #f2f2f2;
          color: #333333; }
          .ct-sec1 .question-menu .menu ul.nav li:hover {
            border-bottom: 0.25rem solid #009adf; }
  .ct-sec1 .contact {
    position: relative; }
    .ct-sec1 .contact label {
      display: block;
      font-family: "Lato", sans-serif;
      color: #FFFFFF;
      font-size: 1.125rem;
      margin: 0 0 0.3125rem; }
    .ct-sec1 .contact input[type="text"], .ct-sec1 .contact input[type="email"], .ct-sec1 .contact select {
      width: 100%;
      height: 3.5rem;
      padding: 0.625rem;
      font-size: 1.125rem;
      border-radius: 0;
      margin: 0 0 2.5rem;
      outline: none;
      border: 0;
      transition: border 0.3s; }
      .ct-sec1 .contact input[type="text"]:focus, .ct-sec1 .contact input[type="email"]:focus, .ct-sec1 .contact select:focus {
        border-bottom: 0.375rem solid #009adf; }
    .ct-sec1 .contact input[type="file"] {
      color: #FFFFFF; }
    .ct-sec1 .contact textarea {
      resize: none;
      margin: 0 0 1.875rem;
      border-radius: 0;
      border: 0;
      padding: 1rem; }
    .ct-sec1 .contact .upload {
      display: block;
      margin: 0 0 2.5rem; }
    .ct-sec1 .contact select:focus {
      border-bottom: 0; }
    .ct-sec1 .contact .form-button {
      text-align: center;
      width: 100%;
      border: 0;
      border-radius: 0;
      font-family: "Lato", sans-serif;
      font-weight: 700;
      outline: 0;
      background: #009adf;
      color: #FFFFFF;
      height: 3.125rem;
      font-size: 1rem;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin: 0 auto;
      transition: all 0.3s ease;
      margin: 0 0 3.75rem; }
      @media (min-width: 768px) {
        .ct-sec1 .contact .form-button {
          width: 18.75rem;
          margin: 0.8125rem 0 0; } }
  @media (min-width: 768px) {
    .ct-sec1 .contact-text {
      margin: 0 0 0 1rem; } }
  .ct-sec1 .contact-text a {
    color: #FFFFFF;
    transition: all 0.3s ease; }
    .ct-sec1 .contact-text a:hover {
      color: #009adf; }
  .ct-sec1 .contact-text .label {
    font-family: "Merriweather", serif;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 700;
    border-bottom: 1px solid;
    padding: 1rem 0; }
    .ct-sec1 .contact-text .label:last-child {
      border-bottom: 0; }
    .ct-sec1 .contact-text .label .icons {
      position: relative;
      top: 7px;
      padding: 10px; }
    .ct-sec1 .contact-text .label .text {
      font-family: "Lato", sans-serif;
      color: #FFFFFF;
      font-weight: 400; }

/*========================
MISC - LINKS TO OTHER PGS
=========================*/
.misc-links {
  padding: 1.25rem 0 1.25rem;
  text-align: center; }
  .misc-links h2 {
    font-size: 112.5%;
    line-height: 1.5rem;
    font-weight: 700;
    color: #00457C;
    text-transform: uppercase;
    letter-spacing: 0.0625rem; }
  .misc-links p {
    color: #333333;
    margin: 0 auto;
    font-size: 112.5%;
    line-height: 1.5rem; }
  .misc-links .button {
    font-size: 112.5%;
    line-height: 1.5rem;
    margin: 1.875rem 0 0; }
  .misc-links .arrow {
    vertical-align: middle; }
  .misc-links .content {
    margin: 0 0 3.75rem; }
  .misc-links .img1, .misc-links .img2, .misc-links .img3, .misc-links .img4 {
    height: 35vh;
    width: 100%;
    margin: 0 auto 1.875rem; }
    @media (min-width: 768px) {
      .misc-links .img1, .misc-links .img2, .misc-links .img3, .misc-links .img4 {
        height: 40vh; } }
  .misc-links .img1 {
    background: url("../assets/home/gtu-img2.jpg") no-repeat center center;
    background-size: cover; }
  .misc-links .img2 {
    background: url("../assets/home/gtu-img3.jpg") no-repeat center center;
    background-size: cover; }
  .misc-links .img3 {
    background: url("../assets/home/gtu-img4.jpg") no-repeat center center;
    background-size: cover; }
  .misc-links .img4 {
    background: url("../assets/home/gtu-img1.jpg") no-repeat center center;
    background-size: cover; }

/*========================
CONTACT - THANKS
=========================*/
.gtu-thanks {
  position: relative;
  display: table;
  width: 100%;
  height: 95vh; }
  @media (min-width: 768px) {
    .gtu-thanks {
      height: 100vh; } }
  .gtu-thanks .img1 {
    height: 95vh;
    width: 100%;
    position: absolute; }
    @media (min-width: 768px) {
      .gtu-thanks .img1 {
        height: 100vh; } }
  .gtu-thanks .img1 {
    background: url("../assets/whatwedo/img3.jpg") center center;
    background-size: cover; }
  .gtu-thanks .overlay {
    background: rgba(0, 69, 124, 0.8);
    position: absolute;
    height: 95vh;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1; }
    @media (min-width: 768px) {
      .gtu-thanks .overlay {
        height: 100vh; } }
  .gtu-thanks .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFFFFF;
    z-index: 2;
    text-align: center;
    width: 100%;
    padding: 0 1rem; }
  .gtu-thanks h1 {
    font-size: 112.5%;
    line-height: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.0625rem; }
  .gtu-thanks p {
    margin: 0 auto;
    font-size: 137.5%;
    line-height: 1.75rem; }
  .gtu-thanks .check {
    font-size: 3.75rem;
    margin: 0 0 1.25rem; }
  .gtu-thanks .back {
    text-align: center;
    margin: 5rem auto 0;
    font-weight: 700;
    color: #FFFFFF;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: underline;
    letter-spacing: 1px;
    transition: all 0.3s ease-in-out; }
    .gtu-thanks .back:hover {
      color: #009adf; }
    .gtu-thanks .back .goingback {
      margin: 0 0.3125rem 0 0;
      vertical-align: middle;
      display: inline-block;
      color: #009adf; }

/*========================
FOOTER - SOCIAL
=========================*/
.footer-sec1 {
  background: #f2f2f2;
  padding: 5rem 1.25rem 1.25rem;
  text-align: center;
  position: relative;
  z-index: 2; }
  .footer-sec1 h1 {
    font-size: 112.5%;
    line-height: 1.5rem;
    font-weight: 700;
    color: #00457C;
    text-transform: uppercase;
    letter-spacing: 0.0625rem; }
  .footer-sec1 p {
    color: #333333;
    margin: 0 auto 2rem;
    max-width: 64rem;
    font-size: 137.5%;
    line-height: 1.75rem; }
  .footer-sec1 .social img {
    width: 3.125rem;
    margin: 0 0.3125rem 3.75rem;
    transition: all 0.3s ease-in-out; }
    @media (min-width: 768px) {
      .footer-sec1 .social img {
        width: 2.5rem;
        margin: 0 0.1875rem 3.75rem; } }
    .footer-sec1 .social img:hover {
      transform: scale(1.3); }
  .footer-sec1 #sbi_images .sbi_item {
    width: 25% !important; }
    @media (min-width: 768px) {
      .footer-sec1 #sbi_images .sbi_item {
        width: 16.66% !important;
        height: auto; } }
  .footer-sec1 #sb_instagram svg:not(:root).svg-inline--fa {
    display: none !important; }

/*========================
FOOTER - CONTACT
=========================*/
.footer-sec2 {
  padding: 5rem 1.25rem;
  background: #00457C;
  text-align: center;
  color: #FFFFFF; }
  .footer-sec2 h1 {
    font-size: 112.5%;
    line-height: 1.5rem;
    font-weight: 700;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.0625rem; }
    @media (min-width: 768px) {
      .footer-sec2 h1 {
        font-size: 137.5%;
        line-height: 1.625rem; } }
  .footer-sec2 p {
    color: #FFFFFF;
    margin: 0 auto 1.25rem;
    font-size: 137.5%;
    line-height: 1.75rem;
    padding: 0 1rem; }
  .footer-sec2 .button {
    border-bottom: 0.1875rem solid #009adf;
    color: #FFFFFF;
    font-family: "Merriweather", serif;
    animation: button 1s infinite alternate;
    margin: 1.875rem auto 0;
    font-size: 125%;
    display: inline-block;
    padding: 0 0 0.3125rem; }
    .footer-sec2 .button:hover ~ .arrow {
      color: #009adf; }

@-webkit-keyframes button {
  0% {
    border-bottom: 0.1875rem solid #FFFFFF; }
  100% {
    border-bottom: 0.1875rem solid #009adf; } }
  .footer-sec2 .arrow {
    color: #FFFFFF;
    transition: all 0.3s ease;
    position: relative;
    left: 0;
    top: -0.25rem;
    font-size: 175%; }
    .footer-sec2 .arrow:hover {
      color: #009adf; }

/*========================
FOOTER - MADE BY
=========================*/
.footer-sec3 {
  background: #333333;
  color: #FFFFFF;
  padding: 0.3125rem 0;
  text-align: center;
  position: relative;
  z-index: 2; }
  .footer-sec3 p {
    font-size: 81.25%; }

/*==================
COOKIE CONSENT
==================*/
/*
 * Bootstrap Cookie Alert by Wruczek
 * https://github.com/Wruczek/Bootstrap-Cookie-Alert
 * Released under MIT license
 */
.cookiealert {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 !important;
  z-index: 999;
  opacity: 0;
  border-radius: 0;
  transform: translateY(100%);
  transition: all 500ms ease-out;
  color: white;
  background: #002F54; }

.alert {
  border: 0;
  padding: 16px; }

.cookiealert.show {
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 1000ms; }

.cookiealert a {
  text-decoration: underline;
  color: white; }

.cookiealert .acceptcookies {
  vertical-align: baseline;
  display: block;
  font-size: 14px; }

.acceptcookies {
  padding: 10px;
  text-align: center;
  margin: 16px auto 0;
  border-radius: 0;
  background: transparent;
  width: 110px;
  color: white; }

@media (min-width: 768px) {
  .alert {
    padding: 0 0 15px; }
  .cookiealert .acceptcookies {
    margin-left: 30px;
    display: inline; } }