/***** basic *****/


/* font */


/* colors */


/* mixins */

html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #000;
}

body.withmenu {
    overflow: hidden;
}

* {
    box-sizing: border-box;
}

p,
div,
menu,
main,
header,
footer,
figure,
section,
article {
    display: block;
    margin: 0;
    font-weight: 300;
}

img {
    max-width: 100%;
    height: auto;
}

input {
    font-family: "Open Sans", sans-serif;
    outline: 0;
    box-shadow: none;
}

ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

a,
button,
select {
    font-family: "Open Sans", sans-serif;
    text-decoration: none;
    outline: 0 !important;
    cursor: pointer;
}

a {
    color: #0a202a;
    display: inline-block;
}

a img {
    border: 0 !important;
    outline: 0 !important;
}





/* Commented by Debashish for new heading CSS */


/*a:hover {
        color: #000;
    }*/

/*h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-weight: 700 !important;
}

h1 {
    font-size: 24px !important;
}

h2 {
    font-size: 20px !important;
}

h3 {
    font-size: 16px !important;
}

h4 {
    font-size: 14px !important;
}

h5 {
    font-size: 12px !important;
}

h6 {
    font-size: 10px !important;
}

input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input:-moz-placeholder {
    color: #fff !important;
    opacity: 0.5;
}
*/





/* colors */

.twhite {
    color: #fff !important;
}

.tgray {
    color: #0a202a !important;
}

.tmgray {
    color: #a5a5a5 !important;
}

.tlgray {
    color: #f5f5f5 !important;
}

.tred {
    color: #f43e3e !important;
}

.tyellow {
    color: #ffdf49 !important;
}

.torange {
    color: #ec752c !important;
}

.tamber {
    color: #fd9f00 !important;
}

.tblue {
    color: #2397c7 !important;
}

.tsky {
    color: #88c2db !important;
}

.tgreen {
    color: #007976 !important;
}

.tlgreen {
    color: #009783 !important;
}

.tlgreen2 {
    color: #85cb7c !important;
}






/* backgrounds */

.bwhite {
    background: #fff !important;
}

.bgray {
    background: #0a202a !important;
}

.bmgray {
    background: #a5a5a5 !important;
}

.blgray {
    background: #f5f5f5 !important;
}

.bred {
    background: #f43e3e !important;
}

.byellow {
    background: #ffdf49 !important;
}

.borange {
    background: #ec752c !important;
}

.bamber {
    background: #fd9f00 !important;
}

.bblue {
    background: #2397c7 !important;
}

.bsky {
    background: #88c2db !important;
}

.bgreen {
    background: #007976 !important;
}

.blgreen {
    background: #009783 !important;
}

.blgreen2 {
    background: #85cb7c !important;
}






/* Clearfix Hack */

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

* html .clearfix {
    zoom: 1;
}

*:first-child+html .clearfix {
    zoom: 1;
}






/* flex */

.flex {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}






/* Vertical Center */

.vcenter:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.vcenter>* {
    vertical-align: middle;
    max-width: 90%;
    max-height: 90%;
}






/* fonts */

.dosis {
    font-family: "Dosis", sans-serif;
}






/* Frequently Used */

.clear {
    clear: both;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.hide {
    display: none;
}

.block {
    display: block;
}

.iblock {
    display: inline-block;
}

.center {
    text-align: center !important;
}

.tleft {
    text-align: left !important;
}

.tright {
    text-align: right !important;
}

.thin {
    font-weight: 100 !important;
}

.light {
    font-weight: 500 !important;
}

.normal {
    font-weight: 400 !important;
}

.bold {
    font-weight: 600 !important;
}

.xbold {
    font-weight: 700 !important;
}

.black {
    font-weight: 900 !important;
}

.lower {
    text-transform: lowercase;
}

.upper {
    text-transform: uppercase;
}

.caps {
    text-transform: capitalize;
}

.isprite {
    display: inline-block;
    background: url(../images/icon-sprite.png) no-repeat;
}

.isprite.club-white {
    width: 18px;
    height: 18px;
    background-position: -0px -0px;
}

.isprite.diamond-white {
    width: 16px;
    height: 18px;
    background-position: -18px -0px;
}

.isprite.spade-white {
    width: 16px;
    height: 18px;
    background-position: -34px -0px;
}

.isprite.heart-white {
    width: 17px;
    height: 16px;
    background-position: -50px -0px;
}

.isprite.club-orange {
    width: 18px;
    height: 18px;
    background-position: -0px -18px;
}

.isprite.diamond-orange {
    width: 16px;
    height: 18px;
    background-position: -18px -18px;
}

.isprite.spade-orange {
    width: 16px;
    height: 18px;
    background-position: -34px -18px;
}

.isprite.heart-orange {
    width: 17px;
    height: 16px;
    background-position: -50px -18px;
}

.tlink {
    border: none;
    outline: none;
    text-decoration: none;
}

.tlink>img {
    display: block;
}

.tlink:active,
.tlink:focus {
    outline: none;
}

.fslider {
    height: 100%;
}

.fslider .slider {
    height: 100%;
}

.fslider .slider li {
    height: 100%;
}

.fslider .slider .slide {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.fslider .bx-wrapper {
    width: 100%;
    height: 100% !important;
    margin: 0;
}

.fslider .bx-viewport {
    height: 100% !important;
}

.icover,
.ibanner {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.ibanner {
    background-attachment: fixed;
    background-position: center top;
}

@media only screen and (max-width: 1024px) {
    .ibanner {
        background-attachment: scroll;
    }
}

.trans,
.tlink {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.trans6 {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

.btn {
    display: inline-block;
    max-width: 100%;
    position: relative;
    padding: 10px 25px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    /*text-transform: uppercase;*/
    border: 0;
    background: #f43e3e;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 10;
    overflow: hidden;
    border-radius: 30px;
}

.btn.small {
    font-size: 14px;
    padding: 8px 25px;
}

.btn:hover {
    background: #f10e0e;
}

.btn:active {
    box-shadow: inset 0 2px 4px 1px rgba(0, 0, 0, 0.3);
}

.btn.fb {
    color: #fff;
    background: #3b5998;
}

.btn.fb span {
    margin: 0 5px 0 0;
    transform: scale(1.2);
}

.btn.white {
    background: #fff;
}

.btn.amber {
    background: #fd9f00;
}

.btn.amber:hover {
    background: #e48f00;
}

.btn.green {
    color: #fff;
    background: #009783;
}

.btn.green:hover {
    background: #007976;
}






/* animation */

@media only screen and (min-width: 1025px) {
    .anim-elem {
        opacity: 0;
        -webkit-transition: all 0.9s;
        -moz-transition: all 0.9s;
        -ms-transition: all 0.9s;
        -o-transition: all 0.9s;
        transition: all 0.9s;
    }
    .anim-elem.move-up {
        transform: translateY(30px);
    }
    .anim-elem.move-down {
        transform: translateY(-30px);
    }
    .anim-elem.move-left {
        transform: translateX(30px);
    }
    .anim-elem.move-right {
        transform: translateX(-30px);
    }
    .anim-elem.move-up.done,
    .anim-elem.move-down.done,
    .anim-elem.move-left.done,
    .anim-elem.move-right.done {
        transform: translateY(0);
    }
    .anim-elem.move-m-up {
        margin-top: 30px;
    }
    .anim-elem.move-m-up.done {
        margin-top: 0;
    }
    .anim-elem.move-m-down {
        margin-top: -30px;
    }
    .anim-elem.move-m-down.done {
        margin-top: 0;
    }
    .anim-elem.move-m-left {
        margin-left: 30px;
    }
    .anim-elem.move-m-left.done {
        margin-left: 0;
    }
    .anim-elem.move-m-right {
        margin-left: -30px;
    }
    .anim-elem.move-m-right.done {
        margin-left: 0;
    }
    .anim-elem.zoom-in {
        transform: scale(0.9);
    }
    .anim-elem.zoom-in.done {
        transform: scale(1);
    }
    #downloadApps .anim-elem.zoom-in.done {
        width: 23%;
    }
    .anim-elem.done {
        opacity: 1;
    }
}






/***** components *****/

.tbar {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    padding: 6px 90px 6px 10px;
    background: #000;
    z-index: 100;
}

.tbar .logo {
    float: left;
    display: block;
    margin: 0 36px 0 0;
}

.tbar .logo img {
    display: block;
}

@media only screen and (max-width: 1366px) {
    .tbar .logo {
        margin-right: 24px;
    }
}

@media only screen and (max-width: 1024px) {
    .tbar {
        padding: 6px 20px;
    }
    .tbar .logo {
        float: none;
        width: 90px;
        margin: auto;
    }
}

.tbnav {
    margin: 23px 0 0;
}

#ifLoggedIn {
    margin-right: 75px;
}

@media only screen and (max-width: 1024px) {
    .tbnav {
        float: none;
        width: 100%;
        text-align: center;
        margin: -5px 0 0;
    }
    .tbnav:first-child {
        margin-top: 0;
    }
}

.nlinks li {
    float: left;
    margin: 0 0 0 36px;
}

.nlinks li:first-child {
    margin-left: 0;
}

.nlinks a {
    display: block;
    font-size: 15px;
    /*line-height: 12px;*/
    color: #a5a5a5;
    font-weight: 600;
}

.nlinks a:hover {
    color: #fff;
}

@media only screen and (max-width: 1366px) {
    .nlinks li {
        margin-left: 20px;
    }
    .nlinks a {
        font-size: 14px;
        font-weight: 600;
    }

}


@media only screen and (max-width: 1024px) {
    .nlinks li {
        float: none;
        margin: 10px 0 0;
    }
    .nlinks a {
        font-size: 11px;
        font-weight: 600;
        line-height: 7px;
    }

    .sub-menu {
        display: block !important;
        position: inherit !important;
    }

    .sub-menu a {
        padding: 5px 16px !important;
    }
}






/*** menu ***/

.menubar {
    padding-right: 40px;
}

@media only screen and (max-width: 1024px) {
    .menubar {
        width: 100vw;
        height: 100vh;
        position: fixed;
        left: -100%;
        top: 0;
        padding: 30px;
        background: #000;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
        z-index: 1000;
    }
}






/*** hamburger ***/

.navicon {
    float: left;
    margin: 7px 0 0 -15px;
    width: 38px;
    height: 32px;
    position: relative;
    border-radius: 2px;
    padding: 10px;
    z-index: 1200;
}

.navicon span {
    display: block;
    height: 2px;
    background: #fff;
    margin: 5px 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.navicon:before {
    content: '';
    display: block;
    width: 18px;
    height: 2px;
    position: absolute;
    left: 10px;
    top: 10px;
    background: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.navicon:after {
    content: '';
    display: block;
    width: 18px;
    height: 2px;
    position: absolute;
    left: 10px;
    bottom: 10px;
    background: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.navicon:hover:before {
    top: 9px;
}

.navicon:hover:after {
    bottom: 9px;
}

.navicon.active {
    background: none;
    margin-left: -70px;
}

.navicon.active span {
    opacity: 0;
}

.navicon.active:before {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 15px;
}

.navicon.active:after {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: 15px;
}

@media (min-width: 1025px) {
    .navicon {
        display: none;
    }
}






/*** side arrow ***/

.sideicon {
    height: 32px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -24px;
    border-radius: 2px;
    padding: 10px;
    z-index: 1000;
    color: #fd9f00;
    font-size: 36px;
    line-height: 22px;
}

.sideicon small {
    font-size: 15px;
    line-height: 22px;
    position: relative;
    top: -4px;
}

.sideicon:hover {
    color: #fff;
}

@media only screen and (min-width: 1025px) {
    .sideicon {
        right: 10px;
    }
}

.footer {
    background: #000;
    color: #fff;
}

@media only screen and (max-width: 840px) {
    .footer .psect {
        padding: 45px 30px;
    }
}






/*** info ***/

.finfo {
    width: 33%;
}

.finfo h3 {
    margin: 0 0 24px;
}

.finfo h5 {
    margin: 0 0 36px;
    color: #a5a5a5;
}

@media only screen and (max-width: 840px) {
    .finfo {
        width: auto;
    }
}

@media only screen and (max-width: 768px) {
    .finfo h3 {
        margin-bottom: 18px;
    }
    .finfo h5 {
        font-size: 16px;
        margin-bottom: 30px;
    }
}

.fsocial li {
    float: left;
    margin-left: 10px;
}

.fsocial li:first-child {
    margin-left: 0;
}

.fsocial a {
    width: 36px;
    padding: 3px 10px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 36px;
}

.fsocial a:hover {
    background: rgba(255, 255, 255, 0.4);
}

@media only screen and (max-width: 480px) {
    .fsocial li {
        margin-left: 5px;
    }
    .btn.amber.initCashGame {
        width: 75% !important;
        font-size: 9px !important;
    }
    .initDownloadGame {
        width: 100% !important;
        font-size: 9px !important;
        margin: 0;
        padding: 7px 5px !important;
        width: 100% !important;
    }

    .btn.btn-primary.green {
        border-radius: 0 10px 10px 0;
        cursor: pointer;
        margin-left: -7px;
        padding: 9px 17px 7px 8px !important;
        position: relative;
    }
}






/*** links ***/

.fnav {
    width: 56%;
}

@media only screen and (max-width: 840px) {
    .fnav {
        width: auto;
        margin-top: 60px;
    }
}

.fnwrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    margin: -40px 0 0 -36px;
}

.fbox {
    width: 33.33%;
    flex-grow: 0;
    margin: 45px 0 0;
    padding: 0 0 0 36px;
}

.fbox h5 {
    font-family: "Dosis", sans-serif;
    text-transform: uppercase;
    margin: 0 0 18px;
}

.fbox a {
    display: block;
    margin: 5px 0 0;
    font-size: 13px;
    color: #a5a5a5;
    font-weight: 600;
}

.fbox a:hover {
    color: #fff;
}

@media only screen and (max-width: 600px) {
    .fbox {
        width: 50%;
    }
}

@media only screen and (max-width: 480px) {
    .fbox {
        width: 100%;
    }
}

fieldset {
    display: none;
    border: medium none;
    margin: inherit;
    padding: inherit;
}

#first {
    display: block;
}

#resendEmail-error,
#resendEmail-error1,
#resendEmail-error2,
#resendEmailChange-error,
#email-errors {
    color: rgb(244, 153, 153);
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    margin-left: 20%;
}

#email-errors {
    margin-left: 0;
}

#username-error,
#email-error1,
#pass-errors,
#cpass-errors,
#usernameLogin-error,
#passwordLogin-error,
#oldPass-errors,
#newPass-errors,
#reNewPass-errors {
    color: rgb(244, 153, 153);
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    float: left;
}

#affEmailError,
#affPhoneError,
#affNameError,
#affLocationError,
#affMessageError {
    color: #FE0E09;
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    float: left;
}

#passwordLogin-error {
    float: none;
}

#phone-errors,
#otp-errors,
#phoneAndroid-errors,
#emailAndroid-errors
 {
    color: rgb(244, 153, 153);
    float: left;
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
}

#fname-error {
    color: rgb(244, 153, 153);
    float: right;
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    float: left;
    top: 15px;
}

#lName-error {
    color: rgb(244, 153, 153);
    float: right;
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    float: right;
    top: 15px;
}

#terms-errors {
    color: rgb(244, 153, 153);
    float: left;
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
}

#terms {
    float: left;
    margin: 5px;
    width: auto;
}

.bg-green .dosis.tamber.bold {
    font-size: 20px;
}

.sidebar {
    width: 30%;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    background: #e9e9e9;
    z-index: 100;
    margin-right: -30%;
    z-index: 1000;
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 1024px) {
    .sidebar {
        width: 100%;
        margin-right: -100%;
    }
}

.sidewrap {
    height: 100%;
    overflow: hidden;
}

@media only screen and (max-width: 1024px) {
    .sidewrap {
        overflow: auto;
    }
}






/*** head ***/

.sbhead {
    padding: 20px;
    font-family: "Dosis", sans-serif;
    color: #fff;
    text-transform: uppercase;
    position: relative;
}

.sbhead .shbox {
    float: left;
    width: 33.33%;
}

.shbox h3,
.shbox p {
    text-align: center;
}

.sbhead h4 {
    margin: 0;
    font-size: 22px;
    line-height: 25px;
    font-weight: 600;
}

.sbhead p {
    font-size: 16px;
    font-weight: 600;
    margin: -1px 0 0;
    opacity: 0.4;
}

.sbhead h3 {
    margin: 0;
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
}

@media only screen and (max-width: 1024px) {
    .sbhead {
        padding: 12px 20px 11px 10px;
    }
}

.sbclose {
    position: absolute;
    right: 15px;
    top: 45%;
    z-index: 10;
    transform: translateY(-50%);
    font-size: 30px;
    color: #fd9f00;
}

.sbclose:hover {
    color: #fff;
}

@media only screen and (max-width: 1024px) {
    .sbclose {
        right: 5px;
    }
}






/*** form ***/

.sbform {
    padding: 10px 20px;
}

.sbform .formx {
    max-width: 400px;
    margin: 10px auto 5px;
    text-align: center;
}

.sbform .fip.sub {
    margin-right: 30%;
    margin-top: 16px;
}

