/*
DESIGNER: TR
DEVELOPER: DD
VERSION
DATE:
INFO:;
COMPANY:;
WEBSITE:
*/
/**************     MAIN CSS     *****************/

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);
@font-face {
    font-family: 'berninosanscondensed';
    src: url('/fonts/berninosanscondensed-bold-webfont.eot');
    src: url('/fonts/berninosanscondensed-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/berninosanscondensed-bold-webfont.woff2') format('woff2'), url('/fonts/berninosanscondensed-bold-webfont.woff') format('woff'), url('/fonts/berninosanscondensed-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'berninosanscondensed';
    src: url('/fonts/berninosanscondensed-extrabold-webfont.eot');
    src: url('/fonts/berninosanscondensed-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/berninosanscondensed-extrabold-webfont.woff2') format('woff2'), url('/fonts/berninosanscondensed-extrabold-webfont.woff') format('woff'), url('/fonts/berninosanscondensed-extrabold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'berninosanscondensed';
    src: url('/fonts/berninosanscondensed-webfont.eot');
    src: url('/fonts/berninosanscondensed-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/berninosanscondensed-webfont.woff2') format('woff2'), url('/fonts/berninosanscondensed-webfont.woff') format('woff'), url('/fonts/berninosanscondensed-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* {
    font-family: 'berninosanscondensed', sans-serif;
}

p {
    font-family: 'PT Sans', sans-serif;
}

body {
    font-size: 16px;
}

address, p, a, li {
    font-weight: 200;
    list-style: none;
}

b {
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: 700;
}

a:hover {
    color: inherit;
}

.black {
    color: #FFF;
}

.accent {
    color: #DD0812;
}

.divider {
    border-right: 1px solid #EFEFEF;
    font-size: 6px;
    margin: 0 10px;
}

.content-area {
    margin: 20px 0 40px 0;
}
/*
.content-area address,.content-area p,.content-area a,.content-area li {
    font-size: 14px;
}
*/
/**************     BOOTSTRAP STYLE SHEET OVERRIDES    *****************/

.container {
    padding: 0;
    position: relative;
    z-index: 1;
}

[class*="col-"] {
    padding: 0 7.5px;
}

.row {
    margin: 0 -7.5px;
}

a {
    color: #DD0812;
    text-decoration: none;
}

.centered {
    margin: 0 auto;
}

.navbar-brand {
    padding: 10px;
}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin: 0 -7.5px;
}

.form-control {
    border-radius: 1px;
    font-size: 13px;
    width: 100% !important;
    outline: none;
    box-shadow: none;
    border: 1px solid #ccc;
}

.btn {
    border-radius: 1px;
    /*    padding: 4px 30px;*/
    
    text-transform: uppercase;
}

.btn-primary {
    background-color: #DD0812;
    border: 0;
}

.btn-primary:hover {
    background-color: #CC0000;
    border: 0;
}

.pagination>li>a {
    color: #CC0000;
}

.pagination>li>a:hover {
    background-color: #CC0000;
    color: #FFF;
}

.pagination>li>a:focus {
    background-color: #CC0000;
    color: #FFF;
}
/**************     TOP BAR     *****************/

.top-nav {
    background-color: #000000;
    color: #fff;
    width: 100%;
    height: 36px;
    font-size: 12px;
    font-weight: 100;
    display: block;
    overflow: hidden;
    letter-spacing: .5px;
}

.top-nav .accent a {
    text-transform: uppercase;
    font-size: 12px;
    color: #DD0812;
    cursor: pointer;
}

.top-nav .greetings {
    margin-right: 10px;
}

.top-nav ul li {
    line-height: 40px;
    list-style: none;
    float: left;
}

.top-nav ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.top-nav ul li a {
    color: #fff;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 9px;
}
/**************     ADS STYLES     *****************/

.ads-container {
    position: fixed;
    width: 1366px;
    padding: 10px 0;
    left: 50%;
    margin-left: -683px;
}

.ads-express {
    margin-top: 10px;
}

.ads-left {
    float: left;
}

.ads-right {
    float: right;
}

.mobile-ads {
    text-align: center;
    min-height: 50px;
    margin: 0 auto;
    padding: 0 0 5px 0;
}
/**************     LOGO SECTION     *****************/

.date {
    font-weight: 200;
    margin-top: 10px;
    letter-spacing: .5px;
    display: block;
}
.logo {
        margin-top: 20px;
    }
/**************     MAIN NAVIGATION     *****************/

.navbar {
    margin-top: 15px;
    margin-bottom: 0;
}

.navbar-default .navbar-nav>li>a {
    color: #202020;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.navbar-default {
    border-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
}

#fixed-nav {
    background-color: rgba(255, 255, 255, 1);
    min-height: 70px;
		z-index:1000;
		position:relative;
}

#fixed-nav.navbar-fixed-top {
    position:fixed;
}

