@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
.loader, .mainInnerLoader {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.active-banner h3, .active-banner p {
    text-shadow: 0 7px 7px rgba(0, 0, 0, .25)
}

.modal-dialog, .modal:before, .radio label, input, select {
    vertical-align: middle
}

.login-ui span, .puzzletitle, h3.page-heading {
    text-overflow: ellipsis;
    white-space: nowrap
}

.frontClueCount ul, .game-list>li, .popup-game .row .tab-content ul {
    list-style: none
}

/* .buy-tokken, .sorry-msg {
    text-transform: uppercase
} */

html {
    overflow-y: scroll
}

.games-image, .login-ui span, .puzzletitle, .reft, .select-main2, h3.page-heading {
    overflow: hidden
}

.modal-open {
    padding-right: 0!important
}

.loader {
    background: url(../../img/ajax-loader.gif) center center no-repeat rgba(255, 255, 255, .98);
    position: absolute;
    z-index: 20729
}

.active-game-list {
    display: inline-block;
    margin-top: 60px;
    min-height: 612px;
    width: 100%
}

.mainInnerLoader {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background: #fff
}

.mainInnerLoader .loaderInner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 40px;
    width: 40px;
    margin: auto
}

.myacountheader {
    display: none!important
}

/* .card-hadding, .modal-dialog, .modal:before {
    display: inline-block
} */

.fromcreditcard-detail .radio.radio-primary {
    clear: both;
    float: left;
    margin: 10px 0 9px;
    position: relative;
    width: 100%
}

.huge-text-he.margin-t-0>small {
    color: #333;
    font-size: 70%;
    font-weight: lighter
}

.fromcreditcard-detail .redio-main .radio label::before {
    left: 519px;
    top: 0
}

.fromcreditcard-detail .redio-main .radio label::after {
    left: 525px;
    top: 6px
}

.fromcreditcard-detail .redio-main .radio input[type=radio], .redio-main .radio-inline input[type=radio] {
    left: 504px;
    top: 5px
}

.full-game .ok-btn {
    width: 260px!important
}

.small-txt {
    color: #888;
    font-size: 14px;
    font-weight: 100
}

.fb-btn:hover {
    background-color: #3f8bfa;
    color: #fff
}

.fb-link {
    color: #8066ff;
    font-size: 16px
}

.tootip-po {
    background: #000;
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
    font-style: italic;
    height: 20px;
    text-align: center;
    width: 20px
}

.tootip-pops {
    position: absolute;
    right: -30px;
    text-align: right;
    top: 13px
}

.inner404, .modal {
    text-align: center
}

.well.pT2.mT2>form#UserResetpasswordForm {
    width: 100%
}

.modal-content.login-modal {
    width: 100%!important
}

.inner404 {
    padding: 7% 0
}

.tootip-pops .tooltip {
    width: 200px
}

.btn.btn-primary.btn-lg.purchase-tokens {
    width: 74%;
    margin-top: 10px
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    border: none!important;
    outline: 0!important
}

input:focus, textarea:focus {
    outline: 0
}

.radio input[type=radio]:focus+label::before {
    outline: 0!important;
    outline-offset: -2px
}

:focus, input:focus {
    outline: 0
}

/* input {
    appearance: none!important;
    -webkit-appearance: none!important;
    -moz-appearance: none!important
} */

/* input[type=button], input[type=submit], input[type=text], textarea {
    -webkit-appearance: none;
    border-radius: 0
} */

.payment-error .light-font.margin-t-1-5 {
    color: #8066ff
}

.form-control:focus {
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none
}

.currentgameouter {
    background: #eff0ef;
    float: left;
    padding: 60px 0;
    width: 100%
}

.container-active-puzle {
    background: #eff0ef;
    float: left;
    padding-top: 0;
    width: 100%
}

.currentgameouter:nth-child(2n+1) {
    background: #fff
}

.btn.btn-primary.managetoken.btn-lg.btn-block.margin-t-1-5 {
    margin-top: 30px
}

.modal {
    padding: 0!important
}

.modal:before {
    content: '';
    height: 100%;
    margin-right: -4px
}

.modal-dialog {
    text-align: left
}

.active-banner .btn-group-lg>.btn, .active-banner .btn-lg {
    padding: 11px 0;
    width: 301px
}

.active-banner, .active-bannercontainer, .cradit-radio {
    width: 100%;
    position: relative;
    float: left
}

button.close {
    z-index: 4
}

.fill-cells.rowinput.active-cell {
    background: #15284e!important;
    color: #fff
}

.cradit-radio {
    padding: 0
}

.redio-main.cradit-radio .radio label::before {
    left: 410px;
    top: 0
}

.redio-main.cradit-radio .radio label::after {
    left: 416px;
    top: 6px
}

.credit-card .pull-left {
    float: left;
    padding: 0
}

.redio-main.cradit-radio {
    padding: 20px 0
}

.active-banner {
    background: url(../../img/front/active-game-banner.png) center center/cover rgba(0, 0, 0, 0);
    color: #fff;
    margin-bottom: 0;
    text-align: center
}

.active-bannercontainer {
    background: rgba(0, 0, 0, .25);
    padding: 60px;
    z-index: 130
}

.active-banner .container {
    position: relative;
    z-index: 10
}

.ovrlay {
    background: #000;
    float: left;
    height: 414px;
    left: 0;
    opacity: .25;
    position: absolute;
    top: 0;
    z-index: 0
}

.card-hadding {
    margin-bottom: 6px;
    text-align: left
}

.logoutheader {
    display: none!important
}

button.close {
    background: url(../../img/front/close-icon.png) 0 0/cover no-repeat rgba(0, 0, 0, 0);
    border: none!important;
    box-shadow: none!important;
    font-size: 0;
    height: 60px;
    padding: 0!important;
    right: -20px;
    top: -27px;
    width: 60px
}

.active-banner .btn.btn-primary.btn-lg.margin-t-1-5.confirm-game {
    width: 20%
}

.active-banner h3 {
    font-size: 40px;
    font-weight: 700
}

.active-banner p {
    font-size: 24px
}

.redio-main.cradit-radio .radio label {
    color: #15284e;
    font-size: 20px;
    padding-left: 0;
    position: absolute
}

.redio-main.cradit-radio .radio input[type=radio], .redio-main.cradit-radio .radio-inline input[type=radio] {
    left: 394px;
    top: 0
}

.credit-card, .paypal-panel {
    float: left;
    padding: 20px;
    width: 100%
}

.login-ui span {
    float: left;
    width: auto
}

#Payment0BuyForm h2.light-font {
    margin-bottom: 5px;
    margin-top: 35px
}

.btn-info {
    border: 1.4px solid #8066ff
}

.close {
    font-weight: 100;
    line-height: 52px
}

input::-ms-clear, input::-ms-reveal {
    display: none
}

.redio-main .light-font {
    float: left;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 30px;
    width: 100%
}

.submitregister {
    float: left;
    width: 100%
}

.btn.btn-primary.btn-lg.margin-t-1-5.purchase-savetokens {
    width: 100%
}

.redio-main .radio.radio-primary {
    left: 0;
    padding: 0
}

.redio-main {
    float: left;
    padding: 0
}

.redio-main .radio label::after {
    left: 525px;
    top: 24px
}

.redio-main .radio label::before {
    left: 519px;
    top: 18px
}

.crossword-container .row {
    /*float:left*/
}

.crossword-container .row .indexInput {
    float: left;
    position: relative
}

.crossword-container .row .indexInput p {
    font-size: 11px;
    left: 2px;
    position: absolute;
    top: 2px
}

.crossword-container input.fill-cells {
    background-color: #fff!important;
    border: 1px solid #0c1f45!important;
    border-radius: 0;
    ont-size: 100%;
    text-align: center;
    width: 100%;
    color: #000;
    font-size: 18px
}

