/***************
*
*  1. Arrows
*
****************/

.rsDefault .rsArrow {
	cursor: pointer;
	display: block;
	height: 100%;
	position: absolute;
	width: 28px;
}
.rsDefault.rsVer .rsArrow {
	height: 36px;
	width: 100%;
}
.rsDefault.rsHor .rsArrowLeft {
	left: -33px;
	top: 0;
}
.rsDefault.rsHor .rsArrowRight {
	right: -37px;
	top:0;
}
.rsDefault .rsArrowIcn {
	cursor: pointer;
	height: 36px;
	left: 50%;
	margin-left: -16px;
	margin-top: -16px;
	position: absolute;
	top: 50%;
	width: 28px;
}
.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
	background: url("../img/arrow-left.png");
}
.rsDefault.rsHor .rsArrowRight .rsArrowIcn {
	background: url("../img/arrow-right.png");
}

@media (max-width: 1520px) {
    .rsDefault .rsArrow {
        display: none !important;
    }
}

/***************
*
*  2. Bullets
*
****************/

.rsDefault .rsBullets {
	bottom: -15px;
    left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}
.rsDefault .rsBullet {
	cursor: pointer;
	display: inline-block;
}
.rsDefault .rsBullet:not(:last-child) {
	margin-right: 20px;
}
.rsDefault .rsBullet span {
	background-color: #818285;
	border-radius: 50%;
	display: block;
	height: 20px;
	width: 20px;
}
.rsDefault .rsBullet.rsNavSelected span {
	background-color: #ea5a4e;
}

@media (max-width: 992px) {
	.rsDefault .rsBullets {
		bottom: -10px;
	}

	.rsDefault .rsBullet:not(:last-child) {
		margin-right: 15px;
	}

	.rsDefault .rsBullet span {
		height: 15px;
		width: 15px;
	}
}