body {
    background-color: #F3F3F4;
}

@font-face {
    font-family: 'DIN';
    src: url('../fonts/din_bold-webfont.eot');
    src: url('../fonts/din_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/din_bold-webfont.woff') format('woff'), url('../fonts/din_bold-webfont.ttf') format('truetype'), url('../fonts/din_bold-webfont.svg#din_bold-webfont') format('svg');
}

@font-face {
    font-family: 'ITC Avant Garde Gothic LT Bold';
    src: url('/fonts/itc_avant_garde_gothic_lt_bold.woff') format('woff');
    src: url('/fonts/ITC Avant Garde Gothic LT Bold.ttf')format('truetype');
}

@font-face {
    font-family: 'DIN Regular';
    src: url('../fonts/din_regular-webfont.eot');
    src: url('../fonts/din_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/din_regular-webfont.woff') format('woff'), url('../fonts/din_regular-webfont.ttf') format('truetype'), url('../fonts/din_regular-webfont.svg#din_regular-webfont') format('svg');
}

/*Navbar*/
.container > .navbar-header, .container > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
    background-color: #000000;
}

.navbar-default {
    border-color: #000000;
    background-color: #000000;
}

.navbar-inverse {
    background-color: #000000;
    border-color: #000000;
}

.navbar-nav {
    margin: 0 0 15px 15px;
    float: left;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
        background-color: transparent;
        color: #00C1B4;
    }

.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-toggle {
    display: block;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
}

/*Nav-links*/
/*li {
    font-family: DIN;
    font-size: 0.8125em;
    font-weight: 600;
}*/

    li.nav-link {
        font-family: DIN;
        font-size: 1.25em;
        font-weight: 600;
        color: #ffffff;
    }

.page-header {
    border-bottom: 0px solid #b94a48;
}

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

    a:hover {
        text-decoration: none;
        color: #00C1B4;
    }

    a.anchor {
        display: block;
        position: relative;
        visibility: hidden;
        padding-top: 100px;
    }

    a.list-group-item {
        color: #000000;
    }

    a:focus{
        color: #00C1B4;
    }
    

.white-heading-text {
    color: #ffffff;
    font-size: 1.875em;
    font-weight: 600;
}

.black-heading-text {
    color: #00C1B4;
    font-size: 1.875em;
    font-weight: 600;
    color: #000000;
}

.aqua-big-text {
    color: #00C1B4;
    font-size: 4.1em;
    font-weight: 600;
}

.black-bold-text {
    color: #000000;
    font-size: 14px;
    font-family: DIN;
    font-weight: 600;
}

.black-text-structure-section {
    color: #000000;
    font-size: 1.3em;
    font-family: DIN;
    font-weight: 600;
}

.black-bold-text-director-section {
    color: #000000;
    font-size: 1.3em;
    font-family: DIN;
    font-weight: 600;
}

.black-small-bold-text {
    color: #000000;
    font-size: 0.875em;
    font-family: DIN;
    font-weight: 600;
}

.black-small-text {
    font-family: DIN Regular;
    font-size: 0.9em;
}

.black-regular-text {
    font-family: DIN Regular;
    font-size: 1.1em;
}

.black-medium-text {
    font-family: DIN;
    font-weight: 600;
    opacity: 1;
    font-size: 0.99em;
    max-height: 999em;
    color: #000000;
}

.aqua-medium-text {
    color: #00C1B4;
    font-size: 1.0em;
    margin-left: 20px;
    font-family: 'ITC Avant Garde Gothic LT Bold';
}

.square-stop-aqua {
    font-size: 0.7em;
    color: #00C1B4;
}

hr {
    border-top: 1px solid #00C1B4;
    margin-top: 0px;
}

/*Headings*/
h3 {
    font-family: ITC Avant Garde Gothic LT Bold;
    font-size: 1.5em;
    font-weight: 500;
    color: #ffffff;
}

h4 {
    font-family: ITC Avant Garde Gothic LT Bold;
    font-size: 1.6em;
    color: #000000;
    font-weight: 500;
    padding-right: 30px;
    padding-left: 5px;
}

.extra-bottom20-padding {
    padding-bottom: 20px;
}

.extra-bottom40-padding {
    padding-bottom: 40px;
}

.extra-bottom80-padding {
    padding-bottom: 80px;
}

/*Footer*/
#footer {
    width: 100%;
    height: 50px;
    background: #000;
    float: left;
    color: #ffffff;
}

#footerContent {
    width: 100%;
    margin: 0px auto;
    font-size: 1.1em;
    font-family: 'DIN Regular';
}

#footerLeft {
    float: left;
    padding: 15px 0px 10px 0px;
}

#footer a {
    color: #ffffff;
}

