body {
      background-color: #000000;
      color: #777
    }

    .btn:focus,
    a:focus,
    i:focus {
      outline: none
    }

    #wrapper {
      min-height: calc(100vh - 119px);
      display: flex;
      flex-direction: column
    }

    .container h1 {
      overflow: hidden
    }

    @media only screen and (min-width:1400px) {
      .container {
        max-width: 1323px
      }
    }

    .bg-dark {
      background-color: #1c1c1c !important
    }

    h1 {
      font-size: 18px;
      color: #fff;
      font-weight: 500;
      font-family: open sans, helvetica neue, Helvetica, Arial, sans-serif
    }

    .text-highlighted {
      color: #fff !important
    }

    a {
      color: #bbb
    }

    a:hover,
    a:focus,
    a:active {
      color: #fff;
      text-decoration: none
    }

    #alerts_bottom {
      position: fixed;
      bottom: 0;
      right: 0;
      z-index: 99999;
      width: 100%;
      margin: 0;
      padding: 0
    }

    .form-control::-webkit-input-placeholder {
      color: #6a6a6a
    }

    .form-control::placeholder {
      color: #6a6a6a
    }

    .form-control:disabled,
    .form-control[readonly] {
      color: #5f5f5f;
      background-color: #1d1d1d
    }

    input.form-control:active,
    input.form-control:focus,
    textarea.form-control:active,
    textarea.form-control:focus {
      color: #fff !important;
      background-color: #151515 !important;
      border: 1px solid #424242 !important;
      box-shadow: none
    }

    .top-nav {
      background-color: #1c1c1c;
      border-bottom: 1px solid #333
    }

    .top-menu {
      padding-left: 0;
      list-style: none;
      margin-bottom: 0;
      font-size: 14px
    }

    .top-menu a {
      color: #888
    }

    .top-menu a:hover,
    .top-menu a:active {
      color: #fff;
      text-decoration: none
    }

    .top-brand {
      max-height: 50px;
      float: left;
      margin: 10px 30px 10px 0
    }

    .top-brand img {
      height: 50px;
      width: auto
    }

    .top-nav .form-control,
    .navbar .form-control {
      padding-right: 45px;
      color: #efefef !important;
      background-color: #1c1c1c !important;
      border: 1px solid #313131 !important;
      -moz-box-shadow: inset 0 0 0px #000000;
      -webkit-box-shadow: inset 0 0 0px #000000;
      box-shadow: inset 0 0 0px #000000;
      -webkit-border-radius: 4px;
      -webkit-border-top-right-radius: 0;
      -webkit-border-bottom-right-radius: 0;
      -moz-border-radius: 4px;
      -moz-border-radius-topright: 0;
      -moz-border-radius-bottomright: 0;
      border-radius: 4px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
    }

    .navbar {
      padding-top: 0;
      padding-bottom: 0
    }

    .nav-link {
      padding: 12px 10px
    }

    .navbar-dark .navbar-nav .nav-link {
      color: #bbb
    }

    @media (min-width:992px) {
      .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem
      }

      .navbar-dark .navbar-nav .active>.nav-link {
        color: #fff;
        -moz-box-shadow: inset 0-2px 0#da2657;
        -webkit-box-shadow: inset 0-2px 0#da2657;
        box-shadow: inset 0-2px 0#da2657
      }

      .navbar-dark .navbar-nav .nav-link:hover {
        background-color: #121212;
        color: #fff;
        -moz-box-shadow: inset 0 2px 0#da2657;
        -webkit-box-shadow: inset 0 2px 0#da2657;
        box-shadow: inset 0 2px 0#da2657;
        transition: none
      }
    }

    .navbar-toggler {
      margin: 5px 0
    }

    .search-top-container {
      display: inline-block;
      margin-top: 16px
    }

    .search-top-container input {
      width: 300px !important;
      padding: 6px 12px 7px
    }

    .search-bot-container input {
      padding: 6px 12px 7px
    }

    .search-top-container ::placeholder,
    .search-bot-container ::placeholder {
      color: #7d7d7d;
      opacity: 1
    }

    .search-box,
    .search-box:focus,
    .search-box:active {}

    #search_form button,
    #search_form_xs button {
      padding: 10px 12px;
      line-height: 10px !important
    }

    .btn-search-select {
      padding: 10px 12px;
      line-height: 10px !important
    }

    #search_select {
      right: 45px;
      top: 1px;
      position: absolute;
      z-index: 3;
      margin: 0;
      border: 0
    }

    #search_select {
      color: #999
    }

    #search_select:hover {
      color: #efefef
    }

    #search_select:active {
      -webkit-box-shadow: none;
      box-shadow: none
    }

    #search_select_xs {
      right: 45px;
      top: 1px;
      position: absolute;
      z-index: 3;
      margin: 0;
      border: 0
    }

    #search_select_xs {
      color: #999
    }

    #search_select_xs:hover {
      color: #efefef
    }

    #search_select_xs:active {
      -webkit-box-shadow: none;
      box-shadow: none
    }

    #search_query_xs {
      width: 100%
    }

    .input-group .form-control:last-child,
    .input-group-addon:last-child,
    .input-group-btn:last-child>.btn,
    .input-group-btn:last-child>.btn-group>.btn,
    .input-group-btn:last-child>.dropdown-toggle,
    .input-group-btn:first-child>.btn:not(:first-child),
    .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0
    }

    .search-bot-container {
      width: calc(100% - 70px)
    }

    .search-bot-container .input-group {
      width: 100%
    }

    .search-bot-container .input-group-btn {
      position: absolute;
      top: 0;
      right: 0
    }

    .multi-column-dropdown {
      position: fixed !important;
      top: 119px !important;
      left: 0;
      width: 100% !important;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      margin: 0;
      border: 0;
      background-color: #121212;
      min-height: 100px;
      z-index: 9999
    }

    .well-filters {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      -moz-box-shadow: inset 0-2px 0#333;
      -webkit-box-shadow: inset 0-2px 0#333;
      box-shadow: inset 0-2px 0#333;
      padding: 0 !important;
      border: none;
      background-color: transparent !important
    }

    .well-filters a {
      color: #bbb !important;
      cursor: pointer
    }

    .well-filters a:hover,
    .well-filters>a:focus {
      color: #fff !important;
      text-decoration: none !important
    }

    .well-filters h1 {
      padding: 10px 0;
      margin: 0
    }

    .well-action {
      padding: 9px 0;
      -moz-box-shadow: inset 0-2px 0#555;
      -webkit-box-shadow: inset 0-2px 0#555;
      box-shadow: inset 0-2px 0#555
    }

    .well-action:hover {
      -moz-box-shadow: inset 0-2px 0#da2657;
      -webkit-box-shadow: inset 0-2px 0#da2657;
      box-shadow: inset 0-2px 0#da2657
    }

    .content-row .col-lg-4 {
      padding-right: 6px;
      padding-left: 6px
    }

    .content-row .col-6,
    .content-row .col-6,
    .content-row .col-6,
    .content-row .col-6 {
      padding-right: 6px;
      padding-left: 6px
    }

    .content-row {
      margin-left: -6px;
      margin-right: -6px
    }

    .thumb-overlay {
      position: relative;
      overflow: hidden
    }

    .img-responsive {
      border-radius: 0 !important;
      width: 200%;
      height: auto
    }

    .content-row a,
    .content-row a:focus {
      color: #bbb
    }

    .content-row a:hover {
      color: #fff;
      text-decoration: none
    }

    .footer-container {
      margin-top: auto
    }

    .footer-links {
      background-color: #1c1c1c;
      padding: 25px 0
    }

    .footer {
      background-color: #232323;
      padding: 15px 0;
      color: #989a9c
    }

    .footer-container h4 {
      color: #fff;
      font-size: 18px
    }

    .footer-links a {
      color: #888
    }

    .footer-links a:hover {
      text-decoration: none;
      color: #eee
    }

    .btn-primary {
      color: #fff;
      background-color: #da2657;
      border-color: #da2657;
      box-shadow: none !important
    }

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open>.dropdown-toggle.btn-primary {
      color: #fff;
      background-color: #b22048 !important;
      border-color: #b22048 !important
    }

    .top-menu-item {
      line-height: 30px;
      margin-left: 12px;
      margin-top: 20px;
      display: inline-block
    }

    .top-menu a:focus {
      border: none;
      outline: none
    }

    .dropdown-menu {
      padding: 0
    }

    .sub-menu-left {
      width: 280px;
      padding: 15px 0;
      float: left
    }

    .sub-menu-right {
      width: calc(100% - 280px) !important;
      padding: 15px 0;
      float: right
    }

    .sub-menu-title {
      font-size: 18px;
      color: #fff;
      font-weight: 500;
      font-family: open sans, helvetica neue, Helvetica, Arial, sans-serif
    }

    .sub-menu-content {
      margin-top: 5px
    }

    .trending-searches a i {
      font-size: 10px;
      margin-right: 2px;
      color: #444
    }

    .trending-searches a {
      display: inline-block;
      white-space: nowrap;
      padding: 0 5px 10px 0;
      color: #888
    }

    .trending-searches a:hover,
    .trending-searches a:active,
    .trending-searches a:focus {
      color: #fff;
      text-decoration: none
    }

    .m-b-20 {
      margin-bottom: 20px
    }

    .m-b-10 {
      margin-bottom: 10px
    }

    .category-title .float-left {
      width: 70%
    }

    .category-title .float-right {
      width: 30%;
      text-align: right;
      font-weight: 900
    }

    .category-title {
      width: 100%;
      position: absolute;
      bottom: 0;
      border: none;
      color: #fff;
      padding: 7px 10px !important;
      margin-top: 5px;
      font-size: 16px;
      height: 35px;
      text-shadow: 1px 1px 4px rgba(0, 0, 0, .5);
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%)
    }

    .popular-tag a {
      color: #888
    }

    .popular-tag {
      padding: 8px 15px 8px 0;
      height: 32px
    }

    .popular-tag i {
      font-size: 10px;
      color: #4c4f52
    }

    .tag-counter {
      font-size: 14px;
      color: #4c4f52
    }

    button:focus {
      outline: none
    }

    @keyframes bounce-up {
      0% {
        transform: translateY(0)
      }

      30% {
        transform: translateY(-3px)
      }

      50% {
        transform: translateY(0)
      }

      100% {
        transform: translateY(0)
      }
    }

    @keyframes bounce-down {
      0% {
        transform: translateY(0)
      }

      30% {
        transform: translateY(3px)
      }

      50% {
        transform: translateY(0)
      }

      100% {
        transform: translateY(0)
      }
    }

    .dropdown-toggle::after {
      display: none
    }

    ::-webkit-scrollbar {
      width: 8px
    }

    ::-webkit-scrollbar-track {
      background: #333
    }

    ::-webkit-scrollbar-thumb {
      background: #888
    }

    .small-avatar {
      width: 30px;
      height: auto;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      margin-right: 10px
    }

    .card-sub {
      color: #8d8d8d;
      border-top: 1px solid #151515;
      padding-top: 10px
    }

    @keyframes at-center-animateIn {
      0% {
        opacity: 0
      }

      to {
        opacity: 1
      }
    }

    @keyframes at-center-animateOut {
      0% {
        opacity: 1
      }

      to {
        opacity: 0;
        z-index: -1
      }
    }

    @keyframes at-bottomCorner-animateIn {
      0% {
        opacity: 0;
        transform: translateY(100%);
        -webkit-transform: translateY(100%)
      }

      to {
        opacity: 1;
        transform: translateY(0%);
        -webkit-transform: translateY(0%)
      }
    }

    @keyframes at-bottomCorner-animateOut {
      0% {
        opacity: 1;
        transform: translateY(0%);
        -webkit-transform: translateY(0%)
      }

      to {
        opacity: 0;
        transform: translateY(100%);
        -webkit-transform: translateY(100%)
      }
    }

    @keyframes at-topBottom-bot-animateIn {
      0% {
        opacity: 0
      }

      to {
        opacity: 1
      }
    }

    @keyframes at-topBottom-bot-animateOut {
      0% {
        transform: translateY(0);
        -webkit-transform: translateY(0%)
      }

      to {
        transform: translateY(100%);
        -webkit-transform: translateY(100%)
      }
    }

    @keyframes at-topBottom-top-animateOut {
      0% {
        visibility: visible;
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        min-height: 60px
      }

      to {
        visibility: hidden;
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        min-height: 0
      }
    }

    @keyframes at-topBottom-top-animateIn {
      0% {
        opacity: 0
      }

      to {
        opacity: 1
      }
    }