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

label > * { pointer-events: none; }

html{-webkit-tap-highlight-color:rgba(0,0,0,0);}


.segmented-button input[type="radio"] {
  width: 0px;
  height: 0px;
  display: none;
}

.segmented-button label {
  display:inline-block;
  background: -webkit-linear-gradient(top, rgba(250,250,250,0.4) 0%, rgba(50,50,50,0.4) 40%, rgba(250,250,250,0.3) 95%);
  border: 1px solid rgba(100,100,100,0.4);
  color: rgba(255,255,255,0.8);
  font-weight:bold;
  font-family:Helvetica Neue;
  letter-spacing:0px;
 text-shadow: 0px 2px 4px rgba(0,0,0,0.7);
  padding: 9px 16px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-top:1px;
  margin-right:0px;
  margin-left:0px;
}

#footer label {
	background: -webkit-linear-gradient(top, rgba(100,100,100,0.9) 0%, rgba(0,0,0,0.9) 40%, rgba(50,50,50,0.9) 95%);
}

.segmented-button label.first {
  
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.segmented-button label.last {
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.segmented-button input:checked + label, .segmented-button label.selected{
 
  background: -webkit-linear-gradient(left, rgba(50,50,50,0.7) 0%, rgba(100,100,100,0.5) 15%, rgba(100,100,100,0.5) 85%, rgba(50,50,50,0.7) 100%), rgba(0,0,0,0.5);
   color: rgba(255,255,255,1);
   	height: 13px;
	position: relative;
	top: 1px;
}

#footer input:checked + label, #footer label.selected {
	 background: -webkit-linear-gradient(left, rgba(50,50,50,0.7) 0%, rgba(100,100,100,0.5) 15%, rgba(100,100,100,0.5) 85%, rgba(50,50,50,0.7) 100%), rgba(0,0,0,0.9);
}
.segmented-button input:disabled + label {
  background: -webkit-linear-gradient(#ffffff, #dddddd);
  cursor: default;
  color: #b2b2b2;
  border-color: #cccccc;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}


#socialmedia{
position: absolute;
bottom: 0px;
height: 28px;
padding-top: 10px;
width: 100%;
z-index: 5;
padding-left: 20px;
background: -webkit-linear-gradient(top, 
#000 0%, 
#333 100%);
opacity: 1;
text-align: center;
display:none;
}

#socialparent{
display:none;
height: 100%;
width: 100%;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 1s;
  position:absolute;
}

#socialparent a:link{
	color:black;
	font-weight:bold;
	text-decoration:none;
}

#socialparent.flipped {
  -webkit-transform: rotateY( 180deg );
}

#socialparent figure {
	text-align: center;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  border-radius: 5px;
  border: 1px solid 
rgba(255,255,255,0.2);
margin:0px;
}

#socialparent .front {
background: -webkit-linear-gradient(top, rgba(255,35,65,0.9) 0%, rgba(245,20,40,0.9) 65%, rgba(150,10,20,0.9) 100%);
color: white;
box-shadow: 0px 0px 60px rgba(255,0,0,0.6);
}
#socialparent .back {
 background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(225,225,225,0.9) 60%, rgba(175,175,175,0.9) 100%);
  -webkit-transform: rotateY( 180deg );
  color:black;
  box-shadow: 0px 0px 60px rgba(255,255,255,0.6);
}

#container{
width: 260px;
margin: auto;
height: 370px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-perspective:800px;
pointer-events:auto;

}

#splashwrap{
	height:100%;
	width:100%;
	-webkit-transition: -webkit-transform 0.5s;
	position: fixed;
	z-index:7;
	pointer-events:none;
}
	

body{background:#1C1C1C url(../images/flightcasetile.jpg); background-size:61px; color:white; font-family:Optima; margin:0px; font-size:12px; letter-spacing:1px; user-select: none; -webkit-user-select: none; cursor:default; overflow:hidden; background-attachment:fixed;}

#headerbar {
background: bottom url(../images/bar.jpg);
background-size: cover;
height: 30px;
padding: 7px 0px 1px 10px;
position: fixed;
z-index: 4;
top: 0;
width: 100%;
border-bottom: 1px solid 
rgba(0,0,0,0.5);
border-top: 1px solid 
rgba(255,255,255,0.4);
}

