@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0}
body{color:#252525; font-family:"PT Sans", sans-serif; font-size:16px;}
#top-thin{

    background:#002674;
	height:30px;
	color:#ffffff;
	padding-top:4px;
	text-align:right;
	
   	
}
#top-thin a{color:#ffffff;}
#top-thin a:hover{text-decoration:underline}


#header{height:70px; padding:10px 0}


#sub-header{background:url(../images/head.png)  no-repeat; background-size: cover; width:100%;  display:table; min-height:349px; height:560px; }
#sub-header .inner{min-height: 175px; margin-top:10%;  background:url(../images/head-pxl.png) repeat; color:#ffffff; padding-top:30px;}
.introTitle{font-family: "PT Sans Caption"; font-size:24px; color:#ffffff;}

.gstart{color:#ffffff; font-family:"PT Sans Caption"; font-size:20px; border:1px solid #ffffff; border-radius:3px; padding:3px 5px;  transition:all 0.3s ease;}
.gstart:hover{background:#ffffff; color:#252525; text-decoration:none;}


.row{margin-left:0 !important; margin-right:0 !important}
.noPad{padding-left:0 !important; padding-right:0 !important}
nav{
    color:#010101;
	font-size:18px;
    font-family: 'PT Sans', sans-serif;	
	padding-top:6px;
}
nav ul li {list-stayle:none; float:left; display:inline-block; margin-left:8px;}
nav ul li a{color:#010101; text-decoration:none; padding:7px 10px;  transition: all 0.3s ease}
nav ul li a:hover, nav ul li a:active, nav ul li a:focus, .current{color:#ffffff; background:#f38b00; border:0px solid #6871c3; border-radius:3px; text-decoration:none;}
#mIcon{display:none; color:#ffffff;  margin-top:5px}
.mainHeading{color:#ffffff; font-size:3.5em; text-align:center; margin:10% auto; font-family: 'Varela Round', sans-serif;}
.gap100{height:100px;}

.logodiv{padding-top:0px; padding-left:15px;}

.margin40{margin-top:40px;}



.headerBottom{background:#002674; min-height:60px; color:#ffffff; font-size:24px; font-family:"PT Sans";}

.page{background:url(../images/pg-pat.png) repeat-x; min-height:500px;}


#vidDiv {width: 100%; height: 310px; position: relative; overflow:hidden; background:url(../images/v-pxl.png) repeat;}
#video{width: 100%;  position: absolute; top: -325px; left: 0; min-width:100%; min-height:100%; z-index:-100 }
#vidTxtArea {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index:8888;}

.vid-sec{
  
    width:50%;
	float:left;
	padding-top:75px;
	color:#ffffff;
	
}


.vid-sec .title{

    font-family: "PT Sans Caption";
	font-size:18px;
  	
}

.vid-sec .desc{

   font-family: "PT Sans";
   font-size:18px;
   width:90%
	
}
  
  
  
  

.footerArea{
	
    background:#0e3a93;
	min-height:350px;
	color:#ffffff;
	padding-top:50px;
	
}

.top6px{padding-top:6px}
.sIcon, .sIcon:active{ border:1px solid #ffffff; color:#ffffff;  padding:5px 5px; font-size:15px;  border-radius:5px; margin-left:5px}
.sIcon:hover{transition: all 0.5s; background:#ffffff; text-decoration:none; color:#444444}


.footerLinks li{list-style:none;}
.footerLinks li a{color:#ffffff}

.footerArea .title{

    font-family: 'PT Sans Caption';
	font-size:18px;
	color:#ffffff;
	font-weight:bold;
	
	
}


.footer{

   background:#002674;
   min-height:60px;
   font-family: 'PT Sans Narrow', serif;
   font-size:16px;
   color:#ffffff;
   padding-top:15px;
	
}


#backTop{display:none; position:fixed; font-size:26px; right:10px; bottom:10px; z-index:9999; color:#444444}  
  
  
.heading1{color:#252525; font-size:26px; font-family:"PT Sans Caption"}  

.sbox{
       background:url(../images/sbox-bg.png) repeat-x bottom #ffffff;
	   border:1px solid #cccccc;
	   border-radius:5px;
	   padding:5px;
	   min-height:200px;
	   margin-top:15px;
	   margin-bottom:10px;
	}


.sbox .title{
		font-size:18px;
		
}

.sbox .desc{
    font-size:16px;
}

  
@media only screen and (max-width : 920px) {
nav{
    color:#444444;
    font-family: 'PT Sans Narrow', sans-serif;	
	padding-top:25px;
	display:none;
	clear:both;
	
}	

  .toggleAlign{float:left; clear:both}
nav ul li {list-stayle:none; float:left; display:inline-block; margin-left:15px;}
  nav li a {
     display:block;  transition: all 0.3s ease
  }
  
  #mIcon {display:inline; color:#ffffff; text-decoration:none; font-size:22px; position:absolute; right:7px;}
  
  
nav ul li a:hover{color:#ffffff; background:#f38b00; border:0px solid #6871c3; border-radius:5px; text-decoration:none;}  
  
}


@media only screen and (max-width : 600px) {
nav{
    color:#444444;
    font-family: 'PT Sans Narrow', sans-serif;	
	padding-top:25px;
	display:none;
	clear:both;
	
}	

  .toggleAlign{float:left; clear:both}
  nav ul li {list-stayle:none; margin-left:0; margin-top:5px; float:none; width:100%; font-size:20px; height:25px; }
  nav li a {
     display:block;  transition: all 0.3s ease
  }
  
  #mIcon {display:inline; color:#ffffff; text-decoration:none; font-size:22px; position:absolute; right:7px;}
  
  
nav ul li a:hover{color:#ffffff; background:#f38b00; border:0px solid #6871c3; border-radius:5px; text-decoration:none;}  
  
}


@media only screen and (max-width : 320px) {

#vidDiv {width: 100%; min-height: 310px; position: relative; overflow:hidden; background:url(../images/v-pxl.png) repeat;}

.vid-sec{ padding-top:10px; }
	
}

@media only screen and (max-width : 360px) {

.vid-sec{ padding-top:10px; }
	
#vidDiv {width: 100%; min-height: 310px; position: relative; overflow:hidden; background:url(../images/v-pxl.png) repeat;}	
	
}

@media only screen and (max-width : 440px) {
#vidDiv {width: 100%; min-height: 310px; position: relative; overflow:hidden; background:url(../images/v-pxl.png) repeat;}
.vid-sec{ padding-top:10px; }
	
}