body {
    font-family: Roboto;
    color: #666;
    letter-spacing: .2px;
    overflow-x: hidden;
}

* {
    margin: 0 auto;
}

h1,
h2,
h3 {
    margin: 0;
    padding: 0;
}

a:focus,
a:active {
    outline: none;
    color: #428BCA;
}

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-sides {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

#home,
#blogroll,
#shows,
#promosevents,
#media,
#whatshot {
    display: block;
}


/* MAIN NAVIGATION */

.headroom {
    transition: transform 200ms linear;
}

.headroom--pinned {
    transform: translateY(0%);
}

.headroom--unpinned {
    transform: translateY(-100%);
}

header .navbar-left li:first-child .active {
    opacity: 0;
    display: none;
}

header .navbar-left li:first-child:hover .default {
    opacity: 0;
    display: none;
}

header .navbar-left li:first-child:hover .active {
    opacity: 1;
    display: inline-block;
}

header .navbar-right a {
    color: #FFF !important;
    padding-right: 15px;
}

    header .navbar-right a:hover {
        color: #ffff01 !important;
    }

header .navbar-right i,
.live-event h1 i,
.nav-stream li a i,
.top-songs h1 i,
.blogroll h1 i,
.shows h1 i,
.social-media h1 i {
    margin-right: 16px;
}

/*header .navbar-right a:before {
	content: url(../../docs/assets/img/icon_hot.png);
	vertical-align: middle;
	margin-right: 16px;
	position: relative;
	top: 2px;
}

	header .navbar-right a:hover:before {
		content: url(../../docs/assets/img/icon_hot_active.png);
	}*/

.HomeLink {
    font-size: 16px !important;
}


/* HOME */


.hero {
    padding: 108px 0 80px 0;
    /*background: #000 url(../../docs/assets/img/bg_hero.png) center top no-repeat;*/
    background-size: 100%;
}

    .hero aside,
    .blogroll aside,
    .shows aside,
    .promos-and-events aside {
        padding-left: 0;
    }

    .hero .main-content,
    .blogroll .main-content,
    .shows .main-content,
    .promos-and-events .main-content {
        padding-right: 0;
    }

    .hero aside .logo {
        margin-bottom: 40px;
    }

.live-event,
.top-songs,
.ads {
    margin-bottom: 16px;
}

    .live-event h1,
    .top-songs h1 {
        font-size: 18px;
        font-weight: 500;
        color: #ffff01;
        letter-spacing: 1px;
    }

/*.live-event h1:before {
		content: url(../../docs/assets/img/icon_liveevent.png);
		margin-right: 16px;
		vertical-align: middle;
		position: relative;
		top: 2px;
	}

	.top-songs h1:before {
		content: url(../../docs/assets/img/icon_topsongs.png);
		margin-right: 16px;
		vertical-align: middle;
		position: relative;
		top: 2px;
	}*/

.song_one {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    padding: 16px 19px;
    background-color: #FFF;
    border-top: 1px solid #e0e0e0;
    font-size: 14px;
    text-transform: uppercase;
    box-shadow: -10px 10px 10px 10px rgba(0,0,0,.1);
}

    .song_one p {
        position: relative;
        top: -2px;
        display: inline-block;
        margin: 0;
    }

        .song_one p span {
            display: inline-block;
            padding-right: 16px;
            margin-right: 16px;
            border-right: 1px dashed rgba(0,0,0,.2);
            color: #F75607;
            font-weight: bold;
        }

        .song_one p:before {
            display: inline-block;
            vertical-align: middle;
            margin-right: 12px;
            content: url(../../docs/assets/img/icon_nowplaying.png);
        }

    .song_one a {
        display: inline-block;
        margin-right: 16px;
        width: 40px;
        height: 40px;
        border: 2px solid #CCC;
        font-size: 24px;
        font-weight: 400;
        color: #CCC;
        text-align: center;
        text-decoration: none;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

        .song_one a:hover {
            border: 2px solid #AAA;
            color: #AAA;
        }

#topsongplayer audio {
    margin: 6px 0 0 24px;
    vertical-align: top;
}

.show_hide {
    display: none;
}

.live-event--content {
    position: relative;
    margin-top: 24px;
    padding: 8px 8px 16px 8px;
    background: #FCFCFC;
    text-align: center;
}

    .live-event--content img {
        max-width: 100%;
    }

    .live-event--content h2 {
        margin-top: 12px;
        font-size: 12px;
        color: #666;
        text-transform: uppercase;
    }

    .live-event--content .tag-video {
        /*background: url(../../docs/assets/img/tag_video.png);*/
        position: absolute;
        top: 16px;
        left: 16px;
        padding: 4px 12px;
        background: #ffff01;
        font-size: 10px;
        font-weight: 500;
        color: #1a1a1a;
        text-transform: uppercase;
    }

        .live-event--content .tag-video:after {
            top: 100%;
            left: 0;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-top: 100px solid #ffff01;
            border-right: 100px solid transparent;
            transform: scale(.15) translate(-285px, -320px);
        }

    .live-event--content .iFrameVideo {
        height: 200px;
        max-height: 200px;
        max-width: 100%;
        width: 100%;
        border: 1px solid #FFF;
    }

