/* GLOBAL STYLES */
html,
body {
    height: 100%;
}
body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    font-family: 'Arial', sans-serif;
}
.img-portfolio {
    margin-bottom: 30px;
}
.img-hover:hover {
    opacity: 0.8;
}
.no-padding{
    padding: 0 !important;
}
.no-margin{
    margin: 0 !important;
}
.uppercase{
    text-transform: uppercase;
}

/*NAV */
    .navbar-inverse {
        background-color: transparent;
        background: linear-gradient(to bottom, #06F, #006);
        background: -moz-linear-gradient(top, #06F, #006);
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#06F), to(#006));
        background: -webkit-linear-gradient(top, #06F, #006);
        background: -o-linear-gradient(top, #06F, #006);
    }
    .navbar-inverse .navbar-nav>li>a {
        color: #fff;
    }
    .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
        color: #ccc;
        background-color: #06F;
    }
    .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
        background-color: #06F;
    }
    .navbar-brand {
        padding: 5px 15px
    }
    .navbar-brand > img {
        width: 120px;
        height: auto;
    }
    .navbar-inverse .navbar-toggle {
        border-color: #ccc;
    }
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
        background-color: #06F;
    }
    .dropdown-menu>li>a {
        color: #0A25AD;
    }
    @media(max-width:767px) {
        .navbar-brand {
            padding: 2px 15px
        }
        .navbar-brand > img {
            width: 70px;
        }
    }
/*END NAV */

/*HOME PAGE CAROUSEL */
    header.carousel {
        height: 50%;
        min-height: 400px;
    }
    header.carousel .item,
    header.carousel .item.active,
    header.carousel .carousel-inner {
        height: 100%;
    }
    header.carousel .fill {
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
        background-color: #044b9f;
    }
    header.carousel .fill.carrusel_img01 {
        background: url('../img/carrusel_img01.jpg') no-repeat top center #044b9f;
        background-size: auto 550px;
    }
    header.carousel .fill.carrusel_img02 {
        background: url('../img/carrusel_img02.jpg') no-repeat top center #044b9f;
        background-size: auto 450px; 
    }
    header.carousel .fill.carrusel_img03 {
        background: url('../img/carrusel_img03.jpg') no-repeat top center #044b9f;
        background-size: auto 450px; 
    }
    .carousel-indicators {
        width: 100%;
    }
/*END HOME PAGE CAROUSEL */

/*MAIN CONTENT */
    h1.page-header {
        color: #044b9f;
        font-weight: bold;
    }
    h1.page-header.uppercase {
        text-shadow: 1px 1px 1px grey;
    }
    .panel-default {
        min-height: 255px;
    }
    .panel-default>.panel-heading {
        color: #fff;
        background-color: #044b9f;
        border-color: #044b9f;
        border-radius: 0px;
        min-height: 80px;
    }
    .price {
        display: block;
        font-size: 50px;
        line-height: 50px;
    }
    .price sup {
        top: -20px;
        left: 2px;
        font-size: 20px;
    }
    .period {
        display: block;
        font-style: italic;
    }
/*END MAIN CONTENT */

/*FORM*/
    .btn-default {
        color: #06F;
        background-color: #fff;
        border-color: #06F;
        border-radius: 0px;
        min-width: 150px;
    }
    .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
        color: #fff;
        background-color: #06F;
        border-color: #06F;
    }
    .btn-default-inv {
        color: #fff;
        background-color: #06F;
        border-color: #06F;
        border-radius: 0px; 
    }
    .btn-default-inv.active, .btn-default-inv.focus, .btn-default-inv:active, .btn-default-inv:focus, .btn-default-inv:hover, .open>.dropdown-toggle.btn-default-inv {
        color: #06F;
        background-color: #fff;
        border-color: #06F;
    }
    .btn-primary {
        background-color: #06F;
        min-width: 150px;
        border-radius: 0px;
    }
    .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
        color: #CB0602;
    }
    .has-error .form-control {
        border-color: #CB0602;
    }
/*END FORM*/

/*FOOTER */
    footer {
        min-height: 75px;
        margin: 50px 0;
        padding: 10px;
        background-color: #ccc;
    }
    footer img{
        width: 50px;
        height: auto;
        padding-right: 10px;
    }
    footer p{
        font-size: 12px;
    }
/*END FOOTER */

/*RESPONSIVE STYLES */
    @media(max-width:991px) {
        .customer-img,
        .img-related {
            margin-bottom: 30px;
        }
        .btn-default {
            width: 100%;
            height: 60px;
            padding-top: 18px; 
        }
        .btn-primary {
            width: 100%;
            height: 70px;
        }
    }

    @media(max-width:767px) {
        .img-portfolio {
            margin-bottom: 15px;
        }
        header.carousel {
            height:50%;
            min-height: 300px;
        }
        header.carousel .carousel {
            height: 70%;
        }
        header.carousel .fill.carrusel_img01,
        header.carousel .fill.carrusel_img02,
        header.carousel .fill.carrusel_img03  {
            background-size: auto 330px; 
        }
    }
/*END RESPONSIVE STYLES */