/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

/* font-family: "CuprumRegular"; */
@font-face {
    font-family: "CuprumRegular";
    src: url("https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/fonts/CuprumRegular/CuprumRegular.eot");
    src: url("https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/fonts/CuprumRegular/CuprumRegular.eot?#iefix")format("embedded-opentype"), url("https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/fonts/CuprumRegular/CuprumRegular.woff") format("woff"), url("https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/fonts/CuprumRegular/CuprumRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


html {
    float: left;
    width: 100%;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/casino.jpg);
    height: 100%;
}

.scrollbar-inner {
    overflow: auto;
    overflow-x: hidden;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

    .scrollbar-inner * {
        -webkit-transform: translate3d(0,0,0);
    }

html {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

button {
    outline: none;
}

body {
    font-size: .85em;
    font-family: CuprumRegular;
    margin: 0;
    padding: 0;
    color: #999;
    width: 100%;
    height: 100%;
    float: left;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/casino.jpg);
    position: absolute;
}

    body * {
        outline: none;
    }

html, body {
    background-color: #000 !important;
}

.mobileView body {
}

#jquery-stickers {
    z-index: 100;
    height: 0;
}

.stick {
    margin: 5px;
    padding: 15px;
    width: 200px;
    border-radius: 9px;
    position: relative;
    z-index: 1000000000;
    background: #794b6f;
    background: -moz-linear-gradient(top, #794b6f 0%, #503149 100%);
    background: -webkit-linear-gradient(top, #794b6f 0%,#503149 100%);
    background: linear-gradient(to bottom, #794b6f 0%,#503149 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#794b6f', endColorstr='#503149',GradientType=0 );
    right: 10px;
    border: 4px solid #edcb66;
    z-index: 100;
    border-radius: 12px;
    font-size: 1.3em;
}

.exit {
    width: 16px;
    height: 16px;
    float: right;
    margin: -5px -5px 0 0;
    cursor: pointer;
}


.topheadertext {
    margin-top: 59px;
    color: #fff;
    text-align: center;
}

.classic.error {
    color: #F00;
    text-shadow: 0 0px 1px #F00;
    text-align: center;
    font-weight: bold;
}

.classic.success {
    color: #edcb66;
    text-shadow: 0 0px 1px #e6bd44;
    text-align: center;
    font-weight: bold;
}

.full_wrapper {
    width: 100%;
    height: 100%;
    float: left;
    box-sizing: border-box;
}

.vkOffset {
    padding-left: 10px;
}

.gamemode {
    overflow: hidden;
}

    .gamemode .center_wr, .mobileView .center_wr {
        height: 100%;
    }

.center_wr {
    margin: auto;
    min-width: 800px;
}

.headerlogin {
    width: 80% !important;
    margin: 0 10%;
}

.loginwrapper {
    width: 100%;
    float: right;
    margin-top: -27px;
    bottom: 0px;
    height: 120px;
    right: 0px;
}

    .loginwrapper .loginas {
        float: left;
        text-align: right;
        font-size: 2.3em;
        width: 50%;
        padding-top: 22px;
        color: #eaeaea;
    }

#loginForm, #socialLoginForm {
    float: left;
    width: 40%;
    margin-bottom: 10px;
    margin-right: 7px;
    padding-bottom: 8px;
}

    #loginForm .authbtn {
        float: left;
        width: 100%;
    }

#regForm {
    float: left;
    background: rgba(0, 0, 0, 0.31);
    width: 400px;
    margin-bottom: 10px;
}

#loginForm p {
    margin: 0;
}

#loginForm .loginor {
    float: left;
    width: 100%;
    font-weight: bold;
    text-align: center;
}

#loginForm .veka {
    float: left;
    width: 94%;
    position: relative;
    z-index: 2;
    border-radius: 6px;
    margin: 15px 3% 15px 3%;
    padding: 6px 0;
}

.loginbackground {
    margin: auto;
    width: 94%;
    max-width: 1000px;
    min-width: 300px;
    margin-top: 0%;
    overflow: hidden;
    position: relative;
    border-radius: 13px;
}

    .loginbackground img {
        width: 100%;
    }

.homepagetext {
    float: left;
    width: 80%;
    margin: 2% 10%;
}

    .homepagetext p {
        font-size: 2.1em;
        line-height: 36px;
        text-align: left;
        color: #eaeaea;
    }

.tolpine {
    float: left;
    width: 100%;
    height: 41px;
    box-shadow: 0 0 6px #000;
    position: absolute;
    background: #2B2B2B;
    background: #000;
    background: -moz-linear-gradient(top, rgba(43,43,43,1) 0%, rgba(10,10,10,1) 100%);
    background: -webkit-linear-gradient(top, #2B2B2B 0%,#0A0A0A 100%);
    background: linear-gradient(to bottom, #2B2B2B 0%,#0A0A0A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#0a0a0a',GradientType=0 );
}

.middleline {
    width: 800px;
    height: 100%;
    float: left;
    max-height: 800px;
    min-height: 600px;
    z-index: 1;
}




.full {
    width: 100%;
    margin-top: 75px;
}

a:link {
    color: #034af3;
}

a:visited {
    color: #505abc;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #12eb87;
}

.lastAnnounce {
    float: left;
    min-height: 58px;
    margin-top: -3px;
    padding: 5px 0;
    width: 100%;
    box-shadow: 0 0 15px #000;
    background: #262626;
}

.annspan {
    color: #3AB5FF;
    float: left;
    width: 95%;
    text-align: left;
    font-weight: bold;
    margin: 4px 2.5%;
    font-family: Tahoma;
}

    .annspan .atext {
        margin: 0;
        font-weight: normal;
        display: inline;
        font-size: 1.2em;
        line-height: 0.1;
        font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    }

        .annspan .atext a {
            font-size: 1.3em;
            color: rgba(64, 255, 71, 0.84);
            font-weight: bold;
            font-family: Arial;
        }


.annspan2 {
    color: #3AB5FF;
    float: left;
    width: 98%;
    text-align: left;
    font-weight: bold;
    margin: 4px 1%;
    font-family: Tahoma;
}

    .annspan2 .atext {
        margin: 0;
        font-weight: normal;
        display: inline;
        line-height: 0.1;
    }

        .annspan2 .atext b {
            text-decoration: line-through;
        }

        .annspan2 .atext a {
            font-size: 1.3em;
            color: rgba(64, 255, 71, 0.84);
            font-weight: bold;
            font-family: Arial;
        }

.logoimg {
    position: absolute;
    width: 46px !important;
    height: 40px !important;
    top: -5px;
    border-radius: 8px;
    margin-left: -54px !important;
}


header,
footer,
nav,
section {
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #000;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 10px 0;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

.hint-outer .hint {
    padding: 3px 3px 6px 3px;
    max-width: 580px;
    overflow: hidden;
}

.hint-outer {
    position: absolute;
    margin: 5px;
    background: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    box-shadow: 0 2px 5px 0 #d1d1d1;
    z-index: 6;
}

    .hint-outer:after,
    .hint-outer:before {
        content: '';
        position: absolute;
        background: #fff;
    }

    .hint-outer:after {
        border-radius: 1px;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        -khtml-border-radius: 1px;
        bottom: 0;
        height: 9px;
        left: 21px;
        width: 18px;
        z-index: 2;
    }

    .hint-outer:before {
        -webkit-transform: rotate(-45deg) skewX(-35deg);
        -moz-transform: rotate(-45deg) skewX(-35deg);
        -ms-transform: rotate(-45deg) skewX(-35deg);
        -o-transform: rotate(-45deg) skewX(-35deg);
        transform: rotate(-45deg) skewX(-35deg);
        bottom: -3px;
        height: 7px;
        left: 24px;
        width: 13px;
        z-index: 1;
        box-shadow: -1px 2px 4px 0 #d1d1d1;
    }
    /* Top - white  */
    .hint-outer.top:after {
        bottom: auto;
        top: 0;
    }

    .hint-outer.top:before {
        bottom: auto;
        top: -3px;
        box-shadow: 0 -3px 4px #d1d1d1;
    }

.surredWrapper {
    float: right;
    width: 130px;
    position: relative;
    height: 42px;
    margin: 1% 0;
}


    .surredWrapper .surredName {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        text-align: center;
        padding: 13px 17px;
        margin: 0;
        top: 0;
        font-size: 1.3em;
        box-sizing: border-box;
    }


.surredbtn {
    position: absolute !important;
    left: -50px !important;
    top: 0 !important;
    border-radius: 4px;
    width: 175px !important;
}


.exit {
    width: 16px;
    height: 16px;
    float: right;
    margin: -5px -5px 0 0;
    cursor: pointer;
}


.topheadertext {
    margin-top: 59px;
    color: #fff;
    text-align: center;
}

.next {
    /*background: url('bg1.png') repeat-x #FEF6BF;*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.last {
    background-color: #CBECFA;
    border: 1px solid #15A6E3;
}

.click-ex {
    width: 50px;
    height: 20px;
    border: 1px solid #626262;
    color: #F4F4F4;
    float: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-left: 25px;
    padding-top: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.ex pre {
    width: 80%;
}








.button, .button-bevel, .button-bevel span {
    color: #fff !important;
    cursor: pointer;
    text-decoration: none;
}

    .button, .button-bevel:hover {
        cursor: pointer;
    }

.button {
    border-radius: 2px;
    box-shadow: inset rgba(255,255,255,0.3) 1px 1px 0;
}

    .button:active {
        box-shadow: inset rgba(0,0,0,0.4) 0px 0px 6px;
    }

.rounded {
    border-radius: 20px;
}

.green {
    background: #357213;
}

.uniqgray {
    background: #4c4c4c;
}

.uniqblue {
    background: #72ffff;
}

.uniqorange {
    background: #ff9a43;
}

.uniqeggplant {
    background: #9700dc;
}

.blue {
    background: #15A6E3;
}

.green:hover {
    background: #397716;
}

.red {
    background: #af0606;
}

    .red:hover {
        background: #8e0d0d;
    }


.button-bevel {
    vertical-align: top;
    border-radius: 4px;
    border: none;
    padding: 10px 25px 12px;
}

    .button-bevel:active {
        box-shadow: inset 0 0 8px #246706;
    }







/* Bottom-right - white */
.hint-outer.right:after {
    left: auto;
    right: 21px;
}

.hint-outer.right:before {
    -webkit-transform: rotate(45deg) skewX(35deg);
    -moz-transform: rotate(45deg) skewX(35deg);
    -ms-transform: rotate(45deg) skewX(35deg);
    -o-transform: rotate(45deg) skewX(35deg);
    transform: rotate(45deg) skewX(35deg);
    left: auto;
    right: 24px;
    box-shadow: 1px 3px 4px 0 #d1d1d1;
}
/* Top-right white */
.hint-outer.top.right:after {
    bottom: auto;
    top: 0;
    left: auto;
    right: 21px;
}

.hint-outer.top.right:before {
    bottom: auto;
    top: -3px;
    -webkit-transform: rotate(45deg) skewX(35deg);
    -moz-transform: rotate(45deg) skewX(35deg);
    -ms-transform: rotate(45deg) skewX(35deg);
    -o-transform: rotate(45deg) skewX(35deg);
    transform: rotate(45deg) skewX(35deg);
    left: auto;
    right: 24px;
    box-shadow: -2px -2px 4px 0 #d1d1d1;
}

/* Orange tooltip */
.hint-outer.t2 {
    background: #FDE2A1;
    border: 1px solid #dfac40;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    box-shadow: 0 3px 5px 0 #fbe8b2;
}

    .hint-outer.t2:before {
        -webkit-transform: rotate(-45deg) skewX(-35deg);
        -moz-transform: rotate(-45deg) skewX(-35deg);
        -ms-transform: rotate(-45deg) skewX(-35deg);
        -o-transform: rotate(-45deg) skewX(-35deg);
        transform: rotate(-45deg) skewX(-35deg);
        background: #fbe8b2;
        bottom: -4px;
        height: 7px;
        left: 24px;
        width: 13px;
        z-index: 1;
        box-shadow: 1px 2px 4px 0 #fbe8b2;
        border-left: 1px solid #dfac40;
        border-bottom: 1px solid #dfac40;
    }

    .hint-outer.t2:after {
        background: #FDE2A1;
        border-radius: 1px;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        -khtml-border-radius: 1px;
        bottom: 0;
        height: 11px;
        left: 21px;
        width: 18px;
        z-index: 2;
    }
/* Top - orange  */
.hint-outer.top.t2:after {
    bottom: auto;
    top: 0;
}

.hint-outer.top.t2:before {
    bottom: auto;
    top: -3px;
    box-shadow: 0 -1px 4px #fbe8b2;
    border-top: 1px solid #dfac40;
    border-right: 1px solid #dfac40;
}
/* Bottom-right - orange */
.hint-outer.t2.right:after {
    left: auto;
    right: 21px;
}

.hint-outer.t2.right:before {
    -webkit-transform: rotate(45deg) skewX(35deg);
    -moz-transform: rotate(45deg) skewX(35deg);
    -ms-transform: rotate(45deg) skewX(35deg);
    -o-transform: rotate(45deg) skewX(35deg);
    transform: rotate(45deg) skewX(35deg);
    left: auto;
    right: 24px;
    box-shadow: 0 1px 4px 0 #fbe8b2;
    border: 0;
    border-right: 1px solid #dfac40;
    border-bottom: 1px solid #dfac40;
}
/* Top-right orange */
.hint-outer.top.right.t2:after {
    bottom: auto;
    top: 0;
    left: auto;
    right: 21px;
}

.hint-outer.top.right.t2:before {
    bottom: auto;
    top: -3px;
    -webkit-transform: rotate(45deg) skewX(35deg);
    -moz-transform: rotate(45deg) skewX(35deg);
    -ms-transform: rotate(45deg) skewX(35deg);
    -o-transform: rotate(45deg) skewX(35deg);
    transform: rotate(45deg) skewX(35deg);
    left: auto;
    right: 24px;
    box-shadow: -2px -2px 4px 0 #fbe8b2;
    border: 0;
    border-left: 1px solid #dfac40;
    border-top: 1px solid #dfac40;
}

#top-header {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/images/ll.png) repeat-x;
    box-shadow: 0px 0px 3px #2d2d2d;
    height: 50px;
    width: 100%;
    float: left;
}

    #top-header .logo {
        margin: 0px 0px 0px 59px;
        float: left;
    }

        #top-header .logo img {
            margin-top: 8px;
            width: 268px;
            height: 31px;
            position: absolute;
        }

            #top-header .logo img.spread {
                opacity: 0;
            }

.goo {
}

    .goo .goocontent {
        position: fixed;
        top: 49px;
    }

.postList {
    display: inline-block;
    vertical-align: top;
}

.cc {
    padding: 0 30px;
    margin: 0 auto;
}

#top-header .logo p {
    font-size: 1.9em;
    color: white;
    font-weight: bold;
}



.contentinner {
    display: table;
    margin: 0 auto;
}


#content {
    width: 100%;
    margin: 17px 0;
    float: left;
}

    #content .column {
        width: 300px;
        float: left;
        padding: 0 10px;
    }

.page {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

header, #header {
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

    header h1, #header h1 {
        font-weight: bold;
        padding: 5px 0;
        margin: 0;
        color: #5c87b2;
        border: none;
        line-height: 2em;
        font-size: 32px !important;
        text-shadow: 1px 1px 2px #111;
    }

#main {
    padding: 23px 30px 15px 30px;
    background-color: #fff;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
}

footer,
#footer {
    background-color: #fff;
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0 0 30px 0;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}


.lkinner fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    float: left;
    border-radius: 4px;
    margin: 0 25px 0 0;
}

.lkinner form {
    margin: 0 0 18px;
    width: 192px;
}


.lkinner img {
    min-width: 100%;
    margin-bottom: 10px;
}

#ChangePhoto, #ChangeBack {
}

#SubmitPhoto, #SubmitBack {
    float: right;
    height: 22px;
    margin: 2px;
    width: 85px;
    padding: 2px;
    margin-top: 0px;
    font-size: 1.2em;
}

textarea {
    min-height: 75px;
}


select {
    border: 1px solid #d61586;
    padding: 2px;
    font-size: 1.2em;
    font-family: CuprumRegular;
    color: #d61586;
    border-radius: 4px;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/casino.jpg);
}

input[type="submit"] {
    font-size: 1.2em;
    padding: 5px;
}



/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}

nav,
#menucontainer {
    margin-top: 40px;
}

div#title {
    display: block;
    float: left;
    text-align: left;
}

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

    #logindisplay a:link {
        color: white;
        text-decoration: underline;
    }

    #logindisplay a:visited {
        color: white;
        text-decoration: underline;
    }

    #logindisplay a:hover {
        color: white;
        text-decoration: none;
    }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label {
    margin: 1em 0 0 0;
    color: #B9B9B9;
}

.display-field,
.editor-field {
    margin: 0.5em 0 0 6px;
    color: #099801;
    font-weight: bold;
}

.text-box {
    width: 30em;
}

    .text-box.multi-line {
        height: 6.5em;
    }

.tri-state {
    width: 6em;
}

.preview img {
    max-width: 80px;
    max-height: 80px;
}


/*Ми*/
.btnUpload {
    height: 28px;
    width: 100%;
    padding-top: 14px !important;
}

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

.linkchange {
    width: 410px;
    margin-right: -10px;
    float: right;
}

.table-striped {
    width: 77% !important;
    margin: auto;
}

.linkpanel {
    height: 95px;
    width: 490px;
}

.wrp {
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}

.linkchange button.active {
    background: red;
}

.filelink .inputlink {
    float: left;
    width: 100%;
    height: 33px;
    font-size: 1.4em;
    border: 0px solid #fff;
    text-align: center;
    box-shadow: 0 0 0 !important;
    background: transparent;
}

.filelink .labellink {
    text-align: center;
    float: left;
    width: 100%;
}


.loztop {
    font-size: 1.3em;
    text-align: center;
}

.lozung {
    font-size: 1.1em;
    margin-bottom: 16px;
    text-align: center;
    width: 800px;
    line-height: 18px;
    color: rgb(141, 141, 141);
}

.leftreginfo {
    display: inline;
    font-size: 1.3em;
    text-align: center;
    padding: 0;
}

    .leftreginfo.reg {
        width: 670px;
    }

    .leftreginfo b {
        font-size: 1.5em;
    }

    .leftreginfo p {
        margin: 0;
        font-weight: normal;
        padding: 0;
        font-size: 1.6em;
        color: #CCC;
    }

.lkinner {
    float: left;
    width: 1000px;
}

    .lkinner legend {
        font-weight: bold;
    }

.withdrawprocess {
    margin: 38px 0;
}




.bodysite {
    float: left;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

#loginForm .veka button {
    float: left;
    margin: 0 10px 0 10px !important;
    cursor: pointer;
    width: 73px !important;
    border: 0;
    height: 60px !important;
}

#ltfacebook {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/images/fb.png) no-repeat center center;
}

#ltodnoklassniki {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/images/ok.png) no-repeat center center;
}

#ltvkontakte {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/images/vk.png) no-repeat center center;
}

#loginForm p.orreg, #regForm p.orreg {
    margin: 13px 0 9px 26px;
    float: left;
}

    #loginForm p.orreg a, #regForm p.orreg a {
        text-align: center;
        float: left;
        color: #848b86;
        width: 100%;
        font-weight: bold;
    }




#loginForm .loginbtns {
    width: 100%;
    margin-top: 20px;
    position: relative;
    float: right;
}

#loginForm .submit, #regForm .submit {
    font-size: 1.2em;
    padding: 5px;
    width: 39%;
    float: right;
    margin: 7px 8%;
}

#loginForm ul, #regForm ul {
    list-style: none;
    padding-left: 0;
    float: left;
    margin: 8% 8% 0% 8%;
    width: 84%;
}

    #loginForm ul li, #regForm ul li {
        width: 100%;
        margin-bottom: 5px;
        float: left;
    }

        #regForm ul li label {
            text-decoration: none;
            font-size: 1.4em;
        }

    #loginForm ul input, #regForm ul input[type=text], #regForm ul input[type=file], #regForm ul input[type=password] {
        width: 97%;
        height: 33px;
        font-size: 1.3em;
        border: 1px solid #23382A;
        color: #97a39b;
        background: #2e4736;
        border-radius: 3px;
        padding-left: 3%;
    }

#loginForm .validation-summary-errors, #regForm .validation-summary-errors {
    font-weight: bold;
    color: #F00;
    float: left;
    border: 1px solid #F00;
    border-radius: 6px;
    margin: 1% 4%;
    padding: 8px;
    font-size: 1.1em;
    width: 87%;
}

    #loginForm .validation-summary-errors ul, #regForm .validation-summary-errors ul {
        margin: 1% 8%;
    }

#regForm span {
    float: left;
    width: 100%;
    padding: 8px 0 6px 0;
    font-size: 1.3em;
}




#regForm .userphoto {
    padding: 12px 0 4px 9px;
}

.submitreg {
    float: left;
    width: 94%;
    margin: 3% 3%;
}

    .submitreg input {
        font-size: 1.2em;
        padding: 5px;
        margin: 9px 21px;
        width: 172px;
        float: right;
    }



#loginForm fieldset, #socialLoginForm fieldset {
    border: 1px solid #ddd;
    padding: 5%;
    float: left;
    margin: 0 25px 0 0;
    width: 90%;
}

    #loginForm fieldset legend, #socialLoginForm fieldset legend {
        font-size: 1.4em;
        font-weight: bold;
    }