.top-songs--content {
    margin-top: 24px;
    padding: 0;
    list-style: none;
}

    .top-songs--content li {
        padding-bottom: 12px;
        cursor: pointer;
    }

        .top-songs--content li .count {
            width: 40px;
            height: 40px;
            padding-top: 6px;
            margin-right: 8px;
            vertical-align: top;
            border: 2px solid #666;
            font-weight: bold;
            text-align: center;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            border-radius: 25px;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

            .top-songs--content li .count i {
                display: none;
                opacity: 0;
                font-size: 13px;
                padding-top: 5px;
                margin-left: 3px;
                -webkit-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
            }

        .top-songs--content li:hover .count i {
            display: block;
            opacity: 1;
        }

        .top-songs--content li:hover .count:before {
            display: none;
            opacity: 0;
        }

        .top-songs--content li:nth-child(1):hover .count:before,
        .top-songs--content li:nth-child(2):hover .count:before,
        .top-songs--content li:nth-child(3):hover .count:before,
        .top-songs--content li:nth-child(4):hover .count:before,
        .top-songs--content li:nth-child(5):hover .count:before {
            /*content: url(../../docs/assets/img/icon_play.png);*/
            position: relative;
            top: 0px;
            left: 1px;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

        .top-songs--content li:hover .count {
            border: 2px solid #ffff01;
            color: #ffff01;
        }

        .top-songs--content li:nth-child(1) .count:before {
            content: '1';
            opacity: 1;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

        .top-songs--content li:nth-child(2) .count:before {
            content: '2';
            opacity: 1;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

        .top-songs--content li:nth-child(3) .count:before {
            content: '3';
            opacity: 1;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

        .top-songs--content li:nth-child(4) .count:before {
            content: '4';
            opacity: 1;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

        .top-songs--content li:nth-child(5) .count:before {
            content: '5';
            opacity: 1;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

        .top-songs--content li p {
            display: inline-block;
        }

        .top-songs--content li:last-child {
            padding-bottom: 0;
        }

        .top-songs--content li:hover span:first-child {
            color: #FFF;
        }

    .top-songs--content span {
        display: block;
        text-transform: uppercase;
    }

        .top-songs--content span:first-child {
            font-size: 14px;
            font-weight: bold;
            color: #999;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

        .top-songs--content span:last-child {
            font-size: 11px;
            color: #666;
            letter-spacing: 1px;
        }

.ads {
    width: 100%;
    height: 100%;
    text-align: center;
}

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

.txt-ads {
    font-size: 11px;
    color: #444;
    text-align: center;
    letter-spacing: 2px;
}

.ads-hr {
    width: 100%;
    height: 100%;
    padding: 40px;
    background: #191919;
    text-align: center;
}

.ads-vr {
    width: 100%;
    height: 100%;
    text-align: center;
}

    .ads-vr img {
        max-width: 100%;
    }

.ads span,
.ads-hr span {
    font-size: 11px;
    color: #333;
}

.ads-vr span {
    font-size: 11px;
    color: #AAA;
}

.nav-stream {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .nav-stream li {
        display: inline-block;
        font-weight: 500;
        margin-left: 24px;
        cursor: pointer;
    }

        .nav-stream li img {
            margin-right: 8px;
        }

        .nav-stream li a {
            font-size: 13px;
            text-decoration: none;
            letter-spacing: 1px;
        }

        .nav-stream li:nth-child(1):hover a,
        .nav-stream li:nth-child(2):hover a,
        .nav-stream li:nth-child(3):hover a {
            color: #FFF;
        }

        /*.nav-stream li:nth-child(1) a:before {
		content: url(../../docs/assets/img/icon_live.png);
		margin-right: 8px;
		position: relative;
		top: 5px;
	}

		.nav-stream li:nth-child(1):hover a:before {
			content: url(../../docs/assets/img/icon_live_active.png);
		}*/

        /*.nav-stream li:nth-child(1) a:before {
		content: url(../../docs/assets/img/icon_ustream.png);
		margin-right: 8px;
		position: relative;
		top: 5px;
	}

		.nav-stream li:nth-child(1):hover a:before {
			content: url(../../docs/assets/img/icon_ustream_active.png);
		}*/

        /*.nav-stream li:nth-child(2) a:before {
		content: url(../../docs/assets/img/icon_onair.png);
		margin-right: 8px;
		position: relative;
		top: 5px;
	}

		.nav-stream li:nth-child(2):hover a:before {
			content: url(../../docs/assets/img/icon_onair_active.png);
		}*/

        /*.nav-stream li:nth-child(1) a {
		color: #ffff01;
	}*/

        .nav-stream li:nth-child(1) a {
            color: #17c298;
        }

        .nav-stream li:nth-child(2) a {
            color: #3388ff;
        }

        .nav-stream li:nth-child(3) a {
            color: #fd0315;
        }

        .nav-stream li .onair {
            position: absolute;
            right: -40px;
            top: -20px;
            opacity: 0;
            z-index: 2;
            -webkit-transition: all .4s ease-in-out;
            -moz-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
        }

        .nav-stream li:nth-child(2):hover .onair {
            opacity: 1;
            top: 30px;
        }

.main-banner {
    margin: 88px 0 80px 0;
    color: #FCFCFC;
}

    .main-banner .col-sm-7,
    .main-banner .col-sm-5 {
        padding: 0;
    }

    .main-banner .banner-img img {
        max-width: 100%;
    }

    .main-banner .banner-content {
        text-align: center;
    }

        .main-banner .banner-content p {
            margin: 24px 0;
            font-size: 16px;
            font-weight: 500;
        }

        .main-banner .banner-content a {
            display: inline-block;
            padding: 12px 24px;
            border: 2px solid #FCFCFC;
            font-weight: 500;
            color: #FCFCFC;
            text-decoration: none;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

            .main-banner .banner-content a:hover {
                background: #ffff01;
                border: 2px solid #ffff01;
                color: #1a1a1a;
            }

/* WHAT'S HOT */

.featured {
    position: relative;
}

    .featured h1 {
        padding-bottom: 16px;
        border-bottom: 1px solid #333;
        font-size: 20px;
        font-weight: 500;
        color: #FCFCFC;
        letter-spacing: 1px;
    }

    .featured .tag-video {
        /*background: url(../../docs/assets/img/tag_video.png);*/
        position: absolute;
        top: 8px;
        left: 8px;
        padding: 4px 12px;
        background: #ffff01;
        font-size: 10px;
        font-weight: 500;
        color: #1a1a1a;
        text-transform: uppercase;
    }

.SubArticleContent .related-post .tag-video {
    /*background: url(../../docs/assets/img/tag_video.png);*/
    position: absolute;
    top: 8px;
    left: 8px;
    padding: 4px 12px;
    background: #ffff01;
    font-size: 10px;
    font-weight: 500;
    color: #1a1a1a;
    text-transform: uppercase;
}

    .featured .tag-video:after,
    .SubArticleContent .related-post .tag-video:after {
        top: 100%;
        left: 0;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-top: 100px solid #ffff01;
        border-right: 100px solid transparent;
        transform: scale(.15) translate(-285px, -320px);
    }


/* BLOGROLL */

.blogroll--content a {
    color: #666;
}

.blogroll {
    padding: 80px 0;
    background: #fcfcfc;
}

    .blogroll h1 {
        font-size: 20px;
        font-weight: 500;
        color: #1a1a1a;
        margin-bottom: 40px;
        letter-spacing: 1px;
    }

        .blogroll h1:before {
            /*content: url(../../docs/assets/img/icon_blogroll.png);*/
            margin-right: 16px;
            vertical-align: middle;
            position: relative;
            top: 2px;
        }

    .blogroll .tag-music,
    .SubArticleContent .related-post .tag-music {
        /*background: url(../../docs/assets/img/tag_music.png);*/
        position: absolute;
        top: 8px;
        left: 16px;
        z-index: 2;
        padding: 4px 12px;
        background: #f75607 !important;
        font-size: 10px;
        font-weight: 500;
        color: #FFF;
        text-transform: uppercase;
    }

.SubArticleContent .related-post .tag-music,
.SubArticleContent .related-post .tag-technology,
.SubArticleContent .related-post .tag-media,
.SubArticleContent .related-post .tag-celebrity,
.SubArticleContent .related-post .tag-sports,
.SubArticleContent .related-post .tag-magic,
.SubArticleContent .related-post .tag-currentevents,
.SubArticleContent .related-post .tag-lifestyle,
.SubArticleContent .related-post .tag-food,
.SubArticleContent .related-post .tag-fashion {
    top: 24px !important;
    left: 8px !important;
}

    .blogroll .tag-music:after,
    .SubArticleContent .related-post .tag-music:after {
        top: 100%;
        left: 0;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-top: 100px solid #f75607 !important;
        border-right: 100px solid transparent;
        transform: scale(.15) translate(-285px, -320px);
    }

.SubArticleContent .related-post .iFrameVideo {
    width: 100%;
    max-width: 100%;
    border: 1px solid #FFF;
}

.blogroll .tag-technology {
    /*background: url(../../docs/assets/img/tag_techno.png);*/
    position: absolute;
    top: 8px;
    left: 16px;
    z-index: 2;
    padding: 4px 12px;
    background: #3d81f1 !important;
    font-size: 10px;
    font-weight: 500;
    color: #FFF;
    text-transform: uppercase;
}

    .blogroll .tag-technology:after {
        top: 100%;
        left: 0;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-top: 100px solid #3d81f1 !important;
        border-right: 100px solid transparent;
        transform: scale(.15) translate(-285px, -320px);
    }

.blogroll .tag-sports {
    /*background: url(../../docs/assets/img/tag_techno.png);*/
    position: absolute;
    top: 8px;
    left: 16px;
    z-index: 2;
    padding: 4px 12px;
    background: #f30d13 !important;
    font-size: 10px;
    font-weight: 500;
    color: #FFF;
    text-transform: uppercase;
}

    .blogroll .tag-sports:after {
        top: 100%;
        left: 0;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-top: 100px solid #f30d13 !important;
        border-right: 100px solid transparent;
        transform: scale(.15) translate(-285px, -320px);
    }

.blogroll .tag-celebrity {
    /*background: url(../../docs/assets/img/tag_health.png);*/
    position: absolute;
    top: 8px;
    left: 16px;
    z-index: 2;
    padding: 4px 12px;
    background: #560d94 !important;
    font-size: 10px;
    font-weight: 500;
    color: #FFF;
    text-transform: uppercase;
}

    .blogroll .tag-celebrity:after {
        top: 100%;
        left: 0;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-top: 100px solid #560d94 !important;
        border-right: 100px solid transparent;
        transform: scale(.15) translate(-285px, -320px);
    }

.blogroll .tag-media {
    /*background: url(../../docs/assets/img/tag_health.png);*/
    position: absolute;
    top: 8px;
    left: 16px;
    z-index: 2;
    padding: 4px 12px;
    background: #14bee8 !important;
    font-size: 10px;
    font-weight: 500;
    color: #FFF;
    text-transform: uppercase;
}

    .blogroll .tag-media:after {
        top: 100%;
        left: 0;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-top: 100px solid #14bee8 !important;
        border-right: 100px solid transparent;
        transform: scale(.15) translate(-285px, -320px);
    }

.blogroll .tag-magic {
    /*background: url(../../docs/assets/img/tag_health.png);*/
    position: absolute;
    top: 8px;
    left: 16px;
    z-index: 2;
    padding: 4px 12px;
    background: #ffce09 !important;
    font-size: 10px;
    font-weight: 500;
    color: #FFF;
    text-transform: uppercase;
}

    .blogroll .tag-magic:after {
        top: 100%;
        left: 0;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-top: 100px solid #ffce09 !important;
        border-right: 100px solid transparent;
        transform: scale(.15) translate(-285px, -320px);
    }

.blogroll .tag-currentevents {
    /*background: url(../../docs/assets/img/tag_health.png);*/
    position: absolute;
    top: 8px;
    left: 16px;
    z-index: 2;
    padding: 4px 12px;
    background: #333 !important;
    font-size: 10px;
    font-weight: 500;
    color: #FFF;
    text-transform: uppercase;
}

    .blogroll .tag-currentevents:after {
        top: 100%;
        left: 0;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-top: 100px solid #333 !important;
        border-right: 100px solid transparent;
        transform: scale(.15) translate(-285px, -320px);
    }

.blogroll .tag-lifestyle {
    /*background: url(../../docs/assets/img/tag_health.png);*/
    position: absolute;
    top: 8px;
    left: 16px;
    z-index: 2;
    padding: 4px 12px;
    background: #17c298 !important;
    font-size: 10px;
    font-weight: 500;
    color: #FFF;
    text-transform: uppercase;
}

    .blogroll .tag-lifestyle:after {
        top: 100%;
        left: 0;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-top: 100px solid #17c298 !important;
        border-right: 100px solid transparent;
        transform: scale(.15) translate(-285px, -320px);
    }

.blogroll .tag-food {
    /*background: url(../../docs/assets/img/tag_health.png);*/
    position: absolute;
    top: 8px;
    left: 16px;
    z-index: 2;
    padding: 4px 12px;
    background: #a28243 !important;
    font-size: 10px;
    font-weight: 500;
    color: #FFF;
    text-transform: uppercase;
}

    .blogroll .tag-food:after {
        top: 100%;
        left: 0;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-top: 100px solid #a28243 !important;
        border-right: 100px solid transparent;
        transform: scale(.15) translate(-285px, -320px);
    }

.blogroll .tag-fashion {
    /*background: url(../../docs/assets/img/tag_health.png);*/
    position: absolute;
    top: 8px;
    left: 16px;
    z-index: 2;
    padding: 4px 12px;
    background: #f311b1 !important;
    font-size: 10px;
    font-weight: 500;
    color: #FFF;
    text-transform: uppercase;
}

    .blogroll .tag-fashion:after {
        top: 100%;
        left: 0;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-top: 100px solid #f311b1 !important;
        border-right: 100px solid transparent;
        transform: scale(.15) translate(-285px, -320px);
    }


.blogroll .tag-fashion {
    /*background: url(../../docs/assets/img/tag_health.png);*/
    position: absolute;
    top: 8px;
    left: 16px;
    z-index: 2;
    padding: 4px 12px;
    background: #f311b1 !important;
    font-size: 10px;
    font-weight: 500;
    color: #FFF;
    text-transform: uppercase;
}

    .blogroll .tag-fashion:after {
        top: 100%;
        left: 0;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-top: 100px solid #f311b1 !important;
        border-right: 100px solid transparent;
        transform: scale(.15) translate(-285px, -320px);
    }



.blogroll .tag-oddity {
    /*background: url(../../docs/assets/img/tag_health.png);*/
    position: absolute;
    top: 8px;
    left: 16px;
    z-index: 2;
    padding: 4px 12px;
    background: #ff0000 !important;
    font-size: 10px;
    font-weight: 500;
    color: #FFF;
    text-transform: uppercase;
}

    .blogroll .tag-oddity:after {
        top: 100%;
        left: 0;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-top: 100px solid #ff0000 !important;
        border-right: 100px solid transparent;
        transform: scale(.15) translate(-285px, -320px);
    }


.blogroll .tag-#dearyou {
    /*background: url(../../docs/assets/img/tag_health.png);*/
    position: absolute;
    top: 8px;
    left: 16px;
    z-index: 2;
    padding: 4px 12px;
    background: #ff00c0 !important;
    font-size: 10px;
    font-weight: 500;
    color: #FFF;
    text-transform: uppercase;
}

    .blogroll .tag-#dearyou:after {
        top: 100%;
        left: 0;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-top: 100px solid #ff00c0 !important;
        border-right: 100px solid transparent;
        transform: scale(.15) translate(-285px, -320px);
    }

.blogroll .tag-category-default {
    /*background: url(../../docs/assets/img/tag_health.png);*/
    position: absolute;
    top: 8px;
    left: 16px;
    z-index: 2;
    padding: 4px 12px;
    background: #ff00c0;
    font-size: 10px;
    font-weight: 500;
    color: #FFF;
    text-transform: uppercase;
}

    .blogroll .tag-category-default:after {
        top: 100%;
        left: 0;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-top: 100px solid #ff00c0;
        border-right: 100px solid transparent;
        transform: scale(.15) translate(-285px, -320px);
    }


.blogroll--count {
    margin: 0 0 40px 0;
    padding: 0;
    list-style: none;
}

    .blogroll--count li {
        padding-bottom: 16px;
        margin-bottom: 16px;
        border-bottom: 1px solid #DDD;
        cursor: pointer;
        letter-spacing: 1px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

        .blogroll--count li span {
            font-size: 14px;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

        .blogroll--count li small {
            float: right;
            font-size: 14px;
            font-weight: 500;
            text-align: right;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

        .blogroll--count li:hover {
            border-bottom: 1px solid #1a1a1a;
        }

            .blogroll--count li:hover span,
            .blogroll--count li:hover small {
                color: #1a1a1a;
                font-weight: 500;
            }

.search {
    position: relative;
    margin-bottom: 32px;
}

    .search input[type="text"] {
        width: 100%;
        padding: 16px 40px 16px 16px;
        background: #FFF;
        border: 1px solid #f0f0f0;
        font-size: 12px;
        text-transform: uppercase;
        color: #999;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

        .search input[type="text"]:hover,
        .search input[type="text"]:focus {
            outline: none;
            border: 1px solid #CCC;
            color: #888;
        }

    .search button {
        position: absolute;
        bottom: 16px;
        right: 16px;
        background: transparent;
        border: none;
        opacity: .3;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

        .search button:hover,
        .search button:focus {
            opacity: 1;
            background: transparent;
        }

.blogroll--pagination {
    margin: 56px auto 0 auto;
    padding: 0;
    list-style: none;
    color: #CCC;
    text-align: center;
}

    .blogroll--pagination li {
        display: inline-block;
    }

        .blogroll--pagination li:after {
            content: '/';
        }

        .blogroll--pagination li:last-child:after {
            content: '';
        }

        .blogroll--pagination li a {
            display: inline-block;
            padding: 0 16px;
            font-size: 12px;
            color: #666;
            text-decoration: none;
            letter-spacing: 2px;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

            .blogroll--pagination li a:hover {
                font-weight: 500;
                color: #1a1a1a;
            }

.disabled {
    opacity: .5;
    pointer-events: none;
}

/* SHOWS */

.shows {
    padding: 80px 0 0 0;
    background: url(../../docs/assets/img/bg_shows.jpg) center center no-repeat;
    background-size: cover;
}

    .shows h1 {
        font-size: 20px;
        font-weight: 500;
        color: #1a1a1a;
        margin-bottom: 40px;
        letter-spacing: 1px;
    }

        .shows h1:before {
            /*content: url(../../docs/assets/img/icon_shows.png);*/
            margin-right: 16px;
            vertical-align: middle;
            position: relative;
            top: 2px;
        }

    .shows .tag-live {
        /*background: url(../../docs/assets/img/tag_video.png);*/
        position: relative;
        display: inline-block;
        top: -16px;
        left: 0;
        width: 120px;
        margin: 0;
        padding: 8px 0;
        background: #f75607;
        font-size: 14px;
        font-weight: 500;
        color: #ffff01;
        text-align: center;
    }

        .shows .tag-live:after {
            top: 100%;
            left: 0;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-top: 20px solid #f75607;
            border-right: 20px solid transparent;
        }

.shows--tabs {
    margin: 0 0 80px 41px;
    padding: 0;
    list-style: none;
}

    .shows--tabs li {
        cursor: pointer;
    }

        .shows--tabs li a {
            display: block;
            padding-bottom: 12px;
            margin-bottom: 12px;
            border-bottom: 1px dashed rgba(0,0,0,.1);
            font-size: 14px;
            color: #1a1a1a;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 1px;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

            .shows--tabs li a:hover {
                font-weight: 500;
            }


            .shows--tabs li a i {
                margin-left: 8px;
                opacity: 0;
                -webkit-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
            }

        .shows--tabs li:hover a i {
            margin-left: 24px;
            opacity: 1;
        }

.shows .tab--content {
    color: #1a1a1a;
    padding-bottom: 80px;
}

.tab--content .show-title {
    margin-bottom: 40px;
}

.shows .tab--content h2 {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 32px;
}

.tab--content h3 {
    margin: 16px 0 0 0;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .3px;
    text-transform: uppercase;
}

.tab--content article {
    margin-bottom: 40px;
    font-size: 15px;
    font-weight: 300;
}

.tab--content .station-dj {
    padding-right: 0;
    padding-left: 0;
    letter-spacing: .3px;
}

    .tab--content .station-dj h2 {
        font-size: 13px;
        font-weight: 500;
        text-transform: uppercase;
    }

    .tab--content .station-dj ul {
        margin: 8px 0 0 0;
        padding: 0;
        list-style: none;
    }

        .tab--content .station-dj ul li {
            display: inline-block;
            margin-right: 4px;
        }

            .tab--content .station-dj ul li .fa-facebook {
                padding: 10px 10px;
                width: 35px;
                background: #3c5a99;
                color: #FFF;
                text-align: center;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                -webkit-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
            }

            .tab--content .station-dj ul li .fa-twitter {
                padding: 10px 10px;
                width: 35px;
                background: #64a8f2;
                color: #FFF;
                text-align: center;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                -webkit-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
            }

            .tab--content .station-dj ul li .fa-instagram {
                padding: 10px 10px;
                width: 35px;
                background: #294861;
                color: #FFF;
                text-align: center;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                -webkit-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
            }

                .tab--content .station-dj ul li .fa-facebook:hover,
                .tab--content .station-dj ul li .fa-twitter:hover,
                .tab--content .station-dj ul li .fa-instagram:hover {
                    background: #ffff01;
                    color: #333;
                }

.tab--img {
    text-align: center;
}

    .tab--img img {
        max-height: 590px;
        vertical-align: bottom;
    }

.no-record {
    padding: 0 240px 80px 240px;
    text-align: center;
}

    .no-record h2 {
        margin: 32px 0 8px 0;
        font-size: 32px;
        font-weight: bold;
        color: #fd0315;
    }

    .no-record p {
        font-size: 24px;
        color: #888;
    }

        .no-record p small {
            font-size: 13px;
            color: #BBB;
        }


/* PROMOS AND EVENTS */

.promos-and-events {
    padding: 80px 0;
    background: url(../../docs/assets/img/bg_promos.jpg) top center no-repeat;
    background-size: cover;
}

    .promos-and-events h1 {
        padding-bottom: 16px;
        border-bottom: 1px solid #333;
        font-size: 20px;
        font-weight: 500;
        color: #FCFCFC;
        letter-spacing: 1px;
    }

    .promos-and-events .tag-featured {
        /*background: url(../../docs/assets/img/tag_video.png);*/
        position: absolute;
        top: 8px;
        left: 8px;
        padding: 4px 12px;
        background: #f30d13;
        font-size: 10px;
        font-weight: 500;
        color: #FFF;
        text-transform: uppercase;
    }

.SubArticleContent .related-post .tag-featured {
    /*background: url(../../docs/assets/img/tag_video.png);*/
    position: absolute;
    top: 24px;
    left: 8px;
    padding: 4px 12px;
    background: #f30d13;
    font-size: 10px;
    font-weight: 500;
    color: #FFF;
    text-transform: uppercase;
}

.promos-and-events .tag-featured:after {
    top: 100%;
    left: 0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top: 100px solid #f30d13;
    border-right: 100px solid transparent;
    transform: scale(.15) translate(-285px, -320px);
}

/* MEDIA */

.social-media {
    padding: 80px 0 0 0;
    background: url(../../docs/assets/img/bg_media.jpg) center center no-repeat;
    background-size: cover;
}

    .social-media h1 {
        font-size: 20px;
        font-weight: 500;
        color: #fcfcfc;
        margin-bottom: 40px;
        letter-spacing: 1px;
    }

        .social-media h1:before {
            /*content: url(../../docs/assets/img/icon_media.png);*/
            margin-right: 16px;
            vertical-align: middle;
            position: relative;
            top: 2px;
        }

.media--tabs {
    margin: 0 0 80px 41px;
    padding: 0;
    list-style: none;
}

    .media--tabs li {
        cursor: pointer;
    }

        .media--tabs li a {
            display: block;
            padding-bottom: 12px;
            margin-bottom: 12px;
            border-bottom: 1px dashed rgba(0,0,0,.1);
            font-size: 14px;
            color: #fcfcfc;
            text-decoration: none;
            letter-spacing: 1px;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

            .media--tabs li a:hover {
                font-weight: 500;
            }

            .media--tabs li a i {
                margin-left: 8px;
                opacity: 0;
                -webkit-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
            }

        .media--tabs li:hover a i {
            margin-left: 24px;
            opacity: 1;
        }

.social-media .tab--content {
    color: #fcfcfc !important;
    padding-bottom: 80px;
}

    .social-media .tab--content h2 {
        margin-top: 16px;
        font-size: 48px;
        text-transform: lowercase;
    }

.social-media .tag-fb {
    position: relative;
    display: inline-block;
    top: 0;
    left: 0;
    margin: 0;
    padding: 8px 16px;
    background: rgba(0,0,0,.12);
    font-size: 12px;
    font-weight: 500;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
}

    .social-media .tag-fb:after {
        top: 100%;
        left: 0;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-top: 16px solid rgba(0,0,0,.12);
        border-right: 16px solid transparent;
    }

.social-media .tag-tw {
    position: relative;
    display: inline-block;
    top: 0;
    left: 0;
    margin: 0;
    padding: 8px 16px;
    background: rgba(0,0,0,.12);
    font-size: 12px;
    font-weight: 500;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
}

    .social-media .tag-tw:after {
        top: 100%;
        left: 0;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-top: 16px solid rgba(0,0,0,.12);
        border-right: 16px solid transparent;
    }

.social-media .tag-ig {
    position: relative;
    display: inline-block;
    top: 0;
    left: 0;
    margin: 0;
    padding: 8px 16px;
    background: rgba(0,0,0,.12);
    font-size: 12px;
    font-weight: 500;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
}

    .social-media .tag-ig:after {
        top: 100%;
        left: 0;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-top: 16px solid rgba(0,0,0,.12);
        border-right: 16px solid transparent;
    }

.social-media .tab--content p {
    margin: 16px 0;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: .3px;
}

    .social-media .tab--content p b {
        font-weight: 400;
        color: rgba(255,255,255,.5);
    }

.fb-feeds {
    max-height: 405px;
    padding: 0px;
    font-size: 11px;
    color: #3c5a99;
    overflow: auto;
}


/* FOOTER */

footer {
    padding: 56px 0;
}

    footer ul {
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }

        footer ul li {
            margin-right: 24px;
            display: inline-block;
        }

            footer ul li:last-child {
                float: right;
            }

            footer ul li img {
                margin-right: 4px;
            }

    footer span {
        display: inline-block;
        vertical-align: middle;
        margin-left: 8px;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: .3px;
    }

    footer a {
        color: #AAA;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

        footer a:hover {
            text-decoration: none;
            font-weight: 500;
            color: #555;
        }

    footer img {
        max-width: 100%;
    }

/* Social Media Share */

.social-media-share {
    border-top: 1px dashed rgba(0,0,0,.1);
    padding-top: 24px;
    margin-top: 40px;
}

.fbShare-article,
.fbShare-blogRoll,
.fbShare-promos {
    position: relative;
    padding: 8px 16px;
    background: #FFF;
    border: 1px solid #EEE;
    font-size: 10px;
    color: #666;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .fbShare-article b,
    .fbShare-blogRoll b,
    .fbShare-promos b {
        color: #3c5a98;
    }

    .fbShare-article:hover,
    .fbShare-article:focus,
    .fbShare-blogRoll:hover,
    .fbShare-blogRoll:focus,
    .fbShare-promos:hover,
    .fbShare-promos:focus {
        color: #666;
        background: #f8f8f8;
        text-decoration: none;
    }


.twShare-article,
.twShare-blogRoll,
.twShare-promos {
    position: relative;
    padding: 8px 16px;
    background: #FFF;
    border: 1px solid #EEE;
    font-size: 10px;
    color: #666;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .twShare-article b,
    .twShare-blogRoll b,
    .twShare-promos b {
        color: #1da1f2;
    }

    .twShare-article:hover,
    .twShare-article:focus,
    .twShare-blogRoll:hover,
    .twShare-blogRoll:focus,
    .twShare-promos:hover,
    .twShare-promos:focus {
        color: #666;
        background: #f8f8f8;
        text-decoration: none;
    }

/* Sub Article */

#SubArticle .container {
    width: 1024px;
}

#SubArticle header {
    padding: 16px 0;
}

.LogoHolder {
    float: left;
}

    .LogoHolder img {
        width: 70%;
    }

.HeaderTitle {
    padding: 141px 0 40px 0;
    background: url(../../docs/assets/img/bg_shows.jpg) center center no-repeat;
    background-size: cover;
    border-bottom: 4px solid rgba(0,0,0,.05);
}

    .HeaderTitle a {
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
        font-weight: bold;
        color: rgba(0,0,0,.5);
        text-transform: uppercase;
    }

        .HeaderTitle a i {
            margin-right: 8px;
        }

    .HeaderTitle h1 {
        padding: 16px 0;
        display: inline-block;
        vertical-align: middle;
        margin: 0 16px;
        padding: 0 16px;
        background: transparent !important;
        border-left: 1px dashed rgba(0,0,0,.2);
        border-right: 1px dashed rgba(0,0,0,.2);
        font-size: 24px;
        font-weight: bold;
        color: #111;
        letter-spacing: 1px;
    }

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

        .HeaderTitle ul li {
            display: inline-block;
            margin-right: 8px;
        }

            .HeaderTitle ul li a {
                font-size: 16px;
            }

#SubArticle img {
    max-width: 100%;
}

.SubArticleContent {
    padding: 80px 0;
    background: #fcfcfc;
    border-bottom: 1px solid rgba(0,0,0,.03);
}

    .SubArticleContent h1 {
        margin-bottom: 24px;
        font-family: 'Roboto Slab';
        font-size: 48px;
        font-weight: 500;
        color: #333;
    }

    .SubArticleContent #content p {
        margin-bottom: 16px;
        font-size: 16px !important;
    }

    .SubArticleContent .tag {
        position: absolute;
        top: -32px;
        left: 0;
        padding: 4px 12px;
        background: #DDD;
        font-size: 10px;
        font-weight: 500;
        color: #888;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

        .SubArticleContent .tag:after {
            top: 100%;
            left: 0;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-top: 100px solid #DDD;
            border-right: 100px solid transparent;
            transform: scale(.15) translate(-285px, -320px);
        }

    .SubArticleContent .related-post {
        padding: 24px;
        margin-bottom: 24px;
        background: #FFF;
        border: 1px solid rgba(0,0,0,.05);
    }

        .SubArticleContent .related-post ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .SubArticleContent .related-post h1 {
            padding-bottom: 24px;
            font-size: 24px;
            border-bottom: 1px dashed rgba(0,0,0,.1);
        }

            .SubArticleContent .related-post h1 i {
                margin-right: 16px;
            }

        .SubArticleContent .related-post ul li {
            position: relative;
            margin-bottom: 16px;
            padding-bottom: 16px;
            border-bottom: 1px solid rgba(0,0,0,.1);
        }

            .SubArticleContent .related-post ul li:last-child {
                margin-bottom: 0;
                padding-bottom: 0;
                border: none;
            }

            .SubArticleContent .related-post ul li h4 {
                font-size: 16px;
                color: #333;
                text-transform: uppercase;
            }

            .SubArticleContent .related-post ul li p {
                margin: 0;
                font-size: 14px;
            }

            .SubArticleContent .related-post ul li a {
                font-size: 11px;
                font-weight: 500;
                text-transform: uppercase;
                letter-spacing: 1px;
                color: #333;
            }

            .SubArticleContent .related-post ul li .blog-img {
                width: 100%;
                height: 145px;
                overflow: hidden;
                background: #000;
            }

    .SubArticleContent .ads img {
        max-width: 100%;
    }

.UStreamLive {
    padding: 80px 0;
    background: #3388ff;
    color: #FFF;
    text-align: center;
}

    .UStreamLive h4,
    .PromosEvents h4 {
        display: inline-block;
        vertical-align: middle;
        padding: 16px 16px 16px 0;
        margin-right: 16px;
        border-right: 1px dashed rgba(255,255,255,.3);
        font-size: 12px;
        font-weight: 500;
    }

    .UStreamLive a,
    .PromosEvents a {
        display: inline-block;
        vertical-align: middle;
        padding: 8px 16px;
        background: #FFF;
        font-size: 11px;
        font-weight: normal;
        color: #666;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

        .UStreamLive a b,
        .PromosEvents a b {
            font-weight: bold;
        }

        .UStreamLive a:hover,
        .PromosEvents a:hover {
            background: #f5f5f5;
            text-decoration: none;
        }

    .UStreamLive i,
    .PromosEvents i {
        margin-right: 16px;
    }

.UstreamContent {
    padding: 40px 0;
}

.PromosEvents {
    padding: 80px 0;
    background: url(../../docs/assets/img/bg_promos.jpg) top center no-repeat;
    background-size: cover;
    text-align: center;
    color: #FFF;
}

.LiveStream {
    padding: 16px;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .LiveStream .MusicPlayer {
        position: relative;
        left: -95px;
        margin-left: 50%;
    }




.mix .blog-title {
    background: #fff !important;
}

    .mix .blog-title h2 {
        color: #fff !important;
    }

.blogroll .blog-title-fashion {
    background: #f311b1 !important;
}

.blogroll .blog-title-oddity {
    background: #ff0000 !important;
}

.blogroll .blog-title-#dearyou {
    background: #ff00c0 !important;
}

.blogroll .blog-title-food {
    background: #a28243 !important;
}

.blogroll .blog-title-lifestyle {
    background: #17c298 !important;
}

.blogroll .blog-title-currentevents {
    background: #333 !important;
}

.blogroll .blog-title-magic {
    background: #ffce09 !important;
}

.blogroll .blog-title-media {
    background: #14bee8 !important;
}

.blogroll .blog-title-celebrity {
    background: #560d94 !important;
}

.blogroll .blog-title-sports {
    background: #f30d13 !important;
}

.blogroll .blog-title-technology {
    background: #3d81f1 !important;
}

.blogroll .blog-title-music {
    background: #f75607 !important;
}


.embedFrame {
    width: 100%;
    height: 1140px;
    overflow: hidden;
    margin-top: 32px;
}

/*zeno widget*/
.zeno-holder {
    background: #fff;
    margin-top: 24px;
    width: 100%;
    max-width: 851px;
}

    .zeno-holder .text {
        color: #14bee8;
        margin-left: 8px;
        font-size: 13px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

        .zeno-holder .text:hover {
            color: #3388ff;
            text-decoration: none;
        }

.main-banner {
    margin-top: 24px !important;
}

/*Listen to live zeno*/
@font-face {
    font-family: 'Larsseit';
    src: url(../fonts/Larsseit.ttf);
}

.zeno-page {
    font-family: 'Larsseit';
    font-size: 16px;
    color: #111;
}

.ZenoStream {
}

    .ZenoStream .zeno-bg {
        height: 535px;
        width: 100%;
        overflow: hidden;
        position: relative;
    }

        .ZenoStream .zeno-bg:before {
            content: '';
            background: rgba(0, 0, 0, .8);
            position: absolute;
            top: 0px;
            left: 0px;
            height: 100%;
            width: 100%;
            z-index: 2;
        }

        .ZenoStream .zeno-bg img {
            object-fit: cover;
            object-position: center;
            z-index: 1;
            transform: scale(1.5);
            -ms-transform: scale(1.5); /* IE 9 */
            -moz-transform: scale(1.5); /* Firefox */
            -webkit-transform: scale(1.5); /* Safari and Chrome */
            -o-transform: scale(1.5); /* Opera */
            margin-top: -70px;
        }

    .ZenoStream .content-holder {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        z-index: 3;
        margin-bottom: 60px;
    }

        .ZenoStream .content-holder .title {
            font-family: 'Larsseit';
            color: #fff;
            font-size: 30px;
        }

        .ZenoStream .content-holder .logo {
            width: 224px;
            margin-top: 32px;
            margin-bottom: 24px;
        }

        .ZenoStream .content-holder .button-holder {
            height: 64px;
            width: 163px;
            margin: 0 auto;
            background: #ffffff;
            border-radius: 32px;
            /*  padding-top: 16px;*/
            position: relative;
            display: flex;
            flex-direction: row;
        }

            .ZenoStream .content-holder .button-holder .button-item {
                flex: 1 1 auto;
                /*display: inline-block;*/
                /*padding: 16px 20px;

                 border: 1px solid #000;*/
                height: 64px;
                width: 66px;
                position: relative;
            }

                .ZenoStream .content-holder .button-holder .button-item:first-child {
                    /*border-right: 1px solid rgba(40,40,42,0.1);*/
                }

                    .ZenoStream .content-holder .button-holder .button-item:first-child:after {
                        content: '';
                        display: block;
                        position: absolute;
                        right: 0px;
                        width: 1px;
                        height: 28px;
                        top: 30%;
                        background: rgba(40,40,42,0.1);
                    }

                .ZenoStream .content-holder .button-holder .button-item:hover {
                    text-decoration: none;
                }

                .ZenoStream .content-holder .button-holder .button-item i {
                    color: #bfbfbf;
                    font-size: 24px;
                    -webkit-transition: all .3s ease-in-out;
                    -moz-transition: all .3s ease-in-out;
                    transition: all .3s ease-in-out;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    text-align: center;
                }

                .ZenoStream .content-holder .button-holder .button-item:hover i {
                    color: #535355
                }

                .ZenoStream .content-holder .button-holder .button-item.button-share:hover + .social-share-holder,
                .ZenoStream .content-holder .button-holder .social-share-holder:hover {
                    display: block;
                }

            .ZenoStream .content-holder .button-holder .social-share-holder {
                display: none;
                position: absolute;
                z-index: 100;
                left: 50%;
                top: -84px;
                border-radius: 8px;
                padding: 20px;
                background: #18181A;
                border: 1px solid rgba(255,255,255,0.16);
                transform: translate3d(-50%,0,0);
                white-space: nowrap;
                text-align: left;
                margin-bottom: 24px;
            }

                .ZenoStream .content-holder .button-holder .social-share-holder .content {
                }

                .ZenoStream .content-holder .button-holder .social-share-holder .text {
                    color: #fff;
                    font-size: 18px;
                }

                .ZenoStream .content-holder .button-holder .social-share-holder .social-item {
                    color: rgba(255,255,255,0.4);
                    font-size: 16px;
                    text-decoration: none;
                    margin-right: 16px;
                    -webkit-transition: all .3s ease-in-out;
                    -moz-transition: all .3s ease-in-out;
                    transition: all .3s ease-in-out;
                }

                    .ZenoStream .content-holder .button-holder .social-share-holder .social-item:hover {
                        color: #fff;
                    }

.zeno-page .magic-description {
    margin-top: 48px;
    padding: 27px 24px 14px;
    border-radius: 10px;
    font-size: 16px;
    margin-bottom: 30px;
    background: #FFFFFF;
    box-shadow: 0 2px 8px 0 rgba(40,40,42,0.08);
    border-radius: 4px;
}

    .zeno-page .magic-description .logo-holder {
        border-radius: 50%;
        overflow: hidden;
    }

    .zeno-page .magic-description .title {
        font-size: 24px;
        font-family: 'Larsseit';
    }

.zeno-page .tri-column-holder {
    margin-top: 24px;
}

    .zeno-page .tri-column-holder .tri-column-item {
        font-family: 'Larsseit';
        padding: 28px 0px;
        border-radius: 10px;
        font-size: 16px;
        background: #FFFFFF;
        box-shadow: 0 2px 8px 0 rgba(40,40,42,0.08);
        border-radius: 4px;
    }

        .zeno-page .tri-column-holder .tri-column-item .title {
            font-size: 24px;
            font-family: 'Larsseit';
            padding: 0px 24px;
            font-weight: bold;
        }


        .zeno-page .tri-column-holder .tri-column-item .photo-holder {
            height: 172px;
            width: 100%;
        }

            .zeno-page .tri-column-holder .tri-column-item .photo-holder img {
                /*object-fit: contain;*/
                height: 172px;
                width: 100%;
            }

        .zeno-page .tri-column-holder .tri-column-item .text {
            font-size: 16px;
            font-family: 'Larsseit';
            padding: 0px 24px;
            margin-top: 24px;
        }


        .zeno-page .tri-column-holder .tri-column-item .button-holder {
            padding: 0px 24px;
            margin-top: 32px;
            margin-bottom: 16px;
        }

            .zeno-page .tri-column-holder .tri-column-item .button-holder .btn-item {
                color: #28282A;
                font-weight: bold;
                background: #F5AB19;
                border-radius: 26px;
                font-size: 16px;
                text-align: center;
                border: 0;
                padding: 10px 24px;
                -webkit-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
            }

                .zeno-page .tri-column-holder .tri-column-item .button-holder .btn-item:hover {
                    text-decoration: none;
                }

        .zeno-page .tri-column-holder .tri-column-item .social-holder {
            padding: 0px 24px;
            margin-top: 16px;
        }

            .zeno-page .tri-column-holder .tri-column-item .social-holder .social-item {
                color: #000;
                display: block;
                padding: 16px 0px;
                border-bottom: 1px solid rgba(40,40,42,0.1);
                font-weight: 500;
                -webkit-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
            }

                .zeno-page .tri-column-holder .tri-column-item .social-holder .social-item:last-child {
                    border-bottom: unset;
                }

                .zeno-page .tri-column-holder .tri-column-item .social-holder .social-item:hover {
                    color: #F5AB19;
                    text-decoration: none;
                }

                .zeno-page .tri-column-holder .tri-column-item .social-holder .social-item i {
                    margin-right: 8px;
                    font-size: 18px;
                }


        .zeno-page .tri-column-holder .tri-column-item.item-black-bg {
            background: #101011;
            color: #fff;
            text-align: center;
        }

            .zeno-page .tri-column-holder .tri-column-item.item-black-bg .title {
                color: #fff;
            }

            .zeno-page .tri-column-holder .tri-column-item.item-black-bg .qr-holder {
                width: 200px;
                height: 200px;
                border-radius: 8px;
                overflow: hidden;
            }

                .zeno-page .tri-column-holder .tri-column-item.item-black-bg .qr-holder img {
                    width: 100%;
                }

.item-black-bg .download {
    margin-top: 32px;
}

    .item-black-bg .download > * {
        align-self: center;
    }

    .item-black-bg .download > .row > * {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .item-black-bg .download .download-item {
        background: rgba(40,40,42, .8);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        display: block;
        color: #fff;
    }

        .item-black-bg .download .download-item:hover {
            opacity: .8;
            text-decoration: none;
        }

        .item-black-bg .download .download-item i {
            font-size: 32px;
            margin-top: 8px;
            margin-left: 8px;
        }

        .item-black-bg .download .download-item:hover {
            background: rgba(40,40,42, .8);
        }

        .item-black-bg .download .download-item .text-sm {
            font-size: 16px;
        }

            .item-black-bg .download .download-item .text-sm span {
                font-size: 12px;
                color: rgba(255, 255, 255, .8);
            }

/*zeno widget*/


/* Medium devices (landscape tablets, 991px and down to 600px) */
@media only screen and (max-width: 991px) {

    #SubArticle .container {
        width: 100%;
    }
}

/* Extra small devices (phones, 760px and down) */
@media only screen and (max-width: 760px) {

    .zeno-page .magic-description .logo-holder {
        width: 120px;
    }
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

    .ZenoStream .zeno-bg {
        height: 400px;
    }

        .ZenoStream .zeno-bg img {
            width: auto;
            max-width: unset;
        }

    .ZenoStream .content-holder .title {
        font-size: 24px;
    }

    .ZenoStream .content-holder .logo {
        display: block;
        width: 180px;
    }

    .zeno-page .tri-column-holder .tri-column-item .photo-holder img {
        display: block;
    }

    .zeno-page .tri-column-holder .tri-column-item.item-black-bg .qr-holder img {
        display: block;
    }
}


/* Extra small devices (phones, 360px and down) */
@media only screen and (max-width: 420px) {
    .ZenoStream .zeno-bg img {
   
        max-width: unset !important;
    }
}