@charset "UTF-8";
/* CSS Document */

#mc_embed_signup{clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}

body {
	background: linear-gradient(-45deg, #b0340d, #7d0a36, #0c319c, #156a56);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}
@-webkit-keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
@-moz-keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
@-ms-keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
@-o-keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.spacer{
	padding:0.01em 16px;
	margin-top: 16px;
    margin-bottom: 16px;
}
@media screen and (max-width: 375px) and (orientation: landscape) {
.spacer{
	padding:0.01em 16px;
	margin-top: 3px;
    margin-bottom: 3px;
}
}
@media screen and (min-width: 376px) and (orientation: landscape) {
.spacer{
	padding: 0px;
	margin-top: 0px;
    margin-bottom: 0px;
}
}
.logo{
	width: 85%;
}
@media screen and (min-width: 375px) and (max-width: 480px) and (orientation: landscape) {
.logo{
	width: 75%;
}
}
@media screen and (min-width: 481px) and (max-width: 599px) and (max-height: 320px) and (orientation: landscape) {
.logo{
	width: 60%;
}
}
@media screen and (min-width: 481px) and (max-width: 599px) and (min-height: 321px) and (orientation: landscape) {
.logo{
	width: 65%;
}
}
@media screen and (min-width: 533px) and (max-width: 599px) and (min-height: 320px) and (orientation: landscape) {
.logo{
	width: 65%;
}
}
@media screen and (min-width: 568px) and (max-width: 599px) and (min-height: 320px) and (orientation: landscape) {
.logo{
	width: 62%;
}
}
@media screen and (min-width: 600px) and (max-height: 360px) and (orientation: landscape) {
.logo{
	width: 60%;
}
}
@media screen and (min-width: 653px) and (max-height: 280px) and (orientation: landscape) {
.logo{
	width: 45%;
}
}
@media screen and (min-width: 600px) and (min-height: 361px) and (orientation: landscape) {
.logo{
	width: 65%;
}
}
@media screen and (min-width: 600px) and (min-height: 375px) and (orientation: landscape) {
.logo{
	width: 60%;
}
}
@media screen and (min-width: 600px) and (min-height: 384px) and (orientation: landscape) {
.logo{
	width: 65%;
}
}
@media screen and (min-width: 731px) and (max-width: 822px) and (max-height: 360px) and (orientation: landscape) {
.logo{
	width: 50%;
}
}
@media screen and (min-width: 731px) and (max-width: 822px) and (min-height: 411px) and (orientation: landscape) {
.logo{
	width: 60%;
}
}
@media screen and (min-width: 812px) and (max-width: 822px) and (orientation: landscape) {
.logo{
	width: 50%;
}
}
@media screen and (min-width: 823px) and (orientation: landscape) {
.logo{
	width: 53%;
}
}
@media screen and (min-width: 854px) and (orientation: landscape) {
.logo{
	width: 60%;
}
}
@media screen and (min-width: 896px) and (orientation: landscape) {
.logo{
	width: 50%;
}
}
@media screen and (min-width: 960px) and (orientation: landscape) {
.logo{
	width: 65%;
}
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
.logo{
	width: 85%;
}
}
@media screen and (min-width: 854px) and (orientation: landscape) {
.playeralign{
	text-align:center;
	width:700px!important;
}
}
@media screen and (min-width: 1024px) and (min-height: 600px) and (orientation: landscape) {
.playeralign{
	text-align:center;
	width:100%!important;
}
}
@media screen and (min-width: 1024px) and (min-height: 1366px) and (orientation: portrait) {
.playeralign{
	text-align:center;
	width:700px!important;
}
}
@media screen and (min-width: 1920px) and (min-height: 1080px) and (orientation: landscape) {
.playeralign{
	text-align:center;
	width:700px!important;
}
}
.ntwkfooter{
	width:100%;
}
@media screen and (min-width: 854px) and (max-height: 480px) and (orientation: landscape) {
.signupmessagebox{
	text-align:center!important;
	width: 700px!important;
	display:inline-block!important;
}
}
@media screen and (min-width: 962px) and (max-width: 1023px) and (max-height: 601px) and (orientation: landscape) {
.signupmessagebox{
	text-align:center!important;
	width: 700px!important;
	display:inline-block!important;
}
}
@media screen and (max-width: 960px) and (min-height: 600px) and (orientation: landscape) {
.signupmessagebox{
	text-align:center!important;
	width: 700px!important;
	display:inline-block!important;
}
}
@media screen and (min-width: 1024px) and (min-height: 1366px) and (orientation: portrait) {
.signupmessagebox{
	text-align:center!important;
	width: 700px!important;
	display:inline-block!important;
}
}
@media screen and (min-width: 1920px) and (min-height: 1080px) and (orientation: landscape) {
.signupmessagebox{
	text-align:center!important;
	width: 700px!important;
	display:inline-block!important;
}
}
@media screen and (min-width: 1024px) and (min-height: 600px) and (max-height: 767px) and (orientation: landscape) {
.splitscreenplayertopmargin{
	margin-top:33%;
}
}
@media screen and (min-width: 1024px) and (min-height: 768px) and (orientation: landscape) {
.splitscreenplayertopmargin{
	margin-top:50%;
}
}
@media screen and (min-width: 1280px) and (min-height: 768px) and (orientation: landscape) {
.splitscreenplayertopmargin{
	margin-top:38%;
}
}
@media screen and (min-width: 1280px) and (min-height: 950px) and (orientation: landscape) {
.splitscreenplayertopmargin{
	margin-top:50%;
}
}
@media screen and (min-width: 1366px) and (max-height: 768px) and (orientation: landscape) {
.splitscreenplayertopmargin{
	margin-top:40%;
}
}
@media screen and (min-width: 1366px) and (min-height: 1024px) and (orientation: landscape) {
.splitscreenplayertopmargin{
	margin-top:66%;
}
}
@media screen and (min-width: 1440px) and (min-height: 900px) and (orientation: landscape) {
.splitscreenplayertopmargin{
	margin-top:47%;
}
}
@media screen and (min-width: 1600px) and (min-height: 900px) and (orientation: landscape) {
.splitscreenplayertopmargin{
	margin-top:42%;
}
}
@media screen and (min-width: 1920px) and (min-height: 1080px) and (orientation: landscape) {
.splitscreenplayertopmargin{
	margin-top:40%;
}
}

/*start of original instagram link to embeded players top margin 1*/
/*
@media screen and (min-width: 1024px) and (min-height: 600px) and (max-height: 767px) and (orientation: landscape) {
.splitscreeninstaembedtopmargin{
	margin-top:26%;
}
}
@media screen and (min-width: 1024px) and (min-height: 768px) and (orientation: landscape) {
.splitscreeninstaembedtopmargin{
	margin-top:40%;
}
}
@media screen and (min-width: 1280px) and (min-height: 768px) and (orientation: landscape) {
.splitscreeninstaembedtopmargin{
	margin-top:32%;
}
}
@media screen and (min-width: 1280px) and (min-height: 950px) and (orientation: landscape) {
.splitscreeninstaembedtopmargin{
	margin-top:43%;
}
}
@media screen and (min-width: 1366px) and (max-height: 768px) and (orientation: landscape) {
.splitscreeninstaembedtopmargin{
	margin-top:34%;
}
}
@media screen and (min-width: 1366px) and (min-height: 1024px) and (orientation: landscape) {
.splitscreeninstaembedtopmargin{
	margin-top:55%;
}
}
@media screen and (min-width: 1440px) and (min-height: 900px) and (orientation: landscape) {
.splitscreeninstaembedtopmargin{
	margin-top:38%;
}
}
@media screen and (min-width: 1600px) and (min-height: 900px) and (orientation: landscape) {
.splitscreeninstaembedtopmargin{
	margin-top:35%;
}
}
@media screen and (min-width: 1920px) and (min-height: 1080px) and (orientation: landscape) {
.splitscreeninstaembedtopmargin{
	margin-top:37%;
}
}
*/
/*end of original instagram link to embeded players top margin 1*/

/*start of instagram link to embeded players top margin 2*/

@media screen and (min-width: 1024px) and (min-height: 600px) and (max-height: 767px) and (orientation: landscape) {
.splitscreeninstaembedtopmargin{
	margin-top:18%;
}
}
@media screen and (min-width: 1024px) and (min-height: 768px) and (orientation: landscape) {
.splitscreeninstaembedtopmargin{
	margin-top:30%;
}
}
@media screen and (min-width: 1280px) and (min-height: 768px) and (orientation: landscape) {
.splitscreeninstaembedtopmargin{
	margin-top:18%;
}
}
@media screen and (min-width: 1280px) and (min-height: 950px) and (orientation: landscape) {
.splitscreeninstaembedtopmargin{
	margin-top:28%;
}
}
@media screen and (min-width: 1366px) and (max-height: 768px) and (orientation: landscape) {
.splitscreeninstaembedtopmargin{
	margin-top:25%;
}
}
@media screen and (min-width: 1366px) and (min-height: 1024px) and (orientation: landscape) {
.splitscreeninstaembedtopmargin{
	margin-top:45%;
}
}
@media screen and (min-width: 1440px) and (min-height: 900px) and (orientation: landscape) {
.splitscreeninstaembedtopmargin{
	margin-top:30%;
}
}
@media screen and (min-width: 1536px) and (min-height: 864px) and (orientation: landscape) {
.splitscreeninstaembedtopmargin{
	margin-top:25%;
}
}
@media screen and (min-width: 1600px) and (min-height: 900px) and (orientation: landscape) {
.splitscreeninstaembedtopmargin{
	margin-top:26%;
}
}
@media screen and (min-width: 1920px) and (min-height: 1080px) and (orientation: landscape) {
.splitscreeninstaembedtopmargin{
	margin-top:29%;
}
}

/*end of instagram link to embeded players top margin 2 */

@media screen and (min-width: 1024px) and (min-height: 600px) and (max-height: 767px) and (orientation: landscape) {
.splitscreenbiotopmargin{
	margin-top:20%;
}
}
@media screen and (min-width: 1024px) and (min-height: 768px) and (orientation: landscape) {
.splitscreenbiotopmargin{
	margin-top:28%;
}
}
@media screen and (min-width: 1280px) and (min-height: 768px) and (orientation: landscape) {
.splitscreenbiotopmargin{
	margin-top:25%;
}
}
@media screen and (min-width: 1280px) and (min-height: 950px) and (orientation: landscape) {
.splitscreenbiotopmargin{
	margin-top:38%;
}
}
@media screen and (min-width: 1366px) and (max-height: 768px) and (orientation: landscape) {
.splitscreenbiotopmargin{
	margin-top:20%;
}
}
@media screen and (min-width: 1366px) and (min-height: 1024px) and (orientation: landscape) {
.splitscreenbiotopmargin{
	margin-top:44%;
}
}
@media screen and (min-width: 1920px) and (min-height: 1080px) and (orientation: landscape) {
.splitscreenbiotopmargin{
	margin-top:32%;
}
}
@media screen and (min-width: 375px) and (min-height: 812px) and (orientation: portrait) {
.splitscreenbottomspacer{
	margin-top:26px!important;
}
}
@media screen and (min-width: 414px) and (min-height: 896px) and (orientation: portrait) {
.splitscreenbottomspacer{
	margin-top:45px!important;
}
}
@media screen and (min-width: 1024px) and (min-height: 600px) and (max-height: 767px) and (orientation: landscape) {
.splitscreenbottomspacer{
	margin-top:32px!important;
}
}
@media screen and (min-width: 768px) and (min-height: 1024px) and (orientation: portrait) {
.splitscreenbottomspacer{
	margin-top:92px!important;
}
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
.splitscreenbottomspacer{
	margin-top:92px!important;
}
}
@media screen and (min-width: 800px) and (min-height: 1280px) and (orientation: portrait) {
.splitscreenbottomspacer{
	margin-top:150px!important;
}
}
@media screen and (min-width: 1280px) and (min-height: 950px) and (orientation: landscape) {
.splitscreenbottomspacer{
	margin-top:180px!important;
}
}
@media screen and (min-width: 1440px) and (min-height: 900px) and (orientation: landscape) {
.splitscreenbottomspacer{
	margin-top:100px!important;
}
}
@media screen and (min-width: 1024px) and (min-height: 1366px) and (orientation: portrait) {
.splitscreenbottomspacer{
	margin-top:68px!important;
}
}
@media screen and (min-width: 1366px) and (min-height: 1024px) and (orientation: landscape) {
.splitscreenbottomspacer{
	margin-top:200px!important;
}
}
@media screen and (min-width: 1024px) and (min-height: 600px) and (orientation: landscape) {
.splitscreenlogotopmargin{
	margin-top:12%;
}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) and (min-height: 768px) and (orientation: landscape) {
.splitscreenlogotopmargin{
	margin-top:28%;
}
}
@media screen and (min-width: 1280px) and (min-height: 768px) and (orientation: landscape) {
.splitscreenlogotopmargin{
	margin-top:12%;
}
}
@media screen and (min-width: 1280px) and (min-height: 950px) and (orientation: landscape) {
.splitscreenlogotopmargin{
	margin-top:23%;
}
}
@media screen and (min-width: 1366px) and (max-height: 768px) and (orientation: landscape) {
.splitscreenlogotopmargin{
	margin-top:15%;
}
}
@media screen and (min-width: 1366px) and (min-height: 1024px) and (orientation: landscape) {
.splitscreenlogotopmargin{
	margin-top:38%;
}
}
@media screen and (min-width: 1440px) and (min-height: 900px) and (orientation: landscape) {
.splitscreenlogotopmargin{
	margin-top:18%;
}
}
@media screen and (min-width: 1600px) and (min-height: 900px) and (orientation: landscape) {
.splitscreenlogotopmargin{
	margin-top:12%;
}
}
@media screen and (min-width: 1920px) and (min-height: 1080px) and (orientation: landscape) {
.splitscreenlogotopmargin{
	margin-top:11%;
}
}
@media screen and (min-width: 375px) and (min-height: 812px) and (orientation: portrait) {
.splitscreenspacerabovefooter{
	margin-top:24px!important;
}
}
@media screen and (min-width: 414px) and (min-height: 896px) and (orientation: portrait) {
.splitscreenspacerabovefooter{
	margin-top:54px!important;
}
}
@media screen and (min-width: 800px) and (min-height: 1280px) and (orientation: portrait) {
.splitscreenspacerabovefooter{
	margin-top:72px!important;
}
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
.splitscreenspacerabovefooter{
	margin-top:76px!important;
}
}
@media screen and (min-width: 1112px) and (min-height: 834px) and (orientation: landscape) {
.splitscreenspacerabovefooter{
	margin-top:124px!important;
}
}
@media screen and (min-width: 1280px) and (min-height: 768px) and (orientation: landscape) {
.splitscreenspacerabovefooter{
	margin-top:68px!important;
}
}
@media screen and (min-width: 1280px) and (min-height: 800px) and (orientation: landscape) {
.splitscreenspacerabovefooter{
	margin-top:86px!important;
}
}
@media screen and (min-width: 1280px) and (min-height: 950px) and (orientation: landscape) {
.splitscreenspacerabovefooter{
	margin-top:100px!important;
}
}
@media screen and (min-width: 1440px) and (min-height: 900px) and (orientation: landscape) {
.splitscreenspacerabovefooter{
	margin-top:100px!important;
}
}
@media screen and (min-width: 1024px) and (min-height: 1366px) and (orientation: portrait) {
.splitscreenspacerabovefooter{
	margin-top:64px!important;
}
}
@media screen and (min-width: 1366px) and (min-height: 1024px) and (orientation: landscape) {
.splitscreenspacerabovefooter{
	margin-top:122px!important;
}
}
@media screen and (min-width: 1024px) and (min-height: 1366px) and (orientation: portrait) {
.ipadproportraitnosplit{
	width:100%!important;
}
}
.topbuttons{
	display:none;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
.topbuttons{
	display:inline-block;
}
}
.navhide{
	display:block;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
.navhide{
	display:none;
}
}
.iconbigsize{
	font-size:2em!important;
	padding: 4px 8px!important;
}
@media screen and (min-width: 768px) and (orientation: portrait) {
.iconbigsize{
	font-size:2.5em!important;
	padding: 8px 16px!important;
}
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
.iconbigsize{
	font-size:2.5em!important;
	padding: 8px 16px!important;
}
}
@media screen and (min-width: 1280px) and (min-height: 768px) and (orientation: landscape) {
.iconbigsize{
	font-size:3em!important;
	padding: 8px 16px!important;
}
}
@media screen and (min-width: 800px) and (min-height: 1280px) and (orientation: portrait) {
.iconbigsize{
	font-size:3em!important;
	padding: 8px 16px!important;
}
}
@media screen and (min-width: 1024px) and (max-height: 600px) and (orientation: landscape) {
.tabletemailform{
	width:250px!important;
}
}
@media screen and (min-width: 1024px) and (max-height: 768px) and (orientation: landscape) {
.tabletemailform{
	width:250px!important;
}
}
@media screen and (min-width: 1112px) and (max-height: 834px) and (orientation: landscape) {
.tabletemailform{
	width:250px!important;
}
}
.trackmixhorizontalspacer{
	display:none;
}
@media screen and (orientation: landscape) {
.trackmixhorizontalspacer{
	width: 2%!important;
	display:inline-block!important;
}
}
@media screen and (min-width: 568px) and (min-height: 320px) and (orientation: landscape) {
.trackmixhorizontalspacer{
	width: 2%!important;
	display:inline-block!important;
}
}
@media screen and (min-width: 640px) and (min-height: 360px) and (orientation: landscape) {
.trackmixhorizontalspacer{
	width: 0%!important;
	display:inline-block!important;
}
}
@media screen and (min-width: 600px) and (min-height: 960px) and (orientation: portrait) {
.trackmixhorizontalspacer{
	width: 0%!important;
	display:inline-block!important;
}
}
@media screen and (min-width: 600px) and (min-height: 1024px) and (orientation: portrait) {
.trackmixhorizontalspacer{
	width: 0%!important;
	display:inline-block!important;
}
}
@media screen and (min-width: 1024px) and (min-height: 600px) and (orientation: landscape) {
.trackmixhorizontalspacer{
	width: 0%!important;
	display:inline-block!important;
}
}
@media screen and (min-width: 768px) and (orientation: portrait) {
.trackmixhorizontalspacer{
	width: 4%!important;
	display:inline-block!important;
}
}
@media screen and (min-width: 1024px) and (min-height: 768px) and (orientation: landscape) {
.trackmixhorizontalspacer{
	width: 1%!important;
	display:inline-block!important;
}
}
@media screen and (min-width: 800px) and (min-height: 1280px) and (orientation: portrait) {
.trackmixhorizontalspacer{
	width: 4%!important;
	display:inline-block!important;
}
}
@media screen and (min-width: 1280px) and (min-height: 800px) and (orientation: landscape) {
.trackmixhorizontalspacer{
	width: 1%!important;
	display:inline-block!important;
}
}
.CDpics{
	width: 100%;
	height: auto;
	padding-top: 16px;
}
@media screen and (min-width: 1024px) and (min-height: 600px) and (orientation: landscape) {
.CDpics{
	width: 33%;
	height: auto;
	padding-top: 16px;
	padding-left: 8px;
	padding-right: 8px;
	float: left;
}
}
/*
@media screen and (min-width: 414px) and (min-height: 896px) and (orientation: portrait) {
.splitscreenspacerabovefooter{
	margin-top:54px!important;
}
}
@media screen and (min-width: 800px) and (min-height: 1280px) and (orientation: portrait) {
.splitscreenspacerabovefooter{
	margin-top:72px!important;
}
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
.splitscreenspacerabovefooter{
	margin-top:76px!important;
}
}
@media screen and (min-width: 1112px) and (min-height: 834px) and (orientation: landscape) {
.splitscreenspacerabovefooter{
	margin-top:124px!important;
}
}
@media screen and (min-width: 1280px) and (min-height: 768px) and (orientation: landscape) {
.splitscreenspacerabovefooter{
	margin-top:68px!important;
}
}
@media screen and (min-width: 1280px) and (min-height: 800px) and (orientation: landscape) {
.splitscreenspacerabovefooter{
	margin-top:86px!important;
}
}
@media screen and (min-width: 1280px) and (min-height: 950px) and (orientation: landscape) {
.splitscreenspacerabovefooter{
	margin-top:100px!important;
}
}
@media screen and (min-width: 1440px) and (min-height: 900px) and (orientation: landscape) {
.splitscreenspacerabovefooter{
	margin-top:100px!important;
}
}
@media screen and (min-width: 1024px) and (min-height: 1366px) and (orientation: portrait) {
.splitscreenspacerabovefooter{
	margin-top:64px!important;
}
}
@media screen and (min-width: 1366px) and (min-height: 1024px) and (orientation: landscape) {
.splitscreenspacerabovefooter{
	margin-top:122px!important;
}
}
*/
/* start of EP CDs 10% discount offer top margin */
@media screen and (min-width: 1024px) and (min-height: 600px) and (max-height: 767px) and (orientation: landscape) {
.splitscreenCDoffertopmargin{
	margin-top:26%;
}
}
@media screen and (min-width: 1024px) and (min-height: 768px) and (orientation: landscape) {
.splitscreenCDoffertopmargin{
	margin-top:38%;
}
}
@media screen and (min-width: 1280px) and (min-height: 720px) and (orientation: landscape) {
.splitscreenCDoffertopmargin{
	margin-top:27%;
}
}
@media screen and (min-width: 1280px) and (min-height: 768px) and (orientation: landscape) {
.splitscreenCDoffertopmargin{
	margin-top:22%;
}
}
@media screen and (min-width: 1280px) and (min-height: 800px) and (orientation: landscape) {
.splitscreenCDoffertopmargin{
	margin-top:27%;
}
}
@media screen and (min-width: 1280px) and (min-height: 950px) and (orientation: landscape) {
.splitscreenCDoffertopmargin{
	margin-top:30%;
}
}
@media screen and (min-width: 1366px) and (max-height: 768px) and (orientation: landscape) {
.splitscreenCDoffertopmargin{
	margin-top:30%;
}
}
@media screen and (min-width: 1366px) and (min-height: 1024px) and (orientation: landscape) {
.splitscreenCDoffertopmargin{
	margin-top:46%;
}
}
@media screen and (min-width: 1440px) and (min-height: 900px) and (orientation: landscape) {
.splitscreenCDoffertopmargin{
	margin-top:34%;
}
}
@media screen and (min-width: 1536px) and (min-height: 864px) and (orientation: landscape) {
.splitscreenCDoffertopmargin{
	margin-top:29%;
}
}
@media screen and (min-width: 1600px) and (min-height: 900px) and (orientation: landscape) {
.splitscreenCDoffertopmargin{
	margin-top:25%;
}
}
@media screen and (min-width: 1920px) and (min-height: 1080px) and (orientation: landscape) {
.splitscreenCDoffertopmargin{
	margin-top:30%;
}
}