/* ==========================================================================
# THEME NAME
========================================================================== */


/* Font.css - Font-face rules */
/* ==========================================================================
   # FONTS
   ========================================================================== */




/* ==========================================================================
# 1. BASE STYLES
========================================================================== */


/* # Variables
========================================================================== */


/**
* Find the most consistently used font styles, colors, and container widths
* for your site and assign them to the jinja variables below for easy use
* and reference.
*
* Apply the variable as shown below. Ignore the jingja comment tags.
*
* 
*/


/* Colors */
 /* Off Black */

/* Default colors */































/* Typography */
h1, h2, h3, h4, h5 {
    line-height: 1.2;
    margin-bottom: 30px;
}

h1 {
    font-size: 3.444em!important;
}

h3 {
    font-size: 2.111em!important;
}

p {
    margin-bottom: 30px;
}

strong {
    font-weight: 700;
}

img {
    max-width: 100%;
}

a,
button,
.button,
strong {
    font-weight: 600!important;
    color: inherit;
    transition: .3s all!important;
    -moz-transition: .3s all!important;
    -webkit-transition: .3s all!important;
    outline: 0!important;
}

a,
button,
.button {
    cursor: pointer;
}

a:hover,
a:active,
a:focus {
    outline: 0!important;
    text-decoration: none!important;
}

strong,
input, select,
strong:focus,
input:focus,
select:focus {
    outline: 0!important;
}

strong:-moz-focusring,
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.button,
.cta_button {
    display: inline-block;
    padding: 8px 50px;
    border-radius: 50px;
}

.cta_button {
    background: #95C11F;
    color: #FFF;
}

.hs-blog-post .cta_button {
    background: none;
    padding: 0;
    border-radius: 0;
}

.hs-blog-post .cta_button img {
    margin: 50px 0;
}

@media(max-width: 1199px) {
    .button {
        padding: 8px 30px;
    }
}

button:hover,
.button:hover {
    transform: scale(1.03);
    -moz-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    outline: 0!important;
    text-decoration: none!important;
}

.read-more {
    display: flex!important;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    margin: 25px 0;
    color: #3AB3E5!important;
    line-height: 1;
}

.read-more i {
    margin-left: 10px;
    transition: .3s all!important;
    -moz-transition: .3s all!important;
    -webkit-transition: .3s all!important;
}

.read-more:hover i {
    margin-left: 15px;
}



/* # Macros
========================================================================== */


/**
* Create jinja macros for CSS3 properties that need browser prefixes.
*
* Apply the style as shown below on it's own CSS property line.
* Ignore the jinja comment tags.
*
* 
*/



/**
* Example of how to apply the above macro (ignore the jinja comment tags):
*
* a {
*   color: red;
*   font-size: 12px;
*   
* }
*/


/* Corrects width issues in table elements created via the wysiwyg editor */
table tr td img {
    max-width: initial;
}

.header-container.container-fluid section.header .hs_cos_wrapper_widget,
footer .hs_cos_wrapper_widget {
    width: 100%;
}




/* # Videos
========================================================================== */

video {
    -webkit-box-shadow: 2px 7px 7px -2px rgba(163,163,163,0.52);
    box-shadow: 2px 7px 7px -2px rgba(163,163,163,0.52);
}


/* = Begin CSS -------------------- */

body,
html {
    width: 100%;
    height: 100%;
    font-family: Source Sans Pro, sans-serif!important;
    font-size: 18px!important;
    font-weight: 300;
    color: #2C2C2C;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

@media(max-width: 575px) {
    body,
    html {
        font-size: 16px!important;
        line-height: 1.5;
    }
}

@media(max-width: 1199px) {
    body.page-wrapper-enabled-menu {
        overflow: hidden!important;
    }
}

#filter__container {
    position: relative;
}

.header-container.container-fluid,
.body-container.container-fluid,
.footer-container.container-fluid {
    padding: 0;
}

.header-container-wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

section.header {
    display: flex;
    padding: 0;
    box-sizing: border-box;
    background: #FFF;
    font-size: .889em;
    color: #FFF;
}
section.headerbcn {
    display: flex;
    padding: 0;
    box-sizing: border-box;
    background: #FFF;
    font-size: .889em;
    color: #FFF;
}

section.header .menu {
    width: 50%;
}

@media(min-width: 900px) and (max-width: 1440px) {
    section.header .menu {
        width: 60%;
    }
}

@media(min-width: 800px) and (max-width:1280px) {
    section.header .menu {
        width: 58%;
    }
}

section.header .header__logo {
    display: flex;
    align-items: center;
    padding: 0 15px;
}

section.header .header__logo img {
    width: 165px;
}

section.header__no__nav {
    display: flex;
    padding: 0;
    background: #3AB3E5;
    font-size: .889em;
    color: #FFF;
    height: 80px;
}
section.headerbcn__no__nav {
    display: flex;
    padding: 0;
    background: #FFF;
    font-size: .889em;
    color: #243646;
    height: 80px;
}

section.header__no__nav .header__logo {
    margin: 10px;
}

@media(max-width:575px) {
    section.header .header__logo img {
        height: auto;
        width: auto!important;
    }
}

@media(min-width:576px)and(max-width:1199px) {
    section.header .header__logo img {
        height: 55px;
        width: auto!important;
    }
}

@media(max-width:575px) {
    section.header__no__nav .header__logo img {
        height: 45px;
        width: auto!important;
    }
}

@media(min-width:576px)and(max-width:1199px) {
    section.header__no__nav .header__logo img {
        height: 55px;
        width: auto!important;
    }
}

section.header .header__c2a {
    display: flex;
    justify-content: flex-end;
    text-align: center;
}

@media (min-width:768px) and (max-width:1199px) {
    section.header .header__c2a {
        width: 45%;
    }
}

@media (max-width:767px) {
    section.header {
        height: 65px;
    }
    section.header .header__c2a {
        width: 50%;
    }
}

section.header .header__c2a i {
    margin-right: 8px;
}

section.header__no__nav .header__c2a i {
    margin: 0 auto;
}

@media (max-width:1199px) {
    section.header .header__c2a i {
        margin: 0;
    }
}

@media(min-width: 1199px)and(max-width: 2269px) {
    section.header .header__c2a i {
        margin: 0;
    }
}

section.header .header__c2a .get__in__touch,
section.header .header__c2a .give__us__call,
section.header .header__c2a .remote__access {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    line-height: 1.2;
    background: #95C11F !importanrt;
}

section.header__no__nav .header__c2a .get__in__touch,
section.header__no__nav .header__c2a .give__us__call,
section.header__no__nav .header__c2a .remote__access {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    line-height: 1.2;
    background: #95C11F !importanrt;
}




@media (max-width:784px) {
    section.header .header__c2a .get__in__touch span,
    section.header .header__c2a .give__us__call span,
    section.header .header__c2a .remote__access span {
        display: none;
    }
}

@media(min-width: 785px) and (max-width:1396px) {
    section.header .header__c2a .get__in__touch span,
    section.header .header__c2a .give__us__call span,
    section.header .header__c2a .remote__access span {
        display: block;
    }
}


@media (min-width:1199px)and(max-width: 2269px) {
    section.header .header__c2a .get__in__touch,
    section.header .header__c2a .give__us__call,
    section.header .header__c2a .remote__access {
        display: block;
        padding: 20px!important;
    }

    section.header .header__c2a .get__in__touch i,
    section.header .header__c2a .give__us__call i,
    section.header .header__c2a .remote__access i {
        display: block;
    } 

    section.header .header__c2a .get__in__touch span,
    section.header .header__c2a .give__us__call span,
    section.header .header__c2a .remote__access span {
        text-align: center
    }
}

section.header .header__c2a .get__in__touch {
    padding: 30px;
    background: #DFEAF8;
    color: #243646;
}

section.header .header__c2a .give__us__call {
    padding: 30px;
    background: #FFF;
    color: #243646;
}

section.header .header__c2a .remote__access {
    padding: 30px;
    background: #95C11F;
    color: #fff;
}

@media(min-width: 768px) and (max-width:1396px) {
    section.header .header__c2a .get__in__touch,
    section.header .header__c2a .give__us__call,
    section.header .header__c2a .remote__access {
        display: flex;
        flex-direction: column;
        padding: 25px 15px!important;
        font-size: .866em;     
    }
}

@media(min-width: 785px) and (max-width:1396px) {
    section.header .header__c2a .get__in__touch i,
    section.header .header__c2a .give__us__call i,
    section.header .header__c2a .remote__access i {
        margin-bottom: 3px;
    }
}


section.header__no__nav .header__c2a .get__in__touch {
    display: flex;
    align-items: center;
    padding: 0 50px;
    background: #DFEAF8;
    color: #3AB3E5;
}

