@font-face{font-family:'Exo 2';font-style:normal;font-weight:300;src:local('Exo 2 Light'),local(Exo2-Light),url(https://fonts.gstatic.com/s/exo2/v3/ZvqiGg27-1PW7JHPGOnJEBTbgVql8nDJpwnrE27mub0.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Exo 2';font-style:normal;font-weight:300;src:local('Exo 2 Light'),local(Exo2-Light),url(https://fonts.gstatic.com/s/exo2/v3/TZlHHgxEfHXA7uKM1eaCjfesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}@font-face{font-family:'Exo 2';font-style:normal;font-weight:400;src:local('Exo 2'),local(Exo2-Regular),url(https://fonts.gstatic.com/s/exo2/v3/pEbpp8gu02JrI5SDG9jj6g.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Exo 2';font-style:normal;font-weight:400;src:local('Exo 2'),local(Exo2-Regular),url(https://fonts.gstatic.com/s/exo2/v3/-A4eIjQkAwKL411pgtQ4VA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}@font-face{font-family:'Exo 2';font-style:normal;font-weight:600;src:local('Exo 2 Semi Bold'),local(Exo2-SemiBold),url(https://fonts.gstatic.com/s/exo2/v3/LFe3mB-q6jNXyAcQ2iPxARTbgVql8nDJpwnrE27mub0.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Exo 2';font-style:normal;font-weight:600;src:local('Exo 2 Semi Bold'),local(Exo2-SemiBold),url(https://fonts.gstatic.com/s/exo2/v3/0BGKjb5TxeNM_vPrpoWDWPesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}@font-face{font-family:'PT Sans Narrow';font-style:normal;font-weight:400;src:local('PT Sans Narrow'),local(PTSans-Narrow),url(https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4Uvi3q9-zTdQoLrequQTguk.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'PT Sans Narrow';font-style:normal;font-weight:400;src:local('PT Sans Narrow'),local(PTSans-Narrow),url(https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4UU-p1xzoRgkupcXIqgYFBc.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}@font-face{font-family:'Play';font-style:normal;font-weight:400;src:local('Play Regular'),local(Play-Regular),url(https://fonts.gstatic.com/s/play/v8/VI6dwR3qOFADPI7kkTnlug.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Play';font-style:normal;font-weight:400;src:local('Play Regular'),local(Play-Regular),url(https://fonts.gstatic.com/s/play/v8/ZNo-5SxCwH1CXgZ-n3bt2g.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}
html {
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}

.psevdo-link-out, .psevdo-link-in {cursor:pointer;}

abbr[title] {
    cursor: help;
    border-bottom: none!important;
}

body {
    font-family:'Exo 2',sans-serif;
    font-size: 16px;
    font-weight:300;
    line-height: 1.2em;
    color:#2f2f2f;
    margin:0;
    z-index:1;
    background:url(/images/background.png) #f8f8f8 top left repeat
}

.content-left-xs {text-align: center}
.content-right-xs {text-align: center}
.content-center-xs {text-align: center}
.content-left {text-align: left}
.content-right {text-align: right}
.content-center {text-align: center}

h2 {
    margin: 30px 0;
    font-size:1.2em;
    font-weight:600;
    color:#454545
}

.block-flex {
    vertical-align:middle;
    float:left;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    display: inline-block;
    overflow: hidden;
}

.block-flex-search {
    vertical-align:middle;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    float:none!important;
    display: inline-block;
    overflow: hidden;
}

abbr {
    text-decoration:none;
    cursor:help
}

p {
    margin:0 0 30px
}

p:last-child {
    margin:0
}

ul {
    padding: 0;
}

li {
    list-style-type:none
}
.little-full-description > ol,
.full-description > ol {
    margin: 0;
    padding: 0;
}
.little-full-description > ol > li,
.full-description > ol > li {
    margin: 0 0 10px 15px;
    list-style-type: inherit;
}
.little-full-description > ul > li,
.full-description > ul > li {
    margin: 0 0 10px 0;
}
.little-full-description > ul > li:before,
.full-description > ul > li:before {
    color: #ababab;
    content: "●";
    padding-right: 7px;
}
.little-full-description > ul > li > ul,
.full-description > ul > li > ul {
    margin: 15px 0;
}
.little-full-description > ul > li > ul > li,
.full-description > ul > li > ul > li{
    margin: 0 0 10px 15px;
}
.little-full-description > ul > li > ul > li:before,
.full-description > ul > li > ul > li:before {
    color: #ababab;
    content: "▸";
    padding-right: 7px;
}
.ui-form {
    padding:0
}

.telo {
    background:#fafafa;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);
    box-shadow:0 0 5px rgba(0,0,0,0.1);
    border-radius:5px;
}

.vertical-margin {
    margin-top:20px;
    margin-bottom:20px
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
    display:block
}

audio,canvas,progress,video {
    display:inline-block;
    vertical-align:baseline
}

audio:not([controls]) {
    display:none;
    height:0
}

[hidden],template {
    display:none
}

a {
    background-color:transparent
}

a:active,a:hover {
    outline:0;
    text-decoration:none
}

a:focus {
    outline:0;
    text-decoration:none
}

b,strong {
    font-weight:600;
}

dfn {
    font-style:italic
}

mark {
    background:#ff0;
    color:#000
}

small {
    font-size:80%
}

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

sup {
    top:-.5em
}

sub {
    bottom:-.25em
}

img {
    border:0
}

svg:not(:root) {
    overflow:hidden
}

figure {
    margin:1em 40px
}

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

pre {
    overflow:auto
}

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

button,input,optgroup,select,textarea {
    color:inherit;
    font:inherit;
    margin:0
}

button {
    overflow:visible
}

button:focus {
    border:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    outline:none
}

button,select {
    text-transform:none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance:button;
    cursor:pointer
}

button[disabled],html input[disabled] {
    cursor:default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border:0;
    padding:0
}

input {
    line-height:normal
}

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

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

input[type="search"] {
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance:none
}

fieldset {
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}

legend {
    border:0;
    padding:0
}

textarea {
    overflow:auto
}

optgroup {
    font-weight:700
}

table {
    border-collapse:collapse;
    border-spacing:0
}

td,th {
    padding:0
}

* {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}

:before,:after {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}

input,button,select,textarea {
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}

a {
    color:#7566a9;
    text-decoration:none;
    cursor: pointer;
}

a:hover,a:focus {
    color:#574982;
    text-decoration:none
}

figure {
    margin:0
}

img {
    vertical-align:middle
}

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

.img-rounded {
    border-radius:6px
}

.img-thumbnail {
    padding:4px;
    line-height:1.42857143;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:4px;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    display:inline-block;
    max-width:100%;
    height:auto
}

.img-circle {
    border-radius:50%
}

hr {
    margin-top:20px;
    margin-bottom:20px;
    border:0;
    border-top:1px solid #eee;
    clear: both;
}

.sr-only {
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position:static;
    width:auto;
    height:auto;
    margin:0;
    overflow:visible;
    clip:auto
}

[role="button"] {
    cursor:pointer
}

.container {
    margin-right:auto;
    margin-left:auto;
    padding-left:15px;
    padding-right:15px;
}

.container-fluid {
    margin-right:auto;
    margin-left:auto;
    padding-left:15px;
    padding-right:15px
}

.row {
    margin-left:-15px;
    margin-right:-15px
}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
    position:relative;
    min-height:1px;
    padding-left:15px;
    padding-right:15px
}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
    float:left
}

.col-xs-12 {
    width:100%
}

.col-xs-11 {
    width:91.66666667%
}

.col-xs-10 {
    width:83.33333333%
}

.col-xs-9 {
    width:75%
}

.col-xs-8 {
    width:66.66666667%
}

.col-xs-7 {
    width:58.33333333%
}

.col-xs-6 {
    width:50%
}

.col-xs-5 {
    width:41.66666667%
}

.col-xs-4 {
    width:33.33333333%
}

.col-xs-3 {
    width:25%
}

.col-xs-2 {
    width:16.66666667%
}

.col-xs-1 {
    width:8.33333333%
}

.col-xs-pull-12 {
    right:100%
}

.col-xs-pull-11 {
    right:91.66666667%
}

.col-xs-pull-10 {
    right:83.33333333%
}

.col-xs-pull-9 {
    right:75%
}

.col-xs-pull-8 {
    right:66.66666667%
}

.col-xs-pull-7 {
    right:58.33333333%
}

.col-xs-pull-6 {
    right:50%
}

.col-xs-pull-5 {
    right:41.66666667%
}

.col-xs-pull-4 {
    right:33.33333333%
}

.col-xs-pull-3 {
    right:25%
}

.col-xs-pull-2 {
    right:16.66666667%
}

.col-xs-pull-1 {
    right:8.33333333%
}

.col-xs-pull-0 {
    right:auto
}

.col-xs-push-12 {
    left:100%
}

.col-xs-push-11 {
    left:91.66666667%
}

.col-xs-push-10 {
    left:83.33333333%
}

.col-xs-push-9 {
    left:75%
}

.col-xs-push-8 {
    left:66.66666667%
}

.col-xs-push-7 {
    left:58.33333333%
}

.col-xs-push-6 {
    left:50%
}

.col-xs-push-5 {
    left:41.66666667%
}

.col-xs-push-4 {
    left:33.33333333%
}

.col-xs-push-3 {
    left:25%
}

.col-xs-push-2 {
    left:16.66666667%
}

.col-xs-push-1 {
    left:8.33333333%
}

.col-xs-push-0 {
    left:auto
}

.col-xs-offset-12 {
    margin-left:100%
}

.col-xs-offset-11 {
    margin-left:91.66666667%
}

.col-xs-offset-10 {
    margin-left:83.33333333%
}

.col-xs-offset-9 {
    margin-left:75%
}

.col-xs-offset-8 {
    margin-left:66.66666667%
}

.col-xs-offset-7 {
    margin-left:58.33333333%
}

.col-xs-offset-6 {
    margin-left:50%
}

.col-xs-offset-5 {
    margin-left:41.66666667%
}

.col-xs-offset-4 {
    margin-left:33.33333333%
}

.col-xs-offset-3 {
    margin-left:25%
}

.col-xs-offset-2 {
    margin-left:16.66666667%
}

.col-xs-offset-1 {
    margin-left:8.33333333%
}

.col-xs-offset-0 {
    margin-left:0
}

.reg-comm li a span {
    display:none
}

.reg-comm a span {
    display:none
}

