/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/* ==========================================================================
   Custom styles: mobile first
   ========================================================================== */
/* ========================
    FONTS
 ========================*/
@font-face{ 
    font-family: 'Omnes';
    src: url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02.eot');
    src: url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02.eot#iefix') format('embedded-opentype'),
         url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02.woff') format('woff'),
         url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02.ttf') format('truetype'),
         url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02.svg#webfont') format('svg');
}   
@font-face{ 
    font-family: 'Omnes-Light';
    src: url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02-Light.eot');
    src: url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02-Light.eot#iefix') format('embedded-opentype'),
         url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02-Light.woff') format('woff'),
         url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02-Light.ttf') format('truetype'),
         url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02-Light.svg#webfont') format('svg');
}   
@font-face{ 
    font-family: 'Omnes-Medium';
    src: url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02-Medium.eot');
    src: url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02-Medium.eot#iefix') format('embedded-opentype'),
         url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02-Medium.woff') format('woff'),
         url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02-Medium.ttf') format('truetype'),
         url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02-Medium.svg#webfont') format('svg');
}   
@font-face{ 
    font-family: 'Omnes-Italic';
    src: url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02-Italic.eot');
    src: url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02-Italic.eot#iefix') format('embedded-opentype'),
         url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02-Italic.woff') format('woff'),
         url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02-Italic.ttf') format('truetype'),
         url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02-Italic.svg#webfont') format('svg');
}   
@font-face{ 
    font-family: 'Omnes-LightItalic';
    src: url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02-LightItalic.eot');
    src: url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02-LightItalic.eot#iefix') format('embedded-opentype'),
         url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02-LightItalic.woff') format('woff'),
         url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02-LightItalic.ttf') format('truetype'),
         url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02-LightItalic.svg#webfont') format('svg');
}   
@font-face{ 
    font-family: 'Omnes-MediumItalic';
    src: url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02-MediumItalic.eot');
    src: url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02-MediumItalic.eot#iefix') format('embedded-opentype'),
         url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02-MediumItalic.woff') format('woff'),
         url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02-MediumItalic.ttf') format('truetype'),
         url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/fontkids/Omnes_ATTW02-MediumItalic.svg#webfont') format('svg');
}   
   
/* ========================
    CATEGORY COLORS
 ========================
company_color/orange: #ff7200;
wireless_color/yellow: #fcb314;
innovation_color/lt-green: #c4d82d;
home_color/lt-blue: #7cc6ff;
business_color/dk-blue: #067ab4;
investors_color/dk-green: #6ebb1f;
citizenship_color/purple: #81017e;
network_color/pink: #da0081;
*/

/* ========================
    STRUCTURE 
 ========================*/
body {
    color:#333;
    font-family:Arial, Helvetica, sans-serif;
    min-width:0;
    width:100%;
}
#wrapper h3 {
    border-bottom:1px solid #5a5a5a;
    color:#5a5a5a;
    font-family:'Omnes', Arial, Helvetica, sans-serif;
    font-size:1.6em;
    line-height:1;
    padding-bottom:10px;
    text-transform:uppercase;
}
#wrapper h4 {
    font-size:1.4em;
    padding:0;
}
#wrapper img {
    height:auto;
    max-width:100%;
}
html, #universalNav {
    background:none !important;
}
ul#universalNav {
    height:auto;
    width:auto;
}
#wrapper {
    background: #e8e8e8;
    background: -moz-linear-gradient(top,  #e8e8e8 0%, #ebebeb 6%, #eeeeee 10%, #f0f0f0 10%, #efefef 11%, #f9f9f9 21%, #ffffff 30%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(6%,#ebebeb), color-stop(10%,#eeeeee), color-stop(10%,#f0f0f0), color-stop(11%,#efefef), color-stop(21%,#f9f9f9), color-stop(30%,#ffffff), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #e8e8e8 0%,#ebebeb 6%,#eeeeee 10%,#f0f0f0 10%,#efefef 11%,#f9f9f9 21%,#ffffff 30%,#ffffff 100%);
    background: -o-linear-gradient(top,  #e8e8e8 0%,#ebebeb 6%,#eeeeee 10%,#f0f0f0 10%,#efefef 11%,#f9f9f9 21%,#ffffff 30%,#ffffff 100%);
    background: -ms-linear-gradient(top,  #e8e8e8 0%,#ebebeb 6%,#eeeeee 10%,#f0f0f0 10%,#efefef 11%,#f9f9f9 21%,#ffffff 30%,#ffffff 100%);
    background: linear-gradient(to bottom,  #e8e8e8 0%,#ebebeb 6%,#eeeeee 10%,#f0f0f0 10%,#efefef 11%,#f9f9f9 21%,#ffffff 30%,#ffffff 100%);
    height:100%;
    position:relative;
    width:100%;
}
.no-cssgradients #wrapper {
    background:#FFF url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/images/bkg_wrapper.jpg') 0 0 repeat-x;
}
#container {
    max-width:974px;    
    width:100%;
}
#page {
    width:100%;
}
#content-container, .ie7 #content-container, .ie8 #content-container {
    background:none;
    box-shadow:none;
    margin:15px auto;
    padding:0;
    width:100%;
    z-index:3;
}
.ie7 .ie-top-shadow, .ie8 .ie-top-shadow, .ie7 .ie-bottom-shadow, .ie8 .ie-bottom-shadow {
    background:none;
    height:auto;
    margin:0;
    width:auto;
}
#content, .ie7 #content, .ie8 #content {
    margin:0;
    overflow:visible;
    padding:0;
    width:auto;
}
#main-content *, #full-content * {
    color:inherit;
    font-size:100%;
    line-height:inherit;
}
/* ========================
    HEADER 
 ========================*/
#header {
    position:relative;
    z-index:2;
}
#mainNavigation {
    position:relative;
    z-index:1;
}
div#mainNavigation, .ie7 div#mainNavigation, .ie8 div#mainNavigation, #PrimaryNav {
    font-size:inherit;
    margin:0 auto;
    min-height:inherit;
    padding:0;
    width:auto;
}
div#mainNavigation, .ie7 div#mainNavigation, .ie8 div#mainNavigation {
    background:none !important;
    filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)" !important;
}
.ie7 div#mainNavigation, .ie8 div#mainNavigation {
    background:none;
    height:47px;
}
#PrimaryNav li {
    filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)" !important;
}
#mainNavigation fieldset {
    border:none;
    margin:0;
    position:relative;
}
input#search {
    padding-right:5px;


}
.btnGo {
    background:none;
    height:18px;
    width:25px;
}
/* ========================
    MASTHEAD 
 ========================*/
