.top-block {
    cursor: pointer;
}

.journal-slider-block .preview-block img {
    width: 50%;
}

@media (max-width: 768px) {
    .menu-block .size, .menu-block .full-screen {
        display: none;
    }
    .journal-slider-block .preview-block img {
        width: 100%;
    }
    .journal-slider-block .control {
        width: 60px;
    }
}


@font-face {
    font-family: 'Avenir Next';
    font-weight: normal;
    src: url('../fonts/hinted-AvenirNext-Regular.eot');
    src: url('../fonts/hinted-AvenirNext-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/hinted-AvenirNext-Regular.woff') format('woff'), url('../fonts/hinted-AvenirNext-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Avenir Next';
    font-weight: bold;
    src: url('../fonts/hinted-AvenirNext-Bold.eot');
    src: url('../fonts/hinted-AvenirNext-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/hinted-AvenirNext-Bold.woff') format('woff'), url('../fonts/hinted-AvenirNext-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Avenir Next';
    font-weight: 500;
    src: url('../fonts/hinted-AvenirNext-Medium.eot');
    src: url('../fonts/hinted-AvenirNext-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/hinted-AvenirNext-Medium.woff') format('woff'), url('../fonts/hinted-AvenirNext-Medium.ttf') format('truetype');
}

.splash{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: #212532;
}

.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -4.4em 0 0 -4.4em;
    z-index: 1;
}
.loader,
.loader:before,
.loader:after {
    border-radius: 50%;
}
.loader:before,
.loader:after {
    position: absolute;
    content: '';
}

.loader {
    border: 0.4em solid #ffffff;
    border-radius: 50%;
    text-indent: -99999em;
    position: relative;
    width: 9.2em;
    height: 9.2em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.loader:before {
    width: 5.4em;
    height: 10.4em;
    background: #212532;
    border-radius: 50% 0 0 50%;
    top: -0.6em;
    left: -0.6em;
    -webkit-transform-origin: 5.2em 5.1em;
    transform-origin: 5.2em 5.1em;
    -webkit-animation: load2 2s infinite ease 1.5s;
    animation: load2 2s infinite ease 1.5s;
}
.loader:after {
    width: 5.4em;
    height: 10.4em;
    background: #212532;
    border-radius: 0 50% 50% 0;
    top: -0.6em;
    left: 4.8em;
    -webkit-transform-origin: 0px 5.2em;
    transform-origin: 0px 5.2em;
    -webkit-animation: load2 2s infinite ease;
    animation: load2 2s infinite ease;
}
@-webkit-keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader-icon {
    position: absolute;
    width: 68px;
    height: 68px;
    top: 50%;
    left: 50%;
    margin: -34px 0 0 -34px;
    z-index: 2;

    background: url("../img/loader-sprite.png") left center;

    -webkit-animation: loader-icon-play .8s steps(12) infinite;
    -moz-animation: loader-icon-play .8s steps(12) infinite;
    -ms-animation: loader-icon-play .8s steps(12) infinite;
    -o-animation: loader-icon-play .8s steps(12) infinite;
    animation: loader-icon-play .8s steps(12) infinite;
}

.auth-info {
    font-size: 80%;
    text-align: center;
}