section.header__no__nav .header__c2a .give__us__call {
    display: flex;
    align-items: center;
    padding: 0 50px;
    background: #FFF;
    color: #3AB3E5;
}

section.header__no__nav .header__c2a .remote__access {
    display: flex;
    align-items: center;
    padding: 0 50px;
    background: #1AA735;
    color: #fff;
}

@media(max-width: 767px) {
    section.header__no__nav .header__c2a .get__in__touch,
    section.header__no__nav .header__c2a .give__us__call,
    section.header__no__nav .header__c2a .remote__access {
        padding: 0 30px;
    }

    section.header__no__nav .header__c2a .remote__access {
        display: none;
    }
}

section.header .mobile__menu {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 55px;
    padding: 0;
    background: none;
    border: none;
    color: #243646;
    cursor: pointer;
}

section.header .mobile__menu i {
    font-size: 2em;
}

section.header__dark__blue {
    padding: 8px 0;
    background: #243646;
    font-size: .889em;
    font-weight: 600;
    letter-spacing: .05em;
    color: #FFF;
    text-align: center;
    z-index: 999;
}

section.header__dark__blue p {
    display: inline-block;
    margin-bottom: 0;
}

@media(max-width: 992px) {
    section.header__dark__blue p {
        display: none;
    }
}

section.header__dark__blue span {
    color: #3AB3E5;
}

section.header__dark__blue .button {
    display: inline-block;
    padding: 3px 15px;
    border: 0px !important;
    border-radius: 50px;
    font-size: .779em;
    color: #243646;
    margin-left: 15px;
    background-color: #95C11F;
}


/* = Navigation -------------------- */

@media(min-width: 1200px)and(max-width:1800px) {
    section.header .offset-xl-2 {
        margin-left: 0!important;
    }
    section.header .col-xl-6 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    section.header__dark__blue .offset-1 {
        margin-left: 0;
    }

    section.header__dark__blue .col-10 {
        flex: 0 0 100%;
        max-width: 100;
    }
}

nav.primary {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    text-align: center;
    z-index: 995!important;
}

nav.primary li {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    font-size: .9em;
    color: #243646;
    cursor: default;
}

nav.primarybcn li {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    font-size: .9em;
    color: #243646;
    cursor: default;
}

nav.primary li.cloud-telephony,
nav.primary li.careers {
    position: relative;
}


nav.primary li ul.child-dropdown {
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    right: 0;
    top: 100%;
    background: #FFF;
    padding: 30px;
    color: #2C2C2C;
    margin: 0;
    z-index: 999!important;
    text-align: left;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}


@media (min-width: 1200px) and (max-width: 1440px) {
    nav.primary li ul.child-dropdown.who,
    nav.primary li ul.child-dropdown.sage,
    nav.primary li ul.child-dropdown.cloud,
    nav.primary li ul.child-dropdown.network {
        width: 100%;
        left: auto;
        margin-left: auto;
    }

    nav.primary li ul.child-dropdown.solutions .pl-5 {
        padding-left: 15px!important;
    } 
}

@media (min-width: 1080px) and (max-width: 1920px) {
    nav.primary li ul.child-dropdown.who,
    nav.primary li ul.child-dropdown.sage,
    nav.primary li ul.child-dropdown.cloud,
    nav.primary li ul.child-dropdown.network {
        width: 100%;
        left: auto;
        margin-left: auto;
    }

    nav.primary li ul.child-dropdown.solutions .pl-5 {
        padding-left: 15px!important;
    } 
}

@media (min-width: 1200px) and (max-width: 1440px) {
    nav.primary li ul.child-dropdown.hub {
        width: 100%;
        left: auto;
        margin-left: auto;
    }
}

@media (min-width: 1080px) and (max-width: 1920px) {
    nav.primary li ul.child-dropdown.hub {
        width: 100%;
        left: auto;
        margin-left: auto;
    }
}

nav.primary li ul.child-dropdown.cloud,
nav.primary li ul.child-dropdown.careers {
    padding: 15px 30px;
    width: 450px;
    left: 50%;
    margin-left: -225px;
}

@media (min-width: 1200px) and (max-width: 1440px) {
    nav.primary li ul.child-dropdown.cloud,
    nav.primary li ul.child-dropdown.careers {
        width: 200px;
        left: 50%;
        margin-left: -100px;
    }
}

nav.primary li ul.child-dropdown h3 {
    font-size: 1.525em!important;
    color: #243646;
}

nav.primary li ul.child-dropdown ul {
    padding: 0;
}

nav.primary li ul.child-dropdown ul li {
    margin-bottom: 10px;
}

nav.primary li ul.child-dropdown ul li a {
    font-size: 1.225em!important;
    color: #3AB3E5!important;
    border-bottom: 0!important;
}

nav.primary li ul.child-dropdown ul.menu__items li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 1.225em!important;
    color: #3AB3E5!important;
    border-bottom: 0!important;
}

nav.primary li:hover ul.child-dropdown {
    display: block;
    border-top: 5px solid #243646;
}

nav.primary li:hover ul.child-dropdown li,
nav.primary li:hover ul.child-dropdown p {
    font-size: 0.889em;
}

nav.primary ul.child-dropdown .contact__dropdown li {
    align-items: flex-start;
    justify-content: flex-start;
}


nav.primary ul.child-dropdown .latest__posts .c-news-img {
    width: 100%;
    height: 125px;
    overflow: hidden;
    margin-bottom: 10px;
    object-fit: cover;
}

nav.primary li ul.child-dropdown .latest__posts h5 {
    font-size: 1.525em!important;
    color: #243646!important;
    margin-bottom: 10px!important;;
}

@media(min-width: 1025px) and (max-width:1366px) {
    nav.primary ul.child-dropdown .latest__posts .c-news-img {
        height: 80px;
    }

    nav.primary li ul.child-dropdown .latest__posts h5 {
        font-size: 0.935em!important;
    }
}

nav.primary ul.child-dropdown .latest__posts a {
    border: 0!important;
    text-decoration: none!important;
}


/* = Mobile Navigation -------------------- */

.mobile__menu__container {
    display: none;
    position: fixed;
    top: 0;
    left: -100vw;
    bottom: 0;
    display: block;
    width: 100vw;
    height: 100vh;
    background: #243646;
    box-sizing: border-box;
    -webkit-transition: all .3s;
}

@media(min-width: 768px)and(max-width: 1199px) {
    .mobile__menu__container {
        width: 50vw;
    }
}

.mobile__menu__container__enabled {
    transform: translate3d(100vw,0,0);
    -moz-transform: translate3d(100vw,0,0);
    -webkit-transform: translate3d(100vw,0,0);
}

.mobile__menu__container__enabled .mobile__menu__scroll {
    height: 100%;
    overflow: scroll;
}

.mobile__menu__container__enabled .head {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 65px;
}

.mobile__menu__container__enabled .mobile__menu {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 55px;
    padding: 20px;
    background: none;
    border: none;
    color: #FFF;
}

.mobile__menu__container__enabled .mobile__menu i {
    font-size: 2em!important;
}

.mobile__menu__container__enabled .address {
    padding: 0 30px 75px;
    font-weight: 400;
    color: #FFF;
}

.mobile__menu__container__enabled .address p {
    display: block;
    margin-top: 15px;
}

.mobile__menu__container__enabled nav.slideout__menu {
    margin: 30px 0 40px;
}

.mobile__menu__container__enabled nav.slideout__menu ul {
    padding: 0;
}

.mobile__menu__container__enabled nav.slideout__menu ul li {
    list-style: none;
}

.mobile__menu__container__enabled nav.slideout__menu .card {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0;
    background: none;
    border: 0;
}

.mobile__menu__container__enabled nav.slideout__menu .card .card-header {
    padding: 0;
    border: 0!important;
    background: 0!important;
    border-radius: 0!important;
    margin-bottom: 0!important;
}

.mobile__menu__container__enabled nav.slideout__menu .card .card-header .btn-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px 20px;
    font-size: 1.125em;
    color: #FFF;
    border-bottom: 2px solid #0A3D5D;
}

.mobile__menu__container__enabled nav.slideout__menu .card .card-header .btn-link i {
    font-size: 1.125em!important;
}

.mobile__menu__container__enabled nav.slideout__menu .card .card-body {
    padding: 30px 0;
    border: 0;
}

.mobile__menu__container__enabled nav.slideout__menu .card .card-body li {
    list-style: none;
}

.mobile__menu__container__enabled nav.slideout__menu .card .card-body li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px 20px;
    font-size: 1.125em;
    font-weight: 400;
    color: #FFF;
}


/* = Homepage Banner -------------------- */

