@import https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&display=swap;*,body,html {
    padding: 0;
    margin: 0
}

#header1,#parent {
    line-height: 0;
    text-align: center
}

#gamebox .left,#gamebox2 h1 {
    white-space: nowrap;
    text-overflow: ellipsis
}

body,html {
    min-height: 100%;
    width: 100%;
    overflow-y: overlay;
    overflow-x: hidden;
    background: #560081;
    font-family: 'Dosis',sans-serif;
    background-image: url(./images/backpv.png);
}

* {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

a,a:active {
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -ms-transition: .2s;
    color: #bd94d9;
    border: none;
    outline: 0
}

a:hover {
    color: #fff
}

#header1 {
    background: url(images/topbar.png) top left repeat-x;
    min-height: 57px;
    position: fixed
}

.logo {
    float: left;
    width: 260px;
    height: 49px;
    margin: 0 10px 0 0
}

.logo-img {
    display: block;
    width: 259px;
    height: 49px;
    border: 0;
    text-indent: -9999px;
    font-size: 1.2em;
    background: url(images/logo-tc.png) no-repeat;
    background-size: 259px
}

h1 {
    font-size: 2em
}

.search-box {
    background: #fff
}

.search-input-holder {
    padding-right: .5em;
    overflow: hidden
}

.searchINPUT {
    width: 100%;
    font-size: .9em;
    color: #fff!important;
    padding: 9px 10px 8px;
    border: 0!important;
    background: 0 0!important;
    outline: 0!important
}

.searchBTN {
    font-size: 1em;
    width: 24px;
    height: 24px;
    padding: 0;
    text-indent: -9999px;
    background: url(images/search.png) center center no-repeat;
    border: 0;
    cursor: pointer;
    background-size: 24px;
    display: block;
    margin: 5px 15px 5px 5px
}

#header1>a,#header1>a.left {
    float: left
}

.single-top-ad {
    background: #206d97;
    padding: 10px 0;
    text-align: center
}

.single-top-ad>ins {
    margin: 0 auto!important
}

#header1>a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    margin-top: 5px;
    margin-left: 10px
}

#header1>a.right {
    float: right;
    max-width: 32%
}

#header1 {
    z-index: 9999;
    height: 60px;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-bottom: 10px
}

#gbl>div,#header1,#parent,#wrapper,.game,.single #gametitle {
    overflow: hidden
}

#gamelink,#header>a,#parent>div,#play_b,.f_spacer,.star {
    display: inline-block;
    color: #fff;
    text-shadow: 0 3px 3px #000;
    text-decoration: none
}

#logoimg {
    height: 62px;
    width: auto;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%
}

.left #logoimg {
    margin: 0
}

#header>a.right img {
    margin: 6% 6px 6% 0;
    height: 48px;
    width: auto;
    max-height: 73%;
    max-width: 100%;
    min-height: 73%
}

#conversion,iframe[height="0"][width="0"],iframe[height="1"][width="1"],img[height="0"][width="0"],img[height="1"][width="1"] {
    position: fixed;
    top: -100px;
    left: -100px
}

.fimg .gesh {
    -webkit-border-radius: 8%;
    -moz-border-radius: 8%;
    -ms-border-radius: 8%;
    -o-border-radius: 8%;
    border-radius: 8%
}

#parentsearch {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px
}

#parent {
    font-size: 1em;
    position: relative;
    margin-bottom: 10px
}

#parent>div {
    vertical-align: top;
    text-decoration: none;
    position: relative;
    width: 23%;
    margin: 1%;
    -webkit-transition: left .4s,top .4s;
    -moz-transition: left .4s,top .4s;
    transition: left .4s,top .4s
}

#parent>div>a>div {
    height: 100%;
    width: 100%
}

#parent>div>a {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

#parent>div.fimg {
    width: 48%;
    margin: 1%
}

@media all and (max-width: 480px) {
    .fimg .gesh {
        -webkit-border-radius:10%;
        -moz-border-radius: 10%;
        -ms-border-radius: 10%;
        -o-border-radius: 10%;
        border-radius: 10%
    }
}

@media all and (max-width: 420px) {
    .fimg .gesh {
        -webkit-border-radius:11%;
        -moz-border-radius: 11%;
        -ms-border-radius: 11%;
        -o-border-radius: 11%;
        border-radius: 11%
    }
}

