/* Minification failed. Returning unminified contents.
(711,17): run-time error CSS1036: Expected expression, found '#'
 */
@font-face {
    font-family: 'AvertaDemo-ExtraBoldItalic';
    src: url(/fonts/AvertaDemo-ExtraBoldItalic.eot);
    src: url(/fonts/AvertaDemo-ExtraBoldItalic.woff2) format('woff2'), url(/fonts/AvertaDemo-ExtraBoldItalic.woff) format('woff'), url(/fonts/AvertaDemo-ExtraBoldItalic.ttf) format('truetype'), url(/fonts/AvertaDemo-ExtraBoldItalic.svg#AvertaDemo-ExtraBoldItalic) format('svg'), url(/fonts/AvertaDemo-ExtraBoldItalic.eot?#iefix) format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Averta';
    src: url(/fonts/Averta-Regular.eot);
    src: url(/fonts/Averta-Regular.woff) format('woff'), url(/fonts/Averta-Regular.ttf) format('truetype'), url(/fonts/Averta-Regular.svg#Averta-Regular) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url(/fonts/icomoon.eot?v=1.1.2);
    src: url(/fonts/icomoon.eot?v=1.1.2) format('embedded-opentype'), url(/fonts/icomoon.ttf?v=1.1.2) format('truetype'), url(/fonts/icomoon.woff?v=1.1.2) format('woff'), url(/fonts/icomoon.svg?v=1.1.2) format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-teams:before {
    content: "\e910";
}

.icon-account:before {
    content: "\e900";
}

.icon-arrowright:before {
    content: "\e901";
}

.icon-arrowleft:before {
    content: "\e902";
}

.icon-menu:before {
    content: "\e903";
}

.icon-logout:before {
    content: "\e904";
}

.icon-close:before {
    content: "\e905";
}

.icon-eye:before {
    content: "\e906";
}

.icon-livehelp:before {
    content: "\e907";
}

.icon-skype:before {
    content: "\e908";
}

.icon-email:before {
    content: "\e909";
}

.icon-phone:before {
    content: "\e90a";
}

.icon-telegram:before {
    content: "\e90b";
}

.icon-whatsapp:before {
    content: "\e90c";
}

.icon-viber:before {
    content: "\e90d";
}

.icon-line:before {
    content: "\e90e";
}

.icon-twitterx:before {
    content: "\e90f";
}

@font-face {
    font-family: 'icomoon-fb8aff';
    src: url(/fonts/icomoon-fb8aff.eot?bv767u);
    src: url(/fonts/icomoon-fb8aff.eot?bv767u#iefix) format('embedded-opentype'), url(/fonts/icomoon-fb8aff.ttf?bv767u) format('truetype'), url(/fonts/icomoon-fb8aff.woff?bv767u) format('woff'), url(/fonts/icomoon-fb8aff.svg?bv767u#icomoon-fb8aff) format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-fb8aff-"], [class*=" icon-fb8aff-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon-fb8aff' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-fb8aff-notif:before {
    content: "\e900";
}

.icon-fb8aff-announcement:before {
    content: "\e901";
}

.icon-fb8aff-home:before {
    content: "\e902";
}

.icon-fb8aff-mobile:before {
    content: "\e903";
}

.icon-fb8aff-product:before {
    content: "\e904";
}

.icon-fb8aff-promo:before {
    content: "\e905";
}

.icon-fb8aff-commission:before {
    content: "\e906";
}

.icon-fb8aff-info:before {
    content: "\e907";
}

.icon-fb8aff-goto:before {
    content: "\e908";
}

.icon-fb8aff-overview:before {
    content: "\e909";
}

.icon-fb8aff-creative:before {
    content: "\e90a";
}

.icon-fb8aff-statistics:before {
    content: "\e90b";
}

.icon-fb8aff-report:before {
    content: "\e90c";
}

.icon-fb8aff-user:before {
    content: "\e90d";
}

.icon-fb8aff-message:before {
    content: "\e90e";
}

.icon-fb8aff-balance:before {
    content: "\e90f";
}

.icon-fb8aff-transfer:before {
    content: "\e910";
}

.icon-fb8aff-affcode:before {
    content: "\e911";
}

.icon-fb8aff-password:before {
    content: "\e912";
}

.icon-fb8aff-profile:before {
    content: "\e913";
}

.icon-fb8aff-close:before {
    content: "\e914";
}

.icon-fb8aff-dashboard:before {
    content: "\e915";
}

.icon-fb8aff-overall-commission:before {
    content: "\e916";
}

.icon-fb8aff-current-month:before {
    content: "\e917";
}

.icon-fb8aff-aff-commission:before {
    content: "\e918";
}

.icon-fb8aff-win-loss-member:before {
    content: "\e919";
}

.icon-fb8aff-win-loss-product:before {
    content: "\e91a";
}

.icon-fb8aff-member-payment-report:before {
    content: "\e91b";
}

.icon-fb8aff-payment-report:before {
    content: "\e91c";
}

.icon-fb8aff-memberlist:before {
    content: "\e91d";
}


.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

html {
    box-sizing: border-box;
    height: 100%;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
    margin: 0;
    padding: 0;
    /*font-family: Verdana,Arial,Tahoma;*/
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 12px;
    background: #028843;
    position: relative;
    height: 100%;
}

    body.modal-open {
        margin-right: 0;
    }

html:lang(zh-cn) body {
    font-family: "Microsoft Yahei";
}

.wrapper {
    background: #073119;
    /*background:#000;*/
}

.minHeight {
    min-height: 61vh;
}

.font-roboto {
    font-family: 'Roboto', sans-serif;
}

/*********************************************
	PRELOAD
**********************************************/
.stack {
    overflow: hidden;
}

#loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1b1b1b;
    z-index: 99999999999;
    height: 100vh;
}

/*#status {
    width: 250px;
    height: 250px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(/Content/images/preloader.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}*/

/*********************************************
	GLOBAL
**********************************************/
.clear {
    clear: both;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.containercs {
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    height: 100%;
}

.floatL {
    float: left;
}

.floatR {
    float: right;
}

.important {
    color: red;
}

.fullwidth {
    width: 100%;
}

.halfwidth {
    width: 65%;
}

.triforwidth {
    width: 65%;
}


/*
    PERCENTAGE
*/
[class^="wp-"] {
    /*background: red;*/
}

.wp-1 {
    width: 8.33333333%;
}

.wp-2 {
    width: 16.66666667%;
}

.wp-3 {
    width: 25%;
}

.wp-4 {
    width: 33.33333333%;
}

.wp-5 {
    width: 41.66666667%;
}

.wp-6 {
    width: 50%;
}

.wp-7 {
    width: 58.33333333%;
}

.wp-8 {
    width: 66.66666667%;
}

.wp-9 {
    width: 75%;
}

.wp-10 {
    width: 83.33333333%;
}

.wp-11 {
    width: 91.66666667%;
}

.wp-12 {
    width: 100%;
}



/*********************************************
	HEADER PART
**********************************************/
/*sticky header*/
.header.sticky {
    position: fixed !important;
    top: 0;
    background: red;
    transition: all 0.4s ease;
}

    .header.sticky .nav ul li a {
        width: auto;
        height: auto;
        padding: 0;
    }

    .header.sticky .navIcon, .header.sticky .navTxt {
        display: inline-block;
    }


/************/
.header {
    background: #028843;
    background: linear-gradient(to right, #015e2f 0, #017d3e 35%, #069650 68%, #0ec07a 100%);
}

.top-snow {
    display: none;
    position: absolute;
    top: 55px;
    width: 100%;
    height: auto;
    z-index: 12;
}

.bottom-snow {
    display: none;
    position: fixed;
    bottom: 58px;
    width: 100%;
    height: 16px;
    z-index: 15;
}

@media screen and (max-width:768px) {
    .top-snow,
    .bottom-snow {
        display: block;
    }
}


/** TOP NAV**/
.topNav {
    padding: 0 10px;
    margin-top: 4px;
}

.topNavCont {
    display: flex;
    align-items: center;
}

.topBox {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.mobs {
    display: inline-block;
}

    .mobs.afterLogin {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

.bell {
    width: 26px;
    position: relative;
    margin-right: 10px;
    font-size: 26px;
    color: #fff;
}

    .bell.ftr {
        position: absolute;
        right: 50px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
    }

        .bell.ftr.mr-15 {
            right: 15px;
        }

.mailNotif.ftr {
    position: absolute;
    top: 17px;
    right: 15px;
    z-index: 2;
    margin-right: 0;
    display: none;
}

.newImportant {
    position: absolute;
    bottom: -5px;
    right: -5px;
    z-index: 999;
}

.time-date {
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    color: #fff;
    z-index: 111;
    font-size: 14px;
    font-weight: 700;
}

html:lang(zh-cn) .time-date {
    font-family: "Microsoft Yahei";
    font-size: 13px;
}

.marquee {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-style: italic;
    color: #fff;
    z-index: 1;
    background: #003f1f;
    margin-left: auto;
    width: 80.5%;
    position: relative;
    height: 35px;
    display: flex;
}

    .marquee span {
        color: #fee71b;
        font-size: 22px;
        line-height: 35px;
        margin: 0 20px;
    }

    .marquee marquee {
        line-height: 35px;
    }

html:lang(zh-cn) .marquee {
    font-family: "Microsoft Yahei";
}

.desc-menu-wrap {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.mobs-topbox-wrap {
    margin-left: 1px;
}

#cirlceFlags {
    margin: 10px 5px 10px 5px;
}

    #cirlceFlags.afterLogin {
        margin: 10px 5px 10px 5px;
    }

    #cirlceFlags ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #cirlceFlags ul li {
            position: relative;
        }

            #cirlceFlags ul li a img {
                height: 20px
            }

        #cirlceFlags ul #childFlag {
            display: none;
            position: absolute;
            top: 19px;
            right: 0;
            z-index: 9999;
            padding-top: 10px;
        }

            #cirlceFlags ul #childFlag:before {
                clear: both;
                content: '';
                display: block;
                position: absolute;
                top: 2px;
                right: 1px;
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
                border-bottom: 8px solid rgba(4,63,37,.9);
            }

        #cirlceFlags ul li:hover > #childFlag {
            display: block;
        }

        #cirlceFlags ul #childFlag li {
            padding-left: 10px;
            padding-right: 10px;
            background: rgba(4,63,37,.9);
            overflow: hidden;
        }

            #cirlceFlags ul #childFlag li:first-child {
                border-radius: 4px 0 0 0;
            }

            #cirlceFlags ul #childFlag li:last-child {
                border-radius: 0 0 4px 4px;
            }

            #cirlceFlags ul #childFlag li a {
                width: 100px;
                display: block;
                /*background: #007028;*/
                text-align: right;
                padding: 10px 0;
                color: #fff;
                text-decoration: none;
                font-size: 12px;
                border-bottom: thin solid rgba(255,255,255,.2);
            }

            #cirlceFlags ul #childFlag li:last-child a {
                border-bottom: none;
            }

            #cirlceFlags ul #childFlag li a:hover {
                color: #fee71b;
            }

            #cirlceFlags ul #childFlag li a img {
                margin-left: 5px;
                height: 18px;
            }

.login,
.joinNow {
    font: 700 12px/30px 'Roboto', sans-serif;
    width: 120px;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.9);
    border-radius: 20px;
    color: #333;
}

.login {
    background: ##b5b3b1;
    background-image: linear-gradient(to bottom, #fff, #b5b3b1);
    margin-right: 3px;
}

    .login.logout {
        margin-right: 0;
        margin-left: 3px;
    }

    .login:hover {
        color: #000;
    }

    .login img {
        vertical-align: middle;
        margin-left: 10px;
    }

.loginBody {
    z-index: 99991;
    position: absolute;
    right: -125px;
    top: 32px;
    display: none;
    margin: 0;
    background: url(/Content/images/loginBg.png) repeat;
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 11px;
    padding: 10px;
    box-sizing: border-box;
}

html:lang(zh-cn) .loginBody {
    font-family: "Microsoft Yahei";
}

.loginBody img {
    width: 100%;
    height: auto;
}

.loginBody input::placeholder {
    color: #333;
}

.loginBody input[type=text], .loginBody input[type=password] {
    width: 100%;
    color: #000 !important;
    border: none;
    height: 25px;
    line-height: 25px;
    padding-left: 10px;
    background: #fff;
    margin-bottom: 5px;
    font-size: 11px;
    box-sizing: border-box;
}

.loginBody input[type=checkbox] {
    margin: 0;
    vertical-align: middle;
}

.loginBody .labelsLogin {
    color: #fff;
}

.loginBody .submit {
    background: #fee71b;
    background-image: linear-gradient(to right top, #ffc400, #ffca03, #ffd107, #ffd70d, #ffde13, #ffe22c, #fee73d, #feeb4c, #feee65, #fff17c, #fff391, #fff6a6);
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
    color: #2b2700;
    height: 30px;
    line-height: 30px;
    width: 100%;
    font-size: 14px;
    text-align: center;
    border: none;
    margin-top: 10px;
    font-weight: bold;
    font-family: Tahoma, Arial, Sans-Serif;
}

html:lang(zh-cn) .loginBody .submit {
    font-family: "Microsoft Yahei";
}

.joinNow {
    background: #fee71b;
    background-image: linear-gradient(to right top, #ffc400, #ffca03, #ffd107, #ffd70d, #ffde13, #ffe22c, #fee73d, #feeb4c, #feee65, #fff17c, #fff391, #fff6a6);
}

    .joinNow:hover {
        color: #2b2700;
    }

/** MAIN NAV **/
.mainNav {
    position: relative;
}

.logo {
    float: left;
    margin-right: auto;
    margin-top:5px;
}
.logo.th {
    margin: 10px 0 0 10px;

}

html:lang(vi-vn) .nav ul li a,
html:lang(en-us) .nav ul li a {
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 15px 12px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    position: relative;
}
.desc-menu-wrap .logo a{
    display: inline-block;
}
/*default logo*/
.logo img {
    max-width: 100%;
    width: unset;
    height: 78px;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
    text-decoration: none;
    color: #fff;
    background: #19c589;
    text-align: center;
    display: none;
    z-index: 1;
}
/*Hide checkbox*/
#show-menu {
    display: none;
    -webkit-appearance: none;
}
    /*Show menu when invisible checkbox is checked*/
    #show-menu:checked ~ #nav {
        display: block;
    }

.nav {
    margin-left: auto;
}

    .nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .nav ul li {
            float: left;
            position: relative;
        }

    .nav.afterLogin ul li {
        position: static;
    }

    .nav ul li a {
        display: block;
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 15px;
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        position: relative;
    }

    .nav.vi-vn:not(.afterLogin) ul li a {
        font-size: 13px;
    }

    .nav ul li a .navIcon {
        height: 100%;
        font-size: 35px;
        margin-bottom: -3px;
    }

    .nav ul li.active > a > .navIcon span,
    .nav ul li a:hover span {
        text-shadow: 0 0 4px #fee71b, 0 0 2px #fee71b;
    }

    .nav ul li.active > a .navTxt,
    .nav ul li a:hover .navTxt {
        text-shadow: 0 0 5px #fee71b, 0 0 5px #fee71b, 0 0 2px #fee71b
    }

html:lang(zh-cn) .nav ul li a {
    font-family: "Microsoft Yahei";
}

.mobile-mid-aut {
    display: none;
}


/*icon NAv*/
.sprite {
    background: url(/Content/images/navicons/nav-sprite.png) no-repeat;
    display: inline-block;
}

.icon-home {
    background-position: 0 0;
    height: 35px;
    width: 34px;
}

.icon-mobile {
    background-position: -5px -39px;
    height: 35px;
    width: 19px;
}

.icon-products {
    background-position: 0px -79px;
    height: 35px;
    width: 34px;
}

.icon-promotion {
    background-position: 0px -121px;
    height: 35px;
    width: 28px;
}

.icon-commision {
    background-position: 0px -164px;
    height: 35px;
    width: 35px;
}

.icon-how-it-works {
    background-position: 0px -205px;
    height: 35px;
    width: 35px;
}

.icon-go-to {
    background-position: 0px -241px;
    height: 35px;
    width: 32px;
}


.yellow {
    color: #d4c503 !important;
}

/* login modal */
#loginModal.modal {
    text-align: center;
    padding: 0 !important;
}

    #loginModal.modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

#loginModal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    padding: 0;
}

#loginModal .modal-body {
    padding: 0;
}

#loginModal .modal-content {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.f8-loginform {
    position: relative;
    border: thin solid #24b978;
    padding: 35px 25px 25px;
    max-width: 350px;
    margin: 0 auto;
    border-radius: 8px;
    background: #0b995e;
    background-image: linear-gradient(to bottom, #0b995e, #00360f);
}

    .f8-loginform .close {
        right: 6px;
        top: 8px;
        position: absolute;
        color: #64c69d;
        opacity: 1;
        top: 0;
        text-shadow: none;
        outline: 0 !important;
    }

.f8-logo {
    text-align: center;
    margin-bottom: 35px;
}

    .f8-logo img {
        display: inline-block;
        margin: 0;
    }

.f8-form {
}

