.smp-clouds {
		position: relative; 
	    width: 100%;
	    min-height: 100%;
	}
	
	.smp-clouds.autoheight {
	    min-height: auto;
	}
	
	.smp-clouds.fill_v {
		height: 100%;
	}
	
	.smp-clouds,
	.smp-clouds-background {
		background: #0686db;
		background: -moz-linear-gradient(top, #0686db 0%, #bae9f2 82%);
		background: -webkit-linear-gradient(top, #0686db 0%,#bae9f2 82%);
		background: linear-gradient(to bottom, #0686db 0%,#bae9f2 82%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0686db', endColorstr='#bae9f2',GradientType=0 );
	}
	
	.smp-clouds-container {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		pointer-events: none;
		overflow: hidden;
		z-index: 2;

	}
	
	.smp-clouds-image {
		z-index: 3;	
	}
	
	.smp-clouds-container:after {
	    content: "";
	    display: block;
	    padding-bottom: 20%;
	}
	
	.smp-clouds-layers {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.smp-clouds-layers .layer {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	
	.smp-clouds-layers .layer .cloud {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;		
	}
	
/* Clouds */

	
	.smp-clouds-layers .layer .cloud {
		background-size: contain !important;
		background-repeat: no-repeat !important;
		background-position: center top !important;
	}

	.smp-clouds-layers .layer .cloud.cloud1 {
		background: url(/images/theme/clouds/cloud1.png);
	}

	.smp-clouds-layers .layer .cloud.cloud2 {
		background: url(/images/theme/clouds/cloud2.png);
	}

	.smp-clouds-layers .layer .cloud.cloud3 {
		background: url(/images/theme/clouds/cloud3.png);
	}

	.smp-clouds-layers .layer .cloud.cloud4 {
		background: url(/images/theme/clouds/cloud4.png);
	}

	.smp-clouds-layers .layer .cloud.cloud5 {
		background: url(/images/theme/clouds/cloud5.png);
	}

	.smp-clouds-layers .layer .cloud.cloud6 {
		background: url(/images/theme/clouds/cloud6.png);
	}
	
/* position */
	
	/* top */
	
	.smp-clouds-layers .layer.y-5 .cloud {
		top: -5%;
	}
	
	.smp-clouds-layers .layer.y-10 .cloud {
		top: -10%;
	}
	
	.smp-clouds-layers .layer.y-15 .cloud {
		top: -15%;
	}
	
	.smp-clouds-layers .layer.y-20 .cloud {
		top: -20%;
	}
	
	.smp-clouds-layers .layer.y-35 .cloud {
		top: -35%;
	}

/* invert */
	
	.smp-clouds-layers .layer.invertX .cloud {
		-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
	}
	.smp-clouds-layers .layer.invertY .cloud {
		-moz-transform: scaleY(-1);
        -o-transform: scaleY(-1);
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
	}
	.smp-clouds-layers .layer.invertXY .cloud {
		-moz-transform: scale(-1,-1);
        -o-transform: scale(-1,-1);
        -webkit-transform: scale(-1,-1);
        transform: scale(-1,-1);
	}  

/* size */
	
	.smp-clouds-layers .layer.size90 .cloud {
		-moz-transform: scale(0.9);
        -o-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
	}
	
	.smp-clouds-layers .layer.size80 .cloud {
		-moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
	}
	
	.smp-clouds-layers .layer.size70 .cloud {
		-moz-transform: scale(0.7);
        -o-transform: scale(0.7);
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
	}
	
	.smp-clouds-layers .layer.size60 .cloud {
		-moz-transform: scale(0.6);
        -o-transform: scale(0.6);
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
	}
	
	
/* speed */
	
	.smp-clouds-layers .layer.speed10 {
		animation-duration: 10s;
	}
	
	.smp-clouds-layers .layer.speed15 {
		animation-duration: 15s;
	}
	
	.smp-clouds-layers .layer.speed20 {
		animation-duration: 20s;
	}
	
	.smp-clouds-layers .layer.speed25 {
		animation-duration: 25s;
	}
	
	.smp-clouds-layers .layer.speed30 {
		animation-duration: 30s;
	}
	
	.smp-clouds-layers .layer.speed35 {
		animation-duration: 35s;
	}
	
	.smp-clouds-layers .layer.speed40 {
		animation-duration: 40s;
	}
	
	.smp-clouds-layers .layer.speed45 {
		animation-duration: 45s;
	}
	
	.smp-clouds-layers .layer.speed40 {
		animation-duration: 50s;
	}
	
	.smp-clouds-layers .layer.speed45 {
		animation-duration: 55s;
	}
/* start */
	
	.smp-clouds-layers .layer.start5 {
		animation-delay: -5s;
	}
	
	.smp-clouds-layers .layer.start10 {
		animation-delay: -10s;
	}
	
	.smp-clouds-layers .layer.start15 {
		animation-delay: -15s;
	}
	
	.smp-clouds-layers .layer.start20 {
		animation-delay: -20s;
	}
	
	.smp-clouds-layers .layer.start25 {
		animation-delay: -25s;
	}
	
	.smp-clouds-layers .layer.start30 {
		animation-delay: -30s;
	}
	
	.smp-clouds-layers .layer.start35 {
		animation-delay: -35s;
	}
	
	.smp-clouds-layers .layer.start40 {
		animation-delay: -40s;
	}
	
	.smp-clouds-layers .layer.start45 {
		animation-delay: -45s;
	}
	
/* animation */
	
	.smp-clouds-layers .layer {
		animation-duration: 60s;
		-moz-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
	}
	
	.smp-clouds-layers.rtl .layer {
		animation-name: right2left;
		animation-iteration-count: infinite;
		animation-timing-function: linear; 
	    top: 0%;
	    opacity: 0.75;
	}
	
	.smp-clouds-layers.ltr .layer {
		animation-name: left2right;
		animation-iteration-count: infinite;
		animation-timing-function: linear; 
	    top: 0%;
	    opacity: 0.75;
	}
	
	.smp-clouds-layers.movein .layer {
		animation-name: move2front;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in; 
	    transform-origin: 65% 80%;
	    top: -33%;
	}
	
	.smp-clouds-layers.moveout .layer {
		animation-name: move2back;
		animation-iteration-count: infinite;
		animation-timing-function: ease-out; 
	    transform-origin: 65% 80%;
	    top: -33%;

	}
	
	.smp-clouds-layers.movein .layer.toleft .cloud,
	.smp-clouds-layers.moveout .layer.toleft .cloud {
		left: -30%;
	}
	
	.smp-clouds-layers.movein .layer.toleft2 .cloud,
	.smp-clouds-layers.moveout .layer.toleft2 .cloud {
		left: -50%;
	}
	
	.smp-clouds-layers.movein .layer.toright .cloud,
	.smp-clouds-layers.moveout .layer.toright .cloud {
		left: 35%;
	}
	
	.smp-clouds-layers.movein .layer.toright2 .cloud,
	.smp-clouds-layers.moveout .layer.toright2 .cloud {
		left: 50%;
	}
	
/* keyframes */
	
	@keyframes right2left {
	  0% {
	    left: 100%;
	  }
	  100% {
	    left: -100%;
	  }
	}
	
	@keyframes left2right {
	  0% {
	    left: -100%;
	  }
	  100% {
	    left: 100%;
	  }
	}
	
	@keyframes move2front {
	  0% {
		-moz-transform: scale(0.6);
        -o-transform: scale(0.6);
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0;
	  }
	  50% {
        opacity: 0.75;
	  }
	  100% {
		-moz-transform: scale(1.5);
        -o-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
	  }
	}
	
	@keyframes move2back {
	  0% {
		-moz-transform: scale(1.5);
        -o-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
	  }
	  30% {
        opacity: 0.75;
	  }
	  60% {
        opacity: 0.75;
	  }
	  100% {
		-moz-transform: scale(0.6);
        -o-transform: scale(0.6);
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0;
	  }
	}
	
	
	
	
	/*
	.mdm-image-landscape .mdm-image-fit.cover, 
	.mdm-image-fit.cover, .mdm-image-fit.contain.portrait {
		width: 100%;
		height: auto;
	}
	*/