/**********************************************************
  GLOBAL VARIABLES
**********************************************************/
/* General background color */
/* Used in the header . */
/* Used for footer. */
/* Used for list items.*/
/* Used for buttons. */
/* Used for text over the background. */
/* Used for nav bar icons and. */
/**********************************************************
  CALCULATED VARIABLES 
**********************************************************/
/**********************************************************
   CUSTOM MIXINS
***********************************************************/
/**********************************************************
  JQ UI STYLES
**********************************************************/
html {
  background-color: #000;
}
body {
  -ms-touch-action: none;
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
}
* {
  -webkit-user-select: none;
  /* Prevent copy paste for all elements except text fields */

  -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
  /* Set highlight color for user interaction */

  -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
  -webkit-touch-callout: none;
  /* prevent the popup menu on any links */

  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
a:focus {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
  /* Set highlight color for user interaction */

  -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
}
input,
textarea {
  -webkit-user-select: text;
}
/* Allow text selection for input and text fields */
input[type="text"],
input[type="password"] {
  -webkit-user-modify: read-write-plaintext-only;
}
input.fullfeatured {
  -webkit-user-modify: read-write;
}
#jQUi {
  /**********************************************************
  DISPLAY PARAMETERS
**********************************************************/

  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 100%;
  overflow: hidden;
  -webkit-text-size-adjust: none;
  -webkit-box-sizing: border-box;
  display: -webkit-box;
  /* Orient first container vertically */

  -webkit-box-orient: vertical;
  /* Stretch child elements to fit the container */

  -webkit-box-align: stretch;
  /**********************************************************
  DEFAULT STYLES
**********************************************************/

  background-color: #242423;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #ffffff;
  /**********************************************************
  TAG ATTRIBUTES
**********************************************************/

  /* UI GRADIENTS (mixins to be used in header, footer, buttons, etc.) */

  /**********************************************************
  MASTHEAD
**********************************************************/

  /*Masthead box */

  /* Masthead text */

  /**********************************************************
  CONTENT AREA
**********************************************************/

  /* Accounts for positioning of the content area, which is everything below the masthead/header and above the navbar. */

  /**********************************************************
  NAV BAR
**********************************************************/

  /* #navbar a {
        position: relative;
        width: 62px;  height: 60px;
        display: inline-block;
        margin: 0px auto;
        font:normal 11px/102px Arial, Helvetica, sans-serif;
        text-decoration: none;
        color: @color-text-dark;
        text-align: center;
        .navbarAMixin(@color-text-dark);
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
    } */

  /* Custom footers - always hidden */

  /* Show the active header/footer/navs */

  /**********************************************************
  SIDE-SLIDING MENU
**********************************************************/

  /*menu on/off mechanism, note .hasMenu.off and #menu.on default to no transform*/

  /* Masthead text */
  /**********************************************************
    BUTTON STYLES
**********************************************************/

  /* Styling for CSS-generated buttons, including the back button. These buttons can bue used anywhere in the UI. */

  /* Behavior of button for touch interaction. */

  /* Sets up positioning of the back button which appears in the header */

  /* sets up sizing and handling of excess text for the type in the back button */

  /**********************************************************
  LIST NAV AND ITEMS
**********************************************************/

  /* A plain, non-interactive list item--best suited to a heading. */

  /* A touchable, interactive list item. */

  /* A selected and active states for interactive list items. */

  /*  .collapsed:before {
        display:none;
        float:right;
        content:'';
        color:transparent;
        background:transparent;
        width:30px; height:30px; 
        display: block;
        border-radius:18px;
        position:absolute;
        top:8px; right:5px;
    }*/

  /*  .expanded:before {
        display:none;
        float:right;
        content:'';
        color:transparent;
        background:transparent;
        width:30px; height:30px;
        display:block;
        border-radius:18px;
        position:absolute;
        top:8px; right:5px;
    }*/

  /**********************************************************
  MISCELLANEOUS UI ELEMENTS
**********************************************************/

  /* Sets the color of the scrollbar */

  /**********************************************************
  FORM ELEMENTS
**********************************************************/

  /* Style for subhead for a group of labels/inputs within a fieldset. */

  /* The paragraph within a fieldset is used as a wrapper to help manage the replacement of native input elements. */

  /* This is the name that appears at the top left of the fieldset. */

  /* These properties determine the look of textarea inputs. */

  /* These properties combine to create the look of the input fields. */

  /* Styling for the labels. */

  /* Following block of paragraph classes sets up the usage of the custom radio and checkbox graphics. */

  /* Styles for "checked." */

  /* Styles for "hover/focus." */

  /* Styles for "active." */

  /**********************************************************
  SLIDER CONTROL
**********************************************************/

  /* Blocks rendering of the native radio controls. */

  /* Styles for "disabled." */

  /**********************************************************
  ACTION SHEET
**********************************************************/

  /**********************************************************
  POPUP
**********************************************************/

  /** This can be your default scrollbar class. You must use !important to override the default inline styles */

  /* Since the styles are built in, you have to override values with !important */

  /* Row of selected item */

  /* Button (radio) for the found item in the list */

  /* Row for items in the list */

  /* button for the items in the list */

  /* class for the item text displayed */

  /* Header for select box */

  /* div that holds the options listed*/

}
#jQUi img {
  border: none;
}
#jQUi p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 21px;
  color: #ffffff;
  padding: 12px;
}
#jQUi h1 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-overflow: ellipsis;
}
#jQUi a {
  text-decoration: none;
}
#jQUi .gradient1 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #22496c), color-stop(50%, #28577f), color-stop(50%, #162f45));
  background-image: -webkit-linear-gradient(top, color-stop(0%, #22496c), color-stop(50%, #28577f), color-stop(50%, #162f45));
  background-image: linear-gradient(to bottom, color-stop(0%, #22496c), color-stop(50%, #28577f), color-stop(50%, #162f45));
}
#jQUi .gradient2 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #415363), color-stop(50%, #2d3944), color-stop(50%, #232c35), color-stop(100%, #0f1216));
  background-image: -webkit-linear-gradient(top, color-stop(0%, #415363), color-stop(50%, #2d3944), color-stop(50%, #232c35), color-stop(100%, #0f1216));
  background-image: linear-gradient(to bottom, color-stop(0%, #415363), color-stop(50%, #2d3944), color-stop(50%, #232c35), color-stop(100%, #0f1216));
}
#jQUi .gradient3 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4b6072), color-stop(90%, #2d3944));
  background-image: -webkit-linear-gradient(top, color-stop(0%, #4b6072), color-stop(90%, #2d3944 90%));
  background-image: linear-gradient(to bottom, color-stop(0%, #4b6072), color-stop(90%, #2d3944));
}
#jQUi .gradient4 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #dddddd), color-stop(100%, #aaaaaa));
  background-image: -webkit-linear-gradient(top, color-stop(10%, #dddddd), color-stop(100%, #040607));
  background-image: linear-gradient(to bottom, color-stop(10%, #dddddd), color-stop(100%, #aaaaaa));
}
#jQUi #header {
  display: block;
  left: 0px;
  right: 0px;
  height: 48px;
  z-index: 250;
  border-top: 1px solid #3a3a3a;
  border-bottom: 1px solid #000000;
  background-clip: padding-box;
  background: #212121;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #212121), color-stop(1, #313131));
  background: -webkit-linear-gradient(bottom, #212121 0%, #313131 100%);
}
#jQUi #header h1 {
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 80px;
  width: 100%;
  height: 48px;
  line-height: 44px !important;
  text-align: center !important;
  z-index: 1;
  font-size: 14px;
}
#jQUi #header .button-sidebar,
#jQUi #header .button-back,
#jQUi #header .button-helper {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 0 10px;
  line-height: 48px;
  height: 48px;
  background: transparent;
  text-overflow: ellipsis;
  color: #fff;
  text-decoration: none;
  font-size: 22px;
  z-index: 2;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
}
#jQUi #header .button-sidebar .icon-back,
#jQUi #header .button-back .icon-back,
#jQUi #header .button-helper .icon-back {
  display: inline-block;
  line-height: 48px;
  height: 48px;
}
#jQUi #header .button-helper {
  right: 0;
  left: auto;
}
#jQUi #header .button-action {
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 0 10px;
  line-height: 48px;
  height: 48px;
  vertical-align: top;
  text-decoration: none;
  color: #fff;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  z-index: 2;
}
#jQUi #header .button-action .inner {
  margin: 7px 0;
  padding: 0 7px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  background-clip: padding-box;
  background: #5fa701;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5fa701), color-stop(1, #aedf34));
  background: -webkit-linear-gradient(bottom, #5fa701 0%, #aedf34 100%);
  -webkit-box-shadow: inset 0 1px 0 #4d8500;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  border: 1px solid #000;
  max-width: 70px;
}
#jQUi #header .button-action .inner.icon {
  font-size: 24px;
}
#jQUi .button-action.share .icon-share {
  display: inline-block;
  height: 46px;
  font-size: 22px;
  vertical-align: top;
  line-height: 46px;
}
#jQUi .seperator-header.left-inner {
  left: 0;
}
#jQUi .seperator-header.right-inner {
  right: 0;
}
#jQUi #header .seperator-header {
  position: absolute;
  height: 47px;
  border-left: 1px solid #171818;
  border-right: 1px solid #3a3a3a;
}
#jQUi #header .seperator-header.left {
  left: 44px;
}
#jQUi #header .seperator-header.right {
  right: 70px;
}
#jQUi #header .seperator-header.right.publish {
  right: 89px;
}
#jQUi #header .seperator-header.right.helper {
  right: 42px;
}
#jQUi #header .seperator-header.right.icon {
  right: 60px;
}
#jQUi #content {
  position: absolute;
  top: 48px;
  bottom: 62px;
  left: 0px;
  right: 0px;
  display: block;
  z-index: 180;
  overflow: hidden;
}
#jQUi #login,
#jQUi #register,
#jQUi #tos,
#jQUi #privacy_policy {
  background: #164264;
  /* Old browsers */

  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #164264), color-stop(100%, #03192b));
  /* Chrome,Safari4+ */

  background: -webkit-radial-gradient(center, ellipse cover, #164264 0%, #03192b 100%);
  /* Chrome10+,Safari5.1+ */

  background: radial-gradient(ellipse at center, #164264 0%, #03192b 100%);
  /* W3C */

}
#jQUi .panel {
  -webkit-backface-visibility: hidden;
  display: none;
  z-index: 180;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: auto !important;
  -ms-overflow-style: -ms-autohiding-scrollbar !important;
  background: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-perspective: 1000;
}
#jQUi .panel > * {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}
#jQUi #navbar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  min-height: 51px;
  padding: 0 1px;
  border-top: 1px solid #566c81;
  -webkit-box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.4);
  text-align: center !important;
  border-top: 1px solid #3a3a3a;
  border-bottom: 1px solid #000000;
  background-clip: padding-box;
  background: #212121;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #212121), color-stop(1, #313131));
  background: -webkit-linear-gradient(bottom, #212121 0%, #313131 100%);
}
#jQUi #navbar .inner.comments,
#jQUi #navbar .inner.delete {
  min-width: 105px;
}
#jQUi #navbar > .wrapper-multiple_buttons.nav-feed > a {
  width: 20%;
  height: 51px;
  line-height: normal;
  vertical-align: top;
}
#jQUi #navbar > .wrapper-multiple_buttons.nav-feed > a .text-feed_user,
#jQUi #navbar > .wrapper-multiple_buttons.nav-feed > a .text-feed_featured,
#jQUi #navbar > .wrapper-multiple_buttons.nav-feed > a .text-feed_hot,
#jQUi #navbar > .wrapper-multiple_buttons.nav-feed > a .text-feed_new,
#jQUi #navbar > .wrapper-multiple_buttons.nav-feed > a .text-feed_star {
  display: inline-block;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: 0;
  margin-bottom: 5px;
}
#jQUi #navbar > .wrapper-multiple_buttons.nav-feed > a > .inner {
  display: block;
  width: 40px;
  margin: 5px auto 0;
}
#jQUi #navbar .wrapper-select {
  margin: 9px 7px;
  position: relative;
}
#jQUi #navbar select {
  width: 100%;
  padding: 5px;
  height: 30px;
  color: #fff;
  font-size: 14px;
  -webkit-appearance: none;
  -webkit-box-shadow: inset 0 1px 0 #444;
  background-clip: padding-box;
  background: #212121;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #212121), color-stop(1, #313131));
  background: -webkit-linear-gradient(bottom, #212121 0%, #313131 100%);
  border: 1px solid #000;
  border-radius: 3px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#jQUi #navbar select:focus {
  outline: 0;
}
#jQUi #navbar .wrapper-select .dropdown {
  position: absolute;
  background: red;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background-clip: padding-box;
  background: #121212;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #121212), color-stop(1, #262626));
  background: -webkit-linear-gradient(bottom, #121212 0%, #262626 100%);
  border: 1px solid #000;
  -webkit-box-shadow: inset 0 1px 0 #444;
}
#jQUi #navbar .dropdown .icon-arrow_down {
  display: inline-block;
  margin-top: 7px;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
}
#jQUi #navbar .button-action {
  display: inline-block;
  top: 0px;
  padding: 0 10px;
  line-height: 40px;
  text-decoration: none;
  color: #fff;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  z-index: 2;
}
#jQUi #navbar .button-action .inner {
  margin: 7px 0;
  padding: 0 7px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  background-clip: padding-box;
  background: #a60101;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #a60101), color-stop(1, #de3450));
  background: -webkit-linear-gradient(bottom, #a60101 0%, #de3450 100%);
  -webkit-box-shadow: inset 0 1px 0 #a70101;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  border: 1px solid #000;
}
#jQUi #navbar .button-action .icon-delete,
#jQUi #navbar .button-action .icon-comments {
  display: inline-block;
  padding: 0 3px 0 0;
}
#jQUi #navbar .button-action.blue .inner {
  -webkit-box-shadow: inset 0 1px 0 #036fa9;
  background-clip: padding-box;
  background: #016ea6;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #016ea6), color-stop(1, #4aa1eb));
  background: -webkit-linear-gradient(bottom, #016ea6 0%, #4aa1eb 100%);
}
#jQUi #navbar .button-action.rate_up.ratted .inner,
#jQUi #navbar .button-action.subscribe .inner {
  background-clip: padding-box;
  background: #5fa701;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5fa701), color-stop(1, #aedf34));
  background: -webkit-linear-gradient(bottom, #5fa701 0%, #aedf34 100%);
  -webkit-box-shadow: inset 0 1px 0 #4d8500;
}
#jQUi #navbar .button-action.rate_up .inner {
  background-clip: padding-box;
  background: #545454;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #545454), color-stop(1, #8a8a8a));
  background: -webkit-linear-gradient(bottom, #545454 0%, #8a8a8a 100%);
  -webkit-box-shadow: inset 0 1px 0 #000;
}
#jQUi #navbar .button-action.subscribed .inner {
  background-clip: padding-box;
  background: #5fa701;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5fa701), color-stop(1, #aedf34));
  background: -webkit-linear-gradient(bottom, #5fa701 0%, #aedf34 100%);
  -webkit-box-shadow: inset 0 1px 0 #000;
}
#jQUi #navbar a:active,
#jQUi #navbar a:focus,
#jQUi #navbar a:active:focus,
#jQUi #navbar a.selected {
  background-color: rgba(15, 18, 22, 0.7);
}
#jQUi #navbar a:not(:last-of-type) {
  border-right: 1px solid #3a3a3a;
  border-left: 1px solid #171818;
}
#jQUi #navbar a:first-child {
  border-left: 0;
}
#jQUi #navbar a:last-child {
  border-left: 1px solid #171818;
}
#jQUi #navbar .icon:before {
  position: absolute;
  top: -10px;
  left: 10px;
  font-size: 48px;
  line-height: 62px;
  text-align: center;
}
#jQUi .jq-badge {
  -webkit-box-direction: reverse;
  position: absolute;
  top: 2px;
  right: 2px;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  background: red;
  border: 2px solid white;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.65);
  font: normal 12px/18px Arial, Helvetica, sans-serif;
  color: white;
  text-align: center;
  text-overflow: ellipsis;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  z-index: 100;
}
#jQUi .jq-badge.br {
  top: auto;
  bottom: 2px;
  left: auto;
  right: 2px;
}
#jQUi .jq-badge.bl {
  -webkit-box-direction: normal !important;
  top: auto;
  bottom: 2px;
  left: 2px;
  right: auto;
}
#jQUi .jq-badge.tl {
  -webkit-box-direction: normal !important;
  top: 2px;
  bottom: auto;
  left: 2px;
  right: auto;
}
#jQUi li .jq-badge {
  right: 32px !important;
}
#jQUi footer,
#jQUi header,
#jQUi nav {
  display: none;
}
#jQUi #navbar footer,
#jQUi #menu nav,
#jQUi #header header {
  display: block;
}
#jQUi #navbar .nav-feed .button-action {
  padding: 0 6px 0 4px;
}
#jQUi #navbar .nav-feed .button-action .inner {
  font-size: 20px;
  padding: 0 7px;
}
#jQUi #navbar .nav-feed .button-action.default .inner {
  background-clip: padding-box;
  background: #5fa701;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5fa701), color-stop(1, #aedf34));
  background: -webkit-linear-gradient(bottom, #5fa701 0%, #aedf34 100%);
  -webkit-box-shadow: inset 0 1px 0 #4d8500;
}
#jQUi .hasMenu,
#jQUi .hasMenu.off {
  position: absolute !important;
  left: 0px !important;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