.f8-row {
    display: flex;
    align-content: center;
    justify-content: center;
    margin: 20px 0;
}

    .f8-row .ico {
        width: 40px;
        height: 40px;
        color: #fff;
        font-size: 20px;
        background: #0ec07a;
        border-radius: 3px 0 0 3px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .f8-row .f8-field {
        width: calc(100% - 40px);
        border: none;
        background: #fff;
        border-radius: 0 3px 3px 0;
        padding: 0 10px;
        font-size: 14px;
        outline: 0;
        font-family: 'Roboto', sans-serif;
    }

    .f8-row button {
        font: 700 14px/40px 'Roboto', sans-serif;
        color: #222;
        text-transform: uppercase;
        outline: 0;
        border: 0;
        text-align: center;
        display: block;
        margin: 0 auto;
        width: 200px;
        border-radius: 25px;
        background: #fff48e;
        background-image: linear-gradient(to bottom, #fff48e, #fecb1b);
    }

        .f8-row button span {
            align-self: center;
            position: relative;
            top: 4px;
            left: 6px;
        }

    .f8-row .forcheckBox {
        margin-top: 5px;
    }

    .f8-row label {
        font-weight: 400;
    }
/*********************************************
	END
**********************************************/


/*********************************************
	CONTENT PART
**********************************************/
.announcementdiv {
    display: none;
}

/** STICKY PART **/
.how-it-works {
    position: fixed;
    top: 35%;
    left: -250px;
    z-index: 99991;
    width: 250px;
    padding: 5px;
    background: #013c16;
    min-height: 200px;
    display: none;
}

.hiwBan {
    position: absolute;
    z-index: 1;
    top: 0;
    right: -36px;
}

.how-it-works .hiwCont {
    color: #fff;
    background: #013c16;
    left: -250px;
}

    .how-it-works .hiwCont table {
        border-collapse: collapse;
    }

    .how-it-works .hiwCont td {
        padding: 0;
        font-size: 12px;
        font-family: Arial;
    }

        .how-it-works .hiwCont td a {
            padding: 6px 15px;
            display: block;
            color: #fff;
            text-decoration: none;
            background: #028843;
            margin-bottom: 5px;
            text-transform: uppercase;
            transition: all 1s ease;
        }

            .how-it-works .hiwCont td a:hover {
                background: #fee71b;
                background-image: linear-gradient(to right top, #ffc400, #ffca03, #ffd107, #ffd70d, #ffde13, #ffe22c, #fee73d, #feeb4c, #feee65, #fff17c, #fff391, #fff6a6);
                color: #333;
            }

.parent {
    position: relative;
}

.contact-us {
    position: fixed;
    top: 25%;
    right: -250px;
    z-index: 99991;
    width: 250px;
    background: #013c16;
    border-radius: 0 10px 10px 10px;
}

.cuBan {
    position: absolute;
    top: -7px;
    left: -70px;
    z-index: 99;
    color: #fff;
}

    .cuBan img {
        display: block;
    }

.contact-us .cuCont {
    position: relative;
    overflow: hidden;
    color: #fff;
    padding: 3px;
    background: rgba(0,0,0,0.1);
    border-radius: 0 10px 10px 10px;
    z-index: 9;
}

    .contact-us .cuCont::before {
        content: "";
        position: absolute;
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(1,255,34,1) 100%);
        top: -50%;
        left: -50%;
        width: 250px;
        height: 380px;
        animation: border-rotate 6s linear infinite;
        transform-origin: bottom right;
    }

    .contact-us .cuCont::after {
        content: "";
        position: absolute;
        background: rgb(255,255,255);
        background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(1,255,34,1) 100%);
        bottom: -50%;
        right: -50%;
        width: 250px;
        height: 380px;
        animation: border-rotate 6s linear infinite;
        transform-origin: top left;
    }

@keyframes border-rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.sb-container {
    position: relative;
    overflow: hidden;
    background: url(/Content/images/sidebar-bg.jpg) no-repeat center;
    background-size: cover;
    border-radius: 0 10px 10px 10px;
    z-index: 1;
}

.sb-list {
    display: block;
    padding: 7px 12px;
}

.contact-us .cuCont .blockAnchor {
    display: block;
    text-align: left;
    padding-left: 10px;
    text-decoration: none;
    color: #fff;
    height: 33px;
    line-height: 33px;
    border-radius: 10px;
    background: rgba(0,0,0,0.5);
}

        /*.contact-us .cuCont .blockAnchor:hover {
            background: #fee71b;
            background-image: linear-gradient(to right top, #ffc400, #ffca03, #ffd107, #ffd70d, #ffde13, #ffe22c, #fee73d, #feeb4c, #feee65, #fff17c, #fff391, #fff6a6);
            color: #333;
        }*/

.contact-us .cuCont .blockAnchor:not(:last-child) {
    margin-bottom: 7px;
}

.blockAnchor.viber-qr,
.blockAnchor.whatsapp-qr {
    transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    overflow: hidden;
}

    .blockAnchor.whatsapp-qr:hover,
    .blockAnchor.viber-qr:hover {
        height: 200px;
        /*background: #00562a;*/
    }

    .blockAnchor.whatsapp-qr p,
    .blockAnchor.viber-qr p {
        text-align: center;
        /*margin-top: 10px;*/
    }

        .blockAnchor.whatsapp-qr p img,
        .blockAnchor.viber-qr p img {
            max-width: 100%;
            max-height: 150px;
        }

/*.topIcon {
    padding: 5px 10px;
    vertical-align: middle;
}*/

    .topIcon .img {
        vertical-align: middle;
    }

    .topIcon span {
        float: right;
        height: auto;
        width: 120px;
        text-align: center;
        margin-top: 10px;
        line-height: 25px;
    }

html:lang(en-us) .topIcon span {
    line-height: normal;
}

.topIcon span b {
    font-size: 20px;
}

.mid_button {
    text-align: center;
}

    .mid_button a {
        border-radius: 3px;
        background: #fee71b;
        color: #272300;
        text-align: center;
        height: 31px;
        width: 109px;
        line-height: 31px;
        display: inline-block;
        font-weight: 900;
        text-transform: uppercase;
        margin-bottom: 5px;
        margin-top: 5px;
    }

@keyframes growlight {
    0% {
        text-shadow: 0 0 0 #fee71b, 0 0 0 #fee71b, 0 0 0 #fee71b;
    }
    50% {
        text-shadow: 0 0 5px #fee71b, 0 0 5px #fee71b, 0 0 2px #fee71b;
    }
    100% {
        text-shadow: 0 0 0 #fee71b, 0 0 0 #fee71b, 0 0 0 #fee71b;
    }
}

.sb-icon {
    display: inline-block;
    width: 23px;
    height: 23px;
    line-height: 23px;
    border-radius: 100%;
    text-align: center;
    margin-right: 10px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
}

.blockAnchor:hover .sb-icon {
    background: none;
    /*border: 1px solid #603e0c;*/
    color: #fff;
    /*text-shadow: 0 0 5px #fee71b, 0 0 5px #fee71b, 0 0 2px #fee71b;*/
    animation: growlight 600ms linear infinite;
}

.sb-text {
    color: #f4dfa6;
    font-weight: 600;
}

.blockAnchor:hover .sb-text {
    color: #fff;
    animation: growlight 600ms linear infinite;
}

    .sb-icon i {
        font-size: 13px;
    }

.blockAnchor.sb-email:hover {
    background: linear-gradient(180deg, #52ffb8 0%, #12cf23 100%);
}

.blockAnchor.sb-phone:hover {
    background: linear-gradient(180deg, #56ff89 0%, #00aa33 100%);
}

.blockAnchor.sb-skype:hover {
    background: linear-gradient(180deg, #7b83eb 0%, #4b53bc 100%);
}

.blockAnchor.sb-line:hover {
    background: linear-gradient(180deg, #29f47c 0%, #00b300 100%);
}

.blockAnchor.sb-telegram:hover {
    background: linear-gradient(180deg, #8AFFF8 0%, #008FFD 100%);
}

.blockAnchor.sb-whatsapp:hover {
    background: linear-gradient(180deg, #00FF8B 0%, #01FF22 100%);
}

.blockAnchor.sb-viber:hover {
    background: linear-gradient(180deg, #DE5AFF 0%, #7F21D3 100%);
}

.blockAnchor.sb-twitter:hover {
    background: linear-gradient(180deg, #333 0%, #000 100%);
}

.blockAnchor.sb-skype {
    pointer-events:none;
}

.sb-email .sb-icon {
    background: linear-gradient(180deg, #52ffb8 0%, #12cf23 100%);
}

.sb-phone .sb-icon {
    background: linear-gradient(180deg, #56ff89 0%, #00aa33 100%);
}

.sb-skype .sb-icon {
    background: linear-gradient(180deg, #7b83eb 0%, #4b53bc 100%);
}

.sb-line .sb-icon {
    background: linear-gradient(180deg, #29f47c 0%, #00b300 100%);
}

.sb-telegram .sb-icon {
    background: linear-gradient(180deg, #8AFFF8 0%, #008FFD 100%);
}

.sb-whatsapp .sb-icon {
    background: linear-gradient(180deg, #00FF8B 0%, #01FF22 100%);
}

.sb-viber .sb-icon {
    background: linear-gradient(180deg, #DE5AFF 0%, #7F21D3 100%);
}

.sb-twitter .sb-icon {
    background: linear-gradient(180deg, #333 0%, #000 100%);
}

.sb-phone-height {
    height: auto !important;
}

.ml-36 {
    margin-left: 36px;
}
/*.iconContact {
    background: url(/Content/images/contactSprite.png) no-repeat;
    display: inline-block;
}

.iconMail {
    width: 22px;
    height: 18px;
    background-position: 0 0;
    vertical-align: middle;
}

.iconPhone {
    width: 24px;
    height: 16px;
    background-position: 0 -21px;
    vertical-align: middle;
}

.iconViber {
    width: 24px;
    height: 24px;
    background-position: 0 -40px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.iconSkype {
    width: 25px;
    height: 25px;
    background-position: 0 -67px;
    vertical-align: middle;
    margin-bottom: 4px;
}

.iconQQNew {
    width: 25px;
    height: 25px;
    background-position: -25px -27px;
    vertical-align: middle;
    margin-bottom: 4px;
}

.iconZolo {
    width: 24px;
    height: 24px;
    background-position: 0 -95px;
    vertical-align: middle;
    margin-bottom: 4px;
}

.iconTelegram {
    width: 24px;
    height: 24px;
    background-position: 0 -124px;
    vertical-align: middle;
    margin-bottom: 4px;
}

.iconWhatsapp {
    width: 24px;
    height: 26px;
    background-position: 0 -152px;
    vertical-align: middle;
    margin-bottom: 4px;
}

.iconLine {
    width: 24px;
    height: 24px;
    background-position: -25px 0px;
    vertical-align: middle;
}

.iconLiveChat {
    width: 25px;
    height: 25px;
    background-position: 0 -183px;
    vertical-align: middle;
    margin-bottom: 4px;
}*/
.contact-us .cuCont table {
    border-collapse: collapse;
}

.contact-us .cuCont td {
    padding: 0;
    font-size: 15px;
    font-family: Arial;
}

html:lang(zh-cn) .contact-us .cuCont td {
    font-family: "Microsoft Yahei";
}

.contact-us .cuCont td a {
    padding: 6px 15px;
    display: block;
    color: #fff;
    text-decoration: none;
}

    .contact-us .cuCont td a:hover {
        background: #fee71b;
        color: #333;
    }


.mascot-fixed {
    display: none;
    position: absolute;
    width: 90px;
    height: 90px;
    bottom: 115%;
    background: url(/Content/images/home/com-gif-maker-unscreen.gif) no-repeat top center;
    background-size: contain;
    transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    z-index: 99;
}

/****************************
	 HOME
*****************************/
.contentHome {
    position: relative;
    background: url(/Content/images/home/affiliate-casino1.jpg) top center no-repeat;
    background-size: cover;
    height: 100%;
    overflow: hidden;
}

    .contentHome img {
        max-width: 100%;
    }

.video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

    .video-background video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

@media (max-width:1200px) {
    .video-background {
        display: none;
    }
}

/*fix slider on first load*/
.bxslider {
    display: none;
}

        .bxslider.slick-initialized {
            display: block;
        }
    /*end fix slider on first load*/


    .homeSlider {
        position: relative;
    }

        .homeSlider .bxslider {
            margin: 0;
        }

    .bxslider {
        z-index: 1;
    }

    .parentSlide {
        position: relative;
        /*min-height:480px;*/
    }

    .mainslider .slick-dots {
        display: block;
        position: absolute;
        bottom: 25px;
        width: unset;
        right: 18%;
        text-align: end;
    }

        .mainslider .slick-dots li {
            display: block;
            margin-bottom: 5px;
            width: 20px;
            height: 20px;
        }

            .mainslider .slick-dots li button {
                width: 20px;
                height: 20px;
            }

                .mainslider .slick-dots li button:before {
                    color: white;
                    opacity: .45;
                    content: '';
                    background: white;
                    width: 20px;
                    height: 20px;
                    border-radius: 50%;
                }

            .mainslider .slick-dots li.slick-active button:before {
                opacity: 1;
            }


    .childImg {
        /*position:absolute;
	left:0;
	top:0;
	height:auto;
	width:auto;*/
        float: left;
        height: 475px;
    }

    .adjustSize .noAdjustment {
        transform: scale(0.9)
    }

    .childImg .noAdjustment {
        max-width: none;
        width: auto;
        height: auto;
    }

    .childImg .left-pull {
        margin-left: -38px;
    }

    .childImg .left-pull-2 {
        margin-left: -138px;
    }

    .businessman {
        max-width: 379px !important;
    }

    .childSlide {
        /*position: absolute;
        right: 11%;
        top: 5%;*/
        color: #fff;
        font-family: 'AvertaDemo-ExtraBoldItalic';
        /* text-align: right; */
        /*z-index: 99999999999999;*/
        /*width: 61%;*/
        /*float:right;
        width:50%;*/
        height: 475px;
        text-align: center;
        padding-top: 10px;
    }

    html:lang(zh-cn) .childSlide {
        font-family: "Microsoft Yahei";
    }

    .childOne {
        font-size: 36px;
    }

    .childTwo {
        font-size: 86px;
        line-height: 55px;
    }

        .childTwo .eighteight {
            color: #fee71b;
        }

    .childThree {
        font-size: 94px;
        line-height: 90px;
        color: #028843;
    }

        .childThree span {
            color: #fff;
        }

    .childFour {
        font-size: 15px;
        font-family: Arial;
        margin-top: 20px;
    }


    .childFive {
        font-size: 56px;
        line-height: 55px;
    }

        .childFive .eighteight {
            color: #fee71b;
        }

    .childSix {
        font-size: 96px;
        line-height: 90px;
    }

        .childSix .eighteight {
            color: #fee71b;
        }


    /*.slider1 {
        width: 100%;
        background: url(/Content/images/home/affiliate-casino1.jpg) no-repeat center top;
        background-size: cover;
    }*/

    .slider2 {
        width: 100%;
        background: url(/Content/images/home/affiliate-casino2.jpg) no-repeat;
        background-size: cover;
    }

    .slider3 {
        width: 100%;
        background: url(/Content/images/home/affiliate-casino3.jpg) no-repeat;
        background-size: cover;
    }

    .contHomeDiv {
        display: block;
        width: 1200px;
        /*margin: 0px auto 45px auto;*/
        margin: 0px auto 0px auto;
        z-index: 1 !important;
        padding-bottom: 45px;
        font-size: 0;
        text-align: center;
    }

    .contBoxHome {
        display: inline-block;
        width: 33.33333333%;
        height: 200px;
        font-size: 16px;
        color: #fff;
        z-index: 1;
        position: relative;
        transition: all 400ms ease;
        -webkit-transition: all 400ms ease;
        text-decoration: none;
        overflow: hidden;
        cursor: pointer;
    }

        .contBoxHome:hover,
        .contBoxHome.active {
            color: #fff;
            transform: scale(1.04);
            -webkit-transform: scale(1.04);
            -webkit-box-shadow: 0px 0px 8px 5px rgb(121, 237, 172);
            -moz-box-shadow: 0px 0px 8px 5px rgb(121, 237, 172);
            box-shadow: 0px 0px 8px 5px rgb(121, 237, 172);
            z-index: 2;
        }

        .contBoxHome img {
            max-width: 100%;
            transition: all 400ms ease;
            -webkit-transition: all 400ms ease;
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
        }


        .contBoxHome:last-child {
            margin-right: 0;
        }

    .txtContBox {
        background: rgba(0,0,0,0.8);
        position: absolute;
        text-align: center;
        padding: 10px 0;
        width: 100%;
        bottom: 0;
        left: 0;
    }

    .contBoxHome .txt1 {
        font-size: 18px;
        font-style: italic;
        padding-left: 10px;
        padding-top: 5px;
    }

    .contBoxHome .txt2 {
        font-size: 25px;
        font-weight: bold;
        font-style: italic;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    /*HOME SLIDER TEXT*/
    .childSlide .AffSliderTextOne:first-child {
        margin-top: 10%;
    }

    .childSlide .AffSliderTextOne {
        font-size: 36px;
        text-align: center;
        display: block;
        /*margin-left:50px;*/
    }

    .childSlide .AffSlider2TextOne {
        font-size: 13px;
        max-width: 700px;
        text-align: left;
        padding-left: 25px;
        text-justify: distribute-all-lines;
        line-height: 20px;
    }

    .childSlide .signupBtnAff {
        margin-left: auto;
        margin-right: auto;
        width: 181px;
        margin-top: 20px;
        align-content: center !important;
        display: block;
    }

    .signupBtnAff.addMarginTop {
        margin-top: 80px;
    }

    .childSlide .signupBtnAff.del-margin {
        margin-left: auto;
        margin-right: auto;
        width: 181px;
        margin-top: -10px;
        align-content: center !important;
        display: block;
    }

    .childSlide .signupBtnAff a {
        display: inline-block;
        width: 181px;
        height: 43px;
        line-height: 43px;
        text-align: center;
        color: #fee71b;
        font-weight: bold;
        font-family: Arial;
        font-size: 13px;
        text-decoration: none;
        border: 1px solid #fee71b;
        border-radius: 5px;
        box-shadow: 0 0 5px rgba(0,0,0,0.4);
        margin-top: 10px;
        z-index: 99999 !important;
    }

        .childSlide .signupBtnAff a:hover {
            color: #2b2700;
            background: #fee71b;
            background-image: linear-gradient(to right top,#ffc400,#ffca03,#ffd107,#ffd70d,#ffde13,#ffe22c,#fee73d,#feeb4c,#feee65,#fff17c,#fff391,#fff6a6);
        }

        .childSlide .signupBtnAff a.custom-btn-spacing-a {
            margin-top: 40px;
        }

    .childSlide .AffSlide2textOne:first-child {
        margin-top: 15%;
    }

    .childSlide .AffSlide2textOne {
        font-size: 33px;
        text-align: center;
        display: block;
    }

    .childSlide .AffSlide2textOne2 {
        font-size: 38px;
        text-align: center;
        display: block;
    }

    .childSlide .AffSlide2textTwo {
        font-size: 37px;
        text-align: center;
        color: #fee71b;
        display: block;
    }

    .childSlide .AffSlide2textThree {
        font-size: 45px;
        text-align: center;
        color: #fee71b;
    }

    .childSlide .cont1_OnSlide {
        margin-top: 20%;
        text-align: center;
        color: #fee71b;
        font-size: 44px;
        text-transform: uppercase;
    }

        .childSlide .cont1_OnSlide.b5 {
            margin-top: 20%;
            text-align: center;
            color: #fee71b;
            font-size: 36px;
            text-transform: uppercase;
        }

        .childSlide .cont1_OnSlide.b4 {
            margin-top: 20%;
            text-align: center;
            color: #fee71b;
            font-size: 36px;
            text-transform: uppercase;
        }

    .text-banner {
        margin-top: 20%;
        text-align: center;
        color: #fff;
        font-size: 36px;
        text-transform: uppercase;
    }

        .text-banner.Tether {
            margin-top: 15%;
        }

        .text-banner.promo {
            margin-top: 18%;
        }

        .text-banner img {
            margin: 0 auto;
        }

        .text-banner span {
            color: #fee71b;
        }
.sly4 .text-banner {
    margin-top: 14%;
}
    .sly4 .text-banner img {
        margin-top:40px;
    }

    .sly4 .text-banner.songkran-2024 img {
        margin-top: 135px;
        margin-right: 100px;
    }

    .text-yellow {
        color: #fee71b;
    }

    .hide-newyear {
        display: none;
    }

    @media(max-width: 992px) {
        #headerModal .modal-content.bgGreen .childClose {
            right: 0;
            top: -20px;
            border-radius: 0;
        }
    }

    @media(max-width: 768px) {
        .sly4 .text-banner {
            margin-top: 0;
        }
        .mainslider .slick-dots,
        .bxsliderProducts .slick-dots {
            right: 1% !important;
            top: 40px;
        }

        .slick-dots li {
            display: block;
        }

        .text-banner,
        .text-banner.Tether {
            margin: 0;
            font-size: 14px;
        }

            .text-banner.promo {
                margin: 0;
            }

            .text-banner br {
                margin: 0;
                font-size: 14px;
            }

        .mob-center {
            display: block;
            text-align: center;
            width: 100%;
        }
    }

    .childSlide .cont2_OnSlide {
        text-align: center;
        color: #fff;
        font-size: 36px;
        text-transform: uppercase;
    }

        .childSlide .cont2_OnSlide.b3 {
            text-align: center;
            color: #fff;
            font-size: 16px;
            text-transform: uppercase;
            font-family: 'Averta';
            font-style: italic;
        }

        .childSlide .cont2_OnSlide.b4 {
            text-align: center;
            color: #fff;
            font-size: 15px;
            text-transform: uppercase;
            font-family: 'Averta';
            font-style: italic;
        }

        .childSlide .cont2_OnSlide.b5 {
            text-align: center;
            color: #fff;
            font-size: 16px;
            text-transform: uppercase;
            font-family: 'Averta';
            font-style: italic;
        }
    /*END HOME SLIDER TEXT*/


    .affFunction1 {
        font-size: 34px;
        text-align: center;
        color: #fee71b;
        margin-top: 27%;
        line-height: 1.2;
    }

    .affFunction2 {
        font-size: 24px;
        text-align: center;
        color: #fff;
    }

    /*
    banner5
*/
    .affFunction1.b5 {
        font-size: 33px;
        text-align: center;
        color: #fee71b;
        width: 600px;
        margin-left: -10%;
    }

        .affFunction1.b5 span {
            font-size: 16px;
            text-align: center;
            color: #fff;
            font-weight: normal;
            line-height: normal;
            font-family: 'Averta';
            font-style: italic;
        }


/****************************
	 CHINA HOME PAGE BANNER
*****************************/
    /*html:lang(zh-cn) .homeSlider {
        background: url(/Content/images/cn-banners/BiMonthly.1.jpg)
    }*/

    .partnerbanner-cn img {
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }

    .aff42percent img {
        max-width: 100%;
        width: 100%;
        display: block;
    }

    .aff42percent .aff42text {
        max-width: 100%;
        width: auto;
        display: block;
        margin: 120px auto 0;
    }

    .offer-mainimg img {
        max-width: 100%;
        display: block;
        width: 100%;
    }

    .offer-copyline img {
        /*width: 96%;*/
        margin: 0 auto;
        /*margin-top: 27%;*/
    }

    .childSlide img {
        margin-top: 120px;
    }

    .childSlide.christmas2019 img {
        margin-top: 80px;
        margin-bottom: 50px;
    }

    @media (max-width: 1600px) {
        .mainslider .slick-dots {
            /*right:25.8%;*/
            right: 11%;
        }
    }

    @media (max-width: 1440px) {
        .mainslider .slick-dots {
            right: 7%;
        }
    }

    @media (max-width: 1366px) {
        .mainslider .slick-dots {
            right: 5%;
        }
    }

    @media (max-width: 768px) {
        .hide-newyear {
            display: block;
        }

        .aff42percent img {
            max-width: 100%;
            display: block;
            width: 90%;
            margin: 0 auto;
        }

        .partnerbanner-cn img {
            max-width: 100%;
            display: block;
            width: 100%;
            /* margin-left: -144px; */
            margin: 0 auto;
        }

        .partnerbanner-cn .margintop {
            max-width: 113%;
            display: block;
            width: 79%;
            margin-left: -144px;
            margin-top: 2%;
            margin: 0 auto;
            margin-top: 27%;
        }

        .offer-mainimg img {
            max-width: 100%;
            display: block;
            width: 100%;
            /* margin-left: -19%; */
        }

        .offer-copyline img {
            width: 76%;
            margin: 0 auto;
            margin-top: 27%;
        }
    }

/****************************
	 END CHINA HOME PAGE BANNER
*****************************/

/****************************
	 REGISTRATION
*****************************/
    .registration-wrapper {
        background: #0a100e url(/Content/images/registration/BG_Join-Now.jpg) no-repeat top center;
        background-position-y: 13%;
        height: 100%;
    }

    .img-ban1 {
        margin: 3% 10%;
    }

        .img-ban1 p {
            color: #fff;
            margin: 0;
            font-size: 32px;
            font-family: Tahoma, Arial, Sans-Serif;
            text-transform: uppercase;
        }

        .img-ban1 img {
            /*width: 100%;*/
            height: auto;
            max-width: 400px;
            box-sizing: border-box;
        }

    /* VN */

    html:lang(vi-vn) .img-ban1 p:first-child {
        color: #fff;
    }

    html:lang(vi-vn) .img-ban1 p:nth-child(2) {
        color: #fee71b;
        font-weight: bold;
        font-family: averta, arial, sans-serif;
    }


    .regTextMid {
        margin: 0 10%;
        margin-bottom: 50px;
        font-family: Tahoma, Arial, Sans-Serif;
    }

    html:lang(zh-cn) .regTextMid {
        font-family: "Microsoft Yahei";
    }

    .regTextMid .regTextMidTitle {
        color: #fee71b;
        font-weight: bold;
        font-size: 18px;
    }

    .regTextMid .regTextMidCont {
        line-height: 28px;
        font-size: 16px;
        color: #fff;
    }

        .regTextMid .regTextMidCont span {
            color: #fee71b;
        }

    .regBox {
        padding: 10px;
        /*border-radius: 8px;*/
        border-radius: 0 0 8px 8px;
        background: #dce1dc;
        margin: 0 10%;
        margin-bottom: 35px;
        box-shadow: 0 0px 10px #000;
    }

    .regCont {
        margin-top: 20px;
    }

    .reg-steps {
        width: 938px;
        margin: 0 auto;
        background-color: #005021;
        height: 80px;
        color: #ffffff;
        border-radius: 8px 8px 0 0;
    }

    .step-no {
        width: 50px;
        height: 50px;
        border-radius: 100px;
        background-color: #028843;
        display: inline-block;
        vertical-align: middle;
        padding: 10px;
        font-size: 20px;
    }

    .step-label-cont {
        width: 100%;
        height: 80px;
        padding: 15px;
        opacity: 0.3;
    }

        .step-label-cont label {
            padding-left: 8px;
        }

        .step-label-cont.active {
            opacity: 1;
        }

    html:lang(en-US) .step-label-cont label {
        font-size: 13px;
        word-break: break-word;
        width: 166px;
        vertical-align: bottom;
    }

    .regBoxTitle {
        padding: 5px;
        background: #005021;
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        border-radius: 5px;
        text-transform: uppercase;
    }

        .regBoxTitle img {
            vertical-align: middle;
            margin-right: 10px;
            margin-left: 5px;
        }

    .info {
        color: #505050;
        font-style: italic;
        text-align: center;
        padding: 5px;
        font-size: 11px;
    }

    .info2 {
        color: #505050;
        text-align: center;
        margin-bottom: 5px;
        font-size: 11px;
    }

    .contBox {
        margin-bottom: 15px;
    }

    .leftReg {
        text-align: right;
        width: 30%;
        padding: 5px;
        font-size: 12px;
        text-transform: capitalize;
    }

    .rightReg {
        width: 67%;
        margin-left: 10px;
        box-sizing: border-box;
    }

        .rightReg img {
            vertical-align: middle;
        }

        .rightReg input[type=text], .rightReg select, .rightReg input[type=password] {
            height: 25px;
            box-sizing: border-box;
            border: 1px solid #a0a0a0;
            padding-left: 10px;
        }

        .rightReg textarea {
            min-height: 50px;
            border: 1px solid #999;
        }

        .rightReg .phone1 {
            width: 60px;
        }

    #currency, #lang {
        width: 65%;
    }

    #month, #day, #year {
        /*width: 21.4%; edited 03-21-19*/
        width: 21.25%;
    }

    #phone2 {
        width: 54.5%;
    }

    #social1 {
        margin-right: 1%;
    }

    #social2 {
        /*width: 46.5%; edited 03-21-19 */
        width: 49%;
    }

    .checkav {
        height: 25px;
        background: #005021;
        color: #fff;
        border: none;
        text-transform: capitalize;
    }

    .r {
        text-align: center;
    }

    #accept {
        vertical-align: middle;
    }

    label {
        display: inline-block;
    }

    .forSubmit {
        text-align: center;
        margin-bottom: 20px;
    }

    .frmSubmit {
        background: #fee71b;
        color: #3a2302;
        width: 176px;
        height: 34px;
        line-height: 34px;
        border: none;
        font-family: Tahoma, Arial, Sans-Serif;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
    }

    html:lang(zh-cn) .frmSubmit {
        font-family: "Microsoft Yahei";
    }

    .frmRegisterSubmit {
        background: #fee71b;
        color: #3a2302;
        width: 176px;
        height: 34px;
        line-height: 34px;
        border: none;
        font-family: Tahoma, Arial, Sans-Serif;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
        font-weight: 700;
    }

    html:lang(zh-cn) .frmRegisterSubmit {
        font-family: "Microsoft Yahei";
    }

    .btnReg-next, .btnReg-next2, .btnReg-prev, .btnReg-prev2 {
        display: inline-block;
        background: #fee71b;
        color: #3a2302;
        width: 176px;
        height: 34px;
        line-height: 34px;
        border: none;
        font-family: Tahoma, Arial, Sans-Serif;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
        font-weight: 700;
    }

    html:lang(zh-cn) .btnReg-next, html:lang(zh-cn) .btnReg-next2 {
        font-family: "Microsoft Yahei";
    }

    /*VALIDATION*/
    .okcheck, .okcross {
        display: none;
    }
    /**Tooltips**/
    .input:focus + .tooltips {
        display: inline-block;
    }

    .tooltips {
        font-family: Tahoma, Arial, Sans-Serif;
        display: none;
        position: absolute;
        margin-left: 50px;
        padding-left: 10px;
        background: url(/Content/images/registration/triangle.png) no-repeat top left;
        background-position: 0px 8px;
        z-index: 1;
    }

    .regBox .tooltips {
        font-family: Tahoma, Arial, Sans-Serif;
        display: none;
        position: static;
        background: none;
        z-index: 1;
        width: 65%;
        margin: 0;
        padding: 0;
    }

    html:lang(zh-cn) .tooltips {
        font-family: "Microsoft Yahei";
    }

    html:lang(zh-cn) .regBox .tooltips {
        font-family: "Microsoft Yahei";
    }

    .tooltips p {
        background: #fff;
        font-size: 12px;
        width: 200px;
        height: auto;
        margin: 0;
        color: #444;
        text-align: left;
        padding: 8px 15px 8px 15px;
    }

    .regBox .tooltips p {
        color: red;
        background: none;
        font-size: 11px;
        width: auto;
        height: auto;
        margin: 0;
        text-align: left;
        padding: 0;
    }

    .tooltips p span {
        /*display: block;
        padding: 0px;
        text-align: left;
        color: #fffc00;
        font-weight: bold;*/
    }

    .tooltips .short {
        font-weight: bold;
        color: #FF0000;
        font-size: larger;
    }

    .tooltips .weak {
        font-weight: bold;
        color: #ffa800;
        font-size: larger;
    }

    .tooltips .good {
        font-weight: bold;
        color: #ffa800;
        font-size: larger;
    }

    .tooltips .strong {
        font-weight: bold;
        color: green;
        font-size: larger;
    }

/*****************
	ABOUT US
*****************/
    .contentAbout {
        background: url(/Content/images/about/new-about-bg.jpg) top center no-repeat #052b14;
        /*background-size: cover;*/
        /*padding-top: 550px;*/
        padding-top: 60px;
        padding-bottom: 46px;
    }

    ul.ip-cta {
        margin: 0 0 50px;
        padding: 0;
        list-style: none;
        font-size: 0;
        text-align: center;
    }

        ul.ip-cta li {
            display: inline-block;
            vertical-align: middle;
            margin: 0 1.75%;
        }

            ul.ip-cta li:first-child {
                margin-left: 0;
            }

            ul.ip-cta li:last-child {
                margin-right: 0;
            }

            ul.ip-cta li a {
                display: block;
                font: 16px/45px Roboto, sans-serif;
                color: #fff;
                width: 230px;
                text-transform: uppercase;
                text-align: center;
                background: #0ec083;
                background-image: linear-gradient(to bottom, #0ec083, #015e47);
                box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
                border-radius: 25px;
                transition: 300ms ease;
            }

                ul.ip-cta li.active a,
                ul.ip-cta li a:hover {
                    color: #222;
                    font-weight: 700;
                    background: #fff48e;
                    background-image: linear-gradient(to bottom, #fff48e, #fecb1b);
                }

    .aboutWrap {
        background: url(/Content/images/about/new-about-content-bg.png) 0 0 no-repeat;
        background-size: cover;
        width: 100%;
        max-width: 1330px;
        margin: 0 auto;
        padding: 40px 30px;
        border-radius: 4px;
        overflow: hidden;
        border: thin solid #136c3c;
    }

        .aboutWrap h3 {
            font: 700 20px Roboto, sans-serif;
            color: #fee71b;
            margin: 0 0 13px;
            text-transform: uppercase;
        }

        .aboutWrap p {
            font: 400 14px Roboto, sans-serif;
            color: #fff;
            margin: 0 0 50px;
        }

        .aboutWrap ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .aboutWrap ul li {
                display: block;
                font: 400 14px/1.7 Roboto, sans-serif;
                color: #fff;
                margin: 14px 0 0;
                padding: 0 0 0 40px;
                position: relative;
            }

                .aboutWrap ul li:first-child {
                    margin-top: 0;
                }

                .aboutWrap ul li:before {
                    background: url(/Content/images/products/check-new.png) top center no-repeat;
                    display: block;
                    width: 25px;
                    height: 22px;
                    clear: both;
                    content: '';
                    position: absolute;
                    top: 1;
                    left: 0;
                }
/**********************
	END ABOUT US
**********************/

/*********************
	PRODUCT PAGE
**********************/
    .contentProducts {
        background: #083520;
        /*background: #1b1b1b;
        background: #030d08 url(/Content/images/products/affiliate_product-bg.jpg)center top no-repeat;
        background-size: cover;*/
    }

    .contProdSlide {
        /*background:url(/Content/images/prodBg.jpg) repeat;*/
        padding-bottom: 1px;
    }

        .contProdSlide .bx-pager {
            display: inline-block !important;
            width: auto !important;
            padding: 0 !important;
            right: 20px !important;
            bottom: 20px !important;
            height: auto !important;
        }

        .contProdSlide .bx-wrapper .bx-pager.bx-default-pager a {
            width: 15px;
            height: 15px;
            border-radius: 50px;
            box-shadow: 0 0 10px #fff;
        }

    .contProd {
        padding: 20px;
    }

    .contProdSlide .container {
        max-width: 1541px;
    }

    .contProd .container {
    }

    .prodBox {
        color: #fff;
        float: left;
        width: 50%;
        margin-bottom: 0px;
        min-height: 250px;
        padding: 20px;
    }

    html:lang(vi-vn) .prodBox {
        min-height: 280px;
    }

    .prodBox:nth-child(even) {
        /*border-left: 1px #333 solid;*/
    }

        .prodBox:nth-child(even):last-child {
            border-bottom: none;
        }

    .prodBox:nth-child(5) {
        border: none;
    }

    .prodTitle {
        color: #fee71b;
        font-size: 25px;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    ul.prodContent {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        ul.prodContent li {
            background: url(/Content/images/products/check.png) left top no-repeat;
            padding: 5px 0 5px 30px;
            font-size: 14px;
        }


    /* Fix the dots on refresh */
    .bxsliderProducts .slick-dots {
        right: 30px;
        opacity: 0;
        animation: dotDelay 100ms ease-out 300ms forwards;
    }

    @keyframes dotDelay {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }
/************************
	END PRODUCT PAGE
*************************/

    .parentSlide .font-35px {
        font-size: 35px;
    }

    .parentSlide .font-60px {
        font-size: 60px;
    }

    .parentSlide .font-91px {
        font-size: 91px;
    }

    .pull-right-138px {
        margin-left: -138px;
    }

/*********************
	MOBILE PAGE
**********************/
    body.page-mobile {
        background: #000;
    }

    .contentMobile {
    }

    .mobQr {
        max-width: 1200px;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        margin: 20px auto 40px;
    }

        .mobQr div img {
            display: block;
            max-width: 100%;
            flex-basis: 33%;
        }

    .mobCont {
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        font-style: italic;
    }

    .topTitle {
        margin-bottom: 40px;
    }

    .divbtnMob {
        padding-bottom: 80px;
    }

    .btnMob {
        width: 230px;
        height: 46px;
        margin: 0 auto;
        line-height: 46px;
        text-decoration: none;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        background: #03732b;
        background-image: linear-gradient(to right bottom,#048e6a,#0a8a64,#0e865e,#128259,#157e53,#1e8653,#288d52,#339551,#4aaa53,#64bf54,#80d452,#9ee84f);
        border-radius: 4px;
    }

    .btnPromo {
        display: block;
        text-align: center;
        color: black;
        width: 170px;
        height: 46px;
        margin: 0 auto;
        line-height: 46px;
        text-decoration: none;
        font-size: 18px;
        font-weight: bold;
        background: #fee71b;
        background-image: linear-gradient(to right top, #ffc400, #ffca03, #ffd107, #ffd70d, #ffde13, #ffe22c, #fee73d, #feeb4c, #feee65, #fff17c, #fff391, #fff6a6);
        border-radius: 25px;
    }

/*************************
	END PRODUCT PAGE
**************************/

/*************************
	PROMOTION PAGE
**************************/
    body.page-promotion {
        background: #030303;
    }

    .contentPromotion {
        background: url(/Content/images/home/newbgpromotion.png ) top center no-repeat;
        min-height: 750px;
    }

    .newcontentPromotionWrapper {
        background: linear-gradient(to right, #000,#041a0f,#307552, #041a0f, #000);
        height: auto;
        padding-bottom: 20px;
    }

    .Promotion-wrap {
        max-width: 1572px;
        width: 100%;
        margin: 0 auto;
    }

    .Promotion-banner {
        position: relative;
        padding-top: 108px;
        padding-bottom: 160px;
    }

        .Promotion-banner .text {
            float: left;
            padding-left: 24px;
            position: relative;
            z-index: 2;
        }

            .Promotion-banner .text h1 {
                font: italic 700 78px Arial;
                margin: 0 0 7px;
                color: #d9d921;
                text-transform: uppercase;
            }

            .Promotion-banner .text h2 {
                font: italic 700 48px Arial;
                margin: 0 0 7px;
                color: #d9d921;
                text-transform: uppercase;
            }

            .Promotion-banner .text h4 {
                font: italic 700 28px Arial;
                color: #fff;
                margin: 0;
                text-transform: uppercase;
            }

            .Promotion-banner .text h5 {
                font: italic 700 38px Arial;
                margin: 0 0 7px;
                color: #d9d921;
                text-transform: uppercase;
            }

            .Promotion-banner .text ul {
                margin: 34px 0 0;
                padding: 0 0 0 26px;
                list-style: none;
            }

                .Promotion-banner .text ul li {
                    color: #fff;
                    font: italic 700 48px Arial;
                    margin: 0;
                    padding: 11px 0 0 77px;
                    text-transform: uppercase;
                    position: relative;
                }

                    .Promotion-banner .text ul li:before {
                        clear: both;
                        content: '';
                        display: block;
                        position: absolute;
                        width: 77px;
                        height: 59px;
                        left: 0;
                        top: 0;
                        background: url(/Content/images/commission/icon-check.png) 0 0 no-repeat;
                    }

        .Promotion-banner .img {
            position: absolute;
            z-index: 1;
            width: 1017px;
            top: 100px;
            right: 0;
        }

            .Promotion-banner .img img {
                display: block;
                margin: 0;
                max-width: 100%;
                float: right;
            }

    .promotion {
        padding-left: 24px;
        padding-right: 24px;
    }

        .promotion .inner {
            padding: 0 48px;
        }

        .promotion h2 {
            font: italic 700 35px Arial;
            color: #fee71b;
            margin: 0 0 45px;
            text-transform: uppercase;
        }

        .promotion h4 {
            color: #fee31b;
            font: italic 700 25px Arial;
            margin: 0 0 30px;
            text-transform: uppercase;
        }

        .promotion p {
            color: #fff;
            line-height: 28px;
            margin-bottom: 15px;
        }

        .promotion li {
            color: #fff;
            line-height: 28px;
        }

    #Extra-Bonus {
        margin-bottom: 50px;
    }

    table.promoTbl {
        width: 100%;
        border-collapse: collapse;
        margin: 0 0 20px 0;
    }

    .promoTbl tr th {
        border: 1px solid #444;
        text-align: center;
        padding: 5px;
        background: #028843;
        font-size: 14px;
        color: #fff;
    }

    .promoTbl tr td {
        border: 1px solid #444;
        text-align: center;
        padding: 5px;
        background: #fff;
        font-size: 14px;
        color: #333;
    }

    .tblRemove {
        width: 100%;
        border-collapse: collapse;
        border: 1px solid red;
    }

        .tblRemove thead tr th {
            background: #028843;
            border: 1px solid #666;
            padding: 8px;
            text-align: center;
            color: #fff;
        }

        .tblRemove tbody tr td {
            background: #fff;
            border: 1px solid #666;
            padding: 8px;
            text-align: center;
            color: #000;
        }
    /*
    NEW CODE FOR PROMOTION PAGE
*/
    .contBord a {
        cursor: pointer;
    }

    .NegativeCommission {
        width: 50%;
        padding-left: 5px;
        float: left;
    }

        .NegativeCommission img, .ExtraBonus img, .commisionRate img {
            width: 100%;
            height: auto;
        }

    .ExtraBonus {
        width: 50%;
        padding-right: 5px;
        float: left;
    }

    .NegativeCommission, .ExtraBonus, .commisionRate {
        margin-bottom: 10px;
    }


    /* NEW PROMOTION */

    /*World Cup Promotion*/

    #wc2022-promo a.btn-promo-join2 {
        box-shadow: none;
    }

    .wc-table thead tr th:first-child {
        min-width: 110px;
    }

    .wc-table thead tr th:last-child {
        width: 40%;
    }

    .wc-promo-ul img {
        height: 16px;
    }

    .wc-promo-htj {
        text-align: center;
        color: #00e267;
        text-transform: uppercase;
        margin: 15px auto;
        font-size: 20px;
    }

    a.under-day {
        text-decoration: underline;
        color: #00e267;
    }

    a.btn-promo-join {
        display: inline-block;
        width: 152px;
        height: 50px;
        margin: 10px 0;
        text-align: center;
        color: white;
        padding: 10px 15px;
        border-radius: 5px;
        font-weight: 100;
        transition: all 200ms ease-in-out;
        box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5);
        background: url(/Content/images/wc-promo-btn1.png) no-repeat top center;
        background-size: contain;
        color: #fff;
    }

    a.btn-promo-join2 {
        display: inline-block;
        width: 77px;
        height: auto;
        text-align: center;
        color: white;
        border-radius: 5px;
        font-weight: 100;
        transition: all 200ms ease-in-out;
        box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5);
        background: url(/Content/images/wc-promo-btn1.png) no-repeat top center;
        background-size: contain;
        color: #fff;
    }

    a.btn-promo-join3 {
        display: inline-block;
        width: 100px;
        height: 50px;
        text-align: center;
        color: white;
        border-radius: 5px;
        font-weight: 100;
        transition: all 200ms ease-in-out;
        box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5);
        background: url(/Content/images/wc-promo-btn1.png) no-repeat top center;
        background-size: contain;
        color: #fff;
    }

    a.btn-promo-join:hover, a.btn-promo-join2:hover {
        animation: shakeWc 0.82s cubic-bezier(.36,.07,.19,.97) both;
        transform: translate3d(0, 0, 0.8);
        perspective: 1000px;
    }

    a.btn-promo-join span, a.btn-promo-join2 span {
        display: block;
        margin-top: -4px;
        margin-left: -14px;
        font-size: 18px;
    }

    .wc-table .tblRemove tr th {
        color: #fee71b;
    }

    .wc-table .tblRemove tbody tr td,
    .wc-table .tblRemove thead tr th {
        border: 1px solid #3fea92;
    }


    @keyframes shakeWc {
        10%, 90% {
            transform: translate3d(-1px, 0, 0);
        }

        20%, 80% {
            transform: translate3d(2px, 0, 0);
        }

        30%, 50%, 70% {
            transform: translate3d(-2px, 0, 0);
        }

        40%, 60% {
            transform: translate3d(2px, 0, 0);
        }
    }
    /*End Worldcup Promotion*/



    .promoTitle {
        text-align: center;
    }

    .promotionImg {
        position: relative;
        padding: 0 30px;
        cursor: pointer;
    }
       
        .promotionImg > p {
            position: relative;
            display: block;
            width: 100%;
        }
            .promotionImg > p::after {
                content: "";
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                background: url(/Content/images/promotion/promo-thumb-shadow.png) center center no-repeat;
                background-size: 100% 100%;
                z-index: 0;
            }
            .promotionImg > p img {
                position: relative;
                width: 100%;
                z-index: 2;
            }


        .promotionDataContent {
            background-color: rgba(0,0,0,0.7);
            padding: 20px 60px;
            width: 85%;
            margin-left: 60px;
            margin-top: -21px;
            color: #fff;
            position: relative;
            top: 0;
            display: none;
            line-height: 28px;
            margin-bottom: 15px;
            font-size: 16px;
        }

        .promotionDataContent ul li {
            /*line-height:35px;*/
            font-size: 14px;
        }

    .promotionDataContentTitle {
        color: #fee71b;
        font-family: inherit;
    }

    /* CHRISTMAS PROMOTION */
    .title-christmas {
        text-align: center;
        color: #fee71b;
        margin-bottom: 20px;
    }

    /** TABLE STYLE **/
    .promotionDataContent ul li table.tableStyle {
        display: inline-block;
    }

        .promotionDataContent ul li table.tableStyle tbody, .promotionDataContent ul li table.tableStyle th, .promotionDataContent ul li table.tableStyle td {
            border: 1px solid #fff;
            padding: 5px 15px;
            text-align: center;
        }

    .promotionDataContent .tblPromoGrid {
        display: block;
    }

    tableStyle.tsize {
        width: 100%;
    }


    @media (max-width:1199px) {
        .promotionDataContent > img, .promotionImg > img, .promoTitle > img {
            width: 100%;
            height: auto;
        }

        .contentPromotion {
            min-height: initial;
        }

        .promotionDataContent {
            margin-left: 0px;
            width: 100%;
        }

            .promotionDataContent .tblPromoGrid {
                overflow: auto;
            }

            .promotionDataContent .tblRemove {
                min-width: 800px;
                border: 1px solid red;
            }

        .contentPromotion .container {
            width: 100%;
        }
    }



    /* MODAL PROMOTION */
    .promo-popup .modal-xl {
        width: 100%;
        max-width: 1056px;
    }

    .promo-popup .modal-content {
        padding: 15px;
        margin: 0 auto;
    }

    .promo-popup .pop-banner img {
        display: block;
        margin: 0;
        max-width: 100%
    }

    .promo-popup .pop-content {
        padding: 20px 13px 20px;
        color: #333;
        font-family: 'Roboto', sans-serif;
    }

        .promo-popup .pop-content h5 {
            font-size: 12px;
            margin: 0
        }

        .promo-popup .pop-content > p {
            margin: 5px 0 15px;
            font-size: 12px
        }

        .promo-popup .pop-content ol {
            margin: 20px 0 0;
            padding-left: 15px
        }

            .promo-popup .pop-content ol li {
                font: 12px/16px 'Roboto', sans-serif;
                color: #333;
                line-height: 30px;
            }

    /* TABLE INSIDE THE MODAL */
    .closeBtn {
        position: absolute;
        right: -15px;
        top: -15px;
        background: #e6e6e6;
        opacity: 1;
        border: none;
        color: #9c9c9c;
        font-size: 25px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        width: 30px;
        height: 30px;
        padding: 0;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
        z-index: 9;
    }

    table.tnc {
        border-collapse: collapse;
        color: #333;
        font-size: 12px;
        margin: 20px 0;
        border: 1px solid #ccc;
        width: 100%;
    }

        table.tnc th {
            background: #ccc;
            padding: 10px;
            border: 1px solid #ccc;
        }

        table.tnc td {
            padding: 10px;
            background: #f9f9f9;
            border: 1px solid #ccc;
        }

        table.tnc td,
        table.tnc th {
            border-right: thin solid #dedede;
            border-bottom: thin solid #dedede;
            text-align: center;
        }

            table.tnc td:first-child,
            table.tnc th:first-child {
                border-left: none
            }

        table.tnc tbody tr:nth-child(even) {
            background: #f1f1f1;
        }

        table.tnc tbody tr:first-child {
            border-top: none;
        }


/****************************
	END PROMOTION PAGE
*****************************/
    .forgot-pass-wrap {
        background: url(/Content/images/faq/affiliate_FAQ-bg.jpg) center no-repeat;
        background-size: cover;
    }

    .forgotForm {
        padding: 70px 0;
    }

        .forgotForm input[type=text] {
            padding: 8px;
            border: 1px solid #ccc;
            width: 100%;
            margin-bottom: 10px;
        }

        .forgotForm .btnSubmit {
            background: #fee71b;
            color: #262201;
            height: 35px;
            line-height: 35px;
            width: 150px;
            border: none;
            font-size: 13px;
            font-weight: bold;
            border-radius: 4px;
            font-family: Verdana,Arial,Tahoma;
        }

        .forgotForm > table {
            min-width: 500px;
        }

/***************************
	COMMISSION PAGE
****************************/
    body.page-commission {
        background: #080808;
    }

    .contentCommission {
        background: url(/Content/images/Background_Commission.jpg) top center no-repeat;
    }

    .comm-wrap {
        max-width: 1572px;
        width: 100%;
        margin: 0 auto;
    }

    .comm-banner {
        position: relative;
        padding-top: 76px;
        padding-bottom: 80px;
    }

        .comm-banner .text {
            float: left;
            padding-left: 24px;
            position: relative;
            z-index: 2;
        }

            .comm-banner .text h2 {
                font-family: Tahoma, Arial, Sans-Serif;
                font-size: 38px;
                font-weight: bold;
                font-style: italic;
                margin: 0 0 7px;
                color: #d9d921;
                text-transform: uppercase;
            }

            .comm-banner .text h4 {
                font-family: 'Averta', Arial, Sans-Serif;
                font-size: 25px;
                color: #fff;
                margin: 0;
                text-transform: uppercase;
            }

            .comm-banner .text ul {
                margin: 34px 0 0;
                padding: 0 0 0 26px;
                list-style: none;
            }

                .comm-banner .text ul li {
                    color: #fff;
                    margin: 0;
                    padding: 11px 0 0 77px;
                    text-transform: uppercase;
                    position: relative;
                    font-family: Tahoma, Arial, Sans-Serif;
                    font-size: 30px;
                    font-weight: bold;
                }

            .comm-banner .text .li-vn {
                color: #fff;
                font: italic 700 36px Arial;
                margin: 0;
                padding: 11px 0 0 77px;
                text-transform: uppercase;
                position: relative;
            }

            .comm-banner .text ul li:before {
                clear: both;
                content: '';
                display: block;
                position: absolute;
                width: 77px;
                height: 59px;
                left: 0;
                top: 0;
                background: url(/Content/images/commission/icon-check.png) 0 0 no-repeat;
            }

        .comm-banner .img {
            position: absolute;
            z-index: 1;
            width: 1017px;
            top: 100px;
            right: 0;
        }

            .comm-banner .img img {
                display: block;
                max-width: 100%;
                float: right;
                width: 581px;
                margin-top: 18px;
            }

    #comm-plan {
        padding-left: 24px;
    }

        #comm-plan .inner {
            padding: 0 48px;
        }

        #comm-plan h2 {
            font-family: Tahoma, Arial, Sans-Serif;
            font-size: 30px;
            color: #fee71b;
            margin: 0 0 45px;
            text-transform: uppercase;
        }

        #comm-plan h4 {
            color: #fee31b;
            font-family: Tahoma, Arial, Sans-Serif;
            font-size: 25px;
            margin: 0 0 30px;
            text-transform: uppercase;
        }

        #comm-plan .inner > p {
            color: #fff;
            /*font: italic 700 17px/33px Arial;*/
            font-family: Tahoma, Arial, Sans-Serif;
            font-size: 14px;
            margin: 0 0 50px;
        }

    ul.aff-list {
        margin: 0 0 50px;
        padding: 0;
        list-style: none;
    }

        ul.aff-list li {
            color: #fff;
            display: block;
            font-family: Tahoma, Arial, Sans-Serif;
            color: #fff;
            margin: 14px 0 0;
            padding: 0 0 0 40px;
            position: relative;
            font-size: 14px;
        }

            ul.aff-list li:first-child {
                margin-top: 0;
            }

            ul.aff-list li:before {
                background: url(/Content/images/products/check.png) top center no-repeat;
                display: block;
                width: 19px;
                height: 20px;
                clear: both;
                content: '';
                position: absolute;
                top: 0;
                left: 0;
            }

    table.aff-tble {
        background: #2c2c2c;
        border-collapse: collapse;
        width: 100%;
        max-width: 850px;
        margin-bottom: 40px;
        margin-left: 42px;
    }
        table.aff-tble.th {
            margin-left: 15px;
        }

        table.aff-tble th {
            font-family: Tahoma, Arial, Sans-Serif;
            font-size: 16px;
            color: #ffffff;
            border-left: thin solid #03AF57;
            padding: 14px 10px;
            text-align: center;
            background: #028843;
        }

        table.aff-tble tbody td {
            font-family: Tahoma, Arial, Sans-Serif;
            color: #002914;
            font-size: 16px;
            text-align: center;
            vertical-align: middle;
            border-left: thin solid #03AF57;
            padding: 14px 10px;
            background: #ddfbeb;
        }

        table.aff-tble tr {
            border-bottom: thin solid #03af56;
        }
/*******************************
	END COMMISSION PAGE
********************************/

/******************************
	FAQ PAGE
******************************/

    /* faq */
    body.faq {
        //background: #eee !important;
    }

    .faq-header {
        background: #028843;
        text-align: center;
        overflow: hidden;
    }

        .faq-header img {
            display: block;
            max-width: 100%;
            margin: 15px auto;
        }

        .faq-header p {
            color: #028843;
            background: #ffff01;
            margin: 0;
            padding: 4px 0;
            font-size: 17px;
        }

    .faq-content {
        background: url(/Content/images/faq/affiliate_FAQ-bg.jpg) left 0 no-repeat;
        background-attachment: fixed;
        background-size: cover;
        padding: 60px 20px 10px;
    }

    .faq-panel {
        max-width: 1200px;
        margin: 0 auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .faq-accdn {
        margin-top: 25px;
    }

    .accdn-panel {
        padding: 0;
        margin-bottom: 15px;
    }

        .accdn-panel h2 {
            display: block;
            color: #fff;
            cursor: pointer;
            font-family: Robto, sans-serif;
            font-size: 14px;
            padding: 10px 30px;
            text-decoration: none;
            position: relative;
            font-weight: 400;
            margin: 0;
            background: #038744;
            border-radius: 5px;
        }

            .accdn-panel h2::after {
                content: '';
                display: block;
                width: 18px;
                height: 16px;
                position: absolute;
                right: 20px;
                top: 50%;
                transform: translateY(-50%) rotateX(0deg);
                background: url(/Content/images/about/down-arrow-gold.png) center no-repeat;
                background-size: contain;
                transition: 300ms ease-in
            }

            .accdn-panel h2.active,
            .accdn-panel h2:hover {
                background: #028843;
                color: #fff;
            }

                .accdn-panel h2.active::after {
                    transform: translateY(-50%) rotateX(180deg);
                }

        .accdn-panel:first-child h2 {
            border-top: none;
        }

        .accdn-panel .accdn-content {
            padding: 20px 20px;
            font-size: 16px;
            line-height: 23px;
            color: #d1d1d1;
            display: none;
            border-bottom: none;
        }

            .accdn-panel .accdn-content.noanimate {
                display: block;
                border: none !important;
                padding: 0;
            }

                .accdn-panel .accdn-content.noanimate.static,
                .accdn-panel .accdn-content.noanimate.static p {
                    font-size: 14px;
                    line-height: 24px;
                    text-transform: none;
                    font-weight: 400;
                    color: #ffffff;
                }

                    .accdn-panel .accdn-content.noanimate.static p {
                        margin-bottom: 8px;
                    }


            .accdn-panel .accdn-content p {
                margin: 0px 0px 17px 0px;
            }

            .accdn-panel .accdn-content a {
                display: inline;
                color: #fee71b;
            }

            .accdn-panel .accdn-content ul,
            .accdn-panel .accdn-content ol {
                margin: 0;
                padding-left: 20px;
            }

            .accdn-panel .accdn-content ul {
                list-style: disc;
            }

                .accdn-panel .accdn-content ul li {
                    padding-left: 0;
                    display: list-item;
                }

                    .accdn-panel .accdn-content ul li:before {
                        display: none;
                    }

                .accdn-panel .accdn-content ul.custom {
                    list-style: none;
                    margin-left: 5px;
                    padding-left: 5px;
                }

            .accdn-panel .accdn-content table {
                border-color: separate;
                margin: 0 auto;
            }

                .accdn-panel .accdn-content table th {
                    font-weight: 700;
                    border: thin solid #ccc;
                    padding: 5px 10px;
                    text-align: center;
                }

                .accdn-panel .accdn-content table td {
                    border: thin solid #ccc;
                    padding: 5px 10px;
                    text-align: center;
                }

    .noanimate p {
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 700;
        margin: 5px 0 10px;
        color: #fee71b;
    }

    .faq-content.disclaimer .faq-panel {
        //min-height: 573px;
    }
/**********************
	END FAQ PAGE
***********************/

/******************************
	PRIVACY & POLICY PAGE
*******************************/
    .wrapper.priv {
        padding: 20px;
        height: 100%;
    }

    .privCont {
        padding: 40px;
        height: 100%;
    }

    .privPush {
        margin: 20px 0;
    }
/*************************************
	END PRIVACY & POLICY PAGE
**************************************/


/*********************
	FOOTER PART
**********************/
    .footer {
        background: #028843;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        padding: 15px 0 0;
        position: relative;
        overflow: hidden;
        /*background: url(/Content/images/footer-bg2.jpg) top center no-repeat;*/
        /*background-size: cover;*/
        background: linear-gradient(to right, #015e2f 0, #017d3e 35%, #069650 68%, #0ec07a 100%);
    }

        .footer .container {
            max-width: 1171px !important;
        }

        .footer .row {
            margin-bottom: 15px;
        }

        .footer .mb-0 {
            margin-bottom: 0 !important;
        }

        .footer .flex-row {
            display: flex;
            align-items: center;
        }

        .footer .top-row {
            display: flex;
        }

            .footer .top-row > div {
                position: relative;
                display: flex;
                flex-direction: column;
            }

                .footer .top-row > div:before {
                    clear: both;
                    content: '';
                    display: block;
                    width: 1px;
                    height: 165px;
                    position: absolute;
                    top: 20px;
                    left: -30px;
                    background: rgba(255,255,255,.2);
                }

                .footer .top-row > div:first-child:before {
                    display: none;
                }

                .footer .top-row > div > div:first-child {
                    margin-bottom: 15px;
                }

                .footer .top-row > div > div:nth-child(2) {
                    margin-top: auto;
                }

        .footer .ftr-box {
            padding-left: 20px;
        }

        .footer strong {
            font-size: 14px;
            color: #fff172;
            display: block;
            margin-bottom: 7px;
        }

        .footer .ftr-box strong {
            margin-left: -20px;
        }

    /* footer information */
    .ftr-information ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .ftr-information li {
        margin: 0;
        padding: 0;
        max-width: 50%;
        position: relative;
    }

        .ftr-information li:nth-child(4) {
            margin-top: -72px;
        }

            .ftr-information li:nth-child(4),
            .ftr-information li:nth-child(4) ~ li {
                left: 50%;
            }

        .ftr-information li a {
            font-size: 13px;
            color: #d0f3e0;
            display: block;
            padding: 3px 0;
        }

            .ftr-information li a:hover {
                color: #fee71b;
            }

    /* footer payment method */
    .payment-icon-wrap {
        display: flex;
        margin-top: 5px;
        display: flex;
        flex-wrap: wrap;
    }

        .payment-icon-wrap a {
            height: 30px;
            display: flex;
            align-items: center;
            width: 25%;
            margin-bottom: 10px;
        }

            .payment-icon-wrap a:nth-child(even) {
                width: 75%;
            }

    html:lang(en-US) .payment-icon-wrap a:nth-child(even),
    html:lang(vi-vn) .payment-icon-wrap a:nth-child(even) {
        width: 21%;
    }

    .payment-icon-wrap.th {
        margin-top: 0;
    }

    .payment-icon-wrap a.th-bank,
    .payment-icon-wrap a.th-bank:nth-child(even) {
        width: 50%;
    }

    /*.ftr-partner {
        padding-left: 36px;
    }

        .ftr-partner strong {
            margin-left: -36px;
        }*/

    /* footer browsers */
    .ftr-browser span,
    .ftr-security span {
        transform: scale(.85);
    }

    /* footer site logo */
    .ftr-site-logo p {
        margin: 0;
    }

    .ftr-site-logo a,
    .ftr-site-logo span {
        display: inline-block;
        vertical-align: middle;
    }

    .ftr-site-logo a {
        margin-right: 10px;
        overflow: hidden;
        border-radius: 15px;
    }

    .ftr-site-logo img {
        display: block;
        margin: 0;
    }

    .ftr-site-logo span {
        font-size: 12px;
        font-weight: 400;
        /*color: #fff172;*/
        color: #ace7c7;
    }

    /* footer powered by */
    .ftr-powered-by a {
        position: relative;
        display: inline-block;
        width: 124px;
        height: 30px;
        overflow: hidden;
        vertical-align: middle;
    }

    /* footer about */
    .ftr-about p {
        font-size: 13px;
        color: #fff;
        margin-bottom: 0;
        color: #ace7c7;
    }

    .ftr-about a {
        color: #fff172;
    }

    /* footer age limit*/
    .ftr-age p {
        color: #fff;
        font-size: 12px;
        margin-bottom: 0;
        color: #ace7c7;
    }

    .ftr-age img {
        margin-right: 4px;
    }

    .ftr-age a {
        color: currentColor;
    }

    html:lang(zh-cn) .footer {
        font-family: "Microsoft Yahei";
    }

    .cn-footer {
        height: 100%;
        display: inline-block;
    }

    .skrill {
        display: inline-block;
        background: url(/Content/images/footer-img.png);
        background-position: -15px -226px;
        height: 20px;
        width: 42px;
        vertical-align: middle;
    }

    .neteller {
        display: inline-block;
        background: url(/Content/images/footer-img.png);
        background-position: -75px -226px;
        height: 10px;
        width: 64px;
        vertical-align: middle;
    }

    .visa {
        display: inline-block;
        background: url(/Content/images/footer-img.png);
        background-position: -156px -226px;
        height: 16px;
        width: 49px;
        vertical-align: middle;
    }

    .mastercard {
        display: inline-block;
        background: url(/Content/images/footer-img.png);
        background-position: -216px -226px;
        height: 30px;
        width: 51px;
        vertical-align: middle;
    }

    .chrome {
        display: inline-block;
        background: url(/Content/images/footer-img.png);
        background-position: -15px -113px;
        width: 33px;
        height: 34px;
        vertical-align: middle;
    }

    .firefox {
        display: inline-block;
        background: url(/Content/images/footer-img.png);
        background-position: -64px -113px;
        width: 36px;
        height: 34px;
        vertical-align: middle;
    }

    .ie {
        display: inline-block;
        background: url(/Content/images/footer-img.png);
        background-position: -116px -115px;
        width: 33px;
        height: 33px;
        vertical-align: middle;
    }

    .safari {
        display: inline-block;
        background: url(/Content/images/footer-img.png);
        background-position: -165px -113px;
        width: 32px;
        height: 36px;
        vertical-align: middle;
    }

    .i-one {
        display: inline-block;
        background: url(/Content/images/footer-img.png);
        background-position: -10px -283px;
        width: 47px;
        height: 37px;
        vertical-align: middle;
    }

    .i-two {
        display: inline-block;
        background: url(/Content/images/footer-img.png);
        background-position: -75px -283px;
        width: 65px;
        height: 31px;
        vertical-align: middle;
    }

    .i-three {
        display: inline-block;
        background: url(/Content/images/footer-img.png);
        background-position: -158px -283px;
        width: 35px;
        height: 34px;
        vertical-align: middle;
    }

    .i-four {
        display: inline-block;
        background: url(/Content/images/footer-img.png);
        background-position: -213px -282px;
        width: 37px;
        height: 37px;
        vertical-align: middle;
    }

    .i-five {
        display: inline-block;
        background: url(/Content/images/footer-img.png);
        background-position: -272px -283px;
        width: 35px;
        height: 37px;
        vertical-align: middle;
    }

    .i-six {
        display: inline-block;
        background: url(/Content/images/footer-img.png);
        background-position: -323px -292px;
        width: 49px;
        height: 18px;
        vertical-align: middle;
    }

    .pagcor {
        display: inline-block;
        background: url(/Content/images/footer-img.png);
        background-position: 0px -164px;
        width: 207px;
        height: 50px;
        vertical-align: middle;
        transform: scale(.6);
        position: absolute;
        top: -10px;
        left: -40px;
    }

    .verified-secure {
        display: inline-block;
        background: url(/Content/images/footer-img.png);
        background-position: 192px -164px;
        width: 164px;
        height: 50px;
        vertical-align: middle;
        transform: scale(.6);
        position: absolute;
        top: -8px;
        left: -31px;
    }


    #league-logos {
        font-size: 0;
        text-align: center;
        margin: 20px 0;
        display: flex;
    }

        #league-logos a {
            display: inline-block;
            margin: 0 24px 10px;
            position: relative;
            top: 0;
            transition: 200ms ease-in-out;
        }

            #league-logos a:hover {
                top: -4px;
            }

            #league-logos a img {
                display: block;
                margin: 0 auto;
                max-width: 100%;
            }

    .ftr-bottom {
        background: rgba(0,0,0,0.71);
        padding: 14px 0;
        background: linear-gradient(to right, #015e2f 0, #017d3e 35%, #069650 68%, #0ec07a 100%);
    }

        .ftr-bottom .row {
            display: flex;
            align-items: center;
        }

    /*********************************************
	END
**********************************************/
    .btnRefresh {
        background: url(/Content/images/icon-refresh.png) center no-repeat;
        cursor: pointer;
        display: block;
        height: 15px;
        width: 15px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
    }


/************************
	WELCOME PAGE
*************************/
    .welcome-bg {
        background: url(/Content/images/welcome-bg.jpg) no-repeat center;
        background-size: cover;
        min-height: 72vh;
    }

    .welcomeContainer {
        text-align: center;
        padding: 50px;
        font-family: Verdana,Arial,Tahoma;
        color: #fff;
    }

    .container-black {
        background: rgba(0,21,9,0.75);
        width: 545px;
        margin: 0 auto;
        margin-top: 55px;
        padding: 35px;
    }

    .welcomeTitle {
        color: #fee71b;
        font-size: 25px;
        line-height: 10px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .welcomeContainer h2 {
        color: #fff;
        font-weight: 400;
        line-height: 15px;
        font-size: 21px;
    }

    .wlcm-contain {
        /*background: #262626;*/
        width: 483px;
        height: 155px;
        margin-left: auto;
        margin-right: auto;
    }

    .wlcm-prog {
        width: 350px;
        height: 70px;
        margin-left: auto;
        margin-right: auto;
    }

    .img-contain {
        float: left;
        padding: 10px;
    }

    .promo-right {
        float: left;
        width: 50%;
        padding-top: 40px;
        padding-bottom: 30px;
    }

        .promo-right .golden {
            font-size: 13px;
        }

        .promo-right .coms {
            color: #fee71b;
            font-size: 18px;
            line-height: 22px;
            font-weight: bold;
            text-transform: uppercase;
        }

    .note-content {
        width: 525px;
        padding: 20px;
        margin-left: auto;
        margin-right: auto;
    }

/***************************
	END WELCOME PAGE
****************************/


    .morebonus {
        margin-left: 102px;
        margin-top: 189px;
    }

        .morebonus > span {
            color: #fff;
            text-transform: uppercase;
            font-size: 31px;
            line-height: 35px;
            display: block;
            float: left;
            text-align: left;
            margin-right: 10px;
            letter-spacing: 2px;
        }

            .morebonus > span:first-child {
                display: block;
                text-transform: uppercase;
                font-size: 85px;
                float: left;
                color: #fee71b;
                line-height: normal;
                margin-top: -19px;
            }

    .morebonusImg {
        right: initial;
        left: 0;
        display: block;
        margin: 0;
        max-width: 100%;
        position: absolute;
        top: 0;
    }

    .moreplayermobile {
        display: none;
    }

    .moreBonusText {
        float: right !important;
    }

        .moreBonusText > h1 {
            display: block;
            float: left;
            margin-top: 8px !important
        }

        .moreBonusText > h3 {
            display: block;
            float: left;
            color: #fff;
            font: italic 700 30px Arial;
            margin-left: 10px;
        }

    .hide-in-desktop {
        display: none;
    }

    .mobImg > img {
        max-width: 100%;
    }


    .childImportantSub {
        position: absolute;
        top: 5px;
        right: 2%;
        z-index: 999;
        color: #fff;
        font-family: 'Roboto',sans-serif;
        font-weight: 700;
        font-size: 12px;
        text-align: center;
        width: 30px;
        height: 16px;
        line-height: 16px;
        background: red;
        border-radius: 0px;
        -webkit-animation: blinkme ease-in-out 1s infinite;
        animation: blinkme ease-in-out 1s infinite;
    }

/**********************
	   MOBILE
***********************/
    .head-desktop {
        display: block;
    }

    .head-mobile {
        display: none;
    }

    .logo-mobile {
        display: block;
        text-align: center;
        padding: 5px 0;
        height: 60px;
    }

        .logo-mobile a {
            display: inline-block;
        }

            .logo-mobile a img {
                height: 50px;
                margin-top: 0px;
            }

    .headericon-mobile {
        display: inline-block;
        padding: 10px;
        width: 60px;
        height: 60px;
        text-align: center;
    }

        .headericon-mobile > i.icon-menu {
            display: inline-block;
            color: #fff;
            font-size: 27px;
            margin-top: 7px;
        }

        .headericon-mobile > i.icon-account {
            display: inline-block;
            color: #fff;
            font-size: 35px;
        }

        .headericon-mobile > a.icon-logout {
            display: inline-block;
            text-decoration: none;
            color: #fff;
            font-size: 32px;
        }

    .no-padd-mobile {
        padding: 0;
    }

    .mobilelogin-nav {
        display: block;
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100%;
        background: #028843;
        z-index: 14;
        transition: all 400ms ease;
        -webkit-transition: all 400ms ease;
    }

    .mobileslide-close {
        position: relative;
        background: rgba(43, 111, 88, 1);
        background: -moz-linear-gradient( -45deg, rgba(43, 111, 88, 1) 0%, rgba(24, 68, 53, 1) 100% );
        background: -webkit-gradient( left top, right bottom, color-stop(0%, rgba(43, 111, 88, 1)), color-stop(100%, rgba(24, 68, 53, 1)) );
        background: -webkit-linear-gradient( -45deg, rgba(43, 111, 88, 1) 0%, rgba(24, 68, 53, 1) 100% );
        background: -o-linear-gradient( -45deg, rgba(43, 111, 88, 1) 0%, rgba(24, 68, 53, 1) 100% );
        background: linear-gradient( 135deg, rgba(43, 111, 88, 1) 0%, rgba(24, 68, 53, 1) 100% );
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b6f58', endColorstr='#184435', GradientType=1 );
        min-height: 45px;
    }

        .mobileslide-close .login-close {
            cursor: pointer;
            float: right;
            margin: 12px 10px;
        }

            .mobileslide-close .login-close i {
                color: #fff;
                font-size: 15px;
            }

    .mobilelang > a {
        display: inline-block;
        padding: 5px;
    }

        .mobilelang > a.active-lang {
            background: #025628;
        }

    .mobilelogin-con {
        padding: 10px;
    }

    .mobilelogin-group {
        display: block;
        position: relative;
        height: 45px;
        margin-bottom: 5px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        overflow: hidden;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    }

        .mobilelogin-group > input {
            width: 100%;
            height: 100%;
            border: none;
            background-color: #fff;
            padding-left: 20px;
        }

            .mobilelogin-group > input:focus {
                outline: none;
            }

    .mobilelogin-submit {
        display: block;
        text-transform: uppercase;
        color: #fff;
        font-size: 14px;
        width: 100%;
        height: 45px;
        border: thin solid #32a250;
        background-image: linear-gradient( to right bottom, #048e6a, #0a8a64, #0e865e, #128259, #157e53, #1e8653, #288d52, #339551, #4aaa53, #64bf54, #80d452, #9ee84f );
        border-radius: 6px;
        -webkit-border-radius: 6px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
        margin: 10px 0;
    }

    .mobilelogin-register {
        display: block;
        text-align: center;
        text-transform: uppercase;
        color: #2b2700;
        font-size: 14px;
        width: 100%;
        height: 45px;
        line-height: 45px;
        border: thin solid #e5d82d;
        background-image: linear-gradient( to right bottom, #feb391, #ffb682, #ffbc71, #ffc35f, #ffcc4c, #fed351, #fcdb57, #fbe25e, #fbe87b, #fcee96, #fdf3b0, #fef8ca );
        border-radius: 6px;
        -webkit-border-radius: 6px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    }

    .mobilelogin-fpass {
        display: block;
        text-align: center;
        color: #fff;
        font-size: 14px;
        text-decoration: underline;
        margin-top: 10px;
    }

    .mobilelist-nav {
        display: block;
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: #028843;
        z-index: 14;
        transition: all 400ms ease;
        -webkit-transition: all 400ms ease;
    }

    .mobilelistcon {
        display: block;
        overflow: auto;
        height: calc( 100vh - 45px );
    }

        .mobilelistcon > ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            .mobilelistcon > ul > li > a {
                display: block;
                padding: 10px;
                border-bottom: 1px solid #065422;
                box-shadow: 0px 1px 0px #179c58;
                color: #fff;
            }

            .mobilelistcon > ul > li.active > a {
                background-color: #007126;
            }

            .mobilelistcon > ul > li > a > .iconcont {
                display: inline-block;
                width: 50px;
                text-align: center;
                font-size: 21px;
            }

            .mobilelistcon > ul > li > a > .iconcont,
            .mobilelistcon > ul > li > a > .mobilelist-text {
                text-transform: uppercase;
                vertical-align: middle;
            }

    .footer-fixed {
        display: none;
        position: fixed;
        height: 59px;
        width: 100%;
        left: 0;
        bottom: 0;
        z-index: 16;
        
    }

.footer-fixed .footfix {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 5px 0;
    z-index: 14;
    background: rgba(43, 111, 88, 1);
    background: -moz-linear-gradient( -45deg, rgba(43, 111, 88, 1) 0%, rgba(24, 68, 53, 1) 100% );
    background: -webkit-gradient( left top, right bottom, color-stop(0%, rgba(43, 111, 88, 1)), color-stop(100%, rgba(24, 68, 53, 1)) );
    background: -webkit-linear-gradient( -45deg, rgba(43, 111, 88, 1) 0%, rgba(24, 68, 53, 1) 100% );
    background: -o-linear-gradient( -45deg, rgba(43, 111, 88, 1) 0%, rgba(24, 68, 53, 1) 100% );
    background: linear-gradient( 135deg, rgba(43, 111, 88, 1) 0%, rgba(24, 68, 53, 1) 100% );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b6f58', endColorstr='#184435', GradientType=1 );
}

            .footer-fixed .footfix .livehelp {
                display: block;
                color: #fff;
                position: relative;
                z-index: 1;
            }

                .footer-fixed .footfix .livehelp .icon-livehelp {
                    display: block;
                    font-size: 30px;
                    animation: growlight 2s linear infinite;
                }
                .footer-fixed .footfix .livehelp span {
                    animation: growlight 2s linear infinite;
                }


                .footer-fixed-detail {
                    display: none;
                    position: fixed;
                    width: 100%;
                    left: 0;
                    bottom: -100%;
                    transition: all 400ms ease;
                    -webkit-transition: all 400ms ease;
                    z-index: 18;
                    opacity: 0;
                    visibility: hidden;
                }

        .footer-fixed-detail.active {
            bottom: 0;
            opacity: 1;
            visibility: visible;
        }

            .footer-fixed-detail.active::before {
                content: "";
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,0.7);
                z-index: -1;
            }

                    .footer-fixed-detail .footfixdet {
                        position: relative;
                        display: block;
                        /*padding-bottom: 15px;*/
                        background: url(/Content/images/sidebar-bg.jpg) no-repeat center;
                        background-size: cover;
                    }

    .footmob-head {
        display: block;
        position: relative;
        color: #fff;
        padding: 10px;
        font-size: 16px;
        background: rgba(43, 111, 88, 1);
        background: -moz-linear-gradient( -45deg, rgba(43, 111, 88, 1) 0%, rgba(24, 68, 53, 1) 100% );
        background: -webkit-gradient( left top, right bottom, color-stop(0%, rgba(43, 111, 88, 1)), color-stop(100%, rgba(24, 68, 53, 1)) );
        background: -webkit-linear-gradient( -45deg, rgba(43, 111, 88, 1) 0%, rgba(24, 68, 53, 1) 100% );
        background: -o-linear-gradient( -45deg, rgba(43, 111, 88, 1) 0%, rgba(24, 68, 53, 1) 100% );
        background: linear-gradient( 135deg, rgba(43, 111, 88, 1) 0%, rgba(24, 68, 53, 1) 100% );
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b6f58', endColorstr='#184435', GradientType=1 );
        overflow: hidden;
    }

    .footmob-con {
        padding: 7px 12px;
    }

.footer-fixed-detail.active .footmob-head .ft-texttitle {
    display: inline-block;
    animation: rotateVertically 9s linear infinite;
}

        .footmob-head .gl-animate {
            display: inline-block;
            animation: growlight 2s ease-in infinite;
        }

@keyframes rotateVertically {
    0% {
        transform: rotateX(0deg);
    }

    10% {
        transform: rotateX(180deg);
    }

    20% {
        transform: rotateX(0deg);
    }

    100% {
        transform: rotateX(0deg);
    }
}

@-webkit-keyframes rotateVertically {
    0% {
        -webkit-transform: rotateX(0deg);
    }

    10% {
        -webkit-transform: rotateX(180deg);
    }

    20% {
        -webkit-transform: rotateX(0deg);
    }

    100% {
        -webkit-transform: rotateX(0deg);
    }
}

.footmob-con > a {
    display: block;
    color: #fff;
    border-bottom: 1px solid #0c1f16;
    padding: 6px 15px 6px 30px;
    position: relative;
    border-radius: 10px;
    background: rgba(0,0,0,0.5);
}

    .footmob-con > a:not(:last-child) {
        margin-bottom: 10px;
    }

    .footer-fixed-detail .footfixdet .footmob-con > a .iconContact {
        margin-right: 7px;
    }

    .footmob-close {
        position: absolute;
        right: 10px;
        cursor: pointer;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }

    .overallComTable {
        width: 500px;
    }

    .add-bg {
        background: url(/Content/images/home/promo-42.png) top center no-repeat;
        background-size: cover;
        height: 100%;
    }

    .mob {
        display: none;
    }

    .childImg .mob {
        display: none;
    }

    .childSlide .desk {
        display: block;
    }

    .wc0720-bg {
        background: url(/Content/images/home/mob-wc0720-bg.png) top center no-repeat;
        background-size: cover;
        height: 100%;
    }

        .wc0720-bg .text-banner {
            margin-top: 0;
        }

        .wc0720-bg .childImg img {
            width: 100%;
            max-height: 475px;
        }

    .euro-promo {
        background: url(/Content/images/home/EURO_Commission.png) top left no-repeat;
        height: 100%;
    }



    @keyframes blinkme {
        0% {
            opacity: 1;
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 0.1;
        }
    }

    @-webkit-keyframes swinging {
        0% {
            -webkit-transform: rotate(10deg);
        }

        50% {
            -webkit-transform: rotate(-5deg)
        }

        100% {
            -webkit-transform: rotate(10deg);
        }
    }

    @keyframes swinging {
        0% {
            transform: rotate(5deg);
        }

        50% {
            transform: rotate(-3deg)
        }

        100% {
            transform: rotate(5deg);
        }
    }

    @keyframes swingingReverse {
        0% {
            transform: rotate(-3deg);
        }

        50% {
            transform: rotate(5deg)
        }

        100% {
            transform: rotate(-3deg);
        }
    }

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

        .nav:not(.afterLogin) ul li a {
            font-size: 13px;
            padding-left: 13px;
            padding-right: 13px;
        }
    }

    @media (min-width:1366px) and (max-width:1440px) {

        .christmasball-3 {
            right: -4px;
            top: 138px;
        }

        .christmasball-4 {
            right: -40px;
            top: 138px;
        }
    }

    @media screen and (max-width:1365px) {
        .cballs {
            display: none
        }
    }

    @media screen and (max-width : 1199px) {
        .time-date {
            font-size: 11px;
        }

        .logo img {
            height: 60px;
        }

        .login, .joinNow {
            width: 100px;
        }

        .nav ul li a {
            padding-left: 8px !important;
            padding-right: 8px !important;
        }

        ul.ip-cta li a {
            font-size: 13px;
            width: 205px;
        }

        /* afterlogin **/
        .nav.afterLogin ul li a {
            padding-left: 6px;
            padding-right: 6px;
        }

        .nav.afterLogin ul ul li a {
            max-width: 158px;
        }

        .subMenu.subReports > div {
            display: flex;
        }
        .desc-menu-wrap {
            flex-wrap: wrap;
        }
        .login, .joinNow {
            width: 120px;
        }

        .mobs-topbox-wrap {
            margin-left: 0;
            width: 100%;
            text-align: center;
            margin-bottom: 10px;
        }
    }

    @media screen and (max-width : 1024px) {
        .nav ul li a {
            font-size: 12px !important;
        }
    }

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

        .footer {
            text-align: center;
            padding-bottom: 55px;
            padding-top: 20px;
        }

            .footer .flex-row {
                display: block;
            }

        .ftr-information li {
            max-width: unset;
            display: inline-block;
            border-left: thin solid rgba(255,255,255,.2);
            padding-left: 7px;
            padding-right: 5px;
        }

            .ftr-information li:first-child {
                border-left: none;
            }

            .ftr-information li:nth-child(4) {
                margin-top: 0;
            }

                .ftr-information li:nth-child(4),
                .ftr-information li:nth-child(4) ~ li {
                    left: 0;
                }

            .ftr-information li a {
                padding: 0;
            }

        .footer .ftr-box {
            padding-left: 0;
        }

            .footer .ftr-box strong {
                margin-left: 0;
            }

        .marquee {
            width: 78%;
        }


        .mobs.afterLogin {
            flex-direction: row;
            align-items: center;
            justify-content: center;
        }

            .mobs.afterLogin .afl-mob-bottom {
                margin-left: 15px;
            }

        .afl-mob-top {
            margin-bottom: 0;
        }

        ul.ip-cta {
            display: flex;
            flex-wrap: wrap;
        }

            ul.ip-cta li {
                margin: 0 0 15px;
                width: 50%
            }

                ul.ip-cta li a {
                    margin: 0 auto;
                }
        .logo img {
            height: 50px;
        }
      
    }

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

        .hide-in-mobile {
            display: none !important;
        }

        .hide-in-deskto {
            display: block;
        }

        .cn-copyline {
            margin-top: 0;
            font-size: 14px;
            color: #fff;
            display: inline-block;
            font-weight: bold;
        }

        .promotionDataContent {
            padding: 10px 15px;
            margin: 0;
        }

            .promotionDataContent ol {
                padding: 15px;
            }

        .accdn-panel {
            padding: 0;
        }

        .forgotForm > table {
            min-width: unset;
            width: 100%;
        }

        .accdn-panel h2 {
            padding: 15px 10px;
            font-size: 14px;
            padding-right: 50px;
            line-height: 20px;
        }

        .accdn-panel .accdn-content {
            padding: 15px;
            font-size: 14px;
            line-height: 24px;
        }

        .contBoxHome .txt2 {
            font-size: 18px;
        }

        .togmob {
            float: none !important;
            margin: 0 auto;
        }

        #comm-plan h2 {
            font-size: 20px;
            margin-bottom: 20px;
        }

        #comm-plan h4 {
            font-size: 18px;
            margin-bottom: 10px;
        }

        #comm-plan .inner > p {
            font-size: 14px;
            margin-bottom: 20px;
            line-height: 24px;
        }

        ul.aff-list li {
            font-size: 14px;
            line-height: 20px;
        }

        table.aff-tble th {
            font-size: 14px;
            padding: 14px 7px;
        }

        .contentProducts {
            background: #083520;
            /*background: #2e714e;*/
        }

        .prodBox:nth-child(even) {
            border: none;
        }

        .contProd {
            padding: 0;
        }

        .prodBox {
            float: none;
            padding: 0;
            width: 100%;
            padding-bottom: 20px;
            min-height: unset;
        }

        .prodTitle {
            font-size: 20px;
            margin-bottom: 10px;
        }

        .content-title {
            font-family: Verdana,Arial,Tahoma;
        }

        /*STICkY LEFT & RIGHT*/
        .how-it-works, .contact-us {
            display: none;
        }

        .head-desktop {
            display: none;
        }

        .head-mobile {
            display: block;
        }

        .mobilelogin-nav.active {
            right: 0;
        }

        .mobilelist-nav.active {
            left: 0;
        }

        .footer-fixed,
        .footer-fixed-detail {
            display: block;
        }

        .footer {
            padding-bottom: 60px;
        }

        .footBottom {
            display: none;
        }

        .promotionDataContent .tblRemove {
            min-width: unset;
            border: none;
        }

        .tblRemove thead tr th,
        .tblRemove tbody tr td {
            font-size: 14px;
            line-height: normal;
            padding: 5px;
        }

        .dataTables_wrapper {
            overflow: auto;
        }

        .comm-banner .text h4 {
            font-size: 16px;
            line-height: normal;
        }

        .comm-banner .text ul {
            padding: 0;
        }

        .comm-banner .text .li-vn {
            padding-left: 45px;
            font-size: 22px;
        }

        .comm-banner {
            padding-bottom: 30px;
        }

        table.aff-tble {
            margin-left: 0;
        }

        /*For Scroll*/
        .tblCreativeGrid::-webkit-scrollbar,
        .dataTables_wrapper::-webkit-scrollbar {
            background: #313131;
            height: 5px;
        }

        .tblCreativeGrid::-webkit-scrollbar-thumb,
        .dataTables_wrapper::-webkit-scrollbar-thumb {
            background: #aaa;
            border-radius: 2px;
            -webkit-border-radius: 2px;
        }

        .reg-steps {
            width: 100%;
            height: unset;
        }

        .regBox {
            margin: 0px 5%;
        }

        .img-ban1 {
            padding: 0 !important;
        }

            .img-ban1 > img {
                max-width: 100%;
            }

        .privCont {
            padding: 0;
        }

        .aboutWrap {
            padding: 20px;
        }

        .mobile-view {
            display: block;
        }

        .add-b, .wc0720-bg {
            background: none;
        }

        .mob {
            display: block
        }

        .childImg .mob {
            display: block;
        }

        .childSlide .desk,
        .childImg .desk {
            display: none;
        }

        .NegativeCommission, .ExtraBonus, .commisionRate {
            width: 100%;
            padding-right: 0px;
            padding-left: 0px;
        }

        /*mid autumn*/
        .mobile-mid-aut {
            display: block;
        }

            .mobile-mid-aut img {
                max-width: 100%;
            }

        .AFFILIATE.FUNCTION.noAdjustment.autumn-mobile {
            display: none !important;
        }

        .mid-autumn-text {
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            background: rgba(0,0,0,0.7);
            height: auto;
            padding: 20px 10px;
            color: #fff;
            text-align: center;
            font-family: 'AvertaDemo-ExtraBoldItalic';
            font-size: 14px;
        }

        .mid-autumn-text span {
            color: #fee71b;
        }

        .logo-mobile.th img {
            height: 49px;
        }
        .logo-mobile.auth img {
            margin-top:5px;
        }
    }

    @media screen and (max-width:600px) {
        .jconfirm-box.jconfirm-hilight-shake.jconfirm-type-red.jconfirm-type-animated {
            max-width: 90% !important;
        }
    }

    @media screen and (max-width : 480px) {
        .aboutWrap h3 {
            font-size: 18px;
        }

        ul.ip-cta li {
            width: 100%;
        }
    }

    @media screen and (max-width:440px) {
        html:lang(zh-CN) .logo-mobile img {
            /*margin-left: -15px;*/
        }
    }

    @media screen and (max-width:375px) {
        html:lang(zh-CN) .logo-mobile img {
            /*margin-left: -24px;*/
        }
    }

    @media screen and (max-width:320px) {
        html:lang(zh-CN) .logo-mobile img {
            /*margin-left: -15px;*/
        }

        .col-xs-6 {
            padding: 0 !important;
        }

        .logo-mobile a img {
            /*height: 48px;*/
            height: 45px;
        }

        .joinNow, .login {
            font-size: 10px;
            width: 110px;
        }
    }



    /*------------------------
    CNY 2021 ANIMATION
 ------------------------*/
/*.homeSlider {
    z-index: 10;
}*/

#cny-animate {
    position: absolute;
    color: white;
    font-size: 24px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    #cny-animate img {
        max-width: 100%;
    }

    /*cloud*/
    .top-left {
        position: absolute;
        top: 0;
        left: -400px;
    }

    .executing .top-left {
        left: 0;
        transition: all 500ms linear;
    }

    .top-right {
        position: absolute;
        top: 0;
        right: -500px;
        z-index: 5;
    }

    .executing .top-right {
        position: absolute;
        right: -100px;
        transition: all 500ms linear;
    }

    .bottom-left {
        position: absolute;
        bottom: -10px;
        left: -400px;
    }

    .executing .bottom-left {
        position: absolute;
        left: -15px;
        transition: all 500ms linear 500ms;
    }

    .bottom-right {
        position: absolute;
        bottom: -10px;
        right: -400px;
    }

    .executing .bottom-right {
        position: absolute;
        right: -50px;
        transition: all 500ms linear 500ms;
    }

    /*dropbanner*/
    .text-left-drop {
        position: absolute;
        left: 4%;
        transform: translateY(-100%);
        z-index: 9;
    }

    .executing .text-left-drop {
        transform: translateY(-50%);
        transition: all 400ms ease-in-out 2s;
    }

    .text-right-drop {
        position: absolute;
        right: 6%;
        transform: translateY(-100%);
    }

    .executing .text-right-drop {
        transform: translateY(-54%);
        transition: all 400ms ease-in-out 2s;
    }

    .executing .drop-animate {
        animation: drop 300ms linear 2300ms;
    }

    .executing .rotate-animate {
        animation: rotate 5s linear 2400ms infinite;
    }

    .executing .rotate-animate2 {
        animation: rotate2 6s linear 2500ms infinite;
    }

    /*lantern*/
    .lantern1 {
        position: absolute;
        top: -90px;
        left: 50px;
        opacity: 0;
    }

        .lantern1 img {
            height: 250px;
        }

    .executing .lantern1 {
        opacity: 1;
        transition: all 2s linear 1s;
    }

    .lantern2 {
        position: absolute;
        top: -50px;
        left: -60px;
        opacity: 0;
    }

        .lantern2 img {
            height: 345px;
        }

    .executing .lantern2 {
        opacity: 1;
        transition: all 2s linear 1s;
    }

    .lantern3 {
        position: absolute;
        top: -45px;
        right: 12%;
        opacity: 0;
        z-index: 6;
    }

        .lantern3 img {
            height: 200px;
        }

    .executing .lantern3 {
        opacity: 1;
        transition: all 2s linear 1s;
    }

    .lantern4 {
        position: absolute;
        top: -80px;
        right: -30px;
        opacity: 0;
        z-index: 6;
    }

        .lantern4 img {
            height: 360px;
        }

    .executing .lantern4 {
        opacity: 1;
        transition: all 2s linear 1s;
    }

    /*firework*/
    .firework {
        position: absolute;
        transform: scale(0);
    }

    .the1 {
        top: 70px;
        right: 9%;
        width: 270px;
        height: 270px;
    }

    .executing .the1 {
        animation: fireworkbig 6000ms linear 2500ms infinite;
    }

    .the2 {
        top: 40px;
        right: 16%;
        width: 150px;
        height: 150px;
    }

    .executing .the2 {
        animation: fireworkbig 5750ms linear 2200ms infinite;
    }

    .the3 {
        top: 230px;
        right: 10%;
        width: 130px;
        height: 130px;
    }

    .executing .the3 {
        animation: fireworkbig 5500ms linear 2300ms infinite;
    }

    .the4 {
        top: 190px;
        right: 20%;
        width: 60px;
        height: 60px;
    }

    .executing .the4 {
        animation: fireworksmall 4750ms linear 2200ms infinite;
    }

    .the5 {
        top: 170px;
        right: 19%;
        width: 90px;
        height: 90px;
    }

    .executing .the5 {
        animation: fireworksmall 5750ms linear 2300ms infinite;
    }

    .the6 {
        top: 150px;
        right: 22%;
        width: 70px;
        height: 70px;
    }

    .executing .the6 {
        animation: fireworksmall 5500ms linear 2200ms infinite;
    }

    .the7 {
        top: 170px;
        left: 11%;
        width: 170px;
        height: 170px;
    }

    .executing .the7 {
        animation: fireworkbig 6750ms linear 2400ms infinite;
    }

    .the8 {
        top: 25px;
        left: 11%;
        width: 130px;
        height: 130px;
    }

    .executing .the8 {
        animation: fireworksmall 5750ms linear 2100ms infinite;
    }

    .the9 {
        top: 315px;
        left: 9%;
        width: 120px;
        height: 120px;
    }

    .executing .the9 {
        animation: fireworksmall 6750ms linear 2300ms infinite;
    }

    .the10 {
        top: 150px;
        left: 16%;
        width: 60px;
        height: 60px;
    }

    .executing .the10 {
        animation: fireworksmall 4500ms linear 2500ms infinite;
    }

    .the11 {
        top: 30px;
        left: 3%;
        width: 140px;
        height: 140px;
    }

    .executing .the11 {
        animation: fireworksmall 5000ms linear 2500ms infinite;
    }



    @keyframes drop {
        0% {
            transform: translateY(0%)
        }

        30% {
            transform: translateY(3%)
        }

        60% {
            transform: translateY(-2%)
        }

        100% {
            transform: translateY(0%)
        }
    }

    @keyframes rotate {
        0% {
            transform: rotate(0)
        }

        38% {
            transform: rotate(3deg)
        }

        42% {
            transform: rotate(3deg)
        }

        60% {
            transform: rotate(0deg)
        }

        78% {
            transform: rotate(-3deg)
        }

        82% {
            transform: rotate(-3deg)
        }

        100% {
            transform: rotate(0deg)
        }
    }

    @keyframes rotate2 {
        0% {
            transform: rotate(0)
        }

        38% {
            transform: rotate(2deg)
        }

        42% {
            transform: rotate(2deg)
        }

        60% {
            transform: rotate(0deg)
        }

        78% {
            transform: rotate(-2deg)
        }

        82% {
            transform: rotate(-2deg)
        }

        100% {
            transform: rotate(0deg)
        }
    }

    @keyframes fireworkbig {
        0% {
            transform: scale(0);
        }

        20% {
            transform: scale(0.7);
            opacity: 0.3;
        }

        40% {
            transform: scale(0.8) translateY(2px);
            opacity: 0.2;
        }

        60% {
            transform: scale(0.9) translateY(5px);
            opacity: 0.1;
        }

        80% {
            transform: scale(1) translateY(10px);
            opacity: 0;
        }

        100% {
            transform: scale(1);
            opacity: 0;
        }
    }

    @keyframes fireworksmall {
        0% {
            transform: scale(0);
        }

        20% {
            transform: scale(0.7);
            opacity: 0.175;
        }

        40% {
            transform: scale(0.8) translateY(2px);
            opacity: 0.1;
        }

        60% {
            transform: scale(0.9) translateY(5px);
            opacity: 0.05;
        }

        80% {
            transform: scale(1) translateY(10px);
            opacity: 0;
        }

        100% {
            transform: scale(1);
            opacity: 0;
        }
    }

    @media(max-width:1600px) {
        .top-right {
            width: 425px;
        }

        .text-left-drop {
            left: 2%;
        }

        .rotate-animate {
            height: 570px;
        }

        .rotate-animate2 {
            height: 550px;
        }

        .lantern1 {
            top: -70px;
        }

            .lantern1 img {
                height: 190px;
            }

        .lantern2 img {
            height: 295px;
        }

        .lantern3 img {
            height: 168px;
        }

        .lantern4 img {
            height: 315px;
        }

        .bottom-left img {
            height: 170px;
        }

        .bottom-right img {
            height: 300px;
        }

        .executing .text-right-drop {
            transform: translateY(-50%);
        }
    }
    /*@media(max-width:1440px) {
        .childSlide .text-banner img {
            width: 86%;
        }
    }*/


    @media(max-width:1024px) {
        .homeSlider,
        .lantern3,
        .lantern4,
        .top-right,
        .text-left-drop {
            z-index: 2;
        }
    }

    @media(max-width:768px) {
        .text-left-drop,
        .text-right-drop {
            display: none;
        }

        .executing .top-left {
            top: -10px;
            left: -100px;
        }

        .executing .top-right {
            top: -30px;
            right: -300px;
        }
    }
/*------------------------
    CNY 2021 ANIMATION
 ------------------------*/


    @media(max-width:1120px) {
        .fullSize-bannerAdjust .wp-6,
        .fullSize-bannerAdjust .wp-6 img {
            width: 100%;
        }

        .fullSize-bannerAdjust .floatR {
            display: none;
        }
    }

    @media(max-width:768px) {
        .fullSize-bannerAdjust .floatR {
            display: block;
        }
    }

.ftr-sponsor-list {
    display: flex;
}

    .ftr-sponsor-list .ftr-sponsor-item {
        display: flex;
        color: #d0f3e0;
        align-items: center;
        padding: 0 10px;
    }

    .ftr-sponsor-list .ftr-sponsor-item img {
        height: 45px;
    }

        .ftr-sponsor-list .ftr-sponsor-details {
            display: flex;
            flex-direction: column;
            padding-left: 10px;
        }

    .ftr-sponsor-list .ftr-sponsor-details span:first-child{
        font-weight: 600;
    }



/***********************************************
        CountDown Modal 2022
***********************************************/
.modal-backdrop.in {
    opacity: 0.8;
}

    #wcModal .modal-dialog {
        width: 1100px;
        height: 716px;
        transform: translateY(18%);
    }

    #wcModal .modal-content {
        width: 100%;
        height: 100%;
        background: url(/Content/images/aff-countdown-bg.png) no-repeat center center;
        background-size: contain;
        box-shadow: none;
        border: none;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    #wcModal .modal-body {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        transform: translateY(-5%);
    }

        #wcModal .modal-body .cd-title {
            width: 447px;
        }

    #wcModal button.close {
        position: absolute;
        right: 17%;
        top: 7%;
        opacity: 1;
        background: none;
        padding: 10px;
        z-index: 999;
    }

        #wcModal button.close span {
            font-size: 24px;
            color: white;
        }

    .wc2022-countdown .countdown-wrap {
        margin-top: 4%;
    }

    .countdown-wc2022 {
        max-width: 500px;
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 15px 10px 0 10px;
    }

    .wc2022 {
        position: relative;
        flex-basis: 22%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #fff;
        padding: 3px;
    }

    .cd-bg {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 129px;
        height: 129px;
        background: url(/Content/images/aff-countdown-box.png) no-repeat center center;
        background-size: contain;
    }

    .wc2022:not(:last-child) {
        margin-right: 15%;
    }

        .wc2022:not(:last-child)::after {
            content: ":";
            position: absolute;
            top: 41%;
            right: -40%;
            transform: translateY(-50%);
            font-size: 110px;
            line-height: 110px;
        }

    .wc2022 .cd-bg {
        font-size: 72px;
        text-transform: uppercase;
        font-weight: bold;
        margin: 28px 0 15px;
    }

    .wc2022 span {
        font-family: Roboto;
        font-size: 22px;
        font-weight: normal;
        text-transform: uppercase;
        text-shadow: -3px 0px 4px #590f20,3px 0px 4px #590f20,0px -3px 4px #590f20,0px 3px 4px #590f20;
    }

    .promo-reslider .countdown-wrap.wcmob {
        display: block;
        width: 90%;
        position: absolute;
        top: 48%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    @media (max-width: 1200px) {
        #wcModal .modal-dialog {
            max-width: 1100px;
            margin: 0 auto;
            width: 100%;
            height: auto;
            transform: translateY(47%);
        }

        #wcModal button.close {
            right: 17%;
            top: -10%;
        }
    }

    @media (max-width: 768px) {
        .wc2022:not(:last-child)::after {
            display: none;
        }

        #wcModal .modal-body .cd-title {
            width: 80%;
            margin: 0 auto;
        }

        #wcModal button.close {
            right: 9%;
            top: -10%;
        }

        .wc2022 .cd-bg {
            width: calc(28px + 12vw);
            height: calc(28px + 12vw);
            font-size: calc( 8vw + 5px);
            margin: 15px 0;
        }

        .wc2022:not(:last-child) {
            margin-right: calc(1vw + 1px);
        }

        .wc2022 span {
            font-size: calc(5px + 2vw);
        }
    }

    @media (max-width: 500px) {
        #wcModal button.close {
            right: 4%;
            top: -13%;
        }
    }