.userprofile {
    position: relative;
    z-index: 10;
    max-width: 1000px;
    margin-right: 221px;
    float: right;
}

    .userprofile .addipanel {
        margin-top: 100px;
        float: left;
        width: 100%;
    }

        .userprofile .addipanel .leftpanel, .userprofile .addipanel .rightpanel {
            float: left;
            width: 50%;
        }

        .userprofile .addipanel .infoclass {
            font-size: 1.2em;
            font-weight: bold;
            color: #C1C1C1;
            margin: 0 0 33px 0;
            float: left;
            width: 100%;
        }


            .userprofile .addipanel .infoclass p.labelinfo {
                font-size: 1.2em;
                font-weight: bold;
                color: #bbb;
                margin: 0;
                text-align: center;
            }

            .userprofile .addipanel .infoclass p.realinfo {
                font-size: 1.8em;
                font-weight: bold;
                text-align: center;
                margin: 4px 0 0 0px;
                color: #888;
            }

    .userprofile .imagepanel {
        float: left;
        width: 100%;
        height: 320px;
        position: relative;
        margin-bottom: 55px;
    }

        .userprofile .imagepanel .userphoto {
            position: absolute;
            width: 100px;
            bottom: -50px;
            box-shadow: 0px 0px 1px #B3B3B3;
            height: 100px;
            border: 3px solid #fff;
            left: 50px;
            border-radius: 80px;
            overflow: hidden;
            z-index: 2;
        }

            .userprofile .imagepanel .userphoto img {
                width: 100px;
                height: 100px;
            }


        .userprofile .imagepanel .placeofgray {
            height: 41px;
            position: absolute;
            width: 100%;
            box-shadow: 0 0 8px #000;
            z-index: 1;
            background: rgba(0, 0, 0, 0.77);
            top: -46px;
            overflow: hidden;
        }

    .userprofile .title {
        float: left;
        width: 108px;
        margin: 8px 0 0 51px;
        color: rgba(255, 255, 255, 0.78);
        font-family: Tahoma;
        font-size: 1.6em;
    }

    .userprofile .winrate {
        float: left;
        margin: 4px 0 0 26px;
        color: rgba(255, 255, 255, 0.78);
        font-family: Tahoma;
        text-align: center;
        font-size: 1.3em;
    }

    .userprofile .infohint {
        float: left;
        color: rgba(255, 255, 255, 0.78);
        font-family: Tahoma;
        font-size: 1em;
        text-decoration: none;
        width: 100%;
    }

    .userprofile .userbackground {
        width: 100%;
        height: 100%;
        opacity: 1;
        -webkit-filter: blur(3px);
        -moz-filter: blur(2px);
        -ms-filter: blur(2px);
        -o-filter: blur(2px);
        filter: blur(2px);
    }

        .userprofile .userbackground img {
            width: 100%;
            height: 100%;
        }

.iagreeback {
    width: 200px;
    height: 59px;
    float: right;
    margin-top: -72px;
    font-size: 1.5em;
}

.LoadBack input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.LoadBack {
    position: relative;
    float: right;
    box-sizing: border-box;
    width: 45%;
}

.imagepanel .infoclass {
    position: absolute;
    bottom: 6px;
    right: 6px;
    z-index: 3;
}

    .imagepanel .infoclass .labelinfo {
        color: #fff;
        margin: 0;
        font-style: italic;
        text-shadow: 1px 1px 5px #3C3C3C;
        font-size: 1.5em;
        text-align: right;
    }

    .imagepanel .infoclass .realinfo {
        color: #fff;
        margin: 0;
        font-size: 1.3em;
        font-weight: bold;
        text-shadow: 1px 1px 5px #3C3C3C;
        text-align: right;
    }

.userprofile .username {
    position: absolute;
    z-index: 1;
    color: #DADADA;
    font-size: 38px;
    margin: 7px 7px;
    left: 169px;
    bottom: 1px;
    text-shadow: 1px 1px 5px #3C3C3C;
}

.userstattab .online {
    color: #45de45;
    height: 24px;
    float: left;
    display: block;
}


    .userstattab .online img {
        height: 100%;
        position: relative;
        float: left;
        top: -3px;
        margin-right: 9px;
    }

.profilecontrol {
    float: left;
    width: 110%;
}

.updfromsn {
    float: left;
    width: 100%;
    margin-top: 9px;
}

    .updfromsn * {
        font-size: 1.1em;
        float: left;
    }

.userprofile .changephoto {
    width: 248px;
    min-height: 126px;
    background: rgba(0, 0, 0, 0.30);
    border-radius: 0px;
    padding: 15px;
    position: relative;
    float: left;
    margin: 63px 40px 25px 0;
}

#takemail {
    margin: 1px 0;
    width: 125px;
    padding: 8px;
}

.userprofile .gold a {
    float: left;
    margin: 7px 5px;
    padding-right: 20px;
    padding-left: 20px;
    width: 80%;
    text-align: center;
}

.userprofile .color a {
    float: left;
    margin: 7px 9px;
    min-width: 180px;
    text-align: center;
}

.userprofile .requirements {
    font-size: 1.1em;
    float: left;
    width: 50%;
    margin: 5px 0 13px 0;
}

.userprofile .changebackme {
    position: absolute;
    width: 502px;
    bottom: 100px;
    height: 53%;
    left: 0;
}

#flashContent {
    position: relative;
    width: 800px;
    height: 800px;
    float: left;
    box-shadow: 0 42px 15px #0A0A0A;
}


.confirmation {
    float: left;
    width: 100%;
    margin-top: 70px;
}

.resendWr {
    float: left;
    width: 100%;
    color: #ccc !important;
    font-size: 1.1em;
    text-decoration: none;
    margin-top: 36px;
}

    .resendWr .resend {
        color: #ccc !important;
    }

.confirmation .fieldcode {
    font-size: 1.4em;
    color: #fff;
    float: left;
    width: 370px;
}

    .confirmation .fieldcode .controlmail {
        margin-top: 9px;
    }

    .confirmation .fieldcode input {
        height: 33px
    }

.advert {
    float: left;
    width: 160px;
    margin-top: 41px;
    height: 600px;
    left: 1px;
    position: relative;
    top: 161px;
}

.userprofile .changephoto p {
    margin: 0 0px 17px 0;
    color: #fff;
    text-align: center;
    font-size: 1.5em;
}

.winasgame {
    position: absolute;
    width: 600px;
    display: none;
    height: 494px;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/images/mcBG.jpg) center center repeat;
    background-color: #000;
    border: 3px solid #FFF;
    border-radius: 5px;
    z-index: 10;
    left: 10%;
    top: 82px;
}

    .winasgame .close {
        background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/images/close.jpg);
        position: absolute;
        width: 29px;
        cursor: pointer;
        z-index: 10;
        height: 36px;
        right: 13px;
        top: 11px;
        box-shadow: 0px 0px 4px #333;
    }

    .winasgame .dname {
        color: #FFF;
        font-size: 1em;
        width: 51px;
        height: 13px;
        float: left;
        overflow: hidden;
    }

    .winasgame .selh {
        position: absolute;
        top: 18px;
        margin: 0;
        font-size: 1.4em;
        color: #FFF;
        overflow: hidden;
        text-align: center;
        height: 19px;
        width: 92%;
    }

    .winasgame .inneravf {
        float: left;
        width: 96%;
        background: #282828;
        height: 86%;
        overflow-y: auto;
        margin-left: 2%;
        margin-top: 9%;
        border-radius: 7px;
    }

    .winasgame .oneuser {
        float: left;
        width: 50px;
        border: 1px solid #FFF;
        height: 50px;
        border-radius: 2px;
        margin: 10px 8px;
        cursor: pointer;
    }

.PleaPlea {
    float: left;
    width: 100%;
    height: 100%;
}

    .PleaPlea .pleatype {
        padding: 49px 95px;
    }

        .PleaPlea .pleatype label {
            color: #FFF900;
            margin-right: 42px;
            font-size: 1.4em;
            margin-left: 2px;
            float: left;
        }

        .PleaPlea .pleatype input {
            margin: 4px;
            float: left;
        }

.what {
    width: 100%;
    text-align: center;
    float: left;
    margin: 35px 0px;
    font-size: 1.3em;
}

.pleadescript {
    float: left;
    width: 100%;
    height: 80px;
}

    .pleadescript textarea {
        min-height: 75px;
        width: 50%;
        margin: 0 24%;
    }

#SendPlea {
    float: left;
    width: 40%;
    font-size: 1.5em;
    font-weight: bold;
    height: 40px;
    color: #fff;
    border: 1px solid #007734;
    border-radius: 7px;
    margin: 43px 30% 14px 30%;
    background: #83C539;
    background: -moz-linear-gradient(top, rgba(131,197,57,1) 1%, rgba(56,108,15,1) 75%, rgba(56,108,15,1) 75%);
    background: -webkit-linear-gradient(top, #83C539 1%,#386C0F 75%,#386C0F 75%);
    background: linear-gradient(to bottom, #83C539 1%,#386C0F 75%,#386C0F 75%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83c539', endColorstr='#386c0f',GradientType=0 );
}


.menu {
    right: 0;
    width: 200px;
    background: rgba(17, 86, 239, 0.19);
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 7;
}

.vkmenu {
    width: 180px;
}


.menu ul {
    float: left;
    margin-top: 50px;
    width: 100%;
    min-width: 70px;
    list-style: none;
}

    .menu ul li.active {
        background: rgba(255, 255, 255, 0.12);
    }

    .menu ul li:hover {
        background: rgba(255, 255, 255, 0.12);
    }

    .menu ul li a {
        color: #fff;
        text-decoration: none;
        top: 0;
        width: 80%;
        display: block;
        position: absolute;
        height: 80%;
        left: 0;
        padding: 5% 10%;
    }

    .menu ul li {
        margin: 4px 0;
        position: relative;
        height: 20px;
        padding: 10px 20px;
    }

        .menu ul li .cnt {
            background: #ff29b1;
            text-align: center;
            box-sizing: border-box;
            padding: 2px 7px;
            margin-left: 5px;
            border-radius: 50%;
        }


.screensList {
    float: left;
    width: 1100px;
    background: rgba(0, 0, 0, 0.31);
    height: 900px;
    margin-top: 50px;
    position: relative;
}

#slider {
    margin: 50px 160px;
}

    #slider ul, #slider li,
    #slider2 ul, #slider2 li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

#slider2 {
    margin-top: 1em;
}

    #slider li, #slider2 li {
        width: 800px;
        height: 800px;
        overflow: hidden;
    }

#prevBtn, #nextBtn,
#slider1next, #slider1prev {
    display: block;
    width: 37px;
    height: 77px;
    position: absolute;
    left: 60px;
    top: 400px;
    z-index: 1000;
}

#nextBtn, #slider1next {
    right: 55px !important;
    left: inherit;
}

    #prevBtn a, #nextBtn a,
    #slider1next a, #slider1prev a {
        display: block;
        position: relative;
        width: 36px;
        height: 77px;
        background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/slider/prev.png) no-repeat 0 0;
    }

    #nextBtn a, #slider1next a {
        background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/slider/next.png) no-repeat 0 0;
    }

/* numeric controls */

ol#controls {
    margin: 1em 0;
    padding: 0;
    height: 28px;
}

    ol#controls li {
        margin: 0 10px 0 0;
        padding: 0;
        float: left;
        list-style: none;
        height: 28px;
        line-height: 28px;
    }

        ol#controls li a {
            float: left;
            height: 28px;
            line-height: 28px;
            border: 1px solid #ccc;
            background: #DAF3F8;
            color: #555;
            padding: 0 10px;
            text-decoration: none;
        }

        ol#controls li.current a {
            background: #5DC9E1;
            color: #fff;
        }

        ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {
            outline: none;
        }

.tablelog {
    border: 1px solid #ccc;
}

    .tablelog tr {
        background: #8BC34A;
        color: #fff;
    }

    .tablelog.adm a:visited {
        color: #15a6e3 !important;
    }

.popbutton {
    text-align: center;
}

.tablelog tr.win {
    background: #67A71D;
}

.tablelog tr.lose {
    background: #FF5050;
}

.tablelog tr.kurz {
}

.tablelog a {
    color: #000;
    font-weight: bold;
    max-width: 500px;
}

.tablelog td.texts p {
    border-bottom: 1px solid #ccc;
    margin: 13px 0;
    max-width: 500px;
}

.tablelog tr.bot td:first-child {
    background: rgb(231, 56, 64);
}

.tablelog tr.bonus td:first-child {
    background: #7CCEFF;
}

.pushmeplease {
    position: fixed;
    left: 205px;
    top: 213px;
    float: right;
    font-size: 1.2em;
    z-index: 10;
    width: 177px;
    height: 32px;
    text-align: center;
}



.box_window {
    width: 800px;
    display: none;
    position: fixed;
    top: 15%;
    left: 50%;
    margin-left: -350px;
    z-index: 11;
    display: none;
    padding: 20px;
}

    .box_window .innergh {
        width: 100%;
        height: 100%;
        overflow: auto;
    }

.box_window_in {
    position: relative;
    height: 100%;
    overflow-y: auto;
}

.box_title {
    position: absolute;
    left: 0px;
    top: -30px;
    color: #fff;
}

.bw_close {
    position: absolute;
    top: -25px;
    font-size: 1em;
    color: #fff;
    right: 0px;
    cursor: pointer;
    z-index: 2;
}

.mask {
    position: fixed;
    background: rgba(0, 0, 0, 0.38);
    display: none;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.to_blur.blur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

.mobilemenu {
    display: none;
    float: left;
    width: 35px;
    height: 30px;
    position: relative;
    padding: 8px;
    top: -5px;
    left: -6px;
}

    .mobilemenu img {
        width: 100%;
    }


table.tablelog {
    background: url('https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/back.png');
    font-size: 1.3em;
    border-collapse: collapse;
    text-align: center;
}

    table.tablelog th, table.tablelog td:first-child {
        background: #83c539;
        color: white;
        padding: 10px 20px;
    }

    table.tablelog th, table.tablelog td {
        border-style: solid;
        border-width: 0 1px 1px 0;
        border-color: white;
        padding: 8px;
    }

    table.tablelog td {
    }

        table.tablelog th:first-child, table.tablelog td:first-child {
            text-align: left;
        }

.full_wrapper .topup {
    position: relative;
    z-index: 10;
}

.topup .tdv {
    float: left;
    width: 100%;
    position: relative;
    height: 48px;
    background: #000;
    margin-bottom: 2px;
}

.vkOffset .topup .tdv {
    width: 101%;
    margin-left: -1%;
}

.full_wrapper .topicos {
    position: absolute;
    width: 145px;
    right: 0;
    top: 0;
    /*background: #000;*/
    z-index: 555;
}

.giveup {
    width: 50px;
    height: 50px;
    cursor: pointer;
    margin: 0;
    z-index: 3;
    top: 60px;
    position: fixed;
    right: 10px;
    display: none;
}

    .giveup img {
        width: 100%;
    }

.exitgame {
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 3;
    margin: 0;
    top: 60px;
    position: fixed;
    right: 10px;
    display: none;
}

    .exitgame img {
        width: 100%;
    }

.full_wrapper .statusbar {
    float: left;
    height: 46px;
    width: 100%;
    overflow: hidden;
    margin-top: 4px;
}

    .full_wrapper .statusbar div {
        cursor: pointer;
        float: left;
    }

    .full_wrapper .statusbar .namerow {
        color: #fff;
        margin: 11px 12px 11px 20px;
        float: left;
        font-size: 1.4em;
    }

    .full_wrapper .statusbar .namevalue {
        color: #f7db34;
        margin: 11px 1px;
        float: left;
        font-size: 1.4em;
    }

    .full_wrapper .statusbar #TimeGame .namevalue {
        min-width: 60px;
    }

.full_wrapper .topicos span {
    width: 23px;
    height: 20px;
    margin: 14px 5px;
    float: right;
}

.full_wrapper .topicos span {
    cursor: pointer;
}

.full_wrapper .topup .info {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/info.png) no-repeat;
}

.full_wrapper .topup .sound {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/sound.png) left top no-repeat;
}

    .full_wrapper .topup .sound.off {
        background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/sound.png) -23px top no-repeat;
    }

.full_wrapper .topup .chat {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/chat.png) left top no-repeat;
    display: none;
}



.full_wrapper .topup .fullscreen {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/full.png) 0 0 no-repeat;
}

.userAva {
    float: left;
    border: 6px solid #d60981;
    border-radius: 100px;
    width: 115px;
    margin-top: 20px;
    height: 115px;
    position: relative;
}



.vipgiftwrapper {
    position: relative;
    width: 100%;
    border-radius: 100px;
    float: left;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

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

    .goldwhy span {
        color: yellow;
        font-size: 1.2em;
        margin: 9px 4%;
        text-align: center;
        float: left;
        width: 92%;
    }

#UserData {
    width: 67%;
    height: 150px;
    position: relative;
    float: left;
}

    #UserData .udatawrap {
        float: left;
        width: 100%;
    }

.userAva img {
    width: 100%;
    height: 100%;
    float: left;
}

.Main .vipstat {
    display: block;
}

.Enemy .vipstat {
    display: block;
}

.Enemy.ui-droppable-hover, .Main.ui-droppable-hover {
    border-radius: 100px;
    box-shadow: 0px 0px 45px 11px red;
}

.vipstat {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/vip.png) no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 4;
    display: none;
}


#UserInfoPopup .scrollable-panel {
    height: 100%;
}


.profile_img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background-position: center !important;
    background-size: cover !important;
    opacity: 0.7;
    width: 100%;
    height: 100%;
}

@media (min-width: 1400px) {
    .profile_img {
        background-size: contain !important;
    }
}


.PaintingProfile .otherUserStatus, .PaintingProfile .otherUserName, .PaintingProfile .TogetherName, .PaintingProfile .plalist .pla {
    text-shadow: 0 0 4px #000;
}

.PaintingProfile .userstattab .righttab, .PaintingProfile .userstattab .lefttab {
    background: rgba(0, 0, 0, 0.28);
    padding-left: 9px;
    box-sizing: border-box;
    border-radius: 3px;
}


.giftava {
    display: none;
    width: 70px !important;
    height: 70px !important;
    position: absolute;
    right: -20px;
    z-index: 4;
    bottom: -20px;
}

.avaears {
    display: none;
    width: 100%;
    height: auto !important;
    position: absolute;
    left: 0;
    z-index: 1;
    top: -15px;
}




.avaborder1 {
    border-color: #fff !important;
    background-color: #fff !important;
    border-width: 1px !important;
}

.avaborder2 {
    border-color: #fbffda !important;
    background-color: #fbffda !important;
    border-width: 1px !important;
}

.avaborder3 {
    border-color: #ffffb2 !important;
    background-color: #ffffb2 !important;
    border-width: 1px !important;
}

.avaborder4 {
    border-color: #9eff7b !important;
    background-color: #9eff7b !important;
    border-width: 1px !important;
}

.avaborder5 {
    border-color: #4be74b !important;
    background-color: #4be74b !important;
    border-width: 1px !important;
}

.avaborder6 {
    border-color: #00d700 !important;
    background-color: #00d700 !important;
    border-width: 1px !important;
}

.avaborder7 {
    border-color: #a4ffff !important;
    background-color: #a4ffff !important;
    border-width: 1px !important;
}

.avaborder8 {
    border-color: #627cff !important;
    background-color: #627cff !important;
    border-width: 1px !important;
}

.avaborder9 {
    border-color: #2939ff !important;
    background-color: #2939ff !important;
    border-width: 1px !important;
}

.avaborder10 {
    border-color: #e1a7ff !important;
    background-color: #e1a7ff !important;
    border-width: 1px !important;
}

.avaborder11 {
    border-color: #ce70ff !important;
    background-color: #ce70ff !important;
    border-width: 1px !important;
}

.avaborder12 {
    border-color: #ff00ce !important;
    background-color: #ff00ce !important;
    border-width: 1px !important;
}

.avaborder13 {
    border-color: #fff100 !important;
    background-color: #fff100 !important;
    border-width: 1px !important;
}

.avaborder14 {
    border-color: #ffa500 !important;
    background-color: #ffa500 !important;
    border-width: 1px !important;
}

.cmsg_photo.elected {
    animation: spin 60s cubic-bezier(.68,-.55,.27,1.55) 5s infinite;
    animation-iteration-count: 15 !important;
}

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

    2% {
        transform: rotate(15deg);
    }

    4% {
        transform: rotate(0deg);
    }

    10% {
        transform: rotate(0deg);
    }

    12% {
        transform: rotate(-15deg);
    }

    14% {
        transform: rotate(0deg);
    }

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


.avaborder15 {
    border-color: #ff6b2c !important;
    background-color: #ff6b2c !important;
    border-width: 1px !important;
}

.avaborder16 {
    border-color: #ff0000 !important;
    background-color: #ff0000 !important;
    border-width: 1px !important;
}

.avaborder17 {
    border-color: #c90000 !important;
    background-color: #c90000 !important;
    border-width: 1px !important;
}

.avaborder18 {
    border-color: #000000 !important;
    background-color: #000000 !important;
    border-width: 1px !important;
}



.timespan {
    color: #999;
    margin-right: 4px;
}