#jQUi .hasMenu.to-on {
  -webkit-transition: -webkit-transform 150ms;
  transition: transform 150ms;
}
#jQUi .hasMenu.on,
#jQUi .hasMenu.to-on {
  -webkit-transform: translate3d(230px, 0px, 0px);
  transform: translate(230px, 0px);
}
#jQUi .hasMenu.to-off {
  -webkit-transition: -webkit-transform 150ms;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transition: transform 150ms;
  transform: translate(0px, 0px);
}
#jQUi #menu.on {
  /* Need to fix */

  -webkit-transform: none;
  -webkit-transition: none;
  transform: none;
  transition: none;
  box-shadow: 3px 0 10px rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
#jQUi #menu.to-on {
  -webkit-transition: -webkit-transform 150ms;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transition: transform 150ms;
  transform: translate(0px, 0px);
}
#jQUi #menu.to-off {
  -webkit-transition: -webkit-transform 150ms;
  transition: transform 150ms;
}
#jQUi #menu,
#jQUi #menu.off,
#jQUi #menu.to-off {
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate(0px, 0px);
}
#jQUi #menu.on {
  left: 0px !important;
}
#jQUi #menu {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  z-index: 1;
  width: 230px;
  height: 100%;
  background: #212121;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
#jQUi #menu_scroller {
  padding-bottom: 10px;
  -webkit-backface-visibility: hidden;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: auto !important;
  -ms-overflow-style: -ms-autohiding-scrollbar !important;
}
#jQUi #menu > * {
  width: 100%;
  margin: 0 auto;
}
#jQUi .jqMenuHeader {
  position: relative;
  height: 44px;
  line-height: 44px;
  overflow: hidden;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  border-top: 1px solid #3a3a3a;
  border-bottom: 1px solid #000000;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
}
#jQUi .jqMenuClose {
  /* position: absolute;
        top: 5px;
        right: 10px;
        z-index: 2; */

  display: none;
}
#jQUi #menu .title {
  margin: 12px 0 3px;
  font-size: 16px;
  font-weight: bold;
}
#jQUi #menu ul {
  margin-bottom: 5px;
}
#jQUi #menu ul > li {
  padding-left: 10px;
  display: block;
  width: 100%;
  height: 28px;
  list-style: none;
  background: inherit;
}
#jQUi #menu ul > li > a {
  display: block;
  width: 100%;
  height: 28px;
  margin-left: -10px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 25px;
  padding-left: 6px;
  color: #ffffff;
  text-decoration: none;
  border-style: solid;
  border-width: 1px;
  border-color: #585855 #3e3e3c #171716 #3e3e3c;
  background: #3e3e3c;
}
#jQUi #menu ul > li > a:after {
  content: "";
}
#jQUi .button {
  position: relative;
  display: inline-block;
  height: 36px;
  min-width: 60px;
  padding: 0px 8px;
  margin: 6px;
  cursor: pointer;
  z-index: 1;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  background-color: #dddddd;
  border: 1px solid #dddddd;
  border: 1px solid #9d9d9d;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #040404;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  font-weight: bold;
  line-height: 34px;
  text-decoration: none;
  text-align: center;
  text-overflow: ellipsis;
}
#jQUi .button.selected {
  border: 1px solid #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #dddddd), color-stop(100%, #aaaaaa));
  background-image: -webkit-linear-gradient(top, color-stop(10%, #dddddd), color-stop(100%, #040607));
  background-image: linear-gradient(to bottom, color-stop(10%, #dddddd), color-stop(100%, #aaaaaa));
}
#jQUi #backButton {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  max-width: 60px;
  text-overflow: ellipsis;
}
#jQUi #backButton > div {
  max-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#jQUi .menuButton {
  position: relative;
  width: 48px;
  height: 100%;
  padding: 12px 12px;
  border-left: 1px solid #000000;
  box-shadow: 1px 0 0 #28577f inset;
  background-color: transparent;
  display: inline-block;
}
#jQUi .menuButton:active {
  background-color: rgba(40, 87, 127, 0.7);
}
#jQUi .menuButton:before {
  content: '';
  position: absolute;
  width: 50%;
  height: 4px;
  border-radius: 20px;
}
#jQUi .menuButton:after {
  content: '';
  position: absolute;
  top: 30px;
  width: 50%;
  height: 4px;
  border-radius: 20px;
}
#jQUi .modalbutton {
  position: absolute;
  top: 0px;
  right: 5px;
  width: 58px;
  height: 32px;
  line-height: 32px;
  z-index: 9999;
}
#jQUi .closebutton {
  position: relative;
  float: right;
  top: 6px;
  right: 6px;
  display: block;
  height: 24px !important;
  width: 24px !important;
  border-radius: 12px;
  border: 1px solid #666;
  background: #fff;
  color: #333;
  font: bold 21px/18px 'Arial Black', Arial Black, Gadget, Arial, Helvetica, sans-serif;
  text-align: center;
  text-decoration: none;
}
#jQUi .closebutton:before {
  content: 'x';
}
#jQUi .closebutton.selected,
#jQUi .closebutton.modalButton.selected {
  color: #fff;
  background: #333;
}
#jQUi ul > li {
  display: block;
  width: 100%;
  height: 48px;
  list-style: none;
  background: #2d3944;
}
#jQUi ul > li > a {
  display: block;
  width: 100%;
  height: 48px;
  border-width: 1px;
  border-style: solid;
  border-color: #566c81 transparent #040607 transparent;
  padding-left: 8px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 10.5px;
  line-height: 48px;
  text-decoration: none;
}
#jQUi ul > li > a:after {
  content: ">";
  position: absolute;
  font-size: 14px;
  right: 15px;
}
#jQUi ul > li > a.selected,
#jQUi ul > li.selected {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4b6072), color-stop(90%, #2d3944));
  background-image: -webkit-linear-gradient(top, color-stop(0%, #4b6072), color-stop(90%, #2d3944 90%));
  background-image: linear-gradient(to bottom, color-stop(0%, #4b6072), color-stop(90%, #2d3944));
}
#jQUi .collapsed:after {
  float: right;
  content: '';
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  display: block;
  position: absolute;
  top: 19px;
  right: 12px;
}
#jQUi .expanded:after {
  float: right;
  content: '';
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  display: block;
  position: absolute;
  top: 16px;
  right: 12px;
}
#jQUi #modalContainer {
  width: 100%;
}
#jQUi #modalContainer > * {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}
#jQUi #jQui_modal {
  display: none;
  -webkit-backface-visibility: hidden;
  z-index: 9999 !important;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  overflow: hidden;
  background: #242423 !important;
  -webkit-perspective: 1000;
}
#jQUi .jqmScrollbar {
  background-color: #ffffff !important;
}
#jQUi fieldset h4 {
  text-align: left;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 10.5px;
  line-height: 21px;
  margin-bottom: -8px;
  margin-top: 8px;
}
#jQUi fieldset {
  margin: 12px 8px;
  padding: 12px 18px 12px 18px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #2d3944;
  outline: 0;
  width: 95%;
}
#jQUi fieldset p {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 0px;
  padding-bottom: 8px;
  padding-top: 8px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 10px;
  background: transparent;
  height: 37px !important;
  -webkit-box-shadow: none;
}
#jQUi legend {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17.5px;
  font-weight: bold;
  overflow: hidden;
  color: #ffffff;
  text-transform: uppercase;
}
#jQUi textarea.jq-ui-forms {
  display: block;
  margin: 4px 0 18px;
  padding: 8px;
  border: solid 1px #ffffff;
  outline: 0;
  color: #ffffff;
  background: #242423;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.5);
  box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.5);
  width: 85%;
  min-height: 150px;
  line-height: 120%;
}
#jQUi input.jq-ui-forms {
  display: inline-block;
  width: 65%;
  margin-top: 4px;
  margin-bottom: 12px;
  padding: 8px;
  border: solid 1px #2d3944;
  outline: 0;
  color: #ffffff;
  background: #242423;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.30000000000000004);
  box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.30000000000000004);
}
#jQUi input.jq-ui-forms[type=checkbox],
#jQUi input.jq-ui-forms[type=radio] {
  position: absolute;
  left: 0;
  -webkit-appearance: none;
  opacity: 0;
  margin-bottom: 30px;
  width: 0px;
}
#jQUi input.jq-ui-forms[type=checkbox] + label,
#jQUi input.jq-ui-forms[type=radio] + label {
  float: left;
  font-size: 15px;
  font-weight: bold;
  line-height: 26px;
  /* changing this value will change the vertical relationship to the radios & checkboxes. */

  margin-left: 10px;
  padding-left: 30px;
  background: url(data:image/png;base64,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) 0 0px no-repeat;
  background-repeat: none;
  height: 25px;
}
#jQUi input.jq-ui-forms[type=radio] + label {
  background-position: 0 -225px;
}
#jQUi input.jq-ui-forms[type=checkbox] + label {
  background-position: 0 -25px;
}
#jQUi input.jq-ui-forms[type=radio]:checked + label {
  background-position: 0 -300px;
}
#jQUi input.jq-ui-forms[type=radio]:hover:checked + label,
#jQUi input.jq-ui-forms[type=radio]:focus:checked + label,
#jQUi input.jq-ui-forms[type=radio]:checked + label:hover,
#jQUi input.jq-ui-forms[type=radio]:focus:checked + label {
  background-position: 0 -300px;
}
#jQUi input.jq-ui-forms[type=checkbox]:checked + label {
  background-position: 0 -100px;
}
#jQUi input.jq-ui-forms[type=checkbox]:hover:checked + label,
#jQUi input.jq-ui-forms[type=checkbox]:focus:checked + label,
#jQUi input.jq-ui-forms[type=checkbox]:checked + label:hover,
#jQUi input.jq-ui-forms[type=checkbox]:focus:checked + label {
  background-position: 0 -100px;
}
#jQUi input.jq-ui-forms[type=checkbox]:hover + label,
#jQUi input.jq-ui-forms[type=checkbox]:focus + label,
#jQUi input.jq-ui-forms[type=checkbox] + label:hover {
  background-position: 0 0 x;
}
#jQUi input.jq-ui-forms[type=radio]:hover + label,
#jQUi input.jq-ui-forms[type=radio]:focus + label,
#jQUi input.jq-ui-forms[type=radio] + label:hover {
  background-position: 0 -200px;
}
#jQUi input.jq-ui-forms[type=checkbox]:active + label,
#jQUi input.jq-ui-forms[type=checkbox] + label:hover:active {
  background-position: 0 0px;
}
#jQUi input.jq-ui-forms[type=radio]:active + label,
#jQUi input.jq-ui-forms[type=radio] + label:hover:active {
  background-position: 0 -200px;
}
#jQUi input.jq-ui-forms[type=checkbox]:active:checked + label,
#jQUi input.jq-ui-forms[type=checkbox]:checked + label:hover:active {
  background-position: 0 -100px;
}
#jQUi input.jq-ui-forms[type=radio]:active:checked + label,
#jQUi input.jq-ui-forms[type=radio]:checked + label:hover:active {
  background-position: 0 -300px;
}
#jQUi input.jq-ui-forms[type=checkbox]:disabled + label,
#jQUi input.jq-ui-forms[type=checkbox]:hover:disabled + label,
#jQUi input.jq-ui-forms[type=checkbox]:focus:disabled + label,
#jQUi input.jq-ui-forms[type=checkbox]:disabled + label:hover,
#jQUi input.jq-ui-forms[type=checkbox]:disabled + label:hover:active {
  background-position: 0 -175px;
  opacity: .5 !important;
}
#jQUi input.jq-ui-forms[type=radio]:disabled + label,
#jQUi input.jq-ui-forms[type=radio]:hover:disabled + label,
#jQUi input.jq-ui-forms[type=radio]:focus:disabled + label,
#jQUi input.jq-ui-forms[type=radio]:disabled + label:hover,
#jQUi input.jq-ui-forms[type=radio]:disabled + label:hover:active {
  background-position: 0 -250px;
  opacity: .5 !important;
}
#jQUi input.jq-ui-forms[type=checkbox]:disabled:checked + label,
#jQUi input.jq-ui-forms[type=checkbox]:hover:disabled:checked + label,
#jQUi input.jq-ui-forms[type=checkbox]:focus:disabled:checked + label,
#jQUi input.jq-ui-forms[type=checkbox]:disabled:checked + label:hover,
#jQUi input.jq-ui-forms[type=checkbox]:disabled:checked + label:hover:active {
  background-position: 0 -200px;
  opacity: .5 !important;
}
#jQUi input.jq-ui-forms[type=radio]:disabled:checked + label,
#jQUi input.jq-ui-forms[type=radio]:hover:disabled:checked + label,
#jQUi input.jq-ui-forms[type=radio]:focus:disabled:checked + label,
#jQUi input.jq-ui-forms[type=radio]:disabled:checked + label:hover,
#jQUi input.jq-ui-forms[type=radio]:disabled:checked + label:hover:active {
  background-position: 0 -375px;
  opacity: .5 !important;
}
#jQUi input.jq-ui-forms[type=radio]:active:checked + label,
#jQUi input.jq-ui-forms[type=checkbox]:active:checked + label,
#jQUi input.jq-ui-forms[type=radio]:active + label,
#jQUi input.jq-ui-forms[type=checkbox]:active + label,
#jQUi input.jq-ui-slider[type=checkbox]:checked + label,
#jQUi input.jq-ui-slider[type=radio]:checked + label {
  background-position: -28px 0px;
}
#jQUi input.jq-ui-slider {
  position: absolute;
  left: 0;
  opacity: 0;
  -webkit-appearance: none;
  display: none;
}
#jQUi input.jq-ui-slider + label {
  float: left;
  font-size: 15px;
  font-weight: normal;
  line-height: 24px;
  /* changing this value will change the vertical relationship to the radios & checkboxes. */

  margin-left: 10px;
  padding-left: 57px;
  color: #fff;
  background-image: url(data:image/png;base64,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);
  height: 24px;
  width: 57px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#jQUi input.jq-ui-slider[type=radio]:disabled:checked + label,
