*{margin: 0;padding: 0;}
ul{list-style: none;}

@-webkit-keyframes titleimgfadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes titleimgfadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.titleimgfadeIn {
    -webkit-animation-name: titleimgfadeIn;
    animation-name: titleimgfadeIn;
    animation: titleimgfadeIn 3s  forwards 0.5s;
}

.cb-slideshowbox{width:100%;height:768px;position: relative;top: 0;left: 0;overflow: hidden;}
.cb-slideshow{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;}
.cb-slideshow li{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;}
.cb-slideshow li a{ display: block;height: 100%;}
.cb-slideshow li span{width: 100%;height: 100%;display: block;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;opacity: 0;z-index: 0;-webkit-backface-visibility: hidden;font-size: 0;}
.cb-slideshow li .titleimg{position: absolute;top: 23%;left: 36.5%;width:0;opacity: 0;}
.cb-slideshow li.active .titleimg{width: 27%; }
.cb-slideshow li.fade .title{}
.cb-slideshow li.active{ z-index: 2;}
.cb-slideshow li.active span{animation: imageAnimation 6s linear infinite 0s;}
.cb-slideshow li.fade span{animation: fadeAnimation 6s linear infinite 0s;}
@keyframes imageAnimation{0%{opacity: 0;animation-timing-function: ease-in;}
10%{opacity: 0.5;}
30%{opacity: 0.8;}
70%{opacity: 1;transform: scale(1.07);animation-timing-function: ease-out;}
100%{opacity: 1;transform: scale(1.1);}
}
@keyframes fadeAnimation{
0%{opacity: 1;transform: scale(1.1);}
20%{opacity: 0;-webkit-transform: scale(1.1) translateY(-20%);}
60%{opacity: 0;transform: scale(1.1) translateY(-100%);}
100%{opacity: 0}}
/* Show at least something when animations not supported*/
.no-cssanimations .cb-slideshow li span{opacity: 1;}
.cb-slideshowbox .slide-icon{position: absolute;bottom: 0;z-index: 2;text-align: right;right: 0;width: 100%;height: 150px;background: linear-gradient(transparent,rgba(20,20,20,0.3))}
.cb-slideshowbox .slide-icon li{width: 35px;height: 24px;background: url(../img/banner-iconsprite.png) no-repeat;display: inline-block;margin: 0 5px;cursor: pointer;background-size: auto 24px;margin-top: 97px;}
.cb-slideshowbox .slide-icon li.active{background-position-x: -35px;}
.cb-slideshowbox .slide-icon li:last-child{ margin-right: 3%;}