#footer {
background: top url(../images/bar.jpg);
position: fixed;
bottom: 0;
height: 37px;
width: 100%;
text-align: center;
border-top: 1px solid 
rgba(255,255,255,0.4);
z-index: 2;
background-size: cover;
border-bottom: 1px solid 
rgba(0,0,0,0.5);
  -webkit-filter: blur(0px);
  -webkit-transition: -webkit-filter 0.6s;
    padding-bottom: env(safe-area-inset-bottom);
}

#main {
 display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  -webkit-box-align: center;
 position:fixed !important;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  opacity:1;
  -webkit-filter: blur(0px);
  -webkit-transition: -webkit-filter 0.6s;
  
  background-image: -webkit-radial-gradient(center,rgba(178, 218, 255, 0.1)5%,rgba(22, 26, 43, 0.11)31%,rgba(0, 0, 0, 0.71)75%);
background-position-y: -50px;
}


.sqbut {
display: inline-block;
border-radius: 2px;
  background: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(50,50,50,0.4) 40%, rgba(255,255,255,0.3) 95%);
  border: 1px solid rgba(100,100,100,0.4);
  color: rgba(255,255,255,0.8);
  font-weight:bold;
  font-family:Helvetica Neue;
  letter-spacing:0px;
  text-shadow: 0px 2px 4px rgba(0,0,0,0.7);
padding: 10px 10px;
margin: 15px 7px 4px 3px;
}

.sqbut:active{
  background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(0,0,0,0.5) 40%, rgba(255,255,255,0.4) 95%);
  color: rgba(255,255,255,1);
}


.options {
	
text-align: center;
background: rgba(0,0,0,0.5);
padding: 5px;
width: 300px;
-webkit-border-radius: 4px;
position:absolute;


}

#infobutton{
position: fixed;
right: 10px;
bottom: 0px;
font-size: 20px;
line-height: 30px;
display:none;
}

#optparent {
width:310px;
text-align:center;
position:relative;
overflow:hidden;
z-index:1;
}



#inneroptparent {
	position:absolute;
	-webkit-transform: translateX(-315px);
	-webkit-transition: -webkit-transform 0.4s ease-out;
	}

#logofront{margin-top: 110px;}
#titlefront{margin-top:60px;}
#ingadvertback{margin-top: 35px; margin-bottom:0px;}
#simonadvertback{margin-top: 0px;}
#container {line-height:1.3;}
	
/* Smartphones (landscape) ----------- */
@media all and (orientation:landscape) {
	#pitchparent {
	margin-left: auto;
	margin-right: 51%;
	margin-top:15px;
	width:230px;
	}
	
	#optparent {
	margin-left: 51%;
	margin-right: auto;
	margin-top: -215px;
	width:235px;
	height:220px;
	}
	.options {
	width:220px;
	left:305px;
	}
	#wavetype label {
	padding:8px 8px;
	}
	
	.floaty{display:inline-block;
	padding-right:2px;
	padding-left:2px;
	}

	#container {
	width:400px;
	height:240px;	
	}

	#helpimg{
	display:none;}

	#logofront{margin-top: 47px;}
	#titlefront{margin-top:10px;}
	#ingadvertback{margin-top: 21px; float: left; padding-left: 25px;text-align: left; }
	#simonadvertback{margin-top: 115px;text-align: right;padding-right: 20px;}
}
/* Smartphones (portrait) ----------- */
@media all and (orientation:portrait) {
	#pitchparent {
	width:315px;
	margin:10px auto;
    margin-top:auto;
	}
	
	#optparent {
	margin: auto;
	margin-top: -10px;
	height:150px;
	}
	.options {
	left:265px;
	}
	
	.floaty{display:inline-block;
	padding-right:5px;
	padding-left:5px;
	}
	
	#customfreq{
	position: relative;
	top: 3px;
	}

	#helpimghoriz{
	display:none;å}
}

