.headlinecopy{font-size: 3.8rem !important;
}	
.headlinecopy{font-size: 3.8rem !important;
}.headlinecopy{font-size: 3.8rem !important;
}/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@font-face {
    font-family: 'UniversLTW01-57Condense';
    src: url('../fonts/universltw01-57condense.eot');
    src: url('../fonts/universltw01-57condense.eot?#iefix') format('embedded-opentype'),
         url('../fonts/universltw01-57condense.woff') format('woff'),
         url('../fonts/universltw01-57condense.ttf') format('truetype'),
         url('../fonts/universltw01-57condense.svg#UniversLTW01-57Condense') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UniversLTW01-67BoldCn';
    src: url('../fonts/universltw01-67boldcn.eot');
    src: url('../fonts/universltw01-67boldcn.eot?#iefix') format('embedded-opentype'),
         url('../fonts/universltw01-67boldcn.woff') format('woff'),
         url('../fonts/universltw01-67boldcn.ttf') format('truetype'),
         url('../fonts/universltw01-67boldcn.svg#Universltw01-67boldcn') format('svg');
    font-weight: normal;
    font-style: normal;
}


body{ background-color:#000;
	  background-image:url(../imgs/page/top-red-bg-sm.png); 
	  background-position:top; 
	  background-repeat: repeat-x;
	  font-family:'UniversLTW01-57Condense', 'Pathway Gothic One', serif;
	  color:#fff;
	  text-transform: uppercase;
	}
	
#prox{ background-color:#000;
	  background-image:none;
	  font-family:'UniversLTW01-57Condense', 'Pathway Gothic One', serif;
	  color:#fff;
	  text-transform: uppercase;
	}
p{
	text-transform:none;
	font-size:1.8rem;}

h1{
	font-family: 'UniversLTW01-67BoldCn';
	font-size:3.6rem;
}
h2{
	font-family: 'UniversLTW01-67BoldCn';
	font-size:2.4rem;
	margin-top:0;
	padding-top:0;

}

h3{
	font-size:3.8rem;
}

h4{
	font-size:2.6rem;
	margin-bottom:30px;
}

input{color:#000;}

button {
	display: inline-block;
	padding: 10px 16px;
	margin-top: 30px;
	margin-bottom: 0;
	margin: 0 auto;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	background-color: #FF0004;
	font-family: 'UniversLTW01-67BoldCn';
	font-size: 2.4em;
	color: #fff;
	text-transform: uppercase;
}
button a{
	text-decoration:none;
	color:#fff;
}
button a:hover{
	text-decoration:none;
	color:#fff;
}
button a:visited{
	text-decoration:none;
	color:#fff;
}



#email{text-align:center;}

#productname{display:block;
margin-bottom: 25px;
margin-top: 30px;}


#top-gallery{ text-align:center; 
		text-transform: uppercase;
		color:#fff;
		margin-top:75px;
		
	}
	
#top-gallery h2{
	font-size:2.3rem;
}
#logo{float:right; margin-right:20px; margin-top:40px;}	

	
.parallax-window {
    min-height: 250px;
    background: transparent;
}
#blackrat{
	text-align:center;
	background-color:#FF0004;
}

#scrollwheel{
	text-align:center;
	background-color:#FF0004;
}

/* engineering css*/

#preision{
	margin-top:40px;

} 
/* ergonomics css*/

#ergonomics{
	margin-top:40px;
	margin-bottom:40px;}
	
#ergopara{
	margin-bottom:30px;
}
#scrollwheelprox{
	margin-bottom:40px;
}

#techspecs{margin-top:40px;}

#comparetable{
  display:none;
}

	
/* Kameleon css*/	
.center-block{
	margin-bottom: -1px;}

#kameleonholder{
	margin-top:40px;
	margin-bottom:40px;
} 

