html,body {
	margin: 0; 
	padding: 0;
	/*height:100%;*/
	max-height:100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; 

	  font-family: 'Fira Sans', sans-serif;
	  background-color:#f4f4f4;;
}
/*
@font-face {
    font-family: "NeutrafaceLight";
    src: url("/interface/fonts/Neutra2Text-Light.woff") format('woff');
}
@font-face {
    font-family: "NeutrafaceBook";
    src: url("/interface/fonts/Neutra2Text-Book.woff") format('woff');
}
@font-face {
    font-family: "FlamaCondensed-Light";
    src: url("/interface/fonts/FlamaCondensed-Light.woff") format('woff');
}

*/
@font-face {
    font-family: "Valencia";
    src: url("/interface/fonts/Valencia-Light.woff") format('woff');
}


.contact-content{
font-size:12pt;
}



#wrap {
	/*min-height: 100%;*/
	padding-bottom:0px;
	/*min-width: 480px;*/
	padding-top: 113px;
	}


.CentreBlock
{
height:100%;
}

.headerstrip 
{
display:block;
width:100%;
max-height:8px;
overflow:hidden;
/*height:35px;*/
z-index:1000;
}



.shrink {
	height:80px;
	/*background: rgba(0, 0, 0, 1)!important;*/
		-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out ;

}
.shrink2 {
	height:60px;
	margin-top: -12px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out ;
	
}

.shrinkmenu {
    margin-top: 15px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out ;
}

.shrink3 {
    margin-top: -18px;
    height: 60px;
    background-image: url(/interface/mb_logo_01.png);
    background-repeat: no-repeat;
    background-position: center; 
    background-size: 40px;
    -webkit-transition: all 0.4s;
	  transform: rotate(45deg);

}


.shrink5 {
	background: #521a33;
	border-radius: 0px 0px  25px 0px;
	vertical-align: middle;
	display: block;
    height: 65px;
	width:65px;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out ;
}

.shrink6 {
width: 205px;
    height: 22px;
    display: block;
    border: 0px solid #ddd;
    position: fixed;
    top: 35px;
    z-index: 1;
    background-image: url(/interface/Logo_MBtext2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    -webkit-transition: all 0.2s}


.shrink4{
	width: auto;
	height: 53px;
		-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out ;

 }

.main {
	padding-top:0px;
	vertical-align:middle;
	min-height:615px;
	width: 100%;
	margin-left: 0px;	
    margin-right:0px;
	text-align:center;
	background:#f4f4f4;
	}  
	
	
	
	
#flip2 {
    padding: 5px;
	padding-left: 10px;
    background-color: #9c0000;
	
	font-family: 'Fira Sans', sans-serif;
	font-size: 9pt;
    text-transform: uppercase;
	color:#ffffff;		
	font-weight:normal;
	text-decoration: none;
	letter-spacing: 3pt;
    text-align: left;
	
	cursor:pointer;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
	
	
}

#flip2:hover{
    background-color: #B10001;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#panel2 {
    padding: 0px;
    display: none;
	cursor:default;
	background-color: #ffffff;	

}

	
.HomeTicker {
	font-family:  'Fira Sans', sans-serif;
	font-size: 11pt;
	text-align:left;
	color: #9c0000;
	text-decoration: none;
	font-weight: 600;
	text-transform:uppercase;
    padding-left: 10px;
	
	letter-spacing: 0pt;
	-webkit-transition: color 0.5s ease;
	-moz-transition: color 0.5s ease;
	-ms-transition: color 0.5s ease;
	-o-transition: color 0.5s ease;
	transition: color 0.5s ease;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
}
.HomeTicker img {
max-height:20px;
width: auto;	
}

.HomeTicker2 {
	font-family:  'Fira Sans', sans-serif;
	font-size: 11pt;
	text-align:right;
	color: #9c0000;
	text-decoration: none;
	font-weight: 600;
    padding-right: 10px;
	letter-spacing: 0pt;
	-webkit-transition: color 0.5s ease;
	-moz-transition: color 0.5s ease;
	-ms-transition: color 0.5s ease;
	-o-transition: color 0.5s ease;
	transition: color 0.5s ease;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
}


