.flickerplate {

	position:relative;

	width:100%;

	height:550px;

	background-color:#e6e6e6;

	overflow:hidden;

	z-index:0;

}

.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 .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:0%

}

.flickerplate .arrow-navigation.left .arrow {

	opacity: 0;

	margin: 0px 0px 0px 50%;

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

}

.flickerplate .arrow-navigation.right {

	right:0%

}

.flickerplate .arrow-navigation.right .arrow {

	opacity:0;

	margin:0px 0px 0px -50%;

	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

}