.crossword-container input.empty-cells {
    background-color: #15284e!important;
    border: 1px solid #182b51!important;
    border-radius: 0;
    font-size: 100%;
    width: 100%;
    text-align: center;
    opacity: 1!important
}

.crossword-container input.fill-cells.wrong {
    background-color: #E40000!important;
    color: #FFF
}

.crossword-container input.fill-cells.correct {
    background: #00B51D!important;
    color: #FFF
}

.redio-main .radio input[type=radio], .redio-main .radio-inline input[type=radio] {
    left: 504px;
    top: 17px
}

.payment-card-details {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 100%
}

.redio-main h3 {
    font-size: 24px;
    font-weight: 400;
    margin-top: 37px;
    text-align: left;
    width: 85%;
    word-wrap: break-word;
    padding-left: 5px
}

.redio-main .radio label {
    color: #8066FF;
    display: inline-block;
    font-size: 24px;
    left: 0;
    line-height: 33px;
    padding-left: 0;
    position: absolute;
    vertical-align: middle
}

.all-money-token .redio-main .radio label {
    font-size: 20px
}

.payment-error .light-font {
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
    width: 100%
}

.popup-game .main-headding {
    margin-bottom: 60px
}

.huge-text-he.margin-t-0 {
    font-size: 30px
}

. .close:focus, .close:hover {
    opacity: 1
}

.text-left.col-lg-10.col-md-10.col-xs-12.col-sm-12.pull-right {
    padding: 0 0 2px 21px
}

.blnone {
    border-right: none!important
}

.text-left.col-lg-8.col-md-8.col-xs-12.col-sm-12.pull-right {
    padding: 0 0 10px
}

.game-info {
    margin-top: 0;
    padding-left: 0
}

.mar-bt {
    margin-bottom: 10px
}

.light-font.margin-t-0.or {
    float: left;
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 20px!important;
    width: 100%
}

.btn.btn-primary.btn-lg.btn-block.margin-t-h, .col-sm-12.col-md-12.col-lg-12.pd-none {
    float: left;
    margin-top: 15px!important
}

.log-out-popup .btn.btn-primary.btn-lg {
    margin-top: 30px;
    width: 100%
}

.fromcreditcard-detail .light-font {
    float: none;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
    width: 100%
}

.fromcreditcard-detail #PaymentCardDetail0BuyForm .control-group select {
    margin-bottom: 10px
}

.log-out-popup .light-font.log-note {
    color: #7557ff;
    font-size: 19px;
    font-weight: 400;
    margin: 0;
    text-align: center;
    width: 100%
}

.buy-tokken, .margin-b-10 {
    margin-bottom: 15px
}

.log-out-popup .text-uppercase.light-font {
    float: left;
    font-size: 24px;
    margin-top: 23px;
    padding: 0;
    text-align: center;
    width: 100%;
    font-weight: 500
}

.error-message, label.error {
    float: right;
    color: red
}

label.error {
    font-weight: 100
}

.max-auser {
    max-width: 396px;
    padding: 0
}

.cancel {
    background: #A9A9A9;
    /* margin-right: .5em; */
    color: #fff
}

.game-list>li.active-clue {
    color: #15284e;
    font-weight: 600;
}

.dob label.error {
    position: absolute;
    right: 0
}

.payment-detail {
    float: left;
    margin-top: 20px
}

.container.about.about-top-margin {
    margin-top: 46px
}

.buy-tokken {
    background: #eee;
    clear: both;
    color: #15284e;
    float: left;
    font-size: 30px;
    padding: 10px 0;
    text-align: center;
    width: 100%
}

.btn-group-vertical.all-money-token {
    margin-bottom: 0
}

.buy-tokken.cash-out {
    background: #8066ff;
    color: #fff;
    margin-bottom: 0;
    margin-top: 0
}

.login-panel {
    margin-bottom: 10%;
    margin-top: 10%
}

#forget_password .huge-text {
    font-size: 48px;
    margin-bottom: 20px
}

.forgetpassword-modal .modal-body {
    padding: 0;
    position: relative
}

.btn.btn-primary.btn-lg.margin-t-1-5.confirm-game {
    margin-top: 10px!important;
    width: 100%
}

.full-game .main-headding {
    margin-bottom: 0
}

.mB20 {
    margin-bottom: 20px
}

.pT2 {
    padding-top: 2.4em!important
}

.mT2 {
    margin-top: 1.5em
}

#UserForgotPasswordForm .submit {
    float: left;
    width: 100%
}

.pd-none {
    padding: 0
}

.all-money-token .loggedIn {
    font-size: 24px
}

.all-money-token {
    float: left;
    width: 100%
}

.main-headding {
    float: left;
    margin-bottom: 30px;
    margin-top: 20px;
    width: 100%
}

.payment-method .panel-body {
    padding: 30px
}

.payment-method .light-font {
    float: left;
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: 0;
    text-align: center;
    width: 100%
}

.page-heading-popup {
    float: left;
    font-size: 48px;
    font-weight: bolder;
    line-height: normal;
    margin: 0;
    width: 80%
}

.game-completed-hdr h1 {
    width: 100%;
    display: block;
    line-height: normal
}

.game-completed-hdr p {
    width: 100%;
    display: block;
    line-height: normal;
    font-size: 18px
}

.game-completed-hdr .main-headding {
    border-bottom: 0;
    margin-bottom: 0
}

.game-completed-hdr {
    border-bottom: 1px solid #737e95;
    margin-bottom: 30px;
    padding-bottom: 10px
}

.game-completed-hdr .rit-confirmed {
    line-height: 50px;
    margin-top: 20px
}

.light-font-popup {
    color: #15284e;
    font-size: 30px;
    font-weight: 200
}

.add-edit-Payment {
    color: #8066ff;
    font-size: 16px;
    font-weight: 100;
    margin-bottom: 0;
    margin-top: 30px;
    text-align: right;
    width: 100%
}

.row.playgame12, .row.playgame16 {
    margin: 0!important
}

.afetr-login-con {
    float: left
}

.light-font {
    float: left;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%
}

.user-img {
    float: left;
    height: 40px;
    width: 40px;
    padding-top: 5px
}

.user-img>img {
    height: 100%!important
}

.afetr-login-con img {
    float: left;
    height: 46px;
    width: 46px
}

.pull-right.col-xs-12.col-sm-9.text-left.margin-b-h {
    padding: 0
}

.form-control.required.blnone {
    border-right: 0 none!important
}

#UserRegisterForm .mbbt {
    margin-bottom: 30px
}

#UserRegisterForm .country-slect {
    margin-bottom: 36px!important
}

.btn.btn-primary.logout.btn-lg.btn-block {
    background: #ff6464;
    border: none;
    margin-top: 30px
}

.country-slect {
    margin-bottom: 16px!important
}

.text-capitalize .text-info {
    color: #8066ff;
    font-weight: 700
}

.checkbox-primary input[type=checkbox]:checked+label::after, .checkbox-primary input[type=radio]:checked+label::after, .skip-btn {
    color: #fff
}

.margin-t-0 {
    margin-top: 0!important
}

.margin-t-h {
    margin-top: .5%!important
}

.margin-t-1 {
    margin-top: 1em!important
}

.margin-t-1-5 {
    margin-top: 1.5em
}

.margin-t-2 {
    margin-top: 13%!important
}

.margin-t-2-5 {
    margin-top: 2.5em
}

.margin-t-3 {
    margin-top: 3em
}

.margin-b-0 {
    margin-bottom: 0
}

.margin-b-h {
    margin-bottom: .5em
}

.margin-b-1 {
    margin-bottom: 1em
}

.margin-b-2 {
    margin-bottom: 2em
}

.margin-b-2-5 {
    margin-bottom: 2.5em
}

.margin-b-3 {
    margin-bottom: 3em
}

.margin-b-5 {
    margin-bottom: 5em
}

