/*!
 * styles.css
 * @author  Ray M. (crim3hound)
 * @version 1.0
 * @url https://github.com/crim3hound
 */

 @import url("fonts.css");
 @import url("https://fonts.googleapis.com/icon?family=Material+Icons");
 @import url("line-awesome.min.css");
 @import url("jquery.fancybox.min.css");
 @import url("aos.css");
 @import url("owl.carousel.min.css");
 @import url("owl.theme.default.min.css");
 /*@import url("bootstrap-datepicker.min.css");*/
 @import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css");
 
/* GENERAL */
html, body {
    /* prevent horizontal scrolling */
    overflow-x: hidden !important;
    line-height: 1.65 /* override */;
}
body.no-scroll {
    overflow-y: hidden;
}
h1, h2, h3 {
    font-family: "Metropolis Bold", Arial, sans-serif;
}
h4, h5, h6 {
    font-family: "Metropolis Medium", Arial, sans-serif;
}
body, p, li, a {
    font-family: "Metropolis", Arial, sans-serif;
}
a, li a, p a {
    text-decoration: none;
    outline: 0 !important;
}
a[href^=tel] {
    /* remove iOS link styling */
    color: inherit; 
    text-decoration: none; 
}
#bolt-maintenance-notice {
    display: none;
}
   
 /* SCROLLBAR */
   
/*--- The emerging W3C standard that is currently Firefox-only ---*/
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,.35) rgba(0,0,0,.1);
}
/*--- Chrome/Edge/Safari ---*/
*::-webkit-scrollbar {
    width: 8px;
}
*::-webkit-scrollbar-track {
    background: rgba(0,0,0,.1);
}
*::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.35);
    border-radius: 20px;
    border: 0;
}
 
 /* SELECTION */
::selection {
    background-color: #A6ADB4;
    color: #1D2F5C;
}

/* PALETTE */
.bg-uniconnect-blue {
    background-color: #1D2F5C !important;
}
.bg-uniconnect-red {
    background-color: #BE1E2D !important;
}

/* LAYOUT */
.section {
    padding: 3rem 0;
}

/* LOADER */
.doc-loader {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 99999999;
    background: rgba(255,255,255,.925);
    animation: fadeOut ease 20s;
    -webkit-animation: fadeOut ease .2s;
    -moz-animation: fadeOut ease .2s;
    -o-animation: fadeOut ease .2s;
    -ms-animation: fadeOut ease .2s;
}
.loading .doc-loader, .generating-pdf .doc-loader {
    display: flex;
    animation: fadeIn ease .2s;
    -webkit-animation: fadeIn ease .2s;
    -moz-animation: fadeIn ease .2s;
    -o-animation: fadeIn ease .2s;
    -ms-animation: fadeIn ease .2s;
}
.doc-loader .loading-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 50px;
}
.doc-loader .loading-icon i {
    display: inline-block;
    color: #1D2F5C;
    font-size: 3rem;
    line-height: 3rem;
      animation: spinnerAnim .7s linear infinite forwards;
}
.doc-loader .loading-text {
    display: inline-block;
    font: .65rem/.85rem "Metropolis", Arial, sans-serif;
    color: #1D2F5C;
    text-transform: uppercase;
    letter-spacing: .04rem;
    margin-top: 10px;
} 
@keyframes spinnerAnim {
      to {
          opacity: 1;
          transform: rotate(360deg);
      }
} 
/* Fade in effect */
@keyframes fadeIn {
    0% { 
      opacity: 0; 
    }
    100% { 
      opacity: 1; 
    }
}  
@-moz-keyframes fadeIn {
    0% { 
      opacity: 0; 
    }
    100% { 
      opacity: 1; 
    }
}
@-webkit-keyframes fadeIn {
    0% { 
      opacity: 0; 
    }
    100% { 
      opacity: 1; 
    }
}  
@-o-keyframes fadeIn {
    0% { 
      opacity: 0; 
    }
    100% { 
      opacity: 1; 
    }
}  
@-ms-keyframes fadeIn {
    0% { 
      opacity: 0; 
    }
    100% { 
      opacity: 1; 
    }
}  
/* Fade out effect */
@keyframes fadeOut {
    0% { 
      opacity: 1; 
    }
    100% { 
      opacity: 0; 
    }
}  
@-moz-keyframes fadeOut {
    0% { 
      opacity: 1; 
    }
    100% { 
      opacity: 0; 
    }
}
@-webkit-keyframes fadeOut {
    0% { 
      opacity: 1; 
    }
    100% { 
      opacity: 0; 
    }
}  
@-o-keyframes fadeOut {
    0% { 
      opacity: 1; 
    }
    100% { 
      opacity: 0; 
    }
}  
@-ms-keyframes fadeOut {
    0% { 
      opacity: 1; 
    }
    100% { 
      opacity: 0; 
    }
}

/* PAGINATION */
ul.pagination {
    margin-top: 2rem;
}
.pagination .page-item {
    margin-bottom: 0;
    line-height: 1.2rem;
}
.pagination .page-item .page-link {
    font: .65rem/1rem "Metropolis", Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .04rem;
    padding: .3rem .68rem;
    text-decoration: none !important;
    box-shadow: none !important;
    border-radius: 4px;
    border: 0;
    color: #1D2F5C;
    background-color: transparent;
}
.pagination .page-item:hover .page-link {
    color: #FFF;
    background-color: #1D2F5C;
}
.pagination .page-item.active .page-link {
    color: #FFF;
    background-color: #BE1E2D;
}

/* HEADINGS + TYPOGRAPHY */
.section-title {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    font-size: 1rem;
    line-height: 1.4rem;
    padding: 0 3rem;
    text-transform: uppercase;
    letter-spacing: .04rem;
    color: #A0A0A0;
}
.section-title::after {
    display: flex;
    content: "";
    clear: both;
    width: 20px;
    height: 2px;
    border-radius: 3px;
    justify-self: center;
    background-color: transparent;
    margin: 0 0 1rem;
}
.section-title.is-underlined::after {
    background-color: #A0A0A0;
    margin: 1.2rem auto 1rem;
}

/* PARAGRAPHS */
.section.main-body p, .section.main-body li, .section.main-body a {
    font-size: 1.1rem;
    line-height: 1.6rem;
}
.section.main-body h1, .section.main-body h2, .section.main-body h3 {
    display: block;
    margin-top: 2rem;
}
.section.main-body b, .section.main-body strong {
    font-family: "Metropolis Bold", Arial, sans-serif;
}
.section.bg-white, .section.bg-white a {
    color: #1D2F5C;
}
.section.bg-white a {
    border-bottom: 1px solid #1D2F5C;
    transition: all .2s ease-in-out;
}
.section.bg-white a:hover {
    border-bottom-color: #BE1E2D;
    transition: all .2s ease-in-out;
}
.section.bg-uniconnect-blue, .section.bg-uniconnect-red {
    color: #FFF;
}

