#timer_div_title {
position:absolute;
height:16px;
width:210px;
top:100px;
right:70px;
color:#ffeb8b;
font-size:18px;
text-align:center;
font-weight:700;
font-family:Cambria;
text-shadow:1px 1px 2px #2a2629;
}

#timer_div_time {
position:absolute;
height:70px;
width:220px;
top:120px;
right:70px;
}

.timmer_inner_block {
width:50px;
height:65px;
background-color:rgba(0,0,0,.55);
-moz-border-radius:.5em;
-webkit-border-radius:.5em;
border-radius:.5em;
float:left;
border-bottom:1px solid rgba(255,255,255,.12);
color:#946666;
font-size:11px;
text-align:center;
margin:2px;
}

#timer_div_time .timmer_inner_block .title {
text-align:center;
font-size:11px;
color:#add8e6;
padding:3px;
}

#timer_div_time .timmer_inner_block .count {
text-align:center;
font-weight:700;
font-size:17px;
padding-top:7px;
text-shadow:#000 0 0 3px;
color:#ffeb7e;
}

body {
width:100%;
background:url(../images/top-bg.jpg) top center no-repeat;
/* background:url(../images/top-bg5.jpg) top center no-repeat, url(../images/bottom-bg.jpg) bottom center no-repeat; */
background-color:#000;
font-family:open sans,sans-serif;
font-size:13px;
color:#ffe3a8;
background-attachment:fixed;
line-height:1;
}

a {
transition:all .3s ease;
color:#f1e5c8;
text-decoration:none;
}

a:hover,button:hover {
-webkit-filter:brightness(120%);
filter:brightness(120%);
text-decoration:none;
}

h1,h2,h3 {
color:#ffe117;
margin-bottom:20px;
line-height:1.5;
}

h1 {
font-size:18px;
}

h2 {
font-size:16px;
}

h3 {
font-size:14px;
color:inherit!important;
}

input,textarea {
background-color:#2d2713;
border:1px solid #453d2c;
color:#9f907d;
font-size:12px;
position:relative;
border-radius:3px;
transition:all .5s ease;
width:calc(100%-20px);
padding:5px 10px;
}

.button,button {
transition:all .3s ease;
cursor:pointer;
background:url(../images/button.html) center no-repeat;
background-size:cover;
border:none;
color:#eee1c3;
text-transform:uppercase;
text-shadow:1px 1px 1px rgba(0,0,0,.2);
position:relative;
z-index:1;
display:inline-block;
padding:10px 20px;
}

.green-button {
background:url(../images/green-button.html) center no-repeat;
background-size:cover;
box-shadow:0 0 20px 0 rgba(241,181,119,.2);
}

.button-small {
padding:4px 12px;
}

:focus {
outline:0;
}

.wrapper {
width:1200px;
position:relative;
margin:0 auto;
}

.flex-center {
display:flex;
justify-content:space-between;
align-items:center;
}

.light {
background:url(../images/2.jpg);
border-left:2px groove #00ff00;
border-right:2px groove #00ff00;
}

.light2 {
background:url(../images/3.jpg);
border-left:2px groove #00ff00;
border-right:2px groove #00ff00;
}

.container {
min-height:1050px;
position:relative;
z-index:3;
}

.top-panel {
height:64px;
background:rgba(0,0,0,.2);
width:100%;
position:absolute;
z-index:10;
transition:all 1s ease;
}

.top-panel .top-panel-container {
width:1200px;
margin:0 auto;
}

.top-panel:hover {
background:rgba(0,0,0,.5);
}

.menu li {
display:inline-block;
background:0 0;
margin:0 12px;
padding:0;
}

.menu li a {
display:block;
line-height:63px;
text-transform:uppercase;
color:#efdeb7;
padding:0 16px;
}

.menu li a:hover {
color:#ffeb7efff;
border-bottom:1px solid #ffa73a;
text-shadow:0 0 10px rgba(255,255,255,.7);
}

.menu li:first-child {
margin:0 12px 0 0;
}

.language-block a {
display:inline-block;
height:22px;
width:22px;
opacity:.9;
margin:0 5px;
}

.language-block a:hover {
opacity:1.9;
}

.language-block .eng {
background:url(../images/eng-icon.html) no-repeat;
}

.language-block .rus {
background:url(../images/rus-icon.html) no-repeat;
}

.header {
/* height:490px; */
position:relative;
}

.char {
position:absolute;
left:-147px;
bottom:-78px;
background:url(../images/char.html) no-repeat;
width:651px;
height:500px;
z-index:2;
transition:all .8s ease;
transform:scale(1);
opacity:1;
display:block;
cursor:pointer;
}

