.flickerplate { position: relative; width: 100%; height: 439px; background-color: #e6e6e6; overflow: hidden }
.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%; padding: 10px; color: #fff; display: table-cell; vertical-align: middle }
.flickerplate ul.flicks>li .flick-inner .flick-content { max-width: 68.75em; margin-left: auto; margin-right: auto }
.flickerplate ul.flicks>li .flick-title { padding: 0px 0px; text-align: center; }

.flick-title{ width:100%; height:100%; position:absolute; left:0 ;top:0;}
.flick-title a{ display:block; height:100%; width:100%;}


@media only screen and (max-width: 43.813em) {
.flickerplate ul.flicks>li .flick-title { font-size: 1.667em }
}
.flickerplate ul.flicks>li .flick-sub-text { padding: 5px; font-weight: 300; line-height: 2.5em; color: rgba(255, 255, 255, 0.8); text-align: center }
.flickerplate ul.flicks>li .flick-title span.flick-block-text, .flickerplate ul.flicks>li .flick-sub-text span.flick-block-text { padding: 12px 18px; background-color: rgba(0, 0, 0, 0.6) }
.flickerplate .arrow-navigation { position: absolute; height: 80px; width: 40px; top: 50%; margin-top:-40px; z-index: 100; overflow: hidden }
.flickerplate .arrow-navigation .arrow { display: block; height: 100%; width:100%; -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:20px }
.flickerplate .arrow-navigation.left .arrow { opacity: 0.3; margin: 0px 0px 0px 0; background: url("../images/banner_btn_l_24.png"); background-repeat: no-repeat; background-position: left }
.flickerplate .arrow-navigation.right { right:20px }
.flickerplate .arrow-navigation.right .arrow { opacity: 0.3; margin: 0px 0px 0px 0; background: url("../images/banner_btn_r_24.png"); background-repeat: no-repeat; background-position: right }
.flickerplate .arrow-navigation.left.hover .arrow { opacity: 0.8; }
.flickerplate .arrow-navigation.right.hover .arrow { opacity: 0.8;  }
.flickerplate .dot-navigation { position: absolute; bottom: 15px; 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: 60px; height: 5px; margin: 0px 6px; background-color: #CCCCCC;  -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:#099005; }
.flickerplate .dot-navigation .dot.active { background-color: #e60111 }
.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: url("../images/banner_btn_l_24.png") }
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow { background: url("../images/banner_btn_r_24.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 }


@media (max-width: 768px) {
.flickerplate { position: relative; width: 100%; height: 157px; background-color: #e6e6e6; overflow: hidden }
.flickerplate .dot-navigation .dot { width: 25px; height: 3px; margin: 0px 5px; background-color: #CCCCCC;  -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 .arrow-navigation { position: absolute; height: 40px; width: 20px; top: 50%; margin-top:-20px; z-index: 100; overflow: hidden }
.flickerplate .arrow-navigation.left .arrow { opacity: 0.8; margin: 0px 0px 0px 0; background: url("../images/banner_btn_l_24.png"); background-repeat: no-repeat; background-position: left; background-size:20px; }
.flickerplate .arrow-navigation.right .arrow { opacity: 0.8; margin: 0px 0px 0px 0; background: url("../images/banner_btn_r_24.png"); background-repeat: no-repeat; background-position: right; background-size:20px; }
	
}