body, html {
    overflow: inherit;
}

html {
    width: 100%;
    position: relative;
}

.tl-fancybox-active {
    position: fixed;
}

#block-search, #block-search * {
    box-sizing: border-box;
}

#block-search {
    position: relative;
    top: 46px;
    z-index: 10;
    max-width: 1095px;
    margin: 0 auto;
    background: #FFFFFF;
}

.tl-container {
    padding: 0 30px;
}

#sp-main-body {
    position: relative;
    top: -354px;
}

#tl-reputation-widget {
    max-width: 400px;
    width: 100%;
    margin: 90px auto -90px;
}

@media (max-width: 416px) {
    #tl-reputation-widget {
        width: auto;
        margin: 90px 12px -200px;
    }
}

@media (min-width: 416px) {
    #sp-main-body {
        top: -228px;
    }
}

@media (min-width: 440px) {
    #sp-main-body {
        top: -213px;
    }
}

@media (min-width: 576px) {
    #block-search {
        top: 65px;
    }

    #sp-main-body {
        top: -354px;
    }
}

@media (min-width: 686px) {
    #sp-main-body {
        top: -219px;
    }
}

@media (min-width: 848px) {
    #sp-main-body {
        top: -153px;
    }
}

@media (min-width: 992px) {
    #block-search {
        top: 90px;
    }
}

@media (min-width: 1078px) {
    #sp-main-body {
        top: -93px;
    }
}

@media (min-width: 1200px) {
    #block-search {
        top: 195px;
    }
}

@media (min-width: 1451px) {
    #block-search {
        top: 110px;
    }
}

.tl-fancybox-container .tl-fancybox-slide--current {
    display: flex;
}