.flicker-example{margin:110px 0 0 0;}
.flickerplate {	position:relative; width:100%;	height:800px;	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;	font-size:2.778em;	line-height:1.995em;	text-align:center}

@media screen and (max-width:768px){
.flicker-example{margin:80px 0 0 0;}
.flickerplate {	 width:100%;	height:160px;}
.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:80%;	width:10%;	top:10%;	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-image:url("../img/flickerplate/arrow-left-light.png");	background-repeat:no-repeat;	background-position:left}
.flickerplate .arrow-navigation.right {	right:0%}
.flickerplate .arrow-navigation.right .arrow {	opacity:0;	margin:0px 0px 0px -50%;	background-image:url("../img/flickerplate/arrow-right-light.png");	background-repeat:no-repeat;	background-position: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: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:14px;
	height:14px;
	margin:0px 6px;
	background-color:rgba(255, 255, 255, 0.3);
	border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-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.6)
}
.flickerplate .dot-navigation .dot.active {
	background-color:#fff
}
.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-image:url("../img/flickerplate/arrow-left-dark.png")
}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {
	background-image:url("../img/flickerplate/arrow-right-dark.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
}