.header .navigation {
  display: block;
  width: 252px;
  height: 100%;
  position: fixed;
  left: -252px;
  top: 0px;
  z-index: 99999;
  background-color: #000000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .header .navigation__content {
    display: block;
    padding: 10px; }
  .header .navigation .links div {
    display: block;
    margin: 0px auto;
    padding: 10px;
    font-size: 13px;
    font-weight: 300;
    color: #FFFFFF; }
    .header .navigation .links div a {
      display: block;
      color: #FFFFFF;
      text-decoration: none;
      text-decoration: none;
      cursor: pointer; }

.header .highlight {
  color: #ED1A3B !important; }

.header .navigation_open {
  left: -2px; }

.header .navigation_close {
  left: -252px; }

.header .menu_show {
  position: fixed;
  left: 248px; }

.header .menu_close {
  position: absolute;
  left: 0px; }

.header .btn__close {
  background-image: url(/static/Button-Close.svg) !important; }

.header .btn__cover {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 8000; }

.header .btn__login {
  font-size: 10px;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  background-color: transparent;
  color: #FFFFFF;
  border: none;
  outline: none; }

.header .masthead {
  display: table;
  width: 100%;
  margin: 0px auto;
  background-color: black; }
  .header .masthead__content {
    display: table-row; }
    .header .masthead__content .btn-menu {
      display: table-cell;
      width: 70px;
      cursor: pointer;
      background-repeat: no-repeat;
      background-position: center center; }
    .header .masthead__content .btn-menu__show {
      background-image: url(/static/Button-Menu.svg); }
    .header .masthead__content .btn-menu__close {
      background-image: url(/static/Button-Close.svg); }
    .header .masthead__content__shop {
      display: table-cell;
      width: 200px;
      padding: 10px;
      text-align: right;
      vertical-align: middle; }
      .header .masthead__content__shop .btn {
        font-size: 12px;
        padding: 6px 10px;
        margin: 0px;
        font-weight: 700;
        color: #FFFFFF;
        text-transform: uppercase;
        border-radius: 3px;
        background-color: #ED1A3B;
        cursor: pointer;
        border: none;
        outline: none;
        -webkit-appearance: none;
        width: 80px; }
      .header .masthead__content__shop span {
        display: none; }
      .header .masthead__content__shop .btn__donate {
        color: black;
        background-color: #FFBC32;
        margin-left: 7px; }
        .header .masthead__content__shop .btn__donate:hover {
          color: #FFFFFF; }
    .header .masthead__content .logo {
      display: table-cell;
      width: auto;
      padding: 10px 0px;
      vertical-align: middle; }
      .header .masthead__content .logo img {
        max-width: 140px;
        width: 100%;
        max-height: 100%; }
  .header .masthead .search {
    display: none; }

.header .search-mobile {
  display: block;
  padding: 10px;
  background-color: #FFFFFF; }
  .header .search-mobile__container {
    display: table;
    width: 100%;
    border: solid 1px #ECECEC;
    background-color: #FFFFFF; }
  .header .search-mobile__input {
    display: table-cell;
    width: auto;
    vertical-align: middle; }
    .header .search-mobile__input input {
      width: 95%;
      height: 24px;
      padding-left: 5px;
      font-size: 14px;
      color: #999999;
      border: none 0px;
      outline: none 0px; }
  .header .search-mobile__submit {
    display: table-cell;
    width: 30px;
    text-align: center;
    vertical-align: middle; }

.header #statusmessagediv {
  padding: 15px;
  background: #1b2c5a;
  color: #fff;
  text-align: center;
  font-weight: 600; }

.header #statusmessagediv:empty {
  display: none; }

@media screen and (max-width: 575px) {
  .header .search__input {
    width: 100%;
    min-width: auto; } }

@media screen and (min-width: 575px) {
  .header .menu_close {
    position: static;
    left: 0px; } }

@media (min-width: 1024px) {
  .header .navigation {
    display: block;
    position: static;
    width: auto;
    height: auto;
    padding: 0px;
    background-color: #000000;
    border-bottom: solid 1px #333333; }
    .header .navigation__content {
      display: table;
      width: 100%;
      max-width: 1400px;
      margin: 0px auto;
      padding: 15px 0px; }
      .header .navigation__content--left {
        display: table-cell;
        width: auto;
        text-align: left;
        width: 50%;
        padding: 0px; }
        .header .navigation__content--left .links {
          float: left; }
          .header .navigation__content--left .links div {
            display: table-cell;
            width: auto;
            padding: 0px 15px 0px 0px;
            border-bottom: none 0px;
            font-size: 10px;
            font-weight: 700;
            color: #666666;
            text-align: left;
            text-transform: uppercase; }
            .header .navigation__content--left .links div a {
              color: #666666; }
              .header .navigation__content--left .links div a:hover {
                color: #ffffff; }
      .header .navigation__content--right {
        display: table-cell;
        width: auto;
        text-align: right;
        padding: 0px; }
        .header .navigation__content--right .links {
          float: right; }
          .header .navigation__content--right .links div {
            display: table-cell;
            width: auto;
            padding: 0px 15px 0px 0px;
            border-bottom: none 0px;
            font-size: 10px;
            font-weight: 700;
            text-align: left;
            text-transform: uppercase; }
            .header .navigation__content--right .links div a {
              color: #FFFFFF; }
          .header .navigation__content--right .links .end_padding {
            padding-right: 19px; }
  .header .links {
    display: table;
    width: auto;
    margin: 0px 0px 0px 20px; }
    .header .links div {
      display: table-cell !important;
      width: auto;
      padding: 0px 15px 0px 0px;
      border-bottom: none 0px;
      font-size: 10px;
      font-weight: 700;
      color: #666666;
      text-align: left;
      text-transform: uppercase; }
      .header .links div a {
        color: #666666;
        text-decoration: none; }
      .header .links div a:hover {
        color: #FFFFFF; }
  .header .masthead {
    display: block;
    width: auto;
    padding: 5px 20px 5px 20px; }
    .header .masthead__content {
      display: table;
      width: 100%;
      max-width: 1400px;
      margin: 0px auto; }
      .header .masthead__content .btn-menu {
        display: none; }
      .header .masthead__content__shop {
        width: auto;
        padding-right: 50px; }
        .header .masthead__content__shop span {
          display: inline;
          font-family: 'Roboto';
          font-size: 17px;
          font-weight: 700;
          color: #FFFFFF;
          padding-right: 12px; }
      .header .masthead__content .search {
        display: table-cell;
        width: 350px;
        color: #FFFFFF;
        padding: 0px;
        vertical-align: middle;
        background-color: #000000; }
        .header .masthead__content .search__container {
          border: none 0px;
          position: relative; }
        .header .masthead__content .search__submit {
          position: absolute;
          right: 0;
          top: 0; }
        .header .masthead__content .search__input {
          min-width: 300px; }
          .header .masthead__content .search__input input {
            width: 100%;
            padding: 4px;
            border: solid 1px #ECECEC;
            font-size: 14px; }
      .header .masthead__content__container {
        position: relative; }
      .header .masthead__content__submit {
        position: absolute;
        right: 0;
        top: 0; }
      .header .masthead__content__input {
        min-width: 300px; }
        .header .masthead__content__input input {
          width: 100%;
          padding: 4px;
          border: solid 1px #ECECEC;
          font-size: 14px; }
          .header .masthead__content__input input:focus {
            outline: 0; }
        .header .masthead__content__input:focus {
          outline: 0; }
      .header .masthead__content .logo {
        text-align: left;
        width: 140px;
        vertical-align: middle;
        position: relative; }
  .header .search-mobile {
    display: none; } }

@media (min-width: 1200px) {
  .header .navigation__content--right .links .end_padding {
    padding-right: 19px; } }

@media (min-width: 1400px) {
  .header .navigation__content {
    max-width: 1360px; }
  .header .navigation__content--left .links {
    margin: 0px; }
  .header .navigation__content--right .links .end_padding {
    padding-right: 0px !important; }
  .header .masthead__content {
    max-width: 1360px; }
  .header .links {
    margin: 0px; } }

.btn__search {
  background: transparent url(/static/icons/Icon-Submit-Search.svg) no-repeat right top;
  border: solid 0px #000000;
  width: 50px;
  height: 26px; }

.footer {
  display: block;
  padding: 30px;
  margin: 30px auto 0px auto;
  background-color: black;
  width: 100%;
  height: 300px; }
  .footer .footer__content {
    display: block;
    margin: 0px auto; }
    .footer .footer__content img {
      max-width: 100%;
      max-height: 100%;
      border: none; }
    .footer .footer__content .footer__content--left {
      display: block;
      color: #666666;
      font-family: 'Roboto', sans-serif;
      font-size: 12px; }
      .footer .footer__content .footer__content--left a {
        color: #FFFFFF; }
    .footer .footer__content .footer__content--right {
      display: block;
      color: #666666;
      font-family: 'Roboto', sans-serif;
      font-size: 12px; }
      .footer .footer__content .footer__content--right a {
        color: #FFFFFF; }

@media (min-width: 768px) {
  .footer .footer__content {
    display: table;
    width: 100%;
    max-width: 1360px; }
    .footer .footer__content .footer__content--left {
      display: table-cell;
      vertical-align: top;
      width: 400px; }
    .footer .footer__content .footer__content--right {
      display: table-cell;
      vertical-align: top;
      width: auto; } }

.dashboard-top-bar {
  display: block;
  margin: 0 auto;
  border-bottom: 1px solid #ececec;
  padding: 15px 10px 15px 15px; }
  .dashboard-top-bar a {
    font-size: 13px;
    color: #666666;
    margin-top: 9px; }
  .dashboard-top-bar__wrapper {
    display: block;
    width: 100%; }
  .dashboard-top-bar--left {
    align-self: center; }
  .dashboard-top-bar--right {
    background: linear-gradient(to bottom, #ececec 0%, rgba(236, 236, 236, 0.5) 50%, rgba(255, 255, 255, 0) 100%); }
  .dashboard-top-bar__info {
    display: flex; }
    .dashboard-top-bar__info--left {
      display: flex;
      flex: 1; }
    .dashboard-top-bar__info__avatar {
      height: 40px;
      width: 40px;
      margin-right: 15px; }
      .dashboard-top-bar__info__avatar img {
        width: 100%;
        height: 100%;
        border-radius: 50%; }
    .dashboard-top-bar__info__main {
      vertical-align: top;
      padding-right: 15px; }
    .dashboard-top-bar__info__name {
      font-size: 1.15rem; }
    .dashboard-top-bar__info__submain {
      font-size: 1rem; }
      .dashboard-top-bar__info__submain a {
        color: #ed1a3b; }
    .dashboard-top-bar__info__setting button {
      text-transform: uppercase;
      font-size: 0.75rem;
      font-weight: 700; }
    @media (min-width: 1024px) {
      .dashboard-top-bar__info__setting {
        display: none; } }
  .dashboard-top-bar__menu {
    display: block; }
    .dashboard-top-bar__menu a:hover {
      text-decoration: none;
      color: #666666; }
    .dashboard-top-bar__menu .dropdown-item {
      color: #666666;
      font-size: 13px;
      cursor: pointer; }
      .dashboard-top-bar__menu .dropdown-item:hover {
        text-decoration: none;
        color: inherit; }
      .dashboard-top-bar__menu .dropdown-item:focus {
        outline: 0;
        background: transparent; }
  .dashboard-top-bar__menu-item {
    display: block;
    border-bottom: solid 1px #ececec; }
    .dashboard-top-bar__menu-item a {
      color: #333333;
      font-size: 0.75rem; }
    .dashboard-top-bar__menu-item:last-child {
      border-bottom: none; }
  .dashboard-top-bar__icon {
    padding: 15px 15px 15px 45px;
    text-align: left;
    color: #333333;
    cursor: pointer;
    outline: none;
    background: transparent;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 30px 30px; }
    .dashboard-top-bar__icon:hover {
      background-color: #f1f1f1; }
    .dashboard-top-bar__icon_home {
      background-image: url(/static/icons/Icon-Dashboard-Home.svg); }
    .dashboard-top-bar__icon_upload {
      background-image: url(/static/icons/Icon-Dashboard-Upload.svg); }
    .dashboard-top-bar__icon_video {
      background-image: url(/static/icons/Icon-Dashboard-Videos.svg); }
    .dashboard-top-bar__icon_playlist {
      background-image: url(/static/icons/Icon-Dashboard-Playlist.svg); }
    .dashboard-top-bar__icon_stats {
      background-image: url(/static/icons/Icon-Dashboard-Stats.svg); }
    .dashboard-top-bar__icon_account {
      background-image: url(/static/icons/Icon-Dashboard-Account.svg); }
    .dashboard-top-bar__icon_notification {
      background-image: url(/static/icons/Icon-Dashboard-Notification.svg); }
    .dashboard-top-bar__icon_admin {
      background-image: url(/static/icons/Icon-Dashboard-Admin.svg); }
  @media (min-width: 1024px) {
    .dashboard-top-bar {
      background-color: #ececec;
      padding-left: 15px;
      padding-right: 15px; }
      .dashboard-top-bar__wrapper {
        display: flex; }
      .dashboard-top-bar--right {
        flex: 1;
        display: block;
        width: 100%; }
        .dashboard-top-bar--right .collapse {
          display: block !important; }
      .dashboard-top-bar__menu {
        display: table;
        width: auto;
        margin: 0px;
        float: right; }
      .dashboard-top-bar__menu-item {
        display: table-cell;
        width: auto;
        vertical-align: middle;
        background-position: top center;
        background-size: 20px 20px;
        padding: 20px 15px 15px 15px;
        color: #333333;
        border-left: 1px solid #cccccc; }
        .dashboard-top-bar__menu-item:last-child {
          border-right: none; } }
  @media (min-width: 1025px) {
    .dashboard-top-bar {
      margin: 0; }
      .dashboard-top-bar__wrapper {
        max-width: 1360px;
        margin: 0 auto;
        padding: 0px; }
      .dashboard-top-bar__menu-item {
        padding: 30px 20px 0px 20px;
        background-size: 40px 40px; } }

.menu-admin {
  display: inline; }
  @media (max-width: 960px) {
    .menu-admin {
      display: block; } }

.page {
  display: block;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1000;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.body-container {
  flex-grow: 1; }
  .body-container__centered {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center; }

.container-fluid-custom {
  max-width: 1360px !important;
  margin: 0 auto !important;
  padding: 20px !important; }
  @media (min-width: 600px) and (max-width: 960px) {
    .container-fluid-custom {
      padding: 15px !important; } }

.btn__lg {
  margin: 0px;
  padding: 12px 15px 13px 15px;
  font-size: 12px;
  font-weight: 700;
  color: #ffffff !important;
  text-transform: uppercase;
  border-radius: 3px;
  background-color: #ed1a3b;
  cursor: pointer;
  border: none;
  outline: none;
  -webkit-appearance: none; }

.mb-10 {
  margin-bottom: 10px; }

.small {
  font-size: 12px;
  color: #666666; }

.mt-20 {
  margin-top: 20px; }