@charset "UTF-8";
/* CSS Document */
#slider							{  height: 400px; overflow: hidden;
								  position: relative; margin-top: 25px; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 5760px; position: relative; }

.slide							{ padding: 40px 30px; width: 1000px; height:400px; float: left; position: relative;  }
.slide h1{
	font-size:26px;
	color:#fff;
	padding:10px;
	background:#99aacc;
	background: rgba(77,97,133, .5);
	border-radius:5px;
	
	width:800px;
	float:left;
	letter-spacing:2pt;
	font-family: 'Oswald',sans-serif; font-weight:400;
	text-shadow:0 1px 4px rgba(0,0,0,.7);
	
}
.slidetext{
	padding:10px;
	background:#778ebb;
	background: rgba(77,97,133, .7);
	color:#fff;
	width:340px;
	padding:10px;
	text-align:left;
	border-radius:10px;
	font-family: 'Oswald',sans-serif; font-weight:300;
}
,slidetext p{font-family: 'Oswald',sans-serif; font-weight:400; font-size:16px;}
.slide ul						{ color: #333; font-size: 12px; line-height: 22px; width: 300px;background:#eee; background:rgba(255,255,255, .7); padding:20px; border-radius:15px; position:relative; }
.slide ul li{list-style:none;}
.slide img						{ position: absolute; top: 0px; left: 0px;  border-radius:15px; box-shadow:3px 3px 3px rgba(0,0,0,.5); }
#slider-stopper					{
	position: absolute;
	top: 10px;
	left: 40px;
	color: #fff;
	padding: 3px 8px;
	font-size: 10px;
	text-transform: uppercase;
	z-index: 1000;
	border-radius: 10px;
	line-height:24px;
	font-size:12px;
	background:#778ebb;
	background: rgba(77,97,133, .7);
} 
#slider-stopper:hover{background:#4d6185;background: rgba(34,51,68, .9);}

.subz{
	background-color: #4d6185;
	color:#fff;
	width:150px;
	position:relative;
	border-radius: 10px;
	line-height:32px;
	font-size:16px;
	text-align: center;
	letter-spacing:2pt;
	float:right;
	margin-right:100px;
	margin-top:-50px;
}
.subz:hover{
	background:#99b2cc;
	background: rgba(34,51,68, .9);
	color:#fff;
}

.suby{
	background-color: #4d6185;
	color:#fff;
	width:150px;
	position:relative;
	border-radius: 10px;
	line-height:32px;
	font-size:16px;
	text-align: center;
	letter-spacing:2pt;
	float:right;
	/*margin-right:100px;
	margin-top:-50px;*/
}
.suby:hover{
	background: rgba(34,51,68, .9);
	color:#fff;
}
.suby a{
	color:#fff;
}
.suby a:hover{
	color:#d8e7fe;
}

#why li{
	text-align:left;
	padding: 4px 30px;
	color: #3A3A3A;
	background-image:url(../images/icons/sub_blue_accept.png);
	background-repeat: no-repeat;
	background-position: 0px -5px; 
	background-size:26px 26px;
	line-height:22px;
	font-size:14px;
	font-style:normal;

	margin-left:15px;
	text-indent: 10px;
	vertical-align: middle;
}
#how li{
	text-align:left;
	padding: 4px 10px;
	color: #3A3A3A;
	background-image:url(../images/icons/sub_blue_accept.png);
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	background-size:16px 16px;
	line-height:20px;

	font-style:normal;

	
	text-indent: 10px;
	vertical-align: middle;
}