/* ============ desktop view ============ */
body{
	font-family: "Roboto", sans-serif;
}
label.error {
	color:red!important;
}
.cursor-pointer{
	cursor: pointer;
}
.display-none{
	display: none;
}
.div-mobile{
	display: none;
}
.div-desktop{
	display: block;
}
@media all and (max-width: 505px) {
	.div-mobile{
		display: block;
	}
	.div-desktop{
		display: none;
	}
}

@media (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1200px;
	}
}
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}	
.navbar-brand img{
	width: 80px; height: auto;
}
.navbar-dark .navbar-nav .nav-link{
	color: black; padding-left: 15px; padding-right: 15px; font-size: 16px;
}
.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link{
	color: #a91e22;
}
.navbar-dark .navbar-nav .nav-link:hover{
	color: #a91e22;
}
.navbar-dark .navbar-nav .nav-link:focus{
	color: #a91e22;
}
.navbar-dark .navbar-toggler{
	background-color: #a91e22;
}
@media all and (max-width: 991px) {
	.navbar-collapse{
		background-color: #a91e22;
	}
	.navbar-collapse .navbar-nav .nav-link{
		color: #fff;
	}
	.navbar-collapse .navbar-nav .nav-link.active, .navbar-collapse .navbar-nav .show>.nav-link{
		color: #fff;
	}
	.navbar-collapse .navbar-nav .nav-link:focus{
		color: #fff;
	}
	.navbar-dark .navbar-nav .nav-link:hover{
		color: #fff;
	}
	.navbar-dark .navbar-nav .nav-link:focus{
		color: #fff;
	}
}
/* ============ desktop view .end// ============ */

/* ============ header ============ */
.section-header{
	background-color: #a91e22; color: #fff; padding: 8px 0px 7px 0px;
}
/* ============ header .end// ============ */
.section-body{
	background-color: #f7f7f7; padding: 15px 0px 90px 0px; min-height: 580px;
}
.section-body-home{
	background: linear-gradient(#252424, rgba(255,255,255,.5)), url("../../images/bg-igt88s.jpg");
	background-size: cover;
}
.section-body-home .item-carousel .carousel-cell{
	width: 100%;
}
@media all and (max-width: 505px) {
	.section-body{
		background-color: #f7f7f7; padding: 15px 0px 85px 0px;
	}
}
/* ============ section-footer ============ */
.section-footer{
	position: fixed; z-index: 1111; width: 100%; bottom: 0; left: 0;
	background-color: #a91e22; color: #fff; padding: 10px 0px 10px 0px;
}
.section-footer a{
	color: #fff; text-decoration: none;
}
.section-footer a:focus{
	overflow: none;
}
.section-footer i.fa{
	font-size: 28px;
}
@media all and (max-width: 505px) {
	.section-footer{
		font-size: 13px;
	}
	.section-footer .col{
		padding: 0;
	}
	.section-footer i.fa{
		font-size: 20px;
	}
}
/* ============ section-footer .end// ============ */


/* ============ section-login ============ */
.section-login{
	width: 100%; padding: 0px 0px 0px 0px;
}
.section-login .form-group{
	padding: 10px 0px 0px 0px; text-align: left;
}
.section-login .form-group-btn{
	padding: 10px 0px 0px 0px; text-align: center;
}
/* ============ section-login .end// ============ */


/* ============ section-account ============ */
.section-account{
	width: 100%; padding: 0px 0px 0px 0px;
}
.section-account .form-group{
	padding: 10px 0px 0px 0px; text-align: left;
}
.section-account .form-group-btn{
	padding: 10px 0px 0px 0px; text-align: center;
}
/* ============ section-login .end// ============ */


/* ============ section-nap-rut ============ */
.section-nap-rut{
	width: 100%; padding: 0px 0px 0px 0px;
}
.section-nap-rut .title{
	color: #a91e22;
}
#modal-deposit{
	z-index: 9999999999;
}
#modal-deposit .form-group{
	padding: 0px 0px 10px 0px;
}
#modal-withdraw{
	z-index: 9999999999;
}
#modal-withdraw .form-group{
	padding: 0px 0px 10px 0px;
}
/* ============ section-nap-rut .end// ============ */