@media all and (max-width: 360px) {
    .fimg .gesh {
        -webkit-border-radius:12%;
        -moz-border-radius: 12%;
        -ms-border-radius: 12%;
        -o-border-radius: 12%;
        border-radius: 12%
    }
}

@media all and (min-width: 480px) {
    #parent>div {
        width:17.8%;
        margin: 1%
    }

    #parent>div.fimg {
        width: 37.5%;
        margin: 1%
    }
}

@media all and (min-width: 768px) {
    #parent>div {
        width:15.06666%;
        margin: .8%
    }

    #parent>div.fimg {
        width: 31.73332%;
        margin: .8%
    }
}

@media all and (min-width: 980px) {
    #parent>div {
        width:5%;
        margin: .4%;
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.52);
        border-radius: 16%
    }

    #parent>div.fimg {
        width: 10.8%;
        margin: .4%;
        border-radius: 16%;
        box-shadow: 0 6px 12px 0 #000
    }
}

#parent>div:before {
    content: "";
    display: block;
    padding-top: 100%
}

#parent .title_game {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    background: rgba(35,34,34,.7);
    vertical-align: middle;
    line-height: 1;
    margin: 0 auto;
    overflow: hidden;
    color: #ffe200;
    font-size: 16px;
    font-family: Oswald;
    text-align: center;
    padding: 20% 0 0;
    display: none;
    border-radius: 16%;
    font-weight: 300
}

#footer,.middleAd {
    vertical-align: top
}

#parent a:hover .title_game {
    display: block
}

.game,.game>a {
    color: #000;
    text-decoration: none;
    font-size: 12px
}

#related a {
    height: 141px;
    width: 141px;
    display: inline-block;
    margin: 10px
}

#gamebox,.single #gamelink {
    display: none
}

#related .icon,.gesh {
    -webkit-border-radius: 16%;
    -moz-border-radius: 16%;
    -ms-border-radius: 16%;
    -o-border-radius: 16%;
    border-radius: 16%;
    width: 100%;
    height: 100%;
    background-size: 100%!important;
    background-repeat: no-repeat!important
}

#gamebox {
    margin: 10px 1% 5px;
    height: 151px;
    background: #efcf23;
    width: 98%
}

#gamebox.single {
    margin: 0;
    position: relative;
    background: #135f89;
    width: 100%;
    padding: 4px 8px;
    height: auto
}

#gamebox .left {
    font-size: 26px;
    color: #fff;
    width: calc(100% - 75px);
    overflow: hidden
}

#gamebox .right {
    position: absolute;
    right: 8px;
    top: 4px
}

#related .title {
    font-size: 26px;
    margin: 20px auto;
    color: #fff
}

#related {
    margin-bottom: 10px
}

#related #parent {
    width: 100%;
    margin-bottom: 30px
}

#gamelink>div {
    background: url(/q/images/play_s.png) 0 -55px no-repeat;
    height: 112px;
    width: 234px
}

#gamebox.single,#logoimg,#play_b>img,#scroller li,#scroller ul,iframe,ins {
    display: block
}

#play_b {
    margin: 20px auto 0
}

#play_b>img {
    max-width: 70%
}

.star {
    background: url(/q/images/play_s.png) -143px 0 no-repeat;
    height: 47px;
    width: 49px
}

.star.full {
    background-position: -34px 0
}

.star.half {
    background-position: -89px 0
}

iframe,ins {
    margin: 0 auto!important
}

center>iframe,center>ins {
    margin-top: 20px!important
}

@media all and (min-width: 480px) and (max-width:768px) {
    #related #parent {
        height:157px;
        overflow: hidden
    }
}

.adx,.adx2 {
    text-align: center;
    min-height: 94px;
    margin-bottom: 20px;
    margin-top: 70px
}

.clear {
    clear: both
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center
}

.owl-theme .owl-controls .owl-buttons div {
    color: #fff;
    display: inline-block;
    zoom:1;margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    opacity: .5
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}

.owl-theme .owl-controls .owl-dot {
    display: inline-block;
    zoom:1}

.owl-theme .owl-controls .owl-dot.active span,.owl-theme .owl-controls.clickable .owl-dot:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1
}

