@font-face {
  font-family: 'main';
  src: url('fonts/9475.eot');
  src: local('☺'), url('fonts/9475.woff') format('woff'), url('fonts/9475.ttf') format('truetype'), url('fonts/9475.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


        @font-face {
    font-family: ice; /* Имя шрифта */
    src: url(10451.ttf); /* Путь к файлу со шрифтом */
  font-weight:normal; font-style:normal
   }
* {
  margin: 0;outline: none;
  padding: 0;    -webkit-print-color-adjust: exact;
    box-sizing: border-box;  }
html * {
    -webkit-print-color-adjust: exact;
    box-sizing: border-box;

}
html {height: 100%; overflow-x:hidden}
body {font-family: 'PT Sans Narrow', sans-serif;background:#fff;background-position:50% 0; color:#333;font-size:13px; 
  }

a {color:#000;outline: none;text-decoration:none ; }
a:hover { text-decoration:none;color:#333;
}
img { border: none;
}
p { padding:0px;}
input {outline:none; border:none}

nav {height: 93px;background: url(../images/topbar.jpg) no-repeat center;}
nav li {list-style: none;display: inline-block;vertical-align: top;padding: 22px 36px 30px 0;position: relative;  }
nav li:after {content: "";width: 1px;height: 48px;background: url(../images/sepa.png) no-repeat center;display: block;position: absolute;right: 18px;top: 21px;opacity: 0.2}
nav li:last-child:after {background: none}
nav li:last-child {padding: 22px 0 30px 0}
nav li a span {display: block;color: #344559;font-size: 16px;text-transform: uppercase;font-weight: bold;    margin-bottom: -3px;-webkit-transition:all 0.4s ease;
                   -moz-transition:all 0.4s ease;
                    -ms-transition:all 0.4s ease;
                     -o-transition:all 0.4s ease;
                        transition:all 0.4s ease;}
nav li a {color: #666666;font-size: 13px}
nav ul.navi {float: left;margin: 0}
nav li:hover a span {margin-bottom: 1px}
nav .cabinet {
    float: left;
    width: 226px;
    height: 51px;
    background: url(../images/lk_button.png) no-repeat center;
    display: block;
    line-height: 44px;
    text-align: center;
    color: #fff;
    text-shadow: 0px 5px 4px rgba(0,0,0,.35);
    font-size: 19px;
    font-weight: 900;margin: 20px 0 0 23px;
}
nav .cabinet:hover,section.stream .button_stream:hover,.fast-fixed ul li a:hover,#start .links a:hover{
    -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
nav .lang { width: 37px;height: 64px;background: url(../images/bg-lang.png) no-repeat center;display: block;float: right;margin: 13px 0 0 16px;cursor: pointer;}
header {height: 771px;background: url(../images/header.jpg) no-repeat center;}

nav .lang .lan {padding: 10px 0 0 0;text-align: center;display: block;}
nav .lang .lan .ico {margin-bottom: 5px}
nav .lang .lan .descr {color: #c9c9c9;font-size: 12px}
nav .lang .lan.active .descr,nav .lang .lan:hover  .descr{color: #2d2d2d}
nav .lang.two {
    opacity: 0; transition: 1s;
    position: absolute;
    right: -67px;
    top: 0px;
}
nav .lang.active {    transition: 0.5s;opacity: 1;
    transform: translatex(-50%);display: block;}

    header .slider {padding-top: 127px;text-align: center;margin-bottom: -30px}
header .slider div.slogan h1 {
    font-family: 'main';
    font-size: 60px;line-height: 60px;
    text-shadow: 0px 2px 25px #28344a;
    color: #fefeff;font-weight:700;
    text-transform: uppercase;
}

.l2announse {
    position: relative;
    z-index: 99;
    padding-top: 20px;
}

.status {text-align: center;display: block;margin: -32px auto;}

.status_item.progress {
  position: relative;
  display: inline-table;
  width: 206px;
    height: 256px;
    z-index: 1;
    margin: 0 15px;
  
}

.status_title {
  position: absolute;
  display: block;
  width: 120px;
  height: 120px;
  top: 0;
  left: 0px;
  right: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
  text-align: center;
  color: #fff4e0;
  font-size: 20px;
  z-index: 10;
  -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
    -webkit-transition:all 0.3s ease; 
  -o-transition:all 0.3s ease; 
  -moz-transition:all 0.3s ease; 
  transition:all 0.3s ease;
}

.status_title a {
  color: #fff4e0;
  font-size: 24px;
}

.status_title span {
    margin-top:25px;
    position: relative;
    display: block;font-family: 'main';
  color:#fff; font-size: 40px;margin-bottom: 0px
}


.status_online {
  position: absolute;
  display: block;
  width: 120px;
  height: 89px;
  top: 0;
  left: 0px;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  color: #ffde6a;font-family: 'main';font-size: 20px;
  z-index: 10;
  line-height: 89px;
  -webkit-transform: scale(0.0);
    -moz-transform: scale(0.0);
    -o-transform: scale(0.0);
    transform: scale(0.0);
    -webkit-transition:all 0.3s ease; 
  -o-transition:all 0.3s ease; 
  -moz-transition:all 0.3s ease; 
  transition:all 0.3s ease;
}
.status .caption2 { position:absolute; top:-14px; left:57%; transform:translateX(-50%); }
.status .caption2 span { display:block; animation-duration:1.5s; animation-delay: 3s; animation-iteration-count: infinite; border-radius:5px; padding:7px 15px 5px; color:#fff; background: rgb(189, 124, 222); }

.status_server {text-align: center;font-family: 'main';font-size: 18px;position: absolute;width: 100%;bottom: 40px;z-index: 99;font-weight:700}
.status_server.on {color: #f1ff0d;text-shadow:10px 0 10px rgba(255,206,89,.20)}
.status_server.off {color: #ff4324;text-shadow:10px 0 10px rgba(255,118,118,.20)}



.status_item:hover .status_title {
  -webkit-transform: scale(0.0);
    -moz-transform: scale(0.0);
    -o-transform: scale(0.0);
    transform: scale(0.0);
}

.status_item:hover .status_online {
  -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
}

.status .data-online {
    color: #ffde6a;
    font-family: 'main';
    font-size: 22px;
    padding-bottom: 0;
    margin-bottom: 0;
    position: absolute;
    bottom: 3px;
    left: 0;
    font-weight: 600;
    width: 100%;
    text-align: center;
}
.serv:last-child .progress::after {content: ""}
.status .progress:hover:after { 
  
}

.status .progress:before { 
  content:''; 
  background:url(../images/serv-null.png); 
  position:absolute; 
  width:206px; 
  height:256px; 
  z-index:-1; 
  left:0px; 
  top:0;
}

.status .progress svg { 
  height:100%; 
  display:block; 
}

.status .circle { 
  position:absolute; 
  top:0;     transform: rotate(0deg);
  left:0px;  width:206px; 
  height:256px; 
  z-index:1; 
}

.status_link {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  font-size: 0px;
  z-index: 20;
}

.status_link  a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.circle canvas {margin: 52px 0 0 0; }


.serv {position: relative;width: 206px;display: inline-block;vertical-align: top;margin-right: 60px}

header a.logo {width: 660px;height: 165px;display: block;margin: -18px auto 0;background: url(../images/logo.png) no-repeat center;position: relative;}
header a.logo h2 {text-align: center;width: 100%;display: block;color: #ffffff;font-size: 30px;font-weight: 900;bottom: -30px;position: absolute;}


section.stream {height: 506px;background: url(../images/stream-bg.jpg);text-align: center;}
section.stream h2.title {color: #2f4055;font-size: 36px;font-weight: 900;float: left;padding: 60px 0 0 0}
section.stream .button_stream {float: right;width: 286px;height: 64px;display: block;background: url(../images/stream.png) no-repeat center;display: block;color: #b7bb3f;font-size: 13px;text-align: center;margin-top: 45px}
section.stream .button_stream span {    text-shadow: 0px 3px 1px rgba(0,0,0,.35);display: block;color: #fdffc9;font-size: 26px;margin: 2px 0 -7px 0}

section.stream .stream_block {width: 393px;height: 329px;background: url(../images/stream-bg.png) no-repeat center;display: inline-block;vertical-align: top;margin: 20px 0 0 0;position: relative;opacity: 0.5;-webkit-transition:all 0.4s ease;
                   -moz-transition:all 0.4s ease;
                    -ms-transition:all 0.4s ease;
                     -o-transition:all 0.4s ease;
                        transition:all 0.4s ease;}
section.stream .stream_block.two {margin: 20px 7px 0}

section.stream .stream_block iframe {
    width: 384px;
    height: 221px;
    position: absolute;
    top: 52px;
    left: 5px;
}

section.stream .stream_block:after {
    content: "";
    width: 25px;
    height: 21px;
    background: url(../images/arrow.png) no-repeat center;
    display: block;
    position: absolute;
    bottom: 41px;
    left: 47%;
    margin-left: -1px;
}

section.stream .stream_block:hover {  -webkit-transform: scale(1.1);
  transform: scale(1.1);}

section.stream .stream_block.disable {opacity: 1;}

section.stats {height: 351px;margin-bottom: -30px}
section.stats.other1 {height: 450px;}
section.stats.other2 {}
section.stats.other3 {}

section.stats .top_players {width: 384px;float: left;margin-top: 40px;margin-left: 96px}
section.stats .title {color: #e6ff14;font-size: 23px;font-weight: 900;text-shadow: 0px 2px 3px rgba(0,0,0,.75);position: relative;}
section.stats .title.players:before {content: "";width: 31px;height: 30px;background: url(../images/i-top-player.png) no-repeat center;display: block;position: absolute;left: -42px;top: 0;}
section.stats .title.clan:before {content: "";width: 31px;height: 30px;background: url(../images/i-top-clan.png) no-repeat center;display: block;position: absolute;left: -42px;top: 0;}

section.stats .topbg:hover {  -webkit-transform: scale(1.1);
  transform: scale(1.1);}

section.stats .top_clans {width: 384px;float: right;margin-top: 40px;margin-right: 38px}

section.stats .mini {padding-left: 43px;color: #fff;font-size: 16px;margin-top: 1px}
section.stats .num {font-size: 12px;display: inline-block;vertical-align: top;width: 12px;margin-left: 45px}
section.stats .name {width: 227px;display: inline-block;vertical-align: top;font-size: 12px}
section.stats .col {width: 70px;display: inline-block;vertical-align: top;font-size: 12px;text-align: right;margin-right: 25px}
section.stats .head {color: #fff;padding-top: 10px;margin-bottom: 4px}
section.stats .topbg > *{color: #fff;padding-top: 10px;font-size: 14px}

section.stats .head .num {
    margin-left: 26px;
}
section.stats .topbg {height: 41px;background: url(../images/stats-bg.png) no-repeat center;  -webkit-transition:all 0.4s ease;
                   -moz-transition:all 0.4s ease;
                    -ms-transition:all 0.4s ease;
                     -o-transition:all 0.4s ease;
                        transition:all 0.4s ease;}
section.stats .topbg .name {width: 200px;}
section.stats .topbg .col {width: 107px;}
section.stats .topbg .name {color: #ffd78b}

section.stats ul.tabs {
    transform: skew(-30deg, 0);
    background: rgba(0,0,0,.5);
    display: table;
    border-radius: 11px;
    margin: 16px auto 0px 31px;
    position: relative;
    left: 22px;
}section.stats ul.tabs li {list-style: none;display: inline-block;vertical-align: top;}
section.stats ul.tabs li a {transform: skew(30deg, 0);color: #fff;font-size: 12px;display: block;padding:6px 16px; }
section.stats ul.tabs li.active a,section.stats ul.tabs li:hover a{background: #8be2ff;  transform: skew(-3deg, 0);}

section.stats ul.tabs li.active:first-child a, 
section.stats ul.tabs li:first-child a:hover {
    background: #8be2ff;
    border-radius: 11px 0px 0px 10px;
    transform: skew(-3deg, 0);
}

section.stats .top {min-height: 210px;margin-left: -19px}

section.stats ul.tabs li.active:last-child a, 
section.stats ul.tabs li:last-child a:hover {
    background: #8be2ff;
    border-radius: 0px 11px 11px 0px;
    transform: skew(-3deg, 0);
}

section.stats ul.tabs li a span { transform: skew(-30deg, 0);}

section.stats ul.tabs_clan {transform: skew(-30deg, 0);background: rgba(0,0,0,.5);display: table;border-radius:11px;    margin: 16px auto 0 85px;}
section.stats ul.tabs_clan li {list-style: none;display: inline-block;vertical-align: top;}
section.stats ul.tabs_clan li a {transform: skew(30deg, 0);color: #fff;font-size: 12px;display: block;padding:6px 16px;  }
section.stats ul.tabs_clan li.active a,section.stats ul.tabs_clan li:hover a{background: #8be2ff;  transform: skew(-3deg, 0);}

section.stats ul.tabs_clan li.active:first-child a, 
section.stats ul.tabs_clan li:first-child a:hover {
    background: #8be2ff;
    border-radius: 11px 0px 0px 10px;
    transform: skew(-3deg, 0);
}

section.stats .top, section.stats .top_cl{min-height: 210px;margin-left: -19px}

.top_cl, .top {    
  transform-style: preserve-3d;
    transform: rotateY(90deg) scale(1.25, 1);
    visibility: hidden;
    transition: all 0.5s ease;}

.top_cl.active, .top.active {    opacity: 1;
    visibility: visible;
    transform: rotateY(0) scale(1, 1);}

section.stats ul.tabs_clan li.active:last-child a, 
section.stats ul.tabs_clan li:last-child a:hover {
    background: #8be2ff;
    border-radius: 0px 31px 11px 0px;
    transform: skew(-3deg, 0);
}


.days_timer {width: 260px;float: left;margin: 112px 0 0 10px;text-align: center;}
.days_timer p {font-size:16px;font-weight:900;text-shadow:1px 1px #000;padding: 0;margin: 0;line-height: 18px;color: #fff}
.days_timer h3 {color: #fff889;font-size: 25px;font-family: 'ice';padding: 0;margin: 6px 0 22px 0;text-shadow: 1px 1px #000}
.days_timer h2 {color: #fff;font-size: 55px;font-family: 'ice';padding: 0;line-height: 45px;margin: 0;padding: 0;text-shadow: 1px 1px #000}
.days_timer h2.minis {font-size: 35px;margin-bottom: 17px}
.days_timer p.pink {color: #ffe6c8}
.days_timer p.pink b {color: #ffe957;text-decoration: underline;}

section.stats .item-33 {width: 26%;display: inline-block;vertical-align: top;text-align: center;margin-top: -10px;}
section.stats .item-33 .head {color: #fff889;font-size: 25px}
section.stats .item-33 .head span {display: inline-block;vertical-align: top}
section.stats .item-33 .head .pp {
    display: inline-block;
    vertical-align: top;
    margin-top: 18px;
    margin-right: 5px;
}
section.stats .item-33 .head img.lang-ru,section.stats .item-33 .head img.lang-en {display: inline-block;}
section.stats .item-33 .head span {color: #fff;font-size: 35px;font-weight: 900}
section.stats .item-33 .texture {
    height: 172px;
    background: url(../images/bg-statrt.png) no-repeat center;
       margin: -1px auto -31px -42px;
}


section.stats .item-33 .nimg1{    padding: 23px 0 0 22px;}

section.stats .item-33:nth-child(2) {margin: -10px 40px 0 40px}
.footer {padding-top: 30px;font-family: "PT Sans";height: 138px;background: url(../images/footer_b.jpg);}
.footer .banner {
    float: left;
    margin-left: 44px;
    margin-bottom: -7px;
    margin-top: -10px;
}
.footer .banner ul li {list-style: none;display: inline-block;vertical-align: top;margin-right: 40px;height: 67px;line-height: 67px;opacity: 0.5;  -webkit-transition:all 0.4s ease;
                   -moz-transition:all 0.4s ease;
                    -ms-transition:all 0.4s ease;
                     -o-transition:all 0.4s ease;
                        transition:all 0.4s ease;}
.footer .banner ul li img {line-height: 67px;vertical-align: middle;}
.footer a.studio {width: 136px;height: 41px;display: block;float: right;margin-top: 0px}
.module_hei {height: 420px}

.footer .poly {float: left;margin-left: 44px}
.footer .poly a {color: #2e4775;font-size: 18px;text-decoration: underline;}
.footer .poly a:hover {text-decoration: none}
.footer .copy-day {color: #2e4775;font-size: 18px;float: left;margin:0 44px 0 109px;}
.footer .demo {color: #2e4775;font-size: 18px;float: right;}

.footer .banner li.disable {opacity: 1}

 nav .cabinet,section.stream .button_stream,.fast-fixed ul li a,
.sale { -webkit-transition:all 0.8s ease; -moz-transition:all 0.8s ease; -o-transition:all 0.8s ease; transition:all 0.8s ease; }
 nav .cabinet:hover,section.stream .button_stream:hover,.fast-fixed ul li a:hover,
.sale:hover {  -webkit-filter:brightness(1.2); -moz-filter:brightness(1.2); -o-filter:brightness(1.2); filter:brightness(1.2); }




.load-container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  z-index: 99999;
}

.no-cssanimations .load-container .loader {
  text-indent: 0;
  text-align: center;
  color: #fff;
  font-size: 17px;
  background: none;
  border: 0 none;
  width: auto;
  height: auto;
  margin: 1em auto;
  overflow: visible;
  box-shadow: none;
  -webkit-animation: none;
  animation: none;
}

.no-cssanimations .load-container .loader:before,
.no-cssanimations .load-container .loader:after {
  display: none;
}

.load8 .loader {
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -340px;
    text-indent: -9999em;
    background: url(../images/logo.png) no-repeat center;
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}
.load8 .loader, .load8 .loader:after {
  width:660px;
  height: 165px;
}

@-webkit-keyframes load8 {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes load8 {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}


.fast-fixed {height: 112px;background: url(../images/fixed_menu.jpg) repeat center;position: fixed;width: 100%;z-index: 999;opacity: 0;display: none;  -webkit-transition:all 0.4s ease;
                   -moz-transition:all 0.4s ease;
                    -ms-transition:all 0.4s ease;
                     -o-transition:all 0.4s ease;
                        transition:all 0.4s ease;}
.fast-fixed ul li {list-style: none;display: inline-block;vertical-align: top;}
.fast-fixed ul li a {width: 378px;height: 83px;background: url(../images/big-btn.png) no-repeat center;color: #fff;font-size: 40px;font-weight: 900;line-height: 73px;text-shadow: 1px 1px #000;display: block;text-align: center;margin-top: 14px}
.fast-fixed ul li:nth-child(2) {margin: 0 30px}

.fast-fixed.fixed {opacity: 1;height: 112px;display: block;top: 0}

.modal#vk,.modal#start {
    top: 25%;
}

.modal-dialog.modal-vk {width: 679px;height: 387px;background: url(../images/modal-vk.png) no-repeat center;}
.modal-dialog.modal-vk .inner-vk {width: 594px;height: 300px;margin: 27px}
.modal-dialog.modal-vk .inner-vk button.close {font-family: 'main';font-size: 14px;text-transform: uppercase;}
.modal-dialog.modal-vk .inner-vk h1 {text-align: center;font-size: 39px;color: #5289a4;font-family: 'main';padding-top: 30px;text-transform: uppercase;}
.modal-dialog.modal-vk .inner-vk a.vk {width: 116px;height: 135px;background: url(../images/vk-icon.png) no-repeat center;display: block;margin: 20px auto 0}
.modal-dialog.modal-vk .inner-vk .link a {font-family: 'main';color: #848484;font-size: 15px;text-transform: uppercase;text-decoration: underline;font-weight: 700}
.modal-dialog.modal-vk .inner-vk .link {text-align: center;}


section.stats.static {
    height: 138px;
}

header.static {
    height: 400px;
    background: url(../images/header.jpg) no-repeat center top;
}
section.stats.static .footer {margin-top: 0;padding-top: 30px}


.about {width: 998px;height: 1000px;background: url(../images/about.png) center;margin:0 auto;}
.about .left-bar h2 {font-size: 27px;font-family: 'main';color: #5289a4;padding: 0;margin: 0 0 0 32px;font-weight:700}
.about .left-bar {
    width: 305px;
    display: inline-block;
    vertical-align: top;
    margin: 52px 0 0 32px;
}
.about .left-bar ul {margin-top: 12px}
.about .left-bar ul li {list-style:none;display: block;margin-bottom: 10px}
.about .left-bar ul li a {width: 260px;height: 51px;background: url(../images/tab_left.png) no-repeat center;display: block;color: #fff;font-size: 15px;font-weight: 900;text-shadow: 1px 1px #000;line-height:  46px;margin: 0 auto 5px;padding: 0 12px; -webkit-transition:all 0.4s ease;
                   -moz-transition:all 0.4s ease;
                    -ms-transition:all 0.4s ease;
                     -o-transition:all 0.4s ease;
                        transition:all 0.4s ease;}
.about .left-bar ul li a:hover,.about .left-bar ul li.active a {background: url(../images/tab_left_active.png);}
.about .left-bar ul li a i.ico {width: 25px;height: 24px;display: inline-block;vertical-align: top;margin-right: 6px;margin-top: 10px;background-position: bottom;}
.about .left-bar ul li a:hover i.ico,.about .left-bar ul li.active i.ico {background-position: top;}
.about .left-bar ul li a i.ico.ico1 {background-image: url(../images/ico_about/1.png);}
.about .left-bar ul li a i.ico.ico2 {background-image: url(../images/ico_about/2.png);}
.about .left-bar ul li a i.ico.ico3 {background-image: url(../images/ico_about/3.png);}
.about .left-bar ul li a i.ico.ico4 {background-image: url(../images/ico_about/4.png);}
.about .left-bar ul li a i.ico.ico5 {background-image: url(../images/ico_about/5.png) ;}
.about .left-bar ul li a i.ico.ico6 {background-image: url(../images/ico_about/6.png) ;}
.about .left-bar ul li a i.ico.ico7 {background-image: url(../images/ico_about/7.png);}
.about .left-bar ul li a i.ico.ico8 {background-image: url(../images/ico_about/8.png);}
.about .left-bar ul li a i.ico.ico9 {background-image: url(../images/ico_about/9.png) ;}
.about .left-bar ul li a i.ico.ico10 {background-image: url(../images/ico_about/10.png);}
.about .left-bar ul li a i.ico.ico11 {background-image: url(../images/ico_about/9.png) ;}
.about .left-bar ul li a i.ico.ico12 {background-image: url(../images/ico_about/11.png);}
.about .left-bar ul li a i.ico.ico13 {background-image: url(../images/ico_about/12.png);}

.about .rigth-bar {
    width: 600px;
    display: inline-block;
    vertical-align: top;
    margin: 47px 0 0 15px;
}
.about .rigth-bar  h2 {font-size: 35px;font-family: 'main';color: #5289a4;padding: 0;margin: 0 0 40px 0px;text-transform: uppercase;font-weight:700}
.about .rigth-bar {color: #5f6e85;font-size: 13px;font-family: 'main';font-weight: 700}
.about .rigth-bar h3 {color: #51a3bb;font-size: 17px;padding-bottom: 20px;text-transform: uppercase;margin: 0;font-family: 'main';font-weight:700}
.about .rigth-bar ul {margin: 0 0 20px 0;padding: 0}
.about .rigth-bar ul li {list-style: none;}
.about .rigth-bar ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 100px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    background: #5289a4;
    margin-top: 5px;
}
.about .rigth-bar  img {max-width: 90%}
.about .rigth-bar .select_server ul li {list-style: none;display: inline-block;vertical-align: top}
.about .rigth-bar .select_server ul li:before {display: none}
.about .rigth-bar .select_server {margin: 16px 0 30px 0}
.about .rigth-bar .select_server .serv_1 {
    width: 224px;
    height: 53px;
    background: url(../images/tab_serv_1.png) no-repeat bottom;
    display: inline-block;
    vertical-align: top;
    line-height: 54px;
    text-align: center;
    color: #fff;
    font-size: 32px;
    font-family: 'main';
    text-transform: uppercase;
}

.about .rigth-bar .select_server .serv_2 {
    width: 250px;
    height: 53px;
    background: url(../images/tab_serv_2.png) no-repeat bottom;
    display: inline-block;
    vertical-align: top;
    line-height: 54px;
    text-align: center;
    color: #fff;
    font-size: 32px;
    font-family: 'main';
    text-transform: uppercase;
}

.about .rigth-bar .select_server .serv_3 {
    width: 214px;
    height: 53px;
    background: url(../images/tab_serv_3.png) no-repeat bottom;
    display: inline-block;
    vertical-align: top;
    line-height: 54px;
    text-align: center;
    color: #fff;
    font-size: 32px;
    font-family: 'main';
    text-transform: uppercase;
}
.about .rigth-bar .select_server ul li:hover a,
.about .rigth-bar .select_server ul li.active a{background-position: top}

.about .rigth-bar .select_server .serv_2 {margin: 0 -52px}

.about .rigth-bar .select_server .serv_3 {margin: 0 0 0 5px}

.about .rigth-bar .scroll_panel {    padding-right: 20px;height: 700px;overflow-y: scroll;}


.about .rigth-bar .scroll_panel::-webkit-scrollbar-button {
background-image:url('');
background-repeat:no-repeat;
width:5px;
height:0px
}

.about .rigth-bar .scroll_panel::-webkit-scrollbar-track {
background-color:#ecedee
}

.about .rigth-bar .scroll_panel::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background-color:#6dc0c8;
}

.about .rigth-bar .scroll_panel::-webkit-scrollbar-thumb:hover{
background-color:#56999f;
}

.about .rigth-bar .scroll_panel::-webkit-resizer{
background-image:url('');
background-repeat:no-repeat;
width:4px;
height:0px
}

.about .rigth-bar .scroll_panel::-webkit-scrollbar{
width: 4px;
}


.about-content-img-left {
    float: left;
}

.about-content-img-left img {
    border: 1px solid #6dc0c8;
    padding: 1px;
}
.about-content-text-img {
    position: relative;
    left: 5px;
    top: 0px;
    margin-top: 0px;margin-bottom:5px
}

.content-readmore {background: #6dc0c8;padding: 8px 12px;color: #fff;font-size: 16px;border-radius: 10px 0 10px 0;margin: 22px 0;display: table}
.blokimg {margin-bottom: 20px}

.about-content-text-img span {color: #6dc0c8;font-weight: 900}


#imagenM1 {margin-bottom: 30px}

.warning-text-red {
    background: #6dc0c8;
    padding: 5px 10px;
    position: relative;
    top: 10px;font-size: 19px;color: #fff;font-family: 'main';
    border-radius: 5px;
}



.panelka.active {display: block}

.visible-xs {display: none}
.hidden-xs {display: block;}


.sale { width: 62px;height: 237px;background: url(../images/bonuse.png) no-repeat center;display: block;position: fixed;top: 35%;left: -5px;text-indent: -9999px;z-index: 99}
.sale_open {  transform: translatex(-100%);transition: 1.5s;width: 280px;height: 237px;background: url(../images/bonuse_open.png) no-repeat center;position: fixed;top: 35%;left: -5px;z-index: 99}
.sale_open.active {
 transition: 1.5s;display: block;
    transform: translatex(-2%);}

.sale.sale-eng {background: url(../images/bonuse_en.png) no-repeat center;}
.sale_open .closes {cursor: pointer;font-family: 'main';font-size: 11px;color: #777575;position: absolute;top: 10px;right: 10px;z-index: 99}
.sale_open ul li {list-style: none;display: inline-block;vertical-align: top;padding-bottom: 35px;text-align: center;position: relative;z-index: 99;text-align: center;}
.sale_open ul li a {font-size: 20px;font-family: 'main';color: #848484;font-weight: 700;text-transform: uppercase;text-decoration: underline;}
.sale_open ul li a:hover {text-decoration: none}
.sale_open ul {
    margin: 0;
    padding: 40px 0 0 75px;
}


.label p {padding: 0;margin: 0}

.modal-files {width: 998px;height: 846px;background: url(../images/files-modal.png) no-repeat center;display: block;}
.modal-files .inner {padding:30px;}
.modal-files .inner .reg-mod {width: 450px;float: left;}
.modal-files .inner .reg-mod h1 {color: #5289a4;font-size: 36px;font-family: 'main';  /*margin-bottom: 80px;*/ text-align: center;padding-top: 15px;text-transform: uppercase;font-weight: 600}

.modal-files .inner .reg-mod .group {margin-bottom:3px}
.modal-files .inner .reg-mod .group .icon {width: 37px;height: 40px;display: inline-block;vertical-align: top;margin-right: 10px}
.modal-files .inner .reg-mod .group .icon.ico1 {background: url(../images/reg/1.png);}
.modal-files .inner .reg-mod .group .icon.ico2 {background: url(../images/reg/2.png);}
.modal-files .inner .reg-mod .group .icon.ico3 {background: url(../images/reg/3.png);}
.modal-files .inner .reg-mod .group .input {width: 261px;height: 44px;display: inline-block;vertical-align: top;position: relative;}
.modal-files .inner .reg-mod .group .input input {    text-transform: none;width: 100%;height: 100%;border: 1px solid #fff;background: #9ab4bb;font-family: 'PT Sans';color: #fff;padding: 0 10px;font-weight: 500}
.modal-files .inner .reg-mod form {width: 330px;margin: 0 auto;display: block;}

.modal-files .inner .reg-mod .group .input input::-webkit-input-placeholder { color: #fff; }
.modal-files .inner .reg-mod .group .input input::-moz-placeholder          { color: #fff; } /* Firefox 19+ */
.modal-files .inner .reg-mod .group .input input:-moz-placeholder           { color: #fff; } /* Firefox 18- */
.modal-files .inner .reg-mod .group .input input:-ms-input-placeholder      { color: #fff; }

.modal-files .inner .reg-mod .group .input a.ref {position: absolute;right: 9px;top: 9px;width: 36px;height: 28px;display: block;background: url(../images/reg/4.png);}


.modal-files .close {
    cursor: pointer;
    font-family: 'main';
    font-size: 13px;
    color: #777575;
    position: absolute;
    top: 47px;
    right: 43px;
    z-index: 99;
}

.checkbox {
  display: none;
}
.checkbox-custom {
    position: relative;
    width: 24px;
    height: 24px;
    background: url(../images/reg/check.png) no-repeat;
    display: block;
    margin-left: 15px;
  display: inline-block;vertical-align: top;
}
.checkbox-custom, .label {
    display: inline-block;
    vertical-align: middle;
    color: #5289a4;
    font-size: 16px;
    text-transform: capitalize;
    font-family: 'PT Sans';
}
.checkbox:checked + .checkbox-custom {
  
  background: url(../images/reg/check_on.png) no-repeat center;
}

.full {width:100%;}

.modal-files .inner .reg-mod input[type="submit"] {
   
    width: 226px;
    height: 51px;
    background: url(../images/lk_button.png) no-repeat center;
    display: block;
    line-height: 30px;
    text-align: center;
    color: #fff;cursor: pointer;
    text-shadow: 0px 5px 4px rgba(0,0,0,.35);
    font-size: 22px;   -moz-transition:all 0.4s ease;
                    -ms-transition:all 0.4s ease;
                     -o-transition:all 0.4s ease;
                        transition:all 0.4s ease;
    font-weight: 900;margin: 20px auto 0;
}
.modal-files .inner .reg-mod input[type="submit"]:hover,.modal-files .inner .file-mod .button-file:hover{
    -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.modal-files .inner .reg-mod input[type="submit"],.modal-files .inner .file-mod .button-file,#start .links a { -webkit-transition:all 0.8s ease; -moz-transition:all 0.8s ease; -o-transition:all 0.8s ease; transition:all 0.8s ease; }
.modal-files .inner .reg-mod input[type="submit"]:hover,.modal-files .inner .file-mod .button-file:hover,#start .links a:hover {  -webkit-filter:brightness(1.2); -moz-filter:brightness(1.2); -o-filter:brightness(1.2); filter:brightness(1.2); }

.modal-files .inner .file-mod {    margin-right: 32px;width: 360px;float: right;}
.modal-files .inner .file-mod h1 {color: #5289a4;font-size: 36px;font-family: 'main';margin-bottom: 18px;text-align: center;padding-top: 15px;text-transform: uppercase;font-weight: 600}
.modal-files .inner .file-mod .button-file {width: 354px;height: 65px;background: url(../images/m-down.png) no-repeat center;display: block; margin: 0 auto 30px; -moz-transition:all 0.4s ease;
                    -ms-transition:all 0.4s ease;
                     -o-transition:all 0.4s ease;
                        transition:all 0.4s ease;
    font-weight: 900;margin: 20px auto 0;}
.modal-files .inner .file-mod .button-file span {
    display: block;
    color: #1a323e;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 5px;margin: 0;
    padding: 7px 0 0 60px;
}.modal-files .inner .file-mod .button-file p {font-size: 13px;color: #421b1b;    padding: 0 0 0 60px;}

/* Translator */

.lang-ru,
.lang-en {
    display: none!important
}

.language-ru .lang-ru {
    display:block!important
}

.language-en .lang-en {
    display:block!important
}

#start .links a {
    width: 522px;
    height: 126px;
    background: url(../images/big-start.jpg) no-repeat center;
    color: #fff;
    font-size: 61px;
    font-weight: 900;
    line-height: 120px;
    text-shadow: 1px 1px #000;
    display: block;
    text-align: center;
    margin: 25px auto;
}


.file-mod .select_servers ul li {list-style: none;display: inline-block;vertical-align: top}
.file-mod .select_servers ul li:before {display: none}
.file-mod .select_servers {margin: 0px 0 0px 0}

.file-mod .select_servers .serv_1 {
    width: 224px;
    height: 53px;
    background: url(../images/tab_serv_1.png) no-repeat bottom;
    display: inline-block;
    vertical-align: top;
    line-height: 54px;
    text-align: center;
    color: #fff;
    font-size: 32px;
    font-family: 'main';zoom:0.91;
    text-transform: uppercase;
}

.file-mod .select_servers .serv_2 {
    width: 250px;
    height: 53px;
    background: url(../images/tab_serv_2.png) no-repeat bottom;
    display: inline-block;
    vertical-align: top;
    line-height: 54px;
    text-align: center;
    color: #fff;
    font-size: 32px;
    font-family: 'main';zoom:0.91;
    text-transform: uppercase;
}

.file-mod .select_servers .serv_3 {
    width: 214px;
    height: 53px;
    background: url(../images/tab_serv_3.png) no-repeat bottom;
    display: inline-block;
    vertical-align: top;
    line-height: 54px;
    text-align: center;
    color: #fff;
    font-size: 32px;
    font-family: 'main';
    text-transform: uppercase;
}

.file-mod .select_servers  .serv_2 {margin: 0 -52px}


.file-mod .select_servers ul li:hover a,
.file-mod .select_servers ul li.active a{background-position: top}



.panel_fixed_bottom {
    height: 62px;
    background: url(../images/fixed_menu.jpg) repeat center;
    position: fixed;
    width: 100%;
    z-index: 999;
    opacity: 1;
    display: block;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    bottom: 0;
    transition: all 0.4s ease;
    line-height: 62px;
    text-align: center;
    font-size: 30px;
   text-shadow: 0 0 10px #ff7b65;
}
.panel_fixed_bottom a {
        color: #ff4324;
}

.panel_fixed_bottom .close1 {
    font-size: 22px;
    font-weight: 100;
    position: absolute;
    top: 0px;
    color: #333;
    right: 36px;
}


.group {margin-bottom:20px}
.group .icon {width: 37px;height: 40px;display: inline-block;vertical-align: top;margin-right: 10px}
.group .icon.ico1 {background: url(../images/reg/1.png);}
.group .icon.ico2 {background: url(../images/reg/2.png);}
.group .icon.ico3 {background: url(../images/reg/3.png);}
.group .input {width: 261px;height: 44px;display: inline-block;vertical-align: top;position: relative;}
.group .input input {    text-transform: none;width: 100%;height: 100%;border: 1px solid #fff;background: #9ab4bb;font-family: 'PT Sans';color: #fff;padding: 0 10px;font-weight: 500}
.reg-mod form {width: 330px;margin: 0 auto;display: block;}

.buttondonate {
    width: 226px;
    height: 51px;
    background: url(../images/lk_button.png) no-repeat center;
    display: block;
    line-height: 30px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    text-shadow: 0px 5px 4px rgba(0,0,0,.35);
    font-size: 22px;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-weight: 900;
    margin: 20px auto 0;
}
.buttondonate:hover{
    -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.modal-vk .inner .reg-mod .group .input input::-webkit-input-placeholder { color: #fff; }
.modal-vk .inner .reg-mod .group .input input::-moz-placeholder          { color: #fff; } /* Firefox 19+ */
.modal-vk .inner .reg-mod .group .input input:-moz-placeholder           { color: #fff; } /* Firefox 18- */
.modal-vk .inner .reg-mod .group .input input:-ms-input-placeholder      { color: #fff; }

.modal-vk .inner .reg-mod .group .input a.ref {position: absolute;right: 9px;top: 9px;width: 36px;height: 28px;display: block;background: url(../images/reg/4.png);}