.pre_btn.btn.amber.fleft {
    font-size: 12px;
    font-weight: 600;
    margin-left: 30%;
    margin-top: 23px;
    margin-bottom: 5%;
    padding: 10px;
    cursor: pointer;
}

.sbform .fip .btn {
    width: auto;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
}

@media only screen and (max-width: 1024px) {
    .sbform .fip.sub {
        text-align: center;
    }
    .sbform .fip.sub .btn {
        float: none;
    }
    .sbform .fip.sub .btn+.btn {
        margin-top: 10px;
    }
}

.sbfhead {
    text-align: center;
    position: relative;
    cursor: pointer;
}

.sbfhead h4 {
    margin: 0;
}

.sbfhead.closed .sfclose {
    transform: translateY(-50%) rotate(45deg);
}

.sfclose {
    width: 24px;
    height: 24px;
    position: absolute;
    right: -10px;
    top: 55%;
    z-index: 10;
    transform: translateY(-50%);
    font-size: 24px;
    line-height: 20px;
    color: #fff;
    border: 2px #fff solid;
    border-radius: 30px;
    opacity: 0.3;
}

.sfclose:hover {
    color: #fff;
    opacity: 0.6;
}






/*** tabs ***/

.sbtabs {
    background: #f0eeee;
    position: relative;
}

.sbtabs .bar {
    width: 50%;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #007976;
}

.sbtabs a {
    float: left;
    width: 50%;
    padding: 15px 20px;
    font-size: 14px;
    color: #a5a5a5;
}

.sbtabs a.active {
    color: #007976;
}

.sbtabs a.sbt1.active~.bar {
    left: 0;
}

.sbtabs a.sbt2.active~.bar {
    left: 50%;
}






/*** table ***/

.sbtable {
    /*position: relative;*/
    padding: 0 0 90px;
}

@media only screen and (max-width: 1024px) {
    .sbtable {
        padding-bottom: 20px;
    }
}