#footerRight {
    float: right;
    padding: 15px 0px 10px 0px;
}

.panel-footer {
    background-color: #ffffff;
}

.btn-default {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}

    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
        color: #000000;
        background-color: #000000;
        border-color: #000000;
    }

.btn-primary {
    color: #000000;
    font-weight: bold;
    font-size: 1.1em;
    background-color: #ffffff;
    border-color: #ffffff;
}

i {
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

i-white {
    border: solid white;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
}

/*White Background*/
#directors, #financial-calendar, #dividends, #corporate{
    background-color: #ffffff;
    max-width: 100%;
}

#contactus {
    background-color: #232122;
}

/*About*/
.jumbotron {
    background-color: #232122;
    padding: 0;
}
    .jumbotron p {
        line-height: 1.1;
    }


.aboutus-section {
    margin-left: 100px;
    margin-right: 280px;
    padding-bottom: 40px;
}

.white-aboutus-topsection {
    color: #ffffff;
    font-family: 'DIN Regular';
    font-size: 0.8em;
    margin-left: 100px;
    margin-right: 330px;
    text-align: left;
    padding-bottom: 40px;
}

.white-bellfg-text {
    color: #ffffff;
    font-family: 'DIN Regular';
    font-size: 0.9em;
    padding-top: 10px;
    height:50%;
    padding-bottom: 10px;
    margin-left: 400px;
}

/*Structure */
ul.structure-list {
    list-style: none;
    padding-left: 25px;
}

    ul.structure-list li {
        font-weight: 500;
    }

        ul.structure-list li:nth-child(odd):before {
            content: "–";
            position: absolute;
            margin-left: -1em;
        }

/*Director Profiles*/
ul.list, ul.list li {
    padding: 0;
    width: 100%;
    list-style-type: none;
    float: left;
    font-weight: 500;
}

@import url();

ul.list {
    padding-top: 15px;
}

    ul.list li {
        border-top: 2px solid #00C1B4;
        padding-top: 20px;
        padding-bottom: 10px;
    }

.list figure {
    max-width: 700px;
    width: 100%;
    margin-bottom: 20px;
}

.pull-right {
    float: right;
    padding-left: 50px;
}

.pull-left {
    float: left;
}

/*Share Price*/
.SharePrice td {
    font-family: 'DIN Regular';
    padding-right: 60px;
    font-size: 1.3em;
}

.small-italic-font {
    font-size: 0.75em;
    font-style: italic;
}

.highcharts-background {
    fill: #F3F3F4;
    stroke: #F3F3F4;
    stroke-width: 2px;
}

.highcharts-container svg g text {
    font-size: 0.8px;
    font-family: 'DIN Regular';
}

.highlights {
    margin-bottom: 10px;
    clear: both;
    padding-left: 100px;
    padding-left: 100px;
}

    .highlights ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .highlights ul li {
            float: left;
            padding-left: 100px;
            margin-bottom: 10px;
            padding-left: 100px;
        }

            .highlights ul li img {
                width: 100%;
            }


/*Finanical Calendar*/
.FinancialCalendar td {
    padding-right: 60px;
    border-bottom: 1px solid #00C1B4;
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 1.3em;
}

/*Financial Results*/
.list-group-item {
    text-align: center;
    font-family: DIN;
    font-size: 0.99em;
    font-weight: 600;
    border: 1px solid #ffffff;
    border-bottom: 5px solid #F3F3F4;
    padding: 5px;
}

/*Dividend*/
.dividend th {
    font-family: DIN;
    padding-right: 20px;
    font-size: 1.3em;
    border-bottom: 1px solid #00C1B4;
    padding-bottom: 5px;
    padding-top: 5px;
    color: #000000;
}

.dividend tr td {
    font-family: 'DIN Regular';
    padding-right: 60px;
    padding-bottom: 5px;
    padding-top: 5px;
}

/*ASX Announcements*/
.table-hover td {
    font-family: 'DIN Regular';
    font-size: 0.9em;
    text-align: left;
    border-bottom: 5px solid #F3F3F4;
}

.table-hover > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    padding: 3px;
    border-top: 5px solid #F3F3F4;
}

.panel-default > .panel-heading {
    background-color: #ffffff;
}


.table-hover tr:hover {
    background-color: #F3F3F4;
    cursor: pointer;
}

.row-flex, .row-flex > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1 1 auto;
}

.row-flex-wrap {
    -webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex: 0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
    margin: -.2px; /* hack adjust for wrapping */
}

    .container-flex > div[class*='col-'] div, .row-flex > div[class*='col-'] div {
        width: 100%;
    }

.flex-col {
    display: flex;
    flex: 1 100%;
    flex-flow: column nowrap;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
}