.serviceMsg {
    color: #15A6E3;
}

#GameList {
    width: 100%;
    height: 445px;
    float: left;
    box-sizing: border-box;
    position: relative;
    background: rgba(17, 86, 239, 0.19);
}

    #GameList .plalist {
        margin-left: 25px;
        margin-top: 13px;
        width: 499px;
    }

        #GameList .plalist .pla {
            width: 100px;
        }

    #GameList .gamefilter {
        float: right;
        margin-top: 27px;
        width: 270px;
    }

.gamefilter p {
    float: left;
    color: #fff;
    text-align: right;
    margin-right: 5px;
}

.gamefilter .filter1, .gamefilter .filter2 {
    float: left;
    width: 46%;
}

.gamefilter input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}

.gamefilter label {
    cursor: pointer;
    text-indent: -9999px;
    width: 50px;
    height: 25px;
    background: grey;
    display: block;
    border-radius: 28px;
    position: relative;
}

    .gamefilter label:after {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: 21px;
        height: 21px;
        background: #fff;
        border-radius: 20px;
        transition: 0.3s;
    }

.gamefilter input:checked + label {
    background: #6cac19;
}

    .gamefilter input:checked + label:after {
        left: calc((100%) - 5px);
        transform: translateX(-100%);
    }

.gamefilter label:active:after {
    width: 32px;
}

#GameList .gamefilter span {
    float: left;
    color: #fff;
    width: 50px;
    margin: 0;
    position: relative;
    top: -20px;
    height: 43px;
}

#GameList .gamefilter input {
    border: 1px solid #505abc;
    border-radius: 5px;
    padding: 7px;
    background: none;
    width: 159px;
    color: #fff;
}

    #GameList .gamefilter input::placeholder {
        color: rgba(255, 250, 255, 0.51);
    }

#GameList .filterhide {
    display: none !important;
}

.pla {
    float: left;
    width: 106px;
    text-align: center;
    position: relative;
    padding: 10px;
    border: 2px solid #005c96 !important;
    color: #fff !important;
    text-decoration: none;
    border-radius: 0 7px 7px 0;
    font-size: 1.2em;
    cursor: pointer;
}

    .pla i {
        float: right;
        margin-right: 2px;
        color: #fff;
        position: absolute;
        background: #005c96;
        right: 6px;
        font-weight: bold;
        top: 10px;
        font-style: normal;
        height: auto;
        width: auto;
        padding: 2% 6% 2% 6%;
        border-radius: 25px;
        text-align: center;
        font-size: .85em;
    }

.platab .emptypla {
    margin: 20px 0;
    text-align: center;
    font-size: 2em;
}

.plaactive {
    background: #005c96 !important;
    border-radius: 7px 0px 0px 7px;
}

    .plaactive.plaright {
        border-radius: 0 7px 7px 0 !important;
    }

.plaleft {
    border-radius: 7px 0px 0px 7px !important;
}

.placenter {
    border-radius: 0;
    margin-left: -1px;
    margin-right: -1px;
    text-align: center;
}


.gamelist-style {
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
}




.gameslot .gname {
    width: 29%;
    display: inline-block !important;
    margin-left: 3%;
}

.bonusSlot .gname {
    color: #36f518 !important;
    font-size: 1.6em !important;
}

.bonusSlot {
    box-shadow: inset 0 0 15px rgba(0, 255, 0, 0.30);
}

.mobileView #AllChat {
    font-size: 170%
}

.chatisfull {
    height: 100%;
    margin-top: 0 !important;
}

.fullchat {
    cursor: pointer;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 4px;
    right: 7px;
    z-index: 100;
    box-shadow: 0 0 4px rgba(255, 255, 255, 0.4);
    border-radius: 10px;
}



.gameslot .ggamers {
    width: 25%;
    display: inline-block !important;
}

.gameslot .gameoptview {
    width: 20%;
    display: inline-block !important;
    font-size: 1.4em;
}

.gameslot .gamebtns {
    width: 21%;
    display: inline-block !important;
}


.betka:hover, .reverse:hover, .decka:hover, .tipik:hover, .intablecnt:hover, .bhshka:hover, .pairheart:hover {
    opacity: 1;
    cursor: default;
}

.betka {
    min-width: 30px;
    color: #ffde03;
    text-align: center;
    text-shadow: 1px 1px 1px #d45003;
    padding: 1.5px 3px 2px 3px;
    display: inline-block;
    float: left;
    margin-right: 3px;
    font-weight: bold;
    opacity: 0.7;
    box-shadow: inset 0 0 1px #ffee23;
    height: 30px;
    border: 4px solid #f8991b;
    border-radius: 30px;
    box-sizing: border-box;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc73c+0,f59324+51,ffc73c+100 */
    background: #ffc73c; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #ffc73c 0%, #f59324 51%, #ffc73c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #ffc73c 0%,#f59324 51%,#ffc73c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #ffc73c 0%,#f59324 51%,#ffc73c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc73c', endColorstr='#ffc73c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.pairheart {
    float: left;
    margin-right: 3px;
    margin-left: 3px;
    width: 32px;
    opacity: 0.7;
    height: 32px;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/pairheart.png) no-repeat;
    background-size: 32px;
}

.bhshka {
    float: left;
    margin-right: 3px;
    margin-left: 3px;
    width: 20.5px;
    opacity: 0.7;
    height: 30px;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/burahidden.png) no-repeat;
    background-size: 20.5px 30px;
}

.reverse {
    float: left;
    margin-right: 3px;
    margin-left: 3px;
    width: 30px;
    opacity: 0.7;
    height: 30px;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Reverse.png) no-repeat;
    background-size: 30px;
}

.decka {
    float: left;
    margin-right: 4px;
    margin-left: 3px;
    width: 20px;
    height: 29px;
    opacity: 0.7;
    color: #000;
    background: #fff;
    border: 1px solid #000;
    border-radius: 3px;
    padding: 7px 3px;
    box-sizing: border-box;
    box-shadow: 0 0px 2px #fff;
    font-size: 0.75em;
}

#GameList2Table .tipik {
    display: block;
}

#TypeStatus .tipik {
    display: block;
}

.tipik img {
    width: 100%;
}

.tipik {
    float: left;
    margin-right: 5px;
    display: none;
    width: 30px;
    height: 30px;
    opacity: 0.7;
    color: #000;
    border-radius: 3px;
    padding: 2px 3px;
    font-size: 0.75em;
}

.intablecnt img {
    width: 100%;
}

.intablecnt {
    float: left;
    margin-right: 5px;
    width: 30px;
    height: 30px;
    opacity: 0.7;
    color: #000;
    border-radius: 3px;
    padding: 0 3px;
    font-size: 0.75em;
}




table tr th {
    color: #fff;
}

table tr td {
}

    table tr td:last-child {
        text-align: center;
    }


#UserDataRows {
    font-size: 1.2em;
    width: 75%;
    margin-left: 136px;
    box-sizing: border-box;
    position: absolute;
}

    #UserDataRows .tableRows {
        margin: 4px 0 0 10px;
        float: left;
    }

    #UserDataRows p {
        padding: 3px 0 0 9px;
        color: #fff;
        font-size: 1.6em;
        margin-top: 0px;
    }

    #UserDataRows #LobbyTitle {
        color: #d60981;
        font-size: 1.2em;
    }

#UserData #LobbyTitle2 {
    color: #d60981;
    font-size: 2.8em;
    width: 110%;
    margin-left: -5%;
    margin-top: 139px;
    text-align: center;
    font-weight: bold;
}

.tableRows {
    float: left;
    margin: 4px 0 0 25px;
}

.rowname {
    float: left;
    width: 40%;
    color: #fff;
    padding: 3px 0;
}

.rowvalue {
    float: left;
    width: 55%;
    padding: 3px 0;
    color: #ffdb34;
}




#AllChatInput {
    position: absolute;
    bottom: 0px;
    right: 3px;
    width: 80%;
    padding: 6px;
    box-sizing: border-box;
    border-radius: 0px 0px 4px 4px;
}



    #AllChatInput input[type=text] {
        width: 100%;
        background: #000;
        box-sizing: border-box;
        border: 0;
        height: 30px;
        padding-right: 45px;
        border-radius: 5px;
        padding-left: 9px;
        color: #fff;
    }

    #AllChatInput input[type=button] {
        position: absolute;
        top: 15px;
        right: 10px;
        cursor: pointer;
        width: 28px;
        height: 14px;
        background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/chatenter.png?1) no-repeat;
        border: 0;
    }


#discussion .cmsg {
    margin-top: 5px;
    float: left;
    width: 99%;
    padding-right: 1%;
    display: flex;
}

    #discussion .cmsg .miniears {
        width: 130%;
        position: absolute;
        z-index: 1;
        top: -4px;
        left: -16%;
        height: 44%;
        filter: blur(0.05px);
    }

    #discussion .cmsg .cmsg_photo {
        width: 30px;
        height: 30px;
        position: absolute;
        float: left;
        z-index: 1;
    }

#discussion .userinchat {
    color: yellow;
    cursor: pointer;
}

#discussion .msgph {
    width: 100%;
    height: 100%;
    display: block;
    box-sizing: border-box;
    border-radius: 30px;
    z-index: 1;
    border: 2px solid #06609a;
}

#discussion .msgbody {
    display: flex;
    font-size: 1.2em;
    padding-left: 33px;
    min-height: 32px;
    align-items: center;
    margin-top: -3px;
    max-height: 140px;
}

#discussion .openprivate {
    width: 31px;
    height: 31px;
    cursor: pointer;
    position: absolute;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/chatbuttons.png) 0px 0px no-repeat;
    z-index: 2;
    opacity: 0;
    background-size: cover;
}

#discussion .openacc {
    width: 31px;
    height: 31px;
    cursor: pointer;
    position: absolute;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/chatbuttons.png) -60px 0px no-repeat;
    z-index: 2;
    background-size: cover;
    opacity: 0;
}

#discussion .ago {
    float: left;
    width: 28px;
    font-size: 0.8em;
    color: #999;
    text-align: center;
}


#discussion .sendbanchat {
    width: 31px;
    height: 31px;
    cursor: pointer;
    position: absolute;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/chatbuttons.png) -90px 0px no-repeat;
    z-index: 2;
    opacity: 0;
    background-size: cover;
}

#discussion .openprofile {
    width: 31px;
    height: 31px;
    cursor: pointer;
    position: absolute;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/chatbuttons.png) -120px 0px no-repeat;
    z-index: 2;
    opacity: 0;
    background-size: cover;
}

#discussion .msgbody .name {
    font-weight: bold;
}

#discussion .msgbody .text {
    margin-left: 6px;
}

#discussion .msgph img {
    width: 100%;
    height: 100%;
}



#OnlineSpan {
    color: #fff;
    min-height: 20px;
    float: left;
    padding-right: 4px;
    text-shadow: 1px 1px 1px #000;
    margin: 6px 0 0px 0;
}

.serviceMsg {
    float: left;
    width: 100%;
    font-size: 1.4em;
    padding: 4px 0;
}

.chatlist {
    float: left;
    width: 97%;
    position: relative;
    top: -15px;
    height: 99%;
    border-right: 2px solid #000;
    overflow: auto;
    padding-top: 13px;
}

.privatechatblock .wrapperprivchat {
    float: left;
    width: 100%;
    overflow: hidden;
    height: 98%;
}

.chatlist .onechatitle {
    padding: 1% 17% 1% 4%;
    margin: 10px 7% 0 7%;
    background: rgba(255,0,139,.2);
    box-sizing: border-box;
    border: 2px solid #ff00cb;
    position: relative;
    border-radius: 6px;
    height: 27px;
    overflow: hidden;
    text-align: left;
    display: inline-block;
    -webkit-transition: background 0.8s;
    -moz-transition: background 0.8s;
    transition: background 0.8s;
}

.private0 {
    padding-right: 5%;
}

.chatlist .onechatitle.active {
    background: rgba(255, 0, 139, 0.55);
}

.onechatitle .nameprivchat {
    color: #f5e3ee;
    font-size: 1.2em;
    cursor: pointer;
    user-select: none;
}

.onechatitle .closeprivchat {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/close.png) center center no-repeat;
    width: 15px;
    height: 15px;
    background-size: contain;
    right: 4px;
    top: 5px;
    cursor: pointer;
    position: absolute;
    z-index: 1;
}

.onechatitle .newmess {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/newmess.png) center center no-repeat;
    width: 17px;
    height: 17px;
    background-size: contain;
    right: 3px;
    top: 3px;
    cursor: pointer;
    position: absolute;
    z-index: 2;
    display: none;
}

.chatpanel .discussion-general {
    color: #fff;
    width: 99%;
    height: 100%;
    padding-left: 1% !important;
    font-size: 1em;
    box-sizing: border-box;
    top: 0px;
    padding-bottom: 45px !important;
}

.discussion-general {
    color: #fff;
    width: 99%;
    height: 100%;
    padding-left: 1% !important;
    font-size: 1em;
    top: 0px;
}

.discussion2 {
    color: #fff;
    width: 99%;
    padding-left: 1% !important;
    position: absolute;
    bottom: 0;
}

.chatpanel .discussion2 {
    color: #fff;
    width: 99%;
    height: 100%;
    padding-left: 1% !important;
    font-size: 1em;
    box-sizing: border-box;
    top: 0px;
    padding-bottom: 95px !important;
}

#discussion2 div .strong {
    color: #2070a2;
}


#InGameChat {
    position: fixed;
    right: 0px;
    bottom: 0px;
    font-size: 1.1em;
    display: none;
    z-index: 100;
    margin-bottom: 0px;
    height: 256px;
    background: rgba(0, 0, 0, 0.18);
    width: 325px;
    box-sizing: border-box;
    padding: 10px;
}

#discussion2 li {
    float: left;
    width: 100%;
}

.hidedChat {
    background: #0b1b2a;
    color: #fff;
    cursor: pointer;
    font-size: 1.3em;
    padding: 7px 10px;
    position: fixed;
    right: 100px;
    bottom: 0px;
    z-index: 8;
}

#AllChatWrapper2 {
    overflow: scroll;
    width: 100%;
    height: 100%;
}

#AllChat2 {
    color: #fff;
    float: left;
    width: 100%;
    overflow: auto;
    height: 100%;
    box-sizing: border-box;
}

.usersmile {
    display: inline-block;
}

.hideSmiles {
    background: rgba(255, 255, 255, 0.2);
    width: 50px;
    display: block;
    height: 25px;
    position: absolute;
    bottom: 0;
    cursor: pointer;
    right: 0;
}

.usersmile p {
    color: #fff;
}

.usersmile img {
    width: 30px;
    height: 30px;
}

.onesmile {
    display: inline-block;
    width: 28px;
    height: 28px;
    padding: 2px;
    cursor: pointer;
}

.mobileView .onesmile {
    width: 60px;
    height: 60px;
}


.smileplace .usersmile img {
    position: absolute;
    left: 25%;
    top: 25%;
    width: 50%;
    height: 50%;
    display: none;
}

.smileplace .usersmile p {
    display: none;
    position: absolute;
    font-size: 22px;
    width: 100%;
    left: 0;
    height: 65%;
    top: 35%;
}

.onesmile img {
    width: 100%;
    height: 100%;
}



.smileplace {
    position: absolute;
    display: none;
    width: calc((100%) - 12px);
    height: calc((100%) - 12px);
    margin: 6px;
}

    .smileplace div {
        position: absolute;
        width: calc(100%);
        height: calc(100%);
        border-radius: 100%;
        background: rgba(0, 0, 0, 0.67);
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .smileplace div span {
            color: #fff
        }

#AllChat {
    height: 242px;
    float: left;
    margin-top: 10px;
    width: 100%;
    position: relative;
    border-radius: 4px;
    background: rgba(17, 86, 239, 0.19);
}

#AllChatWrapper {
    float: left;
    width: 100%;
    height: 100%;
}

.privatechatblock {
    width: 20%;
    float: left;
    height: 100%;
}

#AllChat1 {
    float: left;
    padding-top: 5px !important;
    width: 80%;
    height: 100%;
    padding-bottom: 41px !important;
    box-sizing: border-box;
}

.chatusername {
    cursor: pointer;
    font-weight: normal;
}

.chattitle1 {
    color: #ffffff;
}

.chattitle2 {
    color: #fcffe6;
}

.chattitle3 {
    color: #ffffd1;
}

.chattitle4 {
    color: #a8ff88;
}

.chattitle5 {
    color: #5df35d;
}

.chattitle6 {
    color: #22ea22;
}

.chattitle7 {
    color: #b5ffff;
}

.chattitle8 {
    color: #63c4ff;
}

.chattitle9 {
    color: #4b91ff;
}

.chattitle10 {
    color: #e6b6ff;
}

.chattitle11 {
    color: #f384ff;
}

.chattitle12 {
    color: #ff31d7;
}

.chattitle13 {
    color: #fff431;
}

.chattitle14 {
    color: #ffbb3d;
}

.chattitle15 {
    color: #ff7f48;
}

.chattitle16 {
    color: #ff2e2e;
}

.chattitle17 {
    color: #cc1f1f;
}

.chattitle18 {
    color: #542a2a;
}


.headerChat {
    margin-bottom: 4px;
    float: left;
    width: 100%;
}

    .headerChat h2 {
        color: #fff;
        font-size: 1.2em;
        float: left;
        padding: 0;
    }

    .headerChat .hidechat {
        font-size: 0;
        border-bottom: 1px solid #0084b7;
        width: 15px;
        height: 12px;
        cursor: pointer;
        float: right;
    }

        .headerChat .hidechat:hover {
            box-shadow: inset 0 0 9px rgba(0, 132, 183, 0.66);
        }

#InGameChatInput {
    position: absolute;
    bottom: -7px;
    width: 150px;
    right: 0px;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 4px;
    display: none;
}

#message2 {
    width: 100%;
    background: #000;
    box-sizing: border-box;
    border: 0;
    height: 60px;
    font-size: 1.4em;
    border-radius: 5px;
    padding-right: 38px;
    padding-left: 9px;
    color: #fff;
}

#sendmessage2 {
    position: absolute;
    top: 29px;
    right: 10px;
    width: 28px;
    cursor: pointer;
    height: 14px;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/chatenter.png?1) no-repeat;
    border: 0;
}

#messagemobile {
    width: 60%;
    height: 71px;
    float: left;
    margin: 22px 15px 15px 15px;
    font-size: 2.9em;
    background: linear-gradient(135deg, #000d1b 0%,#0d2c46 35%,#003556 59%,#000000 100%);
    padding-top: 15px;
    text-align: left;
    padding: 1%;
    color: #fff;
    border: 1px solid #2f4582;
}

.gameslot .joingame2 {
    background: #15A6E3 !important;
}

.gameslot .Exit {
    background: #fa4b23 !important;
}

.gameslot.activityLeaderSlot .gname {
    color: #ffdb34;
}




.advertInfo {
    width: 100%;
    height: 300px;
    box-sizing: border-box;
    display: flex !important;
    justify-content: center;
}

    .advertInfo .offerabout {
        font-size: 15px;
        color: #fff;
        text-decoration: none;
    }

.mobileView .advertInfo {
    height: 222px;
}


#monoadvertmob {
    float: left;
    width: 175px;
    position: relative;
    cursor: pointer;
    text-decoration: none;
}

#monoadvert {
    float: left;
    display: none;
    width: 175px;
    position: relative;
    cursor: pointer;
}

#bonkadvert {
    float: left;
    width: 175px;
    position: relative;
    cursor: pointer;
}

    #monoadvert .ladytext1, #bonkadvert .ladytext1 {
        position: absolute;
        top: 25px;
        left: 24px;
        font-size: 1.1em;
        color: #ce6a00;
        width: 91px;
        text-align: center;
        font-weight: bold;
    }

#monoadvertmob .ladytext1 {
    position: absolute;
    top: 16px;
    left: 27px;
    font-size: 0.9em;
    color: #ce6a00;
    width: 91px;
    text-align: center;
    font-weight: bold;
}

#bonkadvert .ladytext1 {
    position: absolute;
    top: 16px;
    left: 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.7em;
    color: #ce6a00;
    width: 133px;
    text-align: center;
    font-weight: bold;
}



#monoadvert .ladytext2, #bonkadvert .ladytext2 {
    position: absolute;
    top: 25px;
    left: 17px;
    font-size: 0.9em;
    line-height: 1;
    color: #1ece00;
    display: none;
    font-weight: bold;
    width: 100px;
    text-align: center;
}



#monoadvertmob .ladytext2 {
    position: absolute;
    top: 16px;
    left: 27px;
    font-size: 0.9em;
    color: #ce6a00;
    width: 91px;
    text-align: center;
    font-weight: bold;
}

#monoadvert img {
    width: 100%;
}

#monoadvertmob img {
    height: 175px;
}

#GameList0Table, #GameList1Table, #GameList2Table, #GameList3Table, #historytable {
    width: 100%;
    overflow-y: auto;
}

    #GameList0Table tr, #GameList1Table tr, #GameList2Table tr, #GameList3Table tr {
        height: 34px;
        display: block !important;
        padding: 7px 0;
        width: 100%;
    }

    #historytable .tipik {
        display: block;
    }

    #historytable tr {
        height: 32px;
        display: block;
        overflow: hidden;
        padding: 7px 0;
        width: 100%;
    }

.lose .gname {
    color: red;
}

.win .gname {
    color: rgb(19, 242, 19);
}

