@import url("/theme/arc988-2/font/font.css");
body {
    margin: 0;
    padding: 0;
    font: normal 12px/30px Sans-Serif, Tahoma, Helvetica;
    /* Set a specified height, or the minimum height for the background image */
    min-height: 500px;
    /* Set background image to fixed (don't scroll along with the page) */
    background-attachment: fixed;
    /* Center the background image */
    background-position: center;
    /* Set the background image to no repeat */
    background-repeat: no-repeat;
    /* Scale the background image to be as large as possible */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow-x: hidden;
}

* {
    margin: 0;
    padding: 0;
}

table {
    width: 100%;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

/**************************HEADER***/
#tdHeader-login, #tdHeader-menu, #tdHeader-bottom {
}

#tdHeader-login {
    border-bottom: #6b82ab 1px solid;
}

#tdHeader-menu {
    border-top: #14223c 0px solid;
    border-bottom: #14223c 0px solid;
}

#tdHeader-bottom {
    border-top: #6b82ab 1px solid;
    border-bottom: #6b82ab 1px solid;
}

    #tdHeader-bottom a {
        color: #9ba1ac;
    }

/**************************FONT COLOR***/
.clr1 {
    color: #9ba1ac;
}

/**************************OTHER***/
.centered {
    position: absolute;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-repeat: no-repeat;
    text-align: center;
    left: 50%;
    width: 960px;
}

.div-jackpotFrame {
    color: #fff;
    top: 396px;
    height: 340px;
    z-index: 9999;
}

#div-jackpot {
    bottom: 18px;
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 40px;
}

.rotate:hover {
    transform: rotateY(360deg);
    transition: 0.6s;
    transform-style: preserve-3d;
}



/************************************************BLINK ANIMATION*/
@keyframes navColors2 {
    0% {
        color: #fff100;
    }

    50% {
        color: red;
    }

    100% {
        color: #fff100;
    }
}

@-webkit-keyframes navColorsT {
    0% {
        color: #fff100;
    }

    50% {
        color: red;
    }

    100% {
        color: #fff100;
    }
}

@-moz-keyframes navColorsT {
    0% {
        color: #fff100;
    }

    50% {
        color: red;
    }

    100% {
        color: #fff100;
    }
}

@-ms-keyframes navColorsT {
    0% {
        color: #fff100;
    }

    50% {
        color: red;
    }

    100% {
        color: #fff100;
    }
}

@-o-keyframes navColors2 {
    0% {
        color: #fff100;
    }

    50% {
        color: red;
    }

    100% {
        color: #fff100;
    }
}

.blinks {
    -webkit-animation: navColors2 1s ease infinite;
    -moz-animation: navColors2 1s ease infinite;
    -ms-animation: navColors2 1s ease infinite;
    -o-animation: navColors2 1s ease infinite;
    animation: navColors2 1s ease infinite;
}

/**************************FOOTER***/
#divFooter {
}

    #divFooter a {
    }

/**************************GAMES LOGO***/
#ulgames-logo {
    display: inline;
}

    #ulgames-logo li {
        float: left;
        list-style: none;
    }

/************************************MENU*/
#cssmenu {
    position: relative;
    z-index: 9998;
}

#cssmenu {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: 0px currentColor;
    border-image: none;
    line-height: 1;
    display: block;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    #cssmenu ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        border: 0px currentColor;
        border-image: none;
        line-height: 1;
        display: block;
        position: relative;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

        #cssmenu ul li {
            list-style: none;
            margin: 0px;
            padding: 0px;
            border: 0px currentColor;
            border-image: none;
            line-height: 1;
            display: block;
            position: relative;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

            #cssmenu ul li a {
                list-style: none;
                margin: 0px;
                padding: 0px;
                border: 0px currentColor;
                border-image: none;
                line-height: 1;
                display: block;
                position: relative;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
            }

    #cssmenu #menu-button {
        list-style: none;
        margin: 0px;
        padding: 0px;
        border: 0px currentColor;
        border-image: none;
        line-height: 1;
        display: block;
        position: relative;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    #cssmenu::after {
        height: 0px;
        line-height: 0;
        clear: both;
        display: block;
        visibility: hidden;
        content: ".";
    }

    #cssmenu > ul::after {
        height: 0px;
        line-height: 0;
        clear: both;
        display: block;
        visibility: hidden;
        content: ".";
    }

    #cssmenu #menu-button {
        display: none;
    }

#cssmenu {
    background: none;
    width: auto;
    line-height: 1;
    font-family: "Open Sans",sans-serif;
}

#menu-line {
    background: rgb(241, 216, 37);
    transition: 0.25s ease-out;
    left: 0px;
    top: 0px;
    height: 0px;
    position: absolute;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
}

#cssmenu > ul > li {
    float: left;
}

.align-center#cssmenu > ul {
    text-align: center;
    font-size: 0px;
}

    .align-center#cssmenu > ul > li {
        float: none;
        display: inline-block;
    }

.align-center#cssmenu ul ul {
    text-align: left;
}

.align-right#cssmenu > ul > li {
    float: right;
}

.align-right#cssmenu ul ul {
    text-align: right;
}

#cssmenu > ul > li > a {
    border-width: 1px;
    border-style: solid;
    padding: 21px 14px;
    transition: color 0.2s;
    border-image: linear-gradient(#07b3ff, rgba(0, 0, 0, 0)) 1 100%;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    -webkit-border-image: -webkit-linear-gradient(#07b3ff, rgba(142, 122, 80, 0)) 1 100%;
    -moz-border-image: -moz-linear-gradient(#07b3ff, rgba(142, 122, 80, 0)) 1 100%;
    -o-border-image: -o-linear-gradient(#07b3ff, rgba(0, 0, 0, 0)) 1 100%;
}

#cssmenu > ul > li:hover > a {
    color: #cdcdcd;
}

#cssmenu > ul > li.active > a {
    color: #fff;
}

#cssmenu > ul > li.has-sub > a {
    padding-right: 25px;
}

    #cssmenu > ul > li.has-sub > a::after {
        transition: border-color 0.2s;
        top: 21px;
        width: 4px;
        height: 4px;
        right: 10px;
        border-right-color: #07b3ff;
        border-bottom-color: rgb(255, 255, 255);
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-right-style: solid;
        border-bottom-style: solid;
        position: absolute;
        content: "";
        transform: rotate(45deg);
        -webkit-transition: border-color 0.2s ease;
        -moz-transition: border-color 0.2s ease;
        -o-transition: border-color 0.2s ease;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }

#cssmenu > ul > li.has-sub:hover > a::after {
    border-color: rgb(0, 154, 225);
}

#cssmenu ul ul {
    left: -9999px;
    position: absolute;
}

#cssmenu li:hover > ul {
    left: auto;
}

.align-right#cssmenu li:hover > ul {
    right: 0px;
}

#cssmenu ul ul ul {
    top: 0px;
    margin-left: 100%;
}

.align-right#cssmenu ul ul ul {
    margin-right: 100%;
    margin-left: 0px;
}

#cssmenu ul ul li {
    transition: height 0.2s;
    height: 0px;
    -webkit-transition: height .2s ease;
    -moz-transition: height .2s ease;
    -o-transition: height .2s ease;
}

#cssmenu ul li:hover > ul > li {
    height: 32px;
}

#cssmenu ul ul li a {
    background: rgb(20, 29, 47);
    padding: 10px 20px;
    transition: color 0.2s;
    width: 220px;
    color: rgb(255, 255, 255);
    font-size: 15px;
    text-decoration: none;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
}

    #cssmenu ul ul li a:first-child {
        border: 0px currentColor;
        border-image: none;
    }

#cssmenu ul ul li:hover > a {
    background: rgb(15, 21, 33);
    color: rgb(251, 170, 25);
}

#cssmenu ul ul li a:hover {
    background: rgb(15, 21, 33);
    color: #cdcdcd;
}

#cssmenu ul ul li.has-sub > a::after {
    transition: border-color 0.2s;
    top: 13px;
    width: 4px;
    height: 4px;
    right: 10px;
    border-right-color: #07b3ff;
    border-bottom-color: rgb(221, 221, 221);
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    position: absolute;
    content: "";
    transform: rotate(-45deg);
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -o-transition: border-color 0.2s ease;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.align-right#cssmenu ul ul li.has-sub > a::after {
    border-width: 1px 0px 0px 1px;
    border-style: solid none none solid;
    border-color: rgb(221, 221, 221) currentColor currentColor rgb(221, 221, 221);
    left: 10px;
    right: auto;
}

#cssmenu ul ul li.has-sub:hover > a::after {
    border-color: rgb(255, 255, 255);
}


/*************************************************************MOBILE SETTING*/
@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 991px) {
}

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

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





