html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 110px !important;
  font-family: 'Montserrat', sans-serif !important;

}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 110px;
  background-color: #f5f5f5;
}

.navbar-live365 {
  border-radius: 0px !important;
  background-image: linear-gradient(to bottom, #202020 0, #202020 100%);
  border-color: #202020;
}

.navbar-live365 .navbar-nav > li > a {
  color: #9d9d9d;
}

#special-product {
  color: white !important;
  text-shadow: 0px 0px 0px 0px !important;

}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #151515;
  border-color: #151515;
}

.navbar-nav > li > .dropdown-menu {
  background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
  border-radius: 0;
  border: 0;
}

.dropdown-menu .divider {
  background-color: #333;
}

.dropdown-menu > li > a {
  color: #ccc;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: #fff;
  background-image: linear-gradient(to bottom, #202020 0%, #202020 100%);
}

.dropdown-menu {
  background-color: #151515;
}

.dropdown-menu > li > a {
  color: #ccc;

}

.navbar-logo {
  height: 30px;
}

.navbar-nav li a {
  line-height: 28px;
  font-size: 14px;
}

.search-bar-holder {
  display: block;
  margin-top: 5px;
}

@media (max-width: 768px) {

  .navbar-toggle-left {
    padding: 0;
    line-height: 30px;
    float: left;
    margin-left: 10px;
  }

  .navbar-toggle-right {
    padding: 0;
    line-height: 30px;
    float: right;
  }

  .navbar-brand {
    position: absolute;
    left: 50%;
    margin-left: -62px !important; /* 50% of your logo width */
    display: block;
    margin-top: -3px;
  }

  .hide-mobile {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hide-non-mobile {
    display: none !important;
  }
}

.x1 {
  font-size: 24px;
}

.orange {
  color: #FF6600 !important;
}

.white {
  color: #FFFFFF !important;
}

.blue {
  color: #3cafff !important;
}

.hero {
  background-image: url("../hero-cb08a554e09b414ca0a71e937537b9c9.jpg");
  margin-left: 0px;
  margin-right: 0px;
}

.navbar-live365 .navbar-nav > li.products > a {
  border: 1px solid #FF6600;
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
  border-radius: 5px;
  margin: 13px 20px 0 0px;
  text-transform: uppercase;
}

.navbar-live365 .navbar-nav > li.products > a:hover {
  background-color: #FF6600;
}

.btn-orange {
  color: #fff;
  background-color: #FF6600;
  border-color: #C95101;
}

.btn-orange:focus,
.btn-orange.focus {
  color: #fff;
  background-color: #FF6600;
  border-color: #C95101;
}

.btn-orange:hover {
  color: #fff;
  background-color: #FF6600;
  border-color: #C95101;
}

.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  color: #fff;
  background-color: #FF6600;
  border-color: #C95101;
}

.btn-orange:active:hover,
.btn-orange.active:hover,
.open > .dropdown-toggle.btn-orange:hover,
.btn-orange:active:focus,
.btn-orange.active:focus,
.open > .dropdown-toggle.btn-orange:focus,
.btn-orange:active.focus,
.btn-orange.active.focus,
.open > .dropdown-toggle.btn-orange.focus {
  color: #fff;
  background-color: #C95101;
  border-color: #C95101;
}

.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  background-image: none;
}

.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled.focus,
.btn-orange[disabled].focus,
fieldset[disabled] .btn-orange.focus {
  background-color: #FF6600;
  border-color: #C95101;
}

.btn-orange .badge {
  color: #FF6600;
  background-color: #fff;
}

.ember-power-select-trigger {
  min-height: 2.5em !important;
}

.ember-power-select-trigger {
  background-color: #e5e5e5 !important;
}

.ember-power-select-trigger-multiple-input {
  padding-top: 4px;
  padding-left: 10px;
}

/* STARTING FRESH */
.main-hero {
  background: url(../main-image-91a0d2a77adb4ce126c6a73656b7d54f.jpg) no-repeat center top scroll;
  background-size: 100% auto;
  webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: white;
  height: 350px;
  vertical-align: middle;
  text-align: center;
}

.btn-orange-hollow {
  color: #fff;
  border: 2px solid #FF6600;
  border-radius: 10px;
  padding: 10px 10px 10px 10px;
  font-size: 18px;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
}

.btn-orange-hollow a:hover {
  text-decoration: none;
}

.btn-orange-hollow:hover {
  color: #fff;
  background-color: #FF6600;
  border: 2px solid #FF6600;
  border-radius: 10px;
  padding: 10px 10px 10px 10px;
  font-size: 18px;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
}

.btn-orange-filled {
  color: #fff;
  background-color: #FF6600;
  border: 2px solid #FF6600;
  border-radius: 10px;
  padding: 10px 10px 10px 10px;
  font-size: 18px;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
}

.btn-orange-filled:hover {
  text-decoration: none;
  background-color: #ffffff;
  color: #FF6600;
}

.btn-white-hollow {
  color: #fff;
  border: 2px solid #FFFFFF;
  border-radius: 10px;
  padding: 10px 10px 10px 10px;
  font-size: 18px;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
}

.btn-white-hollow:hover {
  color: #000000;
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
  border-radius: 10px;
  padding: 10px 10px 10px 10px;
  font-size: 18px;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
}

.btn-blue-hollow {
  color: #fff;
  border: 2px solid #57a0e3;
  border-radius: 10px;
  padding: 10px 10px 10px 10px;
  font-size: 18px;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
}

.btn-blue-hollow:hover {
  color: #ffffff;
  background-color: #57a0e3;
  border: 2px solid #57a0e3;
  border-radius: 10px;
  padding: 10px 10px 10px 10px;
  font-size: 18px;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
}