.HomeSlide01,.HomeSlide02,.HomeSlide03,.HomeSlide04,.HomeSlide05,.HomeGames  {
	width:100%;
	text-align:center;	
	padding:15px;
	
}





.HomeGames{
	background-color:#521a33;
}



.HomeTitle01,.HomeTitle02,.HomeTitle03,.HomeTitle04,.HomeTitle05  {
    font-family: 'Fira Sans', sans-serif;
    font-size: 18pt;
    font-weight: 600;
    color: #521a33;
    line-height: 30px;
    text-decoration: none;
    padding-bottom: 5px;
    padding-top: 2px;
    text-align: left;
}


.HomeTitle01 a:hover,.HomeTitle02 a:hover,.HomeTitle03 a:hover {
	color: #d2020a;
	text-decoration: none;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}

.HomeTitleGames,.HomeTitleNews  {
	font-family: 'Fira Sans', sans-serif;
	font-size: 34pt;
	font-weight: 800;
	color:#B10001;		
	line-height:30px;
	text-decoration: none;
	padding-bottom:5px;
	padding-top:15px;
	text-align: left
}


.HomeTitleNews  {
		color:#262626;		
}

.HomeTitleGames  {
		color:#ffffff;		
}


.HomeSubTitle01,.HomeSubTitle02,.HomeSubTitle03,.HomeSubTitle04.HomeSubTitle05{
	font-family: 'Fira Sans', sans-serif;
	font-size: 9pt;
	font-weight: 500;
	text-decoration: none;
	letter-spacing: 0pt;
	padding-top:25px;
	padding-bottom: 10px;
	color:#262626;	
	margin-bottom:0px;
	text-align: left;
}

.HomeSubTitleGames,.HomeSubTitleNews{
	font-family: 'Fira Sans', sans-serif;
	font-size: 11pt;
	font-weight: 500;
	text-decoration: none;
	letter-spacing: 0pt;
	padding-top:0px;
	color:#5a5a5a;	
	margin-bottom:0px;
	text-align: left;
}

.HomeSubTitleNews {
		color:#262626;		
}

.HomeSubTitleGames  {
		color:#ffffff;		
}

