@font-face {

    font-family: BNMachine;

    src: url(http://mutantfightingcup.com/font/Machine-Regular.ttf);

}



@import url('https://fonts.googleapis.com/css?family=Anton');

@import url('https://fonts.googleapis.com/css?family=Khand');



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,

abbr, acronym, address, big, cite, code, del, dfn, em, font,

ins, kbd, q, s, samp, small, strike, strong, sub, sup,

tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

    border: 0;

    font-family: inherit;

    font-size: 100%;

    font-style: inherit;

    font-weight: inherit;

    margin: 0;

    outline: 0;

    padding: 0;

    vertical-align: baseline;

    word-wrap:break-word;

}



html {

    Xfont-size: 62.5%;

    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */

    overflow-y: scroll;

    /* Keeps page centered in all browsers regardless of content height */

    X-webkit-text-size-adjust: 100%;

    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */

    X-ms-text-size-adjust: 100%;

    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */

}



*,

*:before,

*:after {

    /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */

    -webkit-box-sizing: border-box;

    /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */

    -moz-box-sizing: border-box;

    /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */

    box-sizing: border-box;

}



body {

    background: #000;

    background-image: url('images/bg_main.jpg');

    background-repeat: no-repeat;

    background-position: top center;

    background-attachment: scroll;

    margin: 0;

}



a:focus {

    outline: 0;

}



a:hover,

a:active {

    outline: 0;

}



a img {

    border: 0;

}





/*--------------------------------------------------------------

Typography

--------------------------------------------------------------*/



body,

button,

input,

select,

textarea {

    color: #333333;

    font-family: 'arial', sans-serif;

    font-size: 15px;

    line-height: 1.8;

    font-weight: normal;

}



h1,

h2,

h3,

h4,

h6 {

    clear: both;

    font-weight: normal;

    font-family: 'Anton', sans-serif;

    line-height: 1.3;

    margin-bottom: 15px;

    color: #ff2e2e;

    font-weight: normal;

}



h5 {

    clear: both;

    font-weight: normal;

    font-family: 'Arial', sans-serif;

    line-height: 1.3;

    margin-bottom: 15px;

    color: #ff2e2e;

    font-weight: normal;

}





p {

    margin-bottom: 20px;

}



b,

strong {

    font-weight: bold;

}



dfn,

cite,

em,

i {

    font-style: italic;

}







big {

    font-size: 125%;

}



h1 {

    font-size: 36px;

}



h2 {

    font-size: 30px;

}



h3 {

    font-size: 28px;

}



h4 {

    font-size: 20px;

}



h5 {

    font-size: 16px;

}



h6 {

    font-size: 14px;

}





/*--------------------------------------------------------------

Elements

--------------------------------------------------------------*/



hr {

  

    border: 0;

    height: 42px;

    margin-bottom: 15px;

    background-image: url(images/bg_line_v2.png);

    background-position: center;

    background-repeat: no-repeat;

    /* top: 11px; */

}





.hr1{

	

	    display: inline-block;

    background-size: 100% auto;

    background-image: url(images/title_bg.png);

    background-position: 0px 8px;

    background-repeat: no-repeat;

    padding-bottom: 30px;

    height: 125px;

    width: 100%;

	max-width: 990px;

	}

ul,

ol {

    margin: 0 0 15px 20px;

}



ul {

    list-style: disc;

}



ol {

    list-style: decimal;

}



li > ul,

li > ol {

    margin-bottom: 0;

    margin-left: 15px;

}



img {

    /*height: auto;*/

    /* Make sure images are scaled correctly. */

    max-width: 100%;

    /* Adhere to container width. */

    vertical-align: middle;

}









/*--------------------------------------------------------------

Links

--------------------------------------------------------------*/



a {

    color: #32c4d1;

    text-decoration: none;

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

}



a:visited {}



a:hover,

a:focus,

a:active {

    color: #28a8b3;

}





/*--------------------------------------------------------------

Accessibility

--------------------------------------------------------------*/





/* Text meant only for screen readers */



.screen-reader-text {

    clip: rect(1px, 1px, 1px, 1px);

    position: absolute !important;

}



.screen-reader-text:hover,

.screen-reader-text:active,

.screen-reader-text:focus {

    background-color: #f1f1f1;

    border-radius: 3px;

    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

    clip: auto !important;

    color: #21759b;

    display: block;

    font-size: 14px;

    font-weight: bold;

    height: auto;

    left: 5px;

    line-height: normal;

    padding: 15px 23px 14px;

    text-decoration: none;

    top: 5px;

    width: auto;

    z-index: 100000;

    /* Above WP toolbar */

}





