﻿
.landing-page {
    color: black;
    font-family: 'Open Sans', helvetica, arial, sans-serif;
    background-color: #fff;
    font-size: 15px;
    margin-bottom: 40px;
}

    .landing-page .carousel {
        height: 470px;
    }

    .landing-page .carousel-caption {
        z-index: 10;
    }

    .landing-page .carousel .item {
        height: 470px;
        background-color: #777;
    }

    .landing-page .carousel h2 i {
        font-style: normal;
    }

    .landing-page .carousel-inner > .item > img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        height: 470px;
    }

    .landing-page .carousel-fade .carousel-inner .item {
        opacity: 0;
        -webkit-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 2s;
        -moz-transition-duration: 2s;
        -o-transition-duration: 2s;
        transition-duration: 2s;
        -webkit-transition-timing-function: linear;
        -moz-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        transition-timing-function: linear;
    }

    .landing-page .carousel-fade .carousel-inner .active {
        opacity: 1;
    }

        .landing-page .carousel-fade .carousel-inner .active.left,
        .landing-page .carousel-fade .carousel-inner .active.right {
            left: 0;
            opacity: 0;
            z-index: 1;
        }

    .landing-page .carousel-fade .carousel-inner .next.left,
    .landing-page .carousel-fade .carousel-inner .prev.right {
        opacity: 1;
    }

    .landing-page .carousel-fade .carousel-control {
        z-index: 2;
    }

    .landing-page .carousel-control.left,
    .landing-page .carousel-control.right {
        background: none;
    }

    .landing-page .carousel-control {
        width: 6%;
    }

    .landing-page .carousel-inner .container {
        position: relative;
        overflow: visible;
    }

    .landing-page .carousel-inner {
        overflow: visible;
    }

    .landing-page .carousel-caption {
        position: absolute;
        top: 100px;
        left: 0;
        bottom: auto;
        right: auto;
        text-align: left;
    }

    .landing-page .carousel-caption {
        position: absolute;
        top: 100px;
        left: 0;
        bottom: auto;
        right: auto;
        text-align: left;
    }

        .landing-page .carousel-caption.blank {
            top: 140px;
        }

    .landing-page .carousel-image {
        position: absolute;
        right: 10px;
        top: 150px;
    }

    .landing-page .carousel-indicators {
        padding-right: 60px;
    }

    .landing-page .carousel-caption h1 {
        font-weight: 700;
        font-size: 38px;
        text-transform: uppercase;
        text-shadow: none;
        letter-spacing: -1.5px;
    }

    .landing-page .carousel-caption p {
        font-weight: 700;
        text-transform: uppercase;
        text-shadow: none;
    }


@media (min-width: 768px) {
    .landing-page {
        /* Navbar positioning foo */
        /* The navbar becomes detached from the top, so we round the corners */
        /* Bump up size of carousel content */
    }

        .landing-page .carousel-caption p {
            margin-bottom: 20px;
            font-size: 14px;
            line-height: 1.4;
        }
}

@media (max-width: 992px) {
    .landing-page .carousel-image {
        display: none;
    }
}

@media (max-width: 768px) {
    .landing-page .carousel-caption,
    .landing-page .carousel-caption.blank {
        left: 5%;
        top: 80px;
    }

        .landing-page .carousel-caption h1 {
            font-size: 28px;
        }

    .landing-page .carousel-control {
        display: none;
    }
}

.carousel-caption * {
    color: white;
}


.landing-page .header-back {
    height: 470px;
    width: 100%;
}

    .landing-page .header-back.one {
        background: url('/images/header_one.jpg') 50% 0 no-repeat;
    }

    .landing-page .header-back.two {
        background: url('/images/header_two.jpg') 50% 0 no-repeat;
    }

@media (min-width: 1200px) {
    .landing-page .container {
        width: 1170px;
    }
}




.pace-done .navbar-static-side, .pace-done .nav-header, .pace-done li.active, .pace-done #page-wrapper, .pace-done .footer {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