.navbar-default .container-fluid {
    padding-right: 0;
}

.container-fluid>.navbar-collapse {
    margin-right: -15px;
}

.navbar-fixed-top {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
}

.navbar-fixed-top .navbar-header::before {
    content: url('/img/logo-express-x.png');
    margin: 5px 20px 0 0;
    float: left;
}
/**************     CONTENT MAIN     *****************/

.img-caption {
    color: #777;
    font-weight: 100;
    font-style: italic;
    font-size: 13px;
    padding: 10px;
    background: #CCC;
}

.share, .tags {
    display: block;
    overflow: auto;
    list-style: none;
    padding: 0;
}

.share li a {
    border-radius: 2px;
}

.tags li a {
    background: #D0000F;
    border-radius: 2px;
    text-transform: uppercase;
}

.share li a, .tags li a {
    padding: 6px 24px;
    color: #fff;
    font-size: 12px;
}

.article-details {
    padding: 0;
}

.article.share li, .tags li {
    float: left;
    margin-left: 15px;
    padding: 10px 0;
}

.photos.share li {
    float: left;
    margin-left: 4px;
    padding: 6px 0;
}

.photos.share li a {
    padding: 6px 10px;
    color: #fff;
}

.share li:first-child,
.tags li:first-child {
    margin-left: 0;
}

.recommendations h4 {
    color: #D0000F;
    text-transform: uppercase;
}

.recommendations ul {
    margin: 0;
    padding: 0;
}

.recommendations li {
    list-style: none;
    margin-top: 10px;
    font-weight: 400;
}

.related {
    margin-top: 50px;
}

.related-header {
    position: relative;
    margin-bottom: 20px;
    padding: 0 10px;
    background-color: #FFF;
    display: inline-block;
    z-index: 1;
}

.related-header img {
    display: inline-block;
    margin-bottom: 7px;
}

.related-header span {
    font-weight: 700;
    display: inline-block;
}

.related-decoration {
    display: inline-block;
    border-bottom: 1px solid #CCC;
    top: 14px;
    left: 0;
    position: absolute;
    width: 100%;
}

.related-img {
    width: 100%;
    display: block;
    overflow: hidden;
}

.content-main {
    margin: 0;
    background: black url('/img/ex-lines.png') no-repeat left top;
}

.breaking-news {
    text-align: center;
    width: 100%;
    height: 44px;
    padding-left: 186px; /* equal to the space of breaking news */
    margin-top: 10px;
    background-color: #fff;
    line-height: 44px;
    position: relative;
    font-weight: 100;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
    color: #000;
    text-transform: uppercase;
    font-weight: bolder;

}

.breaking-news::before {
    content: 'BREAKING NEWS';
    background-color: #dd0812;
    color: #fff;
    width: 186px;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700;
    font-size: 21px;
    text-transform: uppercase;
}

.breaking-news .close {
    position: absolute;
    top: 4px;
    right: 8px;
    font-size: 16px;
}

.alert {
    padding: 0;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
}

