/*!

    

 =========================================================

 * WebEngine CMS

 * https://webenginecms.org/

 =========================================================

 

 * Author Lautaro Angelico (https://lautaroangelico.com/)

 * Copyright (c) 2013-2020 Lautaro Angelico, All Rights Reserved

 

 * Licensed under the MIT license

 * http://opensource.org/licenses/MIT

 

 =========================================================

 

*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {

	display: block;

}





* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

body {

  width: 100%;

  background: url(../img/fon-bg-top.jpg) center top no-repeat, url(../img/fon-bg-bottom.jpg) center bottom no-repeat;

  background-color: #09040f;

  font-family: 'Candara', 'Verdana';

  font-weight: 400;

/*  font-size: 15px;*/

  font-size: 15px;

  color: #fff;

  min-height: 100vh;

  overflow-x: hidden;

}

a {

  transition: all 0.3s ease;

  color: #35f2b3;

  text-decoration: none;

}





h1,

h2,

h3 {

  color: #35f2b3;

  margin-bottom: 20px;

  line-height: 1.2;

  text-transform: uppercase;

  font-weight: 600;

}

h1 {

  font-size: 20px;

}

h2 {

  font-size: 18px;

}

h3 {

  font-size: 16px;

}

/* TABLE REMOVIDO */



/* table {

  width: 100%;

}/* 

/* table td {

  border-collapse: collapse;

  padding: 4px;

  border: 1px solid #715896;

  text-align: center;

}/* 



/* table tr:nth-child(odd) {

  background-color: #1a1225;

}/* */



caption {

  margin-bottom: 15px;

}



textarea {

  color: #044f37;

  position: relative;

}



.agree{

  padding-top: 30px;

}



.agree a{

  color: #fda4ef;

  text-decoration: underline !important;

}



.agree a:hover{

  text-decoration: none !important;

}



:focus {

  outline: none;

}

::-webkit-input-placeholder {

  color: #a66c9d;

  text-align: center;

}

::-moz-placeholder {

  color: #a66c9d;

}

:-moz-placeholder {

  color: #a66c9d;

}

:-ms-input-placeholder {

  color: #a66c9d;

}

.wrapper {

  width: 1200px;

  margin: 0 auto;

  position: relative;

}



.flex {

  display: flex;

}

.flex-s {

  display: flex;

  justify-content: space-between;

}

.flex-s-c {

  display: flex;

  justify-content: space-between;

}

.flex-c-c {

  display: flex;

  justify-content: center;

  align-items: center;

}



/* Header

-----------------------------------------------------------------------------*/

.header {

  min-height: 634px;

  position: relative;

}



.content{

  position: relative;

  z-index: 10;

}





.logo {

  display: block;

  position: absolute;

  transition: 0.3s;

  z-index: 2;

/*  margin-left: -35px;

  top: 235px;*/

  margin-left: 310px;

  top: 200px;

}



.logo:hover {

  -webkit-filter: brightness(120%);

  filter: brightness(120%);

}



.buttons-small{

  display: flex;

  justify-content: center;

  align-items: center;

}



.button-small{

/*  height: 101px;*/

  height: 65px;

  color: #fff;

  width: 162px;

  display: flex;

  justify-content: center;

  align-items: center;

/*  padding-bottom: 32px;*/

  background: url(../img/bg-button-small.png) no-repeat;

  position: relative;

/*  top: 20px;*/

}



.button-small:hover{

  -webkit-filter: brightness(120%);

  filter: brightness(120%);

}



button, .button {

  transition: all 0.3s ease;

  cursor: pointer;

  background: url(../img/bg-button.png) center bottom no-repeat;

  color: #fff;

  position: relative;

  padding: 26px 65px;

  width: 171px;

  height: 71px;

  z-index: 1;

  text-align: center;

  text-transform: uppercase;

  border: none;

}



.modal-content {

    background: transparent;

    box-shadow: none;

    border: none;

}



button:hover, .button:hover {

  -webkit-filter: brightness(120%);

  filter: brightness(120%);

  color: #fff;

}



.topPanel__buttons a {

  top: -95px;

  left: 1100px;

}



.topPanel__buttons2 a {

  top: -9px;

  left: 1100px;

}



/*menu*/



.logo_small {

  

  

  margin-left: -20px;

}



.logo_small:hover{

  -webkit-filter: brightness(120%);

  filter: brightness(120%);

}





.menu-top {

  text-align: center;

  /*background: url(../img/menu-top-bg.png) bottom no-repeat; */

  height: 130px;

}

.menu-top ul {

  width: 600px;

}

.menu-top ul li {

  display: inline-block;

  margin: 0px 25px;

  position: relative;

}

.menu-top ul li:hover {

 /* background: url(../img/menu-top-active.png) center -1px no-repeat; */

}

