<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5JWTRD');</script>
<!-- End Google Tag Manager -->

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="HandheldFriendly" content="True">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>Gaming Mice, Keyboards, Fightsticks and Headsets | Mad Catz</title>

<!-- Bootstrap -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/mcz.css" rel="stylesheet">
<link href="css/skdslider.css" rel="stylesheet">
<link href="css/imageTitle.css" rel="stylesheet">


<!-- fonts -->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" >


<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    
<!--Main Menu File-->
<link rel="stylesheet" type="text/css" media="all" href="css/color-theme.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/webslidemenu.css" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 



</head>
<body><!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5JWTRD"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->


<div class="container-fluid" id="contentnopad">
<div class="wsmenucontainer clearfix">
<div class="overlapblackbg"></div>
<!--mobile logo-->
  <div class="wsmobileheader clearfix">
  <a id="wsnavtoggle" class="animated-arrow"><span></span></a>
  <a class="smallogo"><img src="imgs/nav/smallmczlogo.png" width="120" alt="" /></a>
  </div>
  

  
<!--Main Menu-->
<div>	  <div class="header">
<!--logo-->
  <div class="wrapper clearfix">
  <div class="logo clearfix navbar-brand"><a href="" title="Mad Catz | Game Changing"><img src="imgs/nav/madcatz-logo.png" alt="Mad Catz logo" /></a></div>
  </div>
  <nav class="wsmenu clearfix navbar-right">
                <ul class="mobile-sub wsmenu-list">
                <li><a href="#">PRODUCTS</a>
                    <div class="megamenu clearfix">
                      <ul class="col-lg-2 col-md-2 col-xs-12 link-list">
                        <li class="title">GAMING MICE</li>
                        <li><a href="gamechanging/ratprox.php">RAT PRO X+</a></li>
                        <li><a href="gamechanging/ratpros.php">RAT PRO S+</a></li>
                        <li><a href="gamechanging/rat8.php">RAT 8</a></li>
                        <li><a href="gamechanging/rat6.php">RAT 6</a></li>
                        <li><a href="gamechanging/rat4.php">RAT 4</a></li>
                        <li><a href="gamechanging/rat1.php">RAT 1</a></li>
                      </ul>
                      <ul class="col-lg-2 col-md-2 col-xs-12 link-list">
                        <li class="title">KEYBOARDS</li>
                        <li><a href="keyboards/strike7.php">STRIKE 7</a></li>
                        <li><a href="keyboards/strikete.php">STRIKE TE</a></li>
                      </ul>
                      <ul class="col-lg-2 col-md-2 col-xs-12 link-list">
                        <li class="title">MOUSE MATS</li>
                        <li><a href="surfaces/glide6.php">GLIDE 6</a></li>
                        <li><a href="surfaces/glide4.php">GLIDE 4</a></li>

                      </ul>
                      <ul class="col-lg-2 col-md-2 col-xs-12 link-list">
                        <li class="title">FIGHTSTICKS</li>
                        <li><a href="fightsticks/tekken7.php">TE 2+ TEKKEN 7</a></li>
                        <li><a href="fightsticks/te2plus.php">TE 2+ FIGHTSTICK</a></li>
                        <li><a href="fightsticks/tesplus.php">TE S+ FIGHTSTICK</a></li>
                        <li><a href="fightsticks/fsalpha.php">FIGHTSTICK ALPHA</a></li>
                      </ul>
                      <ul class="col-lg-2 col-md-2 col-xs-12 link-list">
                        <li class="title">GAMEPADS</li>
                        <li><a href="gamepads/fightpadpro.php">FIGHTPAD PRO</a></li>
                        <li><a href="gamepads/lynx3.php">LYNX 3</a></li>
                        <li><a href="gamepads/surfr.php">SURF R</a></li>
                        <li><a href="gamepads/surfrsamsung.php">SAMSUNG SURF R</a></li>
                        <li><a href="gamepads/microctrlrsamsung.php">SAMSUNG MICRO CTRL R </a></li>
                        <li><a href="gamepads/ctrlr.php">CTRL R</a></li>
                        <li><a href="gamepads/microctrlr.php">MICRO CTRL R </a></li>
                        <li><a href="gamepads/ctrli.php">CTRL i</a></li>
                        <li><a href="gamepads/microctrli.php">MICRO CTRL i </a></li>
                      </ul>
                      <ul class="col-lg-2 col-md-2 col-xs-12 link-list">
                        <li class="title">TRITTON AUDIO</li>
                        <li><a href="http://www.trittonaudio.com/prod/xbox-one.asp">XBOX ONE HEADSETS</a></li>
                        <li><a href="http://www.trittonaudio.com/prod/ps4.asp">PS4 HEADSETS</a></li>
                        <li><a href="http://www.trittonaudio.com/prod/pchead.asp">PC HEADSETS</a></li>
                        <li><a href="http://www.trittonaudio.com/prod/xbox.asp">XBOX 360 HEADSETS</a></li>
                        <li><a href="http://www.trittonaudio.com/prod/ps3.asp">PS3 HEADSETS</a></li>
                        <li><a href="http://www.trittonaudio.com/prod/mobile.asp">MOBILE HEADSETS</a></li>
   					</ul>
                      
                    </div>
                  </li>
                <li><a href="innovation/">INNOVATION</a></li>
                <li><a href="downloads/">DOWNLOADS</a>
                    <ul class="wsmenu-submenu">
                      <li><a href="downloads/">DRIVERS &amp; SOFTWARE</a></li>
                      <li><a href="http://madcatz.kayako.com/Knowledgebase/Article/View/399/166/mad-catz-manuals">MANUALS</a></li>
                      <li><a href="downloads/">PROFILES</a></li>
                     </ul>
                </li>
                <li><a href="http://support.madcatz.com">SUPPORT</a></li>
                <li id="shop" style="display: none"><a href="http://www.shopmadcatz.com">STORE</a></li>
                <!--<li><a href="esports/">ESPORTS</a></li>-->
             		
                
                </ul>
    </nav>
    </div></div>

