/* clouds.css */
.cloud {
	position: absolute;
	z-index: 1;
	overflow: hidden;
}

.cloud.pos-1 {
	position: absolute;
	height: auto;
	width: 10%;
	top: 5%;
	right: 0px;
}

.cloud.pos-2 {
	position: absolute;
	height: auto;
	width: 15%;
	top: 10%;
	right: 0px;
}

.cloud.pos-3 {
	position: absolute;
	height: auto;
	width: 17%;
	top: 25%;
	right: 0px;
}

.cloud.pos-4 {
	position: absolute;
	height: auto;
	width: 11%;
	top: 30%;
	right: 0px;
}

.cloud.pos-5 {
	position: absolute;
	height: auto;
	width: 12%;
	top: 47%;
	right: 0px;
}

.cloud.pos-6 {
	position: absolute;
	height: auto;
	width: 17%;
	top: 59%;
	right: 0px;
}

.cloud.pos-7 {
	position: absolute;
	height: auto;
	width: 8%;
	top: 66%;
	right: 0px;
}

.slide-left.slowest {
    -webkit-animation: slide_left 220s infinite;
    -moz-animation-duration: 220s;
    -moz-animation-name: slide_left;
    -moz-animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.slide-left.slower {
    -webkit-animation: slide_left 200s infinite;
    -moz-animation-duration: 200s;
    -moz-animation-name: slide_left;
    -moz-animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.slide-left.slow {
    -webkit-animation: slide_left 180s infinite;
    -moz-animation-duration: 180s;
    -moz-animation-name: slide_left;
    -moz-animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.slide-left.normal {
    -webkit-animation: slide_left 140s infinite;
    -moz-animation-duration: 140s;
    -moz-animation-name: slide_left;
    -moz-animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.slide-left.fast {
    -webkit-animation: slide_left 100s infinite;
    -moz-animation-duration: 100s;
    -moz-animation-name: slide_left;
    -moz-animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.slide-left.faster {
    -webkit-animation: slide_left 80s infinite;
    -moz-animation-duration: 80s;
    -moz-animation-name: slide_left;
    -moz-animation-iteration-count: infinite;
    animation-timing-function: linear;

}

.slide-left.fastest {
    -webkit-animation: slide_left 60s infinite;
    -moz-animation-duration: 60s;
    -moz-animation-name: slide_left;
    -moz-animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-moz-keyframes slide_left {
    from {
        right: -17%;
    }
    to {
        right: 100%;
    }
}

@-webkit-keyframes slide_left {
    from {
        right: -17%;
    }
    to {
        right: 100%
    }
}

@media only screen and (max-width: 600px) {
/*	.cloud {
		display: none;
	}*/
}