#masthead {
    padding:0 15px;
}
#masthead h1 {
    display:inline-block;
    font-family:'Omnes-Light', Arial, Helvetica, sans-serif;
    font-size:3.1em;
    margin:5px 0;
    text-transform:uppercase;
}
#masthead h1, #masthead h1 a {  
    color:#808080;
}
#masthead h1 strong {
    color:#ff7200;
    font-weight:normal;
}
#masthead h1 a:hover{
    text-decoration:none;
}
#news-toggle {
    background:transparent url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/images/btn_toggle_news_sprite.png') no-repeat 0 0;
    clear:left;
    color:#ff7200;
    cursor:pointer;
    display:block;
    font-size:1.2em;
    margin:6px 5px 5px 0;
    padding:6px 0 0 25px;
    text-transform:uppercase;
    height:20px;
}
#news-toggle.open {
    background-position:0 -40px;
}
/* ========================
    MAIN  
 ========================*/
#main {
    position:relative;
}
body #main-content {
    float: none;
    padding: 0 !important;
    width: 100%;
}
#main-content ul, #main-content ul li {
    list-style-type:disc;
}
#main-content ul, #main-content ol {
    margin:0 0 5px 17px;
    padding:0;
}
#main-content ul li, #main-content ol li {
    margin:0 0 10px;
    padding:0;
}
#main-content ul.arrow-bullets {
    margin:0;
}
#main-content ul.arrow-bullets li {
    list-style-type:none;
}   
#main-content ul.arrow-bullets li:before {
    content:'>';
    font-weight:bold;
    padding-right:5px;
}
.lt-ie8 #main-content ul.arrow-bullets li {
    background:transparent url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/images/bullet.png') no-repeat left center !important;   
    padding-left:15px !important;
}

/* ========================
    LATEST NEWS SIDEBAR  
 ========================*/
#feed-container {
    background:#FFF;
    border:1px solid #e8e8e8;
    -webkit-box-shadow:  1px 0px 5px 0px rgba(0, 0, 0, .1);
    box-shadow:  1px 0px 5px 0px rgba(0, 0, 0, .1);
    display:none;
    left:0;
    padding:15px 0;
    position:absolute;
    top:0;
    width:100%;
    z-index:2;
}
#feed-container h3 {
    border-bottom:1px solid #E8E8E8;    
    padding:15px 20px 10px;
    margin:0;
}
#feed {
    overflow:auto;
}
#feed .story, #feed .section {
    border-bottom:1px solid #f7f7f7;
    border-top:1px solid #e8e8e8;
    padding:22px 20px;
}
#feed h4 {
    font-weight:normal;
    margin:0;
}
#feed ul {
    padding:0;
}
#feed .story p {
    margin:0;
}
#feed .story p.headline, #feed li {
    font-size:1.2em;
    line-height:1.6em;
}
#feed li a.active {
    color:#ff7200;
}
/* ========================
    NEWS RELEASE 
 ========================*/
#main-content #article { 
    margin:0 0 20px;
}
#article {
    background:#FFF;
    -webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .25);
    box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .25);    
    padding:15px;
    z-index:1;
}
#article h1 {
    color:#333;
    font-family:'Omnes-Medium', Arial, Helvetica, sans-serif;
    font-size:1.8em;
    line-height:1.3em;
    margin-top:0;
}
#article ul, #article ul li {
    list-style:disc;
}
#main-content #article ul {
    margin:0;
    padding:0 0 0 20px;
}
#main-content #article li {
    margin:0 0 10px;
}
#article p, #article li, #article td, #article th {
    font-size:1.3em;
    line-height:1.5em;
}
#main-content #article p {
    width:auto;
}
.extra-info {
    border-top:1px solid #e8e8e8;
    border-bottom:1px solid #e8e8e8;
    clear:both;
    margin:20px 0;
    padding:5px 0;
}
#article .extra-info p {
    color:#999;
    display:inline;
    font-size:1.1em;
    line-height:2em;
    margin:0;
    width:auto;
}
#main-content .extra-info a.company_color {
    color:#ff7200;
}
#main-content .extra-info a.wireless_color {
    color: #fcb314;
}
#main-content .extra-info a.innovation_color {
    color:#c4d82d;
}
#main-content .extra-info a.home_color {
    color:#7cc6ff;
}
#main-content .extra-info a.business_color {
    color: #067ab4;
}
#main-content .extra-info a.investors_color {
    color:#6ebb1f;
}
#main-content .extra-info a.network_color {
    color:#da0081;
}
.multimedia img {
    border-radius:6px;
    display:block;
    height:auto;
    margin:0 auto;
    max-width:100%;
    position:relative;
    width:100%;
    z-index:1;
}
.video-icon {
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:center center;
    display:block;
    left:50%;
    position:absolute;
    top:50%;
    z-index:2;
}
.video-icon.sm {
    background-image:url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/images/video_play_sm.png');
    height:30px;
    margin:-15px 0 0 -15px;
    width:29px !important;
}
.multimedia .video-player .video-icon {
    background-image:url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/images/video_play_press.png');
    height:72px;
    margin:-36px 0 0 -34px;
    width:68px;
}
#main-content .story-related {
    padding-left:15px;
}
#main-content .story-related ul li p {
    font-size:12px !important;
    line-height:135%;
}
.related-stories > div {
    border-bottom-style:solid;
    border-bottom-width:4px;
    border-radius:6px;
    -webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .25);
    box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .25);        
    display:block;
    margin:0 auto 10px;
    max-width:295px;
    position:relative;
}
.related-stories .company_color {
    border-bottom-color:#ff7200;
}
.related-stories .wireless_color {
    border-bottom-color: #fcb314;
}
.related-stories .innovation_color {
    border-bottom-color:#c4d82d;
}
.related-stories .home_color {
    border-bottom-color:#7cc6ff;
}
.related-stories .business_color {
    border-bottom-color: #067ab4;
}
.related-stories .investors_color {
    border-bottom-color:#6ebb1f;
}
.related-stories .citizenship_color {
    border-bottom-color:#81017e;
}
.related-stories .network_color {
    border-bottom-color:#da0081;
}
.related-stories p {
    margin:0;
}
.related-stories .text {
    background:rgb(0,0,0);
    background:rgba(0,0,0,0.8);
    bottom:0;
    color:#FFF;
    left:0;
    padding:20px 20px 5px;
    position:absolute;
    right:0;
    z-index:2;
}
.related-stories .teaser {
    font-family:'Omnes-Medium', Arial, Helvetica, sans-serif;
    font-size:1.4em;
    line-height:1.4em;
    margin-bottom:5px;
}

