/*:root {*/
/*    --color-main: #00ACC1;*/
/*    --color-sub-main: #00B8D4;*/
/*    --color-disabled: #007bff;*/
/*    --color-download: rgba(0, 172, 193, 0.5);*/
/*    --color-border-table: #37B5A5;*/
/*    --color-dark: #0d6d7c;*/
/*    --color-main-transparent: rgba(0, 172, 193, 0.2);*/
/*    --color-background: rgba(255,255,255,0.1);*/
/*}*/

:root {
    --color-main: #ff8c00;
    --color-sub-main: #ff9f1c;
    --color-disabled: #ffb347;
    --color-download: rgba(255, 140, 0, 0.5);
    --color-border-table: #ff7518;
    --color-dark: #cc7000;
    --color-main-transparent: rgba(255, 140, 0, 0.2);
    --color-background: rgba(255, 255, 255, 0.1);
}

::-moz-selection{background-color:var(--color-main);color:#fff}
::selection{background-color:var(--color-main);color:#fff}
::-webkit-input-placeholder{color:#777777;font-weight:300}
:-moz-placeholder{color:#777777;opacity:1;font-weight:300}
::-moz-placeholder{color:#777777;opacity:1;font-weight:300}
:-ms-input-placeholder{color:#777777;font-weight:300}
::-ms-input-placeholder{color:#777777;font-weight:300}
html, body {
	width:100%; height:100%;padding:0; margin:0;
	font-family: 'Roboto', sans-serif;
/* 	font-family:sans-serif; */
}
body.body{color:var(--color-sub-main);font-size:16px;font-weight:310;line-height:1.625em;background:url('../img/banner-bg.png') 50% top no-repeat;background-size: cover;background-attachment: fixed;min-height: 100%;min-width:auto;}
body.body .bg{background-color: rgba(4,9,30,0.8);width:100%;min-height: 100%;position: relative;}
body.body.overflow{overflow: hidden;}
body.body .bg .content_page{height:100%;width:100%;padding:0px;min-height: 100%;position: relative;padding-bottom:582px;}
.body-overflow{width:100%;height:100%;top:0px;left:0px;position:fixed;background:rgba(0,0,0,0.7);display:none;z-index:800;overflow: hidden;}
.footer{background-color: #04091e;padding: 60px 0px;position:absolute;bottom:0px;width:100%;}
.inner_page{}
.inner_page_content{background:rgba(255,255,255,0.7);/*padding:40px 20px;margin:0px auto;max-width:1140px;*/}
.inner_page_content>div{max-width:1140px;margin:0px auto;padding:0px;background:#fff;background:rgba(255,255,255,0.7);}
.inner_page_content>div{max-width:1140px;margin:0px auto;padding:0px;background:#fff;background:rgba(255,255,255,0.7);}
.inner_page_content .container{}

ol,ul{margin:0;padding:0;list-style:none}
select{display:block}
figure{margin:0}
a{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
iframe{border:0}a,a:focus,a:hover{text-decoration:none;outline:0}


input.form-control,
textarea.form-control{
	border-radius:0px;
	width:100%;
	height:45px;
	display:block;
	line-height:45px;
	padding:0px 10px;
	margin:0px;
	border:0px;
	font-size: 16px;
}
textarea.form-control{
	height:200px;
}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn.focus:active,.btn:active:focus,.btn:focus{text-decoration:none;outline:0}
.card-panel{margin:0;padding:60px}
.btn i,.btn-large i,.btn-floating i,.btn-large i,.btn-flat i{font-size:1em;line-height:inherit}
.gray-bg{background:#f9f9ff}h1,h2,h3,h4,h5,h6{color:#222;line-height:1.2em !important;margin-bottom:0;margin-top:0;font-weight:600}
.h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:0;margin-top:0;font-weight:600;color:#222}
h1,.h1{font-size:36px}
h2,.h2{font-size:30px}
h3,.h3{font-size:24px}
h4,.h4{font-size:18px}
h5,.h5{font-size:16px}
h6,.h6{font-size:14px;color:#222}
td,th{border-radius:0px}
.clear::before,.clear::after{content:" ";display:table}
.clear::after{clear:both}.fz-11{font-size:11px}
.fz-12{font-size:12px}.fz-13{font-size:13px}
.fz-14{font-size:14px}.fz-15{font-size:15px}
.fz-16{font-size:16px}.fz-18{font-size:18px}
.fz-30{font-size:30px}.fz-48{font-size:48px !important}.fw100{font-weight:100}
.fw300{font-weight:300}.fw400{font-weight:400 !important}.fw500{font-weight:500}
.f700{font-weight:700}.fsi{font-style:italic}.mt-10{margin-top:10px}.mt-15{margin-top:15px}
.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}
.mt-40{margin-top:40px}.mt-50{margin-top:50px}.mt-60{margin-top:60px}.mt-70{margin-top:70px}
.mt-80{margin-top:80px}.mt-100{margin-top:100px}.mt-120{margin-top:120px}.mt-150{margin-top:150px}
.ml-0{margin-left:0 !important}.ml-5{margin-left:5px !important}.ml-10{margin-left:10px}
.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.ml-50{margin-left:50px}
.mr-0{margin-right:0 !important}.mr-5{margin-right:5px !important}.mr-15{margin-right:15px}
.mr-10{margin-right:10px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mr-50{margin-right:50px}
.mb-0{margin-bottom:0px}.mb-0-i{margin-bottom:0px !important}.mb-5{margin-bottom:5px}
.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}
.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}
.mb-50{margin-bottom:50px}.mb-60{margin-bottom:60px}.mb-70{margin-bottom:70px}
.mb-80{margin-bottom:80px}.mb-90{margin-bottom:90px}.mb-100{margin-bottom:100px}
.pt-0{padding-top:0px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}
.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}
.pt-40{padding-top:40px}.pt-50{padding-top:50px}.pt-60{padding-top:60px}
.pt-70{padding-top:70px}.pt-80{padding-top:80px}.pt-90{padding-top:90px}
.pt-100{padding-top:100px}.pt-120{padding-top:120px}.pt-150{padding-top:150px}
.pt-170{padding-top:170px}.pb-0{padding-bottom:0px}.pb-10{padding-bottom:10px}
.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}
.pb-30{padding-bottom:30px}.pb-40{padding-bottom:40px}.pb-50{padding-bottom:50px}
.pb-60{padding-bottom:60px}.pb-70{padding-bottom:70px}.pb-80{padding-bottom:80px}
.pb-90{padding-bottom:90px}.pb-100{padding-bottom:100px}.pb-120{padding-bottom:120px}
.pb-150{padding-bottom:150px}
.pr-30{padding-right:30px}
.pr-20{padding-right:20px}
.pl-20{padding-left:20px}
.pl-10{padding-left:10px}
.pl-30{padding-left:30px}
.pl-90{padding-left:90px}
.p-40{padding:40px}
.float-left{float:left}
.float-right{float:right}
.text-italic{font-style:italic}
.text-white{color:#fff}
.text-black{color:#000}
.text-red{color:#af3333;}
.text-green{color: green !important;}
.text-orange{color: var(--color-sub-main)}
.transition{-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s}
.section-full{padding:100px 0}
.section-half{padding:75px 0}
.text-center{text-align:center}
.text-left{text-align:left}
.text-rigth{text-align:right}
.flex{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}
.inline-flex{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline-flexbox;display:inline-flex}
.flex-grow{-webkit-box-flex:1;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
.flex-wrap{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.flex-left{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;justify-content:flex-start}
.flex-middle{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}
.flex-right{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;justify-content:flex-end}
.flex-top{-webkit-align-self:flex-start;-moz-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}
.flex-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center}
.flex-bottom{-webkit-align-self:flex-end;-moz-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}
.space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between}
.space-around{-ms-flex-pack:distribute;-webkit-justify-content:space-around;-moz-justify-content:space-around;justify-content:space-around}
.flex-column{-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.flex-cell{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
.display-table{display:table}
.light{color:#fff}
.dark{color:#222}
.relative{position:relative}
.overflow-hidden{overflow:hidden}
.overlay{position:absolute;left:0;right:0;top:0;bottom:0}
.container{position:relative;}
.ajaxloader{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.1) url('../img/loading.gif') 50% 50% no-repeat;left: 0px;top: 0px;z-index: 1000;}
.container.fullwidth{width:100%}
.container.no-padding{padding-left:0;padding-right:0}
.no-padding{padding:0}
.section-bg{background:#f9fafc}@media (max-width: 767px){.no-flex-xs{display:block !important}}
.no-margin{margin-left:0;margin-right:0}
.whole-wrap{background-color:#f9f9ff}
.btn{border-radius:0;}
.display-inline{display:inline-block;}
.display-block{display:block;}

.btn-primary{background-color: var(--color-main);color: #fff;font-weight: 600;font-size: 14px;line-height: 42px;padding:0px 30px;border: 1px solid var(--color-main);}
.btn-primary:hover{background-color: #fff;color: var(--color-main);border-color:var(--color-main);}
.btn-primary.disabled, .btn-primary:disabled {color: #fff;background-color: var(--color-disabled);border-color:var(--color-main);}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {background-color: #fff;color: var(--color-main);border-color:var(--color-main);}
.btn-primary:focus, .btn-primary.focus {box-shadow: none;border-color:var(--color-main);}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,.show > .btn-primary.dropdown-toggle:focus {box-shadow:none;}

.btn-secondary{background-color: #fff;color: #000;font-weight: 300;font-size: 14px;line-height: 42px;padding:0px 30px;border: 0px;}
.btn-secondary:hover{background-color: #000;color: #fff;}
.btn-secondary.disabled, .btn-secondary:disabled {color: #000;background-color: #fff;border:0px;}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {background-color: #000;color: #fff;border:0px;}

.btn-secondary:focus, .btn-secondary.focus {box-shadow: none;}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,.show > .btn-secondary.dropdown-toggle:focus {box-shadow:none;}

.header{position:fixed;left:0;top:0;right:0;transition:all 0.5s;z-index:800;}
.header .header-top{font-size:12px;padding:8px;background:#04091e;}
.header .header-top a{color:#fff;margin-left:10px;}
.header .header-main{position:relative;}
.header .header-main .container{padding-bottom:20px;padding-top:20px;border-bottom:1px solid #39353e;height:70px;line-height:70px;}
.header .header-main a.logo{padding:0px;margin:0px;background:url('../img/logo.png') center center no-repeat;display:block;float:left;width:150px;height:30px;}
.header .header-main nav{display:block;text-align:right;height:30px;line-height:30px;overflow:hidden;padding:0px;}
.header .header-main nav ul{display:block;}
.header .header-main nav ul li{display:inline-block;position:relative;}
.header .header-main nav ul li a{padding:0px 0px 0px 16px;text-decoration:none;display:block;color:#fff;font-weight:500;font-size:12px;text-transform:uppercase;outline:none;white-space:nowrap;}
.header .header-main nav ul li:hover>a{color:var(--color-main);}
.header.scrolled{background-color:rgba(4,9,30,0.9);}
.header.scrolled .header-main .container{border:0px;}
.header .header-main .mobile-nav-toggle{display:none;position:absolute;right:15px;top:20px;border:0;background:none;font-size:24px;transition: all 0.4s;outline:none;cursor:pointer;color:#fff;font-weight:900;z-index: 911;}
.header .header-main nav ul li > ul{display:block;display:none;margin-left:16px;border-left:2px solid var(--color-main);}

.topbreadcrumb{padding:10px 0px;line-height:20px;}
.topbreadcrumb span,
.topbreadcrumb a{color:#fff;font-size:14px;}
.topbreadcrumb a::after{
	display:inline-block;
	content:'»';
	font-size:14px;
	margin:0px 10px;
}

.header-banner{position:relative;padding-top: 112px;}
.header-banner div.row{min-height:200px;/*padding-top:60px;*/padding-bottom:60px;}
.header-banner.header-banner-full-size div.row{/*height:100vh;*/min-height:350px;}
.header-banner h1 {font-size: 48px;font-weight: 700;line-height: 1em;margin-top: 10px;color: #fff;text-transform: uppercase;}
.header-banner p{padding:10px 0px;}

.feature {
    /*background: rgba(0, 131, 143, 0.14);*/
    position: relative;
}
.feature .container{}
.feature .single-feature{text-align:center;margin-top:-60px;cursor:pointer;height:100%;}
.feature .single-feature h4{color:#fff;background: var(--color-main-transparent);padding:0px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;line-height:60px !important;}
.feature .single-feature .desc-wrap{padding:20px;background-color:#fff;box-shadow:0px 10px 30px 0px rgba(0,0,153,0.4);color:var(--color-sub-main);height:100%;}
.feature .single-feature:hover h4{background:var(--color-main)}

.download{background: var(--color-download);position:relative;padding: 90px 0px;}
.download p{line-height: 1.2em !important;margin-bottom: 0;margin-top: 0;color: #fff;font-weight: 700;font-size: 36px;}

.single-footer-widget h4{color:#fff;margin-bottom:25px;font-weight:500}
.single-footer-widget ul li{margin-bottom:10px}
.single-footer-widget ul li a{color:#777;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.single-footer-widget ul li a:hover{color:var(--color-main)}
.single-footer-widget .bb-btn{color:var(--color-main);color:#fff;font-weight:300;border-radius:0;z-index:9999;cursor:pointer}
.single-footer-widget .info{margin-top:25px;color:#fff;font-size:12px}
.single-footer-widget .info.valid{color:green}
.single-footer-widget .info.error{color:#af3333;}
.single-footer-widget .btn{font-size:1.2rem;border-radius:0;background:var(--color-main);color:#fff}
.single-footer-widget .btn .lnr{line-height:inherit;font-size:13px;padding:0px 4px}
.single-footer-widget ::-moz-selection{background-color:#191919 !important;color:#777}
.single-footer-widget ::selection{background-color:#191919 !important;color:#777}
.single-footer-widget ::-webkit-input-placeholder{color:#777;font-weight:300}
.single-footer-widget :-moz-placeholder{color:#777;opacity:1;font-weight:300}
.single-footer-widget ::-moz-placeholder{color:#777;opacity:1;font-weight:300}
.single-footer-widget :-ms-input-placeholder{color:#777;font-weight:300}
.single-footer-widget ::-ms-input-placeholder{color:#777;font-weight:300}
.footer-bottom{padding-top:50px}
.footer-bottom .footer-social{text-align:right}
.footer-bottom .lnr,.footer-bottom a{color:var(--color-main)}
.footer-bottom .footer-social a{background:var(--color-background);color:#fff;width:30px;height:30px;display:inline-block;text-align:center;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.footer-bottom .footer-social a i{vertical-align:bottom}
.footer-bottom .footer-social a:hover{background-color:var(--color-main);}
.page404{width:100%;text-align:center;vertical-align:middle;line-height:1;font-size:20px;padding:50px 0px;color:#fff;}
.page404 span{color:#fff;font-size:200px;display:block;margin:50px 0px;}
.error_message{color:#af3333;position:absolute;top:0px;background:#fff;font-size:14px;display:none;}
.is_error .error_message{display:block;}
.is_error input, .is_error textarea{border:1px solid #af3333 !important;}

.register{background-color: rgba(4,9,30,0.8);}
.register_form{padding:24px;background:var(--color-background);height:440px;}
.register_form .form_ok{text-align:center;vertical-align:middle;display:none;height: 270px;}
.register_form .btn-primary{width:100%;}
.register_form .form-group{position:relative;}
.register_form .error_message{line-height:14px;padding:5px 10px;width:100%;border:1px solid #af3333;font-size:14px;min-height:45px;vertical-align:middle;}
.register_form .error_message span{vertical-align:middle;top:auto;position:relative;display:table-cell;}
.register_form .is_error .error_message{display:table;}

.inner_page_content .register{background:none;}
.inner_page_content .register_form{background:rgba(4,9,30,0.8);}
.inner_page_content .register .reg_right_collumn{margin:0px;padding:0px;}
.inner_page_content .register .reg_left_collumn{padding-left:40px;}
.inner_page_content .register .reg_left_collumn .text-white{color:#495057 !important;}
/* .register .confirmOk{display:none;} */
.inner_page_content .register .confirmOk{display:block;}
.register .confirmOk .btn{margin:10px;}

.forgot{background-color: rgba(4,9,30,0.8);}
.forgot_form{padding:24px;background:var(--color-background);height:440px;}
.forgot_form .form_ok{text-align:center;vertical-align:middle;display:none;height: 270px;}
.forgot_form .btn-primary{width:100%;}
.forgot_form .form-group{position:relative;}
.forgot_form .error_message{line-height:14px;padding:5px 10px;width:100%;border:1px solid #af3333;font-size:14px;min-height:45px;vertical-align:middle;}
.forgot_form .error_message span{vertical-align:middle;top:auto;position:relative;display:table-cell;}
.forgot_form .is_error .error_message{display:table;}

.inner_page_content .forgot{background:none;}
.inner_page_content .forgot_form{background:rgba(4,9,30,0.8);}
.inner_page_content .forgot .reg_right_collumn{margin:0px;padding:0px;}
.inner_page_content .forgot .reg_left_collumn{padding-left:40px;}
.inner_page_content .forgot .reg_left_collumn .text-white{color:#495057 !important;}
/* .forgot .confirmOk{display:none;} */
.inner_page_content .forgot .confirmOk{display:block;}
.forgot .confirmOk .btn{margin:10px;}

.authform{display:inline-block;position:relative;height:26px;line-height:26px;}
.authform div.auth{padding:0px 15px 0px 0px;height:26px;line-height:26px;position:relative;}
.authform div.auth:before{display:block;content:'';border-right:1px solid #fff;position:absolute;top:3px;right:0px;height:20px;}
.authform div.auth:after{display:block;content:'';border-right:1px solid #fff;position:absolute;top:3px;left:0px;height:20px;}
.authform div.auth .zz{display:inline-block;margin-left:10px;color:var(--color-sub-main);padding-left:15px;position:relative;}
.authform div.auth .zz:before{display:block;content:'';position:absolute;width:10px;height:10px;background:url('../img/pc.png') 50% 50% no-repeat;background-size: contain;left:0px;top:8px;}

.auth-popup-block{background: #FFF;padding: 20px 30px;text-align: left;max-width: 350px;margin: 40px auto;position: relative;}
.auth-popup-block h4{margin-bottom:20px;}
.auth-popup-block input[type=password],
.auth-popup-block input[type=text]{border:1px solid #777;}
.auth-popup-block .error_message{position:relative;padding:0px 0px 20px 0px;top:auto;}

/*.download_page{padding-top:35px;}*/
.download_page img{max-width:100%;}
.download_page .right-contents{font-size:14px;color:#000;}
.download_page .right-contents .row{margin-top:10px;margin-bottom:10px;}

.jq-tab-menu .jq-tab-title:first-child{border-top:none}
.jq-tab-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:30px 0px 0px 0px;}
.jq-tab-wrapper.horizontal-tab{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.jq-tab-menu{-webkit-box-flex:1;-ms-flex:1;flex:1}
.jq-tab-menu .jq-tab-title{color:#000;font-size:12px;font-weight:500;border:none;cursor:pointer;padding:6px 25px;text-align:center;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.jq-tab-menu .jq-tab-title:hover,
.jq-tab-menu .jq-tab-title.active{color:var(--color-main);background:transparent;border-bottom:1px solid var(--color-main)}
.horizontal-tab .jq-tab-menu{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.jq-tab-content-wrapper{-webkit-box-flex:4;-ms-flex:4;flex:4}
.jq-tab-content{display:none;padding:1em 1.8em;font-size:14px;font-weight:300}
#verticalTab .jq-tab-content-wrapper{border:1px solid #eee}
#horizontalTab .jq-tab-content-wrapper{background:#f9f9ff}
.jq-tab-content.active{display:block}

.vote_body{padding:40px;}
.vote_body .error{color:#000;font-size:18px;line-height:40px;}
.vote_body .title{font-size: 20px;font-weight: bold;margin-bottom: 20px;}
.vote_body .description{color:#000;font-size: 14px;margin-bottom: 20px;}
.vote_body .voteitem{float:left;position:relative;width:200px;height:200px;color:#000;font-size:14px;text-align:center;padding:10px;}
.vote_body .voteitem a{text-decoration:none;color:#000;}
.vote_body .voteitem img{max-width:100%;}
.vote_body .time{}


@media (max-width: 413px){
	.jq-tab-menu{display:initial !important}
}
@media (max-width: 504px){
	.jq-tab-menu .jq-tab-title{padding:.9em .9em;font-size:10px}
}

@media (max-width: 991px)
{
	.single-footer-widget{margin-bottom:30px}
	.footer-bottom .footer-social{text-align:left;margin-top:30px}

	.header .header-main nav{position:fixed;width: 100%;max-width: 100%;height:100%;top:0px;left:0px;padding-top: 57px; padding-left:20px;z-index:910;background: rgba(0,0,0,0.9);overflow-y: auto;transition: 0.4s;text-align:left;display:none;}
	.header .header-main nav.b-open{display:block;}
	.header .header-main nav ul li{display:block;}
	.header .header-main nav ul li a{font-size: 13px;font-weight: 400;margin-right:90px;padding:3px 0px 3px 16px;}
	.header .header-main nav ul li.b-children .toggle{display:block;width:30px;height:30px;line-height:30px;border:0px;font-size:20px;position:absolute;right:60px;top:3px;text-align:center;vertical-align:middle;cursor:pointer;}
	.header .header-main nav ul li.b-children .toggle::before{content: "\e874";}
	.header .header-main nav ul li.b-children.b-open .toggle::before{content: "\e873";}
	.header .header-main nav ul li.b-children.b-open ul{display:block;}
	.header .header-main .mobile-nav-toggle{display:block;}

	.feature .single-feature h4{background:var(--color-main)}
	.feature .single-feature{margin-bottom:90px;height:auto;}
	.download .text-right{text-align:left !important;margin-top:20px;}
}


.rank{/*background:url(../img/reg.jpg) center;background-size:cover;background-color:#252F48;*/}
@media screen and (max-width: 600px) {
body.body {background-position:30% top;}
.rank{background:#252F48; center;background-size:cover;}}

table.table{
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: 14px;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  background: #252F48;
  margin-bottom:0px;
/*   margin: 5px; */
}

table.table th {
 color: #CAD4D6;
  border-collapse: collapse;
  padding: 12px 17px;
  border-bottom: 1px solid var(--color-border-table);
  border-right:1px solid var(--color-border-table);
  border-left:1px solid var(--color-border-table);
  border-top:1px solid var(--color-border-table);
}

table.table td {
color: #CAD4D6;
  border-bottom: 1px solid var(--color-border-table);
  border-right:1px solid var(--color-border-table);
  padding: 7px 17px;
}

@media screen and (max-width: 600px) {
table.table{
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: 14px;
  text-align: left;
  border-collapse: collapse;
  background: #252F48;
  margin: 10px;
    width: auto;

}


table.table td {
color: #CAD4D6;
  border-bottom: 1px solid var(--color-border-table);
  border-right:1px solid var(--color-border-table);
  padding: 7px 17px;
    display: block;

}
  table.table td:before {
    content: attr(aria-label);
    float: left;
  }
}

.online{/*background:url(../img/reg.jpg) center;background-size:cover;background-color:#252F48;*/}

body_ onl{
  background-color:#363636;
}

.round-top {
border-top-left-radius: 5px;
}
.round-bottom {
border-bottom-left-radius: 5px;
}
table.table tr:hover td{
	background:#252f33;
	font-weight: bold;
}
table.table tr:hover th{
	background:#252f33;
	font-weight: bold;
}

.header-scrolled{transition:all 0.5s;background-color:rgba(4,9,30,0.9)}




.topInformation,
.topInformation .row{
    min-height:0px !important;padding-top:0px !important;padding-bottom:0px !important;
}
.topInformation .topInformationLine{
    display:table;
    width:100%;
}

.serverOnline{color:#fff;line-height:1.5;font-size:font-family: "Poppins",sans-serif;font-size:12px;font-weight: 600;padding:10px 0px;}
.serverOnline > div{padding:0px 0px;}
.serverOnline .intAnimate{color:green;font-size:14px;}
.intAnimate.orange{color:var(--color-sub-main);}
.statistic{
	vertical-align:top;
	display:table-cell;
	margin:0px 0px;
	width:250px;
	/*background: rgba(216, 95, 19,0.15);*/
	background: rgba(0, 0, 0, 0.25);
	padding: 10px;
/* 	position:absolute; */
/* 	top:113px; */
/* 	right:0px; */
	border-radius:0px 0px 10px 0px;
}
.tgInfo{
	vertical-align:top;
	display:table-cell;
	margin:0px 0px;
/* 	width:250px; */
	background: rgba(0, 0, 0, 0.25);
	padding: 10px;
/* 	position:absolute; */
/* 	top:113px; */
/* 	left:0px; */
	border-radius:0px 0px 0px 10px;
	font-size:12px;
	line-height:1.2;
	text-align:center;
}
/*.tgInfo > div {
	text-align:center;
	display:inline-block;
	max-width: 250px;
    width: 250px;
}*/
.statistic .nation{
	width:100%;
	height:40px;
	margin-bottom:0px;
}
.statistic .nation .proc,
.statistic .nation .cap{
	float:left;
	height:40px;
	line-height:20px;
	text-align:center;
	color:#fff;
	font-size:12px;
	font-weight:bold;
}
.statistic .nation .cap {

}

.statistic .nation .proc .line,
.statistic .nation .cap .line {
	background:#241de2;
	border-radius:5px 0px 0px 5px;
}
.statistic .nation .cap .line {
	background:#db00c5;
	border-radius:0px 5px 5px 0px;
}

.tgInfo .title {
	text-transform: uppercase;
	margin-top:10px;
	font-size:14px;
	font-weight:600;
	color:#fff;
}
.tgInfo .timer{
    text-transform: uppercase;
    font-size:font-family: "Poppins",sans-serif;
    margin-top:20px;
    font-size:26px;
    font-weight:600;
    color:#d9d9d9;
    text-shadow: 0 0 2px #fff, 0 0 10px #fff, 0 0 1px #ffffff, 0 0 42px var(--color-sub-main), 0 0 82px var(--color-main), 0 0 92px var(--color-sub-main), 0 0 70px var(--color-sub-main), 0 0 71px var(--color-sub-main);
}
.tgInfo .text{
    text-transform: uppercase;
    font-size:font-family: "Poppins",sans-serif;
    margin-top:20px;
    font-size:26px;
    font-weight:600;
    color:#d9d9d9;
    text-shadow: 0 0 2px #fff, 0 0 10px #fff, 0 0 1px #fff, 0 0 42px var(--color-sub-main), 0 0 82px var(--color-main), 0 0 92px var(--color-sub-main), 0 0 70px var(--color-sub-main), 0 0 71px var(--color-sub-main);
}

@media screen and (max-width: 991px) {
	.tgInfo{width:250px;}
	.tgInfo .title{
		margin-top:0px;
		font-size:12px;
	}
	.tgInfo .timer{
		font-size:12px;
		margin-top:0px;
	}
	.tgInfo .text{
		font-size:12px;
		margin-top:0px;
		white-space:nowrap;
	}
}
@keyframes blink {
    from { background-color: var(--color-sub-main);}
    50% {background-color: var(--color-main)
    }
    to { background-color: var(--color-sub-main);}
}
.headerEvent {
    position:fixed;
    overflow:hidden;
    z-index:900;
    background:var(--color-sub-main);
    height:130px;
    width:130px;
    border-radius:0px 0px 130px 0px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	/*-moz-opacity: 0.7;*/
	/*-khtml-opacity: 0.7;*/
	/*opacity: 0.7;*/
    animation: blink 4s infinite;
    border-right: 3px solid white;
    border-bottom: 3px solid white;
}
.headerEvent > span {
    display:block;
    position:absolute;
    transform:rotate(-50deg);
    -ms-transform:rotate(-50deg);
    -webkit-transform:rotate(-50deg);
    color:#fff;
    font-weight:bold;
    font-size:30px;
    line-height:40px;
    margin:35px 0px 0px 0px;
    text-align:center;
    opacity: 1.0;
    text-shadow: 0 0 2px #fff, 0 0 10px #fff, 0 0 1px #fff, 0 0 42px #f8f9fa, 0 0 82px #f8f9fa, 0 0 92px #e9ecef, 0 0 70px #f8f9fa, 0 0 71px #e9ecef;
}


.eventWindow{

    background: rgba(0, 0, 0, 0.75);
/*     background: var(--color-background); */
    max-width:1000px;
    margin: 40px auto;
    position: relative;
    padding:40px;
    border-radius:40px 0px 40px 0px;
}
.eventWindow h1,
.eventWindow h4{
    color:#fff;
}
.eventWindow h4{
    padding:20px 0px;
}
.eventWindow .date{margin-top:10px;}
.eventWindow .item a{
    position:relative;
    display:inline-block;
    width:60px;
    height:60px;
    border:4px solid #000;
    border-radius:50px;
    background-color:#000;
    background-repeat: no-repeat;
    background-position:center center;
    background-size: contain;
    text-align:center;

     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}
.eventWindow .item a i{
    background:#000;
    border-radius:50%;
    font-size:35px;
    position:absolute;
    top:-10px;
    right:-10px;
}

.eventWindow .item a.isActive{
    border-color:var(--color-sub-main);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.eventWindow .item a.isTaken{
    border-width:3px;
    border-color:green;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.eventWindow .topItem{
    text-align:center;
}
.eventWindow .topItem .text{
    vertical-align:middle;
    text-align:center;
    padding:20px 0px;
}
.eventWindow .topItem .text span{font-size:20px;display:inline;color:var(--color-sub-main);}
.eventWindow .topItem .text span a{text-decoration:underline;color:#fff;}
.eventWindow .topItem .item{}
.eventWindow .topItem .item a{}
.eventWindow .topItem .item span{}
.eventWindow .list{}

.eventWindow .list:after{
    content:' ';
    display:block;
    clear:both;
}
.eventWindow .list .item{
    display:block;
    float:left;
    margin:15px;
}

.ratings-info{padding:20px;}
.ratings-info .header-info{text-align:center;margin-bottom:20px;}
.ratings-info .header-info h4{margin-bottom:10px;color:var(--color-sub-main);}

.ratings-info .header-info .nation{
	display:block;
	height:200px;
	background:none 50% 50% no-repeat;
	background-size: contain;
}
.ratings-info .header-info .nation.procyon{
	background-image:url('../img/procyon.png');
}
.ratings-info .header-info .nation.capella{
	background-image:url('../img/capella.png');
}

.ratings-info .header-info .top-player{
	background:#04091e none 50% 50% no-repeat;
	background-size: contain;
	border:1px solid transparent;
	border-radius:20px 0px 20px 0px;
	margin:20px 10px;
	padding-left:70px;
	clear:both;
	height:70px;
	text-align:left;
	position:relative;
}
.ratings-info .header-info .top-player .icon{
	background:none 50% 50% no-repeat;
	background-size: contain;
	display:block;
	position:absolute;
	margin:10px 20px 10px -60px;
	width:50px;
	height:50px;
}
.ratings-info .header-info .top-player .title{
	color:#fff;
	text-transform: uppercase;
	font-size:10px;
}
.ratings-info .header-info .top-player .player{
	text-align:center;
	display:block;
	position:absolute;
	width: 100%;
    margin-left: -70px;
	font-size:20px;
/* 	text-transform: uppercase; */
}
.ratings-info .header-info .top-player.procyon {
	color: #267199;
    box-shadow: -1px 1px 2px #267199, -3px 3px 4px #04091e, 0 0 20px #267199;
}
.ratings-info .header-info .top-player.capella {
	color: #9D2695;
    box-shadow: -1px 1px 2px #9D2695, -3px 3px 4px #04091e, 0 0 20px #9D2695;
}
.ratings-info .header-info .top-player.forcecalibur {
	color: #bd2626;
    box-shadow: -1px 1px 2px #bd2626, -3px 3px 4px #04091e, 0 0 20px #bd2626;
}

.ratings-info .header-info .top-player.procyon .icon{
	background-image:url('../img/procyon.png');
}
.ratings-info .header-info .top-player.capella .icon{
	background-image:url('../img/capella.png');
}

.ratings-info .player{font-weight:bold;}
.ratings-info .player.n-procyon{color: #267199;}
.ratings-info .player.n-capella{color: #9D2695;}

.ratings-info .title_rangs h4{
	line-height:45px !important;
	color:var(--color-sub-main);
}

table.styling{
	white-space:nowrap;
	margin:20px 0px;
	width:100%;
	color:#495057;
/* 	border:1px solid #eee; */
	text-align:left;
	border-collapse: collapse;
	border-spacing: 0;
}

table.styling tr{
	background: #f7f7f7;
}

table.styling tr:nth-child(even) {
	background:#fff;
}

table.styling tr th{
	font-weight:normal;
	padding:20px 10px;
	background:#04091e;
	color:#fff;
	text-transform: uppercase;
	border:1px solid #04091e;
	border-collapse: collapse;
}

table.styling tr td{
	padding:10px 10px;
	border:1px solid #04091e;
}

.personal .right_content > div{
	padding:20px 0px;
}
.personal .right_content h4{
	margin-bottom:20px;
}
.personal .left_menu{
	background:rgba(4,9,30,0.8);
/* 	background:#04091e; */
}

.personal .left_menu ul {display:block;padding:20px 0px 0px 0px;}
.personal .left_menu ul li{display:block;}
.personal .left_menu ul li a{
	display:block;
	text-transform: uppercase;
	color:#fff;
	text-align:center;
	overflow:hidden;
	line-height:40px;
	border-bottom:2px solid transparent;
}
.personal .left_menu ul li a.active{
	border-color:var(--color-sub-main);
	color:var(--color-sub-main);
}
.personal .left_menu ul li a:hover{
	border-color:#fff;
}

/* .characters_list{padding:20px 0px;} */
/* .characters_list h4{margin-bottom:20px;} */
.characters_list .item{margin:10px 0px;padding:20px;border:1px solid #04091e;border-radius:10px;background:#04091e;}
.characters_list .item .top{position:relative;}
.characters_list .item .top .icon{display:inline-block;margin:0px;padding:0px;position:absolute;height:32px;width:32px;top:0px;left:0px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;background-image:url(/img/icons/none.png);}
.characters_list .item .top .icon.icon_nation{}
.characters_list .item .top .icon.icon_class{margin-top:34px;}

.characters_list .item .top .icon.icon_nation_1{background-image:url(/img/capella.png);}
.characters_list .item .top .icon.icon_nation_2{background-image:url(/img/procyon.png);}

.characters_list .item .top .icon.icon_class_WA{background-image:url(/img/icons/class/1.png);}
.characters_list .item .top .icon.icon_class_BL{background-image:url(/img/icons/class/2.png);}
.characters_list .item .top .icon.icon_class_WI{background-image:url(/img/icons/class/3.png);}
.characters_list .item .top .icon.icon_class_FA{background-image:url(/img/icons/class/4.png);}
.characters_list .item .top .icon.icon_class_FS{background-image:url(/img/icons/class/5.png);}
.characters_list .item .top .icon.icon_class_FB{background-image:url(/img/icons/class/6.png);}

.characters_list .item .top .title{height:66px;display:block;margin:0px;padding:0px 0px 0px 40px;line-height:33px;}
.characters_list .item .top .title .name{color:var(--color-sub-main);}
.characters_list .item .top .title .name.nation_1{color:#9D2695;}
.characters_list .item .top .title .name.nation_2{color:#267199;}
.characters_list .item .top .title .level{color:#fff;}
.characters_list .item .item_info{color:#fff;padding:10px 0px;display:none;}
.characters_list .item .item_info p{padding:0px;margin:0px;}
.characters_list .item .item_info span{color:var(--color-sub-main);}


/* .profile{padding:20px 0px;} */
/* .profile h4{margin-bottom:20px;} */
.profile .change_password, .profile .donate_form {margin:10px 0px;padding:20px;border:1px solid #04091e;border-radius:10px;background:#04091e;}
.profile .change_password h4, .profile .donate_form h4{color:#fff;}
.profile .change_password .form-group, .profile .donate_form .form-group{position:relative;}
.profile .change_password .form-group .error_message, .profile .donate_form .form-group .error_message{position:relative;display:block;background:none;padding-left:10px;}

/* .profile h4{margin-bottom:20px;} */
.shop {}
.shop .sgop_list{position:relative;}
.shop .item, .shop .vip-kit-item, .shop .premium-item {position:relative;display:inline-block;border:1px solid #04091e;border-radius:10px;background:#04091e;min-height:130px;margin:10px;color:#fff;padding-right:10px; cursor:pointer;}
.shop .item .img, .shop .vip-kit-item .img, .shop .premium-item .img{width:128px;height:128px;position:absolute;left:0px;top:0px;text-align:center;}
.shop .item .img img, .shop .vip-kit-item .img img, .shop .premium-item .img img {width:100%;vertical-align:middle; border-radius: 10px; padding: 3px;}
.shop .item .info, .shop .vip-kit-item .info, .shop .premium-item .info {margin-left:140px; color:#fff;}
.shop .item .info .name, .shop .vip-kit-item .info .name, .shop .premium-item .info .name {padding:20px 5px 0px 0px;}
.shop .item .info .price span, .shop .vip-kit-item .info .price span, .shop .premium-item .info .price span {color: var(--color-sub-main);}

.shop_popup{width: 400px;margin: auto;position: relative;background: #fff;padding: 40px;border-radius: 20px 0px;}

.glow-text-orange {
    text-shadow: 0 0 2px var(--color-sub-main), 0 0 10px var(--color-main), 0 0 1px var(--color-dark), 0 0 28px var(--color-sub-main);
}
.glow-text-blue {
    color: #d9d9d9 !important;
    text-shadow: 0 0 2px #fff, 0 0 10px #fff, 0 0 1px #fff, 0 0 22px var(--color-main), 0 0 41px var(--color-border-table), 0 0 50px var(--color-main), 0 0 35px var(--color-main), 0 0 36px var(--color-sub-main);
}

/**:target{scroll-margin-top:112px;}*/

.policy li{
    list-style-type: circle;
}

.policy {
    color: #000b16;
}

.payment-icon {
    position: relative;
    border: 2px solid white; /* White outer border */
    border-radius: 30px; /* Adjust the value as needed for rounding */
    box-sizing: border-box; /* Include border in the element's dimensions */
    transition: border-color 0.3s ease, cursor 0.3s ease;
}

.payment-icon:hover {
    border-color: var(--color-main); /* Change border color on hover */
    cursor: pointer; /* Change cursor on hover */
}