#first{float: left;clear: both;display: block;width: 100%;
    background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden;position: relative;border-bottom: 1px solid #eee;}

#first-content-abs{position: absolute;text-align: center;top: 0;height: 80px;width: 100%;}

#first-content-abs button{background-color: white;color: #48C9B0;border: none;margin: 5px;padding: 5px;font-size: 20px;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-clip-path:polygon(0 20%,100% 0,100% 80%,0 100%);
    clip-path:polygon(0 20%,100% 0,100% 80%,0 100%);
}
#first-content-abs button:Hover{cursor: pointer;}
#first-bottom{position: absolute;bottom: 0px;width: 100%;font-weight: bold;color: #444;}
#first-bottom p{padding: 10px 20px;float: right;background-color: white;}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#textSlide{height: 80px;}

.item-1, .item-2, .item-3 {position: absolute;display: block;width: 50%;animation-duration: 20s;animation-timing-function: ease-in-out;animation-iteration-count: infinite;padding: 10px;color: #eee;}

.item-1{animation-name: anim-1;}
.item-2{animation-name: anim-2;}
.item-3{animation-name: anim-3;}

@keyframes anim-1 {
	0%, 8.3% { left: -100%; opacity: 0; }
  8.3%,25% { left: 25%; opacity: 1; }
  33.33%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-2 {
	0%, 33.33% { left: -100%; opacity: 0; }
  41.63%, 58.29% { left: 25%; opacity: 1; }
  66.66%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-3 {
	0%, 66.66% { left: -100%; opacity: 0; }
  74.96%, 91.62% { left: 25%; opacity: 1; }
  100% { left: 110%; opacity: 0; }
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/