.sbtbtn {
    /*position: absolute;*/
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    padding: 45px 10px 5px;
    background: transparent;
    /* Old browsers */
    background: -moz-linear-gradient(top, transparent 0%, #e9e9e9 50%, #e9e9e9 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 0%, #e9e9e9 50%, #e9e9e9 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 0%, #e9e9e9 50%, #e9e9e9 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$first', endColorstr='$second', GradientType=3);
    /* IE6-9 */
}

@media only screen and (max-width: 1024px) {
    .sbtbtn {
        position: static;
        padding-top: 20px;
    }
}

.stable .strow {
    padding: 12px 20px;
    border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #fbf9f9;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
}

.stable .strow.head {
    padding: 0px 15px;
    background: #f2f2f2 none repeat scroll 0 0 !important;
    text-transform: uppercase;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.stable .strow.head p {
    font-weight: 600;
    font-size: 14px;
}

.stable .strow:hover {
    background: rgba(0, 0, 0, 0.1);
}

.stable .strow:hover .stcell .btn {
    opacity: 1;
}

.stable .strow:hover:not(.stable .strow:hover.head) .stcell.buy p,
.stable .strow:hover:not(.stable .strow:hover.head) .stcell.players p {
    opacity: 0;
}

.stcell {
    float: left;
    position: relative;
}

stcell.name {
    /* width: calc(100% - 230px);*/
}

.wocon .stcell.stake {
    line-height: 28px;
    padding: 10px 0 10px 20px;
    text-align: left;
    width: 75%;
}

.stcell.buy {
    /*width: 80px;*/
}

.stcell.players {
    /* width: 100px;*/
}

.stcell p {
    font-size: 14px;
    font-weight: 400;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.stcell .btn {
    position: absolute;
    top: 50%;
    right: -6px;
    font-size: 11px;
    font-weight: 400;
    padding: 6px 15px;
    transform: translateY(-50%);
    opacity: 0;
    text-align: center;
}

@media only screen and (max-width: 420px) {
    .stcell.name {
        width: calc(100% - 180px);
    }
    .stcell.stake {
        width: 50px;
    }
    .stcell.buy {
        width: 70px;
    }
    .stcell.players {
        width: 60px;
    }
}






/* form */

.formx {
    max-width: 720px;
    height: auto;
    padding: 0;
    margin: auto;
    position: relative;
    z-index: 10;
}

.formx.mid {
    max-width: 480px;
}

.formx.full {
    max-width: none;
}

.formx .fsub {
    margin: 20px 0 0;
}

.formx.col2 {
    margin: 0 0 0 -3%;
}

.formx.col2 .fip {
    float: left;
    width: 47%;
    margin-left: 3%;
}

.formx.col2 .fip.full {
    float: none;
    width: auto;
}

.formx.col2 .fip:focus {
    z-index: 10;
}

.formx.col2 .fip:nth-child(2n+1) {
    margin-right: -1px;
}

.formx.col2 .fsub {
    margin-left: 3%;
}

@media (max-width: 480px) {
    .formx.col2 .fip {
        float: none;
        width: auto;
    }
}

.formx.white .fip .fpl {
    color: #fff;
    font-weight: normal;
}

.formx.white .fip .fpl.on {
    color: #fff;
}

.formx.white .fip input,
.formx.white .fip textarea {
    color: #332a2a;
    border-color: rgba(255, 255, 255, 0.5) !important;
}

.formx.white .fip input:focus,
.formx.white .fip textarea:focus {
    border-color: #fff !important;
}

.formx.white .fip .formError {
    border: none;
    background: none;
}

.formx.white .fip .formError .formErrorContent {
    text-align: right;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.formx.compact .fip .fpl {
    margin-top: -12px;
    font-size: 12px;
    opacity: 0.6;
}

.formx.compact .fip .fpl.on,
.formx.compact .fip .fpl.show {
    opacity: 0;
}

.formx.compact .fip input,
.formx.compact .fip textarea {
    padding: 0px 8px;
    height: 35px;
}

.fhead {
    margin: 0 0 16px;
}

.fhead p {
    margin: 0;
}

.fip {
    margin: 0;
    position: relative;
}

.fip p {
    font-size: 14px;
    margin: 0;
    color: rgba(0, 0, 0, 0.5);
}

.fip p.flink {
    font-size: 16px;
    font-weight: normal;
}

.fip p.flink a {
    text-decoration: underline !important;
    color: rgba(0, 0, 0, 0.5);
}

.fip p.flink a:hover {
    color: #000;
}

.fip .fpl {
    position: absolute;
    left: 8px;
    top: 24px;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    color: #444;
    text-transform: uppercase;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.fip .fpl.on {
    margin-top: -12px;
    font-size: 11px;
    color: #000;
    font-weight: normal;
}

.fip .fpl.show {
    margin-top: -12px;
    font-size: 11px;
    font-weight: normal;
}

.fip .fpl.tarea {
    top: 35px;
}

.fip input,
.fip textarea {
    display: block;
    width: 100%;
    margin: 0;
    padding: 32px 8px 10px;
    border: none;
    border-bottom: 1px #999 solid;
    color: #333;
    font-size: 14px;
    line-height: 13px;
    font-weight: 500;
    box-sizing: border-box;
    background: none;
    position: relative;
    z-index: 0;
}

.fip input.round,
.fip textarea.round {
    border-radius: 50px;
    padding: 9px 16px;
}

.fip input:-webkit-autofill~.fpl,
.fip textarea:-webkit-autofill~.fpl {
    z-index: 10;
    margin-top: -12px;
    font-size: 11px;
    color: #000;
    font-weight: normal;
}

.fip input:focus,
.fip textarea:focus {
    border-color: #000;
    outline: 0;
}

.fip input[disabled],
.fip textarea[disabled] {
    background-color: #fff;
    cursor: text;
}

.fip textarea {
    resize: none;
    min-height: 114px;
    box-sizing: border-box;
}

.fip select:focus {
    border-color: #000;
    outline: 0;
    z-index: 10;
}

.fip .btn {
    width: 200px;
    box-sizing: border-box;
}

.fip.half {
    width: 50%;
}

.fip.sub {
    margin-top: 30px;
    text-align: center;
}

.fip.active {
    z-index: 10;
}

.fip.mini input {
    padding: 24px 8px 4px;
}

.fip.mini .fpl {
    top: 16px;
}

.fip.mini .formError .formErrorContent {
    line-height: 51px;
}

.fip.nofpl input,
.fip.nofpl textarea {
    padding-top: 10px;
}

.fip.oneline {
    padding: 15px 0 0 160px;
    box-sizing: border-box;
}

.fip.oneline .fpl {
    float: left;
    position: static;
    margin: 20px 0 0 -160px !important;
    font-size: 12px !important;
    line-height: 11px;
}

.fip.oneline input,
.fip.oneline textarea {
    padding: 4px;
}

.fip.ocline {
    clear: left;
    padding: 0 0 0 100px;
    margin-top: -10px;
}

.fip.ocline .fpl {
    margin-left: -100px !important;
}

.fip.ocline .fpl input {
    margin-top: 0;
}

.fcheck {
    margin: 0 0 10px;
    padding: 0 0 0 20px;
}

.fcheck input {
    float: left;
    width: auto;
    margin: 4px 0 0 -20px;
    padding: 0;
}

.fcheck label {
    display: block;
    font-size: 14px;
    font-weight: 300;
}






/***** pages *****/


/*** wraps ***/

.page-master {
    /*width: 100vw;*/
    padding: 80px 0 0 0;
    /*overflow: hidden;*/
}

@media only screen and (min-width: 1025px) {
    .page-master.withside {
        padding-right: 25%;
    }
    .page-master.withside .tbar {
        right: 25%;
        padding-right: 20px;
    }
    .page-master.withside .sidebar {
        margin-right: 0;
    }
    .page-master.withside .menubar {
        padding-right: 0;
    }
    .page-master.withside .sideicon {
        right: -30px;
        opacity: 0;
    }
}

@media only screen and (max-width: 1024px) {
    .page-master {
        padding-top: 63px;
    }
    .page-master.withmside {
        margin-left: -100%;
    }
    .page-master.withmside .tbar {
        margin-left: -100%;
    }
    .page-master.withmside .sidebar {
        margin-right: 0;
    }
    .page-master.withmenu {
        margin-left: 100%;
    }
    .page-master.withmenu .tbar {
        margin-left: 100%;
    }
    .page-master.withmenu .menubar {
        left: 0;
    }
}

.page-wrap {
    min-height: calc(100vh - 300px);
}






/*** backgrounds ***/

.bg-green {
    background: #009783;
    /* Old browsers */
    background: -moz-linear-gradient(top, #009783 0%, #007976 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #009783 0%, #007976 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #009783 0%, #007976 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$first', endColorstr='$second', GradientType=3);
    /* IE6-9 */
}






/*** section ***/

.psect {
    padding: 40px 30px;
    overflow: hidden;
}

.psect.hpad {
    padding: 45px 30px;
}

.psect.ntp {
    padding-top: 0 !important;
}

.psect.nbp {
    padding-bottom: 0 !important;
}

.psect.bg-pink {
    background: #fd5571;
    /* Old browsers */
    background: -moz-linear-gradient(left, #fd5571 0%, #ec752c 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #fd5571 0%, #ec752c 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #fd5571 0%, #ec752c 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$first', endColorstr='$second', GradientType=1);
    /* IE6-9 */
}

@media only screen and (max-width: 768px) {
    .psect {
        padding: 60px 30px;
    }

    .initDownloadGame {
        font-size: 9px !important;
        margin: 0;
        padding-left: 5px !important;
        width: 70%;
    }
}






}
@media only screen and (max-width: 600px) {
    .psect {
        padding: 45px 30px;
    }
}
@media only screen and (max-width: 480px) {
    .psect {
        padding: 36px 15px;
    }
}

@media only screen and (min-width: 1600px) {

    #ifLoggedIn {
        margin-right: 170px;
    }

    .initDownloadGame {
        font-size: 9px !important;
        margin: 0;
        padding-left: 5px !important;
        width: 70%;
    }
}

.pswrap {
    max-width: 1160px;
    margin: auto;
}
.pswrap.large {
    max-width: 1440px;
}
.pswrap.xlarge {
    max-width: 1680px;
}
.pswrap.max {
    max-width: 1920px;
}



































/* row & cols */
.psrow+.psrow {
    margin-top: 75px;
}
@media only screen and (max-width: 768px) {
    .psrow+.psrow {
        margin-top: 60px;
    }
}

.pscol {
    width: 48%;
}
.pscol.w20 {
    width: 20%;
}
.pscol.w25 {
    width: 25%;
}
.pscol.w30 {
    width: 30%;
}
.pscol.w40 {
    width: 40%;
}
.pscol.w50 {
    width: 50%;
}
.pscol.w60 {
    width: 60%;
}
.pscol.w70 {
    width: 70%;
}
.pscol.w75 {
    width: 75%;
}
.pscol.w80 {
    width: 80%;
}
@media only screen and (max-width: 768px) {
    .pscol.sw100 {
        width: 100%;
    }

    .pscol.sw100+.sw100 {
        margin-top: 60px;
    }
}



































/* text */
.pstext h1 {
    font-size: 40px;
    font-weight: 300;
    line-height: 1.25;
    margin: 0 0 30px;
}
.pstext h1.hbm {
    margin-bottom: 15px;
}

.pstext h4 {
    margin: 0 0 20px;
}

.pstext h5 {
    margin: 0;
    font-weight: 400;
}

.pstext .txt {
    opacity: 0.6;
}

.pstext .tul {
    padding-left: 18px;
}
.pstext .tul li {
    margin-top: 6px;
}
.pstext .tul li:first-child {
    margin-top: 0;
}

.pstext *:last-child {
    margin-bottom: 0;
}

.pstext *+ul {
    margin-top: 30px;
    list-style: disc;
}





/*.pstext a {
    color: inherit;
}*/
.pstext a,
.fqtext a {
    color: black;
    font-weight: bold;
}

.pstext a:hover {
    text-decoration: underline;
}

.pstext.twhite .txt {
    opacity: 0.7;
}

.pstext.reg {
    max-width: 960px;
    margin: auto;
}

@media only screen and (max-width: 768px) {
    .pstext h1 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .pstext h5 {
        font-size: 16px;
    }
}



































/*** table ***/
.etable {
    border-top: 1px rgba(0, 0, 0, 0.25) solid;
    overflow: hidden;
}
.etable .erow {
    padding: 12px 20px;
    border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
    position: relative;
}
.etable .erow.head {
    border-bottom-color: rgba(0, 0, 0, 0.25);
}
.etable .erow.head p {
    color: rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
    font-weight: 600;
}
.etable .ecell {
    float: left;
    width: 20%;
    padding-left: 2%;
}
.etable .ecell:first-child {
    padding-left: 0;
}
@media only screen and (max-width: 767px) {
    .etable .ecell {
        width: 100%;
        padding-left: 0;
    }
}
.etable p {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    word-break: break-all;
}
.etable.col7 .ecell {
    width: calc(100% / 7);
}
.etable.light {
    border-top-color: rgba(255, 255, 255, 0.25);
}
.etable.light .erow {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}
.etable.light .erow.head {
    border-bottom-color: rgba(255, 255, 255, 0.25);
}
.etable.light .erow.head p {
    color: rgba(255, 255, 255, 0.4);
}
.etable.light p {
    color: #fff;
}



































/*** intro banner ***/
.pbanner {
    height: calc(100vh - 286px);
    background-color: #000;
    overflow: hidden;
    position: relative;
}
.pbanner.stat {
    height: auto;
}
.pbanner.stat>img {
    display: block;
    width: 100%;
}
.pbanner.offer {
    background-image: url(../images/offers/offers-banner.jpg);
}
.pbanner.news {
    background-image: url(../images/news/news-banner.jpg);
}
.pbanner.careers {
    background-image: url(../images/careers/careers-banner.jpg);
}
.pbanner.reg {
    height: 480px;
}
@media only screen and (max-width: 1024px) {
    .pbanner.reg {
        height: 360px;
    }
}
@media only screen and (max-width: 768px) {
    .pbanner.reg {
        height: 240px;
    }
}
@media only screen and (max-width: 1024px) {
    .pbanner {
        height: calc(100vh - 245px);
    }
}

.pg-title {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.pg-title h1 {
    margin: 5px 0 0;
    font-size: 90px;
    line-height: 1;
    font-weight: 400;
}
@media only screen and (max-width: 1024px) {
    .pg-title h1 {
        font-size: 60px;
    }
}
@media only screen and (max-width: 768px) {
    .pg-title h1 {
        font-size: 40px;
    }
}
@media only screen and (max-width: 480px) {
    .pg-title h1 {
        font-size: 30px;
    }
}



































/*** gallery ***/
.psgal {
    margin: 30px 0 0;
}
@media only screen and (max-width: 750px) {
    .psgal {
        padding: 0 30px;
    }
}
.psgal .psticker a {
    display: block;
}



































/*** video ***/
.psvideo {
    padding: 60% 0 0;
    position: relative;
}
.psvideo iframe {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}








/*** banner ***/
.hbanner {
    height: calc(100vh - 209px);
    background: #a5a5a5;
    overflow: hidden;
    position: relative;
}
.hbanner .hslide0 {
    background-image: url(../images/home/home-slide-0.jpg);
}
.hbanner .hslide1 {
    background-image: url(../images/home/home-slide-1.jpg);
}
.hbanner .hslide2 {
    background-image: url(../images/home/home-slide-2.jpg);
}
.hbanner .hslide3 {
    background-image: url(../images/home/home-slide-3.jpg);
}
.hbanner .hslide4 {
    background-image: url(../images/home/home-slide-4.jpg);
}
.hbanner .hslide_off {
    background-image: url(../images/offers/offers-banner.jpg);
}
@media only screen and (max-width: 1024px) {
    .hbanner {
        height: calc(100vh - 211px);
    }
}
@media only screen and (max-width: 768px) {
    .hbanner {
/*        height: 56vw;*/
            height: 44vw;
    }
}








/* text */
.hstext {
    position: absolute;
    right: 10%;
    bottom: 20%;
}
.hstext h2 {
    font-size: 30px;
    line-height: 1.25;
    font-weight: 400;
}
.hstext.center {
    left: 10%;
}
.hstext.war {
    bottom: 80px;
    text-shadow: 0 0 20px #000;
}
@media only screen and (max-width: 1366px) {
    .hstext h2 {
        font-size: 24px;
    }
}
@media only screen and (max-width: 1024px) {
    .hstext {
        left: 10%;
        bottom: 64px;
        text-align: center;
    }

    .hstext.war {
        bottom: 64px;
    }

    .hstext h2 {
        font-size: 18px;
    }
}
@media only screen and (max-width: 480px) {
    .hstext {
        bottom: 20px;
    }

    .hstext.war {
        bottom: 20px;
    }
}






.hpager {
    padding: 5px;
    position: absolute;
    left: 50%;
    bottom: 20px;
    z-index: 10;
    background: rgba(255, 255, 255, 0.3);
    transform: translateX(-50%);
    border-radius: 48px;
}
.hpager a {
    float: left;
    display: block;
    width: 32px;
    height: 32px;
    border: 1px transparent solid;
    margin: 0 0 0 5px;
    position: relative;
    border-radius: 32px;
}
.hpager a .isprite {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.hpager a .reg {
    opacity: 0.5;
}
.hpager a .act {
    opacity: 0;
}
.hpager a:first-child {
    margin-left: 0;
}
.hpager a:hover {
    border-color: #fff;
}
.hpager a.active {
    border-color: #ec752c;
}
.hpager a.active .reg {
    opacity: 0;
}
.hpager a.active .act {
    opacity: 1;
}
@media only screen and (max-width: 480px) {
    .hpager {
        display: none;
    }
}


/* pager */
/*
.hpager {
    padding: 5px;
    position: absolute;
    left: 50%;
    bottom: 20px;
    z-index: 10;
    background: rgba(255, 255, 255, 0.3);
    transform: translateX(-50%);
    border-radius: 48px;
}
.hpager a {
    float: left;
    display: block;
    width: 32px;
    height: 32px;
    border: 1px transparent solid;
    margin: 0 0 0 5px;
    position: relative;
    border-radius: 32px;
}
.hpager a .isprite {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.hpager a .reg {
    opacity: 0.5;
}
.hpager a .act {
    opacity: 0;
}
.hpager a:first-child {
    margin-left: 0;
}
.hpager a:hover {
    border-color: #fff;
}
.hpager a.active {
    border-color: #ec752c;
}
.hpager a.active .reg {
    opacity: 0;
}
.hpager a.active .act {
    opacity: 1;
}
@media only screen and (max-width: 480px) {
    .hpager {
        display: none;
    }
}
*/






/*** downloads ***/
.downbox {
    padding: 5px 30px 0;
    background: #f5f5f5;
    text-align: center;
}
.downbox h3 {
    margin: 0 0 5px;
    font-size: 30px;
    line-height: 1.25;
    color: #007976;
}
.downbox a {
    margin: 8px;
    border-radius: 5px;
}







/*.downbox a:hover {
        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
    }*/
.downbox.v2 {
    padding: 30px 30px 20px;
}
.downbox.v2 h3 {
    color: #000;
}
.downbox.v2 h5 {
    margin: 0 0 20px;
}
@media only screen and (max-width: 1440px) {
    .downbox a {
        margin: 8px 5px;
    }
}
@media only screen and (max-width: 1024px) {
    .downbox a {
        margin: 2px;
    }

    .downbox a img {
        height: 40px;
    }
}
@media only screen and (max-width: 360px) {
    .downbox h3 {
        font-size: 18px;
    }
}








/*** gmaes ***/
.hglist {
    margin: -50px 0 0 -11.5%;
}
.hglist li {
    float: left;
    width: 23%;
    margin: 50px 0 0 10.33%;
}
.hglist li:nth-child(3n+1) {
    clear: left;
}
@media only screen and (max-width: 1440px) {
    .hglist {
        margin-left: -30px;
    }

    .hglist li {
        margin-left: 30px;
        width: calc(33.33% - 30px);
    }
}
@media only screen and (max-width: 720px) {
    .hglist li {
        width: calc(50% - 30px);
    }

    .hglist li:nth-child(3n+1) {
        clear: none;
    }

    .hglist li:nth-child(2n+1) {
        clear: left;
    }
}
@media only screen and (max-width: 720px) {
    .hglist {
        margin-top: -30px;
    }

    .hglist li {
        margin-top: 30px;
        width: calc(100% - 30px);
    }
}

.hgame {
    display: block;
    perspective: 1000px;
}
.hgame figure {
    padding: 100% 0 0;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #f5f5f5;
}
.hgame figure p {
    font-weight: 400;
    position: absolute;
    left: 10%;
    right: 10%;
    top: 50%;
    transform: translate(0, -50%) rotateY(180deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    text-align: center;
    opacity: 0;
    z-index: 8;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.hgame h5 {
    margin: 20px 0 5px;
    line-height: 1.25;
    font-weight: 600;
    color: #f43e3e;
}
.hgame>p {
    margin: 0;
    font-weight: 400;
}
.hgame:hover figure .hgimg {
    transform: rotateY(180deg);
}
.hgame:hover figure p {
    transform: translate(0, -50%) rotateY(0deg);
    opacity: 1;
}

.hgimg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    background-color: #000;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: rotateY(0deg);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}



































/*** why mega poker ***/
.mpsocial {
    padding: 4px 0 25px;
    border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}
.mpsocial h6 {
    margin: 0 0 20px;
    font-weight: 400;
    opacity: 0.5;
}
.mpsocial a {
    display: block;
    margin: 20px 0 0;
    padding: 0 0 0 36px;
    font-weight: 400;
}
.mpsocial a span {
    float: left;
    margin-left: -36px;
    font-size: 24px;
    line-height: 1;
}
.mpsocial a:hover {
    color: #f43e3e;
}



































/* points */
.wplist {
    margin: -60px 0 0 -9%;
    clear: both;
}
.wplist>li {
    float: left;
    width: 25%;
    margin: 60px 0 0 8.33%;
}
.wplist>li:nth-child(3n+1) {
    clear: left;
}
.wplist>li.full {
    width: 91.67%;
}
@media only screen and (max-width: 840px) {
    .wplist>li {
        width: 91.67%;
    }
}

.wpoint h5 {
    margin: 0 0 16px;
    font-weight: 400;
}

.wpoint p {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
}

.wpico {
    width: 100px;
    height: 100px;
    margin: 0 0 30px;
    background: #a5a5a5;
    border-radius: 100px;
    position: relative;
    overflow: hidden;
}
.wpico:after {
    content: '';
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 0 100px 100px 0;
}
.wpico img {
    max-width: 75%;
    max-height: 75%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.wpbanks {
    margin: 25px 0 0 0;
}
.wpbanks .bx-wrapper {
    margin: 0 !important;
}
.wpbanks img {
    display: block;
    width: 100px;
    margin-left: 1px !important;
    border: 1px rgba(0, 0, 0, 0.15) solid;
}



































/*** affilliate ***/
.hform {
    margin: 6px 0 0;
}



































/*** head ***/
.fqhead {
    margin: 0 0 75px;
}
.fqhead>h2 {
    margin: 3px 0;
    font-weight: 300;
}
.fqhead>h5 {
    font-weight: 300;
    margin: 0;
}
@media only screen and (max-width: 720px) {
    .fqhead {
        margin-bottom: 45px;
    }

    .fqhead>h2 {
        float: none;
        margin-bottom: 30px;
    }
}



































/* serach */
.fqinput {
    float: right;
    width: 50%;
}
.fqinput input {
    float: left;
    width: calc(100% - 115px);
    border: 1px rgba(0, 0, 0, 0.2) solid;
    font-size: 14px;
    line-height: 20px;
    padding: 20px 15px;
    border-radius: 5px;
}
.fqinput .btn {
    float: right;
    width: 100px;
    font-size: 14px;
    line-height: 20px;
    padding: 20px;
    border-radius: 5px;
}
@media only screen and (max-width: 720px) {
    .fqinput {
        float: none;
        width: auto;
    }
}



































/*** list ***/
.fqlist {
    margin: 9px 0 0 -30px;
}
.fqlist li {
    float: left;
    width: calc(33.33% - 30px);
    margin: 30px 0 0 30px;
}
@media only screen and (max-width: 960px) {
    .fqlist li {
        width: calc(50% - 30px);
    }
}
@media only screen and (max-width: 640px) {
    .fqlist li {
        width: calc(100% - 30px);
    }
}

.fqlink {
    display: block;
    padding: 25px 15px 20px 80px;
    border: 1px rgba(0, 0, 0, 0.2) solid;
    border-radius: 5px;
}
.fqlink img {
    float: left;
    margin: 0 0 0 -65px;
}
.fqlink h5 {
    margin: -5px 0 10px;
}
.fqlink p {
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 22px;
    font-weight: 400;
}
.fqlink p.underline {
    text-decoration: underline;
}
.fqlink:hover {
    background: #f5f5f5;
}



































/*** accordion ***/
.fqmaster {
    margin: 0 0 30px;
}

.fqbox {
    border-bottom: 1px rgba(0, 0, 0, 0.2) solid;
}
.fqbox.active {
    padding: 20px 0;
}
.fqbox.active .fqtitle {
    color: #009783;
}

.fqtitle {
    padding: 18px 0;
    cursor: pointer;
}
.fqtitle h5 {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
}
.fqtitle:hover {
    color: #009783;
}

.fqbody {
    display: none;
    padding: 16px 0 30px;
}



































/* text */
.fqtext p {
    font-weight: 300;
}
.fqtext p+p {
    margin-top: 24px;
}

.fqtext .etable {
    margin: 24px 0;
}



































/*** banner ***/
.abanner {
    padding: 150px 30px 175px;
    background: url(../images/about/about-banner.png) right bottom no-repeat;
    background-size: auto 95%;
}
.abanner .pstext h5 {
    max-width: 480px;
}
@media only screen and (max-width: 1440px) {
    .abanner {
        padding: 75px 30px 90px;
    }
}
@media only screen and (max-width: 1280px) {
    .abanner {
        background-size: 50% auto;
    }
}
@media only screen and (max-width: 1024px) {
    .abanner {
        background: none;
        text-align: center;
    }

    .abanner .pscol {
        float: none;
        width: auto;
    }

    .abanner .pstext h5 {
        margin: auto;
    }
}

.adbox {
    margin: 48px 0 0;
}
.adbox h5 {
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 24px;
}
@media only screen and (max-width: 640px) {
    .adbox a img {
        height: 40px;
    }
}



































/*** founders ***/
.fdcon {
    margin: 75px 0 0;
}



































/* box */
.fdbox {
    float: left;
    width: 400px;
    height: 575px;
    margin: 0 calc((33.33% - 400px)/2);
    position: relative;
    perspective: 1000px;
    cursor: pointer;
}
@media only screen and (min-width: 1024px) {
    .fdbox:hover {
        transform: translateY(-10px);
    }

    .fdbox:hover .fdcard {
        box-shadow: 0 8px 10px 3px rgba(0, 0, 0, 0.2);
    }
}
.fdbox.active {
    transform: translateY(0);
}
.fdbox.active .fdcard {
    transform: rotateY(180deg);
}
.fdbox.active .fdinfo {
    transform: rotateY(0deg);
}
@media only screen and (max-width: 1280px) {
    .fdbox {
        width: 31.33%;
        height: 480px;
        margin: 0 1%;
    }
}
@media only screen and (max-width: 840px) {
    .fdbox {
        float: none;
        width: 100%;
        max-width: 320px;
        height: 480px;
        margin: 30px auto;
    }
}



































/* card */
.fdcard {
    position: relative;
    height: 100%;
    padding: 20px;
    background: #fff;
    border: 3px rgba(0, 0, 0, 0.2) solid;
    border-radius: 10px;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.fdcard:before,
.fdcard:after {
    content: '';
    display: block;
    width: 32px;
    height: 27px;
    position: absolute;
}
.fdcard:before {
    left: 20px;
    top: 20px;
    background: url(../images/icons/ico-arr-up.png) no-repeat;
}
.fdcard:after {
    right: 20px;
    bottom: 20px;
    background: url(../images/icons/ico-arr-down.png) no-repeat;
}



































/* pic */
.fdimg {
    width: 90%;
    padding: 68px 0 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    text-transform: uppercase;
}
.fdimg img {
    max-height: 290px;
}
.fdimg h5 {
    margin: 20px 0 0;
    font-size: 18px;
    color: #f43e3e;
}
.fdimg h6 {
    margin: 0;
    font-size: 14px;
    color: #a5a5a5;
}
@media only screen and (max-width: 1280px) {
    .fdimg img {
        max-height: 180px;
    }
}









html {
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0px;
    /* remove scrollbar space */

    background: transparent;
    /* optional: just make scrollbar invisible */
}




/* optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #FF0000;
}






/* info */
.fdinfo {
    width: 100%;
    height: 100%;
    padding: 30px;
    position: absolute;
    left: 0;
    top: 0;
    background: #007976;
    border-radius: 10px;
    transform: rotateY(-180deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    /*overflow: auto;*/
}

.fdbox.active .fdinfo {
    overflow: auto;
}

.fditxt {
    color: #fff;
}
.fditxt h5 {
    font-size: 16px;
    margin: 0 0 10px;
}
.fditxt p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
}
.fditxt p+h5 {
    margin-top: 30px;
}



































/*** journey ***/
.jblock {
    margin: 0 -30px 0;
    padding: 0 30px 0 0;
    position: relative;
}
.jblock .jroad {
    display: block;
}
@media only screen and (max-width: 1024px) {
    .jblock {
        padding: 30px 30px 75px;
    }

    .jblock .jroad {
        display: none;
    }
}

.jwrap {
    float: left;
    position: relative;
}
@media only screen and (max-width: 1024px) {
    .jwrap {
        float: none;
    }
}

.jlist li {
    position: absolute;
}

.jlist .jl1 {
    left: 13%;
    top: 11%;
}

.jlist .jl2 {
    left: 48%;
    top: 18%;
    max-width: 600px;
}

.jlist .jl3 {
    left: 64%;
    top: 42%;
    max-width: 480px;
}

.jlist .jl4 {
    left: 64%;
    bottom: 10%;
    width: 100%;
    max-width: 720px;
}

@media only screen and (max-width: 1600px) {
    .jlist .jl4 {
        width: auto;
    }
}

@media only screen and (max-width: 1024px) {
    .jlist {
        max-width: 540px;
        margin: auto;
    }

    .jlist li {
        position: static;
        margin: 30px 0 0;
    }

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

.jitem {
    padding: 0 0 0 105px;
}
.jitem img {
    float: left;
    margin: 0 0 0 -105px;
}
.jitem h5 {
    margin: 0;
    opacity: 0.5;
}
.jitem p {
    margin: 0;
    color: #fff;
    font-weight: 400;
}
@media only screen and (max-width: 1600px) {
    .jitem p {
        font-size: 14px;
    }
}
@media only screen and (max-width: 600px) {
    .jitem {
        padding-left: 60px;
    }

    .jitem img {
        width: 50px;
        margin-left: -60px;
    }
}



































/*** jackpot ***/
.ojsect {
    padding: 75px;
    background-image: url(../images/offers/offers-jackpot.jpg);
}
@media only screen and (max-width: 1280px) {
    .ojsect {
        padding: 75px 45px;
    }
}
@media only screen and (max-width: 1024px) {
    .ojsect {
        padding: 45px 30px;
    }
}

.ojcon {
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 1024px) {
    .ojcon {
        flex-direction: column;
    }
}



































/* info */
.ojmain {
    float: left;
    width: calc(100% - 450px);
    padding-right: 30px;
}
@media only screen and (max-width: 1024px) {
    .ojmain {
        float: none;
        width: 100%;
        padding: 0;
        margin-bottom: 48px;
    }
}

.ojinfo {
    max-width: 540px;
    margin: auto;
    color: #fff;
}
.ojinfo h1 {
    margin: 0;
    font-size: 60px;
    line-height: 1.1;
}
.ojinfo h4 {
    margin: 10px 0 30px;
    font-weight: 500;
}
.ojinfo h5 {
    margin: 0;
    font-weight: 500;
}
@media only screen and (max-width: 1024px) {
    .ojinfo {
        max-width: none;
    }
}



































/* side */
.ojbar {
    float: right;
    width: 450px;
    padding: 40px 30px;
    background: rgba(0, 121, 118, 0.9);
}
@media only screen and (max-width: 1024px) {
    .ojbar {
        float: none;
        width: auto;
    }
}

.ojbox {
    color: #fff;
}
.ojbox h5 {
    margin: 0 0 30px;
    font-size: 18px;
    color: #fd9f00;
}
.ojbox p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    opacity: 0.9;
}
.ojbox ul li {
    margin: 24px 0 0;
    padding: 0 0 0 28px;
}
.ojbox ul li:before {
    content: '';
    float: left;
    display: block;
    width: 16px;
    height: 18px;
    margin: 4px 0 0 -28px;
    background: url(../images/icon-sprite.png) no-repeat;
    background-position: -34px -0px;
    opacity: 0.3;
}
.ojbox ul li:first-child {
    margin-top: 0;
}
.ojbox+.ojbox {
    margin-top: 40px;
}



































/*** listing ***/
.oflist {
    margin: -75px 0 0 -75px;
}
.oflist>li {
    float: left;
    width: calc(50% - 75px);
    margin: 75px 0 0 75px;
}
@media only screen and (max-width: 1600px) {
    .oflist {
        margin: -30px 0 0 -30px;
    }

    .oflist>li {
        width: calc(50% - 30px);
        margin: 30px 0 0 30px;
    }
}
@media only screen and (max-width: 840px) {
    .oflist>li {
        width: calc(100% - 30px);
    }
}



































/** item **/
.otbox {
    position: relative;
    perspective: 1000px;
}
.otbox.active .otinfo {
    transform: rotateY(180deg);
    opacity: 0;
}
.otbox.active .otdata {
    transform: rotateY(0deg);
    opacity: 1;
}

.otinfo {
    padding: 100% 0 0;
    position: relative;
    background-color: #000;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.otinfo.bonus {
    background-image: url(../images/offers/offers-thumb-1.jpg);
}
.otinfo.freeroll {
    background-image: url(../images/offers/offers-thumb-2.jpg);
}
@media only screen and (max-width: 840px) {
    .otinfo {
        padding-top: 50%;
    }
}
@media only screen and (max-width: 640px) {
    .otinfo {
        padding-top: 75%;
    }
}
@media only screen and (max-width: 540px) {
    .otinfo {
        padding-top: 100%;
    }
}



































/* text */
.ottxt {
    width: 80%;
    position: absolute;
    left: 10%;
    top: 10%;
    color: #fff;
}
.ottxt h2 {
    margin: 0;
    line-height: 1.2;
    color: #fd9f00;
}
.ottxt h4 {
    margin: 5px 0 25px;
    font-weight: 600;
    font-style: italic;
}
.ottxt h5 {
    margin: 0;
    font-weight: 400;
}
.ottxt a {
    color: #fd9f00;
}
.ottxt a:hover {
    text-decoration: underline;
}
.ottxt a.otaction {
    margin: 30px 0 0;
}
@media only screen and (min-width: 541px) and (max-width: 1200px) {
    .ottxt h2 {
        font-size: 30px;
    }

    .ottxt h4 {
        font-size: 18px;
        margin-bottom: 18px;
    }

    .ottxt h5 {
        font-size: 14px;
    }

    .ottxt a.otaction {
        margin-top: 20px;
    }
}
@media only screen and (max-width: 540px) {
    .ottxt {
        left: 5%;
        top: 5%;
    }

    .ottxt h2 {
        font-size: 24px;
    }

    .ottxt h4 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .ottxt h5 {
        font-size: 12px;
    }

    .ottxt a.otaction {
        margin-top: 15px;
    }
}

.otbtn {
    position: absolute;
    right: 10%;
    bottom: 10%;
}
.otbtn .btn {
    display: block;
}
@media only screen and (max-width: 540px) {
    .otbtn {
        right: 5%;
        bottom: 5%;
    }
}



































/* points */
.otdata {
    width: 100%;
    height: 100%;
    padding: 30px;
    position: absolute;
    left: 0;
    top: 0;
    background: #007976;
    transform: rotateY(-180deg);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    opacity: 0;
}

.otdscroll {
    height: 100%;
    overflow: auto;
}

.wocon {
    margin: 60px 0 0;
    text-align: center;
}
@media only screen and (max-width: 750px) {
    .wocon {
        margin-top: 40px;
    }
}

.woitem {
    float: left;
    width: 18%;
    margin: 0 1%;
    padding: 90px 0 0;
    position: relative;
}
.woitem img {
    position: absolute;
    left: 50%;
    top: 40px;
    transform: translate(-50%, -50%);
}
.woitem p {
    font-size: 14px;
}
@media only screen and (max-width: 750px) {
    .woitem {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        float: none;
        width: auto;
        margin: 20px 0 0;
        padding: 0;
        text-align: left;
    }

    .woitem img {
        position: static;
        transform: none;
        width: 30px;
        margin-right: 15px;
    }
}



































/*** container ***/
.nl-con+.nl-con {
    margin: 75px 0 0;
}



































/* head */
.nl-head {
    margin: 0 0 45px;
}
.nl-head h4 {
    margin: 0;
}

.nl-body {
    padding: 1px 0 0;
}



































/* seperator */
.news-sep {
    height: 5px;
    margin: 60px 0;
    border: 0;
    background: #000;
}



































/*** listing ***/
.nlist {
    margin: -45px 0 0 -5.25%;
}
.nlist li {
    float: left;
    width: 28.33%;
    margin: 45px 0 0 5%;
}
.nlist li:nth-child(3n+1) {
    clear: left;
}
@media only screen and (max-width: 768px) {
    .nlist li {
        width: 45%;
    }

    .nlist li:nth-child(3n+1) {
        clear: none;
    }

    .nlist li:nth-child(2n+1) {
        clear: left;
    }
}
@media only screen and (max-width: 480px) {
    .nlist li {
        width: 95%;
    }

    .box-50 {
        width: 100% !important;
    }
    /* g.gaurav*/

    .box-48 {
        width: 100% !important;
    }
    /* g.gaurav*/

    .box-40 {
        width: 100% !important;
    }
    /* g.gaurav*/

    .box-50 {
        width: 100% !important;
    }
    /* g.gaurav*/

    .box-75 {
        width: 100% !important;
    }
    /* g.gaurav*/

    .fill-box {
        display: block !important;
    }
    /* g.gaurav*/

    .input-group .form-control {
        width: 65%;
    }
    /* g.gaurav*/

    .cash-buttons {
        font-size: 0;
        line-height: 0;
        margin: 0 auto;
        padding-bottom: 30px;
        position: relative;
        width: auto !important;
        /* g.gaurav*/
    }

    .btn.green {
        background: #009783 none repeat scroll 0 0;
        color: #fff;
        font-size: 12px;
        /* g.gaurav*/
    }

    .btn.amber {
        /*background: #fd9f00 none repeat scroll 0 0;*/
        font-size: 12px;
        -webkit-appearance: none;
        /* g.gaurav*/
    }
}


html {
    -webkit-text-size-adjust: 100%;
    /* Prevent font scaling in landscape */
}
































/* thumb */
.nlbox {
    display: block;
    perspective: 1000px;
}
.nlbox * {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.nlbox .nlimg {
    margin: 0 0 20px;
    padding: 66% 0 0;
    background-color: #f5f5f5;
    transform-style: preserve-3d;
}
.nlbox p {
    margin: 0;
}
.nlbox:hover .nlimg {
    transform: rotateX(15deg);
}
.nlbox:hover p {
    color: #007976;
}
.nlbox:active .nlimg {
    transform: rotateX(-15deg);
}



































/*** intro ***/
.crintro {
    position: relative;
    margin: 75px 0 0;
    padding: 1px 0 0;
}
@media only screen and (max-width: 960px) {
    .crintro {
        margin-top: 60px;
    }
}



































/* text */
.critext {
    float: right;
    width: 55%;
    margin: 75px 0 0;
    padding: 40% 0 0;
    position: relative;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
    z-index: 10;
}
@media only screen and (max-width: 960px) {
    .critext {
        float: none;
        width: auto;
        margin: 0;
        padding: 45px 30px;
    }
}

.cribox {
    width: 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.cribox h4 {
    margin: 0 0 30px;
}
@media only screen and (max-width: 960px) {
    .cribox {
        width: auto;
        position: static;
        transform: none;
    }
}



































/* image */
.criimg {
    width: 55%;
    padding: 40% 0 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
@media only screen and (max-width: 960px) {
    .criimg {
        position: static;
        width: auto;
        margin: 0 15px;
        padding: 60% 0 0;
    }
}



































/*** openings ***/
.crdcon {
    margin: 60px 0 0;
}

.crdcol {
    width: calc(50% - 8px);
}
@media only screen and (max-width: 840px) {
    .crdcol {
        float: none;
        width: auto;
    }
}

.crdbox {
    display: block;
    margin: 16px 0 0;
    padding: 50% 0 0;
    position: relative;
}
.crdbox.cb1 {
    padding-top: 66%;
}
.crdbox.cb2 {
    padding-top: 34%;
}
.crdbox.cb4 {
    width: calc(50% - 8px);
}
.crdbox.cb5 {
    width: calc(50% - 8px);
}
@media only screen and (max-width: 840px) {
    .crdbox {
        float: none;
        padding: 0 !important;
        width: auto !important;
        height: 240px;
    }
}



































/* text */
.crdtxt {
    width: 80%;
    position: absolute;
    left: 10%;
    color: #1f1f1f;
}
.crdtxt.top {
    top: 0;
    margin-top: 10%;
}
.crdtxt.bottom {
    bottom: 0;
    margin-bottom: 10%;
}
.crdtxt.middle {
    top: 50%;
    transform: translateY(-50%);
}
.crdtxt.small h3 {
    font-size: 24px;
}
.crdtxt.small h5 {
    font-size: 16px;
}
.crdtxt h3 {
    margin: 0 0 15px;
    line-height: 1.2;
    font-weight: 600;
}
.crdtxt h5 {
    margin: 0;
    font-size: 20px;
    font-weight: 400;
}
.crdtxt h5 a {
    color: inherit;
}
.crdtxt h5 a:hover {
    text-decoration: underline;
}
@media only screen and (max-width: 1200px) {
    .crdtxt h3 {
        font-size: 24px;
    }

    .crdtxt h5 {
        font-size: 16px;
    }
}
@media only screen and (max-width: 840px) {
    .crdtxt {
        margin: 0 !important;
        top: 50% !important;
        bottom: auto !important;
        transform: translateY(-50%);
    }
}







































/* add_chips page css  */
.marg {
    padding-top: 2%;
}
.cash-buttons {
    font-size: 0;
    line-height: 0;
    margin: 0 auto;
    padding-bottom: 30px;
    position: relative;
    width: 1160px;
}
.cash-buttons {
    font-size: 0;
    line-height: 0;
    position: relative;
}
.cash-buttons li {
    position: relative;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    padding: 5px;
}
.cash-buttons a {
    margin: 3px 8px;
}
.box-25 {
    width: 25%;
}
.box-50 {
    width: 50%;
}
.box-48 {
    width: 48%;
}
.box-40 {
    width: 40%;
}
.box-50 {
    width: 50%;
}
.box-75 {
    width: 75%;
}
.box-4 {
    width: 33.3333%;
}
.form-inline .form-group {
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: middle;
}

.form-setion .control-label {
    text-align: left;
    text-transform: uppercase;
    padding-right: 5%;
    margin-bottom: 0;
    vertical-align: middle;
}

.fill-box {
    display: inline-block
}
.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.form-setion {
    padding: 50px 0px;
}
.mt-35 {
    margin-top: 5%;
}
.panel-title {
    color: #007976;
    font-weight: normal;
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 26px;
    border-bottom: 2px solid #007976;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0px;
}
.pb-10 {
    padding-bottom: 10px;
}
.serial-title {
    text-align: left;
    width: 5% !important;
    border-right: 1px solid #dddddd;
    padding: 16px 0px;
}
.table-title {
    text-align: left;
    width: 20% !important;
    border-right: 1px solid #dddddd;
    padding: 10px 0px;
    line-height: 28px
}
.buy-title {
    text-align: left !important;
    width: 20% !important;
    border-right: 1px solid #dddddd;
    padding: 10px 15px;
    line-height: 28px;
}
.stakes-title {
    text-align: left;
    width: 20% !important;
    border-right: 1px solid #dddddd;
    padding: 10px 15px;
    line-height: 28px;
}
.players-title {
    text-align: left !important;
    width: 20% !important;
    padding: 11px 15px;
}

.variation-title {
    text-align: left !important;
    width: 20% !important;
    padding: 13px 15px;
    border-right: 1px solid #dddddd;
}

.table-title p {
    font-size: 14px;
}
.buy-title p {
    font-size: 14px;
}
.stakes-title p {
    font-size: 14px;
}
.players-title p {
    font-size: 14px;
}
.table-title-rs {
    text-align: left;
    width: 20% !important;
    border-right: 1px solid #dddddd;
    padding: 10px 0px;
    line-height: 28px
}
.stakes-title-rs {
    text-align: left;
    width: 20% !important;
    border-right: 1px solid #dddddd;
    padding: 10px 15px;
    line-height: 28px;
}
.table-title-rs p {
    font-size: 14px;
}
.stakes-title-rs p {
    font-size: 14px;
}

.well {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
    display: inline-block;
    margin-top: 5%;
}
.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top;
}
.media a {
    padding-right: 10px;
    margin-top: 10px;
}
.media-body {
    /*width: 10000px;*/

    overflow: hidden;
}
.input-group-btn {
    font-size: 0;
    position: absolute;
    white-space: nowrap;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.btn.btn-primary.green {
    margin-left: -5px;
    padding: 5px 18px 5px 8px;
    position: relative;
    cursor: pointer;
}
.input-group {
    position: relative;
    margin: 6px 0;
}
.input-group-btn>.btn {
    position: absolute;
}
.help-block {
    font-size: 11px;
    color: #b0b0b0;
    display: block;
    line-height: 10px;
    padding-bottom: 5px;
}

.heading-txt {
    font-size: 25px;
    font-weight: 600;
    margin: 0px;
}

.group {
    margin: 10px 0px;
}
.group .control-label {
    width: 48%;
}
.edit-profile h3 {
    font-weight: normal;
    margin: 0px;
    font-size: 26px;
}
.bright {
    border-right: 1px solid #ebebeb;
}
.heading {
    font-size: 18px;
    font-weight: normal;
    margin: 0px;
}
.rupees {
    color: #fda30d;
    font-size: 25px;
}
.add-btn .green {
    border-radius: 5px;
    margin-top: 10px;
}



.control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    cursor: pointer;
}
.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #ffffff;
    border: 1px solid #dddddd;
}
.control:hover input~.control__indicator,
.control input:focus~.control__indicator {
    background: #ffffff;
}

.control input:disabled~.control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}
.control input:checked~.control__indicator:after {
    display: block;
}
.control--checkbox .control__indicator:after {
    left: 8px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid #009d86;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.control--checkbox input:disabled~.control__indicator:after {
    border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
}
.control--radio input:disabled~.control__indicator:after {
    background: #7b7b7b;
}

.curve-box {
    background: url(../images/careers/tophead.png) no-repeat top left #ffffff;
    padding: 10px 0px;
    color: #ffffff;
    font-weight: 600;
}
.curve-box2 {
    background: url(../images/careers/tophead2.png) no-repeat top left #ffffff;
    padding: 10px 0px;
    color: #000000;
    font-weight: 600;
}


.sbtabs2 {
    background: #ddd none repeat scroll 0 0;
    position: relative;
}
.sbtabs .titlebox {
    color: #565656;
    float: left;
    font-weight: 700;
    font-size: 18px;
    padding: 15px 12px;
    width: 24.5%;
    background: rgb(231, 231, 231) none repeat scroll 0 0;
    border-radius: 8px 8px 0 0;
}
.sbtabst {
    border-bottom: 2px solid #007976;
    background: #FFFFFF;
}
.sbtabst a.active {
    background: rgb(0, 157, 134) none repeat scroll 0 0;
    color: #ffffff;
}

.sbtabst a.sbt3.active~.bar2 {
    left: 0;
}
.sbtabs a.sbt4.active~.bar2 {
    left: 33.3333%;
}
.sbtabst a.sbt5.active~.bar2 {
    left: 66.6666%;
}

.sbtabs .bar2 {
    background: #007976 none repeat scroll 0 0;
    bottom: 0;
    height: 3px;
    left: 0;
    position: absolute;
    width: 33.3333%;
}
.sbtbtn2 {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, transparent 0%, #e9e9e9 50%, #e9e9e9 100%) repeat scroll 0 0;
    bottom: 0;
    left: 0;
    padding: 60px 10px 5px;
    position: ;
    right: 0;
    text-align: center;
}

.tabtable {
    padding: 0px;
    margin: 0 auto;
    max-width: 1160px;
}
.tabtable .stable {
    border: 1px solid #dddddd;
}
.head2 {
    background: #f2f2f2;
    padding: 0px 20px !important;
}
.tabtable .strow {
    background: #f9f9f9
}
.tabtable .strow:hover {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
}

.stable .strow2 {
    padding: 0px 20px;
    border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #f9f9f9 none repeat scroll 0 0;
}

.head2 p {
    font-weight: 600;
}



































/*** side arrow by rupak ***/
.profileicon {
    height: 32px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -34px;
    border-radius: 2px;
    padding: 10px;
    z-index: 1000;
    color: #fd9f00;
    font-size: 36px;
    line-height: 22px;
}
.profileicon small {
    font-size: 13px;
    line-height: 10px;
    position: relative;
    top: -10px;
    font-weight: 600;
}
.profileicon:hover {
    color: #fff;
}
.games-table {
    padding: 0px 15px !important;
    display: flex;
}
.btn.amber.initCashGame {
    color: #000000;
    font-weight: 400;
    padding: 0 8px;
    position: absolute;
    right: 6px;
    text-align: center;
    width: 35%;
}
.initDownloadGame {
    color: #000000 !important;
}
.jionGame {
    text-align: center;
    width: 100%;
    padding: 5px 5px !important;
}
.downloadGame {
    padding: 5px 5px !important;
    text-align: center;
    width: 75%;
}
.withDrawlSecondRow {
    padding-left: 15px;
}
.strow.head.clearfix.game-title {
    font-weight: 900 !important;
    padding: 10px 20px;
}
@media only screen and (min-width: 1025px) {
    .profileicon {
        right: 10px;
        width: 14%;
        border-left: 1px solid #a5a5a5;
        height: auto;
    }
}



































}



































}



































/***30 June 2017**/
.ui-dialog .ui-dialog-titlebar {
    background: inherit !important;
    border: medium none !important;
}
.ui-dialog-titlebar {
    display: none;
}


.ui-dialog-titlebar .ui-button {
    display: none;
}

.email-popup {
    display: block;
    background: #fff none repeat scroll 0 0 !important;
    border: medium none !important;
    padding: 0 !important;
}

.email-popup-sign {
    display: block !important;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
    background: #fff none repeat scroll 0 0;
}

.Congratulations {
    color: rgb(0, 169, 144);
    font-size: 26px;
    text-align: left;
}

.ui-dialog {
    width: 350px !important;
}

.registration {
    font-family: tahoma;
    font-size: 20px;
    text-align: left;
}

.ver-link {
    font-size: 16px;
    margin: 20px 0;
    color: #1d1d1d;
    text-align: left;
    font-weight: 400;
}


.welcome-note {
    font-size: 18px;
    text-align: left;
    font-weight: 400;
}

.welcome-note>span {
    color: rgb(228, 143, 0);
}

.good-luck {
    font-size: 18px;
    text-align: left;
}

.reg-button {
    background: rgb(0, 139, 125) none repeat scroll 0 0 !important;
    text-align: center;
    width: 100%;
    margin: 20px 0;
    color: #fff;
    border-radius: 5px;
    padding: 18px;
}


.chips {
    font-size: 28px;
    text-align: center;
    color: rgb(228, 143, 0);
    font-weight: 600;
}

.added-money {
    font-size: 12px;
    text-align: center;
    font-weight: 400;
}

#chkVerifyMobileReg {
    background: #f43e3e none repeat scroll 0 0;
    float: right;
    font-family: dosis;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: -30px;
    padding: 5px 15px;
}

.profile-details-left {
    width: 33%;
    float: left;
}

.user-info {
    width: 100%;
    padding: 10px;
    margin-top: 8px;
    margin-bottom: 0px;
}

.user-info .media.box-50 {
    width: 100%;
}

h3.profile-details {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}

.user-info .media.box-50 .media-body {
    float: right;
    width: 69%;
    margin-top: 10px;
}

.user-info .media.box-50 .media-body .heading-txt {
    color: rgb(0, 121, 118);
    text-transform: uppercase;
    font-size: 23px;
    font-weight: bold;
}

.online-since {
    font-size: 15px;
    padding: 4px 0;
    font-weight: 400;
    color: #6c6c6c;
}

.user-info .media.box-50 .media-body .box .input-group {
    width: 66%;
}

.user-info .media.box-50 .media-body .box .input-group .form-control {
    font-size: 10px;
    border-radius: 23px 0 0 23px;
}

.user-info .media.box-50 .media-body .box .input-group .btn-primary.green {
    background-color: rgb(241, 14, 14);
}


































/* Style the buttons that are used to open and close the accordion panel */
button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 8px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    border: 1px solid #e3e3e3;
}



































/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion.active,
button.accordion:hover {
    background-color: #ddd;
}



































/* Style the accordion panel. Note: hidden by default */
div.panel {
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

button.accordion:after {
    content: '';
    background: rgba(0, 0, 0, 0) url("images/pluse.png") no-repeat scroll 0 0;
    /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
    margin-top: 5px;
    width: 25px;
    height: 25px;
}

button.accordion.active:after {
    content: '';
    background: rgba(0,
    0,
    0,
    0) url("images/min.png") no-repeat scroll 0 0;
    /* Unicode character for "minus" sign (-) */
}

.profile-accordion {
    margin-top: 0;
    border-radius: 0 0 4px 4px;
}

.profile-accordion .control-label.fleft {
    font-size: 14px;
    padding: 5px 0;
    font-weight: 400;
}

.profile-accordion .fill-box {
    width: 90%;
}

.profile-accordion .password-buttons .btn {
    width: 34%;
    font-size: 14px;
    padding: 12px;
    color: #fff;
}

.profile-accordion .password-buttons {
    margin-left: 28%;
}

.edit-profile .pscol.w50 {
    width: 66%;
    float: right;
}

.edit-profile .pscol.w50.sw100 {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,
    0,
    0,
    0.05) inset;
    display: inline-block;
    margin-top: 8px;
    padding: 10px 20px;
}

.edit-profile .control-label.fleft {
    font-size: 14px;
    font-weight: 400;
    width: 25%;
    text-transform: uppercase;
    /*margin-top: 8px;*/
}

.edit-profile .fill-box {
    width: 75%;
    font-size: 14px;
    font-weight: 400;
}

.ui-datepicker-trigger {
    left: 91%;
    margin-top: 4px;
    position: absolute;
    cursor: pointer;
}

#ui-datepicker-div {
    z-index: 9999 !important;
}

.edit-profile .radio-inline {
    font-size: 14px;
    float: left;
    width: 18%;
}

.gender-all {
    margin-left: 30px;
}

.btn.red.email-buttons {
    font-size: 12px;
    width: 23%;
    padding: 5px 25px;
    margin-left: 15px;
    color: #fff;
    margin-top: 0;
}

.verify-mobile-status {
    color: rgb(0,
    138,
    32);
    margin-left: 30px;
    font-style: italic;
    font-weight: 600;
}


.edit-profile #address,
#address2 {
    height: auto;
}

#dialog-email {
    padding-top: 0;
}

.email-var {
    font-size: 26px;
    text-align: center;
    color: #353535
}

.email-dec {
    font-size: 14px;
    font-weight: 400;
}

.red-font {
    color: #ff0000;
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
}

.email-text,
.status-text {
    color: rgb(107,
    106,
    106);
    font-size: 14px;
    width: 20%;
    float: left;
}

.email-address,
.email-address1,
.email-address2,
.text-status {
    float: left;
    font-size: 12px;
    font-weight: 400;
    width: 60%;
}


.email-address>input,
.email-address1>input,
.email-address2>input {
    width: 100%;
}

.change-email,
.change-email1,
.change-email2 {
    color: red !important;
    float: left;
    font-size: 12px;
    width: 20%;
    font-weight: 400;
    cursor: pointer;
    text-decoration: underline;
    padding-left: 5px;
}

.email-change,
.email-status {
    float: left;
    width: 100%;
    padding: 10px 0;
}

.updatePreferenceRowF,
.updatePreferenceRow {
    padding: 17px 0;
}

.updatePreferenceRowF {
    color: rgb(0,
    151,
    131);
}

.updatePreferenceColumF {
    float: left;
    font-size: 14px;
    width: 50%;
    font-weight: 400;
}

.updatePreferenceRowF .updatePreferenceColumF {
    font-size: 15px;
    font-weight: 600;
}

.updatePreferenceColum {
    float: left;
    font-size: 15px;
    width: 25%;
    font-weight: 400;
    font-weight: 600;
}


#firstName-error,
#lastName-error,
#gender-error,
#dob-error,
#affiliate-error,
#panNumber-error,
#scratchCardError,
#CashFreeAmountError,
#CashFreeAmountBonusError,
#WithdrawAmmountError,
#WithdrawAcNameError,
#WithdrawAcNumberError,
#WithdrawAcNumberCfError,
#WithdrawAcIfscError,
#WithdrawAcBankError,
#WithdrawAcBranchError,
#erroremailForgotPass,
#name-error,
#email-error,
#query-error,
#panNumber-error1,
#traPhone-errors,#pincode-error {
    color: rgb(244,
    62,
    62);
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
}

#gender-error {
    width: 500px;
}

#changePanNumber #panNumber-error1 {
    float: right;
    width: 75%;
}

#traFirstName-error,
#traLastName-error,
#traEmail-error,
#traAddress-errors,
#tracity-errors,
#traPin-errors,
#traState-errors
{
    color: rgb(244,
    62,
    62);
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
    margin-left: 20%;
}
#traTerms-errors {
    color: rgb(244,
    62,
    62);
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
    margin-left: 3%;
    padding: 10px 0;
}


