/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  /* For some Androids */
  outline: 0;
}
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
article,
aside,
figure,
footer,
header,
nav,
section,
details,
summary {
  display: block;
}
/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {
  max-width: 100%;
}
/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll;
}
/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  font-weight: bold;
  vertical-align: bottom;
}
td {
  font-weight: normal;
  vertical-align: top;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */
}
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
table {
  font-size: inherit;
  font: 100%;
}
small {
  font-size: 85%;
}
strong {
  font-weight: bold;
}
td,
td img {
  vertical-align: top;
}
/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* standardize any monospaced elements */
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
  margin: 0;
}
/* make buttons play nice in IE */
button,
input[type=button] {
  width: auto;
  overflow: visible;
}
/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clear-fix:before,
.clear-fix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clear-fix:after {
  clear: both;
}
.clear-fix {
  zoom: 1;
}
*:focus {
  outline: none;
}
html {
  background-color: #1a242f;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #bdc3c7;
  font-size: 14px;
  min-height: 100%;
  min-width: 960px;
  -webkit-font-smoothing: subpixel-antialiased;
}
* {
  -webkit-text-stroke: 1px rgba(0, 0, 0, 0.1);
}
h1 {
  font-size: 1.6em;
  -webkit-text-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
  -moz-text-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
  font-weight: normal;
  height: 26px;
  line-height: 26px;
  margin: 10px 0;
  vertical-align: center;
  color: #ecf0f1;
}
h2 {
  font-size: 1.4em;
  line-height: 120%;
  font-weight: normal;
}
h3 {
  font-size: 1.25em;
  line-height: 150%;
  font-weight: normal;
}
h4 {
  font-size: 1.1em;
  line-height: 120%;
  font-weight: normal;
}
hr {
  height: 1px;
  color: #233140;
  background: #233140;
  font-size: 0;
  border: 0;
  clear: both;
  margin: 5px 0;
}
#container {
  clear: both;
  width: 90%;
  max-width: 1600px;
  margin: 0px auto 0 auto;
  display: block;
}
@-webkit-keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
a,
span,
div,
p,
button,
input,
li,
img {
  transition: background 0.1s ease-in-out, border-color 0.1s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out;
  -webkit-transition: background 0.1s ease-in-out, border-color 0.1s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out;
  -moz-transition: background 0.1s ease-in-out, border-color 0.1s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out;
  -ms-transition: background 0.1s ease-in-out, border-color 0.1s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out;
  -o-transition: background 0.1s ease-in-out, border-color 0.1s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out;
}
#player-window * {
  -moz-transition: none !important;
  -webkit-transition: none !important;
  -o-transition: color 0 ease-in !important;
  transition: none !important;
}
#player-window_controlbar_timetooltip {
  width: 130px !important;
}
textarea:focus::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
textarea:focus:-moz-placeholder,
input:focus:-moz-placeholder {
  /* FF 4-18 */
  color: rgba(0, 0, 0, 0.2);
}
textarea:focus::-moz-placeholder,
input:focus::-moz-placeholder {
  /* FF 19+ */
  color: rgba(0, 0, 0, 0.2);
}
textarea:focus:-ms-input-placeholder,
input:focus:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(0, 0, 0, 0.2);
}
.snip {
  display: block;
  font-size: 0.9em;
  color: #354b60;
  height: 16px;
  line-height: 16px;
}
.snip em {
  color: #507192;
}
.loading_busy,
.loading_busy * {
  cursor: progress !important;
}
html.turbolinks-progress-bar::before {
  background-color: #2e0e0a !important;
  height: 8px !important;
}
#language_holder {
  display: none;
}
#language_list a {
  width: 32%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #bdc3c7;
  font-size: 1.1em;
  background-color: #1a242f;
  border: 1px solid #080b0e;
  vertical-align: middle;
  float: left;
  margin: 5px;
  font-weight: 600;
}
#language_list a:hover {
  background-color: #c0392b;
}
#language_list a.active {
  background-color: #81261d;
  color: #ecf0f1;
}
button {
  border: 0;
}
.ft-button {
  padding: 0 9px 1px 9px;
  font-size: 15px;
  line-height: 29px;
  height: 30px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  letter-spacing: 0.3px;
  font-weight: 400;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.ft-button:active {
  padding: 1px 9px 0px 9px;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.ft-button,
.ft-button:hover,
.ft-button:active {
  outline: 0 none;
  text-decoration: none;
  color: #fff;
}
.ft-orange {
  background-color: #E56622;
}
.ft-orange:hover {
  background-color: rgba(229, 102, 34, 0.8);
}
.ft-red {
  background-color: #81261d;
}
.ft-red:hover {
  background-color: #c0392b;
}
.ft-purple {
  background-color: #3433A8;
}
.ft-purple:hover {
  background-color: rgba(121, 58, 149, 0.8);
}
.ft-black {
  background-color: #222;
}
.ft-black:hover {
  background-color: #000;
}
.ft-blue {
  background-color: #233140;
}
.ft-blue:hover {
  background-color: #2c3e50;
}
header {
  background: #81261d;
  background: -webkit-gradient(linear, left top, left bottom, from(#81261d), to(#6d2018));
  background: -webkit-linear-gradient(top, #81261d, #6d2018);
  background: -moz-linear-gradient(top, #81261d, #6d2018);
  background: -ms-linear-gradient(top, #81261d, #6d2018);
  background: -o-linear-gradient(top, #81261d, #6d2018);
  background: linear-gradient(to bottom, #81261d, #6d2018);
  border-bottom: 2px solid #080b0e;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  height: 90px;
}
header div.header {
  width: 90%;
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
  padding-right: 370px;
}
header div.header > ul.top {
  height: 60px;
}
header div.header > ul.top > li {
  float: left;
  position: relative;
}
header div.header > ul.top > li a {
  color: #ecf0f1;
  font-size: 1.15em;
}
header div.header > ul.top i {
  color: #581a14;
}
header div.header > ul.top li.logo {
  width: 180px;
  height: 60px;
  overflow: hidden;
  padding: 0 5px;
  margin-top: -3px;
}
header div.header > ul.top li.logo a img {
  width: 170px;
}
header div.header > ul.top li.search {
  width: 75%;
  padding: 10px 5px 10px 12px;
  position: relative;
}
header div.header > ul.top li.search form input {
  height: 40px;
  width: 100%;
  background-color: #581a14;
  border: 1px solid #43140f;
  font-size: 1.3em;
  text-indent: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #bdc3c7;
}
header div.header > ul.top li.search form input:hover {
  background-color: #4f1812;
  border: 1px solid #36100c;
}
header div.header > ul.top li.search form input:focus {
  background-color: #43140f;
  border: 1px solid #2e0e0a;
}
header div.header > ul.top li.search form button {
  position: absolute;
  right: 8px;
  top: 12px;
  background-color: #81261d;
  height: 36px;
  width: 36px;
  line-height: 38px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
header div.header > ul.top li.search form button i {
  color: #ecf0f1;
  font-size: 2em;
}
header div.header > ul.top li.search form button:hover {
  background-color: #962d22;
}
header div.header > nav.links {
  width: 100%;
}
header div.header > nav.links > ul > li {
  position: relative;
  display: block;
  float: left;
}
header div.header > nav.links > ul > li > a {
  display: block;
  float: left;
  padding: 3px 10px;
  color: #ecf0f1;
  font-size: 1.15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 3px;
  border: 1px solid #641e16;
  max-width: 150px;
  overflow: hidden;
  height: 26px;
}
header div.header > nav.links > ul > li > a i {
  color: #d65548;
}
header div.header > nav.links > ul > li > a i.fa-caret-down {
  color: #95a5a6;
}
header div.header > nav.links > ul > li .sub_menu {
  position: absolute;
  background-color: #2c3e50;
  width: 100%;
  border-top: 0;
  left: 0;
  top: 23px;
  z-index: 100;
  display: none;
  text-align: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
header div.header > nav.links > ul > li .sub_menu a {
  display: block;
  padding: 5px;
  color: #bdc3c7;
}
header div.header > nav.links > ul > li .sub_menu a i {
  width: 20px;
  text-align: center;
  color: #962d22;
}
header div.header > nav.links > ul > li .sub_menu a span {
  float: right;
  color: #db695d;
}
header div.header > nav.links > ul > li .sub_menu a:hover {
  background-color: #080b0e;
}
header div.header > nav.links > ul > li:hover ul.sub_menu {
  display: block;
}
header div.header > nav.links > ul > li:hover > a {
  background-color: #581a14;
}
header div.header > nav.links a.categories {
  width: 180px;
  max-width: 180px;
  text-align: center;
  margin-right: 6px;
}
header div.header > nav.links .lang_switcher {
  float: right;
  text-align: right;
}
header div.header > nav.links .lang_switcher a {
  border: 0;
  color: #87999a;
}
header div.header > div.userpanel {
  width: 350px;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #601d16;
  border-right: 1px solid #601d16;
  background-color: #6d2018;
  height: 88px;
  padding: 0 5px;
}
header div.header > div.userpanel > ul.guest {
  text-align: center;
}
header div.header > div.userpanel > ul.guest .welcome {
  color: #ecf0f1;
  font-size: 1.2em;
  padding: 0 0 8px 0;
}
header div.header > div.userpanel > ul.guest .slogan {
  color: #c0392b;
  font-size: 0.9em;
  padding: 10px 0 0 0;
}
header div.header > div.userpanel > ul.guest .buttons {
  padding-top: 4px;
}
header div.header > div.userpanel > ul.guest .buttons button {
  padding: 3px;
  width: 160px;
  font-size: 1.15em;
}
header div.header > div.userpanel > ul.guest .buttons button#bt_signup {
  background-color: #233140;
  border: 1px solid #1a242f;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #bdc3c7;
}
header div.header > div.userpanel > ul.guest .buttons button#bt_signup:hover {
  background-color: #1a242f;
}
header div.header > div.userpanel > ul.guest .buttons button#bt_signup i {
  color: #476481;
}
header div.header > div.userpanel > ul.guest .buttons button#bt_signin {
  background-color: #581a14;
  border: 1px solid #43140f;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #bdc3c7;
}
header div.header > div.userpanel > ul.guest .buttons button#bt_signin:hover {
  background-color: #43140f;
}
header div.header > div.userpanel > ul.guest .buttons button#bt_signin i {
  color: #c0392b;
}
header div.header > div.userpanel > ul.top {
  margin-top: 5px;
  height: 55px;
}
header div.header > div.userpanel > ul.top li.avatar {
  float: left;
  margin-right: 10px;
  position: relative;
}
header div.header > div.userpanel > ul.top li.avatar img {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #6d2018;
}
header div.header > div.userpanel > ul.top li.name {
  float: left;
}
header div.header > div.userpanel > ul.top li.name a {
  display: block;
  color: #ecf0f1;
  font-size: 1.4em;
  padding: 10px 0;
}
header div.header > div.userpanel > ul.top li.upload {
  float: right;
}
header div.header > div.userpanel > ul.top li.upload a {
  display: block;
  color: #ecf0f1;
  font-size: 1.4em;
  padding: 0 0;
  text-align: center;
  width: 120px;
}
header div.header > div.userpanel > ul.bottom > li {
  width: 112px;
  float: left;
}
header div.header > div.userpanel > ul.bottom > li:first-child a {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
header div.header > div.userpanel > ul.bottom > li:last-child a {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
header div.header > div.userpanel > ul.bottom > li > a {
  display: block;
  color: #ecf0f1;
  background: #601d16;
  background: -webkit-gradient(linear, left top, left bottom, from(#601d16), to(#581a14));
  background: -webkit-linear-gradient(top, #601d16, #581a14);
  background: -moz-linear-gradient(top, #601d16, #581a14);
  background: -ms-linear-gradient(top, #601d16, #581a14);
  background: -o-linear-gradient(top, #601d16, #581a14);
  background: linear-gradient(to bottom, #601d16, #581a14);
  height: 27px;
  line-height: 27px;
  text-align: center;
  border: 1px solid #4f1812;
  position: relative;
}
header div.header > div.userpanel > ul.bottom > li > a span {
  position: absolute;
  top: -15px;
  right: -10px;
  z-index: 100;
  background-color: #c0392b;
  min-width: 25px;
  line-height: 25px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
header div.header > div.userpanel > ul.bottom > li > a:hover {
  background: #4f1812;
  background: -webkit-gradient(linear, left top, left bottom, from(#4f1812), to(#4f1812));
  background: -webkit-linear-gradient(top, #4f1812, #4f1812);
  background: -moz-linear-gradient(top, #4f1812, #4f1812);
  background: -ms-linear-gradient(top, #4f1812, #4f1812);
  background: -o-linear-gradient(top, #4f1812, #4f1812);
  background: linear-gradient(to bottom, #4f1812, #4f1812);
}
header div.header > div.userpanel > ul.bottom > li ul.sub_menu {
  position: absolute;
  background-color: #2c3e50;
  width: 50%;
  border-top: 0;
  right: 7px;
  top: 86px;
  z-index: 100;
  display: none;
  text-align: left;
}
header div.header > div.userpanel > ul.bottom > li ul.sub_menu a {
  display: block;
  padding: 5px;
  color: #bdc3c7;
}
header div.header > div.userpanel > ul.bottom > li ul.sub_menu a i {
  width: 20px;
  text-align: center;
  color: #507192;
}
header div.header > div.userpanel > ul.bottom > li ul.sub_menu a:hover {
  background-color: #080b0e;
}
header div.header > div.userpanel > ul.bottom > li:hover ul.sub_menu {
  display: block;
}
.autocomplete-suggestions {
  background-color: #080b0e !important;
  overflow: hidden;
  margin-left: 1px;
  margin-top: 1px;
  color: #ecf0f1;
}
.autocomplete-suggestions .autocomplete-suggestion {
  padding: 4px 5px 4px 33px;
  cursor: pointer;
  display: block;
  overflow: hidden;
  font-size: 1.3em;
}
.autocomplete-suggestions .autocomplete-selected,
.autocomplete-suggestions .autocomplete-suggestion:hover {
  background-color: #81261d !important;
}
.autocomplete-suggestions strong {
  font-weight: normal;
  color: #FFF;
}
#browse div.top {
  background-color: #11181f;
  padding: 5px;
  height: 41px;
  z-index: 1000;
  margin-bottom: 5px;
}
#browse div.results {
  background-color: #11181f;
  border: 1px solid #080b0e;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#browse div.categories a {
  width: 200px;
  height: 150px;
  float: left;
  font-size: 2.2em;
  position: relative;
  color: #ecf0f1;
  border: 2px solid #080b0e;
}
#browse div.categories a img {
  width: 210px;
  position: absolute;
}
#browse div.categories a span {
  display: block;
  position: absolute;
  width: 200px;
  height: 150px;
  text-align: center;
  line-height: 150px;
  background-color: rgba(8, 11, 14, 0.85);
  -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
#browse div.categories a:hover span {
  background-color: rgba(129, 38, 29, 0.85);
}
#search_empty {
  background-color: #11181f;
  border: 1px solid #080b0e;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  padding: 5px;
  text-align: center;
  font-size: 1.3em;
  line-height: 2em;
  color: #ecf0f1;
}
#search_empty .hope {
  color: #df7c72;
}
#search_empty i {
  color: #c0392b;
}
#home div.results {
  margin-bottom: 10px;
  float: right;
}
#home div.results a.more_videos {
  margin: 5px auto;
  display: block;
  width: 300px;
}
#home div.results i {
  color: #c0392b;
}
.nav-bar > ul > li {
  float: left;
  padding: 5px 10px;
  margin: 0 3px;
  font-size: 1.2em;
  background-color: #080b0e;
}
.nav-bar > ul > li > a {
  display: block;
  color: #507192;
}
.nav-bar > ul > li:hover {
  background-color: #81261d;
}
.nav-bar > ul > li:hover > a {
  color: #bdc3c7 !important;
}
.nav-bar > ul > li.h {
  color: #507192;
  position: relative;
  cursor: pointer;
  min-width: 200px;
  text-align: center;
}
.nav-bar > ul > li.h ul {
  position: absolute;
  z-index: 1000;
  background-color: #2c3e50;
  width: 100%;
  top: 30px;
  left: 0;
  display: none;
  text-align: left;
}
.nav-bar > ul > li.h ul li a {
  display: block;
  padding: 5px;
  color: #bdc3c7;
}
.nav-bar > ul > li.h ul li a:hover {
  background-color: #080b0e;
}
.nav-bar > ul > li.h ul li a span {
  float: right;
  color: #507192;
}
.nav-bar > ul > li.h ul li.active a {
  color: #c0392b;
  background-color: #11181f;
}
.nav-bar > ul > li.h:hover {
  background-color: #81261d;
  color: #bdc3c7;
}
.nav-bar > ul > li.h:hover ul {
  display: block;
}
.nav-bar > ul > li.active a {
  color: #c0392b;
}
.nav-bar > ul > li.active {
  color: #c0392b;
}
.nav-bar > ul > li.hd {
  float: right;
}
.video-list {
  display: block;
}
.video-list h1 {
  margin: 0.5% 0.5%;
  height: 26px;
  line-height: 26px;
  font-size: 1.2em;
  padding: 0;
}
.video-list .ads-item {
  float: right;
  width: 39.6%;
  height: 370px;
}
.video-list .ads-item iframe {
  margin: 0 auto;
  display: block;
  margin-top: 30px;
}
.video-list .video-item {
  width: 19.8%;
  margin: 0.1% 0.1% 0.6% 0.1%;
  position: relative;
  display: block;
  float: left;
  vertical-align: top;
  zoom: 1;
  background-color: #1a242f;
}
.video-list .video-item .thumb {
  display: block;
  width: 100%;
  position: relative;
  height: 0;
  padding: 56% 0 0 0;
  overflow: hidden;
}
.video-list .video-item .thumb img.cover {
  position: absolute;
  display: block;
  width: 100%;
  max-height: 200%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.video-list .video-item .thumb .play {
  position: absolute;
  top: 2%;
  left: 2%;
  color: rgba(44, 62, 80, 0.5);
  display: none;
}
.video-list .video-item .thumb .i-hd {
  width: 20px;
  height: 15px;
  position: absolute;
  top: 2%;
  left: 2%;
  overflow: hidden;
  background-color: #1a242f;
  color: #ecf0f1;
  font-size: 0.7em;
  text-align: center;
  line-height: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-style: italic;
  font-weight: bold;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
}
.video-list .video-item .inf {
  font-size: 0.8em;
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  clear: both;
  position: relative;
  text-align: center;
}
.video-list .video-item .inf a {
  color: #080b0e;
}
.video-list .video-item .inf strong {
  font-weight: 400;
  color: #ecf0f1;
  padding: 0 1px;
}
.video-list .video-item .inf .pb {
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  clear: both;
  width: 1%;
  background-color: #81261d;
  display: none;
  margin-left: -5px;
}
.video-list .video-item ul {
  height: 20px;
  line-height: 20px;
}
.video-list .video-item ul li {
  width: 32%;
  display: inline-block;
  text-align: center;
  color: #507192;
  font-size: 0.85em;
}
.video-list .video-item ul li i {
  float: left;
  padding: 5px 0 0 5px;
  color: #354b60 !important;
}
.video-list .video-item .ui_edit {
  background-color: #1a242f;
  border: 1px solid #080b0e;
  padding: 1px 0;
  font-size: 0.9em;
  display: block;
  color: #bdc3c7;
  width: 100px;
  text-align: center;
  margin: 0 auto 4px auto;
  position: relative;
}
.video-list .video-item .ui_edit:hover {
  background-color: #c0392b;
}
.video-list .video-item .ui_edit i {
  position: absolute;
  left: 1px;
  top: 2px;
  color: #bdc3c7;
}
.video-list .video-item:hover {
  z-index: 100;
}
.video-list .video-item:hover .thumb img.cover {
  border: 1px solid #2c3e50;
}
.video-list .video-item:hover .play {
  display: block !important;
}
.video-list .video-item:hover .i-hd,
.video-list .video-item:hover .len,
.video-list .video-item:hover .i-fe,
.video-list .video-item:hover .rate,
.video-list .video-item:hover .view {
  display: none !important;
}
.playlist-list {
  display: block;
}
.playlist-list h1 {
  margin: 0.5% 0.5%;
  height: 26px;
  line-height: 26px;
  font-size: 1.2em;
  padding: 0;
}
.playlist-list .playlist-item {
  width: 24.4%;
  margin: 0.8% 0.3%;
  position: relative;
  display: block;
  float: left;
  vertical-align: top;
  zoom: 1;
  border: 1px solid #080b0e;
  background-color: #11181f;
}
.playlist-list .playlist-item .thumb {
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.playlist-list .playlist-item .thumb span.cover {
  display: block;
  width: 50%;
  height: 0;
  padding-top: 28%;
  overflow: hidden;
  float: left;
  position: relative;
}
.playlist-list .playlist-item .thumb span.cover img {
  position: absolute;
  left: 0;
  top: 0;
}
.playlist-list .playlist-item .thumb .play {
  position: absolute;
  top: 2%;
  left: 2%;
  color: rgba(0, 0, 0, 0.5);
  display: none;
}
.playlist-list .playlist-item .thumb span.len {
  position: absolute;
  top: 2px;
  left: 2px;
  height: 20px;
  line-height: 20px;
  font-size: .8em;
  width: 80px;
  text-align: center;
  background-color: #11181f;
  border: 1px solid #c0392b;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.playlist-list .playlist-item .inf {
  font-size: 0.8em;
  padding: 0 5px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  clear: both;
  position: relative;
  text-align: center;
}
.playlist-list .playlist-item .inf a {
  color: #080b0e;
}
.playlist-list .playlist-item .inf strong {
  font-weight: 600;
  color: #c0392b;
}
.playlist-list .playlist-item .pb {
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  clear: both;
  width: 1%;
  background-color: #962d22;
  display: none;
  margin-left: -5px;
  border-right: 4px solid rgba(0, 0, 0, 0.5);
}
.playlist-list .playlist-item .ui_edit {
  background-color: #1a242f;
  border: 1px solid #080b0e;
  padding: 1px 0;
  font-size: 0.9em;
  display: block;
  color: #bdc3c7;
  width: 100px;
  text-align: center;
  margin: 0 auto 4px auto;
  position: relative;
}
.playlist-list .playlist-item .ui_edit:hover {
  background-color: #c0392b;
}
.playlist-list .playlist-item .ui_edit i {
  position: absolute;
  left: 1px;
  top: 2px;
  color: #bdc3c7;
}
.playlist-list .playlist-item:hover {
  z-index: 100;
}
.playlist-list .playlist-item:hover .play {
  display: block !important;
}
.playlist-list .playlist-item:hover span.len {
  display: none !important;
}
#playlist_list {
  margin: 5px 0 0 0;
  overflow: hidden;
}
#playlist_list h2 {
  padding: 5px 0;
  font-size: 1.4em;
}
#playlist_list h2 a {
  background-color: #2c3e50;
  border: 1px solid #233140;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 0.7em;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  color: #bdc3c7;
  width: 100px;
  text-align: center;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  position: relative;
  margin: -2px 0 0 5px;
}
#playlist_list h2 a:hover {
  background-color: #c0392b;
}
#playlist_list h2 a i {
  position: absolute;
  left: 2px;
  top: 2px;
  color: #c0392b;
}
#playlist_list .video_list li {
  position: relative;
  display: block;
  float: left;
  vertical-align: top;
  zoom: 1;
  background-color: #080b0e;
  margin-bottom: 10px;
}
#playlist_list .video_list li a {
  display: block;
  width: 100%;
  position: relative;
  height: 0;
  padding: 56% 0 0 0;
  overflow: hidden;
  border: 1px solid #080b0e;
}
#playlist_list .video_list li a img {
  position: absolute;
  display: block;
  width: 100%;
  max-height: 200%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
#playlist_list .video_list li span.len {
  position: absolute;
  right: 2px;
  bottom: 2px;
  height: 20px;
  line-height: 20px;
  font-size: 0.9em;
  width: 40px;
  text-align: center;
  background-color: #080b0e;
  background-color: rgba(8, 11, 14, 0.8);
  font-size: 0.8em;
  color: #bdc3c7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#playlist_list .video_list li span.now {
  position: absolute;
  top: 2px;
  left: 2px;
  height: 20px;
  line-height: 20px;
  width: 90px;
  text-align: center;
  background-color: #c0392b;
  font-size: 0.9em;
  color: #ecf0f1;
}
#playlist_list .video_list li.active a {
  border: 1px solid #c0392b;
}
.video-similar {
  width: 100%;
  clear: both;
}
.video-similar h1 {
  margin: 0.5% 0.5%;
  height: 26px;
  line-height: 26px;
  font-size: 1.2em;
  padding: 0;
}
.video-similar .active {
  background-color: #81261d;
}
.video-similar .video-item {
  width: 100%;
  position: relative;
  display: block;
  vertical-align: top;
  zoom: 1;
  padding: 0px 15px 0px 0px;
  margin: 0 0 10px 0;
  overflow: hidden;
}
.video-similar .video-item .thumb {
  display: block;
  width: 150px;
  height: 85px;
  position: relative;
  overflow: hidden;
  float: left;
}
.video-similar .video-item .thumb img.cover {
  display: block;
  margin: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.video-similar .video-item .thumb .play {
  position: absolute;
  top: 2%;
  left: 2%;
  color: rgba(44, 62, 80, 0.5);
  display: none;
}
.video-similar .video-item .thumb span.len {
  position: absolute;
  right: 2px;
  bottom: 2px;
  font-size: 0.9em;
  text-align: center;
  background-color: #1a242f;
  background-color: rgba(44, 62, 80, 0.8);
  color: #bdc3c7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 3px;
  -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.video-similar .video-item .i-hd {
  width: 20px;
  height: 15px;
  position: absolute;
  top: 2%;
  left: 2%;
  overflow: hidden;
  background-color: #1a242f;
  color: #ecf0f1;
  font-size: 0.7em;
  text-align: center;
  line-height: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-style: italic;
  font-weight: bold;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
}
.video-similar .video-item .i-fe {
  position: absolute;
  right: -1px;
  top: -1px;
  margin: auto;
  z-index: 2;
  background-image: url('../Images/i_badge_pop.png');
  background-repeat: no-repeat;
  background-position: center center;
  width: 36px;
  height: 31px;
  overflow: hidden;
  text-indent: -200px;
}
.video-similar .video-item .inf {
  font-size: 0.9em;
  padding: 3px 0 0 0;
  position: relative;
  text-align: left;
  margin-left: 160px;
}
.video-similar .video-item .inf a {
  color: #bdc3c7;
  font-size: 1.1em;
}
.video-similar .video-item .inf strong {
  font-weight: 400;
  color: #ecf0f1;
}
.video-similar .video-item .pb {
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  clear: both;
  width: 100%;
  background-color: #c0392b;
  border-right: 4px solid rgba(0, 0, 0, 0.5);
  z-index: 110;
}
.video-similar .is_rotating {
  z-index: 0;
  padding: 2px;
}
.video-similar .is_rotating .thumb {
  width: 100%;
  float: none;
  height: auto;
}
.video-similar .is_rotating .inf {
  margin: 0 !important;
  padding: 0 !important;
  class: both !important;
  height: 20px !important;
  overflow: hidden !important;
}
.video-similar .is_rotating .play {
  display: block !important;
}
.video-similar .is_rotating .i-hd,
.video-similar .is_rotating .i-fe,
.video-similar .is_rotating p {
  display: none !important;
}
.video-playlist {
  height: 483px;
  overflow: scroll !important;
}
#video {
  margin-top: 5px;
}
#video h1 {
  color: #95a5a6;
}
#video .left {
  width: auto;
  overflow: hidden;
  margin-right: 370px;
}
#video .player {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 5px 0;
  min-height: 350px;
}
#video .player #player-window {
  overflow: hidden;
  height: 508px;
}
#video .player nav.toolbar {
  height: 50px;
  line-height: 50px;
  width: 100%;
  margin-top: 10px;
}
#video .player nav.toolbar ul li {
  float: left;
  height: 42px;
  line-height: 42px;
  min-width: 42px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.15em;
  padding: 0 10px;
  background-color: #11181f;
  border-right: 1px solid #080b0e;
  text-align: center;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
#video .player nav.toolbar ul li:hover {
  background-color: #962d22;
}
#video .player nav.toolbar ul li.active {
  background-color: #c0392b !important;
}
#video .player nav.toolbar ul.left_set {
  float: left;
}
#video .player nav.toolbar ul.left_set li.hot {
  background-color: #43140f;
}
#video .player nav.toolbar ul.left_set li.hot:hover {
  background-color: #962d22;
}
#video .player nav.toolbar ul.left_set li.not {
  background-color: #080b0e;
}
#video .player nav.toolbar ul.left_set li.not:hover {
  background-color: #962d22;
}
#video .player nav.toolbar ul.left_set li.rate {
  width: 75px;
  position: relative;
  background-color: #000000;
  cursor: default;
}
#video .player nav.toolbar ul.left_set li.rate span {
  display: block;
  background-color: #2e0e0a;
  height: 42px;
  position: absolute;
  left: 0;
  top: 0;
}
#video .player nav.toolbar ul.left_set li.rate strong {
  position: absolute;
  left: 22px;
  top: 0px;
}
#video .player nav.toolbar ul.right_set {
  float: right;
}
#video .player nav.toolbar ul.right_set li.title {
  background-color: transparent;
}
#video section.timeline .thumbnails {
  margin-top: 5px;
}
#video section.timeline .thumbnails img {
  float: left;
  width: 19.5%;
  margin: 0.2%;
  border: 1px solid #354b60;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#video section.timeline .thumbnails img:hover {
  border: 1px solid #c0392b;
  -webkit-box-shadow: 0 0 8px #000000;
  -moz-box-shadow: 0 0 8px #000000;
  box-shadow: 0 0 8px #000000;
}
#video section.timeline .thumbnails figcaption {
  text-align: center;
  padding: 3px 0;
  display: block;
  overflow: hidden;
  clear: both;
  color: #3e5771;
}
#video section.details {
  margin-top: 10px;
  padding: 5px;
  overflow: hidden;
  background-color: #11181f;
  border: 1px solid #080b0e;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#video section.details div.top {
  overflow: hidden;
  padding: 5px 0;
  border-bottom: 1px solid #2c3e50;
}
#video section.details div.top .left_side {
  width: 550px;
  float: left;
}
#video section.details div.top .left_side a.user {
  font-size: 1.5em;
  color: #507192;
  display: block;
  margin-right: 10px;
  float: left;
  text-decoration: underline;
  line-height: 40px;
}
#video section.details div.top .left_side a.user img {
  float: left;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
