/* Carousel on Startpage
--------------------------------------------------------------------------------------------------------------------- */

.owl-carousel .percentage {
    position: absolute;
    top: 0;
    right: 0;
}
.homepage-slider .owl-controls .owl-buttons div,
.mixed-banner-row > .owl-carousel .owl-controls .owl-buttons div {
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    bottom: 20px;
    height: 35px;
    margin-top: -17px;
    width: 35px;
    top: inherit;
}
.homepage-slider .owl-controls .owl-buttons div.owl-next,
.mixed-banner-row > .owl-carousel .owl-buttons div.owl-next {
    right: 20px;
}
.homepage-slider .owl-controls .owl-buttons div.owl-prev,
.mixed-banner-row > .owl-carousel .owl-buttons div.owl-prev {
    left: 20px;
}
.homepage-slider .owl-controls .owl-buttons div::before,
.mixed-banner-row > .owl-carousel .owl-buttons div::before {
    font-size: 20px;
    line-height: 35px;
}

@media only screen and (max-width: @screen__m) {
	.mixed-banner-row .item-bg {
		text-align: center;
	}
}