/*

DirectMail Style Sheet/Home - Innate
--------------------------------------------*/

.featured {
    overflow: visible !important;
    margin-bottom: 0 !important;
    height: 70px;
}

    .featured h2 {
        float: left;
        margin-top: -40px;
        padding-right: 15px;
        background: #fff;
    }


/* Owl */

.carouselContainer {
    width: 100%;
    margin: 11px 0 30px 11px;
    padding: 0;
    background: url(/files/images/backgrounds/bkg-breadcrumb.gif);
}

.owl-carousel {
    position: relative;
    top: -11px;
    left: -11px;
    z-index: 0;
    width: 99%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.owl-theme {
    position: relative;
}

    .owl-theme .owl-controls {
        position: absolute;
        bottom: 5px;
        right: 10px;
        width: 100%;
        text-align: center;
        -webkit-tap-highlight-color: transparent;
        margin: 0;
    }

        .owl-theme .owl-controls .owl-nav [class*='owl-'] {
            overflow: hidden;
            display: block;
            position: absolute;
            top: -190px;
            width: 38px;
            height: 66px;
            background: url(/files/images/backgrounds/bkg-carousel-arrow.png) no-repeat center center;
            text-indent: -1000px;
        }

    .owl-theme .owl-nav, .owl-theme .owl-dots, .owl-theme .owl-dots .owl-dot {
        margin: 0;
    }

    .owl-theme .owl-dots {
        float: right;
    }

    .owl-theme .owl-nav {
        position: relative;
    }

    .owl-theme .owl-prev {
        left: 20px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .owl-theme .owl-next {
        right: 0;
    }

    .owl-theme .owl-controls .owl-nav [class*='owl-']:hover {
    }

    .owl-theme .owl-controls .owl-nav .disabled {
        opacity: 0.5;
        cursor: default;
    }

    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        /**display: inline;*/
    }

        .owl-theme .owl-dots .owl-dot span {
            width: 15px;
            height: 15px;
            margin: 0 3px;
            background: #fff;
            background: rgba(255,255,255,0.7);
            display: block;
            -webkit-backface-visibility: visible;
            -webkit-transition: opacity 200ms ease;
            -moz-transition: opacity 200ms ease;
            -ms-transition: opacity 200ms ease;
            -o-transition: opacity 200ms ease;
            transition: opacity 200ms ease;
        }

        .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
            background: #ff8b00;
        }


    .owl-theme .owl-item div {
        display: block;
        float: left;
        padding-bottom: 0;
        background: #fff;
    }

        .owl-theme .owl-item div strong {
            position: absolute;
            top: 80px;
            left: 60px;
            display: inline-block;
            font-family: Helvetica, Arial, sans-serif;
            font-weight: bold;
            color: #fff;
            font-size: 50px;
            font-size: 5.0rem;
            line-height: 1;
        }

            .owl-theme .owl-item div strong span {
                display: block;
                font-size: 25px;
                font-size: 2.5rem;
                border-left: 0;
                color: #fff200;
            }

        .owl-theme .owl-item div span.viewProject {
            top: 100px;
            left: 30px;
            font-weight: normal;
            font-size: 1.8rem;
            color: #e85d00;
        }

        .owl-theme .owl-item div img {
            position: relative;
            left: 0;
            top: 0;
            max-width: 100%;
            height: auto;
        }

.geoInsightText {
    display: inline-block !important;
    max-width: 210px !important;
    margin-top: 10px;
    margin-bottom: -15px;
    margin-right: 25px;
}

/* Clients */

.clients {
    overflow: hidden;
    float: left;
    width: 100%;
    height: 90px;
    margin: 0;
    padding: 0;
}

    .clients ul {
        display: block;
        margin: 0;
        padding: 0;
    }

    .clients li {
        display: table-cell;
        vertical-align: middle;
        width: auto;
        height: 88px;
        padding: 0 10px 0 0;
    }

#group1 li {
    padding: 0 40px 0 0;
}

#group2 li {
    padding: 0 40px 0 0;
}

#group3 li {
    padding: 0 40px 0 0;
}

#group4 li {
    padding: 0 40px 0 0;
}

#group5 li {
    padding: 0 40px 0 0;
}

#group6 li {
    padding: 0 40px 0 0;
}

/* 40 Years */

.fortyYears {
    float: left;
    width: 100%;
    margin: 20px 0 0 !important;
    padding: 50px 0 0 !important;
}

    .fortyYears img {
        float: left;
        margin-right: 40px;
    }

    .fortyYears p {
        float: left;
        width: 270px;
        font-size: 17px;
        font-size: 1.7rem;
        font-style: normal;
        font-family: 'Foundation Sans Regular';
        color: #7dcdff;
        line-height: 1.7;
    }

        .fortyYears p em {
            font-style: normal;
            font-family: 'Foundation Sans Regular Italic';
        }

.sidebar .btnLink {
    bottom: 0;
}


/* Small Screen Mobile */

@media only screen and (max-width: 667px) {
    /* Start of Media Query */

    .owl-theme .owl-item div strong {
        position: absolute;
        top: 20px;
        left: 30px;
        display: inline-block;
        width: 220px;
        font-family: Helvetica, Arial, sans-serif;
        font-weight: bold;
        color: #fff;
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1;
    }

        .owl-theme .owl-item div strong span {
            display: block;
            font-size: 1.4rem;
            border-left: 0;
            color: #fff200;
        }

    .clients {
        height: 130px;
        padding-top: 20px;
    }

        .clients > div {
            float: left;
            clear: both;
            margin-bottom: 100px;
        }

        .clients ul {
            width: 100%;
            padding: 0 33px;
        }

        .clients li {
            float: left;
            width: 21%;
            height: 80px !important;
            padding-right: 33px !important;
        }

        .clients ul li:nth-child(4) {
            padding-left: 33px !important;
        }

        .clients img {
            max-width: 100%;
        }

    /* End of Media Query */
}