.margin-b-9 {
    margin-bottom: 9em!important
}

.skip-btn {
    background-color: #b4b4b4;
    margin-bottom: 0;
    margin-top: 55px;
    min-width: 191px;
    padding: 18px
}

.checkbox.checkbox-primary>label {
    float: left;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-top: 9px
}

.checkbox-primary input[type=checkbox]:checked+label::before, .checkbox-primary input[type=radio]:checked+label::before {
    background-color: #8066FF;
    border-color: #8066FF
}

.radio label {
    color: #15284e;
    display: inline-block;
    font-size: 20px;
    line-height: 33px;
    padding-left: 35px;
    position: relative
}

.radio label::after, .radio label::before {
    position: absolute;
    margin-left: -20px;
    display: inline-block
}

.radio label::before {
    content: "";
    width: 37px;
    height: 37px;
    left: 0;
    border: 2px solid #8066ff;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out;
    -o-transition: border .15s ease-in-out;
    transition: border .15s ease-in-out
}

.radio label::after {
    content: " ";
    width: 25px;
    height: 25px;
    left: 6px;
    top: 6px;
    border-radius: 50%;
    background-color: #555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    -moz-transition: -moz-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    -o-transition: -o-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    transition: transform .1s cubic-bezier(.8, -.33, .2, 1.33)
}

.radio input[type=radio] {
    opacity: 0;
    z-index: 1
}

.radio-primary input[type=radio]:checked+label::before {
    border-color: #8066FF
}

.paypal {
    padding-left: 80px
}

.bdr-left {
    border-left: 1px solid #737e95;
    padding-left: 60px
}

.bdr-right2 {
    border-right: 1px solid #737e95;
    padding-right: 80px
}

.btn.btn-info.btn-block.margin-t-1 {
    font-size: 23px
}

.game img {
    margin: 0;
    width: 100%
}

.pl0 {
    padding-left: 0!important
}

.pr0 {
    padding-right: 0!important
}

.pt0 {
    padding-top: 0
}

.pb0 {
    padding-bottom: 0!important
}

.pt1, .pth {
    padding-top: 1em
}

.pt2 {
    padding-top: 2em
}

.pt3 {
    padding-top: 3em
}

.pt4 {
    padding-top: 4em
}

.pt5 {
    padding-top: 5em
}

.pl05 {
    padding-left: .5em
}

.pr10 {
    padding-right: 10px
}

.plr {
    padding: 0 1em
}

.bg-gray {
    background-color: #EFF0EF
}

.after-login {
    font-weight: 700;
    letter-spacing: 1px
}

.bdr-right {
    border-right: 1px solid #fff;
    margin-right: 13px;
    padding: 5px 12px 5px 5px
}

.quote2, .select-wrapper2 {
    background-repeat: no-repeat
}

.quote2 {
    background-image: url(../../img/front/comma2.png);
    background-position: 0 91%
}

.figcaption {
    margin: 10px 0;
    font-size: 16px
}

.btn.btn-info.btn-block.margin-t-2 {
    font-size: 24px
}

.bdr0 {
    border-left: 0!important
}

.currentgame.mheight-games {
    margin: 0 auto;
    width: 1600px
}

.games-image h4 {
    color: #15284e;
    font-size: 16px;
    font-weight: lighter;
    margin: 0 0 6px
}

.modal-title.page-heading-popup.puzzletitle {
    width: 100%;
    display: inline-block
}

h3.page-heading {
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 2px;
    padding-bottom: 8px;
    width: 100%
}

.reft {
    min-height: 119px;
    padding: 10px 0
}

.select-wrapper2 {
    border: 2px solid #000;
    cursor: pointer;
    display: inline-block;
    float: left;
    width: 100%!important;
    height: 44px;
    overflow: hidden
}

.sorry-msg {
    font-size: 30px;
    margin-top: 18%;
    margin-bottom: 18%;
    color: #696a6b;
    letter-spacing: 1px;
    font-weight: 700;
    line-height: 49px
}

.form-control2, .form-control3 {
    background-image: url(../../img/front/dropdown.png);
    background-repeat: no-repeat;
    height: 42px;
    color: #9999a6
}

.form-control, .form-control2, .form-control3 {
    line-height: 35px!important
}

.select-main2 {
    border: 1px solid #ddd;
    width: 85%!important
}

.form-control2>option, .form-control3>option {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none
}

.modal-content.login-modal.forgetpassword-modal .form-control .form-control {
    line-height: 35px!important;
    padding: 6px 40px 6px 12px!important
}

.select-main2:hover {
    background-image: url(../../img/front/dropdown.png);
    outline: #1acfaf solid 1px
}

.form-control3 {
    background-position: 82% center;
    border: none;
    width: 118%!important;
    padding: 8px
}

.form-control3>option {
    border-color: #ddd #ddd #ddd -moz-use-text-color;
    border-style: solid solid solid none;
    border-width: 1px 2px 1px 0!important
}

.form-control2 {
    background-position: 72% center;
    border: none;
    width: 128%!important;
    padding: 2px
}

.form-control2>option {
    border-color: #ddd #ddd #ddd -moz-use-text-color;
    border-style: solid solid solid none;
    border-width: 1px 2px 1px 0!important
}

.ml1 {
    margin-left: 1em
}

.nav-shadow {
    box-shadow: 1px 2px 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, .3)
}

.ml2 {
    margin-left: 2em
}

.margin-tb-0 {
    margin-top: 0;
    margin-bottom: 0
}

.form-group.controls {
    margin-bottom: 10px
}

.margin-tb-h {
    margin-top: .5em;
    margin-bottom: .5em
}

.faq p {
    margin-bottom: 40px
}

.ok-btn {
    margin-top: 10px!important;
    width: 298px
}

.thanku-message .ok-btn {
    margin-top: 20px!important
}

.thanku-message .modal-content {
    padding: 20px 40px
}

.nav.nav-tabs>li {
    margin: 20px 0
}

.nav.nav-tabs>li a {
    padding: 0 20px
}

.faq {
    margin-bottom: 7em
}

ol.game-list {
    margin-bottom: 20px;
    padding-left: 20px
}

.game-list>li {
    border-bottom: 1px solid #15284e;
    /* margin-bottom: 20px; */
    padding-bottom: 10px;
    font-size: 14px
}

.fb-btn, .fb-btn:hover {
    border: 0
}

.game-list .wrong, .game-list>li.wrong:hover {
    color: red
}

.game-list .correct, .game-list>li.correct:hover {
    color: green
}

.modal-buy-token .margin-t-1-5 {
    margin-top: 30px
}

.modal-dialog.modal-sm.modal-buy-token {
    width: 440px
}

.modal-dialog.modal-sm.modal-buy-token h1.light-font {
    font-size: 30px
}

.modal-dialog.modal-sm.modal-buy-token h2.light-font {
    font-size: 24px
}

.bg-black.box-height.text-center.text-uppercase {
    background: #222223;
    display: table-cell;
    min-width: 456px;
    vertical-align: middle!important;
    width: 100%!important
}

.btn.btn-link.fb-link {
    color: #8066ff;
    font-family: Roboto, sans-serif!important;
    font-size: 18px;
    font-weight: 500
}

.fb-btn {
    background: #3f8bfa;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0;
    margin: 10px 0;
    padding: 17px 0;
    text-transform: capitalize
}

.bg-2, .super-puzzle {
    background-size: cover
}

.game-list>li:hover {
    color: #8066FF
}

.super-puzzle {
    background-image: url(../../img/front/banner1.png);
    background-repeat: no-repeat;
    height: 461px;
    width: 100%;
    color: #fff;
    padding-top: 6.5%;
    text-shadow: 1px 2px 6px rgba(0, 0, 0, .5)
}

.super-puzzle h3 {
    font-size: 26px;
    font-weight: light
}

