#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;
    left:1%;
    margin:0 auto;
    position:absolute;
    top:40%;
	width:99%;
	  font-family: 'Roboto', 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:45px;
	font-weight:normal;
	text-align:center;
	padding-left:20%;
}
.skdslider .slide-desc > .middelone {
	text-align:center;
}

.skdslider .slide-desc > .middeltwo {
	text-align:left;
}	
/* 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:9px;
	margin-left:3%;
	}
.skdslider .slide-desc {
top:30%;
}	
}
@media only screen and (min-width:360px) {
	.skdslider .slide-desc > h2 {
	font-size:11px;
	margin-left:3%;
	}
.skdslider .slide-desc {
top:30%;
}	
}
@media only screen and (min-width:400px) {
	.skdslider .slide-desc > h2 {
	font-size:12px;
	margin-left:3%;
	}
	
}
@media only screen and (min-width:460px) {
	.skdslider .slide-desc > h2 {
	font-size:15px;
	margin-left:3%;
	}

}

@media only screen and (min-width:560px) {
	.skdslider .slide-desc > h2 {
	font-size:18px;
	margin-left:0;
	}
}
@media only screen and (min-width:600px) {
	.skdslider .slide-desc > h2 {
	font-size:20px;
	margin-left:0;
	}	
}
@media only screen and (min-width:640px) {
	.skdslider .slide-desc > h2 {
	font-size:21px;
	margin-left:0;
	}	
}
@media only screen and (min-width:720px) {
	.skdslider .slide-desc > h2 {
	font-size:25px;
	margin-left:0;
	}	
}
@media only screen and (min-width:900px) {
	.skdslider .slide-desc > h2 {
	font-size:31px;
	margin-left:0;
	}	
}
@media only screen and (min-width:980px) {
	.skdslider .slide-desc > h2 {
	font-size:35px;
	margin-left:0;
	}	
}

@media only screen and (min-width:1178px) {
	.skdslider .slide-desc > h2 {
	font-size:45px;
	margin-left:0;
	}
.skdslider .slide-desc {
top:40%;
}			
}

/**** Responsive **/