.flickerplate{position:relative;width:100%;height:420px;overflow:hidden;float:left;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin-bottom:40px;-webkit-box-shadow:0px 1px 1px 0px rgba(50, 50, 50, 0.21);-moz-box-shadow:0px 1px 1px 0px rgba(50, 50, 50, 0.21);box-shadow:0px 1px 1px 0px rgba(50, 50, 50, 0.21);}
.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:left top;display:table;background-repeat:no-repeat;}
.flickerplate ul.flicks>li .flick-inner{height:100%;padding:0;color:#fff;display:table-cell;vertical-align:bottom;}
.flickerplate ul.flicks>li .flick-inner .flick-content{max-width:1180px;margin:0 auto;}
.skew{    /*width: 40vw;
    height: 100vh;*/
   
    float: right;
    /*background-image:url(../images/slanted.png);background-repeat:no-repeat;background-position:right top;*/}
.flickerplate ul.flicks>li .flick-title{line-height:normal;color:#fff;text-align:left;padding:0;width:100%;float:left; background:rgba(45, 48, 145, 0.77); border-radius: 10px 0 0;}
.flickerplate ul.flicks>li .flick-title h1{font-size:24px;line-height:normal;font-family:'RobotoLight_0';margin:13px 15px 15px;}
.flickerplate ul.flicks>li .flick-title h1 span{font-family:'RobotoLight_0';font-size:35px;}
.flickerplate ul.flicks>li .flick-title h2{font-size:25px;line-height:normal;margin:0;font-family:'RobotoThin_0';}
.flickerplate ul.flicks>li .flick-title a{padding:20px 35px;background-color:#BEB053;color:#fff;font-size:16px;}
.flickerplate ul.flicks>li .flick-title a:hover{background-color:#6D6E72;}
.flickerplate .arrow-navigation{display:block;position:absolute;top:80%;z-index:2;cursor:pointer;}
.no-touch .flickerplate .arrow-navigation:hover{cursor:pointer;}
.flickerplate .arrow-navigation.left, .flickerplate .arrow-navigation.right{left:40px;background-color:rgba(0, 0, 0, 0.5);width:60px;height:60px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-image:url(../images/prev-bt.png);background-repeat:no-repeat;background-position:center center;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.flickerplate .arrow-navigation.right{left:110px;background-image:url(../images/next-bt.png);}
.flickerplate .arrow-navigation.left:hover, .flickerplate .arrow-navigation.right:hover{background-color:rgba(255, 255, 255, 0.2);-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.flickerplate .dot-navigation{position:absolute;top:50%;margin-top:-8s0px;right:50px;width:20px;text-align:center;z-index:1;display:none;}
.flickerplate .dot-navigation ul{text-align:center;list-style:none;padding:0;}
.flickerplate .dot-navigation ul li{display:inline-block;float:none}
.flickerplate .dot-navigation .dot{width:15px;height:15px;margin:4px 0;float:left;background-color:#fff;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-clip:padding-box;-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:#CDE0F2;}
.flickerplate .dot-navigation .dot.active{background-color:#2E3192;}
.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.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.9s ease-out;-o-transition:-o-transform 0.9s ease-out;-moz-transition:-moz-transform 0.9s ease-out;transition:transform 0.9s ease-out;}
@media only screen and (min-width:43.813em){.flickerplate.animate-transform-slide ul.flicks{-webkit-transition:-webkit-transform 0.9s ease-out;-o-transition:-o-transform 0.9s ease-out;-moz-transition:-moz-transform 0.9s ease-out;transition:transform 0.9s ease-out}
}
.flickerplate.animate-transition-slide ul.flicks{position:relative;left:0%;-webkit-transition:left 0.9s ease-in-out;-moz-transition:left 0.9s ease-in-out;-o-transition:left 0.9s ease-in-out;-ms-transition:left 0.9s ease-in-out;transition:left 0.9s ease-in-out}
@media only screen and (min-width:43.813em){.flickerplate.animate-transition-slide ul.flicks{-webkit-transition:left 0.9s ease-in-out;-moz-transition:left 0.9s ease-in-out;-o-transition:left 0.9s ease-in-out;-ms-transition:left 0.9s ease-in-out;transition:left 0.9s ease-in-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}
.flickerplate.animate-transition-fade ul.flicks{position:relative}
.flickerplate.animate-transition-fade ul.flicks li{float:none;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0)}
.flickerplate.animate-transition-fade.fade-inited ul.flicks li{-webkit-transition:opacity 0.8s linear;-moz-transition:opacity 0.8s linear;-o-transition:opacity 0.8s linear;-ms-transition:opacity 0.8s linear;transition:opacity 0.8s linear}
.flickerplate.animate-transition-fade.fade-inited ul.flicks li.first-flick{opacity:1;filter:alpha(opacity=100)}
.flickerplate.animate-jquery-fade ul.flicks{position:relative}
.flickerplate.animate-jquery-fade ul.flicks li{float:none;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0)}
@media only screen and (max-width:1180px){.flickerplate{-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;}
.skew{width:50vw;}
}
@media only screen and (max-width:980px){.skew{width:55vw;}
}
@media only screen and (max-width:768px){.skew{width:auto !important;height:auto !important; }
.flickerplate ul.flicks>li .flick-title h1{font-size:20px;}
.flickerplate ul.flicks>li .flick-title h1 span{font-size:18px;}
.flickerplate ul.flicks>li{background-position:center center;background-size:cover;}
.flickerplate .arrow-navigation{ top:62%;}
}