@charset "utf-8";
@import "validation.css";
@import "notice.css";
@import "reset.css";
@import "ui.css";
@import url('https://fonts.googleapis.com/css?family=Alice|PT+Sans:400,700&subset=cyrillic');
@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot@#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular'); }
/* 
    font-family: 'PT Sans', Tahoma, Arial, sans-serif;
    font-family: 'Alice', 'Times New Roman', Times, serif;
 */


/* preload */

.preload {
    background: #fff url(../images/logo.png) no-repeat center center;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
    transition: all 0.5s cubic-bezier(.64, .14, .34, 1.32);
}

.preload.fade {
    opacity: 0;
    visibility: hidden;
    transform: scale(3);
}

body {
    background: url(../images/min/bg__header.jpg) no-repeat center top, rgb(150, 208, 236) url(../images/min/bg__footer.jpg) no-repeat center bottom;
    min-height: 2250px;
    overflow-x: hidden;margin: 0;
    font-size: 16px;
    font-family: 'Alice', 'Times New Roman', Times, serif;
    color: #2d3f5d;
}

.main {
    position: relative;
    max-width: 1240px;
    margin: 0 auto;
    width: 100%;
    z-index: 9;
    box-sizing: border-box;
}

a {
    color: rgb(83, 129, 182);
    transition-duration: 0.4s;
    transition-property: opacity, color, background-color, background;
}

a:hover {
    text-decoration: none;
}

img {
    max-width: 100%;
}

input,
select {
    width: 100%;
    max-width: 438px;
    height: 61px;
    border: 0;
    background: url(../images/input__bg.png) no-repeat center center;
    box-sizing: border-box;
    padding: 5px 0 0 20px;
    transition: .3s all;
    color: #092f6f;
    font-size: 18px;
}

input:focus {
    box-shadow: 0;
}

textarea {
    width: 100%;
    max-width: 438px;
    min-height: 100px;
    background-color: rgb(121, 171, 203);
    border: 0;
    box-shadow: 0 0 10px #448aaa inset;
    box-sizing: border-box;
    padding: 5px 10px;
    font-size: 16px;
    color: #092f6f;
}

.input_wrapper {
    position: relative;
    min-height: 20px;
    width: 100%;
    max-width: 438px;
    margin-bottom: 5px;
    margin: 0 auto 5px auto;
}

.input_wrapper span {
    margin-bottom: 10px;
    display: inline-block;
}

.title {
    color: #fff;
    font-family: "Alice";
    font-size: 36px;
    line-height: 36px;
    text-shadow: 0 1px 15px rgba(11, 28, 79, .9), 0 1px 25px rgba(11, 28, 79, .9), 0 1px 25px rgba(11, 28, 79, .9);
    text-transform: uppercase;
    padding: 10px 0;
    margin-bottom: 20px;
}

/* Дополнительно */

.input_wrp {
    margin-bottom: 20px;
}

.lang__en {
    display: none;
}

.hidden {
    opacity: 0;
    transition: .3s all;
}

.visible {
    opacity: 1;
    transition: .3s all;
}

.l2b_animation {
    opacity: 0;
}

.l2b_animation.animated {
    opacity: 1;
}

.static_title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: rgb(246, 255, 0);
}

.static_title:after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(255, 252, 8, 0.3) 15%, rgba(255, 252, 8, 0.3) 85%, rgba(0, 0, 0, 0) 100%);
}

.old_ie {
    background-color: #000;
    font-size: 30px;
    padding: 120px 0 20px 0;
    text-align: center;
    z-index: 999999;
    width: 100%;
    color: #fff;
}

.old_ie a {
    color: #D53939;
}

.go-to__link {
    color: #092f6f;
    font-size: 24px;
    text-decoration: underline;
    position: relative;
}

.go-to__link:hover {
    text-decoration: none;
}



.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	text-decoration: none;
}
.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

/* lang */

.lang {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 12;
}

.lang__link_RU {
    text-decoration: none;
    display: block;
    background: url(../images/lang__ru.png) no-repeat;
    width: 73px;
    height: 49px;
    cursor: pointer;
    opacity: .5;
    transition: .3s all;
    margin: 5px;
}

.lang__link_GB {
    text-decoration: none;
    display: block;
    background: url(../images/lang__en.png) no-repeat;
    width: 73px;
    height: 49px;
    cursor: pointer;
    opacity: .5;
    transition: .3s all;
    margin: 5px;
}

.lang__link_RU:hover,
.lang__link_RU.lang__active,
.lang__link_GB:hover,
.lang__link_GB.lang__active {
    opacity: 1;
}


/* tops */

.l2top {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 12;
    width: 100px;
    height: 130px;
}

.l2top:after {
    content: "";
    display: block;
    background: url(../images/tops__l2top.png) no-repeat;
    width: 232px;
    height: 214px;
    position: absolute;
    right: 0;
    top: 0;
    transition: .3s all;
    transform-origin: right top;
    pointer-events: none;
}

.l2top:hover:after {
    transform: scale(1.2);
}

.mmotop {
    display: block;
    width: 100px;
    height: 150px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 12;
    transition: .3s all;
}

.mmotop:after {
    content: "";
    display: block;
    background: url(../images/tops__mmotop.png) no-repeat;
    width: 232px;
    height: 214px;
    position: absolute;
    left: 0;
    top: 0;
    transition: .3s all;
    transform-origin: left top;
    pointer-events: none;
}

.mmotop:hover:after {
    transform: scale(1.2);
}


.l2top__txt {
    display: block;
    width: 90px;
    position: absolute;
    right: 0;
    bottom: 12px;
    transition: .3s all;
    pointer-events: none;
    color: #092f6f;
    font-size: 18px;
    text-transform: uppercase;
    z-index: 5;
    text-align: center;
    font-weight: bold;
    font-family: 'PT Sans', Tahoma, Arial, sans-serif;
}

.mmotop__txt {
    display: block;
    width: 90px;
    position: absolute;
    left: 0;
    bottom: 32px;
    transition: .3s all;
    pointer-events: none;
    color: #092f6f;
    font-size: 18px;
    text-transform: uppercase;
    z-index: 5;
    text-align: center;
    font-weight: bold;
    font-family: 'PT Sans', Tahoma, Arial, sans-serif;
}

.l2top:hover .l2top__txt,
.mmotop:hover .mmotop__txt {
    color: rgb(255, 255, 255);
    text-shadow: 0px 1px 2px #08306e;
}


/* menu */

.menu_wrp {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
}

.menu_container {
    display: flex;
    justify-content: center;
    flex-direction: row;
    box-sizing: border-box;
}

.menu_container a {
    display: inline-block;
    margin: 10px 35px;
    text-align: center;
    color: #21a1c5;
    text-decoration: none;
    box-sizing: border-box;
    transition: .3s all;
    position: relative;
    font-size: 24px;
    height: 30px;
    line-height: 30px;
}

.menu_container a:hover {
    color: #092f6f;
}

.menu_container a:before {
    content: "";
    display: block;
    background: url(../images/menu__icon.png) no-repeat center center;
    width: 38px;
    height: 32px;
    position: absolute;
    left: -37px;
    top: 0px;
    opacity: 0;
    transition: .3s all;
    transform: scale(0);
}

.menu_container a:hover:before {
    opacity: 1;
    transform: scale(1);
    animation: brightness_animate .8s linear infinite;
}

@keyframes left_rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

.menu_container a:after {
    content: "";
    display: block;
    background: url(../images/menu__icon.png) no-repeat center center;
    width: 38px;
    height: 32px;
    position: absolute;
    right: -37px;
    top: 0px;
    opacity: 0;
    transition: .3s all;
    transform: scale(0);
}

.menu_container a:hover:after {
    opacity: 1;
    transform: scale(1);
    animation: brightness_animate .8s linear infinite;
}

@keyframes brightness_animate {
    0% {
        filter: brightness(100%);
    }
    50% {
        filter: brightness(130%);
        opacity: .7;
    }
    100% {
        filter: brightness(100%);
    }
}

.menu_container p {
    margin: 0;
    box-sizing: border-box;
}

