/*clearfix*/
.group:before,
.group:after { content: ""; display: table; }
.group:after { clear: both; }
.group { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }
.hidden { display: none; }
.nowbar {  top: 0; z-index: 1000; margin: 0 auto; padding: 5px 5px 0 5px; position: fixed; width: 99.5%; background: #FFF;}
.nowbar:before, .nowbar:after { content: " "; display: table; }
.nowbar:after { clear: both; }
.gen-container { padding: 0; margin: 0 auto; background: #232323;}
.gen-container:before,
.gen-container:after { display: table; content: " "; }
.gen-container:after { clear: both; }
.logo-main {
    height: 135px;
    z-index: 1000;
    width: 217px;
    float: left;
    background: #FFF;
    position: absolute
   }
.gen-logo { 
    float: left;
    background: url(/css/images/gen-logo.svg) -4px 0 no-repeat;
    background-size: 220px 100px;
    width: 217px;
    height: 100px;
}
.tagline {
    color: #000;
    float: left;
    font-family: "Myriad W01 Sm Cnd";
    font-size: 14.2px;
    letter-spacing: -0.043em;
    width: 217px;
 }
ul.channelbar { 
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 77%;
    }
ul.channelbar li { 
   display: inline;
   float: left;
   width: 128px;
    }
ul.channelbar li:hover a { 
    color: #000;
}

ul.channelbar li.navbar-item {
    padding: 10px 0 10px 10px;
    width: 128px;
  }
ul.channelbar li.navbar-item:hover { 
    background-color: #EEE;
    color: #000;
    width: 128px;
}
ul.channelbar li.navbar-item-logo {
    width: 30%;
    height: 100px;
}
a.channel-hdr-caps { 
    float: left;
    font-family: "oswaldlight", Arial, Sans Serif;
    text-transform: uppercase;
    font-size: 21px;
    color: #FFF;
 }
 a.channel-hdr-caps:hover { 
    color: #000;
    text-decoration: none;
 }
a.nav-hdlns {
    color: #FFF;
    font-family: 'Century Gothic W01', Arial, sans-serif;
    padding: 0;
    float: left;
    line-height: 1.3em;
    clear: both
}
.red_arrow {
    background: url(/css/images/arrow_red.png) 0 0 no-repeat;
    height: 7px;
    width: 11px;
    padding: 0;
    margin: 0;
    float: right;
}
.menu-item {
   border-right: 1px dashed #999;
   float: left;
   width: 118px;
   height: 80px;
   padding-right: 10px;
}
.menu-item:hover {
    border-right: 1px solid #232323;
    }
ul.more-gen {
    float: left;
    padding: 0;
    margin: 0;
}
ul.more-gen li {
    display: block;
    }
.channelbar .showDropdown { left: 0px !important; top: 0}
.channelbar .dropdown { 
        margin: 0 auto;
        padding: 0;
        float: left;
        position: absolute;
        text-align: left;
        z-index: 2;
        background: #EEE;
        display: none;
        font-family: 'Century Gothic W01';
        overflow: hidden;
        width: 100%;
        border-bottom: 25px solid #EEE;
    }
.channelbar li:hover .dropdown { 
        margin: 105px 5px;
        padding-left: 23.7%;
        padding-top: 25px;
        padding-bottom: 25px;
        display: block;
}
.channelbar a:hover { text-decoration: underline; }
.channelbar li:hover a.more-news {
    clear: both;
    float: right;
    font-size: 8pt;
    color: #0033ff;
    font-family: Arial, sans-serif; 
    padding: 20px 0 0 0;
}
.channelbar li:hover a.more-news2 {
    font-size: 8pt;
    float: right;
    color: #0033ff;
    font-family: Arial, sans-serif; 
    padding: 20px 6px 0 0;
}
.channelbar li:hover a.more-news3 {
    font-size: 8pt;
    float: right;
    color: #0033ff;
    font-family: Arial, sans-serif; 
    padding: 20px 0 0 0;
}
.mag-links {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.channelbar ul.left {
   border-right: 1px dashed #000;
    width: 295px;
    margin-bottom: -1000px;
    list-style: none;
    color: #000;
    float: left;
    padding: 0 25px 1000px 0; 
 }
.channelbar ul.right {
    border-right: 1px dashed #000;
    width: 295px;
    margin-bottom: -1000px;
    list-style: none;
    color: #000;
    float: right;
    padding: 0 25px 1000px 25px;
}
ul.channelbar ul.left li, ul.channelbar ul.right li {
    padding: 0;
    float: none;
    width: 100%;
    display: block;
    font-size: 15px;
}
a.channel-hdl {
    color: #000;
    text-decoration: none;
    padding: 10px 0;
    margin: 0;
    float: left;
    clear: both;
}
a.channel-hdl:hover {
    color: #000;
    text-decoration: underline;
    }
a.channel-hdl-more {
    color: #000;
    text-decoration: none;
    padding: 20px 0;
    margin: 0;
    float: left;
    clear: both;
    border-bottom: 1px solid #777;
    width: 100%
}
a.channel-hdl-more:hover {
    color: #000;
    text-decoration: underline;
    }
.list-wrap { display: table;}
.list-contr { display: table-cell; float: left; vertical-align: top;}
.sponsor-contr { display: table-cell; float: right; padding-left: 25px;}
.sponsor-contr img { border: none; }
ul.search-user-box {
  margin-right: 5px;
  margin-top: 14px;
  padding: 0;
  float: right;
  list-style: none;
  }
ul.search-user-box li {
   display: block;
   padding: 0;
}
ul.search-user-box li input[type="text"] {
  background: #FFF;
  padding-top: 0;
  padding-left: 10px;
  font-family: "Century Gothic W01 Bold",Arial,sans-serif;
  font-size: 13px;
  height: 33px;
  width: 228px;
  border:none;
  margin: 0;
  float: left;
   }
ul.search-user-box li input[type="text"]:focus {outline:none;}
.search-trigger {
  height: 32px;
  width: 32px;
  background: #232323;
  border: 1px solid #FFF;
  color: #FFF;
  padding: 0;
  margin: 0
 }
ul.subscribe-signedin {
     float: left;
    list-style-type: none;
    margin-top: 5px;
    padding: 0;
}
ul.subscribe-signedin li {
    float:left;
    background: #e2192c;
    padding: 7px 11px;
    margin-right: 5px
    }
ul.subscribe-signedin li a { 
    color: #FFF;
    padding: 0;
    font-family: 'Century Gothic W01 Bold';
    font-size: 13px;
}
ul.subscribe-signedin li a:hover {
    text-decoration: none;
    }
ul.subscribe-signedin li.hi-user {
    background: #FFF;
    padding: 8px;
    margin-right: 5px;
    color: #000;
    width: 172px;
    }
ul.subscribe-signedin li.my-gen {
    background: #e2192c;
    color: #FFF;
    padding: 7px 6px;
    margin-right: 5px;
    display: block;
    outline: none;
    text-align: left; 
}
ul.subscribe-signedin li .account-box { position: absolute; left: -9999px; padding: 0;}

ul.subscribe-signedin li:hover .account-box { padding-top: 21px; left: 80%; display: block;  padding-bottom: 1000px; }

ul.subscribe-signedin li:hover .account-box ul { list-style-type: none;  }

ul.my-gen-menu { 
    padding: 8px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    border-left: 2px solid #000;
    float: left;
    display: inline-block;
    background: #FFF;
}
ul.my-gen-menu li {
    padding: 0;
    background: #FFF;
}
ul.my-gen-menu li a {
    list-style-type: none;
    display: inline;
    padding: 0 7px;
    border-right: 1px solid #000;
    font-size: 13px;
    margin: 0;
    color: #000;
}
ul.my-gen-menu li.last a {
    border-right: none;
    padding-right: 0;
    }
ul.my-gen-menu li a:hover, ul.my-gen-menu li.last a:hover {
        text-decoration: underline;
    }
ul.my-gen-menu:after, .my-gen-menu:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.nowbar-gray {
    height: 30px;
    padding: 0;
    margin-top: 5px;
    width: 100%;
    background: #EEE;
}
.gen-slogan {
    float: left;
    padding-top: 0;
    padding-left: 40%;
    margin: 0;
    font-size: 20px;
    font-family: "Myriad W01 Regular";
    letter-spacing: 0.01em;
    z-index: 0;
}
.sharebar { float: right; list-style-type: none; margin: 0; padding: 1px;}

.sharebar li { display: inline-block;}

.sharebar a { 
    display: block; 
    background: url(/css/images/social-media-sprite.png) no-repeat;
    height: 29px;
    width: 30px;
    text-indent: -9999px;
    outline: none;
     transition: all 350ms ease-out;
    -webkit-transition: all 350ms ease-out;
    -o-transition: all 350ms ease-out;
}

.sharebar a.facebook { background-position: 0 0; }

.sharebar a.twitter { background-position: -31px 0; }

.sharebar a.linkedin { background-position: -62px 0; }

.sharebar a.youtube { background-position: -93px 0; }

.sharebar a.google { background-position: -124px 0; }

.sharebar a.rss{ background-position: -154px 0; }

.sharebar a.facebook:hover { background-position: 0 -30px; }

.sharebar a.twitter:hover { background-position: -31px -30px; }

.sharebar a.linkedin:hover { background-position: -62px -30px; }

.sharebar a.youtube:hover { background-position: -93px -30px; }

.sharebar a.google:hover { background-position: -124px -30px; }

.sharebar a.rss:hover { background-position: -154px -30px; }


/*//////////////////// MEDIA QUERIES /////////////////// */


/* 1680PX */
@media screen and ( max-width: 1680px) {

    /*nowbar { border-bottom: 12px solid red; }*/

    .nowbar { width: 99.3%;}

    .logo-main { width: 217px; }
 
    ul.channelbar li.navbar-item-logo { width: 26%; }

    .channelbar .dropdown { width: 80.8%;/*adds right-padding 5px */ }

    ul.channelbar li:hover .dropdown { padding-left: 18.5%; } 

    ul.subscribe-signedin li:hover .account-box { left: 76%; padding-top: 21px}
}
/* 1580PX */
@media screen and (max-width: 1580px) {

    /*.nowbar { border-bottom: 12px solid purple; }*/

    .channelbar .dropdown { width: 79.4%;/*adds right-padding 5px */ }

    ul.channelbar li:hover .dropdown { padding-left: 20%; } 

    ul.subscribe-signedin li:hover .account-box { left: 78%;} 
}
/* 1440PX */
@media screen and (max-width: 1440px) {

   /*.nowbar { border-bottom: 12px solid blue; }*/

   .list-contr { margin-top: 20px}

   .channelbar .dropdown { width: 84.2%;/*adds right-padding 5px */ }

    a.channel-hdr-caps { font-size: 18px;}

    ul.channelbar li:hover .dropdown { padding-left: 15% }
 }
/* 1295PX */

@media screen and (max-width: 1295px) {

    /*.nowbar { border-bottom: 12px solid pink; }*/

    .channelbar .dropdown { width: 88.7%;/*adds right-padding 5px */ }

    ul.channelbar { width: 76%}
    
    ul.channelbar li.navbar-item-logo { width: 24%; }

    ul.channelbar li:hover .dropdown { padding-left: 10.5%; }
       
    ul.subscribe-signedin li:hover .account-box { left: 69%; padding-top: 21px} 

    ul.channelbar li { width: 108px; }

    ul.channelbar li.navbar-item { padding: 10px 0 10px 10px; width: 108px; }

    ul.channelbar li.navbar-item:hover { width: 108px; }
 
   .menu-item { width: 98px; }

    a.nav-hdlns { font-size: 11px }
}
/* 1233PX */

@media screen and (max-width: 1233px) {

    /*.nowbar { border-bottom: 12px solid aqua; }*/

    ul.subscribe-signedin li:hover .account-box { left: 68%;} 

    ul.channelbar li:hover .dropdown { padding-left: 8%} 

    .channelbar a.channel-hdr { font-size: 19px; padding-left: 2px;}
}
/* 1200PX */
@media screen and (max-width: 1200px) {

    /*.nowbar { border-bottom: 12px solid orange; }*/

    .gen-logo {
        background: #FFF url(Images/gen-logo.svg) 0 0 no-repeat;
        height: 70px;
        width: 145px;
        top: 0;
        background-size: 145px 70px;
     }

    .logo-main { width: 150px; height: 100px}

    .gen-slogan {
        float: left;
        text-align: center;
        padding-top: 5px;
        padding-left: 27%;
        margin: 0;
        font-size: 18px;
        font-family: "Myriad W01 Regular";
        letter-spacing: 0.01em;
        }
    .tagline {
        padding-top: 5px;
        font-size: 9.1px;
        letter-spacing:-0.02em;
        width: 145px
    }
    ul.channelbar { width: 72%; }

    ul.channelbar li.navbar-item-logo {  width: 18.7%; }

    .channelbar .dropdown { width: 94.1%; }

    ul.channelbar li:hover .dropdown { padding-left: 5%} 

    a.nav-hdlns { font-size: 11px; line-height: 1.2; }
}

/* 1024PX */

@media screen and (max-width: 1024px) {

    /*.nowbar { border-bottom: 12px solid green; }*/

    .nowbar { width: 99%;}

    ul.channelbar li.navbar-item-logo { width: 20.5% }

    ul.channelbar li:hover .dropdown { margin: 105px auto; padding-left: 2% }

    .channelbar .dropdown { width: 97.5%;/*adds right-padding 5px */ }

    .channelbar ul.left, .channelbar ul.right { width: 250px; }

    .logo-main { width: 130px }

    .gen-logo { background: #fff url("Images/gen-logo.svg") no-repeat scroll 0 6px / 125px 70px; width: 125px; }

    .tagline { font-size: 8px; width: 130px}

    ul.subscribe-signedin li.my-gen { padding: 4px; }

    ul.subscribe-signedin li:hover .account-box { padding-top: 26px; left: 63%;} 
 
    ul.channelbar { width: 75%; }

    ul.channelbar li { width: 80px; }

     ul.channelbar li.navbar-item { width: 80px;   padding: 10px 0 10px 10px; }

    ul.channelbar li.navbar-item:hover { width: 80px; }

    .menu-item { width: 70px; }

    a.nav-hdlns, ul.more-gen li a { font-size: 9px; line-height: 1.2;}

    .glyphicon-search { font-size: 11px }

    ul.search-user-box { margin-right: 0; }
   
    a.channel-hdr-caps { font-size: 13px; }

    ul.search-user-box li input[type="text"] { width: 148px; font-size: 10px; padding-left: 3px }

    ul.subscribe-signedin li.hi-user  { padding: 6px 0 2px 4px; width: 113px; margin-right: 0 }

    ul.my-gen-menu { padding: 7px 5px; }

    ul.my-gen-menu li a { font-size: 11px; padding: 0 7px; }

    ul.subscribe-signedin li a { font-size: 10px }
   
    ul.subscribe-signedin li { height: 17px; padding: 2px; }

    }