@media (min-width: 768px) {
    .reg-comm a span {
        display:inline
    }

    .content-left-xs {text-align: left}
    .content-right-xs {text-align: right}
    .content-center-xs {text-align: center}

    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
        float:left
    }

    .col-sm-12 {
        width:100%
    }

    .col-sm-11 {
        width:91.66666667%
    }

    .col-sm-10 {
        width:83.33333333%
    }

    .col-sm-9 {
        width:75%
    }

    .col-sm-8 {
        width:66.66666667%
    }

    .col-sm-7 {
        width:58.33333333%
    }

    .col-sm-6 {
        width:50%
    }

    .col-sm-6-49 {
        width:49.7%
    }

    .col-sm-5 {
        width:41.66666667%
    }

    .col-sm-4 {
        width:33.33333333%
    }

    .col-sm-3 {
        width:25%
    }

    .col-sm-2 {
        width:16.66666667%
    }

    .col-sm-1 {
        width:8.33333333%
    }

    .col-sm-pull-12 {
        right:100%
    }

    .col-sm-pull-11 {
        right:91.66666667%
    }

    .col-sm-pull-10 {
        right:83.33333333%
    }

    .col-sm-pull-9 {
        right:75%
    }

    .col-sm-pull-8 {
        right:66.66666667%
    }

    .col-sm-pull-7 {
        right:58.33333333%
    }

    .col-sm-pull-6 {
        right:50%
    }

    .col-sm-pull-5 {
        right:41.66666667%
    }

    .col-sm-pull-4 {
        right:33.33333333%
    }

    .col-sm-pull-3 {
        right:25%
    }

    .col-sm-pull-2 {
        right:16.66666667%
    }

    .col-sm-pull-1 {
        right:8.33333333%
    }

    .col-sm-pull-0 {
        right:auto
    }

    .col-sm-push-12 {
        left:100%
    }

    .col-sm-push-11 {
        left:91.66666667%
    }

    .col-sm-push-10 {
        left:83.33333333%
    }

    .col-sm-push-9 {
        left:75%
    }

    .col-sm-push-8 {
        left:66.66666667%
    }

    .col-sm-push-7 {
        left:58.33333333%
    }

    .col-sm-push-6 {
        left:50%
    }

    .col-sm-push-5 {
        left:41.66666667%
    }

    .col-sm-push-4 {
        left:33.33333333%
    }

    .col-sm-push-3 {
        left:25%
    }

    .col-sm-push-2 {
        left:16.66666667%
    }

    .col-sm-push-1 {
        left:8.33333333%
    }

    .col-sm-push-0 {
        left:auto
    }

    .col-sm-offset-12 {
        margin-left:100%
    }

    .col-sm-offset-11 {
        margin-left:91.66666667%
    }

    .col-sm-offset-10 {
        margin-left:83.33333333%
    }

    .col-sm-offset-9 {
        margin-left:75%
    }

    .col-sm-offset-8 {
        margin-left:66.66666667%
    }

    .col-sm-offset-7 {
        margin-left:58.33333333%
    }

    .col-sm-offset-6 {
        margin-left:50%
    }

    .col-sm-offset-5 {
        margin-left:41.66666667%
    }

    .col-sm-offset-4 {
        margin-left:33.33333333%
    }

    .col-sm-offset-3 {
        margin-left:25%
    }

    .col-sm-offset-2 {
        margin-left:16.66666667%
    }

    .col-sm-offset-1 {
        margin-left:8.33333333%
    }

    .col-sm-offset-0 {
        margin-left:0
    }

    .inform-download ul li:nth-child(1),.inform-download ul li:nth-child(3),.inform-download ul li:nth-child(5),.inform-download ul li:nth-child(7) {
        background:#f8f8f8;
        border-top:1px solid #e5e5e5;
        border-right:1px solid #e5e5e5;
        border-bottom:1px solid #e5e5e5;
        border-left:0;
        padding:10px;
        cursor:default;
        text-align:center;
        text-shadow:1px 1px 1px white,1px 0 1px white,0 1px 1px white,-1px -1px 1px white,-1px 0 1px white,0 -1px 1px #fff
    }

    .inform-download ul li:nth-child(2),.inform-download ul li:nth-child(4),.inform-download ul li:nth-child(6),.inform-download ul li:nth-child(8) {
        background:#f8f8f8;
        border-top:1px solid #e5e5e5;
        border-left:1px solid #e5e5e5;
        border-bottom:1px solid #e5e5e5;
        border-right:0;
        padding:10px;
        cursor:default;
        text-align:center;
        text-shadow:1px 1px 1px white,1px 0 1px white,0 1px 1px white,-1px -1px 1px white,-1px 0 1px white,0 -1px 1px #fff
    }

    .reg-comm li a span {
        display:inline
    }
}

@media (min-width: 992px) {
    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
        float:left
    }

    .col-md-12 {
        width:100%
    }

    .col-md-11 {
        width:91.66666667%
    }

    .col-md-10 {
        width:83.33333333%
    }

    .col-md-9 {
        width:75%
    }

    .col-md-8 {
        width:66.66666667%
    }

    .col-md-7 {
        width:58.33333333%
    }

    .col-md-6 {
        width:50%
    }

    .col-md-5 {
        width:41.66666667%
    }

    .col-md-4 {
        width:33.33333333%
    }

    .col-md-3 {
        width:25%
    }

    .col-md-2 {
        width:16.66666667%
    }

    .col-md-1 {
        width:8.33333333%
    }

    .col-md-pull-12 {
        right:100%
    }

    .col-md-pull-11 {
        right:91.66666667%
    }

    .col-md-pull-10 {
        right:83.33333333%
    }

    .col-md-pull-9 {
        right:75%
    }

    .col-md-pull-8 {
        right:66.66666667%
    }

    .col-md-pull-7 {
        right:58.33333333%
    }

    .col-md-pull-6 {
        right:50%
    }

    .col-md-pull-5 {
        right:41.66666667%
    }

    .col-md-pull-4 {
        right:33.33333333%
    }

    .col-md-pull-3 {
        right:25%
    }

    .col-md-pull-2 {
        right:16.66666667%
    }

    .col-md-pull-1 {
        right:8.33333333%
    }

    .col-md-pull-0 {
        right:auto
    }

    .col-md-push-12 {
        left:100%
    }

    .col-md-push-11 {
        left:91.66666667%
    }

    .col-md-push-10 {
        left:83.33333333%
    }

    .col-md-push-9 {
        left:75%
    }

    .col-md-push-8 {
        left:66.66666667%
    }

    .col-md-push-7 {
        left:58.33333333%
    }

    .col-md-push-6 {
        left:50%
    }

    .col-md-push-5 {
        left:41.66666667%
    }

    .col-md-push-4 {
        left:33.33333333%
    }

    .col-md-push-3 {
        left:25%
    }

    .col-md-push-2 {
        left:16.66666667%
    }

    .col-md-push-1 {
        left:8.33333333%
    }

    .col-md-push-0 {
        left:auto
    }

    .col-md-offset-12 {
        margin-left:100%
    }

    .col-md-offset-11 {
        margin-left:91.66666667%
    }

    .col-md-offset-10 {
        margin-left:83.33333333%
    }

    .col-md-offset-9 {
        margin-left:75%
    }

    .col-md-offset-8 {
        margin-left:66.66666667%
    }

    .col-md-offset-7 {
        margin-left:58.33333333%
    }

    .col-md-offset-6 {
        margin-left:50%
    }

    .col-md-offset-5 {
        margin-left:41.66666667%
    }

    .col-md-offset-4 {
        margin-left:33.33333333%
    }

    .col-md-offset-3 {
        margin-left:25%
    }

    .col-md-offset-2 {
        margin-left:16.66666667%
    }

    .col-md-offset-1 {
        margin-left:8.33333333%
    }

    .col-md-offset-0 {
        margin-left:0
    }

    .inform-download ul li:nth-child(1),.inform-download ul li:nth-child(5) {
        background:#f8f8f8;
        border-top:1px solid #e5e5e5;
        border-right:1px solid #e5e5e5;
        border-bottom:1px solid #e5e5e5;
        border-left:0;
        padding:10px;
        cursor:default;
        text-align:center;
        text-shadow:1px 1px 1px white,1px 0 1px white,0 1px 1px white,-1px -1px 1px white,-1px 0 1px white,0 -1px 1px #fff
    }

    .inform-download ul li:nth-child(4),.inform-download ul li:nth-child(8) {
        background:#f8f8f8;
        border-top:1px solid #e5e5e5;
        border-left:1px solid #e5e5e5;
        border-bottom:1px solid #e5e5e5;
        border-right:0;
        padding:10px;
        cursor:default;
        text-align:center;
        text-shadow:1px 1px 1px white,1px 0 1px white,0 1px 1px white,-1px -1px 1px white,-1px 0 1px white,0 -1px 1px #fff
    }
}

@media (min-width: 1200px) {
    .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
        float:left
    }

    .col-lg-12 {
        width:100%
    }

    .col-lg-11 {
        width:91.66666667%
    }

    .col-lg-10 {
        width:83.33333333%
    }

    .col-lg-9 {
        width:75%
    }

    .col-lg-8 {
        width:66.66666667%
    }

    .col-lg-7 {
        width:58.33333333%
    }

    .col-lg-6 {
        width:50%
    }

    .col-lg-5 {
        width:41.66666667%
    }

    .col-lg-4 {
        width:33.33333333%
    }

    .col-lg-3 {
        width:25%
    }

    .col-lg-2 {
        width:16.66666667%
    }

    .col-lg-1 {
        width:8.33333333%
    }

    .col-lg-pull-12 {
        right:100%
    }

    .col-lg-pull-11 {
        right:91.66666667%
    }

    .col-lg-pull-10 {
        right:83.33333333%
    }

    .col-lg-pull-9 {
        right:75%
    }

    .col-lg-pull-8 {
        right:66.66666667%
    }

    .col-lg-pull-7 {
        right:58.33333333%
    }

    .col-lg-pull-6 {
        right:50%
    }

    .col-lg-pull-5 {
        right:41.66666667%
    }

    .col-lg-pull-4 {
        right:33.33333333%
    }

    .col-lg-pull-3 {
        right:25%
    }

    .col-lg-pull-2 {
        right:16.66666667%
    }

    .col-lg-pull-1 {
        right:8.33333333%
    }

    .col-lg-pull-0 {
        right:auto
    }

    .col-lg-push-12 {
        left:100%
    }

    .col-lg-push-11 {
        left:91.66666667%
    }

    .col-lg-push-10 {
        left:83.33333333%
    }

    .col-lg-push-9 {
        left:75%
    }

    .col-lg-push-8 {
        left:66.66666667%
    }

    .col-lg-push-7 {
        left:58.33333333%
    }

    .col-lg-push-6 {
        left:50%
    }

    .col-lg-push-5 {
        left:41.66666667%
    }

    .col-lg-push-4 {
        left:33.33333333%
    }

    .col-lg-push-3 {
        left:25%
    }

    .col-lg-push-2 {
        left:16.66666667%
    }

    .col-lg-push-1 {
        left:8.33333333%
    }

    .col-lg-push-0 {
        left:auto
    }

    .col-lg-offset-12 {
        margin-left:100%
    }

    .col-lg-offset-11 {
        margin-left:91.66666667%
    }

    .col-lg-offset-10 {
        margin-left:83.33333333%
    }

    .col-lg-offset-9 {
        margin-left:75%
    }

    .col-lg-offset-8 {
        margin-left:66.66666667%
    }

    .col-lg-offset-7 {
        margin-left:58.33333333%
    }

    .col-lg-offset-6 {
        margin-left:50%
    }

    .col-lg-offset-5 {
        margin-left:41.66666667%
    }

    .col-lg-offset-4 {
        margin-left:33.33333333%
    }

    .col-lg-offset-3 {
        margin-left:25%
    }

    .col-lg-offset-2 {
        margin-left:16.66666667%
    }

    .col-lg-offset-1 {
        margin-left:8.33333333%
    }

    .col-lg-offset-0 {
        margin-left:0
    }

    .inform-download ul li:nth-child(1),.inform-download ul li:nth-child(5) {
        background:#f8f8f8;
        border-top:1px solid #e5e5e5;
        border-right:1px solid #e5e5e5;
        border-bottom:1px solid #e5e5e5;
        border-left:0;
        padding:10px;
        cursor:default;
        text-align:center;
        text-shadow:1px 1px 1px white,1px 0 1px white,0 1px 1px white,-1px -1px 1px white,-1px 0 1px white,0 -1px 1px #fff
    }

    .inform-download ul li:nth-child(4),.inform-download ul li:nth-child(8) {
        background:#f8f8f8;
        border-top:1px solid #e5e5e5;
        border-left:1px solid #e5e5e5;
        border-bottom:1px solid #e5e5e5;
        border-right:0;
        padding:10px;
        cursor:default;
        text-align:center;
        text-shadow:1px 1px 1px white,1px 0 1px white,0 1px 1px white,-1px -1px 1px white,-1px 0 1px white,0 -1px 1px #fff
    }
}

.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after {
    content:" ";
    display:table
}

.clearfix:after,.container:after,.container-fluid:after,.row:after {
    clear:both
}

.center-block {
    display:block;
    margin-left:auto;
    margin-right:auto
}

.pull-right {
    float:right!important
}

.pull-left {
    float:left!important
}

.hide {
    display:none!important
}

.show {
    display:block!important
}

.invisible {
    visibility:hidden
}

.text-hide {
    font:0/0 a;
    color:transparent;
    text-shadow:none;
    background-color:transparent;
    border:0
}

.hidden {
    display:none!important
}

.affix {
    position:fixed
}

.red {
    background:#ff9090
}

.yellow {
    background:#f4ff8c
}

.blue {
    background:#a9d3ff
}

.green {
    background:#a7ff9c
}

.text-center {
    text-align:center
}

.text-left {
    text-align:left
}

.text-right {
    text-align:right
}

.q_search {
    position:relative;
    display:inline;
    width:70%;
    border:1px solid #e6e1e1;
    border-radius:3px;
    padding:9px 0;
    background:#fff;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);
    box-shadow:0 0 5px rgba(0,0,0,0.1)
}

.q_search > input {
    display:inline-block;
    border-radius:3px;
    border:0;
    width:60%;
    padding:9px 10px;
    height: 17px;
}

.q_search_btn {
    position:relative;
    display:inline-block;
    border-radius:3px;
    background:#fff;
    color:#c5c5c5;
    border:0;
    margin-right:5px;
    top:1px
}

