@font-face {
  font-family: 'Proxima Nova Thin';
  src: url("../fonts/ProximaNova-Thin.eot");
  src: url("../fonts/ProximaNova-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Thin.woff2") format("woff2"), url("../fonts/ProximaNova-Thin.woff") format("woff"), url("../fonts/ProximaNova-Thin.ttf") format("truetype"), url("../fonts/ProximaNova-Thin.svg#ProximaNova-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Light';
  src: url("../fonts/ProximaNova-Light.eot");
  src: url("../fonts/ProximaNova-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Light.woff2") format("woff2"), url("../fonts/ProximaNova-Light.woff") format("woff"), url("../fonts/ProximaNova-Light.ttf") format("truetype"), url("../fonts/ProximaNova-Light.svg#ProximaNova-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Regular';
  src: url("../fonts/ProximaNova-Regular.eot");
  src: url("../fonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Regular.woff2") format("woff2"), url("../fonts/ProximaNova-Regular.woff") format("woff"), url("../fonts/ProximaNova-Regular.ttf") format("truetype"), url("../fonts/ProximaNova-Regular.svg#ProximaNova-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Semibold';
  src: url("../fonts/ProximaNova-Semibold.eot");
  src: url("../fonts/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Semibold.woff2") format("woff2"), url("../fonts/ProximaNova-Semibold.woff") format("woff"), url("../fonts/ProximaNova-Semibold.ttf") format("truetype"), url("../fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Bold';
  src: url("../fonts/ProximaNova-Bold.eot");
  src: local("Proxima Nova Bold"), local("ProximaNova-Bold"), url("../fonts/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Bold.woff2") format("woff2"), url("../fonts/ProximaNova-Bold.woff") format("woff"), url("../fonts/ProximaNova-Bold.ttf") format("truetype"), url("../fonts/ProximaNova-Bold.svg#ProximaNova-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Black';
  src: url("../fonts/ProximaNova-Black.eot");
  src: url("../fonts/ProximaNova-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Black.woff2") format("woff2"), url("../fonts/ProximaNova-Black.woff") format("woff"), url("../fonts/ProximaNova-Black.ttf") format("truetype"), url("../fonts/ProximaNova-Black.svg#ProximaNova-Black") format("svg");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Caveat Brush';
  src: url("../fonts/CaveatBrush-Regular.eot");
  src: url("../fonts/CaveatBrush-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/CaveatBrush-Regular.woff2") format("woff2"), url("../fonts/CaveatBrush-Regular.woff") format("woff"), url("../fonts/CaveatBrush-Regular.ttf") format("truetype"), url("../fonts/CaveatBrush-Regular.svg#CaveatBrush-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

* {
  box-sizing: border-box;
}

body {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-size: 1rem;
}

a {
  color: #fff;
  text-decoration: none;
  transition: all 0.25s ease-out;
}

p {
  margin: 0;
  font-family: "Proxima Nova Regular";
}

h1 {
  margin: 0 auto 16px;
  font-family: "Proxima Nova Regular";
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 73px;
  letter-spacing: 1px;
}

h2 {
  font-family: "Proxima Nova Regular";
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 49px;
  letter-spacing: 1px;
  color: #00A4D1;
}

ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}

input[type="search"] {
  box-sizing: border-box;
}

input[type="search"]:focus {
  outline: none;
}

.no-scroll {
  overflow: hidden;
  height: 100%;
}

.body-overlay {
  position: relative;
}

.body-overlay:after {
  display: block;
  content: ' ';
  background-color: #000;
  z-index: 3;
  opacity: .55;
}

.grad-overlay.grad-overlay {
  position: relative;
}

.grad-overlay.grad-overlay:after {
  display: block;
  content: ' ';
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #00A4D1), color-stop(100%, #75E77E));
  background: -webkit-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -o-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -ms-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: linear-gradient(330deg, #75E77E 0%, #00A4D1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bottom', endColorstr='$top', GradientType=0);
  opacity: .8;
}

.page-container {
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
  text-align: center;
}

.main-content {
  width: 1200px;
  margin: 0 auto;
}

.top-bg img {
  width: 100%;
}

.page-divider {
  display: block;
  width: 100%;
  max-width: 1400px;
  height: 0;
  margin: 45px auto;
  border-bottom: 1px solid #979797;
  opacity: .2;
}

.grad-divider {
  display: block;
  width: 100%;
  height: 1px;
  background: -moz-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #00A4D1), color-stop(100%, #75E77E));
  background: -webkit-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -o-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -ms-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: linear-gradient(330deg, #75E77E 0%, #00A4D1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bottom', endColorstr='$top', GradientType=0);
}

.left {
  float: left;
}

.right {
  float: right;
}

.select-wrapper {
  min-width: 105px;
  position: relative;
}

.select-wrapper span {
  display: block;
  height: 30px;
  padding: 7px 25px 7px 7px;
  color: #00A4D1;
  background-color: #fff;
  font-family: "Proxima Nova Bold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  text-transform: uppercase;
  cursor: pointer;
  text-align: left;
  transition: all 0.25s ease-out;
  border: 1px solid #00A4D1;
  border-radius: 5px;
  position: relative;
}

.select-wrapper span:hover {
  color: #fff;
  background-color: #00A4D1;
}

.select-wrapper span:hover:before {
  border-top-color: #fff;
}

.select-wrapper span:before {
  display: block;
  content: ' ';
  width: 0;
  height: 0;
  border-top: 5px solid #00A4D1;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  right: 11px;
  top: 50%;
  margin-top: -3px;
  transition: all 0.25s ease-out;
}

.select-wrapper .select-list {
  display: none;
  position: absolute;
  top: 29px;
  left: 0;
  background-color: #fff;
  z-index: 3;
  border: 1px solid #00A4D1;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden;
}

.select-wrapper.active span {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  z-index: 4;
}

.select-wrapper.active .select-list {
  display: block;
}

.select-wrapper .select-item {
  display: block;
  min-width: 103px;
  margin: 0;
  text-align: left;
}

.select-wrapper .select-item a {
  display: block;
  padding: 0 8px;
  font-family: "Proxima Nova Regular";
  line-height: 25px;
  color: #767676;
  cursor: default;
}

.select-wrapper .select-item:hover a {
  background-color: #eee;
}

.select-wrapper .select-item.selected a {
  color: #00A4D1;
  font-family: "Proxima Nova Bold";
}

.selectBox-dropdown {
  min-width: 0;
  height: 30px;
  border-color: #00A4D1;
  background: #fff;
}

.selectBox-dropdown:focus {
  border-color: #00A4D1;
}

.selectBox-dropdown:focus .selectBox-arrow {
  border-color: inherit;
  border-left-color: transparent;
  border-right-color: transparent;
}

.selectBox-dropdown:hover {
  border-color: #00A4D1;
  background-color: #00A4D1;
  cursor: pointer;
}

.selectBox-dropdown:hover .selectBox-label {
  color: #fff;
}

.selectBox-dropdown:hover .selectBox-arrow {
  border-top-color: #fff;
}

.selectBox-dropdown .selectBox-label {
  padding: 7px 10px;
  color: #00A4D1;
  font-family: "Proxima Nova Bold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  text-transform: uppercase;
}

.selectBox-dropdown .selectBox-arrow {
  background: transparent;
  border: none;
  width: 0;
  height: 0;
  content: ' ';
  margin-top: -3px;
  border-top: 5px solid #00A4D1;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  right: 11px;
  top: 50%;
}

.selectBox-dropdown.selectBoxActive {
  border: none;
}

.selectBox-options {
  border-top: none;
  border-color: #00A4D1;
  box-shadow: none;
  padding: 7px 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.selectBox-options li:first-child {
  display: none;
}

.selectBox-options li a {
  font-family: "Proxima Nova Regular";
  color: #767676;
  line-height: 25px;
  word-wrap: break-word;
}

.selectBox-options .selectBox-selected a {
  font-family: "Proxima Nova Bold";
  color: #00A4D1;
  background: transparent !important;
}

.star {
  display: block;
  width: 15px;
  height: 15px;
  background-image: url(../images/star_empty.svg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  position: absolute;
  cursor: pointer;
  transition: all 0.25s ease-out;
}

.star:hover {
  background-image: url(../images/star_full.svg);
}

.stations-container {
  max-width: 1200px;
  margin: 70px auto 0;
  padding: 0 107px;
}

.station-lg {
  width: 983px;
  height: 400px;
  margin: 48px auto 60px;
  position: relative;
  color: #fff;
}

.station-lg img {
  position: absolute;
  top: 0;
  left: 0;
}

.station-lg .station-category {
  position: absolute;
  top: 30px;
  left: 30px;
  font-family: "Proxima Nova Bold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  letter-spacing: .75px;
  text-transform: uppercase;
}

.station-lg .star {
  top: 30px;
  right: 20px;
}

.station-lg .station-name {
  position: absolute;
  bottom: 85px;
  left: 30px;
  font-family: "Proxima Nova Bold";
  font-size: 45px;
  font-size: 2.8125rem;
  line-height: 54px;
  letter-spacing: -1.1px;
}

.station-lg .station-desc {
  max-width: 520px;
  position: absolute;
  bottom: 33px;
  left: 30px;
  text-align: left;
  overflow: hidden;
}

.station-lg .play {
  width: 83px;
  height: 83px;
  position: absolute;
  top: 158px;
  right: 256px;
  background: url(../images/speaker_icon.svg) no-repeat center center;
  background-size: 100%;
  cursor: pointer;
}

.station-lg .time {
  position: absolute;
  top: 193px;
  left: 747px;
  font-family: "Proxima Nova Bold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  letter-spacing: .75px;
}

.search-filters {
  margin-top: 20px;
  padding: 30px;
}

.search-filters ul li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 19px;
  margin-right: -4px;
}

.search-filters ul li:first-child {
  margin-left: 0;
}

.search-filters .filter-list {
  margin-bottom: 33px;
}

.search-filters .filter-list li:last-child {
  margin-right: 0;
}

.search-filters .filter-list .select-list {
  padding: 5px 7px;
  border: 1px solid #00A4D1;
  border-radius: 5px;
}

.search-filters .filter-list .select-list li {
  font-family: "Proxima Nova Bold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  text-transform: uppercase;
  color: #00A4D1;
}

.search-filters .filter-list .select select {
  width: 217px;
}

.search-filters .filter-list .checkbox-wrapper {
  width: 97px;
}

.search-filters .tags li {
  min-width: 107px;
  height: 30px;
  padding: 7px 13px;
  color: #00A4D1;
  border: 1px solid #00A4D1;
  border-radius: 15px;
  margin-left: 10px;
  margin-right: -4px;
  position: relative;
}

.search-filters .tags li:first-child {
  margin-left: 0;
}

.search-filters .tags li p {
  font-family: "Proxima Nova Bold";
  text-transform: uppercase;
  text-align: left;
  font-size: 12px;
  font-size: 0.75rem;
}

.search-filters .tags li .close {
  font-family: "Proxima Nova Black";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  color: #00A4D1;
  position: absolute;
  top: 7px;
  right: 9px;
}

.tabs {
  height: 186px;
  padding-bottom: 63px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 2;
  transition: all .4s ease;
}

.tabs li {
  display: inline-block;
  width: 490px;
  position: relative;
  cursor: pointer;
  transition: all .4s ease;
}

.tabs li.current:before, .tabs li.current:after {
  display: block;
  content: ' ';
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.tabs li.current:before {
  border-top: 11px solid rgba(0, 0, 0, 0.1);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  bottom: -74px;
}

.tabs li.current:after {
  border-top: 9px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  bottom: -72px;
}

.tabs li.current .tab-icon {
  display: inline-block;
  width: 65px;
  height: 65px;
}

.tabs li.current p {
  color: #767676;
}

.tabs li.current.tab-broadcaster .tab-icon {
  background-image: url(../images/broadcaster_icon.svg);
}

.tabs li.current.tab-listener .tab-icon {
  background-image: url(../images/listener_icon.png);
}

.tabs li:first-child p:before {
  display: block;
  content: ' ';
  width: 0;
  height: 93px;
  position: absolute;
  top: 15px;
  left: 0;
  opacity: .2;
  border-right: 1px dashed #000;
}

.tabs li.tab-broadcaster .tab-icon {
  background-image: url(../images/broadcaster_inactive_icon.svg);
}

.tabs li.tab-listener .tab-icon {
  background-image: url(../images/listener_inactive_icon.svg);
}

.tabs li .tab-icon {
  display: inline-block;
  width: 65px;
  height: 65px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  transition: all .4s ease;
}

.tabs li p {
  color: #C7C7C7;
  padding: 7px 15px 10px;
  font-family: "Proxima Nova Regular";
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 37px;
  letter-spacing: -.85px;
  transition: all .4s ease;
}

.tabs li p:before, .tabs li p:after {
  display: block;
  content: ' ';
  width: 0;
  height: 93px;
  position: absolute;
  top: 15px;
  opacity: .2;
}

.tabs li p:after {
  border-right: 1px dashed #000;
  right: 0;
}

.tab-content {
  display: none;
  background: #fbfbfb;
  padding: 15px;
  padding-top: 247px;
}

.tab-content.current {
  display: inherit;
}

.comments .comment-list li {
  text-align: left;
  padding: 30px 220px 27px;
  position: relative;
  border-bottom: 1px dashed rgba(0, 0, 46, 0.2);
}

.comments .comment-list li img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  top: 27px;
  left: 150px;
}

.comments .comment-list li p {
  color: #767676;
}

.comments .comment-list li .user {
  margin-bottom: 13px;
  font-family: "Proxima Nova Bold";
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 37px;
  letter-spacing: -1px;
}

.comments .comment-list li .comment {
  margin-bottom: 18px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 25px;
}

.comments .comment-list li .date {
  font-family: "Proxima Nova Bold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  color: #C7C7C7;
}

.comments .new-comment {
  margin-top: 60px;
  margin-bottom: 130px;
}

.comments .new-comment h3 {
  margin-bottom: 60px;
  padding: 0 220px;
  color: #00A4D1;
  font-family: "Proxima Nova Regular";
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 37px;
  text-align: left;
}

.comments .new-comment textarea {
  width: 546px;
  height: 185px;
  border: none;
  resize: none;
  position: relative;
  font-family: "Proxima Nova Regular";
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 25px;
  color: #979797;
}

.comments .new-comment textarea:focus {
  outline: none;
}

.comments .new-comment .grad-divider {
  margin-bottom: 45px;
}

.comments .new-comment .btn-green {
  margin-left: 340px;
  position: static;
  height: 60px;
  padding-top: 18px;
}

.small-header .tabs {
  height: 74px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  padding-bottom: 0;
  background-color: #fff;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  z-index: 3;
  transition: all .4s ease;
}

.small-header .tabs li {
  padding: 20px 15px 13px;
  margin-right: -3px;
  transition: all .4s ease;
}

.small-header .tabs li .tab-icon,
.small-header .tabs li p {
  display: inline-block;
  vertical-align: middle;
  margin-right: -4px;
  transition: all .4s ease;
}

.small-header .tabs li .tab-icon:before,
.small-header .tabs li p:before {
  display: none;
}

.small-header .tabs li .tab-icon:after,
.small-header .tabs li p:after {
  top: 0;
  height: 100%;
}

.small-header .tabs li .tab-icon {
  width: 39px;
  height: 39px;
}

.small-header .tabs li p {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
}

.small-header .tabs li:last-child p:after {
  display: none;
}

.small-header .tabs .current:before {
  bottom: -11px;
}

.small-header .tabs .current:after {
  bottom: -9px;
}

.small-header .tabs .current .tab-icon {
  width: 39px;
  height: 39px;
}

.small-header .tab-content {
  box-shadow: none;
}

.zeno-player {
  width: 100%;
  height: 70px;
  background-color: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #E6E6E6;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03);
}

.zeno-player.expanded {
  border-top: 2px solid #00A4D1;
}

.zeno-player .player-controls {
  width: 1080px;
  margin: 0 auto;
  padding-left: 87px;
}

.zeno-player .player-controls .player-left {
  padding: 10px 0;
  float: left;
}

.zeno-player .player-controls .player-left a {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.zeno-player .player-controls .player-left a:last-child {
  margin-right: 0;
}

.zeno-player .player-controls .player-right {
  width: 384px;
  float: right;
  margin: 10px auto;
  padding-left: 20px;
  position: relative;
  text-align: left;
  border-left: 1px solid rgba(0, 0, 59, 0.2);
}

.zeno-player .player-controls .player-right img {
  float: left;
  margin-right: 10px;
}

.zeno-player .player-controls .player-right p {
  font-family: "Proxima Nova Semibold";
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
}

.zeno-player .player-controls .player-right p a {
  color: #00A4D1;
}

.zeno-player .player-controls .player-right .name {
  margin-top: 5px;
}

.zeno-player .player-controls .player-right .phone {
  font-family: "Proxima Nova Regular";
  opacity: .5;
  letter-spacing: -.4;
}

.zeno-player .player-controls .player-right .btn-playlist {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.zeno-player .player-controls .queue {
  display: inline-block;
  vertical-align: middle;
  width: 516px;
  height: 50px;
  padding: 12px 12px 11px 51px;
  background: #dedede;
  background: -moz-linear-gradient(top, rgba(222, 222, 222, 0.5) 0%, rgba(207, 207, 207, 0.5) 100%);
  background: -webkit-linear-gradient(top, rgba(222, 222, 222, 0.5) 0%, rgba(207, 207, 207, 0.5) 100%);
  background: linear-gradient(to bottom, rgba(222, 222, 222, 0.5) 0%, rgba(207, 207, 207, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=0 );
  border-radius: 4px;
  position: relative;
}

.zeno-player .player-controls .queue:before {
  display: block;
  content: ' ';
  width: 24px;
  height: 24px;
  background: url(../images/queue.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 14px;
  left: 19px;
}

.zeno-player .player-controls .queue p,
.zeno-player .player-controls .queue a {
  display: inline-block;
}

.zeno-player .player-controls .queue .status {
  font-family: "Proxima Nova Semibold";
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 27px;
  letter-spacing: -.55px;
}

.zeno-player .player-controls .queue .description {
  line-height: 20px;
  opacity: .5;
  margin-left: 10px;
}

.zeno-player .player-controls .queue .btn-close {
  float: right;
}

.zeno-player .player-controls .queue .message {
  display: block;
  width: 540px;
  height: 130px;
  padding: 17px 30px 0 30px;
  position: absolute;
  bottom: 60px;
  left: -14px;
  background-color: #fff;
  border: 2px solid #00A4D1;
  border-bottom: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.zeno-player .player-controls .queue .message p {
  font-family: "Proxima Nova Semibold";
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 28px;
  letter-spacing: -.55px;
  color: #ADADAD;
}

.zeno-player .player-controls .queue .message .btn-close {
  margin-right: 0;
}

.zeno-player .player-controls .queue .message .input-combined {
  width: 100%;
  margin-top: 13px;
}

.zeno-player .player-controls .queue .message .input-combined input {
  padding-left: 0;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid rgba(150, 150, 150, 0.2);
}

.zeno-player .player-controls .queue .message .input-combined input:focus {
  outline: none;
}

.zeno-player .player-controls .queue .message .input-combined .btn-green {
  height: 30px;
  padding: 6px 12px;
  right: 0;
}

.zeno-player .player-controls .on-air {
  display: inline-block;
  vertical-align: middle;
  width: 516px;
  height: 50px;
  padding: 12px 12px 11px 51px;
  background: -moz-linear-gradient(120deg, #44CBA1 0%, #00A4D1 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #00A4D1), color-stop(100%, #44CBA1));
  background: -webkit-linear-gradient(120deg, #44CBA1 0%, #00A4D1 100%);
  background: -o-linear-gradient(120deg, #44CBA1 0%, #00A4D1 100%);
  background: -ms-linear-gradient(120deg, #44CBA1 0%, #00A4D1 100%);
  background: linear-gradient(330deg, #44CBA1 0%, #00A4D1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bottom', endColorstr='$top', GradientType=0);
  border-radius: 4px;
  position: relative;
}

.zeno-player .player-controls .on-air:before {
  display: block;
  content: ' ';
  width: 24px;
  height: 24px;
  background: url(../images/on_air_icon.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 14px;
  left: 19px;
}

.zeno-player .player-controls .on-air p,
.zeno-player .player-controls .on-air a {
  display: inline-block;
  vertical-align: middle;
}

.zeno-player .player-controls .on-air .status {
  font-family: "Proxima Nova Semibold";
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 27px;
  letter-spacing: -.55px;
  color: #fff;
}

.zeno-player .player-controls .on-air .time {
  margin-top: 5px;
  margin-right: 18px;
  font-family: "Proxima Nova Bold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  letter-spacing: .75px;
  color: #fff;
}

.zeno-player .player-controls .on-air .btn-close {
  float: right;
}

.zeno-player .btn-share {
  position: absolute;
  top: 0;
  right: 30px;
  bottom: 0;
  margin: auto;
}

.zeno-player.wide .player-controls {
  width: 100%;
  max-width: 984px;
  padding-left: 0;
}

.zeno-player.fixed {
  position: fixed;
  bottom: 0;
  box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.04);
  z-index: 5;
}

.play-button {
  background-image: url(../images/play_grad_sm.svg);
  cursor: pointer;
  width: 17px;
  height: 23px;
  position: relative;
  top: -15px;
  left: 17px;
}

.play-button:hover {
  background-image: url(../images/play_hover.png);
}

.pause-button {
  background-image: url(../images/pause_grad_sm.png);
  cursor: pointer;
  width: 17px;
  height: 23px;
  position: relative;
  top: -15px;
  left: 17px;
}

.rewind-button {
  background-image: url(../images/rewind.png);
  cursor: pointer;
  width: 24px;
  height: 17px;
  position: relative;
  top: 6px;
}

.rewind-button:hover {
  background-image: url(../images/rewind_hover.png);
}

.fastforward-button {
  background-image: url(../images/fastforward.png);
  cursor: pointer;
  width: 24px;
  height: 17px;
  position: relative;
  top: -34px;
  left: 66px;
}

.fastforward-button:hover {
  background-image: url(../images/fastforward_hover.png);
}

.station-playlist {
  background-color: #fff;
  width: 514px;
  height: 435px;
  margin: 0 auto;
  padding: 40px 45px;
  overflow-y: scroll;
  border-radius: 2px;
  position: relative;
}

.station-playlist:before {
  display: block;
  content: ' ';
  width: 0;
  height: 0;
  margin: auto;
  border-top: 6px solid #27BAB5;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

.station-playlist .playlist-item {
  padding: 16px 0 15px 60px;
  text-align: left;
  position: relative;
  border-bottom: 1px solid rgba(199, 199, 199, 0.3);
  cursor: pointer;
}

.station-playlist .playlist-item:last-of-type {
  border-bottom: none;
}

.station-playlist .playlist-item:hover .number, .station-playlist .playlist-item.active .number {
  color: #fff;
  background-color: #00A4D1;
}

.station-playlist .playlist-item:hover h3, .station-playlist .playlist-item.active h3 {
  color: #00A4D1;
}

.station-playlist .playlist-item:hover .station-name, .station-playlist .playlist-item.active .station-name {
  color: #00A4D1;
}

.station-playlist .playlist-item:hover .time, .station-playlist .playlist-item.active .time {
  color: #00A4D1;
}

.station-playlist .playlist-item .number {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  padding-top: 5px;
  background-color: rgba(199, 199, 199, 0.2);
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "Proxima Nova Bold";
  color: rgba(0, 0, 0, 0.4);
  letter-spacing: -.34px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transition: all 0.25s ease-out;
}

.station-playlist .playlist-item h3 {
  margin: 0 0 10px 0;
  font-family: "Proxima Nova Regular";
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 30px;
  letter-spacing: -.7px;
  transition: all 0.25s ease-out;
}

.station-playlist .playlist-item .station-name {
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "Proxima Nova Bold";
  color: #C7C7C7;
  letter-spacing: -.3px;
  text-transform: uppercase;
  transition: all 0.25s ease-out;
}

.station-playlist .playlist-item .time {
  display: inline-block;
  margin-top: -9px;
  font-family: "Proxima Nova Regular";
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 18px;
  letter-spacing: -.95px;
  position: absolute;
  top: 50%;
  right: 0;
  transition: all 0.25s ease-out;
}

.player-login {
  display: block;
  width: 540px;
  height: 324px;
  padding: 17px 30px 0 30px;
  position: absolute;
  bottom: 60px;
  left: -14px;
  background-color: #fff;
  border: 2px solid #00A4D1;
  border-bottom: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  text-align: right;
}

.player-login h3 {
  margin-top: 12px;
  margin-bottom: 0;
  font-family: "Proxima Nova Semibold";
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 28px;
  letter-spacing: -.55px;
  text-align: left;
}

.player-login .btn-close {
  position: absolute;
  top: 29px;
  right: 20px;
}

.player-login form {
  text-align: left;
}

.player-login input {
  width: 100%;
  height: 60px;
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 2px;
  border: 1px solid #C7C7C7;
  font-family: "Proxima Nova Bold";
  color: #000;
}

.player-login input:focus {
  outline: none;
}

.player-login .btn-green {
  width: 102px;
  float: right;
  border-radius: 4px;
}

.player-login .text-link {
  margin-top: 9px;
  font-family: "Proxima Nova Regular";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  letter-spacing: -.3px;
  opacity: .5;
  text-decoration: underline;
  cursor: pointer;
  transition: all 0.25s ease-out;
}

.player-login .text-link:hover {
  text-decoration: none;
  opacity: .75;
}

.player-login .sign-in-links {
  margin-top: 20px;
  margin-bottom: 22px;
  text-align: center;
}

.player-login .sign-in-links li {
  display: inline-block;
  width: 150px;
  margin: 0 4px;
}

.player-login .sign-in-links li:first-child {
  margin-left: 0;
}

.player-login .sign-in-links li:last-child {
  margin-right: 0;
}

.player-login .sign-in-links li.google a {
  color: #DE4D3B;
}

.player-login .sign-in-links li.google a:hover {
  border-color: #DE4D3B;
}

.player-login .sign-in-links li.fb a {
  color: #39579A;
}

.player-login .sign-in-links li.fb a:hover {
  border-color: #39579A;
}

.player-login .sign-in-links li.twitter a {
  color: #69ACE0;
}

.player-login .sign-in-links li.twitter a:hover {
  border-color: #69ACE0;
}

.player-login .sign-in-links li a {
  display: block;
  width: 100%;
  height: 50px;
  padding-top: 16px;
  font-family: "Proxima Nova Bold";
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  border: 1px solid rgba(199, 199, 199, 0.5);
  border-radius: 4px;
}

.player-login .player-divider {
  width: 100%;
  height: 16px;
  margin-top: 23px;
  margin-bottom: 24px;
  text-align: center;
  position: relative;
}

.player-login .player-divider:after {
  display: block;
  content: ' ';
  width: 50%;
  height: 1px;
  margin-top: 2px;
  position: absolute;
  top: 50%;
  background-color: rgba(150, 150, 150, 0.2);
  z-index: 0;
}

.player-login .player-divider .text-container {
  z-index: 9;
  text-align: center;
}

.player-login .player-divider p {
  display: inline-block;
  padding: 0 8px;
  color: #767676;
  font-family: "Proxima Nova Regular";
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: -.3px;
  line-height: 15px;
  background-color: #fff;
}

.player-login hr {
  margin-top: 9px;
  border: none;
  border-bottom: 1px solid #979797;
  box-shadow: none;
  opacity: .2;
}

footer {
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
}

footer a {
  color: #ADADAD;
}

footer .action-buttons {
  margin: 107px auto 65px;
}

footer .action-buttons span {
  color: #75E77E;
}

footer .footer-nav {
  max-width: 1400px;
  display: block;
  margin: 0 auto 40px;
  border-top: 1px solid rgba(151, 151, 151, 0.2);
  border-bottom: 1px solid rgba(151, 151, 151, 0.2);
  text-align: center;
}

footer .footer-nav ul {
  padding: 24px 0 19px;
  float: left;
  width: 33.33333%;
}

footer .footer-nav .list-left {
  padding-left: 100px;
}

footer .footer-nav .list-center {
  border-left: 1px solid rgba(151, 151, 151, 0.2);
  border-right: 1px solid rgba(151, 151, 151, 0.2);
}

footer .footer-nav .list-right {
  padding-right: 100px;
}

footer .footer-nav li {
  display: block;
}

footer .footer-nav li a {
  display: inline-block;
  font-family: "Proxima Nova Semibold";
  font-size: 16px;
  font-size: 1rem;
  line-height: 35px;
}

footer .footer-nav li a:hover {
  color: #000;
}

footer .social-links {
  display: block;
  margin: 0 auto;
}

footer .social-links li {
  display: inline-block;
  width: auto;
  margin-right: 78px;
}

footer .social-links li:last-child {
  margin-right: 0;
}

footer .social-links li a {
  display: block;
  width: 100%;
  width: 26px;
  transition: all 0.25s ease-out;
}

footer .social-links li a:hover img {
  transform: scale(1.3, 1.3);
}

footer .social-links li a img {
  width: 100%;
  max-height: 22px;
  transition: all 0.25s ease-out;
}

.zeno-player.fixed + footer {
  margin-bottom: 70px;
}

.modal {
  display: none;
  width: 800px;
  height: 600px;
  margin: auto;
  background-color: #fff;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 4px;
  z-index: 10;
}

.modal.active {
  display: block;
}

.modal .close {
  width: 22px;
  height: 22px;
  float: right;
  top: -2px;
  right: -50px;
  position: relative;
  transform: rotate(45deg);
  transition: all 0.25s ease-out;
  cursor: pointer;
}

.modal .close:hover {
  transform: rotate(225deg);
}

.modal .close:before, .modal .close:after {
  display: block;
  content: ' ';
  background-color: #fff;
}

.modal .close:before {
  width: 4px;
  height: 20px;
}

.modal .close:after {
  width: 20px;
  height: 4px;
}

.modal .text-link {
  display: inline-block;
  color: #00A4D1;
  font-family: "Proxima Nova Bold";
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  letter-spacing: -.45px;
  text-decoration: underline;
}

.modal .text-link:hover {
  text-decoration: none;
}

.modal.modal-signin {
  background-color: #fff;
}

.modal.modal-signin .modal-body {
  text-align: center;
}

.modal.modal-signin h1 {
  color: #00A4D1;
  margin: 42px 0 8px 20px;
}

.modal.modal-signin small {
  display: block;
  max-width: 360px;
  margin: 0 auto;
  color: #767676;
  font-size: 16px;
  font-size: 1rem;
  line-height: 25px;
}

.modal.modal-signin .sign-in-links {
  margin: 30px 0 35px 0;
}

.modal.modal-signin .signin-divider {
  display: block;
  margin-bottom: 46px;
  border-bottom: 1px dashed rgba(117, 117, 117, 0.2);
  position: relative;
}

.modal.modal-signin .signin-divider:before, .modal.modal-signin .signin-divider:after {
  display: block;
  content: ' ';
  margin: auto;
  position: absolute;
}

.modal.modal-signin .signin-divider:before {
  width: 46px;
  height: 46px;
  background: url(../images/divider_or.svg) no-repeat center center;
  background-size: contain;
  bottom: -23px;
  left: 0;
  right: 0;
}

.modal.modal-signin .signin-divider:after {
  width: 10px;
  height: 14px;
  right: 0;
  bottom: -7px;
  left: 0;
}

.modal.modal-signin .modal-footer {
  height: 145px;
  background-color: rgba(199, 199, 199, 0.1);
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

.modal.modal-signin .modal-footer p {
  margin-bottom: 5px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  letter-spacing: -.45px;
  color: #767676;
}

.modal.modal-signin .modal-footer .text-link {
  color: #767676;
}

.stats {
  width: 1040px;
  margin-bottom: 135px;
  padding: 0 27px;
}

.stats .stats-list {
  margin-top: 63px;
  margin-bottom: 80px;
}

.stats .stats-list li {
  display: inline-block;
  max-width: 250px;
  vertical-align: top;
}

.stats .stats-list li .number {
  font-family: "Proxima Nova Thin";
  font-size: 82px;
  font-size: 5.125rem;
  line-height: 144px;
  letter-spacing: -3px;
  color: #00A4D1;
}

.stats .stats-list li .description {
  line-height: 25px;
  color: #767676;
  opacity: .5;
}

.feature-list li {
  width: 33.33333%;
  min-height: 140px;
  padding: 38px 18px 0 0;
  float: left;
  text-align: left;
  box-sizing: border-box;
  border-top: 1px dashed rgba(117, 117, 117, 0.2);
}

.feature-list li:nth-child(1), .feature-list li:nth-child(2), .feature-list li:nth-child(3) {
  padding-top: 0;
  border-top: none;
}

.feature-list li:nth-child(1) .img-wrapper, .feature-list li:nth-child(2) .img-wrapper, .feature-list li:nth-child(3) .img-wrapper {
  min-height: 140px;
}

.feature-list li:nth-child(2), .feature-list li:nth-child(5), .feature-list li:nth-child(8), .feature-list li:nth-child(11) {
  border-left: 1px dashed rgba(117, 117, 117, 0.2);
  border-right: 1px dashed rgba(117, 117, 117, 0.2);
}

.feature-list li .img-wrapper {
  width: 115px;
  min-height: 100px;
  position: relative;
  float: left;
  text-align: center;
}

.feature-list li img {
  max-height: 58px;
  max-width: 54px;
  margin-top: 30px;
}

.feature-list li h3 {
  margin: 0;
  font-family: "Proxima Nova Regular";
  color: #00A4D1;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 27px;
  letter-spacing: -.55px;
}

.sign-in-links {
  margin-top: 18px;
  margin-bottom: 22px;
  text-align: center;
}

.sign-in-links li {
  display: inline-block;
  width: 150px;
  margin: 0 4px;
}

.sign-in-links li:first-child {
  margin-left: 0;
}

.sign-in-links li:last-child {
  margin-right: 0;
}

.sign-in-links li.google a {
  color: #DE4D3B;
}

.sign-in-links li.google a:hover {
  border-color: #DE4D3B;
}

.sign-in-links li.fb a {
  color: #39579A;
}

.sign-in-links li.fb a:hover {
  border-color: #39579A;
}

.sign-in-links li.twitter a {
  color: #69ACE0;
}

.sign-in-links li.twitter a:hover {
  border-color: #69ACE0;
}

.sign-in-links li a {
  display: block;
  width: 100%;
  height: 50px;
  padding-top: 16px;
  font-family: "Proxima Nova Bold";
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  border: 1px solid rgba(199, 199, 199, 0.5);
  border-radius: 4px;
}

.sign-in-links.links-lg li {
  width: 210px;
  margin: 0 10px;
}

.sign-in-links.links-lg li a {
  height: 130px;
  padding-top: 80px;
  background-repeat: no-repeat;
  background-position: center 32px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
}

.sign-in-links.links-lg .google a {
  background-image: url(../images/gplus_logo.svg);
}

.sign-in-links.links-lg .fb a {
  background-image: url(../images/fb_logo.svg);
}

.sign-in-links.links-lg .twitter a {
  background-image: url(../images/twitter_logo.svg);
}

.modal {
  display: none;
  width: 800px;
  height: 600px;
  margin: auto;
  background-color: #fff;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 4px;
  z-index: 10;
}

.modal.active {
  display: block;
}

.modal .close {
  width: 22px;
  height: 22px;
  float: right;
  top: -2px;
  right: -50px;
  position: relative;
  transform: rotate(45deg);
  transition: all 0.25s ease-out;
  cursor: pointer;
}

.modal .close:hover {
  transform: rotate(225deg);
}

.modal .close:before, .modal .close:after {
  display: block;
  content: ' ';
  background-color: #fff;
}

.modal .close:before {
  width: 4px;
  height: 20px;
}

.modal .close:after {
  width: 20px;
  height: 4px;
}

.modal .text-link {
  display: inline-block;
  color: #00A4D1;
  font-family: "Proxima Nova Bold";
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  letter-spacing: -.45px;
  text-decoration: underline;
}

.modal .text-link:hover {
  text-decoration: none;
}

.modal.modal-signin {
  background-color: #fff;
}

.modal.modal-signin .modal-body {
  text-align: center;
}

.modal.modal-signin h1 {
  color: #00A4D1;
  margin: 42px 0 8px 20px;
}

.modal.modal-signin small {
  display: block;
  max-width: 360px;
  margin: 0 auto;
  color: #767676;
  font-size: 16px;
  font-size: 1rem;
  line-height: 25px;
}

.modal.modal-signin .sign-in-links {
  margin: 30px 0 35px 0;
}

.modal.modal-signin .signin-divider {
  display: block;
  margin-bottom: 46px;
  border-bottom: 1px dashed rgba(117, 117, 117, 0.2);
  position: relative;
}

.modal.modal-signin .signin-divider:before, .modal.modal-signin .signin-divider:after {
  display: block;
  content: ' ';
  margin: auto;
  position: absolute;
}

.modal.modal-signin .signin-divider:before {
  width: 46px;
  height: 46px;
  background: url(../images/divider_or.svg) no-repeat center center;
  background-size: contain;
  bottom: -23px;
  left: 0;
  right: 0;
}

.modal.modal-signin .signin-divider:after {
  width: 10px;
  height: 14px;
  right: 0;
  bottom: -7px;
  left: 0;
}

.modal.modal-signin .modal-footer {
  height: 145px;
  background-color: rgba(199, 199, 199, 0.1);
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

.modal.modal-signin .modal-footer p {
  margin-bottom: 5px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  letter-spacing: -.45px;
  color: #767676;
}

.modal.modal-signin .modal-footer .text-link {
  color: #767676;
}

.station-link.marquee:hover {
  animation: marquee 5s linear infinite;
}

.playlist-show-title h3.marquee:hover {
  animation: marquee 3.4s linear infinite;
}

.playlist-show-title {
  width: 223px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

.clearfix, .zeno-player .player-controls, section, .page-listener .station-container .station-content .tags, .single-post .text-container .author, .page-blog section article .user-info, .page-country .coutry-list li, .page-landing .interact-section .stations-list li {
  *zoom: 1;
}

.clearfix:before, .zeno-player .player-controls:before, section:before, .page-listener .station-container .station-content .tags:before, .single-post .text-container .author:before, .page-blog section article .user-info:before, .page-country .coutry-list li:before, .page-landing .interact-section .stations-list li:before, .clearfix:after, .zeno-player .player-controls:after, section:after, .page-listener .station-container .station-content .tags:after, .single-post .text-container .author:after, .page-blog section article .user-info:after, .page-country .coutry-list li:after, .page-landing .interact-section .stations-list li:after {
  display: table;
  content: "";
  line-height: 0;
}

.clearfix:after, .zeno-player .player-controls:after, section:after, .page-listener .station-container .station-content .tags:after, .single-post .text-container .author:after, .page-blog section article .user-info:after, .page-country .coutry-list li:after, .page-landing .interact-section .stations-list li:after {
  clear: both;
}

.absolute-center, .body-overlay:after, .grad-overlay:after, .player-login .player-divider .text-container, .modal .close:before, .modal .close:after, .stations-detailed > li .img-container:before, .interactive-stations .interactive-stations-gallery li .img-wrapper:before, .interactive-stations .interactive-stations-gallery li .img-wrapper:after, .interactive-stations .interactive-stations-gallery li .img-wrapper img, .page-all-users .users ul li a:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.is-hidden {
  display: none !important;
}

.vertical-divider {
  display: block;
  width: 1px;
  background-color: #979797;
}

.text-black {
  color: #000;
}

.select {
  display: inline-block;
  position: relative;
}

.select:before {
  display: block;
  content: ' ';
  margin-top: -3px;
  pointer-events: none;
  border-top: 5px solid #00A4D1;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  right: 11px;
  top: 50%;
}

.select select {
  display: block;
  height: 30px;
  margin: 0;
  cursor: pointer;
  padding: 7px 0 7px 7px;
  background: #fff;
  color: #00A4D1;
  font-family: "Proxima Nova Bold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  text-transform: uppercase;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #00A4D1;
  border-radius: 5px;
  box-sizing: border-box;
  outline: none;
}

.select select option {
  padding: 7px 13px;
}

.select select option:first-child {
  display: none;
}

.checkbox-label {
  display: inline-block;
  width: 97px;
  height: 30px;
  padding: 7px 55px 7px 10px;
  position: relative;
  text-transform: uppercase;
  font-family: "Proxima Nova Bold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  color: #00A4D1;
  cursor: pointer;
  border: 1px solid #00A4D1;
  border-radius: 4px;
}

.checkbox-label:before, .checkbox-label:after {
  display: block;
  content: ' ';
  position: absolute;
  transition: all 0.25s ease-out;
}

.checkbox-label:before {
  width: 48px;
  height: 28px;
  background-color: #ccc;
  top: 0;
  right: 0;
  border-radius: 3px;
}

.checkbox-label:after {
  width: 20px;
  height: 20px;
  background-color: #fff;
  top: 4px;
  right: 24px;
  border-radius: 2px;
}

.checkbox:checked ~ .checkbox-label:before,
.checkbox:checked ~ * .checkbox-label:before {
  background: #00A4D1;
}

.checkbox:checked ~ .checkbox-label:after,
.checkbox:checked ~ * .checkbox-label:after {
  right: 4px;
}

.checkbox,
.expandable {
  display: none;
}

button {
  transition: all 0.25s ease-out;
}

.btn {
  display: inline-block;
  cursor: pointer;
  font-family: "Proxima Nova Bold";
  text-transform: uppercase;
  border-radius: 2px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-xs {
  height: 30px;
  padding: 7px 15px;
}

.btn-sm {
  padding: 9px 10px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  text-align: center;
}

.btn-md {
  width: 170px;
  height: 50px;
  padding: 15px;
}

.btn-lg {
  width: 200px;
  height: 60px;
  padding: 18px;
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 24px;
}

.btn-rounded {
  width: 87px;
  border-radius: 20px;
}

.btn-transparent {
  background-color: transparent;
  border: 0 solid #fff;
  border: 1px solid #fff;
}

.btn-transparent:hover {
  background-color: #fff;
  color: #00A4D1;
}

.btn-white {
  background-color: #fff;
  color: #00A4D1;
  border: 1px solid #fff;
}

.btn-white:hover {
  background-color: transparent;
  color: #fff;
}

.btn-blue {
  background-color: #fff;
  color: #00A4D1;
  border: 1px solid #00A4D1;
}

.btn-blue:hover {
  background-color: #00A4D1;
  color: #fff;
}

.btn-blue-inv {
  background-color: #00A4D1;
  color: #fff;
  border: 1px solid #00A4D1;
}

.btn-blue-inv:hover {
  background-color: #fff;
  color: #00A4D1;
}

.btn-grey {
  background-color: #fff;
  color: #C7C7C7;
  border: 1px solid #C7C7C7;
}

.btn-grey:hover {
  background-color: #C7C7C7;
  color: #fff;
}

.btn-light-grey-inv {
  background-color: rgba(199, 199, 199, 0.18);
  color: #767676;
  border: 1px solid rgba(199, 199, 199, 0.4);
}

.btn-light-grey-inv:hover {
  background-color: #C7C7C7;
  color: #fff;
}

.btn-green {
  background-color: #75E77E;
  color: #fff;
  border: 1px solid #75E77E;
}

.btn-green:hover {
  background-color: transparent;
  color: #75E77E;
}

.btn-grey {
  background-color: #fff;
  color: #C7C7C7;
  border: 1px solid #C7C7C7;
}

.btn-grey:hover {
  background-color: #C7C7C7;
  color: #fff;
}

.btn-green-transparent {
  background-color: transparent;
  color: #75E77E;
  border: 1px solid #75E77E;
}

.btn-green-transparent:hover {
  background-color: #75E77E;
  color: #fff;
}

.btn-search {
  width: 59px;
  height: 59px;
  padding: 0;
  border-radius: 50%;
  border: none;
  background: -moz-linear-gradient(120deg, #32C0AD 0%, #11AEC5 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #11AEC5), color-stop(100%, #32C0AD));
  background: -webkit-linear-gradient(120deg, #32C0AD 0%, #11AEC5 100%);
  background: -o-linear-gradient(120deg, #32C0AD 0%, #11AEC5 100%);
  background: -ms-linear-gradient(120deg, #32C0AD 0%, #11AEC5 100%);
  background: linear-gradient(330deg, #32C0AD 0%, #11AEC5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bottom', endColorstr='$top', GradientType=0);
}

.btn-search:focus {
  outline: none;
}

.btn-search span {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../images/search_icon.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

.btn-upload {
  height: 30px;
  padding: 7px 10px 7px 30px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  position: relative;
}

.btn-upload:before {
  display: block;
  content: ' ';
  width: 10px;
  height: 10px;
  background: url(../images/arrow_down_clear_sm.svg) no-repeat left center;
  position: absolute;
  top: 0;
  left: 11px;
  bottom: 0;
  margin: auto;
}

.btn-play,
.btn-pause {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: -moz-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #00A4D1), color-stop(100%, #75E77E));
  background: -webkit-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -o-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -ms-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: linear-gradient(330deg, #75E77E 0%, #00A4D1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bottom', endColorstr='$top', GradientType=0);
  position: relative;
  z-index: 0;
  border-radius: 3px;
}

.btn-play:before, .btn-play:after,
.btn-pause:before,
.btn-pause:after {
  display: block;
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 0;
}

.btn-play:before,
.btn-pause:before {
  width: 48px;
  height: 48px;
  background-color: #fff;
  border-radius: 2px;
  transition: all 0.25s ease-out;
}

.btn-play:after {
  width: 17px;
  height: 24px;
  background: url(../images/play_grad_sm.svg) no-repeat center center;
  background-size: contain;
}

.btn-play:hover:before {
  opacity: 0;
  transition: all 0.25s ease-out;
}

.btn-play:hover:after {
  background: url(../images/play_white_sm.svg) no-repeat center center;
  background-size: contain;
}

.btn-pause:after {
  width: 17px;
  height: 24px;
  background: url(../images/pause_grad_sm.png) no-repeat center center;
  background-size: contain;
}

.btn-pause:hover:before {
  opacity: 0;
  transition: all 0.25s ease-out;
}

.btn-pause:hover:after {
  background: url(../images/pause_white_sm.png) no-repeat center center;
  background-size: contain;
}

.btn-close {
  width: 24px;
  height: 24px;
  background: url(../images/btn_close_black.svg) no-repeat center center;
  background-size: contain;
  position: relative;
}

.btn-close:hover {
  opacity: .5;
}

.btn-close.white {
  background: url(../images/btn_close_white.svg) no-repeat center center;
  background-size: contain;
}

.btn-close.white:hover {
  opacity: 1;
  background: url(../images/btn_close_black.svg) no-repeat center center;
  background-size: contain;
}

.btn-play-lg {
  width: 164px;
  height: 164px;
  background-color: #fff;
  position: relative;
  border-radius: 4px;
}

.btn-play-lg:hover {
  transform: scale(1.05, 1.05);
}

.btn-play-lg:before {
  display: block;
  content: ' ';
  width: 33px;
  height: 50px;
  background: url(../images/play_grad_sm.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.btn-grad {
  display: inline-block;
  height: 50px;
  padding: 16px 42px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  background: -moz-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #00A4D1), color-stop(100%, #75E77E));
  background: -webkit-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -o-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -ms-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: linear-gradient(330deg, #75E77E 0%, #00A4D1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bottom', endColorstr='$top', GradientType=0);
  text-transform: uppercase;
  border-radius: 3px;
  transition: all 0.25s ease-out;
}

.btn-grad:hover {
  background: transparent;
  color: #00A4D1;
  border: 1px solid #00A4D1;
  transition: all 0.25s ease-out;
}

.btn-grad-disabled {
  display: inline-block;
  height: 50px;
  padding: 16px 42px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  background: -moz-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #00A4D1), color-stop(100%, #75E77E));
  background: -webkit-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -o-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -ms-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: linear-gradient(330deg, #75E77E 0%, #00A4D1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bottom', endColorstr='$top', GradientType=0);
  text-transform: uppercase;
  border-radius: 3px;
  color: #fff;
}

.btn-playlist {
  display: inline-block;
  width: 18px;
  height: 14px;
  border-top: 2px solid #75E77E;
  border-bottom: 2px solid #75E77E;
  position: relative;
}

.btn-playlist:before {
  display: block;
  content: ' ';
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #75E77E;
}

.btn-share {
  display: inline-block;
  width: 17px;
  height: 19px;
  background: url(../images/share_icon.svg) no-repeat center center;
  background-size: contain;
  cursor: pointer;
}

.btn-play-episode,
.btn-pause-episode {
  display: block;
  width: 68px;
  height: 68px;
  background-color: #75E77E;
  border: 2px solid #00A4D1;
  border-radius: 100px;
  position: relative;
}

.btn-play-episode:hover,
.btn-pause-episode:hover {
  background-color: #fff;
}

.btn-play-episode:before,
.btn-pause-episode:before {
  display: block;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: all 0.25s ease-out;
}

.btn-play-episode:hover:before {
  border-left-color: #00A4D1;
}

.btn-play-episode:before {
  border-left: 12px solid #fff;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
}

.btn-pause-episode:hover:before {
  border-color: #00A4D1;
}

.btn-pause-episode:before {
  width: 5px;
  height: 18px;
  border-right: 3px solid #fff;
  border-left: 3px solid #fff;
}

.btn-gradient-white {
  color: #00A4D1;
  text-transform: none;
  letter-spacing: -.8px;
  border: 1px solid #00A4D1;
  border-radius: 3px;
  position: relative;
}

.btn-gradient-white i {
  margin-right: 10px;
}

.icon-hamburger {
  display: inline-block;
  width: 18px;
  height: 2px;
  background-color: #fff;
  position: relative;
  margin: 6px 0;
  transition: all 0.25s ease-out;
}

.icon-hamburger:before, .icon-hamburger:after {
  display: block;
  content: '';
  width: inherit;
  height: inherit;
  background-color: inherit;
  position: absolute;
  left: 0;
  right: 0;
}

.icon-hamburger:before {
  top: -6px;
}

.icon-hamburger:after {
  bottom: -6px;
}

.icon-like {
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/icon-heart.svg") no-repeat center center #fff;
  border-radius: 3px;
}

.icon-heart-grad {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("../images/icon-heart-grad.svg") no-repeat center center;
}

.icon-heart-blue {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/icon-heart-blue.svg") no-repeat center center;
}

.icon-play-xs-grad {
  display: inline-block;
  width: 9px;
  height: 15px;
  background: url("../images/icon-play-xs-grad.svg") no-repeat center center;
}

.icon-call-grad {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("../images/icon-call-grad.svg") no-repeat center center;
}

.icon-call-blue {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/icon-phone-blue.svg") no-repeat center center;
}

html {
  font-family: "Proxima Nova Regular";
}

header {
  height: 100px;
  max-width: 1600px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

header .logo {
  display: block;
  float: left;
  margin: 36px 0 0 40px;
}

header .top-nav {
  float: right;
  margin: 50px 30px 10px 10px;
}

header .top-nav .nav-link {
  margin-right: 40px;
}

header .top-nav .nav-link a {
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 17px;
  font-family: "Proxima Nova Bold";
  cursor: pointer;
}

header .top-nav .nav-link a:hover {
  color: #00A4D1;
}

header .top-nav .nav-user {
  height: 35px;
  padding: 1px;
  background: -moz-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #00A4D1), color-stop(100%, #75E77E));
  background: -webkit-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -o-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -ms-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: linear-gradient(330deg, #75E77E 0%, #00A4D1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bottom', endColorstr='$top', GradientType=0);
  border-radius: 17px;
}

header .top-nav .nav-user .user-container {
  display: block;
  height: 100%;
  background-color: #fff;
  text-align: left;
  border-radius: 16px;
  position: relative;
  cursor: pointer;
}

header .top-nav .nav-user .user-container:hover .user-dropdown {
  display: block;
}

header .top-nav .nav-user .user-container img {
  display: inline-block;
  vertical-align: middle;
  width: 33px;
  height: 33px;
  margin-right: -4px;
  border-radius: 50%;
}

header .top-nav .nav-user .user-container .username {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  margin-right: 35px;
  color: #767676;
  font-family: "Proxima Nova Regular";
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 17px;
  position: relative;
}

header .top-nav .nav-user .user-container .username:before {
  display: block;
  content: ' ';
  width: 0;
  height: 0;
  border-top: 6px solid #00A4D1;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  top: 6px;
  right: -24px;
}

header .top-nav .nav-user .user-container .user-dropdown {
  display: none;
  padding-top: 20px;
  border: 1px solid #fff;
  border-top: none;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  text-align: center;
  position: absolute;
  top: 17px;
  right: -1px;
  left: -1px;
}

header .top-nav .nav-user .user-container .user-dropdown .text-link {
  display: inline-block;
  padding: 6px 15px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 17px;
}

header .top-nav .nav-btn {
  margin-right: 9px;
}

header .top-nav .nav-btn:last-child {
  margin-right: 0;
}

header.nav-dark {
  position: static;
}

header.nav-dark .nav-link a {
  color: #767676;
}

nav ul li {
  display: inline-block;
}

.header-bg {
  height: 329px;
  background: url(../images/search_top_bg.jpg) no-repeat center center;
}

.top-slider {
  max-width: none;
  margin: 0;
  margin-bottom: 10px;
}

.top-slider .flickity-slider {
  transform: none !important;
}

.top-slider .gallery-cell {
  left: 0 !important;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  z-index: -1;
}

.top-slider .gallery-cell.is-selected, .top-slider .gallery .gallery-cell:hover, .gallery .top-slider .gallery-cell:hover {
  opacity: 1;
  z-index: 0;
}

.top-slider .gallery-cell {
  width: 100%;
  height: 904px;
  margin: 0;
}

.top-slider .gallery-cell.is-selected, .top-slider .gallery .gallery-cell:hover, .gallery .top-slider .gallery-cell:hover {
  margin-top: 0;
}

.top-slider .gallery-cell .img-overlay {
  display: inline-block;
}

.top-slider .gallery-cell .img-overlay img {
  display: block;
}

.top-content {
  margin: auto;
  position: absolute;
  top: 230px;
  left: 0;
  right: 0;
}

.headline {
  margin: 0 auto 60px;
  color: #fff;
}

.headline #logo {
  margin-bottom: 30px;
  font-family: "Proxima Nova Semibold";
  font-weight: normal;
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1;
  text-align: center;
  letter-spacing: -1px;
}

.headline p {
  margin: 0 20px;
  font-family: "Proxima Nova Semibold";
  font-size: 22px;
  font-size: 1.375rem;
  text-align: center;
  line-height: 1;
}

.search-box {
  max-width: 740px;
  margin: auto;
}

.search-box .search-wrapper {
  position: relative;
}

.search-box .search-wrapper .btn-search {
  position: absolute;
  top: 5px;
  right: 6px;
}

.search-box .search-wrapper #search::-webkit-input-placeholder {
  color: #fff;
}

.search-box .search-wrapper #search::-moz-placeholder {
  color: #fff;
}

.search-box .search-wrapper #search:-ms-input-placeholder {
  color: #fff;
}

.search-box .search-wrapper #search:-moz-placeholder {
  color: #fff;
}

.search-box .search-field {
  height: 70px;
  padding: 20px 80px 20px 30px;
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 30px;
  letter-spacing: -1;
  font-family: "Proxima Nova Regular";
}

.search-box .search-transparent {
  background-color: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 35px;
  color: #fff;
}

.search-box .search-transparent:focus {
  background-color: #fff;
  color: #000;
}

.action-buttons {
  margin-top: 81px;
  text-align: center;
}

.action-buttons a,
.action-buttons span {
  vertical-align: middle;
}

.action-buttons span {
  margin: 0 15px;
  color: #fff;
  font-family: "Proxima Nova Bold";
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
}

section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 107px;
  position: relative;
}

section .btn-green {
  height: 30px;
  padding-top: 7px;
  padding-bottom: 8px;
  border-radius: 4px;
  position: absolute;
  top: 17px;
  right: 107px;
}

.page-home section .btn-green {
  top: 50px;
}

.featured-stations {
  margin-top: 60px;
}

.featured-stations h2 {
  margin-bottom: 76px;
}

.stations {
  margin-left: -40px;
  margin-right: -40px;
}

.stations li {
  display: inline-block;
  width: 275px;
  margin: 0 40px 25px;
}

.stations li:hover .station-controls:before {
  opacity: .9;
}

.stations li:hover .station-controls a {
  text-decoration: underline;
}

.stations li:hover .station-controls .play {
  width: 38px;
  height: 38px;
  background-image: url(../images/speaker_lg_icon.svg);
  top: 60px;
  left: 120px;
}

.stations li:hover .station-desc p {
  color: #00A4D1;
  transition: all 0.25s ease-out;
}

.stations li .station-controls {
  height: 180px;
  border-radius: 4px;
  position: relative;
}

.stations li .station-controls:before {
  display: block;
  content: ' ';
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #00A4D1), color-stop(100%, #75E77E));
  background: -webkit-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -o-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -ms-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: linear-gradient(330deg, #75E77E 0%, #00A4D1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bottom', endColorstr='$top', GradientType=0);
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.25s ease-out;
}

.stations li .station-controls .star {
  top: 13px;
  right: 20px;
}

.stations li .station-controls a {
  font-family: "Proxima Nova Bold";
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 27px;
  letter-spacing: -.55px;
  position: absolute;
  left: 19px;
  bottom: 28px;
}

.stations li .station-controls .station-time {
  font-family: "Proxima Nova Bold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  letter-spacing: .75px;
  color: #fff;
  position: absolute;
  left: 20px;
  bottom: 13px;
}

.stations li .station-controls .play {
  display: block;
  width: 36px;
  height: 36px;
  background-image: url(../images/speaker_icon.svg);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  right: 10px;
  bottom: 15px;
  cursor: pointer;
}

.stations li .station-desc {
  text-align: left;
}

.stations li .station-desc p {
  line-height: 22px;
}

.stations li .station-desc .station-link {
  display: inline-block;
  margin-top: 8px;
  color: #000;
  font-family: "Proxima Nova Semibold";
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 30px;
  text-align: left !important;
}

.stations li .station-desc .station-link:hover {
  text-decoration: underline;
}

.stations-detailed {
  margin-bottom: 65px;
}

.stations-detailed > li {
  display: inline-block;
  width: 410px;
  margin-bottom: 50px;
}

.stations-detailed > li:nth-child(odd) {
  margin-right: 140px;
}

.stations-detailed > li:hover .station-desc .station-link {
  color: #00A4D1;
}

.stations-detailed > li:hover .img-container:before {
  opacity: .7;
}

.stations-detailed > li .img-container {
  width: 130px;
  height: 130px;
  margin-right: 25px;
  float: left;
  position: relative;
  border-radius: 2px;
}

.stations-detailed > li .img-container:before {
  display: block;
  content: '';
  background: -moz-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #00A4D1), color-stop(100%, #75E77E));
  background: -webkit-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -o-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -ms-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: linear-gradient(330deg, #75E77E 0%, #00A4D1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bottom', endColorstr='$top', GradientType=0);
  opacity: 0;
  transition: all 0.25s ease-out;
}

.stations-detailed > li .star {
  top: 9px;
  left: 10px;
}

.stations-detailed > li .station-desc {
  text-align: left;
}

.stations-detailed > li .station-desc p {
  line-height: 22px;
}

.stations-detailed > li .station-desc .station-link {
  display: inline-block;
  color: #000;
  font-family: "Proxima Nova Semibold";
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 22px;
  text-align: left !important;
}

.stations-detailed > li .station-desc .live {
  display: block;
  content: ' ';
  width: 30px;
  height: 20px;
  background: url("../images/sound_icon.svg") no-repeat center center;
  background-size: contain;
  position: relative;
  top: 3px;
  left: 0;
}

.stations-detailed > li .station-text {
  text-align: left;
  line-height: 22px;
  max-height: 44px;
  overflow: auto;
}

.stations-detailed > li .station-tags {
  margin-top: 19px;
  text-align: left;
}

.stations-detailed > li .station-tags li {
  display: inline-block;
  height: 20px;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 3px 9px;
  background-color: #75E77E;
  color: #fff;
  font-family: "Proxima Nova Bold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  text-transform: uppercase;
  border-radius: 2px;
}

.featured-users h2 {
  margin-top: 18px;
}

.featured-users .btn-green {
  top: 30px;
}

.gallery {
  max-width: 840px;
  margin: 55px auto 6px;
}

.gallery .gallery-cell {
  width: 165px;
  height: 175px;
  margin-top: 30px;
}

.gallery .gallery-cell .img-wrapper {
  display: inline-block;
  margin-bottom: 8px;
  position: relative;
}

.gallery .gallery-cell .img-wrapper img {
  width: 85px;
  height: 85px;
}

.gallery .gallery-cell .name {
  font-family: "Proxima Nova Bold";
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  margin-bottom: 3px;
}

.gallery .gallery-cell .followers {
  font-family: "Proxima Nova Regular";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
}

.gallery .gallery-cell.is-selected, .gallery .gallery-cell:hover {
  margin-top: 10px;
}

.gallery .gallery-cell.is-selected .img-wrapper:before, .gallery .gallery-cell:hover .img-wrapper:before, .gallery .gallery-cell.is-selected .img-wrapper:after, .gallery .gallery-cell:hover .img-wrapper:after {
  display: block;
  position: absolute;
}

.gallery .gallery-cell.is-selected .img-wrapper:before, .gallery .gallery-cell:hover .img-wrapper:before {
  width: 125px;
  height: 125px;
  content: ' ';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background: -moz-linear-gradient(120deg, #32C0AD 0%, #11AEC5 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #11AEC5), color-stop(100%, #32C0AD));
  background: -webkit-linear-gradient(120deg, #32C0AD 0%, #11AEC5 100%);
  background: -o-linear-gradient(120deg, #32C0AD 0%, #11AEC5 100%);
  background: -ms-linear-gradient(120deg, #32C0AD 0%, #11AEC5 100%);
  background: linear-gradient(330deg, #32C0AD 0%, #11AEC5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bottom', endColorstr='$top', GradientType=0);
  opacity: .5;
  box-shadow: 0px 0px 10px 0px rgba(0, 164, 209, 0.33);
}

.gallery .gallery-cell.is-selected .img-wrapper:after, .gallery .gallery-cell:hover .img-wrapper:after {
  content: 'Go';
  color: #fff;
  margin: auto;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -11px;
  font-family: "Proxima Nova Bold";
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  text-transform: uppercase;
}

.gallery .gallery-cell.is-selected .img-wrapper img, .gallery .gallery-cell:hover .img-wrapper img {
  width: 125px;
  height: 125px;
}

.gallery .gallery-cell.is-selected .name, .gallery .gallery-cell:hover .name,
.gallery .gallery-cell.is-selected .followers, .gallery .gallery-cell:hover .followers {
  color: #00A4D1;
}

.gallery .flickity-prev-next-button {
  width: 32px;
  height: 22px;
}

.gallery .flickity-prev-next-button.previous {
  background: url(../images/arrow_left.svg) no-repeat center center;
  background-size: contain;
  left: -46px;
}

.gallery .flickity-prev-next-button.next {
  background: url(../images/arrow_right.svg) no-repeat center center;
  background-size: contain;
  right: -46px;
}

.gallery .flickity-prev-next-button svg {
  display: none;
}

.interactive-stations h2 {
  margin-top: 46px;
}

.interactive-stations .interactive-stations-gallery {
  margin-bottom: 5px;
  background: url(../images/sound_bg.svg) no-repeat top center;
}

.interactive-stations .interactive-stations-gallery .flickity-prev-next-button {
  top: 115px;
}

.interactive-stations .interactive-stations-gallery .flickity-prev-next-button.previous {
  left: -86px;
}

.interactive-stations .interactive-stations-gallery .flickity-prev-next-button.next {
  right: -86px;
}

.interactive-stations .interactive-stations-gallery li {
  width: 100%;
  min-height: 635px;
}

.interactive-stations .interactive-stations-gallery li .img-wrapper {
  width: 188px;
  height: 188px;
  margin: 20px auto;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
}

.interactive-stations .interactive-stations-gallery li .img-wrapper:before, .interactive-stations .interactive-stations-gallery li .img-wrapper:after {
  display: block;
  content: ' ';
  border-radius: 50%;
}

.interactive-stations .interactive-stations-gallery li .img-wrapper:before {
  width: 158px;
  height: 158px;
  border: 1px solid #00A4D1;
  opacity: .3;
}

.interactive-stations .interactive-stations-gallery li .img-wrapper:after {
  width: 177px;
  height: 177px;
  border: 1px solid #00A4D1;
  opacity: .1;
}

.interactive-stations .interactive-stations-gallery li .img-wrapper img {
  width: 144px;
  height: 144px;
}

.interactive-stations .interactive-stations-gallery li .name {
  margin-bottom: 8px;
  font-family: "Proxima Nova Regular";
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 37px;
  letter-spacing: -.85px;
}

.interactive-stations .interactive-stations-gallery li .time {
  color: #00A4D1;
  font-family: "Proxima Nova Bold";
}

.interactive-stations .interactive-stations-gallery li .btn-green {
  position: static;
}

.interactive-stations .interactive-stations-gallery li .station-name {
  margin-bottom: 12px;
  font-family: "Proxima Nova Bold";
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  letter-spacing: -.5px;
}

.interactive-stations .interactive-stations-gallery li .station-desc {
  max-width: 360px;
  margin: 0 auto 30px;
  font-family: "Proxima Nova Regular";
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  color: #767676;
}

.interactive-stations .interactive-stations-gallery li .vertical-divider {
  height: 37px;
  opacity: .5;
  margin: 21px auto 23px;
}

.interactive-stations .interactive-stations-gallery .prev-next-preview {
  width: 270px;
  height: 100px;
  position: absolute;
  top: 70px;
  right: -90px;
  background: -moz-linear-gradient(120deg, #32C0AD 0%, #11AEC5 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #11AEC5), color-stop(100%, #32C0AD));
  background: -webkit-linear-gradient(120deg, #32C0AD 0%, #11AEC5 100%);
  background: -o-linear-gradient(120deg, #32C0AD 0%, #11AEC5 100%);
  background: -ms-linear-gradient(120deg, #32C0AD 0%, #11AEC5 100%);
  background: linear-gradient(330deg, #32C0AD 0%, #11AEC5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bottom', endColorstr='$top', GradientType=0);
  text-align: left;
  border-radius: 4px;
}

.interactive-stations .interactive-stations-gallery .prev-next-preview img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  float: left;
  margin: 28px 9px 0 25px;
}

.interactive-stations .interactive-stations-gallery .prev-next-preview .name {
  margin: 30px auto 0;
  font-family: "Proxima Nova Bold";
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  letter-spacing: 0;
  color: #fff;
}

.interactive-stations .interactive-stations-gallery .prev-next-preview .station {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  color: #75E77E;
}

.interactive-stations .flickity-slider {
  transform: none !important;
}

.interactive-stations .gallery-cell {
  left: 0 !important;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  z-index: -1;
}

.interactive-stations .gallery-cell.is-selected, .interactive-stations .gallery .gallery-cell:hover, .gallery .interactive-stations .gallery-cell:hover {
  opacity: 1;
  z-index: 0;
}

.bottom-slider {
  max-width: none;
  margin: 0;
}

.bottom-slider .flickity-slider {
  transform: none !important;
}

.bottom-slider .gallery-cell {
  left: 0 !important;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  z-index: -1;
}

.bottom-slider .gallery-cell.is-selected, .bottom-slider .gallery .gallery-cell:hover, .gallery .bottom-slider .gallery-cell:hover {
  opacity: 1;
  z-index: 0;
}

.bottom-slider .slider-static-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.bottom-slider .slider-static-overlay h3 {
  margin: 70px auto 130px;
  font-family: "Proxima Nova Bold";
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 49px;
  letter-spacing: -2px;
  color: #fff;
}

.bottom-slider .slider-static-overlay p {
  width: 520px;
  margin: 20px auto 28px;
  font-family: "Proxima Nova Regular";
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  color: #fff;
}

.bottom-slider .slider-static-overlay .btn-green {
  padding: 6px 10px;
  height: 30px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 17px;
}

.bottom-slider .gallery-cell {
  width: 100%;
  height: 750px;
  margin: 0;
}

.bottom-slider .gallery-cell.is-selected, .bottom-slider .gallery .gallery-cell:hover, .gallery .bottom-slider .gallery-cell:hover {
  margin-top: 0;
}

.bottom-slider .gallery-cell .img-overlay {
  display: inline-block;
}

.bottom-slider .gallery-cell .img-overlay img {
  display: block;
}

.flickity-page-dots {
  bottom: 30px;
  z-index: 1;
}

.flickity-page-dots .dot {
  width: 9px;
  height: 9px;
  background-color: #fff;
  opacity: 1;
  transition: all 0.25s ease-out;
}

.flickity-page-dots .dot.is-selected, .flickity-page-dots .gallery .dot.gallery-cell:hover, .gallery .flickity-page-dots .dot.gallery-cell:hover {
  background-color: transparent;
  border: 1px solid #fff;
}

.page-search .top-content {
  top: 150px;
}

.page-search .page-divider {
  margin-top: 25px;
}

.page-search .related-stations h2 {
  text-align: left;
  margin-top: 5px;
}

.page-search .interactive-stations h2 {
  margin-top: 5px;
}

.page-search .interactive-stations .interactive-stations-gallery li {
  min-height: 550px;
}

.bottom-wide {
  width: 100%;
  height: 422px;
  margin: 87px auto 0;
  background: url(../images/create_station.jpg) no-repeat center center;
  color: #fff;
}

.bottom-wide h3 {
  margin-top: 114px;
  margin-bottom: 25px;
  font-family: "Proxima Nova Bold";
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 49px;
  letter-spacing: -2px;
}

.bottom-wide p {
  max-width: 400px;
  margin: 0 auto 38px;
}

.bottom-wide .btn-green {
  width: 110px;
  height: 30px;
  padding: 6px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 17px;
  border-radius: 4px;
}

.page-how-it-works h1 {
  margin: 43px auto 75px;
  color: #00A4D1;
}

.page-how-it-works #broadcaster {
  padding-bottom: 105px;
}

.page-how-it-works #listener {
  padding-bottom: 30px;
}

.page-how-it-works h2 {
  margin-top: 70px;
  margin-bottom: 0;
  font-size: 50px;
  font-size: 3.125rem;
  line-height: 61px;
  letter-spacing: -2.5px;
}

.page-how-it-works .tab-content article {
  width: 990px;
  margin: 0 auto;
}

.page-how-it-works .tab-content article:last-child .tab-block:last-child {
  border-bottom: none;
}

.page-how-it-works .tab-content article:last-child .tab-block:last-child:before, .page-how-it-works .tab-content article:last-child .tab-block:last-child:after {
  display: none;
}

.tab-block {
  padding: 100px 15px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
  position: relative;
}

.tab-block:before, .tab-block:after {
  display: block;
  content: ' ';
  margin: auto;
  position: absolute;
}

.tab-block:before {
  width: 46px;
  height: 46px;
  background: url(../images/arrow_down_circled.svg) no-repeat center center;
  background-size: contain;
  bottom: -23px;
  left: 0;
  right: 0;
}

.tab-block:after {
  width: 10px;
  height: 14px;
  right: 0;
  bottom: -7px;
  left: 0;
}

.tab-block.even .description {
  padding-left: 80px;
}

.tab-block.even .img-container {
  text-align: center;
  padding: 0;
}

.tab-block .block-item {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: -3px;
}

.tab-block .img-container {
  padding-left: 110px;
  text-align: left;
}

.tab-block .description {
  color: #767676;
  text-align: left;
  padding: 0 40px 0 50px;
}

.tab-block .description h3 {
  margin: 4px 30px 4px 0;
  font-family: "Proxima Nova Bold";
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 37px;
  letter-spacing: -1.5px;
}

.tab-block .description p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 25px;
}

.tab-block.v-block {
  padding: 123px 15px;
}

.tab-block.v-block .img-container {
  width: 100%;
  padding: 0 0 52px 0;
  text-align: center;
}

.tab-block.v-block .description {
  width: 550px;
  text-align: center;
}

.tab-block.v-block .description h3 {
  margin: 5px 0 13px;
}

.page-listener header {
  z-index: 1;
}

.page-listener header .top-nav li a:hover {
  color: #75E77E;
}

.page-listener header .top-nav .nav-user {
  padding: 0;
  background: transparent;
  border: 1px solid #fff;
}

.page-listener header .top-nav .nav-user .user-container {
  background: inherit;
}

.page-listener header .top-nav .nav-user .user-container a {
  color: #fff;
}

.page-listener header .top-nav .nav-user .user-container a:before {
  border-top-color: #fff;
}

.page-listener .radio-top {
  max-width: 1600px;
  height: 900px;
  margin: 0 auto 20px auto;
  position: relative;
  background: url(../images/radio_bg_2.png) no-repeat top center;
}

.page-listener .radio-top.edit-image {
  background: url(../images/radio_bg_1.jpg) no-repeat top center;
}

.page-listener .radio-top.edit-image .upload-overlay {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}

.page-listener .radio-top.edit-image .upload-overlay:before, .page-listener .radio-top.edit-image .upload-overlay:after {
  display: block;
  content: ' ';
  position: absolute;
  z-index: 1;
}

.page-listener .radio-top.edit-image .upload-overlay:before {
  top: 10px;
  right: 10px;
  bottom: 80px;
  left: 10px;
  background-color: #00A4D1;
  border-radius: 8px;
  opacity: .8;
}

.page-listener .radio-top.edit-image .upload-overlay:after {
  width: 568px;
  height: 568px;
  top: 0;
  right: 0;
  bottom: 80px;
  left: 0;
  margin: auto;
  border-radius: 50%;
  border: 3px dashed rgba(255, 255, 255, 0.2);
}

.page-listener .radio-top.edit-image .upload-overlay .drag {
  display: block;
  width: 200px;
  height: 100px;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 80px;
  left: 0;
  margin: auto;
  text-transform: uppercase;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 36px;
  z-index: 2;
}

.page-listener .radio-top.edit-image .upload-overlay .drag span {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 26px;
}

.page-listener .radio-top.edit-image .upload-overlay .drag a {
  text-decoration: underline;
}

.page-listener .radio-top.edit-opacity {
  background: url(../images/radio_bg_4.jpg) no-repeat top center;
}

.page-listener .radio-top.edit-opacity:before {
  display: block;
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -moz-linear-gradient(120deg, #32C0AD 0%, #00A4D1 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #00A4D1), color-stop(100%, #32C0AD));
  background: -webkit-linear-gradient(120deg, #32C0AD 0%, #00A4D1 100%);
  background: -o-linear-gradient(120deg, #32C0AD 0%, #00A4D1 100%);
  background: -ms-linear-gradient(120deg, #32C0AD 0%, #00A4D1 100%);
  background: linear-gradient(330deg, #32C0AD 0%, #00A4D1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bottom', endColorstr='$top', GradientType=0);
  opacity: .8;
  z-index: 0;
}

.page-listener .station-container {
  width: 1080px;
  height: 100%;
  margin: 0 auto;
  padding-top: 170px;
  padding-left: 87px;
  color: #fff;
  position: relative;
}

.page-listener .station-container .station-header {
  border-bottom: 5px solid #fff;
  padding-bottom: 20px;
}

.page-listener .station-container .station-header h2 {
  margin: 0;
  float: left;
  color: #fff;
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 73px;
}

.page-listener .station-container .station-header .phone {
  float: right;
  margin-top: 25px;
  font-family: "Proxima Nova Bold";
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 37px;
  letter-spacing: -1.5px;
}

.page-listener .station-container .station-header .star {
  top: 201px;
  left: 27px;
}

.page-listener .station-container .station-content {
  text-align: left;
  margin-top: 26px;
}

.page-listener .station-container .station-content .user-name {
  margin-bottom: 8px;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 37px;
  letter-spacing: -.85px;
}

.page-listener .station-container .station-content .time {
  display: inline-block;
  margin-bottom: 25px;
  padding: 2px 5px;
  background-color: #fff;
  color: #00A4D1;
  font-family: "Proxima Nova Bold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  letter-spacing: .75px;
  border-radius: 2px;
}

.page-listener .station-container .station-content .station-desc p {
  margin: 12px 0;
}

.page-listener .station-container .station-content .station-desc a {
  text-decoration: underline;
}

.page-listener .station-container .station-content .station-desc ul {
  list-style: disc outside none;
  margin: 12px 0;
  padding-left: 40px;
}

.page-listener .station-container .station-content .desc {
  max-width: 550px;
  font-family: "Proxima Nova Semibold";
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 27px;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.page-listener .station-container .station-content .user-avatar {
  position: absolute;
  top: 303px;
  left: 7px;
}

.page-listener .station-container .station-content .user-avatar:before, .page-listener .station-container .station-content .user-avatar:after {
  display: block;
  content: ' ';
  position: absolute;
  border-radius: 50%;
}

.page-listener .station-container .station-content .user-avatar:before {
  width: 67px;
  height: 67px;
  top: -7px;
  left: -7px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.page-listener .station-container .station-content .user-avatar:after {
  width: 59px;
  height: 59px;
  top: -3px;
  left: -3px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.page-listener .station-container .station-content .user-avatar img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
}

.page-listener .station-container .station-content table {
  vertical-align: middle;
  margin-top: 22px;
}

.page-listener .station-container .station-content table tr th,
.page-listener .station-container .station-content table tr td {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 40px;
  letter-spacing: -.5px;
}

.page-listener .station-container .station-content table tr th {
  padding-right: 9px;
  font-family: "Proxima Nova Bold";
}

.page-listener .station-container .station-content table tr td {
  font-family: "Proxima Nova Regular";
  padding-right: 10px;
}

.page-listener .station-container .station-content table tr td:nth-child(2) {
  padding-right: 16px;
  font-family: "Proxima Nova Bold";
}

.page-listener .station-container .station-content .tags {
  margin-top: 8px;
}

.page-listener .station-container .station-content .tags li {
  float: left;
  font-family: "Proxima Nova Bold";
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 40px;
  margin-right: 5px;
}

.page-listener .station-container .station-content .tags li:last-child {
  margin-right: 0;
}

.page-listener .station-container .station-content .content-right {
  float: right;
  margin-top: 8px;
  text-align: right;
}

.page-listener .station-container .station-content .schedule {
  margin-top: 0;
  font-family: "Proxima Nova Regular";
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 31px;
}

.page-listener .station-container .station-content .station-play {
  display: inline-block;
  width: 164px;
  height: 164px;
  margin-top: 70px;
  background-color: #fff;
  color: #00A4D1;
  text-transform: uppercase;
  text-align: center;
  font-family: "Proxima Nova Bold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  padding-top: 118px;
  position: relative;
  border-radius: 3px;
}

.page-listener .station-container .station-content .station-play:before, .page-listener .station-container .station-content .station-play:after {
  display: block;
  content: ' ';
  position: absolute;
  margin: auto;
}

.page-listener .station-container .station-content .station-play:before {
  width: 33px;
  height: 50px;
  top: 45px;
  right: 0;
  left: 0;
  background: url(../images/play_grad_sm.svg) no-repeat center center;
  background-size: contain;
}

.page-listener .station-container .station-content .station-play:hover {
  background-color: transparent;
  color: #fff;
}

.page-listener .station-container .station-content .station-play:hover:before {
  background: url(../images/play_white_sm.svg) no-repeat center center;
  background-size: 100% 100%;
}

.page-listener .station-container .station-content .station-play:hover:after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 3px solid #fff;
  border-radius: inherit;
}

.page-listener .station-container .station-footer {
  margin-top: 38px;
  padding-top: 33px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.page-listener .station-container .station-footer .headphones {
  display: inline-block;
  height: 32px;
  padding: 9px 10px 9px 44px;
  float: left;
  font-family: "Proxima Nova Bold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  text-transform: uppercase;
  background: url(../images/headphones_white.svg) no-repeat left center;
  background-size: contain;
}

.page-listener .station-container .station-footer .btn-upload {
  float: right;
  margin-top: 2px;
}

.page-listener .opacity-change {
  width: 100%;
  height: 108px;
  background-color: #00A4D1;
  position: absolute;
  right: 0;
  bottom: 70px;
  left: 0;
}

.page-listener .opacity-change .opacity-change-container {
  width: 1080px;
  margin: 0 auto;
  padding: 39px 0 39px 87px;
}

.page-listener .opacity-change .opacity-change-container .left {
  padding-top: 3px;
}

.page-listener .opacity-change .opacity-change-container p {
  margin-top: 3px;
  color: #fff;
  text-transform: uppercase;
  font-family: "Proxima Nova Bold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 20px;
}

.page-listener .opacity-change .opacity-change-container a {
  width: 82px;
  height: 30px;
  margin-right: 20px;
  padding: 7px 10px;
}

.page-listener .opacity-change .opacity-change-container a:last-child {
  margin-right: 0;
}

.page-listener .opacity-change .opacity-change-container p,
.page-listener .opacity-change .opacity-change-container .slider {
  display: inline-block;
  vertical-align: middle;
}

.page-listener .opacity-change .opacity-change-container .slider {
  width: 250px;
  height: 10px;
  margin-left: 25px;
  background-color: #00A4D1;
  border-radius: 7px;
  position: relative;
  border: 1px solid #fff;
}

.page-listener .opacity-change .opacity-change-container .slider:before {
  display: block;
  content: ' ';
  width: 30%;
  height: 8px;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background-color: #fff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.page-listener .opacity-change .opacity-change-container .slider .slider-drag {
  display: block;
  width: 18px;
  height: 18px;
  margin-left: -9px;
  background-color: #fff;
  position: absolute;
  top: -4px;
  left: 27%;
  border: 1px solid #00A4D1;
  border-radius: 50%;
  cursor: pointer;
}

.page-listener .opacity-change .opacity-change-container .slider .slider-drag:before {
  display: block;
  content: ' ';
  width: 6px;
  height: 6px;
  background-color: #00A4D1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: 50%;
}

.page-listener .search-box {
  max-width: 774px;
  margin: 65px auto 29px;
}

.page-listener .search-box .search-field {
  border: 1px solid #00A4D1;
  border-radius: 35px;
  color: #767676;
}

.page-listener .search-box .search-field::-webkit-input-placeholder {
  color: rgba(0, 0, 46, 0.2);
}

.page-listener .search-box .search-field::-moz-placeholder {
  color: rgba(0, 0, 46, 0.2);
}

.page-listener .search-box .search-field:-ms-input-placeholder {
  color: rgba(0, 0, 46, 0.2);
}

.page-listener .search-box .search-field:-moz-placeholder {
  color: rgba(0, 0, 46, 0.2);
}

.page-listener .search-box .btn-search {
  background: #00A4D1;
}

.page-listener .search-filters {
  margin-top: 0;
  padding-bottom: 44px;
  border-bottom: 1px solid rgba(0, 0, 59, 0.2);
}

.page-listener .station-lg {
  margin-top: 60px;
}

header.nav-dark .top-nav .nav-user {
  border: 1px solid #767676;
}

header.nav-dark .top-nav .nav-user .user-container a {
  color: #767676;
}

header.nav-dark .top-nav .nav-user .user-container .user-dropdown {
  border: 1px solid #767676;
  border-top: none;
}

.page-press header {
  margin-bottom: 85px;
}

.page-press h1 {
  margin-top: 0;
  margin-bottom: 7px;
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 73px;
  letter-spacing: -3px;
}

.page-press small {
  display: block;
  width: 550px;
  margin: 0 auto 10px;
  padding-bottom: 10px;
  color: #767676;
  font-family: "Proxima Nova Regular";
  font-size: 16px;
  font-size: 1rem;
  line-height: 25px;
}

.page-press .video-container {
  margin-top: 55px;
  margin-bottom: 120px;
}

.page-press + footer {
  margin-top: 15px;
}

.page-press .related-posts {
  margin-bottom: 98px;
}

.page-press .related-posts h2 {
  margin-bottom: 77px;
}

.video-container {
  max-width: 1600px;
  height: 750px;
  margin: 0 auto;
  position: relative;
}

.video-container .video-wrapper {
  position: absolute;
}

.video-container .video-wrapper img {
  display: block;
}

.video-container .video-info {
  margin-top: 220px;
  position: relative;
  color: #fff;
}

.video-container .video-info h3 {
  margin-top: 32px;
  margin-bottom: 8px;
  font-family: "Proxima Nova Bold";
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 49px;
  letter-spacing: -2px;
}

.video-container .video-info p {
  display: block;
  max-width: 360px;
  margin: 0 auto;
  line-height: 22px;
}

.press-list {
  margin-left: -40px;
  margin-right: -40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.press-list li {
  width: 275px;
  float: left;
  margin: 0 40px 37px;
}

.press-list li img {
  border-radius: 3px;
}

.press-list li .item-description h3 {
  margin: 9px auto 5px;
  font-family: "Proxima Nova Bold";
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 27px;
  letter-spacing: -.55px;
}

.press-list li .item-description p {
  margin-bottom: 8px;
  line-height: 22px;
}

.press-list li .item-description .item-link {
  font-family: "Proxima Nova Bold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 32px;
  color: #00A4D1;
  text-transform: uppercase;
  text-decoration: underline;
  cursor: pointer;
}

.press-list li .item-description .item-link:hover {
  text-decoration: none;
}

.single-post {
  width: 985px;
  margin: 0 auto 119px;
  padding-top: 20px;
  position: relative;
}

.single-post .links {
  position: absolute;
  top: 30px;
  right: 0;
  left: 0;
}

.single-post .links .btn-green {
  height: 30px;
  padding: 7px 10px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
}

.single-post .text-container {
  max-width: 600px;
  margin: 0 auto;
  text-align: left;
}

.single-post .text-container p {
  color: #767676;
  line-height: 27px;
}

.single-post .text-container h1 {
  padding: 0;
  color: #000;
}

.single-post .text-container .text-bold {
  color: #000;
  font-family: "Proxima Nova Bold";
}

.single-post .text-container .author {
  margin-bottom: 34px;
}

.single-post .text-container .author img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  float: left;
  margin-right: 10px;
}

.single-post .text-container .author p {
  margin-bottom: 0;
}

.single-post .text-container .author .username {
  margin-top: 3px;
  font-family: "Proxima Nova Bold";
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  color: #000;
}

.single-post .text-container .author .date {
  margin-top: 3px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  color: #000;
}

.single-post .text-container h1 {
  margin-bottom: 30px;
  font-size: 45px;
  font-size: 2.8125rem;
  line-height: 54px;
  letter-spacing: -2.25px;
  text-align: left;
}

.single-post .text-container p {
  margin-bottom: 27px;
}

.single-post .text-container a {
  color: #00A4D1;
}

.single-post .text-container a:hover {
  text-decoration: underline;
}

.single-post .single-post-image {
  margin: 26px auto 43px;
}

.page-contact {
  padding-bottom: 22px;
}

.page-contact header {
  margin-bottom: 85px;
}

.page-contact h1 {
  color: #00A4D1;
}

.block-dual {
  width: 984px;
  margin: 54px auto 60px;
  padding-bottom: 110px;
  border-bottom: 1px dashed rgba(0, 0, 46, 0.2);
  position: relative;
}

.block-dual:before, .block-dual:after {
  display: block;
  content: ' ';
  margin: auto;
  position: absolute;
}

.block-dual:before {
  width: 46px;
  height: 46px;
  background: url(../images/arrow_down_circled.svg) no-repeat center center;
  background-size: contain;
  bottom: -23px;
  left: 0;
  right: 0;
}

.block-dual:after {
  width: 10px;
  height: 14px;
  right: 0;
  bottom: -7px;
  left: 0;
}

.block-dual li {
  display: inline-block;
  width: 50%;
  margin-right: -3px;
}

.block-dual li img {
  max-width: 50px;
  margin: 0 auto;
}

.block-dual li h3 {
  margin: 13px auto 7px;
  font-family: "Proxima Nova Bold";
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 27px;
}

.block-dual li p {
  display: block;
  width: 360px;
  margin: 0 auto 26px;
  line-height: 25px;
  color: #767676;
}

.block-dual li .btn-green {
  height: 30px;
  padding: 7px 10px;
}

.contact-form {
  width: 640px;
  margin: 92px auto 0;
  padding-bottom: 20px;
}

.contact-form .input-wrapper {
  width: 50%;
  display: inline-block;
  margin-right: -3px;
  margin-bottom: 34px;
  padding: 0 20px;
}

.contact-form .input-wrapper.input-wide {
  display: block;
  width: 100%;
  margin-right: 0;
}

.contact-form .input-wrapper label,
.contact-form .input-wrapper .label {
  display: block;
  margin-bottom: 12px;
  font-family: "Proxima Nova Bold";
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  letter-spacing: -.4px;
  text-align: left;
}

.contact-form .input-wrapper input,
.contact-form .input-wrapper textarea {
  width: 100%;
  padding: 3px 6px;
  font-family: "Proxima Nova Regular";
  font-size: 18px;
  font-size: 1.125rem;
  border-radius: 2px;
  border: 1px solid #C7C7C7;
}

.contact-form .input-wrapper input:focus,
.contact-form .input-wrapper textarea:focus {
  outline: none;
}

.contact-form .input-wrapper input {
  height: 60px;
}

.contact-form .input-wrapper textarea {
  height: 155px;
  resize: none;
}

.contact-form .input-wrapper input.ng-invalid.ng-touched, .contact-form .input-wrapper textarea.ng-invalid.ng-touched {
  background-color: #ffe5e5;
}

.contact-form .buttons {
  text-align: right;
  margin: 0 20px;
}

.contact-form .buttons a {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.contact-form .buttons a:last-child {
  margin-right: 0;
}

.contact-form .buttons .btn-transparent {
  padding: 22px 10px;
  border: 1px solid #C7C7C7;
  color: #000;
  font-family: "Proxima Nova Regular";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  letter-spacing: -.3px;
}

.contact-form .buttons .btn-transparent:hover {
  border-color: #979797;
  background-color: #979797;
  color: #fff;
}

.input-combined {
  width: 400px;
  height: 60px;
  margin: 0 auto;
  position: relative;
  border-radius: 2px;
}

.input-combined input {
  width: 100%;
  height: 60px;
  padding: 20px 90px 20px 20px;
  font-family: "Proxima Nova Regular";
  color: #C7C7C7;
  border-radius: 2px;
  border: 1px solid #C7C7C7;
}

.input-combined .btn {
  width: auto;
  padding: 5px 12px;
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  margin: auto;
}

.media-links {
  margin: 95px auto 135px;
}

.media-links li {
  display: inline-block;
  margin-left: 90px;
  margin-right: -3px;
}

.media-links li:first-child {
  margin-left: 0;
}

.media-links li a {
  display: block;
  width: 172px;
  height: 172px;
  margin-bottom: 32px;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}

.media-links li a:hover {
  transform: scale(1.05, 1.05);
}

.media-links li a:hover:before {
  opacity: 1;
}

.media-links li a:before {
  display: block;
  content: ' ';
  border: 1px solid #C7C7C7;
  opacity: .3;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: all 0.25s ease-out;
}

.media-links li .account {
  margin-bottom: 5px;
  font-family: "Proxima Nova Bold";
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 27px;
  letter-spacing: -.55px;
}

.media-links li .followers {
  line-height: 22px;
  opacity: .5;
}

.media-links .fb a {
  background-image: url(../images/fb_logo.svg);
}

.media-links .twitter a {
  background-image: url(../images/twitter_logo.svg);
}

.media-links .youtube a {
  background-image: url(../images/youtube_logo.svg);
}

.media-links .instagram a {
  background-image: url(../images/instagram_logo.svg);
}

.page-text .main-content {
  width: 600px;
  margin-top: 90px;
  text-align: left;
}

.page-text .main-content article {
  margin: 0 0 47px 0;
}

.page-text .main-content article:last-child {
  margin-bottom: 25px;
}

.page-text .main-content h1 {
  margin-bottom: 25px;
  font-size: 45px;
  font-size: 2.8125rem;
  line-height: 54px;
  letter-spacing: -2px;
}

.page-text .main-content h2 {
  margin: 20px 0 17px;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  letter-spacing: -1px;
  color: #000;
  opacity: .5;
}

.page-text .main-content h3 {
  margin: 20px auto 0;
  font-family: "Proxima Nova Regular";
  font-size: 16px;
  font-size: 1rem;
  line-height: normal;
  color: #000;
}

.page-text .main-content p {
  line-height: 27px;
  margin-bottom: 27px;
  color: #767676;
}

.page-text .main-content .address li {
  font-family: "Proxima Nova Regular";
  line-height: 27px;
  color: #767676;
}

.page-text .main-content .address li a {
  color: #00A4D1;
}

.page-text .main-content .address li a:hover {
  color: #000;
}

.page-team header {
  margin-bottom: 85px;
}

.page-team h1 {
  margin-bottom: 7px;
  color: #00A4D1;
}

.page-team h2 {
  margin-top: 9px;
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 73px;
  letter-spacing: -3px;
}

.page-team small {
  display: block;
  max-width: 550px;
  margin: 0 auto;
  font-family: "Proxima Nova Regular";
  font-size: 16px;
  font-size: 1rem;
  line-height: 25px;
  color: #ADADAD;
}

.page-team .users {
  margin-bottom: 50px;
  padding: 0 0 76px 0;
  position: relative;
}

.page-team .grid-3,
.page-team .grid-4 {
  text-align: center;
}

.page-team .grid-3 li,
.page-team .grid-4 li {
  display: inline-block;
}

.page-team .grid-3 li .img-container,
.page-team .grid-4 li .img-container {
  width: 220px;
  height: 220px;
  margin-bottom: 22px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.page-team .grid-3 li .img-container a,
.page-team .grid-4 li .img-container a {
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: url(../images/linked_in_icon.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  right: -18px;
  bottom: 10px;
}

.page-team .grid-3 li .name,
.page-team .grid-4 li .name {
  margin-bottom: 5px;
  font-family: "Proxima Nova Bold";
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 27px;
  letter-spacing: -.55px;
}

.page-team .grid-3 li .role,
.page-team .grid-4 li .role {
  line-height: 22px;
  opacity: .5;
}

.page-team .grid-3 {
  max-width: 1000px;
  margin: 65px auto 60px;
  border-bottom: 1px dashed #ccc;
}

.page-team .grid-3 li {
  width: 33.33333%;
  margin: 0 auto;
  padding: 40px 0 23px;
  border-bottom: 1px dashed #ccc;
  border-right: 1px dashed #ccc;
}

.page-team .grid-3 li:nth-child(-n+3) {
  padding-top: 0;
  border-top: none;
}

.page-team .grid-3 li:nth-child(3n+3) {
  border-right: none;
}

.page-team .grid-3 li:nth-child(3n+1):nth-last-child(-n+3),
.page-team .grid-3 li:nth-child(3n+1):nth-last-child(-n+3) ~ li {
  border-bottom: none;
}

.page-team .grid-3 li:last-of-type {
  border-right: none;
}

.page-team .grid-3 li .img-contaimner {
  border-radius: 2px;
}

.page-team .grid-3 li .text-link {
  display: inline-block;
  margin-top: 16px;
  color: #00A4D1;
  font-family: "Proxima Nova Bold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  text-transform: uppercase;
  text-decoration: underline;
}

.page-team .grid-4 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 20px auto 0;
}

.page-team .grid-4 li {
  vertical-align: top;
  width: 260px;
  min-height: 190px;
  margin: 0;
  padding: 40px 30px 65px 30px;
  border-top: 1px dashed #ccc;
  border-right: 1px dashed #ccc;
  position: relative;
}

.page-team .grid-4 li:nth-child(4n+1) {
  width: 240px;
  padding-left: 0;
}

.page-team .grid-4 li:nth-child(4n+1) a {
  margin-right: 10px;
}

.page-team .grid-4 li:nth-child(4n+4) {
  width: 240px;
  padding-left: 25px;
  padding-right: 5px;
  border-right: none;
}

.page-team .grid-4 li:nth-child(4n+4) a {
  margin-left: 10px;
}

.page-team .grid-4 li:nth-child(-n+4) {
  min-height: 150px;
  padding: 0 15px 25px;
  border-top: none;
}

.page-team .grid-4 li:nth-last-child(-n+4) {
  min-height: 150px;
  padding: 30px 25px 25px 10px;
}

.page-team .grid-4 li:nth-last-child(-n+4) a {
  bottom: 0;
}

.page-team .grid-4 li a {
  color: #00A4D1;
  font-family: "Proxima Nova Bold";
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  position: absolute;
  right: 0;
  bottom: 40px;
  left: 0;
}

.page-team .grid-4 li a:hover {
  text-decoration: none;
}

.page-team .bottom-slider .gallery-cell {
  height: 497px;
}

.page-team .bottom-slider .slider-static-overlay {
  max-width: none;
  text-align: center;
  top: auto;
  bottom: 60px;
}

.page-team .bottom-slider .slider-static-overlay p {
  width: 905px;
  margin: 0 auto;
  padding: 0 155px 23px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 23px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.page-team .modal {
  height: auto;
  min-height: 700px;
  position: absolute;
  top: 160px;
  bottom: auto;
}

.page-team .modal .modal-body,
.page-team .modal .modal-footer {
  max-width: 500px;
  margin: 0 auto;
}

.page-team .modal .modal-body h2 {
  margin-top: 57px;
  margin-bottom: 0;
}

.page-team .modal .modal-body small {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  color: #000;
}

.page-team .modal .modal-body .img-container {
  width: 130px;
  height: 130px;
  margin: 40px auto 37px;
  position: relative;
  border-radius: 2px;
}

.page-team .modal .modal-body .img-container img {
  width: 100%;
  height: auto;
}

.page-team .modal .modal-body .img-container a {
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: url(../images/linked_in_icon.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  right: -18px;
  bottom: 10px;
}

.page-team .modal .modal-body .description {
  color: #767676;
  font-size: 16px;
  font-size: 1rem;
  line-height: 27px;
}

.page-team .modal .modal-footer {
  margin-top: 103px;
  padding-top: 26px;
  padding-bottom: 50px;
  border-top: 1px solid #C7C7C7;
}

.page-team .modal .modal-footer .text-link {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
}

.page-all-stations h2 {
  margin-bottom: 10px;
}

.page-all-users h2 {
  margin-top: 7px;
}

.page-all-users .users {
  padding: 0;
}

.page-all-users .users ul {
  margin-top: 36px;
}

.page-all-users .users ul li {
  margin-left: 44px;
  margin-right: 44px;
}

.page-all-users .users ul li a {
  display: block;
  width: auto;
  margin-bottom: 22px;
  position: relative;
}

.page-all-users .users ul li a:before, .page-all-users .users ul li a:after {
  display: block;
  position: absolute;
  transition: all 0.25s ease-out;
}

.page-all-users .users ul li a:before {
  content: '';
  border-radius: 50%;
  opacity: 0;
  width: 172px;
  height: 172px;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #00A4D1), color-stop(100%, #75E77E));
  background: -webkit-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -o-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -ms-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: linear-gradient(330deg, #75E77E 0%, #00A4D1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bottom', endColorstr='$top', GradientType=0);
  box-shadow: 0px 0px 10px 0px rgba(0, 164, 209, 0.33);
}

.page-all-users .users ul li a:after {
  width: 30px;
  height: 22px;
  content: 'Go';
  text-transform: uppercase;
  font-family: "Proxima Nova Bold";
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  opacity: 0;
}

.page-all-users .users ul li a:hover {
  transition: all 0.25s ease-out;
}

.page-all-users .users ul li a:hover ~ .name,
.page-all-users .users ul li a:hover ~ .followers {
  color: #00A4D1;
  opacity: 1;
}

.page-all-users .users ul li a:hover:before {
  opacity: .5;
}

.page-all-users .users ul li a:hover:after {
  opacity: 1;
}

.page-all-users .users ul li .name {
  transition: all 0.25s ease-out;
  margin-bottom: 3px;
}

.page-all-users .users ul li .followers {
  line-height: 27px;
  opacity: .5;
  transition: all 0.25s ease-out;
}

.page-blog {
  margin-bottom: 115px;
}

.page-blog .main-content {
  text-align: left;
}

.page-blog .main-content .page-divider {
  margin-bottom: 60px;
}

.page-blog .heading {
  max-width: 980px;
  margin: 85px auto 0;
  text-align: left;
}

.page-blog .heading h1 {
  padding-left: 0;
}

.page-blog .heading .search-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-top: 33px;
  float: right;
  background: url(../images/search_icon_grad.svg) no-repeat center center;
  background-size: contain;
}

.page-blog h1 {
  text-align: left;
  color: #00A4D1;
}

.page-blog section {
  float: left;
  max-width: 630px;
  padding: 0;
  margin-left: 109px;
}

.page-blog section article {
  margin-bottom: 60px;
  padding-bottom: 40px;
  border-bottom: 1px dashed rgba(117, 117, 117, 0.3);
}

.page-blog section article .user-info {
  margin-bottom: 40px;
}

.page-blog section article .user-info img {
  width: 48px;
  height: 48px;
  float: left;
  margin-right: 10px;
}

.page-blog section article .user-info .name {
  margin-top: 3px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  font-family: "Proxima Nova Bold";
}

.page-blog section article .user-info .date {
  margin-top: 3px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
}

.page-blog section article .fb-post {
  float: right;
  display: inline-block;
  height: 16px;
  margin-top: 16px;
  padding: 1px 0 1px 17px;
  color: #39579A;
  font-family: "Proxima Nova Bold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  text-transform: uppercase;
  background: url(../images/fb_logo.svg) no-repeat left center;
  background-size: contain;
}

.page-blog section article .article-content img {
  text-align: center;
  margin: 0 auto;
}

.page-blog section article .article-content h2 {
  font-size: 45px;
  font-size: 2.8125rem;
  line-height: 54px;
  color: #000;
  margin-top: 16px;
  margin-bottom: 7px;
  padding: 0;
}

.page-blog section article .article-content p {
  line-height: 27px;
  color: #767676;
  margin-bottom: 15px;
}

.page-blog section article .article-content .btn {
  margin-top: 18px;
  position: static;
}

.page-blog aside {
  float: right;
  max-width: 275px;
  margin-right: 109px;
  padding-top: 40px;
}

.page-blog aside h3 {
  margin: 0 0 40px 0;
  font-family: "Proxima Nova Regular";
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  letter-spacing: -1px;
}

.page-blog aside .popular-posts .sidebar-post {
  margin-bottom: 29px;
}

.page-blog aside .popular-posts .sidebar-post img {
  border-radius: 4px;
}

.page-blog aside .popular-posts .sidebar-post h4 {
  margin: 6px auto 5px;
  font-family: "Proxima Nova Bold";
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 27px;
  letter-spacing: -.55px;
}

.page-blog aside .popular-posts .sidebar-post p {
  margin-bottom: 4px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
}

.page-blog aside .popular-posts .sidebar-post a {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 22px;
  font-family: "Proxima Nova Bold";
  color: #00A4D1;
  text-transform: uppercase;
  text-decoration: underline;
}

.page-blog aside .twitter-feed,
.page-blog aside .blog-social {
  margin-top: 57px;
}

.page-blog aside .twitter-feed h3,
.page-blog aside .blog-social h3 {
  margin-bottom: 21px;
}

.page-blog aside .twitter-feed a,
.page-blog aside .blog-social a {
  color: #00A4D1;
}

.page-blog aside .twitter-feed .tweets,
.page-blog aside .blog-social .tweets {
  padding: 30px 22px 0;
  padding-left: 22px;
  border-radius: 4px;
  border: 1px solid rgba(150, 150, 150, 0.2);
}

.page-blog aside .twitter-feed .tweets li,
.page-blog aside .blog-social .tweets li {
  margin-bottom: 30px;
  position: relative;
  padding-left: 37px;
}

.page-blog aside .twitter-feed .tweets li .avatar,
.page-blog aside .blog-social .tweets li .avatar {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
}

.page-blog aside .twitter-feed .tweets li .name,
.page-blog aside .blog-social .tweets li .name {
  margin-bottom: 6px;
  font-family: "Proxima Nova Bold";
  line-height: 20px;
  letter-spacing: -.4px;
}

.page-blog aside .twitter-feed .tweets li .name .user,
.page-blog aside .blog-social .tweets li .name .user {
  letter-spacing: -.3px;
}

.page-blog aside .twitter-feed .tweets li .tweet-content,
.page-blog aside .blog-social .tweets li .tweet-content {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
}

.page-blog aside .insta-feed .name {
  margin-bottom: 6px;
  font-family: "Proxima Nova Bold";
  line-height: 20px;
  letter-spacing: -.4px;
}

.page-blog aside .insta-feed .name .user {
  letter-spacing: -.3px;
}

.blog-single header {
  margin-bottom: 85px;
}

.blog-single .btn-comments {
  position: absolute;
  top: 175px;
  left: 0;
}

.blog-single .new-comment {
  margin-bottom: 32px;
}

.blog-single .related-posts {
  margin-bottom: 46px;
}

.blog-single .related-posts h2 {
  margin-bottom: 77px;
}

.page-careers header {
  margin-bottom: 85px;
}

.page-careers .main-content {
  margin-bottom: 45px;
}

.page-careers .main-content .dashed-divider {
  max-width: 984px;
}

.page-careers .main-content .block-dual {
  margin-top: 93px;
  margin-bottom: 39px;
  padding-bottom: 105px;
}

.page-careers .main-content .block-dual ul {
  margin-bottom: 115px;
}

.page-careers .page-into {
  width: 600px;
  margin: 30px auto 106px;
  text-align: left;
}

.page-careers .page-into p {
  color: #767676;
  line-height: 27px;
}

.page-careers .page-into p.text-black {
  color: #000;
  margin-bottom: 27px;
}

.page-careers .page-into a {
  color: #00A4D1;
  text-decoration: underline;
}

.page-careers .page-into a:hover {
  color: #000;
}

.page-careers .positions {
  display: block;
  width: 600px;
  margin: 0 auto;
  text-align: left;
}

.page-careers .positions li {
  margin-bottom: 6px;
  padding-bottom: 50px;
  border-bottom: 1px dashed rgba(117, 117, 117, 0.3);
}

.page-careers .positions li:last-child {
  border: none;
}

.page-careers .positions li h3 {
  margin-bottom: 12px;
  font-family: "Proxima Nova Regular";
  font-size: 45px;
  font-size: 2.8125rem;
  line-height: 54px;
  padding-left: 0;
  letter-spacing: -2.25px;
}

.page-careers .positions li .location {
  margin-bottom: 17px;
  font-family: "Proxima Nova Bold";
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 27px;
  letter-spacing: -.55px;
  opacity: .5;
}

.page-careers .positions li .description {
  margin-bottom: 23px;
  line-height: 27px;
  color: #767676;
}

.page-careers .positions li .btn-sm {
  height: 30px;
  padding: 7px 10px;
}

.career-details .text-container {
  margin-bottom: 74px;
}

.career-details .btn-green {
  margin-bottom: 38px;
}

.career-details .block-dual {
  margin-top: 97px;
  margin-bottom: 49px;
  padding-bottom: 0;
  border-bottom: none;
}

.career-details .block-dual:before, .career-details .block-dual:after {
  display: none;
}

.career-details .bottom-slider .gallery-cell {
  height: 497px;
}

.career-details .bottom-slider .slider-static-overlay {
  max-width: none;
  text-align: center;
  top: auto;
  bottom: 60px;
}

.career-details .bottom-slider .slider-static-overlay p {
  width: 905px;
  margin: 0 auto;
  padding: 0 155px 23px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 23px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.career-details .single-post {
  margin-bottom: 40px;
}

.page-stations {
  margin-bottom: 58px;
}

.page-stations .top-nav .nav-user {
  background: transparent;
  border: 1px solid #00A4D1;
  padding: 0;
}

.page-stations .top-nav .nav-user .user-container {
  background-color: transparent;
}

.page-stations .top-nav .nav-user .user-container a {
  color: #fff;
}

.page-stations .top-nav .nav-user .user-container a:before {
  border-top-color: #fff;
}

.page-stations section {
  margin-bottom: 25px;
  text-align: left;
}

.page-stations section .btn-green {
  top: 14px;
}

.page-stations section .stations {
  text-align: center;
}

.page-stations h2 {
  margin-top: 7px;
  padding-left: 0;
}

.page-stations .station-lg {
  margin-top: 16px;
}

.page-signup {
  min-height: 850px;
}

.page-signup header {
  position: static;
  margin-bottom: 64px;
}

.page-signup h1 {
  color: #00A4D1;
  margin-bottom: 8px;
}

.page-signup small {
  display: block;
  width: 360px;
  margin: auto;
  font-size: 16px;
  font-size: 1rem;
  line-height: 25px;
  color: #767676;
}

.page-signup article {
  margin: 0 auto 45px;
  max-width: 980px;
}

.page-signup article .tab-block {
  padding-top: 123px;
}

.page-signup .sign-in-links {
  margin-top: 84px;
  padding: 63px 0 70px;
  background-color: rgba(199, 199, 199, 0.1);
  border-top: 1px dashed rgba(117, 117, 117, 0.2);
  position: relative;
}

.page-signup .sign-in-links:before, .page-signup .sign-in-links:after {
  display: block;
  content: ' ';
  margin: auto;
  position: absolute;
}

.page-signup .sign-in-links:before {
  width: 46px;
  height: 46px;
  background: url(../images/divider_or.svg) no-repeat center center;
  background-size: contain;
  top: -23px;
  left: 0;
  right: 0;
}

.page-signup .sign-in-links:after {
  width: 10px;
  height: 14px;
  right: 0;
  bottom: -7px;
  left: 0;
}

.page-signup .sign-in-links li:hover {
  background-color: #fff;
}

.page-signup .modal .img-wrapper {
  width: 363px;
  height: 363px;
  margin: 48px auto 26px;
  padding-top: 20px;
  background-image: url(../images/img_circle_dashed.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-align: center;
}

.page-signup .modal .img-wrapper img {
  display: inline-block;
  width: 324px;
  height: 324px;
  border-radius: 50%;
}

.page-signup .modal .buttons {
  margin-top: 33px;
}

.page-signup .modal .buttons a {
  margin: 0 15px;
}

.page-signup .browse {
  color: #00A4D1;
  font-family: "Proxima Nova Bold";
  line-height: 20px;
  letter-spacing: -.4px;
  text-decoration: underline;
}

.page-signup .browse:hover {
  text-decoration: none;
}

.page-signup.signup .sign-in-links {
  margin: 56px 0 30px 0;
  padding: 0;
  background-color: transparent;
  border-top: none;
}

.page-signup.signup .sign-in-links:before, .page-signup.signup .sign-in-links:after {
  display: none;
}

.page-signup.signup .signup-divider {
  display: block;
  max-width: 670px;
  margin: 60px auto 87px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
  position: relative;
}

.page-signup.signup .signup-divider:last-child {
  border-bottom: none;
}

.page-signup.signup .signup-divider:last-child:before, .page-signup.signup .signup-divider:last-child:after {
  display: none;
}

.page-signup.signup .signup-divider:before, .page-signup.signup .signup-divider:after {
  display: block;
  content: ' ';
  margin: auto;
  position: absolute;
}

.page-signup.signup .signup-divider:before {
  width: 46px;
  height: 46px;
  background: url(../images/divider_or.svg) no-repeat center center;
  background-size: contain;
  bottom: -23px;
  left: 0;
  right: 0;
}

.page-signup.signup .signup-divider:after {
  width: 10px;
  height: 14px;
  right: 0;
  bottom: -7px;
  left: 0;
}

.page-signup.signup .text-link {
  display: inline-block;
  color: #00A4D1;
  font-family: "Proxima Nova Bold";
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  letter-spacing: -.45px;
  text-decoration: underline;
}

.page-signup.signup .text-link:hover {
  text-decoration: none;
}

.page-signup.signup .btn-grey {
  width: 280px;
}

.page-signup.get-started {
  padding-bottom: 200px;
}

.upload-box {
  height: 90px;
  padding: 35px 22px 35px 69px;
  border: 1px dashed #00A4D1;
  border-radius: 2px;
  text-align: left;
  background: url(../images/plus_icon.svg) no-repeat 27px center;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.25s ease-out;
}

.upload-box:hover {
  border-style: solid;
  transition: all 0.25s ease-out;
}

.upload-box .label,
.upload-box a {
  display: inline-block;
  vertical-align: middle;
  font-family: "Proxima Nova Bold";
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: -.4px;
  cursor: pointer;
}

.upload-box .label {
  color: #767676;
}

.upload-box a {
  color: #00A4D1;
  float: right;
  text-decoration: underline;
}

.upload-box a:hover {
  color: #75E77E;
}

.signup-form {
  width: 580px;
  margin: 0 auto;
}

.signup-form .upload-box {
  margin: 47px auto 30px;
}

.signup-form .user-avatar {
  display: inline-block;
  margin: 41px auto 30px;
}

.signup-form .user-avatar img {
  display: inline-block;
  vertical-align: middle;
  width: 90px;
  height: 90px;
}

.signup-form .user-avatar a {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}

.signup-form .input-wrapper {
  display: block;
  width: auto;
  float: left;
  margin-bottom: 30px;
}

.signup-form .input-wrapper:nth-child(even) {
  float: right;
}

.signup-form .input-wrapper input {
  width: 280px;
  height: 60px;
  padding: 20px;
  font-family: "Proxima Nova Bold";
  color: rgba(0, 0, 0, 0.5);
  border: 1px solid #C7C7C7;
  border-radius: 2px;
}

.signup-form .btn-green {
  width: 280px;
  margin-top: 25px;
}

.signup-form .invalid {
  background-color: #FDD7D7;
}

.page-country {
  padding-bottom: 115px;
}

.page-country h1 {
  margin-top: 65px;
  color: #00A4D1;
}

.page-country small {
  display: block;
  width: 360px;
  margin: auto;
  font-size: 16px;
  font-size: 1rem;
  line-height: 25px;
  color: #767676;
}

.page-country section {
  width: 600px;
  margin-top: 88px;
  padding: 0;
}

.page-country .search-wrapper input {
  width: 100%;
  color: #767676;
  border: 1px solid #00A4D1;
}

.page-country .search-wrapper input::-webkit-input-placeholder {
  color: rgba(117, 117, 117, 0.2);
}

.page-country .search-wrapper input::-moz-placeholder {
  color: rgba(117, 117, 117, 0.2);
}

.page-country .search-wrapper input:-ms-input-placeholder {
  color: rgba(117, 117, 117, 0.2);
}

.page-country .search-wrapper input:-moz-placeholder {
  color: rgba(117, 117, 117, 0.2);
}

.page-country .coutry-list {
  margin-top: 40px;
  margin-bottom: 124px;
}

.page-country .coutry-list li {
  border-bottom: 1px dashed rgba(117, 117, 117, 0.2);
}

.page-country .coutry-list li input {
  display: none;
}

.page-country .coutry-list li input + label:before {
  display: block;
  content: ' ';
  width: 33px;
  height: 33px;
  background: #fff;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -16px;
  border: 1px solid #00A4D1;
  border-radius: 50%;
}

.page-country .coutry-list li input:checked + label {
  font-family: "Proxima Nova Bold";
  font-weight: bold;
}

.page-country .coutry-list li input:checked + label:before {
  content: "+";
  line-height: 1.2;
  text-align: center;
  color: #fff;
  border-color: #32C0AD;
  background: -moz-linear-gradient(120deg, #44CBA1 0%, #11AEC5 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #11AEC5), color-stop(100%, #44CBA1));
  background: -webkit-linear-gradient(120deg, #44CBA1 0%, #11AEC5 100%);
  background: -o-linear-gradient(120deg, #44CBA1 0%, #11AEC5 100%);
  background: -ms-linear-gradient(120deg, #44CBA1 0%, #11AEC5 100%);
  background: linear-gradient(330deg, #44CBA1 0%, #11AEC5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bottom', endColorstr='$top', GradientType=0);
}

.page-country .coutry-list li label {
  display: block;
  width: 100%;
  position: relative;
  text-align: left;
  font-family: "Proxima Nova Regular";
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 80px;
  letter-spacing: -.6px;
  cursor: pointer;
}

.page-country .bottom-links .btn {
  margin: 0 10px;
}

.page-country .text-link {
  display: inline-block;
  margin: 57px auto 10px;
  color: #C7C7C7;
  font-family: "Proxima Nova Bold";
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  letter-spacing: -.45px;
  text-transform: uppercase;
  text-decoration: underline;
}

.page-country .text-link:hover {
  text-decoration: none;
  color: #767676;
}

.page-genre {
  padding-bottom: 90px;
}

.page-genre h1 {
  margin-top: 65px;
  color: #00A4D1;
}

.page-genre small {
  display: block;
  width: 360px;
  margin: auto;
  font-size: 16px;
  font-size: 1rem;
  line-height: 25px;
  color: #767676;
}

.page-genre section {
  padding: 0 65px;
}

.page-genre section .grid-4 {
  margin-top: 88px;
}

.page-genre section .grid-4 li a {
  display: inline-block;
  position: relative;
}

.page-genre section .grid-4 li a:before {
  display: block;
  content: ' ';
  width: 33px;
  height: 33px;
  background: #fff;
  cursor: pointer;
  position: absolute;
  bottom: 21px;
  right: 0;
  border: 1px solid #00A4D1;
  border-radius: 50%;
}

.page-genre section .grid-4 li .name {
  margin-top: 18px;
}

.page-genre section .grid-4 li .followers {
  opacity: .5;
}

.page-genre section .grid-4 .selected a:before {
  display: block;
  content: "+";
  width: 33px;
  height: 33px;
  cursor: pointer;
  font-family: "Proxima Nova Bold";
  font-size: 30px;
  font-size: 1.875rem;
  position: absolute;
  bottom: 21px;
  right: 0;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  background: -moz-linear-gradient(120deg, #44CBA1 0%, #11AEC5 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #11AEC5), color-stop(100%, #44CBA1));
  background: -webkit-linear-gradient(120deg, #44CBA1 0%, #11AEC5 100%);
  background: -o-linear-gradient(120deg, #44CBA1 0%, #11AEC5 100%);
  background: -ms-linear-gradient(120deg, #44CBA1 0%, #11AEC5 100%);
  background: linear-gradient(330deg, #44CBA1 0%, #11AEC5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bottom', endColorstr='$top', GradientType=0);
  border: 3px solid #fff;
  border-radius: 50%;
}

.page-genre .bottom-links {
  margin-top: 38px;
}

.page-genre .bottom-links .btn {
  margin: 0 10px;
}

.page-genre .text-link {
  display: inline-block;
  margin: 57px auto 10px;
  color: #C7C7C7;
  font-family: "Proxima Nova Bold";
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  letter-spacing: -.45px;
  text-transform: uppercase;
  text-decoration: underline;
}

.page-genre .text-link:hover {
  text-decoration: none;
  color: #767676;
}

.page-genre .signup-form .upload-box {
  margin-top: 88px;
}

.page-genre .signup-form .input-wrapper {
  float: none;
}

.page-genre .signup-form .input-wrapper input {
  width: 100%;
}

.page-genre header .user-container .text-link {
  margin: 0;
  font-family: sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: inherit;
  text-transform: none;
  text-decoration: initial;
}

.page-genre header.nav-dark .user-container .text-link {
  color: #767676;
}

.page-user-type {
  padding-bottom: 130px;
}

.page-user-type h1 {
  margin-top: 80px;
  color: #00A4D1;
}

.page-user-type .block-dual {
  margin: 125px auto 130px;
  padding: 0;
  border-bottom: none;
}

.page-user-type .block-dual:before, .page-user-type .block-dual:after {
  display: none;
}

.page-user-type .block-dual .broadcaster {
  background: url(../images/broadcaster_icon.svg) no-repeat center top;
  background-size: 65px 65px;
}

.page-user-type .block-dual .listener {
  background: url(../images/listener_icon.png) no-repeat center top;
  background-size: 65px 65px;
}

.page-user-type .block-dual li {
  padding: 70px 0 23px 0;
}

.page-user-type .block-dual li:first-of-type {
  border-right: 1px dashed rgba(0, 0, 0, 0.2);
}

.page-user-type .block-dual h3 {
  margin: 5px auto 26px;
  font-family: "Proxima Nova Regular";
  color: #767676;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 37px;
  letter-spacing: -.85px;
}

.page-user-type .block-dual p {
  margin-bottom: 55px;
}

.page-user-type .text-link {
  display: inline-block;
  margin: 0 auto;
  color: #C7C7C7;
  font-family: "Proxima Nova Bold";
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  letter-spacing: -.45px;
  text-transform: uppercase;
  text-decoration: underline;
}

.page-user-type .text-link:hover {
  text-decoration: none;
  color: #767676;
}

.page-landing .top-content {
  top: 150px;
}

.page-landing .top-content h2 {
  max-width: 760px;
  margin-bottom: 4px;
  color: #fff;
  background: none;
  font-size: 65px;
  font-size: 4.0625rem;
  line-height: 66px;
}

.page-landing .top-content h3 {
  font-family: "Proxima Nova Regular";
  color: #75E77E;
}

.page-landing .top-content .search-box {
  margin-top: 68px;
}

.page-landing .features-section {
  margin-top: 35px;
}

.page-landing .features-section .feature-list {
  margin-top: 36px;
}

.page-landing .features-section .btn-wrapper {
  margin: 80px auto 35px;
}

.page-landing .features-section .btn-wrapper .btn {
  width: 184px;
  margin: 0 8px;
  text-transform: capitalize;
}

.page-landing .interact-section {
  padding: 0;
}

.page-landing .interact-section h2 {
  margin-top: 24px;
}

.page-landing .interact-section .live-stations-gallery {
  max-width: 1200px;
  margin: 24px auto 30px;
  padding: 0 110px;
  position: relative;
}

.page-landing .interact-section .live-stations-gallery .outer-list {
  min-width: 980px;
}

.page-landing .interact-section .live-stations-gallery .flickity-prev-next-button {
  position: absolute;
  top: 155px;
}

.page-landing .interact-section .live-stations-gallery .flickity-prev-next-button:focus {
  box-shadow: none;
}

.page-landing .interact-section .live-stations-gallery .previous {
  background-image: url("../images/arrow_left_gr.svg");
  left: 25px;
}

.page-landing .interact-section .live-stations-gallery .next {
  background-image: url("../images/arrow_right_gr.svg");
  right: 25px;
}

.page-landing .interact-section .stations-list li {
  display: inline-block;
  width: 50%;
  margin-bottom: 50px;
  text-align: left;
}

.page-landing .interact-section .stations-list .img-container {
  display: inline-block;
  width: 130px;
  height: 130px;
  vertical-align: top;
  position: relative;
  border-radius: 2px;
}

.page-landing .interact-section .stations-list .img-container .star {
  top: 10px;
  left: 10px;
}

.page-landing .interact-section .stations-list .description {
  display: inline-block;
  width: -moz-calc(100% - 130px);
  width: -webkit-calc(100% - 130px);
  width: -o-calc(100% - 130px);
  width: calc(100% - 130px);
  padding-left: 24px;
  vertical-align: top;
}

.page-landing .interact-section .stations-list .description h3 {
  margin: 25px 0 6px;
  padding-left: 40px;
  font-family: "Proxima Nova Regular";
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 27px;
  letter-spacing: -.55px;
  position: relative;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-landing .interact-section .stations-list .description h3:before {
  display: block;
  content: ' ';
  width: 30px;
  height: 20px;
  background: url("../images/sound_icon.svg") no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 3px;
  left: 0;
}

.page-landing .interact-section .stations-list .description p {
  display: inline-block;
  width: 260px;
  font-family: "Proxima Nova Regular";
  line-height: 22px;
}

.page-landing .featured-popular {
  min-height: 900px;
  max-width: none;
  padding: 0;
  margin: 0;
  background: -moz-linear-gradient(120deg, #44CBA1 0%, #00A4D1 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #00A4D1), color-stop(100%, #44CBA1));
  background: -webkit-linear-gradient(120deg, #44CBA1 0%, #00A4D1 100%);
  background: -o-linear-gradient(120deg, #44CBA1 0%, #00A4D1 100%);
  background: -ms-linear-gradient(120deg, #44CBA1 0%, #00A4D1 100%);
  background: linear-gradient(330deg, #44CBA1 0%, #00A4D1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bottom', endColorstr='$top', GradientType=0);
}

.page-landing .featured-popular h2 {
  margin-top: 60px;
  margin-bottom: 80px;
  color: #fff;
}

.page-landing .featured-popular .featured-popular-gallery {
  width: 920px;
  max-width: none;
  min-height: 400px;
  margin: 0 auto;
  background: url(../images/sound_bg.png) center 78px no-repeat;
  position: relative;
}

.page-landing .featured-popular .featured-popular-gallery .gallery-list {
  position: relative;
}

.page-landing .featured-popular .featured-popular-gallery .gallery-list.child2 .flickity-slider {
  margin-left: -204px;
}

.page-landing .featured-popular .featured-popular-gallery .gallery-list li {
  display: inline-block;
  width: 177px;
  margin: 0 10px;
  padding: 0 20px;
}

.page-landing .featured-popular .featured-popular-gallery .gallery-list li .img-container:hover,
.page-landing .featured-popular .featured-popular-gallery .gallery-list li.active .img-container {
  background-color: #75E77E;
  transition: all 0.25s ease-out;
  cursor: pointer;
}

.page-landing .featured-popular .featured-popular-gallery .gallery-list li .img-container:hover img,
.page-landing .featured-popular .featured-popular-gallery .gallery-list li.active .img-container img {
  opacity: .3;
  border: 3px solid #75E77E;
  width: 100%;
  height: 100%;
}

.page-landing .featured-popular .featured-popular-gallery .gallery-list li .img-container {
  width: 117px;
  height: 117px;
  margin: 0 auto;
  position: relative;
  border-radius: 2px;
}

.page-landing .featured-popular .featured-popular-gallery .gallery-list li .star {
  position: absolute;
  top: 13px;
  left: 10px;
}

.page-landing .featured-popular .featured-popular-gallery .gallery-list li .description h3,
.page-landing .featured-popular .featured-popular-gallery .gallery-list li .description .time {
  font-family: "Proxima Nova Bold";
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 130px;
  overflow: hidden;
}

.page-landing .featured-popular .featured-popular-gallery .gallery-list li .description h3 {
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
}

.page-landing .featured-popular .featured-popular-gallery .gallery-list li .description .time {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
}

.page-landing .featured-popular .featured-popular-gallery .flickity-prev-next-button {
  position: absolute;
  top: 60px;
}

.page-landing .featured-popular .featured-popular-gallery .flickity-prev-next-button:focus {
  box-shadow: none;
}

.page-landing .featured-popular .featured-popular-gallery .previous {
  background-image: url("../images/arrow_left_wh.svg");
}

.page-landing .featured-popular .featured-popular-gallery .next {
  background-image: url("../images/arrow_right_wh.svg");
}

.page-landing .featured-popular .station-playlist {
  margin-top: 8px;
}

.page-landing .stats {
  margin-bottom: 70px;
  padding-top: 40px;
}

.page-landing .stats h3 {
  margin-bottom: 35px;
  font-family: "Proxima Nova Regular";
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 47px;
  color: #C7C7C7;
  letter-spacing: -1.15px;
}

.page-landing .stats .stats-list {
  margin-top: 0;
  margin-bottom: 70px;
}

.page-landing .stats .stats-list li {
  max-width: none;
  width: 310px;
}

.page-landing .stats .stats-list .number {
  font-family: "Proxima Nova Light";
  font-size: 92px;
  font-size: 5.75rem;
  letter-spacing: -2.3px;
}

.page-landing .stats .stats-list .description {
  display: inline-block;
  max-width: 265px;
  color: #000;
  line-height: 22px;
  opacity: 1;
}

.page-landing .stats .btn {
  text-transform: capitalize;
}

.page-placeholder .main-content {
  width: 600px;
  margin-top: 90px;
  text-align: left;
}

.page-placeholder .main-content article {
  margin: 0 0 47px 0;
}

.page-placeholder .main-content article:last-child {
  margin-bottom: 25px;
}

.page-placeholder .main-content h1 {
  margin-bottom: 7px;
  color: #00A4D1;
}

.page-placeholder .main-content h2 {
  margin-top: 9px;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 37px;
  letter-spacing: -1.5px;
}

.page-placeholder .main-content p {
  line-height: 27px;
  margin-bottom: 27px;
  color: #767676;
}

.page-placeholder .main-content .address li {
  font-family: "Proxima Nova Regular";
  line-height: 27px;
  color: #767676;
}

.page-placeholder .main-content .address li a {
  color: #00A4D1;
}

.page-placeholder .main-content .address li a:hover {
  color: #000;
}

.accordion {
  max-width: 600px;
  margin: 0 auto 107px;
  text-align: left;
}

.accordion li {
  position: relative;
}

.accordion li .accordion-content {
  display: none;
  padding: 5px 0 0;
}

.accordion li .accordion-content p {
  color: #767676;
  line-height: 27px;
  padding: 0 0 10px;
}

.accordion li .accordion-content img {
  margin: 24px 0;
}

.accordion a.accordion-title {
  display: block;
  width: 100%;
  padding: 30px 40px 15px 0;
  color: #767676;
  font-family: "Proxima Nova Bold";
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 37px;
  letter-spacing: -1.5px;
  user-select: none;
  cursor: pointer;
  border-bottom: 1px dashed rgba(0, 0, 46, 0.2);
}

.accordion a.accordion-title:before, .accordion a.accordion-title:after {
  display: block;
  content: ' ';
  position: absolute;
  transition: all 0.25s ease-out;
  background-color: #C7C7C7;
}

.accordion a.accordion-title:before {
  width: 23px;
  height: 5px;
  right: 0;
  top: 42px;
}

.accordion a.accordion-title:after {
  width: 5px;
  height: 23px;
  right: 9px;
  top: 33px;
}

.accordion a.accordion-title.active {
  color: #00A4D1;
  border-bottom: none;
}

.accordion a.accordion-title.active:before {
  transform: rotate(180deg);
  background: -moz-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #00A4D1), color-stop(100%, #75E77E));
  background: -webkit-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -o-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -ms-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: linear-gradient(330deg, #75E77E 0%, #00A4D1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bottom', endColorstr='$top', GradientType=0);
}

.accordion a.accordion-title.active:after {
  transform: rotate(270deg);
  background: -moz-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #00A4D1), color-stop(100%, #75E77E));
  background: -webkit-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -o-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: -ms-linear-gradient(120deg, #75E77E 0%, #00A4D1 100%);
  background: linear-gradient(330deg, #75E77E 0%, #00A4D1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bottom', endColorstr='$top', GradientType=0);
}

.accordion .accordion-content a {
  color: #00A4D1;
}

.accordion .accordion-content a:hover {
  text-decoration: underline;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 1600px;
  max-height: 750px;
}

.pagination {
  width: 260px;
  margin: 0 auto;
  position: relative;
}

.pagination ul li {
  display: inline-block;
  margin-left: 29px;
  margin-right: -3px;
}

.pagination ul li:first-child {
  margin-left: 0;
}

.pagination ul li a {
  display: inline-block;
  color: #C7C7C7;
  font-family: "Proxima Nova Bold";
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  letter-spacing: -1px;
}

.pagination ul li.active a {
  color: #00A4D1;
}

.pagination ul li:hover a {
  color: #00A4D1;
}

.pagination .btn {
  display: block;
  width: 15px;
  height: 14px;
  background: url(../images/arrow_horizontal.svg) no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 5px;
  transition: background-image 0.2s ease-in-out;
}

.pagination .btn.prev {
  left: 0;
}

.pagination .btn.next {
  right: 0;
  transform: rotate(180deg);
}

.pagination .btn:hover {
  background-image: url(../images/arrow_horizontal_blue.svg);
}

[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .grad-font, h2,
  .page-team .stats .stats-list li .number,
  .positions h3, .page-how-it-works h1,
  .page-team h1,
  .page-contact h1,
  .page-press h1,
  .page-blog h1,
  .page-careers h1,
  .page-signup h1,
  .modal.modal-signin h1,
  .page-country h1,
  .page-genre h1,
  .page-user-type h1 {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    color: transparent;
    background: -moz-linear-gradient(120deg, #47CD9F 0%, #00A4D1 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #00A4D1), color-stop(100%, #47CD9F));
    background: -webkit-linear-gradient(120deg, #47CD9F 0%, #00A4D1 100%);
    background: -o-linear-gradient(120deg, #47CD9F 0%, #00A4D1 100%);
    background: -ms-linear-gradient(120deg, #47CD9F 0%, #00A4D1 100%);
    background: linear-gradient(330deg, #47CD9F 0%, #00A4D1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bottom', endColorstr='$top', GradientType=0);
    -webkit-background-clip: text;
  }
  .comments .new-comment h3 {
    display: inline-block;
    margin-top: 0;
    padding: 0 270px 0 0;
    text-align: left;
    color: transparent;
    background: -moz-linear-gradient(120deg, #47CD9F 0%, #00A4D1 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #00A4D1), color-stop(100%, #47CD9F));
    background: -webkit-linear-gradient(120deg, #47CD9F 0%, #00A4D1 100%);
    background: -o-linear-gradient(120deg, #47CD9F 0%, #00A4D1 100%);
    background: -ms-linear-gradient(120deg, #47CD9F 0%, #00A4D1 100%);
    background: linear-gradient(330deg, #47CD9F 0%, #00A4D1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bottom', endColorstr='$top', GradientType=0);
    -webkit-background-clip: text;
  }
  .page-signup .modal-signup .img-wrapper {
    background-image: none;
    border: 1px dashed #00A4D1;
    border-radius: 50%;
  }
}

.page-cover {
  position: fixed;
  width: 100%;
  height: 3000px;
  background-color: #000;
  z-index: 999;
  top: 0;
  left: 0;
  opacity: 0.6;
  z-index: 5;
}

.page-episode {
  position: relative;
  padding-top: 135px;
  margin-bottom: 100px;
}

.page-episode:before {
  display: block;
  content: '';
  width: auto;
  height: 590px;
  background-image: linear-gradient(152deg, #00a4d1 0%, #75e77e 130%);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

.page-episode .player-controls {
  display: flex;
  justify-content: space-between;
}

.page-episode .player-controls a {
  font-family: "Proxima Nova Bold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  text-transform: uppercase;
}

.page-episode .player-controls .text-link {
  display: inline-block;
}

.page-episode .player-controls .text-link:hover {
  color: #75E77E;
}

.page-episode .player-controls .text-link img,
.page-episode .player-controls .text-link span {
  display: inline-block;
  vertical-align: middle;
}

.page-episode .player-controls .text-link img {
  margin-right: 12px;
  border-radius: 3px;
}

.page-episode .player-controls .btn-group-right {
  display: flex;
}

.page-episode .player-controls .btn {
  display: flex;
  align-content: center;
}

.page-episode .player-controls .btn:not(:last-of-type) {
  margin-right: 10px;
}

.page-episode .player-controls .btn:hover .icon-hamburger {
  background-color: #00A4D1;
}

.page-episode .player-controls .btn .icon-hamburger {
  margin-left: 10px;
}

.page-episode .player {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 230px;
  margin-top: 50px;
  margin-bottom: 70px;
  padding-left: 65px;
  background: url("../images/player-bg.png") no-repeat center center;
  position: relative;
}

.page-episode .player .btn-episode-ctrl {
  display: flex;
  flex-shrink: 0;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}

.page-episode .player .player-bar {
  display: block;
  width: 100%;
  height: 10px;
  background-color: #fff;
  border-radius: 5px;
  position: relative;
  text-align: right;
}

.page-episode .player .player-bar:hover .player-seeker {
  opacity: 1;
}

.page-episode .player .player-bar .player-progress {
  display: block;
  width: 0;
  height: 10px;
  background-color: #75E77E;
  border-radius: inherit;
  transition: all 0.25s ease-out;
}

.page-episode .player .player-bar .player-seeker {
  display: block;
  width: 3px;
  position: absolute;
  top: -46px;
  left: 0;
  border-top: 1px solid #75E77E;
  border-bottom: 1px solid #75E77E;
  transition: all 0.25s ease-out;
  opacity: 0;
}

.page-episode .player .player-bar .player-seeker .time {
  display: inline-block;
  width: auto;
  height: 22px;
  padding: 3px 7px;
  font-family: "Proxima Nova Bold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  letter-spacing: .75px;
  color: #000;
  background-color: #fff;
  border: 1px solid #00A4D1;
  border-radius: 2px;
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  margin: auto;
  transform: translate(-50%, 0);
}

.page-episode .player .player-bar .player-seeker .bar {
  display: block;
  width: 1px;
  height: 100px;
  margin: auto;
  background-color: #75E77E;
}

.page-episode .player .player-bar .episode-length {
  display: inline-block;
  margin-top: 10px;
  font-family: "Proxima Nova Bold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  letter-spacing: .75px;
  color: #fff;
  transition: all 0.25s ease-out;
  position: absolute;
  bottom: -25px;
  right: 0;
}

.page-episode .player .player-bar .episode-event-item {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  min-height: 30px;
  position: absolute;
  top: -50%;
  bottom: 0;
  margin: auto;
  border: 2px solid #fff;
  border-radius: 50%;
  background-image: linear-gradient(152deg, #00a4d1 0%, #75e77e 130%);
}

.page-episode .player .player-bar .episode-event-item:hover .icon-like {
  opacity: 1;
}

.page-episode .player .player-bar .episode-event-item span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: #fff;
  border-radius: 50%;
  font-family: "Proxima Nova Bold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  color: #00A4D1;
}

.page-episode .player .player-bar .episode-event-item .icon-like {
  position: absolute;
  top: -40px;
  right: 0;
  left: 0;
  margin: auto;
  transition: all 0.25s ease-out;
  opacity: 0;
}

.page-episode .player .player-bar .episode-event-item .icon-like:before {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-top: 5px solid #fff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  margin: auto;
}

.page-episode .player .player-bar .episode-event-item-sm {
  width: 38px;
  height: 38px;
}

.page-episode .player .player-bar .episode-event-item-md {
  width: 48px;
  height: 48px;
}

.page-episode .player .player-bar .episode-event-item-lg {
  width: 68px;
  height: 68px;
}

.page-episode .main-content {
  display: flex;
  justify-content: space-between;
  padding: 0 107px;
}

.episode-info {
  display: block;
  width: calc(50% - 20px);
  margin: initial;
  margin-bottom: 100px;
  padding: 0;
  text-align: left;
}

.episode-info .episode-header {
  display: flex;
  color: #fff;
}

.episode-info .episode-header .left {
  margin-right: 20px;
}

.episode-info .episode-header img {
  display: inline-block;
  width: 94px;
  height: 94px;
  border: 2px solid #fff;
  border-radius: 3px;
}

.episode-info .episode-header h1 {
  margin: 0;
  font-family: "Proxima Nova Bold";
  font-size: 35px;
  font-size: 2.1875rem;
  line-height: 45px;
  letter-spacing: -1.5px;
}

.episode-info .episode-header p {
  font-family: "Proxima Nova Regular";
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 18px;
  letter-spacing: -.4px;
}

.episode-info .episode-descr,
.episode-info .episode-stats,
.episode-info .tag-list,
.episode-info .episode-url {
  border-bottom: 1px dashed rgba(118, 118, 118, 0.2);
}

.episode-info .episode-descr {
  margin-top: 15px;
  padding-bottom: 20px;
  font-family: "Proxima Nova Regular";
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  color: #000;
}

.episode-info .episode-stats {
  padding: 20px 0;
}

.episode-info .episode-stats .btn {
  max-width: 150px;
}

.episode-info .episode-stats .btn:not(:last-of-type) {
  margin-right: 11px;
}

.episode-info .episode-url {
  padding: 23px 0;
}

.episode-info .episode-url .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.episode-info .episode-url .title {
  margin: 0;
  font-family: "Proxima Nova Bold";
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  color: #000;
}

.episode-info .episode-url .text-link {
  color: #C7C7C7;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  letter-spacing: .75px;
  text-transform: uppercase;
  transition: all 0.25s ease-out;
}

.episode-info .episode-url .text-link:hover {
  color: #767676;
}

.episode-info .episode-url .code {
  line-height: 22px;
  color: rgba(0, 0, 0, 0.5);
}

.episode-info .episode-footer {
  padding: 23px 0;
}

.episode-info .episode-footer .btn-xs {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  border-radius: 4px;
}

.episode-info .episode-footer .btn-xs:not(:last-of-type) {
  margin-right: 10px;
}

.tag-list {
  display: flex;
  padding: 20px 0;
}

.tag-list li {
  display: block;
  border: 1px solid #00A4D1;
  border-radius: 2px;
  transition: all 0.25s ease-out;
}

.tag-list li:not(:last-of-type) {
  margin-right: 5px;
}

.tag-list li:hover {
  background: #00A4D1;
}

.tag-list li:hover a {
  color: #fff;
}

.tag-list li a {
  display: block;
  padding: 2px 8px;
  color: #00A4D1;
  font-family: "Proxima Nova Bold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  text-transform: uppercase;
}

.episode-comments {
  display: block;
  width: calc(50% - 20px);
  margin: initial;
  padding: 0;
  background-color: #fff;
  border: 1px solid rgba(199, 199, 199, 0.4);
  border-radius: 4px;
}

.episode-comments .comments-header {
  display: block;
  margin: 10px;
  padding: 10px 10px 10px 15px;
  border: 1px solid rgba(199, 199, 199, 0.4);
  border-radius: 3px;
}

.episode-comments .comments-header form {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.episode-comments .comments-header label {
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: 10px;
  font-family: "Proxima Nova Bold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 12px;
  color: #000;
  letter-spacing: .75px;
}

.episode-comments .comments-header input {
  display: flex;
  flex-basis: 200px;
  flex-grow: 5;
  height: 30px;
  margin-right: 10px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.4);
  letter-spacing: -.5px;
  border: none;
}

.episode-comments .comments-header input:focus {
  outline: none;
}

.episode-comments .comments-header .btn {
  display: flex;
  flex-shrink: 0;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  padding: 7px 17px;
}

.episode-comments .comments-header .btn:not(:last-of-type) {
  margin-right: 8px;
}

.episode-comments .comments-body {
  padding: 0 30px 30px;
}

.episode-comments .comments-body .btn-block {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
}

.episode-comments .comments-body .comments-list {
  text-align: left;
}

.episode-comments .comments-body .comments-list li {
  display: flex;
  justify-content: space-between;
  padding: 20px 0 11px 0;
  border-bottom: 1px dashed rgba(199, 199, 199, 0.5);
}

.episode-comments .comments-body .comments-list li .img-container {
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 8px;
  border-radius: 50%;
}

.episode-comments .comments-body .comments-list li .comment-content {
  padding-top: 6px;
}

.episode-comments .comments-body .comments-list li .comment-content .username {
  margin-bottom: 5px;
  font-family: "Proxima Nova Bold";
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 18px;
  color: #00A4D1;
  letter-spacing: -.5px;
}

.episode-comments .comments-body .comments-list li .comment-content .comment-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.episode-comments .comments-body .comments-list li .comment-content .description {
  padding-right: 15px;
  font-family: "Proxima Nova Semibold";
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  color: #767676;
}

.episode-comments .comments-body .comments-list li .comment-content .btn-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 41px;
  height: 41px;
  border: 1px solid rgba(199, 199, 199, 0.2);
  border-radius: 50%;
}

.episode-comments .comments-body .comments-list li .comment-content .btn-circle:hover {
  border-color: #c7c7c7;
}

.episode-comments .comments-body .comments-list li .comment-content .btn-circle:hover i {
  transform: scale(1.25, 1.25);
}

.episode-comments .comments-body .comments-list li .comment-content .btn-circle i {
  transition: all 0.25s ease-out;
}

.episode-comments .comments-body .comments-list li .comment-content .comment-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 22px;
}

.episode-comments .comments-body .comments-list li .comment-content .comment-footer .comment-time {
  font-family: "Proxima Nova Bold";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  color: rgba(0, 0, 0, 0.2);
}

.episode-comments .comments-body .comments-list li .comment-content .comment-footer .btn-icon {
  display: inline-block;
  opacity: .5;
  transition: all 0.25s ease-out;
}

.episode-comments .comments-body .comments-list li .comment-content .comment-footer .btn-icon:hover {
  opacity: 1;
}

.episode-comments .comments-body .comments-list li .comment-content .comment-footer .btn-icon:not(:last-of-type) {
  margin-right: 20px;
}

.episode-comments .comments-body .load-more {
  margin-top: 28px;
  font-family: "Proxima Nova Bold";
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  color: #C7C7C7;
}