section.homepage__banner {
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: center;
    margin-top: 60px;
    color: #FFF;
    height: 635px;
    overflow: hidden;
}

section.homepage__banner .homepage__slides {
    width: 100%!important;
}

section.homepage__banner .homepage__slides > div > div > div > div > div > div > div > div > div > p {
    font-size: 30px; 
    font-weight: 500;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.47);

    /*font-size: 20px;
    font-weight: 500;
    /* text-shadow: 3px 3px 3px rgba(0,0,0,1); */
    /* background-color: rgb(36,54,70,0.7);
    padding-left: 10px;
    padding-right: 10px;*/
}







section.homepage__banner .homepage__slides .slick-slider {
    display: block!important;
}

section.homepage__banner .homepage__slides .slick-dots {
    bottom: 20px;
}

section.homepage__banner .homepage__slides .slick-dots li button:before {
    font-size: 16px;
}

@media(min-width: 900px)and(max-width: 1440px) {
    section.homepage__banner {
        min-height: 500px;
    }
}

@media(min-width: 1080px)and(max-width: 1920px) {
    section.homepage__banner {
        min-height: 500px;
    }
}

@media(max-width: 1199px) {
    section.homepage__banner {
        padding-top: 120px;
        margin-top: 0;
        justify-content: center;
        text-align: center;
    }
}

section.homepage__banner .banner-icon {
    position: absolute;
    left: -500px;
    bottom: -100px;
    z-index: 1;
}

@media(max-width: 575px) {
    section.homepage__banner .banner-icon {
        top: 50%;
        margin-top: -222px;
        bottom: auto;
        left: 50%;
        margin-left: -187px;

    }
}

section.homepage__banner h1 {
    font-size: 3.444em;
    font-weight: 300;
    line-height: 1;
}

@media(max-width: 575px) {
    section.homepage__banner h1 {
        font-size: 3em!important;
    }
}

section.homepage__banner p strong {
    font-weight: 300!important;
}

section.homepage__banner .button.white {
    position: relative;
    background: #FFF;
    border-radius: 50px;
    color: #3AB3E5;
    z-index: 996!important;
    width: 50%;
    text-align: center;
}


/* = White Banner -------------------- */

section.white__banner {
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: center;
    padding-top: 120px;
    color: #243646;
    height: 635px;
    overflow: hidden;
}

.hs-content-id-8442373529 section.white__banner {
    overflow: visible;
}

@media(max-width: 767px) {
    section.white__banner {
        justify-content: center;
        text-align: center;
    }
}

section.white__banner .banner-icon {
    position: absolute;
    left: -350px;
    bottom: -205px;
    z-index: 1;
}

@media(max-width: 575px) {
    section.white__banner .banner-icon {
        top: 50%;
        margin-top: -222px;
        bottom: auto;
        left: 50%;
        margin-left: -187px;

    }
}

section.white__banner h1 {
    position: relative;
    font-size: 3.444em;
    font-weight: 300;
    line-height: 1;
    z-index: 2
}

section.white__banner p {
    position: relative;
    z-index: 2
}

section.white__banner .button.white {
    position: relative;
    background: #3AB3E5;
    border-radius: 50px;
    color: #FFF;
    z-index: 996!important;
}

.hs-content-id-8383167987 section.white__banner .white-banner-icon {
    width: 327px;
}

.hs-content-id-8442373529 section.white__banner,
.hs-content-id-8417698412 section.white__banner,
.hs-content-id-8444371362 section.white__banner {
    border-bottom: 2px solid #3AB3E5;
    overflow: hidden;
}

.hs-content-id-8442373529 section.white__banner .white-banner-icon {
    height: 372px;
}


/* = White Banner Slim -------------------- */

section.white__banner__slim {
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: center;
    padding-top: 120px;
    color: #243646;
    height: 350px;
    overflow: hidden;
}

@media(max-width: 767px) {
    section.white__banner__slim {
        justify-content: center;
        text-align: center;
    }
}

section.white__banner__slim .banner-icon {
    position: absolute;
    left: -350px;
    bottom: -205px;
    z-index: 1;
}

@media(max-width: 575px) {
    section.white__banner__slim .banner-icon {
        top: 50%;
        margin-top: -222px;
        bottom: auto;
        left: 50%;
        margin-left: -187px;

    }
}

section.white__banner__slim h1 {
    position: relative;
    font-size: 3.444em;
    font-weight: 300;
    line-height: 1;
    z-index: 2;
    margin-bottom: 0;
}

section.white__banner__slim p {
    position: relative;
    z-index: 2;
    margin-bottom: 0;
}

section.white__banner__slim .button.white {
    position: relative;
    background: #3AB3E5;
    border-radius: 50px;
    color: #FFF;
    z-index: 996!important;
}

/* = Media Filter -------------------- */

section.media__filter {
    padding: 80px 0 50px;
    background: #F4F4F4;
}

section.media__filter h2 {
    font-size: 2.222em!important;
    font-weight: 300;
    color: #243646;
    text-align: center;
}

section.media__filter p {
    color: #243646;
    margin-bottom: 15px;
}

section.media__filter ul.nav-pills li button {
    padding: 10px;
    border: 0;
    border-radius: 0!important;
    background: none;
    font-size: .933em;
    font-weight: 300!important;
    color: #243646!important;
}

@media(max-width: 575px) {
    section.media__filter ul.nav-pills li button {
        padding: 5px;
    }
}

section.media__filter ul.nav-pills li.active {
    background: none;
    border-bottom: 2px solid #243646;
}

section.media__filter ul.nav-pills li.active button {
    font-weight: 600!important;
}

section.filter__studies {
    background: #F4F4F4;
}

section.filter__studies .media__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FFF;
}

@media(max-width: 992px) {
    section.filter__studies .media__item {
        display: block;
        justify-content: space-between;
    }

    section.filter__studies .media__item .event__text {
        padding: 30px 0;
    }
}

section.filter__studies .media__item h3 {
    font-size: 1.667em!important;
    font-weight: 600!important;
    color: #243646;
}

section.filter__studies .media__item .button.green {
    background: #95C11F;
    color: #FFF;
}

section.filter__studies .media__item .button.green i {
    margin-left: 10px;
}

section.upcoming__events {
    padding: 30px 0;
}

section.upcoming__events h2 {
    display: block;
    font-size: 2.222em!important;
    font-weight: 300;
    color: #243646;
    margin-top: 30px;
}

section.upcoming__events .event__item {
    display: flex;
    justify-content: stretch;
    align-items: center;
    background: #FFF;
    margin: 30px 0;
}

@media(max-width: 992px) {
    section.upcoming__events .event__item {
        display: block;
        justify-content: space-between;
    }
}

section.upcoming__events .event__item .event__item__info {
    height: 100%;
}

section.upcoming__events .event__item:nth-child(1n) .event__item__info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px;
    background: #243646;
    font-size: 1.367em;
    color: #FFF;
}

section.upcoming__events .event__item:nth-child(2n) .event__item__info {
    background: #3AB3E5;
}

section.upcoming__events .event__item__info span.start__date {
    display: block;
    font-weight: 600;
}

section.upcoming__events .event__item__info span.location span {
    display: block;
    font-weight: 600;
}

section.upcoming__events .event__text {
    padding: 30px 0;
}


section.upcoming__events .event__item .event__text h3 {
    font-size: 1.667em!important;
    font-weight: 600!important;
    color: #243646;
}

section.upcoming__events .event__item .event__text .button.green {
    background: #95C11F;
    color: #FFF;
}

section.upcoming__events .event__item .event__text .button.green i {
    margin-left: 10px;
}


/* = Download Filter -------------------- */

section.download__card {
    display: flex;
    background: #F4F4F4;
    padding-bottom: 50px;
    justify-content: center;
}
section.download__card .container {
    text-align: justify;
}

section.download__card .container:after {
    content: '';
    display: inline-block;
    width: 100%;
}

section.download__card .download__card__item {
    display: inline-block;
    padding: 30px;
    background: #FFF;
}

section.download__card .download__card__item h4 {
    height: 65px;
    font-size: 1.333em!important;
    font-weight: 300;
    color: #243646;
    text-align: left;
}

section.download__card .download__card__item p {
    font-size: 0.889em;
    text-align: left;
}

section.download__card .download__card__item .button.green {
    background: #95C11F;
    color: #FFF;
}

section.download__card .download__card__item .button.green i {
    margin-left: 10px;
}


section.download__card .mix,
section.download__card .gap {
    position: relative;
    width: calc(100%/1 - (((1 - 1) * 1rem) / 1));
    display: inline-block;
    vertical-align: top;
}

/* 3 Columns */

@media screen and (min-width: 767px) {
    section.download__card .mix,
    section.download__card .gap {
        width: calc(100%/2 - (((2 - 1) * 1rem) / 2));
    }
}

