.btn {
	display:inline-block;
	margin-bottom:0;
	font-weight:400;
	text-align:center;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	background-image:none;
	border:1px solid transparent;
	white-space:nowrap;
	padding:6px 12px;
	font-size:14px;
	line-height:1;
	border-radius:4px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}

.btn {
	font-family: 'Roboto Condensed', sans-serif;
	padding: 10px 0 11px;
	width: 345px;
	font-size: 16px;
	transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
}

.btn span {
	font-size: 12px;
}

.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
	outline:dotted thin;
	outline:-webkit-focus-ring-color auto 5px;
	outline-offset:-2px
}

.btn.focus,.btn:focus,.btn:hover {
	color:#fff;
	text-decoration:none
}

.btn.active,.btn:active {
	outline:0;
	background-image:none;
	-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
	box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
	cursor:not-allowed;
	pointer-events:none;
	opacity:.65;
	filter:alpha(opacity=65);
	-webkit-box-shadow:none;
	box-shadow:none
}

.btn {
	display: inline-block;
	border-color:transparent;
	background-color: #FFF;
	border-color:transparent;
	color:#000;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	overflow: hidden;
	transform: translateZ(0);
	transition: all 0.5s ease;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.btn.active,.btn.focus,.btn:active,.btn:focus,.btn:hover {
	color:#000;
	border-color:transparent
}

.btn.active,.btn:active {
	background-image:none
}

.btn.disabled,.btn.disabled.active,.btn.disabled.focus,.btn.disabled:active,.btn.disabled:focus,.btn.disabled:hover,.btn[disabled],.btn[disabled].active,.btn[disabled].focus,.btn[disabled]:active,.btn[disabled]:focus,.btn[disabled]:hover,fieldset[disabled] .btn,fieldset[disabled] .btn.active,fieldset[disabled] .btn.focus,fieldset[disabled] .btn:active,fieldset[disabled] .btn:focus,fieldset[disabled] .btn:hover {
	background-color:#9e9e9e;
	border-color:transparent
}

.choice-on {
	color:#fff;
	background-color:#ff9800;
	border-color:transparent
}

.choice-on.active,.choice-on.focus,.choice-on:active,.choice-on:focus,.choice-on:hover {
	color:#fff;
	border-color:transparent
}

.choice-on.active,.choice-on:active {
	background-image:none
}

.choice-on.disabled,.choice-on.disabled.active,.choice-on.disabled.focus,.choice-on.disabled:active,.choice-on.disabled:focus,.choice-on.disabled:hover,.choice-on[disabled],.choice-on[disabled].active,.choice-on[disabled].focus,.choice-on[disabled]:active,.choice-on[disabled]:focus,.choice-on[disabled]:hover,fieldset[disabled] .choice-on,fieldset[disabled] .choice-on.active,fieldset[disabled] .choice-on.focus,fieldset[disabled] .choice-on:active,fieldset[disabled] .choice-on:focus,fieldset[disabled] .choice-on:hover {
	background-color:#ff9800;
	border-color:transparent
}

.btn-danger {
	color:#fff;
	background-color:#f44336;
	border-color:transparent
}

.btn-danger.active,.btn-danger.focus,.btn-danger:active,.btn-danger:focus,.btn-danger:hover {
	color:#fff;
	border-color:transparent
}

.btn-danger.active,.btn-danger:active {
	background-image:none
}

.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover {
	background-color:#f44336;
	border-color:transparent
}

.btn:hover {
	box-shadow: 0 1px 6px rgba(0,0,0,.4);
}

.btn:active {
	box-shadow: 0 5px 11px rgba(0,0,0,.4);
}

.choice-on:hover {
	background-color: #fda017;
	background-color: rgba(255,152,0,0.9);
}

.btn-danger:hover {
	background-color: #f35448;
	background-color: rgba(244,67,54,0.9);
}

.btn:active {
	background-color: #aeaeae;
	background-color: rgba(158,158,158,0.8);
}

.choice-on:active {
	background-color: #fca930;
	background-color: rgba(255,152,0,0.8);
}

.btn-danger:active {
	background-color: #f3655b;
	background-color: rgba(244,67,54,0.8);
}

.btn:focus,
.btn:active {
	outline: 0 !important;
}

.l {
    margin-right: 5px;
}

.btn-te { position: absolute;  top: 150px;left: 290px; box-shadow: 0 0 10px rgba(0,0,0,0.2); font-size: 1.8em;font-family: 'Roboto', sans-serif;z-index: 3; cursor: pointer;}
.btn-te { display: inline-block; width: 4em; height: 4em; background-color: rgb(255,23,68); color: #9e9e9e; box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 2em; overflow: hidden; transform: translateZ(0); transition: all 0.5s ease; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.btn-te:hover { box-shadow: 0 0 10px rgba(0,0,0,0.4); }
.btn-te:active { transform: scale(1.1,1.1); }
.btn-te:focus { outline: 0; border:none; color: rgba(0, 0, 0, 0); }
.btn-te > span { display: block; position: relative; width: 2em; height: 2.1em; transition: transform 0.5s ease; overflow: hidden; margin: 1em; }
.btn-te > span > span { display: block; background-color: #9e9e9e; position: absolute; top: 0; left: 0; width: 2em; height: 2em; transition: all 0.5s ease; border: 1px solid transparent; }
.btn-te > span > span { background-color: #FFF; }
.btn-te.play > span { transform: translate(1em,0) scale(1.6,1); }
.btn-te.play > span > span { transform: rotate(-45deg) translate(-1em, -1em) scale(1,1); }