.flickerplate {



	position:relative;



	width:100%;



	background-color:#fff;



	overflow:hidden;

	margin-top: -50px;

	z-index:-1;



}

.flick-content{
	width:100%;
	margin:0 auto;
}

.flickerplate ul.flicks {



	width:10000%;



	height:447px;

overflow:hidden;

	padding:0px;



	margin:0px;



	list-style:none



}



.flickerplate ul.flicks>li {



	float:left;

background:#fff;

	width:1%;



	height:100%;



	background-position:center;



	background-size:cover;



	display:table



}







.flickerplate .arrow-navigation {



	position:absolute;



	height:80%;



	width:10%;


	top:5%;



	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:25%



}



.flickerplate .arrow-navigation.left .arrow {



	opacity: 0;






	background: url(../images/banner_left.png) no-repeat left;



}



.flickerplate .arrow-navigation.right {



	right:25%



}



.flickerplate .arrow-navigation.right .arrow {



	opacity:0;






	background: url(../images/banner_right.png) no-repeat 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;

	    height: 10px;

    padding-top: 10px;



}



.flickerplate .dot-navigation ul {



	list-style:none;





	width:215px;



	margin:0 auto;



}



.flickerplate .dot-navigation ul li {



	float:none;





	float:left;

	margin-right:10px;



}



.flickerplate .dot-navigation .dot {



	width:60px;



	height:2px;



}



.flickerplate .dot-navigation .dot:hover {



	cursor:pointer;



/*	background:url(../images/dot2.png) no-repeat center;*/



}



/*.flickerplate .dot-navigation .dot.active {



	background:url(../images/dot1.png) no-repeat center;



}*/



.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/arrow-left-dark.png) no-repeat left;



}



.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {



	background: url(../images/arrow-right-dark.png) no-repeat right;



}



.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.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



}