/* 2 Columns */

@media screen and (min-width: 992px) {
    section.download__card .mix,
    section.download__card .gap {
        width: calc(100%/2 - (((2 - 1) * 1rem) / 2));
    }
}

/* 3 Columns */

@media screen and (min-width: 1200px) {
    section.download__card .mix,
    section.download__card .gap {
        width: calc(100%/3 - (((3 - 1) * 1rem) / 3));
    }
}



/* = Media Filter -------------------- */

section.media__card {
    background: #F4F4F4;
    padding: 80px 0 30px;
}

section.media__card .media__card__item {
    background: #FFF;
}

section.media__card .media__card__item .image-wrapper {
    height: 155px;
    overflow: hidden;
    margin-bottom: 20px;
}

section.media__card .media__card__item .image-wrapper img {
    display: block;
    margin: 0 auto;
}

section.media__card .media__card__item h4 {
    padding: 0 30px;
    font-size: 1.333em!important;
    font-weight: 300;
    color: #243646;
}

section.media__card .media__card__item p {
    height: 50px;
    padding: 0 30px;
    font-size: 0.889em;
}

section.media__card .media__card__item .read-more {
    justify-content: flex-start;
    padding: 15px 30px 30px;
}

section.media__card .media__card__item .read-more i {
    margin-left: 10px;
}

section.media__card .mix,
section.media__card .gap {
    position: relative;
    width: calc(100%/1 - (((1 - 1) * 1rem) / 1));
}

/* 3 Columns */

@media screen and (min-width: 767px) {
    section.media__card .mix,
    section.media__card .gap {
        width: calc(100%/2 - (((2 - 1) * 1rem) / 2));
    }
}

/* 2 Columns */

@media screen and (min-width: 992px) {
    section.media__card .mix,
    section.media__card .gap {
        width: calc(100%/2 - (((2 - 1) * 1rem) / 2));
    }
}

/* 3 Columns */

@media screen and (min-width: 1200px) {
    section.media__card .mix,
    section.media__card .gap {
        width: calc(100%/3 - (((3 - 1) * 1rem) / 3));
    }
}

/* = Packages -------------------- */

section.anchor__links {
    padding: 30px 0;
    background: #3AB3E5;
    color: #FFF;
}

@media(max-width: 575px) {
    section.anchor__links .d-flex {
        flex-direction: column;
    }
}

section.anchor__links .anchor {
    display: inline-block;
    width: 22%;
    padding: 8px 0;
    border-radius: 50px;
    border: 1px solid #FFF;
    background: #FFF;
    color: #3AB3E5;
    text-align: center;
}

@media(max-width: 575px) {
    section.anchor__links .anchor {
        width: 100%;
        margin-bottom: 10px;
    }
}

section.anchor__links .anchor.active {
    border: 1px solid #FFF;
    background: #3AB3E5;
    color: #FFF;
}

section.our__package {
    border-bottom: 1px solid #3AB3E5;
}

@media(max-width: 992px) {
    section.our__package .d-flex {
        flex-direction: column;
    }
}

section.our__package .package { 
    width: 40%;
    padding: 100px;
    background: inherit;
}

section.our__package .package h3 { 
    font-size: 3.444em!important;
    font-weight: 300;
    color: #243646;
}

section.our__package .package .button.green { 
    background: #95C11F;
    color: #FFF;
    margin: 30px 0;
}

section.our__package .package .button.green i { 
    margin-left: 15px;
}

section.our__package .package__info {
    flex: 70%;
    padding: 100px;
}

@media(min-width: 1200px)and(max-width: 1820px) {
    section.our__package .package__info {
        flex: 60%;
        padding: 100px 50px;
    }
}

@media(min-width: 767px)and(max-width: 1199px) {
    section.our__package .package {
        width: 45%;
    }

    section.our__package .package,
    section.our__package .package__info {
        padding: 30px;
    }
}

@media(min-width: 1200px)and(max-width: 1820px) {
    section.our__package .package {
        padding: 100px 50px;
    }
}

@media(max-width: 992px) {
    section.our__package .package {
        width: 100%;
        padding: 30px;
    }
    section.our__package .package__info {
        flex: 100%;
        padding: 30px;
    }
}

section.our__package .package__info ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

@media(max-width: 1199px) {
    section.our__package .package__info ul {
        flex-direction: column;
    }
}

section.our__package .package__info ul li {
    display: flex;
    flex-basis: 48%;
    align-items: center;
    list-style: none;
    font-weight: 400;
    margin: 0 15px 10px 0;
}

@media(min-width: 1200px)and(max-width: 1820px) {
    section.our__package .package__info ul li {
        display: flex;
        flex-basis: 100%;
        align-items: center;
        list-style: none;
        font-weight: 400;
        margin: 0 15px 10px 0;
    }
}

section.our__package .package__info ul li i {
    margin-right: 15px;
    color: #3AB3E5;
}

/* = Resource Links -------------------- */

section.resource__links {
    padding: 30px 0;
    background: #3AB3E5;
    color: #FFF;
}

@media(max-width: 767px){
    section.resource__links .container {
        width: 100%;
        max-width: 100%;
    }
}

@media(max-width: 575px) {
    section.resource__links .d-flex {
        flex-direction: column;
    }
}

section.resource__links .anchor {
    display: inline-block;
    width: 18%;
    padding: 8px 0;
    border-radius: 50px;
    border: 1px solid #FFF;
    background: #FFF;
    color: #3AB3E5;
    text-align: center;
}

@media(max-width: 575px) {
    section.resource__links .anchor {
        width: 100%;
        margin-bottom: 10px;
    }
}

section.resource__links .anchor.active {
    border: 1px solid #FFF;
    background: #3AB3E5;
    color: #FFF;
}

section.who__intro {
    position: relative;
    padding: 60px 0;
    overflow: hidden;
    border-bottom: 1px solid #3AB3E5;
    margin-bottom: 80px;
}

@media(min-width: 768px)and(max-width:991px) {
    section.who__intro {
        padding: 40px 0 0;
    }
}

section.who__intro h2 {
    margin-left: -50px;
    font-weight: 300;
    color: #243646;
}

@media(min-width: 768px)and(max-width: 1024px) {
    section.who__intro h2 {
        margin-left: 0;
    }
}

@media(min-width: 992px)and(max-width: 1199px) {
    section.who__intro h2 {
        margin-left: 0;
    }
}

@media(max-width: 575px) {
    section.who__intro h2 {
        margin-left: 0;
    }
}

section.who__intro strong,
section.who__intro span {
    color: #3AB3E5;
}

section.who__intro .profile__photo {
    position: absolute;
    right: 0;
    width: 380px;
}

@media(max-width: 767px) {
    section.who__intro .profile__photo {
        position: relative;
        right: auto;
        top: auto;
        display: block;
        margin: 0 auto 30px;
        width: 380px;
    }
}

section.intro__quote {
    padding: 80px 0 50px;
}

section.intro__quote h1 {
    margin-left: -50px;
    font-size: 2.500em!important;
    font-weight: 300;
    color: #243646;
}

section.intro__quote strong {
    font-size: 1.255em!important;
    font-weight: 300!important;
    color: #243646;
}

@media(max-width: 575px) {
    section.intro__quote {
        padding: 80px 0 0;
    }

    section.intro__quote h1 {
        margin-left: 0;
    }
}

section.intro__quote blockquote {
    font-size: 1.500em;
    border-left: 5px solid #1AA735;
    padding: 0 0 0 15px;
    color: #1AA735;
    margin-bottom: 30px;
}

section.two__column {
    display: flex;
    align-items: center;
    margin: 50px 0;
}

section.two__column .row {
    margin-bottom: 50px;
}

section.two__column .reverse {
    flex-direction: row-reverse;
}

section.two__column h3 {
    font-size: 1.875emem!important;
    font-weight: 300;
    color: #243646;
}

@media(max-width: 575px){
    section.two__column {
        margin: 0;
    }
}

@media(max-width:1199px) { 
    section.two__column h3 {
        margin-left: 0;
    }
}

section.two__column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

section.two__column ul li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

section.two__column ul li li {
    margin-right: 1em;
}

section.two__column ul li:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    opacity: 1;
    color: #3AB3E5;
    margin: 0 15px 0 0;
}

section.two__column .read-more {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #3AB3E5;
    margin: 15px 0;
}

section.two__column .read-more i {
    margin-left: 10px;
    transition: .3s all!important;
    -moz-transition: .3s all!important;
    -webkit-transition: .3s all!important;
}

section.two__column .read-more:hover i {
    margin-left: 15px;
}

@media(min-width:768px) and (max-width:1199px) {
    section.two__column {
        margin: 30px 0;
    }
}