/* CONTENT BUTTONS */
.section .content-btn {
    font: .65rem "Metropolis Bold", Arial, sans-serif !important;
    font-weight: normal;
    letter-spacing: .04rem;
    text-transform: uppercase;
    color: #FFF !important;
    background-color: #1D2F5C;
    border-color: #1D2F5C;
    padding: .65rem 1rem;
    border-radius: 4px;
    box-shadow: none !important;
    transition: all .2s ease-in-out;
}
.section .content-btn:hover {
    background-color: #EEE;
    border-color: #EEE !important;
    color: #1D2F5C !important;
    transition: all .2s ease-in-out;
}

/* NAVBAR */
.navbar .logo {
    display: block;
    width: 180px;
    height: 60px;
    margin: 0;
    background: url("../img/logo_white.svg") no-repeat;
    background-position: left center;
    background-size: contain;
    transition: all .2s ease-in-out;
}
.navbar.scrolled .logo {
    width: 180px;
    height: 60px;
    background: url("../img/logo.svg") no-repeat;
    transition: all .2s ease-in-out;
}
.navbar {
    background: transparent;
    transition: all .2s ease-in-out;
}
.navbar.scrolled {
    background: #FFF;
    transition: all .2s ease-in-out;
}
.navbar .navbar-nav {
    align-items: center;
}
.navbar .nav-link {
    font: .95rem "Metropolis Bold", Arial, sans-serif;
    line-height: 1.2rem;
    letter-spacing: .04rem;
    text-transform: capitalize;
    padding: .5rem .5rem !important;
    color: #FFF !important;
}
.navbar.scrolled .nav-link {
    color: #1D2F5C !important;
}
.navbar .dropdown-toggle::after {
  margin-left: .1em;
  vertical-align: .255em;
  font-size: .75rem;
}
.navbar .dropdown-menu {
    padding-top: .8rem;
    padding-bottom: .8rem;
}
.navbar .dropdown-menu .dropdown-item {
    font: .9rem/1.2rem "Metropolis Medium", Arial, sans-serif;
    padding-left: 1.5rem;
    padding-right: 3.5rem;
    color: #1D2F5C !important;
}
.navbar .nav-cta-btn {
    font: .65rem/1.5rem "Metropolis Bold", Arial, sans-serif;
    font-weight: normal;
    letter-spacing: .04rem;
    text-transform: capitalize;
    background-color: #BE1E2D;
    border-color: #BE1E2D;
    color: #FFF;
    border-radius: 6px;
    padding: .45rem .85rem !important;
    margin: 10px 7px 15px;
    transition: all .2s ease-in-out;
}
.navbar.scrolled .nav-cta-btn {
    color: #FFF !important;
}
.navbar .nav-cta-btn:hover,
.navbar.scrolled .nav-cta-btn:hover {
    background-color: #1D2F5C;
    border-color: #1D2F5C;
    color: #FFF !important;
    transition: all .2s ease-in-out;
}
.navbar .navbar-toggler {
    box-shadow: none !important;
    margin-right: -20px;
    border: 0;
    outline: 0 !important;
}
.navbar .navbar-toggler-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: none;
    color: #FFF;
    font-size: 2rem;
}
.navbar.scrolled .navbar-toggler-icon {
    color: #1D2F5C;
}

/* OFFCANVAS SEARCH */
.offcanvas-search .offcanvas-header {
    position: relative;
    padding: 0;
}
.offcanvas-search .btn-close {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    margin: -.005rem 0 0 !important;
    border-radius: 0;
    border: 0;
    background: #1D2F5C;
    outline: 0 !important;
    box-shadow: none !important;
    color: #FFF;
    opacity: 1;
}
.offcanvas-search .btn-close:hover, .offcanvas-search .btn-close:active {
    color: #FFF;
    opacity: .8;
}
.offcanvas-search .offcanvas-body {
    padding: 2rem;
}
.offcanvas-search .offcanvas-body .form-control {
    font: 1.8rem/2rem "Metropolis Bold", Arial, sans-serif;
    color: #1D2F5C;
    height: 80px;
    padding-left: 1.5rem;
    border-radius: 0;
    box-shadow: none !important;
    border-top: 1px solid #1D2F5C;
    border-bottom: 5px solid #1D2F5C;
    border-left: 1px solid #1D2F5C;
    border-right: 0;
    transition: ease-in-out all .2s;
}
.offcanvas-search .offcanvas-body .btn {
    height: 80px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    border-radius: 0;
    box-shadow: none !important;
    border-top: 1px solid #1D2F5C;
    border-bottom: 5px solid #1D2F5C;
    border-left: 0;
    border-right:  1px solid #1D2F5C;
    transition: ease-in-out all .2s;
}
.offcanvas-search .offcanvas-body .btn > i {
    font-size: 2rem;
    color: #999;
}
.offcanvas-search .offcanvas-body .form-control:focus, .offcanvas-search .offcanvas-body .form-control:focus ~ .btn {
    box-shadow: none !important;
    border-color: #BE1E2D;
    transition: ease-in-out all .2s;
}
.offcanvas-search .offcanvas-body .form-control::placeholder {
    color: #1D2F5C;
    opacity: .5;
}

