/***********/
/*OVERRIDES*/
/***********/

h2, h3 {
    font-weight: 300 !important;
    text-transform: capitalize !important;
}

h4 {
    font-weight: 600 !important;
    text-transform: capitalize !important;
    font-size: 16pt !important;
}

a:hover {
    color: #3687a0;
}

textarea {
    min-height: 100px;
}

.mean-container .mean-nav ul li a.mean-expand {
    height: 31px;
}

.hidden {
    display: none;
}

.section-top-title {
    padding-bottom: 100px;
}

.slo-logo-container {
    text-align: right;
}

.hero-text h1 {
    padding-top: 170px !important;
}

.timeline-Widget {
    background: red !important;
}

#twitter-widget-0 {
    /*background: #FFFFFF !important;*/
}

.testimonial_text {
    padding-top: 50px !important;
}

.flik-timeline li h3 {
    color: #2CB1DC !important;
}

.section-title {
    text-align: center;
    width: 100%;
    margin-bottom: 20px !important;
}

.section-title h1 {
    text-transform: capitalize !important;
    font-weight: 300 !important;
}

.g-recaptcha div {
    width: 100% !important;
}

.flik-timeline li h3{
    font-weight: 600 !important;
    font-family: 'Ubuntu Light', sans-serif;
    letter-spacing: 1px;

}

.flik-timeline-1 .event .event-content
{
    font-family: 'Ubuntu Light', sans-serif;
    font-size: 16px;

}
/*******************/
/*GENERAL STYLING*/
/*******************/

.mean-container .mean-nav {

}

.list-highlight {
    border-left: 5px solid #e83953;
    background: #F8F8F8;
    padding: 10px 10px 10px 40px;
}

.video {
    padding: 30px 0 60px 0;
}

.video-block {
    background: #16304f;
    width: 100%;
}

.title-container{
    background: #F8F8F8;
    padding-top: 60px;
}

.team-founders {
    background: #F8F8F8;
    padding-top: 60px;
}

.team-directors {
    background: #F8F8F8;
    padding-top: 60px;
}

