#mediarotator                       { position: relative; margin: 30px 0 20px; width: 684px;}
/* #mediarotator .jcarousel-wrapper    { width: 657px; position: relative; position: relative; z-index: 1; } */
#mediarotator .jcarousel-wrapper    { width: 657px; float: left; position: relative; z-index: 1; padding-bottom: 40px;}
#mediarotator .jcarousel-pagination-wrapper { float: right; height: 348px; width: 14px; position: relative;}
#mediarotator .jcarousel-pagination { position: absolute; top: 50%; margin-top: 5px; transform: translateY(-50%); resize: vertical; z-index: 100; }
#mediarotator .jcarousel-pagination a               { width: 12px; height: 12px; display: block; overflow: hidden; text-indent: -9999px; background: url("slide-dot-default.png") no-repeat 50% 50%; margin: 0 0 10px; }
#mediarotator .jcarousel-pagination a:first-child   { margin-left: 0; }
#mediarotator .jcarousel-pagination a.active        { background: url("slide-dot-active.png") no-repeat 50% 50%; }

.mediarotator-post                  { width: 100%; }
.mediarotator-post .photo           { position: relative; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; width: 657px; height: 348px; cursor: pointer; z-index: 100; }
.mediarotator-post .title           { margin-top: 23px; margin-bottom: 8px; }
.mediarotator-post .title a         { margin-top: 23px; margin-bottom: 13px; color: #F00; text-decoration: none; font-family: NeuzeitOffice-Medium; font-size: 32px; line-height: 32px; text-transform: uppercase; }
.mediarotator-post .title a span     	{ color: #993535; text-decoration: none; font-family: NeuzeitOffice-Medium; font-size: 32px; line-height: 32px; text-transform: uppercase; }
.mediarotator-post .date            { font-family: Swiss721BT-Roman; font-size: 13px; line-height: 17px; color: #993535; margin-bottom: 0.5em; }
.mediarotator-post .description     { font-family: Swiss721BT-Roman; font-size: 13px; line-height: 17px; color: #993535; }
.mediarotator-post .tags            { margin: 0; }

.mediarotator-post .tags a       {
	position: relative;
	display: inline-block;
	height: 19px;
	font-family: NeuzeitOffice-Medium;
	font-size: 12px;
	white-space: nowrap;
	padding: 1px 7px;
	color: #FFF;
	background-color: #DFDFDF;
	text-transform: uppercase;
	text-decoration: none;
	margin: 10px 15px 0px 0px;    
}

.mediarotator-post .tags a div   {
	position: absolute;
	top: 0px;
	right: -10px;
	height: 20px;
	width: 10px;
	background: url("tag-sprite.png") no-repeat 0px 0px;
}

.mediarotator-post .tags a div   {
	position: absolute;
	top: 0px;
	right: -10px;
	height: 20px;
	width: 10px;
	background: url("tag-sprite.png") no-repeat 0px 0px;
}

.mediarotator-post .tags a:hover { background: #000; color: #fff; }
.mediarotator-post .tags a:hover div { background-position: 100% 0; }

.platform-mac .mediarotator-post .tags a       {
	padding: 4px 7px;
}
.device-ipad .mediarotator-post .tags a  {
	padding: 2px 7px;
}

@media only screen  and (max-width: 1024px) {
	#mediarotator                       { position: relative; margin: 30px 0 20px; width: 684px;}
	.mediarotator-post .title			{ margin-top: 45px;}	
	#mediarotator .jcarousel-wrapper    { width: 657px; position: relative; position: relative; z-index: 1; float: none; display: block; padding-bottom: 0;}
	/* #mediarotator .jcarousel-wrapper    { width: 657px; float: left; position: relative; z-index: 1; } */
	#mediarotator .jcarousel-pagination-wrapper { 
		display: block; 
		float: none; 
		height: 20px;
		margin-right: 27px; 
		position: absolute; 
		right: 0;
		top: 375px;
		width: auto; 
	}
	#mediarotator .jcarousel-pagination { position: relative; margin-top: 5px; top: 5px; z-index: 100; }
	#mediarotator .jcarousel-pagination a { width: 12px; height: 25px; margin-left: 15px; display: inline-block;}	
}

@media only screen  and (max-width: 768px) {
	#mediarotator { margin: 30px 0 0; width: 100%;}
	.mediarotator-post .date            { font-size: 14px; line-height: 18px; }
	.mediarotator-post .description     { font-family: Swiss721BT-Roman; font-size: 13px; line-height: 17px; color: #993535; }
	.mediarotator-post .photo           { max-width: 100%; }
	.mediarotator-post .title			{ margin-top: 60px;}
	
	#mediarotator .jcarousel-wrapper    { max-width: 100%; padding-bottom: 0;}
	#mediarotator .jcarousel-pagination-wrapper { 
		display: block; 
		float: none; 
		height: 20px;
		margin-left: 1px; 
		position: absolute; 
		left: 0;
		top: 330px;
		width: auto; 
	}	
	#mediarotator .jcarousel-pagination { 
		left: 50%; right: auto; 
		-moz-transform:translate(-50%, 0%);
		-webkit-transform:translate(-50%, 0%);
		-o-transform:translate(-50%, 0%);
		-ms-transform:translate(-50%, 0%);
		transform:translate(-50%, 0%)
	}
	
	#mediarotator .jcarousel-pagination     { margin-top: 25px; }
	#mediarotator .jcarousel-pagination a   { width: 12px; height: 35px; margin-left: 15px; }
}

@media only screen  and (max-width: 767px) {
	#mediarotator .jcarousel-wrapper    	{ padding-bottom: 0;}
	#mediarotator .jcarousel-pagination     { white-space: nowrap; }
	#mediarotator .jcarousel-pagination a   { margin-left: 25px; }
}
@media only screen  and (max-width: 480px) {
	.mediarotator-post .photo { height: 218px; }
	#mediarotator .jcarousel-pagination-wrapper { top: 204px; width: auto; }
}