/***********************************************
        End CountDown Sport247 2021
***********************************************/


/***********************************************
        CNY 2025 animation 
***********************************************/
#cny2025-animate {
    position: absolute;
    color: white;
    font-size: 24px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    #cny2025-animate img {
        max-width: 100%;
    }

    #cny2025-animate .lantern.one {
        position: absolute;
        top: -10px;
        left: 60px;
        width: auto;
        height: 250px;
        transform-origin: top;
        animation: sway 5.4s ease-in-out infinite;
    }

    #cny2025-animate .lantern.two {
        position: absolute;
        top: -60px;
        left: 20px;
        width: auto;
        height: 200px;
        transform-origin: top;
        animation: sway 5.4s ease-in-out infinite;
    }

    #cny2025-animate .lantern.five {
        position: absolute;
        top: -90px;
        left: 170px;
        width: auto;
        height: 200px;
        transform-origin: top;
        animation: sway 5.4s ease-in-out infinite;
    }

    #cny2025-animate .lantern.three {
        position: absolute;
        top: -10px;
        right: 60px;
        width: auto;
        height: 240px;
        transform-origin: top;
        animation: sway 5.4s ease-in-out infinite;
    }

    #cny2025-animate .lantern.four {
        position: absolute;
        top: -60px;
        right: 20px;
        width: auto;
        height: 200px;
        transform-origin: top;
        animation: sway 5.4s ease-in-out infinite;
    }
    #cny2025-animate .lantern.six {
        position: absolute;
        top: -90px;
        right: 170px;
        width: auto;
        height: 200px;
        transform-origin: top;
        animation: sway 5.4s ease-in-out infinite;
    }


    #cny2025-animate .tiny-lantern.one {
        opacity:0;
        position: absolute;
        top: 400px;
        left: 225px;
        animation: fadeUpOut 20s linear infinite;
    }
    #cny2025-animate .tiny-lantern.two {
        opacity: 0;
        position: absolute;
        top: 400px;
        left: 305px;
        animation: fadeUpOut 20s linear infinite 4s;
    }
    #cny2025-animate .tiny-lantern.three {
        opacity: 0;
        position: absolute;
        top: 400px;
        left: 125px;
        animation: fadeUpOut 20s linear infinite 10s;
    }
    #cny2025-animate .tiny-lantern.four {
        opacity: 0;
        position: absolute;
        top: 400px;
        right: 225px;
        animation: fadeUpOut 20s linear infinite 10s;
    }
    #cny2025-animate .tiny-lantern.five {
        opacity: 0;
        position: absolute;
        top: 400px;
        right: 305px;
        animation: fadeUpOut 20s linear infinite 0s;
    }

    #cny2025-animate .tiny-lantern.six {
        opacity: 0;
        position: absolute;
        top: 400px;
        right: 125px;
        animation: fadeUpOut 20s linear infinite 4s;
    }


    #cny2025-animate .mai-left,
    #cny2025-animate .peach-left {
        position: absolute;
        top: -60px;
        left: -30px;
        width: 370px;
        height: auto;
        transform-origin: left center;
        animation: swingBranch 8s ease-in-out infinite 0s;
    }

    #cny2025-animate .mai-right,
    #cny2025-animate .peach-right {
        position: absolute;
        top: -35px;
        right: -10px;
        width: 300px;
        height: auto;
        transform-origin: right center;
        animation: swingBranchRight 8s ease-in-out infinite 0s;
    }

