.back-banner
{
	position:absolute;
	width:100%;
	height:100vh;
	min-height:100vh;
	/*background-color:#3498db;*/
	margin: 0px;
	padding: 0px;
	overflow:hidden;
}
.flight {
    position: relative;
    height: 120px;
    width: 120px;
    bottom: 0;
    left: 0;
    /*background: url("../img/plane.png");*/
    background: url("../img/plwithlight.gif");
    background-size: cover;
    background-repeat: no-repeat;
    animation: plane 4s linear infinite;
    opacity: 0.9;
}
.flight-leftright {
    position: relative;
    height: 120px;
    width: 120px;
    bottom: 0;
    left: 0;
    /*background: url("../img/plane.png");*/
    background: url("../img/plwithlight.gif");
    background-size: cover;
    background-repeat: no-repeat;
    animation: planeleftright 15s linear infinite;
    opacity: 0.9;
    rotation: -15deg;
}
.flight-rightleft {
    position: relative;
    height: 75px;
    width: 75px;
    top: 0;
    right: 0;
    background: url("../img/flightwithlight.gif");
    background-size: cover;
    background-repeat: no-repeat;
    animation: planerightleft 21s linear infinite;
    opacity: 0.9;
}
@keyframes planerightleft {
    0% {
        transform: translate3d(100vw, 20px, 0);
    }

    100% {
        transform: translate3d(0vw, 20px, 0);
        opacity: 0;
    }
}

@keyframes planeleftright {
    0% {
        transform-origin: left;
        transform: translate3d(0px, 0vh, 0) rotate(20deg);
        
    }

    100% {
        transform: translate3d(150vw, 100vh, 0) rotate(20deg);
        opacity: 0;
    }
}

@keyframes plane
{
	0%{
		transform: translatex(0px) translatey(100vh);
	}
	100%{
		transform:translatex(95vw) translatey(5vh);
		opacity:0;
	}
}