#video section.details div.top .left_side .ft-button {
  margin-top: 5px;
}
#video section.details div.top .right_side {
  text-align: right;
  font-size: 2em;
  font-weight: 200;
  color: #233140;
}
#video section.details div.top .right_side span {
  color: #354b60;
}
#video section.details div.bottom {
  padding: 5px 0;
  line-height: 1.4em;
}
#video section.details div.bottom p {
  padding: 5px 0;
}
#video section.details div.bottom a {
  color: #507192;
}
#video section.details div.bottom a:hover {
  color: #c0392b;
}
#video section.share {
  background-color: #11181f;
  border: 1px solid #080b0e;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  padding: 5px;
  margin: 10px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#video section.share ul {
  overflow: hidden;
}
#video section.share ul li {
  float: left;
  height: 30px;
  line-height: 30px;
  margin: 0 5px 10px 5px;
  padding: 0 5px;
  cursor: pointer;
  font-size: 1.2em;
  color: #507192;
}
#video section.share ul li:hover {
  background-color: #080b0e;
}
#video section.share ul li.active {
  color: #c0392b;
}
#video section.share .embed_box {
  display: none;
}
#video section.all_comments {
  background-color: #11181f;
  border: 1px solid #080b0e;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#video section.all_comments .comment_form {
  margin-top: 10px;
}
#video section.all_comments .comment_form .text-area {
  height: 60px;
}
#video section.all_comments .comment_form .subject_field {
  display: none;
}
#video section.all_comments .comment_form .ft-button {
  margin-top: 5px;
  border: 1px solid #d65548;
}
#video .sidebar {
  width: 350px;
  float: right;
  background-color: #11181f;
  border: 1px solid #080b0e;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#video .sidebar .playlist-item {
  width: 49%;
}
#video_removed .notice {
  width: 38.8%;
  margin: 0.8% 0.3%;
  background-color: #11181f;
  float: right;
  position: relative;
}
#video_removed .notice .content {
  padding: 56% 0 0 0;
  overflow: hidden;
  width: 100%;
  position: relative;
}
#video_removed .notice .content .backg {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 110%;
  min-width: 100%;
  display: block;
  overflow: hidden;
}
#video_removed .notice .content .message {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #080b0e;
  background-color: rgba(8, 11, 14, 0.8);
  text-align: center;
  font-size: 2em;
  color: #95a5a6;
}
#video_removed .notice .content .message span {
  margin-top: 90px;
  padding: 5px;
  display: block;
}
#video_removed .notice .content .message a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0.7em;
  color: #bdc3c7;
}
#video_removed .notice .content .message a .fa-play-circle {
  display: block;
  text-align: center;
  font-size: 6em;
  margin-top: 30px;
  color: #c0392b;
  -webkit-text-shadow: 0 1px 1px #000000;
  -moz-text-shadow: 0 1px 1px #000000;
  text-shadow: 0 1px 1px #000000;
}
#video_removed .notice .content .message a p {
  font-size: 1.6em;
}
#video_removed .notice .content .message a:hover .fa-play-circle {
  color: #ab3326;
}
#video_removed .notice .filler {
  height: 74px;
  overflow: hidden;
}
#video_removed .notice .filler .info {
  border: 0;
  padding: 10px 10px;
}
#video_removed .notice .filler .info a {
  color: #c0392b;
}
#video_removed .notice .filler .info_dark {
  background-color: #080b0e;
}
#video_removed .notice_long {
  width: 58.2% !important;
}
#video_removed .notice_long .content {
  padding: 37.2% 0 0 0 !important;
}
#video_removed .video-item {
  width: 19.4%;
  margin: 0.8% 0.3%;
}
.jw-icon {
  font-family: 'jw-icons';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  background-color: transparent;
  font-variant: normal;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
}
.jw-skin-spankbang * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
.jw-skin-spankbang .jw-background-color {
  background: #2c3e50;
}
.jw-skin-spankbang .jw-controlbar {
  background: #1a242f;
}
.jw-skin-spankbang .jw-text {
  color: #ecf0f1;
}
.jw-skin-spankbang .jw-tooltip-title {
  color: #c0392b;
}
.jw-skin-spankbang .jw-knob {
  color: rgba(0, 0, 0, 0.5);
}
.jw-skin-spankbang .jw-button-color {
  color: #ecf0f1;
}
.jw-skin-spankbang .jw-button-color:hover {
  color: #c0392b;
}
.jw-skin-spankbang .jw-toggle {
  color: #fff;
}
.jw-skin-spankbang .jw-toggle.jw-off {
  color: rgba(0, 0, 0, 0.5);
}
.jw-skin-spankbang .jw-option {
  color: rgba(0, 0, 0, 0.5);
}
.jw-skin-spankbang .jw-option.jw-active-option {
  color: #fff;
}
.jw-skin-spankbang .jw-icon-display {
  color: rgba(255, 255, 255, 0.8);
}
.jw-skin-spankbang .jw-display-icon-container {
  border-radius: 0;
  width: 150px;
  height: 100px;
  font-size: 2em;
  background-color: rgba(46, 14, 10, 0.7);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  border: 2px solid #1a242f;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.jw-skin-spankbang .jw-display-icon-container:hover {
  background: #000;
}
.jw-skin-spankbang .jw-display-icon-container:hover .jw-icon-display {
  color: #FFF;
}
.jw-skin-spankbang .jw-rail {
  background: rgba(0, 0, 0, 0.1);
}
.jw-skin-spankbang .jw-buffer {
  background: rgba(0, 0, 0, 0.1);
}
.jw-skin-spankbang .jw-progress {
  background: rgba(0, 0, 0, 0.3);
}
.jw-skin-spankbang .jw-slider-horizontal {
  background: #3e5771;
}
.jw-skin-spankbang .jw-slider-horizontal .jw-knob {
  margin-left: -0.325em;
}
.jw-skin-spankbang .jw-slider-vertical .jw-knob {
  margin-bottom: -0.325em;
}
.jw-skin-spankbang .jw-time-tip,
.jw-skin-spankbang .jw-volume-tip,
.jw-skin-spankbang .jw-menu {
  background: #2c3e50;
  border: 0;
  padding: 0.5em;
}
.jw-skin-spankbang .jw-skip {
  background: rgba(0, 0, 0, 0.4);
  padding: 0.5em;
}
.jw-skin-spankbang .jw-skip .jw-skip-icon {
  color: rgba(0, 0, 0, 0.5);
}
.jw-skin-spankbang .jw-skip.jw-skippable:hover .jw-skip-icon,
.jw-skin-spankbang .jw-skip.jw-skippable:hover .jw-text {
  color: #fff;
}
.jw-skin-spankbang .jw-time-tip .jw-text,
.jw-skin-spankbang .jw-dock-button .jw-text {
  color: #bbb;
}
.jw-skin-spankbang .jw-time-tip {
  bottom: 1em;
}
.jw-skin-spankbang .jw-dock-button {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.5em;
}
.jw-skin-spankbang .jw-dock-button:hover {
  background: #000;
}
.jw-skin-spankbang .jw-playlist-container {
  padding: 0;
}
.jw-skin-spankbang .jw-icon-inline,
.jw-skin-spankbang .jw-icon-tooltip,
.jw-skin-spankbang .jw-text-elapsed,
.jw-skin-spankbang .jw-text-duration {
  padding: 0 0.25em;
}
.jw-skin-spankbang .jw-time-tip,
.jw-skin-spankbang .jw-volume-tip,
.jw-skin-spankbang .jw-menu {
  border-radius: .25em;
  bottom: 0.3em;
}
.jw-skin-spankbang .jw-skip {
  border-radius: 0.25em;
}
.jw-skin-spankbang .jw-option {
  color: #fff;
}
.jw-skin-spankbang .jw-option:hover,
.jw-skin-spankbang .jw-option.jw-active-option {
  color: #c0392b;
}
.jw-skin-spankbang .jw-playlist-container {
  left: -42%;
  bottom: 0;
  border-radius: 0;
  background-color: #1e1e1e;
}
.jw-skin-spankbang .jw-playlist-container .jw-option,
.jw-skin-spankbang .jw-playlist-container .jw-text,
.jw-skin-spankbang .jw-playlist-container .jw-icon {
  color: #a0a0a0;
}
.jw-skin-spankbang .jw-playlist-container .jw-option {
  border-bottom: 1px solid #000;
  background-color: #1e1e1e;
  color: #a8a8a8;
}
.jw-skin-spankbang .jw-playlist-container .jw-option:hover,
.jw-skin-spankbang .jw-playlist-container .jw-option.jw-active-option {
  color: #c0392b;
}
.jw-skin-spankbang .jw-playlist-container::-webkit-scrollbar-track {
  background-color: #000;
}
.jw-skin-spankbang .jw-playlist-container::-webkit-scrollbar {
  width: 2px;
  border: 10px solid #1e1e1e;
}
.jw-skin-spankbang .jw-playlist-container::-webkit-scrollbar-thumb {
  background-color: #a0a0a0;
}
.jw-skin-spankbang .jw-tooltip-title {
  border-bottom: 1px solid #000;
  background-color: #1e1e1e;
}
.jw-skin-spankbang .jw-slider-horizontal {
  height: 2em;
}
.jw-skin-spankbang .jw-slider-horizontal .jw-slider-container {
  height: 2em;
}
.jw-skin-spankbang .jw-slider-horizontal .jw-rail,
.jw-skin-spankbang .jw-slider-horizontal .jw-progress,
.jw-skin-spankbang .jw-slider-horizontal .jw-buffer {
  height: 2em;
}
.jw-skin-spankbang .jw-slider-horizontal .jw-knob,
.jw-skin-spankbang .jw-slider-horizontal .jw-cue {
  height: 2em;
}
.jw-skin-spankbang .jw-slider-horizontal .jw-knob {
  margin-left: 0;
  background-color: #ecf0f1;
  width: 0.2em;
}
.jw-skin-spankbang .jw-slider-horizontal .jw-cue {
  top: .6699999999999999em;
  background: rgba(0, 0, 0, 0.5);
  height: 0.66em;
}
.jw-skin-spankbang .jw-slider-vertical {
  padding: .4em;
  bottom: 3px;
  border-radius: 2px;
  border: 0;
}
.jw-skin-spankbang .jw-slider-vertical .jw-knob {
  color: #ecf0f1;
  background-color: #ecf0f1;
  display: none;
}
.jw-skin-spankbang .jw-slider-vertical .jw-rail {
  background-color: #c0392b;
}
.jw-skin-spankbang .jw-slider-vertical .jw-rail,
.jw-skin-spankbang .jw-slider-vertical .jw-progress {
  width: .5em;
  border: 1px solid #ecf0f1;
}
.jw-skin-spankbang .jw-icon-cc.jw-off:before {
  content: "\e604";
}
.jw-skin-spankbang .jw-icon-hd.jw-off:before {
  content: "\e609";
}
.jw-skin-spankbang.jw-flag-audio-player .jw-controlbar {
  background: rgba(0, 0, 0, 0.5);
}
.comments {
  margin-top: 10px;
}
.comments h3 {
  padding: 5px 0;
}
.comments .sorting {
  padding: 0 0 10px 0px;
  font-size: 1.2em;
}
.comments .sorting a {
  color: #507192;
  padding: 0 5px;
}
.comments .sorting a.active {
  color: #c0392b;
  font-weight: 600;
}
.comments .comm {
  margin-bottom: 5px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 1px;
}
.comments .comm span.name {
  padding-top: 5px;
  display: block;
  color: #95a5a6;
  width: 110px;
  overflow: hidden;
}
.comments .comm span.name a {
  color: #ecf0f1;
  font-weight: 600;
}
.comments .comm .d {
  color: #507192;
  font-size: 0.9em;
}
.comments .comm .vote {
  float: left;
  height: 50px;
  padding: 0 4px 0 0;
  text-align: center;
}
.comments .comm .vote li {
  height: 17px;
  line-height: 17px;
  overflow: hidden;
}
.comments .comm .vote .pos,
.comments .comm .vote .neg,
.comments .comm .vote .nil {
  font-size: 1em;
  padding: 0;
  line-height: 18px;
}
.comments .comm .vote .pos {
  color: #c0392b;
}
.comments .comm .vote .neg {
  color: #2c3e50;
}
.comments .comm .vote .nil {
  color: #95a5a6;
}
.comments .comm .vote .fa-chevron-up {
  color: #c0392b;
  cursor: pointer;
  padding: 0 4px;
}
.comments .comm .vote .fa-chevron-down {
  color: #507192;
  cursor: pointer;
  padding: 0 4px;
}
.comments .comm .vote .fa-chevron-down:hover,
.comments .comm .vote .fa-chevron-up:hover {
  background-color: #ab3326;
}
.comments .comm p {
  padding: 5px 0 5px 10px;
  font-size: 1.1em;
  line-height: 130%;
  float: left;
  max-width: 70%;
  width: auto;
  display: inline-block;
}
.comments .comm .side {
  width: 150px;
  float: left;
  border-right: 1px solid #080b0e;
}
.profile .left {
  width: 215px;
  float: left;
  height: 100%;
  overflow: hidden;
  margin-top: -110px;
  z-index: 500;
  position: relative;
}
.profile .right {
  margin-left: 220px;
}
.profile .right .blocked {
  padding: 3%;
  background-color: #080b0e;
  text-align: center;
  color: #bdc3c7;
  margin: 10px 0;
}
.profile .right .blocked .ft-button {
  width: 80px;
  height: 34px;
  line-height: 34px;
}
.profile .right .blocked .sign {
  width: 150px;
}
.profile .right .blocked h3 {
  height: 34px;
  line-height: 34px;
  font-size: 1.3em;
  margin-bottom: 20px;
  color: #bdc3c7;
}
.profile .right .blocked h3 i {
  color: #c0392b;
}
.profile .head {
  height: 100px;
  overflow: hidden;
  background-color: #080b0e;
  border-bottom: 0;
  z-index: 0;
}
.profile .head img {
  width: 11.99%;
  margin-left: -2%;
  float: left;
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  -webkit-opacity: 0.2;
  opacity: 0.2;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
  filter: alpha(opacity=20);
  min-height: 100px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
}
.profile .user {
  border-bottom: 2px solid #2c3e50;
  text-align: center;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  z-index: 500;
}
.profile .user .photo {
  padding: 5px 0;
}
.profile .user .photo img {
  border: 2px solid #080b0e;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  z-index: 500;
}
.profile .user .info {
  padding: 5px 0;
  color: #bdc3c7;
  -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  font-size: 1.1em;
}
.profile nav.top {
  height: 54px;
  overflow: hidden;
  padding-left: 220px;
  background-color: #080b0e;
  text-transform: uppercase;
  text-align: center;
}
.profile nav.top a {
  display: block;
  float: left;
  height: 54px;
  line-height: 26px;
  padding: 0 15px;
  margin: 0 2px;
  color: #bdc3c7;
  border-bottom: 3px solid transparent;
  font-size: 0.9em;
}
.profile nav.top a.active {
  color: #c0392b;
  border-bottom-color: #c0392b;
}
.profile nav.top a:hover {
  color: #c0392b;
  border-bottom-color: #c0392b;
}
.profile nav.top a span {
  display: block;
  font-size: 1.3em;
  color: #95a5a6;
  font-weight: 600;
}
.feed {
  overflow: hidden;
  display: block;
  border: 1px solid #080b0e;
  padding: 5px;
  background-color: #11181f;
  margin-top: 10px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.feed .empty_feed {
  padding: 50px;
  text-align: center;
  font-size: 1.5em;
  color: #507192;
}
.feed .feed_item {
  width: 24.4%;
  margin: 0.8% 0.3%;
  position: relative;
  display: block;
  float: left;
  vertical-align: top;
  zoom: 1;
  border: 1px solid #080b0e;
  background-color: #11181f;
}
.feed .feed_item p.action {
  background-color: #080b0e;
  background-color: rgba(8, 11, 14, 0.9);
  color: #c0392b;
  padding: 3px;
  font-size: 0.9em;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  border-bottom: 1px solid #c0392b;
  font-weight: 600;
}
.feed .feed_item p.action .date {
  float: right;
  display: inline-block;
  color: #bdc3c7;
  font-weight: 400;
  font-size: 0.9em;
}
.feed .feed_item .thumb {
  display: block;
  width: 100%;
  position: relative;
  height: 0;
  padding: 56% 0 0 0;
  overflow: hidden;
}
.feed .feed_item .thumb img.cover {
  position: absolute;
  display: block;
  width: 100%;
  max-height: 200%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.feed .feed_item .thumb span.len {
  position: absolute;
  right: 2px;
  bottom: 2px;
  height: 20px;
  line-height: 20px;
  font-size: 0.9em;
  width: 40px;
  text-align: center;
  background-color: #1a242f;
  background-color: rgba(26, 36, 47, 0.8);
  font-size: 0.8em;
  color: #bdc3c7;
}
.feed .feed_item .thumb span.text {
  position: absolute;
  top: 20px;
  left: 0px;
  height: 100%;
  padding: 5px;
  line-height: 18px;
  font-size: 0.9em;
  width: 100%;
  text-align: left;
  background-color: #1a242f;
  background-color: rgba(26, 36, 47, 0.8);
  font-size: 0.85em;
  color: #bdc3c7;
}
.feed .feed_item .inf {
  font-size: 0.8em;
  padding: 0 5px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  clear: both;
  position: relative;
  text-align: center;
}
.feed .feed_item:hover {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  z-index: 100;
}
.feed .feed_item_videos p.action {
  background-color: #080b0e;
  background-color: rgba(8, 11, 14, 0.9);
  color: #c0392b;
}
.feed .feed_item_videos p.action .date {
  color: #bdc3c7;
}
.feed .feed_item_playlists p.action {
  background-color: #080b0e;
  background-color: rgba(8, 11, 14, 0.9);
  color: #c0392b;
}
.feed .feed_item_playlists p.action .date {
  color: #bdc3c7;
}
.feed .feed_item_playlists .thumb {
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  position: relative;
  height: auto;
}
.feed .feed_item_playlists .thumb span.cover {
  display: block;
  width: 50%;
  height: 0;
  padding-top: 28%;
  overflow: hidden;
  float: left;
  position: relative;
}
.feed .feed_item_playlists .thumb span.cover img {
  position: absolute;
  left: 0;
  top: 0;
}
.feed .feed_item_subscribers {
  width: 15%;
  margin: 0.8% 0.3%;
  padding-top: 20px;
}
#user-panel {
  margin-top: 45px;
}
#user-panel nav.links {
  width: 200px;
  float: left;
  height: 100%;
  overflow: hidden;
  background-color: #11181f;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
#user-panel nav.links a {
  display: block;
  overflow: hidden;
  padding: 8px 5px;
  color: #bdc3c7;
  border-top: 1px solid #233140;
}
#user-panel nav.links a:hover {
  background-color: #233140;
}
#user-panel nav.links a i {
  color: #354b60;
  width: 24px;
  text-align: center;
}
#user-panel nav.links a span {
  float: right;
  color: #d65548;
}
#user-panel nav.links a .fa-angle-double-right {
  display: none;
  float: right;
}
#user-panel nav.links .s {
  border-top: 2px solid #962d22;
}
#user-panel nav.links .active {
  background-color: #81261d;
}
#user-panel nav.links .active i {
  color: #95a5a6;
}
#user-panel nav.links .active .fa-angle-double-right {
  display: inline-block;
}
#user-panel .data {
  margin-left: 210px;
  min-height: 400px;
  background-color: #11181f;
  border: 1px solid #080b0e;
  overflow: hidden;
  padding: 5px;
}
#user-panel .data h2 {
  font-size: 1.2em;
  padding: 3px 0;
  margin-bottom: 5px;
  border-bottom: 1px solid #080b0e;
  color: #bdc3c7;
}
#user-panel .data .pending-video {
  clear: both;
  padding: 5px 0;
  display: block;
}
#user-panel .data .pending-video span {
  color: #d65548;
  font-weight: 600;
}
#user-panel .data .pending-video i {
  color: #2c3e50;
  font-size: 1.2em;
  margin-right: 5px;
}
#user-panel .data .empty h3 {
  color: #db695d;
  padding: 20px 0 10px 0;
}
#user-panel .data .empty p {
  color: #bdc3c7;
}
#user-panel .data .empty p a {
  text-decoration: underline;
  color: #c0392b;
}
#user-panel .edit_accout p.btn {
  text-align: left;
  margin: 10px 0;
}
#user-panel .edit_accout #avatar_form {
  border-bottom: 2px solid #c0392b;
  margin: 0 0 20px 0;
}
#user-panel .edit_accout ul {
  width: 650px;
  margin: 0;
}
#user-panel .edit_accout ul li label.main {
  width: 150px;
  background-color: #354b60;
}
#user-panel .notifications_list {
  overflow: hidden;
  -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
