body{
	font-family: 'Roboto', sans-serif;
}
.m0{margin:0px;}
.mb0{margin-bottom:0px;}
.live-txt{background:#333; color:#fff;}
.panel-yellow {
    border-color: #aaa;
}
.panel-yellow .panel-heading {
    border-color: #1D9D73;;
    color: #fff;
    background-color: #1C9A71;;
}
.left-con{ padding:5px 15px;}
.left-con .form-control{	height: 28px;	padding:3px 10px;}
.chng-cptr{	margin:4px 2px;	}
#dictate,#editor{background:#fff; height:14.75em;	overflow-y:scroll;	padding:.3em;}
#editor{font-size:1.19em;}
#dictate { font-size:1.2em; letter-spacing: 1.5px;}
.aab{background:#f2f722;}
.galat{background:#ffc1c1;}
.sahi{color:#06bd06;}
.top-head, .intro-header{background-color: #1fa67a;}
.top-head{	border-bottom: #249470  1px solid;}
.intro-header{position:relative;color:#fff;}
.navbar { 
	border:none;
    border-radius: 0px;
    min-height: 40px; 
	border-bottom: #23AF82 1px solid;
	margin-bottom:0px;
}
.navbar-default .navbar-brand { 
    height: 40px;
    padding: 10px 15px;
    font-size: 1.2em;
    line-height: 15px;
	color:#fff;
}
@media (min-width: 768px){
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
.navbar-default .navbar-nav>li>a{
	color:#FFF;
}
.navbar-default:after, .intro-header:after, #footer:after {
content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;opacity: .15;
    background-image: none\9;
}
.seo-l .heading{
	text-shadow: 4px 3px 0px #1d9d74, 7px 6px 0px rgba(0, 0, 0, 0.15);
	font-size:5em;
	margin-bottom:.4em;
}
.seo-l h2.seo-txt-h2{
	font-size:2em;
	font-weight:100;
}
.seo-l h2{
	font-size:1.3em;
	font-weight:100;
	margin: .5em 0;
}
.seo-txt-p{
	text-align:justify;
	line-height:1.4em;
}
.seo-txt-v{
	margin-top: 2em; 
	font-weight:100;
}
.seo-txt-v a{
	color:#eee;
}
.seo-r, .seo-l{
	z-index:1;
}
.choose-level{
	padding:50px 0;
	text-align:center;
}
.choose-level h2{
	margin:1.5em 0;
}
.timer.panel-body{
	height:8em;
	
}
.timer #minute,.timer #second, .colon {
	font-size:3em;
	color:#BB2121;
} 
#timeout{
	font-size:2em;
	color:#DD2121;
} 

.keyboard{margin: 1em auto;width:1160px; }
.keyboard .key{width:50px;}
.keyboard ul{padding:0;}
.keyboard ul li{list-style:none;float:left;padding: .15em .70em;border-bottom:2px solid #777;
margin-right:1px;border-right:2px solid #777;border-left: #fff 1px solid;background-color: #E6EBF7;font-weight:bold;cursor:pointer;
font-size:110%;letter-spacing:8px;line-height:19px;}
.keyboard ul li:hover{background-color:#ffe;}
.keyboard ul.keyrow1 li, .keyboard  ul.keyrow5 li{background-color:#B4C7F7;}
.keyboard ul.keyrow1 li:hover, .keyboard  ul.keyrow5 li:hover{ background-color:#ffe;}
.keyboard ul li span{float:right;}
.keyboard .backspance{width:98px;}
.keyboard ul li .tab{width:75px; }
.keyboard .key-or{width:74px;}
.keyboard ul li .ctrl,.keyboard ul li .alt{width:82px; }
.keyboard ul li .caplock{width:110px; }
.keyboard ul li .shift{width:150px;}
.keyboard ul li .enter{width:115px; }
.ls1{letter-spacing: 1px; }
.keyboard ul li .space{width:651px; }

/*** buttons **/
* {
  box-sizing: border-box;
}
  
.levels .btn {
  display: inline-block;
  border-radius: 2px;
  border: none;
  height: 45px;
  padding: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}

.sm {
  width: 10%;
}

.md {
  width: 20%;
}

.lg {
  width: 70%;
} 
.levels .easy {
  background-color: transparent;
  color: #17CA17;
  border: 1px solid #17CA17;
  transition: .2s ease;
}
.levels .easy:hover , .levels .easy.active{
  background-color: #17CA17;
  color: white;
  transition: .2s ease;
} 
.levels .normal {
  background-color: transparent;
  color: #337ab7;
  border: 1px solid #337ab7;
  transition: .2s ease;
}
.levels .normal:hover ,.levels .normal.active{
  background-color: #337ab7;
  color: white;
  transition: .2s ease;
} 
.levels .hard {
  background-color: transparent;
  color: #F07444;
  border: 1px solid #F07444;
  transition: .2s ease;
}
.levels .hard:hover,.levels .hard.active {
  background-color: #F07444;
  color: white;
  transition: .2s ease;
} 
@media (max-width: 480px) {
  .sm {
    width: 40%;
  }

  .md {
    width: 50%;
  }

  .lg {
    width: 90%;
  }
}