/* BANNER
=============================================================================== */
.banner_clip {
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    background: #ffffff;
}
.white_bg {
	background: #ffffff;
}
#banner {
	height: auto;
	width: auto;
	overflow: hidden;
	margin: 0 -0.9375rem;
	padding: 0 0.9375rem;
	clear: both;
}

	.banner_clip #banner {
		background: url(../images/style/shadow_fade.png) bottom center repeat-x;	
	}
.shadow_hide {
    width: auto;
    height: 15px;
    margin: 0 -0.9375rem 15px -0.9375rem;
    padding: 0 0.9375rem;
    background: #ffffff;
	position: relative
}

.rsDefault .rsBullets {
	position: absolute;
	bottom: 20px;	
	text-align: center;
	width: 100%;
	background: transparent;
}
	.rsDefault .rsBullet {
		margin: 0 5px;
		padding: 0;
		width: 10px;
		height: 10px;	
		background: url(../images/banner/banner_nav.png) 0 0 no-repeat;
	}
		.rsDefault .rsBullet span {display: none;}
		.rsDefault .rsBullet:hover {cursor: pointer;}
		.rsDefault .rsBullet.rsNavSelected {
			background: url(../images/banner/banner_nav.png) 0 -20px no-repeat;
		}
		

#bannerhead {
	margin: 0;
	background: url(../images/banner/banner-sep.png) bottom center no-repeat;
}
	#bannerhead h2 {text-align: center;}
	#bannerhead h1 {font-weight: 300;}
	

.text_center {text-align: center;}
.text_center a.btn {margin: 0 auto;}


#banner ul {
	background: url(../images/banner/banner-sep.png) bottom center no-repeat #ffffff;
	padding-bottom: 1px;	
	padding-top: 0;
}
	#banner ul li {
		padding: 0;
		height: 200px;
		background-size: contain !important;
		background-image: none;
		width: 100%;
	}
	
.banner_con_left, .banner_con_right {
	width: 100%;	
	padding-top: 15px;
	float: none;
	height: 200px;
	background: rgba(255,255,255,0.8);
}
	
	#banner ul li h2, #banner ul li p {
		padding-left: 30px;
		padding-right: 30px;
		text-align: center;	
	}
	#banner ul li h2 {
		font-size: 150%;
	}
	#banner ul li p {
		font-size: 116%;	
	}
		#banner ul li p.btn_container {font-size: 100%;}
		#banner ul li a.btn {margin: 0 auto;}




	/* hide while loading */
	.royalSlider > .slide {
		visibility: hidden; 
		}
.royalSlider {
	width: 100%;
	height: 200px;
	margin: 0;	
}
.royalSlider.rsDefault, .royalSlider.rsDefault .rsOverflow, .royalSlider.rsDefault .rsSlide {
	background: none;
	}
				
.rsDefault .rsArrow {display: none !important;}


/* iOS VIDEO PLAYER FIX */	
.ios iframe {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 44px;
}
/* ENDS */

/* MEDIUM - 640px up */
@media only screen and (min-width: 40.063em) { 
/* BANNER
=============================================================================== */
.rsDefault.rsHor .rsArrow {
	width: 16px;
	height: 64px;
	display: block !important;
	text-indent: -9999px;
	top: 50%;
	margin-top: -32px;
}
	.rsDefault.rsHor .rsArrow .rsArrowIcn {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin: 0;
	}
.rsDefault .rsArrow.rsArrowLeft {
	margin-left: 10px;
	float: left;
}
	.rsDefault .rsArrow.rsArrowLeft .rsArrowIcn {background: url(../images/style/banner_prev.png) top center no-repeat transparent;	}
.rsDefault .rsArrow.rsArrowRight {
	margin-right: 10px;
	float: right;
}
	.rsDefault .rsArrow.rsArrowRight .rsArrowIcn {background: url(../images/style/banner_next.png) top center no-repeat transparent;}

.rsDefault .rsArrow .rsArrowIcn:hover {background-position: bottom center;}

#bannerhead {
	margin: 20px 30px 0 30px;
}
#bannerhead h1 {padding: 15px 0;}
#banner ul li {height: 250px;}
.banner_con_left, .banner_con_right {
	width: 60%;	
	padding-top: 30px;
	background: none;
	min-height: 250px;
	height: auto;
}
	.banner_con_left {float: left;}
	.banner_con_right {float: right;}
	
	#banner ul li h2, #banner ul li p {
		padding-left: 50px;
		padding-right: 50px;
		text-align: left;	
	}
	#banner ul li h2 {font-size: 225%;}
		#banner ul li.text_center h2, #banner ul li.text_center p {
			text-align: center;	
		}
#banner ul li a.btn {margin: 0;}
	#banner ul li.text_center a.btn {margin: 0 auto;}
	
	.royalSlider {height: 250px;}
}

/* X LARGE - 1280px up */
@media only screen and (min-width: 90.063em) {
	.banner_con_left {
		padding-left: 50px;
			
	}
	 .banner_con_right {
		padding-right: 50px; 
	 }
}