@charset "UTF-8";
/* CSS Document */

.navbar-tagline {
    color: #ffffff;
    font-size: 9px;
    text-align: center;
    line-height: 1.25;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: -15px;
    margin-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    height: 10px;

}
.navbar-inverse .navbar-brand {
    color: #ffffff;
}

a.navbar-brand {
    padding: 1px;
}
.navbar-inverse .navbar-brand p {
    margin-right: auto;
    margin-left: auto;
}
.navbar-social {
    float: right;
}

@media (min-width: 768px) {
    .nav-spacer {
        height: 85px;
    }
    .navbar-header {
        float: none;
    }
    .nav-icon {
        margin-left: auto;
        margin-right: auto;
        max-width: 220px;
        max-height: 100px;
        text-align: center;
        margin-top: -7px;
    }
    .navbar-inverse .navbar-brand, .navbar > .container-fluid .navbar-brand {

        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .nav-logo {
        max-height: 75px;
        margin-left: auto;
        margin-right: auto;
    }
    .navbar-rightlock {
        position: absolute;
        top: 5px;
        right: 5px;
    }

    .navbar-leftlock {
        position: absolute;
        top: 5px;
        left: 5px;
    }

    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-form > .form-control {
        height: 27px;
    }





}

@media (max-width: 767px) {
    .nav-spacer {
        height: 5px;
    }
    .navbar-rightlock {
        margin-left: 5px;
    }
    .navbar-leftlock {
        margin-left: 5px;
    }
    .navbar-band {
        position: static;
    }
    .nav-logo {
        max-height: 40px;
        margin-top: 5px;
        padding-top: 5px;
        padding-left: 5px;
        padding-bottom: 1px;
    }
    .navbar-tagline {
        position: absolute;
        margin-top: 1px;
        left: 5px;
        top: 1px;
        height: 20px;
        font-size: 7px;
    }
    .navbar-social {
        float: left;
    }
}

/* --- EXPANDING SEARCH --- */




.search-container{
    width:300px;
    margin:1px auto;
}

.searchbox{
    position:relative;
    min-width:25px;
    width:0%;
    height:30px;
    float:right;
    overflow:hidden;

    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.searchbox-input{
    top:0;
    right:0;
    border:0;
    outline:0;
    background:#dcddd8;
    width:100%;
    height:25px;
    margin:0;
    padding:0px 30px 0px 5px;
    font-size:10px;
    color:red;
    border-radius: 3px;
}
.searchbox-input::-webkit-input-placeholder {
    color: #d74b4b;
}
.searchbox-input:-moz-placeholder {
    color: #d74b4b;
}
.searchbox-input::-moz-placeholder {
    color: #d74b4b;
}
.searchbox-input:-ms-input-placeholder {
    color: #d74b4b;
}

.searchbox-icon,
.searchbox-submit{
    width:25px;
    height:26px;
    display:block;
    position:absolute;
    top:0;
    font-size:12px;
    right:0;
    padding:1px;
    margin:0;
    border:0;
    outline:0;
    line-height:10px;
    text-align:center;
    cursor:pointer;
    color:#dcddd8;
    background: rgb(34, 34, 34);
}



.searchbox-open{
    width:100%;
}




/* ########## Navigation ########### OLD */
.navbar-leftlock a, .navbar-leftlock > a:active, .navbar-leftlock > a:visited {
    color: rgba(220, 220, 220, 1);
    text-decoration: none;
}
.navbar-leftlock a:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;

}

.navbar {
    background-image: none;
}

.navbar-search {
    padding: 0px;
    margin-right: 3px;
    margin-left: 1px;
}

.form-search {
    padding: 0px 0px 0px 2px;
}

.navbar-nav > li > a, .navbar-leftlock > a {
    font-family: "Raleway", Arial, Helvetica, sans-serif;
}

@media (min-width: 768px) and (max-width: 840px) {
    .navbar-nav > li > a {
        font-size: 13px;
    }
}

.nav > li > a {
    padding-left: 7px;
    padding-right: 7px;
}

.navbar-inverse .navbar-nav > li > a {
    color: rgba(220, 220, 220, 1);
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: rgba(0, 0, 0, 1);
    background-image: none;
}

/* ########## Navigation END ########### */