@font-face { font-family: "UTM Avo"; src: url(utm-avo/UTM_Avo.ttf); font-weight: 400; }
@font-face { font-family: "UTM Avo"; src: url(utm-avo/UTM_AvoBold.ttf); font-weight: 700; }
::-webkit-scrollbar {
    background: rgba(0,0,0,0.1);
    width: 1px;
    border-radius: 3px;
    transition: opacity 1000ms;
}
html, body, .container {
    height: 100%;
    overflow-x: hidden;
}
.container{
    padding: 0;
}
.spin_wrapper .spin_ref_link a:hover, .spin_wrapper .spin_ref_link a {
    color: #fff;
    padding: 9px 30px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 700;
    margin: 5px 0px 5px 0px;
}

#spin_btn_receive_gift {
    padding: 9px 30px;
    border-radius: 30px;
    margin: 5px 0 10px 0px;
    font-size: 18px;
    font-family: "UTM Avo";
    font-weight: 700;
}

#spin_btn_receive_gift.btn-success:hover,
#spin_btn_receive_gift.btn-success:focus,
#spin_btn_receive_gift.btn-success.focus,
#spin_btn_receive_gift.btn-success:active,
#spin_btn_receive_gift.btn-success.active {
    color: #fff;
    border-color: transparent !important;
    outline: thin dotted;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.spin_ref_link {
    margin-bottom: 10px;
}

.unlimit {
    transition: none;
    -webkit-animation: rotating 0.6s linear infinite;
    -moz-animation: rotating 0.6s linear infinite;
    -ms-animation: rotating 0.6s linear infinite;
    -o-animation: rotating 0.6s linear infinite;
    animation: rotating 0.6s linear infinite;
}

@-webkit-keyframes rotating
    /*Safari and Chrome */
{
    to {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    from {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    to {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    from {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spin_box {
    background-position: -5px 41px;
}

img#spin_bg {
    position: relative;
    width: 400px;
}

#spin_btn {
    z-index: 9999
}

#spin_btn {
    position: absolute;
}
#spin_btn img {
    width: 50px;
}

.spin_wrapper {
    text-align: center;
}

.spin_box .spin-lucky-label {
    width: 155px;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    text-align: center;
    padding-left: 45px;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    text-decoration-line: inherit;
    text-transform: inherit;
    -webkit-text-decoration-line: inherit;
    line-height: 1;
    text-shadow: rgba(0, 0, 0, .5) 1px 0 2px;
}

.spin_box .spin-lucky-screen {
    display: inline-block;
    z-index: 1;
    width: 370px;
    height: 370px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 100%;
    transition: transform 7s cubic-bezier(.25, .1, 0, 1);
    -webkit-transition: transform 7s cubic-bezier(.25, .1, 0, 1);
    text-decoration-line: inherit;
    text-transform: inherit;
    -webkit-text-decoration-line: inherit;
}
.spin_footer a{
    color: #ccc;
}
.spin_footer {
    text-align: center;
    color: #ccc;
    font-size: 9px;
    margin-top: -28px;
}
.spin_wrapper a:hover {
    text-decoration: none;
}

.spin_wrapper a {
    color: #fff;
}

.spin_wrapper h3 {
    margin: 15px 0 55px 0;
}

#spin_btn {
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}
.spin_btn_ad {
    top: 108% !important;
}
.spin_btn_ad img {
    width: 140px !important;
}
.img_avatar{
    width: 60px;
    height: 60px;
    position: absolute;
    top: 40%;
    left: 43.3%;
    border: 4px solid #fff;
    border-radius: 100%;
}
.img_avatar img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    object-fit: cover;
}
.araw {
    position: absolute;
    top: 1px;
    right: 47%;
}
.araw img {
    width: 30px;
}
@media screen and (max-width: 991px) {
    /*#spin_btn{*/
    /*    position: absolute;*/
    /*    top: 38%;*/
    /*    left: 44%;*/
    /*    margin: 0;*/
    /*}*/
}

