#bannersContainer
{
    position: relative;
    margin-top:30px;
    max-width: 900px;
    width:100%;
    /*height: 400px;*/
    z-index: 2;
    overflow:hidden;
}

    #bannersContainer img
    {
        position: absolute;
        top: 0px;
        width: 100%;
        height: auto;
        z-index: 2;
        visibility: hidden;
    }

        #bannersContainer img.activeBanner
        {
            z-index: 4;
            visibility: visible;
        }

@media (min-width:1215px)
{
    #bannersContainer
    {
        margin-top: 105px;
    }
}

#bannersTextsContainer
{
    /*position:absolute;
    top:503px;
    left:0px;*/
    position:relative;
    text-align:right;
    width:100%;
    /*height:25px;*/
    box-sizing:border-box;
    padding-right:2px;
    cursor:pointer;
    font-weight:bold;
}

    #bannersTextsContainer > span
    {
        visibility:hidden;
        display:none;
        z-index:2;
        font-size:28px;
        margin-right:18px;
    }

        #bannersTextsContainer > span.activeText
        {
            z-index: 4;
            visibility: visible;
            display:inline-block;
        }

        #bannersTextsContainer > span span
        {
            transform: rotate(-90deg) translateX(-1px);
            -moz-transform:rotate( -90deg ) translateX( -1px );
            -webkit-transform:rotate( -90deg ) translateX( -1px );
            -ms-transform: rotate(-90deg) translateX(-1px);
            display:inline-block;
        }