.express-trends-menu {
    margin: 20px 0;
    color: #FFF;
    font-weight: 100;
    height: 27px;
    background-color: #373737;
    width: 100%;
    position: relative;
    padding-left: 190px;
    line-height: 27px;
    font-size: 14px;
}

.express-trends-menu::before {
    position: absolute;
    top: -2px;
    left: 0;
    content: "EXPRESS TRENDS";
    width: 160px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #252424;
    -moz-box-shadow: 0.6px 0.8px 0 rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0.6px 0.8px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0.6px 0.8px 0 rgba(0, 0, 0, 0.75);
    text-align: center;
    line-height: 31px;
    height: 31px;
}

.express-trends-menu ul {
    margin: 0;
    padding: 0;
}

.express-trends-menu li {
    list-style: none;
}

.express-trends-menu ul li {
    list-style: none;
    float: left;
}

.express-trends-menu ul li a {
    color: #fff;
}

.fact-box {
    background: #f4f4f4;
    margin: 0 20px 20px 0;
    padding: 10px;
    border: solid 1px #ccc;
}
/**************     SLIDER AREA     *****************/

.carousel {
    width: 100%;
    margin: 20px 0;
    color: #fff;
}

.carousel-inner a {
    color: #fff;
}

.carousel-inner .btn {
    font-weight: 700;
    margin: 20px 0;
    padding: 10px 30px;
}

.carousel .item {
    float: left;
}

.control-left {
    position: relative;
    left: 0px;
    color: #FFF;
    font-size: 20px;
    display: block;
}

.control-right {
    position: absolute;
    right: 0;
    color: #FFF;
    font-size: 20px;
    display: block;
}

.carousel-inner-img {
    min-height: 435px;
    overflow: hidden;
}

.slide-image .image {
    float: left;
    display: block;
    padding-left: 0px;
}

.slide-image .content {
    overflow: auto;
}

.slide-image .content h3 {
    font-weight: 700;
    margin-top: 0;
    padding-top: 0;
    display: block;
}

.slide-image .content p {
    font-size: 14px;
}

.slide-image .title {
    position: absolute;
    bottom: 20px;
    left: 8px;
    text-shadow: rgba(0, 0, 0, 0.6) 2px 2px;
    /*    background: rgba(0, 0, 0, 0.6);*/
    
    padding: 10px;
}

.slide-image .title h1, .slide-image .title h1 a {
    /*    text-transform: lowercase;*/
    
    font-weight: 700;
    margin: 0 0 5px 0;
}

.slide-image .title h3, .slide-image .title h3 a {
    font-weight: lighter;
    margin: 0;
    padding: 0;
    /*    font-size: 18px;*/
    
    margin: 0 0 5px 0;
}

.image span {
    position: absolute;
    background: #dd0812;
    padding: 2px 10px;
    left: -1px;
    top: 10px;
}

.image span::before {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    border-top: 8px solid #CE000C;
    border-left: 9px solid transparent;
    border-right: 0 solid transparent;
}

.image img {
    margin-left: 8px;
}

.content-main .container .col-md-9 {
    padding-right: 0;
}

.content-main .container .col-md-3 {
    padding-left: 0;
}

.story {
    padding: 3px 0;
}

.main-headline {
    text-transform: uppercase;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    display: inline-block;
    padding-right: 4px;
    z-index: 1;
}

.white {
    color: #fff;
    background-color: #000;
}

.headline {
    color: #D50015;
    text-transform: uppercase;
    position: relative;
    padding-left: 52px;
    background-color: #fff;
    overflow: hidden;
    display: inline-block;
    padding-right: 4px;
    z-index: 1;
}

.headline:before {
    content: url('/img/icons/dash-3.svg');
    display: inline-block;
    width: 50px;
    position: absolute;
    top: -10px;
    left: 0px;
}

.headline a {
    color: #dd0812;
    font-weight: 700;
}

.headline-decoration {
    display: inline-block;
    border-bottom: 2px solid #D50015;
    bottom: 22px;
    left: 0;
    position: absolute;
    width: 100%;
}