.menu-top ul li ul {

  position: absolute;

  margin-top: -15px;

  margin-left: -80px;

  opacity: 0;

  left: -9999px;

  z-index: 9999;

  width: 160px;

  border: 1px solid #1a2939;

  padding: 20px 0px;

  transition: 0.25s linear opacity;

  box-shadow: 10px 10px 64px -16px rgba(0, 0, 0, 0.75);

}

.menu-top ul li ul:after {

  content: "";

  background: url(../img/menu-icon.png) no-repeat;

  width: 22px;

  height: 12px;

  top: -11px;

  left: 50%;

  margin-left: -11px;

  position: absolute;

}

.menu-top ul li ul li {

  display: block;

  margin: 0px 0px;

  text-align: left;

}

.menu-top ul li ul li:hover {

  background: none !important;

}

.menu-top ul li ul li a {

  text-transform: none;

  padding: 8px 28px;

  border-top: none !important;

  color: #7a939d !important;

  box-shadow: none !important;

  text-shadow: none !important;

}

.menu-top ul li ul li a:hover {

  color: #00ffae !important;

  background-color: #0d0615;

}

.menu-top ul li ul li a:before {

  content: ">";

  padding-right: 10px;

}

.menu-top ul li a {

  font-size: 14px;

  color: #fff;

  text-transform: uppercase;

  text-decoration: none;

  padding: 35px 10px;

  display: block;

  font-weight: bold;

  border-top: 2px solid rgba(0, 0, 0, 0);

  text-shadow: 0px 0px 27px #00ffae;

  

}

.menu-top ul li a:hover {

  border-top: 2px solid #00ffae;

  text-shadow: 0px 0px 27px #00ffae;

  color: #00ffae;

}

.menu-top ul li:hover ul {

  left: 50%;

  opacity: 1;

}

.menu-top .active {

  /*background: url(../img/menu-top-active.png) center -1px no-repeat; */

}

.myaccount-table tr td {

    background: black;

}

.menu-top .active a {

  text-shadow: 0px 0px 27px #00ffae;

  color: #00ffae;

  border-top: 2px solid #00ffae;

}

.menu-top-left {

  float: left;

  padding-right: 50px;

}

.menu-top-right {

  float: right;

  padding-left: 50px;

}



/*server-load*/



.server-load {

  position: absolute;

  top: 0;

  left: 455px;

  background: url(../img/server-load-bg.png) no-repeat;

  width: 304px;

  height: 167px;

  text-align: center;

  margin: 0 auto;

  padding-left: 2px;

}



.server-load:after{

  content: "";

  position: absolute;

  width: 34px;

  height: 33px;

  background: url(../img/online_1.png) no-repeat;

  left: 134px;

  bottom: 24px;

}



.server-load:before{

  content: "";

  position: absolute;

  width: 34px;

  height: 33px;

  background: url(../img/offline_1.png) no-repeat;

  left: 134px;

  bottom: 24px;

}



.circle-online {

  text-align: center;

  position: relative;

  display: inline-block;

  padding-top: 1px;

  margin-top: 2px;

}



.serverInfo {

  position: absolute;

  width: 110px;

  height: 100px;

  padding-top: 28px;

}

.serverInfo span {

  display: block;

  width: 100%;

  text-align: center;

  position: relative;

}

.serverInfo__name {

  font-size: 12px;

  color: #fff;

  text-transform: uppercase;

  margin-bottom: 7px;

}

.serverInfo__online {

  color: #35f2b3;

  font-size: 21px;

  font-family: 'Candara'

}

/*server-load end*/



/*end menu*/





/*download, registration, net*/



.fast-button{

  display: flex;

  margin-bottom: 10px;

}



.download-block  {

display: flex;

height: 132px;

width: 398px;

background: url(../img/download-button.png) no-repeat;

}



.download-block a {

  padding-left: 172px;

  padding-top: 40px;

  text-align: left;

  font-weight: 600;

}



