@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300,400italic,800);

/*.logo{
	position:absolute;
	top:0px;
	left:60px;
	z-index:120;
}*/

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

body { margin: 0; } 
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}

.top{
	background-color:#032656;
	padding:5px 0;
}

.top ul{
	float:left;
	list-style:none;
	margin:10px 0 0 0;
}

.top ul li{
	display:inline;
	margin:0 0px;
}

.top ul li a{
	color:#01CBFF;
	text-decoration:none;
	transition:all ease 0.5s;
}

.top ul li a:hover{
	color:#FFFFFF;
}

.btn-success{
	margin:8px 0;
}

.jaz{
	width:60px;
	height:auto;
	margin:5px;
}

.header1{
	background-color:#0e629e;
	height:auto;
}

.logo2{
	width:130px;
	margin:10px;
}

.title{
	color:#FFED00;
}

.title h1{
	font-size:36px;
	font-weight:bold;
	margin:15px 45px;
}

.title h4{
	font-size:22px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	line-height:1.5;
	margin:0px 40px;
}

.header2{
	top:0;
	left:0;
	width:auto;
	background-color:#000000;
	height:50px;
}

.banner_wrap{
	height:380px;
	background-color:#002570;
}

.ban_fff_wrap{
	padding:0;
	margin:15px auto;
}

/*.ban_fff_wrap img{
	width:890px;
	height:350px;
}*/

.fff_head{
	float:left;
	width:280px;
	height:auto;
}

