/*************************************************************WRAPPER START*************************************************************/



#wrapper {

	float: left;

	width: 100%;

	position: relative;

}




.banner-outer {

	position: relative;

	float: left;

	width: 100%;

}

#banner {

	float: left;

	width: 100%;

	position: relative;

}

#banner img {

	display: block;

	width: 100%;

}

.kenburnsy {

	position: relative;

	overflow: hidden;

	width: 100%;

	height: 400px;

}

.kenburnsy .slide {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background-position: center center;

	-webkit-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	-webkit-transform-origin: center;

	-ms-transform-origin: center;

	transform-origin: center;

}

.banner-outer .caption {

	position: absolute;

	left: 0;

	top: 45px;

	width: 100%;

	z-index: 999;

}

.banner-outer .caption .holder {

	width: 100%;

	margin: 0 auto;

	display: block;

}

.banner-outer .caption .holder h1 {

	text-align: center;

	font: 700 30px/30px 'Roboto', sans-serif;

	color: #fff;

	text-shadow: 0 3px 5px rgba(0,0,0,0.3);

	-moz-text-shadow: 0 3px 5px rgba(0,0,0,0.3);

	-webkit-text-shadow: 0 3px 5px rgba(0,0,0,0.3);

	margin: 0 0 30px 0;

}

.banner-outer .caption .holder form {

	float: left;

	width: 100%;

	background: rgba(255,255,255,0.15);

	-moz-background: rgba(255,255,255,0.15);

	-webkit-background: rgba(255,255,255,0.15);

	border-radius: 3px;

	padding: 30px 0;

	margin: 0 0 20px 0;

	box-shadow: 0 0 12px rgba(0,0,0,0.15);

	-moz-box-shadow: 0 0 12px rgba(0,0,0,0.15);

	-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.15);

}

.banner-outer .caption .holder form input[type="text"] {

	float: left;

	width: 100%;

	background: #fff;

	border: 0;

	padding: 0 20px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	height: 45px;

	border-radius: 3px;

	box-shadow: 0 5px 5px rgba(0,0,0,0.15);

	-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.15);

	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.15);

	font: 400 14px 'Roboto', sans-serif;

	color: #777;

}

 .banner-outer .caption .holder form input::-webkit-input-placeholder {

 color:#777;

 opacity:1;

}

 .banner-outer .caption .holder form input:-moz-placeholder {

 color:#777;

 opacity:1;

}

 .banner-outer .caption .holder form input::-moz-placeholder {

 color:#777;

 opacity:1;

}

 .banner-outer .caption .holder form input:-ms-input-placeholder {

 color:#777;

 opacity:1;

}

.banner-outer .caption .holder form button[type="submit"] {

	float: left;

	width: 100%;

	height: 45px;

	border: 0;

	background: #fff;

	border-radius: 3px;

	font-size: 18px;

	box-shadow: 0 5px 5px rgba(0,0,0,0.15);

	-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.15);

	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.15);

}

.banner-outer .caption .holder form button[type="submit"]:hover {

	color: #fff;

}

/****************************BANNER CSS END****************************/




/****************************************************TRANSITION CSS END****************************************************/