@media(max-width:767px) {
    section.two__column .d-flex {
        flex-direction: column;
    }

    section.two__column .image {
        order: 1;
        margin-bottom: 30px;
    }

    section.two__column .text {
        order: 2;
    }
}


/* = CTAs -------------------- */

section.cta__strip__icon,
section.cta__strip {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
    font-weight: 400;
    color: #fff;
}

section.cta__awards {
    font-size: 1.333em;
    border-top: 2px solid #3AB3E5;

}

@media(min-width: 768px)and(max-width: 1024px) {
    section.cta__awards {
        margin-bottom: 40px;
    }
}

@media(max-width:1199px) {
    section.cta__strip__icon .col-12,
    section.cta__strip .col-12,
    section.cta__awards .col-12 {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    section.cta__strip__icon .cta__button,
    section.cta__strip .cta__button {
        margin: 15px 0;
    }
}

section.cta__strip strong {
    font-size: 1.333em;
    font-weight: 400;
    color: #3AB3E5;
}

section.cta__strip__icon strong {
    font-size: 1.778em;
}

@media(max-width: 575px) {
    section.cta__strip__icon strong {
        margin-bottom: 15px;
    } 
}

section.cta__strip__icon .cta__icon {
    height: 55px;
}

@media(max-width: 575px) {
    section.cta__strip__icon .cta__icon {
        margin-bottom: 15px;
    } 
}

section.three__column__block {
    padding: 40px 0;
}

section.three__column__block .three__post {
    margin-bottom: 30px;
}

section.three__column__block h2, 
section.three__column__block strong,
section.three__column__block h4 {
    color: #243646;
}

section.three__column__block h2 {
    font-size: 2.500em!important;
    font-weight: 300;
}

section.three__column__block h4 {
    font-size: 1em!important;
    font-weight: 600;
}

section.three__column__block .read-more {
    justify-content: flex-start;
}


/* = Meet the Team -------------------- */

section.meet__the__team {
    padding: 50px 0;
}

section.meet__the__team h3 {
    font-size: 2.222em!important;
    font-weight: 300;
    color: #243646;
    margin-bottom: 50px;
}

section.meet__the__team .member__info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    padding: 30px 30px 10px;
    background: #F4F4F4;
    text-align: center;
    cursor: pointer;
    transition: .5s all!important;
    -moz-transition: .5s all!important;
    -webkit-transition: .5s all!important;
    margin-bottom: 30px;
}

section.meet__the__team .member__info.open {
    transition: .5s all!important;
    -moz-transition: .5s all!important;
    -webkit-transition: .5s all!important;
}

section.meet__the__team .member__info .member__content .member__profile {
    position: relative;
    height: 195px;

}

section.meet__the__team .member__info .member__img {
    width: 135px;
    margin: 0 auto 30px;
}

section.meet__the__team .member__info .member__content .member__profile .member__name {
    display: block;
    font-size: 1.667em;
    font-weight: 700;
    color: #3AB3E5;
    margin-bottom: 10px;
}

section.meet__the__team .member__info .member__content .member__profile .member__job {
    font-size: 1.667em;
    font-weight: 300;
    color: #3AB3E5;
    line-height: 1;
}

section.meet__the__team .member__info .member__content .member__profile .read-more {
    position: absolute;
    left: 50%;
    margin-left: -7.875px;
    bottom: 15px;
}

section.meet__the__team .member__info .member__content .member__profile .read-more i {
    margin-left: 0;
}

section.meet__the__team .member__info .member__content .member__profile .read-more:hover {
    transition: none!important;
}

section.meet__the__team .member__info .member__description {
    display: none;
    transition: .5s all!important;
    -moz-transition: .5s all!important;
    -webkit-transition: .5s all!important;
}

section.meet__the__team .member__info.open .member__profile,
section.meet__the__team .member__info.open .member__img{
    display: none;
    transition: .5s all!important;
    -moz-transition: .5s all!important;
    -webkit-transition: .5s all!important;
}

section.meet__the__team .member__info.open .member__description {
    display: block;
}

section.three__column__grey {
    padding: 80px 0;
}

section.three__column__grey h2, 
section.three__column__grey strong,
section.three__column__grey h4 {
    color: #243646;
}

section.three__column__grey h2 {
    font-size: 2.500em!important;
    font-weight: 300;
    margin-bottom: 0;
}

section.three__column__grey strong {
    display: block;
    font-size: 2.500em!important;
    font-weight: 700;
    margin-bottom: 30px;
}

@media(max-width:991px) {
    .support__wrapper {
        display: block!important;
    }
}

.hs-content-id-8159718841 section.homepage__it__support {
    margin-top: 80px;
}


section.homepage__it__support {
    position: relative;
    padding: 50px 0 30px;
    background: #F4F4F4;
    margin-top: 150px;
    text-align: center;
}

section.homepage__it__support h3 {
    margin-top: -150px;
    margin-bottom: 150px!important;
    color: #243646;
}

@media(max-width:991px) {
    section.homepage__it__support,
    .hs-content-id-8159718841 section.homepage__it__support {
        margin-top: 0;
    }

    section.homepage__it__support h3 {
        margin-top: 0;
        margin-bottom: 0!important;
    }
}

section.homepage__it__support .support_details {
    position: relative;
    top: -100px;
    font-size: 1.333em;
    color: #3AB3E5;
    text-align: center;
    margin-bottom: -30px;
    font-weight: 600;
}

@media(min-width:768px) and (max-width:991px) {
    section.homepage__it__support .support_details {
        top: auto;
        margin-bottom: 30px;
        width: 33.333333%;
        float: left;
    } 
}

@media(max-width:767px) {
    section.homepage__it__support .support_details {
        top: auto;
        margin-bottom: 30px;
        width: 50%;
        float: left;
    } 
}

@media(max-width: 575px) {
    section.homepage__it__support .support_details:last-child {
        float: none;
        margin: 0 auto 30px;
    }
}

section.homepage__it__support .support_details img {
    display: block;
    margin: 0 auto 30px;
}

section.homepage__it__support .read-more,
section.homepage__it__support .read-more > div {
    display: flex!important;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    margin: 25px 0;
    color: #3AB3E5;
}

section.homepage__it__support .read-more i {
    margin-left: 10px;
    transition: .3s all!important;
    -moz-transition: .3s all!important;
    -webkit-transition: .3s all!important;
}


section.homepage__it__support .read-more:hover i {
    margin-left: 15px;
}

section.testimonial__slider {
    padding: 120px 0 50px;
    background: #243646;
    color: #FFF;
    text-align: center;
}

section.testimonial__slider .slick-prev,
section.testimonial__slider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 35%!important;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    transform: none!important;
}

section.testimonial__slider .slick-prev {
    left: -125px;
}

section.testimonial__slider .slick-next {
    right: -115px;
}

section.testimonial__slider .slick-prev:hover,
section.testimonial__slider .slick-next:hover{
    top: 35%;
}

section.testimonial__slider .slick-prev:before,
section.testimonial__slider .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-size: 50px;
    line-height: 1;
    opacity: 1;
    color: #96C0E8;
}

section.testimonial__slider .slick-prev:before {
    content: "\f053";
}

section.testimonial__slider .slick-next:before {
    content: "\f054"; 
}

section.testimonial__slider .quotes {
    position: absolute;
    top: -60px;
    left: 50%;
    margin-left: -75px;
    z-index: 10;
}

section.testimonial__slider .blockquote {
    background: #3AB3E5;
    padding: 50px;
    font-size: 1.333em;
    font-weight: 400;
    margin-bottom: 50px;
}

section.testimonial__slider cite {
    font-style: normal;
    font-weight: 400;
}

section.package__switcher {
    padding: 80px 0 50px;
}

section.package__switcher h3 {
    color: #243646;
}

section.package__switcher .nav {
    padding-right: 25px;
}

@media(max-width: 992px) {
    section.package__switcher .nav {
        padding-right: 0;
        margin-bottom: 30px;
    }
}

section.package__switcher .nav-link {
    display: flex;
    align-items: center;
    padding: 15px 30px;
    border-radius: 0;
    border-left: 5px solid #243646;
    background: rgba(58, 179, 229, 0.2);
    font-size: 1.778em;
    font-weight: 400;
    color: #243646;
    margin-bottom: 5px;
}

section.package__switcher .nav-link i {
    font-size: 18px;
    margin-right: 10px;
}

section.package__switcher .nav-link.active {
    background: #3AB3E5;
    color: #FFF;
}

section.package__switcher .tab-content {
    border-left: 1px solid #3AB3E5;
}

section.package__switcher .tab-content li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    list-style: none;
    font-weight: 400;
    color: #AAAAAA;
    margin-bottom: 10px;
}