.faq h2 {
    font-weight: lighter;
    font-size: 26px
}

.img-height {
    height: 666px;
    position: relative
}

.price3 {
    background-color: #8066ff;
    color: #fff;
    font-size: 14px;
    left: -67px;
    padding: 3px 67px;
    position: absolute;
    top: -2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    z-index: 99;
    box-shadow: 2px 1px 5px rgba(0, 0, 0, .2)
}

.popup-puzzle {
    padding: 18% 0;
    width: 100%
}

.modal-dialog.modal-lg.popup-game {
    width: 1260px;
    padding: 30px
}

.width20, .width40 {
    padding: 0;
    margin: 0;
    display: table
}

.margin-tb-1 {
    margin-top: 1em;
    margin-bottom: 1em
}

.margin-tb-2 {
    margin-top: 2em;
    margin-bottom: 2em
}

.margin-tb-3 {
    margin-top: 3em;
    margin-bottom: 3em
}

.navbar-nav>li {
    float: left;
    margin-top: 0
}

.cl-effect-21 a::after, .navbar-nav>li>a::before {
    transform: translateY(-10px);
    opacity: 0
}

.navbar-nav>li>a::after {
    bottom: 0
}

.navbar-nav>li>a.active::after, .navbar-nav>li>a.active::before, .navbar-nav>li>a:focus::after, .navbar-nav>li>a:focus::before, .navbar-nav>li>a:hover::after, .navbar-nav>li>a:hover::before {
    opacity: 1
}

.navbar-nav>li>a::before {
    top: 10px
}

.navbar-nav>li>a::after, .navbar-nav>li>a::before {
    opacity: 0
}

.bg-2, .checkbox label, .puzzle, .width20 {
    position: relative
}

.width20 {
    width: 20%;
    float: left
}

.width20 a, .width40 a {
    display: block
}

.box-height {
    display: table-cell;
    width: 100%!important;
    vertical-align: middle;
    min-width: 228px
}

.bg-2 h3 {
    font-size: 20px
}

.width40 {
    width: 40%;
    float: left
}

.puzzle {
    width: 100%;
    background-image: url(../../img/front/puzzle-bg.png);
    height: 100%;
    color: #fff;
    font-weight: 700
}

.box-height {
    height: 243px;
    margin: 0
}

.box-height.text-center h1 {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    padding: 0
}

.login-modal-footer {
    border-top: 1px solid #747F96;
    color: #0d234d;
    margin-top: 13px;
    padding-top: 15px;
    font-size: 15px
}

.bg-2 {
    background-position: center center;
    background-image: url(../../img/front/bg-2.png);
    color: #fff;
    font-weight: 100
}

.bg-2-win {
    background-image: url(../../img/bg-2-win.jpg)
}

.bg-2-new {
    background-image: url(../../img/bg-2-new.jpg)
}

.bg-2 h4, .bg-black.box-height h4 {
    font-family: Montserrat, sans-serif;
    font-weight: lighter;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0
}

.text-purple {
    color: #8066FF
}

.box-height.bg-white.text-center {
    border-right: 1px solid #eaeaea
}

.game-list {
    margin: 0;
    padding: 0
}

.token {
    color: #fff;
    font-weight: 700;
    text-align: center
}

.text-black {
    color: #272727
}

.bg-black {
    background: #222223;
    color: #fff
}

.bg-white {
    background: #fff
}

.puzzle h1 {
    margin: 0;
    font-weight: 700
}

.login {
    color: #fff;
    float: right;
    line-height: 50px;
    margin: 10px 0
}

.login .ml2 {
    margin-left: 10px
}

.login a {
    color: #fff;
    margin-right: 8px
}

.contact-wrapper {
    width: 500px;
    margin: 0 auto
}

.contact-wrapper .btn {
    min-width: 167px
}

.form-control::-input-placeholder:after {
    content: '*';
    color: #8066FF
}

.form-control::-webkit-input-placeholder:after {
    content: '*';
    color: #8066FF
}

.form-control:-moz-placeholder:after {
    content: '*';
    color: #8066FF
}

.form-control::-moz-placeholder:after {
    content: '*';
    color: #8066FF
}

.form-control:-ms-input-placeholder:after {
    content: '*';
    color: #8066FF
}

.checkbox label:after, .radio label:after {
    content: '';
    display: table;
    clear: both
}

.radio h3 {
    float: left;
    font-size: 26px;
    font-weight: lighter;
    margin-left: 0;
    margin-top: 1px
}

.checkbox.checkbox-inline, .radio.radio-inline {
    margin-top: 0
}

.checkbox label input[type=checkbox], .radio label input[type=radio] {
    display: none
}

.checkbox {
    padding-left: 5px;
    float: left
}

.checkbox label {
    display: inline-block;
    line-height: 28px;
    margin: 0;
    padding-left: 20px!important;
    vertical-align: middle
}

.checkbox label::after, .checkbox label::before {
    display: inline-block;
    width: 30px;
    height: 30px;
    left: 0;
    margin-left: -20px
}

.checkbox label.error::before {
    border: 0
}

.checkbox label::before {
    content: "";
    position: absolute;
    border: 2px solid #000;
    border-radius: 0;
    -webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
    -o-transition: border .15s ease-in-out, color .15s ease-in-out;
    transition: border .15s ease-in-out, color .15s ease-in-out
}

.checkbox label::after {
    position: absolute;
    top: 7px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555
}

.checkbox input[type=checkbox], .checkbox input[type=radio] {
    opacity: 0;
    z-index: 1
}

.greenBox.active, .redBox.active, .yelBox.active {
    box-shadow: 0 0 15px 0 #717A71;
    z-index: 9
}

.checkbox input[type=checkbox]:disabled+label, .checkbox input[type=radio]:disabled+label, .radio input[type=radio]:disabled+label {
    opacity: .65
}

.checkbox input[type=checkbox]:focus+label::before, .checkbox input[type=radio]:focus+label::before {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.checkbox input[type=checkbox]:checked+label::after, .checkbox input[type=radio]:checked+label::after {
    font-family: FontAwesome;
    content: "\f00c";
    font-size: 25px
}

.checkbox input[type=checkbox]:disabled+label::before, .checkbox input[type=radio]:disabled+label::before {
    background-color: #eee;
    cursor: not-allowed
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%
}

.radio {
    padding-left: 20px
}

.radio input[type=radio]:checked+label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
}

.radio input[type=radio]:disabled+label::before {
    cursor: not-allowed
}

.radio-primary input[type=radio]+label::after, .radio-primary input[type=radio]:checked+label::after {
    background-color: #8066FF
}

.radio-success input[type=radio]+label::after, .radio-success input[type=radio]:checked+label::after {
    background-color: #2acb94
}

.radio-success input[type=radio]:checked+label::before {
    border-color: #2acb94
}

input[type=checkbox].styled:checked+label:after, input[type=radio].styled:checked+label:after {
    font-family: FontAwesome;
    content: "\f00c"
}

input[type=checkbox] .styled:checked+label::after, input[type=checkbox] .styled:checked+label::before, input[type=radio] .styled:checked+label::after, input[type=radio] .styled:checked+label::before {
    color: #fff
}

.password {
    position: absolute;
    right: 10px;
    top: 10px
}

.datetimepicker {
    left: auto!important;
    right: 70px!important
}

.after-login .bdr-right a {
    float: none!important
}

.sucessful-payment {
    padding: 20px 10px!important
}

.sucessful-payment .btn {
    margin: 40px auto 10px!important;
    width: 87%!important
}

footer ul li a:focus {
    color: #fff;
    text-decoration: none
}

.radio .cr {
    border-color: #8066FF
}

.crossword-container.resltpageenglang input.empty-cells, .freeplay-gameview .crossword-container input.empty-cells {
    background-color: #313131!important;
    border: 1px solid #313131!important
}

