html,
body {
    margin: 0px;
    padding: 0px;
}

#banner {
    position: absolute;
    width: 300px;
    height: 250px;
    cursor: pointer;
    background-color: #fff;
    box-sizing: border-box;
    overflow: hidden;
}

.text_seq1 {
    position: absolute;
	top:0px;
	left:0px;	
    width: 300px;
    height: 250px;
    -webkit-animation: seq1 8s ease-in-out infinite forwards;
    animation: seq1 8s ease-in-out infinite forwards;
}

.text_seq2 {
    position: absolute;
	top:0px;
	left:0px;
    width: 300px;
    height: 250px;
    -webkit-animation: seq2 8s ease-in-out infinite forwards;
    animation: seq2 8s ease-in-out infinite forwards;
}

.text_seq3 {
    position: absolute;
	top:0px;
	left:0px;	
    width: 300px;
    height: 250px;
    -webkit-animation: seq3 8s ease-in-out infinite forwards;
    animation: seq3 8s ease-in-out infinite forwards;
}

.logo {
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 100;
}

.cta {
    position: absolute;
	top:215px;
	left:13px;
    width: 119px;
    height: auto;
    overflow: hidden;	
    -webkit-animation: cta 8s ease-in-out infinite forwards;
    animation: cta 8s ease-in-out infinite forwards;
}



@keyframes seq1{
	0%,
	1% {
		opacity:0;
	}

	3% {
		opacity:1;
	}
	33% {
		opacity:1;
	}
	35%,
	100%{
		opacity:0;
	}	
}

@keyframes seq2{
	0%,
	36% {
		opacity:0;
	}

	38% {
		opacity:1;
	}
	68% {
		opacity:1;
	}
	70%,
	100%{
		opacity:0;
	}	
}

@keyframes seq3{
	0%,
	71% {
		opacity:0;
	}

	73% {
		opacity:1;
	}
	76%,
	100%{
		opacity:1;
	}	
}

@-webkit-keyframes cta {
    0%,
    11% {
        opacity: 0;
        -webkit-transform: scale(1);
    }
	
    13% {
        opacity: 1;
        -webkit-transform: scale(1);
    }	

    78% {
        opacity: 1;
        -webkit-transform: scale(1);
    }	
	
    80% {
        opacity: 1;
        -webkit-transform: scale(1.1);
    }

    82% {
        opacity: 1;
        -webkit-transform: scale(1);
    }

    84% {
        opacity: 1;
        -webkit-transform: scale(1.1);
    }

    86%,
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@keyframes cta {

    0%,
    11% {
        opacity: 0;
        transform: scale(1);
    }
	
    13% {
        opacity: 1;
        transform: scale(1);
    }	

    78% {
        opacity: 1;
        transform: scale(1);
    }	
	
    80% {
        opacity: 1;
        transform: scale(1.1);
    }

    82% {
        opacity: 1;
        transform: scale(1);
    }

    84% {
        opacity: 1;
        transform: scale(1.1);
    }

    86%,
    100% {
        opacity: 1;
        transform: scale(1);
    }
}