html {box-sizing:border-box;overflow:hidden;}
		*, *:before, *:after {box-sizing:inherit;}

		html, body {
			width:100%;height:100%;
			min-width:300px;min-height:180px;
			max-height:600px;margin:0;text-align:center;
		}
		body {margin:0;padding:0;text-align:center;height:100%;
		min-width:300px;min-height:180px;max-height:600px;
		background-color:#000;}
		
		.truncate {
		  white-space: nowrap;
		  overflow: hidden;
		  text-overflow: ellipsis;
		}

		#cw-widget {
			margin:0 auto;
			width:100%;height:100%;
			background: #000;
			color:#fff;text-align:left;
			border-top: 1px solid #3d3d3d;
			min-width:300px;min-height:180px;
			max-width:960px;max-height:600px;
			-webkit-transition: opacity 0.4s ease;
            -moz-transition: opacity 0.4s ease;
            -o-transition: opacity 0.4s ease;
            transition: opacity 0.4s ease;
			position:relative;
			opacity:1;
		}
		.is-loading {visibility:hidden;opacity:0!important;}

		#cw-nav {min-width:292px;background-color:#191919;padding:5px 4px;border-top:1px solid #262626;border-bottom:1px solid #262626;position:relative;}
		.no-nav #cw-nav {display:none;}
		.no-nav #cw-widget {padding-top: 20px;}
		.cw-top-nav {min-width:290px;clear:both;min-height:44px;}
		.cw-top-nav a {display:block;}
		.cw-top-nav a:hover {color:#2ba9a5;}
		
		a.cw-logo {
			float: left;
			margin-left: 4%;
			top: 7px;
			height:40px;width:98px;background:url('//images.cwtv.com/images/svg/theCW-white.svg') no-repeat scroll center left transparent;
			background-size: contain;
			position: absolute;
		}
		.no-logo a.cw-logo {
			display:none;
		}
		
		
		a.btn {float:left;margin-left:2px;height:32px;width:32px;background:url('//images.cwtv.com/images/spacer.gif') no-repeat scroll center center #fff;}
		
		#cw-top-nav-btns {
			position:absolute;
			top: 5px;
			bottom: 0;
			right: 1.6%;
		}
		.m #cw-top-nav-btns,
		.l #cw-top-nav-btns,
		.xl #cw-top-nav-btns {
			right: 3%;
		}

		.no-logo #cw-top-nav-btns {left:0;margin:auto;overflow:hidden;}
		
		.no-logo .s #cw-top-nav-btns {width:200px;}
		.no-logo .m #cw-top-nav-btns {width:247px;}
		.no-logo .l #cw-top-nav-btns {width:306px;}
		.no-logo .xl #cw-top-nav-btns {width:423px;}
		
		a.cw-nav-link {
			color: #fff;
			display: table;
			font: 17px "Rajdhani", Arial,sans-serif;
			font-weight: 500;
			padding: 0 8px;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
			float: left;
			height: 100%;
		}
		#cw-top-nav-btns a>span {
			display: table-cell;
			vertical-align: middle;
		}
		
		.s a.cw-nav-link { font-size:14px; line-height:14px; padding:0 7.5px;}
		.m a.cw-nav-link { font-size:24px; line-height:17px; padding:0 12.5px;}
		.l a.cw-nav-link { font-size:30px; line-height:30px; padding:0 18px;}
		.xl a.cw-nav-link { font-size:30px; line-height:30px; padding:0 22px;}
		
		.lt-ie8 .s a.cw-nav-link { padding-top:18px;}
		.lt-ie8 .m a.cw-nav-link { padding-top:16px;}
		.lt-ie8 .l a.cw-nav-link { padding-top:14px;}
		.lt-ie8 .xl a.cw-nav-link { padding-top:12px;}
		
		.cw-main-nav {min-width:290px;clear:both;height:17px;background-color:#252525;text-align:center;margin:0;}
		.xl .cw-main-nav {height:21px;padding:2px 0;}
		
		#cw-nav div.cw-main-nav a {height:17px;float:left;border-right:1px solid #424242;}
		#cw-nav div.cw-main-nav a:last-child {border-right:0 none;}
		.cw-main-nav > a {color:#fff;text-decoration:none;text-transform:uppercase;font-family:"Rajdhani",Arial,sans-serif;
		background-color:transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center 1px; background-size: auto 14px; /*image-rendering: optimizeQuality;*/ -ms-interpolation-mode:bicubic;}
		
		.s .cw-main-nav > a 	{ background-position: center 1px; background-size: auto 14px; }
		.m .cw-main-nav > a 	{ background-position: center 1px; background-size: auto 14px; }
		.l .cw-main-nav > a 	{ background-position: center 0px; background-size: auto 16px; }
		.xl .cw-main-nav > a 	{ background-position: center -1px; background-size: auto 18px; }
		
		.cw-main-nav > a, .cw-main-nav > a > div {margin:0 auto;}
		
		.cw-shows {width:19%; background-image: url(skins/default/images/shows.png);}
		.cw-videos {width:20%; background-image: url(skins/default/images/videos.png);}
		.cw-schedule {width:25%; background-image: url(skins/default/images/schedule.png);}
		.cw-twitter {width:33%; background-image: url(skins/default/images/twitter.png);}
		
		.l .cw-main-nav > a.nav, 
		.xl .cw-main-nav > a.nav {width:24.5%;}
		
		.lt-ie9 .cw-main-nav > a {background-position: center center;}

		.lt-ie9 .cw-shows {background-image: url(skins/default/images/shows.gif);}
		.lt-ie9 .cw-videos {background-image: url(skins/default/images/videos.gif);}
		.lt-ie9 .cw-schedule {background-image: url(skins/default/images/schedule.gif);}
		.lt-ie9 .cw-twitter {background-image: url(skins/default/images/twitter.gif);}

		.nav-label {
			height:17px;
			font-size:13px;
			line-height:14px;
			margin-top:3px;
			visibility:hidden;
		}
		.nav-label:before {
		  content: "";
		  font-size: 14px;
		}

		.s .nav-label 	{font-size:12px;}
		.m .nav-label 	{font-size:13px;}
		.l .nav-label 	{font-size:14px;}
		.xl .nav-label 	{font-size:14px;}


/* CONTENT */

		#cw-content {
			width:100%;
			height:100%;
			min-height:140px;
		}
		
		#cw-showart-container {
			width:65%!important;
			float:left;
			margin:0;padding:0;
			text-align:center;
			height:100%;
			max-height:490px;
		}
		
		.fs #cw-showart-container {
			float: none;
			width: 100%!important;
			max-width: none!important;
			max-height: none!important;
		}

		#cw-on-tonight-container {
			width: 33% !important;
			float: left;
			margin: 0;padding: 0;
			margin-right: 2px;
			text-align: center;
			overflow: hidden;
		}
		
		.cw-content {
			width:95%;	
		}
		
		#cw-video,
		.cw-content {
			min-width:180px;
			min-height:80px;
			max-width:640px;
			max-height:360px;
			text-align:center;
			margin:auto auto;
		}
		
		@-webkit-keyframes fadeInOutZoom {  
	        0% { opacity: 0.0; -webkit-transform: scale(0.945,0.945); }
	        5% { opacity: 1.0; -webkit-transform: scale(0.950,0.950); }
	        90% { opacity: 1.0; -webkit-transform: scale(1.00,1.00); }
	        100% { opacity: 0.0; -webkit-transform: scale(1.00,1.00); }
	    }

		@-moz-keyframes fadeInOutZoom {  
	        0% { opacity: 0.0; -moz-transform: scale(0.945,0.945); }
	        5% { opacity: 1.0; -moz-transform: scale(0.950,0.950); }
	        90% { opacity: 1.0; -moz-transform: scale(1.00,1.00); }
	        100% { opacity: 0.0; -moz-transform: scale(1.00,1.00); }
	    }
		@-o-keyframes fadeInOutZoom {  
	        0% { opacity: 0.0; -o-transform: scale(0.945,0.945); }
	        5% { opacity: 1.0; -o-transform: scale(0.950,0.950); }
	        90% { opacity: 1.0; -o-transform: scale(1.00,1.00); }
	        100% { opacity: 0.0; -o-transform: scale(1.00,1.00); }
	    }
		@keyframes fadeInOutZoom {  
	        0% { opacity: 0.0; transform: scale(0.945,0.945); }
	        5% { opacity: 1.0; transform: scale(0.950,0.950); }
	        90% { opacity: 1.0; transform: scale(1.00,1.00); }
	        100% { opacity: 0.0; transform: scale(1.00,1.00); }
	    }
		
		#cw-on-tonight {
			color:#eee; 
			font: 300 12px/12px "Rajdhani",Arial,sans-serif;
			text-align:center; 
			min-width:90px;
			min-height:140px;
			max-height:490px;
			margin: 0 auto;
			vertical-align: top;
			line-height:12px;
			overflow:hidden;
		}
		.l #cw-on-tonight {border-width:5px 3px 3px;}
		.xl #cw-on-tonight {border-width:8px 6px 6px;}
		
		.cw-head {
			padding: 0;
			margin: 13px 0 3px 0;
			font-size: 12px;
			font-weight: 300;
			font-family:"Rajdhani", Arial, sans-serif;
			letter-spacing: 1px;
			text-transform: uppercase;
		}
		.m .cw-head {
			margin: 29px 0 0 0;
		}
		.l .cw-head {
			margin: 38px 0 0 0;
		}
		.xl .cw-head {
			margin: 38px 0 0 0;
		}
		
		#showsHeader {
			padding-left: 3px;
			background: transparent url(skins/default/images/on-tonight.png) no-repeat scroll top left;
			background-size:contain; text-align:left;
		}
		#showsHeader.upcoming {background-image: url(skins/default/images/upcoming.png);}
		#showsHeader.monday {background-image: url(skins/default/images/monday.png);}
		
		#showsHeader {background-image:none;}
		#showsHeader .heading-fallback {
			font-size: 16px;
			color: #2ba9a5;
			display: none;
			font-weight: 600;
			font-family: "Rajdhani",Arial,sans-serif;
			display:inline;
			position:absolute;
		}
		.m #showsHeader .heading-fallback {
			font-size: 23px;
		}
		.l #showsHeader .heading-fallback,
		.xl #showsHeader .heading-fallback {
			font-size: 31px;
		}
		
		#showsHeader span {height:0;padding-top:13%;display:block;}
		
		.cw-head span {visibility:hidden;}

		.cw-show {
			display: block;
			color: #595959;
			text-align: left;
			margin: 0;
			padding: 14px 5px;
			text-decoration: none;
			cursor: pointer;
			font: 600 12px "Rajdhani","Helvetica Neue",Helvetica,Arial,sans-serif;
			border-radius: 2px;
		}
		.cw-show:hover,
		.cw-show.cw-highlight {
			color: #2ba9a5;
		}

		.cw-show:hover {background-color:rgba(128,128,128,0.4);}
		.cw-show p {
			margin: 0;
			font-weight: 500;
			font-size: 12px;
			line-height: 15px;
		}
		.cw-show div.title {
			display: block;
			letter-spacing: 0.15px;
			color: #595959;
			font-size: 12px;
			line-height: 12px;
		}
		.cw-show:hover div.title,
		.cw-show.cw-highlight div.title {
			color: #fff;
		}

		.m .cw-show p,
		.m .cw-show div.title {font-size: 14px;line-height: 1.2;}
		.l .cw-show p,
		.l .cw-show div.title,
		.xl .cw-show p,
		.xl .cw-show div.title {font-size: 20px;line-height: 1.2;}


		.s .cw-show div.title span,
		.m .cw-show div.title span,
		.l .cw-show div.title span {display:none;}
		
		#cw-showart-container {
			padding: 0 2%;
		}

		#showImageWrapper {
			background-size: contain;
    		background-repeat: no-repeat;
    		background-position: top center;
    		border-radius: 10px;
		}

		#active-show.flex {
			display: flex;
			justify-content: center;
			align-items: center;
		}
		#active-show {
    		display: block;
    		margin-top: 26%;

    	}
    	.m #active-show {
    		margin-top: 21.5%;
    	}
    	.l #active-show {
    		margin-top: 21%;
    	}
    	.xl #active-show {
    		margin-top: 18%;
    	}

		#active-show a {
			width: 100%;
			position: relative;
  			display: inline-block;
  			overflow: hidden;
		}
		#active-show img {
			width: 100%;
			height: auto;
			border-radius: 10px;
			xxxvisibility: hidden;

		}
		
		.tout > img {
		    height: auto;
		    width: 100%;
			max-width:141px;
		}
		
		.tout-link {
			border: 1px solid #252525;
			display:block;
			margin:0 auto;
			width:141px;
			position:relative;
			background: transparent url(//images.cwtv.com/images/cw/icons/generic-2.png) no-repeat scroll center center;
			background-size: cover;
			width:141px;
			height:72px;
			text-decoration:none;
		}
		.tout-title {
			background-color:rgba(0,0,0,0.5);
			color:#fff;
			font:normal 12px "Rajdhani","Helvetica Neue",Helvetica,Arial,sans-serif;
			position:absolute;
			left:0;right:0;bottom:0;
			padding:2% 5%;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			text-decoration:none;
			text-transform:uppercase;
		}
		
		#cw-copyright {
			margin: 0 auto;
			width: 100%;
			min-width: 300px;
			max-width: 960px;
			position: absolute;
			bottom: 0;
			margin-top: 1.5%;
			margin-bottom: 1.5%;
			height: 12px;
			text-align: center;
			font: normal 10px "Rajdhani","Helvetica Neue",Helvetica,Arial,sans-serif;
			color: rgba(255,255,255,0.9);
		}
		.s #cw-copyright {
			font-size: 10px;
		}

    	.cw-show {
    		padding: 1% 2.5% 1% 3%;
    	}
    	.l .cw-show,
    	.xl .cw-show {
    		padding: 2% 2.5% 2% 3%;
    	}

		@media only screen and (max-width: 640px) {
			a.cw-logo {
				top: 6px;
			    width: 76px;
    		}
		}
		@media only screen and (max-width: 512px) {
			a.cw-logo {
				top: 6px;
			    width: 76px;
    		}

		}
		@media only screen and (max-width: 300px) {
			a.cw-logo {
			    width: 74px;
			    margin-left: 7px;
    		}
		}

		#cw-showart-container {width:51.33% !important;}
		#cw-on-tonight-container {width:48% !important;}

    	.m #cw-showart-container {width:57.82% !important;}
		.m #cw-on-tonight-container {width:41% !important;}

		.l #cw-showart-container {width:59% !important;}
		.l #cw-on-tonight-container {width:40.25% !important;}

		.xl #cw-showart-container {width:64% !important;}
		.xl #cw-on-tonight-container {width:35% !important;}


		#cw-video video.fullscreen, 
		#cw-video video:fullscreen,
		.fs #cw-video video {
			position:absolute!important;
			left:0!important; right:0!important; top:0!important; bottom:0!important;
			width:100%!important; height:100%!important;
		    max-width: 100%!important;
		    max-height: 100%!important;
			overflow:hidden!important;
		}



		.debug #cw-showart-container {background-color:rgba(128, 255, 128, 0.1);}
		.debug #cw-on-tonight-container {background-color:rgba(255, 128, 128, 0.1);}
		.debug #cw-touts-container {background-color:rgba(128, 128, 255, 0.1);}
		.debug #left-debug {position:absolute; left:12px; font-size:9px;color:#fdd;}
		.debug #right-debug {position:absolute; right:22px; font-size:9px;color:#fdd;}
		
		#console {position:absolute;top:0;left:0;padding:4px 8px;background-color:#fff;text-align:left;font:10px monospace;opacity:0.1;height:10px;width:10px;overflow:hidden;cursor:pointer;}
		.show-console {
			opacity:0.8;
			height:auto;
			width:auto;
			overflow:auto;
			cursor:default;
		}
		
		
		#cw-showart-container {
			position:relative;
		}
		.fs #cw-showart-container {
			padding-top:0!important;
		}

		#widget-alert {
			display:none;
			position: fixed;
			top:0;right:0;bottom:0;left:0;
			background: rgba(0,0,0,0.8);
			background: #212121\9;
			z-index: 99998;
		}
		#widget-alert-modal {
			width: 50%;
			max-width: 400px;
			margin: 10% auto;
			position: relative;
			padding: 0.5% 3% 1.5%;
			font: 12px 'Rajdhani',Arial,Helvetica,sans-serif;
			border-radius: 10px;
			background: #fff;
			z-index: 99999;
			-webkit-box-shadow: 1px 1px 10px #000;
			-moz-box-shadow: 1px 1px 10px #000;
			box-shadow: 1px 1px 10px #000;
			text-align:left;
		}
		#widget-alert-modal h2 {margin: 3% auto;}
		.close {
			cursor:pointer;
			background:#7b7b7b;
			border:1px solid #000;
			padding: 0.2em 0.6em;
			font: 500 1em 'Rajdhani',Arial,Helvetica,sans-serif;
			color:#fff;
		}
		.close:hover { background: #2ba9a5; }

		@media only screen and (min-width: 480px) {
			#widget-alert-modal {
				padding: 0.25% 2% 1.3%;
				font-size:16px;
			}
		}

#cwloaderWrap {
    position: absolute;
    left: 50%;
    top: 1%;
}
.cwloader {
    color: red;
  font-size: 16px;
  margin: 6vw auto;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: #2BA9A5;
  background: -moz-linear-gradient(left, #2BA9A5 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #2BA9A5 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #2BA9A5 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #2BA9A5 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #2BA9A5 10%, rgba(255, 255, 255, 0) 42%);
  
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);

  position: relative;
  left: -50%;
  
}
.cwloader:before {
  width: 50%;
  height: 50%;
  background: #2BA9A5;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.cwloader:after {
  background: #000;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}