@charset "UTF-8";
/*---------------------------------------------------
    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;
}
.medal_hoder span {
  display: inline-block;
  position: relative;
  padding-left: 16px;
  font-size: 0.95em;
}
.medal_hoder span.m1 {
  color: #df7c72;
}
.medal_hoder span.m2 {
  color: #bdc3c7;
}
.medal_hoder span.m3,
.medal_hoder span.m4 {
  color: #DAA736;
}
.medal_hoder span img {
  position: absolute;
  width: 16px;
  left: 0;
}
.survey {
  padding: 10px;
  text-align: center;
  margin: 10px 0;
  background-color: #080b0e;
}
.survey a {
  color: #df7c72;
  font-weight: bold;
  text-decoration: underline !important;
}
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 div.top {
  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;
  width: 100%;
  z-index: 100;
}
header div.top ul {
  width: 90%;
  max-width: 1600px;
  margin: 0 auto;
  position: relative !important;
  padding-right: 370px;
}
header div.top ul > li {
  float: left;
  position: relative;
}
header div.top ul > li a {
  color: #ecf0f1;
  font-size: 1.15em;
}
header div.top ul i {
  color: #581a14;
}
header div.top ul li.logo {
  width: 180px;
  height: 60px;
  overflow: hidden;
  padding: 0 5px;
  margin-top: -3px;
}
header div.top ul li.logo a img {
  width: 170px;
}
header div.top ul li.search {
  padding: 10px 5px 10px 12px;
  position: relative;
  float: none;
  margin-left: 180px;
}
header div.top ul 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.top ul li.search form input:hover {
  background-color: #4f1812;
  border: 1px solid #36100c;
}
header div.top ul li.search form input:focus {
  background-color: #43140f;
  border: 1px solid #2e0e0a;
}
header div.top ul 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.top ul li.search form button i {
  color: #ecf0f1;
  font-size: 2em;
}
header div.top ul li.search form button:hover {
  background-color: #962d22;
}
header nav.user {
  width: 90%;
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  background-color: #11181f;
}
header nav.user a {
  color: #95a5a6;
  display: inline-block;
  padding: 5px 5px;
}
header nav.user a i {
  color: #81261d;
}
header nav.user a span {
  background-color: #6d2018;
  min-width: 20px;
  display: inline-block;
  color: #bdc3c7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
}
header nav.user a:hover {
  background-color: #43140f;
}
header nav.main {
  width: 90%;
  max-width: 1600px;
  margin: 5px auto;
  position: relative;
  height: 30px;
}
header nav.main > ul > li {
  position: relative;
  display: block;
  float: left;
}
header nav.main > 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 #2c3e50;
  max-width: 150px;
  overflow: hidden;
  height: 26px;
  background-color: #11181f;
}
header nav.main > ul > li > a i {
  color: #81261d;
}
header nav.main > ul > li > a i.fa-caret-down {
  color: #95a5a6;
}
header nav.main > ul > li .sub_menu {
  position: absolute;
  background: #1a242f;
  background: -webkit-gradient(linear, left top, left bottom, from(#1a242f), to(#141d25));
  background: -webkit-linear-gradient(top, #1a242f, #141d25);
  background: -moz-linear-gradient(top, #1a242f, #141d25);
  background: -ms-linear-gradient(top, #1a242f, #141d25);
  background: -o-linear-gradient(top, #1a242f, #141d25);
  background: linear-gradient(to bottom, #1a242f, #141d25);
  width: 100%;
  border-top: 0;
  left: 0;
  top: 23px;
  z-index: 10000;
  display: none;
  text-align: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
header nav.main > ul > li .sub_menu a {
  display: block;
  padding: 5px;
  color: #bdc3c7;
}
header nav.main > ul > li .sub_menu a i {
  width: 20px;
  text-align: center;
  color: #962d22;
}
header nav.main > ul > li .sub_menu a span {
  float: right;
  color: #db695d;
}
header nav.main > ul > li .sub_menu a:hover {
  background-color: #080b0e;
}
header nav.main > ul > li:hover ul.sub_menu {
  display: block;
}
header nav.main > ul > li:hover > a {
  background-color: #581a14;
  border-color: #81261d;
}
header nav.main a.categories {
  width: 180px;
  max-width: 180px;
  text-align: center;
  margin-right: 6px;
}
header nav.main .lang_switcher,
header nav.main .sex_switcher,
header nav.main .mobile_switcher {
  float: right;
  text-align: right;
}
header nav.main .lang_switcher a,
header nav.main .sex_switcher a,
header nav.main .mobile_switcher a {
  border: 0;
  color: #87999a;
}
header div.userpanel {
  width: 350px;
  position: absolute;
  right: 5%;
  top: 0;
  border-left: 1px solid #601d16;
  border-right: 1px solid #601d16;
  background-color: #6d2018;
  height: 60px;
  padding: 0 5px;
}
header div.userpanel > ul.guest {
  text-align: center;
}
header div.userpanel > ul.guest .welcome {
  color: #ecf0f1;
  font-size: 1.2em;
  padding: 6px 0;
}
header div.userpanel > ul.guest .buttons button {
  padding: 3px;
  width: 160px;
  font-size: 1.15em;
}
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.userpanel > ul.guest .buttons button#bt_signup:hover {
  background-color: #1a242f;
}
header div.userpanel > ul.guest .buttons button#bt_signup i {
  color: #476481;
}
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.userpanel > ul.guest .buttons button#bt_signin:hover {
  background-color: #43140f;
}
header div.userpanel > ul.guest .buttons button#bt_signin i {
  color: #c0392b;
}
header div.userpanel > ul.top {
  margin-top: 6px;
}
header div.userpanel > ul.top li.avatar {
  float: left;
  margin-right: 5px;
  position: relative;
}
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.userpanel > ul.top li.name {
  float: left;
}
header div.userpanel > ul.top li.name a {
  display: block;
  color: #ecf0f1;
  font-size: 1.25em;
  padding: 5px 0;
}
header div.userpanel > ul.top li.medals {
  position: absolute;
  left: 60px;
  top: 38px;
  cursor: pointer;
}
header div.userpanel > ul.top li.upload {
  position: absolute;
  top: 6px;
  right: 5px;
}
header div.userpanel > ul.top li.upload a {
  display: block;
  color: #ecf0f1;
  font-size: 1.2em;
  padding: 5px 0;
  text-align: center;
  width: 120px;
  margin-top: 0;
  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);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.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.pornstar_search {
  width: 150px;
  margin-bottom: 10px;
  text-align: center;
}
#browse div.pornstar_search a.image {
  display: block;
  position: relative;
  color: #df7c72;
}
#browse div.pornstar_search a.image img {
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#browse div.pornstar_search a.image span {
  position: absolute;
  display: inline-block;
  padding: 5px;
  background-color: #080b0e;
  color: #bdc3c7;
  -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);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 0.8em;
}
#browse div.pornstar_search a.image span.views {
  left: 2px;
  bottom: 25px;
}
#browse div.pornstar_search a.image span.videos {
  right: 2px;
  bottom: 25px;
}
#browse div.pornstar_search a.title {
  display: block;
  text-align: center;
  color: #df7c72;
  font-size: 1.3em;
  padding: 5px 0;
}
#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 {
  padding-top: 10px;
  margin-bottom: 10px;
  min-height: 300px;
}
#home div.results a.more_videos {
  margin: 5px auto;
  display: block;
  width: 300px;
}
#home div.results i {
  color: #c0392b;
}
#home div.results h3.empty {
  font-size: 1.5em;
  text-align: center;
  padding-top: 30px;
}
#home div.results p.empty {
  font-size: 1.2em;
  text-align: center;
  padding-top: 10px;
  color: #df7c72;
}
#home div.home_tabs ul.horizontal {
  text-align: center;
}
#home div.home_tabs ul.horizontal li {
  display: inline-block;
  width: 15%;
}
#home div.home_tabs ul.horizontal li a {
  display: block;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-size: 1.3em;
  color: #95a5a6;
  border: 1px solid #2c3e50;
  border-bottom: 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 3px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#home div.home_tabs ul.horizontal li a i {
  color: #3e5771;
}
#home div.home_tabs ul.horizontal li a:hover {
  color: #ecf0f1;
}
#home div.home_tabs ul.horizontal li.active a {
  background-color: #080b0e;
  color: #c0392b;
}
#home div.home_tabs ul.horizontal li.active a i {
  color: #df7c72;
}
.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: 26px;
  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 .thumb .i-len {
  min-width: 20px;
  padding: 0 3px;
  height: 15px;
  position: absolute;
  bottom: 2%;
  right: 2%;
  overflow: hidden;
  background-color: #1a242f;
  color: #ecf0f1;
  font-size: 0.8em;
  text-align: center;
  line-height: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -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 .thumb .i-len i {
  color: #95a5a6 !important;
}
.video-list .video-item .thumb:visited img.cover {
  -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);
}
.video-list .video-item .i-wl {
  width: 28px;
  height: 28px;
  position: absolute;
  bottom: 25%;
  right: 2%;
  overflow: hidden;
  background-color: #080b0e;
  color: #ecf0f1;
  font-size: 1.2em;
  text-align: center;
  line-height: 28px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -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);
  display: none;
  cursor: pointer;
}
.video-list .video-item .i-wl:hover {
  background-color: #2c3e50;
}
.video-list .video-item .i-wl i {
  color: #ecf0f1 !important;
}
.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: 28%;
  height: 20px;
  display: inline-block;
  text-align: center;
  color: #507192;
  font-size: 0.85em;
  overflow: hidden;
}
.video-list .video-item ul li i {
  float: left;
  padding: 5px 0 0 5px;
  color: #354b60 !important;
}
.video-list .video-item ul li:first-child {
  width: 40%;
}
.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 .i-len,
.video-list .video-item:hover .i-fe,
.video-list .video-item:hover .rate,
.video-list .video-item:hover .view {
  display: none !important;
}
.video-list .video-item:hover .i-wl {
  display: block;
}
.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_holder {
  position: relative;
  height: 150px;
  overflow: hidden;
}
#playlist_holder h3 a {
  color: #507192;
}
#playlist_holder #playlist_prev_page,
#playlist_holder #playlist_next_page {
  height: 105px;
  line-height: 105px;
  padding: 0 5px;
  background-color: #81261d;
  position: absolute;
  left: 0;
  top: 35px;
  z-index: 100;
  color: #ecf0f1;
  -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);
  font-size: 2em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#playlist_holder #playlist_prev_page:hover,
#playlist_holder #playlist_next_page:hover {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
#playlist_holder #playlist_next_page {
  right: 0;
  left: auto;
}
#playlist_list {
  position: absolute;
  left: 0;
  top: 35px;
}
#playlist_list .video-item-active {
  background-color: #81261d !important;
}
#playlist_list .video-item {
  width: 160px;
  padding: 5px;
  position: relative;
  display: block;
  float: left;
  vertical-align: top;
  zoom: 1;
  background-color: #1a242f;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#playlist_list .video-item .thumb {
  display: block;
  width: 100%;
  position: relative;
  height: 0;
  padding: 56% 0 0 0;
  overflow: hidden;
}
#playlist_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;
}
#playlist_list .video-item .thumb .i-len {
  min-width: 20px;
  padding: 0 3px;
  height: 15px;
  position: absolute;
  bottom: 2%;
  right: 2%;
  overflow: hidden;
  background-color: #1a242f;
  color: #ecf0f1;
  font-size: 0.8em;
  text-align: center;
  line-height: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -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);
}
#playlist_list .video-item .thumb .i-len i {
  color: #95a5a6 !important;
}
#playlist_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;
  color: #95a5a6;
}
.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 .i-wl {
  width: 28px;
  height: 28px;
  position: absolute;
  bottom: 2%;
  right: 2%;
  overflow: hidden;
  background-color: #080b0e;
  color: #ecf0f1;
  font-size: 1.2em;
  text-align: center;
  line-height: 28px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -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);
  cursor: pointer;
  display: none;
}
.video-similar .video-item .i-wl:hover {
  background-color: #2c3e50;
}
.video-similar .video-item .i-wl i {
  color: #ecf0f1 !important;
}
.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 .video-item:hover .i-wl {
  display: block;
}
.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,
.video-similar .is_rotating .i-wl {
  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 .left .warning_process {
  background-color: #81261d;
  color: #df7c72;
  text-align: center;
  padding: 10px;
  margin-bottom: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#video .player {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 5px 0;
  min-height: 350px;
}
#video nav.toolbar {
  height: 50px;
  line-height: 50px;
  width: 100%;
  margin-top: 10px;
}
#video 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 nav.toolbar ul li:hover {
  background-color: #962d22;
}
#video nav.toolbar ul li.active {
  background-color: #c0392b !important;
}
#video nav.toolbar ul.left_set {
  float: left;
}
#video nav.toolbar ul.left_set li.hot {
  background-color: #43140f;
}
#video nav.toolbar ul.left_set li.hot:hover {
  background-color: #962d22;
}
#video nav.toolbar ul.left_set li.not {
  background-color: #080b0e;
}
#video nav.toolbar ul.left_set li.not:hover {
  background-color: #962d22;
}
#video nav.toolbar ul.left_set li.rate {
  width: 75px;
  position: relative;
  background-color: #000000;
  cursor: default;
}
#video nav.toolbar ul.left_set li.rate span {
  display: block;
  background-color: #2e0e0a;
  height: 42px;
  position: absolute;
  left: 0;
  top: 0;
}
#video nav.toolbar ul.left_set li.rate strong {
  position: absolute;
  left: 22px;
  top: 0px;
}
#video nav.toolbar ul.left_set li.gf {
  background-color: #43140f;
}
#video nav.toolbar ul.left_set li.gf:hover {
  background-color: #81261d;
}
#video nav.toolbar ul.right_set {
  float: right;
}
#video 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;
  position: relative;
}
#video section.details div.top {
  overflow: hidden;
  padding: 5px 0;
  border-bottom: 1px solid #2c3e50;
}
#video section.details div.top .left_side {
  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 span.medals {
  display: block;
  float: left;
  padding: 15px 10px 0 0;
}
#video section.details div.top .left_side .ft-button {
  margin-top: 5px;
}
#video section.details div.top .left_side .subs_count {
  background-color: #2c3e50;
  color: #95a5a6;
  margin-left: -5px;
  -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;
  padding-left: 4px;
  padding-right: 4px;
}
#video section.details div.top .right_side {
  text-align: right;
  font-size: 2em;
  font-weight: 200;
  color: #233140;
  position: absolute;
  top: 60px;
  right: 10px;
}
#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.details div.bottom a.bt_tag_video {
  display: inline-block;
  padding: 2px 5px;
  margin-left: 10px;
  border: 1px solid #080b0e;
  background-color: #962d22;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #bdc3c7;
}
#video section.details div.bottom a.bt_tag_video i {
  color: #df7c72;
}
#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.text {
  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%;
}
#video_container {
  /* a wrapper element that tracks the mouse vertically */
  /* the thumbnail image itself */
  /* fade in the thumbnail when hovering over the progress bar */
  /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
  /* ... but hide the thumbnail when hovering directly over it */
}
#video_container * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
#video_container video,
#video_container .vjs-poster {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#video_container .promo {
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 10000000;
}
#video_container .promo a {
  display: inline-block;
  padding: 3px 5px;
  background-color: #2c3e50;
  color: #ecf0f1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#video_container .promo a i {
  color: #df7c72;
}
#video_container .vjs-resolution-button .vjs-menu-icon:before {
  content: '\f110';
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
  font-size: 1.8em;
  line-height: 1.67em;
}
#video_container .vjs-resolution-button .vjs-resolution-button-label {
  font-size: 1em;
  line-height: 3em;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  box-sizing: inherit;
}
#video_container .vjs-resolution-button .vjs-menu .vjs-menu-content {
  width: 4em;
  left: 50%;
  /* Center the menu, in it's parent */
  margin-left: -2em;
  /* half of width, to center */
}
#video_container .vjs-resolution-button .vjs-menu li {
  text-transform: none;
  font-size: 1em;
}
#video_container .vjs-thumbnail-holder {
  position: absolute;
  left: -1000px;
  height: 90px;
  width: 120px;
  background-color: #080b0e;
  bottom: 60px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #2c3e50;
}
#video_container .vjs-thumbnail {
  position: absolute;
  left: 0;
  bottom: 1.3em;
  opacity: 0;
  transition: opacity .2s ease;
  -webkit-transition: opacity .2s ease;
  -moz-transition: opacity .2s ease;
  -mz-transition: opacity .2s ease;
}
#video_container .vjs-progress-control:hover .vjs-thumbnail,
#video_container .vjs-progress-control.fake-active .vjs-thumbnail,
#video_container .vjs-progress-control:active .vjs-thumbnail {
  opacity: 1;
}
#video_container .vjs-progress-control:hover .vjs-thumbnail:hover,
#video_container .vjs-progress-control:active .vjs-thumbnail:active {
  opacity: 0;
}
.vjs-skin-twitchy {
  color: #ecf0f1;
  font-size: 1em;
}
.vjs-skin-twitchy .vjs-big-play-button {
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  border: 2px solid #507192;
  background-color: rgba(26, 36, 47, 0.7);
  width: 2em;
  height: 1.33em;
  line-height: 1.33em;
  font-size: 8em;
  -webkit-border-radius: 0.1em;
  -moz-border-radius: 0.1em;
  border-radius: 0.1em;
  margin: 0;
}
.vjs-skin-twitchy:hover .vjs-big-play-button,
.vjs-skin-twitchy .vjs-big-play-button:focus {
  background-color: #1a242f;
  border: 2px solid #3e5771;
}
.vjs-skin-twitchy .vjs-control-bar {
  background: #11181f;
  background: -webkit-gradient(linear, left top, left bottom, from(#1a242f), to(#11181f));
  background: -webkit-linear-gradient(top, #1a242f, #11181f);
  background: -moz-linear-gradient(top, #1a242f, #11181f);
  background: -ms-linear-gradient(top, #1a242f, #11181f);
  background: -o-linear-gradient(top, #1a242f, #11181f);
  background: linear-gradient(to bottom, #1a242f, #11181f);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
}
.vjs-skin-twitchy .vjs-play-control {
  width: 2.5em;
}
.vjs-skin-twitchy .vjs-time-controls {
  -webkit-box-ordinal-group: 9;
  -moz-box-ordinal-group: 9;
  -ms-flex-order: 9;
  -webkit-order: 9;
  order: 9;
}
.vjs-skin-twitchy .vjs-current-time,
.vjs-skin-twitchy .vjs-no-flex .vjs-current-time {
  display: block;
}
.vjs-skin-twitchy .vjs-duration,
.vjs-skin-twitchy .vjs-no-flex .vjs-duration {
  display: block;
}
.vjs-skin-twitchy .vjs-time-divider {
  display: block;
}
.vjs-skin-twitchy .vjs-slider {
  background-color: #81261d;
}
.vjs-skin-twitchy .vjs-slider {
  margin: 0;
}
.vjs-skin-twitchy .vjs-control.vjs-progress-control {
  height: 0.5em;
  width: 100%;
}
.vjs-skin-twitchy .vjs-control.vjs-progress-control .vjs-play-progress,
.vjs-skin-twitchy .vjs-control.vjs-progress-control .vjs-load-progress {
  height: 0.5em;
}
.vjs-skin-twitchy .vjs-control.vjs-progress-control:hover {
  height: 1.5em;
  top: -1.5em;
}
.vjs-skin-twitchy .vjs-control.vjs-progress-control:hover .vjs-play-progress,
.vjs-skin-twitchy .vjs-control.vjs-progress-control:hover .vjs-load-progress {
  height: 1.5em;
}
.vjs-skin-twitchy .vjs-progress-control {
  display: border-box;
  position: absolute;
  top: -0.5em;
  left: 0;
  right: 0;
}
.vjs-skin-twitchy .vjs-load-progress div {
  background-color: #6d2018;
}
.vjs-skin-twitchy .vjs-load-progress {
  background-color: #6d2018;
  height: 0.5em;
}
.vjs-skin-twitchy .vjs-play-progress {
  background-color: #581a14;
  height: 0.5em;
}
.vjs-skin-twitchy .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1em;
}
.vjs-skin-twitchy .vjs-play-progress:before {
  color: #df7c72;
}
.vjs-skin-twitchy .vjs-progress-holder {
  height: 100%;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  -o-transition: height 0.5s;
  transition: height 0.5s;
}
.vjs-skin-twitchy .vjs-progress-control:hover .vjs-mouse-display,
.vjs-skin-twitchy .vjs-progress-control:hover .vjs-mouse-display:after,
.vjs-skin-twitchy .vjs-progress-control:hover .vjs-play-progress:after {
  background-color: #080b0e;
  color: #ecf0f1;
  font-size: 10px;
}
.vjs-skin-twitchy .vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0em;
}
.vjs-skin-twitchy .vjs-volume-level {
  background-color: #81261d;
}
.vjs-skin-twitchy .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
  top: 1.3em;
}
.vjs-skin-twitchy .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-handle {
  left: 4.3em;
  top: 2em;
}
.vjs-skin-twitchy .vjs-mute-control {
  width: 2.5em;
}
.vjs-skin-twitchy .vjs-volume-bar .vjs-volume-handle:before {
  font-size: 2em;
  top: 2em;
  left: -0.1em;
  content: "▮";
}
.vjs-skin-twitchy .vjs-custom-control-spacer {
  display: flex;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}
.vjs-skin-twitchy .vjs-fullscreen-control {
  text-align: right;
  padding-right: 5px;
  -webkit-box-ordinal-group: 10;
  -moz-box-ordinal-group: 10;
  -ms-flex-order: 10;
  -webkit-order: 10;
  order: 10;
}
.vjs-skin-twitchy .vjs-fullscreen-control:before {
  position: relative;
}
.vjs-skin-twitchy .vjs-remaining-time-display {
  display: none;
}
.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 160px;
  font-size: 1.1em;
  line-height: 130%;
  max-width: 70%;
  width: auto;
}
.comments .comm span.reply {
  cursor: pointer;
  color: #3e5771;
  display: inline-block;
  padding-top: 5px;
  margin-right: 10px;
}
.comments .comm span.reply i {
  color: #2c3e50;
}
.comments .comm .side {
  width: 150px;
  float: left;
  border-right: 1px solid #1a242f;
}
.comments .comm .comment_form {
  padding-left: 160px;
}
.comments .comm .comment_form .text-area {
  height: 50px !important;
}
.comments .comm .replies {
  margin: 10px 0 10px 160px;
  padding: 5px;
  background-color: #1a242f;
}
#pornstars {
  overflow: hidden;
}
#pornstars ul.results li {
  float: left;
  margin: 0.5%;
  width: 15.5%;
}
#pornstars ul.results li a.image {
  display: block;
  position: relative;
}
#pornstars ul.results li a.image img {
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#pornstars ul.results li a.image span {
  position: absolute;
  display: inline-block;
  padding: 5px;
  background-color: #080b0e;
  color: #bdc3c7;
  -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);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#pornstars ul.results li a.image span.views {
  left: 2px;
  bottom: 5px;
}
#pornstars ul.results li a.image span.videos {
  right: 2px;
  bottom: 5px;
}
#pornstars ul.results li a.title {
  display: block;
  text-align: center;
  color: #df7c72;
  font-size: 1.3em;
  padding: 5px 0;
}
#pornstar .left {
  width: 215px;
  float: left;
  height: 100%;
  overflow: hidden;
  margin-top: -45px;
  z-index: 500;
  position: relative;
}
#pornstar .right {
  margin-left: 220px;
  margin-top: 10px;
}
#pornstar .right .video-item {
  width: 24.8%;
}
#pornstar .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;
}
#pornstar .user .photo {
  padding: 5px 0;
}
#pornstar .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;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#pornstar .user .info {
  padding: 5px 0 20px 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;
  text-align: left;
  line-height: 1.5em;
}
#pornstar .user .info span {
  color: #507192;
}
#pornstar nav.top {
  height: 34px;
  overflow: hidden;
  padding-left: 220px;
  background-color: #080b0e;
  text-transform: uppercase;
  text-align: center;
}
#pornstar nav.top a {
  display: block;
  float: left;
  height: 34px;
  line-height: 26px;
  padding: 0 15px;
  margin: 0 2px;
  color: #bdc3c7;
  border-bottom: 3px solid transparent;
  font-size: 0.9em;
}
#pornstar nav.top a.active {
  color: #c0392b;
  border-bottom-color: #c0392b;
}
#pornstar nav.top a:hover {
  color: #c0392b;
  border-bottom-color: #c0392b;
}
#pornstar nav.top a span {
  display: block;
  font-size: 1.3em;
  color: #95a5a6;
  font-weight: 600;
}
.profile .left {
  width: 215px;
  float: left;
  height: 100%;
  overflow: hidden;
  margin-top: -110px;
  z-index: 500;
  position: relative;
}
.profile .left .similar_users {
  padding: 5px;
  margin: 5px 0;
  background-color: #11181f;
}
.profile .left .similar_users h3 {
  color: #3e5771;
}
.profile .left .similar_users a {
  color: #ecf0f1;
  font-size: 1.1em;
  display: block;
  padding: 3px 0;
}
.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;
  position: relative;
}
.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 .head .status {
  position: absolute;
  left: 230px;
  bottom: 10px;
  padding: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #080b0e;
}
.profile .head .status span {
  color: #c0392b;
  font-style: italic;
}
.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;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.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 h2 a {
  float: right;
  color: #c0392b;
  padding: 0 5px;
}
#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: #507192;
  font-size: 1.2em;
  margin-right: 5px;
}
#user-panel .data .pending-video a {
  color: #ecf0f1;
}
#user-panel .data .pending-video-wt {
  padding: 1px 0px 5px 30px;
  color: #507192;
  margin-top: -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 .uploaded_video_list li {
  border-bottom: 1px solid #1a242f;
  overflow: hidden;
}
#user-panel .uploaded_video_list li span {
  display: block;
  float: left;
  padding: 5px;
}
#user-panel .uploaded_video_list li .t {
  width: 10%;
}
#user-panel .uploaded_video_list li .t img {
  width: 100%;
}
#user-panel .uploaded_video_list li .n {
  width: 30%;
}
#user-panel .uploaded_video_list li .v {
  width: 7%;
  font-size: 1.5em;
  text-align: center;
}
#user-panel .uploaded_video_list li .d {
  width: 12%;
}
#user-panel .uploaded_video_list li .e a {
  display: inline-block;
  color: #c0392b;
  padding: 5px;
  background-color: #1a242f;
}
#user-panel .uploaded_video_list li.h {
  background-color: #1a242f;
  color: #507192;
}
#user-panel .uploaded_video_list li.h .v {
  font-size: 1em;
  text-align: center;
}
#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: 850px;
  margin: 0;
}
#user-panel .edit_accout ul li label.main {
  width: 150px;
  background-color: #354b60;
}
#user-panel .edit_accout .thumbnails img {
  width: 18%;
  border: 6px solid #11181f;
  cursor: pointer;
}
#user-panel .edit_accout .thumbnails img.active {
  border-color: #81261d !important;
}
#user-panel .edit_accout .thumbnails img:hover {
  border-color: #507192;
}
#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 .broadcast_list li {
  background: #1a242f;
  border: 3px solid #080b0e;
  padding: 5px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  width: 33%;
  float: left;
}
#user-panel .broadcast_list li .u {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #080b0e;
  overflow: hidden;
}
#user-panel .broadcast_list li .u img {
  width: 50px;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#user-panel .broadcast_list li .u a {
  display: inline-block;
  padding: 5px;
  color: #507192;
  font-weight: bold;
}
#user-panel .broadcast_list li .u .date {
  display: block;
  text-indent: 5px;
  font-size: 0.9em;
  color: #354b60;
}
#user-panel .broadcast_list li div.txt {
  padding: 5px;
}
#user-panel .broadcast_list li a.re {
  display: block;
  text-align: center;
  background-color: #11181f;
  padding: 5px;
  margin: 5px -5px -5px -5px;
  color: #81261d;
}
#user-panel .broadcast_list li div.card {
  overflow: hidden;
  margin: 5px 0;
  padding: 5px;
  border: 1px solid #11181f;
  background-color: #161f29;
}
#user-panel .broadcast_list li div.card img {
  width: 150px;
  height: 85px;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-right: 10px;
}
#user-panel .broadcast_list li div.card a.link {
  color: #95a5a6;
}
#user-panel .broadcast_list li div.card span.ext {
  display: block;
  color: #3e5771;
  padding-top: 5px;
}
#user-panel .broadcast_list li div.user_card img {
  width: 75px;
  height: 75px;
}
#user-panel .achievements .achievement {
  border: 1px solid #2c3e50;
  padding: 10px;
  margin: 5px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#user-panel .achievements .achievement h3 {
  padding-bottom: 5px;
  color: #ecf0f1;
}
#user-panel .achievements .achievement h3 i {
  color: #3e5771;
}
#user-panel .achievements .achievement h3 .n {
  display: inline-block;
  width: 250px;
}
#user-panel .achievements .achievement h3 .l,
#user-panel .achievements .achievement h3 .m {
  display: inline-block;
  width: 80px;
  color: #81261d;
}
#user-panel .achievements .achievement h3 .m {
  width: 400px;
}
#user-panel .achievements .achievement p {
  color: #df7c72;
  padding: 5px 0;
}
#user-panel .achievements .achievement .progress {
  height: 30px;
  line-height: 30px;
  position: relative;
  text-align: center;
  border: 1px solid #1a242f;
  background-color: #080b0e;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
}
#user-panel .achievements .achievement .progress span {
  z-index: 1000;
  position: absolute;
}
#user-panel .achievements .achievement .progress .inner {
  position: absolute;
  height: 28px;
  left: 0;
  top: 0;
  background-color: #81261d;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  z-index: 0;
}
#user-panel .achievements .achievement .stats {
  color: #507192;
}
#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.f div {
  display: inline-block;
  margin-left: 15px;
  -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);
}
#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 0;
  background-color: #233140;
  clear: both;
  text-align: center;
}
#user-panel .message .reply_form .message_actions {
  text-align: center;
  padding: 10px 0 0 0;
}
#user-panel .message .reply_form .message_actions span {
  display: inline-block;
  padding: 5px;
  background-color: #233140;
  border: 1px solid #1a242f;
  cursor: pointer;
  width: 150px;
  color: #507192;
}
#user-panel .message .reply_form .message_actions span:hover {
  background-color: #080b0e;
}
#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;
}
.big-text-black {
  background-color: #080b0e;
  width: 100%;
  max-width: 400px;
  height: 40px;
  color: #df7c72;
  padding: 4px;
  font-size: 1.3em;
  border-top: solid 1px #222;
  border-left: solid 1px #333;
  border-right: solid 1px #111;
  border-bottom: solid 1px #111;
  -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);
}
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_main {
  display: none;
}
.download-remodal .download_captcha .image_holder {
  padding: 10px;
}
.download-remodal .download_captcha .image_holder p {
  padding: 50px;
}
.download-remodal .download_captcha .image_holder img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.download-remodal .download_captcha fieldset {
  padding-bottom: 20px;
}
.download-remodal .download_captcha fieldset label {
  width: 23%;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: left;
  background-color: #080b0e;
  margin: 2px;
}
.download-remodal .download_captcha fieldset label:hover {
  background-color: #233140;
}
.download-remodal .download_captcha fieldset label input {
  margin-right: 7px;
  margin-left: 3px;
}
.download-remodal .download_captcha .download_captcha_button {
  display: none;
}
.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: 210px;
  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);
}
footer .ids {
  float: right;
  height: 150px;
  line-height: 200px;
}
#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: 950px;
  margin: 0 auto 40px auto;
}
#upload .form-field {
  border: 1px solid #2c3e50;
  background-color: #233140;
  color: #bdc3c7;
  padding: 8px;
  margin-bottom: 5px;
  width: 550px;
  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: 950px;
  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,
