@font-face {
    font-family: akzidenzgrotesk-superitalic;
    font-display: auto;
    src: url(../fonts/akzidenzgrotesk-superitalic-webfont.woff);
    src: url(../fonts/akzidenzgrotesk-superitalic-webfont.eot#iefix) format('embedded-opentype'), url(../fonts/akzidenzgrotesk-superitalic-webfont.woff) format('woff'), url(../fonts/akzidenzgrotesk-superitalic-webfont.ttf) format('truetype');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Apercu;
    font-display: auto;
    src: url(../fonts/Apercu_Mono-webfont.eot);
    src: url(../fonts/Apercu_Mono-webfont.eot#iefix) format('embedded-opentype'), url(../fonts/Apercu_Mono-webfont.woff) format('woff'), url(../fonts/Apercu_Mono-webfont.ttf) format('truetype');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: akzidenzgrotesk-MedExt;
    font-display: auto;
    src: url(../fonts/AkzidenzGroteskBQ-MedExt.eot);
    src: url(../fonts/AkzidenzGroteskBQ-MedExt.eot#iefix) format('embedded-opentype'), url(../fonts/AkzidenzGroteskBQ-MedExt.woff) format('woff'), url(../fonts/AkzidenzGroteskBQ-MedExt.ttf) format('truetype');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: akzidenzgrotesk-regular;
    font-display: auto;
    src: url(../fonts/akzidenzgrotesk-regular.eot);
    src: url(../fonts/akzidenzgrotesk-regular.eot#iefix) format('embedded-opentype'), url(../fonts/akzidenzgrotesk-regular.woff2) format('woff2'), url(../fonts/akzidenzgrotesk-regular.woff) format('woff'), url(../fonts/akzidenzgrotesk-regular.ttf) format('truetype'), url(../fonts/akzidenzgrotesk-regular.svg#akzidenzgrotesk-regular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Akzidenz-Grotesk Pro Med';
    font-display: auto;
    src: url(../fonts/hinted-AkzidenzGroteskPro-Md.eot);
    src: url(../fonts/hinted-AkzidenzGroteskPro-Md.eot#iefix) format('embedded-opentype'), url(../fonts/hinted-AkzidenzGroteskPro-Md.woff) format('woff'), url(../fonts/hinted-AkzidenzGroteskPro-Md.ttf) format('truetype');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Akzidenz-Grotesk Pro';
    font-display: auto;
    src: url(../fonts/hinted-AkzidenzGroteskPro-Regular.eot);
    src: url(../fonts/hinted-AkzidenzGroteskPro-Regular.eot#iefix) format('embedded-opentype'), url(../fonts/hinted-AkzidenzGroteskPro-Regular.woff) format('woff'), url(../fonts/hinted-AkzidenzGroteskPro-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

body {
    padding-top: 58px;
    font-size: 14px;
    font-family: akzidenzgrotesk-regular, 'Akzidenz-Grotesk Pro', arial, sans
}

body.category-long-reads,
body.page-template-page-listen-php,
body.page-template-page-read-php,
body.page-template-page-watch-php {
    padding-top: 108px
}

@media only screen and (max-width :768px) {

    body.category-long-reads,
    body.page-template-page-listen-php,
    body.page-template-page-read-php,
    body.page-template-page-watch-php {
        padding-top: 58px
    }
}

body.category .home-lead-image {
    height: 60vh
}

body.page-template-page-read-php .home-lead-image,
body.page-template-page-watch-php .home-lead-image {
    height: 60vh
}

h1,
h2 {
    margin-top: 0
}

p {
    line-height: 18px
}

body.category-art,
body.category-fashion,
body.category-music,
body.live-reviews,
body.post-type-archive-shows body.category-playss,
body.postid-44112,
body.single-article.aesthetic,
body.single-article.discover,
body.single-article.interviews,
body.single-article.lists,
body.single-article.long-reads,
body.single-article.mixprofile,
body.single-article.playlists,
body.single-article.profiles,
body.single-shows {
    padding-top: 0
}

body.single-article.new-music {
    padding-top: 0
}

body.single-article.discover .parallax-wrapper,
body.single-article.new-music .parallax-wrapper {
    margin-bottom: 0
}

body.home {
    padding-top: 0
}

.container,
.container-fluid {
    max-width: 1085px
}

#content {
    padding-top: 0
}

a:active,
a:link,
a:visited {
    color: #000
}

.video-wrap h2.centered {
    margin-top: 45px
}

.header-bg {
    background: #000;
    display: none
}

.promo-header {
    background: #000;
    overflow: hidden;
    height: 100vh;
    margin: 0 auto
}

.browser-ios .promo-header {
    height: 500px !important
}

.promo-header>div {
    display: block;
    float: left
}

.promo-image-wrapper {
    width: 33.33%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 50px
}

.promo-header>div.text {
    width: 33.33%;
    font-family: akzidenzgrotesk-superitalic
}

body.new-music p.lead {
    text-decoration: none
}

.promo-header img {
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: block
}

.info {
    color: #fff;
    font-size: 2em;
    text-align: center;
    line-height: 1.2em;
    font-family: 'Akzidenz-Grotesk Pro Med';
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.question h3 {
    text-decoration: underline;
    font-size: 14px
}

.info-right {
    color: #fff;
    font-size: 2em;
    text-align: center;
    font-family: 'Akzidenz-Grotesk Pro Med';
    line-height: 1.2em;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.article-parallax {
    margin-bottom: 30px
}

.article-parallax-quote {
    height: 325vh;
    background: #000;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    text-align: center;
    margin-bottom: 30px;
    font-size: 46px;
    display: block;
    color: #fff
}

.article-parallax-quote.fixed .parallax-quote-inner {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-40%);
    -webkit-transform: translateY(-40%)
}

.parallax-quote-inner {
    max-width: 800px;
    margin: 0 auto;
    opacity: 0
}

.parallax-wrapper.live-review {
    margin-bottom: 0
}

header {
    height: 58px;
    width: 100vw;
    position: fixed;
    top: 0;
    z-index: 1200;
    transition: .3s ease-in;
    background: #fff;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .3)
}

body.archive.category-music header:not(.scrolled),
body.archive.post-type-archive-uottv header:not(.scrolled),
body.archive.post-type-archive-festivals header:not(.scrolled),
body.archive.post-type-archive-shows header:not(.scrolled),
body.home header:not(.scrolled),
body.single-article:not(.album-reviews):not(.premieres) header:not(.scrolled),
body.single-uottv header:not(.scrolled) {
    -webkit-box-shadow: inset 0 32px 30px -9px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 32px 30px -9px rgba(0, 0, 0, .3);
    box-shadow: inset 0 32px 30px -9px rgba(0, 0, 0, .3);
    background: 0 0
}

body.single-article:not(.album-reviews):not(.premieres) header:not(.scrolled) .navbar-nav-toggle,
body.single-article:not(.album-reviews):not(.premieres) header:not(.scrolled) .navbar__logo {
    opacity: 0
}

body.archive.category-music header:not(.scrolled) .navbar-toggle__reversed,
body.archive.category-music header:not(.scrolled) .navbar__logo__reversed,
body.archive.post-type-archive-uottv header:not(.scrolled) .navbar-toggle__reversed,
body.archive.post-type-archive-uottv header:not(.scrolled) .navbar__logo__reversed,
body.home header:not(.scrolled) .navbar__logo__reversed,
body.home header:not(.scrolled)~.navbar-header .navbar-toggle__reversed,
body.single-article:not(.album-reviews):not(.premieres) header:not(.scrolled) .navbar-toggle__reversed,
body.single-article:not(.album-reviews):not(.premieres) header:not(.scrolled) .navbar__logo__reversed,
body.single-uottv header:not(.scrolled) .navbar-toggle__reversed,
body.single-uottv header:not(.scrolled) .navbar__logo__reversed {
    opacity: 1
}

body.single-article:not(.album-reviews):not(.premieres) header:not(.scrolled) .navbar__shares,
body.single-uottv header:not(.scrolled) .navbar__shares {
    opacity: 0;
    z-index: -1
}

.navbar-navigation .navbar-nav {
    float: none
}

.navbar-brand img {
    display: inline-block
}

.navbar-brand {
    float: none
}

.navbar__logo {
    position: fixed;
    left: 0;
    right: 0;
    top: 13px;
    text-align: center
}

.navbar {
    border-top: 0;
    border-radius: 0;
    transition: transform .2s ease-in;
    -webkit-transition: -webkit-transform .2s ease-in
}

.navbar__logo__reversed {
    transition: opacity .3s ease-in;
    opacity: 0
}

.navbar-toggle__reversed {
    opacity: 0
}

.navbar-header {
    background: #000
}

.navbar-nav-main {
    background: #fff;
    float: left;
    position: fixed;
    top: 0;
    transform: translate(-100%);
    width: 300px;
    height: 100vh;
    background: #000;
    z-index: 250;
    transition: transform .2s ease-in;
    -webkit-transition: -webkit-transform .2s ease-in
}

.navbar-nav-main.nav-open {
    transform: translate(0);
    -webkit-transform: translate(0);
    box-shadow: 0 25px 60px 0 rgba(0, 0, 0, .6)
}

.navbar-nav-main .navbar-close {
    color: #fff;
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: 1px;
    font-family: akzidenzgrotesk-regular, arial, sans;
    cursor: pointer;
    display: inline-block;
    height: 34px;
    position: absolute;
    top: 18px;
    left: 20px
}

.navbar-nav-main .navbar-search {
    color: #fff;
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: 1px;
    font-family: akzidenzgrotesk-regular, arial, sans;
    cursor: pointer;
    display: inline-block;
    height: 34px;
    position: absolute;
    top: 17px;
    right: 20px
}

.navbar-nav-main .navbar-close img,
.navbar-nav-main .navbar-search img {
    transition: .1s ease-in;
    -webkit-transition: .1s ease-in
}

.navbar-nav-main .navbar-close:hover img,
.navbar-nav-main .navbar-search:hover img {
    opacity: .7
}

.navbar-main-header {
    width: 100%;
    display: block;
    position: relative;
    border-bottom: 1px solid #fff;
    padding: 15px 20px;
    height: 58px
}

.nav li {
    font-family: akzidenzgrotesk-MedExt
}

.navbar-follow,
.navbar-subscribe {
    color: #fff;
    border-bottom: 1px solid #fff;
    padding: 12px 0;
    margin: 0 20px;
    width: calc(100% - 40px);
    font-size: 18px
}

.navbar-subscribe a {
    color: #fff
}

.navbar-navigation {
    color: #fff;
    border-bottom: 1px solid #fff;
    padding: 20px 0 5px 0;
    width: calc(100% - 40px);
    margin: 0 20px
}

.navbar-latest {
    padding: 20px 0;
    margin: 0 20px;
    border-bottom: 1px solid #fff;
    position: relative;
    width: calc(100% - 40px)
}

.navbar-latest a.navbar-latest-img {
    display: block;
    float: left;
    margin-right: 10px;
    width: calc(46% - 10px)
}

.navbar-latest-text {
    float: left;
    width: calc(50% - 10px);
    margin-left: 10px;
    color: #fff;
    line-height: 1.1
}

.navbar-nav-main .navbar-close img,
.navbar-nav-main .navbar-search img {
    display: block
}

.navbar-default {
    border: none;
    background: #fff
}

a.navbar-subscription-link {
    color: #fff;
    display: block;
    position: absolute;
    bottom: 18px;
    width: calc(54% - 10px);
    right: 0;
    line-height: 18px
}

.navbar-contact {
    color: #fff;
    padding: 15px 0;
    margin: 0 20px;
    width: calc(100% - 40px);
    border-bottom: 1px solid #fff
}

.navbar-family {
    width: calc(50% - 10px);
    float: left;
    margin-right: 10px
}

.navbar-info {
    float: left;
    width: calc(50% - 10px);
    margin-left: 10px
}

.navbar-nav-main .navbar-contact p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0
}

.navbar-contact a {
    color: #fff
}

.navbar-links {
    color: #fff;
    padding: 15px 0;
    border-bottom: 1px solid #fff;
    margin: 0 20px;
    width: calc(100% - 40px)
}

.navbar-nav-main .navbar-links p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0
}

.navbar-links a {
    color: #fff
}

.navbar-overlay {
    position: fixed;
    background-color: transparent);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    z-index: -1;
    transition: background-color .2s ease-in;
    -webkit-transition: background-color .2s ease-in;
    cursor: pointer
}

.navbar-overlay.overlay-open {
    visibility: visible;
    z-index: 200;
    background-color: rgba(0, 0, 0, .42)
}

.navbar-nav-toggle {
    position: fixed;
    top: 18px;
    left: 20px;
    transition: .3s ease-in;
    cursor: pointer;
    z-index: 1
}

.navbar-footer {
    text-align: center;
    color: #fff;
    padding: 20px 15px
}

.navbar-nav-main .navbar-footer p {
    font-size: 12px;
    margin-bottom: 10px
}

.navbar-nav-main .navbar-footer p a {
    color: #fff;
    font-size: 12px
}

.navbar-scrollable {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: transparent;
    height: 100vh;
    padding-bottom: 100px
}

.navbar-scrollable::-webkit-scrollbar {
    display: none
}

.navbar-socials {
    float: right;
    position: relative;
    top: -2px
}

.navbar-socials a {
    margin: 0 3px;
    display: inline-block
}

.main-news-thumb {
    margin-bottom: 30px
}

.navbar-default .navbar-nav>li {
    display: inline-block;
    width: 100%
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
    line-height: 1;
    text-transform: capitalize;
    font-size: 27px;
    padding: 0;
    letter-spacing: 1px;
    font-weight: 400;
    transition: all .1s;
    display: block;
    margin-bottom: 10px
}

.navbar-default a {
    transition: .1s ease-in;
    -webkit-transition: .1s ease-in
}

.navbar-default a:hover {
    opacity: .7;
    color: #fff
}

.navbar__shares {
    right: 18px;
    top: 18px;
    position: fixed;
    opacity: 0;
    transition: .3s ease-in;
    z-index: -1
}

body.single .navbar__shares {
    opacity: 1;
    z-index: 1
}

.navbar__shares a {
    text-transform: uppercase;
    padding: 2px 30px 0 30px;
    display: inline-block;
    color: #fff;
    height: 28px
}

.navbar__shares span {
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px
}

.navbar__shares a:hover {
    color: #fff
}

.navbar__shares__facebook {
    background: #365899;
    margin-right: 8px
}

.navbar__shares__twitter {
    background: #1da1f2
}

.navbar-default .navbar-nav>li>a:hover {
    background: #000;
    color: #fff
}

.social img {
    margin-right: 7px;
    cursor: pointer
}

.album-filters .button {
    padding-right: 5px;
    width: 100%
}

.album-filters .button:hover {
    background: #fff;
    color: #000
}

.parallax-wrapper.no-bottom-margin {
    margin-bottom: 0
}

.category-new-music .article-block {
    min-height: 380px
}

body.page-template-default {
    background: #000
}

body.page-template-default h2 {
    color: #fff
}

body.page-template-default p {
    color: #fff;
    font-size: 12px;
    line-height: 18px
}

#content p a {
    color: red
}

div.closing-tag p a {
    color: red
}

body.page-template-default p a {
    color: #fff;
    text-decoration: none !important
}

body.page-template-default p a:hover {
    text-decoration: none;
    color: #eee
}

body.page-template-default .post_content {
    padding-top: 60px
}

.tabs-wrapper {
    margin-bottom: 30px
}

.slider-container .direction-nav a {
    position: absolute;
    top: 50%;
    background: #fff;
    height: 75px;
    line-height: 75px;
    width: 20px;
    display: block;
    padding-top: 0;
    padding-left: 0;
    border-radius: 0 5px 5px 0;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.slider-container .direction-nav a.prev {
    left: -1px
}

.slider-container .direction-nav a.next {
    right: -1px;
    border-radius: 5px 0 0 5px
}

.slider-container .direction-nav a.next img {
    position: relative;
    left: 2px
}

.slider-container .direction-nav a.prev img {
    position: relative;
    left: -2px
}

.slider-container {
    position: relative
}

.main-news-intro p {
    line-height: 22px;
    font-size: 14px
}

.flex-control-nav {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 30px
}

.flex-control-nav li {
    display: inline-block;
    text-indent: -999px;
    overflow: hidden;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin: 0 5px
}

.flex-control-nav li a {
    background: #eee;
    position: relative;
    display: block;
    border-radius: 10px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    background: #fff;
    opacity: .3
}

.flex-control-nav li a:hover {
    opacity: .6
}

.flex-control-nav li a.flex-active {
    background: #fff;
    opacity: .9
}

.latest-uot-tv {
    position: relative
}

.latest-uot-tv-details {
    position: absolute;
    bottom: 0;
    background: #eee;
    width: 100%;
    padding: 15px
}

.banner-text-holder {
    position: absolute;
    bottom: 30px;
    z-index: 1020;
    width: 100%
}

.banner-link {
    width: 100%;
    height: 100%;
    display: block
}

.banner-text {
    max-width: 1085px;
    margin: 0 auto;
    position: absolute;
    bottom: 30px
}

.banner-text span {
    position: absolute;
    bottom: 30px;
    display: block;
    color: #fff;
    font-size: 72px
}

.banner.flexslider {
    margin-bottom: 30px;
    background: 0 0
}

.banner.flexslider .slides li {
    position: relative
}

body.home .slides li {
    visibility: hidden
}

.slides .slider--cat {
    text-align: left;
    color: #fff;
    display: block;
    font-size: 12px
}

.home-banner {
    width: 100%;
    margin-bottom: 14px
}

.home-banner img {
    width: 100%
}

a {
    color: #000
}

a:hover {
    color: #666;
    text-decoration: none
}

.inner-slide-bg .container-fluid.clearfix {
    height: 100%;
    display: block
}

.inner-slide-bg .container-fluid.clearfix a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

.home-banner-text {
    z-index: 1;
    display: block;
    margin-bottom: 0
}

.slides h1 {
    font-family: 'Akzidenz-Grotesk Pro Med';
    color: #fff;
    font-size: 48px;
    letter-spacing: 2px
}

.banner-direction-nav {
    position: absolute;
    top: 0;
    z-index: 500;
    height: 100%
}

.banner-direction-nav a {
    background: 0 0;
    height: 100%;
    line-height: 100px;
    width: 33vw;
    font-size: 32px;
    display: block;
    padding-top: 0;
    padding-left: 0;
    border-radius: 0 5px 5px 0;
    text-align: center;
    cursor: w-resize
}

.banner-direction-nav.nextious {
    position: absolute;
    right: 0
}

.banner-direction-nav.nextious a {
    border-radius: 5px 0 0 5px;
    overflow: hidden;
    cursor: e-resize
}

.banner-direction-nav.nextious a img {
    position: relative;
    left: 3px;
    display: none
}

.banner-direction-nav.previous a img {
    position: relative;
    left: -3px;
    display: none
}

.banner-direction-nav.previous {
    position: absolute;
    left: 0
}

.banner-direction-nav a {
    color: #000
}

.banner-direction-nav a:hover {
    text-decoration: none
}

.link-direction-nav {
    float: right;
    float: right;
    margin-top: -30px;
    z-index: 3000;
    color: #fff;
    position: absolute;
    right: 30px
}

.link-direction-nav a {
    cursor: pointer;
    color: #fff
}

.link-direction-nav a:hover {
    text-decoration: none
}

img.flip {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: FlipH
}

img.rotate {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

body.category-premieres .article-block.album-block {
    min-height: 340px
}

.meta ul li {
    list-style: none;
    display: inline-block;
    font-size: 12px
}

.meta ul {
    padding-left: 0;
    margin-bottom: 0
}

.meta .cat-parent+.cat-parent:before {
    content: " + "
}

.meta .cat-child:before {
    content: " / "
}

.meta li:last-of-type:before {
    content: " / "
}

.meta li:only-child:before {
    content: none
}

.fb_iframe_widget {
    top: 5px
}

.featured-home-blocks .article-block {
    min-height: 357px
}

.article-block {
    margin-bottom: 30px;
    min-height: 400px
}

.article-feature-block {
    margin-bottom: 30px;
    min-height: 395px
}

select#album-filter {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-family: akzidenzgrotesk-regular, arial, sans;
    background: #fff;
    padding: 5px 20px;
    border: none;
    display: inline-block;
    text-decoration: none;
    display: inline-block;
    border-radius: 0;
    outline: 0
}

.article-block.album-block {
    min-height: 450px
}

.article-block.album-block .album-details {
    margin-bottom: 0
}

.album-block .score {
    margin-bottom: 0
}

.album-block .score span {
    vertical-align: middle;
    height: 38px;
    line-height: 54px;
    font-size: 40px
}

.album-block .score span.out-of {
    vertical-align: middle;
    height: 22px;
    line-height: 34px;
    font-size: 42px;
    -webkit-text-stroke: 1px #000
}

@-moz-document url-prefix() {
    score span.out-of {
        text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000 !important
    }
}

.mix-block {
    margin-bottom: 4px
}

.mix-small {
    margin-bottom: 12px
}

.mix-small {
    padding: 0 15px 0 7px
}

.mix-small:nth-child(3) {
    padding: 0 7px 0 15px
}

.video-item-thumb a {
    margin-bottom: 6px;
    display: block
}

body.single-article .ads-wrapper {
    padding-bottom: 30px
}

.article-block img,
.article-feature-block img {
    width: 100%;
    margin-bottom: 0
}

.mix-block img {
    width: 100%;
    margin-bottom: 0
}

.post-details p {
    font-size: 15px;
    margin-bottom: 0
}

.thin-slider .slides li {
    margin-bottom: 10px
}

.article-block h2,
.main-featured-story h2,
.news-block h2 {
    font-size: 18px;
    line-height: 20px;
    font-family: 'Akzidenz-Grotesk Pro Med';
    margin-bottom: 0;
    letter-spacing: 0;
    color: #000
}

.latest-uot-tv-details h2 {
    font-size: 18px
}

.latest-uot-tv-details p {
    text-decoration: underline
}

.share-quote a {
    margin: 0 5px
}

.feature_content .post_content .closing-tag p {
    text-decoration: underline;
    font-size: 18px;
    text-align: right
}

.closing-tag p {
    text-decoration: underline
}

.post-content-text .lead {
    text-decoration: underline
}

div.post-content-text p a {
    color: red
}

.single-caption .captions li p {
    margin-bottom: 0
}

.post-details h2 {
    margin-bottom: 4px;
    font-size: 18px
}

.album-block h2 {
    margin-bottom: 0
}

#main p.meta,
.meta {
    color: #b2b2b2;
    margin-bottom: 3px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 10px;
    vertical-align: top;
    font-style: normal
}

.comment-section .sidebar-ads {
    margin-top: 0
}

body.post-type-archive-uottv .ad-wrapper {
    margin-bottom: 0
}

.ad-wrapper {
/*    background: #eee;*/
    padding: 30px 0 0 0;
    margin-bottom: 40px
}

body.home .ad-wrapper {
    margin-bottom: 30px
}

.sidebar-ads {
    margin-top: 0;
    text-align: center
}

.facebook-faces h3,
.sidebar-ads h3 {
    margin-bottom: 0;
    padding-top: 20px
}

.facebook-faces {
    text-align: center
}

.sidebar-ads .g {
    margin: 0 15px 15px 15px;
    display: inline-block
}

.feature_content .post_content .meta {
    color: #b2b2b2;
    margin-bottom: 15px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    vertical-align: top;
    text-decoration: none
}

.wp-post-image {
    margin-bottom: 0
}

.meta a {
    color: #b2b2b2;
    font-size: 10px
}

.post-content-text.question p {
    text-decoration: underline;
    margin-bottom: 15px
}

.post_content .meta a {
    color: #b2b2b2;
    font-size: 12px;
    text-decoration: none
}

.post_content .meta a:hover {
    text-decoration: none
}

.article-block>a:first-child {
    background: #000;
    display: inline-block;
    padding: 0;
    -webkit-background-clip: padding-box;
    margin-bottom: 4px
}

a.article-block>a {
    border: 1px solid #fff
}

.article-block>a img {
    display: block;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background-clip: padding-box
}

.article-block:hover>a:first-child img {
    opacity: .7
}

.article-block:hover h2,
.article-block:hover p {
    color: #aaa
}

.article-block h2,
.article-block p,
.article-block span,
.news-block h2 {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear
}

.news-block a.darken {
    background: #000;
    display: inline-block;
    padding: 0;
    -webkit-background-clip: padding-box;
    width: 100%
}

.news-block a img {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    display: block
}

.news-block:hover a img {
    opacity: .7
}

.news-block h2,
.news-block p {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear
}

.news-block:hover h2,
.news-block:hover p {
    color: #aaa
}

.article-block:hover h2,
.article-block:hover p,
.article-block:hover span {
    color: #aaa
}

.video-overlay {
    position: absolute;
    top: 0
}

.container-fluid.no-slider {
    margin-top: 40px
}

section.post_content {
    padding-bottom: 60px
}

.post-content-text h1 {
    text-transform: uppercase
}

.ads-wrapper {
/*    background: #eee;*/
    padding: 5px 0 1px 0;
    margin-bottom: 30px
}

#player #player-play-btn {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 52px;
    height: 52px;
    z-index: 9;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    background: #000 url(../fonts/play106_new.svg) no-repeat center center;
    background-size: 20px
}

#player #player-play-btn.active {
    background: #000 url(../fonts/pause10_new.svg) no-repeat center center;
    background-size: 20px
}

.page-template-default h2 {
    font-family: akzidenzgrotesk-regular;
    font-size: 1em
}

body.page-template-default p {
    font-size: 12px
}

.player-track-details {
    position: fixed;
    bottom: 0;
    right: -100%;
    height: 52px;
    line-height: 52px;
    background: #000;
    padding: 0 30px 0 45px;
    color: #fff;
    font-size: 14px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: url(../fonts/ear-white.svg) no-repeat 20px center #000;
    background-size: 12px;
    z-index: 8
}

#player:hover .player-track-details {
    right: 52px
}

.readingtime span .word-count {
    display: inline
}

.talking-heads-block h2 {
    margin-bottom: 0
}

a:active,
a:focus {
    text-decoration: none
}

#menu-item-193 {
    width: 102px
}