<!--rotator-->
<div class="row">
<div class="col-xs-12">
	<div id="mobilelogo"><img class="img-responsive img-center" src="imgs/landing/mobile-landing.png" width="400" height="400" alt=""/>
    <h2>Game <br>Changing</h2>
    </div>

<div class="skdslider">
    <ul id="fprotator" class="slides">
    
<li> <a href="fightsticks/tekken7.php"><img class="img-responsive" src="imgs/rotator/tekken-7-te2plus-fightsitck.jpg" /></a>
<!--Slider Description example-->
 <div class="slide-desc">
		<h2>Raise <br>
Your Fists</h2>
		<p>Tekken 7 TE 2+</p>
        <a href="fightsticks/tekken7.php">
        <button  class="ghost-button">More info</button>
        </a>  </div> <!-- .cd-hero -->
</li>
    
    
<li> <a href="gamechanging/"><img class="img-responsive" src="imgs/rotator/rat8-gaming-mouse.jpg" /></a>
<!--Slider Description example-->
 <div class="slide-desc">
		<h2>Game <br>
			Changing</h2>
		<p>The Next Generation of Rats</p>
        <a href="gamechanging/">
        <button class="ghost-button">Explore</button>
        </a>  </div> <!-- .cd-hero -->
</li>


<li> <a href="http://www.trittonaudio.com/ark/"><img class="img-responsive" src="imgs/rotator/ark-100-console-audio.jpg" /></a>
<!--Slider Description example-->
 <div class="slide-desc">
		<h2>ark 100<br>
Headset</h2>
		<p>INNOVATION IN GAMING AUDIO</p>
        <a href="http://www.trittonaudio.com/">
        <button class="ghost-button">visit tritton website</button>
        </a>  </div> <!-- .cd-hero -->
</li>
</ul>
</div>
</div>
</div>
<!--main card links--> 

<div class="row no-gutter">
<div class="col-md-3 col-xs-6  newgrey">	
	<div class="card"><a href="keyboards/">
		<img class="img-responsive" src="imgs/landing/keyboards.jpg" alt="explore the rat range"/>

        <div class="card_content">

    <img class="img-responsive" src="imgs/landing/the-authentic-strike.png" width="500" height="50" alt=""/>
    <div class="subtitle">
    <h3>explore keyboards</h3>
    </div>
  </div>
  </a></div></div>