@media screen and (max-width: 528px) {
    /*#spin_btn { top: 39%; left: 45%;}*/
}

@media screen and (max-width: 414px) {
    .spin_box .spin-lucky-screen {
        width: 360px !important;
        height: 360px !important;
    }

    .spin_theme2 .header-img img {
        margin-top: 0px;
    }
    .header-img img {
        width: 90%;
    }
    #spin_result, .spin_turn, .spin_ref_link {
        font-size: 15px !important;
    }

    .spin_theme2 .spin_box {
        margin-top: -45px ;
    }

    #spin_btn_receive_gift {
        padding: 7px 30px;
        font-size: 16px;
    }

    .spin_wrapper .spin_ref_link a:hover, .spin_wrapper .spin_ref_link a {
        padding: 7px 30px;
        font-size: 16px;
    }
}

@media screen and (max-width: 320px) {
    .spin_box .spin-lucky-screen {
        width: 260px !important;
        height: 260px !important;
    }
    .spin_theme9 .spin_bg {
        margin-top: -31px;
    }
    .spin_theme9 .header-img img {
        height: 100% !important;
        margin-top: -10px;
    }
    .spin_theme9 .spin_box {
        margin-bottom: 30px;
        margin-top: -30px;
    }
    #spin_result, .spin_turn, .spin_ref_link {
        font-size: 12px !important;
    }
    #spin_result b, .spin_turn b, .spin_ref_link b {
        font-size: 14px !important;
    }
}

/*-------code by ngocbich85hd-----------------------------------*/
.spin_box .spin-lucky-screen {
    max-width: 100%;
    max-height: 100%;
    background-size: 100%;
    /*background-image: url("https://fchat.vn/assets/images/automation/spin/wheel-6o.png")*/
}

.spin_box .spin-lucky-label {
    color: #ffffff;
    font-family: sans-serif;
    font-size: 16px
}

.spin_wrapper {
    max-width: 480px;
    margin: 0 auto;
    height: fit-content;
}

.header-spin {
    height: 110px;
    z-index: 1;
    padding-top: 35px;
}

.header-img {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.header-img img {
    height: 100%;
}

.spin_bg {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: -1;
}

.spin_box {
    margin-bottom: 50px;
}
#spin_result, .spin_turn, .spin_ref_link {
    font-size: 16px;
    font-family: "UTM Avo";
    font-weight: 400;
     color: #fff;
}

#spin_result b, .spin_turn b, .spin_ref_link b {
    font-size: 20px;
}

.spin_turn, #spin_result {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.gift-box {
    height: 29px;
    margin-top: -7px;
    margin-right: 5px;
}

.bt-receiving-gifts {
    border-width: 0px;
    position: relative;
}

.bt-receiving-gifts:before, .spin_ref_link a:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -2px;
    border-radius: inherit;
}

.spin_ref_link a {
    position: relative;
    border: 0px;
}

/*------------------------------------------*/
.spin_theme .spin_bg {
    background-size: cover;
    background-attachment: scroll;
    background-origin: content-box;
    background-position: top center;
    background-repeat: no-repeat;
}
/*---------spin_theme10-----------*/
.spin_theme, .spin_theme10 {
    position: relative;
}

.spin_theme10 .spin_bg {
    background-size: cover;
    background-attachment: scroll;
    background-origin: content-box;
    background-position: top center;
    background-repeat: no-repeat;
}

.spin_theme10 .spin_box {
    margin-top: 20px;
    z-index: 3;
}

.spin_theme10 .header-img {
    height: 97px;
}

.spin_theme10 .bt-receiving-gifts {
    background: rgb(18, 0, 24);
    background: linear-gradient(90deg, rgba(18, 0, 24, 1) 0%, rgba(87, 0, 88, 1) 50%, rgba(18, 0, 24, 1) 100%);
}