.startClock {
    color: #00fff3;
    float: right;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    position: absolute;
    right: 0;
    top: 15px;
}

.email-varified {
    color: rgb(0,
    138,
    32);
    float: right;
    font-style: italic;
    font-weight: 600;
    width: 50%;
}


.PanNumberVar {
    float: left;
    font-weight: 400;
    width: 30%;
    background: rgba(0,
    0,
    0,
    0) none repeat scroll 0 0;
    border: medium none;
}

.PendingPen {
    color: rgb(0,
    138,
    32);
    float: right;
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
    width: 70%;
}

.failedPen {
    color: red;
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
}

#dialog-panNumber {
    padding: 0 15px;
}


#dialog-panNumber .email-dec {
    padding: 10px 0;
    font-size: 14px;
    color: #353535
}

#dialog-panNumber .email-text {
    padding-top: 5px;
    width: 40%;
    font-weight: 400;
}






























/*.changePanNumberbox :checked+#changePanNumber {
        display: block;
    }
    .changePanNumberbox #changePanNumber {
        display: none;
    }*/
.changePanNamebox :checked+#changePanName {
    display: block;
}
.changePanNamebox #changePanName {
    display: none;
}


#dialog-panNumberName {
    padding: 0 20px;
}

.panName-var {
    font-size: 24px;
    padding-bottom: 10px;
}

