@charset "utf-8";
/* CSS Document */


#regulamin {
    padding: 1em 0;
    min-height: 420px;
}
#regulamin .buttons{
	text-align: center;
	padding-bottom: 2em;
}
#regulamin .owl-carousel {
    width: calc(100% - 320px);
    float: right;
}
#regulamin .owl-controls.clickable {
    width: 280px;
    position: absolute;
    top: 0;
    left: -320px;
}
#regulamin .owl-page,
#regulamin span.owl-numbers.ikona,
#regulamin .owl-pagination{
	width: 100%;
	display: block;
}
#regulamin span.owl-numbers.ikona {
	background: #fff;
	color: #cf262c;
    padding: .4em;
    border-radius: 27px;
    border: none;
    clear: both;
    display: block;
    position: relative;
    height: 42px;
	font-size: 14px;
}
#regulamin span.owl-numbers.ikona i {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 8px;
	background: #cf262c;
	color:#fff;
}
#regulamin span.owl-numbers.ikona span {
	width: calc(100% - 40px);
    background: transparent;
    text-align: left;
    padding: 2px;
}
#regulamin .owl-page:hover span.owl-numbers.ikona,
#regulamin .owl-page.active span.owl-numbers.ikona{
    background: #cf262c;
    color: #fff;
}
#regulamin .owl-page:hover span.owl-numbers.ikona i,
#regulamin .owl-page.active span.owl-numbers.ikona i{
    background: #fff;
    color: #cf262c;
}
@media screen and (max-width: 769px){
	#regulamin .owl-carousel {
		width: 100%;
    	padding-top: 120px;
	}
	#regulamin .owl-controls {
		position: absolute;
		top: 10px;
	}
	#regulamin .owl-page, #regulamin span.owl-numbers.ikona, #regulamin .owl-pagination {
		width: auto;
		display: inline-block;
	}
}