.flickerplate {position:relative;width:100%; height:320px; background-color:#f6f6f6;overflow:hidden; color:#404040;}

.flickerplate ul.flicks {width:10000%;height:100%;padding:0px;margin:0px;list-style:none; color:#404040;}

.flickerplate ul.flicks>li {float:left;width:1%;height:100%; background-position:right;background-size:cover;display:table}

.flickerplate ul.flicks>li .flick-inner {height:100%; color:#404040;display:table-cell;vertical-align:middle}

.flickerplate ul.flicks>li .flick-inner .flick-content {max-width:62.5em;margin-left:auto;margin-right:auto}

.flickerplate ul.flicks>li .flick-title {padding:20px 0px;font-size:2.1em; margin:0px;line-height:1em; font-weight:bold; width:100%;}

.flickerplate ul.flicks>li .flick-sub-text {font-weight:300;color:#404040; font-size:1em;line-height:1.3em; width:100%; padding-bottom:20px;}

.italic {
	font-style:italic;
}

.under {
	text-decoration:underline;
}

.sm-text {
	font-size:1.3em;
}

.half-span {
	width:50%;
	overflow:hidden;
}


@media only screen and (max-width: 40em) {
	
	.flickerplate {height:auto; padding:3em 0em 3em 0em; }
	
	.flickerplate ul.flicks>li .flick-title{font-size:1em; font-weight:bold; width:100%; text-align:center; background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.7);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; color:#fff;}
	.sm-text {font-size:.6em;}
	
	.flickerplate ul.flicks>li .flick-sub-text {font-weight:300;color:#fff; font-size:1em;line-height:1.3em;  width:100%; text-align:center; background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.7);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
	
	.flickerplate ul.flicks>li {float:left;width:1%;height:100%;background-position:right;background-size:cover;display:table; background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.7);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; color:#fff;}
	
	.flickerplate ul.flicks>li .flick-sub-text p {padding-top:.4em;font-weight:300;color:#fff; font-size:.8em;line-height:1.3em;}
	
	a {
		color:#fff;
	}
}

@media only screen and (max-width: 43.813em){
	
	.flickerplate ul.flicks>li .flick-title{font-size:1.75em; font-weight:bold; width:100%; text-align:center;}
	.sm-text {font-size:.6em;}
	
	.flickerplate ul.flicks>li .flick-sub-text {font-weight:300;color:#404040; font-size:.8em;line-height:1.3em;  width:100%; text-align:center;}
	
}


/* Define mobile styles */ 
.flickerplate ul.flicks>li .flick-sub-text {padding-top:.4em;font-weight:300;color:#404040; font-size:1.5em;line-height:1.3em;}

.flickerplate ul.flicks>li .flick-sub-text-med {font-weight:300;font-size:2em;color:#404040;}

.flickerplate ul.flicks>li .flick-title span.flick-block-text,.flickerplate ul.flicks>li .flick-sub-text span.flick-block-text {background-color:rgba(0,0,0,0.6)}

.flickerplate .arrow-navigation {position:absolute;height:80%;width:2%;top:10%;z-index:100;overflow:hidden}

.flickerplate .arrow-navigation .arrow {display:block;height:100%;width:90%;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;transition:all 0.2s ease-out}

.flickerplate .arrow-navigation:hover,.flickerplate .arrow-navigation .arrow:hover {cursor:pointer}

.flickerplate .arrow-navigation.left {left:0%}

.flickerplate .arrow-navigation.left .arrow {opacity:0;margin:0px 0px 0px 50%;background-image:url("/rocjoi/img/flickerplate/arrow-left-light.png");background-repeat:no-repeat;background-position:left}

.flickerplate .arrow-navigation.right {right:0%}

.flickerplate .arrow-navigation.right .arrow {opacity:0;margin:0px 0px 0px -50%;background-image:url("/rocjoi/img/flickerplate/arrow-right-light.png");background-repeat:no-repeat;background-position:right}

.flickerplate .arrow-navigation.left.hover .arrow {opacity:1;margin:0px 0px 0px 20%}

.flickerplate .arrow-navigation.right.hover .arrow {opacity:1;margin:0px 0px 0px -20%}

.flickerplate .dot-navigation {position:absolute;bottom:-10px;width:100%;text-align:center;z-index:100}

.flickerplate .dot-navigation ul {text-align:center;list-style:none;padding:0px 15px}

.flickerplate .dot-navigation ul li {display:inline-block;float:none}

.flickerplate .dot-navigation .dot {width:14px;height:14px;margin:0px 6px;background-color:#c9c9c9;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-webkit-transition:background-color 0.2s ease-out;-moz-transition:background-color 0.2s ease-out;-o-transition:background-color 0.2s ease-out;-ms-transition:background-color 0.2s ease-out;transition:background-color 0.2s ease-out}

.flickerplate .dot-navigation .dot:hover {cursor:pointer;background-color:rgba(255,255,255,0.6)}

.flickerplate .dot-navigation .dot.active {background-color:#2990f7}

.flickerplate .dot-navigation.left,.flickerplate .dot-navigation.left ul {text-align:left}

.flickerplate .dot-navigation.right,.flickerplate .dot-navigation.right ul {text-align:right}

.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow {background-image:url("/rocjoi/img/flickerplate/arrow-left-dark.png")}

.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {background-image:url("/rocjoi/img/flickerplate/arrow-right-dark.png")}

.flickerplate.flicker-theme-dark .dot-navigation .dot {background-color:rgba(0,0,0,0.12)}

.flickerplate.flicker-theme-dark .dot-navigation .dot:hover {background-color:rgba(0,0,0,0.6)}

.flickerplate.flicker-theme-dark .dot-navigation .dot.active {background-color:#000}

.flickerplate.flicker-theme-dark ul.flicks li .flick-inner {color:rgba(0,0,0,0.9)}

.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text {color:rgba(0,0,0,0.9)}

.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text,.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text {background-color:rgba(255,255,255,0.5)}

.flickerplate ul.flicks li.flick-theme-dark .flick-inner {color:rgba(0,0,0,0.9)}

.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text {color:rgba(0,0,0,0.9)}

.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text,.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text {background-color:rgba(255,255,255,0.5)}

.flickerplate.animate-transform-slide ul.flicks {-webkit-perspective:1000;-webkit-backface-visibility:hidden;transform:translate3d(0%, 0px, 0px);-webkit-transform:translate3d(0%, 0px, 0px);-webkit-transition:-webkit-transform 0.6s;-o-transition:-o-transform 0.6s;-moz-transition:-moz-transform 0.6s;transition:transform 0.6s}

.flickerplate.animate-transition-slide ul.flicks {position:relative;left:0%;-webkit-transition:left 0.4s ease-out;-moz-transition:left 0.4s ease-out;-o-transition:left 0.4s ease-out;-ms-transition:left 0.4s ease-out;transition:left 0.4s ease-out}

.flickerplate.animate-jquery-slide ul.flicks {position:relative;left:0%}

.flickerplate.animate-scroller-slide {padding-bottom:0px;overflow:auto}

.flickerplate.animate-scroller-slide ul.flicks {position:auto}