@keyframes sway {
    0% {
        transform: rotate(8deg);
    }

    50% {
        transform: rotate(-8deg);
    }

    100% {
        transform: rotate(8deg);
    }
}

@keyframes swingBranch {
    0% {
        transform: rotate(5deg)
    }

    50% {
        transform: rotate(10deg)
    }

    100% {
        transform: rotate(5deg)
    }
}

@keyframes swingBranchRight {
    0% {
        transform: rotate(-5deg)
    }

    50% {
        transform: rotate(-15deg)
    }

    100% {
        transform: rotate(-5deg)
    }
}

@keyframes fadeUpOut {
    0%,100% {
        opacity: 0;
        transform: translateY(0);
    }

    20% {
        opacity: 0.75;
        transform: translateY(-100px);
    }

    70% {
        opacity: 0.75;
        transform: translateY(-250px);
    }
    90% {
        opacity: 0;
        transform: translateY(-350px);
    }
}

/*.cny2024-vn.petal-left,
.cny2024-vn.petal-right {
    display: none;
}
.cny2024-all.petal-left,
.cny2024-all.petal-right {
    display: block;
}

html:lang(vi-vn) .cny2024-vn.petal-left,
html:lang(vi-vn) .cny2024-vn.petal-right {
    display: block
}
html:lang(vi-vn) .cny2024-all.petal-left,
html:lang(vi-vn) .cny2024-all.petal-right {
    display: none;
}*/
.corner_left {
    position: absolute;
    left: 0px;
    bottom: -45px;
    width: 400px;
    height: auto;
}
.corner_right {
    position: absolute;
    right: 0px;
    bottom: -45px;
    width: 400px;
    height: auto;
}