.menu_wrp.active_menu {
    display: flex;
}


/* Кнопка меню */

.act_btn {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 88;
}

.menu_btn {
    background-color: #000;
    height: 26px;
    width: 30px;
    border: 7px solid #000;
    border-radius: 3px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    box-sizing: content-box;
}

.menu_btn:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #fff;
    border-radius: 3px;
    transition: .3s all;
}

.menu_btn:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #fff;
    border-radius: 3px;
    transition: .3s all;
}

.menu_line {
    height: 4px;
    background-color: #fff;
    border-radius: 3px;
    transition: .3s all;
}

.menu_btn_active .menu_line {
    opacity: 0;
    transform: rotate(180deg);
}

.menu_btn_active:after {
    transform: rotate(45deg);
    transform-origin: left bottom;
    left: 3px;
}

.menu_btn_active:before {
    transform: rotate(-45deg);
    transform-origin: left top;
    left: 3px;
}

@media (min-width: 1200px) {
    /* меню */
    .adpt_nav {
        display: block;
    }
    .act_btn {
        display: none;
    }
}

@media (max-width: 1200px) {
    /* меню */
    .menu_wrp {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 86;
        height: auto;
        overflow-y: auto;
        background: rgba(0, 0, 0, 0.4) url(../images/menu__bg.png) no-repeat center center;
    }
    .menu_container {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .menu_container p {
        margin: 0;
        padding: 0;
    }
    .menu_container a {
        color: #fff;
    }
    .menu_container span.menu_ico {
        display: none;
    }
}


/* animation_zone */

.animation_zone {
    position: absolute;
    z-index: 1;
    display: block;
    left: 0;
    right: 0;
    overflow: hidden;
    height: 2000px;
	pointer-events: none;
}

.animation_container {
    position: absolute;
    width: 1920px;
    left: 50%;
    top: 0;
    margin-left: -960px;
}

.scene__cloud_1 {
    display: block;
    background: url(../images/min/scene__cloud_1.png) no-repeat;
    width: 2100px;
    height: 1073px;
    position: absolute;
    left: 50%;
    margin-left: -1050px;
    top: 400px;
    z-index: 2;
    pointer-events: none;
}

.scene__cloud_2 {
    display: block;
    background: url(../images/min/scene__cloud_2.png) no-repeat;
    width: 1072px;
    height: 766px;
    position: absolute;
    right: 0;
    top: 120px;
    z-index: 2;
    pointer-events: none;
    animation: scene__cloud_2 70s linear infinite;
    transform-origin: left bottom;
    perspective: 700px;
}

@keyframes scene__cloud_2 {
    0% {
        transform: scale(1) rotate(0);
    }
    10% {
        transform: scale(1) rotate(3deg);
    }
    50% {
        transform: scale(1.1) rotate(15deg);
    }
    60% {
        transform: scale(1.1) rotate(15deg);
    }
    100% {
        transform: scale(1) rotate(0);
    }
}

.scene__cloud_3 {
    display: block;
    background: url(../images/min/scene__cloud_3.png) no-repeat;
    width: 691px;
    height: 372px;
    position: absolute;
    right: 300px;
    top: 0;
    z-index: 2;
    pointer-events: none;
    animation: cloud_3 20s linear infinite;
}

@keyframes cloud_3 {
    0% {
        transform: scale(1);
    }
    10% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    65% {
        transform: scale(1.22);
    }
    100% {
        transform: scale(1);
    }
}

.scene__cloud_translate {
    display: block;
    background: url(../images/min/scene__cloud_3.png) no-repeat;
    width: 691px;
    height: 372px;
    position: absolute;
    right: 200px;
    top: 0;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    animation: scene__cloud_translate 75s linear infinite;
}

@keyframes scene__cloud_translate {
    0% {
        transform: translateX(0) scale(1) rotate(0deg);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translateX(-1500px) scale(1.4) rotate(150deg);
        opacity: 0;
    }
}

.scene__cloud_4 {
    display: block;
    background: url(../images/min/scene__cloud_4.png) no-repeat;
    width: 1645px;
    height: 273px;
    position: absolute;
    left: 50%;
    margin-left: -822px;
    top: 0px;
    z-index: 2;
    pointer-events: none;
    animation: scene__cloud_4 40s linear infinite;
    transform-origin: center bottom;
    perspective: 700px;
}

@keyframes scene__cloud_4 {
    0% {
        transform: scale(1) rotate(0);
    }
    6% {
        transform: scale(1) rotate(0);
    }
    50% {
        transform: scale(1.1) rotate(-1deg);
    }
    56% {
        transform: scale(1.1) rotate(-1deg);
    }
    100% {
        transform: scale(1) rotate(0);
    }
}

.scene__cloud_5 {
    display: block;
    background: url(../images/min/scene__cloud_5.png) no-repeat;
    width: 800px;
    height: 738px;
    position: absolute;
    left: 0px;
    top: 570px;
    z-index: 2;
    pointer-events: none;
    animation: scene__cloud_5 50s linear infinite;
    transform-origin: left bottom;
    perspective: 700px;
}

@keyframes scene__cloud_5 {
    0% {
        transform: scale(1) rotate(0);
    }
    3% {
        transform: scale(1) rotate(0);
    }
    50% {
        transform: scale(1.1) rotate(6deg);
    }
    53% {
        transform: scale(1.1) rotate(6deg);
    }
    100% {
        transform: scale(1) rotate(0);
    }
}

.scene__cloud_overlap {
    display: block;
    background: url(../images/min/scene__cloud_overlap.png) no-repeat;
    width: 2100px;
    height: 1524px;
    position: absolute;
    left: 50%;
    margin-left: -1050px;
    top: 450px;
    z-index: 2;
    pointer-events: none;
}

.girl {
    display: block;
    background: url(../images/min/scene__girl.png) no-repeat;
    width: 1382px;
    height: 1030px;
    position: absolute;
    left: 4px;
    top: 50px;
    z-index: 1;
    pointer-events: none;
    transition: .3s all;
    animation: girl 30s linear infinite;
    transform-origin: left bottom;
    perspective: 700px;
}

@keyframes girl {
    0% {
        transform: scale(1) rotate(0);
    }
    3% {
        transform: scale(1) rotate(0);
    }
    50% {
        transform: scale(1.02) rotate(-3deg);
    }
    53% {
        transform: scale(1.02) rotate(-3deg);
    }
    100% {
        transform: scale(1) rotate(0);
    }
}

.layer {
    width: 100%;
}


/* logo */

.main__logo {
    min-height: 260px;
    position: relative;
    display: flex;
    justify-content: flex-end
}

.logo {
    display: inline-block;
    width: 343px;
    height: 162px;
    position: relative;
    right: 170px;
    top: 50px;
    transition: .3s all;
    perspective: 500px;
}

.logo:hover {
    filter: brightness(115%);
}

.logo:before {
    content: "";
    display: block;
    background: url(../images/logo.png?21111) no-repeat;
    background-size: contain;
    max-width: 343px;
    width: 100%;
    height: 185px;
    position: absolute;
    left: 0;
    top: 0;
    transition: .3s all;
    pointer-events: none;
}

.logo:hover:before {
    transform: rotateY(10deg) translateX(-5px)
}


.logo__title {
    display: block;
    position: absolute;
    right: 0;
    bottom: -20px;
    color: #092f6e;
    font-size: 22px;
    pointer-events: none;
}


/* servers */

.main__servers {
    min-height: 280px;
    display: flex;
    justify-content: flex-end;
    position: relative;
    padding: 10px;
    box-sizing: border-box;
    align-items: center;
}

.servers {
    max-width: 350px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #21a1c5;
    font-family: "Alice";
    font-size: 17px;
    flex-wrap: wrap;
    position: relative;
    top: 0;
    right: 130px;
}

.server {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    flex-grow: 1;
    flex-shrink: 0;
    height: 80px;
}

.server__ico {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 50%;
    pointer-events: none;
    z-index: -1;
}

.server__ico:after {
    content: "";
    display: block;
    background: url(../images/server__icon-off.png) no-repeat center center;
    width: 126px;
    height: 106px;
    position: absolute;
    left: 50%;
    top: -10px;
    margin-left: -62px;
}

.server.server-on .server__ico:after {
    content: "";
    display: block;
    background: url(../images/server__icon-on.png) no-repeat center center;
    width: 126px;
    height: 106px;
    position: absolute;
    left: 50%;
    top: -10px;
    margin-left: -62px;
}

.server__info {
    width: 50%;
    text-align: right;
    box-sizing: border-box;
    padding-right: 50px;
}

.server__online {
    width: 50%;
    text-align: left;
    box-sizing: border-box;
    padding-left: 50px;
    height: 52px;
}

.server__info_rate,
.server__online_amount {
    font-size: 42px;
    color: #092f6f;
    line-height: 35px;
    height: 35px;
}

.server__info_rate span.rate-x {
    font-size: 26px;
}

.server__info_name-none {
    display: none;
}


/* Кнопки */

.main__btn-top {
    min-height: 130px;
    box-sizing: border-box;
    padding: 15px 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    min-height: 130px;
}

.btn-container > a,
.btn {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-size: 36px;
    text-shadow: 0 1px 22px rgba(11, 28, 79, .78);
    text-align: center;
    background: url(../images/btn__big.png) no-repeat center center;
    max-width: 346px;
	width: 100%;
    height: 75px;
    line-height: 75px;
    cursor: pointer;
    transition: .3s all;
    margin: 5px;
    box-sizing: border-box;
    padding: 0;
	border: 0;
	font-family: 'Alice', 'Times New Roman', Times, serif;
	position: relative;
}

.btn-container > a > span,
.btn>span {
    position: relative;
    z-index: 1;
}

sup {position: relative;top: -10px;font-size: 11px}

.btn-container > a:hover,
.btn:hover, .btn.selected {
    filter: brightness(125%);
}
/*
.btn-big:after {
    content: "";
    display: block;
    width: 100%;
    height: 75px;
    background: url(../images/btn__big-green.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    transition: .3s all;
    z-index: 0;
    opacity: 0;
}


.btn-big:hover:after {
    opacity: 1;
}
*/

.inner-lk .btn {font-size: 20px}

.btn-small-container a,
.btn-small {
    background: url(../images/bnt__small.png) no-repeat;
    width: 219px;
}

#top_list .btn-small {display: inline-block;vertical-align: top;margin: 10px;line-height: 75px;color: #fff;text-transform: uppercase;text-decoration: none}

.btn-green {width: 219px; background: url(../images/bnt__small-green.png) no-repeat center center;display: inline-block;vertical-align: top;margin: 10px;line-height: 75px;color: #fff;text-transform: uppercase;text-decoration: none}
.btngreenbig {background-image: url(../images/btn__big-green.png)}

/*
.btn-small:after {
    content: "";
    display: block;
    width: 219px;
    height: 75px;
    background: url(../images/bnt__small-green.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    transition: .3s all;
    z-index: 0;
    opacity: 0;
}


.btn-small:hover:after {
    opacity: 1;
}
*/

.btn__input_min {
    font-size: 20px;
}

.btn-big__min {
	font-size: 30px;
}


/* mid */

.main__content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    min-height: 666px;
}


/* content */

.main__content {
    box-sizing: border-box;
    padding: 10px 0;
}

.main__content_content {
    width: calc(100% - 306px);
    box-sizing: border-box;
    padding-right: 50px;
}

.content {}

.content__list {
    position: relative;
}

#content__list:after {
content: "";
display: none;
position: absolute;
left: -10px;
right: -10px;
top: -10px;
bottom: -20px;
background: rgba(255, 255, 255, 0.2) url(../images/gears.gif) no-repeat center center;
z-index: 8;
border-radius: 10px;
}

