@font-face {
    font-family: SegoeUiIE ;
	src: url("../fonts/segoeui.eot");
}
@font-face {
    font-family: SegoeUi ;
	src: url("../fonts/segoeui.ttf");
}
@font-face {
    font-family: SegoeUiLightIE ;
	src: url("../fonts/segoeuil.eot");
}
@font-face {
    font-family: SegoeUiLight ;
	src: url("../fonts/segoeuil.ttf");
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 14pt;
    cursor: default;
    font-family: 'Segoe UI', SegoeUiIE, SegoeUi, Arial, Helvetica, Sans-Serif;
}

a {
    color: #1e9f00;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1 {
    font-weight: normal;
    margin: 0;
    padding: 0 12px;
    font-size: 22pt;
    line-height: 50px;
    white-space: nowrap;
}

h1.Episode, h1.Article {
    margin: 0;
    padding: 0;
    font-size: 38pt;
    white-space: normal;
    font-weight: normal;
    display: block !important;
}

h2 {
    margin: 0;
    padding: 0;
    font-size: 32pt;
    font-weight: normal;
}

h3 {
    margin: 0;
    padding: 0;
    font-size: 18pt;
    font-weight: bold;
    font-family: SegoeUiLightIE, SegoeUiLight, Arial;
}

h4 {
    margin: 0;
    padding: 0;
    font-size: 14pt;
    font-weight: normal;
    font-family: SegoeUiLightIE, SegoeUiLight, Arial;
}

h5 {
    margin: 0;
    padding: 0;
}

fieldset.Advertisement.Responsive {
    width: calc(100% - 48px);
    overflow: hidden;
}

fieldset.Advertisement.Responsive legend {
    text-transform: lowercase;
}

.google-auto-placed.ap_container {
    margin: 36px 0;
}

#uBmbTracking {
    display: none;
}











/* ----- DELETE THIS CONTENT ----- */

.MainRow .ContentColumn h1, .ReviewLinex {

    display: none;

}

.TileGarden hr {

    color: white;

    height: 48px;

    border: 0;

}











/* ----- HEADER ROW ----- */

.HeaderRow {

    top: 0;

    position: fixed;

    height: 50px;

    color: white;

    width: calc(100%);

    background-color: #4d4d4d;

    z-index: 2147483647;

}

.HeaderRow .Hamburger {

    width: 50px;

    height: 50px;

    cursor: pointer;

    background: #1e9f00 url('../images/menu/hamburger.png') center center no-repeat;

}

.HeaderRow .ContentColumn {

    float: right;

    width: calc(100% - 50px);

}
.SunValley .HeaderRow {

    background: transparent;

    box-shadow: 0 0 5px rgb(0 0 0 / 25%);

}
.SunValley .HeaderRow .ContentColumn {
    background-color: rgba(255,255,255,0.75);

    backdrop-filter: blur(15px) saturate(1.5);

    -webkit-backdrop-filter: blur(15px) saturate(1.5);

}

.SunValley .HeaderRow .ContentColumn h1 {

    color: #2b2b2b;

}

.SunValley .MainRow .MenuColumn {

    background: #2b2b2b url('../images/menu/background.jpg') center center;

}

.SunValley .MainRow .MenuColumn .MainMenuRow,

.SunValley .MainRow .MenuColumn .SubMenuRow {

    background-color: rgba(43,43,43,0.65);

    backdrop-filter: blur(15px) saturate(1.5);

    -webkit-backdrop-filter: blur(15px) saturate(1.5);

}



.LoginPanel2 {

    height: 100%;

    display: none;

    z-index: 2147483647;

}

.SunValley .LoginPanel2 {

    display: block;

}

.LoginPanel2 .LeftPanel, .LoginPanel2 .RightPanel {

    float: left;

    height: 100%;

    width: calc(50% - 300px);

    background-color: rgba(43,43,43,0.65);

    backdrop-filter: blur(15px) saturate(1.5);

    -webkit-backdrop-filter: blur(15px) saturate(1.5);

}

.LoginPanel2 .CenterPanel {

    float: left;

    height: 100%;

    width: 600px;

}

.LoginPanel2 .CenterPanel .TopPannel, .LoginPanel2 .CenterPanel .BottomPanel {

    height: calc(100% - 300px);

    background-color: rgba(43,43,43,0.65);

    backdrop-filter: blur(15px) saturate(1.5);

    -webkit-backdrop-filter: blur(15px) saturate(1.5);

}

.LoginPanel2 .CenterPanel .MiddlePanel {

    height: 600px;

    background-color: orange;

}







/* ----- MAIN ROW ----- */
.MainRow {
    clear: both;
}

