.holder {
	margin: 15px 0;
}

.holder a {
	font-size: 20px;
	cursor: pointer;
	margin: 0 5px;
	color: #333;
	border-radius: 10px;
	padding: 10px;
	/*color: white !important;*/
}

.holder a:hover {
	background-color: #283991;
	color: white !important;
	text-decoration: none !important;
}

.holder a.jp-previous { 
	margin-right: 15px;
	background: #be1e2d;
	color: white !important;
}
.holder a.jp-next { 
	margin-left: 15px;
	background: #be1e2d;
	color: white !important;
}

.holder a.jp-current, a.jp-current:hover { 
	color: white;
	font-weight: bold;
	background: #283991 !important;
}

.holder a.jp-disabled, a.jp-disabled:hover {
	color: #797a7c;
	text-transform: none !important;
}

.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover {
	cursor: default; 
	background: none;
}

.holder span { margin: 0 5px; }


/*** Responsive ***/
@media (min-width: 992px) and (max-width: 1199px) {
	.holder a {
		font-size: 16px;
	}
}

/* sm */

@media (min-width: 768px) and (max-width: 991px) {
	.holder a {
		font-size: 15px;
	}
}

/* xs */

@media (min-width: 480px) and (max-width: 767px) {
	.holder a {
		font-size: 15px;
	}
}


/* XS Portrait */

@media (max-width: 479px) {
	.holder{
		margin: 15px 0 10px -10px;
	}
	.holder a {
		font-size: 14px;
		margin: 0px;
	}
	.holder a.jp-previous { 
		margin-right: 0px;
		background: #be1e2d;
		color: white !important;
	}
	.holder a.jp-next { 
		margin-left: 0px;
		background: #be1e2d;
		color: white !important;
	}
}