.pen-text {
    float: right;
    font-size: 14px;
    width: 75%;
}

.changePanNumberbox #changePanNumber,
.changePanNamebox #changePanName {
    width: 100%;
    margin: 5px 0;
    float: right;
}

.changePanNumberbox #panNumber1,
.changePanNamebox #panName {
    float: right;
    height: 30px;
    width: 75%;
    font-size: 14px;
}


.NumberVericationFailed,
.NameVericationFailed {
    float: left;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    padding: 15px;
    width: 100%;
    color: #3d3d3d;
}

#opener-panNumber,
#opener-panNumberName,
#opener-panNumberWithdraw,
#opener-panNumberNameWithdraw {
    color: red;
    cursor: pointer;
    text-decoration: underline;
    font-weight: 600;
}

#accountTab {
    padding: 20px 50px 40px;
    width: 100%;
    margin-top: 0;
}

.accountImage {
    width: 25%;
}

#accountTab .thumbnail img {
    border-radius: 50%;
    height: 178px;
    width: 178px;
}

.editProfileButton {
    margin-left: 20px;
    margin-top: 20px;
}

.accountDetailsName {
    font-size: 30px;
    margin: 5px 0;
    text-transform: uppercase;
}

.player-since,
.lastPlayed {
    color: #7f7f7f;
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 5px;
}

hr {
    border: 1px solid #c4c3c3;
}

.accountChips {
    margin-top: 20px;
    padding: 0 20px;
}

.accountChips>img {
    float: left;
}

.accountChips .heading {
    color: #7f7f7f;
    font-size: 24px;
    padding: 6px 0 0 65px;
}

.accountChips .heading {
    color: #7f7f7f;
    font-size: 20px;
    padding: 6px 0 0 70px;
}


.accountChips .rupees {
    color: rgb(88,
    88,
    88);
    font-size: 40px;
    font-weight: 700;
    padding: 0 0 0 65px;
    line-height: 46px;
}

.AccountProfileButton span {
    display: none;
}

.AccountProfileButton:after {
    content: 'Edit Profile';
    text-transform: none;
    font-weight: 400;
}

.UserEarning {
    padding: 0 10px;
    width: 100%;
    height: 25vh;
}

.UserEarningBox:hover {
    box-shadow: 0 1px 5px 0 rgba(0,
    0,
    0,
    0.5);
}
.UserEarningBox {
    float: left;
    padding: 40px 20px;
    width: 25%;
}

.UserEarningBox>img {
    float: left;
}

.UserEarningTitle {
    color: #7f7f7f;
    font-size: 18px;
    font-weight: 400;
}

.UserEarningPoints {
    color: rgb(88,
    88,
    88);
    font-size: 22px;
    font-weight: 700;
}


.UserPlayed {
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    margin: 20px 0;
    padding: 30px 0px;
    text-align: center;
    height: 200px;
}

.UserPlayedBox {
    float: left;
    width: 33%;
}

.UserPlayedNumber {
    font-size: 50px;
    font-weight: 700;
    line-height: 52px;
}

.UserPlayedTitle {
    font-size: 24px;
    font-weight: 600;
}

#AccountTerms {
    margin: 0;
}

.AccountTermsTitle {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}


.AccountConditions>li {
    color: rgb(113,
    113,
    113);
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 15px;
}

ul.AccountConditions {
    list-style-image: url('images/arrow.png');
    padding-left: 19px;
}

#profileButton {
    text-transform: none;
    color: #fff;
    font-weight: normal;
}

.imageNotification {
    float: left;
    padding: 0 2px;
}

#reddemChips {
    padding: 0
}


.withdrawInfoBox {
    border: 2px solid rgb(230,
    230,
    230);
    float: left;
    height: 165px;
    margin-right: 35px;
    padding: 30px;
    width: 30%;
}

#reddemChips .withdrawInfoBox {
    margin-left: 15%;
}

.withdrawInfoBox>img {
    float: left;
}

.withdrawInfoBoxTitle {
    color: rgb(112,
    112,
    112);
    font-size: 18px;
    font-weight: 400;
}

.withdrawInfoBoxAmount {
    color: rgb(86,
    86,
    86);
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
}

#withdrawChipsForm {
    width: 100%;
    padding: 30px 20px;
    margin-top: 0;
}

.withdrawChipsFormFields {
    width: 60%;
}

#withdrawChipsForm .control-label.fleft {
    width: 30%;
}

#withdrawChipsForm .fill-box {
    width: 70%;
}

.withdrawChipsTitle {
    background: rgb(0,
    158,
    134) none repeat scroll 0 0;
    border-radius: 6px 6px 0 4px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-top: 15px;
    padding: 13px;
    text-align: center;
    width: 25%;
}

#withdrawChipsForm .btn {
    text-transform: none;
}

#WithdrawAcType,
#state,
#transactionState {
    appearance:none;
    -moz-appearance:none;
    /* Firefox */
    -webkit-appearance:none;
    /* Safari and Chrome */
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url("images/droupdown.png");
    background-origin: padding-box;
    background-position: 97% center;
    background-repeat: no-repeat;
    background-size: auto auto;
}

#addChips {
    padding: 0;
}

.addChipsInfo .withdrawInfoBox {
    margin-left: 15%;
    padding: 30px 18px;
    line-height: 40px;
}

.addChipsInfo .withdrawInfoBoxAmount {
    font-size: 28px;
    line-height: 25px;
}

.addChipsInfo .withdrawInfoBoxTitle {
    font-size: 21px;
    font-weight: 600;
}

.addChipsAmountNotice {
    color: rgb(175,
    61,
    64);
    font-weight: 400;
    padding-left: 95px;
}




































/* The Modal (background) */
.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0,
    0,
    0);
    /* Fallback color */
    background-color: rgba(0,
    0,
    0,
    0.7) !important;
    /* Black w/ opacity */
}



































/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 35px 20px;
    border: 1px solid #888;
    margin-top: 10% !important;
}

.modal-content .btn.green {
    border-radius: 5px;
}
































/* The Close Button */
.closePanNumberName,
.closeEmail,
.closePanNumber,
.closeAddChipsEmail,
.closeWithdraw,
.closeForgotPass,
.closeViewBonus {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    right: 37% !important;
    top: 20% !important;
}

.closePanNumberName:hover,
.closePanNumberName:focus,
.closeEmail:hover,
.closeEmail:focus,
.closeForgotPass:hover,
.closeForgotPass:focus,
.closeViewBonus:hover,
.closeViewBonus:focus,
.closePanNumber:hover,
.closePanNumber:focus,
.closeAddChipsEmail:hover,
.closeAddChipsEmail:focus,
.closeWithdraw:hover,
.closeWithdraw:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.withdrawChipsFormFields .editProfileButton {
    float: right;
    font-size: 10px;
    margin: 0;
    width: 25%;
}

.withdrawChipsFormFields #profileButton {
    font-size: 10px;
    margin: 0;
}

#addChipsPayments {
    margin-top: 20px;
    padding: 0;
    width: 100%;
}