.petal-left {
    position: absolute;
    left: 0;
    top: -50px;
    width: 300px;
    height: 100%;
}

.petal-right {
    position: absolute;
    right: 0;
    top: -50px;
    width: 300px;
    height: 100%;
}

    .petal-left img,
    .petal-right img {
        position: absolute;
        height: 18px;
    }
/*animation left*/

    .petal-left .peach1 {
        left: 20px;
        animation: falling 20s ease-in-out infinite 0s;
    }

.petal-left .peach2 {
    left: 260px;
    animation: falling 20s ease-in-out infinite 1.5s;
}

.petal-left .peach3 {
    left: 50px;
    height: 5px;
    animation: falling 20s ease-in-out infinite 2.8s;
}

.petal-left .peach4 {
    left: 220px;
    animation: falling 20s ease-in-out infinite 4s;
}

.petal-left .peach5 {
    left: 140px;
    animation: falling 20s ease-in-out infinite 5.7s;
}

.petal-left .peach6 {
    left: 210px;
    height: 5px;
    animation: falling 20s ease-in-out infinite 7.2s;
}

.petal-left .peach7 {
    left: 60px;
    animation: falling 20s ease-in-out infinite 10s;
}

.petal-left .peach8 {
    left: 180px;
    animation: falling 20s ease-in-out infinite 12.5s;
}

