/*************************           /fonts           *****************************************/
@font-face {
				font-family: 'MetaPro-Normal';
				src: url('../fonts/metapronormal.eot');
	            src: local('☺'), url('../fonts/metapronormal.woff') format('woff'), url('../fonts/metapronormal.ttf') format('truetype'), url('../images/metapronormal.svg') format('svg');
				font-weight: normal;
				font-style: normal;
		}
@font-face {
				font-family: 'MetaPro-Medium';
				src: url('../fonts/metapromedium.eot');
				src: url('../fonts/metapromedium.eot#iefix') format('embedded-opentype'),
						 url('../fonts/metapromedium.woff') format('woff'),
						 url('../fonts/metapromedium.ttf') format('truetype'),
						 url('../fonts/metapromedium.svg#metapromedium') format('svg');
				font-weight: normal;
				font-style: normal;
		}
@font-face {
				font-family: 'MetaPro-Bold';
				src: url('../fonts/metaprobold.eot');
				src: url('../fonts/metaprobold.eot#iefix') format('embedded-opentype'),
						 url('../fonts/metaprobold.woff') format('woff'),
						 url('../fonts/metaprobold.ttf') format('truetype'),
						 url('../images/metaprobold.svg#metaprobold') format('svg');
				font-weight: normal;
				font-style: normal;
		}
@font-face {
    font-family: 'alegreya_scregular';
    src: url('../fonts/alegreyasc-regular-webfont.eot');
    src: url('../fonts/alegreyasc-regular-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/alegreyasc-regular-webfont.woff') format('woff'),
         url('../fonts/alegreyasc-regular-webfont.ttf') format('truetype'),
         url('../images/alegreyasc-regular-webfont.svg#alegreya_scregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.color_red
{
    color: #901A1D;
}
.font_metapro_normal
{
    font-family: MetaPro-Normal;
}

.font_metapro_medium
{
    font-family: MetaPro-Medium;
}

.font_metapro_bold
{
    font-family: MetaPro-Bold;
}

.font_alegreya
{
    font-family: alegreya_scregular;
}

.font_9
{
    font-size: 9px;
    line-height: 11px;
}
.font_10
{
    font-size: 10px;
    line-height: 12px;
}

.font_11
{
    font-size: 11px;
    line-height: 13px;
}

.font_12
{
    font-size: 12px;
    line-height: 14px;
}

.font_13
{
    font-size: 13px;
    line-height: 15px;
}

.font_14
{
    font-size: 14px;
    line-height: 16px;
}

.font_15
{
    font-size: 15px;
    line-height: 17px;
}

.font_17
{
    font-size: 17px;
    line-height: 19px;
}

.font_18
{
    font-size: 18px;
    line-height: 20px;
}

.font_19
{
    font-size: 19px;
    line-height: 21px;
}

.font_20
{
    font-size: 20px;
    line-height: 22px;
}

.font_25
{
    font-size: 25px;
    line-height: 27px;
}

.font_26
{
    font-size: 26px;
    line-height: 28px;
}

.font_40
{
    font-size: 40px;
    line-height: 42px;
}

.font_55
{
    font-size: 55px;
    line-height: 57px;
}

.font_60
{
    font-size: 60px;
    line-height: 62px;
}
/*************************           /fonts           *****************************************/
.news_img_preview
{
    height:150px;
}
.news_body_holder
{
    width:440px;
}
body
{
    
    background-image:url('../images/texture.jpg');
    background-repeat:repeat;
    
    width: 100%;
    min-height: 1600px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-family: MetaPro-Normal, Verdana;
    font-size: 13px;
    line-height: 15px;
    color: #313131;
    overflow-x: hidden;
    -webkit-font-smoothing:antialiased;
}

input
{
    font-family: MetaPro-Normal, Verdana;
    font-size: 13px;
    line-height: 15px;
}

a
{
    text-decoration: none;
    color: inherit;
    /*display: block;*/
    height: 100%;
}
a:visited
{
    color: inherit;
}

ul, li, input
{
    border: 0px;
    padding: 0px;
    margin: 0px;
}

img
{
    border: 0px;
    padding: 0px;
    margin: 0px;
    /*display: block;*/
}

.float_left
{
    position: relative;
    float: left;
}

.float_right
{
    position: relative;
    float: right;
}

.in_line
{
    display: inline;
}

.clear_float
{
    width: 100%;
    height: 1px;
    margin: 0px 0px -1px;
    clear: both;
}

.white_background
{
    background-color: #FFFFFF;
}

.white
{
    color: #FFFFFF;
}

.margin_bottom_50
{
    margin-bottom: 50px;
}

.wrapper_top
{
    position: absolute;
    width: 100%;
    height: 34px;
    background-image: url(../img/header/bar_background.jpg);
    background-repeat: repeat-x;
    top: 0px;
    z-index: 1;
}

.header_login
{
    position: absolute;
    width: 984px;
    height: 34px;
    left: 50%;
    margin-left: -492px;
    z-index: 4;
}

.login_form_btn
{
    position: relative;
    float: right;
    width: 96px;
    height: 22px;
    margin: 6px 2px 5px 2px;
}

.login_form_btn input
{
    width: 96px;
    height: 22px;
    color: #2A2A2A;
    font-family: MetaPro-Bold;
    font-size: 11px;
    line-height: 13px;
    background: transparent url(../img/header/login_background.png) no-repeat center center;
    border: 0px;
    padding: 0px;
}
.login_form_btn input:hover
{
    /*color: #921800;*/
    color: #b40000;
}

.login_form_field
{
    position: relative;
    float: right;
    width: 90px;
    height: 22px;
    margin: 6px 2px 5px 2px;
}

.login_form_field input
{
    width: 83px;
    height: 20px;
    border: 1px solid #B4B4B4;
    background-color: #555555;
    color: #FFFFFF;
    font-family: MetaPro-Bold;
    font-size: 11px;
    line-height: 13px;
    padding: 0px 0px 0px 5px;
}

.login_form_text
{
    position:relative;
    float: right;
    height: 11px;
    margin-top: 11px;
    margin-right: 6px;
}

.login_form_text div
{
    position:relative;
    float: right;
    height: 11px;
    margin-left: 2px;
}

.login_form_text div:hover
{
    /*color: #921800;*/
    color: #b40000;
}

.header_lang
{
    position: relative;
    float: right;
    height: 14px;
    margin-right: 320px;
    margin-top: 10px;
}

.header_lang div
{
    position: relative;
    float: right;
    margin-left: 2px;
}

.no_hover:hover
{
    color:inherit !important;
}

.header_lang div:hover
{
    /*color: #921800;*/
    color: #b40000;
}

.header_lang_selected
{
    color: #b40000 !important;
}

.header_socialnet
{
    position: relative;
    float: left;
    height: 34px;
    margin-right: 16px;
    z-index: 4;
}

.header_socialnet a
{
    height: 34px;
    float: right;
}
.header_socialnet span
{
    float:right;
}
.lang_anchor
{
    height: auto;
    margin-top:5px;
    margin-left: 3px;
    margin-top: 10px;
}
.lang_anchor:hover
{
    color: #b40000;
}
.header_socialnet a div
{
    position: relative;
    float: right;
    margin-top: 10px;
    margin-left: 10px;
}

.header_facebook
{
    width: 10px;
    height: 14px;
    background-image: url(../img/header/f_off.png);
}
.header_facebook:hover
{
    background-image: url(../img/header/f_on.png);
}

.header_twitter
{
    width: 16px;
    height: 14px;
    background-image: url(../img/header/twitter_off.png);
}
.header_twitter:hover
{
    background-image: url(../img/header/twitter_on.png);
}

.header_discord
{
    width: 16px;
    height: 14px;
    background-image: url(../img/header/discord_off.png);
}
.header_discord:hover
{
    background-image: url(../img/header/discord_on.png);
}

.header_youtube
{
    width: 38px;
    height: 14px;
    background-image: url(../img/header/yt_off.png);
}
.header_youtube:hover
{
    background-image: url(../img/header/yt_on.png);
}

.header_shaman
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1900px;
    height: 1194px;
    left: 50%;
    margin-left: -950px;
    background-image: url(../img/header/shaman.png);
    background-repeat: no-repeat;
    background-position: left;
    z-index: 2;
}
.header_beasts
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 1291px;
    left: 50%;
    margin-left: -960px;
    background-image: url(../img/header/new/beasts_background.jpg);
    background-repeat: no-repeat;
    background-position: left;
    z-index: 0;
}
.header_wings
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 515px;
    height: 35px;
    left: 50%;
    margin-left: 194px;
    background-image: url(../img/header/new/wings.png);
    background-repeat: no-repeat;
    background-position: left;
    z-index: 2;
}

.header_sura
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 547px;
    height: 1194px;
    left: 50%;
    margin-left: 410px;
    background-image: url(../img/header/sura.png);
    background-repeat: no-repeat;
    background-position: left;
    z-index: 2;
}

