@charset "UTF-8";

*{-webkit-backface-visibility:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner{border:0; padding:0;}
html{width:100%; height:100%; margin:0; padding:0; font:100% "EmbedFont",Verdana,Arial,sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; -webkit-overflow-scrolling:auto;}
body{width:100%; height:100%; margin:0; padding:0; -webkit-backface-visibility:visible; background-color:#2b224e; color:#fff; cursor:default; -webkit-overflow-scrolling:auto;}
#page_standby{width:48px; height:48px; display:none; position:fixed; left:50%; top:50%; margin:-23px 0 0 -23px;}
#section_standby{width:48px; height:48px; position:absolute; left:50%; top:50%; margin:37px 0 0 -23px;}
body.hidden>div{display:none !important;}
body.hidden #page_standby{display:block !important;}
.notice{padding-top:30px; text-align:center;}

a[href^=tel]{color:inherit; text-decoration:none;}

.desktop{}
.touch{}

.noc{pointer-events:none;}
.none{display:none;}
.inline{display:inline;}
.iblock{display:inline-block;}
.clear{clear:both;}
.reset, .reset *{animation:none !important; -webkit-animation:none !important; -moz-animation:none !important; -o-animation:none !important; transition:none !important; -webkit-transition:none !important; -moz-transition:none !important; -o-transition:none !important;}
.noselect {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.center{text-align:center;}
.relative{position:relative;}
.full{width:100%;}

.icon_unsupported_js{width:300px; height:300px; margin:-150px 0 0 -150px; background-size:300px 300px; background-image:url("images/unsupported_js.png"); position:fixed; z-index:-110; top:50%; left:50%;}
.icon_unsupported_html5{width:300px; height:300px; margin:-150px 0 0 -150px; background-size:300px 300px; background-image:url("images/unsupported_html5.png"); position:fixed; z-index:-110; top:50%; left:50%;}

.NotFound{width:300px; height:270px; margin:30px auto auto auto; display:block; text-align:center; font-size:18px; color:#fff; font-weight:bold;
background-position:bottom; background-size:300px 220px; background-image:url("images/not_found.jpg?102"); background-repeat:no-repeat;}

.touch #Base::-webkit-scrollbar{display:none;}
.desktop #Base{scrollbar-face-color:#433b65; scrollbar-shadow-color:#2b224e; scrollbar-highlight-color:#2b224e; scrollbar-3dlight-color:#2b224e; scrollbar-darkshadow-color:#2b224e; scrollbar-track-color:#2b224e; scrollbar-arrow-color:#433b65;}
.desktop #Base::-webkit-scrollbar{width:12px; background-color:#2b224e;}
.desktop #Base::-webkit-scrollbar-track{background-color:#2b224e;}
.desktop #Base::-webkit-scrollbar-thumb{background-color:#433b65;}
.desktop #Base::-webkit-scrollbar-track-piece{background-color:#2b224e;}

.menuscroller{-webkit-overflow-scrolling:touch;}
.touch .menuscroller::-webkit-scrollbar{display:none;}
.desktop .menuscroller{scrollbar-face-color:#535287; scrollbar-shadow-color:#454083; scrollbar-highlight-color:#454083; scrollbar-3dlight-color:#454083; scrollbar-darkshadow-color:#454083; scrollbar-track-color:#454083; scrollbar-arrow-color:#535287;}
.desktop .menuscroller::-webkit-scrollbar{width:12px; background-color:#454083;}
.desktop .menuscroller::-webkit-scrollbar-track{background-color:#454083;}
.desktop .menuscroller::-webkit-scrollbar-thumb{background-color:#535287;}
.desktop .menuscroller::-webkit-scrollbar-track-piece{background-color:#454083;}

.signscroller{-webkit-overflow-scrolling:touch;}
.touch .signscroller::-webkit-scrollbar{display:none;}
.desktop .signscroller{scrollbar-face-color:#6c69b7; scrollbar-shadow-color:#575598; scrollbar-highlight-color:#575598; scrollbar-3dlight-color:#575598; scrollbar-darkshadow-color:#575598; scrollbar-track-color:#575598; scrollbar-arrow-color:#6c69b7;}
.desktop .signscroller::-webkit-scrollbar{width:12px; background-color:#575598;}
.desktop .signscroller::-webkit-scrollbar-track{background-color:#575598;}
.desktop .signscroller::-webkit-scrollbar-thumb{background-color:#6c69b7;}
.desktop .signscroller::-webkit-scrollbar-track-piece{background-color:#575598;}

.userpagecroller{-webkit-overflow-scrolling:touch;}
.touch .userpagecroller::-webkit-scrollbar{display:none;}
.desktop .userpagecroller{scrollbar-face-color:#c8c6c1; scrollbar-shadow-color:#fff; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#fff; scrollbar-darkshadow-color:#fff; scrollbar-track-color:#fff; scrollbar-arrow-color:#c8c6c1;}
.desktop .userpagecroller::-webkit-scrollbar{width:12px; background-color:#fff;}
.desktop .userpagecroller::-webkit-scrollbar-track{background-color:#fff;}
.desktop .userpagecroller::-webkit-scrollbar-thumb{background-color:#c8c6c1;}
.desktop .userpagecroller::-webkit-scrollbar-track-piece{background-color:#fff;}

#BaseContainer{min-height:100%;}
#Base{min-width:300px; min-height:300px; position:fixed; top:120px; right:0; bottom:0; left:0; overflow:auto; -webkit-overflow-scrolling:touch;}
#HeaderPanel{min-width:300px; height:120px; position:fixed; z-index:10; left:0; right:0; top:0; overflow:visible; transition:none; -webkit-transition:none; -moz-transition:none; -o-transition:none;}
#HeaderPanel.trans{transition:transform 0.3s ease; -webkit-transition:-webkit-transform 0.3s ease; -moz-transition:-moz-transform 0.3s ease; -o-transition:-o-transform 0.3s ease;}
#Header{height:80px; position:absolute; z-index:8; left:0; right:0; top:0; background-color:#2d2451; box-shadow:0px 2px 10px rgba(0,0,0,0.4); -moz-box-shadow:0px 2px 10px rgba(0,0,0,0.4); -webkit-box-shadow:0px 2px 10px rgba(0,0,0,0.4);}

.HeaderContainer{width:100%; max-width:800px; margin:0 auto; position:relative;}
.HeaderContainer a{text-decoration:none; display:block; width:300px; margin:auto;}
.HeaderLayer{height:300px; position:absolute; z-index:5; left:0; right:0; top:-200px; background-color:#2d2451;}
#Nav{height:36px; position:absolute; z-index:9; left:0; right:0; top:84px; text-align:center; background-color:#2d2451; box-shadow:0px 2px 10px rgba(0,0,0,0.4); -moz-box-shadow:0px 2px 10px rgba(0,0,0,0.4); -webkit-box-shadow:0px 2px 10px rgba(0,0,0,0.4);}
.NavItem{min-width:110px; height:36px; line-height:36px; color:#f9f8ff; font-size:15px; font-weight:800; display:inline-block; background-color:#2d2451;
text-shadow:0px 1px 2px rgba(0,0,0,0.4); transition:background-color 0.14s; -webkit-transition:background-color 0.14s; -moz-transition:background-color 0.14s; -o-transition:background-color 0.14s;}

.section_default .NavItem.item_default,
.section_games .NavItem.item_games,
.section_forum .NavItem.item_forum,
.section_account .NavItem.item_account,
.section_help .NavItem.item_help
{background-color:#5755a1;}
.desktop .NavItem:hover{background-color:#35974e;}

.MenuItem{height:34px; line-height:34px; background-color:#454083; border-bottom:1px solid #545690; transition:background-color 0.14s; -webkit-transition:background-color 0.14s; -moz-transition:background-color 0.14s; -o-transition:background-color 0.14s;
padding-left:20px; font-size:16px; color:#fff; text-shadow:0px 1px 2px rgba(0,0,0,0.4);}
.section_default .MenuItem.item_default,
.section_games .MenuItem.item_games,
.section_forum .MenuItem.item_forum,
.section_account .MenuItem.item_account,
.section_help .MenuItem.item_help
{background-color:#3a357a;}
.desktop .MenuItem:hover{background-color:#2c276a;}

#MainContainer{width:100%; min-width:300px; max-width:900px; min-height:100%; padding:0px 0px 220px 0px; margin:auto; position:relative; z-index:1;}
#Footer{height:210px; padding:10px 5px 5px 5px; position:absolute; left:0; right:0; bottom:0; text-align:center;}

@media (max-width:600px){
	/* Compact Mode: */
	#MainContainer{padding-bottom:240px;}
	#Footer{height:230px;}
}
@media (max-width:350px){
	/* Compact Mode: */
	#MainContainer{padding-bottom:270px;}
	#Footer{height:260px;}
}

.FooterText{color:#7e7db2; font-size:13px; text-shadow:0px 1px 2px rgba(0,0,0,0.5);}
.FooterText a{text-decoration:none; color:#b0afe9; padding:0 3px;}
.desktop .FooterText a:hover{text-decoration:none; color:#e8e7ff;}

.FooterSocial{padding-top:10px;}

#MainLoader{display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:0;}
#MainSection{position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; overflow:visible; transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(0); -webkit-transform:translateX(0);}
#MainSection.section_trans{transition:transform cubic-bezier(0.43,0.36,0.49,0.92) 0.2s; -webkit-transition:-webkit-transform cubic-bezier(0.43,0.36,0.49,0.92) 0.2s; -moz-transition:-moz-transform cubic-bezier(0.43,0.36,0.49,0.92) 0.2s; -o-transition:-o-transform cubic-bezier(0.43,0.36,0.49,0.92) 0.2s;}
#MainSection.section_load{transform:translateX(100%); -moz-transform:translateX(100%); -o-transform:translateX(100%); -webkit-transform:translateX(100%);}
#MainSection.section_forward{transition:none; -webkit-transition:none; -moz-transition:none; -o-transition:none;
animation:section 0.2s cubic-bezier(0.43,0.36,0.49,0.92); -webkit-animation:section 0.2s cubic-bezier(0.43,0.36,0.49,0.92); -moz-animation:section 0.2s cubic-bezier(0.43,0.36,0.49,0.92); -o-animation:section 0.2s cubic-bezier(0.43,0.36,0.49,0.92);}
.section_forward #MainLoader{left:100%;}

@keyframes section {
	0% { transform:translateX(-100%); -moz-transform:translateX(-100%); -o-transform:translateX(-100%); -webkit-transform:translateX(-100%); }
	100% { transform:translateX(0%); -moz-transform:translateX(0%); -o-transform:translateX(0%); -webkit-transform:translateX(0%); }
}
@-webkit-keyframes section {
	0% { -webkit-transform:translateX(-100%); }
	100% { -webkit-transform:translateX(0%);}
}
@-moz-keyframes section {
	0% { -moz-transform:translateX(-100%); }
	100% { -moz-transform:translateX(0%); }
}
@-o-keyframes section {
	0% { -o-transform:translateX(-100%); }
	100% { -o-transform:translateX(0%); }
}

.BaseLogo{width:300px; padding-top:56px; margin:auto; background-position:0px 2px; color:#edebf8; font-size:15px; font-weight:800; text-transform:uppercase; text-align:center; text-shadow:0px 2px 4px rgba(0,0,0,0.4);}
.BaseMenu{width:48px; height:48px; display:none; position:absolute; z-index:2; left:20px; top:16px; background-position:-306px -6px;}
.authorized .BaseMenu{display:block;}
.BaseAccount{width:48px; height:48px; position:absolute; z-index:1; right:20px; top:16px; background-position:-366px -6px;}
.authorized .BaseAccount{background-position:-426px -6px;}

#MenuPanel{width:300px; padding-bottom:20px; z-index:50; position:fixed; top:130px; left:-300px; border-radius:0 10px 10px 0; background-color:#454083; overflow-x:hidden; overflow-y:auto;
transition:transform 0.16s cubic-bezier(0.43,0.36,0.49,0.92); -webkit-transition:-webkit-transform 0.16s cubic-bezier(0.43,0.36,0.49,0.92); -moz-transition:-moz-transform 0.16s cubic-bezier(0.43,0.36,0.49,0.92); -o-transition:-o-transform 0.16s cubic-bezier(0.43,0.36,0.49,0.92);
-moz-transform:translateX(-5px); -o-transform:translateX(-5px); -webkit-transform:translateX(-5px); transform:translateX(-5px);
box-shadow:1px 2px 8px rgba(0,0,0,0.4); -moz-box-shadow:1px 2px 8px rgba(0,0,0,0.4); -webkit-box-shadow:1px 2px 8px rgba(0,0,0,0.4);}
@media (max-width:1520px){
	#MenuPanel{top:125px;}
}
#MenuPanel.open{transform:translateX(300px); -moz-transform:translateX(300px); -o-transform:translateX(300px); -webkit-transform:translateX(300px);}
@media (max-width:400px){
	/* Compact Mode: */
	#MenuPanel{width:100%; left:-101%;}
	#MenuPanel.open{transform:translateX(101%); -moz-transform:translateX(101%); -o-transform:translateX(101%); -webkit-transform:translateX(101%);}
}
#MenuPanel.max{top:0; bottom:0; border-radius:0;}
#AccountMenu, #Menu, #MenuPanel{display:none;}
.authorized #AccountMenu, .authorized #MenuPanel{display:block;}

.MenuHeader{height:41px; padding-left:18px;}
.MenuLogo{width:110px; height:36px; display:none; float:left; background-position:-248px -68px;}
.MenuClose{width:38px; height:36px; float:right; background-position:-176px -69px;}

#Menu{border-top:1px solid #585686; padding-bottom:20px;}
#AccountMenu{}
#AccountMenu>div{height:60px; padding-top:13px; position:relative; z-index:1;}

#Nav a, #Menu a, #AccountMenu a{pointer-events:none; text-decoration:none; color:inherit;}

.aText{height:34px; line-height:34px; padding-left:90px; font-size:16px; color:#fff; text-shadow:0px 1px 2px rgba(0,0,0,0.4);}
.account_profile .aText.item_account_profile,
.account_mygames .aText.item_account_mygames,
.account_store .aText.item_account_store,
.account_group .aText.item_account_group,
.account_friends .aText.item_account_friends,
.account_messages .aText.item_account_messages,
.account_wallet .aText.item_account_wallet,
.account_security .aText.item_account_security,
.account_settings .aText.item_account_settings,
.account_status .aText.item_account_status,
.account_support .aText.item_account_support
{background-color:#565596;}

.aIcon{width:60px; height:60px; position:absolute; z-index:2; top:0; left:14px;}

#i_profile{background-position:0px -120px;}
#i_mygames{background-position:-60px -180px;}
#i_group{background-position:0px -240px;}
#i_friends{background-position:0px -180px;}
#i_messages{background-position:-180px -120px;}
#i_store{background-position:-60px -240px;}
#i_wallet{background-position:-180px -180px;}
#i_security{background-position:-60px -120px;}
#i_settings{background-position:-120px -120px;}
#i_status{background-position:-120px -180px;}
#i_support{background-position:-120px -240px;}

#UserPanel{width:300px; height:90px; left:50%; margin-left:-150px; top:115px; z-index:4; position:absolute; overflow:hidden; border-radius:0 0 5px 5px; background-color:#fff; box-shadow:0px 2px 8px rgba(0,0,0,0.4); -moz-box-shadow:0px 2px 8px rgba(0,0,0,0.4); -webkit-box-shadow:0px 2px 8px rgba(0,0,0,0.4);
transition:transform 0.25s cubic-bezier(.84,-0.17,.34,.91); -webkit-transition:-webkit-transform 0.25s cubic-bezier(.84,-0.17,.34,.91); -moz-transition:-moz-transform 0.25s cubic-bezier(.84,-0.17,.34,.91); -o-transition:-o-transform 0.25s cubic-bezier(.84,-0.17,.34,.91);
transform:translateY(-110px); -moz-transform:translateY(-110px); -o-transform:translateY(-110px); -webkit-transform:translateY(-110px);}
#UserPanel.open{transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -webkit-transform:translateY(0);
transition:transform 0.25s cubic-bezier(.52,.7,.17,1.07); -webkit-transition:-webkit-transform 0.25s cubic-bezier(.52,.7,.17,1.07); -moz-transition:-moz-transform 0.25s cubic-bezier(.52,.7,.17,1.07); -o-transition:-o-transform 0.25s cubic-bezier(.52,.7,.17,1.07);}

#UserPanelNick{max-width:205px; overflow:hidden; position:absolute; left:90px; top:17px; font-size:16px; font-weight:bold; white-space:nowrap; color:#40475f; font-family:Verdana,Arial,sans-serif;}
#UserPanelUserid{position:absolute; left:91px; top:37px; font-size:13px; color:#db9500;}
#UserPanelLogout{position:absolute; left:91px; top:58px; font-size:14px; font-weight:bold; color:#9278e7;}
.desktop #UserPanelLogout:hover{color:#ff5c23;}


#SignContainer{width:300px; min-width:300px; height:100%; pointer-events:none; z-index:40; position:fixed; top:-100%; bottom:0; left:50%; margin-left:-150px;
transform:translateY(0%); -moz-transform:translateY(0%); -o-transform:translateY(0%); -webkit-transform:translateY(0%);
transition:transform cubic-bezier(.84,-0.17,.34,.91) 0.25s; -webkit-transition:-webkit-transform cubic-bezier(.84,-0.17,.34,.91) 0.25s; -moz-transition:-moz-transform cubic-bezier(.84,-0.17,.34,.91) 0.25s; -o-transition:-o-transform cubic-bezier(.84,-0.17,.34,.91) 0.25s;}
#SignContainer.open{transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -webkit-transform:translateY(100%);
transition:transform cubic-bezier(.52,.7,.17,1.07) 0.25s; -webkit-transition:-webkit-transform cubic-bezier(.52,.7,.17,1.07) 0.25s; -moz-transition:-moz-transform cubic-bezier(.52,.7,.17,1.07) 0.25s; -o-transition:-o-transform cubic-bezier(.52,.7,.17,1.07) 0.25s;}

#SignPanel{width:300px; min-width:300px; height:480px; pointer-events:auto; position:absolute; z-index:40; top:50%; left:0; margin-top:-240px; overflow:hidden; background-color:#54529d; border-radius:10px;
box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
#SignContainer.open #SignPanel{box-shadow:0px 3px 18px rgba(0,0,0,0.5); -moz-box-shadow:0px 3px 18px rgba(0,0,0,0.5); -webkit-box-shadow:0px 3px 18px rgba(0,0,0,0.5);}
.authorized #SignPanel{display:none;}

.SignButton{height:43px; position:absolute; z-index:1; top:0; padding:1px 2px 2px 2px; text-align:center;}
.SignButtonText{display:inline-block; line-height:normal; font-size:13px; font-weight:800; color:#ffffff; text-transform:uppercase;}

.SignContent{padding:50px 10px 10px 10px; color:#fff; font-size:14px;}
.SignContent a{text-decoration:none; color:#fff; background-color:#6b69bc; padding:2px 6px; border-radius:3px;}
.desktop .SignContent a:hover{background-color:#7572c9;}

.info_sign_red{padding:3px 8px; font-size:16px; color:#fff; text-align:center; background-color:#e45e5e; border:1ps solid #484d8a;}

#sign_login{left:0; width:130px; line-height:40px; background-color:#54529d; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
#sign_reg{left:130px; right:0; padding-right:38px; line-height:40px; background-color:#35974e; box-shadow:inset 2px -2px 4px rgba(0,0,0,0.1); -moz-box-shadow:inset 2px -2px 4px rgba(0,0,0,0.1); -webkit-box-shadow:inset 2px -2px 4px rgba(0,0,0,0.1);}
.register #sign_login{background-color:#6881ff; box-shadow:inset -2px -2px 4px rgba(0,0,0,0.1); -moz-box-shadow:inset -2px -2px 4px rgba(0,0,0,0.1); -webkit-box-shadow:inset -2px -2px 4px rgba(0,0,0,0.1);}
.register #sign_reg{background-color:#54529d; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
#sign_close{width:38px; height:43px; right:0; top:0; z-index:1; background-color:#d5a641; background-position:-205px -68px;}

@media (max-height:480px){
	#SignPanel{height:auto; top:0; bottom:0; margin-top:0; overflow-x:hidden; overflow-y:auto; border-radius:0;}
}
@media (max-width:340px){
	#SignContainer{width:100%; left:0; margin-left:0;}
	#SignPanel{width:100%; border-radius:0;}
}

#sign_content_login{display:block;}
#sign_content_reg{display:none;}
.register #sign_content_login{display:none;}
.register #sign_content_reg{display:block;}

.LoginRemember{line-height:28px; padding:5px 0 10px 0;}
.RegNick{text-align:center; padding-top:5px;}
.RegAccept{line-height:20px; padding-top:10px;}

#login_access_code_text{line-height:16px; font-size:13px; color:#fff; padding:5px 10px; background-color:#7d75cf; border-radius:5px;}
#sign_recovery{padding:14px 3px 0 3px; text-align:center;}

.sign_text{color:#e9f0ff;}
.sign_data{color:#e9f0ff; font-size:15px; padding:10px; font-weight:800;}
.sign_data a{color:#e9f0ff; text-decoration:none; display:inline-block; padding:3px 7px; border-radius:5px; background-color:#7c9de1; -webkit-transition:background-color 0.2s; -moz-transition:background-color 0.2s; -o-transition:background-color 0.2s; transition:background-color 0.2s;}
.sign_data a:hover{color:#e9f0ff; text-decoration:none; background-color:#6c8ed3;}

#sign_standby{width:46px; display:none; margin:auto;}
#sign_standby.login{display:block; padding-top:210px;}
#sign_standby.reg{display:block; padding-top:210px;}
#sign_standby.init{display:block; padding-top:48px;}

#language_selector{height:28px; position:relative; z-index:1; text-align:center;}
#language_menu{width:200px; position:absolute; z-index:5; left:50%; margin-left:-100px; bottom:34px; text-align:left; background-color:#625fad; border-radius:5px; padding:5px 5px; overflow:hidden;
box-shadow:0px 2px 6px rgba(0,0,0,0.3); -moz-box-shadow:0px 2px 6px rgba(0,0,0,0.3); -webkit-box-shadow:0px 2px 6px rgba(0,0,0,0.3);}
#language_menu.closed{display:none;}
#language_menu a{display:block; padding:3px 5px 4px 5px; text-decoration:none; color:#fff; font-size:16px; font-family:Verdana,Arial,sans-serif;
transition:background-color 0.15s; -webkit-transition:background-color 0.15s; -moz-transition:background-color 0.15s; -o-transition:background-color 0.15s;}
#language_menu>a:hover{text-decoration:none; background-color:#4c489b}
#language_current{display:inline-block; color:#b0afe9; font-size:16px; text-shadow:0px 1px 2px rgba(0,0,0,0.5);}
.desktop #language_current:hover{color:#e8e7ff;}

/* ..................................................... */

.standby_container{width:44px; height:44px; padding:2px; border:2px solid #fbfbfb; border-radius:50%;}
.standby_container.centered_abs{position:absolute; top:50%; left:50%; margin:-22px 0 0 -22px; z-index:99999;}
.standby_container.centered_fixed{position:fixed; top:50%; left:50%; margin:-22px 0 0 -22px; z-index:99999;}
.standby{width:36px; height:36px; border:4px solid transparent; border-top:4px solid #fbfbfb; border-radius:50%; float:left; display:inline-block; animation:connecting360 0.7s linear infinite; -webkit-animation:connecting360 0.7s linear infinite; -moz-animation:connecting360 0.7s linear infinite; -o-animation:connecting360 0.7s linear infinite;}

@keyframes connecting360 {
	0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); }
	100% { transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); }
}
@-webkit-keyframes connecting360 {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg);}
}
@-moz-keyframes connecting360 {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg); }
}
@-o-keyframes connecting360 {
	0% { -o-transform:rotate(0deg); }
	100% { -o-transform:rotate(360deg); }
}

/* ....................... Inputs ....................... */

.FlatLink{min-width:100px; display:inline-block; border:none; margin:5px auto; border-radius:5px; padding:6px 10px; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.24); font-size:15px;
background-color:#4a52b3; text-align:center; text-decoration:none !important; cursor:pointer; background-image:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;
box-shadow:0px 2px 6px rgba(0,0,0,0.24); -moz-box-shadow:0px 2px 6px rgba(0,0,0,0.24); -webkit-box-shadow:0px 2px 6px rgba(0,0,0,0.24);}
.FlatLink.half{width:50%; display:inline-block; margin:2px 0;}
.FlatLink:active{position:relative; top:1px;}
input.FlatLink:active{top:0;}

.FlatLink.purple{background-color:#6650ad;}
.FlatLink.green{background-color:#30a050;}
.FlatLink.red{background-color:#d34646;}

.FlatButton{min-width:100px; height:40px; display:inline-block; border:none; margin:5px auto; border-radius:5px; padding:0 10px; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.24); font-size:16px; line-height:38px;
background-color:#4a52b3; text-align:center; cursor:pointer; background-image:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;
box-shadow:0px 1px 4px rgba(0,0,0,0.3); -moz-box-shadow:0px 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.3);}
.FlatButton:active{position:relative; top:1px;}
input.FlatButton:active{top:0;}
.FlatButton.green{background-color:#28a24b;}
.FlatButton.red{background-color:#d34646;}
.FlatButton.lightblue{background-color:#7293ff;}
.FlatButton.lightgreen{background-color:#42b460;}

.PushButton{min-width:100px; height:40px; display:inline-block; border:none; margin:5px auto; border-radius:4px; padding:0 10px; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.24); font-size:16px; line-height:38px;
	text-align:center; cursor:pointer; background-image:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;
	box-shadow:0px 1px 4px rgba(0,0,0,0.3); -moz-box-shadow:0px 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.3);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6268d3), color-stop(1, #4753b0));
	background:-moz-linear-gradient(top, #6268d3 5%, #4753b0 100%);
	background:-webkit-linear-gradient(top, #6268d3 5%, #4753b0 100%);
	background:-o-linear-gradient(top, #6268d3 5%, #4753b0 100%);
	background:-ms-linear-gradient(top, #6268d3 5%, #4753b0 100%);
	background:linear-gradient(to bottom, #6268d3 5%, #4753b0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6268d3', endColorstr='#4753b0',GradientType=0);
	background-color:#4a52b3;
}
.PushButton:active{position:relative; top:1px;}
input.PushButton:active{top:0;}
.PushButton.green{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dbc56), color-stop(1, #269947));
	background:-moz-linear-gradient(top, #2dbc56 5%, #269947 100%);
	background:-webkit-linear-gradient(top, #2dbc56 5%, #269947 100%);
	background:-o-linear-gradient(top, #2dbc56 5%, #269947 100%);
	background:-ms-linear-gradient(top, #2dbc56 5%, #269947 100%);
	background:linear-gradient(to bottom, #2dbc56 5%, #269947 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dbc56', endColorstr='#269947',GradientType=0);
	background-color:#28a24b;
}
.PushButton.red{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e25959), color-stop(1, #c53636));
	background:-moz-linear-gradient(top, #e25959 5%, #c53636 100%);
	background:-webkit-linear-gradient(top, #e25959 5%, #c53636 100%);
	background:-o-linear-gradient(top, #e25959 5%, #c53636 100%);
	background:-ms-linear-gradient(top, #e25959 5%, #c53636 100%);
	background:linear-gradient(to bottom, #e25959 5%, #c53636 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e25959', endColorstr='#c53636',GradientType=0);
	background-color:#d34646;
}

.ListItem{width:100%; display:inline-block; border:none; margin:2px auto; border-radius:4px; padding:4px 10px; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.24); font-size:16px;
background-color:#4a52b3; cursor:pointer; background-image:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;
box-shadow:0px 1px 4px rgba(0,0,0,0.3); -moz-box-shadow:0px 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.3);}
.ListItem:active{position:relative; top:1px;}
.ListItem.green{background-color:#28a24b;}
.ListItem.red{background-color:#d34646;}

.FlatLink.block,
.FlatButton.block,
.PushButton.block,
.ListItem.block
{display:block;}


select{height:42px; display:inline-block; color:#556288; font-weight:bold; background-color:#fff; border:1px solid #6a779d; border-radius:4px; margin:5px 0px; padding:4px 22px 4px 7px; font-size:14px; font-family:Verdana,Arial,sans-serif;  -webkit-appearance:none; -moz-appearance:none; appearance:none; background-image:url("images/select_arrow.png"); background-size:22px 45px; background-position:right center; background-repeat:no-repeat;}
select::-ms-expand{display:none;}
select option{color:#556288; font-weight:bold;}
select.invalid{border:2px solid #ec3232;}

input[type=checkbox]{display:none;}
label{display:inline-block; vertical-align:middle; cursor:pointer; background-repeat:no-repeat; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}

input[type=checkbox] + label.clabel{background-position:-100% -100%; -moz-transform:scale(1, 1); -o-transform:scale(1, 1); -webkit-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1);}
input[type=checkbox]:checked + label.clabel{background-position:1px -142px; -moz-transform:scale(1, 1); -o-transform:scale(1, 1); -webkit-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1);}
.clabel{width:34px; height:34px; border-radius:4px; border:1px solid #6a779d; background-color:#fff; background-image:url("images/ficons.png"); background-size:30px 225px; background-repeat:no-repeat;}
.clabel.to_left{margin-right:10px;}
.clabel.to_right{margin-left:10px;}
.clabel.space{margin:4px 0;}

input[type=checkbox] + label.mlabel{width:28px; height:28px; border-radius:4px; border:1px solid #6a779d; background-color:#fff; background-repeat:no-repeat; background-position:-100px 0px;}
input[type=checkbox]:checked + label.mlabel{background-position:-2px -189px;}
.mlabel{background-image:url("images/ficons.png"); background-size:30px 225px; background-repeat:no-repeat;
box-shadow:0px 1px 4px rgba(0,0,0,0.3); -moz-box-shadow:0px 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.3);}
.mlabel.space{margin:3px 0;}

input[type=checkbox] + label.signlabel{width:28px; height:28px; border-radius:4px; background-color:#fff; background-repeat:no-repeat; background-position:-100px 0px;}
input[type=checkbox]:checked + label.signlabel{background-position:-1px -188px;}
.signlabel{background-image:url("images/ficons.png"); background-size:30px 225px; background-repeat:no-repeat;
box-shadow:0px 1px 4px rgba(0,0,0,0.3); -moz-box-shadow:0px 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.3);}
.signlabel.space{margin:8px 0;}


.input_block{display:inline-block; position:relative;}
.input_block input{width:100% !important;}
.input_block div{height:20px; text-align:left; color:#ccccff; font-size:16px; pointer-events:none; position:absolute; left:10px; right:10px; top:50%; margin-top:-12px; z-index:1;}
.input_icon div{left:40px;}

.input{height:45px; color:#44489f; font-weight:bold; border-radius:4px; border:2px solid #fff; background-color:#fff; padding:4px 7px; margin:5px 0px; font-size:16px; -webkit-appearance:none; -moz-appearance:none; appearance:none;  box-shadow:0px 1px 4px rgba(0,0,0,0.3); -moz-box-shadow:0px 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.3);}
.input.invalid{color:#ff7373; border:2px solid #ec3232;}
.input.flat{width:100%; max-width:300px; margin-bottom:10px; height:42px; padding:3px; border:1px solid #a7abdb; border-radius:5px; background-color:#fff; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}

.input.line{width:100%; max-width:260px; height:24px; display:block; margin:0 0 25px 0; padding:0; border:none; border-bottom:1px dotted #6a649f; border-radius:0; background-color:transparent; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
.input.line.invalid{border:none; border-bottom:2px solid #ec3232;}
.input.gm{color:#269e3d; font-size:18px;}
.input.centered{margin-left:auto; margin-right:auto;}

.input.inline{display:inline-block;}

.captcha_image{border:1px solid #d0ddf5; border-radius:4px; margin:14px 5px 14px 0; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;  box-shadow:0px 1px 4px rgba(0,0,0,0.3); -moz-box-shadow:0px 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.3);}
.input_block.reg_captcha{width:130px;}
.input_block.reg_captcha .input{height:42px; text-transform:uppercase;}
#sign_reg_confirmation{padding-top:8px; text-align:center; clear:both;}

.input_icon .input{padding-left:38px; background-image:url("images/ficons.png"); background-size:30px 225px; background-repeat:no-repeat;}
.input_icon.email .input{background-position:4px -2px;}
.input_icon.password .input{background-position:4px -47px;}
.input_icon.nick .input{background-position:4px -92px;}



.Content{padding:10px 5px 5px 5px;}

.ContentBlock{position:relative; min-width:300px; font-size:15px; padding:20px; overflow:hidden; clear:both;}
.ContentBlock.module{padding:10px;}
.ContentBlock.header{padding:10px; margin-bottom:10px; font-size:16px; text-align:center;}
.ContentBlock.info{padding:25px 10px; margin-bottom:10px; font-size:18px; text-align:center;}
.ContentTitle{margin:0 0 20px 0; padding:6px 5px; color:#fff; background-color:#efb756; font-weight:bold; text-align:center; border-radius:5px; font-size:15px; line-height:16px;}

.DoubleBlock{width:50%; min-width:300px; float:left; position:relative; padding:0 0 5px 0;}
.DoubleBlock.right{padding-left:5px;}
.DoubleBlock.single{width:100%; height:auto !important; display:block; float:none; clear:both; margin:auto;}
.DoubleBlock.x160{height:160px;}
.DoubleBlock.x555{height:555px;}

.DoubleBlockContent{height:100%; position:relative; overflow:hidden;}
.DoubleBlockContent.pad{padding:10px 15px;}
.DoubleBlockContent.padf{padding:15px;}

.DoubleBlockContent, .ContentBlock{color:#34334f; background-color:#f9f8ff; border-radius:10px; box-shadow:0px 2px 8px rgba(0,0,0,0.4); -moz-box-shadow:0px 2px 8px rgba(0,0,0,0.4); -webkit-box-shadow:0px 2px 8px rgba(0,0,0,0.4);}
.ContentBlock small, .DoubleBlockContent small{font-size:13px;}
.ContentBlock .info, .DoubleBlockContent .info{color:#2e4dc5;}
.ContentBlock.green{color:#fff; background-color:#4eb055;}
.ContentBlock.red{color:#fff; background-color:#e1523a;}
.ContentBlock.orange{color:#fff; background-color:#ee9e26;}

.ContentBlock a{text-decoration:none; font-weight:bold; color:#5752e7;}
.ContentBlock a:hover{text-decoration:none; color:#1c8f2f;}

.ContentBlock .text_green{color:#128e33;}
.ContentBlock .text_blue{color:#247be6;}
.ContentBlock .text_orange{color:#d85600;}
.ContentBlock .text_red{color:#e83e3e;}

.ContentBlock h1{display:block; margin:5px 0; padding:0; font-size:22px; line-height:23px;}
.ContentBlock h2{display:block; margin:5px 0; padding:0; font-size:18px; line-height:20px;}

@media (max-width:650px){
	.DoubleBlock{width:100%; height:auto !important; display:block; padding:0 0 5px 0; float:none;}
	.DoubleBlock.right{padding-left:0;}
}

.ShadowBlock{position:relative; padding:25px 0;}
.ShadowBlockTop, .ShadowBlockBottom{height:25px; position:absolute; left:0; right:0; background-size:1000px 50px; background-repeat:no-repeat; background-image:url("images/shadow.png");}
.ShadowBlockTop{top:0; background-position:center top;}
.ShadowBlockBottom{bottom:0; background-position:center bottom;}
.ShadowBlockContent{}


.Line{clear:both; text-align:center;}
.TextLine{clear:both; text-align:left;}
.GroupLine{clear:both; padding-top:20px; text-align:center;}
.DoubleGroup{width:50%; float:left; display:inline-block; padding:0 2px;}

.HomeSplashContainer{width:100%; height:0; position:relative; padding-bottom:66%;}
.HomeSplash{max-width:890px; max-height:600px; width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; background-position:center; background-repeat:no-repeat;
background-image:url("images/splash.jpg?102");}
.HomeBlock{width:48%; min-height:94px; text-align:left; position:relative; padding:5px 10px 10px 100px; margin:5px 5px 5px 0; display:inline-block; vertical-align:top; background-color:#5755a1; border-radius:5px;
font-size:14px; color:#fff; box-shadow:0px 2px 7px rgba(0,0,0,0.35); -moz-box-shadow:0px 2px 7px rgba(0,0,0,0.35); -webkit-box-shadow:0px 2px 7px rgba(0,0,0,0.35);}
.HomeBlock.right{margin:5px 0 5px 5px;}
.HomeBlock b{color:#ffee8d; font-size:18px; display:block;}

@media (max-width:750px){
	.HomeBlock, .HomeBlock.right{width:auto; display:block; margin:5px 0 5px 0;}
}

.IconDevice{width:100px; height:90px; position:absolute; top:0; left:0; background-position:-370px -315px;}
.IconSignup{width:100px; height:90px; position:absolute; top:0; left:0; background-position:-491px -315px;}





/* ....................... Content ............................. */

.SectionTitle{display:block; text-align:center; padding:20px 5px; font-size:18px; color:#fff; font-weight:bold;}

.ArticleTitle{display:block; padding:15px 0 5px 0; text-align:center; font-size:20px; color:#484184; font-weight:bold;}
.ArticleTitle small{font-size:14px; font-weight:normal;}

.ArticleNotice{display:block; padding:0 0 5px 0; text-align:center; font-size:16px; color:#484184; font-weight:bold}

.ArticleParagraph{display:block; margin-bottom:10px; text-align:justify; font-size:16px; color:#34334f;}
.ArticleParagraph a{text-decoration:none; display:inline-block; color:#5752e7;}
.ArticleParagraph a:hover{text-decoration:none; color:#1c8f2f;}

.ArticleParagraph.green{color:#0d9032;}

.List a{pointer-events:none; display:inline-block; text-decoration:none; color:#6351bf; font-size:16px; font-weight:bold;}
.List a::before{width:12px; height:12px; margin-right:10px; content:''; display:inline-block; background-color:#beb4ed;}
.List>div{display:inline-block;}
.List>div:hover a{color:#1c8f2f;}
.List>div:hover a:before{background-color:#81ce8e;}

.AuthPage{text-align:center; font-size:16px; padding:45px 10px;}
.AuthIcon{width:74px; height:74px; display:inline-block; margin-bottom:15px; border:2px solid #fff; border-radius:50%;
background-position:-355px 5px; box-shadow:0px 2px 6px rgba(0,0,0,0.3); -moz-box-shadow:0px 2px 6px rgba(0,0,0,0.3); -webkit-box-shadow:0px 2px 6px rgba(0,0,0,0.3);}

.InfoBlock{padding:15px; text-align:center; font-size:16px; color:#34334f;}
.InfoBlock.green{}
.InfoBlock.red{}
.ContentBlock .InfoBlock{}


.SocialIcon{width:44px; height:44px; margin:0 2px; display:inline-block; vertical-align:middle;}
.SocialIcon.profile{margin:0 10px 0 0; float:left;}
.SocialIcon.fb{background-position:-428px -248px;}
.SocialIcon.tw{background-position:-368px -248px;}
.SocialIcon.ig{background-position:-488px -248px;}
.SocialIcon.yt{background-position:-308px -248px;}

.mlabel.profile{border:1px solid #a7abdb !important; font-size:14px; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
.input.profile{width:100%; height:34px; padding:3px; border:1px solid #a7abdb; border-radius:5px; background-color:#fff; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
.input.social{margin:2px 0 20px 0;}
select.profile{width:100%; height:30px; margin:4px 0 5px 0; border:1px solid #a7abdb !important;}
select.profile.invalid{border:2px solid #ec3232 !important;}

#pv_br_d, #pv_br_d, #pv_br_d{float:left; margin-right:1%;}
#pv_br_d{width:22%;}
#pv_br_m{width:45%;}
#pv_br_y{width:31%;}

#UserPanelAvatar{width:80px; height:80px; position:absolute; top:8px; left:2px; border:1px solid #fff; border-radius:5px; background-color:#c9ccf2; background-size:80px 80px; background-repeat:no-repeat;}
#ProfileAvatar{width:120px; height:120px; margin:10px; border:1px solid #fff; border-radius:5px; background-color:#c9ccf2; background-size:120px 120px; background-repeat:no-repeat;}
#ProfileAvatar.over{background-color:#fff; border:1px solid #fbc00d;}
.ProfileAvatarArrow{width:18px; height:22px; display:inline-block; vertical-align:middle; background-position:-456px -80px;}
.ProfileAvatarDelete{}
.ProfileAvatarData{height:130px; position:absolute; top:0; left:140px; right:5px;}

#ProfileInfo{position:absolute; bottom:58px; left:0; right:5px; line-height:18px;}
#ProfileInfo.red{color:#e43737;}
#ProfileInfo.green{color:#1e6932;}
#ProfileStatus{height:49px; color:#5147a2; position:absolute; top:86px; left:0; right:5px;}
#ProfileStatus.approved{color:#1e6932;}
#ProfileBarContainer{position:absolute; top:79px; left:0; right:10px;}
#ProfileBarContainer.progress{background-color:#cdd6e3;}
#ProfileBar{width:100%; height:1px; position:absolute; left:0; top:0; background-color:#9593e0;}
.progress #ProfileBar{height:2px; background-color:#25a44f;}

#ProfileNick{padding:2px 0 15px 0; text-align:center; font-size:16px; font-weight:bold; color:#40475f; font-family:Verdana,Arial,sans-serif;}
.ProfileNickForm{width:100%;}
.ProfileNickColors>div{width:22px; height:22px; display:inline-block; margin-right:4px; text-align:center; line-height:22px; color:#fff; font-size:12px; font-weight:800;}

#ProfileUserid, #ProfilePageLink{height:22px; margin-bottom:6px; font-size:14px; white-space:nowrap; overflow:visible;}
#ProfileUserid{color:#1e6932; border-bottom:1px solid #63b379;}
.ProfileUsername{}
.UsernameStar{width:24px; height:24px; display:inline-block; vertical-align:middle; background-position:-370px -80px; background-repeat:no-repeat;}
.ProfileUsernameInfo{color:#5b599a; font-size:14px; line-height:16px;}

.ProfileUsernameForm{width:100%; padding:0; display:none;}
.ProfileUsernameForm .input{margin:2px 0;}
.ProfileUsernameForm.disabled{padding:5px 0 2px 0; font-size:18px; font-weight:bold;}
#ProfileIDM.exists .ProfileUsernameGet{display:none;}
#ProfileIDM.exists .ProfileUsernameForm{display:inline-block;}


.ProfilePageLinkArrow{width:24px; height:16px; display:inline-block; vertical-align:middle; background-position:-421px -82px;}
.ProfileLinkArrow{width:24px; height:16px; display:inline-block; vertical-align:middle; background-position:-391px -82px;}
.ProfileLinkArrow.social{float:right; margin-top:3px;}
#ProfilePageLink{text-align:right; color:#d17d00; border-bottom:1px solid #f5a938;}


.ProfileSocialContent{position:relative;}
.ProfileOptionRow{line-height:20px; clear:both; white-space:nowrap; overflow:visible;}

#ProfileFlag{width:30px; height:20px; float:right; background-size:30px 20px; background-position:center; background-repeat:no-repeat;
background-color:#d3d1ea; box-shadow:0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3);}

#ProfileReg{color:#694ec0; font-size:15px; padding-bottom:3px; margin-bottom:15px; text-align:center; border-bottom:1px solid #a388e1;}
#ProfileVideo{padding-top:12px;}
#ProfileVideoArea{width:100%; height:140px; margin-top:5px; background-color:#e6e5f5;}
#ProfileVideoArea.empty{padding-top:30px; background-color:#fff; border:1px solid #ff7379;}
.ProfileVideoIcon{width:80px; height:80px; margin:auto; clear:both; background-position:-440px -140px;}
#ProfileVideoFrame{width:100%; height:140px; margin:0;}

.ProfileSocialLink{font-size:13px; color:#2168dd;}
.desktop .ProfileSocialLink:hover{color:#2b9f4c;}

#SocialInfoPopup{width:270px; cursor:auto !important; position:absolute; z-index:5; color:#37372c; font-size:15px; background-color:#fffdf4; border-radius:5px; padding:10px;
box-shadow:0px 3px 10px rgba(0,0,0,0.4); -moz-box-shadow:0px 3px 10px rgba(0,0,0,0.4); -webkit-box-shadow:0px 3px 10px rgba(0,0,0,0.4);}
#SocialInfoPopup.fb{bottom:380px;}
#SocialInfoPopup.tw{bottom:280px;}
#SocialInfoPopup.ig{bottom:180px;}
#SocialInfoPopup.yt{bottom:80px;}

.pi{display:none;}
.fb .pi.pi_fb, .tw .pi.pi_tw, .ig .pi.pi_ig, .yt .pi.pi_yt{display:block;}


.GameIcon{width:110px; height:100px; display:inline-block;}
.GameIcon.gamezer{background-position:-301px -130px;}


.ContentBlock.Userpage{max-width:600px; display:block; margin:auto; padding:0; position:relative; text-align:center; background-color:#fff;}
.UserpageInfo{padding:14px 3px 10px 3px;}
.UserpageBar{padding:4px 3px; margin-top:10px; color:#fff; font-size:15px; background-color:#7b7870;}
.UserpageSpecBar{padding:4px 3px; margin-top:3px; background-color:#6567c1; text-align:center;}
.UserpageSpecBlock{min-width:70px; max-width:80%; min-height:70px; display:inline-block; background-size:60px 63px; background-position:left; background-repeat:no-repeat;
padding:5px 5px 5px 70px; text-align:left; color:#fff; font-size:15px;
background-image:url("images/SSIcon.png?102");}


.UserpageContent{min-height:250px; padding-top:20px; color:#282622; background-color:#f8f2d4;}
.UserpageAvatar{width:120px; height:120px; display:inline-block; margin-bottom:14px; border-radius:5px; background-color:#c9ccf2; background-size:120px 120px; background-repeat:no-repeat;}
.UserpageNick{font-size:16px; font-weight:bold; color:#40475f; font-family:Verdana,Arial,sans-serif;}
#UserpageID{display:inline-block; margin:6px 0 5px 0; font-size:14px; color:#807eba; clear:both;}
.UIW_username{color:#db9500; height:24px;}
.UIW_userid{display:none; color:#807eba; height:24px;}
.showid>.UIW_userid{display:block;}
.showid>.UIW_username{display:none;}
.UserpageBio{font-size:16px; color:#292721}
.UserpageStatItem{display:inline-block; font-size:14px; line-height:16px; margin-bottom:15px;}
.desktop .UserpageStatItem:hover{color:#8d6f41;}
#UserpageSocials{padding:15px 0;}
#UserpageVideo{height:280px; margin:15px 0 0 0;}
#UserpageVideoFrame{width:100%; height:280px; margin:0; border-radius:0 0 5px 5px;}

.UserpageAdmin{text-align:center; text-transform:uppercase; color:#8d4718; font-size:11px; font-weight:bold; margin:5px 0;}
.AdminEagle{width:90px; height:42px; margin:0 auto; background-position:-194px -306px;}


.UserpageFlag{width:30px; height:20px; position:absolute; left:15px; top:15px; background-size:30px 20px; background-position:center; background-repeat:no-repeat;
background-color:#d3d1ea; box-shadow:0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3);}
.UserpageGroup{width:34px; height:34px; position:absolute; left:12px; top:7px; background-position:-493px -72px;}
.UserpageGroup.offset{left:50px;}

.UserpageDailyPlayer{position:relative; display:inline-block; margin-bottom:10px; padding:4px 8px; background-color:#3cb55c; color:#fff; font-size:14px; font-weight:bold; text-align:center; border-radius:5px;}

.UserpageTopPlayer{width:90%; max-width:250px; position:relative; display:inline-block; margin:5px 20px 10px 5px; padding:4px 18px 4px 58px; background-color:#3cb55c; color:#fff; font-size:13px; line-height:17px; text-align:left; border-radius:6px 0 0 6px;}
.UserpageTopPlayer.blue{background-color:#5890f8;}
.UserpageTopPlayer b{font-size:15px; font-weight:bold; display:block;}
.UserpageTopNumber{width:50px; position:absolute; left:0; top:0; bottom:0; border-radius:5px 0 0 5px; padding-top:12px; background-color:#f5b62e; color:#fff; font-size:18px; font-weight:800; text-align:center;}
.UserpageTopIcon{width:60px; height:60px; position:absolute; right:-40px; top:-11px; background-position:0px -300px;}

#UserpageStandby.standby_container{display:none; border:2px solid #9c988e;}
#UserpageStandby .standby{border-top:4px solid #9c988e;}
.loading #UserpageStandby{display:block;}

#UserpageStatBlock{min-height:200px; position:relative; overflow-y:hidden; overflow-x:auto; margin-bottom:15px; background-color:#fff;}
#UserpageStatBlock.hidden{display:none;}
.loading #UserpageStatOutput{display:none;}

.UStat_RatingsPanel{padding:14px 0; clear:both; color:#54524c; background-color:#f8f2d4;}

.UStat_PMenu_0, .UStat_PMenu_1, .UStat_PMenu_2{width:33%; height:34px; line-height:34px; display:inline-block; float:left;
font-size:14px; font-weight:bold; color:#54524c; background-color:#f8f2d4;}
.UStat_PMenu_1{width:34%;}
.SPeriod_0 .UStat_PMenu_0, .SPeriod_1 .UStat_PMenu_1, .SPeriod_2 .UStat_PMenu_2{color:#22923e; background-color:#ffffff;}
.UStat_PBlock_0, .UStat_PBlock_1, .UStat_PBlock_2{clear:both; display:none;}
.SPeriod_0 .UStat_PBlock_0, .SPeriod_1 .UStat_PBlock_1, .SPeriod_2 .UStat_PBlock_2{display:block;}

.UStat_OverallBlock1, .UStat_OverallBlock2{width:50%; height:46px; padding:5px 0 0 42px; float:left; display:inline-block; position:relative;  color:#fff; font-size:13px; line-height:18px;}
.UStat_OverallBlock1 b, .UStat_OverallBlock2 b{font-size:18px; font-weight:800;}
.UStat_OverallBlock1{background-color:#419757;}
.UStat_OverallBlock2{background-color:#f1a835;}
.UStat_IconStar, .UStat_IconHand{width:34px; height:46px; position:absolute; left:6px; top:0;}
.UStat_IconStar{background-position:-565px -67px;}
.UStat_IconHand{background-position:-529px -68px;}

.UStat_TitleContainer{padding:15px 0; clear:both;}
.UStat_Title{padding:3px 0; font-size:18px; color:#fff; font-weight:bold; clear:both; background-color:#857bcc;}
.UStat_Table{min-width:100%; padding:5px; line-height:16px; font-size:15px;}
.UStat_Table tr{}
.UStat_Table th{padding:5px 0 16px 0; font-weight:bold;}
.UStat_Table td{padding:5px 0; border-bottom:1px dotted #bebedf;}
.UST_name{color:#46447c;}
.UST_score{color:#2e7536;}
.UST_total td{color:#318e35; font-weight:bold;}

.Wallet_CurrentBalance{padding-bottom:6px; color:#269e3d; font-size:28px; line-height:28px; font-weight:800;}
.Wallet_TransBalance{padding-bottom:10px; color:#415cc2; font-size:16px; font-weight:800;}
#WalletSSTransfer .ContentHeader{margin:10px 0 0 0;}
.WalletSSEmpty{padding:30px; color:#8785cb; text-align:center;}
.WalletSS_Table{min-width:100%; padding:5px; line-height:16px;}
.WalletSS_Table tr{}
.WalletSS_Table td{vertical-align:top; padding:6px 15px 5px 0; color:#444068; border-bottom:1px dotted #bebedf; font-size:14px; vertical-align:bottom;}
.WalletSSIcon{width:30px; height:30px;}
.ssin .WalletSSIcon{background-position:-555px -120px;}
.ssout .WalletSSIcon{background-position:-555px -150px;}
.WalletSSR_Icon{padding:4px 0 0 0 !important; width:40px; vertical-align:top !important;}
.ssin .WalletSSR_Details{font-size:13px !important; color:#4e905b !important;}
.ssout .WalletSSR_Details{font-size:13px !important; color:#4871a9 !important;}
.WalletSSR_Details h1{display:block; margin:0 0 3px 0; padding:0; font-size:20px; line-height:22px; color:#269e3d; font-weight:bold;}
.ssout .WalletSSR_Details h1{color:#1c71e3;}
.WalletSSR_Service{min-width:120px;}

.ssin .WalletSSR_Service{color:#258b39;}
.ssout .WalletSSR_Service{color:#5153c2;}
.ssin .WalletSSR_Service a{text-decoration:none; font-weight:bold; color:#258b39;}
.ssin .WalletSSR_Service a:hover{text-decoration:none; color:#309c46;}
.ssout .WalletSSR_Service a{text-decoration:none; font-weight:bold; color:#5153c2;}
.ssout .WalletSSR_Service a:hover{text-decoration:none; color:#5a5ee9;}

.WalletSSConfirm{padding:0;}
.WalletSSConfirm .captcha_image{background-color:#d3d2ed; margin:0 5px 0 0; border:1px solid #a7abdb; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
.WalletSSConfirm .input{width:80px; height:42px; display:inline-block; text-transform:uppercase; margin:0; padding:3px; border:1px solid #a7abdb; border-radius:5px; background-color:#fff; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
.WalletSSConfirm .input.invalid{color:#ff7373; border:2px solid #ec3232;}

.UserpageOnlineIcon{width:38px; height:32px; background-position:-311px -388px; display:inline-block; vertical-align:middle;}
.OnlineProjectIcon{width:38px; height:24px; background-position:-311px -363px; display:inline-block; vertical-align:middle;}
.UserpageOnlineStatus{position:absolute; top:9px; right:4px; text-align:reight; color:rgba(0,0,0,0); font-size:14px; font-weight:bold;}
.UserpageOnlineStatus:hover{color:#31904a;}
.UserpageOnProject{padding:2px 0 5px 0;}
.UserpageOnProject.first{margin-top:10px;}

.LargeGroupIcon{width:60px; height:60px; background-position:-540px -180px;}

.GroupBlock_Icon{width:70px; min-height:70px; display:inline-block; position:absolute; left:15px; top:15px; }
.GroupBlock_Info{min-height:70px; padding-left:70px; overflow:hidden; display:inline-block; float:left; color:#434365; font-size:16px; line-height:18px;}
.GroupMode_0 .GroupBlock_Info{padding-top:8px;}
.GroupMode_2 .GroupBlock_Info{color:#28733f;}
.GroupBlock_Info small{font-size:14px;}
.GroupBlock_Info h1{display:block; padding:0; margin:0 0 4px 0; color:#5046ab; font-size:20px; line-height:22px;}
.GroupBlock_Info b{color:#5046ab;}
.GroupMode_2 .GroupBlock_Info h1{color:#2a944b;}
.GroupMode_2 .GroupBlock_Info b{color:#2a944b;}

.GroupBlock_Acts{display:inline-block; float:right; text-align:right;}
.GroupBlock_Menu{max-width:250px; display:inline-block; float:right;}


.GroupRooms_Table{min-width:100%;}
.GroupRooms_Table tr{}
.GroupRooms_Table td>div{line-height:20px;}
.GroupRooms_Table td{padding:5px; border:1px solid #efb756; line-height:16px; font-size:14px;}
.GroupRooms_Table td h1{display:block; font-size:18px; font-weight:bold; padding:0; margin:0;}
.GRT{width:30%; background-color:#efb756; color:#fff; font-weight:bold; text-align:center;}

#GroupRoomRenew{display:none;}
#GroupRoomRenewAmount{display:inline; font-weight:bold;}

.ViewPageLink{padding:8px 3px; text-align:right; color:#d17d00;}
.GroupContentArea{width:100%; height:300px; display:block; resize:none; margin:0; border:1px solid #f5a938;}



.IconCheck, .IconAlert{width:60px; height:38px;}
.IconCheck{background-position:-60px -311px;}
.IconAlert{background-position:-120px -310px;}
.IconThumb{width:60px; height:60px;}
.IconThumb{background-position:-300px -300px;}


.Security .IconCheck, .Security .IconAlert{position:absolute;}
.SecurityStatus, .SecuritySubStatus{padding-left:70px;}
.SecurityStatus{font-size:18px; line-height:22px; font-weight:bold; display:block;}

.SecurityTrusted{padding:30px 0 40px 10px;}
.SecurityTrusted label{font-size:18px; line-height:22px; font-weight:bold; padding-left:5px;}

.SecurityActs{text-align:right;}
.SecurityActsLeft{text-align:left;}

#SecuritySQRestore{display:none;}
.SQRecover #SecuritySQRestore{display:block;}
.SQRecover #SecuritySQ{display:none;}

#SecuritySaveMode{display:none; margin-top:10px;}
.IconThumb.centered{margin:auto auto 15px auto;}
.GroupManager_Area{width:100%; height:300px; resize:none; font-weight:normal; font-size:15px; color:#282144; border:1px solid #bab1db; background-color:#fff; font:100% "EmbedFont",Verdana,Arial,sans-serif;}

.ContentBlock.GroupPage{max-width:800px; display:block; margin:auto; padding:0; position:relative; text-align:center; background-color:transparent;}
.GroupPageInfo{padding:10px 10px 10px 80px; text-align:left; background-color:#fff;}
.GroupPageInfo a{text-decoration:none;}
.GroupPageInfo .LargeGroupIcon{position:absolute; top:46px; left:10px;}

.GroupPageInfo_Left{display:inline-block; float:left; color:#1c8637; font-size:14px; line-height:16px;}
.GroupPageInfo_Left h1{display:block; padding:0; margin:0 0 4px 0; color:#1c8637; font-size:20px; line-height:22px;}
.GroupPageInfo_Right{min-width:150px; display:inline-block; float:right; color:#1c8637; font-size:14px;}
.GroupPageInfo_Right .userid{display:block; color:#9290bb; font-size:13px;}
@media (max-width:550px){
	.GroupPageInfo_Left{display:block; float:none;}
	.GroupPageInfo_Right{padding-top:15px; display:block; float:none;}
}
.GroupPageContainer{min-height:200px; padding:10px; border-top:10px solid #7b7870; background-color:#fffcee;}
.GroupPageContent{overflow:hidden; text-align:left;}
.GroupPageTitle{height:36px; line-height:36px; color:#fff; font-size:18px; font-weight:bold; text-align:center; background-color:#359f62; border-radius:5px 5px 0 0 ;}

/* ............................................................. */

.CODE_h{font-size:22px;}
.CODE_blue{color:#247be6;}
.CODE_purple{color:#8854dd;}
.CODE_green{color:#128e33;}
.CODE_red{color:#e83e3e;}
.CODE_orange{color:#d85600;}
.CODE_pink{color:#d854b2;}
.CODE_black{color:#000;}

.CODE_video{width:100%; position:relative; padding-top:56%;}
.CODE_video iframe{width:100%; height:100%; position:absolute; top:0; left:0;}

.CODE_image{max-width:100%;}


/* ............................................................. */


@media (max-width:700px){
	.FlatLink.half{width:100%;}
	.WalletSS_Table td{border:none;}
	.WalletSSR_Details, .WalletSSR_Service, .WalletSSR_Info{display:block; padding:6px 15px 5px 0;}
	.WalletSSR_Info{border-bottom:1px dotted #bebedf !important;}
	.GroupBlock_Acts{display:block; padding-top:20px; clear:both; float:none; text-align:center;}
	.GroupBlock_Menu{max-width:none; display:block; padding-top:20px; clear:both; float:none;}
	
	.SecuritySubStatus{padding-left:0; padding-top:15px;}
	.SecurityStatus{padding-top:4px;}
	.SecuritySubStatus .FlatLink{display:block;}
}

@media (max-width:600px), (max-height:600px){
	/* Compact Mode: */
	
	#Base{top:45px;}
	#section_standby{margin:7px 0 0 -23px;}
	
	.BaseLogo{width:160px; height:40px; padding:0; margin:3px auto auto auto; background-position:-21px -70px;}
	.BaseLogo span{display:none;}
	.BaseMenu{display:block; background-position:-475px -6px; top:-3px; left:12px;}
	.BaseAccount{background-position:-517px -6px;  top:-3px; right:12px;}
	.authorized .BaseAccount{background-position:-559px -6px;}
	
	#HeaderPanel{height:55px;}
	#Header{height:45px;}
	.HeaderContainer a{width:150px;}
	#Nav{display:none;}
	.HeaderLayer{top:-290px;}
	#MenuPanel, #Menu{display:block;}
	
	#UserPanel{top:39px;}
	
	.MenuHeader{height:51px; padding-top:5px;}
	.MenuLogo{display:block;}
	
	.ArticleTitle{display:block; padding:15px 0 5px 0;}
	
	.Content{padding:5px;}
	
	.ContentBlock{padding:10px;}
	.ContentBlock.module{padding:5px 10px;}
	.ContentBlock.header{padding:5px 10px; margin-bottom:5px;}
	
	.ContentBlock.Userpage{padding:0;}
	.UStat_Table{line-height:14px; font-size:12px;}
	
	
	.GroupBlock_Icon{left:10px; top:10px;}
	
	
	
	
}

@media (max-width:600px){
	.ContentBlock.Userpage{padding:0;}
	.DoubleGroup{width:100%; float:none; display:block;}
}

.IconSignup, .IconDevice, .AdminEagle, .IconCheck, .IconThumb, .IconAlert, .UserpageTopIcon, .LargeGroupIcon, .UserpageOnlineIcon, .OnlineProjectIcon,
.WalletSSIcon, .ProfileVideoIcon, .UserpageGroup, .UStat_IconStar, .UStat_IconHand, .GameIcon, .ProfileAvatarArrow,
#sign_close, .MenuLogo, .MenuClose, .BaseLogo, .BaseMenu, .BaseAccount, .aIcon, .AuthIcon, .UsernameStar, .ProfileLinkArrow,
.ProfilePageLinkArrow, .SocialIcon{background-size:600px 420px; background-repeat:no-repeat; background-image:url("images/icons.png?34");}

@media (min-device-pixel-ratio: 1.2),
	(-webkit-min-device-pixel-ratio: 1.2),
	(min-resolution: 115dpi){
	
	.UserpageSpecBlock{background-image:url("images/SSIcon@2x.png?102");}
	
	.NotFound{background-image:url("images/not_found@2x.jpg?102");}
	.HomeSplash{background-image:url("images/splash@2x.jpg?102");}
	
	.IconSignup, .IconDevice, .AdminEagle, .IconCheck, .IconThumb, .IconAlert, .UserpageTopIcon, .LargeGroupIcon, .UserpageOnlineIcon, .OnlineProjectIcon,
	.WalletSSIcon, .ProfileVideoIcon, .UserpageGroup, .UStat_IconStar, .UStat_IconHand, .GameIcon, .ProfileAvatarArrow,
	#sign_close, .MenuLogo, .MenuClose, .BaseLogo, .BaseMenu, .BaseAccount, .aIcon, .AuthIcon, .UsernameStar, .ProfileLinkArrow,
	.ProfilePageLinkArrow, .SocialIcon{background-image:url("images/icons@2x.png?34");}
	.ShadowBlockTop, .ShadowBlockBottom{background-image:url("images/shadow@2x.png");}
}

@media (max-device-width:640px){
	.HomeSplash{background-image:url("images/splash.jpg?102");}
	
	
}

/* Nick Colors: */
.n0{color:#40475f; font-family:Verdana,Arial,sans-serif;} /* default */
.n1{color:#000000; font-family:Verdana,Arial,sans-serif;} /* black */
.n2{color:#f74545; font-family:Verdana,Arial,sans-serif;} /* red */
.n3{color:#ef55c3; font-family:Verdana,Arial,sans-serif;} /* pink */
.n4{color:#9156f1; font-family:Verdana,Arial,sans-serif;} /* purple */
.n5{color:#2481f3; font-family:Verdana,Arial,sans-serif;} /* blue */
.n6{color:#08b3dc; font-family:Verdana,Arial,sans-serif;} /* turquoise */
.n7{color:#15a73c; font-family:Verdana,Arial,sans-serif;} /* green */
.n8{color:#d3b802; font-family:Verdana,Arial,sans-serif;} /* yellow */
.n9{color:#e18804; font-family:Verdana,Arial,sans-serif;} /* orange */

.ProfileNickColors .c0{background-color:#40475f;}
.ProfileNickColors .c1{background-color:#000000;}
.ProfileNickColors .c2{background-color:#f74545;}
.ProfileNickColors .c3{background-color:#f96bd0;}
.ProfileNickColors .c4{background-color:#ad7bff;}
.ProfileNickColors .c5{background-color:#51a0ff;}
.ProfileNickColors .c6{background-color:#12c6f1;}
.ProfileNickColors .c7{background-color:#1bd04c;}
.ProfileNickColors .c8{background-color:#e7d400;}
.ProfileNickColors .c9{background-color:#ffa724;}

.clickeffect_check{
	-webkit-animation: cef_check 0.25s ease-out;
	-moz-animation: cef_check 0.25s ease-out;
	-o-animation: cef_check 0.25s ease-out;
	animation: cef_check 0.25s ease-out;
}

@keyframes cef_check {
	0% {-moz-transform:scale(1, 1); -o-transform:scale(1, 1); -webkit-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1);}
	30% {-moz-transform:scale(0.7, 0.7); -o-transform:scale(0.7, 0.7); -webkit-transform:scale(0.7, 0.7); -ms-transform:scale(0.7, 0.7); transform:scale(0.7, 0.7);}
	65% {-moz-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); -webkit-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2);}
	100% {-moz-transform:scale(1, 1); -o-transform:scale(1, 1); -webkit-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1);}
}
@-webkit-keyframes cef_check {
	0% {-webkit-transform:scale(1, 1);}
	30% {-webkit-transform:scale(0.7, 0.7);}
	65% {-webkit-transform:scale(1.2, 1.2);}
	100% {-webkit-transform:scale(1, 1);}
}
@-moz-keyframes cef_check {
	0% {-moz-transform:scale(1, 1);}
	30% {-moz-transform:scale(0.7, 0.7);}
	65% {-moz-transform:scale(1.2, 1.2);}
	100% {-moz-transform:scale(1, 1);}
}
@-o-keyframes cef_check {
	0% {-o-transform:scale(1, 1);}
	30% {-o-transform:scale(0.7, 0.7);}
	65% {-o-transform:scale(1.2, 1.2);}
	100% {-o-transform:scale(1, 1);}
}

.clickeffect_press{
	-webkit-animation: cef_press 0.35s ease-out;
	-moz-animation: cef_press 0.35s ease-out;
	-o-animation: cef_press 0.35s ease-out;
	animation: cef_press 0.35s ease-out;
}

@keyframes cef_press {
	0% {-moz-transform:scale(1, 1); -o-transform:scale(1, 1); -webkit-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1);}
	20% {-moz-transform:scale(0.7, 0.7); -o-transform:scale(0.7, 0.7); -webkit-transform:scale(0.7, 0.7); -ms-transform:scale(0.7, 0.7); transform:scale(0.7, 0.7);}
	50% {-moz-transform:scale(1.25, 1.25); -o-transform:scale(1.25, 1.25); -webkit-transform:scale(1.25, 1.25); -ms-transform:scale(1.25, 1.25); transform:scale(1.25, 1.25);}
	75% {-moz-transform:scale(0.9, 0.9); -o-transform:scale(0.9, 0.9); -webkit-transform:scale(0.9, 0.9); -ms-transform:scale(0.9, 0.9); transform:scale(0.9, 0.9);}
	100% {-moz-transform:scale(1, 1); -o-transform:scale(1, 1); -webkit-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1);}
}
@-webkit-keyframes cef_press {
	0% {-webkit-transform:scale(1, 1);}
	20% {-webkit-transform:scale(0.7, 0.7);}
	50% {-webkit-transform:scale(1.25, 1.25);}
	75% {-webkit-transform:scale(0.9, 0.9);}
	100% {-webkit-transform:scale(1, 1);}
}
@-moz-keyframes cef_press {
	0% {-moz-transform:scale(1, 1);}
	20% {-moz-transform:scale(0.7, 0.7);}
	50% {-moz-transform:scale(1.25, 1.25);}
	75% {-moz-transform:scale(0.9, 0.9);}
	100% {-moz-transform:scale(1, 1);}
}
@-o-keyframes cef_press {
	0% {-o-transform:scale(1, 1);}
	20% {-o-transform:scale(0.7, 0.7);}
	50% {-o-transform:scale(1.25, 1.25);}
	75% {-o-transform:scale(0.9, 0.9);}
	100% {-o-transform:scale(1, 1);}
}