::-moz-selection {
    color: #000;
    background: #fff
}

::selection {
    color: #000;
    background: #fff
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    cursor: default
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

img {
    border-style: none;
    display: inline-block
}

img,video {
    max-width: 100%;
    height: auto
}

a {
    background-color: transparent;
    color: #f8a61f;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: opacity,color,background-color;
    transition-property: opacity,color,background-color;
    outline: 0
}

a:hover {
    text-decoration: none
}

a:active,a:focus {
    outline: 0
}

::-webkit-input-placeholder {
    color: #fff
}

:-moz-placeholder,::-moz-placeholder {
    color: #fff
}

:-ms-input-placeholder {
    color: #fff
}

:focus::-webkit-input-placeholder {
    color: transparent
}

:focus:-moz-placeholder,:focus::-moz-placeholder {
    color: transparent
}

:focus:-ms-input-placeholder {
    color: transparent
}

input:not([type=checkbox]):not([type=radio]),select {
    width: 100%;
    height: 40px;
    background-color: rgba(26,26,26,.9);
    border: 1px solid #39352e;
    border-radius: 3px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: none;
    transition: none;
    color: #d9d9d9;
    font-family: Segoe UI,Open Sans,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    outline: none
}

input:not([type=checkbox]):not([type=radio]):focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #977233
}

option {
    background-color: #141110;
    color: #d5c8b4;
    font-size: 16px;
    font-weight: 400
}

option:hover {
    color: #000;
    background-color: #757575
}

.tt-uppercase {
    text-transform: uppercase
}

[class*=" gwi_"]:before,[class^=gwi_]:before {
    margin: 0
}

.inp-grp {
    position: relative;
    width: 100%
}

.inp-grp_m_b {
    margin-bottom: 15px
}

.inp-desc {
    color: #b0925c;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    text-transform: uppercase
}

.inp-desc_m_b,.inp-error {
    margin-bottom: 5px
}

.inp-error {
    color: #ff5412
}

.inp-error~input {
    outline: 1px solid #ff5412
}

.field {
    position: relative
}

.color-light {
    color: #e8d1a6
}

.color-red {
    color: #ff2727
}

.color-yellow {
    color: #f4fd02
}

.color-orange {
    color: #ffba00
}

.color-pink {
    color: #ff91a3
}

.color-light-blue {
    color: #2193df
}

.color-blue {
    color: #2437e2
}

.color-light-green {
    color: #d9ff66
}

.color-green {
    color: #24e23d
}

.color-grey {
    color: #c5c1c1
}

.color-white {
    color: #fff
}

.color-aqua {
    color: #00fffc
}

.preload {
    background-color: #171717;
    position: fixed;
    z-index: 500;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    visibility: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px
}

.preload__logo {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block
}

.preload__fade {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all .5s cubic-bezier(.64,.14,.34,1.32);
    transition: all .5s cubic-bezier(.64,.14,.34,1.32)
}

@-webkit-keyframes preanimateout {
    0% {
        -webkit-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1)
    }

    to {
        -webkit-transform: translate(-50%,-50%) scale(0);
        transform: translate(-50%,-50%) scale(0)
    }
}

@keyframes preanimateout {
    0% {
        -webkit-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1)
    }

    to {
        -webkit-transform: translate(-50%,-50%) scale(0);
        transform: translate(-50%,-50%) scale(0)
    }
}

body {
    line-height: 1.15;
    color: #fcfcfc;
    z-index: 0;
    font-family: Segoe UI,Open Sans,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    background-color: #171717
}

.page,body {
    position: relative;
    overflow-x: hidden;
    min-width: 480px;
    min-height: 100vh
}

.page {
    z-index: 2;
    max-width: 1920px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-transition: all .3s;
    transition: all .3s;
    background: #171717 url(../images/bg.jpg) no-repeat top
}

.page_hide {
    opacity: 0
}

.page__section {
    position: relative;
    z-index: 2;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.page__section_pad {
    padding-left: 10px;
    padding-right: 10px
}

.page__container {
    max-width: 1270px;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.page__inner_rw {
    margin-left: -10px;
    margin-right: -10px
}

.button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: 0 0 3px rgba(255,84,0,.4),0 0 6px rgba(255,84,0,.8);
    color: #ffc207;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    width: auto;
    height: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 0;
    border: 1px solid #3e3e3e;
    outline: 0;
    background-color: rgba(12,11,11,.3);
    padding: 7px 17px
}

.button_bgc_transparent {
    background-color: transparent
}

.button:hover {
    text-shadow: 0 0 7px rgba(255,84,0,.9),0 0 10px rgba(255,84,0,.9);
    border: 1px solid #6f4700;
    background-color: rgba(60,41,7,.28)
}

[data-server-select=true] {
    text-shadow: 0 0 7px rgba(255,115,0,.9),0 0 10px rgba(255,145,0,.9);
    border: 1px solid #a16600;
    background-color: rgba(60,41,7,.7);
    pointer-events: none
}

.btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    -webkit-box-shadow: 0 5px 8px rgba(0,0,0,.66);
    box-shadow: 0 5px 8px rgba(0,0,0,.66);
    text-shadow: 0 5px 3px rgba(0,0,0,.24);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    line-height: 12px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    width: 186px;
    height: 49px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-shadow: none;
    position: relative;
    z-index: 0;
    border: 0;
    outline: 0;
    background-color: transparent
}

.btn:hover {
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.66);
    box-shadow: 0 3px 6px rgba(0,0,0,.66)
}

.btn:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    background: transparent url(../images/btns/btn_type_1.jpg) no-repeat 50%
}

.btn:hover:after {
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

.btn__content {
    position: relative;
    z-index: 5;
    display: inline-block
}

.btn__desc {
    color: #ceb980;
    font-size: 11px;
    font-weight: 400
}

.btn__pic {
    width: 50px;
    height: 50px;
    position: relative;
    z-index: 5
}

.btn__img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.btn_type_2 {
    width: 214px;
    height: 56px;
    font-size: 14px
}

.btn:after {
    background: transparent url(../images/btns/btn_type_2.jpg) no-repeat 50%
}

.btn_large_1 {
    width: 321px;
    height: 85px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-shadow: 0 5px 8px rgba(0,0,0,.66);
    box-shadow: 0 5px 8px rgba(0,0,0,.66)
}

.btn_large_1:hover {
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.66);
    box-shadow: 0 3px 6px rgba(0,0,0,.66)
}

.btn_large_1 .btn__pic {
    width: 90px;
    margin-left: 15px;
    margin-right: 7px
}

.btn_large_1 .btn__img {
    width: 115px;
    height: 115px;
    max-width: none;
    max-height: none
}

.btn_large_1 .btn__title {
    color: #fff;
    font-size: 19px;
    font-weight: 900;
    line-height: 19px;
    text-align: left
}