.wrapper_body
{
    position: absolute;
    top: 50px;
    width: 1920px;
    left: 50%;
    margin: 0px 0px 0px -960px;
    z-index: 3;
}

.wrapper_body_middle
{
    position:relative;
    width: 984px;
    min-height: 1400px;
    margin: 0px auto;
}
.header_logo
{
    float: right;
    margin-right: 135px;
    margin-top: 149px;
    position: relative;
}

.header_menu
{
    position: relative;
    float: right;
    margin-top: 32px;
    background-image: url('../img/header/filtro_menu.png');
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-top: 5px;
}

.header_menu_element
{
    position: relative;
    float: right;
    height: 32px;
    margin-left: 15px;
}

.header_menu_element:hover
{
    background-image: url(../img/header/menu_highlight.png) !important;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.menu_element_highlighted
{
    background-image: url(../img/header/menu_highlight.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

.inner_body
{
    width: 100%;
    height: 100%;
    margin-top: 13px;
}

.banner_frame
{
    width: 984px;
    height: 481px;
    background: transparent url(../img/banner/banner_frame.jpg) no-repeat center center;
}

.wrapper_slider
{
    width: 972px;
    height: 440px;
    margin-top: 6px;
    margin-left: 6px;
}
.video_holder
{
    width: 974px;
    height: 442px;
    overflow:hidden;
    position:absolute;
    left:6px;
    top:259px;
}
.video_control_holder
{
    position:absolute;
    right:10px;
    top:10px;
    z-index:99999;
    width:auto;
}
.video_control_holder img
{
    float:left;
}
.banner_link_wapper
{
    position: absolute;
    top: 350px;
    left: 50px;
    width: 159px;
    height: 60px;
    background: transparent url(../img/banner/box_off.png) no-repeat center center;
    color: #A0381A;
    display: block;
    z-index: 99999;
    cursor:pointer;
}
.banner_link
{
    position: relative;
    width: 100%;
    padding-top: 22px;
    text-align: center;
}

.banner_link_wapper:hover
{
    background: transparent url(../img/banner/box_on.png) no-repeat center center;
    color: #FFFFFF;
}

.banner_facebook
{
    position: relative;
    float: right;
    margin: 16px 22px 0px 0px;
}

/* slider */
.bx-controls
{
    position: absolute;
    min-width: 50px; /* n x (20px + 5px)*/
    height: 19px;
    right: 15px;
    bottom: 10px;
    z-index: 99999;
}

.bx-pager-item
{
    position: relative;
    float: left;
    margin-left: 5px;
}

.bx-pager-link
{
    width: 20px;
    height: 19px;
    text-indent: -9999px;
    display: block;
    background: transparent url(../img/banner/circle_off.png) no-repeat center center;
}
.active
{
    background: transparent url(../img/banner/circle_on.png) no-repeat center center;
}
/* //slider */

.left_body
{
    width: 638px;
    height: 100%;
}
.left_body2
{
    width: 810px;
    height: 100%;
}
.home_body
{
    width: 100%;
    height: 100%;
    min-height:650px;
    background: transparent url(../img/news/news_frame.jpg) repeat-y center center;
}

.home_body2
{
    width: 100%;
    height:245px;
    background: transparent url(../img/gradiente.png) repeat-y top center;
}

.left_body_title
{
    width: 611px;
    min-height: 40px;
    padding: 10px 0px 0px 20px;
    margin-left: 7px;
    background: transparent url(../img/news/news_regular_line.jpg) no-repeat bottom left;
}

.left_body_main_title
{
    background: transparent url(../img/news/news_upper_line.jpg) no-repeat bottom left;
}

.one_news
{
    width: 631px;
    min-height: 136px;
    margin-left: 7px;
}

.one_news_date_wapper
{
    top: -1px;
    width: 83px;
    height: 140px;
    background: transparent url(../img/news/date.png) no-repeat top center;
    padding-top: 5px;
}

.one_news_date
{
    width: 43px;
    height: 50px;
    color: #FFFFFF;
    margin-left: 20px;
}

.news_date_day
{
    position: relative;
    width: 23px;
    margin-left: auto;
    margin-right: auto;
    
}

.news_date_month
{
    position: relative;
    width: 24px;
    margin-left: auto;
    margin-right: auto;
    
}

.news_title
{
    width: 440px;
    height: 20px;
    display: block;
    color: #901A1D;
    margin-top: 21px;
}

.news_text
{
    width: 440px;
    min-height: 30px;
    display: block;
    color: #313131;
    margin-top: 22px;
    overflow:hidden;
}

.news_link
{
    width: 432px;
    height: 13px;
    display: block;
    color: #9C6423;
    margin-top: 13px;
    margin-bottom: 10px;
}

.news_lower_line
{
    width: 500px;
    height: 1px;
    margin-left: 7px;
    background: transparent url(../img/news/news_regular_line.jpg) no-repeat bottom left;
}

.more_news
{
    width: 120px;
    height: 55px;
    margin: 50px auto 0px auto;
}

.more_news_wrapper
{
    width: 100%;
}

.info_body
{
    width: 339px;
    height: 100%;
    margin-right: 7px;
}
.info_body2
{
    width: 161px;
    height: 100%;
    margin-right: 7px;
}

.server_wrapper
{
    width: 339px;
    height: 231px;
}

.info_title
{
    width: 100%;
    height: 35px;
    padding: 10px 0px 0px 0px;
}

.info_title_line
{
    height: 40px;
    background: transparent url(../img/info/title_bar.jpg) no-repeat bottom left;
}

.server_status
{
    width: 339px;
    height: 181px;
    background: transparent url(../img/info/server_status.png) no-repeat center center;
    display: block;
}

.server_status_element
{
    width: 295px;
    height: 22px;
    margin-left: 20px;
}

.server_online
{
    margin-top: 36px;
}
.server_users
{
    margin-top: 25px;
}

.top_games_wrapper
{
    width: 339px;
    margin-top: 10px;
    height:130px;
}
.top_games_wrapper a
{
    height: auto !important;
}
.sponsor_home
{
    margin-top:-5px;
}
.top_games_element a
{
    display: block;
}

.top_games_title
{
    width: 339px;
    height: 40px;
    padding-top: 10px;
}

.top_games_top_label
{
    width: 150px;
    height: 20px;
    margin: 25px  0px 0px 20px;
}

.top_games_metim_label
{
    width: 80px;
    float: right;
    text-align: right;
    margin: 12px 30px 0px 0px;
}
#server_status
{
    margin-top:-5px;
}
.top_games_top
{
    width: 112px;
    float:left;
    height: 67px;
    background: transparent url(../img/info/votos/top_of_games.png) no-repeat top left;
    position:relative;
}

.top_games_metim
{
    width: 112px;
    height: 67px;
    background: transparent url(../images/metin_top_100.png) no-repeat top left;
    position:relative;
}

.top_games_xtreme
{
    width: 112px;
    height: 67px;
    background: transparent url(../img/info/votos/xtreme_top_100.png) no-repeat top left;
    position:relative;
}

.experience_wrapper
{
    height: 294px;
    margin-top: 10px;
}
.traco
{
    background: transparent url(../images/traco.png) no-repeat bottom left;
}
.traco_top
{
    background: transparent url(../images/traco.png) no-repeat top left;
}
.info_table
{
    width: 339px;
    height: 270px;
    display: block;
}

.info_table_title
{
    background: transparent url(../img/info/title_bar.jpg) no-repeat bottom left;
}

.info_table_line_one
{
    width: 339px;
    height: 18px;
    margin-top: 20px;
    background: transparent url(../img/info/table_bar.jpg) no-repeat bottom left;
}

.info_table_line
{
    width: 339px;
    height: 18px;
    margin-top: 5px;
    background: transparent url(../img/info/table_bar.jpg) no-repeat bottom left;
}

.info_table_line_position
{
    width: 15px;
    margin-left: 10px;
}

.info_table_line_red
{
    width: 27px;
    height: 15px;
    margin-left: 20px;
    background: transparent url(../img/info/red.png) no-repeat center center;
    display: block;
}

.info_table_line_blue
{
    width: 27px;
    height: 15px;
    margin-left: 20px;
    background: transparent url(../img/info/blue.png) no-repeat center center;
    display: block;
}

.info_table_line_yellow
{
    width: 27px;
    height: 15px;
    margin-left: 20px;
    background: transparent url(../img/info/yellow.png) no-repeat center center;
    display: block;
}
/**/
.info_table_line_1
{
    width: 27px;
    height: 15px;
    margin-left: 20px;
    background: transparent url(../img/info/red.png) no-repeat center center;
    display: block;
}

.info_table_line_3
{
    width: 27px;
    height: 15px;
    margin-left: 20px;
    background: transparent url(../img/info/blue.png) no-repeat center center;
    display: block;
}

.info_table_line_2
{
    width: 27px;
    height: 15px;
    margin-left: 20px;
    background: transparent url(../img/info/yellow.png) no-repeat center center;
    display: block;
}
.info_table_line_nick
{
    width: 66px;
    margin-left: 30px;
}

.info_table_line_score
{
    width: 100px;
    margin-left: 45px;
}

.footer
{
    width: 1920px;
    height: 279px;
    background: transparent url(../img/footer/footer.jpg) no-repeat center center;
    z-index: 2;
}

.footer_logo_wrapper
{
    width: 100%;
    height: 40px;
    margin-top: 185px;
    position: relative;
    left: 30px;
}

.footer_logo
{
    width: 120px;
    height: 36px;
    margin: 0px auto 0px auto;
    z-index: 3;
}

.footer_copyright_wrapper
{
    width: 100%;
    height: 30px;
    margin-top: 15px;
}

.footer_copyright
{
    width: 544px;
    height: 30px;
    margin: 0px auto 0px auto;
    text-align: center;
}

.skydraft_link:hover
{
    color: #009CDE;
}
.skydraft_link
{
    height:16px;
}
.tos_link
{
    display:inline;
    height:16px;
    width:24px;
}
.tos_link:hover
{
    color:Black;
}


/*****************  Register  ************************/

.flag
{
    width: 331px;
    height: 514px;
    display: block;
    background: transparent url(../img/info/flag.png) no-repeat center center;
}

.sura
{
    margin: 40px auto 0px 70px;
    width: 164px;
    height: 231px;
    display: block;
    background: transparent url(../img/info/sura.png) no-repeat center center;
}

.download_label
{
    width: 100%;
    height: 46px;
    text-align: center;
    margin-top: 20px;
}

.download_label_big
{
    height: 50px;
    margin-top: 75px;
}

.download_text
{
    width: 94%;
    padding-left: 3%;
    min-height: 20px;
    text-align: center;
    margin-top: 10px;
}

.register_form_line
{
    width: 598px;
    height: 33px;
    margin-top: 2px;
    margin-left: 35px;
    line-height: 33px;
}

.register_form_line a
{
    font-family: MetaPro-Medium;
}

.register_form_line_1st
{
    margin-top: 22px;
}

.register_form_line_submit
{
    height: 42px;
}

.register_form_input
{
    width: 209px;
    height: 33px;
    background: transparent url(../img/info/form_bar.jpg) no-repeat left top;
    vertical-align: middle;
    padding-left: 5px;
    border: 0px;
    font-size: 13px !important;
    color: #5C5C5C;
}

.register_form_input_checkbox
{
    width: 12px;
    margin-right: 5px;
    background-image: none;
}

.register_form_input_label
{
    width: 342px;
    height: 33px;
    margin-left: 14px;
    line-height: 33px;
}

.register_form_input_submit
{
    width: 157px;
    height: 42px;
    border: 0px;
    padding: 0px;
    line-height: 42px;
    background: transparent url(../img/common/off.jpg) no-repeat left top;
    color: #FFFFFF !important;
    cursor: pointer;
}

.register_form_input_submit:hover
{
    background: transparent url(../img/common/on.jpg) no-repeat left top;
}

.register_form_input_select
{
   width: 214px;
   height: 33px;
   margin-left: 2px;
   overflow: hidden;
   background: url(../img/common/drop_down.jpg) no-repeat right #EFEFEF;
   border: 0px;
}

.register_form_input_select select
{
   background: transparent;
   width: 242px;/* 215px;*/
   margin-left: 2px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 33px;
   -webkit-appearance: none;
   background: url(../img/common/drop_down_off.jpg) no-repeat center #;
   font-family: MetaPro-Normal;
   font-size: 13px;
   color: #5C5C5C;
}

.register_form_textarea
{
    max-width: 555px;
    max-height: 214px;
    margin: 2px 0px 2px 0px;
    resize: none;
    background: transparent url(../img/common/text_area.jpg) no-repeat left top;
}
.register_form_textarea_555
{
    width: 555px;
    height: 214px;
}
.register_form_textarea_margin
{
    margin-left: 35px;
}

.register_form_upload
{
    width: 611px;
    height: 33px;
    line-height: 33px;
    margin: 2px 0px 0px 20px;
}

.upload
{
    width: 214px;
    height: 33px;
}

.realupload {
    position: absolute;
    top: 0;
    right: 0;

    /* start of transparency styles */
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity:0);
    /* end of transparency styles */

    z-index: 9999; /* bring the real upload interactivity up front */
    width: 210px;
    height: 33px;
}

.fakeupload {
    background: url(../img/common/file_upload.png) no-repeat 100% 50%;
}

.fakeupload input {
    width: 130px;
    padding-left: 2px;
    background-color: transparent;
}
/************** Downloads    ************************/

.client_wrapper
{
    width: 631px;
    height: 231px;
    margin: 18px 0px 0px 7px;
    }
    
.client_sura
{
    width: 164px;
    height: 231px;
    background: transparent url(../img/info/sura2.png) no-repeat center center;
    display: block;
    margin-left: 15px;
}
.client_download
{
    width: 452px;
    height: 231px;
}

.button_wrapper
{
    width: 611px;
    min-height: 44px;
    margin: 18px 0px 40px 7px;
    padding-left: 20px;
}

.button
{
    width: 157px;
    height: 42px;
    border: 0px;
    margin: 2px 0px 0px 2px;
    padding: 0px;
    line-height: 52px;
    background: transparent url(../img/common/off.jpg) no-repeat left top;
    text-align: center;
    line-height: 42px;
    display:block;
}

.button:hover
{
    background: transparent url(../img/common/on.jpg) no-repeat left top;
}

.button_hightlighted
{
    background: transparent url(../img/common/on.jpg) no-repeat left top;
}

.button_double_line
{
    height: 36px;
    line-height: 17px;
    padding-top: 6px;
}

.left_wrapper
{
    width: 631px;
    margin: 0px 0px 0px 7px;
}

.left_wrapper p
{
    width: 565px;
    margin: 25px 0px 20px 20px;
}

.flag_title
{
    margin: 40px 0px 0px 35px;
}

.flag_text
{
    margin: 15px 0px 0px 35px;
}

/*************** member   *****************************/
.wrapper_info_menu
{
    width: 100%;
    height: 88px;
    margin: 25px 0px 50px 0px;
}

.wrapper_info_menu_4lines
{
    height: 176px;
}

.wrapper_info_menu_6lines
{
    height: auto;
}

.left_table_wrapper
{
    min-width: 611px;
    margin: 30px 0px 20px 7px;
}

.left_table_line
{
    height: 33px;
    padding-left: 20px;
}

.left_table_line_adaptable
{
    min-height: 33px;
    padding-left: 20px;
}

.left_table_line_higher
{
    height: 54px;
}
.left_table_header
{
    color: #901A1D;
}

.left_table_line_element
{
    width: 135px;
    height: 28px;
    line-height: 33px;
    padding-top: 5px;
}

.left_table_line_element_wider
{
    width: 190px;
}
/* atention: only use 3 col */
.left_table_line_element_very_wide
{
    width: 310px;
}

.left_table_line_element_narrower
{
    width: 100px;
}

.left_table_line_element_higher
{
    width: 171px;
    height: 54px;
    line-height: 54px;
    margin-right: 24px;
}

.left_table_line_element_higher img
{
    margin-top: 8px;
}

.left_table_line_element_higher a
{
    color: #901A1D;
    font-family: MetaPro-Bold;
    text-align: center;
}

.load_coins_form
{
    margin-top: 50px;
}

.load_coins_input
{
    width: 80px;
    height: 33px;
    border: 0px;
    background-color: #FFFFFF;
    color: #901A1D;
    font-family: MetaPro-Bold;
    font-size: 15px;
    line-height: 33px;
    padding: 0px;
    margin-left: 5px;
    cursor: pointer;
}

.store_coin_budget
{
    width: 556px;
    margin: 28px 0px 28px 27px;
}

.store_coin_budget div
{
    height: 43px;
    line-height: 43px;
}

.store_button
{
    width: 108px;
    height: 32px;
    margin-left: 18px;
    background-color: #C0C0C0;
    text-align: center;
    vertical-align: middle;
    line-height: 32px;
    font-family: MetaPro-Bold;
    color: #FFFFFF;
}
.store_button:hover
{
    background-color:#7D3B3E;
}
.store_button_big
{
    width: 208px;
    height: 43px;
    background-color: #7D3B3E;
    text-align: center;
    vertical-align: middle;
    line-height: 43px;
    font-family: MetaPro-Bold;
    color: #FFFFFF;
    display:block;
}

.store_item_wrapper
{
    width: 556px;
    margin: 0px 0px 5px 27px;
    padding-bottom:5px;
    background: transparent url(../img/member/item_background.png) repeat-y left top;
    display: block;
}

.store_item_big_wrapper
{
    width: 561px;
    height: 550px;
    margin: 0px 0px 5px 27px;
    display: block;
}

.store_item_details_wrapper
{
    width: 556px;
}

.store_item_image_wrapper
{
    width: 68px;
    height: 98px;
    vertical-align: middle;
    margin-top: 12px;
}

.store_item_medium_image_wrapper
{
    width: 131px;
    height: 131px;
    vertical-align: middle;
}
.store_item_medium_image_wrapper img
{
    width:131px;
    height:131px;
}
.store_item_medium_image_details
{
    margin: 0px 0px 2px 2px;
}

.store_item_big_image_wrapper
{
    width: 428px;
    height: 428px;
}

.store_item_image
{
    width: 32px;
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index:999;
}

.store_item_title
{
    width: 470px;
    margin-top: 12px;
    height: 17px;
}

.store_item_big_title
{
    width: 415px;
    height: 25px;
    line-height: 27px;
    margin: 34px 0px 30px 10px;
}

.store_item_details_title
{
    width: 561px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 26px;
}

.store_item_description
{
    width: 470px;
}

.store_cart
{
    width: 25px;
    height: 32px;
    margin-left: 18px;
    background-color: #C0C0C0;
    background: transparent url(../img/member/troley.png) no-repeat center center;
}

.store_item_price
{
    min-width: 65px;
    height: 30px;
    border-top: 1px solid #901A1D;
    border-bottom: 1px solid #901A1D;
    text-align: center;
    line-height: 30px;
    color: #901A1D;
}

.store_item_price_margin
{
    margin-left: 18px;
}

.store_item_big_price
{
    border: 0px;
    text-align: left;
    margin-top: 26px;
}

.store_total
{
    width: 180px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #901A1D;
}

.store_item_qtd
{
    width: 65px;
    height: 30px;
    text-align: left;
    line-height: 30px;
    margin-left: 18px;
}

.search_wrapper,
.filter_wrapper,
.category_wrapper,
.roulette_text_wrapper,
.roulette_wrapper,
.tickets_wrapper,
.password_form,
.table,
.details_table_wrapper,
.news_wrapper,
.roulette_wrapper
{
    margin: 20px 0px 50px 0px;
}
.news_wrapper ul
{
    padding-left:50px;
}
.news_wrapper
{
    position:relative;
}
.news_wrapper p
{
    position:relative;
    float:left;
}

.news_wrapper p img
{
    position:relative;
    max-width:590px;
}
.word_search_text
{
    width: 274px;
    height: 33px;
    padding-left: 5px;
    background: transparent url(../img/common/search_bar.png) no-repeat left top;
    color: #848484;
}

.word_search_button
{
    width: 43px;
    height: 33px;
    cursor: pointer;
    background: transparent url(../img/common/search.png) no-repeat left top;
}

.order_results
{
    margin-right: 2px;
}

.category
{
    width: 339px;
    line-height: 19px;
}

.roulette_wrapper
{
    width: 549px;
    /*height: 346px;*/
    position:relative;
}
.roulette_button_wrapper
{
    width: 549px;
    height: 83px;
    margin: 0px 0px 5px 13px;
    padding: 8px 8px 8px 8px;
    background-color: #F5F5F5;
}

.roulette_button_text
{
    width: 333px;
    height: 43px;
    line-height: 43px;
}

.roulette_button
{
    background-color: #838383;
    color: #FFFFFF !important;
    margin-left: 8px;
    margin-top: 23px;
    cursor:pointer;
}

.roulette_prize_option
{
    position:absolute;
    max-height:40px;
    z-index:11;
    display:none;
}
.roulette_prize_option1
{
    left: 83px;
    top: 55px;
}
.roulette_prize_option2
{
    left: 129px;
    top: 32px;
}
.roulette_prize_option3
{
    left: 169px;
    top: 25px;
}
.roulette_prize_option4
{
    left: 217px;
    top: 45px;
}
.roulette_prize_option5
{
    left: 258px;
    top: 69px;
}
.roulette_prize_option6
{   
    left:284px;
    top:114px;
}
.roulette_prize_option7
{
    left:287px;
    top:160px;
}
.roulette_prize_option8
{
    left:277px;
    top:208px;
}

.roulette_prize_option9
{
    left:239px;
    top:253px;
}
.roulette_prize_option10
{
    left:201px;
    top:266px;
}
.roulette_prize_option11
{
    left: 153px;
    top: 272px;
}
.roulette_prize_option12
{
    left: 106px;
    top: 258px;
}
.roulette_prize_option13
{
    left: 67px;
    top: 233px;
}
.roulette_prize_option14
{
    left: 41px;
    top: 190px;
}
.roulette_prize_option15
{
    left: 33px;
    top: 140px;
}
.roulette_prize_option16
{
    left: 49px;
    top: 88px;
}
.roulette
{
    height: 347px;
    width: 346px;
    margin: 0px auto 0px auto;
    display: block;
    background: url(../img/member/roulette.png) no-repeat left top;
    position:relative;
}

.roulette_slice
{
    position:absolute;
    z-index:10;
    left: 53px;
    top: 41px;
    display:none;
    
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari and Chrome */
}
.roulette_slice1
{
    position:absolute;
    z-index:10;
    left: 53px;
    top: 41px;
    
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari and Chrome */
}
.roulette_slice2
{
    left: 89px;
    top: 22px;
    transform: rotate(111deg);
    -ms-transform: rotate(111deg); /* IE 9 */
    -webkit-transform: rotate(111deg); /* Safari and Chrome */
}
.roulette_slice3
{
    left: 131px;
    top: 15px;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg); /* IE 9 */
    -webkit-transform: rotate(135deg); /* Safari and Chrome */
}
.roulette_slice4
{
    left: 172px;
    top: 25px;
    transform: rotate(157deg);
    -ms-transform: rotate(157deg); /* IE 9 */
    -webkit-transform: rotate(157deg); /* Safari and Chrome */
}
.roulette_slice5
{
    left: 202px;
    top: 52px;
    transform: rotate(179deg);
    -ms-transform: rotate(179deg); /* IE 9 */
    -webkit-transform: rotate(179deg); /* Safari and Chrome */
}
.roulette_slice6
{   
    left:226px;
    top:87px;
    transform: rotate(202deg);
    -ms-transform: rotate(202deg); /* IE 9 */
    -webkit-transform: rotate(202deg); /* Safari and Chrome */
}
.roulette_slice7
{
    left:230px;
    top:127px;
    transform: rotate(225deg);
    -ms-transform: rotate(225deg); /* IE 9 */
    -webkit-transform: rotate(225deg); /* Safari and Chrome */
}
.roulette_slice8
{
    left:220px;
    top:168px;
    transform: rotate(248deg);
    -ms-transform: rotate(248deg); /* IE 9 */
    -webkit-transform: rotate(248deg); /* Safari and Chrome */
}

.roulette_slice9
{
    left:195px;
    top:201px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari and Chrome */
}
.roulette_slice10
{
    left:160px;
    top:222px;
    transform: rotate(-68deg);
    -ms-transform: rotate(-68deg); /* IE 9 */
    -webkit-transform: rotate(-68deg); /* Safari and Chrome */
}
.roulette_slice11
{
    left: 119px;
    top: 227px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Safari and Chrome */
}
.roulette_slice12
{
    left: 79px;
    top: 217px;
    transform: rotate(-23deg);
    -ms-transform: rotate(-23deg); /* IE 9 */
    -webkit-transform: rotate(-23deg); /* Safari and Chrome */
}
.roulette_slice13
{
    left: 45px;
    top: 193px;
    transform: rotate(-0deg);
    -ms-transform: rotate(-0deg); /* IE 9 */
    -webkit-transform: rotate(-0deg); /* Safari and Chrome */
}
.roulette_slice14
{
    left: 24px;
    top: 157px;
    transform: rotate(23deg);
    -ms-transform: rotate(23deg); /* IE 9 */
    -webkit-transform: rotate(23deg); /* Safari and Chrome */
}
.roulette_slice15
{
    left: 18px;
    top: 115px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari and Chrome */
}
.roulette_slice16
{
    left: 29px;
    top: 75px;
    transform: rotate(67deg);
    -ms-transform: rotate(67deg); /* IE 9 */
    -webkit-transform: rotate(67deg); /* Safari and Chrome */
}

.tickets_wrapper
{
    margin: 40px 0px 0px 20px;
}

.tickets_label
{
    margin: 0px 10px 20px 10px;
}

.tickets_label:hover
{
    color: #921800;
}

.tickets_label_highlighted
{
    color: #921800 !important;
}

.tickets_item_summary
{
    width: 542px;
    height: 43px;
    margin-bottom: 2px;
    line-height: 43px;
    padding-left: 8px;
    background-color: #F3F3F3;
    font-size: 16px;
}

.tickets_title
{
    width: 553px;
    background-color: #DBC3C3;
    margin: 0px 0px 50px 0px;
}

.tickets_history
{
    margin: 0px 0px 50px 0px;
}

.tickets_item
{
    margin: 0px 0px 30px 0px;
}

.tickets_item div
{
    width: 565px;
}

.password_title
{
    height: 30px;
    line-height: 30px;
}
    
.password_form_input
{
    margin: 0px 0px 2px 20px;
}

.password_form_input_submit
{
    margin: 10px 0px 0px 20px;
}

/**************************** Ranking   **************************/
.table
{
    width: 611px;
    display: block;
}

.table_title
{
    background: transparent url(../img/news/news_regular_line.jpg) no-repeat bottom left;
}

.table_line
{
    width: 611px;
    height: 32px;
    line-height: 32px;
    background: transparent url(../img/news/news_regular_line.jpg) no-repeat bottom left;
}

.table_line_one
{
    color: #901A1D;
    margin-top: 20px;
}

.table_line_position,
.table_line_lvl
{
    width: 30px;
    margin-left: 20px;
}

.table_line_lvl
{
    width: 40px;
    margin-left: 20px;
}

.table_line_kills,
.table_line_score
{
    width: 70px;
    margin-left: 20px;
}

.table_line_nick,
.table_line_exp
{
    width: 100px;
    margin-left: 20px;
}

.table_line_guild
{
    width: 70px;
    margin-left: 20px;
}
.table_line_race
{
    width: 250px;
    margin-left: 20px;
}
.table_line_date,
.table_line_average,
.table_line_day,
.table_line_players
{
    width: 130px;
    margin-left: 20px;
}

.table_line_color
{
    width: 27px;
    height: 32px;
    margin-left: 20px;
    display: block;
}

.table_line_red
{
    background: transparent url(../img/info/red.png) no-repeat center center;
}

.table_line_blue
{
    background: transparent url(../img/info/blue.png) no-repeat center center;
}

.table_line_yellow
{
    background: transparent url(../img/info/yellow.png) no-repeat center center;
}

.pager_line
{
    width: 600px;
    height: 32px;
    line-height: 32px;
    color: #848484;
}

.pager_previous, .pager_next
{
    width: 120px;
}
    
.pager_count
{
    width: 237px;
    margin: 0px 55px 0px 55px;
    display: block;
}

.pager_link
{
    min-width: 14px;
    text-align: center;
    margin: 0px 2px 0px 2px;
}

.pager_current_link, .search_selected
{
    color: #901A1D !important;
}
.center_text
{
    text-align:center;
}
.right_text
{
    text-align:right;
}
/*******************************               Details for character and guild            *****************************************/

.details_table
{
    width: 390px;
}

.details_line
{
    width: 390px;
}

.details_table_line
{
    background: transparent url(../img/common/details_regular_line.png) no-repeat bottom left;
}

.details_small_line
{
    width: 240px;
    height: 1px;
    background: transparent url(../img/common/details_small_line.png) no-repeat bottom center;
    display: block;
}

.details_line_title
{
    width: 160px;
    height: 32px;
    line-height: 32px;
    text-align: right;
}

.details_line_description
{
    width: 190px;
    height: 32px;
    line-height: 32px;
    margin-left: 40px;
}

.details_line_description_adaptable
{
    width: 190px;
    min-height: 32px;
    margin-left: 40px;
}

.details_guild_image_wrapper
{
    width: 240px;
    height: 256px;
    margin-top: 32px;
}

.details_character_image_wrapper
{
    width: 240px;
    height: 288px;
}

.details_image
{
    width: 240px;
    height: 254px;
}

.details_image_guild
{
    width: 155px;
    height: 237px;
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.details_image_character
{
    width: 163px;
    height: 237px;
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.details_description
{
    margin-bottom: 50px;
}

.details_send_present
{
    width: 240px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #901A1D;
}

.details_all_medals_wrapper
{
    width: 585px;
}

.details_medal_wrapper
{
    width: 117px;
    height: 117px;
    background: transparent url(../img/member/medal_background.png) no-repeat center center;
}

.details_medal_image_wrapper
{
    width: 117px;
    height: 86px;
}

.details_medal_text
{
    width: 117px;
    height: 31px;
    text-align: center;
}

.details_medal_image
{
    max-width: 45px;
    max-height: 45px;
    display: block;
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

/**************************************      Admin       *******************************/

.admin_form_input_submit
{
    width: 80px;
    height: 33px;
    margin-left: 10px;
    border: 0px;
    padding: 0px;
    line-height: 33px;
    background-color: transparent;
    color: #901A1D !important;
    cursor: pointer;
}

.news_wrapper
{
    width: 611px;
    height: auto;
}
.news_wrapper p
{
    margin:5px 28px 0px 28px;
}

.news_wrapper form
{
    width: 556px;
}

.news_wrapper img
{
    /*margin-left: 20px;*/
}

.news_textarea
{
    max-width: 556px;
    max-height: 214px;
    resize: none;
}

.news_form_line
{
    width: 611px;
    height: 33px;
    line-height: 33px;
    margin: 0px 0px 10px 20px;
}

.news_form_line input
{
    margin-right: 2px;
}

.news_form_line_submit
{
    margin-top: 10px;
}

.news_form_line_textarea
{
    padding-left: 20px;
    margin: 0px 0px 10px 0px;
}

.news_form_line_check
{
    height: 20px;
    line-height: 20px;
}

.news_form_line_check input
{
    height: 20px;
    line-height: 20px;
}

.news_form_line_link
{
    margin-bottom: 2px;
}

.news_form_line_lable
{
    width: 70px;
}

.search_result
{
    margin: 15px 0px 0px 0px;
}

.search_result_title
{
    width: 330px;
    height: 17px;
    line-height: 17px;
    margin: 10px 0px 0px 0px;
}

.search_result_body
{
    width: 330px;
    max-height: 34px;
    line-height: 17px;
    margin: 5px 0px 0px 0px;
}

.right_table_element
{
    width: 100px;
    height: 17px;
    line-height: 17px;
    border: 0px;
    font-size: 13px;
    padding: 0px;
    max-width: 270px;
}

.right_table_element_submit
{
    width: 60px;
    height: 17px;
    border: 0px;
    background-color: #FFFFFF;
    color: #901A1D;
    font-family: MetaPro-Medium;
    font-size: 13px;
    line-height: 17px;
    padding: 0px;
    margin-left: 5px;
    cursor: pointer;
}

.right_form
{
    margin-top: 40px;
}
    
.right_form_input
{
    width: 311px;
    height: 33px;
    background: transparent url(../img/common/right_input_background.png) no-repeat center center;
    border: 0px;
    padding-left: 5px;
    color: #5C5C5C;
    margin-bottom: 2px;
}

.right_form_input_pc
{
    width: 125px;
    height: 33px;
    background: transparent url(../img/common/right_input_background_pc.png) no-repeat center center;
    border: 0px;
    padding-left: 5px;
    color: #5C5C5C;
    margin: 0px 2px 2px 0px;
}

.right_form_input_local
{
    width: 179px;
    height: 33px;
    background: transparent url(../img/common/right_input_background_local.png) no-repeat center center;
    border: 0px;
    padding-left: 5px;
    color: #5C5C5C;
    margin-bottom: 2px;
}

.right_payment
{
    width: 320px;
    height: 39px;
}

.right_payment_mb
{
    width: 151px;
    height: 39px;
}

.right_payment_paysafe
{
    width: 151px;
    height: 39px;
}

.margin_top_20
{
    margin-top: 20px;
}

.margin_bottom_50
{
    margin-bottom: 50px;
}
.username_anchor
{
    cursor:pointer;
}
.load_home
{
    width:25px;
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index:999;
}


.partner_holder
{
    margin-left:50px;
    margin-top:50px;
    margin-bottom:30px;
}
.partner_holder p
{
    float:left;
    width:75%;
    display:block;
}

.partner_holder a
{
    margin-right:50%;
    margin-left:21px;
    color:#9B6424;
    font-family:MetaPro-Medium;
    display:block;
}
/*
     FILE ARCHIVED ON 08:09:29 Mar 21, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 19:47:02 Feb 11, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.683
  exclusion.robots: 0.025
  exclusion.robots.policy: 0.011
  esindex: 0.012
  cdx.remote: 23.571
  LoadShardBlock: 544.775 (3)
  PetaboxLoader3.resolve: 96.898 (3)
  PetaboxLoader3.datanode: 524.404 (4)
  load_resource: 207.43
*/

/* ===============================
   MEMBER RIGHT MENU IMPROVEMENTS
================================== */

.info_table_line {
    transition: background-color 0.2s ease;
}

.info_table_line a {
    display: block;
    width: 200px;
}

.info_table_line:hover {
    background-color: rgba(144, 26, 29, 0.08);
}

.info_table_line_one:hover {
    background-color: rgba(144, 26, 29, 0.12);
}

.info_table_line_position {
    color: #901A1D;
    font-family: MetaPro-Bold;
    width: 27px;
    text-align: center;
}

/* MEMBER ICON MENU */

.info_table_line_position span {
    font-size: 16px;
    color: #901A1D;
    line-height: 32px; /* alinha verticalmente */
    display: inline-block;
    transition: color 0.2s ease;
}

.info_table_line:hover span {
    color: #b40000;
}

.info_table_line_one span {
    font-size: 17px;
}


/* ACTIVE MEMBER MENU */

.member_active {
    background-color: rgba(144, 26, 29, 0.15);
}

.member_active span {
    color: #b40000 !important;
}

.member_active a {
    font-family: MetaPro-Bold;
}

/* ===============================
   PASSWORD PAGE ONLY
================================== */

.password_page .register_form_input {
    width: 250px;
    background-size: 100% 100%;
}

/* ===============================
   LINHA DESTACADA NO RANKING
=============================== */

.tmarkiert {
    background: linear-gradient(to right, rgba(144,26,29,0.15), rgba(144,26,29,0.05));
    border-left: 4px solid #901A1D;
    box-shadow: 0 0 8px rgba(144,26,29,0.25);
    transition: all 0.2s ease-in-out;
}

.tmarkiert:hover {
    background: linear-gradient(to right, rgba(144,26,29,0.25), rgba(144,26,29,0.10));
}


/* ===============================
   FIX APENAS MENU ÁREA MEMBRO
================================== */

.member_menu .info_table_line_one,
.member_menu .info_table_line {
    display: flex;
    align-items: center;
    height: 32px;
}

.member_menu .info_table_line_position {
    width: 35px;
    text-align: center;
}

.member_menu .info_table_line_nick {
    width: auto;
    margin-left: 8px;
}

.member_menu .info_table_line_nick a {
    display: inline-block;
    width: auto;
}


/* ═══════════════════════════════════════════════════════════
   MKMT2 — SUPPORT WIDGET  v4  (redesign total)
   ═══════════════════════════════════════════════════════════ */

:root {
  --sw-gold:       #c9a227;
  --sw-gold-hi:    #e8c84a;
  --sw-gold-dim:   #6b5011;
  --sw-gold-faint: rgba(201,162,39,.08);
  --sw-red:        #901a1d;
  --sw-red-hi:     #c0282c;
  --sw-green:      #4ecb6e;
  --sw-green-dim:  rgba(78,203,110,.15);
  --sw-bg0:        #0b0805;
  --sw-bg1:        #130d07;
  --sw-bg2:        #1c1208;
  --sw-bg3:        #251809;
  --sw-input:      #090604;
  --sw-border:     rgba(201,162,39,.14);
  --sw-border-md:  rgba(201,162,39,.32);
  --sw-border-hi:  rgba(201,162,39,.55);
  --sw-text:       #e0d0b0;
  --sw-text-2:     #a08860;
  --sw-text-3:     #6a5535;
  --sw-r:          16px;
  --sw-r-sm:       10px;
  --sw-r-xs:       7px;
}

/* ══ WIDGET ══ */
.support-widget {
  position: fixed;
  right: 24px; bottom: 24px;
  z-index: 9999;
  font-family: 'MetaPro-Normal', 'Segoe UI', sans-serif;
  font-size: 13px;
}

/* ══ FAB ══ */
.support-fab {
  display: inline-flex; align-items: center; gap: 10px;
  cursor: pointer;
  padding: 12px 20px 12px 16px;
  border-radius: 999px;
  border: 1px solid var(--sw-border-hi);
  background: var(--sw-bg2);
  color: var(--sw-gold);
  font-family: 'alegreya_scregular', serif;
  font-size: 14px; letter-spacing: .06em;
  user-select: none;
  box-shadow: 0 8px 36px rgba(0,0,0,.8);
  transition: transform .15s, box-shadow .2s, border-color .2s;
}
.support-fab:hover {
  border-color: var(--sw-gold);
  transform: translateY(-2px);
  box-shadow: 0 14px 44px rgba(0,0,0,.9);
}
.support-fab:active { transform: translateY(0); }
.support-fab .dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--sw-text-3); flex-shrink: 0;
  transition: background .4s, box-shadow .4s;
}
.support-fab-icon { font-size: 14px; line-height: 1; }

/* ══ PANEL ══ */
.support-panel {
  position: absolute; right: 0; bottom: 66px;
  width: 400px; max-width: calc(100vw - 28px);
  background: var(--sw-bg1);
  border: 1px solid var(--sw-border-md);
  border-radius: var(--sw-r);
  overflow: hidden; display: none; color: var(--sw-text);
  box-shadow: 0 32px 90px rgba(0,0,0,.95);
  animation: sw-up .22s cubic-bezier(.22,1,.36,1) both;
}
@keyframes sw-up {
  from { opacity:0; transform: translateY(14px) scale(.96); }
  to   { opacity:1; transform: translateY(0) scale(1); }
}
.support-panel::before {
  content: ''; display: block; height: 2px;
  background: linear-gradient(90deg, transparent, var(--sw-gold-dim) 20%, var(--sw-gold) 50%, var(--sw-gold-dim) 80%, transparent);
}
.support-panel.open { display: block; }
.support-panel--admin { width: 580px; }

/* ══ HEADER ══ */
.support-header {
  display: flex; align-items: center;
  justify-content: space-between; gap: 10px;
  padding: 12px 16px;
  background: var(--sw-bg2);
  border-bottom: 1px solid var(--sw-border);
}
.support-title {
  display: flex; align-items: center; gap: 9px;
  font-family: 'alegreya_scregular', serif;
  font-size: 15px; letter-spacing: .06em;
  color: var(--sw-gold);
  text-shadow: 0 0 20px rgba(201,162,39,.25);
}
.support-title .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--sw-text-3); flex-shrink: 0; }
.support-title em { font-style: normal; color: var(--sw-gold-hi); }
.support-header-right { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.support-status-pill {
  display: flex; align-items: center; gap: 5px;
  padding: 3px 9px; border-radius: 999px;
  border: 1px solid var(--sw-border);
  background: var(--sw-bg0);
  font-size: 11px; color: var(--sw-text-2); white-space: nowrap;
}
.support-status-pill .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--sw-text-3); }
#supportStatusText { font-size: 11px; font-weight: 700; }
.support-close {
  width: 28px; height: 28px; border-radius: 50%;
  border: 1px solid var(--sw-border);
  background: transparent; color: var(--sw-text-2);
  font-size: 13px; cursor: pointer; display: flex;
  align-items: center; justify-content: center; transition: all .18s;
}
.support-close:hover { border-color: var(--sw-red-hi); color: var(--sw-red-hi); background: rgba(144,26,29,.15); }