.petal-left .peach9 {
    left: 120px;
    height: 8px;
    animation: falling 20s ease-in-out infinite 14.7s;
}

.cny2024-vn.petal-left img {
    height: 10px;
}

.cny2024-vn .peach1,
.cny2024-vn .peach4,
.cny2024-vn .peach7 {
    height: 8px;
}

/*animation right*/
.petal-right .peach1 {
    left: 20px;
    animation: falling 20s ease-in-out infinite 0s;
}

.petal-right .peach2 {
    left: 260px;
    animation: falling 20s ease-in-out infinite 1.5s;
}

.petal-right .peach3 {
    left: 50px;
    height: 10px;
    animation: falling 20s ease-in-out infinite 2.8s;
}

.petal-right .peach4 {
    left: 220px;
    animation: falling 20s ease-in-out infinite 4s;
}

.petal-right .peach5 {
    left: 140px;
    animation: falling 20s ease-in-out infinite 5.7s;
}

.petal-right .peach6 {
    left: 210px;
    height: 10px;
    animation: falling 20s ease-in-out infinite 7.2s;
}

.petal-right .peach7 {
    left: 60px;
    animation: falling 20s ease-in-out infinite 10s;
}

.petal-right .peach8 {
    left: 180px;
    animation: falling 20s ease-in-out infinite 12.5s;
}