.download-block span {

  font-weight: bold;

  font-style: italic;

/*  background: linear-gradient(#a6ffe3, #fff);*/

  background: linear-gradient(#ffa7e5, #fff);

  -webkit-background-clip: text; 

  -webkit-text-fill-color: transparent;

  text-shadow:none;

/*  font-size: 36px;*/

  font-size: 28px;

}



.download-block p{

  font-size: 14px;

  font-style: italic;

  padding-top: 5px;

  color: #27272a;

  text-shadow: rgba(255, 255, 255, 0.33) 0px 1px 2px;

}



.download-block:hover {

  -webkit-filter: brightness(110%);

  filter: brightness(110%);

}





.regisrtation-block  {

display: flex;

height: 132px;

width: 398px;

margin-left: 2px;

background: url(../img/regisrtation-button.png) no-repeat;

}



.regisrtation-block a {

  padding-left: 172px;

  padding-top: 40px;

  text-align: left;

  font-weight: 600;

}



.regisrtation-block span {

  font-weight: bold;

  font-style: italic;

/*  background: linear-gradient(#ffa7e5, #fff);*/

/*  background: linear-gradient(#a6ffe3, #fff);*/

  background: linear-gradient(#ffedad, #fff);

  -webkit-background-clip: text; 

  -webkit-text-fill-color: transparent;

  text-shadow:none;

/*  font-size: 32px;*/

  font-size: 28px;

}



.regisrtation-block p{

  font-size: 14px;

  font-style: italic;

  padding-top: 5px;

  color: #27272a;

  text-shadow: rgba(255, 255, 255, 0.33) 0px 1px 2px;

}



.regisrtation-block:hover {

  -webkit-filter: brightness(110%);

  filter: brightness(110%);

}



.net-block {

  width: 398px;

  height: 125px;

  background: url(../img/fon-net.png) no-repeat;

  position: relative;

  margin-left: 2px;

  margin-top: 5px;

  display: flex;

  flex-wrap: wrap;

}

.net-block a {

  display: flex;

  align-items: center;

  width: 198px;

  height: 62px;

  line-height: 62px;

  color: #fff;

  font-size: 14px;

  padding-left: 20px;

  position: relative;

  font-weight: bold;

}



.net-block div {

  background: url(../img/soc-icon-bg.png) no-repeat;

  width: 64px;

  height: 59px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 20px;

  transition: 0.3s;

}



.net-block a:hover {

  padding-left: 25px;

  color: #80f9d2;

}

.net-block a:hover div {

  filter: drop-shadow(0px 5px 7px rgba(0, 0, 0, 0.3)) brightness(120%);

}

/* end download, registration, net*/



/*   slider  */

.swiper-container{

  width: 599px;

  float: left;

}



.swiper-slider {

  width: 100%;

  height: 370px;

}



.swiper-slider .swiper-slide {

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  padding-top: 20px;

}

.swiper-slider .swiper-slide h2 {

  color: #fff;

  font-size: 24px;

  background: rgba(18, 1, 11, 0.4);

  margin-bottom: 0px;

  font-weight: normal;

  padding: 26px 0px 26px 50px;

}



.swiper-slider .swiper-slide .slider-info {

  position: absolute;

  bottom: 60px;

  height: 90px;

  padding: 0px 60px;

  padding-bottom: 20px;

  width: 599px;

  left: 0;

  display: flex;

  justify-content: space-between;

  align-items: flex-end;

  background: linear-gradient(to top, rgba(46, 2, 29, 0.8) 0%, rgba(0, 0, 0, 0));

}



.swiper-slider .swiper-slide .slider-info p {

  color: #fff;

  font-size: 14px;

  width: 290px;

  line-height: 1.5;

  margin-bottom: 5px;

}

.swiper-slider .swiper-pagination {

  height: 60px;

  line-height: 60px;

  bottom: 0 !important;

  background: rgba(18, 1, 10, 0.9);

  border-top: 1px solid #3f2f21;

  text-align: left;

  padding-left: 40px;

}

.swiper-slider .swiper-pagination .swiper-pagination-bullet {

  border-radius: 0px;

  background: #908783;

}



.swiper-pagination-bullets .swiper-pagination-bullet{

  margin-right: 15px !important;

}





.swiper-slider .swiper-pagination .swiper-pagination-bullet-active {

  background: #ff76cc;

}

.swiper-slider .slider-button {

  width: 55px;

  height: 55px;

}

.swiper-slider .swiper-button-next {

  background: url(../img/arrow-right-1.jpg) center no-repeat;

  right: 0;

}



.swiper-slider .swiper-button-prev {

  background: url(../img/arrow-left-1.jpg) center no-repeat;

  left: 0;

}



.swiper-slider .swiper-button-prev:hover{

  -webkit-filter: brightness(120%); 

  filter: brightness(120%);

}



.swiper-slider .swiper-button-next:hover{

  -webkit-filter: brightness(120%); 

  filter: brightness(120%);

}



.swiper-slider .swiper-button-disabled {

  opacity: 0.7;

}



/*   end slider*/



/*Last news*/



.news-top{

  float: right;

  height: 370px;

  width: 599px;

  margin-left: 2px;

  background: url(../img/fon-news.jpg) no-repeat;

}





.news-top-title {

  position: relative;

  display: flex;

}

.news-top-title span {

  display: block;

  color: #35f2b3

  font-size: 20px;

  font-weight: bold;

  padding: 40px 40px 20px 40px;

  text-transform: uppercase;

  position: relative;

}



.tab-block.active {

  display: block;

  animation: tab 0.6s linear;

}



.tab-more {

  position: absolute;

  right: 0;

  color: #35f2b3

  background: #09040f;

  width: 20px;

  height: 20px;

  top: 50%;

  margin-top: -9px;

  line-height: 20px;

  text-align: center;

  display: block;

  text-decoration: none;

  font-size: 18px;

  margin-right: 40px;

}



.bright:hover{

  filter: brightness(120%);

  background: #322725;

}



.news-top-text{

  padding: 0px 40px 40px 40px;

}



span.news-1{

  color: #ca25ca;

}



.news:hover{

  height: 42px;

  padding-top: 13px;

  background-color: #0d0615;

  border-bottom: 1px solid #044f37;

  padding-left: 33px;

  padding-right: 47px;

  transition: 0.3s;

  box-shadow: 0px 8px 10px -3px rgba(0, 0, 0, 0.45);

}



.news:hover .news-1{

color: #a6ffe3;

}



 .news:hover .date{

color: #a6ffe3;

}



 .news:hover a{

color: #00ffae;

}



.date{

  color: #895889;

}



.news{

  height: 42px;

  margin: 0px -40px 0px -40px;

  padding-left: 40px;

  padding-right: 40px;

  padding-top: 13px;

}



.news a{

  width: 400px;

  text-decoration: none;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  color: #fff;

}



.top-content{

  display: flex;

  background-color: rgba(19, 10, 31, 0.4);

  padding-top: 25px;

  padding-bottom: 25px;

  position: relative;

  z-index: 2;

}



.top-content:after{

  content: "";

  position: absolute;

  background: url(../img/fon-top-content_1.png) no-repeat;

  z-index: 3;

  height: 106px;

  width: 1264px;

  top: -35px;

  right: -33px;

}



.top-content:before{

  content: "";

  position: absolute;

  background: url(../img/fon-top-content_2.png) bottom no-repeat;

  z-index: 3;

  height: 59px;

  width: 1264px;

  bottom: -20px;

  right: -33px;

}



/*END Last news*/





/*--block-widget--*/





.block-widget{

  display: flex;

  margin-top: 10px;

  width: 1400px;

}



.block-widget-1{

  width: 433px;

  float: left;

  position: relative;

  left: -168px;

}



.block-widget-2{

padding-top: 20px;

}



.block-players-left{

padding-left: 300px;

padding-right: 25px;

}



.block-widget-more{

  margin-top: 10px;

  float: left;

}



.widget-fon{

  background: url(../img/fon-top-players.png) no-repeat;

  box-shadow: 0em 8px 8px rgba(0, 0, 0, 0.1);

  height: 674px;

  width: 675px;

  left: -76px;

  position: relative;

}



.widget-fon-guilds{

  background: url(../img/fon-guilds.png) no-repeat;

  box-shadow: 0em 8px 8px rgba(0, 0, 0, 0.1);

  height: 674px;

  width: 681px;

  margin-left: 3px;

  position: relative;

  right: 76px;

}



.widget-fon-guilds-1{

  background: url(../img/fon-guilds-1.png) no-repeat;

  box-shadow: 0em 8px 8px rgba(0, 0, 0, 0.1);

  height: 674px;

  width: 681px;

  margin-left: 3px;

  position: relative;

  right: 85px;

}



.widget-fon-guilds-right{

padding-right: 332px;

padding-left: 25px;

}



.widget-fon-guilds-right-1{

padding-right: 25px;

padding-left: 332px;

}



.widget-fon-discussions{

  background: url(../img/fon-discussions.jpg) no-repeat;

  height: 688px;

  width: 902px;

  position: relative;

  left: -303px;

  padding-right: 25px;

  padding-left: 526px;

}



.block-players{

  margin-top: 4px;

}



.block-widget-title{

/*  padding-top: 165px;*/

  padding-top: 45px;

  padding-bottom: 35px;

  color: #35f2b3

  font-size:20px;

  font-weight: bold;

  text-align: center;

}



.guild .top-number {

  width: 60px;

}

.top-block.guild .top-number img {

  margin-bottom: -2px;

  margin-left: 5px;

}





.top-block.guild .score {

  padding-left: 55px

}



.top-block {

  width: 100%;

  padding-bottom: 15px;

}

.top-block span {

  display: block;

}

.top-block .top-number {

  width: 20px;

}



.guild img{

  border: 1px solid #360e17;

}



.top-block .top-flag {

  width: 30px;

  padding-top: 2px;

}



.top-block .top-name {

  width: 162px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.top-block .top-lvl {

  width: 80px;

}



.top-block .top-lvl sup {

  font-size: 10px;

  color: #ff0000;

  position: absolute;

  margin-top: -5px;

}



.top-block .top-Res {

  width: 90px;

}



.top-block .top-Res sup {

  font-size: 10px;

  color: #ff0000;

  position: absolute;

  margin-top: -5px;

}



.top-list {

  height: 41px;

  display: flex;

  align-items: center;

  font-size: 15px;

  transition: 0.3s;

  color: #fff;

}

.top-list a {

  color: #fff;

  text-decoration: none;

}

.top-list:hover {

  background-color: #0d0615;

  border-bottom: 1px solid #044f37;

  box-shadow: 0px 8px 10px -3px rgba(0, 0, 0, 0.45);

  height: 41px;

  margin: 0px -40px 0px -40px;

  padding: 0px 25px 0px 25px;

  color: #00ffae;

  position: relative;

  z-index: 5;

}



.top-list:hover a {

  color: #00ffae;

}



.top-title {

  color: #b7040e;

  display: flex;

  align-items: center;

  font-size: 15px;

  margin-bottom: 15px;

}





.top-block.guild .top-number {

    width: 60px;

}

/*--block-widget end--*/





/*widget Discussions*/



.admin-icon{

float: left;

border-radius: 50%;

width: 45px;

height: 45px;

background-size: 45px;

box-shadow: 0em 8px 15px rgba(0, 0, 0, 0.3);

margin-right: 26px;

}





.discussions-icon{

float: left;

border-radius: 50%;

width: 45px;

height: 45px;

background-size: 45px;

box-shadow: 0em 8px 15px rgba(0, 0, 0, 0.3);

}



.discussions-message{

  float: right;

  border-radius: 50%;

  width: 24px;

  height: 24px;

  display: flex;

  text-align: center;

  justify-content: center;

  align-items: center;

  background-color: #0d0615;

  color: #958ebc;

  font-size: 12px;

  box-shadow: 0em 8px 15px rgba(0, 0, 0, 0.3);

}



.discussions-text{

  padding-left: 16px;

  font-size: 14px;

}



.discussions-text-bt{

  padding-left: 16px;

  font-size: 15px;

  color: #958ebc;

}



.discussions-content-block:hover .discussions-text-bt{

  color: #a6ffe3;

}



.discussions-text-bt a{

  color: #fff;

}





.discussions-content-block{

/*  padding-bottom: 10px;

  padding-top: 11px;*/

  padding-bottom: 4px;

  padding-top: 5px;

}



/*.discussions-content-block:hover .discussions-icon{

border: 1px solid #00ffae;

}



.discussions-content-block:hover .discussions-message{

  background-color: #212e2a;

  color: #00ffae;

}





.discussions-content-block:hover{

background-color: #0d0615;

border-bottom: 1px solid #044f37;

box-shadow: 0px 8px 10px -3px rgba(0, 0, 0, 0.45);

transition: 0.4s;

margin: 0px -40px 0px -40px;

padding: 10px 26px 10px 26px;

cursor: pointer;

}



.discussions-content-block:hover .discussions-text {

  color: #00ffae;

}



.discussions-content-block:hover .discussions-text-bt a {

  text-decoration:none;

  color: #35f2b3

}*/



.discussions-content {

  width: 90%;

  margin: 0 auto;

}



/*widget Discussions end*/





/**/

.fast-links{

  display: block;

  margin-top: 5px;

  position: relative;

  left: -300px;

  padding-top: 17px;

}



.fast-links span{

  margin-right: 3px;

}



/*fast 1*/



.fast-links-left{

  width: 398px;

  height: 222px;

  background: url(../img/fast-links-left.jpg) no-repeat;

  position: relative;

  display: flex;

  align-items: center;

  align-content: center;

  flex-wrap: wrap;

  padding-left: 40px;

}



.fast-links-left span {

  display: block;

  width: 100%;

  margin-bottom: 10px;

  margin-top: -40px;

  font-style: italic;

  font-size: 30px;

  font-weight: bold;

  color: #fff;

}



.fast-links-left p {

  font-size: 14px;

  font-style: italic;

  line-height: 1.2;

  color: #f7ddbf;

}



.fast-links-left:before {

  content: "";

  background: url(../img/hero-links.png) no-repeat;

  width: 403px;

  height: 297px;

  position: absolute;

  left: 169px;

  top: -72px;

  transition: 0.3s;

}



.fast-links-left:hover:before {

  left: 149px;

}



.fast-links-button-small{

  position: absolute;

  bottom: 10px;

  left: 10px;

}



/*fast 2*/

.fast-links-center{

  width: 398px;

  height: 222px;

  background: url(../img/fast-links-center.jpg) no-repeat;

  position: relative;

  display: flex;

  align-items: center;

  align-content: center;

  flex-wrap: wrap;

  padding-left: 30px;

  margin-top: -13px;

}



.fast-links-center span {

  display: block;

  width: 100%;

  margin-bottom: 10px;

  margin-top: -40px;

  font-style: italic;

  font-size: 30px;

  font-weight: bold;

}



.fast-links-center p {

  font-size: 14px;

  font-style: italic;

  line-height: 1.2;

  color: #f7ddbf;

}



.fast-links-center:before {

  content: "";

  background: url(../img/hero-links-center.png) no-repeat;

  width: 196px;

  height: 234px;

  position: absolute;

  right: -32px;

  top: -13px;

  transition: 0.3s;

}



.fast-links-center:hover:before {

 right: -12px;

}



/*fast 3*/

.fast-links-right{

  width: 398px;

  height: 222px;

  background: url(../img/fast-links-right.jpg) no-repeat;

  position: relative;

  display: flex;

  align-items: center;

  align-content: center;

  flex-wrap: wrap;

  padding-left: 30px;

  margin-top: -13px;

}



.fast-links-right span {

  display: block;

  width: 100%;

  margin-bottom: 10px;

  margin-top: -40px;

  font-style: italic;

  font-size: 30px;

  font-weight: bold;

  color: #fff;

}



.fast-links-right p {

  font-size: 14px;

  font-style: italic;

  line-height: 1.2;

  color: #f7ddbf;

}



.fast-links-right:before {

  content: "";

  background: url(../img/hero-links-right.png) no-repeat;

  width: 400px;

  height: 220px;

  position: absolute;

  right: -70px;

  transition: 0.3s;

}



.fast-links-right:hover:before {

  right: -50px;

}



/*end fast-links*/





/*footer*/



.footer{

	

}





/*To top*/



.toTop-fon{

    display: flex;

    justify-content: center;

    justify-content: center;

    align-items: center;

    margin-top: 30px;

}



.toTop {

  background: url(../img/fon-circle.png) no-repeat;

  width: 131px;

  height: 129px;

  cursor: pointer;

  display: flex;

}



.toTop:hover {

  -webkit-filter: brightness(140%); 

  filter: brightness(140%);

}



/* to top end*/





/* Footer

-----------------------------------------------------------------------------*/



.footer-block-t{

  justify-content: center;

  align-items: center;

  text-align:center;

}



.f-menu li {

  display: inline-block;

  margin: 15px 23px;

}



.f-menu li a {

  text-transform: uppercase;

  color: #fff;

  font-size: 15px;

}



.f-menu li a:hover{

  color: #80f9d2;

  font-weight: bold;

}



.f-menu li a:active{

  color: #e39f45;

  font-weight: bold;

}



.footer-end{

  margin-top: 51px;

}



.footer-block-coperite{

  float: left;

  padding-top: 15px;

  color: #715896;

}



.footer-block-coperite a{

  color: #fff;

}



.copyright{

/*  color: #b888ff;*/

    color: #fff;

}



.footer-block-coperite a:hover{

  text-decoration: underline;

}



.footer-block-r {

  float: right;

  padding-top: 25px;

  width: 220px;

}



.footer-logo{

  text-align:center;

  padding-bottom: 50px;

}



.footer-logo:hover{

  -webkit-filter: brightness(120%); 

  filter: brightness(120%);

}





.templstock:hover{

  -webkit-filter: brightness(120%); 

  filter: brightness(120%);

}



/*end footer*/



/*sparks*/



.sparks-sparks{

  left: 750px;

  position: absolute;

  top: 720px;

}



.sparks-1 {

    background-image: url(../img/sparks-1.png);

    width: 117px;

    height: 136px;

    right: 120px;

    bottom: 0px;

    background-position: left 0px bottom 0px;

    animation-name: sparks-1;

    animation-duration: 1.5s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

}



.sparks-2 {

    background-image: url(../img/sparks-2.png);

    width: 219px;

    height: 176px;

    right: 150px;

    bottom: 30px;

    background-position: left 0px bottom 0px;

    animation-name: sparks-2;

    animation-duration: 1.5s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

    animation-delay: 0.5s;

    opacity: 0;

}



.sparks-3 {

    background-image: url(../img/sparks-3.png);

    width: 438px;

    height: 281px;

    right: 100px;

    bottom: 20px;

    background-position: left 0px bottom 0px;

    animation-name: sparks-3;

    animation-duration: 1.5s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

    animation-delay: 1s;

    opacity: 0;

}



@keyframes sparks-1 {

  0% {

    right: 200px;

    bottom: 10px;

    opacity: 0;

  }

  33% {

    right: 210px;

    bottom: 20px;

    opacity: 0.5;

    transform: scale(1.1);

  }

  70% {

    right: 220px;

    bottom: 30px;

    opacity: 1;

    transform: scale(1.1);

  }

  100% {

    right: 230px;

    bottom: 40px;

    opacity: 0;

    transform: scale(1.1);

  }

}

@keyframes sparks-2 {

  0% {

    right: 210px;

    bottom: 40px;

    opacity: 0;

  }

  33% {

    right: 220px;

    bottom: 50px;

    opacity: 0.5;

    transform: scale(1.1);

  }

  70% {

    right: 230px;

    bottom: 60px;

    opacity: 1;

    transform: scale(1.1);

  }

  100% {

    right: 240px;

    bottom: 70px;

    opacity: 0;

    transform: scale(1.1);

  }

}

@keyframes sparks-3 {

  0% {

    right: 120px;

    bottom: 30px;

    opacity: 0;

  }

  33% {

    right: 140px;

    bottom: 50px;

    opacity: 0.5;

    transform: scale(1.1);

  }

  70% {

    right: 160px;

    bottom: 70px;

    opacity: 1;

    transform: scale(1.1);

  }

  100% {

    right: 180px;

    bottom: 90px;

    opacity: 0;

    transform: scale(1.1);

  }

}



.sparks {

  background-repeat: no-repeat;

  background-position: left 0px bottom 0px;

  position: absolute;

}

/*end sparks*/



/*periy*/

@media (min-width: 1281px) {



.ani.stone {

  transform-origin: center center;

}

.ani.stone.on {

  opacity: 1;

}

.stone {

  display: table;

  -webkit-transition: opacity 800ms ease;

  -moz-transition: opacity 800ms ease;

  transition: opacity 800ms ease;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}

.ani {

  opacity: 0;

  position: absolute;

  text-indent: -9999px;

  font-size: 0;

  line-height: 0;

  background-repeat: no-repeat;

  background-position: 0 0;

  z-index: 2;

}

.ani.s1 {

  top: 300px;

  left: -235px;

  width: 234px;

  height: 369px;

  background: url(../img/s1.png) no-repeat 0 0;

  z-index: 3;

  animation: updown 4s infinite;

}

.ani.s2 {

  top: 100px;

  left: 1140px;

  width: 195px;

  height: 265px;

  background: url(../img/s2.png) no-repeat 0 0;

  z-index: 3;

  animation: updown2 4.2s 500ms infinite;

}

.ani.s3 {

  top: 300px;

  left: 750px;

  width: 64px;

  height: 146px;

  background: url(../img/s3.png) no-repeat 0 0;

  z-index: 3;

  animation: updown 4s 500ms infinite;

}

.ani.s4 {

  top: 500px;

  left: 200px;

  width: 144px;

  height: 261px;

  background: url(../img/s4.png) no-repeat 0 0;

  z-index: 3;

  animation: updown2 4.2s 800ms infinite;

}



.ani.s5 {

  top: 450px;

  left: 1200px;

  width: 144px;

  height: 261px;

  background: url(../img/s5.png) no-repeat 0 0;

  z-index: 3;

  animation: updown2 4.2s 800ms infinite;

}



/* Animations */

@keyframes updown {0%, 100% {transform:translateY(30px) rotate(5deg)} 50% {transform:translateY(-30px) rotate(0)}}

@keyframes updown2 {0%, 100% {transform:translateY(40px) rotate(8deg)} 50% {transform:translateY(-40px) rotate(0)}}



}

/*end periy*/



/*modal windovs*/



.modal-content form p {

  color: #fff;

}



.modal_div {

  width: 437px;

  height: 517px;

  border-radius: 20px;

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

  background: radial-gradient(38.33% 57.5% at 108.54% 108.75%, #13151b 0, rgba(28, 30, 34, 0) 100%), radial-gradient(143.68% 121.33% at -20% 24.06%, rgba(61, 78, 252, .2) 0, rgba(185, 191, 255, .05) 100%), #18181d;

  position: fixed;

  top: 50%;

  left: 50%;

  margin-top: -90px;

  margin-left: -212px;

  padding-left: 3px;

  display: none;

  opacity: 0;

  z-index: 199;

}



.modal_div_re {

  width: 437px;

  height: 769px;



  position: fixed;

  top: 45%;

  left: 50%;

  margin-top: -115px;

  margin-left: -212px;

  padding-left: 3px;

  display: none;

  opacity: 0;

  z-index: 199;

}



.input-re_1{

  background: rgba(24, 24, 29, .25);

  border-radius: 15px;

    border: 1px solid hsla(0, 0%, 100%, .2);

    background: rgba(24, 24, 29, .25);

    font-weight: 700;

 height: 107px;

 width: 350px;

 color: #000;

 text-align: center;

 padding-top: 45px;

}



.input-re_2{

  background: rgba(24, 24, 29, .25);

  border-radius: 15px;

    border: 1px solid hsla(0, 0%, 100%, .2);

    font-weight: 700;

 height: 107px;

 width: 350px;

 color: #000;

 text-align: center;

 padding-top: 45px;

}



.input-re_3{

  background: rgba(24, 24, 29, .25);

  border-radius: 15px;

    font-weight: 700;

 height: 107px;

 width: 350px;

 color: #000;

 text-align: center;

 padding-top: 45px;

}





#overlay {

  z-index: 190;

  position: fixed;

  background-color: #000;

  opacity: 0.8;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  cursor: pointer;

  display: none;

}



.modal-content {

  text-align: center;

  color: #e7c195;

}





.modal-content h2 {

  text-align: center;

  margin-bottom: 50px;

  font-size: 20px;

}

.modal-content h2 span {

  position: relative;

  text-transform: uppercase;

  color: #35f2b3

  top: 20px;

}



.formButton {

  text-align: center;

  margin-top: 40px;

}



/*end modal  windows*/



/*page-content*/



.page-content{

  

  width: 757px;

  

  background-color: #1a1225;

  position: relative;

  min-height: 1356px;

  display: table;

}







.page-content:after{

  content: "";

  position: absolute;

  top: -32px;

  left: -32px;

  height: 117px;

  width: 819px;

  background: url(../img/fon-page-top.png) center top no-repeat;

}



.page-top{

  position: relative;

  text-transform: uppercase;

  font-size: 20px;

  color: #35f2b3

  text-align: center;

  font-weight: bold;

  z-index: 1;

}



.page-title{

  padding-top: 35px;

  padding-bottom: 30px;

}



.page-title-time{

  padding-top: 25px;

  color: #35f2b3;

  font-size: 18px;

}



.page-title-time span{

  color: #35f2b3

  font-size: 22px;

}



.page-title-news{

  color: #35f2b3

  text-transform: uppercase;

  font-size: 18px;

}



.page-text{

  line-height: 20px;

}



.page-text p{

 padding-top: 20px;

} 



.page-text a{

  color: #35f2b3

  text-decoration: underline;

}



.page-text a:hover{

  text-decoration: none;

  color: #00ffae;

}



.page-text-img{

  height: 337px;

  width: 677px;

}



/*end page-content*/



/*download*/



.downloadBlock {

  text-align: center;

  padding: 35px;

  margin: 0px 35px;

}



.downloadBlock p {

  margin-bottom: 30px;

}



.download-block-1 {

  margin-bottom: 40px;

}

.download-block-1:last-child {

  margin-bottom: 0px;

}



.client-text {

  margin-right: 50px;

  width: 255px;

  height: 90px;

  flex-wrap: wrap;

  align-content: center;

  background: #212231;

}

.client-text span {

  display: block;

  width: 100%;

  text-align: center;

  margin-top: 9px;

  color: #00ffae;

}



.page-content {

    z-index: 99999;

}

.alert {

    margin-top: 1rem;

}

sup {

    top: auto !important;

}

.page-content .page-text {

    position: relative;

    z-index: 999;

}



/*end download*/



/* MY ACCOUNT CHARACTER LIST */

.myaccount-character-block {

	background: #333;

	border: 1px solid #666;

	padding: 5px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	display: inline-block;

	margin: 0px auto;

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

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

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

}

	.myaccount-character-block img {

		width: 100px;

		height: auto;

		-moz-border-radius: 3px;

		-webkit-border-radius: 3px;

		border-radius: 3px;

		-moz-box-shadow: 0 0 5px #000;

		-webkit-box-shadow: 0 0 5px #000;

		box-shadow: 0 0 5px #000;

		-moz-transition: all 0.3s ease;

		-o-transition: all 0.3s ease;

		-webkit-transition: all 0.3s ease;

		transition: all 0.3s ease;

	}

		.myaccount-character-block img:hover {

			-webkit-filter: brightness(120%);

			filter: brightness(120%);

		}

.myaccount-character-block-location {

	font-size: 12px;

	color: #fff;

	margin-bottom: 20px;

	margin-top: 2px;

	line-height: 1.2;

}

.myaccount-character-block-level {

	position: relative;

	top: -77px;

	display: inline-block;

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

	padding: 0px 5px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	color: #fff;

	font-size: 10px;

}

.myaccount-character-name a {

	font-weight: bold;

	color: #fff;

	font-size: 16px;

}



.block-usercp{

    margin-top: 4px;

}



.block-usercp-body {

    padding: 15px;

    margin-left: 65px;

}



.block-usercp ul li {

    line-height: 30px;

}



.block-usercp ul li a {

    color: #fff;

}



.block-usercp ul li a:active, .block-usercp ul li a:hover {

	color: #35f2b3ff !important;

}



.block-usercp ul li img {

    position: relative;

    top: -2px;

    padding-right: 10px;

}



.block-usercp.widget-fon.widget-fon-left.block-usercp-left {

    padding-right: 35px;

    padding-left: 350px;

}



.module-rules strong {

    color: #ca25ca;

    font-size: 17px;

}



.module-tos strong {

    color: #ca25ca;

    font-size: 17px;

}



.module-privacy strong {

    color: #ca25ca;

    font-size: 17px;

}



.usercp-unreadmessages {

    position: relative;

    z-index: 1;

    border: 2px solid #35f2b3

    border-style: dotted;

    padding: 7px;

    text-align: center;

}

.usercp-unreadmessages a:link, .usercp-unreadmessages a:visited {color: #fff;}

.usercp-unreadmessages a:hover, .usercp-unreadmessages a:active {color: #35f2b3ff !important;}



.servertime-block  {

height: 132px;

width: 398px;

margin-left: 2px;

background: url(../img/servertime-button.png) no-repeat;

}



.servertime-block p{

  font-size: 14px;

  font-style: italic;

  padding-top: 5px;

  color: #27272a;

  text-shadow: rgba(255, 255, 255, 0.33) 0px 1px 2px;

}



.servertime-block:hover {

  -webkit-filter: brightness(110%);

  filter: brightness(110%);

}



.server-bottom {

    padding: 47px 25px 0px 152px;

    height: 127px;

    font-size: 14px;

    color: #3a3535;

    font-weight: bold;

    font-style: italic;

}