#addChipsPayments .tab {
    float: left;
    width: 22%;
    border-right: 1px solid rgb(230,
    230,
    230);
}

#addChipsPayments .tabcontent {
    float: left;
    width: 75%;
    padding: 50px 0 0 50px;
    ;
}

#addChipsPayments .tablinks {
    background: rgba(0,
    0,
    0,
    0) none repeat scroll 0 0;
    color: #000;
    font-size: 16px;
    margin: 0;
    padding: 40px;
}

#addChipsPayments .tablinks.active {
    background: #009783 none repeat scroll 0 0 !important;
    color: #fff !important;
    font-weight: 600;
}

#addChipsPayments .tablinks .CashImage {
    background-image: url("images/cash_freenormal.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 63px;
}

#addChipsPayments .tablinks.active .CashImage {
    background-image: url("images/cash_freeactive.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 63px;
}

#addChipsPayments .tablinks .ScratchImage {
    background-image: url("images/Scratch_normal.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 63px;
}

#addChipsPayments .tablinks.active .ScratchImage {
    background-image: url("images/Scratch_active.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 63px;
}

.cashfreeIns {
    color: rgb(124,
    124,
    124);
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 40px;
}

#CashFreeForm .control-label.fleft {
    font-size: 15px;
    font-weight: 400;
    width: 25%;
}

#CashFreeForm {
    width: 100%;
}

#CashFreeForm .fill-box {
    width: 60%;
}

#CashFreeForm .btn.green {
    text-transform: none;
}

#openerViewBonus {
    color: rgb(255,
    0,
    0);
    cursor: pointer;
    float: right;
    font-size: 15px;
    font-weight: 600;
    padding: 50px 0 0;
    text-decoration: underline;
}

#openerViewBonus .modal-content {
    width: 95% !important;
}

#addChipsTrasaction {
    padding: 20px 40px;
    width: 100%;
    margin-top: 0;
}

.transactionTitle {
    color: rgb(255,
    185,
    15);
    font-size: 33px;
    font-style: italic;
    font-weight: 600;
}

#addChipsTrasaction .pscol.w50.sw100 {
    width: 100%;
}

#addChipsTrasaction .control-label.fleft {
    font-size: 12px;
    font-weight: 400;
    width: 20%;
    margin-top: 8px;
}

#transactionReference,
#transactionAmount,
#bonusAmount {
    background: rgba(0,
    0,
    0,
    0) none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    width: 50%;
}


.transactionFormTitle {
    font-size: 25px;
    font-weight: 600;
    margin: 20px 0;
}

#addChipsTrasaction .fill-box {
    width: 45%;
}

.transactionConfirm>input {
    float: left;
}

.transactioText {
    font-size: 12px;
    margin-left: 35px;
    padding-top: 3px;
    font-weight: 400;
}

#addChipsSuccessful {
    width: 100%;
    padding: 0;
    margin-top: 0;
}

.paymentThankyou {
    background-color: rgb(28,
    182,
    135);
    color: #fff;
    padding: 40px;
}

.paymentThankyou>img {
    float: left;
}

.paymentThankyouMsg {
    font-size: 35px;
    font-weight: 700;
    padding-left: 15%;
}

.paymentDetails {
    padding: 20px 50px 50px;
}

.paymentDetailsShow {
    font-size: 15px;
    padding: 25px 0;
}

.paymentDetailsKeys {
    float: left;
    font-weight: 400;
    width: 25%;
}

.paymentDetailsIDS {
    float: right;
    font-weight: 400;
    width: 75%;
}

.sbtabs.sbtabst.clearfix.dosis.center.upper {
    text-transform: none;
}

.sbtab.titlebox.sbt4 {
    margin: 0 5px;
    width: 25%;
}

.sbtab.titlebox.sbt6 {
    margin-left: 5px;
}

.transactionDetails {
    font-size: 14px;
    border-bottom: 1px solid #dddddd;
    display: flex;
}

.transactionDetails:last-child {
    border-bottom: none;
}

div.transactionDetails:nth-of-type(odd) {
    background: rgb(167,
    171,
    171);
}

.transactionDetails.First .addChipsSNo,
.transactionDetails.First .addChipsDate,
.transactionDetails.First .addChipsReference,
.transactionDetails.First .addChipsType,
.transactionDetails.First .addChipsStatus,
.transactionDetails.First .addChipsAmountTab {
    font-weight: 700;
}

.transactionDetails.First {
    background: rgb(69,
    69,
    69) none repeat scroll 0 0 !important;
    color: #fff;
    text-transform: uppercase;
}

.addChipsSNo {
    border-right: 1px solid rgb(205,
    205,
    205);
    float: left;
    font-weight: 400;
    padding: 10px;
    width: 5%;
    font-family: open sans;
}

.addChipsDate {
    border-right: 1px solid rgb(205,
    205,
    205);
    float: left;
    font-weight: 400;
    padding: 10px;
    width: 20%;
    font-family: open sans;
}

.addChipsReference {
    border-right: 1px solid rgb(205,
    205,
    205);
    float: left;
    font-weight: 400;
    padding: 10px;
    width: 20%;
    font-family: open sans;
}

.addChipsType {
    border-right: 1px solid rgb(205,
    205,
    205);
    float: left;
    font-weight: 400;
    padding: 10px;
    width: 18%;
    font-family: open sans;
}

.addChipsStatus {
    border-right: 1px solid rgb(205,
    205,
    205);
    float: left;
    font-weight: 400;
    padding: 10px;
    width: 19%;
    font-family: open sans;
}

.addChipsAmountTab {
    float: left;
    font-weight: 400;
    padding: 10px;
    width: 18%;
    font-family: open sans;
}

 .addChipsTypeTab {
    float: left;
    font-weight: 700;
    padding: 10px;
    width: 18%;
    font-family: open sans;
}


.addChipsReference {
    border-right: 1px solid rgb(205, 205, 205);
    float: left;
    font-weight: 400;
    padding: 10px;
    width: 30%;
    font-family: open sans;
}
.addChipsCashoutAmount {
    float: left;
    font-weight: 700;
    padding: 10px;
    width: 18%;
    font-family: open sans;
    border-right: 1px solid rgb(205, 205, 205);
}

.addChipsType {
    float: left;
    font-weight: 400;
    padding: 10px;
    width: 18%;
    font-family: open sans;
   
}
.CashOutAction {
    float: left;
    font-family: open sans;
    font-weight: 400;
    padding: 10px;
    width: 12.5%;
}

.CashOutAction a {
    text-decoration: underline;
}

.transactionDetails.First .CashOutAction {
    text-decoration: none;
    font-weight: 700;
}

#stable-4 .addChipsSNo {
    width: 5%;
}

#stable-4 .addChipsDate,
#stable-4 .addChipsReference {
    width: 17%;
}

#stable-4 .addChipsType,
#stable-4 .addChipsStatus,
#stable-4 .addChipsAmountTab {
    width: 10%;
}

#stable-4 .CashOutAction {
    width: 11%;
}

#stable-4 .addChipsAmountTab {
    border-right: 1px solid rgb(205,
    205,
    205);
}

#stable-5 .addChipsAmountTab {
    border-right: 1px solid rgb(205,
    205,
    205);
}

.allTrancations {
    float: left;
    font-family: open sans;
    font-weight: 400;
    padding: 10px;
    width: 12%;
}

.transactionDetails.First .allTrancations {
    font-weight: 700;
}

#stable-5 .addChipsSNo {
    width: 5%;
}

#stable-5 .addChipsType,
#stable-5 .addChipsStatus,
#stable-5 .addChipsAmountTab {
    width: 20%;
}

#stable-5 .addChipsDate {
    width: 17%
}

#stable-5 .addChipsReference {
    width: 18%
}

#fname-error {
    width: 47%;
}

#startClock {
    float: left;
    font-weight: 400;
}

#transactionAddress {
    height: auto;
}

.addChipsAmount {
    margin-bottom: 20px;
}

.accordion {
    background: #f5f5f5 none repeat scroll 0 0 !important;
    color: #000 !important;
    font-size: 24px;
    font-weight: 600;
    border-radius: 4px 4px 0 0;
}

.checkboxesStyle {
    position: relative;
    height: 16px;
    width: 17px;
}

input[type="checkbox"]:focus,
input[type="radio"]:focus {
    background-color: #000;
}

input[type="checkbox"],
input[type="radio"] {
    opacity:0;
    height: 16px;
    width: 17px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

input[type="checkbox"]+label,
input[type="radio"]+label {
    background:url('images/Checkboxnoselect.png') no-repeat;
    height: 24px;
    width: 26px;
    display:inline-block;
    padding: 0 0 0 0px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

input[type="radio"]+label {
    background:url('images/circel.png') no-repeat;
}

input[type="checkbox"]:checked+label,
input[type="radio"]:checked+label {
    background:url('images/Checkboxselect.png') no-repeat;
    height: 24px;
    width: 26px;
    display:inline-block;
    padding: 0 0 0 0px;
}

input[type="radio"]:checked+label {
    background:url('images/circelselect.png') no-repeat;
}

#user-profile {
    padding: 35px 30px 75px;
}

.signUpbtn {
    border-radius: 5px;
    padding: 12px !important;
    text-align: center;
}

.signUpContainer {
    background: #edebeb none repeat scroll 0 0;
}

#addChipsTrasaction {
    display: none;
}

#addChipsSuccessful {
    display: none;
}

a,
button {
    outline:none !important;
}

@media only screen and (max-width: 1400px) {
    .agreeTerms {
        padding-left: 30px;
    }
    .sbform .fip.sub {
        margin-right: 27%;
    }

    .pre_btn.btn.amber.fleft {
        margin-left: 27%;
    }
}

input::-moz-focus-inner,
button::-moz-focus-inner,
a::-moz-focus-inner {
    border:none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

#id01 .modal-content {
    padding: 0;
    width: 420px;
}

.signInBox {
    padding: 35px 20px 20px;
}

.headerUserImage {
    border-radius: 50%;
    height: 50px;
    width: 50px;
    float: left;
    margin: 0 7px;
}

.eighteenPlus p {
    margin-bottom: 15px;
}

#dialogForgotPass .modal-content {
    width: 400px !important;
    padding: 30px;
}

.titleForgotPass {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}


.enterTextForgotPass {
    color: rgb(212,
    158,
    84);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}


#dialogForgotPass .fill-box {
    margin-bottom: 10px;
    width: 100%;
}

#dialogViewBonus p {
    color: rgb(113,
    113,
    113);
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 15px;
}

#dialogViewBonus .modal-content {
    width: 92% !important;
}


.megaCircle p {
    font-size: 14px;
    margin-bottom: 10px;
}

.megaCircle .question {
    margin-top: 30px;
}

.megaCirclePoints .megaCirclePoint {
    float: right;
    font-size: 14px;
    margin-bottom: 2px;
    padding: 15px;
    width: 75%;
    box-shadow: 1px 1px 5px #888888;
}

.megaCirclePoints .megaCircleTitle {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 2px;
    padding: 15px;
    width: 25%;
}

.megaCirclePoints {
    height: 47vh;
    margin: 35px 0;
}

.stcellHome {
    width: 25%;
}

.profile-details-left .media-body .box .form-control {
    width: 97%;
}

 ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgb(194,
    194,
    194);
}

.PanCardMessage {
    color: red;
    float: left;
    font-weight: 400;
}

.sweet-alert .sa-button-container .cancel {
    background: #009783 none repeat scroll 0 0 !important;
    width: 35%;
}

.sweet-alert.showSweetAlert.visible>p {
    font-weight: 400;
}

.changePanNumberbox {
    height: 8vh;
}

.withdrawChipsFormFields .failedPen {
    float: left;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}

.navigation li {
    display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #6FB7E9;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}

.navigation li a:hover,
.navigation li.active a {
    background-color: #3C8DC5;
}

.user-info #submit {
    padding: 10px;
    width: 28%;
}

.edit-profile #submit {
    width: 20%;
}

#CashFreeForm #submit {
    width: 20%;
    margin-top: 25px;
}

.withdrawInfoBoxTitleCashout {
    padding-left: 105px;
}

#submitTranButton {
    width: 12%;
    margin: 2%;
    text-transform: none;
}

.box-50.fright.accountChips .heading,
.box-50.fright.accountChips .rupees {
    padding-left: 90px;
}

#support .modal-content {
    margin-top: 8% !important;
}

.modal-content {
    margin-top: 0 !important;
}

.downbox.v2 .anim-elem.zoom-in.done {
    width: 23%;
}

.userLoggedIn .signInButton {
    display: none;
}

.signInButton {
    display: none;
}


.withdrawSave {
    margin-left: 40px;
}

#registerAffiliate .fip input,
.fip textarea {
    height: 65px;
}

.pstext li {
    margin-left: 15px;
}

.updatePreferenceSave {
    text-align: right;
    width: 100%;
    padding-right: 60px;
    margin: 10px;
}

#support {
    padding: 0;
}

.UserEarningBoxCircle {
    padding-left: 80px;
}

.UserEarningBoxBonus {
    padding-left: 60px;
}

.UserEarningBoxMega {
    padding-left: 70px;
}

.UserEarningBoxTournament {
    padding-left: 72px;
}

#dialog-email .modal-content,
#dialogWithdraw .modal-content,
#addChipsDialog-email .modal-content,
#dialog-emailChange .modal-content {
    width: 420px;
}

.user-info .img-responsive {
    width: 100px;
}

.withdrawInfoBoxTitleAmount {
    padding-left: 70px;
}

#support .modal-content {
    width: 420px;
}

#ifLoggedInOffer {
    display: none;
}

.userLoggedIn #ifLoggedInOffer {
    display: block;
}

.userLoggedIn #ifLoggedOutOffer {
    display: none;
}

#accountTab .accountTabWrap {
    width: 75%;
}

.widget.EPS_Super_Search_Widget {
    float: right;
    width: 50%;
}

#s.form-control {
    height: 50px;
    width: 75%;
    border-radius: 4px 0 0 4px;
}

#super_searchform #searchsubmit {
    background: #009783 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    height: 50px;
}

#super_searchform .input-group-btn {
    width: 25%;
}

.faqSearchAccordian button.accordion::after {
    background: rgba(0,
    0,
    0,
    0) none repeat scroll 0 0;
}

.faqSearchAccordian button.accordion {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: inherit !important;
    border-color: rgba(0,
    0,
    0,
    0.2);
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    font-size: 16px;
    font-weight: 400;
    padding-left: 0;
}

.faqSearchAccordian .panelFaq {
    max-height: inherit !important;
    padding: 16px 0 30px;
}

.searchFaqTitle {
    float: left;
}

.searchFaqTitle h2 {
    font-weight: 300;
    margin: 3px 0;
}

.searchFaqTitle>h5 {
    font-weight: 300;
    margin: 0;
}

.faqSearchAccordian button.accordion.active {
    border: medium none;
    color: #009783 !important;
}

#userSignUp {
    height: auto;
    font-weight: 400;
}

.fqtext ul {
    list-style: inside none disc;
    padding: 15px;
}

.stableHome {
    height: calc(100vh - 470px);
    overflow: auto;
}

.stableHomeClose {
    height: calc(100vh - 100px);
    ;
}

.stcell.stcellHome.name {
    width: 30%;
}

.stcell.stcellHome.stake {
    width: 20%;
}

.pagination li {
    background: rgb(205,
    205,
    205) none repeat scroll 0 0;
    display: inline-block;
    margin-left: 2px;
    padding: 5px;
}

.pagination {
    margin-top: 10px;
    text-align: center;
}

.pagination li.active {
    background: rgb(0,
    157,
    134) none repeat scroll 0 0;
}

.pagination .active .page {
    color: #fff;
}

.sweet-alert p {
    color: #000 !important;
}

.sweet-alert button {
    background-color: #1E78C8 !important;
}

#dialog p {
    text-align: center;
}

#onlineLivedPlayer,
#onlineLivedTournament {
    font-family: tahoma;
}

#password_strength {
    font-size: 13px;
    font-weight: 600;
    color: #a70404;
    /*font-style: italic;*/
    float: left;
}

.offerMagnet {
    font-size: 32px;
    font-weight: 600;
}

#lc_chat_layout {
    left: 30px;
}

.metaTitleUse{
    /*font-size: 18px !important;*/
    font-size: 30px !important;
}

/*dialog-android*/

#dialog-android .modal-content,
#dialog-android-mobile .modal-content {
    width: 350px !important;
    padding: 0;
}

.closeAndroid,
.closeAndroidMobile {
    float: right;
}

#dialog-android .checkboxesStyle {
    float: left;
    margin-right: 10px;
}

.androidMobile {
    margin: 25px 0 22px;
    padding: 0 20px;
    clear: both;
}

.androidEmail {
   padding: 0 20px 25px;
}

.downloadAndroidLogo {
    text-align: center;
    background: #000;
}

.downloadNowAndroid {
    padding-top: 20px;
    font-size: 30px;
    font-weight: 600;
    color: rgb(0,122,119);
    text-align: center;
}

#dialog-android .closeAndroid {
    width: 20px;
    cursor: pointer;
}

#dialog-android .form-control {
    width: 70%;
    float: left;
}

#dialog-android .green {
    width: 25%;
    margin: 0 5px;
    padding: 5px;
}

