.flickerplate{position:relative;width:100%;overflow:hidden} /*height in mainstyle.css*/

.flickerplate ul.flicks{width:10000%;height:100%;padding:0px;margin:0px;list-style:none}
.flickerplate ul.flicks>li{float:left;width:1%;height:100%;background-position:center;background-size:cover;display:table}
.flickerplate ul.flicks>li .flick-inner{height:100%; display:table-cell;vertical-align:top;}
.flickerplate ul.flicks>li .flick-inner .flick-content{display:block; padding:10px; width:540px; margin:5% auto 0 auto; color:#fff; font-weight:700; font-family:'Roboto', sans-serif; text-transform:uppercase; letter-spacing:0.05em; border-top:3px solid #fff; border-bottom:3px solid #fff; text-shadow:1px 1px 0 #000; background-color:rgba(0,0,0,0.05);}

.flickerplate ul.flicks>li .flick-title {text-align:center; font-size:56px; }

.flickerplate ul.flicks>li .flick-sub-text p {margin:0; margin-top:25px; padding:0; text-align:center; font-size:36px; line-height:1.2;}

.flickerplate .dot-navigation{position:absolute; left:0; right:0; top:610px; width:100%;text-align:center; z-index:10;}
.flickerplate .dot-navigation ul{text-align:center;list-style:none;padding:0;}
.flickerplate .dot-navigation ul li{display:inline-block;float:none;}
.flickerplate .dot-navigation .dot{width:11px;height:11px;margin:0px 5px; background-color:#0a0a0a;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-clip:padding-box;-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.9);}
.flickerplate .dot-navigation .dot.active{background-color:#f16f04;}
.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.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.2s ease-out;-o-transition:-o-transform 0.2s ease-out;-moz-transition:-moz-transform 0.2s ease-out;transition:transform 0.2s ease-out}

@media only screen and (min-width: 43.813em){
.flickerplate.animate-transform-slide ul.flicks{-webkit-transition:-webkit-transform 0.6s ease-out;-o-transition:-o-transform 0.6s ease-out;-moz-transition:-moz-transform 0.6s ease-out;transition:transform 0.6s ease-out}
}
	
.flickerplate.animate-transition-slide ul.flicks{position:relative;left:0%;-webkit-transition:left 0.2s ease-in-out;-moz-transition:left 0.2s ease-in-out;-o-transition:left 0.2s ease-in-out;-ms-transition:left 0.2s ease-in-out;transition:left 0.2s ease-in-out}
	
@media only screen and (min-width: 43.813em){		
.flickerplate.animate-transition-slide ul.flicks{-webkit-transition:left 0.6s ease-in-out;-moz-transition:left 0.6s ease-in-out;-o-transition:left 0.6s ease-in-out;-ms-transition:left 0.6s ease-in-out;transition:left 0.6s ease-in-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}
.flickerplate.animate-transition-fade ul.flicks{position:relative}
.flickerplate.animate-transition-fade ul.flicks li{float:none;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0)}
.flickerplate.animate-transition-fade.fade-inited ul.flicks li{-webkit-transition:opacity 0.8s linear;-moz-transition:opacity 0.8s linear;-o-transition:opacity 0.8s linear;-ms-transition:opacity 0.8s linear;transition:opacity 0.8s linear}
.flickerplate.animate-transition-fade.fade-inited ul.flicks li.first-flick{opacity:1;filter:alpha(opacity=100)}
.flickerplate.animate-jquery-fade ul.flicks{position:relative}
.flickerplate.animate-jquery-fade ul.flicks li{float:none;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0)}


@media screen and (max-width:1024px) {
.flickerplate ul.flicks>li .flick-inner .flick-content{width:500px; margin-top:10%;}
.flickerplate ul.flicks>li .flick-title {font-size:40px; line-height:1.5;}
.flickerplate ul.flicks>li .flick-sub-text p {font-size:28px;}
.flickerplate .dot-navigation {top:435px;}
}
@media screen and (max-width:768px) {
.flickerplate ul.flicks>li .flick-inner .flick-content{width:400px; margin-top:10%;}
.flickerplate ul.flicks>li .flick-title {font-size:32px; line-height:1.2;}
.flickerplate ul.flicks>li .flick-sub-text p {font-size:21px;}
.flickerplate ul.flicks>li .flick-sub-text p {float:none; margin-top:15px;}
}
@media screen and (max-width:640px) {
.flickerplate ul.flicks>li .flick-inner .flick-content{margin-top:20%;}	
}
@media screen and (max-width:480px) {
.flickerplate ul.flicks>li .flick-inner .flick-content{width:360px; margin-top:25%;}
.flickerplate ul.flicks>li .flick-title { font-size:24px;}
.flickerplate ul.flicks>li .flick-sub-text p {font-size:18px;}
.flickerplate .dot-navigation {top:335px;}
}
@media screen and (max-width:400px) {
.flickerplate ul.flicks>li .flick-inner .flick-content{width:300px; margin-top:30%; padding:5px;}
.flickerplate ul.flicks>li .flick-title { font-size:21px;}
.flickerplate ul.flicks>li .flick-sub-text p {font-size:16px;}	
}