/* HERO */
.hero {
    display: block;
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
}
.hero.hero-full {
    height: 100vh;
    max-height: 1000px;
}
.hero img {
    display: block;
    position: relative;
    max-width: 100%;
    height: auto;
    margin-top: -15vh;
    z-index: 1;
}
.hero.hero-full img {
    margin-top: 0;
}
.hero .overlay {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0 2rem 3rem;
    top: 0;
    left: 0;
    background: rgb(190,30,45);
    background: -moz-linear-gradient(355deg, rgba(190,30,45,0.6) 0%, rgba(190,30,45,0.6) 25%, rgba(29,47,92,0.7) 50%, rgba(29,47,92,0.7) 100%);
    background: -webkit-linear-gradient(355deg, rgba(190,30,45,0.6) 0%, rgba(190,30,45,0.6) 25%, rgba(29,47,92,0.7) 50%, rgba(29,47,92,0.7) 100%);
    background: linear-gradient(355deg, rgba(190,30,45,0.6) 0%, rgba(190,30,45,0.6) 25%, rgba(29,47,92,0.7) 50%, rgba(29,47,92,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#be1e2d",endColorstr="#1d2f5c",GradientType=1); 
    background-blend-mode: multiply;
    z-index: 2;
}
.hero .hero-caption {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}
.hero-caption .hero-title {
    display: block;
    font: 2rem/2.2rem "Metropolis Black", Arial, sans-serif;
    text-transform: none;
    margin: 0;
    color: #FFF;
}
.landing-page .hero-caption .hero-title {
    padding-right: 0;
}
.hero-caption .hero-title > small {
    display: block;
    clear: both;
    font: .75rem/1rem "Metropolis Bold", Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .04rem;
    margin: 0 0 15px;
}
.hero-caption .hero-title > .event-status {
    display: block;
    position: relative;
    clear: both;
    margin: 0 0 1.5rem;
    padding: 0;
    font: .85rem/.85rem "Metropolis Bold", Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .04rem;
    color: #FFF;
}
.hero-caption .hero-title > .event-status > .status {
    display: inline-block;
}
.hero-caption .hero-title > .event-status > .status::before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFF;
    margin-right: 8px;
    margin-top: -6px;
}
.hero-caption .hero-title > .event-status > .status.status-green::before {
    background-color: #AAFF00;
}
.hero-caption .hero-title > .event-status > .status.status-warn::before {
    background-color: #FFAC1C;
}
.hero-caption .hero-title > .event-status > .status.status-stop::before {
    background-color: #EE4B2B;
}
.hero-caption .hero-text {
    display: block;
    font: 1.1rem/1.5rem "Metropolis", Arial, sans-serif;
    margin: .3rem 0 0;
    color: #FFF;
}
.hero-caption .hero-text > .separator {
    display: inline-block;
    vertical-align: middle;
    font-size: 80%;
    font-family: "Metropolis", Arial, sans-serif;
    margin: -5px .35rem 0;
}

/* CAROUSEL */
.carousel .carousel-item,
.study-abroad-header {
    height: 100vh;
    max-height: 1000px;
    overflow: hidden;
}
.carousel .carousel-item img,
.study-abroad-header img {
    display: block;
    max-width: none;
    width: auto;
    height: 100%;
    z-index: 1;
}
.carousel .carousel-item .overlay,
.study-abroad-header .overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(190,30,45);
    background: -moz-linear-gradient(355deg, rgba(190,30,45,0.6) 0%, rgba(190,30,45,0.6) 25%, rgba(29,47,92,0.7) 50%, rgba(29,47,92,0.7) 100%);
    background: -webkit-linear-gradient(355deg, rgba(190,30,45,0.6) 0%, rgba(190,30,45,0.6) 25%, rgba(29,47,92,0.7) 50%, rgba(29,47,92,0.7) 100%);
    background: linear-gradient(355deg, rgba(190,30,45,0.6) 0%, rgba(190,30,45,0.6) 25%, rgba(29,47,92,0.7) 50%, rgba(29,47,92,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#be1e2d",endColorstr="#1d2f5c",GradientType=1); 
    background-blend-mode: multiply;
    z-index: 2;
}
.carousel .carousel-item .carousel-caption,
.study-abroad-header .header-caption {
    display: flex;
    align-self: flex-end;
    flex-direction: column;
    position: absolute;
    right: 2rem;
    left: 2rem;
    bottom: 0;
    padding-top: 1.25rem;
    margin-bottom: 20%;
    color: #FFF;
    text-align: left;
    z-index: 3;
}
.study-abroad-header .header-caption {
    align-self: flex-end;
    flex-direction: column;
    right: 10%;
    left: 10%;
    bottom: 3rem;
    padding-top: 1.25rem;
    margin-bottom: 0;
}
.carousel-caption .caption-block,
.header-caption .caption-block {
    display: flex;
    flex-direction: row;
}
.header-caption .caption-block {
    display: flex;
    flex-direction: column;
    justify-content: flex-end !important;
}
.carousel-caption .caption-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 70vw;
    max-width: 230px;
    height: 165px;
    border-radius: 4rem 4rem 4rem 0;
    font: 1.75rem/1.75rem "Metropolis Black", Arial, sans-serif;
    text-transform: uppercase;
    background-color: #BE1E2D;
    margin: -35% 0 0;
    padding: 2.5rem 2.5rem;
    z-index: 2;
}
.header-caption .caption-title {
    display: block;
    position: relative;
    font: 2rem/2.2rem "Metropolis Black", Arial, sans-serif;
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 1.5rem;
}
.carousel-caption .caption-title > small {
    display: block;
    clear: both;
    font: .65rem/.9rem "Metropolis Medium", Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .04rem;
    margin: 10px 0 0;
}
.carousel-caption .caption-text {
    display: flex;
    flex-direction: row;
    align-self: flex-end;
    justify-content: flex-end;
    position: relative;
    width: 70vw;
    max-width: 230px;
    height: 165px;
    border-radius: 4rem 0 4rem 4rem;
    font: 1.4rem/1.8rem "Metropolis Black", Arial, sans-serif;
    background-color: #1D2F5C;
    padding: 2.5rem 2.5rem;
    margin-left: -140px;
    margin-bottom: -20px;
    text-align: right;
    overflow-wrap: break-word;
    z-index: 1;
}
.study-abroad-header .caption-text {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    height: auto;
    padding: 0;
    margin: 0 0 3rem 7px;
    border-left: 1px solid #FFF;
    z-index: 1;
}
.study-abroad-header .caption-text li {
    display: block;
    font: .75rem/1rem "Metropolis", Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .04rem;
    margin: .3rem 0;
    padding-left: .8rem;
}
.study-abroad-header .caption-text li:first-child {
    margin-top: -4px;
}
.study-abroad-header .caption-text li:last-child {
    margin-bottom: -7px;
}
.study-abroad-header .caption-text li::before {
    display: block;
    position: absolute;
    left: 0;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 3px 0 0 -6px;
    background-color: #FFF;
}
.carousel-caption .caption-cta {
    display: block;
    width: 100%;
    margin: 4.5rem 0 0;
}
.header-caption .caption-cta,
.hero-caption .caption-cta {
    margin: 0;
}
.carousel-caption .caption-cta > .btn,
.header-caption .caption-cta > .btn,
.hero-caption .caption-cta > .btn {
    font: .65rem/.65rem "Metropolis Bold", Arial, sans-serif;
    font-weight: normal;
    letter-spacing: .04rem;
    text-transform: uppercase;
    background-color: #FFF;
    border-color: #FFF;
    color: #1D2F5C;
    border-radius: 4px;
    padding: .45rem .85rem;
    margin-right: 15px;
    margin-bottom: 15px;
    box-shadow: none !important;
    transition: all .2s ease-in-out;
}
.study-abroad-header .header-caption .caption-cta > .btn:nth-child(1) {
    background-color: #BE1E2D;
    border-color: #BE1E2D;
    color: #FFF;
}
.study-abroad-header .header-caption .caption-cta > .btn:nth-child(2) {
    background-color: #1D2F5C;
    border-color: #1D2F5C;
    color: #FFF;
}
.study-abroad-header .header-caption .caption-cta > .btn:nth-child(3) {
    background-color: #FFF;
    border-color: #FFF;
    color: #1D2F5C;
}
.carousel-caption .caption-cta > .btn:last-child,
.header-caption .caption-cta > .btn:last-child,
.hero-caption .caption-cta > .btn:last-child {
    margin-right: 0;
}
.carousel-caption .caption-cta > .btn:hover,
.header-caption .caption-cta > .btn:hover,
.hero-caption .caption-cta > .btn:hover {
    background-color: #1D2F5C;
    border-color: #1D2F5C;
    color: #FFF;
    transition: all .2s ease-in-out;
}
.study-abroad-header .header-caption .caption-cta > .btn:hover {
    background-color: #EEE;
    border-color: #EEE;
    color: #1D2F5C;
    transition: all .2s ease-in-out;
}
.carousel .carousel-control-next-icon {
    background-image: none;
    font-size: 3.5rem;
}
.carousel .carousel-indicators {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    position: absolute;
    height: 50px;
    width: 100%;
    right: 0;
    bottom: 2rem;
    left: 0;
    padding: 0;
    margin-right: 0;
    margin-bottom: 1rem;
    margin-left: 0;
    list-style: none;
    z-index: 3;
}
.carousel .carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 7px 5px;
    background-color: #FFF;
    border: 0 !important;
    opacity: .35;
    transition: all .4s ease-in-out;
    box-shadow: 1px 1px 3px rgba(0,0,0,.1);
}
.carousel .carousel-indicators [data-bs-target].active {
    width: 15px;
    height: 15px;
    margin: 7px 5px;
    opacity: .75;
    transition: all .4s ease-in-out;
}
.carousel .carousel-indicators [data-bs-target]:hover {
    opacity: .75;
    transition: all .4s ease-in-out;
}
.carousel .carousel-caption .fg-img,
.study-abroad-header .header-caption .fg-img {
    display: none;
    padding: 0;
}
.carousel .carousel-caption .fg-img img,
.study-abroad-header .header-caption .fg-img img {
    display: block;
    width: 100%;
    max-width: 500px;
    height: auto;
    margin: 0 auto;
}
.has-brand-logo .fg-img img.training-logo {
    display: block;
    width: 100%;
    max-width: 300px;
    height: auto;
    margin: -80px 0 0 -50px;
}

