body{
	background: #fff;
	margin: 0;
	padding:0;
	font: 14px 'Open Sans', arial, sans-serif;
    overflow-x: hidden;
}



/* ##### NAVBAR ##### */
.navbar {
    /*z-index: 2;
    position: relative;*/
}

.navbar-custom {
    left: 0;
    position: absolute;
    top: 20px;
    width: 100%;
    z-index: 3;
}

.navbar-default {
    background-color: transparent;
    border: none !important;
   
}

.navbar-nav {
    background-color: #0055a8;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-weight: bold;
}

.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
    background-color: #eee;
    color: #0c4883;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    background-color: #eee;
    color: #0c4883;
}

/* ##### SLIDER ##### */

.slider {
    top: 0;
    z-index: 1;
}

.carousel-custom {
    display: block;
    width: 400px;
    background-color: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    float: right;
    left: 60%;
    text-shadow: none;
    text-align: left;
    padding: 10px;
    bottom: 60px;
}

.carousel-custom h2 {
    color: #0c4883;
    margin-top: 0;
}

.carousel-custom p {
    color: #333;
}

@media (max-width: 992px) {
    .carousel-custom {
        display: none !important;
    }
}