/*--------------------------------------------------------------

Alignments

--------------------------------------------------------------*/



.alignleft {

    display: inline;

    float: left;

    margin-right: 15px;

}



.alignright {

    display: inline;

    float: right;

    margin-left: 15px;

}



.aligncenter {

    clear: both;

    display: block;

    margin: 0 auto;

}





/*--------------------------------------------------------------

Clearings

--------------------------------------------------------------*/



.clearfix:before,

.clearfix:after,

.row:before,

.row:after,

.entry-content:before,

.entry-content:after,

.comment-content:before,

.comment-content:after,

.site-header:before,

.site-header:after,

.site-content:before,

.site-content:after,

.site-footer:before,

.site-footer:after,

.tg-container:after,

.tg-container:before {

    content: '';

    display: table;

}



.clearfix:after,

.row:after,

.entry-content:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after,

.tg-container:after {

    clear: both;

}



.clear {

    clear: both;

}









/*--------------------------------------------------------------

COMMON CSS

--------------------------------------------------------------*/



body {

    font-weight: 300;

    Xposition: relative;

    font-family: 'Arial', sans-serif;

    line-height: 1.5;

	width: 100%;

	-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;

}



.tg-container {

    Xwidth: 990px;

    margin: 0 auto;

    position: relative;

}



.hide {

    display: none;

}







.site-content{

	text-align:center;

	max-width:100%;

	margin-left:auto;

	margin-right:auto;

	}

.game_name1{	

    font-weight: normal;

    font-family: 'Khand', sans-serif;

    font-size: 22px;

    color: #ffe201;

    position: absolute;

    top: -132px;

    left: 17px;

    text-transform: uppercase;

	}

.game_name2{	

    font-weight: normal;

    font-family: 'Khand', sans-serif;

    font-size: 22px;

    color: #ffe201;

    position: absolute;

    top: -132px;

    left: 14px;

    text-transform: uppercase;

	}

.game_name3{	

    font-weight: normal;

    font-family: 'Khand', sans-serif;

    font-size: 22px;

    color: #ffe201;

    position: absolute;

    top: -132px;

    left: 12px;

    text-transform: uppercase;

	}

	.game_name4{	

    font-weight: normal;

    font-family: 'Khand', sans-serif;

    font-size: 22px;

    color: #ffe201;

    position: absolute;

    top: -132px;

    left: 32px;

    text-transform: uppercase;

	}

    .game_name5{	

    font-weight: normal;

    font-family: 'Khand', sans-serif;

    font-size: 22px;

    color: #ffe201;

    position: absolute;

    top: -132px;

    left: 42px;

    text-transform: uppercase;

	}

.homepage_screen li{

	display: inline-block;

	}

.homepage_nft{

		

		Xbackground-image: url('images/mfc1_big_icon_nobg.png');

		Xbackground-size: 100% auto;

		background-repeat: no-repeat;

		position: relative;

		Xtop: -140px;

		Xright: -25px;

		width: 341px;

		height: 340px;

		max-width:341px;

		Z-webkit-transform: rotate(364deg);

		Z-moz-transform: rotate(364deg);

		Z-o-transform: rotate(364deg);

		Zwriting-mode: rl-tb;

		}

.homepage_game1{

		

		background-image: url('images/mfc1_big_icon.png');

		Xbackground-size: 100% auto;

		background-repeat: no-repeat;

		position: relative;

		Xtop: -140px;

		Xright: -25px;

		width: 341px;

		height: 340px;

		max-width:341px;

		Z-webkit-transform: rotate(364deg);

		Z-moz-transform: rotate(364deg);

		Z-o-transform: rotate(364deg);

		Zwriting-mode: rl-tb;

		}

.innerpage_game1{

		Xdisplay: inline-block;

		background-image: url('images/mfc1_big_icon.png');

		Xbackground-size: 100% auto;

		background-repeat: no-repeat;

		position: relative;

		Xtop: -140px;

		Xright: -25px;

		width: 341px;

		height: 340px;

		max-width:341px;

		Z-webkit-transform: rotate(364deg);

		Z-moz-transform: rotate(364deg);

		Z-o-transform: rotate(364deg);

		Zwriting-mode: rl-tb;

		}

.homepage_game2{

		Xdisplay: inline-block;

		background-image: url('images/mfc2_big_icon.png');

		Xbackground-size: 100% auto;

		background-repeat: no-repeat;

		position: relative;

		Xtop: -140px;

		Xright: -25px;

		width: 341px;

		height: 340px;

		max-width:341px;

		X-webkit-transform: rotate(364deg);

		X-moz-transform: rotate(364deg);

		X-o-transform: rotate(364deg);

		Xwriting-mode: rl-tb;

		}