/* BOILERPLATE */
#article .boilerplate, #article .boilerplate p, #article .boilerplate li, #article .boilerplate td, #article .boilerplate th {
    font-size:1.1em;
    font-style:italic;
}
#article .boilerplate strong {
    font-style:italic;
}
#article .boilerplate h4 {
    font-size:1.1em;
    font-style:normal;
}
/* ========================
    LANDING PAGES 
 ========================*/         
#main-content #modules {
    padding:15px;
}
.module {
    margin-bottom:20px;
    overflow:hidden;
    position:relative;
}
/*.module a {
    display:block;
}*/
.module img {
    height:auto;
    width:100%;
}
#main-content .module h4 {
    color: #FF7200;
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 5px;
}
.rounded {
    border-radius: 6px;
    -webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .25);
    box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .25);             
}
.overlay {
    background:rgb(0,0,0);
    background:rgba(0,0,0,0.8); 
    border-bottom-color:#5A5A5A;
    border-bottom-style:solid;
    border-bottom-width:4px;
    border-radius:0 0 6px 6px;
    bottom:0;
    height:66px;
    left:0;
    overflow:hidden;
    padding:20px 25px 10px;
    position:absolute;      
    right:0;
}
.no-rgba .overlay {
    background:transparent url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/images/overlay_bg.png') repeat 0 0;
}
.no-hover .overlay, .no-rgba .no-hover .overlay {
    background:none;
    height:auto;
}
.overlay.company_color {
    border-bottom-color:#ff7200;
}
.overlay.wireless_color {
    border-bottom-color: #fcb314;
}
.overlay.innovation_color {
    border-bottom-color:#c4d82d;
}
.overlay.home_color {
    border-bottom-color:#7cc6ff;
}
.overlay.business_color {
    border-bottom-color: #067ab4;
}
.overlay.investors_color {
    border-bottom-color:#6ebb1f;

}        
.overlay.citizenship_color {
    border-bottom-color:#81017e;
}        
.overlay.network_color {
    border-bottom-color:#da0081;
}

#main-content .module p, #main-content .module span, #main-content .overlay span {
    color:#FFF;
    width:auto;
}
#main-content .module .meta {
    margin:0;
}
#main-content .module .category {
    color:#5A5A5A;
}
#main-content .company_color .category {
    color:#ff7200;
}
#main-content .wireless_color .category {
    color: #fcb314;
}
#main-content .innovation_color .category {
    color:#c4d82d;
}
#main-content .home_color .category {
    color:#7cc6ff;
}
#main-content .business_color .category {
    color: #067ab4;
}
#main-content .investors_color .category {
    color:#6ebb1f;
}
#main-content .citizenship_color .category {
    color:#81017e;
}
#main-content .network_color .category {
    color:#da0081;
}
#main-content .module .headline-tease {
    height:46px;
    overflow:hidden;
    width:100%;
}
#main-content .module .no-hover .headline-tease {
    display:none;
}
#main-content .headline-tease p {
    font-size:1.4em;
}
#main-content .module [class^='headline'] p {
    line-height:1.4em;
    margin-top:0;
}

/* ========================
    MEDIA KITS
 ========================*/
#media-kit #main-content {
    background:#FFF;
    -webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .25);
    box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .25);             
}
#main-content .mk.container h1 {
    font-family:'Omnes-Light', Arial, Helvetica, sans-serif;
    font-size:2.4em;
    line-height:1em;
    margin-bottom:10px;
}
#mk-landing .mk.container > div {
    margin-top:25px;
}
#main-content .mk.container p.intro {
    font-size:1.8em;
    line-height:1.3em;
}
#content .mk.container p, #content .mk.container li, #content .mk.container td {
    font-size:1.2em;
    line-height:1.3em;
    margin-top:0;
}
.mk.container ul {
    padding:0;
}
#content #main-content .mk.container p.meta {
    color:#808080;
    font-size:0.8em !important;
    margin-bottom:5px;
}
#media-kit #main-content .module a p { 
    color:inherit;
}
#media-kit #main-content .module p {
    color:#333;
}
.horz li {
    margin:0 0 20px 0;
}
.horz li img {
    float:left;
    margin-right:20px;
    width:100px;
}
.horz li p {
    margin-top:0;
}
#main-content .module.bullets li {
    color:#808080;
    font-size:1.3em;
    margin-bottom:10px;
}
#main-content ul.content-slider {
    list-style-type:none;
}

#media-kit #main-content .content-slider p, #media-kit #main-content .content-slider ul li, #media-kit #main-content .content-slider td {

    color: #808080;
    font-size: 1.1em !important;
    line-height: 1.5em;
}

#media-kit #main-content .content-slider ul li {
    margin:0;
    padding:0 0 10px;
}
#media-kit #main-content .content-slider a {
    display:inline;
}
.module.news p.headline {
    margin-bottom:5px;
}
#content .mk.container .module.contact p {
    line-height:1.6em;
}
#media-kit #main-content ul.slider-nav, #media-kit #main-content ul.content-slider, #media-kit #main-content .module.news > ul, #main-content .releases > ul, #main-content .releases > ul li {
    list-style:none;
    margin:0;
}
/* ========================
    SLIDERS 
 ========================*/
#main-content ul.slider, #main-content ul.slider li {
    list-style:none;
}
#main-content ul.slider {

    margin:0;
    padding:0;
}

#content .slider li {
    position:relative;
}
.slider .overlay {
    border-color:#067ab4;
}
#content .slider .headline-tease {
    height:46px;
    overflow:hidden;
}
#content .slider .headline-tease p {
    color:#067ab4;
    font-size:1.4em !important;
    font-weight:bold;
    line-height:1.4em;
    margin-top:0;
}
#main-content .slider .meta {
    color:#FFF;
}
#content .horz-slider {
    max-height:250px;
    overflow:hidden;
}
#content .horz-slider li {
    height:70px;
}
.horz li a {
    position:relative;
}
.horz li .video-icon.sm {
    left:35px;
    margin:0;
    top:15px;
}
/* ========================
    REUSABLE 
 ========================*/
