html, body
{
	margin:0;
	padding:0;		
	color: #616161 !important;
	//font-family: 'Roboto', sans-serif !important;
	font-family: Lato !important;
	overflow-x:hidden;
}
ul, li, a, span, label, h1, h2, h3, h4, h5, h6, form, div, p
{
	margin:0 auto;
	padding:0;
}
.container
{
	width:100% !important;
}
.clr
{
	clear:both;
}
/* .active{
	//background:#4eabf9 !important;
	color:#4eabf9 !important;
	border-radius:3px;
}	 */

.f-nav{ 
	z-index: 9999;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;	
	background-color:rgba(255, 255, 255, 0.9);	
	}

/* .f-nav-leftnav{ 
	z-index: 9999;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;	
	//background-color:rgba(255, 255, 255, 0.9);	
	} */
	
@media only screen and (min-width:320px) and (max-width:640px) {
			
	}
	
/*-------------------------- Header -----------------------------------------------------------------------------------*/

	header{
		padding-top:5px;
		padding-bottom:5px;
	}
	.head-p{
		color:#005eac;
		font-weight:600;
		font-size:20px;
		text-align: center;
		padding-top: 40px;
		margin:0 !important;
	}
	.head-right p{
		font-weight:600;
		padding-top:40px;
		margin:0 !important;
		font-size:18px;
	}
	#sidenav01 li a{
		padding-left: 35px;
		font-size: 15px !important;
	}
	i{
		padding-right:10px;
	}
	.nav-list li a i{
		font-size:11px;
	}
	
	@media only screen and (min-width:320px) and (max-width:640px) {
		header{		
			padding-bottom:5px;
		}
		.mobile-center{
			display: block;
			margin-right: auto;
			margin-left: auto;
		}
	}
	@media only screen and (min-width:641px) and (max-width:991px) {
		.head-p{
			padding-top:32px;			
		}
		.head-right p{
			padding-top:32px;
		}
	}
	
/*------------------------------ Navbar vertical------------------------------------------------------*/

 @media only screen and (min-width:320px) and (max-width:640px) {
	 .navbar-header
	 {
		background: #005eac !important;
		/* margin-left: -16px !important;
		margin-right: -16px !important; */
	 }
	 
	 .affix-sidebar
	 {
		margin-left: -16px !important;
		margin-right: -16px !important;
		padding-right: 0px !important;
		padding-left: 0px !important;
	 }

	.navbar-brand{
		font-size: 17px !important;
		color: white !important;
	}
	
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: #006cc6 !important;
	}
	
	.icon-bar{
		background-color:#fff !important;
	}
	
	.page-header  h3{
		margin-top: -27px !important; 
		font-size:15px !important;
		padding-top: 12px !important;
		margin-bottom:0 !important;
	 }
	  
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover {
		background-color: #006CC6 !important;
		color:#fff !important;
	}
	
	.navbar-collapse.in {
		overflow-y: inherit !important;
	}
	.navbar-nav {
		margin: 0px -15px !important;
		background: #015EAC !important;
	}
	.navbar-nav li a {
		color:#fff !important;
	}
	.nav > li > a:hover {
		background-color: #006CC6 !important;
	}
	
	.affix-content
	{
		padding-right: 0px !important;
		padding-left: 0px !important;
		text-align: justify !important;
	}
	
	.page-header {
		margin: 40px -15px 20px !important;
	}
	
	.header-body h3
	{
		padding-left: 15px;
		padding-right: 15px;
	}
  }
  
 @media only screen and (min-width:641px) and (max-width:991px) {
	 .affix-content
	 {
		 margin-top:0 !important;
	 }
	 
	 .page-header  h3{
		margin-top: -40px !important; 
		font-size:15px !important;
	 }
	.sidebar-nav .navbar li a {
		padding-top: 8px !important; 
		padding-bottom: 8px !important; 
	}
	#sidenav01 li a{
		padding-left:16px !important;
	}
	.nav-list li a{
		margin-left: -23px;
	}
	.five-row h4{
		text-align:left;
	}
 }
 .nav-list li a{
	padding: 5px 33px !important;
    font-weight: 500;
 }