.homepage_game3{

		Xdisplay: inline-block;

		background-image: url('images/mfa_big_icon.png');

		Xbackground-size: 100% auto;

		background-repeat: no-repeat;

		position: relative;

		Xtop: -140px;

		Xright: -25px;

		width: 341px;

		height: 340px;

		max-width:341px;

		X-webkit-transform: rotate(364deg);

		X-moz-transform: rotate(364deg);

		X-o-transform: rotate(364deg);

		Xwriting-mode: rl-tb;

		}

		.homepage_game4{

		Xdisplay: inline-block;

		background-image: url('images/mfa_big_icon.png');

		Xbackground-size: 100% auto;

		background-repeat: no-repeat;

		position: relative;

		Xtop: -140px;

		Xright: -25px;

		width: 341px;

		height: 340px;

		max-width:341px;

		X-webkit-transform: rotate(364deg);

		X-moz-transform: rotate(364deg);

		X-o-transform: rotate(364deg);

		Xwriting-mode: rl-tb;

		}

        .homepage_game5{

		Xdisplay: inline-block;

		background-image: url('images/mfc1_big_icon.png');

		Xbackground-size: 100% auto;

		background-repeat: no-repeat;

		position: relative;

		Xtop: -140px;

		Xright: -25px;

		width: 341px;

		height: 340px;

		max-width:341px;

		X-webkit-transform: rotate(364deg);

		X-moz-transform: rotate(364deg);

		X-o-transform: rotate(364deg);

		Xwriting-mode: rl-tb;

		}

.homepage_screen{

	text-align: center;	

	padding-bottom: 55px;		

	}

.homepage_title {

	font-weight: normal;

	font-family: 'Anton', sans-serif;

	font-size:46px;

	line-height: 0.9;

	mXargin-bottom: 15px;

	Xpadding-top: 34px;

	color: #ff2e2e;

	font-weight: normal;	

	top: -10px;

	left: -1%;

	padding: 0px 20px 0px 30px;

	max-width: 480px;

	height: 140px;

	position: relative;

	text-transform: uppercase;	

	-webkit-transform: rotate(356deg);

	-moz-transform: rotate(356deg);

	-o-transform: rotate(356deg);

	Xwriting-mode: rl-tb;

}

