/* HoverSlider Styles */



.hs-container,
.hs-btm {
	margin: 0px auto;
}

.hs-inner {
	position: relative;
}

.hs-inner,
.hs-image,
.hs-image-container {
	width: 100%;
	height: 100%;
}

/* BUGFIX v1.5 prevent to show images while loading the page */

.hs-image {
	display: none;
}

.hs-inner {
	overflow: hidden;
}

.hs-html {
	position: absolute;
	z-index: 10;
	display: none;
}

.hs-html * {
	position: relative;
	z-index: 15;
}

.hs-bg {
	position: absolute !important;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 11 !important;
}

.hs-image-container {
	position: absolute;
	display: none;
}

.hs-image {
	position: absolute;
	background-position: center center;
}

.hs-btm {
	position: relative;
	display: none;
}

.hs-shadow {
	position: relative;
	z-index: 1;
}

.hs-slideline {
	position: absolute;
	z-index: 2;
	width: 100%;
	font-size: 0px !important;
	line-height: 0px !important;
}

.hs-slider {
	left: 0px;
	position: absolute;
}

.hs-controls {
	display: inline-block;
	position: relative;
	margin: 0 auto;
	z-index: 3;
}

.hs-controls span {
	display: inline-block;
	height: 100%;
	line-height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: default;
}

.hs-html * {
				text-shadow: none;
			}
			
			#hshtml1 {
				bottom: 0px;
				width: 360px;
				margin-bottom: 20px;
			}
			
			#hshtml1 h1 {
				font-size: 28px;
				padding: 20px;
				color: white;
				line-height: 30px;
			}

			#hshtml1 p {
				padding: 20px;
				background: white;
				font-size: 18px;
				color: #065283;
			}

			#hshtml2 {
				width: 400px;
				margin: 80px 40px 0px 0px;
			}
			
			#hshtml2 h1 {
				font-family: Georgia;
				font-style: italic;
				font-weight: bold;
				font-size: 30px;
				height: 50px;
				line-height: 34px;
				color: #fff;
			}

			#hshtml2 p {
				font-family: Helvetica, Arial, Verdana;
				font-weight: normal;
				font-size: 14px;
				color: #f0e2dd;
				background: rgb(37,17,10);
				background: rgba(37,17,10,.85);
				padding: 20px;
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
			}
			
			#hshtml2 p.orange {
				padding: 10px 20px;
				background: rgb(255,102,0);
				background: rgba(255,102,0,.85);
				margin-top: 10px;
				text-align: center;
			}

			#hshtml2 p.orange a {
				color: #fff;
				font-family: Georgia;
				font-weight: bold;
				font-style: italic;
				font-size: 16px;
			}

			#hshtml2 p.orange a:hover {
				color: #222;
			}

			#hshtml3 {
				width: 300px;
				margin-top:20px;
				margin-right: 20px;
				background: white;
				background: rgba(255,255,255,.85);
				margin-bottom: 20px;
				-webkit-border-radius: 5px;
				-webkit-border-top-right-radius: 15px;
				-webkit-border-bottom-left-radius: 15px;
				-moz-border-radius: 5px;
				-moz-border-radius-topright: 15px;
				-moz-border-radius-bottomleft: 15px;
				border-radius: 5px;
				border-top-right-radius: 15px;
				border-bottom-left-radius: 15px;
				box-shadow: 0px 3px 15px -5px black;
				padding: 20px;
			}
			
			#hshtml3 h1 {
				font-size: 28px;
				color: #1E9DFF;
				line-height: 30px;
				text-align: center;					
			}

			#hshtml3 p {
				font-size: 18px;
				color: #000000;
				text-align: left;
			}
			
			#hshtml3 a {
				
				color: #1E9DFF;
				
				text-align: center;					
			}
