@font-face {
	font-family: rust;
	src: url("/assets/Rust-db1e99f1.ttf");
}

@font-face {
	font-family: roboto;
	src: url("/assets/Roboto-Regular-82afc0f4.ttf");
}

html, body, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, a {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 1em;
  line-height: 1.5em;
  vertical-align: baseline;
  background: transparent;
  font-family: roboto, arial, verdana;
  color: #999;
}

textarea, input {  font-family: arial, verdana;  font-size: 1em;}
body {  line-height: 1;}
ol, ul {  list-style: none;}
ol {list-style:decimal; }
blockquote, q {  quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {  content: '';  content: none;}
:focus {  outline: 0;}
ins {  text-decoration: none;}
del {  text-decoration: line-through;}
table {  /*border-collapse: collapse;  border-spacing: 0;*/}
button {  cursor: pointer;  /*border:none;*/}
h1, h2, h3, h4, h5, h6, .logo {color: #ce412b; font-size: 1.8rem; margin-bottom: 1rem; clear: both; margin-left: 2rem; display:block;}
a {color:#dd2e12;}
a:hover {color: #fff;}
p {padding: 0 2rem 1rem 2rem; clear: left;}
strong {color: #fff; font-weight: normal;}

body {background: #1c1c1c url("/assets/background3-e0170cef.jpg") no-repeat fixed center top;}
.logo a {display: block; text-decoration:none; margin-bottom: 2rem;color: #999; font-weight: normal; font-family: rust; letter-spacing: .1em; line-height: 3rem; font-size: 2.5rem; padding: 2rem 0 0 3rem; background: transparent url("/assets/icon-e54d3b9b.png") no-repeat scroll left 2.2rem; background-size: 2.5rem 2.5rem;}
.logo a:hover {color: #fff;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ce412b; margin: 1rem 2rem; padding: 0;}
footer {margin: 0 2rem; line-height: 3rem; padding-bottom: 1rem; padding-top: 2rem; font-size: .9rem;}
footer a {line-height: 3rem;}
.flright {float:right;}
.button {display: inline-block; padding: 0.5rem 1rem; font-size: 1.2rem; background: #ce412b; color: #fff; text-decoration: none; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s;}
.button:hover {background: #e41f00;}
main {margin: auto; max-width: 1400px; width: auto;}
/*main {margin: auto; max-width: 1400px; width: auto; background-color: rgba(0, 0, 0, 0.9);}*/
main ul {padding: 0 2rem 1rem 2rem;}
main ul li {list-style: disc; list-style-position: inside;}
#buy-server, #buy-game {width: 50%; min-width: 480px; float:left; margin-bottom: 3rem;}
#buy-server ul li, #buy-game ul li {color: #fff;}
#buy-server h2, #buy-game h2 {clear: none;}
#buy-server .button, #buy-game .button {margin-left: 2rem;}
#buy-server .button span, #buy-game .button span {display:inline-block; border-left: #999 solid 2px; margin-left: 1rem; padding-left: 1rem;}

dl {padding: 0 1rem 1rem 2rem; float: left; width: 30%; position:relative; overflow:hidden;}
dl dt, dl dd {line-height: 2rem; float:left; width: 30%; min-width: 5rem;}
dl dt {color: #ce412b;}
dl dd {width: 70%;}

.players-graph {margin: 0 2rem 1rem 2rem; float:left; width: 60%; padding-top: 2rem;}
.players-graph img.players {width: 100%; height: 5rem; background: rgba(0, 0, 0, 0.2);}
.players-graph .x-axis {padding: 0;}
.players-graph .x-axis li {list-style: none; width: 16.66%; float:left; position:relative;}
.players-graph .x-axis li span {position:absolute; right: 0px;}

#multi-filter dl {width: auto; float:none;}
#multi-filter dl dt {list-style: none; float: left; width: 320px;}
#multi-filter dl dd {float: left;}
#multi-filter dl dd .slider-container {width: 150px; display: inline-block; margin-right: 25px; float:left;}
#multi-filter dl dd strong {float:left; line-height: 2rem;}
/*#multi-filter .slider { -moz-appearance: none; -webkit-appearance: none; appearance: none; width: 100%; height: 25px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s;}
#multi-filter .slider:hover { opacity: 1; }
#multi-filter .slider::-moz-range-track {-moz-appearance: none; display: none;}
#multi-filter .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; background: #4CAF50; cursor: pointer; }
#multi-filter .slider::-moz-range-thumb { -moz-appearance: none; width: 25px; height: 25px; background: #4CAF50; cursor: pointer; }*/
ul.server-list { padding: 0 1rem 1rem 1rem; clear: both;}
ul.server-list li {background-color: rgba(9, 9, 9, 0.2); display:block; margin-bottom: 0.2rem;}
ul.server-list li:hover {background-color: rgba(9, 9, 9, 0.5);}
ul.server-list li span {line-height: 2.5rem; list-style: none; margin-left: 1rem; display: inline-block;}
ul.server-list li span.name {width: 50%; min-width: 480px;}
ul.server-list li span.address {width: 15%; min-width: 172px;}
ul.server-list li span.map {width: 15%; min-width: 164px;}
ul.server-list li span.players {width: 10%; min-width: 96px;}
ul.server-list li a {text-decoration: none;}
a.steam-link {padding-left: 16px; text-decoration: none; margin-left: 5px; background: url("/assets/icons/steam-afe0eba1.gif") no-repeat scroll left center;}

input[type=range] { -webkit-appearance: none; margin-top: 5px; width: 100%; }
input[type=range]:focus { outline: none; }
input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 8.4px; cursor: pointer; animate: 0.2s; background: #ce412b; border-radius: 1.3px; border: 0.2px solid #010101;}
input[type=range]::-webkit-slider-thumb { border: 1px solid #000000; height: 32px; width: 16px; border-radius: 3px; background: #ffffff; cursor: pointer; -webkit-appearance: none; margin-top: -14px;}
input[type=range]:focus::-webkit-slider-runnable-track { background: #dd2e12;}
input[type=range]::-moz-range-track { width: 100%; height: 8.4px; cursor: pointer; animate: 0.2s; background: #ce412b; border-radius: 1.3px; border: 0.2px solid #010101;}
input[type=range]::-moz-range-thumb { border: 1px solid #000000; height: 32px; width: 16px; border-radius: 3px; background: #ffffff; cursor: pointer;}
input[type=range]::-ms-track { width: 100%; height: 8.4px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; border-width: 16px 0; color: transparent;}
input[type=range]::-ms-fill-lower { background: #2a6495; border: 0.2px solid #010101; border-radius: 2.6px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;}
input[type=range]::-ms-fill-upper { background: #ce412b; border: 0.2px solid #010101; border-radius: 2.6px; box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;}
input[type=range]::-ms-thumb { box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; border: 1px solid #000000; height: 36px; width: 16px; border-radius: 3px; background: #ffffff; cursor: pointer;}
input[type=range]:focus::-ms-fill-lower { background: #ce412b;}
input[type=range]:focus::-ms-fill-upper { background: #dd2e12;}


@media screen and (max-width: 1280px) {        
  dl {width: auto;}    
  .players-graph {width: auto;}
}