/* SLIDER
================================================ */

#full-width-slider {
  width: 1168px;
  color: #000;
margin:16px 16px 0px 16px;
}
.fullWidth {
  max-width: 1138px;
  margin: 0 auto 24px;
}

	
.heroSlider .rsOverflow,
.royalSlider.heroSlider {
	width:930px !Important;
} 

.maroon > span, .maroon > span a, .maroon > span a:hover, .maroon > span a:visited
{
	background-color:#95364e !important;
	color:#fff !important;
	text-decoration:none !important;		
}
.white > span, .white > span a, .white > span a:hover, .white > span a:visited
{
	background-color:#fff !important;
	color:#000 !important;
	text-decoration:none !important;
}
.green > span, .green > span a, .green > span a:hover, .green > span a:visited
{
	background-color:#0d8e67 !important;
	color:#fff !important;
	text-decoration:none !important;	
}
.green a
{
	color:#fff !important;
}

.rsContent {
  color: #FFF;
  font-size: 24px;
  line-height: 32px;
  float: left;
}
.bContainer, .rsMainSlideImage{
  position: absolute !important;
}

#uonbanner_6 .bContainer
{
	margin-top:100px;
	margin-left:450px;	
}

#uonbanner_7 .bContainer
{
	margin-top:100px;
	margin-left:20px;	
}

#uonbanner_1 .bContainer
{
	margin-top:50px;
	margin-left:460px;
}

#uonbanner_2 .bContainer
{
	margin-top:170px;
}

#uonbanner_3 .bContainer
{
	margin-top:50px;
	margin-left:460px;
}

#uonbanner_4 .bContainer
{
	margin-top:100px;
	margin-left:460px;
}

#uonbanner_5 .bContainer
{
	margin-top:100px;
	margin-left:460px;
}


.rsABlock strong
{
	color:#fff;
}

.rsABlock.h1
{
	font-size:35px;
	height:60px; 
	line-height:35px;
	margin-bottom:10px;	
}

 .rsABlock.h1 > span
{
	padding:5px 10px 5px 10px;
	background-color:#858688;	
}

 .rsABlock.h2
{
	font-size:30px;
	height:50px; 
	line-height:30px;
	margin-bottom:10px;	
}

 .rsABlock.h2 > span
{
	padding:5px 10px 5px 10px;
	background-color:#858688;	
}
 .rsABlock.h3
{
	font-size:20px;
	height:30px; 
	line-height:20px;
	
}
 .rsABlock.h3 > span
{
	padding:5px 10px 5px 10px;
	background-color:#00a6a6;	
}
.rsABlock.h3 > span a, .rsABlock.h3> span a:hover, .rsABlock.h3 > span a:visited, .rsABlock.h1 > span a, .rsABlock.h1> span a:hover, .rsABlock.h1 > span a:visited
{
	color:#fff !important;
	text-decoration:none !important;	
}

#uonbanner_2 .bContainer
{
	width:100%;
}

.rsABlock {
  position: relative !important;
}
.txtCent {
  text-align: center; 
  width: 100%; 
}



/***** Screen Bigger than 960px *****/
@media only screen and (min-width:1200px) {

	.UoNBannerWrapper
	{
		height:427px;
	}    
	
   .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
		width:1166px !Important;
    } 
    
	#uonbanner_1 .bContainer
	{
		margin-top:50px;
		margin-left:560px;
	}
	
	#uonbanner_2 .bContainer
	{
		margin-top:250px;
	}
	
	#uonbanner_3 .bContainer
	{
		margin-top:50px;
		margin-left:560px;
	}
	
	#uonbanner_4 .bContainer
	{
		margin-top:100px;
		margin-left:500px;
	}
	
	#uonbanner_5 .bContainer
	{
		margin-top:100px;
		margin-left:500px;
	}   
    
	.rsABlock.h1
	{
		font-size:50px;
		height:80px; 
		line-height:50px;
		margin-bottom:10px;	
	}
	 .rsABlock.h2
	{
		font-size:40px;
		height:60px; 
		line-height:40px;
		margin-bottom:10px;	
	}
	 .rsABlock.h3
	{
		font-size:20px;
		height:30px; 
		line-height:20px;
		
	}
	        
    
}