#customfreq{
	display:inline-block; 
	margin-top:5px;
	}
	
#pitchparent {
text-align:center;
position:relative;
overflow:hidden;
height:220px;
z-index:2;
}

#pitchdiv{ 
cursor: pointer; 
padding:8px 4px 0px 4px; 
width:200px; 
height:200px; 
border-radius: 50%;
background-image: url(../images/ingramsounds.png), -webkit-radial-gradient(center center,circle contain,rgb(238, 68, 68) 0%,rgb(119, 29, 29) 90%);
background-size:150px, 210px; 
background-position:center; 
background-repeat:no-repeat;
box-shadow:
            2px 3px 7px 0px rgb(17,17,17),
			inset 1px 1px 1px rgba(255,255,255,0.15),
			inset -1px -1px 2px rgba(0, 0, 0, 0.5);
text-align:center; 
margin:auto;
position:relative;
-webkit-transition: -webkit-transform 0.4s ease-out;

}

#eFreqdiv{
	position:absolute;
	top:16px;
	left:16px;
	z-index:0;
	
	}

#sFreqdiv{
	position:absolute;
	top:4px;
	left:4px;
	z-index:0;
	
	}
	
#Freqdiv{
	position:absolute;
	top:10px;
	left:10px;
	z-index:1;
	
	}
#pitchd{margin-top:-45px; display:block; color:#FFFFFF; font-size:22px; font-family:Futura-CondensedMedium; letter-spacing:0px;}
#pitchdname{margin-top:-3px; display:block; color:rgba(255,255,235,0.6); font-size:10px; font-family:Optima-Bold;letter-spacing:2px;}
#noted{margin-top:-172px; display:block; color:rgba(85,0,0,1); font-size:20px;font-family:Futura-CondensedMedium; letter-spacing:1px; text-shadow: 0px 1px 1px rgba(255,255,255,0.2);}



#rangebg{  width:-webkit-calc(100% - 50px); display:inline-block;}

.blackicon{font-size:18px; color: rgba(0,0,0,0.8); text-shadow: 0px 1px 1px rgba(250,250,250,0.7); position: relative; top: 1px;}




@font-face {  
  font-family: "FontAwesome";  
  src: url("../fonts/fontawesome-webfont.eot");  
  src: url("../fonts/fontawesome-webfont.eot?#iefix") format('eot'),   
       url("../fonts/fontawesome-webfont.woff") format('woff'),   
       url("../fonts/fontawesome-webfont.ttf") format('truetype'),   
       url("../fonts/fontawesome-webfont.svg#FontAwesome") format('svg');  
  font-weight: normal;  
  font-style: normal; }
  
 .icon{
	 font-family: "FontAwesome";
 }
 
#btn1 {
font-family: "FontAwesome";
color: 
rgb(145,145,145);
text-shadow: 0px 1px 1px 
rgba(250,250,250,0.1);
font-size: 23px;
display: inline-block;
text-decoration: none;
background-color: 
rgb(65,65,65);
box-shadow: 0px 3px 0px 0px rgb(20, 20, 20), /* 1st Shadow */ 0px 7px 10px 0px rgb(17,17,17), /* 2nd Shadow */ inset 0px 1px 1px 0px rgba(250, 250, 250, .2), /* 3rd Shadow */ inset 0px -12px 35px 0px rgba(0, 0, 0, .5);
width: 40px;
height: 30px;
margin-left: 3px;
padding-left: 1px;
border: 0;
margin-top:-1px;
border-radius: 50%;
text-align: center;
line-height: 32px;
cursor: pointer;
-webkit-transition: color 350ms, text-shadow 350ms, box-shadow 150ms, margin-top 150ms;
}

