body{
    background: #d7d7d7;
}
.container{
    background: #fff;
    max-width:1000px;
    //margin-top: -20px!important;
    box-shadow: 0 0 5px #999;
}
h3{
	font-family:Ubuntu;
	font-size:24pt;
	text-align:center;
	font-weight:normal;
}

.header h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30pt;
	text-align:center;
}
.header p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24pt;
	text-align:center;
}
.header h3{
    margin:4px 0;
    padding:0;
}
.header.dark{
    margin:0px 0 5px 0;
    background: #cccccc;
    padding:8px 0 4px 0px; 
}
.header.dark img{
    position:absolute;
    left:16px;
    top:14px;
}
#slider{
	height:200px;
	background:url(../images/stripes.png) repeat-x;
	padding:40px 0 0 0;
	color:#fff;
}
#slider h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	text-shadow:0 0 5px #333;
}
#slider h1 a{
	color:#fff!important;
}

#slider p{
	font-family:Arial;
	color:#fff;
	font-size:14pt;
	text-shadow:0 0 5px #333;
}

#slider img {
	margin-right:20px;
	float:left;
}
#slider ul li{
	padding-left:50px;
}
#content{
	text-align:center;
}
#content select,#content select:focus{
	vertical-align:middle;
	padding:6px 0px;
	border:1px solid #88aaff;
    box-shadow:0 0 0px #88aaff;
	border-radius:3px;
	font-family:Ubuntu;
	font-size:18pt;
    margin-top:-5px;
    transition: all 0.3s ease;
}
#content select:hover{
    background: #d3dff8;
    transition: all 0.3s ease;
}
#content option{
}
.arrows{
    background: url(../images/arrows.png) no-repeat;
    width: 28px;
    height: 27px;
    display:inline-block;
    border:1px solid #fff;
    vertical-align: middle;
    padding: 4px;
    transition:all 0.2s ease;
}
.arrows:hover{
    background: #d1deff url(../images/arrows.png) no-repeat;
    border:1px solid #628fff;
    cursor:pointer;
    transition:all 0.2s ease;
}
.translate-direction{
    font-size:18pt;
    font-family:Ubuntu;
}
input[type="text"]{
	font-family:Ubuntu;
	font-size:18pt;
	padding:8px;
	height:auto;
}
#word{
}

div.promo {
	width:310px;
	color:#fff;
	border-radius:5px;
	padding:10px 15px;
	margin:20px auto;
}
div.promo h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24pt;
	font-style:italic;
}
div.promo p{
	font-family:Ubuntu;
	font-size:12pt;
	text-align:justify;
}
div.promo a{
	color:#fff;
	text-decoration:underline;
}
div.promo a:hover{
	text-decoration:none;
}
.zdictionary{
	background:#bb5f56;
}
.kkdictionary{
	background:#b356bb;
}
.ztranslate{
	background:#5688bb;
}

#database{
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
}
#database .words-count{
	background:url(../images/db-back.png) no-repeat center center;
	width:210px;
	height:210px;
	display:inline-block;
	vertical-align:middle;
	padding-top:65px;
	font-style:italic;
	font-size:36pt;
	color:#fff;
}

.nav>li.active>a{
    border-left:1px solid #99f!important;
    border-right:1px solid #99f!important;
    border-top:1px solid #99f!important;
    //border-bottom: transparent!important;
} 
.nav>li>a{
	padding:6px 6px;
}
.nav-tabs {
    border-bottom: 1px solid #99f;
}
.nav .glyphicon {
    color:#0039a1;
    transition:all 0.3s ease;
}
.nav a:hover .glyphicon {
    color:#3237f5;
    transition:all 0.3s ease;
}
.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    
    padding: 10px;
    border-radius:0 0 5px 5px;
    border-color:#99f;
}
#footer {
	padding:40px 0;
	background:#939393;
	color:#fff;
	font-family:Ubuntu;
	font-size:12pt;
}
#footer a{
	color:#fff;
	text-decoration:underline;
	font-family:Ubuntu;
	font-size:12pt;
}
#footer a:hover{
	text-decoration:none;
}
#results li{
	font-size:20pt;
}

@media (max-width: 768px) {
  .container{
      margin-top: 0!important;
  }
}
@media (max-width: 480px) {
  #content select,#content select:hover,#content select:focus {
    font-size:11pt;
  }
  .translate-direction{
    font-size:11pt;
    font-family:Ubuntu;
  }
}

.form-control{
    border:1px solid #88aaff;
}