@charset "utf-8";
/* CSS Document */

::-moz-selection{background:#ffcb10; color:#000; text-shadow:none; }
::selection {background:#ffcb10; color:#000; text-shadow:none; }

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600italic,600,700,700italic,800,800italic);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

* { font-size:100%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 14px;
	font: inherit;
	vertical-align: baseline;
	outline: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { font-family: 'Open Sans', sans-serif; color:#000; -webkit-text-size-adjust: none; background:url(../images/mainbg.jpg) repeat-x center top #000;}
a { text-decoration:none;}
p { font-family: 'Open Sans', sans-serif; font-size:13px;}
img { border:0px;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
h1 { font-family: 'Montserrat', sans-serif;}

.red { color:#ee1f24;}
.yellow { color:#000;}
.mar0 { margin:0px;}
.pad0 { padding:0px;}
.imgfull { width:100%; height:auto;}
.marb0 { margin-bottom:0px;}
.marb10 {
	margin-bottom: 10px;
	color: #0000FF;
}
.marb20 {
	margin-bottom: 20px;
	font-family: Helvetica, sans-serif;
	color: #FFF;
	font-size: 16px;
}
.marb20a {
	margin-bottom: 20px;
	font-family: Helvetica, sans-serif;
	color: #000;
	font-size: 16px;
}
.marb30 { margin-bottom:30px;}
.padb0 { padding-bottom:0px;}
.padb10 { padding-bottom:10px;}
.padb20 { padding-bottom:20px;}
.padb30 { padding-bottom:30px;}

.marr0 { margin-right:0px;}
.marr10 { margin-right:10px;}
.marr20 { margin-right:20px;}
.marr30 { margin-right:30px;}


.header-wrapper, .slider-wrapper, .middle-wrapper, .footer-wrapper { float:left; width:100%; min-width:1024px; clear:both;}
.margin { width:1024px; margin:auto; position:relative;}
.header-wrapper { padding-top:8px;}
.header-wrapper .col01 { font-family: 'Montserrat', sans-serif; float:left; margin-top:100px; width:315px; font-size:15px; font-weight:700;}
.header-wrapper .col01 a { color:#000;}
.header-wrapper .col01 a:hover { color:#ee1f24;}
.logo { float:left; margin-top:25px; margin-bottom:0px;}
.logo2 { float:right; margin-top:25px; margin-bottom:0px;}
.followus { float:left; margin-top:10px; font-size:15px; font-weight:700;}
.phone { font-size:24px; font-weight:700;}
.downloadbutton { position:absolute; right:0; top:-8px; background:url(../images/downloadbutton.png); width:281px; height:34px; font-size:15px; font-weight:700; color:000; text-align:center; line-height:34px; font-family: 'Montserrat', sans-serif; }
.downloadbutton a { color:#000;}

.linkbar { float:left; width:94%; background:#ee1f24; -moz-border-radius:10px;  -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;	 border-bottom-left-radius:0px; border-bottom-right-radius:0px; font-family: 'Montserrat', sans-serif; color:#fff; padding:0 3%;
}
.linkbar ul { font-size:15px; font-weight:700;}
.linkbar ul li { float:left; }
.linkbar ul li  a{ float:left; color:#fff; padding:13px 15px; border-bottom:solid 3px #ee1f24; }
.linkbar ul li  a:hover { border-bottom:solid 3px #ffcb10;}
.header  { width:1024px; margin:auto; /*background:url(../images/header1.jpg) no-repeat;*/ height:484px;}
.header h1{ margin-top:375px; margin-left:500px; font-size:49.85px; font-variant:400; float:left; width:100%; letter-spacing:-1px;}
.header h1 strong { font-weight:700;}
.header .blackblock { font-size:14px; float:left; background:#000; margin-left:35px; margin-top:30px; color:#ffcb10; padding:20px;}
.header .blackblock ul { padding:0; margin:0; float:left; width:170px;}
.header .blackblock ul li { margin-bottom:5px;}
.block-white { width:94%; background:#fff; float:left; color:#000; padding:3%; }
.block-red { width:94%; background:#8d000f; float:left; color:#fff; padding:3%; }
.block-red2 { width:94%; background:#8d000f; float:left; color:#fff; padding:3%; }
.mission-img { float:left; width:25%; margin-right:3%;}
.mission-img img { width:100%;}
h2 { font-size:24px; font-weight:700; text-transform:uppercase;}
.block-red p, .block-mar p{
	font-style: italic;
	font-size: 16px;
}
.block-red2 p, .block-mar p{
	font-style: italic;
	color: #000;
	text-align: left;
	font-size: 24px;
}
.block { float:left; width:100%;}
.block-mar { width:94%; float:left; padding:3%; }
.border-top { border-top:solid 1px #cfcfcf; }

.footer-wrapper  { padding:50px 0; font-size:14px; }
.copyright { float:left; }
.copyright { color:#fff;}
.flink { float:right;}
.flink a { color:#fff;}
.flink a:hover { color:#ee1f24;}
.white-block { background:#fff;}

.yellow-block2 { float:left; background:#ee1f24; width:24%; margin-bottom:20px;}

.yellow-block { float:left; background:#ee1f24; width:31%; margin-bottom:0px;}
p strong{ font-weight:600; }
.list { line-height:22px; font-style:normal; color: #000;}
.yellow-block .yellow-block2 h3, .blank h3{
	text-transform: uppercase;
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #FFF;
}
.yellow-block .yellow-block2 h4, .blank h4{ font-size:16px; font-weight:600; line-height:18px;}
.yell-mar { width:80%; padding:10%; }
.small-box { min-height:318px;}
.smallredbox { min-height:200px;}
.med-box { min-height:100px;}
.med-box2 { min-height:285px;}
.blank { float:left; width:100%;}
.combolft { width:55%; float:left;}

.redcircle { width:400px; height:400px; border-radius:50%; background:#000; float:right; background:#ee1f24; color:#fff; font-family: 'Montserrat', sans-serif; font-size:32px; line-height:40px; font-weight:700; text-align:center;}
.dashgray { float:left; width:100%; margin-top:20px; margin-bottom:20px; border-bottom:solid #dadada 2px;}
.othergamesblock { float:left; width:50%; background:#ee1f24; }
.content-lft { float:left; width:30%; color:#000;}
.content-rht { float:right; width:68%;}
.content-rht h3 { border-bottom:#dedede solid 1px; padding-bottom:15px;  margin-bottom:15px; font-size:18px; font-weight:600;}
.content-rht h4 { font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-size:14px; font-weight:700;}
.yellow-nav { float:left; width:80%; padding:10%; background:#fd0202;}
.yellow-nav h3 { font-weight:700; font-family: 'Montserrat', sans-serif; font-size:18px;}
.row-c { width:100%; font-size:14px; font-weight:600; line-height:31px;}
.row-c .icon { float:left; margin-right:10px;}
.for-row { float:left; width:100%; font-size:13px; margin-bottom:10px;}
.for-row .lft { float:left; width:44%;}
.for-row .rht { float:right; width:55%; font-size:12px;}
.textfield10 {  width:10%;  }
.textfield30 {  width:18%;  }
.textfield40 {  width:30%;  }
.textfield60 {  width:67%;  }
.textfieldcomon { float:left; background:#f8f8f8; float:left; font-size:12px; color:#8f8f8f; padding-left:10px; padding-right:10px; height: 22px;border:1px solid #bababa; }
.small { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#747373; line-height:13px !important; float:left;}
.textarea { height:100px;}
.submit { background:#ee1f24; color:#fff; text-transform:uppercase; font-size:18px; font-weight:600; border:0; outline:none; padding:5px; cursor:pointer;}

/*Mobile css*/
@media screen and (max-width: 480px) {

.header-wrapper, .slider-wrapper, .middle-wrapper, .footer-wrapper { min-width:inherit;}
.margin { width:100%; margin:auto;  position:relative;}
.header { width:90%; padding:5%; height:auto;}
.downloadbutton { left:0; right:0; margin:0 auto;}
.header-wrapper .col01 { margin-top:14%; text-align:center; width:100%;}
.logo { margin-top:0; margin-bottom:5%; width:85%; margin:auto; float:left;}
.logo2 { margin-top:0; margin-bottom:0%; width:85%; margin:auto; float:right;}
.logo img { width:100%; height:auto;}
.logo2 img { width:100%; height:auto;}
.followus { margin-top:5%; margin-bottom:5%; text-align:center; width:100%;}
.linkbar { margin-bottom:5% !important; border-bottom-left-radius:10px; border-bottom-right-radius:10px; margin:0 5%; width:auto; float:left;}
.linkbar ul li { float:left; width:100%; text-align:center;}
.linkbar ul li a { padding:3%; width:94%; border-bottom:3px solid #f33f43;}
.linkbar ul li:last-child a {  border-bottom:none;}
.header h1 { font-size:2em; margin-top:10%; margin-left:0; text-align:center; float:none; }
.header .blackblock { margin-left:0; width:70%; margin:auto; float:none; overflow:auto; margin-top:10%; margin-bottom:10%;}
.header .blackblock ul { width:100%; text-align:center;}
.block-red { width:90%;}
.block-red2 { padding:5%; width:90%;}
.mission-img { width:100%; margin-right:0; margin-bottom:5%;}
.block-mar { padding:5%; width:90%;}
.footer-wrapper { padding:10%; width:80%;}
.copyright { width:100%; text-align:center; margin-bottom:5%;}
.flink { width:100%; text-align:center;}
.yellow-block .yellow-block2 { margin-right:0 !important; width:100%; margin-bottom:5%;}
.othergamesblock { width:100%;}
.content-lft { width:100%; margin-bottom:5%;}
.content-rht { float:left; width:100%;}
.for-row .lft { width:100%; margin-bottom:5%;}
.for-row .rht { float:left; width:100%;}
.textfield40 { width:40%;}
.textfield60 { width:90%;}
.textfield40 { width:90%;}
.textarea { width:90%;}
.block-mar { margin:auto; float:none;}
.yell-mar, .med-box2, .small-box, .med-box{ min-height:inherit;}
.redcircle { display:none;}
}
.accordian li {
	font-size: 13px;
	line-height: 18px;
}
.bigger {
	font-size: 36px;
	font-family: "Lucida Console", Monaco, monospace;
	color: #000;
}
.biggerwhite {
	font-size: 36px;
	font-family: "Lucida Console", Monaco, monospace;
	color: #fff;
	text-align: center;
}
.biggerwhitea {
	font-size: 36px;
	font-family: "Lucida Console", Monaco, monospace;
	color: #000;
	text-align: center;
}
smaller bigger {
	font-size: 24px;
}
.blacknew1 {
	color: #000;
}
.newwhite {
	color: #FFF;
}
.BLACKCLICK {
	color: #000000;
}
biggerwhite {
	color: #000;
}
#primary_nav_wrap
{
	margin-top:15px
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul a
{
	display:block;
	color:#333;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:32px;
	padding:0 15px;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul li.current-menu-item
{
	background:#ddd
}

#primary_nav_wrap ul li:hover
{
	background:#f6f6f6
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:200px
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}

/*<div id='cssmenu'>
<ul>
   <li><a href='#'><span>Home</span></a></li>
   <li class='active has-sub'><a href='#'><span>Products</span></a>
      <ul>
         <li class='has-sub'><a href='#'><span>Product 1</span></a>
            <ul>
               <li><a href='#'><span>Sub Product</span></a></li>
               <li class='last'><a href='#'><span>Sub Product</span></a></li>
            </ul>
         </li>
         <li class='has-sub'><a href='#'><span>Product 2</span></a>
            <ul>
               <li><a href='#'><span>Sub Product</span></a></li>
               <li class='last'><a href='#'><span>Sub Product</span></a></li>
            </ul>
         </li>
      </ul>
   </li>
   <li><a href='#'><span>About</span></a></li>
   <li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
</div>*/


body{
    min-width: 320px;
}
img{
    max-width: 100%;
}
#cssmenu{
    clear: both;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.width-800{
	max-width: 800px;
	margin: 0 auto;
	height: auto!important
}

.col-2{
	width: 50%;
	float: left;
}

.imgWrapper img{
	width: 100%!important;
	height: auto!important;
}
.block-red2{
	width: 1024px;
	margin: auto;
	float: none;
	clear: both;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.block-red2>div{
	margin-bottom: 2em;
}
@media only screen and (min-width:64em) { /*1024px */
	#cssmenu ul,
	#cssmenu li,
	#cssmenu span,
	#cssmenu a {
	  margin: 0;
	  padding: 0;
	  position: relative;
	}
	#cssmenu {
	  line-height: 1;
	  border-radius: 5px 5px 0 0;
	  -moz-border-radius: 5px 5px 0 0;
	  -webkit-border-radius: 5px 5px 0 0;
	  background: #ooo;
	  background: -moz-linear-gradient(top, #ooo 0%, #ooo 100%);
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ooo), color-stop(100%, #ooo));
	  background: -webkit-linear-gradient(top, #ooo 0%, #ooo 100%);
	  background: -o-linear-gradient(top, #ooo 0%, #ooo 100%);
	  background: -ms-linear-gradient(top, #ooo 0%, #ooo 100%);
	  background: linear-gradient(to bottom, #ooo 0%, #ooo 100%);
	  border-bottom: 2px solid #db000b;
	  width: auto;
	}
	#cssmenu:after,
	#cssmenu ul:after {
	  content: '';
	  display: block;
	  clear: both;
	}
	#cssmenu a {
	  background: #ooo;
	  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
	  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
	  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%);
	  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);
	  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
	  color: #ffffff;
	  display: block;
	  font-family: Helvetica, Arial, Verdana, sans-serif;
	  padding: 19px 20px;
	  text-decoration: none;
	}
	#cssmenu ul {
	  list-style: none;
	}
	#cssmenu > ul > li {
	  display: inline-block;
	  float: left;
	  margin: 0;
	}
	#cssmenu.align-center {
	  text-align: center;
	}
	#cssmenu.align-center > ul > li {
	  float: none;
	}
	#cssmenu.align-center ul ul {
	  text-align: left;
	}
	#cssmenu.align-right > ul {
	  float: right;
	}
	#cssmenu.align-right ul ul {
	  text-align: right;
	}
	#cssmenu > ul > li > a {
	  color: #000000;
	  font-size: 12px;
	}
	#cssmenu > ul > li:hover:after {
	  content: '';
	  display: block;
	  width: 0;
	  height: 0;
	  position: absolute;
	  left: 50%;
	  bottom: 0;
	  border-left: 10px solid transparent;
	  border-right: 10px solid transparent;
	  border-bottom: 10px solid #db000b;
	  margin-left: -10px;
	}
	#cssmenu > ul > li:first-child > a {
	  border-radius: 5px 0 0 0;
	  -moz-border-radius: 5px 0 0 0;
	  -webkit-border-radius: 5px 0 0 0;
	}
	#cssmenu.align-right > ul > li:first-child > a,
	#cssmenu.align-center > ul > li:first-child > a {
	  border-radius: 0;
	  -moz-border-radius: 0;
	  -webkit-border-radius: 0;
	}
	#cssmenu.align-right > ul > li:last-child > a {
	  border-radius: 0 5px 0 0;
	  -moz-border-radius: 0 5px 0 0;
	  -webkit-border-radius: 0 5px 0 0;
	}
	#cssmenu > ul > li.active > a,
	#cssmenu > ul > li:hover > a {
	  color: #000000;
	  box-shadow: inset 0 0 3px #d9d9d9;
	  -moz-box-shadow: inset 0 0 3px #d9d9d9;
	  -webkit-box-shadow: inset 0 0 3px #d9d9d9;
	  background: #f2f2f2;
	  background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
	  background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	  background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	  background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	  background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
	}
	#cssmenu .has-sub {
	  z-index: 1;
	}
	#cssmenu .has-sub:hover > ul {
	  display: block;
	}
	#cssmenu .has-sub ul {
	  display: none;
	  position: absolute;
	  width: 200px;
	  top: 100%;
	  left: 0;
	}
	#cssmenu.align-right .has-sub ul {
	  left: auto;
	  right: 0;
	}
	#cssmenu .has-sub ul li {
	  *margin-bottom: -1px;
	}
	#cssmenu .has-sub ul li a {
	  background: #db000b;
	  border-bottom: 1px dotted #ff0f1b;
	  font-size: 11px;
	  filter: none;
	  display: block;
	  line-height: 120%;
	  padding: 10px;
	  color: #ffffff;
	}
	#cssmenu .has-sub ul li:hover a {
	  background: #a80008;
	}
	#cssmenu ul ul li:hover > a {
	  color: #ffffff;
	}
	#cssmenu .has-sub .has-sub:hover > ul {
	  display: block;
	}
	#cssmenu .has-sub .has-sub ul {
	  display: none;
	  position: absolute;
	  left: 100%;
	  top: 0;
	}
	#cssmenu.align-right .has-sub .has-sub ul,
	#cssmenu.align-right ul ul ul {
	  left: auto;
	  right: 100%;
	}
	#cssmenu .has-sub .has-sub ul li a {
	  background: #a80008;
	  border-bottom: 1px dotted #ff0f1b;
	}
	#cssmenu .has-sub .has-sub ul li a:hover {
	  background: #8f0007;
	}
	#cssmenu ul ul li.last > a,
	#cssmenu ul ul li:last-child > a,
	#cssmenu ul ul ul li.last > a,
	#cssmenu ul ul ul li:last-child > a,
	#cssmenu .has-sub ul li:last-child > a,
	#cssmenu .has-sub ul li.last > a {
	  border-bottom: 0;
	}
	.menu-button{
		display: none;
	}
}
@media only screen and (max-width:64em) { /*1024px */
    .header-wrapper, .slider-wrapper, .middle-wrapper, .footer-wrapper {
        min-width: 320px;
    }
    .margin {
        width: 90%;
		margin: 0 auto;
    }
    .logo,
    .logo2{
        width: 50%;
    }

    #cssmenu{
		position: fixed;
		background: #8d000f;
		bottom: 0;
		top: 0;
		left: 100%;
		right: 0;
		z-index: 20;
		padding: 5%;
		line-height: 1.5;
		transition: all 300ms ease-in-out;
		display: none;
    }
	#cssmenu::after{
		content: "";
		position: absolute;
		top: 10px;
		right: 5%;
		left: auto;
		bottom: auto;
		font-weight: 900;
		font-size: 2em;
		cursor: pointer;
		color: white;
		width: 20px;
		height: 20px;
		display: block;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAB3ElEQVR42rWVTUsCURSGWwWuhFZB4C8LWkf9gEBwZhzHNtpa7GdorYIE+1i2yQ9CIgx1EUUJFdHE7T7gvYh3ruMoHjjM5Xy878y5Z87ZyOVya9W4gC2p+77vXxwXi0/y/IdyxoaPmGUIUlKPXNf9kk8xT4khlpxFCbY9171TACflsjir1US71RKPvR7KGRs+TUQOuXEEO/l8/oWEQiEQN82miBNiiCWHXDBsBJuyrvfqrUeDgVhQiNVfIzFaYBkEspZZAopBIAbPfZFUyCEXDLBmCdKe533ivL2+0knjj3dxWq2Kh27HAMSGjxgl5IIBFpiaQDLu4iiXSuI3DHVCtVJRn61INDg2fMQoIRcM7K7jHGiCIAguMdIZiAmkSSJt0wIGPjA1gQwcYqT9ZqXbaU8DTp/xRcWrjnrTBLKHvzGOhkNi5pHMBUfAIMZxnDCewCyVURoLAZ30owkKvj/CqN/Kfg9G/W0lAtO45PN6feVLBmPyPzU0gWypPWubmjXnnKhN0TT3EPGjAWDrFnyRPxpYYFpHBbMlqZBjjgpz2HVWHXYTjJR1XMs58rrsuCYXjLiFk4lYONRcLRzOtoWTSbIyswlWZpacZZf+oaxrQ15gX4FyxoYvwdJfj/4DXG/vBXOuHmAAAAAASUVORK5CYII=);
		background-repeat: no-repeat;
		background-size: cover;
	}
	#cssmenu a{
		color: white;
		font-size: 1.5em;
	}
	#cssmenu ul ul{
		margin-left: 2em;
		font-size: 0.8em;
	}
	#cssmenu.open{
		display: block;
		left: 50%;
	}
	.header-wrapper{
		position: relative;
	}
	.menu-button{

		position: absolute;
		top: 10%;
		left: 10%;
		color: white;
		font-size: 1em;
		text-transform: uppercase;
		border: 1px solid white;
		border-radius: 5%;
		padding: 5px 5px 3px 5px;
		z-index: 500;
		cursor: pointer;


	}

    .othergamesblock{
        width: 48%!important;
        margin-bottom: 10px;
    }
	.othergamesblock img{
		width: 100%;
		height: auto!important;
	}
	.header{
		width: 90%;
		height: auto;
		margin-top: 1em;
	}
    .header img{
        width: 100%;
		height: auto;
		float: left;
    }

    .white-block,
	.block-red2 {
        display: flex;
        flex-wrap: wrap;
    }
	.block-red2 {
		padding: 5%;
		width: 90%;
		box-sizing: border-box;
		margin: auto;
		float: none;
	}
    .white-block img,
    .white-block h2{
        display: block;
        clear: both;
    }
    .white-block h2{
        width: 100%;
    }

    .yellow-block{
        width: 30%;
    }
    .yellow-block2 {
        width: 48%;
    }
	.mission-img img{
		height: auto;
	}
	.philly-best{
		margin-bottom: 1em;
	}
	.philly-best li{
		margin-bottom: 0.2em;
	}
	.footer-wrapper{
		box-sizing: border-box;
		clear: both;
	}
	.center img{
		width: 100%;
		height: auto!important;
		max-width: 100%;
	}
	#fb_iframe{
		max-width: 100%;
		overflow: scroll;
	}
	.content-rht{
		width: 100%;
	}
}

@media only screen and (max-width:480px) { /*768px*/
	.logo,
    .logo2{
        width: 100%;
		margin: 0 auto;
    }
	.logo{
		margin-top: 35px;
	}
	.header{
		padding: 0;
	}
	.menu-button{
		top: 15%;
	}
	.block-red{
		width: auto;
	}
	.col-2{
		width: 100%;
	}
	#cssmenu.open{
		left:15%;
	}

	.yellow-block,
	.yellow-block2{
		width: 100%;
		margin-right: 0;
		margin-bottom: 1em;
	}
	.othergamesblock{
        width: 100%!important;
		margin-right: 0!important;
		padding-right: 0!important;
		border-right: 0px!important;
    }

	.footer-wrapper .margin{
		display: flex;
		flex-direction: column-reverse;
		align-items: stretch;
	}
	.footer-wrapper .margin>div{
		margin-bottom: 1em;
	}
	.footer-wrapper .margin .flink a{
		display: block;
	}
}