.hidden-phone {
    display:none !important;
}
.visible-phone {
    display:block !important;
}
.hidden-tablet {
    display:block !important;
}
.visible-tablet {
    display:none !important;
}
.hidden-desktop {
    display:block !important;
}
.visible-desktop {
    display:none !important;
}
.hide {
    display:none !important;
}
.unhide {
    max-height:none !important;
}

/* TEXT */
.omnes {
    font-family:'Omnes', Arial, Helvetica, sans-serif;  
}
.meta {
    font-size:1em;
    line-height:2em;
}
.category {
    text-transform:uppercase;
}

#content .btn,
#content #main-content .btn {
    background: #3ac6f7;
    background: -moz-linear-gradient(top,  #3ac6f7 0%, #35c1f2 13%, #2db9ea 23%, #2cb6e7 29%, #169dd5 55%, #018dc8 71%, #0088c2 77%, #0179b8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3ac6f7), color-stop(13%,#35c1f2), color-stop(23%,#2db9ea), color-stop(29%,#2cb6e7), color-stop(55%,#169dd5), color-stop(71%,#018dc8), color-stop(77%,#0088c2), color-stop(100%,#0179b8));
    background: -webkit-linear-gradient(top,  #3ac6f7 0%,#35c1f2 13%,#2db9ea 23%,#2cb6e7 29%,#169dd5 55%,#018dc8 71%,#0088c2 77%,#0179b8 100%);
    background: -o-linear-gradient(top,  #3ac6f7 0%,#35c1f2 13%,#2db9ea 23%,#2cb6e7 29%,#169dd5 55%,#018dc8 71%,#0088c2 77%,#0179b8 100%);
    background: -ms-linear-gradient(top,  #3ac6f7 0%,#35c1f2 13%,#2db9ea 23%,#2cb6e7 29%,#169dd5 55%,#018dc8 71%,#0088c2 77%,#0179b8 100%);
    background: linear-gradient(to bottom,  #3ac6f7 0%,#35c1f2 13%,#2db9ea 23%,#2cb6e7 29%,#169dd5 55%,#018dc8 71%,#0088c2 77%,#0179b8 100%);
    border-radius:3px;
    color:#FFF;
    display:inline-block;
    font-size:15px;
    line-height:32px;
    height:32px;
    margin:25px 0;
    padding:0 15px;
}
.no-cssgradients #content .btn,
.no-cssgradients #content #main-content .btn {
    background:transparent url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/images/btn_gradient.jpg') repeat-x 0 0;
}
/* CATEGORY COLORS */
.company_color, a.company_color {
    color:#ff7200;
}
.wireless_color, a.wireless_color {
    color: #fcb314;
}
.innovation_color, a.innovation_color {
    color:#c4d82d;
}
.home_color, a.home_color {
    color:#7cc6ff;
}
.business_color, a.business_color {
    color: #067ab4;
}
.investors_color, a.investors_color {
    color:#6ebb1f;
}
.citizenship_color, a.citizenship_color {
    color:#81017e;
}
.network_color, a.network_color {
    color:#da0081;
}
/* SOCIAL CONNECT ICONS */
.connect-social {
    margin-bottom:15px;
}
.connect-social p {
    color:#007bb7;
    display:inline;
    float:left;
    font-size:1.2em;
    margin:0 10px 0 0;
}
.connect-social ul {
    float:left;
    margin:0;
    padding:0;
}
.connect-social li {
    float:left;
    margin-left:8px;
}
.connect-social li:first-child {
    margin-left:0;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (max-width: 767px) {
    body {
        background:none;
        padding:0;
    }
    #wrapper {
        overflow-x:hidden;  
    }
    .lt-ie9 #wrapper {
        overflow-x:visible; 
    }
    #header {
        display:none;
    }
    #content-container {
        margin-top:0;
    }
    #masthead {
        background: #e8e8e8;
        background: -moz-linear-gradient(top,  #e8e8e8 0%, #ebebeb 6%, #eeeeee 10%, #f0f0f0 10%, #efefef 11%, #f9f9f9 21%, #ffffff 30%, #ffffff 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(6%,#ebebeb), color-stop(10%,#eeeeee), color-stop(10%,#f0f0f0), color-stop(11%,#efefef), color-stop(21%,#f9f9f9), color-stop(30%,#ffffff), color-stop(100%,#ffffff));
        background: -webkit-linear-gradient(top,  #e8e8e8 0%,#ebebeb 6%,#eeeeee 10%,#f0f0f0 10%,#efefef 11%,#f9f9f9 21%,#ffffff 30%,#ffffff 100%);
        background: -o-linear-gradient(top,  #e8e8e8 0%,#ebebeb 6%,#eeeeee 10%,#f0f0f0 10%,#efefef 11%,#f9f9f9 21%,#ffffff 30%,#ffffff 100%);
        background: -ms-linear-gradient(top,  #e8e8e8 0%,#ebebeb 6%,#eeeeee 10%,#f0f0f0 10%,#efefef 11%,#f9f9f9 21%,#ffffff 30%,#ffffff 100%);
        background: linear-gradient(to bottom,  #e8e8e8 0%,#ebebeb 6%,#eeeeee 10%,#f0f0f0 10%,#efefef 11%,#f9f9f9 21%,#ffffff 30%,#ffffff 100%);
        padding-top:15px;
    }
    /* navigation */
    #headerNav {
        background: #7bc6ff;
        background: -moz-linear-gradient(top,  #7bc6ff 0%, #78c5fd 7%, #70bff7 13%, #6ebdf8 17%, #5cb1ea 33%, #51aae2 39%, #44a1dc 50%, #3c9dd4 54%, #2c90cc 67%, #1685bd 83%, #1182bc 89%, #0b7cb6 93%, #0d7eb8 96%, #097ab4 98%, #0a7bb5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7bc6ff), color-stop(7%,#78c5fd), color-stop(13%,#70bff7), color-stop(17%,#6ebdf8), color-stop(33%,#5cb1ea), color-stop(39%,#51aae2), color-stop(50%,#44a1dc), color-stop(54%,#3c9dd4), color-stop(67%,#2c90cc), color-stop(83%,#1685bd), color-stop(89%,#1182bc), color-stop(93%,#0b7cb6), color-stop(96%,#0d7eb8), color-stop(98%,#097ab4), color-stop(100%,#0a7bb5));
        background: -webkit-linear-gradient(top,  #7bc6ff 0%,#78c5fd 7%,#70bff7 13%,#6ebdf8 17%,#5cb1ea 33%,#51aae2 39%,#44a1dc 50%,#3c9dd4 54%,#2c90cc 67%,#1685bd 83%,#1182bc 89%,#0b7cb6 93%,#0d7eb8 96%,#097ab4 98%,#0a7bb5 100%);
        background: -o-linear-gradient(top,  #7bc6ff 0%,#78c5fd 7%,#70bff7 13%,#6ebdf8 17%,#5cb1ea 33%,#51aae2 39%,#44a1dc 50%,#3c9dd4 54%,#2c90cc 67%,#1685bd 83%,#1182bc 89%,#0b7cb6 93%,#0d7eb8 96%,#097ab4 98%,#0a7bb5 100%);
        background: -ms-linear-gradient(top,  #7bc6ff 0%,#78c5fd 7%,#70bff7 13%,#6ebdf8 17%,#5cb1ea 33%,#51aae2 39%,#44a1dc 50%,#3c9dd4 54%,#2c90cc 67%,#1685bd 83%,#1182bc 89%,#0b7cb6 93%,#0d7eb8 96%,#097ab4 98%,#0a7bb5 100%);
        background: linear-gradient(to bottom,  #7bc6ff 0%,#78c5fd 7%,#70bff7 13%,#6ebdf8 17%,#5cb1ea 33%,#51aae2 39%,#44a1dc 50%,#3c9dd4 54%,#2c90cc 67%,#1685bd 83%,#1182bc 89%,#0b7cb6 93%,#0d7eb8 96%,#097ab4 98%,#0a7bb5 100%);
        height:47px;
    }
    .no-cssgradients #headerNav {
        background:#077bb5 url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/images/bkg_mobile_topnav.jpg') repeat-x 0 0;
    }
    #headerNav h1 {
        background:url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/images/divider_mobile_topnav.jpg') no-repeat 0 0;
        color:#FFF;
        float:left;
        font-family:'Omnes', Arial, Helvetica, sans-serif;
        font-size:2.4em;
        padding:7px 0 0 18px;
        margin:8px 0 0;
    }
    #headerNav #menuButton {
        float:left;
        height:17px;
        margin:17px 15px 0 16px;
        width:20px;
    }
    #headerNav #menuButton .icon-bar {
        display:block;
        background:#FFF;
        height:3px;
        margin-bottom:4px;
        width:20px;
    }
    div#mainNavigation {
        border-radius:0;
        box-shadow:none;
        height:auto;
        margin:0;
        width:auto;
    }
    #mainNavigation #PrimaryNav li.logo {
        display:none !important;
    }
    #mainNavigation #PrimaryNav, #mainNavigation #PrimaryNav li a, #mainNavigation #PrimaryNav li a:hover {
        background:none;
        height:auto;
        margin:0;
        padding:0;
        text-indent:0;
        white-space:normal;
        width:auto;
    }
    #mainNavigation #PrimaryNav li {
        background:none !important;
        float:none;
        padding:0;
    }
    #mainNavigation #PrimaryNav li {
        display:block;
    }
    #mainNavigation #PrimaryNav > li > a, #mainNavigation #PrimaryNav > li > a:hover {
        background: #b8b8b8;
        background: -moz-linear-gradient(top,  #b8b8b8 0%, #b3b1b2 26%, #a8a8a8 52%, #9a9a9a 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8b8b8), color-stop(26%,#b3b1b2), color-stop(52%,#a8a8a8), color-stop(100%,#9a9a9a));
        background: -webkit-linear-gradient(top,  #b8b8b8 0%,#b3b1b2 26%,#a8a8a8 52%,#9a9a9a 100%);
        background: -o-linear-gradient(top,  #b8b8b8 0%,#b3b1b2 26%,#a8a8a8 52%,#9a9a9a 100%);
        background: -ms-linear-gradient(top,  #b8b8b8 0%,#b3b1b2 26%,#a8a8a8 52%,#9a9a9a 100%);
        background: linear-gradient(to bottom,  #b8b8b8 0%,#b3b1b2 26%,#a8a8a8 52%,#9a9a9a 100%);
        color:#000;
    }
    .no-cssgradients #mainNavigation #PrimaryNav > li > a, .no-cssgradients #mainNavigation #PrimaryNav > li > a:hover {
        background:#9a9a9a url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/images/bkg_mobile_primarynav.jpg') repeat-x 0 0;
    }
    #mainNavigation #PrimaryNav li .secondaryNav {
        display:block;
        height:auto;
        margin:0;
        padding:0;
        width:auto;
    }
    #mainNavigation #PrimaryNav li .secondaryNav a {
        border-bottom:1px solid #5e5e5e;
        color:#FFF;
    }
    #mainNavigation #PrimaryNav li a, #mainNavigation #PrimaryNav li a:hover {
        padding:10px;
    }