.MainRow .ContentColumn .Content {
    padding: 12px 12px 0 12px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.SectionLogo {
    height: 75px;
    margin-left: 6px;
    margin-bottom: 12px;
}










/* ----- INFO ROW ----- */

.InfoRow {

    width: 100%; 

    height: 50px; 

    bottom: 0px; 

    display: none; 

    position: fixed; 

    background-color: #1e9f00;

    color: white;

    font-size: 22pt;

    padding: 0 12px;

    line-height: 50px;

    text-align: center;

}

.HasInfoBar .InfoRow {

    display: block;

}

.InfoRow a {

    color: #fffebd;

}

.InfoRow ~ .MainRow .ContentColumn {

    padding-bottom: 50px;

}









/* ----- MENU COLUMN ----- */

.MainMenuRow {

    height: calc(100% - 100px);

}

.HasInfoBar .MainMenuRow {

    height: calc(100% - 150px);

}

.SubMenuRow {

    height: 60px;

}

.MenuColumn a {

    cursor: pointer;

    height: 50px;

    width: calc(100% - 62px);

    font-size: 18pt;

    color: white;

    display: block;

    padding-left: 62px;

    line-height: 50px;

    background-position: left center;

    background-repeat: no-repeat;

}

.MenuColumn a.HomeMenu {

    background-image: url('../images/menu/home.png');

}

.MenuColumn a.UpStreamMenu {

    background-image: url('../images/menu/news.png');

}

.MenuColumn a.ShowsMenu {

    background-image: url('../images/menu/shows.png');

}

.MenuColumn a.ReviewsMenu {

    background-image: url('../images/menu/reviews.png');

}

.MenuColumn a.DealsMenu {

    background-image: url('../images/menu/deals.png');

}

.MenuColumn a.EventsMenu {

    background-image: url('../images/menu/events.png');

}

.MenuColumn a.SurveysMenu {

    display: none;

    background-image: url('../images/menu/surveys.png');

}

.MenuColumn a.AudioMenu {

    background-image: url('../images/menu/audio.png');

}

.MenuColumn a.VideoMenu {

    background-image: url('../images/menu/video.png');

}

.MenuColumn a.ContestsMenu {

    background-image: url('../images/menu/contests.png');

}

.MenuColumn a.StaffMenu {

    background-image: url('../images/menu/staff.png');

}

.MenuColumn a.ResourceMenu {

    background-image: url('../images/menu/resources.png');

}

.MenuColumn a.SubscribeMenu {

    background-image: url('../images/menu/subscribe.png');

}

.MenuColumn a.UserMenu {

    background-image: url('../images/menu/authenticated.png');

}

.MenuColumn a.UserMenu.Unauthenticated {

    background-image: url('../images/menu/user.png');

}

.MenuColumn a.Retired {

    display: none;

}

.MenuColumn a:hover {

    background-color: #284223;

    text-decoration: none;

}

.MenuColumn a.Selected {

    background-color: #1e9f00;

}











/* ----- GENERAL ----- */

.Strikeout {

    text-decoration: line-through;

}

.FloatLeft {

    float: left;

}

.FloatRight {

    float: right;

}

fieldset {

    clear: both;

}

.Advertisement {

    margin-bottom: 48px;

    border: 1px solid black;

}

.AdUnit {

    margin: 48px 0;

}

.SecondaryNavigation {

    margin-bottom: 12px;

}

.SecondaryNavigation a {

    margin-right: 18px;

}

.SecondaryNavigation a.Selected {

    color: #d2480e;

}

.PaginationControl {

    height: 32px;

    margin: 12px 0 24px 0;

}

.PaginationControl .NewerButton {

    color: black;

    cursor: pointer;

    float: right;

    font-size: 22pt;

    line-height: 32px;

    padding-right: 32px;

    text-decoration: none;

    background: transparent url('../images/buttons/pagination/arrowheadright.png') right center no-repeat;

}

.PaginationControl .NewerButton:hover {

    color: #1e9f00;

    background-image: url('../images/buttons/pagination/arrowheadright-hover.png');

}

.PaginationControl .NewerButton.DisabledButton, .PaginationControl .NewerButton:disabled {

    color: #7c7c7c;

    background-image: url('../images/buttons/pagination/arrowheadright-disabled.png');

}

.PaginationControl .OlderButton {

    color: black;

    cursor: pointer;

    float: left;

    font-size: 22pt;

    line-height: 32px;

    padding-left: 32px;

    text-decoration: none;

    background: transparent url('../images/buttons/pagination/arrowheadleft.png') left center no-repeat;

}

.PaginationControl .OlderButton:hover {

    color: #1e9f00;

    background-image: url('../images/buttons/pagination/arrowheadleft-hover.png');

}

.PaginationControl .OlderButton.DisabledButton {

    color: #7c7c7c;

    background-image: url('../images/buttons/pagination/arrowheadleft-disabled.png');

}

.Spacer {

    clear: both;

}

a.PurchaseLink {

    float: left;

    height: 32px;

    color: white;

    min-width: 64px;

    line-height: 32px;

    margin-right: 25px;

    font-size: 16pt;

    text-align: center;

    padding: 0 10px;

    background-color: #d2480e;

}

a.PurchaseLink:hover {

    background-color: #94330a;

    text-decoration: none;

}

a.PurchaseLink .Price {

    font-size: 10pt;

    padding-left: 5px;

}



h2 .TitleAction {

    float: right;

    font-size: 18pt;

}





.CommandBar {

    height: 50px;

    background-color: #4d4d4d;

}

.CommandBar input[type="submit"] {

    border: 0;

    height: 50px;

    color: white;

    font-size: 18pt;

    cursor: pointer;

    padding-left: 48px;

    margin: 0 24px;

    background-color: transparent;

}

.CommandBar input[type="submit"]:hover {

    background-color: #284223;

}

.CommandBar input[type="submit"] {

    background: transparent url('../images/buttons/commandbar/save.png') left center no-repeat;

}

.CommandBar.Footer {

    bottom: 0;

    left: 250px;

    position: fixed;

    width: calc(100% - 250px);

}





.FullBleed {

    width: 100%;

    max-width: 100%;

}

.Alert {

    min-height: 128px;

    padding: 18px 18px 18px 128px;

    background: #fffebd url('../images/alert.png') left top no-repeat;

}

.Error {

    min-height: 128px;

    padding: 18px 18px 18px 128px;

    background: #f67474 url('../images/alert.png') left top no-repeat;

}

.ErrorText {

    color: #f67474;

    font-weight: bold;

}

.addthis_recommended_horizontal {

    height: 300px;

}



.GroupedList .Group h3 {

    padding: 6px; 

    width: 32px; 

    height: 32px; 

    color: white; 

    font-size: 22pt; 

    background-color: #1e9f00;

}









/* --- HOME (Episodes) ----- */

.HomeEpisodeTile {

    width: 297px;

    height: 500px;

    float: left;

    color: white;

    background-size: cover;

}

.HomeEpisodeTile .Spacer {

    height: 300px;

}

.HomeEpisodeTile img {

    display: none;

    margin: 0;

    width: 297px;

}

.HomeEpisodeTile header {

    padding: 0 12px;

    width: calc(100% - 24px);

}

.HomeEpisodeTile h2 {

    height: 52px;

    font-size: 16pt;

    line-height: 26px;

    padding: 0;

}

.HomeEpisodeTile h3 {

    height: 102px;

    font-size: 22pt;

    line-height: 34px;

}
.HomeEpisodeTile p {

    height: 125px;

    margin: 0;

    display: none;

    font-size: 12pt;

    padding: 12px 12px 0 12px;

    width: calc(100% - 24px);

}

.HomeEpisodeTile a {
    padding: 6px 46px 10px 12px;

    width: calc(100% - 58px);



    display: none;

    color: white;
    font-size: 14pt;
    margin: 0;

    background-size: 25px;

    background-repeat: no-repeat;

    background-color: transparent;

    background-position: calc(100% - 12px) center;

    background-image: url('../images/buttons/shows/rightlight.png');

}

.HomeEpisodeTile:hover .Spacer {

    display: none;

}

.HomeEpisodeTile:hover img, .HomeEpisodeTile:hover p, .HomeEpisodeTile:hover a {

    display: block;

}

/* series*/

.HomeEpisodeTile.Series1:hover header, .HomeEpisodeTile.Series1:hover p, .HomeEpisodeTile.Series1:hover a {

    background-color: rgba(242,133,0, 0.85);

}

.HomeEpisodeTile.Series3:hover header, .HomeEpisodeTile.Series3:hover p, .HomeEpisodeTile.Series3:hover a {

    background-color: rgba(118,187,36, 0.85);

}

.HomeEpisodeTile.Series9:hover header, .HomeEpisodeTile.Series9:hover p, .HomeEpisodeTile.Series9:hover a {

    background-color: rgba(0,159,156, 0.85);

}

/* --- HOME (Articles) --- */

.HomeArticleTile {

    width: 297px;

    height: 500px;

    float: left;

    color: white;

    background-image: url('/images/news/hometile.png');

}

.HomeArticleTile .LogoImage {

    margin: 0 12px;

    height: 268px;

    width: calc(100% - 24px);

    background-position: center center;

    background-size: contain;

    background-repeat: no-repeat;

}

.HomeArticleTile:hover .LogoImage {

    height: 167px;

}

.HomeArticleTile header {

    padding: 0 12px;

    height: 232px;

    width: calc(100% - 24px);

}
.HomeArticleTile:hover header {
    height: 290px;

}

.HomeArticleTile h2 {

    font-size: 22pt;

    line-height: 34px;

}
.HomeArticleTile:hover h2 {

    font-size: 16pt;

    line-height: 26px;

}
.HomeArticleTile p {

    margin: 0;

    display: none;

    font-size: 12pt;

    padding: 12px 0 0 0;

    width: calc(100% - 24px);

}

.HomeArticleTile:hover p {

    display: block;

}
.HomeArticleTile a {
    padding: 6px 46px 10px 12px;

    width: calc(100% - 58px);



    display: none;

    color: white;
    font-size: 14pt;
    margin: 0;

    background-size: 25px;

    background-repeat: no-repeat;

    background-color: transparent;

    background-position: calc(100% - 12px) center;

    background-image: url('../images/buttons/shows/rightlight.png');

}

.HomeArticleTile:hover a {
    display: block;
}









/* --- HERO IMAGE ----- */

.HeroImagePanel {

    width: 900px;

    height: 338px;

    display: none;

    position: relative;

}

.HeroImagePanel img {

    width: 900px;

    height: 338px;

    position: absolute;

    z-index: 650000;

}

.HeroImagePanel .HeroImageContent {

    color: white;

    width: 900px; 

    height: 338px; 

    position: absolute; 

    z-index: 700000; 

    background-color: rgba(0, 0, 0, 0.45);

}

.HeroImagePanel .HeroImageContent a {

    color: #f38252;

}

.HeroImagePanel .HeroImageContent h1, .HeroImagePanel .HeroImageContent h2 {

    font-size: 36pt;

    text-align: center;

    margin: 24px 24px 0 24px;

}

.HeroImagePanel .HeroImageContent h4 {

    font-size: 24pt;

    margin: 0px 24px;

    text-align: center;

}











/* ----- LIVE STREAM ----- */

.TileGarden .LiveStreamTile {

    width: calc(50% - 36px); 

    height: 150px; 

    float: left; 

    display: block; 

    margin: 0 18px 12px 18px;

    

    background-position: center center;

    background-repeat: no-repeat;

    background-size: contain;

}

    .TileGarden .LiveStreamTile.Livestream {

        background-image: url('/joinus/images/livestream.png');

    }

    .TileGarden .LiveStreamTile.Mixer {

        background-image: url('/joinus/images/mixer.png');

    }

    .TileGarden .LiveStreamTile.Kick {

        background-image: url('/joinus/images/kick.png');

    }

    .TileGarden .LiveStreamTile.Twitch {

        background-image: url('/joinus/images/twitch.png');

    }

    .TileGarden .LiveStreamTile.YouTube {

        background-image: url('/joinus/images/youtube.png');

    } 









/* ----- SOCIAL ----- */

.SocialPanel {

    clear: both;

}

.SocialPanel .SocialLink {

    font-size: 0;

    margin: 12px 12px 0 0;

    padding-top: 32px;

    padding-left: 32px;

    background-repeat: no-repeat;

    background-position: left center;

}

    .SocialPanel .SocialLink.emailSocial {

        background-image: url('//plughitzlive.com/themes/universal/images/social/email.png');

    }

    .SocialPanel .SocialLink.linkedinSocial {

        background-image: url('//plughitzlive.com/themes/universal/images/social/linkedin.png');

    }

    .SocialPanel .SocialLink.facebookSocial {

        background-image: url('//plughitzlive.com/themes/universal/images/social/facebook.png');

    }

    .SocialPanel .SocialLink.twitterSocial {

        background-image: url('//plughitzlive.com/themes/universal/images/social/twitter.png');

    }

    .SocialPanel .SocialLink.elloSocial {

        background-image: url('//plughitzlive.com/themes/universal/images/social/ello.png');

    }

    .SocialPanel .SocialLink.googleplusSocial {

        background-image: url('//plughitzlive.com/themes/universal/images/social/googleplus.png');

    }

    .SocialPanel .SocialLink.youtubeSocial {

        background-image: url('//plughitzlive.com/themes/universal/images/social/youtube.png');

    }

    .SocialPanel .SocialLink.instagramSocial {

        background-image: url('//plughitzlive.com/themes/universal/images/social/instagram.png');

    }











/* ----- COMMENTS ----- */

article.Comment {

    margin-top: 24px;

}

    article.Comment p {

        margin: 0;

    }

.CommentSpacer {

    height: 250px;

}

















.Warning {

    font-size: 18pt;

    color: #d2890e;

}



/* ----- THE UPSTREAM ----- */

article.UpStream {
    margin-bottom: 48px;
}
article.UpStream h3 {
    font-size: 20pt;
    font-weight: bold;
    font-family: 'Segoe UI', SegoeUiIE, SegoeUi, Arial, Helvetica, Sans-Serif;
}
article.UpStream h4 {
    font-size: 16pt;
    font-weight: bold;
    font-family: 'Segoe UI', SegoeUiIE, SegoeUi, Arial, Helvetica, Sans-Serif;
}

    article.UpStream img.ArticleImage {

        float: right;

        max-height: 200px;

        max-width: 200px;

        margin: 19px 0 12px 12px;

    }

    article.UpStream .Quotation, article.UpStream blockquote {

        color: #0E98D2;

        font-size: 16pt;

        min-height: 45px;

        padding-left: 54px;

        background: transparent url('../images/news/quotation.png') left top no-repeat;

    }

    article.UpStream .Spotlight {

        color: #043043;

        font-size: 16pt;

        padding-left: 54px;

        background-image: url('../images/news/spotlight.png');

    }

    article.UpStream .UpStreamSource {

        margin-top: 12px;

    }

        article.UpStream .UpStreamSource .SourceArticleTitle {

            margin-left: 6px;

        }

    article.UpStream .UpStreamLinks a {

        color: #d2480e;

    }

    article.UpStream .UpStreamLinks .UpStreamSocialLink {

        margin-right: 12px;

        float: right;

    }

        article.UpStream .UpStreamLinks .UpStreamDetailLink a {

            margin-right: 12px;

        }

    article.UpStream .UpStreamLinks .TagLinks {

        clear: both;

        display: none;

    }

        article.UpStream .UpStreamLinks .TagLinks a {

            padding: 4px;

            border-radius: 6px;

            margin-right: 6px;

            text-decoration: none;

            border: 1px solid #d2480e;

        }

            article.UpStream .UpStreamLinks .TagLinks a:hover {

                color: white;

                background-color: #d2480e;

            }

article.UpStream footer a.RssLink {

    padding-left: 24px;

    background: transparent url('../images/buttons/upstream/rss.png') left center no-repeat;

}

article.UpStream footer a.CommentLink {

    padding-left: 24px;

    background: transparent url('../images/buttons/upstream/comment.png') left center no-repeat;

}

article.UpStream footer a.PermalinkLink {

    padding-left: 24px;

    background: transparent url('../images/buttons/upstream/link.png') left center no-repeat;

}

section.CommentPanel .AddCommentLink {

    padding-left: 32px;

    background: transparent url('../images/buttons/general/plus.png') left center no-repeat;

}



.PressReleasePanel button {

    border: 2px solid #d2480e;

    height: 35px;

    min-width: 125px;

    background-color: white;

    border-radius: 6px;

    color: #d2480e;

    font-weight: bold;

}



.PressReleasePanel button:hover {

    color: white;

    cursor: pointer;

    background-color: #d2480e;

}



.PressReleasePanel .PressReleaseDetail {

    display: none;

    margin-top: 18px;

}




/* THE DOWNLOAD */
.SunValleyMask {
    background-color: rgba(255,255,255,0.5);
    backdrop-filter: blur(15px) saturate(0.5);
    -webkit-backdrop-filter: blur(15px) saturate(0.5);
}
.SunValleyMask.Dark {
    background-color: rgba(0,0,0,0.5);
}
.SunValleyMask.Half {
    backdrop-filter: blur(7px) saturate(0.5);
}

body.TheDownloadHome .MainRow .ContentColumn .Content {
    max-width: 100%;
    padding: 0;
}
body.TheDownloadHome .MainRow .ContentColumn .Content .ContentPanel {
    padding: 12px 12px 0 12px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.HeroPanel.TheDownload {
    min-height: 450px;
    background-image: url('https://s3.wasabisys.com/plughitzlive/images/download/hero/jpg/thedownloadhero.jpg');
    background-position: center;
    background-size: cover;
    background-color: #3883b0;
}
.HeroPanel.TheDownload .SunValleyMask {
    min-height: 450px;
}

.HeroPanel.TheDownload .SunValleyMask .ContentPanel {
    color: white;
}
.HeroPanel.TheDownload .SunValleyMask .ContentPanel .FormFieldSplit {
    margin-bottom: 32px;
}
.HeroPanel.TheDownload .SunValleyMask .ContentPanel input[type='email'] {
    width: 100%;
    font-size: 16pt;
}
.HeroPanel.TheDownload .SunValleyMask .ContentPanel input[type='submit'] {
    margin-top: 32px;
    height: 30px;
    background-color: #f28500;
    border: 0;
    padding: 0 24px;
    color: white;
}



/* --- retired --- */

.UpStreamContent {

    margin-bottom: 48px;

}

    .UpStreamContent img.ArticleImage {

        float: right;

        max-height: 200px;

        max-width: 200px;

        margin: 0 0 12px 12px;

    }



.UpStreamContent .Quotation {

    color: #0E98D2;

    font-size: 16pt;

    min-height: 45px;

    padding-left: 54px;

    background: transparent url('../images/news/quotation.png') left top no-repeat;

}

.UpStreamContent .Spotlight {

    color: #043043;

    font-size: 16pt;

    padding-left: 54px;

}

.UpStreamContent .UpStreamLinks .UpStreamDetailLink a {

    margin-right: 12px;

}

.UpStreamContent .UpStreamLinks .UpStreamSocialLink {

    margin-right: 12px;

    float: right;

}

.UpStreamContent .UpStreamSource {

    margin-top: 12px;

}

.UpStreamContent .UpStreamSource a {

    color: #d2480e;

}

.UpStreamContent .UpStreamSource .SourceArticleTitle {

    margin-left: 12px;

}

.UpStreamContent .UpStreamSource hr {

    display: none;

}









/* --- SHOWS ----- */

section.Shows {

    clear: both;

    margin-bottom: 48px;

}

.SeriesTile {

    width: 25%; 

    height: 100px; 

    float: left;

}

    .SeriesTile header {

        display: none;

    }

.SeriesTile a {

    font-size: 0;

    display: block;

    margin: 0px 12px 12px 0px; 

    width: calc(100% - 24px); 

    height: calc(100% - 24px); 

    

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center center;

}

.Subscribe {

    font-size: 18pt;

    padding-left: 36px;

    color: #ea670b;

    background: transparent url('../images/buttons/subscription/rss.png') left center no-repeat;

}



.PartnerPanel {

    clear: both;

    margin-bottom: 12px;

    margin-right: 6px;

    margin-top: 12px;

}

    .PartnerPanel .PartnerCell {

        height: 150px;

        float: left;

        margin: 0 6px;

        text-align: center;

        width: calc((100% / 5) - 12px);

    }

        .PartnerPanel .PartnerCell a {

            display: block;

            width: calc(100% - 24px);

            height: calc(100% - 24px);

            margin: 12px;

            background-size: contain;

            background-repeat: no-repeat;

            background-position: center center;

        }
            .PartnerPanel .PartnerCell a.Tpn {
                background-image: url('/radio/partners/images/tpn.png');
            }

            .PartnerPanel .PartnerCell a.Microsoft {
                background-image: url('/radio/partners/images/microsoft.png');
            }

            .PartnerPanel .PartnerCell a.Razer {
                background-image: url('/radio/partners/images/razer.png');
            }

            .PartnerPanel .PartnerCell a.Lootcrate {
                background-image: url('/radio/partners/images/lootcrate.png');
            }
            .PartnerPanel .PartnerCell a.Eksa {
                background-image: url('/radio/partners/images/eksa.png');
            }

            .PartnerPanel .PartnerCell a.RiffTrax {
                background-image: url('/radio/partners/images/rifftrax.png');
            }

            .PartnerPanel .PartnerCell a.Malwarebytes {
                background-image: url('/radio/partners/images/malwarebytes.png');
            }

            .PartnerPanel .PartnerCell a.Amazon {
                background-image: url('/radio/partners/images/amazon.png');
            }

            .PartnerPanel .PartnerCell a.Newegg {
                background-image: url('/radio/partners/images/newegg.png');
            }

            .PartnerPanel .PartnerCell a.PureVPN {
                background-image: url('/radio/partners/images/purevpn.png');
            }

            .PartnerPanel .PartnerCell a.Privacy {
                background-image: url('/radio/partners/images/privacy.png');
            }

            .PartnerPanel .PartnerCell a.Audiobooks70 {
                background-image: url('/radio/partners/images/audiobooks70.png');
            }







        .PartnerPanel .PartnerCell.PartnerCell2 {

            width: calc(((100% / 5) * 2) - 12px);

        }

        .PartnerPanel .PartnerCell.PartnerCell3 {

            width: calc(((100% / 5) * 3) - 12px);

        }

        .PartnerPanel .PartnerCell.PartnerCell4 {

            width: calc(((100% / 5) * 4) - 12px);

        }

        .PartnerPanel .PartnerCell img {

            padding: 12px;

            max-width: calc(-24px + 100%);

            max-height: calc(-24px + 100%);

        }

        .PartnerPanel .PartnerCell.Gadgets {

            background-color: #76bb24;

        }

        .PartnerPanel .PartnerCell.Gaming {

            background-color: #db1e1c;

        }

        .PartnerPanel .PartnerCell.Corporate {

            background-color: #053b00;

        }

        .PartnerPanel .PartnerCell.Internet {

            background-color: #ffca2e;

        }

        .PartnerPanel .PartnerCell.Media {

            background-color: #157cb0;

        }

        .PartnerPanel .PartnerCell.First {

            background-color: #db1e1c;

        }



.EpisodeSegment {

    margin-top: 12px;

    margin-bottom: 36px;

}

    .EpisodeSegment .SponsorPanel {

        font-style: italic;

    }

.EpisodeTopic {

    margin-top: 12px;

}

    .EpisodeTopic p {

        margin: 0;

    }



.SeriesHeaderLogo {

    margin-left: 6px;

    height: 75px;

}

.Subscribe.SeriesHeaderSubscribe {

    float: right;

    margin-right: 12px;

    margin-top: 18px;

}

.SummaryPanel.EpisodeSummaryPanel {

    margin-top: 24px;

}


.SummaryPanel .EpisodeCellPanel {

    clear: both;

}

.SummaryPanel .EpisodePanelSpacer {

    clear: both;

    height: 24px;

}



button.LoadMore {

    color: #1e9f00;

    margin: 0 calc(50% - 100px) 24px calc(50% - 100px);

    width: 200px;

    font-size: 24pt;

    background: transparent;

    border: 0;

    text-transform: lowercase;

    cursor: pointer;

}

button.LoadMore:hover {

    color: #284223;

}


.Transcript {
    height: 500px;
    overflow: hidden;
    margin-bottom: 36px;
}
.Transcript .Timestamp {
    font-size: 15pt;
    font-weight: normal;
}
.Transcript .ButtonBar {
    position: sticky;
    bottom: 0;
    height: 50px;
    width: 100%;
    background-color: #2b2b2b;
}
.Transcript .ButtonBar button.LoadMore {
    width: auto;
    color: white;
    height: 50px;
    white-space: nowrap;
}
.Transcript .ButtonBar button.LoadMore:hover {
    color: #cccccc;
}
.Transcript.Expanded {
    height: auto;
}
.Transcript .ButtonBar button.LoadMore.HideTranscript {
    display: none;
}
.Transcript.Expanded .ButtonBar button.LoadMore.ShowTranscript {
    display: none;
}
.Transcript.Expanded .ButtonBar button.LoadMore.HideTranscript {
    display: initial;
}

.ChatPanel {
    display: none;
    position:fixed;
    top:60px;
    right:24px;
    height:calc(100% - 170px);
    width: 450px;
    border-radius:16px;
    padding:4px;
    background: conic-gradient(    from 0deg,    #ff3c3c,    #ff9f00,    #ffdd00,    #00ff85,    #00d4ff,    #007bff,    #ff3c3c  );
    /*bottom:100px;
    height:180px;*/
}

.ChatPanel .ChatWindow {
    width: 100%;
    /*height: 180px;*/
    height: 100%;
    /*background-color: #1f2937;*/
    border-radius:12px;
}

button.ChatButton {
    position: fixed;
    right: 24px;
    bottom: 24px;
    height: 72px;
    width: 72px;
    border-radius: 50%;
    border: 1px solid #1a9be2;
    background-image: url('../images/buttons/shows/chat.png');
    background-position: center center;
    background-size: 48px;
    background-repeat: no-repeat;
    font-size: 0;
    cursor: pointer;
    transition: border 1s
    transition: background-image 1s
}
button.ChatButton.Close {
    border: 1px solid #e72837;
    background-image: url('../images/buttons/shows/close.png');
}





/* new shows landing page */

section.SwipePanel .SwipeDesktop {

    display: block;

}

section.SwipePanel .SwipeMobile {

    display: none;

}



section.SwipePanel {

    clear: both;

    margin-bottom: 24px;

}

section.SwipePanel > header > div.CommandPanel {

    float: right;

    margin-top: 12px;

}
section.SwipePanel > header > div.CommandPanel > button {

    border: 0;
    width: 16px;

    height: 16px;

    background-size: contain;
    background-repeat: no-repeat;

    background-color: transparent;
    background-position: center center;
}

section.SwipePanel > header > div.CommandPanel > button.Previous {
    margin-right: 4px;
    background-image: url('../images/buttons/pagination/arrowheadleft.png');
}

section.SwipePanel > header > div.CommandPanel > button.Previous:hover {

    cursor: pointer;

    background-image: url('../images/buttons/pagination/arrowheadleft-hover.png');

}

section.SwipePanel > header > div.CommandPanel > button.Next {
    background-image: url('../images/buttons/pagination/arrowheadright.png');
}

section.SwipePanel > header > div.CommandPanel > button.Next:hover {

    cursor: pointer;

    background-image: url('../images/buttons/pagination/arrowheadright-hover.png');

}

section.SwipePanel > header > h2, section.SwipePanel > header > h1 {

    padding: 0 0 0 24px;

    font-size: 14pt;

    font-weight: bold;

    text-transform: uppercase;

    display: block !important;

    background-image: url('/images/dot.png');

    background-position: left center;

    background-repeat: no-repeat;

    background-size: 16px;

    overflow: hidden;

    text-overflow: clip;

    width: calc(100% - 72px);

    line-height: 42px;

}

.ShowImageTile {

    margin: 0 6px;

}

.ShowImageTile > img, .ShowImageTile > div > img {

    width: calc(20% - 12px);

}







.EpisodePreviewTile {

    /*margin: 24px;*/

    height: 212px;

}

.EpisodePreviewTile > img {

    height: 212px;

    width: 377px;

    float: left;

    border-top-left-radius: 15px;

    border-bottom-left-radius: 15px;

}

.EpisodePreviewTile > section {

    height: 212px;

    margin-left: 401px;

    width: calc(100% - 401px);

    padding: 24px 24px 24px 0;

}

.EpisodePreviewTile > section > header > h1 {

    display: block !important;

    text-transform: uppercase;

    font-size: 12pt;

    line-height: normal;

    padding: 0;

}

.EpisodePreviewTile > section > header > h2 {

    display: block !important;

    font-size: 24pt;

}

.EpisodePreviewTile > section > header > h3 {

    display: block !important;

    font-size: 10pt;

}

.EpisodePreviewTile > section > p {

    display: block !important;

    font-size: 12pt;

}







.GenericSummaryTile, .EpisodeSummary, .ArticleSummary, .ReviewSummary, .DealTile {
    width: calc(33% - 12px);
    margin: 0 6px;
    float: left;
}

.ArticleSummaryPanel .ArticleSummary, .DealSummaryPanel .DealTile {
    margin-bottom: 48px;
}
.ArticleSummaryPanel .ArticleSummary img {
    width: 285px;
    height: 160px;
}

.GenericSummaryTile a, .EpisodeSummary a, .ArticleSummary a, .ReviewSummary a, .DealTile a {
    color: black;
}

.GenericSummaryTile a:hover, .EpisodeSummary a:hover, .ArticleSummary a:hover, .ReviewSummary a, .DealTile a {
    text-decoration: none;
}

.GenericSummaryTile > img, .EpisodeSummary > img, .EpisodeSummary > a > img, .ArticleSummary > img, .ArticleSummary > a > img, .ReviewSummary > img, .ReviewSummary > a > img, .DealTile > img, .DealTile > a > img {
    width: 100%;
}

.GenericSummaryTile > a, .ArticleSummary > a, .ReviewSummary > a, .DealTile > a {
    display: block;
    width: 100%;
    background-size: cover;
    background-position: center center;
}

.GenericSummaryTile > footer > h2, .EpisodeSummary > footer > h2, .EpisodeSummary > footer > a > h2, .ArticleSummary > footer > h2, .ArticleSummary > footer > a > h2, .ReviewSummary > footer > h2, .ReviewSummary > footer > a > h2, .DealTile > footer > h2, .DealTile > footer > a > h2 {
    display: block !important;
    text-transform: uppercase;
    font-size: 12pt;
    line-height: normal;
    padding: 0;
    white-space: normal;
    color: black;
}

.GenericSummaryTile > footer > h3, .EpisodeSummary > footer > h3, .EpisodeSummary > footer > a > h3, .ArticleSummary > footer > h3, .ArticleSummary > footer > a > h3, .ReviewSummary > footer > h3, .ReviewSummary > footer > a > h3, .DealTile > footer > h3, .DealTile > footer > a > h3 {
    display: block !important;
    font-size: 16pt;
    color: black;
}

.GenericSummaryTile > footer > h4, .EpisodeSummary > footer > h4, .EpisodeSummary > footer > a > h4, .ArticleSummary > footer > h4, .ArticleSummary > footer > a > h4, .ReviewSummary > footer > h4, .ReviewSummary > footer > a > h4, .DealTile > footer > h4, .DealTile > footer > a > h4 {
    display: block !important;
    font-size: 10pt;
    color: black;
}

.DealTile p {
    color: white;
    font-size: 0;
}

















.PartnersTable {

    width: 100%;

    border-spacing: 6px;

}

.PartnersTable .PartnersCell {

    text-align: center;

}

.PartnersCell.GadgetCell {

    background-color: #76bb24;

}

.PartnersCell.GamingCell {

    background-color: #db1e1c;

}

.PartnersCell.CorporateCell {

    background-color: #053b00;

}

.PartnersCell.InternetCell {

    background-color: #ffca2e;

}

.PartnersCell.MediaCell {

    background-color: #157cb0;

}



#uUpcomingEpisodeGarden {

    display: none;

}

.TileGarden .EpisodeTile {

    float: left;

}

.EpisodeTile {

    color: black;

    width: 195px;

    height: 195px;

    padding: 10px;

    overflow: hidden;

    margin: 10px 5px 0 5px;

}

.EpisodeTile .TileContent {

    height: 175px;

}

.EpisodeTile a {

    color: black;

}

.EpisodeTile h2, .EpisodeTile h3, .EpisodeTile h4 {

    margin: 3px 0;

    font-weight: normal;

}

.EpisodeTile h2 {

    font-size: 16pt;

}

.EpisodeTile h3 {

    font-size: 13pt;

}

.EpisodeTile h4 {

    font-size: 10pt;

}

.EpisodeTile .Tease {

    display: none;

}

.EpisodeTile .Next {

    height: 24px;

    font-size: 12pt;

    line-height: 24px;

    padding-right: 28px;

    background-repeat: no-repeat;

    background-color: transparent;

    background-position: right center;

    background-image: url('../images/buttons/shows/rightdark.png');

}



.EpisodeItem {

    float: left;

    margin: 6px;

    height: 282px;

}

    .EpisodeItem header {

        display: none;

    }

.EpisodeItem .EpisodeCell {

    width: 438px;

    height: calc(100% - 36px);

    overflow: hidden;

    background-size: contain;

    background-repeat: no-repeat;

}

.EpisodeItem .EpisodeCell .SplashMask {

    width: 100%;

    height: 100%;

    overflow: hidden;

    background-size: contain;

    background-repeat: no-repeat;

}

.EpisodeItem .EpisodeCell .SplashMask .DetailMask {

    width: 100%;

    height: 100%;

    overflow: auto;

    color: white;

    display: none;

    background-color: black;

    background-color: rgba(0,0,0,0.85);

}

.EpisodeItem .EpisodeCell .SplashMask .DetailMask h2 {

    margin: 0 12px;

    font-size: 22pt;

}

.EpisodeItem .EpisodeCell .SplashMask .DetailMask h3 {

    margin: 0 12px;

    font-size: 18pt;

}

.EpisodeItem .EpisodeCell .SplashMask .DetailMask h4 {

    margin: 0 12px;

    font-size: 12pt;

}

.EpisodeItem .EpisodeCell .SplashMask .DetailMask p {

    margin: 12px 12px 0 12px;

}

.EpisodeItem .EpisodeCell .SplashMask .DetailMask .SponsorPanel {

    margin: 12px 12px 0 12px;

    font-style: italic;

}

.EpisodeItem .LinkFooter {

    font-size: 13pt;

    height: 35px;

}
.EpisodeItem .LinkFooter .UpcomingText .MinimalText {
    font-size: 0;
}

.EpisodeItem .LinkFooter .Button {

    width: 35px;

    height: 35px;

    float: left;

    cursor: pointer;

    margin-right: 8px;

    background-size: 30px;

    background-repeat: no-repeat;

    background-color: transparent;

    background-position: center center;

    border: 0;

}

.EpisodeItem .LinkFooter .Button.Info {

    width: 12px;

    margin-left: 12px;

    background-image: url('../images/buttons/shows/infolight.png');

}

.EpisodeItem .LinkFooter .Button.Audio {

    background-image: url('../images/buttons/shows/audiolight.png');

}

.EpisodeItem .LinkFooter .Button.Video {

    background-image: url('../images/buttons/shows/videolight.png');

}

.EpisodeItem .LinkFooter .Next {

    color: white;

    margin-right: 12px;

    line-height: 35px !important;

    background-size: 25px;

    padding-right: 30px;

    background-repeat: no-repeat;

    background-color: transparent;

    background-position: right center;

    background-image: url('../images/buttons/shows/rightlight.png');

}

.EpisodeItem .LinkFooter .UpcomingText {

    color: white;

    float: right;

    margin-right: 12px;

    line-height: 35px !important;

}





.EpisodeItem.Tagcollision2017 .LinkFooter {

    background: #411a51 !important; /*linear-gradient(to right, #411a51, #cf82fa);*/

}

.EpisodeItem.Tagces2018 .LinkFooter {

    background: linear-gradient(to right, #00a0dc, #dee21e) !important;

}

.EpisodeItem.Taggcmcc2018 .LinkFooter {

    background: linear-gradient(to right, #e71922, #1e459a) !important;

}

.EpisodeItem.Tagsynapse2018 .LinkFooter {

    background: linear-gradient(to right, #00bcb4, #002b4c) !important;

}

.EpisodeItem.Tagcollision2018 .LinkFooter {

    background: linear-gradient(to right, #411a51, #cf82fa) !important;

}

.EpisodeItem.Tagces2019 .LinkFooter {

    background: linear-gradient(to right, #00a0dc, #dee21e) !important;

}

.EpisodeItem.Tagces2020 .LinkFooter {

    background: linear-gradient(to right, #23D4FF, #2D5DFF) !important;

}



.PlayerEmbed {

    margin: 12px 0;

}











/* --- REVIEWS ----- */

.TileGarden .ProductType {

    float: left;

    width: 200px;

    height: 200px;

    margin: 6px 12px 6px 0;

    background-size: 140px 140px;

    background-repeat: no-repeat;

    background-position: center center;

}

.TileGarden .ProductType a {

    color: white;

    padding: 170px 12px 0 12px;

    vertical-align: bottom;

    text-align: right;

    display: block;

    text-transform: lowercase;

}

h5.AuthorSubtitle {

    font-family: SegoeUiLightIE, SegoeUiLight, Arial;

    font-weight: lighter;

    text-transform: lowercase;

    color: #4d4d4d

}





article.ReviewDetail .addthis_toolbox.addthis_default_style.addthis_32x32_style {

    height: 42px;

}

article.ReviewDetail .Ratings .Star {

    padding: 13px;

}

article.ReviewDetail header {

    /*margin-bottom: 24px;*/

    font-weight: bold;

}

article.ReviewDetail header h2, article.ReviewDetail header h3 {

    margin: 0;

    padding: 0;

    font-weight: normal;

}

    article.ReviewDetail header address {

        display: inline;

        font-style: normal;

    }

    article.ReviewDetail header img.ProductImage {

        float: right;

        height: 200px;

    }

article.ReviewDetail section {

    margin-bottom: 24px;

    clear: both;

}

    article.ReviewDetail section h3 {

        margin: 0;

        padding: 0;

    }

    article.ReviewDetail section p {

        margin: 0 0 18px 0;

        padding: 0;

    }

/* Purchase Data */

article.ReviewDetail section.RetailerSection header {

    display: none;

}

.PurchaseRow {

    height: 36px;

    margin-bottom: 12px;

    line-height: 34px;

    font-size: 16pt;

}

    .PurchaseRow .Icon {

        float: left;

        width: 36px;

        height: 36px;

        margin-right: 12px;

        background-position: center center;

        background-repeat: no-repeat;

        background-size: contain;

    }

    .PurchaseRow.Msrp .Icon {

        background-image: url('../images/retailers/msrp.png');

    }

    .PurchaseRow.Amazon .Icon {

        background-image: url('../images/retailers/amazon.png');

    }

    .PurchaseRow.EpicGames .Icon {

        background-image: url('../images/retailers/epicgames.png');

    }

    .PurchaseRow.GameStop .Icon {

        background-image: url('../images/retailers/gamestop.png');

    }

    .PurchaseRow.Indiegogo .Icon {

        background-image: url('../images/retailers/indiegogo.png');

    }

    .PurchaseRow.Newegg .Icon {

        background-image: url('../images/retailers/msrp.png');

    }

    .PurchaseRow.NintendoSwitch .Icon {

        background-image: url('../images/retailers/switch.png');

    }

    .PurchaseRow.PlayStation .Icon {

        background-image: url('../images/retailers/playstation.png');

    }

    .PurchaseRow.Steam .Icon {

        background-image: url('../images/retailers/steam.png');

    }

    .PurchaseRow.Walmart .Icon {

        background-image: url('../images/retailers/walmart.png');

    }
    .PurchaseRow.Xbox .Icon {

        background-image: url('../images/retailers/xbox.png');

    }











.ProductType.ProductTile-accessory {

    background-image: url("../images/tiles/cable.png"); 

}
.ProductType.ProductTile-band {

    background-image: url("../images/tiles/band.png"); 

}
.ProductType.ProductTile-battery {

    background-image: url("../images/tiles/power.png"); 

}
.ProductType.ProductTile-bluetooth {

    background-image: url("../images/tiles/bluetooth.png"); 

}
.ProductType.ProductTile-camerabag {

    background-image: url("../images/tiles/camerabag.png"); 

}
.ProductType.ProductTile-charger {

    background-image: url("../images/tiles/charger.png"); 

}
.ProductType.ProductTile-desktop {

    background-image: url("../images/tiles/desktop.png"); 

}
.ProductType.ProductTile-electronicboard {

    background-image: url("../images/tiles/electronicboard.png"); 

}
.ProductType.ProductTile-flash {

    background-image: url('../images/tiles/flash.png');

}

.ProductType.ProductTile-gaming {

    background-image: url('../images/tiles/gaming.png');

}

.ProductType.ProductTile-gamingplatform {

    background-image: url('../images/tiles/controller.png');

}

.ProductType.ProductTile-headphone {

    background-image: url("../images/tiles/headphone.png"); 

}
.ProductType.ProductTile-home {

    background-image: url("../images/tiles/home.png"); 

}
.ProductType.ProductTile-iot {

    background-image: url('../images/tiles/iot.png');

}

.ProductType.ProductTile-kitchen {

    background-image: url('../images/tiles/kitchen.png');

}

.ProductType.ProductTile-laptop {

    background-image: url("../images/tiles/laptop.png"); 

}
.ProductType.ProductTile-lighting {

    background-image: url("../images/tiles/bulb.png"); 

}
.ProductType.ProductTile-magicwand {

    background-image: url("../images/tiles/magicwand.png"); 

}
.ProductType.ProductTile-maker {

    background-image: url('../images/tiles/robothead.png');

}

.ProductType.ProductTile-mediaplayer {

    background-image: url("../images/tiles/mediaplayer.png"); 

}
.ProductType.ProductTile-microphone {

    background-image: url("../images/tiles/microphone.png"); 

}
.ProductType.ProductTile-mixer {

    background-image: url("../images/tiles/mixer.png"); 

}
.ProductType.ProductTile-mobile {

    background-image: url('../images/tiles/smartphone.png');

}

.ProductType.ProductTile-photography {

    background-image: url("../images/tiles/photography.png"); 

}
.ProductType.ProductTile-playstation {

    background-image: url("../images/tiles/playstation.png"); 

}
.ProductType.ProductTile-power {

    background-image: url('../images/tiles/power.png');

}

.ProductType.ProductTile-tracker {

    background-image: url('../images/tiles/tracker.png');

}

.ProductType.ProductTile-tripod {

    background-image: url('../images/tiles/tripod.png');

}

.ProductType.ProductTile-security {

    background-image: url("../images/tiles/security.png"); 

}
.ProductType.ProductTile-smartphone {

    background-image: url("../images/tiles/smartphone.png"); 

}
.ProductType.ProductTile-sound {

    background-image: url('../images/tiles/audio.png');

}

.ProductType.ProductTile-speaker {

    background-image: url("../images/tiles/audio.png"); 

}
.ProductType.ProductTile-switch {

    background-image: url("../images/tiles/switch.png"); 

}
.ProductType.ProductTile-tablet {

    background-image: url("../images/tiles/tablet.png"); 

}
.ProductType.ProductTile-video {

    background-image: url('../images/tiles/video.png');

}

.ProductType.ProductTile-arvr {

    background-image: url('../images/tiles/hololens.png');

}

.ProductType.ProductTile-xbox {

    background-image: url("../images/tiles/xbox.png"); 

}



.ReviewListItem {

    clear: both;

    margin-bottom: 24px;

}

.ReviewSummaryItem .Ratings, .ReviewSummaryListItem .Ratings, .ReviewListItem .Ratings {

    height: 26px;

}

.ReviewSummaryItem .Ratings img, .ReviewSummaryListItem .Ratings img, .ReviewListItem .Ratings img {

    height: 26px;

    float: none;

    margin: 0;

}

.ReviewSummaryItem .Ratings .Star, .ReviewSummaryListItem .Ratings .Star, .ReviewListItem .Ratings .Star {

    padding: 0 13px;

}

.Ratings .Star {

    background: transparent url('../images/ratings/general/starempty.png') center center no-repeat;

}

.Ratings .Star.StarQuarter {

    background-image: url('../images/ratings/general/starquarter.png');

}

.Ratings .Star.StarHalf {

    background-image: url('../images/ratings/general/starhalf.png');

}

.Ratings .Star.Star3Quarter {

    background-image: url('../images/ratings/general/star3quarter.png');

}

.Ratings .Star.StarFull {

    background-image: url('../images/ratings/general/starfull.png');

}

.Ratings.RatingsRed .Star.StarQuarter {

    background-image: url('../images/ratings/red/starquarter.png');

}

.Ratings.RatingsRed .Star.StarHalf {

    background-image: url('../images/ratings/red/starhalf.png');

}

.Ratings.RatingsRed .Star.Star3Quarter {

    background-image: url('../images/ratings/red/star3quarter.png');

}

.Ratings.RatingsRed .Star.StarFull {

    background-image: url('../images/ratings/red/starfull.png');

}

.Ratings.RatingsYellow .Star.StarQuarter {

    background-image: url('../images/ratings/yellow/starquarter.png');

}

.Ratings.RatingsYellow .Star.StarHalf {

    background-image: url('../images/ratings/yellow/starhalf.png');

}

.Ratings.RatingsYellow .Star.Star3Quarter {

    background-image: url('../images/ratings/yellow/star3quarter.png');

}

.Ratings.RatingsYellow .Star.StarFull {

    background-image: url('../images/ratings/yellow/starfull.png');

}

.Ratings.RatingsGreen .Star.StarQuarter {

    background-image: url('../images/ratings/green/starquarter.png');

}

.Ratings.RatingsGreen .Star.StarHalf {

    background-image: url('../images/ratings/green/starhalf.png');

}

.Ratings.RatingsGreen .Star.Star3Quarter {

    background-image: url('../images/ratings/green/star3quarter.png');

}

.Ratings.RatingsGreen .Star.StarFull {

    background-image: url('../images/ratings/green/starfull.png');

}

.ReviewListItem img, .ReviewSummaryItem img {

    float: left;

    height: 200px;

    margin: 0 12px 12px 0;

}

.ReviewShareTop {

    border: 0;

    margin-top: 24px;

}

.ReviewShareBottom {

    border: 0;

    margin-top: 48px;

}











/* ----- DEALS ----- */
.TileGarden .DealShare {

    clear: both;

    height: 72px;

}
    .TileGarden .DealTile img {

        width: 200px;

        height: 200px;

        float: left;

        margin: 0 12px 12px 0;

    }
    .TileGarden .DealTile .SalePrice, .DealPricing .SalePrice {

        color: #1e9f00;

    }
    .TileGarden .DealTile .NormalPrice, .DealPricing .NormalPrice {

        color: #6a0e0e;

        margin-left: 12px;

        text-decoration: line-through;

    }
.UpcomingDeal {

    color: #006D9F;

}
.CurrentDeal {

    color: #d20e15;

}
.ExpiredDeal {

    color: #707070;

    font-weight: normal;

}
.TileGarden p.DealNull {

    color: #006D9F;

    font-size: 16pt;

    margin: 24px 0 24px 24px;

}
.DealTitle, .DealManufacturer, .DealValidity {

    margin: 0 0 6px 0;

}
.DealImage {

    float: left;

    width: 350px;

    height: 350px;

}
.DealCommands {

    clear: both;

}










/* ----- STAFF ----- */

.StaffCard {

    clear: both;

    margin-bottom: 48px;

}



.StaffCard .StaffDetailPanel .ProfilePhoto {

    float: left;

    margin: 0 12px 12px 0;

}















.SurveyFormQuestion {

    margin-bottom: 48px;

}

.SurveyFormQuestion h3 {

    margin-bottom: 0;

}

.SurveyFormQuestion p {

    margin-top: 0;

}

.SurveyFormQuestion .SurveyFormField {

    margin-bottom: 12px;

}

.SurveyFormQuestion .SurveyFormField textarea {

    font-size: 16pt;

    height: 100px;

    width: calc(100% - 12px);

    padding: 6px;

    border: 1px solid #717171;

}

.SurveyFormQuestion .SurveyFormField input[type='text'] {

    font-size: 16pt;

    width: calc(100% - 54px);

    padding: 6px 6px 6px 48px;

    border: 1px solid #717171;

    background: transparent url('../images/form/text.png') left center no-repeat;

}

.SurveyFormQuestion .SurveyFormField input[type='number'] {

    font-size: 16pt;

    padding: 6px 6px 6px 48px;

    border: 1px solid #717171;

    background: transparent url('../images/form/number.png') left center no-repeat;

}

.SurveyFormQuestion .SurveyFormField input[type='number'].Currency {

    background: transparent url('../images/form/currency.png') left center no-repeat;

}

.SurveyFormQuestion .SurveyFormField input[type='url'] {

    font-size: 16pt;

    width: calc(100% - 54px);

    padding: 6px 6px 6px 48px;

    border: 1px solid #717171;

    background: transparent url('../images/form/url.png') left center no-repeat;

}











/* ----- STAFF ----- */

.ParticipantProfile {

    margin: 0 0 48px 0;

    min-height: 200px;

    clear: both;

}

.ParticipantProfile img {

    float: left;

    height: 200px;

    margin-right: 12px;

}

.ParticipantProfile hr {

    display: none;

}

.ParticipantProfile .ParticipantContact {

    margin-top: 9px;

    height: 32px;

}

.ParticipantProfile .ParticipantContact img {

    width: 32px;

    height: 32px;

    margin-right: 12px;

    display: inline;

}











/* ----- SUBSCRIBE ----- */

.FeedSubscription {

    margin-top: 24px;

}

.SubscriptionSpacer {

    clear: both;

}
    .SubscriptionSpacer.Sized {
        height: 12px;

    }

    .FeedDetailPanel .FeedSummaryPanel {

        float: left;

    }

    .FeedDetailPanel .SplashImage {

        display: none;

    }

    .FeedDetailPanel .AlbumArt {

        /*float:left;*/

        height:250px;

        margin:10px 20px 10px 0;

    }

    .FeedDetailPanel .SubscriptionPanel {

        float: left;

    }



        .FeedDetailPanel .SubscriptionPanel .SubscriptionLink {

    

        }

            .FeedDetailPanel .SubscriptionPanel .SubscriptionLink.AppleSubscription {

                color: #842cc2;

                background-image: url('https://plughitzlive.com/radio/player/images/apple.png');

            }

            .FeedDetailPanel .SubscriptionPanel .SubscriptionLink.GoogleSubscription {

                color: #ea4335;

                background-image: url('https://plughitzlive.com/radio/player/images/google.png');

            }

            .FeedDetailPanel .SubscriptionPanel .SubscriptionLink.SpotifySubscription {

                color: #1ed760;

                background-image: url('https://plughitzlive.com/radio/player/images/spotify.png');

            }

            .FeedDetailPanel .SubscriptionPanel .SubscriptionLink.AndroidSubscription {

                color: #a4ca39;

                background-image: url('https://plughitzlive.com/radio/player/images/android.png');

            }

            .FeedDetailPanel .SubscriptionPanel .SubscriptionLink.StitcherSubscription {

                color: #3599cc;

                background-image: url('https://plughitzlive.com/radio/player/images/stitcher.png');

            }

            .FeedDetailPanel .SubscriptionPanel .SubscriptionLink.RssSubscription {

                color: #ea670c;

                background-image: url('https://plughitzlive.com/radio/player/images/rss.png');

            }

            .FeedDetailPanel .SubscriptionPanel .SubscriptionLink.PandoraSubscription {

                color: #386aff;

                background-image: url('https://plughitzlive.com/radio/player/images/pandora.png');

            }

            .FeedDetailPanel .SubscriptionPanel .SubscriptionLink.AmazonSubscription {

                color: #157fc2;

                background-image: url('https://plughitzlive.com/radio/player/images/amazonmusic.png');

            }

    /*.FeedDetailPanel .SocialPanel {

            float: left;

    }*/























.SubscriptionSplashImage {

    display: none;

}
.SubscriptionAlbumArt {

    float:left;

    height:250px;

    margin:10px 20px 10px 0;

}

.SubscriptionPrimaryPanel {

    margin-top:10px;

    margin-left: 265px;

}
.SubscriptionLink {

    padding-left: 42px;

    line-height: 40px;

    background-position: left center;

    background-repeat: no-repeat;

    display: block;

    font-size: 22pt;

    margin: 12px 0;

}

.SubscriptionLink.ItunesSubscription {

    color: #842CC2;

    background-image: url('../images/buttons/subscription/itunes.png');

}

.SubscriptionLink.ZuneSubscription {

    color: #0078d7;

    background-image: url('../images/buttons/subscription/windows.png');

}

.SubscriptionLink.AndroidSubscription {

    color: #a4ca39;

    background-image: url('../images/buttons/subscription/android.png');

}

.SubscriptionLink.StitcherSubscription {

    color: #3599cc;

    background-image: url('../images/buttons/subscription/stitcher.png');

}

.SubscriptionLink.RssSubscription {

    color: #ea670c;

    background-image: url('../images/buttons/subscription/rss.png');

}

/*.SocialLink {

    padding: 16px;

    width: 32px;

    height: 32px;

    margin: 12px 12px 0 0;

    background-position: center center;

    background-repeat: no-repeat;

}

.SocialLink.FacebookSocial {

    background-image: url('../images/buttons/contact/facebook.png');

}

.SocialLink.TwitterSocial {

    background-image: url('../images/buttons/contact/twitter.png');

}

.SocialLink.GooglePlusSocial {

    background-image: url('../images/buttons/contact/google.png');

}

.SocialLink.YouTubeSocial {

    background-image: url('../images/buttons/contact/youtube.png');

}

.SocialLink.ElloSocial {

    background-image: url('../images/buttons/contact/ello.png');

}*/











/* ----- RESOURCES ----- */

.ResourceCollection {

    clear: both;

    margin-top: 36px;

}



.BrandResource {

    width: calc(50% - 16px);

    margin-top: 24px;

    float: left;

}

.BrandResource img {

    max-width: calc(100% - 36px);

    padding: 18px;

    margin: 12px 0;

    max-height: 250px;

    object-fit: contain;

}

.BrandResource.Light img {

    background-color: #7c7c7c;

}

.BrandResource .LinkPanel a {

    padding-left: 12px;

}



.StartupResource {

    margin-bottom: 24px;

}

    .StartupResource header img {

        height: 100px;

    }

.StudioResource {

    clear: both;

    margin-bottom: 24px;

}
    .StudioResource ul {
        padding: 0;

    }

    .StudioResource li {

        float: left;

        width: 200px;

        height: 200px;

        margin: 0 12px 12px 0;

        list-style-type: none;

        background-size: cover;

        background-repeat: no-repeat;

        background-position: center center;

    }

    .StudioResource .ProductImage {

        height: 64px;

        float: left;

        margin-right: 12px;

    }

    .StudioResource a {

        width: 200px;

        height: 200px;

        display: block;

    }
        .StudioResource a:hover {
            background: transparent url('/resources/studio-setup/images/background-hover.png');
        }

        .StudioResource a span {

            color: white;

            float: left;

            width: 100%;

            text-align: center;

            padding-bottom: 12px;

            background: transparent url('/resources/studio-setup/images/background.png') center bottom repeat-x;

        }







/* ----- AUDIO ----- */

.TileGarden.Audio .Tile {

    width: calc(25% - 12px);

    height: 225px;

    overflow: hidden;

    margin: 0 12px 12px 0;

    float: left;

    box-shadow: 0 0 5px rgb(0 0 0 / 25%);

    background-color: rgba(245,245,245,0.75);

    backdrop-filter: blur(15px) saturate(1.5);

}

.TileGarden.Audio .Tile .Title {

    margin-bottom: 12px;

}
.TileGarden.Audio .Tile h4 {
    text-align: center;
}

.TileGarden.Audio .Tile > h4 {

    margin-top: 12px;

    clear: both;

}

.TileGarden.Audio .Tile .DownloadButton {

    width: 50%;

    text-align: center;

    float: left;

    margin-bottom: 6px;

}
.TileGarden.Audio .Tile .DownloadButton:hover {
    cursor: pointer;
    color: #1e9f00;
}



.LetterButton {

    background-color: #1e9f00;

    color: white;

    width: 32px;

    height: 32px;

    float: left;

    margin: 0 12px 12px 0;

}

.LetterButton a {

    color: white;

    display: block;

    padding-top: 2px;

    text-align: center;

}











/* ----- USER PANEL ----- */

.UserMask {

    display: none;

    background-color: rgba(0,0,0,0.6);

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.UserMask .LoginPanel {

    display: none;

    margin-top: 100px;

    height: 250px;

    background-color:white;

}

.UserMask .LoginPanel .FormContent {

    max-width: 500px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 12px;

    margin-bottom: 12px;



    height: calc(151px);

}

.UserMask .LoginPanel img {

    height: 35px;

}

.FormField {

    clear: both;

    margin-top: 12px;

}

.FormFieldSplit .FormField {

    clear: none;

    float: left;

    padding-right: 12px;

    width: calc(50% - 12px);

}

.FormField h3 {

    margin: 0;

}



.LoginPanel .ButtonBar {

    height: 35px;

    background-color: #4d4d4d;

}

.LoginPanel .Content {

    max-width: 500px;

    margin-left: auto;

    margin-right: auto;

}

.LoginPanel .FormContent textarea {

    width: 100%;

    height: 100%;

}

.LoginPanel .ButtonBar button, .LoginPanel .ButtonBar input[type=submit] {

    background-color: transparent;

    height: 35px;

    font-size: 12pt;

    color: white;

    border: 0;

    margin-left: 12px;

    margin-right: 12px;

    float: right;

}

.LoginPanel .ButtonBar button:hover, .LoginPanel .ButtonBar input[type=submit]:hover {

    background-color: #284223;

}















/* --- SALE INFO --- */

.Strikethrough {

    text-decoration: line-through;

    font-family: SegoeUiLightIE, SegoeUiLight, Arial;

}

.SalePrice {

    color: #6a0e0e;

}

.XboxLivePrice {

    color: #0e6a0e;

}







/* --- SWIPE CONTROL --- */

.swipe {

    overflow: hidden;

    visibility: hidden;

    position: relative;

}

.swipe-wrap {

    overflow: hidden;

    position: relative;

}

.swipe-wrap > div {

    color: white;

    float: left;

    width: 100%;

    position: relative;

    /*background-color: #4d4d4d;*/

    border-radius: 15px;

}