.cloud {
	background: url(https://lh3.googleusercontent.com/d/1WQMlP2aNmy2H72vTvX11CfJA9JqaFxr-?authuser=1) repeat-x;
	/* background-size: 498px 36px; */
	animation: scroll 70s linear infinite;
}

@keyframes scroll {
  to {
    background-position: -498px 0;
  }
}

.header, .footer {
	position: fixed;
	z-index: 9997;
	width: 100%;
	height : 36px;
	font-size: 20px;
	font-weight : bolder;
	color : #00F;
	text-shadow:0px 0px 20px #fff,0px 0px 20px #9ad8fc;
	padding: 0;
	margin : 0;
}

.header {
	/* #9ad8fc  blue simliar to background */
	top: 0;
	left: 0;
}

.footer {
	text-align : center;
	bottom: 0;
	left: 0;
}

.facebook {
	position: fixed;
	height : 36px;
	left : 10px;
}
/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

#navMenu {
	display : none;
	position: fixed;
	z-index: 9997;
	top: 30px;
	right: 0;
	width: 180px;
	text-align: center;
	font-size: 24px;
	font-weight : bolder;
	/* background: #9AD8FC; */
	background: #F7FAFE;
	opacity : 0.9;
	padding: 20px 0px 20px 0px;
	border-radius: 12px 0px 0px 12px;
	-webkit-box-shadow: inset 5px 5px 50px 10px rgba(154,216,252,0.5);
	-moz-box-shadow:inset 5px 5px 50px 10px rgba(154,216,252,0.5);
	box-shadow: inset 5px 5px 50px 10px rgba(154,216,252,0.5);
}

a {text-decoration: none; }

/* for animated hamburger menu icon */

.menuIcon {
  display: inline-block;
  cursor: pointer;
}

.bar1, .bar2, .bar3 {
	width: 30px;
	height: 3px;
	background-color: #000;
	margin: 6px 0;
	transition: 0.4s;
}

.change .bar1 { transform: translate(0, 9px) rotate(-45deg); }
.change .bar2 { opacity: 0; }
.change .bar3 { transform: translate(0, -9px) rotate(45deg); }

/* override plugin To Top settings */
#to_top_scrollup { z-index: 9999 !important; }


/* header and footer wavy dividers */
.header-container {  
	position: fixed;
	z-index: 9997;
	top: 34px;
	left: 0;
	width: 100%;
	height: 20px;
	background-color: #9ad8fc;
}

.header-container::before {   
	content: "";
	width: 100%;
	height: 15px;
	position: absolute;
	bottom: -0.3%;
	left: 0;
	background-size: auto;
	background-repeat: repeat no-repeat;
	background-position: 33vw bottom;
	background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200 112' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 18L33 15C82 11 133 12 200 25C267 37 333 56 400 59C467 62 533 50 600 34C667 18 733 0 800 0C867 0 933 18 1000 25C1067 31 1133 25 1167 21L1200 18V112H1167C1133 112 1067 112 1000 112C933 112 867 112 800 112C733 112 667 112 600 112C533 112 467 112 400 112C333 112 267 112 200 112C133 112 67 112 33 112H0V22.332Z' fill='%23E8EDF4'/></svg>");
	animation: scroll 60s linear infinite;
}

@media(max-width:850px) {
	.header-container::before {    
		height: 7.5px
	}
}

.footer-container {  
	position: fixed;
	z-index: 9997;
	bottom: 36px;
	left: 0;
	width: 100%;
	height: 20px;
	background-color: #E8EDF4;
}

.footer-container::before {   
	content: "";
	width: 100%;
	height: 15px;
	position: absolute;
	bottom: -0.3%;
	left: 0;
	background-size: auto;
	background-repeat: repeat no-repeat;
	background-position: 33vw bottom;
	background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200 112' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 18L33 15C82 11 133 12 200 25C267 37 333 56 400 59C467 62 533 50 600 34C667 18 733 0 800 0C867 0 933 18 1000 25C1067 31 1133 25 1167 21L1200 18V112H1167C1133 112 1067 112 1000 112C933 112 867 112 800 112C733 112 667 112 600 112C533 112 467 112 400 112C333 112 267 112 200 112C133 112 67 112 33 112H0V22.332Z' fill='%239ad8fc'/></svg>");
	animation: scroll 60s linear infinite;
}

@media(max-width:850px) {
	.footer-container::before {    
		height: 7.5px
	}
}

/*---------------------------------------*/
.hvr-bounce-to-right {
	padding : 6px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, .7);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	cursor : pointer;
}

.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #9ad8fc;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/*---------------------------------------*/