#content__list.content__list-active:after {
	display: block;
}

.first,
.previous,
.next,
.last {
    display: none;
}

/* news */

.news {
    box-sizing: border-box;
    padding-left: 100px;
    position: relative;
    margin-bottom: 50px;
    min-height: 140px;
}

.news__img {
    width: 172px;
    height: 163px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 23px;
    box-shadow: 0 1px 18px 2px rgba(13, 36, 55, .85);
    z-index: 2;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background-image: url(../images/news__img-def.png);
}

.news__img>a {
    position: relative;
    z-index: 5;
    top: -10px;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}

.news__img>a:after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: -2px;
    background-color: #fff;
    transition: .3s all;
}

.news__img>a:hover:after {
    left: 0;
    right: 0;
}

.news__img:after {
    content: "";
    background: url(../images/news__img_grd.png) repeat-x;
    width: 100%;
    height: 87px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 23px;
    border-bottom-right-radius: 23px;
}

.news__img:before {
    content: "";
    background: url(../images/news__img_element.png) no-repeat;
    width: 226px;
    height: 69px;
    position: absolute;
    left: -27px;
    top: -8px;
}

.news__info {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 5px 20px 5px 30px;
    max-width: 775px;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
}

.news__title {
    color: #092f6f;
    font-size: 24px;
}

.news__title a {
    text-decoration: none;
    color: #092f6f;
}

.news__date {
    color: #21a1c5;
    font-size: 18px;
    text-shadow: 1px 1px 1px rgb(255, 255, 255);
}


.news__content_txt {
    background: url(../images/news__bg-repeat.png) repeat-y right top;
    color: #2d3f5d;
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    max-width: 775px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px 0 30px;
    margin: 20px 0;
    position: relative;
}

.news__content_txt:before {
    content: "";
    display: block;
    background: url(../images/news__bg-top.png) no-repeat right top;
    width: 100%;
    height: 27px;
    position: absolute;
    top: -27px;
    right: 0;
    z-index: -1;
}

.news__content_txt:after {
    content: "";
    display: block;
    background: url(../images/news__bg-bottom.png) no-repeat right bottom;
    width: 771px;
    height: 27px;
    width: 100%;
    position: absolute;
    bottom: -27px;
    right: 0;
}

.news__content-left {
    display: block;
    background: url(../images/news__bg-left.png) repeat-y left bottom;
    width: 27px;
    position: absolute;
    top: -27px;
    bottom: -24px;
    left: -27px;
    display: none;
}

.pagination {
    width: 100%;
    display: flex;
    justify-content: center;
	flex-wrap: wrap;
    margin-bottom:30px;
}

.pagination a {
    display: inline-flex;
    justify-content:center;
    align-items: center;
    text-decoration: none;
    width: 40px;
    height: 40px;
    border-radius: 22px;
    background-color: rgba(41,87,133,.23);
    color: #092f6f;
	font-size: 24px;
	box-sizing: border-box;
	padding-bottom:3px;
	margin: 7px;
	box-shadow: 0 0 18px rgba(0, 124, 220, 0.2) inset;
}

.pagination a:hover,
.pagination .active a {
    background-color: rgba(41,87,133,.66); 
    color: #fff;
}


/* sidebar */

.sidebar {
    width: 306px;
}


/* top */

.title__top {
    text-align: center;
    margin-bottom: 30px;
}

.top {
    width: 306px;
    height: 514px;
    box-sizing: border-box;
    background: url(../images/top__bg.png) no-repeat;
    box-sizing: border-box;
    padding: 0 20px 0 10px;
}

table#top_block {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;border-collapse: collapse;
}

table#top_block tr {
    position: relative;
    /* display: inline-block;
    width: 276px; */
    margin: 0 auto;
    height: 35px;
    line-height: 35px;
    margin: 2px 0;
    background: linear-gradient(to right, rgba(170, 218, 255, 0) 0%, rgba(112, 216, 255, 0.1) 10%, rgba(112, 216, 255, 0.2) 50%, rgba(112, 216, 255, 0.1) 90%, rgba(170, 218, 255, 0) 100%);
}

table#top_block tr th,
table#top_block tr td {
    position: relative;
    height: 35px;
    line-height: 35px;
}

table#top_block tr th {
    color: rgba(214, 200, 165, 0.3);
    font-size: 12px;
    font-family: 'PT Sans', sans-serif !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
    font-weight: normal;
    margin-bottom: 1px;
}