.petal-right .peach9 {
    left: 120px;
    height: 10px;
    animation: falling 20s ease-in-out infinite 14.7s;
}

@keyframes falling {
    0% {
        top: 0;
        left: 20px;
        transform: rotateX(0);
        opacity: 1;
    }

    10% {
        top: 7%;
        left: 260px;
    }

    20% {
        top: 15%;
        left: 15px;
    }

    30% {
        top: 26%;
        left: 270px;
    }

    40% {
        top: 38%;
        left: 10px;
    }

    50% {
        top: 50%;
        left: 280px;
    }

    60% {
        top: 65%;
        left: 5px;
    }

    70% {
        top: 78%;
        left: 290px;
    }

    80% {
        top: 90%;
        left: 0px;
    }

    90% {
        top: 100%;
        left: 200px;
        opacity: 1;
        transform: rotateX(4500deg);
    }

    100% {
        top: 110%;
        opacity: 0;
        transform: rotateX(4500deg);
    }
}

/***********************************************
        End CNY 20245animation
***********************************************/


/*********************************************
	RESPONSIVE
**********************************************/
@media screen and (max-width : 1550px) {
    html:lang(vi-vn) .slider11:nth-child(2) .childSlide .AffSlide2textOne {
        font-size: 26px;
        text-align: center;
    }
    html:lang(vi-vn) .slider11:nth-child(2) .childSlide .AffSlide2textOne2 {
        font-size: 38px;
        text-align: center;
    }
    html:lang(vi-vn) .slider11:nth-child(2) .childSlide .AffSlide2textTwo {
        font-size: 26px;
        text-align: center;
        color: #fee71b;
    }
    html:lang(vi-vn) .slider11:nth-child(2) .childSlide .AffSlide2textThree {
        font-size: 31px;
        text-align: center;
        color: #fee71b;
    }
}

