@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-Light.eot");
  src: local("Segoe UI Light"), local("SegoeUI-Light"), url("../fonts/segoe/SegoeUI-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-Light.woff") format("woff"), url("../fonts/segoe/SegoeUI-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-BoldItalic.eot");
  src: local("Segoe UI Bold Italic"), local("SegoeUI-BoldItalic"), url("../fonts/segoe/SegoeUI-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-BoldItalic.woff") format("woff"), url("../fonts/segoe/SegoeUI-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-SemiBold.eot");
  src: local("Segoe UI Semibold"), local("SegoeUI-SemiBold"), url("../fonts/segoe/SegoeUI-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-SemiBold.woff") format("woff"), url("../fonts/segoe/SegoeUI-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI.eot");
  src: local("Segoe UI"), local("SegoeUI"), url("../fonts/segoe/SegoeUI.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI.woff") format("woff"), url("../fonts/segoe/SegoeUI.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-Bold.eot");
  src: local("Segoe UI Bold"), local("SegoeUI-Bold"), url("../fonts/segoe/SegoeUI-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-Bold.woff") format("woff"), url("../fonts/segoe/SegoeUI-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-Italic.eot");
  src: local("Segoe UI Italic"), local("SegoeUI-Italic"), url("../fonts/segoe/SegoeUI-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-Italic.woff") format("woff"), url("../fonts/segoe/SegoeUI-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

.tags-bar.single-bar {
  background-color: #222;
  font-size: 0; }
  .tags-bar.single-bar .settings-link {
    width: 92px;
    font-size: 14px;
    vertical-align: middle;
    display: inline-block; }
  .tags-bar.single-bar .slider-overlay {
    width: 100%; }
  .tags-bar.single-bar .tags-slider {
    width: 100%;
    vertical-align: middle;
    display: inline-block;
    margin: 0; }
  .tags-bar.single-bar .layout {
    display: table;
    width: 100%;
    table-layout: fixed; }
    .tags-bar.single-bar .layout > .col {
      display: table-cell;
      vertical-align: middle;
      width: auto;
      text-align: left; }
      .tags-bar.single-bar .layout > .col.link-col {
        width: 318px; }
        .tags-bar.single-bar .layout > .col.link-col .btn-link {
          text-align: left;
          font-size: 28px;
          height: auto;
          font-weight: 700;
          padding-top: 15px;
          padding-bottom: 15px; }
          .tags-bar.single-bar .layout > .col.link-col .btn-link:hover {
            color: #ff9100; }
      .tags-bar.single-bar .layout > .col.logo-col {
        width: 175px; }
        .tags-bar.single-bar .layout > .col.logo-col .online-status {
          margin-right: 0; }
  .tags-bar.single-bar .tags-list {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-right: -12px; }

.tag-overlay {
  overflow: hidden; }
  .tag-overlay .layout {
    display: table;
    width: 100%;
    table-layout: fixed; }
    .tag-overlay .layout > .col {
      display: table-cell;
      vertical-align: middle;
      width: auto;
      font-size: 0; }
    .tag-overlay .layout .logo-col {
      width: 170px; }
  .tag-overlay .tags-bar {
    background: #222; }
    .tag-overlay .tags-bar .tag-title {
      color: #fff;
      font-size: 18px;
      font-weight: 400;
      width: 130px;
      display: inline-block;
      vertical-align: middle; }
    .tag-overlay .tags-bar .settings-link {
      font-size: 14px;
      font-weight: 400;
      width: 91px;
      color: #ff9100;
      vertical-align: middle;
      display: inline-block;
      padding: 0; }
      .tag-overlay .tags-bar .settings-link:hover {
        opacity: .8; }
      .tag-overlay .tags-bar .settings-link .icon:before {
        position: relative;
        top: 2px; }

@media (max-width: 993px) {
  .tags-bar.single-bar .layout > .col.link-col {
    width: 235px; }
    .tags-bar.single-bar .layout > .col.link-col .btn-link {
      font-size: 20px; }
  .tags-bar.single-bar .layout > .col.logo-col {
    width: 143px; }
    .tags-bar.single-bar .layout > .col.logo-col .online-status {
      font-size: 14px; }
  .tag-overlay .tags-bar .layout .logo-col {
    width: 170px; } }

@media (max-width: 768px) {
  .tags-bar.single-bar .tags-list {
    padding-top: 0; }
  .tags-bar.single-bar .layout > .col.link-col {
    width: 200px; }
    .tags-bar.single-bar .layout > .col.link-col .btn-link {
      font-size: 16px; } }

@media (max-width: 640px) {
  .tags-bar.single-bar .layout {
    display: block; }
    .tags-bar.single-bar .layout .col.link-col {
      display: inline-block;
      width: 50%;
      padding-bottom: 0; }
      .tags-bar.single-bar .layout .col.link-col .btn-link {
        padding-left: 0; }
    .tags-bar.single-bar .layout .col.logo-col {
      display: inline-block;
      text-align: right;
      width: 50%;
      padding-bottom: 0; }
    .tags-bar.single-bar .layout .col {
      display: inline-block;
      width: 100%;
      padding-bottom: 15px; }
  .tags-bar.single-bar .tags-slider {
    margin-left: 0;
    width: calc(100% - 107px);
    margin-right: 10px; }
  .tag-overlay .tags-bar {
    padding-bottom: 15px; }
    .tag-overlay .tags-bar .layout {
      display: block;
      width: 100%; }
      .tag-overlay .tags-bar .layout .logo-col {
        display: block;
        width: 100%; }
      .tag-overlay .tags-bar .layout .col {
        display: block;
        width: 100%; } }

@media (max-width: 480px) {
  .tags-bar.single-bar .tags-list {
    margin: 0 -10px; }
    .tags-bar.single-bar .tags-list .title {
      margin-bottom: 5px; }
  .tags-bar.single-bar .layout > .col.link-col {
    display: block;
    width: 100%;
    text-align: left; }
    .tags-bar.single-bar .layout > .col.link-col .btn-link {
      font-size: 24px; }
  .tags-bar.single-bar .layout > .col.logo-col {
    display: block;
    width: 100%;
    text-align: left; }
    .tags-bar.single-bar .layout > .col.logo-col .online-status {
      padding-top: 0;
      font-size: 16px; }
  .tag-overlay .tags-bar .tag-title {
    display: none; }
  .tag-overlay .tags-bar .settings-link {
    position: absolute;
    top: 10px;
    right: 15px;
    height: auto; }
  .tag-overlay .tags-bar .layout {
    position: relative;
    width: 100%;
    display: block;
    font-size: 0; }
  .tag-overlay .tags-bar .layout .col {
    display: block;
    width: 100%; } }