.ff-stu-head{
	float:left;
	width:160px;
	height:35px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0061a3+0,4096ee+100 */
background: #0061a3; /* Old browsers */
background: -moz-linear-gradient(top,  #0061a3 0%, #4096ee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0061a3 0%,#4096ee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0061a3 0%,#4096ee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0061a3', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	-border-raidus:6px 6px 0 0;
	border-bottom:solid 1px #79CEFF;
}

.fff_head h5{
	font-family:"Open Sans";
	font-weight:bold;
	color:#FFFFFF;
	margin:10px 20px;
}

.fff_cont{
	float:left;
	width:280px;
	height:315px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0061a3+0,4096ee+100 */
background: #0061a3; /* Old browsers */
background: -moz-linear-gradient(top,  #0061a3 0%, #4096ee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0061a3 0%,#4096ee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0061a3 0%,#4096ee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0061a3', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius:0 6px 0 0;
	-moz-border-radius:0 6px 0 0;
	-border-raidus:0 6px 0 0;
padding:20px;
}

.fff_cont p{
	color:#FFF500;
}

.fff_cont label{
	color:#FFFFFF;
}

.fff_cont input{
	height:27px;
	padding:3px;
}

.fff_cont textarea{
	width:240px;
	height:80px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-border-raidus:6px;
}

.form-group{
	margin:8px 0;
}

.career_frm textarea{
	width:100%;
	height:140px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-border-raidus:6px;
	border:solid 1px #C8C8C8;
	padding:15px;
}

.sbb{
	width:150px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-border-raidus:6px;
	border:none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7d32+2,ff670f+100 */
	background: #ff7d32; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff7d32 2%, #ff670f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ff7d32 2%,#ff670f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ff7d32 2%,#ff670f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7d32', endColorstr='#ff670f',GradientType=0 ); /* IE6-9 */
	font-weight:bold;
	color:#FFFFFF;
	padding:4px;
	margin:0 auto;
	transition:all ease 0.5s;
}

.sbb:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d2ff52+0,91e842+100;Neon */
background: #d2ff52; /* Old browsers */
background: -moz-linear-gradient(top,  #d2ff52 0%, #91e842 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d2ff52 0%,#91e842 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d2ff52 0%,#91e842 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 ); /* IE6-9 */
color:#000000;
}


.middle{
	background-color:#EDF9FF;
}

.middle h3, p{
	font-family:"Open Sans";
	color:#000000;
	text-align:justify;
}

.ad_wrap{
	margin:50px 0;
}

.ads{
	min-height:220px;
	width:350px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c5ebf9+0,74c7e8+100 */
background: #F5F5F5; /* Old browsers */

-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
	/*-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-border-radius:6px;*/
	border:solid 2px #fff;
	padding:2px 10px;
	margin:0 12px;
}

.lnk a{
	float:left;
	width:170px;
	background-color:#FBBB00;
	color:#000000;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-border-radius:5px;
	padding:5px;
	margin:5px 0;
}

.bed_block{
	float:left;
	overflow-y:scroll;
	width:620px;
	height:200px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-border-radius:8px;
	border:solid 2px #003F96;
	padding:5px;
	margin:10px;
}

.bed_block h5{
	float:left;
	font-size:18px;
	margin:5px;
}

.blink{
	width:40px;
}

.rr_block img{
	margin:10px 0;
}

.admis_wrap{
	height:300px;
	
	background: #00418b;
  	background-image: url("../images/adm.png"); /* fallback */
  	background-image: url("../images/adm.png"), linear-gradient(#00418b, #011b3b); /* W3C */
	background-size:cover;
	background-attachment:fixed;
}

.admis_wrap .quote{
	font-family:"Open Sans";
	font-size:38px;
	font-weight:lighter;
	color:#FDFC00;
	margin:50px 0;
}

.btn-warning{
	float:left;
}

.footer_wrap{
	background-color:#032656;
}

.footer_wrap h4{
	color:#FFFFFF;
}

.footer_wrap p{
	color:#FFFFFF;
}

.footer{
	margin:40px 50px;
}

.foot_sec{
	margin:0px;
}

.foot_sec ul{
	float:left;
	margin:0 12px;
	padding:0;
}

.foot_sec ul li{
	color:#FFFFFF;
	margin:0;
}

.foot_sec ul li a{
	color:#4DB2FB;
	font-family:"Open Sans";
	font-size:14px;
	text-decoration:none;
	margin:0;
}

.foot_sec ul li a:hover{
	color:#fff;
}

.foot_sec p{
	float:left;
	font-size:14px;
	color:#CDCDCD;
}

.follow a{
	margin:0 3px;
}

.follow a img{
	width:30px;
	transition:all ease 0.5s;
}

.follow a img:hover{
	width:35px;
}

.design{
	background-color:#0e629e;
}

.design p{
	text-align:center;
	font-size:12px;
	color:#fff;
	margin:10px;
}

.design a{
	text-decoration:none;
	color:#fff;
}

#myModal{
	width:720px;
	height:540px;
	padding:6px;
	margin:90px auto;
	overflow:hidden;
	z-index:10000;
}

.modal-title{
	font-size:24px;
	color:#0047B5;
}

.modal-content{
	border-radius:0;
}

.qcontact{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cfe7fa+0,6393c1+100;Grey+Blue+3D */
background: #cfe7fa; /* Old browsers */
background: -moz-linear-gradient(top,  #cfe7fa 0%, #6393c1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #cfe7fa 0%,#6393c1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #cfe7fa 0%,#6393c1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-border-radius:5px;
	padding:15px;
}

.feed{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff823a+0,ffb6a0+100 */
background: #ff823a; /* Old browsers */
background: -moz-linear-gradient(top,  #ff823a 0%, #ffb6a0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff823a 0%,#ffb6a0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff823a 0%,#ffb6a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff823a', endColorstr='#ffb6a0',GradientType=0 ); /* IE6-9 */

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-border-radius:5px;
	padding:15px;
}

.side_pic{
	margin:10px 0;
}

.highlights a{
	color:#12558C;
	text-decoration:none;
}

.left_content{
	background-color:#FFFFFF;
	border-bottom:solid 1px #DDDDDD;
	padding:20px 40px;
	margin:30px 0;
}

.down_strip a{
	float:left;
	text-decoration:none;
	margin:10px;
	transition:all ease 0.5s;
}

.down_strip a:hover{
	color:#FF4700;
}

.faq{
	width:30%;
	height:auto;
}

.left_content a{
	text-decoration:none;
}

.b_link{
	width:250px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-border-radius:6px;
	color:#FFFFFF;
	text-align:center;
	padding:10px 5px;
background: #a90329;
background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);
background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );

-webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.2);
box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.2);
}