* { font-family: 'Open Sans', sans-serif; box-sizing: border-box; }
body { margin: 0; padding: 0; overflow-x: hidden; }
body {
    background-image: url(/data/2068/uploads/silverbg.jpg);
    background-size: cover;
}
html { overflow-x: hidden; }

/*-------------------------------------------- Style  -----------------*/
.w1400 { max-width: 1400px; margin: auto; width: 100%; }
.container { margin-top: 40px; margin-bottom: 40px; }
.btn { display: block; border-radius: 0; }
.text-center { text-align: center; }

h1 {
  color: #00938e;
}
p {margin:0;}

@media screen and (max-width:600px) {
    h1 { font-size: 20px; }
    h2 { font-size: 18px; }
    h3 { font-size: 16px; }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #fff6dd inset !important; -webkit-text-fill-color: #000; }


/**** collapse */
.collapse-box { border-bottom: 1px solid #444; border-top: 1px solid #444; margin-top: -1px; }
[data-collapse] { display: block; padding: 10px 15px; padding-right: 35px; text-align: left; width: 100%; color: #fff; border: 2px solid; border-image-slice: 1; border-width: 2px; background-size: 200% auto; transition: background 0.2s ease-in-out, border 0.2s ease-in-out; margin-top: 10px; position: relative; background-color: transparent; border: 0; color: #fff; margin-top: 0; transition: none; font-weight: bold; }
    [data-collapse]:after { content: '+'; position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; font-size: 23px; color: #a5a5a7; display: flex; justify-content: center; align-items: center; }
    [data-collapse].active:after { content: '-'; font-size: 38px; color: #a5a5a7; top: -10px; }
    [data-collapse]:hover { }
        [data-collapse]:hover, [data-collapse]:hover:after { color: #ebb934; }
    [data-collapse]:active, [data-collapse]:active:after { color: #f40905; transition: none; }
    [data-collapse].active { color: #ebb934; background-color: rgba(255,255,255,0.1); }

.collapse-box ul, .collapse-box ol { margin-left: 20px; }
.collapse-box li { list-style-type: disc; margin: 5px 0; }

[data-collapse-target] { overflow: hidden; display: none; padding: 20px; border: 0; color: #ccc; line-height: 1.5em; }
    [data-collapse-target] b, [data-collapse-target] h1, [data-collapse-target] h2, [data-collapse-target] h3 { color: #ebb934; }


@media screen and (max-width:767px) {
    [data-collapse-target] { font-size: 11px; }
}

/***** popup */
.popup { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(27,30, 35,0.6); opacity: 0; visibility: hidden; display: flex; justify-content: center; align-items: center; z-index: 111; backdrop-filter: blur(5px); overflow-y: auto; }
    .popup.active { opacity: 1; visibility: visible; }
.popup-container { transform: translateY(-150px); transition: transform 0.2s ease-in-out; }
.popup.active .popup-container { transform: translateY(0); }

.btn-close { position: absolute; top: 10px; right: 10px; padding: 15px; z-index: 9; background-color: transparent; border: 0; cursor: pointer; }
    .btn-close:hover { transform: rotate(90deg); transition: transform 0.3s; }
    .btn-close:before { display: none; }
    .btn-close > div { padding: 10px; }
    .btn-close span {
  display: block;
  border-radius: 5px;
  background-color: #fff;
  width: 25px;
  height: 3px;
  margin: 5px 0;
}
        .btn-close span:first-child { transform: translate(0px, 4px) rotate(45deg); }
        .btn-close span:last-child { transform: translate(0px, -4px) rotate(-45deg); }


@media screen and (max-width:750px) {
    .btn-close { top: 10px; right: 10px; }

    .popup > .wrapper { position: relative; margin: 10px; }
}
/**** please login */
[data-popup-target="plslogin"].active .popup-container { animation: mybounce 0.5s; }
[data-popup-target="plslogin"] .popup-container { background-color: #262626; position: relative; padding: 20px; }
.div-plslogin { text-align: center; padding: 0 20px 10px; }
    .div-plslogin img { margin: 25px auto; }
    .div-plslogin p { font-size: 18px; }
    .div-plslogin .btn-grey { padding: 10px 35px; margin-top: 15px; font-size: 18px; border-radius: 6px; }
[data-popup-target="plslogin"] .btn-close { position: static; }

@keyframes mybounce {
    0% { transform: scale(0.0); }
    33% { transform: scale(1.0); }
    66% { transform: scale(0.9); }
    100% { transform: scale(1.0); }
}

@media screen and (max-width:767px) {
    [data-popup-target="plslogin"] .popup-container { width: 80%; }
}

/**** scroll bar */
::-webkit-scrollbar { width: 8px; height: 5px; }
::-webkit-scrollbar-button { width: 0px; height: 0px; }
::-webkit-scrollbar-thumb {
    background: #06706d;
    border: 0px none #ffffff;
    border-radius: 50px;
}
    ::-webkit-scrollbar-thumb:hover { background: #06706d; }
    ::-webkit-scrollbar-thumb:active { background: #06706d; }
::-webkit-scrollbar-track { background: #ddd; border: 0px none #ffffff; border-radius: 50px; }
    ::-webkit-scrollbar-track:hover { background: #ddd; }
    ::-webkit-scrollbar-track:active { background: #ddd; }
::-webkit-scrollbar-corner { background: transparent; }

/*-------------------------------------------- header  -----------------*/
.menu-burger { position: absolute; top: 5px; left: 0; }
.menu-burger { padding: 15px 7px; }
    .menu-burger span { height: 3px; width: 20px; background-color: #23c6c2; margin: 3px; display: block; border-radius: 20px; }


.header-right { margin: 0; padding: 0; display: flex; align-items: center; }
    .header-right li { list-style-type: none; }
    .header-right .btn { background-color: transparent; border: 0; margin-left: 5px; margin-right: 5px; cursor: pointer; }
 .header-right .btn:not(#btn-lang) {
    background-color: #3c4544;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    padding: 10px 20px;
    font-size: 14px;
}
     .header-right .btn:not(#btn-lang):hover {
    background-color: #436562;
}
      .header-right .btn:not(#btn-lang):active {
    background-color: #06706d;
    color: #044a48;
}
        .header-right .btn#btn-lang { }
            .header-right .btn#btn-lang img { height: 35px; width: 35px; border-radius: 50%; border: 1px solid #d5b965; }
            .header-right .btn#btn-lang:hover img { filter: brightness(1.1); }
            .header-right .btn#btn-lang:active img { filter: grayscale(0.5); }


@media screen and (min-width:650px) {
    .menu-burger { display: none; }
    .header { display: flex; align-items: center; justify-content: space-between; }

    .logo { padding: 15px; }
        .logo img {
  max-width: 250px;
  width: 100%;
}
.login-title .logo {
    text-align: center;
}
    .header-right { padding-right: 15px; }
}

@media screen and (max-width:1023px) and (min-width:650px) {
    .header .left { display: flex; align-items: center; }
    .menu-burger { display: block; position: static; }
}


@media screen and (max-width:650px) {
    .logo { text-align: center; padding-top: 10px; }
        .logo img { max-width: 220px; width: 100%; }
    .header-right { justify-content: center; padding: 10px 0; }
    #btn-lang { position: absolute; top: 10px; right: 0; }
}
/*-------------------------------------------- cssmenu  -----------------*/
#cssmenu { z-index: 99; }
    #cssmenu ul { margin: 0; padding: 0; z-index: 99; }
        #cssmenu ul > li { list-style-type: none; }
            #cssmenu ul > li a { position: relative; text-decoration: none; font-weight: bold; font-size: 14px; border: 0; }
    #cssmenu > ul > li.has-sub > a::after { display: none; }
    #cssmenu ul li > ul > li { height: auto !important; }


@media screen and (min-width:1024px) {
    #divMenu { background-color: #0bcdc7; }
    #menuContainer { max-width: 1400px; margin: auto; width: 100%; }
    #cssmenu { position: static; }
        #cssmenu > ul { display: flex; position: static; }
            #cssmenu > ul > li { flex: 1; text-align: center; position: static; }
       #cssmenu > ul > li:not(:last-child) > a:before {
    content: '';
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 0px;
    width: 1px;
    margin: auto;
    background-color: #022524;
}
 #cssmenu > ul > li > a { color: #044a48;}      
#cssmenu > ul > li.active > a {
    background-color: #055d5a;
    color: #0df2eb;
}
      #cssmenu li:not(.active) a:hover {
    background-color: #055d5a;
    color: #fff;
}

        #cssmenu a { display: block; position: relative; padding: 15px 15px !important; text-transform: uppercase; }

       #cssmenu li.has-sub:hover {
    background-color: #055d5a;
    color: #fff;
}
            #cssmenu li.has-sub:hover > a { color: #fff; }
        #cssmenu ul ul li a { background: transparent; }
        #cssmenu ul ul { z-index: 999; }

        #cssmenu ul > li:not(:last-child) ul {
    position: absolute;
    left: 0;
    right: 0;
    background-color: #055d5a;
    max-height: 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#cssmenu ul > li:not(:last-child):hover ul {
    max-height: 1000px;
    transition: max-height 0.5s ease-in-out;
    border-bottom: 3px solid #0abab5;
}
        #cssmenu ul > li:not(:last-child) ul > li { text-align: center; /*max-width: 200px;*/ }
            #cssmenu ul > li:not(:last-child) ul > li > a { color: #fff; }
          #cssmenu ul > li:not(:last-child) ul > li:hover > a {
    background: radial-gradient(#07827f, rgba(0,0,0,0));
}
        #cssmenu ul > li:not(:last-child) ul img { width: 100%; margin-bottom: 5px; display: block; border-radius: 10px; }

        #cssmenu > ul > li:last-child { position: relative; }
        #cssmenu ul > li:last-child > ul {
  position: absolute;
  width: 100%;
  background-color: #0bcdc7;
}
            #cssmenu ul > li:last-child > ul li { width: 100%; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-in-out; }
        #cssmenu ul li:last-child.has-sub:hover ul li { max-height: 46px; }
        #cssmenu ul > li:last-child > ul li a {
  color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #0bcdc7;
  width: auto !important;
}
        #cssmenu ul li:last-child.has-sub ul li a:hover {
  color: #fff;
  background-color: #055d5a;
}


    #menuadd { display: none; }
}

@media screen and (max-width:1023px) {
    #divMenu { position: fixed; top: 0; bottom: 0; left: 0; margin: auto; z-index: 101; width: 0; }
        #divMenu.active { width: 100%; }
        #divMenu #menuContainer { transform: translateX(-250px); transition: transform 0.2s ease-in-out; overflow-y: auto; }
        #divMenu.active #menuContainer { transform: translate(0px); }
        #divMenu #cssmenu-bg { opacity: 0; transition: opacity 0.2s ease-in-out; }
        #divMenu.active #cssmenu-bg { opacity: 1; }

    #cssmenu-bg { background-color: rgba(0,0,0,0.4); backdrop-filter: blur(3px); width: 100%; height: 100%; }
    #menuContainer { position: fixed; top: 0; bottom: 0; left: 0; 
    background-color: #033836; max-width: 225px; width: 100%; z-index: 2; }
    #cssmenu { padding: 10px; }
        #cssmenu > ul { }
        #cssmenu a { padding: 13px 20px !important; display: block; color: #0cdfd9 !important; text-transform: capitalize; font-size: 12px !important; font-weight: normal !important; }
        #cssmenu > ul > li { float: none; }

            #cssmenu > ul > li:not(:last-child) > ul { display: none !important; }


            #cssmenu > ul > li:last-child.has-sub > a { display: none !important; }
            #cssmenu > ul > li:last-child.has-sub > ul { border-top: 1px solid #ededed; margin-top: 5px; padding-top: 5px; position: static; left: auto; }
        #cssmenu ul ul li a { background-color: transparent !important; width: auto !important; }

        #cssmenu a { display: flex !important; align-items: center; border-radius: 30px; }
        #cssmenu li.active > a {
    background-color: #3c4544 !important;
    color: #fff !important;
}
        #cssmenu li.active i { filter: contrast(0) brightness(2); }
        #cssmenu i { display: block; height: 20px; width: 20px; background-size: 100% 100%; margin-right: 10px; }
            #cssmenu i.icnHome { background-image: url('/data/1985/uploads/icn-home.png'); }
            #cssmenu i.icnSport { background-image: url('/data/1985/uploads/icn-soccer.png'); }
            #cssmenu i.icnCasino { background-image: url('/data/1985/uploads/icn-poker.png'); }
            #cssmenu i.icnGames { background-image: url('/data/1985/uploads/icn-slot.png'); }
            #cssmenu i.icnLottery { background-image: url('/data/1985/uploads/icn-lottery.png'); }
            #cssmenu i.icnPromo { background-image: url('/data/1985/uploads/icn-promo.png'); }
            #cssmenu i.icnVip { background-image: url('/data/1985/uploads/icn-diamond.png'); }
            #cssmenu i.icnMore { background-image: url('/data/1985/uploads/icn-more.png'); }
            #cssmenu i.icnAff { background-image: url('/data/1985/uploads/icn-affiliate.png'); }
            #cssmenu i.icnEPL { background-image: url('/data/1985/uploads/icn-epl.png'); }
            #cssmenu i.icnCheck { background-image: url('/data/1985/uploads/icn-check.png'); }

    #menuadd { padding-left: 10px; padding-right: 10px; padding-bottom: 25px; }
    .menu-social { background-color: transparent ; border-top: 1px solid #ededed; }
        .menu-social > p { margin-top: 15px; margin-bottom: 0; color: #ccc; padding-left: 10px; }
}

.menu-social ul { margin: 0; padding: 5px; }
.menu-social li { list-style-type: none; }

.menu-social a { padding: 5px; display: block; margin-left: 5px; margin-right: 5px;     color: #00d0cb !important; font-size: 12px; }
.menu-social a > img {
    width: 30px;
    margin-right: 10px;
    filter: hue-rotate(123deg)brightness(1);
}

/*-------------------------------------------- popup  -----------------*/
.icnR { position: absolute; left: 5px; top: 7px; }
 .icnR img {
    height: 20px;
    margin: 0 !important;
    filter: hue-rotate(128deg)brightness(1);
}

/*===== login =====*/
.div-login { margin: auto; max-width: 400px; padding-top: 25px; padding-bottom: 25px; }

#customform { }
    #customform dd, #customform1 dd { position: relative; margin: 10px 0; }
    #customform dl,#customform1 dl { margin-bottom: 0; }
#customform_UserName, #customform1_UserName, #customform_Password, #customform1_Password, #customform_submit, #customform1_submit { padding: 8px 10px; /* border-radius: 6px;*/ }
#customform_UserName, #customform1_UserName, #customform_Password, #customform1_Password {
    border: 1px solid #0bcdc7;
    background-color: #ffffff;
    color: #000;
    padding-left: 30px;
    width: 100%;
}
    #customform_UserName::placeholder, #customform1_UserName::placeholder, #customform_Password::placeholder, #customform1_Password::placeholder { color: #aaa; opacity: 1; }
    #customform_UserName:-ms-input-placeholder, #customform1_UserName:-ms-input-placeholder, #customform_Password:-ms-input-placeholder, #customform1_Password:-ms-input-placeholder { color: #aaa; }
    #customform_UserName::-ms-input-placeholder, #customform1_UserName::-ms-input-placeholder, #customform_Password::-ms-input-placeholder, #customform1_Password::-ms-input-placeholder { color: #aaa; }
#customform_UserName { }
#customform_Password { }
#customform_submit, #customform1_submit {
    padding: 8px 15px;
    background: #d7901e;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    border: 0;
    font-size: 18px;
    margin: auto;
    display: block;
}
    #customform_submit:hover, #customform1_submit:hover {
  box-shadow: inset 0 0 30px #07827f;
}
    #customform_submit:active, #customform1_submit:active { box-shadow: inset 0 0 30px rgba(25,25,25,0.6); }

.divLogin { max-width: 320px; width: 100%; margin: auto; }

.login-title { }
.login-title h1 {
    color: #ffffff;
    font-weight: bold;
}
.login-title p {
    font-size: 12px;
    color: #fff;
}
.login-bottom { padding-top: 15px; margin-top: 25px; border-top: 1px solid #efefef; }
.login-bottom p {
    color: #006864;
    text-align: center;
}
   .login-bottom a {
  color: #fff;
  padding: 15px 5px;
}

@media screen and (min-width:550px) {
.popup-login .popup-container {
    position: relative;
    background: linear-gradient(45deg, #0bcdc7, #d1d1d1);
    padding: 20px 40px;
    max-width: 400px;
    width: 100%;
}
}

@media screen and (max-width:549px) {
    .popup-login .popup-container { position: relative; width: 100%; height: 100%; background-color: #06706d; padding-left: 25px; padding-right: 25px; }
}

/*===== Language =====*/
.popup-lang .popup-container { position: relative; background-color: #033836; padding: 5px 20px 10px 20px; max-width: 500px; width: 100%; border-radius: 10px; }

.lang-title h1 {
    color: #0bcdc7;
    font-size: 24px;
}

.lang-area ul { padding: 0; margin: 0; }
    .lang-area ul > li { list-style-type: none; margin: 10px 0;     background-color: #067b78; padding: 10px 15px; }
.lang-area p {
    margin: 0;
    margin-bottom: 5px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}

.flag-container { display: flex; align-items: center; }
.flag img { width: 40px; }
.lang-choose a { display: inline-block; position: relative; padding: 10px 25px; cursor: pointer; color: #fff;}
    .lang-choose a:not(:first-child):after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 1px; height: 16px; background-color: #ddd; pointer-events: none; }

@media screen and (max-width:549px) {
    .lang-title h1 { font-size: 16px; margin: 20px 0; }

    .popup-lang .popup-container { height: 100%; overflow-y: auto; border-radius: 0; }
}



/*-------------------------------------------- banking -----------------*/
.banking {
  color: #fff;
}
.banking p {
  font-weight: bold;
  font-size: 18px;
  margin: 20px auto 30px;
  color: #00c1ce;
  line-height: 26px;
}
.bankingTable {
  background: linear-gradient(45deg,#023d50,#038a93);
  color: #fff;
  margin: auto;
}
.bankingTable tr, .bankingTable td {
  border: 1px solid gray;
}
.content-details {
  margin: 30px auto 20px;
}


/*-------------------------------------------- download   -----------------*/

#theme-contain-download {
    padding: 30px 0;
}
#theme-contain-download h1 {
    color: #098b87;
    font-weight: bold;
    margin-bottom: 50px;
}
.d-brand {
    text-align: center;
}
.brand-box {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: 20px;
}
.download ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}
.download ul li {
    flex: 0 0 30%;
    padding: 20px;
    background: linear-gradient(45deg, #009f9b, transparent);
    border-radius: 20px;
    transition: 0.3s;
}
.brand-box a {
    display: block;
}
.brand-box a:hover {
    filter: brightness(1.5);
    scale: 0.9;
    transition: 0.3s;
}
.download ul:hover li:not(:hover) {
    filter: blur(4px)brightness(0.5);
    transition: 0.3s;
}
.brand-box img {
    width: 100%;
}








/*-------------------------------------------- registration  -----------------*/
.register-box { display: flex; padding-top: 25px; padding-bottom: 25px; }
    .register-box .description ul { margin-left: 40px; }
        .register-box .description ul > li { list-style-type: disc; }

@media screen and (min-width:1024px) {
    .register-box .description { max-width: 40%; padding-left: 20px; }
       .register-box .description .panel {
    height: 100%;
    border: 3px solid #0bcdc7;
}
        .register-box .description .panel-heading2 { padding: 20px; }
    .register-box .register-form { max-width: 60%; }
}

@media screen and (max-width:1023px) {
    .register-box { flex-direction: column; }
        .register-box .description { order: 2; }
            .register-box .description .panel { border: 0; box-shadow: none; }
            .register-box .description .panel-heading2 { padding: 20px; }
        .register-box .register-form { order: 1; border:2px solid #65d5d5; margin: 15px; border-radius: 10px; }
}
.description img {
  width: 100%;
}
.register-form { padding: 20px; }
#registerform {
    width: 100%;
    padding: 0px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    background: radial-gradient(white 38%, transparent 75%);
}
    #registerform dl { margin: 15px auto; width: 100%; flex: 1 1 100%; }
  #registerform dt {
  width: 100%;
  color: #575757;
  font-size: 12px;
  margin-bottom: 5px;
  font-weight: normal;
}
    #registerform dd { position: relative; }
    #registerform textarea, #registerform input[type=text], #registerform input[type=password] {
    width: 100%;
    color: #000;
    font-size: 14px;
    padding: 8px 10px;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #aaa;
    padding-left: 40px;
}
        #registerform textarea:focus, #registerform input[type=text]:focus, #registerform input[type=password]:focus { border-color: #b11a2c; }
#groupUsername dd { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    #groupUsername dd #registerform_UserName { width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
    #groupUsername dd #registerform_UserNameMsg { width: 100%; }
#groupUsername .icnR { top: 5px; }
#registerform input.btnCheckUser { margin-top: 0; margin-bottom: 0; /*margin-left: 15px;*/ padding: 10px 20px; /*max-width: calc(40% - 15px);*/ font-size: 12px; cursor: pointer; }
#registerform_Currency { border: 0px solid; /* border-bottom: #ddd 1px solid; */ width: 100%; color: #000; font-size: 14px; padding: 8px 10px; background-color: transparent; border-bottom: 1px solid #aaa; padding-left: 40px; }
#registerform #registerform_varifycode { width: calc(100% - 115px); float: left; }
#registerform .btnCheckUser, #registerform_btnSubmit {
    color: #004341;
    font-weight: bold;
    border: 0px;
    padding: 8px 12px;
    font-size: 14px;
    text-transform: uppercase;
    margin: 6px 0;
    border: 0;
    background-color: #04ebe4;
}
#registerform .btnCheckUser:hover, #registerform_btnSubmit:hover {
    box-shadow: inset 0 0 10px rgba(255,255,255,0.3);
    background-color: #089591;
}
#groupSubmit { text-align: center; }
#registerform_btnSubmit { padding: 10px 75px; cursor: pointer; }
#registerform:after { font-size: 10px; color: #fff; }
#groupVerifyCode dd:last-child { position: static; }
#groupVerifyCode img { margin-left: 15px; }

input::-webkit-input-placeholder { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: .4s; transition: .4s; }
input::-moz-placeholder { transform: translateX(0px); -webkit-transition: .4s; transition: .4s; }
input:-ms-input-placeholder { transform: translateX(0px); -webkit-transition: .4s; transition: .4s; }
input::placeholder { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition: .4s; transition: .4s; }
input:focus::-webkit-input-placeholder { -webkit-transform: translateX(200px); transform: translateX(200px); -webkit-transition: .4s; transition: .4s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
input:focus::-moz-placeholder { transform: translateX(200px); -webkit-transition: .4s; transition: .4s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-timing-function: ease-in; }
input:focus:-ms-input-placeholder { transform: translateX(200px); -webkit-transition: .4s; transition: .4s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-timing-function: ease-in; }
input:focus::placeholder { -webkit-transform: translateX(200px); transform: translateX(200px); -webkit-transition: .4s; transition: .4s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px #fcffd3 inset; }

.small { font-size: 12px; }
.w3-text-red { color: #ff5858; }
.w3-text-green{ color: #58ff91; }
#redirectaddr a {
  color: gold;
  font-weight: bold;
}
.divRegister-box { background-color: #fff; }
.img-register { overflow: hidden; }
.register-box-wrapper > .right { }

.register-logo { position: absolute; bottom: 15px; left: 0; right: 0; margin: auto; z-index: 9; }
    .register-logo img { height: 100px; display: block; margin: auto; }

#registerform_FullNameDescription { color: #ff5858; padding-top: 5px; }

@media screen and (max-width: 1024px) {
    #registerform { padding: 25px; }
}

@media screen and (min-width: 768px) {
    #groupPassword, #groupComfirmPassword, #groupMobileNumber, #groupCurrency, #groupAffiliate, #groupVerifyCode { flex: 1 1 50%; max-width: 50%; }
    #groupPassword, #groupMobileNumber, #groupAffiliate { padding-right: 15px; }
    #groupComfirmPassword, #groupCurrency, #groupVerifyCode { padding-left: 15px; }
}

@media screen and (min-width: 767px) {
    .imgRegister-window { margin-left: 50%; transform: translateX(-50%); }

    .note { font-size: 11px; width: 550px; }
    .small { font-size: 11px; }
}

@media screen and (max-width: 766px) {
    .modal-register .modal-content { border: 0; border-radius: 0; }
    .registration-wrapper { padding: 0; }
    .divRegister-box { padding: 0; }
    .register-box-wrapper { border-radius: 0; }

    .register-logo { top: auto; left: 10px; right: auto; }
        .register-logo img { height: 50px; }
}

@media screen and (max-width: 768px) and (min-width:608px) {
    #registerform { flex-wrap: wrap; flex-direction: row; }
    #registerform_btnSubmit { padding: 15px 35px; }
    .note { position: absolute; width: 535px; font-size: 11px; }
    .small { font-size: 11px; }
}

@media screen and (max-width: 766px) {
    #registerform { padding: 10px 0; }
        #registerform .btnCheckUser { font-size: 3vw; }
    #registerform_btnSubmit { margin: 25px auto 0; width: 100%; padding-left: 0; padding-right: 0; }

    #groupUsername dd #registerform_UserName { width: 100%; }

    #groupPassword { position: relative; }
    #registerform_Password:focus { margin-bottom: 37px; }
        #registerform_Password:focus + .note { display: block; margin-top: -37px; }
    #registerform input.btnCheckUser { font-size: 10px; }

    .register-logo { display: none; }
}

.register-description { border: 2px solid #f40905; padding: 25px; margin-bottom: 40px; }
    .register-description p { margin-top: 10px; }
    .register-description ul { margin-left: 20px; }
    .register-description li { list-style-type: disc; margin: 10px 0; }
    .register-description a { color: #888 !important; font-size: 10px; }

@media screen and (max-width:1024px) and (min-width:767px) {
    .register-description li { font-size: 12px; }
}

@media screen and (min-width:768px) {
    .divRegister { display: flex; }
        .divRegister > .left { width: 30%; padding-top: 30px; }
        .divRegister > .right { width: 70%; }
}

@media screen and (max-width:767px) {
    /*.divRegister { display: flex; flex-direction: column; flex: 0 0 auto; }*/
    /*.divRegister > .left { order: 2; }*/
    /*.divRegister > .right { order: 1; }*/

    .register-description { border: 0; margin-bottom: 0; padding: 25px 0 0; text-align: center; }
        .register-description p, .register-description ul, .register-description a { display: none; }
}



/*-------------------------------------------- footer  -----------------*/
.bestList { background-color: #d5b965; background-image: url('/data/2068/uploads/bg-logo.png'); background-size: cover; background-position: center; }
    .bestList ul { padding: 40px 0; margin: 0; }
        .bestList ul li { position: relative; color: #fff; padding-top: 10px; padding-bottom: 10px; padding-left: 35px; list-style-type: none; }
            .bestList ul li:after { content: ''; position: absolute; width: 15px; height: 15px; top: 0; bottom: 0; left: 10px; margin: auto; pointer-events: none; }
            .bestList ul li:nth-child(odd):after { background-color: #03cfca; animation: best1 1s infinite; animation-timing-function: steps(1, end); }
            .bestList ul li:nth-child(even):after { background-color: #044a48; animation: best2 2s infinite; animation-timing-function: steps(1, end); }

@keyframes best1 {
    0% { background-color: #03cfca; }
    50% { background-color: #044a48; }
}

@keyframes best2 {
    0% { background-color: #044a48; }
    50% { background-color: #03cfca; }
}


@media screen and (min-width:768px) {
    .bestList ul { column-count: 2; column-gap: 20px; }
}

@media screen and (max-width:1023px) {
    .bestList ul li { font-size: 12px; }
}

.footer-box { overflow: hidden; }

.footer-wrapper {
    background-color: #3c4544;
}
.title-black {
  letter-spacing: 1px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 15px;
  text-align: center;
  margin-top: 40px;
  font-weight: bold;
}
.f-img { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }

.hover-logo {
    
    width: 70px;
    margin: 10px;
    aspect-ratio: 16/9;
    object-fit: contain;filter: contrast(0) sepia(1) saturate(2) contrast(2) brightness(0.7) hue-rotate(134deg); 
}
    .hover-logo:hover { filter: none;}

.footer-content {
    color: #179ca2;
    font-size: 20px;
    text-align: center;
}
    .footer-content > div { padding-bottom: 15px; padding-top: 10px; }
        .footer-content > div > p { margin-top: 0px; margin-bottom: 0px; font-weight: bold; font-size: 16px; }

/*------------- leeroy 1906 ---------------*/
.footer-btm {
  display: flex;
  border-top: 1px solid #07827f;
  justify-content: center;
  gap: 50px;
  padding: 0px 0px 30px;
}
.footer-bsection {
    width: 20%;
}

.footer-bsection .hover-logo {
  width: 40px;
  margin: 5px;
  aspect-ratio: 4/3;
}







@media screen and (min-width:1023px) {
    .footer-box { display: flex; }
        .footer-box > .footer-section { flex: 1; }
    .footer-section { position: relative; padding: 15px; }
  .footer-section:not(:first-child):after {
    content: '';
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 0;
    width: 1px;
    background-color: #07827f;
    margin: auto;
}
}

@media screen and (max-width:650px) {
    .footer-content > div > p { font-size: 12px; }
    .hover-logo { height: 30px; }

.footer-bsection {
    width: 100%;
}
.footer-btm {
    flex-direction: column;  
    border-top: unset;
    padding: 0;
    gap: 20px;
    padding-bottom: 40px;
}

}
/*-------------------------------------------- body  -----------------*/
.animation { animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.heartbeat { animation-name: myheartbeat; animation-duration: 1s; }

@keyframes myheartbeat {
    0% { transform: scale( .75 ); }
    20% { transform: scale( 1 ); }
    40% { transform: scale( .75 ); }
    60% { transform: scale( 1 ); }
    80% { transform: scale( .75 ); }
    100% { transform: scale( .75 ); }
}

.border-animation { position: relative; }
 .border-animation:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 3px solid #07827f;
    pointer-events: none;
}
.border-animation:hover:after {
    animation: myborder 1.5s infinite;
    border: 3px solid #07827f;
    pointer-events: none;
}
    .border-animation:hover .heartbeat { animation-duration: 0.5s; }

@keyframes myborder {
    0% { top: 0; bottom: 0; left: 0; right: 0; opacity: 1; }
    60%, 100% { top: -10px; bottom: -10px; left: -10px; right: -10px; opacity: 0; }
}

/*===== Home =====*/
.flexslider { margin: 0; padding: 0; border: 0; background-color: transparent; }

.divBanner { position: relative;}
    .divBanner img { width: 100%; }
.banner-reg {
    position: absolute;
    bottom: 32%;
    right: 15%;
    z-index: 99;
}
    .banner-reg > a { display: flex; align-items: center; justify-content: center; background-color: #0a6167; padding: 1vw; font-size: 1.5vw; font-weight: bold; color: #fff; text-decoration: none; }
        .banner-reg > a:hover { background-color: #074247; animation: none !important; }
        .banner-reg > a > img { width: 2vw; margin-right: 1vw; }

.divBanner .flex-control-nav { bottom: 0px; left: 0; right: 0; z-index: 10; max-width: 1400px; margin: auto; width: 100%; text-align: right; padding-right: 15px; }
    .divBanner .flex-control-nav li { margin: 0 3px; }
    .divBanner .flex-control-nav a { font-size: 0; background-color: #d5b965; box-shadow: none; }
        .divBanner .flex-control-nav a:hover { background-color: #a99047; }
        .divBanner .flex-control-nav a.flex-active { background-color: #ac7c2e; }


@media screen and (min-width:600px) {
    .divBanner .flex-control-nav { bottom: 20px; }
        .divBanner .flex-control-nav a { width: 30px; height: 10px; }
}

@media screen and (min-width:1023px) {
    .divBanner .flex-control-nav { bottom: 40px; }
        .divBanner .flex-control-nav a { width: 60px; height: 15px; }
}

@media screen and (max-width:600px) {
    .divBanner .flex-control-nav { padding-right: 6px; }

    .banner-reg { right: 10%; bottom: 20%;display: none;}
        .banner-reg > a { font-size: 3vw; padding: 2vw; }
            .banner-reg > a > img { width: 3vw; margin-right: 1vw; }

    .flex-direction-nav { display: none; }
}

.hlogo-container { position: relative; }
.hlogo-box {
    max-width: 1300px;
    width: 90%;
    margin: auto;
    border: 5px solid #06706d;
    border-radius: 100px;
    padding: 20px;
    background-color: #002525;
}
.hlogo-box .swiper-slide {
 filter: none;
}
        .hlogo-box .swiper-slide:hover {     filter: contrast(0) sepia(1) saturate(2) contrast(1.2)hue-rotate(130deg);}
.swiper-button-prev, .swiper-button-next { background-size: 100% auto;filter: hue-rotate(130deg); }
.swiper-button-prev { background-image: url('/data/1985/uploads/btn-swiper-prev.png'); }
.swiper-button-next { background-image: url('/data/1985/uploads/btn-swiper-next.png'); }
/*.swiper-button-prev, .swiper-button-next { filter: sepia(1); }*/
@media screen and (max-width:600px) {
    .swiper-button-prev, .swiper-button-next { width: 15px; }
    .hlogo-box { border-width: 3px; }
}
.swiper-wrapper {align-items:center;}

/*===== product =====*/
.pbox { margin: 0; margin-bottom: 40px; padding: 0; display: flex; flex-wrap: wrap; }
    .pbox li { padding: 0px; list-style-type: none; max-width: calc(50% - 20px); margin: 5px 10px; }

.prod-box { display: flex; position: relative; z-index: 2; height: 100%; }
.prod-box:after {
    content: '';
    position: absolute;
    top: 40px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-color: #06706d;
    z-index: -1;
    pointer-events: none;
    border-radius: 25px;
}
.prod-img {
    max-width: 50%;
    overflow: hidden;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
    background-image: url(/data/2068/uploads/bg-bg.png);
    background-size: 100% calc(100% - 40px);
    background-position: center bottom;
    background-repeat: no-repeat;
}
    .prod-img img { width: 100%; }
.prod-description { max-width: 50%; display: flex; flex-direction: column; justify-content: space-between; text-align: center; padding: 15px; padding-right: 30px;; padding-top: 40px; }
    .prod-description h2 { color: #fff; font-weight: bold; }
    .prod-description p { margin-bottom: auto;     color: #fff; font-size: 18px; }
    .prod-description .btn-reg { margin-top: auto; display: inline-flex; margin-left: auto; margin-right: auto; }
        .prod-description .btn-reg a { padding-left: 35px; padding-right: 35px; }

.pbox > li:nth-child(2) .prod-box:after, .pbox > li:nth-child(3) .prod-box:after, .pbox > li:nth-child(6) .prod-box:after {
        background-color: #00e2db;
}
.pbox > li:nth-child(1) .prod-description .btn-reg > a, .pbox > li:nth-child(4) .prod-description .btn-reg > a, .pbox > li:nth-child(5) .prod-description .btn-reg > a {
    background-color: #033836;
    color: #fff;
}
.pbox > li:nth-child(2) .prod-description .btn-reg > a img, .pbox > li:nth-child(3) .prod-description .btn-reg > a img, .pbox > li:nth-child(6) .prod-description .btn-reg > a img {
    filter: contrast(0) sepia(1) contrast(2) brightness(1.0)hue-rotate(130deg);
}
.pbox > li:nth-child(2) .prod-description .btn-reg > a, .pbox > li:nth-child(3) .prod-description .btn-reg > a, .pbox > li:nth-child(6) .prod-description .btn-reg > a {
    background-color: #4e4e4e;
    color: #6acbca;
}

@media screen and (max-width:1200px) {
    .prod-img { max-width: 60%; }
    .prod-description { max-width: 40%; }
        .prod-description h2 { font-size: 20px; }
        .prod-description p { font-size: 12px; }
        .prod-description .btn-reg a { padding-left: 10px; padding-right: 10px; }
}

@media screen and (min-width:1200px) {
}

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

@media screen and (max-width:1023px) {
    .prod-box { flex-direction: column; }
    .prod-img { max-width: 100%; }
    .prod-description { max-width: 100%; padding-top: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; padding-right: 15px; }
    .prod-img { background-size: 108% calc(100% - 40px); border-radius: 0; }
    .prod-description h2 { margin-top: 10px; }
    .prod-description p { margin-bottom: 10px; }
}

@media screen and (max-width:1023px) and (min-width:600px) {
    .pbox li { max-width: calc(33.33% - 20px); }

    .pbox > li:nth-child(odd) .prod-description { background-color: #006e79; }
    .pbox > li:nth-child(even) .prod-description { background-color: #004951; }

    .pbox > li .prod-description .btn-reg > a img { filter: none !important; }
    .pbox > li:nth-child(even) .prod-description .btn-reg > a img { filter: contrast(0) sepia(1) contrast(2) brightness(1.0) !important; }
    .pbox > li:nth-child(odd) .prod-description .btn-reg > a { background-color: #ac7d2f; color: #fff; }
    .pbox > li:nth-child(even) .prod-description .btn-reg > a { background-color: #4e4e4e; color: #6acbca; }
}

@media screen and (max-width:600px) {
    .pbox { padding-left: 15px; padding-right: 15px; }
}

@media screen and (max-width:400px) {
    .pbox li { max-width: 100%; }
    .pbox > li:nth-child(odd) .prod-description { background-color:#006e79; }
    .pbox > li:nth-child(even) .prod-description { background-color: #004951; }

    .pbox > li .prod-description .btn-reg > a img { filter: none !important; }
    .pbox > li:nth-child(even) .prod-description .btn-reg > a img { filter:contrast(0) sepia(1) contrast(2) brightness(1.0)hue-rotate(130deg);}
    .pbox > li:nth-child(odd) .prod-description .btn-reg > a { background-color: #033836; color: #fff; }
    .pbox > li:nth-child(even) .prod-description .btn-reg > a { background-color: #4e4e4e; color: #6acbca; }
}

/*===== video =====*/
.video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
    .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

.vright { padding: 20px; }
.vleft { padding-left: 20px; padding-right: 20px; }
    .vleft .btn-reg { padding-left: 15px; padding-right: 15px; }

@media screen and (min-width:1024px) {
    .vbox { display: flex; }
    .vright { max-width: 60%; flex: 1; padding: 0; padding-left: 20px; }
    .vleft { max-width: 40%; padding-left: 25px; padding-right: 25px; flex: 1; display: flex; flex-direction: column; justify-content: space-between; }

        .vleft .btn-reg > a { font-size: 24px; }
            .vleft .btn-reg > a > img { width: 40px; }
}

@media screen and (max-width:1023px) {
    .vleft .btn-reg > a { display: table; margin: auto; padding-left: 35px; padding-right: 35px; }
}

@media screen and (max-width:600px) {
    .vleft h1 { font-size: 16px; }
}
/*===== btn register =====*/
.btn-reg > a {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #033836;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}
    .btn-reg > a:hover {
    background-color: #0df2eb;
    animation: none !important;
}
    .btn-reg > a > img { width: 25px; margin-right: 5px; }



/*===== collapse panel =====*/
.panel-heading2 h1, .panel-heading2 h2, .panel-heading2 h3, .panel-heading2 h4, .panel-heading2 h5, .panel-heading2 h6, .panel-heading2 p {
    font-size: 16px;
    color: #00625f;
    font-weight: bold;
}
.panel-group .panel-default > .panel-heading { border: 1px solid rgba(64, 64, 64, 0.1); background-color: rgba(51, 51, 51, 0.5); box-shadow: inset 2px 0 #fde4a5; border-color: rgba(64, 64, 64, 0.5); color: #808080; }
.panel-group .panel-default > .panel-heading {
    background-color: #07827f;
    color: #000;
    border: 0;
}
.panel-group .panel-default {
    border-color: #ddd;
    background-color: #003030;
    color: #fff;
}
.panel-heading h2 { font-size: 16px; }
.panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: #fff; }
    .panel-title:focus, .panel-title:hover { text-decoration: none !important; }
.panel-group .panel-default > .panel-heading a { text-decoration: none; }

/*--------------------------------- sport  -----------------*/
.iframe-sport iframe { width: 100%; height: 650px; border: 1px solid #ac7d2f; }

.games-list > ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
    .games-list > ul > li { list-style-type: none; }
.sport-games > ul > li { max-width: 50%; }
.sport-games { padding-left: 15px; padding-right: 15px; }
.sport-box { position: relative; margin: 15px; }
    .sport-box h3 { font-weight: bold; text-align: center; font-size: 18px; color: #ac7d2f; }
    .sport-box .description { position: absolute; left: 0; width: 50%; color: #ac7d2f; padding-left: 25px; padding-bottom: 25px; }
        .sport-box .description .btn-reg { display: table; margin: auto; }
        .sport-box .description h1 { font-weight: bold; }
        .sport-box .description p { font-weight: bold; margin-bottom: 25px;    color: #fff; }
        .sport-box .description .btn-reg > a { color: #fff; padding-left: 20px; padding-right: 20px; }
        .sport-box .description .btn-reg:hover > a { color: #d5b965; }
    .sport-box .img { }
        .sport-box .img img { width: 100%; border-radius: 15px; }


@media screen and (min-width:1024px) {
    .sport-box .description { bottom: 30px; }
        .sport-box .description h1 { font-size: 32px; }
    .sport-box .btn-reg { transition: transform 0.3s ease-in-out; }
    .sport-box:hover .btn-reg { transform: scale(1.2); }
}

@media screen and (max-width:1400px) and (min-width:1024px) {
    .sport-box { margin: 10px; }
        .sport-box .description { bottom: 20px; }
            .sport-box .description h1 { font-size: 18px; }
            .sport-box .description p { font-size: 10px; margin-bottom: 15px; }
}

@media screen and (max-width:1023px) and (min-width:600px) {
    .sport-box { margin: 10px; }
        .sport-box .description { padding-left: 15px; padding-bottom: 10px; }
            .sport-box .description h1 { font-size: 2vw; }
            .sport-box .description p { font-size: 1vw; margin-bottom: 15px; }
            .sport-box .description .btn-reg > a { font-size: 1vw; }
                .sport-box .description .btn-reg > a:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; }
}

@media screen and (max-width:600px) {
    .sport-games > ul > li { max-width: 100%; }
    .sport-box { margin: 10px; }
        .sport-box .description { padding-left: 15px; padding-bottom: 10px; width: 55%; }
            .sport-box .description h1 { font-size: 4vw; }
            .sport-box .description p { font-size: 2vw; margin-bottom: 10px; }
            .sport-box .description .btn-reg > a { font-size: 2vw; padding-top: 5px; padding-bottom: 5px; }
                .sport-box .description .btn-reg > a:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; }
}
/*--------------------------------- casino  -----------------*/
.casino-games > ul > li { max-width: 25%; }
.casino-box { margin: 10px; }
    .casino-box img { width: 100%; border-radius: 1.5vw; transform-origin: center bottom; transition: transform 0.2s ease-in-out; }
        .casino-box img:hover { transform: scale(1.05); }
    .casino-box .description { }
        .casino-box .description h3 {
  color: #09c4bd;margin-top: 15px; margin-bottom: 5px; font-weight: bold; }
        .casino-box .description p { margin-bottom: 10px;     color: #000;font-size: 11px; }

@media screen and (min-width:1024px) {
    .casino-box .description h3 { font-size: 20px; }
}

@media screen and (max-width:1023px) and (min-width:600px) {
    .casino-games > ul > li { max-width: 33.33%; }
        .casino-games > ul > li:last-child { display: none; }
    .casino-box .description h3 { font-size: 18px; }
    .casino-box img { border-radius: 2.5vw; }
}

@media screen and (max-width:600px) {
    .casino-games > ul > li { max-width: 50%; }
        .casino-games > ul > li:last-child, .casino-games > ul > li:nth-last-child(2) { display: none; }
    .casino-box img { border-radius: 3.5vw; }
    .casino-box .description h3 { font-size: 14px; }
    .casino-box .description p { font-size: 9px; }
}
/*--------------------------------- games  -----------------*/
.slot-games > ul > li { max-width: 20%; }
.slot-box { margin: 10px; }
    .slot-box img { width: 100%; border-radius: 1.0vw; transform-origin: center bottom; transition: transform 0.2s ease-in-out; }
        .slot-box img:hover { transform: scale(1.05); }
    .slot-box .description { }

        .slot-box .description h3 {  color: #09c4bd;margin-top: 15px; margin-bottom: 5px; font-weight: bold; }
         .slot-box .description p { margin-bottom: 10px;     color: #000;font-size: 11px; }

@media screen and (min-width:1024px) {
    .slot-box .description h3 { font-size: 16px; }
}

@media screen and (max-width:1023px) and (min-width:600px) {
    .slot-games > ul > li { max-width: 25%; }
    .slot-box > ul > li:last-child { display: none; }
    .slot-box .description h3 { font-size: 14px; }
    .slot-box img { border-radius: 2.0vw; }
}

@media screen and (max-width:600px) {
    .slot-games > ul > li { max-width: 50%; }
    .slot-box > ul > li:last-child, .casino-games > ul > li:nth-last-child(2) { display: none; }
    .slot-box img { border-radius: 3.5vw; }
    .slot-box .description h3 { font-size: 14px; }
    .slot-box .description p { font-size: 9px; }
}
/*--------------------------------- lottery  -----------------*/
.lotte-games > ul > li { max-width: 33.3%; }
.lotte-games { padding-left: 15px; padding-right: 15px; }
.lotte-box { position: relative; margin: 5px; }
    .lotte-box h3 { font-weight: bold; text-align: center; font-size: 18px; color: #ac7d2f; }
    .lotte-box .description { position: absolute; left: 0; top: 30px; width: 50%; color: #ac7d2f; padding-left: 25px; padding-bottom: 25px; }
        .lotte-box .description .btn-reg { display: table; margin: auto;display:none; }
        .lotte-box .description h1 { font-weight: bold; }
        .lotte-box .description p { font-weight: bold; margin-bottom: 25px;     color: #000;}
            .lotte-box .description p span {
  display: block;
  color: #000;
  font-size: 9px;
}
        .lotte-box .description .btn-reg > a { color: #ac7d2f; padding-left: 20px; padding-right: 20px; }
        .lotte-box .description .btn-reg:hover > a { color: #d5b965; }
    .lotte-box .img { }
        .lotte-box .img img { width: 100%; }


@media screen and (min-width:1024px) {
    .lotte-box .description h1 { font-size: 24px; }
    .lotte-box .btn-reg { transition: transform 0.3s ease-in-out; }
    .lotte-box:hover .btn-reg { transform: scale(1.2); }

}

@media screen and (max-width:1200px) {
    .lotte-games > ul > li { max-width: 50%; }
}

@media screen and (max-width:1023px) and (min-width:600px) {
    .lotte-box { margin: 10px; }
        .lotte-box .description { padding-left: 15px; padding-bottom: 10px; }
            .lotte-box .description h1 { font-size: 2vw; }
            .lotte-box .description p { font-size: 1vw; margin-bottom: 15px; }
            .lotte-box .description .btn-reg > a { font-size: 1vw; }
    .sport-box .description .btn-reg > a:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; }




}

@media screen and (max-width:600px) {
    .lotte-games > ul > li { max-width: 100%; }
    .lotte-box { margin: 10px; }
        .lotte-box .description { padding-left: 15px; padding-bottom: 10px; width: 55%; }
            .lotte-box .description h1 { font-size: 4vw; }
            .lotte-box .description p { font-size: 2vw; margin-bottom: 10px; }
            .lotte-box .description .btn-reg > a { font-size: 2vw; padding-top: 5px; padding-bottom: 5px; }
                .lotte-box .description .btn-reg > a:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; }

        .lotte-box.soon { display: none; }



.panel-body .row .col-sm-3 {
    width: 20% !important;
    display: inline-block;
}
.panel-body #TopThree .col-sm-4 {
    padding: 0px;
    width: 32%;
    display: inline-block;
}



}



.lottery-new {
 padding:10px
}
.lottery-new .btn-primary:hover {
 color:#fff;
 background-color:#2caffc;
 border-color:#24b9fc
}
.lottery-new .btn:hover {
 box-shadow:0 3px 5px rgb(46 46 46);
 transform:translateY(-3px)
}
.lottery-new button {
 margin:17px;
 background-color:#1ac8fd;
 text-transform:uppercase
}
.panel-heading {
 font-size:15px
}
.lottery-new .panel-heading {
 color:#000;
 border:0 solid red
}
.panel-body {
 padding:0;
 color:#fff;
 font-size:15px;
 min-height:425px
}
.panel-body .logo {
 padding:10px 0;
 position:unset;
 width:unset
}
.panel-body .logo .col-sm-4 {
 margin-left:9px;
 width:29%;
 border:0 solid red
}
#Magnumimg {
 background:url(/theme/arc988-2/imgs/4D_magnum.png) left no-repeat #383838;
 height:50px;
 width:85px
}
#PMPimg {
 background:url(/theme/arc988-2/imgs/4D_damacai.png) left no-repeat;
 height:50px;
 width:85px
}
#Totoimg {
 background:url(/theme/arc988-2/imgs/4D_toto.png) left no-repeat;
 height:50px;
 width:85px
}
#Singaporeimg {
 background:url(/theme/arc988-2/imgs/4D_sgpool.png) left no-repeat;
 height:50px;
 width:85px
}
#Sabahimg {
 background:url(/theme/arc988-2/imgs/4D_sabah88.png) left no-repeat;
 height:50px;
 width:85px
}
#Sandakanimg {
 background:url(/theme/arc988-2/imgs/4D_stc.png) left no-repeat;
 height:50px;
 width:85px
}
#Sarawakimg {
 background:url(/theme/arc988-2/imgs/4D_cashsweep.png) left no-repeat;
 height:50px;
 width:85px
}
#GDLottoimg {
 background:url(/theme/arc988-2/imgs/4D_gdlotto.png) left no-repeat;
 height:50px;
 width:85px
}
#Perdanaimg {
 background:url(/theme/arc988-2/imgs/4D_perdana.png) left no-repeat;
 height:50px;
 width:85px
}
#LuckyHari-Hariimg {
 background:url(/theme/arc988-2/imgs/4D_luckyharihari.png) left no-repeat;
 height:50px;
 width:85px
}
#GOOD4Dimg {
 background:url(/theme/arc988-2/imgs/4D_good4d.png) left no-repeat;
 height:50px;
 width:85px
}
#THV88 {
 display:none
}
#Magnum .panel-heading,
#Magnum .logo {
 background:#f2bc00;
 color:#000!important
}
#PMP .panel-heading,
#PMP .logo {
 background:#148ea4
}
#Toto .panel-heading,
#Toto .logo {
 background:#d00
}
#Singapore .panel-heading,
#Singapore .logo {
 background:#12689a
}
#Sabah .panel-heading,
#Sabah .logo {
 background:#eee;
 color:#000!important
}
#Sandakan .panel-heading,
#Sandakan .logo {
 background:#2f9405
}
#Sarawak .panel-heading,
#Sarawak .logo {
 background:#094405
}
#GDLotto .panel-heading,
#GDLotto .logo {
 background:#95650a
}
#Perdana .panel-heading,
#Perdana .logo {
 background:#777
}
#LuckyHari-Hari .panel-heading,
#LuckyHari-Hari .logo {
 background:#00aced
}
#GOOD4D .panel-heading,
#GOOD4D .logo {
 background:#ffd45e;
 color:#000!important
}
#Magnum .panel-default {
 border:3px solid #f2bc00;
 border-radius:10px;
 overflow:hidden
}
#PMP .panel-default {
 border:3px solid #148ea4;
 border-radius:10px;
 overflow:hidden
}
#Toto .panel-default {
 border:3px solid #d00;
 border-radius:10px;
 overflow:hidden
}
#Singapore .panel-default {
 border:3px solid #12689a;
 border-radius:10px;
 overflow:hidden
}
#Sabah .panel-default {
 border:3px solid #eee;
 border-radius:10px;
 overflow:hidden
}
#Sandakan .panel-default {
 border:3px solid #2f9405;
 border-radius:10px;
 overflow:hidden
}
#Sarawak .panel-default {
 border:3px solid #094405;
 border-radius:10px;
 overflow:hidden
}
#GDLotto .panel-default {
 border:3px solid #95650a;
 border-radius:10px;
 overflow:hidden
}
#Perdana .panel-default {
 border:3px solid #777;
 border-radius:10px;
 overflow:hidden
}
#LuckyHari-Hari .panel-default {
 border:3px solid #00aced;
 border-radius:10px;
 overflow:hidden
}
#GOOD4D .panel-default {
 border:3px solid #ffd45e;
 border-radius:10px;
 overflow:hidden
}
#LuckyHari-Hari .col-sm-9 {
 font-size:14px
}
#Magnum #datetime label,
#GOOD4D #datetime label,
#Sabah #datetime label {
 color:#000
}
#datetime {
 text-align:right
}
#datetime label {
 background:0 0
}
#datetime .col-sm-12 {
 padding:0
}
.panel.panel-default {
 background-color:#2e2e2e
}
.panel-body label {
 color:#fff;
 background:#000;
 padding:4px;
 width:100%
}
.panel-body #TopThree .col-sm-4 {
 padding:1px
}
#TopThree,
#Special,
#Consolation {
 padding:10px 20px
}
.popwin {
 color:#fff
}
#TopThree {
 padding-top:20px
}
#Consolation {
 padding-bottom:20px
}
#Magnumimg {
 background:url(/theme/dsywin-4/imgs/4D_magnum.png) left no-repeat #383838;
 height:50px;
 width:85px
}
#PMPimg {
 background:url(/theme/dsywin-4/imgs/4D_damacai.png) left no-repeat;
 height:50px;
 width:85px
}
#Totoimg {
 background:url(/theme/dsywin-4/imgs/4D_toto.png) left no-repeat;
 height:50px;
 width:85px
}
#Singaporeimg {
 background:url(/theme/dsywin-4/imgs/4D_sgpool.png) left no-repeat;
 height:50px;
 width:85px
}
#Sabahimg {
 background:url(/theme/dsywin-4/imgs/4D_sabah88.png) left no-repeat;
 height:50px;
 width:85px
}
#Sandakanimg {
 background:url(/theme/dsywin-4/imgs/4D_stc.png) left no-repeat;
 height:50px;
 width:85px
}
#Sarawakimg {
 background:url(/theme/dsywin-4/imgs/4D_cashsweep.png) left no-repeat;
 height:50px;
 width:85px
}
#GDLottoimg {
 background:url(/theme/dsywin-4/imgs/4D_gdlotto.png) left no-repeat;
 height:50px;
 width:85px
}
#Perdanaimg {
 background:url(/theme/dsywin-4/imgs/4D_perdana.png) left no-repeat;
 height:50px;
 width:85px
}
#LuckyHari-Hariimg {
 background:url(/theme/dsywin-4/imgs/4D_luckyharihari.png) left no-repeat;
 height:50px;
 width:85px
}
#GOOD4Dimg {
 background:url(/theme/dsywin-4/imgs/4D_good4d.png) left no-repeat;
 height:50px;
 width:85px
}
#THV88,
#GDLotto,
#Toto-5D,
#Toto-6D {
 display:none
}
#Magnum .panel-heading,
#Magnum .logo {
 background:#f2bc00;
 color:#000!important
}
#PMP .panel-heading,
#PMP .logo {
 background:#148ea4
}
#Toto .panel-heading,
#Toto .logo {
 background:#d00
}
#Singapore .panel-heading,
#Singapore .logo {
 background:#12689a
}
#Sabah .panel-heading,
#Sabah .logo {
 background:#eee;
 color:#000!important
}
#Sandakan .panel-heading,
#Sandakan .logo {
 background:#2f9405
}
#Sarawak .panel-heading,
#Sarawak .logo {
 background:#094405
}
#GDLotto .panel-heading,
#GDLotto .logo {
 background:#95650a
}
#Perdana .panel-heading,
#Perdana .logo {
 background:#777
}
#LuckyHari-Hari .panel-heading,
#LuckyHari-Hari .logo {
 background:#00aced
}
#GOOD4D .panel-heading,
#GOOD4D .logo {
 background:#ffd45e;
 color:#000!important
}
#Magnum .panel-default {
 border:3px solid #f2bc00;
 border-radius:10px;
 overflow:hidden
}
#PMP .panel-default {
 border:3px solid #148ea4;
 border-radius:10px;
 overflow:hidden
}
#Toto .panel-default {
 border:3px solid #d00;
 border-radius:10px;
 overflow:hidden
}
#Singapore .panel-default {
 border:3px solid #12689a;
 border-radius:10px;
 overflow:hidden
}
#Sabah .panel-default {
 border:3px solid #eee;
 border-radius:10px;
 overflow:hidden
}
#Sandakan .panel-default {
 border:3px solid #2f9405;
 border-radius:10px;
 overflow:hidden
}
#Sarawak .panel-default {
 border:3px solid #094405;
 border-radius:10px;
 overflow:hidden
}
#GDLotto .panel-default {
 border:3px solid #95650a;
 border-radius:10px;
 overflow:hidden
}
#Perdana .panel-default {
 border:3px solid #777;
 border-radius:10px;
 overflow:hidden
}
#LuckyHari-Hari .panel-default {
 border:3px solid #00aced;
 border-radius:10px;
 overflow:hidden
}
#GOOD4D .panel-default {
 border:3px solid #ffd45e;
 border-radius:10px;
 overflow:hidden
}
#LuckyHari-Hari .col-sm-9 {
 font-size:14px
}
#Magnum #datetime label,
#GOOD4D #datetime label,
#Sabah #datetime label {
 color:#000
}
#datetime {
 text-align:right
}
#datetime label {
 background:0 0
}
#datetime .col-sm-12 {
 padding:0
}