/* ============ section-dat-mua ============ */
#modal-buy .form-group{
	padding: 0px 0px 10px 0px;
}
/* ============ section-dat-mua .end// ============ */


/* ============ section-thi-truong ============ */
.section-thi-truong{
	width: 100%; padding: 0px 0px 0px 0px;
}
.section-thi-truong .filter{
	width: 100%; padding: 0px 0px 15px 0px;
}
.section-thi-truong .filter .fa{
	font-size: 30px; margin: 0px 8px 0 8px;
}
.section-thi-truong .item{
	padding: 10px 10px;
    border: 1px solid #000;
    border-radius: 5px;
    margin-bottom: 10px;
}
.section-thi-truong .item-0{
	background: radial-gradient(circle farthest-side, #56ab2f, #a8e063);
}
.section-thi-truong .item-1{
	background: radial-gradient(#387989, #6dd5ed);
}
.section-thi-truong .item-2{
	background: radial-gradient(#fceabb, #f8b500);
}
.section-thi-truong .item-3{
	background: radial-gradient(#f58f6f, #ff5722);
}
.section-thi-truong .item-4{
	background: radial-gradient(#f7c6ff, #9c27b0);
}
.section-thi-truong .item-5{
	background: radial-gradient(#e1d4d0, #795548);
}
.section-thi-truong .item-6{
	background: radial-gradient(#ff97ba, #ff5d94);
}
.section-thi-truong .item .row{
	align-items: center;
}
.section-thi-truong .item .btn-mua{
	background-color: #a91e22;
	border: 0px;
}
.section-thi-truong .item .btn-mua:focus{
	outline: none;
}
@media all and (max-width: 505px) {
	.section-thi-truong{
		font-size: 14px;
	}
	.section-thi-truong .col-2, .section-thi-truong .col-3, .section-thi-truong .col-7{
		padding: 0 5px;
	}
	.section-thi-truong .item .btn-mua{
		padding: 5px 6px;
	}
}
/* ============ section-thi-truong .end// ============ */









/* ============ section-form-tu-van ============ */
.section-form-tu-van{
	background-color: #fff; padding: 20px 0px 10px 0px;
}
.section-form-tu-van .div-form{
	border-radius: 20px; background: #fffbf0; padding: 25px; border: 3px solid #ffd147;
}
.section-form-tu-van .div-form .banner-lien-he{
	border-radius: 10px; margin-bottom: 15px; width: 100%;
}
.section-form-tu-van .div-form h3{
	margin-bottom: 10px; color: #a91e22; font-size: 24px; font-weight: bold;
}
.section-form-tu-van .div-form .des{
	font-style: italic; font-weight: 700; margin-bottom: 10px;
}
.section-form-tu-van .div-form .row-info{
	display: inline-block; width: 100%; clear: both;
}
.section-form-tu-van .div-form input{
	margin: 12px 0 4px 0;
}
.section-form-tu-van .div-form select{
	margin: 12px 0 4px 0;
}
.section-form-tu-van .div-form textarea{
	margin: 10px 0 10px 0;
}
.section-form-tu-van .div-form .btn-gui-yeu-cau{
	background-color: #a91e22; color: #fff;
}
.section-form-tu-van .div-video{
	width: 100%;
}
.section-form-tu-van .div-video .div-video-1{
	width: 100%; height: 450px;
}
.section-form-tu-van .div-video .div-video-1 .banner-video-1{
	width: 100%; height: 100%;
}
.section-form-tu-van .div-video .div-video-2{
	width: 25%; height: 130px; display: -webkit-inline-box;
}
.section-form-tu-van .div-video .div-video-2 .div-video-2-item{
	width: 100%; height: 130px;
}
.section-form-tu-van .div-video .div-video-2 .div-video-2-item .banner-video-2{
	width: 100%; height: 100%;
}
@media all and (max-width: 991px){
	.section-form-tu-van .div-video{
		display: none;
	}
}
/* ============ section-form-tu-van .end// ============ */