.flex-grow-financialresults-section {
    display: flex;
    -webkit-flex: 2;
    flex: 4;
    min-height: 100px;
    min-width: 100px;
}

.flex-grow {
    display: flex;
    -webkit-flex: 2;
    flex: 2;
    min-height: 150px;
}


.panel-default {
    border-color: transparent;
}

.panel-group .panel {
    text-align: center;
}


/*Corporate Governance*/
.corporateGovernance td {
    padding-right: 60px;
    border-bottom: 1px solid #00C1B4;
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 1.3em;
}

/*Contact-Us*/
#contactus td {
    font-family: 'DIN Regular';
    padding-bottom: 5px;
    font-size: 1.1em;
    border-top: 1px solid #00C1B4;
    color: #ffffff;
}

#contactus th {
    font-family: 'DIN';
    padding-bottom: 5px;
    font-size: 1.3em;
    border-top: 1px solid #00C1B4;
    color: #ffffff;
    vertical-align: text-top;
}

#contactus th, #contactus td {
    padding: 2px 100px 20px 0px;
    padding-bottom: 20px;
}

#contactus {
    border-collapse: collapse;
}

.form-control {
    font-size: 1.1em;
    color: #000000;
    border: 1px solid #000000;
    font-family: DIN Regular;
}

input, button, select, textarea {
    font-family: DIN;
}

/* Media Queries*/
@media screen and (min-width: 768px) {
    .jumbotron {
       background-color: #232122;
       padding: 0px;
    }
    .container .jumbotron {
        padding-top: 100px;
        padding-bottom: 100px;
        padding-right: 150px;
        padding-left: 150px;
    }

    .jumbotron h1 {
        color: #ffffff;
    }
}

@media (max-width: 767px) {
    ul.list {
        padding-top: 0px;
    }

        ul.list li {
            padding-bottom: 10px;
        }

    .list figcaption {
        width: 100%;
    }

    .list figure {
        text-align: left;
        width: 100%;
        max-width: none;
    }

    .pull-right {
        padding-left: 0px;
    }

    .jumbotron {
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding: 0px;
        margin-bottom: 0px;
    }

    .col-sm-3 {
        width: 100%;
    }

    extra-bottom20-padding {
        padding-bottom: 0;
    }

    .extra-bottom40-padding {
        padding-bottom: 0;
    }

    h3 {
        margin-left: 0px;
    }

    .navbar-nav {
        margin: -13px 0 15px 15px;
    }
}

@media (max-width: 1498px) {
    ul.list {
        padding-top: 0px;
    }

        ul.list li {
            padding-bottom: 10px;
        }

    .list figcaption {
        width: 100%;
    }

    .list figure {
        text-align: left;
        width: 100%;
        max-width: none;
    }

    .pull-right {
        padding-left: 0px;
    }
}

@media (max-width: 991px) {
    h4 {
        padding-right: 0px;
        padding-left: 0px;
    }
}

/* For mobile phones: */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .aboutus-section {
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 0px;
    }

    .white-aboutus-topsection {
        margin-left: 30px;
        margin-right: 30px;
    }

    .white-bellfg-text {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 1.1;
        margin-left:0px;
    }

    #contactus th {
        padding: 5px 2px 5px 2px;
    }

    #contactus td {
        padding: 5px 2px 5px 2px;
    }

    #footerLeft {
       text-align: center;
       float:none;
    }

    h3 {
        font-size: 1.2em;
    }
       #footerRight {
        display:none;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .aboutus-section {
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 0px;
    }

    .white-aboutus-topsection {
        margin-left: 30px;
        margin-right: 30px;
    }

      .white-bellfg-text {
        margin-left:0px;
    }
}

@media (max-width: 1379px) {
    .aboutus-section {
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 30px;
    }

    .white-aboutus-topsection {
        margin-left: 10px;
        margin-right: 10px;
    }

    .white-bellfg-text {
        line-height:1.1;
        padding-bottom:10px;
        margin-left:0px;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .hide-on-mobile {
        display: none;
    }

    #footerLeft {
        text-align: center;
        float: none;
    }

    .white-bellfg-text {
        margin-left: 0px;
    }
}

/*Galaxy S5 Media Query*/
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3){
    h3 {
        font-size: 1.3em;
    }
}

/*iPhone 5 Media Query*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) {
    h3 {
        font-size: 1.2em;
    }

    .dividend th {
        padding-right: 20px;
    }

    .dividend tr td {
        padding-right: 20px;
    }

    .FinancialCalendar td {
        padding-right: 0px;
    }

    #contactus td {
        font-size: 1.2em;
    }

    #contactus th {
        font-size: 1.2em;
    }

    #footerRight {
        display: none;
    }
}