body,h1,h2,h3,h4,h5,h6,embed,p,ul,li,img,form,header,main,footer,table,tr,th,td,thead,tbody,tfoot{

    margin:0;

    padding:0;

    border:0

}

table{

    border-spacing:0

}

a{

    color:#1a6dea

}

a:focus,a:active,button:focus,button:active{

    outline:0

}

a:hover{

    text-decoration:none

}

b{

    font-weight:600

}

input,textarea{

    font-family:'Open Sans',Arial,Tahoma,Helvetica,sans-serif;

    outline:0

}

.body{

    position:relative;

    margin:0;

    padding:0;

    font-size:16px;

    word-wrap:break-word;

    text-align:left;

    font-family:'Open Sans',Arial,Tahoma,Helvetica,sans-serif;

    background:#fff

}

.body.body-Black{

    background:#101010

}

.body.body-LteTbl{

    background:#fff

}

.body.body-Black.body-LteTbl{

    background:#0f0f0f

}

.body.body-PageNonActive{

    overflow:hidden !important;

    background:#0f0f0f

}

.body.body-GrayContent{

    background:#f2f6fc

}

.body.body-GrayContent.body-Black{

    background:#101010

}

.scrollStyle{

    scrollbar-color:#d0dbe8 #e6eff9

}

.scrollStyle:hover{

    scrollbar-color:#c6d2e2 #e6eff9

}

.body-Black .scrollStyle,.body-Black.scrollStyle{

    scrollbar-color:#383838 #282828

}

.body-Black .scrollStyle:hover,.body-Black.scrollStyle:hover{

    scrollbar-color:#484848 #282828

}

.scrollStyle::-webkit-scrollbar{

    width:12px;

    height:12px

}

.scrollStyle::-webkit-scrollbar-track{

    background:#e6eff9

}

.scrollStyle::-webkit-scrollbar-thumb{

    background:#d0dbe8

}

.scrollStyle:hover::-webkit-scrollbar-thumb{

    background:#c6d2e2

}

.body-Black .scrollStyle::-webkit-scrollbar-track,.body-Black.scrollStyle::-webkit-scrollbar-track{

    background:#282828

}

.body-Black .scrollStyle::-webkit-scrollbar-thumb,.body-Black.scrollStyle::-webkit-scrollbar-thumb{

    background:#383838

}

.body-Black .scrollStyle:hover::-webkit-scrollbar-thumb,.body-Black .scrollStyle:hover::-webkit-scrollbar-thumb{

    background:#484848

}

.body-Touch .hideTouchScroll{

    -ms-overflow-style:none;

    scrollbar-width:none

}

.body-Touch .hideTouchScroll::-webkit-scrollbar{

    display:none

}

.page{

    padding:60px 0 0 0

}

.body-Game .page{

    padding:80px 0 0 0

}

.body-LteTbl .page{

    min-width:280px

}

.body-PageNonActive .page{

    overflow:hidden !important

}

.pageMiddle{

    width:1000px;

    margin:0 auto

}

.body-LteTbl .pageMiddle{

    width:100%;

    box-sizing:border-box

}

.body-WideDesktop .pageMiddle{

    width:1280px

}

.body-Game .pageMiddle{

    max-width:1280px;

    width:auto

}

.body-WideContent .pageMiddle{

    width:auto !important;

    max-width:none !important

}

.pageMiddleCContent{

    display:inline-block;

    vertical-align:top;

    width:740px;

    box-sizing:border-box

}

.body-WideDesktop .pageMiddleCContent{

    width:920px

}

.body-NoBars .pageMiddleCContent,.body-NoSidebar .pageMiddleCContent,.body-WideContent .pageMiddleCContent,.body-LteTbl .pageMiddleCContent{

    display:block;

    width:100% !important

}

.pageMiddleCSidebar{

    display:inline-block;

    vertical-align:top;

    width:260px;

    box-sizing:border-box;

    padding:30px 0 30px 30px

}

.body-WideDesktop .pageMiddleCSidebar{

    width:360px;

    padding-left:100px

}

.body-NoBars .pageMiddleCSidebar,.body-NoSidebar .pageMiddleCSidebar,.body-WideContent .pageMiddleCSidebar,.body-LteTbl .pageMiddleCSidebar{

    display:none

}

.logoIcon{

    background-image:url(data:image/svg+xml;

    base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0naXNvLTg4NTktMSc/Pg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEyOCA5MiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIzMi4yMTEgMTgwIj4NCiAgPHBvbHlnb24gZmlsbD0iI0ZFRDcwMCIgcG9pbnRzPSIwLDI0IDM4LjQsNDMuMiAzMy42LDUyLjggMTUuMjUsNDMuNiAxOC42NSw2NCAzMiw2NCA2NCwwIDk2LDY0IDEwOS4zNSw2NCAxMTIuNyw0My42IDk0LjQsNTIuOCA4OS42LDQzLjIgMTI4LDI0IDExOS4zNSw3NiA5MCw3NiA2NCwyNCAzOCw3NiA4LjY1LDc2Ii8+DQogIDxwb2x5Z29uIGZpbGw9IiNGRUQ3MDAiIHBvaW50cz0iNTQuNSw1MS4yIDY0LDU2IDczLjYsNTEuMiA3OC40LDYwLjggNjQsNjggNDkuNiw2MC44Ii8+DQogIDxwb2x5Z29uIGZpbGw9IiNGRUQ3MDAiIHBvaW50cz0iOS4zNSw4MCAxMTguNjUsODAgMTE2LjY1LDkyIDExLjM1LDkyIi8+DQo8L3N2Zz4=)

}

.pageContent{

    box-sizing:border-box;

    padding:0 0 100px 0;

    display:block

}

.body-LteTbl .pageContent{

    padding:0 10px 35px 10px

}

.body-WideContent .pageContent{

    padding-left:0;

    padding-right:0

}

.body-NoBottomPadding .pageContent{

    padding-bottom:0 !important

}

.pageContent-standard{

    position:relative;

    width:1000px;

    margin:0 auto;

    text-align:left;

    box-sizing:border-box

}

.body-WideDesktop .pageContent-standard{

    width:1280px

}

.body-LteTbl .pageContent-standard{

    width:100% !important;

    margin:0;

    padding:0 10px

}

.body-Game .pageContent-standard{

    max-width:1280px;

    width:auto;

    padding:0 10px

}

.pageHeadWrap{

    z-index:100000;

    position:fixed;

    top:0;

    left:0;

    right:0;

    background:#050505

}

.body-Black .pageHeadWrap{

    background:rgba(0,0,0,0.75);

    backdrop-filter:blur(10px)

}

.body-OpenMenu.body-Black .pageHeadWrap{

    background:#050505

}

.pageHead{

    width:1000px;

    margin:0 auto;

    height:60px;

    font-size:12px;

    line-height:12px

}

.body-WideDesktop .pageHead{

    width:1280px

}

.body-LteTbl .pageHead{

    width:100% !important;

    box-sizing:border-box

}

.pageHead-tbl{

    display:table;

    width:100%;

    box-sizing:border-box

}

.pageHead-tblCMenu{

    display:table-cell;

    vertical-align:top;

    width:65px;

    position:relative

}

.body-LteTbl .pageHead-tblCMenu{

    width:54px

}

.pageHead-tblCLogo{

    display:table-cell;

    vertical-align:top;

    width:180px;

    height:60px

}

.body-LteTbl .pageHead-tblCLogo{

    width:130px

}

.pageHead-tblCContent{

    display:table-cell;

    vertical-align:top;

    padding:0 0 0 10px;

    height:60px

}

.body-LteTbl .pageHead-tblCContent{

    padding:0

}

.body-OpenMenu .pageHead-tblCContent *{

    display:none

}

.pageHead-menu{

    width:54px;

    height:60px;

    position:relative;

    cursor:pointer

}

.body.body-Loading .pageHead-menu{

    display:none

}

.pageHead-menuIcon{

    position:absolute;

    left:12px;

    right:12px;

    height:3px;

    margin:-1px 0 0 0;

    top:50%;

    border-radius:1px;

    background:rgba(255,255,255,0.3);

    transition:background .2s

}

.pageHead-menu:hover .pageHead-menuIcon{

    background:#fff

}

.pageHead-menuIcon:before,.pageHead-menuIcon:after{

    content:'';

    position:absolute;

    top:0;

    left:0;

    right:0;

    height:3px;

    border-radius:1px;

    background:rgba(255,255,255,0.3);

    transition:all .2s

}

.pageHead-menuIcon:before{

    top:-8px

}

.pageHead-menuIcon:after{

    top:8px

}

.pageHead-menu:hover .pageHead-menuIcon:before,.pageHead-menu:hover .pageHead-menuIcon:after{

    background:#fff

}

.body-OpenMenu .pageHead-menuIcon{

    background:transparent !important

}

.body-OpenMenu .pageHead-menuIcon:before{

    top:0;

    background:#fff !important;

    transform:rotate(135deg)

}

.body-OpenMenu .pageHead-menuIcon:after{

    top:0;

    background:#fff !important;

    transform:rotate(225deg)

}

.pageHead-load{

    display:none;

    vertical-align:top;

    width:50px;

    height:50px;

    position:absolute;

    top:50%;

    left:50%;

    margin:-25px 0 0 -25px

}

.body.body-Loading .pageHead-load{

    display:inline-block

}

.pageHead-load:before{

    content:'';

    position:absolute;

    top:50%;

    left:50%;

    margin:-21px 0 0 -21px;

    display:inline-block;

    vertical-align:top;

    width:30px;

    height:30px;

    border:6px solid rgba(0,0,0,0);

    border-top-color:#eee;

    border-radius:100%;

    animation:pageHeadLoad linear 1s infinite

}

.body-Black .pageHead-load:before{

    border-top-color:#fff

}

@keyframes pageHeadLoad{

    100%{

        transform:rotate(360deg)

    }

}

.pageHead-load:after{

    content:'';

    position:absolute;

    top:50%;

    left:50%;

    margin:-14px 0 0 -14px;

    display:inline-block;

    vertical-align:top;

    width:16px;

    height:16px;

    border:6px solid rgba(0,0,0,0);

    border-top-color:#fed700;

    border-radius:100%;

    animation:pageHeadLoad2 linear .75s infinite

}

@keyframes pageHeadLoad2{

    100%{

        transform:rotate(360deg)

    }

}

.pageHead-logo{

    position:relative;

    display:block;

    width:180px;

    height:60px;

    text-decoration:none;

    padding:10px 10px 10px 68px;

    box-sizing:border-box;

    text-align:right

}

.body-LteTbl .pageHead-logo{

    padding:11px 0 9px 40px;

    width:130px

}

.pageHead-logoIcon{

    display:block;

    position:absolute;

    top:50%;

    left:5px;

    width:64px;

    height:46px;

    margin:-24px 0 0 0;

    background-size:contain;

    background-position:center;

    background-repeat:no-repeat

}

.body-LteTbl .pageHead-logoIcon{

    width:32px;

    height:23px;

    margin:-13px 0 0 0

}

.pageHead-logoName{

    position:relative;

    display:block;

    text-transform:uppercase;

    font-weight:400;

    color:#fff;

    font-size:18px;

    line-height:18px;

    letter-spacing:.5px;

    transition:color .1s linear

}

.body-LteTbl .pageHead-logoName{

    color:#fff !important

}

.pageHead-logo:hover .pageHead-logoName{

    color:#fed700

}

.pageHead-logoName span{

    font-weight:800

}

.pageHead-logoSub{

    display:block;

    margin:7px 0 0 0;

    font-size:13.5px;

    line-height:14px;

    font-weight:700;

    color:rgba(255,255,255,0.3);

    letter-spacing:-0.25px;

    white-space:nowrap;

    transition:color .1s linear

}

.pageHead-logo:hover .pageHead-logoSub{

    color:rgba(255,255,255,0.85)

}

.body-LteTbl .pageHead-logoSub{

    margin:6px 0 0 0;

    color:rgba(255,255,255,0.3) !important

}

.pageHead-contHead{

    display:table;

    width:100%;

    box-sizing:border-box;

    height:30px

}

.pageHead-contHeadCNav{

    display:table-cell;

    vertical-align:top;

    height:30px

}

.body-LteTbl .pageHead-contHeadCNav{

    display:none

}

.pageHead-contHeadCTools{



    vertical-align:top;

    height:30px;

    text-align:right

}

.pageHead-contFooter{

    height:24px

}

.body-LteTbl .pageHead-contFooter{

    display:none

}

.pageHead-nav{

    position:relative;

    box-sizing:border-box;

    text-align:left;

    height:34px

}

.pageHead-nav,.pageHead-nav *{

    z-index:2000

}

.pageHead-nav>ul{

    display:block;

    list-style:none;

    margin:0;

    padding:0

}

.pageHead-nav>ul>li{

    position:relative;

    display:inline-block;

    vertical-align:top;

    margin:0;

    padding:0

}

.pageHead-nav>ul>li>a{

    display:block;

    position:relative;

    padding:11px 15px 7px 15px;

    text-decoration:none;

    color:#ddd;

    white-space:nowrap;

    font-weight:800;

    letter-spacing:-1px;

    font-size:16px;

    line-height:16px;

    transition:color .1s linear

}

.pageHead-nav>ul>li:hover{

    position:relative

}

.pageHead-nav>ul>li>a:hover{

    position:relative;

    color:#fed700

}

.pageHead-nav2{

    position:relative;

    box-sizing:border-box;

    text-align:left;

    font-size:13.5px;

    line-height:1px;

    height:26px

}

.pageHead-nav2,.pageHead-nav2 *{

    z-index:1000

}

.pageHead-nav2>ul{

    display:block;

    list-style:none;

    margin:0;

    padding:0 0 0 3px

}

.pageHead-nav2>ul>li{

    position:relative;

    display:inline-block;

    vertical-align:top;

    margin:0;

    padding:0

}

.pageHead-nav2>ul>li>a{

    display:block;

    position:relative;

    padding:1px 12px 11px 12px;

    text-decoration:none;

    color:rgba(255,255,255,0.3);

    white-space:nowrap;

    font-weight:700;

    letter-spacing:-0.5px;

    transition:background .1s linear

}

.pageHead-nav2>ul>li>a.pageHead-nav2Item-New{

    padding-right:45px

}

