div.anythingSlider-stackblock { margin: 0 auto; padding: 0; overflow: visible; position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
/*div.anythingSlider-stackblock .anythingWindow*/
div.scrollerWrapper {
display: block;
position: relative;
width: 100%;
max-width: 100%;
background: #111111;
/*height: 400px;*/
}
.slideRotator,
.slideRotator li { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden!important; position: absolute;
vertical-align: middle; display: block; background: top center no-repeat; background-size: contain !important; }
.slideRotator li.panel {display: table; background-position: center center; background-repeat: no-repeat;}
/* Active State */
div.anythingSlider-stackblock.activeSlider .thumbNav a { background-color: transparent; background-position: left top; }
div.anythingSlider-stackblock.activeSlider .thumbNav a:hover,
div.anythingSlider-stackblock.activeSlider .thumbNav a.cur { background-position: right top; }
div.anythingSlider-stackblock .start-stop:hover,
div.anythingSlider-stackblock .start-stop.hover { color: #fff; }
/* Navigation Arrows */
div.anythingSlider-stackblock .arrow { top: 0; bottom: 0; position: absolute; display: block; z-index: 100; }
@media only screen and (max-width : 1200px) {
}
div.anythingSlider-stackblock .arrow a { display: table; height: 100%; position: absolute; top: 0; bottom: 0; width: 65px; outline: 0; text-decoration: none;
/*-webkit-transition: opacity .15s ease-in-out;
-moz-transition: opacity .15s ease-in-out;
-ms-transition: opacity .15s ease-in-out;
-o-transition: opacity .15s ease-in-out;
transition: opacity .15s ease-in-out;*/ }
div.anythingSlider-stackblock .arrow a:hover { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
-moz-opacity: 0.60;
-khtml-opacity: 0.60;
opacity: 0.60;*/ }
div.anythingSlider-stackblock .arrow a span { display: table-cell; vertical-align: middle; visibility: visible; color: #000000; font-size: 52px; text-align: center;
-webkit-transition: color .15s ease-in-out;
-moz-transition: color .15s ease-in-out;
-ms-transition: color .15s ease-in-out;
-o-transition: color .15s ease-in-out;
transition: color .15s ease-in-out; }
div.anythingSlider-stackblock .arrow a:hover span { color: #ffffff; }
div.anythingSlider-stackblock .forward { right: 65px; }
div.anythingSlider-stackblock .back { left: 0; }
div.anythingSlider-stackblock .forward a,
div.anythingSlider-stackblock .back a { background: transparent;
-webkit-transition: background .15s ease-in-out;
-moz-transition: background .15s ease-in-out;
-ms-transition: background .15s ease-in-out;
-o-transition: background .15s ease-in-out;
transition: background .15s ease-in-out; }
div.anythingSlider-stackblock .forward a:hover,
div.anythingSlider-stackblock .back a:hover { /*background: #e31c1c;*/ }
@media only screen and (max-width : 1650px) {
div.anythingSlider-stackblock .arrow { display: none!important; }
}
/* Navigation Links */
div.anythingSlider-stackblock .anythingControls { position: absolute; bottom: 5px; left: 0; right: 0; z-index: 100; text-align: center;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out; }
div.anythingSlider-stackblock .thumbNav { display: block; margin: 0; z-index: 100; }
div.anythingSlider-stackblock .thumbNav li { display: inline-block; background: transparent; padding: 0; margin: 0; }
div.anythingSlider-stackblock .thumbNav a { display: block; background: transparent url(../images/buttons.png) no-repeat; height: 20px; width: 25px; margin: 0; padding: 0; outline: 0; opacity: 0.6;
-webkit-transition: opacity .3s ease-in-out; overflow: hidden;
-moz-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out; }
div.anythingSlider-stackblock .thumbNav a:hover,
div.anythingSlider-stackblock .thumbNav a.cur { background: transparent url(../images/buttons.png) top right no-repeat; opacity: 1; }
/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider-stackblock.rtl .thumbNav a { float: right; } /* reverse order of nav links */
div.anythingSlider-stackblock.rtl .thumbNav { float: left; } /* move nav link group to left */
/* text indent moved to span inside "a", for IE7; apparently, a negative text-indent on an "a" link moves the link as well as the text */
div.anythingSlider-stackblock .thumbNav a span,
div.anythingSlider-stackblock .start-stop span { display: block; line-height: 1px; /* needed for IE7 */ text-indent: -9999px; }
.slideRotator li { display: table; }
/*.slideRotator li div.contOverlay img { display: inline-block; position: relative; max-width: 50%; height: auto!important; width: auto!important;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out; }
.homepage .slideRotator li div.contOverlay img { position: absolute; right: 12%; bottom: 0; }*/
.slideRotator li > div.contOverlay { position: relative; display: table-cell; height: auto!important; color: #ffffff; margin: 0; padding: 0 2%; z-index: 1;
vertical-align: middle; text-align: left; }
.slideRotator li.alignTop > div.contOverlay { vertical-align: top; }
.slideRotator li.alignBot > div.contOverlay { vertical-align: bottom; }
.slideRotator li > div.contOverlay > div > div { display: inline-block; position: relative; margin: 0 0 0 -40px; text-align: left; padding: 0; vertical-align: middle;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out; }
/*.homepage .slideRotator li > div.contOverlay > div > div { position: static; padding: 12% 0 0 0; margin: 0; }*/
.slideRotator li > div.contOverlay > div.widthConstraint {
max-width: 1136px;
margin: 0 auto;
padding: 0 2%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.slideRotator li > div.contOverlay > div.widthConstraint > div > a.fillLink { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; line-height: 0; font-size: 0; color: transparent; }
.homepage .slideRotator li > div.contOverlay > div > div .field1,
.slideRotator li > div.contOverlay > div p.smallText,
.slideRotator li > div.contOverlay > div a.text-button-lg { position: relative; z-index: 2; }
.slideRotator li > div.contOverlay > div > div .field1,
.slideRotator li > div.contOverlay > div > div .field2,
.slideRotator li > div.contOverlay > div > div .field3 { display: block; font-family: 'News Cycle', sans-serif; letter-spacing: 3px; font-size: 40px; line-height: 1.15; color: #ffffff;
color: rgba(255,255,255,0.7); text-shadow: 2px 2px 7px #333333;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out; }
.homepage .slideRotator li > div.contOverlay > div > div .field1 { display: table; margin: 0 0 2% 0; color: #ffffff; font-family: arial, "trebuchet MS", trebuchet, verdana; letter-spacing: 1px;
padding: 10px 20px; font-size: 55px; letter-spacing: 2px; background: url(/images/trans60_000000.png); text-shadow: 2px 2px 7px #333333; }
.slideRotator li > div.contOverlay > div p.smallText { display: table; margin: 10px 0; padding: 10px 20px; font-size: 20px; background: url(/images/trans60_000000.png); text-shadow: 2px 2px 7px #333333;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out; }
.slideRotator li > div.contOverlay > div a.text-button-lg { background: url(/images/trans80_ffffff.png) center center repeat; background: rgba(255, 255, 255, 0.80); -webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out; }
.slideRotator li > div.contOverlay > div a.text-button-lg:hover { background: #ffffff; }
@media only screen and (max-width : 1400px) {
/*.slideRotator li div.contOverlay img { max-width: 40%; }*/
}
@media only screen and (max-width : 1000px) {
/*.slideRotator li div.contOverlay img { max-width: 35%; }
.homepage .slideRotator li div.contOverlay img { position: absolute; left: auto; right: 10%; bottom: 0; max-width: 40%; }*/
.slideRotator li > div.contOverlay > div,
.slideRotator li > div.contOverlay > div > div { text-align: center; margin: 0; }
.slideRotator li > div.contOverlay > div > div .field1,
.slideRotator li > div.contOverlay > div > div .field2,
.slideRotator li > div.contOverlay > div > div .field3 { font-size: 32px; }
.slideRotator li > div.contOverlay { font-size: 10px; }
.homepage .slideRotator li > div.contOverlay > div {
padding-top: 0;
}
.homepage .slideRotator li > div.contOverlay > div > div .field1 { margin: 0 auto 2% auto; padding: 2% 5%; font-size: 36px; }
.homepage .slideRotator li > div.contOverlay > div > div p.smallText { margin: 5px auto; padding: 5px 5%; font-size: 20px; }
.homepage .slideRotator li > div.contOverlay > div > div a.text-button-lg { font-size: 20px; }
}
@media only screen and (max-width : 860px) {
.slideRotator li > div.contOverlay > div > div .field1,
.slideRotator li > div.contOverlay > div > div .field2,
.slideRotator li > div.contOverlay > div > div .field3 { font-size: 22px; }
.slideRotator li > div.contOverlay { font-size: 9px; }
/*.slideRotator li > div.contOverlay { background: url(/images/trans60_000000.png); background: rgba(17,17,17,0.6); }*/
.homepage .slideRotator li > div.contOverlay > div > div a.text-button-lg { font-size: 16px; }
.homepage .slideRotator li > div.contOverlay > div > div .field1 { margin: 0 auto 2% auto; padding: 2% 5%; font-size: 30px; }
.homepage .slideRotator li > div.contOverlay > div > div p.smallText { margin: 5px auto; padding: 5px 5%; font-size: 18px; }
}
@media only screen and (max-width : 660px) {
.slideRotator li > div.contOverlay { font-size: 8px; }
.homepage .slideRotator li > div.contOverlay > div > div .field1 { margin: 0 auto 2% auto; padding: 2% 5%; font-size: 24px; }
.homepage .slideRotator li > div.contOverlay > div > div p.smallText { margin: 5px auto; padding: 5px 5%; font-size: 16px; }
}
@media only screen and (max-width : 550px) {
/*.slideRotator li div.contOverlay img { position: absolute; left: 10%; bottom: 0; }*/
.slideRotator li > div.contOverlay { font-size: 7px; }
.slideRotator li > div.contOverlay > div > div .field1,
.slideRotator li > div.contOverlay > div > div .field2,
.slideRotator li > div.contOverlay > div > div .field3 { font-size: 16px; }
.homepage .slideRotator li > div.contOverlay > div > div .field1 { font-size: 26px; }
.homepage .slideRotator li > div.contOverlay > div > div p.smallText { display: none; }
.homepage .slideRotator li > div.contOverlay > div > div a.text-button-lg { font-size: 15px; line-height: 2.35; }
div.anythingSlider-stackblock .anythingControls { bottom: -26px; }
}
@media only screen and (max-width : 450px) {
/*.slideRotator li div.contOverlay img { vertical-align: bottom; }*/
}