table#top_block tr td {
    color: #2d3f5d;
    /* text color */
    font-size: 14px;
    font-family: 'PT Sans', sans-serif !important;
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
}

table#top_block tr:nth-child(2) {
    background: linear-gradient(to right, rgba(237, 255, 171, 0) 0%, rgba(237, 255, 171, 0.1) 10%, rgba(245, 255, 207, 0.55) 50%, rgba(237, 255, 171, 0.1) 90%, rgba(237, 255, 171, 0) 100%);
}

table#top_block tr:nth-child(2) td:nth-child(1) {
    background: url(../images/top__1.png) no-repeat center center;
}

table#top_block tr:nth-child(3) {
    background: linear-gradient(to right, rgba(237, 255, 171, 0) 0%, rgba(237, 255, 171, 0.1) 10%, rgba(229, 229, 255, 0.55) 50%, rgba(237, 255, 171, 0.1) 90%, rgba(237, 255, 171, 0) 100%);
}

table#top_block tr:nth-child(3) td:nth-child(1) {
    background: url(../images/top__2.png) no-repeat center center;
}

table#top_block tr:nth-child(4) {
    background: linear-gradient(to right, rgba(255, 208, 221, 0) 0%, rgba(255, 208, 221, 0.1) 10%, rgba(255, 208, 221, 0.5) 50%, rgba(255, 208, 221, 0.1) 90%, rgba(255, 208, 221, 0) 100%);
}

table#top_block tr:nth-child(4) td:nth-child(1) {
    background: url(../images/top__3.png) no-repeat center center;
}

table#top_block tr td:nth-child(1) {
    font-family: 'Tahoma', sans-serif !important;
    font-weight: bold;
    width: 20%;
    text-align: center;
}

table#top_block tr td:nth-child(2) {
    width: 60%;
    text-align: left;
}

table#top_block.top_pk tr td:nth-last-child(1) {
    font-family: 'Tahoma', sans-serif !important;
    font-weight: bold;
    width: 1%;
    text-align: left;
}

table#top_block tr td span {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 12px;
    background: #36361f;
    top: 1px;
}

table.top_pvp {
    top: 0px;
    right: 0px;
}

table.top_pk {
    top: 0px;
    right: 0px;
}

#top_player {
    position: relative;
    display: block;
    width: 100%;
    height: 295px;
}

.top_player_block_server_1,
.top_player_block_server_2,
.top_player_block_server_3 {
    position: absolute;
    display: block;
    width: 100%;
    height: 238px;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    transform: scale(0.0);
    transition: all 0.3s ease;
}

.top_active_block {
    transform: scale(1.0) !important;
}

ul#top_tabs_server1,
ul#top_tabs_server2,
ul#top_tabs_server3 {
    position: absolute;
    display: block;
    left: 0px;
    right: 0px;
    top: -63px;
    list-style: none;
    text-align: center;
    margin: auto;
    z-index: 1;
}

ul#top_tabs_server1 li,
ul#top_tabs_server2 li,
ul#top_tabs_server3 li {
    position: relative;
    display: inline-block;
}

ul#top_tabs_server1 li a,
ul#top_tabs_server2 li a,
ul#top_tabs_server3 li a {
    position: relative;
    display: block;
    width: 91px;
    height: 48px;
    line-height: 48px;
    background: url(../images/top__tab_btn.png) no-repeat;
    color: #092f6f;
    font-size: 18px;
    text-decoration: none;
    margin: 0 5px;
}

.top_content_server {
    position: absolute;
    display: block;
    width: 100%;
    height: 238px;
    top: 82px;
    left: 0px;
    right: 0px;
    margin: auto;
    transform: scale(0.0);
    transition: all 0.3s ease;
    z-index: 1;
}

ul#top_tabs_server {
    position: absolute;
    display: flex;
    justify-content: space-around;
        bottom: -190px;
    left: 0;
    right: 0;
    width: 100%;
    height: 25px;
    text-align: center;
    list-style: none;
    z-index: 0;
}

ul#top_tabs_server li {
    position: relative;
    display: inline-block;
}

ul#top_tabs_server li a {
    position: relative;
    display: block;
    width: auto;
    line-height: 24px;
    text-align: center;
    color: #092f6f;
    font-size: 24px;
    text-decoration: none;
    transition: .3s all;
}

ul#top_tabs_server1 li.active a,
ul#top_tabs_server2 li.active a,
ul#top_tabs_server3 li.active a,
ul#top_tabs_server1 li a:hover,
ul#top_tabs_server2 li a:hover,
ul#top_tabs_server3 li a:hover {
    background: url(../images/top__tab_btn-active.png) no-repeat;
    color: #fff;
}

ul#top_tabs_server li.active a,
ul#top_tabs_server li a:hover {
    color: #fff;
    text-shadow: 0 1px 10px rgba(11, 28, 79, .9), 0 1px 25px rgba(11, 28, 79, .9), 0 1px 8px rgba(11, 28, 79, .5);
}


/* main__other */

.main__other {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    min-height: 540px;padding-left: 100px;
}


/* forum */

.forum__title {
    text-align: center;
}

.forum {
    max-width: 438px;
    width: 100%;
    margin-bottom: 50px;
}

.theme {
    display: block;
    background: url(../images/forum__theme_bg.png) no-repeat center center;
    max-width: 438px;
    width: 100%;
    height: 100px;
    box-sizing: border-box;
    padding: 10px 80px 10px 120px;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    text-decoration: none;
    transition: .3s all;
    perspective: 700px;
    margin-bottom: 20px;
}

.theme:after {
    content: "";
    display: block;
    background: url(../images/forum__theme_icon.png) no-repeat;
    width: 65px;
    height: 58px;
    position: absolute;
    right: 15px;
    top: 20px;
    transition: .3s all;
    transform-origin: left bottom;
}

.theme:hover {
    filter: brightness(120%);
}

.theme:hover:after {
    animation-delay: 2s;
    animation: theme 2s linear infinite;
}

#top_block sup {font-size: 11px;position: relative;top: -10px}

@keyframes theme {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.theme__img {
    display: block;
    width: 112px;
    height: 103px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 3px;
    background-image: url(../images/forum__theme_ava-def.png);
    border-radius: 15px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
    transition: .3s all;
    transform-origin: right center;
}

.theme:hover .theme__img {
    transform: rotateY(30deg);
}

.theme__content_title {
    text-transform: uppercase;
    color: #092f6f;
    font-size: 18px;
    line-height: 20px;
}

.theme__content_info {
    color: #2d3f5d;
    font-size: 16px;
}

.forum__link {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/btn__forum.png) no-repeat center center;
    max-width: 438px;
    width: 100%;
    height: 55px;
    color: #fff;
    font-size: 24px;
    text-shadow: 0 1px 15px rgba(11, 28, 79, .9), 0 1px 25px rgba(11, 28, 79, .9), 0 1px 25px rgba(11, 28, 79, .9);
    text-decoration: none;
    transition: .3s all;
}

.forum__link:hover {
    transform: scale(1.05);
}


/* streams */

.stream {
    flex-grow: 1;
    box-sizing: border-box;
    padding-left: 60px;
    width: calc(100% - 438px);
    margin-bottom: 50px;
}

.stream__title {
    padding-left: 40px;
}

.stream__wrp {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.stream__link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 10px;
    color: #fff;
    text-shadow: 1px 1px 2px #000, 0px 0px 10px #000, 0px 0px 10px #000;
   
    text-decoration: none;
    transition: .3s all !important;
    border-radius: 30px;
    text-transform: uppercase;
    margin: 5px;
    opacity: .5 !important;
}

.stream__link:hover {
    opacity: 1 !important;
}


/* footer */

.footer {
   
    justify-content: space-around;
    box-sizing: border-box;
    padding: 50px 0 30px 100px;
    align-items: stretch;
    width: 100%;display: flex;
}


/* footer__content */

.footer__content {
    max-width: 510px;
    width: 100%;
    text-align: center;
}


/* footer__menu */

.footer__menu {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    align-items: stretch;text-align:left;
}

.f__menu_container {
    margin-bottom: 20px;
}

