* { margin:0; padding:0; }

body { font-family: 'PT Sans'; color:#e6fff8; font-size:14px; line-height: 18px; background-color: #020202; min-width: 500px; }
body.rf { }


h1,h2,h3,h4,h5,h6,b,strong { font-family:'PT Sans Bold'; font-weight:normal; }
p { margin-bottom: -10px; }
.clear{ clear:both; }
.container { margin:0 auto; min-width: auto; width:100%; position:relative; }
a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;transition: all 0.3s ease; cursor:pointer; color:#661618; }
a:hover { text-decoration:none; }

div.header { height:250px; background: #020202 url(../images/header.jpg) 50% 0 no-repeat; }
.content { height:645px; background: #020202 url(../images/content.jpg) 50% 0 no-repeat; }
.footer { height:70px; background: #020202 url(../images/footer.jpg) 50% 0 no-repeat; }

.top-bar { text-align: center; position: relative; padding-top: 65px; padding-left: 19px; }

.logo { display: inline-block; padding-top: 65px; height:25px; background: url(../images/logo.png) 50% 0 no-repeat; color: #e1fff1; text-align: center; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.75); font-size: 18px; font-family: 'Copperplate', sans-serif; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease; }
.logo:hover { -webkit-filter:brightness(1.5); -moz-filter:brightness(1.5); -o-filter:brightness(1.5); filter:brightness(1.5); transform: scale(1.05); }

.select-server {
  text-align: center;
  color: #e6fff8;
  font-size: 24px;
  font-family: "Copperplate", sans-serif;
  font-weight: 700;
  padding-top: 35px;
  height: 0;
}


.btns {
  text-align: center;
  font-size: 0px;
  padding-top: 40px;
}
.btn {
  display: inline-block;
  width: 436px;
  height: 260px;
  background-position: 50% 70px;
  background-repeat: no-repeat;
  font-size: 60px;
  line-height: 50px;
  font-family: "Copperplate", sans-serif;
  font-weight: 700;
  color: #ffffff;
  text-decoration: none;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.75);
  padding: 0px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 25px;
  -webkit-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
  transition:all 0.5s ease;
}
.btn:hover {
 -webkit-filter:none; -moz-filter:none; -o-filter:none; filter:none;
}
.btn p {
  font-size: 18px;
  line-height: 20px;
  font-style: italic;
  font-weight: 400;
}
.btn-left {
  background-image: url(../images/button1.png);
  -webkit-filter:grayscale(1); -moz-filter:grayscale(1); -o-filter:grayscale(1); filter:grayscale(1);
  text-align: left;
  padding-left: 80px;
  padding-top: 125px;
}
.btn-right {
  background-image: url(../images/button2.png);
  -webkit-filter:grayscale(1); -moz-filter:grayscale(1); -o-filter:grayscale(1); filter:grayscale(1);
  text-align: right;
  padding-right: 80px;
  padding-top: 125px;
}


.footer .container { width:100%; position:relative; }
.footer .copyright { color:#788d94; font-size: 12px; text-shadow:1px 1px 0px rgba(0,0,0,0.75); font-family: 'PT Sans', sans-serif; width: 460px; line-height: 12px; }
.footer .copyright a { color:#c6d4db; text-decoration: underline; }
.footer .copyright span { color:#435359; font-size: 10px; text-transform: uppercase; }

h1 { color:#661618; font-size:48px; font-family:'Copperplate'; text-align:center; text-shadow:-1px -1px 0px rgba(255,255,255,0.4); margin-bottom:-20px; }
h2 { color:#661618; font-family:'Copperplate'; text-shadow:-1px -1px 0px rgba(255,255,255,0.4); margin-bottom:10px }

.languages { padding-top: 10px; text-align: left; }
.languages .item { margin: 9px auto; font-size:16px; color:#dcdcdc; font-weight: normal; font-family:'PT Sans', sans-serif; font-style: italic; margin-bottom:10px; display: block; background: url(../images/lang.png) 50% 0 no-repeat; width: 116px; height: 30px; padding-top: 8px; opacity: 0.30; transition: all 0.3s ease-in-out; }
.languages .item a { font-size:16px; color:#dcdcdc; font-family:'PT Sans', sans-serif; font-style: italic; text-decoration:none; vertical-align:middle; display: block; background-position: 12px 0px; background-repeat: no-repeat; padding-left: 50px; height: 21px; line-height: 20px; }
.languages .item .ru { background-image: url(../images/ru.png); }
.languages .item .en { background-image: url(../images/en.png); }
.languages .item.active, .languages .item:hover { opacity: 1; font-weight: bold; }