#upload .radio-boxes {
  clear: both;
  overflow: hidden;
}
#upload .check-boxes label,
#upload .radio-boxes label {
  width: 120px;
  display: block;
  float: left;
  cursor: pointer;
  padding: 6px 0;
  margin: 1px;
  font-size: 1em;
  overflow: hidden;
  text-align: center;
  font-weight: 400;
  background-color: #11181f;
  color: #bdc3c7;
}
#upload .check-boxes label input,
#upload .radio-boxes label input {
  display: none;
}
#upload .check-boxes label.is_selected,
#upload .radio-boxes label.is_selected {
  background-color: #81261d !important;
  color: #ecf0f1;
}
#upload .check-boxes label:Hover,
#upload .radio-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;
}
/**
 * Multiple Selection Component for Bootstrap
 * Check nicolasbize.github.io/magicsuggest/ for latest updates.
 *
 * Author:       Nicolas Bize
 * Created:      Feb 8th 2013
 * Last Updated: Oct 16th 2014
 * Version:      2.1.4
 * Licence:      MagicSuggest is licenced under MIT licence (http://opensource.org/licenses/MIT)
 */
.ms-ctn {
  position: relative;
  border: 1px solid #2c3e50;
  background-color: #233140;
  color: #bdc3c7;
  padding: 8px;
  margin-bottom: 5px;
  width: 550px;
  font-size: 14px;
  height: auto;
}
.ms-inv {
  border: 1px solid #CC0000;
}
.ms-ctn-readonly {
  cursor: pointer;
}
.ms-ctn-disabled {
  cursor: not-allowed;
  background-color: #eeeeee;
}
.ms-ctn-bootstrap-focus,
.ms-ctn-bootstrap-focus .ms-res-ctn {
  border-color: rgba(82, 168, 236, 0.8) !important;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ms-ctn-focus {
  background: #2c3e50;
  color: #ecf0f1;
}
.ms-ctn input {
  border: 0;
  box-shadow: none;
  -webkit-transition: none;
  outline: none;
  display: block;
  padding: 0;
  line-height: 1.42857143;
  margin: 1px 0;
  width: 100%;
  background-color: transparent !important;
  color: #bdc3c7 !important;
  font-size: 14px;
}
.ms-ctn .ms-sel-ctn input {
  float: left;
}
.ms-ctn-disabled input {
  cursor: not-allowed;
  background-color: #eeeeee;
}
.ms-ctn .ms-input-readonly {
  cursor: pointer;
}
.ms-ctn .ms-empty-text {
  color: #DDD;
}
.ms-ctn input:focus {
  border: 0;
  box-shadow: none;
  -webkit-transition: none;
  background: #FFF;
}
.ms-ctn input::-ms-clear {
  width: 0;
  height: 0;
}
.ms-ctn .ms-trigger {
  top: 0;
  width: 25px;
  height: 100%;
  position: absolute;
  right: 0;
  background: transparent;
  border-left: 1px solid #CCC;
  cursor: pointer;
}
.ms-ctn .ms-trigger .ms-trigger-ico {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #333;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  margin-left: 8px;
  margin-top: 15px;
}
.ms-ctn .ms-trigger:hover {
  background-color: #e6e6e6;
}
.ms-ctn .ms-trigger:hover .ms-trigger-ico {
  background-position: 0 -4px;
}
.ms-ctn-disabled .ms-trigger {
  cursor: not-allowed;
  background-color: #eeeeee;
}
.ms-ctn-bootstrap-focus {
  border-bottom: 1px solid #CCC;
}
.ms-res-ctn {
  width: 100%;
  display: block;
  overflow-y: auto;
  margin-top: 5px;
  background-color: #1a242f;
}
.ms-res-ctn .ms-res-group {
  line-height: 23px;
  text-align: left;
  padding: 2px 5px;
  font-weight: bold;
  border-bottom: 1px dotted #11181f;
  border-top: 1px solid #11181f;
  background: #1a242f;
  color: #bdc3c7;
}
.ms-res-ctn .ms-res-item {
  line-height: 25px;
  text-align: left;
  padding: 2px 5px;
  color: #bdc3c7;
  cursor: pointer;
}
.ms-res-ctn .ms-res-item-grouped {
  padding-left: 15px;
}
.ms-res-ctn .ms-res-odd {
  background: #11181f;
}
.ms-res-ctn .ms-res-item-active {
  background-color: #080b0e;
}
.ms-res-ctn .ms-res-item-disabled {
  color: #CCC;
  cursor: default;
}
.ms-sel-ctn {
  overflow: auto;
  line-height: 18px;
  padding-right: 25px;
}
.ms-no-trigger .ms-sel-ctn {
  padding-right: 0;
}
/** Outer and global tags **/
.ms-sel-ctn .ms-sel-item {
  background: #080b0e;
  color: #ecf0f1;
  float: left;
  font-size: 14px;
  padding: 3px 5px;
  border-radius: 3px;
  border: 1px solid #1a242f;
  margin: 3px 0px 1px 0;
}
.ms-sel-ctn .ms-sel-invalid {
  border-color: 1px solid #1a242f !important;
  background: #FDF2F2 !important;
}
.ms-sel-ctn .ms-sel-item:hover {
  border: 1px solid #3e5771;
}
/** For inner tags **/
.ms-ctn .ms-sel-item {
  background: #080b0e;
  color: #ecf0f1;
  float: left;
  font-size: 14px;
  padding: 0 5px;
  border-radius: 3px;
  border: 1px solid #1a242f;
  margin: 1px 5px 1px 0;
}
.ms-ctn .ms-sel-item:hover {
  border: 1px solid #3e5771;
}
.ms-ctn-focus .ms-sel-item:hover {
  border: 1px solid #3e5771;
}
.ms-sel-ctn .ms-sel-text {
  background: #FFF;
  color: #666;
  padding-right: 0;
  margin-left: 0;
  font-size: 14px;
  font-weight: normal;
}
.ms-as-string .ms-sel-text {
  border-color: transparent;
}
.ms-res-ctn .ms-res-item em {
  font-style: normal;
  background: #565656;
  color: #FFF;
}
.ms-sel-ctn .ms-sel-text:hover {
  background: #FFF;
}
.ms-sel-ctn .ms-sel-item-active {
  border: 1px solid red;
  background: #757575;
}
.ms-stacked .ms-sel-item {
  float: inherit;
}
.ms-sel-ctn .ms-sel-item .ms-close-btn {
  width: 7px;
  cursor: pointer;
  height: 7px;
  float: right;
  margin: 6px 2px 0 10px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAOCAYAAADjXQYbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAEZ0FNQQAAsY58+1GTAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABSSURBVHjahI7BCQAwCAOTzpThHMHh3Kl9CVos9XckFwQAuPtGuWTWwMwaczKzyHsqg6+5JqMJr28BABHRwmTWQFJjTmYWOU1L4tdck9GE17dnALGAS+kAR/u2AAAAAElFTkSuQmCC);
  background-position: 0 -7px;
}
.ms-sel-ctn .ms-sel-item .ms-close-btn:hover {
  background-position: 0 0;
}
.ms-stacked .ms-sel-item .ms-close-btn {
  margin-left: 0px;
}
.ms-helper {
  color: #AAA;
  font-size: 10px;
  position: absolute;
  top: -17px;
  right: 0;
}
.ms-ctn.input-lg .ms-trigger .ms-trigger-ico {
  margin-top: 17px;
}
.ms-ctn.input-sm .ms-trigger .ms-trigger-ico {
  margin-top: 13px;
}
.ms-ctn.input-lg .ms-sel-ctn .ms-sel-item {
  padding-top: 2px;
  padding-bottom: 3px;
}
.ms-ctn.input-sm .ms-sel-ctn {
  line-height: 15px;
}
.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item {
  padding-top: 1px;
  padding-bottom: 1px;
  margin-top: 0;
  margin-bottom: 0;
}
.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item .ms-close-btn {
  margin-top: 4px;
}
.ms-ctn .ms-sel-ctn {
  margin-left: -7px;
}
.ms-ctn .ms-trigger:hover {
  width: 24px;
  right: 1px;
  border-radius: 0 3px 3px 0;
}
#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;
}