.char:hover {
filter:drop-shadow(0010pxrgba(162,229,241,.2));
}

.char.small {
transform:scale(.7);
opacity:.1;
}

.logo {
width:100%;
text-align:center;
top:110px;
position:absolute;
}

.sparks1 {
position: absolute;
bottom: 0;
left: 100px;
}

.sparks2 {
position: absolute;
bottom: 0;
right: 100px;
}

.sparks3 {
position: absolute;
bottom: 0;
right: 100px;
}

.spark-1 {
background: url(../images/sparks_1.png);
width: 350px;
height: 226px;
left: -50px;
bottom: -250px;
position: absolute;
animation: 4s spark-1 linear infinite;
}

@keyframes spark-1 {
0% {
transform: scale(0.4);
bottom: -150px;
}
33% {
transform: scale(0.6);
bottom: -100px;
}
66% {
transform: scale(0.8);
bottom: -50px;
opacity: 1;
}
100% {
transform: scale(1);
bottom: 0px;
opacity: 0;
}
}
.spark-2 {
background: url(../images/sparks_2.png);
width: 350px;
height: 390px;
left: -50px;
bottom: -250px;
position: absolute;
animation: 4s spark-2 linear infinite;
/* animation-delay: 1s; */
}

@keyframes spark-2 {
0% {
transform: scale(0.4);
bottom: -150px;
}
33% {
transform: scale(0.6);
bottom: -100px;
}
66% {
transform: scale(0.8);
bottom: -50px;
opacity: 1;
}
100% {
transform: scale(1);
bottom: 0px;
opacity: 0;
}
}
.spark-3 {
background: url(../images/sparks_3.png);
width: 350px;
height: 352px;
left: -50px;
bottom: -250px;
position: absolute;
animation: 4s spark-3 linear infinite;
/* animation-delay: 2s; */
}

@keyframes spark-3 {
0% {
transform: scale(0.4);
bottom: -150px;
}
33% {
transform: scale(0.6);
bottom: -100px;
}
66% {
transform: scale(0.8);
bottom: -50px;
opacity: 1;
}
100% {
transform: scale(1);
bottom: 0px;
opacity: 0;
}
}

.spark-11 {
background: url(../images/sparks_11.png);
width: 350px;
height: 226px;
right: -50px;
bottom: -250px;
position: absolute;
animation: 4s spark-11 linear infinite;
}

@keyframes spark-11 {
0% {
transform: scale(0.4);
bottom: -150px;
}
33% {
transform: scale(0.6);
bottom: -100px;
}
66% {
transform: scale(0.8);
bottom: -50px;
opacity: 1;
}
100% {
transform: scale(1);
bottom: 0px;
opacity: 0;
}
}
.spark-22 {
background: url(../images/sparks_22.png);
width: 350px;
height: 390px;
right: -50px;
bottom: -400px;
position: absolute;
animation: 4s spark-22 linear infinite;
/* animation-delay: 1s; */
}

@keyframes spark-22 {
0% {
transform: scale(0.4);
bottom: -150px;
}
33% {
transform: scale(0.6);
bottom: -100px;
}
66% {
transform: scale(0.8);
bottom: -50px;
opacity: 1;
}
100% {
transform: scale(1);
bottom: 0px;
opacity: 0;
}
}
.spark-33 {
background: url(../images/sparks_33.png);
width: 350px;
height: 352px;
right: -50px;
bottom: -350px;
position: absolute;
animation: 4s spark-33 linear infinite;
/* animation-delay: 2s; */
}

@keyframes spark-33 {
0% {
transform: scale(0.4);
bottom: -150px;
}
33% {
transform: scale(0.6);
bottom: -100px;
}
66% {
transform: scale(0.8);
bottom: -50px;
opacity: 1;
}
100% {
transform: scale(1);
bottom: 0px;
opacity: 0;
}
}

.leaves {
position: absolute;
bottom: 0;
left: -50px;
}

.leaves-1 {
background: url(../images/leaves_1.png);
width: 300px;
height: 197px;
left: 0px;
bottom: -200px;
position: absolute;
animation: 5s leaves-1 linear infinite;
}

@keyframes leaves-1 {
0% {
transform: scale(0.7) rotate(0deg);
bottom: -200px;
left: 250px;
}
33% {
transform: scale(0.8) rotate(30deg);
bottom: -100px;
left: 500px;
}
66% {
transform: scale(0.9 rotate(60deg));
bottom: 0px;
left: 750px;
opacity: 1;
}
100% {
transform: scale(1) rotate(90deg);
bottom: 100px;
left: 1000px;
opacity: 0;
}
}
.leaves-2 {
background: url(../images/leaves_2.png);
width: 283px;
height: 171px;
left: 0px;
bottom: -200px;
position: absolute;
animation: 5s leaves-2 linear infinite;
animation-delay: 2s;
}