.spin_theme10 .bt-receiving-gifts:before {

    background: rgb(87, 0, 88);
    background: linear-gradient(90deg, rgba(87, 0, 88, 1) 0%, rgba(162, 106, 255, 1) 50%, rgba(87, 0, 88, 1) 100%);
}

.spin_theme10 .bt-receiving-gifts:hover {
    background: linear-gradient(90deg, rgba(87, 0, 88, 1) 0%, rgba(162, 106, 255, 1) 50%, rgba(87, 0, 88, 1) 100%);
}

.spin_theme10 .spin_ref_link a {
    background: rgb(131, 23, 31);
    background: linear-gradient(90deg, rgba(131, 23, 31, 1) 0%, rgba(163, 0, 32, 1) 35%, rgba(131, 23, 31, 1) 100%);
}

.spin_theme10 .spin_ref_link a:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -2px;
    border-radius: inherit;
    background: rgb(207, 35, 0);
    background: linear-gradient(90deg, rgba(207, 35, 0, 1) 0%, rgba(236, 167, 36, 1) 50%, rgba(207, 35, 0, 1) 100%);
}

.spin_theme10 .spin_ref_link a:hover {
    background: linear-gradient(90deg, rgba(207, 35, 0, 1) 0%, rgba(207, 35, 36, 1) 50%, rgba(207, 35, 0, 1) 100%);
}

.spin_theme10 .spin_ref_link a:hover:before {
    background: linear-gradient(90deg, rgba(236, 167, 36, 1) 0%, rgba(207, 35, 0, 1) 50%, rgba(236, 167, 36, 1) 100%);
}


/*------------------------------------------*/
/*---------spin_theme2-----------*/
.spin_theme2 {
    position: relative;
}

.spin_theme2 .spin_bg {
    background-size: cover;
    background-attachment: scroll;
    background-origin: content-box;
    background-position: top center;
    background-repeat: no-repeat;
}
.spin_theme2 .spin_box {
    margin-top: 0px !important;
    z-index: 3;
}

.spin_theme2 .header-img {
    height: 95px;
}

.spin_theme2 .header-img img {
    margin-top: 10px;
}

.spin_theme2 .bt-receiving-gifts {
    background: rgb(18, 0, 24);
    background: linear-gradient(90deg, rgba(18, 0, 24, 1) 0%, rgba(87, 0, 88, 1) 50%, rgba(18, 0, 24, 1) 100%);
}

.spin_theme2 .bt-receiving-gifts:before {
    background: rgb(87, 0, 88);
    background: linear-gradient(90deg, rgba(87, 0, 88, 1) 0%, rgba(162, 106, 255, 1) 50%, rgba(87, 0, 88, 1) 100%);
}

.spin_theme2 .bt-receiving-gifts:hover {
    background: linear-gradient(90deg, rgba(87, 0, 88, 1) 0%, rgba(162, 106, 255, 1) 50%, rgba(87, 0, 88, 1) 100%);
}

.spin_theme2 .spin_ref_link a {
    background: rgb(131, 23, 31);
    background: linear-gradient(90deg, rgba(131, 23, 31, 1) 0%, rgba(163, 0, 32, 1) 35%, rgba(131, 23, 31, 1) 100%);
}

.spin_theme2 .spin_ref_link a:before {
    background: rgb(207, 35, 0);
    background: linear-gradient(90deg, rgba(207, 35, 0, 1) 0%, rgba(236, 167, 36, 1) 50%, rgba(207, 35, 0, 1) 100%);
}

.spin_theme2 .spin_ref_link a:hover {
    background: linear-gradient(90deg, rgba(207, 35, 0, 1) 0%, rgba(207, 35, 36, 1) 50%, rgba(207, 35, 0, 1) 100%);
}

