body, html, #dim {
				height: 100%;
			}
			
			 #dim {
	height: 250px;
	padding-left: 0%;
	width: 100%;
	/* [disabled]padding-right: 1%; */
	padding-top: 10px;
	clear: both;
			}
#dim2 {
height: 250px;
	padding-left: 0%;
	width: 100%;
	/* [disabled]padding-right: 1%; */
	padding-top: 10px;
	clear: both;
}
		


		
      #hoverslider {
	width: 100%;
	height: 100%;
    } 
		
			.hs-html * {
				text-shadow: none;
			}
 
    #hshtml1 {
        bottom: 0px;
        width: 100%;
        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;
				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: #6e7208;
				line-height: 30px;
				text-align: center;					
			}

			#hshtml3 p {
				font-size: 18px;
				color: #6e7208;
				text-align: center;
			}
/* 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;
}
@media only screen and (min-width: 767px) {
	
	 #dim {
	height: 280px;
	padding-left: 1%;
	width: 99%;
	/* [disabled]padding-right: 1%; */
	padding-top: 10px;
	clear: both;
			}
#dim2 {
	height: 300px;
	padding-left: 1%;
	width: 99%;
	/* [disabled]padding-right: 1%; */
	/* [disabled]padding-top: 10px; */
	clear: both;
}
}
@media only screen and (min-width: 1023px) {
	
	 #dim {
	height: 320px;
	padding-left: 1%;
	width: 99%;
	/* [disabled]padding-right: 1%; */
	padding-top: 10px;
	clear: both;
			}
#dim2 {
	height: 345px;
	padding-left: 1%;
	width: 99%;
	/* [disabled]padding-right: 1%; */
	/* [disabled]padding-top: 10px; */
	clear: both;
}
}

@media only screen and (min-width: 1280px) {
	
	 #dim {
	height: 420px;
	padding-left: 1%;
	width: 99%;
	/* [disabled]padding-right: 1%; */
	padding-top: 10px;
	clear: both;
			}
#dim2 {
	height: 450px;
	padding-left: 1%;
	width: 99%;
	/* [disabled]padding-right: 1%; */
	/* [disabled]padding-top: 10px; */
	clear: both;
}
}