@keyframes leaves-2 {
0% {
transform: scale(0.7) rotate(0deg);
bottom: -200px;
left: 250px;
}
33% {
transform: scale(0.8) rotate(-30deg);
bottom: -100px;
left: 500px;
}
66% {
transform: scale(0.9 rotate(-60deg));
bottom: 0px;
left: 750px;
opacity: 1;
}
100% {
transform: scale(1) rotate(-90deg);
bottom: 100px;
left: 1000px;
opacity: 0;
}
}
.leaves-3 {
background: url(../images/leaves_3.png);
width: 324px;
height: 222px;
left: 0px;
bottom: -200px;
position: absolute;
animation: 5s leaves-3 linear infinite;
animation-delay: 4s;
}

@keyframes leaves-3 {
0% {
transform: scale(0.7) rotate(0deg);
bottom: -200px;
left: 250px;
}
33% {
transform: scale(0.8) rotate(-30deg);
bottom: -100px;
left: 500px;
}
66% {
transform: scale(0.9 rotate(-60deg));
bottom: 0px;
left: 750px;
opacity: 1;
}
100% {
transform: scale(1) rotate(-90deg);
bottom: 100px;
left: 1000px;
opacity: 0;
}
}

.start-game {
width:100%;
bottom:25px;
position:absolute;
}

.start-game a {
display:block;
background:url(../images/start-game-button.html) no-repeat;
width:297px;
height:71px;
line-height:71px;
text-align:center;
text-transform:uppercase;
font-size:18px;
text-shadow:1px 1px 1px rgba(0,0,0,.8);
margin:0 auto;
}

.download-block {
background:url(../images/dowload-button.html) no-repeat;
height:90px;
transition:.2s linear;
box-shadow:0 5px 20px -2px rgba(0,0,0,.1);
}

.download-block:hover {
filter:brightness(1.3);
}

.download-block a {
display:block;
position:relative;
z-index:3;
font-size:11px;
color:#b0937a;
line-height:1.5;
padding:23px 0 23px 90px;
}

.download-block a span {
display:block;
color:#f2dcaa;
font-size:18px;
text-transform:uppercase;
font-weight:700;
}

.p-block {
padding:20px 20px 30px;
}

.login-block {
background:url(../images/login-block-bg.jpg) bottom no-repeat,url(../images/login-block-repeat.jpg);
}

.login-block .login-block-title span {
font-size:14px;
text-transform:uppercase;
font-weight:700;
color:#ffeb7e;
}

.login-block .login-block-title a {
color:#ffc06f;
}

.login-block input {
background-repeat:no-repeat;
background-position:left;
height:32px;
width:calc(100%-60px);
padding:0 10px 0 50px;
}

.login-block .login-button {
margin-bottom:10px;
}

.login-block .login-button a {
color:#76684e;
}

.login-in input {
background-image:url(../images/login-icon.html);
}

.password-in input {
background-image:url(../images/password-icon.html);
}

.checkbox {
display:block;
padding-top:10px;
}

.checkbox-custom {
position:relative;
width:16px;
height:16px;
border:1px solid #394c66;
border-radius:3px;
background:#131f2d;
}

.checkbox-custom,.label {
display:inline-block;
vertical-align:middle;
}

.label {
margin-left:9px;
margin-bottom:-2px;
color:#8bfeff;
}

.checkbox:checked+.checkbox-custom::before {
content:"";
display:block;
position:absolute;
width:16px;
height:16px;
top:0;
left:0;
background:url(../images/check.html) center no-repeat;
}

.sidebar-title {
color:#f9f1c5;
line-height:1.6;
padding-bottom:10px;
text-align:center;
}

.sidebar-title span {
display:block;
font-size:17px;
color:#ffe869;
font-weight:700;
text-transform:uppercase;
margin-bottom:-7px;
}

.sidebar-title .top-title-img {
background:url(../images/top-player-title-bg.html) no-repeat;
width:43px;
height:42px;
border-radius:50%;
box-shadow:0 0 14px 0 rgba(171,134,51,.5);
}

.sidebar-title .forum-img {
background:url(../images/forum-title-bg.html) no-repeat;
width:43px;
height:42px;
border-radius:50%;
box-shadow:0 0 14px 0 rgba(51,99,171,.5);
}