#menu-item-10 {
    width: 110px;
    text-align: center
}

#menu-item-197 {
    width: 109px
}

#menu-item-50 {
    width: 86px;
    text-align: center
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
li.dropdown:hover a {
    background-color: #000;
    color: #fff
}

h2.home-section-header {
    margin: 0;
    font-size: 14px;
    font-family: 'Akzidenz-Grotesk Pro Med';
    margin-bottom: 8px;
    border-top: 2px solid #000;
    padding-top: 5px;
    color: #000
}

.sidebar-nav {
    padding: 9px 0
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
    text-align: left
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible
}

.dropdown:hover .dropdown-menu {
    display: block
}

.nav-pills .dropdown-menu,
.nav-tabs .dropdown-menu,
.navbar .dropdown-menu {
    margin-top: 0
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, .2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px
}

.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px
}

.dropdown-menu {
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
    left: 1px;
    position: static;
    display: block;
    margin-bottom: 20px;
    background: #000;
    width: 100%;
    border-bottom: 1px solid #fff;
    border-radius: 0 !important;
    padding-bottom: 15px
}

.dropdown-menu li {
    background: #000;
    text-transform: none;
    font-size: 15px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 0;
    letter-spacing: 1px;
    font-family: akzidenzgrotesk-regular;
    text-align: left;
    display: inline-block;
    width: 48%
}

.dropdown-menu li a:hover {
    color: #fff;
    background-color: transparent !important;
    opacity: .7
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #fff;
    background-color: transparent !important;
    opacity: .7
}

li.dropdown:hover a {
    background: 0 0 !important
}

.dropdown-menu>li>a {
    color: #fff;
    padding: 0;
    margin: 2px 0
}

.vert-box h2 {
    text-align: center;
    margin-top: 0
}

.facebook-faces {
    clear: right
}

ul#tabs {
    padding: 0;
    margin: 0;
    margin-bottom: 15px
}

ul#tabs li {
    list-style: none;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-family: akzidenzgrotesk-regular;
    background: #fff;
    padding: 5px 0;
    width: 48%;
    border: 2px solid #000
}

ul#tabs li.active {
    background: #000
}

ul#tabs li.active a {
    color: #fff
}

ul#tabs li:first-child {
    float: left
}

ul#tabs li:nth-child(2) {
    float: right
}

ul#tabs li a {
    color: #000;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    letter-spacing: 2px
}

