html { position: relative; min-height: 100%;}
body { font-family: 'Poppins', sans-serif; margin-bottom: 525px; height: 100%; color: #052643;}

.gemini-yellow { background-color: #f2c242;}
.gemini-blue { background-color: #052643;}
.gemini-text-yellow, h1 span, .invite-wrap li i, a.yellow-link { color: #f2c242;}
.navbar-brand img { width: 170px; image-rendering: -webkit-optimize-contrast;}
.bg-light-grey { background-color: #f1f1f1;}
.purchase-btn { border-radius: 25px; padding: 0 15px; background-color: #f2c242;}
.purchase-btn:hover { background-color: #fff;}
.purchase-btn a.nav-link { color: #052643 !important; font-weight: bold}
li.nav-item { border-bottom: 3px solid #052643;}
li a.nav-link.active { border-bottom: 3px solid #f2c242;}
li.purchase-btn a.nav-link.active { border: none !important;}
section.main-img { background: url("../images/top_brg.png") no-repeat center center; height: calc(100vh - 75px); background-size: cover;}
img.sub-img, img.log-visual, img.sub-mobile-img { max-width: 100%; image-rendering: -webkit-optimize-contrast;}
img.globe, .gemini-tab img { max-width: 100%;}
.banner-time { position: absolute; color: #fff; font-size: 88px; display: flex; left: 50%; top: 50%; transform: translate(-45%,-50%); line-height: 1; }
.banner-time #time-hour, .banner-time #time-minute, .banner-time #time-second { margin: 0 25px; font-weight: bold; width:100px; text-align: center;}
.banner-time #time-hour p, .banner-time #time-minute p, .banner-time #time-second p{ font-size: 26px; margin-top: 30px; text-align: center; font-weight: normal; width:100px;}
a.gemini-btn { cursor: pointer; border-radius: 50px; padding: 10px 35px; display: inline-block; color: #052643; font-size: 28px; font-weight: bold; text-decoration: none;}
a.gemini-btn:hover { background-color: #fff;}
a.gemini-btn-2 { cursor: pointer; border-radius: 50px; padding: 10px 35px; display: inline-block; color: #f2c242; font-size: 28px; font-weight: bold; text-decoration: none; margin-top: 15px;}
a.gemini-btn-2:hover { background-color: #fff; color: #052643;}
hr.divider { width: 150px; height: 6px; background-color: #f2c242; border-radius: 5px; margin: -0.1rem 0 1rem 0;}
.py-7 { padding: 7rem 0;}
.package-card{ padding:20px; margin-bottom:25px; height: 400px; border-radius: 50px; display: table-cell; border: 8px solid #fff; text-align: center; vertical-align: middle;}
.item-active .package-card { border: 8px solid #f2c242; background-color: #052643; color: #fff;}
.popular{ padding: 5px 15px; background-color: #f2c242; border-radius: 50px; color: #052643; font-size: 16px; display: inline-block; position: absolute; left: 12%; top: 6%;}
.item-active .package-card h2, .item-active .package-card .plan-supporting-text h4{ color: #f2c242;}
.item-active .package-card h5.package-detail1 { color: #fff;}
.plan-content { clear: both; display: inline-block;}
.plan-supporting-text { margin-top: 30px; display: inline-block; width: 100%;}
h5.package-detail1{ margin-top: 14px; font-size: 21px; line-height: 1; text-decoration:line-through; }
.footer { position: absolute; bottom: 0; width: 100%; height: 525px; background-color: #052643; }
.footer-content { text-align: center; color: #fff;}
.footer-content img.app-img { height: 75px; margin: 25px 1rem; image-rendering: -webkit-optimize-contrast;}
.footer-content img.payment-mode { height: 30px;}
.accept-follow { float: right;}
.accept-follow .accept-follow-content,.accept-follow-2 .accept-follow-content  { text-align: left;}
.accept-follow-2 { float: left;}
.accept-follow ul, .accept-follow-2 ul, .footer-link ul, .services-include ul { padding-left: 0px;}
.accept-follow li, .accept-follow-2 li  { display: inline-block; margin-right: 15px;}
.accept-follow-2 a, .footer-link a { color: #fff;}
.accept-follow-2 a:hover, .footer-link a:hover, a.link, .status-bar span { color: #f2c242;}
.footer-link li { display: inline-block; border-right: 1px solid #fff; padding: 0 25px;}
.footer-link li:last-child { border-right: none;}
i.bitcoin { color:#ef9751;}
i.alipay { color:#00aae7;}
i.weixin { color:#00c60c;}
i.visa { color:#fff;}
.mobile { display: none !important;}
.language { padding-bottom: 2px;}

.download-img { background: url("../images/page_brg.png") no-repeat center center; background-size: cover;}
.download-img-mac { background: url("../images/mac.jpg") no-repeat center center; background-size: cover;}
.download-img-apple { background: url("../images/ios.jpg") no-repeat center center; background-size: cover;}
.download-img-android { background: url("../images/anzhuo.jpg") no-repeat center center; background-size: cover;}
.download-content-wrap { display: inline-block;}
.download-content {display: table-cell; vertical-align: middle; height: calc(100vh - 99px); float: none;}
section.download-img { background: url("../images/page_brg.png") no-repeat center center; height: calc(100vh - 75px); background-size: cover;}
.tab-wrapper { position: absolute; bottom: 0; background-color: #f1f1f1; width: 100%; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center;}
.tab-content { text-align: center; color: #fff;}
.gemini-tab, .gemini-tab li.nav-item { border: none;}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { background-color: #fff;}
.gemini-tab { text-align: center; display: inline-flex;}

.head-content { text-align: center;}
.head-content h4 span { color: #f2c242; font-size: 3.5rem;}

.payment-wrapper {  margin-bottom: 1.5rem;}
.payment-wrapper p { margin: 15px 0 0 0;}
.payment-wrapper img.credit-card { height: 28px; image-rendering: -webkit-optimize-contrast;}
.payment-wrapper img { height: 35px; image-rendering: -webkit-optimize-contrast;}
.services-include ul {list-style: none;  text-indent: -1.8em; padding-left: 1.8em;}
.services-include ul li:before { content: '✓'; margin-right: 15px; color:  #f2c242; font-weight: bold;}
.services-include li { margin-bottom: 15px;}
.services-include img { height: 30px; margin: 0 5px;}
.payment-wrapper input[type="radio"] { display: none;}
.payment-wrapper label { height: 100%; display: block; background: white; border: 5px solid #fff; border-radius: 25px; padding: 15px;text-align: center; box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5); position: relative;}
.payment-wrapper input[type="radio"]:checked + label { background: #052643; color: #f2c242; border: 5px solid #f2c242;}

.form-wrap { padding: 25px; background-color: #fff; border-radius: 25px; box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);}
.form-wrap label span, .refund-wrap label span { color: #ff0000; font-size: 10px;}
.btn-submit { background-color: #052643; color: #f2c242; text-align: center;}
.btn-submit:hover { background-color: #f2c242; color: #052643;}

section.contact-img { background: url("../images/brg.png") no-repeat center center rgba(5, 38, 67, 0.5); background-blend-mode: multiply; height: calc(60vh - 75px); background-size: cover; color:#fff; text-align: center;}
.contact-tab { border: none;}
.tab-button { width: 33.3333%;}
.contact-tab .nav-link { border: 1px solid #ccc; border-radius: 25px; margin:0 10px;}
.contact-tab .nav-link.active, .contact-tab .nav-item.show .nav-link { background-color: #052643; color: #f2c242; border-radius: 25px;}
.icon { display: inline-block; width: 48px; height: 48px; background-size: cover;}
.icon-contact { background-image: url("../images/contact.svg");}
.icon-feedback { background-image: url("../images/feedback.svg");}
.icon-connection-feedback { background-image: url("../images/connection-feedback.svg");}
.tab-button .active .icon-contact { background-image: url("../images/contact-active.svg");}
.tab-button .active .icon-feedback { background-image: url("../images/feedback-active.svg");}
.tab-button .active .icon-connection-feedback { background-image: url("../images/connection-feedback-active.svg");}
.tab-button span, .tab-button h6 { display: inline-block; vertical-align: middle;}
.tab-button { text-align: left}
.tab-button h6 { margin:0 0 0 15px;}
.contact-tab-content { text-align: center; color: #052643;}
a.contact-link, a.profile-link, .form-wrap a, .contact-tab a  { color: #052643;}
a.link { color: #f2c242;}

a.profile-link sub { margin-left: 35px;}
a.profile-link.active { background-color: #052643 !important; color: #f2c242 !important;}
a.profile-link i { margin-right: 15px; width: 15px;}
.profile-tab { color: #052643; text-align: center;/*min-height: 700px;*/}
.nav-tabs li.nav-item { border-bottom: none;}
.binding-wrap ul, .invite-wrap ul { list-style: none; padding-left: 0px}
.binding-wrap li { display: inline-block; margin: 0 15px;}
span.code { font-size: 18px !important; color: inherit !important;}
.invite-wrap li { text-align: left; margin-bottom: 15px;}
.invite-wrap li i { margin-right: 20px;}
.btn-url { float: right; cursor: pointer}
section.error-img { background: url("../images/top_brg.png") no-repeat center right; height: 100vh; background-size: cover;}
.error-wrap, .success-wrap { text-align:center; color:#fff;}
.error-wrap span, .error-wrap h1 { display: inline-block; vertical-align: text-top;}
.error-wrap span  { margin: 0 15px 15px 0;}
.icon-error { background-image: url("../images/error-sign.svg"); width: 75px; height: 75px; display: inline-block;}
.icon-success { background-image: url("../images/success-sign.svg"); width: 75px; height: 75px; display: inline-block; margin-bottom: 30px;}
.icon-maintenance { background-image: url("../images/web-maintenance.svg"); background-repeat: no-repeat; width: 67px; height: 150px; display: inline-block;}

.outer-wrapper { display:table; width: 100%; height: 100%; top: 0; margin: 0; padding: 0; }
.input-group-addon { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.25; color: #495057; text-align: center; background-color: #e9ecef; border: 1px solid rgba(0,0,0,.15); border-radius: 0.25rem; }
.vip_card{ position:relative; }
.time_game, .time_vip, .total_recharge{ color:#fff; position:absolute; font-size: 16px; }
.total_recharge{ bottom:50px; left: 40px; }
.time_vip{ bottom:50px; right:0;}
.time_game{ bottom: 75px; right:0;}
.vip_card_title{ color:#606060; font-size: 20px; text-align:center; display: block; margin-bottom: 19px; }
.btn_button { display: none; text-align:left; color: #052643;}
.mobile_ibtn { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #f0f0f0; display: none; }
.vip-info { border-bottom: 1px solid}
table.purchase-table { text-align: left; margin: 15px 0;}
table.purchase-table td { font-size: 14px; text-align: left;}

.status-bar { background-color: #000; color: #fff;}
.landing-img { background: url("/static/ver2/images/download/bg_download.png") no-repeat center bottom; /*height: calc(100vh - 75px);*/ background-size: cover; width: 100%; height: 100%;}
.download-mac-wrap { text-align: center;}
.download-mac-btn { background-color: #d91985; border-radius: 50px; padding: 12px 15px;  display: inline-block; width: 240px;}
.mac-icon, .download-mac-btn p  { display: inline-block;}
.mac-icon { margin-right: 25px;}
.download-mac-btn a, .mac-icon i { color: #fff; text-decoration: none;}
.download-mac-btn:hover { background-color: #f2c242;}
.mobile-download{text-align: center;}
.mac-img img { max-width: 100%;}
.signin-button svg { display: none;}
.signin-button { position: absolute; color: #000; width: 30px; cursor: pointer;}
.icon-playstore { background-image: url("../images/icon_playstore.svg"); width: 45px; height: 48px; display: inline-block;}
.icon-android { background-image: url("../images/icon_icon-android.svg"); width: 41px; height: 48px; display: inline-block;}
.signin-button div { min-width: 30px !important;}
.binding-wrap li img { width: 28px; height: 28px; image-rendering: -webkit-optimize-contrast;}
a.package-card-syle { color:#052643;}
.package-btn-wrap {position: absolute; right: 0; text-align: center; margin: 0px auto; width: 100%; bottom: 20px;}
h5.package-btn { background-color: #f2c242; color:#052643 !important; display: inline-block; border-radius: 25px; padding: 12px 15px; cursor: pointer;}
h5.package-btn:hover {background-color: #fff;}

a.download-btn { padding: 15px 30px; margin: 15px; display: inline-block;}
a.download-btn p { color:#fff; font-size: 24px; font-weight: 700; margin-bottom: 0px;}
a.download-btn { background-color: #000; border-radius: 12px; border: 1px solid #fff;}
a.download-btn .download-btn-img, a.download-btn p { margin-right: 10px; display: inline-block; vertical-align: middle;}
img.download-btn-img { image-rendering: -webkit-optimize-contrast;}

a.footer-download-btn { color: #fff; text-align: left;padding: 10px 20px; margin: 15px; display: inline-block; background-color: #000; border-radius: 12px; border: 1px solid #fff;}
a.footer-download-btn p { font-size: 0.8rem; margin-bottom: 0px;}
a.footer-download-btn h2 { font-size: 1.5rem; margin-bottom: 0px;}
.footer-download-btn-description { display: inline-block; vertical-align: middle;}
a.footer-download-btn img { display: inline-block; vertical-align: middle;}

.home-desc ul { padding: 0; list-style-position: inside; list-style: none;}
.home-desc ul li::before { content: "\2022"; color: #00faff; font-weight: bold; display: inline-block; width: 1em;}
.home-desc li { width: 80%; color: #fff; border-radius: 25px; font-size:18px; background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0) 100%); margin-bottom: 10px; padding: 10px 15px;}

.modal-content { background-color: transparent; border: 10px solid #f2c242;}
.modal-bg { background: url("../images/modal-bg.jpg") no-repeat center center; background-size: cover; padding: 15% 0;}
.modal-bg h1, .modal-bg h2, .modal-bg p { color: #fff;}
.modal-bg h1 span, .modal-bg h2 span { color: #f2c242;}
.modal-dialog { max-width: 800px;}
.close, .close:hover { color: #f2c242; text-shadow: none; font-size: 2rem;}
.modal-button { position: absolute; top: 10px; right: 10px; z-index: 999;}
a.gemini-btn-3 { cursor: pointer; border-radius: 50px; padding: 10px 35px; display: inline-block; color: #052643; font-size: 28px; font-weight: bold; text-decoration: none;}
a.gemini-btn-3:hover { background-color: #fff;}
.modal-desc h2 span { font-size: 3rem;}
.modal-desc p { font-size: 0.8rem;}

/******Mobile******/
@media (max-width: 1366px) {
	h1 { font-size: 2rem;}
	h2 { font-size: 1.75rem;}
	h3 { font-size: 1.5rem;}
	h4 { font-size: 1.25rem;}
	h5 { font-size: 1rem;}
	
	img.banner-img { max-width: 20%;}
	img.globe, .gemini-tab img { max-width: 80%;}
	img.log-visual { max-width: 60%;}
	.footer-content img.app-img { height: 50px;}
	.banner-time { transform: translate(-60%,-50%);}
	a.download-btn p { font-size: 16px;}
}
@media (max-width: 991px) {
	h1 { font-size: 2rem;}
	h2 { font-size: 1.75rem;}
	h3 { font-size: 1.5rem;}
	h4 { font-size: 1.25rem;}
	h5 { font-size: 1rem;}
	
	body { margin-bottom: auto;}
	.navbar-brand { margin-right: 0px;}
	.navbar-brand img, img.sub-img { max-width: 80%;}
	img.log-visual { max-width: 100%}
	.main-img h1, .main-img h2, .main-img h3, .main-img h4, a.gemini-btn { text-align: center;}
	section.main-img, section.download-img, section.contact-img { height: auto; padding: 3rem 0;}
	.banner-time { font-size: 3.25rem; transform: translate(-50%,-50%);}
	a.gemini-btn { width: 100%; font-size: 21px; padding: 10px 30px;}
	.banner-time #time-hour p, .banner-time #time-minute p, .banner-time #time-second p{ font-size: 1rem; width: 50px;}
	.banner-time #time-hour, .banner-time #time-minute, .banner-time #time-second { width:50px; }
	
	.footer { height: auto; position: relative;}
	.footer-content img.app-img { margin: 10px 0; height: 45px;}
	.footer-link li { padding: 0 10px;}
	.footer-link li a, .footer-content p { font-size: 12px;}
	.desktop { display: none !important;}
	.mobile { display: inline-block !important;}
	img.sub-img { margin-bottom: 3rem;}
	.py-7 { padding: 3rem 0;}
	.cons-item { margin-bottom: 1rem;}
	.accept-follow, .accept-follow-2 { float: none; margin-top: 10px;}
	.accept-follow .accept-follow-content, .accept-follow-2 .accept-follow-content { text-align: center;}

	.gemini-tab img { max-width: 50%; margin-bottom: 1rem;}
	.gemini-tab li.nav-item { width: 25%;}
	.gemini-tab li.nav-item p { font-size: 0.75rem;}
	img.banner-img { max-width: 60%; margin-bottom: 1rem;}
	.tab-wrapper{ position: relative; margin-top: 2rem;}
	.gemini-tab .nav-link { padding: 0.5rem 0; border: none;}
	.nav-tabs .nav-item { margin-bottom: 0px;}
	
	.tab-button { width: 100%; margin-bottom: 15px;}
	.head-content h4 span { font-size: 2rem;}
	.payment-wrapper img { margin-bottom: 0.5rem;}
	.language-btn { padding: 0px !important;}
	.services-include li { text-align: left;}
	.services-include ul li:before { margin-right: 10px;}
	.form-wrap { margin-top: 15px;}
	.services-include ul { text-indent: -1.5rem; padding-left: 1.5rem;}
	.btn-url { float: none;}
	.binding-wrap li { margin: 0 10px;}

	.content-right { display: none;}
	.btn_button { display: block;}
	img.vip-img { max-width: 100%;}
	.mobile_ibtn { display: block; opacity: 0;}
	.time_game, .time_vip, .total_recharge { font-size: 10px;}
	.time_game { bottom: 40px; right: 12px;}
	.time_vip { bottom: 25px; right: 12px;}
	.total_recharge { bottom: 40px; left: 20px; }
	.home-desc li { font-size: 1rem; width: 100%;}	

}

@media (max-width: 767px) {
	section.main-img { background: url("../images/top_brg_mobile.jpg") no-repeat center center; height: auto; background-size: cover;}
	.modal-bg { background: url("../images/modal-bg-mobile.jpg") no-repeat center center; padding: 0; background-size: cover;}
	.modal-bg h1, .modal-bg h2, .modal-bg p { text-align: center;}
	a.gemini-btn-3 { cursor: pointer; border-radius: 50px; padding: 10px 35px; display: inline-block; color: #052643; font-size: 1.25rem; font-weight: bold; text-decoration: none;}
	.modal-desc { margin-top: 50px;}	
	.modal-btn { margin-top: 250px; text-align: center;}
	.modal-desc h2 span { font-size: 2.25rem;}
	.modal-desc p { font-size: 1rem;}
}

@media (max-width: 667px) {
}

@media (max-width: 480px) {
	
}

@media (max-width: 414px) {
	
}

@media (max-width: 375px) {
	
}

@media (max-width: 320px) {
	
}