.spin_theme2 .spin_ref_link a:hover:before {
    background: linear-gradient(90deg, rgba(236, 167, 36, 1) 0%, rgba(207, 35, 0, 1) 50%, rgba(236, 167, 36, 1) 100%);
}

/*------------------------------------------*/
/*---------spin_theme3-----------*/
.spin_theme3 {
    position: relative;
}

.spin_theme3 .spin_bg {
    background-size: cover;
    background-attachment: scroll;
    background-origin: content-box;
    background-position: top center;
    background-repeat: no-repeat;
}
.spin_theme3 .spin_box {
    margin-top: 50px;
    z-index: 3;
}

.spin_theme3 .header-img {
    height: 95px;
}

.spin_theme3 .header-img img {
    /*margin-top: 10px;*/
}

.spin_theme3 .bt-receiving-gifts {
    background: rgb(131, 23, 31);
    background: linear-gradient(90deg, rgba(131, 23, 31, 1) 0%, rgba(163, 0, 32, 1) 35%, rgba(131, 23, 31, 1) 100%);
}

.spin_theme3 .bt-receiving-gifts:before {
    background: rgb(207, 35, 0);
    background: linear-gradient(90deg, rgba(207, 35, 0, 1) 0%, rgba(236, 167, 36, 1) 50%, rgba(207, 35, 0, 1) 100%);
}

.spin_theme3 .bt-receiving-gifts:hover {
    background: linear-gradient(90deg, rgba(207, 35, 0, 1) 0%, rgba(236, 167, 36, 1) 50%, rgba(207, 35, 0, 1) 100%);
}

.spin_theme3 .spin_ref_link a {
    background: #044799;
}

.spin_theme3 .spin_ref_link a:before {
    background: rgb(21, 149, 255);
    background: linear-gradient(90deg, rgba(21, 149, 255, 1) 0%, rgba(85, 239, 255, 1) 50%, rgba(21, 149, 255, 1) 100%);
}

.spin_theme3 .spin_ref_link a:hover {
    background: #03386d;
}

.spin_theme3 .spin_ref_link a:hover:before {
    background: linear-gradient(90deg, rgba(21, 149, 255, 1) 0%, rgba(85, 239, 255, 1) 50%, rgba(21, 149, 255, 1) 100%);
}


/*------------------------------------------*/
/*---------spin_theme4-----------*/
.spin_theme4 {
    position: relative;
}

.spin_theme4 .spin_bg {
    background-size: cover;
    background-attachment: scroll;
    background-origin: content-box;
    background-position: top center;
    background-repeat: no-repeat;
}
.spin_theme4 .spin_box {
    margin-top: 20px;
    z-index: 3;
}

.spin_theme4 .header-img {
    height: 95px;
}

.spin_theme4 .header-img img {
    /*margin-top: 10px;*/
}

.spin_theme4 .bt-receiving-gifts {
    background: #006a04;
    /*background: linear-gradient(90deg, rgba(131, 23, 31, 1) 0%, rgba(163, 0, 32, 1) 35%, rgba(131, 23, 31, 1) 100%);*/
}

.spin_theme4 .bt-receiving-gifts:before {
    background: rgb(13, 165, 13);
    background: linear-gradient(90deg, rgba(13, 165, 13, 1) 0%, rgba(0, 255, 0, 1) 50%, rgba(13, 165, 13, 1) 100%);
}

.spin_theme4 .bt-receiving-gifts:hover {
    background: rgba(13, 165, 13, 1);
}

.spin_theme4 .spin_ref_link a {
    background: rgb(131, 23, 31);
    background: linear-gradient(90deg, rgba(131, 23, 31, 1) 0%, rgba(163, 0, 32, 1) 35%, rgba(131, 23, 31, 1) 100%);
}

.spin_theme4 .spin_ref_link a:before {
    background: rgb(207, 35, 0);
    background: linear-gradient(90deg, rgba(207, 35, 0, 1) 0%, rgba(236, 167, 36, 1) 50%, rgba(207, 35, 0, 1) 100%);
}