.homepage_title_txt0{color:#fe2222; font-size:46px; line-height: 0.9;text-shadow: 4px 4px 10px #000000; text-align: center;}

.homepage_title_txt1{font-size:27px;float: left;line-height: 40px;}

.homepage_title_txt2{font-size:37px; padding-top: 10px; float: right;}

.homepage_title_txt3{}



.mfc1_logo_img {

position: relative;

top: 47px;

}

.mfc1_logo_img:hover{

	BACKGROUND-IMAGE: url('images/icons_hover.png');

	}

.mfc1_store_bt {

position: relative;

top: 36px;

left:-1px;

}

.mfc2_logo_img {

position: relative;

top: 180px;

}

.mfc2_store_bt {

position: relative;

top: 124px;

left:2px;

}



.store_btn {

  BACKGROUND-IMAGE: url('images/btn_page_appstore.png');

    color: #e8d4d2;

    background-position: top, center;

    display: inline-block;

    WIDTH: 154PX;

    height: 75px;

    font-family: BNMachine;

    font-size: 14px;

    text-align: center;

}

.store_btn:hover {

 BACKGROUND-IMAGE: url('images/btn_page_appstore_hover.png');

    background-repeat: no-repeat;

    background-position: top, center;

    color: #e8d4d2;

    display: inline-block;

    WIDTH: 154PX;

    height: 75px;

    font-family: BNMachine;

    font-size: 14px;

    text-align: center;

}

.footer{

	text-align: center;

	}

.top-footer{

	    max-width: 1000px;

		    width: fit-content;

    display: inline-block;

	    color: #ffffff;

    text-align: center;

	    margin-left: auto;

    margin-right: auto;

	}

.feature{

	width: 303px;

    display: inline-block;

	padding:10px;

	font-family: 'Khand', sans-serif;

    font-size: 18px;

	}

	

	

	.bottom-footer {

    background-image: url(images/footer_bg.png);

    background-repeat: no-repeat;

    background-position-x: center;

}





.top_back_btn {

  BACKGROUND-IMAGE: url('images/top_menu_back_bt.png');

    color: #e8d4d2;

    background-position: top, center;

    display: inline-block;

    WIDTH: 166PX;

    height: 75px;

    font-family: BNMachine;

    font-size: 14px;

    text-align: center;

}

.top_back_btn:hover {

 BACKGROUND-IMAGE: url('images/top_menu_back_bt_hover.png');

    background-repeat: no-repeat;

    background-position: top, center;

    color: #e8d4d2;

    display: inline-block;

    WIDTH: 166PX;

    height: 75px;

    font-family: BNMachine;

    font-size: 14px;

    text-align: center;

}







.popbtn{

	background: url(images/sm_close.png); background-repeat: no-repeat;background-position: center; border: none; position: absolute; width: 50px; height: 50px; top: 29px; right: 39px;cursor: pointer; outline: none;

	}

.popup_title1{font-weight: normal; font-family: 'Khand', sans-serif;    font-size: 33px;    color: #ffca00;     line-height: 34px; text-transform: uppercase;}

.popup_title2{font-weight: normal; font-family: 'Khand', sans-serif;    font-size: 25px;    color: #14d813;  text-transform: uppercase;}



.popup_btstore1{display: inline-block; width: 130px; position: relative; left: -23px;}

.popup_btstore2{display: inline-block; width: 130px;}



.page_video {

    position: relative;

    width: 100%;

    height: 0;

    padding-bottom: 56.25%;

    margin-bottom: 0.5em;

}

.page_video_if {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.page_game_info{

	background: no-repeat center url(images/inner_titile_bg.png);

	height: 250px;

	}

.page_game_info_block{

	display: flex;

	width: 471px;  

	padding: 32px 0 0 0;  

	margin-left: auto;    

	margin-right: auto;

	}

.page_game_info_block_img{

	display:block;

	}

.page_game_info_block_txt{

	padding: 0px 0px 0px 22px;

	margin: 0;

}

.sm-banner{    margin-top: 0px;

    position: relative;

    top: -38px;}

@media screen and (max-width: 380px) {

	.popbtn{

	right: 0px;

	}

	.sm-banner{    margin-top: 0px;

    position: relative;

    top: 0px;}

}

@media screen and (min-width: 440px) {

	.popbtn{

	right: 39px;

	}

}

@media screen and (min-width: 20em) {

.site-content {

	Xborder:4px solid #ff0;

}

.page_game_info{

	background: no-repeat center url(images/inner_titile_bg.png);

	height: 250px;

}

.page_game_info_block{

	display: flex;

	width: 100%;  

	padding: 32px 0 0 0;  

	margin-left: auto;    

	margin-right: auto;

}

.page_game_info_block_img{

	display:none;

}

.page_game_info_block_txt{

	padding: 0px 0px 0px 0px;

	margin: 0;

    width: 100%;

}

		   

.hr1{	

	display: none;

}

.mfc1game {

	display: none;

}

.homepage_screen {

    text-align: center;

    padding-bottom: 8px;

    transform: scale(0.9);

}



}	

@media screen and (min-width: 30em) {

	.site-content {Xborder:4px solid #ff0000;}

	

	

.page_game_info{

	background: no-repeat center url(images/inner_titile_bg.png);

	height: 250px;

	}

.page_game_info_block{

	display: flex;

	width: 471px;  

	padding: 32px 0 0 0;  

	margin-left: auto;    

	margin-right: auto;

	}

.page_game_info_block_img{

	display:block;

	}

.page_game_info_block_txt{

	padding: 0px 0px 0px 22px;

	margin: 0;

	    width: 72%;

}





.comment-social-main{

	width: 98%;

    display: block;

    text-align: center;

	max-width: 990px;

}

.comment-social-left{

width: 100%;

display: inline-block;

padding-left: 30px;

padding-right: 30px;

float: left;

}

.comment-social-right{

display: inline-block;

width: 100%;

padding-left: 30px;

padding-right: 30px;

vertical-align: top;

/* float: right; */

}

.hr1{

	

	    display: none;

	}

	.mfc1game {

	display: block;

}



.homepage_screen {

    text-align: center;

    padding-bottom: 8px;

    transform: scale(1);

}

	}



@media screen and (min-width: 48em) {

	.site-content {Xborder:4px solid #fff;}

	

	.comment-social-main {

    width: 100%;



    display: inline-flex;

}

.comment-social-left {

    width: 70%;

    display: inline-block;

    padding-left: 30px;

    float: left;

}

.comment-social-right {

    display: inline-block;

    /* min-width: 280px; */

    width: 27%;

    padding-left: 35px;

    vertical-align: top;

    /* float: right; */

}

.hr1{

	

	    display: inline-block;

    background-size: 100% auto;

    background-image: url(images/title_bg.png);

    background-position: 0px 8px;

    background-repeat: no-repeat;

    padding-bottom: 30px;

    height: 125px;

    width: 100%;

	max-width: 990px;

	}

.homepage_screen {

    text-align: center;

    padding-bottom: 8px;

    transform: scale(1);

}

	}