.navbar-nav {
    float: left;
    margin: 0;
    margin-top: 3px;
}
#nav-brand-logo {
	display:block;
 
padding-top:7px;
padding-bottom:5px;
}

#nav-brand-icon {
	display:none;
}

#disp-title-pg {
	display:none;
}
	

.navbar-custom {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
 
    font-family: "TheSansCdRegular",Helvetica,Arial;
	font-size: 17px;
    background-color: #ffffff;
	border-top:2px solid #EC1D25;
margin-left:-15px;
margin-right:-15px;
}

.navbar-custom .navbar-brand {
    font-weight: 700;
}

.navbar-custom .navbar-brand:focus {
    outline: 0;
}

.navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
}

.navbar-custom a {
    color: #666666;
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
width: 140px;
    text-align: center;
} 

.navbar-custom .nav li a:hover {
    outline: 0;
    color: #eb2126;
    background-color: transparent;
width: 140px;
    text-align: center;
}

.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
    outline: 0;
	color: #eb2126;
    background-color: transparent;
width: 140px;
    text-align: center;
}

.navbar-custom .nav li.active {
	color: #eb2126;
    outline: 0;
width: 140px;
    text-align: center;
}

.navbar-custom .nav li.active a {
	color: #eb2126;
	background-color: transparent;
    /*background-color: rgba(255,255,255,.3);*/
}

.navbar-custom .nav li.active a:hover {
    color: #eb2126;
	background-color: transparent;
}

.navbar-brand {
	padding-top:5px;
}

.navi-icon {
	margin-top: 12px;
	margin-left: 10px;
    padding-top: 5px;
	width: 24px;
    height: 24px;
    border-radius: 6px;
    background-color: #000;
	color:#FFF;
    text-align: center;
}

.nav-social-icon {
	display:inline;
}

.nav-social-icon:hover {
	cursor:pointer;
}

.fa-facebook.navi-icon {
	background-color:#213e7b;
}

.fa-twitter.navi-icon {
	background-color:#00a7e5;
}


@media(min-width:768px) {
    .navbar-custom {
        padding: 0px 0;
        border-bottom: 0;
        letter-spacing: 1px;
		border-top:2px solid #EC1D25;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .navbar-custom.top-nav-collapse {
        padding: 0;
        border-bottom: 1px solid rgba(255,255,255,.3);
        background: #000;
    }
}

/* Collapse: Navigation Start */
@media (max-width: 1000px) { /* update: 101116 */

.navbar-custom .nav li.active {
 color: white;
    outline: 0;
width: 100%;
    text-align: center;
background:black;
}


.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
width: 100%;
    text-align: center;
} 



 

.navbar-custom .nav li a:hover {
    outline: 0;
    color: white;
    background-color: black;
width: 100%;
    text-align: center;
}

.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
    outline: 0;
	color: white;
  background-color: black;
width: 100%;
    text-align: center;
}

 

	.navbar-toggle {
		float:right;
	}
	
	#nav-brand-logo {
		display:block;
	}

	#nav-brand-icon {
		display:none;
	}
	
	#nav-brand-logo img {
		padding-top: 2px;
		width: 90%;
margin-left:3px;
	}
	
	#disp-title-pg {
		display: inline-block;
    	padding-top: 20px;
		text-align:left;
    	vertical-align: middle;
    	font-size: 14px;
		line-height:14px;
    	color: #666666;
	}
	
	.container-fluid>.navbar-collapse,
	.container-fluid>.navbar-header,
	.container>.navbar-collapse,
	.container>.navbar-header {
		margin: 0px 0px auto 0px;
		width: 100%;
	}
	
    .navbar .navbar-toggle {
        display: block;
		color:#666666;
    }
	
    .navbar .navbar-collapse {
		/* position:absolute;
		margin-left:0px;
		margin-right:0px; */
		width: 100%;
 
		border-bottom: 1px solid #666;
	 
		background:#666;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
	
    .navbar .navbar-collapse.collapse {
        display: none !important;
background:#666;
    }
	
	.navbar a {
		padding:8px 8px;
		text-align:left;
		font-size:12px;
		font-weight:400;
	}
	
	.navbar a.navbar-brand {
		padding: 8px;
	}
	
	.navbar .nav {
		margin: 10px 0px;
		padding-bottom: 0px;
		width:100%;
		 
	}
	
	.nav>li.nav-item-1 {
		display:none;
	}
	
	.nav>li.nav-item-1-sub-title,
	.nav>li.nav-item-1-sub {
		display:block;
	}
	
	.navbar .nav li a {
	 
		 
		text-align:center;
		border-bottom:1px solid black;
		 
	}
	
	.navbar .nav li .nav-social-container a {
		color:#FFF;
		padding:10px 15px;
		text-align:center;
		border:none;
	}
	
	.navbar-fixed-top li:first-child img {
		display:none;
	}
	
	.navbar-fixed-top li {
		margin:0px 0px 1px 0px;
	}
	
	.navbar-fixed-top li:first-child {
		margin:2px 0px 1px 0px;
	}
	
    .navbar .navbar-nav>li {
        float: none;
    }
	
	.navbar-nav>li>a {
		font-size:16px;
		line-height:20px;
		letter-spacing:1px;
		color: white !important;


	}
	
	.navbar-nav>li.nav-item-1-sub a {
		font-size:14px;
		line-height:20px;
	}
	
	.navbar-nav>li>a:focus,
	.navbar-nav>li>a:hover {
    	color: #eb2126 !important;
		background-color:transparent !important;
	}

	.navbar-nav>li.active>a,
	.navbar-nav>li.active>a:focus,
	.navbar-nav>li.active>a:hover {
    	color: #ed1c24 !important;
		background-color:transparent !important;
		cursor:default;
	}
	
	.navbar-nav>li.nav-item-1-sub.active>a,
	.navbar-nav>li.nav-item-1-sub.active>a:focus,
	.navbar-nav>li.nav-item-1-sub.active>a:hover {
    	color: #ed1c24 !important;
		background-color:transparent !important;
		cursor:default;
	}
	
    .navbar .navbar-collapse.collapse.in { 
        display: block !important;
background:#666;
    }
	
    .navbar .collapsing {
        overflow: hidden !important;
    }
	
	#nav-main .container-fluid {
		padding-left:0px;
		padding-right:0px;
	}
	
	.custom-navbar-fixed-bottom {
		display:block;
		top:70px;
	}
	
	#site-logo {
		height:30px;
	}
	
	.nav-social-icon {
		display:inline-block;
		vertical-align: top;
	}
	
	.nav-social-icon:first-child {
		padding-top:0px;
	}
	
	
	.navi-icon {
		margin: 20px 30px 20px 30px;
	}
	
.nav-social-container
{
 
}
}
 
/* Collapse: Navigation End */

@media (max-width: 360px)
 
.navi-icon {
     margin: 100000px 0px 0px 0px;  
}

