﻿#ControlBar, #ControlBar *, .actionMenu * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

body{
    background-color:#fff;
}

.dispnon {
    display: none
}

p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1.0em;
}

.lead {
    font-size: 1.3em;
}

.container-top {
    background: #fff;
    height: 10px;
}

.container-bottom {
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1.1em;
    color: #000;
    text-align: center;
    padding: 15px 0 15px 0;
}

.navbar-inverse {
    background: #000;
    padding: 0;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.1em;
    letter-spacing: 2px;
    border: none;
}

    .navbar-inverse a.navbar-brand {
        padding: 10px;
    }

    .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
        background-color: #fff;
    }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: inherit;
    }

.navbar-inverse {
    border-color: inherit;
}

    .navbar-inverse .navbar-brand {
        color: #999999;
    }

        .navbar-inverse .navbar-brand:hover {
            color: #FFFFFF;
        }

    .navbar-inverse .navbar-nav > li {
    }

        .navbar-inverse .navbar-nav > li > a {
            color: #fff;
            transition: color 0.5s;
        }

            .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
                background: #fff;
                color: #000;
            }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        color: #000;
    }

        .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
            color: #000;
        }

.dropdown-menu > li > a {
    color: #333333;
}

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        color: #FFFFFF;
    }

.navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-top-color: #999999;
}

.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
    border-top-color: #FFFFFF;
}

.navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-bottom-color: #999999;
}

.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
    border-bottom-color: #FFFFFF;
}

.navbar-toggle {
    background-color: #333333;
}

.nav {
    padding: 0 20px;
}

.slide-container {
    position: relative;
}

.inner-slide-container {
    background: rgba(0,0,0,.4);
    position: absolute;
    top: 50%;
    left: 50%;
    height: 300px;
    width: 50%;
    margin: -15% 0 0 -25%;
}

.carousel-control {
    opacity: 1;
    filter: alpha(opacity=100);
}

    .carousel-control:hover,
    .carousel-control:focus {
        opacity: 1;
        filter: alpha(opacity=100);
        outline: 0;
    }

    .carousel-control.left {
        background-image: none;
        font-size: 2em;
    }

    .carousel-control.right {
        background-image: none;
        font-size: 2em;
    }

.headline {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 2.6em;
    letter-spacing: 2px;
    color: white;
    text-align: center;
    padding: 10px 0;
    width: 80%;
    margin: 0 auto;
    border-bottom: 1px solid white;
}

.headline-detail {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1.3em;
    color: white;
    text-align: center;
    padding: 10px 0;
    width: 80%;
    margin: 0 auto;
}

.headline-nav {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.btn-headline {
    width: 165px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1.3em;
    text-decoration: none;
    color: #428bca;
}

.btn-headline:hover {    
    color: #428bca;
}

.btn-contact {
    width: 165px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1.3em;
    text-decoration: none;
    color: #fff;
}
@media screen and (min-width: 768px) {
    .navbar-inverse .navbar-nav > li > a {
            color: #fff;
            transition: color 0.5s;
            line-height: 80px;
        }
}

@media screen and (max-width: 768px) {
    .inner-slide-container {
        background: rgba(0,0,0,.4);
        position: absolute;
        top: 0;
        left: 0;
        height: 50%;
        width: 100%;
        margin: 10% 0;
    }

    .headline {
        font-size: 1.1em;
    }

    .headline-detail {
        font-size: .8em;
    }

    .btn-headline {
        width: 37%;
        font-size: .8em;
    }        
}

.why-headline {
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 1.8em;
    letter-spacing: 2px;
    color: #000;
    padding-top: 20px;
}

    .why-headline > span {
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-size: .7em;
        color: #8d8a8a;
        display: block;
    }

.container-testimonials {
    background: #3D2117;
}

.testimonial {
    color: white;
}

    .testimonial > p {
        font-style: italic;
        font-size: 1.2em;
    }

.testimonial-headline {
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 1.8em;
    letter-spacing: 2px;
    color: white;
}

.container-footer {
    background-color: #000;
    padding: 20px 0 50px 0;
    color: #fff;
}

.footer-pills > li > a {
    color: #fff;
}

    .footer-pills > li > a:hover {
        background-color: #fff;
        color: #000;
    }

.page-header {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 1.8em;
    letter-spacing: 2px;
    color: #000;
}

.services > .active {
    font-weight: bold;
    font-size: 1.2em;
}

    .services > .active > a:hover {
        text-decoration: none;
    }
