/* ==========================================================================
   Navigation Styles
   ========================================================================== */

/*.nav { display:none; margin-right:20px;}*/

.nav > li > a {
    color: #ffffff;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.50);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.nav > li > a:hover, .nav > li > a:focus, .nav > li.active > a {
    background-color: transparent;
    color: #ffffff; /* #a20025; /* #4289ba */
    border-bottom: 3px solid #9dc6ce; /* #a20025; */
    text-decoration: none;
}

.navbar {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #1e2028; /* rgba(0, 114, 198, 0.83);*/
}

/*menu after scroll*/
/*header nav {*/
/*.hasScrolled {
    padding-top: 0px;
    
}*/

/*.navbar-header img {*/

.hasScrolledheader {
    background: #1e2028; /* rgba(0, 114, 198, 0.83);*/
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    /* padding-top: 0px; */
    height: 60px; /* 54px; */
}

.hasScrolledbody {
    /* padding-top: 180px; */
}

#pre-menu { color: #ffffff; cursor: pointer; }

.btn-pre-menu {
    position: relative;
    /* float: right; */
    /* margin-right: 15px; */
    padding: 9px 10px;
    /* margin-top: 8px; */
    margin-bottom: 8px;
    /* background-color: transparent; */
    /* background-image: none; */
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: transparent;
}

.btn-pre-menu:hover span.icon-bar {
    background-color: #333333;
}

.navbar-brand {
    padding: 10px 15px;
}

/*.navbar-header button { margin-top: 0px; }*/

@media (max-width: 991px) {

    header {
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
        /* border-width: 0 0 1px; */
    }

    nav.navbar-collapse {
        top: 0;
        position: absolute;
        right: 0;
    }

    header nav {
        padding-top: 0px;
    }

    .navbar { height: 60px; }

}

.nav > li > a {
    font-size: 17px;
}

@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 19px;
        padding-bottom: 16px;
    }
}

/*@media (max-width: 991px) {
    nav {

        background-color: rgba(0,0,0,0.9);
        margin-top: 59px;
        margin-right: 13px;

    }

    .hasScrolledimg {

    }
}*/
@media (max-width: 995px) {
    .hasScrolledimg {
        position: relative;
        float: left;
        margin-left: 15px;
    }
}

@media (max-width: 991px) {

    .hasScrolledimg {
        /*width: 50%;
        padding-top: 6px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;*/
    }

}

@media (max-width: 991px) {
    /*.nav.navbar-nav.navbar-right {*/
    /*display: none !important;*/
    /*}*/
    /*.navbar-toggle {*/
    /*display: block !important;*/
    /*}*/
}

@media (min-width: 768px) {
}

@media (max-width: 991px) {
    .col- * {
        padding: 0 30px;
    }

    #menu-navbar-collapse {
        background: #1e2028;
    }
}

@media (min-width:768px) and (max-width:991px) {

    #menu-navbar-collapse {
        margin-top: 5px;
    }
}

@media (max-width: 767px) {
    #menu-navbar-collapse {
        margin: 5px -31px 0;
    }
}

@media (min-width: 768px) {
    .navbar-right {
        margin-right:0 !important;
    }
}

/*@media (min-width: 768px) {
    .navbar-toggle {
        display: block !important;
    }
}

@media (min-width: 992px) {
    .navbar-toggle {
        display: none !important;
    }
}*/





@media (max-width: 991px) {

    .dropdown-menu>li>a {
        color:#ffffff;
    }

    .nav > li > a:hover, .nav > li > a:focus, .nav > li.active > a {
        border-bottom: none;
    }
}

@media screen and (max-width: 1199px) {
    .padding50 {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .padding30 {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    }

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        /*margin: 7.5px -15px;*/
    }

    .navbar-nav > li {
        float: none;
    }

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

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }
}