.top-player {
border-bottom:1px solid rgba(133,216,255,.06);
padding:10px 0;
}

.top-player .number {
border:1px solid #2e394a;
color:#657793;
font-weight:700;
width:16px;
height:16px;
line-height:16px;
text-align:center;
}

.top-player .number.first {
color:#ffe956;
border:1px solid #ffe956;
}

.top-player .number.second {
color:#d3e3e4;
border:1px solid #d3e3e4;
}

.top-player .number.third {
color:#8d6f46;
border:1px solid #8d6f46;
}

.top-player .ava-img {
width:40px;
text-align:center;
height:18px;
}

.top-player .ava-img img {
width:28px;
height:16px;
border:1px solid #16629c;
box-shadow:0 4px 4px 0 rgba(0,0,0,.1);
}

.top-player .nickname {
width:135px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
color:#d0e3ff;
padding:1px 0;
}

.top-player .kills {
width:40px;
text-align:right;
color:#74acff;
font-size:14px;
}

.media-block a {
display:block;
box-shadow:0 5px 10px 0 rgba(0,0,0,.1);
position:relative;
}

.media-block a:after {
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
box-shadow:inset 0 0 190px 20px rgba(0,0,0,.8);
transition:all 1s ease;
}

.media-block img {
margin-bottom:-2px;
}

.media-block p a:after {
background:url(../images/play-icon.html) center no-repeat;
}

.media-block a:hover:after {
box-shadow:inset 0 0 190px 20px rgba(0,0,0,.2);
}

.content {
position:relative;
background:url(../images/content-bg.jpg);
/* border-left:2px groove #ff6600; */
/* border-right:2px groove #ff6600; */
line-height:1.4;
z-index:100;
padding:20px;
}

.content input {
width:auto;
}

.slider {
overflow:hidden;
position:relative;
width:630px;
height:214px;
z-index:100;
margin:-30px -20px 0;
}

.slider .slides {
position:relative;
transition:1s;
}

.slider .slides .active .slider-text {
transition:all 2s ease;
bottom:20px!important;
}

.slider .slides .slide {
float:left;
display:block;
position:relative;
}

.slider .slides .slide:after {
content:"";
position:absolute;
height:100%;
width:100%;
left:0;
top:0;
}

.slider .slides .slide .slider-text {
position:absolute;
bottom:-200px;
left:0;
width:calc(100%-60px);
line-height:1.3;
color:#ffeb7e;
text-shadow:2px 2px 10px rgba(0,0,0,.8);
text-align:center;
z-index:4;
padding:8px 30px;
}

.slider .slides .slide h1 {
margin-bottom:1px;
color:#ffeb7e;
font-size:36px;
}

.slider .slides .slide img {
width:630px;
max-width:630px;
height:214px;
}

.slider .navigation {
position:absolute;
left:23px;
top:16px;
z-index:1;
cursor:pointer;
display:none;
}