.f__menu_title {
    text-transform: uppercase;
    color: #092f6f;
    margin-bottom: 20px;
    font-size: 24px;
}

.f__menu_list a {
    color: #2d3f5d;
    font-family: "PT Sans", sans-serif;
    font-size: 18px;
    text-decoration: none;
    line-height: 24px;
    position: relative;
    transition: .3s all;
}

.f__menu_list a:after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: -2px;
    background-color: #2d3f5d;
    transition: .3s all;
}

.f__menu_list a:hover:after {
    left: 0;
    right: 0;
}


/* copy */

.footer__copy {
    color: #2d3f5d;
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.footer__txt {
    color: #2d3f5d;
    /* text color */
    font-family: "PT Sans", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}


/* footer__bnr */

.footer__bnr,
.footer__des {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    align-items: flex-end;
    justify-content: flex-end;
}

.footer__bnr a {
    margin: 10px 5px;
    opacity: 0.5;
    transition: .3s all;
}

.footer__bnr a:hover {
    opacity: 1;
}


/* Static */

.content-static {
    text-align: center;
    line-height: 20px;
}

.step {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.step__icon {
    display: inline-flex;
    background: url(../images/icon__cloud.png) no-repeat;
    width: 69px;
    height: 51px;
    justify-content: center;
    align-items: center;
    color: #092f6f;
    font-size: 36px;
    box-sizing: border-box;
    padding-left: 5px;
}

.step__txt {
    color: #092f6f;
    font-size: 24px;
    text-decoration: underline;
    padding-left: 10px;
}

.button__link {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-size: 19px;
    text-shadow: 0 1px 22px rgba(11, 28, 79, .78);
    text-align: center;
    background: url(../images/button__blue.png) no-repeat;
    width: 233px;
    height: 51px;
    line-height: 51px;
    cursor: pointer;
    transition: .3s all;
    margin: 5px;
    box-sizing: border-box;
    position: relative;
}

.button__link>span {
    position: relative;
    z-index: 1;
}

.inner-lk .button__link  {text-transform: none;font-size: 18px}

.button__link:after {
    content: "";
    display: block;
    width: 233px;
    height: 51px;
    background: url(../images/button__green.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    transition: .3s all;
    z-index: 0;
    opacity: 0;
}

.button__link:hover:after {
    opacity: 1;
}

/* .btn-small {
    background: url(../images/bnt__small.png) no-repeat;
    width: 219px;
}
*/
.btn-reg {
    padding: 0;
    font-family: "Alice";
    font-size: 30px;
}


/* Скрываем реальный чекбокс */

.checkbox {
    display: none;
}

.checkbox-custom {
    position: relative;
    width: 38px;
    height: 38px;
    background: url(../images/input__chek_bg.png) no-repeat;
    border: 0;
}

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

.checkbox-custom::before {
    content: "";
    display: block;
    position: absolute;
    width: 36px;
    height: 32px;
    top: 3px;
    left: 2px;
    background: url(../images/input__chek-active.png) no-repeat;
    opacity: 0;
    transition: .3s all;
    pointer-events: none;
}

.checkbox:checked+.checkbox-custom::before {
    opacity: 1;
}

.input_wrp label {
    margin-bottom: 10px;
    display: inline-block;
}

.alert {
    border: none;
    width: 50%;
    margin: 10px auto;
    padding: 10px 15px;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.alert-danger {
    background: rgba(255, 99, 94, .2);
}

.alert-info {
    background: rgba(94, 196, 255, .25);
}

.alert-success {
    background: rgba(105, 255, 94, .25);
}

.alert-danger .close {
    background: none;
    border: none;
    color: #ea6868;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 5px;
}

.alert-success .close {
    background: none;
    border: none;
    color: #5bb953;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 5px;
}

.alert ul li {
    font-size: 13px;
    line-height: 15px;
    margin: 0;
}

.alert p {
    margin: 0;
}

.alert-danger ul li,
.alert-danger p,
.alert-danger h4 {
    color: #ea6868;
}

.alert-info ul li,
.alert-info p,
.alert-info h4 {
    /* color: #68b7ea; */
    color: rgb(57, 125, 170);
}

.alert-success ul li,
.alert-success p,
.alert-success h4 {
    color: #5bb953;
}


/* statistics */

.servers__stat {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.servers__stat a {
    display: inline-block;
    text-decoration: none;
    color: #092f6f;
    font-size: 24px;
    text-align: center;
    background: url(../images/link__small.png) no-repeat;
    width: 154px;
    height: 43px;
    line-height: 43px;
    cursor: pointer;
    transition: .3s all;
    margin: 5px;
    box-sizing: border-box;
    padding: 0;
}

.servers__stat a:hover {
    filter: brightness(125%);
}

.servers__stat .active a {
    opacity: 0.5;
}

.title__h4 {
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
}

.servers__stat_tabs {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding: 4px;
    box-sizing: border-box;
    background-color: rgba(9, 47, 111, .1);
    border-radius: 20px;
}

.servers__stat_tabs a {
    color: #092f6f;
    font-size: 18px;
    text-decoration: none;
    position: relative;
    margin: 8px;
    display: inline-block;
}

.servers__stat_tabs a:after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: -2px;
    background-color: rgb(45, 63, 93);
    transition: .3s all;
}

.servers__stat_tabs a:hover:after,
.servers__stat_tabs .active a:after {
    left: 0;
    right: 0;
}


/* Оформление общей статистики */

.servers__stat_name {
    color: #092f6f;
    font-size: 24px;
    text-align: center;
    margin: 15px 0 20px 0;
}

.servers__stat-wrp {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.servers__stat_container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 7px;
    box-sizing: border-box;
    background-color: rgba(9, 47, 111, .1);
    border-radius: 20px;
    width: 49%;
    min-height: 45px;
    color: #092f6f;
    font-family: "PT Sans", sans-serif;
    font-size: 18px;
    position: relative;
}

.servers__percent-wrp .servers__stat_container {
    width: 19%;
}

.servers__percent-wrp .servers__stat_container.servers__stat_progress {
    width: 39%;
    overflow: hidden;
}

.progress__line {
    border-radius: 20px;
    width: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    background-color: #63e7ff;
}

.progress__line-female {
    background-color: #ff6296;
}


/* tables */

.content table {
	width: calc(100% + 20px);
    border-radius: 20px;
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 10px;
    margin-left: -10px;
}

.content table tr {}

.content table th,
.content table td {
    text-align: center;
    vertical-align: middle;
    background-color: rgba(9, 47, 111, .1);
	border-radius: 20px;
    height: 40px;
	padding: 0 5px;
}

.table-castle td:nth-child(2) {
    text-align: left;
	    padding-left: 15px;
}

.content table th.castle__name {
    background-color: rgb(255, 255, 255);
    border: 0;
    text-transform: uppercase;
    font-size: 20px;
}

.table-castle__info {

}

/* Статистика разное */

.status-offline {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: rgba(255, 5, 5, 0.35);
    border-radius: 50%;
}

.status-online {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: rgba(7, 113, 0, 0.35);
    border-radius: 50%;
}

/* Навингация в кабинете */

.cabinet__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.cabinet__nav a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #092f6f;
    font-size: 17px;
    text-align: center;
    background: url(../images/link__small.png) no-repeat;
    width: 154px;
    height: 43px;
    cursor: pointer;
    transition: .3s all;
    margin: 5px;
    box-sizing: border-box;
    padding: 0;
    line-height: 15px;
}

.cabinet__nav a:hover {
    filter: brightness(125%);
}

.cabinet__nav .active a {
    opacity: 0.5;
}

.title__small {
    font-size: 25px;
}


/* Правила */

.rules__content {
    font-size: 16px;
}

/**/

.alert ul li {
    font-size: 16px;
    line-height: 16px;
    margin: 0;
}

.clear__input {
	background-image: none;
    border: 1px solid rgb(168, 205, 222);
    height: 40px;
    text-align: center;
    border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.09);
    max-width: 96%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
}

.button {
	    box-sizing: border-box;
    padding: 5px 10px;
    background-image: none;
    border: 0;
    height: 40px;
    text-align: center;
    border-radius: 10px;
    background-color: rgb(206, 231, 249);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
    cursor: pointer;
	transition: .3s all;
}

.button:hover {
	background-color: rgb(219, 240, 255);
}

.link-btn,
.shop__cat-wrp a {
	border-radius: 20px;
    text-decoration: none;
    display: inline-block;
    padding: 15px 30px;
    border: 1px solid rgb(128, 165, 209);
    text-transform: uppercase;
    transition: .3s all;
}

.link-btn:hover,
.shop__cat-wrp a:hover {
	background-color: rgba(255, 245, 245, 0.7);
}

.message-wrp {
	background-color: rgba(9, 47, 111, .1);
    border-radius: 20px;
    padding: 15px 20px;
    line-height: 22px;
	margin-bottom: 20px;
}

.bgcn {
	background-color: rgba(0, 0, 0, 0) !important;;
}

.figure-wrp {
	float: left;
	padding: 0;
	margin: 5px 15px 0px 0px;
}

.message-wrp .author,
.message-wrp .date {
	color: rgb(255, 255, 255);
}



/*Events widget styles*/
.sliderEvents {
    width: 306px;
    height: 514px;
    position: fixed;
    left: -340px;
    top: 8%;
    margin: 0 0 0 0;
    z-index: 999;
    background: url(../images/eventbg.png) no-repeat;
}

#eventsTime {
    color: #fff;
    width: 261px;
    height: 392px;
    float: left;
    margin-top: 50px;
    padding-left: 19px;
    overflow:  auto;
}

.sliderEvents li {
    background: linear-gradient(to right, rgba(237, 255, 171, 0) 0%, rgba(237, 255, 171, 0.1) 10%, rgba(229, 229, 255, 0.55) 50%, rgba(237, 255, 171, 0.1) 90%, rgba(237, 255, 171, 0) 100%);
    list-style: none;
    margin-top: 2px;
    height: 34px;
    padding: 10px 0 0;
}
.sliderEvents li:before,
.sliderEvents li:after {content: "";clear: both;display: text-align: left;}

.sliderEvents li i {
    font-size: 12px;
    color: #ffff;
    font-style: italic;
    text-transform: lowercase;
    float: left;
    margin: 0;
    padding: 0px 0px 0 0;
    width: 100%;
}

.sliderEvents li span {
    font-size: 14px;display: block;width: 100%;
    color: #96f1ff;
    font-weight: bold;
}

.sliderEvents li small {
    font-size: 14px;
    margin: -15px 6px;
    color: #fff;
    float: right;
}


#events li {
    list-style:none;
    margin-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #23201c;
}
#events li i {
    font-size: 12px;
    color: #b1b1b1;
    font-style: italic;
    text-transform: lowercase;
    float: left;
    margin: -25px 162px;
    padding: 10px 0px 0 0;
    width: 38px;
}