.q_search_btn:hover {
    color:#aeaeae;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}

.q_search_btn:focus {
    background-color:#fff
}

.q_search .icon-search {
    position:absolute;
    left:50%;
    top:50%;
    margin:-8px 0 0 -8px;
    width:16px;
    height:16px
}

.q_search .q_search_adv {
    position:absolute;
    right:0;
    top:0;
    margin-right:36px;
    width:36px;
    height:36px
}

.q_search .icon-set {
    width:16px;
    height:16px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-8px 0 0 -8px;
    fill:#737373
}

.q_search .q_search_adv:hover .icon-set {
    fill:#3394e6
}

.searchpage {
    padding:15px 20px 20px;
    color:#484848;
    background:#fff;
    margin-bottom:30px;
    border-radius:3px;
    text-shadow:1px 1px 0 rgba(255,255,255,0.82);
    border:1px solid rgba(0,0,0,0.1);
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);
    box-shadow:0 0 5px rgba(0,0,0,0.1)
}

header {
    padding: 10px 0 30px 0;
}

.window-button {
    padding:9px 20px;
    border:0;
    border-radius:3px;
    background:-webkit-gradient(linear, left top, right bottom, from(#B4B4B4), to(#9c9c9c));
    background:-webkit-linear-gradient(left top, #B4B4B4, #9c9c9c);
    background:-o-linear-gradient(left top, #B4B4B4, #9c9c9c);
    background:linear-gradient(to right bottom, #B4B4B4, #9c9c9c);
    color:#fff;
    border-right:8px solid rgba(0,0,0,0.2);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.window-button:focus,
.window-button:hover {
    opacity: 0.9;
    border-right:8px solid rgba(0,0,0,0.2)
}

#wrap {
    display:none;
    opacity:.8;
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    padding:16px;
    background-color:rgba(1,1,1,0);
    z-index:1;
    overflow:auto
}

@-webkit-keyframes window-login {
    0% {
        top:-600px;
        opacity:0
    }

    35% {
        opacity:1
    }

    33% {
        top:63px
    }

    41% {
        top:73px
    }

    49% {
        top:63px
    }

    57% {
        top:53px
    }

    65% {
        top:63px
    }

    80% {
        top:73px
    }

    100% {
        top:63px
    }
}

@keyframes window-login {
    0% {
        top:-600px;
        opacity:0
    }

    35% {
        opacity:1
    }

    33% {
        top:63px
    }

    41% {
        top:73px
    }

    49% {
        top:63px
    }

    57% {
        top:53px
    }

    65% {
        top:63px
    }

    80% {
        top:73px
    }

    100% {
        top:63px
    }
}

#window {
    display:none;
    z-index:2;
    position:absolute;
    top:63px;
    width:100%;
    margin-left:-15px;
    margin-right:-15px;
    padding:0 15px
}

.window-body {
    background:#fff;
    padding:5px 20px;
    border-radius:5px;
    -webkit-box-shadow:0 0 14px rgba(0,0,0,0.3);
    box-shadow:0 0 14px rgba(0,0,0,0.3);
    max-width: 300px;
    margin: 0 auto;
}

.top-triangle {
    position:absolute;
    top:-10px;
    right:46%;
    -webkit-box-shadow:-3px -3px 4px rgba(0,0,0,0.13);
    box-shadow:-3px -3px 4px rgba(0,0,0,0.13);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transform: rotate(45deg);
    border:10px solid transparent;
    border-left:10px solid #fff;
    border-top:10px solid #fff
}

.window-close-group {
    color:#c5685d;
    font-size:1.7em;
    cursor:pointer
}

.window-body-ava {
    border-radius:3px
}

.window-close-group:hover {
    color:#f56166
}

.window-body-list {
    padding:0
}

.window-body-list li {
    margin:5px 0
}

.window-body-list li a {
    background:#e8e8e8;
    padding:5px 10px;
    margin:0 auto;
    display:block;
    border-radius:3px;
    border:1px solid #ccc;
    color:#333;
    text-align:left;
    border-right:8px solid rgba(0,0,0,0.2)
}

.window-body-list li a:hover {
    background:#d9d9d9;
    color:#1c1c1c;
    text-decoration:none
}

.window-body-list li a:focus {
    text-decoration:none
}

.li-inline {
    display:inline-block
}

.vtop {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.vcenter {
    display:inline-block;
    float:none;
    vertical-align:middle
}

.margin-vcenter {
    margin:10px 0
}

.block-menu {
    margin-bottom:30px
}
/* Блоки с меню */
.top-line-menu {background: #B1A4DB;}
.top-line-menu-janr,
.top-line-menu-set {background: #8CC079;}
.top-line-menu {
    width:100%;
    padding:10px 20px;
    color:#fff;
    margin:0;
    display:block;
    border-radius:2px;
    text-shadow:1px 1px 0 rgba(0,0,0,0.3);
    font-size:1.1em;
    letter-spacing:.05em;
    border-right: 8px solid rgba(0, 0, 0, 0.2);
}
.top-line-menu i {
    margin-right: 10px;
}
.body-menu {
    margin:10px 0 20px;
    display:block;
    font-size:1em
}

.body-menu ul {
    padding:0;
    margin:0
}

.body-menu ul li {
    padding:0;
    margin:0
}

.body-menu ul li a {
    border-bottom: 1px solid #FAFAFA;
    width: 100%;
    display: inline-block;
    padding: 5px 0 5px 8px;
    text-shadow: 1px 1px 0 rgb(255, 255, 255);
    color: #1e1e1e;
    border-radius: 5px;
}

.body-menu ul li a:hover {
    text-decoration: none;
    background: #ececec;
    box-shadow: inset 0 0 1px rgba(0,0,0,0.05);
}
.body-menu ul li a i {
    color: #4d4d4d;
    margin-right: 10px;
}

/* / Блоки с меню */

/* Блоки со списками */

.block-list {
    display:block;
    margin-bottom: 30px;
}

.tll-top {background: #e48686;}
.tll-series {background: #74a7c8;}
.top-line-list {
    width: 100%;
    padding: 10px 20px;
    color: #fff;
    margin-bottom: 1px;
    display: block;
    border-radius: 2px 2px 0 0;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
    font-size: 1.1em;
    letter-spacing: .05em;
    font-weight: 300;
}

.body-list {
    display:block
}

/* Блоки со списками */

/* Топ */

.vertical-column-top-news {
    display:block;
    column-gap:0;
    -moz-column-gap:0;
    -webkit-column-gap:0
}
.top-list {
    margin: 0;
}
.top-list > li > a {
    display: block;
    background: #ededed;
    padding: 9px 12px 10px 40px;
    border-bottom: 1px solid #fff;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    position: relative;
    overflow: hidden;
    text-shadow: 1px 1px 0 rgb(255, 255, 255);
    color: #404040;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}
.top-list > li:last-child > a {
    border-radius: 0 0 2px 2px;
    border-bottom: none;
}
.top-list > li > a:hover > span {
    background: #bebebe;
}
.top-list > li > a:hover {
    background: #dcdcdc;
}
.top-list > li > a > span {
    background: #dedede;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    text-align: center;
    padding: 6px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}
.top-list > li:nth-child(1) > a > span:before {content:"1";}
.top-list > li:nth-child(2) > a > span:before {content:"2";}
.top-list > li:nth-child(3) > a > span:before {content:"3";}
.top-list > li:nth-child(4) > a > span:before {content:"4";}
.top-list > li:nth-child(5) > a > span:before {content:"5";}
.top-list > li:nth-child(6) > a > span:before {content:"6";}
.top-list > li:nth-child(7) > a > span:before {content:"7";}
.top-list > li:nth-child(8) > a > span:before {content:"8";}
.top-list > li:nth-child(9) > a > span:before {content:"9";}
.top-list > li:nth-child(10) > a > span:before {content:"10";}

/* / Топ */

/* Серия игр (Боковая лента) */

.vertical-column-top-series {
    display:block;
    column-gap:0;
    -moz-column-gap:0;
    -webkit-column-gap:0
}

.series-list {
    margin: 0;
}

.series-list > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ededed;
    padding: 6px 12px 6px 40px;
    border-bottom: 1px solid #fff;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    position: relative;
    overflow: hidden;
    text-shadow: 1px 1px 0 rgb(255, 255, 255);
    color: #404040;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.series-list > li:last-child > a {
    border-radius: 0 0 2px 2px;
    border-bottom: none;
}
.logo-series-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 100%;
    background-size: cover;
    background-position: center;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.series-list > li > a:hover {
    background: #dcdcdc;
}
.series-list > li > a:hover > .logo-series-list {
    opacity: 1;
}

/* / Серия игр (Боковая лента) */

/* Плавающая подстказка в коротких новостях */

.little-story a .tag-fly {
    display: none;
}

.block-tag-fly {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 160px;
    display: inline-block;
}

@-webkit-keyframes tagfly {
    0% {right: -30px; top: -30px; opacity:0;}
    50% {opacity:0.5;}
    100% {right: 0; top: 0;}
}

@keyframes tagfly {
    0% {right: -30px; top: -30px; opacity:0;}
    50% {opacity:0.5;}
    100% {right: 0; top: 0;}
}

.little-story a:hover .tag-fly {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    max-width: 100px;
    text-align: right;
    padding: 5px 5px 0 0;
    -webkit-animation: 0.15s tagfly linear 0s normal none 1 running;
    animation: 0.15s tagfly linear 0s normal none 1 running;
}

.tag-fly img {
    display: inline-block;
    width: 25px;
    background: rgba(0, 0 , 0, 0.75);
    border-radius: 3px;
    margin: 2px 2px 2px 0;
    padding: 2px;
    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
}

/* / Плавающая подстказка в коротких новостях */

.little-story {
    border-radius:2px;
    margin-bottom:30px;
    background:#fff;
    display:block;
    -webkit-transition: 0.2s ease-out 0s;
    -o-transition: 0.2s ease-out 0s;
    transition: 0.2s ease-out 0s;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    height: 100%;
    position: relative;
    overflow: hidden;
}

.little-story:hover {
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.15);
    box-shadow: 0 4px 4px rgba(0,0,0,0.15);
}

.little-story a {
    display:block;
    text-align:center;
    color:#636363;
    font-size:1.1em;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
    font-family:'Play',sans-serif
}

.little-story a:hover {
    text-decoration:none;
    color:#3c3c3c;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s
}

.little-story a span {
    padding:10px 10px;
    display:block
}

.little-story > a > .poster-block {
    position: relative;
}

.little-story > a > .poster-block > img {
    width:100%;
}

.little-story > a > .poster-block > .update-info {
    display: inline-block;
    position: absolute;
    bottom: 10px;
    left: 0;
    border-radius: 0 2px 2px 0;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
    border-left: 4px solid #82bc7a;
    background-size: contain;
    padding: 4px 8px 3px 7px;
    background: white;
    font-size: 0.6em;
}
.little-story > a > .poster-block > .update-info:before {
    content: 'Обновлено';
}

/* little-story-min */
.little-story-min {
    border-radius:3px;
    margin-bottom:30px;
    background:#fff;
    display:block;
    text-align:center;
    -webkit-transition: 0.4s ease-out 0s;
    -o-transition: 0.4s ease-out 0s;
    transition: 0.4s ease-out 0s;
    -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.2);
    box-shadow:0 2px 3px rgba(0,0,0,0.2);
    height: 100%;
}

.little-story-min:hover {
    -webkit-box-shadow: 0 5px 4px rgba(0,0,0,0.2);
    box-shadow: 0 5px 4px rgba(0,0,0,0.2);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.little-story-min a {
    display:block;
    text-align:center;
    color:#636363;
    font-size:1.1em;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
    font-family:'Play',sans-serif
}

.little-story-min a:hover {
    text-decoration:none;
    color:#3c3c3c;
    border-color:#93c55d;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}

.little-story-min a span {
    padding:10px 15px;
    display:block
}

.little-story-min a img {
    width:100%;
    border-radius:3px 3px 0 0
}
/* / little-story-min */
.new-games {
    position: absolute;
    width: 70px;
    top: -2px;
    left: -2px;
}

.little-story-info {
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: 'PT Sans Narrow',sans-serif;
    color: #636363;
    width: 33.33333333%;
    display: inline-block;
    text-align: center;
    font-size: 0.9em;
}

.little-story-info:first-child {
    text-align: left;
    padding-left: 15px;
}

.little-story-info:last-child {
    text-align: right;
    padding-right: 15px;
}

.little-story-info i {
    font-size:1.3em;
    margin-right:10px;
}

.icon-standart {
    margin-right:15px;
    width:20px
}

.icon-menu {
    margin-right:10px
}

.icon-menu-red {
    margin-right:5px;
    color:#e9b4b3;
    vertical-align:bottom
}

.icon-menu-grey {
    margin-right:5px;
    color:#898989;
    vertical-align:bottom
}

.icon-menu-green {
    margin-right:5px;
    color:#c4daad;
    vertical-align:bottom
}

.icon-menu-blue {
    margin-right:5px;
    color:#d4ceed;
    vertical-align:bottom
}

.title-margin {
    margin:10px 30px 40px;
    display:block
}

.title-main {
    background:url(/images/1px.png) repeat-x center;
    text-align:center;
    width:100%
}

.title-main span {
    background:#fafafa;
    padding:0 20px;
    color:#7f7f7f;
    display:inline-block;
    font-size:1.2em;
    position:relative;
    bottom:1px;
    text-transform:uppercase;
    font-weight:300;
    margin:0 0 3px
}

.title-main h1 {
    background:#fafafa;
    padding:0 20px;
    color:#7f7f7f;
    display:inline-block;
    font-size:1.2em;
    position:relative;
    text-transform:uppercase;
    font-weight:300;
    margin:0 0 3px
}

.description-block {
    margin:0 15px 30px;
    border-radius:3px;
    background:#fff;
    display:block;
    border:1px solid rgba(0,0,0,0.1);
    -webkit-box-shadow:0 0 5px #0000001a;
    box-shadow:0 0 5px #0000001a;
    padding:0;
    overflow:hidden;
    position:relative;
    min-height:1px
}

.description-image-block {
    padding:0 0 0 15px;
    opacity:.85
}

.description-image {
    width:100%
}

.description-image-triangle {
    display:block;
    position:absolute;
    top:17px;
    right:0;
    border:14px solid transparent;
    border-right:14px solid #fff
}

.description {
    display:inline-block;
    padding:20px 0 20px 20px;
    height:100%;
    position:absolute;
    right: 8px;
}

.description-scroll {
    display:inline-block;
    padding-right:15px;
    text-align:justify;
    overflow:auto;
    height:100%
}

.description-social {
    text-align:right
}

.article-block {
    border-radius:2px;
    background:#fff;
    -webkit-box-shadow:0 0 3px rgba(0,0,0,0.1),1px 2px 5px rgba(0,0,0,0.07),-1px 2px 5px rgba(0,0,0,0.07);
    box-shadow:0 0 3px rgba(0,0,0,0.1),1px 2px 5px rgba(0,0,0,0.07),-1px 2px 5px rgba(0,0,0,0.07);
    padding:20px 20px 0;
    margin-bottom:30px;
    overflow: hidden;
}

.title-full-margin {
    margin:0 0 26px;
    display:block
}

.title-full-main {
    background:url(/images/1px.png) repeat-x center;
    text-align:center;
    width:100%
}

.title-full-main h1 {
    background:#fff;
    padding:0 20px;
    color:#7f7f7f;
    display:inline-block;
    font-size:1.2em;
    position:relative;
    text-transform:uppercase;
    font-weight:300;
    margin:0
}

.poster {
    margin-bottom:40px;
    border-radius:2px;
    width:100%
}

@-webkit-keyframes fadeIn {
    from {
        opacity:0
    }

    to {
        opacity:1
    }
}

@keyframes fadeIn {
    from {
        opacity:0
    }

    to {
        opacity:1
    }
}

.skrinshots-block {
    padding:0;
    margin:0 0 30px;
    overflow: hidden;
    position: relative;
}
.skrinshots-block ul {
    padding:0;
    margin:0;
}
.skrinshots-block > div {
    position: absolute;
    display: block;
    background: #8fba54;
    color: #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 26px;
    left: -32px;
    width: 140px;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.8em;
    padding: 3px 0 4px;
    font-weight: 400;
    cursor: default;
    z-index: 2;
    -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.5);
    box-shadow: 1px 1px 0 rgba(0,0,0,0.5);
    text-shadow: 1px 1px 0 rgba(0,0,0,0.4),0 0 4px rgba(0,0,0,0.4);
}

.skrinshots-block li:nth-child(9) {  display:none;  }

.skrinshots-block li {
    width:50%;
    display:inline-block;
    margin-bottom:2px
}
.skrinshots-block li:nth-child(odd) {
    padding:1px 2px 0 1px;
}
.skrinshots-block li:nth-child(even) {
    padding:1px 1px 0 2px;
}

@media (min-width: 992px) {
    .skrinshots-block li {
        width:24%;
        display:inline-block;
        vertical-align: text-top;
        margin-bottom: 0;
border: 4px solid #5c9ffa;
    }
    .skrinshots-block li:nth-child(odd),
    .skrinshots-block li:nth-child(even) {
        padding:1px 0.5px 0;
    }
}

.skrinshots-block li a {
    display:block;
    overflow:hidden;
}

.skrinshots-block img {
    width:100%;
}

.skrinshots-block img:hover {
    cursor:-webkit-zoom-in;
    cursor:zoom-in;
}

.line-grey {
    border-bottom:2px dashed #e5e5e5;
    border-top:2px dashed #e5e5e5;
    padding:10px 5px;
    margin:0 -20px 30px
}

.line-grey-sys {
    margin:0 -15px;
    display:block
}

.sys-trebovaniya .sys {
    margin-bottom:10px;
    font-size:1.1em;
    font-weight:400;
    color:#929292;
    border-bottom:1px dashed #c9c9c9;
    padding-bottom:10px
}

.sys-trebovaniya .sys:first-letter {
    color:#f09999;
    font-weight:600
}

.sys-trebovaniya {
    font-family:'Exo 2',sans-serif;
    font-weight:300;
    font-size:1em;
    margin:0 0 30px;
    float:none;
    vertical-align:top;
    display:inline-block;
    color:#5d5d5d;
    line-height: 1.4em;
}

.sys-trebovaniya blockquote {
    border:none;
    font-style:normal;
    padding:0;
    background:#fff;
    line-height: 1.35em;
    font-size: 16px!important;
}

.sys-trebovaniya b {
    font-weight:500;
    color:#5c5c5c
}

.sys-trebovaniya ul {
    padding:0;
    margin:0
}

.sys-trebovaniya ul li {
	margin-bottom: 2px;
}

.download {
    display: inline-block;
}

.download-torrent {
    background:#8CC079;
    padding:10px 30px 8px;
    color:#fff;
    border-radius:3px;
    font-size:1.1em;
    display:inline-block;
    text-shadow:0 0 3px rgba(0,0,0,0.2);
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
    margin-bottom:30px;
    font-weight:300;
    font-family:'Exo 2',sans-serif;
    overflow:hidden;
    border-right:8px solid rgba(0,0,0,0.2)
}

.download-torrent:hover {
    background: #5eaa59;
    color:#fff;
    text-decoration:none;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
    opacity:.85;
    text-shadow:0 0 3px rgba(0,0,0,0.35)
}

.download-torrent:focus {
    color:#fff;
    text-decoration:none
}

.download-magnet {
    background: #EA7E7E;
    padding: 10px 30px 8px;
    color: #fff;
    border-radius: 3px 0 0 3px;
    font-size: 1.1em;
    display: inline-block;
    text-shadow: 0 0 3px rgba(0,0,0,0.2);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-bottom: 30px;
    font-weight: 300;
    font-family: 'Exo 2',sans-serif;
    overflow: hidden;
}

.download-magnet:hover {
    background: #e74848;
    color:#fff;
    text-decoration:none;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
    opacity:.85;
    text-shadow:0 0 3px rgba(0,0,0,0.35)
}

.download-magnet:focus {
    color:#fff;
    text-decoration:none
}

.download-magnet i {
    color:#fff;
    font-size:2em;
    vertical-align:middle;
    display:inline-block;
    position:relative
}

@-webkit-keyframes download {
    0% {
        top:-46px
    }

    100% {
        top:39px
    }
}

@keyframes download {
    0% {
        top:-46px
    }

    100% {
        top:39px
    }
}

.download-torrent span i {
    color:#fff;
    font-size:2em;
    vertical-align:middle;
    margin-right:20px;
    display:inline-block;
    position:relative
}

.inform-download {
    display:block
}

.inform-download > div {
    display:inline-block;
    text-transform:uppercase;
    line-height:1.4em;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:30px;
    font-family:'Exo 2',sans-serif;
    font-size:.9em
}

.inform-download div i {
    font-size:1.7em;
    margin-right:10px;
    vertical-align:sub;
    color:#b0b0b0
}

.inform-download .update {
    display:block;
    margin:0 0 30px 0;
}

.inform-download .update blockquote {
    text-transform: none;
    text-align: left;
    line-height: 1.4em;
    font-family: 'Exo 2',sans-serif;
    font-size: 1.05em;
    padding: 15px 15px;
    margin: 0;
    border-left: 5px solid #f6d38c;
    background: #f2f2f2;
    border-radius: 2px;
    color: #5f5f5f;
    font-weight: 400;
    text-shadow: 1px 1px 0 #FFF;
    font-style: italic;
}

blockquote hr {
    border-top: 1px solid #d1cfcf;
    margin-top: 15px;
    margin-bottom: 10px;
}

.spoiler {
    margin-bottom:20px
}

.title_spoiler {
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}

.title_spoiler:hover {
    opacity:.8;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}

.title_spoiler a {
    color:#737373;
    padding:7px 15px;
    background-color:#F6F6F6;
    border-radius:3px;
    display:block;
    font-family:'Exo 2',sans-serif;
    font-size:1em;
    border:1px dashed #c8c8c8
}

.title_spoiler a:hover,.title_spoiler a:focus {
    text-decoration:none
}

.title_spoiler a i {
    font-size:1em;
    margin-right:5px
}

.text_spoiler {
    margin-left:18px
}

.text_spoiler .spoiler-and a {
    margin-top:10px;
    display:inline-block
}

.text_spoiler .spoiler-and a:hover,.text_spoiler .spoiler-and a:focus {
    text-decoration:none
}

.text_spoiler .spoiler-and a i {
    position:relative;
    top:2px
}

.text_spoiler blockquote {
    padding:7px 0 0 20px;
    margin:9px 0 0;
    border-left:3px dashed #D8D8D8;
    font-style:normal;
    background:#fff;
    line-height:1.4em
}

.text_spoiler blockquote ul,
.text_spoiler blockquote ol {
    padding:0;
    margin:0
}

.text_spoiler blockquote ul li {
    list-style-type:inherit;
    margin-left:15px
}

.text_spoiler blockquote ol li {
    list-style-type:inherit;
    margin-left:15px
}

.title-desc {
    background:#fff;
    color:#717171;
    display:inline-block;
    font-size:1em;
    position:relative;
    text-transform:uppercase;
    font-weight:300;
    margin:0 0 15px;
    border:1px solid #dbdbdb;
    padding:3px 8px;
    border-radius:4px
}
.little-full-description {
    font-size:1em;
    line-height: 1.4em;
    font-family:'Exo 2',sans-serif;
    font-weight:300;
    text-align:justify;
}
.little-full-description p,
.full-description p,
.game-series p {
    text-indent: 20px;
}
.full-description {
    height: 0;
    overflow: hidden;
    position: relative;
}
.full-description-full {
    height: 100%;
    position: relative;
    margin-bottom: 30px;
}
.full-description:after {
    content: "";
    position: absolute;
    display: block;
    background: -webkit-gradient(linear, left bottom, left top, from(white), to(rgba(255, 255, 255,0)));
    background: -webkit-linear-gradient(bottom, white, rgba(255, 255, 255, 0));
    background: -o-linear-gradient(bottom, white, rgba(255, 255, 255, 0));
    background: -webkit-gradient(linear, left bottom, left top, from(white), to(rgba(0, 0, 0 ,0)));
    background: -webkit-linear-gradient(bottom, white, rgba(0, 0, 0 ,0));
    background: -o-linear-gradient(bottom, white, rgba(0, 0, 0 ,0));
    background: linear-gradient(to top, white, rgba(0, 0, 0 ,0));
    height: 40px;
    bottom: 0;
    left: 0;
    width: 100%;
}
.full-description-full:after {
    content: "";
    display: none;
}
.btn-full-description {
    cursor: pointer;
    color: #5d5489;
}
.btn-full-description:hover {
    color: #4b436c;
}
.btn-full-description-none {
    display: none;
}
.full-description b {
    color: #454545;
}
.full-description-title {
    margin:0 0 26px;
    display:block;
    background:url(/images/1px.png) repeat-x center;
    text-align:center;
    width:100%
}

.title-full-desc {
    background:#fff;
    padding:0 20px;
    color:#717171;
    display:inline-block;
    font-size:1em;
    position:relative;
    text-transform:uppercase;
    font-weight:300;
    margin:0
}

.add-comment {
    margin:30px -5px 0;
    padding:15px 20px 20px;
    background:#B6ADDE;
    color:#fff;
    border-radius:0 0 3px 3px;
    text-shadow:0 0 3px rgba(0,0,0,0.2)
}

.addcomment-ul {
    margin:20px 0;
    padding:0
}

.input-addcomment-block {
    margin-bottom:10px
}

.input-addcomment-block input[type="email"],
.input-addcomment-block input[type="text"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    border: 0 solid #bab1e3;
    display: block;
    width: 100%;
    border-radius: 3px;
    color: #333;
}
@-webkit-keyframes ani-dlefastreplycomments {
    0% {  width: 100%; height: 85%; }
    100% {  width: 100%; }
}
@keyframes ani-dlefastreplycomments {
    0% {  width: 100%; height: 85%; }
    100% {  width: 100%; }
}
#dlefastreplycomments {
    width: calc(100% - 30px);
    padding: 15px 20px;
    background: #b6adde;
    margin: 0 15px 30px;
    border-radius: 3px;
    color: white;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-animation: ani-dlefastreplycomments 3s 1 linear 0s normal;
    animation: ani-dlefastreplycomments 3s 1 linear 0s normal;
}
#dlefastreplycomments .bbcodes {  background: #8a84a4;  }
#dlefastreplycomments .bbcodes:hover {  background: #6f70a4;  }
.mass_comments_action {
    display:none
}

.commentsreplyname {
    color: #474747;
    padding: 5px 10px;
    border-radius: 3px;
    border: 0;
    margin-top: 10px;
}
#dlefastreplycomments textarea{
    margin-bottom: 20px;
}
.comm-number {
    margin:0 15px 30px;
    font-weight:400;
    font-size:1.2em;
    text-transform:uppercase;
    color:#4fa23a
}

.full-comment-block {
    margin:0 -5px
}

.comments-tree-list {
    padding:0;
    margin:0
}

/* Ширина отступления дочерних комментариев */
.comments-tree-list .comments-tree-item .comment-child {
    margin-left:20px;
}
.comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comment-child {
    margin-left:35px;
}

.comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comment-child {
    margin-left:50px;
}

.comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comment-child {
    margin-left:65px;
}

.comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comment-child {
    margin-left:80px;
}

.comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comment-child {
    margin-left:95px;
}

@media (max-width: 600px) {
    .comments-tree-list .comments-tree-item .comment-child {
        margin-left:15px;
    }
    .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comment-child {
        margin-left:15px;
    }

    .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comment-child {
        margin-left:15px;
    }

    .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comment-child {
        margin-left:15px;
    }

    .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comment-child {
        margin-left:15px;
    }

    .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comments-tree-list .comments-tree-item .comment-child {
        margin-left:35px;
    }
}

.comm-block,
.comm-block-positive,
.comm-block-negative {
    background: #f8f8f8;
    margin: 0 15px 15px;
    overflow: hidden;
    border-radius: 3px;
    padding: 15px 0;
    color: #595959;
    text-shadow: 1px 1px 0 #fff;
}

.comm-block {  border-left: 7px solid #d4d4d4;  }
.comm-block-positive {  border-left: 7px solid #d2e6c9;  }
.comm-block-negative {  border-left: 7px solid #f0d0cf;  }

.hr-comm {
    margin: 7px 0;
    border-top: 1px dashed #ccc;
}
.comm-ava-block {
    padding: 0 8px 0 15px;
    width: 80px;
    float: left;
    position: relative;
}

.comm-ava-block img {
    width:100%;
    display:block;
    border-radius:2px;
}

.comm-ava-block .online,
.comm-ava-block .offline {
    position: absolute;
    top: -5px;
    left: 9px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 3px solid #f8f8f8;
}

.comm-ava-block .online {  background:#9DD78E;  }
.comm-ava-block .offline {  background:#f0a4a4;  }

.id-comment > a {  
    background: #e6e6e6;
    padding: 2px 0px;
    border-radius: 2px;
    margin: 7px 0 0 0;
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #929292;
    text-shadow: 1px 1px 0 rgb(255, 255, 255, 0.7);
    font-size: 0.8em;
    transition: 0.4s;
}

.id-comment > a:hover {  
    background: #dbdbdb;
    color: #6f6f6f;
    box-shadow: inset 0 0 3px rgb(198, 198, 198);
}

.comm-text-block {
    padding: 0 15px 0 8px;
    overflow-x: hidden;
    color: #9b9b9b;
}
.comm-text-section {
    margin-bottom: 10px;
    color: #4a4a4a;
    text-align:justify
}
.answer-comm {
    font-size: 0.8em;
    display: inline-block;
    color: #2A770D;
    padding-right: 12px;
}

.invise-comm {
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.comm-block:hover .invise-comm,
.comm-block-positive:hover .invise-comm,
.comm-block-negative:hover .invise-comm {
    opacity: 1;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.width50 {
    width:50%;
    display:inline-block;
    vertical-align:top;
    margin-bottom:15px
}

.comm-rate {
    float: right;
    overflow-x: hidden;
    display: inline-block;
}

.comm-rate-minus i {  color:#F5BBB9;  }
.comm-rate-minus i:hover {  color: #f59196;  }
.comm-rate-plus i {  color:#BBD79D;  }
.comm-rate-plus i:hover {  color: #80ca64;  }

.comm-rate-result {
    font-size:0.9em;
    margin:0 10px
}

.comm-news a {
    font-weight:600;
    color:#e9716e;
    margin:0 10px 0 0;
}

.comm-news a:hover {
    color:#c66
}

.vk-color {
    background:#507299;
    border-radius:0 0 0 3px
}

.odnoklassniki-color {
    background:#EE8208
}

.facebook-color {
    border-radius: 0 0 3px 0;
    background: #3b5998
}

.google-color {
    background:#DD4848;
    border-radius:0 0 3px 0
}

.feedback-block {
    border-radius:3px;
    background:#fff;
    border:1px solid rgba(0,0,0,0.1);
    -webkit-box-shadow:0 0 5px #0000001a;
    box-shadow:0 0 5px #0000001a;
    padding:20px;
    margin-bottom:30px
}

.feedback-title {
    background:#979797;
    color:#fff;
    padding:10px 20px;
    border-radius:3px;
    text-shadow:0 0 3px rgba(0,0,0,0.2)
}

.feedback-ul {
    margin:20px 0;
    padding:0
}

.input-feedback-block {
    margin-bottom:10px
}

.input-feedback-block img {
    margin:0 10px 0 0
}

.input-feedback-label {
    margin-right:10px
}

.input-feedback-text {
    min-height:50px;
    height:200px;
    width:100%
}

.footer-body {
    border-top:2px dashed #e1e1e1;
}

.stat-block {
    border-radius:3px;
    background:#fff;
    border:1px solid rgba(0,0,0,0.1);
    -webkit-box-shadow:0 0 5px #0000001a;
    box-shadow:0 0 5px #0000001a;
    padding:20px;
    margin-bottom:30px
}

.stat-title {
    background:#93c55d;
    color:#fff;
    padding:10px 20px;
    border-radius:3px;
    text-shadow:0 0 3px rgba(0,0,0,0.2)
}

.user-block {
    border-radius:3px;
    background:#fff;
    border:1px solid rgba(0,0,0,0.1);
    -webkit-box-shadow:0 0 5px #0000001a;
    box-shadow:0 0 5px #0000001a;
    padding:20px;
    margin-bottom:30px
}

.stat-title {
    background:#93c55d;
    color:#fff;
    padding:10px 20px;
    border-radius:3px;
    text-shadow:0 0 3px rgba(0,0,0,0.2)
}

.error-box {
    background: #e9e9e9;
    color: #7b7b7b;
    padding: 25px;
    border-radius: 3px;
    text-shadow: 1px 1px 1px rgb(255, 255, 255);
    margin-bottom: 30px;
    border: 3px dashed #93c55d;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.error-box .error-box-title {
    margin-bottom:15px
}

@media (min-width: 300px) {
    .container {
        width: calc(100% - 10px);
    }
}

@media (min-width: 600px) {
    .container {
        width: calc(100% - 40px);
    }
}

@media (min-width: 1200px) {
    .container {
        width:1170px
    }
}

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

    to {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}

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

    to {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}

.icon-update i {
    animation:rotate 4s infinite linear;
    -moz-animation:rotate 4s infinite linear;
    -webkit-animation:rotate 4s infinite linear
}

.LiveInternet {
    opacity:.3;
    height:1px;
    width:1px
}

.textin {
    color:#2f2f2f;
}

.top-line-main {
    background-color: #f8f8f8;
    background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 25px, rgba(255,255,255,1) 25px, rgba(255,255,255,1) 50px);
    background-image: -o-repeating-linear-gradient(-45deg, transparent, transparent 25px, rgba(255,255,255,1) 25px, rgba(255,255,255,1) 50px);
    background-image: -webkit-repeating-linear-gradient(135deg, transparent, transparent 25px, rgba(255,255,255,1) 25px, rgba(255,255,255,1) 50px);
    background-image: -o-repeating-linear-gradient(135deg, transparent, transparent 25px, rgba(255,255,255,1) 25px, rgba(255,255,255,1) 50px);
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 25px, rgba(255,255,255,1) 25px, rgba(255,255,255,1) 50px);
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 20px;
    padding-top: 10px;
    position: absolute;
    z-index: 10;
    width: 100%;
    top: 0;
}
.top-line-link {
    display: inline-block;
    padding: 5px 12px 7px;
    background: #fff;
    color: #797979;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dadada;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.06);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.06);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.top-line-link:hover {
    background: #9ec575;
    border: 1px solid #9ec575;
    color: white;
}

.top-line-link i {
    position: relative;
    margin-right: 10px;
    font-size: 1.3em;
    top: 2px;
    color: #dd9b93;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.top-line-link:hover i {
    position: relative;
    margin-right: 10px;
    font-size: 1.3em;
    top: 2px;
    color: #fff78e;
}

/* Соц кнопки */

.ya-share2__list li {
    opacity: 0.85;
}
.ya-share2__list li:hover {
    opacity: 1;
}

/* Соц кнопки */

/* Сортировка */
.sort-title {
    position: relative;
    display: inline-block;
    padding: 7px 15px 9px;
    cursor: pointer;
    background: #aaa;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    color: white;
    width: 175px;
    text-align: center;
}

.sort-title i {
    margin-left: 5px;
    position: relative;
    top: 1px;
}

.sort-title:hover .sort {
    display: block;
}
.sort {
    list-style: none;
    padding: 8px 0;
    margin: 0;
    position: absolute;
    top: 33px;
    width: 175px;
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    right: 0;
    z-index: 1;
    background: #ffffff;
    cursor: default;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    border-top: 3px solid #848484;
    text-align: left;
}

.sort > li {
    display: block;
}

.sort > li a {
    color: #353535;
    padding: 2px 15px 3px;
    display: block;
}

.sort > li a:hover {
    color: #353535;
    background: #e4e4e4;
}

.sort > li.asc a,
.sort > li.desc a {
    color: #6e9953;
}

.sort > li.asc a:after,
.sort > li.desc a:after {
    content: "●";
    display: inline-block;
    margin-left: 5px;
}

.sort > li.asc a:after {
    background-position: 0 -11px;
}

/* / Сортировка */

/* Модальное окно на всю ширину для телефона */

@media (max-width: 768px) {
    .ui-dialog {
        width: 100%!important;
        border-radius: 0;
    }
}

/* / Модальное окно на всю ширину для телефона */

/* Навигация */

.page_next > span,
.page_prev > span {
    opacity: 0.3;
    cursor: default;
    font-weight: 500;
}

.page_next > span,
.page_prev > span {
    display: block;
    padding: 8px 0;
    text-align: center;
    border: 1px solid #90a4ae;
    color: #6b6a6a;
    text-transform: uppercase;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin-bottom: 30px;
    border-radius: 3px;
}

.page_next > a span,
.page_prev > a span {
    display: block;
    padding: 8px 0;
    text-align: center;
    border: 1px solid #90a4ae;
    background: #90a4ae;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin-bottom: 30px;
    border-radius: 3px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    font-weight: 500;
}

.page_next > a span:hover,
.page_prev > a span:hover {
    opacity: 0.8;
}

.pages a:hover {
    background: #90a4ae;
    border: 1px solid #90a4ae;
    color: white;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.pages a {
    display: inline-block;
    padding: 8px 7px;
    text-align: center;
    border: 1px solid #90a4ae;
    color: #6b6a6a;
    text-transform: uppercase;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin: 0 1px 30px;
    border-radius: 3px;
    font-weight: 500;
}

.pages span {
    display: inline-block;
    padding: 8px 7px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 1px 30px;
    background: #90a4ae;
    border: 1px solid #90a4ae;
    color: white;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
    cursor: default;
    border-radius: 3px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    font-weight: 500;
}

/* / Навигация */

/* Авторизация */

.login-ul {
    padding: 0;
    margin: 0;
    text-align: left;
}

.login-ul li {
    display: block;
    margin-bottom: 10px;
}

.login-ul input {
    display: block;
    border: 1px solid #cbcbcb;
    background: #ffffff;
    padding: 7px 10px 9px;
    width: 100%;
    border-radius: 3px;
}

.login-button {
    display: block;
    padding: 7px 10px 7px;
    width: 100%;
    border-radius: 3px;
    background: #93C55D;
    color: #ffffff;
    border: none;
    font-weight: 500;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.5), 0 0 3px rgba(0,0,0,0.2);
    font-family: 'Russo One',sans-serif;
    font-size: 1.1em;
    letter-spacing: .08em;
    border-bottom: 4px solid rgba(0,0,0,0.2);
    margin-bottom: 20px;
}

.login-button:hover {
    background: #81b351;
    color: #ffffff;
    border-bottom: 4px solid rgba(0,0,0,0.2);
}

.reg-link {
    cursor: pointer;
}

.reg-link i {
    margin-right: 10px;
}

/* / Авторизация */

/* Авторизация через соц сети */

.window-body-social {
    padding: 0;
    display: block;
    margin: 10px -3px 15px;
}

.window-body-social li {
    margin: 0;
    display: inline-block;
    width: 33.33333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 3px;
}

.window-body-social li div {
    width: 100%;
    cursor: pointer;
    padding: 5px 0;
    text-align: center;
    border-radius: 3px;
}
.vk-color-login {  background: #507299;  }
.odnoklassniki-color-login {  background: #EE8208;  }
.facebook-color-login {  background: #3B5998;  }

.window-body-social li div:hover {
    opacity: 0.8;
}
.window-body-social li div:hover {

}

.window-body-social li div i {
    color: #f0f0f0;
    font-size: 1.3em;
}

/* Авторизация через соц сети */

.time-game-box {
    line-height: 1.4em;
    font-family: 'Exo 2',sans-serif;
    font-size: 1em;
    font-style: normal;
    padding: 15px;
    border-left: 5px solid #f6d38c;
    background: #f2f2f2;
    border-radius: 2px;
    color: #4a4a4a;
    font-weight: 300;
    text-shadow: 1px 1px 0 #FFF;
    margin-bottom: 30px;
}
.time-game-box li {
    list-style-type: disc;
    margin: 0 0 10px 20px;
}
.time-game-box > p > i {
    margin: 0 10px 0 0;
    position: relative;
    font-size: 1.5em;
    top: 2px;
    color: #9B9B9B;
}

.time-game-box a {
    color: white;
    display: inline-block;
    background: #93c55d;
    padding: 0 9px 3px;
    border-radius: 3px;
    margin: 0 5px;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
    text-shadow: 0 0 3px rgba(0,0,0,0.2);
}

.time-game-box a:hover {
    color: white;
    background: #df8585;
}

.time-game-box > p > a > i {
    margin: 0 0 0 3px;
    position: relative;
    top: 1px;
}

.g-recaptcha {
    margin: 20px 0 0;
}

/* Рейтинг с количесвтом лайков и дизлайков */

.vertical-margin-rate {
    margin:5px 0
}

#rating-text,
#rating-numm {
    display: none;
}

.rating-text-info {
    display: inline-block;
    background: #d8d8d8;
    padding: 2px 12px;
    height: 26px;
    border-radius: 3px 11px 11px 3px;
    position: relative;
    margin-right: 10px;
    text-shadow: 1px 1px 0 #FFF;
    color: #636363;
}
.rating-text-info:after {
    content: "";
    display: inline-block;
    background: #d8d8d8;
    width: 14px;
    height: 14px;
    position: absolute;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    right: -4px;
    top: 6px;
    border-radius: 0 3px 0 0;
}
.icon-up,
.icon-down {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 26px;
    padding: 2px 10px;
    color: #fff;
    border-radius: 3px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    font-weight: 400;
    min-width: 60px;
    text-align: center;
}

.icon-up {
    background: #85ba6b;
}
.icon-down {
    background: #ec8d8d;
}

.icon-up:hover,
.icon-down:hover {
    opacity: 0.85;
}

.icon-up i,
.icon-down i {
    margin-right: 10px;
    font-size: 1.3em;
    position: relative;
    top: 1px;
}

#numberPlus,
#numberMinus {
    border-left: 1px dashed #d8d8d8;
    margin-left: 8px;
    padding-left: 8px;
    display: inline-block;
    height: 100%;
}

/* / Рейтинг с количесвтом лайков и дизлайков */


/* Рейтинг в короткой новости */

.rate-line-shortstory {
    background: #E4E3E3;
    height: 3px;
    overflow: hidden;
    display: flex;
    font-size: 0;
    text-align: left;
}
.rate-line-positive-shortstory {
    background: #afde7d;
    display: inline-block;
    height: 3px;
}
.rate-line-negative-shortstory {
    background: #ff9696;
    display: inline-block;
    height: 3px;
}
.rate-ruler-block {
    position: relative;
}
.rate-ruler {
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.4)), to(rgba(0, 0, 0, 0.1)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.1));
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.1));
    background: linear-gradient(to right, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.1));
    display: flex;
    top: 0;
    height: 3px;
    position: absolute;
    width: 100%;
    font-size: 0;
    text-align: left;
}
.rate-ruler-1-10 {
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    width: 10%;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
    display: inline-block;
    height: 3px;
}
.rate-ruler-1-10:nth-child(1) {
    border-left: none;
}
.rate-ruler-1-10:nth-child(10) {
    border-right: none;
}

/* / Рейтинг в короткой новости */

/* Подсказка */
.tooltip {
    position: fixed;
    padding: 10px 15px;
    border-radius: 3px;
    text-align: left;
    color: #ffffff;
    background: #90A4AE;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    max-width:320px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
/* / Подсказка */

/* Страница профилия */
.profile-page b {
    font-weight: 400;
}

.profile-title {
    display: block;
    text-align: center;
    background: #d6d6d6;
    border-radius: 3px;
    padding: 15px 20px;
    margin-bottom: 30px;
    font-size: 1.1em;
    text-shadow: 1px 1px 0 rgb(234, 234, 234);
}

.profile-ava {
    max-width: 100%;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 3px;
}

.love-games-title {
    padding: 15px 20px;
    text-align: center;
    background: #FFEBCD;
    font-size: 1.1em;
    border-radius: 3px 3px 0 0;
    font-weight: 500;
    text-shadow: 1px 1px 0 rgb(254, 244, 230);
    color: #5d5d5d;
}

.love-games-block {
    padding: 15px 20px;
    text-align: left;
    border-radius: 0 0 3px 3px;
    border-left: 5px solid #FFEBCD;
    border-right: 5px solid #FFEBCD;
    border-bottom: 5px solid #FFEBCD;
}

.profile-pc {
    padding: 15px 5px;
    font-size: 1.1em;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
    background: blanchedalmond;
    border-radius: 3px;
    text-shadow: 1px 1px 0 rgb(254, 244, 230);
    color: #5d5d5d;
}
.love-games-title i,
.profile-pc i,
label i {
    margin: 0 7px;
}

.profile-pc-block {
    text-align: center;
    padding: 15px 0 0;
    margin-bottom: 30px;
}

.profile-pc-block img {
    margin-bottom: 15px;
    height: 60px;
    opacity: 0.75;
}

.profile-ul {
    margin: 0;
}

.profile-ul li {
    margin-bottom: 5px;
}

.profile-ul .li-margin {
    height: 10px;
    display: block;
}

.spoiler-profile {
    border-radius: 3px;
    margin-bottom: 20px;
    overflow: hidden;
}

.title_spoiler-profile a {
    background: #df8585;
    display: block;
    padding: 10px 15px;
    color: white;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    font-size: 1.1em;
    font-weight: 500;
    text-align: center;
}

.title_spoiler-profile a i {
    margin-right: 10px;
}

@-webkit-keyframes edit {
    0% { width: 100%; }
    100% { width: 100%; }
}

@keyframes edit {
    0% { width: 100%; }
    100% { width: 100%; }
}

.profile-edit {
    padding: 25px 20px;
    border: 5px solid #df8585;
    width: 100%;
    -webkit-animation: 5s edit linear 0s normal none 1 running;
    animation: 5s edit linear 0s normal none 1 running;
}

.margin-edit {
    margin-bottom: 15px;
}

.checkbox {
    background: #fbe3e3;
    padding: 12px 15px;
    border-radius: 3px;
}

.profile-edit input,
.profile-edit input[type="email"] {
    padding: 12px 15px;
    border-radius: 3px;
    border: 1px solid #d1d1d1;
    width: 100%;
}

.profile-edit hr {
    width: 90%;
    border: 0;
    border-bottom: 1px solid #f2f2f2;
    padding: 10px 0;
    margin: 0 auto 31px auto;
}

.profile-edit .label-title {
    display: block;
    margin-bottom: 25px;
    font-size: 1.1em;
    border-radius: 3px 3px 0 0;
    font-weight: 500;color: #7b7b7b;
}

.block-percent {
    padding: 10px 10px 0;
    background: #e4e4e4;
    border-radius: 0 0 3px 3px;
    font-size: 0.9em;
    overflow: hidden;
}

.block-percent-profile {
    font-size: 0;
    margin: 0 -10px;
}

.block-percent-profile .green-line,
.block-percent-profile .red-line {
    height: 15px;
    display: inline-block;
}

.block-percent-profile .green-line {
    background: #93c55d;
}

.block-percent-profile .red-line {
    background: #df8585;
}

.percent-profile-info {
    margin-bottom: 14px;
}

.profile-online,
.profile-offline {
    padding: 5px 10px;
    border-radius: 3px 3px 0 0;
    color: white;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.profile-online {
    background: #93c55d;
}

.profile-offline {
    background: #df8585;
}

/* / Страница профилия */

span > .icon-den {
    position: relative;
    margin: 0 0 0 10px;
    top: 2px;
    color: #d2d2d2;
}

/* Раздел партнерских программ */
.pp-image {
    text-align: center;
    padding: 10px 0 35px;
}

.pp-image img {
    max-width: 100%;
}
/* / Раздел партнерских программ */

/* Избранное и Steam */

.steam-block {
    text-align: center;
}

.steam-button,
.fav-button a {
    padding: 1px 20px 7px;
    display: block;
    text-transform: uppercase;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    border: 1px dashed #c8c8c8;
    border-radius: 3px;
    margin-bottom: 20px;
}

.steam-button {  color: #5c7cab;  }
.steam-button:hover{  color: #3e5a7b;  }
.fav-button a {  color: #69b968;  }
.fav-button a:hover {  color: #488a47;  }

.psevdo-fav {
    cursor: help;
    padding: 1px 20px 7px;
    display: block;
    text-transform: uppercase;
    border: 1px dashed #c8c8c8;
    border-radius: 3px;
    color: #a1a1a1;
    margin-bottom: 20px;
}

.steam-button i,
.fav-button a i,
.psevdo-fav i {
    font-size: 1.5em;
    position: relative;
    top: 3px;
    margin-right: 12px;
}

/* / Избранное и Steam */

/* Серии игр (Полная новость) */
.game-series {
    text-align: justify;
    line-height: 1.4em;
}
.gs-poster-block {
    position: relative;
    margin: -20px -20px 30px -20px;
}
.gs-poster-block img {
    width: 100%;
    float: none;
}
.gs-poster-block h1 {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    background: rgba(0,0,0,0.6);
    margin: 0;
    padding: 15px;
    color: white;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
    text-transform: uppercase;
    font-size: 1.2em;
}

.ul-gs > li > a {
    display: flex;
    background: #ededed;
    border-bottom: 1px solid #fff;
    position: relative;
    overflow: hidden;
    text-shadow: 1px 1px 0 rgb(255, 255, 255);
    color: #404040;
    transition: 0.1s;
    align-items: center;
}

.ul-gs > li > a:hover {
    background: #dcdcdc;
}

.ul-gs > li > a > .gl-icon {
    min-width: 110px;
    height: 50px;
    display: inline-block;
}
.ul-gs > li > a > .gl-date {
    min-width: 64px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid white;
}
.ul-gs > li > a > .gl-title {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 15px;
}
/* / Серии игр (Полная новость) */

/* Модальное окно с видео */



#youtube-button {
    display: inline-flex;
    font-size: 0.9em;
    color: #ffffff;
    cursor: pointer;
    position: absolute;
    bottom: 21px;
    right: 7%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background: #f56f6f;
    border-radius: 2px;
    border: 1px solid #fff;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
    overflow: hidden;
}
#youtube-button:hover {
    background: #F55453;
}

#youtube-button > div {
    position: relative;
    padding: 8px 15px 10px 15px;
}

@-webkit-keyframes back-line {
    0% {margin-left: -40px;}
    100% {margin-left: 100%;}
}

@keyframes back-line {
    0% {margin-left: -40px;}
    100% {margin-left: 100%;}
}

#youtube-button > div:before {
    position: absolute;
    content: "";
    top: -12px;
    height: 60px;
    width: 25px;
    background: rgba(255, 255, 255, 0.15);
    -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
            transform: rotate(10deg);
    -webkit-animation: back-line 2s infinite linear 0s normal;
            animation: back-line 2s infinite linear 0s normal;
}

#youtube-button i {
    margin-right: 10px;
    font-size: 1.3em;
    position: relative;
    top: 2px;
}
.video-window {
    display: none;
    position: fixed;
    width: 100%;
    height: auto;
    z-index: 3;
    left: 0;
    top: calc(21.875% - 26px);
}
@media (min-width: 400px) {
    .video-window {
        width: 100%;
        left: 0;
        top: calc(21.875% - 26px);
    }
}
@media (min-width: 600px) {
    .video-window {
        width: 500px;
        left: calc(50% - 250px);
        top: calc(18% - 26px);
    }
}
@media (min-width: 800px) {
    .video-window {
        width: 50%;
        left: 25%;
        top: calc(21.875% - 26px);
    }
}
@media (min-width: 1500px) {
    .video-window {
        width: 800px;
        left: calc(50% - 400px);
        top: calc(21.875% - 26px);
    }
}
.video-window-view {
    display: inline-block;
    background: #d4d4d4;
    border-radius: 3px;
    overflow: hidden;
}
.video-window-top-line {
	text-align: right;
    padding: 2px 15px 4px;
}
#close-youtube-button {
    color: #353535;
    cursor: pointer;
    display: inline-block;
    font-size: 0.8em;
    text-shadow: 1px 1px 0 rgb(255, 255, 255);
}
#close-youtube-button:hover {
    color: #121212;
}
.video-window-block {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.video-window-block:before {
    content: "";
    z-index: 1;
    position: absolute;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 7px solid #ffffff;
    border-right: 7px solid rgba(146, 224, 160, 0);
    -webkit-animation: rotate 2s infinite linear;
    animation: rotate 2s infinite linear;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.video-window-block iframe,
.video-window-block object,
.video-window-block embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
/* / Модальное окно с видео */

/* Похожие новости */

.related-news {
    margin-bottom: 30px;
    overflow: hidden;
}
.rt-title {
    margin-bottom: 30px;
    font-size: 1.1em;
    font-weight: 400;
    color: #808080;
}
.related-news ul {
    padding: 0;
    margin: 0;
}
.related-news ul > li {
    width: 50%;
    float: left;
}
.related-news ul li a {
    display: block;
    background: #ededed;
    padding: 9px 12px 10px 90px;
    position: relative;
    text-shadow: 1px 1px 0 rgb(255, 255, 255);
    color: #404040;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 2px;
    margin-bottom: 4px;
}
.related-news li:nth-child(odd) a {
    margin-right: 2px;
}
.related-news li:nth-child(even) a {
    margin-left: 2px;
}
.related-news ul li a:hover {
    background: #d4d4d4;
}
.related-news ul li a span {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 100%;
    opacity: 0.8;
    background-position: center;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.related-news ul li a:hover span {
    opacity: 1;
}
@media (max-width: 400px) {
    .related-news ul > li {
        width: 100%;
        float: none;
    }
    .related-news li:nth-child(odd) a,
    .related-news li:nth-child(even) a {
        margin: 0 0 4px;
    }
}
/* / Похожие новости */
.article-img img.fr-fic,
.article-img img.fr-dii {
    margin: 30px auto;
    display: block;
}

/* Блок с полезными ссылками */

.help-block {
    text-shadow: 1px 1px 0 rgb(255, 255, 255);
    color: #404040;
    padding: 10px 15px 10px;
    border-radius: 3px;
    margin-bottom: 30px;
    border: 1px solid #DEDEDE;
    position: relative;
    overflow: hidden;
}

.help-block:before {
    content: 'faq';
    position: absolute;
    top: -21px;
    left: -59px;
    display: inline-block;
    background: #DEDEDE;
    padding: 30px 0 5px;
    text-align: center;
    width: 130px;
    color: #5a5a5a;
    text-shadow: 1px 1px 0 rgb(255, 255, 255);
    text-transform: uppercase;
    transform: rotate(-45deg);
    font-size: 0.8em;
}

.help-block-top-line {
    text-align: right;
    margin-bottom: 25px;
    font-size: 0.75em;
    color: #77a85f;
    font-weight: 400;
    text-transform: uppercase;
}

.help-block-top-line > i {
    margin-right: 7px;
}

.help-block-content > a > i {
    color: #4d4d4d;
    margin-right: 10px;
    width: 17px;
    text-align: center;
}

.help-block-content > a {
    display: block;
    color: #1e1e1e;
    margin-bottom: 15px;
}

.a-l {  padding-right: 7px;  }
.a-r {  padding-left: 7px;  }


/* / Блок с полезными ссылками */

/* Юбар */

.download-no-torrent {
	display: inline-block; 
    background: #8b7fbb;
    padding: 16px 30px 18px;
    color: #fff;
    border-radius: 3px;
    font-size: 1.25em;
    text-shadow: 0 0 3px rgba(0,0,0,0.2);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin: 0 0 30px 15px;
    font-weight: 300;
    font-family: 'Exo 2',sans-serif;
    overflow: hidden;
    border-right: 8px solid rgba(0,0,0,0.2);
    position: relative;
}

.download-no-torrent:hover {
    background: #9c93c1;
}

.download-no-torrent span:nth-child(2) {
    position: absolute;
    right: 10px;
    bottom: 2px;
    font-size: 0.6em;
    font-style: italic;
    opacity: 0.8;
}

/* / Юбар */

/* Кнопки поделиться */
.ya-share2__link > span {border-radius: 3px; padding: 1px 0;}
/* / Кнопки поделиться */


.pop-up {
    width: 80%;
    box-shadow: 0 0 0 1000px rgba(0,0,0,0.5);
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 40%;
    margin-top: 100%;
    /* left: 30%; */
    margin-left: -250px;
    z-index: 9;
    color: #fff;
    display: none;
}
   
.popup-close { 
  width: 50px; 
  margin-right: -60px; 
  opacity: 0.8; 
  float: right;  
  cursor: pointer; 
} 
   
.popup-l1, .popup-l2 { 
  width: 6px; 
  height: 50px; 
  margin-top: -5px; 
  margin-left: 22px; 
  background: #07ff0e; 
} 
   
.popup-l1 { 
  float: left; 
  transform: rotate(-45deg); 
  -webkit-transform: rotate(-45deg); 
} 
   
.popup-l2 { 
  transform: rotate(45deg); 
  -webkit-transform: rotate(45deg); 
} 
   
.popup-close:hover { 
  opacity: 1; 
}



.plus_vzk { 
width: 40px; 
text-align: center; 
color: #e83939; 
font-size: 20px; 
position: absolute; 
top: 10px; 
left: 10px; 
z-index: 2; 
background: #b8db92; 
border-radius: 50%; 
height: 40px; 
 
} 

#waakInfbc { 
max-width: 200px; 
position: fixed; 
z-index: 99999999; 
top: 20px; 
left: 20px; 
color: #FFF; 
font-size: 12px; 
display: none; 
} 

.waakInfbcOk {background: rgba(60,154,28,8);padding: 10px;} 
.waakInfbcNon {background: rgba(253,86,40,8);padding: 10px;} 
.waakInfbcZ {background: rgba(253,166,73,8);padding: 10px;} 

#widWaakZakl {
    padding: 10px 20px;
    background: #ffebcd;
    border: 1px solid #0295f5;
    margin: 0 0 10px;
}
#widWaakZakl a { 
font-size: 16px; 
line-height: 30px; 
} 
#clr{clear:both;} 

.widWaakZaklDel { 
float: right; 
padding: 0 10px; 
} 
.widWaakZaklDel:hover { 
background: #f1f1f1; 
}


.teacher_nurse{  
width: 49%;  
float: left;  
margin: 0px 1px 1px 3px;  
}  

.kralismu_wzarim-title{
background-color: rgb(74, 77, 78);
color: #fbf4f4;
padding: 11px 0px 11px 9px;
font-weight: bold;
font-size: 17px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
text-shadow: 0 1px 0 #333131;
}

.kralismu_wzarim-title:hover{
background-color: rgb(58, 62, 64);
}

.kralismu_wzarim-title a{
color:#efe5e5;
}

.kralismu_wzarim-title a:hover{
color:#81ef77;
}

.kralismu_wzarim-title span{
float:right;
cursor:help;
}

.kralismu_wzarim-image1{
border-top: 1px solid #443e3e;
overflow:hidden;
width:100%;
height: 199px;
object-fit: cover;
}

.kralismu_wzarim-st-block{
position: absolute;
width: 373px;
}

.kralismu_wzarim-st{
background-color: rgba(24, 173, 42, 0.78);
padding: 5px 7px 6px 7px;
margin-top: 5px;
color: #f5efef;
font-size: 13px;
display: inline-block;
margin-left: 0px;
float: left;
border-radius: 0px 3px 3px 0px;
}

.kralismu_wzarim-image1 a{
color:#f9f3f3;
}

.kralismu_wzarim-image1 img:hover:hover{
z-index: 1;
transition-duration: .5s;
transform: translate(0,-50px);
-webkit-transform: translate(0,-50px);
-o-transform: translate(0,-50px);
-moz-transform: translate(0,-50px);
}

.kralismu_wzarim-st:hover{
color:#fff;
background-color: rgb(51, 125, 21);
}

.zatumoladenug:before{
content:url('http://zornet.ru/CSS-ZORNET/Abvan/numerdigsa/viev.png');
margin-left:-30px;
padding-right:5px;
vertical-align:middle;
}

.downl:before{
content:url('http://zornet.ru/CSS-ZORNET/Abvan/numerdigsa/download.png');
margin-left:-30px;
padding-right:5px;
vertical-align:middle;
}

.fresakumes:before{  
content:url('http://zornet.ru/CSS-ZORNET/Abvan/numerdigsa/comments.png');  
margin-left:-30px;  
padding-right:5px;  
vertical-align:middle;  
}  

.tnikaweb:before{
content:url('http://zornet.ru/CSS-ZORNET/Abvan/numerdigsa/user.png');
margin-left:-30px;
padding-right:5px;
vertical-align:middle;
}

.kralismu_wzarim{
margin-left:10px;
margin-right:6px;
margin-bottom:20px;
margin-top:10px;
}

.tamurow{
position: absolute;
color:#fbf9f9;
margin: 169px auto;
}

.tamurow span{
background-color: rgba(32, 34, 35, 0.83);
margin-left:7px;
padding:3px 15px 4px 39px;
border-radius:53px;
cursor:help;
}

.kralismu_wzarim-message{background: rgba(243, 242, 242, 0.95);color: rgba(58, 54, 54, 0.96);padding: 0px;font-size: 13px;border: 1px solid rgba(188, 188, 193, 0.98);box-shadow: 1px 3px 9px 0px rgba(78, 72, 72, 0.18);border-radius: 0px 0px 2px 2px;}

.kralismu_wzarim-categor{
background-color:#452f2f;
color:#f9f3f3;
padding:10px;
text-align:center;
font-size:15px;
border-top: 1px solid #281b1b;
}

.kralismu_wzarim-categor a{
color:white;
font-size:15px;
}

.stop_asistаnt{opacity: 0.95;margin-bottom: 16px;padding: 0 9px;height: 93px;overflow: hidden;text-align: justify;}

@media screen and (max-width: 1240px){
.teacher_nurse{
width: 100%;
object-fit: cover;
}
}

@media screen and (max-width: 460px){
.tamurow{
display: none;
}
}

@media screen and (max-width: 460px){
.kralismu_wzarim-st{
display: none;
}
}

.kralismu_wzarim-image{
width: 100%;
object-fit: cover;
height: 257px;
}

.absoly_utntyran {
  position: relative;
  width: 46%;
  margin: 10px 2%;
  float: left;
}
.kindiv_idualism {
  position: absolute;
  right: 0px;
  top: 7px;
  background: rgba(22, 103, 13, 0.74);
  color: #FFF;
  padding: 4px 9px;
  border-radius: 3px 0px 0px 3px;
  text-shadow: 0 1px 0 rgba(23, 22, 22, 0.98);
}

.personalnakut_img {
  min-width: 99.5%;
  height: 215px;
  overflow: hidden;
  border: 1px solid rgba(229, 229, 236, 0.99);
  box-shadow: 0px 1px 11px 1px rgba(41, 40, 40, 0.69), 0px 0px 3px 1px rgba(58, 55, 55, 0.68);
  border-radius: 5px 5px 3px 3px;
}
.personalnakut_img:hover img {opacity:0.7;}  

.personalnakut_img img {
  min-width: 100%;
  max-width: 100%;
  height: 215px;
  object-fit: cover;
  padding: 0px 0px 1px 0px;
.inim: hover
  img {opacity:0.8;}
}

.cgukuratun {
  height: 53px;
  position: relative;
  margin-top: -53px;
  background: rgba(37, 35, 35, 0.73);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 0px 0px 3px 3px;
}
.cgukuratun:hover {
  background: rgba(2, 10, 23, 0.78);
}
.cgukuratun a {
  color: #FFF;
  display: block;
  padding: 14px 7px;
  font-size: 15px;
  font-weight: bold;
  font-family: PT Sans;
  text-shadow: 0 1px 0 #0c0c0c;
  white-space: nowrap;
  overflow: hidden;  
  text-overflow: ellipsis;
}

@media screen and (max-width: 1124px) {
  .absoly_utntyran {width: 48%;margin: 1%;}
}
@media screen and (max-width: 860px) {
  .absoly_utntyran {width: 96%;margin: 2%;}
}

.atkiner_tunerd_zornet {
  position: relative;
  width: 29%;
  margin: 20px 2%;
  float: left;
}
.vaikreda_timerdgen {
  position: absolute;
  right: 0px;
  top: 7px;
  background: rgba(55, 118, 138, 0.74);
  color: #FFF;
  padding: 4px 9px;
  border-radius: 3px 0px 0px 3px;
}

.zornet_ru_gevem_img {
  min-width: 99%;
  height: 199px;
  overflow: hidden;
  border: 1px solid #d8d8dc;
  box-shadow: 0px 0px 8px 1px rgba(80, 77, 77, 0.84), 0px 0px 3px 1px rgba(49, 47, 47, 0.69);
  border-radius: 5px 5px 1px 1px;
}
.zornet_ru_gevem_img img {
  min-width: 100%;
  max-width: 100%;
  height: 199px;
  object-fit: cover;
}

.rondepzisa_dikolan {
  height: 49px;
  position: relative;
  margin-top: -49px;
  background: rgba(16, 16, 16, 0.69);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 0px 0px 1px 1px;
}
.rondepzisa_dikolan:hover {
  background: rgb(55, 101, 146);
}
.rondepzisa_dikolan a {
  color: #FFF;
  display: block;
  font-family: Arial, Tahoma, sans-serif;
  font-size: 13px;
  padding: 12px 5px;
}

@media screen and (max-width: 1100px) {
  .atkiner_tunerd_zornet {width: 48%;margin: 1%;}
}
@media screen and (max-width: 600px) {
  .atkiner_tunerd_zornet {width: 96%;margin: 2%;}
}

.strukura_obvena{
width: 48%;
min-width: 315px;
height: 209px;
margin: 5px;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
border: 1px solid #dad2d2;
border-radius: 5px 5px 3px 3px;
box-shadow: 0px 0px 5px 2px rgba(90, 87, 87, 0.87), 0px 0px 0px -15px rgba(0, 0, 0, 0);
}

.strukura_obvena .interactiontus, .strukura_obvena .content{
width: 100%;
height: 210px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}

.strukura_obvena img{
display: block;
position: relative }

.strukura_obvena h2{
text-transform: uppercase;
text-align: center;
position: relative;
padding: 14px;
background: rgba(0, 0, 0, 0);
margin: 5px 0 0 0;
}

.strukura_obvena p{
font-family: Georgia, serif;
position: relative;
padding: 0px 2px 7px;
text-align: center;
}

.strukura_obvena a.info{
width: 100%;
height: 100%;
display: inline-block;
text-decoration: none;
padding: 0px 12px;
background: rgba(11, 39, 68, 0.97);
color: rgba(245, 239, 239, 0.98);
box-shadow: 0 0 1px rgba(16, 16, 16, 0.97);
}

.strukura_obvena a.info:hover{
box-shadow: 0 0 5px rgba(10, 10, 10, 0.96);
}

.confidentialityn img{
transform: scaleY(1);
transition: all 0.7s cubic-bezier(0.42, 0, 0.38, 0.88);
width: 100%;
height: 208px;
}

.confidentialityn .interactiontus{
background-color: rgba(25, 35, 45, 0.99);
transition: all 0.5s linear;
opacity: 0;
}

.confidentialityn h2{
color: rgba(238, 253, 123, 0.99);
transition: all 0.5s cubic-bezier(0, 0, 0.1, 0.78);
font-family: PT Sans;
font-size: 14px;
}

.confidentialityn p{
color: rgba(117, 241, 86, 0.94);
transition: all 0.5s cubic-bezier(0, 0, 0.65, 0.96);
font-size: 17px;
}

.confidentialityn a.info{
opacity: 0;
transform: scale(0);
transition: all 0.5s cubic-bezier(0, 0, 0.79, 0.99);
}

.confidentialityn:hover img{
transform: scale(10);
opacity: 0;
}

.confidentialityn:hover .interactiontus{
opacity: 1;
}

.confidentialityn:hover h2, .confidentialityn:hover p, .confidentialityn:hover a.info{
transform: scale(1);
opacity: 1;
}

.aron_biga_bedun{
position: absolute;
bottom: 0px;
width: 100%;
height: auto;
display: block;
background-color: rgba(3, 7, 29, 0.76);
text-align: center;
line-height: 18px;
color: rgba(253, 251, 251, 0.95);
font-size: 18px;
opacity: 0.97;
padding: 11px;
text-shadow: 0 1px 0 rgba(12, 12, 12, 0.99);
font-family: PT Sans;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.professional_reviews{
opacity: 0.97;
margin-bottom: 0px;
height: 51px;
overflow: hidden;
text-align: justify;
margin: 0px 28px 0px 0px;
font-size: 13px;
border: 1px solid #8b8d90;
padding: 0px 10px 0px 7px;
border-radius: 3px;
background: rgba(39, 41, 41, 0.97);
}

@media screen and (max-width: 1224px){
.strukura_obvena{
background: rgba(255, 255, 255, 0);
width: 100%;
padding: 0px;
height: 210px;
margin: 0px 10px 12px 0px;
}
}

@media screen and (max-width: 340px){
.aron_biga_bedun{
background: rgba(12, 21, 39, 0.63);
width: 100%;
height: auto;
padding: 10px;
}
}

@media screen and (max-width: 840px){
.strukura_obvena, confidentialityn{
background: rgba(130, 135, 144, 0.01);
min-width: 100%;
height: auto;
padding: 0px;
}
}

.vistraifen_gumlon{
width: 48%;
float: left;
margin: 10px 12px 12px 3px;
}

.larumomsa_tunga{
margin-top: 7px;
margin-bottom:7px;
font-size: 12px;
color:rgba(129, 129, 129, 0.96);
font-weight: bold;
}

.larumomsa_tunga a{
color:rgba(138, 126, 126, 0.96);
}

.zornet_ruvideren{
display:inline-block;
padding-left: 10px;
padding-right: 0px;
}

.leragum_mesgukuverka-title{
padding: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.leragum_mesgukuverka-title a{
color: rgba(28, 51, 80, 0.95);
font-weight: bold;
font-size: 19px;
font-family: PT Sans;
}

.leragum_mesgukuverka-title a:hover{
color:rgba(183, 85, 27, 0.96);
}

.leragum_mesgukuverka-title img{
float: right;
}

.news-date{
position: absolute;
top: 6px;
left: 6px;
padding: 5px 8px;
color: #fff;
background: rgba(1, 185, 76, 0.75);
font-size: 13px;
font-weight: 700;
text-shadow: rgba(72, 74, 76, 0.95) 0 1px 1px;
border-radius: 3px;
}

.stukimuven {
  width: 100%;
  height: 230px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  -webkit-box-shadow: 0 12px 15px 0 rgba(16, 16, 16, 0.37), 0 17px 50px 0 rgba(10, 10, 10, 0.2);
  -moz-box-shadow: 0 12px 15px 0 rgba(10, 10, 10, 0.26), 0 17px 50px 0 rgba(19, 18, 18, 0.19);
  box-shadow: 0 12px 15px 0 rgba(12, 12, 12, 0.25), 0 17px 50px 0 rgba(8, 8, 8, 0.21);
  border-radius: 3px;
}  

.stukimuven img {  
  max-width: 100%;  
  height: auto;  
  display: block;  
  -webkit-transform: scale(1);  
  transform: scale(1);  
  -webkit-transition: .4s cubic-bezier(0.42, 0, 0.54, 0.99);  
  transition: .4s cubic-bezier(0.42, 0, 0.54, 0.98);  


.kavestviteleka{
width: 48%;
float: left;
margin: 3px 12px 10px 3px;
border-radius: 5px 5px 1px 1px;
}

.lexico-measure img{
width: 99%;
height: 247px;
object-fit: cover;
border: 1px solid #adaeaf;
}

.mestokaenie{
padding: 10px;
background-color: #FFF;
border: 1px solid #d2d2d2;
}

.glagolnusut{
background: #2c5c73;
border: 1px solid #b3a9a9;
padding: 0 5px;
font-size: 12px;
height: 34px;
line-height: 34px;
margin-top: 10px;
border-radius: 3px;
}

.glagolnusut span{
margin-right: 10px;
color: #fafcff;
}

.glagolnusut span a{
color: #f4f5f7;
}

.date,.prosm, .salokun{
padding-left: 1px !important;
}

.determined{
height: 110px;
overflow: hidden;
}

.zorner_rubesamer{
padding: 10px 0;
}

.zorner_rubesamer a{
text-transform: uppercase;
font-size: 14px;
color: #444;
font-weight: bold;
display: block;
white-space: nowrap;
/* Отменяем перенос текста */overflow: hidden;
/* Обрезаем содержимое */padding: 0px;
/* Поля */text-overflow: ellipsis;
/* Многоточие */}

.links_unequal{
text-align: justify;
height: 74px;
overflow: hidden;
line-height: 135%;
color: #4b4b4b;
font-size: 14px;
}

.perehodnikan{
}

.perehodnikan a{
background: #22a724;
color: #fff;
display: block;
font-size: 13px;
height: 35px;
line-height: 35px;
margin: -38px 0 0 0px;
padding: 0 15px;
position: absolute;
width: auto;
border-radius: 0px 3px 0px 0px;
}

.perehodnikan a:hover{
text-decoration:none;
background: #2ddc2e;
}

.zavisimoten_slovo{
float: right;
margin: -32px 5px 0px 0px;
}

.zavisimoten_slovo a{
display: inline-block;
background: rgb(23, 50, 64);
width: 33px;
text-align: center;
height: 15px;
padding: 0px 5px 8px 5px;
border-radius: 10px;
border: 2px solid #8c929e;
}

.zavisimoten_slovo a i{
color: #fff;
padding: 6px 0px;
}

.zavisimoten_slovo a:hover{
background: rgba(22, 84, 14, 0.98);
}

@media screen and (max-width: 1224px){
.kavestviteleka{
background: #FFF;
width: 100%;
height: auto;
padding: 0px;
}
}