.slider .navigation .dot {
display:inline-block;
width:12px;
height:12px;
background:linear-gradient(tobottom,#a6d0b6,#89b899);
border:1px solid #427252;
cursor:pointer;
position:relative;
margin:0 2px;
}

.slider:hover .next,.slider:hover .prev {
opacity:1;
transition:all .7s ease;
}

.slider .navigation .active:after {
content:"";
background:linear-gradient(tobottom,#a6d0b6,#89b899);
height:10px;
width:10px;
border:1px solid #b9d8c2;
position:absolute;
}

.tabs>.section {
display:none;
border-top:1px solid #2e3543;
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-name:fadeIn;
animation-name:fadeIn;
}

::placeholder {
color:#5f482c;
}

.tabs>input {
display:none;
position:absolute;
}

.tabs>label {
display:inline-block;
text-align:center;
color:#839cb3;
font-size:12px;
padding:15px 18px;
}

.tabs>label:hover {
cursor:pointer;
color:#ffeb7e;
}

.tabs>input:checked+label {
color:#69a9e5;
background:#1b222c;
border-bottom:1px solid #69a9e5;
border-top:1px solid #202938;
border-left:1px solid #202938;
border-right:1px solid #202938;
}

#articles:checked~#content-articles,#guides:checked~#content-guides,#news:checked~#content-news {
display:block;
color:#82a5dd;
}

.first-new {
display:flex;
justify-content:space-between;
padding-bottom:20px;
border-bottom:1px solid rgba(46,53,67,.3);
}

.first-new .news-img {
opacity:.7;
width:237px;
}

.first-new .news-img img {
width:237px;
box-shadow:2px 2px 10px 0 rgba(0,0,0,.3);
}

.first-new .first-news-info {
width:592px;
}

.first-new .first-news-info h2 {
margin-bottom:10px;
font-weight:400;
}

.first-new .first-news-info p {
text-align:justify;
}

.first-new .first-news-info .first-news-i .button {
margin-right:15px;
}

.news {
border-bottom:1px solid rgba(46,53,67,.3);
transition:all .5s ease;
min-height:25px;
padding:15px 18px;
}

.news .news-title {
display:flex;
align-items:center;
}

.news .news-title h2 {
color:#b9a78c;
margin-bottom:0;
font-size:12px;
font-weight:400;
}

.news .news-title span {
color:#73a6ff;
font-size:10px;
border:1px solid #73a6ff;
margin-right:12px;
padding:2px 4px;
}

.news .date-more {
color:#435067;
width:150px;
text-align:right;
}

.news:hover {
background:rgba(97,115,142,.04);
}

.news:hover .more {
display:block;
}

.carousel {
position:relative;
width:510px;
padding:0 40px;
}

.arrow {
position:absolute;
top:85px;
height:30px;
width:30px;
display:block;
padding:0;
}

.arrow:hover {
cursor:pointer;
}

.prev {
left:0;
background:url(../images/nav-left.html) no-repeat;
}

.next {
right:0;
background:url(../images/nav-right.html) no-repeat;
}

.gallery {
width:510px;
overflow:hidden;
}

.gallery ul {
height:205px;
width:9999px;
list-style:none;
transition:margin-left 2.25s;
margin:0;
padding:0;
}

.gallery li {
width:150px;
height:205px;
display:inline-block;
background:rgba(0,0,0,.05);
text-align:center;
position:relative;
margin:0 10px;
padding:0;
}

.gallery li .shop-img img {
max-width:150px;
}

.gallery li .shop-price {
color:#63cdff;
font-size:18px;
}

.gallery li .shop-button {
width:100%;
position:absolute;
bottom:20px;
text-align:center;
}

.server {
display:flex;
align-items:center;
border-bottom:1px solid rgba(142,227,255,.06);
padding:10px 20px 10px 10px;
}

.server .server-x {
width:74px;
height:74px;
text-align:center;
line-height:74px;
font-size:14px;
font-weight:700;
text-shadow:2px 2px 1px rgba(0,0,0,.3);
}

.server .server-info {
width:100%;
color:#eef7ff;
padding:20px;
}

.server .server-info span {
color:#ad8e61;
}

.server .server-info span b {
color:#eab255;
font-weight:700;
font-size:20px;
}

.server-description {
text-align:center;
font-size:11px;
color:#9a8e6a;
}

.server .server-progress {
background:rgba(0,0,0,.8);
height:3px;
margin:8px 0;
}

.server .server-progress span {
width:100%;
height:3px;
display:block;
}

.server:last-child {
border-bottom:none;
}

.blue .server-x {
background:url(../images/server-blue-img.html) center no-repeat;
color:#8ecbff;
}

.blue .server-progress span {
background:#ae6e27;
box-shadow:0 0 10px 0 rgba(255,141,0,.6);
}

.pink .server-x {
background:url(../images/server-pink-img.html) center no-repeat;
color:#ffbae3;
}

.pink .server-progress span {
background:#ff0096;
box-shadow:0 0 10px 0 rgba(255,0,150,.6);
}

.green .server-x {
background:url(../images/server-green-img.html) center no-repeat;
color:#deffba;
}

.green .server-progress span {
background:#7fff18;
box-shadow:0 0 10px 0 rgba(127,255,24,.6);
}

.forum-block {
box-shadow:0 15px 20px -7px rgba(0,0,0,.15);
}

.sidebar-forum-title {
border-bottom:1px solid rgba(181,203,243,.04);
padding-bottom:18px;
}

.forum {
display:flex;
align-items:center;
border-bottom:1px solid rgba(181,203,243,.04);
padding:10px 0;
}

.forum p {
margin-bottom:7px;
}

.forum .forum-ava {
width:45px;
}

.forum .forum-ava img {
height:29px;
width:29px;
border:1px solid #16629c;
box-shadow:4px 4px 5px 0 rgba(0,0,0,.2);
}

.forum .forum-title a {
color:#7d99c4;
}

.forum .forum-info {
width:200px;
}

.forum .forum-info .date {
color:#3c4961;
font-size:10px;
}

.fast-links-block li {
margin-left:-11px;
background:url(../images/li-icon.html) left no-repeat;
padding:9px 0 9px 29px;
}

.fast-links-block li a {
color:#82a5dd;
}

#toTop {
position:absolute;
display:block;
width:86px;
height:86px;
left:50%;
top:30px;
margin-left:-20px;
background:url(../images/up-button.png) no-repeat;
cursor:pointer;
z-index:2;
}