#user-panel .notifications_list > li.read {
  margin-top: 30px;
}
#user-panel .notifications_list > li.read ~ li.read {
  margin-top: 0;
}
#user-panel .notifications_list li {
  padding: 7px 0;
  overflow: hidden;
  position: relative;
  font-size: 1em;
  border-bottom: 1px solid #1a242f;
  border-top: 1px solid #080b0e;
  line-height: 20px;
}
#user-panel .notifications_list li:hover {
  background-color: #080b0e !important;
}
#user-panel .notifications_list li:nth-child(odd) {
  background-color: #0f151b;
}
#user-panel .notifications_list li.views {
  padding: 10px 0;
}
#user-panel .notifications_list li.social {
  padding: 10px 0;
}
#user-panel .notifications_list li.unread {
  background-color: #080b0e;
}
#user-panel .notifications_list li img.primary_img {
  width: 80px;
  max-height: 100px;
  float: left;
  border: 2px solid #080b0e;
  display: block;
  margin: 0 5px 0 0;
  float: right;
}
#user-panel .notifications_list li img.avatar_img {
  width: 40px;
  max-height: 100px;
  float: left;
  border: 2px solid #080b0e;
  display: block;
  margin: 0 5px 0 0;
  float: right;
}
#user-panel .notifications_list li i.fa {
  float: left;
  margin: 2px 2px 0 0;
  font-size: 1.3em;
  color: #3e5771;
}
#user-panel .notifications_list li a {
  color: #c0392b;
  font-style: italic;
}
#user-panel .notifications_list li a.uname {
  color: #c0392b;
  font-style: normal;
  font-weight: bold;
}
#user-panel .notifications_list li span.date {
  font-size: 0.8em;
  color: #476481;
  width: 80px;
  display: inline-block;
  text-align: center;
}
#user-panel .inbox li {
  height: 35px;
  line-height: 35px;
  overflow: hidden;
  margin: 2px 0;
  border-bottom: 1px solid #080b0e;
  cursor: pointer;
}
#user-panel .inbox li span {
  display: block;
  float: left;
  color: #95a5a6;
}
#user-panel .inbox li span.u {
  width: 30px;
  text-align: center;
  color: #81261d;
}
#user-panel .inbox li span.f {
  width: 150px;
}
#user-panel .inbox li span.t {
  width: 150px;
}
#user-panel .inbox li span.m {
  width: 600px;
  color: #ecf0f1;
}
#user-panel .inbox li span.d {
  width: 120px;
}
#user-panel .inbox li:nth-child(odd) {
  background-color: #0d1318;
}
#user-panel .inbox li:hover {
  background-color: #080b0e;
}
#user-panel .inbox li.h {
  background-color: #080b0e;
  color: #2c3e50;
  height: 25px;
  line-height: 25px;
  cursor: default;
}
#user-panel .inbox li.h span {
  color: #2c3e50 !important;
}
#user-panel .message ul {
  min-height: 250px;
}
#user-panel .message li {
  line-height: 20px;
  overflow: hidden;
  max-width: 600px;
  min-width: 200px;
  clear: both;
  position: relative;
  padding: 0 0 0 50px;
  float: left;
}
#user-panel .message li span.f {
  color: #95a5a6;
  display: block;
  padding: 3px 10px;
}
#user-panel .message li span.f a {
  color: #df7c72;
}
#user-panel .message li span.f i {
  color: #81261d;
}
#user-panel .message li span.m {
  display: block;
  background-color: #2e0e0a;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 10px;
}
#user-panel .message li span.d {
  color: #3e5771;
  padding: 3px 10px;
  display: block;
}
#user-panel .message li span.a {
  position: absolute;
  left: 5px;
  top: 25px;
}
#user-panel .message li span.a img {
  width: 40px;
  height: 40px;
}
#user-panel .message li.you {
  float: right;
  clear: both;
  padding: 0 50px 0 0;
}
#user-panel .message li.you span.m {
  background-color: #1a242f;
}
#user-panel .message li.you span.f,
#user-panel .message li.you span.d {
  text-align: right;
}
#user-panel .message li.you span.a {
  left: auto;
  right: 5px;
}
#user-panel .message .reply_form {
  padding: 15px 0 15px 250px;
  background-color: #233140;
  clear: both;
}
#user-panel .social_username {
  display: block;
  padding: 5px;
  background-color: #81261d;
  color: #ecf0f1;
  font-size: 1.5em;
  margin: 5px 0;
}
#user-panel ul.subscriptions li {
  width: 340px;
  float: left;
  background-color: #080b0e;
  margin: 2px;
  padding: 2px;
}
#user-panel ul.subscriptions li a {
  color: #df7c72;
  padding: 5px 0 0 5px;
  display: block;
  float: left;
  font-size: 1.2em;
}
#user-panel ul.subscriptions li span {
  float: right;
}
#user-panel ul.head_nav {
  padding: 5px;
  background-color: #080b0e;
  overflow: hidden;
  margin-bottom: 5px;
}
#user-panel ul.head_nav li {
  float: left;
}
#user-panel ul.head_nav li a {
  font-size: 1.2em;
  color: #ecf0f1;
  display: block;
  padding: 3px 5px;
  margin: 0 2px;
  width: 150px;
  text-align: center;
  background-color: #11181f;
}
#user-panel ul.head_nav li a:hover {
  background-color: #1a242f;
}
#user-panel ul.head_nav li.active a {
  color: #d65548;
  background-color: #080b0e;
}
.form-holder {
  background-color: rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 0 2%;
  margin-top: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: left !important;
}
.form-holder .register,
.form-holder .login {
  width: 46%;
  margin: 0 2%;
  padding: 1%;
  float: right;
  min-height: 300px;
}
.form-holder p.btn {
  text-align: center;
  margin: 10px 0;
}
.form-holder h3 {
  padding-bottom: 10px;
}
.form-holder a {
  color: #c0392b;
  text-decoration: underline;
}
.form-holder .active_form {
  background-color: #080b0e;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  float: left;
}
.form-holder ul {
  width: 600px;
  margin: 0 auto;
  overflow: hidden;
}
.form-holder ul li {
  clear: both;
  margin: 4px 0;
  overflow: hidden;
}
.form-holder ul li label {
  color: #2c3e50;
}
.form-holder ul li label.main {
  display: block;
  float: left;
  background-color: #81261d;
  width: 120px;
  padding-left: 5px;
  height: 30px;
  line-height: 30px;
  color: #bdc3c7;
}
.form-holder ul li p.desc {
  color: #476481;
  font-size: 0.9em;
  clear: both;
  padding: 2px 0 5px 5px;
}
.form-holder ul li p.errors {
  clear: both;
  overflow: hidden;
  color: #df7c72;
  padding: 4px 0 1px 124px;
}
.form-holder ul li input[type="radio"] {
  display: block;
  margin: 7px 6px 0 4px;
  float: left;
}
.form-holder ul li input[type="checkbox"] {
  display: block;
  margin: 7px 6px 0 4px;
  float: left;
}
.form-holder ul li .text-field {
  height: 30px;
  line-height: 30px;
  width: 250px;
  border: 1px solid #1a242f;
  display: block;
  float: left;
  text-indent: 5px;
  font-size: 1.1em;
  background-color: #080b0e;
  color: #95a5a6;
}
.form-holder ul li .text-field:focus {
  background-color: #11181f !important;
  border: 1px solid #81261d;
}
.form-holder ul li .text-field:hover {
  background-color: #11181f;
}
.form-holder ul li .text-field-small {
  width: 100px;
}
.form-holder ul li .text-field-medium {
  width: 150px;
}
.form-holder ul li .textarea-field {
  height: 100px;
  line-height: 20px;
  width: 250px;
  border: 1px solid #080b0e;
  display: block;
  float: left;
  text-indent: 5px;
  font-size: 1em;
  background-color: #080b0e;
  color: #95a5a6;
}
.form-holder ul li .textarea-field:focus {
  background-color: #11181f !important;
  border: 1px solid #81261d;
}
.form-holder ul li .textarea-field:hover {
  background-color: #11181f;
}
.text-area {
  background-color: #1a242f;
  width: 100%;
  max-width: 550px;
  height: 50px;
  color: #95a5a6;
  border: 1px solid #1a242f;
  padding: 4px;
  font-size: 1em;
}
.text-area:focus {
  background-color: #233140;
}
html.remodal_lock,
body.remodal_lock {
  overflow: hidden;
}
/* Anti FOUC */
.remodal,
[data-remodal-id] {
  visibility: hidden;
}
/* Overlay necessary styles */
.remodal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  display: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  text-align: center;
}
.remodal-overlay:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: '';
}
/* Fix iPad, iPhone glitches */
.remodal-overlay > * {
  -webkit-transform: translateZ(0px);
}
/* Modal dialog necessary styles */
.remodal {
  position: relative;
  display: inline-block;
}
/* ==========================================================================
   Remodal default theme
   ========================================================================== */
