/*

Sonic Healthcare - IR Base Styles

Blue: #11316E
Red: #ff0609
Light Grey: #DDDDDD
Dark Grey: #474747

–––––––––––––––––––––––––––––––––––––––––––––––––– */

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

@font-face{
    font-family:'Stone';
    src:url('/FormBuilder/_Resource/_module/T8Ln_c4ibUqyFnnNe9zNRA/fonts/df1b904e-e437-471b-9fdb-2a1f782917d1.eot?#iefix');
    src:url('/FormBuilder/_Resource/_module/T8Ln_c4ibUqyFnnNe9zNRA/fonts/df1b904e-e437-471b-9fdb-2a1f782917d1.eot?#iefix') format("eot"),
        url('/FormBuilder/_Resource/_module/T8Ln_c4ibUqyFnnNe9zNRA/fonts/da166f83-bbb7-4c18-8e29-adcca4b290e1.woff2') format("woff2"),
        url('../fonts/86f57b6d-1a59-4e65-9de9-da273fd9732e.woff') format("woff"),
        url('/FormBuilder/_Resource/_module/T8Ln_c4ibUqyFnnNe9zNRA/fonts/60b63ad9-2f08-4084-8b01-ffe2ab20ee17.ttf') format("truetype")
}
@font-face {
    font-family: 'Aileron';
    src: url('/FormBuilder/_Resource/_module/T8Ln_c4ibUqyFnnNe9zNRA/fonts/Aileron-Light.eot');
    src: url('/FormBuilder/_Resource/_module/T8Ln_c4ibUqyFnnNe9zNRA/fonts/Aileron-Light.eot?#iefix') format('embedded-opentype'),
        url('/FormBuilder/_Resource/_module/T8Ln_c4ibUqyFnnNe9zNRA/fonts/Aileron-Light.woff2') format('woff2'),
        url('/FormBuilder/_Resource/_module/T8Ln_c4ibUqyFnnNe9zNRA/fonts/Aileron-Light.woff') format('woff'),
        url('/FormBuilder/_Resource/_module/T8Ln_c4ibUqyFnnNe9zNRA/fonts/Aileron-Light.ttf') format('truetype'),
        url('/FormBuilder/_Resource/_module/T8Ln_c4ibUqyFnnNe9zNRA/fonts/Aileron-Light.svg#Aileron-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'AileronB';
    src: url('/FormBuilder/_Resource/_module/T8Ln_c4ibUqyFnnNe9zNRA/fonts/Aileron-Bold.eot');
    src: url('/FormBuilder/_Resource/_module/T8Ln_c4ibUqyFnnNe9zNRA/fonts/Aileron-Bold.eot?#iefix') format('embedded-opentype'),
        url('/FormBuilder/_Resource/_module/T8Ln_c4ibUqyFnnNe9zNRA/fonts/Aileron-Bold.woff2') format('woff2'),
        url('/FormBuilder/_Resource/_module/T8Ln_c4ibUqyFnnNe9zNRA/fonts/Aileron-Bold.woff') format('woff'),
        url('/FormBuilder/_Resource/_module/T8Ln_c4ibUqyFnnNe9zNRA/fonts/Aileron-Bold.ttf') format('truetype'),
        url('/FormBuilder/_Resource/_module/T8Ln_c4ibUqyFnnNe9zNRA/fonts/Aileron-Bold.svg#Aileron-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
  font-family: 'AileronR';
  src: url('/FormBuilder/_Resource/_module/T8Ln_c4ibUqyFnnNe9zNRA/fonts/aileron-regular-webfont.eot');
  src: url('/FormBuilder/_Resource/_module/T8Ln_c4ibUqyFnnNe9zNRA/fonts/aileron-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/FormBuilder/_Resource/_module/T8Ln_c4ibUqyFnnNe9zNRA/fonts/aileron-regular-webfont.woff') format('woff'), url('/FormBuilder/_Resource/_module/T8Ln_c4ibUqyFnnNe9zNRA/fonts/aileron-regular-webfont.ttf') format('truetype'), url('/FormBuilder/_Resource/_module/T8Ln_c4ibUqyFnnNe9zNRA/fonts/aileron-regular-webfont.svg#aileronregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.NAwarningMessage {display:none}
html { /*sticky foot*/position: relative; min-height: 100%; /*End Sticky foot*/ }
body { font-family: 'Aileron','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif; background: #f3f4f8; color: #404040; }

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1 { color: #11316E; margin: 20px 0; font: normal 34px 'AileronB', Arial, Helvetica, sans-serif; letter-spacing: -1px; }
h2 { margin: 15px 0 20px; color: #11316E; font: normal 22px 'AileronB', Arial, Helvetica, sans-serif; }
h2:first-child { margin: 0 0 10px; }
h3 { margin: 30px 0 10px; color: #8998B7; font: normal 18px 'AileronB', Arial, Helvetica, sans-serif; }
h3.alt { font: bold 17px 'AileronB';  text-decoration: underline; color: #6a83b5; }
h4 { margin: 15px 0 5px; color: #11316E; font: normal 16px 'AileronB', Arial, Helvetica, sans-serif; letter-spacing: -0.5px; }
h5 { margin: 10px 0 20px; color: #8998B7; font: normal 16px 'Aileron', Arial, Helvetica, sans-serif; }
h6 { margin: 10px 0 20px; color: #001F41; font: normal 14px 'AileronB', Arial, Helvetica, sans-serif; }

blockquote { padding: 10px 20px; margin: 15px 0 20px; font-size: 17.5px; border-left: 5px solid #8998B7; color: #8998B7; }

p { line-height: 1.54em; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a { color: #11316E; outline: none!important; text-decoration: underline; transition: all .1s ease-in-out; }
a:focus { outline: none; }
a:hover { color: #11316E; }
a span { display: none; }


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container { max-width: 1180px; }


/* Primary Header - branding
--------------------------------------------------------*/
#mobileMenuBtn { display: none; position: absolute; cursor: pointer; right: 0; top: 0; margin: 0; padding: 21px 14px; line-height: 15px;  font-size: 15px; font-family: 'AileronB', Helvetica, Arial, sans-serif;  color: #11316E; background: #fff; border-left: 1px solid #fff; text-transform: uppercase; }
#mobileMenuBtn.selected { background: #001F41; border-left: #001F41; color: #fff; }
/*#mobileMenuBtn:after { content: "\f0c9";  position:absolute; font-family: 'FontAwesome'; top: 0px; right: 0px; padding: 0 10px; font-size: 30px; color: #fff; border-radius: 3px; }
#mobileMenuBtn.selected:after { content: "\f00d";  position:absolute; font-family: 'FontAwesome'; top:0px; right:0px; font-size: 30px; color: #11316E; background: #fff; }*/

.nav-search.mobile { display: none; }

.branding { height: 82px; margin: 0; padding: 0; background: #11316E; }
#logo { display: block; float: left; padding: 17px 25px 17px 0; }
.printLogo { display: none; }
h1.investor-title { float: right; color: #fff; font: normal 38px/82px 'AileronB', Arial, Helvetica, sans-serif; margin: 0; padding: 0 10px}

.top-links .icon { display: block; height: 21px; margin: 0 7px; float: left; background: url(/FormBuilder/_Resource/_module/T8Ln_c4ibUqyFnnNe9zNRA/images/icons_sprite.png); }
.top-links > .icon { margin-top: 10px; }
.top-links .icon.phone { width: 21px; background-position: 0 0; }
.top-links .icon.location { width: 15px; background-position: -21px 0; }
.top-links .icon.rss { width: 16px; background-position: -38px 0; }
.top-links .icon.search { width: 18px; background-position: -54px 0; }
.top-links .icon.a-plus { width: 18px; background-position: -72px 0; }
.top-links .icon.a-minus { width: 13px; background-position: -92px 0; }
.top-links .icon.print { width: 20px; background-position: -106px 0; }

.top-links .top-links-right { display: table; background: #fff; border: 1px solid #e0e0e0; float: right; }
.top-links .top-links-right > div { display: table-cell; padding: 11px 2px 12px; }
.top-links .top-links-right div.search { border-right: 1px solid #e0e0e0; }
.top-links .top-links-right .icon { margin: 0 5px; }

/* Primary Header - Main Navigation
--------------------------------------------------------*/
.navigation { min-height: 50px; margin: 0; background: #fff; }
.nav, .nav ul { width: 100%; padding: 0; }
.main-nav { /*position: absolute; top: 0; left: 0;*/ display: table; vertical-align: top; }
.nav ul li { position: relative; display: table-cell; list-style: none; margin: 0; padding: 0; zoom: 1; }
.nav ul li a, .nav ul li a:active { color: #11316E; text-decoration: none; padding: 0 11px; z-index: 999; display: block; text-align: center; font: normal 14px/50px 'AileronB', Arial, Helvetica, sans-serif; }
.nav ul li a:hover, .nav ul li a:focus, .nav > ul > li:hover > a, .nav > ul > li > a.active { background: #001F41; color: #FFF!important; }
.nav > ul > li > a.active { background: #11316E; }
.nav > ul > li.nav-search > a.active { background: #001F41; }
.nav ul li.return-to-main a { color: #001F41; }
.nav ul li.return-to-main a:hover { background: #001F41; }
.nav ul li.register a { text-align: center; margin: 0 0 0 10px; color: #fff; background: #11316E; border: 1px solid #001F41; border-radius: 3px; font-family: 'Aileron'; line-height: 30px; transition: .5s ease all; }
.nav ul li.register a:hover { background: #001F41; border-color: #11316E; }

/*  Sub Menu */
.nav ul li div { display: none; position: absolute; top: 100%; left: 0; z-index: 100; min-width: 250px; text-align: left; border-top: 4px solid #001F41; box-shadow: 0 1px 7px rgba(100, 100, 100, 0.15); background: #fff; }
.nav ul li:hover > div { display: block; }
.nav ul li div ul { margin: 0; }
.nav ul li div ul li { display: block; float: none; }
.nav ul li div > ul > li { position: relative; }
.nav ul li div ul li a, .nav ul li div ul li a:active { display: block; padding: 16px 20px; text-align: left; color: #11316E!important; background: none!important; line-height: normal; font: normal 13px 'Aileron', Arial; border-top: 1px solid #f2f4f8; }
.nav ul li div > ul > li ul { display: none; position: absolute; top: -4px; left: 100%; background: #f2f4f8; border-top: 4px solid #001F41; }
.nav ul li div > ul > li:hover ul { display: block }
.nav ul li div ul li a:hover, .nav ul li div ul li a.active { color: #001F41!important; }
.nav ul li div ul li a:hover, .nav ul li div > ul > li:hover > a { color: #001F41; background: #f2f4f8!important; }
.nav ul li div ul ul li a:hover { background: #fff!important; }

.siteSearch { display: none; position: absolute; top: 132px; right: 0; width: 359px; padding: 12px 1px 7px 12px; background: #001F41; z-index: 100; }
.siteSearch input { width: 310px; border-radius: 5px; border: 1px solid #ccc; height: 30px; padding: 10px; }
.gsc-search-box .gsc-input>input:focus, .gsc-input-box-focus { box-shadow: none !important;}
.siteSearch input.gsc-input { padding: 6px 6px 7px !important; font-size: 14px; background: #fff!important; }
.siteSearch .gsc-control-cse { padding: 0; border: none; background: none; }
.siteSearch .gsc-control-cse th, .siteSearch .gsc-control-cse td { padding: 0; border: none; }
.siteSearch input.gsc-search-button, .siteSearch input.gsc-search-button:hover, .siteSearch input.gsc-search-button:focus { background-color: transparent; background-image:  url(https://www.google.com/uds/css/v2/search_box_icon.png); background-repeat: no-repeat; background-position: 11px 6px; border: none; height: 25px; margin: 0; display: block; }
table.gsc-search-box td { padding: 0!important; border: none; }
table.gsc-search-box td table { margin: 0;}
table.gsc-search-box td button { padding: 11px 15px; border-radius: 0; border: none; background: #001F41 !important; outline: 0 !important; box-shadow: none !important;}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 { padding: 5px 18px!important; }
.gsc-control-cse { padding: 0!important; margin-top: -10px; }
.gsc-results-wrapper-nooverlay td, .gsc-above-wrapper-area { border: none; }
.gsc-resultsHeader { margin: 0; }


/* side nav */
.left-col { width: 15%; margin: 0; float: left; }

.side-nav { margin: 0; padding: 0;}
.side-nav li{ list-style: none; padding: 0; margin: 0 0 1px 0; }
.side-nav li a { display: block; padding: 8px 30px 28px 10px; color: #fff; background: #11316E; text-decoration: none; }
.side-nav li a:hover, .side-nav li a.active { background: #001F41; }

.side-nav > div { display: none; }

.top-menu > a { position: relative; }
.top-menu > a:after { content: "\f107";  position:absolute; font-family: 'FontAwesome'; top: 35%; right: 10px; font-size: 24px; }
.top-menu.active > a { color: #E57E25; }
.top-menu > a.active:after { content: "\f106"; }

.sub-menu {display: none; margin: 0; padding: 10px 0; background: #fff; }
.sub-menu li { margin: 0; }
.sub-menu li a { padding: 4px 10px; background: none; color: #484848; }
.sub-menu li a:hover, .sub-menu li a.active { background: none!important; color: #001F41; text-decoration: underline; }

.tools_icon { display:block; margin: 1em 0;}
.tools_icon ul { text-align: left; margin: 0; padding: 0;}
.tools_icon ul li { display:inline-block; margin-right: 10px; }
.tools_icon .fa { font-size: 20px; background: none; padding: 5px; color: #11316E; }
.tools_icon .fa:hover { color: #000; }


/* Primary Page content
--------------------------------------------------------*/
.page-content { width: 100%; padding: 0 0 30px; font: normal 15px/22px 'Aileron', Arial, Helvetica, sans-serif; }

img { max-width: 100%; }

.main-col { position: relative; width: 83%; float: right; margin: 0; padding: 30px 35px; background: #fff; box-shadow: 1px 1px 0px rgba(0,0,0,.1); }
.noBg .main-col { padding: 0; background: none; box-shadow: none; }
.main-col ul, .main-col ol { margin-bottom: 10px; }
.main-col .subBannerImg { display: none; }

.fullWidth .main-col, .fullWidth .left-col { width: 100%; float: none; }
.fullWidth .breadcrumbs { display: none; }

.breadcrumbs { width: 100%; margin: 0 0 20px; padding: 15px 10px; background: #fff; box-shadow: 1px 1px 0px rgba(0,0,0,.1); }
.breadcrumbs ul { list-style: none; padding: 0; margin: 0; }
.breadcrumbs li { display: inline-block; padding: 0 10px 0 0; }
.breadcrumbs li:after { display: inline-block; padding: 0 0 0 10px; font-family: 'FontAwesome'; content: " \f105"; }
.breadcrumbs li:last-child:after { display: none; }
.breadcrumbs a { color: #11316E; text-decoration: underline;  }
.breadcrumbs a:hover { color: #001F41; }

.panel { margin: 0 0 28px; padding: 30px 25px; background: #fff; box-shadow: 1px 1px 0px rgba(0,0,0,.1); }

#subBanner { margin: 0 0 20px; }
#subBanner img { width: 100%; }


/* Footer
--------------------------------------------------------*/
.page-footer { /*position: absolute; bottom: 0;*/ width: 100%; padding: 40px 0; background-color: #474747; color: #fff; }
.page-footer h2 { margin: 0 0 20px; color: #fff; }
.page-footer p { margin: 10px 0; color: #fff;}
.page-footer p a { color: #fff;}

.page-footer .email_subscribe { margin: 0 0 40px; padding: 0 0 40px; border-bottom: 2px solid #fff; }

.page-footer .footer-links { padding: 0 0 15px; }
.page-footer .footer-links ul { display: table; table-layout: fixed; width: 100%; margin: 0; padding: 0; list-style: none; }
.page-footer .footer-links ul li { display: table-cell; padding: 0 20px 0 0; }
.page-footer .footer-links ul li a { display: block; padding: 0 0 20px; font: normal 16px 'AileronB', Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }
.page-footer .footer-links ul ul { display: block; }
.page-footer .footer-links ul ul li { display: block; padding: 0; }
.page-footer .footer-links ul ul li a { padding: 0 0 12px; font: normal 14px 'Aileron', Arial, Helvetica, sans-serif; }
.page-footer .footer-links ul ul li a:hover { text-decoration: underline; }

.page-footer .copy { font-size: 12px; }
.page-footer .copy a { color: #fff; text-decoration: underline; }


/* Home Template Styles
--------------------------------------------------------*/

body.home { background: #f3f4f8 url(/FormBuilder/_Resource/_module/T8Ln_c4ibUqyFnnNe9zNRA/images/banners/banner_home.jpg) top center no-repeat; background-size: 100% auto; }

/*.home .branding { margin: 0 0 340px; background: none; }*/
.home .navigation { margin: 0 0 180px; }

.home .left-col { display: none; }
.home .main-col { width: auto; float: none; margin: 0; padding: 0; background: none; box-shadow: none; }
.home .breadcrumbs { display: none; }

.home .finHighlights img { display: inline-block; width: 18%!important; height: auto!important; margin: 5px 1%; vertical-align: bottom; }

/* Panels */
#priceModule_SharePriceModule2, .home .announcement-container, .home .featured-news { position: relative; width: 31.333333%; height: 390px; overflow: hidden; padding: 30px 25px; margin-top: 100px!important; margin-bottom: 30px; background: #fff; box-shadow: 1px 1px 0px rgba(0,0,0,.1); float: left; }
#priceModule_SharePriceModule2 { display: none; }
#priceModule_SharePriceModule2:before { color: #8998B7; font: normal 22px 'AileronB', Arial, Helvetica, sans-serif; display: block; margin: 0 0 10px; content: "Share Price"; }
#priceModule_SharePriceModule2 td { display: block; border: none; }
.home #priceModule_SharePriceModule2 { display: block; }

.priceTable > tbody > tr > td:first-child { position: absolute; display: block; top: 135px; right: 30px; padding: 0; }
.priceTable > tbody > tr:first-child > td:first-child { right: auto; left: 30px; }

.home .announcement-container { position: relative; width: 33.333333%; margin: 0 1%; float: left; }
.home .announcement-container h2, .home .featured-news h2 { color: #8998B7; }
.home .announcement-container a.btn { position: absolute; top: 36px; right: 25px; padding: 0; background: none; color: #11316E; min-width: inherit; }
.home .announcement-container a.btn:after { position: static; display: inline-block; padding: 0 0 0 20px; }

.home .featured-news { width: 33.333333%; float: right; }
.home .featured-news img { width: 100%!important; height: auto!important; }
.home .featured-news h4 { margin: 15px 0 0; font: normal 17px 'AileronB'; letter-spacing: -0.5px; }
.home .featured-news h4 a { text-decoration: none; }

.home.panel { clear: both; }

.home #subBanner { display: none; }
.home .main-col h1 {
  font-size: 60px;
  color: #fff;
  background: #11316e38;
  display: inline-block;
  margin: 0 0 20px;
  padding: .55rem .75rem .75rem;
}



/* Investor Centre
--------------------------------------------------------*/
.widgets h2 { margin: 0; padding: 10px 0; text-align: center; }
.widgets p { text-align: left; }
.widgets p a { margin: 0; }

.overview-container .row{ vertical-align: top; }
.share-container, .prospectus-container { margin: 0px; padding: 0px; }

.widgets .announcementsTable { margin: 10px auto; border: 0; width: 100%;  }
.widgets .announcementsTable th { display: none; }
.widgets .announcementsTable td { padding: 5px 0; }
.widgets .announcementsTable td a:hover { text-decoration: none; }
.widgets .noresults { padding: 0 10px;}

.widgets .share-box { padding: 10px; border: 1px solid #CCCCCC; }
.widgets .priceTable { width: 100%; margin: 5px 0; border: 0;}
.widgets .priceTable td { display: block; height: auto !important; text-align: center }
.widgets .priceTable td td { display: inline-block; }
.widgets .priceTable td .price { color: #11316E; font-size: 32px; padding: 0; }
.widgets .price-icon { padding: 0px 5px 0 0px; }
.widgets .priceMove { padding: 8px 0px 0 0px; display: inline-block }
.widgets .price-date {text-align:center; padding:10px 0 0px 0; margin: 0;}
.widgets .price-date span { font-size:11px;}
.widgets .priceDetails { display: none; }

.widgets #priceModule_SharePriceModule3 { display: block !important;}

.widgets .btn-subscribe { position: relative; display: block; padding: 20px 20px 20px 60px; width: auto; margin: 0; background: #11316E; border: 0; border-radius: 4px; color: #FFF; cursor: pointer; font-size: 0.9em; text-decoration: none;}
.widgets .btn-subscribe:before { content: "\f003";  position:absolute; font-family: FontAwesome; top:40px; left:20px; font-size: 30px; }

a.back-to-top { display: none; position: fixed; top:70%; right: 0; padding: 5px 15px; border: 1px solid #11316E; border-right: none; border-radius: 5px 0 0 5px; color: #11316E; background: #fff; background: rgba(255,255,255,.8); font-size: 30px; transition: .5s ease all; }
a.back-to-top:hover { color: #fff; background: #11316E; }


/***** buttons *****/
.btn { display: inline-block; position: relative; min-width: 230px; padding: 13px 22px; background: #11316E; font: normal 14px 'AileronB', Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; box-sizing: border-box; }
.btn:after { position: absolute; right: 15px; top: 13px; display: block; font-family: 'FontAwesome'; font-weight: normal; content: "\f105"; }
.btn:hover, .btn:hover, .btn:focus, .btn.focus { background: #012b5d; color: #fff; }
 .loadNext { display: block; text-align: center; background: #11316E; color: #FFF; padding: 10px; text-decoration: none; font-family: 'AileronB'; }
  .loadNext:after { display: inline-block; padding: 0 0 0 10px; font-family: 'FontAwesome'; content: " \f107"; }
  .loadNext:hover { background: #012b5d; color: #fff; text-decoration: none; }


/***** Icons *****/
a[data-icon="pdf"],
a[data-icon="audio"] { padding: 0; text-align: left; font-weight: 400; color: #11316E }
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 */


/***** Table *****/
table {width:100%; border-collapse:collapse; margin: 0 0 10px;  }
th, td { padding: 10px; margin:0; vertical-align:top; text-align:left; border-bottom: 1px solid #e5e9f2; }
th { padding: 10px; font-family: 'AileronB'; color: #000; text-align:left; background: #fff; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 5px solid #e5e9f2; }
td a { display: inline-block; position:relative; }

.factsheet strong { font-weight: normal; font-family: 'AileronB'; }


/***** Tabs *****/
#tab-group { width: 100%; margin: 20px 0 0; clear:both; border-bottom: 2px solid #11316E}
#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, #tab-group ul li a.tab-archive { background: none; display: block; font-size: 16px; padding: 8px 10px; text-align: center; text-decoration: none;}
#tab-group ul li a.tab-archive { background: #f2f4f8; }
#tab-group ul li a.tab-button:hover, #tab-group ul li a.tab-archive:hover { background: #11316E; color: #FFF}
#tab-group ul li a.tab-button.current { background: #11316E; color: #FFF}


/***** ASX Announcements *****/
.announcements-filter { text-align: right; margin: -44px 0 10px; }
.announcements-filter label { width: 20%; display: inline-block; *display: inline; zoom: 1; padding: 7px 20px 0 0; font-weight: bold;}
.announcements-filter input#KeywordSearch { width: 25%; padding: 6px; border: 1px solid #B2B1B1; vertical-align: top;  }
.announcements-filter .filterButton { background-color: #11316E; color: #FFF; vertical-align: top; display: inline-block; height: auto; width: auto; margin-left: 5px; padding: 7px 20px; border: 0; border-radius: 3px; }

.announcementsTable { margin: 20px 0 0; width: 100%; border-spacing: 1px; border-collapse: separate; }
.announcementsTable th { padding: 10px; color: #000; text-align:left; background: #fff; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 5px solid #e5e9f2; }
.announcementsTable td {padding:10px; margin:0; vertical-align:middle; margin-bottom: 10px; padding-bottom: 10px; background-size: 5px;}
.announcementsTable tr:nth-child(odd) td { background: #f2f4f8; }
.announcementsTable td a { font: normal 16px 'Aileron',Times New Roman; text-decoration: none; }
.announcementsTable td a:hover { text-decoration: underline; color: #000; }

.announcementsTable .downloadLinkHeader, .announcementsTable .downloadLink,
.announcementsTable .priceSensitiveHeader, .announcementsTable .priceSensitive,
.announcementsTable .securityCodeHeader, .announcementsTable .securityCode { display: none;}

#loadingSpinner { background: #ffffff url(/FormBuilder/_Resource/_module/5H6fE0r_N0iAfhxjV6Qu2Q/img/loadingSpinner.gif) 0 0 no-repeat; margin: 50px auto; overflow: hidden; width: 22px; height: 22px; text-indent:-100000em}


/***** Share Price *****/
table.priceTable td { height: auto !important; }
table.priceTable td td { padding: 5px 10px; }
table.priceTable td .price { color:#11316E; font-size: 62px; }
table.priceTable td .price span { display: block; color: #000; font-size: 18px; text-align: left; font-family: 'AileronB', Arial; padding: 0 0 20px; margin: -35px 0 0; }
table.priceTable .priceDetailsLabel { text-align: right; }

table.priceTable { margin: 150px 0 0; border: none; }
table.priceDetails { display: block; padding: 10px 0 0; border-top: 8px solid #e5e9f2; }
table.priceDetails tr { display: block; width: 50%; float: left; }
table.priceDetails td { width: 50%; text-align: left!important; display: block; float: left; }
table.priceDetails td:first-child { font-weight: bold; }

.priceMove { font-size: 22px; display: inline-block!important; width: 80px; }
.priceMove:nth-child(3) { display: block; }
.home .priceMove:nth-child(3) { display: block!important; }

.price-date { display: block; text-align:center; padding:5px 0; margin: -20px 0 0; }
.price-date span { font-size: 12px; }

.price-icon { position: relative; display: inline-block}
.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; }

#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:#11316E;font-size: 22px;font-weight:bold;}
#priceModule_SharePriceModule3 {display:none;}

.fin-tear-sheet #priceModule_SharePriceModule3 { position: relative; display: block; width: 28%; margin-top: 75px; padding: 60px 20px 20px; float: left; background: #e5e9f2; }
.fin-tear-sheet #priceModule_SharePriceModule3 .priceTable { margin: 0; }
.fin-tear-sheet #priceModule_SharePriceModule3 .priceTable tr, .fin-tear-sheet #priceModule_SharePriceModule3 .priceTable td { position: static!important; display: block!important; border: none; }
.fin-tear-sheet #priceModule_SharePriceModule3 table.priceDetails tbody { display: block; width: 100%; }
.fin-tear-sheet #priceModule_SharePriceModule3 table.priceDetails tr { width: 100%; float: none; }
.fin-tear-sheet #priceModule_SharePriceModule3 table.priceDetails td { text-align: center!important; }
.fin-tear-sheet #priceModule_SharePriceModule3 table.priceTable .priceMove { margin-top: 20px; text-align: center; }
.fin-tear-sheet #chartContainer_PriceVolumeChart2 { float: right; }

#chartContainer_PriceVolumeChart1 { margin: 0 auto; }


/*** Share Price History ***/
.priceHistoryContainer { width: 100%; }
.priceHistoryTable { margin: 10px 0; width:100%; border-spacing: 1px; border-collapse:separate;}
.priceHistoryTable th { padding: 10px; 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: #0d4d8c; border: 1px solid #0d4d8c; margin:10px 0; color: #fff; }
.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; color: #000; }
.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%;}

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}

input#EmailAddress { min-width: 300px; }
#submitSubscription { padding: 4px 7px; background: #11316E; color: #fff; border: 1px solid #001F41; border-radius: 3px; font: normal 14px 'Aileron'; transition: .5s ease all; }
#submitSubscription:hover { background: #001F41; border-color: #11316E; }


/***** Fin. Tear Sheet ******/
.tearsheet-print  { text-align: right; }
.tearsheet-print a { color: #FFF; padding: 3px 10px; background: #11316E; display: inline-block; *display: inline; zoom: 1;}
.tearsheet-print a span { display: block; }


/***** Board *****/
table.board { display: block; width: 49%; min-height: 210px; float: left; margin: 0 .5% 10px .5%; padding: 10px; background: #fff; box-shadow: 1px 1px 0px rgba(0,0,0,.1); border-left: 4px solid #11316E; cursor: pointer; transition: .3s ease-out all; }
.TextModule:nth-child(odd) table.board { margin-left: 0; }
.TextModule:nth-child(even) table.board { float: right; margin-right: 0; }
table.board:hover { background: #e5e9f2; }
table.board .fa-close { display: none; }
table.board td { border: none; }
table.board h3 { padding: 0; margin: 0; }
table.board h4 { margin-top: 10px; }
table.board p { display: none; }
table.board img { max-width: none; transition: .5s ease-out all; }
table.board.active { position: relative; width: 100%; float: none; clear: both; background: #333; color: #fff; }
table.board.active .fa-close { position: absolute; top: 10px; right: 10px; display: block; padding: 4px 5px; border: 2px solid #fff; border-radius: 100%; cursor: pointer; transition: .5s ease all; }
table.board.active .fa-close:hover { background: #fff; color: #333; transform: rotate(90deg); }
table.board.active td { border: none; }
table.board.active h4 { color: #fff; }
table.board.active p { display: block; }
table.board.active img { transform: scale(1.1); }


/***** Reports *****/
.annualReports .annualreports.overflow tr:nth-child(odd) { background: #f2f4f8; }
.annualReports td:first-child { padding: 10px 30px 10px 10px; }
.annualReports img { max-width: 100%!important; height: auto!important; }

.annualreports tr { position: relative; display: block; float: left; width: 19%; height: 140px; background: #11316E; margin: 0px .5% 10px; color: #fff; overflow: hidden; transition: .3s ease all; }
.annualreports tr:hover { background: #012b5d; }
.annualreports tr:first-child {margin-left: 0;}
.annualreports td { display: block; height: 50%; border: none; }
.annualreports td a { width: 100%; height: 100%; padding: 0 10px 10px 10px; color: #fff; display: block; text-decoration: none; }
.annualreports td a:hover { text-decoration: underline; }



table.annualreports {
    display: block;
    width: 100%;
}

table.annualreports tbody {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: .5rem;
    width: 100%;
}

table.annualreports tbody tr {
    float: none !important;
    margin: 0;
    width: auto !important;
    min-height: 140px;
    display: flex;
    flex-direction: column;
    padding:  1rem !important;
    justify-content: space-between;
    height: auto !important;
}


table.annualreports tbody tr td {
    height: auto;
    position: relative !important;
    top: auto !important;
    padding: 0 !important;
}
table.annualreports tbody tr td a {
    padding: 1rem 0 0 .125rem !important;
}


@media (max-width: 1199px) {
    table.annualreports tbody {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 991px) {
    table.annualreports tbody {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    table.annualreports tbody {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    table.annualreports tbody {
        grid-template-columns: 1fr;
    }
}

@media screen and (min-width:0) and (min-resolution: .001dpcm) {
 /* IE9 CSS */
 .annualreports td a { position: static; }
}


/***** 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: #11316E }


/***** 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: #11316E}

#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: #11316E; }
.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: #11316E;  }
.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: #11316E !important; color: #fff !important;  }
.ui-datepicker td .selected:hover { color: #fff; background: #11316E; }
.ui-datepicker td .ui-state-highlight, .ui-datepicker td .ui-state-highlight:hover { background: #11316E; color: #FFFFFF; font-weight: bold; }
.ui-datepicker td .ui-state-active { background: #11316E; 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: #f2f4f8; }
.event-table td.icon-column { display: none;}
.event-table td.event-column p { display: none;}
.event-table td.event-column a:hover {  color: #dc7118;}

table.events tr:nth-child(odd) { background: #f2f4f8; }

table.downloads tr:nth-child(odd) { background: #f2f4f8; }


/***** Corporate Governance ******/
/*.iconLink { border-bottom: 5px solid #e5e9f2; }
.iconLink:hover { background: #f2f4f8; }
.iconLink a[href*="DocumentDownload.ashx"] {padding: 10px 20px 10px 40px !important; position:relative; text-decoration: none; display: block}
    .iconLink a[href*="DocumentDownload.ashx"]:before { content: "\f1c1";  position:absolute; font-family: FontAwesome; top: 10px; left:10px; font-size: 18px } /* for PDF icons */

.iconLink { width: 19%; margin: 5px .5%; float: left; color: #fff; }
.iconLink a { display: block; height: 150px; background: #11316E; color: #fff; }
.iconLink a:hover { background: #012b5d; }
.iconLink a[href*="DocumentDownload.ashx"] {padding: 10px 20px 10px 40px !important; position:relative; text-decoration: none; display: block}
    .iconLink a[href*="DocumentDownload.ashx"]:before { content: "\f1c1";  position:absolute; font-family: FontAwesome; top: 10px; left:10px; font-size: 18px } /* for PDF icons */


/*** FAQ ***/
.QAViewer { margin-bottom: 0em; padding: 5px 10px;  }
.QAViewer:nth-child(odd) { background: #e5e9f2; }
.QAViewer .QALink { position:relative; padding:10px 10px 10px 30px!important; display:block; text-decoration: none; color: #11316E; transition: .5s ease all; }
.QALink:before { content: '\f105'; position: absolute; font-family: 'FontAwesome'; top: 10px; left: 0px; font-size: 23px; }
.QAViewer.open .QALink:before { content: '\f107'; }

.QAViewer .QALink:hover { text-decoration: none;}
.QAViewer.open .QALink { color: #012b5d; }
.QAViewer .answer { padding: 0 10px 10px 30px; color: #000; }
.QAViewer .answer p { margin: 0 0 10px 0; }
.QAViewer .answer ul { padding-left: 20px; }
.QAViewer .answer ul li { margin-left: 0em; list-style: outside disc; }


/***** Timeline / History *****/
.our-history .TextModule { display: table; width: 100%; clear: both; }
.timeline { position: relative; width: 50%; min-height: 100px; clear: both; background: #fff; box-shadow: 1px 1px 0px rgba(0,0,0,.1); }
.TextModule:hover .timeline { background: #e5e9f2; color: #000; }
.timeline:after { position: absolute; top: 0; z-index: 1; width: 4px; height: 100%; background: #11316E; content: " "; }
/*.timeline.first:before { position: absolute; top: 0; right: -3px; width: 8px; height: 50%;  background: #fff; content: " "; z-index: 2; }*/
.TextModule:hover .timeline:after { background: #012b5d; }
.timeline.left { padding: 10px 50px 10px 0; border-left: 4px solid #11316E; }
.timeline.left:after { right: -2px; }
.timeline.right { float: right; padding: 10px 20px 10px 30px; border-right: 4px solid #11316E; }
.timeline.right:after { left: -2px;}
.timeline .timeline-year { position: absolute; top: 50%; right: -33px; z-index: 2; background: #11316E; color: #fff; border-radius: 100%; padding: 20px 10px; font-size: 20px; margin-top: -30px; transition: .5s ease all; }
.TextModule:hover .timeline .timeline-year { background: #012b5d; transform: scale(1.1); }
.timeline.right .timeline-year { left: -33px; right: auto; }


/* Print Styles */
@media print {

  #main-nav, .iconLink, .returnhome, a.btn { display: none; }
  .branding { height: auto !important; float: none; width: 100%; background: none; }
  a#logo, .screenLogo, #mobileMenuBtn, .breadcrumbs, #subBanner { display: none!important; }
  .printLogo { display: block; margin: 30px 30px 10px; }
  .confirmation table { width: 100%; }
  .page-content { padding: 0; margin-left: 0;}
  .confirmation, #bpayBox {page-break-inside: avoid; margin: 0 0 20px; }
  .spnScreenReader { display: none!important; }

  .left-col { display: none; }
  .main-col { width: 100%; float: none; }

}



/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media (max-width: 1500px) {

  /*body.home { background-size: auto; background-position: center top; }*/

}

@media (max-width: 1200px) {

  .container { padding: 0 10px; }

  .nav ul li a, .nav ul li a:active { padding: 0 7px; font-size: 12px; }
  .nav ul li.register a { margin-top: 8px; }

  .home .main-col { padding: 0 10px!important; }

  .page-footer .footer-links { padding: 0 15px 15px; }
  .page-footer .copy { padding: 0 15px; }

}

@media (max-width: 1100px) {

  .siteSearch { width: 317px; }

  .priceMove { width: auto; text-align: right; }
  table.priceTable td .price { font-size: 52px; }
  .home .announcement-container a.btn { position: static; float: right; margin-top: 10px; }

  .priveVolumeChart { width: 500px!important; }

}

@media (max-width: 980px) {

  h1.investor-title { margin-right: 59px; }
  h1.investor-title span { display: none; }

  /* main-nav */
  .navigation .container { padding: 0; }

  #mobileMenuBtn { display: block; padding: 34px 12px; }
  .navigation { width: 100%; margin: 0; display: none; overflow: visible!important; }
  .home .navigation { margin: 0; }
  .nav { position: relative; width: 100%; text-align: center; background: #f4f5f9; top: 0px; margin: 0; }
  .nav li {  display: block; }
  .nav li a { color: #11316E; }
  .nav li a:hover { background: #11316E; color: #FFFFFF;}
  .main-nav, .nav ul li { display: block; }
  .nav ul li a, .nav ul li a:active, .nav ul li.return-to-main a { padding: 13px 10px 13px 35px; line-height: normal; text-align: left; border-bottom: 1px solid #0e3f70; padding-left: 35px; color: #fff; background: #001F41; }
  .nav > ul > li > a.active, .nav > ul > li > a:hover { background: #11316E; }
  .nav ul li.register a { margin: 0; padding: 13px 25px 13px 35px; background: #001F41; border: none; color: #fff; text-align: left; font: normal 12px/50px 'AileronB', Arial, Helvetica, sans-serif; line-height: normal; border-radius: 0; }

  .nav ul li div ul li a, .nav ul li div ul li a:active { padding-left: 35px; background: #f2f4f8!important; border-color: #f2f4f8; }
  .nav ul li div ul ul li a, .nav ul li div ul ul li a:active { background: #fff!important; }

  .nav ul li:hover > div { display: none; }
  .nav ul li div { position: static; border-top: none; }
  .nav ul li div ul li { width: 100%; float: none; padding-right: 0!important; }
  .nav ul li div ul li img { display: none; }

  .nav ul li div > ul > li ul { display: block; position: static; border-top: none; }

  .nav-search.mobile { display: block; position: absolute; top: 19px; right: 360px; }
  .nav-search.mobile a { display: block; padding: 10px; color: #fff; }
  .nav-search.mobile a.active { background: #001F41; }
  .nav ul li.nav-search { display: none; }
  .nav ul li.nav-search a { color: #fff; background: none; border: none; }
  .siteSearch { top: 15px; right: 340px; width: auto; padding: 6px 6px 2px 10px; margin-left: 245px; border: 2px solid #11316E; border-top-width: 7px; border-bottom-width: 7px; }
  .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult { margin: -12px -10px -3px; }

  .nav ul li div ul ul li a, .nav ul li div ul ul li a:focus { padding-left: 45px; color: #11316E!important; }

  /*  content */
  .left-col { width: 25%; }
  .main-col { width: 73%; margin: 0; }
  .home .main-col { margin: 50px 0 0; }

  #priceModule_SharePriceModule2, .home .announcement-container, .home .featured-news { width: 49%; }
  #priceModule_SharePriceModule2 { margin: 0 1% 10px 0; }
  table.priceTable td .price { font-size: 62px; }
  .home .announcement-container { margin: 0 0 10px 1%; }
  .home .featured-news { width: 100%; height: auto; clear: both; float: none; }
  .home .featured-news img { width: 30%!important; margin: 0 20px 20px 0; float: left; }

  #tab-group { text-align: center; }
  .announcements-filter { margin: 10px 0; text-align: center; }

  table.factsheet td { display: block; width: auto!important; padding: 10px 0; }
  table.factsheet td:nth-child(odd) { background: #e5e9f2; padding-left: 10px; }

  .fin-tear-sheet #priceModule_SharePriceModule3 { width: 50%; float: none; margin: 0 auto; }
  .fin-tear-sheet table.priceTable { margin: 70px 0 0; }
  .fin-tear-sheet #chartContainer_PriceVolumeChart2 { float: none; margin: 20px auto 0; }

  .home .finHighlights img { width: auto!important; height: auto!important; vertical-align: bottom; }

  .iconLink { width: 49%; margin: .5%; }

}

@media (max-width: 810px) {

  /* general */
  body.home { background-size: 1000px auto; background-position: center top; }

  blockquote { padding: 10px 0; float: none!important; width: auto!important; border: none; }

  #wrapper { width: 100%; margin: 0 auto;}
  .container { clear: both; display: block; margin: 0; width: 100%; padding: 0 3%;}
  .column, .columns { float: none; width: 100% !important; display: block; margin: 0; }
  .page-content { margin: 3% 0;}
  #subBanner { margin: 0 0 3%; }

  /* Header */
  .branding { padding: 0; border: 0; position:relative;}
  .branding .logo { margin: 0; padding: 25px;}
  h1.investor-title{ display: none;}

  /* Navigation */
  .nav-search.mobile { right: 100px; }
  .nav-search.mobile a { font-size: 17px; }
  .siteSearch {right: 80px;margin-left: 265px;}

  /* page-content */
  .home .main-col { padding: 0!important; }
  .home .panel { margin: 0 0 3%; }
  .home .announcement-container a.btn { position: static; }
  .home .featured-news img { width: 100%!important; float: none; }

  .main-col, .panel, .breadcrumbs { padding: 20px; }
  .panel { margin: 0 0 3%; }
  .breadcrumbs { margin: 0 0 3%; }
  #priceModule_SharePriceModule2, .home .announcement-container, .home .featured-news { margin-top: 3%!important; }

  .inputFields { width: 100% !important; }

  #priceModule_SharePriceModule2, .home .announcement-container, .home .featured-news { width: 100%; float: none; margin: 0 0 10px; }
  .home .announcement-container { height: auto; }

  table.board { width: 100%; min-height: 210px; float: none!important; clear: both; margin: 0 0 10px!important; }
  table.board tbody, table.board tr { display: block; }
  table.board img { margin: 0 15px 15px 0; float: left; }

  /* buttons */
  .home-btn {padding: 5px;}

  /* IR */
  #priceModule_SharePriceModule3 {display:block;}
  #custom-price-table { display: none;}
  .priveVolumeChart { width: 100% !important;}
  .highcharts-input-group { display: none; }

  table.overflow, table.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);}
  table.dividend.overflow { display: table; }
  /***** Table *****/
  table.responsive td { display: block; width: 100%; }

  .announcements-filter label { width: auto; display: block; margin-bottom: 5px; }
  .announcements-filter input#KeywordSearch { width: 60%; }
  .widgets .btn-subscribe:before { top: 25px; }

  .calc-table-filter .calc-table-filter-row .horizontal li { margin-bottom: 10px; }

  .annualreports td:first-child { position: absolute; top: 5px; }
  .annualreports tr { width: 32.3333%; padding: 15% 10px 10px 10px; margin: .5%; }

  #tab-group ul li a.tab-button, #tab-group ul li a.tab-archive { font-size: 12px; }
  #tab-group ul li { margin-bottom: 5px; }

  .calc-table-filter .calc-table-filter-row .horizontal { padding: 0; }
  .calc-table-filter .calc-table-filter-row li label { margin-right: 15px; }

  .fin-tear-sheet #priceModule_SharePriceModule3 { width: 100%; }

  /*footer*/
  .page-footer .footer-links { display: none; }
  .page-footer .copy, .page-footer .copy > div { width: auto!important; float: none!important; text-align: center!important; }

  a.back-to-top { display: none!important; }

}

@media (max-width: 500px) {

  #mobileMenuBtn { padding: 21px 14px; }

  .nav-search.mobile { top: 6px; right: 80px; }
  .siteSearch {top: 0;right: 80px;padding: 6px 6px 2px 10px;margin-left: 10px;background: #11316E;border-top-width: 7px;border-bottom-width: 7px;left: 0;padding: 0;}

  h1 { font-size: 44px; }

  .branding { height: auto; }
  #logo { padding: 12px 25px 11px 0; }
  img.screenLogo { width: 170px; }

  table.priceTable td .price { font-size: 44px }

  /*  Page Content */
  .page-content .left-col { display: none; }
  .main-col { width: 100%; float: none; }

  /*  Our History */
  .timeline { width: 100%; margin: 0 0 5px; padding: 10px 70px 10px 0!important; border-right: 4px solid #11316E; border-left: none!important; float: right!important; }
  .timeline:after { left: auto!important; right: -2px!important; }
  .timeline .timeline-year { left: auto!important; right: 0!important; }

  input#EmailAddress { min-width: 100%; }

  .annualreports tr { width: 49%; padding: 20% 10px 10px 10px; }
  .annualreports td:first-child { left: 20px; }

}