#PrimaryNav li.selected #pn-compinfo, #PrimaryNav li.selected #pn-compinfo:hover, #PrimaryNav li #pn-compinfo:hover {
        background-position:inherit;
        width:auto;
    }
    #mainNavigation #PrimaryNav li.search {
        background: none repeat scroll 0 0 #757575 !important;
        height: 47px;
        left: 0;
        margin:0;
        padding:0;
        position: absolute;
        top:-47px;
        width: 100%;
    }
    #PrimaryNav input#search {
        background:#5B5B5B;
        border-radius:4px;
        color:#b6b6b6;
        float:left;
        margin:10px 0 0 10px;
        padding:5px 5px 5px 30px;
        width:70%;
    }
    #mainNavigation #PrimaryNav li.first-mobile {   
        margin-top:47px;
    }
    #searchForm .btnGo {
        left: 11px;
        position: absolute;
        top: 10px;      
    }
    /* ========================
        OFF-CANVAS NAV 
    ======================== */
    #inner-wrapper {
        position:relative;
        width:100%;
    }
    #headerNav {
        position:relative;
        z-index:100;
    }
    #headerNav #menuButton {
        cursor:pointer;
    }
    #PrimaryNav-container {
        overflow: hidden;
        position: absolute;
        top: 0;
        width:100%;
        z-index: 200;       
    }
    #PrimaryNav-container:not(:target) {
        height: 0;
        z-index: 1;
    }
    #PrimaryNav-container #PrimaryNav {
        padding: 0;
        position: relative;

    }   
    .js-ready #PrimaryNav-container {
        height: 100%;
        left: -80%;
        width: 80%;
        background: #FFF;
    }
    .js-nav #PrimaryNav-container {
        overflow:visible;
    }
    .js-ready #mainNavigation #PrimaryNav {
        background:#757575;
    }
    .js-ready #inner-wrapper {
        left: 0;
    }
    .js-nav #inner-wrapper {
        left: 80%;
    }
    .csstransforms3d.csstransitions.js-ready #PrimaryNav-container {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .csstransforms3d.csstransitions.js-ready #inner-wrapper {
        left: 0 !important;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform 500ms ease;
        -moz-transition: -moz-transform 500ms ease;
        -o-transition: -o-transform 500ms ease;
        transition: transform 500ms ease;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .csstransforms3d.csstransitions.js-nav #inner-wrapper {
        -webkit-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
        -moz-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
        -ms-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
        -o-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(80%, 0, 0) scale3d(1, 1, 1);
    }
    .csstransforms3d.csstransitions.js-ready #PrimaryNav-container #PrimaryNav {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7;
        -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
        -webkit-transition-delay: ease, 0s;
        -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
        -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
        transition: opacity 300ms 100ms ease, transform 500ms ease;
        -webkit-transform: translate3d(80%, 0, 0) scale3d(0.9, 0.9, 0.9);
        -moz-transform: translate3d(80%, 0, 0) scale3d(0.9, 0.9, 0.9);
        -ms-transform: translate3d(80%, 0, 0) scale3d(0.9, 0.9, 0.9);
        -o-transform: translate3d(80%, 0, 0) scale3d(0.9, 0.9, 0.9);
        transform: translate3d(80%, 0, 0) scale3d(0.9, 0.9, 0.9);
        -webkit-transform-origin: 50% 0%;
        -moz-transform-origin: 50% 0%;
        -ms-transform-origin: 50% 0%;
        -o-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }
    .csstransforms3d.csstransitions.js-nav #PrimaryNav-container #PrimaryNav {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    #mobile-footer {
        padding:15px;

    }   
    #mobile-footer, #mobile-footer a {
        color:#999;
    }
    #mobile-footer ul, #mobile-footer p {
        clear:both;
        display:block;
        float:left;
    }
    #mobile-footer p {
        margin:20px 0 0;
    }
    #mobile-footer ul {
        margin:0;
        padding:0;
    }
    #mobile-footer li {
        float:left;
        margin-left:8px;
        text-transform:uppercase;
    }
    #mobile-footer li:first-child {
        margin-left:0;
    }
    #mobile-footer li:before {
        content:'|';
        padding-right:8px;
    }
    #mobile-footer li:first-child:before, #mobile-footer .connect-social li:before {
        content:'';
        padding-right:0;
    }
    #mobile-footer .connect-social p, #mobile-footer .connect-social ul {
        clear:none;
        display:inline;
        margin:0;
    }
    #mobile-footer .connect-social p {
        margin-right:10px;
    }
}
@media only screen and (min-width: 768px) {
    html, body {
        height:100%;
    }
    #header {
        margin-bottom:-28px;
    }
    .ie7 div#mainNavigation, .ie8 div#mainNavigation {
        background:#FFF;
        height:86px;
    }
    #top-links {
        float: right;
        margin-right: 20px;
    }
    #mainNavigation {
        z-index:4;
    }
    #PrimaryNav li.selected .secondaryNav {
        background:#FFF;
    }
    #PrimaryNav li .secondaryNav li .tertiaryNav {
        margin:0;
    }
    #PrimaryNav li .secondaryNav li .tertiaryNav li ul, #PrimaryNav li .secondaryNav li .tertiaryNav li li {
        padding:0;
    }    /* ========================

        MASTHEAD
     ======================== */
    #masthead, #main, #mega-footer {
        width:95%;
        margin:0 auto;
    }
    #masthead {
        border-bottom:1px solid #d2d2d2;
    }
    #masthead h1 {
        float:left;
        font-size:4.7em;
        margin:0.67em 0 0;
    }
    #categories {
        float:right;
    }
    #categories ul {
        padding:0;
    }
    #categories li {
        float:left;
        font-family:'Omnes', Arial, Helvetica, sans-serif;
        margin-left:35px;
    }
    #categories li:first-child, .ie7 #categories li:first-child, .ie8 #categories li:first-child {
        margin-left:0;
    }
    #categories li a {
        color:#808080;
        display: block;
        outline:none;
        padding-bottom:11px;
        text-transform:uppercase;
    }
    #categories li a:hover, #categories li a.active {
        border-bottom-width:2px;
        border-bottom-style:solid;
        text-decoration:none;
    }
    #categories li a.all:hover, #categories li a.all.active {
        border-bottom-color:#5a5a5a;
        color:#5a5a5a;
    }
    #categories li a.company_color:hover, #categories li a.company_color.active {
        border-bottom-color:#ff7200;
        color:#ff7200;
    }
    #categories li a.wireless_color:hover, #categories li a.wireless_color.active {
        border-bottom-color:#fcb314;
        color: #fcb314;
    }
    #categories li a.innovation_color:hover, #categories li a.innovation_color.active {
        border-bottom-color:#c4d82d;
        color:#c4d82d;
    }
    #categories li a.home_color:hover, #categories li a.home_color.active {
        border-bottom-color:#7cc6ff;
        color:#7cc6ff;
    }
    #categories li a.business_color:hover, #categories li a.business_color.active {
        border-bottom-color:#067ab4;
        color:#067ab4;
    }
    #categories li a.investors_color:hover, #categories li a.investors_color.active {
        border-bottom-color:#6ebb1f;
        color:#6ebb1f;
    }
    #categories li a.citizenship_color:hover, #categories li a.citizenship_color.active {
        border-bottom-color:#81017e;
        color:#81017e;
    }#categories li a.network_color:hover, #categories li a.network_color.active {
        border-bottom-color:#da0081;
        color:#da0081;
    }
    #news-toggle {

        float:left;
    }
    #main {
        border-top:1px solid #FFF;
        padding-top:20px;
    }
    /* ========================
        LATEST NEWS
     ======================== */
    #latest-news .search-box {
        height:30px;
        margin-bottom:20px;
        position:absolute;
        top:-70px;
        right:0;
        width:290px;
    }
    #latest-searchForm fieldset {
        border:none;
        margin:0;
        padding:0;
        position:relative;
    }
    #latest-searchForm label {
        display:none;
    }
    #latest-submit.btnGo {
        position:absolute;
        right:5px;
        top:5px;
    }
    #latest-search {
        background:#FFF;
        border:1px solid #e8e8e8;
        -webkit-box-shadow:1px 0px 5px 0px rgba(0, 0, 0, .1);
        box-shadow:1px 0px 5px 0px rgba(0, 0, 0, .1);
        font-size:1.1em;
        height:30px;
        line-height:1.8em;
        padding-left:5%;
        width:95%;
    }
    #feed-container {
        float:left;
        width:310px;
    }
    /* ========================
        FOOTER
    ========================*/      
    #mega-footer h3 {
        margin-bottom:0;
    }
    #mega-footer ul {
        padding:0;
    }
    #mega-footer li {
        font-size:1.2em;
        line-height:1.6em;
    }
    #footer {
        margin:auto;
        max-width:974px;
        width:100%;
    }
    /* ========================
        NEWS RELEASE
     ======================== */
    #article, #feed-container {
        border-radius: 6px; 
    }
    #article {
        padding:20px;
    }
    #article h1 {
        font-size:2em;
        line-height:1.5em;
    }
    .extra-info {
        padding:10px 5px;
    }
    .extra-info .share-story {
        float:right;
    }
    #article .extra-info .share-story p {
        color:#333;
        display:inline;
        float:left;
        font-family:'Omnes', Arial, Helvetica, sans-serif;
        font-size:1.2em;
        line-height:1.6em;
        margin-right:10px;
        padding-top:3px;
        text-transform:uppercase;
    }
    .extra-info .share-story .story-social-media {
        float:left;
    }
    .story-social-media span {
        cursor:pointer;
        float:left;
        margin-left:5px;
    }
    .story-social-media span:first-child {
        margin-left:0;
    }
    .multimedia {
        clear:left;
        float:right;
        margin:0 0 20px 20px;
        width:210px;
    }
    .multimedia .container {
        position:relative;
        width:210px;
        margin-bottom:20px;
    }
    .expand {
        cursor:pointer;
    }
    .expand.open {
        position:absolute;
        right:0;
        top:0;
        width:615px;
        z-index:100;
    }
    .expand.collapsed .icon {
        background:transparent url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/images/icon_plus.png') left bottom no-repeat;
        bottom:10px;
        height:16px;
        left:10px;
        position:absolute;
        width:16px;
        z-index:2;
    }
    .related-stories > div {
        float:left;
        margin:0 0 0 15px;
    }
    .related-stories div:first-child {
        margin-left:0;
    }
    /* ========================
        LANDING PAGES 
     ========================*/         
     #main-content #modules {
         margin:0 auto;
         padding:0;
         width:661px;

     }
    .row1, .row1 > div img {
        height:243px;
    }
    .row2, .row2 > div img {
        height:506px;
    }
    .col1 {
        width:207px;
    }
    .col2 {
        width:434px;
    }
    .col3 {
        width:661px;
    }
    .col-half {
        float:left;
        margin-left:4%;
        width:48%;
    }
    .col-half.first-child {
        margin-left:0;
    }
    #landing #modules .container.first-child {
        margin-top:-20px;
    }
    .module {
        float:left;
        margin:20px 0 0 20px;
        position:relative;
    }
    .module.first-child {
        margin-left:0;
    }
    .container.first-child .module {
        margin-top:0;
    }