/* PARTNER LOGOS */
.partners-nav {
    padding: 2rem 0;
}
.partners-nav .nav .nav-link {
    display: block;
    font: .85rem/1rem "Metropolis Bold", Arial, sans-serif;
    color: #1D2F5C;
    text-transform: uppercase;
    letter-spacing: .04rem;
    max-width: 250px;
    margin: 5px 0;
    padding: .85rem 1.2rem;
    border-radius: 4px;
    text-decoration: none !important;
    box-shadow: none !important;
    background-color: #EEE;
    border-color: #EEE;
    transition: all ease-in-out .1s;
}
.partners-nav .nav .nav-link.active,
.partners-nav .nav .nav-link:hover {
    background-color: #1D2F5C;
    color: #FFF;
    transition: all ease-in-out .1s;
}
.partners-main {
    padding-bottom: 2rem;
}
.partners-main h2 {
    margin-bottom: 3rem;
}
.partner-logos {
    display: flex;
}
.partner-logos .owl-stage {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}
.partner-logos .owl-item .logo,
.partner-logos > .logo {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 1rem;
}
.partner-logos > .logo {
    padding: 0 1rem;
    margin-bottom: 2rem;
}
.partner-logos .owl-item .logo img {
    display: block;
    position: relative;
    max-width: 100%;
    height: auto;
    padding: 0 1rem;
    z-index: 1;
}
.partner-logos .owl-item .logo a,
.partner-logos > .logo a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    outline: 0;
    border: 0;
    text-decoration: none !important;
    opacity: 1;
    transition: all .2s ease-in-out;
}
.partner-logos .owl-item .logo a:hover,
.partner-logos > .logo a:hover {
    opacity: .85;
    transition: all .2s ease-in-out;
}
.partner-logos .owl-item .logo a > span,
.partner-logos > .logo a > span {
    display: flex;
    width: 100%;
    height: 20px;
    padding: 0 1.5rem 0 0;
    margin: 10px 0 0;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    font: .5rem/.5rem "Metropolis Medium", Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .04rem;
    color: #1D2F5C;
    z-index: 2;
}
.partner-logos .owl-item .logo a > span > img,
.partner-logos > .logo a > span > img {
    display: block;
    height: 20px;
    width: auto;
    margin: 0 0 0 5px;
    padding: 0;
}
.partner-logos .owl-dots {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2rem 0 0;
    height: 20px;
}
.partner-logos .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    background: rgba(29,47,92,0.5);
    border-radius: 50%;
    margin: 0 .5rem;
    box-shadow: 0 0 3px inset rgba(0,0,0,.7);
    transition: all .2s ease-in-out;
}
.partner-logos .owl-dots .owl-dot.active {
    width: 20px;
    height: 20px;
    background: rgba(29,47,92,1);
    transition: all .2s ease-in-out;
}
.partner-logos .owl-dots .owl-dot:hover {
    background: rgba(29,47,92,1);
    transition: all .2s ease-in-out;
}

/* SERVICES - HOMEPAGE */
.fancy-bg {
    position: relative;
}
.fancy-bg .container, .fancy-bg .container-fluid {
    position: relative;
    z-index: 2;
}
.fancy-bg .fancy-tp, .fancy-bg .fancy-bt {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
}
.fancy-bg .fancy-tp {
    background-image: url("../img/curly_arrow_left.svg");
    background-repeat: no-repeat;
    background-position: 5% -100px;
    background-size: 55% auto;
}
.fancy-bg .fancy-bt {
    background-image: url("../img/curly_arrow_right.svg");
    background-repeat: no-repeat;
    background-position: 95% bottom;
    background-size: 55% auto;
}
.svc-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin: 0 0 2rem;
}
.svc-item:last-child {
    margin-bottom: 4rem;
}
.svc-item .svc-count-icon {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    order: 1;
}
.svc-item.reverse .svc-count-icon {
    justify-content: flex-end;
    order: 1;
}
.svc-item .svc-count {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #BE1E2D;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    margin-right: 20px;
    margin-left: 0;
    order: 1;
}
.svc-item.reverse .svc-count {
    margin-right: 20px;
    margin-left: 0;
    order: 1;
}
.svc-item .svc-count > span {
    display: block;
    font: 1.4rem/1.4rem "Metropolis Black", Arial, sans-serif;
    color: #FFF;
}
.svc-item .svc-icon {
    display: flex;
    width: calc(100% - 50px);
    height: 70px;
    order: 2;
}
.svc-item.reverse .svc-icon {
    order: 2;
}
.svc-item .svc-icon img {
    display: block;
    max-width: 100%;
    height: auto;
}
.svc-item .svc-desc {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: calc(100% - 60px);
    padding: 1.5rem 0 0;
    order: 3;
}
.svc-item .svc-desc h3 {
    display: inline-block;
    font: 1rem/1.4rem "Metropolis Black", Arial, sans-serif;
    color: #1D2F5C;
    text-transform: uppercase;
    margin: 0 0 .3rem;
}
.svc-item .svc-desc p {
    display: inline-block;
    font: 1rem/1.4rem "Metropolis", Arial, sans-serif;
    color: #1D2F5C;
    opacity: .85;
    margin: 0;
}
.svc-item .svc-cta {
    display: block;
    margin-top: 1.5rem;
}
.svc-item .svc-cta > .btn {
    display: inline-block;
    font: .65rem/.65rem "Metropolis Bold", Arial, sans-serif;
    font-weight: normal;
    letter-spacing: .04rem;
    text-transform: uppercase;
    background-color: #1D2F5C;
    border-color: #1D2F5C;
    color: #FFF;
    border-radius: 4px;
    padding: .55rem .95rem;
    margin-right: 15px;
    margin-bottom: 15px;
    box-shadow: none !important;
    transition: all .2s ease-in-out;
}
.svc-item .svc-cta > .btn:last-child {
    margin-right: 0;
}
.svc-item .svc-cta > .btn:hover {
    background-color: #FFF;
    border-color: #1D2F5C;
    color: #1D2F5C;
    transition: all .2s ease-in-out;
}
.svc-item.reverse .svc-desc {
    text-align: left;
    align-items: flex-start;
}
.svc-item .svc-arrow {
    display: flex;
    width: 60px;
    order: 2;
}
.svc-item.reverse .svc-arrow {
    order: 2;
}

