.flickerplate {position: relative; width: 100%; /* height: 384px; */ height: 480px; background-color: #e6e6e6; overflow: hidden;} /* размер слайдера*/
.flickerplate ul.flicks {width: 10000%; height: 100%; padding: 0px; margin: 0px; list-style: none !important;}
.flickerplate ul.flicks>li {float: left; width: 1%; height: 100%; background-position: center; background-size: cover; display: table; box-shadow: 0 0 0 300px rgba(0, 0, 0, 0.5) inset;}
.flickerplate ul.flicks>li .flick-inner {height: 100%; padding: 7px; color: #FFFFFF; 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; font-weight: 700; font-family: 'Open Sans'; line-height: 1.2em; text-align: center; text-transform: uppercase;} /* заголовок блока слайдера*/
.flickerplate ul.flicks>li .flick-title span {color: #E3AACA; text-shadow: 1px 1px 1px #000000; font-size: 0.7em;}
.flickerplate ul.flicks>li a {color: #E3AACA; text-decoration: none; font-style: italic;}
@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: 1.2em; color: rgba(255,255,255,0.8); text-shadow: 1px 1px 1px #1b396c; text-align: center; font-size: 1.4em;} /* текст блока слайдера*/
.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("../images/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("../images/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("../images/flickerplate/arrow-left-dark.png");}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {background-image: url("../images/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;}