.lll01{
	float:left;
	width:300px;
	height:40px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-border-radius:6px;
	background: #d2ff52;
background: -moz-linear-gradient(top, #d2ff52 0%, #91e842 100%);
background: -webkit-linear-gradient(top, #d2ff52 0%,#91e842 100%);
background: linear-gradient(to bottom, #d2ff52 0%,#91e842 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 );
	color:#000000;
	font-size:16px;
	font-weight:bold;
	padding:10px 20px;
	margin:20px 5px;
}

.sec_hd{
	-webkit-border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	-border-radius:6px 6px 0 0;
	border:solid 2px #0084FF;
	border-bottom:none;
	background-color:#0084FF;
	color:#FFFFFF;
	padding:5px 10px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.sec_block{
	float:left;
	-webkit-border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	-border-radius:0 0 6px 6px;
	border:solid 2px #0084FF;
	border-top:none;
	background-color:#FFFFFF;
	padding:10px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}

.card {
	float:left;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  max-width: 300px;
  margin:15px 25px;
  text-align: center;
}

.title2 {
  color: grey;
  font-size: 18px;
  text-align:center;
}

.card p{
	text-align:center;
}

button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color: #0055A4;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
}

.card a {
  text-decoration: none;
  font-size: 22px;
  color: black;
}

button:hover, a:hover {
  opacity: 0.7;
}

@media (max-width:480px){
	
/*.logo{
	position:relative;
	top:0px;
	left:0px;
}*/

.logo2{
	width:100px;
	margin:10px 120px;
}

.title h1{
	font-size:20px;
	text-align:center;
}

.title h4{
	font-size:12px;
	text-align:center;
}

.top ul{
	float:none;
	margin:0 auto;
}

.top ul li{
	display:block;
	text-align:center;
	margin:0px;
}

.top ul li a{
	font-size:12px;
	padding:0;
	margin:0;
}

.banner_wrap{
	height:auto;
	background-size:cover;
}

.ban_fff_wrap img{
	width:auto;
	height:auto;
}

.fff_head{
	float:left;
	width:100%;
}

.fff_cont{
	float:left;
	width:100%;
}

.fff_cont textarea{
	width:100%;
}

.ads{
	width:100%;
	height:auto;
	margin:20px 0;
}

.admis_wrap{
	height:auto;
}

.admis_wrap .quote{
	font-size:18px;
	margin:20px 0;
}

.btn-warning{
	float:none;
	margin:20px 0;
}

.footer{
	margin:40px 0px;
}

.follow a{
	margin:0 1px;
}

.foot_sec{
	margin:25px 10px;
}

.foot_sec ul{
	float:none;
}

.foot_sec ul li a{
	font-size:14px;
}

.foot_sec h4{
	float:none;
	font-size:16px;
}

.foot_sec p{
	float:none;
	font-size:14px;
}

#myModal{
	width:auto;
	height:auto;
	margin:0 auto;
	overflow:scroll;
}

.qcontact{
	margin:10px 0;
}

.faq{
	width:100%;
	height:auto;
}

.bed_block{
	float:none;
	width:100%;
	margin:5px 0;
}

.lnk a{
	width:100%;
	padding:5px;
	margin:5px 0;
}

.lll01{
	float:none;
	width:100%;
}


}

@media (max-width:320px){
	
.logo2{
	width:100px;
	margin:10px 80px;
}

.title h1{
	text-align:center;
	margin:15px 0px;
}

.title h4{
	text-align:center;
	margin:3px 0px;
}
	
.bed_block{
	float:none;
	width:100%;
	margin:5px 0;
}
	
.lnk a{
	width:100%;
	padding:5px;
	margin:5px 0;
}

.lll01{
	float:none;
	width:100%;
}

.card {
	float:none;
  max-width:100%;
  margin:15px 0px;
}




}