ul#tabs li {
    cursor: pointer
}

ul#tabs li:hover {
    background: #000;
    border: 2px solid #000
}

ul#tabs li:hover a {
    text-decoration: none;
    color: #fff
}

ul#tabs2 {
    padding: 0;
    margin: 0;
    margin-bottom: 15px
}

ul#tabs2 li {
    list-style: none;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-family: akzidenzgrotesk-regular;
    background: #fff;
    padding: 5px 0;
    width: 48%;
    border: 2px solid #000;
    letter-spacing: 2px
}

ul#tabs2 li.active {
    background: #000;
    color: #fff
}

ul#tabs2 li.active a {
    color: #fff
}

ul#tabs2 li:first-child {
    float: left
}

ul#tabs2 li:nth-child(2) {
    float: right
}

ul#tabs2 li a {
    color: #000;
    cursor: pointer;
    display: inline-block;
    width: 100%
}

ul#tabs2 li:hover {
    background: #000
}

ul#tabs2 li:hover a {
    color: #fff
}

ul#tabs2 li a:hover {
    text-decoration: none;
    color: #fff;
    background: #000
}

ul#tabs3 {
    padding: 0;
    margin: 0;
    margin-bottom: 15px
}

ul#tabs3 li {
    list-style: none;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-family: akzidenzgrotesk-regular;
    background: #fff;
    padding: 5px 0;
    width: 48%;
    border: 2px solid #000;
    letter-spacing: 2px
}

ul#tabs3 li.active {
    background: #000;
    color: #fff
}

ul#tabs3 li.active a {
    color: #fff
}

ul#tabs3 li:first-child {
    float: left
}

ul#tabs3 li:nth-child(2) {
    float: right
}

ul#tabs3 li a {
    color: #000;
    cursor: pointer;
    display: inline-block;
    width: 100%
}

ul#tabs3 li:hover {
    background: #000
}

ul#tabs3 li:hover a {
    color: #fff
}

ul#tabs3 li a:hover {
    text-decoration: none;
    color: #fff;
    background: #000
}

.post_content p.file-next-to {
    background: url(../fonts/folder.svg) 0 7px no-repeat;
    background-size: 20px;
    padding-left: 25px;
    margin-bottom: 0
}

p.headsetx {
    background: url(../fonts/listenTab--black.svg) 2px 5px no-repeat;
    background-size: 16px;
    padding-left: 25px
}

p.online {
    background: url(../fonts/computer.svg) 2px 5px no-repeat;
    background-size: 16px;
    padding-left: 25px
}

.scroll-pane {
    width: 100%;
    height: 665px;
    overflow: auto
}

.scroll-pane-short {
    height: 399px
}

.review-box .scroll-pane.scroll-pane-short {
    height: 399px
}

.scroll-pane.scroll-pane-shortish {
    height: 540px !important
}

.banner .button.scroll-down {
    background: rgba(0, 0, 0, .75);
    height: 30px;
    width: 50px;
    font-size: 32px;
    display: block;
    padding-top: 0;
    padding-left: 0;
    bottom: 0;
    border: none;
    text-align: center
}

.banner .button.scroll-down:Hover {
    background: #000
}

.review-box .scroll-pane {
    width: 100%;
    height: 665px;
    overflow: auto;
    margin-bottom: 30px
}

.tab-content ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.tab-content li {
    margin-bottom: 12px;
    margin-right: 8px;
    background: #eee
}

.tab-content li:last-child {
    margin-bottom: 0
}

.tab-content li p {
    padding-top: 10px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 20px
}

.tab-content li span.meta {
    margin-bottom: 0
}

.tab-content li .meta a {
    display: inline;
    background: 0 0;
    color: #b2b2b2;
    font-size: 10px
}

.tab-content li a {
    color: #000;
    font-size: 16px;
    display: block;
    background: #eee
}

.wpp-thumbnail {
    max-width: 100% !important;
    height: auto !important;
    margin-bottom: 0 !important;
    float: none !important
}

#likebox-wrapper * {
    width: 100% !important;
    margin-bottom: 30px
}

.album-details h1 {
    color: #000;
    font-size: 14px;
    letter-spacing: 0
}

.album-details .soundcloud_track {
    margin-bottom: 30px
}

.album-filters {
    margin-bottom: 30px
}

span.album-title {
    display: block;
    margin: 6px 0
}

span.album-artist {
    font-family: 'Akzidenz-Grotesk Pro Med';
    display: block;
    letter-spacing: 1px
}

span.album-label {
    display: block;
    text-decoration: underline
}

span.live-venue {
    display: block
}

span.live-date {
    display: block
}

.mix-excerpt p {
    font-size: 16px;
    text-decoration: underline
}

.album-details {
    font-size: 14px
}

.review-content {
    margin-bottom: 30px
}

.single .review-content p {
    font-size: 18px;
    line-height: 22px
}

.review-content p a {
    text-decoration: underline
}

.score {
    text-align: right;
    font-size: 62px;
    font-family: apercu;
    margin-bottom: 30px
}

.score span {
    display: block;
    height: 41px;
    line-height: 48px
}

iframe#albumTrack {
    visibility: hidden;
    height: 0 !important;
    overflow: hidden !important;
    display: none
}

#SC-embed iframe {
    visibility: hidden;
    height: 0 !important;
    overflow: hidden !important;
    display: none
}

.album-artwork img {
    width: 100%;
    margin-bottom: -50px
}

.playTrack {
    cursor: pointer;
    background: url(../fonts/ear.svg) bottom left no-repeat;
    background-size: 10px;
    text-decoration: underline;
    padding-left: 15px;
    font-size: 12px;
    line-height: 16px;
    color: #333
}

.soundcloud_track {
    line-height: 18px
}

.playTrack:hover {
    background: url(../fonts/ear-red.svg) bottom left no-repeat;
    background-size: 10px
}

.playTrack.active {
    background: url(../images/pause.png) bottom left no-repeat;
    color: red
}

.playTrack:hover {
    color: red
}

.score span.out-of {
    display: block;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke: 1.5px #000;
    color: #fff;
    font-size: 64px
}

@-moz-document url-prefix() {
    .score span.out-of {
        text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000 !important
    }
}

.post-details.album-details p {
    text-decoration: none
}

p,
p.lead {
    margin-bottom: 15px
}

h1.fourohfour {
    font-size: 9vh;
    color: #000;
    text-align: center
}

#content-start {
    padding: 30px 15px;
    padding-top: 0;
    overflow: scroll
}

#content-start .row {
    position: relative
}

#content-start #main div.fixed {
    position: fixed;
    top: 94px
}

#content-start #main div img {
    max-width: none;
    width: 100%;
    margin-bottom: 8px
}

#content-start #main.fixedtobottom {
    position: absolute;
    bottom: 0
}

@media screen and (max-width:991px) {
    #content-start #main>div {
        position: static !important;
        margin-bottom: 60px
    }
}

.uottv-widget {
    padding: 60px 0;
    margin-bottom: 60px;
    background: #000;
    padding-bottom: 85px
}

.uottv-widget .video-thumbnail {
    margin-bottom: 20px
}

.uottv-widget h2 {
    margin-top: 0;
    color: #fff
}

.uottv-widget a.button {
    background: #000;
    color: #fff;
    font-family: akzidenzgrotesk-regular;
    border-color: #fff;
    font-size: 14px;
    width: 100%
}

.uottv-widget a.button:hover {
    background: #fff;
    color: #000;
    border-color: #fff;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.uottv-widget .main-video-thumb {
    margin-bottom: 30px
}

.jspVerticalBar {
    width: 12px !important
}

.jspDrag {
    background: #000 !important
}

.jspTrack {
    background: #eee !important
}

.next-article-arrow {
    font-size: 10px;
    line-height: 12px;
    font-style: normal;
    opacity: 0;
    -webkit-transition: opacity .1s ease-in-out;
    -moz-transition: opacity .1s ease-in-out;
    -o-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out;
    position: relative;
    top: 6px;
    color: #000;
    text-align: center;
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg)
}

.next-post:hover .next-article-arrow {
    opacity: 1;
    color: #000
}

.prev-article-arrow {
    font-size: 10px;
    line-height: 12px;
    font-style: normal;
    opacity: 0;
    margin-left: -5px;
    -webkit-transition: opacity .1s ease-in-out;
    -moz-transition: opacity .1s ease-in-out;
    -o-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out;
    position: relative;
    top: 6px;
    color: #000;
    text-align: center;
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg)
}

.prev-post:hover .prev-article-arrow {
    opacity: 1;
    color: #000
}

.feature-no-slider-header h1 {
    margin-bottom: 30px
}

.feature-small-header {
    margin: 0 0 30px 0
}

.lead-title-inner {
    margin: 0 auto;
    max-width: 1170px
}

.parallax-wrapper .lead-title {
    position: fixed;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.parallax-wrapper .lead-title h1 {
    margin-bottom: 0;
    text-align: center
}

.share-this.feature {
    padding-bottom: 30px
}

.share-this.news-social a,
.share-this.news-social-static a {
    vertical-align: top
}

.share-this.feature a.tw-share {
    margin-bottom: 0
}

.list-item-number {
    font-size: 62px;
    line-height: 65px;
    font-family: akzidenzgrotesk-superitalic;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke: 1.5px #000;
    color: #fff;
    position: relative;
    left: -6px
}

@-moz-document url-prefix() {
    .list-item-number {
        text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000 !important
    }
}

img.list-item-img {
    margin-bottom: 30px
}

.post-content-list-item h2 {
    margin-bottom: 5px
}

.post-content-list-item .soundcloud_track {
    margin-bottom: 0
}

.post-content-list-item .soundcloud_track .playTrack {
    font-size: 15px;
    padding-left: 25px;
    background-size: 12px;
    background-position: 4px 0
}

.post-content-list-item .sub-title {
    display: block;
    text-decoration: underline;
    margin-bottom: 10px
}

.post_content p {
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 24px
}

body.single-article.album-reviews #content p {
    font-size: 18px
}

.single p {
    font-size: 18px
}

.review-content .single p {
    font-size: 18px
}

.single-article.feature p {
    font-size: 18px
}

.feature_content .post_content p {
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 1.35
}

.single-article .post-content-text~.post-content-text {
    text-decoration: inherit
}

.post_content h1 {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Akzidenz-Grotesk Pro Med';
    color: #000;
    margin-top: 0
}

.direction-nav a {
    cursor: pointer
}

.flexslider .slides li img {
    cursor: pointer
}

.captions {
    padding-left: 0;
    position: relative;
    text-align: right;
    margin-top: 5px
}

.captions li {
    list-style: none;
    background: 0 0;
    display: none;
    float: right;
    width: 100%
}

.post_content .captions li p {
    font-size: 9px;
    line-height: 1.35;
    color: #666
}

.landscape-gallery .captions li p {
    margin-right: 0;
    margin-bottom: 0
}

.banner .page-header {
    position: absolute;
    bottom: 10px;
    color: #fff;
    border: none
}

.page-header h1 {
    font-size: 48px
}

ol {
    margin-bottom: 30px;
    padding-left: 18px;
    font-size: 16px
}

ol li {
    margin-bottom: 5px
}

.slider-wrapper {
    margin-bottom: 30px;
    margin-top: 10px
}

.direction-nav a {
    color: #000
}

.direction-nav a:hover {
    text-decoration: none
}

.article-title {
    position: absolute;
    bottom: 30px;
    color: #fff;
    width: 100%
}

.article-title h1 {
    font-size: 54px;
    line-height: 68px;
    letter-spacing: 1px;
    font-family: 'Akzidenz-Grotesk Pro Med'
}

.banner {
    position: relative;
    margin-bottom: 0
}

.banner.flexslider-home {
    margin-bottom: 10px;
}

#mc_embed_signup {
    max-width: 200px;
    margin: 0 auto
}

.lead-image {
    height: calc(100vh + 400px);
    overflow: visible;
    background-repeat: no-repeat;
    background-attachment: fixed !important
}

.browser-ios .lead-image {
    height: 500px !important;
    background-attachment: scroll !important
}

.browser-ios .home-lead-image {
    height: 500px !important
}

.browser-ios .parallax-wrapper .lead-title {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    opacity: 1 !important
}

.home-lead-image {
    height: 100vh;
    overflow: hidden;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.meta a:hover {
    text-decoration: underline
}

.article-parallax {
    overflow: hidden
}

.lead-title h1 {
    font-family: 'Akzidenz-Grotesk Pro Med';
    color: #fff;
    font-size: 48px;
    letter-spacing: 0;
    margin-bottom: 35px;
    text-shadow: 0 0 10px rgba(0, 0, 0, .1);
    font-weight: 500
}

.readingtime {
    color: #666
}

.post_content blockquote {
    font-family: akzidenzgrotesk-MedExt;
    border: none;
    padding: 20px 30px;
    font-size: 27px;
    text-align: center;
    margin-bottom: 30px;
    color: #000
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto
}

.responsive-video embed,
.responsive-video iframe,
.responsive-video object,
.responsive-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.post_content p a {
    color: #000;
    text-decoration: inherit
}

.post_content p a:hover {
    color: #aaa !important;
    text-decoration: none
}

.post-content-embed {
    margin-bottom: 30px
}

.dl_link {
    float: right
}

body.single.mixprofile .share-this {
    float: left
}

.list-item-text {
    margin-bottom: 30px
}

.more-link {
    text-decoration: underline
}

.listen-to img {
    margin-right: 10px
}

.post-content-text iframe {
    max-width: 100%
}

body.page-template-page-whitebg p {
    font-size: 15px;
    line-height: 24px
}

body.page-template-page-whitebg .post-content-text ul {
    margin-bottom: 30px;
    margin-top: -15px
}

.share-this.feature-social .playTrack,
.share-this.feature-social-2 .playTrack,
.share-this.feature-social-3 .playTrack {
    display: block;
    margin-bottom: 0;
    background-position: 0 1px;
    font-size: 12px;
    margin-top: 6px;
    line-height: 18px
}

.feature-social,
.feature-social-2,
.feature-social-3 {
    margin-bottom: 30px
}

.feature-social .tw-share,
.feature-social-2 .tw-share,
.feature-social-3 .tw-share {
    margin-top: 0;
    margin-bottom: 0
}

.search-form {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 310;
    white-space: nowrap;
    text-align: center;
    background: #000
}

.search-form:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.search-form__fieldset {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin: 0;
    border: 0;
    padding: 0;
    width: 65.78483%
}

.search-form__field {
    display: block;
    margin: 0 auto;
    border: 0;
    border-bottom: 2px solid;
    padding: 5px 0;
    padding-right: 18px;
    width: 100%;
    font: bold 50px/1 akzidenzgrotesk-regular, sans-serif;
    background: 0 0;
    color: #fff;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.search-form__fieldset .search-close {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -11px;
    width: 22px;
    height: 22px;
    cursor: pointer
}

.signup-form {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 310;
    white-space: nowrap;
    text-align: center;
    background: #000
}

.signup-form:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.signup-form .signup-form__inner {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin: 0;
    border: 0;
    padding: 0;
    width: 65.78483%
}

.signup-form__fieldset {
    position: relative
}

.signup-form h2 {
    color: #fff;
    font-size: 50px;
    text-align: center;
    display: inline-block;
    width: 100%;
    font-family: akzidenzgrotesk-MedExt;
    margin: 0 auto;
    margin-bottom: 100px;
    white-space: normal;
    text-transform: none;
    line-height: 1.2
}

.signup-form__field {
    display: block;
    margin: 0 auto;
    border: 0;
    border-bottom: 2px solid;
    padding: 5px 0;
    padding-right: 18px;
    width: 100%;
    font: bold 50px/1 akzidenzgrotesk-regular, sans-serif;
    background: 0 0;
    color: #fff;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.signup-form__fieldset .signup-close {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -11px;
    width: 22px;
    height: 22px;
    cursor: pointer
}

.prev-post {
    position: fixed;
    left: 15px;
    top: 50%;
    opacity: 0;
    display: none !important
}

.next-post {
    position: fixed;
    right: 15px;
    top: 50%;
    opacity: 0;
    display: none !important
}

.prev-next-posts {
    display: none
}

.get-more-wrapper {
    text-align: center;
    margin-bottom: 30px;
    display: none
}

#infscr-loading {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 15px
}

