@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');
body{font-family: 'Lora', serif !important;color: #000;background: #CC5E5D url(../images/bg1.jpg) no-repeat center top;background-size: 100% auto;}
a{text-decoration: none !important;color: #f4ff00;}
.container{/* max-width: 1270px; */position: relative;}
.bg-all{background: #b17a1e;}
header{color: #000000;}
header .header-top{font-weight: 600;line-height: 30px;padding: 5px 0px;}
header .header-top ul{padding: 0px;margin: 0px;}
header .header-top ul li{display: inline-block;border-right: solid 1px #663e12;padding: 0px 5px;}
header .header-top ul li:last-child{border: none;}
header .header-top a{color:#fff;}
header .header-main .logo{text-align: center;}
header .logo img{max-width: 200px;margin: auto;max-height: 140px;}
.sub_menu{display: none;}
header .ic_login{color: #fff;padding-left: 10px;display: inline-block;}
header .ic_login img{border-radius: 50%;max-width: 40px;}
header .btn_login{color: #fff;display: inline-block;padding: 5px 20px;background: #f00;border-radius: 5px;}
header .btn_regis{color: #fff;display: inline-block;padding: 5px 20px;background: #2055cd;border-radius: 5px;}
header .btn_regis:hover, header .btn_login:hover{color: #ff0;}
main{color:#fff;}
main img{max-width: 100%;}
.item_vq{text-align: center;}
.item_vq h3{text-transform: uppercase;margin-top: 20px;color:#e4bb5f;font-weight: bold;}
.item_vq h3:hover{color:#ff0;}
.item_vq p{}
.item_vq p b{color:#ff0;}
.item_vq img{transition: all 0.5s ease;border-radius: 50%;}
.item_vq:hover img{transform: rotate(40deg);}
.about{padding: 50px 0px;}
.title_tcat, .title_news, .title_orther{text-align: center;color: #e4bb5f;background: -webkit-linear-gradient(left, #e4bb5f, #f6edb7, #bf9840, #f6edb7, #e4bb5f);background-size: 300px 40px;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation-duration: 5s;animation-name: animationgradienttitle;animation-iteration-count: infinite;animation-fill-mode: forwards;text-transform: uppercase;font-size: 30px;font-weight: bold;margin-bottom: 20px;}
.dropdown-menu {
        background-color: #6a4019;
        width: 220px;
}
.dropdown-item {
    color: #f5de84;
}
.dropdown-divider{margin: 0px;}
.btn-info {
    background-color: #b0792b;
}
.frm_quay{margin-top: 20px; text-align: center;}
.frm_quay .btn_quay a{background: url(../imgs/btn_quay.png) no-repeat center center; background-size: 100% 100%; width: 364px; height: 101px; display: inline-block; transition: all 0.4s; cursor: pointer;}
.frm_quay .btn_quay a:hover{opacity: 0.8; transition: all 0.4s;}
.frm_quay .share_btn{color: #fff; font-size: 15px; font-family: 'font3'; margin-top: 15px;}
.frm_quay .share_btn > span.like_fb{position: relative; top: 8px; display: inline-block; margin-right: 5px;}
.frm_quay .share_btn > span.like_fb button{height: 29px;}
.frm_quay .share_btn > span.share_fb{display: inline-block; background: #1877f2; padding: 3px 7px 4px; border-radius: 3px; cursor: pointer; margin-right: 5px; margin-left: 5px;}
.the_wheel .bg_outline{position: absolute; top: -1px; left: 50%; width: 540px; height: 535px; z-index: 0; transform: translate(-50%,0);
	background: url(../imgs/khung_quay.png) no-repeat center center; background-size: 100% 100%; border-radius: 50%; border: 17px solid #efcccc;
}
#loading {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100vw;
  height: 100%;
  background-color: rgba(192, 192, 192, 0.5);
  background-image: url("https://i.stack.imgur.com/MnyxU.gif");
  background-repeat: no-repeat;
  background-position: center;
}
.form-control, .btn{min-height: 40px;}
.hidden {
  display: none;
}
.nofi_giaithuong{text-align: center;}
.nofi_giaithuong .r1{font-size: 18px; margin-bottom: 10px; color: #c30101;font-weight: bold; }
.nofi_giaithuong .r2{font-size: 16px; margin-bottom: 10px;}
.nofi_giaithuong .r2 span{text-transform: uppercase; color: #028619;}
.nofi_giaithuong .r3{font-size: 14px; color: #666;}
.nav-tabs .nav-link{color:#fff; font-weight: bold;}
.nav-tabs .nav-link:hover{color:blue}
.frmLogin{color:#fff;}
@keyframes animationgradienttitle {0% {background-position: 0 300px;}100% {background-position: 300px 0;}}
@media (max-width: 768px){
	header .logo img{max-height: 120px; margin: 10px 0px;}
}
@media (max-width: 600px){
	header .logo img{max-height: 100px; margin: 10px 0px;}
}
@-webkit-keyframes sonar {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0
    }
}

@keyframes sonar {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0
    }
}
#congratulation{position: fixed;width: 100%;height: 100%;z-index: 1001;background: rgb(0 0 0 / 60%);top: 0px;left: 0px;font-size: 13px;display: none;}
#congratulation .content{max-width: 500px;padding: 16px;background: #0B0301;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border: 3px solid #6a4113;width: 80%;}
#congratulation .close{width: 30px;height: 30px;line-height: 30px;text-align: center;background: #fff;text-shadow: none;border-radius: 50%;position: absolute;top: -10px;right: -10px;cursor: pointer;opacity: 1;}
#congratulation .images img{max-width: 100px;}
#congratulation .title{font-weight: bold;margin-top: 40px;text-align: center;font-size: 20px;}
#congratulation .name{color:#E1B75E;}
#congratulation .productname a{color: #E1B75E;text-transform: lowercase;}
.btn_all{background:#E1B75E !important;color: #000;text-transform: uppercase !important;font-weight: 600;}
.btn_all:hover{background: #b68d38 !important;color: #fff;}
#frmLogin .form-control{font-size: 1rem;height: 45px;}
#frmLogin .btn{
height: 45px;
    text-transform: none;
    border-radius: 20px;
    line-height: 27px;
    font-size: 1.2rem;
    color: #fff;
}
#frmLogin .btn.btn_otp, .btn-resend-code{width: 160px;font-size: 15px;border-radius: 0px 10px 10px 0px;height: 55px;text-transform: capitalize !important;}