.HomeSubTitleGames a:hover {
	color: #000000;
	text-decoration: none;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
.HomeContent01,.HomeContent02,.HomeContent03,.HomeContent04,.HomeContent05,.HomeContentGames {
	font-family: 'Fira Sans', sans-serif;
	font-size: 10pt;
	color:#000000;	
	padding-bottom:0px;
	margin: 0 auto;
	max-width:1450px;
	padding-left: 0px;
	padding-right: 0px;
	text-align:left;
}

.HomeContent01 a:hover,.HomeContent02 a:hover ,.HomeContent02 a:hover  {
	color: #d2020a;
	text-decoration: none;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}

.HomeContent01 img,.HomeContent02 img,.HomeContent03 img,.HomeContent04 img,.HomeContent05 img {
max-width: 100%;
height: auto;
}





.HomeContent {
	background: white;
	border-radius: 5px;

	margin-bottom: 16px;
	position: relative;
	margin-right:15px;
}
.HomeContent2 {
	border-radius: 5px;
 

 	margin-bottom: 16px;
	position: relative;

}

.HomeContent3 {
	background: white;
	border-radius: 5px;
 	margin-bottom: 16px;
	position: relative;
	margin-right:15px;
	background: rgba(255,255,255,0.9);


}

.HomeContentBlank {
	margin-right:15px;
}

.HomeContent4 {

	border-radius: 5px;
 

 	margin-bottom: 16px;
	padding: 20px;
	position: relative;
	margin-right:15px;
	min-height:500px;
	
	background: rgba(255,255,255,0.7)
}


.HomeContent5 {
	background: rgba(255,255,255,0.7);
	
	border-radius: 5px;
 

 	margin-bottom: 16px;
	padding: 10px;
	padding-top: 15px;
	position: relative;
	margin-right:15px;
	min-height:500px;
}




.HomeBtns {
	font-family: 'Fira Sans', sans-serif;
    display: inline-block;
    padding: 2px 18px;
    color: white !important;
    background-color: #521a33;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    border: 0px;
    min-width: 90px;	
	border-radius: 0px 0px 16px 0px;
	margin-right: 10px;
    margin-bottom: 10px;

}



.HomeBtns:hover {
  background-color: #d2020a;
  color:white;
  text-decoration: none;
	
  
  	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.HomeBtns a:hover {
  background-color: #d2020a;
  color:white;
  text-decoration: none;
  
  	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}



.HomeBtns2 {
	font-family: 'Fira Sans', sans-serif;
    display: inline-block;
    padding: 2px 18px;
    color: white !important;
    background-color: #d2020a;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    border: 0px;
    min-width: 90px;	
	border-radius: 0px 0px 16px 0px;
}



.HomeBtns2:hover {
  background-color: #521a33;
  color:white;
  text-decoration: none;
  
  	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.HomeBtns2 a:hover {
  background-color: #521a33;
  color:white;
  text-decoration: none;
  
  	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}










#SpecialOffer1 {
	display:block;
}
#SpecialOffer2 {
	display:none;
}
.SpecialOfferImage {
 	
}

.SpecialOfferImage img{
max-height: 280px; width: auto;	
}
.SpecialOfferSlider {
	width:100%; 
	margin: 0 auto; 
	position: relative; 
	top: 0; left: 0; 
	bottom: 0; 
	right: 0; 
	padding-top:0px; 
	padding-left:0px;
	border: 1px solid #cccccc;
}


.SpecialOfferSlider:hover {
	border: 1px solid #9c0000;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.SpecialOfferScreen {
	width:100%;
	background-color:rgba(0, 0, 0, 0.0);
	bottom:0; 
	position:absolute;
	height: 100%;
	padding-left: 80px;
	padding-right: 80px;
	
	}
.SpecialOfferTitle{
	padding-top: 10%;
	color: #333; 
	font-size: 24px; 
	font-family: 'Fira Sans', sans-serif;
	/*position:absolute;*/
	top: 0px;
	width:100%;
	text-align:center;
	}
	
.SpecialOfferSubtitle{
	padding-top: 15px; 
	color: #9c0000; 
	font-size: 24px; 
	font-family: 'Fira Sans', sans-serif;
	top: 0px;
	width:100%;
	text-align:center;
	max-width:900px;
	margin:0 auto;
}
	
	
.SpecialOfferContent{
	padding-top: 15px; 
	color: #333; 
	font-size: 14px; 
	font-family: 'Fira Sans', sans-serif;
	top: 0px;
	width:100%;
	text-align:center;
	max-width:900px;
	margin:0 auto;
}



.SpecialOffer {
width:100%; 
margin: 0 auto; 
position: relative; 
top: 0; left: 0; 
bottom: 0; 
right: 0; 
padding-top:0px; 
padding-left:0px;	
	
}


socialmedia {
padding-top:12px;
display:block;	
}

subtitle {
	display: block;
    font-family: 'Fira Sans', sans-serif;
    text-align: left;
    font-size: 18px;
    /* font-style: italic; */
    color: #111;
    text-decoration: none;
    letter-spacing: 0pt;
    padding-bottom: 10px;
}

weburl a{
	font-size:11px;
	color: #000;
	display:inline-block;
	background-color:#CCC;
	padding:2px 5px;
	position:relative;
	bottom:2px;
}

weburl a:hover{
	color: #000;
	background-color:#825c99;
	color:#ffffff;
}

.MainContent {
	padding:20px 20px 0px 20px ;
	max-width: 1500px;
	margin: 0 auto;
}


.info-maincontent {
padding-top:12px;
margin-bottom:10px;	
display:block;
}	
		

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}


/*

.formblock{
display:block;
width:100%	;
padding-bottom:5px;
	}
	
.formleft{
position:relative; 
float:left; 
width: 30%;	
padding:0px;
font-size:9pt;

	}
	
.formright{
display:inline-block;
position:relative;
width:60%;
padding:8px;

}
*/


.formblock{
display:block;
width:100%	;
padding-bottom:10px;
	}
	
