.turuncubaslik-bold {
	color:#333;
  font-size:14px;
 border-bottom: 1px dotted #000;
    text-decoration: none;
	}

/******keyboard*******/

ul.keyboard {
  list-style-type: none;
  font-family: SOCAR-Bold;
  border-radius: 5px;
  padding: 0;
  width: 100%;
  height: 60%;
}

.keyboard li {
  cursor: pointer;
  display: inline;
  float: left;
  height: 20%;
 /** margin: auto; **/
  line-height: 60px;
  padding: 0;
  /*margin: 0.3% 0.6% 0.6% 0.2%;*/
	margin: 0.5% 1.4% 1.4% 0.2%;
  background-color: #ddd;
  color: black;
  vertical-align: middle;
  text-align: center;
  border-radius: 4px;
  font-size: 1vw;
  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.char {
    width: 6.5%;
    -webkit-transition: background-color 100ms;
}

.tab {
  width: 20%;
}

.at {
  width: 7.2%;
}

.last {
  margin-right: 0%;
}

.backspace {
  width: 10%;
}

.capslock {
  width: 11%
}

.capslock.on {
	background-color: #e4002b;
}

.return {
  width: 14%;
}

.shift {
  width: 7.2%;
}

.last {
  margin-right: 0;
}

.space {
  width: 66.5%;
}

.keyboard .touch {
	background-color: #e4002b;
}

@media (min-width: 768px) {
	#cntFormw { width: 750px !important; }
}

@media (min-width: 992px) {
	#cntFormw {	width: 970px !important; }
}

@media (min-width: 1200px) {
	#cntFormw {	width: 1170px !important;}
}

@media (min-width: 1400px) {
	#cntFormw{	width:1400px !important; }
	.box {
		width: 1300px !important;
	}

	ul.keyboard {
	  margin-top: 140px;
	}
	.keyboard li{
		height: 25%;
		line-height: 100px;
		font-size:1.3vw;
	}
	.frm-input{
		font-size: 22px;
		font-weight:bold;
		color:#000 !important;
		height:50px;
	}
	.frm-label{
		font-size: 22px;
		font-weight:bold;
	}
}