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


body {
	background-color: rgba(95,95,95,1.00);
	
}
h2 {
	color: #42E5FE;
	text-shadow: 0 0 25px #42E5FE;
	text-transform: uppercase;
}
.btn {
	z-index: 1;
	position: relative;
	    min-height: 95px;
}
.btn div {
	position: relative;
	float: left;
	margin-right: 40px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: red;
	background: rgba(44,44,44,1);
	box-shadow: 0 0 2px 0 #595656, 0 9px 4px -1px #040404;
	color: #111111;
	text-align: center;
	font-size: 20px;
	line-height: 60px;
	cursor: pointer;
	transition: color .3s ease, text-shadow .5s ease, box-shadow .3s ease;
	font-family:"HelveticaNeue-CondensedBold", 'Roboto Condensed', "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}
.btn div:hover {
	color: #2990A0;
}
.btn.active div {
	color: #42E5FE;
	text-shadow: 0 0 25px #42E5FE;
}
.btn div:after {
	position: absolute;
	top: -6px;
	left: -6px;
	z-index: -1;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: #292929;
	box-shadow: inset 0 5px 3px -2px #0A0A09, inset 0 0 4px 0 #0A0A09;
	content: "";
}
.btn div:before {
	position: absolute;
	top: -13px;
	left: -13px;
	z-index: -2;
	width: 86px;
	height: 86px;
	border-radius: 50%;
	background: #383737;
	box-shadow: 0 0 2px 0 #595656, inset 0 2px 5px 0 #1B1B1B;
	content: "";
}
.elevator {
	max-width: 400px;
	border: 1px solid #1B1B1B;
	padding: 50px;
	margin: 50px auto 0px auto;
	border-radius: 10px;
	box-shadow: 0 0 2px 0 #595656, 0 2px 5px 0 #1B1B1B;
	background: rgb(52,52,52);
}
.row {
	min-height: 100px;
}
.btn.active, .btn:active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}