body {
	margin: 0px;
	background-color: #000b16;
}

#vip-content {
	width: 100%;
}

#vip-content img, #vip-mobile img {
	width: 100%;
	vertical-align: bottom;
}

#vip-mobile {
	display: none;
}


/*** Mobile Contents ***/

.vip-header {
	margin-top: 20px;
}

.vip-button {
	width: 90%;
	margin: 0 auto 20px;
}

.vip-button img {
	border-radius: 100px;
}


/*** Mobile Slider ***/
.vip-slider {
	display: flex;
	padding: 10px 0 20px;
	padding-left: 5%;
	flex-wrap: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.vip-slider::-webkit-scrollbar {
	display: none;
}

.vip-slider div {
	flex: 0 0 auto;
	width: 95%;
	padding-right: 3%;
}

.vip-slider div:last-child {
	padding-right: 5%;
}

.vip-slider div img {
	width: 100%;
}


/*** Terms Page ***/
.vip-back img, .vip-terms img {
	width: 100%;
	vertical-align: bottom;
}

#vip-back {
	position: fixed;
	z-index: 99;
}

#vip-terms {
	padding-top: 10%;
}


/*** Scroll Button Edit ***/
.icon-down {
	position: fixed;
	bottom: 20px;
	left: 50%;
	border-radius: 100%;
	width: 30px;
    height: 30px;
    padding: 10px;
    background: rgb(169,120,1);
	background: -moz-linear-gradient(0deg, rgba(169,120,1,1) 0%, rgba(246,189,89,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(169,120,1,1) 0%, rgba(246,189,89,1) 100%);
	background: linear-gradient(0deg, rgba(169,120,1,1) 0%, rgba(246,189,89,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a97801",endColorstr="#f6bd59",GradientType=1);
	animation-name: scroll-btn-wrap;
    animation-duration: 2.5s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
}

.hide {
	display: none;
}

.icon-down .arrowDown {
	transform: rotate(0deg);
}

.icon-down .arrowUp {
	transform: rotate(180deg);
}


/*** Media Query ***/
@media (max-width: 1200px) {
	#vip-content .tablet-table {
		content: url("../images/vip-tablet-table.jpg");
	}
	#vip-content .tablet-terms {
		content: url("../images/vip-tablet-terms.jpg");
	}
	.icon-down {
		display: none;
	}
}

@media (max-width: 768px) {
	body {
		background-image: url("../images/vip-mobile-bg.jpg");
		background-size: cover;
		background-repeat: no-repeat;
	}
	#vip-content {
		display: none;
	}
	#vip-mobile {
		display: block;
	}

}


/*** Animation ***/
@keyframes scroll-btn-wrap {
    0%  {box-shadow: 0px 0px 0px 0px rgba(246,189,89,.8);}
    50% {box-shadow: 0px 0px 0px 10px rgba(246,189,89,0);}
}