/* Big River Styles */

@import url('base.css');
@import url('/FormBuilder/_Resource/_module/plugin/base.css');
@import url('/FormBuilder/_Resource/_module/plugin/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Inter:400,700,800,900');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');


html { /*sticky foot*/position: relative; min-height: 100%; /*End Sticky foot*/ } 
body { /* Margin bottom by footer height */ margin-bottom: 220px;  /*End Sticky foot*/ font-family: Open Sans, Arial, Helvetica, sans-serif; color: #757575; font-size:13px;}

/* Typography */
h1 { color: #172F29; margin: 0 0 0.5em 0; font-family: Inter; font-weight: bold;}
h2 { color: #172F29; font-family: Inter; font-weight: bold;}
h3 { color: #172F29; font-family: Inter; font-weight: bold; margin-top: 50px;}
h4 { color: #172F29; padding-bottom: 5px; font-family: Inter; font-weight: bold;}
h5 { font-family: Inter;font-weight: bold; }
h6 {  margin: 0; font-family: Inter; font-weight: bold;}

/* Links */
a { color: #172F29; outline: none; }
a:hover, a:focus { color: #84A471; text-decoration:none;}
a span { display: none; }


/* Primary Header - branding
--------------------------------------------------------*/
#mobileMenuBtn {display: none; position: absolute; cursor: pointer; right: 15px; top: 25px; }
#mobileMenuBtn span { display: none;}
#mobileMenuBtn:after { content: "\f0c9";  position:absolute; font-family: 'FontAwesome'; top:0px; right:0px; font-size: 30px; color: #172F29; }
#mobileMenuBtn.selected:after { content: "\f00d";  position:absolute; font-family: 'FontAwesome'; top:0px; right:0px; font-size: 30px; color: #172F29; }

.branding { margin: 0;  }
.branding .logo-row { padding: 10px; *width: 250px !important }
.top-snippet{float: right;padding: 8px 0;}
.top-snippet a{color: #fff;font-size: 11px;text-decoration: none;background: #172F29;padding: 10px;border-radius: 0 0 5px 5px; transition: all 250ms ease-in-out; font-family: Inter;}
.top-snippet a:before{content: "\f104"; position: relative; font-family: 'FontAwesome'; top: -1px; padding-right: 8px; /* font-size: 18px; */ vertical-align: middle;}
.top-snippet a:hover{background:#2c4a44;}
a#logo img{width: 180px; padding: 20px 0 7px 0; float:left;margin-right:20px;}
h1.ic{float: left; margin-top: 34px; font-size: 25px;}

.banner-innerpage{background: url(/FormBuilder/_Resource/_module/tbVRKJQX8kWdzkAEujZ-bA/images/banner-innerpage3.jpg); background-size: cover;margin-bottom: 50px; padding: 30px 0;}
.home-banner1{background: url(/FormBuilder/_Resource/_module/tbVRKJQX8kWdzkAEujZ-bA/images/home-banner1.jpg); background-size: cover;}
.home-banner2{background: url(/FormBuilder/_Resource/_module/tbVRKJQX8kWdzkAEujZ-bA/images/home-banner2.jpg); background-size: cover;}
.home-banner3{background: url(/FormBuilder/_Resource/_module/tbVRKJQX8kWdzkAEujZ-bA/images/home-banner3.jpg); background-size: cover;}
.home-mobile-banner{display:none;}

h1.pgheader{color: #fff; margin:0; text-transform: uppercase; font-size: 24px; line-height: 35px;}


/* Home page */

.bx-wrapper{margin-bottom: 30px !important;}
.banner-text h1{color: #fff;}
.banner-text a{color: #fff;border: 1px solid #fff;padding: 10px 20px;background: rgba(0, 0, 0, .5);transition: all 250ms ease-in-out;font-family: Inter;font-weight: bold;text-transform: uppercase;font-size: 13px;zoom: 1;}
.banner-text a:hover{background: #fff;border: solid 1px #333;color:  #333;}
.banner-text{position: absolute;top: 40%;left: 24%;background: rgba(0, 0, 0, .5);padding: 1%;/* width: 100%; */}
.widget-container{height: 250px;}

th.announcementDateHeader, table.events th:nth-child(3), table.events .date, td.announcementDate{text-align: right !important;}

.home-widgets{text-align:center;}
.home-widgets .eight{text-align: left;}
.widget-container table td{text-align:left;}

/* Banner Innerpages */
.fade-in{
  -webkit-animation: fade-in 1s ease;
  -moz-animation: fade-in ease-in-out 1s both;
  -ms-animation: fade-in ease-in-out 1s both;
  -o-animation: fade-in ease-in-out 1s both;
  animation: fade-in 1s ease;
  visibility: visible;
  -webkit-backface-visibility: hidden;
}

@-webkit-keyframes fade-in{0%{opacity:0;} 100%{opacity:1;}}
@-moz-keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
@-o-keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
@keyframes fade-in{0%{opacity:0} 100%{opacity:1}}


/* Primary Header - Main Navigation
--------------------------------------------------------*/
.navigation { background: #f6f6f6; }
.nav, .nav ul { margin: 0; padding: 0; text-align:left; }
.nav ul li { list-style: none; margin: 0; padding: 0; cursor: pointer; display: inline-block; *display: inline; zoom: 1; }
.nav ul li a, .nav ul li a:active {color: #B4A471;text-decoration: none;padding: 10px 20px;z-index: 999;display: block;cursor: pointer;font-weight: bold;font-size: 13px;font-family: Inter, Arial, Helvetica, sans-serif;transition: all 250ms ease-in-out;} 
.nav ul li:hover, .nav ul li a:focus { background: #172F29; color: #FFF; }
.nav ul li:hover a{color: #fff;}
ul.main-nav li a.active{color: #fff !important; background: #172F29;}
ul.sub-nav li a.active{background: #f6f6f6 !important; color: #B4A471 !important;}

/*.nav ul li.parent-nav:before { height: 10px; display: inline; content: ''; border-right: 1px dotted #172F29;
 margin-left: -4px }
.nav ul li.menu-first:before { border-right: 0px; }*/


/* sub menu level */
.nav ul ul { display: none; position: absolute; top: 38px; left: auto; min-width: 200px; background: #172F29;
 text-align:left; padding: 0px; z-index: 99 }
.nav ul li:hover ul { display: block;  }
.nav ul ul li { display: block; }
.nav ul ul li a { padding: 10px 20px; color: #FFFFFF;}
.nav ul ul li a:hover { background: #f6f6f6; color: #B4A471; }

/* sub sub menu level */
.nav ul.sub-sub-nav { display: none !important; position: absolute; top: 44px; left: 199px; min-width: 200px; background: #172F29;
 text-align:left; padding: 0px; z-index: 99; }
.nav ul li.products:hover ul { display: block !important;  }
.nav ul.sub-sub-nav li { display: block; }
.nav ul.sub-sub-nav li a { padding: 10px 20px; color: #FFFFFF; border-bottom: 2px dotted #F47735 }
.nav ul.sub-sub-nav li a:hover { background: #172F29;
 color: #FFFFFF; }


/* side nav */
.left-col { margin: 0;}
.side-nav { margin: 0; padding: 0;}
.side-nav li{ list-style: none; padding: 3px 0; margin: 0; }
.side-nav li a { display: block; padding: 5px; color: #172F29;}
.side-nav li a:hover { color: #E57E25; } 
.side-nav li a.active { color: #E57E25; font-weight: 700 }
.top-menu > a { position: relative; }
.top-menu > a:after { content: "\f0da";  position:absolute; font-family: 'FontAwesome'; top:5px; right:5px; font-size: 14px; color: #E57E25 }
.top-menu.active > a { color: #E57E25; }
.top-menu.active > a:after { content: "\f0d7";  position:absolute; font-family: 'FontAwesome'; top:5px; right:5px; font-size: 14px; color: #E57E25 }

.sub-menu {display: none; margin: 0; padding: 0;}
.sub-menu li { border-top: 1px solid #D5D5D5; background-color: #f7f7f7; }
.sub-menu li a { color: #2c2c2c; }

.tools_icon { display:block; margin: 1em 0;}
.tools_icon ul { margin: 0; padding: 0;}
.tools_icon ul li { display:inline-block; margin-right: 10px  }
.tools_icon .fa { font-size: 20px; background: #E57E25; paddinG: 5px; color: #FFF; }


/* Primary Page content
--------------------------------------------------------*/
.page-content { background: #FFF; width: 100%; margin: 20px 0; }


/* Footer
--------------------------------------------------------*/
.page-footer { /* stkicy foot */ position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */ height: 140px;/* End sticky foot*/ background-color: #172F29; color: #fff; font-size: 12px;}
.page-footer p { margin: 10px 0; color: #FFFFFF;}
.page-footer p a, .page-footer a { color: #FFFFFF;}
.text-left{/* padding: 0; */}
.footer-logo{padding: 10px 0 7px 0;}
.page-footer a:hover {color: #aaa; transition: all 250ms ease-in-out;}
.footer-logo img {
	width: 180px;
}

/* Investor Centre
--------------------------------------------------------*/

/***** Table *****/
table {width:100%; border-spacing: 0px; border-collapse:collapse; margin: 0 0 25px; }
table th, table td { padding:8px 12px; margin:0; vertical-align:top; border: 1px solid #DDDDDD }
table th { background: #f5f5f5; font-weight: bold; color: #000000; }
table a { position:relative; color: #666666 }
table td a:hover { text-decoration:none; color: #2dcb73; }

table.annualReports.responsive td{ border: none; padding: 20px;}
table.annualReports.responsive {border: none; background: #f8f8f8; border-bottom: 1px solid #DFDFDF;}

tr.grey{background: #f7f7f7;}

/* Buttons & Links */
.btn, .loadNext, .button { transition: all 250ms ease-in-out; zoom: 1; display: inline-block; padding: 9px 20px; border: 5px solid #d6d6d6; text-transform: uppercase; border-radius: 5px; background: #fff; color: #172F29; font-weight: bold; margin: 20px 0 30px 0; font-size: 13px; font-family: Inter;}
.btn:hover, .loadNext:hover, .button:hover { background-color: #fff !important;}
.btn:hover, .btn:focus, .btn.focus, .button:hover {color: #222;}
.submitSubscriptionBtn .button{margin:0;}
a.link-underline {border-bottom: solid 3px #172F29; font-size: 18px; }

/***** Tabs *****/
#tab-group { width: 100%; clear:both; border-bottom: 1px solid #172F29}
#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 { background: none; display: block; font-size: 18px; padding: 8px 20px; text-align: center; text-decoration: none; border-width: 1px 1px 0px 1px; border-color: #172F29; border-style: solid; }
#tab-group ul li a.tab-button:hover,
#tab-group ul li a.tab-button.current { background: #172F29; color: #FFFFFF;} 
a.tab-button{color: #2f2f2f;}

/* Icons */
a[data-icon="pdf"], a[data-icon="audio"], a[data-icon="cal"], a[data-icon="webcast"] { padding: 0; text-align:left; font-weight: 400; color: #172F29 }
a[data-icon="pdf"]:before { content: "\f1c1";  position:relative; font-family: FontAwesome; top:0; left:0px; font-size: 21px } /* for PDF icons */
a[data-icon="audio"]:before { content: "\f028";  position:relative; font-family: FontAwesome; top:0; left:0px; font-size: 21px } /* for video icons */
a[data-icon="cal"]:before { content: "\f073"; position: relative; font-family: FontAwesome; top: 0; left: 0px; font-size: 18px; } /* for cal icons */
a[data-icon="webcast"]:before {content: "\f028"; position: relative; font-family: FontAwesome; top: 0; left: 0px; font-size: 21px;} /* for webcast */


/***** Overview *****/
.overview-container{ vertical-align:top; padding:0 0 30px 0; border-bottom: 1px solid #dadada}
.announcement-container, .share-container { vertical-align:top; padding:30px 0; border-bottom: 1px solid #dadada}
.announcement-container img { border: 1px solid #dadada;}

#widgets-price-table {width:100%;margin:0px auto;}
#widgets-price-table td {font-size:30px; vertical-align:middle; border: 0;}
#widgets-price-table #price {color:#172F29;font-size: 60px;}
#widgets-price-table .price-icon-up:before { font-size: 23px; padding: 0 10px 0 0;}
#widgets-price-table #priceDate { font-size:14px; display:block}
#priceModule_SharePriceModule3, #priceModule_SharePriceModule2 {display:none;}

/* Board and Management */
.bod-wrapper{background: #f8f8f8; padding: 20px; margin: 15px 0; border-bottom: 1px solid #DFDFDF;}
.bio .name {color: #B4A471;font-family: Inter; font-weight: bold; font-size: 22px;}
.bio .title {color: #172F29;font-family: Inter; font-weight: bold; font-size: 15px;}
.bio-desc{margin-top: 20px;}


/***** ASX Announcements *****/
.announcements-filter { text-align: right; margin: 10px 0;}
.announcements-filter label { width: 20%; display: inline-block; *display: inline; zoom: 1; padding-right: 20px; font-weight: bold; padding-top: 20px;}
.announcements-filter input#KeywordSearch { width: 50%; padding: 8px; border: 1px solid #B2B1B1; vertical-align: top;  }
.announcements-filter .filterButton { font-size: 15px; line-height: 36px; padding: 0 25px; background-color: #172F29; color:#FFFFFF; text-decoration: none; vertical-align: top; display: inline-block; border: 0; }

.announcementTitle a { color: #2f2f2f; }
.announcementTitle a:hover { color: #B4A471; }

.announcementDateHeader, .announcementDate { text-align:right}

#loadingSpinner { background: url(/FormBuilder/_Resource/_module/5H6fE0r_N0iAfhxjV6Qu2Q/img/loadingSpinner.gif) 0 0 no-repeat; margin: 50px auto; overflow: hidden; width: 24px; height: 24px;}

/* Results Centre */

.rc-thumb.widget{text-align: center; background: #f8f8f8; border-bottom: 1px solid #DFDFDF; padding: 20px;}
.rc-thumb.widget img {margin-bottom: 20px;}
.rc-thumb.widget a {color: #2f2f2f; font-family: Inter;}
.rc-thumb.widget a:hover {color: #2dcb73;}
table.results-table.announcementsTable th{text-align:center;}

/* Contacts */
.contacts{background: #f8f8f8; padding: 20px; border-bottom: 1px solid #DFDFDF; height: 270px;}
.contacts h3 {margin-top: 0; font-size: 20px;}
.contacts span{font-size: 11px;}

/***** Media Release *****/
.media-row {  padding-bottom:2em; margin-bottom: 3em; }.media-row h3 { margin-bottom: 5px; font-size: 20px; font-weight: 700;}
.media-row h5 {font-size: 14px; font-weight: 300; margin-bottom: 10px;}

/***** Presentations *****/
.presentations .tableStyle a[data-icon="pdf"],
.presentations .tableStyle a[data-icon="audio"] { text-align:center; }

/***** Reports ******/
.reports-row { position: relative;  padding-bottom:2em; margin-bottom: 3em; border-bottom:1px solid #D5D5D5}
.reports-row h3 { font-size: 20px; font-weight: 700;}
.reports-row a[data-icon="pdf"] {padding: 5px 5px 5px 30px; position:relative; text-decoration: none;}
.reports-row a[data-icon="pdf"]:before { content: "\f1c1";  position:absolute; font-family: FontAwesome; top:0; left:0px; font-size: 21px } /* for PDF icons */

/***** Share Price *****/
table.shareprice-mobile{display: none;}
table.priceTable, table.priceDetails { width: 50%; margin: 10px auto;}
table.priceTable td { height: auto !important;}
table.priceTable td td { padding: 5px 10px;}
table.priceTable td .price { color:#172F29;
 font-size: 30px; }
table.priceTable .priceDetailsLabel { text-align: right;}
.latest-price {font-size: 5em; font-weight: bold; color: #B4A471;}

.share-price-container{border: 1px solid #172F29; text-align: center; margin-top: 10px;}
.share-price-container h2{margin: 30px 0 0 0;}

table.priceTable { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; border-radius: 5px;}
table.priceDetails {  background: #F7F7F7}

.price-date { display: block; text-align:center; padding:5px 0;}
.price-date span {font-size:11px;}

.price-icon { position: relative; display: inline-block}
.price-icon-down:before {content: "\f0d7"; font-family: FontAwesome; font-size: 20px; top: 0px; left: 0px; color: #172F29; padding-right: 7px;}
.price-icon-up:before { content: "\f0d8"; font-family: FontAwesome; font-size: 20px; top:0px; left:0px; color: #172F29 }

#errorContainer_PriceVolumeChart1 { display: none;}

#custom-price-table {width:100%;margin:15px 0;}
#custom-price-table th, #custom-price-table td {text-align:center;}
#custom-price-table th {padding:10px 5px;}
#custom-price-table td {padding:15px 5px;font-size:14px; vertical-align:middle}
#custom-price-table #fill_last {color:#172F29;
font-size: 22px;font-weight:bold;}
#priceModule_SharePriceModule3 {display:none;}


/*** Share Price History ***/
.priceHistoryContainer { width: 100%; }
.priceHistoryTable { margin: 10px 0; width:100%; border-spacing: 1px;}
.priceHistoryTable th { font-weight: normal; padding: 10px; background: #ECECEE; color: #000000; text-align:left }
.priceHistoryTable td {padding:10px; margin:0; vertical-align:middle;}
.priceHistoryTable tr:nth-child(even) { background: #f7f7f7}

/*** Investor Calculator ***/
.calc-table-filter .calc-table-filter-row { padding: 10px; background: #f7f7f7; border: 1px solid #D5D5D5; margin:10px 0 }
.calc-table-filter .calc-table-filter-row .horizontal { margin: 10px 0; width:100%; }
.calc-table-filter .calc-table-filter-row .text { font-size: 18px; font-weight: bold; }
.calc-table-filter .calc-table-filter-row .horizontal li { display: inline-block; list-style: none; margin-right: 10px;}
.calc-table-filter .calc-table-filter-row li label { display: inline-block; vertical-align: middle; position: relative; width: 25%; padding: 0 5px; font-weight: bold;  }
.calc-table-filter .calc-table-filter-row input { vertical-align: middle; margin: 0; }
.calc-table-filter .calc-table-filter-row input[type="text"] { width: 50%; padding: 5px; border: 1px solid #B2B1B1 }

.calc-table-row { margin: 0; clear: both; position: relative; padding: 5px 0; }
.calc-table-row:nth-child(even) { background: #f7f7f7}
.calc-table-row label { padding: 0 10px; font-weight: bold; width: 60%; display: inline-block; *display: inline; zoom: 1; line-height: 2em;; vertical-align: top }
.calc-table-row span { width: 30%; text-align: right; display: inline-block; *display: inline; zoom: 1; line-height: 2em;; vertical-align: top}

.investmentCalcChart span { *float: left; /* IE6/7 */ }

/*** My Shareholding ***/
.content-container ul li { list-style:outside disc}

/***** Email Alerts *****/
.emailSubscription {margin: 20px 0}
.emailSubscriptionView .row { margin: 20px 0}
.emailSubscriptionView .row .label { display: inline-block; *display: inline; zoom: 1; width: 20%; vertical-align: top}
.emailSubscriptionView .row .field { display: inline-block; *display: inline; zoom: 1; width: 60%; margin-top: 10px;}  

ul#subscriptions { margin: 0; padding: 0;}
ul#subscriptions li { list-style:none; margin: 0; padding: 0 0 10px;}
ul#subscriptions li input { margin-right: 10px; }
ul#subscriptions li label { padding: 0;}

.subscriptionsList { margin: 20px 0;}
.subscriptionsList li { list-style-type:disc; margin-left: 2em}

/***** Fin. Tear Sheet ******/
.tearsheet-print  { text-align: right; }
.tearsheet-print a { color: #FFF; padding: 3px 10px; background: #172F29;
 display: inline-block; *display: inline; zoom: 1;}
.tearsheet-print a span { display: block; }

/***** AGM *****/
.agm h3{ font-size: 16px; font-weight: 400 }
.agm .row { margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid #D5D5D5;}
.agm table {  border-top: 1px solid #D5D5D5; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; }
.agm table td { background: transparent; border-bottom: 1px solid #D5D5D5; }
.agm table td a { color: #F47735 }


/***** Calendar *****/
.calender-intro { display: block; width: 100%; float: none; margin-bottom: 30px;}
.calender-intro .color-block { height: 30px; float: left; margin: 5px 10px 10px 0px; width: 30px; background-color: #F47735}

#calendar_Calendar-Otherlevels { width: 320px; }
.ui-datepicker table { width: 100%; position: relative; background: #f5f5f5; }
.ui-datepicker-header { position: relative; color: #fff; font-weight: bold; text-align: center; overflow: hidden; }
.ui-datepicker-title { display: block; padding: 10px 0; background: #172F29;
 }
.ui-datepicker-prev, .ui-datepicker-next { cursor: pointer; }
.ui-datepicker-prev .ui-icon, .ui-datepicker-next .ui-icon { top: -9999px; }

.ui-datepicker-next { position: relative }
	.ui-datepicker-next:before { content: "\f0da";  position:absolute; font-family: 'FontAwesome'; top:8px; right:-145px; font-size: 25px; color: #FFFFFF }
.ui-datepicker-prev { position: relative }
	.ui-datepicker-prev:before { content: "\f0d9";  position:absolute; font-family: 'FontAwesome'; top:8px; right:145px; font-size: 25px; color: #FFFFFF }

.ui-datepicker th { color: #333; background: #ddd; text-align: center; padding: 3px 0; text-align:left }
.ui-datepicker td { padding: 0px; border: none; }
.ui-datepicker td a { color: #666; }
.ui-datepicker td a:hover { background: #fff; color: #FFF;  background: #172F29;
  }
.ui-datepicker td .ui-state-default, .ui-datepicker td a:visited { display: block; text-decoration: none; background: #FFF; text-align: center; color: #666; margin: 1px; padding: 10px }
.ui-datepicker td .selected { font-weight: bold; background: #F47735 !important; color: #fff !important;  }
.ui-datepicker td .selected:hover { color: #fff; background: #172F29;
 }
.ui-datepicker td .ui-state-highlight, .ui-datepicker td .ui-state-highlight:hover { background: #172F29;
 color: #FFFFFF; font-weight: bold; }
.ui-datepicker td .ui-state-active { background: #172F29;
 color: #FFFFFF; font-weight: bold;  }
.ui-datepicker td .ui-state-default.ui-state-highlight.ui-state-active.selected { color: #fff !important; }
.ui-datepicker td .ui-state-default.ui-state-highlight.selected { color: #fff !important; }

.date-display { font-weight: bold; font-size: 14px; padding: 10px 0; }

.calendar-events { margin: 2em 0;}
.event-table { margin: 10px 0; width:100%; border-spacing: 1px; border-collapse:separate; }
.event-table th { font-weight: normal; padding: 5px 10px; background: #ECECEE; color: #FFFFFF; text-align:left }
.event-table td {padding:5px 10px; margin:0; vertical-align:middle;}
.event-table tr:nth-child(odd) { background: #f7f7f7}
.event-table td.icon-column { display: none;}
.event-table td.event-column p { display: none;}
.event-table td.event-column a:hover {  color: #dc7118;}

/***** Corporate Governance ******/
.iconLink { padding: 7px 0 12px 0; border-bottom: 1px solid #DADADA;}
.iconLink a { position: relative; color: #2f2f2f; font-family: Inter;}
.iconLink a:hover{color:#b4a471;}
.iconLink a:before { color: #172F29; content: "\f1c1";  position:relative; font-family: FontAwesome; top:4px; left:-10px; font-size: 25px } /* for PDF icons */ 


/*** FAQ ***/
.QAViewer {margin-bottom:2em; border-bottom:1px solid #D5D5D5 }
.QAViewer .QALink { position:relative; padding:10px 10px 10px 30px!important; display:block; text-decoration: none; color: #2f2f2f; font-family: Inter;}
.QALink:before { content: '\f059'; position:absolute; font-family: 'FontAwesome'; top:5px; left:0px; font-size: 23px; color: #172F29;}
	
.QAViewer .QALink:hover { text-decoration: none; color: #172F29;}
.QAViewer.open .QALink { color: #172F29; font-weight: 700}
.QAViewer .answer {padding:0 10px 10px; background-color: #FFFFFF;}
.QAViewer .answer p {margin:0 0 10px 20px;}
.QAViewer .answer ul { padding-left: 20px;}
.QAViewer .answer ul li { margin-left: 0em; list-style:outside disc}


/* Print Styles */
@media print { 
	#main-nav, .iconLink, .returnhome, a.btn { display: none;}
	.branding { height: auto !important; float: none; width: 100%; background: none;}
	.confirmation table { width: 100%}
	.page-content { padding: 0; margin-left: 0;}
	.confirmation, #bpayBox {page-break-inside: avoid; margin: 0 0 20px}
}



/* Media Queries */


@media (max-width: 1900px) {
	.banner-text{position: absolute;top: 40%;left: 26%;background: rgba(0, 0, 0, .5);padding: 1%;}
}


@media (max-width: 1400px) {
	.banner-text{position: absolute;top: 40%;left: 12%;background: rgba(0, 0, 0, .5);padding: 1%;}
}


@media (max-width: 1024px) {
	.banner-text{position: absolute;top: 40%;left: 4%;background: rgba(0, 0, 0, .5);padding: 1%;;}
}



@media (max-width: 768px) {
	
	/* general */
	body{margin-bottom: 230px;}
	#wrapper { width: 100%; margin: 0 auto;}
	.container { clear: both; display: block; margin: 0; width: 100%; padding: 0 4%;}
	.column, .columns { float: none; width: 100% !important; display: block; margin: 0; }
	.page-content { margin: 20px 0;}
	
    /* Header */
	.branding { padding: 0; border: 0; position:relative;}
	.branding .logo { margin: 0; padding: 25px;}
	h1.top-title{ display: none;}
	.top-snippet { position: absolute; top: 0; right: 13px;}
	a#logo img {padding: 60px 0 15px 0;}
	#mobileMenuBtn{ top: 70px;}
	.banner-text{position: absolute;top: 22%;left: 12%;background: rgba(0, 0, 0, .5);padding: 1%;/* width: 100%; */}
	.banner-home{margin-bottom: 0 !important;}

  
  	/* main-nav */
    #mobileMenuBtn {display: block;}
    ul.main-nav{display:none;}
    .navigation { width: 100%; margin: 0; background: #fff;}
	.nav { position: relative; width: 100%; text-align:center; background: #fff; top: 0px; margin: 0;}
	.nav ul ul{position:relative; top:0; background:none;}
	.nav ul li{display:block; position:relative;}
	.nav ul ul li a{color: #B4A471;}
	.nav li {  display: block; }
	.nav li a { color: #FFFFFF; }
	.nav ul li:hover a{color: #B4A471;}
	.nav ul li:hover, .nav ul li a:focus { background: #f6f6f6; color: #B4A471;}
	.nav ul ul li a:before {content: "\f068"; position: relative; font-family: 'FontAwesome'; top: -1px; padding-right: 8px; vertical-align: middle; font-size:5px;}
	li.parent-nav.menu-last {margin-bottom: 20px;}
	li.parent-nav.w-subs:after {    content: "\f067"; position: absolute; font-family: 'FontAwesome'; top: 14px; right: 5px; padding-right: 8px; vertical-align: middle; font-size: 8px; color: #B4A471;}
	
	
	/* page-content */
	.inputFields { width: 100% !important; }
	.contacts{margin-bottom: 20px;}
	.home-widgets .eight, h1.home-header{text-align: center;}
	.share-price-container{margin-top: 40px;}
	h3{margin-top: 40px;}
	
	/* buttons */
	.home-btn {padding: 5px;}
		  
	/* IR */
	#priceModule_SharePriceModule3 {display:block;}
	.priceHistoryTable{overflow-x: auto; display: block; padding: 0 0 10px; position: relative; -webkit-box-shadow: inset -3px 0px 5px -1px rgba(0,0,0,0.25);
    -moz-box-shadow: inset -3px 0px 5px -1px rgba(0,0,0,0.25);
    box-shadow: inset -3px 0px 5px -1px rgba(0,0,0,0.25);}
	#custom-price-table { display: none;}
	.priveVolumeChart { width: 100% !important;}
	.highcharts-input-group { display: none; }
	table.shareprice-mobile{margin-bottom: 50px; display:block;}
	table.shareprice-mobile table{margin:0;}
	table.shareprice-mobile, table.shareprice-mobile table{box-shadow: none; table-layout: fixed;}
	table.shareprice-mobile td{text-align: center; font-family:Inter; color:#B4A471; }
	table.shareprice-mobile .price-latest{color: #559077; font-size: 3em; font-family: Inter; font-weight: bold; padding-top: 30px;}
	
	table {overflow-x: auto; padding: 0 0 10px; position:relative; -webkit-box-shadow: inset -3px 0px 5px -1px rgba(0,0,0,0.25); -moz-box-shadow: inset -3px 0px 5px -1px rgba(0,0,0,0.25); box-shadow: inset -3px 0px 5px -1px rgba(0,0,0,0.25);}
	
	.announcements-filter input#KeywordSearch { width: 30%;}
	.widgets .btn-subscribe:before { top: 25px; }
		  
  	/*footer*/

	.page-footer, p.copyright, .footer-policies, .text-right {text-align:center;}
	.page-footer{height: 160px; font-size: 11px;}
	}


	@media (max-width: 500px) {
		body{margin-bottom: 190px;}
		.announcements-filter label{padding-top: 0;}
		.banner-text{position: absolute; top: 25%; left: 12%;}
		.bx-pager.bx-default-pager{display: none;}
		.bx-wrapper .bx-controls-direction a{display: none;}
		.home-mobile-banner{display:block;width: 100%; margin-bottom: 40px; position:relative;}
		.home-mobile-banner img{width: 100%;}
		.banner-hc{display:none;}
		.four.columns h3{margin-top: 20px;}
	}

		
}