.sky { float:left; overflow:hidden;}
 .htip-heading {text-align: center; padding: 5px; background-color:#03abd4; color:#fff;}
 .htip-heading h1 {font-size: 21px;font-weight: 600;}

.sky .htip-img {}
.sky .htip-img img {height:180px;}

.sky .htip-content {padding: 10px; width:220px;}
.sky .htip-content p {margin: 0;font-size: 1.4em;color: #333;font-weight: 400;}

 .sky-div  {width: 2200px;}   
 .sky-div {animation: img1 60s infinite;-o-animation: img1 60s infinite;
         -moz-animation: img1 60s infinite;-webkit-animation: img1 60s infinite;}
         
  @-webkit-keyframes img1 {
        0% {opacity: 1; margin-left:0px;}
        4% {opacity: 1; margin-left:0px;}
        
        14% { opacity: 1; margin-left:-220px;}
        15% { opacity: 1; margin-left:-220px;}
        16% {opacity: 1; margin-left:-220px;}
        
        24% {opacity: 1; margin-left:-440px;}
        25% {opacity: 1; margin-left:-440px;}
        26% {opacity: 1; margin-left:-440px;}
        
        34% {opacity: 1; margin-left:-660px;}
        35% {opacity: 1; margin-left:-660px;}
        36% {opacity: 1; margin-left:-660px;}
        
        44% {opacity: 1; margin-left:-880px;}
        45% {opacity: 1; margin-left:-880px;}
        46% {opacity: 1; margin-left:-880px;}
        
        54% {opacity: 1; margin-left:-1100px;}
        55% {opacity: 1; margin-left:-1100px;}
        56% {opacity: 1; margin-left:-1100px;}
        
        64% {opacity: 1; margin-left:-1320px;}
        65% {opacity: 1; margin-left:-1320px;}
        66% {opacity: 1; margin-left:-1320px;}
        
        74% { opacity: 1; margin-left:-1540px;}
        75% {opacity: 1; margin-left:-1540px;}
        76% {opacity: 1; margin-left:-1540px;}
        
        84% {opacity: 1; margin-left:-1760px;}
        85% {opacity: 1; margin-left:-1760px;}
        86% {opacity: 1; margin-left:-1760px;}
        
        94% {opacity: 1; margin-left:-1980px;}
        95% {opacity: 1; margin-left:-1980px;}
        96% {opacity: 1; margin-left:-1980px;}
        
        104% {opacity: 1; margin-left:-2200px;}
        105% {opacity: 1; margin-left:-2200px;}
        106% {opacity: 1; margin-left:-2200px;}
        
        
        
  }
  @keyframes img1 
  {
        0% {opacity: 1; margin-left:0px;}
        4% {opacity: 1; margin-left:0px;}
        
        14% { opacity: 1; margin-left:-220px;}
        15% { opacity: 1; margin-left:-220px;}
        16% {opacity: 1; margin-left:-220px;}
        
        24% {opacity: 1; margin-left:-440px;}
        25% {opacity: 1; margin-left:-440px;}
        26% {opacity: 1; margin-left:-440px;}
        
        34% {opacity: 1; margin-left:-660px;}
        35% {opacity: 1; margin-left:-660px;}
        36% {opacity: 1; margin-left:-660px;}
        
        44% {opacity: 1; margin-left:-880px;}
        45% {opacity: 1; margin-left:-880px;}
        46% {opacity: 1; margin-left:-880px;}
        
        54% {opacity: 1; margin-left:-1100px;}
        55% {opacity: 1; margin-left:-1100px;}
        56% {opacity: 1; margin-left:-1100px;}
        
        64% {opacity: 1; margin-left:-1320px;}
        65% {opacity: 1; margin-left:-1320px;}
        66% {opacity: 1; margin-left:-1320px;}
        
        74% { opacity: 1; margin-left:-1540px;}
        75% {opacity: 1; margin-left:-1540px;}
        76% {opacity: 1; margin-left:-1540px;}
        
        84% {opacity: 1; margin-left:-1760px;}
        85% {opacity: 1; margin-left:-1760px;}
        86% {opacity: 1; margin-left:-1760px;}
        
        94% {opacity: 1; margin-left:-1980px;}
        95% {opacity: 1; margin-left:-1980px;}
        96% {opacity: 1; margin-left:-1980px;}
        
        104% {opacity: 1; margin-left:-2200px;}
        105% {opacity: 1; margin-left:-2200px;}
        106% {opacity: 1; margin-left:-2200px;}
        
  }