.pageHead-nav2>ul>li>a.pageHead-nav2Item-New:after{

    content:'NEW!';

    background:#fea706;

    font-size:12px;

    line-height:12px;

    font-weight:700;

    position:absolute;

    top:50%;

    right:0;

    border-radius:5px;

    padding:2px 5px;

    color:#fff;

    text-shadow:0 1px 1px rgba(0,0,0,0.5);

    margin:-11px 0 0 0;

    background:linear-gradient(to bottom,#fed700 0,#fea706 50%)

}

.pageHead-nav2>ul>li:hover{

    position:relative;

    border-left-color:transparent

}

.pageHead-nav2>ul>li>a:hover{

    position:relative;

    color:rgba(255,255,255,1);

    transition:color .1s linear

}

.pageHead-contHeadTools{

    display:inline-block;

    vertical-align:top

}

.pageHead-contHeadToolsTbl{

    display:table;

    text-align:left

}

.body-LteTbl .pageHead-contHeadToolsTbl{

    display:block;

    text-align:right

}

.pageHead-contHeadToolsTblCBase{

    display:table-cell;

    vertical-align:top

}

.body-LteTbl .pageHead-contHeadToolsTblCBase{

    display:inline-block

}

.pageHead-contHeadToolsBase{

    display:table;

    height:34px

}

.body-LteTbl .pageHead-contHeadToolsBase{

    height:24px

}

.pageHead-contHeadToolsTblCColor{

    display:table-cell;

    vertical-align:top;

    width:64px;

    height:34px

}

.body-LteTbl .pageHead-contHeadToolsTblCColor{

    height:24px

}

.pageHead-contHeadToolsTblCLang{

    display:table-cell;

    vertical-align:top;

    width:60px;

    height:34px

}

.body-LteTbl .pageHead-contHeadToolsTblCLang{

    height:24px

}

.pageHead-contHeadToolsTblCAuth{

    display:table-cell;

    vertical-align:top;

    height:34px

}

.body-LteTbl .pageHead-contHeadToolsTblCAuth{

    display:block;

    text-align:right

}

.pageHead-color{

    display:inline-block;

    vertical-align:top;

    position:relative;

    width:64px;

    height:34px;

    padding:10px 0;

    font-size:13.5px;

    line-height:14px;

    overflow:hidden;

    text-align:right;

    box-sizing:border-box;

    -webkit-touch-callout:none;

    -webkit-user-select:none;

    -khtml-user-select:none;

    -moz-user-select:none;

    -ms-user-select:none;

    user-select:none

}

.body-LteTbl .pageHead-color{

    height:26px;

    padding:7px 0 3px 0

}

.pageHead-color:hover{

    cursor:pointer

}

.pageHead-color>i{

    position:absolute;

    display:block;

    top:50%;

    left:0;

    right:0;

    font-style:normal;

    padding:0 18px 0 0;

    transition:margin-top .2s linear

}

.pageHead-color>i:first-child{

    margin-top:-33px

}

.body-LteTbl .pageHead-color>i:first-child{

    margin-top:-31px

}

.body-Black .pageHead-color>i:first-child{

    margin-top:-6px

}

.body-LteTbl.body-Black .pageHead-color>i:first-child{

    margin-top:-4px

}

.pageHead-color>i:last-child{

    margin-top:-6px

}

.body-LteTbl .pageHead-color>i:last-child{

    margin-top:-4px

}

.body-Black .pageHead-color>i:last-child{

    margin-top:19px

}

.body-LteTbl.body-Black .pageHead-color>i:last-child{

    margin-top:21px

}

.pageHead-color>i:hover{

    transition:margin-top .2s linear

}

.pageHead-color>i:before{

    display:block;

    font-weight:700;

    color:rgba(255,255,255,0.3);

    transition:color .1s linear

}

.pageHead-color>i:hover:before{

    color:rgba(255,255,255,1)

}

.pageHead-color>i:first-child:before{

    content:'Dark';

    transition:color .1s linear

}

.pageHead-color>i:last-child:before{

    content:'Light';

    transition:color .1s linear

}

.pageHead-color>i:after{

    content:'';

    position:absolute;

    right:3px;

    top:50%;

    margin:-5px 0 0 0;

    width:10px;

    height:10px;

    border-radius:50%

}

.pageHead-color>i:first-child:after{

    background:#ccc

}

.pageHead-color>i:last-child:after{

    background:#fed700

}

.pageHead-lang{

    width:60px;

    height:34px;

    padding:11px 10px 9px 10px;

    display:table;

    text-decoration:none;

    text-align:left;

    box-sizing:border-box;

    position:relative;

    color:rgba(255,255,255,0.3);

    font-size:13.5px;

    line-height:14px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:-0.5px;

    transition:color .1s linear

}

.body-LteTbl .pageHead-lang{

    height:26px;

    padding:9px 10px 3px 10px

}

.pageHead-langImg{

    display:block;

    position:absolute;

    top:50%;

    right:10px;

    margin:-6px 0 0 0;

    width:16px;

    height:16px;

    opacity:.5;

    background-position:center;

    background-repeat:no-repeat;

    background-size:contain;

    transition:opacity .1s linear

}

.body-LteTbl .pageHead-langImg{

    margin:-5px 0 0 0

}

.pageHead-lang:hover{

    cursor:pointer;

    color:rgba(255,255,255,1)

}

.pageHead-lang:hover .pageHead-langImg{

    opacity:1

}

.body-LteTbl .pageHead-auth{

    display:inline-block;

    vertical-align:top

}

.pageHead-authTbl{

    display:table

}

.pageHead-authTblCChat{

    display:table-cell;

    vertical-align:middle

}

.pageHead-authTblCLink{

    display:table-cell;

    vertical-align:middle

}

.pageHead-authLink{

    display:block;

    position:relative;

    padding:11px 10px 9px 8px;

    font-size:13.5px;

    line-height:14px;

    color:rgba(255,255,255,0.3);

    font-weight:700;

    letter-spacing:-0.5px;

    text-decoration:none;

    transition:color .1s linear

}

.body-LteTbl .pageHead-authLink{

    padding:9px 10px 11px 5px;

    max-width:50px;

    overflow:hidden;

    white-space:nowrap;

    text-overflow:ellipsis

}

.pageHead-authLink:hover{

    position:relative;

    cursor:pointer;

    color:rgba(255,255,255,1)

}

.pageHead-user{

    position:relative

}

.body-LteTbl .pageHead-user{

    display:inline-block;

    vertical-align:top;

    padding:0 5px 0 0

}

.pageHead-userTbl{

    display:table

}

.pageHead-userTblCLink{

    display:table-cell;

    vertical-align:middle;

    width:22px

}

.pageHead-userLink{

    display:table;

    text-decoration:none;

    padding:0 5px 0 10px

}

.pageHead-userLinkCImg{

    display:table-cell;

    vertical-align:middle

}

.pageHead-userLinkCName{

    display:table-cell;

    vertical-align:middle

}

.pageHead-userImg{

    padding:5px 10px 4px 0;

    width:25px;

    height:25px

}

.body-LteTbl .pageHead-userImg{

    padding:3px 5px 6px 0

}

.pageHead-userImgContent{

    display:block;

    width:25px;

    height:25px;

    border-radius:50%;

    background-position:center;

    background-size:cover;

    background-repeat:no-repeat;

    background-image:url(/assets/assetts/img/default/userpic_white_100px.png)

}

.pageHead-userName{

    padding:11px 0 9px 0;

    font-size:13.5px;

    line-height:14px;

    color:#ddd;

    font-weight:700;

    white-space:nowrap;

    max-width:120px;

    overflow:hidden;

    text-overflow:ellipsis;

    letter-spacing:-0.5px;

    transition:color .1s linear

}

.body-LteTbl .pageHead-userName{

    padding:9px 0 11px 0;

    max-width:65px

}

.pageHead-userLink:hover .pageHead-userName{

    color:#fff;

    transition:color .1s linear

}

.pageHead-userTblCChat{

    display:table-cell;

    vertical-align:middle

}

.pageHead-userChat{

    display:table;

    text-decoration:none;

    padding:0 7px;

    position:relative

}

.body-LteTbl .pageHead-userChat{

    padding:0 5px

}

.pageHead-userChatCImg{

    display:table-cell;

    vertical-align:middle;

    height:34px

}

.pageHead-userChatCCount{

    display:none;

    vertical-align:middle;

    height:34px;

    padding:0 0 0 5px;

    box-sizing:border-box

}

.pageHead-userChat-New .pageHead-userChatCCount{

    display:table-cell

}

.pageHead-userChatImg{

    position:relative;

    width:16px;

    height:16px;

    opacity:.25;

    transition:opacity .1s linear

}

.pageHead-userChat-New .pageHead-userChatImg{

    opacity:1

}

.pageHead-userChat:hover .pageHead-userChatImg{

    opacity:1

}

.pageHead-userChatImg:before{

    content:'';

    position:absolute;

    width:18px;

    height:18px;

    left:50%;

    top:50%;

    margin:-8px 0 0 -9px;

    background-image:url(/assets/assetts/img/icon/mail_white.svg);

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat

}

.body-LteTbl .pageHead-userChatImg:before{

    margin:-10px 0 0 -9px

}

.pageHead-userChat-New .pageHead-userChatImg:before{

    background-image:url(/assets/assetts/img/icon/mail_gold.svg)

}

.pageHead-userChatCount{

    color:#fed700;

    font-size:13.5px;

    line-height:14px;

    font-weight:800

}

.pageHead-userChatPopup{

    display:none;

    position:absolute;

    top:100%;

    right:0;

    background:#1a6dea;

    z-index:1001;

    border-radius:30px;

    box-shadow:0 5px 10px rgba(0,0,0,0.5);

    background:linear-gradient(to bottom,#1a6dea 0,#1d61c2 50%)

}

.body-LteTbl .pageHead-userChatPopup{

    bottom:100%;

    top:auto

}

.pageHead-userChatPopup:after{

    content:'';

    width:0;

    height:0;

    position:absolute;

    top:-5px;

    right:26px;

    border-left:5px solid transparent;

    border-right:5px solid transparent;

    border-bottom:5px solid #1a6dea

}

.body-LteTbl .pageHead-userChatPopup:after{

    top:auto;

    bottom:-5px;

    border-top:5px solid #1d61c2;

    border-bottom:0

}

.pageHead-userChatPopupText{

    position:relative;

    padding:4px 10px 4px 30px;

    white-space:nowrap;

    max-width:300px;

    font-size:13.5px;

    line-height:14px;

    letter-spacing:-0.5px;

    overflow:hidden;

    text-overflow:ellipsis;

    color:#fff;

    font-weight:600

}

.body-LteTbl .pageHead-userChatPopupText{

    max-width:230px

}

.pageHead-userChatPopupText:before{

    content:'';

    position:absolute;

    width:14px;

    height:14px;

    left:10px;

    top:50%;

    margin:-7px 0 0 0;

    background-image:url(/assets/assetts/img/icon/plane_white.svg);

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat

}

.pageHead-navSub{

    display:none;

    list-style:none;

    margin:0;

    padding:10px 0 11px 0;

    position:absolute;

    left:-10px;

    top:100%;

    background:rgba(0,0,0,0.95);

    box-shadow:0 2px 10px 5px rgba(0,0,0,0.25);

    border-radius:10px;

    overflow:hidden

}

.pageHead-navSub.scrollStyle{

    max-height:600px;

    overflow-y:auto

}

.body-Black .pageHead-navSub{

    box-shadow:0 5px 10px 5px rgba(0,0,0,0.5);

    background:rgba(25,25,25,.99)

}

.pageHead-navSub,.pageHead-navSub *{

    z-index:2001

}

.pageHead-nav li:hover .pageHead-navSub,.pageHead-nav2 li:hover .pageHead-navSub,.pageHead-user:hover .pageHead-navSub{

    display:block

}

.body-LteTbl .pageHead-navSub{

    display:none !important

}

.pageHead-navSub li{

    display:block;

    margin:0;

    padding:0

}

.pageHead-navSub li.pageHead-navSubItem-Gold{

    background:#292200

}

.pageHead-navSub li>*{

    display:block;

    position:relative;

    padding:7px 30px 7px 25px;

    text-decoration:none;

    color:#ddd;

    white-space:nowrap;

    font-size:13.5px;

    line-height:14px;

    font-weight:700;

    letter-spacing:-0.5px;

    cursor:pointer;

    transition:color .1s linear,background .1s linear

}

.pageHead-navSub li>*:hover{

    color:#fed700;

    background:rgba(255,255,255,0.05)

}

.pageHead-navSubIcon{

    display:inline-block;

    vertical-align:top;

    width:16px;

    height:16px;

    margin:-1px 8px -1px 0;

    background-size:contain;

    background-repeat:no-repeat;

    background-position:center

}



.body-Black .pageTopSrv{

    box-shadow:0 1px 3px rgba(0,0,0,0.5)

}

.body-LteTbl .pageTopSrv{

    display:none

}

.pageTopSrv-wrap{

    display:inline-block;

    vertical-align:top;

    min-width:1000px;

    margin:0 auto;

    text-align:left

}

.body-WideDesktop .pageTopSrv-wrap{

    min-width:1280px

}

.pageTopSrv-wrap2{

    display:inline-block;

    vertical-align:top;

    text-align:center

}

.pageTopSrv-logo{

    position:relative;

    font-size:13.5px;

    line-height:14px;

    display:inline-block;

    padding:10px 10px 10px 30px;

    font-weight:800;

    text-decoration:none;

    color:#555;

    text-transform:uppercase;

    letter-spacing:-0.25px;

    text-shadow:0 1px 2px #000;

    white-space:nowrap;

    transition:color .1s linear

}

.pageTopSrv-logo:hover{

    color:#fff

}

.pageTopSrv-logo:before{

    display:block;

    position:absolute;

    content:'';

    background-image:url(/assets/assetts/assets/assetts/img/icon/crown_white.svg);

    background-repeat:no-repeat;

    background-position:center;

    background-size:contain;

    width:16px;

    height:16px;

    left:10px;

    top:50%;

    margin:-10px 0 0 0;

    opacity:.25;

    transition:opacity .1s linear

}

.pageTopSrv-logo:hover:before{

    opacity:0

}

.pageTopSrv-logo:after{

    display:block;

    position:absolute;

    content:'';

    background-image:url(/assets/assetts/assets/assetts/img/icon/crown.svg);

    background-repeat:no-repeat;

    background-position:center;

    background-size:contain;

    width:16px;

    height:16px;

    left:10px;

    top:50%;

    margin:-9px 0 0 0;

    opacity:0;

    transition:opacity .1s linear,width .1s linear,height .1s linear,margin .1s linear

}

.pageTopSrv-logo:hover:after{

    width:18px;

    height:18px;

    margin:-10px 0 0 -1px;

    opacity:1

}

.pageTopSrv-item{

    display:inline-block;

    vertical-align:top;

    margin:0 10px 0 0;

    padding:3px 0;

    text-decoration:none;

    font-size:13.5px;

    line-height:14px;

    white-space:nowrap

}

.pageTopSrv-itemWrap{

    position:relative;

    display:block;

    padding:7px 4px 7px 60px;

    max-width:275px;

    text-overflow:ellipsis;

    overflow:hidden;

    box-sizing:border-box;

    background:rgba(254,255,255,0.05);

    border-radius:20px;

    box-shadow:0 0 3px 1px #000;

    color:#666;

    transition:background .1s linear,color .1s linear

}

.pageTopSrv-item:hover .pageTopSrv-itemWrap{

    background:rgba(254,255,255,0.075);

    color:#fff;

    box-shadow:0 2px 4px 2px #000

}

.pageTopSrv-itemImage{

    display:inline-block;

    vertical-align:top;

    position:absolute;

    width:50px;

    height:28px;

    background-position:center;

    background-size:cover;

    background-repeat:no-repeat;

    top:0;

    left:0;

    border-radius:20px 0 0 20px

}

.pageTopSrv-itemGame{

    font-weight:700;

    text-shadow:0 1px 3px #000;

    letter-spacing:-0.75px;

    color:#ccc

}

.pageTopSrv-item:hover .pageTopSrv-itemGame{

    color:#fff

}

.pageTopSrv-itemMap{

    margin:0 0 0 5px;

    font-weight:700;

    max-width:140px;

    text-overflow:ellipsis;

    overflow:hidden;

    text-shadow:0 1px 3px #000;

    letter-spacing:-0.75px

}

.pageTopSrv-itemName{

    margin:0 0 0 5px;

    text-shadow:0 1px 2px #000;

    letter-spacing:-0.5px;

    font-weight:700

}

.pageTopSrv-add{

    display:inline-block;

    vertical-align:top;

    padding:3px 0;

    text-decoration:none;

    font-size:13.5px;

    line-height:14px

}

.pageTopSrv-addWrap{

    position:relative;

    display:block;

    height:28px;

    padding:7px 10px 7px 27px;

    text-overflow:ellipsis;

    overflow:hidden;

    color:#666;

    box-sizing:border-box;

    background:rgba(254,255,255,0.05);

    border-radius:20px;

    font-weight:700;

    letter-spacing:-0.5px;

    text-shadow:0 1px 2px #000;

    box-shadow:0 0 3px 1px #000;

    transition:background .1s linear,color .1s linear

}

.pageTopSrv-add:hover .pageTopSrv-addWrap{

    background:rgba(254,255,255,0.075);

    color:#fff;

    box-shadow:0 2px 4px 2px #000

}

.pageTopSrv-addWrap:before{

    display:block;

    position:absolute;

    content:'';

    background-image:url(/assets/assetts/img/icon/plus_white.svg);

    background-repeat:no-repeat;

    background-position:center;

    background-size:contain;

    width:12px;

    height:12px;

    left:9px;

    top:50%;

    margin:-6px 0 0 0;

    opacity:.25;

    transition:opacity .1s linear,width .1s linear,height .1s linear,margin .1s linear

}

.pageTopSrv-add:hover .pageTopSrv-addWrap:before{

    opacity:1;

    width:14px;

    height:14px;

    margin:-7px 0 0 -1px

}

.pageUnderHeadFix{

    position:fixed;

    top:60px;

    width:100%

}

.body-Game .pageUnderHeadFix{

    top:80px;

    left:25%;

    right:0;

    width:auto;

    box-sizing:border-box;

    padding:0 10px;

    background:#101010

}

.body-OpenMenu .pageUnderHeadFix{

    display:none

}

.pageUnderHeadFix,.pageUnderHeadFix *{

    z-index:99000

}

.pageUnderHeadFix-content{

    box-shadow:0 2px 8px -6px rgba(0,0,0,0.75);

    background:#fff

}

.body-Black .pageUnderHeadFix-content{

    background:#121419;

    box-shadow:0 4px 8px -4px rgba(0,0,0,1),0 -4px 8px -4px rgba(0,0,0,1)

}

.body-Game .pageUnderHeadFix-content{

    box-shadow:none !important;

    background:#101010

}

.pageMenu{

    display:none;

    font-size:12px;

    line-height:12px

}

.body-OpenMenu .pageMenu{

    display:block;

    position:fixed;

    top:60px;

    left:0;

    right:0;

    bottom:0;

    z-index:10000;

    overflow:auto;

    background:#101010

}

.pageSB>*+*{

    margin-top:15px

}

.pageSB-sect{

    background:#fff;

    box-shadow:0 2px 8px -6px rgba(0,0,0,0.75);

    border-radius:5px;

    overflow:hidden

}

.body-Black .pageSB-sect{

    background:#121212;

    box-shadow:0 2px 10px -2px rgba(0,0,0,1)

}

.pageSB-stat{

    padding:15px 0 10px 0;

    text-align:center;

    font-size:12px;

    line-height:12px

}

.pageSB-statTitle{

    display:block;

    margin:0 0 7px 0;

    font-weight:700;

    color:#aaa;

    font-size:13.5px;

    line-height:14px;

    text-decoration:none;

    text-align:center;

    transition:color .1s linear

}

.body-Black .pageSB-statTitle{

    color:#fff

}

.pageSB-statTitleText{

    display:inline-block;

    vertical-align:top;

    position:relative;

    padding:0 0 0 30px

}

.pageSB-statTitleTextIcon{

    position:absolute;

    top:50%;

    left:0;

    width:24px;

    height:24px;

    margin:-15px 0 0 0;

    background-size:contain;

    background-repeat:no-repeat;

    background-position:center

}

.pageSB-statI{

    display:inline-block;

    vertical-align:top;

    padding:0 10px;

    text-decoration:none

}

.pageSB-statIVal{

    font-size:14.5px;

    line-height:15px;

    font-weight:800;

    color:#111;

    letter-spacing:.25px

}

.body-Black .pageSB-statIVal{

    color:#fff;

    transition:color .1s linear

}

.pageSB-statI:hover .pageSB-statIVal{

    color:#fed700 !important

}

.pageSB-statILabel{

    margin:2px 0 0 0;

    font-size:12.5px;

    line-height:13px;

    color:#bbb;

    font-weight:700;

    letter-spacing:-0.25px;

    transition:color .1s linear

}

.pageSB-statI:hover .pageSB-statILabel{

    color:#000

}

.body-Black .pageSB-statILabel{

    color:#3b4b65

}

.body-Black .pageSB-statI:hover .pageSB-statILabel{

    color:#fff

}

.pageSB-users{

    padding:15px 10px;

    text-align:center;

    font-size:12px;

    line-height:12px

}

.pageSB-usersTitle{

    display:block;

    padding:5px 10px;

    font-weight:700;

    color:#aaa;

    font-size:13.5px;

    line-height:14px;

    text-decoration:none;

    text-align:center;

    transition:color .1s linear

}

.pageSB-usersTitle:hover{

    color:#000

}

.body-Black .pageSB-usersTitle{

    color:#444

}

.body-Black .pageSB-usersTitle:hover{

    color:#fff

}

.pageSB-usersTitleText{

    display:inline-block;

    vertical-align:top;

    position:relative;

    padding:0 0 0 20px

}

.pageSB-usersTitleText:before{

    content:'';

    position:absolute;

    top:50%;

    left:0;

    width:14px;

    height:14px;

    margin:-7px 0 0 0;

    background-size:contain;

    background-repeat:no-repeat;

    background-position:center;

    opacity:.25;

    background-image:url(/assets/assetts/img/icon/user.svg);

    transition:width .1s linear,height .1s linear,margin .1s linear,opacity .1s linear

}

.body-Black .pageSB-usersTitleText:before{

    background-image:url(/assets/assetts/img/icon/user_white.svg)

}

.pageSB-usersTitle:hover .pageSB-usersTitleText:before{

    width:16px;

    height:16px;

    margin:-8px 0 0 -1px;

    opacity:1

}

.pageSB-usersList{

    margin:10px 0 0 0

}

.pageSB-usersList>a{

    text-decoration:none;

    display:inline-block;

    vertical-align:top;

    padding:3px 5px;

    color:#888;

    font-weight:700;

    letter-spacing:-0.5px;

    max-width:200px;

    white-space:nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

    transition:opacity .1s linear

}

.body-Black .pageSB-usersList>a{

    color:#555

}

.pageSB-usersList a:hover{

    opacity:.75

}

.pageSB-srvHead{

    position:relative;

    display:block;

    padding:10px 30px 10px 40px;

    font-size:12.5px;

    line-height:13px;

    text-decoration:none;

    font-weight:700;

    color:#bbb;

    letter-spacing:-0.25px;

    transition:color .1s linear

}

.pageSB-srvHead:hover{

    color:#000

}

.body-Black .pageSB-srvHead{

    color:#3b4b65

}

.body-Black .pageSB-srvHead:hover{

    color:#fff

}

.pageSB-srvHead:after{

    content:'';

    position:absolute;

    width:0;

    top:50%;

    left:50%;

    height:0;

    background:rgba(32,117,246,0.075);

    opacity:0;

    border-radius:5px;

    transition:width .2s linear,height .2s linear,top .2s linear,left .2s linear,opacity .2s linear

}

.pageSB-srvHead:hover:after{

    width:100%;

    height:100%;

    left:0;

    top:0;

    opacity:1

}

.pageSB-srvHead:before{

    content:'';

    position:absolute;

    top:50%;

    right:15px;

    width:10px;

    height:10px;

    margin:-6px 0 0 0;

    background-size:contain;

    background-repeat:no-repeat;

    background-position:center;

    opacity:.25;

    background-image:url(/assets/assetts/img/icon/plus.svg);

    transition:width .1s linear,height .1s linear,margin .1s linear,opacity .1s linear

}

.body-Black .pageSB-srvHead:before{

    background-image:url(/assets/assetts/img/icon/plus_white.svg)

}

.pageSB-srvHead:hover:before{

    width:14px;

    height:14px;

    margin:-8px -2px 0 0;

    opacity:1

}

.pageSB-srvHeadIcon{

    display:block;

    position:absolute;

    top:50%;

    left:15px;

    width:16px;

    height:16px;

    margin:-8px 0 0 0;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat

}

.pageSB-srvHeadName{

    margin:0 5px 0 0;

    font-weight:700;

    color:#333;

    transition:color .1s linear

}

.pageSB-srvHead:hover .pageSB-srvHeadName{

    color:#000

}

.body-Black .pageSB-srvHeadName{

    color:#ccc

}

.body-Black .pageSB-srvHead:hover .pageSB-srvHeadName{

    color:#fff

}

.pageSB-srvHeadLabel{

    float:right

}

.pageSB-srvList{

    padding:0 2px 3px 2px

}

.pageSB-srvI{

    display:table;

    width:100%;

    box-sizing:border-box;

    font-size:12.5px;

    line-height:13px;

    text-decoration:none;

    background: linear-gradient(to right, rgba(240, 20, 0, 0.1), rgba(240, 20, 0, 0.2), rgba(240, 20, 0, 0.1));

    box-shadow:0 -1px 8px -6px rgba(0,0,0,0.5),0 2px 8px -6px rgba(0,0,0,0.75);

    border-radius:5px;

    overflow:hidden;

    letter-spacing:-0.5px;

    transition:border-color .1s linear,box-shadow .1s linear

}

.body-Black .pageSB-srvI{

    border-color:#282828;

    box-shadow:0 3px 6px -3px rgba(0,0,0,1);

    background:rgba(255,255,255,0.035)

}

.pageSB-srvI.pageSB-srvI-Highlight1{

    box-shadow:0 0 3px rgba(254,215,0,1),0 0 3px rgba(254,215,0,1)

}

.pageSB-srvI.pageSB-srvI-Highlight2{

    box-shadow:0 0 3px rgba(53,133,254,1),0 0 3px rgba(53,133,254,1)

}

.pageSB-srvI.pageSB-srvI-Highlight3{

    box-shadow:0 0 3px rgba(35,191,25,1),0 0 3px rgba(35,191,25,1)

}

.pageSB-srvI.pageSB-srvI-Highlight4{

    box-shadow:0 0 3px rgba(249,24,171,1),0 0 3px rgba(249,24,171,1)

}

.pageSB-srvI.pageSB-srvI-Highlight5{

    box-shadow:0 0 3px rgba(140,37,249,1),0 0 3px rgba(140,37,249,1)

}

.pageSB-srvI:hover{

    border-color:#3562fb;

    box-shadow:0 0 10px #3562fb,0 0 10px #3562fb

}

.pageSB-srvI+.pageSB-srvI{

    margin-top:5px

}

.pageSB-srvIC1{

    display:table-cell;

    vertical-align:top;

    width:50px;

    background-position:center center;

    background-size:cover;

    border-radius:1px;

    position:relative;

    background-color:#f8f8f8

}

.body-Black .pageSB-srvIC1{

    background-color:#222

}

.pageSB-srvI.pageSB-srvI-BoostType2 .pageSB-srvIC1:after,.pageSB-srvI.pageSB-srvI-BoostType3 .pageSB-srvIC1:after{

    position:absolute;

    top:0;

    right:0;

    padding:2px 4px;

    font-size:10px;

    line-height:10px;

    color:#fff;

    border-radius:4px;

    opacity:.85

}

.pageSB-srvI.pageSB-srvI-BoostType2 .pageSB-srvIC1:after{

    content:'PRO';

    background:#23bf19;

    font-weight:700

}

.pageSB-srvI.pageSB-srvI-BoostType3 .pageSB-srvIC1:after{

    content:'GOLD';

    background:#fed700;

    font-weight:800

}

.pageSB-srvI.pageSB-srvI-BoostAuto .pageSB-srvIC1:before{

    content:'AUTO';

    background:#000;

    font-weight:400;

    position:absolute;

    bottom:0;

    right:0;

    padding:2px 4px;

    font-size:10px;

    line-height:10px;

    color:#fff;

    border-radius:4px;

    opacity:.75;

    letter-spacing:-0.75px

}

.pageSB-srvIC2{

    display:table-cell;

    vertical-align:top;

    padding:4px 0 3px 7px

}

.pageSB-srvIRow+.pageSB-srvIRow{

    margin-top:2px

}

.pageSB-srvICountry{

    display:inline-block;

    vertical-align:top;

    margin:0 3px 0 0;

    width:16px;

    height:10px;

    background-position:0 -1px

}

.pageSB-srvIMap{

    display:inline-block;

    vertical-align:top;

    font-weight:700;

    white-space:nowrap;

    max-width:90px;

    overflow:hidden;

    text-overflow:ellipsis

}

.body-WideDesktop .pageSB-srvIMap{

    max-width:120px

}

.pageSB-srvIPlayers{

    display:inline-block;

    vertical-align:top;

    margin:0 10px 0 0;

    float:right;

    font-size:11px;

    white-space:nowrap;

    max-width:40px;

    overflow:hidden;

    text-overflow:ellipsis

}

.body-WideDesktop .pageSB-srvIPlayers{

    max-width:50px

}

.pageSB-srvIPlayersCount{

    font-weight:700;

    color:#888;

    transition:color .1s linear

}

.body-Black .pageSB-srvIPlayersCount{

    color:#666

}

.pageSB-srvI:hover .pageSB-srvIPlayersCount{

    color:#333

}

.body-Black .pageSB-srvI:hover .pageSB-srvIPlayersCount{

    color:#aaa

}

.pageSB-srvIPlayersSep{

    margin:0 1px;

    color:#bbb;

    transition:color .1s linear

}

.body-Black .pageSB-srvIPlayersSep{

    color:#555

}

.pageSB-srvI:hover .pageSB-srvIPlayersSep{

    color:#555

}

.body-Black .pageSB-srvI:hover .pageSB-srvIPlayersSep{

    color:#aaa

}

.pageSB-srvIPlayersMaxCount{

    color:#aaa;

    transition:color .1s linear

}

.body-Black .pageSB-srvIPlayersMaxCount{

    color:#555

}

.pageSB-srvI:hover .pageSB-srvIPlayersMaxCount{

    color:#333

}

.body-Black .pageSB-srvI:hover .pageSB-srvIPlayersMaxCount{

    color:#aaa

}

.pageSB-srvIName{

    display:inline-block;

    vertical-align:top;

    white-space:nowrap;

    max-width:160px;

    overflow:hidden;

    text-overflow:ellipsis;

    color:#1a6dea;

    font-weight:700;

    transition:color .1s linear

}

.body-Black .pageSB-srvIName{

    color:#666

}

.pageSB-srvI:hover .pageSB-srvIName{

    color:#333

}

.body-Black .pageSB-srvI:hover .pageSB-srvIName{

    color:#aaa

}

.pageSB-promo{

    display:block;

    padding:7px 5px;

    box-shadow:0 2px 4px -2px rgba(0,0,0,0.2);

    border-radius:5px;

    box-sizing:border-box;

    text-decoration:none;

    color:#666;

    text-align:center;

    font-size:13.5px;

    line-height:16px;

    background:#fff;

    transition:box-shadow .1s linear

}

.body-Black .pageSB-promo{

    box-shadow:0 3px 6px -3px rgba(0,0,0,1);

    background:rgba(255,255,255,0.01)

}

.pageSB-promo:hover{

    box-shadow:0 0 10px #3562fb,0 0 10px #3562fb !important

}

.pageSB-promoHead{

    display:inline-block;

    position:relative;

    padding:0 0 0 40px;

    text-align:left

}

.pageSB-promoHeadIcon{

    content:'';

    position:absolute;

    left:5px;

    top:50%;

    background-image:url(/assets/assetts/img/icon/discount2.svg);

    background-size:contain;

    background-repeat:no-repeat;

    background-position:center;

    width:24px;

    height:24px;

    margin:-13px 0 0 0;

    transition:width .1s linear,height .1s linear,margin .1s linear

}

.pageSB-promo:hover .pageSB-promoHeadIcon{

    width:28px;

    height:28px;

    margin:-15px 0 0 -2px

}

.pageSB-promoHeadTitle{

    display:block;

    color:#333;

    font-weight:800;

    letter-spacing:-0.5px

}

.body-Black .pageSB-promoHeadTitle{

    color:#ccc

}

.pageSB-promoHeadDiscount{

    margin:0 3px 0 0;

    font-weight:800;

    color:#feba15

}

.body-Black .pageSB-promoHeadDiscount{

    color:#fed700

}

.pageSB-promoHeadDescription{

    display:block;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

    font-weight:600

}

.pageSB-promoLeft{

    display:block;

    padding:3px 0 0 0;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

    font-size:12.5px;

    line-height:13px;

    color:#aaa;

    letter-spacing:-0.5px

}

.body-Black .pageSB-promoLeft{

    color:#666

}

.pageSB-promoLeftText{

    display:inline-block;

    vertical-align:top;

    position:relative;

    padding:3px 0 0 17px;

    border-top:1px solid #eee

}

.body-Black .pageSB-promoLeftText{

    border-top-color:#1a1a1a

}

.pageSB-promoLeftText:before{

    content:'';

    position:absolute;

    top:50%;

    left:0;

    background-image:url(/assets/assetts/img/icon/clock.svg);

    background-size:contain;

    background-repeat:no-repeat;

    background-position:center;

    width:12px;

    height:12px;

    margin:-5px 0 0 0;

    opacity:.25

}

.body-Black .pageSB-promoLeftText:before{

    background-image:url(/assets/assetts/img/icon/clock_white.svg)

}

.pageSB-partner>.pGameLink+.pGameLink{

    margin-top:15px

}



.body-NoBars .pageFootWrap{

    display:none

}

.pageFoot{

    width:1000px;

    margin:0 auto;

    padding:35px 0 50px 0;

    box-sizing:border-box

}



.body-LteTbl .pageFoot{

    width:100% !important;

    padding:30px 10px;

    box-sizing:border-box

}

.pageFoot-tblC1{

    display:inline-block;

    vertical-align:top;

    width:22%;

    padding:0 5px 0 0;

    box-sizing:border-box

}

.body-LteTbl .pageFoot-tblC1{

    display:none

}

.pageFoot-tblC2{

    display:inline-block;

    vertical-align:top;

    width:28%;

    padding:0 5px 0 0;

    box-sizing:border-box

}

.body-LteTbl .pageFoot-tblC2{

    display:none

}

.pageFoot-tblC3{

    display:inline-block;

    vertical-align:top;

    width:26%

}

.body-LteTbl .pageFoot-tblC3{

    display:none

}

.pageFoot-tblC4{

    display:inline-block;

    vertical-align:top;

    text-align:right;

    width:24%

}

.body-LteTbl .pageFoot-tblC4{

    display:block;

    text-align:center;

    width:auto

}

.pageFoot-logo{

    display:inline-block;

    vertical-align:top;

    text-decoration:none;

    box-sizing:border-box;

    text-align:right

}

.body-LteTbl .pageFoot-logo{

    text-align:center

}

.pageFoot-logoTitle{

    display:inline-block;

    vertical-align:top;

    padding:0 0 0 40px;

    position:relative;

    text-transform:uppercase;

    font-weight:400;

    color:#fff;

    font-size:18px;

    line-height:18px;

    letter-spacing:.5px;

    transition:color .1s linear

}

.pageFoot-logo:hover .pageFoot-logoTitle{

    color:#fed700

}

.body-LteTbl .pageFoot-logo:hover .pageFoot-logoTitle{

    color:#fff !important

}

.pageFoot-logoTitleIcon{

    position:absolute;

    top:50%;

    left:0;

    width:32px;

    height:23px;

    margin:-14px 0 0 0;

    background-size:contain;

    background-position:center;

    background-repeat:no-repeat

}

.pageFoot-logoTitleText span{

    font-weight:800

}

.pageFoot-logoSub{

    display:block;

    margin:5px 0 0 0;

    font-size:13.5px;

    line-height:16px;

    font-weight:700;

    color:#555;

    letter-spacing:-0.25px;

    transition:color .1s linear

}

.pageFoot-logo:hover .pageFoot-logoSub{

    color:#eee

}

.body-LteTbl .pageFoot-logoSub{

    margin:5px 0 0 0;

    color:#555 !important

}

.body-LteTbl .pageFoot-logoSub br{

    display:none

}

.pageFoot-share{

    margin:20px 0 0 0

}

.body-LteTbl .pageFoot-share{

    text-align:center;

    margin:15px 0 0 0

}

.pageFoot-shareButtons{

    float:right

}

.body-LteTbl .pageFoot-shareButtons{

    display:inline-block;

    vertical-align:top;

    float:none

}

.pageFoot-shareButtons .shareLink-button{

    margin-top:5px !important

}

.pageFoot-shareLabel{

    clear:both;

    padding:10px 0 0 0;

    font-size:13.5px;

    line-height:20px;

    color:#444;

    letter-spacing:-0.25px

}

.pageFoot-shareLabel a{

    font-weight:700;

    color:#888;

    text-decoration:none;

    transition:color .1s linear

}

.pageFoot-shareLabel a:hover{

    color:#fed700

}

.pageFoot-bug{

    position:relative;

    display:inline-block;

    vertical-align:top;

    margin:25px 0 0 0;

    padding:0 0 0 21px;

    text-decoration:none;

    color:#555;

    font-weight:700;

    letter-spacing:-0.25px;

    font-size:13.5px;

    line-height:14px;

    transition:color .1s linear

}

.pageFoot-bug:hover{

    color:#fff

}

.pageFoot-bugIcon{

    position:absolute;

    top:50%;

    left:0;

    width:16px;

    height:16px;

    margin:-8px 0 0 0;

    background-size:contain;

    background-position:center;

    background-repeat:no-repeat;

    opacity:.35;

    transition:opacity .1s linear

}

.pageFoot-bug:hover .pageFoot-bugIcon{

    opacity:1

}

.pageFoot-nav>ul{

    display:block;

    margin:0;

    padding:0;

    list-style:none;

    font-size:13.5px;

    line-height:14px

}

.pageFoot-nav>ul>li{

    display:block;

    margin:0;

    position:relative

}

.pageFoot-nav>ul>li.pageFoot-navItem-Inline{

    display:inline-block;

    vertical-align:top;

    margin:0 10px 0 0

}

.pageFoot-nav>ul>li.pageFoot-navItem-Inline+li.pageFoot-navItem-Inline{

    margin-right:0

}

.pageFoot-nav>ul>li>a{

    display:inline-block;

    vertical-align:top;

    padding:5px 5px 5px 0;

    text-decoration:none;

    color:#555;

    font-weight:700;

    letter-spacing:-0.25px;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

    max-width:100%;

    transition:color .1s linear

}

.pageFoot-nav>ul>li>a:hover{

    color:#fff

}

.pageFoot-navItemIcon{

    display:inline-block;

    vertical-align:top;

    width:16px;

    height:16px;

    margin:-1px 5px -1px 0;

    background-size:contain;

    background-repeat:no-repeat;

    background-position:center;

    opacity:.5;

    transition:opacity .1s linear

}

.pageFoot-nav>ul>li>a:hover .pageFoot-navItemIcon{

    opacity:1

}

.pageFoot-load{

    margin:35px 0 0 0;

    border-top:1px solid #111

}

.body-LteTbl .pageFoot-load{

    display:none !important

}

.pageFoot-loadIcon{

    text-align:center;

    padding:50px 0

}

.pageFoot-load.pageFoot-load-Show .pageFoot-loadIcon{

    display:none

}

.pageFoot-loadContent{

    display:none

}

.pageFoot-load.pageFoot-load-Show .pageFoot-loadContent{

    padding:15px 0 0 0;

    display:block

}

.pageFoot-servers{

    font-size:13px;

    line-height:13px;

    text-align:center

}

.pageFoot-serversTitle{

    position:relative;

    display:inline-block;

    padding:5px 10px 5px 22px;

    font-size:13.5px;

    line-height:14px;

    color:#555;

    font-weight:700;

    text-decoration:none;

    text-align:center;

    transition:color .1s linear

}

.pageFoot-serversTitle:hover{

    color:#fff

}

.pageFoot-serversTitle:before{

    content:'';

    position:absolute;

    top:50%;

    left:0;

    width:16px;

    height:16px;

    margin:-9px 0 0 0;

    background-size:contain;

    background-repeat:no-repeat;

    background-position:center;

    background-image:url(/assets/assetts/img/icon/crown_white.svg);

    opacity:.35;

    transition:width .1s linear,height .1s linear,margin .1s linear,opacity .1s linear

}

.pageFoot-serversTitle:hover:before{

    width:18px;

    height:18px;

    margin:-10px 0 0 -1px;

    opacity:1

}

.pageFoot-serversRows{

    display:table;

    border-spacing:10px;

    width:100%;

    box-sizing:border-box

}

.pageFoot-serversRow{

    display:table-row

}

/* Общи стилове за линковете в менюто */
.main_menu_links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.main_menu_links li {
    margin: 10px 0;
}

.main_menu_links a {
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 20px; /* Прави ръбовете кръгли, подобно на badge */
    font-weight: bold;
    transition: background-color 0.3s, color 0.3s;
    margin-left: 10px;
}

/* Променя цвета на фона при hover */
.main_menu_links a:hover {
    background-color: #dc35458a; /* Син цвят при hover */
   
}



.pageFoot-server{

    position:relative;

    display:table-cell;

    vertical-align:top;

    width: 20.33%;

    padding:2px;

    box-sizing:border-box;

    background-size:cover;

    background-position:center center;

    background-color:#121212;

    box-shadow:0 3px 6px -3px rgba(0,0,0,1);

    overflow:hidden;

    border-radius:5px

}

.pageFoot-serverRow{

    position:relative

}

.pageFoot-serverRow+.pageFoot-serverRow{

    margin-top:1px

}

.pageFoot-serverRowC{

    display:inline-block;

    vertical-align:top;

    padding:2px 5px;

    text-decoration:none;

    background-color:rgba(0,0,0,0.85);

    color:#eee;

    text-shadow:0 1px 2px rgba(0,0,0,0.85)

}

a.pageFoot-serverRowC{

    transition:background-color .1s linear

}

a.pageFoot-serverRowC:hover{

    background:rgba(0,0,0,1);

    transition:background-color .1s linear

}

.pageFoot-serverRowC+.pageFoot-serverRowC{

    margin-left:1px

}

.pageFoot-serverRowC.pageFoot-serverRowC-BoostType{

    position:relative;

    color:#fff;

    font-size:10px;

    font-weight:600;

    padding-left:22px;

    text-shadow:none

}

.pageFoot-serverRowC.pageFoot-serverRowC-BoostType:before{

    display:block;

    position:absolute;

    content:'';

    background-image:url(/assets/assetts/img/icon/crown_white.svg);

    background-repeat:no-repeat;

    background-position:center;

    background-size:contain;

    width:16px;

    height:16px;

    left:4px;

    top:50%;

    margin:-9px 0 0 0

}

.pageFoot-serverRowC.pageFoot-serverRowC-BoostType.pageFoot-serverRowC-BoostType2{

    background:#23bf19 !important;

    font-weight:700

}

.pageFoot-serverRowC.pageFoot-serverRowC-BoostType.pageFoot-serverRowC-BoostType3{

    background: #000000c4;

    font-weight:800

}

.pageFoot-serverGame{

    font-weight:800;

    letter-spacing:-0.5px

}

.pageFoot-serverAddress{

    font-weight:600;

    white-space:nowrap;

    max-width:180px;

    overflow:hidden;

    text-overflow:ellipsis;

    letter-spacing:-0.5px

}

.pageFoot-serverName{

    font-weight:600;

    white-space:nowrap;

    max-width:180px;

    overflow:hidden;

    text-overflow:ellipsis;

    letter-spacing:-0.5px

}

.pageFoot-serverMap{

    font-weight:800;

    white-space:nowrap;

    max-width:130px;

    overflow:hidden;

    text-overflow:ellipsis;

    letter-spacing:-0.5px

}

.pageFoot-serverPlayers{

    display:table;

    border-spacing:0;

    letter-spacing:-0.5px

}

.pageFoot-serverPlayersCount{

    display:table-cell;

    vertical-align:middle;

    font-weight:700;

    padding:0 1px 0 0

}

.pageFoot-serverPlayersSep{

    display:table-cell;

    vertical-align:middle;

    padding:0 1px 0 0

}

.pageFoot-serverPlayersMaxCount{

    display:table-cell;

    vertical-align:middle;

    font-weight:600

}

.pageFoot-serverCountry{

    font-weight:800

}

.pageFoot-serverCountryImg{

    display:inline-block;

    vertical-align:top;

    width:16px;

    height:13px;

    background-position:0 -1px;

    margin:0 2px 0 0

}

.pageFoot-serverCountryCode{

    display:inline-block;

    vertical-align:top

}

.pageFoot-serversAdd{

    display:table-cell;

    vertical-align:top;

    width:25%;

    padding:13px 0;

    text-decoration:none;

    text-align:center;

    color:#fff;

    background:#121212;

    box-shadow:0 3px 6px -3px rgba(0,0,0,1);

    border-radius:5px;

    transition:background-color .1s linear,color .1s linear

}

.pageFoot-serversAdd:hover{

    background:#1f1f1f;

    color:#fff;

    transition:background-color .1s linear,color .1s linear

}

.pageFoot-serversAddText1{

    display:inline-block;

    position:relative;

    font-size:18px;

    line-height:18px;

    text-transform:uppercase;

    font-weight:800;

    padding:0 0 0 32px;

    letter-spacing:1px

}

.pageFoot-serversAdd:hover .pageFoot-serversAddText1{

    color:#fed700

}

.pageFoot-serversAddText1:before{

    display:block;

    position:absolute;

    content:'';

    background-image:url(/assets/assetts/img/logo/site_logo_white.svg);

    background-repeat:no-repeat;

    background-position:center;

    background-size:contain;

    width:24px;

    height:24px;

    left:0;

    top:50%;

    margin:-14px 0 0 0;

    transition:transform .1s linear

}

.pageFoot-serversAdd:hover .pageFoot-serversAddText1:before{

    transform:scale(1.15)

}

.pageFoot-serversAddText2{

    margin:10px 0 0 0;

    font-size:13.5px;

    line-height:14px;

    font-weight:700;

    letter-spacing:-0.75px;

    color:#555;

    transition:color .1s linear

}

.pageFoot-serversAdd:hover .pageFoot-serversAddText2{

    color:#fff

}

.pGameLink{

    display:block;

    height:202px;

    position:relative;

    border-radius:15px;

    overflow:hidden;

    background:#121419;

    box-sizing:border-box;

    font-size:10px;

    line-height:10px;

    box-shadow:0 2px 8px -6px rgba(0,0,0,0.75);

    border:1px solid #222

}

.body-LteTbl .pGameLink{

    border-radius:5px

}

.pGameLink-link{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%

}

.pGameLink-logo{

    position:absolute;

    top:50%;

    left:50%;

    width:50px;

    height:50px;

    margin:-45px 0 0 -25px;

    background-size:contain;

    background-repeat:no-repeat;

    background-position:center

}

.pGameLink-bgd{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background-size:cover;

    background-repeat:no-repeat;

    background-position:top center;

    filter:blur(20px)

}

.pGameLink-img{

    position:absolute;

    width:228px;

    top:0;

    left:50%;

    height:100%;

    margin:0 0 0 -114px;

    background-size:cover;

    background-repeat:no-repeat;

    background-position:center;

    transition:transform .3s linear

}

.pGameLink:hover .pGameLink-img{

    transform:scale(1.1)

}

.pGameLink-bottom{

    position:absolute;

    left:0;

    bottom:0;

    width:100%

}

.pGameLink-text{

    display:block;

    padding:5px 0;

    text-align:center;

    overflow:hidden;

    backdrop-filter:blur(20px);

    z-index:1

}

.pGameLink-title{

    display:inline-block;

    vertical-align:top;

    padding:3px 5px;

    font-size:13.5px;

    line-height:14px;

    background:#121419;

    color:#fed700;

    border-radius:5px;

    font-weight:700;

    transition:color .2s linear

}

.pGameLink:hover .pGameLink-title{

    color:#fff

}

.pGameLink-addLink{

    display:block;

    padding:10px 0;

    text-decoration:none;

    text-align:center;

    background:#446ddb;

    transition:background-color .1s linear

}

.pGameLink-addLink:hover{

    background:#4285f4

}

.pGameLink-addLinkTitle{

    position:relative;

    display:inline-block;

    vertical-align:top;

    padding:0 15px 0 0;

    color:#fff;

    font-size:13.5px;

    line-height:14px;

    font-weight:700;

    text-shadow:0 1px 2px rgba(0,0,0,0.75)

}

.pGameLink-addLinkTitle:before{

    content:'';

    position:absolute;

    top:50%;

    right:0;

    width:10px;

    height:10px;

    margin:-5px 0 0 0;

    background-size:contain;

    background-repeat:no-repeat;

    background-position:top center;

    background-image:url(/assets/assetts/img/icon/arrow_right2_white.svg)

}

.indexPage-start{

    position:relative;

    padding:50px 25px 60px 25px;

    text-align:center;

    font-size:12px;

    line-height:12px;

    background:#fff;

    box-shadow:0 2px 8px -6px rgba(0,0,0,0.75)

}

.body-LteTbl .indexPage-start{

    padding:25px 5px

}

.body-Black .indexPage-start{

    box-shadow:0 5px 10px -5px rgba(0,0,0,1);

    background:#181818

}

.indexPage-startChart{

    position:relative;

    height:155px;

    overflow:hidden;

    cursor:default;

    user-select:none

}

.body-LteTbl .indexPage-startChart{

    height:125px

}

.indexPage-startChartColumn{

    position:absolute;

    top:1%;

    display:inline-block;

    vertical-align:top;

    height:90%;

    background:#e6eff9;

    border-radius:20px;

    box-sizing:border-box;

    overflow:hidden

}

.body-Black .indexPage-startChartColumn{

    background:rgba(255,255,255,0.05);

    box-shadow:0 4px 8px -4px rgba(0,0,0,1)

}

.indexPage-startChartColumnStrip{

    position:absolute;

    bottom:0;

    left:0;

    right:0;

    background:#1a6dea;

    border-radius:20px;

    overflow:hidden;

    box-sizing:border-box;

    box-shadow:0 -4px 8px -4px rgba(0,0,0,0.5)

}

.body-Black .indexPage-startChartColumnStrip{

    box-shadow:0 -4px 8px -4px rgba(0,0,0,1)

}

.indexPage-startChartColumnMap,.indexPage-startChartColumnStripMap{

    position:absolute;

    bottom:10px;

    left:50%;

    margin:0 0 0 -7px;

    font-size:13.5px;

    line-height:14px;

    white-space:nowrap;

    letter-spacing:.25px;

    font-weight:700;

    text-transform:uppercase;

    -webkit-writing-mode:vertical-rl;

    writing-mode:vertical-rl;

    -moz-transform:rotate(180deg);

    -o-transform:rotate(180deg);

    -webkit-transform:rotate(180deg);

    transform:rotate(180deg)

}

.body-LteTbl .indexPage-startChartColumnMap,.body-LteTbl .indexPage-startChartColumnStripMap{

    font-size:12px;

    line-height:12px;

    margin:0 0 0 -5px

}

.indexPage-startChartColumnMap{

    color:#000;

    opacity:.5;

    text-shadow:0 1px 5px rgba(255,255,255,0.5)

}

.body-Black .indexPage-startChartColumnMap{

    color:#fff;

    text-shadow:0 1px 10px rgba(0,0,0,0.95)

}

.indexPage-startChartColumnStripMap{

    color:#fff;

    text-shadow:0 1px 10px rgba(0,0,0,0.5)

}

.body-Black .indexPage-startChartColumnStripMap{

    text-shadow:0 1px 10px rgba(0,0,0,0.95)

}

.indexPage-startText{

    margin:25px 0 0 0;

    padding:0

}

.body-LteTbl .indexPage-startText{

    margin:15px 0 0 0

}

.indexPage-startTextWrap{

    position:relative;

    display:inline-block;

    vertical-align:top;

    width:1000px

}

.body-LteTbl .indexPage-startTextWrap{

    width:auto;

    display:block;

    padding-bottom:0

}

.indexPage-startTextTitle{

    margin:0;

    padding:0

}

.indexPage-startTextTitleLogo{

    display:inline-block;

    vertical-align:top;

    position:relative;

    padding:0 0 0 80px;

    font-size:64px;

    line-height:64px;

    color:#333;

    letter-spacing:10px;

    font-weight:400;

    text-transform:uppercase

}

.body-Black .indexPage-startTextTitleLogo{

    color:#eee

}

.body-LteTbl .indexPage-startTextTitleLogo{

    font-size:30px;

    line-height:30px;

    padding:0 0 0 45px;

    letter-spacing:2px

}

.indexPage-startTextTitleLogoText span{

    font-weight:800;

    color:#111

}

.body-Black .indexPage-startTextTitleLogoText span{

    color:#fff

}

.indexPage-startTextTitleLogoIcon{

    content:'';

    background-position:center;

    background-repeat:no-repeat;

    background-size:contain;

    width:64px;

    height:64px;

    position:absolute;

    left:0;

    top:50%;

    margin:-32px 0 0 0

}

.body-LteTbl .indexPage-startTextTitleLogoIcon{

    width:32px;

    height:30px;

    margin:-15px 0 0 0

}

.indexPage-startTextTitleName{

    margin:10px 0 0 0;

    padding:0 0 0 15px;

    font-size:16px;

    line-height:16px;

    color:#333;

    font-weight:800;

    letter-spacing:15px;

    text-transform:uppercase

}

*[lang="en"] .indexPage-startTextTitleName{

    letter-spacing:18px;

    padding:0 0 0 18px

}

.body-Black .indexPage-startTextTitleName{

    color:#555

}

.body-LteTbl .indexPage-startTextTitleName{

    display:inline-block;

    vertical-align:top;

    margin:12px 0 0 0;

    font-size:14px;

    line-height:14px;

    letter-spacing:5px;

    padding:0 0 0 5px

}

.indexPage-startTextInfo{

    margin:8px 0 0 0

}

.body-LteTbl .indexPage-startTextInfo{

    margin:12px 0 0 0

}

.indexPage-startMenu{

    text-align:center;

    margin:40px 0 0 0

}

.body-LteTbl .indexPage-startMenu{

    margin:20px 0 0 0;

    padding:5px 5px 12px 5px

}

.body-Touch .indexPage-startMenu{

    white-space:nowrap;

    overflow:scroll

}

.indexPage-startMenuItem{

    display:inline-block;

    vertical-align:top;

    margin:10px 8px 0 8px;

    text-align:left;

    position:relative;

    border-radius:28px

}

.body-LteTbl .indexPage-startMenuItem{

    border-radius:24px !important;

    margin:5px 5px 0 5px

}

.indexPage-startMenuItem:hover{

    box-shadow:0 2px 10px 5px rgba(0,0,0,0.1)

}

.body-Black .indexPage-startMenuItem:hover{

    box-shadow:0 1px 10px -2px rgba(255,255,255,0.25)

}

.indexPage-startMenuItem.indexPage-startMenuItem-Menu:hover{

    box-shadow:none

}

.body-Touch .indexPage-startMenuItem{

    box-shadow:none !important

}

.indexPage-startMenuItemTitle{

    position:relative;

    display:block;

    text-decoration:none;

    padding:15px 25px 15px 65px;

    border-radius:28px;

    box-sizing:border-box;

    background:#f2f6fc;

    transition:border-radius .1s

}

.body-Black .indexPage-startMenuItemTitle{

    background:#121212

}

.indexPage-startMenuItem:hover .indexPage-startMenuItemHover .indexPage-startMenuItemTitle{

    border-radius:28px 28px 0 0

}

.body-LteTbl .indexPage-startMenuItem:hover .indexPage-startMenuItemHover .indexPage-startMenuItemTitle{

    border-radius:24px 24px 0 0

}

.indexPage-startMenuItemTitleText{

    display:block;

    margin:0;

    padding:0;

    font-size:26px;

    line-height:26px;

    color:#000;

    font-weight:800;

    letter-spacing:-0.25px

}

.body-Black .indexPage-startMenuItemTitleText{

    color:#fff;

    text-shadow:0 1px 10px rgba(0,0,0,0.95)

}

.body-LteTbl .indexPage-startMenuItemTitleText{

    font-size:18px;

    line-height:18px

}

.indexPage-startMenuItemTitle:before{

    content:'';

    position:absolute;

    top:50%;

    left:20px;

    width:32px;

    height:32px;

    margin:-16px 0 0 0;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat

}

.indexPage-startMenuItem-Servers .indexPage-startMenuItemTitle:before{

    background-image:url(/assets/assetts/img/icon/server2_gold.svg)

}

.indexPage-startMenuItem-Store .indexPage-startMenuItemTitle:before{

    background-image:url(/assets/assetts/img/icon/gamepad_gold.svg)

}

.indexPage-startMenuItem-CS .indexPage-startMenuItemTitle:before{

    background-image:url(/assets/assetts/img/game/cs1.6_icon_gold.svg)

}

.indexPage-startMenuItem-Players .indexPage-startMenuItemTitle:before{

    background-image:url(/assets/assetts/img/icon/user_gold.svg)

}

.indexPage-startMenuItem-Maps .indexPage-startMenuItemTitle:before{

    background-image:url(/assets/assetts/img/icon/map_gold.svg)

}

.indexPage-startMenuItemHover{

    display:none;

    position:absolute;

    top:0;

    left:0;

    min-width:100%;

    white-space:nowrap;

    box-shadow:0 2px 10px 5px rgba(0,0,0,0.1);

    border-radius:28px;

    z-index:1;

    background:#fff;

    overflow:hidden

}

.body-LteTbl .indexPage-startMenuItemHover{

    border-radius:24px

}

.body-Black .indexPage-startMenuItemHover{

    background:#080808;

    box-shadow:0 1px 10px -2px rgba(255,255,255,0.25)

}

.indexPage-startMenuItem:hover .indexPage-startMenuItemHover{

    display:block

}

.body-Touch .indexPage-startMenuItemHover{

    display:none !important

}

.indexPage-startMenuItemList{

    margin:0;

    padding:10px 0 15px 0;

    min-width:100%;

    max-height:320px;

    overflow-y:auto

}

.indexPage-startMenuItem:hover .indexPage-startMenuItemList{

    display:block

}

.indexPage-startMenuItemList li{

    display:block;

    margin:0;

    padding:0

}

.indexPage-startMenuItemList li a{

    position:relative;

    display:block;

    margin:0;

    padding:7px 20px;

    font-size:14.5px;

    line-height:15px;

    color:#000;

    text-decoration:none;

    font-weight:700;

    letter-spacing:-0.5px;

    transition:color .1s,background .1s

}

.body-Black .indexPage-startMenuItemList li a{

    color:#fff

}

.indexPage-startMenuItemList li a:hover{

    color:#1a6dea;

    background:#f6f8fb

}

.body-Black .indexPage-startMenuItemList li a:hover{

    color:#fed700;

    background:rgba(255,255,255,0.05)

}

.indexPage-startMenuItemListIcon{

    display:inline-block;

    vertical-align:top;

    width:16px;

    height:16px;

    margin:-1px 8px -1px 0;

    background-size:contain;

    background-repeat:no-repeat;

    background-position:center

}

.indexPage-games{

    padding:50px 0

}

.body-LteTbl .indexPage-games{

    padding:25px 10px

}

.indexPage-gamesTitle{

    text-align:center

}

.indexPage-gamesTitleLink{

    display:inline-block;

    vertical-align:top;

    text-decoration:none

}

.indexPage-gamesTitleText{

    position:relative;

    display:inline-block;

    vertical-align:top;

    font-size:35px;

    line-height:35px;

    color:#000;

    font-weight:800;

    letter-spacing:.25px;

    padding:0 0 0 55px;

    transition:color .1s

}

.body-Black .indexPage-gamesTitleText{

    color:#fff

}

.body-LteTbl .indexPage-gamesTitleText{

    font-size:21px;

    line-height:21px;

    letter-spacing:-0.5px;

    padding:0 0 0 40px

}

.indexPage-gamesTitleLink:hover .indexPage-gamesTitleText{

    color:#1a6dea !important

}

.indexPage-gamesTitleText:before{

    content:'';

    width:40px;

    height:40px;

    top:50%;

    left:0;

    margin:-20px 0 0 0;

    position:absolute;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    background-image:url(/assets/assetts/img/icon/gamepad_gold.svg)

}

.body-LteTbl .indexPage-gamesTitleText:before{

    width:28px;

    height:28px;

    margin:-14px 0 0 0

}

.indexPage-gamesList{

    margin:35px 0 0 0

}

.body-LteTbl .indexPage-gamesList{

    margin:15px 0 0 0

}

.indexPage-chapters{

    display:table;

    width:100%;

    margin:0;

    padding:0;

    list-style:none;

    background:#fff;

    box-shadow:0 2px 8px -6px rgba(0,0,0,0.75);

    font-size:12px;

    line-height:12px

}

.body-Black .indexPage-chapters{

    background:#181818;

    box-shadow:0 5px 10px -5px rgba(0,0,0,1),0 -5px 10px -5px rgba(0,0,0,1)

}

.body-LteTbl .indexPage-chapters{

    display:block

}

.indexPage-chapter{

    margin:0;

    padding:35px 25px;

    display:table-cell;

    vertical-align:top;

    width:33.33%;

    box-sizing:border-box

}

.body-LteTbl .indexPage-chapter{

    display:block;

    width:auto;

    padding:25px 10px 20px 10px

}

.indexPage-chapter+.indexPage-chapter{

    border-left:1px solid #eee

}

.body-LteTbl .indexPage-chapter+.indexPage-chapter{

    border-left:0;

    border-top:1px solid #eee

}

.body-Black .indexPage-chapter+.indexPage-chapter{

    border-left-color:#111

}

.body-LteTbl.body-Black .indexPage-chapter+.indexPage-chapter{

    border-left:0;

    border-top-color:#111

}

.indexPage-chapterTitle{

    text-align:center

}

.indexPage-chapterTitleLink{

    display:inline-block;

    vertical-align:top;

    text-decoration:none

}

.indexPage-chapterTitleText{

    position:relative;

    display:inline-block;

    vertical-align:top;

    font-size:35px;

    line-height:35px;

    color:#000;

    font-weight:800;

    letter-spacing:.25px;

    padding:0 25px 0 55px;

    transition:color .1s

}

.body-Black .indexPage-chapterTitleText{

    color:#fff

}

.body-LteTbl .indexPage-chapterTitleText{

    font-size:21px;

    line-height:21px;

    padding:0 20px 0 40px

}

.indexPage-chapterTitleLink:hover .indexPage-chapterTitleText{

    color:#1a6dea !important

}

.indexPage-chapterTitleText:before{

    content:'';

    width:40px;

    height:40px;

    top:50%;

    left:0;

    margin:-20px 0 0 0;

    position:absolute;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat

}

.body-LteTbl .indexPage-chapterTitleText:before{

    width:28px;

    height:28px;

    margin:-14px 0 0 0

}

.indexPage-chapter.indexPage-chapter-Server .indexPage-chapterTitleText:before{

    background-image:url(/assets/assetts/img/icon/server2_gold.svg)

}

.indexPage-chapter.indexPage-chapter-Map .indexPage-chapterTitleText:before{

    background-image:url(/assets/assetts/img/icon/map_gold.svg)

}

.indexPage-chapter.indexPage-chapter-Player .indexPage-chapterTitleText:before{

    background-image:url(/assets/assetts/img/icon/user_gold.svg)

}

.indexPage-chapterTitleText:after{

    position:absolute;

    content:'';

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    width:14px;

    height:14px;

    top:50%;

    right:0;

    margin:-7px 0 0 0;

    opacity:.25;

    background-image:url(/assets/assetts/img/icon/arrow_right2.svg);

    transition:opacity .1s linear,width .1s linear,height .1s linear,margin .1s linear

}

.body-Black .indexPage-chapterTitleText:after{

    background-image:url(/assets/assetts/img/icon/arrow_right2_white.svg)

}

.body-LteTbl .indexPage-chapterTitleText:after{

    width:12px;

    height:12px;

    margin:-6px 0 0 0

}

.indexPage-chapterTitleLink:hover .indexPage-chapterTitleText:after{

    opacity:1;

    width:18px;

    height:18px;

    margin:-9px -2px 0 0

}

.indexPage-chapterInfo{

    font-size:14.5px;

    line-height:18px;

    margin:15px 0 0 0;

    text-align:center;

    color:#888

}

.body-Black .indexPage-chapterInfo{

    color:#777

}

.body-LteTbl .indexPage-chapterInfo{

    margin:10px 0 0 0;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis

}

.indexPage-chapterInfo b{

    font-weight:700

}

.indexPage-chapterSearch{

    margin:15px 0 0 0

}

.body-LteTbl .indexPage-chapterSearch{

    margin:10px 0 0 0

}

.indexPage-chapterLinks{

    display:block;

    margin:15px 0 0 0;

    padding:0;

    font-size:13.5px;

    line-height:18px;

    text-align:center

}

.body-LteTbl .indexPage-chapterLinks{

    margin:10px 0 0 0

}

.indexPage-chapterLinks li{

    display:inline-block;

    vertical-align:top;

    margin:5px 10px 0 10px;

    padding:0

}

.indexPage-chapterLinks li a{

    display:block;

    text-decoration:none;

    color:#888;

    font-weight:700;

    transition:color .1s

}

.body-Black .indexPage-chapterLinks li a{

    color:#666

}

.indexPage-chapterLinks li a:hover{

    color:#1a6dea

}

.indexPage-gamesTabs{

    padding:35px 0 0 0

}

.body-LteTbl .indexPage-gamesTabs{

    padding:25px 0 0 0

}

.indexPage-text{

    margin:100px 0 0 0

}

.onlineStatTitle{

    margin:0;

    padding:0;

    font-size:18.5px;

    line-height:28px;

    font-weight:400;

    color:#888;

    letter-spacing:.25px

}

.body-Black .onlineStatTitle{

    color:#666

}

.body-LteTbl .onlineStatTitle{

    font-size:13.5px;

    line-height:15px

}

.onlineStatTitle-sub{

    margin:9px 0 0 0;

    font-size:13.5px;

    line-height:15px;

    letter-spacing:.25px

}

.body-LteTbl .onlineStatTitle-sub{

    margin:10px 0 0 0;

    font-size:12.5px;

    line-height:17px;

    letter-spacing:.35px

}

.onlineStatTitle-prop{

    display:inline-block;

    vertical-align:top;

    padding:0 0 0 28px;

    white-space:nowrap;

    position:relative

}

.body-LteTbl .onlineStatTitle-prop{

    padding:0 0 0 20px

}

.onlineStatTitle-prop.onlineStatTitle-prop-Request{

    padding-left:0 !important

}

.onlineStatTitle-prop:before{

    content:'';

    position:absolute;

    width:18px;

    height:18px;

    top:50%;

    left:5px;

    margin:-9px 0 0 0;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat

}

.body-LteTbl .onlineStatTitle-prop:before{

    width:14px;

    height:14px;

    margin:-7px 0 0 0;

    left:2px

}

.onlineStatTitle-prop.onlineStatTitle-prop-Server:before{

    background-image:url(/assets/assetts/img/icon/server2_gold.svg)

}

.onlineStatTitle-prop.onlineStatTitle-prop-Map:before{

    background-image:url(/assets/assetts/img/icon/map_gold.svg)

}

.onlineStatTitle-prop.onlineStatTitle-prop-Player:before{

    background-image:url(/assets/assetts/img/icon/user_gold.svg)

}

.onlineStatTitle-prop.onlineStatTitle-prop-Game:before{

    background-image:url(/assets/assetts/img/icon/gamepad_gold.svg)

}

.onlineStatTitle-prop.onlineStatTitle-prop-Request:before{

    display:none

}

.onlineStatTitle-propCount{

    font-weight:800;

    color:#111

}

.body-Black .onlineStatTitle-propCount{

    color:#eee

}

.onlineStatTitle-sub .onlineStatTitle-propCount{

    font-weight:700;

    color:#555

}

.body-Black .onlineStatTitle-sub .onlineStatTitle-propCount{

    color:#888

}

.body-LteTbl .onlineStatTitle-propCount{

    font-weight:600

}

.searchForm-tbl{

    display:table;

    width:100%;

    box-sizing:border-box

}

.searchForm-tblCInput{

    display:table-cell;

    vertical-align:top;

    position:relative

}

.searchForm-tblCInput:before{

    content:'';

    position:absolute;

    background-size:contain;

    background-position:center;

    background-repeat:no-repeat;

    width:24px;

    height:24px;

    top:50%;

    left:10px;

    margin:-12px 0 0 0;

    background-image:url(/assets/assetts/img/icon/search.svg);

    opacity:.2

}

.body-Black .searchForm-tblCInput:before{

    background-image:url(/assets/assetts/img/icon/search_white.svg)

}

.body-LteTbl .searchForm-tblCInput:before,.searchForm-Compact .searchForm-tblCInput:before{

    width:18px;

    height:18px;

    margin:-9px 0 0 0

}

.searchForm-Mini .searchForm-tblCInput:before{

    width:18px;

    height:18px;

    margin:-9px 0 0 0

}

.searchForm-tblCSubmit{

    display:table-cell;

    vertical-align:top;

    width:25%

}

.searchForm-Mini .searchForm-tblCSubmit{

    width:32px

}

.searchForm-input{

    display:block;

    background:0;

    border:0;

    outline:0;

    width:100%;

    box-sizing:border-box;

    padding:0 20px 0 40px;

    color:#111;

    background:#f2f6fc;

    border-radius:20px 0 0 20px;

    font-size:18px;

    line-height:40px;

    letter-spacing:-0.5px;

    font-weight:700;

    box-shadow:inset 0 1px 3px rgba(0,0,0,0.025);

    transition:color .1s linear,background .1s linear,box-shadow .1s linear

}

.searchForm-Section .searchForm-input{

    background:#e6eff9

}

.body-Black .searchForm-input{

    background:#0d0d0d;

    color:#eee;

    box-shadow:inset 0 1px 5px rgba(0,0,0,0.5)

}

.body-Game .searchForm-input{

    box-shadow:none !important;

    border-radius:0 !important

}

.body-LteTbl .searchForm-input,.searchForm-Compact .searchForm-input{

    padding:0 5px 0 30px;

    font-size:14.5px;

    line-height:34px;

    font-weight:600;

    letter-spacing:-0.5px

}

.searchForm-Mini .searchForm-input{

    padding:0 5px 0 35px;

    font-size:14.5px;

    line-height:32px

}

.searchForm-input:hover,.searchForm-input:focus{

    color:#1a6dea;

    background:#fff !important;

    box-shadow:none

}

.body-Black .searchForm-input:hover,.body-Black .searchForm-input:focus{

    color:#fed700;

    background:#050505 !important

}

.searchForm-submit{

    position:relative;

    padding:12px 0;

    background:#fff;

    color:#888;

    font-size:14.5px;

    line-height:16px;

    border-radius:0 20px 20px 0;

    cursor:pointer;

    font-weight:800;

    text-align:center;

    text-transform:uppercase;

    letter-spacing:.75px;

    box-shadow:0 1px 10px -6px rgba(0,0,0,0.75);

    transition:color .2s linear,box-shadow .2s linear

}

.body-Black .searchForm-submit{

    background:rgba(255,255,255,0.01);

    box-shadow:0 1px 8px -4px rgba(0,0,0,1);

    color:#555

}

.body-Game .searchForm-submit{

    box-shadow:none !important;

    background:#181818;

    border-radius:0 !important

}

.body-LteTbl .searchForm-submit,.searchForm-Compact .searchForm-submit{

    padding:9px 0;

    font-size:14.5px;

    letter-spacing:-0.25px;

    text-transform:none

}

.searchForm-Mini .searchForm-submit{

    width:30px;

    height:30px;

    padding:0

}

.searchForm-submit:hover{

    color:#000 !important;

    box-shadow:0 1px 12px -5px rgba(0,0,0,0.75)

}

.body-Black .searchForm-submit:hover{

    color:#fff !important;

    box-shadow:0 1px 20px -2px rgba(0,0,0,1)

}

.searchForm-Mini .searchForm-submit:before{

    content:'';

    position:absolute;

    background-size:contain;

    background-position:center;

    background-repeat:no-repeat;

    width:16px;

    height:16px;

    top:50%;

    left:50%;

    margin:-8px 0 0 -8px;

    background-image:url(/assets/assetts/img/icon/arrow_right2.svg);

    opacity:.25;

    transition:width .1s linear,height .1s linear,margin .1s linear,opacity .1s linear

}

.body-Black .searchForm-Mini .searchForm-submit:before{

    background-image:url(/assets/assetts/img/icon/arrow_right2_white.svg)

}

.searchForm-Mini .searchForm-submit:hover:before{

    opacity:.75;

    width:20px;

    height:20px;

    margin:-10px 0 0 -10px

}

.gamesList{

    margin:0;

    padding:0;

    list-style:none;

    position:relative;

    text-align:center

}

.gamesList-search{

    margin:0 auto 20px auto;

    max-width:1000px

}

.gamesList-item{

    display:inline-block;

    vertical-align:top;

    width:49%;

    margin:0;

    padding:0 0 0 100px;

    height:100px;

    position:relative;

    box-sizing:border-box;

    text-align:left;

    background:#fff;

    box-shadow:0 2px 10px 5px rgba(0,0,0,0.05);

    overflow:hidden;

    border-radius:10px

}

.gamesList.gamesList-Inline .gamesList-item{

    width:460px;

    margin:5px !important

}

.body-Black .gamesList-item{

    background:#222;

    box-shadow:0 2px 10px 5px rgba(0,0,0,0.5)

}

.gamesList-item:nth-child(2n+2){

    margin-left:2%

}

.gamesList-item:nth-child(n+3){

    margin-top:2%

}

.body-LteTbl .gamesList-item{

    display:block;

    width:auto !important;

    height:44px;

    margin:0 !important;

    padding:0;

    border-radius:5px

}

.body-LteTbl .gamesList.gamesList-Inline .gamesList-item{

    margin:0 !important

}

.body-LteTbl .gamesList-item+.gamesList-item,.body-LteTbl .gamesList.gamesList-Inline .gamesList-item+.gamesList-item{

    margin-top:8px !important

}

.gamesList-itemBgd{

    display:none;

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    opacity:.2

}

.body-Black .gamesList-itemBgd{

    display:block

}

.body-LteTbl .gamesList-itemBgd{

    display:block !important;

    opacity:.85

}

.body-Black.body-LteTbl .gamesList-itemBgd{

    opacity:.65

}

.gamesList-itemWrap{

    display:table-cell;

    vertical-align:top;

    height:100px;

    padding:0 0 10px 0;

    box-sizing:border-box

}

.body-LteTbl .gamesList-itemWrap{

    height:auto;

    padding:0;

    display:block

}

.gamesList-itemImage{

    position:absolute;

    top:0;

    left:0;

    width:100px;

    height:100px;

    overflow:hidden

}

.body-LteTbl .gamesList-itemImage{

    width:44px;

    height:44px

}

.body-Black .gamesList-itemImage{

    background:#222;

    box-shadow:0 2px 10px 5px rgba(0,0,0,0.15)

}

.gamesList-itemImageWrap{

    position:absolute;

    top:0;

    left:0;

    width:100px;

    height:100px;

    background-size:cover;

    background-repeat:no-repeat;

    background-position:center;

    background-color:#10161f;

    transition:transform .15s linear

}

.body-LteTbl .gamesList-itemImageWrap{

    width:50px;

    height:50px;

    left:-3px;

    top:-3px

}

.gamesList-itemImage:hover .gamesList-itemImageWrap{

    transform:scale(1.1)

}

.gamesList-itemLink{

    display:inline-block;

    vertical-align:top;

    text-decoration:none

}

.body-LteTbl .gamesList-itemLink{

    display:block;

    padding:0 0 0 44px

}

.gamesList-itemName{

    position:relative;

    margin:0;

    padding:10px 15px;

    font-size:21px;

    line-height:21px;

    color:#fff;

    font-weight:800;

    letter-spacing:-0.75px;

    text-shadow:0 1px 3px rgba(0,0,0,0.35);

    border-radius:0 0 10px 0;

    transition:color .1s linear

}

.body-Black .gamesList-itemName{

    box-shadow:0 2px 10px 5px rgba(0,0,0,0.25)

}

.body-LteTbl .gamesList-itemName{

    padding:14px 0 14px 15px;

    font-size:16px;

    line-height:16px;

    letter-spacing:-0.25px;

    font-weight:700;

    border-radius:0;

    background:none !important

}

.gamesList-itemChapters{

    margin:10px 0 0 0;

    padding:0 15px;

    list-style:none;

    white-space:nowrap

}

.body-LteTbl .gamesList-itemChapters{

    display:none

}

.gamesList-itemChapter{

    display:inline-block;

    vertical-align:top;

    margin:0;

    padding:0;

    text-align:left

}

.gamesList-itemChapter+.gamesList-itemChapter{

    margin-left:25px

}

.gamesList-itemChapterWrap{

    display:block;

    text-decoration:none

}

.gamesList-itemChapterLabel{

    display:block;

    font-size:14.5px;

    line-height:15px;

    color:#777;

    font-weight:600;

    letter-spacing:-0.25px;

    transition:color .1s linear

}

a.gamesList-itemChapterWrap:hover .gamesList-itemChapterLabel{

    color:#000

}

.body-Black .gamesList-itemChapterLabel{

    color:#bbb

}

.body-Black a.gamesList-itemChapterWrap:hover .gamesList-itemChapterLabel{

    color:#fff

}

.gamesList-itemChapterValue{

    margin:5px 0 0 0;

    display:inline-block;

    vertical-align:top;

    font-size:18px;

    line-height:18px;

    position:relative;

    padding:0 0 0 22px;

    color:#777;

    letter-spacing:-0.25px;

    font-weight:700;

    transition:color .1s linear

}

a.gamesList-itemChapterWrap:hover .gamesList-itemChapterValue{

    color:#000

}

.body-Black .gamesList-itemChapterValue{

    color:#ddd

}

.body-Black .gamesList-itemChapter:hover .gamesList-itemChapterValue{

    color:#fff

}

.gamesList-itemChapterValue:before{

    position:absolute;

    content:'';

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    width:16px;

    height:16px;

    top:50%;

    left:0;

    margin:-7px 0 0 0;

    opacity:.5;

    transition:opacity .1s linear

}

a.gamesList-itemChapterWrap:hover .gamesList-itemChapterValue:before{

    opacity:1

}

.gamesList-itemChapter.gamesList-itemChapter-Server .gamesList-itemChapterValue:before{

    background-image:url(/assets/assetts/img/icon/server2.svg)

}

.body-Black .gamesList-itemChapter.gamesList-itemChapter-Server .gamesList-itemChapterValue:before{

    background-image:url(/assets/assetts/img/icon/server2_white.svg)

}

.gamesList-itemChapter.gamesList-itemChapter-Player .gamesList-itemChapterValue:before{

    background-image:url(/assets/assetts/img/icon/user.svg)

}

.body-Black .gamesList-itemChapter.gamesList-itemChapter-Player .gamesList-itemChapterValue:before{

    background-image:url(/assets/assetts/img/icon/user_white.svg)

}

.gamesList-itemChapter.gamesList-itemChapter-Map .gamesList-itemChapterValue:before{

    background-image:url(/assets/assetts/img/icon/map.svg)

}

.body-Black .gamesList-itemChapter.gamesList-itemChapter-Map .gamesList-itemChapterValue:before{

    background-image:url(/assets/assetts/img/icon/map_white.svg)

}

.gamesList-itemArrow{

    position:absolute;

    top:0;

    right:0;

    width:92px;

    height:100%

}

.body-LteTbl .gamesList-itemArrow{

    width:50px

}

.gamesList-itemArrow:before{

    position:absolute;

    content:'';

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    width:20px;

    height:20px;

    top:50%;

    left:50%;

    margin:-10px 0 0 -10px;

    opacity:.15;

    background-image:url(/assets/assetts/img/icon/arrow_right2.svg);

    transition:transform .1s linear,opacity .1s linear

}

.body-Black .gamesList-itemArrow:before,.body-LteTbl .gamesList-itemArrow:before{

    background-image:url(/assets/assetts/img/icon/arrow_right2_white.svg)

}

.body-LteTbl .gamesList-itemArrow:before{

    right:15px

}

.gamesList-itemArrow:hover:before{

    opacity:1;

    transform:scale(1.1)

}

.breadcrumb{

    display:inline-block;

    vertical-align:top

}

.breadcrumb-i{

    display:inline-block;

    vertical-align:top;

    position:relative;

    font-size:13.5px;

    line-height:14px

}

.breadcrumb-i+.breadcrumb-i:before{

    display:inline-block;

    content:'';

    position:absolute;

    width:0;

    left:-1px;

    top:50%;

    margin:-4px 0 0 0;

    border-top:4px solid transparent;

    border-bottom:4px solid transparent;

    border-left:5px solid #ccc

}

.body-Black .breadcrumb-i+.breadcrumb-i:before{

    border-left-color:#444

}

.breadcrumb-iLink{

    display:block;

    padding:5px 10px;

    text-decoration:none;

    color:#aaa;

    white-space:nowrap;

    transition:color .1s linear

}

.body-Black .breadcrumb-iLink{

    color:#555

}

.body-LteTbl .breadcrumb-iLink{

    padding:3px 10px

}

.breadcrumb-i.breadcrumb-i-Bold .breadcrumb-iLink{

    font-weight:700;

    letter-spacing:-0.25px;

    color:#999

}

.body-Black .breadcrumb-i.breadcrumb-i-Bold .breadcrumb-iLink{

    color:#777

}

.breadcrumb-iLink:hover{

    color:#111 !important

}

.body-Black .breadcrumb-iLink:hover{

    color:#eee !important

}

.breadcrumb-iIcon{

    display:inline-block;

    vertical-align:top;

    width:22px;

    height:14px;

    position:relative

}

.body-LteTbl .breadcrumb-iIcon{

    display:none

}

.breadcrumb-iIconImg{

    display:block;

    width:16px;

    height:16px;

    position:absolute;

    left:5px;

    top:50%;

    margin:-8px 0 0 0;

    background-position:0 0;

    background-repeat:no-repeat

}

.breadcrumb-iText{

    display:inline-block;

    vertical-align:top

}

.serversSearchBar{

    background:#e6eff9;

    border-radius:25px;

    box-shadow:inset 0 2px 8px -6px rgba(0,0,0,0.75),inset 0 -2px 8px -6px rgba(0,0,0,0.5)

}

.body-Black .serversSearchBar{

    background:#0d0d0d;

    box-shadow:inset 0 5px 10px -5px rgba(0,0,0,1),inset 0 -5px 10px -5px rgba(0,0,0,1)

}

.body-Game .serversSearchBar{

    box-shadow:none !important;

    border-radius:0 !important

}

.serversSearchBar-form{

    padding:20px 10px 10px 10px;

    border-radius:25px 25px 0 0;

    background:#fff;

    box-shadow:0 2px 8px -6px rgba(0,0,0,0.75)

}

.body-Black .serversSearchBar-form{

    background:#181818;

    box-shadow:0 5px 10px -5px rgba(0,0,0,1),0 -5px 10px -5px rgba(0,0,0,1)

}

.body-Game .serversSearchBar-form{

    box-shadow:none !important;

    border-radius:0 !important

}

.serversSearchBar-formTitle{

    text-align:center;

    margin:0 0 20px 0

}

.serversSearchBar-formTitleText{

    position:relative;

    display:inline-block;

    vertical-align:top;

    padding:0 0 0 35px;

    font-size:21px;

    line-height:21px;

    font-weight:800;

    text-decoration:none;

    color:#000;

    letter-spacing:-0.5px

}

.body-Black .serversSearchBar-formTitleText{

    color:#eee

}

.serversSearchBar-formTitleText:before{

    content:'';

    position:absolute;

    top:50%;

    left:0;

    width:24px;

    height:24px;

    margin:-14px 0 0 0;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    background-image:url(/assets/assetts/img/icon/search_gold.svg)

}

.serversSearchBar-row{

    display:table;

    width:100%

}

.body-LteTbl .serversSearchBar-row{

    display:block

}

.serversSearchBar-row+.serversSearchBar-row{

    margin-top:3px

}

.serversSearchBar-cell{

    display:table-cell;

    vertical-align:top

}

.body-LteTbl .serversSearchBar-cell{

    display:block;

    width:100% !important

}

.serversSearchBar-cell+.serversSearchBar-cell{

    padding-left:3px

}

.body-LteTbl .serversSearchBar-cell+.serversSearchBar-cell{

    padding-left:0;

    margin-top:3px

}

.serversSearchBar-row2{

    display:table;

    width:100%

}

.serversSearchBar-cell2{

    display:table-cell;

    vertical-align:top

}

.serversSearchBar-cell2+.serversSearchBar-cell2{

    padding-left:3px

}

.serversSearchBar-input{

    display:block;

    position:relative

}

.serversSearchBar-inputIcon{

    position:absolute;

    top:50%;

    left:12px;

    width:16px;

    height:16px;

    margin:-8px 0 0 0;

    background-size:contain;

    background-repeat:no-repeat;

    background-position:center

}

.serversSearchBar-inputIcon.serversSearchBar-inputIcon-Server{

    background-image:url(/assets/assetts/img/icon/server2.svg)

}

.body-Black .serversSearchBar-inputIcon.serversSearchBar-inputIcon-Server{

    background-image:url(/assets/assetts/img/icon/server2_white.svg)

}

.serversSearchBar-inputIcon.serversSearchBar-inputIcon-Map{

    background-image:url(/assets/assetts/img/icon/map.svg)

}

.body-Black .serversSearchBar-inputIcon.serversSearchBar-inputIcon-Map{

    background-image:url(/assets/assetts/img/icon/map_white.svg)

}

.serversSearchBar-inputIcon.serversSearchBar-inputIcon-Player{

    background-image:url(/assets/assetts/img/icon/user.svg)

}

.body-Black .serversSearchBar-inputIcon.serversSearchBar-inputIcon-Player{

    background-image:url(/assets/assetts/img/icon/user_white.svg)

}

.serversSearchBar-inputIcon.serversSearchBar-inputIcon-Slot{

    background-image:url(/assets/assetts/img/icon/gamepad.svg)

}

.body-Black .serversSearchBar-inputIcon.serversSearchBar-inputIcon-Slot{

    background-image:url(/assets/assetts/img/icon/gamepad_white.svg)

}

.serversSearchBar-inputIcon.serversSearchBar-inputIcon-Country{

    background-image:url(/assets/assetts/img/icon/world2.svg);

    cursor:pointer

}

.body-Black .serversSearchBar-inputIcon.serversSearchBar-inputIcon-Country{

    background-image:url(/assets/assetts/img/icon/world_white.svg)

}

.serversSearchBar-inputIcon.serversSearchBar-inputIcon-Search{

    background-image:url(/assets/assetts/img/icon/search.svg);

    left:auto;

    right:12px;

    opacity:.25

}

.body-Black .serversSearchBar-inputIcon.serversSearchBar-inputIcon-Search{

    background-image:url(/assets/assetts/img/icon/search_white.svg)

}

.serversSearchBar-inputIcon.serversSearchBar-inputIcon-RemoveCountry{

    left:auto;

    right:35px;

    opacity:.5;

    cursor:pointer

}

.serversSearchBar-inputIcon.serversSearchBar-inputIcon-RemoveCountry:before{

    content:'╳';

    position:absolute;

    left:50%;

    top:50%;

    font-size:16px;

    line-height:16px;

    width:16px;

    height:16px;

    margin:-9px 0 0 -8px;

    color:#000;

    transition:opacity .1s

}

.body-Black .serversSearchBar-inputIcon.serversSearchBar-inputIcon-RemoveCountry:before{

    color:#fff

}

.serversSearchBar-inputIcon.serversSearchBar-inputIcon-RemoveCountry:hover{

    opacity:1

}

.serversSearchBar-inputIcon[onclick]{

    cursor:pointer

}

.serversSearchBar-input input{

    font-weight:600;

    letter-spacing:-0.5px;

    padding-left:35px

}

.serversSearchBar-input input[data-name="countryCode"]{

    cursor:pointer;

    padding-right:55px

}

.serversSearchBar-input input[name="match"],.serversSearchBar-input input[name="mapMatch"]{

    padding-right:35px

}

.serversSearchBar-submit{

    display:block !important

}

.serversSearchBar-options{

    padding:8px 8px 13px 13px

}

.mapsSearchBar-options{

    margin:5px 0 0 0

}

.inputStyle{

    display:block;

    width:100%;

    box-sizing:border-box;

    padding:5px 15px;

    background:#f6f8fb;

    border:0;

    font-size:14px;

    line-height:24px;

    color:#111;

    letter-spacing:.1px;

    border-radius:20px;

    outline:0;

    box-shadow:inset 0 1px 5px rgba(0,0,0,0.075);

    transition:color .1s linear,background .1s linear,box-shadow .1s linear

}

.inputStyle.inputStyle-Section{

    background:#e6eff9

}

.body-Black .inputStyle{

    background:#0d0d0d;

    color:#eee;

    box-shadow:inset 0 1px 5px rgba(0,0,0,0.5)

}

.body-Game .inputStyle{

    box-shadow:none !important;

    border-radius:0 !important

}

.inputStyle:hover,.inputStyle:focus,label:hover .inputStyle{

    color:#1a6dea;

    background:#fff;

    box-shadow:inset 0 1px 3px rgba(0,0,0,0.1)

}

.body-Black .inputStyle:hover,.body-Black .inputStyle:focus,.body-Black label:hover .inputStyle{

    background:#101010;

    box-shadow:inset 0 1px 3px rgba(0,0,0,0.75)

}

.buttonStyle5{

    position:relative;

    display:inline-block;

    vertical-align:top;

    font-size:14px;

    line-height:14px;

    padding:10px 15px;

    text-decoration:none;

    border-radius:20px;

    box-shadow:0 1px 10px -6px rgba(0,0,0,0.75);

    font-weight:800;

    color:#aaa;

    cursor:pointer;

    text-align:center;

    text-transform:uppercase;

    background:#fff;

    letter-spacing:.75px;

    transition:color .2s,box-shadow .2s

}

.body-Black .buttonStyle5{

    color:#666;

    box-shadow:0 1px 8px -4px rgba(0,0,0,1);

    background:rgba(255,255,255,0.01)

}

.body-Game .buttonStyle5{

    box-shadow:none !important;

    background:rgba(255,255,255,0.04) !important;

    border-radius:0 !important

}

.buttonStyle5:hover{

    color:#1a6dea !important;

    box-shadow:0 1px 12px -5px rgba(0,0,0,0.75)

}

.body-Black .buttonStyle5:hover{

    box-shadow:0 1px 20px -2px rgba(0,0,0,1)

}

.buttonStyle6{

    position:relative;

    display:inline-block;

    font-size:14px;

    line-height:14px;

    padding:10px 15px;

    font-weight:700;

    background:#1a6dea;

    color:#fff !important;

    cursor:pointer;

    text-transform:uppercase;

    letter-spacing:.75px;

    border-radius:20px;

    text-align:center;

    text-decoration:none;

    box-sizing:border-box;

    transition:background .1s linear,box-shadow .1s linear

}

.body-Game .buttonStyle6{

    border-radius:0 !important;

    box-shadow:none !important

}

.buttonStyle6:hover{

    background:#34a853;

    box-shadow:0 2px 4px -2px rgba(0,0,0,0.3)

}

.buttonStyle6.buttonStyle6-ArrowRight{

    padding-right:35px

}

.buttonStyle6.buttonStyle6-ArrowRight:before{

    content:'';

    position:absolute;

    width:18px;

    height:18px;

    background-image:url(/assets/assetts/img/icon/arrow_right2_white.svg);

    background-position:center;

    background-repeat:no-repeat;

    background-size:contain;

    top:50%;

    right:10px;

    margin:-9px 0 0 0;

    opacity:.75;

    transition:width .1s linear,height .1s linear,margin .1s linear,opacity .1s linear

}

.buttonStyle6.buttonStyle6-ArrowRight:hover:before{

    width:22px;

    height:22px;

    margin:-11px -2px 0 0;

    opacity:1

}

.searchOptions{

    padding:10px 0 0 0

}

.searchOptions-group{

    display:table;

    width:100%;

    box-sizing:border-box;

    font-size:14px;

    line-height:27px;

    letter-spacing:-0.5px

}

.searchOptions-group.searchOptions-group-Hidden{

    display:none

}

.searchOptions-group+.searchOptions-group{

    margin-top:15px

}

.body-LteTbl .searchOptions-group{

    display:block

}

.searchOptions-group.searchOptions-group-Inline{

    display:inline-block;

    vertical-align:top;

    margin-right:35px;

    width:auto

}

.searchOptions-group.searchOptions-group-Inline+.searchOptions-group.searchOptions-group-Inline{

    margin-top:0

}

.searchOptions-group.searchOptions-group-Inline:last-child{

    margin-right:0

}

.body-LteTbl .searchOptions-group.searchOptions-group-Inline{

    display:block;

    margin-right:0

}

.searchOptions-group *{

    padding:5px;

    font-size:13.5px;

    line-height:14px;

    margin:0 3px 0 0

}

.searchOptions-groupName{

    display:inline-block;

    vertical-align:top;

    font-weight:800;

    color:#000;

    font-size:14px

}

.body-Black .searchOptions-groupName{

    color:#fff

}

.searchOptions-group a{

    display:inline-block;

    vertical-align:top;

    min-width:22px;

    text-decoration:none;

    padding:5px;

    color:#888;

    font-weight:600;

    font-size:13.5px;

    background:#fff;

    border-radius:5px;

    box-shadow:0 2px 8px -6px rgba(0,0,0,0.75);

    box-sizing:border-box;

    text-align:center;

    transition:box-shadow .1s linear

}

.body-Black .searchOptions-group a{

    background:#1a1a1a;

    color:#555;

    box-shadow:0 3px 6px -3px rgba(0,0,0,1),0 -3px 6px -3px rgba(0,0,0,1)

}

.body-Game .searchOptions-group a{

    box-shadow:none !important;

    text-shadow:none !important;

    border-radius:0 !important

}

.searchOptions-group a.searchOptions-item-Current{

    background-color:#111;

    color:#fff

}

.searchOptions-group a.searchOptions-item-Current[style]{

    text-shadow:0 1px 3px rgba(0,0,0,0.75)

}

.body-Black .searchOptions-group a.searchOptions-item-Current{

    background-color:#fff;

    color:#000

}

.body-Black .searchOptions-group a.searchOptions-item-Current[style]{

    color:#fff;

    text-shadow:0 1px 3px rgba(0,0,0,0.75)

}

.searchOptions-group a:hover{

    box-shadow:0 0 5px rgba(53,133,254,1),0 0 5px rgba(53,133,254,1)

}

.gamesPage-list{

    margin:25px 0 0 0

}

.body-LteTbl .gamesPage-list{

    padding:0 10px

}

.gamesPage-store{

    margin:50px 0 0 0

}

.gamePage .iconStyle-img{

    width:150px;

    height:150px;

    border-radius:50%;

    box-shadow:0 5px 10px -5px rgba(0,0,0,0.3),0 -5px 10px -5px rgba(0,0,0,0.3)

}

.body-Black .gamePage .iconStyle-img{

    box-shadow:0 5px 10px -5px rgba(0,0,0,1),0 -5px 10px -5px rgba(0,0,0,1)

}

.gamePage-text{

    margin:100px 0 0 0

}

.serversPage-head{

    max-width:1000px;

    margin:0 auto

}

.body-LteTbl .serversPage-head{

    padding:0 10px

}

.serversPage-text{

    margin:100px 0 0 0

}

.body-WideDesktop .serversPage-head{

    max-width:1280px

}

.body-WideDesktop .serversPage .selectGame-item{

    width:305px !important

}

.body-Game .servers .sectionStyle{

    padding-top:0

}

.servers-search{

    border-radius:20px;

    text-align:center;

    transition:background .1s linear,box-shadow .1s linear

}

.servers-search.servers-search-Show{

    background:#fff;

    box-shadow:0 2px 4px -2px rgba(0,0,0,0.3),0 -1px 2px -1px rgba(0,0,0,0.15)

}

.body-Black .servers-search.servers-search-Show{

    background:#181818;

    box-shadow:0 3px 6px -3px rgba(0,0,0,1),0 -3px 6px -3px rgba(0,0,0,1)

}

.serversList{

    font-size:12px;

    line-height:12px;

    text-align:left

}

.serversList-list{

    display:block;

    margin:0;

    padding:0;

    list-style:none

}

.serversList-grid{

    background:#000;

    border-radius:5px

}

.serversList-grid+.serversList-grid{

    margin-top:10px

}

.serversList-gridItem{

    display:inline-block;

    vertical-align:top;

    width:80%

}

.body-LteTbl .serversList-gridItem{

    width:75%

}

.body-Mobile .serversList-gridItem{

    width:90%

}

.serversList-gridConnect{

    display:inline-block;

    vertical-align:top;

    width:20%

}

.body-LteTbl .serversList-gridConnect{

    width:25%

}

.body-Mobile .serversList-gridConnect{

    width:10%

}

.serversList-connect{

    padding:16px 0;

    font-size:16px;

    line-height:16px;

    font-weight:700;

    color:#383838;

    text-align:center;

    cursor:pointer;

    text-transform:uppercase

}

.body-LteTbl .serversList-connect{

    padding:14px 0;

    letter-spacing:-0.5px;

    font-size:12.5px

}

.body-Mobile .serversList-connect{

    padding:13px 0

}

.serversList-grid:hover .serversList-connect{

    color:#aaa

}

.serversList-connect:hover{

    color:#fff !important

}

.serversList-connectWrap{

    display:inline-block;

    vertical-align:top;

    position:relative;

    padding:0 0 0 25px

}

.body-Mobile .serversList-connectWrap{

    width:20px;

    height:20px;

    padding:0

}

.serversList-connectIcon{

    position:absolute;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    top:50%;

    left:0;

    width:18px;

    height:18px;

    margin:-9px 0 0 0;

    opacity:.15;

    background-image:url(/assets/assetts/img/icon/steam_white.svg);

    transition:opacity .2s linear

}

.body-Mobile .serversList-connectIcon{

    width:20px;

    height:20px;

    margin:-10px 0 0 0

}

.serversList-grid:hover .serversList-connectIcon{

    opacity:.5

}

.serversList-connect:hover .serversList-connectIcon{

    opacity:1 !important

}

.body-Mobile .serversList-connectText{

    display:none

}

.serversList-item{

    position:relative;

    display:block;

    margin:0;

    list-style:none;

    padding:0 120px 0 0;

    border-radius:5px;

    *background:#fff;

    box-shadow:0 1px 10px -6px rgba(0,0,0,0.75);

    min-height:52px;

    overflow:hidden;

    text-decoration:none;

    transition:box-shadow .1s linear

}

.body-Black .serversList-item{

    box-shadow:0 2px 10px -3px rgba(0,0,0,1),0 -1px 10px -3px rgba(0,0,0,1);

    color:#fff;

    background:#181818

}

.body-Game .serversList-item{

    box-shadow:none !important

}

.body-LteTbl .serversList-item{

    min-height:44px

}

.serversList-item[data-gameId="4"]{

    padding-right:64px

}

.body-LteTbl .serversList-item{

    padding-right:72px !important

}

.body-LteTbl .serversList-item[data-gameId="4"]{

    padding-right:64px !important

}

.serversList-item+.serversList-item{

    margin-top:10px

}

a.serversList-item:hover{

    box-shadow:0 0 10px #3562fb,0 0 10px #3562fb !important

}

.body-Game a.serversList-item:hover{

    box-shadow:none !important

}

.body-Black.body-Browser .serversList-item.serversList-item-Icon{

    background:linear-gradient(to right,#383838 0,#181818 100px)

}

.body-Black.body-Browser .serversList-item.serversList-item-Crown.serversList-item.serversList-item-Icon{

    background:linear-gradient(to right,#383838 50px,#181818 150px)

}

.serversList-item[data-boostHighlightId="1"]{

    box-shadow:0 0 5px rgba(254,215,0,1),0 0 5px rgba(254,215,0,1)

}

.serversList-item[data-boostHighlightId="2"]{

    box-shadow:0 0 5px rgba(72,255,0,1),0 0 5px rgba(53,133,254,1)

}

.serversList-item[data-boostHighlightId="3"]{

    box-shadow:0 0 5px rgba(35,191,25,1),0 0 5px rgba(35,191,25,1)

}

.serversList-item[data-boostHighlightId="4"]{

    box-shadow:0 0 5px rgba(249,24,171,1),0 0 5px rgba(249,24,171,1)

}

.serversList-item[data-boostHighlightId="5"]{

    box-shadow:0 0 5px rgba(140,37,249,1),0 0 5px rgba(140,37,249,1)

}

.serversList-item.serversList-item-Crown{

    padding-left:55px

}

.body-LteTbl .serversList-item.serversList-item-Crown{

    padding-left:45px

}

.serversList-item.serversList-item-Crown:before{

    content:'';

    position:absolute;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    top:50%;

    left:20px;

    width:40px;

    height:40px;

    margin:-20px 0 0 0;

    background-image:url(/assets/assetts/img/icon/crown_black.svg)

}

.body-Black .serversList-item.serversList-item-Crown:before{

    background-image:url(/assets/assetts/img/icon/crown_white.svg)

}

.body-LteTbl .serversList-item.serversList-item-Crown:before{

    left:14px;

    width:28px;

    height:28px;

    margin:-14px 0 0 0

}

.serversList-item.serversList-item-Crown[data-boostType="1"]:before{

    background-image:url(/assets/assetts/img/icon/crown_blue.svg)

}

.serversList-item.serversList-item-Crown[data-boostType="2"]:before{

    background-image:url(/assets/assetts/img/icon/crown_green.svg)

}

.serversList-item.serversList-item-Crown[data-boostType="3"]:before{

    background-image:url(/assets/assetts/img/icon/crown.svg)

}

.serversList-item.serversList-item-Icon{

    padding-left:55px

}

.body-LteTbl .serversList-item.serversList-item-Icon{

    padding-left:45px

}

.serversList-item.serversList-item-Crown.serversList-item-Icon{

    padding-left:110px

}

.body-LteTbl .serversList-item.serversList-item-Crown.serversList-item-Icon{

    padding-left:80px

}

.serversList-itemIcon{

    display:none;

    content:'';

    position:absolute;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    top:50%;

    left:17px;

    width:46px;

    height:46px;

    margin:-23px 0 0 0

}

.body-LteTbl .serversList-itemIcon{

    width:32px;

    height:32px;

    margin:-16px 0 0 0;

    left:13px

}

.serversList-item.serversList-item-Crown.serversList-item-Icon .serversList-itemIcon{

    left:73px

}

.body-LteTbl .serversList-item.serversList-item-Crown.serversList-item-Icon .serversList-itemIcon{

    left:51px

}

.serversList-item.serversList-item-Icon .serversList-itemIcon{

    display:block

}

.serversList-itemImage{

    display:block;

    text-decoration:none;

    position:absolute;

    top:0;

    right:0;

    width:120px;

    height:52px;

    background-repeat:no-repeat;

    background-position:center;

    background-size:cover;

    border-radius:0 5px 5px 0;

    background-color:#e6eff9

}

.body-Black .serversList-itemImage{

    background-color:#222

}

.serversList-item[data-gameId="4"] .serversList-itemImage{

    width:64px

}

.body-LteTbl .serversList-itemImage{

    width:72px !important;

    height:44px

}

.body-LteTbl .serversList-item[data-gameId="4"] .serversList-itemImage{

    width:64px !important

}

a.serversList-itemImage:before,a.serversList-item .serversList-itemImage:before{

    content:'';

    position:absolute;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    background-image:url(/assets/assetts/img/icon/arrow_right2.svg);

    top:50%;

    right:10px;

    width:20px;

    height:20px;

    margin:-9px 0 0 0;

    opacity:.5;

    transition:transform .1s linear,opacity .1s linear

}

.body-LteTbl a.serversList-itemImage:before,.body-LteTbl a.serversList-item .serversList-itemImage:before{

    width:16px;

    height:16px;

    margin:-7px 0 0 0;

    right:5px

}

.body-Game .serversList-itemImage:before{

    display:none

}

a.serversList-itemImage:hover:before,a.serversList-item:hover .serversList-itemImage:before{

    transform:scale(1.25);

    opacity:.75

}

a.serversList-itemImage:after,a.serversList-item .serversList-itemImage:after{

    content:'';

    position:absolute;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    background-image:url(/assets/assetts/img/icon/arrow_right2_white.svg);

    top:50%;

    right:10px;

    width:20px;

    height:20px;

    margin:-10px 0 0 0;

    opacity:.9;

    transition:transform .1s linear,opacity .1s linear

}

.body-LteTbl a.serversList-itemImage:after,.body-LteTbl a.serversList-item .serversList-itemImage:after{

    width:16px;

    height:16px;

    margin:-8px 0 0 0;

    right:5px

}

.body-Game .serversList-itemImage:after{

    display:none

}

a.serversList-itemImage:hover:after,a.serversList-item:hover .serversList-itemImage:after{

    transform:scale(1.25);

    opacity:1

}

.serversList-itemContent{

    display:block;

    padding:7px 10px 0 20px

}

.body-LteTbl .serversList-itemContent{

    padding:4px 5px 0 10px

}

.serversList-itemContentTop{

    display:block;

    white-space:nowrap

}

.serversList-itemContentBottom{

    display:block;

    margin-top:3px;

    clear:both;

    white-space:nowrap;

    font-size:13.5px;

    line-height:16px

}

.body-LteTbl .serversList-itemContentBottom{

    margin-top:2px;

    overflow:hidden;

    text-overflow:ellipsis

}

.serversList-itemBoost{

    position:relative;

    display:inline-block;

    vertical-align:top;

    text-decoration:none;

    font-size:13px;

    line-height:13px;

    width:50px;

    margin:0 5px 0 0;

    height:13px;

    float:left

}

.body-LteTbl .serversList-itemBoost{

    width:auto

}

.serversList-itemBoost:before{

    display:inline-block;

    vertical-align:top;

    position:absolute;

    top:50%;

    left:0;

    margin:-6px 0 0 0;

    content:'';

    padding:2px 5px;

    font-size:12px;

    line-height:12px;

    background:#000;

    border-radius:5px;

    color:#fff;

    text-shadow:0 1px 1px rgba(0,0,0,0.5)

}

.body-LteTbl .serversList-itemBoost:before{

    position:relative;

    top:auto;

    left:auto;

    margin:1px 0 0 0

}

.serversList-item[data-boostType="1"] .serversList-itemBoost:before{

    content:'BOOST';

    background:#4741a5;

    background:linear-gradient(to bottom,#4741a5 0,#1d61c2 50%);

    font-weight:600;

    letter-spacing:-0.5px

}

.body-LteTbl .serversList-item[data-boostType="1"] .serversList-itemBoost:before{

    letter-spacing:-0.75px

}

.serversList-item[data-boostType="2"] .serversList-itemBoost:before{

    content:'NEW';

    background:#23bf19;

    background:linear-gradient(to bottom,#23bf19 0,#23991a 50%);

    font-weight:700

}

.serversList-item[data-boostType="3"] .serversList-itemBoost:before{

    content:'GOLD';

    background:#fed700;

    background:linear-gradient(to bottom,#fed700 0,#fea706 50%);

    font-weight:800

}

.serversList-item.serversList-item-Auto .serversList-itemBoost:before{

    content:'AUTO' !important

}

.serversList-itemOffline{

    position:relative;

    display:inline-block;

    vertical-align:top;

    text-decoration:none;

    font-size:13px;

    line-height:13px;

    width:50px;

    margin:0 5px 0 0;

    height:13px;

    float:left

}

.body-LteTbl .serversList-itemOffline{

    width:auto

}

.serversList-itemOffline:before{

    display:inline-block;

    vertical-align:top;

    position:absolute;

    top:50%;

    left:0;

    margin:-6px 0 0 0;

    padding:2px 5px;

    font-size:12px;

    line-height:12px;

    border-radius:5px;

    color:#fff;

    text-shadow:0 1px 1px rgba(0,0,0,0.5);

    content:'Offline';

    background:#ff490d;

    background:linear-gradient(to bottom,#ff490d 0,#cf470d 50%);

    font-weight:600;

    letter-spacing:-0.25px

}

.body-Game .serversList-itemOffline:before{

    text-shadow:none !important

}

.body-LteTbl .serversList-itemOffline:before{

    content:'OFF';

    position:relative;

    top:auto;

    left:auto;

    margin:1px 0 0 0;

    letter-spacing:-0.5px

}

.serversList-itemGame{

    position:relative;

    display:inline-block;

    text-decoration:none;

    font-size:14.5px;

    line-height:18px;

    width:18px;

    height:18px;

    float:left;

    margin:0 6px 0 0

}

.body-LteTbl .serversList-itemGame{

    margin-right:5px

}

.serversList-itemGameIcon{

    position:absolute;

    top:50%;

    left:50%;

    margin:-8px 0 0 -8px;

    width:16px;

    height:16px;

    background-repeat:no-repeat;

    background-position:center;

    background-size:contain;

    border-radius:2px

}

.serversList-itemVersion{

    display:inline-block;

    text-decoration:none;

    font-size:14.5px;

    line-height:18px;

    color:#000;

    font-weight:700;

    letter-spacing:-0.5px;

    float:right;

    margin:0 0 0 10px;

    transition:opacity .1s linear

}

.body-Black .serversList-itemVersion{

    color:#fff

}

a.serversList-itemVersion:hover{

    opacity:.8

}

.serversList-itemMap+.serversList-itemVersion,.serversList-itemMap+.serversList-itemBoost+.serversList-itemVersion{

    float:left;

    margin:0 10px 0 0

}

.body-LteTbl .serversList-itemVersion{

    display:none

}

.body-LteTbl .serversList-item.serversList-item-Message .serversList-itemMobileVersion{

    display:none !important

}

.serversList-itemName{

    display:block;

    font-size:14.5px;

    line-height:18px;

    overflow:hidden;

    text-overflow:ellipsis;

    font-weight:700;

    letter-spacing:-0.25px;

    color:#000

}

.body-Black .serversList-itemName{

    color:#fff

}

.body-LteTbl .serversList-itemName{

    font-size:13.5px;

    font-weight:600

}

.serversList-itemName a{

    text-decoration:none;

    color:#fff;

    transition:color .1s linear

}

.body-Black .serversList-itemName a{

    color:#fff

}

.serversList-itemName a:hover,a.serversList-item:hover .serversList-itemName a{

    color:#3562fb !important

}

.serversList-itemMap{

    display:inline-block;

    text-decoration:none;

    font-size:14.5px;

    line-height:18px;

    color:#000;

    font-weight:700;

    float:right;

    letter-spacing:-0.25px;

    margin:0 0 0 10px;

    transition:opacity .1s linear

}

.body-Black .serversList-itemMap{

    color:#fff

}

a.serversList-itemMap:hover{

    opacity:.8

}

.body-LteTbl .serversList-itemMap{

    display:none

}

.serversList-itemMapOne{

    display:inline-block;

    text-decoration:none;

    padding:3px 5px;

    font-size:12px;

    line-height:12px;

    color:#fff;

    font-weight:700;

    float:right;

    letter-spacing:-0.25px;

    margin:0 0 0 10px;

    border-radius:5px;

    text-shadow:0 1px 1px rgba(0,0,0,0.5)

}

.body-Game .serversList-itemMapOne{

    text-shadow:none !important

}

.body-LteTbl .serversList-itemMapOne{

    display:none

}

.serversList-itemCountry{

    display:inline-block;

    vertical-align:top;

    position:relative;

    margin:0 15px 0 0;

    padding:0 0 0 20px;

    letter-spacing:-0.5px;

    color:#888;

    font-weight:600;

    text-decoration:none;

    min-width:40px;

    box-sizing:border-box;

    float:left;

    transition:color .1s linear

}

.body-Black .serversList-itemCountry{

    color:#666

}

.body-LteTbl .serversList-itemCountry{

    margin:0 5px 0 0

}

.serversList-item[data-gameId="4"] .serversList-itemCountry{

    margin-right:5px

}

a.serversList-itemCountry:hover{

    color:#3562fb !important

}

.serversList-itemCountryIcon{

    position:absolute;

    top:50%;

    left:0;

    width:16px;

    height:14px;

    margin:-7px 0 0 0;

    background-repeat:no-repeat;

    background-position:center;

    background-size:cover

}

.serversList-itemAddress{

    display:inline-block;

    vertical-align:top

}

.serversList-item.serversList-item-Message .serversList-itemAddress{

    display:none

}

.serversList-item.serversList-item-Message:hover .serversList-itemAddress{

    display:inline-block;

    vertical-align:top

}

.body-LteTbl .serversList-itemAddress{

    display:none

}

.serversList-itemAddressTbl{

    display:table

}

.serversList-itemAddressTblCButton{

    display:table-cell;

    vertical-align:middle;

    width:18px;

    height:13px;

    position:relative

}

.body-LteTbl .serversList-itemAddressTblCButton{

    display:none

}

.serversList-itemAddressTblCButton+.serversList-itemAddressTblCButton{

    padding-left:5px

}

.serversList-itemAddressTblCText{

    display:table-cell;

    vertical-align:middle;

    height:13px;

    font-size:13px;

    letter-spacing:-0.5px;

    color:#888

}

.serversList-itemAddressTblCButton+.serversList-itemAddressTblCText{

    padding:0 10px

}

a.serversList-item .serversList-itemAddressTblCText{

    padding:0 !important

}

.body-Black .serversList-itemAddressTblCText{

    color:#666

}

.serversList-itemAddressSteam,.serversList-itemAddressCopy{

    position:absolute;

    top:50%;

    right:0;

    margin:-9px 0 0 0;

    display:inline-block;

    vertical-align:top;

    width:18px;

    height:18px;

    font-weight:700;

    color:#888 !important;

    cursor:pointer;

    border-radius:5px;

    text-align:center;

    text-decoration:none;

    border:1px solid #ccc;

    border-bottom-color:#bbb;

    box-shadow:0 2px 4px -2px rgba(0,0,0,0.3);

    background:#fff;

    box-sizing:border-box;

    letter-spacing:-0.5px;

    transition:border-color .2s linear,color .2s linear,box-shadow .2s linear

}

.body-Black .serversList-itemAddressSteam,.body-Black .serversList-itemAddressCopy{

    border:1px solid #444;

    color:#444;

    background:rgba(255,255,255,0.01);

    box-shadow:0 3px 6px -3px rgba(0,0,0,1)

}

.serversList-itemAddressSteam:before,.serversList-itemAddressCopy:before{

    content:'';

    position:absolute;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    top:50%;

    left:50%;

    width:14px;

    height:14px;

    margin:-7px 0 0 -7px;

    opacity:.5;

    transition:opacity .2s linear

}

.serversList-itemAddressSteam:before{

    background-image:url(/assets/assetts/img/icon/steam.svg)

}

.serversList-itemAddressCopy:before{

    background-image:url(/assets/assetts/img/icon/copy.svg)

}

.body-Black .serversList-itemAddressSteam:before{

    background-image:url(/assets/assetts/img/icon/steam_white.svg)

}

.body-Black .serversList-itemAddressCopy:before{

    background-image:url(/assets/assetts/img/icon/copy_white.svg)

}

.serversList-itemAddressSteam:hover,.serversList-itemAddressCopy:hover{

    border-color:#3562fb;

    color:#3562fb !important;

    box-shadow:0 2px 4px -2px rgba(0,0,0,0.3)

}

.body-Black .serversList-itemAddressSteam:hover,.body-Black .serversList-itemAddressCopy:hover{

    box-shadow:0 4px 8px -4px rgba(0,0,0,1)

}

.serversList-itemAddressSteam:hover:before,.serversList-itemAddressCopy:hover:before{

    opacity:1

}

.serversList-itemMobileMap{

    display:none;

    text-decoration:none;

    color:#000;

    font-weight:700;

    transition:opacity .1s linear

}

.body-Black .serversList-itemMobileMap{

    color:#fff

}

a.serversList-itemMobileMap:hover{

    opacity:.8

}

.body-LteTbl .serversList-itemMobileMap{

    display:inline

}

.body-LteTbl .serversList-item.serversList-item-Message .serversList-itemMobileMap{

    display:none !important

}

.serversList-itemMobileVersion{

    display:none;

    color:#000;

    font-weight:700;

    letter-spacing:-0.5px;

    float:left;

    margin:0 5px 0 0;

    text-decoration:none;

    transition:opacity .1s linear

}

.body-Black .serversList-itemMobileVersion{

    color:#fff

}

a.serversList-itemMobileVersion:hover{

    opacity:.8

}

.body-LteTbl .serversList-itemMobileVersion{

    display:inline

}

.serversList-itemPlayers{

    position:relative;

    display:table;

    font-size:13px;

    float:right;

    padding:0 0 0 20px;

    margin:0 0 0 10px;

    letter-spacing:-0.25px

}

.body-LteTbl .serversList-itemPlayers{

    padding:0 0 0 15px;

    margin-left:5px;

    letter-spacing:-0.75px

}

.serversList-itemPlayers:before{

    content:'';

    position:absolute;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    background-image:url(/assets/assetts/img/icon/user.svg);

    top:50%;

    left:0;

    width:14px;

    height:14px;

    margin:-7px 0 0 0;

    opacity:.25;

    transition:opacity .2s linear

}

.body-LteTbl .serversList-itemPlayers:before{

    width:12px;

    height:12px;

    margin:-5px 0 0 0

}

.body-Black .serversList-itemPlayers:before{

    background-image:url(/assets/assetts/img/icon/user_white.svg)

}

.serversList-itemPlayersCur{

    display:table-cell;

    vertical-align:middle;

    font-weight:700;

    padding:0 3px 0 0;

    color:#038bd9;

}

.body-Black .serversList-itemPlayersCur{

    color:#999

}

.serversList-itemPlayersSep{

    display:table-cell;

    vertical-align:middle;

    font-weight:400;

    padding:0 2px 0 0;

    color:#888

}

.body-Black .serversList-itemPlayersSep{

    color:#555

}

.serversList-itemPlayersMax{

    display:table-cell;

    vertical-align:middle;

    font-weight:400;

    color:#ff699f;

}

.body-Black .serversList-itemPlayersMax{

    color:#555

}

.serversList-itemPlayersBots{

    display:table-cell;

    vertical-align:middle;

    font-weight:400;

    color:#888;

    padding:0 0 0 5px;

    letter-spacing:-0.5px

}

.body-Black .serversList-itemPlayersBots{

    color:#777

}

.serversList-itemReview{

    position:relative;

    display:inline-block;

    vertical-align:top;

    font-size:13px;

    padding:0 0 0 20px;

    margin:0 0 0 10px;

    letter-spacing:-0.25px;

    float:right;

    color:#888;

    font-weight:700

}

.body-Black .serversList-itemReview{

    color:#555

}

.body-LteTbl .serversList-itemReview{

    display:none

}

.serversList-itemReview:before{

    content:'';

    position:absolute;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    background-image:url(/assets/assetts/img/icon/speech_bubble.svg);

    top:50%;

    left:0;

    width:14px;

    height:14px;

    margin:-7px 0 0 0;

    opacity:.5;

    transition:opacity .2s linear

}

.body-Black .serversList-itemReview:before{

    background-image:url(/assets/assetts/img/icon/speech_bubble_white.svg)

}

.serversList-itemFavorite{

    position:relative;

    display:inline-block;

    vertical-align:top;

    font-size:13px;

    padding:0 0 0 20px;

    margin:0 0 0 10px;

    letter-spacing:-0.25px;

    float:right;

    color:#888;

    font-weight:700

}

.body-Black .serversList-itemFavorite{

    color:#555

}

.body-LteTbl .serversList-itemFavorite{

    display:none

}

.serversList-itemFavorite:before{

    content:'';

    position:absolute;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    background-image:url(/assets/assetts/img/icon/star.svg);

    top:50%;

    left:0;

    width:14px;

    height:14px;

    margin:-7px 0 0 0;

    opacity:.5;

    transition:opacity .2s linear

}

.body-Black .serversList-itemFavorite:before{

    background-image:url(/assets/assetts/img/icon/star_white.svg)

}

.serversList-itemLike{

    position:relative;

    display:inline-block;

    vertical-align:top;

    font-size:13px;

    padding:0 0 0 20px;

    margin:0 0 0 10px;

    letter-spacing:-0.25px;

    float:right;

    color:#888;

    font-weight:700

}

.body-Black .serversList-itemLike{

    color:#555

}

.body-LteTbl .serversList-itemLike{

    display:none

}

.serversList-itemLike:before{

    content:'';

    position:absolute;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    background-image:url(/assets/assetts/img/icon/heart.svg);

    top:50%;

    left:0;

    width:14px;

    height:14px;

    margin:-7px 0 0 0;

    opacity:.5;

    transition:opacity .2s linear

}

.body-Black .serversList-itemLike:before{

    background-image:url(/assets/assetts/img/icon/heart_white.svg)

}

.serversList-itemMarker{

    position:relative;

    display:inline-block;

    vertical-align:top;

    padding:0 5px;

    margin:0 0 0 5px;

    float:right;

    font-size:13px;

    font-weight:700;

    letter-spacing:-0.25px;

    cursor:default;

    backdrop-filter:blur(5px);

    border-radius:5px

}

.body-Game .serversList-itemMarker{

    backdrop-filter:none !important

}

.body-LteTbl .serversList-itemMarker{

    display:none

}

.serversList-itemMarker.serversList-itemMarker-VipSale{

    background:rgba(53,98,251,0.15);

    color:#3562fb

}

.body-Black .serversList-itemMarker.serversList-itemMarker-VipSale{

    color:rgba(53,98,251,0.85)

}

.body-Game .serversList-itemMarker.serversList-itemMarker-VipSale{

    background:#182437 !important

}

.serversList-itemMarker.serversList-itemMarker-VipFree{

    background:rgba(35,191,25,0.15);

    color:#23bf19

}

.body-Black .serversList-itemMarker.serversList-itemMarker-VipFree{

    color:rgba(35,191,25,0.85)

}

.body-Game .serversList-itemMarker.serversList-itemMarker-VipFree{

    background:#193018 !important

}

.serversList-itemMarker.serversList-itemMarker-Private{

    padding-left:22px;

    background:rgba(153,153,153,0.15);

    color:#888

}

.body-Game .serversList-itemMarker.serversList-itemMarker-Private{

    background:#282828

}

.serversList-itemMarker.serversList-itemMarker-Private:before{

    content:'';

    position:absolute;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    background-image:url(/assets/assetts/img/icon/lock.svg);

    top:50%;

    left:6px;

    width:12px;

    height:12px;

    margin:-6px 0 0 0;

    opacity:.5

}

.body-Black .serversList-itemMarker.serversList-itemMarker-Private:before{

    background-image:url(/assets/assetts/img/icon/lock_white.svg)

}

.serversList-itemMessage{

    position:relative;

    display:block;

    color:#7b77bf;

    font-size:13px;

    text-transform:uppercase;

    font-weight:800;

    padding:0 0 0 19px;

    letter-spacing:-0.5px;

    overflow:hidden;

    text-overflow:ellipsis

}

.body-LteTbl .serversList-itemMessage{

    font-weight:700;

    padding:0;

    letter-spacing:-0.75px

}

.serversList-item:hover .serversList-itemMessage{

    display:none

}

.serversList-itemMessage:before{

    content:'';

    position:absolute;

    top:50%;

    left:0;

    width:14px;

    height:14px;

    margin:-7px 0 0 0;

    background-size:contain;

    background-position:center;

    background-repeat:no-repeat;

    background-image:url(/assets/assetts/img/icon/speaker.svg)

}

.body-Black .serversList-itemMessage:before{

    background-image:url(/assets/assetts/img/icon/speaker_white.svg)

}

.body-LteTbl .serversList-itemMessage:before{

    display:none

}

.mapItem{

    display:block;

    text-decoration:none;

    position:relative;

    border-radius:10px;

    box-shadow:0 2px 8px -6px rgba(0,0,0,0.75);

    background:#fff

}

.body-Black .mapItem{

    background:#181818;

    box-shadow:0 -2px 4px -2px rgba(0,0,0,0.5),0 3px 6px -3px rgba(0,0,0,1)

}

.body-Game .mapItem{

    box-shadow:none !important;

    border-radius:0 !important

}

.mapItem+.mapItem{

    margin-top:15px

}

.mapItem-head{

    display:table;

    width:100%;

    box-sizing:border-box;

    padding:4px 5px;

    overflow:hidden

}

.body-LteTbl .mapItem-head{

    padding:4px 5px

}

.mapItem-headC1{

    display:table-cell;

    vertical-align:middle

}

.mapItem-headC2{

    display:table-cell;

    vertical-align:middle;

    text-align:right

}

.mapItem-name{

    position:relative;

    display:inline-block;

    vertical-align:middle;

    text-decoration:none;

    padding:0 5px 0 35px;

    font-size:14px;

    line-height:14px;

    color:#666;

    font-weight:800;

    letter-spacing:-0.5px;

    transition:opacity .1s linear

}

.body-Black .mapItem-name{

    color:#777

}

.body-LteTbl .mapItem-name{

    padding:0 0 0 25px;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

    max-width:150px

}

.mapItem-name:hover{

    opacity:.75

}

.mapItem-nameIcon{

    position:absolute;

    width:14px;

    height:14px;

    content:'';

    top:50%;

    left:10px;

    margin:-7px 0 0 0;

    background-repeat:no-repeat;

    background-position:center;

    background-size:contain;

    background-image:url(/assets/assetts/img/icon/map.svg);

    opacity:.25

}

.body-LteTbl .mapItem-nameIcon{

    left:5px

}

.body-Black .mapItem-nameIcon{

    background-image:url(/assets/assetts/img/icon/map_white.svg)

}

.mapItem-prop{

    display:inline-block;

    vertical-align:middle;

    padding:5px 10px 5px 30px;

    position:relative;

    text-decoration:none

}

.body-LteTbl .mapItem-prop{

    padding:5px 5px 5px 25px

}

.body-LteTbl .mapItem-prop.mapItem-prop-Like,.body-LteTbl .mapItem-prop.mapItem-prop-Favorite,.body-LteTbl .mapItem-prop.mapItem-prop-Download{

    display:none

}

.mapItem-prop:before{

    position:absolute;

    width:14px;

    height:14px;

    content:'';

    top:50%;

    left:10px;

    margin:-7px 0 0 0;

    background-repeat:no-repeat;

    background-position:center;

    background-size:contain;

    opacity:.25;

    transition:width .1s linear,height .1s linear,margin .1s linear,opacity .1s linear

}

.body-LteTbl .mapItem-prop:before{

    left:5px

}

.mapItem-prop.mapItem-prop-Server:before{

    background-image:url(/assets/assetts/img/icon/server2.svg)

}

.body-Black .mapItem-prop.mapItem-prop-Server:before{

    background-image:url(/assets/assetts/img/icon/server2_white.svg)

}

.mapItem-prop.mapItem-prop-Player:before{

    background-image:url(/assets/assetts/img/icon/user.svg)

}

.body-Black .mapItem-prop.mapItem-prop-Player:before{

    background-image:url(/assets/assetts/img/icon/user_white.svg)

}

.mapItem-prop.mapItem-prop-Like:before{

    background-image:url(/assets/assetts/img/icon/heart.svg)

}

.body-Black .mapItem-prop.mapItem-prop-Like:before{

    background-image:url(/assets/assetts/img/icon/heart_white.svg)

}

.mapItem-prop.mapItem-prop-Favorite:before{

    background-image:url(/assets/assetts/img/icon/star.svg)

}

.body-Black .mapItem-prop.mapItem-prop-Favorite:before{

    background-image:url(/assets/assetts/img/icon/star_white.svg)

}

.mapItem-prop.mapItem-prop-Download:before{

    background-image:url(/assets/assetts/img/icon/download.svg)

}

.body-Black .mapItem-prop.mapItem-prop-Download:before{

    background-image:url(/assets/assetts/img/icon/download_white.svg)

}

a.mapItem-prop:hover:before{

    width:16px;

    height:16px;

    margin:-8px 0 0 -1px;

    opacity:1

}

.mapItem-propLabel{

    display:inline-block;

    vertical-align:middle;

    padding:0 5px 0 0;

    font-size:13.5px;

    line-height:14px;

    color:#aaa;

    font-weight:600;

    letter-spacing:-0.25px

}

.body-Black .mapItem-propLabel{

    color:#777

}

a.mapItem-prop:hover .mapItem-propLabel{

    color:#111

}

.body-Black a.mapItem-prop:hover .mapItem-propLabel{

    color:#eee

}

.body-LteTbl .mapItem-propLabel{

    display:none

}

.mapItem-propVal{

    display:inline-block;

    vertical-align:middle;

    font-size:13px;

    line-height:13px;

    color:#333;

    font-weight:700

}

.body-Black .mapItem-propVal{

    color:#888

}

a.mapItem-prop:hover .mapItem-propVal{

    color:#111

}

.body-Black a.mapItem-prop:hover .mapItem-propVal{

    color:#eee

}

.mapItem-images{

    display:block;

    text-decoration:none;

    overflow:hidden;

    color:#666;

    border-radius:0 0 10px 10px;

    background:#e6eff9

}

.body-Black .mapItem-images{

    color:#777;

    background:#121419

}

.body-Game .mapItem-images{

    box-shadow:none !important;

    border-radius:0 !important

}

.mapItem-imagesWrap{

    width:1000%

}

.mapItem-image{

    display:inline-block;

    vertical-align:top;

    width:120px;

    height:50px;

    background-repeat:no-repeat;

    background-position:center;

    background-size:cover;

    cursor:pointer;

    transition:box-shadow .1s,transform .1s

}

.body-LteTbl .mapItem-image{

    width:70px;

    height:38px

}

.mapItem-image:hover{

    box-shadow:-5px 0 15px -5px rgba(0,0,0,1),5px 0 15px -5px rgba(0,0,0,1);

    z-index:1;

    position:relative;

    transform:scale(1.05)

}

.body-Game .mapItem-image:hover{

    box-shadow:none !important

}

.gamesTabs-deferLoad{

    padding:50px 0;

    text-align:center

}

.loadIcon{

    position:relative;

    display:inline-block;

    vertical-align:top;

    width:100px;

    height:100px

}

.body-Browser .loadIcon:before{

    content:'';

    position:absolute;

    top:50%;

    left:50%;

    margin:-42px 0 0 -42px;

    display:inline-block;

    vertical-align:top;

    width:60px;

    height:60px;

    border:12px solid rgba(0,0,0,0);

    border-top-color:#e6eff9;

    border-radius:100%;

    animation:loadIcon linear 1s infinite

}

.body-Black.body-Browser .loadIcon:before{

    border-top-color:#fff

}

.body-Game .loadIcon:before{

    content:'';

    position:absolute;

    width:100px;

    height:100px;

    top:0;

    left:0;

    margin:0;

    border:none !important;

    border-radius:0 !important;

    background-repeat:no-repeat;

    background-position:center;

    background-size:cover;

    background-image:url(/assets/assetts/img/csapp/loading.gif)

}

@keyframes loadIcon{

    100%{

        transform:rotate(360deg)

    }

}

.body-Browser .loadIcon:after{

    content:'';

    position:absolute;

    top:50%;

    left:50%;

    margin:-28px 0 0 -28px;

    display:inline-block;

    vertical-align:top;

    width:32px;

    height:32px;

    border:12px solid rgba(0,0,0,0);

    border-top-color:#1a6dea;

    border-radius:100%;

    animation:loadIcon2 linear .75s infinite

}

.body-Black.body-Browser .loadIcon:after{

    border-top-color:#fed700

}

@keyframes loadIcon2{

    100%{

        transform:rotate(360deg)

    }

}

.imagesSlides{

    position:relative;

    overflow:hidden;

    background:#e6eff9

}

.body-Black .imagesSlides{

    background:#121419

}

.imagesSlides-height{

    padding-top:75%

}

.imagesSlides.imagesSlides-Wide .imagesSlides-height{

    padding-top:56.25%

}

.imagesSlides.imagesSlides-Thumbs .imagesSlides-height{

    padding-bottom:50px

}

.imagesSlides-img{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat

}

.imagesSlides.imagesSlides-MobileDefer .imagesSlides-img:before{

    content:'';

    position:absolute;

    top:50%;

    right:5px;

    width:24px;

    height:24px;

    margin:-12px 0 0 0;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    background-image:url(data:image/svg+xml;

    base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNDUxLjg0NnB4IiBoZWlnaHQ9IjQ1MS44NDdweCIgdmlld0JveD0iMCAwIDQ1MS44NDYgNDUxLjg0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUxLjg0NiA0NTEuODQ3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTM0NS40NDEsMjQ4LjI5MkwxNTEuMTU0LDQ0Mi41NzNjLTEyLjM1OSwxMi4zNjUtMzIuMzk3LDEyLjM2NS00NC43NSwwYy0xMi4zNTQtMTIuMzU0LTEyLjM1NC0zMi4zOTEsMC00NC43NDRMMjc4LjMxOCwyMjUuOTJMMTA2LjQwOSw1NC4wMTdjLTEyLjM1NC0xMi4zNTktMTIuMzU0LTMyLjM5NCwwLTQ0Ljc0OGMxMi4zNTQtMTIuMzU5LDMyLjM5MS0xMi4zNTksNDQuNzUsMGwxOTQuMjg3LDE5NC4yODRjNi4xNzcsNi4xOCw5LjI2MiwxNC4yNzEsOS4yNjIsMjIuMzY2QzM1NC43MDgsMjM0LjAxOCwzNTEuNjE3LDI0Mi4xMTUsMzQ1LjQ0MSwyNDguMjkyeiIvPjwvZz48L3N2Zz4=)

}

.imagesSlides-imgItem{

    display:none

}

.imagesSlides-slides{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%

}

.imagesSlides-link{

    display:none

}

.imagesSlides-loading{

    display:none;

    position:absolute;

    top:50%;

    left:50%;

    margin:-50px 0 0 -50px

}

.imagesSlides.imagesSlides-Loading .imagesSlides-loading{

    display:block

}

.chatBar{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%

}

.chatBar-win{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    bottom:0

}

.chatBar.chatBar-ShowLogin .chatBar-win{

    bottom:55px

}

.chatBar.chatBar-ShowLogin.chatBar-Sidebar .chatBar-win,.body-LteTbl .chatBar.chatBar-ShowLogin .chatBar-win{

    bottom:45px

}

.chatBar-loading{

    display:none;

    position:absolute;

    top:50%;

    left:50%;

    margin:-50px 0 0 -50px

}

.chatBar.chatBar-Loading .chatBar-loading{

    display:block

}

.chatBar-login{

    position:absolute;

    bottom:0;

    left:0;

    width:100%;

    text-align:center;

    padding:13px 0;

    border-radius:5px;

    font-size:14.5px;

    line-height:20px

}

.chatBar.chatBar-Sidebar .chatBar-login,.body-LteTbl .chatBar-login{

    padding:13px 0;

    white-space:nowrap;

    overflow:hidden;

    font-size:13.5px;

    line-height:14px

}

.chatPage .chatBar-login{

    background:#fff;

    box-shadow:0 2px 8px -6px rgba(0,0,0,0.75)

}

.body-Black .chatPage .chatBar-login{

    background:#142033;

    box-shadow:0 -2px 4px -2px rgba(0,0,0,0.5),0 3px 6px -3px rgba(0,0,0,1)

}

.chatBar-loginText{

    position:relative;

    display:inline-block;

    vertical-align:top;

    padding:0 0 0 30px;

    color:#000;

    font-weight:700;

    letter-spacing:-0.25px

}

.body-Black .chatBar-loginText{

    color:#fff

}

.chatBar-loginText:before{

    position:absolute;

    content:'';

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    width:20px;

    height:20px;

    background-image:url(/assets/assetts/img/icon/key.svg);

    top:50%;

    left:0;

    margin:-10px 0 0 0;

    opacity:.75

}

.body-Black .chatBar-loginText:before{

    background-image:url(/assets/assetts/img/icon/key_white.svg)

}

.usersList-item{

    display:inline-block;

    vertical-align:top;

    width:32.6%;

    margin:0 1% 1% 0;

    text-decoration:none;

    box-shadow:0 1px 10px -6px rgba(0,0,0,0.75);

    border-radius:50px;

    text-align:left;

    box-sizing:border-box;

    background:#fff;

    transition:box-shadow .1s linear

}

.body-Black .usersList-item{

    background:rgba(255,255,255,0.015);

    box-shadow:0 -2px 4px -2px rgba(0,0,0,0.5),0 3px 6px -3px rgba(0,0,0,1)

}

.body-Game .usersList-item{

    box-shadow:none !important;

    background:#181818;

    border-radius:0 !important

}

.body-LteTbl .usersList-item{

    width:100%;

    display:block;

    margin:0

}

.body-LteTbl .usersList-item+.usersList-item{

    margin-top:5px

}

.usersList-item:nth-child(3n){

    margin-right:0

}

.usersList.usersList-Block .usersList-item{

    margin:0;

    width:100%

}

.usersList-item:hover{

    box-shadow:0 0 5px rgba(53,133,254,1),0 0 5px rgba(53,133,254,1)

}

.usersList-itemTbl{

    display:table;

    width:100%;

    box-sizing:border-box

}

.usersList-itemTblCImage{

    display:table-cell;

    vertical-align:middle;

    width:50px

}

.usersList-itemImage{

    display:block;

    width:50px;

    height:50px;

    background-repeat:no-repeat;

    background-size:contain;

    background-position:center;

    background-image:url(/assets/assetts/img/default/userpic_white_100px.png);

    border-radius:50px

}

.body-Game .usersList-itemImage{

    border-radius:0 !important

}

.usersList-itemTblCText{

    display:table-cell;

    vertical-align:middle;

    padding:0 0 0 10px

}

.usersList-itemName{

    position:relative;

    display:block;

    font-size:14.5px;

    line-height:15px;

    font-weight:700;

    color:#000;

    letter-spacing:-0.25px

}

.body-Black .usersList-itemName{

    color:#fff

}

.usersList-item.usersList-item-Online .usersList-itemName{

    padding-left:15px

}

.usersList-item.usersList-item-Online .usersList-itemName:before{

    position:absolute;

    content:'';

    left:2px;

    top:50%;

    margin:-3px 0 0 0;

    width:6px;

    height:6px;

    background:#1a6dea;

    border-radius:6px

}

.usersList-itemNick{

    margin:5px 0 0 0;

    display:block;

    font-size:13.5px;

    line-height:14px;

    font-weight:700;

    color:#000;

    letter-spacing:-0.5px

}

.body-Black .usersList-itemNick{

    color:#fff

}

.csInfoBar{

    position:relative;

    display:table;

    width:100%;

    background:#fff;

    border-radius:15px;

    box-shadow:0 2px 10px 5px rgba(0,0,0,0.05);

    text-decoration:none;

    transition:box-shadow .1s linear

}

.body-Black .csInfoBar{

    background:#101010;

    box-shadow:0 2px 10px 5px rgba(0,0,0,0.5);

    background:linear-gradient(to right,#101010 25%,#181818 75%)

}

.body-LteTbl .csInfoBar{

    display:block;

    border-radius:5px

}

*+.csInfoBar{

    margin-top:100px

}

.body-LteTbl *+.csInfoBar{

    margin-top:50px

}

.csInfoBar:hover{

    box-shadow:0 0 10px 5px rgba(53,133,254,0.25)

}

.csInfoBar:before{

    content:'';

    position:absolute;

    width:40px;

    height:40px;

    top:50%;

    right:25px;

    margin:-20px 0 0 0;

    background-repeat:no-repeat;

    background-size:contain;

    background-position:center;

    background-image:url(/assets/assetts/img/icon/arrow_right.svg);

    opacity:.05;

    transition:transform .2s linear,opacity .2s linear

}

.body-Black .csInfoBar:before{

    background-image:url(/assets/assetts/img/icon/arrow_right_white.svg)

}

.body-LteTbl .csInfoBar:before{

    width:24px;

    height:24px;

    right:10px;

    margin:0;

    top:10px

}

.csInfoBar:hover:before{

    transform:scale(1.1);

    opacity:.2

}

.csInfoBar-img{

    position:relative;

    display:table-cell;

    vertical-align:top;

    width:200px;

    height:95px;

    background:#101010;

    border-radius:15px 0 0 15px;

    overflow:hidden

}

.body-LteTbl .csInfoBar-img{

    display:none

}

.csInfoBar-img:before{

    content:'';

    position:absolute;

    width:114px;

    height:114px;

    top:50%;

    left:50%;

    margin:-58px 0 0 -57px;

    background-repeat:no-repeat;

    background-size:contain;

    background-position:center;

    background-image:url(/assets/assetts/img/csapp/logo_228px.png)

}

.csInfoBar-text{

    display:table-cell;

    vertical-align:middle;

    padding:0 75px 0 25px;

    font-size:14.5px;

    line-height:21px;

    text-align:left;

    color:#000;

    letter-spacing:-0.1px

}

.body-Black .csInfoBar-text{

    color:#bbb

}

.body-LteTbl .csInfoBar-text{

    display:block;

    padding:10px;

    font-size:13px;

    line-height:18px;

    letter-spacing:-0.25px

}

.csInfoBar-text b{

    font-weight:700;

    letter-spacing:-0.25px

}

.body-Black .csInfoBar-text b{

    color:#fff

}

.csInfoBar-textName{

    display:inline-block;

    vertical-align:top;

    position:relative;

    padding:0 5px 0 37px;

    font-weight:800;

    font-size:16px

}

.body-Black .csInfoBar-textName{

    color:#fff

}

.body-LteTbl .csInfoBar-textName{

    padding:0 0 0 27px;

    font-size:14px

}

.csInfoBar-textNameIcon{

    display:block;

    position:absolute;

    top:50%;

    left:7px;

    width:24px;

    height:17px;

    margin:-10px 0 0 0;

    background-repeat:no-repeat

}

.body-LteTbl .csInfoBar-textNameIcon{

    width:20px;

    height:16px;

    margin:-8px 0 0 0;

    left:2px

}

.body-LteTbl .csInfoBar-text br{

    display:none

}

.inlineBlock{

    display:inline-block

}

.notDisplayed{

    display:none !important

}

.expandButton{

    display:block;

    padding:15px 10px;

    text-align:center;

    font-size:14.5px;

    line-height:15px;

    font-weight:700;

    background:#e6eff9;

    border-radius:25px;

    color:#888;

    text-decoration:none;

    cursor:pointer;

    user-select:none;

    transition:color .1s linear,background .1s linear

}

.body-Black .expandButton{

    color:#777;

    background:rgba(255,255,255,0.025)

}

.body-Game .expandButton{

    border-radius:0 !important;

    background:#181818 !important

}

.expandButton:hover{

    color:#000;

    background:rgba(32,117,246,0.15)

}

.body-Black .expandButton:hover{

    color:#fff

}

.body-Game .expandButton:hover{

    background:#162236 !important

}

.expandButton-text{

    position:relative;

    display:inline-block;

    vertical-align:top;

    padding:0 0 0 25px

}

.expandButton.expandButton-ArrowRight .expandButton-text{

    padding:0 25px 0 0

}

.expandButton-text:before{

    content:'';

    position:absolute;

    top:50%;

    left:0;

    width:16px;

    height:16px;

    margin:-8px 0 0 0;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    opacity:.25;

    background-image:url(/assets/assetts/img/icon/arrow_down.svg);

    transition:opacity .1s linear,transform .1s linear

}

.expandButton:hover .expandButton-text:before{

    opacity:1;

    transform:scale(1.25)

}

.body-Black .expandButton-text:before{

    background-image:url(/assets/assetts/img/icon/arrow_down_white.svg)

}

.expandButton-Plus .expandButton-text:before{

    background-image:url(/assets/assetts/img/icon/plus.svg)

}

.body-Black .expandButton-Plus .expandButton-text:before{

    background-image:url(/assets/assetts/img/icon/plus_white.svg)

}

.expandButton-Refresh .expandButton-text:before{

    background-image:url(/assets/assetts/img/icon/refresh.svg)

}

.body-Black .expandButton-Refresh .expandButton-text:before{

    background-image:url(/assets/assetts/img/icon/refresh_white.svg)

}

.expandButton-ArrowDown .expandButton-text:before{

    background-image:url(/assets/assetts/img/icon/arrow_down.svg)

}

.body-Black .expandButton-ArrowDown .expandButton-text:before{

    background-image:url(/assets/assetts/img/icon/arrow_down_white.svg)

}

.expandButton-ArrowRight .expandButton-text:before{

    background-image:url(/assets/assetts/img/icon/arrow_right2.svg);

    left:auto;

    right:0

}

.body-Black .expandButton-ArrowRight .expandButton-text:before{

    background-image:url(/assets/assetts/img/icon/arrow_right2_white.svg)

}

.buttonStyle{

    position:relative;

    display:inline-block;

    font-size:14px;

    line-height:14px;

    padding:12px 30px 11px 30px;

    font-weight:600;

    border-bottom:3px solid #3e5fbd;

    background:#4285f4;

    color:#fff !important;

    cursor:pointer;

    text-transform:uppercase;

    letter-spacing:.1px;

    border-radius:20px;

    text-align:center;

    text-decoration:none;

    box-sizing:border-box;

    user-select:none;

    transition:background .1s linear,border-color .1s linear,box-shadow .1s linear

}

.body-Game .buttonStyle{

    border-radius:0 !important

}

.buttonStyle:hover{

    background:#34a853;

    border-bottom-color:#358d47;

    box-shadow:0 2px 4px -2px rgba(0,0,0,0.3)

}

.buttonStyle.buttonStyle-ArrowRight{

    padding-right:55px

}

.buttonStyle.buttonStyle-ArrowRight:before{

    content:'';

    position:absolute;

    width:18px;

    height:18px;

    background-image:url(/assets/assetts/img/icon/arrow_right_white.svg);

    background-position:center;

    background-repeat:no-repeat;

    background-size:contain;

    top:50%;

    right:20px;

    margin:-9px 0 0 0;

    opacity:.75;

    transition:width .2s linear,height .2s linear,margin .2s linear,opacity .2s linear

}

.buttonStyle.buttonStyle-ArrowRight:hover:before{

    width:22px;

    height:22px;

    margin:-11px -2px 0 0;

    opacity:1

}

.buttonStyle.buttonStyle-Plane{

    padding-right:55px

}

.buttonStyle.buttonStyle-Plane:before{

    content:'';

    position:absolute;

    width:18px;

    height:18px;

    background-image:url(/assets/assetts/img/icon/plane_white.svg);

    background-position:center;

    background-repeat:no-repeat;

    background-size:contain;

    top:50%;

    right:20px;

    margin:-9px 0 0 0;

    transition:width .2s linear,height .2s linear,margin .2s linear

}

.buttonStyle.buttonStyle-Plane:hover:before{

    width:22px;

    height:22px;

    margin:-11px -2px 0 0

}

.buttonStyle.buttonStyle-Order{

    padding-left:55px

}

.buttonStyle.buttonStyle-Order:before{

    content:'';

    position:absolute;

    width:18px;

    height:18px;

    background-image:url(/assets/assetts/img/icon/shopping_cart_white.svg);

    background-position:center;

    background-repeat:no-repeat;

    background-size:contain;

    top:50%;

    left:20px;

    margin:-9px 0 0 0;

    transition:width .2s linear,height .2s linear,margin .2s linear

}

.buttonStyle.buttonStyle-Order:hover:before{

    width:22px;

    height:22px;

    margin:-11px 0 0 -2px

}

.buttonStyle2{

    position:relative;

    display:inline-block;

    font-size:14px;

    line-height:14px;

    padding:12px 30px;

    font-weight:600;

    color:#888 !important;

    cursor:pointer;

    text-transform:uppercase;

    letter-spacing:.1px;

    border-radius:20px;

    text-align:center;

    text-decoration:none;

    box-shadow:0 1px 10px -6px rgba(0,0,0,0.75);

    background:#fff;

    box-sizing:border-box;

    user-select:none;

    transition:color .2s linear

}

.body-Black .buttonStyle2{

    color:#444;

    background:rgba(255,255,255,0.01);

    box-shadow:0 1px 10px -4px rgba(0,0,0,1)

}

.body-Game .buttonStyle2{

    box-shadow:none !important;

    border-radius:0 !important

}

.buttonStyle2:hover{

    border-color:#1a6dea;

    color:#1a6dea !important

}

.buttonStyle2.buttonStyle2-ArrowRight{

    padding-right:50px

}

.buttonStyle2.buttonStyle2-ArrowRight:before{

    content:'';

    position:absolute;

    width:18px;

    height:18px;

    background-image:url(/assets/assetts/img/icon/arrow_right.svg);

    background-position:center;

    background-repeat:no-repeat;

    background-size:contain;

    top:50%;

    right:20px;

    margin:-9px 0 0 0;

    opacity:.5;

    transition:width .2s linear,height .2s linear,margin .2s linear,opacity .2s linear

}

.body-Black .buttonStyle2.buttonStyle2-ArrowRight:before{

    background-image:url(/assets/assetts/img/icon/arrow_right_white.svg)

}

.buttonStyle2.buttonStyle2-ArrowRight:hover:before{

    width:22px;

    height:22px;

    margin:-11px -2px 0 0;

    opacity:1

}

.buttonStyle2.buttonStyle2-Download{

    padding-left:50px

}

.buttonStyle2.buttonStyle2-Download:before{

    content:'';

    position:absolute;

    width:18px;

    height:18px;

    background-image:url(/assets/assetts/img/icon/download.svg);

    background-position:center;

    background-repeat:no-repeat;

    background-size:contain;

    top:50%;

    left:20px;

    margin:-9px 0 0 0;

    opacity:.5;

    transition:width .2s linear,height .2s linear,margin .2s linear,opacity .2s linear

}

.body-Black .buttonStyle2.buttonStyle2-Download:before{

    background-image:url(/assets/assetts/img/icon/download_white.svg)

}

.buttonStyle2.buttonStyle2-Download:hover:before{

    width:22px;

    height:22px;

    margin:-11px 0 0 -2px;

    opacity:1

}

.buttonStyle2.buttonStyle2-Setting{

    padding-left:50px

}

.buttonStyle2.buttonStyle2-Setting:before{

    content:'';

    position:absolute;

    width:18px;

    height:18px;

    background-image:url(/assets/assetts/img/icon/setting.svg);

    background-position:center;

    background-repeat:no-repeat;

    background-size:contain;

    top:50%;

    left:20px;

    margin:-9px 0 0 0;

    opacity:.5;

    transition:width .2s linear,height .2s linear,margin .2s linear,opacity .2s linear

}

.body-Black .buttonStyle2.buttonStyle2-Setting:before{

    background-image:url(/assets/assetts/img/icon/setting_white.svg)

}

.buttonStyle2.buttonStyle2-Setting:hover:before{

    width:22px;

    height:22px;

    margin:-11px 0 0 -2px;

    opacity:1

}

.buttonStyle3{

    position:relative;

    display:inline-block;

    vertical-align:top;

    font-size:13.5px;

    line-height:14px;

    padding:8px 20px;

    text-decoration:none;

    border-radius:20px;

    background:#fff;

    box-shadow:0 1px 10px -6px rgba(0,0,0,0.75);

    font-weight:700;

    color:#aaa;

    cursor:pointer;

    text-align:center;

    letter-spacing:.1px;

    user-select:none;

    text-transform:uppercase;

    transition:color .2s,box-shadow .2s

}

.body-Black .buttonStyle3{

    color:#666;

    box-shadow:0 3px 6px -3px rgba(0,0,0,1);

    background:rgba(255,255,255,0.015)

}

.body-Game .buttonStyle3{

    box-shadow:none !important;

    border-radius:0 !important

}

.buttonStyle3:hover{

    color:#4285f4;

    box-shadow:0 0 5px rgba(53,133,254,1),0 0 5px rgba(53,133,254,1)

}

.buttonStyle3.buttonStyle3-ArrowRight{

    padding-right:35px

}

.buttonStyle3.buttonStyle3-ArrowRight:before{

    content:'';

    position:absolute;

    top:50%;

    right:10px;

    width:14px;

    height:14px;

    margin:-7px 0 0 0;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    opacity:.25;

    background-image:url(/assets/assetts/img/icon/arrow_right.svg);

    transition:width .2s,height .2s,margin .2s,opacity .2s

}

.body-Black .buttonStyle3.buttonStyle3-ArrowRight:before{

    background-image:url(/assets/assetts/img/icon/arrow_right_white.svg)

}

.buttonStyle3.buttonStyle3-ArrowRight:hover:before{

    width:18px;

    height:18px;

    margin:-9px 0 0 -2px;

    opacity:.75

}

.buttonStyle3.buttonStyle3-Order{

    padding-left:35px

}

.buttonStyle3.buttonStyle3-Order:before{

    content:'';

    position:absolute;

    top:50%;

    left:15px;

    width:14px;

    height:14px;

    margin:-7px 0 0 0;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    opacity:.25;

    background-image:url(/assets/assetts/img/icon/shopping_cart.svg);

    transition:width .2s,height .2s,margin .2s,opacity .2s

}

.body-Black .buttonStyle3.buttonStyle3-Order:before{

    background-image:url(/assets/assetts/img/icon/shopping_cart_white.svg)

}

.buttonStyle3.buttonStyle3-Order:hover:before{

    width:18px;

    height:18px;

    margin:-9px 0 0 -2px;

    opacity:.75

}

.buttonStyle4{

    display:inline-block;

    vertical-align:top;

    position:relative;

    padding:15px 50px 13px 50px;

    background:#4285f4;

    border-bottom:4px solid #446ddb;

    color:#fff;

    font-size:14.5px;

    line-height:14.5px;

    font-weight:700;

    text-align:center;

    text-transform:uppercase;

    letter-spacing:1px;

    border-radius:30px;

    cursor:pointer;

    text-decoration:none;

    user-select:none;

    transition:background .1s linear,border-bottom-color .1s linear

}

.body-LteTbl .buttonStyle4{

    padding:12px 50px

}

.buttonStyle4:hover{

    background:#34a853;

    border-bottom-color:#358d47

}

.buttonStyle4.buttonStyle4-ArrowRight{

    padding-right:65px

}

.buttonStyle4.buttonStyle4-ArrowRight:before{

    content:'';

    position:absolute;

    top:50%;

    right:15px;

    width:16px;

    height:16px;

    margin:-8px 0 0 0;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    background-image:url(/assets/assetts/img/icon/arrow_right2_white.svg);

    transition:width .2s,height .2s,left .2s,margin .2s,opacity .2s

}

.buttonStyle4.buttonStyle4-ArrowRight:hover:before{

    width:20px;

    height:20px;

    right:13px;

    margin-top:-10px

}

.buttonStyle4.buttonStyle4-Download{

    padding-left:65px

}

.buttonStyle4.buttonStyle4-Download:before{

    content:'';

    position:absolute;

    top:50%;

    left:35px;

    width:16px;

    height:16px;

    margin:-8px 0 0 0;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    background-image:url(/assets/assetts/img/icon/download_white.svg);

    transition:width .2s,height .2s,left .2s,margin .2s,opacity .2s

}

.buttonStyle4.buttonStyle4-Download:hover:before{

    width:20px;

    height:20px;

    left:33px;

    margin-top:-10px

}

.buttonStyle7{

    position:relative;

    display:inline-block;

    font-size:13.5px;

    line-height:14px;

    padding:6px 15px;

    font-weight:700;

    color:#888 !important;

    cursor:pointer;

    border-radius:20px;

    text-align:center;

    text-decoration:none;

    box-shadow:0 1px 10px -6px rgba(0,0,0,0.75);

    background:#fff;

    box-sizing:border-box;

    letter-spacing:-0.5px;

    user-select:none;

    transition:color .2s linear,box-shadow .2s linear

}

.buttonStyle7.buttonStyle7-Icon{

    padding-left:30px

}

.body-Black .buttonStyle7{

    color:#444;

    background:#181818;

    box-shadow:0 3px 6px -3px rgba(0,0,0,1)

}

.body-Game .buttonStyle7{

    border-radius:0 !important;

    box-shadow:none !important

}

.buttonStyle7:hover{

    color:#1a6dea !important;

    box-shadow:0 2px 4px -2px rgba(0,0,0,0.3)

}

.body-Black .buttonStyle7:hover{

    box-shadow:0 4px 8px -4px rgba(0,0,0,1)

}

.buttonStyle7.buttonStyle7-Icon:before{

    content:'';

    position:absolute;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    top:50%;

    left:10px;

    width:14px;

    height:14px;

    margin:-7px 0 0 0;

    opacity:.5;

    transition:opacity .2s linear

}

.buttonStyle7.buttonStyle7-Icon:hover:before{

    opacity:1

}

.buttonBlinkStyle{

    overflow:hidden;

    position:relative

}

.buttonBlinkStyle:after{

    content:'';

    width:100%;

    height:200%;

    position:absolute;

    top:0;

    left:0;

    opacity:.5;

    background:linear-gradient(to left,transparent 0,rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.85) 55%,transparent 100%);

    transform:translate(-100%,-25%) rotate(10deg);

    animation:buttonBlinkStyle 5s infinite

}

@keyframes buttonBlinkStyle{

    0{

        transform:translate(-100%,-25%) rotate(10deg)

    }

    20%{

        transform:translate(100%,-25%) rotate(10deg)

    }

    100%{

        transform:translate(100%,-25%) rotate(10deg)

    }

}

.textareaStyle{

    display:block;

    width:100%;

    height:70px;

    box-sizing:border-box;

    padding:8px 15px;

    background:#f6f8fb;

    border:0;

    font-size:14px;

    line-height:18px;

    color:#111;

    letter-spacing:.1px;

    border-radius:15px;

    outline:0;

    box-shadow:inset 0 1px 5px rgba(0,0,0,0.075);

    transition:color .1s linear,background .1s linear,box-shadow .1s linear

}

.body-Black .textareaStyle{

    background:#0d0d0d;

    color:#eee;

    box-shadow:inset 0 1px 5px rgba(0,0,0,0.5)

}

.body-Game .textareaStyle{

    box-shadow:none !important;

    border-radius:0 !important

}

.textareaStyle:hover,.textareaStyle:focus{

    color:#1a6dea;

    background:#fff;

    box-shadow:inset 0 1px 3px rgba(0,0,0,0.1)

}

.body-Black .textareaStyle:hover,.body-Black .textareaStyle:focus{

    background:#101010;

    box-shadow:inset 0 1px 3px rgba(0,0,0,0.75)

}

.customCheck{

    position:relative;

    display:inline-block;

    vertical-align:top;

    width:18px;

    height:18px;

    border:3px solid #222;

    border-radius:5px;

    cursor:pointer;

    transition:border-color .2s linear

}

.body-Black .customCheck{

    border-color:#ddd

}

.customCheck:hover,label:hover .customCheck{

    border-color:#1a6dea

}

.customCheck input{

    display:block;

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    border:0;

    margin:0;

    cursor:pointer;

    opacity:0

}

.customCheck-check{

    position:absolute;

    top:1px;

    left:1px;

    width:16px;

    height:16px;

    background-image:url(/assets/assetts/img/icon/check.svg);

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    opacity:0;

    transition:opacity .1s linear

}

.customCheck input:checked+.customCheck-check{

    opacity:1

}

.sectionStyle{

    padding:30px 0 0 0;

    font-size:12px;

    line-height:12px

}

.body-LteTbl .sectionStyle{

    padding:25px 0 0 0

}

.menuStyle{

    text-align:center;

    border-bottom:1px solid #e8edf3;

    padding:0 0 10px 0;

    margin:0 0 35px 0

}

.body-Touch .menuStyle{

    margin:0 0 25px 0;

    white-space:nowrap;

    overflow-x:auto

}

.body-Black .menuStyle{

    border-bottom-color:#181818

}

.menuStyle.menuStyle-NoBottomPadding{

    margin-bottom:0 !important;

    padding-bottom:0 !important;

    border-bottom:none !important

}

.menuStyle-group{

    display:inline-block;

    vertical-align:top

}

.menuStyle-item{

    display:inline-block;

    vertical-align:top;

    margin:0 5px 5px 5px;

    padding:6px 15px;

    text-decoration:none;

    font-size:13.5px;

    line-height:14px;

    color:#888;

    font-weight:600;

    background:#fff;

    border-radius:20px;

    box-shadow:0 2px 8px -6px rgba(0,0,0,0.75);

    letter-spacing:-0.25px;

    transition:color .1s linear

}

.body-Black .menuStyle-item{

    color:#555;

    background:#121419;

    box-shadow:0 -2px 4px -2px rgba(0,0,0,0.5),0 3px 6px -3px rgba(0,0,0,1)

}

.body-Game .menuStyle-item{

    box-shadow:none !important;

    border-radius:0 !important

}

.menuStyle-item.menuStyle-item-Current{

    font-weight:800;

    color:#fff !important;

    letter-spacing:-0.5px;

    background:#181818

}

.body-Black .menuStyle-item.menuStyle-item-Current{

    color:#fff !important;

    background:#182a52

}

.menuStyle-item:hover{

    color:#1a6dea

}

.menuStyle-itemHighlight{

    color:#1a6dea;

    font-weight:800;

    text-transform:uppercase

}

.breadStyle{

    text-align:center

}

.iconStyle{

    text-align:center

}

*+.iconStyle{

    margin-top:15px

}

.body-LteTbl *+.iconStyle{

    margin-top:10px

}

.iconStyle-img{

    display:inline-block;

    vertical-align:top;

    width:100px;

    height:100px;

    background-size:contain;

    background-repeat:no-repeat;

    background-position:center

}

.iconStyle.iconStyle-Round .iconStyle-img{

    border-radius:50%

}

.body-LteTbl .iconStyle-img{

    width:64px;

    height:64px

}

.iconStyle-img.iconStyle-img-Black{

    display:none

}

.body-Black .iconStyle-img.iconStyle-img-White{

    display:none

}

.body-Black .iconStyle-img.iconStyle-img-Black{

    display:inline-block

}

.iconStyle.iconStyle-User .iconStyle-img{

    background-image:url(/assets/assetts/img/default/userpic_gold_100px.png)

}

.iconStyle.iconStyle-Login .iconStyle-img{

    background-image:url(/assets/assetts/img/icon/key_gold.svg)

}

.iconStyle.iconStyle-404 .iconStyle-img{

    background-image:url(/assets/assetts/img/icon/404_gold.svg)

}

.iconStyle.iconStyle-Info .iconStyle-img{

    background-image:url(/assets/assetts/img/icon/info2_gold.svg)

}

.iconStyle.iconStyle-Document .iconStyle-img{

    background-image:url(/assets/assetts/img/icon/policy_gold.svg)

}

.iconStyle.iconStyle-Success .iconStyle-img{

    background-image:url(/assets/assetts/img/icon/checked2_gold.svg)

}

.iconStyle.iconStyle-Error .iconStyle-img{

    background-image:url(/assets/assetts/img/icon/cancel2_red.svg)

}

.iconStyle.iconStyle-Search .iconStyle-img{

    background-image:url(/assets/assetts/img/icon/search_gold.svg)

}

.iconStyle.iconStyle-World .iconStyle-img{

    background-image:url(/assets/assetts/img/icon/world2_gold.svg)

}

.iconStyle.iconStyle-Gamepad .iconStyle-img{

    background-image:url(/assets/assetts/img/icon/gamepad_gold.svg)

}

.iconStyle.iconStyle-Server .iconStyle-img{

    background-image:url(/assets/assetts/img/icon/server2_gold.svg)

}

.iconStyle.iconStyle-Download .iconStyle-img{

    background-image:url(/assets/assetts/img/icon/download_gold.svg)

}

.iconStyle.iconStyle-Map .iconStyle-img{

    background-image:url(/assets/assetts/img/icon/map_gold.svg)

}

.iconStyle.iconStyle-Star .iconStyle-img{

    background-image:url(/assets/assetts/img/icon/star_gold.svg)

}

.titleStyle{

    margin:0;

    padding:0;

    font-size:35px;

    line-height:45px;

    color:#000;

    font-weight:800;

    letter-spacing:-1px;

    text-align:center

}

.body-Black .titleStyle{

    color:#fff

}

.body-LteTbl .titleStyle{

    font-size:25px;

    line-height:30px;

    letter-spacing:-0.75px

}

*+.titleStyle{

    margin-top:15px

}

.body-LteTbl *+.titleStyle{

    margin-top:10px

}

.titleStyle-name{

    display:inline-block;

    vertical-align:top;

    margin:0;

    padding:0

}

.titleStyle-sub{

    font-size:25px

}

.subtitleStyle{

    position:relative;

    margin:0;

    padding:0;

    font-size:21px;

    line-height:25px;

    font-weight:800;

    color:#000;

    letter-spacing:-0.5px;

    text-align:center

}

.body-Black .subtitleStyle{

    color:#fff

}

.body-LteTbl .subtitleStyle{

    font-size:18px;

    line-height:24px

}

.subtitleStyle.subtitleStyle-Left{

    text-align:left

}

.subtitleStyle.subtitleStyle-Crown{

    padding-left:35px

}

.subtitleStyle.subtitleStyle-Crown:before{

    content:'';

    position:absolute;

    width:24px;

    height:24px;

    top:50%;

    left:0;

    margin:-12px 0 0 0;

    background-size:contain;

    background-repeat:no-repeat;

    background-position:center;

    background-image:url(/assets/assetts/assets/assetts/img/icon/crown.svg)

}

*+.subtitleStyle{

    margin-top:35px

}

.titleStyle+.subtitleStyle{

    margin-top:15px

}

.body-LteTbl *+.subtitleStyle{

    margin-top:25px

}

.body-LteTbl .titleStyle+.subtitleStyle{

    margin-top:10px

}

.textStyle{

    margin:0;

    padding:0;

    font-size:14.5px;

    line-height:22px;

    color:#111;

    text-align:center

}

.body-Black .textStyle{

    color:#ccc

}

.textStyle.textStyle-Bold{

    font-weight:700;

    letter-spacing:-0.25px

}

.textStyle.textStyle-Justify{

    text-align:justify

}

.textStyle.textStyle-Left{

    text-align:left

}

*+.textStyle{

    margin-top:35px

}

.subtitleStyle+.textStyle{

    margin-top:15px

}

.body-LteTbl *+.textStyle{

    margin-top:25px

}

.body-LteTbl .subtitleStyle+.textStyle{

    margin-top:10px

}

.textStyle p{

    margin:0;

    padding:0

}

.textStyle p+p{

    margin-top:15px

}

.textStyle b{

    font-weight:700;

    color:#000

}

.body-Black .textStyle b{

    color:#fff

}

.textStyle a{

    display:inline-block;

    font-weight:600

}

.infoLinksStyle{

    margin:15px 0 0 0;

    text-align:center

}

.body-LteTbl .infoLinksStyle{

    margin:10px 0 0 0

}

.infoLinkStyle{

    position:relative;

    display:inline-block;

    vertical-align:top;

    margin:5px 10px 0 10px;

    padding:5px 10px 5px 23px;

    text-decoration:none;

    cursor:pointer;

    font-size:14px;

    line-height:14px;

    font-weight:600;

    letter-spacing:-0.25px;

    color:#888;

    transition:color .1s linear

}

.body-Black .infoLinkStyle{

    color:#555

}

.infoLinkStyle:hover{

    color:#000

}

.body-Black .infoLinkStyle:hover{

    color:#fff

}

.infoLinkStyle:before{

    content:'';

    position:absolute;

    top:50%;

    left:0;

    width:16px;

    height:16px;

    margin:-8px 0 0 0;

    background-position:center;

    background-repeat:no-repeat;

    background-size:contain;

    opacity:.35;

    transition:opacity .1s linear,width .1s linear,height .1s linear,margin .1s linear

}

.infoLinkStyle:hover:before{

    width:18px;

    height:18px;

    margin:-9px 0 0 -1px;

    opacity:1

}

.infoLinkStyle.infoLinkStyle-Info:before{

    background-image:url(/assets/assetts/img/icon/info2.svg)

}

.body-Black .infoLinkStyle.infoLinkStyle-Info:before{

    background-image:url(/assets/assetts/img/icon/info2_white.svg)

}

.infoLinkStyle.infoLinkStyle-Question:before{

    background-image:url(/assets/assetts/img/icon/question2_gold.svg)

}

.body-Black .infoLinkStyle.infoLinkStyle-Question:before{

    background-image:url(/assets/assetts/img/icon/question2_white.svg)

}

.infoLinkStyle.infoLinkStyle-Contact:before{

    background-image:url(/assets/assetts/img/icon/plane.svg)

}

.body-Black .infoLinkStyle.infoLinkStyle-Contact:before{

    background-image:url(/assets/assetts/img/icon/plane_white.svg)

}

.infoLinkStyle.infoLinkStyle-Plus:before{

    background-image:url(/assets/assetts/img/icon/plus.svg)

}

.body-Black .infoLinkStyle.infoLinkStyle-Plus:before{

    background-image:url(/assets/assetts/img/icon/plus_white.svg)

}

.infoLinkStyle.infoLinkStyle-Pay:before{

    background-image:url(/assets/assetts/img/icon/wallet2.svg);

    width:18px;

    height:18px;

    margin:-9px 0 0 0

}

.infoLinkStyle.infoLinkStyle-Pay:hover:before{

    width:20px;

    height:20px;

    margin:-10px 0 0 -1px

}

.body-Black .infoLinkStyle.infoLinkStyle-Pay:before{

    background-image:url(/assets/assetts/img/icon/wallet2_white.svg)

}

.metaStyle{

    font-size:13.5px;

    line-height:18px;

    color:#888;

    text-align:justify

}

.body-Black .metaStyle{

    color:#888

}

*+.metaStyle{

    margin-top:100px

}

.metaStyle h2{

    margin:0;

    padding:0;

    font-size:14.5px;

    line-height:18px;

    font-weight:600

}

.metaStyle p{

    margin:0;

    padding:0

}

.metaStyle>*+*{

    margin-top:10px !important

}

.metaStyle a{

    display:inline-block;

    vertical-align:top;

    font-weight:600;

    color:#555;

    transition:color .1s

}

.body-Black .metaStyle a{

    color:#aaa

}

.metaStyle a:hover{

    color:#1a6dea

}

.thankStyle{

    position:relative;

    margin:35px 0 0 0;

    padding:15px 25px 15px 70px;

    font-size:14.5px;

    line-height:20px;

    background:rgba(32,117,246,0.15);

    color:#000;

    font-weight:600;

    letter-spacing:-0.25px;

    border-radius:15px;

    box-shadow:0 2px 4px -2px rgba(0,0,0,0.3)

}

.body-Black .thankStyle{

    color:#fff;

    box-shadow:0 3px 6px -3px rgba(0,0,0,1)

}

*+.thankStyle{

    margin-top:35px

}

.body-LteTbl *+.thankStyle{

    margin-top:25px

}

.thankStyle:before{

    content:'';

    position:absolute;

    top:50%;

    left:25px;

    width:32px;

    height:32px;

    margin:-16px 0 0 0;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    background-image:url(/assets/assetts/img/icon/smile.svg)

}

.body-Black .thankStyle:before{

    background-image:url(/assets/assetts/img/icon/smile_white.svg)

}

.linkStyle{

    display:inline-block;

    vertical-align:top;

    color:#000;

    border-bottom:1px solid #1a6dea;

    text-decoration:none;

    font-weight:700 !important;

    transition:color .1s linear,border-bottom-color .1s linear

}

.body-Black .linkStyle{

    color:#fff

}

.linkStyle:hover{

    border-bottom-color:transparent;

    color:#1a6dea !important

}

.sectionStyle-buttons{

    text-align:center

}

*+.sectionStyle-buttons{

    margin-top:20px

}

.sectionStyle-button{

    margin:5px

}

.shareStyle{

    text-align:center

}

*+.shareStyle{

    margin-top:15px

}

.shareStyle-content{

    display:inline-block;

    vertical-align:top;

    min-height:26px

}

.briefStyle{

    font-size:13.5px;

    line-height:24px;

    text-align:center

}

.body-LteTbl .briefStyle{

    line-height:22px

}

*+.briefStyle{

    margin-top:25px

}

.body-LteTbl *+.briefStyle{

    margin-top:20px

}

.briefStyleItem-item{

    display:inline-block

}

.briefStyleItem-itemLabel{

    font-weight:600;

    color:#aaa

}

.body-Black .briefStyleItem-itemLabel{

    color:#555

}

.briefStyleItem-itemValue{

    font-weight:800;

    color:#111

}

.body-Black .briefStyleItem-itemValue{

    color:#ddd

}

.statTitleStyle{

    text-align:center

}

*+.statTitleStyle{

    margin-top:15px

}

*+.searchStyle{

    margin-top:20px

}

.body-LteTbl *+.searchStyle{

    margin-top:15px

}

*+.contentStyle{

    margin-top:2%;

    margin-bottom:2%;

}

.body-LteTbl *+.contentStyle{

    margin-top:20px

}

.emptyStyle{

    padding:16px 10px;

    font-size:14.5px;

    line-height:18px;

    color:#111;

    font-weight:700;

    text-align:center;

    background:rgba(0,0,0,0.01);

    border-radius:50px

}

.body-Black .emptyStyle{

    color:#ccc;

    background:rgba(255,255,255,0.01)

}

.body-Game .emptyStyle{

    border-radius:0 !important

}

*+.emptyStyle{

    margin-top:35px

}

.body-LteTbl *+.emptyStyle{

    margin-top:25px

}

.emptyStyle:before{

    display:inline-block;

    vertical-align:text-bottom;

    content:'ⓘ';

    margin:0 10px 0 0;

    opacity:.25;

    font-size:23px

}

.pagesStyle{

    text-align:center

}

*+.pagesStyle{

    margin-top:30px

}

.hrStyle{

    border-top:1px solid #e8edf3

}

.body-Black .hrStyle{

    border-top-color:#181818

}

*+.hrStyle{

    margin-top:35px

}

.body-LteTbl *+.hrStyle{

    margin-top:20px

}

.pageNav{

    display:inline-block;

    vertical-align:top

}

.pageNav>*+*{

    margin-left:15px

}

.body-LteTbl .pageNav>*+*{

    margin-left:10px

}

.pageNav-item{

    position:relative;

    display:inline-block;

    height:34px;

    min-width:34px;

    padding:10px;

    box-sizing:border-box;

    font-size:13.5px;

    line-height:14px;

    text-decoration:none;

    color:#aaa;

    box-shadow:0 2px 3px -2px rgba(0,0,0,0.3);

    border-radius:5px;

    font-weight:300;

    background:#fff;

    text-align:center;

    transition:color .1s linear,box-shadow .1s linear

}

.pageNav-item.pageNav-item-Current{

    color:#333;

    font-weight:800;

    cursor:default

}

a.pageNav-item:hover{

    box-shadow:0 4px 8px -4px rgba(32,117,246,0.5);

    color:#1a94fd !important

}

.body-Game .pageNav-item{

    box-shadow:none !important;

    border-radius:0 !important

}

a.pageNav-item:after{

    content:'';

    position:absolute;

    width:0;

    top:50%;

    left:50%;

    height:0;

    background:rgba(32,117,246,0.075);

    border-radius:7px;

    opacity:0;

    transition:width .2s linear,height .2s linear,top .2s linear,left .2s linear,opacity .2s linear

}

.body-Game a.pageNav-item:after{

    display:none !important

}

a.pageNav-item:hover:after{

    width:100%;

    height:100%;

    left:0;

    top:0;

    opacity:1

}

.body-Black .pageNav-item{

    background:#10161f;

    color:#555;

    box-shadow:0 1px 5px -1px rgba(0,0,0,1)

}

.body-Black .pageNav-item.pageNav-item-Current{

    color:#ccc;

    background:#282828

}

.pageNav-space{

    display:inline-block;

    font-size:14px;

    line-height:34px;

    color:#aaa

}

.body-Black .pageNav-space{

    color:#555

}

.actionThank{

    display:none;

    position:relative;

    padding:15px 15px 15px 140px;

    box-shadow:0 3px 6px -3px rgba(0,0,0,0.35);

    border-radius:75px;

    border:5px solid #fed700;

    background:#fff;

    box-sizing:border-box;

    text-align:left

}

.body-Black .actionThank{

    box-shadow:0 4px 8px -4px rgba(0,0,0,1);

    background:#131313

}

.body-LteTbl .actionThank{

    padding:70px 10px 15px 10px;

    margin:0 0 20px 0;

    border-radius:50px

}

.actionThank.actionThank-Show{

    display:block

}

.actionThank.actionThank-Show+*{

    margin-top:35px !important

}

.body-LteTbl .actionThank.actionThank-Show+*{

    margin-top:25px !important

}

*+.actionThank.actionThank-Show{

    margin-top:35px !important

}

.body-LteTbl *+.actionThank.actionThank-Show{

    margin-top:25px !important

}

.actionThank:before{

    content:'';

    position:absolute;

    top:50%;

    left:45px;

    width:70px;

    height:70px;

    margin:-35px 0 0 0;

    background-position:center;

    background-repeat:no-repeat;

    background-size:cover;

    background-image:url(/assets/assetts/img/icon/hand_like.svg)

}

.body-Black .actionThank:before{

    background-image:url(/assets/assetts/img/icon/hand_like_white.svg)

}

.body-LteTbl .actionThank:before{

    width:50px;

    height:50px;

    left:50%;

    top:10px;

    margin:0 0 0 -25px

}

.actionThank-title{

    font-size:18px;

    line-height:18px;

    color:#000;

    letter-spacing:-0.75px;

    font-weight:800

}

.body-Black .actionThank-title{

    color:#fff

}

.body-LteTbl .actionThank-title{

    font-size:16px;

    line-height:20px;

    letter-spacing:-0.5px;

    text-align:center

}

.actionThank-text{

    font-size:14.5px;

    line-height:20px;

    color:#333;

    letter-spacing:-0.25px

}

*+.actionThank-text{

    margin-top:10px

}

.body-LteTbl *+.actionThank-text{

    margin-top:5px

}

.body-Black .actionThank-text{

    color:#ccc

}

.body-LteTbl .actionThank-text{

    font-size:13.5px;

    line-height:18px

}

.actionThank-text b{

    color:#000;

    font-weight:700

}

.body-Black .actionThank-text b{

    color:#fff

}

.actionThank-share{

    margin:10px 0 0 0

}

.body-LteTbl .actionThank-share{

    text-align:center

}

.actionThank-shareItem{

    display:inline-block;

    vertical-align:top;

    margin:0 50px 0 0

}

.body-LteTbl .actionThank-shareItem{

    display:block;

    margin:0

}

.body-LteTbl .actionThank-shareItem+.actionThank-shareItem{

    margin-top:10px

}

.actionThank-shareItem:last-child{

    margin-right:0

}

.actionThank-shareItemLabel{

    margin:0 0 10px 0;

    font-size:13.5px;

    line-height:14px;

    color:#aaa

}

.body-Black .actionThank-shareItemLabel{

    color:#777

}

.body-LteTbl .actionThank-shareItemLabel{

    margin-bottom:5px

}

.actionThank-shareItemContent{

    display:inline-block;

    vertical-align:top;

    min-height:26px

}

.docStyle h2{

    margin:20px 0;

    font-size:18px;

    line-height:24px;

    color:#000;

    font-weight:700;

    letter-spacing:-0.5px

}

.body-Black .docStyle h2{

    color:#fff

}

.docStyle p{

    margin:20px 0;

    padding:0;

    color:#000;

    font-size:14px;

    line-height:20px;

    text-align:justify

}

.body-Black .docStyle p{

    color:#aaa

}

.docStyle b{

    font-weight:700

}

.shareBar{

    display:inline-block;

    vertical-align:top

}

.shareLink-button{

    display:inline-block;

    vertical-align:top;

    position:relative

}

.shareLink-button+.shareLink-button{

    margin-left:10px

}

.shareLink-button>*:first-child:before{

    background-image:url(data:image/svg+xml;

    base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDczLjkzMiA0NzMuOTMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NzMuOTMyIDQ3My45MzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz48cGF0aCBkPSJNMzg1LjUxMywzMDEuMjE0Yy0yNy40MzgsMC01MS42NCwxMy4wNzItNjcuNDUyLDMzLjA5bC0xNDYuNjYtNzUuMDAyYzEuOTItNy4xNjEsMy4zLTE0LjU2LDMuMy0yMi4zNDdjMC04LjQ3Ny0xLjYzOS0xNi40NTgtMy45MjYtMjQuMjI0bDE0Ni4wMTMtNzQuNjU2YzE1LjcyNSwyMC45MjQsNDAuNTUzLDM0LjYsNjguNzQ2LDM0LjZjNDcuNzU4LDAsODYuMzkxLTM4LjYzMyw4Ni4zOTEtODYuMzQ4QzQ3MS45MjYsMzguNjU1LDQzMy4yOTIsMCwzODUuNTM1LDBjLTQ3LjY1LDAtODYuMzI2LDM4LjY1NS04Ni4zMjYsODYuMzI2YzAsNy44MDksMS4zODEsMTUuMjI5LDMuMzIyLDIyLjQxMkwxNTUuODkyLDE4My43NGMtMTUuODMzLTIwLjAzOS00MC4wNzktMzMuMTU0LTY3LjU2LTMzLjE1NGMtNDcuNzE1LDAtODYuMzI2LDM4LjY3Ni04Ni4zMjYsODYuMzY5czM4LjYxMiw4Ni4zNDgsODYuMzI2LDg2LjM0OGMyOC4yMzYsMCw1My4wNDMtMTMuNzE5LDY4LjgzMi0zNC42NjRsMTQ1Ljk0OCw3NC42NTZjLTIuMjg3LDcuNzQ0LTMuOTQ3LDE1Ljc5LTMuOTQ3LDI0LjI4OWMwLDQ3LjY5MywzOC42NzYsODYuMzQ4LDg2LjMyNiw4Ni4zNDhjNDcuNzU4LDAsODYuMzkxLTM4LjY1NSw4Ni4zOTEtODYuMzQ4QzQ3MS45MDQsMzM5Ljg0OCw0MzMuMjcxLDMwMS4yMTQsMzg1LjUxMywzMDEuMjE0eiIvPjwvZz48L2c+PC9zdmc+)

}

.body-Black .shareLink-button:first-child>*:before{

    background-image:url(data:image/svg+xml;

    base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDczLjkzMiA0NzMuOTMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NzMuOTMyIDQ3My45MzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzg1LjUxMywzMDEuMjE0Yy0yNy40MzgsMC01MS42NCwxMy4wNzItNjcuNDUyLDMzLjA5bC0xNDYuNjYtNzUuMDAyYzEuOTItNy4xNjEsMy4zLTE0LjU2LDMuMy0yMi4zNDdjMC04LjQ3Ny0xLjYzOS0xNi40NTgtMy45MjYtMjQuMjI0bDE0Ni4wMTMtNzQuNjU2YzE1LjcyNSwyMC45MjQsNDAuNTUzLDM0LjYsNjguNzQ2LDM0LjZjNDcuNzU4LDAsODYuMzkxLTM4LjYzMyw4Ni4zOTEtODYuMzQ4QzQ3MS45MjYsMzguNjU1LDQzMy4yOTIsMCwzODUuNTM1LDBjLTQ3LjY1LDAtODYuMzI2LDM4LjY1NS04Ni4zMjYsODYuMzI2YzAsNy44MDksMS4zODEsMTUuMjI5LDMuMzIyLDIyLjQxMkwxNTUuODkyLDE4My43NGMtMTUuODMzLTIwLjAzOS00MC4wNzktMzMuMTU0LTY3LjU2LTMzLjE1NGMtNDcuNzE1LDAtODYuMzI2LDM4LjY3Ni04Ni4zMjYsODYuMzY5czM4LjYxMiw4Ni4zNDgsODYuMzI2LDg2LjM0OGMyOC4yMzYsMCw1My4wNDMtMTMuNzE5LDY4LjgzMi0zNC42NjRsMTQ1Ljk0OCw3NC42NTZjLTIuMjg3LDcuNzQ0LTMuOTQ3LDE1Ljc5LTMuOTQ3LDI0LjI4OWMwLDQ3LjY5MywzOC42NzYsODYuMzQ4LDg2LjMyNiw4Ni4zNDhjNDcuNzU4LDAsODYuMzkxLTM4LjY1NSw4Ni4zOTEtODYuMzQ4QzQ3MS45MDQsMzM5Ljg0OCw0MzMuMjcxLDMwMS4yMTQsMzg1LjUxMywzMDEuMjE0eiIvPjwvZz48L2c+PC9zdmc+)

}

.shareLink-button:last-child>*:before{

    background-image:url(data:image/svg+xml;

    base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9ImN1cnJlbnRDb2xvciIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cmVjdCB4PSI5IiB5PSI5IiB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHJ4PSIyIiByeT0iMiIgLz4KICA8cGF0aCBkPSJNNSAxNUg0YTIgMiAwIDAgMS0yLTJWNGEyIDIgMCAwIDEgMi0yaDlhMiAyIDAgMCAxIDIgMnYxIiAvPgo8L3N2Zz4K)

}

.body-Black .shareLink-button:last-child>*:before{

    background-image:url(data:image/svg+xml;

    base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9IiNmZmYiCiAgc3Ryb2tlLXdpZHRoPSIyIgogIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICBzdHJva2UtbGluZWpvaW49InJvdW5kIgo+CiAgPHJlY3QgeD0iOSIgeT0iOSIgd2lkdGg9IjEzIiBoZWlnaHQ9IjEzIiByeD0iMiIgcnk9IjIiIC8+CiAgPHBhdGggZD0iTTUgMTVINGEyIDIgMCAwIDEtMi0yVjRhMiAyIDAgMCAxIDItMmg5YTIgMiAwIDAgMSAyIDJ2MSIgLz4KPC9zdmc+Cg==)

}

.shareLink-menu{

    width:0;

    height:0;

    z-index:1;

    position:absolute;

    top:100%;

    left:0;

    border-radius:10px;

    overflow:hidden;

    text-align:left;

    background:#fff;

    max-width:350px;

    box-sizing:border-box;

    transition:width .4s,height .4s,box-shadow .2s

}

.body-Black .shareLink-menu{

    background:#1c1c1c

}

.shareLink-button:hover .shareLink-menu{

    width:auto;

    height:101px;

    box-shadow:0 -1px 2px -1px rgba(0,0,0,0.3),0 2px 4px -2px rgba(0,0,0,0.3)

}

.body-Black .shareLink-button:hover .shareLink-menu{

    box-shadow:0 -2px 4px -2px rgba(0,0,0,1),0 3px 6px -3px rgba(0,0,0,1)

}

.body-LteTbl .shareLink-menu{

    display:none !important

}

.shareLink-menuI{

    padding:10px;

    cursor:pointer

}

.shareLink-menuI:hover{

    background:#f6f8fb

}

.shareLink-menuI+.shareLink-menuI{

    border-top:1px solid #e8edf3

}

.body-Black .shareLink-menuI+.shareLink-menuI{

    border-top:1px solid #0a0a0a

}

.body-Black .shareLink-menuI:hover{

    background:#222

}

.shareLink-menuILabel{

    font-weight:800;

    color:#4285f4;

    font-size:13px;

    line-height:13px;

    letter-spacing:-0.5px

}

.body-Black .shareLink-menuILabel{

    color:#fed700

}

.shareLink-menuILink{

    margin:3px 0 0 0;

    font-weight:700;

    color:#000;

    font-size:13.5px;

    line-height:14px;

    letter-spacing:-0.5px;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis

}

.body-Black .shareLink-menuILink{

    color:#fff

}

.popup-share{

    padding:20px;

    text-align:center

}

.popup-shareLabel{

    margin:0 0 10px 0;

    font-size:18px;

    line-height:18px;

    color:#000;

    font-weight:800;

    letter-spacing:-0.75px

}

.body-Black .popup-shareLabel{

    color:#fff

}

*+.popup-shareLabel{

    margin-top:15px;

    padding-top:15px;

    border-top:1px solid #f5f5f5

}

.body-Black *+.popup-shareLabel{

    border-top-color:#222

}

.popup-shareLabelText{

    position:relative;

    display:inline-block;

    vertical-align:top;

    padding:0 0 0 25px

}

.popup-shareLabelText:before{

    content:'';

    position:absolute;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    top:50%;

    left:0;

    width:18px;

    height:18px;

    margin:-9px 0 0 0

}

.popup-shareLabel.popup-shareLabel-Share .popup-shareLabelText:before{

    background-image:url(/assets/assetts/img/icon/share.svg)

}

.body-Black .popup-shareLabel.popup-shareLabel-Share .popup-shareLabelText:before{

    background-image:url(/assets/assetts/img/icon/share_white.svg)

}

.popup-shareLabel.popup-shareLabel-Copy .popup-shareLabelText:before{

    background-image:url(/assets/assetts/img/icon/copy.svg)

}

.body-Black .popup-shareLabel.popup-shareLabel-Copy .popup-shareLabelText:before{

    background-image:url(/assets/assetts/img/icon/copy_white.svg)

}

.popup-shareLinksItem{

    display:inline-block;

    vertical-align:top;

    width:100px;

    height:100px;

    position:relative;

    margin:0 5px

}

.body-LteTbl .popup-shareLinksItem{

    width:64px;

    height:64px

}

.popup-shareLinksItemIcon{

    position:absolute;

    top:50%;

    left:50%;

    width:90%;

    height:90%;

    margin:-45% 0 0 -45%;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    transition:width .1s linear,height .1s linear,margin .1s linear

}

.popup-shareLinksItem:hover .popup-shareLinksItemIcon{

    width:100%;

    height:100%;

    margin:-50% 0 0 -50%

}

.popup-shareTextarea{

    resize:none;

    text-align:center !important;

    height:52px !important

}

.popup-bgd{

    background:rgba(230,239,249,0.85);

    position:fixed;

    left:0;

    top:0;

    right:0;

    bottom:0;

    z-index:1000000;

    backdrop-filter:blur(10px)

}

.body-Black .popup-bgd{

    background:rgba(0,0,0,0.75)

}

.body-Game .popup-bgd{

    background:#050505

}

.popup-wrap{

    position:fixed;

    left:0;

    top:0;

    right:0;

    bottom:0;

    width:100%;

    text-align:center;

    z-index:1000001;

    overflow:auto;

    padding:25px 0 50px 0;

    box-sizing:border-box

}

.body-LteTbl .popup-wrap{

    padding:0

}

.body-Game .popup-wrap{

    padding-left:25%

}

.popup{

    position:relative;

    margin:0 auto;

    z-index:1;

    background:#fff;

    text-align:left;

    box-shadow:0 0 15px -6px rgba(0,0,0,0.75);

    border-radius:20px

}

.body-Black .popup{

    background:#151515

}

.body-Game .popup{

    box-shadow:none !important;

    border-radius:0 !important

}

.body-LteTbl .popup{

    max-width:none;

    width:100% !important;

    margin:0 !important;

    min-height:100% !important;

    border-radius:0;

    border:0

}

.popup.popup-AsWindow{

    padding:20px !important;

    box-sizing:border-box

}

.body-LteTbl .popup.popup-AsWindow{

    padding:20px 10px !important

}

.popup-close{

    display:block;

    overflow:visible;

    width:50px;

    height:50px;

    margin:0;

    cursor:pointer;

    text-decoration:none;

    color:#95979c;

    border:0;

    outline:0;

    background:transparent;

    position:absolute;

    top:0;

    right:0;

    z-index:1000;

    text-align:center;

    opacity:.5;

    transition:opacity .2s

}

.body-Black .popup-close{

    color:#555

}

.popup-close:hover{

    opacity:.35

}

.popup-closeIco{

    position:absolute;

    left:50%;

    top:50%;

    font-size:16px;

    line-height:16px;

    width:16px;

    height:16px;

    margin:-8px 0 0 -8px

}

.popup-h{

    margin:0 0 15px 0;

    padding:0 0 15px 0;

    color:#111;

    font-size:18px;

    line-height:18px;

    font-weight:800;

    border-bottom:1px solid #f2f6fc;

    text-align:center;

    letter-spacing:.25px;

    text-transform:uppercase

}

.body-Black .popup-h{

    color:#fff;

    border-bottom-color:#252525

}

.body-LteTbl .popup-h{

    padding:0 25px 15px 25px;

    font-size:16px;

    line-height:16px;

    letter-spacing:-0.5px

}

.popup-hText{

    display:inline-block;

    vertical-align:top;

    position:relative;

    padding:0 0 0 42px

}

.popup-hIcon{

    position:absolute;

    top:50%;

    left:0;

    width:32px;

    height:23px;

    margin:-12px 0 0 0;

    background-repeat:no-repeat;

    background-size:cover;

    background-position:center

}

.popup-buttons{

    padding:25px;

    text-align:center

}

.popup.popup-AsWindow .popup-buttons{

    padding-bottom:0

}

.body-LteTbl .popup-buttons{

    padding:30px 10px 20px 10px

}

.body-LteTbl .popup.popup-AsWindow .popup-buttons{

    padding:30px 0 0 0

}

.popup-button{

    margin:0 15px 0 0

}

.popup-button:last-child{

    margin-right:0

}

.body-LteTbl .popup-button{

    display:block;

    margin-right:0;

    width:100%;

    box-sizing:border-box

}

.body-LteTbl .popup-button+.popup-button{

    margin-top:15px

}

.popup-error{

    text-align:center;

    padding:60px 0 30px 0

}

.popup-errorIco{

    display:inline-block;

    vertical-align:top;

    width:100px;

    height:100px;

    background-repeat:no-repeat;

    background-size:cover;

    background-image:url(data:image/svg+xml;

    base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIyIDIgMjggMjgiPgogPGNpcmNsZSBzdHlsZT0iZmlsbDojRTI1NzRDIiBjeD0iMTYiIGN5PSIxNiIgcj0iMTQiLz4KIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MTA2NzgsMC43MDcxMDY3OCwtMC43MDcxMDY3OCwwLjcwNzEwNjc4LDE2LC02LjYyNzQxNykiPgogIDxyZWN0IHN0eWxlPSJmaWxsOiNmZmZmZmYiIHdpZHRoPSI0IiBoZWlnaHQ9IjIwIiB4PSItMTgiIHk9IjYiIHRyYW5zZm9ybT0ibWF0cml4KDAsLTEsMSwwLDAsMCkiLz4KICA8cmVjdCBzdHlsZT0iZmlsbDojZmZmZmZmIiB3aWR0aD0iNCIgaGVpZ2h0PSIyMCIgeD0iMTQiIHk9IjYiLz4KIDwvZz4KPC9zdmc+Cg==)

}

.popup-success{

    text-align:center;

    padding:60px 0 30px 0

}

.popup-successIco{

    display:inline-block;

    vertical-align:top;

    width:100px;

    height:100px;

    background-repeat:no-repeat;

    background-size:cover;

    background-image:url(data:image/svg+xml;

    base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIyIDIgMjggMjgiPgogPGcgdHJhbnNmb3JtPSJzY2FsZSgyKSI+CiAgPGNpcmNsZSBzdHlsZT0iZmlsbDojMjM5OTFhIiBjeD0iOCIgY3k9IjgiIHI9IjciLz4KICA8cGF0aCBzdHlsZT0iZmlsbDojZmZmZmZmIiBkPSJNIDExLjUzNSw0LjQgNy4yOTI4LDguNiA0LjQ2NDcsNS44IDMuMDUwNiw3LjIgNS44Nzg3LDEwLjEgNy4yOTI4LDExLjUgMTIuOTQ5LDUuOCBaIi8+CiA8L2c+Cjwvc3ZnPg==)

}

.popup-statusText{

    padding:0 30px 60px 30px;

    color:#000;

    font-size:18px;

    line-height:26px;

    text-align:center;

    font-weight:600;

    letter-spacing:-0.5px

}

.body-Black .popup-statusText{

    color:#fff

}

.popup-confirm{

    text-align:center;

    padding:60px 0 30px 0

}

.popup-confirmIco{

    display:inline-block;

    vertical-align:top;

    width:100px;

    height:100px;

    background-repeat:no-repeat;

    background-size:cover;

    background-image:url(data:image/svg+xml;

    utf8;

    base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0naXNvLTg4NTktMSc/Pgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNDQgNDQiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NCA0NCI+CiAgPHBhdGggZmlsbD0iIzQyODVGNCIgZD0ibTIyLDBjLTEyLjIsMC0yMiw5LjgtMjIsMjJzOS44LDIyIDIyLDIyIDIyLTkuOCAyMi0yMi05LjgtMjItMjItMjJ6bTIsMzRjMCwwLjYtMC40LDEtMSwxaC0yYy0wLjYsMC0xLTAuNC0xLTF2LTJjMC0wLjYgMC40LTEgMS0xaDJjMC42LDAgMSwwLjQgMSwxdjJ6bTIuNy04LjljLTEuNCwxLjItMi40LDItMi43LDMuMS0wLjEsMC41LTAuNSwwLjgtMSwwLjhoLTJjLTAuNiwwLTEuMS0wLjUtMS0xLjEgMC40LTIuOSAyLjUtNC41IDQuMi01LjkgMS44LTEuNCAyLjgtMi4zIDIuOC00IDAtMi44LTIuMi01LTUtNXMtNSwyLjItNSw1YzAsMC4yIDAsMC40IDAsMC42IDAuMSwwLjUtMC4yLDEtMC43LDEuMWwtMS45LC42Yy0wLjYsMC4yLTEuMi0wLjItMS4zLTAuOC0wLjEtMC41LTAuMS0xLTAuMS0xLjUgMC01IDQtOSA5LTlzOSw0IDksOWMwLDMuNy0yLjQsNS42LTQuMyw3LjF6Ii8+Cjwvc3ZnPg==)

}

.popup-confirmText{

    padding:0 30px 10px 30px;

    text-transform:uppercase;

    color:#555;

    letter-spacing:.5px;

    font-size:18px;

    line-height:24px;

    text-align:center;

    font-weight:600

}

.body-Black .popup-confirmText{

    color:#888

}

.popup-promptText{

    margin:0 0 15px 0;

    color:#000;

    letter-spacing:-0.25px;

    font-size:14.5px;

    line-height:22px

}

.body-Black .popup-promptText{

    color:#ddd

}

.popup-promptText b{

    font-weight:700

}

.body-Black .popup-promptText b{

    color:#fed700

}

.popup-captcha{

    padding:20px 0

}

.popup-captchaImage{

    width:250px;

    height:200px;

    margin:0 auto;

    border-radius:20px;

    cursor:pointer

}

.popup-captchaTitle{

    margin:20px 0 0 0;

    text-transform:uppercase;

    color:#000;

    letter-spacing:.5px;

    font-size:18px;

    line-height:24px;

    text-align:center;

    font-weight:800

}

.body-Black .popup-captchaTitle{

    color:#eee

}

.popup-captchaTbl{

    display:table;

    width:250px;

    margin:20px auto 0 auto

}

.popup-captchaTblCInput{

    display:table-cell;

    vertical-align:middle;

    position:relative

}

.popup-captchaTblCSubmit{

    display:table-cell;

    vertical-align:middle;

    width:25%;

    position:relative;

    padding:0 0 0 10px

}

.popup-captchaInput{

    display:block;

    width:100%;

    text-align:center;

    font-size:22px;

    line-height:22px;

    border-radius:50px;

    box-sizing:border-box;

    font-weight:800;

    letter-spacing:2px

}

.popup-captchaSubmit{

    display:block;

    width:100%;

    box-sizing:border-box

}

.popup-langsItem{

    width:170px;

    position:relative;

    display:inline-block;

    vertical-align:top;

    margin:5px;

    padding:9px 5px 9px 55px;

    box-shadow:0 1px 10px -6px rgba(0,0,0,0.75);

    border-radius:25px;

    color:#000;

    font-size:16px;

    line-height:16px;

    font-weight:800;

    letter-spacing:-1px;

    text-decoration:none;

    background:#fff;

    cursor:pointer;

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

    box-sizing:border-box;

    transition:box-shadow .1s linear,color .1s linear

}

.body-Black .popup-langsItem{

    box-shadow:0 3px 6px -3px rgba(0,0,0,1);

    color:#fff;

    background:#181818

}

.body-Game .popup-langsItem{

    box-shadow:none !important;

    border-radius:0 !important

}

.body-LteTbl .popup-langsItem{

    width:100%;

    margin:0

}

.body-LteTbl .popup-langsItem+.popup-langsItem{

    margin-top:10px

}

.popup-langsItemIcon{

    position:absolute;

    top:50%;

    left:15px;

    width:32px;

    height:32px;

    margin:-16px 0 0 0;

    background-size:contain;

    background-position:center;

    background-repeat:no-repeat

}

.popup-langsItem:hover{

    box-shadow:0 0 5px rgba(53,133,254,1),0 0 5px rgba(53,133,254,1);

    color:#1a6dea

}

.popup-countries{

    position:relative;

    padding:145px 20px 0 20px;

    font-size:12px;

    line-height:12px

}

.body-LteTbl .popup-countries{

    padding:104px 10px 0 10px

}

.popup-countries:before{

    position:absolute;

    content:'';

    display:inline-block;

    vertical-align:top;

    width:100px;

    height:100px;

    top:25px;

    left:50%;

    margin:0 0 0 -50px;

    background-size:contain;

    background-repeat:no-repeat;

    background-position:center;

    background-image:url(/assets/assetts/img/icon/world2_gold.svg)

}

.body-LteTbl .popup-countries:before{

    width:64px;

    height:64px;

    margin:0 0 0 -32px;

    top:20px

}

.popup-countriesTitle{

    color:#111;

    font-size:24px;

    line-height:24px;

    font-weight:800;

    text-align:center;

    letter-spacing:.25px;

    text-transform:uppercase

}

.body-Black .popup-countriesTitle{

    color:#fff

}

.popup-countriesText{

    margin:10px 0 0 0;

    font-size:14.5px;

    line-height:22px;

    font-weight:600;

    text-align:center;

    letter-spacing:-0.25px;

    color:#bbb

}

.body-Black .popup-countriesText{

    color:#555

}

.popup-countriesTextWrap{

    display:inline-block;

    vertical-align:top;

    padding:0 0 0 21px;

    position:relative

}

.popup-countriesTextWrap:before{

    content:'';

    position:absolute;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    background-image:url(/assets/assetts/img/icon/info2.svg);

    opacity:.25;

    top:50%;

    left:0;

    width:14px;

    height:14px;

    margin:-7px 0 0 0

}

.body-Black .popup-countriesTextWrap:before{

    background-image:url(/assets/assetts/img/icon/info2_white.svg)

}

.popup-countriesSearch{

    position:relative;

    margin:25px 0 0 0;

    padding:0 34px 0 0

}

.popup-countriesSearch:before{

    position:absolute;

    content:'';

    left:10px;

    top:50%;

    width:20px;

    height:20px;

    margin:-10px 0 0 0;

    background-repeat:no-repeat;

    background-position:center;

    background-size:contain;

    background-image:url(/assets/assetts/img/icon/search.svg);

    opacity:.25

}

.body-Black .popup-countriesSearch:before{

    background-image:url(/assets/assetts/img/icon/search_white.svg)

}

.popup-countriesSearchInput{

    border-radius:10px 0 0 10px !important;

    padding-right:5px !important;

    padding-left:40px !important;

    font-weight:700;

    letter-spacing:-0.5px

}

.popup-countriesSearchSubmit{

    position:absolute;

    top:0;

    right:0;

    display:block;

    width:34px;

    height:34px;

    box-sizing:border-box;

    background:#1a6dea;

    color:#FFF;

    border:0;

    border-radius:0 10px 10px 0;

    cursor:pointer;

    transition:opacity .1s linear 0

}

.body-Game .popup-countriesSearchSubmit{

    border-radius:0 !important

}

.popup-countriesSearchSubmit:before{

    position:absolute;

    content:'';

    left:50%;

    top:50%;

    width:24px;

    height:24px;

    margin:-12px 0 0 -12px;

    background-repeat:no-repeat;

    background-position:center;

    background-size:contain;

    background-image:url(/assets/assetts/img/icon/search_white.svg)

}

.popup-countries-Search .popup-countriesTab-Main{

    display:none

}

.popup-countriesTab-Search{

    display:none

}

.popup-countries-Search .popup-countriesTab-Search{

    display:block

}

.popup-countriesListTitle{

    margin:20px 0 0 0;

    padding:0 0 0 15px;

    font-size:13.5px;

    line-height:14px;

    color:#bbb

}

.body-Black .popup-countriesListTitle{

    color:#555

}

.popup-countriesList{

    margin:20px 0 0 0;

    position:relative;

    text-align:left

}

.popup-countriesList+.popup-countriesList{

    border-top:1px solid #eee;

    padding-top:20px

}

.body-Black .popup-countriesList+.popup-countriesList{

    border-top-color:#282828

}

.popup-countriesListTitle+.popup-countriesList{

    margin-top:5px

}

.popup-countriesChar{

    font-size:24px;

    line-height:24px;

    color:#1a6dea;

    font-weight:800;

    padding:5px 0 5px 50px

}

.body-LteTbl .popup-countriesChar{

    text-align:center;

    padding:5px 0

}

*+.popup-countriesChar{

    margin-top:10px

}

.popup-countriesItem{

    position:relative;

    display:inline-block;

    vertical-align:top;

    width:210px;

    margin:5px;

    padding:7px 10px 7px 50px;

    box-shadow:0 1px 10px -6px rgba(0,0,0,0.75);

    border-radius:25px;

    cursor:pointer;

    box-sizing:border-box;

    font-size:16px;

    line-height:16px;

    color:#000;

    font-weight:600;

    letter-spacing:-0.75px;

    text-align:left;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

    transition:box-shadow .1s linear,color .1s linear

}

.body-Black .popup-countriesItem{

    box-shadow:0 3px 6px -3px rgba(0,0,0,1);

    background:rgba(255,255,255,0.01);

    color:#fff

}

.body-LteTbl .popup-countriesItem{

    width:auto;

    display:block;

    margin:5px 0;

    padding:8px 10px 8px 40px

}

.body-Game .popup-countriesItem{

    box-shadow:none !important;

    border-radius:0 !important

}

.popup-countriesItem:hover{

    border-color:#1a6dea;

    box-shadow:0 0 5px rgba(53,133,254,1),0 0 5px rgba(53,133,254,1);

    color:#1a6dea

}

.popup-countriesItemIco{

    position:absolute;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat

}

.popup-countriesItemIco-16{

    width:16px;

    height:16px;

    left:13px;

    top:50%;

    margin:-8px 0 0 0;

    display:none

}

.popup-countriesItemIco-32{

    width:32px;

    height:32px;

    left:10px;

    top:50%;

    margin:-16px 0 0 0

}

.body-LteTbl .popup-countriesItemIco-16{

    display:block

}

.body-LteTbl .popup-countriesItemIco-32{

    display:none

}

.popup-auth{

    position:relative;

    padding:145px 20px 30px 20px;

    text-align:center

}

.body-LteTbl .popup-auth{

    padding:104px 10px 15px 10px

}

.popup-auth:before{

    position:absolute;

    content:'';

    display:inline-block;

    vertical-align:top;

    width:100px;

    height:100px;

    top:25px;

    left:50%;

    margin:0 0 0 -50px;

    background-size:contain;

    background-repeat:no-repeat;

    background-position:center;

    background-image:url(/assets/assetts/img/icon/key_gold.svg)

}

.body-LteTbl .popup-auth:before{

    width:64px;

    height:64px;

    margin:0 0 0 -32px;

    top:20px

}

.floatMsg{

    position:fixed;

    top:0;

    left:0;

    right:0;

    height:60px;

    background:#3d3200;

    background:rgba(61,50,0,0.75);

    overflow:hidden;

    opacity:1;

    z-index:2000000;

    text-align:center;

    backdrop-filter:blur(20px);

    transition:opacity .1s linear,top .1s linear

}

.body-Black .floatMsg{

    box-shadow:0 5px 10px 5px rgba(0,0,0,0.25)

}

.body-Game .floatMsg{

    top:10px;

    left:10px;

    right:10px;

    border-radius:0 !important;

    background:#3d3200 !important

}

.floatMsg.floatMsg-Hidden{

    opacity:0;

    top:-60px

}

.floatMsg.floatMsg-Success{

    background:#34a853;

    background:rgba(52,168,83,0.5)

}

.body-Game .floatMsg.floatMsg-Success{

    background:#34a853 !important

}

.floatMsg.floatMsg-Error{

    background:#e17076;

    background:rgba(225,112,118,0.5)

}

.body-Game .floatMsg.floatMsg-Error{

    background:#e17076 !important

}

.floatMsg-wrap{

    position:relative;

    display:block;

    width:1000px;

    height:100%;

    text-align:left;

    margin:0 auto

}

.body-WideDesktop .floatMsg-wrap{

    width:1280px

}

.body-LteTbl .floatMsg-wrap{

    width:auto;

    margin:0

}

.body-Game .floatMsg-wrap{

    width:100%

}

.floatMsg-close{

    position:absolute;

    top:0;

    right:0;

    width:60px;

    height:60px;

    cursor:pointer

}

.floatMsg-close:before{

    content:'';

    position:absolute;

    top:50%;

    left:50%;

    width:20px;

    height:20px;

    margin:-10px 0 0 -10px;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    opacity:.5;

    background-image:url(/assets/assetts/img/icon/cross_white.svg);

    transition:opacity .1s linear

}

.floatMsg-close:hover:before{

    opacity:1

}

.floatMsg-close:after{

    content:'';

    position:absolute;

    width:0;

    top:50%;

    left:50%;

    height:0;

    background:rgba(255,255,255,0.075);

    opacity:0;

    transition:width .1s linear,height .1s linear,top .1s linear,left .1s linear,opacity .1s linear

}

.floatMsg-close:hover:after{

    width:100%;

    height:100%;

    left:0;

    top:0;

    opacity:1

}

.floatMsg-text{

    position:absolute;

    left:0;

    top:0;

    height:100%;

    right:60px;

    padding:0 0 0 55px;

    cursor:default;

    box-sizing:border-box;

    overflow:hidden

}

.floatMsg-text:before{

    content:'';

    position:absolute;

    top:50%;

    left:18px;

    width:24px;

    height:24px;

    margin:-12px 0 0 0;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    background-image:url(/assets/assetts/img/icon/info_white.svg)

}

.floatMsg.floatMsg-Success .floatMsg-text:before{

    background-image:url(/assets/assetts/img/icon/check_white.svg)

}

.floatMsg-textWrap{

    display:table;

    width:100%;

    height:100%

}

.floatMsg-textWrap2{

    display:table-cell;

    vertical-align:middle;

    font-size:14.5px;

    line-height:18px;

    height:60px;

    overflow:hidden;

    color:#fff;

    text-transform:uppercase;

    font-weight:700;

    letter-spacing:.75px;

    text-shadow:0 1px 1px rgba(0,0,0,0.15)

}

.body-Game .floatMsg-textWrap2{

    text-shadow:none !important

}

.floatMsg-textWrap3{

    text-transform:uppercase;

    overflow:hidden;

    display:-moz-box;

    -moz-box-orient:vertical;

    display:-webkit-box;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

    line-clamp:2;

    box-orient:vertical

}

.floatMsg-textWrap3 b{

    color:#fed700;

    font-weight:800

}

.floatMsg-textWrap3 br:first-child{

    display:none

}

.floatMsg-textWrap3 a{

    color:#fed700;

    font-weight:800

}

.loadWinBgd{

    background:rgba(255,255,255,0.95);

    position:fixed;

    left:0;

    top:0;

    right:0;

    bottom:0;

    z-index:10000000

}

.body-Black .loadWinBgd{

    background:rgba(0,0,0,0.95)

}

.loadWin{

    position:fixed;

    left:50%;

    top:50%;

    padding:50px;

    text-align:center;

    z-index:10000001;

    box-sizing:border-box

}

.body-LteTbl .loadWin{

    padding:50px 10px;

    width:100%;

    left:0 !important;

    margin-left:0 !important

}

.loadWin-ico{

    display:inline-block;

    vertical-align:top

}

.loadWin-content{

    margin:20px 0 0 0;

    min-width:200px;

    max-width:300px

}

.body-LteTbl .loadWin-content{

    min-width:0;

    max-width:none

}

.loadWin-title{

    font-size:20px;

    line-height:26px;

    color:#000;

    letter-spacing:-0.5px;

    font-weight:800;

    text-shadow:0 1px 1px rgba(255,255,255,0.75)

}

.body-Black .loadWin-title{

    color:#fff;

    text-shadow:0 1px 1px rgba(0,0,0,0.75)

}

.loadWin-text{

    font-size:14.5px;

    line-height:22px;

    color:#000;

    letter-spacing:-0.25px;

    font-weight:700;

    text-shadow:0 1px 1px rgba(255,255,255,0.75)

}

.body-Black .loadWin-text{

    color:#fff;

    text-shadow:0 1px 1px rgba(0,0,0,0.75)

}

.loadWin-title+.loadWin-text{

    margin-top:15px

}

.loadWin-cancel{

    margin:50px 0 0 0;

    opacity:1;

    animation:loadWinCancel running 10s

}

@keyframes loadWinCancel{

    from{

        opacity:0

    }

}

.customTooltip{

    position:absolute;

    background:#0f0f0f;

    background:rgba(15,15,15,.95);

    font-size:14px;

    line-height:20px;

    color:#fff;

    max-width:400px;

    min-width:60px;

    box-sizing:border-box;

    border-radius:5px;

    box-shadow:0 2px 10px -6px rgba(0,0,0,0.75);

    backdrop-filter:blur(10px)

}

.body-Black .customTooltip{

    box-shadow:0 2px 10px 5px rgba(0,0,0,0.5);

    background:#191919;

    background:rgba(25,25,25,.95)

}

.body-Game .customTooltip{

    box-shadow:none !important;

    background:#080808 !important;

    backdrop-filter:none !important

}

.customTooltip,.customTooltip *{

    z-index:10000000

}

.customTooltip-arrow{

    position:absolute;

    width:50px;

    height:10px;

    margin:0 0 0 -10px;

    top:100%

}

.customTooltip.customTooltip-Bottom .customTooltip-arrow{

    top:auto;

    bottom:100%

}

.customTooltip-arrow:before{

    content:'';

    position:absolute;

    top:0;

    left:0;

    width:0;

    height:0;

    border-left:10px solid transparent;

    border-right:10px solid transparent;

    border-top:10px solid #0f0f0f;

    border-top-color:rgba(15,15,15,.95)

}

.body-Black .customTooltip-arrow:before{

    border-top-color:#191919;

    border-top-color:rgba(25,25,25,.95)

}

.body-Game .customTooltip-arrow:before{

    border-top-color:#080808 !important

}

.customTooltip.customTooltip-Bottom .customTooltip-arrow:before{

    top:auto;

    bottom:0;

    border-top:0;

    border-bottom:10px solid #0f0f0f;

    border-bottom-color:rgba(15,15,15,.95)

}

.body-Black .customTooltip.customTooltip-Bottom .customTooltip-arrow:before{

    border-bottom-color:#191919;

    border-bottom-color:rgba(25,25,25,.95)

}

.body-Game .customTooltip.customTooltip-Bottom .customTooltip-arrow:before{

    border-top-color:#080808 !important

}

.customTooltip-content{

    padding:15px;

    position:relative;

    overflow:hidden;

    border-radius:5px

}

.customTooltip-icon{

    position:relative;

    display:block;

    width:168px;

    height:84px;

    margin:0 auto 15px auto

}

.customTooltip-iconImage{

    position:absolute;

    display:block;

    width:168px;

    height:84px;

    top:50%;

    left:50%;

    margin:-42px 0 0 -84px;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    opacity:1;

    animation:tooltipIcon linear .2s

}

@keyframes tooltipIcon{

    from{

        width:84px;

        height:42px;

        margin:-21px 0 0 -42px;

        opacity:0

    }

}

.customTooltip-image{

    position:relative;

    display:block;

    width:480px;

    height:300px;

    background-position:center;

    background-size:cover;

    background-repeat:no-repeat;

    margin:-15px

}

.customTooltip-close{

    display:block;

    overflow:visible;

    width:50px;

    height:50px;

    margin:0;

    cursor:pointer;

    text-decoration:none;

    color:#888;

    border:0;

    outline:0;

    background:transparent;

    position:absolute;

    top:0;

    right:0;

    z-index:1000;

    text-align:center;

    transition:color .1s

}

.customTooltip-close:hover{

    color:#fff

}

.customTooltip-closeIco{

    position:absolute;

    left:50%;

    top:50%;

    font-size:16px;

    line-height:16px;

    width:16px;

    height:16px;

    margin:-8px 0 0 -8px

}

.customTooltip-text{

    text-align:center

}

.customTooltip-textWrap{

    display:inline-block;

    vertical-align:top;

    text-align:left

}

.customTooltip-text b{

    font-weight:800

}

.customTooltip-textHighlight{

    color:#fed700

}

.customTooltip-textNote{

    display:block;

    margin:10px 0 0 0;

    padding:10px 0 0 21px;

    position:relative;

    color:#888;

    font-size:13px;

    line-height:16px;

    border-top:1px solid #222;

    letter-spacing:-0.25px

}

.customTooltip-textNote:before{

    content:'';

    position:absolute;

    top:50%;

    left:0;

    width:14px;

    height:14px;

    margin:-3px 0 0 0;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    opacity:.35;

    background-image:url(/assets/assetts/img/icon/info2_white.svg)

}

.customTooltip-textOrder{

    display:block;

    margin:10px 0 0 0;

    text-align:center;

    padding:10px 0 5px 0;

    color:#888;

    cursor:pointer;

    text-decoration:none;

    border-top:1px solid #222;

    transition:color .1s linear

}

.customTooltip-textOrder:hover{

    color:#fff

}

.customTooltip-textOrderText{

    position:relative;

    display:inline-block;

    vertical-align:top;

    font-size:13.5px;

    line-height:14px;

    padding:0 0 0 25px;

    font-weight:600;

    letter-spacing:-0.25px

}

.customTooltip-textOrderText:before{

    content:'';

    position:absolute;

    top:50%;

    left:0;

    width:16px;

    height:16px;

    margin:-8px 0 0 0;

    background-position:center;

    background-size:contain;

    background-repeat:no-repeat;

    opacity:.5;

    background-image:url(/assets/assetts/img/icon/shopping_cart_white.svg);

    transition:opacity .1s linear

}

.customTooltip-textOrder:hover .customTooltip-textOrderText:before{

    opacity:1

}

.customTooltip-server{

    position:relative;

    margin:-10px

}

.customTooltip-serverWrap{

    width:590px;

    height:130px;

    overflow:hidden

}

.customTooltip-serverLoad{

    position:absolute;

    top:50%;

    left:50%;

    margin:-50px 0 0 -50px

}

.customTooltip-server .tsarvarW{

    border:none !important;

    background:none !important;

    box-shadow:none !important

}

.customTooltip-server .tsarvarW-n{

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis

}

.customTooltip-server .tsarvarW-f{

    display:none

}

.customTooltip-map{

    margin:-15px;

    position:relative;

    width:320px;

    height:320px;

    overflow:hidden

}

.customTooltip-mapLoading{

    position:absolute;

    top:50%;

    left:50%;

    margin:-50px 0 0 -50px

}

.customSelect{

    display:block;

    width:100%;

    box-sizing:border-box;

    position:relative;

    text-align:left;

    border-radius:20px;

    transition:box-shadow .2s linear

}

.customSelect-value{

    padding:0 30px 0 15px;

    position:relative;

    cursor:pointer;

    background:#f6f8fb;

    border-radius:20px;

    box-shadow:inset 0 1px 5px rgba(0,0,0,0.075);

    transition:background .1s linear,box-shadow .1s linear

}

.body-Black .customSelect-value{

    background:#0d0d0d !important;

    box-shadow:inset 0 1px 5px rgba(0,0,0,0.5)

}

.body-Game .customSelect-value{

    box-shadow:none !important;

    border-radius:0 !important

}

.customSelect-value:before{

    position:absolute;

    top:50%;

    right:15px;

    margin:-6px 0 0 0;

    content:'';

    width:14px;

    height:14px;

    background-image:url(/assets/assetts/img/icon/arrow_down.svg);

    background-repeat:no-repeat;

    background-size:cover;

    opacity:.2;

    transition:opacity .1s linear,box-shadow .1s linear

}

.body-Black .customSelect-value:before{

    background-image:url(/assets/assetts/img/icon/arrow_down2_white.svg)

}

.customSelect-value:hover{

    background:#fff;

    box-shadow:inset 0 1px 3px rgba(0,0,0,0.1)

}

.body-Black .customSelect-value:hover{

    background:#101010;

    box-shadow:inset 0 1px 3px rgba(0,0,0,0.75)

}

.customSelect-value:hover:before{

    opacity:.5

}

.customSelect-valueTbl{

    display:table;

    width:100%;

    box-sizing:border-box

}

.customSelect-valueImage{

    display:table-cell;

    vertical-align:middle;

    height:34px;

    width:30px;

    text-align:center

}

.customSelect-valueImageIcon{

    display:block;

    border:0;

    width:30px;

    height:30px;

    margin:0 auto;

    background-repeat:no-repeat;

    background-size:contain;

    background-position:center

}

.customSelect-valueText{

    display:table-cell;

    vertical-align:middle;

    font-size:14px;

    line-height:14px;

    height:34px;

    font-weight:600;

    color:#111;

    transition:color .1s linear

}

.body-Black .customSelect-valueText{

    color:#eee

}

.customSelect-value:hover .customSelect-valueText{

    color:#4285f4

}

.customSelect[data-value=""] .customSelect-valueText,.customSelect[data-value="0"] .customSelect-valueText{

    color:#888

}

.body-Black .customSelect[data-value=""] .customSelect-valueText,.body-Black .customSelect[data-value="0"] .customSelect-valueText{

    color:#666

}

.customSelect-valueImage+.customSelect-valueText{

    padding-left:10px

}

.customSelect-valueImage.notDisplayed+.customSelect-valueText{

    padding-left:0

}

.customSelect-list{

    display:none

}

.customSelect-menuWrap{

    z-index:1;

    display:none;

    position:absolute;

    top:100%;

    right:0;

    left:0;

    min-width:170px;

    box-shadow:0 -1px 2px -1px rgba(0,0,0,0.3),0 2px 4px -2px rgba(0,0,0,0.3);

    border-radius:15px;

    overflow:hidden

}

.body-Black .customSelect-menuWrap{

    box-shadow:0 -2px 4px -2px rgba(0,0,0,1),0 3px 6px -3px rgba(0,0,0,1)

}

.customSelect.customSelect-Opened .customSelect-menuWrap{

    display:block

}

.customSelect-menu{

    max-height:350px;

    overflow-y:auto;

    background:rgba(255,255,255,0.95);

    backdrop-filter:blur(10px)

}

.body-Black .customSelect-menu{

    background:rgba(25,25,25,.95)

}

.customSelect-menuItem{

    cursor:pointer;

    min-height:34px;

    padding:0 15px;

    box-sizing:border-box;

    color:#333;

    transition:color .1s linear,background .1s linear

}

.body-Black .customSelect-menuItem{

    color:#aaa

}

.customSelect-menuItem:hover{

    color:#4285f4;

    background:#f6f8fb

}

.body-Black .customSelect-menuItem:hover{

    background:#222

}

.customSelect-menuItemTbl{

    display:table;

    width:100%;

    box-sizing:border-box

}

.customSelect-menuItemImage{

    display:table-cell;

    vertical-align:middle;

    height:34px;

    width:30px;

    text-align:center

}

.customSelect-menuItemImageIcon{

    display:block;

    border:0;

    width:30px;

    height:30px;

    margin:0 auto;

    background-repeat:no-repeat;

    background-size:contain;

    background-position:center

}

.customSelect-menuItemText{

    display:table-cell;

    vertical-align:middle;

    font-size:14px;

    line-height:14px;

    height:34px;

    font-weight:400

}

.customSelect-menuItemImage+.customSelect-menuItemText{

    padding-left:10px

}

.selectGame-title{

    margin:0 0 20px 0;

    text-align:center

}

.selectGame-titleText{

    position:relative;

    display:inline-block;

    vertical-align:top;

    padding:0 0 0 55px;

    font-size:32px;

    line-height:32px;

    color:#000;

    font-weight:800;

    letter-spacing:.25px

}

.body-Black .selectGame-titleText{

    color:#fff

}

.body-LteTbl .selectGame-titleText{

    padding:0 0 0 40px;

    font-size:21px;

    line-height:21px;

    letter-spacing:-0.5px

}

.selectGame-titleText:before{

    content:'';

    position:absolute;

    background-size:contain;

    background-position:center;

    background-repeat:no-repeat;

    width:40px;

    height:40px;

    top:50%;

    left:0;

    margin:-20px 0 0 0;

    background-image:url(/assets/assetts/img/icon/gamepad_gold.svg)

}

.body-LteTbl .selectGame-titleText:before{

    width:28px;

    height:28px;

    margin:-14px 0 0 0

}

.selectGame-list{

    margin:-5px 0;

    text-align:left

}

.popup .selectGame-list{

    text-align:center

}

.selectGame-item{

    display:inline-block;

    vertical-align:top;

    width:360px;

    margin:5px;

    padding:15px 5px 15px 60px;

    height:50px;

    position:relative;

    border-radius:25px;

    background:#fff;

    box-shadow:0 2px 10px 5px rgba(0,0,0,0.05);

    box-sizing:border-box;

    text-decoration:none;

    text-align:left;

    font-size:18px;

    line-height:18px;

    font-weight:700;

    color:#000;

    letter-spacing:-1px;

    cursor:pointer;

    text-overflow:ellipsis;

    white-space:nowrap;

    overflow:hidden;

    transition:color .1s linear,box-shadow .1s linear

}

.body-Black .selectGame-item{

    background:rgba(255,255,255,0.015);

    box-shadow:0 2px 10px 5px rgba(0,0,0,0.1);

    color:#fff

}

.body-WideContent .selectGame-item,.body-NoSidebar .selectGame-item{

    width:323px

}

.body-WideDesktop .selectGame-item{

    width:296px

}

.body-WideDesktop.body-WideContent .selectGame-item,.body-WideDesktop.body-NoSidebar .selectGame-item{

    width:310px

}

.popup .selectGame-item{

    width:360px

}

.body-LteTbl .selectGame-item{

    display:block;

    width:auto;

    margin:0

}

.body-LteTbl .selectGame-item+.selectGame-item{

    margin-top:10px

}

.selectGame-item:hover{

    color:#1a6dea;

    box-shadow:0 0 5px rgba(53,133,254,1),0 0 5px rgba(53,133,254,1)

}

.selectGame-itemIcon{

    position:absolute;

    top:0;

    left:0;

    width:50px;

    height:50px;

    background-size:cover;

    background-repeat:no-repeat;

    background-position:center;

    background-color:#10161f;

    border-radius:50%

}

.selectGame-itemIcon:before{

    content:'';

    position:absolute;

    top:50%;

    left:50%;

    width:32px;

    height:32px;

    margin:-16px 0 0 -16px;

    background-size:cover;

    background-repeat:no-repeat;

    background-position:center;

    background-image:url(/assets/assetts/img/icon/gamepad_white.svg)

}

.selectGame-itemIcon[data-deferImage]:before,.selectGame-itemIcon[style]:before{

    display:none

}

.selectGame-item.selectGame-item-HideAdult .selectGame-itemIcon[style]{

    filter:blur(10px)

}

.selectGame-itemLabel{

    font-weight:400

}

.autoWin{

    position:absolute;

    z-index:200000

}

.body-Mobile .autoWin{

    left:0 !important;

    width:100% !important;

    padding:0 10px;

    box-sizing:border-box

}

.autoWin-wrap{

    padding:5px;

    background:#e6eff9;

    border-radius:10px;

    box-sizing:border-box;

    box-shadow:0 2px 8px -6px rgba(0,0,0,0.75);

    font-size:12px;

    line-height:12px

}

.body-Black .autoWin-wrap{

    background:#050505;

    box-shadow:0 5px 10px -5px rgba(0,0,0,1),0 -5px 10px -5px rgba(0,0,0,1)

}

.body-Game .autoWin-wrap{

    box-shadow:none !important;

    border-radius:0 !important

}

.autoWin-load{

    position:relative;

    padding:8px 15px 8px 35px;

    font-size:13.5px;

    line-height:14px;

    color:#333;

    font-weight:600;

    letter-spacing:-0.25px

}

.body-Black .autoWin-load{

    color:#aaa

}

.body-Browser .autoWin-load:before{

    content:'';

    position:absolute;

    top:50%;

    left:5px;

    width:14px;

    height:14px;

    margin:-10px 0 0 0;

    border:3px solid rgba(0,0,0,0.1);

    border-top-color:#1a6dea;

    border-radius:100%;

    animation:autoInputLoadWin linear .7s infinite

}

.body-Black.body-Browser .autoWin-load:before{

    border-color:rgba(255,255,255,0.1);

    border-top-color:#1a6dea

}

@keyframes autoInputLoadWin{

    100%{

        transform:rotate(360deg)

    }

}

.autoWin-empty{

    position:relative;

    padding:8px 15px 8px 35px;

    font-size:13.5px;

    line-height:14px;

    color:#333;

    font-weight:600;

    letter-spacing:-0.25px

}

.body-Black .autoWin-empty{

    color:#aaa

}

.autoWin-empty:before{

    content:'';

    position:absolute;

    top:50%;

    left:10px;

    width:16px;

    height:16px;

    margin:-8px 0 0 0;

    background-size:contain;

    background-position:center;

    background-repeat:no-repeat;

    background-image:url(/assets/assetts/img/icon/info2.svg);

    opacity:.5

}

.body-Black .autoWin-empty:before{

    background-image:url(/assets/assetts/img/icon/info2_white.svg)

}

.autoWin-games{

    min-width:320px

}

.body-LteTbl .autoWin-games{

    min-width:0

}

.autoWin-gamesTitle{

    padding:5px 0 5px 0;

    font-size:14.5px;

    line-height:15px;

    font-weight:800;

    color:#000;

    text-align:center;

    text-transform:uppercase;

    letter-spacing:.5px

}

.body-Black .autoWin-gamesTitle{

    color:#fff

}

*+.autoWin-gamesTitle{

    margin-top:15px

}

.autoWin-gamesTitleWrap{

    display:inline-block;

    vertical-align:top;

    position:relative;

    padding:0 0 0 30px

}

.autoWin-gamesTitleWrap:before{

    content:'';

    position:absolute;

    top:50%;

    left:0;

    width:20px;

    height:20px;

    margin:-10px 0 0 0;

    background-size:contain;

    background-position:center;

    background-repeat:no-repeat

}

.autoWin-gamesTitle.autoWin-gamesTitle-Servers .autoWin-gamesTitleWrap:before{

    ;

    background-image:url(/assets/assetts/img/icon/server2.svg)

}

.body-Black .autoWin-gamesTitle.autoWin-gamesTitle-Servers .autoWin-gamesTitleWrap:before{

    ;

    background-image:url(/assets/assetts/img/icon/server2_white.svg)

}

.autoWin-gamesTitle.autoWin-gamesTitle-Store .autoWin-gamesTitleWrap:before{

    ;

    background-image:url(/assets/assetts/img/icon/gamepad.svg)

}

.body-Black .autoWin-gamesTitle.autoWin-gamesTitle-Store .autoWin-gamesTitleWrap:before{

    ;

    background-image:url(/assets/assetts/img/icon/gamepad_white.svg)

}

.autoWin-game{

    display:block;

    padding:11px 0 11px 50px;

    height:40px;

    position:relative;

    border-radius:10px;

    box-shadow:0 2px 8px -6px rgba(0,0,0,0.75);

    background:#fff;

    box-sizing:border-box;

    text-decoration:none;

    text-align:left;

    font-size:16px;

    line-height:16px;

    font-weight:700;

    color:#000;

    letter-spacing:-0.5px;

    cursor:pointer;

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

    transition:box-shadow .1s linear,color .1s linear

}

.body-Black .autoWin-game{

    background:#181818;

    box-shadow:0 -2px 4px -2px rgba(0,0,0,0.5),0 3px 6px -3px rgba(0,0,0,1);

    color:#fff

}

.autoWin-game+.autoWin-game{

    margin-top:5px

}

.autoWin-gamesTitle+.autoWin-game{

    margin-top:8px

}

.autoWin-game:hover{

    color:#1a6dea;

    box-shadow:0 -1px 2px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.3)

}

.autoWin-gameIcon{

    position:absolute;

    top:0;

    left:0;

    width:40px;

    height:40px;

    background-size:cover;

    background-repeat:no-repeat;

    background-position:center

}

.autoWin-maps{

    min-width:480px

}

.body-LteTbl .autoWin-maps{

    min-width:0

}

.autoWin-map{

    position:relative;

    display:block;

    padding:8px 12px;

    text-decoration:none;

    border-radius:10px;

    box-shadow:0 2px 8px -6px rgba(0,0,0,0.75);

    background:#fff;

    cursor:pointer;

    overflow:hidden;

    transition:box-shadow .1s linear

}

.body-Black .autoWin-map{

    background:#181818;

    box-shadow:0 -2px 4px -2px rgba(0,0,0,0.5),0 3px 6px -3px rgba(0,0,0,1)

}

.body-Game .autoWin-map{

    box-shadow:none !important;

    border-radius:0 !important

}

.body-LteTbl .autoWin-map{

    padding:5px 10px 2px 10px

}

.autoWin-map:hover{

    box-shadow:0 -1px 2px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.3)

}

.autoWin-map+.autoWin-map{

    margin-top:5px

}

.autoWin-mapImg{

    position:absolute;

    width:120px;

    height:80px;

    top:50%;

    right:0;

    margin:-40px 0 0 0;

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat

}

.body-LteTbl .autoWin-mapImg{

    width:80px;

    height:80px;

    margin:-40px 0 0 0

}

.autoWin-mapImg+.autoWin-mapContent{

    padding-right:110px

}

.body-LteTbl .autoWin-mapImg+.autoWin-mapContent{

    padding-right:85px

}

.autoWin-mapName{

    font-size:13.5px;

    line-height:14px;

    color:#111;

    font-weight:800;

    letter-spacing:-0.5px;

    transition:color .1s linear

}

.body-Black .autoWin-mapName{

    color:#eee

}

.autoWin-map:hover .autoWin-mapName{

    color:#1a6dea !important

}

.autoWin-mapInfo{

    margin:8px 0 0 0

}

.body-LteTbl .autoWin-mapInfo{

    margin:5px 0 0 0

}

.autoWin-mapInfoI{

    position:relative;

    display:inline-block;

    vertical-align:top;

    margin:0 15px 0 0;

    font-weight:600;

    font-size:12px;

    line-height:12px;

    color:#aaa;

    letter-spacing:-0.25px;

    transition:color .1s linear

}

.body-Black .autoWin-mapInfoI{

    color:#555

}

.body-LteTbl .autoWin-mapInfoI{

    margin:0 10px 3px 0

}

.autoWin-map:hover .autoWin-mapInfoI{

    color:#333 !important

}

.body-Black .autoWin-map:hover .autoWin-mapInfoI{

    color:#ccc !important

}

.autoWin-mapInfoI:last-child{

    margin-right:0

}

.autoWin-mapInfoI b{

    font-weight:800

}

.autoWin-mapInfoI-Game{

    font-weight:800;

    min-width:40px

}

.autoWin-mapInfoI-Server{

    font-weight:800;

    padding-left:18px

}

.autoWin-mapInfoI-Player{

    padding-left:18px;

    min-width:50px

}

.autoWin-mapInfoI-Server:before,.autoWin-mapInfoI-Player:before{

    content:'';

    position:absolute;

    top:50%;

    left:0;

    width:12px;

    height:12px;

    margin:-6px 0 0 0;

    background-size:contain;

    background-position:center;

    background-repeat:no-repeat;

    opacity:.25;

    transition:opacity .1s linear

}

.autoWin-mapInfoI-Server:before{

    background-image:url(/assets/assetts/img/icon/server2.svg)

}

.body-Black .autoWin-mapInfoI-Server:before{

    background-image:url(/assets/assetts/img/icon/server2_white.svg)

}

.autoWin-mapInfoI-Player:before{

    background-image:url(/assets/assetts/img/icon/user.svg)

}

.body-Black .autoWin-mapInfoI-Player:before{

    background-image:url(/assets/assetts/img/icon/user_white.svg)

}

.autoWin-map:hover .autoWin-mapInfoI-Server:before,.autoWin-map:hover .autoWin-mapInfoI-Player:before{

    opacity:.75

}

.autoWin-servers{

    min-width:480px

}

.body-LteTbl .autoWin-servers{

    min-width:0

}

.autoWin-server{

    position:relative;

    display:block;

    padding:8px 12px;

    text-decoration:none;

    border-radius:10px;

    box-shadow:0 2px 8px -6px rgba(0,0,0,0.75);

    background:#fff;

    cursor:pointer;

    overflow:hidden;

    transition:box-shadow .1s linear

}

.body-Black .autoWin-server{

    background:#181818;

    box-shadow:0 -2px 4px -2px rgba(0,0,0,0.5),0 3px 6px -3px rgba(0,0,0,1)

}

.body-LteTbl .autoWin-server{

    padding:5px 10px 2px 10px

}

.body-Game .autoWin-server{

    box-shadow:none !important;

    border-radius:0 !important

}

.autoWin-server:hover{

    box-shadow:0 -1px 2px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.3)

}

.autoWin-server+.autoWin-server{

    margin-top:5px

}

.autoWin-serverImg{

    position:absolute;

    width:120px;

    height:80px;

    top:50%;

    right:0;

    margin:-40px 0 0 0;

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat

}

.body-LteTbl .autoWin-serverImg{

    width:80px;

    height:80px;

    margin:-40px 0 0 0

}

.autoWin-serverImg+.autoWin-serverContent{

    padding-right:125px

}

.body-LteTbl .autoWin-serverImg+.autoWin-serverContent{

    padding-right:85px

}

.autoWin-serverFavicon{

    position:absolute;

    width:64px;

    height:64px;

    top:50%;

    right:0;

    margin:-32px 0 0 0;

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat

}

.autoWin-serverFavicon+.autoWin-serverContent{

    padding-right:70px

}

.autoWin-serverName{

    font-size:13.5px;

    line-height:14px;

    color:#111;

    font-weight:800;

    letter-spacing:-0.5px;

    white-space:nowrap;

    overflow:hidden;

    transition:color .1s linear

}

.body-Black .autoWin-serverName{

    color:#eee

}

.autoWin-server:hover .autoWin-serverName{

    color:#1a6dea

}

.autoWin-serverInfo{

    margin:8px 0 0 0;

    white-space:nowrap;

    overflow:hidden

}

.body-LteTbl .autoWin-serverInfo{

    margin:5px 0 0 0

}

.autoWin-serverInfoI{

    position:relative;

    display:inline-block;

    vertical-align:top;

    margin:0 15px 0 0;

    font-weight:600;

    font-size:12px;

    line-height:12px;

    color:#aaa;

    letter-spacing:-0.25px;

    transition:color .1s linear

}

.body-Black .autoWin-serverInfoI{

    color:#555

}

.body-LteTbl .autoWin-serverInfoI{

    margin:0 5px 3px 0

}

.autoWin-server:hover .autoWin-serverInfoI{

    color:#333 !important

}

.body-Black .autoWin-server:hover .autoWin-serverInfoI{

    color:#ccc !important

}

.autoWin-serverInfoI:last-child{

    margin-right:0

}

.autoWin-serverInfoI b{

    font-weight:800

}

.autoWin-serverInfoI-Game{

    font-weight:800;

    min-width:40px

}

.autoWin-serverInfoI-Address{

    min-width:130px

}

.autoWin-serverInfoI-Map{

    font-weight:800;

    padding-left:18px

}

.autoWin-serverInfoI-Player{

    padding-left:18px;

    min-width:50px

}

.autoWin-serverInfoI-Map:before,.autoWin-serverInfoI-Player:before{

    content:'';

    position:absolute;

    top:50%;

    left:0;

    width:12px;

    height:12px;

    margin:-6px 0 0 0;

    background-size:contain;

    background-position:center;

    background-repeat:no-repeat;

    opacity:.25;

    transition:opacity .1s linear

}

.autoWin-serverInfoI-Map:before{

    background-image:url(/assets/assetts/img/icon/map.svg)

}

.body-Black .autoWin-serverInfoI-Map:before{

    background-image:url(/assets/assetts/img/icon/map_white.svg)

}

.autoWin-serverInfoI-Player:before{

    background-image:url(/assets/assetts/img/icon/user.svg)

}

.body-Black .autoWin-serverInfoI-Player:before{

    background-image:url(/assets/assetts/img/icon/user_white.svg)

}

.autoWin-server:hover .autoWin-serverInfoI-Map:before,.autoWin-server:hover .autoWin-serverInfoI-Player:before{

    opacity:.75

}

.autoWin-players{

    min-width:480px

}

.body-LteTbl .autoWin-players{

    min-width:0

}

.autoWin-player{

    position:relative;

    display:block;

    padding:5px 10px;

    text-decoration:none;

    border-radius:10px;

    box-shadow:0 2px 8px -6px rgba(0,0,0,0.75);

    background:#fff;

    cursor:pointer;

    overflow:hidden;

    transition:box-shadow .1s linear

}

.body-Black .autoWin-player{

    background:#181818;

    box-shadow:0 -2px 4px -2px rgba(0,0,0,0.5),0 3px 6px -3px rgba(0,0,0,1)

}

.body-LteTbl .autoWin-player{

    padding:5px 10px 2px 10px

}

.body-Game .autoWin-player{

    box-shadow:none !important;

    border-radius:0 !important

}

.autoWin-player:hover{

    box-shadow:0 -1px 2px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.3)

}

.autoWin-player+.autoWin-player{

    margin-top:5px

}

.autoWin-playerDate{

    padding:0 20px 0 0;

    position:relative;

    font-size:13px;

    line-height:16px;

    color:#888;

    letter-spacing:-0.5px;

    float:right;

    margin:1px 0 0 5px

}

.body-Black .autoWin-playerDate{

    color:#666

}

.autoWin-players.autoWin-players-NoServer .autoWin-playerDate{

    float:none;

    padding:0 0 0 20px;

    margin-left:0

}

.autoWin-playerDate:before{

    content:'';

    width:14px;

    height:14px;

    top:50%;

    right:0;

    margin:-6px 0 0 0;

    position:absolute;

    background-position:center;

    background-repeat:no-repeat;

    background-size:contain;

    background-image:url(/assets/assetts/img/icon/clock.svg);

    opacity:.25

}

.autoWin-players.autoWin-players-NoServer .autoWin-playerDate:before{

    right:auto;

    left:0

}

.body-Black .autoWin-playerDate:before{

    background-image:url(/assets/assetts/img/icon/clock_white.svg)

}

.autoWin-playerName{

    position:relative;

    padding:0 0 0 20px;

    font-size:14.5px;

    line-height:18px;

    color:#000;

    white-space:nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

    letter-spacing:-0.5px;

    font-weight:700;

    transition:color .1s linear

}

.body-Black .autoWin-playerName{

    color:#fff

}

.autoWin-player:hover .autoWin-playerName{

    color:#1a6dea

}

.autoWin-playerName:before{

    content:'';

    width:16px;

    height:16px;

    top:50%;

    left:0;

    margin:-8px 0 0 0;

    position:absolute;

    background-position:center;

    background-repeat:no-repeat;

    background-size:contain;

    background-image:url(/assets/assetts/img/icon/user.svg)

}

.autoWin-playerName:after{

    content:'';

    width:16px;

    height:16px;

    top:50%;

    left:0;

    margin:-8px 0 0 0;

    position:absolute;

    background-position:center;

    background-repeat:no-repeat;

    background-size:contain;

    background-image:url(/assets/assetts/img/icon/user_blue.svg);

    opacity:0;

    transition:opacity .1s linear

}

.body-Black .autoWin-playerName:before{

    background-image:url(/assets/assetts/img/icon/user_white.svg)

}

.autoWin-player:hover .autoWin-playerName:after{

    opacity:1

}

.autoWin-playerServer{

    position:relative;

    padding:0 0 0 20px;

    margin:1px 0 0 0;

    font-size:13px;

    line-height:16px;

    color:#1a6dea;

    letter-spacing:-0.5px;

    white-space:nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

    font-weight:600

}

.autoWin-playerServer:before{

    content:'';

    width:14px;

    height:14px;

    top:50%;

    left:1px;

    margin:-6px 0 0 0;

    position:absolute;

    background-position:center;

    background-repeat:no-repeat;

    background-size:contain;

    background-image:url(/assets/assetts/img/icon/gamepad_blue.svg)

}

.autoWin-values{

    width:260px;

    text-align:center

}

.body-LteTbl .autoWin-values{

    width:auto

}

.autoWin-valuesItem{

    display:inline-block;

    vertical-align:top;

    width:18px;

    height:12px;

    padding:8px 6px;

    margin:1px;

    font-size:13px;

    line-height:13px;

    text-align:center;

    color:#333;

    font-weight:700;

    box-shadow:0 2px 8px -6px rgba(0,0,0,0.75);

    background:#fff;

    border-radius:5px;

    transition:color .1s linear

}

.body-Black .autoWin-valuesItem{

    color:#888;

    background:#181818;

    box-shadow:0 -2px 4px -2px rgba(0,0,0,0.5),0 3px 6px -3px rgba(0,0,0,1)

}

.body-Game .autoWin-valuesItem{

    box-shadow:none !important;

    border-radius:0 !important

}

.autoWin-valuesItem:hover{

    cursor:pointer;

    color:#1a6dea;

    font-weight:bold

}



.srvPage-sectI-2 {

    display: inline-block;

    vertical-align: top;

    width: 49.5%;

}