.owl-theme .owl-controls .owl-dot span {
    display: block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #12253e!important;
    border: 1px solid #fff!important;
    width: 18px!important;
    height: 18px!important;
    filter: Alpha(Opacity=100)!important;
    -ms-filter: Alpha(Opacity=100)!important;
    -webkit-opacity: 1!important;
    -moz-opacity: 1!important;
    -ms-opacity: 1!important;
    -o-opacity: 1!important;
    opacity: 1!important;
    margin: 5px 2px!important
}

.owl-theme .owl-controls .owl-dot.active span,.owl-theme .owl-controls.clickable .owl-dot:hover span {
    background: #fae223!important;
    border: 1px solid #fff!important
}

#wrapper .item img {
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto
}

#wrapper {
    padding: 25px 0 10px;
    background: #054160;
    background-image: -webkit-radial-gradient(center center,circle closest-corner,#3575a8,#054160 100%);
    background-image: -moz-radial-gradient(center center,circle closest-corner,#3575a8,#054160 100%);
    background-image: -ms-radial-gradient(center center,circle closest-corner,#3575a8,#054160 100%);
    background-image: -o-radial-gradient(center center,circle closest-corner,#3575a8,#054160 100%);
    background-image: radial-gradient(center center,circle closest-corner,#3575a8,#054160 100%)
}

.owl-stage-outer {
    height: auto!important
}

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

.clearfix {
    display: inline-block
}

html[xmlns] .clearfix {
    display: block
}

* html .clearfix {
    height: 1%
}

.hidden {
    display: none!important
}

#footer a,#gamelink2 {
    display: inline-block
}

.invisible {
    filter: Alpha(Opacity=0);
    -ms-filter: Alpha(Opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0
}

#loading {
    background: url('data:image/svg+xml; base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSJ3aGl0ZSI+ICA8cGF0aCBvcGFjaXR5PSIuMjUiIGQ9Ik0xNiAwIEExNiAxNiAwIDAgMCAxNiAzMiBBMTYgMTYgMCAwIDAgMTYgMCBNMTYgNCBBMTIgMTIgMCAwIDEgMTYgMjggQTEyIDEyIDAgMCAxIDE2IDQiLz4gIDxwYXRoIGQ9Ik0xNiAwIEExNiAxNiAwIDAgMSAzMiAxNiBMMjggMTYgQTEyIDEyIDAgMCAwIDE2IDR6Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMTYgMTYiIHRvPSIzNjAgMTYgMTYiIGR1cj0iMC44cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+ICA8L3BhdGg+PC9zdmc+') 50% 50% no-repeat;
    height: 250px;
    height: 85vh;
    position: absolute;
    top: 11%;
    left: 0;
    z-index: 9998;
    width: 100%;
    opacity: 1;
    transition: opacity .2s linear
}

#footer {
    padding: 10px;
    background: rgba(0,0,0,.2);
    margin-top: 20px;
    line-height: 0;
    text-align: left
}

#footer a.privacy {
    width: 43px;
    height: 43px;
    background: url('data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAMAAADWg4HyAAAA6lBMVEUAAABkgY3l6u7j492qvMYaU2sfVmwsX3ikp6gHQmIHQmKOqbYYSFwKQGEQRGILQ2JReYgFPmCqppoVQlz///8QTmYAXZUOUnRHptsQUGoIQmYPWX0Oa5MLiLUJjbsUW5R4mKcJa6IAntQXdaoaXnsNdZ4FPGBZlqwOY4kRVHc4ms0DkcOds74LfasMeqVOjaQti8ALga8RYIQUWXQhf7UNRnMiWHEMcJkugadeg5ZFcIQBmdBOeY1pvORTteK3x88AmslPp8hGmbQRVYkDWobw8/bt8PEtY3r3+Pk4aX/Z4OfEz9aCnqw6eJKfIlxbAAAAFHRSTlMAbf4K/v7ZgEI7JvfiwLCKfk0iEtEl8MEAAAKXSURBVDjLfc/XlqJAEIBhxh11cuwCayWIrOsKZgXBgA4yhgnv/zpbNIqjoj83nKqP5rTAu368g9PdPV4L227uAXp/TtcDuL/ZHAroFs7nIlzzU6Fn+hP/jPR93+xBdHIOzcmk8Ba4spaW7AZvBX9iYk4QnsH1ibra3P6dlj3X3LfCZOLCs/AAJlFZs/+eytZkwiY8CIimT6fuDoKkZEQn+yaiQDcrBLpNP5OiEJZeiectAaNJtNIDk24XWdPVbJIxLbGkEmGubc1NrDG3a3HgsR95EE/tubGx7bYxrxV5EnwytppeUtMVY58g8XFtbrR3NhrQ04MFY2PgjRlbQC+ek21vrVaMc+CdwHJMLemzd3DiubaxElm5WOxGT2QzsPaoNWS45QuZrBTbhtzlFZFb5HGLRb6QGxvb73cG/6gugrNescVw04Kt1g5gl1aDTr+/Z2twy466hdqBrUQWxyylMdKqsrNKRaaglGZLQKuKsrGGoTT3bX04rO/ZpmIY6fYSHAcuT1i1sWeHWc/LDn/ahhpbjOyASuwYv79xnFhaRRYjq+tWp0IldgqIME0srTqWrqdbVgeos1NW2bdTgOmeVRIrWkqTOmVppVhibEVxdmA/ED/27UwUt1ZtUDvLMhm2s7RSd3ZkceuxlLzIWqPEWlaHWjqZY5pxlrSyrMQqI4VqofNVP+jLwZai0D6xYllVOkrQcuAopxUoiloWt1YPrZFKX1er1dZBNCI6skJucyDqdDuOg+pRQURHIhnICXkIdcKz8sxS07JoQ1QPIS+8ZlE0dDEcWOX0rEEo6k0Rs6+CcAFS9H4u+rEEF4Ig/MoDhuL5QoT8LyHCT1lA6VwI2SeiHF/lc3CuXP6K01i/XF2c7uollv8B4GTZS77yeMIAAAAASUVORK5CYII=')
}

#gamebox2 {
    position: relative;
    overflow: visible
}

