.link-button,.select-button:after{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none
}
@-webkit-keyframes fadein{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadein{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@-webkit-keyframes fadeinPlayer{
    from{
        opacity:0;
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    to{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes fadeinPlayer{
    from{
        opacity:0;
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    to{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@-webkit-keyframes fadeinVideoSelect{
    from{
        opacity:0;
        -webkit-transform:translateY(-10%);
        transform:translateY(-10%)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeinVideoSelect{
    from{
        opacity:0;
        -webkit-transform:translateY(-10%);
        transform:translateY(-10%)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@-webkit-keyframes fadeinSimple{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeinSimple{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@-webkit-keyframes slide{
    from{
        -webkit-transform:translateY(-30%);
        transform:translateY(-30%)
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes slide{
    from{
        -webkit-transform:translateY(-30%);
        transform:translateY(-30%)
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
*{
    font-family:'PT Sans',Helvetica,Arial,sans-serif;
    outline:0
}
body,html{
    min-height:100vh;
    max-width:100vw
}
html{
    background:url(img/bg2.jpg) 50% 50% fixed #1c111b;
    background-size:cover;
    min-width:320px
}
body{
    font:1em/1.4 sans;
    color:#fff;
    cursor:default;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
}
@media only screen and (min-width:1200px){
    body{
        font-size:1.15em
    }
}
.link,.link-button,.select-button,.select-button__select,a{
    -webkit-tap-highlight-color:rgb(24 166 220 / 25%)
}
::-moz-selection{
    background-color:rgba(45 233 240 / 75%);
    color:#fff
}
::selection{
    background-color:rgb(45 233 240 / 75%);
    color:#fff
}
.social-icons{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex:1 0 100%;
    -ms-flex:1 0 100%;
    flex:1 0 100%;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding-top:5px
}
.social-icons__name{
    display:none
}
.social-icons__list-item{
    height:32px;
    width:32px;
    -webkit-flex:0 0 32px;
    -ms-flex:0 0 32px;
    flex:0 0 32px;
    list-style:none;
    margin:0 5px;
    position:relative
}
.social-icons__list-item_vk .social-icons__link{
    background-image:url(img/vk.png)
}
.social-icons__list-item_tg .social-icons__link{
    background-image:url(img/tg.png)
}
.social-icons__list-item_tw .social-icons__link{
    background-image:url(img/tw.png)
}
.social-icons__link{
    border-radius:5px;
    display:block;
    width:100%;
    height:100%;
    background-size:contain;
    background-position:0 0;
    background-repeat:no-repeat
}
.video-select{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    max-width:100vw;
    position:relative;
    z-index:500
}
@media only screen and (min-width:769px){
    .social-icons__link:focus,.social-icons__link:hover{
        -webkit-filter:brightness(110%) saturate(220%);
        filter:brightness(110%) saturate(220%)
    }
    .social-icons__link:focus{
        -webkit-transform:scale(1.1);
        -ms-transform:scale(1.1);
        transform:scale(1.1)
    }
    .video-select_content{
        margin-left:10%;
        margin-right:10%
    }
}
.video-select__list{
    position:relative;
    z-index:9999;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    max-width:100%;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1
}
.video-select__select-container{
    -webkit-flex:0 5 auto;
    -ms-flex:0 5 auto;
    flex:0 5 auto;
    max-width:38vw
}
.video-select__select-container+.video-select__select-container{
    margin-left:1px
}
.video-select__select-container:first-child .video-select__select{
    border-radius:5px 0 0 5px
}
.video-select__select-container:last-child .video-select__select{
    border-radius:0 5px 5px 0
}
.video-select__select-container:not(:last-child):not(:first-child) .video-select__select{
    border-radius:0
}
.video-select__item{
    -webkit-order:2;
    -ms-flex-order:2;
    order:2;
    list-style:none;
    -webkit-flex:0 1 auto;
    -ms-flex:0 1 auto;
    flex:0 1 auto
}
.video-select__item:nth-child(1){
    -webkit-order:0;
    -ms-flex-order:0;
    order:0;
    text-align:right
}
.video-select__item_center{
    -webkit-order:1;
    -ms-flex-order:1;
    order:1;
    -webkit-flex:2 5 200px;
    -ms-flex:2 5 200px;
    flex:2 5 200px;
    margin:0 5px;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    max-width:50%
}
.video-select__link{
    text-indent:-9999px;
    overflow:hidden;
    width:1px;
    text-align:left;
    padding:0 41px 0 0;
    position:relative
}
.video-select__link:before{
    display:block;
    height:42px;
    width:42px;
    content:".";
    position:absolute;
    left:-1px;
    top:-1px;
    text-indent:0;
    line-height:42px;
    text-align:center;
    font-size:30px
}
.video-select__link_prev:before{
    content:"<"
}
.video-select__link_next:before{
    content:">"
}
.post{
    padding:2% 2% 2% 0;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    -webkit-animation:fadeinSimple .5s 1 ease-out;
    animation:fadeinSimple .5s 1 ease-out
}
.post__mobile-link{
    position:absolute;
    height:100%;
    width:100%;
    left:0;
    top:0;
    display:block;
    z-index:10;
    -webkit-tap-highlight-color:rgba(45 233 240,.5)
}
.post__poster-cell{
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    width:250px
}
@media only screen and (min-width:769px){
    .post{
        padding:0
    }
    .post__mobile-link{
        display:none
    }
    .post__poster-cell{
        -webkit-flex:1 1 0;
        -ms-flex:1 1 0;
        flex:1 1 0;
        min-width:250px;
        max-width:250px
    }
    .post__poster-link:focus,.post__poster-link:hover{
        -webkit-filter:brightness(105%) saturate(115%);
        filter:brightness(105%) saturate(115%)
    }
    .post__poster-link:focus .post__poster,.post__poster-link:hover .post__poster{
        -webkit-transform:scale(1.02);
        -ms-transform:scale(1.02);
        transform:scale(1.02)
    }
}
.post__poster-link{
    display:inline-block
}
.post__poster{
    display:block;
    width:100%
}
.post__details{
    -webkit-flex:2;
    -ms-flex:2;
    flex:2;
    padding-left:10px;
    font-size:.8em
}
.post__title{
    font-size:1.4em;
    font-weight:700
}
.post__description,.post__year{
    font-size:.86em;
    color:rgba(201,191,182,1)
}
.post__title-jp{
    font-weight:700
}
.post__description{
    padding-top:.5em
}
.post__year{
    padding-top:6px;
    margin-bottom:6px
}
.post__tag+.post__tag{
    margin-left:2px
}
@media only screen and (min-width:769px){
    .post__details{
        -webkit-flex:2 2 0;
        -ms-flex:2 2 0;
        flex:2 2 0;
        padding-left:15px
    }
    .post:focus-within .post__poster-link{
        -webkit-filter:brightness(105%) saturate(115%);
        filter:brightness(105%) saturate(115%)
    }
    .post:focus-within .post__poster{
        -webkit-transform:scale(1.02);
        -ms-transform:scale(1.02);
        transform:scale(1.02)
    }
    .post:focus-within .post__main-link{
        color:#97b1ff
    }
    .post-container{
        margin-left:5%;
        margin-right:5%
    }
}
@media only screen and (min-width:1200px){
    .post-container_video{
        max-width:70vw;
        -webkit-align-self:center;
        -ms-flex-item-align:center;
        align-self:center
    }
}
@media only screen and (min-width:769px){
    .post-container_content{
        margin-left:10%;
        margin-right:10%;
        display:grid;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        grid-template-columns:repeat(auto-fit,minmax(500px,.8fr));
        grid-gap:2vw
    }
}
.post-container__video-select{
    -webkit-animation:fadeinVideoSelect .5s 1 ease-in-out forwards;
    animation:fadeinVideoSelect .5s 1 ease-in-out forwards;
    margin:10px 10px 4px
}
.link,.link-button,.select-button,.select-button__select{
    color:#97b1ff
}
.link-button:not(.link-button_disabled):focus,.link-button:not(.link-button_disabled):hover,.link:not(.link_disabled):focus,.link:not(.link_disabled):hover,.select-button:not(.select-button_disabled):focus,.select-button:not(.select-button_disabled):hover,.select-button__select:not(.select-button__select_disabled):focus,.select-button__select:not(.select-button__select_disabled):hover{
    transition:.1s ease-in-out
}
.link-button,.select-button__select{
    cursor:pointer;
    display:inline-block;
    padding:0 10px;
    height:42px;
    line-height:40px;
    box-sizing:border-box;
    border:1px solid transparent;
    box-shadow:0 0 0 1px #c8bde1;
    border-radius:5px;
    text-decoration:none;
    background:rgba(255,255,255,.1)
}
@media only screen and (min-width:769px){
    .post-container__video-select{
        margin-left:0;
        margin-right:0
    }
    .link-button:not(.link-button_disabled):focus,.link-button:not(.link-button_disabled):hover,.link:not(.link_disabled):focus,.link:not(.link_disabled):hover,.select-button:not(.select-button_disabled):focus,.select-button:not(.select-button_disabled):hover,.select-button__select:not(.select-button__select_disabled):focus,.select-button__select:not(.select-button__select_disabled):hover{
        color:#00dcf5
    }
    .link img{
        transition:.1s ease-in-out
    }
    .link-button:not(.link-button_disabled):focus,.link-button:not(.link-button_disabled):hover,.select-button__select:not(.select-button__select_disabled):focus,.select-button__select:not(.select-button__select_disabled):hover{
        background:rgba(255,255,255,.2);
        box-shadow:0 0 0 1px #00f3f5
    }
}
.link-button{
    padding:0 20px;
    user-select:none
}
.link-button_disabled,.link-button_disabled:focus,.link-button_disabled:hover{
    cursor:default;
    color:grey;
    box-shadow:0 0 0 1px grey;
    background:rgba(155,155,155,.1);
    opacity:.5
}
.link-button_active,.link-button_active:focus,.link-button_active:hover{
    box-shadow:0 0 0 1px #00c2ff;
    color:#cef3ff;
    opacity:1
}
.select-button{
    border-radius:5px;
    position:relative;
    display:block
}
.select-button__select{
    max-width:100%;
    padding-right:22px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    font-size:16px;
    position:relative
}
.select-button__select::-moz-focus-inner,.select-button__select::-moz-focusring{
    outline:0!important;
    border-color:transparent!important;
    color:transparent;
    text-shadow:0 0 0 #00DCF5
}
.select-button__select *{
    color:#00DCF5;
    text-shadow:none
}
.select-button__select:focus,.select-button__select:hover{
    z-index:5
}
.select-button__select option{
    color:#000
}
.select-button:after{
    content:'>';
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    position:absolute;
    right:28px;
    top:1px;
    height:100%;
    line-height:1px;
    user-select:none;
    pointer-events:none;
    opacity:.5
}
.logo,.page-header__logotext{
    pointer-events:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none
}
@media only screen and (min-width:769px){
    .select-button:focus:after,.select-button:hover:after{
        opacity:1
    }
    .select-button:focus-within:after{
        opacity:1;
        color:#00DCF5
    }
    .logo--withlink{
        transition:.1s ease-in-out
    }
    .logo--withlink:focus-within,.logo--withlink:hover{
        -webkit-filter:brightness(1.4);
        filter:brightness(1.4)
    }
}
.logo,.logo__link{
    color:rgba(250,250,250,0)
}
.logo{
    user-select:none;
    display:inline-block;
    background:url(img/logo2.png) 50% 50% no-repeat;
    background-size:contain;
    min-width:100px;
    min-height:24px
}
.logo__link{
    pointer-events:auto;
    display:block;
    width:100%;
    height:100%;
    -webkit-tap-highlight-color:rgba(45,233,240,.25)
}
.logotext{
    font-size:9px;
    text-transform:uppercase
}
.small-title{
    font-size:.8em
}
.tag{
    font-size:.86em;
    display:inline-block;
    padding:0 4px;
    background:#0a3f66;
    border-radius:5px
}
.page-content,.page-header{
    display:-webkit-flex;
    display:-ms-flexbox
}
.page-title{
    padding:10px 10px 0;
    font-size:.95em;
    text-align:center
}
.page-title__text--russian{
    font-size:1.4em;
    font-weight:700
}
.page-header{
    display:flex;
    height:50px;
    -webkit-flex:0 0 50px;
    -ms-flex:0 0 50px;
    flex:0 0 50px;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-top:20px;
    margin-bottom:30px;
    position:relative
}
.page-header__logo{
    width:100%;
    background-size:auto 46px
}
@media only screen and (min-width:1200px){
    .page-header__logo{
        width:280px;
        background-size:contain
    }
    .page-header__logotext{
        font-size:13px
    }
}
.page-header__homelink{
    padding-top:30px;
    padding-bottom:20px;
    top:-30px;
    position:relative;
    text-align:center
}
@media only screen and (min-width:769px){
    .page-header__homelink{
        padding-top:0;
        padding-bottom:20px;
        top:0;
        position:static
    }
    .page-header{
        margin-top:40px;
        margin-bottom:40px;
        height:auto
    }
}
.page-header__logotext{
    display:block;
    position:absolute;
    width:100%;
    top:100%;
    text-align:center;
    left:0;
    padding-top:4px;
    user-select:none
}
@media only screen and (min-width:1200px){
    .page-header{
        margin-top:50px;
        -webkit-flex:0 0 70px;
        -ms-flex:0 0 70px;
        flex:0 0 70px
    }
}
.page-content{
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    display:flex;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    overflow:hidden
}
@media only screen and (min-width:769px){
    .page-content{
        padding:0 2%;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.pagination,.post_footer{
    text-align:center;
    margin:0 0 20px;
    padding-top:20px
}
.page-footer{
    width:100%;
    padding-top:20px;
    padding-bottom:30px;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center
}
.player-box{
    position:relative
}
.player-box iframe,.player-box__video:empty{
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0
}
.player-box iframe{
    z-index:10;
    opacity:0;
    -webkit-animation:fadein 1s 1 ease-in-out forwards;
    animation:fadein 1s 1 ease-in-out forwards
}
.player-box__aspectratio{
    width:100%;
    vertical-align:top;
    display:block;
    opacity:1;
    margin:0 auto;
    max-height:100vh;
    z-index:2;
    box-shadow:0 0 40px 5px rgba(0,0,0,.95)
}
.player-box__video:empty{
    z-index:3;
    background:url(img/emptyplayer.png);
    background-size:contain
}
.classWithPad { margin:10px; padding:10px; }