/* ══ BODY ══ */
.support-body { background: var(--sw-bg1); }
.support-row { display: none; }

/* ══ TABS DE NAVEGAÇÃO (nova estrutura) ══ */
.sw-nav {
  display: flex; gap: 0;
  background: var(--sw-bg0);
  border-bottom: 1px solid var(--sw-border);
}
.sw-nav-tab {
  flex: 1; padding: 10px 6px;
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  border: none; background: transparent;
  color: var(--sw-text-3); font-family: 'alegreya_scregular', serif;
  font-size: 11px; letter-spacing: .04em; cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: all .18s; position: relative;
}
.sw-nav-tab-icon { font-size: 16px; line-height: 1; }
.sw-nav-tab:hover { color: var(--sw-text-2); background: var(--sw-gold-faint); }
.sw-nav-tab.active {
  color: var(--sw-gold);
  border-bottom-color: var(--sw-gold);
  background: var(--sw-gold-faint);
}
.sw-nav-tab .sw-badge {
  position: absolute; top: 6px; right: calc(50% - 14px);
  min-width: 14px; height: 14px; border-radius: 999px;
  background: var(--sw-red-hi); color: #fff;
  font-size: 9px; font-family: 'MetaPro-Normal', sans-serif;
  display: flex; align-items: center; justify-content: center;
  padding: 0 3px;
}

