.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
* html .clearfix{zoom:1}
:first-child + html .clearfix{zoom:1}
.hide{display:none}
.slider-wrap{text-align:center;position:relative;overflow:hidden;margin-bottom:-4px}
.slider-wrap .pagination-container{top:-50px;position:relative;margin-bottom:-30px;z-index:3}
.slider-wrap .pagination-container .slider-pagination{text-decoration:none;color:inherit;width:20px;height:20px;display:inline-block;background:#fff;border-radius:100%;margin:5px;font-size:10px;color:#333;line-height:2;-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.slider-wrap .pagination-container .slider-pagination.active{background-color:#333;color:#fff}
.slider-wrap .slider-controls{font-size:2em;position:absolute;z-index:3;top:0;left:0;width:100%;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}
.slider-wrap .slider-controls a{cursor:pointer;text-decoration:none;color:#fff;position:absolute;top:0;width:5%;height:calc(100% - 4px);background-color:rgba(255,255,255,0.2);text-align:center;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}
@media (max-width: 768px) 
{
.slider-wrap .slider-controls a{width:10%}
}
.slider-wrap .slider-controls a.disabled{color:grey}
.slider-wrap .slider-controls a.next{right:0}
.slider-wrap .slider-controls a.prev{left:0}
.slider-wrap .slider-inner{overflow:hidden;display:block;position:relative}
.slider-wrap .slider-inner .loading-wrap{position:absolute;top:0;left:0;z-index:999999;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;background-color:#ddd;-webkit-box-pack:center;justify-content:center;width:100%;height:100%}
.slider-wrap .slider-inner .loading-wrap .loading{border-radius:50%;width:24px;height:24px;border:.25rem solid rgba(255,255,255,0.2);border-top-color:#fff;-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}
.slider-wrap .slider-inner ul{position:relative;width:99999999em;padding:0;margin:0;-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.slider-wrap .slider-inner ul li{list-style:none;position:absolute;left:0;top:0;z-index:1;opacity:0;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.slider-wrap .slider-inner ul li img{max-width:100%;width:100%}
.slider-wrap .slider-inner ul li.multiple{position:relative;opacity:1;float:left}
.slider-wrap .slider-inner ul li.active{z-index:2;opacity:1}
.fade{-webkit-animation-name:fade;animation-name:fade}
.slide{-webkit-animation-name:slide;animation-name:slide}
.slideAlternate{-webkit-animation-name:slideAlternate;animation-name:slideAlternate}
.slideBounce{-webkit-animation-name:slideBounce;animation-name:slideBounce}
.slideBounceAlternate{-webkit-animation-name:slideBounceAlternate;animation-name:slideBounceAlternate}
.stretch{-webkit-animation-name:stretchLeft;animation-name:stretchLeft}
.stretchLeft{-webkit-animation-name:stretchLeft;animation-name:stretchLeft;-webkit-transform-origin:100% 0;transform-origin:100% 0}
.stretchRight{-webkit-animation-name:stretchRight;animation-name:stretchRight;-webkit-transform-origin:0 0;transform-origin:0 0}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
.flipY{-webkit-animation-name:flipY;animation-name:flipY;-webkit-animation-duration:.1s;animation-duration:.1s}
.flipX{-webkit-animation-name:flipX;animation-name:flipX;-webkit-animation-duration:.1s;animation-duration:.1s}
.unfold,.reveal{position:relative}
.unfold:before{content:' ';width:0;height:0;position:absolute;top:-1px;right:-1px;border-width:0;border-style:solid;background:rgba(255,255,255,0.2);border-color:#fff #fff transparent transparent;-webkit-animation-name:unfold;animation-name:unfold;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
.unfold:after{content:' ';width:0;height:0;position:absolute;top:-1px;left:-1px;-webkit-transform:rotate(270deg);transform:rotate(270deg);border-width:0;border-style:solid;background:rgba(255,255,255,0.2);border-color:#fff #fff transparent transparent;-webkit-animation-name:unfold;animation-name:unfold;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
.reveal:before,.reveal:after{content:' ';width:50%;max-width:0;height:100%;position:absolute;background-color:#333;top:0;-webkit-animation-name:reveal;animation-name:reveal;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
.reveal:after{right:0}
@-webkit-keyframes reveal {
0%{max-width:50%}
100%{max-width:0}
}
@keyframes reveal {
0%{max-width:50%}
100%{max-width:0}
}
@-webkit-keyframes unfold {
0%{border-width:0 900px 900px 0}
100%{border-width:0}
}
@keyframes unfold {
0%{border-width:0 900px 900px 0}
100%{border-width:0}
}
@-webkit-keyframes flipX {
0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}
100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}
}
@keyframes flipX {
0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}
100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}
}
@-webkit-keyframes flipY {
0%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
100%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}
}
@keyframes flipY {
0%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
100%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}
}
@-webkit-keyframes zoomOut {
0%{-webkit-transform:scale(10);transform:scale(10)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes zoomOut {
0%{-webkit-transform:scale(10);transform:scale(10)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes zoomIn {
0%{-webkit-transform:scale(0.3);transform:scale(0.3)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes zoomIn {
0%{-webkit-transform:scale(0.3);transform:scale(0.3)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes stretchRight {
0%{-webkit-transform:scaleX(0.3);transform:scaleX(0.3)}
100%{-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@keyframes stretchRight {
0%{-webkit-transform:scaleX(0.3);transform:scaleX(0.3)}
100%{-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@-webkit-keyframes stretchLeft {
0%{-webkit-transform:scaleX(0.3);transform:scaleX(0.3)}
100%{-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@keyframes stretchLeft {
0%{-webkit-transform:scaleX(0.3);transform:scaleX(0.3)}
100%{-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@-webkit-keyframes fade {
from{opacity:0}
to{opacity:1}
}
@keyframes fade {
from{opacity:0}
to{opacity:1}
}
@-webkit-keyframes slide {
from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slide {
from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes slideBounceAlternate {
0%{-webkit-transform:translateX(-150%);transform:translateX(-150%)}
50%{-webkit-transform:translateX(8%);transform:translateX(8%)}
65%{-webkit-transform:translateX(-4%);transform:translateX(-4%)}
80%{-webkit-transform:translateX(4%);transform:translateX(4%)}
95%{-webkit-transform:translateX(-2%);transform:translateX(-2%)}
100%{-webkit-transform:translateX(0%);transform:translateX(0%)}
}
@keyframes slideBounceAlternate {
0%{-webkit-transform:translateX(-150%);transform:translateX(-150%)}
50%{-webkit-transform:translateX(8%);transform:translateX(8%)}
65%{-webkit-transform:translateX(-4%);transform:translateX(-4%)}
80%{-webkit-transform:translateX(4%);transform:translateX(4%)}
95%{-webkit-transform:translateX(-2%);transform:translateX(-2%)}
100%{-webkit-transform:translateX(0%);transform:translateX(0%)}
}
@-webkit-keyframes slideBounce {
0%{-webkit-transform:translateX(150%);transform:translateX(150%)}
50%{-webkit-transform:translateX(-8%);transform:translateX(-8%)}
65%{-webkit-transform:translateX(4%);transform:translateX(4%)}
80%{-webkit-transform:translateX(-4%);transform:translateX(-4%)}
95%{-webkit-transform:translateX(2%);transform:translateX(2%)}
100%{-webkit-transform:translateX(0%);transform:translateX(0%)}
}
@keyframes slideBounce {
0%{-webkit-transform:translateX(150%);transform:translateX(150%)}
50%{-webkit-transform:translateX(-8%);transform:translateX(-8%)}
65%{-webkit-transform:translateX(4%);transform:translateX(4%)}
80%{-webkit-transform:translateX(-4%);transform:translateX(-4%)}
95%{-webkit-transform:translateX(2%);transform:translateX(2%)}
100%{-webkit-transform:translateX(0%);transform:translateX(0%)}
}
@-webkit-keyframes slideAlternate {
from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideAlternate {
from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes spin {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.slider-wrap .slider-cta{direction:rtl;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:70px;font-size:70px;text-decoration:none;color:#fff;text-shadow:2px 2px 5px #333;z-index:3;font-weight:900;line-height:0}
@media (max-width: 768px) 
{
.slider-wrap .slider-cta{height:20px;font-size:15px}
}
.slider-wrap .slider-cta span{display:inline-block;margin-top:40px;font-weight:400;font-size:24px;line-height:1.2}
.slider-wrap .slider-cta a,.slider-wrap .slider-cta a:hover{text-decoration:none;color:#fff}
@media (max-width: 768px) 
{
.slider-wrap .slider-cta span{font-size:12px;margin-top:10px}
}
.img-responsive{display:block;max-width:100%;margin:auto}