<div class="col-md-3 col-xs-6">	
	<div class="card"><a href="gamechanging/">
    <div class="newgrey">
		<img class="img-responsive" src="imgs/landing/explore-the-rat-range.jpg" alt="explore the rat range"/>
</div>
        <div class="card_content">

    <img class="img-responsive" src="imgs/landing/the-authentic-rat.png" width="500" height="50" alt=""/>
    <div class="subtitle">
    <h3>explore gaming mice</h3>
    </div>
  </div>
  </a></div></div>


<div class=" col-md-3 col-xs-6 newgrey">	
	<div class="card"><a href="gamepads/">
		<img class="img-responsive" src="imgs/landing/micro-ctrlr-for-samsung.jpg" alt="explore the rat range"/>

        <div class="card_content">

    <img class="img-responsive" src="imgs/landing/samsung-logo.png" width="500" height="70" alt=""/>
    <div class="subtitle">
    <h3>Mobile Controllers</h3>
    </div>
  </div>
  </a></div></div>
  
  <div class="col-md-3 col-xs-6">	
	<div class="card"><a href="fightsticks/">
    <div class="newgrey">
		<img class="img-responsive" src="imgs/landing/tekken7-fightsticks.jpg" alt="explore the rat range"/>
</div>
        <div class="card_content">

    <img class="img-responsive"  src="imgs/page/tes2plus-name-category.png" width="500" height="70" alt=""/>
    <div class="subtitle">
    <h3>explore Fightsticks</h3>
    </div>
  </div>
  </a></div></div>
</div>


<!--epsorts decor-->
<div class="row no-gutter">
	<div class="col-xs-12">
    <img class="img-responsive" src="imgs/landing/esports.jpg" width="1920" height="400" alt="Mad Catz at esports event LVP Madrid"/> </div>

<!--brands--> 
<div class="row">
<div class="col-md-6 col-xs-12 brandsections">
<img class="img-responsive img-center" src="imgs/landing/madcatz-logo-long.png" width="254" height="46" alt="madcatz logo.png"/>
<p>The very best in gaming hardware, raising the bar in innovative design, engineering, and functionality.</p>
<div class="col-md-6 col-xs-4 brandsec-leftcol">
<img class="img-responsive img-center" src="imgs/landing/mad-cat-rat-exploded.png" width="155" height="213" alt=""/></div>

<div class="col-md-6 col-xs-8"><ul class="fp-textlinks">
<li><a href="gamechanging/"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Gaming Mice</a></li>
<li><a href="keyboards/"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Keyboards</a></li>
<li><a href="surfaces/"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Gaming surfaces</a></li>
<li><a href="fightsticks/"><i class="fa fa-angle-double-right" aria-hidden="true"></i> FightSticks</a></li>
<li><a href="gamepads/"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Gamepads</a></li>
<!--<li><a href="#"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Headsets</a></li>-->
</ul>
</div></div>

<div class="col-md-6 col-xs-12 brandsections"> <a href="http://www.trittonaudio.com"><img class="img-responsive img-center" src="imgs/landing/tritton-audio-logo.png" width="205" height="46" alt="tritton audio logo"/></a>
<p>TRITTON Audio produces award-winning gaming headsets, Innovation is still alive in gaming audio. </p>
<div class="col-md-6 col-xs-4 brandsec-leftcol"><img class="img-responsive img-center" src="imgs/landing/ark-300-tritton.png" width="155" height="213" alt=""/></div>
<div class="col-md-6 col-xs-8">
<ul class="fp-textlinks">
  <li><a href="http://www.trittonaudio.com/prod/xbox-one.asp"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Xbox one Headsets</a></li>
<li><a href="http://www.trittonaudio.com/prod/ps4.asp"><i class="fa fa-angle-double-right" aria-hidden="true"></i> PS4 Headsets</a></li>
<li><a href="http://www.trittonaudio.com/prod/xbox.asp"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Xbox 360 Headsets</a></li>
<li><a href="http://www.trittonaudio.com/prod/ps3.asp"><i class="fa fa-angle-double-right" aria-hidden="true"></i> PS3 Headsets</a></li>
<li><a href="http://www.trittonaudio.com/prod/pchead.asp"><i class="fa fa-angle-double-right" aria-hidden="true"></i> PC Headsets</a></li>
<li><a href="http://www.trittonaudio.com/prod/mobile.asp"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Mobile Headsets</a></li>
</ul>
</div>