#btn1.on {  
    box-shadow: 0px 0px 0px 0px rgb(44,43,40),  
                0px 3px 7px 0px rgb(17,17,17),   
                inset 0px 1px 1px 0px rgba(250, 250, 250, .2),   
                inset 0px -10px 35px 5px rgba(0, 0, 0, .5);     
    color: #fff;
	  margin-top: 2px;
    text-shadow: 0px 0px 3px #ffE;  
}  

#btn1p {
	width: 47px;
	height: 35px;
	display: block;
	position: fixed;
	z-index:6;
	top: 2px;
	right: 5px;
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 50%;
	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3), inset 0px 1px 0px rgba(0, 0, 0, 0.4);
}


#lasercontainer{
	position:fixed;
	width:100%; 
	height: -webkit-calc(100% - 40px);
	z-index:3;
	top:40px;
	-webkit-transform:scale(0.5);
	opacity:0;
	pointer-events:none;
	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-out;
}


#laserstun{background-color:#090;  -webkit-transition: background-color 0.8s ease-out}
#laserkill{background-color:#900;  -webkit-transition: background-color 0.8s ease-out}

#laserkill:active{background-color:#F00;  -webkit-transition: background-color 0s}
#laserstun:active{background-color:#0F0;  -webkit-transition: background-color 0s}
#laserclose{
	height:40px;
	background-color:#000;
	font-size:20px;
	line-height:40px;
	width: 100%;
	text-align:center;
	display: inline-block;
	
}

.blaser {
text-align:center;
font-size:20vh;
width: 100%;
height: -webkit-calc(50% - 20px);
  display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;

}


        input { display: inline-block; height: 22px;}
	
	input[type='range'] {
	-webkit-appearance: none !important;
	height: 9px;
	width: 140px;
	margin: 8px 10px 10px 10px;
	border: 0;
	border-radius: 4px 4px 4px 4px;
	background: -webkit-linear-gradient(top, 
	rgba(0,0,0,0.7) 0%, 
	rgba(60,60,60,0.7) 50%, 
	rgba(70,70,70,0.7) 80%, 
	rgba(20,20,20,0.7) 100%);
	-webkit-box-shadow: 0px 1px 1px #AAA;
	display: inline-block;
	}
	
#track {
	height: 7px;
background: -webkit-linear-gradient( bottom, 
rgba(255,255,255,0.7)0%, 
rgba(255,255,255,1) 55%, 
rgba(255,255,255,0.6) 100%);
width: 28px;
margin: 9px 0px 0px 12px;
border: 0;
position: absolute;
border-radius: 4px;
pointer-events: none;
}
	
input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none !important;
	border: 8px solid rgba(0,0,0,0.8);
	background: url(../images/sliderthumb.png) center;
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
	cursor: pointer;
	border-radius: 50%;
    height:32px;
    width:32px;
	position:relative;
	top:-1px;
	transition: border 0.3s ease-in 0s;
	-webkit-transition: border 0.3s ease-in 0s;
}



.statusbar, .statusbar2{
	text-align:center;
	padding-right:6px;
	width:58px;
	display:inline-block;
	z-index:1;
	position:relative;
	

}

.statbaricon{ 
position:absolute; right:5px; font-size:14px; color:rgba(255,255,255,0.8);
}