.full-game .playgame16 input {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    height: 36px;
    text-align: center;
    text-transform: uppercase;
    width: 36px
}

.popup-game .playgame16 input {
    height: 34px;
    width: 34px;
    text-align: center
}

.full-game .playgame12 input {
    height: 50px;
    width: 8%
}

.popup-game .playgame12 input {
    height: 48px;
    width: 48px
}

.mheight-games .games-image {
    min-height: 253px;
    padding-bottom: 0
}

p#errorPayout {
    color: red
}

p#sucessPayout {
    color: green
}

.auto-text {
    font-size: 1.26vw
}

.inner-top-header .login-sec .dropdown-menu a {
    color: #2c3489;
    padding: 5px 0
}

.dropdown-menu {
    top: 60px;
    padding: 5px;
    left: -40px
}

.inner-top-header .login-sec .dropdown-menu a:hover {
    color: #ED1C91
}

.dropdown {
    float: left;
    cursor: pointer
}

.ml2.login-ui {
    margin-top: 4px
}

#UserResetpasswordForm .tootip-pops {
    right: 15px
}

#UserResetpasswordForm .control-group .controls .form-control {
    padding-right: 40px
}

#UserResetpasswordForm .control-group .controls .error {
    float: none;
    display: block;
    text-align: left
}

.modal-buy-token .modal-content {
    overflow: inherit!important
}

.freeplay-gamepg .GhintSec .nav.nav-tabs>li {
    margin: 0
}

.freeplay-gamepg .GhintSec .nav.nav-tabs {
    padding: 0 0 20px
}

.ww_socials .fbSignin {
    background: #3B5998;
    float: left;
    width: 50%;
    color: #fff
}

.Loginbtnhome {
    margin-bottom: 15px
}

.loginPop .error-message, label.error {
    float: none;
    color: red
}

.comBoxProp {
    padding: 8px 5px;
    color: #fff;
    display: table;
    width: 33%;
    text-align: center;
    height: 110px;
    font-weight: 500;
    position: relative
}

.comBoxProp span {
    display: table-cell;
    vertical-align: middle
}

.redBox {
    background: #f16763;
    float: left;
    border: 7px solid #f16763
}

.redBox.active {
    background: #d7312c
}

.yelBox {
    background: #ffc470;
    float: left;
    border: 7px solid #ffc470
}

.yelBox.active {
    background: #f6b150
}

.greenBox {
    background: #84cf84;
    float: left;
    border: 7px solid #84cf84
}

.greenBox.active {
    background: #5cb85c
}

.ansbar {
    margin: 25px 0 10px
}

@media (max-width:1600px) {
    .currentgame.mheight-games {
        width: 1400px
    }
    .games-image h4 {
        font-size: 14px
    }
    .reft {
        min-height: 70px
    }
    .mheight-games .games-image {
        min-height: 207px
    }
    .thumbnail {
        padding: 1em .5em 1em 1em!important
    }
    .login-ui span {
        max-width: 150px
    }
}

@media (max-width:1400px) {
    .games-image h4, h3.page-heading {
        font-size: 12px
    }
    .currentgame.mheight-games {
        width: 1280px
    }
    .reft {
        padding: 9px 0;
        min-height: 70px
    }
    .mheight-games .games-image {
        min-height: 180px
    }
    .collapse.navbar-collapse.pull-left .navbar-nav>li {
        padding-left: 9px;
        padding-right: 9px
    }
    .game, .game-info {
        padding-left: 0
    }
    .full-game .playgame16 input {
        height: 34px;
        width: 34px
    }
    .full-game .playgame12 input {
        height: 46px;
        width: 46px
    }
    .login-ui span {
        max-width: 120px
    }
    .game-info .h2, h2 {
        margin: 0;
        /* font-size: 12px */
    }
    .game-info {
        margin-top: 0;
        padding-right: 7px
    }
}

@media (max-width:1280px) {
    .game, .game-info {
        width: 100%
    }
    .game-info .h2, h2 {
        font-size: 15px
    }
    .game {
        margin-bottom: 15px
    }
    .currentgame.mheight-games {
        width: 1024px
    }
    h3.page-heading {
        font-size: 15px;
        padding: 4px 0
    }
    .games-image h4 {
        font-size: 14px
    }
    .currentgame.mheight-games .margin-t-1-5 {
        padding: 5px
    }
    .modal-dialog.modal-lg.popup-game {
        width: 939px
    }
    .popup-game .playgame16 input {
        height: 26px;
        width: 26px
    }
    .popup-game .playgame12 input {
        height: 35px;
        width: 35px
    }
    .full-game .playgame12 input {
        height: 38px;
        width: 38px
    }
    .nav-tabs>li>a {
        font-size: 23px
    }
    .game-info, .nav.nav-tabs>li {
        margin: 0
    }
    .about-image img {
        width: 100%
    }
    .img-height {
        height: 400px;
        position: relative
    }
    .contact-wrapper {
        width: 480px
    }
    .collapse.navbar-collapse.pull-left .navbar-nav>li {
        padding-left: 0;
        padding-right: 0
    }
    .full-game .playgame16 input {
        height: 28px;
        width: 28px
    }
    .comBoxProp {
        padding: 5px;
        height: 125px;
        font-weight: 500;
        position: relative;
        font-size: 13px
    }
}

@media (max-width:1200px) {
    .mheight-games .games-image {
        min-height: 180px
    }
    .popup-puzzle .modal-content {
        max-width: 1000px
    }
    .after-login {
        letter-spacing: normal
    }
    .light-font-popup {
        font-size: 20px
    }
    .page-heading-popup {
        float: left;
        font-size: 28px;
        font-weight: bolder;
        line-height: normal;
        margin: 0
    }
    .game {
        margin-bottom: 30px
    }
    .light-font-popup {
        line-height: 10px
    }
    .ml2 {
        margin-left: 0
    }
    .bdr-right {
        margin-right: 10px;
        padding: 2px 0 0 6px
    }
    .modal-buy-token h2, .modal-buy-token h3, .modal-buy-token h4 {
        width: 100%;
        text-align: center
    }
    .box-height {
        height: 200px
    }
    .width40:nth-child(13) .box-height {
        padding: 36px 10px
    }
    .redio-main.cradit-radio .radio label::before {
        left: 330px;
        top: 0
    }
    .width20:nth-child(3) .box-height, .width20:nth-child(9) .box-height h3 {
        font-size: 18px;
        margin-top: 0
    }
    .login-ui span {
        width: 110px
    }
}

@media (max-width:1024px) {
    .game, .game-info {
        float: left;
        margin-bottom: 20px;
        width: 100%
    }
    .mheight-games .games-image {
        height: auto;
        min-height: auto;
        padding-bottom: 15px
    }
    .mheight-games .margin-t-1-5 {
        margin-top: 0
    }
    .currentgame.mheight-games {
        width: 768px
    }
    .currentgame.mheight-games .margin-t-1-5 {
        padding: 10px
    }
    .modal-dialog {
        top: 20px;
        max-width: 90%;
    }
    .box-height {
        min-width: 235px
    }
    .bg-black.box-height.text-center.text-uppercase {
        min-width: 460px
    }
    .width40:nth-child(13) .box-height {
        min-width: 705px;
        padding: 36px 10px;
        width: 100%
    }
    .container-fluid.bg-info {
        padding-top: 15px
    }
    .game {
        padding-left: 6px
    }
    .game-info {
        margin: 0;
        padding: 0 5px
    }
    .freeplay-gamepg .submitpuzzle {
        text-align: center;
        float: none!important;
        margin: 0 auto!important;
        display: block
    }
    .freeplay-gamepg .playgamehead {
        text-align: center
    }
    .freeplay-gamepg .playgamehead .modal-title {
        font-size: 26px
    }
    .freeplay-gamepg .GhintSec .nav.nav-tabs {
        padding: 0 0 20px;
        float: none!important;
        text-align: center;
        margin: 0 auto;
        display: block
    }
    .freeplay-gamepg .GhintSec .nav.nav-tabs>li {
        margin: 0;
        text-align: center;
        float: none;
        display: inline-block
    }
}

