@charset "UTF-8";

/* --------------------------------------------------
 Block
-------------------------------------------------- */
/* Common Block --------------- */
.form-group small.help-block {
    color: #e00000;
}

.commBlc,
.upCommBlc{
max-width:1000px;
padding:0 4%;
margin:0 auto;
position:relative;
box-sizing:content-box;
}

.upCommBlc{
max-width:1200px;
}

.boxComm{
padding-top:7%;
padding-bottom:7%;
}

.minBoxComm{
padding-top:4%;
padding-bottom:4%;
}

.tinyBoxComm{
padding-top:2%;
padding-bottom:2%;
}

/* container bootstrap --------------- */
@media screen and (min-width: 576px) {
	.container {
		max-width: none;
	}
}

@media screen and (min-width: 768px) {
	.container {
		max-width: none;
	}
}

@media screen and (min-width: 992px) {
	.container {
		max-width: none;
	}
}

@media screen and (min-width: 1200px) {
	.container {
		max-width: 1140px;
	}
}

/* grid bootstrap --------------- */
@media screen and (max-width: 640px) {
	.col-12.sp-pad-non{
		padding-left:0;
		padding-right:0;
	}
}

/* section-box --------------- */
.section-box {
	margin-bottom: 20px;
}

/* page-wrap --------------- */
.page-wrap {
	padding-top: 132px;
	padding-bottom: 4%;
}

@media screen and (max-width: 1200px) {
	.page-wrap {
		padding-top: 73px;
	}
}

/* switch-theme --------------- */
.switch-theme {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 14px;
	line-height: 0.8;
	border: 1px solid #dec264;
}

.switch-theme input {
	opacity: 0;
	width: 0;
	height: 0;
}

.switch-theme .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #111;
	-webkit-transition: .4s;
	transition: .4s;
}

.switch-theme .slider:before {
	position: absolute;
	content: "";
	height: 8px;
	width: 8px;
	left: 2px;
	bottom: 2px;
	background-color: #dec264;
	-webkit-transition: .4s;
	transition: .4s;
}

.switch-theme input:checked + .slider {
	background-color: #fff;
}

.switch-theme input:focus + .slider {
	box-shadow: none;
}

.switch-theme input:checked + .slider:before {
	-webkit-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px);
}

.switch-theme .slider.round {
	border-radius: 34px;
}

.switch-theme .slider.round:before {
	border-radius: 50%;
}

/* card --------------- */
.card {
	background-color: #1f1e1c;
}

/* alert --------------- */
.alert.alert-danger.style-1{
	background-color: #881b1b;
    color: #e6e6de;
    border-color: #720f0f;
}

/* page-multi --------------- */
.page-multi .page-link {
	background-color: #24231d;
	font-size:90%;
	border-color: #1f1e1c;
}

.page-multi .page-item.active .page-link {
	background-color: #1d1c18;
	border-color: #dec264;
}

.page-multi .page-link:hover {
	color: #dec264;
}

.page-multi .page-link:focus {
	box-shadow: none;
}

/* modal-content --------------- */
.modal-content {
	background-color: #1f1e1c;
}

.modal-content .modal-header {
	border-bottom-color: rgba(0, 0, 0, 0.125);
}

.modal-content .modal-header .modal-title {
	font-size: 140%;
}

.modal-content .modal-header .close {
	color:#fff;
	text-shadow: 0 1px 0 #333;
	opacity: 1;
}

.modal-content .modal-header .close:not(:disabled):not(.disabled):hover, .modal-content .modal-header .close:not(:disabled):not(.disabled):focus{
	color:#ccc;
}

.modal-content .modal-footer {
	border-top-color: rgba(0, 0, 0, 0.225);
}

/* selectpicker --------------- */
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 217, 0, 0.25);
	outline: none !important;
}

.bootstrap-select .dropdown-menu {
	background-color: #1d1c18;
}

.bootstrap-select .dropdown-item {
	color: #e6e6de;
}

.bootstrap-select .dropdown-item:hover, .bootstrap-select .dropdown-item:focus {
	background-color: #24231d;
}

.bootstrap-select .no-results {
	background-color: #24231d;
}

.bootstrap-select .dropdown-item.active, .bootstrap-select .dropdown-item:active {
	background-color: #dec264;
	color: #111;
}

.selectpicker + .btn {
	background-color: #24231d;
	color: #e6e6de;
	border-color: rgba(0, 0, 0, 0.25);
}

.selectpicker + .btn-light:not(:disabled):not(.disabled):active, .selectpicker + .btn-light:not(:disabled):not(.disabled).active, .show > .selectpicker + .btn-light.dropdown-toggle {
	background-color: #24231d;
	color: #e6e6de;
	border-color: rgba(0, 0, 0, 0.25);
}

/* contact-box --------------- */
.contact-box .card-body {
	padding-left: 4px;
	padding-right: 4px;
}

.contact-box .card-body .card-title {
	font-size: 240%;
	color: #dec264;
	margin-bottom: 0;
}

/* result-box --------------- */
.result-box {
	height: 100%;
}

.result-box .card-body .card-title {
	font-size: 180%;
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	.result-box .card-body {
		padding-left: 5px;
		padding-right: 5px;
	}

	.result-box .card-body .card-title {
		font-size: 150%;
	}
}

/* news-block --------------- */
.news-block {
	border-bottom: 1px solid #37352a;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.news-block .title {
	font-size: 120%;
	color: #dec264;
}

.news-block .advertiser {
	font-size: 80%;
	color: #999;
}