/* END GameLobby */

/* Adaptive */


/* Timer */

#Timer {
    position: absolute;
    top: 0px;
    background: url(Content/126.gif) center center no-repeat;
    width: 100%;
    height: 54%;
    padding-top: 46%;
    font-size: 1.6em;
    color: #78ff00;
    text-shadow: 1px 1px 1px #000;
}

#CantDeff {
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    text-shadow: 1px 1px 3px #e80505;
    position: absolute;
    z-index: 100;
}

#Deck {
    position: absolute;
    width: 15%;
    right: -8%;
}

.BackCard {
    width: 100%;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Rubashki/ru0.png) no-repeat center center;
    background-size: contain !important;
    position: absolute;
    -moz-transform: rotate(-30deg); /* Для Firefox */
    -ms-transform: rotate(-30deg); /* Для IE */
    -webkit-transform: rotate(-30deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-30deg); /* Для Opera */
    transform: rotate(-30deg);
}

#TrumpCard {
    width: 100%;
    position: absolute;
    margin-top: 80%;
    right: 30%;
    -moz-transform: rotate(-120deg); /* Для Firefox */
    -ms-transform: rotate(-120deg); /* Для IE */
    -webkit-transform: rotate(-120deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-120deg); /* Для Opera */
    transform: rotate(-120deg);
    background-size: contain !important;
}

.MoveCard {
    position: absolute;
    background-size: contain !important;

}



.defCard {
    z-index: 2;
}

.offCard {
    /*z-index:3;*/
}

#ReversePlace {
    width: 96px;
    height: 144px;
    position: absolute;
    background-size: contain !important;
    box-sizing: border-box;
    border: 2px dashed #000;
    background: rgba(0, 0, 0, 0.12);
    border-radius: 7px;
}

#DeckCount {
    position: absolute;
    font-size: 60px;
    color: #fff;
    margin-top: 60%;
    right: 25%;
    text-shadow: 1px 1px 1px #000;
    display: none;
}

#Enemies {
    margin-bottom: 20px;
    text-align: center;
    position: relative;
    width: 100%;
    height: 25%;
    box-sizing: border-box;
    padding-top: 4px;
}

.Enemy, #User .Main {
    position: relative;
    z-index: 10;
}

#User .Main {
    transition: all 500ms ease;
}

.Enemy .avaears {
    display: block;
    width: 100%;
    height: auto !important;
    position: absolute;
    left: 0;
    z-index: 1;
    top: -7px;
}

#User .Main .avaears {
    display: block;
    width: 100%;
    height: auto !important;
    position: absolute;
    left: 0;
    z-index: 1;
    top: -5px;
}

.Enemy .imgava, #User .Main .imgava {
    width: 100%;
    border-radius: 100%;
}

.Enemy .uava, #User .Main .uava {
    background: #333;
}


.ExistUser {
    text-align: center;
    position: absolute;
    width: 150px;
    left: -25px;
    margin-top: 3px;
    height: 68px;
    overflow: hidden;
}

#GameW .UserExistCard {
    background-size: contain !important;
}

#GameW .myfriendopencard {
    background-size: 392% !important;
    border-radius: 0px 0px 0px 0px;
    margin: 0 0 0 2px;
    background-position: -3px -6px !important;
    width: 23px;
    margin-top: 3px;
    height: 60px;
}


.UserExistCard {
    width: 22px;
    height: 31px;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Rubashki/ru0.png) no-repeat center center;
    background-size: contain;
    display: inline-block;
    margin: 0;
}

.MovingUser {
}

.DeffUser {
}

#TrumpShow, #WaitingPlaceShow {
    background-size: contain !important;
    position: absolute;
    text-align: center;
    font-size: 1.8em;
    top: 221px;
    left: 301px;
    line-height: 100%;
    color: #fff;
    font-weight: bold;
    width: 300px;
    height: 100px;
    text-align: center;
}

    #TrumpShow .lowTrumpOwner {
        float: left;
        width: 100%;
    }

    #TrumpShow .firstmover {
        float: left;
        width: 40px;
        overflow: hidden;
        border: 2px solid #fff;
        height: 40px;
        border-radius: 30px;
        margin-top: 3px;
        margin-left: 58px;
    }

        #TrumpShow .firstmover img {
            width: 100%;
            height: 100%;
        }

    #TrumpShow .lowtrump {
        width: 30px;
        height: 44px;
        float: left;
        margin: 3px 6px;
    }

.lowtrumponava {
    position: absolute;
    left: 0;
    width: 50% !important;
    z-index: 5;
    margin: 11px 25%;
    top: 0;
}


.OpenCard {
    position: absolute;
    background-size: contain !important;
    top: -90px;
    z-index: 5;
    transition: all 400ms ease;
    transition-property: transform, margin;
    transition-duration: 400ms;
    transition-timing-function: ease;
}

.popupstyle h1.badgesale-info {
    color: #ff5277;
    width: 100%;
    text-align: center;
    margin: 17px 0 2px 0;
    font-size: 1.6em;
}

.mobileView .popupstyle h1.badgesale-info {
    color: #ff5277;
    width: 100%;
    text-align: center;
    margin: 27px 0 2px 0px;
    box-sizing: border-box;
    font-size: 3em;
    padding: 0 33px;
    margin-bottom: -30px;
}

#timersale {
    float: right;
    margin-right: -48px;
}

#timersale2 {
    color: #ff5277;
    text-align: center;
    width: 100%;
    margin: 70px 0 -16px 0;
    display: block;
    float: left;
    font-size: 3em;
}

.salegold {
    position: absolute;
    top: 9px;
    left: 389px;
    width: 122px;
    cursor: pointer;
}

.badgesale {
    position: absolute;
    z-index: 1;
    width: 60px;
    top: 55px;
    left: -31px;
}

.badgesaleok {
    position: absolute;
    z-index: 1;
    width: 65px;
    top: -18px;
    left: -18px;
    transform: rotate(-21deg);
    opacity: 0.7;
}

.mobileView .badgesale {
    position: absolute;
    z-index: 1;
    width: 68px;
    top: 100px;
    left: -10px;
}

.activityLeader {
    position: absolute;
    top: 54px;
    left: 451px;
    width: 56px;
    cursor: pointer;
}

.activityLeaderWindow {
    display: none;
}

.activityLeader .photatopa {
    width: 54px;
    height: 54px;
    border: 3px solid #FFC107;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 100%;
    box-shadow: 0 0 3px 1px #ffdb34;
    background-size: contain;
}

    .activityLeader .photatopa:hover {
        box-shadow: 0px 0 2px 6px #ffdb34;
    }

.activityLeader span {
    color: #ffdb34;
    width: 170%;
    float: left;
    font-weight: bold;
    text-align: center;
    margin-left: -35%;
    margin-top: 2px;
    font-size: 1.2em;
}

.activityLeader .photatopa:hover {
    box-shadow: 0px 0 20px 6px #ffdb34;
    transition: all 1200ms ease;
    filter: saturate(150%);
}

.activityLeader .photatopa img {
    width: 100%;
    filter: saturate(110%);
    border-radius: 100%;
}

.salegold p {
    font-size: 1.2em;
    color: #edff00;
    width: 178px;
    margin-left: -36px;
    text-align: center;
}

.salegold img {
    height: 100%;
    margin: auto;
    display: block;
}

.OpenCard.dragging, .OpenCard.dragProcess, .MayRefund.dragging, .MayRefund.dragProcess {
    z-index: 10;
    margin: 0 !important;
    transform: scale(1) !important;
}

.mobileView .OpenCard.dragging, .mobileView .OpenCard.dragProcess, .mobileView .MayRefund.dragging, .mobileView .MayRefund.dragProcess {
    z-index: 10;
    margin: 0 !important;
    transform: scale(1.4) !important;
}



.gamelist-style {
}

.plalist {
    width: 400px;
    float: left;
    margin-left: 226px;
    margin-top: 25px;
    margin-bottom: 20px;
}

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

#Rating .plalist {
    width: 660px;
    float: none;
    margin-left: 0;
    display: block;
    margin: 12px auto 7px auto;
}

.gameslot .gamer {
    float: left;
    width: 30px;
    margin-left: 3px;
    position: relative;
    height: 30px;
    border: 2px solid #06609a;
    border-radius: 100%;
}

    .gameslot .gamer .ava {
        border-radius: 100%;
    }

    .gameslot .gamer .avaears {
        display: block;
        width: 120%;
        margin-left: -10%;
        top: -5px;
        filter: blur(0.05px);
    }

.gameslot .emptyslot {
    width: 30px;
    height: 30px;
    float: left;
    margin-left: 3px;
    border: 2px solid #06609a;
    border-radius: 22px;
}

    .gameslot .emptyslot.mayadd {
        background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/plusec.png) no-repeat center center;
        cursor: pointer;
    }

.gameslot .slotvs {
    width: 30px;
    height: 30px;
    text-align: center;
    float: left;
    margin-left: 5px;
    position: relative;
    color: #06609a;
    border-radius: 22px;
    top: 6px;
    font-size: 1.3em;
    font-weight: bold;
}

.green-bevel {
    background: #6cac19;
    border: 0;
    cursor: pointer;
    border-radius: 6px;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
}

.blue-bevel {
    background: #197bac;
    border: 0;
    cursor: pointer;
    border-radius: 6px;
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
}



#GameBack {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: none;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/gameback.png) repeat;
}

    #GameBack.standard {
        background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/gameback.png) repeat;
    }

    #GameBack.custom {
        background-size: cover !important;
    }

    #GameBack.bonus {
        background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/gameback2.png) repeat;
    }


.ShowingGardage {
    z-index: 555;
}

.gardagePanel {
    float: left;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.50);
    transition: all 1000ms ease;
    top: 0;
    left: 0;
    z-index: 300;
}

.iViewGardage {
    position: absolute;
    bottom: 10px;
    left: 48%;
    padding: 5px 19px;
}

.flip-container {
    perspective: 1000px;
}

    .flip-container.hover .flipper {
        transform: rotateY(180deg);
    }

.flip-container, .front, .back {
    width: 100%;
    height: 100%;
}

.flipper {
    transition: 0.5s;
    transform-style: preserve-3d;
    position: relative;
    width: 100%;
    height: 100%;
}

/* hide back of pane during swap */
#GameW .front, #GameW .back {
    backface-visibility: hidden;
    background-size: contain !important;
    position: absolute;
    top: 0;
    left: 0;
}

/* front pane, placed above back */
#GameW .front {
    z-index: 2;
    transform: rotateY(0deg);
}

/* back, initially hidden pane */
#GameW .back {
    transform: rotateY(180deg);
}


.olympblock {
    font-size: 1.2em;
    font-weight: bold;
    height: 50px;
    display: none;
}




    .olympblock label {
        font-size: 1.7em;
        position: relative;
        color: #ec2198;
        top: -8px;
        letter-spacing: -0.8px;
    }

    .olympblock input {
        width: 30px;
        box-shadow: 0 0 20px #ca0478;
        height: 30px;
        background: #ff29b1;
        border-radius: 25px;
        margin-left: 11px;
        -webkit-appearance: button;
    }

        .olympblock input:checked {
            box-shadow: 0 0 20px #19ca04;
            background: #63ff29;
        }

.mobileView .olympblock label {
    font-size: 2em;
    position: relative;
    color: #ec2198;
    top: -14px;
    letter-spacing: -0.8px;
}

.mobileView .olympblock input {
    width: 50px;
    box-shadow: inset 0 0 20px #ca0478;
    height: 50px;
    margin-left: 11px;
}


#GameW {
    width: 800px;
    height: 100%;
    position: relative;
    z-index: 4;
}

    #GameW .gw {
        float: left;
        width: 800px;
        height: 100%;
        overflow: hidden;
    }



#GameWLobby {
    min-width: 800px;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}

.tut .tetka {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 24%;
    max-width: 240px;
}

.tut .cloud {
    position: absolute;
    bottom: 48px;
    left: 7px;
    width: 65%;
    box-shadow: 0 0 86px #db24a1;
    z-index: 100;
    background: #fff;
    height: 204px;
    border-radius: 115px;
}

.tut .cloudp {
    position: absolute;
    bottom: 158px;
    left: 67%;
    width: 34px;
    box-shadow: 0 0 86px #db24a1;
    z-index: 100;
    background: #fff;
    height: 34px;
    border-radius: 115px;
}

.tut .cloudpp {
    position: absolute;
    bottom: 188px;
    left: 74%;
    width: 21px;
    box-shadow: 0 0 86px #db24a1;
    z-index: 100;
    background: #fff;
    height: 21px;
    border-radius: 115px;
}

.tut .cloud p {
    color: #843ac4;
    font-size: 2em;
    padding: 49px 44px;
    text-align: center;
}

.tut .tetka img {
    width: 100%;
    height: 100%;
}


.cloudhelp {
    position: absolute;
    top: 10px;
    right: 115px;
    min-width: 335px;
    box-shadow: inset 0 0 28px #db24a1;
    z-index: 100;
    background: #fff;
    min-height: 46px;
    float: left;
    max-height: 82px;
    border-radius: 15px;
}

    .cloudhelp p {
        padding: 12px;
        font-weight: bold;
        color: #843ac4;
        font-size: 1.2em;
    }

#GameWLobby .tut {
    position: fixed;
    background: transparent;
    box-shadow: 0 0 20vmin rgba(0, 0, 0, 0.76);
    z-index: 1000;
    display: none;
    pointer-events: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#placepopup {
    position: relative;
    z-index: 5;
}

.titable {
    float: left;
    font-size: 1.1em;
    width: 100%;
}

    .titable span {
        float: left;
        width: 50%;
        border-bottom: 1px solid rgba(255, 235, 59, 0.25);
        padding: 3px 0;
        color: #FFEB3B;
    }

.popupstyle .closepopup {
    font-family: cursive;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/close.png) center center no-repeat;
    height: 36px;
    margin: 0;
    cursor: pointer;
    display: block;
    float: right;
    padding: 0;
    width: 40px;
}

.popupstyle .bottommobile {
    display: none;
}


.activekey {
    transition: all 200ms ease;
}

    .activekey:active {
        transform: scale(1.05);
        transform-origin: center;
    }

.helpwrapper {
    float: left;
    margin: 2%;
    width: 96%;
}

.infopanel {
    width: 100%;
}

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

    .chatpanel #AllChatWrapper, .chatpanel #AllChatWrapper2 {
        float: left;
        width: 100%;
        height: 100%;
    }

.infopanel h2 {
    color: #fff;
    float: left;
    margin: 23px 0 1px 0;
    width: 100%;
}

.infopanel p {
    color: #999;
    float: left;
    margin: 7px 0;
    width: 100%;
}

#Create {
    height: 37px;
    float: right;
    padding: 0 20px;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 15px;
}

.albumView #Create {
    position: relative;
}

.gameslot {
    color: #fff;
}

    .gameslot .ava {
        width: 30px;
    }

.emptyslot {
    display: inline-block;
    width: 46px;
    height: 46px;
    background: #333;
    border: 2px solid #fff;
}

.ping {
    float: left !important;
    width: 55px !important;
}

.partycontrol {
    display: none;
    color: #fff;
    font-weight: bold;
    width: 100px;
    height: 30px;
}

.activeAction {
    display: block !important;
}



#OnliceCount {
    color: #a9ff23;
}


.privatechatblock .online {
    float: left;
    width: 100%;
    padding: 2px 2px 0px 0px;
}

#OnlineSpan span {
    margin-left: 15px;
}

#CreatePopup {
    display: none;
}

    #CreatePopup .oneopt {
        float: left;
        width: 98%;
        margin-top: 20px;
        padding: 1%;
    }

.albumView #CreatePopup .oneopt {
    margin-top: 5px !important;
}

#CreatePopup .oneopt .optname {
    float: left;
    width: 150px;
    color: #fff;
    font-size: 1.2em;
}

#CreatePopup .oneopt .optvalue {
    float: left;
    width: 240px;
}

    #CreatePopup .oneopt .optvalue input {
        background: #000;
        padding: 8px;
        border: 0;
        width: 150px;
        position: relative;
        top: -6px;
        color: #fff;
    }

#CreatePopup .userscount {
    float: left;
    width: 101px;
    height: 22px;
}

    #CreatePopup .userscount .oneuser {
        float: left;
        width: 16px;
        height: 22px;
        cursor: pointer;
        margin: 0 2px;
        background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/usersinparty.png) no-repeat left top;
    }

#CreatePopup .gametype {
    min-width: 42px;
    height: 14px;
    float: left;
    border: 1px solid #000000;
    color: #fff;
    position: relative;
    text-align: center;
    font-size: 1.2em;
    border-radius: 5px;
    margin-right: 12px;
    top: -8px;
    background: #000;
    cursor: pointer;
    padding: 7px 10px 14px 10px;
}

    #CreatePopup .gametype.selected {
        border: 1px solid #0F0;
    }


#CreatePopup .goldcount {
    width: 100%;
    height: 50px;
    position: relative;
}

#textbet {
    color: green;
    font-size: 1.9em;
    font-weight: bold;
    position: relative;
    top: -7px;
    width: 37%;
    float: left;
}

#CreatePopup .oneopt .optvalue #mybet {
    -webkit-appearance: none;
    height: 15px;
    border-radius: 5px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00be00+0,ff0000+100 */
    background: #00be00; /* Old browsers */
    background: -moz-linear-gradient(left, #00be00 0%, #ff0000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #00be00 0%,#ff0000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #00be00 0%,#ff0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00be00', endColorstr='#ff0000',GradientType=1 ); /* IE6-9 */
    width: 60%;
    padding: 0px;
    float: right;
    position: relative;
    top: 3px;
    outline: none;
    opacity: 0.3;
    -webkit-transition: .5s;
    transition: opacity .5s;
}

    #CreatePopup .oneopt .optvalue #mybet:hover {
        opacity: 1;
    }

    #CreatePopup .oneopt .optvalue #mybet::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #FFF;
        cursor: pointer;
    }

    #CreatePopup .oneopt .optvalue #mybet::-moz-range-thumb {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #FFF;
        cursor: pointer;
    }

.goldcount .g1 {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/goldtype.png) no-repeat 0 0;
}

.goldcount .g2 {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/goldtype.png) no-repeat 20% 0px;
}

.goldcount .g3 {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/goldtype.png) no-repeat 40% 0px;
}

.goldcount .g4 {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/goldtype.png) no-repeat 60% 0px;
}

.goldcount .g5 {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/goldtype.png) no-repeat 80% 0px;
}

.goldcount .g6 {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/goldtype.png) no-repeat 100% 0px;
}

.jokercount .j50 {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/joker.png) no-repeat 0 0;
    background-size: 100%;
}

.donatpanel {
    float: left;
    width: 90%;
    margin: 2% 5% 1% 5%;
    border-radius: 10px;
}

.buyvip {
    float: left;
    width: 47%;
    z-index: 10;
    margin-right: 3%;
    position: relative;
}

    .buyvip .vipico {
        float: left;
        width: 58px;
        margin-left: 24px;
        margin-top: 1px;
    }

    .buyvip .namevip {
        color: #edff00;
        font-size: 1.4em;
        float: left;
        width: 70%;
    }

    .buyvip .vipbutton {
        float: left;
        width: 100%;
        border: 2px solid #916f07;
        background: rgba(0,0,0,.41);
        border-radius: 10px;
        position: relative;
        box-sizing: border-box;
        margin: 0 2%;
        cursor: pointer;
        opacity: .9;
        padding: 8px 4px 2px 11px;
    }

    .buyvip:hover {
        opacity: 1;
    }

    .buyvip .pricevip {
        float: left;
        width: 70%;
        color: #fff;
        margin: 4px 0;
        font-size: 1.2em;
    }

.goldlist .onedonat {
    float: left;
    width: 16%;
    border: 2px solid #916f07;
    padding-bottom: 14px;
    background: rgba(0, 0, 0, 0.41);
    border-radius: 10px;
    position: relative;
    box-sizing: border-box;
    margin: 0 2%;
    opacity: 0.9;
    cursor: pointer;
}


.jokersale .jokercount span {
    margin-top: 22px;
}

.jokersale .jokercount .pricedonat {
    margin-top: 5px !important;
}


.onedonat .salesale {
    position: absolute;
    background: #06b906;
    transform: rotate(-12deg);
    left: -19px;
    top: -12px;
    z-index: 2;
    border-radius: 4px;
    color: #fff;
    font-size: 1.4em;
    text-align: center;
    padding-top: 3px;
    padding-right: 6px;
    padding-left: 7px;
    padding-bottom: 4px;
}

.goldlist .onedonat .salesale.vg {
    background: #06b906;
}

.goldlist .onedonat .salesale.pop {
    background: #9906b9;
}


.donatpanel .vipbutton .salesale {
    position: absolute;
    background: #06b906;
    transform: rotate(-9deg);
    left: -14px;
    top: -13px;
    border-radius: 4px;
    color: #fff;
    font-size: 1.4em;
    text-align: center;
    padding-top: 3px;
    padding-right: 6px;
    padding-left: 7px;
    padding-bottom: 4px;
}

    .donatpanel .vipbutton .salesale.sbs {
        opacity: 0.9;
    }

.donatpanel .vipbutton:hover .sbs {
    background: red;
    opacity: 1;
}


.goldlist .onedonat:hover {
    opacity: 1;
}