#jQUi input.jq-ui-slider[type=radio]:focus:disabled:checked + label,
#jQUi input.jq-ui-slider[type=checkbox]:disabled:checked + label,
#jQUi input.jq-ui-slider[type=checkbox]:focus:disabled:checked + label {
  background-position: -29px 0px;
  opacity: .7 !important;
}
#jQUi input.jq-ui-slider[type=checkbox]:disabled + label,
#jQUi input.jq-ui-slider[type=checkbox]:focus:disabled + label,
#jQUi input.jq-ui-slider[type=radio]:disabled + label,
#jQUi input.jq-ui-slider[type=radio]:focus:disabled + label {
  background-position: 0 0;
  opacity: .7 !important;
}
#jQUi select[disabled] ~ div {
  opacity: .7;
}
#jQUi #jq_actionsheet {
  position: absolute;
  left: 0px;
  right: 0px;
  padding: 10px;
  margin: auto;
  float: left;
  z-index: 9999;
  background: rgba(22, 47, 69, 0.95);
  border-top: 1px solid #2f6492;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
#jQUi #jq_actionsheet a {
  display: block;
  height: 36px;
  width: 300px;
  padding: 0 12px;
  margin: 0 auto 12px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  background-color: #dddddd;
  border: 1px solid #9d9d9d;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #040404;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  line-height: 34px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
