@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900');
/*font-family: 'Source Sans Pro', sans-serif;*/

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

.navbar-brand { position: relative; z-index: 2; }

.navbar {
    position: relative;
    min-height: 40px;
     margin-bottom: 0px !important; 
    border: transparent;
}



.navbar-nav.navbar-right .btn 
	{ 
		position: relative; 
		z-index: 2; 
		padding: 4px 20px; 
		margin: 10px auto;
	}

.navbar .navbar-collapse 
	{ 
		position: relative; 
	}
/*.navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 22px; }*/

.navbar-brand {
    float: left;
    min-height: 40px;
    padding: 6px 15px;
    -moz-transition:.5s;
	    -o-transition:.5s;
	    -webkit-transition:.5s;
	    transition:.5s;
}

.navbar-fixed-top 
    {
        top: 0px;
        border-width: 0 0 0px;
        position: fixed;
        -moz-transition:.5s;
        -o-transition:.5s;
        -webkit-transition:.5s;
        transition:.5s;
    }

.navbar-bg
    {
      background: red!important;
      color: #fff!important;
      top: 0;
      -moz-transition:.5s;
      -o-transition:.5s;
      -webkit-transition:.5s;
      transition:.5s;
      padding-bottom: 0px;
    }

.nav > li
	{
		padding: 0px 15px;
		margin: 19px 0;
		/*border-right: 1px solid #fff;*/
		border-right: 1px solid #000;
		-moz-transition:.5s;
	    -o-transition:.5s;
	    -webkit-transition:.5s;
	    transition:.5s;
	}

.nav > .no-br
	{
		border-right: 0px solid #fff;
	}

.nav > li:last-child
	{
		border-right: 0px solid #000;
	}



.nav>li>a 
	{
	    position: relative;
	    display: block;
	    padding: 0px 0px;
	    font-size: 14px;
	    font-weight: 600;
	    font-family: 'Source Sans Pro', sans-serif;
	    letter-spacing: 1px;
	}



.nav>li>a span:before
	{
		margin: 0 10px 0 0;
		padding: 0;
		content: '';
		display: inline-block;
		position: relative;
		top: 0px;
		left: 0;
		width: 25px;
		height: 1px;
		background:#000; 
	}

.navbar-right 
{

    float: right !important;
    margin-right: -30px;

}


.navbar-default .navbar-nav > li > a 
{
    /*color: #fff;*/
    color: #000;
    -moz-transition:.5s;
    -o-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #4cad4c;
    background-color: transparent;
}

.navbar-bg .navbar-nav>li>a:focus, .navbar-bg .navbar-nav>li>a:hover {
    color: #000 !important;
    background-color: transparent;
}

.navbar .nav-collapse 
	{ 
		position: absolute; 
		z-index: 1; 
		top: 0; 
		left: 0; 
		right: 0; 
		bottom: 0; 
		margin: 0; 
		padding-right: 120px; 
		padding-left: 80px; 
		width: 100%; 
	}


.navbar.navbar-default .nav-collapse 
	{ 
		background-color: #4aab4a; 
	}
.navbar.navbar-inverse .nav-collapse 
	{ 
		background-color: #4aab4a; 
	}
.navbar .nav-collapse .navbar-form 
	{ 
		border-width: 0; 
		box-shadow: none; 
	}

.navbar-brand .img-box
	{
		width: 0px;
		height: 0px;
		overflow: hidden;
		background-image: url(../images/logo.png);
		background-size: cover;
	}

/*.navbar-brand img
	{
		margin: 0px 0 0 0;
		-moz-transition:.5s;
	    -o-transition:.5s;
	    -webkit-transition:.5s;
	    transition:.5s;
	}*/

.navbar-header a
	{
		margin: 0;
		padding: 0;
	}


.nav-collapse>li 
	{ 
		float: right; 
	}

.btn.btn-circle 
	{ border-radius: 50px; 
	}
.btn.btn-outline 
	{ background-color: transparent; 
	}

.navbar-default .navbar-toggle {
    border-color: #fff;
    border: 0px transparent;
    border-radius: 0px;
    -moz-transition:.5s;
    -o-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    /*background-color: #d22f25;*/
    background: #000;
}

.navbar-default .navbar-toggle .icon-bar {
    /*background-color: #fff;*/
    background-color: #000;
    -moz-transition:.5s;
    -o-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

.navbar-default .navbar-toggle:hover .icon-bar
	{
		background-color: #fff;
	}

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

.navbar-toggle {

    position: relative;
    float: right;
    padding: 10px 10px;
    margin-top: 22px;
    margin-bottom: 20px;
}

/*.container > .navbar-header {

    margin-right: -15px;
    margin-left: 0px;
    min-height: 40px;

}*/


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
    background: #0f263a;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

@media screen and (max-width: 992px) and (min-width: 768px)
	{
		.nav > li
			{
				padding: 0px 10px;
				margin: 20px 0;
				border-right: 1px solid #000;
			}

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

	}

@media screen and (max-width: 767px) {
    /*.navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 15px; padding-right: 15px; } */
    
    .navbar .nav-collapse { margin: 7.5px auto; padding: 0; }
    .navbar .nav-collapse .navbar-form { margin: 0; }
    .nav-collapse>li { float: none; }
    .navbar-nav 
    	{
		    margin: 0 -15px;
		    margin-right: -15px;
		}
    .nav > li
	{
		padding: 0px 0px 10px;
		text-align: center;
		margin: 10px 0 0;
		border-right: 0px solid #000;
		border-bottom: 1px solid #000;
	}

	.nav > li:last-child
		{
			margin-bottom: 10px;
			border-bottom: 0px;
		}

	.navbar-right 
		{

		    float: none !important;
		    margin-right: 0px;

		}

	.navbar .navbar-collapse 
	{ 
		position: relative; 
		background-color: #fff;
	}

	

}

@media screen and (min-width: 768px) 
	{
		.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand 
			{
		    margin-left: 0px;
			}
	}