.goldlist .imagedonat {
    padding: 7%;
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.goldlist .pricedonat {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
}

.jokerlist .jokercount {
    width: 100%;
    background-image: linear-gradient(rgb(0, 0, 0),rgba(86, 0, 0, 0.81)),url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/joker.png);
    float: left;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 11px;
}

.jokerlist .onedonat {
    float: left;
    width: 29%;
    border: 2px solid #916f07;
    background: rgba(0,0,0,.41);
    border-radius: 10px;
    position: relative;
    box-sizing: border-box;
    margin: 0 2%;
    opacity: .9;
    cursor: pointer;
}

    .jokerlist .onedonat.sale .jokercount span {
        text-align: right;
        padding-left: 44%;
    }

    .jokerlist .onedonat.sale .jokercount .pricedonat {
        margin-top: 0;
    }

    .jokerlist .onedonat.sale .jokercount .oldpricedonat {
        margin-top: 0;
    }

.sale_joker {
    position: absolute;
    z-index: 1;
    width: 128px;
    border-radius: 8px 0 0 0;
}

.jokerlist .jokercount .pricedonat {
    color: #fff;
    font-size: 1.6em;
    float: right;
    margin-top: 20px;
    padding: 4px 11px;
    font-weight: bold;
}

.jokerlist .jokercount .oldpricedonat {
    color: red;
    font-size: 1.6em;
    float: right;
    text-decoration: line-through;
    margin-top: 20px;
    padding: 4px 11px;
    font-weight: bold;
}

.jokerlist .onedonat.sale .jokercount .pricedonat {
    color: lawngreen;
}

.jokerlist .jokercount span {
    width: 100%;
    float: left;
    color: #ff0;
    font-weight: bold;
    padding: 4px 10px;
    font-size: 2em;
    box-sizing: border-box;
}

.goldlist .imagedonat .onegold {
    height: 38px;
    width: 40px;
    float: left;
    display: block;
    box-shadow: 0 0 19px #000;
    margin: 0 auto;
}


.subscriptionBTN h2 {
    color: yellow;
    text-align: center;
    margin-top: 8px;
}

.innerBuyGold {
    height: 100%;
    float: left;
}

#BuyGold .toshop {
    font-size: 1.6em;
    text-decoration: none;
    font-weight: bold;
    background: rgba(255, 255, 255, 0.02);
    color: #00c100;
    cursor: pointer;
}

#BuyGold .btnshop:hover {
    background: rgba(255, 255, 255, 0.05);
}

.imagedonat span {
    color: #ff0;
    text-align: center;
    float: left;
    margin-top: 6px;
    font-size: 1.8em;
}




#CreatePopup .userscount .oneuser.active {
    float: left;
    width: 16px;
    height: 22px;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/usersinparty.png) no-repeat right top;
}

#CloseCreatePopup {
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


#Controls {
    float: right;
    width: 31%;
    margin-right: 1%;
    height: 150px;
    flex-flow: column wrap;
    align-items: flex-end;
    justify-content: center;
    display: flex;
    position: relative;
}

    #Controls .btn {
        margin-left: 14px;
        border-radius: 9px;
        background: #004d9c;
        border: 2px solid #00a3e2;
        box-shadow: 0px 0px 35px #00adff;
        width: 73px;
        height: 40px;
        color: #fffbdd;
        margin-top: 7px;
        cursor: pointer;
        float: right;
        font-weight: bold;
    }

.shoppanel, .shoppanel .tovar {
    width: 100%;
}

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

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

.popupstyle .tname {
    width: 99% !important;
}

.creategameWrapper {
    width: 100%;
}

#CreateGame {
    cursor: pointer;
    font-size: 1.9em;
    float: right;
    cursor: pointer;
    color: #fffbdd;
    font-weight: bold;
    width: 195px;
    height: 70px;
    border-radius: 9px;
    background: #bf0a74;
    border: 2px solid #ff29b1;
    box-shadow: 0px 0px 35px #ff29b1;
    position: relative;
}

.popupstyle.onlobby {
    background: rgba(17, 86, 239, 0.19);
}

.popupstyle.ongame {
    background: rgba(0, 0, 0, 0.69);
}

.popupstyle {
    position: absolute;
    top: 155px;
    left: 0;
    width: 100%;
    overflow: hidden;
    height: 445px;
    opacity: 0.01;
}

    .popupstyle .header, .popupstyle .subheader {
        float: left;
        width: 100%;
        border-bottom: 1px solid #005c96;
    }

    .popupstyle h1 {
        color: #fff;
        float: left;
        width: 86%;
        margin: 1% 1%;
        font-size: 1.4em;
        padding: 0px 0 5px 0;
        font-weight: normal;
    }

        .popupstyle h1 .help {
            border: 2px solid #0ee1ff;
            width: 16px;
            height: 16px;
            position: absolute;
            margin-top: 0px;
            cursor: pointer;
            text-align: center;
            color: #0ee1ff;
            margin-left: 5px;
            font-weight: bold;
            border-radius: 11px;
            font-size: 0.8em;
            font-style: normal;
        }

        .popupstyle h1 p {
            color: #888;
            float: right;
            margin-right: 10px;
            font-size: 0.7em;
            margin-top: 3px;
        }

.Main .uava {
    width: 120px;
    height: 120px;
    margin: auto;
    border: 10px solid #296a89;
    border-radius: 100px;
    box-sizing: border-box;
}

.usCount {
    float: right;
    cursor: default;
}

    .usCount .myIco {
        float: left;
        width: 35px;
        height: 35px;
        overflow: hidden;
        margin: 0 15px 0 0;
        border: 2px solid #d60981;
        border-radius: 25px
    }

.haveNotGame {
    display: inline;
    float: left;
    margin-top: 17px;
    color: #ddd;
}

.usCount img {
    float: left;
    width: 100%;
}

.usCount .enIco {
    float: left;
    width: 35px;
    height: 35px;
    margin: 0 0 0 15px;
    overflow: hidden;
    border: 2px solid #d60981;
    border-radius: 25px
}

.usCount .myCount {
    float: left;
    text-align: right;
    color: #fff;
    font-size: 35px;
}

.usCount .vs {
    float: left;
    text-align: right;
    color: #fff;
    margin: 0 5px;
    font-size: 35px;
}

.usCount .enCount {
    float: left;
    text-align: right;
    color: #fff;
    font-size: 35px;
}

.admButton {
    float: right;
}

.moderButton {
    float: right;
}


.uava .isWinner, .uava .isGiveUper {
    width: 0px;
    position: absolute;
    right: -15px;
    bottom: -15px;
    z-index: 10;
}

.Main .lastpod {
    width: 60px;
    position: absolute;
    right: -10px;
    bottom: -10px;
    z-index: 10;
}

.lastpod img {
    width: 75%;
}

.Enemy .lastpod {
    width: 60px;
    position: absolute;
    right: -10px;
    bottom: -10px;
    z-index: 10;
}

.uava .isWinner img, .uava .isGiveUper img {
    width: 100%;
    height: 100%;
}

#User {
    text-align: center;
    position: absolute;
    bottom: 0px;
    height: 120px;
    width: 100%;
}

    #User .Main {
        width: 120px;
        height: 120px;
        border-radius: 100px;
        margin: auto;
    }


.enemyName {
    color: rgb(255, 255, 255);
    font-size: 1.6em;
    width: 120px;
    margin-left: -10px;
    text-align: center;
    overflow: hidden;
    height: 24px;
}

.Enemy {
    width: 100px;
    height: 100px;
    display: inline-block;
    margin: 0 65px;
}

    .Enemy .uava {
        width: 100px;
        height: 100px;
        margin: auto;
        border: 6px solid #296a89;
        border-radius: 100px;
        overflow: hidden;
        box-sizing: border-box;
    }

    .Main .chart, .Enemy .chart {
        position: absolute;
        top: 0;
        left: 0px;
        display: none;
    }

.myPoints {
    position: absolute;
    color: #fff;
    right: 30px;
    z-index: 11;
    cursor: pointer;
    text-shadow: 0 0 2px #000;
    font-size: 1.7em;
    font-weight: bold;
    transition: all 400ms ease;
    top: 13px;
    width: 10px;
}

#Enemies .myPoints:hover {
    font-size: 5em;
    right: 0;
    width: 100%;
}

#User .myPoints:hover {
    font-size: 6em;
    right: 0;
    width: 100%;
}

#Buttons {
    width: 127px;
    border: 3px solid #6cc004;
    height: 127px;
    border-radius: 100px;
    position: absolute;
    transition: all 400ms ease;
    z-index: 5;
    display: none;
}

#MakeGet, #MakePass, #MakeBura {
    display: none;
    width: 100px;
    height: 20px;
    cursor: pointer;
    padding: 40px 0;
    border: 0;
    background: #6cc004;
    border-radius: 100px;
    text-align: center;
    margin: 13px;
    color: #FFF;
    font-weight: bold;
    font-size: 1.5em;
}

#UserInfoPopup .rightcontrol {
    position: absolute;
    top: 2px;
    right: 2px;
    height: 36px;
    width: 100%;
    z-index: 3;
}


.scroll-x {
    display: none !important;
}


.closepopup {
    color: #fff !important;
    float: right;
    text-decoration: none;
    font-size: 19px;
    padding: 4px;
    margin: 4px;
    font-weight: bold;
}

#UserInfoPopup .userviewpanel {
    float: left;
    width: 98%;
    margin: 1% 1% 0% 1%;
    position: relative;
    height: 100px;
    z-index: 2;
}

#UserInfoPopup .otherUserInfo {
    float: left;
    width: 300px;
    margin: 2px 5px 2px 20px;
}

#UserInfoPopup .otherUserName {
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
    float: left;
    height: 22px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 4px;
}


#UserInfoPopup .otherUserStatus {
    float: left;
    color: #d60981;
    width: 100%;
    font-size: 1.3em;
}

#UserInfoPopup .multitabs {
    width: 500px;
    margin-left: 235px;
    margin-bottom: 10px;
    margin-top: 5px;
}

#UserInfoPopup .userstatpanel {
    float: left;
    width: 100%;
    margin-top: -13px;
    z-index: 1;
    position: relative;
}

.giftWrapper, .achWrapper, .invWrapper {
    width: 100%;
    height: 100%;
    min-height: 300px;
}



.allMedalInfo {
    float: right;
    width: 100%;
    position: relative;
    margin: 0;
    top: -3px;
    font-size: 1em;
    text-align: right;
}

#UserInfoPopup .sendgiftpanel {
    float: left;
    width: 100%;
    display: none;
}

#UserInfoPopup .multitabs .pla {
    width: 100px;
    padding: 10px 5px;
    text-align: center;
}


#UserInfoPopup .standardprofileinfo, #UserInfoPopup .customprofileinfo {
    float: left;
    width: 100%;
}

#UserInfoPopup .customprofileinfo {
    margin-top: 57px;
}

.customprofileinfo h2 {
    text-align: center;
    font-size: 1.7em;
    width: 100%;
    color: #fff;
    margin: 19px 0;
    padding: 0;
}

.customprofileinfo p {
    text-align: center;
    font-size: 1.5em;
    width: 80%;
    padding: 0 10%;
    line-height: 2;
    color: #ffd708;
}

#UserInfoPopup .userstattab .righttab, #UserInfoPopup .userstattab .lefttab {
    float: left;
    width: 44%;
    margin: 1% 3% 0% 3%;
}

#UserInfoPopup .userstattab .namestat {
    float: left;
    width: 60%;
    color: #fff;
    margin: 12px 0;
}

#UserInfoPopup .userstattab .valuestat {
    float: left;
    width: 40%;
    color: #fff;
    margin: 12px 0;
}

    #UserInfoPopup .userstattab .valuestat u {
        color: #999;
        text-decoration: none;
        font-size: 0.6em;
        padding: 3px;
    }

.platab {
    display: none;
    float: left;
    width: 100%;
    height: auto;
}

.oneach {
    float: left;
    width: 110px;
    height: 140px;
    margin: 0 9px;
}

.oneinv {
    float: left;
    width: 110px;
    height: 110px;
    margin: 0 9px 20px 9px;
    position: relative;
    border-radius: 6px;
}

    .oneinv.invusable:hover {
        background: rgba(39, 220, 39, 0.3);
        transition: background 1s linear;
    }

    .oneinv.invusable.mount:hover {
        background: rgba(220, 39, 39, 0.3);
        transition: background 1s linear;
    }

    .oneinv .invcount {
        border-radius: 20px;
        color: #fff;
        text-align: center;
        min-width: 20px;
        padding: 5px;
        font-weight: bold;
        background: #15A6E3;
        right: 1px;
        position: absolute;
        z-index: 2;
    }


    .oneinv .usable {
        width: 38px;
        display: none;
        height: 38px;
        border-radius: 30px;
        color: #fff;
        z-index: 3;
        cursor: pointer;
        text-align: center;
        font-weight: bold;
        position: absolute;
        background: rgba(255,211,158,1);
        background: -moz-radial-gradient(center, ellipse cover, rgba(255,211,158,1) 0%, rgba(219,122,3,1) 100%);
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,211,158,1)), color-stop(100%, rgba(219,122,3,1)));
        background: -webkit-radial-gradient(center, ellipse cover, rgba(255,211,158,1) 0%, rgba(219,122,3,1) 100%);
        background: -o-radial-gradient(center, ellipse cover, rgba(255,211,158,1) 0%, rgba(219,122,3,1) 100%);
        background: -ms-radial-gradient(center, ellipse cover, rgba(255,211,158,1) 0%, rgba(219,122,3,1) 100%);
        background: radial-gradient(ellipse at center, rgba(255,211,158,1) 0%, rgba(219,122,3,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd39e', endColorstr='#db7a03', GradientType=1 );
        right: 34px;
        border: 2px solid #fff;
        top: 16px;
    }

    .oneinv .unuse {
        width: 38px;
        display: none;
        height: 38px;
        border-radius: 30px;
        color: #fff;
        z-index: 3;
        cursor: pointer;
        text-align: center;
        font-weight: bold;
        position: absolute;
        background: rgb(253,160,29);
        background: radial-gradient(circle, rgba(253,160,29,1) 0%, rgba(253,29,29,1) 50%, rgba(253,29,29,1) 100%);
        right: 34px;
        border: 2px solid #fff;
        top: 16px;
    }


    .oneinv:hover .usable {
        display: block;
    }

    .oneinv:hover .unuse {
        display: block;
    }

    .oneinv .usable:hover {
        background: rgba(210,255,82,1);
        background: -moz-radial-gradient(center, ellipse cover, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(210,255,82,1)), color-stop(100%, rgba(145,232,66,1)));
        background: -webkit-radial-gradient(center, ellipse cover, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);
        background: -o-radial-gradient(center, ellipse cover, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);
        background: -ms-radial-gradient(center, ellipse cover, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);
        background: radial-gradient(ellipse at center, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842', GradientType=1 );
    }

.oneach.hidden {
    opacity: 0.2;
}

.oneach .achimage {
    margin: auto;
    width: 75px;
}

.oneinv .invimage {
    margin: auto;
    width: 80px;
    display: flex;
    height: 80px;
    overflow: hidden;
}

.oneach .achimage img {
    width: 100%;
}

.oneinv .invimage img {
    max-height: 100%;
    text-align: center;
    height: auto;
    margin: auto;
    display: block;
    min-height: 55px;
}

.oneach .aname {
    text-align: center;
    width: 100%;
    float: left;
    overflow: hidden;
    font-size: 1.24em;
    color: #ffd400;
}

.oneinv .aname {
    text-align: center;
    width: 100%;
    float: left;
    overflow: hidden;
    font-size: 1.3em;
    color: #ffd400;
}

.onegift {
    float: left;
    width: 110px;
    height: 180px;
}

    .onegift .gimage {
        width: 86px;
        margin: auto;
        height: 86px;
        padding-bottom: 6px;
    }

        .onegift .gimage img {
            width: 100%;
        }

    .onegift .gfrom {
        color: #fff;
        text-align: center;
        margin: 5px 0;
        cursor: pointer;
        display: block;
        font-size: 0.8em;
        font-weight: bold;
        float: left;
        overflow: hidden;
        width: 100%;
    }

    .onegift .gname {
        float: left;
        width: 100%;
        text-align: center;
        font-weight: bold;
        color: #fffa00;
        font-size: 1em;
    }

    .onegift .gdate {
        float: left;
        width: 100%;
        font-size: 12px;
        text-align: center;
        color: #ccc;
    }

.GameResult {
    float: left;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.84);
    top: 0;
    left: 0;
    z-index: 20;
    display: none;
}

.winnercenter {
    display: block;
    margin: auto;
    width: 320px;
    height: 80px;
}

.photowinner {
    border: 3px solid #fff;
    display: block;
    float: left;
    width: 50px;
    margin: 13px 0;
    height: 50px;
    overflow: hidden;
    border-radius: 44px;
}

.winnercenter .pt {
    width: 130px;
    margin: 26px 0 17px 0;
}

    .winnercenter .pt img, .winnercenter .kg img {
        width: 24px;
        position: relative;
        top: -2px;
        left: 3px;
        margin: 0px 0 0 4px;
    }

.winnercenter i.bonus {
    float: left;
    font-size: 0.45em;
    font-style: normal;
    color: #00f300;
    width: 100%;
}

.winnercenter .kg {
    width: 130px;
    color: #e6a100;
    margin: 26px 0 17px 0;
}

.winnercenter i.nalog {
    float: left;
    font-size: 0.45em;
    font-style: normal;
    color: #f30000;
    width: 100%;
}


.photowinner img {
    width: 100%;
}

.GameResult span {
    color: #fff;
    float: left;
    font-size: 1.4em;
    margin-top: 10px;
    width: 100%;
    text-align: center;
}

.GameResult .approve {
    display: none;
}

    .GameResult .approve button {
        margin: 0 20px 35px 20px;
        padding: 10px 35px;
        min-width: 230px;
    }

.GameResult .waitingRepeat {
    margin-top: 30px;
    font-size: 1.1em;
    color: #99e7ff;
    text-shadow: 0 0 3px #0cc7ff;
}

.GameResult .repeatgame {
    background: #15A6E3 !important
}

.GameResult .approve label {
    font-size: 0.6em;
    position: relative;
    top: -2px;
}

.whoLooser .durak {
    width: 280px;
    display: block;
    height: 300px;
    margin: auto;
    position: relative;
}

.whoLooser .durakhat {
    position: absolute;
    left: 0;
    display: none;
    z-index: 3;
    top: 20px;
}

.durakphoto {
    position: absolute;
    top: 171px;
    display: none;
    left: 82px;
    border-radius: 62px;
    border: 4px solid #fff;
    z-index: 2;
    width: 100px;
    height: 100px;
}

.durakphoto1 {
    position: absolute;
    top: 182px;
    display: none;
    left: 50px;
    border-radius: 62px;
    border: 4px solid #fff;
    z-index: 2;
    width: 100px;
    height: 100px;
}

.durakphoto2 {
    position: absolute;
    top: 182px;
    display: none;
    left: 114px;
    border-radius: 62px;
    border: 4px solid #fff;
    z-index: 2;
    width: 100px;
    height: 100px;
}



#fatalError {
    display: none;
    float: left;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.33);
    top: 0;
    left: 0;
    z-index: 6;
}

    #fatalError .modalFatal {
        width: 290px;
        position: fixed;
        height: 120px;
        background: #000;
        border-radius: 5px;
        padding: 30px;
    }


        #fatalError .modalFatal .closeFatal {
            width: 90px;
            margin: auto;
            display: block;
            height: 30px;
        }

        #fatalError .modalFatal .textFatal {
            color: #fff;
            text-align: center;
            float: left;
            width: 100%;
            height: 100px;
        }



.mobileView #modalWin {
    display: none;
    float: left;
    width: 100%;
    height: 100%;
    position: fixed;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/casino.jpg);
    top: 0;
    left: 0;
    z-index: 600;
}

#modalWin {
    display: none;
    float: left;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.41);
    top: 0;
    left: 0;
    z-index: 600;
}

    #modalWin .modalwin {
        width: 290px;
        position: relative;
        border-radius: 5px;
        padding: 30px;
        display: block;
        float: left;
    }

        #modalWin .modalwin .closeModal {
            margin: auto;
            display: block;
            padding: 5px 15px;
        }

        #modalWin .modalwin .textModal {
            color: #fff;
            text-align: center;
            border-radius: 8px;
            position: relative;
            background: rgba(0, 0, 0, 0.71);
            box-shadow: 0 0 70px rgba(216, 0, 255, 0.80);
            float: left;
            width: 100%;
            min-height: 55px;
        }

.mobileView #modalWin .modalwin .textModal {
    box-shadow: none;
}

#modalWin .modalico {
    width: 60px;
    height: 60px;
    margin: auto;
    margin-top: -38px;
    background: #000;
    border-radius: 100px;
}

.mobileView .textModal .buttons {
    position: absolute;
    bottom: -157px;
    width: 100%;
    height: 138px;
}

.confirmess p {
    margin: 10px;
    padding: 20px;
    font-size: 1.4em;
}

.textModal p {
    padding: 5%;
    float: left;
    width: 90%;
}

.mobileView .textModal .okconfirm {
    float: left;
    margin: 7px 20% 24px 20%;
    min-width: 60%;
    padding: 11px 0;
    font-size: 1.3em;
}