.btn_large_1 .btn__desc {
    color: #c1caa1;
    font-size: 11px;
    font-weight: 400;
    line-height: 11px;
    text-align: left;
    padding-top: 5px;
    padding-left: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.btn_large_1:after {
    background: transparent url(../images/btns/btn_large_1.jpg) no-repeat 50%
}

.btn_min {
    text-shadow: -1.4px -2.6px 3px rgba(0,0,0,.52);
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    width: 67px;
    height: 24px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.6);
    box-shadow: 0 3px 6px rgba(0,0,0,.6)
}

.btn_min:hover {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
    box-shadow: 0 1px 3px rgba(0,0,0,.3)
}

.btn_min:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    background: transparent url(../images/btns/btn_min.jpg) no-repeat 50%
}

.bt {
    display: block
}

.bt__inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    -webkit-box-shadow: 0 5px 8px rgba(0,0,0,.4);
    box-shadow: 0 5px 8px rgba(0,0,0,.4);
    text-shadow: 0 5px 3px rgba(0,0,0,.24);
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    line-height: 13px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    max-width: 100%;
    width: 269px;
    height: 33px;
    padding-left: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-shadow: none;
    position: relative;
    z-index: 0;
    border: 0;
    outline: 0;
    background-color: transparent;
    opacity: .5
}

.bt:hover .bt:hover {
    opacity: .6
}

.bt__input {
    display: none
}

.bt__input:checked~.bt__inner {
    opacity: 1
}

.bt__inner:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    background: transparent url(../images/btns/bt.jpg) no-repeat 50%
}

.bt__content {
    position: relative;
    z-index: 5;
    display: inline-block
}

.list {
    padding-left: 0;
    list-style-type: none;
    margin: 10px 0
}

.list li {
    position: relative;
    z-index: 0
}

.list li:before {
    display: inline-block;
    content: ">";
    margin-right: 5px;
    color: #f4fd02;
    font-size: 12px
}

.itm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3px
}

