.sk_slides{background-color: #e5e5e5; position: relative;}
.sk_slide_item{display: block; width: 100%; position: relative; display: none; height: 100%; overflow: hidden;}
.sk_slide_item.first{display: block;}
.sk_slide_desc{position: absolute; bottom: 20%; width: 100%; text-align: center; color: #fff;}
.sk_slide_desc h2, .sk_slide_desc p{color: #fff;}

.pager_content{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.pager_content .container-header{width: 100%; height: 100%; display: table;}
.sk_slide_pager{display: table-cell; vertical-align: middle;}
.sk_slide_pager > span{display: block; text-align: left;}
.sk_slide_pager > span > span{display: inline-block; border: 1px solid transparent; height: 20px; cursor: pointer; text-align: center;
                             border-radius: 50%; margin: 5px 0; transition: .2s linear;}
.sk_slide_pager > span > span .detail{display: inline-block; height: 10px; width: 10px; background: #fff; opacity: .6; transition: .2s linear;
       margin: 1px 5px; border-radius: 50%;}
.sk_slide_pager > span > span .detail:hover{opacity: 1;}
.sk_slide_pager > span.active > span{border: 1px solid #29bce3;}
.sk_slide_pager > span.active > span .detail{background: #29bce3; opacity: 1;}
    
@media(max-width: 768px){
    .sk_slide_desc h2, .sk_slide_desc p{font-size: .9em;}
    .sk_slides{min-height: 100px;}
}