#infscr-loading img {
    display: none
}

#infscr-loading div {
    margin: 0 auto
}

.button {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-family: akzidenzgrotesk-regular;
    background: #fff;
    padding: 5px 20px;
    border: 2px solid #000;
    display: inline-block;
    text-decoration: none;
    letter-spacing: 2px
}

.button:active,
.button:link,
.button:visited {
    text-decoration: none
}

.button:hover {
    background: #000;
    color: #fff
}

.banner .button {
    background: 0 0;
    border: 1px solid #fff;
    color: #fff;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.banner .button:hover {
    background: #fff;
    color: #000
}

body.post-type-archive-uottv footer {
    border-top: 1px solid #fff
}

body.single-uottv footer {
    border-top: 1px solid #fff
}

body.single-video-premieres footer {
    border-top: 1px solid #fff
}

footer {
    background: #000;
    color: #fff
}

.mc-field-group .email {
    background: #000;
    border: 2px solid #fff;
    width: 100%;
    padding: 10px;
    margin-bottom: 15px
}

#mc-embedded-subscribe {
    background: #000;
    border: 2px solid #fff;
    margin: 0 auto;
    text-transform: uppercase;
    display: block;
    padding: 10px;
    width: 100%;
    color: #fff
}

span.select2-chosen {
    color: #000
}

.woocommerce.post-type-archive-product h1 {
    display: none
}

.related.products {
    display: none !important
}

mark.count {
    display: none
}

#cart-link {
    float: right;
    margin-bottom: 30px
}

.woocommerce #main {
    margin-bottom: 30px
}

a.woocommerce-main-image.zoom {
    pointer-events: none !important;
    cursor: default !important
}

.woocommerce .thumbnails.columns-3 a.zoom {
    width: 22.05% !important
}

.woocommerce #content table.cart img,
.woocommerce table.cart img,
.woocommerce-page #content table.cart img,
.woocommerce-page table.cart img {
    width: 80px
}

.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
    width: 100px
}

.woocommerce .woocommerce-message {
    border-top-color: #000 !important
}

.woocommerce .woocommerce-message:before {
    color: #000 !important
}

.pp_pic_holder.pp_woocommerce .ppt {
    display: none !important
}

.button.add_to_cart_button.product_type_simple {
    display: none !important
}

.pp_pic_holder.pp_woocommerce .pp_expand {
    display: none !important
}

.woocommerce form p {
    font-size: 14px
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    padding: 5px
}

.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
    border-color: #000;
    padding: 5px
}

#mce-error-response,
#mce-success-response {
    text-align: center;
    margin-bottom: 15px
}

#mc-embedded-subscribe:hover {
    background: #fff;
    color: #000
}

body.news .closing-social {
    margin-bottom: 0
}

body.news .container-fluid.connect {
    padding: 0
}

.leaderboard {
    margin-bottom: 30px;
    text-align: center
}

.leaderboard img {
    max-width: 728px;
    width: 100%
}

.connect-to-uot {
    background: #eee;
    padding-bottom: 16px
}

.connect-to-uot .row {
    min-height: 30px
}

.closing-social {
    border: solid 3px #000;
    width: 100%;
    font-family: akzidenzgrotesk-MedExt;
    font-size: 22px;
    padding: 15px 20px;
    color: #000;
    margin-bottom: 60px
}

.closing-social p {
    float: left;
    font-size: 20px !important;
    line-height: 1.35
}

.closing-social .icons {
    float: right;
    line-height: 1.35
}

@media only screen and (max-width :768px) {
    .closing-social .icons {
        margin-top: 20px
    }

    .closing-social {
        margin-bottom: 20px
    }
}

.closing-social p {
    margin-bottom: 0
}

.connect-to-uot #mc-embedded-subscribe {
    background: #eee;
    border: 2px solid #000;
    margin: 0 auto;
    text-transform: uppercase;
    display: block;
    padding: 10px;
    width: 100%;
    color: #000
}

.connect-to-uot #mc-embedded-subscribe:hover {
    background: #000;
    border: 2px solid #000;
    margin: 0 auto;
    text-transform: uppercase;
    display: block;
    padding: 10px;
    width: 100%;
    color: #fff
}

.connect-to-uot .mc-field-group .email {
    background: #eee;
    border: 2px solid #000;
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    color: #000
}

.lead-caption {
    text-align: right;
    font-size: 9px;
    line-height: 1.35;
    color: #666;
    margin-right: 8px;
    margin-top: -24px;
    margin-bottom: 20px
}

.lead-caption-live-review {
    margin-top: -20px
}

.featured-lead-caption {
    text-align: right;
    font-size: 12px;
    line-height: 15px;
    color: #666;
    margin-right: 2px;
    margin-top: 10px;
    margin-bottom: 20px
}

.parallax-caption {
    text-align: right;
    font-size: 9px;
    line-height: 1.35;
    color: #666;
    margin-right: 8px;
    margin-top: -24px;
    margin-bottom: 20px
}

.cf {
    position: relative;
    height: 17px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 1px
}

.connect-to-uot .cf {
    width: 20px;
    height: 20px;
    margin: 0 0
}

input#mce-EMAIL {
    text-align: center
}

.connect-to-uot #mc_embed_signup {
    margin-bottom: 15px
}

.connect-to-uot .fb-like {
    margin-left: 10px
}

.share-this .cf {
    height: 28px;
    width: 28px
}

.cf.search {
    cursor: pointer
}

.cf img {
    position: absolute;
    left: 0;
    -webkit-transition: opacity .1s ease-in-out;
    -moz-transition: opacity .1s ease-in-out;
    -o-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out
}

.cf img.bottom {
    opacity: 0
}

.cf img.close {
    opacity: 0
}

.cf img.top:hover {
    opacity: 0
}

.click-through.cf:hover img.top {
    opacity: 0
}

.click-through.cf {
    position: absolute;
    left: auto
}

.cf:hover img.bottom {
    opacity: 1
}

#comments {
    margin-bottom: 30px
}

.full-width-header {
    text-align: center;
    background: #eee;
    font-size: 20px;
    padding: 15px;
    font-family: akzidenzgrotesk-MedExt;
    margin-top: 0;
    font-size: 20px !important;
    line-height: 1.35
}

.related .full-width-header {
    margin: 35px 0 10px 0
}

body.category-mixprofile .article-block.album-block {
    min-height: 320px
}

.fadeInBlock {
    opacity: 0;
    position: relative;
    top: 20px;
    transition: all .3s ease
}

.fadeInBlock.visible {
    opacity: 1;
    top: 0
}

.article-block h2 u {
    text-decoration: none !important
}

.home-banner-buttons a.article-link {
    background: #fff;
    padding: 16px 19px;
    display: inline-block;
    transition: all .1s
}

.banner-play-btn {
    top: 50%;
    position: absolute;
    color: #fff;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

#main .block {
    height: 350px;
    margin-bottom: 30px
}

#main .vert-box {
    height: 681px
}

#main .block .inner {
    background: #eee;
    height: 100%
}

body.home.navbar-fixed-body {
    padding-top: 0
}

.home-banner-buttons {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9
}

.feature_content .soundcloud_track {
    display: none
}

.blog .banner-play-btn {
    width: 45px;
    height: 45px
}

.single-post p {
    font-size: 15px;
    line-height: 24px
}

.news-block .post-details p {
    text-decoration: none;
    margin-bottom: 15px
}

.post-header {
    margin-bottom: 30px
}

.news-details h2 {
    margin-top: 0
}

.news-block {
    margin-bottom: 30px
}

.news-block h2 {
    margin-top: 0
}

.related_post {
    min-height: 180px
}

.related {
    background: #eee;
    padding-bottom: 40px;
    margin-top: 30px
}

#related-posts {
    list-style: none
}

.related-info {
    margin-bottom: 0
}

.mix-small img {
    margin-bottom: 0
}

.mix-title {
    position: absolute;
    bottom: 0;
    text-align: right;
    padding: 0 15px;
    width: 100%;
    display: block;
    left: 0;
    right: 0
}

.mix-title h2 {
    color: #fff;
    width: 100%;
    display: block;
    background: rgba(0, 0, 0, .7);
    display: block;
    text-align: right;
    padding: 7px;
    margin: 0
}

.article-block.mix-block a {
    position: relative
}

.article-block.mix-block .mix-title {
    padding: 0
}

.related-info .meta {
    margin: 5px 0
}

.related-info .title {
    font-size: 12px
}

.talking-heads-block {
    background: #eee;
    padding: 30px 0;
    margin-bottom: 30px;
    padding-top: 60px
}

.feature_content .post_content .talking-heads-block p {
    font-size: 14px;
    line-height: 22px
}

img.talking-head {
    margin-bottom: 15px
}

.mix-box.vert-box .mix-header,
.playlist-box.vert-box .mix-header,
.popular-box.vert-box .mix-header {
    padding: 5px 0;
    border: 2px solid #000;
    font-weight: 500;
    font-family: akzidenzgrotesk-regular;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 15px
}

a.mix-header {
    display: block
}

.popular-box.vert-box {
    margin-bottom: 30px
}

body.author h2.author-title {
    margin-bottom: 25px
}

body.search h2 {
    margin-bottom: 30px
}

body.search .article-block {
    min-height: 500px
}

.fb_like {
    overflow: hidden
}

.mix-id {
    font-family: 'Akzidenz-Grotesk Pro Med';
    font-style: italic;
    display: block;
    margin-bottom: 2px;
    font-size: 14px;
    color: #fff;
    margin: 0;
    text-transform: none
}

footer {
    padding-bottom: 30px;
    padding-top: 0
}

.img-responsive.upsize {
    width: 100%
}

.header-social {
    float: right;
    margin-top: 15px;
    margin-right: 15px
}

.soundcloud_track {
    margin-bottom: 15px
}

.share-this a {
    display: inline-block;
    vertical-align: bottom
}

.share-this .fb-like {
    display: inline-block
}

.feature-social a,
.feature-social-2 a,
.feature-social-3 a,
.news-social a,
.news-social-static a,
.review-social a {
    float: left;
    display: block;
    clear: both
}

.review-social a {
    margin-bottom: 10px
}

.feature-social .fb-like,
.feature-social-2 .fb-like,
.feature-social-3 .fb-like,
.news-social .fb-like,
.news-social-static .fb-like,
.review-social .fb-like {
    float: left;
    clear: both;
    overflow: hidden
}

.feature-player p.soundcloud_track {
    float: left;
    clear: both
}

.feature-social a,
.feature-social-2 a,
.feature-social-3 a,
.news-social a,
.news-social-static a,
.review-social a {
    margin: 8px 0
}

.news-social .fb-share,
.news-social-static .fb-share,
.review-social .fb-share {
    margin: 10px 0 0 0
}

.share-quote {
    text-align: center;
    margin: 5px 0 0 0;
    display: none
}

.video-content a {
    color: #eee;
    text-decoration: underline
}

.video-content a:hover {
    color: #666
}

body.postid-47018 .fb-like {
    display: none !important
}

body.single-product h1 {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Akzidenz-Grotesk Pro Med';
    color: #000;
    margin-top: 0
}

body.single-product div.product form.cart .variations td.label {
    color: #000
}

body.woocommerce-page div.product p.price .amount {
    color: #000 !important;
    font-size: 18px !important;
    margin-bottom: 30px
}

body.single-product .woocommerce div.product form.cart .variations label {
    font-weight: 500;
    font-size: 15px
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-family: akzidenzgrotesk-regular;
    background: #000;
    padding: 5px;
    border: 2px solid #000;
    letter-spacing: 2px;
    border-radius: 0;
    color: #fff
}

.woocommerce a.button.wc-backward {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-family: akzidenzgrotesk-regular;
    background: #000;
    padding: 5px;
    border: 2px solid #000;
    letter-spacing: 2px;
    border-radius: 0;
    color: #fff !important
}

.woocommerce form.checkout_coupon input.button {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-family: akzidenzgrotesk-regular;
    background: #000;
    padding: 5px;
    border: 2px solid #000;
    letter-spacing: 2px;
    border-radius: 0;
    color: #fff
}

.woocommerce form.checkout_coupon input.button:hover {
    color: #000;
    background: #fff
}

.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
    background: #fff;
    color: #000
}

body.woocommerce span.onsale {
    background-color: #000 !important
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #000 !important
}

.woocommerce ul.products li.product .price {
    color: #333 !important
}

body.woocommerce .quantity .qty {
    border: 2px solid #000;
    padding: 5px 0
}

body.woocommerce span.onsale {
    line-height: 3 !important
}

