/* header start here */
body{
	margin:0 0 0 0;
	background-repeat:repeat-x;
	font-family: sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#3a343f;
	text-decoration:none;
	line-height:1.42857;	
	overflow-x:hidden;
	position:relative;
	min-height:100%;
	height:100%;
	top:0;
	background-color:#e5e6e9;
}
/*
 Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't 
 properly apply the media queries in Bootstrap's CSS. To address this, 
 you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.
*/
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/*
 Internet Explorer 10 doesn't differentiate device width from viewport width, 
 and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied 
*/
@-ms-viewport {
  width: auto;
}
a{outline:none;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family: sans-serif;
}
a:link {
    text-decoration:none;
}
a, img {
    border:medium none;
}
p{
	margin:10px 0 10px;
	text-align:justify;
	font-size:15px;
}
input, select {cursor: pointer;}
input[type=text], input[type=password], input[type=email] {cursor: text;}
input[type=radio], input[type=checkbox]{margin: 0px 5px;}
textarea {overflow:auto;}
textarea, input {padding: 5px;outline: none;}
select {padding: 2px;}
option {padding: 0 4px;}
a:hover, a:focus
{
		text-decoration:none;
	color:#f0ad4e;
	outline:none;
}
label
{
	font-weight:normal;
}
button{cursor:pointer;}
select{cursor:pointer;}
a{cursor:pointer;}
.v-align{
	vertical-align:middle;
}
h4, .h4{
	font-size:17px;
}
h1, h2, h3 {
margin-top: 20px;
margin-bottom: 20px;
}
.btn
{
padding: 4px 14px;
font-size: 12px;
letter-spacing: 0.5px;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {

color: #8c8a8a;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
/*-----------------body------------------*/
#header{
	background-color:#fff;
}
.navbar {
margin-bottom: 0px;
border:0px;
min-height:35px;
}
.navbar-default .navbar-nav > li > a{
	color:#838080;
	padding:22px 8.5px 20px;
}
.content{
	background-color:#e5e6e9;
	padding:130px 10px 182px;
	float:left;
	width:100%;
}
.logo
{
	padding:0px;
	margin-top:8px;
	margin-bottom:1px;
	width:40.5%;
	position:absolute;
}
.no-padding{
	padding:0;
}
.no-padding-left{
	padding-left:0;
}
.no-padding-right{
	padding-right:0;
}
.heading{
	color:#116aa1;
	font-size:50px;
	letter-spacing:1px;
	line-height:1;
	margin:20px 0 30px;
}
.footer{
	background-color:#116aa1;
	padding:22px;
	color:#fff;
	min-height:91px;
	clear:left;
	width:100%;
	bottom:0;
}
.footer-home{
	position:fixed;
}
.footer a{
	color:#fff;
}
.copyright{
	color:#ababab;
	line-height:28px;
	font-size:15px;
}
.nav_new li.current a{
	color:#116aa1;
}
.navbar-default .navbar-nav > li > a:hover{
	color:#116aa1;
}
.navbar-default .navbar-toggle{
	border-color:#fff;
	background-color:transparent;
	color:#a55fd5;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background-color:transparent;
}
.navbar-default {
background-color:#fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus,{
	border-color:#142A3F;
	background-color:#142A3F;
}
#nav li a
{
	color:#fff;
	text-transform:uppercase;
	font-size:12px;
	padding: 5px 0 0;
	font-weight:bold;
	letter-spacing:1px;
	font-family: sans-serif;
}
.nav_new{
	float:right;
}
.nav > li > a > img{
	max-width:30px;
}
.navbar-nav > li > a{
	line-height:0px;
}
.navbar-collapse.in{
	overflow-x:hidden;
	overflow-y:hidden;
}
.navbar-collapse{
	padding-left:0px;
	padding-right:0px;
	max-height:450px;
}
#top-menu li
{
	display:inline-block;
	float:none;
	vertical-align:top;
}
.nav span{
	float:right;
	margin-top:-3px;
}
.mobile-menu{
	display:none;
}
.wrapper{
	position:relative;
}
.main-img{
	float:right;
}
/*-----------------navbar------------------*/
@media only screen and (max-width: 3000px) and (min-width: 1601px) {
.footer{
	position:fixed;
}
}
@media only screen and (max-width: 1199px) {
.main-img{
	width:57%;
}
.content{
	padding:130px 10px 100px;
}
}
@media only screen and (max-width: 720px) and (min-width: 300px) {
.logo{
	position:relative;
	margin-top:2px;
}
.row{
	margin-left:5px;
	margin-right:5px;
}
.mobile-menu{
	display:block;
}
nav.mobile-menu {
	background-color: #ffffff;
	position: fixed;
	width: 100%;
	height: 0px;
	left: 0;
	padding: 0;
	top: 0px;
	z-index: 1000;
	overflow: hidden;
	webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	overflow-y: hidden;
}
.mobile-menu.mobile-menu-open {
	top: 0px;
	height: 100%;
	overflow-y: scroll;
}
.mobile-menu a {
	color: #6f6f6f;
}
.mobile-nav {
	margin: 0;
	width: 100%;
}
.mobile-nav li {
	/*background-color: #5c2e88;*/
}
.mobile-nav > li > a.active {
	margin-left: 7px;
}
.mobile-nav > li a {
	padding: 20px 24px;
	font-size: 20px;
	background-color: #ffffff;
}
.mobile-nav > li.leaf > a:hover {
	background-color: #f7f7f7;
}
.mobile-menu a {
	border-bottom: 1px solid #c9c9c9;
}
.mobile-menu a {
	width: 100%;
	border-left: 0;
	float: none;
}
.mobile-nav .closeMenu{
	width: 100%;
	padding-right: 20px;
	display: block;
	background-repeat: no-repeat;
	background-size: 15px 15px;
	-webkit-background-size: 15px 15px;
	background-position: right center;
	background-origin: content-box;
	background-color: #f7f7f7;
}
.mobile-nav .closeMenu button img{
	width:47%;
}
.mobile{
	margin-top:-25px;
	background-color:transparent;
}
}
@media only screen and (max-width: 500px) and (min-width: 300px){
.logo{
	width:46.5%;
}
.content{
	padding:40px 10px 100px;
}
.main-img{
	width:30%;
}
.copyright{
	font-size:11px;
}
}
@media only screen and (max-width: 450px){
.logo{
	width:51.5%;
}
}
@media only screen and (max-width: 399px) and (min-width: 319px){
.logo{
	width:53.5%;
}
}
@media only screen and (max-width: 320px){
.logo{
	width:59.5%;
}
.main-img{
	display:none;
}
.footer{
	font-size:12px;
}
.copyright{
	font-size:9px;
}
.footer-home{
	position:relative;
}
}
@media only screen and (max-width: 312px) and (min-width: 200px){
.logo{
	margin-top:5px;
}
.mobile-menu{
	display:block;
}
.content{
	padding:33px 10px 55px;
}
.heading{
	font-size:35px;
}
.footer{
	font-size:9px;
}
.copyright{
	font-size:6px;
}
.mobile-nav .closeMenu button img{
	display:none;
}
}