</div>
</div>
<!--red band--> 
<div class="row redbk">

<div class="col-xs-12" id="review-logo">
<p>featured on</p>
<ul id="reviews">
<li><img src="imgs/landing/trusted-reviews.png" width="107" height="108" alt=""/></li>
<li><img src="imgs/landing/polygon.png" width="141" height="108" alt=""/></li>
<li><img src="imgs/landing/gaming-shogun.png" width="201" height="109" alt=""/></li>
<li><img src="imgs/landing/twice-picks.png" width="163" height="108" alt=""/></li>
<li><img src="imgs/landing/ces-ionnovation-awards.png" width="132" height="109" alt=""/></li>
<li><img src="imgs/landing/tomsdguide.png" width="171" height="108" alt=""/></li>
<li><img src="imgs/landing/tenton-hammer.png" width="169" height="109" alt=""/></li>
<li><img src="imgs/landing/technewstoday.png" width="152" height="109" alt=""/></li>
<li><img src="imgs/landing/gamewatch.png" width="119" height="109" alt=""/></li>
</ul>
</div>

</div>

<div class="row">
<!--Sign up--> 
<div class="col-xs-12 mailsignup">
<div id="mc_embed_signup">
<form action="subscribe.php" method="post" id="mc-embedded-subscribe-form">



    <div id="mc_embed_signup_scroll">
<div class="mc-field-group">
<h2>stay updated</h2>
<p>don't miss out on the latest news enter your email</p>
	<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
	<div id="mce-responses" class="clear">
		<div class="response" id="mce-error-response" style="display:none"></div>
		<div class="response" id="mce-success-response" style="display:none"></div>
	</div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_d9a4331333a929b8c98baedea_d75b6e25d8" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class=" ghost-button"></div>
    </div>
</form>
<div id="response">
    </div>
    
</div>
<div>
<ul id="sociallinks" >
<li><a href="https://www.facebook.com/MadCatz.Global"><img src="imgs/facebook.png" width="48" height="48" alt="follow us on facebook"/></a></li>
<li><a href="https://twitter.com/MadCatz"><img src="imgs/twitter.png" width="48" height="48" alt="follow us on twitter"/></a></li>
<li><a href="http://www.youtube.com/madcatzcompany"><img src="imgs/youtube.png" width="48" height="48" alt="watch our videos on youtube"/></a></li>
</ul>
</div>
</div>

</div>
<!--footer--> 

<div class="row" id="footer">
<div>

<div class="col-md-3 col-xs-3">
<h2>Products</h2>
<ul>
<li><a href="gamechanging/">Gaming Mice</a></li>
<li><a href="keyboards/">Keyboards</a></li>
<li><a href="surfaces/">Surfaces</a></li>
<li><a href="fightsticks/">Fightsticks</a></li>
<li><a href="gamepads/">Gamepads</a></li>
<!--<li><a href="headsets/">Headsets</a></li>-->
</ul>
</div>

<div class="col-md-3 col-xs-3">
<h2>Support</h2>
<ul>
<li><a href="downloads/">Drivers & Sofware</a></li>
<li><a href="http://madcatz.kayako.com/Knowledgebase/Article/View/399/166/mad-catz-manuals">Manuals</a></li>
<li><a href="http://support.madcatz.com">Support</a></li>
<li><a href="terms.php">Terms of Use</a></li>
<li><a href="privacy.php">Privacy Policy</a></li>
</ul>
</div>


<div class="col-md-3 col-xs-3">
<h2>Mad Catz</h2>
<ul>
<li><a href="pressroom/">Pressroom</a></li>
<li><a href="http://phx.corporate-ir.net/phoenix.zhtml?c=69024&p=irol-irhome">Investor Relations</a></li>
<li><a href="http://madcatz.com/patents/">Patents & Certifications</a></li>
<li><a href="careers/">Careers</a></li>
<li><a href="distributors/">Distributors</a></li>
<li><a href="http://support.madcatz.com/Knowledgebase/Article/View/264/74/mad-catz-warranty-policy-for-usa-and-canada">Warranty Policy</a></li>
</ul>
</div>