.mobileView .textModal .noconfirm {
    float: left;
    margin: 7px 20% 24px 20%;
    min-width: 60%;
    padding: 11px 0;
    font-size: 1.3em;
}

.mobileView .rewardok {
    font-size: 1.4em;
    margin: auto;
}

.textModal .okconfirm {
    float: left;
    margin: 20px 10px;
    min-width: 100px;
}

.textModal .noconfirm {
    float: right;
    margin: 20px 10px;
    min-width: 100px;
}

.giftearned, .medalearned, .rewardearned, .olympicwait {
    float: left;
    margin: 20px 0 0px 0;
    padding: 11px 0;
    width: 100%;
}

    .olympicwait .olyremain {
        color: #eaab1d;
        border-bottom: 1px solid #113;
        padding-bottom: 12px;
        font-size: 1.3em;
        margin-bottom: 16px
    }

    .olympicwait .registeredmembers {
        color: #eaab1d;
    }

    .olympicwait .olysign {
        width: 100%;
        height: 128px;
    }

        .olympicwait .olysign img {
            height: 100%;
        }

    .giftearned h1, .medalearned h1, .rewardearned h1 {
        color: #fff;
        border-bottom: 1px solid #113;
        padding-bottom: 12px;
        margin-bottom: 16px;
    }

    .rewardearned .rewardinfo {
        float: left;
        width: 100%;
    }

    .rewardearned .onereward {
        width: 40px;
        display: inline;
        text-align: center;
    }

        .rewardearned .onereward img {
            width: 40px;
        }

    .rewardearned .rewname {
        width: 100%;
        text-align: center;
        display: block;
        color: #ffd400;
    }

    .rewardearned .rewinner {
        width: 90px;
        height: 70px;
        display: inline-block
    }

    .giftearned .podname, .medalearned .podname {
        color: rgb(248, 219, 0);
        margin-top: 20px;
        float: left;
        width: 100%;
        font-size: 1.5em;
    }

    .giftearned .photo, .medalearned .photo {
        margin: auto;
        cursor: pointer;
    }


.MyProfile .SendGift {
    display: none;
}

#SendGift {
    cursor: pointer;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/sendGift.png?1) no-repeat;
    width: 25px;
    float: right;
    height: 25px;
    margin: 5px 5px;
}

#LinkToSN {
    cursor: pointer;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Link.png?1) no-repeat;
    width: 25px;
    float: right;
    height: 25px;
    margin: 5px 5px;
}

#ModerBan {
    cursor: pointer;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/ModerBan.png?1) no-repeat;
    width: 25px;
    float: right;
    height: 25px;
    margin: 5px 5px;
}

.msgtext {
    display: inline;
    margin-left: 3px;
}

.gifthowto {
    float: left;
    width: 100%;
    margin: 9px 0;
    text-align: center;
    color: #fff;
    font-size: 1.4em;
}

.sendgiftpanel .giftlist {
    float: left;
    width: 100%;
    height: auto;
}

#SendGiftClose {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    float: right;
    margin: 0 9px;
}

.onebuygift {
    float: left;
    width: 20%;
    height: 185px;
    box-sizing: border-box;
    padding: 1% 2.5%;
    position: relative;
}

    .onebuygift .giftico {
        position: relative;
    }

        .onebuygift .giftico img {
            margin: auto;
            display: block;
            width: 86px;
            height: 86px;
        }


    .onebuygift .desc .name {
        color: #3aff3a;
        float: left;
        width: 100%;
        height: 40px;
        font-size: 1.3em;
        text-align: center;
        overflow: hidden;
    }

    .onebuygift .buygift {
        width: 100%;
        height: 44px;
        font-size: 1.1em;
        position: absolute;
        padding: 2px;
        top: 25px;
        display: none;
        opacity: 0.7;
        z-index: 1;
    }

    .onebuygift:hover .buygift {
        display: block;
    }

    .onebuygift a.buygift {
        height: 30px;
        padding: 11px;
        text-align: center;
        font-size: 1.6em;
    }



    .onebuygift .desc .price {
        text-align: center;
        float: left;
        color: #999;
        width: 100%;
        font-size: 1.2em;
    }

.lowTrump {
    position: absolute;
    background: #fff;
    left: 140px;
    width: 100px;
    border-radius: 6px;
    height: 40px;
    color: #000;
    font-size: 1.3em;
}

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


.tablerating {
    width: 100%;
    padding: 0 2%;
    box-sizing: border-box;
}

.tusername {
    padding-left: 66px;
}

.tablerating tbody td {
    text-align: left;
    padding: 17px 0;
    font-size: 1.4em;
    position: relative;
}


.uimgc {
    width: 39px;
    height: 39px;
    position: absolute;
    top: -12px;
    left: 10px;
    border: 3px solid #fff;
    border-radius: 60px;
    border-width: 2px !important;
}

    .uimgc .miniava {
        width: 100%;
        border-radius: 100%;
    }

    .uimgc .miniears {
        width: 120%;
        position: absolute;
        z-index: 1;
        top: -6px;
        left: -10%;
        filter: blur(0.05px);
    }




.tablerating tbody tr {
    color: #fff;
}


.Trump0 {
    float: left;
    position: relative;
    top: -6px;
    width: 30px;
    left: -2px;
    height: 30px;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/0Trump.png);
    background-size: 100% !important;
}

.Trump1 {
    float: left;
    width: 30px;
    position: relative;
    top: -6px;
    left: -2px;
    height: 30px;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/1Trump.png);
    background-size: 100% !important;
}

.Trump2 {
    float: left;
    width: 30px;
    position: relative;
    top: -6px;
    left: -2px;
    height: 30px;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/2Trump.png);
    background-size: 100% !important;
}

.Trump3 {
    float: left;
    width: 30px;
    position: relative;
    top: -6px;
    left: -2px;
    height: 30px;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/3Trump.png);
    background-size: 100% !important;
}

.statusico {
    top: -6px;
    left: 0px;
    position: relative;
}

.UserExistMore {
    position: absolute;
    right: -20px;
    top: 19px;
    color: #fff;
    font-size: 36px;
}

.loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    .loading .loadbarw {
        width: 20%;
        height: 19px;
        position: absolute;
        bottom: 2%;
        right: 2%;
        border: 3px solid #fff;
        border-radius: 3px;
        background: #fff;
    }

        .loading .loadbarw .loadbar {
            width: 0%;
            height: 100%;
            background: #005e00;
            transition: all 3s ease;
        }

    .loading .durgame {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 80%;
        margin-left: 10%;
        margin-bottom: 65%;
        box-sizing: border-box;
    }


    .loading .perss {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .loading p {
        text-align: center;
        width: 100%;
        margin-top: 36%;
        color: #fff;
        font-size: 45px;
    }

.onetovar {
    float: left;
    width: 150px;
    height: 210px;
    margin: 15px 8px;
}

    .onetovar .name {
        float: left;
        width: 100%;
        text-align: center;
        height: 18px;
        font-weight: bold;
        color: yellow;
    }

        .onetovar .name i {
            border: 2px solid #0ee1ff;
            width: 12px;
            height: 12px;
            position: absolute;
            margin-top: -5px;
            cursor: pointer;
            color: #0ee1ff;
            margin-left: 4px;
            font-weight: bold;
            border-radius: 11px;
            font-size: 0.8em;
            font-style: normal;
        }

    .onetovar .avlblty {
        text-align: center;
        float: left;
        width: 100%;
    }

    .onetovar .isused {
        border: 1px solid #F00;
        float: left;
        width: 68%;
        color: red;
        box-shadow: inset 0 0 5px red;
        margin: 11px 16% 10px 16%;
        border-radius: 3px;
        padding: 6px 0;
        cursor: default;
    }

    .onetovar .price {
        color: #e6e105;
        float: left;
        width: 100%;
        text-align: center;
    }

.shopjok {
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: contain !important;
    margin: 2px;
    position: relative;
    top: 4px;
}

.onetovar .image {
    float: left;
    width: 100%;
    margin: 12px 0;
    height: 80px;
    color: yellow;
    display: flex;
}

    .onetovar .image img {
        max-height: 100%;
        margin: auto;
        display: block;
    }

.onetovar .buybutton {
    padding: 5px 14px;
    font-weight: bold;
    margin: 10px auto;
    display: block;
}

.tooltip, .tooltip2 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
    background: #6db3f2; /* Old browsers */
    background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
}

.arrow:after {
    background: #1e69de;
}

.tooltip {
    pointer-events: none;
    opacity: 0;
    display: inline-block;
    position: absolute;
    width: 150px;
    padding: 10px 20px;
    color: white;
    z-index: 10;
    border-radius: 20px;
    margin-top: 20px;
    text-align: center;
    font-size: 1em;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
}

.arrow {
    width: 53px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 35%;
    bottom: -16px;
}

    .arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        -webkit-box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
        -moz-box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
        box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }

.tooltip.active {
    opacity: 1;
    margin-top: 5px;
    transition: all 0.2s ease;
}

.tooltip.out {
    opacity: 0;
    margin-top: -20px;
}

.currentBonus img {
    width: 185px;
    display: block;
    margin: auto;
    padding-top: 35px;
}

.curdbonus {
    text-align: center;
    float: left;
    width: 100%;
    margin: 24px 0;
}

.bonusText {
    float: left;
    margin: 10px 0;
    width: 100%;
    color: #08f2ff;
    font-weight: bold;
    font-size: 1.6em;
    text-align: center;
}

.bonusDescr {
    float: left;
    width: 100%;
    text-align: center;
    color: #00ff2d;
    font-size: 1.5em;
}

.olympicInner .heroeslist {
    margin: 10px 0;
    float: left;
    width: 100%;
    display: flex;
    text-align: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.olympicInner p {
    font-size: 1.3em;
}





.olypts {
    height: 38px;
    right: 4px;
    margin-top: 33px;
    float: left;
    width: 100%;
}

    .olypts p {
        color: #eaab1d;
        font-size: 1.4em;
        float: right;
        padding: 0 !important;
        height: 100%;
    }

    .olypts img {
        height: 100%;
        margin-left: 4px;
    }

.olympicInner .heroesmonth {
    color: #eaab1d;
    text-align: center;
    margin-top: 10px;
}

.olympicInner .heroeslist .onehero .avaears {
    display: block;
    top: -7px;
    filter: blur(0.05px);
}

.olympicInner .heroeslist .onehero {
    width: 55px;
    height: 55px;
    margin: 0 10px;
    border-radius: 106px;
    cursor: pointer;
    float: left;
    margin-bottom: 11px;
    border-style: solid;
    border-width: 3px !important;
    border-radius: 100%;
}

    .olympicInner .heroeslist .onehero .ava {
        width: 100%;
        height: 100%;
        border-radius: 100%;
    }

.olympicInner p {
    padding: 8px;
    text-align: center;
    float: left;
    width: 100%;
}

.olypoints {
    font-size: 1.8em;
    color: #ffb300;
    height: 37px;
    font-weight: bold;
}

    .olypoints img {
        height: 100%;
        margin: 5px;
        position: relative;
        top: 9px;
    }

.bonusWeekList {
    float: left;
    width: 100%;
    display: block;
    margin: 50px 0;
}


    .bonusWeekList .oneDayBns {
        float: left;
        box-sizing: border-box;
        margin-right: -1px;
        width: 14.2%;
        margin: 0 0%;
        position: relative;
        border: 2px solid #1493c8;
        height: 150px;
        opacity: 0.4;
        box-shadow: inset 0 0 20px #1493c8;
    }

.today {
    position: absolute;
    width: 100px;
    height: 25px;
    background: #06b906;
    transform: rotate(-12deg);
    left: -8px;
    top: -17px;
    border-radius: 4px;
    color: #fff;
    font-size: 1.4em;
    text-align: center;
    padding-bottom: 4px;
    padding-top: 1px;
}

.tomorrow {
    position: absolute;
    width: 100px;
    height: 25px;
    background: #4ca0ff;
    transform: rotate(-12deg);
    left: -8px;
    top: -17px;
    border-radius: 4px;
    color: #fff;
    font-size: 1.4em;
    text-align: center;
    padding-bottom: 4px;
    padding-top: 1px;
}

.bonusWeekList .oneDayBns.active {
    opacity: 1;
}

.bonusWeekList .oneDayBns.nextDay {
    z-index: 5;
}

    .bonusWeekList .oneDayBns.nextDay .tomorrow {
        opacity: 1;
    }

.bonusWeekList .oneDayBns .bday {
    color: #fff;
    font-size: 1.7em;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 9px;
}

.bonusWeekList .oneDayBns .starico {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/bonusstar.png) center center no-repeat;
    width: 100%;
    height: 72px;
    float: left;
}

.bonusWeekList .oneDayBns .rgold {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 1.2em;
    color: #ffd040;
}

.bonusWeekList .oneDayBns .rpts {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 1.2em;
    color: #01e8f1;
}


.reverserblock {
    float: left;
}

    .reverserblock label {
        color: #fff;
        margin: 4px 0;
        font-size: 1.1em;
        float: left;
    }

    .reverserblock .optcb {
        float: left;
        background: #000;
        height: 24px;
        position: relative;
        top: -8px;
        padding: 6px 20px 6px 6px;
        border-radius: 6px;
        margin-right: 18px;
    }

    .reverserblock input {
        margin: 2px 9px 2px 2px;
        float: left;
        width: 21px;
        height: 21px;
    }

.goldinfo .pluskey {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: -4px;
    float: left;
    margin-left: 4px;
    width: 20px;
    height: 14px
}


    .goldinfo .pluskey img {
        width: 100%;
    }

    .goldinfo .pluskey .action {
        width: 38px;
        height: 10px;
        transform: rotate(-12deg);
        position: absolute;
        background: #F00;
        border-radius: 3px;
        font-weight: normal;
        left: 30px;
        top: -10px;
        color: #fff;
        padding: 2px 2px 7px 4px;
    }

.goldinfo .rowvalue {
}

.friendpanel, .allfriend, .appendFriend {
    float: left;
    width: 100%;
}

    .allfriend p {
        float: left;
        width: 96%;
        color: #fff;
        margin: 15px;
        font-size: 1.3em;
        text-align: center;
    }

    .appendFriend button {
        float: right;
        margin: 20px;
    }

.onefrphoto {
    width: 50px;
    height: 50px;
    border: 2px solid #8a8a8a;
    border-radius: 4px;
    display: inline-table;
    margin: 9px;
    cursor: pointer;
}

    .onefrphoto img {
        width: 100%;
        height: 100%;
    }

.friendpanel table, .friendpanel tbody, .friendpanel tr, .friendpanel td {
    float: left;
    width: 100%;
    height: 72px;
    overflow: hidden;
}


.pofd {
    display: inline-block;
    position: absolute;
    z-index: 1000;
    left: -10px;
    top: 0;
    pointer-events: none;
    width: 70px !important;
}

.general .pofd {
    bottom: 90px;
    top: auto;
    left: 200px !important;
}

.mobileView .discussion-general .pofd {
    bottom: 150px;
    top: auto;
    left: 200px !important;
}

.pofd.n0 {
    left: -10px;
}

.pofd.n2 {
    left: 10px;
}

.pofd.n3 {
    left: 25px;
}

.pofd.n4 {
    left: 40px;
}

.pofd.n5 {
    left: 55px;
}

.pofd.n6 {
    left: 70px;
}

.pofd.n7 {
    left: 85px;
}

.pofd.n8 {
    left: 100px;
}

.pofd.n9 {
    left: 115px;
}

.pofd.n1 {
    left: 140px;
}



.pofd span {
    background-color: red;
    display: inline-block;
    height: 18px;
    margin: 0 10px;
    top: 0;
    transform: rotate(-45deg);
    width: 18px;
}

    .pofd span:before, .pofd span:after {
        content: "";
        background-color: red;
        border-radius: 50%;
        height: 18px;
        position: absolute;
        width: 18px;
    }

    .pofd span:before {
        top: -9px;
        left: 0;
    }

    .pofd span:after {
        left: 9px;
        top: 0;
    }












.gofd {
    display: inline-block;
    position: absolute;
    z-index: 1000;
    left: -10px;
    top: 0;
    pointer-events: none;
    width: 70px !important;
}

.general .gofd {
    bottom: 90px;
    top: auto;
    left: 200px !important;
}

.mobileView .discussion-general .gofd {
    bottom: 150px;
    top: auto;
    left: 200px !important;
}

.gofd.n0 {
    left: -10px;
}

.gofd.n2 {
    left: 10px;
}

.gofd.n3 {
    left: 25px;
}

.gofd.n4 {
    left: 40px;
}

.gofd.n5 {
    left: 55px;
}

.gofd.n6 {
    left: 70px;
}

.gofd.n7 {
    left: 85px;
}

.gofd.n8 {
    left: 100px;
}

.gofd.n9 {
    left: 115px;
}

.gofd.n1 {
    left: 140px;
}



.gofd span {
    color: #ffde03;
    text-align: center;
    padding: 0;
    font-weight: bold;
    width: 24px;
    height: 24px;
    border: 4px solid #f8991b;
    border-radius: 100%;
    box-sizing: border-box;
    background: #f59324;
    display: inline-block;
    margin: 0 8px;
    top: 0;
    transform: rotate(-19deg);
    text-shadow: 1px 1px 1px #d45003;
    box-shadow: inset 0 0 1px #ffee23;
}






.tooltip2 {
    display: none;
    position: absolute;
    border: 1px solid #333;
    background-color: #161616;
    border-radius: 5px;
    padding: 10px;
    z-index: 25;
    color: #fff;
}

.Enemy .enemypickup {
    top: 23px;
    left: 8px;
    position: absolute;
    display: none;
    width: 83px;
    font-weight: bold;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    font-size: 41px;
}

.Main .enemypickup {
    position: absolute;
    top: 33px;
    display: none;
    left: 9px;
    width: 99px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    font-size: 43px;
    font-weight: bold;
}


.epp0 {
    color: #FF4444;
    border-bottom: 5px solid #FF4444;
    border-top: 5px solid #FF4444;
}

.epp1 {
    color: #29BAFF;
    border-bottom: 5px solid #29BAFF;
    border-top: 5px solid #29BAFF;
}

.epp2 {
    color: #FF00FF;
    border-bottom: 5px solid #FF00FF;
    border-top: 5px solid #FF00FF;
}

.epp3 {
    color: #44FF44;
    border-bottom: 5px solid #44FF44;
    border-top: 5px solid #44FF44;
}

.epp4 {
    color: #00FFFF;
    border-bottom: 5px solid #00FFFF;
    border-top: 5px solid #00FFFF;
}

.showableNum {
    position: absolute;
    font-size: 78px;
    width: 100%;
    color: #fff;
    text-align: center;
    display: none;
    top: 0;
    left: 0;
    margin: 12% 0;
    text-shadow: 0 0 4px #000;
}

.loseTimer {
    position: absolute;
    font-size: 74px;
    width: 100%;
    text-align: center;
    color: #f00;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0px 0px 5px #f77, 0px 0px 7px #f77;
    text-align: center;
    display: none;
    top: 0;
    left: 0;
    margin: 12% 0;
}




.FieldText {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 25%;
    width: 100%;
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 98px;
    text-align: center;
    text-shadow: 0 0 9px #333;
}

.admCmd {
    width: 100%;
    height: 209px;
    font-size: 1.1em;
    margin: 15px 0;
    background: rgba(255, 0, 0, 0.2);
}

    .admCmd .vals {
        float: left;
        width: 100%;
    }

    .admCmd button {
        width: 40%;
        margin: 3% 1% 1% 1%;
        padding: 4px;
        font-size: 9px;
    }

    .admCmd .vals input {
        float: left;
        width: 40%;
    }

#discussion a {
    color: #6cff6c;
    text-decoration: none;
    font-size: 1em;
}

#discussion span, #discussion .strong, #discussion p {
    font-size: 1.1em;
}


#discussion a:hover {
    color: #6eff6e;
}


.MayRefund {
    cursor: pointer;
    transition: all 400ms ease;
    transition-property: transform, margin;
    transition-duration: 400ms;
    transition-timing-function: ease;
}

.show_gardage_hint {
    position: absolute;
    color: #fff;
    font-size: 2em;
    left: 16px;
    width: 131px;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/show_gardage.png?2) 32px 0px no-repeat;
    top: 463px;
    padding-top: 41px;
    text-align: center;
    z-index: 10;
    font-weight: bold;
    display: none;
}