.gamepuzzlePlay .btn, .gamepuzzlePlay .nav.nav-tabs {
    text-align: center;
    float: none!important;
    display: block
}

.gamepuzzlePlay .nav.nav-tabs {
    padding: 0 0 20px;
    margin: 0 auto
}

.gamepuzzlePlay .btn {
    margin: 0 auto!important
}

@media (min-width:768px) and (max-width:990px) {
    .navbar-nav>li>a {
        padding: 10px 7px!important
    }
    .navbar .login .login-ui span a {
        width: 100%;
        overflow: hidden;
        float: left;
        text-overflow: ellipsis
    }
    .box-height {
        min-width: 358px
    }
    .width40:nth-child(13) .box-height {
        min-width: 716px;
        padding: 36px 10px;
        width: 100%
    }
    .width40:nth-child(13) .box-height h4 {
        font-size: 20px;
        line-height: 1.5
    }
    .bg-black.box-height.text-center.text-uppercase {
        min-width: 358px
    }
    .game-info {
        margin: 0;
        padding: 0 10px
    }
    .game {
        padding: 5px 15px
    }
}

@media (max-width:990px) {
    .redio-main.cradit-radio .radio label::after {
        left: 273px
    }
    .page-heading {
        font-size: 38px
    }
    .redio-main.cradit-radio .radio input[type=radio], .redio-main.cradit-radio .radio-inline input[type=radio] {
        left: 244px
    }
    .bdr-right2 {
        padding-right: 30px
    }
    .btn-group-lg>.btn, .btn-lg {
        font-size: 16px
    }
    .redio-main.cradit-radio .radio label::before {
        left: 267px;
        top: 0
    }
    .ovrlay {
        height: 460px
    }
    .game, .game-info {
        margin-bottom: 9px
    }
    .width20:nth-child(3) .box-height .vidoe-icon img, .width20:nth-child(9) .box-height .vidoe-icon img {
        width: 40px
    }
    .width20 .h4, h4 {
        font-size: 13px
    }
    .game-completed-hdr button {
        width: 100%
    }
    .game-completed-hdr h2 {
        margin: auto auto 10px;
        width: 100%;
        text-align: center;
        line-height: normal;
        margin-top: 20px!important
    }
    .about {
        color: #15284e;
        font-size: 15px;
        margin-bottom: 1em;
        margin-top: 1em
    }
    .modal-dialog.modal-lg.popup-game {
        width: 600px
    }
    .popup-game .playgame16 input {
        height: 33.5px;
        width: 33.5px
    }
    .popup-game .playgame12 input {
        height: 44.8px;
        width: 44.8px
    }
    .modal-dialog {
        margin: 10px auto;
        position: relative
    }
    .ml2 {
        margin-left: 4px
    }
    .login a {
        color: #fff;
        font-size: 12px;
        margin-right: 5px
    }
    .navbar-nav>li>a {
        font-size: 12px;
        padding: 10px;
        transition: color .3s ease 0s
    }
    .game-list>li {
        font-size: 20px
    }
    .h1, h1 {
        font-size: 27px
    }
    .navbar-brand, .radio h3 {
        font-size: 18px;
        float: left
    }
    .navbar-brand {
        line-height: 20px;
        margin-bottom: 0;
        margin-right: 0
    }
    .radio h3 {
        font-weight: lighter;
        margin-left: 2px;
        margin-top: 8px
    }
    .thumbnail {
        margin-bottom: 0!important;
        padding: 10px 0!important
    }
    .light-font {
        float: left;
        font-size: 17px;
        font-weight: 400;
        margin-bottom: 0;
        margin-top: 11px
    }
    .Gender .select-wrapper2.dob {
        width: 100%!important
    }
    .blnone {
        border-right: 2px solid #000!important
    }
    .contact-wrapper {
        margin: 0 auto;
        width: 100%
    }
    .full-game .playgame16 input {
        height: 45px;
        width: 45px
    }
    .full-game .playgame12 input {
        height: 60px;
        width: 60px
    }
    .select-wrapper2 {
        height: 36px
    }
    .dob {
        margin-bottom: 25px
    }
    .form-control2 {
        background-position: 86% center;
        height: 31px;
        line-height: 32px!important;
        padding: 2px;
        width: 128%!important
    }
    .comBoxProp {
        height: 90px
    }
}

@media (max-width:800px) {
    .width20:nth-child(3) .box-height h3, .width20:nth-child(9) .box-height h3 {
        font-size: 14px
    }
    .bla-2.vidoe-icon>img {
        width: 35px
    }
    .width40:nth-child(13) .box-height {
        min-width: 716px
    }
    .game {
        padding-left: 15px;
        padding-right: 6px
    }
}

@media (max-width:767px) {
    .about-image, .img-height, .nav>li {
        position: relative
    }
    .width20:nth-child(3) .box-height h3, .width20:nth-child(9) .box-height h3 {
        font-size: 18px
    }
    .myacountheader {
        display: block!important
    }
    body {
        font-size: 100%
    }
    .panel.panel-default {
        margin-top: 20px
    }
    .page-heading {
        font-size: 38px
    }
    .width20 .h4, .width20:nth-child(3) h3, h4 {
        font-size: 20px
    }
    .form-control {
        height: 36px
    }
    .login-modal .form-control {
        padding: 1px 38px 0 10px!important
    }
    .currentgame.mheight-games {
        width: 80%
    }
    .width20 {
        width: 33.3%
    }
    .box-height {
        height: 204px
    }
    .navbar-toggle {
        margin-top: 25px
    }
    .navbar-collapse .navbar-nav>li {
        float: left;
        width: 100%
    }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin: 16px 0 0;
        padding: 0;
        width: 63px
    }
    .light-font {
        float: left;
        font-size: 18px;
        font-weight: 400;
        margin-top: 20px
    }
    .games-image h4 {
        font-size: 14px
    }
    .navbar-header {
        width: 100%;
        margin: 0!important
    }
    .about-image, .payment-method {
        margin-top: 20px
    }
    .paypal {
        padding-left: 10px
    }
    .bdr-right2 {
        border-right: 1px solid #737e95;
        padding-right: 10px
    }
    .custommenu, .navbar-nav>li>a {
        border: none!important;
        font-size: 12px
    }
    .contact-wrapper {
        width: 90%!important
    }
    .img-height {
        height: auto
    }
    .about-image {
        left: 0;
        margin-bottom: 20px;
        bottom: 0
    }
    .navbar-brand {
        float: left;
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 0;
        margin-right: 0;
        padding: 9px
    }
    .nav>li {
        display: inline-block;
        margin: 0
    }
    .game {
        float: left;
        margin-bottom: 20px
    }
    .pth {
        padding-top: 0
    }
    .about {
        color: #15284e;
        font-size: 15px;
        margin-bottom: 2em;
        margin-top: 0
    }
    #forget_password .huge-text {
        font-size: 44px
    }
    .popup-game .main-headding {
        margin-bottom: 20px
    }
    .page-heading-popup {
        font-size: 16px
    }
    .light-font-popup {
        font-size: 14px;
        line-height: 26px;
        margin: 0
    }
    .full-game {
        margin: 0 auto;
        width: 550px
    }
    .full-game .playgame16 input {
        height: 37.4px;
        width: 37.4px
    }
    .full-game .playgame12 input {
        height: 50px;
        width: 50px
    }
    .login {
        font-size: 12px;
        line-height: 32px;
        margin: 0;
        padding: 12px 0;
        position: absolute;
        right: 60px
    }
    .custommenu:hover {
        background: 0 0!important;
        color: #fff
    }
    .custommenu-drop-down {
        background: rgba(128, 102, 255, .8);
        border: none!important;
        left: 0;
        margin: 0!important;
        padding: 0;
        position: absolute;
        top: 55px;
        width: 100%!important
    }
    .bdr-right {
        margin-right: 4px;
        padding: 2px 0 0
    }
    .custommenu {
        color: #fff;
        cursor: pointer;
        text-decoration: underline;
        margin: 0;
        padding: 19px 0;
        z-index: 100
    }
    .afetr-login-con img, .login img {
        height: 31px;
        width: 31px
    }
    .navbar-nav>li>a {
        padding: 12px;
        text-align: right;
        transition: color .3s ease 0s
    }
    .navbar-nav>li>a::after, .navbar-nav>li>a::before {
        background: rgba(0, 0, 0, 0)
    }
    .logoutheader {
        display: block!important
    }
    .login-ui {
        display: none
    }
    /* body {
        padding-top: 56px
    } */
    .width40 {
        width: 62%
    }
    .fromcreditcard-detail .redio-main .radio label::before {
        left: 360px;
        top: 0
    }
    .fromcreditcard-detail .redio-main .radio label::after {
        left: 366px;
        top: 6px
    }
    .fromcreditcard-detail .redio-main .radio input[type=radio], .redio-main .radio-inline input[type=radio] {
        left: 313px;
        top: 5px
    }
    .payment-tokenbuy .modal-dialog {
        max-width: 460px;
        top: 20px
    }
    .payment-tokenbuy .modal-dialog .redio-main .radio label::before {
        left: 360px
    }
    .payment-tokenbuy .modal-dialog .redio-main .radio input[type=radio], .redio-main .radio-inline input[type=radio] {
        left: 343px;
        top: 3px
    }
    .payment-tokenbuy .modal-dialog .redio-main .radio label::after {
        left: 366px;
        top: 6px
    }
    .crossword-container input {
        font-size: 14px;
        height: 34px;
        padding: 8px 0 0
    }
    .game-list.across-clues {
        margin: 0;
        padding: 0
    }
    .bg-info .container {
        padding: 0;
        width: 100%
    }
    .bg-black.box-height.text-center.text-uppercase, .box-height, .width40:nth-child(13) .box-height {
        min-width: 300px
    }
    .width40:nth-child(13) {
        width: 49%
    }
    .text-info.pull-left.lead.margin-tb-0 .small-txt {
        width: 100%;
        display: block;
    }
    a.text-info.pull-left.lead.margin-tb-0 {
        text-align: left;
    }
}

