/* BEGIN: BCCE OVERRIDES */

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 10px;
    padding-left: 10px;
}

.row {
    margin-right: -10px;
    margin-left: -10px;
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -10px;
    }
}

@media (max-width: 991px) and (min-width: 767px) {
    .header-v4 .navbar-toggle {
        margin-top: -1px;
    }
}

@media (min-width: 992px) {
    .header-fixed .header-v4.header-fixed-shrink .navbar-nav > li > a {
        padding: 10px 30px 10px 20px;
    }
}

@media (max-width: 991px) {
    .header-fixed .header, .header-fixed .header.header-fixed-shrink {
        height: 78px;
    }
}

.no-padding {
    padding: 0;
}

.panel-body {
    padding: 10px;
}

.panel-heading {
    padding: 5px 10px;
}

.header-fixed .header-v4 {
    height: 42px;
}

    .header-fixed .header-v4.header-fixed-shrink {
        margin-top: 0px;
        height: 42px;
    }

        .header-fixed .header-v4.header-fixed-shrink .navbar-bcce {
            /*height: 59px !important;*/
        }

@media (max-width: 991px) {
    .header-fixed .header-v4 .navbar-toggle {
        margin-top: -1px;
    }
}

.header .topbar ul.languages {
    top: 15px;
}

    .header .topbar ul.languages li a {
        padding-left: 4px;
    }

        .header .topbar ul.languages li a img {
            padding-right: 4px;
        }
/* END */


body, h1, h2, h3, h4, h5, h6 {
    font-family: MyriadPro;
    font-size: 15px;
}

.job-img .exchange-info {
    background: #fff;
}

.job-img .trading-info {
    background: #fff;
}