#landing .container.first-child .module {
        margin-top:20px;
    }
    #main-content .module .teaser {
    font-size:1.4em;
    line-height:120%;
    }
    #main-content .module.col1 .teaser {
        width: 157px;
    }
    #main-content .module.col2 .teaser {
        width: 384px;
    }
    #main-content .module.col3 .teaser {
        width: 611px;
    }    
    #main-content .module .teaser p{
        font-size:1.6em;
        line-height:1.5em;
    }
    .module .more {
        border-radius:0 30px 0 0;
        bottom:0;
        left:0;
        padding:15px 20px 15px 0;
        position:absolute;
        right:0;    
        width:auto;
    }
    .module .more {
        background-color:#5A5A5A;
    }
    .module .company_color .more {
        background-color:#ff7200;
    }
    .module .wireless_color .more {
        background-color: #fcb314;
    }
    .module .innovation_color .more {
        background-color:#c4d82d;
    }
    .module .home_color .more {
        background-color:#7cc6ff;
    }
    .module .business_color .more {
        background-color: #067ab4;
    }
    .module .investors_color .more {
        background-color:#6ebb1f;
    }           
    .module .citizenship_color .more {
        background-color:#81017e;
    }
    .module .network_color .more {
        background-color:#da0081;
    }
    #main-content .module .more p {
        background:url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/images/icon_arrow.png') no-repeat right center;
        display:inline;
        font-size:1.4em;
        float:right;
        line-height:1.4em;
        margin:0;
        padding-right:25px;
        text-align:right;       
    }
    .module .hide, .module a.no-hover:hover .hide {
         display:none !important;
    }
     /* HOVERS */
    .module a:hover .overlay {
        border-radius:6px;
        height:auto;
        top:0;
    }
    .module a.no-hover:hover .overlay {
        top:auto;
    }
    .module a:hover .hide {
         display:block !important;;


    }    

    #main-content .module a:hover .headline-tease {
        display:none;
    }
    #main-content .module a:hover .headline-full p {
        font-size:1.4em;
    }       

    #main-content .module a:hover .meta {
        font-size:1.2em;
    }
    #main-content .module a.no-hover:hover .meta {
        font-size:1em;
    }
    .headline-full {
        overflow:hidden;
        width:100%;
    } 
    .row1 .headline-full {
        max-height:143px
    }
    .row2 .headline-full {
        max-height:410px
    }
    .lt-ie9 .row1 .headline-full {
/*      border:1px solid red; */
        height:141px
    }
    .lt-ie9 .row2 .headline-full {
        max-height:410px
    }     
    /* ========================
        MEDIA KITS 
    ========================*/
    #media-kit #main-content {
        background:transparent;
        -webkit-box-shadow:none;
        box-shadow:none;
    }
    #main-content .mk.container h1 {
        font-size:3.8em;
    }
    #mk-landing .mk.container > div {
        margin-top:0;
    }
    #main-content .mk.container p.intro {
        border-bottom:1px solid #f1f1f1;
        margin-bottom:0;
        padding-bottom:15px;
    }
    #media-kit .mk.container .module.first-child {
        border-top:1px solid #d6d6d6;
        padding-top:40px;
    }
    .mk.container {
        background:#FFF;
        -webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .25);
        box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .25);                    
        padding:20px;
    }
    .mk.container .module {
        float:none;
        margin:0;
    }
    .module .all {
        position:absolute;
        right:0;
        top:20px;
    }   
    
    .module.first-child .all {
        top:60px;
    }
    .lt-ie8 .module.first-child .all {
        top:45px;
    }
    #content .horz li {
        display:block;
        float:left;
        height:auto;
        margin:0;
        padding:0;
    }
    .horz li img {
        float:none;
        margin:0 0 10px;
        width:auto;
    }