.footer {
height:160px;
position:relative;
color:#f7ca6b;
line-height:1.3;
}

.footer a {
color:#567db3;
}

.f-logo {
position:absolute;
width:100%;
text-align:center;
top:100px;
}

.footer-info {
position:absolute;
width:100%;
top:170px;
}

.design {
text-align:right;
padding-right:20px;
width:210px;
}

.copyright {
padding-left:20px;
width:210px;
}

.f-menu li {
display:inline-block;
background:0 0;
border-right:1px solid #3d4b5d;
padding:0 18px 0 15px;
}

.f-menu li a {
color:#c5a881;
text-transform:uppercase;
font-size:10px;
background:rgba(0,0,0,.47843137254901963);
padding:4px 10px;
}

.f-menu li a:hover {
color:#ffeb7e;
}

.f-menu li:last-child {
border-right:none;
padding:0 0 0 15px;
}

.f-menu li:first-child {
padding:0 18px 0 0;
}

table.sidebar_rank {
width:100%;
border:0;
border-collapse:collapse;
margin:0;
}

table.sidebar_rank th {
border:0;
text-align:left;
background-color:rgba(0,0,0,.2);
border-bottom:1px solid rgba(255,255,255,.04);
padding-bottom:0;
font-weight:400;
width:0;
padding-left:10px;
}

table.sidebar_rank tr:first-child:hover {
background-color:transparent;
}

table.sidebar_rank tr {
border:0;
text-align:left;
height:35px;
}

table.sidebar_rank tr:hover {
background-color:rgba(0,0,0,.15);
transition-duration:.3s;
}

table.sidebar_rank td {
border:0;
text-align:left;
border-bottom:1px solid rgba(255,255,255,.04);
padding-bottom:3px;
padding-top:3px;
padding-left:10px;
}

.ranking-table {
text-align:center;
width:100%;
border-collapse:collapse;
line-height:26px;
}

.ranking-table th {
border-bottom:1px solid rgba(255,255,255,.04);
}

.ranking-table td {
background-color:rgba(0,0,0,.15);
border-bottom:1px solid rgba(255,255,255,.04);
}

.ranking-table tr {
height:35px;
}

.ranking-table tbody tr:hover {
background:rgba(0,0,0,.15);
}

.main-table {
text-align:center;
width:100%;
border-collapse:collapse;
line-height:26px;
background:url(../images/divider4-bg.html) repeat-x left top;
}

.main-table2 {
text-align:left;
width:100%;
border-collapse:collapse;
line-height:26px;
background:url(../images/divider4-bg.html) repeat-x left top;
}

.main-tr {
font-weight:700;
background-color:rgba(0,0,0,.2);
height:35px;
padding-left:10px;
}

.opt input {
float:left;
width:40px;
margin-left:-10px;
margin-top:4px;
}

.haberler {
box-shadow:0 25px 30px -5px rgba(0,0,0,.2);
margin:0 -20px 20px;
}

.haberler .haber {
max-height:120px;
overflow:hidden;
position:relative;
padding:20px 20px 40px;
}

a.HaberinDevami {
position:absolute;
top:130px;
left:calc(50%-57px);
font-size:10px;
background:#0d1927;
border:1px dashed #333c46;
box-shadow:0 0 10px #161f28,0 0 10px #161f28,0 0 10px #161f28;
z-index:12356234;
padding:3px 20px;
}

.ItemIcerik {
position:relative;
box-shadow:inset 0 0 10px #060c15;
margin-bottom:30px;
}

.ItemIcerik span {
position:absolute;
width:100%;
bottom:-30px;
text-align:center;
background:#0b1521;
line-height:30px;
}

.ItemIcerik gaya {
background:#182432;
line-height:27px;
position:relative;
bottom:-92px;
box-shadow:0 0 10px #070d15;
padding:2px 7px;
}

.ItemIcerik gaya img {
display:inline-block;
}

.gaya-magazasi h2 {
line-height:35px;
padding-left:20px;
background:#090f1785;
color:#93a6b9;
border-bottom:1px solid #283440;
margin:-20px -20px 15px;
}

.haber.haber-2 {
background:rgba(65,78,90,.16862745098039217);
}