@media screen and (max-width : 1200px){
    .containercs {
        width:100%;
    }
    .comm-banner .text ul li {
        color: #fff;
        font: italic 700 33px Arial;
        margin: 0;
        padding: 11px 0 0 77px;
        text-transform: uppercase;
        position: relative;
    }
    .container , .footBottom, .containercs {
		width:100%;
	}
	
	.contProd .container {
		width:100%;
	}
	.contHomeDiv {
		width:100%;
		padding-left:20px;
	}
	.contBoxHome  {
		margin-bottom:0px;
		width:32%;
		height:auto;
	}
	.contBoxHome img {
		width: 100%;
		height: auto
	}
	.mobImg img {
		width: 100%;
		height: auto;
	}
}

@media (max-width : 1100px) {
    
    html:lang(vi-vn) .slider11:nth-child(2) .childSlide .AffSlide2textOne {
        font-size: 22px;
        text-align: center;
    }
    html:lang(vi-vn) .slider11:nth-child(2) .childSlide .AffSlide2textOne2 {
        font-size: 32px;
        text-align: center;
    }
    html:lang(vi-vn) .slider11:nth-child(2) .childSlide .AffSlide2textTwo {
        font-size: 23px;
        text-align: center;
        color: #fee71b;
    }
    html:lang(vi-vn) .slider11:nth-child(2) .childSlide .AffSlide2textThree {
        font-size: 30px;
        text-align: center;
        color: #fee71b;
    }
    .morebonus {
        margin-left: 0;
    }
   
    html:lang(vi-vn) .childSlide .AffSliderTextOne {
        font-size: 34px;
        text-align: left;
        margin-left:0px;
    }
    .childThree {
        font-size: 85px;
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    .childSlide .AffSlide2textOne {
        font-size: 2.5vw;
    }
    .childSlide .AffSlide2textOne2 {
        font-size: 3vw;
    }
    .childSlide .AffSlide2textTwo {
        font-size: 4vw;
    }
    .childImg .left-pull {
        margin-left: 0;
    }
}

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

    html:lang(vi-vn) .childSlide .AffSliderTextOne {
        font-size: 28px;
        text-align: left;
        margin-left: 0px;
    }
    

    .comm-banner,
    .Promotion-banner {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .comm-banner .text,
    .Promotion-banner .text {
        float: none;
        padding-left: 48px;
    }

    .comm-banner .img,
    .Promotion-banner .img {
        display: none;
    }

    #comm-plan h2 {
        margin-left: 24px;
        margin-bottom: 20px;
    }

    #comm-plan .inner > p {
        margin-bottom: 25px;
    }

    .childTwo {
        font-size: 65px;
        line-height: 40px;
    }

    .childThree {
        font-size: 65px;
        line-height: 65px;
    }
    .childImg .left-pull, .childImg .left-pull-2 {
        margin-left: 0;
    }

    .affFunction1 font {
        font-size:0.6em;
    }
    .affFunction1 .font-2x {
        font-size: 1.5em;
        line-height:0;
    }
    .fnt-white {
        color: #fff;
    }
    
}

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

    html:lang(vi-vn) .childSlide .AffSliderTextOne {
        font-size: 25px;
        text-align: left;
        margin-left: 0px;
    }
   
}

@media screen and (max-width: 812px) {
    /*HEADER*/
    #headerModal .modal-content.bgGreen .childClose {
        right: 0;
        top: -20px;
    }
}

@media screen and (max-width : 768px) {
    .mobQr {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        margin: 20px auto 40px;
    }

        .mobQr img {
            margin:10px 0;
        }

    .moob{
        display:block;
    }
    .desktt{
        display:none !important;
    }
    .childSlide .cont1_OnSlide.b5, .childSlide .cont2_OnSlide.b5, .childSlide .cont1_OnSlide.b4, .childSlide .cont2_OnSlide.b4, .childSlide .cont1_OnSlide.b3, .childSlide .cont2_OnSlide.b3, .childSlide .cont1_OnSlide.b2, .childSlide .cont2_OnSlide.b2, .affFunction1.b5 {
        margin-top: auto;
        text-align: center;
        font-size: 14px;
        width: 100%;
        color: #fff;
        font-weight: normal;
        font-family: 'Averta';
        margin:0;
    }

    .wp-6, .wp-7 {
        width: 100%;
    }
    .affFunction1 font {
        font-size: 1em;
    }
    .affFunction1 .font-2x {
        font-size: 1em;
    }
    .parentSlide .font-35px {
        font-size: 1em;
    }

    .parentSlide .font-60px {
        font-size: 1em;
    }

    .parentSlide .font-91px {
        font-size: 1em;
    }
     
    html:lang(vi-vn) .slider11:nth-child(2) .childSlide .AffSlide2textOne {
        font-size: 4vw;
        text-align: center;
    }

    html:lang(vi-vn) .slider11:nth-child(2) .childSlide .AffSlide2textOne2 {
        font-size: 5vw;
        text-align: center;
    }

    html:lang(vi-vn) .slider11:nth-child(2) .childSlide .AffSlide2textTwo {
        font-size: 5vw;
        text-align: center;
        color: #fee71b;
    }

    html:lang(vi-vn) .slider11:nth-child(2) .childSlide .AffSlide2textThree {
        font-size: 7vw;
        text-align: center;
        color: #fee71b;
    }

    html:lang(vi-vn) .childSlide .AffSliderTextOne {
        font-size: 4vw;
        text-align: left;
        margin-left: 0px;
    }

    .childSlide {
        color: #fff;
        font-family: 'AvertaDemo-ExtraBoldItalic';
        margin-left: auto;
        margin-right: auto;
    }

    .childImg {
        height: auto;
    }

    .childSlide {
        width: 100%;
        position: absolute;
        bottom: 0;
        background: rgba(0,0,0,0.7);
        height: auto;
        padding: 15px 10px;
    }

    .childSlide .AffSliderTextOne:first-child {
        margin-top: 0;
    }

    html:lang(vi-vn) .childSlide .AffSliderTextOne, .childSlide .AffSliderTextOne {
        display: inline-block;
        font-size: 12px;
        font-weight: normal;
        color: #fff;
    }

    .childSlide .signupBtnAff {
        display: none;
    }
    .childSlide .signupBtnAff.del-margin {
        display: none;
    }

    .childFour {
        display: inline-block;
        margin-top: 0;
    }

    .childSlide .cont1_OnSlide, .childSlide .cont2_OnSlide {
        margin-top: 0;
        font-size: 14px;
        color: #fff;
        display: inline-block;
        font-weight: normal;
    }

    .childSlide .AffSlide2textOne:first-child {
        margin-top: 0;
    }

    .childSlide .AffSlide2textOne, .childSlide .AffSlide2textOne2, .childSlide .AffSlide2textTwo {
        font-size: 14px;
        text-align: center;
        display: inline-block;
        font-weight: normal;
        color: #fff;
    }

    .affFunction1, .affFunction2 {
        margin-top: 0;
        font-size: 14px;
        color: #fff;
        display: inline-block;
    }

    .affFunction1 br {
        display: none
    }

    /*End Slide HomePage*/
    .topNav {
        text-align: center;
    }

    .mobs {
        // display:block;
    }

    .topBox, .time-date {
        margin-bottom: 10px;
    }

    .marquee {
        display: none;
    }

    .logo {
        float: none;
        display: block;
        text-align: center;
        position: relative;
        margin: 0;
        padding: 15px 0;
    }

    .logo img {
        width: 100%;
        height: auto;
        max-width: 180px;
    }

    /*Display 'show menu' link*/
    .show-menu {
        position: absolute;
        display: block;
        cursor: pointer;
        font-size: 16px;
        top: 25px;
        left: 10px;
        padding: 10px;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
    }

    /*Make dropdown links appear inline*/
    #nav {
        position: static;
        display: none;
        float: none;
        border-top: 1px solid #22794f;
    }

    .nav ul li {
        float: none;
    }

    .navIcon, .navTxt {
        display: inline-block;
    }

    html:lang(vi-vn) .nav ul li:last-child a {
        width: 100%;
    }

    .nav ul li a {
        padding: 15px;
        width: 100%;
        font-size: 16px;
        text-align: left;
    }

    .nav ul li a .navIcon {
        height: auto;
        margin-right: 10px;
    }

    .navIcon img {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }
    /* ICON NAV */
    .icon-home {
        background-position: -80px 0;
        height: 21px;
        width: 20px;
    }

    .icon-mobile {
        background-position: -83px -23px;
        height: 21px;
        width: 11px;
    }

    .icon-products {
        background-position: -81px -48px;
        height: 20px;
        width: 21px;
    }

    .icon-promotion {
        background-position: -80px -73px;
        height: 21px;
        width: 17px;
    }

    .icon-commision {
        background-position: -80px -98px;
        height: 21px;
        width: 21px;
    }

    .icon-how-it-works {
        background-position: -80px -123px;
        height: 21px;
        width: 21px;
    }

    .icon-go-to {
        background-position: -80px -144px;
        height: 21px;
        width: 20px;
    }
    /*icon hover*/
    .nav ul li a:hover > .navIcon .icon-home {
        background-position: -102px 0;
    }

    .nav ul li a:hover > .navIcon .icon-mobile {
        background-position: -96px -23px;
    }

    .nav ul li a:hover > .navIcon .icon-products {
        background-position: -102px -48px;
        ;
    }

    .nav ul li a:hover > .navIcon .icon-promotion {
        background-position: -99px -73px;
    }

    .nav ul li a:hover > .navIcon .icon-commision {
        background-position: -101px -98px;
    }

    .nav ul li a:hover > .navIcon .icon-how-it-works {
        background-position: -101px -123px;
    }

    .nav ul li a:hover > .navIcon .icon-go-to {
        background-position: -101px -144px;
    }

    /*HOME*/
    .contHomeDiv {
        position: static;
        width: 500px;
        margin: 0 auto;
        z-index: 1 !important;
        right: 0;
        box-sizing: border-box;
        margin-top: 20px;
    }

    .contBoxHome {
        float: none;
        width: 100% !important;
        margin-right: 0px;
        margin-bottom: 0px;
        color: #fff;
        height: auto;
        z-index: 1;
    }

    .contBoxHome img {
        width: 100%;
        height: auto;
    }

    .txtContBox {
        padding: 5px;
    }

    .contBoxHome .txt1 {
        margin-top: 0;
    }

    /*REGISTRATION*/
    .img-ban1 {
        padding: 0 10%;
    }

    .regBox {
        padding: 20px;
        box-sizing: border-box;
    }

    .contBox {
        margin-bottom: 5px;
    }

    .input {
        position: relative;
    }

    .input:focus + .tooltips {
        display: inline-block;
        left: 10%;
    }

    .tooltips {
        font-family: Verdana,Arial,Tahoma;
        display: none;
        position: absolute;
        margin-left: 47%;
        padding-left: 10px;
        z-index: 99999;
    }

    .tooltips p {
        background: #acadad;
        color: #444;
        text-align: left;
        //border-left: none;
    }

    .floatL {
        float: none;
        display: block;
    }

    .leftReg {
        text-align: left;
        width: 100%;
        padding: 5px 0;
    }

    .leftReg br {
        display: none;
    }

    .rightReg {
        margin-left: 0;
        width: 100%;
    }

    .triforwidth, .halfwidth {
        width: 90%;
        display: inline-block;
    }

    .rightReg input[type="text"], .rightReg select {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .rightReg select {
        margin-bottom: 10px;
        width: 90%;
    }

    .checkav {
        margin-top: 10px;
    }

    .rightReg .phone1 {
        width: 10%;
    }

    .rightReg .phone2 {
        width: 89%;
    }

    .childImg .noAdjustment {
        max-width: 100%;
        width:100%;
    }

    .childFour {
        display: none;
    }

    .childOne, .childTwo, .childFive, .childThree, .childSix {
        font-size: 14px;
        color: #fff;
        display: inline;
        line-height: normal;
    }

    .childOne br {
        display: none;
    }


    /* PRODUCT */
    .prodBox {
        float: none;
        width: 100%;
        margin: 20px 0;
    }
    /*FOOTER*/
    .footbox {
        float: none;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        padding: 10px 0;
    }

    .copy.footbox span {
        display: block;
        margin-top: 10px;
    }

    .bordots {
        float: none;
        display: block;
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }

    /*more bonus*/
    .morebonus span, .morebonus span:first-child {
        margin-top: 0;
        font-size: 14px;
        color: #fff;
        display: inline-block;
        line-height: normal;
        margin: 0;
    }

    .morebonus span:nth-child(2) br {
        display: none;
    }

    .morebonus {
        margin-left: 0;
        margin-top: 0;
    }

    .moreplayermobile {
        display: block;
    }
}

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

    html:lang(vi-vn) .slider11:nth-child(2) .childSlide .AffSlide2textOne {
        font-size: 4vw;
        text-align: center;
    }

    html:lang(vi-vn) .slider11:nth-child(2) .childSlide .AffSlide2textOne2 {
        font-size: 5vw;
        text-align: center;
    }

    html:lang(vi-vn) .slider11:nth-child(2) .childSlide .AffSlide2textTwo {
        font-size: 5vw;
        text-align: center;
        color: #fee71b;
    }

    html:lang(vi-vn) .slider11:nth-child(2) .childSlide .AffSlide2textThree {
        font-size: 6vw;
        text-align: center;
        color: #fee71b;
    }

    .parentSlide {
        //min-height:400px;
    }
}

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

    html:lang(vi-vn) .childSlide .AffSliderTextOne {
        font-size: 4vw;
        text-align: left;
        margin-left: 0px;
    }

    .input:focus + .tooltips {
        display: none;
    }

    .contHomeDiv {
        position: static;
        width: 450px;
        margin: 0 auto;
        box-sizing: border-box;
        /*margin-top: 20px;*/
    }
    .affFunction1 font {
        font-size: 1em;
    }
    .parentSlide {
        //min-height: 400px;
    }

    .Promotion-banner .text {
        padding-left: 40px;
    }

    .Promotion-banner .text h4 {
        font-size: 20px;
        margin-bottom: 4px;
    }

    .Promotion-banner .text h2,
    .Promotion-banner .text h1 {
        font-size: 30px;
        margin: 0;
    }

    #Promotion-plan .inner {
        padding: 0 15px;
    }

    #Promotion-plan .inner > ul li ul {
        margin-left: 0;
        padding-left: 0;
    }

    .foot ul li {
        float: none;
    }
}

@media screen and (max-width : 500px) {
    /*HEADER*/
    .time-part {
        display: none;
    }
}

@media screen and (max-width : 480px) {
        
    /*REGISTER*/
    .rightReg .phone1 {
        width: 20%;
    }

    .rightReg .phone2 {
        width: 69%;
    }

    /*HOME*/
    .contHomeDiv {
        position: static;
        width: 100%;
        margin-left: 0;
        box-sizing: border-box;
        margin-top: 20px;
        padding: 0 25px;
    }

    /* about page */
    .contentAbout {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .aboutWrap {
        padding-left: 30px;
        padding-right: 30px;
    }

    .aboutWrap ul li {
        padding-left: 30px;
    }

    .comm-banner .text {
        padding-left: 15px;
    }

    .comm-banner .text h2 {
        font-size: 30px;
    }

    .comm-banner .text h4 {
        font-size: 17px;
    }

    .comm-banner .text ul {
        padding-left: 0;
    }

    .comm-banner .text ul li {
        font-size: 25px;
        padding-left: 50px;
    }

    .comm-banner .text ul li:before {
        background-size: 100%;
        width: 50px;
    }

    #comm-plan {
        padding-left: 10px;
        padding-right: 10px;
    }

    #comm-plan h2 {
        margin-left: 0;
    }

    #comm-plan .inner {
        padding-left: 10px;
        padding-right: 10px;
    }

    .aff-tble-container {
        overflow-x: scroll;
    }

    table.aff-tble,
    table.aff-tble.th {
        margin-left: 0;
    }

    .Promotion-banner .text {
        padding-left: 15px;
    }

    #Promotion-plan,
    #Promotion-plan .inner {
        padding: 0 10px;
    }

    #Promotion-plan .inner > ul {
        margin-left: 0;
        padding-left: 15px;
        padding-bottom: 15px;
    }

    #Promotion-plan .inner > ul li ul {
        padding-left: 0;
        margin-left: 0;
    }
    /*
    NOTIF MODAL
*/
    #selectTab {
        display: block;
        color: #fff;
        background: #04722b url(/images/dropDownArrow.png) no-repeat;
        background-position: 98% 50%;
        padding: 7px 10px;
        border: none;
        margin: 2px;
        width: 100%;
    }

    .tabHead {
        display: none;
    }

    #tabBody {
        margin-top: 5px;
    }
}

@media screen and (max-width : 420px) {
    #cirlceFlags ul li:hover > #childFlag {
        right: -30px;
    }

    html:lang(vi-vn) .childSlide {
        width: 100%;
        text-align: center;
    }

    html:lang(vi-vn) .childSlide .AffSliderTextOne {
        font-size: 4vw;
        text-align: left;
        margin-left: 0px;
    }

    .rightReg .phone1 {
        width: 20%;
    }

    .rightReg .phone2 {
        width: 67%;
    }

    .regBoxTitle {
        font-size: 10px;
    }
}

@media only screen and (max-width: 420px) and (min-width: 320px) {
    .contHomeDiv {
        position: static;
        margin: 0 auto;
        box-sizing: border-box;
        margin-top: 20px;
    }
}