/* navbar */
.logo {
    padding-left: 10%;
    padding-top: 3%
}
.logo img { max-width: 200px; margin: 0 auto; }

.navbar-collapse{  
max-height:340px;
padding-right:15px;
padding-left:15px;
overflow-x:visible;
border-top:1px solid transparent;
-webkit-overflow-scrolling:touch

}
.navbar-collapse:before,.navbar-collapse:after{display:table;content:" "}
.navbar-collapse:after{clear:both}
.navbar-collapse:before,
.navbar-collapse:after{display:table;content:" "}
.navbar-collapse:after{clear:both}
.navbar-collapse.in{overflow-y:auto}
@media(min-width:768px)
{
.navbar-collapse{
width:auto;
border-top:0;
box-shadow:none}
.navbar-collapse
.collapse{display:block!important;
height:auto!important;
padding-bottom:0;
overflow:visible!important

}
.navbar-collapse.in{overflow-y:visible}
.navbar-collapse 
.navbar-nav.navbar-left:first-child{margin-left:-15px}
.navbar-collapse 
.navbar-nav.navbar-right:last-child{margin-right:-15px}
.navbar-collapse
 .navbar-text:last-child{margin-right:0}}
 .container>.navbar-header,
 .container>.navbar-collapse{margin-right:-15px;margin-left:-15px}
/* title */
.navbar-default .navbar-brand {
    color: #1f3861 !important;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #1f3861 !important;
	
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #FFF!important;
	background-color: #1f3861!important;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #FFF!important;
    background-color: #1f3861!important;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #FFF!important;
background-color: #1f3861!important;
	
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #000!important;
    border-bottom-color: #000!important;
	
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #000!important;
    border-bottom-color: #000!important;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555!important;
    border-bottom-color: #555!important;
}
/* mobile version */
.navbar-default .navbar-toggle {
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #1f3861!important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #000!important;
}
@media (max-width: 990px){
    .logo { 
        margin: 0 auto; 
        padding-top: 10px;
        padding-left: 10px;
    }
}
@media (max-width: 835px){
    .navbar-nav > li > a {
        font-size: 12px;
    }
}
@media (max-width: 768px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #000!important;
		background-color: #084670!important; 
    }

    .menu {
        max-width: 80%;
        float: unset;
        padding-top: 0;
        margin: 0 auto;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #000!important;
    }
}


@media (max-width: 700px){
    .logo img {
        width: 200px;
        max-width: 50%;
        margin: 0;
        float: left;
        padding: 10px;
    }

    .txt_mobile { 
        padding: 0 15px;
        color: #08395f;
        font-weight: bold;
        font-size: 18px;
        text-align: center;
        text-shadow: 0 0 1px black; 
    }

    .txt_menu { font-size: 16px !important; }
}

/* Media Queries */
@media screen and (max-width: 768px) {
	.container col-md-12 {
		text-align: center;
	}
}