.spin_theme4 .spin_ref_link a:hover {
    background: linear-gradient(90deg, rgba(207, 35, 0, 1) 0%, rgba(236, 167, 36, 1) 50%, rgba(207, 35, 0, 1) 100%);
}

.spin_theme4 .spin_ref_link a:hover:before {
    background: linear-gradient(90deg, rgba(207, 35, 0, 1) 0%, rgba(236, 167, 36, 1) 50%, rgba(207, 35, 0, 1) 100%);
}

/*------------------------------------------*/
/*---------spin_theme5-----------*/
.spin_theme5 {
    position: relative;
}

.spin_theme5 .spin_bg {
    background-size: cover;
    background-attachment: scroll;
    background-origin: content-box;
    background-position: top center;
    background-repeat: no-repeat;
}
.spin_theme5 .spin_box {
    margin-top: 35px;
    z-index: 3;
}

.spin_theme5 .header-img {
    height: 95px;
}
.spin_theme5 .bt-receiving-gifts {
    background: rgb(131, 23, 31);
    background: linear-gradient(90deg, rgba(131, 23, 31, 1) 0%, rgba(163, 0, 32, 1) 35%, rgba(131, 23, 31, 1) 100%);
}

.spin_theme5 .bt-receiving-gifts:before {
    background: rgb(207, 35, 0);
    background: linear-gradient(90deg, rgba(207, 35, 0, 1) 0%, rgba(236, 167, 36, 1) 50%, rgba(207, 35, 0, 1) 100%);
}

.spin_theme5 .bt-receiving-gifts:hover {
    background: rgb(207, 35, 0);
}

.spin_theme5 .spin_ref_link a {
    background: rgb(252, 195, 4);
    background: linear-gradient(0deg, rgba(252, 195, 4, 1) 0%, rgba(219, 130, 4, 1) 100%);
    color: #0a2101 !important;
}

.spin_theme5 .spin_ref_link a:before {
    background: rgb(252, 195, 4);
    background: linear-gradient(0deg, rgba(252, 195, 4, 1) 100%, rgba(219, 130, 4, 1) 0%);
}

.spin_theme5 .spin_ref_link a:hover {
    background: rgba(252, 195, 4, 1);
}

.spin_theme5 .spin_ref_link a:hover:before {
    background: linear-gradient(0deg, rgba(252, 195, 4, 1) 0%, rgba(219, 130, 4, 1) 100%);
}

/*------------------------------------------*/
/*---------spin_theme6-----------*/
.spin_theme6 {
    position: relative;
}

.spin_theme6 .spin_bg {
    background-size: cover;
    background-attachment: scroll;
    background-origin: content-box;
    background-position: top center;
    background-repeat: no-repeat;
}
.spin_theme6 .spin_box {
    margin-top: 30px;
    z-index: 3;
}

.spin_theme6 .header-img {
    height: 90px;
}
.spin_theme6 .bt-receiving-gifts {
    background: rgb(131, 23, 31);
    background: linear-gradient(90deg, rgba(131, 23, 31, 1) 0%, rgba(163, 0, 32, 1) 35%, rgba(131, 23, 31, 1) 100%);
}

.spin_theme6 .bt-receiving-gifts:before {
    background: rgb(207, 35, 0);
    background: linear-gradient(90deg, rgba(207, 35, 0, 1) 0%, rgba(236, 167, 36, 1) 50%, rgba(207, 35, 0, 1) 100%);
}

.spin_theme6 .bt-receiving-gifts:hover {
    background: #044799;
}

.spin_theme6 .spin_ref_link a {
    background: #044799;
}

.spin_theme6 .spin_ref_link a:before {
    background: rgb(21, 144, 255);
    background: linear-gradient(90deg, rgba(21, 144, 255, 1) 0%, rgba(85, 239, 255, 1) 50%, rgba(21, 144, 255, 1) 100%);
}