/* LEAD FORM */
.app-lead-form {
    color: #FFF;
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    overflow: visible;
}
.app-lead-form .content-btn {
    color: #1D2F5C !important;
    background-color: #FFF;
    border-color: #FFF;
}
.app-lead-form .content-btn:hover {
    color: #1D2F5C !important;
    background-color: #EEE;
    border-color: #EEE;
}
.app-lead-form .overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(29,47,92,1);
    background-blend-mode: multiply;
    z-index: 2;
}
.lead-form-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.lead-form-wrapper .lead-form-fg {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    position: relative;
    padding-right: .5rem;
    width: 100%;
    height: 250px;
    margin-top: -80px;
    overflow: hidden;
    z-index: 4;
}
.lead-form-wrapper .lead-form .form-title {
    max-width: 100%;
    margin-top: 0;
    font-size: 1.4rem;
    line-height: 1.8rem;
}
.lead-form-wrapper .lead-form p {
    font-size: 1.1rem;
    line-height: 1.4rem;
}
.lead-form-wrapper .lead-form {
    padding-left: .75rem;
    padding-bottom: 3rem;
    padding-top: 3rem;
    z-index: 3;
}
form #lead_form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0;
    padding-right: 0;
}
form #lead_form .mb-3 {
    display: block;
    width: 100%;
}
form #lead_form .mb-3:nth-child(10) {
    /* submit button */
    margin-bottom: 0 !important;
}
form #lead_form label {
    font: .65rem/.85rem "Metropolis Bold", Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .04rem;
    margin: 0;
}
form #lead_form .form-control,
form #lead_form select {
    font: 1rem "Metropolis", Arial, sans-serif;
    padding-left: 0;
    padding-right: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom-width: 2px;
    border-bottom-color: #FFF;
    color: #FFF;
    border-radius: 0;
    box-shadow: none !important;
    background-color: transparent;
}
form #lead_form select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
form #lead_form .form-control:focus,
form #lead_form select:focus {
    border-bottom-color: #BE1E2D;
}
form #lead_form .form-control::placeholder {
    color: #FFF;
    opacity: .8;
}
form #lead_form textarea {
    resize: none;
}
form #lead_form button[type=submit] {
    font: .65rem "Metropolis Bold", Arial, sans-serif;
    font-weight: normal;
    letter-spacing: .04rem;
    text-transform: uppercase;
    background-color: #FFF;
    border-color: #FFF;
    color: #1D2F5C;
    padding: .45rem .85rem;
    box-shadow: none !important;
    transition: all .2s ease-in-out;
}
form #lead_form button[type=submit]:hover {
    background-color: #EEE;
    border-color: #EEE;
    color: #1D2F5C;
    transition: all .2s ease-in-out;
}

/* STUDY ABROAD + TRAINING + EVENTS - LISTING VIEW */
.listing-grid .grid-item {
    margin: 1rem 0;
}
.listing-grid.owl-carousel .grid-item {
    margin-left: 0;
    margin-right: 0;
}
.listing-grid .owl-nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2rem 0 0;
    margin-bottom: -1rem;
}
.listing-grid .owl-nav button.owl-prev, 
.listing-grid .owl-nav button.owl-next {
    margin: 0 .85rem;
    font-size: 3rem;
    color: #1D2F5C;
    transition: all ease-in-out .2s;
}
.listing-grid .owl-nav button.owl-prev:hover, 
.listing-grid .owl-nav button.owl-next:hover {
    color: #BE1E2D;
    transition: all ease-in-out .2s;
}

.listing-grid .card {
    position: relative;
    border-radius: 4px;
    border-color: #EEE !important;
    outline: none !important;
    text-decoration: none !important;
    overflow: hidden;
}
.listing-grid .card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 1.5rem;
    background: rgba(29,47,92,0.5);
    color: #FFF;
    z-index: 2;
    transition: all .2s ease-in-out;
}
.listing-grid .card:hover .card-body {
    background: rgba(29,47,92,0.75);
    transition: all .2s ease-in-out;
}
.listing-grid .card .card-body h1 {
    display: block;
    font: 1.5rem/1.7rem "Metropolis Black", Arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
}
.listing-grid .card .card-body h1 > small {
    display: block;
    clear: both;
    margin: 5px 0 0;
    padding-left: 1px;
    font: .65rem/.95rem "Metropolis", Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .04rem;
}
.listing-grid .card .card-body h1 > small > ul,
.listing-grid .card .card-body h1 > small > ol {
    padding: 0;
    margin: 0;
}
.listing-grid .card .card-body h1 > small > ul li,
.listing-grid .card .card-body h1 > small > ol li {
    display: inline-block;
    list-style: none;
    font: .65rem/.75rem "Metropolis", Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .04rem;
}
.listing-grid .card .card-body h1 > small > ul li:not(:last-child)::after,
.listing-grid .card .card-body h1 > small > ol li:not(:last-child)::after {
    display: inline-block;
    list-style: none;
    content: "‣";
    margin: 0 3px;
}
.listing-grid .card .card-body .accent-bar {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    background-color: #BE1E2D;
    transition: all .2s ease-in-out;
}
.listing-grid .card:hover .accent-bar {
    height: 10px;
    transition: all .2s ease-in-out;
}
.listing-grid .card .card-img {
    position: relative;
    z-index: 1;
    transform: scale(1);
    transition: all .2s ease-in-out;
}
.listing-grid .card .card-img img {
    transform: scale(1);
    transition: all .3s ease-in-out;
}
.listing-grid .card:hover .card-img img {
    transform: scale(1.15);
    transition: all .3s ease-in-out;
}
.listing-grid .card.has-logo img.provider-logo {
    display: block;
    position: absolute;
    width: auto;
    height: 80px;
    top: -1.5rem;
    right: 1.5rem;
    z-index: 2;
}
.listing-grid.events-list .card-body .date-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    width: 50px;
    height: 55px;
    border-radius: 4px;
    left: 1.5rem;
    top: 1.5rem;
    margin: 0;
    padding: .5rem 0 .6rem;
    background-color: #BE1E2D;
    color: #FFF;
}
.listing-grid.events-list .date-card > .day {
    display: block;
    position: relative;
    font: 1.5rem/1.5rem "Metropolis Black", Arial, sans-serif;
    text-align: center;
}
.listing-grid.events-list .date-card > .month {
    display: block;
    position: relative;
    font: .75rem/.75rem "Metropolis Bold", Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .04rem;
}
.listing-grid.events-list .card-body .event-status {
    display: block;
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    margin: 0;
    padding: 0;
    font: .6rem/.6rem "Metropolis Bold", Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .04rem;
    color: #FFF;
}
.listing-grid.events-list .card-body .event-status > .status {
    display: inline-block;
}
.listing-grid.events-list .card-body .event-status > .status::before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #FFF;
    margin-right: 5px;
    margin-top: -4px;
}
.listing-grid.events-list .card-body .event-status > .status.status-green::before {
    background-color: #AAFF00;
}
.listing-grid.events-list .card-body .event-status > .status.status-warn::before {
    background-color: #FFAC1C;
}
.listing-grid.events-list .card-body .event-status > .status.status-stop::before {
    background-color: #EE4B2B;
}