<div class="col-md-3 col-xs-3">
<h2>Follow Us</h2>
<ul>
<li><a href="https://www.facebook.com/MadCatz.Global">Facebook</a></li>
<li><a href="https://twitter.com/MadCatz">Twitter</a></li>
<li><a href="http://www.youtube.com/user/MadCatzCompany">YouTube</a></li>
<li><a href="http://madcatz.com/mad-catz-tv/">Twitch</a></li>
<li><a href="http://instagram.com/madcatzinc#">Instagram</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>

<!--JS--> 
<script src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/webslidemenu.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/skdslider.min.js"></script>

 <script>
  		$(window).ready(function(){
         $.getJSON("http://pro.ip-api.com/json/?key=pyF4mFD38Cubd4k", function(data) {
           if(data.countryCode == "DE") {
			   $(location).attr('href',"http://www.madcatz.de");
		   }
		 });
			 
			});
</script>

<script>
$(window).load(function(){
			jQuery('#fprotator').skdslider({delay:5000, animationSpeed: 1000,showNextPrev:true,showPlayButton:true,autoSlide:true,animationType:'fading'});
			});

</script>
<script type="text/javascript">
	
	// On window load. This waits until images have loaded which is essential
	$(window).load(function(){
		var windowWidth = $(window).width();
		if(windowWidth > 769){
		// Fade in images so there isn't a color "pop" document load and then on window load
		$(".newgrey img").fadeIn(500);
		
		// clone image
		$('.newgrey img').each(function(){
			var el = $(this);
			el.css({"position":"absolute"}).wrap("<div class='img_wrapper' style='display: block'>").clone().addClass('img_grayscale').css({"position":"absolute","z-index":"998","opacity":"0"}).insertBefore(el).queue(function(){
				var el = $(this);
				el.parent().css({"width":this.width,"height":this.height});
				el.dequeue();
			});
			this.src = grayscale(this.src);
		});
		
		// Fade image 
		$('.newgrey img').mouseover(function(){
			$(this).parent().find('img:first').stop().animate({opacity:1}, 500);
		})
		$('.img_grayscale').mouseout(function(){
			$(this).stop().animate({opacity:0}, 500);
		});		
	};
	});
	
	// Grayscale w canvas method
	function grayscale(src){
		var canvas = document.createElement('canvas');
		var ctx = canvas.getContext('2d');
		var imgObj = new Image();
		imgObj.src = src;
		canvas.width = imgObj.width;
		canvas.height = imgObj.height; 
		ctx.drawImage(imgObj, 0, 0); 
		var imgPixels = ctx.getImageData(0, 0, canvas.width, canvas.height);
		for(var y = 0; y < imgPixels.height; y++){
			for(var x = 0; x < imgPixels.width; x++){
				var i = (y * 4) * imgPixels.width + x * 4;
				var avg = (imgPixels.data[i] + imgPixels.data[i + 1] + imgPixels.data[i + 2]) / 3;
				imgPixels.data[i] = avg; 
				imgPixels.data[i + 1] = avg; 
				imgPixels.data[i + 2] = avg;
			}
		}
		ctx.putImageData(imgPixels, 0, 0, 0, 0, imgPixels.width, imgPixels.height);
		return canvas.toDataURL();
    }
	    
</script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript">
        $(document).ready(function() {
            // jQuery Validation
            $("#mc-embedded-subscribe-form").validate({
                // if valid, post data via AJAX
                submitHandler: function(form) {
                    $.post("subscribe.php", {email: $("#mce-EMAIL").val() }, function(data) {
                        $('#response').html("<br><p>Thank you, we have sent you an email to confirm your subscription</p>");
                    });
                },
                // all fields are required
                rules: {
                    email: {
                        required: true,
                        email: true
                    }
                }
            });
        });
    </script>
<script>
  		$(document).ready(function() {
         $.getJSON("http://pro.ip-api.com/json/?key=pyF4mFD38Cubd4k", function(data) {
           if(data.countryCode == "US") {
			  $('#shop').css('display','block');
		   }
			 });	
			});
</script>


</body>
</html>
