

.left{ float:left;}
.right{ float:right;}
.clearfix{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position:fixed;}
.center{margin:0 auto; text-align:center;}
.textleft{text-align:left;}
.textright{text-align:right;}
.block{display:block;}
.none{display:none;}
.inline{display:inline;}


/*margins*/
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}

.ml1{margin-left:-1px;}
.ml-5{margin-left:-5px;}
.ml-10{margin-left:-10px;}
.ml-15{margin-left:-15px;}
.ml-20{margin-left:-20px;}
.ml-25{margin-left:-25px;}
.ml-30{margin-left:-30px;}
.ml-35{margin-left:-35px;}
.ml-40{margin-left:-40px;}
.ml-45{margin-left:-45px;}
.ml-50{margin-left:-50px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}

.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}

.mt-5{margin-top:-5px;}
.mt-10{margin-top:-10px;}
.mt-20{margin-top:-20px;}
.mt-30{margin-top:-30px;}
.mt-40{margin-top:-40px;}
.mt-50{margin-top:-50px;}
.mt-60{margin-top:-60px;}

.mb5{margin-bottom:5px;}
.mb30{margin-bottom:30px;}





/*paddings*/
.p5 {padding:5px;}
.p10 {padding:10px;}
.p20 {padding:20px;}
.p30 {padding:30px;}
.p40 {padding:40px;}
.p50 {padding:50px;}

.pb20{padding-bottom:20px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}
.pt55{padding-top:55px;}
.pt60{padding-top:60px;}
.pt58{padding-top:58px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}
.pt120{padding-top:120px;}
.pt130{padding-top:130px;}
.pt140{padding-top:140px;}
.pt150{padding-top:150px;}
.pt160{padding-top:160px;}
.pt170{padding-top:170px;}
.pt180{padding-top:180px;}
.pt190{padding-top:190px;}
.pt200{padding-top:200px;}



.pl30{padding-left:30px;}
.pl60{padding-left:60px;}

/*z-index*/
.z-10{z-index:-10;}
.z10{z-index:10;}
.z100{z-index:100;}
.z1000{z-index:1000;}
.z10000{z-index:10000;}

/*borders*/
.btrl1{
border-top:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;}
.btr1{
border-top:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
}

/*Lines*/
.line01{margin:0px;padding:0px;height:1px;width:100%;background:#ddd; margin-top:-26px;}
.line02{margin:0px;padding:0px;height:1px;width:100%;background:rgba(255,255,255,0.1); margin-top:-26px;}

/*widths & heights*/
.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}
.h150{height:150px;}
.h200{height:200px;}
.h250{height:250px;}
.h300{height:300px;}
.h400{height:400px;}
.h450{height:450px;}
.h470{height:470px;}
.h500{height:500px;}
.h570{height:570px;}

.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w110{width:110px;}
.w120{width:120px;}
.w130{width:130px;}
.w140{width:140px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}

.w10pcent{width:10%;}
.w15pcent{width:15%;}
.w20pcent{width:20%;}
.w25pcent{width:25%;}
.w30pcent{width:30%;}
.w35pcent{width:35%;}
.w40pcent{width:40%;}
.w45pcent{width:45%;}
.w50pcent{width:50%;}
.w55pcent{width:55%;}
.w60pcent{width:60%;}
.w65pcent{width:65%;}
.w70pcent{width:70%;}
.w75pcent{width:75%;}
.w80pcent{width:80%;}
.w85pcent{width:85%;}
.w90pcent{width:90%;}
.w95pcent{width:95%;}
.w100pcent{width:100%;}

.w200{width:200px;}

.mh100{height:100px; border:0px solid black; display:block;}


/*Absolute/Relative positions*/
.pos1{position:absolute; left:10px;}

.l10{left:5px;}
.l10{left:10px;}
.l15{left:15px;}
.l20{left:20px;}
.l25{left:25px;}
.l30{left:30px;}

.t10{top:5px;}
.t10{top:10px;}
.t15{top:15px;}
.t20{top:20px;}
.t25{top:25px;}
.t30{top:30px;}
.t40{top:40px;}
.t50{top:50px;}


.b-5{bottom:-5px;}
.b-10{bottom:-10px;}
.b-20{bottom:-20px;}