.refund_def_hint {
    position: absolute;
    color: #838588;
    font-size: 1.4em;
    left: 0;
    border-left: 1px solid #838588;
    background: #eae9e5;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7ecf0+0,ffffff+50,eae9e5+100 */
    background: #e7ecf0; /* Old browsers */
    background: -moz-linear-gradient(left, #e7ecf0 0%, #ffffff 50%, #eae9e5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e7ecf0 0%,#ffffff 50%,#eae9e5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e7ecf0 0%,#ffffff 50%,#eae9e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7ecf0', endColorstr='#eae9e5',GradientType=1 ); /* IE6-9 */
    box-shadow: 0 -2px 2px #000000;
    border-radius: 8px 8px 0px 0px;
    width: 93px;
    border-right: 1px solid #838588;
    border-top: 1px solid #838588;
    top: 0;
    padding-bottom: 12px;
    text-align: center;
    z-index: 10;
    font-weight: bold;
    display: none;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
}

.refund_card_hint {
    position: absolute;
    color: #838588;
    font-size: 1.4em;
    border-left: 1px solid #838588;
    background: #eae9e5;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7ecf0+0,ffffff+50,eae9e5+100 */
    background: #e7ecf0; /* Old browsers */
    background: -moz-linear-gradient(left, #e7ecf0 0%, #ffffff 50%, #eae9e5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e7ecf0 0%,#ffffff 50%,#eae9e5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e7ecf0 0%,#ffffff 50%,#eae9e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7ecf0', endColorstr='#eae9e5',GradientType=1 ); /* IE6-9 */
    border-radius: 0px 0px 8px 8px;
    width: 94px;
    border-right: 1px solid #838588;
    border-bottom: 1px solid #838588;
    padding-bottom: 5px;
    text-align: center;
    z-index: 10;
    font-weight: bold;
    display: none;
}

.uro {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/silh.png?2) #fff -1px 3px no-repeat;
    width: 27px;
    height: 27px;
    margin-right: 4px;
    border: 2px solid #06609a;
    overflow: hidden;
    float: left;
    border-radius: 30px;
}

    .uro img {
        width: 100%;
        border-radius: 100%;
    }

.ptcolor {
    color: #01e8f1;
}

.gldcolor {
    color: #ffd040;
}

.invitefri {
    float: left;
    margin-top: 45px;
    width: 100%;
}

    .invitefri p {
        float: left;
        margin: 14px;
        color: #ccc;
        text-align: center;
    }

    .invitefri button {
        margin: 7px 22px;
    }


.TogetherInfo {
    float: left;
    margin: 0 0;
    border-radius: 6px;
    position: relative;
    padding: 6px 0;
    cursor: pointer;
}

.activitypts {
    position: fixed;
    bottom: 10px;
    width: 236px;
    background: #794b6f;
    background: -moz-linear-gradient(top, #794b6f 0%, #503149 100%);
    background: -webkit-linear-gradient(top, #794b6f 0%,#503149 100%);
    background: linear-gradient(to bottom, #794b6f 0%,#503149 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#794b6f', endColorstr='#503149',GradientType=0 );
    height: 75px;
    right: 10px;
    border: 6px solid #edcb66;
    z-index: 100;
    border-radius: 12px;
}

    .activitypts img {
        width: 70px;
        margin: 9px;
        float: left;
    }

    .activitypts p {
        color: #edcb66;
        font-weight: bold;
        font-size: 1.5em;
        margin: 13px;
        text-shadow: 0 -8px 1px #e6bd44;
        transition: all 3500ms ease;
    }

.togetherFace {
    position: relative;
    float: left;
    z-index: 3;
    opacity: 0.9;
    width: 35px;
    height: 35px;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/pairheart.png) no-repeat;
}

.TogetherName {
    float: left;
    font-size: 1.3em;
    color: #ff1414;
    margin: 7px 8px 8px 7px;
}


.reqtitle {
    float: left;
    width: 100%;
    margin-top: 16px;
    color: #78f8ff;
}

.friendCallpanel {
    width: 100%;
    height: 550px;
}

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

.friendCallpanel .innr {
    float: left;
    width: 100%;
}

.friendCallpanel .oneuser {
    float: left;
    width: 50px;
    height: 50px;
    margin: 10px 21px;
    cursor: pointer;
    overflow: hidden;
    border: 4px solid #d60981;
    border-radius: 40px;
}

.friendCallpanel .ouserwrap {
    float: left;
    width: 92px;
    height: 107px;
}


.friendCallpanel .oneuser img {
    width: 100%;
}

.goldwrap .oneuser {
    border: 4px solid #FF9800 !important;
}

.friendCallpanel .dname {
    color: #fff;
    text-align: center;
    width: 100%;
    float: left;
    font-size: 1.5em;
}

.ishide {
    visibility: hidden;
}

.infocall {
    float: left;
    width: 98%;
    height: 80px;
    margin: 1%;
}

    .infocall p {
        float: left;
        width: 100%;
        color: yellow;
        font-size: 1.3em;
    }

        .infocall p.hint {
            float: left;
            width: 100%;
            margin: 10px 0;
            color: #adadad;
            font-size: 1em;
        }

        .infocall p i {
            font-size: 1.4em;
            font-weight: bold;
            color: greenyellow;
            font-style: normal;
        }

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

    .whycall p {
        float: left;
        font-size: 1.2em;
        margin: 13px;
        color: #fff;
    }

#eggCanva {
    position: absolute;
    top: -100px;
    left: -100px;
    z-index: 40;
}

.longTimeEgg {
    width: 300px;
    pointer-events: none;
    height: 300px;
    position: absolute;
    z-index: 4;
}

.eggPanel {
    width: 720px;
    height: 253px;
    position: absolute;
    bottom: 40px;
    z-index: -1;
    left: -300px;
}

    .eggPanel.standard {
        background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/gameback.png) repeat;
    }

    .eggPanel.bonus {
        background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/gameback2.png) repeat;
    }

.wrap .anim1 {
    color: #F00;
}

.wrap .anim2 {
    color: #f68f00;
}

.wrap .anim3 {
    color: #ffdb34;
}

.wrap .anim4 {
    color: #ddf;
}

.wrap .anim5 {
    color: #d900e2
}

.wrap .anim6 {
    color: rgb(160, 88, 0)
}

.eggPanel .wrap {
    margin: auto;
    width: 70px;
    display: inline-block;
    margin-left: 14px;
    height: 70px;
    position: relative;
    margin-top: 14px;
    margin-right: 17px;
}

.oneegg {
    width: 70px;
    height: 70px;
    float: left;
}


    .oneegg img {
        width: 100%;
    }

.eggPanel .wrap .name {
    font-weight: bold;
    font-size: 1.1em;
}

.eggPanel.custom .wrap .name {
    display: none;
}

.eggPanel.custom .eggheader {
    display: none;
}

.eggPanel.custom .eggheader2 {
    display: none;
}

.eggheader {
    color: #FFF;
    font-size: 1.2em;
    margin-top: 5px;
    margin-bottom: 15px;
    margin-left: 4%;
    text-align: center;
    position: absolute;
    width: 30%;
    left: 0;
    bottom: 0px;
    text-align: left;
}

.eggheader2 {
    color: #FFF;
    font-size: 1.2em;
    margin-top: 5px;
    margin-bottom: 15px;
    position: absolute;
    width: 30%;
    bottom: 0px;
    margin-right: 4%;
    right: 0;
    text-align: right;
}

.eggheader i {
    font-size: 0.8em;
}

.oneegg.ui-draggable {
    z-index: 55;
}

.eggPanel .oneegg img {
    width: 100%;
}

#inventoryLoad {
    display: block;
    position: absolute;
    margin: 0;
    top: -45px;
    left: -30px;
    width: 190px;
    height: 190px;
    z-index: 100;
}

#refundAnimation {
    display: block;
    position: absolute;
    margin: 0;
    top: -75px;
    left: -100px;
    width: 300px;
    height: 300px;
    z-index: 100;
}


.activityleaderpanel {
    width: 100%;
}


.activitywrap {
    float: left;
    margin: 2%;
    width: 96%;
}

    .activitywrap .titlep {
        color: #ffdb34;
        margin-bottom: 21px;
    }

    .activitywrap p {
        font-size: 1.4em;
        width: 100%;
        margin-top: 17px;
        text-align: center;
    }

.alilink {
    width: 40px;
    display: inline-block;
    position: relative;
    height: 40px;
    border: 2px solid #FFC107;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 47px;
    box-shadow: 0 0 3px 1px #ffdb34;
    cursor: pointer;
    top: 13px;
    margin-right: 10px;
}

    .alilink:hover {
        box-shadow: 0px 0 20px 4px #ffdb34;
        transition: all 1200ms ease;
    }

    .alilink img {
        width: 100%;
    }

.leaderSetNalog {
    margin: 21px 0;
}

    .leaderSetNalog label {
        font-size: 1.4em;
    }

    .leaderSetNalog input {
        width: 200px;
        position: relative;
        top: 14px;
        margin-left: 22px;
    }

.activitywrap p img.intext {
    width: 20px;
    margin-left: 5px;
    position: relative;
    top: 3px;
}


.pregameico {
    float: left;
    width: 20%;
    margin-right: 5%;
}

    .pregameico img {
        width: 100%;
    }

.pregametext {
    float: left;
    width: 72%;
    text-align: left;
}

    .pregametext .bonusname {
        color: #3eff11;
        margin-bottom: 11px;
        float: left;
        width: 100%;
    }

    .pregametext .bonustext {
        font-weight: normal;
        font-size: 0.9em;
    }


.raNum {
    width: 4%;
}

.raName {
    width: 51%;
}


.raSta {
    width: 25%;
}

.raMon {
    width: 15%;
    font-weight: bold;
}



.showgameview2 {
    cursor: pointer;
}

.golddistributionsrange {
    -webkit-appearance: none;
    height: 15px;
    border-radius: 5px;
    background: #bf0a74;
    background: -moz-linear-gradient(left, #00be00 0%, #ff0000 100%);
    background: -webkit-linear-gradient(left, #bf0a74 0%,ff159e 100%);
    background: linear-gradient(to right, #bf0a74 0%, #ff159e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00be00', endColorstr='#00be00',GradientType=1 );
    width: 60%;
    padding: 0;
    float: left;
    position: relative;
    top: 8px;
    outline: none;
    -webkit-transition: .5s;
    transition: opacity .5s;
}

.notactive {
    opacity: 0.4;
}

#phrasegd {
    font-size: 2em;
    width: 78%;
    margin-right: 21%;
    margin-top: 2%;
    padding-left: 1%;
    margin-bottom: 4%;
}

.masterTooltip {
    cursor: pointer;
}

.rangeview {
    font-size: 2em;
    font-weight: bold;
    color: #ffdb34;
    float: right;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/gold80.png) no-repeat right center;
    background-size: contain;
    padding-right: 53px;
}

.rangeviewnalog {
    font-size: 1em;
    position: absolute;
    font-weight: bold;
    right: 0px;
    bottom: -34px;
    color: #34abff;
    float: right;
}

.rangeviewtitle {
    font-size: 2em;
    font-weight: bold;
    float: right;
    color: #ffdb34;
    background-size: contain;
    padding-right: 53px;
}

.rangeblock {
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 45px;
}

.golddistributionsrange::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #FFF;
    cursor: pointer;
}

.golddistributionsrange::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #FFF;
    cursor: pointer;
}

.CurrentDistributions, .newDistribution, .createDistribution {
    float: left;
    width: 96%;
    margin-bottom: 15px;
    margin-top: 15px;
    margin-left: 2%;
}

    .CurrentDistributions table {
        width: 100%;
    }

        .CurrentDistributions table tr {
            height: 50px;
            position: relative;
        }


.havenogd {
    font-size: 1.6em;
    float: left;
    margin-left: 2%;
    width: 98%;
    margin-top: 5%;
}

.requirementsgd {
    font-size: 1em;
    float: left;
    margin-left: 2%;
    width: 98%;
    margin-top: 2%;
}

.createDistribution .onestep {
    display: none;
    float: left;
    width: 100%;
}

.createDistribution .stepinfo {
    float: left;
    width: 98%;
    margin: 1%;
}

    .createDistribution .stepinfo p {
        font-size: 2em;
        color: #fff;
    }

.CurrentDistributions table th {
    font-size: 1.5em;
    text-align: left;
}

.CurrentDistributions table td {
    color: #fff;
}

.CurrentDistributions table td {
    text-align: left !important;
    padding: 17px 0;
    font-size: 1.4em;
    position: relative;
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
}

.CurrentDistributions h1 {
    color: #ffdb34;
    text-align: center;
}

.newDistribution span {
    color: #fff;
    font-size: 1.6em;
    padding: 7px 34px 7px 0px;
    float: left;
}


.mobileView #UserInfoPopup .userviewpanel, .mobileView #UserInfoPopup .sendgiftpanel, .mobileView #UserInfoPopup .userstatpanel {
    font-size: 160%;
}

.mobileView #UserInfoPopup .plalist {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-top: 80px;
    margin-bottom: 20px;
}

    .mobileView #UserInfoPopup .plalist .pla {
        width: 33.33333%;
        box-sizing: border-box;
        padding: 21px 0;
        font-size: 1.6em;
        font-weight: bold;
    }

.mobileView #UserInfoPopup.MyProfile .plalist .pla {
    width: 25%;
    box-sizing: border-box;
}

.mobileView #GameList .plalist {
    width: 100%;
    margin: 0;
}

    .mobileView #GameList .plalist .pla {
        width: 33.3%;
        margin: 0;
        padding: 18px 1%;
        font-size: 2.8em;
        box-sizing: border-box;
    }

.mobileView .topup {
    display: none;
}


.mobileView #GameList2Table .gameslot.viewTable {
    background: none !important;
}

.mobileView #Rating .plalist {
    width: 100%;
    margin: 5px 0 15px 0;
    display: inline-block;
}


.mobileView .ratingstatpanel .plalist .pla {
    width: 20%;
    margin: 0;
    margin-top: -1px;
    padding: 3% 0%;
    font-size: 2.2em;
    box-sizing: border-box;
}

.mobileView #GameList .gameslot {
    zoom: 225%;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.19);
    padding: 21px 0;
}

    .mobileView #GameList .gameslot.bonusSlot {
        box-shadow: none;
        background-color: rgba(3, 244, 74, 0.15) !important;
    }

    .mobileView #GameList .gameslot:active {
        background-color: rgba(3, 244, 74, 0.25) !important;
    }

.mobileView #GameList .gameslot {
    -webkit-tap-highlight-color: rgba(3, 244, 74, 0.5);
}

.mobileView .activekey {
    -webkit-tap-highlight-color: rgba(3, 244, 74, 0.07);
}

.chatpanel #discussion .cmsg {
    font-size: 1.6em;
    padding: 1px 0;
}



.chatpanel #AllChatInput input[type=button], .chatpanel #InGameChatInput input[type=button] {
    top: 25px;
    font-size: 1.5em;
}

.chatpanel #AllChatInput input, .chatpanel #InGameChatInput input {
    height: 70px;
    font-size: 2em;
}

.chatpanel #AllChatInput, .chatpanel #InGameChatInput {
    position: absolute;
    bottom: 0px;
    right: 0;
    padding: 0;
    box-sizing: border-box;
    border-radius: 0;
    height: 70px;
}

.chatpanel #AllChat1, .chatpanel #AllChat2 {
    padding-bottom: 51px !important;
}

.menupanel ul {
    width: 100%;
    float: left;
}

    .menupanel ul li {
        width: 40%;
        float: left;
        list-style: none;
        margin: 2% 5%;
        position: relative;
    }

        .menupanel ul li span, .menupanel ul li a {
            font-size: 3em;
            text-decoration: none;
            color: #fff;
            display: block;
            min-width: 237px;
            background: rgba(255, 255, 255, 0.22);
            padding: 25px;
            text-align: center;
        }

.mobileView #GameList .gameslot.myTable {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/exitgame.png) right center no-repeat;
}

.mobileView #GameList .gameslot.freeTable {
}

.mobileView #GameList .gameslot.viewTable {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/viewgame.png) right center no-repeat;
}

#GameList1 .viewTable .joingame2, #GameList0 .viewTable .joingame2 {
    display: none !important;
}

.mobileView #GameList .gameslot .ggamers {
    width: 60%;
}



.mobileView #GameList .gameslot .gameoptview {
    width: 40%;
}

.mobileView #GameList .gameslot .gamebtns {
    display: none !important;
    width: 0%;
}

.mobileView #GameList .gameslot .gname {
    width: 0%;
    display: none !important;
}


.mobileView #GameList .gameslot .partycontrol {
    padding: 14px 26px;
    height: auto;
    width: auto;
}

.mobileView #OnlineSpan {
    font-size: 200%;
}

.mobileView #UserDataRows {
    font-size: 2.1em;
    font-weight: bold;
}

.mobileView .hideonmobile {
    display: none !important;
}

.mobileView .showonmobile {
    display: block !important;
}



.mobileView .topup .tdv {
    zoom: 200%;
}


.mobileView #BuyGold .donatpanel {
    font-size: 130%;
    margin: 13% 0% 1% 0%;
    width: 100%;
}

.mobileView .goldwhy span {
    font-size: 1.8em;
    margin: 42px 4%;
}

.mobileView .buyvip .pricevip {
    font-size: 1.4em;
}

.mobileView #TimeGame .namerow {
    display: none;
}

.mobileView #Status {
    display: none;
}

.mobileView .GameResult {
    zoom: 160%;
}

.mobileView {
    overflow: hidden;
}

    .mobileView #UserData .userAva {
        width: 130px;
        height: 130px;
        margin-top: 29px;
    }

    .mobileView .avaears {
        top: -16px;
    }

    .mobileView .avaears, .mobileView .miniears {
        filter: unset !important;
    }

    .mobileView .oneopt.gamename {
        display: none;
    }

    .mobileView #CreatePopup .oneopt .optname {
        font-size: 150%;
    }

    .mobileView #CreatePopup .userscount {
        zoom: 150%;
        margin-top: -4px
    }

    .mobileView #CreatePopup .oneopt {
        margin-top: 40px;
        zoom: 190%;
    }

.albumView #CreatePopup .oneopt {
    margin-top: 5px !important;
}

.mobileView #CreatePopup .optvalue {
    font-size: 120%;
}

.mobileView #CreatePopup .decktype {
    margin-bottom: 12px;
}

.mobileView #CreatePopup .reverserblock {
    margin-left: 150px;
}

    .mobileView #CreatePopup .reverserblock.noshift {
        margin-left: 0;
    }

.mobileView .reverserblock .optcb {
    zoom: 120%;
}

.mobileView #CreatePopup .goldoptvalue {
    width: auto;
}

.mobileView .popupstyle > .header {
    font-size: 2em;
}



.mobileView #UserInfoPopup .rightcontrol {
    zoom: 200%;
}



.mobileView .middleline {
    margin: 0;
}

.mobileView .chat {
    display: block !important;
}

.mobileView .buyonsale {
    display: none !important;
}

.mobileView #UserData {
    margin: 7px 0 42px 1%;
    width: 54%;
}


.mobileView .tablerating tr {
    zoom: 170%;
}


.mobileView #CreateGame {
    cursor: pointer;
    font-size: 2.6em;
    margin-top: 5px;
    width: 100%;
    height: 88px;
}


.mobileView #Controls {
    zoom: 120%;
    width: 42%;
}



.mobileView .giveup {
    top: 107px;
    width: 75px;
    height: 75px;
}

.mobileView .exitgame {
    top: 107px;
    width: 75px;
    height: 75px;
}

.mobileView .tooltip2 {
    display: none !important;
}

.mobileView #modalWin .modalwin {
    left: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

    .mobileView #modalWin .modalwin .textModal {
        border-radius: 0;
        zoom: 220%;
    }

.mobileView .pla i {
    font-size: 1.1em;
    padding: 2% 6% 0% 5%;
}

.mobileView .loading .durgame {
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    margin-left: 10%;
    margin-top: 21%;
    box-sizing: border-box;
}

.mobileView .activityLeader {
    display: none !important;
}

.mobileView .activekey:active {
    transform: scale(1.1);
    transform-origin: center;
}

.mobileSdk .fullscreen {
    display: none;
}

.mobileView #GameWLobby .tut {
    position: fixed;
    z-index: 100;
    width: 100%;
    bottom: 0;
    top: auto;
    height: 102px;
}

.mobileView #UserDataRows p {
    padding: 0px 0 0 9px;
}

.mobileView .helpwrapper p {
    font-size: 2.2em;
}

.mobileView .helpwrapper h2 {
    font-size: 2.2em;
}

.mobileView .tooltip {
    font-size: 2em;
    min-width: 340px;
}

.mobileView .onetovar .name i {
    width: 17px;
    height: 18px;
    border-radius: 30px;
    font-size: 1em;
    border-width: 3px;
    display: none;
}


.mobileView #GameList .gamefilter {
    float: right;
    margin-top: 0;
    display: block;
    position: absolute;
    background: #000;
    bottom: -1px;
    width: 95%;
    overflow: hidden;
    padding-top: 12px;
    z-index: 100;
    padding-left: 5%;
    height: 45px;
    zoom: 225%;
}

.mobileView .middleline {
    margin-left: 0px !important;
}

.mobileView #GameList .gamefilter .filter1, .mobileView #GameList .gamefilter .filter2 {
    float: right;
    width: 28%;
    margin-left: 2%;
    position: relative;
    line-height: 20px;
}

.mobileView .mobilefastchat {
    float: right;
    width: 20%;
    display: block !important;
}

    .mobileView .mobilefastchat img {
        float: right;
        margin-right: 14%;
        margin-top: -3px;
        max-height: 42px;
        opacity: 0.8;
    }

.mobileView #GameList .gamefilter span {
    margin-left: 11px;
}

.mobileView .mobilemenu {
    display: block;
}

.mobileView .invitefri button {
    margin: auto;
    font-size: 2.8em;
    padding: 22px 41px;
    display: block;
}

.mobileView .invitefri p {
    font-size: 3em;
    margin: 4% 8%;
}

.mobileView .whycall, .mobileView .infocall {
    font-size: 2.5em;
}

.mobileView .friendCallpanel .ouserwrap {
    zoom: 170%;
}

.mobileView .tovarlist {
    zoom: 155%;
}

.mobileView .friendwrap {
    zoom: 155%;
}