.list-info .clients-page {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom-width: 0px;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.headline a {
    text-decoration: none;
}

.panel-news a {
    /*text-decoration: none;*/
}

.panel-news .panel-body {
    min-height: 308px;
    overflow: hidden;
}

.panel .panel-bcce {
}

    .panel.panel-bcce > .panel-heading {
        background: #fff;
        padding-right: 0px;
        border-bottom-width: 0px;
    }

        .panel.panel-bcce > .panel-heading > .headline {
            margin-bottom: 10px;
            border-bottom-style: solid;
            margin-left: 38px;
        }

.panel.panel-news {
    border-top-left-radius: 20px !important;
}

    .panel.panel-news > .panel-heading {
        border-top-left-radius: 20px !important;
    }

    .panel.panel-news .news-summary {
        font-size: 16px !important;
    }

.panel.panel-price {
    border-top-right-radius: 20px !important;
}

    .panel.panel-price > .panel-heading {
        border-top-right-radius: 20px !important;
    }

.panel.panel-resource {
}

.border-bottom-left-radius-20 {
    border-bottom-left-radius: 20px !important;
}

.border-bottom-right-radius-20 {
    border-bottom-right-radius: 20px !important;
}

.border-top-left-radius-20 {
    border-top-left-radius: 20px !important;
}

.border-top-right-radius-20 {
    border-top-right-radius: 20px !important;
}

.slider-inner.content-sliders .da-slider {
    border-bottom: 0px;
    height: 200px;
}

.panel-social {
    height: 788px;
    overflow-y: hidden;
    overflow-x: hidden;
}

.margin-top-5 {
    margin-top: 5px;
}

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

.margin-top-15 {
    margin-top: 15px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

/*
    Overrides
*/
.container {
    padding-right: 10px;
    padding-left: 10px;
}

.banner-bar .container {
    padding-right: 11px;
}

.header {
    background-color: #EDEDED;
}

    .header .topbar {
        padding-top: 2px;
        padding-bottom: 0px;
    }

    .header .navbar {
        top: -10px;
    }

        .header .navbar .nav {
            margin-top: 22px;
        }

.header-v4 .navbar-default .navbar-nav > li > a {
    font-size: 16px;
}

ul.loginbar li {
    cursor: pointer;
}

.banner-right-item {
    text-transform: uppercase;
    color: #fff;
    font-size: 150%;
    padding-top: 8px;
    margin-bottom: 6px;
}

    .banner-right-item a {
        text-transform: uppercase;
        color: #fff;
        font-size: 100%;
        padding-top: 8px;
        margin-bottom: 6px;
        text-decoration: none;
    }

.banner-left-item-h1 {
    text-transform: uppercase;
    color: #F1A707;
    font-size: 24pt;
    font-weight: bold;
    padding-top: 5px;
    margin-bottom: 5px;
}

.banner-left-item-h2 {
    text-transform: uppercase;
    color: #fff;
    font-size: 17pt;
    margin-top: -12px;
}

.banner-left-item-h3 {
    color: #fff;
    font-size: 15pt;
    font-style: italic;
    margin-top: -6px;
}

.navbar-bcce {
    background-color: #6A1F1A !important;
    height: 42px !important;
    min-height: 42px !important;
}

    .navbar-bcce .nav-container,
    .navbar-bcce .nav-button {
        background-color: #b61332 !important;
    }

        .navbar-bcce .nav-button span {
            color: #ffffff;
        }

            .navbar-bcce .nav-button span.icon-bar {
                background-color: #ffffff;
            }

    .navbar-bcce .container li {
        border-left: 0px solid #eee !important;
        border-right: 0px solid #eee !important;
    }

    .navbar-bcce .container a {
        color: #fff !important;
    }

.headline {
    margin: 4px 0 16px 0;
}

    .headline a {
        font-size: 20px;
    }

    .headline h2, .headline h3, .headline h4 {
        padding-bottom: 0px;
    }

.header-bar {
    overflow: hidden;
}

.banner-bar {
    background: url(../../../../assets/img/static/bcce.banner.bg.jpg) 90% 40% no-repeat;
    height: 375px;
    width: 100%;
}

.banner-info {
    background-image: url('../../../../assets/img/static/bcce.banner.jpg');
    background-repeat: no-repeat;
    min-height: 200px;
    margin-bottom: 0px;
}

    .banner-info .banner-info-right {
        background-image: url('../../../../assets/img/static/bcce.banner.action.png');
        background-repeat: no-repeat;
        background-position-x: right;
        background-position: center right;
        min-height: 200px;
        margin-bottom: 0px;
    }

.banner-price-board {
    background-color: #070200;
    height: 150px;
}

.footer-v3 .footer {
    padding: 10px 0;
}

.footer-logo {
    background-color: #fff;
    padding-left: 8px;
}

.panel-bcce h2 a {
    color: #7E593C;
}


.panel-bcce .headline h2, .panel-bcce .headline h3, .panel-bcce .headline h4 {
    border-bottom: 2px solid #7E593C !important;
}

.panel-bcce-hot .headline h2, .panel-bcce .headline h3, .panel-bcce .headline h4 {
    border-bottom: 2px solid #a10f2b !important;
}

.panel-bcce-hot h2 {
    color: #a10f2b;
}

.header-v4 .navbar-collapse {
    border-top: 0px solid #eee;
    border-bottom: 0px solid #eee;
}

.text-company-info {
    clear: both;
    float: left;
    margin-top: 0px;
    font-size: 16px;
    color: #663A17;
}

.text-slogan-info {
    margin-top: 8px;
    font-weight: bold;
    font-size: 18px;
}

.text-dark-red {
    color: #a10f2b;
}

.panel {
    box-shadow: 4px 4px 4px rgba(0,0,0,.05);
}

.headline h2 {
    font-size: 18px;
    font-weight: bold;
}

h3 {
    font-size: 16px;
}

.footer-bcce {
    background-color: #2E1C10 !important;
    padding: 0px !important;
    border-top: 0px solid #fff !important;
}

.footer-logo {
    margin: 0px 0 0px;
}

.copyright-bcce {
    background-color: #2E1C10 !important;
}

.footer li div, .footer h2 {
    color: #A75919 !important;
}
/*
    Mods: News
*/
.news-writen-date {
    font-size: 14px;
}

.news-image-thumb {
    width: 120px;
    height: 90px;
    margin-right: 5px;
    float: left;
}

.news-important {
    max-height: 363px;
    min-height: 363px;
}

.news-summary {
    text-align: justify;
    padding: 0px 0px 10px 0px;
    max-height: 120px;
    overflow: hidden;
}

.news-body {
    text-align: justify;
}

.news-item-old {
    padding: 3px 0px;
}

    .news-item-old a.news-item-link {
        font-size: 16px;
        color: #a10f2b;
    }


        .news-item-old a.news-item-link .icon-hot-news {
            background: url(../../../../assets/img/news/hotcoffee.gif) no-repeat 5px 0px;
            width: 20px;
            height: 16px;
            display: inline-block;
        }

.panel-heading .headicon {
    display: inline-block;
    margin-right: 2px;
    margin-left: -38px;
}

.bcce-resource li {
}

    .bcce-resource li:before {
        content: "★";
        display: inline-block;
        margin-left: -5px;
        width: 1.3em;
    }

aside.content-banner-carousel {
    width: auto;
}

    aside.content-banner-carousel .carousel-inner > .item > img,
    aside.content-banner-carousel .carousel-inner > .item > a > img {
        border-bottom-left-radius: 20px !important;
        border-top-right-radius: 20px !important;
    }

    aside.content-banner-carousel a.carousel-control.left,
    aside.content-banner-carousel a.carousel-control.right,
    aside.content-banner-carousel ol.carousel-indicators {
        display: none !important;
    }

.container.banner-hotline {
}

    .container.banner-hotline div {
        background: #000000;
        border: 1px solid #371c09;
        color: yellow;
        height: 25px;
    }

        .container.banner-hotline div marquee {
            cursor: pointer;
        }

            .container.banner-hotline div marquee a {
                color: yellow;
            }

@media (max-width: 991px) {
    .header .navbar {
        top: -10px;
    }

    .news-important {
        max-height: 100%;
        min-height: 363px;
    }

    .banner-bar .container {
        height: 350px;
    }

    .banner-bar .banner-info-left {
        margin-bottom: 26px;
        text-align: left;
    }

        .banner-bar .banner-info-left .banner-left-item-h1 {
            font-size: 18pt;
        }

    .navbar-bcce .nav-container {
        background-color: transparent !important;
    }

        .navbar-bcce .nav-container ul.navbar-nav {
            margin-left: 0px;
            margin-right: 0px;
            background-color: #b61332 !important;
        }

    .footer div.footer-logo {
        text-align: left;
    }

        .footer div.footer-logo img.footer-logo {
            margin-bottom: 26px;
        }

        .footer div.footer-logo .text-company-info {
            margin-top: -26px;
        }
}

.navbar-brand.hotline {
    top: -16px;
    background-image: url(../../../../assets/img/static/bcce.support.png);
    background-repeat: no-repeat;
    height: 78px;
    background-position: center right;
}

    .navbar-brand.hotline li {
    }

        .navbar-brand.hotline li .fa.fa-phone-square {
            color: red;
        }

    .navbar-brand.hotline .text1 {
        font-size: 12px;
        text-transform: uppercase;
    }

    .navbar-brand.hotline .text2 {
        font-size: 18px;
        text-transform: uppercase;
        font-weight: bold;
    }

    .navbar-brand.hotline .text3 {
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .navbar-brand.hotline .text4 {
        font-style: italic;
        font-size: 12px;
    }

ul.header-social {
}
/*begin social icons*/
/*Change icons circle size and color here*/
.header-social.social-icons {
    margin-top: 0px;
    margin-bottom: 3px;
}

    .header-social.social-icons li {
        text-indent: 0px;
    }

    .header-social.social-icons .fa {
        width: 37px;
        height: 37px;
        line-height: 37px;
        text-align: center;
        color: #FFF;
        color: rgba(255, 255, 255, 0.8);
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .header-social.social-icons.icon-circle .fa {
        border-radius: 50% !important;
    }

    .header-social.social-icons.icon-rounded .fa {
        border-radius: 5px !important;
    }

    .header-social.social-icons.icon-flat .fa {
        border-radius: 0;
    }

    .header-social.social-icons .fa:hover, .social-icons .fa:active {
        color: #FFF;
        -webkit-box-shadow: 1px 1px 2px #333;
        -moz-box-shadow: 1px 1px 1px #333;
        box-shadow: 1px 1px 2px #333;
    }

    .header-social.social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    .header-social.social-icons.icon-rotate .fa:hover, .social-icons.icon-rotate .fa:active {
        -webkit-transform: scale(1.1) rotate(360deg);
        -moz-transform: scale(1.1) rotate(360deg);
        -ms-transform: scale(1.1) rotate(360deg);
        -o-transform: scale(1.1) rotate(360deg);
        transform: scale(1.1) rotate(360deg);
    }

    .header-social.social-icons .fa-adn {
        background-color: #504e54;
    }

    .header-social.social-icons .fa-apple {
        background-color: #aeb5c5;
    }

    .header-social.social-icons .fa-android {
        background-color: #A5C63B;
    }

    .header-social.social-icons .fa-bitbucket, .social-icons .fa-bitbucket-square {
        background-color: #003366;
    }

    .header-social.social-icons .fa-bitcoin, .social-icons .fa-btc {
        background-color: #F7931A;
    }

    .header-social.social-icons .fa-css3 {
        background-color: #1572B7;
    }

    .header-social.social-icons .fa-dribbble {
        background-color: #F46899;
    }

    .header-social.social-icons .fa-dropbox {
        background-color: #018BD3;
    }

    .header-social.social-icons .fa-facebook, .social-icons .fa-facebook-square {
        background-color: #3C599F;
    }

    .header-social.social-icons .fa-flickr {
        background-color: #FF0084;
    }

    .header-social.social-icons .fa-foursquare {
        background-color: #0086BE;
    }

    .header-social.social-icons .fa-github, .social-icons .fa-github-alt, .social-icons .fa-github-square {
        background-color: #070709;
    }

    .header-social.social-icons .fa-google-plus, .social-icons .fa-google-plus-square {
        background-color: #CF3D2E;
    }

    .header-social.social-icons .fa-html5 {
        background-color: #E54D26;
    }

    .header-social.social-icons .fa-instagram {
        background-color: #A1755C;
    }

    .header-social.social-icons .fa-linkedin, .social-icons .fa-linkedin-square {
        background-color: #0085AE;
    }

    .header-social.social-icons .fa-linux {
        background-color: #FBC002;
        color: #333;
    }

    .header-social.social-icons .fa-maxcdn {
        background-color: #F6AE1C;
    }

    .header-social.social-icons .fa-pagelines {
        background-color: #241E20;
        color: #3984EA;
    }

    .header-social.social-icons .fa-pinterest, .social-icons .fa-pinterest-square {
        background-color: #CC2127;
    }

    .header-social.social-icons .fa-renren {
        background-color: #025DAC;
    }

    .header-social.social-icons .fa-skype {
        background-color: #01AEF2;
    }

    .header-social.social-icons .fa-stack-exchange {
        background-color: #245590;
    }

    .header-social.social-icons .fa-stack-overflow {
        background-color: #FF7300;
    }

    .header-social.social-icons .fa-trello {
        background-color: #265A7F;
    }

    .header-social.social-icons .fa-tumblr, .social-icons .fa-tumblr-square {
        background-color: #314E6C;
    }

    .header-social.social-icons .fa-twitter, .social-icons .fa-twitter-square {
        background-color: #32CCFE;
    }

    .header-social.social-icons .fa-vimeo-square {
        background-color: #229ACC;
    }

    .header-social.social-icons .fa-vk {
        background-color: #375474;
    }

    .header-social.social-icons .fa-weibo {
        background-color: #D72B2B;
    }

    .header-social.social-icons .fa-windows {
        background-color: #12B6F3;
    }

    .header-social.social-icons .fa-xing, .social-icons .fa-xing-square {
        background-color: #00555C;
    }

    .header-social.social-icons .fa-youtube, .social-icons .fa-youtube-play, .social-icons .fa-youtube-square {
        background-color: #C52F30;
    }
/*end social icons*/

.app-form .input-group-addon {
    color: #bbb;
    background: none;
    min-width: 40px;
}

.app-form label {
    font-weight: normal;
}

.app-form .header-title {
    font-size: 35px;
}

.app-form .line-title {
    font-size: 18px;
}

.app-form span.require {
    color: red;
}

.news-title {
    font-size: 25px;
    color: #a10f2b;
}

.news-content p {
    margin-bottom: 0px;
}

.news-content .news-image-thumb {
    margin-top: 6px;
    margin-right: 10px;
}

#socialarea {
    margin-top: -20px;
}

    #socialarea .periodtime {
        margin-top: 6px;
        font-size: 12px;
        height: 17px;
    }

.ViewCount {
    font-size: 23px;
    color: white;
    text-align: center;
    padding-top: 36px;
}

.unitlabel {
    font-size: 11px;
}


/*
    Mobile
*/
@media all and (min-width:479px) and (max-width: 991px) {
    .banner-bar {
        background: url(../../../../assets/img/static/bcce.banner.bg.jpg) top left no-repeat;
        height: 663px;
        width: 100%;
        background-size: 100% 100%;
    }

    .banner-price-board {
        height: 307px;
    }

    .padding-0 {
        padding: 0 !important;
    }

    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        border-color: #371c09;
        padding: 3px !important;
        text-align: center;
        vertical-align: middle;
    }

    table.visible-xs, table.visible-sm {
        display: table !important;
    }
}

@media all and (max-width: 478px) {
    .banner-bar {
        background: url(../../../../assets/img/static/bcce.banner.bg.jpg) top left no-repeat;
        height: 695px;
        width: 100%;
        background-size: 100% 100%;
    }

    .banner-price-board {
        height: 336px;
    }

    .padding-0 {
        padding: 0 !important;
    }

    table.visible-xs, table.visible-sm {
        display: table !important;
    }

    .banner-bar .banner-info-left .banner-left-item-h1 {
        font-size: 15pt;
    }
}

@media all and (min-width: 992px) {
    table.visible-md, table.visible-md {
        display: table !important;
    }
}