.formleft{
position:relative; 
float:left; 
width: 30%;	
padding:0px;
font-size:11pt;
padding-top: 7px;
	}
	
.formright{
display:inline-block;
position:relative;
width:60%;
padding:8px;
font-size:11pt;
}


.formleft2{
font-size:11px;
position:relative; 
float:left; 
width: 40%;	
	}
	
.formright2{
display:inline-block;
position:relative;
width:58%;
font-size:9pt;
height:30px;


}
	
.formleftR {
    position: relative;
    font-weight: 600;
    float: left;
    width: 100%;
}

.formrightR {
    display: inline-block;
    position: relative;
    width: 80%;
    padding: 8px;
}

.LatestNewsTitle {
	position:relative;
	display:block;
	font-family: 'Fira Sans', sans-serif;
	font-size:11px;
	
	color:white;

}
.LatestNewsText {
	position:relative;
	display: block;
	font-family: 'Fira Sans', sans-serif;
	font-size:10px;
	
	color:white;
}

.NewsletterForm {
	/*display:block;
	width:100%;*/
	display:inline-block;
	width:32%;
	margin-bottom:10px;
	font-family: 'Fira Sans', sans-serif;
	font-size:10px;
	
	color:black;
	padding:4px;
	padding-left:5px;
	text-align:left;
	border:1px solid #4f5d68;
}

.NewsletterBtn{
	display:block;
	width:20%;
	margin-bottom:10px;
		margin: 0 auto;

	
}
#MainMenuPanel {
display:block;	
margin-right:0px;
}

#SideMenuPanel {
display:none;	
}




@media (max-width:1500px)
{
.MainContent {
	padding:20px 45px 0px 45px ;
}

}
@media (max-width:1024px)
{

#wrap {
    /* min-height: 100%; */
    padding-bottom: 0px;
    /* min-width: 480px; */
    padding-top: 80px;
	    -webkit-transition: all 0.2s;

}
	
headermenu {
	height:80px;
	/*background: rgba(0, 0, 0, 1)!important;*/
		-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out ;

}
productmenu {
	height:40px;
	margin-top: -12px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out ;
	
}

headermainmenu {
    margin-top: 15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out ;
}

header-top {
    margin-top: -18px;
    height: 60px;
    background-image: url(/interface/mb_logo_01.png);
    background-repeat: no-repeat;
    background-position: center; 
    background-size: 40px;
    -webkit-transition: all 0.2s;
	  /*transform: rotate(45deg);*/

}


header-top-back {
	position: unset;
	background: #521a33;
	border-radius: 0px 0px  25px 0px;
	vertical-align: middle;
	display: block;
    height: 65px;
	width:65px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out ;
}
	
header-top-text {
	width: 205px;
    height: 22px;
    top: 35px;
	
	width: 228px;
    height: 25px;
    top: 34px;
	
	
    display: block;
    border: 0px solid #ddd;
    position: fixed;
    z-index: 1;
    background-image: url(/interface/Logo_MBtext2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    -webkit-transition: all 0.2s ease-in-out;
	
	
	
	}


.shrink4{
	width: auto;
	height: 53px;
		-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out ;

 }
	
	
	.shrink6 {
		width: 205px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out ;
}

	
	
	

}






@media (max-width:820px)
{

#wrap {
	/*min-height: 100%;*/
	padding-bottom:0px;
	/*min-width: 480px;
	padding-top:0px;*/
	}
	
	
	
	

	

}


@media (max-width: 820px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 820px), not all, not all, not all, only screen and (max-width: 820px) and (min-resolution: 192dpi), only screen and (max-width: 820px) and (min-resolution: 2dppx)

{


.HomeSlide01, .HomeSlide02, .HomeSlide03 {
    padding: 10px 10px 25px 10px;
	}	

	
	.HomeSlide02 {
background: #dcdcdc;	
}
	
	
	
.HomeTicker {
	text-align:center
}

.HomeTicker2 {
	text-align:center
}
	
#SpecialOffer1 {
	display:none;
}
#SpecialOffer2 {
display:block;	
}
.SpecialOfferSlider {
	
max-height: 500px;	
}
.SpecialOfferTitle{
	padding-top: 0%;
	font-size: 18px; 
}
.HomeContent03 a {
	ffont-family: 'Fira Sans', sans-serif;
	font-size: 13pt;
	color:#333;
	padding-top:20px;
	/*border-bottom: 1px solid #333;*/
}

