.flickerplate {
     position:relative;
     width:100%;
     height:12.5rem;
     background-color:#e6e6e6;
     overflow:hidden 
}
 .flickerplate ul.flicks {
     width:10000%;
     height:100%;
     padding:0rem;
     margin:0rem;
     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:0.125rem;
     color:#fff;
     display:table-cell;
     vertical-align:middle 
}
 .flickerplate ul.flicks>li .flick-inner .flick-content {
     max-width:11.3rem;
     margin-left: 8%;
    /*margin-left:auto;
     margin-right:auto;
     */
}
 .flickerplate ul.flicks>li .flick-title {
     padding:0rem 0rem;
        font-size: 0.725rem;
    line-height: 0.875rem;
    /*text-align:center;
     */
     color: #fff;
margin-top: 1.5rem;
}
@media only screen and (min-width: 100px) and (max-width:1200px) {
     .flickerplate ul.flicks>li .flick-title {
         font-size:1.667em 
    }
}
 .flickerplate ul.flicks>li .flick-sub-text {
     padding-top: 0.5rem;
     font-weight: 300;
     line-height: 0.5rem;
     color:#fff;
         font-size: 0.3125rem;
}
 .flick-sub-bt{
     margin-top: 1rem;
}
 .flick-sub-bt a{
     padding: 0.0625rem 0.25rem;
     font-size: 0.325rem;
     background: #023576;
     color: #fff;
     border-radius: 0.25rem;
}
 .flickerplate ul.flicks>li .flick-title span.flick-block-text, .flickerplate ul.flicks>li .flick-sub-text span.flick-block-text {
     padding:0.15rem 0.225rem;
     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:0rem 0rem 0rem 50%;
     background-image:url("/eportal/uiFramework/commonResource/image/2019072318363291974.png");
     background-repeat:no-repeat;
     background-position:left 
}
 .flickerplate .arrow-navigation.right {
     right:0% 
}
 .flickerplate .arrow-navigation.right .arrow {
     opacity:0;
     margin:0rem 0rem 0rem -50%;
     background-image:url("/eportal/uiFramework/commonResource/image/2019072318363861797.png");
     background-repeat:no-repeat;
     background-position:right 
}
 .flickerplate .arrow-navigation.left.hover .arrow {
     opacity:1;
     margin:0rem 0rem 0rem 20% 
}
 .flickerplate .arrow-navigation.right.hover .arrow {
     opacity:1;
     margin:0rem 0rem 0rem -20% 
}
 .flickerplate .dot-navigation {
     position:absolute;
     bottom:15%;
    /*width:100%;
     */
     text-align:center;
     z-index:100;
     left:8%;
}
 .flickerplate .dot-navigation ul {
     text-align:center;
     list-style:none;
     padding:0rem 0.1875rem 
}
 .flickerplate .dot-navigation ul li {
     display:inline-block;
     float:none 
}
 .flickerplate .dot-navigation .dot {
     width:0.5625rem;
     height:0.0625rem;
     margin:0rem 0.075rem;
     background-color:rgba(255, 255, 255, 0.3);
     -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%, 0rem, 0rem);
     -webkit-transform:translate3d(0%, 0rem, 0rem);
     -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:0rem;
     overflow:auto 
}
 .flickerplate.animate-scroller-slide ul.flicks {
     position:auto 
}



@media only screen and (min-width: 100px) and (max-width: 768px) {
  
.flickerplate ul.flicks>li .flick-inner .flick-content{max-width: 70%;    margin: 0 auto;}
  .flickerplate ul.flicks>li .flick-title{    line-height: 1.5rem;}
.flickerplate ul.flicks>li .flick-sub-text{line-height: 160%;    display: none;}
.flickerplate .arrow-navigation.left .arrow{opacity: 1;    background-size: 30%;}
.flickerplate .arrow-navigation.right .arrow{opacity: 1;    background-size: 30%;}
.flickerplate .dot-navigation{left: 37%; bottom: 10%;}
.flickerplate .dot-navigation .dot{    width: 30px; height: 3px;}
.flick-sub-bt{    margin-top: 20%;}
.flick-sub-bt a{padding: 0.3rem 0.5rem;font-size: 14px;}
}