@charset "utf-8";

/* CSS Document */



*{

	margin:0 auto;

	padding:0;

	

}



body{

	margin:0 auto;

	padding:0;

	font-family: 'Droid Sans', sans-serif;

	font-size:12px;

}



.bg_top

{background:url(../images/pic2.jpg)no-repeat center top; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;



}



.logo{

	float:left;

	margin-top:30px;

	

}





.slider_text{

	margin-left:50px;

	margin-top:120px;

	background-color:#333;

	zoom: 1;

	filter: alpha(opacity=50);

	opacity: 0.5;

	border-radius:5px;

	width:100%;

	color:#fff;

	position:relative; height:250px;

}







.arow{

	height:14px;

	padding-left:15px;

}



.apply_bt{

	position:relative;

	top:-100px;

	right:-60px;

	

}



.apply_bt1{

	position:relative;

	top:-70px;

	right:-60px;

	

}



.apply_bt2{

	position:relative;

	top:-30px;

	right:-60px;

	

}



.apply_bt a{

	

	text-align:center;

	text-decoration:none;

	text-transform:uppercase;

	color:#000;

	background-color:#FF0;

	border-color:#FC0;

	padding:10px 10px;

	font-size:14px;

	font-weight:bold;

	

}



.apply_bt1 a{

	

	text-align:center;

	text-decoration:none;

	text-transform:uppercase;

	color:#000;

	background-color:#FF0;

	border-color:#FC0;

	padding:10px 10px;

	font-size:14px;

	font-weight:bold;

	

}



.apply_bt a:hover{



	text-align:center;

	text-decoration:none;

	text-transform:uppercase;

	color:#fff;

	background-color:#000;

	border-color:#FC0;

	padding:10px 10px;

	font-size:16px;

	font-weight:bold;

	

}

.apply_bt1 a:hover{



	text-align:center;

	text-decoration:none;

	text-transform:uppercase;

	color:#fff;

	background-color:#000;

	border-color:#FC0;

	padding:10px 10px;

	font-size:16px;

	font-weight:bold;

	

}







h2{

	

	font-size:30px;

	padding:20px 20px 60px 20px;

	color:#FFF;

	font-family: 'Droid Sans', sans-serif; text-align:left;

}





#top_buttom{

	background-color:#FFFED9;

	position:relative;

	

	

}





.login{

	

	margin:30px 0 30px 0;

}







.hovereffect {

  width: 100%;

  height: 100%;

  float: left;

  overflow: hidden;

  position: relative;

  text-align: center;

  cursor: default;

}



.hovereffect .overlay {

  width: 100%;

  height: 100%;

  position: absolute;

  overflow: hidden;

  top: 0;

  left: 0;

}



.hovereffect img {

  display: block;

  position: relative;

  -webkit-transition: all 0.4s ease-in;

  transition: all 0.4s ease-in;

}



.hovereffect:hover img {

  filter: url('data:image/Log_1;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');

  filter: grayscale(1) blur(3px);

  -webkit-filter: grayscale(1) blur(3px);

  -webkit-transform: scale(1.2);

  -ms-transform: scale(1.2);

  transform: scale(1.2);

}



.hovereffect h2 {

  text-transform: uppercase;

  text-align: center;

  position: relative;

  font-size: 17px;

  padding: 10px;

  background: rgba(0, 0, 0, 0.6);

}



.hovereffect a.info {

  display: inline-block;

  text-decoration: none;

  padding: 7px 14px;

  border: 1px solid #fff;

  margin: 50px 0 0 0;

  background-color: transparent;

}



.hovereffect a.info:hover {

  box-shadow: 0 0 5px #fff;

}



.hovereffect a.info, .hovereffect h2 {

  -webkit-transform: scale(0.7);

  -ms-transform: scale(0.7);

  transform: scale(0.7);

  -webkit-transition: all 0.4s ease-in;

  transition: all 0.4s ease-in;

  opacity: 0;

  filter: alpha(opacity=0);

  color: #fff;

  text-transform: uppercase;

}



.hovereffect:hover a.info, .hovereffect:hover h2 {

  opacity: 1;

  filter: alpha(opacity=100);

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}







.captionLink{

	background-color:#06F;

	text-transform:uppercase;

	font-size:14px;

	color:FFF;

	text-decoration:none;

	font-weight:bold;

	padding:10px 0px;

	margin:0 auto;

	

	

}









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

  

.logo{

	float:left;

	margin-top:10px;

	

}





.slider_text{

	margin-left:0px;

	margin-top:20px;

	background-color:#333;

	zoom: 1;

	filter: alpha(opacity=50);

	opacity: 0.5;

	border-radius:5px;

	width:100%;

	color:#fff;

	position:relative;

}





.apply_bt{

	position:relative;

	top:-60px;

	right:-35px;

	

}



.apply_bt a{

	

	text-align:center;

	text-decoration:none;

	text-transform:uppercase;

	color:#000;

	background-color:#FF0;

	border-color:#FC0;

	padding:10px 10px;

	font-size:16px;

	font-weight:bold;

	

}



.apply_bt a:hover{



	text-align:center;

	text-decoration:none;

	text-transform:uppercase;

	color:#fff;

	background-color:#000;

	border-color:#FC0;

	padding:10px 10px;

	font-size:16px;

	font-weight:bold;

	

}





h2{

	

	font-size:20px;

	padding:5px 5px 80px 5px;

	color:#FFF;

	font-family: 'Droid Sans', sans-serif;

}



.hovereffect {

  width: 100%;

  height: 100%;

  float: left;

  overflow: hidden;

  position: relative;

  text-align: center;

  cursor: default;

  padding-bottom:20px;

}

	

	

}