body {
	
	width: 100%;
 height: 100%;

background-size:cover;
background-attachment:fixed}
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

h1,
h6 {
	font-family: 'Open Sans';
	font-weight: 300;
	text-align: center;
	position: absolute;
	top: 45%;
	right: 0;
	left: 0;
}

.shake {
	animation: shake-animation 4.72s ease infinite;
	transform-origin: 50% 50%;
  }
  .element {
	margin: 0 auto;
	width: 150px;
	height: 150px;
	background: red;
  }
  @keyframes shake-animation {
	 0% { transform:translate(0,0) }
	1.78571% { transform:translate(5px,0) }
	3.57143% { transform:translate(0,0) }
	5.35714% { transform:translate(5px,0) }
	7.14286% { transform:translate(0,0) }
	8.92857% { transform:translate(5px,0) }
	10.71429% { transform:translate(0,0) }
	100% { transform:translate(0,0) }
  }

  .backdrop {
	  -moz-box-shadow: 0px 6px 5px #111; 
	  -webkit-box-shadow: 0px 6px 5px #111; 
	  box-shadow: 0px 2px 10px #111; 
	  -moz-border-radius:190px; 
	  -webkit-border-radius:190px; 
	  border-radius:190px;
  }

  .linktree {
	  width: 460px;
	  height: 205px;
	  background-image: url(../img/txt.webp);
	 /* background-color: rgba(4,9,30,0.5);*/
	  background-size: cover;
	  background-repeat: no-repeat;
	  background-position: 50% 50%;
  }
  
  @media only screen and (max-width: 900px) {
	  .linktree{
		  width: 350px;
	  height: 177px;
	  }
	  .banneroverlay{
		   background-image: url(../img/bghp.webp);
		   background-size: cover;
	  }
	  
  }
  
  
  .banneroverlay{
 background-image: url(../img/bg.webp);
background-color:#f0ecdd!important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0% 10%;

  
  }
/*  .banneroverlay{background-color:#FFF8DC!important;background_image: url("../img/banner-bg.webp")!important;}*/
	.overlay-bg {
	background-color: rgba(4,9,30,.5)!important;
 
	}

 
 .texth7 {
	 
	text-align: center !important;
    max-width: 80%;
	padding-left:220px;
	color:#fff;
}

.btn-warning {
    color: #b84545!important;
    background-color: #f0ecdd!important;
    background-color: cutom-color;
    border-color: #b84545!important;
    border-color: cutom-cor;
}
.btn-warning:hover {
	 background-color: #f0ecdd!important;
	 border-color: #000000!important;
}
.btnTest{
	
   background:url(../img/logo1.png) no-repeat left center;
   padding-left:20px !important;
}  
@media only screen and (max-width: 800px) {
	
	.icon-play-isi2{
		background-size:cover !important;
		height: 5.5% !important;
		width: 6.5% !important;
		top: 17% !important;
		left: 10.5% !important;

		}
		.icon-play-isi4{
		background-size:cover !important;
		height: 5.5% !important;
		width: 6.5% !important;
		top: 42% !important;
		left: 10.5% !important;

		}


		.icon-play-logo-mantau2{
		background-size:cover !important;
		height: 5.5% !important;
		width: 6.5% !important;
		top: 92.5% !important;
		left: 10.5% !important;

		}
		.icon-play-logo-wa2{
			background-size:cover !important;
		height: 5.5% !important;
		width: 6.5% !important;
		top: 30% !important;
		left: 10.5% !important;

		}
		
		.icon-play-logo-wa4{
			background-size:cover !important;
		height: 5.5% !important;
		width: 6.5% !important;
		top: 5% !important;
		left: 10.5% !important;

		}
		.icon-play-logo-map2{
		background-size:cover !important;
		height: 5.5% !important;
		width: 6.5% !important;
		top: 55% !important;
		left: 10.5% !important;

		}
		

		.icon-play-logo-mapp2{
		background-size:cover !important;
		height: 5.5% !important;
		width: 6.5% !important;
		top: 67.5% !important;
		left: 10.5% !important;

		}
		
		.icon-play-logo-menu2{
		background-size:cover !important;
		height: 7.5% !important;
		width: 6.5% !important;
		top: 79.5% !important;
		left: 10.5% !important;

		}
}  
			
.icon-play-isi{
  background-image : url(../img/walogo.webp);
 display: inline-block!important;
  background-size: cover;
  height: 6%;
  width: 2.5%;
  position: absolute;
   top: 17.5%;
    transform: translateY(-50%);
	-webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
	 -webkit-mask-size: 100%;
	  left: 33.8%;
    border-radius: 12px;
}

			
.icon-play-isi4{
  background-image : url(../img/walogo.webp);
 display: inline-block!important;
  background-size: cover;
  height: 6%;
  width: 2.5%;
  position: absolute;
   top: 42.5%;
    transform: translateY(-50%);
	-webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
	 -webkit-mask-size: 100%;
	  left: 33.8%;
    border-radius: 12px;
}

.icon-play-logo-mantau{
  background-image : url(../img/IG.png);
  display: inline-block!important;
   background-size: cover;
  height: 6%;
  width: 2.6%;
  position: absolute;
   top: 92.2%;
    transform: translateY(-50%);
	-webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
	 -webkit-mask-size: 100%;
	  left: 33.7%;
    border-radius: 13px;
}
.icon-play-logo-wa{
	  background-image : url(../img/Shopee.png);
  display: inline-block!important;
  background-size: cover;
  height: 6%;
  width: 2.7%;
  position: absolute;
   top: 29.5%;
    transform: translateY(-50%);
	-webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
	 -webkit-mask-size: 100%;
	  left: 33.5%;
    border-radius: 12px;


}

.icon-play-logo-wa3{
	  background-image : url(../img/Shopee.png);
  display: inline-block!important;
  background-size: cover;
  height: 6%;
  width: 2.7%;
  position: absolute;
   top: 4.8%;
    transform: translateY(-50%);
	-webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
	 -webkit-mask-size: 100%;
	  left: 33.5%;
    border-radius: 12px;
	
}
.icon-play-logo-map{
	  background-image : url(../img/toped.png);
  display: inline-block!important;
  background-size: cover;
  height: 6%;
  width: 2.6%;
  position: absolute;
   top: 54.9%;
    transform: translateY(-50%);
	-webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
	 -webkit-mask-size: 100%;
	  left: 33.6%;
    border-radius: 12px;

}
.icon-play-logo-mapp{
	  background-image : url(../img/maplogo.webp);
  display: inline-block!important;
  background-size: cover;
  height: 6%;
  width: 2.5%;
  position: absolute;
   top: 67.5%;
    transform: translateY(-50%);
	-webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
	 -webkit-mask-size: 100%;
	  left: 33.7%;
    border-radius: 12px;

}

.icon-play-logo-menu{
	  background-image : url(../img/tiktok.png);
  display: inline-block!important;
  background-size: contain;
  height: 8%;
  width: 3%;
  position: absolute;
   top: 79.5%;
    transform: translateY(-50%);
	-webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
	 -webkit-mask-size: 100%;
	  left: 33.5%;
    border-radius: 12px;

}

.btnmodel{
	width: 41%; 
	text-align: center !important;
	padding-top:12px !important; 
	padding-bottom:12px !important; 
	font-weight: 600 !important;   
	border-radius: 12px !important; 
	
}

@media only screen and (max-width: 900px) {
	.btnmodel-mobile{width: 94% !important;
	}
	
}