/*=============================
= Portfolio Section               =
=============================*/
.portfolio-section .section-text {
    margin-top: 12px;
}

.portfolio-filters {
    text-align: center;
    display: inline-block;
    margin-bottom: 40px;
}

    .portfolio-filters .btn {
        margin: 0;
        min-width: 250px;
        display: inline-block;
    }

        .portfolio-filters .btn::before,
        .portfolio-filters .btn::after {
            height: 49%;
        }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .portfolio-filters .btn::before,
    .portfolio-filters .btn::after {
        height: 50%;
    }
}

.portfolio-filters .selected::before {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.portfolio-filters .selected::after {
    -webkit-transform: translate3d(0, 105%, 0);
    transform: translate3d(0, 105%, 0);
}

.portfolio-filters .selected > span:not(.ink) {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.portfolio-container {
    margin-right: -4px;
    margin-left: 0;
    overflow: hidden;
}

    .portfolio-container.container {
        margin-right: auto;
        margin-left: auto;
    }

    .portfolio-container.no-transition,
    .portfolio-item.no-transition {
        -webkit-transition-duration: 0s;
        transition-duration: 0s;
    }

.portfolio-item {
    position: relative;
    overflow: hidden;
    float: left;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    margin-right: -1px;
}

.portfolio-item {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

    .portfolio-item:before, .portfolio-item:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.portfolio-item-img {
    overflow: hidden;
}

    .portfolio-item-img img {
        width: 100%;
        height: auto;
        -webkit-transform: scale(1.07);
        -ms-transform: scale(1.07);
        transform: scale(1.07);
    }

    .portfolio-item-img:after {
        content: " ";
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        opacity: 0;
    }

    .portfolio-item-img:after {
        position: absolute;
        height: 100%;
        overflow: visible;
        color: white;
        text-transform: uppercase;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 5;
    }



.gapped {
    margin-left: -15px;
    margin-right: -18px;
    padding-bottom: 15px;
}

.gapped .portfolio-item {
    padding: 15px;
    margin-right: -1px;
}

.portfolio-item {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.portfolio-item:before, .portfolio-item:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gapped .portfolio-item-img:after {
    margin: 15px;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
}

@media (max-width: 767px) {
    .gapped {
        margin-left: -15px;
        margin-right: -18px;
        padding-bottom: 15px;
    }

        .gapped .portfolio-item {
            padding: 5px;
            margin-right: -1px;
        }

        .gapped .portfolio-item-img:after,
        .gapped .video-work {
            margin: 5px;
            width: calc(100% - 10px);
            height: calc(100% - 10px);
        }

    .portfolio-item-detail > p {
        display: none;
    }
}


.real-gapped {
    margin-left: -20px;
    margin-right: -20px;
    padding-bottom: 20px;
}

    .real-gapped .portfolio-item {
        padding: 20px;
    }

    .real-gapped .portfolio-item-img:after,
    .real-gapped .video-work {
        margin: 20px;
        width: calc(100% - 40px);
        height: calc(100% - 40px);
    }

.portfolio-item-info {
    position: absolute;
    width: 80%;
    overflow: visible;
    color: white;
    text-transform: uppercase;
    margin: auto;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 5;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.portfolio-item-title {
    margin-bottom: 25px;
    font-weight: 300;
    letter-spacing: 2px;
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}

.portfolio-item-detail {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0) scale(1.15);
    transform: translate3d(0, 20px, 0) scale(1.15);
}

    .portfolio-item-detail p {
        margin-bottom: 25px;
        font-size: 18px;
        line-height: 1.2;
        letter-spacing: 1px;
    }

    .portfolio-item-detail a {
        font-size: 28px;
        display: inline-block;
        height: 60px;
        width: 80px;
        line-height: 60px;
    }

.portfolio-item:hover .portfolio-item-img img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.portfolio-item:hover .portfolio-item-img:after {
    opacity: 1;
}

.portfolio-item:hover .video-work:after {
    opacity: 1;
}

.portfolio-item:hover .video-background {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.portfolio-item:hover .portfolio-item-title {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.portfolio-item:hover .portfolio-item-detail {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}

/* 
 Sections Titles
 -------------------------
 */
.section-title {
    position: relative;
    padding-bottom: 40px;
}

.section-title-heading {
    display: inline-block;
    font-size: 48px;
    margin-top: 0;
}

@media (max-width:767px) {

    .section-title {
        position: relative;
        padding-bottom: 10px;
    }

    .section-title-heading {
        display: inline-block;
        font-size: 30px;
        margin-top: 0;
    }
}



.section-title-heading span {
    font-weight: 700;
}

.section-title-more {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .65em;
    margin-right: -0.65em;
    font-size: 8px;
}

    .section-title-more p {
        position: relative;
        margin: 0;
        padding: 0 10px;
        z-index: 2;
    }

.section-title-small {
    text-align: left;
}

.section-title-small-center {
    text-align: center;
}


.section-title-small .section-title-heading {
    font-family: TradeGothicLT-Bold;
    font-size: 28px;
    margin-top: 0;
    padding: 10px 0 10px 20px;
    border-left: 2px solid #ffffff;
}

    .section-title-small .section-title-heading:after {
        content: none;
    }

/* 
 Sections Layout
 -------------------------
 */
.section {
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (min-width: 992px) {
    .section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (min-width: 1200px) {
    .section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.small-section {
    padding-top: 40px;
    padding-bottom: 40px;
}

@media (min-width: 768px) {
    .small-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .section {
        padding-top: 30px;
        padding-bottom: 20px;
    }
}

@media (min-width: 992px) {
    .small-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media (min-width: 1200px) {
    .small-section {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}
/* The difference between padding-top and padding-bottom of .sticky-nav-here element and marging-top of .sticky-visible-here must be the height of the .navbar in normal state -not transarent-. */
.sticky-nav-here {
    padding-top: 100px;
    padding-bottom: 40px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .sticky-nav-here {
        padding-top: 120px;
        padding-bottom: 60px;
    }
}

@media (min-width: 992px) {
    .sticky-nav-here {
        padding-top: 150px;
        padding-bottom: 90px;
    }
}

@media (min-width: 1200px) {
    .sticky-nav-here {
        padding-top: 180px;
        padding-bottom: 120px;
    }
}

.sticky-visible-here {
    margin-top: -60px;
    /* must be the height of navbar */
}

.overlay {
    position: relative;
}

.overlay:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


/*************************************************************/
/*********************** Generic Styles **********************/
/*************************************************************/
.no-margin {
    margin: 0;
}

.no-margin-left {
    margin-left: 0;
}

.no-margin-top {
    margin-top: 0;
}

.no-margin-right {
    margin-right: 0;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.margin-5 {
    margin: 5px;
}

.margin-left-5 {
    margin-left: 5px;
}

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

.margin-right-5 {
    margin-right: 5px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-10 {
    margin: 10px;
}

.margin-left-10 {
    margin-left: 10px;
}

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

.margin-right-10 {
    margin-right: 10px;
}

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

.margin-15 {
    margin: 15px;
}

.margin-left-15 {
    margin-left: 15px;
}

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

.margin-right-15 {
    margin-right: 15px;
}

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

.margin-20 {
    margin: 20px;
}

.margin-left-20 {
    margin-left: 20px;
}

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

.margin-right-20 {
    margin-right: 20px;
}

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

.margin-30 {
    margin: 30px;
}

.margin-left-30 {
    margin-left: 30px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-right-30 {
    margin-right: 30px;
}

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

.margin-40 {
    margin: 40px;
}

.margin-left-40 {
    margin-left: 40px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-right-40 {
    margin-right: 40px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-50 {
    margin: 50px;
}

.margin-left-50 {
    margin-left: 50px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-right-50 {
    margin-right: 50px;
}

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

.margin-60 {
    margin: 60px;
}

.margin-left-60 {
    margin-left: 60px;
}

.margin-top-60 {
    margin-top: 60px;
}

.margin-right-60 {
    margin-right: 60px;
}

.margin-bottom-60 {
    margin-bottom: 60px;
}

.margin-70 {
    margin: 70px;
}

.margin-left-70 {
    margin-left: 70px;
}

.margin-top-70 {
    margin-top: 70px;
}

.margin-right-70 {
    margin-right: 70px;
}

.margin-bottom-70 {
    margin-bottom: 70px;
}

.margin-80 {
    margin: 80px;
}

.margin-left-80 {
    margin-left: 80px;
}

.margin-top-80 {
    margin-top: 80px;
}

.margin-right-80 {
    margin-right: 80px;
}

.margin-bottom-80 {
    margin-bottom: 80px;
}

.margin-90 {
    margin: 90px;
}

.margin-left-90 {
    margin-left: 90px;
}

.margin-top-90 {
    margin-top: 90px;
}

.margin-right-90 {
    margin-right: 90px;
}

.margin-bottom-90 {
    margin-bottom: 90px;
}

.margin-100 {
    margin: 100px;
}

.margin-left-100 {
    margin-left: 100px;
}

.margin-top-100 {
    margin-top: 100px;
}

.margin-right-100 {
    margin-right: 100px;
}

.margin-bottom-100 {
    margin-bottom: 100px;
}

@media (max-width: 767px) {
    .no-margin-xs {
        margin: 0;
    }

    .no-margin-xs-left {
        margin-left: 0;
    }

    .no-margin-xs-top {
        margin-top: 0;
    }

    .no-margin-xs-right {
        margin-right: 0;
    }

    .no-margin-xs-bottom {
        margin-bottom: 0;
    }

    .margin-xs-5 {
        margin: 5px;
    }

    .margin-left-xs-5 {
        margin-left: 5px;
    }

    .margin-top-xs-5 {
        margin-top: 5px;
    }

    .margin-right-xs-5 {
        margin-right: 5px;
    }

    .margin-bottom-xs-5 {
        margin-bottom: 5px;
    }

    .margin-xs-10 {
        margin: 10px;
    }

    .margin-left-xs-10 {
        margin-left: 10px;
    }

    .margin-top-xs-10 {
        margin-top: 10px;
    }

    .margin-right-xs-10 {
        margin-right: 10px;
    }

    .margin-bottom-xs-10 {
        margin-bottom: 10px;
    }

    .margin-xs-15 {
        margin: 15px;
    }

    .margin-left-xs-15 {
        margin-left: 15px;
    }

    .margin-top-xs-15 {
        margin-top: 15px;
    }

    .margin-right-xs-15 {
        margin-right: 15px;
    }

    .margin-bottom-xs-15 {
        margin-bottom: 15px;
    }

    .margin-xs-20 {
        margin: 20px;
    }

    .margin-left-xs-20 {
        margin-left: 20px;
    }

    .margin-top-xs-20 {
        margin-top: 20px;
    }

    .margin-right-xs-20 {
        margin-right: 20px;
    }

    .margin-bottom-xs-20 {
        margin-bottom: 20px;
    }

    .margin-xs-30 {
        margin: 30px;
    }

    .margin-left-xs-30 {
        margin-left: 30px;
    }

    .margin-top-xs-30 {
        margin-top: 30px;
    }

    .margin-right-xs-30 {
        margin-right: 30px;
    }

    .margin-bottom-xs-30 {
        margin-bottom: 30px;
    }

    .margin-xs-40 {
        margin: 40px;
    }

    .margin-left-xs-40 {
        margin-left: 40px;
    }

    .margin-top-xs-40 {
        margin-top: 40px;
    }

    .margin-right-xs-40 {
        margin-right: 40px;
    }

    .margin-bottom-xs-40 {
        margin-bottom: 40px;
    }

    .margin-xs-50 {
        margin: 50px;
    }

    .margin-left-xs-50 {
        margin-left: 50px;
    }

    .margin-top-xs-50 {
        margin-top: 50px;
    }

    .margin-right-xs-50 {
        margin-right: 50px;
    }

    .margin-bottom-xs-50 {
        margin-bottom: 50px;
    }

    .margin-xs-60 {
        margin: 60px;
    }

    .margin-left-xs-60 {
        margin-left: 60px;
    }

    .margin-top-xs-60 {
        margin-top: 60px;
    }

    .margin-right-xs-60 {
        margin-right: 60px;
    }

    .margin-bottom-xs-60 {
        margin-bottom: 60px;
    }

    .margin-xs-70 {
        margin: 70px;
    }

    .margin-left-xs-70 {
        margin-left: 70px;
    }

    .margin-top-xs-70 {
        margin-top: 70px;
    }

    .margin-right-xs-70 {
        margin-right: 70px;
    }

    .margin-bottom-xs-70 {
        margin-bottom: 70px;
    }

    .margin-xs-80 {
        margin: 80px;
    }

    .margin-left-xs-80 {
        margin-left: 80px;
    }

    .margin-top-xs-80 {
        margin-top: 80px;
    }

    .margin-right-xs-80 {
        margin-right: 80px;
    }

    .margin-bottom-xs-80 {
        margin-bottom: 80px;
    }

    .margin-xs-90 {
        margin: 90px;
    }

    .margin-left-xs-90 {
        margin-left: 90px;
    }

    .margin-top-xs-90 {
        margin-top: 90px;
    }

    .margin-right-xs-90 {
        margin-right: 90px;
    }

    .margin-bottom-xs-90 {
        margin-bottom: 90px;
    }

    .margin-xs-100 {
        margin: 100px;
    }

    .margin-left-xs-100 {
        margin-left: 100px;
    }

    .margin-top-xs-100 {
        margin-top: 100px;
    }

    .margin-right-xs-100 {
        margin-right: 100px;
    }

    .margin-bottom-xs-100 {
        margin-bottom: 100px;
    }
}

@media (min-width: 768px) {
    .no-margin-sm {
        margin: 0;
    }

    .no-margin-sm-left {
        margin-left: 0;
    }

    .no-margin-sm-top {
        margin-top: 0;
    }

    .no-margin-sm-right {
        margin-right: 0;
    }

    .no-margin-sm-bottom {
        margin-bottom: 0;
    }

    .margin-sm-5 {
        margin: 5px;
    }

    .margin-left-sm-5 {
        margin-left: 5px;
    }

    .margin-top-sm-5 {
        margin-top: 5px;
    }

    .margin-right-sm-5 {
        margin-right: 5px;
    }

    .margin-bottom-sm-5 {
        margin-bottom: 5px;
    }

    .margin-sm-10 {
        margin: 10px;
    }

    .margin-left-sm-10 {
        margin-left: 10px;
    }

    .margin-top-sm-10 {
        margin-top: 10px;
    }

    .margin-right-sm-10 {
        margin-right: 10px;
    }

    .margin-bottom-sm-10 {
        margin-bottom: 10px;
    }

    .margin-sm-15 {
        margin: 15px;
    }

    .margin-left-sm-15 {
        margin-left: 15px;
    }

    .margin-top-sm-15 {
        margin-top: 15px;
    }

    .margin-right-sm-15 {
        margin-right: 15px;
    }

    .margin-bottom-sm-15 {
        margin-bottom: 15px;
    }

    .margin-sm-20 {
        margin: 20px;
    }

    .margin-left-sm-20 {
        margin-left: 20px;
    }

    .margin-top-sm-20 {
        margin-top: 20px;
    }

    .margin-right-sm-20 {
        margin-right: 20px;
    }

    .margin-bottom-sm-20 {
        margin-bottom: 20px;
    }

    .margin-sm-30 {
        margin: 30px;
    }

    .margin-left-sm-30 {
        margin-left: 30px;
    }

    .margin-top-sm-30 {
        margin-top: 30px;
    }

    .margin-right-sm-30 {
        margin-right: 30px;
    }

    .margin-bottom-sm-30 {
        margin-bottom: 30px;
    }

    .margin-sm-40 {
        margin: 40px;
    }

    .margin-left-sm-40 {
        margin-left: 40px;
    }

    .margin-top-sm-40 {
        margin-top: 40px;
    }

    .margin-right-sm-40 {
        margin-right: 40px;
    }

    .margin-bottom-sm-40 {
        margin-bottom: 40px;
    }

    .margin-sm-50 {
        margin: 50px;
    }

    .margin-left-sm-50 {
        margin-left: 50px;
    }

    .margin-top-sm-50 {
        margin-top: 50px;
    }

    .margin-right-sm-50 {
        margin-right: 50px;
    }

    .margin-bottom-sm-50 {
        margin-bottom: 50px;
    }

    .margin-sm-60 {
        margin: 60px;
    }

    .margin-left-sm-60 {
        margin-left: 60px;
    }

    .margin-top-sm-60 {
        margin-top: 60px;
    }

    .margin-right-sm-60 {
        margin-right: 60px;
    }

    .margin-bottom-sm-60 {
        margin-bottom: 60px;
    }

    .margin-sm-70 {
        margin: 70px;
    }

    .margin-left-sm-70 {
        margin-left: 70px;
    }

    .margin-top-sm-70 {
        margin-top: 70px;
    }

    .margin-right-sm-70 {
        margin-right: 70px;
    }

    .margin-bottom-sm-70 {
        margin-bottom: 70px;
    }

    .margin-sm-80 {
        margin: 80px;
    }

    .margin-left-sm-80 {
        margin-left: 80px;
    }

    .margin-top-sm-80 {
        margin-top: 80px;
    }

    .margin-right-sm-80 {
        margin-right: 80px;
    }

    .margin-bottom-sm-80 {
        margin-bottom: 80px;
    }

    .margin-sm-90 {
        margin: 90px;
    }

    .margin-left-sm-90 {
        margin-left: 90px;
    }

    .margin-top-sm-90 {
        margin-top: 90px;
    }

    .margin-right-sm-90 {
        margin-right: 90px;
    }

    .margin-bottom-sm-90 {
        margin-bottom: 90px;
    }

    .margin-sm-100 {
        margin: 100px;
    }

    .margin-left-sm-100 {
        margin-left: 100px;
    }

    .margin-top-sm-100 {
        margin-top: 100px;
    }

    .margin-right-sm-100 {
        margin-right: 100px;
    }

    .margin-bottom-sm-100 {
        margin-bottom: 100px;
    }

    .margin-sm-110 {
        margin: 110px;
    }

    .margin-left-sm-110 {
        margin-left: 110px;
    }

    .margin-top-sm-110 {
        margin-top: 110px;
    }

    .margin-right-sm-110 {
        margin-right: 110px;
    }

    .margin-bottom-sm-110 {
        margin-bottom: 110px;
    }
}

@media (min-width: 992px) {
    .no-margin-md {
        margin: 0;
    }

    .no-margin-md-left {
        margin-left: 0;
    }

    .no-margin-md-top {
        margin-top: 0;
    }

    .no-margin-md-right {
        margin-right: 0;
    }

    .no-margin-md-bottom {
        margin-bottom: 0;
    }

    .margin-md-5 {
        margin: 5px;
    }

    .margin-left-md-5 {
        margin-left: 5px;
    }

    .margin-top-md-5 {
        margin-top: 5px;
    }

    .margin-right-md-5 {
        margin-right: 5px;
    }

    .margin-bottom-md-5 {
        margin-bottom: 5px;
    }

    .margin-md-10 {
        margin: 10px;
    }

    .margin-left-md-10 {
        margin-left: 10px;
    }

    .margin-top-md-10 {
        margin-top: 10px;
    }

    .margin-right-md-10 {
        margin-right: 10px;
    }

    .margin-bottom-md-10 {
        margin-bottom: 10px;
    }

    .margin-md-15 {
        margin: 15px;
    }

    .margin-left-md-15 {
        margin-left: 15px;
    }

    .margin-top-md-15 {
        margin-top: 15px;
    }

    .margin-right-md-15 {
        margin-right: 15px;
    }

    .margin-bottom-md-15 {
        margin-bottom: 15px;
    }

    .margin-md-20 {
        margin: 20px;
    }

    .margin-left-md-20 {
        margin-left: 20px;
    }

    .margin-top-md-20 {
        margin-top: 20px;
    }

    .margin-right-md-20 {
        margin-right: 20px;
    }

    .margin-bottom-md-20 {
        margin-bottom: 20px;
    }

    .margin-md-30 {
        margin: 30px;
    }

    .margin-left-md-30 {
        margin-left: 30px;
    }

    .margin-top-md-30 {
        margin-top: 30px;
    }

    .margin-right-md-30 {
        margin-right: 30px;
    }

    .margin-bottom-md-30 {
        margin-bottom: 30px;
    }

    .margin-md-40 {
        margin: 40px;
    }

    .margin-left-md-40 {
        margin-left: 40px;
    }

    .margin-top-md-40 {
        margin-top: 40px;
    }

    .margin-right-md-40 {
        margin-right: 40px;
    }

    .margin-bottom-md-40 {
        margin-bottom: 40px;
    }

    .margin-md-50 {
        margin: 50px;
    }

    .margin-left-md-50 {
        margin-left: 50px;
    }

    .margin-top-md-50 {
        margin-top: 50px;
    }

    .margin-right-md-50 {
        margin-right: 50px;
    }

    .margin-bottom-md-50 {
        margin-bottom: 50px;
    }

    .margin-md-60 {
        margin: 60px;
    }

    .margin-left-md-60 {
        margin-left: 60px;
    }

    .margin-top-md-60 {
        margin-top: 60px;
    }

    .margin-right-md-60 {
        margin-right: 60px;
    }

    .margin-bottom-md-60 {
        margin-bottom: 60px;
    }

    .margin-md-60 {
        margin: 60px;
    }

    .margin-left-md-60 {
        margin-left: 60px;
    }

    .margin-top-md-60 {
        margin-top: 60px;
    }

    .margin-right-md-60 {
        margin-right: 60px;
    }

    .margin-bottom-md-60 {
        margin-bottom: 60px;
    }

    .margin-md-80 {
        margin: 80px;
    }

    .margin-left-md-80 {
        margin-left: 80px;
    }

    .margin-top-md-80 {
        margin-top: 80px;
    }

    .margin-right-md-80 {
        margin-right: 80px;
    }

    .margin-bottom-md-80 {
        margin-bottom: 80px;
    }

    .margin-md-90 {
        margin: 90px;
    }

    .margin-left-md-90 {
        margin-left: 90px;
    }

    .margin-top-md-90 {
        margin-top: 90px;
    }

    .margin-right-md-90 {
        margin-right: 90px;
    }

    .margin-bottom-md-90 {
        margin-bottom: 90px;
    }

    .margin-md-100 {
        margin: 100px;
    }

    .margin-left-md-100 {
        margin-left: 100px;
    }

    .margin-top-md-100 {
        margin-top: 100px;
    }

    .margin-right-md-100 {
        margin-right: 100px;
    }

    .margin-bottom-md-100 {
        margin-bottom: 100px;
    }
}

.no-padding {
    padding: 0;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-top {
    padding-top: 0;
}

.no-padding-right {
    padding-right: 0;
}

.no-padding-bottom {
    padding-bottom: 0;
}

.padding-5 {
    padding: 5px;
}

.padding-left-5 {
    padding-left: 5px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-right-5 {
    padding-right: 5px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.padding-10 {
    padding: 10px;
}

.padding-left-10 {
    padding-left: 10px;
}

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

.padding-right-10 {
    padding-right: 10px;
}

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

.padding-15 {
    padding: 15px;
}

.padding-left-15 {
    padding-left: 15px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-right-15 {
    padding-right: 15px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.padding-20 {
    padding: 20px;
}

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

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

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

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

.padding-30 {
    padding: 30px;
}

.padding-left-30 {
    padding-left: 30px;
}

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

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

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

.padding-40 {
    padding: 40px;
}

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

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

.padding-right-40 {
    padding-right: 40px;
}

.padding-bottom-40 {
    padding-bottom: 40px;
}

.padding-50 {
    padding: 50px;
}

.padding-left-50 {
    padding-left: 50px;
}

.padding-top-50 {
    padding-top: 50px;
}

.padding-right-50 {
    padding-right: 50px;
}

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

.padding-60 {
    padding: 60px;
}

.padding-left-60 {
    padding-left: 60px;
}

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

.padding-right-60 {
    padding-right: 60px;
}

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

.padding-70 {
    padding: 70px;
}

.padding-left-70 {
    padding-left: 70px;
}

.padding-top-70 {
    padding-top: 70px;
}

.padding-right-70 {
    padding-right: 70px;
}

.padding-bottom-70 {
    padding-bottom: 70px;
}

.padding-80 {
    padding: 80px;
}

.padding-left-80 {
    padding-left: 80px;
}

.padding-top-80 {
    padding-top: 80px;
}

.padding-right-80 {
    padding-right: 80px;
}

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

.padding-90 {
    padding: 90px;
}

.padding-left-90 {
    padding-left: 90px;
}

.padding-top-90 {
    padding-top: 90px;
}

.padding-right-90 {
    padding-right: 90px;
}

.padding-bottom-90 {
    padding-bottom: 90px;
}

.padding-100 {
    padding: 100px;
}

.padding-left-100 {
    padding-left: 100px;
}

.padding-top-100 {
    padding-top: 100px;
}

.padding-right-100 {
    padding-right: 100px;
}

.padding-bottom-100 {
    padding-bottom: 100px;
}

@media (max-width: 767px) {
    .no-padding-xs {
        padding: 0;
    }

    .no-padding-xs-left {
        padding-left: 0;
    }

    .no-padding-xs-top {
        padding-top: 0;
    }

    .no-padding-xs-right {
        padding-right: 0;
    }

    .no-padding-xs-bottom {
        padding-bottom: 0;
    }

    .padding-xs-5 {
        padding: 5px;
    }

    .padding-left-xs-5 {
        padding-left: 5px;
    }

    .padding-top-xs-5 {
        padding-top: 5px;
    }

    .padding-right-xs-5 {
        padding-right: 5px;
    }

    .padding-bottom-xs-5 {
        padding-bottom: 5px;
    }

    .padding-xs-10 {
        padding: 10px;
    }

    .padding-left-xs-10 {
        padding-left: 10px;
    }

    .padding-top-xs-10 {
        padding-top: 10px;
    }

    .padding-right-xs-10 {
        padding-right: 10px;
    }

    .padding-bottom-xs-10 {
        padding-bottom: 10px;
    }

    .padding-xs-15 {
        padding: 15px;
    }

    .padding-left-xs-15 {
        padding-left: 15px;
    }

    .padding-top-xs-15 {
        padding-top: 15px;
    }

    .padding-right-xs-15 {
        padding-right: 15px;
    }

    .padding-bottom-xs-15 {
        padding-bottom: 15px;
    }

    .padding-xs-20 {
        padding: 20px;
    }

    .padding-left-xs-20 {
        padding-left: 20px;
    }

    .padding-top-xs-20 {
        padding-top: 20px;
    }

    .padding-right-xs-20 {
        padding-right: 20px;
    }

    .padding-bottom-xs-20 {
        padding-bottom: 20px;
    }

    .padding-xs-30 {
        padding: 30px;
    }

    .padding-left-xs-30 {
        padding-left: 30px;
    }

    .padding-top-xs-30 {
        padding-top: 30px;
    }

    .padding-right-xs-30 {
        padding-right: 30px;
    }

    .padding-bottom-xs-30 {
        padding-bottom: 30px;
    }

    .padding-xs-40 {
        padding: 40px;
    }

    .padding-left-xs-40 {
        padding-left: 40px;
    }

    .padding-top-xs-40 {
        padding-top: 40px;
    }

    .padding-right-xs-40 {
        padding-right: 40px;
    }

    .padding-bottom-xs-40 {
        padding-bottom: 40px;
    }

    .padding-xs-50 {
        padding: 50px;
    }

    .padding-left-xs-50 {
        padding-left: 50px;
    }

    .padding-top-xs-50 {
        padding-top: 50px;
    }

    .padding-right-xs-50 {
        padding-right: 50px;
    }

    .padding-bottom-xs-50 {
        padding-bottom: 50px;
    }

    .padding-xs-60 {
        padding: 60px;
    }

    .padding-left-xs-60 {
        padding-left: 60px;
    }

    .padding-top-xs-60 {
        padding-top: 60px;
    }

    .padding-right-xs-60 {
        padding-right: 60px;
    }

    .padding-bottom-xs-60 {
        padding-bottom: 60px;
    }

    .padding-xs-70 {
        padding: 70px;
    }

    .padding-left-xs-70 {
        padding-left: 70px;
    }

    .padding-top-xs-70 {
        padding-top: 70px;
    }

    .padding-right-xs-70 {
        padding-right: 70px;
    }

    .padding-bottom-xs-70 {
        padding-bottom: 70px;
    }

    .padding-xs-80 {
        padding: 80px;
    }

    .padding-left-xs-80 {
        padding-left: 80px;
    }

    .padding-top-xs-80 {
        padding-top: 80px;
    }

    .padding-right-xs-80 {
        padding-right: 80px;
    }

    .padding-bottom-xs-80 {
        padding-bottom: 80px;
    }

    .padding-xs-90 {
        padding: 90px;
    }

    .padding-left-xs-90 {
        padding-left: 90px;
    }

    .padding-top-xs-90 {
        padding-top: 90px;
    }

    .padding-right-xs-90 {
        padding-right: 90px;
    }

    .padding-bottom-xs-90 {
        padding-bottom: 90px;
    }

    .padding-xs-100 {
        padding: 100px;
    }

    .padding-left-xs-100 {
        padding-left: 100px;
    }

    .padding-top-xs-100 {
        padding-top: 100px;
    }

    .padding-right-xs-100 {
        padding-right: 100px;
    }

    .padding-bottom-xs-100 {
        padding-bottom: 100px;
    }
}

@media (min-width: 768px) {
    .no-padding-sm {
        padding: 0;
    }

    .no-padding-sm-left {
        padding-left: 0;
    }

    .no-padding-sm-top {
        padding-top: 0;
    }

    .no-padding-sm-right {
        padding-right: 0;
    }

    .no-padding-sm-bottom {
        padding-bottom: 0;
    }

    .padding-sm-5 {
        padding: 5px;
    }

    .padding-left-sm-5 {
        padding-left: 5px;
    }

    .padding-top-sm-5 {
        padding-top: 5px;
    }

    .padding-right-sm-5 {
        padding-right: 5px;
    }

    .padding-bottom-sm-5 {
        padding-bottom: 5px;
    }

    .padding-sm-10 {
        padding: 10px;
    }

    .padding-left-sm-10 {
        padding-left: 10px;
    }

    .padding-top-sm-10 {
        padding-top: 10px;
    }

    .padding-right-sm-10 {
        padding-right: 10px;
    }

    .padding-bottom-sm-10 {
        padding-bottom: 10px;
    }

    .padding-sm-15 {
        padding: 15px;
    }

    .padding-left-sm-15 {
        padding-left: 15px;
    }

    .padding-top-sm-15 {
        padding-top: 15px;
    }

    .padding-right-sm-15 {
        padding-right: 15px;
    }

    .padding-bottom-sm-15 {
        padding-bottom: 15px;
    }

    .padding-sm-20 {
        padding: 20px;
    }

    .padding-left-sm-20 {
        padding-left: 20px;
    }

    .padding-top-sm-20 {
        padding-top: 20px;
    }

    .padding-right-sm-20 {
        padding-right: 20px;
    }

    .padding-bottom-sm-20 {
        padding-bottom: 20px;
    }

    .padding-sm-30 {
        padding: 30px;
    }

    .padding-left-sm-30 {
        padding-left: 30px;
    }

    .padding-top-sm-30 {
        padding-top: 30px;
    }

    .padding-right-sm-30 {
        padding-right: 30px;
    }

    .padding-bottom-sm-30 {
        padding-bottom: 30px;
    }

    .padding-sm-40 {
        padding: 40px;
    }

    .padding-left-sm-40 {
        padding-left: 40px;
    }

    .padding-top-sm-40 {
        padding-top: 40px;
    }

    .padding-right-sm-40 {
        padding-right: 40px;
    }

    .padding-bottom-sm-40 {
        padding-bottom: 40px;
    }

    .padding-sm-50 {
        padding: 50px;
    }

    .padding-left-sm-50 {
        padding-left: 50px;
    }

    .padding-top-sm-50 {
        padding-top: 50px;
    }

    .padding-right-sm-50 {
        padding-right: 50px;
    }

    .padding-bottom-sm-50 {
        padding-bottom: 50px;
    }

    .padding-sm-60 {
        padding: 60px;
    }

    .padding-left-sm-60 {
        padding-left: 60px;
    }

    .padding-top-sm-60 {
        padding-top: 60px;
    }

    .padding-right-sm-60 {
        padding-right: 60px;
    }

    .padding-bottom-sm-60 {
        padding-bottom: 60px;
    }

    .padding-sm-70 {
        padding: 70px;
    }

    .padding-left-sm-70 {
        padding-left: 70px;
    }

    .padding-top-sm-70 {
        padding-top: 70px;
    }

    .padding-right-sm-70 {
        padding-right: 70px;
    }

    .padding-bottom-sm-70 {
        padding-bottom: 70px;
    }

    .padding-sm-80 {
        padding: 80px;
    }

    .padding-left-sm-80 {
        padding-left: 80px;
    }

    .padding-top-sm-80 {
        padding-top: 80px;
    }

    .padding-right-sm-80 {
        padding-right: 80px;
    }

    .padding-bottom-sm-80 {
        padding-bottom: 80px;
    }

    .padding-sm-90 {
        padding: 90px;
    }

    .padding-left-sm-90 {
        padding-left: 90px;
    }

    .padding-top-sm-90 {
        padding-top: 90px;
    }

    .padding-right-sm-90 {
        padding-right: 90px;
    }

    .padding-bottom-sm-90 {
        padding-bottom: 90px;
    }

    .padding-sm-100 {
        padding: 100px;
    }

    .padding-left-sm-100 {
        padding-left: 100px;
    }

    .padding-top-sm-100 {
        padding-top: 100px;
    }

    .padding-right-sm-100 {
        padding-right: 100px;
    }

    .padding-bottom-sm-100 {
        padding-bottom: 100px;
    }

    .padding-sm-150 {
        padding: 150px;
    }

    .padding-left-sm-150 {
        padding-left: 150px;
    }

    .padding-top-sm-150 {
        padding-top: 150px;
    }

    .padding-right-sm-150 {
        padding-right: 150px;
    }

    .padding-bottom-sm-150 {
        padding-bottom: 150px;
    }
}

@media (min-width: 992px) {
    .no-padding-md {
        padding: 0;
    }

    .no-padding-md-left {
        padding-left: 0;
    }

    .no-padding-md-top {
        padding-top: 0;
    }

    .no-padding-md-right {
        padding-right: 0;
    }

    .no-padding-md-bottom {
        padding-bottom: 0;
    }

    .padding-md-5 {
        padding: 5px;
    }

    .padding-left-md-5 {
        padding-left: 5px;
    }

    .padding-top-md-5 {
        padding-top: 5px;
    }

    .padding-right-md-5 {
        padding-right: 5px;
    }

    .padding-bottom-md-5 {
        padding-bottom: 5px;
    }

    .padding-md-10 {
        padding: 10px;
    }

    .padding-left-md-10 {
        padding-left: 10px;
    }

    .padding-top-md-10 {
        padding-top: 10px;
    }

    .padding-right-md-10 {
        padding-right: 10px;
    }

    .padding-bottom-md-10 {
        padding-bottom: 10px;
    }

    .padding-md-15 {
        padding: 15px;
    }

    .padding-left-md-15 {
        padding-left: 15px;
    }

    .padding-top-md-15 {
        padding-top: 15px;
    }

    .padding-right-md-15 {
        padding-right: 15px;
    }

    .padding-bottom-md-15 {
        padding-bottom: 15px;
    }

    .padding-md-20 {
        padding: 20px;
    }

    .padding-left-md-20 {
        padding-left: 20px;
    }

    .padding-top-md-20 {
        padding-top: 20px;
    }

    .padding-right-md-20 {
        padding-right: 20px;
    }

    .padding-bottom-md-20 {
        padding-bottom: 20px;
    }

    .padding-md-30 {
        padding: 30px;
    }

    .padding-left-md-30 {
        padding-left: 30px;
    }

    .padding-top-md-30 {
        padding-top: 30px;
    }

    .padding-right-md-30 {
        padding-right: 30px;
    }

    .padding-bottom-md-30 {
        padding-bottom: 30px;
    }

    .padding-md-40 {
        padding: 40px;
    }

    .padding-left-md-40 {
        padding-left: 40px;
    }

    .padding-top-md-40 {
        padding-top: 40px;
    }

    .padding-right-md-40 {
        padding-right: 40px;
    }

    .padding-bottom-md-40 {
        padding-bottom: 40px;
    }

    .padding-md-50 {
        padding: 50px;
    }

    .padding-left-md-50 {
        padding-left: 50px;
    }

    .padding-top-md-50 {
        padding-top: 50px;
    }

    .padding-right-md-50 {
        padding-right: 50px;
    }

    .padding-bottom-md-50 {
        padding-bottom: 50px;
    }

    .padding-md-60 {
        padding: 60px;
    }

    .padding-left-md-60 {
        padding-left: 60px;
    }

    .padding-top-md-60 {
        padding-top: 60px;
    }

    .padding-right-md-60 {
        padding-right: 60px;
    }

    .padding-bottom-md-60 {
        padding-bottom: 60px;
    }

    .padding-md-70 {
        padding: 70px;
    }

    .padding-left-md-70 {
        padding-left: 70px;
    }

    .padding-top-md-70 {
        padding-top: 70px;
    }

    .padding-right-md-70 {
        padding-right: 70px;
    }

    .padding-bottom-md-70 {
        padding-bottom: 70px;
    }

    .padding-md-80 {
        padding: 80px;
    }

    .padding-left-md-80 {
        padding-left: 80px;
    }

    .padding-top-md-80 {
        padding-top: 80px;
    }

    .padding-right-md-80 {
        padding-right: 80px;
    }

    .padding-bottom-md-80 {
        padding-bottom: 80px;
    }

    .padding-md-90 {
        padding: 90px;
    }

    .padding-left-md-90 {
        padding-left: 90px;
    }

    .padding-top-md-90 {
        padding-top: 90px;
    }

    .padding-right-md-90 {
        padding-right: 90px;
    }

    .padding-bottom-md-90 {
        padding-bottom: 90px;
    }

    .padding-md-100 {
        padding: 100px;
    }

    .padding-left-md-100 {
        padding-left: 100px;
    }

    .padding-top-md-100 {
        padding-top: 100px;
    }

    .padding-right-md-100 {
        padding-right: 100px;
    }

    .padding-bottom-md-100 {
        padding-bottom: 100px;
    }
}
/*  
    Responsive styles
    --------------
    Contents
    ========
    min-width: 481px
    max-width: 767px
    min-width: 768px
    min-width: 992px
    min-width: 1200px
    max-width: 480px
    Blended
    Animation delays
*/
/*
min-width: 481px
 -------------------------
 */
@media (min-width: 481px) {
    .hs-text-2 {
        font-size: 60px;
        line-height: 1.3;
    }

    .hs-text-4 {
        font-size: 36px;
        line-height: 1.3;
    }

    .hs-text-7 {
        font-size: 48px;
        line-height: 1.4;
    }

    .hs-text-10 {
        font-size: 50px;
        line-height: 1.2;
    }

    .hs-text-11 {
        font-size: 55px;
        line-height: 1;
    }

    .hs-text-12 {
        font-size: 54px;
        line-height: 1.2;
    }

    .hs-text-14 {
        font-size: 32px;
        line-height: 1.3;
    }

    .process-labels span {
        opacity: 1;
    }

    .line-process-mood .owl-dot {
        height: 120px;
        width: 120px;
        -webkit-transform: translateX(-60px) translateY(-90px);
        -ms-transform: translateX(-60px) translateY(-90px);
        transform: translateX(-60px) translateY(-90px);
    }

        .line-process-mood .owl-dot span {
            -webkit-transform: translateX(60px) translateY(90px);
            -ms-transform: translateX(60px) translateY(90px);
            transform: translateX(60px) translateY(90px);
        }
}
/*
max-width: 767px
 -------------------------
 */
@media (max-width: 767px) {
    .navbar-nav {
        overflow: hidden;
    }

        .navbar-nav > li > a {
            line-height: 21px;
        }

            .navbar-nav > li > a:hover,
            .navbar-nav > li > a:focus {
                background-image: none;
            }

        .navbar-nav > li:first-child > a {
            padding-top: 30px;
        }

        .navbar-nav > li:last-child > a {
            padding-bottom: 30px;
        }

        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px;
        }
}
/*
min-width: 768px
 -------------------------
 */
@media screen and (min-width: 768px) {
    h1 {
        font-size: 1.785em;
        /* 1.785x body copy size = 25px */
    }

    h2 {
        font-size: 1.571em;
        /* 1.571x body copy size = 22px */
    }

    h3 {
        font-size: 2em;
        /* 1.357 body copy size = 19px */
        /* 25px / 22px */
    }

    h4 {
        font-size: 1.214em;
        /* 1.214x body copy size = 17px */
    }

    h5 {
        font-size: 1.0714em;
        /* 1.0714x body copy size = 15px */
    }

    h6 {
        font-size: 1em;
        /* 1.x body copy size = 14px */
    }

    .hs-text-2 {
        font-size: 75px;
        line-height: 1.3;
    }

    .hs-text-10 {
        font-size: 80px;
        line-height: 1.2;
    }

    .hs-text-11 {
        font-size: 75px;
        line-height: 1;
    }

    .hs-content-inner {
        padding: 0 70px;
        position: absolute;
        bottom: 150px;
    }

        .hs-content-inner.text-left > div {
            margin-left: 0;
        }

        .hs-content-inner.text-right > div {
            margin-right: 0;
        }

    .as-indicators {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

/* ---- OWL Startpage ---- */

#owl-projectcampaign {
    margin-top: 75px;
    min-height: 550px;
}

@media (max-width: 767px) {
    #owl-projectcampaign {
        margin-top: 50px;
    }
}

#owl-projectcampaign .item img {
    display: block;
    width: 100%;
    height: auto;
}

.bg-dark-green {
    background-color: rgba(17,61,62,0.1);
}

@media (min-width:960px) {

    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .fade-left-green {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cbd5cc+0,d6e1d7+15,d6e1d7+100 */
        background: #d6e1dB; /* Old browsers */
        background: -moz-linear-gradient(left, #d6e1dB 0%, #d6e1d7 15%, #d6e1d7 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #d6e1dB 0%,#d6e1d7 15%,#d6e1d7 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #d6e1dB 0%,#d6e1d7 15%,#d6e1d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e1dB', endColorstr='#d6e1d7',GradientType=1 ); /* IE6-9 */
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media (max-width:959px) {

    .fade-left-green {
        padding-left: 40px;
        padding-right: 40px;
    }
}

.lineheader {
    width: 100px;
    border-top: 3px solid ##007060;
    ;
    margin-bottom: 20px;
}

/* Tooltip */


/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
    position: relative;
    cursor: pointer;
}

    /* Base styles for the entire tooltip */
    [data-tooltip]:before,
    [data-tooltip]:after,
    .tooltip:before,
    .tooltip:after {
        position: absolute;
        visibility: hidden;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
        -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
        transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        pointer-events: none;
    }

    /* Show the entire tooltip on hover and focus */
    [data-tooltip]:hover:before,
    [data-tooltip]:hover:after,
    [data-tooltip]:focus:before,
    [data-tooltip]:focus:after,
    .tooltip:hover:before,
    .tooltip:hover:after,
    .tooltip:focus:before,
    .tooltip:focus:after {
        visibility: visible;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    /* Base styles for the tooltip's directional arrow */
    .tooltip:before,
    [data-tooltip]:before {
        z-index: 1001;
        border: 6px solid transparent;
        background: transparent;
        content: "";
    }

    /* Base styles for the tooltip's content area */
    .tooltip:after,
    [data-tooltip]:after {
        z-index: 1000;
        padding: 20px;
        width: 260px;
        background-color: #666666;
        background-color: rgba(78,77,77,0.95);
        color: #fff;
        content: attr(data-tooltip);
        font-size: 14px;
        line-height: 1.4;
    }

    /* Directions */

    /* Top (default) */
    [data-tooltip]:before,
    [data-tooltip]:after,
    .tooltip:before,
    .tooltip:after,
    .tooltip-top:before,
    .tooltip-top:after {
        bottom: 100%;
        left: 50%;
    }

    [data-tooltip]:before,
    .tooltip:before,
    .tooltip-top:before {
        margin-left: -6px;
        margin-bottom: -12px;
        border-top-color: #000;
        border-top-color: hsla(0, 0%, 20%, 0.9);
    }

    /* Horizontally align top/bottom tooltips */
    [data-tooltip]:after,
    .tooltip:after,
    .tooltip-top:after {
        margin-left: -130px;
    }

    [data-tooltip]:hover:before,
    [data-tooltip]:hover:after,
    [data-tooltip]:focus:before,
    [data-tooltip]:focus:after,
    .tooltip:hover:before,
    .tooltip:hover:after,
    .tooltip:focus:before,
    .tooltip:focus:after,
    .tooltip-top:hover:before,
    .tooltip-top:hover:after,
    .tooltip-top:focus:before,
    .tooltip-top:focus:after {
        -webkit-transform: translateY(-12px);
        -moz-transform: translateY(-12px);
        transform: translateY(-12px);
    }

/* Left */
.tooltip-left:before,
.tooltip-left:after {
    right: 100%;
    bottom: 50%;
    left: auto;
}

.tooltip-left:before {
    margin-left: 0;
    margin-right: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-left-color: #000;
    border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
    -webkit-transform: translateX(-12px);
    -moz-transform: translateX(-12px);
    transform: translateX(-12px);
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
    top: 100%;
    bottom: auto;
    left: 50%;
}

.tooltip-bottom:before {
    margin-top: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-bottom-color: #000;
    border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    transform: translateY(12px);
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
    bottom: 50%;
    left: 100%;
}

.tooltip-right:before {
    margin-bottom: 0;
    margin-left: -12px;
    border-top-color: transparent;
    border-right-color: #000;
    border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
    -webkit-transform: translateX(12px);
    -moz-transform: translateX(12px);
    transform: translateX(12px);
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
    top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
    margin-left: 0;
    margin-bottom: -16px;
}



.icon {
    width: 44px;
    height: 44px;
    background-color: #B0c4B8;
    border-radius: 50%;
}

    .icon:hover {
        background-color: ##007060;
        ;
    }

    .icon img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

.load-inside a {
    font-size: 20px;
    color: black;
    margin-top: 0;
    font-weight: 200;
    border: 1px solid black;
    padding: 1%;
    padding-right: 20px;
    padding-left: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
}

    .load-inside a:hover {
        background-color: black;
        color: white;
        text-decoration: none;
    }


/*TENANT LAYOUT*/

section {
    min-height: 100%;
}

.green-background {
    background-color: rgba(81,102,121,0.06);
}

.img-center {
    margin: 0 auto;
}

.tenant-layout, .tenant-landing-page {
    color: #444444;
}

    .tenant-landing-page .form-control {
        display: block;
        width: 100%;
        height: 100% !important;
        padding: 10px 30px;
        font-size: 1.7em;
        line-height: 1.428571429;
        color: #333333 !important;
        vertical-align: middle;
        background-color: #ffffff;
        border: 1px solid #555555;
        border-radius: 15px;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    }

@media (max-width: 767px) {
    .tenant-landing-page .form-control {
        display: block;
        width: 100%;
        height: 100% !important;
        padding: 5px 15px;
        font-size: 1.2em;
        line-height: 1.428571429;
        color: #333333 !important;
        vertical-align: middle;
        background-color: #ffffff;
        border: 1px solid #555555;
        border-radius: 15px;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    }
}


.tenant-layout .list-group-item {
    position: relative;
    display: block;
    padding: 5px 5px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 0px solid #ddd;
}

.tenant-layout h2 {
    font-family: "Noe Display Medium", sans-serif;
    font-size: 2em;
}

.tenant-layout h3 {
    font-size: 1.4em;
    font-weight: 200;
    padding-bottom: 10px;
    padding-top: 10px;
}

.tenant-layout h4 {
    margin-top: 30px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.tenant-layout h1 {
    font-family: "Noe Display Medium", sans-serif;
    font-size: 3.5em;
    font-weight: 200;
    color: #007060 !important;
}

@media (max-width: 767px) {
    .tenant-layout h1 {
        font-family: "Noe Display Medium", sans-serif;
        font-size: 2.5em;
        color: #007060 !important;
    }
}

.tenant-landing-page h1 {
    font-family: "Noe Display Medium", sans-serif;
    font-size: 2.5em;
    color: #007060 !important;
}

@media (max-width: 767px) {
    .tenant-landing-page h1 {
        font-family: "Noe Display Medium", sans-serif;
        font-size: 1.7em;
        color: #007060 !important;
    }
}

.tenant-landing-page h2 {
    font-family: "Noe Display Medium", sans-serif;
    font-size: 1.8em;
    color: #007060 !important;
}

@media (max-width: 767px) {
    .tenant-landing-page h2 {
        font-family: "Noe Display Medium", sans-serif;
        font-size: 1.4em;
        color: #007060 !important;
    }
}


.tenant-layout .ingress {
    font-size: 1.2em;
}

@media (max-width: 767px) {
    .tenant-layout .ingress {
        font-size: 1em;
    }
}

.tenant-facts {
    font-size: 1.1em;
}

ul.tenant-nav {
    padding: 0 !important;
    margin: 0 !important;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

    ul.tenant-nav a {
        color: #555555
    }

.vertical-align {
    display: flex;
    align-items: center;
    min-height: 150px;
}

.icon-button {
    cursor: pointer;
    margin-bottom: 0;
    min-height: 190px;
}

@media (max-width: 767px) {
    .vertical-align {
        display: flex;
        align-items: center;
        min-height: 0;
    }

    .icon-button {
        cursor: pointer;
        margin-bottom: 0;
        min-height: 0;
    }
}


.vertical-align > h2 {
    font-size: 1.4em;
    font-weight: lighter;
}

.icon-button .hoverline {
    height: 6px;
    min-width: 100%;
    margin-top: 5px;
    margin-bottom: 20px;
}

.icon-button:hover .hoverline {
    height: 6px;
    background-color: #007060;
    width: 100%;
}

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

    .vertical-align > h2 {
        font-size: 1.1em;
        font-weight: lighter;
    }
}

.wow {
    visibility: hidden;
}