/* STUDY ABROAD + TRAINING - SINGLE VIEW */
.tabbed-content {
    display: block;
    margin: 3rem 0 0;
    padding: 0;
}
.tabbed-content .tab-img {
    margin: 1rem 0 0;
    padding: 0;
    overflow: hidden;
}
.tabbed-content .tab-img img {
    display: block;
    max-width: unset;
    width: calc(100% + 30px);
    height: auto;
    margin: 0 0 0 -15px;
}
.tabbed-content .nav-tabs {
    display: flex;
    position: relative;
    justify-content: center;
    border: 0;
    z-index: 2;
}
.tabbed-content .nav-tabs .nav-link {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 33.33%;
    padding-top: .85rem;
    padding-bottom: .85rem;
    border: 0;
    border-radius: 4px;
    text-align: center;
    background-color: #F5F5F5;
}
.tabbed-content .nav-tabs .nav-link.active {
    background-color: #BE1E2D;
}
.tabbed-content .nav-tabs .nav-link:not(.active):hover {
    background-color: #EEE;
}
.tabbed-content .nav-tabs .nav-link i {
    display: block;
    font-size: 3rem;
    color: #1D2F5C;
}
.tabbed-content .nav-tabs .nav-link span {
    display: block;
    font: .55rem/.75rem "Metropolis Bold", Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .04rem;
    margin: 0;
    color: #1D2F5C;
}
.tabbed-content .nav-tabs .nav-link.active i,
.tabbed-content .nav-tabs .nav-link.active span {
    color: #FFF;
}
.tabbed-content .tab-pane {
    padding-top: 0;
    padding-bottom: 0;
}
.tabbed-content .tab-body {
    display: block;
    width: 100%;
    margin: 0;
    padding: 2.5rem 0 0;
    font: 1.1rem/1.6rem "Metropolis Medium", Arial, sans-serif;
    color: #1D2F5C;
}
.tabbed-content .tab-body a {
    color: #1D2F5C;
    text-decoration: none;
    border-bottom: 1px solid #BE1E2D;
    transition: all ease-in-out .1s;
}
.tabbed-content .tab-body a:hover {
    color: #1D2F5C;
    text-decoration: none;
    border-bottom-color: #1D2F5C;
    transition: all ease-in-out .1s;
}
.study-app-form h1, .study-app-form h2, .study-app-form h3, .study-app-form h4,
.training-req-form h1, .training-req-form h2, .training-req-form h3, .training-req-form h4 {
    font-size: 1.75rem;
}
.study-app-form p, .training-req-form p {
    font-size: 1.1rem;
    line-height: 1.6rem;
}
form #application, form #training {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 1rem 0 0;
}
form #application .mb-3, form #training .mb-3 {
    display: block;
    width: 100%;
}
form #application .mb-3:nth-child(5), form #application .mb-3:nth-child(6),
form #training .mb-3:nth-child(5), form #training .mb-3:nth-child(6) {
    width: 100%;
}
form #application label, form #training label {
    font: .65rem/.85rem "Metropolis Bold", Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .04rem;
    margin: 0;
}
form #application .form-control, form #application select,
form #training .form-control, form #training select {
    font: 1rem "Metropolis", Arial, sans-serif;
    padding-left: 0;
    padding-right: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom-width: 2px;
    border-radius: 0;
    box-shadow: none !important;
}
form #application select, form #training select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231d2f5c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
form #application .form-control:focus, form #application select:focus,
form #training .form-control:focus, form #training select:focus {
    border-bottom-color: #1D2F5C;
}
form #application textarea, form #training textarea {
    resize: none;
}
form #application .form-control::placeholder, form #training .form-control::placeholder {
    color: #1D2F5C;
    opacity: .5;
}
form #application button[type=submit], form #training button[type=submit] {
    font: .65rem "Metropolis Bold", Arial, sans-serif;
    font-weight: normal;
    letter-spacing: .04rem;
    text-transform: uppercase;
    background-color: #1D2F5C;
    border-color: #1D2F5C;
    padding: .45rem .85rem;
    box-shadow: none !important;
    transition: all .2s ease-in-out;
}
form #application button[type=submit]:hover, form #training button[type=submit]:hover {
    background-color: #EEE;
    border-color: #EEE;
    color: #1D2F5C;
    transition: all .2s ease-in-out;
}
.tabbed-content .boltforms-feedback {
    font: .75rem/.95rem "Metropolis", Arial, sans-serif;
    margin-top: 1rem;
}

/* EVENT - SINGLE VIEW */
.event-poster {
    margin: 2rem 0 0;
}
.event-poster a.fancy {
    display: inline-block;
    border: 0 !important;
    outline: 0 !important;
}
.event-poster img {
    display: block;
    max-width: 100%;
    height: auto;
    border: 6px solid #FFF;
    box-shadow: 1px 2px 5px rgba(0,0,0,.35);
    transform: scale(1);
    transition: all .2s ease-in-out;
}
.event-poster a.fancy:hover img {
    transform: scale(1.02);
    transition: all .2s ease-in-out;
}
.event-info .evt-info-block {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 0 2rem .5rem;
}
.event-info .evt-info-block i {
    font-size: 3rem;
    color: #BE1E2D;
}
.event-info .evt-info-block span {
    display: block;
    padding-left: 15px;
    color: #1D2F5C;
}
.event-info .evt-info-block h5 {
    display: block;
    font: .75rem "Metropolis Bold", Arial, sans-serif;
    letter-spacing: .04rem;
    text-transform: uppercase;
    padding: 0;
    margin: 6px 0 8px;
}
.event-info .evt-info-block p, .event-info .evt-info-block li {
    display: block;
    font-size: .95rem;
    line-height: 1.2rem;
    padding: 0;
    margin: 0 0 5px;
}
.event-info .evt-info-block p:last-child, .event-info .evt-info-block li:last-child {
    margin-bottom: 0;
}
.event-info .evt-info-block a {
    display: inline-block;
    font: .65rem/.8rem "Metropolis", Arial, sans-serif;
    letter-spacing: .04rem;
    text-transform: uppercase;
    color: #1D2F5C;
    padding: 0;
    margin: 5px 0 0;
    text-decoration: none;
    border-bottom: 1px solid #1D2F5C;
    transition: all .2s ease-in-out;
}
.event-info .evt-info-block a:hover {
    text-decoration: none;
    color: #1D2F5C;
    border-bottom-color: #BE1E2D;
    transition: all .2s ease-in-out;
}

