#slider{
  margin:0;
  padding:0;
}

.skdslider {
  width:100%;
  position: relative;
  display: block;
  overflow:hidden;
}
.skdslider .slide {
   display: none;
}
.skdslider .slide img {
   width: 100%;
   height:100%;
   border:0;
}

.skdslider ul.slide-navs {
    bottom:10px;
    left: 50%;
    position: absolute;
	  list-style-type: none;
    margin: 0;
    padding: 0;
}

.skdslider ul.slide-navs li {
  float: left;
	background:url(slide-bg.png) no-repeat scroll 0 0 transparent;
	height:12px;
	width:12px;
	margin-right:4px;
	cursor:pointer;
	
}
.skdslider ul.slide-navs li.active {
  background:url(slide-bg-active.png) no-repeat scroll 0 0 transparent;
}

.skdslider .slide-desc {
    color:#FFFFFF;
    position:absolute;
    top:30%;
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:99%;
	text-align:right;
	line-height:45px;
	 font-family: "IBM Plex Sans", sans-serif;	

    /* css3 animation */
    -webkit-animation-name: anim_titles;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_titles;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}
.skdslider .slide-desc > h2 {
    color:#FFFFFF;
    font-size:40px;
	text-align:left;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-weight:500;
		text-shadow: 1px 1px #2a2829;
		 font-family: "IBM Plex Sans", sans-serif;
}
.skdslider .slide-desc >  h3 {
    color:#FFFFFF;
    font-size:23px;
	text-align:left;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-weight:500;
		text-shadow: 1px 1px #2a2829;
		 font-family: "IBM Plex Sans", sans-serif;
}
.skdslider .slide-desc >  h4 {
    color:#FFFFFF;
    font-size:21px;
	text-align:left;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-weight:400;
		text-shadow: 1px 1px #2a2829;
		 font-family: "IBM Plex Sans", sans-serif;
}
.skdslider .slide-desc > sup {
    vertical-align: super;
    font-size: smaller;
}
.skdslider .slide-desc > .middelone {
	text-align:center;
}

.skdslider .slide-desc > .middeltwo {
	text-align:center;
}	
/* keyframes #anim_slides */
@-webkit-keyframes anim_slides {
    0% {
        opacity:0;

    }
    6% {
        opacity:1;

    }
    24% {
        opacity:1;

    }
    30% {
        opacity:0;

    }
    100% {
        opacity:0;

    }
}
@-moz-keyframes anim_slides {
    0% {
        opacity:0;

    }
    6% {
        opacity:1;

    }
    24% {
        opacity:1;

    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
		
    }
}




/* keyframes #anim_titles */
@-webkit-keyframes anim_titles {
    0% {
        left:40%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:40%;
        opacity:0;
    }
    100% {
        left:40%;
        opacity:0;
    }
}
@-moz-keyframes anim_titles {
    0% {
        left:40%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:40%;
        opacity:0;
    }
    100% {
        left:40%;
        opacity:0;
    }
}


.skdslider a.prev{
  background:url(left.png) no-repeat scroll 0 0 transparent;
	width:35px;
	height:35px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:2%;
	margin-top:-17px;
}

.skdslider a.next{
  background:url(right.png) no-repeat scroll 0 0 transparent;
	width:35px;
	height:35px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:50%;
	right:2%;
	margin-top:-17px;
}
.skdslider a.prev:hover {
  
}
.skdslider a.next:hover {
  
}

.skdslider a.play {
    background: url("image/play.png") no-repeat scroll center center transparent;
	width:35px;
	height:35px;
	display:none;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:48%;
	margin-top:-17px;
}

.skdslider a.pause{
  background: url("image/pause.png") no-repeat scroll center center transparent;
	width:35px;
	height:35px;
	display:none;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:48%;
	margin-top:-17px;
}

/**** Responsive **/


@media only screen and (min-width:320px) {
	.skdslider .slide-desc > h2 {
    font-size:15px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
		.skdslider .slide-desc > h3 {
    font-size:11px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
		.skdslider .slide-desc > h4 {
    font-size:10px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
.skdslider .slide-desc {
top:10%;
	line-height:30px;
}	
}



@media only screen and (min-width:1178px) {
	.skdslider .slide-desc > h2 {
    font-size:45px;
	font-weight:600;
		text-shadow: 1px 1px #2a2829;
		 font-family: "IBM Plex Sans", sans-serif;
		 	line-height:47px;
	}
	.skdslider .slide-desc >  h3 {
    font-size:27px;
}
.skdslider .slide-desc >  h4 {
    font-size:23px;

}
.skdslider .slide-desc {
top:37%;
line-height:46px;
}			
}

/**** Responsive **/