/*--------------------------------- poker -----------------*/
#theme-contain-poker .games-list > ul  {justify-content: center;}


/*--------------------------------- promotions  -----------------*/
#promotion-filter { padding-top: 20px; padding-bottom: 20px; display: flex; }
    #promotion-filter ul { display: flex; width: 100%; padding-right: 5px; }
        #promotion-filter ul > li { flex: 1; display: flex; justify-content: center; align-items: center; padding: 6px; margin-left: 5px; color: #fff; background-color: #d5b965; cursor: pointer; }
            #promotion-filter ul > li img { width: 20px; margin-right: 5px; }
            #promotion-filter ul > li.active { background-color: #ac7c2e; }

@media screen and (min-width:1023px) and (max-width:768px) {
    #promotion-filter ul > li { font-size: 11px; }
}

@media screen and (max-width:767px) {
    #promotion-filter { padding-bottom: 0; }
        #promotion-filter ul { overflow-x: auto; padding-bottom: 10px; }
            #promotion-filter ul > li { font-size: 11px; }
}



ol#faq_modal { display: flex; flex-wrap: wrap; }
li.question { width: 100%; text-align: center; padding: 10px; }
    li.question img { width: 100%; }

#faq_fbskin .filterDiv { display: none !important; }
#faq_fbskin table { border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
    #faq_fbskin table td { padding: 5px 10px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
div#faq_fbinner { overflow-x: hidden !important; max-width: 800px; padding-right: 20px; }
    div#faq_fbinner img { width: 100%; max-width: 100%; }
    div#faq_fbinner tr.header { display: table-row; }
    div#faq_fbinner .tblPromo .header td { color: #fff; background-color: #c5a14a; text-align: center; }

#faq_fbskin ul, #faq_fbskin ol { margin-left: 40px; }
#faq_fbskin li { list-style-type: disc; }

@media screen and (min-width:600px) {
    li.question { max-width: 50%; flex: 1 1 50%; }
}
.fancybox-skin {
  position: relative;
  background: #262626;
  color: #0cc;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*---------------------------------------------------------------------------  Admin Login  ---------------*/
#theme-contain-adminloginx { padding: 20px 15px; }
    #theme-contain-adminloginx input { padding: 5px 7px; border: 1px solid #666; margin: 5px auto; background-color: #fff; }
    #theme-contain-adminloginx > p + table { width: 350px; margin: 0 auto; }
        #theme-contain-adminloginx > p + table > tbody > tr > td:nth-child(2) { padding-left: 10px; }