#ifYes,
#ifNo {
    margin-top: 10px;
}

.androidMsg {
    margin: 25px 15px 15px;
    font-weight: 600;
    text-align: center;
    color: rgb(0,122,119);
    font-size: 18px;
}

.androidInstall {
    margin: 0 10px 30px;
}

.androidInstallInst {
    margin-bottom: 10px;
    background: rgb(0,122,119);
    color: #fff;
    padding: 20px 15px;
    font-weight: 400;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgb(236,28,36);
}

.androidNumber {
    float: left;
    width: 31px;
    font-size: 24px;
    height: 50px;
    line-height: 22px;
}

/*End dialog-android*/


.cashCashGameListPage {
    width: 1160px;
}

.rakeStructureTable .games-table,
#cashCashGameList .games-table {
    font-family: "Open Sans", sans-serif;
}


::-webkit-scrollbar {
    height: 10px;
    overflow: auto;
    width: 10px;
    background: #fff;
}

.authorsDetails {
    width: 100%;
    margin: 0 16%;
}

::-webkit-scrollbar-thumb {
    background: #D1CECE;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

.sitemap li a {
    color: #000;
}

.sitemap h2 {
    font-size: 25px;
}

.sitemapRow {
    display: table;
    width: 100%;
}

.sitemapcolom {
    width: 30%;
    float: left;
    border: 1px solid;
    margin: 0 18px 50px;
    border-radius: 5px;
    background: #f0eeee;
    height: 250px;
}

.sitemapTitle {
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 10px;
}

.sitemapLinks {
    padding: 18px;
    font-weight: 400;
}

#cash-buttons-other {
    display: none;
}

#openerViewBonus a {
    color: rgb(255, 0, 0);
    display: inline;
}

.emailVerifyBonusCode {
    display: none;
}

#opener-emailChange {
    width: auto;
    font-size: 12px;
    padding: 8px 12px;
    margin-left: 50px;
    font-style: italic;
}

#affiliateHistroy {
    width: 1160px;
}

#stable-7 {
    margin-top: 30px;
}

.rakeBackPercent span {
    background: #009783;
    padding: 15px 30px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    border-radius: 10px 10px 0 0;
    position: relative;
    top: 15px;
}

.sub-menu {
    display: none;
    position: absolute;
    background-color: #000;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.sub-menu a {
    color: #a5a5a5;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}


.menu-item-has-children:hover .sub-menu {
    display: block;
}

.menu-item-has-children .sub-menu li {
    float: none;
    margin: 0;
}

.sub-menu li:first-child {
    margin-top: 10px;
}


/****Responsive CSS 31st July 2017****/

/* Smartphones (portrait) ----------- */
@media only screen and (min-device-width: 240px) and (max-device-width: 480px) {

    #cashgameList,
    #tournamentList {
        width: 480px;
    }

    .cashgameListWrap,
    .tournamentListWrap {
        overflow: auto;
    }

    .stcell.stcellHome.stake {
        width: 16%;
    }

    .stcell.stcellHome.buy.tright {
        width: 30%;
    }

    .stcell.stcellHome.players.tright {
        width: 30%;
    }

    .stcell {
        width: 25%;
    }

    .stcell.stake.stakes-title {
        padding: 10px 5px;
    }

    .megaCirclePoints .megaCirclePoint {
        padding: 7px;
        width: 70%;
    }

    .megaCirclePoints .megaCircleTitle {
        padding: 7px;
        width: 30%;
    }

    .headerUserImage {
        display: none;
    }

    #accountTab .thumbnail img {
        height: auto;
    }

    #accountTab .thumbnail {
        width: 100%;
        text-align: center;
        padding: 0;
    }

    #accountTab {
        padding: 20px 15px 40px;
    }

    .accountImage {
        width: 100%;
    }

    #accountTab .media-body {
        display: inline;
    }

    .editProfileButton {
        margin-left: 0;
    }

    .accountDetailsName {
        text-align: center;
        font-size: 25px;
    }

    .player-since,
    .lastPlayed {
        font-size: 15px;
        text-align: center;
    }

    .accountChips .heading {
        font-size: 18px;
    }

    .accountChips .rupees {
        font-size: 30px;
    }

    .box-50.fright.accountChips {
        padding-left: 0;
    }

    .UserEarningBox {
        width: 100%;
    }

    .profile-details-left {
        width: 100%;
        margin-bottom: 10px;
    }

    .edit-profile .pscol.w50 {
        width: 100%;
    }

    .user-info .thumbnail.pull-left {
        text-align: center;
        width: 100%;
    }

    .user-info .media.box-50 .media-body {
        text-align: center;
        width: 100%;
    }

    .user-info .media.box-50 .media-body .box {
        width: 75%;
    }

    .updatePreferenceColumF {
        font-size: 12px;
    }

    .updatePreference #submit {
        width: 40%;
    }

    .accordion {
        font-size: 18px;
    }

    .group .control-label {
        width: 100%;
    }

    .edit-profile .control-label.fleft {
        width: 100%;
        margin-bottom: 8px;
    }

    .edit-profile .fill-box {
        width: 100%;
    }

    .edit-profile .radio-inline {
        width: 100%;
    }

    .ui-datepicker-trigger {
        left: 74%;
    }

    #dialog-panNumberName .modal-content {
        width: 290px;
    }

    .edit-profile #submit {
        width: 50%;
    }

    .addChipsInfo .withdrawInfoBox {
        width: 100%;
        margin: 0 0 20px;
        line-height: 30px;
    }

    #addChipsPayments .tab {
        width: 100%;
    }

    #addChipsPayments .tablinks {
        width: 50%;
        float: left;
        padding: 13px;
    }

    #addChipsPayments .tabcontent {
        padding: 20px;
        width: 100%;
    }

    .cashfreeIns {
        padding-bottom: 20px;
    }

    #CashFreeForm .control-label.fleft {
        margin-bottom: 10px;
        width: 100%;
    }

    #CashFreeForm .fill-box {
        width: 100%;
    }

    #CashFreeForm #submit {
        width: 50%;
    }

    #addChipsPayments .tab {
        border-bottom: 1px solid rgb(230,
        230,
        230);
    }

    .withdrawInfoBox {
        margin: 0 0 10px;
        width: 100%;
    }

    #reddemChips .withdrawInfoBox {
        margin: 0 0 10px;
    }

    .withdrawInfoBox>img {
        width: 60px;
    }

    .withdrawInfoBoxTitle {
        font-size: 16px;
    }

    .withdrawInfoBoxAmount {
        font-size: 30px;
    }

    .withdrawInfoBoxTitleCashout {
        padding-left: 75px;
    }

    .eligibleWithdraw {
        padding-left: 60px;
    }

    .withdrawChipsTitle {
        width: 100%;
    }

    .withdrawChipsFormFields {
        width: 100%;
    }


    #withdrawChipsForm .control-label.fleft {
        width: 100%;
        font-size: 13px;
    }


    #withdrawChipsForm .fill-box {
        width: 100%;
    }

    .withdrawChipsFormFields .editProfileButton {
        width: 50%;
        float: none;
    }
    .withdrawChipsFormFields #profileButton {
        margin-top: 15px;
    }

    /*.sbtabs .titlebox,
        .sbtab.titlebox.sbt4 {
            width: 100%;
            margin: 0;
        }

        .addChipsSNo,
        .addChipsDate,
        .addChipsReference,
        .addChipsType,
        .addChipsStatus,
        .addChipsAmountTab,
        .CashOutAction,
        #stable-4 .addChipsType,
        #stable-4 .addChipsStatus,
        #stable-4 .addChipsAmountTab,
        #stable-5 .addChipsDate,
        #stable-5 .addChipsReference,
        #stable-5 .addChipsType,
        #stable-5 .addChipsStatus,
        #stable-5 .addChipsAmountTab,
        .allTrancations {
            width: 100%;
            border-bottom: 1px solid rgb(205,
            205,
            205);
            text-align: center;
        }*/
    #transactionHistroy {
        width: 1160px;
        height: 100%;
    }

    #addChipsTrasaction {
        padding: 20px;
    }

    .transactionTitle {
        font-size: 22px;
    }

    #addChipsTrasaction .control-label.fleft {
        width: 100%;
        margin-bottom: 5px;
    }

    #addChipsTrasaction .fill-box {
        width: 100%;
    }

    #transactionReference,
    #transactionAmount {
        width: 90%;
        padding: 0;
    }

    #submitTranButton {
        width: 50%;
    }

    .paymentThankyou {
        padding: 20px;
    }

    .paymentThankyou>img {
        width: 60px;
    }

    .paymentThankyouMsg {
        font-size: 20px;
        padding-left: 25%;
    }

    .paymentDetails {
        padding: 20px 20px 125px;
    }

    .paymentDetailsKeys {
        width: 100%;
        margin: 10px 0;
    }

    .paymentDetailsIDS {
        width: 100%;
    }

    .cash-buttons ul li {
        width: 100%;
    }

    #dialogForgotPass .modal-content {
        width: 288px !important;
    }

    .btn.red.email-buttons {
        width: 60%;
        margin-top: 10px;
    }

    .transactionHistroyWrap {
        overflow: auto;
    }

    .signInButton {
        display: block;
    }

    .signUpButton {
        display: none !important;
    }

    #ifLoggedIn {
        margin-right: 0;
    }

    .outer .bx-wrapper .bx-prev {
        left: -17px;
    }

    .outer .bx-wrapper .bx-next {
        right: -17px;
    }

    .updatePreferenceSave {
        padding-right: 0;
        text-align: center;
        width: 100%;
    }

    .downbox.v2 .anim-elem.zoom-in.done {
        width: auto;
    }

    .rakeStructureTable .stable.sbtabs {
        width: 900px;
    }

    .rakeStructureTable .dosis {
        overflow: auto;
    }

    .PanNumberVar {
        width: 100%;
    }

    .PendingPen,
    .failedPen {
        width: 100%;
    }

    .pre_btn.btn.amber.fleft,
    .sbform .fip.sub {
        margin-left: 20%;
    }

    #support .modal-content,
    #id01 .modal-content {
        width: 300px !important;
    }

    .wpbanks .bx-wrapper {
        max-width: 100% !important;
    }

    .ottxt h2 {
        font-size: 24px;
    }

    .ottxt h4 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .ottxt h5 {
        font-size: 12px;
    }

    body {
        font-size: 14px;
    }

    .AccountConditions>li {
        font-size: 14px;
    }

    .cash-buttons {
        width: 100%;
    }

    #accountTab .accountTabWrap {
        width: 100%;
    }

    #addChipsDialog-email .modal-content,
    #dialog-email .modal-content,
    #dialogWithdraw .modal-content,
    #dialog-emailChange .modal-content {
        width: 300px;
    }

    #dialog-email #change-emailInput,
    #addChipsDialog-email #change-emailInput1,
    #dialogWithdraw #change-emailInput2,
    #dialog-emailChange #change-emailInput {
        width: 80%;
        float: left;
    }

    .widget.EPS_Super_Search_Widget {
        width: 100%;
    }

    #super_searchform #searchsubmit {
        padding: 10px;
    }

    .stableHome,
    .stableHomeClose {
        height: auto;
    }

    #dialog-android .modal-content,
    #dialog-android-mobile .modal-content {
        width: 300px !important;
    }

    #dialog-android .green {
        padding: 8px;
    }

    .dosisCashGamePage {
        overflow-x: scroll;
    }

    .authorsDetails {
        margin: 0;
    }

    .sitemapcolom {
        width: 100%;
        margin: 0 0 50px;
    }

    #resendEmail-error,
    #resendEmail-error1,
    #resendEmail-error2,
    #resendEmailChange-error {
        margin-left: 0;
    }

    .email-varified {
        margin-top: 0;
        width: 100%;
    }
}





/* Smartphones (landscape) ----------- */
@media only screen and (min-device-width: 481px) and (max-device-width: 767px) {

    .anim-elem.zoom-in.done {
        transform: scale(1);
        width: 23%;
    }

    .nlbox.anim-elem.zoom-in.done {
        width: 100%;
    }

    .megaCirclePoints {
        height: 125vh;
    }

    /* #support .modal-content {
            width: 250px !important;
        }*/
    #userProfile {
        width: 30%;
    }

    #accountTab {
        padding: 20px 15px 40px;
    }

    #accountTab .thumbnail img {
        height: 135px;
        width: 135px;
    }

    #accountTab .media-body {
        display: inline;
    }

    .editProfileButton {
        margin-left: 0;
    }

    .cash-buttons {
        width: 560px;
    }

    #accountTab .box-50.accountChips {
        width: 50%;
    }

    .accountChips>img {
        width: 50px;
    }

    .accountChips .heading {
        padding-left: 60px;
        font-size: 14px;
    }

    .accountChips .rupees {
        padding-left: 60px;
        font-size: 30px;
    }

    .box-50.fright.accountChips .heading,
    .box-50.fright.accountChips .rupees {
        padding-left: 60px;
    }

    .UserEarningBox {
        width: 50%;
        height: 45vh;
    }

    .UserEarning {
        height: 95vh;
    }

    .profile-details-left {
        width: 100%;
    }

    .profile-details-left {
        margin-bottom: 10px;
    }

    .edit-profile .pscol.w50 {
        width: 100%;
    }

    .edit-profile .radio-inline {
        width: 25%;
    }

    .ui-datepicker-trigger {
        left: 87%;
    }

    .email-varified {
        width: 100%;
        margin-top: 0;
    }

    .addChipsInfo .withdrawInfoBox {
        width: 46%;
        margin: 0 45px 0 0;
    }

    #addChipsPayments .tab {
        width: 100%;
    }

    #addChipsPayments .tablinks {
        width: 50%;
        float: left;
    }

    #addChipsPayments .tabcontent {
        padding: 20px;
        width: 100%;
    }

    #CashFreeForm .control-label.fleft {
        width: 35%;
    }

    #CashFreeForm #submit {
        width: 25%;
    }

    .withdrawInfoBox {
        margin: 0 0 10px 18%;
        padding: 30px;
        width: 66%;
    }

    #reddemChips .withdrawInfoBox {
        width: 46%;
        margin: 0 45px 0 0;
    }

    .withdrawChipsTitle {
        width: 100%;
    }

    .withdrawChipsFormFields {
        width: 100%;
    }

    #withdrawChipsForm .control-label.fleft {
        width: 40%;
    }

    .withdrawChipsFormFields .editProfileButton {
        width: 35%;
    }

    .PanNumberVar {
        width: 25%;
    }

    #withdrawChipsForm .fill-box {
        width: 60%;
    }

    .edit-profile #submit {
        width: 25%;
    }

    /*.sbtabs .titlebox,
        .sbtab.titlebox.sbt4 {
            width: 100%;
            margin: 0;
        }

        .addChipsSNo,
        .addChipsDate,
        .addChipsReference,
        .addChipsType,
        .addChipsStatus,
        .addChipsAmountTab,
        .CashOutAction,
        #stable-4 .addChipsType,
        #stable-4 .addChipsStatus,
        #stable-4 .addChipsAmountTab,
        #stable-5 .addChipsDate,
        #stable-5 .addChipsReference,
        #stable-5 .addChipsType,
        #stable-5 .addChipsStatus,
        #stable-5 .addChipsAmountTab,
        .allTrancations {
            width: 100%;
            border-bottom: 1px solid rgb(205,
            205,
            205);
            text-align: center;
        }*/
    #addChipsTrasaction .control-label.fleft {
        width: 28%;
    }

    #addChipsTrasaction .fill-box {
        width: 70%;
    }

    #submitTranButton {
        width: 25%;
    }

    .paymentThankyouMsg {
        font-size: 25px;
        padding-left: 22%;
    }

    .paymentDetailsKeys {
        width: 40%;
    }

    .paymentDetailsIDS {
        width: 60%;
    }

    .cash-buttons ul li {
        width: 100%;
    }

    .btn.red.email-buttons {
        width: 30%;
    }

    .transactionHistroyWrap {
        overflow: auto;
    }

    #transactionHistroy {
        width: 1160px;
        height: 100%;
    }

    .signInButton {
        display: block;
    }

    .signUpButton {
        display: none !important;
    }

    #ifLoggedIn {
        margin-right: 0;
    }

    .wpbanks .bx-wrapper {
        max-width: 100% !important;
    }

    .widget.EPS_Super_Search_Widget {
        width: 100%;
    }

    .stableHome,
    .stableHomeClose {
        height: auto;
    }

    .dosisCashGamePage {
        overflow-x: scroll;
    }

    .authorsDetails {
        margin: 0;
    }

    .sitemapcolom {
    width: 100%;
    margin: 0 0 50px;
    }
}