/*Circles*/
.circle{
width:70px;
height:70px;
background:#E6F2F5;
border-radius: 100px; 
-moz-border-radius:100px; 
-webkit-border-radius:100px;
}




.borderR
{
	border:1px solid #f00;
}.borderY
{
	border:1px solid #ff0;
}
.borderP
{
	border:1px solid #cf2791;
}

.fl{ float:left;}
.fr{ float:right;}

.topLine
{
	padding:3px;
	border-bottom:1px solid #aabccf;
}

.topLine2
{
	padding:3px;
	border-bottom:1px solid #dbdbd9;
}
.topLine3
{
	padding:0px;
	
	border-bottom:0px solid #dbdbd9;
}
.bottomLine
{	padding:1px;
	border-top: 1px solid #1670b3;
	
    position: relative;
    z-index: -1;
}

.iconprop
{
	font-size:26px;
	color:#7aa975;
	margin-right:5px;
	
}
.navTop
{
	margin-top:0px;
}
.navTop h1
{
	color:#6b6b6b;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px;
	margin:5px;
	
}

.navTop h2
{
	color:#5f4649;
	font-size:22px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
}
.missiontext
{
	background:url(../images/ourmission.png) no-repeat top center;
	min-height:337px;
	position: relative;
	margin-top:-70px;
	right:50px;
}

/* Socail Icon  */

#f_image {
  margin:0 auto;
  width:28px;
  height:26px;
  transition: background-image 1s ease-in-out;
  background-image: url(../images/fh.png);
 
}

#f_image:hover {
    background-image: url(../images/f.png);
  cursor:pointer;
}

#t_image {
  margin:0 auto;
  width:28px;
  height:26px;
  transition: background-image 1s ease-in-out;
  background-image: url(../images/th.png);
 
}

#t_image:hover {
  background-image: url(../images/t.png);
  cursor:pointer;
}


#y_image {
  margin:0 auto;
  width:28px;
  height:26px;
  transition: background-image 1s ease-in-out;
  background-image: url(../images/yh.png);
 
}

#y_image:hover {
  background-image: url(../images/y.png);
  cursor:pointer;
}




.list-inline
{

    margin-top: -28px;
    padding: 0;
	position:relative;
	
	
}

.list-inline li a
{

font-size:11px;
color:#fff;
text-decoration:none;
text-transform:uppercase;

	
}

.list-inline li a:hover
{


color:#ccc;
	
}

/* End Socail */

/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
	.nav-side-menu {
  overflow: auto;
  font-size: 14px;
  text-align:right;
  font-weight: 200;
  font-variant: small-caps;
  /*text-transform:uppercase;*/
  top: 0px;
 /* width: 300px;
  width:13%;
           /*  max-width:205px;
            min-width:190px; */
  height: 100%;
  color: #e1ffff;
  background:#000;
  width:121%;
}
@media (max-width:1341px){
.nav-side-menu {
  width:113%;
}
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}
.nav-side-menu .brand {
  background-color: #23282e;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 14px;
}
.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 48px;
  cursor: pointer;
  /*    
    .collapsed{
       .arrow:before{
                 font-family: FontAwesome;
                 content: "\f053";
                 display: inline-block;
                 padding-left:10px;
                 padding-right: 10px;
                 vertical-align: middle;
                 float:right;
            }
     }
*/
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
  border-left: 3px solid #ececec;
  background-color: #3d3d3d;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #202020 !important;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #202020 !important;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  background-color: #e9e9e9;
  border: none;
  color: #202020 !important;
  line-height: 28px;
  border-bottom: 1px solid #b0b0b0;
  margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  background-color: #CDCDCD;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: FontAwesome;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.nav-side-menu li {
  padding-left: 0px;
  /*border-left: 3px solid #2e353d;
  border-bottom: 1px solid #23282e;*/
}
.nav-side-menu li a {
  text-decoration: none;
  color: #ffffff;
  padding-right:53px;
}
.nav-side-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}
.nav-side-menu li:hover {
 /* border-left: 3px solid #ececec;*/
  background-color: #2a2a2a;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (max-width: 767px) {
  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
	text-align:center;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #ffffff;
    color: #000;
    width: 40px;
    text-align: center;
  }
  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }
}
@media (min-width: 767px) {
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
}






