/* wordpress pagination */
.page-numbers-wrap {
    text-align: center;
}
ul.page-numbers {
	list-style-type: none;
	margin-bottom: 0;
	padding-left: 0;
}
ul.page-numbers > li {
    display: inline-block;
	margin-right: 3px;
}
ul.page-numbers > li:last-child {
    margin-right: 0;
}
ul.page-numbers a, 
ul.page-numbers span {
    padding: 5px 10px;
    background-color: #ff3f34;
    min-width: 2em;
    display: inline-block;
    text-align: center;
	text-decoration: none;
	color: #fff;
}
ul.page-numbers a,
ul.page-numbers a:focus,
ul.page-numbers a:hover,
ul.page-numbers a:visited {
	outline: none;
	text-decoration: none;
}
ul.page-numbers span.current {
	background-color: #e67e22;
}
ul.page-numbers a:hover {
	background-color: #e67e22;
}

.swiper-button-prev,
.swiper-button-next {
	display: none !important;
}

@media (max-width: 767px){
	.game-slider-block .swiper-wrapper > a {
		width: 100% !important;
	}
}

@media (max-width: 640px){
	ul.page-numbers a, 
	ul.page-numbers span {
		font-size: 0.8em;
	}
}

/** PROMOTION PAGE **/

.promotion-page .panel-group .panel {
	border-radius: 0;
	border: none !important;
	
	-webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.45);
	   -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.45);
		-ms-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.45);
		 -o-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.45);
			box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.45);	
}

.promotion-page .panel-group .panel + .panel {
	margin-top: 10px;
}

.promotion-page .panel-heading {
	padding: 0;
}

.promotion-page .panel-heading img {
	width: 100%;
}

.promotion-page .panel-body {
	background: #fff;
	color: #333 !important;
	border: none !important;
}

.promotion-page .panel-body h1, 
.promotion-page .panel-body h2, 
.promotion-page .panel-body h3, 
.promotion-page .panel-body h4, 
.promotion-page .panel-body h5, 
.promotion-page .panel-body h6 {
	font-weight: 700;
	margin-bottom: 0;
}

.promotion-page .panel-body p {
	font-weight: 100;
}

.ratio-4-3{
  width: 100%;
  position: relative;
  background: url();
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-clip: content-box;
}

.ratio-4-3:before{
    display: block;
    content: '';
    padding-top: 75%;
}

@media (max-width: 600px){
	.promotion-page {
		padding: 0;
	}
}