.haberler .haber.haber-2::after {
content:" ";
display:block;
height:80px;
background:linear-gradient(totop,#1c252f,rgba(18,27,36,0));
position:relative;
bottom:78px;
left:-20px;
width:calc(100%+40px);
}

.haberler .haber.haber-1::after {
content:" ";
display:block;
height:80px;
background:linear-gradient(totop,#141d26,#121b2400);
position:relative;
bottom:78px;
left:-20px;
width:calc(100%+40px);
}

.slider-video {
position:absolute;
z-index:-1;
top:0;
left:0;
visibility:visible;
opacity:1;
width:630px;
height:auto;
margin:auto;
}

.panel-heading {
border-bottom:1px solid #403928;
margin-bottom:10px;
padding-bottom:5px;
color:#dacd9a;
font-size:16px;
font-weight:700;
margin-top:20px;
}

.Danger-Box {
width:100%;
background:linear-gradient(totopleft,#401212,#621e1e,#964141);
margin-left:-20px;
color:#f7bbbb;
margin-bottom:20px;
padding:10px 20px;
}

.Warning-Box {
width:100%;
background:linear-gradient(totopleft,#403212,#62441e,#966c41);
margin-left:-20px;
color:#f7ddbb;
margin-bottom:20px;
padding:10px 20px;
}

.Info-Box {
width:100%;
background:linear-gradient(totopleft,#122740,#1e3f62,#415f96);
margin-left:-20px;
color:#bbd3f7;
margin-bottom:20px;
padding:10px 20px;
}

.Success-Box {
width:100%;
background:linear-gradient(totopleft,#124016,#1e6223,#429641);
margin-left:-20px;
color:#e2ffe8;
margin-bottom:20px;
padding:10px 20px;
}

input.form-control {
height:22px;
width:calc(100%-22px);
padding-left:10px;
padding-right:10px;
}

.form-group label {
font-size:13px;
padding-top:5px;
padding-bottom:5px;
display:block;
}

.btn-block {
margin-top:20px;
width:100%;
font-weight:700;
color:#ffeb8b;
text-shadow:1px 1px 0 #172331;
}

select.form-control {
background-color:#2d2713;
border:1px solid #453d2c;
color:#9f907d;
font-size:12px;
position:relative;
border-radius:3px;
transition:all .5s ease;
height:34px;
width:calc(100%);
-webkit-appearance:none;
-moz-appearance:none;
text-indent:1px;
padding:5px 10px;
}

select.form-control::after {
content:"x";
display:block;
width:10px;
height:10px;
}

select::-ms-expand {
display:none!important;
}

button.g-recaptcha.btn.btn-giris {
display:block;
margin-top:20px;
width:100%;
font-weight:700;
color:#ffeb8b;
text-shadow:1px 1px 0 #172331;
}

span#TicketMesajSayar {
position:absolute;
right:18px;
background:#2c3545;
color:#ffeb8b;
margin-top:-85px;
padding:2px 7px;
}

.kayip-buttonlar2-cp a {
background:url(../images/button.html);
width:calc(50%-10px-20px);
line-height:30px;
margin-bottom:6px;
border:1px solid #807749;
background-size:cover;
color:#f7fbfe;
float:left;
padding-left:20px;
text-shadow:1px 1px 1px rgba(0,0,0,.45);
}

.KarakterProfil {
width:24%;
float:left;
margin-right:1%;
background:url(../images/light-bg.jpg);
box-shadow:0 12px 30px -5px rgba(0,0,0,.1),0 -12px 30px -5px rgba(0,0,0,.1);
}

.KarakterProfil span {
display:block;
font-size:12px;
color:#ffeb7e;
position:relative;
top:24px;
}

.KarakterProfil img {
width:70%;
margin-top:20px;
margin-bottom:-10px;
}

span#Progress {
transition:1s linear;
}

span.haber-tarih {
font-size:10px;
background:#101010;
margin-bottom:5px;
display:inline-block;
padding:2px 8px;
}

.content.light {
background:url(../images/2.jpg);
background-size: contain;
background-position: center center;
margin-top:-1px;
width:1080px;
}

.content.light2 {
background:url(../images/3.jpg);
background-size: contain;
background-position: center center;
margin-top:-1px;
width:1080px;
}

.ItemKutu2 {
width:80px;
height:80px!important;
background-repeat:no-repeat!important;
background-position:center!important;
display:inline-block;
transition:.2s linear;
margin:10px 10px 10px 0;
}

.ItemKutu {
width:80px;
height:80px!important;
background-repeat:no-repeat!important;
background-position:center!important;
background-color:#000!important;
border:1px dotted #e3bd66;
display:inline-block;
transition:.2s linear;
margin:10px 15px 10px 0;
}

.ItemKutu:hover {
background-color:#3c0000!important;
border:1px dotted #e3bd66;
}

.BaslangicSilah {
height:120px;
width:100%;
display:block;
}

.DungeonInfo div {
width:17%;
float:left;
height:70px;
background-color:rgba(0,0,0,.47843137254901963)!important;
border:1px solid #c3a46d;
border-style:dashed;
margin:15px .5%;
padding:10px;
}

.DungeonInfo div h3 {
color:#ffeb8b;
text-transform:uppercase;
font-size:15px;
font-weight:700;
margin-top:0;
}

.DungeonInfo small {
color:#bbb;
}

.Biyolog div {
width:17%;
float:left;
height:80px;
text-align:center;
border:1px solid #fee295;
background-color:#000;
margin:4px .4%;
padding:10px;
}

.Biyolog div h3 {
color:#ffeb8ba6b!important;
text-transform:uppercase;
font-size:14px;
font-weight:700;
margin-top:0;
}

.Biyolog small {
color:#c5b338!important;
}

.table-efsun thead {
background:#ffe666;
color:#000;
border:1px solid #000;
}

.table-efsun thead tr td {
vertical-align:middle;
color:#000;
border:1px solid #000;
border-top:1px solid #000!important;
}

.table-efsun tbody tr td {
background-color:#831c1c;
border:1px solid #000;
color:#ffefa5;
text-shadow:1px 1px 1px #000;
}

.SliderResimleri img {
height:110px;
margin:5px;
}

div.hakkinda-yazi {
font-size:16px;
font-weight:600;
font-family:Cambria;
color:#ffe3a8;
text-shadow:1px 1px 1px #000;
position:absolute;
top:0;
z-index:-1;
margin:0 auto;
padding:850px 150px 50px;
}

/* .ItemKutu.MiniKutu { */
/* width:60px!important; */
/* height:60px!important; */
/* } */

.ItemKutu.MiniKutu {
width:35px;
height:35px!important;
background-repeat:no-repeat!important;
background-position:center!important;
background-color:#000!important;
border:1px dotted #e3bd66;
display:inline-block;
transition:.2s linear;
margin:10px 5px -14px 0;
}

.ItemKutu.MiniKutu:hover {
background-color:#3c0000!important;
border:1px dotted #e3bd66;
}

.tippy-tooltip {
background:#000!important;
border:1px solid #d7a621;
background-color:#000;
-webkit-box-shadow:inset 0 0 45px -13px rgba(120,100,0,.59);
-moz-box-shadow:inset 0 0 45px -13px rgba(120,100,0,.59);
box-shadow:inset 0 0 45px -13px rgba(120,100,0,.59);
color:#ffec9f;
text-shadow:1px 1px 1px #000;
font-weight:700;
border-radius:1px;
}

h5.ItemsBaslik {
color:#ffeb8b;
}

p,.content ul {
margin-bottom:15px;
}

input:focus,textarea:focus,input:hover,textarea:hover {
border:1px solid #635642;
}

::-webkit-input-placeholder,::-moz-placeholder,:-moz-placeholder,:-ms-input-placeholder {
color:#485365;
}

.left-sidebar,.right-sidebar {
width:285px;
background:url(../images/sidebar-bg.jpg);
margin-bottom:110px;
position:relative;
}

.login-block .login-block-title,.login-block .checkbox-block {
margin-bottom:20px;
}

.slider .next,.slider .prev {
position:absolute;
cursor:pointer;
opacity:0;
z-index:12;
}

.tabs,.gaya-magazasi {
box-shadow:0 25px 30px -5px rgba(0,0,0,.2);
background:url(../images/news-bg.jpg);
margin:0 -20px 20px;
padding:20px;
}

to,.first-new .news-img:hover {
opacity:1;
}

.news .more,.news:hover .date {
display:none;
}

.news:hover h2,.gallery li .shop-title {
color:#bbd0f0;
}

.server-block,.players-block {
padding:0;
}

.server .server-description a,.forum .forum-info .autor {
color:#65a1ff;
text-decoration:underline;
font-size:10px;
}

.server .server-description a:hover,.forum .forum-info .autor:hover {
text-decoration:none;
}

.ranking-table th.end,.ranking-table td.end,.main-table th.end,.main-table td.end,.main-table2 th.end,.main-table2 td.end {
border-right:0;
}

.main-table th,.main-table td,.main-table2 th,.main-table2 td {
background:url(../images/divider4-bg.html) repeat-x left bottom;
}

.main-table tbody tr:hover,.main-table2 tbody tr:hover {
background-color:rgba(255,255,255,.4);
}