/* ══ VISTAS (views) ══ */
.sw-view { display: none; padding: 14px 16px 16px; }
.sw-view.active { display: block; }

/* ═══════════════════════════════════════════
   VISTA 1: CHAT (ticket aberto)
═══════════════════════════════════════════ */

/* log de mensagens */
.sw-chatlog {
  height: 220px; overflow-y: auto;
  border: 1px solid var(--sw-border);
  border-radius: var(--sw-r-sm);
  background: var(--sw-bg0);
  padding: 10px; scroll-behavior: smooth;
  margin-bottom: 10px;
}
.sw-chatlog::-webkit-scrollbar { width: 3px; }
.sw-chatlog::-webkit-scrollbar-thumb { background: var(--sw-gold-dim); border-radius: 3px; }

.sw-log-empty {
  height: 100%; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 8px;
  color: var(--sw-text-3); font-size: 12px; text-align: center;
}
.sw-log-empty-icon { font-size: 28px; opacity: .5; }

/* mensagens — balões modernos */
.sw-msg-row {
  display: flex; gap: 8px; margin: 6px 0;
  animation: sw-msg-in .15s ease both;
}
@keyframes sw-msg-in { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }

.sw-msg-row--staff { flex-direction: row; }
.sw-msg-row--user  { flex-direction: row-reverse; }