/* ipad (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {

    .anim-elem.zoom-in.done {
        transform: scale(1);
        width: 23%;
    }

    #id01 .modal-content {
        width: 400px;
    }

    .signInButton {
        display: block;
    }

    .signUpButton {
        display: none !important;
    }

    .profileicon small {
        float: right;
        line-height: 22px;
        top: 2px;
    }

    .cash-buttons #profileButton {
        padding: 10px 12px;
        font-size: 14px;
    }

    #accountTab {
        padding: 20px 20px 40px;
    }

    .editProfileButton {
        margin-left: 10px;
    }

    #accountTab .thumbnail img {
        height: 150px;
        width: 150px;
    }

    .accountChips .rupees {
        font-size: 30px;
    }

    .UserEarningBox>img {
        width: 50px;
    }

    .UserEarningBoxCircle,
    .UserEarningBoxBonus,
    .UserEarningBoxMega,
    .UserEarningBoxTournament {
        padding-left: 55px;
    }

    .UserEarningTitle {
        font-size: 16px;
    }

    .UserEarningPoints {
        font-size: 20px;
    }

    .UserEarning {
        height: 18vh;
    }

    .user-info .img-responsive {
        width: 100%;
    }

    .user-info .media.box-50 .media-body {
        width: 100%;
    }

    h3.profile-details {
        font-size: 22px;
    }

    .updatePreferenceColum {
        width: 24%;
    }

    .updatePreferenceColumF {
        font-size: 12px;
        width: 52%;
    }

    .user-info #submit {
        padding: 8px;
        width: 60%;
    }

    .accordion {
        font-size: 16px;
    }

    .profile-accordion .control-label.fleft {
        width: 100%;
    }

    .profile-accordion .password-buttons {
        margin: 0;
    }

    .profile-accordion .password-buttons .btn,
    .profile-accordion #submitPass {
        padding: 8px;
        width: 48%;
    }

    .edit-profile .radio-inline {
        width: 25%;
    }

    .gender-all {
        margin-left: 22px;
    }

    .edit-profile .control-label.fleft {
        width: 27%;
    }

    .edit-profile .fill-box {
        width: 73%;
    }

    .email-varified {
        width: 100%;
        margin-top: 0;
    }

    .edit-profile #submit {
        width: 25%;
    }

    .ui-datepicker-trigger {
        left: 89%;
    }

    .addChipsInfo .withdrawInfoBox {
        margin-left: 0;
    }

    .withdrawInfoBox {
        width: 47%;
    }

    .addChipsInfo .withdrawInfoBoxTitle {
        font-size: 19px;
    }

    .addChipsInfo .withdrawInfoBoxAmount {
        font-size: 25px;
    }

    #addChipsPayments .tab {
        width: 30%;
    }

    #addChipsPayments .tablinks {
        padding: 35px;
    }

    #addChipsPayments .tabcontent {
        padding: 50px 0 0 20px;
    }

    #CashFreeForm .control-label.fleft {
        width: 36%;
    }

    #CashFreeForm #submit {
        width: 30%;
    }

    #openerViewBonus {
        padding: 10px;
    }

    #addChipsPayments .tabcontent {
        width: 70%;
    }

    #reddemChips .withdrawInfoBox {
        width: 47%;
        margin-right: 23px;
        padding: 30px 10px 10px;
        margin-left: 0;
    }

    #reddemChips .withdrawInfoBox>img {
        width: 50px;
    }

    #reddemChips .withdrawInfoBoxTitleAmount {
        padding-left: 55px;
    }

    #reddemChips .withdrawInfoBoxTitle {
        font-size: 16px;
    }

    #reddemChips .withdrawInfoBoxAmount {
        font-size: 30px;
    }

    #reddemChips .withdrawInfoBoxTitleCashout {
        padding-left: 55px;
    }

    .eligibleWithdraw {
        padding-left: 50px;
    }

    .withdrawChipsTitle {
        width: 35%;
    }

    .withdrawChipsFormFields {
        width: 100%;
    }

    #transactionHistroy {
        width: 1160px;
    }

    .transactionHistroyWrap {
        overflow: auto;
    }

    .megaCirclePoints {
        height: 32vh;
    }

    .nlbox.anim-elem.zoom-in.done {
        width: 100%;
    }

    #ifLoggedIn {
        margin-right: 0;
    }

    .fqlink {
        height: 23vh;
    }

    .wpbanks .bx-wrapper {
        max-width: 100% !important;
    }

    #submitTranButton {
        width: 18%;
    }

    .paymentThankyouMsg {
        font-size: 32px;
    }

    .PanNumberVar,
    .PendingPen {
        width: 100%;
    }

    #super_searchform #searchsubmit {
        padding: 12px;
    }

    .stableHome,
    .stableHomeClose {
        height: auto;
    }

    .dosisCashGamePage {
        overflow-x: scroll;
    }

    .authorsDetails {
        margin: 0;
    }

    .sitemapcolom {
        margin: 0 10px 50px;
    }
}







/* ipad (landscape) ----------- */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1200px) {
    .signInButton {
        display: block;
    }

    .signUpButton {
        display: none !important;
    }

    .profileicon small {
        float: right;
        line-height: 22px;
        top: 2px;
    }

    .user-info .img-responsive {
        width: 80px;
    }

    .accordion {
        font-size: 22px;
    }

    .addChipsInfo .withdrawInfoBox {
        width: 35%;
    }

    .addChipsInfo .withdrawInfoBoxTitle {
        font-size: 19px;
    }

    .addChipsInfo .withdrawInfoBox {
        margin-left: 13%;
    }

    #reddemChips .withdrawInfoBox {
        padding: 30px 15px 15px;
        width: 35%;
        margin-left: 13%;
    }

    #reddemChips .withdrawInfoBox>img {
        width: 60px;
    }

    #reddemChips .withdrawInfoBoxTitle {
        font-size: 16px;
    }

    #reddemChips .withdrawInfoBoxAmount {
        font-size: 30px;
    }

    .withdrawInfoBoxTitleCashout {
        padding-left: 70px;
    }

    .eligibleWithdraw {
        padding-left: 70px;
    }

    .withdrawChipsFormFields {
        width: 70%;
    }

    #CashFreeForm .control-label.fleft {
        width: 30%;
    }

    #transactionHistroy {
        width: 1160px;
    }

    .transactionHistroyWrap {
        overflow: auto;
    }

    #ifLoggedIn {
        margin-right: 0;
    }

    .wpbanks .bx-wrapper {
        max-width: 100% !important;
    }

    .stableHome,
    .stableHomeClose {
        height: auto;
    }

    .dosisCashGamePage {
        overflow-x: scroll;
    }

    .sitemapcolom {
        margin: 0 15px 50px;
    }
}





@media only screen and (min-device-width: 1201px) {
    .modal-content {
        width: 450px !important;
    }
}



@media only screen and (min-device-width: 1599px) and (max-device-width: 1601px) {
    .ui-datepicker-trigger {
        left: 83%;
    }
}

@media only screen and (min-device-width: 1901px) {
    .ui-datepicker-trigger {
        left: 77%;
    }
}

@media only screen and (min-device-width: 1366px) and (max-device-width: 1367px) {
    .ui-datepicker-trigger {
        left: 89%;
    }
}

.breadcrumbs {
    padding: 16px 40px;
    list-style: none;
    background-color: #f5f5f5;
}


#stable-scratchcard .addChipsSNo {
    width: 5%;
}


#stable-scratchcard .addChipsAddedDate {
    border-right: 1px solid rgb(205, 205, 205);
    float: left;
    font-weight: 400;
    padding: 9px;
    width: 20%;
    font-family: open sans;

}


#stable-scratchcard .addChipsRef {
    border-right: 1px solid rgb(205, 205, 205);
    float: left;
    font-weight: 400;
    padding: 9px;
    width: 15%;
    font-family: open sans;

}

#stable-scratchcard .addChipsRefHeder {
    border-right: 1px solid rgb(205, 205, 205);
    float: left;
    font-weight: 700;
    padding: 9px;
    width: 15%;
    font-family: open sans;

}

#stable-scratchcard .addChipsHeader {
    border-right: 1px solid rgb(205, 205, 205);
    float: left;
    font-weight: 700;
    padding: 9px;
    width: 5%;
    font-family: open sans;

}

#stable-scratchcard .addChipsAddedONHeader {
    border-right: 1px solid rgb(205, 205, 205);
    float: left;
    font-weight: 700;
    padding: 9px;
    width: 20%;
    font-family: open sans;

}

#stable-scratchcard .addChipsType {
    border-right: 1px solid rgb(205, 205, 205);
    float: left;
    font-weight: 400;
    padding: 9px;
    width: 15%;
    font-family: open sans;

}

#stable-scratchcard .amount {
    border-right: 1px solid rgb(205, 205, 205);
    float: left;
    font-weight: 400;
    padding: 10px;
    width: 15%;
    font-family: open sans;
}

#stable-scratchcard .addChipsExpireOn {
    border-right: 1px solid rgb(205, 205, 205);
    float: left;
    font-weight: 400;
    padding: 10px;
    width: 18%;
    font-family: open sans;
}
#stable-scratchcard .scratchcardStatus {
    border-right: 1px solid rgb(205, 205, 205);
    float: left;
    font-weight: 400;
    padding: 10px;
    width: 15%;
    font-family: open sans;
}

#stable-scratchcard .addChipsExpireOn {
    border-right: 1px solid rgb(205, 205, 205);
    float: left;
    font-weight: 400;
    padding: 10px;
    width: 15%;
    font-family: open sans;
}

#stable-scratchcard .addChipsAction {
    border-right: 1px solid rgb(205, 205, 205);
    float: left;
    font-weight: 400;
    padding: 10px;
    width: 15%;
    font-family: open sans;
}


#stable-scratchcard .amountHeader {
    border-right: 1px solid rgb(205, 205, 205);
    float: left;
    font-weight: 700;
    padding: 9px;
    width: 15%;
    font-family: open sans;

}

#stable-scratchcard .addChipsTypeHeader {
    border-right: 1px solid rgb(205, 205, 205);
    float: left;
    font-weight: 700;
    padding: 9px;
    width: 15%;
    font-family: open sans;

}

#stable-scratchcard .addChipsExpireOnHeader {
    border-right: 1px solid rgb(205, 205, 205);
    float: left;
    font-weight: 700;
    padding: 9px;
    width: 15%;
    font-family: open sans;

}

#stable-scratchcard .addChipsHeader {
    border-right: 1px solid rgb(205, 205, 205);
    float: left;
    font-weight: 700;
    padding: 9px;
    width: 15%;
    font-family: open sans;

}

#stable-scratchcard .chipActionHeader {
    border-right: 1px solid rgb(205, 205, 205);
    float: left;
    font-weight: 700;
    padding: 9px;
    width: 15%;
    font-family: open sans;

}

.claimbtn {
    display: inline-block;
    max-width: 100%;
    position: relative;
    padding: 4px 15px!important;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    border: 0;
    background: #f43e3e;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 10;
    overflow: hidden;
    border-radius: 30px;
}

.yellowBtn {
    padding: 14px 7px;
    font-size: 18px;
    line-height: 14px;
    text-transform:none;
    font-weight: bold;
    color: #fff;
    text-align: center;
    width: 170px;
/*    border: 1px solid #263275;*/
    background-image: linear-gradient(#fdbe2e, #fe6217);
    border-radius: unset;
    display: inline-block;
    letter-spacing: 1.4px;
    font-family: "Open Sans", sans-serif;
    cursor: pointer;
    position: relative;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    border-radius: 30px;
    margin: 10px;
}

.redBtn {
    padding: 14px 7px;
    font-size: 18px;
    line-height: 14px;
    text-transform:none;
    font-weight: bold;
    color: #fff;
    text-align: center;
    width: 170px;
/*    border: 1px solid #263275;*/
/*    background-image: linear-gradient(#ffffff, #c2c3c3, #ffffff);*/
    background-image: linear-gradient(#fdbe2e, #fe6217);
/*    background-color: #e74c3c;*/
    border-radius: unset;
    display: inline-block;
    letter-spacing: 1.4px;
    font-family: "Open Sans", sans-serif;
    cursor: pointer;
    position: relative;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    border-radius: 30px;
}

.pinkBtn{
        padding: 14px 7px !important;
    font-size: 18px !important;
    line-height: 14px!important;
    text-transform:none!important;
    font-weight: bold;
    color: #fff;
    text-align: center !important;
    width: 170px !important;
/*    border: 1px solid #263275;*/
    background-color: #b6001a !important;
    border-radius: unset;
    display: inline-block;
    letter-spacing: 1.4px;
    font-family: "Open Sans", sans-serif;
    cursor: pointer;
    position: relative;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    border-radius: 30px;
    margin: 10px;
}


.goldenBtn {
    padding: 14px 7px;
    font-size: 18px;
    line-height: 14px;
    text-transform:none;
    font-weight: bold;
    color: #fff;
    text-align: center;
    width: 170px;
/*    border: 1px solid #263275;*/
/*    background-image: linear-gradient(#ffffff, #c2c3c3, #ffffff);*/
    background-color: #e7cd70 !important;
/*    background-color: #e74c3c;*/
    border-radius: unset;
    display: inline-block;
    letter-spacing: 1.4px;
    font-family: "Open Sans", sans-serif;
    cursor: pointer;
    position: relative;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    border-radius: 30px;
}

.greenBtn {
    padding: 14px 7px;
    font-size: 18px;
    line-height: 14px;
    text-transform:none;
    font-weight: bold;
    color: #fff;
    text-align: center;
    width: 170px;
    background-color: #0d7ae8 !important;
/*    background-color: #e74c3c;*/
    border-radius: unset;
    display: inline-block;
    letter-spacing: 1.4px;
    font-family: "Open Sans", sans-serif;
    cursor: pointer;
    position: relative;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    border-radius: 30px;
}

.hstext {
    position: absolute;
    right: 56% !important;
    bottom: 25% !important;
}

.hstext1 {
    position: absolute;
    right: 106% !important;
    bottom: 25% !important;
}
.rights{
        position: absolute !important;
    right: 3% !important;
    bottom: 5% !important;
}

.rights2{
        position: absolute !important;
    right: 3% !important;
    bottom: 5% !important;
}


@media only screen and (min-device-width:278px) and (max-device-width:768px) {
.yellowBtn {
    padding: 6px 7px!important;
    font-size: 9px!important;
    line-height: 14px;
    text-transform: none;
    font-weight: bold;
    color: #fff;
    text-align: center;
    width: 70px;
    /* border: 1px solid #263275; */
    background-image: linear-gradient(#fdbe2e, #fe6217);
    border-radius: unset;
    display: inline-block;
    letter-spacing: 1.4px;
    font-family: "Open Sans", sans-serif;
    cursor: pointer;
    position: relative;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    border-radius: 30px;
     margin: -4px !important;
}  
    .redBtn {
    padding: 6px 7px !important;
    font-size: 9px !important;
    line-height: 14px;
    text-transform: none;
    font-weight: bold;
    color: #fff;
    text-align: center;
   width: 70px;
    /* border: 1px solid #263275; */
    background-image: linear-gradient(#fdbe2e, #fe6217);
    border-radius: unset;
    display: inline-block;
    letter-spacing: 1.4px;
    font-family: "Open Sans", sans-serif;
    cursor: pointer;
    position: relative;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    border-radius: 30px;
     margin: 10px;
}   
    
    .pinkBtn{
        padding: 6px 7px!important;
    font-size: 9px!important;
    line-height: 14px;
    text-transform: none;
    font-weight: bold;
    color: #fff;
    text-align: center;
    width: 70px !Important;
/*    border: 1px solid #263275;*/
    background-color: #b6001a !important;
    border-radius: unset;
    display: inline-block;
    letter-spacing: 1.4px;
    font-family: "Open Sans", sans-serif;
    cursor: pointer;
    position: relative;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    border-radius: 30px;
    margin: 10px;
}
    .goldenBtn {
    padding: 6px 7px!important;
    font-size: 9px!important;
    line-height: 14px;
    text-transform: none;
    font-weight: bold;
    color: #fff;
    text-align: center;
    width: 70px;
/*    border: 1px solid #263275;*/
/*    background-image: linear-gradient(#ffffff, #c2c3c3, #ffffff);*/
    background-color: #e7cd70 !important;
/*    background-color: #e74c3c;*/
    border-radius: unset;
    display: inline-block;
    letter-spacing: 1.4px;
    font-family: "Open Sans", sans-serif;
    cursor: pointer;
    position: relative;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    border-radius: 30px;
}

/*
    .fslider .slider .slide {
    height: 80%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
*/
    
    .greenBtn {
       padding: 6px 7px!important;
    font-size: 9px!important;
    line-height: 14px;
    text-transform: none;
    font-weight: bold;
    color: #fff;
    text-align: center;
    width: 70px !Important;
    background-color: #0d7ae8 !important;
/*    background-color: #e74c3c;*/
    border-radius: unset;
    display: inline-block;
    letter-spacing: 1.4px;
    font-family: "Open Sans", sans-serif;
    cursor: pointer;
    position: relative;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    border-radius: 30px;
         margin: 10px;
}
    .hstext {
    position: absolute;
    right: 38% !important;
    bottom: 12% !important;
}
}

/*   New Css For Headings */


h1,
h2,
h4,
h5,
h6,
strong {
   font-weight: 400 !important;
}
h1 {
   font-size: 24px !important;
}
h2 {
   font-size: 20px !important;
}
h3 {
   font-size: 20px !important;
}
h4 {
   font-size: 14px !important;
}
h5 {
   font-size: 12px !important;
}
h6 {
   font-size: 10px !important;
}
input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input:-moz-placeholder {
   color: #fff !important;
   opacity: 0.5;
}
.strongs{
     font-weight: 500 !important;
}
.align {
   text-align: justify !important;
}