#events li span {
    font-size: 12px;
    color: #599456;
    font-weight: bold;
}

#events li small {
    font-size: 12px;
    margin: -15px 6px;
    color: orange;
    float: right;
}


.sliderEvents .eventsButton {
    color: #393126;
    width: 30px;
    height: 30px;
    float: right;
} 

.sliderEvents .eventsButton button {
    background: url(../images/event_icon.png?112) no-repeat;
    width: 160px;
    height: 127px;
    border: none;
    margin-left: 90px; transition-duration: 0.4s;
    outline: none;top: 6%;
    opacity: 1;
    position: fixed;
    z-index: 1;box-shadow: none;
    float: right;
    color: #333;
    font-size: 17px;
    padding-top: 40px;
    text-align: center;
    cursor: pointer; 
}

.sliderEvents .eventsButton button:hover {
    filter: brightness(115%);
      background: url(../images/event_icon2.png?112) no-repeat;
}


.sliderEvents .closeBtn {
    background: url(../images/close_inv.png?21) no-repeat; 
    width: 91px;
    height: 48px;
    border: none;
    outline: none;
    position: absolute;
    bottom: 20px;
    left: 35%;
    opacity: 1;
}

#eventsTime::-webkit-scrollbar{
    width:6px
}
#eventsTime::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)
}
#eventsTime::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  background-color: #93b4cc;
}


#eventsTime::-webkit-scrollbar-thumb:window-inactive{
    background:rgba(255,0,0,.4)
}


#buy_windows, #add_to_card_windows, #select_server, #auction_bet{
    width: 484px;
    padding-bottom: 2px;
    display:none;
    background: #93b4cc;
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
  color: #fff;
    z-index:9999;
}

#select_server span {display: none}
#select_server .form select {border:none;box-shadow: none;width: 100%;}

#item_filter_overlay{
    position: absolute;
    height:400px;
    width:300px;
    display:none;
    z-index:9999;
}
#item_filter{
    width: 300px;
    height:710px;
    padding-bottom: 2px;
    background: #FFF;
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7); 
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); 
    -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);   
}
.item_filter_content{   
    height:600px;
    width: 285px;
    margin: 15px;
    overflow: auto;
}

