@font-face {
font-family: 'MyriadProRegular';
src: url('fonts/MyriadProRegular.eot?') format('eot'), 
url('fonts/MyriadProRegular.woff') format('woff'), 
url('fonts/MyriadProRegular.ttf')  format('truetype'),
url('fonts/MyriadProRegular.svg#MyriadProRegular') format('svg');
}  

body{
font-family: 'MyriadProRegular';
}
#wrapper {position: relative;  margin: auto;overflow: hidden;}
#meter {
	width: 100%; height: 100%;
	transform: rotateX(180deg);
}
.circle {fill: none;}
.outline, #mask {
	stroke: #F1F1F1; 
	stroke-width: 65;
}
.range { stroke-width: 60; }
#slider, #lbl {
	position: absolute;
}
#slider {
	cursor: pointer;
	left: 0;
	margin: auto;
	right: 0;
	/*top: 58%;*/
	top: 46%;
	width: 95%;
}
#lbl {
	background-color: #4B4C51; 
	border-radius: 2px;
	color: white;   
	font-family: 'courier new';
	font-size: 15pt;
	font-weight: bold;
	padding: 4px 4px 2px 4px;
	right: -48px;
	top: 57%;
}
#meter_needle {
height: 50%;
left: 0;
margin: auto;
position: absolute;
right: 0;
/*bottom: 42%;*/
bottom: 52%;
transform-origin: bottom center;
transform: rotate(270deg);
}

input[type=range] {
	-webkit-appearance: none;
}

input[type=range]:focus {
	outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 10px;
	cursor: pointer;
	background: #00008E;
	border-radius: 25px;
	box-shadow: 0 0 0 1px #f6f6f6;
}

input[type=range]::-webkit-slider-thumb {
	box-shadow: 0 0 2px #B2B2B2;
	/* border-radius: 50%; */
	height: 20px;
	width: 60px;
	background: #7E0101;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -5px;
	/* -webkit-animation: pulse 1s linear infinite;
animation: pulse 1s linear infinite; */
}
@-webkit-keyframes pulse {
0% { -webkit-transform: scale(1); }
50% { -webkit-transform: scale(1.1); }
100% { -webkit-transform: scale(1); }
}

@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}


input[type=range]:focus::-webkit-slider-runnable-track {
	background: #00008E;

}

input[type=range]::-moz-range-track {
	width: 100%;
	height: 12.8px;
	cursor: pointer;
	background: #00008E;
	border-radius: 25px;
}

input[type=range]::-moz-range-thumb {
	box-shadow: 0 0 2px #B2B2B2;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	background: #fff;
	cursor: pointer;
}

input[type=range]::-ms-track {
	width: 100%;
	height: 12.8px;
	cursor: pointer;
}

input[type=range]::-ms-fill-lower {
	background: #00008E;
	border-radius: 50px;
}

input[type=range]::-ms-fill-upper {
	background: #00008E;
	border-radius: 50px;
}

input[type=range]::-ms-thumb {
	height: 30px;
	width: 30px;
	top: 5px;
	position: relative;
	background: #fff;
	cursor: pointer;
	box-shadow: 0 0 2px #B2B2B2;
}

input[type=range]:focus::-ms-fill-lower {
	background: #00008E;
}

input[type=range]:focus::-ms-fill-upper {
	background: #00008E;
}


.heading{
text-align:center;
color:#7E0101;
font-size:28px;
line-height: 30px;
/* margin-bottom: 40px; */
}
.heading span{
display:block;
}
.align_left{
text-align:left;
}
.align_center{
text-align:center;
}
.align_right{
text-align:right;
}
#blue{
width:50%;
float:left;
}
#blue h2, #red h2{
font-size:20px;
color:#e3e3e3;
}
#red{
width:50%;
float:right;
}
#blue p, #red p{
margin:5px 0px;
color:#e3e3e3;
font-size: 13px;
}
.clearfix{
clear:both;
}
.top_list{
padding:0px;
text-align:center;
margin-top: 0;
}
.pull_left{
float:left;
}
.top_list li{
display:inline-block;
padding:0px 15px;
margin-bottom:5px;
color:#e3e3e3;
text-align:center;
margin-top:-10px;
}
.top_list li span{
display:block;
}
.top_list li.centeroflist{
padding:0px;
text-align:left;
margin-left: -50px;
}
.top_list li.centeroflist span{
text-align:right;
margin-right:-20px;
}
.top_list li:last-child{
color:#e3e3e3;
float:right;
margin-right:30px;
}
.bottom_list{
margin-top:30px;
margin-bottom:0px;
}
.bottom_list li{
display:inline-block;
padding:0px 6%;
margin-bottom:5px;
font-size:16px;
color:#e3e3e3;
text-align:center;
vertical-align: top;
}
.bottom_list li span{
display:block;
}
.bottom_list li.chaos{
padding:0px 5% 0px 0;
}
.bottom_list li.edge{
padding: 0px 2% 0px 10%;
}
.push_right{
float:right;
}
.dance{
font-size: 20px;
color:#00008E;
text-align:center;
letter-spacing: 25px;
margin:0px 0px 5px;
}
.probsolve{
display:inline-block;
width:49%;
}
.probsolve ul{
margin:0px;
}
.probsolve ul li{
display:inline-block;
padding:0px 5%;
margin-bottom:5px;
font-size:14px;
color:#00008E;
text-align:center;
vertical-align: middle;
}
.probsolve ul li span{
display:block;
}
.right_list ul{
border-left:3px solid #000;
}
.copyright{
text-align:center;
font-size: 16px;
color: #00008E;
margin: 0px;
}

/* media queries */

@media (max-width:991px){
#wrapper{
width:100% !important;
height: auto !important;
}
.bottom_list li {
padding: 0px 5%;
}
#slider {
top: 72%;
}
#meter_needle {
height: 60%;
bottom: 28%;
}
}