/*@font-face {
 font-family: 'icomoon';
 src:url('http://i.icomoon.io/public/temp/0b765d416f/UntitledProject1/icomoon.eot?cui01l');
 src:url('http://i.icomoon.io/public/temp/0b765d416f/UntitledProject1/icomoon.eot?#iefixcui01l') format('embedded-opentype'),
  url('http://i.icomoon.io/public/temp/0b765d416f/UntitledProject1/icomoon.woff?cui01l') format('woff'),
  url('http://i.icomoon.io/public/temp/0b765d416f/UntitledProject1/icomoon.ttf?cui01l') format('truetype'),
  url('http://i.icomoon.io/public/temp/0b765d416f/UntitledProject1/icomoon.svg?cui01l#icomoon') format('svg');
 font-weight: normal;
 font-style: normal;
}
*/

/* =======================================
Navigation Stretch 100%
==========================================*/
.wrapper-nav {
min-width: 1003px;
max-width: 1408px;
margin: 0 auto;
}
header {
background: none;
margin-bottom: -145px;
}

/* ================================================
Navigation Fixed
================================================ */
.header-area-scrolled {
position: fixed;
top: 0;
width:100%;
animation: fadein 0.7s;
-moz-animation: fadein 0.7s; /* Firefox */
-webkit-animation: fadein 0.7s; /* Safari and Chrome */
-o-animation: fadein 0.7s; /* Opera */
padding: 0 0 4px;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
.logo-scrolled {
background: url(/blob/1442546/1414614142000/logo-scrolled-png-data.png) -50px -123px no-repeat; position: fixed; top: 0; height: 38px; width: 50px; z-index: 150; margin: 0 0 0 -12px; animation: fadein 0.7s; -moz-animation: fadein 0.7s; /* Firefox */ -webkit-animation: fadein 0.7s; /* Safari and Chrome */ -o-animation: fadein 0.7s; /* Opera */ } @-moz-document url-prefix() { .logo-scrolled { margin: 0 0 0 -390px; } } .header-area nav li.nav-active-scrolled { position: fixed; top: 0; z-index: 150; background: none !important; animation: fadein 0.7s; -moz-animation: fadein 0.7s; /* Firefox */ -webkit-animation: fadein 0.7s; /* Safari and Chrome */ -o-animation: fadein 0.7s; /* Opera *0*/ } .header-area nav .nav-active-scrolled a { padding: 11px 6px 3px 22px; margin-left: 24px; height:25px; } .header-area-scrolled form#searchForm { padding-right: 0px; } .top-stories-tab li.active { z-index: 9; } .header-area-scrolled .top-nav { margin-left: 148px; max-width:1252px; } .header-area-scrolled .top-nav-right-panel { position: absolute; top: 0; right: 0; } .header-area-scrolled .ct-contains { display: none; } .wrapper-area { margin-top:145px; } /* ================================================ Level 1 Navigation ================================================ */ /* Navigation Hover Red aera */   .header-area nav { max-width: 380px; width: 100%; } .header-area nav .aft-main-nav li { background: none; } .header-area nav a.link-premier { padding: 38px 0 0 0; height: 16px; width: 100px; color: #d98d30; letter-spacing: 0.4px; } .header-area nav a.link-watch { display:none; } /* Personal Info aera */ .header-box{ width: 29%; height: 59px; display: block; float: right; max-width: 488px; font-size:1.0em; padding:0px 1% 0 0; } .header-right-panel { list-style: none; margin: 18px 0px; } .header-right-panel > li { display: inline-block; font-size: 1.2em; color: #ddd; border-right: 1px solid #bbb; padding: 4px 14px; } .header-right-panel > li:last-child { border-right: 0px; padding: 2px 0 4px 14px; position: absolute; z-index: 99; } .header-box .logo-box { margin:16px 5% 3px 0; } span.hello-txt { margin-left: 5px; } .ico-arr { background: url(/blob/1516/1383164746000/a-btns-sprite-png-data.png) no-repeat 3px -904px; display: inline-block; width: 10px; height: 9px; position: relative; z-index: 2; text-indent: -9999px; padding-left: 5px; } .sign-in { color: #4DFFFF; } .sign-in-bar { margin-top: 2px; } .welcome-user-bar a { color: #4DFFFF; } .user-info-box { background: none; padding: 0; color: #fff; min-height: 10px; position: relative; border-bottom: none; } .user-info-box .arrow-down-area { background: rgba(100, 100, 100, 0.9); margin: 0; padding: 0 0 2px 0; list-style: none; font-size: 1.0em; line-height: 1.2; width: 100%; position: absolute; top: 23px; left: 28px; display: none; z-index: 120; } .user-info-box .ico-arr { background-position: 3px -900px; height: 13px; } /* ================================================ Level 2 Navigation ================================================ */ .nav-tv { } .nav-news .top-nav, .nav-tv.nav-tv {
width: 76%;
float: left;
}.nav-tv .top-nav { width:49%; float:left; } .top-nav-right-container { position: relative; } .top-nav-right-panel {
float: right;
margin-right: 0%;
width: 23%;
}


