.UIBannerControl {
        width: 100% !important;
        height: 136px;
        z-index: 2;
        /*height: 129px;*/
        /* padding: 25px 0; */
        background: #b4865a;
}
.UIBannerControl .banner-container {
 		position: relative;
        margin: 0 auto;
        width: var(--body-width);
}

.UIBannerControl .banner-container .pos-absolute {
		position: absolute;
        width: 80%;
        height: 136px;
        top: 0px;
        right: 0px;
}

.UIBannerControl .banner-container .pos-absolute img{
		width: 100%;
        height: 100%;
}

.UIBannerControl .bg1 {
        width: 100%;
        height: 100%;
        z-index: 5;
        animation: ani1 15s infinite;
}

@keyframes ani1 {
 		0% {
                z-index: 5;
        }
        
        25% {
                z-index: 2;
        }
        
        50% {
                z-index: 3;
        }
        
        75% {
                z-index: 4;
        }
        
        100% {
                z-index: 5;
        }
}

.UIBannerControl .bg2 {
        width: 100%;
        height: 100%;
        z-index: 4;
        animation: ani2 15s infinite;
}

@keyframes ani2 {
 		0% {
                z-index: 4;
        }
        
        25% {
                z-index: 5;
        }
        
        50% {
                z-index: 2;
        }
        
        75% {
                z-index: 3;
        }
        
        100% {
                z-index: 4;
        }
}

.UIBannerControl .bg3 {
        width: 100%;
        height: 100%;
        z-index: 3;
        animation: ani3 15s infinite;
}

@keyframes ani3 {
 		0% {
                z-index: 3;
        }
        
        25% {
                z-index: 4;
        }
        
        50% {
                z-index: 5;
        }
        
        75% {
                z-index: 2;
        }
        
        100% {
                z-index: 3;
        }
}

.UIBannerControl .bg4 {
        width: 100%;
        height: 100%;
        z-index: 2;
        animation: ani4 15s infinite;
}

@keyframes ani4 {
 		0% {
                z-index: 2;
        }
        
        25% {
                z-index: 3;
        }
        
        50% {
                z-index: 4;
        }
        
        75% {
                z-index: 5;
        }
        
        100% {
                z-index: 2;
        }
}

.UIBannerControl .banner-container .title-container {
        max-width: var(--body-width);
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        flex-direction: row;
}
.UIBannerControl .banner-container .title-container .left-title {
        position: relative;
        height: 100%;
        background-color: transparent;
        z-index: 100;
}
.UIBannerControl >img {
        width: 100%;
        height: 100%;
}
.UIBannerControl .block-text {
        margin: 0 auto;
        padding: 14px 0 10px;
        display: block;
        /* min-height: 105px; */
        /* left: 360px; */
        position: absolute;
        margin: 0 auto;
        padding: 14px 0 10px;
        display: block;
        /* min-height: 105px; */
        /* left: 460px; */
        position: absolute;
        width: 100%;
        text-align: center;
}
.UIBannerControl .first a {
        text-align: center;
        width: 100%;
        display: block;
        font-size: 29px;
        text-transform: uppercase;
        color: #fffcbe;
        font-weight: 700;
        letter-spacing: 1px;
}
.UIBannerControl .second a {
        text-align: center;
        width: 100%;
        display: block;
        font-size: 33px;
        text-transform: uppercase;
        color: #fffc0e;
        font-weight: 700;
        letter-spacing: 1px;
}
.UIBannerControl .co {
        left: 5px;
        position: absolute;
        top: 0;
}
.UIBannerControl .header-skin {
        position: relative;
}
.UIBannerControl a.logo {
        display: block;
        position: absolute;
        top: 25px;
        left: 118px;
}
.UIBannerControl .loginlink {
        position: absolute;
        top: 20px;
        right: 5px;
}
.UIBannerControl a.SkinObject {
        color: yellow;
        text-decoration: underline;
}
.UIBannerControl .second a.small {
        font-size: 25px;
}
@media only screen and (max-width: 768px) {
        /* For mobile phones: */
        .UIBannerControl {
                height: initial;
                padding: 10px;
                height: 60px;
                background-size: 100%;
                width: 100vw !important;
        }
        .UIBannerControl .block-text {
                left: 96px;
                top: -7px;
                padding: 0;
                height: unset;
                display: block;
                min-height: unset;
        }
        .UIBannerControl .first a {
                font-size: 12px;
        }
        .UIBannerControl .second a {
                font-size: 12px;
        }
        .UIBannerControl a.logo {
                left: 20px;
                width: 50px;
                top: -3px;
        }
        .UIBannerControl .loginlink {
                display: none;
        }
}