.spin_theme6 .spin_ref_link a:hover {
    background: rgb(21, 144, 255);
}

.spin_theme6 .spin_ref_link a:hover:before {
    background: linear-gradient(90deg, rgba(21, 144, 255, 1) 0%, rgba(85, 239, 255, 1) 50%, rgba(21, 144, 255, 1) 100%);
}


/*------------------------------------------*/
/*---------spin_theme7-----------*/
.spin_theme7 {
    position: relative;
}

.spin_theme7 .spin_bg {
    background-size: cover;
    background-attachment: scroll;
    background-origin: content-box;
    background-position: top center;
    background-repeat: no-repeat;
}
.spin_theme7 .spin_box {
    margin-top: 20px;
    z-index: 3;
}

.spin_theme7 .header-img {
    height: 90px;
}

.spin_theme7 .bt-receiving-gifts {
    background: #3063ad;
}

.spin_theme7 .bt-receiving-gifts:before {
    background: rgb(21, 144, 255);
    background: linear-gradient(90deg, rgba(21, 144, 255, 1) 0%, rgba(85, 171, 255, 1) 50%, rgba(21, 144, 255, 1) 100%);
}

.spin_theme7 .bt-receiving-gifts:hover {
    background: rgb(21, 144, 255);
}

.spin_theme7 .spin_ref_link a {
    background: rgb(158, 23, 29);
    background: linear-gradient(90deg, rgba(158, 23, 29, 1) 0%, rgba(234, 40, 30, 1) 50%, rgba(158, 23, 29, 1) 100%);
}

.spin_theme7 .spin_ref_link a:before {
    background: rgb(233, 23, 29);
    background: linear-gradient(90deg, rgba(233, 23, 29, 1) 0%, rgba(234, 179, 30, 1) 50%, rgba(233, 23, 29, 1) 100%);
}

.spin_theme7 .spin_ref_link a:hover {
    background: rgb(233, 23, 29);
}


/*------------------------------------------*/
/*---------spin_theme7-----------*/
.spin_theme8 {
    position: relative;
}

.spin_theme8 .spin_bg {
    background-size: cover;
    background-attachment: scroll;
    background-origin: content-box;
    background-position: top center;
    background-repeat: no-repeat;
}
.spin_theme8 .spin_box {
    margin-top: -20px;
    z-index: 3;
}

.spin_theme8 .header-img {
    height: 95px;
}
.spin_theme8 .bt-receiving-gifts {
    background: rgb(131, 23, 31);
    background: linear-gradient(90deg, rgba(131, 23, 31, 1) 0%, rgba(203, 0, 32, 1) 50%, rgba(131, 23, 31, 1) 100%);
}

.spin_theme8 .bt-receiving-gifts:before {
    background: rgb(255, 202, 118);
    background: linear-gradient(90deg, rgba(255, 202, 118, 1) 0%, rgba(250, 172, 24, 1) 50%, rgba(255, 202, 118, 1) 100%);
}

.spin_theme8 .bt-receiving-gifts:hover {
    background: rgba(203, 0, 32, 1)
}

.spin_theme8 .spin_ref_link a {
    background: #044799;
}

.spin_theme8 .spin_ref_link a:before {
    background: rgb(21, 144, 255);
    background: linear-gradient(90deg, rgba(21, 144, 255, 1) 0%, rgba(85, 239, 255, 1) 50%, rgba(21, 144, 255, 1) 100%);
}

.spin_theme8 .spin_ref_link a:hover {
    background: rgb(21, 144, 255);
}

/*------------------------------------------*/
/*---------spin_theme9-----------*/
.spin_theme9 {
    position: relative;
}

.spin_theme9 .spin_bg {
    background-size: cover;
    background-attachment: scroll;
    background-origin: content-box;
    background-position: top center;
    background-repeat: no-repeat;
}
.spin_theme8 .spin_box {
    margin-top: 30px;
    z-index: 3;
}
.spin_theme9 .spin_box {
    margin-top: 70px;
    z-index: 3;
}