#MainMenuPanel {
display:none;	
}

#SideMenuPanel {
display:block;	
}
}

@media(max-width: 620px) {
	


.HomeContent04 {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
}

.SpecialOfferSlider {
    min-height: 450px;
}


.SpecialOfferImage img{
	max-height: 220px;
	width: auto;
}

	.SpecialOfferScreen {
	padding-left: 20px;
	padding-right: 20px;
}

.SpecialOfferTitle{
	padding-top: 00%;
	font-size: 18px; 
}

.SpecialOfferSubtitle{
	padding-top: 5px; 
	font-size: 24px; 
	font-family: 'Fira Sans', sans-serif;
	top: 0px;
	width:100%;
	text-align:center;
	max-width:900px;
	margin:0 auto;
}
	
	
.SpecialOfferContent{
	padding-top: 5px; 
	font-size: 12px; 
    line-height: 14px;
}

}
@media(max-width: 480px) {
	.HomeContent03 {
	background-image:none;
}

}

@media(max-width: 450px) {
	
	.SpecialOfferSlider {
    height: 500px;
}

	.SpecialOfferScreen {
    top: 0;
    position: absolute;
    height: 500px;
}
.HomeContent01 {

}

.HomeSlide01 {

    padding: 15px 5px;
	
	}

.HomeContent01b {
font-family: 'Fira Sans', sans-serif;
	font-size: 14pt;
	color:#ffffff;	
	text-align: center;
	max-width:1100px;
	margin: 0 auto;
	display:block;
	
	
	}

.HomeContent {
	background: white;
	border-radius: 3px;
	-webkit-box-shadow: 0 0px 0px 0px #C4C4C4;
	box-shadow:   0 0px 0px 0px #C4C4C4;
	-moz-box-shadow:  0 0px 0px 0px #C4C4C4;
	margin-bottom: 16px;
	padding: 15px;
	position: relative;
	margin-right:15px;
}

.HomeTitle02 {
  font-size: 18px;
}
  
  
  
.HomeContent04 {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
}  
  
  
  
  
  
  
.HomeContent2 {
	background: white;
	border-radius: 3px;
	-webkit-box-shadow: 0 0px 0px 0px #C4C4C4;
	box-shadow:   0 0px 0px 0px #C4C4C4;
	-moz-box-shadow:  0 0px 0px 0px #C4C4C4;
	margin-bottom: 16px;
	padding: 10px;
	position: relative;
}

.HomeContent3 {
	background: white;
	border-radius: 3px;
	-webkit-box-shadow: 0 0px 0px 0px #C4C4C4;
	box-shadow:   0 0px 0px 0px #C4C4C4;
	-moz-box-shadow:  0 0px 0px 0px #C4C4C4;
	margin-bottom: 16px;
	padding: 10px;
	padding-top: 15px;
	position: relative;
	margin-right:15px;

}

.HomeContent4 {

	border-radius: 3px;
	-webkit-box-shadow: 0 0px 0px 0px #C4C4C4;
	box-shadow:   0 0px 0px 0px #C4C4C4;
	-moz-box-shadow:  0 0px 0px 0px #C4C4C4;
	margin-bottom: 16px;
	padding: 20px;
	position: relative;
	margin-right:15px;
	min-height:500px;
	background: rgba(255,255,255,0.7)
}


.HomeContent5 {
	background: rgba(255,255,255,0.7);
	
	border-radius: 5px;
/*

*/	margin-bottom: 16px;
	padding: 10px;
	padding-top: 15px;
	position: relative;
	margin-right:15px;
	min-height:500px;

}


.formleft{
position:relative; 
font-size:11px;
float:left; 
width: 100%;	
	}
	
.formright{
display:inline-block;
position:relative;
width:100%;
padding:8px;
}



}