@font-face {
    font-family: "Glyphicons Halflings";
    src: url("fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("fonts/glyphicons-halflings-regular.woff") format("woff"), url("fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
.glyphicon {
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    position: relative;
    top: 1px;
}

.glyphicon-play-circle::before {
    content: "\e029"; 
}

.hidden-xs, .hidden-sm {
    display: none;
}

.mod_gamesfp_container {
	width: 100%;
	position: relative;
	margin-top: 15px
}

/* clear fix */
.mod_gamesfp_container:after {
	content: '';
	display: block;
	clear: both;
}

.hidden{
	/*visibility:hidden;*/
	display: none;
	width:0px!important;
	height:0px!important;
	margin:0px!important;
	padding:0px!important;
}

.grid-item, .mod_gamesfp .element {
	transition: background 0.4s!important;, box-shadow 0.4s;
	-webkit-transition-property: top, left, opacity;
	-moz-transition-property: top, left, opacity;
	-ms-transition-property: top, left, opacity;
	-o-transition-property: top, left, opacity;
	transition-property: top, left, opacity;
}
.mod_gamesfp,
.mod_gamesfp .element {
	/* change duration value to whatever you like */
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.mod_gamesfp {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.mod_gamesfp .element {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property:    -moz-transform, opacity;
	-ms-transition-property:     -ms-transform, opacity;
	-o-transition-property:      -o-transform, opacity;
	transition-property:         transform, opacity;
}

.loading-bar-holder{
	background: #11270a;
	z-index: 999;
	position: absolute;
	width: 99%;
}

.lds-dual-ring {
	width: 64px;
	height: 64px;
	margin: auto;
}
.lds-dual-ring:after {
	content: " ";
	display: block;
	width: 46px;
	height: 46px;
	margin: 1px;
	border-radius: 50%;
	border: 5px solid #fff;
	border-color: #fff transparent #fff transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}

#lm-container { display: block; text-align: center; }
#load-more{
	position: relative;
	/*float:right;*/
	margin:20px;
	padding: 1px;
	border: 0 none;
	border-radius: 6px;
	cursor: pointer;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffcb+1,fffff8+7,fffff8+31,ffffcb+50,ce9e63+54,fff7bc+99,fff188+100 */
background: #ffffcb; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjZmZmZmY4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzElIiBzdG9wLWNvbG9yPSIjZmZmZmY4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmNiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjY2U5ZTYzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjZmZmN2JjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZjE4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #ffffcb 1%, #fffff8 7%, #fffff8 31%, #ffffcb 50%, #ce9e63 54%, #fff7bc 99%, #fff188 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffcb), color-stop(7%,#fffff8), color-stop(31%,#fffff8), color-stop(50%,#ffffcb), color-stop(54%,#ce9e63), color-stop(99%,#fff7bc), color-stop(100%,#fff188)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  #ffffcb 1%,#fffff8 7%,#fffff8 31%,#ffffcb 50%,#ce9e63 54%,#fff7bc 99%,#fff188 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  #ffffcb 1%,#fffff8 7%,#fffff8 31%,#ffffcb 50%,#ce9e63 54%,#fff7bc 99%,#fff188 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  #ffffcb 1%,#fffff8 7%,#fffff8 31%,#ffffcb 50%,#ce9e63 54%,#fff7bc 99%,#fff188 100%); /* IE10 preview */
background: linear-gradient(to bottom,  #ffffcb 1%,#fffff8 7%,#fffff8 31%,#ffffcb 50%,#ce9e63 54%,#fff7bc 99%,#fff188 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffcb', endColorstr='#fff188',GradientType=0 ); /* IE6-8 */

}
#load-more:before {
  content: " "; /* you need something or it will be invisible at least on Chrome */
  color: transparent;
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  /*width: 100%;*/
  border: 1px solid #945f2f;
  border-radius: 6px;
}
#load-more:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffff8+31,ffffcb+50,f3a066+54,f3a066+67,fffcc4+100 */
	background: #fffff8; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMSUiIHN0b3AtY29sb3I9IiNmZmZmZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1NCUiIHN0b3AtY29sb3I9IiNmM2EwNjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NyUiIHN0b3AtY29sb3I9IiNmM2EwNjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmY2M0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #fffff8 31%, #ffffcb 50%, #f3a066 54%, #f3a066 67%, #fffcc4 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#fffff8), color-stop(50%,#ffffcb), color-stop(54%,#f3a066), color-stop(67%,#f3a066), color-stop(100%,#fffcc4)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top,  #fffff8 31%,#ffffcb 50%,#f3a066 54%,#f3a066 67%,#fffcc4 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top,  #fffff8 31%,#ffffcb 50%,#f3a066 54%,#f3a066 67%,#fffcc4 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top,  #fffff8 31%,#ffffcb 50%,#f3a066 54%,#f3a066 67%,#fffcc4 100%); /* IE10 preview */
	background: linear-gradient(to bottom,  #fffff8 31%,#ffffcb 50%,#f3a066 54%,#f3a066 67%,#fffcc4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffff8', endColorstr='#fffcc4',GradientType=0 ); /* IE6-8 */
}
#load-more:hover:before {
  border: 1px solid #e47a2f;
}

#load-more span {
	color: #203c17;
	display: block;
	text-shadow: 0px 0px 4px rgba(255, 255, 208, 1);
	/*border: 1px solid #945f2f;
	border-radius: 6px;*/
	padding: 10px;
	text-align: center;
	font-family: FuturaBT-MediumCondensed,Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 25px;
}


.mod_gamesfp {
	width: 100%;
	/*height: 290px;*/
	overflow-y: hidden;
	display: inline-block;
	clear: both;
	margin: 0 0;
        background: #11270a;
        padding: 8px;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
        box-sizing: border-box;
        padding-bottom: 0px;
        padding: 7px 21px;
        padding-top: 21px;
}

.mod_gamesfp_menu {
	margin: 10px 15px;
}

/* clear fix */
.mod_gamesfp:after {
	content: '';
	display: block;
	clear: both;
}

.mod_gamesfp .element {
	width: 120px;
	margin-bottom: 10px;
}

.mod_gamesfp .element img {
	width: 100%;
	height: auto;
}

.mod_gamesfp_menu .btn > span.visible-xs {
	display: inline-block !important;
	padding-left: 4px;
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.element .overlay, .overlay a, .playbutton {
	display: none;
}

.quicksearch {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555;
	/*display: block;*/
	font-size: 14px;
	height: 34px !important;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	/*width: 100%;*/
}

.quicksearch:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

.quicksearch::-moz-placeholder {
    color: #999;
    opacity: 1;
}

@media (min-width: 768px) {
	.mod_gamesfp .element {
		width: 189px;
	}

	.mod_gamesfp {
		width: 100%;
		/*height: 470px;*/
		margin: 0 0;
                
                padding: 8px 8px 8px 8px;
	}

	.mod_gamesfp_menu {
		margin: 10px 0;
	}

	.mod_gamesfp_menu .btn > span.visible-xs {
		display: none !important;
		padding: 0;
	}

	.mod_gamesfp_menu .btn > span.visible-sm {
		display: inline-block !important;
		padding-left: 4px;
	}
        
        .mod_gamesfp_container {
            margin-top: 15px;
        }
}

@media (min-width: 992px) {
        .hidden-xs, .hidden-sm {
            display: block;
        }
        button.hidden-xs, button.hidden-sm {
            display: inline-block;
        }
	.mod_gamesfp {
		width: 100%;
		/*height: 470px;*/
		margin: 0 0;
	}

	.mod_gamesfp_menu {
		margin: 10px 0;
	}

	.mod_gamesfp_menu .btn > span.visible-sm {
		display: none !important;
		padding: 0;
	}

	.element .overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 189px;
		height: 142px;
		background-color: rgba(0, 0, 0, 0.8);
		display: none;
	}

	.overlay a {
		text-decoration: none;
		color: #fff;
		display: inherit;
	}

	.playbutton {
		color: #fff;
		font-size: 70px;
		text-align: center;
		line-height: 150px;
		display: block;
		width: 200px;
		height: 150px;
		text-decoration: none;
		/*padding-left: 60px;*/
		display: inherit;
	}
}


@media (min-width: 1200px) {
	.mod_gamesfp {
		width: 100%;
		/*height: 470px;*/
		margin: 0 0;
	}

	.mod_gamesfp_menu {
		margin: 10px 0;
	}
}

button.sorts {
    display: none;
}



.tabset a{
  width:136px;
  float:left;
  background: url("/templates/images/tab-inactive.png") no-repeat transparent;
  font-size: 12px;
  margin: 10px 0 0 0;
  padding: 10px 0 9px 0;
  text-align: center;
}

.tabset a.active{
  width:145px;
  background: url("/templates/images/tab-active.png") no-repeat transparent;
  font-size: 16px;
  padding: 13px 0 12px 0;
  margin: 0 !important;
}

.tabset a, .tabset a:active, .tabset a:hover, .tabset a:focus,
.tabset a.active, .tabset a.active:active, .tabset a.active:hover, .tabset a.active:focus {
  color: #ffffff;
  text-decoration: none;
  font-family: FuturaBT-MediumCondensed;
  text-transform: uppercase;
}

.mod_gamesfp_menu button {
    
  width:121px;
  float:left;
  background: url("/templates/springbok/images/tab-inactive2.png") no-repeat transparent;
  font-size: 12px;
  margin: 10px 0 0 0;
  padding: 10px 0 9px 0;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  font-family: FuturaBT-MediumCondensed;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}

.mod_gamesfp_menu button.active {

  width:130px;
  background: url("/templates/springbok/images/tab-active2.png") no-repeat transparent;
  font-size: 16px;
  padding: 10px 0 12px;
  margin: 0 !important;
}
.mod_gamesfp_menu::after {
    clear: both;
    content: "";
    display: block;
}
.mod_gamesfp_menu {
    background: rgba(0, 0, 0, 0) url("/templates/springbok/images/bg-tabset.png") no-repeat scroll 0 100%;
    height: 40px;
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0 0 1px;
    width: 100%;
}
.mod_gamesfp_menu button:focus {
    outline: 0;
}