section.package__switcher .tab-content li.active {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    list-style: none;
    color: #2C2C2C;
}

section.package__switcher .tab-content li i {
    margin-right: 15px;
    color: #AAAAAA;
}

section.package__switcher .tab-content li.active i {
    margin-right: 15px;
    color: #3AB3E5;
}

section.package__switcher .tab-content .button {
    background: #95C11F;
    color: #FFF;
    margin: 30px 0 0 50px;
}

@media(max-width: 575px) {
    section.package__switcher .tab-content .button {
        padding: 8px 12px;
        margin: 30px;
    }
}

section.package__switcher .tab-content .button i {
    margin-left: 10px;
}

section.two__column__full .reverse {
    flex-direction: row-reverse;
}

section.two__column__full .featured__text {
    margin: 0 150px;
}

@media(min-width: 900px)and(max-width: 1440px) {
    section.two__column__full .featured__text {
        margin: 0 75px;
    }
}

section.two__column__full h3 {
    margin-left: -50px;
    font-size: 2.111em;
    color: #243646;
}

@media(max-width:1199px) { 
    section.two__column__full h3 {
        margin-left: 0;
    }
}

section.two__column__full .read-more {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #3AB3E5;
    margin: 15px 0;
}

section.two__column__full .read-more i {
    margin-left: 10px;
    transition: .3s all!important;
    -moz-transition: .3s all!important;
    -webkit-transition: .3s all!important;
}

section.two__column__full .read-more:hover i {
    margin-left: 15px;
}

@media(min-width:1024px) and (max-width:1366px) {
    section.two__column__full .featured__text {
        margin: 0 100px;
    }
}

@media(min-width:768px) and (max-width:1199px) {
    section.two__column__full {
        padding: 50px 0;
    }

    section.two__column__full .d-flex {
        flex-direction: column;
    }

    section.two__column__full .w-50 {
        width: 100%!important;
    }

    section.two__column__full .featured__text {
        margin: 0 30px;
    }

    section.two__column__full .p-0 {
        padding: 0 30px!important;
    }
}

@media(max-width:1199px) {

    section.two__column__full .image {
        order: 1;
        margin-bottom: 30px;
    }

    section.two__column__full .text {
        order: 2;
    }
}

@media(max-width:767px) {
    section.two__column__full .d-flex {
        flex-direction: column;
    }

    section.two__column__full .w-50 {
        width: 100%!important;
    }

    section.two__column__full .featured__text {
        margin: 50px;
    }
    section.two__column__full .p-0 {
        padding: 0!important;
    }
}

section.three__columns__featured {
    padding: 80px 0 30px;
    background: #243646;
    color: #FFF;
}

@media(max-width: 575px) {
    section.three__columns__featured {
        text-align: center;
    }
}

section.three__columns__featured h5 {
    position: relative;
    font-size: 1.125em!important;
    font-weight: 600!important;
}

section.three__columns__featured h5 i {
    position: absolute;
    top: -4px;
    left: -40px;
    font-size: 30px;
    color: #3AB3E5;
}

@media(min-width: 768px)and(max-width: 1024px) {
    section.three__columns__featured h5 i {
        left: -20px;
        top: 5px;
        font-size: 16px;
    }
}

@media(min-width: 992px)and(max-width: 1199px) {
    section.three__columns__featured h5 i {
        left: -20px;
        top: 5px;
        font-size: 16px;
    }
}

@media(max-width: 575px) {
    section.three__columns__featured h5 i {
        position: relative;
        left: 0;
        top: 0;
        font-size: 20px;
    }
}


/* = Core Values -------------------- */

section.core__values {
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: center;
    padding: 80px 0;
    background: #3AB3E5;
    color: #FFF;
    overflow: hidden;
}

section.core__values h3 {
    font-size: 2.667em!important;
    font-weight: 600!important;
}

section.core__values strong {
    font-size: 1.167em;
    font-weight: 600!important;
}

section.core__values .read-more {
    justify-content: flex-start;
    color: #FFF!important;
}

section.core__values .col-12 {
    z-index: 5;
}

section.core__values .banner-icon {
    position: absolute;
    width: 680px;
    top: 0;
    left: 50%;
    margin-left: -680px;
    z-index: 0;
}

section.core__values .icon {
    font-size: 1.333em;
    font-weight: 600;
    text-align: left;
}

section.core__values .icon p {
    padding-top: 5px;
    border-top: 2px solid #FFF;
}

section.core__values .icon img {
    display: block;
    margin: 0 0 15px;
}


/* = UPS -------------------- */

section.usp__choose {
    display: flex;
    justify-content: space-between!important;
    padding: 80px 0;
    background: #F8F8F8;
}

section.usp__choose .container {
    max-width: 1500px;
}

section.usp__choose .col-xl-4 {
    display: flex;
    justify-content: stretch;
}


section.usp__choose h3 {
    display: block;
    width: 100%;
    font-size: 2.889em!important;
    font-weight: 600;
}

section.usp__choose .column__one,
section.usp__choose .column__three,
section.usp__choose .column__seven,
section.usp__choose .column__nine {
    padding: 30px;
    background: #FFF;
    color: #243646;
    margin-bottom: 30px;
}

section.usp__choose .column__one .read-more,
section.usp__choose .column__three .read-more,
section.usp__choose .column__seven .read-more,
section.usp__choose .column__nine .read-more {
    justify-content: flex-start;
    margin: 25px 0 0;
}

section.usp__choose .column__five {
    padding: 30px;
    background: #3AB3E5;
    color: #FFF;
    margin-bottom: 30px;
}

section.usp__choose .column__five h4 {
    font-size: 2.222em!important;
    font-weight: 500;
}


@media(min-width: 768px)and(max-width:991px) {
    section.usp__choose .column__five h4 {
        font-size: 1.6em!important;
    }
}

section.usp__choose .column__two,
section.usp__choose .column__four,
section.usp__choose .column__six,
section.usp__choose .column__eight {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}

@media(min-width: 1200px)and(max-width:1352px) {
    section.usp__choose .column__one,
    section.usp__choose .column__three,
    section.usp__choose .column__seven,
    section.usp__choose .column__nine {
        min-height: 300px;
    }

    section.usp__choose .column__two,
    section.usp__choose .column__four,
    section.usp__choose .column__six,
    section.usp__choose .column__eight {
        min-height: 300px;
    }
}

@media(min-width: 992px)and(max-width:1199px) {
    section.usp__choose .column__one,
    section.usp__choose .column__three,
    section.usp__choose .column__seven,
    section.usp__choose .column__nine {
        min-height: 338px;
    }

    section.usp__choose .column__two,
    section.usp__choose .column__four,
    section.usp__choose .column__six,
    section.usp__choose .column__eight {
        min-height: 338px;
    }
}

@media(max-width: 992px) {
    section.usp__choose .column__one,
    section.usp__choose .column__three,
    section.usp__choose .column__seven,ca
    section.usp__choose .column__nine {
        min-height: 300px;
    }

    section.usp__choose .column__two,
    section.usp__choose .column__four,
    section.usp__choose .column__six,
    section.usp__choose .column__eight {
        min-height: 300px;
        overflow: hidden;
        margin-bottom: 30px;
    }
}


section.usp__choose .button.blue {
    background: #95C11F;
    color: #FFF;
}

section.usp__choose .button.green {
    background: #95C11F;
    color: #FFF;
}


/* = Job Roles -------------------- */

section.upcoming__jobs .d-flex {
    background: #F4F4F4;
}

@media (max-width: 767px) {
    section.upcoming__jobs .d-flex {
        flex-direction: column;
    }
}

@media (min-width: 768px)and(max-width: 1024px) {
    section.upcoming__jobs .d-flex {
        flex-direction: column;
    }
}

section.upcoming__jobs .job__role {
    width: 40%;
    padding: 20px;
    background: #3AB3E5;
    font-size: 1.111em;
    font-weight: 600;
    color: #FFF;
}

section.upcoming__jobs .job__location,
section.upcoming__jobs .job__salary,
section.upcoming__jobs .apply__now {
    width: 20%;
    padding: 0 20px;
    background: #F4F4F4;
    font-size: 1.111em;
    font-weight: 600;
    color: #3AB3E5;
}