#gamebox2 .left {
    position: absolute;
    top: 0;
    left: 0
}

#gamebox2 h1 {
    padding-left: 5px;
    color: #fff;
    font-weight: 400;
    margin: 0;
    overflow: hidden
}

#gamelink2 {
    background: url(/images/n_button.png) 0 50% no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain
}

#ad_root {
    display: none;
    font-size: 14px;
    line-height: 16px;
    position: relative
}

.thirdPartyMediaClass {
    height: auto;
    width: 100%
}

.thirdPartyTitleClass {
    font-weight: 500;
    font-size: 32px;
    line-height: 38px;
    margin: 15px 0 0;
    padding: 0 15px;
    color: #fff;
    unicode-bidi: plaintext
}

.thirdPartyBodyClass {
    font-size: 20px;
    line-height: 26px;
    padding: 5px 15px;
    overflow: hidden;
    color: #fff;
    unicode-bidi: plaintext
}

.thirdPartyCallToActionClass {
    color: #fff;
    font-weight: 400;
    margin: 30px auto;
    line-height: 56px;
    width: 90%;
    max-width: 500px;
    min-width: 300px;
    font-size: 32px;
    border: 4px solid #fff;
    text-align: center;
    border-radius: 20px
}

.middleAd {
    text-decoration: none;
    -webkit-transition: left .4s,top .4s;
    -moz-transition: left .4s,top .4s;
    transition: left .4s,top .4s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #5e326a;
    min-width: 342px
}

#parent>.middleAd:before {
    padding-top: 0
}

.middleAd .head {
    background: #5e326a;
    color: #fff;
    line-height: 30px;
    font-size: 14px
}

.middleAd .ad {
    padding: 5px;
    text-align: center
}

@media all and (max-width: 360px) {
    #parent>.middleAd {
        display:none
    }
}

#addToHomeScreen {
    z-index: 9999;
    -webkit-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    touch-callout: none;
    width: 240px;
    font-size: 15px;
    padding: 12px 14px;
    text-align: left;
    font-family: helvetica;
    background-image: -webkit-gradient(linear,0 0,0 100%,color-stop(0,#fff),color-stop(.02,#eee),color-stop(.98,#ccc),color-stop(1,#a3a3a3));
    border: 1px solid #505050;
    -webkit-border-radius: 8px;
    -webkit-background-clip: padding-box;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.75);
    line-height: 130%;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.5)
}

#addToHomeScreen.addToHomeIpad {
    width: 268px;
    font-size: 18px;
    padding: 14px
}