.horz li .video-icon.sm {
        margin:0 0 0 -15px;
        left:50%;
        top:35px;
    }

    #main-content .module.media li.first-child {
        margin-left:0;
    }
    #main-content .module.bullets li {
        font-size:1.4em;
    }
    .module.faq .slider-container {
        float:left;
        margin-left:40px;
        width:430px;
    }
    .module.faq .slider-container .content-slider > li {
        overflow:hidden;
        width:430px !important;
    }
    .module.faq .slider-nav {
        float:left;
        width:150px;
    }
    #main-content .module.faq .slider-nav li {
        font-size:1.4em;
    }
    #main-content .slider-nav a.active {
        color:#ff7200;
    }
    .module.contact > div {
        float:left;
    }
    /* ========================
        SLIDERS 
    ========================*/
    .bx-wrapper {
        margin:0 auto 40px;
    }
    .bx-wrapper .bx-viewport {
        background:transparent;
        border:none;
        box-shadow:none;
        left:0;
    }
    #main-slider .bx-wrapper .bx-viewport {
        border-radius: 6px;
        -webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .25);
        box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .25);                    
    }
    .bx-wrapper .bx-pager.bx-default-pager a {
        background:#808080;
    }
    .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
        background:#7cc6ff;

    }   
    #content .slider .headline-tease {
        height:auto;
        overflow:visible;
    }
    #content .slider li {
        margin:0;
    }
    .library {
        width:626px;
    }
    .library h3 {
        margin-bottom:30px;

    }   
    #content .horz-slider {
        height:auto;
        margin:0 auto;
        overflow:visible;
        padding:0;
        width:570px;
    }
    #content .horz-slider li {
        width:182px;
    }
    #content .horz-slider li a {
        display:block;
    }
    .horz-slider li img {
        height:100px;
        width:182px;
    }
    .horz-slider li p {
        margin-top:1em;
    }
    .bx-wrapper .bx-controls-direction a {
        z-index:1;
    }
    .bx-wrapper .bx-prev, .bx-wrapper .bx-prev:hover {
        background:url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/images/arrow_prev.png') no-repeat 0 0;
        left:-30px;
    }
    .bx-wrapper .bx-next, .bx-wrapper .bx-next:hover {
        background:url('/National_Library/20160526010038oe_/http://about.att.com/etc/designs/snr/clientlibs/images/arrow_next.png') no-repeat 0 0;
        right:-40px;
    }
    /* ========================
        REUSABLE 
    ========================*/
    .hidden-phone {
        display:block !important;
    }
    .visible-phone {
        display:none !important;
    }
    .hidden-tablet {
        display:none !important;
    }
    .visible-tablet {
        display:block !important;
    }
}
@media only screen and (min-width: 974px) {
    #content {
        overflow:visible;
        position:static;
    }
    #top-links {
        position:absolute;
        top:-130px;
        right:0;
        z-index:2;
    }
    #top-links .connect-social, #top-links > p {
        display:inline;
        float:left; 
        margin:0;
    }
    #top-links > p {
        border-left:1px solid #CCC;
        font-size:1.2em;
        margin-left:15px;
    }
    #top-links > p a {
        margin-left:15px;
    }
    #header {
        height:40px;
        margin-bottom:0;
    }
    #container {
        margin:0 auto;
    }
    /* ========================
        CONTENT SECTIONS 
     ========================*/
    #masthead, #main, #mega-footer {
        width:auto;
    }
    #categories {
        margin-top:41px;
    }
    #categories li {
        margin-left:20px;
    }
    .ie7 #categories li, .ie8 #categories li {
        margin-left:18px;

    }
    #main {
        margin-bottom:60px;
    }
    body #main-content {
        float:right;
        margin-right:4px;
        width:661px;
    }
    /* ========================
        LATEST NEWS 
     ========================*/         
    #latest-news {
        margin-left:4px;
        position:relative;
        width:291px;
    }
    #latest-news .search-box {
        position:static;
        width:100%;
    }
    #feed-container {
        display:block;
        position:static;
        width:100%;
    }
    /* ========================
        FOOTER
     ========================*/ 
    #mega-footer div {
        float:left;
        margin-left:20px;
        width:228px;
    }
    .lt-ie9 #mega-footer div {
        margin-left:14px;
    }
    #mega-footer div:first-child, .lt-ie9 #mega-footer div:first-child {
        margin-left:0;
    }
    #mega-footer ul {
        float:left;
    }
    /* ========================
        NEWS RELEASE 
     ========================*/
    #main-content .story-related ul li {
        margin:0 28px 0 0;
    }
    .multimedia {
        margin:0 0 30px 30px;
    }
    /* ========================
        REUSABLE 
     ========================*/
    .hidden-tablet {
        display:block !important;
    }
    .visible-tablet {
        display:none !important;
    }
    .hidden-desktop {
        display:none !important;
    }
    .visible-desktop {
        display:block !important;
    }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}


.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