.tabs a {
    text-transform: uppercase;
    color: #000;
}

.relative {
    position: relative;
}

.tabs {
    display: inline-block;
    border-bottom: 2px solid #D50015;
    bottom: 13px;
    left: 0;
    position: absolute;
    width: 100%;
}

.tabs li {
    float: right;
    margin-left: 10px;
    list-style: none;
}

.more {
    border-bottom: 1px dotted #999;
    display: block;
    margin-bottom: 10px;
}

.story h3, .story h3 a {
    margin-top: 0;
    padding-bottom: 10px;
    color: #000;
}

.stories .more h5 {
    margin: 0;
    color: #000;
}

.stories .more p {
    color: #777;
    margin-bottom: 5px;
}

.stories.bullet a {
    padding-left: 20px;
}

.stories.bullet a:before {
    content: '';
    position: absolute;
    margin-top: 2px;
    width: 8px;
    height: 8px;
    background-color: #000;
    left: 16px;
}

.story p {
    font-family: 'PT Sans', sans-serif;
}

.story em {
    color: #dd0812;
    font-style: normal;
    border-right: 1px solid #000;
    padding-right: 5px;
}

.story .comments {
    color: #333;
}

.story .comments .number, .slide-image .title .number {
    background-color: #dd0812;
    color: #fff;
    padding: 1px 8px;
    position: relative;
    margin-right: 6px;
    border-radius: 1px 1px 0 1px;
}

.story .comments .number:after, .slide-image .title .number:after {
    content: '';
    position: absolute;
    bottom: -8px;
    right: 0;
    border-top: 8px solid #CE000C;
    border-left: 0 solid transparent;
    border-right: 9px solid transparent;
}

.story .excerpt {
    margin: 15px 0;
}

footer {
    border-top: 2px solid #D1041A;
    margin-top: 20px;
    margin-bottom: 50px;
    padding-top: 15px;
    font-family: 'PT Sans', sans-serif;
}

footer li {
    list-style: none;
    font-weight: 200;
}

footer ul {
    margin: 20px 0 0 0;
    padding: 0;
}

footer h6 {
    font-weight: 400;
}

footer a {
    color: #000;
}

.page-base {
    padding-top: 30px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
    padding: 20px 0 15px 0;
}

.page-base .links {
    font-family: 'PT Sans', sans-serif;
}

.page-base .links li {
    list-style: none;
    float: left;
    margin-left: 10px;
}

.page-base .links ul {
    margin: 0;
    display: inline-block;
}

.page-base .links a {
    color: #000;
    font-size: 12px;
}

.page-base .links ul:first-child {
    padding: 0;
}

.container .side-bar {
    padding-left: 0;
}

.side-bar {
    margin-top: 0px;
    width: 300px;
    float: left;
    position: relative;
    z-index: 1;
}

.side-bar h4 {
    margin-top: 30px;
    color: #000;
}

.side-bar .headline:before {
    display: inline-block;
    width: 50px;
    position: absolute;
    top: -20px;
    left: 0px;
}

.side-bar ul.social {
    padding: 0;
}

.side-bar .social li {
    float: left;
    list-style: none;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.side-bar .social li a {
    color: #fff;
    padding: 4px 14px 4px 14px;
}

.side-bar .social li a:hover, .social li a:focus {
    text-decoration: none;
}

.facebook {
    background: #3953A8;
}

.twitter {
    background: #509AD9;
}

.linkedin {
    background: #0077B5;
}

.googleplus {
    background: #D34836;
}

.front-page .item {
    padding: 4px;
}

.numbers li {
    list-style-type: decimal;
    list-style-position: inside;
    color: #fff;
}
.numbers ul {
    padding-left:7px;
}
.numbers li:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #dd0812;
    left: 0px;
		font-size:14px !important;
    z-index: -1;
}

.contact-info {
    margin-top: 30px;
}

.contact-info address, .contact-info p {
    margin: 0;
}

.contact-info h4 {
    text-transform: uppercase;
}

.news {
    margin: 20px 0;
}

