/* CSS Document */
@font-face {
    font-family: 'cc';
    src: url(../fonts/Curse_Casual.ttf);
}
@font-face {
    font-family: 'ng';
    src: url(../fonts/NeuzeitGroteskBoldCond.ttf);
}
body {
	font-family: 'cc';
	min-width: 1050px;
	width: 100% !important;
	background-color: #1b211b;
	margin: 0px;
	overflow-y: auto;
	overflow-x: hidden;
}

.container {
    min-width: 1050px;
    width: auto !important;
    width: 100% !important;
}

/*
.floar-left {
	float: left;
}

.floar-right {
	float: right;
}
*/



section.navigation {
	height: 100px;
}
.menu {
	background-image: url(../img/mainMenu_back_01.png);
	height: 99px;
	width: 100%;
	display: inline-block;
	position: fixed;
	margin-bottom: -45px;
	z-index: 20;
}
.nav-menu-div {
	display: table;
	margin: 0 auto;
	vertical-align: middle;
	position: relative;
	top: -72px;
}
.nav-menu-div > a {
	display: table-cell;
}
.logo-center {
	display: table;
	position: relative;
	top: 68px;
}
.nav-menu-features {
	background-image: url(../img/buttonMainMenu_FEATURES_up.png);
	width: 145px;
	height: 89px;
	float: left;
}
.nav-menu-features:hover {
	background-image: url(../img/buttonMainMenu_FEATURES_over.png);
}
.nav-menu-features:active {
	background-image: url(../img/buttonMainMenu_FEATURES_down.png);
}
.nav-menu-media {
	background-image: url(../img/buttonMainMenu_MEDIA_up.png);
	width: 99px;
	height: 89px;
	float: left;
}
.nav-menu-media:hover {
	background-image: url(../img/buttonMainMenu_MEDIA_over.png);
}
.nav-menu-media:active {
	background-image: url(../img/buttonMainMenu_MEDIA_down.png);
}
.nav-menu-community {
	background-image: url(../img/buttonMainMenu_COMMUITY_up.png);
	width: 156px;
	height: 89px;
	float: left;
}
.nav-menu-community:hover {
	background-image: url(../img/buttonMainMenu_COMMUITY_over.png);
}
.nav-menu-community:active {
	background-image: url(../img/buttonMainMenu_COMMUITY_down.png);
}
.nav-menu-shop {
	background-image: url(../img/buttonMainMenu_SHOP_up.png);
	width: 87px;
	height: 89px;
	float: left;
}
.nav-menu-shop:hover {
	background-image: url(../img/buttonMainMenu_SHOP_over.png);
}
.nav-menu-shop:active {
	background-image: url(../img/buttonMainMenu_SHOP_down.png);
}
.nav-menu-wiki {
	background-image: url(../img/buttonMainMenu_WIKI_up.png);
	width: 89px;
	height: 89px;
	float: left;
}
.nav-menu-wiki:hover {
	background-image: url(../img/buttonMainMenu_WIKI_over.png);
}
.nav-menu-wiki:active {
	background-image: url(../img/buttonMainMenu_WIKI_down.png);
}
.nav-menu-logo {
	background-image: url(../img/mflLogo_01.png);
	width: 263px;
	height: 161px;
	float: left;
	padding: 0px 13px;
	background-repeat: no-repeat;
	transition: all 0.2s ease-in-out;
}
.nav-menu-buynow {
	background-image: url(../img/buttonMainMenu_BUYNOW_up.png);
	width: 158px;
	height: 46px;
	float: left;
	position: relative;
	top: -25px;
}
.nav-menu-buynow:hover {
	background-image: url(../img/buttonMainMenu_BUYNOW_over.png);
}
.nav-menu-buynow:active {
	background-image: url(../img/buttonMainMenu_BUYNOW_down.png);
}
.paralax {
	position: relative;
}
.BIGPIC {
	background-image: url(../img/paralax/header_back.png);
	width: 100%;
	height: 472px;
	background-position: center;
	background-size: cover;
	margin-top: -20px;
}

div#scene-bg {
    background-color: white;
}

.skeletons {
	position: absolute !important;
	top: 242px;
	left: 50%;
	transform: translate(-50%, -50%) !important;
}
.ad {
	left: 50%;
	transform: translate(-50%, -50%) !important;
	position: absolute;
	width: 1024px;
	top: 239px;
	z-index: 15;
}
.ad > a {
	float: right;
}
.future {
	background-image: url(../img/futured/backgroundGrass_01.png);
	background-repeat: repeat;
	position: relative;
}
.playon {
	position: absolute;
	top: -40px;
	display: inline-flex;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}