.sw-msg-av {
  width: 28px; height: 28px; border-radius: 50%;
  background: var(--sw-bg3); border: 1px solid var(--sw-border);
  display: flex; align-items: center; justify-content: center;
  font-size: 14px; flex-shrink: 0; align-self: flex-end;
}

.sw-msg-bubble-wrap { max-width: 78%; display: flex; flex-direction: column; gap: 2px; }
.sw-msg-row--user .sw-msg-bubble-wrap { align-items: flex-end; }

.sw-msg-sender {
  font-size: 10px; color: var(--sw-text-3); margin: 0 4px;
  display: flex; align-items: center; gap: 5px;
}
.sw-msg-row--user .sw-msg-sender { justify-content: flex-end; }

.sw-msg-badge {
  background: var(--sw-gold-dim); color: var(--sw-gold-hi);
  font-size: 8px; padding: 1px 5px; border-radius: 3px;
  text-transform: uppercase; letter-spacing: .06em;
}

.sw-msg-bubble {
  padding: 8px 12px; border-radius: 14px;
  font-size: 13px; line-height: 1.45;
  white-space: pre-wrap; word-break: break-word;
}
/* balão staff — esquerda, fundo dourado */
.sw-msg-row--staff .sw-msg-bubble {
  background: rgba(201,162,39,.1);
  border: 1px solid var(--sw-border);
  color: var(--sw-text);
  border-bottom-left-radius: 4px;
}
/* balão user — direita, fundo escuro */
.sw-msg-row--user .sw-msg-bubble {
  background: var(--sw-bg3);
  border: 1px solid var(--sw-border-md);
  color: var(--sw-text);
  border-bottom-right-radius: 4px;
}

