@font-face{
	font-family:"Calibri";
	src:url('../font/Calibri.ttf');
}
@font-face {
	font-family: 'CANDARA';
	src: url('../font/CANDARA.eot');
	src: local('CANDARA'), url('../font/CANDARA.woff') format('woff'), url('../font/CANDARA.ttf') format('truetype');
}
@font-face {
    font-family: 'CenturyGothic';
    src: url('../font/CenturyGothic.eot');
    src: url('../font/CenturyGothic.eot?#iefix') format('embedded-opentype'),
    url('../font/CenturyGothic.woff') format('woff'),
    url('../font/CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }
@font-face{
	font-family:"Philosopher";
	src:url('../font/Philosopher-Regular.ttf');
}
@font-face{
	font-family:"PT Sans";
	src:url('../font/pt-sans.ttf');
}
@font-face{
	font-family:"Minion Pro";
	src:url('../font/MinionPro-Regular.otf');
}
@font-face{
	font-family:"MS Reference Sans Serif";
	src:url('../font/MSReferenceSansSerif.ttf');
}
@font-face{
	font-family:"Myriad Pro";
	src:url('../font/MyriadPro-Regular.otf');
}
@font-face{
	font-family:"roboto-thin";
	src:url('../font/roboto-thin.ttf');
}
@font-face{
	font-family:"Roboto";
	src:url('../font/roboto-regular.ttf');
}
@font-face{
	font-family:"Ice kingdom (Frozen) Cyrillic";
	src:url('../font/icek.ttf');
}
@font-face{
	font-family:"Gabriola";
	src:url('../font/Gabriola.ttf');
}
@font-face{
	font-family:"Segoe UI";
	src:url('../font/SegoeUI.ttf');
}
@font-face{
	font-family:"PTSans";
	src:url('../font/pt-sans-narrow.ttf');
}
@font-face{
	font-family:"PTSansBold";
	src:url('../font/pt-sans-narrow-bold.ttf');
}
@font-face{
	font-family:"Cambria Math";
	src:url('../font/Cambria.ttf');
}





    html {

        line-height: 1.15;

        /* 1 */

        -webkit-text-size-adjust: 100%;

        /* 2 */

    }



    body {

        line-height: 1.15;

        background-color: rgb(4, 4, 6);

        color: #fff;

        overflow-x: hidden;

        font-family: 'Calibri', 'PT Sans', 'Candara', 'Segoe', "Segoe UI", 'Optima', Arial, sans-serif;

        font-size: 16px;

        font-weight: 400;

        margin: 0;
    }



    main {

        display: block;

    }





    h1 {

        font-size: 2em;

        margin: 0.67em 0;

    }





    hr {

        box-sizing: content-box;

        /* 1 */

        height: 0;

        /* 1 */

        overflow: visible;

        /* 2 */

    }





    pre {

        font-family: monospace, monospace;

        /* 1 */

        font-size: 1em;

        /* 2 */

    }





    abbr[title] {

        border-bottom: none;

        /* 1 */

        text-decoration: underline;

        /* 2 */

        text-decoration: underline dotted;

        /* 2 */

    }



    b,

    strong {

        font-weight: 700;

    }



    code,

    kbd,

    samp {

        font-family: monospace, monospace;

        /* 1 */

        font-size: 1em;

        /* 2 */

    }



    small {

        font-size: 80%;

    }



    sub,

    sup {

        font-size: 75%;

        line-height: 0;

        position: relative;

        vertical-align: baseline;

    }



    sub {

        bottom: -0.25em;

    }



    sup {

        top: -0.5em;

    }





    button,

    input,

    optgroup,

    select,

    textarea {

        font-family: inherit;

        /* 1 */

        font-size: 100%;

        /* 1 */

        line-height: 1.15;

        /* 1 */

        margin: 0;

        /* 2 */

    }



    button,

    input {

        /* 1 */

        overflow: visible;

    }



    button,

    select {

        /* 1 */

        text-transform: none;

    }





    button,

    [type="button"],

    [type="reset"],

    [type="submit"] {

        -webkit-appearance: button;

    }



    button::-moz-focus-inner,

    [type="button"]::-moz-focus-inner,

    [type="reset"]::-moz-focus-inner,

    [type="submit"]::-moz-focus-inner {

        border-style: none;

        padding: 0;

    }





    button:-moz-focusring,

    [type="button"]:-moz-focusring,

    [type="reset"]:-moz-focusring,

    [type="submit"]:-moz-focusring {

        outline: 1px dotted ButtonText;

    }





    fieldset {

        padding: 0.35em 0.75em 0.625em;

    }



    legend {

        box-sizing: border-box;

        /* 1 */

        color: inherit;

        /* 2 */

        display: table;

        /* 1 */

        max-width: 100%;

        /* 1 */

        padding: 0;

        /* 3 */

        white-space: normal;

        /* 1 */

    }



    progress {

        vertical-align: baseline;

    }



    textarea {

        overflow: auto;

    }



    [type="checkbox"],

    [type="radio"] {

        box-sizing: border-box;

        /* 1 */

        padding: 0;

        /* 2 */

    }



    [type="number"]::-webkit-inner-spin-button,

    [type="number"]::-webkit-outer-spin-button {

        height: auto;

    }





    [type="search"] {

        -webkit-appearance: textfield;

        /* 1 */

        outline-offset: -2px;

        /* 2 */

    }





    [type="search"]::-webkit-search-decoration {

        -webkit-appearance: none;

    }





    ::-webkit-file-upload-button {

        -webkit-appearance: button;

        /* 1 */

        font: inherit;

        /* 2 */

    }



    details {

        display: block;

    }





    summary {

        display: list-item;

    }



    template {

        display: none;

    }





    [hidden] {

        display: none;

    }



    img {

        border-style: none;

        max-width: 100%;

        height: auto;

    }





    a {

        background-color: transparent;

        color: rgb(217, 188, 140);

        transition-duration: .2s;

        transition-property: opacity, color, background-color;

    }



    a:hover {

        text-decoration: none;

    }



    /* убираем выделение ссылок пунктирной рамкой в FF и IE */

    a:active,

    a:focus {

        outline: expression(hideFocus='true');

    }



    ::-webkit-input-placeholder {

        color: rgba(172, 172, 172, 0.8);

        ;

    }



    ::-moz-placeholder {

        color: rgba(172, 172, 172, 0.8);

        ;

    }



    /* Firefox 19+ */

    :-moz-placeholder {

        color: rgba(172, 172, 172, 0.8);

        ;

    }



    /* Firefox 18- */

    :-ms-input-placeholder {

        color: rgba(172, 172, 172, 0.8);

        ;

    }



    :focus::-webkit-input-placeholder {

        color: transparent

    }



    :focus::-moz-placeholder {

        color: transparent

    }



    :focus:-moz-placeholder {

        color: transparent

    }



    :focus:-ms-input-placeholder {

        color: transparent

    }





    input,

    select {

        width: 100%;

        height: 50px;

        background-color: #0e0c13;

        border: 1px solid #333439;

        border-radius: 0;

        padding: 0 10px;

        box-sizing: border-box;

        transition: none;

        text-shadow: 0.5px 0.9px 2px rgba(0, 3, 1, 0.5);

        color: rgba(172, 172, 172, 0.8);

        ;

        font-size: 16px;

        font-weight: 400;

        text-align: left;

        outline: none;

    }



    input:focus {

        box-shadow: none;

        border: 1px solid #61636b;

    }



/* .input_login {

    padding: 5px 10px 5px 95px;

    } */



    .inp-grp {

        position: relative;

        width: 100%;

    }



    .inp-grp_m_b {

        margin-bottom: 8px;

    }



    .inp-desc {

        color: rgb(243, 229, 179);

        font-size: 13px;

        text-align: left;

        text-transform: uppercase;

    }



    .inp-desc_m_b {

        margin-bottom: 6px;

    }



    .inp-error {

        color: rgb(255, 84, 18);

        margin-bottom: 5px;

    }



    .inp-error~input {

        outline: 1px solid rgb(255, 84, 18);

    }



    .inp-wrp {

        position: relative;

    }



    /* colors */



    .color-red {

        color: rgb(255, 39, 39);

    }



    .color-yellow {

        color: rgb(255, 248, 41);

    }



    .color-grey {

        color: #a0a0a0;

    }



    .color-white {

        color: white;

    }



    .color-aqua {

        color: #729ab4;

    }



    .color-aqua_2 {

        color: #00fffc;

    }



    .color-green {

        color: #97b472;

    }



    /* def */



    [class^="gwi_"]:before,

    [class*=" gwi_"]:before {

        margin: 0;

    }



    /* preload */



    .preload {

        background-color: rgb(4, 4, 6);

        position: fixed;

        z-index: 500;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        opacity: 1;

        visibility: visible;

        transition: all 0.5s cubic-bezier(.64, .14, .34, 1.32);

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .preload__logo {

        background: url(../images/preload__logo.png) no-repeat;

        background-size: contain;

        width: 100%;

        max-width: 479px;

        height: 229px;

    }





    .preload__logo {

        animation: preanimate .8s linear infinite;

    }



    @keyframes preanimate {

        0% {

            transform: scale(1);

        }



        50% {

            transform: scale(0.8);

        }



        100% {

            transform: scale(1);

        }

    }



    .preload.fade {

        opacity: 0;

        visibility: hidden;

        transform: scale(2);

    }



    @keyframes preanimateout {

        0% {

            transform: translate(-50%, -50%) scale(1);

        }



        100% {

            transform: translate(-50%, -50%) scale(0);

        }

    }





    /* page */





    .page_hide {

        opacity: 0;

    }



    .page__section {

        position: relative;

        z-index: 2;

        flex-shrink: 0;

        display: flex;

        justify-content: center;

        box-sizing: border-box;

    }



    .page__section_pad {

        padding-left: 10px;

        padding-right: 10px;

    }



    .page__container {

        max-width: 1114px;



        padding-right: 10px;

        padding-left: 10px;

        position: relative;

        z-index: 2;

        flex-shrink: 0;

        box-sizing: border-box;

    }
	
	    .page__containerd {

        max-width: 1114px;

        flex-basis: 1114px;

        padding-right: 10px;

        padding-left: 10px;

        position: relative;

        z-index: 2;

        flex-shrink: 0;

        box-sizing: border-box;

    }



    .page__inner {}






    /* btn */



    .btn {

        display: inline-flex;

        align-items: center;

        justify-content: center;

        box-sizing: border-box;

        text-decoration: none;

        text-transform: uppercase;

        text-align: center;

        color: #fff;

        cursor: pointer;

        transition: .2s all;

        width: auto;

        height: 40px;

        line-height: 14px;

        padding: 3px 30px;

        flex-grow: 0;

        text-shadow: 0.7px 0.7px 2px rgba(1, 3, 1, 0.5);

        color: white;

        font-size: 18px;

        font-weight: 400;

        position: relative;

        z-index: 0;

        border: 0;

        outline: 0;

        z-index: 5;

        background-color: transparent;

    }



    .btn:after {

        content: '';

        display: block;

        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        z-index: 0;

        transition: .2s all;

        background: linear-gradient(to right, rgb(126, 38, 38) 0%, rgb(200, 46, 46) 60%, rgb(123, 30, 30) 100%);

        border: 1px solid #242424;

        box-sizing: border-box;

        pointer-events: none;

    }



    .btn:hover:after {

        filter: brightness(120%);

    }



    .btn__content {

        position: relative;

        z-index: 5;

        display: inline-block;

        width: 100%;

        text-align: center;

    }



    .btn__content_f-weight_bold {

        font-weight: bold;

    }



    .btn__ico {

        display: inline-block;

        position: relative;

        z-index: 5;

        flex-shrink: 0;

    }



    .btn__ico_m_l {

        margin-left: 5px;

    }



    .btn__ico_m_r {

        margin-right: 5px;

    }



    /* btn_bc_green */



    .btn_bgc_green:after {

        background: linear-gradient(to right, rgb(41, 83, 21) 0%, rgb(24, 177, 31) 60%, rgb(41, 83, 21) 100%);

    }



    .btn_bgc_blue:after {

        background: linear-gradient(to right, rgb(19, 78, 113) 0%, rgb(16, 126, 198) 60%, rgb(13, 61, 89) 100%);

    }



    /* btn_type_1 */



    .btn_type_1 {

        width: 303px;

        height: 40px;

        padding-right: 0;

        padding-left: 0;

    }



    .btn_type_1:after {

        background: transparent url(../images/btns/btn_type_1.png) no-repeat center center;

    }



    /* btn_type_2 */



    .btn_type_2 {

        width: 359px;

        height: 40px;

    }



    .btn_type_2:after {

        background: transparent url(../images/btns/btn_type_2.png) no-repeat center center;

        /* background: linear-gradient(to right, rgba(93, 38, 38, 1) 0%, rgba(93, 38, 38, 1) 37%, rgb(173, 79, 79) 70%, rgba(93, 38, 38, 1) 93%, rgba(93, 38, 38, 1) 100%); */

    }



    /* btn_type_3 */



    .btn_type_3 {

        width: 166px;

        height: 39px;

        padding-right: 0;

        padding-left: 0;

    }



    .btn_type_3:after {

        background: transparent url(../images/btns/btn_type_3.png) no-repeat center center;

        border: 0;

    }



    /* btn_type_4 */



    .btn_type_4 {

        width: 166px;

        height: 39px;

        padding-right: 0;

        padding-left: 0;

    }



    .btn_type_4:after {

        background: transparent url(../images/btns/btn_type_4.png) no-repeat center center;

        border: 0;

    }



    /* btn_type_5 */



    .btn_type_5 {

        width: 244px;

        height: 54px;

        text-shadow: 0 0 6px rgba(1, 3, 1, 0.75);

        color: rgb(255, 255, 255);

        font-size: 26px;

        line-height: 26px;

        font-weight: 700;

        text-transform: uppercase;

        padding-right: 0;

        padding-left: 0;

        padding-top: 6px;

        margin: 20px;

    }



    .btn_type_5:after {

        background:

        transparent url(../images/btns/btn_type_5.png) no-repeat center center;

        width: 373px;

        height: 215px;

        border: 0;

        right: auto;

        bottom: auto;

        left: -60px;

        top: -105px;

        line-height: 20px;

    }



    /* btn_type_6 */



    .btn_type_6 {

        width: 244px;

        height: 54px;

        text-shadow: 0 0 6px rgba(1, 3, 1, 0.75);

        color: rgb(255, 255, 255);

        font-size: 26px;

        line-height: 26px;

        font-weight: 700;

        text-transform: uppercase;

        padding-right: 0;

        padding-left: 0;

        padding-top: 6px;

        margin: 20px;

    }



    .btn_type_6:after {

        background:

        transparent url(../images/btns/btn_type_6.png) no-repeat center center;

        width: 373px;

        height: 215px;

        border: 0;

        right: auto;

        bottom: auto;

        left: -60px;

        top: -105px;

    }



    /* btn_type_66 */



    .btn_type_66 {

        width: 244px;

        height: 54px;

        text-shadow: 0 0 6px rgba(1, 3, 1, 0.75);

        color: rgb(255, 255, 255);

        font-size: 26px;

        line-height: 26px;

        font-weight: 700;

        text-transform: uppercase;

        padding-right: 0;

        padding-left: 0;

        padding-top: 6px;

        margin: 20px;

    }



    .btn_type_66:after {

        background:

        transparent url(../images/btns/btn_type_66.png) no-repeat center center;

        width: 373px;

        height: 215px;

        border: 0;

        right: auto;

        bottom: auto;

        left: -60px;

        top: -105px;

    }



    /* btn_type_7 */



    .btn_type_7 {

        width: 340px;

        height: 54px;

        text-shadow: 0 0 6px rgba(1, 3, 1, 0.75);

        color: rgb(255, 255, 255);

        font-size: 26px;

        line-height: 26px;

        font-weight: 700;

        text-transform: uppercase;

        padding-right: 0;

        padding-left: 0;

        padding-top: 5px;

        line-height: 20px;

        margin: 20px;

    }



    .btn_type_7:after {

        background:

        transparent url(../images/btns/btn_type_7.png) no-repeat center center;

        width: 455px;

        height: 212px;

        border: 0;

        right: auto;

        bottom: auto;

        left: -60px;

        top: -105px;

    }



    /* btn_type_8 */



    .btn_type_8 {

        width: 254px;

        height: 59px;

        text-shadow: 0.7px 0.7px 2px rgba(0, 3, 1, 0.5);

        color: white;

        font-size: 16px;

        font-weight: 700;

        padding: 3px 10px;

    }



    .btn_type_8:after {

        background:

        transparent url(../images/btns/btn_type_8.png) no-repeat center center;

        border: 0;

    }



    /* btn_type_9 */



    .btn_type_9 {

        width: 254px;

        height: 59px;

        text-shadow: 0.7px 0.7px 2px rgba(0, 3, 1, 0.5);

        color: white;

        font-size: 16px;

        font-weight: 700;

        padding: 3px 10px;

    }



    .btn_type_9:after {

        background:

        transparent url(../images/btns/btn_type_9.png) no-repeat center center;

        border: 0;

    }





    /* btn_type_10 */



    .btn_type_10 {

        width: 166px;

        height: 39px;

        padding-right: 0;

        padding-left: 0;

    }



    .btn_type_10:after {

        background: transparent url(../images/btns/btn_type_10.png) no-repeat center center;

        border: 0;

    }



    /* btn_type_11 */



    .btn_type_11 {

        width: 166px;

        height: 39px;

        padding-right: 0;

        padding-left: 0;

    }



    .btn_type_11:after {

        background: transparent url(../images/btns/btn_type_10.png) no-repeat center center;

        border: 0;

    }



    .btn__content_fs_22 {

        font-size: 22px;

    }



    /* navigation */



    .page__navigation {

        position: relative;

        z-index: 10;

        background: url(../images/bg__navigation.jpg) no-repeat center top;

        

    }



    .navigation__inner {

        display: flex;

        justify-content: center;

        height: 131px;

    }



    /* short-logo */



    .short-logo {

        background: url(../images/logo__d.png) no-repeat;

        width: 93px;

        height: 95px;

        text-decoration: none;

        display: block;

        transition: .3s all;

        flex-shrink: 0;

    }



    .short-logo:hover {

        filter: brightness(120%);

    }



    .navigation__short-logo {

        align-self: center;

        margin: 10px 16px 10px 10px;

    }



    /* nav */



    .nav {

        position: relative;

    }



    .navigation__nav {

        flex-grow: 1;

        margin-left: -10px;

        display: flex;

    }



    .navigation__list {

        display: flex;

        justify-content: center;

        flex-grow: 1;

        align-self: stretch;

    }



    .nav__link {

        box-sizing: border-box;

        /* padding: 0 20px 5px 20px; */

        flex-grow: 1;

        margin: 0;

        text-transform: uppercase;

        text-decoration: none;

        position: relative;

        white-space: nowrap;

        display: flex;

        justify-content: center;

        align-items: center;

        flex-direction: column;

        transition: .2s all;

        padding-bottom: 6px;

    }



    .nav__link:hover {

        background-color: rgba(12, 15, 17, 0.70);

    }



    .nav__ico {

        width: auto;

        height: 60px;

        width: 60px;

        display: flex;

        justify-content: center;

        align-items: center;

        margin-bottom: 10px;

        transition: .2s all;

    }



    .nav__link:hover .nav__ico {

        /* filter: drop-shadow(0 0 9px rgba(240, 232, 109, 0.41)); */

        margin-top: -10px;

    }



    .nav__img {

        display: inline-block;

        max-width: 100%;

        max-height: 100%;

        transition: .2s all;

        transform: translateY(0);

    }



    .nav__content {

        transition: .2s all;

    }



    .nav__name {

        color: #edd36c;

        font-size: 17px;

        font-weight: 400;

        text-transform: uppercase;

        white-space: nowrap;

        transition: .2s all;

        position: relative;

    }



    .nav__name:before {

        content: '';

        background: url(../images/nav/nav__highlighting.png) no-repeat;

        display: block;

        width: 106px;

        height: 84px;

        position: absolute;

        top: 50%;

        left: 50%;

        transform: translate(-50%, calc(-50% - 1px));

        transition: .2s all;

        opacity: 0;

        pointer-events: none;

    }



    .nav__desc {

        color: #a1adbb;

        font-size: 10px;

        font-weight: 400;

        text-transform: uppercase;

        transition: .2s all;

    }





    /* nav__sub-list */



    .nav__link_sub_true {

        cursor: default;

    }



    .nav__link_sub_true .nav__name:after {

        display: inline-block;

        content: "";

        background: url(../images/nav/nav__arrow.png) no-repeat;

        transform: rotateX(180deg);

        width: 9px;

        height: 6px;

        margin-bottom: 2px;

        margin-left: 5px;

        transition: .3s all;

    }



    .nav__link_sub_true:hover .nav__name:after {

        transform: rotateX(0deg);

    }



    .nav__sub-list {

        position: absolute;

        top: 100%;

        left: 50%;

        transform: translate(-50%, 0) scaleY(0);

        transform-origin: center top;

        perspective: 700px;

        display: flex;

        flex-direction: column;

        background-color: rgba(20, 22, 27, 0.97);

        border: 1px solid rgba(223, 165, 95, 0.43);

        padding: 5px 13px;

        border-radius: 10px;

        opacity: 0;

        visibility: hidden;

        transition: .3s all;

        pointer-events: none;

    }



    .nav__link_sub_true:hover .nav__sub-list {

        opacity: 1;

        visibility: visible;

        pointer-events: all;

        transform: translate(-50%, 0) scaleY(1);

    }



    .nav__sub-link {

        white-space: nowrap;

        color: #fff3c5;

        font-size: 18px;

        font-weight: 300;

        text-decoration: none;

        text-transform: none;

        padding: 12px 5px;

        text-align: center;

        position: relative;

    }



    .nav__sub-link:not(:nth-last-child(1)) {

        border-bottom: 1px solid #42454c;

    }



    .nav__sub-link:after {

        display: block;

        content: "";

        position: absolute;

        top: 0;

        right: -12px;

        bottom: 0;

        left: -12px;

        background-color: rgba(255, 255, 255, 0.041);

        opacity: 0;

        transition: .3s all;

    }



    .nav__sub-link:hover:after {

        opacity: 1;

    }




   



    /* Фиксируем позицию body, которую меняет панель гугла*/



    .body_fix {

        top: 0 !important;

        position: static !important;

    }



    /* Прячем панель гугла */



    .skiptranslate {

        display: none !important;

    }





    /* lang */



    .navigation__language {

        margin: auto 10px;

    }



    /* Фиксируем позицию body, которую меняет панель гугла*/



    .body_glang-fix {

        top: 0 !important;

        position: static !important;

    }



    /* Прячем панель гугла */



    .skiptranslate {

        display: none !important;

    }



    .lang {

        width: 55px;

        position: relative;

        text-align: center;

    }



    .lang__arrow {

        content: '';

        display: block;

        background: url(../images/lang/lang__arrow.png) no-repeat;

        width: 12px;

        height: 8px;

        transition: .3s all;

        cursor: pointer;

        margin-top: 5px;

    }



    .lang:hover .lang__arrow {

        transform: rotateX(180deg);

    }



    .lang__link {

        display: block;

        background-color: rgba(30, 33, 40, 0.7);

        border: 1px solid #2e2b2b;

        box-shadow: inset 8.5px 8.5px 28.4px 6.7px rgba(0, 0, 0, 0.8), inset 0 0 0 1px rgba(255, 255, 190, 0.08);

        cursor: pointer;

        transition: .3s all;

        display: flex;

        justify-content: center;

        align-items: center;

        flex-direction: column;

        flex-shrink: 0;

        box-sizing: border-box;

        text-decoration: none;

        border-radius: 10px;

        padding: 3px 0;

    }



    .lang__img {

        width: 36px;

        height: 36px;

        flex-shrink: 0;

        font-size: 10px;

        display: block;

    }



    .lang__link_sub:hover .lang__img {

        filter: drop-shadow(0 0 10px #415e6a);

    }





    .lang__name {

        color: #b2b2b2;

        font-size: 16px;

        font-weight: 400;

        flex-shrink: 0;

        text-transform: uppercase;

    }



    .lang__link_sub {

        width: 100%;

        position: relative;

        margin-top: 6px;

    }



    .lang__link_sub:hover .lang__name {

        filter: drop-shadow(0 0 5px #415e6a);

    }



    .lang__list {

        display: flex;

        justify-content: center;

        align-items: center;

        flex-direction: column;

        width: 100%;

        opacity: 0;

        visibility: hidden;

        transition: .3s all;

        transform: translateY(-40px);

        position: absolute;

        left: 0;

        top: 100%;

        z-index: 10;

        line-height: 13px;

    }



    .lang:hover .lang__list {

        opacity: 1;

        visibility: visible;

        transform: translateY(0px);

    }



    .lang__link_select {

    /* width: 70px;

    height: 27px;

    padding-left: 0; */

    padding: 7px 0;

    text-align: center;

    font-size: 0;

}



.lang__img_select {

    margin-bottom: 2px;

    filter: drop-shadow(0 0 10px #415e6a);

}



.lang__name_select {

    filter: drop-shadow(0 0 5px #415e6a);

    /* color: white;

    text-transform: uppercase;

    font-size: 10px;

    font-weight: 600; */

}



.lang_row {

    width: 100%;

    padding: 0;

    margin: 0;

}



.lang__box {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

}



.enter__lang-link {

    width: 58px;

    margin: 5px;

}



.enter__lang-link:hover .lang__img {

    filter: drop-shadow(0 0 10px #415e6a);

}



/* header */



.page__header {

    background: url(../images/bg__header.jpg) no-repeat center top;

}



.header__inner {}



.header__btns {

    height: 300px;

    box-sizing: border-box;

    padding-top: 120px;

}



.header__btn {

    margin-right: 55px;

    margin-left: 55px;

    font-size: 24px;

    line-height: 24px;

}



.header__logotype {

    height: 300px;

    display: flex;

    justify-content: center;

    align-items: flex-end;

}



.logo {

    display: block;

    text-decoration: none;

    width: 590px;

    height: 160px;

    position: relative;

    transition: .3s all;

    /* outline: 1px solid #fff; */

}



.logo:after {

    content: '';

    display: block;

    background: url(../images/logo.png) no-repeat;

    width: 773px;

    height: 389px;

    position: absolute;

    left: -94px;

    top: -116px;

    transition: .3s all;

    z-index: 1;

    pointer-events: none;

    opacity: 0;

}



.logo:before {

    content: '';

    display: block;

    background: url(../images/logo.png) no-repeat;

    width: 773px;

    height: 389px;

    position: absolute;

    left: -94px;

    top: -116px;

    transition: .3s all;

    z-index: 2;

    pointer-events: none;

    opacity: 0;

}



.logo:hover:before {

    animation: logo .3s ease;

}



.logo:hover {

    filter: brightness(110%);

}



@keyframes logo {

    0% {

        transform: scale(1);

        opacity: 0;

    }



    10% {

        opacity: .5;

    }



    100% {

        transform: scale(1.2);

        opacity: 0;

    }

}



/* servers */



.servers {}



.servers__server {

    margin: 0 10px;

}



.page__servers {

    background: url(../images/bg__servers.jpg) no-repeat center center;

    background-size: cover;

}



.servers__inner {

    display: flex;

    justify-content: center;

    align-items: center;

}



.servers__border {

    background: url(../images/server/border.png) no-repeat;

    width: 2px;

    height: 116px;

    margin: auto;

}



.server {



    cursor: default;

}



.server__info {

    display: flex;

    justify-content: center;

    align-items: center;

    min-height: 78px;

    border-bottom: 1px solid rgba(67, 70, 80, 0.4);

}



.server__ico {

    width: 70px;

    height: 60px;

    position: relative;

    top: -5px;

    z-index: 0;

}



.server__pic {

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 127px;

    height: 127px;

    display: flex;

    justify-content: center;

    align-items: center;

    pointer-events: none;

}



.server__content {

    position: relative;

    z-index: 2;

    line-height: 18px;

    flex-basis: 120px;

}



.server__title {

    text-shadow: 0.7px 0.7px 1px rgba(1, 3, 1, 0.4);

    color: white;

    font-size: 24px;

    font-weight: 700;

    text-transform: uppercase;

}



.server__desc {

    text-shadow: 0.7px 0.7px 1px rgba(1, 3, 1, 0.4);

    color: rgba(255, 255, 255, 0.5);

    font-size: 18px;

    font-weight: 400;

    text-transform: uppercase;

}



.server__border {

    width: 1px;

    height: 34px;

    background-color: #1d222a;

}



.server__online {

    /* flex-grow: 1; */

    flex-basis: 118px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    line-height: 24px;

}



.server__count {

    text-align: center;

    text-shadow: 0.7px 0.7px 1px rgba(1, 3, 1, 0.4);

    color: white;

    font-size: 24px;

    font-weight: 700;

}



.server__status {

    text-align: center;

    text-shadow: 0.7px 0.7px 1px rgba(1, 3, 1, 0.4);

    color: #828282;

    font-size: 14px;

    font-weight: 300;

    line-height: 14px;

}



.server__about {

    min-height: 52px;

    display: flex;

    justify-content: center;

    align-items: center;

    box-sizing: border-box;

    padding-bottom: 5px;

}



.server__more {

    font-size: 14px;

    font-weight: 400;

    text-decoration: underline;

    text-transform: uppercase;

    color: #858585;

    text-decoration: none;

    margin: 5px 13px;

    position: relative;

}



.server__more:after {

    content: '';

    display: block;

    height: 1px;

    background-color: #858585;

    position: absolute;

    left: 0;

    right: 0;

    bottom: -2px;

    transition: .3s all;

    pointer-events: none;

}



.server__more:hover:after {

    opacity: 0;

    bottom: -8px;

}



.server__more:after {}



.server__more_color_light {

    color: #cac89c;

}



.server__more_color_light:after {

    background-color: #cac89c;

}



/* server_status_on */



.server_status_on .server__count {

    color: #e0febd;

}



.server_status_on .server__status {

    color: #cbff8e;

}



/* server_status_off */



.server_status_off .server__count {

    color: #ffe6c5;

}



.server_status_off .server__status {

    color: #ac9576;

}



/* streams */



.page__streams {

    background: url(../images/bg__streams.jpg) no-repeat center center;

    background-size: cover;

    border-top: 2px solid #1b1d1e;

}



.streams__inner {

    padding-top: 15px;

    padding-bottom: 15px;

}



.streams__header {

    min-height: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

    box-sizing: border-box;

    padding: 10px;

}



.streams__title {

    text-align: center;

    color: white;

    font-size: 24px;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 20px;

    cursor: default;

}



.stream {

    width: 348px;

    height: 196px;

    border: 1px solid #35393e;

}



.stream_m_def {

    margin: 10px;

}



.stream__item {

    width: 100%;

    height: 100%;

    box-sizing: border-box;

    position: relative;

    cursor: pointer;

    transition: .3s all;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    display: block;

    text-decoration: none;

}



.stream__item:hover {

    filter: brightness(130%);

}



.stream__item:after {

    display: block;

    content: "";

    background: url(../images/icons/play.png) no-repeat;

    width: 64px;

    height: 64px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.stream iframe {

    width: 100%;

    height: 100%;



}



.streams__list {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    padding-top: 10px;

    padding-bottom: 10px;

}



.streams__btns-box {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    padding: 10px 0;

}



/* mid */



.page__mid {

    background: #131718 url(../images/bg__sparks.png) no-repeat center top;

}



.mid__inner {

    display: flex;

    box-sizing: border-box;

    padding-top: 40px;

    padding-bottom: 40px;

}



.mid__content {

    width: calc(100% - 350px - 40px - 10px);

    margin-right: 40px;

    margin-left: 10px;

}



.content__header {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    padding-bottom: 20px;

}



.content__title {

    color: white;

    font-size: 48px;

    font-weight: 700;

    line-height: 40px;

    text-transform: uppercase;

    cursor: default;

    text-align: center;

}



/* article */



.article {

    box-sizing: border-box;

    padding: 17px 19px;

    background-color: #292d32;

    display: flex;

}



.article_m_b {

    margin-bottom: 30px;

}



.article__pic {

    /* width: 260px; */

    width: 38%;

    min-width: 180px;

    max-width: 300px;

    min-height: 248px;

    flex-shrink: 0;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    background-color: transparent;

    box-sizing: border-box;

    border: 3px solid #4c545e;

    margin-right: 20px;

}



.article__contents {

    flex-grow: 1;

    display: flex;

    flex-direction: column;

}



.article__title {

    color: #fbf265;

    font-size: 28px;

    font-weight: 700;

    line-height: 24px;

    text-transform: uppercase;

    cursor: default;

    margin-bottom: 10px;

}



.article__content {

    color: #d0d8dd;

    font-size: 16px;

    font-weight: 400;

    padding-bottom: 10px;

    cursor: default;

}



.article__info {

    margin-top: auto;

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: default;

}



.article__date {

    color: #5e6671;

    font-size: 14px;

    font-weight: 400;

    padding-left: 20px;

    background: url(../images/icons/ico__clock.png) no-repeat left center;

    min-height: 13px;

}



.article__btn {

    margin-left: auto;

}



/* pagination */



.pagination {

    display: flex;

    justify-content: center;

    align-items: center;

}



.pagination__link {

    font-size: 24px;

    font-weight: 700;

    color: #3b3f45;

    padding: 3px;

    box-sizing: border-box;

    flex-basis: 40px;

    height: 34px;

    line-height: 24px;

    text-decoration: none;

    text-align: center;

    display: inline-block;

}



.pagination__link:hover {

    color: #8e97a3;

}



.pagination__link_active,

.pagination__link_active:hover {

    color: #fff;

}



.pagination__arrow {

    background: url(../images/pagination__arrow_dir_right.png) no-repeat;

    width: 21px;

    height: 38px;

    display: inline-block;

    margin: 0 10px;

    flex-shrink: 0;

    transition: .2s all;

}



.pagination__arrow_left {

    transform: rotateY(180deg);

}



.pagination__arrow_active:hover {

    transform: scale(1.1);

}



.pagination__arrow_active_false {

    opacity: .3;

    cursor: default;

    pointer-events: none;

}



/* sidebar */



.mid__sidebar {

    width: 350px;

    flex-shrink: 0;

    box-sizing: border-box;

    margin-right: 10px;

    padding-top: 8px;

}



.sidebar__container {

    border: 3px solid #2f343a;

    margin-bottom: 30px;

}



.sidebar__heading {

    min-height: 50px;

    background-color: #2f343a;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 10px 3px 13px;

    box-sizing: border-box;

    cursor: default;

}



.sidebar__title {

    text-align: center;

    color: white;

    font-size: 30px;

    line-height: 25px;

    font-weight: 700;

    text-transform: uppercase;

}



/* forum */



.forum {

    padding: 0 20px;

}



.btn_forum {

    margin: 15px auto;

    display: flex;

}



/* theme */



.theme {

    position: relative;

    z-index: 0;

}



.theme {

    display: flex;

    justify-content: center;

    align-items: center;

    box-sizing: border-box;

    position: relative;

    min-height: 116px;

    position: relative;

    z-index: 0;

    cursor: default;

}



.theme:after {

    content: "";

    display: block;

    position: absolute;

    left: 0px;

    right: 0px;

    bottom: 0;

    height: 1px;

    transition: 0.3s all;

    background-color: rgba(47, 52, 58, 0.5);

    z-index: -1;

    pointer-events: none;

}



.theme:hover:after {

    left: -20px;

    right: -20px;

}



.theme:before {

    content: "";

    display: block;

    position: absolute;

    left: -20px;

    right: calc(100% + 20px);

    top: 0;

    bottom: 0;

    transition: 0.3s all;

    background-color: #2f343a;

    z-index: -1;

    /* transform: scale(1.2); */

    opacity: 1;

    pointer-events: none;

    transform-origin: center center;

}



.theme:hover:before {

    transform: scale(1);

    opacity: 1;

    right: -20px;

}



.theme__ava {

    background-image: url(../images/tmp/ava.png);

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    width: 78px;

    height: 78px;

    flex-shrink: 0;

}



.theme__content {

    flex-grow: 1;

    box-sizing: border-box;

    padding-left: 20px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.theme__title {

    color: white;

    font-size: 18px;

    line-height: 14px;

    font-weight: 700;

}



.theme__info {

    font-size: 14px;

    color: #5e6671;

    font-weight: 300;

    padding: 5px 0;

}



.theme__author {

    text-decoration: none;

}



.theme__more {

    font-size: 14px;

    color: #a79999;

    font-weight: 700;

    text-decoration: underline;

    margin-right: auto;

    text-transform: uppercase;

}



/* screenshots */



.screenshots {

    background-color: #2f343a;

    display: flex;

    flex-wrap: wrap;

    padding: 0 3px 3px 3px;

    box-sizing: border-box;

}



.screenshot {

    border: 1px solid #635e52;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    box-sizing: border-box;

    filter: brightness(70%);

    transition: .3s all;

}



.screenshot:hover {

    filter: brightness(100%);

}



.screenshots__screenshot {

    height: 74px;

    width: calc(100% / 3 - 4px);

    margin: 2px;

}



/* heading */



.heading {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 10px 0;

}



.heading__title {

    text-align: center;

    color: white;

    font-size: 36px;

    font-weight: 700;

    text-transform: uppercase;

}



/* events */



.page__events {
background: url(../images/side_head.png) no-repeat center center;
    background-size: cover;

}



.events__inner {

    padding: 15px 0;

}



.events__btns {

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 10px 0;

}

#vBG {
    position: fixed;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    /* opacity: .1; */
    pointer-events: none;
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.events__list {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 15px 0;

}



.events__event {

    flex-basis: 380px;

}



/* event */



.event {

    display: flex;

    padding: 6px 13px;

    transition: .3s all;

}



.event:hover {

    background-color: #101214;

}



.event__pic {

    width: 139px;

    height: 139px;

    flex-shrink: 0;

    box-sizing: border-box;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-right: 15px;

}



.event__content {

    position: relative;

    z-index: 0;

    padding-top: 4px;

}



.event__heading {

    height: 56px;

    box-sizing: border-box;

    padding: 3px 0;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    cursor: default;

}



.event__title {

    text-shadow: 0.7px 0.7px 1px rgba(1, 3, 1, 0.4);

    color: #fefa69;

    font-size: 24px;

    font-weight: 700;

    line-height: 20px;

}



.event__desc {

    position: relative;

    z-index: 0;

    overflow: hidden;

}



.event__txt {

    text-shadow: 0.7px 0.7px 1px rgba(1, 3, 1, 0.4);

    color: white;

    font-size: 16px;

    font-weight: 400;

    line-height: 16px;

    transition: .3s all;

}



.event:hover .event__txt {

    opacity: 0;

    visibility: hidden;

    transform: translateX(-100%);

}



.event__btn {

    position: absolute;

    left: 0;

    top: 18px;

    opacity: 0;

    visibility: hidden;

    transition: .3s all;

    transform: translateX(100%);

}



.event:hover .event__btn {

    opacity: 1;

    visibility: visible;

    transform: translateX(0);

}



/* presentation */



.page__presentation {

    background: url(../images/bg__present.jpg) no-repeat center center;

    background-size: cover;

    border-top: 2px solid #131718;

    border-bottom: 2px solid #131718;

}



.presentation__slider-box {

    position: relative;

    padding: 10px 20px;

}



.presentation__inner {

    padding-top: 10px;

    padding-bottom: 20px;

}





.slider {

    height: 200px;

    /* overflow: hidden; */

    width: 100%;

    position: relative;

}



.slider__slide {

    height: 200px;

    width: 100%;

    box-sizing: border-box;

    border: 1px solid #272924;

    transform: scale(0.8);

    transition: .6s all;

}



.slick-slide_active .slider__slide {

    transform: scale(1);

}



.slider__item {

    width: 100%;

    height: 100%;

    box-sizing: border-box;

    position: relative;

    cursor: pointer;

    transition: .3s all;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    display: block;

    text-decoration: none;

}



.slider__item:hover {

    filter: brightness(130%);

}



.slider__item:after {

    display: block;

    content: "";

    background: url(../images/icons/play.png) no-repeat;

    width: 64px;

    height: 64px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.slider__slide iframe {

    width: 100%;

    height: 100%;

    display: inline-block;

}



.presentation__arrow {

    cursor: pointer;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 100;

    width: 15px;

    height: 25px;

    transition: .3s all;

}



.presentation__arrow_dir_left {

    background: url(../images/slider__arrow_dir_left.png) no-repeat;

    left: 10px;

}



.presentation__arrow_dir_left:hover {}



.presentation__arrow_dir_right {

    background: url(../images/slider__arrow_dir_right.png) no-repeat;

    right: 10px;

}



.presentation__arrow_dir_right:hover {}



.slick-disabled.presentation__arrow {

    opacity: .3;

}



/* contacts */



.page__contacts {

    background-color: rgb(14, 16, 19, 0.92);

}



.contacts__inner {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    padding-top: 15px;

    padding-bottom: 15px;

}



.contacts__contact {

    width: calc(100% / 4 - 20px);

    margin: 10px;

}



.contact {

    display: flex;

    justify-content: center;

    align-items: center;

    height: 40px;

    text-decoration: none;

    background-color: #38509c;

    box-sizing: border-box;

    transition: .3s all;

}



.contact:hover {

    filter: brightness(120%);

}



.contact_scl_fb {

    background-color: #38509c;

}



.contact_scl_tg {

    background-color: #1e96c8;

}



.contact_scl_dd {

    background-color: #8c9eff;

}



.contact_scl_vk {

    background-color: #4568a8;

}



.contact__ico {

    margin-right: 11px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.contact__img {

    display: block;

}



.contact__content {

    color: white;

    font-size: 18px;

    font-weight: 400;

    text-transform: uppercase;

}



.contact__strong {

    font-weight: 700;

}



/* footer */



.page__footer {

    background: rgb(22, 23, 25) url(../images/bg__footer.jpg) no-repeat center bottom;

}



.footer__inner {

    display: flex;

    padding-top: 10px;

}



/* footer__nav */





.footer__title {

    color: white;

    font-size: 26px;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 10px;

}



.footer__nav {

    display: flex;

    flex-grow: 1;

    flex-basis: 700px;

}



.footer__f-nav {

    margin: 10px;

    flex-grow: 1;

    min-width: 200px;

}



.footer__f-nav:not(:nth-last-child(1)) {

    /* padding-right: 60px; */

}



.f-nav__list {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

}



.f-nav__item {

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    color: #a79999;

    font-size: 18px;

    font-weight: 300;

    text-decoration: underline;

    text-decoration: none;

    line-height: 28px;

    position: relative;

    z-index: 0;

    margin-bottom: 3px;

}



.f-nav__item:after {

    content: '';

    display: block;

    height: 1px;

    background-color: #a79999;

    position: absolute;

    left: 0;

    bottom: 3px;

    right: 0;

    transition: .3s all

}



.f-nav__item:hover:after {

    /* right: 0; */

    opacity: 0;

    bottom: -5px;

}



/* footer__info */



.footer__info {

    flex-basis: 330px;

    margin: 10px;

}



.copyright {

    font-size: 18px;

    line-height: 24px;

}



.copyright__title {

    color: #a79999;

    font-weight: 700;

}



.copyright__desc {

    color: #4e4e4e;

    font-weight: 300;

}



.footer__bnrs {

    display: flex;

    flex-wrap: wrap;

    margin: 10px -5px;

}



.footer__bnrs a {

    display: inline-block;

    margin: 5px;

    opacity: .5;

    transition: .3s all;

}



.footer__bnrs a:hover {

    opacity: 1;

}



.footer__bnrs img {

    display: block;

}



/* footer__author */



.footer__author {

    display: flex;

    margin: 10px -5px;

}



.author__logo {

    margin: 5px;

    display: inline-block;

    text-decoration: none;

}



.author__desc {

    color: #4e4e4e;

    font-size: 13px;

    font-weight: 300;

    line-height: 12px;

    margin-bottom: 5px;

}



.author__img {

    opacity: .3;

    max-height: 34px;

    transition: .3s all;

}



.author__logo:hover .author__img {

    opacity: .6;

}



/* under */



.under__container {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.under__arrow {

    position: relative;

    z-index: 5;

    width: 47px;

    height: 47px;

    background: url(../images/unde__arrow_up.png) no-repeat;

    flex-shrink: 0;

    cursor: pointer;

    transition: .3s all;

    opacity: .5;

}



.under__arrow:hover {

    opacity: 1;

}



.under__block {

    width: calc(100% / 2 - 50px);

    margin: 10px;

}



.under__ps {

    margin-left: auto;

    display: block;

    opacity: .2;

    transition: .3s all;

}



.under__ps:hover {

    opacity: 0.5;

}



.under__img-ps {

    display: block;

}



.under__desc {

    color: #4d4d4d;

    font-size: 18px;

    font-weight: 300;

    line-height: 24px;

    box-sizing: border-box;

    padding: 10px;

    text-align: center;

}



.under__links {

    box-sizing: border-box;

    padding: 0 10px 15px 10px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;
	padding-top: 25px;
}



.under__link {

    display: inline-block;

    font-size: 18px;

    font-weight: 300;

    line-height: 24px;

    color: rgba(167, 153, 153, 0.6);

    padding: 0 10px;

}

.under__link:hover {
color: rgb(147 129 97 / 60%);

}

.under__link:not(:nth-last-child(1)) {

    border-right: 1px solid rgba(167, 153, 153, 0.6);

}



/* upper */



.upper {

    background: url(../images/upper.png) no-repeat;

    width: 83px;

    height: 70px;

    position: fixed;

    right: 10px;

    bottom: 10px;

    z-index: 20;

    cursor: pointer;

    opacity: .5;

    transition: 1s all;

}



.upper:hover {

    opacity: 1;

}



.upper_active_false {

    opacity: 0;

    visibility: hidden;

    transform: translateY(100px);

}





/* modal */



.modal {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    box-sizing: border-box;

    overflow-y: auto;

    z-index: 99;

    display: flex;

    transition: .3s all;

    transform: scale(1);

    opacity: 1;

    filter: blur(0);

    background-color: rgba(0, 0, 0, 0.6);

    padding: 0 10px;

    overflow-x: hidden;

}



.modal_none {

    display: none;

}



.modal_hide {

    opacity: 0;

}



.modal__close {

    background: url(../images/modal/close.png) no-repeat;

    width: 15px;

    height: 15px;

    position: absolute;

    right: 15px;

    top: 15px;

    display: inline-block;

    z-index: 5;

    cursor: pointer;

    transition: .3s all;

    flex-shrink: 0;

}



.modal__close:hover {

    transform: rotate(180deg);

}



.modal__inner {

    flex-basis: 800px;

    box-sizing: border-box;

    height: auto;

    margin: auto;

    background: rgb(30, 28, 32) url(../images/modal/bg.jpg) no-repeat center top;

    background-size: cover;

    /* border: 1px solid rgba(0, 0, 0, 0.2); */

    box-shadow: 0 0 1px 4px rgba(0, 0, 0, 0.51);

    transition: .5s all;

    transform: scale(1) translateY(0);

    opacity: 1;

    padding: 45px;

    position: relative;

}



.modal__inner::after {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    border: 1px solid rgba(76, 107, 138, 0.14);

    z-index: 5;

    pointer-events: none;

}



.modal_hide .modal__inner {

    transform: scale(1.2) translateY(-100px);

    opacity: 0;

}



.modal__head {

    display: flex;

    justify-content: center;

    align-items: center;

    box-sizing: border-box;

    padding: 20px 0;

}



.modal__ico {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 40px;

    height: 40px;

}



.modal__ico_m_r {

    margin-right: 15px;

}



.modal__title {

    text-shadow: 0.7px 0.7px 2px rgba(0, 3, 1, 0.5);

    color: white;

    font-size: 26px;

    font-weight: 700;

    text-transform: uppercase;

}



.modal__title_warning {

    color: #fc7c56;

    font-size: 18px;

    font-weight: 600;

    line-height: 18px;

}



.modal__desc {

    color: #5b6787;

    font-size: 13px;

    font-weight: 500;

    line-height: 18px;

    text-align: center;

}



.modal__desc_m_t {

    margin-top: 6px;

}



.modal__content {}



.enter__inner {

    padding-bottom: 20px;

}



.enter__info {

    background: url(../images/modal/modal__enter-container.png) no-repeat center top;

    background-size: cover;

    box-shadow: 0 0 3px rgba(255, 255, 255, 0.5) inset, 0 0 15px rgba(0, 0, 0, 0.4);

    box-sizing: border-box;

    padding: 20px 10px;

}



.enter__title {

    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 15%, rgba(0, 0, 0, 0.6) 85%, rgba(0, 0, 0, 0) 100%);

    text-shadow: 0.7px 0.7px 5px rgba(0, 3, 1, 0.4);

    color: white;

    font-size: 32px;

    font-weight: 700;

    line-height: 26px;

    padding: 10px;

    margin: 15px 0 10px 0;

    text-align: center;

}



.enter__desc {

    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 15%, rgba(0, 0, 0, 0.6) 85%, rgba(0, 0, 0, 0) 100%);

    text-shadow: 0.7px 0.7px 5px rgba(0, 3, 1, 0.4);

    color: white;

    font-size: 18px;

    line-height: 20px;

    padding: 5px 10px;

    margin: 3px 0 3px 0;

    text-align: center;

}



.enter__btns {

    display: flex;

    justify-content: center;

    align-items: center;

    padding-top: 15px;

}



.enter__box {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

}



.enter__btn {

    margin-top: 40px;

    margin-bottom: 30px;

    margin-right: 0;

    margin-left: 0;

}



.enter__link {

    color: rgba(255, 255, 255, 0.35);

    font-size: 16px;

    font-weight: 400;

    text-decoration: underline;

    cursor: pointer;

}



.enter__link:hover {

    text-decoration: none;

}



/* hd */



.page__hd {

    margin: 20px 10px;

}



.hd {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 20%, rgba(0, 0, 0, 0.35) 80%, rgba(0, 0, 0, 0) 100%);

    text-shadow: 0.7px 0.7px 5px rgba(0, 3, 1, 0.4);

    padding: 10px;

}



.hd__title {

    color: white;

    font-size: 36px;

    font-weight: 700;

}

.reset_password {
    color: white;
    font-size: 20px;
    font-weight: 700;
}

/* files */



.page__files {

    background: url(../images/bg__files.jpg) no-repeat center center;

    background-size: cover;

}



.files__container {

    flex-basis: 860px;

}



.files__inner {}



.files__arrow {

    background: url(../images/files/arrow__down.png) no-repeat center center;

    height: 60px;

}



.files__head {

    min-height: 34px;

    display: flex;

    align-items: center;

    color: #6eb0db;

    font-size: 18px;

    font-weight: 700;

    margin-left: 10px;

    margin-right: 10px;

    border-right: 1px solid #2e2e2e;

    border-left: 1px solid #2e2e2e;

    box-sizing: border-box;

    padding: 3px 20px;

    cursor: default;

    background-color: rgba(255, 255, 255, 0.02);

}



/* fbox */



.fbox {

    background-color: rgba(7, 7, 8, 0.3);

}



.fbox_m {

    margin: 10px;

}



.fbox_m_rl {

    margin-left: 10px;

    margin-right: 10px;

}



.fbox_border {

    border: 1px solid #2e2e2e;

    box-sizing: border-box;

}



.fbox_files {

    display: flex;

}



.fbox__item {

    display: flex;

    align-items: center;

    padding: 10px;

}



.fbox__it_download {

    position: relative;

    top: 1px;

}



.fbox__it_display {

    position: relative;

    top: 2px;

}



.fbox__it_gear {

    position: relative;

    top: 2px;

    left: 2px;

}



.fbox__item_b_b {

    border-bottom: 1px solid #2e2e2e;

}



.fbox__res {

    width: 45%;

    box-sizing: border-box;

}



.fbox__instruction {

    width: 55%;

    box-sizing: border-box;

}



.fbox__b_r {

    border-right: 1px solid #2e2e2e;

    box-sizing: border-box;

}



.fbox__b_b {

    border-bottom: 1px solid #2e2e2e;

    box-sizing: border-box;

}



.fbox__heading {

    min-height: 80px;

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: default;

    width: 100%;

    padding-bottom: 5px;

}



.fbox__heading_min {

    min-height: 50px;

}



.fbox__ico {

    display: flex;

    justify-content: center;

    align-items: center;

}



.fbox__ico_m_r {

    margin-right: 13px;

}



.fbox__ico_m_l {

    margin-left: 13px;

}



.fbox__title {

    color: white;

    font-size: 28px;

    line-height: 20px;

}



.fbox__btns-list {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 20px 0;

}



.fbox__btn {

    margin-top: 35px;

    margin-bottom: 35px;

    font-size: 22px;

    padding-top: 5px;

}



.fbox__info-list {

    padding: 20px 30px;

    box-sizing: border-box;

    font-size: 17px;

}



.fbox__content {

    box-sizing: border-box;

    padding: 15px 20px;

    color: white;

    font-size: 20px;

    font-weight: 400;

    text-align: center;

}



.fbox__content_lib {

    text-align: left;

    font-size: 18px;

    padding: 10px;

}



.fbox__img {

    width: 90px;

    height: 80px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-shrink: 0;

}



.fbox__why {

    color: #e86053;

    font-size: 17px;

    font-weight: 700;

}



/* characteristic */



.characteristic {

    display: flex;

    color: #979798;

    font-size: 17px;

    border-top: 1px solid #2e2e2e;

}



.characteristic_head {

    background-color: rgba(255, 255, 255, 0.04);

}



.characteristic__item {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    padding: 10px;

    box-sizing: border-box;

}



.characteristic__cat {

    width: 100px;

    flex-shrink: 0;

    border-right: 1px solid #2e2e2e;

}



.characteristic__min {

    width: calc(100% / 2 - 100px / 2);

    border-right: 1px solid #2e2e2e;

    flex-shrink: 0;

}



.characteristic__rec {

    width: calc(100% / 2 - 100px / 2);

    flex-shrink: 0;

}



/* resources */



.resources__inner {

    flex-basis: 370px;

    padding: 10px;

    box-shadow: 0 0 120px rgb(0, 0, 0) inset, 0 0 1px 4px rgba(0, 0, 0, 0.51);

    /* border-width: 2px; */

}



.resources__content {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

}



.resources__btn {

    margin-bottom: 20px;

}



/* informer */



.informer {

    background: url(../images/bg__informer.jpg) no-repeat center center;

    background-size: cover;

}



.informer__inner {

    min-height: 47px;

    padding: 3px 0;

    display: flex;

    justify-content: center;

    align-items: center;

}



.informer__content {

    text-align: center;

    text-shadow: 0 0 6px rgba(1, 3, 1, 0.75);

    font-size: 18px;

    line-height: 16px;

    font-weight: 700;

    text-transform: uppercase;

    color: white;

    margin: 0 10px;

}



.informer__color_aqua {

    color: #00fffc;

}



.informer__ico {

    display: inline-block;

    vertical-align: sub;

    margin: 0 1px 0px 5px;

}



.informer__link {

    color: #ffd800;

    display: inline-block;

    text-decoration: none;

    position: relative;

    white-space: nowrap;

}



.informer__link:after {

    content: '';

    display: block;

    height: 2px;

    background-color: #ffd800;

    position: absolute;

    left: 0;

    bottom: -3px;

    right: 0;

    transition: .2s all;

    box-shadow: 0 0 6px rgba(1, 3, 1, 0.75);

}



.informer__link:hover:after {

    bottom: -8px;

    opacity: 0;

}



/* help */



.page__help {

    background: url(../images/bg__help.jpg) no-repeat center center;

    background-size: cover;

}



.help__list {

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 40px;

}



.helper {

    position: relative;

    z-index: 0;

    min-height: 300px;

    box-sizing: border-box;

    border: 1px solid #3a3a3a;

    display: flex;

    justify-content: center;

    align-items: stretch;

    flex-direction: column;

    text-align: center;

    padding: 20px;

    overflow: hidden;

    cursor: default;

}



.help__helper {

    width: calc(100% / 2 - 20px);

    margin: 10px;

}



.helper__bg {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 2;

    background-image: url(../images/help/helper__bg_1.jpg);

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    transition: .6s all;

}



.helper:hover .helper__bg {

    transform: scale(1.1);

    filter: brightness(130%);

}



.helper__header {

    position: relative;

    z-index: 5;

    color: white;

    font-size: 36px;

    font-weight: 700;

    line-height: 32px;

    text-transform: uppercase;

    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 15%, rgba(0, 0, 0, 0.6) 85%,

        rgba(0, 0, 0, 0) 100%);

    text-shadow: 0.7px 0.7px 5px rgba(0, 3, 1, 0.4);

    min-height: 90px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.helper__content {

    position: relative;

    z-index: 5;

    color: white;

    font-size: 17px;

    font-weight: 300;

    flex-grow: 1;

    box-sizing: border-box;

    padding: 15px;

}



.helper__btn-box {

    position: relative;

    z-index: 5;

    display: flex;

    justify-content: center;

    align-items: center;

    padding-top: 10px;

}



/* cp */



.page__cp {

    background: url(../images/cp/bg__cp.jpg) no-repeat center center;

    background-size: cover;

    flex-grow: 1;

    min-height: 950px;

}



.cp__inner {

    padding-bottom: 10px;

}



.cp__logo-box {

    padding-top: 55px;

    padding-bottom: 40px;

    display: flex;

    justify-content: center;

    align-items: center;

}





.logo-min {

    display: block;

    text-decoration: none;

    width: 340px;

    height: 100px;

    position: relative;

    transition: .3s all;

    /* outline: 1px solid #fff; */

}



.logo-min:after {

    content: '';

    display: block;

    background: url(../images/logo_size_small.png) no-repeat;

    width: 479px;

    height: 229px;

    position: absolute;

    left: -75px;

    top: -65px;

    transition: .3s all;

    z-index: 1;

    pointer-events: none;

    opacity: 1;

}



.logo-min:before {

    content: '';

    display: block;

    background: url(../images/logo_size_small.png) no-repeat;

    width: 479px;

    height: 229px;

    position: absolute;

    left: -75px;

    top: -65px;

    transition: .3s all;

    z-index: 1;

    pointer-events: none;

    opacity: 0;

}



.logo-min:hover:before {

    animation: logo .3s ease;

}



.logo-min:hover {

    filter: brightness(110%);

}



@keyframes logo {

    0% {

        transform: scale(1);

        opacity: 0;

    }



    10% {

        opacity: .5;

    }



    100% {

        transform: scale(1.2);

        opacity: 0;

    }

}



/* forms */



.cp__forms {

    max-width: 520px;

    display: flex;

    flex-direction: column;

    flex-grow: 1;

    margin: 0 auto;

    background: url(../images/cp/bg__form.jpg) no-repeat center top;

    background-size: cover;

    box-shadow: 0 0 1px 4px rgba(0, 0, 0, 0.51);

    box-sizing: border-box;

    position: relative;

    z-index: 0;

}



.modal__inner:after {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    border: 1px solid rgba(76, 107, 138, 0.14);

    z-index: 5;

    pointer-events: none;

}



/* form */



.form {

    max-width: 100%;

    flex-grow: 1;

    box-sizing: border-box;

    padding: 20px;

}



.form__heading {

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 20px;

}



.form__title {

    color: white;

    font-size: 28px;

    font-weight: 700;

    text-transform: uppercase;

    text-align: center;

}



.form__title_m_r {

    margin-right: 10px;

}



.h-link {

    text-decoration: none;

    position: relative;

    color: #767168;

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 1px;

    top: 2px;

}



.h-link:after {

    content: '';

    display: block;

    height: 1px;

    background-color: #767168;

    position: absolute;

    left: 0;

    bottom: -2px;

    right: 100%;

    transition: .3s all

}



.h-link:hover:after {

    right: 0;

}



.a-link {

    color: rgb(255, 211, 99);

    font-size: 13px;

    text-decoration: none;

    text-transform: uppercase;

    position: relative;

    display: inline-block;

}



.a-link:after {

    content: '';

    display: block;

    height: 1px;

    background-color: rgb(255, 211, 99);

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0px;

    transition: .3s all;

    pointer-events: none;

}



.a-link:hover:after {

    right: 100%;

}



.a-link:hover {

    text-decoration: none;

}



.form__container {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 10px 0;

}



.form__desc {

    color: #717d8c;

    font-size: 14px;

    text-transform: uppercase;

    text-align: center;

}



.form__desc_m_b {

    margin-bottom: 24px;

}



.icon-container~.input {

    padding-left: 50px;

}



.icon-container~.input_login {

    padding-left: 100px;

}



.icon-container {

    position: absolute;

    left: 1px;

    top: 1px;

    bottom: 1px;

    width: 50px;

    /* border-right: 1px solid #383f3f; */

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    color: rgb(169, 171, 173);

    font-size: 18px;

    text-transform: uppercase;

    padding-top: 1px;

    padding-left: 2px;

    box-sizing: border-box;

}



.prefix-container {

    position: absolute;

    right: 5px;

    top: 0;

    bottom: 0;

    display: flex;

    justify-content: center;

    align-items: center;

}



.prefix-container__btn {

    padding: 0 10px;

}



.protection {

    display: flex;

    padding-top: 15px;

    box-sizing: border-box;

    padding: 2px;

    background-color: #0e0c13;

    border: 1px solid #333439;

}



.protection_align_center {

    align-items: center;

}



.protection__ico_m_l {

    margin-left: 10px;

}



.protection__ico_m_r {

    margin-right: 10px;

}



.protection__captcha {

    max-width: 306px;

    flex-shrink: 0;

}



.protection__captcha img {

    display: block;

}



.protection__info {

    color: #949498;

    font-size: 16px;

    font-weight: 300;

    flex-grow: 1;

    display: flex;

    justify-content: flex-start;

    align-items: center;

}



.protection__img-container {

    width: 49px;

    flex-shrink: 0;

    display: flex;

    justify-content: center;

    align-items: center;

}



.protection__confirm {

    display: flex;

    align-items: center;

}



.protection__confirm_m_t {

    margin-top: 5px;

}



.protection__rules {

    display: inline-block;

    margin-right: 10px;

    color: white;

    font-size: 13px;

    text-decoration: none;

    text-transform: uppercase;

    position: relative;

}



.protection__rules:after {

    content: '';

    display: block;

    height: 1px;

    background-color: rgba(255, 255, 255, 0.5);

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0px;

    transition: .3s all

}



.protection__rules:hover:after {

    right: 100%;

}



.protection__rules:hover {

    text-decoration: none;

}



.form__btn {

    margin: 25px auto 25px auto;

    display: block;

}



.form__btn_enter {

    font-size: 32px;

    line-height: 32px;

    padding-top: 10px;

}



.fauth {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    color: #9fabb8;

    font-size: 18px;

    font-weight: 400;

}



.fauth__item {

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 2px 10px;

}



.fauth__ico {

    width: 35px;

    height: 35px;

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    top: 3px;

}



.fauth__ico_m_r {

    margin-right: 10px;

}



.fauth__ico_m_l {

    margin-left: 10px;

}



.fauth__link {

    color: #afc0d0;

    font-size: 18px;

    font-weight: 400;

    text-decoration: none;

    display: inline-block;

    margin: 0 3px;

    position: relative;

    z-index: 0;

    white-space: nowrap;

}



.fauth__link:after {

    content: '';

    display: block;

    height: 1px;

    background-color: #afc0d0;

    position: absolute;

    left: 0;

    bottom: -1px;

    right: 0;

    transition: .1s all;

    pointer-events: none;

}



.fauth__link:hover:after {

    bottom: -5px;

    opacity: 0;

}



.fauth__txt {

    display: inline-block;

    margin: 0 3px;

    padding-top: 7px;

}



/* Оформление gw-checkbox */



.gw-checkbox {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}



.gw-checkbox__label {

    display: inline-flex;

    align-items: center;

    cursor: pointer;

    text-shadow: 0.5px 0.9px 2px rgba(0, 3, 1, 0.5);

    font-size: 16px;

    font-weight: 400;

    color: #a8a8a8;

    box-sizing: border-box;

}



.gw-checkbox__name {}



.gw-checkbox__block {

    display: inline-block;

    width: 24px;

    height: 24px;

    background-color: rgba(7, 9, 11, 0.8);

    box-shadow: inset 0 0 0 rgba(51, 52, 57, 0.4);

    box-sizing: border-box;

    border-radius: 0;

    position: relative;

    cursor: pointer;

    margin-right: 8px;

    flex-shrink: 0;

}



.gw-checkbox__block:after {

    content: "";

    position: absolute;

    left: 6px;

    top: 7px;

    opacity: 0;

    pointer-events: none;

    border-radius: 0;

    width: 12px;

    height: 11px;

    transform: scale(3);

    transition: 0.2s all;

    background: url(../images/icons/checkbox__check.png) no-repeat;

}



.gw-checkbox__input {

    display: none;

}



.gw-checkbox__input:checked+.gw-checkbox__block:after {

    opacity: 1;

    transform: scale(1);

}





/* colorbox */



.inline__content {

    background-color: rgb(35, 35, 35);

    padding: 10px 20px;

    color: rgb(207, 187, 116);

    font-size: 14px;

    line-height: 20px;

}



.inline-content {

    padding: 10px 20px;

    line-height: 20px;

    color: rgb(213, 200, 180);

    color: rgb(207, 187, 116);

    font-size: 20px;

    font-weight: 400;

}



.inline__content_title {

    color: rgba(0, 0, 0, 0.8);

    font-size: 16px;

}



.inline__content ul {

    list-style-type: circle;

    list-style-position: inside;

}



#cboxLoadedContent {

    background-color: rgb(35, 35, 35) !important;

}



#cboxContent {

    background-color: rgb(35, 35, 35) !important;

}



/* success-status */



.success-status__warning {

    text-align: center;

    text-shadow: 0.5px 0.9px 6.6px rgba(0, 3, 1, 0.44);

    color: #e46262;

    font-size: 21px;

}



.success-status__warning__tt_u {

    text-transform: uppercase;

}



.success-status__light-title {

    font-size: 17px;

    font-weight: 700;

    color: #e46262;

    text-transform: uppercase;

    line-height: 14px;

    text-align: center;

    margin-bottom: 10px;

}



.success-status__desc {

    text-align: center;

    color: white;

    font-size: 18px;

    font-weight: 300;

}



.data {

    background: url(../images/cp/sbg.jpg) no-repeat center center;

    background-size: cover;

    width: 100%;

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.1);

    padding: 15px;

    box-sizing: border-box;

}



.success-status__data {

    margin-top: 20px;

    margin-bottom: 20px;

}



.data__ttl {

    text-align: center;

    text-shadow: 0.5px 0.9px 5px rgba(0, 3, 1, 0.4);

    color: #e7d051;

    font-size: 20px;

    font-weight: 700;

    padding-bottom: 15px;

}



.data__name {

    text-shadow: 0.5px 0.9px 5px rgba(0, 3, 1, 0.4);

    color: #989898;

    font-size: 20px;

    font-weight: 300;

    line-height: 18px;

    text-align: center;

    margin-bottom: 5px;

}

.streams__btns-box{
    text-decoration: none;
}
.event__txt p {
    margin: 0;
}

.data__val {

    color: white;

    font-size: 18px;

    font-weight: 700;

    line-height: 18px;

    text-align: center;

}



.success-status__btns {

    display: flex;

    justify-content: space-around;

    align-items: center;

    flex-wrap: wrap;

    margin: 0 -10px;

}



.success-status__btn {

    margin: 5px 10px;

    flex-grow: 1;

}



/* l2oops */



.l2oops {

    position: absolute;

    left: -150px;

    top: 50%;

    transform: translateY(-50%);

    display: block;

}









/* l2oops2 */



.l2oops2 {

    position: absolute;

    left: -150px;

    top: 50%;

    transform: translateY(-50%);

    display: block;

}









/* l2topzone */



.l2topzone {

    position: absolute;

    right: -115px;

    top: 50%;

    transform: translateY(-50%);

    display: block;

}








/* freekassa */



.free-kassa {

    position: absolute;

    right: -115px;

    top: 50%;

    transform: translateY(-50%);

    display: block;

}























.wrapper{
    width: 1290px;
    height: auto;
    margin: 0 auto;
    position: relative;
    
}
.menulang{
	position:absolute;
	width: 110px;
	height:50px;
	left:50%;
	margin-left:-500px;
	top:14px;
}
.rus{
   background: url(../images/ru.png) no-repeat center center; 
}
.eng{
   background: url(../images/en.png) no-repeat center center; 
}
.lang:hover{opacity: 1;filter: none;}
.lang:active,.lang.active{filter: none;}
.transition {
  transition: 0.5s;
}
.pers {
  background-image: url(../images/pers.png);
  position: absolute;
  left: 50%;
  top: 64px;
  width: 343px;
  height: 526px;
  margin-left:164px;
  z-index: 22;
  filter: brightness(0.9);
}
.pers:hover{filter: brightness(1);}
.mmtop {
	display:block;
  background-image: url(../images/mmtop.png);
  position: absolute;
  left: 50%;
  top: 744px;
  width: 318px;
  height: 274px;
  margin-left:-500px;
  filter: blur(2px);
  z-index: 22;
}
.mmtop:hover{filter:none;}
.menubg{width: 960px;
    height: 80px;
	position:absolute;
	top: 0px; 
	left: 10%;
	/*background: url(../images/menubg.png) no-repeat center center;*/
	}
.headmenu{
        width: 960px;
    height: 80px;
    position: relative;
    margin: 0px auto 10px;
    top: -10px;
    left: 10px;
    overflow: hidden;
}
.headmenu li,.footmenu li{
    list-style: none;
    float: left;
    
}
.headmenu li a {
    display: block;
    padding: 18px 16px 14px;
  font-size: 18px;
      font-weight: 500;
    font-family: "Candara";
    color: #B9C8CC;
  line-height: 2.2;
  text-align: center;
  text-decoration: none;
  text-transform:uppercase;
  z-index: 345;
  border-right: 1px solid rgba(0, 0, 0, 0.22);
  /*background: url(../images/mhover.png) no-repeat top center;*/
  background-position: 50% -400%;
 
}
.headmenu li a.first{border-left: 1px solid rgba(0, 0, 0, 0.22);}
.headmenu li a:hover { color:#fff;
background: #2d0e0129; /* Old browsers */
/*background: url(../images/mhover.png) no-repeat top center;
background-position: 50% 10%;*/
}
.mshop{
	font-weight: 500;
	display:block;
	width: 280px;
    height: 107px;
	background: url(../images/mshop.png) no-repeat top center;
	font-size: 18px;
  font-family: "Candara";
  color: rgb(255, 255, 255);
  line-height: 4.3;
  text-align: center;
  text-transform:uppercase;
  text-shadow: 0px 0px 2.72px rgba(0, 0, 0, 0.75);
  position: absolute;
  right: 1px;
  top: -15px;
  z-index: 53;

}
.mshop:hover{
	background: url(../images/mshoph.png) no-repeat top center;
}
.footmenu{
        width: 860px;
    height: 40px;
    position: relative;
    margin:0 auto;
    overflow: hidden;
}
.footmenu  li a{
  font-size: 14px;
  font-family: "Candara";
  color: rgb(115, 115, 115);
  line-height: 1;
  text-align: left;
  padding: 8px 16px 14px;
  text-transform:uppercase;
  z-index: 8;
  

}
.footmenu  li a:hover{color:#FFF;}
.footmenu  li a:active{color:#FFF;}
.allonline{
    width: 100px;
    height: 60px;
    position: absolute;
    right: 60px;
    top: 54px;
  font-size: 12px;
  font-family: "Bookman Old Style";
  color: #858585;
  line-height: 1.2;
  text-align: center;
}
.allonline span{
    font-size: 14px;
    color: #85a945;
}
.onltop{
    color: #C5CFC5;
}
.logo{
    display: block;
    width: 709px;
    height: 275px;
    position: absolute;
    left: 50%;
	margin-left: -331px;
    top: 266px;
	background: url(../images/logo.png) no-repeat center center;
}
.logo:hover{filter: drop-shadow(2px 4px 6px black);filter: brightness(120%);}
.logo2{
    display: block;
    width: 167px;
    height: 200px;
    position: absolute;
    left: 50%;
	margin-left:-90px;
    top: 174px;
    outline: 0px red solid;
	background: url(../images/logo2.png) no-repeat center center;
	opacity:0.2;
}
.logo2:hover{filter: drop-shadow(2px 4px 6px black);filter: brightness(120%);opacity:1;}
.quickstart{
    width: 390px;
    height: 153px;
    margin: 0px auto;
    display:block;
    background: url(../images/btn.png) no-repeat center center;
  font-size: 29px;
  font-family: "Cambria Math";
  color: rgb(255, 202, 60);
  line-height: 0.5;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
  text-align:center;
  position: absolute;
  left: -50px;
  top: -104px;
  z-index: 176;
}

.quickstart:hover{
	filter:brightness(1.4);
  background: url(../images/btnh.png) no-repeat center center;
}
.shopbtn{
	display:block;
    width: 280px;
    height: 72px;
    position: relative;
    left:10px;
    background: url(../images/shop.png) no-repeat center center; 
 font-size: 21px;
 text-align:center;
  font-family: "Cambria Math";
  color: #FFCB89;
  line-height: 3;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);

}
.shopbtn:hover{filter: brightness(1.5)}

.leftbox_head {
  font-size: 18px;
  font-family: "Candara";
  color: #FFC379;
  line-height: 2;
  font-weight: 300;
  padding:28px 0 0px;
  text-align: center;
  text-shadow: 0px 0px 4.3px rgba(0, 0, 0, 0.75);
  z-index: 76;
}

.onlinebox{
	width: 293px;
    height: 276px;
	background: url(../images/onlinebox.png) no-repeat center center;
	position:relative;
}
.realmbox {
  
  width: 242px;
  height: 49px;
  z-index: 78;
  margin:8px auto;
  position:relative;
  font-size: 11px;
  font-family: "CenturyGothic";
  color: rgb(190, 180, 177);
 

}
.realmbox span{
  font-size: 11px;
  font-family: "CenturyGothic";
  color: rgb(250, 201, 14);
  line-height: 2;

}

.status {
  border-radius: 50%;
  background-color: rgb(0, 200, 0);
  display: inline-block;
  margin-left:10px;
  width: 6px;
  height: 6px;
  z-index: 82;
}
.status.offline{background-color: red;}
.realmimg{
	width: 44px;
    height: 43px;
	float:left;
}
.realmimg img{ margin: 0px auto;    position: relative;
    left: 0px;
    top: 10px;}
.realmname {
    width: 80%;
    position: relative;
    top: 10px;
    left: 10px;
}
.gamers{
	width: 80%;
    position: relative;
    left: 10px;
}
.realmname a{
  font-size: 16px;
  font-family: "Candara";
  color: rgb(216, 244, 255);
  line-height: 2;
  text-align: left;
  
}
.realmname span{color:#827452}
.gallery{width: 920px;
    height: 150px;}
.gallery a{
	float:left;
	opacity:0.5;
	padding:2px 4px;
	transition:0.5s;
}
.gallery a:hover{opacity:1;transition:0.5s;}
.wiget{
	width: 325px;
    height: 207px;
	background: url("../images/wiget.png") no-repeat center center;
font-size: 14.583px;
  font-family: "Cambria Math";
  color: rgb(180, 142, 100);
  line-height: 1.143;
  position:relative;
  left:-15px;
overflow:hidden;
margin-bottom:10px;
}
.wigettext{margin-top:40px;width: 182px;float: right; margin-right:22px;}
.wiget h3 {
  font-size: 21px;
  font-family: "Cambria Math";
  color: rgb(252, 144, 28);
  line-height: 2;
  z-index: 107;
}
.leftmenubox {
    height: 634px;
    width: 293px;
    background: url(../images/leftmenubg.png) no-repeat top center;
}

.headermenu{
background: url(../images/side_head.png) no-repeat center center;
background-size: cover;
}

.line {
    background: url(../images/line.png) top repeat;
    height: 25px;
    position: absolute;
    top: -10px;
    width: 100%;
}
.bt-10px{
	padding-top: 10px;
}
.wigetpic{width: 121px;    height: 191px; float:left;margin-top:40px;}
.content{
	margin-left:20px;
    height: auto;
    outline: 0px red solid;
    overflow: hidden;
	position:relative;
}
.left_side{
	width: 292px;
    height: 900px;
    float: left;
    margin: 0px 40px auto;
    outline: 0px green solid;
    position: relative;

}
.leftmenu{padding-left: 0px;
    padding-right: 0px;min-height: 384px; overflow:hidden;}
.leftmenu li{
	list-style:none;
	text-align: center;
}
.leftmenu li a{
text-align:center;
  font-size: 17px;
  font-family: "Candara";
  color: rgb(129, 118, 112);
  line-height: 2.4;
 text-transform:uppercase;
  z-index: 125;

}
.leftmenu li a:hover{color:#FFC000;}
.leftmenu li:hover{background: url("../images/leftmenuh.png") no-repeat center center;}
.leftmenu li:hover a{color:#FFC000;}
.leftmenu li:active{background: url("../images/leftmenuh.png") no-repeat center center;}
.leftmenu li:active a{color:#d2aa6b;}

.right_side{
	display:none;
    width: 180px;
    height: 366px;
    float: right;
    margin: 0 auto;
    outline: 0px blue solid;
    position: relative;
}
.contheader {
	height: 26px;
  font-size: 16px;
  font-family: "Philosopher";
  color: rgb(233, 214, 184);
  text-transform: uppercase;
  line-height: 1.2;
  text-align: center;
  text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.56);
  position: relative;
    left: -10px;

}
.bigbtn{
	width: 100%;
	height:150px;
	
}


.newsblock{
    width: 900px;
	height:640px;
	padding:90px 22px 20px;
    margin: 0 auto;
    margin-bottom: 18px;
	overflow:hidden;
    position: relative;
	z-index:100;
    background: #00000052;
}
.allnews {
	display:block;
  font-size: 16px;
  text-align:center;
  font-family: "Cambria";
  color: #862C00;
  font-weight:bold;
  line-height: 3;
  text-transform:uppercase;
  text-shadow: 0.242px 0.97px 0px rgba(242, 182, 12, 0.004);
  position: absolute;
  right: 60px;
  top: 25px;
  width: 205px;
  height: 49px;
  z-index: 29;
  background: url("../images/allnews.png") no-repeat center center;
}
.allnews:hover {
    filter:brightness(1.5);transition: 0.5s;color:#862C00
    }
.allnews2 {
	display:block;
	margin:20px auto;
  background-color: #100807;
  width: 845px;
  height: 42px;
  z-index: 54;
  font-size: 16.667px;
  font-family: "Cambria Math";
  color: rgb(73, 59, 56);
  line-height: 2.4;
  text-align:center;

}
.ardown {
	display: inline-block;
  width: 17px;
  height: 10px;
  z-index: 56;
  background: url("../images/ardown.png") no-repeat center center;
}

.newshtext {
  font-size: 24px;
  font-family: "Candara";
  color: #fff;
  line-height: 4;
  text-align: left;
   position: absolute;
  left: 118px;
  top: -30px;
  z-index: 30;
  padding-top: 25;
}

.newshtext2 {
  font-size: 14px;
  font-family: "Candara";
  color: rgb(97, 76, 73);
  line-height: 7.5;
  position: absolute;
  left: 119px;
  top: -10px;
  z-index: 26;
  padding-top: 25;
}
.streamico {
  background: url("../images/streamico.png") no-repeat center center;
  position: absolute;
  left: 0px;
  top: -42px;
  width: 146px;
  height: 146px;
  z-index: 23;
}
.registerico {
  background: url("../images/registerico.png") no-repeat center center;
  position: absolute;
  left: 0px;
  top: -42px;
  width: 146px;
  height: 146px;
  z-index: 23;
}
.howtoconnect {
  background: url("../images/howtoconnectico.png") no-repeat center center;
  position: absolute;
  left: 0px;
  top: -42px;
  width: 146px;
  height: 146px;
  z-index: 23;
}
.newsico {
  background: url("../images/newsico.png") no-repeat center center;
  position: absolute;
  left: 0px;
  top: -42px;
  width: 146px;
  height: 146px;
  z-index: 23;
  padding-top: 50px;
}

.newsbox{
	float:left; 
	margin:14px;
	width: 407px;	
	height:247px;
	position: relative; 
	opacity:0.6;
	border:1px solid transparent;
	padding-bottom:2px;
	filter: drop-shadow(2px 4px 6px black);
}
.newsbox:hover{opacity:1; border:1px solid #FDB96C;}
.newstext {
	width: 70%;
	height:30px;
  font-size: 14px;
  font-family: "Candara";
  color: rgb(190, 180, 177);
  line-height: 1.167;
  position: absolute;
  left: 20px;
  bottom: 30px;
  z-index: 44;
  overflow:hidden;


}

.newstop{
    display: block;
  font-size: 24px;
  font-family: "Candara";
  color: rgb(255, 208, 21);
  font-weight: bold;
  line-height: 2;
  position: absolute;
  left: 20px;
  bottom: 52px;
  z-index: 43;
}



.newstop:hover{
    
}

.newsava{
    display: block;
    width: 407px;
    height: 247px;
    overflow: hidden;
    position:absolute;
	top:0px; left:0px;
		z-index:40;
}
.newsava:hover{}

.newsavafull{
    display: block;
    width: 430px;
    height: 120px;
    overflow: hidden;
    border: 1px dashed #4CAFA7;
    float: left;
    margin: 0 12px 12px 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
background: rgb(69,72,77); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
opacity: .6;
}
.newsavafull:hover{opacity: 1;}

.clear{
    clear: both;
}
.newsinfo {
  /*background-image: url("../images/642.png");*/
  background-color: #0f0d0c;
    width: 100%;
    height: 32px;
    margin: 10px 0;
    font-size: 12px;
    font-family: "Calibri";
    color: #6E7D80;
    line-height: 1.4;
    border: 1px solid black;
    border-radius: 10px;
}
.newsinfo div{
    float: left;
    border-right: 1px solid #233F3F;
    padding: 8px 24px;
}
.newsinfo div:last-child{
    border-right:none;
}
.mo{
 font-size: 16px;
  font-family: "Philosopher";
  color: rgb(68, 69, 67);
  line-height: 1.2;
    display: block;
	text-align:center;
	text-decoration:none;
}
.ndate {
  font-size: 14px;
  font-family: "Candara";
  color: rgb(255 244 241);
  line-height: 1.167;
  position: absolute;
  right: 20px;
  top: 15px;
  z-index: 51;

}
.ndate span{font-size: 16px;}

.more {
    display: block;
    width: 183px;
    height: 49px;
 font-size: 22px;
  font-family: "Cambria Math";
  color: rgb(16, 11, 9);
  line-height: 2;
  text-shadow: 0px 1px 0px rgba(243, 205, 113, 0.32);
  -moz-transform: matrix( 0.75683649053552,0,0,0.75682490949488,0,0);
  -webkit-transform: matrix( 0.75683649053552,0,0,0.75682490949488,0,0);
  -ms-transform: matrix( 0.75683649053552,0,0,0.75682490949488,0,0);
   text-align: center;
  margin: 0 auto;
  background: url("../images/more.png") no-repeat center center;
  position: relative;
  bottom: 10px;
  right:10px;
  z-index: 10;
}
.more:hover {
    
    }

.forumblock{
	width: 100%;
    height: 546px;
	padding-top:100px;
	/*background: url("../images/fbg.png") no-repeat top center;*/
}
.fava {float:left;width: 94px;  height: 97px;    padding-right: 10px;}
.fbighead {
	width: 260px;
    height: 48px;
	padding-top:30px;
  font-size: 16px;
  font-family: "Philosopher";
  color: #fff;
  text-align:center;
  text-transform: uppercase;
  line-height: 1.2;
  position: absolute;
  left: 50%;
  margin-left:-132px;
  top: -126px;
  z-index: 60;
  background: url("../images/fhead.png") no-repeat center center;
}
.fhead {
  font-size: 11px;
  font-family: "Roboto";
  color: rgb(224, 207, 168);
  text-transform: uppercase;
  line-height: 1.2;
  padding:5px 0;
}
.ftext {
  font-size: 12px;
  font-family: "Roboto";
  color: rgb(133, 133, 133);
  line-height: 1.2;
  width: 348px;
  height: 44px;
  margin-bottom:10px;
  z-index: 365;
  overflow:hidden;
}
.fdata{
  font-size: 11px;
  font-family: "Roboto";
  color: rgb(112, 102, 91);
  line-height: 1.2;
  z-index: 358;
  border-top: 1px solid #1D1A19;
      width: 340px;
    float: right;
	padding:5px;
}
.fdata div{float:left;border-right: 1px solid #1D1A19; padding:0px 4px;}
.autor a, .fdata div span{color:#A65F43;}
.fdata div a{text-decoration:none;}
.flink {
  font-size: 11px;
  font-family: "Roboto";
  color: rgb(112, 102, 91);
  line-height: 1.2;
  z-index: 359;
  text-align:right;
}
.flinkdiv{float:right!important;}
.page {


  font-size: 12px;
  font-family: "Myriad Pro";
  color: rgb(145, 161, 141);
  line-height: 1.5;
  text-align: center;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.75);
  z-index: 259;
  cursor: pointer;
}
.nk-content-wrap{
	font-size: 20px;
}


.side_head{
    width: 188px;
    height: 40px;
  font-size: 14px;
  font-family: "Roboto";
  color: rgb(255, 255, 255);
  line-height: 3;
  text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.45);
  text-align: center;
  background: url("../images/side_head.png") no-repeat center center;
      overflow: hidden;
    margin: 0 auto;

  text-transform: uppercase;
  
}
.red{
    color: #802E2C;
}
.bglm{
    width: 190px;
    height: 432px;
    background: url(../images/bglm.png) no-repeat center center;
    background-size: 100% 100%;
	margin-left:20px;
    
}
.topicblock{
    width: 180px;
    height: 42px;
    padding: 5px;
    background: url("../images/forumbg.png") no-repeat top center;
    margin: 3px 0;
}
.forumava{
    width: 38px;
    height: 36px;
    overflow: hidden;
    float: left;
    margin-right: 8px;
}
.topic {
    display: block;
  font-size: 14px;
  font-family: "Calibril";
  color: #FFF;
  font-weight: bold;
  text-decoration: underline;
  line-height: 1.286;
  text-align: center;
  width: 116px;
  white-space: nowrap; /* Отменяем перенос текста */
    overflow: hidden; /* Обрезаем содержимое */
    text-overflow: ellipsis; /* Многоточие */
    transition: 0.5s;
}
.topic:hover{
    transition: 0.5s;
    color:#F9CD6B;
    
}
.fname {
  font-size: 12px;
  font-family: "Calibril";
  color: rgb(99, 99, 91);
  line-height: 1;
    text-align: left;
    width: 210px;
    display: block;
  z-index: 291;
  
}
.green{
   color: #5C762B
}

.fnamemax{
    width: 66px;
  white-space: nowrap; /* Отменяем перенос текста */
    overflow: hidden; /* Обрезаем содержимое */
    text-overflow: ellipsis; /* Многоточие */
}

.social{
    width: 158px;
    height: 36px;
    margin: 2px auto;
	float:right;
    position: relative;
	right:0px;
    /*background: url("../images/soc.png") no-repeat right center;*/
}
.social a{
	width: 35px;
    display: block;
	height: 36px;
  font-size: 14px;
  font-family: "Roboto";
  text-align: center;
  color: rgb(251, 222, 198);
  text-transform: uppercase;
  line-height: 1.2;
  transition: 0.5s;
  float:left;
  padding:8px;
  opacity:0.7;

}
.social .vk{background: url("../images/soc/vk.png") no-repeat top center;}
.social .face{background: url("../images/soc/face.png") no-repeat top center;}
.social .you{background: url("../images/soc/you.png") no-repeat top center;}

.social a:hover{
    transition: 0.5s;
    color:#F9CD6B;
	opacity:1;
    }

.onlineinfo2{
    width: 222px;
    font-size: 14px;
  font-family: "Roboto";
  color: rgb(252, 218, 191);
  line-height: 1.2;
    margin-top: 36px;
}
.onlineinfo2 tr{
    text-align: center;
}
.onlineinfo2 tr td{
    width: 50%;
}
.big{
  font-size: 50px;
  font-family: "Roboto";
  color: rgb(252, 218, 191);
  line-height: 1.2;
 
}
.onlineinfo2all{
       height: 60px;
}
.onlineinfo2class{
  font-size: 14px;
  font-family: "Roboto";
  color: rgb(252, 218, 191);
  text-decoration: underline;
  line-height: 1.2;
  text-transform: uppercase;

}


.copy{
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -100px;
    text-align: center;
    width: 200px;
    display: block;
  font-size: 12px;
  font-family: "PT Sans";
  color: rgb(113, 138, 116);
  line-height: 1.2;
  
}
.gamesv{
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -100px;
    text-align: center;
    width: 200px;
    display: block;
    color: black;
}
.infobg{
    width: 221px;
    height: 97px;
    margin: 10px auto;
	    
}
.lineon{
    width: 180px;
    height: 1px;
	margin:2px 0;
    background: linear-gradient(to right, transparent 0%, transparent 36%, #5E605E 100%);
}
.online_bl {
  font-size: 11px;
  font-family: "Roboto";
  color: rgb(221, 196, 161);
  line-height: 1.2;
  text-align: center;

  width: 180px;
  height: 150px;
  z-index: 117;
}
.onlinetext span{color:#90EDA6;}
.onlinetext{
	width: 180px;
  height: 80px;
  font-size: 14px;
  font-family: "Times New Roman";
  color: #3D4E5B;
  line-height: 2;
  text-align: left;
  z-index: 392;
  position:absolute;
  right:-100px;
  padding-top: 26px;
}

.onlineico{
	width: 28px;
	height:24px;
	padding:10px 12px;}

.onlineico.on{background: url("../images/online.png") no-repeat center center;}
.onlineico.off{background: url("../images/offline.png") no-repeat center center;}
.statbg,.topbg{
	width: 241px;
	height:52px;
	position:relative;
	left:-30px;
	padding-top:10px;
	background: url("../images/statbg.png") no-repeat left center;
}
.topbg{background: url("../images/topbg.png") no-repeat left center;}
.videobigbox{height:330px;}
.videobox{ width: 406px;height:330px; margin:0 auto;float:left;}
.video{
	display:block;
        width: 194px;
		height:148px;
    display: block;
    cursor: pointer;
	overflow:hidden;
	float:left;
	margin:4px auto;
	padding: 0px 0px 6px 9px;
	filter: brightness(0.8);
}
.video2{padding-left: 0px;}
.video:hover{
    filter: brightness(1);
    }
.blackfon{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
}    
.regbg{
    width: 489px;
    height: 546px;
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -244px;
    background: url("../images/regbg.png") no-repeat center center;
    z-index: 100;
}
.closereg{
    width: 36px;
    height: 36px;
    display: block;
    position: absolute;
    right: -15px;
    top: -15px;
    z-index: 101;
    background: url("../images/close.png") no-repeat center center;
}
.regtop{
    width: 430px;
    height: 40px;
    padding-top: 36px;
    margin: 0 auto;
    border-bottom: 1px solid #2D2E29;
}
.regtopmax {
  font-size: 16px;
  font-family: "PT Sans";
  color: rgb(255, 243, 165);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.59);
  z-index: 493;
}

.regtopmini {
  font-size: 12px;
  font-family: "PT Sans";
  color: rgb(165, 165, 165);
  line-height: 1.2;
  text-align: center;
  z-index: 494;
}
.regbg input{
    display: block;
    border: none;
    outline: none;
    width: 282px;
    height: 37px;
    margin: 10px auto;
    background: url("../images/input.png") no-repeat center center;
  font-size: 14px;
  font-family: "PT Sans";
  color: rgb(107, 157, 154);
  line-height: 1.2;
  text-align: center;
 
}
::-webkit-input-placeholder {color:rgb(107, 157, 154);}
::-moz-placeholder          {color:rgb(107, 157, 154);}/* Firefox 19+ */
:-moz-placeholder           {color:rgb(107, 157, 154);}/* Firefox 18- */
:-ms-input-placeholder      {color:rgb(107, 157, 154);}
.capcha{
    width: 140px;
    margin: 10px auto;
    display: block;
    }
.instrtop{
  font-size: 14px;
  font-family: "PT Sans";
  color: rgb(175, 255, 48);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  
}
.instruk{
    width: 428px;
    margin: 10px auto;
  font-size: 14px;
  font-family: "PT Sans";
  color: rgb(166, 217, 208);
  line-height: 1.2;
  text-align: left;

}

.pvpbg{
	width: 293px;
    height: 634px;
	background: url(../images/pvpbg.png) no-repeat center center;
}
.pvpbg table{width: 270px;padding-top:10px; margin:10px auto;border-collapse: collapse;}
.pvpbg table tr .pvpnum{width:27px;}
.pvpbg table tr th {
  font-size: 16px;
  font-family: "Candara";
  color: rgb(198, 122, 78);
  line-height: 2;
  padding-bottom: 10px;
   z-index: 394;
}
.pvpbg table {
  font-size: 12px;
  font-family: "CenturyGothic";
  color: rgb(225, 225, 225);
    text-align: center;
  z-index: 401;
}
.pvpbg table .pvpname{color:#D6DADC;text-align: left;    padding-left: 16px;}
.pvpbg table tr:hover .pvpname{color:#ffba15;}
.pvpbg table tr:nth-child(2n) {
  background: #0F0C0C;
}
.pvpbg table tr:hover{background: #1e17211f no-repeat center center;color:#fff; cursor:pointer;}


.pvpbg table tr td{height: 18px;padding:8px 0px;}
.pvpmore {
	display:block;
	width: 293px;
  font-size: 12px;
  font-family: "Myriad Pro";
  color: rgb(245, 157, 5);
  text-decoration: underline;
  line-height: 2;
  margin:0px auto;
  text-align:center;
  z-index: 128;
}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    background:url(../images/slidebg.png) no-repeat;
    width:871px;
    height:354px;
    margin:0 auto;
    padding-top:0px;
    margin-top:30px;
}

#slider {
	position:relative;
    width:871px;
    height:354px;
    margin: 14px auto 50px;
	background:url(../images/loading.gif) no-repeat 50% 50%;
	filter:drop-shadow(2px 4px 6px black);
}
#slideramka{
    width:890px;
    height:354px;
    position: absolute;
    left: 50%;
    margin-left: -250px;
        margin-top: -6px;
    z-index: 10;
    background:url(../images/slideramka2.png) no-repeat 50% 50%;
	overflow:hidden;
}
#lline{
    width:236px;
    height:30px;
    position: absolute;
    left: 50%;
    top: 498px;
    margin-left: -118px;
    z-index: 10;
    background:url(../images/lline.png) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
    z-index: 11;
}

.nivo-controlNav {
    position:absolute;
	left:42%;
	bottom:30px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
	font-size:18px!important;
	line-height: 1.6!important;
    
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

.top{
  width:233px;
	height:64px;
	background:url(../images/top.png) no-repeat;  
    margin: 20px auto;
  font-size: 21px;
  font-family: "Cambria Math";
  color: #575757;
  text-transform: uppercase;
  text-align: center;
  line-height: 3;
  

}
.footer{
	height:90px;
	padding-top:20px;
  font-size: 16.667px;
  font-family: "Cambria Math";
  color: rgba(255, 255, 255, 0.229);
  line-height: 3;
  text-align: left;

}
.fright{float:right;
  font-size: 14px;
  font-family: "Philosopher";
  color: rgb(65, 65, 65);
  line-height: 1.2;
  text-align: left;
  position:relative;
  margin-top:-20px;
  opacity:0.2;
  transition:0.5s
}
.fright:hover{opacity:1;transition:0.5s}
.newsdata{
    min-width: 110px;
}
#ucp_buttons a {
    display: block;
    width: 256px !important;
    height: 93px;
    background-position: 50% 0px !important;
    float: left;
    margin-bottom: 15px;
    margin-left: 12px;
}

#ucp_buttons a:hover {
	background-position:50% 93px !important;
    }
.loginsv{
    background:url(../images/btn.png) no-repeat!important;
    width: 90px!important;
    height: 20px!important;
  font-size: 14px!important;
  font-family: "Roboto"!important;
  color: rgb(255, 255, 192)!important;
  line-height: 1.6!important;
  border: none!important;


 }
 #shoutbox{
    width: 250px;
    margin: 0 auto;
 }

.brightness {
  -webkit-animation: brightness 5s infinite;
}

@-webkit-keyframes brightness {
  0%, 100%  { -webkit-filter: brightness(none); }
  50% { -webkit-filter: brightness(1.1); }
}

.invert {
  -webkit-animation: invert 5s infinite;
}

@-webkit-keyframes invert {
  0%, 100%  { -webkit-filter: invert(none); }
  50% { -webkit-filter: invert(1); }
}

.blur {
  -webkit-animation: blur 5s infinite;
}

@-webkit-keyframes blur {
  0%, 100%  { -webkit-filter: blur(none); }
  50% { -webkit-filter: blur(2px); }
}
.drop-shadow {
  -webkit-animation: drop-shadow 5s infinite;
}

@-webkit-keyframes drop-shadow {
  0%, 100%  { -webkit-filter: drop-shadow(none); }
  50% { -webkit-filter: drop-shadow(2px 4px 6px black); }
}

.opacity {
  -webkit-animation: opacity 5s infinite;
}

@-webkit-keyframes opacity {
  0%, 100%  { -webkit-filter: opacity(0.05); }
  50% { -webkit-filter: opacity(0.1); }
}
/*Вериткальная карусель CSS*/
.jscarousal-vertical{                       /* ширина и высота коробки для слайдов */
	width: 170px;
	height: 624px;
	left:36px;
	top:-14px;/*
	background-color: #121212;
	border: solid 1px #7A7677;*/
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;}
.jscarousal-contents-vertical{              /* ширина и высота области где слайды */
	overflow: hidden;
	width: 170px;
	height: 588px;}
.jscarousal-contents-vertical > div > div{  /* ширина и высота коробки для картинок */
	width: 160px;
	height: 105px;
	margin: 8px;
	/*margin-left: 14px;*/}
.jscarousal-contents-vertical img{          /* ширина и высота картинок */
	width: 154px;
	/*height: 80px;*/
	border: solid 1px #7A7677;}
.jscarousal-vertical-back, .jscarousal-vertical-forward{
	width: 100%;
	height: 20px;
	/*background-color: #121212;*/
	color: White;
	position: relative;
	cursor: pointer;
	z-index:100;}
.jscarousal-vertical-back{
	background-image: url(../images/ar.png);
	background-repeat: no-repeat;
	background-position: bottom;
	top:10px;
	}
.jscarousal-vertical-forward{
	background-image: url(../images/arb.png);
	background-repeat: no-repeat;
	background-position: top;}
.jscarousal-contents-vertical > div{
	position: absolute;
	top: 40px;
	width: 100%;
	height: 560px;
	overflow: hidden;}
.jscarousal-contents-vertical > div > div span{
	display: block;
	width: 70%;
	text-align: center;}
/*Вериткальная карусель CSS*/

/*Общие*/
.hidden{	display: none;    }
.visible{	display: block;}
.thumbnail-active{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
	position:relative;}
.thumbnail-inactive{
	filter: alpha(opacity=90);
	opacity: 0.9;
	cursor: pointer;
	position:relative;
	}
.thumbnail-text{
	color: #E0E0E0;
	font-weight: bold;
	text-align: left;
	display: block;
	padding: 10px 2px 2px 0px;}
.thumbnail-text a{
	color: #E0E0E0; text-decoration: none;}
.thumbnail-text a:hover{
	color: #fff;}
	
	
/*reg*/
.ra {height: 800px;}
.md {width: 750px;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #333;
	top: 50%;
	width: 752px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
        background: url(../images/tabs.png) 0 0px;
}
ul.tabs li a {
	text-decoration: none;
	display: block;
	font-size: 13px;
	padding: 0 20px;
	color: #fff;
        background: url(../images/tabs.png) 0 0px;
	outline: none;
        width: 110px;
}
ul.tabs li a:hover {
        background: url(../images/tabs.png) 0 -31px;
}
html ul.tabs li.active, html ul.tabs li.active a { /*--Makes sure that the active tab does not listen to the hover properties--*/
        background: url(../images/tabs.png) 0 -62px;

}
.tab_container {
	/*border: 1px solid #333;
	border-top: none;*/
	overflow: hidden1;
	clear: both;
        color: #969291;
	font-size: 13px;
	float: left; width: 100%;
        /*background: url(../images/bg.png) repeat;*/
		position:relative;
		
}
a{color:#FFCB24; text-decoration:none;}
.svreg{
	width: 351px;
	height:136px;
	background: url(../images/btn.png) no-repeat;
	outline:none;
	border:none;
	position:absolute;
	cursor:pointer;
	transition: 0.5s;
	bottom:-83px;
	left:27%;
}
.svreg:hover{filter: brightness(2.0);transition: 0.5s;}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
	min-height: 420px;
}
input{
	background: #0b05058c;
    border: 1px solid #1D110C;
    padding: 12px;
    color: #969291;
	width: 90%;
}
/*.bg {
	background: url(../images/bgcat.jpg)  #000;
	background-position: center top;
	background-repeat: no-repeat;
	min-height:1680px;
  font-size: 14.583px;
  font-family: "Cambria Math";
  color: rgb(255, 202, 60);
  line-height: 1;

}*/
.streamblock{
	position:relative;
	padding-top:100px;
	padding-bottom:60px;
}
.streamname {
	display: block;
  font-size: 13px;
  font-family: "CenturyGothic";
  color: rgb(233, 233, 233);
  line-height: 1.385;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0px;
  z-index: 198;
}
.zrit {
	display: block;
  font-size: 13px;
  font-family: "CenturyGothic";
  color: rgb(233, 233, 233);
  line-height: 1.385;
  text-align: center;
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 197;
}
.zrit b{color:#ffba00;font-weight: 300;}









.form-control {
    border: none;
    border-bottom: 1px solid #e6e6e6;
    display: block;
    width: 100%;
    height: 38px;
    background: none;
    padding: 3px 42px 0px;
    color: #666;
    font-family: "Muli-SemiBold";
    font-size: 16px;
}

.form-holder {
    position: relative;
    margin-bottom: 21px;
}




.callout {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
  background-color: white;
  color: #0a0a0a; }
  .callout > :first-child {
    margin-top: 0; }
  .callout > :last-child {
    margin-bottom: 0; }
  .callout.primary {
    background-color: #d7ecfa;
    color: #0a0a0a; }
  .callout.secondary {
    background-color: #eaeaea;
    color: #0a0a0a; }
  .callout.success {
    background-color: #e1faea;
    color: #0a0a0a; }
  .callout.warning {
    background-color: #fff3d9;
    color: #0a0a0a; }
  .callout.alert {
    background-color: #f7e4e1;
    color: #0a0a0a; }
  .callout.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem; }
  .callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem; }
	
	
	/* картинка на странице */

.minimized:hover {
  border: 1px solid yellow;
}
/* увеличенная картинка */
#magnify {
  display: none;
  /* position: absolute; upd: 24.10.2016 */
  position: fixed;
  max-width: 600px;
  height: auto;
  z-index: 9999;
}
#magnify img {
  width: 100%;
}
/* затемняющий фон */
#overlay {
  display: none;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  z-index: 9990;
}
/* кнопка закрытия */
#close-popup {
  width: 30px;
  height: 30px;
  background: #FFFFFF;
  border: 1px solid #AFAFAF;
  border-radius: 15px;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
}
#close-popup i {
  width: 30px;
  height: 30px;
  background: url(https://codernote.ru/files/cross.png) no-repeat center center;
  background-size: 16px 16px;
  display: block;
}
@keyframes rota {
 25% { transform: rotate(360deg); }
}
#close-popup:hover {
  animation: rota 4s infinite normal;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}




.container_ranking {
    height: auto;
    min-height: 500px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.top_ranked {
    width: 97.5%;
    height: auto;
    margin: 0 0 0 20px;
    overflow: hidden;
}

.top_ranked_container {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.top_ranked .sub_header {
    width: 100%;
    height: 55px;
    background: url(https://heroes-wow.com/template/style/images/index_top_voters_bg.png) repeat top;
    margin: 0;
}

.top_ranked .sub_header h1 {
    width: auto;
    font-family: 'Ebrima';
    font-weight: bold;
    float: left;
    font-size: 15px;
    color: #a87c41;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 25%), 0 0 6px rgb(0 0 0 / 25%);
    margin: 15px 0 0 16px;
}

.ranking_container {
    width: auto;
    margin: 0 auto;
}

ul.top_ranked_list {
    display: block;
    margin: 5px 0 0 0;
}

ul.top_ranked_list li {
    display: block;
    width: 100%;
    height: 42px;
    background: url(https://heroes-wow.com/template/style/images/misc/top_voters_line.png) no-repeat bottom;
    text-align: left;
    font-family: 'Ebrima';
    text-shadow: 1px 1px 1px rgb(0 0 0 / 45%);
}

ul.top_ranked_list li .team-rank {
    width: 2%;
}

ul.top_ranked_list li p {
    display: inline-block;
    color: #463c31;
    font-size: 14px;
    margin: 10px 0px 0 15px;
}

ul.top_ranked_list li .team-name {
    width: 18%;
}

ul.top_ranked_list li a {
    display: inline-block;
    color: #55493f;
    font-size: 16px;
    margin: 10px 0px 0 0;
}

ul.top_ranked_list li .team-rating {
    width: 15%;
}

ul.top_ranked_list li span {
    display: inline-block;
    color: #55493f;
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0px 0 0;
}

ul.top_ranked_list li .team-members {
    width: 20%;
}

ul.top_ranked_list li .team-seasongames {
    width: 20%;
}

ul.top_ranked_list li .team-seasonwins {
    width: 10%;
}

ul.top_ranked_list li .team-seasonloses {
    width: 10%;
}

.tooltipcus {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

ul.top_ranked_list li span i {
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    color: #55493f;
}

.tooltipcus .tooltiptext {
    top: -5px;
    left: 105%;
}

.tooltipcus .tooltiptext {
    visibility: hidden;
    width: 200px;
    background: rgba(33,25,20,.55);
    box-shadow: 0 0 6px #000, inset 0 0 0 1px rgb(255 255 255 / 2%), inset 0 1px 0 rgb(255 255 255 / 5%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
}

.tooltipcus{position:relative;display:inline-block;border-bottom:1px dotted black}.tooltipcus
.tooltiptext{visibility:hidden;width:200px;background:rgba(33,25,20,.55);box-shadow:0 0 6px #000, inset 0 0 0 1px rgba(255,255,255,.015), inset 0 1px 0 rgba(255,255,255,.05);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#fff;text-align:center;padding:5px
0;border-radius:6px;position:absolute;z-index:1}.tooltipcus
.tooltiptext{top:-5px;left:105%}.tooltipcus:hover
.tooltiptext{visibility:visible}









input {
    background: rgba(0,0,0,0.8);
    border: 1px solid rgba(63,121,188,0.25);
    width: 423px;
    margin-top: 18px;
    padding: 22px;
    padding-right: 30px;
    padding-left: 30px;
    font-family: 'Cinzel';
    transition: .4s;
    color: rgba(239,251,252,0.9);
    outline: none;
    -webkit-appearance: none;
    appearance: none;
}

.form-info {
    color: #e56300;
    display: none;
    font-weight: 800;
    margin-bottom: 20px;
    margin-top: -5px;
    font-size: 17px;
    margin: 20px;
    letter-spacing: 0.5px;
    font-weight: 400;
}

input, textarea {
    background-color: #000;
    border: none;
    border-radius: 10px;
    color: #aaa;
    font-family: Lato;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 10px;
    padding: 17px;
    margin-left: 290px;
    text-align: center;
    transition: all .2s ease-in-out;
}



.msg {
    padding: 10px;
    text-align: center;
    font-weight: bold;
	color: #FF0000;
	padding-top: 20px;
	font-size: 16px;
}

.none {
    display: none;
}

input[type=submit] {
    padding-top: 18px;
    font-size: 23px;
    background: url(../images/button1.png) top repeat;
    height: 70px;
}

.captcha {
    padding: 10px;
    text-align: center;
    font-weight: bold;
	color: #ff8a8a;
	font-size: 25px;
}