#jQUi #jq_actionsheet a.selected {
  border: 1px solid #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #dddddd), color-stop(100%, #aaaaaa));
  background-image: -webkit-linear-gradient(top, color-stop(10%, #dddddd), color-stop(100%, #040607));
  background-image: linear-gradient(to bottom, color-stop(10%, #dddddd), color-stop(100%, #aaaaaa));
}
#jQUi #jq_actionsheet a.cancel {
  background-color: red;
  border-color: maroon;
  color: white;
}
#jQUi #jq_actionsheet a.cancel.selected {
  border-color: white;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0000), color-stop(100%, #800000));
  background-image: -webkit-linear-gradient(top, color-stop(0%, #ff0000), color-stop(100%, #800000));
  background-image: linear-gradient(to bottom, color-stop(0%, #ff0000), color-stop(100%, #800000));
}
#jQUi .jqPopup {
  float: left;
  display: block;
  position: absolute;
  width: 300px;
  z-index: 1000000;
  margin: auto !important;
  background: #242423;
  box-shadow: 0 0 18px rgba(36, 36, 35, 0.8);
  border-radius: 3px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
#jQUi .jqPopup.hidden {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  top: 50%;
  left: 50%;
  margin: 0 auto;
}
#jQUi .jqPopup header {
  display: block !important;
  font-size: 14px;
  padding: 10px;
  font-weight: bold;
}
#jQUi .jqPopup div {
  padding: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 15.75px;
  font-weight: normal;
}
#jQUi .jqPopup footer {
  float: left;
  padding: 5px;
  background: red;
  display: block !important;
  width: 100%;
  text-align: center;
  border-top: 1px solid #3a3a3a;
  border-bottom: 1px solid #000000;
  background-clip: padding-box;
  background: #212121;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #212121), color-stop(1, #313131));
  background: -webkit-linear-gradient(bottom, #212121 0%, #313131 100%);
  border-radius: 0 0 3px 3px;
}
#jQUi .jqPopup #cancel,
#jQUi .jqPopup #action {
  border-radius: 3px;
  color: #fff;
  margin: 0;
  padding: 0 7px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  border: 1px solid #000;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
  -webkit-background-clip: padding-box;
  text-transform: uppercase;
}
#jQUi .jqPopup #action {
  background-clip: padding-box;
  background: #a60101;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #a60101), color-stop(1, #de3450));
  background: -webkit-linear-gradient(bottom, #a60101 0%, #de3450 100%);
  -webkit-box-shadow: inset 0 1px 0 #a70101;
}
#jQUi .jqPopup #cancel {
  background-clip: padding-box;
  background: #5fa701;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5fa701), color-stop(1, #aedf34));
  background: -webkit-linear-gradient(bottom, #5fa701 0%, #aedf34 100%);
  -webkit-box-shadow: inset 0 1px 0 #4d8500;
}
#jQUi .jqPopup footer a#cancel {
  float: left;
}
#jQUi .jqPopup footer a#action {
  float: right;
  margin-right: 4px;
}
#jQUi .jqPopup footer a.center {
  float: none!important;
  width: 80%;
  margin: 8px;
}
#jQUi .scrollBar {
  position: absolute !important;
  width: 5px !important;
  height: 20px !important;
  border-radius: 2px !important;
  border: 1px solid black !important;
  background: black !important;
  opacity: 0 !important;
}
/* @media handheld, only screen and (min-width: 768px) {
    #jQUi {
        .hasMenu, .hasMenu.on  {
            position:absolute !important;
            left:230px !important;
            -webkit-transition: all 0ms !important;
            -webkit-transform:translate3d(0,0,0);
            transform:translate(0px,0px);
            transition:all 0ms !important;
        }

        #badgephone { display:none !important; }
        #badgetablet { display:inline-block !important; }
        .jqMenuClose { display:none !important; }
        
        nav~#menu {
            z-index:200 !important;
            width:230px !important;
            height:100% !important;
            position:absolute !important;  left:0px !important;
            -webkit-transform:translate3d(0,0,0) !important;
            -webkit-transition:none !important;
            transform:translate(0px,0px);
            transition:none !important;
        }
        .hasMenu.to-on {
            -webkit-transition: none !important;
            transition:none !important;
        }
        .hasMenu.on, .hasMenu.to-on {
            -webkit-transform:translate3d(0px,0px,0px) !important;
            -webkit-transition:none !important;
            transform:translate(0px,0px);
            transition:none !important;
        }
        .hasMenu.to-off {
            -webkit-transform:translate3d(0px,0px,0px) !important;
            -webkit-transition:none !important;
            transform:translate(0px,0px);
            transition:none !important;
        }
    }
   
}*/
/* Additional global styles */
/**********************************************************
  LOAD SCREEN
**********************************************************/
#splashscreen {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 100%;
  left: 0px;
  min-height: 100%;
  background: #000;
  color: white !important;
  font-size: 30px;
  text-align: center;
  z-index: 9999;
  display: block;
  margin: 0 auto !important;
  padding-top: 80px !important;
  background: #164264;
  /* Old browsers */

  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #164264), color-stop(100%, #03192b));
  /* Chrome,Safari4+ */

  background: -webkit-radial-gradient(center, ellipse cover, #164264 0%, #03192b 100%);
  /* Chrome10+,Safari5.1+ */

  background: radial-gradient(ellipse at center, #164264 0%, #03192b 100%);
  /* W3C */

}
.splashscreen {
  background: #242423 !important;
  padding-left: 40px;
  padding-top: 30px !important;
  min-height: 100%;
}
.ui-icon {
  background: rgba(0, 0, 0, 0.4);
  background-repeat: no-repeat;
  border-radius: 9px;
}
.ui-loader {
  display: none;
  position: absolute;
  opacity: .85;
  z-index: 100;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -35px;
  padding: 10px 30px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
}
.ui-loader h1 {
  margin-top: 5px;
  font-size: 15px;
  text-align: center;
}
.ui-loader .ui-icon {
  position: static;
  display: block;
  opacity: .9;
  margin: 0 auto;
  width: 35px;
  height: 35px;
  background-color: transparent;
}
#splashscreen .ui-icon {
  display: inline-block;
}
.spin {
  -webkit-transform: rotate(360deg);
  -webkit-animation-name: spin;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.ui-icon-loading {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjBAMAAADs965qAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX////x8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHvvEhiAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAAK6wAACusBgosNWgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAEaSURBVCiRY2AgATCapaUqoIiIzN5z5syZJiQRltW7gUJ3705C6OraDRG6GwATkli1evdusNBTuKJVq3c4MjBX3733DqqMfdWqFWDbau+9ewIRspy5KgHMYL737g1EX+fMaVAjbN+9KwDLzZxZAHPMu3cXwEbNnAl397p3YDslOmD6GBjs/v8AURodzXAh3v+/QZRHRyNciPP/f4hQA1yIHVMICtzLC9CFzMuL0IXEy0vQhdjK0+BsRqgv0tIMYEKCggJgmbS0QJgiQUEIwy0tVQCmCCokmhYaCFMElWMKDQ01BIkoKcKEGFRDQ1yMlISUgEIwe5iAQi7GxkpKSjBFwMh2cXEGCSkiOVcFLIQswsAgZGxshCpCBgAA0FNYp5zwDegAAAAASUVORK5CYII=);
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-size: 35px 35px;
}
.ui-corner-all {
  border-radius: 3px;
}
#mask {
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999999;
  position: absolute;
  top: 0;
  left: 0;
}
#jQui_mask {
  position: absolute;
  top: 45%;
}
/**********************************************************
  CUSTOM SIDEBAR
**********************************************************/
#menu .bar-heading {
  padding: 0 34px 0 9px;
  font-weight: bold;
  background-clip: padding-box;
  background: #212121;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #212121), color-stop(1, #313131));
  background: -webkit-linear-gradient(bottom, #212121 0%, #313131 100%);
  border-top: 1px solid #30302f;
  border-bottom: 1px solid #000;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
}
#menu .bar-heading #toggle-sites-icon {
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
}
#menu .bar-heading .holder-username {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  color: #fff;
}
#menu .bar-heading.large {
  height: 48px;
  line-height: 48px;
}
#menu .bar-heading.small {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  text-transform: uppercase;
}
#menu .panel-actions .item,
#menu .panel-sites .item {
  vertical-align: top;
  background: #232323;
  border-top: 1px solid #30302f;
  border-bottom: 1px solid #000000;
  display: block;
  height: 42px;
  line-height: 40px;
  color: #ffffff;
  text-decoration: none;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
  padding-left: 5px;
  position: relative;
}
#menu .panel-sites .item {
  position: relative;
}
#menu .panel-sites .site-mark {
  position: absolute;
  top: 0;
  right: 0px;
  width: 25px;
  background: #232323;
}
#menu .panel-actions .panel-icon,
#menu .panel-icon {
  color: #979797;
  display: inline-block;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
  width: 24px;
  height: 42px;
  line-height: 40px;
  font-size: 19px;
  margin-right: 2px;
}
#menu .icon-addsite {
  margin-left: 3px;
  font-size: 15px;
}
#menu .icon-empty,
#menu .icon-default {
  font-size: 18px;
  color: #979797;
  vertical-align: middle;
}
#menu .sidebar_unread_comments,
#menu .sidebar_unread_feeds {
  vertical-align: top;
  font-size: 14px;
  color: #fff;
  position: absolute;
  right: 10px;
  top: 10px;
  height: 20px;
  padding: 0 5px;
  line-height: 20px;
  border-radius: 3px;
  background-clip: padding-box;
  background: #7f7f7f;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #7f7f7f), color-stop(1, #b9b9b9));
  background: -webkit-linear-gradient(bottom, #7f7f7f 0%, #b9b9b9 100%);
}
#menu .sidebar_unread_comments.active,
#menu .sidebar_unread_feeds.active {
  background-clip: padding-box;
  background: #5fa701;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5fa701), color-stop(1, #aedf34));
  background: -webkit-linear-gradient(bottom, #5fa701 0%, #aedf34 100%);
}
#toggle-sites-icon {
  height: 46px;
  display: inline-block;
  vertical-align: top;
  padding: 16px 10px 10px 10px;
}
/**********************************************************
  CUSTOM FONT FOR APPLICATION
**********************************************************/
@font-face {
  font-family: 'xtgem-app';
  src: url('../fonts/xtgem-app.svg') format('svg'), url('../fonts/xtgem-app.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* Use the following CSS code if you want to have a class per icon */
.icon-text_post,
.icon-tag,
.icon-sidebar,
.icon-settings,
.icon-newpost,
.icon-comment,
.icon-back,
.icon-arrow_up,
.icon-arrow_right,
.icon-arrow_down,
.icon-addsite,
.icon-posts,
.icon-password,
.icon-mail,
.icon-link_post,
.icon-image_post,
.icon-feed,
.icon-edit,
.icon-delete,
.icon-comments,
.icon-empty,
.icon-default,
.icon-video_post,
.icon-logout,
.icon-navigation,
.icon-preview,
.icon-arrow_right2,
.icon-share,
.icon-info,
#close-req-auth {
  font-family: 'xtgem-app';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.icon-text_post:before {
  content: "\e000";
}
.icon-tag:before {
  content: "\e001";
}
.icon-sidebar:before {
  content: "\e002";
}
.icon-settings:before {
  content: "\e003";
}
.icon-newpost:before {
  content: "\e004";
}
.icon-comment:before {
  content: "\e005";
}
.icon-back:before {
  content: "\e006";
}
.icon-arrow_up:before {
  content: "\e007";
}
.icon-arrow_right:before {
  content: "\e008";
}
.icon-arrow_down:before {
  content: "\e009";
}
.icon-addsite:before {
  content: "\e00a";
}
.icon-posts:before {
  content: "\e00b";
}
.icon-password:before {
  content: "\e00c";
}
.icon-mail:before {
  content: "\e00d";
}
.icon-link_post:before {
  content: "\e00e";
}
.icon-image_post:before {
  content: "\e00f";
}
.icon-feed:before {
  content: "\e010";
}
.icon-edit:before {
  content: "\e011";
}
.icon-delete:before,
#close-req-auth:before {
  content: "\e012";
}
.icon-comments:before {
  content: "\e013";
}
.icon-empty:before {
  content: "\e014";
}
.icon-default:before {
  content: "\e015";
}
.icon-video_post:before {
  content: "\e016";
}
.icon-logout:before {
  content: "\e017";
}
.icon-navigation:before {
  content: "\e018";
}
.icon-preview:before {
  content: "\e019";
}
.icon-arrow_right2:before {
  content: "\e01a";
}
.icon-share:before {
  content: "\e01b";
}
.icon-info:before {
  content: "\e01c";
}
.icon_wrapper {
  position: relative;
}
.input_icon {
  position: absolute;
  color: #d9d9d9;
  font-size: 17px;
  height: 32px;
  width: 32px;
  vertical-align: middle;
  text-align: center;
  line-height: 32px;
  z-index: 999;
}
/**********************************************************
  LOGIN SCREEN
**********************************************************/
.logo {
  margin: 40px 0;
}
#login_view,
#register_view {
  text-align: center;
}
.sign_up.banner,
.login.banner {
  margin-top: 50px;
  font-size: 16px;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
}
.sign_up.banner .tos,
.login.banner .tos {
  display: block;
  margin-bottom: 10px;
}
.link {
  color: #4089dc;
}
.wrapper-login,
.wrapper-register,
.wrapper-post_edit,
.list_feed_wrapper,
#site_templates_view,
#site_presets_view,
.wrapper-site_create,
.wrapper_show_more_comments {
  margin: 0 8px;
  width: auto;
  padding-bottom: 50px;
}
.wrapper_show_more_comments {
  padding-bottom: 0;
  margin-bottom: 10px;
}
#login_view input,
#register_view input,
#edit_post_view input,
#navigation_view input[type="text"],
#site_create_view input,
#feed_preview input[type="text"],
#feed_preview textarea,
#edit_post_view textarea {
  padding: 0 5px;
  display: inline-block;
  width: 100%;
  margin: 0 0 5px 0;
  border: solid 1px rgba(0, 0, 0, 0.2);
  outline: 0;
  background: #fff;
  height: 32px;
  vertical-align: middle;
  font-size: 14px;
  color: #959595;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
}
#login_view input::-webkit-input-placeholder,
#register_view input::-webkit-input-placeholder,
#edit_post_view input::-webkit-input-placeholder,
#navigation_view input[type="text"]::-webkit-input-placeholder,
#site_create_view input::-webkit-input-placeholder,
#feed_preview input[type="text"]::-webkit-input-placeholder,
#feed_preview textarea::-webkit-input-placeholder,
#edit_post_view textarea::-webkit-input-placeholder {
  /**/

}
#login_view input:focus,
#register_view input:focus,
#edit_post_view input:focus,
#navigation_view input[type="text"]:focus,
#site_create_view input:focus,
#feed_preview input[type="text"]:focus,
#feed_preview textarea:focus,
#edit_post_view textarea:focus {
  outline: 0;
  border-color: rgba(162, 236, 82, 0.6);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(162, 236, 82, 0.6);
  border-radius: 3px;
}
#edit_post_view textarea,
#feed_preview textarea {
  height: 96px;
  padding: 5px;
}
.icon_holder {
  padding-left: 30px !important;
}
.action-left,
.action-right,
.show_more,
.submit-helper,
#show_more_presets,
.xt_submit,
#show_more_templates,
#login_submit[type="submit"],
#sign_up_submit[type="submit"],
#new_post_submit[type="submit"],
#edit_post_submit[type="submit"],
.site_create_submit[type="submit"],
#site_create_submit[type="submit"] {
  margin: 10px 0 0 0;
  width: 100%;
  height: 32px;
  line-height: 32px;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
  color: #fff;
  display: inline-block;
  border: 1px solid #5fa701;
  border-radius: 3px;
  background-clip: padding-box;
  background: #5fa701;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5fa701), color-stop(1, #aedf34));
  background: -webkit-linear-gradient(bottom, #5fa701 0%, #aedf34 100%);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
}
/* New Post style */
#post_type_wrapper {
  width: 272px;
  margin: 16px auto 32px;
}
.post_type_item {
  color: #a0a0a0;
  text-align: center;
  display: inline-block;
  width: 50px;
  margin-left: 20px;
  text-decoration: none;
}
.post_type_item:first-child {
  margin-left: 0;
}
.post_type_text {
  font-weight: bold;
}
.post_type_item.active > .post_type_text {
  color: #222;
}
.post_type_bg {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-color: #212121;
  /* For older mobile phones */

  border-radius: 5px;
  /* For new */

  border-radius: 50%;
  margin-bottom: 5px;
}
.post_type_bg:active {
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
  color: #fff;
  display: inline-block;
  border: 1px solid #5fa701;
  border-radius: 3px;
  background-clip: padding-box;
  background: #5fa701;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5fa701), color-stop(1, #aedf34));
  background: -webkit-linear-gradient(bottom, #5fa701 0%, #aedf34 100%);
  /* For older mobile phones */

  border-radius: 5px;
  /* For new */

  border-radius: 50%;
  border: none;
}
.post_type_item.active .post_type_bg {
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
  color: #fff;
  display: inline-block;
  border: 1px solid #5fa701;
  border-radius: 3px;
  background-clip: padding-box;
  background: #5fa701;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5fa701), color-stop(1, #aedf34));
  background: -webkit-linear-gradient(bottom, #5fa701 0%, #aedf34 100%);
  /* For older mobile phones */

  border-radius: 5px;
  /* For new */

  border-radius: 50%;
  border: none;
}
.post_type_icon {
  line-height: 50px;
  font-size: 24px;
}
/**********************************************************
  TOS VIEW & PRIVACY POLICY
**********************************************************/
#tos_view,
#privacy_policy_view {
  text-align: center;
  padding: 20px 20px 0 20px;
}
#tos_view .triangle,
#privacy_policy_view .triangle {
  display: block;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid rgba(0, 0, 0, 0.5);
}
#tos_view .sign_up.banner,
#privacy_policy_view .sign_up.banner {
  margin: 20px 0 20px 0;
}
#container-information-tos,
#container-information-privacy_policy {
  padding-top: 20px;
  text-align: left;
  background: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin: 0 auto;
}
#container-information-tos h1,
#container-information-privacy_policy h1,
#container-information-tos h2,
#container-information-privacy_policy h2,
#container-information-tos .center,
#container-information-privacy_policy .center {
  text-align: center;
}
#container-information-tos ul,
#container-information-privacy_policy ul {
  padding: 12px;
}
#container-information-tos ul > li,
#container-information-privacy_policy ul > li {
  display: inline-block;
  width: auto;
  height: auto;
  background: none;
}
/**********************************************************
  LIST POST
**********************************************************/
.wrapper_load_more {
  margin: 0 8px 8px 8px;
}
.single_post_wrapper {
  position: relative;
  border-bottom: 1px solid #e0e0e0;
  height: 60px;
}
.single_post_edit {
  display: block;
  width: 100%;
  padding: 8px;
}
.post_title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  color: #000;
  max-height: 21px;
}
.post_tags {
  color: #a0a0a0;
  font-size: 12px;
  font-weight: bold;
  margin-top: 3px;
  max-height: 20px;
  overflow: hidden;
  display: block;
}
.post_tags.no-tags {
  color: #af0824;
}
.single_post_comment_edit {
  height: 100%;
  width: auto;
  top: 0;
  right: 19px;
  color: #a0a0a0;
  background: #fff;
  position: absolute;
  padding-right: 10px;
  line-height: 57px;
  font-size: 12px;
}
.single_post_comment_edit.exists .post-list-comments,
.single_post_comment_edit.exists .icon-comment {
  color: #6baf08;
}
.post-list-comments {
  font-size: 14px;
  font-weight: bold;
  line-height: 60px;
}
.single_post_edit .icon-arrow_right {
  position: absolute;
  right: 5px;
  top: 0;
  line-height: 59px;
  color: #a0a0a0;
  background: #fff;
}
/**********************************************************
  EDIT POST
**********************************************************/
.wrapper-edit_post {
  padding: 10px 10px 20px 10px;
}
.title-preview,
.title-success {
  display: block;
  height: 32px;
  line-height: 32px;
  border-bottom: 1px solid #e0e0e0;
  color: #30302f;
  font-size: 17px;
  margin-bottom: 10px;
}
.wrapper-preview {
  color: #30302f;
}
.wrapper-preview .container-preview * {
  max-width: 100%;
}
.wrapper-preview .container-preview.image {
  text-align: center;
}
.wrapper-preview .container-preview.image .container-preview.image img {
  max-width: 100%;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
.wrapper-preview .container-preview.text > p {
  color: #30302f !important;
}
.wrapper-preview .container-preview.video {
  text-align: center;
}
.wrapper-preview .container-preview.video .container-preview.video iframe {
  max-width: 100%;
}
.wrapper-preview .container-preview.link {
  max-width: 100%;
}
.wrapper-preview .container-preview .description {
  text-align: left;
  margin-top: 5px;
  padding: 3px;
  font-size: 14px;
  color: #959595;
}
.wrapper-upload_image {
  position: relative;
}
.button-upload {
  top: 0;
  right: 0;
  position: absolute;
  height: 32px;
  line-height: 32px;
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
  background: #fff;
  padding: 0 5px;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background: #5fa701;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5fa701), color-stop(1, #aedf34));
  background: -webkit-linear-gradient(bottom, #5fa701 0%, #aedf34 100%);
  border-radius: 3px;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
}
/**********************************************************
  CREATE A SITE
**********************************************************/
/*  Choose a template / preset */
.not-show,
#jQUi .jqPopup .not-show {
  display: none !important;
}
.wrapper-templates {
  padding: 5px;
  text-align: center;
}
.wrapper-templates .single {
  margin: 5px 5px 15px 5px;
  position: relative;
  display: inline-block;
  border: 5px solid #fff;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}
.wrapper-templates .single .image {
  width: 100%;
  max-width: 320px;
  max-height: 480px;
}
.wrapper-templates .wrapper-info {
  position: absolute;
  width: 100%;
  height: 40px;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: left;
}
.wrapper-templates .title-name {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  text-indent: 8px;
  line-height: 40px;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
}
.wrapper-templates .button-select_item {
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
  color: #fff;
  border: 1px solid #5fa701;
  border-radius: 3px;
  background-clip: padding-box;
  background: #5fa701;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5fa701), color-stop(1, #aedf34));
  background: -webkit-linear-gradient(bottom, #5fa701 0%, #aedf34 100%);
  position: absolute;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  width: 55px;
  bottom: 5px;
  right: 5px;
  text-transform: uppercase;
  font-weight: bold;
  box-sizing: border-box;
  padding: 0 3px;
  text-indent: 5px;
}
/*  Final step */
.wrapper-site_create .title {
  height: 45px;
  line-height: 45px;
  color: #30302f;
  font-size: 17px;
  font-weight: bold;
}
.wrapper-site_create .wrapper-sitename_input {
  position: relative;
}
.wrapper-site_create .wrapper-sitename_input select {
  position: absolute;
  top: 0;
  right: 0;
  height: 32px;
  font-size: 14px;
  color: #959595;
  -webkit-appearance: none;
  border: solid 1px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  direction: rtl;
  text-indent: 18px;
  min-width: 120px;
  background: #fff;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.wrapper-site_create .wrapper-sitename_input select:focus {
  outline: 0;
}
.wrapper-site_create .wrapper-sitename_input select option {
  direction: rtl;
}
.wrapper-site_create .wrapper-sitename_input .icon-arrow_down {
  position: absolute;
  color: red;
  right: 4px;
  top: 12px;
  font-size: 12px;
  color: #959595;
}
.wrapper-site_create .wrapper-navigation_title {
  position: relative;
  border-bottom: 1px solid #e0e0e0;
}
.wrapper-site_create .wrapper-navigation_title .button-add_navigation {
  height: 30px;
  line-height: 30px;
  position: absolute;
  right: 0;
  top: 7px;
  padding: 0 5px;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
  color: #fff;
  display: inline-block;
  border: 1px solid #5fa701;
  border-radius: 3px;
  background-clip: padding-box;
  background: #5fa701;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5fa701), color-stop(1, #aedf34));
  background: -webkit-linear-gradient(bottom, #5fa701 0%, #aedf34 100%);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}
.wrapper-site_create .wrapper-navigation_items {
  position: relative;
}
.wrapper-site_create .item {
  display: block;
  position: relative;
  border-bottom: 1px solid #e0e0e0;
  height: 60px;
}
.wrapper-site_create .item .title {
  display: block;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  margin-left: 3px;
  color: #000;
  font-weight: bold;
}
.wrapper-site_create .item .tag {
  display: block;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  margin-left: 5px;
  color: #a0a0a0;
  font-size: 12px;
  font-weight: bold;
}
.wrapper-site_create .item .button-options {
  position: absolute;
  background: #fff;
  width: 40px;
  top: 0;
  right: 0;
  height: 100%;
  line-height: 32px;
  color: #30302f;
}
.wrapper-site_create .item .button-options .background-rounded {
  display: inline-block;
  position: absolute;
  top: 14px;
  left: 4px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 32px;
  background: #282828;
  /* For older mobile phones */

  border-radius: 5px;
  /* For new */

  border-radius: 50%;
}
.wrapper-site_create .item .button-options .background-rounded .icon-sidebar {
  color: #fff;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
}
.wrapper-site_create .item .button-options .background-rounded.selected {
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
  color: #fff;
  border: 1px solid #5fa701;
  border-radius: 3px;
  background-clip: padding-box;
  background: #5fa701;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5fa701), color-stop(1, #aedf34));
  background: -webkit-linear-gradient(bottom, #5fa701 0%, #aedf34 100%);
  display: inline-block;
  border-radius: 999px;
  border: none;
}
.wrapper-site_create .wrapper-navigation_item {
  position: relative;
}
.wrapper-site_create .options-navigation {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.wrapper-site_create .options-navigation .button-options {
  position: relative;
  display: inline-block;
  margin: 0;
  width: 20%;
  height: 100%;
  vertical-align: top;
  text-align: center;
}
.wrapper-site_create .options-navigation .button-options .background-rounded {
  display: inline-block;
  margin-top: 14px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 32px;
  background: #282828;
  /* For older mobile phones */

  border-radius: 5px;
  /* For new */

  border-radius: 50%;
  color: #fff;
}
.wrapper-site_create .options-navigation .button-options .background-rounded .icon-sidebar {
  color: #fff;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
}
.wrapper-site_create .options-navigation .button-options .background-rounded.selected {
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
  color: #fff;
  border: 1px solid #5fa701;
  border-radius: 3px;
  background-clip: padding-box;
  background: #5fa701;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5fa701), color-stop(1, #aedf34));
  background: -webkit-linear-gradient(bottom, #5fa701 0%, #aedf34 100%);
  display: inline-block;
  /* For older mobile phones */

  border-radius: 5px;
  /* For new */

  border-radius: 50%;
  border: none;
}
.wrapper-site_create .options-navigation .button-options .background-rounded.delete.active,
.wrapper-site_create .options-navigation .button-options .background-rounded.delete.selected {
  background-clip: padding-box;
  background: #de3450;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #de3450), color-stop(1, #a60101));
  background: -webkit-linear-gradient(bottom, #de3450 0%, #a60101 100%);
  /* For older mobile phones */

  border-radius: 5px;
  /* For new */

  border-radius: 50%;
}
.wrapper-site_create .button-options.close_options {
  text-align: right;
  padding-right: 5px;
}
.wrapper-site_create .wrapper-navigation_edit {
  margin-top: 10px;
}
.wrapper-site_create .wrapper-navigation_edit .wrapper-tag_select {
  position: relative;
  margin-bottom: 10px;
}
.wrapper-site_create .wrapper-navigation_edit .wrapper-tag_select select {
  height: 32px;
  font-size: 14px;
  color: #959595;
  -webkit-appearance: none;
  border: solid 1px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  text-indent: 5px;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.wrapper-site_create .wrapper-navigation_edit .wrapper-tag_select select:focus {
  outline: none;
}
.wrapper-site_create .wrapper-navigation_edit .wrapper-tag_select .icon-arrow_down {
  position: absolute;
  right: 4px;
  top: 11px;
  font-size: 12px;
  color: #959595;
}
.wrapper-site_create .wrapper-navigation_edit_actions {
  text-align: center;
  border-bottom: 1px solid #e0e0e0;
}
.wrapper-site_create .wrapper-navigation_edit_actions .button-action {
  margin: 10px;
  height: 32px;
  line-height: 30px;
  background: red;
  padding: 0 10px;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
  color: #fff;
  display: inline-block;
  border: 1px solid #5fa701;
  border-radius: 3px;
  background-clip: padding-box;
  background: #5fa701;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5fa701), color-stop(1, #aedf34));
  background: -webkit-linear-gradient(bottom, #5fa701 0%, #aedf34 100%);
  font-weight: bold;
}
.wrapper-site_create .wrapper-navigation_edit_actions .button-action.save,
.wrapper-site_create .wrapper-navigation_edit_actions .button-action.cancel {
  min-width: 68px;
}
.wrapper-site_create .wrapper-navigation_edit_actions .button-action.cancel {
  border: 1px solid #a60101;
  background-clip: padding-box;
  background: #a60101;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #a60101), color-stop(1, #de3450));
  background: -webkit-linear-gradient(bottom, #a60101 0%, #de3450 100%);
}
/* Feed styling */
@font-face {
  font-family: 'xtgem-feed';
  src: url('../fonts/xtgem-feed.svg') format('svg'), url('../fonts/xtgem-feed.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.icon-feed_star,
.icon-feed_repost,
.icon-feed_new,
.icon-feed_hot,
.icon-feed_featured,
.icon-feed_follow,
.icon-feed_uprate,
.icon-feed_user {
  font-family: 'xtgem-feed';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.icon-feed_star:before {
  content: "\e000";
}
.icon-feed_repost:before {
  content: "\e001";
}
.icon-feed_new:before {
  content: "\e002";
}
.icon-feed_hot:before {
  content: "\e003";
}
.icon-feed_featured:before {
  content: "\e004";
}
.icon-feed_follow:before {
  content: "\e005";
}
.icon-feed_uprate:before {
  content: "\e006";
}
.icon-feed_user:before {
  content: "\e007";
}
.feed {
  padding: 10px;
  text-align: center;
  margin: 0 auto;
  background: #f2f2f2;
}
.feed .item {
  display: block;
  position: relative;
  padding: 0px;
  margin: 5px auto 10px auto;
  vertical-align: top;
  background: #fff;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (min-width: 1024px) {
  
}
.feed .item .title,
.feed .item .author {
  text-align: left;
  display: block;
  text-decoration: none;
}
.feed .item .title {
  padding: 10px 10px 5px 10px;
  font-size: 15px;
  font-weight: bold;
  color: #262626;
}
.feed .item .author {
  font-size: 13px;
  color: #959595;
  padding: 0 0 5px 10px;
}
.feed .item .date {
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  padding: 10px 10px 3px 10px;
  font-size: 11px;
  color: #e1e1db;
  background-color: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.feed .item .content {
  background-color: transparent;
  margin: 5px 50px;
  padding: 10px;
  text-indent: 5px;
  width: 100%;
  color: #262626;
  font-size: 13px;
  line-height: 20px;
  overflow: hidden;
}
.feed .item .content.center {
  margin: 0 auto;
  text-align: center;
}
.feed .item .container-rateup {
  position: absolute;
  bottom: 0;
}
.feed .item .container-rateup a.rate_up {
  padding: 4px;
  margin-left: 5px;
  line-height: 40px;
  font-weight: bold;
  color: #fff;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.35);
  text-shadow: 0px 1px 0px #000;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.35);
  border-radius: 3px;
  border: 1px solid #333;
  border-color: rgba(0, 0, 0, 0.35);
}
.feed .item .container-rateup a.rate_up.ratted {
  background-color: rgba(112, 179, 11, 0.86);
}
.feed .item .bottom {
  display: none;
  width: 100%;
  margin-top: 5px;
  border-top: 1px solid #d8d8d8;
  height: 40px;
}
.feed .item .bottom a {
  vertical-align: top;
  display: inline-block;
  width: 25%;
  height: 40px;
  color: #707070;
  font-size: 18px;
  text-decoration: none;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  border-left: 1px solid #cacaca;
  border-right: 1px solid #fdfdfd;
  background-clip: padding-box;
  background: #e3e3e3;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e3e3e3), color-stop(1, #f5f5f5));
  background: -webkit-linear-gradient(bottom, #e3e3e3 0%, #f5f5f5 100%);
  -moz-box-shadow: inset 0 1px 0 #fdfdfd;
  -webkit-box-shadow: inset 0 1px 0 #fdfdfd;
  box-shadow: inset 0 1px 0 #fdfdfd;
}
.feed .item .bottom a:first-child {
  border-left: 0;
  border-radius: 0 0 0 3px;
}
.feed .item .bottom a:last-child {
  border-right: 0;
  border-radius: 0 0 3px 0;
}
.feed .item .bottom a.pressed {
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.feed .item .bottom a .icon-feed_star,
.feed .item .bottom a .icon-feed_repost,
.feed .item .bottom a .icon-feed_follow {
  line-height: 23px;
  width: 100%;
  display: inline-block;
  height: 23px;
  margin: 0;
}
.feed .item .bottom a small {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  color: #5c5c5c;
  width: 100%;
  display: block;
  height: 15px;
  line-height: 15px;
}
.feed .item .bottom a.rate_up {
  line-height: 40px;
}
.feed .item .bottom .ratted,
.feed .item .bottom .starred,
.feed .item .bottom .reposted,
.feed .item .bottom .subscribed {
  -moz-box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
  border-right: 0;
}
.feed .item .bottom .rate_up {
  font-weight: bold;
}
.feed .item .bottom .rate_up.ratted {
  color: #70b30b;
}
.feed .item .bottom .star.starred {
  color: #ffe02d;
}
.feed .item a.textbased {
  display: block;
  min-height: 50px;
}
.feed .item a.textbased p {
  color: #959595 !important;
}
.item.landing_page .bottom a {
  width: 25%;
}
.loading_more {
  margin-top: 10px;
  display: block;
}
.feed_tabs {
  margin: 10px 5px 5px 5px;
  background: #fff;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.feed_tabs a {
  display: inline-block;
  vertical-align: bottom;
  padding: 10px;
  margin: 10px;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  text-shadow: 0px 1px 0px #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background: transparent;
}
.feed_tabs a.starred:hover,
.feed_tabs a.starred.active {
  background: #DBB110;
}
.feed_tabs a.featured:hover,
.feed_tabs a.featured.active {
  background: #B3142B;
}
#show_more_feed.show_more {
  margin-bottom: 20px;
}
/**********************************************************
  Feed preview iframe container
**********************************************************/
.container-content_toggle {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#feed_preview {
  width: 100%;
  height: 100%;
  color: #222;
  padding: 0 8px;
  /* Item -> Title, author, date, content(img/txt) */

  /* Comments */

  /* END *** Comments */

  /* INPUT Comment */

  /* END *** INPUTComments */

  /* No comments */

}
#feed_preview .icon-arrow_right,
#feed_preview .icon-arrow_down {
  font-size: 14px;
}
#feed_preview .container-item .title {
  margin: 8px 0;
  display: block;
  border-bottom: 1px solid #ccc;
  line-height: 32px;
  border-bottom: 1px solid #e0e0e0;
  color: #30302f;
  font-size: 17px;
}
#feed_preview .container-item .author {
  position: relative;
  display: block;
  padding-right: 70px;
  color: #959595;
  font-size: 12px;
  margin-bottom: 8px;
}
#feed_preview .container-item .author .date {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px !important;
}
#feed_preview .container-item .content {
  display: block;
  text-align: left;
  color: #959595;
  font-size: 12px;
}
#feed_preview .container-item img {
  display: block;
  margin: 0 auto 8px;
}
#feed_preview .single_comment_wrapper {
  border-bottom: 1px solid #e0e0e0;
}
#feed_preview .comments-title {
  display: block;
  line-height: 32px;
  margin: 8px 0;
  border-bottom: 1px solid #e0e0e0;
  color: #30302f;
  font-size: 17px;
}
#feed_preview .comment_author {
  font-size: 15px;
  font-weight: bold;
  display: block;
  margin: 8px 0;
}
#feed_preview .comment_content {
  display: inline-block;
  margin: 0 0 8px 0;
  color: #959595;
  font-size: 13px;
}
#feed_preview .wrapper-post_edit {
  margin: 8px 0 !important;
  padding-bottom: 16px !important;
}
#feed_preview .wrapper-post_edit .comment-new-title {
  margin: 8px 0;
  display: block;
  line-height: 32px;
  border-bottom: 1px solid #e0e0e0;
  color: #30302f;
  font-size: 17px;
}
#feed_preview .wrapper-no-content {
  margin-bottom: 8px;
  border-bottom: 1px solid #e0e0e0;
  height: 60px;
  line-height: 60px;
  vertical-align: top;
}
#feed_preview .wrapper-no-content .icon-comments,
#feed_preview .wrapper-no-content .title-no-content {
  display: inline-block;
  font-size: 32px;
  line-height: 60px !important;
  vertical-align: top;
  margin: 0;
}
#feed_preview .wrapper-no-content .title-no-content {
  font-size: 24px;
}
#feed_preview iframe {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
  border: 0;
}
/* FOOTER */
.wrapper-multiple_buttons.action-feed > a {
  display: inline-block;
  width: 25%;
  height: 50px;
  line-height: normal !important;
  vertical-align: top;
  /* Active */

}
.wrapper-multiple_buttons.action-feed > a .icon-feed_uprate,
.wrapper-multiple_buttons.action-feed > a .icon-feed_star,
.wrapper-multiple_buttons.action-feed > a .icon-feed_repost,
.wrapper-multiple_buttons.action-feed > a .icon-feed_follow {
  font-size: 20px;
  line-height: 30px;
}
.wrapper-multiple_buttons.action-feed > a .text-vote,
.wrapper-multiple_buttons.action-feed > a .text-star,
.wrapper-multiple_buttons.action-feed > a .text-follow,
.wrapper-multiple_buttons.action-feed > a .text-repost {
  display: block !important;
  text-transform: uppercase;
  font-size: 10px;
  line-height: normal !important;
  letter-spacing: 0;
  margin: 2px 0 !important;
}
.wrapper-multiple_buttons.action-feed > a > .inner {
  display: inline-block !important;
  min-width: 40px;
  width: auto !important;
  line-height: 30px;
  margin: 5px auto 0 !important;
  background-clip: padding-box !important;
  background: #545454 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #545454), color-stop(1, #8a8a8a)) !important;
  background: -webkit-linear-gradient(bottom, #545454 0%, #8a8a8a 100%) !important;
  -webkit-box-shadow: inset 0 1px 0 #000 !important;
}
.wrapper-multiple_buttons.action-feed > a > .inner > .votes {
  vertical-align: top;
  line-height: 30px;
}
.wrapper-multiple_buttons.action-feed > a.ratted > .inner,
.wrapper-multiple_buttons.action-feed > a.starred > .inner,
.wrapper-multiple_buttons.action-feed > a.subscribed > .inner,
.wrapper-multiple_buttons.action-feed > a.repost > .inner {
  display: inline-block !important;
  min-width: 40px;
  width: auto !important;
  line-height: 30px;
  margin: 5px auto 0 !important;
  background-clip: padding-box !important;
  background: #5fa701 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5fa701), color-stop(1, #aedf34)) !important;
  background: -webkit-linear-gradient(bottom, #5fa701 0%, #aedf34 100%) !important;
  -webkit-box-shadow: inset 0 1px 0 #4d8500 !important;
}
.wrapper-multiple_buttons.action-feed > a.ratted > .inner > .votes,
.wrapper-multiple_buttons.action-feed > a.starred > .inner > .votes,
.wrapper-multiple_buttons.action-feed > a.subscribed > .inner > .votes,
.wrapper-multiple_buttons.action-feed > a.repost > .inner > .votes {
  vertical-align: top;
  line-height: 30px;
}
/* END *** FOOTER *//**********************************************************
  Site preview iframe container
**********************************************************/
#site_preview {
  width: 100%;
  height: 100%;
}
#site_preview iframe {
  max-width: 100%;
  max-height: 100%;
  position: relative;
  border: 0;
}
/**********************************************************
  No content
**********************************************************/
.wrapper-no-content {
  text-align: center;
  color: #a0a0a0;
  margin: 0 10px;
}
.wrapper-no-content .icon-comments,
.wrapper-no-content .icon-feed_star,
.wrapper-no-content .icon-posts {
  font-size: 120px;
  display: block;
  margin: 40px 0;
}
.wrapper-no-content .title-no-content {
  font-size: 24px;
  font-weight: bold;
}
.wrapper-no-content .new-post {
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
  color: #fff;
  display: inline-block;
  border: 1px solid #5fa701;
  border-radius: 3px;
  background-clip: padding-box;
  background: #5fa701;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5fa701), color-stop(1, #aedf34));
  background: -webkit-linear-gradient(bottom, #5fa701 0%, #aedf34 100%);
  display: block;
  margin: 15px auto 20px;
  padding: 0 5px;
  width: 100%;
  max-width: 200px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
}
.wrapper-no-content .panel-icon.icon-newpost {
  padding-right: 5px;
  font-size: 17px;
}
/**********************************************************
  COMMENTS
**********************************************************/
#comments_list_post_view {
  color: #30302f;
}
#comments_list_post_view .single_comment_wrapper {
  position: relative;
  border-bottom: 1px solid #e0e0e0;
  min-height: 60px;
  padding: 8px;
}
#comments_list_post_view .comment_author,
#comments_list_post_view .comment_content,
#comments_list_post_view .comment_post_title {
  padding-right: 38px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  color: #000;
}
#comments_list_post_view .comment_content {
  color: #a0a0a0;
  font-size: 12px;
  margin-top: 3px;
  display: block;
}
#comments_list_post_view .comment_delete {
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 0 5px 0 5px;
  line-height: 60px;
  text-decoration: none;
  color: #fff;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  z-index: 2;
}
#comments_list_post_view .comment_delete .inner {
  margin: 0;
  padding: 0 7px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  background-clip: padding-box;
  background: #a60101;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #a60101), color-stop(1, #de3450));
  background: -webkit-linear-gradient(bottom, #a60101 0%, #de3450 100%);
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  border: 1px solid #a60101;
  max-width: 70px;
}
#comments_list_post_view .comment_delete .inner.icon {
  font-size: 24px;
}
#comments_list_post_view .comment_author_inner {
  font-weight: bold;
  color: #000;
}
/**********************************************************
  TAG IT
**********************************************************/
.tag-container {
  width: 100%;
  border: solid 1px rgba(0, 0, 0, 0.2);
  outline: 0;
  background: #fff;
  vertical-align: middle;
  font-size: 14px;
  color: #959595;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  padding-left: 3px;
  margin-bottom: 5px;
}
.tag-holder {
  display: inline-block;
  border-radius: 6px;
  border: 1px solid #e5e5e5;
  height: 32px;
  line-height: 28px;
  margin: 3px 3px 3px 0;
  padding: 0 5px;
  vertical-align: middle;
  background-clip: padding-box;
  background: #e5e5e5;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e5e5e5), color-stop(1, #f2f2f2));
  background: -webkit-linear-gradient(bottom, #e5e5e5 0%, #f2f2f2 100%);
  -webkit-box-shadow: inset 0 1px 0 #f2f2f2;
  color: #7b7b7b;
}
#tag_it_input {
  padding-left: 34px !important;
  width: 100% !important;
  outline: 0 !important;
  border: 0 !important;
  display: inline-block !important;
  -webkit-box-shadow: none !important;
  -webkit-transition: 0 !important;
  margin: 0 !important;
}
#tag_it_input:focus {
  outline: 0 !important;
  border: 0 !important;
  display: inline-block !important;
  width: 100% !important;
  -webkit-box-shadow: none !important;
  -webkit-transition: 0 !important;
  margin: 0 !important;
}
/**********************************************************
  LANDING PAGE
**********************************************************/
#amp-promo {
  font-family: Baskerville, Palatino, "Book Antiqua", serif;
  font-style: italic;
  display: inline-block;
  padding: 0 8px;
  font-size: 32px;
}
.wrapper-promo {
  padding: 0 20px;
  background: #000000 url(/images/landing/bg.png) no-repeat center;
  text-align: center;
  text-shadow: 0 -2px 0 #000000;
}
.wrapper-promo .logo {
  margin: 30px 0 10px;
}
.wrapper-promo #carousel-wrapper {
  display: inline-block;
  width: 100%;
  min-height: 200px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 5px;
}
.wrapper-promo #carousel-wrapper .slide {
  display: block;
  color: #fff;
}
.wrapper-promo .wrapper-index {
  position: relative;
  height: 50px;
}
.wrapper-promo .action-left,
.wrapper-promo .action-right {
  position: absolute;
  margin: 0;
  width: 48%;
  height: 38.4px;
  line-height: 38.4px;
}
.wrapper-promo .action-left {
  top: 0;
  left: 0;
}
.wrapper-promo .action-right {
  top: 0;
  right: 0;
}
.wrapper-promo #bubbles {
  display: block;
  width: auto;
  height: auto;
  margin: 10px auto 10px;
}
.wrapper-promo .carousel_paging_selected,
.wrapper-promo .carousel_paging {
  display: inline-block;
  background-color: #fff;
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.wrapper-promo .carousel_paging {
  background-color: rgba(255, 255, 255, 0.5);
}
/**********************************************************
  WEB ONLY VARIABLES
**********************************************************/
.web #menu.on {
  overflow-y: auto !important;
}
/**********************************************************
  JQ POP'UP'S CUSTOM STYLES
**********************************************************/
/***    Request Auth    ***/
#popup-action-login,
#popup-action-signup {
  width: 130px;
  margin-right: 20px;
}
#popup-action-login {
  margin: 0;
}
#close-req-auth {
  float: right;
  line-height: 21px;
}
/***    Feed tutorial   ***/
.heading {
  color: #fff;
  font-family: "Helvetica";
  font-size: 24px;
  line-height: 24px;
  padding: 8px 0;
  margin-bottom: 16px;
  letter-spacing: 1.2px;
  font-weight: bold;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-shadow: 0 -2px 0 #000000;
}
#popup_feed_tutorial,
#popup_feed_tutorial > footer {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
#popup_feed_tutorial #cancel {
  width: 80px;
  border: 1px solid #5fa701 !important;
  -webkit-box-shadow: none !important;
}
/**********************************************************
  CAROUSEL STYLES
**********************************************************/
/***    Landing Carousel    ***/
#carousel-helper {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
#carousel-helper img {
  max-width: 280px;
}
#carousel-helper div {
  margin: 0 !important;
  padding: 0 !important;
}
.slide {
  display: block;
}
.slide b {
  letter-spacing: 1.3px;
}
.slide span,
.slide div {
  display: block;
  font-size: 24px;
  line-height: 32px;
}
.slide span {
  padding: 20px 0 0 0;
}
.slide .first,
.slide .second,
.slide .third {
  width: 100%;
  max-width: 310px;
}
#bubbles-helper {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto 0;
  text-align: center;
  height: 15px !important;
  padding: 0 !important;
}
#bubbles-helper div {
  margin: 0 !important;
  height: 10px !important;
  width: 10px !important;
}
.carousel_helper_paging_selected,
.carousel_helper_paging {
  display: inline-block;
  background-color: #fff;
  height: 10px;
  width: 10px;
  padding: 0 !important;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.carousel_helper_paging {
  background-color: rgba(255, 255, 255, 0.5);
}
/***    Feed tut Carousel   ***/