/***** Tablet (Smaller than 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	 
	.UoNBannerWrapper
	{
		height:277px;
	}  	
	
   .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
		width:738px !Important;
    } 
        
	#uonbanner_1 .bContainer
	{
		margin-top:50px;
		margin-left:360px;
	}
	
	#uonbanner_2 .bContainer
	{
		margin-top:130px;
	}
	
	#uonbanner_3 .bContainer
	{
		margin-top:50px;
		margin-left:360px;
	}
	
	#uonbanner_4 .bContainer
	{
		margin-top:80px;
		margin-left:330px;
	}
	
	#uonbanner_5 .bContainer
	{
		margin-top:50px;
		margin-left:330px;
	}   
        
	.rsABlock.h1
	{
		font-size:30px;
		height:50px; 
		line-height:30px;
	}
	
	 .rsABlock.h2
	{
		font-size:20px;
		height:40px; 
		line-height:20px;
	}
	 .rsABlock.h3
	{
		font-size:15px;
		height:30px; 
		line-height:15px;	
	}
}


/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 767px) {
	 
	.UoNBannerWrapper
	{
		height:179px;
	}  	
	   
	   
	#full-width-slider
	{
	margin-left:0px;
	margin-right:0px;
	}
	
	#uonbanner_1 .bContainer
	{
		margin-top:20px;
		margin-left:130px;
	}
	
	#uonbanner_2 .bContainer
	{
		margin-top:50px;
	}
	
	#uonbanner_3 .bContainer
	{
		margin-top:20px;
		margin-left:100px;
	}
	
	#uonbanner_4 .bContainer
	{
		margin-top:20px;
		margin-left:100px;
	}
	
	#uonbanner_5 .bContainer
	{
		margin-top:20px;
		margin-left:100px;
	}   

	#uonbanner_6 .bContainer
	{
		margin-top:20px;
		margin-left:100px;	
	}


	#uonbanner_7 .bContainer
	{
		margin-top:20px;
		margin-left:20px;	
	}
	
        
	.rsABlock.h1
	{
		font-size:15px;
		height:30px; 
		line-height:15px;
		margin-bottom:3px;
	}
	
	 .rsABlock.h2
	{
		font-size:10px;
		height:20px; 
		line-height:10px;
	}
	 .rsABlock.h3
	{
		font-size:10px;
		height:20px; 
		line-height:5px;	
	}
	   
	.side-navigation
	{
		margin-top:0px;	
	}
   .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
		width:300px !Important;
    } 
}



/***** Phone (landscape 420px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {

	#full-width-slider
	{
	margin-left:0px;
	margin-right:0px;
	}
	
	#uonbanner_1 .bContainer
	{
		margin-top:20px;
		margin-left:200px;
	}
	
	#uonbanner_6 .bContainer
	{
		margin-top:20px;
		margin-left:220px;	
	}
	
	#uonbanner_7 .bContainer
	{
		margin-top:20px;
		margin-left:20px;	
	}
	
	
	#uonbanner_2 .bContainer
	{
		margin-top:80px;
	}
	
	#uonbanner_3 .bContainer
	{
		margin-top:50px;
		margin-left:180px;
	}
	
	#uonbanner_4 .bContainer
	{
		margin-top:20px;
		margin-left:200px;
	}
	
	#uonbanner_5 .bContainer
	{
		margin-top:20px;
		margin-left:200px;
	}   
        
	.rsABlock.h1
	{
		font-size:20px;
		height:40px; 
		line-height:20px;
		margin-bottom:3px;
	}
	
	 .rsABlock.h2
	{
		font-size:15px;
		height:30px; 
		line-height:15px;
	}
	 .rsABlock.h3
	{
		font-size:10px;
		height:30px; 
		line-height:10px;	
	}
	
   .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
		width:460px !Important;
    } 
		
}