.statbarparent{
	background-image: -webkit-linear-gradient(bottom,rgba(83, 0, 0, 0.6) 12%, rgba(223, 36, 28, 0.6) 51%, rgba(255, 73, 73, 0.6) 75%);
	font-family:helvetica;
	font-weight:bold;
	letter-spacing:0px;
text-align: center;
border: 1px solid rgb(95, 32, 32);
	line-height:33px;
	position:relative;
	transition: border 0.3s ease-in 0s;
	-webkit-transition: border 0.3s ease-in 0s;
}

 .active{
	border:1px solid #BBBBBB;
}




    .onoffswitch {
    position: relative; display:inline-block; width: 125px; margin:10px 5px 0px 5px; vertical-align: bottom;
    }
    .onoffswitch-checkbox {
    display: none;
    }
    .onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid #333333; border-radius: 2px;
	
    }
	 .onoffswitch-label:active {
    border: 1px solid #BBBBBB;
	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
    }
    .onoffswitch-inner {
    width: 200%;
	-webkit-transform:translateX(-123px);
	font-family: Helvetica Neue;
	font-weight:bold;
	letter-spacing:0;
    -webkit-transition: -webkit-transform 0.3s ease-in 0s;
    }
    .onoffswitch-inner:before, .onoffswitch-inner:after {
    display:inline-block; width: 50%; line-height: 33px;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    border-radius: 2px;
    box-shadow: 0px 12px 0px rgba(0,0,0,0.08) inset;
    }
    .onoffswitch-inner:before {
    content: "Continuous";
    padding-right: 20px;
	text-align: center;
	background-image: -webkit-linear-gradient(bottom,rgba(83, 0, 0, 0.6) 12%, rgba(223, 36, 28, 0.6) 51%, rgba(255, 73, 73, 0.6) 75%);
	color: #FFFFFF;
    border-radius: 2px 0 0 2px;
    }
    .onoffswitch-inner:after {
    content: "Single";
    padding-left: 10px;
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(50,50,50,0.4) 40%, rgba(255,255,255,0.3) 95%);
	color: #FFFFFF;
  	font-weight:bold;
  	font-family:Helvetica Neue;
  	letter-spacing:0px;
  	text-shadow: 0px 2px 4px rgba(0,0,0,0.7);
    text-align: center;
    }
    .onoffswitch-switch {
    width: 20px; height: 20px; margin: 0px;
	font-size:18px; text-align:center; color:#FFF;
    position: absolute; top:7px; right: 7px;
    -webkit-transition: all 0.3s ease-in 0s;
		-webkit-transform: translateX(-90px);
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    -webkit-transform: translateX(0px);
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	-webkit-transform: rotate(180deg);
    }







 .triggerswitch {
    display:inline-block; width: 125px;  margin:8px 5px 0px 5px;
    -webkit-user-select:none;
    }
    .triggerswitch-checkbox {
    display: none;
    }
    .triggerswitch-label {
    display: block; width:125px; cursor: pointer;
    box-sizing: border-box;
	font-family: Helvetica Neue;
	font-weight:bold;
	letter-spacing:0;
	text-shadow:0px 1px white;
    border: 1px solid #333333; border-radius: 2px;
  	line-height:33px;
	background-image: linear-gradient(bottom, rgb(235,235,235) 12%, rgb(180,180,180) 51%, rgb(235,235,235) 75%);
	background-image: -webkit-linear-gradient(bottom, rgb(235,235,235) 12%, rgb(180,180,180) 51%, rgb(235,235,235) 75%);
    text-align: center;
	color: rgba(0,0,0,0.8);
	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
    }
	.triggerswitch-checkbox:checked + .triggerswitch-label {
    border: 1px solid #BBBBBB;
	color: #111111;
	background-image: linear-gradient(bottom, rgb(255,255,255) 12%, rgb(200,200,200) 51%, rgb(255,255,255) 75%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 12%, rgb(200,200,200) 51%, rgb(255,255,255) 75%);
	box-shadow: 0px 0px 15px 0px rgba(250,250,250,0.5);  
	transition: all 0s ease-in 0s;
	-webkit-transition: all 0s ease-in 0s;
    }
	
	.optiontitle{
		
	display: block;
    margin-top: 10px;
    background: rgba(255,255,255,0.1);
    line-height: 20px;
    -webkit-border-radius: 0px 0px 2px 2px;
	
	}
	
	.slideup{-webkit-transform: translateY(-125%);}
	.fadeout{opacity: 0; pointer-events:none;}
	.blur {-webkit-filter: blur(2px) !important;}

#blacks{ position:fixed; z-index:5; width:100%; height:100%; background:rgba(0,0,0,0.7); -webkit-transition: opacity 0.5s}

#helpimg{ position:absolute; top:-15px; left:-20px; pointer-events:none;}
#helpimghoriz{ position:absolute; top:-15px; left:-43px; pointer-events:none;}

.socialbutton{padding:5px;  width:40px;}