.news h3 {
    margin-top: 0;
}

.news .comment {}

.news .details {
    margin: 0;
    font-size: 12px;
}
/**************     LOGIN FORM    *****************/

.black form {
    margin-top: 20px;
}

.black .control-label {
    text-transform: uppercase;
    color: #fff;
    font-weight: 200;
    letter-spacing: .5px;
}

.black .link {
    display: block;
    margin-top: 15px;
    color: #FFF;
}

.black .link.accent {
    color: #DD0812;
}

.black .link.accent:hover {
    color: #DD0812;
}
/**************     PHOTO VIEWER    *****************/

.description {
    margin-top: 20px;
}
/**************     GRID    *****************/

.grid {
    margin: 20px 0;
}

.grid .row {
    margin-top: 20px;
}

.grid .headline {
    color: #000;
    text-transform: uppercase;
    position: relative;
    padding-left: 0px;
    background-color: #fff;
    overflow: hidden;
    display: inline-block;
    padding-right: 4px;
    z-index: 1;
}

.grid .headline:before {
    content: '';
    display: inline-block;
}

.grid .photo {
    background-color: #000;
    padding: 5px 5px 30px 5px;
    color: #fff;
}

.grid .photo p {
    margin-top: 5px;
}

.photo-header .main-headline {
    margin: 0;
}

.photo-header .headline-decoration {
    bottom: 14px;
}

.photo-sub-section {
    margin-top: 10px;
}

.photo-sub-section p {
    margin-top: 5px;
}
/**************    POLL RESULTS   *****************/
.poll-results {
    margin-top: 30px;
}


/**************    LAYOUT TABS    *****************/

.tabbed-layout {
    border-bottom: 1px solid #ccc;
    display: block;
    overflow: auto;
}

.tabbed-layout li a, .tabbed-layout li a:hover {
    text-decoration: none;
}

.tabbed-layout li {
    float: right;
    margin-left: 5px;
    border-radius: 4px 4px 0 0;
    padding: 5px 12px;
}

.article-tab, .article-tab a {
    background-color: #dd0812;
    color: #fff;
}

.comment-tab, .comment-tab a {
    background-color: #BABABA;
    color: #000;
}
/**************  facebook comments fluid width **************/

.fb-comments, .fb-comments span, .fb-comments iframe, .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe {
    width: 100% !important;
}

#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span {
    width: 100% !important;
}
/**************    SEARCH    *****************/

.search-container {
    padding: 20px 0px;
    margin-bottom: 30px;
    background-color: #F7F7F7;
}

/**************    RESPONSIVENESS    *****************/

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
    .col-custom {
        width: 98%;
        
    }
    
    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        border: 0;
    }
    
    /*BREAKING NEWS*/
    .breaking-news {
        padding-left: 0px;
        height: auto;
        line-height: 21px;
        padding: 10px 24px;
    }
    .breaking-news::before {
        content: '!';
        width: auto;
        height: 100%;
        padding: 10px;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .container {
        width: 100%;
    }
    .col-custom {
        width: 720px;
        float: left;
    }
    
}

/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) {
    .navbar {
        margin-top: 0;
    }
    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #fff;
        margin-right: 0;
        border: 0;
        padding: 10px 20px;
        cursor: pointer;
    }
    .navbar-brand {
        padding-left: 0;
        border: none;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left, .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in {
        display: block !important;
    }
    .navbar-fixed-top .navbar-header::before {
        margin: 20px 20px 0 0;
    }
    /*BREAKING NEWS*/
    
    .breaking-news {
        padding-left: 0px;
    }
   
    .carousel-inner-img {
        min-height: 150px;
    }
    .slide-image .content h3 {
        margin-top: 20px;
    }
    .control-left, .control-right {
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 0px;
    }
    .container {
        width: 100%;
    }
/*
    .col-custom {
        width: 667px;
        float: left;
    }
*/
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .container {
        width: 1040px;
    }
    .col-custom {
        width: 740px;
        float: left;
    }
}