.play-pc {
	background-image: url(../img/playon/buttonPlayPC_up.png);
	width: 349px;
	height: 78px;
	float: left;
}
.play-pc:hover {
	background-image: url(../img/playon/buttonPlayPC_over.png);
}
.play-pc:active {
	background-image: url(../img/playon/buttonPlayPC_down.png);
}
.play-ps4 {
	background-image: url(../img/playon/buttonPlayPS4_up.png);
	width: 328px;
	height: 78px;
	float: left;
}
.play-ps4:hover {
	background-image: url(../img/playon/buttonPlayPS4_over.png);
}
.play-ps4:active {
	background-image: url(../img/playon/buttonPlayPS4_down.png);
}
.play-xbox {
	background-image: url(../img/playon/buttonPlayXBone_up.png);
	width: 347px;
	height: 78px;
	float: left;
}
.play-xbox:hover {
	background-image: url(../img/playon/buttonPlayXBone_over.png);
}
.play-xbox:active {
	background-image: url(../img/playon/buttonPlayXBone_down.png);
}
.future-pic {
	background-image: url(../img/futured/featured_back.png);
	width: 100%;
	height: 650px;
	background-position: center;
	background-size: cover;
}
.future-pic-center {
    top: 52.1%;
    width: 1004px;
    left: 49.9%;
    transform: translate(-50%, -50%);
    position: absolute;
}
.future-text {
	background-image: url(../img/backgroundGrass_03.png);
	background-repeat: repeat;
	position: relative;
	color: #eee;
}
.hr {
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
}
.big-text {
	padding-top: 20px;
	font-size: 70pt;
	font-weight: bold;
	color: #eee;
	font-family: ng;
}
.big-text::after {
	content: url("../img/expand_01.png");
	display: block;
	position: relative;
	left: 50%;
	transform: translate(-50%, -50%);
}
.header-text {
	font-size: 35pt;
	color: #eee;
	margin-top: -100px;
}

.text {
	font-size: x-large;
	padding-bottom: 50px;
	color: #EEEEEE
}
.text::after {
	content: '';
	position: absolute;
	width: 45%;
	height: 1px;
	background: #eee;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 399px;
}
.caption > h3 {
	padding-top: 20px;
}
.btn.btn-expand {
	padding: 20px;
	margin: 60px;
	background-color: #eee0;
	color: #eee;
	border: 1px solid;
	width: 340px;
	font-size: x-large;
}
.media {
	background-image: url(../img/backgroundGrass_01.png);
	background-repeat: repeat;
	position: relative;
	color: #eee;
}
.community {
	background-image: url(../img/backgroundGrass_04.png);
	background-repeat: repeat;
	position: relative;
}
.big-text-c {
	font-family: ng;
	padding-top: 20px;
	font-size: 70pt;
	font-weight: bold;
	color: #eee;
}
.big-text-c::after {
	content: url("../img/expand_01.png");
	display: block;
	position: relative;
	left: 50%;
	transform: translate(-50%, -50%);
}
.header-text-c {
	font-size: 35pt;
	color: #eee
}
.header-text-c::after {
	content: '';
	position: absolute;
	width: 50%;
	height: 1px;
	background: #eee;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 379px;
}
.text-c {
	font-size: x-large;
	color: #EEEEEE;
	margin-top: -100px;
}


.media-section {
	padding-bottom: 45px;
}
#expand {
	padding-bottom: 45px;
}

.expand-hide{
	display: none;
}