@media (min-width: 768px){
  .affix-content .container {
   // width: 700px;
  }   

    .affix-content .container .page-header{
   // margin-top: 0;
  }
  
  
  /*------------ nav ----------------*/
  
	.affix-sidebar{
		background:#005eac;
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.navbar-default{
		background:transparent !important;
	}
	.navbar-nav a{
		color:white !important;
		font-weight:600;

	}
	.affix-content{
		padding-left: 27px !important;
		//margin-top: -40px;
		padding-right: 0px !important;
		text-align:justify;
		font-size:15px;
		//margin-left:-15px !important;
		//margin-right:-15px !important;
		padding-bottom: 25px;
	}  
	.page-header {
		margin: 0px 0 20px -27px !important;
	}	
	.header-body h3
	{
		margin-top: 0 !important;
	} 
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover {
		//background-color: #006CC6 !important;
		background-color:#004680 !important;
	}
	.activee{
		background-color:#004680 !important;
	}
	.nav > li > a:focus, .nav > li > a:hover {
		background-color: #006CC6 !important;
	}  
	.nav > li > a:hover {
		background-color: #006CC6 !important;
	}
 /*  .sidebar-nav{
        position:fixed; 
        width:100%;
  } */
  .affix-sidebar{
    padding-right:0; 
    font-size:small;
    padding-left: 0;
  }  
  .affix-row, .affix-container, .affix-content{
    height: 100%;
    margin-left: 0;
    margin-right: 0;    
  } 
  .affix-content{
    background-color:white; 
  } 
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar{
    border-radius:0; 
    margin-bottom:0; 
    border:0;
  }
  .sidebar-nav .navbar ul {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top:10px;
    padding-bottom:10px;
  }  
}

@media (min-width: 769px){
  .affix-content .container {
   // width: 600px;
  }
    .affix-content .container .page-header{
    //margin-top: 0;
  }  
}

@media (min-width: 992px){
  .affix-content .container {
  //width: 900px;
  }
    .affix-content .container .page-header{
    //margin-top: 0;
  }
}

@media only screen and (min-width:320px) and (max-width:640px) {
#sidenav01
{
	position:absolute;
	z-index:+1;
}
#act
{
	margin-right:0 !important;
}
}
/*------------------------------------------ ---------------------*/
.five-row
{
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left:0 !important;
}
.five-row h4{
	font-size:16px !important;
}
.five-row img
{
	width:43%;
	
}
@media only screen and (min-width:320px) and (max-width:640px) {
	.five-row img
		{
			width:100%;
			
		}
}
@media only screen and (min-width:641px) and (max-width:991px) {
	.five-row {
		margin-top:7px;
	}
	.five-row img
		{
			width:50%;			
		}
	.five-row h4
	{
		margin-top:0 !important;
		font-size:15px !important;
	}
}
/* .five-row img
{
	padding: 2px;
	background: #d5d5d5;
} */

.f-left
{
	float: left;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
}

.f-right
{
	float: right;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.mid-p p{
	padding-bottom:10px;
}

.gtap{
	//padding-left:30px;
}
.gtap-6{
	padding-left:0 !important;
}


@media only screen and (min-width:641px) and (max-width:991px) 
{
	/* .five-row img
	{
		display:block;
		margin: 0 auto;
	} */
	.f-left, .f-right
	{
		width: 50%;
	}
	.header_4
	{
		font-size: 17px;
	}
	.gtap-6b{
		padding-left:0 !important;
	}
}

@media only screen and (min-width:320px) and (max-width:640px) 
{
	.five-row p, .five-padd
	{
		//text-align:center;
	}
	.five-row  h4{
		text-align:left;
		font-size:14 !important;
	}	
	.f-left
	{
		float:none;
		padding-right: 10px;
	}
	
	.f-right
	{
		float:none;
		padding-left: 10px;
	}
	
	.mob-none
	{
		display:none !important;
	}
	.gtap-6, .gtap-6b{
		padding-left:0 !important;
	}
}

/*--------------------------- footer ----------------------------------------------------------------*/
.footer
{
	padding-bottom: 10px;
	padding-top: 20px;
	background: #00284B;
	color: #fff;
	text-align: center;
}

.jayblues
{
	color:#D2D2D4;
}

.jayblues:hover
{
	color:#fff;
	text-decoration:none;
}

.blues {
    background-color: #017dc6;
    padding-left: 8px;
    padding-right: 8px;
    color: white;
    border-radius: 3px;
}

.line_height
{
	padding:0px 20px;
}

@media only screen and (min-width:320px) and (max-width:640px) 
{
	.line_height
	{
		display:none;
	}
}

.line_height{
 display:none;	
}
.footer strong {
 display:none;	
}

.footer a {
 display:none;	
}



/*-------------------------------------------------------------------------------------------------------*/

	@media only screen and (min-width:320px) and (max-width:640px) {
		.affix-content{
			padding-top:0 !important;
		}
		.affix-content h3{
			font-size:15px !important;
		}
		.activee{
			background-color:#014681 !important;
		}
		.f-right {
			padding-left: 0px !important;
		}
		.soft h3{
			font-size:15px !important;
		}
		.mms-md, .ams-mid, .apms-mid, .g-tap-mid, .ic3-mid{
			padding-left:0 !important;
			padding-right:0 !important;
		}		
	}
	
	@media only screen and (min-width:641px) and (max-width:991px) {
		.mms-md, .ams-mid, .apms-mid, .g-tap-mid, .ic3-mid{
			padding-left:0 !important;			
		}
		.five-row h3{
			text-align:left !important;
			font-size:18px !important;
		}
		
	}





@media only screen and (min-width:992px) and (max-width:1366px) {
		
.sidebar-nav .navbar li a {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}	
.nav-list li a {
    padding: 5px 25px !important;
    font-weight: 500;
}	
#sidenav01 li a
{
	font-size:14px;
}
	}