.sw-msg-time { font-size: 10px; color: var(--sw-text-3); margin: 0 4px; }

/* compose */
.sw-compose {
  display: flex; flex-direction: column; gap: 0;
  background: var(--sw-bg0);
  border: 1px solid var(--sw-border);
  border-radius: 14px; padding: 4px 4px 4px 14px;
}
/* row horizontal: ícone + input + botão enviar */
.sw-compose-row {
  display: flex; gap: 8px; align-items: center; width: 100%;
}
.sw-compose input {
  flex: 1; min-width: 0;
  background: transparent; border: none; outline: none;
  color: var(--sw-text); font-size: 13px;
  font-family: 'MetaPro-Normal', sans-serif;
  padding: 6px 0;
}
.sw-compose input::placeholder { color: var(--sw-text-3); }
.sw-compose input:disabled { opacity: .5; cursor: not-allowed; }

.sw-send {
  width: 34px; height: 34px; border-radius: 50%;
  border: none; flex-shrink: 0;
  background: linear-gradient(145deg, var(--sw-red-hi), var(--sw-red));
  color: #fff; font-size: 16px; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: all .18s;
}
.sw-send:hover:not(:disabled) { background: linear-gradient(145deg, #d42f33, var(--sw-red-hi)); transform: scale(1.08); }
.sw-send:disabled { opacity: .35; cursor: not-allowed; }

.sw-chat-hint { margin-top: 7px; font-size: 11px; color: var(--sw-text-3); text-align: center; }

/* ═══════════════════════════════════════════
   VISTA 2: CRIAR TICKET (wizard de steps)
═══════════════════════════════════════════ */

/* steps visuais */
.sw-steps {
  display: flex; align-items: flex-start; gap: 0;
  margin-bottom: 20px;
}
.sw-step-item {
  display: flex; flex-direction: column; align-items: center;
  gap: 5px; flex: 1;
}
.sw-step-circle {
  width: 28px; height: 28px; border-radius: 50%;
  border: 2px solid var(--sw-border);
  background: var(--sw-bg0);
  color: var(--sw-text-3);
  font-size: 11px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  transition: all .2s; flex-shrink: 0;
}
.sw-step-circle.done   { background: var(--sw-gold-dim); border-color: var(--sw-gold); color: var(--sw-gold-hi); }
.sw-step-circle.active { background: var(--sw-gold); border-color: var(--sw-gold-hi); color: var(--sw-bg0); }
.sw-step-label {
  font-size: 10px; color: var(--sw-text-3);
  letter-spacing: .03em; white-space: nowrap; text-align: center;
}
.sw-step-label.active { color: var(--sw-gold); }
/* conector alinhado ao centro dos círculos (28px/2 = 14px do topo do item) */
.sw-step-connector {
  height: 2px; flex: 1;
  background: var(--sw-border);
  margin-top: 13px; /* (28px círculo - 2px linha) / 2 */
  transition: background .3s;
  flex-shrink: 1;
}
.sw-step-connector.done { background: var(--sw-gold-dim); }

/* categoria cards */
.sw-cat-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
  margin-bottom: 14px;
}
.sw-cat-card {
  padding: 10px 12px; border-radius: var(--sw-r-sm);
  border: 1px solid var(--sw-border);
  background: var(--sw-bg0); cursor: pointer;
  display: flex; align-items: center; gap: 9px;
  transition: all .17s;
}
.sw-cat-card:hover { border-color: var(--sw-border-md); background: var(--sw-gold-faint); }
.sw-cat-card.selected { border-color: var(--sw-gold); background: rgba(201,162,39,.12); }
.sw-cat-icon { font-size: 18px; flex-shrink: 0; }
.sw-cat-label { font-size: 12px; color: var(--sw-text); line-height: 1.3; }

/* form fields */
.sw-field { margin-bottom: 12px; }
.sw-field label {
  display: block; font-size: 11px; color: var(--sw-text-2);
  letter-spacing: .04em; text-transform: uppercase; margin-bottom: 5px;
}
.sw-field input,
.sw-field textarea {
  width: 100%; box-sizing: border-box;
  padding: 9px 12px; border-radius: var(--sw-r-xs);
  border: 1px solid var(--sw-border);
  background: var(--sw-bg0); color: var(--sw-text);
  font-size: 13px; font-family: 'MetaPro-Normal', sans-serif;
  outline: none; resize: vertical;
  transition: border-color .18s;
}
.sw-field input:focus,
.sw-field textarea:focus { border-color: var(--sw-gold-dim); }
.sw-field input::placeholder,
.sw-field textarea::placeholder { color: var(--sw-text-3); }
.sw-field textarea { min-height: 80px; }

/* botões principais */
.sw-btn-primary {
  width: 100%; padding: 10px; border-radius: var(--sw-r-xs);
  border: 1px solid var(--sw-gold-dim);
  background: linear-gradient(145deg, var(--sw-bg3), var(--sw-bg2));
  color: var(--sw-gold); font-family: 'alegreya_scregular', serif;
  font-size: 13px; letter-spacing: .05em; cursor: pointer;
  transition: all .18s; display: flex; align-items: center;
  justify-content: center; gap: 7px;
}
.sw-btn-primary:hover { border-color: var(--sw-gold); color: var(--sw-gold-hi); background: rgba(201,162,39,.12); }
.sw-btn-primary:disabled { opacity: .4; cursor: not-allowed; }

.sw-btn-row { display: flex; gap: 8px; margin-top: 4px; }
.sw-btn-ghost {
  flex: 1; padding: 9px; border-radius: var(--sw-r-xs);
  border: 1px solid var(--sw-border);
  background: transparent; color: var(--sw-text-2);
  font-size: 12px; cursor: pointer; transition: all .17s;
}
.sw-btn-ghost:hover { border-color: var(--sw-border-md); color: var(--sw-text); }

/* confirmação final */
.sw-summary {
  background: var(--sw-bg0); border: 1px solid var(--sw-border);
  border-radius: var(--sw-r-sm); padding: 12px 14px;
  margin-bottom: 14px;
}
.sw-summary-row {
  display: flex; gap: 8px; margin-bottom: 6px; font-size: 12px;
}
.sw-summary-row:last-child { margin-bottom: 0; }
.sw-summary-key { color: var(--sw-text-2); min-width: 70px; flex-shrink: 0; }
.sw-summary-val { color: var(--sw-text); word-break: break-word; }

/* ═══════════════════════════════════════════
   VISTA 3: LISTA DE TICKETS
═══════════════════════════════════════════ */

/* filter tabs */
.sw-filter-row {
  display: flex; gap: 6px; margin-bottom: 12px;
}
.sw-filter-btn {
  padding: 5px 12px; border-radius: 999px;
  border: 1px solid var(--sw-border);
  background: transparent; color: var(--sw-text-2);
  font-size: 11px; letter-spacing: .03em; cursor: pointer;
  transition: all .16s;
}
.sw-filter-btn:hover { border-color: var(--sw-border-md); color: var(--sw-text); }
.sw-filter-btn.active {
  background: var(--sw-gold-faint); border-color: var(--sw-border-md); color: var(--sw-gold);
}

/* cards de ticket */
.sw-ticket-cards { display: flex; flex-direction: column; gap: 8px; }

.sw-tcard {
  background: var(--sw-bg0); border: 1px solid var(--sw-border);
  border-radius: var(--sw-r-sm); padding: 11px 13px;
  cursor: pointer; transition: all .17s;
  display: flex; gap: 11px; align-items: flex-start;
}
.sw-tcard:hover { border-color: var(--sw-border-md); background: var(--sw-gold-faint); }
.sw-tcard.active { border-color: var(--sw-gold); background: rgba(201,162,39,.1); }

.sw-tcard-status {
  width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0; margin-top: 4px;
}
.sw-tcard-status--open   { background: var(--sw-green); box-shadow: 0 0 6px var(--sw-green); }
.sw-tcard-status--closed { background: var(--sw-text-3); }

.sw-tcard-body { flex: 1; min-width: 0; }
.sw-tcard-top {
  display: flex; align-items: center; justify-content: space-between;
  gap: 8px; margin-bottom: 3px;
}
.sw-tcard-id { font-size: 10px; color: var(--sw-gold-dim); }
.sw-tcard-date { font-size: 10px; color: var(--sw-text-3); white-space: nowrap; }
.sw-tcard-subject { font-size: 13px; color: var(--sw-text); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sw-tcard-meta { font-size: 11px; color: var(--sw-text-2); margin-top: 3px; }

.sw-tcard-arrow { color: var(--sw-gold-dim); font-size: 12px; align-self: center; flex-shrink: 0; }

/* empty state */
.sw-empty {
  padding: 28px 10px; text-align: center;
  color: var(--sw-text-3); font-size: 12px;
  display: flex; flex-direction: column; align-items: center; gap: 8px;
}
.sw-empty-icon { font-size: 28px; opacity: .4; }

/* suporte fechado */
.sw-closed-banner {
  display: none;
  align-items: flex-start; gap: 10px;
  padding: 11px 13px; border-radius: var(--sw-r-sm);
  border: 1px solid rgba(144,26,29,.3);
  background: rgba(144,26,29,.07);
  margin-bottom: 12px; color: var(--sw-text-2);
}
.sw-closed-banner.visible { display: flex; }
.sw-closed-banner-icon { font-size: 18px; flex-shrink: 0; }
.sw-closed-banner strong { display: block; color: #e06868; font-size: 13px; margin-bottom: 2px; }
.sw-closed-banner p { margin: 0; font-size: 11px; }

/* toggle admin */
.sw-admin-toggle { margin-bottom: 12px; }
.sw-admin-toggle button {
  width: 100%; padding: 9px; border-radius: var(--sw-r-xs);
  border: 1px solid var(--sw-border-md);
  background: var(--sw-bg0); color: var(--sw-text-2);
  font-family: 'alegreya_scregular', serif;
  font-size: 12px; letter-spacing: .04em; cursor: pointer;
  transition: all .17s;
}
.sw-admin-toggle button:hover { border-color: var(--sw-border-hi); color: var(--sw-gold); }

/* ═══════════════════════════════════════════
   ADMIN WIDGET (grid lista + chat)
═══════════════════════════════════════════ */
.sw-admin-grid {
  display: grid; grid-template-columns: 185px 1fr;
  gap: 10px; align-items: start;
}
.sw-admin-list {
  height: 360px; overflow-y: auto;
  border: 1px solid var(--sw-border);
  border-radius: var(--sw-r-sm);
  background: var(--sw-bg0);
}
.sw-admin-list::-webkit-scrollbar { width: 3px; }
.sw-admin-list::-webkit-scrollbar-thumb { background: var(--sw-gold-dim); border-radius: 3px; }

.sw-admin-item {
  display: flex; align-items: flex-start; gap: 8px;
  padding: 9px 10px;
  border-bottom: 1px solid rgba(201,162,39,.06);
  cursor: pointer; transition: background .14s;
}
.sw-admin-item:hover  { background: var(--sw-gold-faint); }
.sw-admin-item.active { background: rgba(201,162,39,.14); }
.sw-admin-item:last-child { border-bottom: none; }
.sw-admin-item-dot {
  width: 7px; height: 7px; border-radius: 50%;
  flex-shrink: 0; margin-top: 5px;
}
.sw-admin-item-dot.open   { background: var(--sw-green); box-shadow: 0 0 4px var(--sw-green); }
.sw-admin-item-dot.closed { background: var(--sw-text-3); }
.sw-admin-item-body { flex: 1; min-width: 0; }
.sw-admin-item-id { font-size: 10px; color: var(--sw-gold-dim); }
.sw-admin-item-subject { font-size: 12px; color: var(--sw-text); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sw-admin-item small { display: block; font-size: 10px; color: var(--sw-text-2); margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* admin tabs e toolbar */
.sw-admin-toolbar {
  display: flex; align-items: center; gap: 4px;
  border-bottom: 1px solid var(--sw-border);
  margin-bottom: 10px; padding-bottom: 8px;
}
.sw-admin-tab {
  padding: 5px 12px; border-radius: var(--sw-r-xs);
  border: 1px solid transparent;
  background: transparent; color: var(--sw-text-3);
  font-family: 'alegreya_scregular', serif;
  font-size: 12px; letter-spacing: .04em; cursor: pointer;
  transition: all .16s;
}
.sw-admin-tab:hover { color: var(--sw-text-2); background: var(--sw-gold-faint); }
.sw-admin-tab.active { background: var(--sw-gold-faint); border-color: var(--sw-border-md); color: var(--sw-gold); }
.sw-admin-tab-count {
  font-size: 10px; padding: 1px 5px; border-radius: 999px;
  background: rgba(201,162,39,.1); color: var(--sw-gold-dim); margin-left: 3px;
}
.sw-admin-refresh { margin-left: auto; font-size: 15px; padding: 4px 8px; }

/* admin chat right side */
.sw-admin-chat-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 8px; margin-bottom: 8px;
}
.sw-admin-chat-title { font-size: 12px; color: var(--sw-text-2); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sw-admin-chat-title.has-ticket { color: var(--sw-text); }
.sw-admin-actions { display: flex; gap: 5px; flex-shrink: 0; }

.sw-admin-log { height: 260px; }

.sw-admin-addrow { display: flex; gap: 6px; margin-bottom: 8px; }
.sw-admin-addrow input {
  flex: 1; min-width: 0; padding: 7px 10px;
  border-radius: var(--sw-r-xs);
  border: 1px solid var(--sw-border);
  background: var(--sw-bg0); color: var(--sw-text);
  font-size: 12px; font-family: 'MetaPro-Normal', sans-serif; outline: none;
}
.sw-admin-addrow input:focus { border-color: var(--sw-gold-dim); }

/* botões utilitários admin */
.sw-btn-util {
  display: inline-flex; align-items: center; justify-content: center; gap: 4px;
  padding: 5px 10px; border-radius: var(--sw-r-xs);
  border: 1px solid var(--sw-border-md);
  background: var(--sw-bg0); color: var(--sw-gold);
  font-family: 'alegreya_scregular', serif;
  font-size: 11px; letter-spacing: .03em; cursor: pointer; transition: all .17s;
}
.sw-btn-util:hover { border-color: var(--sw-gold); background: var(--sw-gold-faint); }
.sw-btn-util--red { border-color: rgba(184,36,40,.4); color: #e06868; }
.sw-btn-util--red:hover { border-color: var(--sw-red-hi); background: rgba(144,26,29,.1); }
.sw-btn-util:disabled { opacity: .35; cursor: not-allowed; }

.sw-admin-hint { margin-top: 6px; font-size: 11px; color: var(--sw-text-3); }

/* admin log (reutiliza .sw-chatlog) */
.sw-admin-log.sw-chatlog { height: 260px; margin-bottom: 8px; }

/* ══ RESPONSIVE ══ */
@media (max-width: 560px) {
  .support-panel,
  .support-panel--admin { width: 100%; }
  .sw-admin-grid { grid-template-columns: 1fr; }
  .sw-admin-list { height: 180px; }
  .sw-admin-log.sw-chatlog { height: 200px; }
}