.itm__img {
    margin-right: 10px;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.itm__content {
    margin: auto 0
}

.heading {
    text-align: center;
    padding: 10px 0
}

.heading,.heading__title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.heading__title {
    color: #fcfcfc;
    font-size: 26px;
    font-weight: 700;
    line-height: 26px;
    padding-bottom: 13px
}

.heading__desc {
    color: #fffae7;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px
}

.inf {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    margin: 0 10px
}

.inf-theme {
    background-color: #1f1f1f
}

.inf-theme[data-state=hidden] {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.inf-theme[data-state=visible] {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.inf-theme[data-placement^=top]>.tippy-arrow {
    border-top-color: #1f1f1f
}

.inf-theme[data-placement^=bottom]>.tippy-arrow {
    border-bottom-color: #1f1f1f
}

.inf-theme[data-placement^=left]>.tippy-arrow {
    border-left-color: #1f1f1f
}

.inf-theme[data-placement^=right]>.tippy-arrow {
    border-right-color: #1f1f1f
}

.gw-timer {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.gw-timer,.gw-timer__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gw-timer__item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #eea761;
    font-size: 14px;
    padding: 12px 2px 18px;
    margin: 5px 2px;
    text-align: center;
    background-color: rgba(22,16,12,.8);
    border: 0;
    min-width: 65px
}

.gw-timer__item_00,.gw-timer__item_0 {
    opacity: .5
}

.gw-timer__item_dot {
    width: 14px;
    color: #ffb54c;
    font-size: 30px
}

.gw-timer__amount {
    color: #fff;
    font-size: 35px;
    line-height: 35px;
    padding: 0;
    border-radius: 6px;
    margin-bottom: 6px
}

.gw-timer__amount,.gw-timer__desc {
    font-weight: 700;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.gw-timer__desc {
    color: #f4fd02;
    font-size: 12px;
    line-height: 12px
}

.end-time {
    color: #abff67;
    font-size: 20px;
    line-height: 20px;
    padding: 5px 10px 8px;
    margin: 10px 0 5px;
    background-color: rgba(22,16,12,.7);
    text-align: center;
    display: inline-block
}

.counter {
    margin: 0 -2px
}

.logo {
    text-decoration: none;
    display: block;
    width: 303px;
    height: 111px;
    position: relative;
    margin: 0 auto
}

.logo__sword {
    display: block;
    position: absolute;
    width: 140px;
    height: 184px;
    left: 79px;
    top: -53px;
    -webkit-animation: sword 4s linear infinite;
    animation: sword 4s linear infinite;
    -webkit-perspective: 700px;
    perspective: 700px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background: url(../images/logo/logo__sword.png) no-repeat
}

@-webkit-keyframes sword {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes sword {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.logo__blade {
    display: block;
    position: absolute;
    width: 140px;
    height: 184px;
    left: 79px;
    top: -53px;
    -webkit-animation: blade 10s linear infinite;
    animation: blade 10s linear infinite;
    -webkit-perspective: 700px;
    perspective: 700px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

@-webkit-keyframes blade {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    to {
        -webkit-transform: rotateY(1turn);
        transform: rotateY(1turn)
    }
}

@keyframes blade {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    to {
        -webkit-transform: rotateY(1turn);
        transform: rotateY(1turn)
    }
}

.logo__link:hover .logo__blade {
    -webkit-animation: blade 2s linear infinite;
    animation: blade 2s linear infinite
}

.logo__blade_def {
    display: block;
    position: absolute;
    background: url(../images/logo/logo__blade.png) no-repeat;
    width: 140px;
    height: 184px;
    left: 0;
    top: 0;
    z-index: 1;
    pointer-events: none
}

.logo__blade_1 {
    -webkit-transform: translateZ(-1px);
    transform: translateZ(-1px)
}

.logo__blade_2 {
    -webkit-transform: translateZ(-2px);
    transform: translateZ(-2px);
    display: none
}

.logo__blade_3 {
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px)
}

.logo__blade_4 {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    background: url(../images/logo/logo__handle.png) no-repeat
}

.logo__blade_5 {
    -webkit-transform: rotateY(-20deg);
    transform: rotateY(-20deg)
}

.logo__blade_5,.logo__blade_6 {
    background: url(../images/logo/logo__blade_l.png) no-repeat
}

.logo__blade_6 {
    -webkit-transform: rotateY(20deg);
    transform: rotateY(20deg)
}

.logo:before {
    content: "";
    display: block;
    background: url(../images/logo/logo__name.png) no-repeat;
    width: 323px;
    height: 208px;
    position: absolute;
    left: -3px;
    top: -56px;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: -1;
    pointer-events: none
}

.logo:hover:before {
    -webkit-filter: brightness(125%);
    filter: brightness(125%)
}

.logo:after {
    content: "";
    display: block;
    background: url(../images/logo/logo.png) no-repeat;
    width: 323px;
    height: 208px;
    position: absolute;
    left: -3px;
    top: -56px;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: -1;
    pointer-events: none;
    opacity: 0
}

.logo:hover:after {
    -webkit-animation: logotype .3s ease;
    animation: logotype .3s ease
}

@-webkit-keyframes logotype {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    10% {
        opacity: .3
    }

    to {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0
    }
}

@keyframes logotype {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }

    10% {
        opacity: .3
    }

    to {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0
    }
}

.body_glang-fix {
    top: 0!important;
    position: static!important
}

.skiptranslate {
    display: none!important
}

.lang {
    width: 49px;
    position: relative;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.lang__arrow {
    content: "";
    display: block;
    background: url(../images/lang/lang__arrow.png) no-repeat;
    width: 10px;
    height: 5px;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    margin-top: 5px
}

.lang:hover .lang__arrow {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.lang__link {
    display: block;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    border-radius: 10px;
    padding: 3px 0
}

.lang__img,.lang__link {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.lang__img {
    width: 49px;
    font-size: 10px;
    display: block
}

.lang__name {
    color: #b2b2b2;
    font-size: 16px;
    font-weight: 400;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-transform: uppercase
}

.lang__link_sub {
    width: 100%;
    position: relative;
    margin-top: 6px
}

.lang__link_sub:hover {
    -webkit-filter: brightness(125%);
    filter: brightness(125%)
}

.lang__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 10;
    line-height: 13px
}

.lang:hover .lang__list {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.lang__link_select {
    padding: 7px 0;
    text-align: center;
    font-size: 0
}

.lang__img_select {
    margin-bottom: 2px;
    -webkit-filter: drop-shadow(0 0 10px #415e6a);
    filter: drop-shadow(0 0 10px #415e6a)
}

.lang__name_select {
    -webkit-filter: drop-shadow(0 0 5px #415e6a);
    filter: drop-shadow(0 0 5px #415e6a)
}

.lang_row {
    width: 100%;
    padding: 0;
    margin: 0
}

.lang__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.enter {
    background: url(../images/nav/lk.png) no-repeat;
    width: 18px;
    height: 24px;
    display: block;
    text-decoration: none;
    margin: 5px 10px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.enter:hover {
    -webkit-filter: brightness(130%);
    filter: brightness(130%)
}

.nav {
    position: relative
}

.nav__link {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 8px;
    margin: 0;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
    line-height: 16px
}

.nav__ico,.nav__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav__ico {
    width: 55px;
    height: 55px;
    margin-right: 5px;
    -webkit-transition: all .3s;
    transition: all .3s;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.nav__link:hover .nav__ico {
    -webkit-filter: brightness(130%);
    filter: brightness(130%)
}

.nav__img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%
}

.nav__name {
    text-shadow: .1px 2px 0 rgba(0,0,0,.27);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 13px;
    white-space: nowrap
}

.nav__desc,.nav__name {
    text-transform: uppercase;
    -webkit-transition: all .3s;
    transition: all .3s
}

.nav__desc {
    text-shadow: .1px 2px 0 rgba(35,80,77,.19);
    color: #d2f4ec;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    padding-top: 2px
}

.nav__link:hover .nav__name {
    color: #ffef00
}

.nav__link:hover .nav__desc {
    color: #b5b5b5
}

.gw-burger {
    position: relative;
    z-index: 5;
    background-color: #c1f3ff;
    height: 36px;
    width: 40px;
    border-radius: 3px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.gw-burger__line {
    height: 4px;
    position: absolute;
    left: 5px;
    right: 5px;
    background-color: #000;
    border-radius: 2px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.gw-burger__line_pos_top {
    top: 5px
}

.gw-burger__line_pos_middle {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.gw-burger__line_pos_bottom {
    bottom: 5px
}

.gw-burger_active .gw-burger__line_pos_top {
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    -webkit-transform-origin: center top;
    transform-origin: center top;
    top: 50%
}

.gw-burger_active .gw-burger__line_pos_middle {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 0
}

.gw-burger_active .gw-burger__line_pos_bottom {
    -webkit-transform: rotate(-45deg) translateY(50%);
    transform: rotate(-45deg) translateY(50%);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    bottom: 50%
}

.navigation {
    position: relative;
    z-index: 20;
    background-color: rgba(0,0,0,.3)
}

.navigation__inner {
    height: 63px;
    padding-bottom: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navigation__lang {
    margin: 18px 10px 5px 33px
}

.navigation__lang_one {
    margin-top: 4px
}

.navigation__nav {
    -ms-flex-item-align: center;
    align-self: center
}

.navigation__list,.navigation__nav {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.navigation__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1010px;
    min-width: 230px
}

@media (min-width: 1200px) {
    .navigation__burger {
        display:none
    }
}

@media (max-width: 1200px) {
    .navigation__nav {
        -webkit-box-ordinal-group:0;
        -ms-flex-order: -1;
        order: -1
    }

    .navigation__burger {
        display: block;
        margin: 10px
    }

    .navigation__list {
        position: absolute;
        left: 10px;
        top: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        z-index: 10;
        background-color: #232321;
        border: 2px solid #c1f3ff;
        border-radius: 3px;
        -webkit-transition: all .3s;
        transition: all .3s;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        transform-origin: left top
    }

    .nav__link,.navigation__list {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .nav__link {
        width: 100%;
        text-align: left;
        margin: 0;
        padding: 5px 10px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .nav__link:hover {
        background-color: #1c1c1c
    }

    .nav__ico {
        display: block
    }

    .gw-burger_active~.navigation__list {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        transform: scale(1);
        top: 42px
    }
}

.article__title,.article_fade {
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.article__title {
    color: #f4fd02;
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    -webkit-transform: translateY(50px) scale(0);
    transform: translateY(50px) scale(0)
}

.article__content {
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    -webkit-transform: translateY(-50px) scale(0);
    transform: translateY(-50px) scale(0)
}

.swiper-slide-active .article_fade {
    opacity: 1
}

.swiper-slide-active .article__content,.swiper-slide-active .article__title {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1)
}

.slnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 32px;
    padding: 3px 4px 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #131816;
    -webkit-clip-path: polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);
    clip-path: polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);
    cursor: default;
    font-size: 13px;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    color: #fffefd
}

.slnav__arrow {
    width: 12px;
    height: 14px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 2px 5px 0;
    cursor: pointer;
    outline: none
}

.slnav__arrow_left {
    background: url(../images/slider/arrow_dir_left.png) no-repeat 50%;
    margin-right: 7px
}

.slnav__arrow_right {
    background: url(../images/slider/arrow_dir_right.png) no-repeat 50%;
    margin-left: 7px
}

.slnav__arrow.swiper-button-disabled {
    opacity: .4
}

.slnav__counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.slnav__border {
    margin: 0 7px
}

.news__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 7px
}

.news__list {
    overflow: hidden
}

.news__title {
    color: #fffefd;
    font-size: 35px;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase
}

.news__slnav {
    margin-left: 15px;
    position: relative;
    top: 2px
}

.header__inner {
    min-height: 276px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.header__inner,.header__logotype {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__logotype {
    margin-top: 89px;
    width: calc(85% - 320px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header__news {
    width: 300px;
    margin: 75px 10px 0
}

.header__news,.server {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.server {
    width: 132px;
    height: 136px;
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 24px;
    cursor: default;
    cursor: pointer
}

.server:after {
    display: block;
    content: "";
    background: url(../images/server/server-1__bg.png) no-repeat;
    width: 240px;
    height: 240px;
    position: absolute;
    left: -55px;
    top: -45px;
    z-index: -1;
    pointer-events: none
}

.server__rate,.server__title {
    color: #fff;
    font-size: 19px;
    font-weight: 900;
    line-height: 13px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 27px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 24px;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 1;
	text-shadow: 2px 0 #303e58, -2px 0 #303e58, 0 2px #303e58, 0 -2px #303e58, 1px 1px #303e58, -1px -1px #303e58, 1px -1px #303e58, -1px 1px #303e58;
}

.server__title {
    opacity: 0;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
}

.server:hover .server__title {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.server:hover .server__rate {
    opacity: 0;
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
}

.server__desc {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 10px;
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 1;
    text-shadow: 0 2px 2px #000,0 2px 2px #000;
}

.server__info {
    background: url(../images/server/server__info.png) no-repeat;
    width: 20px;
    height: 21px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 5;
    -webkit-transition: all .2s;
    transition: all .2s
}

.decor,.server__info {
    position: absolute;
    top: 0
}

.decor {
    right: 0;
    bottom: 0;
    left: 0
}

.decor,.decor__item {
    display: block;
    pointer-events: none
}

.decor__item {
    position: absolute;
    z-index: 20
}

.decor__item_left_top {
    background: url(../images/server/server-1__decor_left_top.png) no-repeat;
    width: 52px;
    height: 38px;
    left: 5px;
    top: 3px
}

.decor__item_right_top {
    background: url(../images/server/server-1__decor_right_top.png) no-repeat;
    width: 52px;
    height: 38px;
    right: 5px;
    top: 3px
}

.decor__item_right_bottom {
    background: url(../images/server/server-1__decor_right_bottom.png) no-repeat;
    width: 45px;
    height: 45px;
    right: 0;
    bottom: 0
}

.decor__item_left_bottom {
    background: url(../images/server/server-1__decor_left_bottom.png) no-repeat;
    width: 45px;
    height: 45px;
    left: 0;
    bottom: 0
}

[data-server="1"]:after {
    background: url(../images/server/server-1__bg.png) no-repeat
}

[data-server="1"] .decor__item_left_top {
    background: url(../images/server/server-1__decor_left_top.png) no-repeat
}

[data-server="1"] .decor__item_right_top {
    background: url(../images/server/server-1__decor_right_top.png) no-repeat
}

[data-server="1"] .decor__item_right_bottom {
    background: url(../images/server/server-1__decor_right_bottom.png) no-repeat
}

[data-server="1"] .decor__item_left_bottom {
    background: url(../images/server/server-1__decor_left_bottom.png) no-repeat
}

[data-server="2"]:after {
    background: url(../images/server/server-2__bg.png) no-repeat
}

[data-server="2"] .decor__item_left_top {
    background: url(../images/server/server-2__decor_left_top.png) no-repeat
}

[data-server="2"] .decor__item_right_top {
    background: url(../images/server/server-2__decor_right_top.png) no-repeat
}

[data-server="2"] .decor__item_right_bottom {
    background: url(../images/server/server-2__decor_right_bottom.png) no-repeat
}

[data-server="2"] .decor__item_left_bottom {
    background: url(../images/server/server-2__decor_left_bottom.png) no-repeat
}

[data-server="3"]:after {
    background: url(../images/server/server-3__bg.png) no-repeat
}

[data-server="3"] .decor__item_left_top {
    background: url(../images/server/server-3__decor_left_top.png) no-repeat
}

[data-server="3"] .decor__item_right_top {
    background: url(../images/server/server-3__decor_right_top.png) no-repeat
}

[data-server="3"] .decor__item_right_bottom {
    background: url(../images/server/server-3__decor_right_bottom.png) no-repeat
}

[data-server="3"] .decor__item_left_bottom {
    background: url(../images/server/server-3__decor_left_bottom.png) no-repeat
}

[data-server="4"]:after {
    background: url(../images/server/server-4__bg.png) no-repeat
}

[data-server="4"] .decor__item_left_top {
    background: url(../images/server/server-4__decor_left_top.png) no-repeat
}

[data-server="4"] .decor__item_right_top {
    background: url(../images/server/server-4__decor_right_top.png) no-repeat
}

[data-server="4"] .decor__item_right_bottom {
    background: url(../images/server/server-4__decor_right_bottom.png) no-repeat
}

[data-server="4"] .decor__item_left_bottom {
    background: url(../images/server/server-4__decor_left_bottom.png) no-repeat
}

[data-server="5"]:after {
    background: url(../images/server/server-5__bg.png) no-repeat
}

[data-server="5"] .decor__item_left_top {
    background: url(../images/server/server-5__decor_left_top.png) no-repeat
}

[data-server="5"] .decor__item_right_top {
    background: url(../images/server/server-5__decor_right_top.png) no-repeat
}

[data-server="5"] .decor__item_right_bottom {
    background: url(../images/server/server-5__decor_right_bottom.png) no-repeat
}

[data-server="5"] .decor__item_left_bottom {
    background: url(../images/server/server-5__decor_left_bottom.png) no-repeat
}

[data-server-animation=true] .decor {
    -webkit-animation: server-rotate 6s ease 1s forwards;
    animation: server-rotate 6s ease 1s forwards
}

[data-server-animation=true]:after {
    -webkit-animation: server-scale 5s ease 0s forwards;
    animation: server-scale 5s ease 0s forwards
}

[data-server-animation=true] .decor__item_left_top {
    -webkit-animation: dectl 5s ease forwards;
    animation: dectl 5s ease forwards
}

[data-server-animation=true] .decor__item_right_top {
    -webkit-animation: dectr 5s ease forwards;
    animation: dectr 5s ease forwards
}

[data-server-animation=true] .decor__item_right_bottom {
    -webkit-animation: decbr 5s ease forwards;
    animation: decbr 5s ease forwards
}

[data-server-animation=true] .decor__item_left_bottom {
    -webkit-animation: decbl 5s ease forwards;
    animation: decbl 5s ease forwards
}

@-webkit-keyframes dectl {
    0% {
        -webkit-transform: translateX(0) rotate(0) translateY(0);
        transform: translateX(0) rotate(0) translateY(0)
    }

    25% {
        -webkit-transform: translateX(-35px) rotate(-15deg) translateY(-5px);
        transform: translateX(-35px) rotate(-15deg) translateY(-5px)
    }

    40% {
        -webkit-transform: translateX(-25px) rotate(-22deg) translateY(-15px);
        transform: translateX(-25px) rotate(-22deg) translateY(-15px)
    }

    70% {
        -webkit-transform: translateX(-35px) rotate(-15deg) translateY(-5px);
        transform: translateX(-35px) rotate(-15deg) translateY(-5px)
    }

    to {
        -webkit-transform: translateX(0) rotate(0) translateY(0);
        transform: translateX(0) rotate(0) translateY(0)
    }
}

@keyframes dectl {
    0% {
        -webkit-transform: translateX(0) rotate(0) translateY(0);
        transform: translateX(0) rotate(0) translateY(0)
    }

    25% {
        -webkit-transform: translateX(-35px) rotate(-15deg) translateY(-5px);
        transform: translateX(-35px) rotate(-15deg) translateY(-5px)
    }

    40% {
        -webkit-transform: translateX(-25px) rotate(-22deg) translateY(-15px);
        transform: translateX(-25px) rotate(-22deg) translateY(-15px)
    }

    70% {
        -webkit-transform: translateX(-35px) rotate(-15deg) translateY(-5px);
        transform: translateX(-35px) rotate(-15deg) translateY(-5px)
    }

    to {
        -webkit-transform: translateX(0) rotate(0) translateY(0);
        transform: translateX(0) rotate(0) translateY(0)
    }
}

@-webkit-keyframes dectr {
    0% {
        -webkit-transform: translateX(0) rotate(0) translateY(0);
        transform: translateX(0) rotate(0) translateY(0)
    }

    25% {
        -webkit-transform: translateX(35px) rotate(15deg) translateY(-5px);
        transform: translateX(35px) rotate(15deg) translateY(-5px)
    }

    40% {
        -webkit-transform: translateX(25px) rotate(22deg) translateY(-15px);
        transform: translateX(25px) rotate(22deg) translateY(-15px)
    }

    70% {
        -webkit-transform: translateX(35px) rotate(15deg) translateY(-5px);
        transform: translateX(35px) rotate(15deg) translateY(-5px)
    }

    to {
        -webkit-transform: translateX(0) rotate(0) translateY(0);
        transform: translateX(0) rotate(0) translateY(0)
    }
}

@keyframes dectr {
    0% {
        -webkit-transform: translateX(0) rotate(0) translateY(0);
        transform: translateX(0) rotate(0) translateY(0)
    }

    25% {
        -webkit-transform: translateX(35px) rotate(15deg) translateY(-5px);
        transform: translateX(35px) rotate(15deg) translateY(-5px)
    }

    40% {
        -webkit-transform: translateX(25px) rotate(22deg) translateY(-15px);
        transform: translateX(25px) rotate(22deg) translateY(-15px)
    }

    70% {
        -webkit-transform: translateX(35px) rotate(15deg) translateY(-5px);
        transform: translateX(35px) rotate(15deg) translateY(-5px)
    }

    to {
        -webkit-transform: translateX(0) rotate(0) translateY(0);
        transform: translateX(0) rotate(0) translateY(0)
    }
}

@-webkit-keyframes decbl {
    0% {
        -webkit-transform: translateX(0) rotate(0) translateY(0);
        transform: translateX(0) rotate(0) translateY(0)
    }

    25% {
        -webkit-transform: translateX(-25px) rotate(15deg) translateY(10px);
        transform: translateX(-25px) rotate(15deg) translateY(10px)
    }

    40% {
        -webkit-transform: translateX(-15px) rotate(-10deg) translateY(10px);
        transform: translateX(-15px) rotate(-10deg) translateY(10px)
    }

    70% {
        -webkit-transform: translateX(-25px) rotate(15deg) translateY(10px);
        transform: translateX(-25px) rotate(15deg) translateY(10px)
    }

    to {
        -webkit-transform: translateX(0) rotate(0) translateY(0);
        transform: translateX(0) rotate(0) translateY(0)
    }
}

@keyframes decbl {
    0% {
        -webkit-transform: translateX(0) rotate(0) translateY(0);
        transform: translateX(0) rotate(0) translateY(0)
    }

    25% {
        -webkit-transform: translateX(-25px) rotate(15deg) translateY(10px);
        transform: translateX(-25px) rotate(15deg) translateY(10px)
    }

    40% {
        -webkit-transform: translateX(-15px) rotate(-10deg) translateY(10px);
        transform: translateX(-15px) rotate(-10deg) translateY(10px)
    }

    70% {
        -webkit-transform: translateX(-25px) rotate(15deg) translateY(10px);
        transform: translateX(-25px) rotate(15deg) translateY(10px)
    }

    to {
        -webkit-transform: translateX(0) rotate(0) translateY(0);
        transform: translateX(0) rotate(0) translateY(0)
    }
}

@-webkit-keyframes decbr {
    0% {
        -webkit-transform: translateX(0) rotate(0) translateY(0);
        transform: translateX(0) rotate(0) translateY(0)
    }

    25% {
        -webkit-transform: translateX(25px) rotate(-15deg) translateY(10px);
        transform: translateX(25px) rotate(-15deg) translateY(10px)
    }

    40% {
        -webkit-transform: translateX(15px) rotate(10deg) translateY(10px);
        transform: translateX(15px) rotate(10deg) translateY(10px)
    }

    70% {
        -webkit-transform: translateX(25px) rotate(-15deg) translateY(10px);
        transform: translateX(25px) rotate(-15deg) translateY(10px)
    }

    to {
        -webkit-transform: translateX(0) rotate(0) translateY(0);
        transform: translateX(0) rotate(0) translateY(0)
    }
}

@keyframes decbr {
    0% {
        -webkit-transform: translateX(0) rotate(0) translateY(0);
        transform: translateX(0) rotate(0) translateY(0)
    }

    25% {
        -webkit-transform: translateX(25px) rotate(-15deg) translateY(10px);
        transform: translateX(25px) rotate(-15deg) translateY(10px)
    }

    40% {
        -webkit-transform: translateX(15px) rotate(10deg) translateY(10px);
        transform: translateX(15px) rotate(10deg) translateY(10px)
    }

    70% {
        -webkit-transform: translateX(25px) rotate(-15deg) translateY(10px);
        transform: translateX(25px) rotate(-15deg) translateY(10px)
    }

    to {
        -webkit-transform: translateX(0) rotate(0) translateY(0);
        transform: translateX(0) rotate(0) translateY(0)
    }
}

@-webkit-keyframes server-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    45% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes server-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    45% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes server-scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

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

    50% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

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

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes server-scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

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

    50% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

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

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.page__servers {
    z-index: 3
}

.servers {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.servers,.servers__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.servers__inner {
    min-height: 140px
}

.servers__btn {
    margin: 20px 10px 10px
}

.servers__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 57px;
    margin-right: -5px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.servers__server {
    margin: 10px
}

.scl {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px
}

.scl,.scl__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.scl__item {
    width: calc(50% - 10px);
    margin: 0 5px 1px;
    height: 68px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 90px;
    text-decoration: none;
    opacity: .6;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-shadow: 0 1px 3px rgba(0,0,0,.6);
    position: relative;
    z-index: 0;
    overflow: hidden
}

.scl__item:hover {
    opacity: 1
}

.scl__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-size: cover;
    background-position: 0;
    background-repeat: no-repeat;
    -webkit-transition: all .2s;
    transition: all .2s
}

.scl__item:hover .scl__bg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.scl__content {
    position: relative;
    z-index: 5
}

.scl__title {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    line-height: 17px;
    padding: 1px 0
}

.scl__desc {
    color: #cde8ff;
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    padding: 1px 0
}

.stream {
    width: 100%;
    height: 137px;
    background-image: url(../images/stream/stream_bg_1.png);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #fdfdfd;
    font-size: 13px;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    cursor: default;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.stream__content {
    padding-left: 20px;
    padding-bottom: 10px
}

.streams .swiper-slide:nth-child(3n-1) .stream {
    background-image: url(../images/stream/stream_bg_2.png)
}

.streams .swiper-slide:nth-child(3n) .stream {
    background-image: url(../images/stream/stream_bg_3.png)
}

.stream iframe {
    width: 100%;
    height: 100%
}

.streams {
    position: relative;
    z-index: 0
}

.streams__list {
    overflow: hidden;
    width: 100%
}

.snv {
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 100
}

.snv,.snv:after {
    position: absolute
}

.snv:after {
    display: block;
    content: "";
    width: 72px;
    height: 72px;
    left: -11px;
    top: -11px;
    background: url(../images/stream/snv/snv__nav.png) no-repeat;
    pointer-events: none
}

.snv__arrow {
    width: 15px;
    height: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    outline: none;
    position: absolute;
    top: 18px;
    z-index: 100
}

.snv__arrow:after,.snv__arrow:before {
    display: block;
    content: "";
    position: absolute;
    width: 33px;
    height: 33px;
    left: -9px;
    top: -9px;
    pointer-events: none;
    -webkit-transition: all .2s;
    transition: all .2s
}

.snv__arrow_left {
    left: -5px
}

.snv__arrow_left:before {
    background: url(../images/stream/snv/snv__arrow_left.png) no-repeat 50%;
    z-index: 2
}

.snv__arrow_left:after {
    background: url(../images/stream/snv/snv__arrow_left_hover.png) no-repeat 50%;
    opacity: 0;
    z-index: 5
}

.snv__arrow_right {
    right: -5px
}

.snv__arrow_right:before {
    background: url(../images/stream/snv/snv__arrow_right.png) no-repeat 50%;
    z-index: 2
}

.snv__arrow_right:after {
    background: url(../images/stream/snv/snv__arrow_right_hover.png) no-repeat 50%;
    opacity: 0;
    z-index: 5
}

.snv__arrow:hover:after {
    opacity: 1
}

.snv__arrow.swiper-button-disabled {
    opacity: .5;
    pointer-events: none
}

.snv__link {
    text-decoration: none;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 100;
    width: 18px;
    height: 18px
}

.snv__link,.snv__link:after {
    display: block;
    position: absolute
}

.snv__link:after {
    content: "";
    background: url(../images/stream/snv/snv__cross.png) no-repeat 50%;
    width: 38px;
    height: 38px;
    left: -11px;
    top: -11px;
    pointer-events: none;
    -webkit-transition: all .2s;
    transition: all .2s;
    opacity: 0
}

.snv__link:hover:after {
    opacity: 1
}

.switcher__btn {
    width: 114px;
    height: 40px;
    text-shadow: -1.4px -2.6px 3px rgba(0,0,0,.52);
    color: #fff;
    font-size: 10px;
    line-height: 10px;
    font-weight: 400;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 0;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s
}

.switcher__btn:not(:last-child) {
    margin-bottom: 2px
}

.switcher__txt {
    position: relative;
    z-index: 10;
    opacity: .7;
    text-align: center;
    -webkit-transition: all .2s;
    transition: all .2s
}

.switcher__btn:after,.switcher__btn:before {
    content: "";
    display: block;
    background: url(../images/tab/btn.jpg) no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    pointer-events: none;
    -webkit-transition: all .2s;
    transition: all .2s
}

.switcher__btn:after {
    background: url(../images/tab/btn_active.jpg) no-repeat;
    z-index: 2;
    opacity: 0
}

.switcher__btn:hover:after {
    opacity: .3
}

.switcher__btn_active:after,.switcher__btn_active:hover:after {
    background: url(../images/tab/btn_active.jpg) no-repeat;
    z-index: 2;
    opacity: 1
}

.switcher__btn:hover .switcher__txt,.switcher__btn_active .switcher__txt {
    opacity: 1
}

.theme {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 15px;
    position: relative;
    z-index: 0;
    background-color: rgba(12,11,11,.3);
    min-height: 65px;
    cursor: default;
    -webkit-transition: all .3s;
    transition: all .3s
}

.theme:hover {
    background-color: rgba(12,11,11,.5)
}

.theme__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 35px
}

.theme__title {
    text-decoration: none;
    color: #7dc400;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    padding: 3px 0
}

.theme__title:hover {
    color: #acff1d
}

.theme__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    color: #828281;
    padding: 3px 0
}

.theme__author {
    text-decoration: none;
    color: #fff
}

.theme__author:hover {
    text-decoration: underline
}

.theme__date {
    text-decoration: none;
    margin-left: 6px
}

.theme__link {
    min-width: 100px;
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
    height: 30px;
    line-height: 30px;
    -webkit-box-shadow: 1px 1.7px 4px rgba(0,0,0,.46);
    box-shadow: 1px 1.7px 4px rgba(0,0,0,.46);
    text-decoration: none;
    text-shadow: 1px 1.7px 0 rgba(0,0,0,.26);
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    background-color: #212223;
    padding: 2px 2px 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.theme__link:hover {
    background-color: #142d42
}

.theme__ava {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 0;
    background-image: url(../images/forum/ava-def.png);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 20px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.theme:hover .theme__ava {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.themes__theme:not(:last-child) {
    margin-bottom: 3px
}

.top {
    font-size: 14px;
    color: #baa173
}

.top__rw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 0;
    position: relative;
    z-index: 0;
    cursor: pointer
}

.top__rw:after {
    display: block;
    content: "";
    background-color: rgba(0,0,0,.3);
    position: absolute;
    top: 0;
    right: -1px;
    bottom: 0;
    left: -5px;
    z-index: -1;
    opacity: 0
}

.top__rw:hover:after {
    opacity: 1
}

.top__header {
    color: #838383;
    font-size: 13px;
    cursor: default
}

.top__header:hover:after {
    content: none
}

.top__total {
    width: 50px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.top__name {
    width: calc(100% - 50px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.top__num {
    color: #8d8784
}

.rating,.rating__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.rating__btns {
    width: 114px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.rating__btn {
    -ms-flex-preferred-size: calc(33.33333% - 3px);
    flex-basis: calc(33.33333% - 3px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #1b1b1b;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 3px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 0;
    -webkit-transition: all .2s;
    transition: all .2s
}

.rating__btn:hover {
    background-color: #517542
}

.rating__btn:hover,[data-rating-select=true] {
    -webkit-box-shadow: inset 0 0 29px 19px #0c2204;
    box-shadow: inset 0 0 29px 19px #0c2204
}

[data-rating-select=true] {
    background-color: #88ff59;
    pointer-events: none
}

.rating__box {
    width: calc(100% - 116px);
    margin-right: 2px;
    overflow: hidden
}

.rating__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-animation: zoomIn .5s ease;
    animation: zoomIn .5s ease
}

.rating__title {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 10px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.rating__col {
    width: calc(50% - 10px);
    margin: 0 5px
}

.tab__header {
    margin-bottom: 2px
}

.tab__desc,.tab__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tab__desc {
    width: 100%;
    margin-right: 2px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 5px 5px 20px;
    background-image: url(../images/tab/heading-1.jpg);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.tab__title {
    color: #fffefd;
    font-size: 18px;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 6px
}

.tab__btns {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -2px
}

.tab__button {
    margin: 2px
}

.tab__switcher {
    width: 114px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mid__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -5px;
    padding-top: 5px
}

.mid__inner,.mid__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mid__item {
    width: calc(50% - 10px);
    margin: 0 5px;
    background-color: #222;
    padding: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mid__item_1 {
    width: calc(49% - 10px)
}

.mid__item_2 {
    width: calc(51% - 10px)
}

.mid__scl {
    padding-bottom: 10px
}

.f-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.f-nav__item {
    color: #4f4f4a;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 13px;
    padding: 2px 0;
    margin: 2px 0;
    position: relative;
    z-index: 0
}

.f-nav__item:hover {
    color: #72726d
}

.f-scl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.f-scl__item {
    text-decoration: none;
    display: inline-block
}

.f-scl__item:not(:last-child) {
    margin: 1px 10px 1px 0
}

.f-scl__item:hover {
    -webkit-filter: brightness(140%);
    filter: brightness(140%)
}

.f-scl__item img {
    display: block
}

.footer__author {
    padding: 20px 0 10px
}

.author {
    color: #464435;
    text-transform: uppercase
}

.author,.author__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 9px
}

.author__logo {
    margin-right: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: default
}

.page__footer {
    margin-top: auto
}

.footer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 43px;
    padding-bottom: 40px
}

.footer__logotype-box {
    margin: 10px
}

.footer__logotype {
    text-decoration: none;
    display: block;
    background: url(../images/logotype.png) no-repeat;
    background-size: contain;
    width: 239px;
    height: 134px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.footer__title {
    color: #debd05;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px
}

.footer__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 600px;
    flex-basis: 600px;
    padding-top: 25px
}

.footer__f-nav {
    margin: 10px
}

.footer__info {
    padding-top: 25px;
    margin: 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.page__under {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 10px;
    padding-bottom: 10px
}

.under__inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%;
    min-width: none
}

.under__inner,.under__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.under__item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(50% - 100px)
}

.under__copy,.under__item {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.under__copy {
    width: 200px
}

.under__bnr {
    margin: 4px 10px;
    opacity: .5;
    -webkit-transition: all .3s;
    transition: all .3s
}

.under__bnr:hover {
    opacity: 1
}

.under__copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px
}

.under__logotype {
    width: 120px;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s
}

.under__logotype:hover {
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

.under__menu {
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
    overflow: hidden;
    min-width: 0
}

.under__link {
    text-decoration: none;
    font-size: 12px;
    color: #ccc;
    display: inline-block;
    margin: 5px 10px;
    text-align: center
}

.under__link:hover {
    color: #f8a61f
}

.srv {
    width: 100%;
    max-width: 250px;
    position: relative;
    z-index: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block
}

.srv_bb {
    border-bottom: 1px solid #4a4a4b
}

.srv__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 70px;
    opacity: .6;
    -webkit-filter: saturate(.5);
    filter: saturate(.5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 0
}

.srv__ico {
    width: 60px;
    height: 60px;
    position: relative;
    z-index: 0;
    margin-right: 10px
}

.srv__pic {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 110px;
    height: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none
}

.srv__content {
    position: relative;
    z-index: 2;
    line-height: 16px;
    width: 120px
}

.srv__title {
    font-size: 13px;
    color: #fcfcfb
}

.srv__desc,.srv__title {
    font-weight: 700;
    text-transform: uppercase
}

.srv__desc {
    color: #707070;
    font-size: 12px
}

.srv__online {
    -ms-flex-preferred-size: 50px;
    flex-basis: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 16px
}

.srv__count {
    color: #fff;
    font-size: 15px;
    font-weight: 400
}

.srv__status {
    color: #a6b755;
    font-size: 12px;
    font-weight: 400
}

.srv__select {
    text-shadow: -1.4px -2.6px 3px rgba(0,0,0,.52)
}

.srv__note,.srv__select {
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase
}

.srv__note {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px 1px;
    display: inline-block;
    background-color: #d20000;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 10px #d20000;
    box-shadow: 0 0 10px #d20000;
    position: relative;
    top: -1px
}

.srv__input {
    display: none
}

.srv__input:checked~.srv__info .srv__select:after {
    background: url(../images/btns/btn_min_hover.jpg) no-repeat;
    -webkit-filter: drop-shadow(0 0 10px rgba(255,0,0,.3));
    filter: drop-shadow(0 0 10px rgba(255,0,0,.3))
}

.srv__input:checked~.srv__info {
    opacity: 1;
    -webkit-filter: saturate(1);
    filter: saturate(1)
}

.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 17px 0;
    text-decoration: none
}

.item_bb:not(:last-child) {
    border-bottom: 1px solid #4a4a4b
}

.item__content {
    position: relative;
    z-index: 2;
    line-height: 16px;
    width: calc(100% - 67px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 7px
}

.item__title {
    font-size: 13px;
    color: #fcfcfb
}

.item__desc,.item__title {
    font-weight: 700;
    text-transform: uppercase
}

.item__desc {
    color: #707070;
    font-size: 12px
}

.item:hover .item__select:after {
    background: url(../images/btns/btn_min_hover.jpg) no-repeat;
    -webkit-filter: drop-shadow(0 0 10px rgba(255,0,0,.3));
    filter: drop-shadow(0 0 10px rgba(255,0,0,.3))
}

.mdl {
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important;
    padding: 5px 10px 15px;
    font-family: Segoe UI,Open Sans,Arial,sans-serif;
    background: #202020 url(../images/modal/bg.jpg) no-repeat top;
    width: 1230px;
    margin-left: 3px;
    position: relative;
    z-index: 0
}

.mdl_small {
    max-width: 700px;
    padding: 20px
}

.mdl__header {
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 0 0 20px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 30px
}

.mdl__content {
    font-size: 12px;
    line-height: 1.4
}

.p-header {
    color: #fffefd;
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding: 10px
}

.p-header_bb {
    border-bottom: 2px solid #252421
}

.p-header_p {
    padding: 10px
}

.p-header_p_b {
    padding-bottom: 10px
}

.p-header__title {
    color: #fffefd;
    font-size: 18px;
    font-weight: 900
}

.p-header__notice {
    color: #99a6b1;
    font-size: 11px;
    font-weight: 600;
    text-transform: none;
    margin-left: 25px
}

.p-header__link {
    color: #b3cc2a;
    text-decoration: underline
}

.p-header__link:hover {
    text-decoration: none
}

.gw-modal-close {
    background: #1a1a1a url(../images/close.png) no-repeat 50%;
    width: 31px;
    height: 31px;
    border: 1px solid #39352e;
    display: inline-block;
    margin-left: auto;
    z-index: 5;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 5px;
    position: absolute;
    right: 20px;
    top: 80px
}

.gw-modal-close:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-radius: 50%
}

.fancybox-content .gw-modal-close {
    top: 6px;
    right: 6px
}

.m-heading_p {
    padding: 10px 0
}

.m-heading__title {
    color: #f4fd02;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.m-heading__title_yellow {
    color: #d3b23e
}

.m-heading__desc {
    color: #7f7f7f;
    font-size: 11px;
    font-weight: 100;
    line-height: 18px;
    min-height: 40px
}

.selection {
    width: 350px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 10px;
    padding-left: 40px;
    position: relative;
    z-index: 0
}

.files__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.files__res {
    width: calc(100% - 350px)
}

.about__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.about__list {
    width: calc(100% - 350px);
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    margin-top: -40px;
    min-height: 600px
}

.content__title {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 15px 0 5px
}

.about__container {
    max-width: 750px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #9e9e9e;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -webkit-animation: fadeInleft .5s ease;
    animation: fadeInleft .5s ease
}

.about__bt {
    margin-bottom: 10px
}

.about__back {
    text-shadow: 0 5px 3px rgba(0,0,0,.24);
    color: #969696;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-left: -30px;
    margin-top: -10px;
    cursor: pointer
}

.about__back:hover {
    color: #b8b8b8
}

.download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 2px solid #252421;
    border-bottom: 2px solid #252421;
    padding: 5px 0;
    color: #b0925c;
    font-size: 13px;
    margin: 2px 0
}

.download__desc {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 5px
}

.border-right {
    position: relative;
    z-index: 0
}

.border-right:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 20px;
    top: 5px;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 2px dashed #474747
}

.donate__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.donate__box {
    width: calc(50% - 20px);
    margin: 0 10px
}

.donate__choice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.donate__item {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px;
    position: relative;
    z-index: 0
}

.donate__item_psy {
    padding-left: 20px
}

.psy__item {
    margin-top: 10px;
    margin-bottom: 10px;
    display: block
}

.psy__inner {
    width: 100%;
    height: 65px;
    padding: 5px 7px 5px 10px;
    background: url(../images/donate/ps__bg.jpg) no-repeat 50%;
    background-size: cover;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid hsla(0,0%,80%,.1);
    opacity: .5;
    -webkit-filter: drop-shadow(0 4px 8px rgba(0,0,0,.2));
    filter: drop-shadow(0 4px 8px rgba(0,0,0,.2))
}

.psy__input {
    display: none
}

.psy__img {
    margin-right: 10px;
    max-width: calc(100% - 80px)
}

.psy__input:checked~.psy__inner {
    opacity: 1
}

.psy__input:checked~.psy__inner .psy__select:after {
    background: url(../images/btns/btn_min_hover.jpg) no-repeat;
    -webkit-filter: drop-shadow(0 0 10px rgba(255,0,0,.3));
    filter: drop-shadow(0 0 10px rgba(255,0,0,.3))
}

.donate__form-box,.form-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.donate__form-box {
    width: calc(100% + 20px);
    margin: 0 -10px
}

.donate__field {
    width: calc(50% - 20px);
    margin: 10px
}

.form-box__container {
    width: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.form-box__container_desc {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.form-box__price {
    color: #caa34e;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 16px
}

.form-box__price_m_b {
    margin-bottom: 10px
}

.donate__total {
    color: #fff;
    font-size: 25px;
    font-weight: 900;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 0;
    text-align: center
}

.donate__send-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.donate__contacts {
    color: #6e6e6e;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    line-height: 14px;
    padding: 10px 0
}

.donate__link {
    color: #969696
}

.donate__about {
    color: #9a9180;
    font-size: 10px;
    line-height: 12px;
    margin-top: auto
}

.donate__bonus {
    padding-top: 15px;
    padding-bottom: 30px
}

.bonus-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #f9a63b;
    padding-bottom: 3px
}

.bonus-box__sum {
    min-width: 30px;
    margin-left: 5px
}

.bonus__heading {
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 6px
}

.bonus__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 20px);
    margin: 0 -10px
}

.bonus__item,.bonus__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bonus__item {
    width: calc(50% - 20px);
    margin: 0 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #252421;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 30px
}

.bonus__title {
    color: #fff
}

.bonus__count,.bonus__title {
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase
}

.bonus__count {
    color: #eaa92c;
    margin-left: auto
}

.res {
    overflow: hidden
}

.res__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 390px;
    -webkit-animation: fadeInleft .5s ease;
    animation: fadeInleft .5s ease
}

.res__item {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px
}

.res__list {
    max-width: 300px;
    margin: 0 auto
}

.fancybox-content {
    padding: 0;
    background: transparent;
    overflow: hidden
}

.fancybox-is-open .fancybox-bg {
    opacity: .7
}

.fancybox-is-open .fancybox-content {
    -webkit-animation: fadeInDown .5s ease;
    animation: fadeInDown .5s ease
}

.fancybox-is-closing .fancybox-content {
    -webkit-animation: fadeOutDown .5s ease;
    animation: fadeOutDown .5s ease
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes fadeInleft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInleft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}