/* TESTIMONIALS */
.carousel.testimonials {
    margin: 0;
}
.carousel.testimonials .carousel-item {
    height: auto;
}
.carousel.testimonials .carousel-indicators {
    justify-content: center;
    align-items: center;
    flex-direction: row;
    position: absolute;
    height: 30px;
    width: 150px;
    right: 0;
    bottom: 0;
    left: 0;
    top: 200px;
    padding: 0;
    margin-right: 0;
    margin-bottom: 1rem;
    margin-left: 0;
}
.carousel.testimonials .carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 7px 5px;
  background-color: #1D2F5C;
  border: 0 !important;
  opacity: .45;
  transition: all .4s ease-in-out;
  box-shadow: 1px 1px 3px rgba(0,0,0,.1);
}
.bg-uniconnect-blue .carousel.testimonials .carousel-indicators [data-bs-target] {
    background-color: #FFF;
}
.carousel.testimonials .carousel-indicators [data-bs-target].active {
    width: 15px;
    height: 15px;
    margin: 7px 5px;
    opacity: .75;
    transition: all .4s ease-in-out;
}
.carousel.testimonials .carousel-indicators [data-bs-target]:hover {
    opacity: .75;
    transition: all .4s ease-in-out;
}
.carousel.testimonials .carousel-control-next, 
.carousel.testimonials .carousel-control-prev {
    align-items: center;
    justify-content: center;
    width: 15%;
    height: 300px;
    color: #1D2F5C;
    text-align: center;
    opacity: .5;
}
.bg-uniconnect-blue .carousel.testimonials .carousel-control-next, 
.bg-uniconnect-blue .carousel.testimonials .carousel-control-prev {
    color: #FFF;
}
.carousel.testimonials .carousel-control-next {
    margin-right: -15%;
}
.carousel.testimonials .carousel-control-prev {
    margin-left: -15%;
}
.carousel.testimonials .carousel-control-next-icon,
.carousel.testimonials .carousel-control-prev-icon {
    background-image: none;
    font-size: 3.5rem;
}
.testimonials .portrait {
    display: block;
    width: 150px;
    height: 150px;
    margin: 1.75rem 5px 2rem;
    border-radius: 50%;
    border: 6px solid #F8F8F8;
    box-shadow: 0 0 8px rgba(0,0,0,.15);
    overflow: hidden;
}
.testimonials .portrait img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.testimonials .inner {
    padding-top: 0;
    text-align: left;
}
.testimonials #quote-wrapper {
    position: relative;
    padding-top: 0;
    padding-left: 1rem;
}
.testimonials blockquote {
    font-family: "Metropolis", Arial, sans-serif;
    color: #666;
    font-size: 28px;
    line-height: 1.3em;
    padding-top: 1em;
    position: relative;
    z-index: 1;
    margin-bottom: 0.75em;
}
.bg-uniconnect-blue .testimonials blockquote {
    color: #FFF;
}
q, blockquote {
    quotes: none;
}
.testimonials cite {
    font-size: 1.4rem;
    color: #595756;
    font-family: "Metropolis Bold", Arial, sans-serif;
    font-style: normal;
    margin: 2.5em 0 2em;
    margin-left: 0;    
}
.testimonials cite > small {
    display: block;
    clear: both;
    font-size: .95rem;
    font-family: "Metropolis", Arial, sans-serif;
    margin: .15rem 0 0; 
}
.bg-uniconnect-blue .testimonials cite {
    color: #F8F8F8;
}
.testimonials blockquote::before {
    content: "“";
    color: #E0DDD7;
    font-family: georgia, serif;
    font-size: 6em;
    position: absolute;
    left: -0.25em;
    top: 0.35em;
    opacity: .85;
    z-index: -10;
}
.bg-uniconnect-blue .testimonials blockquote::before {
    opacity: .25;
}
  
@media screen and (max-width: 750px) {
    
    .testimonials .inner {
        padding-left: 0;
    }
    .testimonials .quote {
        margin: 0;
        margin-bottom: 20px;
    }

}

/* CONTACT */
.contact-form h1, .contact-form h2, .contact-form h3, .contact-form h4 {
    font-size: 1.75rem;
}
.contact-form p {
    font-size: 1.1rem;
    line-height: 1.6rem;
}
form #contact, form #enquiry {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 2.25rem 0 0;
    padding-right: 0;
}
form #contact .mb-3, form #enquiry .mb-3 {
    display: block;
    width: 100%;
}
form #contact .mb-3:nth-child(5), form #contact .mb-3:nth-child(6),
form #enquiry .mb-3:nth-child(5), form #enquiry .mb-3:nth-child(6) {
    width: 100%;
}
form #contact label, form #enquiry label {
    font: .65rem/.85rem "Metropolis", Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .04rem;
    margin: 0;
}
form #contact .form-control,
form #enquiry .form-control {
    min-height: 45px;
    background-color: transparent;
}
form #contact .form-control, form #contact select,
form #enquiry .form-control, form #enquiry select {
    font: 1rem "Metropolis", Arial, sans-serif;
    padding-left: 0;
    padding-right: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom-width: 2px;
    border-radius: 0;
    box-shadow: none !important;
}
form #contact select, form #enquiry select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231d2f5c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
form #contact .form-control:focus, form #contact select:focus,
form #enquiry .form-control:focus, form #enquiry select:focus {
    border-bottom-color: #1D2F5C;
}
form #contact textarea,
form #enquiry textarea {
    padding-top: .85rem;
    height: 100px;
    resize: none;
}
form #contact button[type=submit],
form #enquiry button[type=submit] {
    font: .65rem "Metropolis Bold", Arial, sans-serif;
    font-weight: normal;
    letter-spacing: .04rem;
    text-transform: uppercase;
    background-color: #1D2F5C;
    border-color: #1D2F5C;
    padding: .45rem .85rem;
    box-shadow: none !important;
    transition: all .2s ease-in-out;
}
form #contact button[type=submit]:hover,
form #enquiry button[type=submit]:hover {
    background-color: #BE1E2D;
    border-color: #BE1E2D;
    color: #FFF;
    transition: all .2s ease-in-out;
}
.contact-info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 0;
    padding-top: 2rem;
}
.contact-info .contact-block {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.5rem 0 1rem .5rem;
}
.contact-info .contact-block i {
    font-size: 3rem;
    color: #BE1E2D;
}
.contact-info .contact-block span {
    display: block;
    padding-left: 15px;
    color: #1D2F5C;
}
.contact-info .contact-block h5 {
    display: block;
    font: .75rem "Metropolis Bold", Arial, sans-serif;
    letter-spacing: .04rem;
    text-transform: uppercase;
    padding: 0;
    margin: 4px 0 10px;
}
.contact-info .contact-block p, .contact-info .contact-block li {
    display: block;
    font-size: .95rem;
    line-height: 1.2rem;
    padding: 0;
    margin: 0 0 5px;
}
.contact-info .contact-block p:last-child, .contact-info .contact-block li:last-child {
    margin-bottom: 0;
}
.contact-info .contact-block a {
    display: inline-block;
    font: .65rem/.8rem "Metropolis", Arial, sans-serif;
    letter-spacing: .04rem;
    text-transform: uppercase;
    color: #1D2F5C;
    padding: 0;
    margin: 5px 0 0;
    text-decoration: none;
    border-bottom: 1px solid #1D2F5C;
    transition: all .2s ease-in-out;
}
.contact-info .contact-block a:hover {
    text-decoration: none;
    color: #1D2F5C;
    border-bottom-color: #BE1E2D;
    transition: all .2s ease-in-out;
}

