@font-face {
    font-family: 'barlowsemibold';
    src: url('../fonts/barlow-semibold-webfont.eot');
    src: url('../fonts/barlow-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/barlow-semibold-webfont.woff2') format('woff2'),
         url('../fonts/barlow-semibold-webfont.ttf') format('truetype'),
         url('../fonts/barlow-semibold-webfont.svg#barlowsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
.wvi-pager{
	text-align: center;
	font-size: 1.125em;
	font-family: "barlowsemibold";
}
.wvi-pager-holder {
	display: inline-block;
}
.wvi-pager-holder a{
	cursor: pointer;
	color: #999;
	margin: 0 0.11em;
	background-color: #fafafa;
	display: inline-block;
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5;
}
.wvi-pager-holder a.jp-current{ 
	color: #fff;
	background-color: #c7000b;
	text-decoration: underline;
}
.wvi-pager .arrow{
	cursor: pointer;
	color: #999;
	margin: 0 0.11em;
	background-color: #fafafa;
	width: 2.5em;
	height: 2.5em;
	-webkit-display: inline-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: top;
}
.wvi-pager .arrow.jp-disabled{
	cursor: default;
}
.wvi-pager .arrow img{
	background-repeat: no-repeat;
	background-image: url(../images/jpage_arrow_bg.png);
	background-size: auto 200%;
	background-position: center top;
	width: 31.12%;
}
.wvi-pager .arrow.prev img{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.wvi-pager .arrow.jp-disabled img{
	background-position: center top !important;
}

@media only screen and (min-width:1024px){
	.wvi-pager-holder a:hover { 
		color: #fff;
		background-color: #c7000b;
	}
	.wvi-pager .arrow:hover img{
		background-position: center bottom;
	}
}
@media only screen and (max-width:1024px){
	.wvi-pager{
		font-size: 1em;
	}
}