#gallery {
	margin: 0 auto;
	margin-top: -100px;
}
.community-icons {
	display: table;
	margin: 0 auto;
	padding-bottom: 90px;
}
.community-icons > a {
	display: table-cell;
	padding: 10px;
}
.c-mfl {
	background-image: url(../img/comm/communityMFLFanClub_up.png);
	width: 60px;
	height: 59px;
	float: left;
}
.c-mfl:hover {
	background-image: url(../img/comm/communityMFLFanClub_over.png);
}
.c-mfl:active {
	background-image: url(../img/comm/communityMFLFanClub_down.png);
}
.c-fb {
	background-image: url(../img/comm/communityFacebook_up.png);
	width: 60px;
	height: 59px;
	float: left;
}
.c-fb:hover {
	background-image: url(../img/comm/communityFacebook_over.png);
}
.c-fb:active {
	background-image: url(../img/comm/communityFacebook_down.png);
}
.c-tw {
	background-image: url(../img/comm/communityTwitter_up.png);
	width: 60px;
	height: 59px;
	float: left;
}
.c-tw:hover {
	background-image: url(../img/comm/communityTwitter_over.png);
}
.c-tw:active {
	background-image: url(../img/comm/communityTwitter_down.png);
}
.c-yout {
	background-image: url(../img/comm/communityYouTube_up.png);
	width: 60px;
	height: 59px;
	float: left;
}
.c-yout:hover {
	background-image: url(../img/comm/communityYouTube_over.png);
}
.c-yout:active {
	background-image: url(../img/comm/communityYouTube_down.png);
}
.c-inst {
	background-image: url(../img/comm/communityInstagram_up.png);
	width: 60px;
	height: 59px;
	float: left;
}
.c-inst:hover {
	background-image: url(../img/comm/communityInstagram_over.png);
}
.c-inst:active {
	background-image: url(../img/comm/communityInstagram_down.png);
}
.c-pint {
	background-image: url(../img/comm/communityPinterest_up.png);
	width: 60px;
	height: 59px;
	float: left;
}
.c-pint:hover {
	background-image: url(../img/comm/communityPinterest_over.png);
}
.c-pint:active {
	background-image: url(../img/comm/communityPinterest_down.png);
}
.c-steam {
	background-image: url(../img/comm/communitySteam_up.png);
	width: 60px;
	height: 59px;
	float: left;
}
.c-steam:hover {
	background-image: url(../img/comm/communitySteam_over.png);
}
.c-steam:active {
	background-image: url(../img/comm/communitySteam_down.png);
}
.c-dico {
	background-image: url(../img/comm/communityDiscord_up.png);
	width: 60px;
	height: 59px;
	float: left;
}
.c-dico:hover {
	background-image: url(../img/comm/communityDiscord_over.png);
}
.c-dico:active {
	background-image: url(../img/comm/communityDiscord_down.png);
}
.c-read {
	background-image: url(../img/comm/communityReddit_up.png);
	width: 60px;
	height: 59px;
	float: left;
}
.c-read:hover {
	background-image: url(../img/comm/communityReddit_over.png);
}
.c-read:active {
	background-image: url(../img/comm/communityReddit_down.png);
}
.c-wiki {
	background-image: url(../img/comm/communityWiki_up.png);
	width: 60px;
	height: 59px;
	float: left;
}
.c-wiki:hover {
	background-image: url(../img/comm/communityWiki_over.png);
}
.c-wiki:active {
	background-image: url(../img/comm/communityWiki_down.png);
}
.community-bg {
	background-image: url(../img/comm/community_back.png);
	width: 100%;
	height: 808px;
	background-position: center;
	background-size: cover;
	position: relative;
	top: -260px;
	z-index: 1;
}

.container.text-center {
	z-index: 4;
	position: relative;
}
.footer {
	background-image: url(../img/../img/backgroundGrass_footer.png);
	background-repeat: repeat;
	position: relative;
	margin-top: -200px;
}
.logos {
	padding-top: 40px;
}
.logos > img {
	padding: 15px;
}
.logos2 {
	display: table-cell;
	padding: 30px 0px;
}
.left-logo.col-md-2 {
	float: left;
}
.center-text.col-md-8 {
	color: #eee;
	float: left;
}
.right-logo.col-md-2 {
	float: left;
}



form {
	z-index: 5;
	position: absolute;
	display: table;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 410px;
}


.contact-top-text {
	font-size: x-large;
	text-align: center;
	margin-top: -92px;
	position: absolute;
	margin-left: 55px;
}


p.contact-mail {
    text-align: center;
}
.contact-mail >a {
	color: black;
}
input{
  text-indent: 10px;
}
textarea {
    overflow: auto;
    width: 100%;
    resize: vertical;
	 text-indent: 10px;
}

input[type="submit"] {
    float: right;
	padding-right: 15px;
}
.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }



.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}
.mpic-mobile {
	display: none;
}

.modal-backdrop.show {
    opacity: .8;
}

.buy-content{

/*    padding: 40px;*/
    margin: 40px;
}

.buy-text-logo > p {
    font-size: 64px;
    text-decoration-line: underline;
}
.select-platform > p {
    font-size: 40px;
}
.select-retailer > p {
    font-size: 40px;
	padding-top: 20px;
}


.select-retailer {
	display: none;
}
.download{
	display: none;
}

select.selectpicker.platform-select {
    padding: 10px;
    font-size: x-large;
}
select.selectpicker.retailer {
    padding: 10px;
    font-size: x-large;
}



a.btn.btn-info.dlbtn {
    padding: 10px;
    margin-top: 12px;
    display: table;
    width: 165px;
}


.modal-content {
    background-color: #363637;
    background-image: url(../img/../img/backgroundGrass_footer.png);
    background-repeat: repeat;
    position: relative;
    color: white;
	text-align: center;
}

.download {
    padding-top: 25px;
}




@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

	  .hr {
		  display: none;
	  }
	.skeletons {
		display: none;
	}
	  .thumbnail > img {
    width: 230px;
}
	

.mpic-mobile > img {
    width: 100%;
}
.mpic-mobile {
    left: 40%;
    transform: translate(-50%, -50%) !important;
    position: absolute;
    width: 100%;
    top: 239px;
	display: block;
}	
	
	
	
}