#welcome-back {
  padding-top: 80px;
}

#welcome-back .text ul > li.products > a {
  border-color: #FF6600;
  color: #fff;
  margin-right: 20px;
}

#welcome-back .text ul > li.stations > a {
  border-color: #fff;
  color: #fff;
  margin-left: 20px;
}

#welcome-back .text ul > li.products > a:hover, #welcome-back .text ul > li.products > a:focus {
  background-color: #FF6600;
}

#welcome-back .text ul > li.stations > a:hover, #welcome-back .text ul > li.stations > a:focus {
  background-color: #fff;
  color: #333;
}

#welcome-back .text ul > li.divider {
  background-color: #80776f;
  width: 1px;
  height: 60px;
  padding: 0;
}

#welcome-back .text h1 {
  font-size: 60px;
  margin-bottom: 50px;
  margin-top: 0;
}

#welcome-back .text h1 > span {
  top: -35px;
  position: relative;
}

#welcome-back .text ul {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  padding: 0;
  list-style: none;
}

#welcome-back .text ul > li > a {
  border: 2px solid;
  padding: 10px 20px;
  border-radius: 9px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 18px;
  cursor: pointer;
}

.start-your-station-hero {
  padding-top: 3em;
  padding-bottom: 3em;
}

.listen-hero {
  background: transparent url(../girl-listening-to-music-455db6e6c2ec87abfb024d6776b56d7b.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100%;
  color: white;
}

.listen-music .bg-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: .5;
  background-color: #000;
}

.listen-hero-text {
  padding-top: 4em;
  padding-bottom: 4em;
  text-align: right;
}

.hero-orange-btn {
  border: 1px;
}

@media (min-width: 960px) {
  .container-fixed {
    width: 960px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    height: 100%;
    background-color: #f6f6f6;
  }
}

.pricing-table .plan {
  border: 1px solid #d5d5d5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
  margin: 0 0 20px;
  position: relative;
  z-index: 1;
}

.pricing-table .plan:hover {
  border-color: #ccc #ccc #bbb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  z-index: 10;
}

.pricing-table .plan-name {
  padding: 30px 0;
}

.pricing-table .plan-name h2 {
  margin: 0;
  font-weight: 400;
}

.pricing-table .plan-name h2 + p {
  margin: 10px 15px 0;
}

.pricing-table .plan-price {
  background: #fafafa;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 0;
}

.pricing-table .plan-price b {
  font-size: 24px;
  font-weight: 400;
}

.pricing-table .plan-price b b {
  font-size: 16px;
  font-weight: 500;
}

.pricing-table .prefered .plan-price {
  background: #fff7e3;
  color: #b0a996;
}

.pricing-table .prefered .plan-price b {
  color: #d95246;
}

.pricing-table .plan-details {
  padding: 0 10px;
}

.pricing-table .plan-details > div {
  background: #fff;
  padding: 15px;
}

.pricing-table .plan-details > div + div {
  border-top: 1px solid #e5e5e5;
}

.pricing-table .plan-action {
  background: #fafafa;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  border-top: 1px solid #e5e5e5;
  padding: 15px;
}

.pricing-table.row-merge .plan {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.pricing-table.row-merge [class*="span"]:first-child .plan {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.pricing-table.row-merge [class*="span"]:last-child .plan {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.pricing-table.row-merge [class*="span"] + [class*="span"] .plan {
  margin-left: -1px;
}

.inactive {
  display: none;
}

ul.sidenav {
  list-style-type: none;
  padding: 0;
}

.sidenav-option {
  list-style-type: none;
}

.radio-small-image {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  max-height: 100px;
  min-height: 100px;
}

.station-preview {
  margin-top: 10px;
}

.station-nav {
  margin-right: -15px;
  padding-left: 15px;

}

.btn-blue-solid {
  color: #fff;
  background-color: #57a0e3;
  border: 2px solid #57a0e3;
  border-radius: 10px;
  padding: 5px 10px 5px 10px;
  font-size: 13px;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
}

.btn-blue-solid:hover {
  color: #57a0e3;
  background-color: #ffffff;
  border: 2px solid #57a0e3;
  border-radius: 10px;
  padding: 5px 10px 5px 10px;
  font-size: 13px;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
}

.navbar-brand, .navbar-nav > li > a {
  text-shadow: 0 0 0 0 !important;
}

.special-dropdown:hover, .special-dropdown:focus {
  text-decoration: none !important;
  background-color: #151515 !important;
}

.horizontal-line {
  border-bottom: 1px solid #b8b4bf;
}

.verticalLine {
  border-left: 1px solid #b8b4bf;
}

.player-bar {
  bottom: 0;
  position: fixed;
  float: right;
  background-color: #f2f2f2;
  width: 100%;
  height: 50px;
  border-top: 1px solid #bebebe;
  padding-top: 5px;
}

.player-img {
  height: 40px;
  width: 40px;
}
.player-song-title{
  color: #9e9e9e;
}

.player-song-title, .player-song-artist {
  padding-top: 3px;
  margin: 0 0 0 0 !important;
  font-size: 11px;
}

.play-btn {
  height: 40px;
  width: 40px;
  border: none;
  background-color: #f2f2f2;

}

.prog-bar {
  position: absolute;
  z-index: 2;
  top: 20px;
  left: 60px;
  border-top: 2px solid orange;
}

.prog-bar-total {
  position: absolute;
  z-index: 1;
  top: 20px;
  left: 60px;
  border-top: 2px solid #bebebe;
  width:100%;
}

.time-elapsed{
  position: absolute;
  top:10px;
  font-size: 13px;
}