.my-playlist { background: url(/blob/1214072/1427645199000/play-logo-png-data.png)right no-repeat; padding-right: 18px; background-size: 13%; color: #ddd; }







.num-new{ color: #ddd; } /* SEARCH */ .sb-search { position: relative; margin-top: -16px; width: 0%; min-width: 36px; height: 30px; float: right; overflow: hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; z-index:50; } .sb-search-input { position: absolute; top: 0; left: 10px; border: none; outline: none; background: transparent; width: 100%; height: 26px; margin: 0; z-index: 10; font-family: inherit; font-size: 14px; color: #ffffff; } .sb-icon-search, .sb-search-submit { width: 18px; height: 18px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0; line-height: 60px; text-align: center; cursor: pointer; } .sb-search-submit { background: #fff; /* IE needs this */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter: alpha(opacity=0); /* IE 5-7 */ opacity: 0; color: transparent; border: none; outline: none; z-index: -1; } .sb-icon-search { color: #fff; z-index: 90; font-size: 12px; height: 30px; width: 36px; background: #222 url(/blob/1086/1386905706000/a-ico-sprite-png-data.png) no-repeat -147px -193px; } .sb-icon-search:hover { background: #333 url(/blob/1086/1386905706000/a-ico-sprite-png-data.png) no-repeat -147px -193px; } input[type="text"].sb-search-input { opacity: 0; } .sb-search.sb-search-open input[type="text"].sb-search-input { opacity: 1; } /* .sb-icon-search::before { content: "\e601"; font-family: 'icomoon'; font-size: 18px; line-height: 40px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1.7; -webkit-font-smoothing: antialiased; } */ /* Search Open state */ .sb-search.sb-search-open, .no-js .sb-search { max-width: 320px; background: #000; padding-right: 10px; width: 100%; } .sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit { z-index: 90; } /* GET OUR NEWS */ .ct-connect { max-width: 252px; padding: 0px; height: 19px; padding-left: 10px; width:100%; } .ct-connect ul{ padding-top: 8px !important; margin-left: -10px !important; margin: 0; padding: 0; list-style: none; overflow: hidden; } .ct-connect li { float: left; display: inline-block; margin: 0 .8% 0 0; padding-left:2%; } .ct-connect li a { background: url(/blob/1442538/1414614222000/data-socialiconnearsearch-data.png) no-repeat -153px -23px; width: 19px; height: 19px; margin: 0 auto; text-indent: -9999em; display: block; line-height: 40px; outline: none; margin: 0 2px; position: relative; text-align: center; color: #fff; } .ct-connect li a.tw { background-position:-177px -23px;} .ct-connect li a.youtube { background-position:-201px -25px; } .ct-connect li a.mobile { background-position:-292px -24px;} .ct-connect li a.email { background-position:-221px -25px;} .ct-connect li a.sms { background-position:-268px -25px; width:22px; } .ct-connect li a.rss { background-position:-243px -24px; } .ct-connect li a.linkedin { background-position:-309px -23px;} /* Dropdown Select */ .select-area select, .select-section select { float: left; width: 11.5em; padding: 0px 0 !important; font-size: 1.4em; border: 1px solid #fff; color: #666; } .nav-area .select-section { margin: 0.65% 2% 0.45%; } #tvshows-in-top-nav select{ width:15px; height:25px; width: 170px; /*Width of select dropdown to give space for arrow image*/ text-indent: 0.01px; /* Removes default arrow from firefox*/ padding-left: 20px; font-size: 1.2em; } /* ================================================ Level 3 Navigation - Marketing Nav ================================================ */ .marketing-nav-area{ background: #eee !important;border-bottom: 1px solid #d5d5d5; } .clearout { height:0px; clear:both; } #flexiselDemo1, #flexiselDemo2, #flexiselDemo3 { display:block; } .nbs-flexisel-container { position:relative; max-width:100%; } .nbs-flexisel-ul { position:relative; width:9999px; margin:0px; padding:0px; list-style-type:none; text-align:center; } .nbs-flexisel-inner { overflow:hidden; float:left; width:100%; background:#eeeeee; border-bottom:1px solid #ccc; } .nbs-flexisel-item { float:left; margin:0px; padding:0px; cursor:pointer; position:relative; ine-height:0px; } .nbs-flexisel-item img { width: 100%; cursor: pointer; position: relative; margin-top: 10px; margin-bottom: 10px; max-width:100px; max-height:45px; } .nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width: 22px; height: 22px; position: absolute; cursor: pointer; z-index: 40; opacity: 0.5; } .nbs-flexisel-nav-left { left: 10px; background: url(/blob/1442532/1414614274000/button-next-data.png) no-repeat; } .nbs-flexisel-nav-right { right: 5px; background: url(/blob/1442534/1414614268000/button-previous-data.png) no-repeat; }



.sec-nav li a img {
width: 48%;
height: auto;
}



.sec-nav li a {

/*padding: 6px 12px 6px 57px;*/
text-align:center;
}




/* ================================================ Footer ================================================ */ /* ================================================ Media Query ================================================ */ @media screen and (max-width:1280px) {

.ct-connect li {
padding-left: 0%;
}


.header-area nav .nav-active-scrolled a { height:24px; } .wrapper-area { margin-top:144px; } } @media screen and (max-width:1024px) {

.header-box { width: 33%; } .header-area nav ul, .header-area nav li { background:none; } .header-area nav { max-width: 330px; } .ct-contains { display: none; } .header-area nav .nav-active-scrolled a { height:22px; } } .live-tv{ background: url(/blob/1442552/1414614127000/watch-now-png-data.png)right no-repeat; padding-right: 35px; height: 27px; width: 27px; padding-top: 5px; padding-bottom: 5px; border:1px solid #FFFFFF; padding-left:10px; } .top-nav .livetv-li{ margin-left:6px; } .top-nav .livetv-li a:hover{ background: none !important; } .scrolled-box {margin-top:40px;} .live-tv-hold {z-index:1;}

@media screen and (max-width:1034px){
 .ct-contains { display: none; }
.nav-news .top-nav, .nav-tv.nav-tv {
width: 77%;
}
}