p.woocommerce-result-count {
    display: none
}

a.reset_variations {
    display: none !important
}

.summary.entry-summary p {
    line-height: 24px
}

body.woocommerce ul.products li.product h3 {
    font-size: 14px;
    line-height: 20px;
    font-family: 'Akzidenz-Grotesk Pro Med';
    margin-bottom: 0;
    letter-spacing: 1px;
    color: #000
}

body.woocommerce div.product form.cart .variations label {
    font-size: 14px
}

body.woocommerce .sku_wrapper {
    display: none
}

.woocommerce-tabs {
    display: none
}

.single_variation_wrap {
    margin-bottom: 5px
}

form.woocommerce-ordering {
    display: none
}

body.post-type-archive-product span.amount {
    color: #333;
    text-decoration: underline;
    font-size: 14px
}

body.woocommerce #respond input#submit,
body.woocommerce a.button,
body.woocommerce button.button,
body.woocommerce input.button {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-family: akzidenzgrotesk-regular;
    background: #fff;
    padding: 5px;
    border: 2px solid #000;
    letter-spacing: 2px;
    border-radius: 0;
    color: #000
}

body.woocommerce #respond input#submit.alt,
body.woocommerce a.button.alt,
body.woocommerce button.button.alt,
body.woocommerce input.button.alt {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-family: akzidenzgrotesk-regular;
    background: #fff;
    padding: 8px;
    border: 2px solid #000;
    background: #000;
    letter-spacing: 2px;
    border-radius: 0;
    color: #fff;
    margin-left: 9px
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-family: akzidenzgrotesk-regular;
    background: #fff;
    padding: 8px;
    border: 2px solid #000;
    background: #000;
    letter-spacing: 2px;
    border-radius: 0;
    color: #fff
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    color: #000;
    background: #fff
}

.woocommerce-shipping-calculator p {
    font-size: 14px !important
}

form.woocommerce-shipping-calculator {
    font-size: 14px !important
}

form.woocommerce-shipping-calculator select {
    font-size: 14px !important
}

.woocommerce a.shipping-calculator-button {
    font-size: 14px !important
}

.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td,
.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th {
    width: 100px
}

.woocommerce .cart input.button,
body.woocommerce .cart .button {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-family: akzidenzgrotesk-regular;
    background: #fff;
    padding: 8px;
    border: 2px solid #000;
    letter-spacing: 2px;
    border-radius: 0;
    color: #000
}

body.woocommerce #respond input#submit.alt:active,
body.woocommerce a.button.alt:active,
body.woocommerce button.button.alt:active,
body.woocommerce input.button.alt:active {
    background: #fff;
    color: #000
}

body.woocommerce #respond input#submit.alt:visited,
body.woocommerce a.button.alt:visited,
body.woocommerce button.button.alt:visited,
body.woocommerce input.button.alt:visited {
    background: #fff;
    color: #000
}

body.woocommerce #respond input#submit.alt[disabled],
body.woocommerce a.button.alt[disabled],
body.woocommerce button.button.alt[disabled],
body.woocommerce input.button.alt[disabled] {
    background: #fff !important;
    color: #000 !important
}

body.woocommerce #respond input#submit.alt:hover,
body.woocommerce a.button.alt:hover,
body.woocommerce button.button.alt:hover,
body.woocommerce input.button.alt:hover {
    background: #fff;
    color: #000
}

.button.add_to_cart_button.product_type_variable {
    display: none
}

.woocommerce ul.products li.product {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear
}

.woocommerce ul.products li.product:hover {
    opacity: .7
}

.eoy_lists_content .soundcloud_track {
    display: block
}

.soundcloud_track.new_player {
    background: #000;
    color: #fff;
    display: inline-block;
    padding: 3px 10px 3px 9px;
    height: 30px;
    max-width: 30px;
    overflow: hidden;
    transition: max-width .3s ease
}

.soundcloud_track.new_player:hover {
    max-width: 500px
}

.soundcloud_track.new_player .playTrack,
.soundcloud_track.new_player .playTrackExternal {
    background: #000 url(../fonts/play106_new.svg) no-repeat bottom left;
    background-size: 15px;
    padding-left: 21px;
    font-size: 12px
}

.soundcloud_track.new_player .playTrack,
.soundcloud_track.new_player .playTrackExternal {
    color: #fff;
    text-decoration: none
}

.soundcloud_track.new_player .playTrack.active {
    background: #000 url(../fonts/pause10_new.svg) no-repeat -2px -1px;
    background-size: 15px
}

body.end-of-year-lists .closing-tag {
    margin-bottom: 50px
}

body.end-of-year-lists .closing-tag ul li {
    display: inline-block;
    margin: 8px 20px;
    color: #000;
    font-weight: 700
}

body.end-of-year-lists .closing-tag ul li a:hover {
    text-decoration: underline
}

body.end-of-year-lists .closing-tag ul {
    margin-left: 0;
    padding-left: 0
}

.end-of-year-text p {
    margin-bottom: 10px
}

.end-of-year-2016 .list-item-number {
    text-align: right
}

.end-of-year-2016 .list-item-number span {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    -webkit-text-stroke: 0 !important
}

.end-of-year-2016 .end-of-year-list-score {
    margin-bottom: 15px;
    display: block
}

.home.no-splash .navbar-default {
    position: fixed;
    top: 0;
    z-index: 8000;
    width: 100%
}

.mobile-nav {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 64px;
    left: 0;
    z-index: 4000;
    display: none;
    padding: 0
}

.mobile-nav a {
    color: #fff
}

.mobile-nav-wrapper {
    background: #000;
    height: 100%
}

.mobile-nav ul {
    margin-top: 30px;
    padding-left: 0;
    margin-left: 0
}

.mobile-nav ul li {
    list-style: none;
    color: #fff;
    margin-bottom: 20px
}

.navbar-button {
    outline: 0 !important
}

.uottv-widget .video-item-thumb {
    min-height: inherit
}

.video-details {
    margin-bottom: 12px
}

.video-title h1 {
    line-height: 1.4;
    text-transform: uppercase
}

.video-wrap {
    background: #000;
    padding-bottom: 100px
}

.video-item-thumb {
    min-height: 300px
}

.carousel.slide img {
    width: 100%;
    height: auto
}

.left.carousel-control {
    color: #fff;
    background-image: none;
    opacity: 1;
    left: 12px
}

.right.carousel-control {
    color: #fff;
    background-image: none;
    opacity: 1;
    right: 12px
}

.carousel-control {
    text-shadow: none;
    font-size: 16px;
    top: -50px;
    width: auto;
    background: 0 0
}

.uottv-header {
    margin-bottom: 60px
}

h1 {
    font-size: 16px;
    padding: 0;
    font-family: 'Akzidenz-Grotesk Pro Med';
    text-align: left;
    color: #fff
}

h2 {
    font-size: 16px;
    padding: 0;
    font-family: 'Akzidenz-Grotesk Pro Med';
    text-align: left;
    line-height: 20px
}

h2.centered {
    text-align: center;
    font-family: akzidenzgrotesk-regular;
    margin: 30px 0;
    color: #fff
}

.video-item-thumb h2 {
    color: #fff;
    font-size: 14px;
    margin-bottom: 3px
}

.video-content p {
    color: #E3E3E3;
    font-size: 16px;
    margin-bottom: 0
}

.main-video {
    margin-bottom: 12px;
    margin-top: 120px
}
.leave-space{
    margin-bottom: 120px;

}
.uottv-social {
    margin-bottom: 10px
}

.video-excerpt p {
    color: #fff;
    text-decoration: underline;
    font-size: 14px
}

.parallax-wrapper {
    margin-bottom: 30px;
    overflow: hidden
}

body.blog #main .news-block:first-child,
body.post-type-archive-events #main .news-block:first-child,
body.post-type-archive-opinion #main .news-block:first-child {
    display: none
}

.single-post .vert-box {
    margin-bottom: 30px
}

.old-list-block {
    margin: 30px 0 60px 0
}

@font-face {
    font-family: maison_neuebook;
    font-display: auto;
    font-display: auto;
    src: url(../fonts/maisonneue-book-webfont.eot);
    src: url(../fonts/maisonneue-book-webfont.eot#iefix) format('embedded-opentype'), url(../fonts/maisonneue-book-webfont.woff2) format('woff2'), url(../fonts/maisonneue-book-webfont.woff) format('woff'), url(../fonts/maisonneue-book-webfont.ttf) format('truetype'), url(../fonts/maisonneue-book-webfont.svg#maison_neuebook) format('svg');
    font-weight: 400;
    font-style: normal
}

#plinth_ad {
    height: 500px;
    background: url(../images/plinth_adbg.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 175%;
    margin: 0 auto;
    margin-bottom: 30px;
    display: block;
    max-width: 1500px
}

#plinth_ad p {
    text-align: center;
    font-family: maison_neuebook;
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin-bottom: 0;
    font-size: 40px;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 0
}

#plinth_ad .small {
    font-size: 18px;
    position: relative;
    top: 10px
}

#st_ad {
    height: 844px;
    background: url(../images/st_ad_bg.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    margin: 0 auto;
    margin-bottom: 30px;
    display: block;
    max-width: 1500px
}

#st_ad img {
    margin: 0 auto;
    display: block;
    width: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    max-width: 95%
}

.subnav {
    background: #414042;
    width: 100%;
    text-align: center;
    padding: 15px 0;
    position: fixed;
    top: 54px;
    z-index: 100;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .3);
    height: 54px
}

.subnav h1 {
    position: absolute;
    left: 20px;
    font-family: akzidenzgrotesk-MedExt;
    font-size: 27px
}

.subnav ul {
    margin-bottom: 0;
    position: relative;
    top: 4px;
    padding-left: 0
}

.subnav ul li {
    display: inline-block;
    margin: 0 10px
}

.subnav ul li a {
    color: #fff
}

.subnav ul li a.active {
    color: #fffd38
}

hr.post-divider {
    visibility: hidden
}

.news-post-break {
    border-bottom: 1px solid #666;
    margin: auto;
    width: calc(100% - 30px);
    margin-bottom: 100px;
    padding-bottom: 0
}

@media only screen and (max-width :480px) {
    .news-post-break {
        margin-bottom: 50px
    }
}

.news-post-wrapper section.post_content {
    padding-bottom: 0
}

.gallery__flex {
    margin-bottom: 30px;
    display: flex
}

.gallery__flex .flex__block {
    flex-grow: 1;
    padding: 0 15px
}

.gallery__flex .flex__block img {
    width: 100%
}

.navbar__title {
    display: none
}

.navbar__title h1 {
    font-family: akzidenzgrotesk-superitalic;
    color: #000;
    font-size: 18px;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 0
}

header.scrolled .navbar__title {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 23px;
    text-align: center
}

header.feature--header.scrolled .navbar__logo {
    right: auto;
    left: 58px;
    transition: none
}

.featured-home-blocks .article-block {
    min-height: 292px
}

#main__scroll .article-block a.image__link {
    display: block;
    margin-bottom: 8px
}

#main__scroll .article-block img {
    width: 100%;
    height:200px;
    max-width: none;
    object-fit: cover;
    object-align: center;
}


.fullWidthBreak {
    text-align: center;
    color: #fff;
    font-size: 32px;
    background: #fffee2;
    margin-bottom: 30px
}

.fullWidthBreak img {
    max-width: 100%;
    cursor: pointer
}

.albums {
    background: #333 url(/images/texture.png) top left;
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
    padding: 45px 0;
    padding-bottom: 60px
}

.albums h2 {
    font-family: akzidenzgrotesk-MedExt;
    font-size: 27px;
    color: #fff;
    text-align: center;
    margin-bottom: 45px
}

.albums .album {
    margin: 0 15px
}

.albums .album__title {
    font-family: 'Akzidenz-Grotesk Pro Med';
    color: #fff
}

.albums .album img {
    margin-bottom: 15px
}

.albums .slick-arrow {
    position: absolute;
    top: -68px
}

.album__artwork--details>p {
    max-width: 40%
}

body.mixes .album-artwork img,
body.playlists .album-artwork img {
    margin-bottom: 0
}

body.mixes .album-artwork,
body.playlists .album-artwork {
    margin-bottom: 30px
}

.aesthetic .load-more.row .article-block:first-child {
    display: none
}

body.category.category-long-reads .load-more.row .article-block:first-child {
    display: none
}

body.category.category-live-reviews .load-more.row .article-block:first-child {
    display: none
}

body.category.category-discover .load-more.row .article-block:first-child {
    display: none
}

body.category.category-opinion .load-more.row .article-block:first-child {
    display: none
}

body.category.category-shows .load-more.row .article-block:first-child {
    display: none
}

body.category.category-festivals .load-more.row .article-block:first-child {
    display: none
}

body.category.category-aesthetic {
    padding-top: 108px
}

body.category.category-live-reviews {
    padding-top: 108px
}

body.category.category-album-reviews {
    padding-top: 108px
}

body.category.category-discover {
    padding-top: 108px
}

body.category.category-festivals,
body.category.category-mixprofile,
body.category.category-opinion,
body.category.category-playlists,
body.category.category-shows {
    padding-top: 108px
}

@media only screen and (max-width :768px) {

    body.category.category-aesthetic,
    body.category.category-album-reviews,
    body.category.category-discover,
    body.category.category-festivals,
    body.category.category-live-reviews,
    body.category.category-mixprofile,
    body.category.category-opinion,
    body.category.category-playlists,
    body.category.category-shows {
        padding-top: 58px
    }
}

@media only screen and (max-width :480px) {
    .album__artwork--details>p {
        max-width: 100%
    }
}

.landscape-gallery .slides img {
    max-width: 100%
}

.more-from-uot p {
    font-size: 15px
}

body.category.category-album-reviews .article-block {
    min-height: 430px
}