.circle {
	display: inline-block;
	background: linear-gradient(180deg, #ff1c21, #ff6b21, #ffd800, #ffff00, #8efb02, #22be02, #00cdf5, #0099f6, #75009f, #d10382, #fe3980, #ffffff);
	background-size: 2400% 2400%;
	-webkit-animation: AnimationName 18s ease infinite;
	-moz-animation: AnimationName 18s ease infinite;
	animation: AnimationName 18s ease infinite;
}

 @-webkit-keyframes AnimationName {
 0% {
background-position:53% 0%
}
 50% {
background-position:48% 100%
}
 100% {
background-position:53% 0%
}
}
 @keyframes AnimationName {
 0% {
background-position:53% 0%
}
 50% {
background-position:48% 100%
}
 100% {
background-position:53% 0%
}}


.random {
	display: inline-block;
	-webkit-animation: random 3s infinite;
	-moz-animation: random 3s infinite;
	animation: random 3s infinite;
}
 @keyframes random {
 0% {background-color: #00cdf5;}
 30% {background-color: #e40e16;}
 60%{background-color: #4ce700;}
 100% {background-color: #00cdf5;}
}

.beat {
	display: inline-block;
	-webkit-animation: beat 3s infinite;
	-moz-animation: beat 3s infinite;
	animation: beat 3s infinite;
}
 @keyframes beat {
 0% {background-color: #5b5b5b;}
 10% {background-color: red;}
 15% {background-color: #5b5b5b;}
 25% {background-color: red;}
 50% {background-color: #5b5b5b;}
 65% {background-color: #5b5b5b}
 100% {background-color: #5b5b5b;}
}

@-webkit-keyframes beat {
 0% {
background-color: #5b5b5b;}
 10% {background-color: red;}
 15% {background-color: #5b5b5b;}
 25% {background-color: red;}
 50% {background-color: #5b5b5b;}
 65% {background-color: #5b5b5b}
 100% {background-color: #5b5b5b;}
}

.breath {
	display: inline-block;
	-webkit-animation: breath 2s infinite;
	-moz-animation: breath 2s infinite;
	animation: breath 2s infinite;
	animation-direction: alternate;
}

 @keyframes breath {
 0% {background-color: #5b5b5b;}
 100% {background-color: #00ffde;}
}

.solid {
	display: inline-block;
	-webkit-animation: solid 2s infinite;
	-moz-animation: solid 2s infinite;
	animation: solid 2s infinite;
	
}
@keyframes solid {
 0% {background-color: #4ce700;}
 100% {background-color: #4ce700;}
}


@-webkit-keyframes breath {
 0% {background-color:#5b5b5b;}
 100% {background-color: #00ffde;}
}

#kamicons li {
	float: left;
	margin: 8px;
	cursor: pointer;
	list-style: none;
	text-align: center;
	width: 70px;
	color: #fff;
}
#kamicons {
	display: inline-block;
	margin-left: -20px;
	margin-top: 10px;
}

/* flux css*/	
#flux ul{
	margin-left:35px;
	margin-top:20px;
	}
#flux{
	margin-top:80px;
	margin-bottom:80px;
}
#flux li{
	padding-bottom:15px;
	
}
#flux strong{
	color:#FF0004;
	
}

/* techspecs css*/

#techspecs ul{
	margin-left:20px;
}


#r8bullets{
	margin-left:20px;	
}
#smallnav{display:block}
#smallnav ul li{list-style:none; float:left;}
#holdermydiv{display:none}

/* Small devices (tablets, 768px and up) */
@media only screen and (min-width : 320px) {
	
}

/* Medium Devices, Desktops */
#smallnav{display:none}
#holdermydiv{display:block}
@media only screen and (min-width : 992px) {
body{ background-color:#000;
	  background-image:url(../imgs/page/top-red-bg.png); 
	  background-position:top; 
	  background-repeat: repeat-x;
	  font-family:'UniversLTW01-57Condense', 'Pathway Gothic One', serif;
	  color:#fff;
	  text-transform: uppercase;
	}	

h1{
	font-family: 'UniversLTW01-67BoldCn';
	font-size:9.8rem;
}
h2{
	font-family: 'UniversLTW01-67BoldCn';
	font-size:3.4rem;
	margin-top:0;
	padding-top:0;
	line-height:0;
}

#top-gallery h2{
	font-size:5.3rem;
}



#top-gallery{ text-align:center; 
		text-transform: uppercase;
		color:#fff;
		margin-top:77px;
}
/* engineering css*/

#preision{
	margin-top:40px;

} 
/* ergonomics css*/

#ergonomics{
	margin-top:80px;
	margin-bottom:80px;}
	
#ergopara{
	margin-bottom:30px;
}
#scrollwheelprox{
	margin-bottom:80px;
}
#scrollwheelprox{
	margin-bottom:40px;
}

#techspecs{margin-top:40px;}
	
/* Kameleon css*/	

#kameleonholder{
	margin-top:80px;
	margin-bottom:80px;
} 
/* Table css*/

.tableblack:hover{
	background-color:rgba(0, 0, 0, 0.7) !important;
}

#comparetable{
	text-align:center;
	padding-bottom:100px;
	margin-top:80px;
	display: table;
}

#comparetable table{
	text-align:center;
}

#comparetable td:first-child{
	text-align:left;
	padding-left:8px;
}
table {
  overflow: hidden;
  display:block;
}

td, th {
  padding: 3px;
  position: relative;
  outline: 0;
}

body:not(.nohover) tbody tr:hover {
  background-color: #484848;
}

td:hover::after,
thead th:not(:empty):hover::after,
td:focus::after,
thead th:not(:empty):focus::after { 
  content: '';  
  height: 10000px;
  left: 0;
  position: absolute;  
  top: -5000px;
  width: 100%;
  z-index: -1;
}

td, th {
  position: relative;
}

td:hover::after,
th:hover::after {
  background-color: #484848;
}

	
td:focus::after,
th:focus::after {
  background-color: red;
}

/* end of Table css*/



 }

/* Large devices (large desktops, 1200px and up) */
@media only screen and (min-width : 1200px) {
	
}