/*------------------------------------------------NAV------------------------------------*/
.searchpro
{
	background: url(../images/search.png) no-repeat ;
	width:175px;
	height:25px;
}

.iconbox
{ background:#003;
display: inline-block;
padding:6px;}

.header
{
	background:url(../images/header.png) no-repeat ;
	height:486px;
	width:1180px;
	margin-top:70px;
	
}

/* -----------------------*/

.contentArea
{
	text-align:left;
	
}

.contentArea h1
{
	text-align:center;
	font-family:Verdana;
	font-weight:bold;
	font-style:italic;
	color:#004070;
	font-size:18px;
	
	
}
.contentArea h2
{
	text-align:left;
	font-family:Verdana;
	font-weight:bold;
	font-style:italic;
	color:#004070;
	font-size:17px;
	
	
}

.contentArea h3
{
	text-align:left;
	font-family:Verdana;
	font-weight:bold;
	font-style:italic;
	color:#004070;
	font-size:16px;
	
	
}
.contentArea p
{
	text-align:left;
	font-family:Verdana;
	font-weight: normal;
	font-style:none;
	color:#6f6f6f;
	font-size:13px;
	
}

.contentArea a
{
	text-align:center;
	font-family:Verdana;
	font-weight:bold;
	font-style:italic;
	color:#004070;
	font-size:12px;
	
}

.contentArea a:hover
{
	text-align:center;
	font-family:Verdana;
	font-weight:bold;
	font-style:none;
	color:#023052;
	font-size:12px;
	
}
.contentArea ul 
{
	display:block;
	
	
}
.contentArea ul li
{
	text-align:left;
	font-family:Verdana;
	font-weight: normal;
	font-style:none;
	color:#6f6f6f;
	font-size:13px;
	
}
.footerTop
{
	background:#d1d2d4;
	padding:2px;
}

.footerTop h2
{
	text-align:left;
	font-family:Verdana;
	font-weight:bold;
	font-style:none;
	color:#004070;
	font-size:15px;
}

.footerBottom
{
	
	background:#004070;
	padding:2px;
}

.footerBottom ul 
{
	list-style:none;
}

.footerBottom ul li
{
	text-align:left;
	font-family:Verdana;
	font-weight: normal;
	font-style:none;
	color:#fff;
	font-size:12px;
	text-transform:none;
	margin-left: -40px;
    margin-top: 5px;
}
.footerBottom ul li a
{
	text-align:left;
	font-family:Verdana;
	font-weight: normal;
	font-style:none;
	color:#fff;
	font-size:12px;
	text-transform:none;
	margin-left: 0px;
    margin-top: 5px;
}
.footerBottom ul li a
{
	color:#f9f9f9;
}
.footerBottom p
{
	text-align:left;
	font-family:Verdana;
	font-weight:normal;
	font-style:none;
	color:#fff;
	font-size:11px;
	text-transform:none;
}
p img
{
	padding-right:10px;
}

.ml180
{
	margin-left:180px !important
}
.ml150
{
	margin-left:150px !important
}

.headerBottomLink
{
	text-align:right;
}
	
.headerBottomLink ul 
{
	list-style:none;
	position: relative;
    right: 0px;
    top: -124px;
	
}
.headerBottomLink ul li
{
	display:inline;
	
	font-family:Verdana;
	font-weight:normal;
	font-style:none;
	color:#6f6f6f;
	font-size:11px;
	text-transform:none;
	border-right: 1px solid #ccc;
	
}
.headerBottomLink ul li:last-child { border-right:0px !important; }
.headerBottomLink ul li a
{
	display:inline;
	
	font-family:Verdana;
	font-weight:normal;
	font-style: italic;
	color:#6f6f6f;
	font-size:11px;
	text-transform:none;
	padding:0px 10px;
	
}





.headerBottomLink ul li a:hover
{
	text-decoration:none;
}
.footerCopy{
	background:#222;
	padding:5px;
}
.copyright
{
	font-family:Verdana;
	font-weight:normal;
	font-style: none;
	color:#fff;
	font-size:11px;
}