.news-block .text-content {
	color: #bbb;
	margin-top: 20px;
}

/* bank-block --------------- */
.bank-block .bank-list-box {
	width: 100%;
	height: 100%;
}

.bank-block .bank-list-box input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.bank-block .bank-list-box .checkmark {
    background-color: #1f1e1c;
    background-clip: border-box;
	border-radius: 0.25rem;
	width: 100%;
	height: 100%;
	line-height: 1.5;
	padding: 1rem;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.bank-block .bank-list-box .checkmark .bank-img {
	width: 48px;
	margin-right: 15px;
}

.bank-block .bank-list-box .checkmark > p {
	flex: 1;
}

.bank-block .bank-list-box input:checked ~ .checkmark {
	box-shadow: 0 0 0 0.2rem rgba(255, 217, 0, 0.25);
}

.bank-block .bank-list-box .checkmark .txtSmall {
    font-size: 75%;
}

/* result-block --------------- */
.result-block .card {
    background-color: #1f1e1c;
    line-height: 1.5;
}

.result-block .card .card-header {
    background-color: #24231d;
}

.result-block .card .card-body.p-1 {
    background-color: #353120;
    /* background-color: #1d1c18; */
    border-bottom: 1px solid #37352a;
}



.result-block .card .card-body.p-1:last-of-type {
    border-bottom: none;
}

.result-block h1 {
    font-size: 120%;
}

.result-block .card .card-body .border-right {
    border-color: #37352a !important;
}

@media screen and (max-width: 480px) {
	.result-block .background-card-body > .row > .col-4 {
		padding-left: 10px;
		padding-right: 10px;
	}

	.result-block .tab-content-style-1.tab-content {
		padding-left: 0;
		padding-right: 0;
	}
}

/* huay-search --------------- */
.huay-search .part-block {
	display: flex;
	flex-wrap: wrap;
}

.huay-search .part-block .search-box {
	margin-bottom: 0;
	flex: 1;
}

.huay-search .part-block .btn {
	width: 120px;
	margin-left: 20px;
}

@media screen and (max-width: 360px) {
	.huay-search .part-block .search-box {
		width: 100%;
		flex: none;
	}

	.huay-search .part-block .btn {
		width: 100%;
		margin-top: 10px;
		margin-left: 0;
	}
}

/* huay-btn-group --------------- */
.huay-btn-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.huay-btn-group .text-label {
	flex: 1;
}

.huay-btn-group .btn-group {
	width: 252px;
	margin-left: 10px;
}

@media screen and (max-width: 991px) {
	.huay-btn-group {
		display: inline-flex;
	}

	.huay-btn-group .text-label {
		width: 100px;
		text-align: right;
		margin-right: 10px;
		flex: none;
	}

	.huay-btn-group .btn-group {
		width: auto;
		margin-left: 0;
	}
}

@media screen and (max-width: 480px) {
	.huay-btn-group .text-label {
		width: 100%;
		text-align: center;
		margin-right: 0;
	}
}

/* register-policy --------------- */
.register-policy {
	height: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid #555;
    padding: 2%;
}

/* datepicker --------------- */
.datepicker.dropdown-menu {
	background-color: #1d1c18;
	font-size: 13px;
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
	background-color: #1f1e1c;
}

.datepicker-dropdown.datepicker-orient-top:after {
	border-top-color: #1f1e1c;
}

.datepicker-dropdown:after {
	border-bottom-color: #1f1e1c;
}

.datepicker table tr td span.focused, .datepicker table tr td span:hover {
	background-color: #1f1e1c;
}

.datepicker table tr td.day:hover, .datepicker table tr td.focused {
	background-color: #1f1e1c;
}

.datepicker table tr td.today {
	background-color: #dec264;
}

.datepicker table tr td.today:hover {
	background-color: #dec264;
	color: #fff;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active {
	background-color: #659773;
}


/* --------------------------------------------------
 Title
-------------------------------------------------- */
/* title-style01 --------------- */
.title-style01 {
	color: #fff;
	font-size: 180%;
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 18px;
	position: relative;
}

.title-style01:after {
	content: "";
	background-color: #666;
	width: 80px;
	height: 2px;
	margin: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

@media screen and (max-width: 767px) {
	.title-style01 {
		font-size: 120%;
	}
}

/* title-style02 --------------- */
.title-style02 {
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 10px;
	position: relative;
}

/* title-style03 --------------- */
.title-style03 {
	color: #f08c98;
	font-size: 120%;
}

/* title-style04 --------------- */
.title-style04 {
	color: #dec264;
	font-size: 140%;
	margin-bottom: 10px;
}

@media screen and (max-width: 640px) {
}


/* --------------------------------------------------
 Table
-------------------------------------------------- */
/* Common Table --------------- */
.tblComm{
width:100%;
}

.tblComm th,
.tblComm td{
width:25%;
text-align:center;
vertical-align:middle;
padding:10px 15px;
border:1px solid #d1d1d1;
box-sizing:border-box;
}

.tblComm th[align="center"],
.tblComm td[align="center"]{
text-align:center;
}

.tblComm th[align="right"],
.tblComm td[align="right"]{
text-align:right;
}

.tblComm th{
background-color:#f2f2f2;
}

.tblComm th.subTtl{
background-color:#f7f7f7;
}

.tblComm td{
background-color:#fff;
}

.tblRespon{
overflow-x:auto;
}

.tblRespon .tblComm{
min-width:600px;
}

.noteTbl{
color:red;
text-align:center;
margin:2% 0;
display:none;
}

@media screen and (max-width: 767px) {
.tblComm th,
.tblComm td{
font-size:90%;
}

.tblComm.singleRow th{
display:block;
font-weight:bold;
padding-bottom:0;
}

.tblComm.singleRow td{
display:block;
}

.noteTbl{
display:block;
}
}

/* Form Table --------------- */
.tblForm th{
width:25%;
padding:2%;
text-align:left;
}

.tblForm td{
padding:2%;
text-align:left;
}

.tblForm th,
.tblForm td{
border-bottom:1px solid #e2e2e2;
}

@media screen and (max-width: 767px) {
.tblForm th{
width:auto;
}

.tblForm.singleRow th{
display:block;
font-weight:bold;
padding-bottom:0;
}

.tblForm.singleRow td{
display:block;
}
}

/* tblRespon --------------- */
.tblRespon{
overflow-x:auto;
}

.noteTblRespon{
font-size:80%;
color:red;
margin:2% 0;
text-align:center;
display:none;
}

@media screen and (max-width: 767px) {
.noteTblRespon{
display:none;
}
}

@media screen and (max-width: 650px) {
.noteTblRespon{
display:block;
}
}

/* tblStyle01 --------------- */
.tblStyle01{
width:100%;
}

.tblRespon .tblStyle01{
min-width:640px;
}

.tblStyle01 th,
.tblStyle01 td{
font-size:90%;
vertical-align:middle;
padding:7px 20px;
word-break:break-all;
}

.tblStyle01 th{
background-color:#b0914f;
color:#fff;
}

/* tblStyle02 --------------- */
.tblStyle02{
width:100%;
}

.tblRespon .tblStyle02{
min-width:640px;
}

.tblStyle02 th,
.tblStyle02 td{
font-size:90%;
vertical-align:middle;
padding:3px 4px;
word-break:break-all;
}

.tblStyle02 th{
font-weight:600;
}

/* table-style01 --------------- */
.table-style01 {
	width: 100%;
}

.table-style01 th,
.table-style01 td {
	text-align: center;
	border: 1px solid #555;
	padding: 1px 10px;
}

.table-style01 th {
	background-color: #333;
	font-size: 90%;
}

.table-style01 td {
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.table-style01 th,
	.table-style01 td {
		padding-left: 5px;
		padding-right: 5px;
	}

	.table-style01 th {
		font-size: 100%;
	}
}

/* table-bootstrap --------------- */
.table-dark th, .table-dark thead th {
	background-color: #24231d;
	border-color: rgba(0, 0, 0, 0.125)
}

.table-dark td {
	background-color: #1d1c18;
	border-color: rgba(0, 0, 0, 0.125)
}

.table-dark.table-striped tr:nth-of-type(even) td {
	background-color: #1d1c18de;
}

.table-dark.table-striped tr.info td {
	background-color: #66592e;
}

.table-dark.table-striped tr.danger td {
	background-color: #7e1923;
}

@media screen and (max-width: 991px) {
	.tblRespon .table-dark {
		min-width: 856px;
	}

	.tblRespon .table-dark.tbl-col-4 {
		min-width: 350px;
	}
}


/* --------------------------------------------------
 List
-------------------------------------------------- */
/* Common List --------------- */
.listComm li{
width:48%;
float:left;
}

.listComm li:nth-of-type(2n){
float:right;
}

/* list-bullet --------------- */
.list-bullet{
list-style:disc;
padding-left:30px;
}

/* list-style01 --------------- */
.list-style01 li {
	display: flex;
}

.list-style01 li .date {
	background-color: #b0914f;
	width: 100px;
	height: 100px;
	border-radius: 10px;
	margin-right: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.list-style01 li .date .text {
	color: #000;
	font-size: 140%;
	text-align: center;
	line-height: 1;
}

.list-style01 li .date .text .digit {
	font-size: 200%;
	font-weight: bold;
}

.list-style01 li .result {
	flex: 1;
}

.list-style01 li .result > h4 {
	color: #b0914f;
}

@media screen and (max-width: 480px) {
	.list-style01 li .date {
		display: none;
	}
}

/* list-style02 --------------- */
.list-style02 li {
	display: flex;
}

.list-style02 li .date {
	background-color: #fdd551;
	width: 100px;
	height: 100px;
	border-radius: 3px;
	margin-right: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.list-style02 li .date .text {
	color: #000;
	font-size: 140%;
	text-align: center;
	line-height: 1;
}

.list-style02 li .date .text .digit {
	font-size: 200%;
	font-weight: bold;
}

.list-style02 li .result {
	flex: 1;
}

.list-style02 li .result > h4 {
	color: #b0914f;
}

@media screen and (max-width: 480px) {
	.list-style02 li .date {
		display: none;
	}
}

/* tab-style01 --------------- */
.tab-style01 .tab {
	display: flex;
	flex-wrap: wrap;
}

.tab-style01 .tab li {
	background-color: #222;
	color: #fff;
	width: 25%;
	padding: 4px 7px;
	justify-content: center;
	cursor: pointer;
}

.tab-style01 .tab li.select {
	background-color: #b0914f;
	color: #000;
}

/* tab-nav-style-1 --------------- */
.tab-nav-style-1.nav-tabs {
	border-bottom-color: #1d1c18;
}

.tab-nav-style-1.nav-tabs .gold-btn .nav-link {
	background-color: #dec264;
	color: #111;
	border-color: rgba(0, 0, 0, 0.125);
	border-bottom: none;
}

.tab-nav-style-1.nav-tabs .pink-btn .nav-link {
	background: #5F2885;
    background: -moz-linear-gradient(top, #5F2885 0%, #b45aa8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5F2885), color-stop(100%, #b45aa8));
    background: -webkit-linear-gradient(top, #5F2885 0%, #b45aa8 100%);
    background: -o-linear-gradient(top, #5F2885 0%, #b45aa8 100%);
    background: -ms-linear-gradient(top, #5F2885 0%, #b45aa8 100%);
    background: linear-gradient(to bottom, #5F2885 0%, #b45aa8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5F2885', endColorstr='#b45aa8', GradientType=0 );
	border-color: rgba(0, 0, 0, 0.125);
	border-bottom: none;
}

.tab-nav-style-1.nav-tabs .special-btn .nav-link {
	border-color: #be9b24;
	border-bottom: none;
}

.tab-nav-style-1.nav-tabs .special-btn .nav-link:hover, .tab-nav-style-1.nav-tabs .special-btn .nav-link:focus {
	border-color: #be9b24;
}

.tab-nav-style-1.nav-tabs .nav-link.active, .tab-nav-style-1.nav-tabs .nav-item.show .nav-link {
	background: #1d1c18;
	color: #e6e6de;
	border-color: rgba(0, 0, 0, 0.125);
	border-bottom: none;
}

.tab-nav-style-1.nav-tabs .nav-link:hover, .tab-nav-style-1.nav-tabs .nav-link:focus {
	border-color: rgba(0, 0, 0, 0.125);
}

@media screen and (max-width: 991px) {
	.tab-nav-style-1.nav-tabs.transaction .nav-link {
		font-size: 85%;
		padding-left: 0.3rem;
		padding-right: 0.3rem;
	}
}

@media screen and (max-width: 767px) {
	.tab-nav-style-1.nav-tabs .nav-item {
		width: 100%;
	}

	.tab-nav-style-1.nav-tabs.sp-col-2 .nav-item {
		width: 50%;
	}

	.tab-nav-style-1.nav-tabs.sp-col-2 .nav-link{
		text-align: center;
		border-color: rgba(0, 0, 0, 0.125);
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	.tab-nav-style-1.nav-tabs.sp-col-2 .nav-link.active, .tab-nav-style-1.nav-tabs.sp-col-2 .nav-item.show .nav-link {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	.tab-nav-style-1.nav-tabs.sp-col-2 .nav-popup .nav-link{
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	.tab-nav-style-1.nav-tabs.transaction .nav-item {
		width: 50%;
	}

	.tab-nav-style-1.nav-tabs.transaction .nav-item.special-btn {
		width: 100%;
	}

	.tab-nav-style-1.nav-tabs .nav-link.active, .tab-nav-style-1.nav-tabs .nav-item.show .nav-link {
		background-color: #24231d;
		border-bottom: 1px solid rgba(0, 0, 0, 0.125);
		border-radius: 0;
	}

	.tab-nav-style-1.nav-tabs .nav-link {
		background-color: #1d1c18;
	}

	.tab-nav-style-1.nav-tabs.transaction .nav-link{
		font-size: 100%;
		height: 100%;
		text-align: center;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	.tab-nav-style-1.nav-tabs.transaction .nav-item.special-btn .nav-link {
		border-bottom: 1px solid #be9b24;
	}
}

@media screen and (max-width: 480px) {
	.tab-nav-style-1.nav-tabs.transaction .nav-item {
		width: 100%;
	}
}

/* tab-content-style-1 --------------- */
.tab-content-style-1.tab-content {
	background-color: #1d1c18;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-top: none;
	padding: 0.5rem 1rem;
}

/* tab-nav-style-2 --------------- */
.tab-nav-style-2.nav-tabs {
	border-bottom-color: transparent;
}

.tab-nav-style-2.nav-tabs .nav-link.active, .tab-nav-style-2.nav-tabs .nav-item.show .nav-link {
	background-color: #dec264;
	color: #111;
	border-color: rgba(0, 0, 0, 0.125);
	border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.tab-nav-style-2.nav-tabs .nav-link:hover, .tab-nav-style-2.nav-tabs .nav-link:focus{
	border-color: rgba(0, 0, 0, 0.125);
}

.tab-nav-style-2.nav-tabs .nav-popup .nav-link{
	color: #fdd551;
	cursor: pointer;
	border-color: #fdd551;
	border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

@media screen and (max-width: 991px) {
	.tab-nav-style-2.nav-tabs .nav-link{
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
}

@media screen and (max-width: 767px) {
	.tab-nav-style-2.nav-tabs .nav-item {
		width: 50%;
	}

	.tab-nav-style-2.nav-tabs .nav-link{
		text-align: center;
		border-color: rgba(0, 0, 0, 0.125);
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	.tab-nav-style-2.nav-tabs .nav-link.active, .tab-nav-style-2.nav-tabs .nav-item.show .nav-link {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	.tab-nav-style-2.nav-tabs .nav-popup .nav-link{
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
}

/* tab-nav-style-3 --------------- */
.tab-nav-style-3.nav-tabs {
	border-bottom-color: #1d1c18;
}

.tab-nav-style-3.nav-tabs .nav-item {
	width: 50%;
}

.tab-nav-style-3.nav-tabs .nav-link {
	text-align: center;
}

.tab-nav-style-3.nav-tabs .nav-link.active, .tab-nav-style-3.nav-tabs .nav-item.show .nav-link {
	background-color: #1d1c18;
	color: #e6e6de;
	border-color: rgba(0, 0, 0, 0.125);
	border-bottom: none;
}

.tab-nav-style-3.nav-tabs .nav-link:hover, .tab-nav-style-3.nav-tabs .nav-link:focus {
	border-color: rgba(0, 0, 0, 0.125);
}

@media screen and (max-width: 767px) {
}

/* tab-content-style-3 --------------- */
.tab-content-style-3.tab-content {
	background-color: #1d1c18;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-top: none;
	padding: 0.5rem 1rem;
}

/* tab-nav-style-4 --------------- */
.tab-nav-style-4.nav-tabs {
	border-bottom-color: #1d1c18;
}

.tab-nav-style-4.nav-tabs .nav-item {
	width: 10%;
}

.tab-nav-style-4.nav-tabs .nav-link {
	text-align: center;
}

.tab-nav-style-4.nav-tabs .nav-link.active, .tab-nav-style-4.nav-tabs .nav-item.show .nav-link {
	background-color: #1d1c18;
	color: #e6e6de;
	border-color: rgba(0, 0, 0, 0.125);
	border-bottom: none;
}

.tab-nav-style-4.nav-tabs .nav-link:hover, .tab-nav-style-4.nav-tabs .nav-link:focus {
	border-color: rgba(0, 0, 0, 0.125);
}

@media screen and (max-width: 991px) {
	.tab-nav-style-4.nav-tabs {
		margin-bottom: 0.4rem;
		border-bottom: none;;
	}

	.tab-nav-style-4.nav-tabs .nav-item {
		width: 20%;
	}

	.tab-nav-style-4.nav-tabs .nav-link {
		border-bottom-left-radius: 0.25rem;
    	border-bottom-right-radius: 0.25rem;
	}

	.tab-nav-style-4.nav-tabs .nav-link.active, .tab-nav-style-4.nav-tabs .nav-item.show .nav-link {
		border-color: #ffc107;
		border-bottom: 1px solid #ffc107;
	}
}

@media screen and (max-width: 767px) {
	.tab-nav-style-4.nav-tabs .nav-link {
		font-size: 95%;
		padding-left: 0;
		padding-right: 0;
	}
}

/* tab-content-style-4 --------------- */
.tab-content-style-4.tab-content {
	background-color: #1d1c18;
	/* border: 1px solid rgba(0, 0, 0, 0.125); */
	border-top: none;
	/* padding: 0.5rem 1rem; */
}

@media screen and (max-width: 991px) {
	.tab-content-style-4.tab-content {
		background-color: transparent;
		border-color: transparent;
		padding: 0;
	}
}

/* card-lotto --------------- */
.card-lotto {
	background-color: #1f1e1c;
}

.card-lotto .card-body > h1 {
    font-size: 120%;
}

.card-lotto .card-box {
	background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #d8d8d7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #d8d8d7));
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #d8d8d7 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%, #d8d8d7 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%, #d8d8d7 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%, #d8d8d7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#cccccc', GradientType=0 );
	height: 100%;
	text-align: center;
	border: 2px solid #be9b24;
	border-radius: .4rem;
	padding: 4px 4px 15px;
	display: block;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
}

.card-lotto .card-box.status-not-open {
	background: #881b1b;
}

.card-lotto .card-box.status-open {
	background: #659773;
}

.card-lotto .card-box.yeekee {
	background: #ff6700;
    background: -moz-linear-gradient(top, #ff6700 0%, #c49d33 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6700), color-stop(100%, #c49d33));
    background: -webkit-linear-gradient(top, #ff6700 0%, #c49d33 100%);
    background: -o-linear-gradient(top, #ff6700 0%, #c49d33 100%);
    background: -ms-linear-gradient(top, #ff6700 0%, #c49d33 100%);
    background: linear-gradient(to bottom, #ff6700 0%, #c49d33 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6700', endColorstr='#c49d33', GradientType=0 );
}

.card-lotto .card-box.yeekee-vip {
	background: #5F2885;
    background: -moz-linear-gradient(top, #5F2885 0%, #b45aa8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5F2885), color-stop(100%, #b45aa8));
    background: -webkit-linear-gradient(top, #5F2885 0%, #b45aa8 100%);
    background: -o-linear-gradient(top, #5F2885 0%, #b45aa8 100%);
    background: -ms-linear-gradient(top, #5F2885 0%, #b45aa8 100%);
    background: linear-gradient(to bottom, #5F2885 0%, #b45aa8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5F2885', endColorstr='#b45aa8', GradientType=0 );
}

.card-lotto .card-box .title {
	background-color: rgba(0, 0, 0, 0.25);
	font-size: 120%;
	border: 2px solid #be9b24;
	border-radius: .25rem;
	padding:7px 0;
	margin-bottom: 10px;
}

.card-lotto .card-box.status-close .title {
	background-color: #881b1b;
}

.card-lotto .card-box.status-close .info {
	color: #222;
}

.card-lotto .card-box .time {
	font-size: 80%;
}

.card-lotto .card-box.status-close .time {
	color: #222;
}

.theme-2 .card-lotto .card-box {
	background: #333331;
	border-width: 0.5px;
}

.theme-2 .card-lotto .card-box.status-not-open {
	background: #881b1b;
}

.theme-2 .card-lotto .card-box.status-open {
	background: #50805d;
}

.theme-2 .card-lotto .card-box.yeekee {
	background: #5e5b45;
}

.theme-2 .card-lotto .card-box.yeekee-vip {
	background: #846f28;
}

.theme-2 .card-lotto .card-box .title {
	background-color: rgba(0, 0, 0, 0.25);
	font-size: 120%;
	border-width: 1px;
	border-radius: .25rem;
	padding:7px 0;
	margin-bottom: 10px;
}

.theme-2 .card-lotto .card-box.status-close .title {
	background-color: #881b1b;
}

.theme-2 .card-lotto .card-box.status-close .info {
	color: #e6e6de;
}

.theme-2 .card-lotto .card-box .time {
	font-size: 80%;
}

.theme-2 .card-lotto .card-box.status-close .time {
	color: #e6e6de;
}

/* accordion-style-1 --------------- */
.accordion-style-1 .card-header {
	padding-right: 60px;
	position: relative;
	cursor: pointer;
}

.accordion-style-1 .card-header:before {
	content: "";
	background-color: #fdd551;
	width: 14px;
	height: 2px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	transition: all 200ms ease-in-out;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.accordion-style-1 .card-header[aria-expanded=true]:before{
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.accordion-style-1 .card-header:after{
	content: "";
	background-color: #fdd551;
	width: 14px;
	height: 2px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
}

.accordion-style-1 .card-header .title {
	color: #fdd551;
}


/* --------------------------------------------------
 Form
-------------------------------------------------- */
.form-control {
	background-color: #24231d;
	color: #e6e6de;
	border-color: rgba(0, 0, 0, 0.25);
}

.form-control:focus {
	background-color: #24231d;
	color: #e6e6de;
	border-color: rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 0 0.2rem rgba(255, 217, 0, 0.25);
}

.form-control:disabled, .form-control[readonly] {
	background-color: #24231d;
	color: #aaa;
}

.input-group-text {
	background-color: transparent;
	color: #e6e6de;
	border-color: rgba(0, 0, 0, 0.25);
}


/* --------------------------------------------------
 Button
-------------------------------------------------- */
/* button-style01 --------------- */
.button-style01 a {
	color: #fdd551;
	text-align: center;
	text-decoration: none;
	border: 1px solid #fdd551;
	border-radius: .4rem;
	box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.19);
	padding: 5px 20px;
	display: block;
	transition: all 200ms ease-in-out 0s;
}

.button-style01 a:hover {
	background-color: #fdd551;
	color: #222;
}

/* button-style02 --------------- */
.button-style02 a {
	background-color: #ed5565;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	padding: 7px 40px;
	display: block;
}

/* button-bootstrap --------------- */
.btn.btn-outline-secondary {
	color: #e6e6de;
	border-color: rgba(0, 0, 0, 0.25);
}

.btn.btn-outline-secondary:hover {
	background-color: transparent;
	color: #fdd551;
	border-color: rgba(0, 0, 0, 0.25);
}

.btn.btn-outline-secondary:focus {
	color: #fdd551;
	box-shadow: 0 0 0 0.2rem rgba(255, 217, 0, 0.25);
}

.btn.btn-warning.btn-a {
	color: #212529;
}

@media screen and (max-width: 767px) {
	.btn.btn-outline-warning:hover {
		background-color: transparent;
		color: #fdd551;
	}
}

/* btn-group-sp-1 --------------- */
.btn-group-sp-1 li {
	display: inline-block;
}

@media screen and (max-width: 767px) {
	.btn-group-sp-1 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.btn-group-sp-1 li {
		width: 48%;
	}

	.btn-group-sp-1 li .btn {
		width: 100%;
	}
}

@media screen and (max-width: 576px) {
	.btn-group-sp-1 li {
		width: 100%;
		margin-bottom: 5px;
	}
}

/* btn-group-sp-2 --------------- */
.btn-group-sp-2 {
	padding: 0.5rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.btn-group-sp-2 li {
	width: 48%;
}

.btn-group-sp-2 li .btn {
	width: 100%;
}

@media screen and (max-width: 420px) {
	.btn-group-sp-2 li {
		width: 100%;
		margin-bottom: 5px;
	}
}

/* btn-group-sp-3 --------------- */
.btn-group-sp-3 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.btn-group-sp-3 li {
	width: 48%;
}

.btn-group-sp-3 li .btn {
	width: 100%;
}

@media screen and (max-width: 767px) {
	.btn-group-sp-3 li .btn {
		font-size: 95%;
	}
}

/* btn-group-sp-4 --------------- */
.btn-group-sp-4 {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.btn-group-sp-4 li {
	width: 9.1%;
	margin-right: 1%;
	margin-bottom: 4px;
}

.btn-group-sp-4 li:nth-of-type(10n) {
	margin-right: 0;
}

.btn-group-sp-4 li .btn {
	width: 100%;
}

@media screen and (max-width: 991px) {
	.btn-group-sp-4 li {
		width: 19.2%;
	}

	.btn-group-sp-4 li:nth-of-type(10n) {
		margin-right: 1%;
	}

	.btn-group-sp-4 li:nth-of-type(5n) {
		margin-right: 0;
	}

	.btn-group-sp-4 li .btn {
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (max-width: 767px) {
	.btn-group-sp-4 li .btn {
		font-size: 95%;
	}
}


/* --------------------------------------------------
 Text
-------------------------------------------------- */
.txtCenter{
text-align:center;
}

.txtUnderline{
text-decoration:underline;
}

.txtBig{
font-size:115%;
}

.txtSmall{
font-size:85%;
}

.txtWeight{
font-weight:bold;
}

.txtInlineBlc{
text-align:left;
display:inline-block;
}

.txtBlack{
color:#000;
}

.txtRed{
color:rgb(181,18,27);
}

.txtYellow{
color:#c6aa28;
}

.text-green {
	color: #48a842;
}

.text-gold {
	color: #dec264;
}

.text-gold2 {
	color: #b39f5f;
}

.text-pink {
	color: #f08c98;
}

.pLine{
margin-bottom:15px;
}

.brForSp{
display:none;
}

@media screen and (max-width: 767px) {
.txtForSp{
text-align:left !important;
}

.txtForSp br{
display:none !important;
}

span.txtForSp{
display:inline-block;
}
}

@media screen and (min-width: 650px) {
.br-pc{display:block;}
.br-sp{display:none;}
}

@media screen and (max-width: 650px) {
.br-pc{display:none;}
.br-sp{display:block;}

.sp-padrl-5 {
	padding-left: 5px;
	padding-right: 5px;
}
}

@media screen and (max-width: 480px) {
.brForSp{
display:block;
}
}


/* --------------------------------------------------
 Other Classes
-------------------------------------------------- */
/* Clear fix --------------- */
.clearFix:after{
content:"";
clear:both;
display:block;
}

/* Clear --------------- */
.clear{
clear:both;
}

/* Hide --------------- */
.hidden{
opacity:0;
}

.visible{
opacity:1;
}

.disnon{
display:none;
}

/* imgDeco --------------- */
.imgDeco{
border:1px solid #cdcdcd;
padding:1px;
box-sizing:border-box;
}

/* imgCircle --------------- */
.imgCircle{
border-radius:100%;
}

/* imgZoomEffect --------------- */
.imgZoom{
overflow:hidden;
}

.imgZoom img,
.imgZoom .img{
-ms-transform:translateZ(0px);
-webkit-transform:translateZ(0px);
transform:translateZ(0px);
transition:all 200ms ease-in-out 0s;
}

.imgZoom img:hover,
.imgZoom .img:hover{
-ms-transform:scale(1.05);
-webkit-transform:scale(1.05);
transform:scale(1.05);
}

/* PDF icon --------------- */
.icnPdf{
vertical-align:bottom;
margin:0px 3%;
}

/* Form required --------------- */
.required,
.nRequired{
background-color:#f02323;
color:#fff;
display:inline-block;
font-size:12px;
margin:0 5px;
padding:0;
text-align:center;
line-height:22px;
width:34px;
}

.nRequired{
background-color:#999;
}

@media screen and (max-width: 767px) {
/* Popup --------------- */
.popup{
display:block;
position:relative;
}
}

/* hide --------------- */
.hide{
opacity:0;
}

@media screen and (max-width: 1200px) {
.hide{
opacity:1;
}
}

/* Styles for dialog window */
#popup-dialog {
background: #1f1e1c url(../img/common/bg_pattern04.png) repeat left top;
padding: 20px 30px;
text-align: left;
border:5px solid #b0914f44;
border-radius:0.5rem;
max-width: 780px;
margin: 40px auto;
position: relative;
}

#popup-dialog .txt {
font-size: 90%;
text-align: left;
}

#popup-dialog .btnPopup{
width: 100%;
margin-top: 30px;
display: inline-flex;
justify-content: center;
}

#popup-dialog .btnPopup > div{
margin: 0 10px;
}

#popup-dialog .mfp-close{
color: #b0914f;
}

#popup-dialog .alert.alert-danger{
background-color: #881b1b;
color: #e6e6de;
border-color: #720f0f;
}

@media screen and (max-width: 480px) {
#popup-dialog .btnPopup{
flex-direction: column;
align-items: center;
}

#popup-dialog .btnPopup > div{
margin-bottom: 10px;
}
}

/**
* Fade-zoom animation for first dialog
*/

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}

/**
* Fade-move animation for second dialog
*/

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-o-transform: translateY(0) perspective( 600px ) rotateX( 0 );
transform: translateY(0) perspective( 600px ) rotateX( 0 );
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
opacity: 0;
-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
}

.btn {
  touch-action: manipulation;
}

.bet-keyboard .box-show-number .input-number {
    height: 60px;
    width: 100%;
    text-align: center;
}

.bet-keyboard .box-show-number .input-number .lists {
    height: 60px;
    width: auto;
    display: inline-block;
    position: relative;
}

.bet-keyboard .box-show-number .input-number .lists>label {
    float: left;
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 5px;
    font-size: 22px;
    font-weight: 300;
    text-align: center;
    line-height: 50px;
    background-color: #fff;
    border: 1px solid #9f8c5f;
    position: relative;
    border-radius: 5px;
}

.cart-item {
  position: fixed;
  bottom: 0px;
  right: 0;
  font-size: 42px;
  /* background: red; */
  height: 68px;
  width: 62px;
  text-align: center;
  z-index: 10;
}

.cart-item-count {
  font-size: 16px;
  position: absolute;
  left: 0;
  right: -8px;
  top: 25px;
  bottom: 0;
  margin: auto;
  font-weight: bold;
}


.theme-light .nav-tabs .nav-link.btn-three {
  background: #e5e8ff;
}
.theme-light .tab-nav-style-2.nav-tabs .nav-link.btn-three.active {
  background-color: #4e5480;
  color: #edf0ff;
}

.theme-light .nav-tabs .nav-link.btn-two {
  background: #e5ffeb;
}
.theme-light .tab-nav-style-2.nav-tabs .nav-link.btn-two.active {
  background-color: #4e8063;
  color: #f0ffed;
}

.theme-light .nav-tabs .nav-link.btn-run {
  background: #fffde5;
}
.theme-light .tab-nav-style-2.nav-tabs .nav-link.btn-run.active {
  background-color: #80704e;
  color: #fffaed;
}

.theme-dark .nav-tabs .nav-link.btn-three {
  background: #e5e8ff;
  color: #000;
}
.theme-dark .tab-nav-style-2.nav-tabs .nav-link.btn-three.active {
  background-color: #4e5480;
  color: #edf0ff;
}

.theme-dark .nav-tabs .nav-link.btn-two {
  background: #e5ffeb;
  color: #000;
}
.theme-dark .tab-nav-style-2.nav-tabs .nav-link.btn-two.active {
  background-color: #4e8063;
  color: #f0ffed;
}

.theme-dark .nav-tabs .nav-link.btn-run {
  background: #fffde5;
  color: #000;
}
.theme-dark .tab-nav-style-2.nav-tabs .nav-link.btn-run.active {
  background-color: #80704e;
  color: #fffaed;
}





/* Carousel */




/* carousel */
.carousel-view {
    display: block;
}

.pc-view {
    display: none;
}

.pc-view .row-foreign > div:nth-of-type(3n+1) {
    padding-right: 15px;
}

.pc-view .row-foreign > div:nth-of-type(3n+2) {
    padding-left: 15px;
    padding-right: 15px;
}

.pc-view .row-foreign > div:nth-of-type(3n+3) {
    padding-left: 15px;
}

.pc-view .row-foreign > div:nth-of-type(2n+1) {
    padding-right: 5px;
}

.pc-view .row-foreign > div:nth-of-type(2n+2) {
    padding-left: 5px;
}

@media (min-width: 768px) {
    .carousel-view {
        display: none;
    }

    .pc-view {
        display: block;
    }
}

@media (min-width: 992px) {
    .pc-view .row-foreign > div:nth-of-type(2n+1) {
        padding-right: 15px;
    }

    .pc-view .row-foreign > div:nth-of-type(2n+2) {
        padding-left: 15px;
    }

    .pc-view .row-foreign > div:nth-of-type(3n+1) {
        padding-right: 5px;
    }

    .pc-view .row-foreign > div:nth-of-type(3n+2) {
        padding-left: 5px;
        padding-right: 5px;
    }

    .pc-view .row-foreign > div:nth-of-type(3n+3) {
        padding-left: 5px;
    }
}

.nav-slide {
    position: relative;
    flex-wrap: wrap;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
    list-style: none;
}

.nav-slide li {
    background-color: #dec264;
    position: relative;
    font-size: 14px;
    width: 49.5% !important;
    height: auto !important;
    margin: 0;
    margin-right: 1%;
    margin-bottom: 1%;
    padding: 2px 0;
    border: 1px solid #796625;
    /* border-radius: 5px; */
    text-align: center;
    vertical-align: top;
    opacity: 1;
    text-indent: 0px !important;
    box-sizing: border-box;
}

.nav-slide li:nth-of-type(2n) {
    margin-right: 0;
}

.nav-slide.nav-slide-col3 li {
  list-style: none;
    font-size: 12px;
    width: 32.66% !important;
    margin-right: 1%;
    margin-bottom: 1%;
    color:#000;
}

.nav-slide.nav-slide-col3 li:nth-of-type(3n) {
    margin-right: 0;
}

.nav-slide.nav-slide-col8 li {
    color:#000;
    list-style: none;
    width: 11.5% !important;
    margin-right: 1%;
    margin-bottom: 1%;
    padding: 0;
}

.nav-slide.nav-slide-col8 li:nth-of-type(8n) {
    margin-right: 0;
}

.nav-slide li.active {
    background-color: #fff;
}

.nav-slide li .flag-icon {
    box-shadow: 0 0 1px rgba(0, 0, 0, .3);
    vertical-align: middle;
    float: left;
    margin-left: 4px !important;
    margin-top: 3px !important;
}

@media (min-width: 400px) {
  .nav-slide.nav-slide-col8 li {
    width: 12% !important;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
  }
    .nav-slide.nav-slide-col3 li {
        font-size: 14px;
    }
}

.btn-bp {
  color: #464646;
    background: #dec264;
    border-color: #464646;
}






.nav-tab-style2 {
    border-bottom: none;
    margin-bottom: 10px;
}

.nav-tab-style2 li {
    width: 50%;
    margin-bottom: 0;
}

.nav-tab-style2 li:nth-of-type(1) {
    padding-right: 5px;
}

.nav-tab-style2 li:nth-of-type(2) {
    padding-left: 5px;
}

.nav-tab-style2 li .nav-link {
    background-color: #fff;
    margin-bottom: 0;
    border: 1px solid #000;
    border-radius: 5px;
    color:#000;
}

.nav-tab-style2 li .nav-link:hover {
    border-color: #000;
}

.nav-tab-style2 li .nav-link.active {
    background-color: #80703a;
    color: #fff;
    border-color: #000;
}

@media (max-width: 768px) {
    .nav-tab-style2 li .nav-link {
        padding-left: 2px;
        padding-right: 2px;
    }
}

.title-type.yeekee {
  color: #ff6700;
  /* font-weight: bold; */
}
.title-type.yeekee-vip {
  color: #9144c5;
  /* font-weight: bold; */
}


/* Carousel */