.team-all {
    padding: 60px 0;
    background: #e83953; /* Old browsers */
    background: -moz-linear-gradient(45deg, #e83953 0%, #16304f 66%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #e83953 0%,#16304f 66%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #e83953 0%,#16304f 66%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e83953', endColorstr='#16304f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.site-map-list {
    list-style-type: none;
    margin-left: 20px;
}

.site-map-list li {
    margin-bottom: 1rem;
}

/*******************/
/*EQUINOX 7 STYLING*/
/*******************/

.btn-home-equinox-7 {
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
    width: 100%;
}

/*.home-banner-learn-more {*/
    /*margin-left: 10px;*/
/*}*/

/******************/
/*MOBILE OVERRIDES*/
/******************/

@media only screen and (max-width:480px) {
    /*.home-banner-learn-more {*/
        /*margin-left: 0;*/
    /*}*/

    .equinox-banner-logo-container {
        text-align: center;
    }

    .mfp-content {
        margin-top: 55px;
    }

    .slo-logo-container {
        text-align: center;
    }

    .header-trial-container {
        float: left;
    }

    .header-login-container {
        float: right;
    }
}

@media (min-width: 992px) {
    .btn-home-equinox-7 {
        width: 220px;
    }
}

.equinox-banner-logo {
    width: 100%;
    max-width: 400px;
}

/****************/
/*CUSTOM COLOURS*/
/****************/

.bg-dark-blue {
    background-color: #0f3152 !important;
}

.bg-dark-blue-pink-gradient {
    background: #e83953; /* Old browsers */
    background: -moz-linear-gradient(45deg, #e83953 0%, #16304f 66%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #e83953 0%,#16304f 66%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #e83953 0%,#16304f 66%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e83953', endColorstr='#16304f',GradientType=1 );
}

.color-white {
    color: #FFFFFF !important;
}

/****************/
/*CUSTOM FONT SIZES*/
/****************/

.font-16 {
    font-size: 16pt !important;
}

.font-26 {
    font-size: 26pt !important;
}

.font-30 {
    font-size: 40pt !important;
}

.font-34 {
    font-size: 34pt !important;
}

.text-transform-none {
    text-transform: none !important;
}

/********************/
/*MARGIN AND PADDING*/
/********************/

.margin-0 {
    margin: 0 !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-25 {
    margin-top: 25px !important;
}

.margin-top-30{
    margin-top: 30px !important;

}

.margin-top-50{
    margin-top: 50px !important;

}

.margin-top-60{
    margin-top: 60px !important;

}

.margin-top-80{
    margin-top: 100px !important;

}

.margin-top-100{
    margin-top: 100px !important;

}

.margin-top-120{
    margin-top: 120px !important;

}

.margin-bottom-0 {
    margin-bottom: 0px !important;
}

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

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.margin-bottom-28 {
    margin-bottom: 28px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}
.margin-bottom-60 {
    margin-bottom: 60px !important;
}
.margin-left-0 {
    margin-left: 0 !important;
}
.margin-left-10 {
    margin-left: 10px !important;

}
.margin-left-30 {
    margin-left: 30px !important;
}
.margin-left-50 {
    margin-left: 50px !important;
}

.margin-right-0{
    margin-right: 0 !important;
}
.margin-right-10{
    margin-right: 10px !important;
}
.margin-right-30{
    margin-right: 30px !important;
}

.padding-0 {
    padding: 0 !important;
}

.padding-10 {
    padding: 10px !important;
}

.padding-30 {
    padding: 30px !important;
}

.padding-50 {
    padding: 50px !important;
}

.padding-60 {
    padding: 60px !important;
}

.padding-100 {
    padding: 100px !important;
}

.padding-120 {
    padding: 120px !important;
}

.padding-top-0 {
    padding-top: 0 !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-25 {
    padding-top: 25px !important;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.padding-top-40 {
    padding-top: 40px !important;
}

.padding-bottom-0 {
    padding-bottom: 0 !important;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.padding-bottom-25 {
    padding-bottom: 25px !important;
}

.padding-bottom-30 {
    padding-bottom: 30px !important;
}

.padding-bottom-50 {
    padding-bottom: 50px !important;
}

.padding-bottom-60 {
    padding-bottom: 60px !important;
}

.padding-bottom-80 {
    padding-bottom: 80px !important;
}

.padding-bottom-120 {
    padding-bottom: 120px !important;
}

.padding-left-20 {
    padding-left: 20px !important;
}

.padding-left-40 {
    padding-left: 40px !important;
}

.padding-right-20 {
    padding-right: 20px !important;
}

.padding-right-30 {
    padding-right: 30px !important;
}

/************/
/*COMPONENTS*/
/************/
@media only screen and (max-width: 600px) {
    .owl-carousel .owl-item img {
        width: 50%;
        margin: 0 auto;
    }
}
.client-logo-container {
    margin: 0 20px;
}

/*.btn-watch-video {*/
/*background: #0078C1 !important;*/
/*border-color: #FFFFFF !important;*/
/*}*/

.product-type-box {
    border: 1px solid #e8e8e9 !important;
    cursor: pointer;
}

.product-type-box-active {
    border: 5px solid #C1C1C1 !important;
    cursor: default !important;
}

/*.product-type-box-active h4 {*/
    /*color: #FFFFFF !important;*/
/*}*/

.product-feature-container {
    background: rgba(15, 49, 82, 0.03);
    /* height: 250px; */
    border: 1px solid #0f3152;
    color: #0f3152;
    border-radius: 10px;
}

.h3-product {
    color: #0f3152;
    text-transform: uppercase;
    padding-bottom: 15px;
    text-align: center;
}

.product-read-more {
    /*margin-top: 10px !important;*/
}

/* Formats text for learn more pop ups */
.learn-more{
    color: #202020;
    font-size: 14px;
    display: inline;
}

/* Colours the left column */
.learn-more-lc{
    background-color: #0f3152;
    margin-top: 10px;
}

.services-blue{
    background-color: #0f3152;
}
.services-blue p{
    color: white;
}
/* An attempt at aligning learn-more text */
.c-align {
    vertical-align: middle;
}

/*******/
/*ICONS*/
/*******/

.fa-product-medium {
    color: #0f3152;
    font-size: 30pt;
    padding-bottom: 10px;
}

.fa-product-large {
    color: #0f3152 !important;
    font-size: 50pt !important;
}

.fa-product-xlarge {
    color: #0f3152;
    font-size: 50pt !important;
}

/*****************/
/*EQUINOX COLOURS*/
/*****************/

/* Backgrounds */

.bold-bg-color-blue {
    background-color: #0f3152 !important;
}

.bold-bg-color-pink {
    background-color: #A62A7D !important;
}

.bold-bg-color-red {
    background-color: #cb293a !important;
}

.bold-bg-color-purple {
    background-color: #613d4e !important;
}

/* Fonts */

.equinox-color-dark-blue {
    color: #0f3152 !important;
}

.equinox-color-blue {
    color: #2274ae !important;
}

.equinox-color-pink {
    color: #E83953 !important;
}

.equinox-color-red {
    color: #cb293a !important;
}

.equinox-color-purple {
    color: #613d4e !important;
}
.equinox-color-white {
    color: white !important;
}

.equinox-color-grey a{
    color: #a4aab3 !important;
}

/********/
/*POPUPS*/
/********/

.product-details-popup {
    position: relative;
    background: #FFF;
    max-width: 1024px;
    margin: 20px auto;
    padding: 30px 30px 30px 30px;
}

.product-details-popup-block {
    height: 170px;
    margin-bottom: 0 !important;
    background: #FFFFFF;
    color: #0f3152 !important;

}

.bio-popup {
    position: relative;
    background: #F8F8F8;
    padding: 20px;
    /*width: auto;*/
    /*max-width: 500px;*/
    max-width: 1024px;
    margin: 20px auto;
    color: #0f3152;
}

.bio-popup-title {
    text-transform: uppercase;
}

.team-name{
    color: white;
}

.team-name.small-title{
    font-size: 0.8em;
}

/*.team{*/
    /*background-color: #0f3152;*/
/*}*/

/*.team h4{*/
    /*color: white;*/
/*}*/

/*.team h6{*/
    /*color: white;*/

/*}*/

/*.team .portrait{*/
    /*padding: 10px;*/
/*}*/

.team img:hover{
    opacity: 0.7;
}

/*.portrait-overlay {*/
    /*position: absolute;*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*height: 100%;*/
    /*width: 100%;*/
    /*opacity: 0;*/
    /*transition: .5s ease;*/
    /*background-color: #008CBA;*/
/*}*/

/*.container:hover .overlay {*/
    /*opacity: 1;*/
/*}*/

.portrait{
    width: 25%;
    position: relative;
    padding-right: 20px;
    padding-top: 20px;
}

.portrait-text {
    height: 81%;
    position: absolute;
    top: 20px;
    color: white;
    transition: .5s ease;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    /*background-color: rgba(255, 255, 255, 0.7);*/

    padding: 10px;
    margin-right: 20px;
}

.portrait-icon{
    margin-right: 15px;
    /*float: right;*/
}

.portrait-text:hover {
    transition: .5s ease;
    opacity: 1;
}

.portrait-text p{
    font-size: 13px;
}

.blur{
    transition: .5s ease;
    filter: blur(4px);
}

@media only screen and (max-width: 600px) {
    .team-name{
        padding-left: 0.5em;
    }
    .team-name.small-title{
        font-size: 1em;
    }
    .portrait{
        width: 100%;
        position: relative;
        padding-right: 0;
    }
    .portrait-text {
        height: 100%;
        width: 100%;
        padding: 0;
        margin-right: 0;
    }
    .portrait-text p{
        font-size: 13px;
        width: 27em;
        margin: 0 auto 2em;
        position: relative;
        top: 25%;
    }
}

/* Quick fix to get rid of overrunning text on smaller screen sizes */
@media only screen and (min-width: 600px) and (max-width: 1200px) {
    .portrait-text {
        transition: none;
        opacity: 0;
        display: none;
        visibility:hidden;
    }
    .team img:hover{
        opacity: 1;
    }
}


/****************/
/* TESTIMONIALS */
/****************/

.testimonial{
    margin: 0 20px 40px;
}
.testimonial .testimonial-content{
    padding: 35px 25px 35px 50px;
    margin-bottom: 35px;
    background: #fff;
    border: 1px solid #f0f0f0;
    position: relative;
    min-height: 290px;
}
.testimonial .testimonial-content:after{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    bottom: -10px;
    left: 22px;
    transform: rotate(45deg);
}
.testimonial-content .testimonial-icon{
    width: 50px;
    height: 45px;
    background: #455972;
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height: 42px;
    position: absolute;
    top: 37px;
    left: -19px;
}
.testimonial-content .testimonial-icon:before{
    content: "";
    border-bottom: 16px solid #16304f;
    border-left: 18px solid transparent;
    position: absolute;
    top: -16px;
    left: 1px;
}
.testimonial .description{
    color: #8a8a8a;
    margin: 0;
}
.testimonial .title{
    display: block;
    font-weight: 300;
    color: #16304f;
    text-transform: capitalize;
    margin: 0 0 5px 0;
}
.testimonial .post{
    display: block;
    color: #16304f;
}
.owl-theme .owl-controls{
    margin-top: 20px;
}
.owl-theme .owl-controls .owl-page span{
    background: #ccc;
    opacity: 1;
    transition: all 0.4s ease 0s;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #16304f;
}

/*************/
/* PRELOADER */
/*************/

.centered{
    width:400px;
    height:400px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.blob-1,.blob-2{
    width:30px;
    height:30px;
    position:absolute;
    border-radius:50%;
    top:50%;left:50%;
    transform:translate(-50%,-50%);
}
.blob-1{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e56072+0,e83953+100 */
    background: #e56072; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #e56072 0%, #e83953 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #e56072 0%,#e83953 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #e56072 0%,#e83953 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e56072', endColorstr='#e83953',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    left:20%;
    animation:osc-l 2.5s ease infinite;
}
.blob-2{
    left:80%;
    animation:osc-r 2.5s ease infinite;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8599b2+0,455972+100 */
    background: #8599b2; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #8599b2 0%, #455972 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #8599b2 0%,#455972 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #8599b2 0%,#455972 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8599b2', endColorstr='#455972',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
@keyframes osc-l{
    0%{left:20%;}
    50%{left:50%;}
    100%{left:20%;}
}
@keyframes osc-r{
    0%{left:80%;}
    50%{left:50%;}
    100%{left:80%;}
}