/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }


/*--services jquery*/  
#fx { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin:1px auto 0; height:40px;  width:960px; text-align:center;  }
#fx span.jFlowSelected { background:#e6c227; color:black; margin-right:0px; }
.jFlowctlr {
	width:335px; text-align:center; margin-left:-35px; padding-top:11px; height:34px; display:block; float:left;
}
.slide-wrapper { 
	padding:0px 0px;
	font-family: "BebasRegular" !important;	
	text-shadow: 0 3px 1px #12325C;
 }
.slide-thumbnail { width:600px; float:left; background-color:#000; padding:20px; border:1px dashed #666; }
.slide-thumbnail img {max-width:600px; }
.slide-details { width:255px; float:left; margin-left:40px;}
.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { margin-top:10px; }


.jFlowControl, .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; padding:3px 3px; -webkit-font-smoothing: antialiased;}
.jFlowPrev, .jFlowNext { /*display:none;*/color: #e6c227; display:block; float:left; padding:10px; margin-top:1px; width:305px; vertical-align: middle; font-size: 50px;}
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #e6c227; color:#000000;}
.jFlowControl { background: #000000;  display:inline-block !important; width:3px; height:3px; line-height: 13px;}
#jFlowSlide{ width:960px !important; height:358px !important; margin:0 auto;}
.jflow-content-slider {/
	overflow:hidden;
}
#id span {
	display:inline-block;
	float:left;
}
.home_sldr {
	display:none;
	width:100%; 
	background-image:url('../images/home_sldr_bg2.png');
	background-repeat:repeat-x;
	background-position: 0 0; 
	
	/*background:url('../images/home_sldr_bg2.png') repeat-x 0 0 transparent; */
	height:358px; 
	left:0;
	
}
.first {
	background-image:url(../images/slide1bg.png);
	width:960px;
	height:358px;}

.first > h1 {
	font-size:95px !important;
	line-height:100px;
	letter-spacing:0.01em;
	padding-top:90px;
	color:#ffffff !important;
}
.first > h1 > span {
	color:#ffd61a;
	margin:0 45px;
}
.slide-wrapper hr {
	border:0;
	height:1px;
	background-color:#ffffff;
	margin:20px 0;
}.first > h2 {
	font-size:46px !important;
	line-height:50px;
	color:#ffffff !important;
}
.second {
	background-image:url(../images/slide2bg.png);
	width:960px;
	height:358px;}

.second > h1 {
	font-size:38 !important;
	line-height:100px;
	letter-spacing:0.01em;
	padding-top:40px;
	color:#ffffff !important;
}
.second > h2 {
	font-size:80px !important;
	line-height:0px;
	color:#ffffff !important;
}

.third {
	background-image:url(../images/slide3bg.png);
	width:960px;
	height:358px;}

.third > h1 {
	font-size:42px !important;
	line-height:60px;
	letter-spacing:0.01em;
	padding-top:70px;
	color:#ffffff !important;
}
.third > h1 span {
	font-size:80px !important;
	display:block;
	margin-top:20px;
}
.third > h2 span {
	color:#ffd61a;
}
.third > h2 {
	font-size:20px !important;
	line-height:70px;
	color:#ffffff !important;
}
.second a.readmore{
	margin-top:65px;
}
a.readmore:link, a.readmore:visited {
	display:block;
	width:164px;
	padding-top:10px;
	text-align:center;
	height:43px;
	background-image:url(../images/readmore.png);
	color:#ffffff;
	text-decoration:none;
	font-size:20px;
	text-shadow: 0px 1px 1px #333333;
}
a.readmore:hover {
	background-position:0 -53px;
	color:#ffffff;
}
a.readmore:active {
	background-position:0 -106px;
	color:#ffffff;
}

.third a.learnmore{
	margin-top:65px;
	position:absolute;
	right:0px;
	top:50px;
}
.third a.learnmore:link, .third a.learnmore:visited {
	display:block;
	width:189px;
	padding-top:81px;
	text-align:center; 
	height:108px;
	background-image:url(../images/bigreadmore.png);
	color:#ffffff;
	text-decoration:none;
	font-size:20px;
	text-shadow: 0px 1px 1px #333333;
}
.third a.learnmore:hover {
	background-position:0 -189px;
	color:#ffffff;
}
.third a.learnmore:active {
	background-position:0 -378px;
	color:#ffffff;
}