.albums .slick-arrow.slick-prev {
    left: 30px;
    background: 0 0;
    border: none;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMxLjQ5NCAzMS40OTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMxLjQ5NCAzMS40OTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KPHBhdGggZD0iTTEwLjI3Myw1LjAwOWMwLjQ0NC0wLjQ0NCwxLjE0My0wLjQ0NCwxLjU4NywwYzAuNDI5LDAuNDI5LDAuNDI5LDEuMTQzLDAsMS41NzFsLTguMDQ3LDguMDQ3aDI2LjU1NCAgYzAuNjE5LDAsMS4xMjcsMC40OTIsMS4xMjcsMS4xMTFjMCwwLjYxOS0wLjUwOCwxLjEyNy0xLjEyNywxLjEyN0gzLjgxM2w4LjA0Nyw4LjAzMmMwLjQyOSwwLjQ0NCwwLjQyOSwxLjE1OSwwLDEuNTg3ICBjLTAuNDQ0LDAuNDQ0LTEuMTQzLDAuNDQ0LTEuNTg3LDBsLTkuOTUyLTkuOTUyYy0wLjQyOS0wLjQyOS0wLjQyOS0xLjE0MywwLTEuNTcxTDEwLjI3Myw1LjAwOXoiIGZpbGw9IiNGRkZGRkYiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    text-indent: -1000px;
    overflow: hidden;
    width: 24px;
    outline: 0
}

.albums .slick-arrow.slick-next {
    right: 30px;
    background: 0 0;
    border: none;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMxLjQ5IDMxLjQ5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMS40OSAzMS40OTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8cGF0aCBkPSJNMjEuMjA1LDUuMDA3Yy0wLjQyOS0wLjQ0NC0xLjE0My0wLjQ0NC0xLjU4NywwYy0wLjQyOSwwLjQyOS0wLjQyOSwxLjE0MywwLDEuNTcxbDguMDQ3LDguMDQ3SDEuMTExICBDMC40OTIsMTQuNjI2LDAsMTUuMTE4LDAsMTUuNzM3YzAsMC42MTksMC40OTIsMS4xMjcsMS4xMTEsMS4xMjdoMjYuNTU0bC04LjA0Nyw4LjAzMmMtMC40MjksMC40NDQtMC40MjksMS4xNTksMCwxLjU4NyAgYzAuNDQ0LDAuNDQ0LDEuMTU5LDAuNDQ0LDEuNTg3LDBsOS45NTItOS45NTJjMC40NDQtMC40MjksMC40NDQtMS4xNDMsMC0xLjU3MUwyMS4yMDUsNS4wMDd6IiBmaWxsPSIjRkZGRkZGIi8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    text-indent: -1000px;
    overflow: hidden;
    width: 24px;
    outline: 0
}

.navbar-button {
    display: none
}

@media only screen and (max-width :1023px) {
    header.scrolled .navbar__title {
        display: none !important
    }

    header.feature--header.scrolled .navbar__logo {
        right: 0 !important;
        left: 0 !important
    }

    .navbar-nav {
        margin: 0
    }

    .navbar-header {
        float: left
    }

    .info {
        display: none !important
    }

    .info-right {
        display: none !important
    }

    .promo-image-wrapper {
        width: 100% !important;
        padding: 0 50px
    }

    #menu-main-header {
        height: auto
    }
}

@media only screen and (max-width :991px) {
    .featured-home-blocks .article-block {
        min-height: 250px
    }

    .main__feature .post-details {
        margin-bottom: 30px
    }

    .main-news-intro p:first-child {
        display: none
    }

    .vert-box {
        display: none
    }

    .playTrack,
    .playTrackExternal {
        display: none
    }

    .next-post,
    .prev-post {
        display: none !important
    }

    .uottv-widget-item {
        display: none
    }

    .uottv-header {
        margin-bottom: 30px
    }

    .uottv-widget {
        padding: 30px 0
    }

    .uottv-logo {
        margin-bottom: 0
    }

    .related-info {
        margin-bottom: 30px
    }
}

@media only screen and (max-width :1088px) {
    .dl_link {
        float: none
    }

    .navbar-button {
        float: right;
        background: #000;
        width: 52px;
        height: 52px;
        border-radius: 0;
        border: none;
        margin: 0;
        display: block
    }

    .navbar-button:hover {
        background: #000 !important
    }

    .navbar-default .navbar-button .icon-bar {
        background: #fff;
        margin: 0 auto 5px auto;
        width: 30px;
        height: 2px;
        display: block
    }
}

@media only screen and (max-width :950px) {
    .uottv-logo {
        margin-bottom: 30px
    }

    .full-screen.cf {
        display: none
    }

    #plinth_ad {
        height: auto;
        margin-bottom: 30px;
        display: block;
        padding: 30px;
        background-position: center center !important;
        background-size: cover !important
    }

    #plinth_ad p {
        text-align: center;
        font-family: maison_neuebook;
        margin: 0 auto;
        position: relative;
        top: 0;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        margin-bottom: 0;
        font-size: 18px;
        color: #fff;
        line-height: 1.4;
        margin-bottom: 0
    }

    #plinth_ad .small {
        font-size: 14px
    }
}

@media only screen and (max-width :768px) {
    .subnav {
        display: none
    }

    .album-artwork img {
        margin-bottom: 10px
    }

    .feature-social,
    .news-social {
        position: static !important;
        margin-bottom: 100px
    }

    .feature-social a,
    .share-this.news-social a {
        display: inline-block;
        clear: none;
        margin: 0;
        margin-left: 8px;
        visibility: visible
    }

    .navbar-nav-main {
        width: 100vw
    }

    .search-form__fieldset {
        width: 87.5%
    }

    .search-form__field {
        font-size: 20px
    }

    .signup-form__inner {
        width: 87.5%
    }

    .signup-form__field {
        font-size: 20px
    }

    .signup-form h2 {
        font-size: 28px
    }

    .navbar__shares {
        display: none
    }
}

@media only screen and (max-width :480px) {
    #st_ad {
        display: none
    }

    .article-parallax-quote {
        height: 100vh !important;
        background-attachment: scroll !important
    }

    .parallax-quote-inner {
        font-size: 24px;
        padding: 10px;
        opacity: 1 !important
    }

    .article-parallax-quote .parallax-quote-inner,
    .article-parallax-quote.fixed .parallax-quote-inner {
        position: relative !important;
        top: 50% !important;
        transform: translateY(-40%) !important;
        -webkit-transform: translateY(-40%) !important
    }

    .article-block {
        min-height: 0;
        margin-bottom: 30px
    }

    .article-block.album-block {
        min-height: 0;
        margin-bottom: 60px
    }

    .article-block.album-block {
        min-height: 0;
        margin-bottom: 60px
    }

    .featured-home-blocks .article-block {
        min-height: 0;
        margin-bottom: 60px
    }

    .category-new-music .article-block {
        min-height: 0;
        margin-bottom: 60px
    }

    .main-featured-story {
        display: none
    }

    .video-title {
        height: auto !important
    }

    body.blog #main .news-block:first-child,
    body.post-type-archive-events #main .news-block:first-child {
        display: block
    }

    .flexslider-home .lead-title h1 {
        margin-bottom: 50px;
        text-align: center
    }

    .flex-control-nav {
        bottom: 75px
    }

    .home-banner-buttons {
        display: none
    }

    .related_post {
        min-height: 150px;
        margin-bottom: 15px
    }

    .score span.out-of {
        font-size: 39px
    }

    .score span {
        font-size: 39px;
        height: 25px;
        line-height: 31px
    }

    .video-content.pull-right {
        margin-top: 10px
    }

    .uottv-widget .video-thumbnail {
        margin-bottom: 10px
    }

    .uottv-widget .main-video-thumb {
        margin-bottom: 10px
    }

    .uottv-widget-item {
        margin-bottom: 30px
    }

    .related_post {
        margin-bottom: 30px
    }

    .ads-wrapper {
        padding: 0;
        padding-bottom: 10px !important
    }

    .ads-wrapper>div {
        margin: 0 !important;
        margin-bottom: 15px !important
    }

    .sidebar-ads {
        padding: 0 !important
    }

    .ads-wrapper img {
        max-width: 100%
    }

    .post_content blockquote {
        font-size: 22px
    }

    #player {
        display: none
    }

    .banner-direction-nav a,
    .slider-container .direction-nav a {
        height: 50px;
        line-height: 45px;
        width: 25px;
        font-size: 24px;
        border-radius: 0 5px 5px 0
    }

    .score span.out-of {
        -webkit-text-stroke: 1px #000
    }

    .leaderboard {
        margin-bottom: 20px
    }

    .ad-wrapper {
/*        background: #eee;*/
        padding: 20px 0 0 0;
        margin-bottom: 20px
    }

    .banner-text-holder {
        top: 50%;
        transform: translateY(-50%);
        bottom: auto
    }

    .social {
        display: block
    }

    .lead-title h1 {
        font-size: 24px
    }

    .slider-wrapper .col-sm-10 {
        padding-left: 0;
        padding-right: 0
    }
}

.feature_content .post_content p.feature--meta {
    font-size: 12px;
    text-transform: none;
    color: #333;
    line-height: 17px
}

.feature_content .post_content p.feature--meta a {
    color: #333 !important;
    font-size: 12px
}

body.single-post .post-header .post__title {
    font-size: 48px;
    color: #333;
    margin-bottom: 30px
}

@media only screen and (max-width :480px) {
    body.single-post .post-header .post__title {
        font-size: 24px;
        color: #333;
        margin-bottom: 30px
    }
}

body.single-post .post-content-text .responsive-video {
    margin-bottom: 30px
}

.news--header {
    margin-bottom: 50px
}

#comments {
    display: none
}

.post-details__score {
    font-size: 16px
}

.mix-block {
    min-height: 460px
}

.article-block--wide>a {
    width: 100%
}

.article-block--wide {
    position: relative;
    min-height: 0
}

.article-block--wide .post-details h2 {
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-size: 3vw;
    position: absolute;
    top: 50%;
    max-width: 60%;
    left: 0;
    right: 0;
    margin: 0 auto;
    line-height: 1.2;
    transform: translateY(-50%)
}

@media only screen and (min-width :1200px) {
    .article-block--wide .post-details h2 {
        font-size: 36px
    }
}

@media only screen and (max-width :480px) {
    .article-block--wide .post-details h2 {
        font-size: 18px
    }
}

.article-block--wide img.img-responsive {
    width: 100%;
    max-width: none
}

.main__feature {
    padding-bottom: 40px
}

#main__scroll {
    border-left: 1px solid #eee
}

body.page-id-87399 .home-lead-image {
    height: 60vh
}

body.page-template-page-lists .load-more.row .article-block:first-child {
    display: none
}

body.postid-93219 .responsive-video {
    position: relative;
    padding-bottom: 0;
    overflow: hidden;
    max-width: 100%;
    height: 906px
}

#at_ad {
    height: 500px;
    background: url(../images/FATIMA.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 155%;
    margin: 0 auto;
    margin-bottom: 30px;
    display: block;
    max-width: 1500px
}

#at_ad.at_ad--zimon {
    background: url(../images/ZIMON.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 155%
}

#at_ad.at_ad--lena {
    background: url(../images/LENA.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 155%
}

#at_ad.at_ad--yinka {
    background: url(../images/YINKA.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 155%
}

#aphex_ad {
    height: 500px;
    background: url(../images/aphex-Parallax-background.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 155%;
    margin: 0 auto;
    margin-bottom: 30px;
    display: block;
    max-width: 1500px
}

#aphex_ad.pcoa {
    height: 500px;
    background: url(../images/Paralax_Background_V1.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 155%;
    margin: 0 auto;
    margin-bottom: 30px;
    display: block;
    max-width: 1500px
}

#aphex_ad.leon {
    height: 500px;
    background: url(../images/LeonVynehall-ParallaxBG.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 155%;
    margin: 0 auto;
    margin-bottom: 30px;
    display: block;
    max-width: 1500px
}

#aphex_ad.unsound {
    height: 500px;
    background: url(../images/adl_paralax.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 155%;
    margin: 0 auto;
    margin-bottom: 30px;
    display: block;
    max-width: 1500px
}

#aphex_ad.bbk {
    height: 500px;
    background: url(../images/BBL19_uot-3000x1000-1.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 155%;
    margin: 0 auto;
    margin-bottom: 30px;
    display: block;
    max-width: 1500px
}

#aphex_ad.sub {
    height: 500px;
    background: url(../images/uot-Subscription-Parallax-BG-1.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 155%;
    margin: 0 auto;
    margin-bottom: 30px;
    display: block;
    max-width: 1500px
}

#aphex_ad.fourtet {
    height: 500px;
    background: url(../images/Four-Tet-parallax.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 155%;
    margin: 0 auto;
    margin-bottom: 30px;
    display: block;
    max-width: 1500px
}

#aphex_ad.ams {
    height: 700px;
    background: url(../images/AMS_banner_uot_BG.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 155%;
    margin: 0 auto;
    margin-bottom: 30px;
    display: block;
    max-width: 1500px
}

@media only screen and (max-width:768px) {
    #aphex_ad.ams {
        height: 200px
    }
}

#aphex_ad p {
    text-align: center;
    font-family: maison_neuebook;
    max-width: 300px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin-bottom: 0;
    font-size: 40px;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 0
}

#aphex_ad.pcoa p {
    text-align: center;
    font-family: maison_neuebook;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin-bottom: 0;
    font-size: 40px;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 0
}

#aphex_ad.leon p {
    text-align: center;
    font-family: maison_neuebook;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin-bottom: 0;
    font-size: 40px;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 0
}

#aphex_ad.unsound p {
    text-align: center;
    font-family: maison_neuebook;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin-bottom: 0;
    font-size: 40px;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 0
}

#aphex_ad.bbk p {
    text-align: center;
    font-family: maison_neuebook;
    max-width: 90%;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin-bottom: 0;
    font-size: 40px;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 0
}

#aphex_ad.sub p {
    text-align: center;
    font-family: maison_neuebook;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin-bottom: 0;
    font-size: 40px;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 0
}

#aphex_ad.fourtet p {
    text-align: center;
    font-family: maison_neuebook;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin-bottom: 0;
    font-size: 40px;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 0
}

#aphex_ad.ams p {
    text-align: center;
    font-family: maison_neuebook;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin-bottom: 0;
    font-size: 40px;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 0
}

#aphex_ad p img {
    max-width: 100%
}

#aphex_ad.fourtet p img {
    width: 800px;
    max-width: 95%;
    filter: drop-shadow(0 0 10px #000)
}

#at_ad p {
    text-align: center;
    font-family: maison_neuebook;
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin-bottom: 0;
    font-size: 40px;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 0
}

#at_ad .small {
    font-size: 18px;
    position: relative;
    top: 10px
}

#at_ad .at_mobile {
    display: none
}

#mk_ad {
    height: 500px;
    background: url(../images/MK---PARALAX-BANNER-bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 155%;
    margin: 0 auto;
    margin-bottom: 30px;
    display: block;
    max-width: 1500px
}