.modal-header {padding: 18px 18px 0px 18px; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;color: #fff }
.modal-header  h2 { color: #fff; font-size: 19px; font-weight: 700; margin-bottom: 3px;  }
.modal-header2 { background: url(../images/hd-bg.png); padding: 18px 18px 14px 18px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; cursor:move;}
.modal-header2  h2 { color: #444; font-size: 2em; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
.close { position: absolute; top: 12px; right: 12px; display: block; width: 22px; height: 22px; background: url(../images/close.png?2); z-index: 2; }

.form {
    margin: 0px auto;
}

.form input:not([type="checkbox"]):not([type="number"]), .form select, .form textarea {
    padding: 7px 9px;
    margin: 2px 0;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
    width: 200px;
}

.form select {
    width: 216px;
}

.right { float:right; }
.left{ float:left; }
.fixed{
  position: fixed;
  top: 50px;
  left: 50px;
}

#loading {
  background-image:url(../images/l_bg.png);
  border-radius:0 0 4px 4px;
  color:#fff;
  display:none;
  position:fixed;
  top:0;
  left:48%;
  z-index:1000;
  padding:6px;
}


#exception{
    width: 100%;
    height: 0 auto;
    line-height: 25px;
    min-height:25px;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #FFF;
    display: none;
    background-color:red;
    position:fixed;
    z-index: 9999;
}

.wh_items{
    width: 261px;
    margin:2px auto;
    padding-top:6px;
    padding-left:3px;
    height:485px;
}

.square{
    cursor:pointer; 
    position:absolute;
    opacity: 0.8;
}

.square:hover{
    padding: 1px;
    opacity: 1;
}

.square img{
    width:100%;
    height:100%;
}

.f16 .flag{display:inline-block;height:16px;width:16px;vertical-align:text-top;line-height:16px;background:url(../images/flags.png) no-repeat;}
.f16 ._African_Union{background-position:0 -16px;}
.f16 ._Arab_League{background-position:0 -32px;}
.f16 ._ASEAN{background-position:0 -48px;}
.f16 ._CARICOM{background-position:0 -64px;}
.f16 ._CIS{background-position:0 -80px;}
.f16 ._Commonwealth{background-position:0 -96px;}
.f16 ._England{background-position:0 -112px;}
.f16 ._European_Union, .f16 .eu{background-position:0 -128px;}
.f16 ._Islamic_Conference{background-position:0 -144px;}
.f16 ._Kosovo{background-position:0 -160px;}
.f16 ._NATO{background-position:0 -176px;}
.f16 ._Northern_Cyprus{background-position:0 -192px;}
.f16 ._Northern_Ireland{background-position:0 -208px;}
.f16 ._Olimpic_Movement{background-position:0 -224px;}
.f16 ._OPEC{background-position:0 -240px;}
.f16 ._Red_Cross{background-position:0 -256px;}
.f16 ._Scotland{background-position:0 -272px;}
.f16 ._Somaliland{background-position:0 -288px;}
.f16 ._Tibet{background-position:0 -304px;}
.f16 ._United_Nations{background-position:0 -320px;}
.f16 ._Wales{background-position:0 -336px;}
.f16 .ad{background-position:0 -352px;}
.f16 .ae{background-position:0 -368px;}
.f16 .af{background-position:0 -384px;}
.f16 .ag{background-position:0 -400px;}
.f16 .ai{background-position:0 -416px;}
.f16 .al{background-position:0 -432px;}
.f16 .am{background-position:0 -448px;}
.f16 .ao{background-position:0 -464px;}
.f16 .aq{background-position:0 -480px;}
.f16 .ar{background-position:0 -496px;}
.f16 .as{background-position:0 -512px;}
.f16 .at{background-position:0 -528px;}
.f16 .au{background-position:0 -544px;}
.f16 .aw{background-position:0 -560px;}
.f16 .ax{background-position:0 -576px;}
.f16 .az{background-position:0 -592px;}
.f16 .ba{background-position:0 -608px;}
.f16 .bb{background-position:0 -624px;}
.f16 .bd{background-position:0 -640px;}
.f16 .be{background-position:0 -656px;}
.f16 .bf{background-position:0 -672px;}
.f16 .bg{background-position:0 -688px;}
.f16 .bh{background-position:0 -704px;}
.f16 .bi{background-position:0 -720px;}
.f16 .bj{background-position:0 -736px;}
.f16 .bm{background-position:0 -752px;}
.f16 .bn{background-position:0 -768px;}
.f16 .bo{background-position:0 -784px;}
.f16 .br{background-position:0 -800px;}
.f16 .bs{background-position:0 -816px;}
.f16 .bt{background-position:0 -832px;}
.f16 .bw{background-position:0 -848px;}
.f16 .by{background-position:0 -864px;}
.f16 .bz{background-position:0 -880px;}
.f16 .ca{background-position:0 -896px;}
.f16 .cg{background-position:0 -912px;}
.f16 .cf{background-position:0 -928px;}
.f16 .cd{background-position:0 -944px;}
.f16 .ch{background-position:0 -960px;}
.f16 .ci{background-position:0 -976px;}
.f16 .ck{background-position:0 -992px;}
.f16 .cl{background-position:0 -1008px;}
.f16 .cm{background-position:0 -1024px;}
.f16 .cn{background-position:0 -1040px;}
.f16 .co{background-position:0 -1056px;}
.f16 .cr{background-position:0 -1072px;}
.f16 .cu{background-position:0 -1088px;}
.f16 .cv{background-position:0 -1104px;}
.f16 .cy{background-position:0 -1120px;}
.f16 .cz{background-position:0 -1136px;}
.f16 .de{background-position:0 -1152px;}
.f16 .dj{background-position:0 -1168px;}
.f16 .dk{background-position:0 -1184px;}
.f16 .dm{background-position:0 -1200px;}
.f16 .do{background-position:0 -1216px;}
.f16 .dz{background-position:0 -1232px;}
.f16 .ec{background-position:0 -1248px;}
.f16 .ee{background-position:0 -1264px;}
.f16 .eg{background-position:0 -1280px;}
.f16 .eh{background-position:0 -1296px;}
.f16 .er{background-position:0 -1312px;}
.f16 .es{background-position:0 -1328px;}
.f16 .et{background-position:0 -1344px;}
.f16 .fi{background-position:0 -1360px;}
.f16 .fj{background-position:0 -1376px;}
.f16 .fm{background-position:0 -1392px;}
.f16 .fo{background-position:0 -1408px;}
.f16 .fr{background-position:0 -1424px;}  
.f16 .bl, .f16 .cp, .f16 .mf, .f16 .yt{background-position:0 -1424px;}
.f16 .ga{background-position:0 -1440px;}
.f16 .gb{background-position:0 -1456px;}  
.f16 .sh{background-position:0 -1456px;}
.f16 .gd{background-position:0 -1472px;}
.f16 .ge{background-position:0 -1488px;}
.f16 .gg{background-position:0 -1504px;}
.f16 .gh{background-position:0 -1520px;}
.f16 .gi{background-position:0 -1536px;}
.f16 .gl{background-position:0 -1552px;}
.f16 .gm{background-position:0 -1568px;}
.f16 .gn{background-position:0 -1584px;}
.f16 .gp{background-position:0 -1600px;}
.f16 .gq{background-position:0 -1616px;}
.f16 .gr{background-position:0 -1632px;}
.f16 .gt{background-position:0 -1648px;}
.f16 .gu{background-position:0 -1664px;}
.f16 .gw{background-position:0 -1680px;}
.f16 .gy{background-position:0 -1696px;}
.f16 .hk{background-position:0 -1712px;}
.f16 .hn{background-position:0 -1728px;}
.f16 .hr{background-position:0 -1744px;}
.f16 .ht{background-position:0 -1760px;}
.f16 .hu{background-position:0 -1776px;}
.f16 .id{background-position:0 -1792px;}
.f16 .mc{background-position:0 -1792px;}
.f16 .ie{background-position:0 -1808px;}
.f16 .il{background-position:0 -1824px;}
.f16 .im{background-position:0 -1840px;}
.f16 .in{background-position:0 -1856px;}
.f16 .iq{background-position:0 -1872px;}
.f16 .ir{background-position:0 -1888px;}
.f16 .is{background-position:0 -1904px;}
.f16 .it{background-position:0 -1920px;}
.f16 .je{background-position:0 -1936px;}
.f16 .jm{background-position:0 -1952px;}
.f16 .jo{background-position:0 -1968px;}
.f16 .jp{background-position:0 -1984px;}
.f16 .ke{background-position:0 -2000px;}
.f16 .kg{background-position:0 -2016px;}
.f16 .kh{background-position:0 -2032px;}
.f16 .ki{background-position:0 -2048px;}
.f16 .km{background-position:0 -2064px;}
.f16 .kn{background-position:0 -2080px;}
.f16 .kp{background-position:0 -2096px;}
.f16 .kr{background-position:0 -2112px;}
.f16 .kw{background-position:0 -2128px;}
.f16 .ky{background-position:0 -2144px;}
.f16 .kz{background-position:0 -2160px;}
.f16 .la{background-position:0 -2176px;}
.f16 .lb{background-position:0 -2192px;}
.f16 .lc{background-position:0 -2208px;}
.f16 .li{background-position:0 -2224px;}
.f16 .lk{background-position:0 -2240px;}
.f16 .lr{background-position:0 -2256px;}
.f16 .ls{background-position:0 -2272px;}
.f16 .lt{background-position:0 -2288px;}
.f16 .lu{background-position:0 -2304px;}
.f16 .lv{background-position:0 -2320px;}
.f16 .ly{background-position:0 -2336px;}
.f16 .ma{background-position:0 -2352px;}
.f16 .md{background-position:0 -2368px;}
.f16 .me{background-position:0 -2384px;}
.f16 .mg{background-position:0 -2400px;}
.f16 .mh{background-position:0 -2416px;}
.f16 .mk{background-position:0 -2432px;}
.f16 .ml{background-position:0 -2448px;}
.f16 .mm{background-position:0 -2464px;}
.f16 .mn{background-position:0 -2480px;}
.f16 .mo{background-position:0 -2496px;}
.f16 .mq{background-position:0 -2512px;}
.f16 .mr{background-position:0 -2528px;}
.f16 .ms{background-position:0 -2544px;}
.f16 .mt{background-position:0 -2560px;}
.f16 .mu{background-position:0 -2576px;}
.f16 .mv{background-position:0 -2592px;}
.f16 .mw{background-position:0 -2608px;}
.f16 .mx{background-position:0 -2624px;}
.f16 .my{background-position:0 -2640px;}
.f16 .mz{background-position:0 -2656px;}
.f16 .na{background-position:0 -2672px;}
.f16 .nc{background-position:0 -2688px;}
.f16 .ne{background-position:0 -2704px;}
.f16 .ng{background-position:0 -2720px;}
.f16 .ni{background-position:0 -2736px;}
.f16 .nl{background-position:0 -2752px;}  
.f16 .bq{background-position:0 -2752px;}
.f16 .no{background-position:0 -2768px;}  
.f16 .bv, .f16 .nq, .f16 .sj{background-position:0 -2768px;}
.f16 .np{background-position:0 -2784px;}
.f16 .nr{background-position:0 -2800px;}
.f16 .nz{background-position:0 -2816px;}
.f16 .om{background-position:0 -2832px;}
.f16 .pa{background-position:0 -2848px;}
.f16 .pe{background-position:0 -2864px;}
.f16 .pf{background-position:0 -2880px;}
.f16 .pg{background-position:0 -2896px;}
.f16 .ph{background-position:0 -2912px;}
.f16 .pk{background-position:0 -2928px;}
.f16 .pl{background-position:0 -2944px;}
.f16 .pr{background-position:0 -2960px;}
.f16 .ps{background-position:0 -2976px;}
.f16 .pt{background-position:0 -2992px;}
.f16 .pw{background-position:0 -3008px;}
.f16 .py{background-position:0 -3024px;}
.f16 .qa{background-position:0 -3040px;}
.f16 .re{background-position:0 -3056px;}
.f16 .ro{background-position:0 -3072px;}
.f16 .rs{background-position:0 -3088px;}
.f16 .ru{background-position:0 -3104px;}
.f16 .rw{background-position:0 -3120px;}
.f16 .sa{background-position:0 -3136px;}
.f16 .sb{background-position:0 -3152px;}
.f16 .sc{background-position:0 -3168px;}
.f16 .sd{background-position:0 -3184px;}
.f16 .se{background-position:0 -3200px;}
.f16 .sg{background-position:0 -3216px;}
.f16 .si{background-position:0 -3232px;}
.f16 .sk{background-position:0 -3248px;}
.f16 .sl{background-position:0 -3264px;}
.f16 .sm{background-position:0 -3280px;}
.f16 .sn{background-position:0 -3296px;}
.f16 .so{background-position:0 -3312px;}
.f16 .sr{background-position:0 -3328px;}
.f16 .st{background-position:0 -3344px;}
.f16 .sv{background-position:0 -3360px;}
.f16 .sy{background-position:0 -3376px;}
.f16 .sz{background-position:0 -3392px;}
.f16 .tc{background-position:0 -3408px;}
.f16 .td{background-position:0 -3424px;}
.f16 .tg{background-position:0 -3440px;}
.f16 .th{background-position:0 -3456px;}
.f16 .tj{background-position:0 -3472px;}
.f16 .tl{background-position:0 -3488px;}
.f16 .tm{background-position:0 -3504px;}
.f16 .tn{background-position:0 -3520px;}
.f16 .to{background-position:0 -3536px;}
.f16 .tr{background-position:0 -3552px;}
.f16 .tt{background-position:0 -3568px;}
.f16 .tv{background-position:0 -3584px;}
.f16 .tw{background-position:0 -3600px;}
.f16 .tz{background-position:0 -3616px;}
.f16 .ua{background-position:0 -3632px;}
.f16 .ug{background-position:0 -3648px;}
.f16 .us{background-position:0 -3664px;}
.f16 .uy{background-position:0 -3680px;}
.f16 .uz{background-position:0 -3696px;}
.f16 .va{background-position:0 -3712px;}
.f16 .vc{background-position:0 -3728px;}
.f16 .ve{background-position:0 -3744px;}
.f16 .vg{background-position:0 -3760px;}
.f16 .vi{background-position:0 -3776px;}
.f16 .vn{background-position:0 -3792px;}
.f16 .vu{background-position:0 -3808px;}
.f16 .ws{background-position:0 -3824px;}
.f16 .ye{background-position:0 -3840px;}
.f16 .za{background-position:0 -3856px;}
.f16 .zm{background-position:0 -3872px;}
.f16 .zw{background-position:0 -3888px;}
.f16 .sx{background-position:0 -3904px;}
.f16 .cw{background-position:0 -3920px;}
.f16 .ss{background-position:0 -3936px;}
.f16 .nu{background-position:0 -3952px;}



.i_note, .s_note, .w_note, .e_note {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 40px;
background-repeat: no-repeat;
-moz-border-radius:.5em;
-webkit-border-radius:.5em;
border-radius:.5em; 
text-align: left;
}
.i_note {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../images/info.png');
background-position: left center;
}
.s_note {
color: #4F8A10;
background-color: #E8EFD3;
background-image:url('../images/success.png');
background-position: left center;
}
.w_note {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../images/warning.png');
background-position: left center;
}
.e_note {
color: #D8000C;
background-color: #F7E0CC;
background-image: url('../images/error.png');
background-position: left center;
}


.ultabs {width: 346px;float: left;}

.ultabs li {text-align: left;margin-bottom: 10px}
.ultabs li a {display: block;width: 346px;height: 75px;background: url(../images/btn__big.png) no-repeat center;color: #fff;font-size: 16px;line-height: 75px;padding-left: 0;text-transform: uppercase;font-family: "Alice";text-decoration: none}
.ultabs li a span {padding-left: 35px}
.ultabs li a:hover {color: #eee}

.ultabs li.active a {
    filter: brightness(120%);color: #eee
}

.panel {width: calc(100% - 375px);float: right}
.panel h1 {text-align: left}



#helm{
    position:absolute; 
    left:73px; 
    top:58px; 
    width:56px; 
    height:66px; 
}

#wings{
    position:absolute; 
    left:272px; 
    top:59px;   
    width:127px; 
    height:110px; 
}

#pendant{
    position:absolute; 
    left:233px; 
    top:80px;   
    width:29px; 
    height:29px; 
}

