/*==========
		 1 - FONT-AWESOME
		 2 - GLYPHICONS
		 3 - RD-NAVBAR
	==========*/


/*===== FONT-AWESOME =*/
	@font-face {
		font-family: 'FontAwesome';
		src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
		src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
			 url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
			 url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
			 url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
			 url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}


/*===== GLYPHICONS =*/
	@font-face {
		font-family: 'Glyphicons Halflings';
		src: url('../fonts/glyphicons-halflings-regular.eot');
		src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'),
			 url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
			 url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),
			 url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
	}


/*===== RD-NAVBAR =*/
	.TopNav {
		background:url(../images/nav_bg.png) repeat-y top center #202785;
		width:100%;
		z-index:1000 !important;
		text-align:center;
		padding:20px 0;
	}
	.TopNav .rd-navbar-outer { background:none;}
	.TopNav .rd-navbar-static{background:none;}

	.TopNav .rd-navbar-static .rd-navbar-subpanel { margin:0 auto; /* float change on your design*/}
	
	.TopNav .rd-navbar-static .rd-navbar-inner {/* float change on your design*/
		max-width:100%;
		float:none;
		padding:0;
	}

	.TopNav .rd-navbar-static .rd-navbar-nav > li {/*float:none;*/ position:relative;}
	
	.TopNav .rd-navbar-static .rd-navbar-nav > li > a,
	.TopNav .rd-navbar-fixed .rd-navbar-nav > li > a {
		font-family:'Raleway', Arial, Helvetica, sans-serif;
		font-size:15px;
		line-height:18px;
		font-weight:600;
		padding:12px 25px;
		color:rgba(255,255,255,.6);
		text-decoration:none;
		text-transform:uppercase;
	}
	
	.TopNav .rd-navbar-fixed .rd-navbar-nav > li > a {
		border-bottom:1px solid rgba(255,255,255,.2);
		padding:16px 10px 16px 20px;
	}
	
	.TopNav .rd-navbar-static .rd-navbar-nav > li > a > i {
		font-size:30px;
		line-height:30px;
		color:rgba(255,255,255,.4);
		display:block;
		text-align:center;
		margin-bottom:10px;
	}
	
	.TopNav .rd-navbar-fixed .rd-navbar-nav > li > a > i {
		font-size:20px;
		line-height:20px;
		color:rgba(255,255,255,.4);
		margin-right: 15px;
    	color: #fff;
		position:relative;
		top:2px;
	}
	.TopNav .rd-navbar-static .rd-navbar-nav > li.active > a > i { color:#fff;}
	
	
	.TopNav .rd-navbar-static .rd-navbar-nav > li.active:after {
		font-family: 'FontAwesome';
		content:'\f0de';
		font-size:30px;
		color:#0089ff;
		position:absolute;
		bottom:-36px;
		width:100%;
		text-align:center;
	}
	
	.TopNav .rd-navbar-static .rd-navbar-nav > li.active > a,
	.TopNav .rd-navbar-static .rd-navbar-nav > li.opened > a,
	.TopNav .rd-navbar-static .rd-navbar-nav > li.focus > a,
	.TopNav .rd-navbar-static .rd-navbar-nav > li > a:hover {
		color: #fff;
		text-decoration:none;
		background:none;
		border-bottom:1px solid rgba(255,255,255,.2);
			-moz-box-shadow: inset 0 0 15px #000;
			-ms-box-shadow: inset 0 0 15px #000;
			-o-box-shadow: inset 0 0 15px #000;
			-webkit-box-shadow: inset 0 0 15px #000;
		box-shadow: inset 0 0 15px #000;
		border-radius:6px;
	}
	
	.TopNav .rd-navbar-fixed .rd-navbar-nav li.opened > a,
	.TopNav .rd-navbar-fixed .rd-navbar-nav li a:hover,
	.TopNav .rd-navbar-fixed .rd-navbar-nav li.active > a { background:rgba(255,255,255,.1); text-decoration:none;}
	

	.TopNav .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown,
	.TopNav .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-megamenu {
		left: 0;
		margin:20px 0 0 0;
		padding:15px;
		/*border-style:solid;
		border-width:5px 0 0 0;
		border-color:#0089ff;*/
		border:none;
		z-index:100;
	}
	
	.TopNav .rd-navbar-static .rd-navbar-dropdown,
	.TopNav .rd-navbar-static .rd-navbar-megamenu {background:#202785;}
	
	.TopNav .rd-navbar-static .rd-navbar-dropdown li > a,
	.TopNav .rd-navbar-static .rd-navbar-megamenu li > a,
	.TopNav .rd-navbar-fixed .rd-navbar-submenu li > a {
		font-size:15px;
		line-height:20px;
		font-weight:400;
		text-transform:capitalize;
		color:#fff;
		padding:10px 15px;
		background:rgba(255,255,255,.1);
		margin-bottom:1px;
	}
	
	.TopNav .rd-navbar-fixed .rd-navbar-submenu li > a {
		border-bottom: 1px solid rgba(255,255,255,.2);
		margin-left: 20px;
		background: rgba(255,255,255,.2);
		color: rgba(255,255,255,.7);
	}
	
	.TopNav .rd-navbar-static .rd-navbar-dropdown li.focus > a,
	.TopNav .rd-navbar-static .rd-navbar-dropdown li.opened > a,
	.TopNav .rd-navbar-static .rd-navbar-dropdown a:hover,
	.TopNav .rd-navbar-static .rd-navbar-megamenu li.focus > a,
	.TopNav .rd-navbar-static .rd-navbar-megamenu li.opened > a,
	.TopNav .rd-navbar-static .rd-navbar-megamenu a:hover {background:rgba(255,255,255,.15); text-decoration:none;}
	
	.TopNav .rd-navbar-fixed .rd-navbar-toggle {
		background: #202785;
		color: #fff;
		border: none;
		top: 0;
		left: auto;
		right: 0;
		height: 70px;
		width: 70px;
		line-height: 34px;
		z-index: 1000;
	}
	.TopNav .rd-navbar-fixed .rd-navbar-toggle span:after,
	.TopNav .rd-navbar-fixed .rd-navbar-toggle span:before,
	.TopNav .rd-navbar-fixed .rd-navbar-toggle span {background-color:#fff;}
	
	.TopNav .rd-navbar-fixed .rd-navbar-nav-wrap {
		width: 280px;
		color: #fff;
		background: rgba(0,0,0,.85);
		top:-48px;
		left:auto;
		right:0;
		-webkit-transform: translateX(105%);
		transform: translateX(105%);
	}
	
	.TopNav .rd-navbar-fixed .rd-navbar-nav-wrap.active {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	.TopNav .rd-navbar-fixed .rd-navbar-toggle.active span:before {
		-webkit-transform: rotate3d(0, 0, 1, 140deg);
		transform: rotate3d(0, 0, 1, 140deg);
	}
	
	.TopNav .rd-navbar-fixed .rd-navbar-toggle.active span:after {
		-webkit-transform: rotate3d(0, 0, 1, -140deg);
		transform: rotate3d(0, 0, 1, -140deg);
	}
	.TopNav .rd-navbar-fixed .rd-navbar-toggle.toggle-original.active span:before,
	.TopNav .rd-navbar-fixed .rd-navbar-toggle.toggle-original.active span:after {
		left:auto;

		right:-15px;
	}
	
	.TopNav .rd-navbar-fixed .rd-navbar-submenu-toggle {
		height:50px;
		color:#ccc;
	}
	.TopNav .rd-navbar-fixed .rd-navbar-submenu-toggle:hover { color:#fff;}