.gray{
	color: #787878;
}
.golden{
	color: #c8b36b;
}
.marbot3{
	margin-bottom:30px;
}
.title_heading{
	color: #082D74;
	font-weight: 400;
}
.gold_point{
	color: #9a7842;
	font-size:60px;
	font-weight: 400;
	line-height: 1;
}
.point_text{
	font-size:30px;
	line-height: 1;
	margin-bottom: 0px;
}
.subheading_text{
	font-size:30px;
	margin-bottom: 0px;
}
.redeem_link{
	list-style:none;
	display: inline-block;
}

.redeem_link li{
	padding:10px 20px;
	float: left;
	position: relative;
}
.redeem_link li a:before{
	content: "";
    width: 8px;
    height: 8px;
    background: gray;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 20px;
}
.redeem_link li.active a:before{
    background: #9a7842;
}

.redeem_link li a{
	font-size:20px;
	color: gray;
}

.mobile{
	border-radius: 0px;
}

.redeem_link li.active a{
	color: #082D74;
	border-bottom: 2px solid #082D74;
}

.redeem_link li a:hover{
	color: #082D74;
	border-bottom: 2px solid #082D74;
}
.redeem_link li a:hover::before{
	background: #9a7842;
}



.redeem_box {
	border:1px solid #9a7842;
	margin-bottom:25px;
}
.redeem_box .box_title {
	padding:5px 0px;
	background: #082D74;
	color:white;
	text-align: center;
	font-weight: 400;
}
.redeem_box .box_title .price{
	font-weight: bold;
}
.redeem_box .box_title.big{
	font-size:24px;
}
.redeem_box .box_title.small{
	font-size:20px;
}

.redeem_box .box_image{
	position: relative;
	text-align: center;
	/*height: 110px;*/
}	

.redeem_box .input-group.text-center{
	justify-content:center;
}	

.redeem_box .box_image img{
	max-width: 100%;
}
.redeem_box .box_image .simcard{
	position: absolute;
	bottom: 15px;
	right: 20px;
	width: 120px;
}
.redeem_box .box_detail{
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.gold_left{
	padding:20px 10px;
	background-color:#f9f8f3;
}
.gold_right{
	padding:16px 0px;
	background-color:#eeebcd;
	text-align: center;
}
.price_area{
	padding:16px 0px;
	background-color:#eeebcd;
	text-align: center;
	display: table; 
	height: 100%
}
.price_area p{
	display: table-cell; 
	vertical-align: middle;
}
@media(max-width: 767px){
	.price_area{
		display: block; 
		height: auto;
		
	}
	.price_area p{
		display: inline-block;
	}

}

.gold_left .title{
	font-size:17px;
	color: black;
	font-weight: 600;
}
.gold_left .terms{
	color:gray;
	font-size:12px;
	margin-bottom:0px;
}
.gold_left .vdetail{
	font-size:11pt;
	padding:0px;
	margin-bottom:0px;
}

.gold_right .price{
	font-size:26pt;
	margin-bottom:0px;
	color: #082D74;
}

.gold_right .point{
	font-size:34px;
	margin-bottom:0px;
	color: #082D74;
}
.gold_right .point_text{
	font-size:21px;
	color: black;
	margin-bottom:0px;
}
.box_set{
	padding:20px 0px;
}
.box_set .quantity{
	border: 1px solid gray;
}
.box_set img{
	cursor: pointer;
}


.redeem_points{
	list-style: none;
	display: inline-block;
}
.redeem_points li{
	float: left;
}
.redeem_points li:first-child{
	padding-left:0px;
	padding-right:0px;
	margin-left:-10px;
}
.redeem_points li:last-child{
	padding-left:50px;
	padding-right:20px;
}

.points_table_history th{
	background: #082D74;
	color:white;
	padding:5px;
	font-weight: bold !important;
	text-align: left;
}
.points_table_history td{
	text-align: left;
}

.points_table_history tr{
	border-bottom: 1px solid #9a7842;
}
.points_table_history td{
	padding:10px;
}


ul.pagination li{
	border: 1px solid #082D74;
}
ul.pagination li a{
	color:gray;
}
ul.pagination li.active{
	background:#082D74;
	color:white;
}
ul.pagination li.active a{
	background-color: transparent !important;
	border:0px;
}


.gold_point_area{
	margin-bottom: 0px;
}
.booking_form{
	text-align: left;
	border-left: 1px solid #082D74;
	padding:15px 80px 15px 80px; 
}

@media (max-width: 1024px){
	.booking_form h3{
		font-size:1.6em;
	}
}

@media(max-width: 768px){
	.redeem_points{
		padding-left:0px;
	}
	.redeem_points li{
		padding:0px 5px !important;
	}
}
@media (max-width: 767px){
	.gold_point_area{
		margin-bottom: 40px;
	}
	.booking_form{
		text-align: center;
		border:0px;
		padding:0px 15px;
	}
	.btnredeem{
		float: none !important;
	}
}

.inlinelist{
	list-style: none;
	padding-left: 0px;
	margin-bottom:10px;
}
.inlinelist li{
	float: left;
	padding-right: 10px;
}

.detail{
	padding-top:15px;
	padding-bottom:15px;
	padding-left:0px;
}
.detail h3{
	margin-bottom:20px;
}
.detail p{
	margin-bottom:5px;
}
.survey{
	text-align: center;
	padding-top:40px;
	padding-bottom:20px;
	border-left:1px solid #1A3874;
}
.image_detail{
	padding-left:0px;
}

@media (max-width: 768px){
	.survey{
		padding-top:10px;
		border:0px;
	}

	.image_detail{
		text-align: center;
		padding-left:15px;
		padding-top:20px;
	}
	.detail{
		text-align: center;
	}
	.inlinelist{
		display: inline-block;
	}
}


.table_profile td{
	color:gray;
	font-size: 18px;
	padding-bottom:20px;
}
.table_profile td.user{
	color:black;
}
@media(max-width: 768px){
	.table_profile{
		width: 100%;
	}
}

.profile_button{
	padding-left: 0px;
	list-style: none;
	display: inline-block;
}
.profile_button li{
	padding:10px 25px;
	float: left;
}
@media(max-width: 767px){
	.profile_button li{
		float: none;
	}
}


h1.big_title{
	font-size: 3.2rem;
	padding-top:7px;
}
.inline-flex{
	display: inline-flex;
}


.middle-border{
	border-left:1px solid #082D74;
	border-right:1px solid #082D74;
}

.custom-col{
	padding-left:60px;
	padding-right:60px;
}

.golden_box{
	border: 1px solid #c8b36b;
	padding:15px 20px;
	margin-bottom:15px;
}
.golden_box h2{
	font-weight: 400;
	color: #1c3e8a;
	margin-bottom:15px;
}
.golden_box img{
	margin-bottom:30px;
}
.golden_box p{
	font-size: 14pt; 
}

.about_desc{
	padding-left:30px;
	padding-right: 30px;
}
.about_desc p {
	font-size:15pt;
	text-align: justify;
	margin-bottom:40px;
}

ul.org li{
	font-size: 20pt;
	margin-bottom:15px;
}

.contact h4{
	color: #082D74;
	margin-bottom:10px;
	font-weight: 400;
}
.contact p{
	font-size: 13pt;
	margin-bottom:3px;
}
.contact p a{
	color:#19529d;
}


.features .box{
	padding:20px 44px;
}
@media(max-width: 1024px){
	.features .box{
		padding:20px 15px;
	}
}
.features .box img{
	margin-bottom:25px;
}
.features .box h4{
	margin-bottom:20px;
}