@charset "utf-8";

#rotator { 

	display:none;
	margin-top:5px;
	width: 100%; height: 550px; position: relative; background: #fff; 
}

#rotator > div { 
	
	position: absolute; 
	overflow: hidden;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
}

#rotator .active 			{ top: 45.5%; 	right:40%; height: 54.5%;  width: 60%; }
#rotator .non-active-top 	{ top: 0; 		right:40%; height: 44.5%;  width: 60%; }
#rotator .non-active-middle { top: 0;		right:0;   height: 70.5%;  width: 39.5%; }		
#rotator .non-active-bottom { top: 71.5%; 	right:0;   height: 28.5%;  width: 39.5%; }		

#rotatorTwo #rotator .active 				{ top: 0; 	right:40%; height: 100%;  width: 60%; }
#rotatorTwo #rotator .non-active-top 		{ top: 0; 	right:0%; height: 100%;  width: 39.5%; }

#rotatorThree #rotator .active 				{ top: 45.5%; 	right:40%; height: 54.5%;  width: 60%; }
#rotatorThree #rotator .non-active-top 		{ top: 0; 		right:40%; height: 44.5%;  width: 60%; }
#rotatorThree #rotator .non-active-middle 	{ top: 0;		right:0;   height: 100%;  width: 39.5%; }		

#rotator .blockItem {

	postion:relative;
	background:#777;
	overflow: hidden;
}

#rotator .blockItem img {

	object-fit: cover;
}

#rotator .blockItem a, #rotator .blockItem a:visited, #rotator .blockItem a:active {

	color:inherit;
	display:block;
	width:100%;
    height:100%;
}

#rotator .blockItem a:hover {

	text-decoration:none;
}

#rotator h2 {
	
	font-size:22px;
	font-weight:400;
	position:absolute;
	bottom:0;
	left:0;
	padding:5px 0px;
	margin:0;
	width:100%;
	opacity:0.8;
	text-transform:uppercase;
}

#rotator .blockItem:hover h2 {

	opacity:1;
}

#rotator .active h2 {
	
	opacity:1;
	
	-webkit-transition: all 1.0s ease;
	-moz-transition: all 1.0s ease;
	-o-transition: all 1.0s ease;
}

#rotator h2 span.SectionTitle {

	padding:0 20px;
	display:block;
}

#rotator .SectionToggle {

	position:absolute;
	bottom:12px;
	right:19px;
	width:16px;
	height:12px;
}

#rotatorContent {

	width:100%;	
}

.rotatorContentPage {

	display:none;	
}

.rotatorContentShadow {
	
	display:block;
	width:80%;
	margin:0 auto;
}

.prSlideControl a.readMore {
	
	color:#eee;
}

.prSlideControl a.readMore:hover {
	
	color:#fff;
}

.pageFirePaddingTopShadow {
	
	padding:30px 70px 20px 70px;
}

.rotatorContentLeft {

	float:left;
	width:50%;	
}

.rotatorContentLeft h3 {

	font-size:1.9em;
}

.rotatorContentLeft .topIcon {

	padding:10px 20px 10px 0;
	max-width:15%;
	min-width:160px;
	float:left;	
}

.rotatorContentRight {

	float:right;
	width:50%;	
}

.rotatorContentRightPanel {

	margin-left:60px;	
}

.rotatorContentRightPanel img {

	width:100%;	
}

.rotatorContentRightPanelCopy {

	padding:20px 30px 14px 30px;	
}

.rotatorContentRightPanelCopy h4 {

	font-size:1.6em;
	margin:10px 0 .8em 0;	
}

.rotatorContentRightPanelCopy a {

	color:#eee;	
}

.rotatorContentRightPanelCopy a:hover {

	color:#fff;	
}

/* ----------------------------------------------- */

.rotatorContent-nav {
	
	margin-left:16px;
	margin-top:4px;
}

.rotatorContent-nav li {
	white-space: nowrap;
	margin-bottom:0;
}

.rotatorContent-nav li a {

	color:#fff;
	font-size:.7em;
	letter-spacing:1px;
	font-weight:400;
	text-transform:uppercase;
}

@media screen and (max-width: 860px) {

	.rotatorContentLeft, .rotatorContentRight {
	
		float:none;
		width:100%;	
	}
	
	.rotatorContentRightPanel {
	
		margin-top:30px;
		margin-left:0px;	
	}
}

@media screen and (max-width: 800px) {

	#rotator { 
	
		height: 400px;
	}
}

@media screen and (max-width: 480px) {

	#rotator { 
	
		height: 300px;
	}

	#rotator h2 {
		
		font-size:18px;
	}

	#rotator h2 span.SectionTitle {
	
		padding:0 10px;
	}

	#rotator .SectionToggle {
	
		bottom:9px;
		right:10px;
		font-size:24px;
		font-weight:600;	
	}
	
	.pageFirePaddingTopShadow {
		
		padding:10px 20px 20px 20px;
	}

	.rotatorContentLeft h3 {
	
		font-size:1.5em;
	}
}