/* Default theme font */
/* Overlay default theme styles */
.remodal-overlay {
  opacity: 0;
  background: rgba(0, 0, 0, 0.95);
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
body.remodal_active .remodal-overlay {
  opacity: 1;
}
/* Modal dialog default theme styles */
.remodal {
  width: 100%;
  min-height: 100%;
  padding: 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  background: #11181f;
  background-clip: padding-box;
  color: #bdc3c7;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transition: -webkit-transform 0.2s linear;
  -moz-transition: -moz-transform 0.2s linear;
  -o-transition: -o-transform 0.2s linear;
  transition: transform 0.2s linear;
  border: 1px solid #1a242f;
}
body.remodal_active .remodal {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* Modal dialog vertical align  */
.remodal,
.remodal-overlay:after {
  vertical-align: middle;
}
/* Close button */
.remodal-close {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 28px;
  height: 28px;
  line-height: 23px;
  text-decoration: none;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 28px;
  color: #2c3e50;
  text-align: center;
}
.remodal-close:hover,
.remodal-close:active {
  color: #c0392b;
}
/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  display: inline-block;
  width: 120px;
  padding: 9px 0;
  margin: 0 0 5px 0;
  font-size: 10pt;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background-clip: padding-box;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.remodal-confirm {
  border: 2px solid #16a085;
  background: #f4f4f4;
  color: #16a085;
}
.remodal-confirm:hover,
.remodal-confirm:active {
  background: #16a085;
  color: #f4f4f4;
}
.remodal-cancel {
  border: 2px solid #c0392b;
  background: #f4f4f4;
  color: #c0392b;
}
.remodal-cancel:hover,
.remodal-cancel:active {
  background: #c0392b;
  color: #f4f4f4;
}
/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
    margin: 0 auto;
    min-height: 0;
  }
}
.remodal .ft-button {
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  margin: 0 2px;
}
.remodal .sign {
  padding: 0 25px;
}
.remodal h4 {
  line-height: 34px;
  font-size: 1.3em;
  -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  color: #FFF;
}
.remodal h4 i {
  color: rgba(255, 255, 255, 0.5);
}
.access-remodal .feature-list {
  text-align: center;
  overflow: hidden;
}
.access-remodal .feature-list h3 {
  font-size: 1.3em;
  height: 40px;
  line-height: 50px;
  margin-top: 15px;
  border-top: 1px solid #2c3e50;
  display: block;
  overflow: hidden;
}
.access-remodal .feature-list .ft {
  width: 46%;
  margin: 10px 2%;
  float: left;
  color: #bdc3c7;
  font-weight: bold;
}
.access-remodal .feature-list .ft i {
  display: block;
  font-size: 3em;
  color: #962d22;
  margin-bottom: 10px;
}
.playlist-remodal .title-inp {
  margin-bottom: 5px;
}
.playlist-remodal .playlist-list {
  padding-top: 5px;
  min-height: 300px;
  clear: both;
  border-top: 1px solid #2c3e50;
  margin-top: 5px;
}
.playlist-remodal .playlist-list .pl {
  text-align: left;
  height: 26px;
  line-height: 27px;
  background-color: #962d22;
  color: #bdc3c7;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0 10px;
  margin: 4px auto;
  cursor: pointer;
}
.playlist-remodal .playlist-list .pl.mn {
  background-color: #c0392b;
}
.playlist-remodal .playlist-list .pl:hover {
  background-color: #81261d;
}
.playlist-remodal .playlist-list .pl i {
  padding-right: 4px;
}
.download-remodal .download-list {
  padding-top: 5px;
  clear: both;
  border-top: 1px solid #3e5771;
  margin-top: 5px;
  font-size: 0.9em;
  font-weight: 600;
  height: 170px;
  overflow: hidden;
}
.download-remodal .download-list .pl {
  height: 34px;
  line-height: 34px;
  cursor: pointer;
  background-color: #962d22;
  color: #bdc3c7;
  padding: 0 10px;
  text-indent: 0;
  width: 400px;
  font-weight: 400;
  text-align: center;
  display: block;
  margin: 8px auto;
  display: none;
}
.download-remodal .download-list .pl:hover {
  background-color: #81261d;
}
.setting-remodal .setting {
  padding-bottom: 5px;
  overflow: hidden;
  text-align: left;
  width: 290px;
  margin: 10px auto;
}
.setting-remodal .setting span {
  display: block;
  height: 26px;
  line-height: 26px;
  float: left;
  padding-right: 10px;
  width: 120px;
}
.flag-remodal .t {
  padding: 10px 0;
  line-height: 1.5em;
}
.flag-remodal .t a {
  color: #c0392b;
}
.flag-remodal h3 {
  font-size: 1.3em;
  height: 30px;
  line-height: 30px;
  border-top: 1px solid #2c3e50;
  display: block;
  overflow: hidden;
}
.flag-remodal .flag {
  text-align: left;
  padding: 0 0 20px 0;
}
.flag-remodal .flag label {
  height: 24px;
  line-height: 24px;
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.flag-remodal .flag label input {
  margin-top: -5px;
  vertical-align: middle;
  margin: -5px 5px 0 5px;
}
.flag-remodal .flag label:hover {
  background-color: #080b0e;
}
.auth-remodal {
  width: 960px !important;
  max-width: 960px !important;
}
.auth-remodal .form-holder {
  background-color: transparent;
  overflow: hidden;
  padding: 0;
  margin: 0px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 0.9em;
  text-align: left !important;
}
.auth-remodal .form-holder a {
  color: #df7c72;
}
/*
 * jReject (jQuery Browser Rejection Plugin)
 * Version 1.1.0
 * URL: http://jreject.turnwheel.com/
 * Description: jReject is a easy method of rejecting specific browsers on your site
 * Author: Steven Bower (TurnWheel Designs) http://turnwheel.com/
 * Copyright: Copyright (c) 2009-2014 Steven Bower under dual MIT/GPL license.
 */
#jr_overlay {
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  z-index: 2147483646;
  position: absolute;
}
#jr_wrap {
  position: absolute;
  width: 100%;
  z-index: 2147483647;
  padding: 0;
  margin: 0;
}
#jr_inner {
  font-size: 12px;
  background: #2c3e50;
  border: 1px solid #c0392b;
  color: #3e5771;
  margin: 0 auto;
  height: auto;
  padding: 20px;
  position: relative;
  box-sizing: content-box;
}
#jr_header {
  display: block;
  color: #FFF;
  padding: 5px;
  padding-bottom: 0;
  margin: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 1.3em;
  margin-bottom: 0.5em;
}
#jr_inner p {
  padding: 5px;
  margin: 0;
}
#jr_inner ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#jr_inner ul li {
  cursor: pointer;
  float: left;
  width: 120px;
  height: 122px;
  margin: 0 10px 10px 10px;
  padding: 0;
  text-align: center;
}
#jr_inner li a {
  color: #c0392b;
  font-size: 0.8em;
  text-decoration: none;
  padding: 0;
  margin: 0;
}
#jr_inner li a:hover {
  text-decoration: underline;
}
#jr_inner .jr_icon {
  width: 100px;
  height: 100px;
  margin: 1px auto;
  padding: 0;
  background: transparent no-repeat scroll left top;
  cursor: pointer;
}
#jr_close {
  clear: both;
  padding: 0;
  margin: 0;
}
#jr_close a {
  color: #FFF;
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
  text-decoration: underline;
}
#jr_close p {
  padding: 10px 0 0 0;
  margin: 0;
}
div.pagination {
  padding: 5px;
  overflow: hidden;
  clear: both;
  text-align: center;
  border-top: 1px solid #1a242f;
  margin-top: 15px;
}
div.pagination ul {
  display: inline-block;
}
div.pagination li {
  float: left;
}
div.pagination li a {
  display: block;
  min-width: 40px;
  padding: 10px;
  border: 1px solid #2c3e50;
  text-align: center;
  color: #ecf0f1;
  background-color: #1a242f;
  font-size: 1.15em;
}
div.pagination li a:hover {
  background-color: #233140;
}
div.pagination li.active a {
  background-color: #962d22;
  border: 1px solid #c0392b;
}
div.pagination li.previous a,
div.pagination li.next a {
  background-color: #11181f;
}
div.pagination li.disabled a {
  background-color: #080b0e;
  border: 1px solid #11181f;
  color: #2c3e50;
}
footer {
  height: 150px;
  background-color: #080b0e;
  padding: 0 2%;
  border-top: 2px solid #962d22;
  -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
  margin-top: 20px;
}
footer .logo {
  width: 200px;
  float: left;
  margin-right: 50px;
}
footer .logo img {
  width: 180px;
  display: block;
  margin: 45px auto 40px auto;
}
footer .logo span {
  color: #273646;
  display: block;
  text-align: center;
}
footer nav {
  float: left;
  width: 210px;
  margin-top: 15px;
}
footer nav a {
  display: block;
  color: #95a5a6;
  height: 30px;
  line-height: 30px;
  -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  padding: 0 5px;
}
footer nav a:hover {
  text-decoration: underline;
}
footer nav a:hover i {
  color: #c0392b;
}
footer nav a i {
  color: #ab3326;
  padding-right: 10px;
  -webkit-text-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
  text-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
}
footer nav.sec {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
footer:hover nav.sec {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
#upload {
  text-align: left;
  background-color: #11181f;
  overflow: hidden;
  margin-top: 10px;
}
#upload .form-container {
  background: #080b0e;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  text-decoration: none;
  vertical-align: middle;
  padding: 5px 40px;
  width: 600px;
  margin: 0 auto 40px auto;
}
#upload .form-field {
  border: 1px solid #2c3e50;
  background-color: #233140;
  color: #bdc3c7;
  padding: 8px;
  margin-bottom: 5px;
  width: 280px;
  font-size: 14px;
}
#upload .form-field:focus {
  background: #2c3e50;
  color: #ecf0f1;
}
#upload .form-title {
  margin: 3px 0 1px 0;
  color: #bdc3c7;
  -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  font-size: 1.1em;
}
#upload .form-title span {
  color: #962d22;
  text-shadow: none;
  font-size: 1em;
}
#upload .form-info {
  margin: 0 0 3px 0;
  color: #507192;
  font-size: 1em;
}
#upload .inner_box {
  width: 700px;
  margin: 5px auto;
  position: relative;
  overflow: hidden;
}
#upload .head_1 {
  font-size: 1.75em;
  text-align: center;
  padding: 10px 0 0 0;
  font-weight: 400;
  color: #bdc3c7;
}
#upload .head_2 {
  font-size: 1.5em;
  text-align: center;
  padding: 6px 0 15px 0;
  font-weight: 600;
  color: #507192;
}
#upload .upload_button {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  background-color: #c0392b;
  border: 1px solid #81261d;
  cursor: pointer;
  color: #ecf0f1;
  padding: 6px 24px;
  text-decoration: none;
  font-size: 2em;
  font-weight: bold;
  display: block;
  width: 200px;
  margin: 0 auto;
  text-align: center;
}
#upload .upload_button:Hover {
  background-color: #81261d;
}
#upload .upload_button2 {
  padding: 6px 24px;
  font-size: 1.5em;
  width: 140px;
}
#upload .title_form {
  font-size: 1.1em;
  padding: 5px 0;
  text-align: center;
}
#upload .title_form_warn {
  font-size: 1.2em;
  padding: 5px 0;
  text-align: center;
  color: #c0392b;
}
#upload .check-boxes {
  clear: both;
  overflow: hidden;
}
#upload .check-boxes label {
  width: 128px;
  display: block;
  float: left;
  cursor: pointer;
  padding: 4px 0;
  margin: 1px;
  font-size: 0.9em;
  overflow: hidden;
  text-align: center;
  font-weight: 400;
  background-color: #11181f;
  color: #95a5a6;
}
#upload .check-boxes label input {
  display: none;
}
#upload .check-boxes label.is_selected {
  background-color: #81261d !important;
  color: #ecf0f1;
}
#upload .check-boxes label:Hover {
  background-color: #1a242f;
}
#upload .extra_fields {
  height: 0;
  width: 0;
  overflow: hidden;
}
#upload p.desc {
  font-size: 0.9em;
  text-align: center;
  padding: 5px;
  background-color: #11181f;
}
#upload p.desc a {
  color: #c0392b;
}
#upload .progress {
  position: relative;
  width: 400px;
  border: 1px solid #2c3e50;
  padding: 1px;
  border-radius: 3px;
  margin: 10px auto;
  display: none;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  background-color: #080b0e;
}
#upload .bar {
  background-color: #c0392b;
  width: 0%;
  height: 30px;
  border-radius: 3px;
  color: #bdc3c7;
}
#upload .percent {
  position: absolute;
  display: inline-block;
  top: 3px;
  left: 48%;
  font-weight: bold;
  font-size: 19px;
}
#info {
  width: 900px;
  margin: 30px auto;
}
#info nav.sidebar {
  width: 220px;
  float: left;
  background-color: #11181f;
  padding: 5px 0;
  z-index: 10;
}
#info nav.sidebar img {
  width: 150px;
  display: block;
  margin: 0 auto;
}
#info nav.sidebar a {
  display: block;
  color: #95a5a6;
  height: 30px;
  line-height: 30px;
  -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  padding: 0 5px;
}
#info nav.sidebar a:hover {
  text-decoration: underline;
}
#info nav.sidebar a:hover i {
  color: #c0392b;
}
#info nav.sidebar a.active {
  background-color: #ecf0f1;
  color: #c0392b;
  -webkit-text-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
  text-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
}
#info nav.sidebar a i {
  color: #ab3326;
  padding-right: 10px;
  -webkit-text-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
  text-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
}
#info div.content {
  width: 680px;
  float: left;
  background-color: #1a242f;
  min-height: 500px;
  padding: 15px;
  font-size: 1em;
  line-height: 1.2em;
  border: 2px solid #2c3e50;
  margin-left: -3px;
  z-index: -9;
  position: relative;
  line-height: 120%;
}
#info div.content a {
  color: #2c3e50;
  display: inline-block;
  border-bottom: 1px solid #db695d;
  text-decoration: none;
}
#info div.content p {
  padding: 5px 2px;
}
#error {
  width: 100%;
  height: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: #1a242f;
}
#error .box {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 400px;
  background-color: #81261d;
  height: 450px;
  margin: -320px 0 0 -200px;
}
#error .box .logo {
  clear: both;
  display: block;
  overflow: hidden;
  text-align: center;
  margin: 10px 0 30px 0;
}
#error .box .logo img {
  width: 200px;
}
#error .box .message {
  text-align: center;
  color: #bdc3c7;
}
#error .box .message h1 {
  font-size: 2em;
  height: auto;
  line-height: 120px;
  color: #ecf0f1;
}
#error .box .message p {
  font-size: 14px;
  line-height: 30px;
}
#error .box .search {
  padding: 10px;
  background-color: #962d22;
  margin-top: 20px;
  overflow: hidden;
}
#error .box .search .inp {
  height: 43px;
  margin-top: -4px;
  width: 334px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.2);
  font-size: 1.2em;
  line-height: 43px;
  text-indent: 1%;
  float: left;
  color: #ecf0f1;
  border-right: 0;
}
#error .box .search .inp:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
#error .box .search .inp:focus {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: rgba(255, 255, 255, 0.1);
  border-right: 0;
}
#error .box .search .btn {
  background-color: rgba(0, 0, 0, 0.3);
  height: 43px;
  width: 43px;
  text-align: center;
  margin-top: -4px;
  color: #bdc3c7;
  border: 1px solid rgba(0, 0, 0, 0.2);
  float: left;
  font-size: 1.5em;
  border-left: 0;
}
#error .box .search .btn:hover {
  background-color: #962d22;
}
#error .box .home {
  display: block;
  color: #bdc3c7;
  text-align: center;
  padding-top: 20px;
  font-size: 22px;
}
.feedback_button {
  position: fixed;
  bottom: 0;
  right: 40px;
  height: 40px;
  padding: 0 10px;
  line-height: 40px;
  background-color: #080b0e;
  border: 2px solid #2c3e50;
  font-size: 1.2em;
  color: #bdc3c7;
  border-bottom: 0;
}
#feedback_from .text-area-auto {
  height: 250px;
}
#message_from .text-area-auto {
  height: 150px;
}