/*UNDERLINE UNTUK REGISTER DAN LOGIN*/
		#hover:hover {
			color: #d0af12;
			/*text-decoration: underline;*/
		}

		/*test hover image*/
		.hovereffect {
		  width: 255px;
		  height: 400px;
		  float: left;
		  overflow: hidden;
		  position: relative;
		  text-align: center;
		  cursor: default;
		  background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
		  background: linear-gradient(45deg, #d0af12 0%, #01582d 100%);
		}

		.hovereffect .overlay {
		  width: 100%;
		  height: 100%;
		  position: absolute;
		  overflow: hidden;
		  top: 0;
		  left: 0;
		  padding: 3em;
		  text-align: left;
		}

		.hovereffect img {
		  display: block;
		  position: relative;
		  max-width: none;
		  width: calc(100% + 60px);
		  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
		  transition: opacity 0.35s, transform 0.45s;
		  -webkit-transform: translate3d(-40px,0,0);
		  transform: translate3d(-40px,0,0);
		}

		.hovereffect h2 {
		  text-transform: uppercase;
		  color: #fff;
		  position: relative;
		  font-size: 17px;
		  background-color: transparent;
		  padding: 15% 0 10px 0;
		  text-align: left;
		}

		.hovereffect .overlay:before {
		  position: absolute;
		  top: 20px;
		  right: 20px;
		  bottom: 20px;
		  left: 20px;
		  border: 1px solid #fff;
		  content: '';
		  opacity: 0;
		  filter: alpha(opacity=0);
		  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
		  transition: opacity 0.35s, transform 0.45s;
		  -webkit-transform: translate3d(-20px,0,0);
		  transform: translate3d(-20px,0,0);
		}

		.hovereffect a, .hovereffect p {
		  color: #FFF;
		  opacity: 0;
		  filter: alpha(opacity=0);
		  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
		  transition: opacity 0.35s, transform 0.45s;
		  -webkit-transform: translate3d(-10px,0,0);
		  transform: translate3d(-10px,0,0);
		}

		.hovereffect:hover img {
		  opacity: 0.6;
		  filter: alpha(opacity=60);
		  -webkit-transform: translate3d(0,0,0);
		  transform: translate3d(0,0,0);
		}

		.hovereffect:hover .overlay:before,
		.hovereffect:hover a, .hovereffect:hover p {
		  opacity: 1;
		  filter: alpha(opacity=100);
		  -webkit-transform: translate3d(0,0,0);
		  transform: translate3d(0,0,0);
		}

		
		/*CSS W3*/
		/*body {
		  margin: 0;
		  font-family: Arial, Helvetica, sans-serif;
		}

		.topnav {
		  overflow: hidden;
		  background-color: #01582d;
		}

		.topnav a {
		  float: left;
		  display: block;
		  color: #f2f2f2;
		  text-align: center;
		  padding: 14px 16px;
		  text-decoration: none;
		  font-size: 17px;
		}

		.topnav a:hover {
		  background-color: #f0d470;
		  color: black;
		}

		.topnav a.active {
		  background-color: #4CAF50;
		  color: white;
		}

		.topnav .icon {
		  display: none;
		}

		@media screen and (max-width: 600px) {
		  .topnav a:not(:first-child) {display: none;}
		  .topnav a.icon {
		    float: right;
		    display: block;
		  }
		}

		@media screen and (max-width: 600px) {
		  .topnav.responsive {position: relative;}
		  .topnav.responsive .icon {
		    position: absolute;
		    right: 0;
		    top: 0;
		  }
		  .topnav.responsive a {
		    float: none;
		    display: block;
		    text-align: left;
		  }
		}*/

		
		/*Coba SLIDER W3 DI HOME*/
		/* The dots/bullets/indicators */
		.dot {
		  height: 15px;
		  width: 15px;
		  margin: 0 2px;
		  background-color: #bbb;
		  border-radius: 50%;
		  display: inline-block;
		  transition: background-color 0.6s ease;
		}

		.active {
		  background-color: #01582d; /*DISINI FAKTOR SLIDE FOTO DI BAWAH KEGANTI WARNANYA*/
		}

		/* Next & previous buttons */
		.prev, .next {
		  cursor: pointer;
		  position: absolute;
		 /* top: 50%;*/
		  width: auto;
		  padding: 16px;
		  margin-top: -350px;
		 /* color: white;*/
		  font-weight: bold;
		  font-size: 35px;
		  transition: 0.6s ease;
		  border-radius: 0 3px 3px 0;
		  user-select: none;
		}

		/* Position the "next button" to the right */
		.next {
		  right: 0;
		  border-radius: 3px 0 0 3px;
		}

		/* On hover, add a black background color with a little bit see-through */
		.prev:hover, .next:hover {
		  background-color: rgba(0,0,0,0.8);
		}

		/*BACK ON TOP COBA*/
		#tombolScrollTop
		{
			cursor: pointer;
			position:fixed;
			left:93%;
			bottom:10px;
		}

		.backTotop:hover {
			opacity: 0.8;
		}

		/*animate awan gerak*/
		.gerak{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: url(img.jpg);
		background-size: cover;
		}
		
		.cloud{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		/*background: url(cloud.png);*/
		background-size: cover;
		animation: animate 60s linear infinite;
		}
		@keyframes animate{
		0%{
		background-position: 0px;
		}
		100%{
		background-position: -5440px;
		}
		}

		/*Hidup di biara image bulat*/
		.zoom:hover {
		  transform: scale(1.2);
		  transition: transform .2s;