.spin_theme9 .header-img {
    height: 95px;
}

.spin_theme9 .header-img img {
    height: 128% !important;
    margin-top: 0;
}

.spin_theme9 .bt-receiving-gifts {
    background: #009b00;
}

.spin_theme9 .bt-receiving-gifts:before {
    background: rgb(140, 255, 127);
    background: linear-gradient(90deg, rgba(140, 255, 127, 1) 0%, rgba(165, 202, 13, 1) 50%, rgba(140, 255, 127, 1) 100%);
}

.spin_theme9 .bt-receiving-gifts:hover {
    background: #0c3a09 !important;
}

.spin_theme9 .spin_ref_link a {
    background: rgb(131, 23, 31);
    background: linear-gradient(90deg, rgba(131, 23, 31, 1) 0%, rgba(163, 0, 32, 1) 50%, rgba(131, 23, 31, 1) 100%);
}

.spin_theme9 .spin_ref_link a:before {
    background: rgb(255, 202, 118);
    background: linear-gradient(90deg, rgba(255, 202, 118, 1) 0%, rgba(250, 172, 24, 1) 50%, rgba(255, 202, 118, 1) 100%);
}

.spin_theme9 .spin_ref_link a:hover {
    background:#a33020;
}
.clear {
    clear: both;
}

.grouptet .spin_theme2 .spin_box {
    margin-top: 60px !important;
    z-index: 3;
}
.grouptet .spin_theme2 .spin_turn, .groupmuaxuan .spin_theme1 .spin_turn{
    color: #333;
}
.grouptet .spin_theme1,.grouphalloween .spin_theme1, .groupmuaxuan .spin_theme1, .groupvalentine .spin_theme1,.group0803 .spin_theme1 ,.groupbeauti .spin_theme1,.groupmuahe .spin_theme1,.groupnoel .spin_theme1{
    position: relative;
}
.grouptet .spin_theme1 .header-img img, .group0803 .spin_theme1 .header-img img, .groupbeauti .spin_theme1 .header-img img,.groupmuahe .spin_theme1 .header-img img,.groupnoel .spin_theme1 .header-img img{
    width: 100%;
}
.grouphalloween .spin_theme1 .header-img img{
    width: 90%;
}

.grouptet .spin_theme1 .spin_box {
    margin-top: 30px !important;
    z-index: 3;
}
.groupmuaxuan .spin_theme1 .header-img img, .groupvalentine .spin_theme1 .header-img img,.grouptet .spin_theme3 .header-img img{
    width: 80%;
}
.groupmuaxuan .spin_theme1 .spin_box,.group0803 .spin_theme2 .spin_box,.groupmuaxuan .spin_theme2 .spin_box {
    margin-top: 40px !important;
    z-index: 3;
}

.groupvalentine .spin_theme1 .spin_box ,.grouphalloween .spin_theme1 .spin_box{
    margin-top: 40px !important;
    z-index: 3;
}
.groupvalentine .spin_theme2 .spin_box {
    margin-top: 50px !important;
    z-index: 3;
}
.groupnoel .spin_theme1 .spin_box, .grouptet .spin_theme5 .spin_box,.group0803 .spin_theme1 .spin_box ,.groupbeauti .spin_theme1 .spin_box,.groupbeauti .spin_theme2 .spin_box,.groupmuahe .spin_theme2 .spin_box {
    margin-top: 60px !important;
    z-index: 3;
}
.groupmuahe .spin_theme1 .spin_box {
    margin-top: 80px !important;
    z-index: 3;
}
#nhanqua{
    z-index: 9999;
}
.logo-fchat {
    text-align: center;
    margin-top: 40px;
}
.logo-fchat img {
    width: 120px;
    border-radius: 25px;
}