#mk_ad p {
    text-align: center;
    font-family: maison_neuebook;
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin-bottom: 0;
    font-size: 40px;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 0
}

#mk_ad p img {
    max-width: 100%
}

@media only screen and (max-width:950px) {
    #at_ad {
        height: auto;
        margin-bottom: 30px;
        display: block;
        padding: 30px;
        background-position: center center !important;
        background-size: cover !important
    }

    #aphex_ad {
        height: auto;
        margin-bottom: 30px;
        display: block;
        padding: 30px;
        background-position: center center !important;
        background-size: cover !important
    }

    #at_ad p {
        text-align: center;
        font-family: maison_neuebook;
        margin: 0 auto;
        position: relative;
        top: 0;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        margin-bottom: 0;
        font-size: 18px;
        color: #fff;
        line-height: 1.4;
        margin-bottom: 0
    }

    #aphex_ad p {
        text-align: center;
        font-family: maison_neuebook;
        margin: 0 auto;
        position: relative;
        top: 0;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        margin-bottom: 0;
        font-size: 18px;
        color: #fff;
        line-height: 1.4;
        margin-bottom: 0
    }

    #at_ad .small {
        font-size: 14px
    }

    #at_ad .at_desktop {
        display: none
    }

    #at_ad .at_mobile {
        display: block
    }
}

@media only screen and (max-width:768px) {

    .woocommerce ul.products[class*=columns-] li.product,
    .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%
    }
}

.secondBlock .article-block:nth-child(-n+6) {
    display: none
}

body.woocommerce-page {
    background: #fff
}

body.woocommerce-page .post-header {
    display: none
}

body.woocommerce-page.single-product .post-header {
    display: block
}

body.woocommerce-page.single-product .post-header h1 {
    text-align: left;
    max-width: none
}

body.woocommerce-page ul.products li.product-category:first-child {
    display: none
}

body.woocommerce-page h2 {
    tex-align: center
}

body.woocommerce-page.page-id-40000 h2 {
    display: none
}

body.woocommerce-page.page-id-40000 h2.woocommerce-loop-category__title,
body.woocommerce-page.page-id-40000 h2.woocommerce-loop-product__title {
    display: block;
    color: #000;
    text-align: center;
    font-size: 24px !important;
    font-weight: 700;
    line-height: 1.4
}

body.woocommerce-page h1 {
    font-family: akzidenzgrotesk-MedExt;
    text-align: center;
    font-size: 27px;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 50px
}

body.woocommerce-page a#cart-link {
    font-size: 24px
}

body.woocommerce-page a#cart-link img {
    vertical-align: bottom
}

body.woocommerce-page .post-navigation {
    display: none
}

body.woocommerce-page ul.products a.button {
    display: none
}

body.woocommerce-page ul.products h2.woocommerce-loop-category__title,
body.woocommerce-page ul.products h2.woocommerce-loop-product__title {
    text-align: left;
    font-family: akzidenzgrotesk-MedExt
}

body.woocommerce-page.page-id-40000 span {
    text-align: center;
    font-size: 16px !important;
    line-height: 1.4;
    color: #000
}

.woocommerce div.product div.images .flex-control-thumbs li {
    height: auto
}

body.woocommerce-page.page-id-40000 .product_type_variable-subscription.add_to_cart_button {
    display: none
}

.woocommerce ul.products li.product .price .from {
    color: #000;
    text-transform: none
}

.woocommerce ul.products li.product {
    padding: 0 18px;
    padding-bottom: 30px
}

h2.woocommerce-loop-product__title {
    text-align: center;
    font-size: 20px !important;
    line-height: 1.4
}

.woocommerce ul.products li.product .price {
    text-align: left;
    font-size: 16px !important
}

body.woocommerce-page .post_content>h2:first-child {
    display: none
}

body.woocommerce-page .post_content {
    padding-top: 30px
}

body.woocommerce-page .post_content .flex-control-nav {
    bottom: -45px
}

body.woocommerce-page span.sold-out-overlay {
    background: red;
    color: #fff !important;
    font-size: 20px !important;
    padding: 10px 20px;
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translateX(-50%) translateY(-50%);
    text-transform: uppercase;
    font-family: akzidenzgrotesk-MedExt
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    padding-bottom: 5px !important;
    font-size: 20px !important
}

.woocommerce-product-gallery .flex-viewport {
    height: auto !important
}

body.woocommerce-page .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
    background: #ccc
}

.single_add_to_cart_button.button.alt.disabled {
    background-color: #ccc
}

li.post-81727 {
    margin-right: 0 !important
}

.woocommerce-variation-availability {
    display: none
}

body.postid-95214 .responsive-video {
    height: auto !important;
    padding-bottom: 0 !important
}

body.postid-95214 .responsive-video iframe {
    position: static !important
}

body.postid-95214 .responsive-video iframe {
    height: none
}

body.postid-95399 .lead-title h1 {
    color: #000
}

body.postid-95399 .lead-title h1:after {
    content: 'UOT magazine';
    font-size: 24px;
    margin-top: 40px;
    display: block;
    text-align: center;
    font-family: akzidenzgrotesk-regular, 'Akzidenz-Grotesk Pro', arial, sans;
    text-shadow: none
}

body.page-id-36449 li {
    color: #fff
}

body.page-id-152663 h1,
body.page-id-152663 h3,
body.page-id-36449 h1,
body.page-id-36449 h3 {
    color: #fff;
    font-size: 24px
}

body.page-id-36449 h4 {
    color: #fff
}

body.page-id-148154 .post_content,
body.page-id-152663 .post_content,
body.page-id-36449 .post_content {
    max-width: 800px;
    font-size: 2rem;
    margin: 0 auto
}

body.page-id-36449 .post_content p {
    font-size: 2rem;
    line-height: 1.4
}

.feature_content .post_content .sidebyside__credit {
    text-align: right;
    color: #666;
    margin-right: 16px;
    margin-top: -24px
}

.feature_content .post_content .sidebyside__credit p {
    font-size: 9px;
    line-height: 1.35;
    margin-bottom: 20px;
    margin-right: 16px
}

p.stock.in-stock {
    display: none
}

body.postid-97039 .lead-title h1 {
    text-shadow: 0 0 10px rgba(0, 0, 0, .8)
}

body.postid-104671 .lead-title h1 {
    text-shadow: 0 0 10px rgba(0, 0, 0, .8)
}

body.postid-104934 .lead-title h1 {
    text-shadow: 0 0 10px rgba(0, 0, 0, .8)
}

body.postid-111104 .lead-title h1 {
    text-shadow: 0 0 10px rgba(0, 0, 0, .8)
}

#asap_ad {
    height: 500px;
    background: url(../images/FATIMA.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 155%;
    margin: 0 auto;
    margin-bottom: 30px;
    display: block;
    max-width: 1500px;
    background: url(../images/asap-ad.jpg) no-repeat;
    background-size: 135% auto !important;
    transform: translateZ(1px)
}

#asap_ad p {
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin-bottom: 0;
    font-size: 40px;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 0
}

@media only screen and (min-width:951px) {
    #asap_ad {
        height: 550px
    }
}

@media only screen and (max-width:799px) {
    #asap_ad {
        background-size: 155% auto !important
    }
}

#asap_ad p {
    background-size: 100%;
    width: 750px;
    height: 200px;
    max-width: 80%;
    margin: 0 auto
}

#asap_ad p img {
    max-width: 100%
}

@media only screen and (max-width:950px) {
    #asap_ad {
        height: auto;
        margin-bottom: 30px;
        display: block;
        background-position: center center !important;
        background-size: cover !important
    }

    #asap_ad p {
        text-align: center;
        font-family: maison_neuebook;
        margin: 0 auto;
        position: relative;
        top: 0;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        margin-bottom: 0;
        font-size: 18px;
        color: #fff;
        line-height: 200px;
        margin-bottom: 0
    }

    #mk_ad {
        height: auto;
        margin-bottom: 30px;
        display: block;
        background-position: center center !important;
        background-size: cover !important
    }

    #mk_ad p {
        text-align: center;
        font-family: maison_neuebook;
        margin: 0 auto;
        position: relative;
        top: 0;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        margin-bottom: 0;
        font-size: 18px;
        color: #fff;
        line-height: 200px;
        margin-bottom: 0
    }
}

.slides li[data-href*="/jorja-smith-real-talk/"] {
    background-position: left center
}

body.postid-97895 .lead-image {
    background-position-x: left !important
}

#top_vid {
    object-fit: cover;
    max-width: none;
    width: 100%;
    height: 100%
}

@media only screen and (max-width:767px) {
    .feature_content .post_content .sidebyside__credit p {
        margin-right: 0
    }

    .feature_content .post_content .sidebyside__credit {
        width: 100%
    }

    .gallery__flex {
        padding: 0
    }

    .landscape-gallery .captions {
        padding-right: 15px
    }

    .col-md-6 .landscape-gallery .captions {
        padding-right: 0
    }

    .leaderboard {
        display: none !important
    }

    .woocommerce-product-gallery {
        margin-bottom: 3em !important
    }
}

body.postid-100263 .gallery__flex {
    margin-top: 60px
}

body.postid-100263 .gallery__flex img {
    margin-bottom: 6px
}

body.postid-100263 .ad-wrapper {
    display: none
}

body.postid-100263 .credit p {
    font-size: 10px;
    margin-bottom: 0;
    line-height: 1.2;
    color: #bbb
}

body.postid-100263 #content .credit p a {
    color: #bbb;
    text-decoration: underline
}

body.postid-100263 .post-content-list-item h2 {
    font-size: 24px;
    margin-bottom: 7px
}

body.postid-100263 .post-content-list-item .sub-title {
    margin-bottom: 30px
}

body.postid-105122 .list--main {
    background: url(../images/Background-Gradient-4.jpg) no-repeat;
    background-attachment: fixed;
    background-size: cover
}

body.postid-104432 .list--main {
    background: url(../images/future-list-bg.jpg) no-repeat;
    background-attachment: fixed;
    background-size: cover
}

body.postid-105821 img.slf {
    display: none
}

body.postid-105821 {
    background: url(../images/Background-Gradient-future.jpg) no-repeat;
    background-attachment: fixed;
    background-size: cover
}

body.postid-105977 {
    background: url(../images/Background-Gradient-3.jpg) no-repeat;
    background-attachment: fixed;
    background-size: cover
}

body.postid-105977 .lead-title {
    display: none
}

body.postid-105122 .ad-wrapper {
    background: 0 0
}

body.postid-100263 .post-content-text .lead {
    font-size: 24px;
    line-height: 1.3
}

body.postid-100263 .lead-title h1 {
    font-size: 64px
}

@media only screen and (max-width:767px) {
    body.postid-100263 .lead-title h1 {
        font-size: 24px
    }

    body.woocommerce-page h1 {
        clear: both
    }

    .woocommerce-product-gallery {
        margin-bottom: 5em !important
    }
}

.post-101076 .responsive-video {
    padding-bottom: 0 !important
}

.post-103616 .responsive-video {
    padding-bottom: 0 !important
}

body.postid-108799 .post-content-list-item h2 {
    font-size: 20px
}

body.postid-108799 .post-content-list-item .sub-title {
    font-size: 20px
}

body.postid-109815 .responsive-video,
body.postid-112700 .responsive-video {
    padding-bottom: 0 !important
}

body.postid-109815 .responsive-video iframe,
body.postid-112700 .responsive-video iframe {
    height: 715px !important;
    position: static !important
}

.woocommerce-product-gallery__trigger {
    display: none
}

body.postid-82227 #listen {
    display: block !important
}

.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap
}

.woocommerce ul.products li {
    flex-grow: 1;
    width: 33%;
    padding: 0 10px;
    height: 100px;
    margin: 0 !important;
    float: none !important;
    height: auto !important;
    margin-bottom: 30px
}

.ads-wrapper>div {
    margin: 0 15px 15px 15px;
    display: inline-block
}

span.ad-tag {
    position: fixed;
    bottom: 10px;
    display: block;
    width: 100vw;
    text-align: center;
    margin-left: -15px
}

.woocommerce-page ul.products.columns-3 li.product {
    max-width: 352px
}

body.long-reads header:not(.scrolled)~.navbar-header .navbar-toggle__reversed {
    opacity: 1
}

body.aesthetic header:not(.scrolled)~.navbar-header .navbar-toggle__reversed {
    opacity: 1
}

li.product-category.product a {
    position: relative;
    display: block
}

li.product-category.product a[href="/store"]::after {
    content: '';
    background: url(../images/sticker-100.png) no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-size: contain
}

li.product_cat-uot-100-exhibition-prints:hover a::after {
    content: '';
    background: url(../images/sticker-100.png) no-repeat;
    width: 90%;
    height: 100%;
    position: absolute;
    top: 0;
    background-size: contain
}

body.page-id-84337 {
    padding-top: 0
}

@keyframes hvr-buzz-out {
    5% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    7% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    8% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    9% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    10% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    11% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    12% {
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0)
    }

    13% {
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0)
    }

    14% {
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0)
    }

    15% {
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0)
    }

    100% {
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0)
    }
}

#listen .tab img {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

li#menu-item-84345 {
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    margin-bottom: 20px
}

li#menu-item-84345 a {
    text-transform: lowercase !important
}

.mixes {
    background: #000;
    width: 100%;
    margin-bottom: 0;
    text-align: center;
    padding: 95px 0;
    padding-bottom: 0
}

.mixes a {
    visibility: hidden
}

body.page-id-84337 {
    background: #000
}

.slick-initialized a {
    visibility: visible
}

.mixes h2 {
    font-family: akzidenzgrotesk-MedExt;
    font-size: 27px;
    text-align: center;
    color: #000;
    margin-bottom: 90px;
    background: #fff;
    border-radius: 25px;
    padding: 10px 15px;
    display: inline-block
}

.mixes .mix {
    padding: 0 40px
}

.mixes .mix__title {
    font-family: 'Akzidenz-Grotesk Pro Med';
    color: #fff;
    font-size: 17px
}

.mixes .mix img {
    margin-bottom: 15px;
    max-width: 100%
}

.mixes .slick-arrow {
    position: absolute;
    top: -68px
}

.mixes .slick-arrow.slick-prev {
    left: 0;
    top: 0;
    border: none;
    text-indent: -1000px;
    overflow: hidden;
    width: 12.5vw;
    outline: 0;
    height: 100%;
    z-index: 3;
    cursor: w-resize;
    cursor: url(../images/arrow-left.png) 0 58, w-resize;
    background: 0 0
}