.mobileView .goldinfo .pluskey {
    width: 37px;
    height: auto;
}

.mobileView .onedonat {
    zoom: 130%;
}

.mobileView .buyvip .vipbutton {
    zoom: 130%;
}

.mobileView .goldwhy {
    font-size: 1.3em;
}


.mobileView .menu {
    display: none !important;
}


.mobileView .oneach .aname {
    display: none;
}


.mobileView #InGameChat {
    display: none;
    width: 100%;
}

.mobileView #InGameChatInput {
    display: block !important;
    width: 200px;
}

.alwaysInput #InGameChatInput {
    display: block !important;
    top: -55px;
}

.mobileView #discussion2 li {
    font-size: 1.7em;
}

.mobileView .hidedChat {
    right: 0;
    font-size: 3em;
    padding: 12px 25px 12px 26px;
}

.mobileView .stick {
    zoom: 200%;
    width: 100%;
    border-radius: 0;
    box-sizing: border-box;
    right: 0;
    border: 0;
    margin: 0;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/casino.jpg);
    padding: 3%;
    margin-top: -2px;
    box-shadow: 0 11px 19px #000;
}

.mobileView #jquery-stickers {
    margin-top: 0px !important;
    width: 100%;
}

.mobileView .chatpanel #discussion2 li {
    font-size: 2.4em;
}


.mobileView #fatalError .modalFatal {
    zoom: 230%;
    font-size: 1.5em;
}

.mobileView .activitywrap {
    zoom: 163%;
}

.mobileView #MakeGet, .mobileView #MakePass, .mobileView #MakeBura {
    padding: 39px 6px;
    margin: 7px;
    height: 34px;
    box-shadow: inset 0 0 43px #00000000;
    font-size: 2.6em;
}

.mobileView #Buttons {
    border: 5px solid #6cc004
}

.mobileView .gamelist-style {
    padding-bottom: 70px !important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,380531+51,000000+100 */
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #000000 0%, #380531 51%, #000000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #000000 0%,#380531 51%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #000000 0%,#380531 51%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.mobileView .popupstyle h1 .help {
    font-size: 0.4em;
}

.mobileView #historytable {
    zoom: 150%;
}

    .mobileView #historytable .gameslot .gname {
        margin: 0 0 0 1%;
        width: 16%;
    }

    .mobileView #historytable .gameslot .gameoptview {
        width: 29%;
    }

    .mobileView #historytable .gameslot .gamebtns {
        width: 21%;
    }

    .mobileView #historytable .gameslot .ggamers {
        width: 33%;
    }

.mobileView .havenotour {
    color: #949494;
    font-size: 3em;
}

.mobileView .tourInner {
    float: left;
    width: 100%;
}

.mobileView .tournamentList .oneTour {
    zoom: 200%;
}

.mobileView .usCount {
    margin-top: 23px;
    margin-right: 13px;
}

    .mobileView .usCount .myIco, .mobileView .usCount .enIco {
        display: none;
    }

.mobileView .cloudhelp {
    zoom: 160%;
    right: 67px;
    min-width: 201px;
    max-height: 130px;
}

.mobileView .subscribeDesktop {
    display: none;
}

.mobileView .mobileborder {
    width: 100%;
    height: 3px;
    background: #000000;
    background: -moz-linear-gradient(left, #000000 0%, #2989d8 45%, #005c96 59%, #000000 100%);
    background: -webkit-linear-gradient(left, #000000 0%,#2989d8 45%,#005c96 59%,#000000 100%);
    background: linear-gradient(to right, #000000 0%,#2989d8 45%,#005c96 59%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );
    position: absolute;
    bottom: 2px;
}

    .mobileView .mobileborder.bottom {
        bottom: 0px;
    }

    .mobileView .mobileborder.top {
        top: 0px;
    }

.mobileView #UserInfoPopup .otherUserInfo {
    width: 52%;
}


.mobileView #UserInfoPopup .otherUserName {
    height: 47px;
    font-size: 1.9em;
}

.mobileView #UserInfoPopup .otherUserStatus {
    font-size: 1.5em;
    font-weight: bold;
}

.mobileView .TogetherName {
    font-size: 1.5em;
    font-weight: bold;
    overflow: hidden;
    width: calc((100%) - 63px);
    height: 38px;
}

.mobileView .togetherFace {
    width: 48px;
    height: 48px;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/pairheart.png) no-repeat;
    background-size: 100%;
}

.mobileView .olympblock {
    font-size: 1.2em;
    font-weight: bold;
    height: 50px;
}

.mobileView .olympicInner {
    font-size: 2.1em;
}

.mobileView .popupstyle {
    top: -4px;
    z-index: 11;
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/Card/casino.jpg);
}

.mobileView .bottommobile {
    display: block;
    opacity: 0.001;
    float: left;
    width: 100%;
    height: 130px;
    background: #000;
    position: relative;
}

    .mobileView .bottommobile .mobileclosepopup {
        height: 70px;
        float: right;
        margin: 22px 15px 15px 15px;
        font-size: 3.3em;
        text-align: center;
        min-width: 23%;
        color: #fff;
        padding: 0 2%;
        padding-top: 19px;
        text-decoration: none;
    }

.mobilepts {
    display: block;
    float: left;
    width: 150px;
    margin: 6px 2px 0px 7px;
    cursor: pointer;
}

#totalGold {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/gold80.png) no-repeat;
    cursor: pointer;
}

#totalPts {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/star80.png) no-repeat;
}

#totalJoker {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/joker.png) no-repeat;
    cursor: pointer;
}


    #totalJoker.insale, #totalGold.insale {
        background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/badge.svg) no-repeat;
        display: block !important;
    }


.mobilepts span {
    background-size: 26px !important;
    padding-left: 36px;
    width: 100%;
    height: 30px;
    color: #ffdb34;
    float: left;
    font-size: 1.5em;
}

.mobileView .mobilepts span {
    background-size: 45px !important;
    padding-left: 65px;
    height: 52px;
}

.showonlymobile {
    display: none;
}

.mobileView .showonlymobile {
    display: block;
}

.mobileView .mobilepts {
    display: block;
    float: left;
    width: 100%;
    margin: 26px 2px 0px 26px;
}

.mobileView .bottommobile .leftmobilebutton {
    width: 50%;
    height: 70px;
    float: left;
    margin: 22px 15px 15px 15px;
    font-size: 3.3em;
    text-align: center;
    padding-top: 19px;
}

.mobileView #SendGiftClose {
    display: none;
}

.mobileView .header {
    display: none;
}

.mobileView .onlydesktop {
    display: none !important;
}

.mobileView .closepopup {
    display: none;
}

.mobileView #UserInfoPopup .sendgiftpanel {
    margin-top: 40px;
}

.mobileView #AllChatInput {
    display: none;
}

.mobileView .chatpanel #discussion .cmsg, .mobileView .chatpanel #discussion .serviceMsg {
    font-size: 0.9em;
    padding: 6px 0;
    zoom: 240%;
}

.mobileView .chatpanel #discussion .ago {
    font-size: 0.9em;
    zoom: 240%;
}

.mobileView #discussion .msgbody {
    max-height: 140px;
    display: block;
    height: auto;
    padding-left: 32px;
    min-height: 21px;
    margin-top: 4px;
    overflow: hidden;
}

.mobileView .fullchat, #chatPopup .fullchat {
    display: none;
}

.mobileView .chatpanel .discussion-general {
    padding-bottom: 0 !important;
}

.mobileView .chatpanel #AllChat1, .mobileView .chatpanel #AllChat2 {
    height: 100%;
    background: none;
    width: 100%;
}

.mobileView .chatpanel #discussion {
}

.mobileView #AllChatWrapper {
    position: relative;
}

.mobileView .onechatitle {
    margin: 6px 15px;
    padding: 12px;
    font-size: 2em;
    padding-right: 57px;
    height: 65px;
}

    .mobileView .onechatitle .closeprivchat {
        width: 24px;
        height: 24px;
        padding: 5px;
        border-radius: 36px;
        top: 14px;
    }

    .mobileView .onechatitle .newmess {
        width: 26px;
        height: 26px;
        padding: 5px;
        border-radius: 36px;
        top: 14px;
    }

.mobileView .privatechatblock .online {
    float: left;
    width: auto;
    position: absolute;
    right: 5px;
    font-size: 1.2em;
    bottom: 5px;
}

.mobileView .chatlist {
    border: none;
    width: 100%;
    top: 0;
    padding: 0;
}

.mobileView #AllChat {
    display: none;
}

.mobileView .privatechatblock {
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
}

.mobileView .statusbar .namerow {
    margin: 11px 2px 11px 8px;
}

.mobileView .oneinv {
    width: 240px;
    height: 220px;
    margin-bottom: 40px;
    transition: none !important;
}

    .mobileView .oneinv.invusable:active {
        background: rgba(255, 255, 255, 0.19);
    }

    .mobileView .oneinv .invcount {
        font-size: 1.5em;
        min-width: 40px;
    }

    .mobileView .oneinv .invimage {
        width: 170px;
        height: 170px;
        display: flex;
    }

        .mobileView .oneinv .invimage img {
            min-height: 80px;
        }

.mobileView .oneach {
    width: 240px;
    height: 280px;
}

    .mobileView .oneach .achimage {
        width: 150px;
    }

.mobileView .onegift {
    width: 200px;
    height: 220px;
}

    .mobileView .onegift .gdate, .mobileView .gfrom {
        display: none;
    }

    .mobileView .onegift .gname {
        font-size: 1.5em;
    }

.mobileView .activitywrap p {
    font-size: 1.8em;
}

.mobileView .bonusDescr {
    font-size: 2.3em;
}

.mobileView .olympicInner p {
    font-size: 1.5em;
}

.mobileView .gamefilter p {
    font-size: 1.2em;
    position: absolute;
    bottom: 0;
    color: #999;
    text-align: center;
    margin-left: 4px;
}



.mobileView .popupstyle h1 p {
    font-size: 0.7em;
    width: 78%;
    margin-top: 0px;
    text-align: right;
}

.mobileView .popupstyle .header, .mobileView .popupstyle .subheader {
    font-size: 2em;
}

.mobileView .onetovar {
    height: 260px;
    font-size: 1.3em;
}

.mobileView .allfriend p {
    font-size: 2em;
}

.mobileView .bonusWeekList .oneDayBns {
    width: 33.3%;
    zoom: 165%;
    height: 187px;
    font-size: 1.3em;
}

.mobileView #UserInfoPopup .userstattab .righttab, .mobileView #UserInfoPopup .userstattab .lefttab {
    float: left;
    width: 94%;
    margin: 1% 3% 0% 3%;
}

.mobileView #UserInfoPopup .userstattab .namestat {
    font-size: 1.7em;
    margin: 8px 0;
}

.mobileView #UserInfoPopup .userstattab .valuestat {
    font-size: 1.7em;
    margin: 8px 0;
}

.mobileView .userstattab .online {
    height: 45px;
}

.mobileView #TrumpCard {
    transform: rotate(-120deg) scale(1.5);
    right: 6%;
}

.mobileView #TrumpShow, .mobileView #WaitingPlaceShow {
    font-size: 2.2em;
}

.mobileView #inventoryLoad {
    width: 300px;
    height: 300px;
}

.mobileView .giftava {
    width: 70px !important;
    height: 70px !important;
}

.mobileView .ExistUser {
    margin-top: 13px;
}

.mobileView .UserExistMore {
    position: absolute;
    right: -20px;
    top: 11px;
    color: #fff;
    font-size: 3em;
    font-weight: bold;
}

.btngolddistrib {
    display: none;
}

.mobileView .golddistribInner {
    zoom: 250%;
}

.mobileView .golddistributionsrange {
    width: 100%;
}

.mobileView #phrasegd {
    font-size: 2em;
    width: 99%;
    margin-top: 4%;
    padding-left: 1%;
    margin-bottom: 7%;
}

.mobileView .GameResult span {
    font-size: 1.6em;
}

.mobileView .goldlist .pricedonat {
    font-size: 1.2em
}

.mobileView .betka {
    min-width: 28px;
    color: #ffde03;
    text-align: center;
    text-shadow: 1px 1px 1px #d45003;
    box-shadow: inset 0 0 1px #ffee23;
    padding: 1px 3px 2px 4px;
    display: inline-block;
    float: left;
    margin-right: 3px;
    font-weight: bold;
    opacity: 0.7;
    height: 30px;
    border: 4px solid #f8991b;
    min-height: 30px;
    border-radius: 30px;
    box-sizing: border-box;
    background: #f59324 !important;
}

.mobileView .header.mobileVisibleHeader {
    font-size: 1em;
    display: block;
}

.mobileView .topup {
    display: none;
}

.mobileView .gamemode .topup {
    display: block;
}

.mobileView .topup.alwaysshow {
    display: block;
}

.mobileView .topup .chat {
    display: none !important;
}

.mobileView .gamemode .topup .chat {
    display: block !important;
}

.mobileView .bottommobile .sound {
    background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/soundmobile.png) left top no-repeat;
    width: 65px;
    height: 65px;
    float: left;
    background-size: cover;
    margin: 34px;
}

    .mobileView .bottommobile .sound.off {
        background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/soundmobile.png) -65px top no-repeat;
        background-size: cover;
    }

    .mobileView .bottommobile .sound.off {
        background: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/soundmobile.png) -65px top no-repeat;
        background-size: cover;
    }

.mobileView .full_wrapper .topup .sound {
    display: none;
}

.mobileView #ShowList2 {
    display: none;
}

.mobileView .btntour .cnt {
    position: absolute;
    background: #ff29b1;
    text-align: center;
    box-sizing: border-box;
    padding: 2px 7px;
    margin-left: 5px;
    border-radius: 50%;
    font-style: normal;
    color: #fff;
    font-size: 2.5em;
    width: 45px;
    top: -8px;
    height: 45px;
    right: -7px;
}

.mobileView .goldlist .onedonat {
    float: left;
    width: 43%;
    padding-top: 13px;
    margin: 4% 3%;
}

.mobileView #Enemies {
    padding-top: 12px;
}


.mobileView .imagedonat span {
    margin-top: -2px;
    font-size: 2em;
}

.mobileView .olympicInner .heroeslist .onehero {
    width: 100px;
    height: 100px;
}

.mobileView .profile_img {
    background-size: cover !important;
    background-position: top center !important;
}

.mobileView .jokerlist .jokercount .oldpricedonat {
    display: none
}

.OkMobile .topup {
    display: block !important;
}

.OkMobile.albumView .topup {
    display: none !important;
}

#returnToOKAlbum {
    display: none;
}

.OkMobile.albumView #returnToOKAlbum {
    display: block;
    width: 4%;
    float: left;
    zoom: 220%;
    margin-top: 29px;
}

.OkMobile.albumView #UserData {
    width: 50%;
}

#ReturnToSoc {
    margin-top: -7px;
}

.isIosDirectGames .iosDGhide {
    display: none !important;
}

.isIosDirectGames .tourcontrol {
    display: none !important;
}

.advertisement {
    display: none;
}

.mobileView .advertisement {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
}

    .mobileView .advertisement a {
        display: block;
        float: left;
        width: 100%;
    }

        .mobileView .advertisement a img {
            width: 100%;
        }










.halloween .gameslot .ggamers .emptyslot:nth-child(1) {
    background-image: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/events/chainsaw.png);
    background-repeat: no-repeat;
    background-position-x: 100px;
    background-size: contain;
    animation: pulsepumpkin 160s infinite;
    font-size: 33px;
}

.halloween .gameslot .ggamers .emptyslot:nth-child(2) {
    background-image: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/events/pumpkin.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: 100px;
    animation: pulsepumpkin 240s infinite;
    font-size: 33px;
}




.halloween .gameslot .ggamers .emptyslot:nth-child(4) {
    background-image: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/events/sea_monster.png);
    background-repeat: no-repeat;
    background-position-x: 100px;
    background-size: contain;
    animation: pulsepumpkin 220s infinite;
    font-size: 33px;
}

.halloween .gameslot .ggamers .emptyslot:nth-child(3) {
    background-image: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/events/witch.png);
    background-repeat: no-repeat;
    background-position-x: 100px;
    background-size: contain;
    animation: pulsepumpkin 200s infinite;
    font-size: 33px;
}

.halloween .gameslot .ggamers .emptyslot:nth-child(5) {
    background-image: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/events/jack_skellington.png);
    background-repeat: no-repeat;
    background-position-x: 100px;
    background-size: contain;
    animation: pulsepumpkin 180s infinite;
    font-size: 33px;
}

.activityLeader .photatopa {
    background-position-y: 0px;
}

@keyframes changeMagnatToPumpkin {
    0% {
        background-position-y: 0px;
    }

    1.3% {
        background-position-y: 0px;
    }

    3.31% {
        background-position-y: 200px;
    }

    3.34% {
        background-image: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/events/halloween_nervous.png);
        background-position-y: 200px;
    }

    3.35% {
        background-image: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/events/halloween_nervous.png);
        background-position-y: 0px;
        opacity: 1;
    }

    4% {
        opacity: 1;
    }

    4.34% {
        opacity: 0.3;
    }

    4.35% {
        opacity: 0.5;
    }

    4.36% {
        opacity: 1;
    }

    12% {
        opacity: 1;
    }

    12.34% {
        opacity: 0.5;
    }

    12.345% {
        opacity: 0.7;
    }

    12.35% {
        opacity: 0.1;
    }

    12.36% {
        opacity: 1;
    }

    98% {
        background-image: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/events/halloween_nervous.png);
        background-position-y: 0px;
    }

    98.1% {
        background-image: url(https://cd6e7085-8fa9-42a5-ab7c-b7fe707f507b.selcdn.net/Content/events/halloween_nervous.png);
        background-position-y: 200px;
    }

    98.2% {
        background-position-y: 0px;
    }

    100% {
        background-position-y: 0px;
    }
}

@keyframes pulsepumpkin {
    0% {
        opacity: 1;
        background-position-x: 100px;
        transform: rotate(0deg);
        font-size: 33px;
    }

    18% {
        opacity: 0.5;
        background-position-x: 100px;
        font-size: 33px;
    }

    20% {
        opacity: 0.3;
        background-position-x: 20px;
        font-size: 0;
    }

    22% {
        opacity: 0.04;
        background-position-x: 100px;
        font-size: 0;
    }

    29% {
        opacity: 0.5;
        background-position-x: 100px;
        transform: rotate(0deg);
        font-size: 0;
    }

    30% {
        transform: rotate(1440deg);
        opacity: 0.1;
        background-position-x: 0px;
        font-size: 0;
    }

    32% {
        transform: rotate(1440deg);
        opacity: 0.2;
        background-position-x: 0px;
        font-size: 0;
    }

    38% {
        transform: rotate(360deg);
        opacity: 0.05;
        background-position-x: 0px;
        font-size: 0;
    }

    45% {
        transform: rotate(360deg);
        opacity: 0.1;
        background-position-x: 0px;
        font-size: 0;
    }

    46% {
        transform: rotate(360deg);
        opacity: 0.4;
        background-position-x: 0px;
        font-size: 0;
    }

    47% {
        transform: rotate(1440deg);
        opacity: 0.08;
        background-position-x: 0px;
        font-size: 0;
    }

    48% {
        transform: rotate(720deg);
        opacity: 0.02;
        background-position-x: 0px;
        font-size: 0;
    }

    50% {
        transform: rotate(360deg);
        opacity: 0.05;
        background-position-x: 0px;
        font-size: 0;
    }

    60% {
        transform: rotate(360deg);
        opacity: 0.2;
        background-position-x: 0px;
        font-size: 0;
    }

    63% {
        transform: rotate(0deg);
        opacity: 0;
        background-position-x: 0px;
        font-size: 0;
    }

    98% {
        transform: rotate(0deg);
        opacity: 0.1;
        background-position-x: 0px;
        font-size: 0;
    }

    100% {
        opacity: 1;
        background-position-x: 100px;
        transform: rotate(0deg);
        font-size: 33px;
    }
}

.halloween #CreateGame img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    animation-name: trambling-animation;
    animation-timing-function: ease-in-out;
    animation-delay: 1.4s;
    animation-iteration-count: 2;
    opacity: 0;
}

    .halloween #CreateGame img:nth-child(1) {
        left: 5px;
        animation-duration: 1s;
    }

    .halloween #CreateGame img:nth-child(2) {
        left: 52px;
        top: 25px;
        animation-duration: 1.9s;
    }

    .halloween #CreateGame img:nth-child(3) {
        left: 91px;
        top: 0px;
        animation-duration: 2.9s;
    }

    .halloween #CreateGame img:nth-child(4) {
        left: 155px;
        top: 10px;
        animation-duration: 0.6s;
    }

    .halloween #CreateGame img:nth-child(5) {
        left: 115px;
        top: 28px;
        animation-duration: 1.7s;
    }

.halloween #CreateGame:hover img {
    display: block !important;
}

@keyframes trambling-animation {
    0% {
        opacity: 0;
    }

    10%, 50%, 100% {
        transform: rotate(0deg);
        opacity: 0.6;
    }

    15%, 30% {
        transform: rotate(-10deg);
        opacity: 0.2;
    }

    20%, 40% {
        transform: rotate(10deg);
        opacity: 0.8;
    }
}

#adLink {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
    text-decoration: none;
}

#adLink .imgadwindow{
    height:60%;
}

.adText {
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    margin-top: 10px;
    font-size: 1.4em;
}