#addToHomeScreen.addToHomeWide {
    width: 296px
}

#addToHomeScreen.addToHomeIpad.addToHomeWide {
    width: 320px;
    font-size: 18px;
    padding: 14px
}

#addToHomeScreen .addToHomeArrow {
    position: absolute;
    background-image: -webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(204,204,204,0)),color-stop(.4,rgba(204,204,204,0)),color-stop(.4,#ccc));
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #505050;
    width: 16px;
    height: 16px;
    -webkit-transform: rotateZ(45deg);
    bottom: -9px;
    left: 50%;
    margin-left: -8px;
    -webkit-box-shadow: inset -1px -1px 0 #a9a9a9;
    -webkit-border-bottom-right-radius: 2px
}

#addToHomeScreen.addToHomeIpad .addToHomeArrow {
    -webkit-transform: rotateZ(-135deg);
    background-image: -webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(238,238,238,0)),color-stop(.4,rgba(238,238,238,0)),color-stop(.4,#eee));
    -webkit-box-shadow: inset -1px -1px 0 #fff;
    top: -9px;
    bottom: auto;
    left: 50%
}

#addToHomeScreen .addToHomeClose {
    -webkit-box-sizing: border-box;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 18px;
    height: 18px;
    line-height: 14px;
    text-align: center;
    text-indent: 1px;
    -webkit-border-radius: 9px;
    background: rgba(0,0,0,.12);
    color: #707070;
    -webkit-box-shadow: 0 1px 0 #fff;
    font-size: 16px
}

#addToHomeScreen .addToHomePlus {
    font-weight: 700;
    font-size: 1.3em
}

#addToHomeScreen .addToHomeShare {
    display: inline-block;
    width: 18px;
    height: 15px;
    background-repeat: no-repeat;
    background-image: url('data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAQAAABDj1eZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUdJREFUKFNtkLtLw1AYxS/qJLhXVKr2ZRulUNtiqgSb3CziICI6ucTFVYcOnaQOFRwUnNTRwUWXgpP/QdHNUEQUHGxofYBTlRs83iZNjKTncOGe7/vx3QchXUWn6FL3jhfKUdCCr5zuifV5oDiHQM+c+CIhiiCSWNu08iq9oHXKLAiqrgR4UXqlOEYZt++ExEL0wW7+OW0G10muLv9gmqfe5FAWKmTMYQYiFL7PYwyLOD8lSjNh2gdnPzMII4QUBxc4OothbAF7GCBKQ0YbSWyPQsIhqvetS+y0ygGMo/KFZfviDvR4AhwgZU9dGYnA0J/6ndc15i3ouYIMcVVUcEXIoOxCeRCfwP8sXBSdjtpUv/1QW+K16kCCIUC4id9Fa0JtkluwVkSfqPL6RwfSDA0aNlx7k/bWgViB7bMS2/1vk5sdsZLN/ALSuL3tylO4RAAAAABJRU5ErkJggg==');
    background-size: 18px 15px;
    text-indent: -9999em;
    overflow: hidden
}

#addToHomeScreen .addToHomeTouchIcon {
    display: block;
    float: left;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5),inset 0 0 2px rgba(255,255,255,.9);
    box-shadow: 0 1px 3px rgba(0,0,0,.5),inset 0 0 2px rgba(255,255,255,.9);
    background-repeat: no-repeat;
    width: 57px;
    height: 57px;
    -webkit-background-size: 57px 57px;
    background-size: 57px 57px;
    margin: 0 12px 0 0;
    border: 1px solid #333;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.conversion-x {
    position: absolute;
    position: fixed;
    top: -100px;
    left: -100px;
    visibility: hidden;
    z-index: -1
}

.icon-new {
    bottom: 50px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(images/new-corner-1.png) no-repeat
}

#parent .icon-news {
    background: url(images/new-view.png) no-repeat transparent;
    bottom: 50px;
    position: absolute;
    left: -6px;
    top: 10px;
    width: 39px;
    height: 43px;
    z-index: 1
}

#parent .icon-news1 {
    background: url(images/new-view1.png) no-repeat transparent;
    bottom: 50px;
    position: absolute;
    left: -1px;
    top: 20px;
    width: 60px;
    height: 45px;
    z-index: 1
}