/* SEARCH + TAXONOMY RESULTS - LISTING */
.results-form {
    display: block;
    margin: 0 0 3rem;
}
.results-form.no-results {
    margin: 3rem 0 1rem;
}
.results-form .form-control {
    font: 1rem "Metropolis", Arial, sans-serif;
    border-radius: 4px;
    padding: .85rem .95rem;
    box-shadow: none !important;
}
.results-form .form-control:focus {
    border-color: #1D2F5C;
}
.results-form .form-control::placeholder {
    color: #1D2F5C;
    opacity: .5;
}
.results-form button {
    font: .85rem "Metropolis Bold", Arial, sans-serif;
    font-weight: normal;
    letter-spacing: .04rem;
    text-transform: uppercase;
    color: #FFF;
    background-color: #1D2F5C;
    border-color: #1D2F5C;
    padding: .85rem 1.5rem;
    box-shadow: none !important;
    transition: all .2s ease-in-out;
}
.results-form button:hover {
    opacity: .8;
    border-color: #1D2F5C;
    background-color: #1D2F5C;
    color: #FFF;
    transition: all .2s ease-in-out;
}

/* FOOTER */
footer {
    display: block;
    padding: 0;
    background-color: #1D2F5C;
    color: #FFF;
    text-align: left;
}
footer .ftr-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 2.5rem 3.5rem;
    background-color: #FFF;
    color: #1D2F5C;
    text-align: left;
}
footer .ftr-brand > .copyright {
    margin: 1.5rem 0 0;
    color: #1D2F5C;
    font: .75rem/1.2rem "Metropolis", Arial, sans-serif;
    letter-spacing: .02rem;
    text-align: center;
}
footer .ftr-logo {
    display: block;
    width: 250px;
    height: auto;
    margin: 0 auto;
}
footer .ftr-logo img {
    display: block;
    max-width: 100%;
    height: auto;
}
footer .ftr-subscribe {
    padding: 2rem 3rem 0;
}
footer .ftr-subscribe p {
    font: .85rem/1.2rem "Metropolis", Arial, sans-serif;
    color: #FFF;
    margin: 0 0 1rem;
}
footer .ftr-subscribe .form-control {
    font: .85rem/1rem "Metropolis", Arial, sans-serif;
    border: 1px solid #FFF;
    border-right-width: 0;
    background-color: transparent;
    color: #FFF;
    border-radius: 4px 0 0 4px;
    box-shadow: none !important;
}
footer .ftr-subscribe .form-control::placeholder {
    color: #FFF;
    opacity: .5;
}
footer .ftr-subscribe .btn {
    border: 1px solid #FFF;
    border-left-width: 0;
    background-color: transparent;
    color: #FFF;
    border-radius: 0 4px 4px 0 !important;
    box-shadow: none !important;
}
footer .ftr-subscribe .social-links {
    padding-top: 2rem;
}
footer .ftr-subscribe .social-links ul {
    display: block;
    width: 100%;
    padding-left: 0;
}
footer .ftr-subscribe .social-links li {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 5px;
}
footer .ftr-subscribe .social-links a {
    display: inline-block;
    font-size: 1.8rem;
    line-height: 2rem;
    color: #FFF;
    transform: scale(1);
    transition: all .2s ease-in-out;
}
footer .ftr-subscribe .social-links a:hover {
    color: #FFF;
    text-decoration: none;
    transform: scale(1.2);
    transition: all .2s ease-in-out;
}
footer .ftr-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 2.5rem 3rem 0;
}
footer .ftr-menu ul {
    width: 49%;
}
footer .ftr-legal-links {
    padding-left: 3rem;
    padding-bottom: 1rem;
}
footer ul.ftr-nav-v, footer ul.ftr-nav-h {
    display: block;
    width: 100%;
    padding-left: 0;
}
footer ul.ftr-nav-v {
    width: 49%;
    margin-bottom: 1rem;
}
footer .ftr-nav-v li, footer .ftr-nav-h li {
    list-style: none;
    margin-bottom: 4px;
}
footer .ftr-nav-h li {
    display: inline-block;
    margin-bottom: 0;
}
footer .ftr-nav-h li:not(:last-child)::after {
    display: inline-block;
    content: "|";
    font-size: 80%;
    opacity: .65;
    margin: 4px;
}
footer .ftr-nav-link {
    font: .85rem/1.2rem "Metropolis", Arial, sans-serif;
    color: #FFF;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all .2s ease-in-out;
}
footer .ftr-nav-h .ftr-nav-link {
    font-size: .75rem;
}
footer .ftr-links-header > .ftr-nav-link {
    font: .85rem/1.2rem "Metropolis Bold", Arial, sans-serif;
    color: #FFF;
}
footer .ftr-nav-link:hover {
    color: #FFF;
    text-decoration: none;
    border-bottom-color: #FFF;
    transition: all .2s ease-in-out;
}
footer .ftr-dev-tag {
    padding-left: 3rem;
    padding-right: 0;
    padding-bottom: 1rem;
}
footer .ftr-dev-tag p, footer .ftr-dev-tag a {
    font: .75rem/1.2rem "Metropolis", Arial, sans-serif;
    letter-spacing: .02rem;
    color: #FFF;
}
footer .ftr-dev-tag a {
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all .2s ease-in-out;
}
footer .ftr-dev-tag a:hover {
    text-align: right;
    color: #FFF;
    text-decoration: none;
    border-bottom-color: #FFF;
    transition: all .2s ease-in-out;
}
.grecaptcha-badge {
    z-index: 9999999999999 !important;
}