@media (min-width:1025px) and (max-width:1199px) {
    .box-height {
        min-width: 235px!important
    }
    .bg-black.box-height.text-center.text-uppercase {
        min-width: 470px!important
    }
    .width40:nth-child(13) .box-height {
        padding: 36px 10px;
        min-width: 705px!important
    }
}

@media (min-width:731px) and (max-width:766px) {
    .box-height {
        min-width: 350px!important
    }
}

@media (min-width:700px) and (max-width:730px) {
    .box-height {
        min-width: 335px!important
    }
}

@media (min-width:681px) and (max-width:699px) {
    .box-height {
        min-width: 325px!important
    }
}

@media (min-width:661px) and (max-width:680px) {
    .box-height {
        min-width: 316px!important
    }
}

@media (min-width:651px) and (max-width:660px) {
    .box-height {
        min-width: 310px!important
    }
}

@media (min-width:631px) and (max-width:650px) {
    .box-height {
        min-width: 300px!important
    }
}

@media (min-width:601px) and (max-width:630px) {
    .box-height {
        min-width: 275px!important
    }
    .bg-info .container {
        width: 100%;
        margin: 0 auto;
        float: none;
        padding: 0 10px
    }
}

@media (max-width:600px) {
    .ok-btn, .text-info.pull-left.lead.margin-tb-0 .small-txt {
        width: 100%;
        display: block;
    }
    .text-info.pull-left.lead.margin-tb-0 {
        text-align: left
    }
    .box-height {
        height: 194px
    }
    .width40:last-child {
        border-bottom: 1px solid;
        width: 99%
    }
    .container-fluid.bg-info {
        padding: 0
    }
    .width40 {
        width: 100%
    }
    .btn-group-lg>.btn, .btn-lg, .btn.btn-info.btn-block.margin-t-1 {
        font-size: 18px
    }
    .reft {
        min-height: 90px
    }
    .currentgame.mheight-games {
        width: 90%
    }
    .light-font-popup .playgame16 input {
        height: 32px;
        width: 32px
    }
    .login-modal .form-control {
        padding: 1px 38px 0 20px
    }
    .modal-dialog.modal-lg.popup-game {
        width: 400px
    }
    .ok-btn {
        margin-top: 10px;
        width: 100%
    }
    .modal-dialog.modal-lg.popup-game .modal-content {
        padding: 15px
    }
    .popup-game .playgame16 input {
        height: 23px;
        width: 23px
    }
    .popup-game .playgame12 input {
        height: 30.3px;
        width: 30.3px
    }
    .full-game {
        width: 470px
    }
    .full-game .playgame16 input {
        height: 29px;
        width: 29px
    }
    .full-game .playgame12 input {
        height: 39px;
        width: 39px
    }
    .full-game .main-headding {
        margin-bottom: 20px
    }
    .page-heading {
        font-size: 25px;
        margin-top: 15px
    }
    .after-login {
        padding: 0!important
    }
    .navbar-nav {
        margin: 0;
        width: 100%
    }
    .form-control.required.blnone {
        border-right: 2px solid #000!important
    }
    .paypal {
        border-top: 1px solid #ccc;
        margin-top: 34px;
        padding-left: 10px;
        padding-top: 34px
    }
    .bg-black.box-height.text-center.text-uppercase, .width40:nth-child(13) .box-height {
        min-width: 296px
    }
    .box-height {
        min-width: 285px
    }
    .bg-info .container {
        padding: 0 0 0 6px;
        width: 100%
    }
}

@media (min-width:551px) and (max-width:590px) {
    .box-height {
        min-width: 270px!important
    }
}

@media (min-width:531px) and (max-width:550px) {
    .box-height {
        min-width: 260px!important
    }
}

@media (min-width:501px) and (max-width:530px) {
    .box-height {
        min-width: 246px!important
    }
}

@media (min-width:481px) and (max-width:500px) {
    .box-height {
        min-width: 237px!important
    }
}