.mixes .slick-arrow.slick-next {
    right: 0;
    top: 0;
    border: none;
    text-indent: -1000px;
    overflow: hidden;
    width: 12.5vw;
    outline: 0;
    height: 100%;
    z-index: 3;
    cursor: e-resize;
    cursor: url(../images/arrow-right.png) 120 58, auto;
    background: 0 0
}

.mixes .genres {
    margin-top: 15px
}

.mixes .genres span {
    display: inline-block;
    background: #d8d8d8;
    border-radius: 20px;
    padding: 3px 10px;
    margin: 0 5px;
    cursor: default;
    font-size: 9px;
    margin-bottom: 10px;
    color: #000 !important
}

.mixes:last-child {
    padding-bottom: 45px
}

@media only screen and (max-width:767px) {
    .mixes .mix {
        padding: 0 10px
    }

    .ad-wrapper.ad--leaderboard {
        display: none
    }
}

.video-full video {
    width: 100vw;
    height: auto;
    max-width: none;
    margin-bottom: 30px;
    margin-top: 10px
}

body.page-id-40000 ul.products li.product-category {
    display: none !important
}

.post-content-text img.lazy {
    max-width: 100%;
    height: auto
}

/* Legacy Pop up styles */

@font-face {
    font-family: 'Akzidenz-Grotesk Pro Bold Cnd';
    src: url('../fonts/AkzidenzGroteskPro-BoldCn.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

#popmake-150197 {
    max-width: 708px !important;
}

#popmake-150197 #pum_popup_title_150197 {
    -webkit-text-fill-color: #9fe619;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}

#popmake-150197 #pum_popup_title_150197,
#popmake-150197 h2 {
    font-family: 'Akzidenz-Grotesk Pro Bold Cnd';
    text-transform: uppercase;
    font-size: 40px;
    line-height: 1;
}

#popmake-150197 h2 {
    margin-bottom: 20px;
}

#popmake-150197 .pum-content p {
    font-size: 14px;
}

#popmake-150197 .popup-logos {
    width: 100%;
    clear: both;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    float: left;
}

#popmake-150197 .popup-logos img {
    display: none;
}

#popmake-150197 .popup-logos a {
    font-family: 'Akzidenz-Grotesk Pro Bold Cnd';
    text-transform: uppercase;
    background: black;
    color: #9fe619;
    border-radius: 5px;
    display: block;
    padding: 5px;
    font-size: 16px;
}

#popmake-150197 .pum-close {
    background: url(../fonts/X.svg) center center no-repeat;
    background-size: 100%;
    margin-top: 10px;
    margin-right: 10px;
    text-indent: 1000px;
    overflow: hidden;
    width: 20px;
    height: 20px;
}

@media only screen and (min-width: 900px) {

    #popmake-150197 #pum_popup_title_150197,
    #popmake-150197 h2 {
        font-size: 50px;
    }

    #popmake-150197 .pum-content::after {
        content: "";
        clear: both;
        display: table;
    }

    #popmake-150197 .pum-content p {
        max-width: 75%;
        float: right;
        font-size: 15px;
    }

    #popmake-150197 .popup-btn--suporter {
        margin-left: auto;
        margin-right: 20px;
    }

    #popmake-150197 .popup-logos a {
        font-size: 18px;
    }

    #popmake-150197 .popup-logos img {
        display: block;
    }

}

/*Cookie gate */
.qc-cmp2-container {
    font-family: "akzidenzgrotesk-regular", "Akzidenz-Grotesk Pro", arial, sans;
}

.qc-cmp2-container .qc-cmp2-summary-section h2 {
    font-family: "Akzidenz-Grotesk Pro Med";
    font-weight: 500;
}

.qc-cmp2-container .qc-cmp2-summary-section img {
    display: none;
}

.qc-cmp2-container .qc-cmp2-summary-info p {
    font-family: "akzidenzgrotesk-regular", "Akzidenz-Grotesk Pro", arial, sans;
}

.qc-cmp2-container .qc-cmp2-footer .qc-cmp2-summary-buttons {
    align-content: center !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.qc-cmp2-summary-buttons button {
    font-family: "Akzidenz-Grotesk Pro Med";
    font-weight: 500;
}

/*Supports nav button */
li#menu-item-147203 a {

    background: #9fe619;
    font-family: 'Akzidenz-Grotesk Pro Bold Cnd';
    text-transform: uppercase;
    color: black;
    border-radius: 5px;
    display: block;
    padding: 5px;
    letter-spacing: 0;
    display: inline-block;

}


/* UOT Audio styles */
/*uot audio css */
#listen {
    background: #C6CCC2;
    max-width: 0px;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 2000;
    transition: all 0.3s linear;
}

#listen .tab {
    position: fixed;
    padding: 12px;
    padding-right: 15px;
    border-radius: 10px;
    top: 58px;
    right: 0;
    z-index: 10;
    background: #C6CCC2;
    transition: all 0.3s linear;
    cursor: pointer;
}

header.scrolled~#listen .tab {
    top: 58px;
}

#listen.active {
    max-width: 50vw;
}

#listen.active .tab {
    right: calc(50vw - 8px);
    z-index: -1;
}

.listen-list {
    padding: 20px 20px 80px 20px;
    width: 100%;
    min-width: 400px;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    opacity: 0;
}

.listen-list--item {
    float: left;
    width: 33.333%;
    padding: 0 10px;
    margin-bottom: 20px;
}

.listen-list--item:nth-of-type(1) {
    width: 50%;
}

.listen-list--item:nth-of-type(2) {
    width: 50%;
}

.listen-list--item img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
}

.listen__title {
    color: black;
    display: block;
    min-height: 50px;
    font-size: 16px;
    font-family: 'Akzidenz-Grotesk Pro Med';
}

.listen__title .uotMixArtist {
    font-family: 'akzidenzgrotesk-regular', 'Akzidenz-Grotesk Pro', arial, sans;
}

#listen--overlay {
    position: fixed;
    background-color: transparent;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    z-index: -1;
    transition: background-color .2s ease-in;
    -webkit-transition: background-color .2s ease-in;
    cursor: pointer;
}

#listen--overlay.overlay-open {
    visibility: visible;
    z-index: 1200;
    background-color: rgba(0, 0, 0, .42);
}

.listen--header {
    width: 100vw;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
    display: none;
    position: relative;
}

.listen--close {
    position: absolute;
    right: 15px;
    width: 18px;
    top: 20px;
}

header {
    z-index: 800 !important;
}

.navbar-nav-toggle {
    z-index: 900 !important;
}

.navbar-nav-main {
    z-index: 3050 !important;
}

.navbar-overlay.overlay-open {
    z-index: 3000 !important;
}

.search-form {
    z-index: 4000 !important;
}

img.listen--mobile {
    display: none;
}

#mixlist {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.mixlist__title {
    color: black;
    margin-left: 10px;
    margin-bottom: 20px;
    display: block;
    font-size: 20px;
}

.genre-list {
    background: #999999;
    color: white;
    padding: 20px;
    margin: 0;
    width: 100%;
    display: none;
    z-index: 10;
    flex-wrap: wrap;
    position: absolute;
    width: 100%;
}

.genres span:first-child {
    margin-left: 0;
}

.genres span {
    display: inline-block;
    background: black;
    border-radius: 20px;
    padding: 3px 10px;
    margin-right: 5px;
    margin-bottom: 4px;
    cursor: default;
    font-size: 9px;
    color: white !important;
}

#listen .genres span {
    margin: 0;
    margin-right: 5px;
    margin-bottom: 10px;
    cursor: pointer;
}

.show-list {
    background: #999999;
    color: white;
    padding: 20px;
    margin: 0;
    width: 100%;
    display: none;
    z-index: 10;
    flex-wrap: wrap;
    position: absolute;
    width: 100%;
    justify-content: center;
}

.show-list li {
    flex: 1 0 17% !important;
}

.listen--navMain {
    list-style: none;
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
}

.listen--navMain li {
    flex: 1;
    display: block;
    padding: 10px;
    color: black;
    text-align: center;
    font-family: 'Akzidenz-Grotesk Pro Med';
    font-size: 18px;
    cursor: pointer;
    border-right: 1px solid black;
    height: 50px;
}

#listen.active .listen--navMain li {
    border-bottom: 1px solid black;
    border-top: solid 1px black;
    position: relative;
}

.listen--navMain li:last-child {
    border-right: none;
}

.listen--navMain li.active,
.listen--navMain li:hover {
    -webkit-text-fill-color: black;
    -webkit-text-stroke-width: 0px;
}

#listen.active .listen--navMain ul {
    top: 108px;
    position: absolute;
    width: 100%;
}

#listen.active .listen--navMain ul li {
    font-size: 14px;
    -webkit-text-fill-color: black;
    -webkit-text-stroke-width: 0px;
    display: inline-block;
    padding: 0;
    border: 0;
    margin: 5px;
    height: auto;
    text-align: center;
    flex: 1 0 21%;
    line-height: 1;
    max-width: 23.1%;
}

#listen.active .listen--navMain ul li a {
    color: black;
}


#listen.active .listen--navMain ul li:hover {
    text-decoration: underline;
}

.listen--search {
    height: 58px;
    position: relative;
}

.listen--search img {
    pointer-events: none;
    position: absolute;
    top: 17px;
    left: 10px;
}

.listen--search input {
    background: transparent;
    border: none;
    display: block;
    width: 100%;
    height: 58px;
    font-family: 'Akzidenz-Grotesk Pro Med';
    font-size: 18px;
    color: white;
    padding: 0 20px;
    padding-left: 43px;
    border-top: 1px solid white;
}

.listen--search input::placeholder {
    font-family: 'Akzidenz-Grotesk Pro Med';
    font-size: 18px;
    opacity: 0.6;
    color: white;
}

#mixlist__wrapper {
    padding-bottom: 100px;
}

@media only screen and (min-width:768px) {

    #listen.active .listen--navMain li.nav--genres:hover~ul.genre-list,
    #listen.active .listen--navMain ul:hover {
        display: flex !important;
        opacity: 1 !important;
    }

    #listen.active .listen--navMain li.nav--shows:hover~ul.show-list,
    #listen.active .listen--navMain ul:hover {
        display: flex !important;
        opacity: 1 !important;
    }
}


@media only screen and (max-width:767px) {

    .mixlist__title {
        margin-left: 5px;
    }

    #listen.active .listen--navMain ul li {
        font-size: 12px;
        -webkit-text-fill-color: black;
        -webkit-text-stroke-width: 0px;
        display: inline-block;
        padding: 0;
        border: 0;
        margin: 5px;
        height: auto;
        text-align: center;
        flex: 1 0 28%;
        line-height: 1;
        max-width: 33.333%;
    }

    #listen {
        width: 0%;
        max-width: none;
    }

    #listen.active {
        max-width: none;
        width: 100%;
    }

    .listen-list {
        max-width: 100%;
        min-width: 100vw;
        width: 100%;
        padding: 20px 10px 60px 10px;
    }

    .listen-list--item {
        padding: 0 5px;
        width: 50%;
    }

    .listen--header {
        display: block;
    }

    #listen .tab {
        position: fixed;
        padding: 12px;
        padding-right: 15px;
        border-radius: 10px;
        top: 0 !important;
        right: 0;
        z-index: 10;
        background: transparent;
        transition: all 0.3s linear;
        cursor: pointer;
    }

    header~#listen .tab {
        top: 4px !important;
        right: 0 !important;
        z-index: -1;
    }


    body.page-template-page-listen-php img.listen--mobile {
        display: block;
    }

    body.page-template-page-listen-php img.listen--desktop {
        display: none;
    }

    header.scrolled~#listen img.listen--desktop {
        display: none;
    }

    header.scrolled~#listen img.listen--mobile {
        display: block;
    }

    .listen--header {
        background: #C6CCC2;
    }

    .navbar-fixed-top {
        z-index: 3030;
    }

    #listen.active .listen--navMain ul {
        top: 114px;
    }

}

p.lead {
    line-height: 18px;
}

.noMixes {
    font-size: 18px;
    font-weight: bold;
    color: white;
}

a.sc-iwsKbI {
    background-color: black !important;
}


/*News tweaks */
@media only screen and (min-width: 992px) {
    .sidebar-ads {
        position: -webkit-sticky;
        position: sticky;
        top: 78px;
    }
}

#amplified_100002213 {
    margin-bottom: 30px;
    margin-top: -30px;
}

/*2021 mobile ad tweaks */
.adslot3 {
    display: none;
}

@media only screen and (max-width: 600px) {
    .home-lead-image {
        height: 70vh;
    }

    .adslot3 {
        display: block !important;
        text-align: center;
    }

    .flex-control-nav {
        bottom: 10px !important;
    }

    div#div-gpt-ad-1551276423304-0 {
        display: none !important;
    }

    div#div-gpt-ad-1624527791065-0 {
        margin-bottom: 50px;
    }

    body.single.long-reads .lead-image {
        height: 70vh;
        background-attachment: scroll !important;
    }

    body.single.long-reads .parallax-wrapper .lead-title {
        top: 40%;
    }
}


.skeleton {
    animation: skeleton-loading 1s linear infinite alternate;

}

[loading="lazy"] {
    animation: skeleton-loading 1s linear infinite alternate;

}
/***Skeleton loading 1.0**/
@keyframes skeleton-loading {
    0% {
        background-color: hsl(200, 20%, 70%);
    }

    100% {
        background-color: hsl(200, 20%, 95%);
    }
}

.btn-more{
    display: block;
    width: 100px;
    border-radius: 30px;
    background: black;
    color: white;
    font-size: 17px;
    padding: 4px 0;
    -webkit-appearance: none;
    border: none;
}
.btn-more:hover{
    background: #9fe619;
}

   img.wp-smiley,
    img.emoji {
        display: inline !important;
        border: none !important;
        box-shadow: none !important;
        height: 1em !important;
        width: 1em !important;
        margin: 0 .07em !important;
        vertical-align: -0.1em !important;
        background: none !important;
        padding: 0 !important;
    }

    html {
        scroll-behavior: smooth;
    }

    .obj-fit {
        object-fit: cover;
    }
     .recentcomments a {
        display: inline !important;
        padding: 0 !important;
        margin: 0 !important;
    }