#sword{
    position:absolute; 
    left:6px; 
    top:242px; 
    width:69px; 
    height:129px; 
}

#armor{
    position:absolute; 
    left:40px; 
    top:138px; 
    width:82px; 
    height:98px; 
}

#shield{
    position:absolute; 
    left:330px; 
    top:242px; 
    width:69px; 
    height:129px; 
}

#gloves{
    position:absolute; 
    left:271px; 
    top:178px;  
    width:85px; 
    height:55px; 
}
#pants{
    position:absolute; 
    left:89px;  
    top:297px;  
    width:58px; 
    height:74px; 
}
#ring_left{
    position:absolute; 
    left:102px; 
    top:252px;  
    width:29px; 
    height:29px; 
}
#ring_right{
    position:absolute; 
    left:272px; 
    top:252px;  
    width:29px; 
    height:29px; 
}

#boots{
    position:absolute; 
    left:258px; 
    top:297px;  
    width:58px; 
    height:74px; 
}

#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #221f28;
    padding: 5px;
    opacity: 0.90;
    font: normal 10px Tahoma, Helvetica, sans-serif;
    text-align: center;
    color: #fff;
}

#tooltip h3, 
#tooltip div {
    margin: 0;
}


#paypal-options {width: 33%;float: left;margin-bottom: 40px;text-align: center;}
#paypal-option:nth-child(2) {margin-right: 20px;margin-left: 20px}
#paypal-options h4 {
    font-family: "Alice";
    font-size: 28px;
    text-shadow: 0 1px 15px rgba(11, 28, 79, .9), 0 1px 25px rgba(11, 28, 79, .9), 0 1px 25px rgba(11, 28, 79, .9);
    text-transform: uppercase;
    color: #fff;
    display: block;
    padding-bottom: 15px;
    margin: auto;
    width: 100%;
}
    #paypal-options h3 {display: block;width: 100%;margin: auto; font-family: "Alice";
    font-size: 23px;margin-bottom:15px}

  #paypal-options  .button__link {border:none;}

  #option .btn {font-size: 28px;text-transform: none}



  .plan-vip {margin-bottom: 30px}
   .plan-vip h1 {font-family: "Alice";text-transform: uppercase;font-size: 30px;line-height: 45px}


   .voter-block {width: 100%;padding: 0 0px 30px;display: inline-block;vertical-align: top}
   .voter-block .image {width: 100px;float: left;padding-top: 10px}
   .voter-block h5 {font-family: "Alice";text-transform: uppercase;font-size:21px;float: left;margin: 0 15px;padding-top: 20px}
    .voter-block button {float: right;}



.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;

  ebkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;animation-iteration-count: infinite;
}