.footer {
  z-index: 10;
  color: white; 
  font-weight: bold;
  border-top: solid 2px #c6c6c6;
  background: #78681f;
background: linear-gradient(180deg,rgba(120, 104, 31, 1) 0%, rgba(43, 39, 0, 1) 100%, rgba(94, 87, 44, 1) 68%);
}


.bubble-bg {
  overflow: hidden;
  position: fixed;
  left:0 ;
  top:0;
  height:100%;
  width:100vw;
  z-index: 0;
  overflow: hidden;
  background: #02090c;
 background: linear-gradient(180deg,#21576E 0%, #002A4D 60%, #00162B 95%);
}


.bubble {
  background-color: rgba(255, 255, 255, 0.4);
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
}
.bubble-1 {
  opacity: 1;
  left: 84vw;
  top: 83vh;
  animation: move-1 30.02s infinite;
  -moz-transform: translate(0, 0) scale(0.22);
  -ms-transform: translate(0, 0) scale(0.22);
  -webkit-transform: translate(0, 0) scale(0.22);
  transform: translate(0, 0) scale(0.22);
}
.bubble-2 {
  opacity: 0.9;
  left: 22vw;
  top: 52vh;
  animation: move-2 30.04s infinite;
  -moz-transform: translate(0, 0) scale(1.55);
  -ms-transform: translate(0, 0) scale(1.55);
  -webkit-transform: translate(0, 0) scale(1.55);
  transform: translate(0, 0) scale(1.55);
}
.bubble-3 {
  opacity: 0.44;
  left: 34vw;
  top: 59vh;
  animation: move-3 30.06s infinite;
  -moz-transform: translate(0, 0) scale(1.29);
  -ms-transform: translate(0, 0) scale(1.29);
  -webkit-transform: translate(0, 0) scale(1.29);
  transform: translate(0, 0) scale(1.29);
}
.bubble-4 {
  opacity: 0.2;
  left: 7vw;
  top: 61vh;
  animation: move-4 30.08s infinite;
  -moz-transform: translate(0, 0) scale(0.7);
  -ms-transform: translate(0, 0) scale(0.7);
  -webkit-transform: translate(0, 0) scale(0.7);
  transform: translate(0, 0) scale(0.7);
}
.bubble-5 {
  opacity: 0.09;
  left: 17vw;
  top: 31vh;
  animation: move-5 30.1s infinite;
  -moz-transform: translate(0, 0) scale(0.26);
  -ms-transform: translate(0, 0) scale(0.26);
  -webkit-transform: translate(0, 0) scale(0.26);
  transform: translate(0, 0) scale(0.26);
}
.bubble-6 {
  opacity: 0.98;
  left: 53vw;
  top: 77vh;
  animation: move-6 30.12s infinite;
  -moz-transform: translate(0, 0) scale(0.95);
  -ms-transform: translate(0, 0) scale(0.95);
  -webkit-transform: translate(0, 0) scale(0.95);
  transform: translate(0, 0) scale(0.95);
}
.bubble-7 {
  opacity: 0.27;
  left: 50vw;
  top: 97vh;
  animation: move-7 30.14s infinite;
  -moz-transform: translate(0, 0) scale(1.14);
  -ms-transform: translate(0, 0) scale(1.14);
  -webkit-transform: translate(0, 0) scale(1.14);
  transform: translate(0, 0) scale(1.14);
}
.bubble-8 {
  opacity: 0.1;
  left: 71vw;
  top: 34vh;
  animation: move-8 30.16s infinite;
  -moz-transform: translate(0, 0) scale(0.66);
  -ms-transform: translate(0, 0) scale(0.66);
  -webkit-transform: translate(0, 0) scale(0.66);
  transform: translate(0, 0) scale(0.66);
}
.bubble-9 {
  opacity: 0.13;
  left: 76vw;
  top: 89vh;
  animation: move-9 30.18s infinite;
  -moz-transform: translate(0, 0) scale(1.89);
  -ms-transform: translate(0, 0) scale(1.89);
  -webkit-transform: translate(0, 0) scale(1.89);
  transform: translate(0, 0) scale(1.89);
}
.bubble-10 {
  opacity: 0.13;
  left: 87vw;
  top: 76vh;
  animation: move-10 30.2s infinite;
  -moz-transform: translate(0, 0) scale(1.18);
  -ms-transform: translate(0, 0) scale(1.18);
  -webkit-transform: translate(0, 0) scale(1.18);
  transform: translate(0, 0) scale(1.18);
}
.bubble-11 {
  opacity: 0.69;
  left: 89vw;
  top: 51vh;
  animation: move-11 30.22s infinite;
  -moz-transform: translate(0, 0) scale(0.47);
  -ms-transform: translate(0, 0) scale(0.47);
  -webkit-transform: translate(0, 0) scale(0.47);
  transform: translate(0, 0) scale(0.47);
}
.bubble-12 {
  opacity: 0.31;
  left: 91vw;
  top: 60vh;
  animation: move-12 30.24s infinite;
  -moz-transform: translate(0, 0) scale(0.21);
  -ms-transform: translate(0, 0) scale(0.21);
  -webkit-transform: translate(0, 0) scale(0.21);
  transform: translate(0, 0) scale(0.21);
}
.bubble-13 {
  opacity: 0.64;
  left: 87vw;
  top: 60vh;
  animation: move-13 30.26s infinite;
  -moz-transform: translate(0, 0) scale(0.12);
  -ms-transform: translate(0, 0) scale(0.12);
  -webkit-transform: translate(0, 0) scale(0.12);
  transform: translate(0, 0) scale(0.12);
}
.bubble-14 {
  opacity: 0.08;
  left: 85vw;
  top: 82vh;
  animation: move-14 30.28s infinite;
  -moz-transform: translate(0, 0) scale(1.57);
  -ms-transform: translate(0, 0) scale(1.57);
  -webkit-transform: translate(0, 0) scale(1.57);
  transform: translate(0, 0) scale(1.57);
}
.bubble-15 {
  opacity: 0.84;
  left: 52vw;
  top: 24vh;
  animation: move-15 30.3s infinite;
  -moz-transform: translate(0, 0) scale(1.05);
  -ms-transform: translate(0, 0) scale(1.05);
  -webkit-transform: translate(0, 0) scale(1.05);
  transform: translate(0, 0) scale(1.05);
}
.bubble-16 {
  opacity: 0.22;
  left: 7vw;
  top: 56vh;
  animation: move-16 30.32s infinite;
  -moz-transform: translate(0, 0) scale(1.69);
  -ms-transform: translate(0, 0) scale(1.69);
  -webkit-transform: translate(0, 0) scale(1.69);
  transform: translate(0, 0) scale(1.69);
}
.bubble-17 {
  opacity: 0.2;
  left: 93vw;
  top: 30vh;
  animation: move-17 30.34s infinite;
  -moz-transform: translate(0, 0) scale(1.71);
  -ms-transform: translate(0, 0) scale(1.71);
  -webkit-transform: translate(0, 0) scale(1.71);
  transform: translate(0, 0) scale(1.71);
}
.bubble-18 {
  opacity: 0.05;
  left: 16vw;
  top: 27vh;
  animation: move-18 30.36s infinite;
  -moz-transform: translate(0, 0) scale(0.27);
  -ms-transform: translate(0, 0) scale(0.27);
  -webkit-transform: translate(0, 0) scale(0.27);
  transform: translate(0, 0) scale(0.27);
}
.bubble-19 {
  opacity: 0.6;
  left: 78vw;
  top: 42vh;
  animation: move-19 30.38s infinite;
  -moz-transform: translate(0, 0) scale(1.55);
  -ms-transform: translate(0, 0) scale(1.55);
  -webkit-transform: translate(0, 0) scale(1.55);
  transform: translate(0, 0) scale(1.55);
}
.bubble-20 {
  opacity: 0.77;
  left: 7vw;
  top: 49vh;
  animation: move-20 30.4s infinite;
  -moz-transform: translate(0, 0) scale(1.66);
  -ms-transform: translate(0, 0) scale(1.66);
  -webkit-transform: translate(0, 0) scale(1.66);
  transform: translate(0, 0) scale(1.66);
}
.bubble-21 {
  opacity: 0.19;
  left: 85vw;
  top: 8vh;
  animation: move-21 30.42s infinite;
  -moz-transform: translate(0, 0) scale(1.36);
  -ms-transform: translate(0, 0) scale(1.36);
  -webkit-transform: translate(0, 0) scale(1.36);
  transform: translate(0, 0) scale(1.36);
}
.bubble-22 {
  opacity: 0.57;
  left: 31vw;
  top: 41vh;
  animation: move-22 30.44s infinite;
  -moz-transform: translate(0, 0) scale(1.11);
  -ms-transform: translate(0, 0) scale(1.11);
  -webkit-transform: translate(0, 0) scale(1.11);
  transform: translate(0, 0) scale(1.11);
}
.bubble-23 {
  opacity: 0.59;
  left: 95vw;
  top: 59vh;
  animation: move-23 30.46s infinite;
  -moz-transform: translate(0, 0) scale(1);
  -ms-transform: translate(0, 0) scale(1);
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
}
.bubble-24 {
  opacity: 0.98;
  left: 70vw;
  top: 77vh;
  animation: move-24 30.48s infinite;
  -moz-transform: translate(0, 0) scale(0.27);
  -ms-transform: translate(0, 0) scale(0.27);
  -webkit-transform: translate(0, 0) scale(0.27);
  transform: translate(0, 0) scale(0.27);
}
.bubble-25 {
  opacity: 0.31;
  left: 44vw;
  top: 14vh;
  animation: move-25 30.5s infinite;
  -moz-transform: translate(0, 0) scale(1.41);
  -ms-transform: translate(0, 0) scale(1.41);
  -webkit-transform: translate(0, 0) scale(1.41);
  transform: translate(0, 0) scale(1.41);
}
.bubble-26 {
  opacity: 0.62;
  left: 64vw;
  top: 68vh;
  animation: move-26 30.52s infinite;
  -moz-transform: translate(0, 0) scale(0.67);
  -ms-transform: translate(0, 0) scale(0.67);
  -webkit-transform: translate(0, 0) scale(0.67);
  transform: translate(0, 0) scale(0.67);
}
.bubble-27 {
  opacity: 0.51;
  left: 7vw;
  top: 17vh;
  animation: move-27 30.54s infinite;
  -moz-transform: translate(0, 0) scale(0.37);
  -ms-transform: translate(0, 0) scale(0.37);
  -webkit-transform: translate(0, 0) scale(0.37);
  transform: translate(0, 0) scale(0.37);
}
.bubble-28 {
  opacity: 0.51;
  left: 47vw;
  top: 15vh;
  animation: move-28 30.56s infinite;
  -moz-transform: translate(0, 0) scale(0.62);
  -ms-transform: translate(0, 0) scale(0.62);
  -webkit-transform: translate(0, 0) scale(0.62);
  transform: translate(0, 0) scale(0.62);
}
.bubble-29 {
  opacity: 0.45;
  left: 1vw;
  top: 48vh;
  animation: move-29 30.58s infinite;
  -moz-transform: translate(0, 0) scale(1.98);
  -ms-transform: translate(0, 0) scale(1.98);
  -webkit-transform: translate(0, 0) scale(1.98);
  transform: translate(0, 0) scale(1.98);
}
.bubble-30 {
  opacity: 0.98;
  left: 13vw;
  top: 41vh;
  animation: move-30 30.6s infinite;
  -moz-transform: translate(0, 0) scale(0.6);
  -ms-transform: translate(0, 0) scale(0.6);
  -webkit-transform: translate(0, 0) scale(0.6);
  transform: translate(0, 0) scale(0.6);
}


@keyframes move-1 {
  40% {
    -moz-transform: translate(-22vw, -97vh);
    -webkit-transform: translate(-22vw, -97vh);
    transform: translate(-22vw, -97vh);
  }
}
@keyframes move-2 {
  40% {
    -moz-transform: translate(-58vw, -37vh);
    -webkit-transform: translate(-58vw, -37vh);
    transform: translate(-58vw, -37vh);
  }
}
@keyframes move-3 {
  51% {
    -moz-transform: translate(-4vw, -56vh);
    -webkit-transform: translate(-4vw, -56vh);
    transform: translate(-4vw, -56vh);
  }
}
@keyframes move-4 {
  57% {
    -moz-transform: translate(-85vw, -12vh);
    -webkit-transform: translate(-85vw, -12vh);
    transform: translate(-85vw, -12vh);
  }
}
@keyframes move-5 {
  36% {
    -moz-transform: translate(-23vw, -94vh);
    -webkit-transform: translate(-23vw, -94vh);
    transform: translate(-23vw, -94vh);
  }
}
@keyframes move-6 {
  60% {
    -moz-transform: translate(-53vw, -57vh);
    -webkit-transform: translate(-53vw, -57vh);
    transform: translate(-53vw, -57vh);
  }
}
@keyframes move-7 {
  48% {
    -moz-transform: translate(-40vw, -78vh);
    -webkit-transform: translate(-40vw, -78vh);
    transform: translate(-40vw, -78vh);
  }
}
@keyframes move-8 {
  49% {
    -moz-transform: translate(-51vw, -61vh);
    -webkit-transform: translate(-51vw, -61vh);
    transform: translate(-51vw, -61vh);
  }
}
@keyframes move-9 {
  35% {
    -moz-transform: translate(-77vw, -31vh);
    -webkit-transform: translate(-77vw, -31vh);
    transform: translate(-77vw, -31vh);
  }
}
@keyframes move-10 {
  34% {
    -moz-transform: translate(-69vw, -28vh);
    -webkit-transform: translate(-69vw, -28vh);
    transform: translate(-69vw, -28vh);
  }
}
@keyframes move-11 {
  49% {
    -moz-transform: translate(-89vw, -48vh);
    -webkit-transform: translate(-89vw, -48vh);
    transform: translate(-89vw, -48vh);
  }
}
@keyframes move-12 {
  47% {
    -moz-transform: translate(-97vw, -14vh);
    -webkit-transform: translate(-97vw, -14vh);
    transform: translate(-97vw, -14vh);
  }
}
@keyframes move-13 {
  58% {
    -moz-transform: translate(-17vw, -61vh);
    -webkit-transform: translate(-17vw, -61vh);
    transform: translate(-17vw, -61vh);
  }
}
@keyframes move-14 {
  54% {
    -moz-transform: translate(-43vw, -83vh);
    -webkit-transform: translate(-43vw, -83vh);
    transform: translate(-43vw, -83vh);
  }
}
@keyframes move-15 {
  53% {
    -moz-transform: translate(-84vw, -6vh);
    -webkit-transform: translate(-84vw, -6vh);
    transform: translate(-84vw, -6vh);
  }
}
@keyframes move-16 {
  32% {
    -moz-transform: translate(-54vw, -33vh);
    -webkit-transform: translate(-54vw, -33vh);
    transform: translate(-54vw, -33vh);
  }
}
@keyframes move-17 {
  42% {
    -moz-transform: translate(-48vw, -42vh);
    -webkit-transform: translate(-48vw, -42vh);
    transform: translate(-48vw, -42vh);
  }
}
@keyframes move-18 {
  52% {
    -moz-transform: translate(-16vw, -39vh);
    -webkit-transform: translate(-16vw, -39vh);
    transform: translate(-16vw, -39vh);
  }
}
@keyframes move-19 {
  55% {
    -moz-transform: translate(-92vw, -37vh);
    -webkit-transform: translate(-92vw, -37vh);
    transform: translate(-92vw, -37vh);
  }
}
@keyframes move-20 {
  46% {
    -moz-transform: translate(-27vw, -66vh);
    -webkit-transform: translate(-27vw, -66vh);
    transform: translate(-27vw, -66vh);
  }
}
@keyframes move-21 {
  54% {
    -moz-transform: translate(-51vw, -39vh);
    -webkit-transform: translate(-51vw, -39vh);
    transform: translate(-51vw, -39vh);
  }
}
@keyframes move-22 {
  50% {
    -moz-transform: translate(-30vw, -77vh);
    -webkit-transform: translate(-30vw, -77vh);
    transform: translate(-30vw, -77vh);
  }
}
@keyframes move-23 {
  36% {
    -moz-transform: translate(-59vw, -77vh);
    -webkit-transform: translate(-59vw, -77vh);
    transform: translate(-59vw, -77vh);
  }
}
@keyframes move-24 {
  55% {
    -moz-transform: translate(-84vw, -6vh);
    -webkit-transform: translate(-84vw, -6vh);
    transform: translate(-84vw, -6vh);
  }
}
@keyframes move-25 {
  34% {
    -moz-transform: translate(-66vw, -78vh);
    -webkit-transform: translate(-66vw, -78vh);
    transform: translate(-66vw, -78vh);
  }
}
@keyframes move-26 {
  38% {
    -moz-transform: translate(-17vw, -10vh);
    -webkit-transform: translate(-17vw, -10vh);
    transform: translate(-17vw, -10vh);
  }
}
@keyframes move-27 {
  47% {
    -moz-transform: translate(-34vw, -48vh);
    -webkit-transform: translate(-34vw, -48vh);
    transform: translate(-34vw, -48vh);
  }
}
@keyframes move-28 {
  53% {
    -moz-transform: translate(-33vw, -30vh);
    -webkit-transform: translate(-33vw, -30vh);
    transform: translate(-33vw, -30vh);
  }
}
@keyframes move-29 {
  36% {
    -moz-transform: translate(-32vw, -11vh);
    -webkit-transform: translate(-32vw, -11vh);
    transform: translate(-32vw, -11vh);
  }
}
@keyframes move-30 {
  42% {
    -moz-transform: translate(-56vw, -99vh);
    -webkit-transform: translate(-56vw, -99vh);
    transform: translate(-56vw, -99vh);
  }
}



#clouds{
  height:71px;
  position:fixed;
  overflow:hidden;
  top:0;
  left: -50vw;
  width: 200vw;
	padding:  0;
	background: #c9dbe9;
	background: -webkit-linear-gradient(top, #c9dbe9 0%, #fff 100%);
	background: -linear-gradient(top, #c9dbe9 0%, #fff 100%);
	background: -moz-linear-gradient(top, #c9dbe9 0%, #fff 100%);
}


.cloud {
	background: #fff;
	background: -moz-linear-gradient(top,  #fff 5%, #f1f1f1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#fff), color-stop(100%,#f1f1f1));
	background: -webkit-linear-gradient(top,  #fff 5%,#f1f1f1 100%);
	background: -o-linear-gradient(top,  #fff 5%,#f1f1f1 100%);
	background: -ms-linear-gradient(top,  #fff 5%,#f1f1f1 100%);
	background: linear-gradient(top,  #fff 5%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f1f1f1',GradientType=0 );
	

	border-radius: 30px;
	
	-webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);

	height: 20px;
	position: relative;
	width: 60px;
  opacity: 0.3;
}

.cloud:after, .cloud:before {
  background: #fff;
	content: '';
	position: absolute;
	z-indeX: -1;
}

.cloud:after {
	border-radius: 40px;

	height: 20px;
	left: 5px;
  top:-15px;
	width: 20px;
}

.cloud:before {
	border-radius: 30px;
	width: 30px;
	height: 30px;
	right: 10px;
	top: -20px;
}
/*Time to animate*/
.x1 {
	-webkit-animation: moveclouds 135s linear infinite;
	-moz-animation: moveclouds 135s linear infinite;
	-o-animation: moveclouds 135s linear infinite;
}

/*variable speed, opacity, and position of clouds for realistic effect*/
.x2 {
	left: 200px;
	
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
	opacity: 0.6; /*opacity proportional to the size*/
	
	/*Speed will also be proportional to the size and opacity*/
	/*More the speed. Less the time in 's' = seconds*/
	-webkit-animation: moveclouds 165s linear infinite;
	-moz-animation: moveclouds 165s linear infinite;
	-o-animation: moveclouds 165s linear infinite;
}

.x3 {
	left: -250px; top: -10px;
	
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4);
	opacity: 0.4; /*opacity proportional to the size*/
	
	-webkit-animation: moveclouds 230s linear infinite;
	-moz-animation: moveclouds 230s linear infinite;
	-o-animation: moveclouds 230s linear infinite;
}

.x4 {
	left: 470px; top: -15px;
	
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	transform: scale(0.75);
	opacity: 0.75; /*opacity proportional to the size*/
	
	-webkit-animation: moveclouds 145s linear infinite;
	-moz-animation: moveclouds 145s linear infinite;
	-o-animation: moveclouds 145s linear infinite;
}

@-webkit-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}
@-moz-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}
@-o-keyframes moveclouds {
	0% {margin-left: 1000px;}
	100% {margin-left: -1000px;}
}