/*----------------------------------------------------------------------------------------------------

                                   Japara - IR Styles

---------------------------------------------------------------------------------------------------- */

/* Base
-------------------------------------------------- */
@import url('/FormBuilder/_Resource/_module/plugin/base.css');
@import url('/FormBuilder/_Resource/_module/plugin/font-awesome.min.css');

html { position: relative; }
body { font-family: Brown,sans-serif; color: #57636f; background: #fff; font-size: 16px; line-height: 1.2; font-weight: 400; letter-spacing: -.002em; -webkit-font-smoothing: antialiased; 
}
.container { max-width: 1055px; padding: 0 15px; }
.page-content {padding: 20px 0 40px 0;min-height: 500px;}


/* Typography
-------------------------------------------------- */

@font-face {
  font-family: 'Brown';
  src: url('/FormBuilder/_Resource/_module/aIYchPzKVUWU0ay_IZRq9g/fonts/Brown-Regular.eot'); /* IE9 Compat Modes */
  src: url('/FormBuilder/_Resource/_module/aIYchPzKVUWU0ay_IZRq9g/fonts/Brown-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/FormBuilder/_Resource/_module/aIYchPzKVUWU0ay_IZRq9g/fonts/Brown-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/FormBuilder/_Resource/_module/aIYchPzKVUWU0ay_IZRq9g/fonts/Brown-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('/FormBuilder/_Resource/_module/aIYchPzKVUWU0ay_IZRq9g/fonts/Brown-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/FormBuilder/_Resource/_module/aIYchPzKVUWU0ay_IZRq9g/fonts/Brown-Regular.svg#svgBrown-Regular') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Brown-Bold';
  src: url('/FormBuilder/_Resource/_module/aIYchPzKVUWU0ay_IZRq9g/fonts/Brown-Bold.eot'); /* IE9 Compat Modes */
  src: url('/FormBuilder/_Resource/_module/aIYchPzKVUWU0ay_IZRq9g/fonts/Brown-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/FormBuilder/_Resource/_module/aIYchPzKVUWU0ay_IZRq9g/fonts/Brown-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('/FormBuilder/_Resource/_module/aIYchPzKVUWU0ay_IZRq9g/fonts/Brown-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('/FormBuilder/_Resource/_module/aIYchPzKVUWU0ay_IZRq9g/fonts/Brown-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/FormBuilder/_Resource/_module/aIYchPzKVUWU0ay_IZRq9g/fonts/Brown-Bold.svg#svgBrown-Bold') format('svg'); /* Legacy iOS */
}

h1,h2, h3,h4,h5,h6{color:#57636f; font-family: 'Brown-Bold';}
h1 { margin-top: 0; font-size: 42px; font-weight: bold; }
h2 { font-size: 40px; }
h3 { font-size: 32px;  }
h4 { font-size: 20px; }
h5 {  }
h6 {  }

/* Tables
-------------------------------------------------- */
table { width: 100%; }
tr:nth-child(even) {background: #fff; } 
tr:nth-child(odd) {background: #e7edf4; }
th, td { padding: 10px; }
th { background: #afc3dc; color: #57636f; font-family: 'Brown-Bold';}
td a {color: #57636f;}
.custom-table a{display:block; float:left; line-height: 16px;}
table.custom-table.govdocs td a:before {content: "\f1c1"; position: absolute; font-family: 'FontAwesome'; top: -2px; left: 0px; font-size: 20px; color: #57636f; cursor: pointer;}
table.custom-table.govdocs td a {position: relative;padding-left: 30px;float: left;}
table.custom-table a:hover{color: #919191;}


/* Tabs
-------------------------------------------------- */
#tab-group { width: 100%; clear:both; margin-bottom: 20px;}
#tab-group ul { margin: 0; padding: 0;}
#tab-group ul li { display: inline-block; *display: inline; zoom: 1; padding: 0 0; margin: 0; }
#tab-group ul li a.tab-button { display: block; text-align: center; text-decoration: none; background: #e7edf4; color: #57636f !important; border: 2px solid #bcc3cc; border-radius: 3px;    padding: 10px;}
#tab-group ul li a.tab-button:hover { background: #57636f; color: #FFF !important; border-color:#57636f;}
#tab-group ul li a.tab-button.current {background: #57636f; color: #FFF !important; border-radius: 3px; border-color:#57636f;}

/* Links
-------------------------------------------------- */
a { color: #073cd4; text-decoration: none; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
a:hover { color: #919191; text-decoration: none; }
a span { display: none; }

/* Buttons
-------------------------------------------------- */
.btn, .loadNext, .filterButton, .submitSubscriptionBtn .button { display: inline-block; padding: 10px 20px; background: #57636f; border: 2px solid transparent; color: #fff; text-decoration: none !important;     border-radius: 25px; font-family: 'Brown-Bold'; -webkit-transition: background .3s,color .3s; -o-transition: background .3s,color .3s; transition: background .3s,color .3s;}
.btn:hover, .btn:active, .btn:focus, .loadNext:hover, .loadNext:active, .loadNext:focus, .filterButton:hover, .filterButton:active, .filterButton:focus, .submitSubscriptionBtn .button:focus, .submitSubscriptionBtn .button:hover { background: #fff; color: #57636f; border: 2px solid #57636f; }
a[data-icon="pdf"]:before { content: "\f1c1"; position: relative; font-family: FontAwesome; top: 0; left: 0px; font-size: 21px; padding-right: 10px;}
a[data-icon="book"]:before { content: "\f1c5"; position: relative; font-family: FontAwesome; top: 0; left: 0px; font-size: 21px; padding-right: 10px;}
a[data-icon="audio"]:before { content: "\f028"; position: relative; font-family: FontAwesome; top: 0; left: 0px; font-size: 21px; padding-right: 10px;}
span.filesize{padding-left: 7px;}

/* Navigation(s) - Only use the Navigation styles that you need.
-------------------------------------------------- */

/* Top Nav */
.sideNav {float:right; text-align:right; margin-right:-21px}
.sideNav ul { padding: 0; }
.sideNav li { list-style-type: none; }
.sideNav a {font-size: 16px; padding: 0 9px; text-decoration: none; display: block; font-weight: 700; color: #57636f; box-sizing: border-box; -webkit-font-smoothing: antialiased; font-family: 'Brown-Bold';}
.sideNav a:hover { text-decoration: none; color: #073cd4; } 
.sideNav > ul { font-size: 0; padding: 0;}
.sideNav > ul > li{display: inline-block;line-height: 80px;}
.sideNav > ul > li:hover > ul { display: inline-block; line-height: 44px; opacity: 1; visibility: visible;-webkit-transform: translateY(0);-ms-transform: translateY(0);
    transform: translateY(0);}
.sideNav .parentNav:hover .subNav { display: block; }
.sideNav .subNav {position: absolute;background: #e7eef5;border-top: 1px solid #a3b6c9;text-align: left; z-index: -1; position: absolute; top: 100%; width: 212px; -webkit-box-shadow: 0 3px 3px rgba(87,99,111,.5); box-shadow: 0 3px 3px rgba(87,99,111,.5); -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); border-top: 1px solid #a3b6c9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s,visibility .3s,-webkit-transform .3s; transition: opacity .3s,visibility .3s,-webkit-transform .3s; -o-transition: opacity .3s,visibility .3s,transform .3s; transition: opacity .3s,visibility .3s,transform .3s; transition: opacity .3s,visibility .3s,transform .3s,-webkit-transform .3s; }
      
.sideNav .subNav a { color: #57636f; text-decoration: none !important; line-height: normal; padding: 14px 10px 14px 16px; letter-spacing: -.018em; display:block; background: #e7eef5; -webkit-transition: background .3s,color .3s; -o-transition: background .3s,color .3s; transition: background .3s,color .3s;} 
.sideNav .subNav a:hover { background: #fff; color: #073cd4;}
.sideNav .subsubNav { display: none; position: absolute; left: 100%; background: rgba(243,244,245,0.9); top: 0; width: 100%;}
.sideNav .subparentNav { position: relative; }
.sideNav .subparentNav:hover .subsubNav { display: block; }
.sideNav .subparentNav > a { padding-right: 40px;}
.sideNav .subparentNav > a:after { content: "\f105"; font-family: 'Font Awesome 5 Light'; font-size: 20px; vertical-align: middle; display: inline-block; right: 15px; position: absolute; }
li.parentNav a:hover{color:#57636f;}

/* Full Nav */
.fullNav ul { padding: 0; font-size: 0; z-index: 100; }
.fullNav li { list-style-type: none; display: inline-block; text-align: center; vertical-align: middle; }
.fullNav li:hover .subNav { display: block; }
.fullNav .column > ul > li:first-child > a { padding-left: 0; }
.fullNav .column > ul > .parentNav > a:after { content: "\f107"; font-family: 'Font Awesome 5 Light'; font-size: 20px; line-height: normal; vertical-align: middle; margin: 0 0 0 10px; display: inline-block; }
.fullNav a { text-decoration: none; font-size: 14px; display: block; padding: 20px 10px; border-bottom: 3px solid transparent; color: #095a91;}
.fullNav .column > ul > li > a { height: 65px; }
.fullNav .column > ul > li > a:hover { color: #379cca; }
.fullNav .column > ul > li > .active { border-color: #379cca; color: #379cca !important; }
.fullNav .subNav { display: none;position: absolute;background: rgba(243,244,245,0.9); }
.fullNav .subNav li { display: block; text-align: left; }
.fullNav .subNav li a { border: 0; color: #000; padding: 15px; }
.fullNav .subNav li a:hover, .fullNav .subNav li .active { background: rgba(55,156,202,0.8) !important; color: #fff !important; }


/* Mobile Slide Nav */
.slideNavActive .mobileSlideInMenu { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slideNavActive .bodyWrap { -webkit-transform: translate(-35%); transform: translate(-35%); position: fixed; width: 100%; }
.bodyWrap { width: 100%; height: 100%; transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); box-shadow: 0 0 32px rgba(0,0,0,0.4); }
.mobileSlideInMenu { padding: 90px 0; right: 0; top: 0; -webkit-transform: translate3d(120%, 0, 0); transform: translate3d(120%, 0, 0); transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); width: 261px; position: fixed; height: 100%; overflow: auto; }
.mobileSlideInMenu ul { padding: 0; }
.mobileSlideInMenu > ul > li { border-bottom: 1px solid #ccd0d4; transition-duration: 400ms; }
.mobileSlideInMenu li { list-style-type: none; }
.mobileSlideInMenu .subNav { display: none; }
.mobileSlideInMenu a {padding: 11px 15px 11px;display: block; text-decoration: none !important;position: relative;font-weight: bold;color: #57636f;}
.mobileSlideInMenu .subNav a { font-weight: normal; }
.mobileSlideInMenu .active { color: #073cd4; }
.mobileSlideInMenu .parentNav.open { margin: 0; padding: 0; border-color: #ececec; }
.mobileSlideInMenu .parentNav.open a{color: #073cd4;}
.mobileSlideInMenu .parentNav.open ul{background: #e7eef5;}


/* Header
--------------------------------------------------------*/
.topfixed {position: fixed; width: 100%; top: 0; left: 0; right: 0; z-index: 10;}
.top_bar {background: #57636f; color: #fff; padding: 5px 0;}
.top_bar a{color: #fff; font-weight: 700; font-size: 14px; line-height: 45px;}
.search{float:right; position: relative; margin-right: -27px;}
.search__field {background: #fff;-webkit-border-radius: 20px; border-radius: 20px; color: #8f98a1; font-size: 14px; border: 0; height: 27px; width: 160px; padding-left: 13px; padding-right:20px; color: #57636f;line-height: 27px;}
.search label {font-size: 20px; color: #f7f9fc; margin-right: 16px; position: relative; top: 3px;}
.search__btn {border: 0; background: url(/FormBuilder/_Resource/_module/aIYchPzKVUWU0ay_IZRq9g/images/ico-search.png); background-size: 17px; background-repeat: no-repeat; position: absolute; top: 6px; right: 14px; width:17px; height: 17px;}
label.wpa-screen-reader-text {position: absolute!important; clip: rect(1px,1px,1px,1px); overflow: hidden; color: #000; background: #fff; width: 1px; height: 1px;}
#asx-code{text-align: right; margin-right: -16px;}
#asx-code img{width: 50px;}

.branding {padding: 0;position: relative; background:#fff; transition: .5s; -webkit-box-shadow: 0 2px 4px rgba(74,88,99,.3); box-shadow: 0 2px 4px rgba(74,88,99,.3);}
.branding.scrolled {padding: 0;position: relative; -webkit-box-shadow: 0 2px 4px rgba(74,88,99,.3); box-shadow: 0 2px 4px rgba(74,88,99,.3); background:#fff;}
.branding #logo { display: inline-block; padding: 24px 0;}
.branding #logo img { width: 100%; max-width: 141px; padding: 0;}

.branding .mobileMenuBtn {display: none; position: absolute;right: 15px;}
.branding .topnavBtn { top: 20px;}
.branding .fullnavBtn { top: 35px; }
.branding .slidenavBtn { top: 20px; }

.branding .ten.columns{width: 85%; margin: 0 -22px; padding: 0;}

/* Banner
--------------------------------------------------------*/
.banner.home {background: url(/FormBuilder/_Resource/_module/aIYchPzKVUWU0ay_IZRq9g/images/hero_investors-bg.jpg) right center; background-size: cover; -webkit-background-size: cover; position: relative; background-repeat: no-repeat; min-height: calc(100vh - (43px + 25px)); background-position: center right; padding-top: 150px; display: none;}

.banner.inner {margin-top: 110px; background: url(/FormBuilder/_Resource/_module/aIYchPzKVUWU0ay_IZRq9g/images/banner-company-info.jpg) center center; background-size: cover; -webkit-background-size: cover; position: relative; text-align: center;}
.banner.inner:before{content:''; left:0; top: 0; right:0; bottom:0; position:absolute; background: rgba(87,99,111,0.5);}
.banner .container { height: 100%; }
.banner .row { height: 100%; }
.banner .column { float: none; height: 100%; display: table; width: 100%; }
.banner span { display: table-cell; vertical-align: middle; color: #57636f; line-height: normal; }
.banner strong { display: block; }
.banner h1.bannerText{ font-size: 80px; color: #23527c; font-weight: bold; color: #fff; width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); max-width: 1024px;}

/* HIPPO Content
--------------------------------------------------------*/

/* Home */

.homeTitle {margin: 20px 0 70px 0;}
.homeTitle h1, .homeTitle h2{color: #fff;}
.homeTitle h1 {font-size: 80px;margin: 0 0 10px 0;padding: 0;}
.homeTitle h2 {font-size: 17px;font-family: Brown-Bold;padding: 0;margin: 0;}
a.home-btn {background: #073cd4;padding: 10px 20px 10px 20px;border-radius: 29px;color: #fff;border: 2px solid #073cd4;-webkit-transition: background .3s,color .3s;-o-transition: background .3s,color .3s;transition: background .3s,color .3s;font-size: 14px;display: inline-block;margin-top: 15px;font-family: 'brown bold';font-family: Brown-Bold;line-height: 14px;}
a.home-btn:hover {background: transparent;border: 2px solid #073cd4;color: #073cd4;}
.columns.four.snippet {margin-bottom: 85px;}
.snippet h4 {color:#57636f;font-family: Brown-Bold;padding: 0;margin: 0 8px 10px 0;font-size: 32px;float: left;}
.snippet p {color: #fff; line-height: 28px;}
.sp-latest {font-family: Brown-Bold; font-size: 25px;}
.snippet th.announcementTitleHeader, .snippet th.announcementDateHeader {display: none;}
.snippet table.announcementsTable td {padding: 10px 0;}
.snippet .sp-latest, table.priceTable .price {font-family: Brown-Bold;font-size: 32px;padding-bottom: 10px; margin-top: 15px;}
.announcement-box .announcementsTable tr {border-bottom: 1px solid #57636f; background:none;}
.snippet td.announcementDate span[aria-hidden] {display: none;}
.snippet td.announcementDate{display:none;}
.row.homeSnippets {display: block; clear: both; margin-bottom: 40px;}
.homeSnippets table.announcementsTable .announcementTitle a {padding-left: 0;}
.homeSnippets table.announcementsTable .announcementTitle:before{content: '';}
.hsWrapper {background: #fff;}
.five.columns.hsWrapper{padding: 20px 20px 0 20px; margin-bottom: 40px;}

.homesharePrice { background: #f0f0f0; padding: 20px; margin: 0 0 20px 0; }
.homesharePrice h3 { margin: 0 0 5px 0; }
.homesharePrice p:last-child { margin: 0; }
.homesharePrice .priceLatest { font-size: 62px; font-weight: bold; color: #095a91; }
.sp-change {float: left; margin-right: 5px;}

.homeAr { background: #f0f0f0; padding: 20px; }
.homeAr h3 { margin: 0 0 20px 0; }
.homeAr img { width: 100%; max-width: 300px; }
.homeAr .btn { margin: 20px 0 0 0 }
.homeAr p { margin: 0; }

.homeAnnouncements th { display: none; } 
.homeAnnouncements .btn { margin: 20px 0 0 0; }

/* Top 20 Shareholders */
.topshareholdersTable tr th:first-child, .topshareholdersTable tr td:first-child { width: 5%; text-align: center; }
.topshareholdersTable tr th:nth-child(2), .topshareholdersTable tr td:nth-child(2) { width: 65%; } 
.topshareholdersTable tr th:nth-child(3), .topshareholdersTable tr td:nth-child(3) { width: 20%; text-align: right; }
.topshareholdersTable tr th:last-child, .topshareholdersTable tr td:last-child { width: 10%; text-align: right; }
.topshareholdersTable .total { font-weight: bold; }

/* Analyst Coverage */
.analystcoverageTable tr th:first-child, .analystcoverageTable tr td:first-child { width: 50%; } 
.analystcoverageTable tr th:last-child, .analystcoverageTable tr td:last-child { width: 50%; } 

/* ASX Announcements */
.announcements-filter { text-align: right; margin: 10px 0; }
.announcementDateHeader, .announcementDate { text-align: right; vertical-align: top;}
.announcements-filter input{padding: 7px;}
input.filterButton{padding: 8px 20px;}

 table.announcementsTable .announcementTitle:before { content: "\f1c1"; position: absolute; font-family: 'FontAwesome'; top: 7px; left: 10px; font-size: 20px; color: #57636f; cursor: pointer;}
table.announcementsTable .announcementTitle{position: relative;}
table.announcementsTable .announcementTitle a{padding-left: 27px;}

/* Media Releases */
.mediareleasesTable th:last-child, .mediareleasesTable td:last-child { text-align: right; } 

/* Presentations & Webcasts */
.pwTable tr th:first-child, .pwTable tr td:first-child { width: 60%; }
.pwTable tr th:nth-child(2), .pwTable tr td:nth-child(2) { width: 20%; text-align: center; }
.pwTable tr th:last-child, .pwTable tr td:last-child { width: 20%; text-align: center; }

/* Results Centre */
.webcastTable tr th:last-child, .webcastTable tr td:last-child { text-align: right; }

/* Annual Reports */
.annualreportRow img { width: 100%; max-width: 300px; }
.annualreportRow h3 { margin-top: 0; } 
table.annualReports.responsive tr{background:none;}
table.annualReports.responsive td{vertical-align: top;}
table.annualReports.responsive td img{width: 100%; border: 1px solid #e7edf4;}
table.annualReports.responsive h3 {margin: 0 0 40px 0;}
.annualreports a[data-icon="pdf"]:before {padding-right:0;}
.annualreports span.filesize{padding-left:0;}

/* Share Price */
.priveVolumeChart { width: 100% !important; }
.sharepriceTable { margin: 0 0 30px 0; } 
.sharepriceTable th, .sharepriceTable td { text-align: center; }
.sharepriceTable #fill_last { color: #23527c; font-weight: bold; font-size: 30px; }
.highcharts-button { cursor: pointer !important; }
#custom-price-table th, table#custom-price-table td {text-align: center;}
#fill_last { font-weight: 700; font-size: 20px; color: #57636f;}
#custom-price-table{margin-bottom: 40px;}
.custom-table a { color: #333; }
.priceTable .priceMove {float: left; padding-right: 5px;}
.price-icon {position: relative;display: inline-block;float: left;padding-right: 5px;}
.price-icon-down:before { content: "\f0d7"; font-family: FontAwesome; font-size: 20px; top:0px; left:0px; color:#F30 }
.price-icon-up:before { content: "\f0d8"; font-family: FontAwesome; font-size: 20px; top:0px; left:0px; color: #0C0 }
table.priceDetails {display: none;}
table.priceTable tr td:nth-child(2) {display: none;}
table.priceTable tr{background:none;}
table.priceTable span{float:left;}
.priceTable .price-date{float:left; padding-left: 3px;text-transform: lowercase;}



    /* Share Price Mobile */
    .innerSharePrice { text-align: center; display: none; }
    .innerSharePrice .sharePriceTitle { font-size: 28px; } 
    .innerSharePrice .sharePriceTitle strong {color: #379cca; }
    .innerSharePrice .sharePriceLatest { font-size: 62px; font-weight: bold;color: #57636f; line-height: normal; margin: 0 0 10px 0;}
    .innerSharePrice table { margin: 0 0 10px 0; }
    .innerSharePrice table tr td:first-child { text-align: right; width: 50%; }
    .innerSharePrice table tr td:last-child { text-align: left; width: 50%; }
    .innerSharePrice .shareUpdated { margin: 0 0 20px 0; }

/* Dividends */
.dividendTable th:last-child, .dividendTable td:last-child, .dividendTable th:nth-child(4), .dividendTable td:nth-child(4) { text-align: center; }
table.dividends-table.custom-table th:last-child {text-align: center;}
table.dividends-table.custom-table td:last-child {text-align: center;}


/* Historical Share Price */
.priceHistoryContainer { margin: 10px 0 0 0; }
.priceHistoryContainer th:first-child, .priceHistoryContainer td:first-child { text-align: left; } 
.priceHistoryContainer th, .priceHistoryContainer td { text-align: center; }

/* Investment Calculator */
.investmentCalcChart { margin: 0 0 30px 0; }
.calc-table .calc-table-filter {background: #e7edf4; margin: 0 0 20px 0; padding: 20px; }
.calc-table .calc-table-filter-row > .text { font-size: 30px; margin: 0 0 10px 0; display: block; }
.calc-table .calc-table-filter-row input[type='radio'] { margin: 0 5px 0 0; display: inline-block; }
.calc-table .calc-table-filter-row input { margin: 10px 0 10px 20px; display: block; padding: 10px;}
.calc-table .calc-table-filter-row .horizontal label { font-size: 18px; }
.calc-table ul { list-style-type: none; padding: 0; }
.calc-table .calc-table-row { width: 100%; display: table; table-layout: fixed; padding: 10px; background: #f3f3f3; }
.calc-table .calc-table-row:nth-child(even) { background: #fff; }
.calc-table .calc-table-row:nth-child(odd) { background: #e7edf4; }
.calc-table .calc-table-row label { font-weight: bold; }
.calc-table .calc-table-row label, .calc-table .calc-table-row span { display: table-cell; }
.calc-table-filter-row ul.horizontal li{display: inline-block; width: 40%;}
ul.horizontal li input[type="text"]{width: 90%;}


/* Email Alerts */
.emailSubscriptionView .row > label { font-weight: bold; display: block; }
.emailSubscriptionView .row > label > span, .emailSubscriptionView .row legend .alertRequired { color: red; }
.emailSubscriptionView .row legend .alertRequired { margin-left: 3px; }
.emailSubscriptionView .row legend { display: block; }
.emailSubscriptionView .row legend span { font-weight: bold; }
.emailSubscriptionView .row legend, .emailSubscriptionView .row > label:first-child {padding: 15px 0 5px 0;}
.emailSubscriptionView ul { list-style-type: none; padding: 0; margin: 0 0 10px 0; }
.emailSubscriptionView ul li input { margin: 0 5px 0 0; cursor: pointer; }
.emailSubscriptionView #EmailAddress { font-weight: normal; max-width: 300px; width: 95%; }

/* Financial Tear Sheet */
.boardTable td:first-child, .executiveTable td:first-child { width: 15%; font-weight: bold; }
.boardTable td:last-child, .executiveTable td:last-child { width: 85%; }

/* Annual General Meeting */
.agmTable td { vertical-align: top; }
.agmTable td:first-child { font-weight: bold; }
.previousagmTable th:first-child, .previousagmTable th:first-child { text-align: left; }
.previousagmTable th, .previousagmTable td { text-align: center; }

/* Event Calendar */
.calendarTable th:last-child, .calendarTable td:last-child, .pastcalendarTable th:last-child, .pastcalendarTable td:last-child { text-align: right; }

/* Board and Management */
.profileTable { margin: 0 0 40px 0; border-bottom: 1px solid #eaeaea; }
.profileTable tr { background: none; } 
.profileTable td { padding: 0; vertical-align: top; } 
.profileTable td:last-child { padding: 0 0 30px 20px; }
.profileTable h2 { margin-top: 0; }
.profileTable td img { width: 100%; width: 250px; }
.profile { clear: both;border-bottom: 1px solid #d3dfed; overflow: auto; margin: 20px 0; padding: 20px 0;}
.profile-pic {float: left; padding: 0 20px 20px 0;}
.profile-pic img { width: 240px;}
.profile-title h3 {margin: 0 0 8px 0;}
.profile-title h5{font-size:18px; margin: 8px 0 25px 0;}
.profile-text{display: table;}


/* FAQs */
.QAViewer { border: 1px solid #23527c;margin: 0 0 15px 0;border-radius: 3px;}
.QAViewer:hover { border-color: #379cca;}
.QAViewer.open { border-color: #379cca !important; }
.QAViewer.open > a { background: #379cca; color: #fff; text-decoration: none;}
.QAViewer > a { display: block;padding: 15px 15px 15px 45px;position: relative;line-height: normal;display: inline-block;width: 100%;margin: 0;}
.QAViewer .answer { padding: 15px 15px 5px 45px; }
.QAViewer > a:hover { background: #379cca;color: #fff;text-decoration: none;}
.QAViewer > a:before { content: "\f107";font-family: 'Font Awesome 5 Light';font-size: 25px;margin: 0 15px 0 0;line-height: normal;position: absolute;left: 20px;top: 50%;margin-top: -12.5px; }
.QAViewer.open > a:before { content: "\f106" !important; }

/* Footer
--------------------------------------------------------*/
.page-footer {background: #67727d;color:#fff;padding: 40px 0 0 0;}
.page-footer a { color: #fff; }
.page-footer a:hover {color: #E7EDF5;}
.page-footer .columns > ul > li { margin: 0 0 10px 0; }
.page-footer .columns > ul > li > a { font-size: 16px; font-weight: 400; }
.page-footer .columns > ul > li > a:hover{text-decoration: none;}
.page-footer .columns > ul > li:last-child { margin: 0; }
.page-footer ul { padding: 0; }
.page-footer li { list-style-type: none; }
.page-footer .footerNav {margin: 0 0 40px 0;padding: 0;}
.footer-bottom {background: #57636f; text-align: right; padding: 25px 0 24px;}
ul.terms li {display: inline-block; padding-left: 13px; font-family: 'Brown-Bold';}
ul.terms li img { width: 141px; margin-left: 5px;}
.solution {padding-top: 6px;font-size: 13px; opacity: 0.5; text-align: right; line-height: 18px;}

/* Media Queries
-------------------------------------------------- */

@media (max-width: 1200px) {
    
    /* Desktop Menu */
    .topNav, .fullNav { display: none; }
    
    .topNav .parentNav:hover .subNav { display: none; }
    .topNav > ul > li { display: block; line-height: normal; }
    .topNav a { padding: 10px 0; }
    .topNav a:hover { text-decoration: none; }
    .topNav .parentNav > a:after { position: absolute; right: 20px; }
    .topNav .subNav { position: relative; }
    .topNav .subsubNav { position: relative; left: auto; padding: 0 0 0 20px; background: #fff; }
    .topNav .subparentNav:hover .subsubNav { display: none; }
    .topNav .subsubNav a:hover, .topNav .subsubNav .active { background: #fff !important; color: #379cca !important; }
    
    .fullNav ul {padding: 20px 0;}
    .fullNav li {display: block;text-align: left;}
    .fullNav li a { padding: 10px 0; height: auto !important; border: 0; line-height: normal; }
    .fullNav .column > ul > .parentNav > a:after { position: absolute; right: 20px; }
    .fullNav li:hover .subNav { display: none; }
    .fullNav .subNav { padding: 0; position: relative; }
    
    /* Home side widgets */
    .homeAnnouncements, .homesharePrice { margin: 0 0 40px 0; }
    
    /* Annual Reports */
    .annualreportRow .four.columns { margin: 0 0 20px 0; }
    
    /* Footer */
    .page-footer .three.columns { margin: 0 0 20px 0; }
    .page-footer .column { text-align: left !important; }
    
}

@media (max-width: 1060px) {
    .sideNav a{font-size:14px;padding: 0 4px;}
    .branding .ten.columns{margin:0;}

}


@media (max-width: 860px) {
    
    /* General Styles */

    .column, .columns{width: 100%;}
    .column.hbContent{margin: 60px 0 140px;}
    .two.columns {background: #fff; width: 100%;}
    .three.columns{width: 100%;}
    .four.columns.snippet{margin: 0 0 50px 0;}
    .five.columns{width: 100%;}
    .btn, .loadNext, .filterButton, .submitSubscriptionBtn .button { display: block; text-align: center; width: 100%; }
    h1{font-size:44px;}
    h2{font-size:24px;}
    h3{font-size:20px;}
    h4{font-size:21px;}
    .two.columns.mNavWrapper {background: #fff;}
    
    /* Header */
    
    .homeTitle {margin: 20px 0 22px 0;}
    .homeTitle h1{font-size: 50px; line-height: 40px; padding-bottom: 10px;}
    .homeTitle h2{font-size:20px;}
    .top_bar{display:none;}
    .branding #logo{padding: 24px 0 24px 15px;}
    .branding{background:#fff;}

    /* Homepage Snippets */

    .row.homeSnippets{margin-bottom: 30px;}
    .snippet h4 {color: #57636f;}
    .sp-latest, .sp-change, .sp-date{color: #57636f}
    .snippet p {color: #57636f;line-height: 28px; margin:0;}
    .announcement-box .announcementsTable td, .announcement-box .announcementsTable td a {vertical-align: top; color: #57636f;}
    .homeSnippets table.announcementsTable .announcementTitle:before{content:'';}
    .sp-box, .email-box, .announcement-box {height: auto;}
    a.home-btn{margin-top: 10px; display: inline-block;}
    
    /* Mobile Menu */
    .mobileMenuBtn { display: block !important; }
    .mobileSlideInMenu { display: block; z-index: 999;}
    .slideNavActive .bodyWrap{-webkit-transform: translate(-280px); transform: translate(--280px); position: fixed; width: 100%;}
    
    /* Navigation */
    .ten.columns.sideNav{display:none;}
    .mobileMenuBtn.slidenavBtn:after {content: "\f0c9"; position: absolute; font-family: 'FontAwesome';top: 0px;right: 0px;font-size: 30px; color: #57636f;cursor: pointer;}
    .slideNavActive .mobileMenuBtn.slidenavBtn:after {content: "\f00d"; position: absolute; font-family: 'FontAwesome'; top: 5px; right: 0px;  font-size: 30px; color: #57636f;}
    .topNav, .fullNav {width: 0 !important; height: 100%; float: right; text-align: left; position:fixed; z-index: 1; top: 0; left:0; overflow-x: hidden; padding-top: 60px; transition: 0.5s; display:block;}
    .topNav > ul{background: #fff;}
    .topNav > ul > li {display: block; line-height: 16px; border-bottom: 1px solid #ccd0d4;}
    .topNav a {padding: 15px 0 15px 15px;}
    .branding > .container {padding: 0;}

    
    li.parentNav{position: relative;}
    li.parentNav:after { content: "\f067"; position: absolute; font-family: 'FontAwesome'; top: 5px; right: 20px; font-size: 25px;color: #57636f; }
    ul.subNav li {border-top: 1px solid #ccd0d4;}
    
    .topNav .subNav{z-index: 999; opacity: 1; visibility: visible;-webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(0);
    -ms-transform: translateY(0); transform: translateY(0);}

     /* Board of Directors */
    .profile-pic {float: none; padding: 0 20px 20px 0; text-align: center;}
    .profile-title {text-align: center;}
    .profile-title h3{margin:0;}
    .profile-title.sec {text-align: center; padding-bottom: 20px;}
    
    
    /* Announcement Module */
    .announcements-filter #KeywordSearch { width: 100%; margin: 0 0 10px 0; } 
    .announcements-filter .filterButton { width: 100%; }
    .announcements-filter label { display: block; text-align: left; }
   
    
    /* Banner */
    .banner span { font-size: 16px; }
    .banner.inner{margin-top: 80px; background:none;}
    .banner h1.bannerText{font-size: 44px;}
    .banner.home {background: url(/FormBuilder/_Resource/_module/aIYchPzKVUWU0ay_IZRq9g/images/hero_investors-bg.jpg) top; background-size: cover;  -webkit-background-size: contain;
    position: relative; background-repeat: no-repeat; background-position: top right; padding-top: 20px; margin-top: 80px;}
    
    /* Share Price & Graph */
    .sharepriceTable { display: none; }
    .innerSharePrice { display: block; }
    .priveVolumeChart .highcharts-input-group { display: none; }
    #custom-price-table {display: none;}
    
    /* Historical Share Price */
    .priceHistoryTable { display: block; overflow-x: auto; } 
    .priceHistoryTable tbody { width: 100%; display: table; }

    /* Annual Report */
    table.annualReports.responsive img{width: 100%;}

    
    /* Annual General Meeting */
    .previousagmTable { display: block; overflow-x: auto; }
    
    /* Board/Management Profiles */
    .profileTable td { display: block; }
    .profileTable td:last-child { padding: 20px 0 30px 0; }

    
    /* Investment Calculator */
    .calc-table-filter-row ul.horizontal li{display: block; width: 90%;}
    .calc-table .calc-table-filter-row > .text { font-size: 24px;}

    /* Footer */
    ul.terms li {display: block; padding-left: 0; text-align: left;}
    ul.terms li:last-child {padding-top: 10px;}
    .solution{text-align: left;}
    .row.footerNav .three {margin-bottom: 25px;}
    .solution{padding-top: 16px;}
}

@media (max-width: 480px) {
    /* General */
    .six.columns{width: 100%;}
    .column, .columns{margin-left: 0;}
    
    /* Header */
    .homeTitle {margin: 5px 50px 20px 0;}
    .banner.home{margin-top: 70px;}
    .column.hbContent{margin: 0;}
    .homeTitle h2 {font-size: 15px; word-break: break-word; width: 230px;line-height: 20px;}
    .five.columns.hsWrapper {padding: 20px 0 0 0;}
    
    
    /* Logo */
    .branding #logo img { max-width: 150px; }
    
    /* Dividends */
    table.dividends-table.custom-table{ display: block; overflow-x: auto; }

    /* Annual Report */
    table.annualReports.responsive tr td {display: block; width: 100%;}
    table.annualReports.responsive td img {width: 60%;border: 1px solid #e7edf4;}
    table.annualreports.overflow tr td a[data-icon="pdf"]:before{left: -10px;}
    .text-center{vertical-align: top;}
    table.annualReports.responsive a[data-icon="pdf"]:before {left: -30px;}
    table.annualReports.responsive a[data-icon="pdf"] {margin-left: 30px;}
    
    
    /* Announcements */
    table.announcementsTable .announcementTitle a{display: table; margin-left: 30px;}
    .row.homeSnippets table.announcementsTable .announcementTitle a{margin:0;}
    
    /* Tables with docs */
    span.filesize {display: table; float: none; margin-left: 30px;}
    table.custom-table.govdocs td a {position: relative; padding-left: 30px; float: none;}
    table.custom-table.govdocs td a:before{top: 5px; left: -30px;}
    table.announcementsTable .announcementTitle:before{top: 10px;}
    .custom-table a {display: table; float: none; line-height: 16px; margin-left: 30px;}

    a[data-icon="audio"] {position: relative;}
    a[data-icon="audio"]:before {content: "\f028"; position: absolute; font-family: FontAwesome; top: 0; left: -30px; font-size: 21px; padding-right: 10px;}
    a[data-icon="pdf"] {position: relative;}
    a[data-icon="pdf"]:before {content: "\f1c1"; position: absolute; font-family: FontAwesome; top: 0; left: -30px; font-size: 21px; padding-right: 10px;}
    table.annualreports.overflow tr td span.filesize {margin-left: 0;}
    
}

@media (max-width: 380px) {

    /* Header */
    .homeTitle {margin: 0 0 10px 0;}
    .five.columns.hsWrapper {padding: 0; margin-bottom: 0;}
    .homeTitle h1 {font-size: 40px; line-height: 40px; padding-bottom: 4px; word-wrap: break-word; width: 200px;}
    .slideNavActive .bodyWrap{-webkit-transform: translate(-35%); transform: translate(-75%); position: fixed; width: 100%;}
    
    /* Top 20 Shareholders */
    .topshareholdersTable { display: block; overflow-x: auto; }
    
    /* Presentations & Webcasts */
    .pwTable { display: block; overflow-x: auto; }
}

@media (max-width: 320px) {
    .homeTitle {margin: 0;}
    .banner.home{padding-top:10px;}
    .homeTitle h1 {font-size: 35px; line-height: 30px; padding-bottom: 0; padding-top: 10px;}
    .homeTitle h2 {font-size: 14px; word-break: break-word; width: 220px; line-height: 17px; padding-bottom: 20px;}
    .banner.home{margin-top: 65px;}
    .slideNavActive .bodyWrap{-webkit-transform: translate(-85%); transform: translate(-65%); position: fixed; width: 100%;}
    .slideNavActive .bodyWrap {-webkit-transform: translate(-85%); transform: translate(-85%); position: fixed; width: 100%;}
    .snippet h4{font-size: 28px;}
}