@media (max-width:480px) {
    .bg-black.box-height.text-center.text-uppercase {
        min-width: 285px;
        margin: 0 auto;
        float: none
    }
    .bg-info .container {
        padding: 0;
        width: 100%
    }
    .width40 {
        float: none;
        margin: 0 auto;
        width: 50%!important
    }
    .box-height.text-center h1 {
        font-size: 25px
    }
    .afetr-login-con {
        margin-right: 5px
    }
    .width20 {
        float: none;
        margin: 0 auto;
        width: 50%
    }
    .box-height {
        height: 205px
    }
    .box-height.bg-white.text-center.blank-w {
        display: none
    }
    .crossword-container input {
        font-size: 12px!important;
        height: 30px;
        padding: 8px 0 0
    }
    .buy-tokken {
        font-size: 25px
    }
    .crossword-container .row .indexInput p {
        font-size: 9px
    }
    .all-money-token .redio-main .radio label {
        font-size: 14px
    }
    .redio-main h3 {
        font-size: 16px
    }
    .light-font.margin-t-0.or {
        font-size: 18px;
        margin-bottom: 6px;
        margin-top: 6px!important
    }
    .fromcreditcard-detail .light-font, hr {
        margin-bottom: 5px;
        margin-top: 5px
    }
    .btn.btn-primary.btn-lg.btn-blck.margin-t-h, .col-sm-12.col-md-12.col-lg-12.pd-none {
        float: left;
        margin-top: 0!important
    }
    .light-font {
        font-size: 13px
    }
    .payment-tokenbuy .modal-dialog {
        max-width: 98%;
        width: 400px
    }
    .reft {
        min-height: 74px
    }
    .currentgame.mheight-games {
        width: 100%
    }
    .currentgame.mheight-games .margin-t-1-5 {
        margin-top: 0
    }
    .page-heading-popup {
        font-size: 11px;
        line-height: 28px
    }
    .light-font-popup {
        font-size: 11px;
        line-height: 30px;
        margin: 0
    }
    .full-game {
        width: 350px
    }
    .full-game .playgame16 input {
        color: #000;
        font-size: 11px;
        font-weight: 400;
        height: 23.7px;
        width: 21.7px
    }
    .modal-dialog.modal-lg.popup-game {
        width: 360px
    }
    #forget_password .huge-text {
        font-size: 24px;
        margin-bottom: auto
    }
    .modal-content {
        padding: 10px!important;
    }
    .popup-game .playgame16 input {
        height: 22px;
        width: 21px
    }
    .popup-game .playgame12 input {
        height: 27.9px;
        width: 27.9px
    }
    .full-game .playgame12 input {
        height: 29px;
        width: 29px
    }
    .game-list>li {
        font-size: 14px;
        padding-bottom: 5px
    }
    .nav-tabs>li>a {
        font-size: 14px
    }
    .game-info {
        margin: 0;
        width: 100%
    }
    .nav>li {
        display: block;
        margin: 0;
        position: relative
    }
    .after-login img {
        margin: 0 5px
    }
    .text-left.col-xs-12.margin-b-h {
        font-size: 14px;
        padding-left: 0
    }
    .text-right.col-xs-12.margin-b-h {
        font-size: 14px;
        padding-left: 0;
        text-align: left
    }
    .crossword-container input.fill-cells {
        font-size: 87%
    }
    .active-bannercontainer {
        padding: 30px 20px
    }
    .active-banner h3 {
        font-size: 20px
    }
    .active-banner p {
        font-size: 14px
    }
    .active-banner .btn-group-lg>.btn, .active-banner .btn-lg {
        padding: 10px 0;
        width: 100%
    }
}
@media (max-width:440px) {
    .fromcreditcard-detail .redio-main .radio label::after {
        left: 366px;
        top: 6px;
    }
    .fromcreditcard-detail .redio-main .radio label::before {
        left: 360px;
        top: 0;
    }
}
@media (max-width:415px) {
    .fromcreditcard-detail .redio-main .radio label::after {
        left: 272px;
        top: 6px;
    }
    .fromcreditcard-detail .redio-main .radio label::before {
        left: 266px;
        top: 0;
    }
    .fromcreditcard-detail .redio-main .radio input[type=radio], .redio-main .radio-inline input[type=radio] {
        left: 250px;
        top: 1px;
    }
}
@media (max-width:375px) {
    .redio-main h3, .width20 .h4, h4 {
        font-size: 16px
    }
    .redio-main h3 {
        float: left;
        width: 100%;
        margin: 30px 0 10px
    }
    .text-info.pull-left.lead.margin-tb-0 {
        text-align: left
    }
    .text-info.pull-left.lead.margin-tb-0 .small-txt {
        width: 100%
    }
    .box-height {
        height: 187.5px
    }
    .payment-tokenbuy .modal-dialog .redio-main .radio label::before {
        left: 319px
    }
    .payment-tokenbuy .modal-dialog .redio-main .radio input[type=radio], .redio-main .radio-inline input[type=radio] {
        left: 299px;
        top: 3px
    }
    .payment-tokenbuy .modal-dialog .redio-main .radio label::after {
        left: 325px;
        top: 6px
    }
    .redio-main.cradit-radio .radio label::before {
        left: 290px
    }
    .redio-main.cradit-radio .radio input[type=radio], .redio-main.cradit-radio .radio-inline input[type=radio] {
        left: 274px
    }
    .redio-main.cradit-radio .radio label::after {
        left: 296px
    }
    .width20:nth-child(11) .box-height, .width20:nth-child(6) .box-height, .width40:nth-child(7) .box-height {
        padding: 88px 0
    }
    .width20:nth-child(1) a .box-height, .width20:nth-child(10) .box-height, .width20:nth-child(8) .box-height {
        padding: 53px 10px
    }
}

@media (max-width:360px) {
    .box-height {
        height: 180px
    }
    .redio-main.cradit-radio .radio label::before {
        left: 276px
    }
    .redio-main.cradit-radio .radio input[type=radio], .redio-main.cradit-radio .radio-inline input[type=radio] {
        left: 260px
    }
    .redio-main.cradit-radio .radio label::after {
        left: 282px
    }
    .payment-tokenbuy .modal-dialog .redio-main .radio label::before {
        left: 310px
    }
    .payment-tokenbuy .modal-dialog .redio-main .radio input[type=radio], .redio-main .radio-inline input[type=radio] {
        left: 295px;
        top: 1px
    }
    .payment-tokenbuy .modal-dialog .redio-main .radio label::after {
        left: 316px;
        top: 6px
    }
    .box-height.text-center h1 {
        font-size: 20px
    }
    .redio-main.cradit-radio .radio label, .width20 .h4, h4 {
        font-size: 16px
    }
    .box-height.text-center img {
        width: 23%;
        margin-top: 5px
    }
    .full-game .playgame16 input {
        height: 23.7px;
        width: 18.2px
    }
    .full-game {
        width: 294px
    }
    .full-game .playgame12 input {
        height: 24.3px;
        width: 24.3px
    }
    .modal-dialog.modal-lg.popup-game {
        width: 315px
    }
    .popup-game .playgame16 input {
        height: 22px;
        width: 18px
    }
    .popup-game .playgame12 input {
        height: 24.2px;
        width: 24.2px
    }
    .page-heading {
        font-size: 18px
    }
    .huge-text-he.margin-t-0 {
        font-size: 20px;
        margin: 0
    }
    .btn-group-lg>.btn, .btn-lg, .btn.btn-info.btn-block.margin-t-1 {
        font-size: 16px;
        padding: 10px 16px
    }
}

@media (max-width:320px) {
    .payment-tokenbuy .modal-dialog .redio-main .radio label::before {
        left: 270px
    }
    .payment-tokenbuy .modal-dialog .redio-main .radio input[type=radio], .redio-main .radio-inline input[type=radio] {
        left: 265px;
        top: 1px
    }
    .payment-tokenbuy .modal-dialog .redio-main .radio label::after {
        left: 276px;
        top: 6px
    }
    .redio-main h3 {
        font-size: 15px
    }
    .width20 .h4, h4 {
        font-size: 13px
    }
    .box-height.text-center h1 {
        font-size: 16px
    }
    .redio-main.cradit-radio .radio label::before {
        left: 234px
    }
    .redio-main.cradit-radio .radio input[type=radio], .redio-main.cradit-radio .radio-inline input[type=radio] {
        left: 218px
    }
    .redio-main.cradit-radio .radio label::after {
        left: 240px
    }
    .width20:nth-child(1) a .box-height, .width20:nth-child(10) .box-height, .width20:nth-child(8) .box-height {
        padding: 44px 0
    }
    .width20:nth-child(11) .box-height, .width20:nth-child(6) .box-height, .width40:nth-child(7) .box-height {
        padding: 74px 0
    }
    .width40:nth-child(13) .box-height {
        padding: 45px 10px
    }
    .width20:nth-child(4) .box-height {
        padding: 43px 0
    }
    .box-height {
        height: 160px
    }
}

.huge-text.page-heading.text-center.no-padding {
    margin-bottom: 0
}

.opengameimg {
    max-width: 285px;
    margin: 10px auto 0
}

@media(max-width:700px) {
    .col-md-3.active-filters {
        display: none;
    }
}