@media (min-width:768px)and(max-width: 1024px) {
    section.upcoming__jobs .job__role,
    section.upcoming__jobs .job__location,
    section.upcoming__jobs .job__salary,
    section.upcoming__jobs .apply__now {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    section.upcoming__jobs .job__role,
    section.upcoming__jobs .job__location,
    section.upcoming__jobs .job__salary,
    section.upcoming__jobs .apply__now {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
}

section.upcoming__jobs .apply__now .button.green {
    padding: 8px 20px;
    background: #95C11F;
    color: #FFF;
}

section.partners__accreditations {
    padding: 80px 0 50px;
    text-align: center;
}


section.partners__accreditations h3 {
    font-size: 2.111em!important;
    font-weight: 600!important;
    color: #243646;
}


section.two__column__fancy {
    position: relative;
    background: #243646;
    color: #FFF;
    min-height: 550px;
}

@media(max-width: 575px) {
    section.two__column__fancy {
        min-height: 400px;
    } 
}

@media(max-width: 767px) {
    section.two__column__fancy {
        text-align: center;
    } 
}

section.two__column__fancy:before {
    content: "";
    background-color: inherit;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: -20%;
    -webkit-transform: skew(-165deg);
    -moz-transform: skew(-165deg);
    -ms-transform: skew(-165deg);
    -o-transform: skew(-165deg);
    transform: skew(-165deg);
    width: 75%;
}

@media(max-width: 767px) {
    section.two__column__fancy:before {
        width: 100%;
        left: 0;
        -webkit-transform: skew(0);
        -moz-transform: skew(0);
        -ms-transform: skew(0);
        -o-transform: skew(0);
        transform: skew(0);
    }
}

section.two__column__fancy .intro {
    position: relative;
    min-height: 550px;
}

section.two__column__fancy .col-12 {
    z-index: 5;
}

section.two__column__fancy .featured__text {
    background: #243646;
}


section.two__column__fancy .featured__text h3 {
    font-size: 2.667em!important;
    font-weight: 600;
}

section.latest__posts {
    padding: 50px 0;
}

section.latest__posts h2 {
    font-size: 2.667em!important;
    font-weight: 300;
    text-align: center;
}

section.latest__posts .c-news-img {
    padding-bottom: 50%;
    background-position: center center;
}

@media(min-width: 1025px) and (max-width:1366px) {
    section.latest__posts .c-news-img {
        height: 280px;
    }
}

section.latest__posts .blog__content {
    padding: 20px;
}

section.latest__posts .blog__content h5 {
    font-size: 1.356em!important;
}

@media(min-width:768px)and(max-width:1024px) {
    section.latest__posts .blog__content h5 {
        font-size: .933em!important;
    } 
}

section.latest__posts .blog__content .blog__topics {
    padding: 0;
    margin: 0;
}

section.latest__posts .blog__content .blog__topics li {
    list-style: none;
    display: inline-block;
}

section.latest__posts .blog__content .blog__topics li a {
    font-size: 0.889em;
    font-weight: 400;
    color: #3AB3E5
}


/* # Blog Listings
========================================================================== */
section.blog__listing ul {
    margin: 0;
    padding: 0;
}

section.blog__listing ul li {
    list-style: none;
}

ul.c-blog-list-topics {
    margin: 0;
    padding: 0;
}

ul.c-blog-list-topics li {
    list-style: none;
}

/** Latest Post **/
.c-latest-post {
    background: #F4F4F4;
}


/** Sidebar **/
.c-sidebar-item {

    background: #F4F4F4;
}


/** Blog Listing Items **/
.c-blog-list-inner {

    height: 100%;
    background: #F4F4F4;
}

.c-blog-list-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 55%;
}

.c-blog-list-heading {
    font-size: 1.325em!important;
}

.c-blog-list-heading a {
    color: #3AB3E5;
}

.c-blog-post-share {
    margin: 100px 0;
}

@media(max-width: 575px) {
    .c-blog-post-share {
        margin: 50px 0;
    }
}

.c-blog-post-share ul {
    margin: 0;
    padding: 0;
}

.c-blog-post-share ul li {
    display: inline-block;
    list-style: none;
}


/** Blog Listing Pagination **/
.c-blog-list-pagination li {
    padding: 5px;
}

.c-blog-list-pagination li.active a {
    color: #3AB3E5;
}

.c-blog-list-pagination li a {
    color: ;
    font-size: 21px;
}


@media (min-width: 992px) {
    .c-blog-list-img {
        padding-bottom: 65%;
    }
}

@media (min-width: 1200px) {
    .c-blog-list-img {
        padding-bottom: 55%;
    }
}



/* # Blog Post
========================================================================== */


.c-blog-post {
    border-bottom-left-radius: 50% 20%;
    border-bottom-right-radius: 50% 20%;
    padding-bottom: 120px;
}

section.post__heading {
    position: relative;
    margin-top: 120px;
    padding: 80px 0;
    overflow: hidden;
    z-index: 996!important;
}


section.post__heading .banner-icon {
    position: absolute;
    left: -350px;
    bottom: -100px;
    z-index: 0;
}

@media(max-width: 767px) {
    section.post__heading {
        justify-content: center;
        text-align: center;
    }
}

@media(max-width: 575px) {
    section.post__heading .banner-icon {
        top: 50%;
        margin-top: -222px;
        bottom: auto;
        left: 50%;
        margin-left: -187px;

    }
}

section.post__heading h1
{
    font-size: 2.411em!important;
    color: #3AB3E5;
    z-index: 2;
}

section.post__heading h1 span {
    z-index: 2;
}

.c-blog-post-body h2 {
    font-size: 1.235em;
}

.c-blog-post-body h2,
.c-blog-post-body strong
{
    font-size: 1.111em;
    font-weight: 700;
    color: #243646;
}


.hs-content-id-8475522218 section.landing__form {
    padding: 150px 0;
}

/* = Contact -------------------- */
.hs-content-id-8475522218 section.landing__form .row.d-flex {
    align-items: flex-start!important;
}

.hs-content-id-8475522218 .landing__form img {
    width: auto!important;
}

section.contact__locations {
    margin-bottom: 50px;
}

section.contact__locations h2 {
    font-size: 2.111em!important;
    font-weight: 300;
    text-align: center;
    color: #243646;
    margin-bottom: 50px;
}

section.contact__locations ul.nav-tabs {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #243646;
}

section.contact__locations ul.nav-tabs li {
    margin: 0 5px -3px;
}

section.contact__locations ul.nav-tabs li a {
    border: 0;
    border-bottom: 5px solid transparent;
    border-radius: 0;
    font-weight: 300!important;
    color: #243646!important;
}

section.contact__locations ul.nav-tabs li a:hover {
    border-bottom: 5px solid #243646!important;
}

section.contact__locations ul.nav-tabs li a.active {
    border-bottom: 5px solid #243646!important;
    border-radius: 0;
}

section.contact__locations .tab-content {
    padding: 50px 0;
    color: #243646;
}

section.contact__locations .tab-content iframe {
    width: 100%;
    height: 400px;
}


/* = Landing Page -------------------- */

section.landing__form {
    padding: 80px 0 0;
    background: url('https://cdn2.hubspot.net/hubfs/5004792/Banner-icon-bcn.png') no-repeat top left;
    background-size: contain;
}

@media(max-width: 575px) {
    section.landing__form {
        padding: 80px 0 0;
    }
}

section.landing__form h1 {
    font-size: 3.444em;
    font-weight: 300;
    line-height: 1;
    color: #243646;
}

section.landing__form h3 {
    font-size: 1.755em!important;
    font-weight: 300;
    color: #243646;
}

@media(max-width: 575px) {
    section.landing__form  {
        background: url('https://cdn2.hubspot.net/hubfs/5004792/Site%20assets/Visual%20content/icons/banner-icon-blue@2x.png') no-repeat top left;
        background-size: contain;

    }
}

/* = Form -------------------- */
.c-form {
    position: relative;
    z-index: 25;
}

.c-form form {
    background: #FFF;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 10px #D8D8D8;
    box-shadow: 0 0 10px #D8D8D8;
    padding: 30px;
}

.c-form label {
    font-size: 0.889em;
}

.c-form ul {
    list-style: none;
    padding: 0;
}

/** Form Inputs **/
.c-form .form-columns-1,
.c-form .form-columns-2 {
    max-width: 100%;
}

.c-form .form-columns-1 .input,
.c-form .form-columns-2 .input {
    margin-right: 0 !important;
}

.c-form .form-columns-2 > .hs-form-field {
    width: 100% !important;
}

.c-form input[type="text"],
.c-form input[type="email"],
.c-form input[type="tel"] {
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 40px;
    font-size: 0.889em;
    padding: 8px 15px;
    margin-bottom: 15px;
    width: 100% !important;
}

.c-form textarea {
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    font-size: 0.889em;
    padding: 8px 15px;
    width: 100% !important;
}

.c-form select {
    background-color: #FFF;
    border: 1px solid #F4F4F4;
    height: 40px;
    margin-bottom: 15px;
    width: 100%;
}

.c-form .hs-error-msgs {
    color: #E91128;
    margin: 0;
    position: relative;
    top: -15px;
}

.hs-richtext p {
    margin-bottom: 10px!important;
}

@media (min-width: 992px) {
    .c-form .form-columns-2 > .hs-form-field {
        width: 48% !important;
    }
    .c-form .form-columns-2 > .hs-form-field:last-child {
        margin-left: 4%;
    }
}

/** GDPR Text **/
.c-form .legal-consent-container {
    padding-top: 15px;
    padding-bottom: 15px;
}

.c-form .legal-consent-container .hs-richtext {
    font-size: 12px;
}

.legal-consent-container .hs-form-booleancheckbox-display>span {
    font-size: 12px;
    margin-left: 30px!important;
}

.c-form .legal-consent-container .inputs-list {
    padding-top: 15px;
}

.c-form .hs-form-booleancheckbox input {
    margin-right: 10px;
}

/** Submit Button **/
.c-form .hs-submit {
    padding-top: 10px;
    text-align: center;
}

.c-form .hs-button {
    background: #1AA735;
    border: none;
    border-radius: 50px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 40px;
    text-align: center;
}

/** Sign up Form **/
.c-form-sign-up form {
    align-items: center;
    background: none!important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    -webkit-box-shadow: none!improtant;
    box-shadow: none!important;
}

.c-form-sign-up .hs-form-field {
    width: 280px;
}

.c-form-sign-up label {
    display: none;
}

.c-form-sign-up input[type="email"] {
    height: 55px;
    margin-bottom: 0;
    padding-left: 30px;
}

.c-form .hs-submit {
    padding-top: 30px;
}

.c-form-sign-up .hs-button {
    border-radius: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
}


@media (min-width: 576px) {
    .c-form-sign-up form {
        flex-direction: row;
    }

    .c-form-sign-up .hs-form-field {
        width: 480px;
    }

    .c-form .hs-submit {
        padding-top: 0;
    }

    .c-form-sign-up .hs-button {
        margin-left: 15px;
    }
}


/* = 404 Thank You -------------------- */
section.thanks {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 180px 0 80px;
    background: #243646;
    color: #FFF;
    text-align: center;
    min-height: 605px;
}

section.thanks h1 {
    font-size: 3.444em!important;
}

section.thanks .download {
    display: block;
    margin: 30px 0;
    font-size: 2em;
    text-decoration: underline;
    color: #FFF!important;
}

section.thanks .green {
    background: #1AA735;
    color: #FFF;
}

.hs-content-id-8613445673 section.filter__studies {
    padding: 120px 0 80px;
}


/* = Footer -------------------- */

footer {
    padding: 50px 0;
    background: #212121;
    font-weight: 300;
    color: #FFF;
}

@media(max-width: 767px) {
    footer {
        text-align: center;
    }
}

footer .logo {
    display: block;
    margin: 0 0 40px;
}

footer .logo img {
    width: 165px;
}

footer address {
    font-size: .778em;
    font-weight: 600;
    line-height: 2;
}

nav.footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

nav.footer {
    width: 100%;
}

nav.footer ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}

@media(max-width: 575px) {
    nav.footer ul {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center!important;
        width: 100%;
    }

    footer .mt-4 {
        margin-top: 0!important;
    }

    nav.footer ul li {
        margin: 0 10px!important;
    }
}

nav.footer ul li {
    list-style: none;
    display: inline-block;
}

nav.footer ul li a {
    display: block;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #FFF;
    font-size: .889em;
    color: #FFF;
}

@media(max-width: 575px) {
    nav.footer ul li {
        margin: 0 10px;
    }

    nav.footer ul li a {
        border-bottom: 0;
    }
}

nav.footer ul li ul.hs-menu-children-wrapper,
nav.footer ul li ul.hs-menu-children-wrapper.open-menu-list {
    display: flex!important;
    flex-direction: column!important;
    align-items: flex-start!important;
    list-style: none;
    margin: 15px 0 0;
}

@media(min-width: 768px)and(max-width: 1024px) {
    nav.footer ul.justify-content-start li.margin-right {
        margin-right: 75px!important;
    }
}

@media(max-width: 767px) {
    nav.footer ul li ul.hs-menu-children-wrapper,
    nav.footer ul li ul.hs-menu-children-wrapper.open-menu-list {
        display: none!important;
    }
}

nav.footer ul li ul.hs-menu-children-wrapper li {
    line-height: 1.8;
}

nav.footer ul li ul.hs-menu-children-wrapper li a {
    padding: 0;
    border-bottom: 0;
    font-size: .778em;
    font-weight: 300!important;
}

@media(min-width:767px)and(max-width: 992px) {
    footer .container {
        width: 100%;
        max-width: 100%;
    }
}

footer.bottom {
    padding: 15px 0;
    background: #464646;
    font-size: 0.778em;
}

footer.bottom a {
    margin: 0 8px;
    color: #FFF!important;
}

@media(max-width: 575px) {
    footer.bottom a {
        margin: 0;
    }
}

footer.bottom a i {
    font-size: 1.3em;
}

@media(max-width: 575px) {
    footer.bottom .social {
        margin-top: 10px;
    }
}

#outer {
    width:100%;
    height:50px;
    background:red;
}
#col1, #col2, #col3, #col4, #col5 {
    float:left;
    width:16.6%;
    background:#E72276;
    height:50px;
}
#col2{background: #7E398E;}
#col3{background: #F58529;}
#col4{background: #95C11F;}
#col5{background: #DE5130;}
.clearer {
    height:1px;
    overflow:hidden;
    clear:both;
    margin-top:-1px;
}



section.azure-intro {
    background: url('https://cdn2.hubspot.net/hubfs/5004792/Site%20assets/Visual%20content/Banners/azureBG.svg') no-repeat center;
    background-position: -100px -100px;
    background-size: 110%;
    background-attachment: fixed;
    margin-top: 80px;
    padding: 60px 0;
    overflow: hidden;
}

section.azure-intro h1 {
    color: #2EB4E5;
}

section.azure-intro .c-form-general {
    background: #f8f8f8;
    padding: 25px;
}

@media screen and (min-width: 56.250em) {
    section.azure-intro .c-form-general {
        padding: 25px 35px;
    }
}

section.azure-intro form {
    position: relative;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 100%;
}

section.azure-intro form fieldset {
    max-width: 100%!important;
    margin-bottom: 10px;
}

section.azure-intro form label {
    width: 100%;
    font-size: 0.833rem;
    text-align: left!important;
}

@media screen and (min-width: 56.250em) {
    section.azure-intro form label {
        font-size: 1rem;
    }
}

section.azure-intro form input[type="text"],
section.azure-intro form input[type="email"],
section.azure-intro form input[type="tel"],
section.azure-intro form input[type="number"] {
    width: 100%!important;
    height: 40px;
    margin-bottom: 15px;
    background: none;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #2EB4E5;
    font-size: 0.889rem;
    padding: 0;
    outline: none!important;
    transition: all 0.3s ease;
    -webkit-appearance: none;
}

section.azure-intro form select {
    width: 100%!important;
    height: 40px;
    margin-bottom: 15px;
    background: url('https://cdn2.hubspot.net/hubfs/5004792/Site%20assets/Visual%20content/Banners/icon__select@2x.png') no-repeat 98% center #fff;
    border: 1px solid #2EB4E5;
    border-radius: 50px;
    font-size: 0.889rem;
    padding: 0 10px;
    outline: none!important;
    transition: all 0.3s ease;
    -webkit-appearance: none;
}

section.azure-intro form textarea {
    width: 100%!important;
    height: 80px;
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #2EB4E5;
    font-size: 0.889rem;
    padding: 0 10px;
    outline: none!important;
    transition: all 0.3s ease;
    -webkit-appearance: none;
}

section.azure-intro form .hs-error-msgs {
    position: absolute;
    bottom: -35px;
    left: 205px;
    font-size: 0.833rem;
    color: $red;
}

section.azure-intro form .hs-form-booleancheckbox-display {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

section.azure-intro form .inputs-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

section.azure-intro form .inputs-list li {
    font-size: 0.833rem;
    list-style: none;
    padding: 0;
    margin: 0!important;
}

section.azure-intro form .legal-consent-container {
    width: 70%;
    font-size: 0.764rem;
    margin: 15px 0 30px;
    text-align: left;
}

section.azure-intro form .legal-consent-container .hs-form-booleancheckbox-display>span {
    font-size: 12px;
    margin-left: 10px!important;
}

section.azure-intro form .hs-button {
    width: auto!important;
    height: 50px;
    display: inline-block;
    padding: 8px 30px;
    border-radius: 50px;
    font-size: 1.167rem;
    text-decoration: none!important;
    background: #95C11F;
    border: 1px solid #fff!important;
    color: #fff;
    outline: none!important;
    text-transform: uppercase;
}