/* Qantas IR - Base Styles v3.7.3
Red: #e0001b
Text Grey: #222222
Text Light Grey: #666666
Text Lighter Grey: #888888

Background light grey: #dddddd
Border light grey: #dddddd

Notes: 
1. Fix search - button.gsc-search-button-v2

***************************************** */

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

html { /*sticky foot*/position: relative; min-height: 100%; /*End Sticky foot*/; }
body { /* Margin bottom by footer height  margin-bottom: 80px;  End Sticky foot*/ font-family: "ProximaNovaRegular",Helvetica,Arial,sans-serif; font-size: 14px; color: #666666; }
.container { max-width: 1000px; }
.section { padding: 40px 0 30px;}
.bb { margin-bottom: 40px !important; border-bottom: 1px solid #DDDDDD; padding-bottom: 40px;}
.step .TextModule:last-child .bb { border: 0;}
.visible-mobile { display:none !important}
.visible-desktop { display:block !important}
.TextModule ul { margin-bottom: 15px}
fieldset {border:0}

a.skipToContent { top: 0px; left: -9999px; position: absolute;}
a.skipToContent:link, a.skipToContent:visited { color: #fff;}
a.skipToContent:focus, a.skipToContent:active { left: 0; top: 0; padding: 10px 7px 7px 10px; font-weight: bold; color: #FFF; background-color: #DA0000; transition: none; z-index: 10;}

a#scroll_top { position: fixed; right: 20px; bottom: 20px; color: #fff; display: none; z-index: 10000; }
a#scroll_top i { background: #EE0000; padding: 12px; font-size: 20px; }
a#scroll_top i:hover { background: #f5f5f5; color: #EE0000; }



/* Typography
************************** */
h1, h2, h3, h4, h5, h6 { font-family: "linetobrauerneueregular", Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.1; color: #222;}
h1 { margin: 0 0 30px 0; font-size: 38px; }
h2 { margin: 15px 0 15px 0; font-size: 32px;}
h2.subtitle { font-size:24px;}
h3 { margin: 0 0 15px 0; }
h4 { margin: 0 }
h5 { margin: 0 }
h6 { margin: 0 }
strong, b { font-family: "ProximaNovaBold"; font-weight: normal;  }


/* Links
****************************** */
a { color: #e0001b; outline: none; text-decoration: underline; }
a:hover { color: #e0001b; text-decoration: none;}
a:focus { color: #e0001b; text-decoration: none; /*outline: thin dotted;*/ outline: thick solid black; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
a > span {position: absolute;clip: rect(1px 1px 1px 1px); /* for Internet Explorer */clip: rect(1px, 1px, 1px, 1px);padding: 0;border: 0;height: 1px;width: 1px;overflow: hidden;}
input[type='text']:focus { background-color: #EEEEEE; color: #000; }
.offscreen, .sr-only{position: absolute;clip: rect(1px 1px 1px 1px); /* for Internet Explorer */clip: rect(1px, 1px, 1px, 1px);padding: 0;border: 0;height: 1px;width: 1px;overflow: hidden;}

a{ position: relative}
a[data-icon="pdf"], a[data-icon="audio"], a[data-icon="webcast"],
a[data-icon="ppt"], a[data-icon="web"], a[data-icon="media"], a[data-icon="cal"] { padding: 0 0 5px; text-align:center; display:inline-block; color: #666666;   }
/*a[data-icon="pdf"]:before { content: "\f1c1";  position:relative; font-family: FontAwesome; top:0; left:0px; font-size: 18px; width: 30px; display: inline-block;} /* for PDF icons /
a[data-icon="audio"]:before { content: "\f028";  position:relative; font-family: FontAwesome; top:0; left:0px; font-size: 18px; width: 30px; display: inline-block; } /* for audio icons /
a[data-icon="webcast"]:before { content: "\f008";  position:relative; font-family: FontAwesome; top:0; left:0px; font-size: 18px; width: 30px; display: inline-block;} /* for webcast icons /
a[data-icon="ppt"]:before { content: "\f26c";  position:relative; font-family: FontAwesome; top:0; left:0px; font-size: 18px; width: 30px; display: inline-block;} /* for presentation icons /
a[data-icon="web"]:before { content: "\f0ac";  position:relative; font-family: FontAwesome; top:0; left:0px; font-size: 18px; width: 30px; display: inline-block;} /* for web icons /
a[data-icon="media"]:before { content: "\f1ea";  position:relative; font-family: FontAwesome; top:0; left:0px; font-size: 18px; width: 30px; display: inline-block;}  /* for media icons /
a[data-icon="cal"]:before { content: "\f073";  position:relative; font-family: FontAwesome; top:0; left:0px; font-size: 18px; width: 30px; display: inline-block;}  /* for calendar icons */

a[data-icon="pdf"] img, a[data-icon="audio"] img, a[data-icon="webcast"] img,
a[data-icon="ppt"] img, a[data-icon="web"] img, a[data-icon="media"] img, a[data-icon="cal"] img { vertical-align:top;}


/* Primary Header - branding
--------------------------------------------------------*/
#mobileMenuBtn {display: none; position: absolute; cursor: pointer; right: 4%; top: -135px; }
#mobileMenuBtn span { display: none;}
#mobileMenuBtn:after { content: "\f0c9";  position:absolute; font-family: 'FontAwesome'; top:0px; right:0px; font-size: 30px; color: #e0001b; }
#mobileMenuBtn.selected:after { content: "\f00d";  position:absolute; font-family: 'FontAwesome'; top:0px; right:0px; font-size: 30px; color: #e0001b; }

.page-header { margin: 0; padding: 0; heihgt: 90px;}
.page-header #logo { padding: 20px 0; display: inline-block;}
.page-header #logo img { height: 45px;}

/* Primary Header - Main Navigation
--------------------------------------------------------*/
.page-nav, .navigation { background: #505456; margin: 0; padding: 0; position:relative; z-index: 999 }
.nav { margin: 0; padding: 0; text-align:left; font-family: "linetobrauerneueregular",Helvetica,Arial,sans-serif; }
.nav li { cursor: pointer; padding: 0; }
.nav li a { font-size: 18px; color: #FFFFFF; text-decoration: none; padding: 27px 20px 25px; z-index: 999; cursor: pointer; vertical-align:middle }
.nav li:hover a, .nav li a:hover, .nav li a:focus { background: #FFFFFF; color: #e0001b; -moz-transition: background-color 0.15s linear 0s; -webkit-transition: background-color 0.15s linear 0s; -moz-transition: background-color 0.15s linear 0s; -ms-transition: background-color 0.15s linear 0s; -o-transition: background-color 0.15s linear 0s; transition: background-color 0.15s linear 0s; }
.nav li.menu-first a:hover, .nav li.menu-first a:focus { background: #505456; color: #dddddd; }
.nav li:hover ul.sub-nav, .nav li.focus ul.sub-nav, .nav ul.hover, .nav ul.hover li { display: block; }
.nav li a .fa { opacity: 0.5; vertical-align: middle; }
.nav li.menu-first a { padding: 0 20px 0 0;}
.nav li a .fa-home { opacity: 1; font-size:30px;}

/* sub menu level */
.sub-nav { display: none; position: absolute; top: 76px; left: auto; min-width: 280px; background: #FFFFFF; text-align:left; padding: 0px; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; z-index: 99;  -moz-transition: background-color 0.15s linear 0s; -webkit-transition: background-color 0.15s linear 0s; -moz-transition: background-color 0.15s linear 0s; -ms-transition: background-color 0.15s linear 0s; -o-transition: background-color 0.15s linear 0s; transition: background-color 0.15s linear 0s;}
.sub-nav li { display: block;  -moz-transition: background-color 0.15s linear 0s; -webkit-transition: background-color 0.15s linear 0s; -moz-transition: background-color 0.15s linear 0s; -ms-transition: background-color 0.15s linear 0s; -o-transition: background-color 0.15s linear 0s; transition: background-color 0.15s linear 0s; }
.sub-nav li a { display: block; padding: 10px 20px; color: #e0001b; border-bottom: 1px solid #dddddd }
.sub-nav li a:hover, .sub-nav li a:focus { background: #FFFFFF; color: #e0001b; text-decoration: underline}


/* side nav */
.side-menu h2 {font-size:24px; margin: 0 0 15px 0}
.side-nav, .side-sub-nav { display: none; margin: 0; padding: 0;  }
.side-nav ul { border-right: 1px solid #dddddd; margin: 0; padding: 0; }
.side-nav ul li { list-style: none; margin: 0; padding: 0 0 10px; cursor: pointer; display: block; }
.side-nav ul li a { padding: 0 5px 0 0; display: block; cursor: pointer; color: #222222; font-size: 16px; }
.side-nav ul li a.active { color: #e0001b; }
.side-nav ul li a:hover, .side-nav ul li a:focus { color: #e0001b; text-decoration: none}
li.parent-nav a { position: relative; }
/*li.parent-nav > a:after {  content: "\f105";  position:relative; font-family: FontAwesome; top:0px; margin-left:8px; font-size: 16px; text-decoration: none !important}
li.parent-nav > a.active:after {  content: "\f107";  position:relative; font-family: FontAwesome; top:0px; margin-left:8px; font-size: 16px; text-decoration: none !important}

li.parent-nav > a:after {  content: 'collapse'; background-image: url(/FormBuilder/_Resource/_module/doLLG5ufYkCyEPjF1tpgyw/image/icons/arrow-collapse.jpg); position:relative; top:8px; left:5px;  width: 8px; height: 11px; display:inline-block; text-indent:-1000em;}
li.parent-nav > a.active:after {  content: 'expanded'; background-image: url(/FormBuilder/_Resource/_module/doLLG5ufYkCyEPjF1tpgyw/image/icons/arrow-open.jpg); position:relative; top:8px; left:5px;  width: 11px; height: 8px; display:inline-block; text-indent:-1000em; }
*/

ul.side-sub-nav { margin-left: 20px; padding: 10px 0 20px 0; border: 0; }
ul.side-sub-nav li:last-child { padding: 0;}
ul.side-sub-nav li a.active { text-decoration: underline; color: #222222}


/* Tools icon
--------------------------------------------------------*/
.tools_icon { display:none; margin: 0; float: right; }
.tools_icon ul, .tools_icon ul li { margin: 0; padding: 0;}
.tools_icon ul li { display:inline-block; margin-left: 10px  }
.tools_icon ul li a { padding: 5px; font-size: 12px; display:block; }
.tools_icon .fa { font-size: 14px; padding: 2px 5px 2px 0; color: #888888; }


.tools-subscribe { margin: 20px 0;}
.tools-subscribe a { position: relative; display: block; padding: 10px 10px 10px 60px; font-size: 0.9em; font-weight: normal;}
.tools-subscribe a:before {  content: "\f003";  position:absolute; font-family: FontAwesome; top:5px; left:15px; font-size: 30px}

/* HERO Slider
--------------------------------------------------------*/
.hero-content {height: 500px;}
.hero-content > div { position: relative;}

/*#slider_container { display: none; }
#slider_container ul { margin: 0; padding: 0; }*/
#slider_container img { max-width:100% !important; height: 400px; }
#slider_container .slides > li:first-child {display: block; -webkit-backface-visibility: visible;}
#slider_container .slides > li {display: none; -webkit-backface-visibility: hidden;}

/*.custom-navigation { position: absolute; z-index: 99; width: 95%; top: 35%;}
.custom-navigation a:focus, .custom-navigation a:active { color: #FFFFFF;}
.flex-next {  left: 100%; font-size: 50px; color: #FFFFFF; opacity: 0.5}
.flex-next:after { position: absolute; content: "\f105"; font-family: FontAwesome; }
.flex-prev {  left: 3%; font-size: 50px; color: #FFFFFF; opacity: 0.5}
.flex-prev:after { position: absolute; content: "\f104"; font-family: FontAwesome; }
.flex-next:hover, .flex-prev:hover { color: #FFFFFF; opacity: 1}
.flex-next:focus:after, .flex-prev:focus:after { color: #FFF; background-color: #DA0000; }
.flex-control-nav, .flex-direction-nav { display: none; }*/

.flex-container a:hover,.flex-slider a:hover {  outline: none;}
.slides, .slides > li,.flex-control-nav,.flex-direction-nav { margin: 0;  padding: 0;  list-style: none;}
.flex-pauseplay span {  text-transform: capitalize;}

#slider_container {  margin: 0;  padding: 0;}
#slider_container .slides > li {  display: none;  -webkit-backface-visibility: hidden;}
#slider_container .slides img {  width: 100%;  display: block;}
#slider_container .slides:after {  content: "\0020";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0;}
html[xmlns] #slider_container .slides {  display: block;}
* html #slider_container .slides {  height: 1%;}
.no-js #slider_container .slides > li:first-child {  display: block;}

.flex-direction-nav {  *height: 0;}
.flex-direction-nav a {  text-decoration: none;  display: block;  width: 40px;  height: 40px;  margin: -20px 0 0;  position: absolute;  top: 50%;  z-index: 10;  overflow: hidden;  opacity: 1s;  cursor: pointer;  color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -ms-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.flex-direction-nav a:before {  font-family: "FontAwesome";  font-size: 40px;  display: inline-block;  content: '\f104';  color: rgba(0, 0, 0, 0.8); }
.flex-direction-nav a.flex-next:before {  content: '\f105';}
.flex-direction-nav .flex-prev {  left: 50px;}
.flex-direction-nav .flex-next {  right: 50px;  text-align: right;}
.flexslider:hover .flex-direction-nav .flex-prev {  opacity: 0.7;  left: 10px;}
.flexslider:hover .flex-direction-nav .flex-prev:hover {  opacity: 1;}
.flexslider:hover .flex-direction-nav .flex-next {  opacity: 0.7;  right: 10px;}
.flexslider:hover .flex-direction-nav .flex-next:hover {  opacity: 1;}
.flex-direction-nav .flex-disabled {  opacity: 0!important;  filter: alpha(opacity=0);  cursor: default;  z-index: -1;}
.flex-pauseplay a {  display: block;  width: 20px;  height: 25px;  position: absolute;  bottom: 15px;  left: 10px;  opacity: 0.8;  z-index: 10;  overflow: hidden;  cursor: pointer;  color: #000;}
.flex-pauseplay a:before {  font-family: "FontAwesome";  font-size: 20px;  display: inline-block;  content: '\f04c';}
.flex-pauseplay a:hover {  opacity: 1;}
.flex-pauseplay a.flex-play:before {  content: '\f04b';}
.flex-control-nav {  width: 100%;  position: relative;  bottom: 30px;  text-align: center;}
.flex-control-nav li {  margin: 0 6px;  display: inline-block;  zoom: 1;  *display: inline;}
.flex-control-paging li a {  width: 11px;  height: 11px;  display: block;  background: #666;  background: rgba(0, 0, 0, 0.5);  cursor: pointer;  text-indent: -9999px;  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);  -webkit-border-radius: 20px;  -moz-border-radius: 20px;  border-radius: 20px;}
.flex-control-paging li a:hover {  background: #333;  background: rgba(0, 0, 0, 0.7);}
.flex-control-paging li a.flex-active {  background: #000;  background: rgba(0, 0, 0, 0.9);  cursor: default;}

.sustSlider .slides > li { text-align: center}
.sustSlider .flex-direction-nav {
        position: relative;
        bottom: 300px;
}

/*---------- END SLIDER CSS --------------*/

.hero-home { display: none;}
.hero1{ background: url("/FormBuilder/_Resource/_module/doLLG5ufYkCyEPjF1tpgyw/images/HERO3-Qantas.jpg") center center no-repeat; background-size: cover; width: 100%; }
.hero2{ background: url("/FormBuilder/_Resource/_module/doLLG5ufYkCyEPjF1tpgyw/images/HERO2-Qantas.jpg") center 75% no-repeat; background-size: cover; width: 100%; }
.hero3{background: url("/FormBuilder/_Resource/_module/doLLG5ufYkCyEPjF1tpgyw/images/Qantas-Hero-investor-2020_3.jpg") center center no-repeat;background-size: cover;width: 100%;}
.hero4{ background: url("/FormBuilder/_Resource/_module/doLLG5ufYkCyEPjF1tpgyw/images/HERO4-Qantas.jpg") center 55% no-repeat; background-size: cover; width: 100%; }
.hero5{ background: url("/FormBuilder/_Resource/_module/doLLG5ufYkCyEPjF1tpgyw/images/home-banner-sustainability.jpg") center center no-repeat; background-size: cover; width: 100%; }
/*.hero2 .caption {padding: 117px 50px}*/

.hero-investors{background: url("/FormBuilder/_Resource/_module/doLLG5ufYkCyEPjF1tpgyw/images/Qantas-Hero-investor_4.jpg") center center no-repeat;background-size: cover;height: 100%;width: 100%;display: none;}
.hero-company{ background: url("/FormBuilder/_Resource/_module/doLLG5ufYkCyEPjF1tpgyw/images/HERO3-Qantas.jpg") center center no-repeat; background-size: cover; height: auto; width: 100%; display: none;}
.hero-governance{ background: url("/FormBuilder/_Resource/_module/doLLG5ufYkCyEPjF1tpgyw/images/HERO-sustainability.jpg") center center no-repeat; background-size: cover; height: auto; width: 100%; display: none;}
.hero-contact{ background: url("/FormBuilder/_Resource/_module/doLLG5ufYkCyEPjF1tpgyw/images/Qantas-Hero-contacts.jpg") center 70% no-repeat; background-size: cover; height: auto; width: 100%; display: none;}

.caption { display:block; width: 1000px; margin: 0 auto; padding: 150px 50px; color: #FFFFFF; }
.caption h1 { color: #000; margin-bottom: 10px; font-size: 60px; }
.hero-governance .caption h1 { color: #fff; }

.hero1 .caption h1 { font-size: 54px; }
.hero3 .caption h1, .hero-company .caption h1 { color: #222; }
.hero4 .caption h1 { color: #fff; }
.hero5 .caption .btn{color: #fff; border-color: #fff;}
.hero5 .caption h1{color: #fff;}

/* Primary Page content
--------------------------------------------------------*/
.page-content { background: #FFF; width: 100%; }


/* Board & Management
--------------------------------------------------------*/
.accordian-link { border-top: 1px solid #dddddd; margin-top: 30px; padding: 30px 0 0; outline: none;}
.accordian-link.noBorder { border: 0; margin: 0; padding: 0}
.accordian-content {  margin: 0 0 20px 0; height: auto !important;}
.accordian-content h3 { margin: 15px 0;}
.board-content .accordian-content img { float: left; padding: 0 10px 10px 0;}
.board-content .accordian-link h4 { margin-bottom: 15px;}

.factsheet-content .boards-name { padding: 10px 0 0 0}
.factsheet-content .boards-name:last-child { border: 0;}

/* Footer
--------------------------------------------------------*/
.page-footer { /* stkicy foot  position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here  height: auto;/* End sticky foot*/ background: #FFFFFF;}
.page-footer p { margin: 10px 0; color: #666666;}
.page-footer a { color: #666666; text-decoration:underline}

.social-links { background:#fafafa; border-top: 1px solid #e5e5e5; text-align:center }

.follow-us { text-align:center}
.follow-us li { display:inline-block}
.follow-us a { position: relative; background: transparent url('/FormBuilder/_Resource/_module/doLLG5ufYkCyEPjF1tpgyw/images/footer_sprites.png') 0 -74px no-repeat; display: inline; float: left; margin: 0 0 10px; padding: 15px 0 15px 34px; text-align: left; width: 50%; cursor: pointer; transition: all 0.2s ease 0s; text-decoration: none;}
.follow-us a:after { content: ""; position: absolute; top: 0; left: 0;background: url('/FormBuilder/_Resource/_module/doLLG5ufYkCyEPjF1tpgyw/images/footer_sprites.png') 0 0 no-repeat; opacity: 0; -webkit-transition: opacity 0.2s ease 0s; -moz-transition:    opacity 0.2s ease 0s; -o-transition:      opacity 0.2s ease 0s;  width: 24px ; width: 0 \9;  height: 24px; }
.follow-us a#fb { background-position:0 -74px;}
.follow-us a#tw { background-position:0 -666px;}
.follow-us a#in { background-position: 0 -518px; }
.follow-us a#yt { background-position: 0 -814px;}
.follow-us a#ig { background-position:0 -370px;}
.follow-us a#gp,.follow-us a#dg{ background-position:0 -222px; }
.follow-us a#fb:hover , .follow-us a#fb:active { color: #3b5998; }
.follow-us a#tw:hover, .follow-us a#tw:active { color: #00aced; }
.follow-us a#in:hover, .follow-us a#in:active { color: #006599; }
.follow-us a#yt:hover, .follow-us a#yt:active{ color: #af2b26; }
.follow-us a#ig:hover, .follow-us a#ig:active{ color: #3f729b; }
.follow-us a#gp:hover, .follow-us a#gp:active,.follow-us a#dg:hover, .follow-us a#dg:active{ color: #db4a39; }
.follow-us a#fb:after { background-position:0 0; }
.follow-us a#tw:after { background-position:0 -592px; }
.follow-us a#in:after { background-position:0 -444px;}
.follow-us a#yt:after { background-position:0 -740px;}
.follow-us a#ig:after { background-position: 0 -296px;}
.follow-us a#gp:after,.follow-us a#dg:after{ background-position: 0 -148px;}
.follow-us a:hover:after , .follow-us a:active:after { opacity: 1; content: ""; width: 24px \9; }

.footer-links { background:#FFFFFF; border-top: 1px solid #e5e5e5; font-size: 13px; padding: 20px 0; margin-top: -79px; }
.footer-links .container { background: #FFFFFF}
.footer-partners { text-align:left}
a#essential-accessibility {  display: inline-block; margin: 10px 0 0 15px; }
a#websitefeedback_button { float: left; text-decoration: none !important; border: 1px solid #666; padding: 1px 5px; margin: 0px 0 -8px 0; border-radius: 3px;}
a#websitefeedback_button:hover { background: #666; color: #FFFFFF;}



/* Buttons
--------------------------------------------------------*/

.btn { display: inline-block; font-family: "ProximaNovaSemiBold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 16px; padding: 8px 20px; text-decoration: none}

a.btn-white, a.btn-white:visited { border: 1px solid #FFFFFF; color: #FFFFFF; }
a.btn-white:hover, a.btn-white:active { background: rgba(255, 255, 255, 0.1); color: #FFFFFF; }

a.btn-grey, a.btn-grey:visited { background: none; border: 1px solid #222222; color: #222222; }
a.btn-grey:hover, a.btn-grey:active { background: rgba(34, 34, 34, 0.1);  color: #222222; }

a.btn-red, a.btn-red:visited { background: #e0001b; color: #FFFFFF;}
a.btn-red:hover, a.btn-red:active { background: #c0001b;  color: #FFFFFF; }

a.btn-red-outline, a.btn-red-outline:visited { border: 1px solid #e0001b; color: #e0001b; text-decoration:none }
a.btn-red-outline:hover, a.btn-red-outline:active { background: #e0001b; color: #FFFFFF; }

a.btn-subscribe, a.btn-subscribe:visited { color: #FFFFFF; background: #666666; text-decoration:none }
a.btn-subscribe:hover, a.btn-subscribe:active {  color: #FFFFFF; background: #444444; }

a.btn-tools {  color: #222222; background: #f5f5f5; text-decoration:none }
a.btn-tools:hover { color: #222222; background: #EEEEEE; text-decoration:none }

.btn:hover, .btn:focus, btn:active { text-decoration: none; }

a.loadNext { display: inline-block; padding: 8px 12px; font-size:16px;  margin-bottom: 0; background: #e0001b; color: #FFFFFF; font-weight: bold; text-decoration:none; line-height: 1.42857143;  vertical-align: middle; }
a.loadNext:hover, a.loadNext:focus { background: #c0001b;  color: #FFFFFF; }



/* Home Page
--------------------------------------------------------*/

.widgets { padding: 60px 0; }
.widgets h2 { text-align:center}
.widgets .subtitle { margin: 0; padding: 10px 0; font-family: "linetobrauerneueregular", Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.1; color: #222222; font-size: 18px; }
.widgets p { text-align:left; color: #222222; }

.widgets.feed-content { margin-top: -150px;}
.widgets.feed-content p { margin: 10px 0; text-align:center;}
.widgets.feed-content .columns { padding: 20px; min-height: 300px; width: 33%;}

.widgets .announcements-box, .widgets .share-box, .widgets .event-box { height: 180px;}

.widgets .ASXAnnouncements { margin: 0px; padding: 0  }
.widgets .announcementsTable { border: 0; table-layout:auto}
.widgets .announcementsTable th {display: none;}
.widgets .announcementsTable td { padding: 5px; border: 0; border-bottom: 1px solid #DDDDDD}
.widgets .announcementsTable td a:hover { text-decoration:none; }
.widgets .noresults { padding: 0 10px;}


.widgets .news-content { background: #fafafa; margin:0 }
.widgets .price-content { background: #fafafa; margin:0; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd}
.widgets .event-content { background: #fafafa; margin:0;  }

.event-content .event-box .table td { padding: 5px;border-bottom: 1px solid #DDDDDD}

.reports-content img { width: 100%}
.reports-content a { color: #222222; }
.reports-content a:hover { color: #222222; }

.two.columns.icon-layout {width: 18%; margin-left: 2.25%;}

.two.columns.icon-layout:first-child {margin-left: 0;}



/* Company Information
--------------------------------------------------------*/
.management-name img { margin-bottom:10px;}


/* Investor Centre
--------------------------------------------------------*/

.share-container { padding: 20px; background: #fafafa; margin-bottom: 20px;}

.share-box { display: block; clear: both; }
.share-box .priceTable { width: 100%; margin: 5px 0; border: 0;}
.share-box .priceTable td { display: block; height: auto !important; text-align: center; padding: 0 }
.share-box .priceTable td td { display: inline-block;}
.share-box .priceTable td .price { color:#222222; font-size: 40px; padding: 0;  }
.share-box .price-icon { padding: 0px 5px 0 0px; }
.share-box .priceMove { padding: 8px 0px 0 0px; display: inline-block; font-size: 16px }
.share-box .price-date {text-align:center; padding:10px 0 0px 0; margin: 0;}
.share-box .price-date span {font-size:14px;}
.share-box .priceDetails { display: none; }
.share-box .price-content p { margin-top: 23px;}
.share-container a.btn-red { margin: 10px 0; margin: 10px 0; padding: 8px 10px; font-size: 14px;}

.announcements-container .ASXAnnouncements { margin: 0; border: 0; padding: 0}

.intro-row .btn-subscribe { position: relative; display:block; padding:10px 10px 10px 60px; width:auto; margin: 0; background: #e0001b; border: 0; color: #FFF; cursor: pointer; font-size: 0.9em; text-decoration: none;}
.intro-row .btn-subscribe:before {  content: "\f003";  position:absolute; font-family: FontAwesome; top:5px; left:15px; font-size: 30px}



/***** Tabs *****/
#tab-group { /* font-family: "linetobrauerneueregular",Helvetica,Arial,sans-serif;*/  width: 100%; clear:both; border-bottom: 0px solid #dddddd; margin-bottom: 50px; height: 40px;}
#tab-group ul { margin: 0; padding: 0;}
#tab-group ul li { floaT: left; margin: 0; padding: 0; border-right: 1px solid #666666 }
#tab-group ul li:last-child { border: 0}
#tab-group ul li a.tab-button {  background: #555555; color: #FFFFFF; display: block; padding: 10px 30px; text-align: center; text-decoration: none;}
#tab-group ul li a.tab-button:hover { background: #666666; color: #FFFFFF}
#tab-group ul li a.tab-button.current, #tab-group ul li a.tab-button:focus { background: #dddddd; color: #222222}


/***** ASX Announcements *****/
#loadingSpinner { display: none; }

.ASXAnnouncements h4 { margin: 0px 0 10px; font-size: 25px; float: none}

.announcementsTable { table-layout: fixed}
.announcementsTable th.announcementTitleHeader { width: 80%}
.announcementsTable th.announcementDateHeader { width: 20%}

.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: 3px;}
.announcements-filter input#KeywordSearch { width: 50%; padding: 3px 12px; border: 1px solid #DDDDDD; vertical-align: top;  }
.announcements-filter .filterButton, .announcements-filter .filterButton:visited  { background-color: #e0001b; color: #FFF; vertical-align: top; display: inline-block; height: auto; width: auto; padding: 4px 12px; border: 0; }
.announcements-filter .filterButton:hover, .announcements-filter .filterButton:active, .announcements-filter .filterButton:focus { background: #c0001b;  color: #FFFFFF; }
.announcementsTable th, .announcementsTable td { border: 1px solid #dddddd}


/***** 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;}*/

/***** 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; }
table th { background: #f5f5f5; font-weight: bold; color: #000000; }
table a { position:relative; color: #666666; text-decoration:underline }
table td a:hover { text-decoration:none; color: #e0001b }
.table-border th, .table-border td { border: 1px solid #dddddd }
.table-border td ul { margin: 0;}
caption {display: none;}

/***** Result Centre ******/
.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 */


.latest-results { margin-bottom: 20px !important;}
.latest-results .columns { height: 135px; background: #e0001b; }
.latest-results .columns a { padding: 42px 20px; display: block; color: #FFFFFF; background: #e0001b; }
.latest-results .columns a:hover { color: #FFFFFF; background:#c0001b; text-decoration: none;}
.latest-results .columns a:focus h3 { color: #000000}
.latest-results h3 { margin:0; text-align:center;}

.row.latest-results.bb h3 { padding: 55px 20px; }

/*.call-out .columns { height: 135px; background: #e0001b; background-size: 100%; background-repeat:no-repeat  }
.call-out h3 { padding: 40px 20px; margin:0; text-align:center}
.call-out a h3 { color: #FFFFFF}
.call-out a:hover { color: #FFFFFF; text-decoration: none;}*/

/* past-results
.past-results { border: 1px solid #ddd; border-radius: 5px; background-color: #f5f5f5; padding: 5px 0 5-px 0;}
.past-results .table-border { display: none; background-color: #FFFFFF}
.past-results h3 { background: #f5f5f5; padding: 20px; position: relative; border-top: 1px solid #ddd; margin: 0; cursor: pointer}
.past-results h3:first-child { border: 0;}
.past-results > h3:after { content: "\f107"; position: absolute; font-family: FontAwesome; top: 20px; right: 25px; font-size: 20px; text-decoration: none !important;}
.past-results > h3.active:after {  content: "\f106";  position:absolute; font-family: FontAwesome; top:20px; right:25px; font-size: 20px; text-decoration: none !important}
.past-results.bb { padding: 0; margin: 0; }
*/

/* past-results */
.past-results { border: 1px solid #ddd; border-radius: 5px; background-color: #f5f5f5; padding: 5px 0 5-px 0;}
.past-results .table-border { background-color: #FFFFFF}
.past-results a.btnHeadings { font-family: "linetobrauerneueregular", Helvetica, Arial, sans-serif; display: block; background: #f5f5f5; color: #222; font-size:24px ;font-weight: 500; padding: 20px; position: relative; border-top: 1px solid #ddd; margin: 0; cursor: pointer; text-decoration: none}
.past-results a.btnHeadings:first-child { border: 0;}
.past-results > .btnHeadings:after { content: "\f107"; position: absolute; font-family: FontAwesome; top: 20px; right: 25px; font-size: 20px; text-decoration: none !important;}
.past-results > .btnHeadings.active:after {  content: "\f106";  position:absolute; font-family: FontAwesome; top:20px; right:25px; font-size: 20px; text-decoration: none !important}
.past-results.bb { padding: 0; margin: 0; }
.hidden { display: none; visibility: hidden}

/***** Annual Report & Corp Governance *****/
.ARintro, .govintro { position: relative; padding: 20px; background: #fafafa; margin-bottom: 20px;}

.quote { font-family: "linetobrauerneueregular", Helvetica, Arial, sans-serif; font-weight: 500; font-size:24px; margin: 0 0 15px 0; color: #222; position: relative; padding: 0 35px; line-height: 28px;}
.quote:before { content: "\f10d"; position: absolute;font-family: FontAwesome; top: 0px; left: 0px; font-size: 25px; padding: 0 0px 0 0;}
/*.quote:after { content: "\f10e"; position: absolute;font-family: FontAwesome; top: 55px; right: 75px; font-size: 25px; padding: 0 0px 0 0;}*/
.quote:after { content: "\f10e"; position: relative;font-family: FontAwesome; top: auto; margin-left: 10px; font-size: 25px; padding: 0 0px 0 0;}
.govintro .quote:after { content: "\f10e"; position: absolute;font-family: FontAwesome; top: 130px; right: 15px; font-size: 25px; padding: 0 0px 0 0;}
.ARintro  .sig { text-transform: none; margin: 0; padding: 0 35px 0;}
.ARintroDoc, .govintroDoc { padding: 0 0 0 20px}


/***** presentation *****/
.presentations-content { display:none; }
.presentations-content a { display: inline-block; color: #222 !important; }

.call-out h5 { margin: 10px 0 20px 0; }

/*.call-out .pres15-col1 { background-image: url('/FormBuilder/_Resource/_module/doLLG5ufYkCyEPjF1tpgyw/images/presentations/2015-macquarie-australia.jpg');}
.call-out .pres15-col2 { background-image: url('/FormBuilder/_Resource/_module/doLLG5ufYkCyEPjF1tpgyw/images/presentations/2015-connecting-australia.jpg');}
.call-out .pres15-col3 { background-image: url('/FormBuilder/_Resource/_module/doLLG5ufYkCyEPjF1tpgyw/images/presentations/2015-macquarie-australia.jpg');}*/


/***** Investor Day *****/
.investorday { margin-top: 30px; margin-bottom: 15px !important;}



/***** Share Price *****/
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:#222222; font-size: 40px; }
table.priceTable .priceDetailsLabel { text-align: right; font-weight: bold}

table.priceTable { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; border-radius: 5px;}
table.priceDetails {  background: #f2f2f2; border-collapse:collapse;}

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

.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 }
.priceMove { padding: 8px 0px 0 0px; display: inline-block; font-size: 16px }

#errorContainer_PriceVolumeChart1 { display: none;}
#custom-price-table #fill_last {color:#222222;font-size: 22px;font-weight:bold;}
#priceModule_SharePriceModule3 {display:none;}
.highcharts-input-group { display: none;}


/*** Share Price History ***/
.priceHistoryContainer { width: 100%; }
.priceHistoryTable { table-layout: fixed;}
.priceHistoryTable th, .priceHistoryTable td { border: 1px solid #dddddd }

/*** Investor Calculator ***/
.calc-table-filter .calc-table-filter-row { padding: 10px; background: #f5f5f5; border: 1px solid #dddddd; 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 #dddddd }

.calc-table { border-bottom: 1px solid #dddddd; }
.calc-table-row { margin: 0; clear: both; position: relative; padding: 5px 0; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-top: 1px solid #dddddd }
.calc-table-row label { padding: 0 10px; font-weight: bold; width: 65%; 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}

#submitSubscription, #submitSubscription:visited { background-color: #e0001b; color: #FFFFFF; vertical-align: top; display: inline-block; height: auto; width: auto; padding: 4px 12px; border: 0; }
#submitSubscription:hover, #submitSubscription:active, #submitSubscription:focus { background: #c0001b;  color: #FFFFFF; text-decoration: underline }


/***** Fin. Tear Sheet ******/
.tearsheet-print  { text-align: right; }
.tearsheet-print a, .tearsheet-print a:visited { color: #FFF; padding: 3px 10px; background: #e0001b; display: inline-block; *display: inline; text-decoration: none; zoom: 1; }
.tearsheet-print a:hover, .tearsheet-print a:active { background: #c0001b; color: #FFFFFF; }
.tearsheet-print a span { display: block; }

/***** Corporate Governance ******/
.corp-gov a { color: #e0001b}
.corp-gov a[data-icon="pdf"] { text-align:center; position: relative }
    .corp-gov a[data-icon="pdf"]:before { font-size: 21px; font-weight: 400;  } /* for PDF icons */


/*** FAQ ***/
.QAViewer {margin-bottom:2em; border-bottom:1px solid #D5D5D5 }
.QAViewer .QALink { position:relative; padding:15px 10px 15px 30px!important; display:block; text-decoration: none; color: #666666}
    .QALink:before { content: '\f059'; position:absolute; font-family: 'FontAwesome'; top:8px; left:0px; font-size: 23px; color: #e0001b }

.QAViewer .QALink:hover, .QAViewer .QALink:focus { color: #e0001b; text-decoration: none;}
.QAViewer.open .QALink { color: #e0001b; font-family: 'ProximaNovaBold'}
.QAViewer .answer {padding:0 10px 10px; background-color: #FFFFFF;}
.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}

/***** Contacts *****/
.row label[for="iuNrbZDkRV0mvItt9SCuY4A"], #iuNrbZDkRV0mvItt9SCuY4A { display: none;}
#f_vbRZBtk2akGIIgJ1jScLtg { background-color: #e0001b; color: #FFF; vertical-align: top; height: auto; width: auto; padding: 4px 12px; border: 0; }
#f_vbRZBtk2akGIIgJ1jScLtg:hover { background-color: #c0001b; }
input[type=submit]{display: none}

/******************* Errors **********************/
#errorDiv { margin: 10px 0 20px 0; }
#errorDiv ul { padding-left: 15px; }
#errorDiv h6 { margin-bottom: 10px; font-size: 20px; font-weight: bold; color: #e0001b; }

.error { clear:both; background:#FFFFFF; color:#e0001b; font-weight:bold; padding:0; position:relative; margin: 10px 0; }
.oc-form-error-container ul { margin:0; padding: 0 0 0 15px; color:#e0001b; }
.oc-form-error-container ul li { padding: 0px; margin: 10px 0px; color:#e0001b; }
.text.email.required.error { border-color:#e0001b; }

/******************* Forms **********************/
.step .row {clear: both; margin: 1em 0 ;}
.row label {display:inline-block; *display: inline; zoom: 1; width:300px; padding:5px 10px 0 0; font-weight:bold; vertical-align: top;}
.row .inputFields { display:inline-block; *display: inline; zoom: 1;}
    .inputFields label { display: inline; float: none; padding: 0 20px 0 0; text-align: left; width: auto;}
/*.row .inputFields input {margin:5px;float:left;}*/
.row select, .row input.text, .row textarea {  padding:5px; margin:0; width:230px; display:inline-block; *display: inline; zoom: 1; border: 1px solid #DDDDDD; border-radius: 3px;}
.row input.text.tiny {width:150px;}
.row strong {font-weight:bold;}
.row .hint {display:block; color:#666;clear:both;font-size: 0.85em;}
.row .text { display:inline-block; *display: inline; zoom: 1;}

.row .inputFields input.checkbox {margin:0px 7px 0 0;padding:0;}
.row .SelectApplicationType2, .row .SelectApplicationType3 {*display:inline;}
.row.checkboxFullWidth {padding:2% 0; background: #DDDDDD; border: 0px}
.row.checkboxFullWidth .inputFields {width:100%;}
.row.checkboxFullWidth label {width: auto;}


/* Sustainability & Governance
--------------------------------------------------------*/
.prev-Sustainability ul { margin-bottom: 25px}
.sustainability-tabs { margin-top: 30px; margin-bottom: 15px !important;}

#tab-group.sustainability-tabs { height: 114px; border: 1px solid #dddddd}

.tab-main-menu ul li { width: 50%;}
#tab-group.sustainability-tabs ul li { border: 0; }
    #tab-group.sustainability-tabs ul li a.tab-button { background: #f5f5f5; color: #000000; font-weight: bold; text-align: left; padding: 16px 20px; font-size: 17px; transition: background 0.3s }
    #tab-group.sustainability-tabs ul li a.tab-button:hover { background: #ededed; }
    #tab-group.sustainability-tabs ul li a.current { background: #FFFFFF; font-weight: bold}
    #tab-group.sustainability-tabs ul li a.current:hover { background: #FFFFFF;  }

#tab-group .tab-sub-menu { background: #FFFFFF; margin: 0;}
    #tab-group .tab-sub-menu ul { padding: 17px 0;}
    #tab-group .tab-sub-menu ul li { float: none; }
    #tab-group .tab-sub-menu ul li a { padding: 15px 20px; color: #666666; text-decoration: none; font-size: 16px; }
        #tab-group .tab-sub-menu ul li a:hover { color: #000000;}
        #tab-group .tab-sub-menu ul li a.current { color: #ee0000; border-bottom: 4px solid #ee0000; text-decoration: none;}

#tab-group .sticky { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; margin: 0; box-shadow: 0 1px 20px #CCCCCC; }
#tab-group .sticky ul { width: 1000px; margin: 0 auto;}

.sustainability-content { padding: 40px 120px 40px 20px; border-bottom: 1px solid #DDDDDD; height: 100%;}
.sustainability-content h2 { color: #EE0000}
.sustSub { border: 1px solid #ddd; border-radius: 5px; background-color: #f5f5f5; padding: 5px 0 5-px 0;}
.sustSub a.btnHeadings { font-family: "linetobrauerneueregular", Helvetica, Arial, sans-serif; display: block; background: #f5f5f5; color: #222; font-size:24px ;font-weight: 500; padding: 20px; position: relative; border-top: 1px solid #ddd; margin: 0; cursor: pointer; text-decoration: none}
.sustSub a.btnHeadings:first-child { border: 0;}
.sustSub > .btnHeadings:after { content: "\f107"; position: absolute; font-family: FontAwesome; top: 20px; right: 25px; font-size: 20px; text-decoration: none !important;}
.sustSub > .btnHeadings.active:after {  content: "\f106";  position:absolute; font-family: FontAwesome; top:20px; right:25px; font-size: 20px; text-decoration: none !important}
.sustSub.bb { padding: 0; margin: 0; }
.sustSub .sustSub-content { padding: 20px; background: #FFFFFF }
.sustCaption { padding: 10px 180px; font-weight: bold; font-size: 1.2em;}

.sustSlider .flex-pauseplay { position: relative; bottom: 0px;}
.sustSlider .flex-control-nav {  width: 100%;  position: relative; bottom: 0px; text-align: center;}


.looking-ahead { padding: 60px 0 0 0; text-align: center; }
.looking-ahead h2 { text-transform: uppercase; }
.looking-ahead h3 { margin-bottom: 2em; font-size: 18px; }
.looking-ahead .stretch { width: 70%; }

.looking-ahead .block {	display: table;	width: 15%;	min-height: 300px;	margin-left: 2%;	padding: 3% 1%;	color: #fff;	border-radius: 10px;}
.looking-ahead .block:first-child { margin-left: 0; }
.looking-ahead .block .inner.image { display: table-cell; height: 115px; margin: 0 0 20px 0; vertical-align: middle; }
.looking-ahead .block img { width: 80%; }
.looking-ahead .block .inner.text { display: table-row; }
.looking-ahead .block.grey { background: #323232; }
.looking-ahead .block.red { background: #e40000; }
.looking-ahead .block.green { color: #323232; background: #8de2e0; }

.arrow-up {
	width: 0;
	height: 0;
	margin: 2em auto 1em;
	border-left: 45px solid transparent;
	border-right: 45px solid transparent;
	border-bottom: 30px solid #e40000;
}
.arrow-down {
	width: 0;
	height: 0;
	margin: 2em auto 1em;
	border-left: 45px solid transparent;
	border-right: 45px solid transparent;
	border-top: 30px solid #e40000;
}


/*** GOOGLE SEARCH ***/
.search { width: 218px; position: absolute; right: 2px; top: 25px; background: #f7f7f7; -moz-box-shadow: inset 0px 1px 1px #ddd; -webkit-box-shadow: inset 0px 1px 1px #ddd; box-shadow: inset 0px 1px 1px #ddd; border: 1px solid #ccc !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
/*#___gcse_0 { height: 26px; }*/
#gs_tti0 { font-family: Arial, sans-serif !important; }
.cse .gsc-control-cse, .gsc-control-cse { padding: 0 !important; }
.gsc-control-searchbox-only { position: relative;  float: right; height: 35px; width: 135px; z-index: 1; border: 1px solid #ccc; margin-top: 25px; margin-right: 0px; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s }
table.gsc-search-box { margin: 0 !important; }
.gsib_a { padding: 5px 8px 0 !important; }
.gsc-input input.gsc-input { background: none !important; }

.gsc-input { background-color: transparent !important; *width: 100% !important; }
.gsc-input-box { background: none !important; }
input#gsc-i-id1.gsc-input { background-image: none !important; background: none !important; }

.gsc-search-box-tools .gsc-search-box .gsc-input { padding: 0 !important; }
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus { border: none !important; font-size: 13px !important; }
.gsc-search-box .gsc-input>input:hover, .gsc-input-box-hover { margin: 0 !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
.gsc-input-box { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
.gsc-input-box-focus { background-color: #EEEEEE !important; color: #000; }

.gsst_a .gscb_a { color: #bbb !important; }

.gsc-control-cse { background: none !important; border: none !important; font-family: Tahoma, Arial, sans-serif !important; }
td.gsc-search-button { padding: 4px 4px 3px; background: #FFFFFF}
input.gsc-search-button { background: #FFFFFF url(/FormBuilder/_Resource/_module/7zaApZtBC0S8RkpPzBXBxw/mag-glass-icon-2.png) 7px 4px no-repeat !important; filter: none !important; }
.cse input.gsc-search-button, input.gsc-search-button { -moz-border-radius: 0 3px 3px 0 !important; -webkit-border-radius: 0 3px 3px 0 !important; border-radius: 0 3px 3px 0 !important; }
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 { width: 0 !important; height: 0 !important; padding: 12px 15px 14px 15px !important; }
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus { margin: 0 !important; border: none !important; }
button.gsc-search-button-v2 { padding: 4px; background: transparent; color: #bbb;}
button.gsc-search-button-v2:hover { background: transparent;}
button.gsc-search-button-v2 svg { fill: #bbb; }

.gsc-control-cse div { font-family: "ProximaNovaRegular",Helvetica,Arial,sans-serif !important; font-size: 14px !important; }

/*** Search Results ***/
#resInfo-1 { color: #333 !important; font-weight: bold; }
.gsc-control-cse .gsc-table-result { font-family: Tahoma, Arial, sans-serif !important; }
.gsc-webResult .gsc-result { padding: 10px !important; *padding: 10px 0 !important; _padding: 10px 0 !important; }
.gsc-above-wrapper-area { border-bottom: 1px solid #ccc !important; }
.gsc-result-info { padding-left: 0 !important; }
.gsc-orderby-container, .gcsc-branding tr { display: none; }
.gsc-thumbnail-inside { padding: 0 !important; }
.gsc-url-top { padding: 3px 0 0 0 !important; }

.gsib_b { display: none !important; }

div.gsc-expansionArea .gsc-result:nth-child(odd) { background: #f0f0f0 !important; }

.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * { font-size: 14px !important; font-weight: bold !important; }
.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b { text-decoration: none !important; }
.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b { text-decoration: underline !important; }
.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl { }
.gsc-results .gsc-cursor-box .gsc-cursor-current-page { color: #1688c9 !important; cursor: pointer !important; }
.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType { color: #333 !important; }
.gsc-results .gsc-cursor-box { margin: 0 !important; padding-top: 10px; border-top: 1px solid #ccc; }

.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet { margin: 0 !important; background-color: #daebf7 !important; border: 1px solid #127fc2 !important; }
.gsc-results { width: 100% !important; }
.gsc-adBlock { display: none !important}


/* 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;}
    .tools_icon { display:none; }
}



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

@media (max-width: 1000px) {
    .container {  width: 100%; padding: 0 4%;}
    .hero-content  { height: 250px;}
    /*.custom-navigation { top: 15%;}*/
    .caption { width: 100%; padding:80px; text-align: center  }
    .caption h1 { font-size: 35px;}
    .nav li a { padding: 27px 10px 25px}

    /* IR */
    .latest-results h3 { font-size: 20px; padding: 20px;}
    .priveVolumeChart { width: 100% !important;}
    .priceHistoryTable { table-layout: auto}
    .priceHistoryTableDiv {overflow-x: scroll;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);}

    .announcementsTable { table-layout: auto; }

    .widgets .announcements-box, .widgets .share-box, .widgets .event-box { height: auto; }
}


@media(max-width: 800px){
    .hero2 .caption{padding: 8.2% 50px;}
    }

/* Mobile */
@media (max-width: 600px) {

    /* general */
    #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 0 10px 0; }
    .page-content { margin: 20px 0; min-height: 500px;}
    .visible-mobile { display:inline-block !important}
    .visible-desktop { display:none !important}
    table th, table td { padding: 8px 5px;}

    .accordian-link { padding-top: 10px }
    .accordian-link h2 {  cursor: pointer; margin: 15px 0 !important; position: relative; }
    .accordian-link > h2:after { content: "\f107"; position: absolute; font-family: FontAwesome; top: 8px; right: 25px; font-size: 20px; text-decoration: none !important;}
    .accordian-link > h2.active:after {  content: "\f106";  position:absolute; font-family: FontAwesome; top:8px; right:25px; font-size: 20px; text-decoration: none !important}
    .accordian-content { display: none;}


    /* headings*/
    .TextModule h2 { margin: 40px 0 15px 0; font-size: 28px;}
    .TextModule ul { padding-left: 20px; }

        /* Header */
	.page-header #logo img{height: 25px;}
    .hero-content  { height: 120px;}
    .branding { padding: 0; border: 0; position:relative;}
    .branding .logo { margin: 0; padding: 25px;}
    h1.top-title{ display: none;}
	.hero5{ background: url("/FormBuilder/_Resource/_module/doLLG5ufYkCyEPjF1tpgyw/images/Investor-Day-2017-banner.png") center center no-repeat; background-size: 100%; width: 100%; }

    /*.custom-navigation { top: 5%;}*/
    .caption { width: 100%; padding:50px 30px;  }
    .caption h1, .TextModule h1 { font-size: 28px !important;}
    .widgets.feed-content { margin: 0;   padding: 10px 0;}
    .widgets .price-content { border-left: 0; border-right: 0; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
    .custom-navigation { width: 93%}

    /* main-nav */
    #mobileMenuBtn {display: block;}
    .navigation { width: 100%; margin: 0; display: none;}
    .nav { position: relative; width: 100%; text-align:center; background: #505456; top: 0px; margin: 0; padding: 1em 0px }
    .nav li {  display: block; }
    .nav li a { padding: 20px 10px; text-align: left }
    .nav li.menu-first a { padding: 0}
    .nav li a:hover, .nav li:hover a, .nav li a:hover, .nav li a:focus { background: #505456; color: #FFFFFF;}
        .nav li:hover ul.sub-nav { display: none; }
    .nav li a .fa { position:absolute; right: 20px;}
    .nav li.menu-first a .fa {  position:relative;   padding-left: 10px; right: 0}

    .nav .sub-nav { position: relative; top: 0; width: 100%}
    .nav .sub-nav li a { background: #FFFFFF; color: #e0001b; padding: 10px 10px; text-align: left}

        /* side - nav */
    .side-nav { margin: 0 0 20px 0; }
    .side-nav > ul { display: none; border: 1px solid #dddddd }
        .side-nav ul > li { border-bottom: 1px solid #dddddd; padding: 0; line-height: 24px; }
        .side-nav ul li a { padding: 10px; }

        ul.side-sub-nav { display: block; margin: 0; }
        ul.side-sub-nav > li { border: 0;}

        .side-nav > h3 { display: block; font-family: "ProximaNovaSemiBold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;  font-size: 20px; padding: 10px; background: #e0001b; color: #FFFFFF; cursor: pointer; position: relative; margin: 0;}
    .side-nav > h3:after {  content: "\f107";  position:absolute; font-family: FontAwesome; top:10px; right:15px; font-size: 16px; text-decoration: none !important}
    .side-nav > h3.active:after {  content: "\f106";  position:absolute; font-family: FontAwesome; top:10px; right:15px; font-size: 16px; text-decoration: none !important}


    /* page-content */
    .reports-content img { width: 100%; height: auto; }
    .reports-content .columns { padding-bottom: 20px;}
    .inputFields { width: 100% !important; }
    .latest-results .columns { height: auto; margin-bottom: 10px;}
    .row.latest-results.bb h3 { padding: 20px;}
    .quote:after {display: none;}


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

    /* IR */
    #priceModule_SharePriceModule3 {display:block;}
    #custom-price-table { display: none;}
    #tab-group ul li a.tab-button { padding: 10px 15px;}

    .share-container { padding: 20px 0; }

    .tools-subscribe a:before { font-size:20px; }
    .intro-row .btn-subscribe:before { font-size:20px; }

    .announcements-filter input#KeywordSearch { width: 30%;}
    .widgets .btn-subscribe:before { top: 25px; }

    .tools_icon { float: none; width: 100%; margin-bottom: 20px; }
    .tools_icon ul li { margin: 0 0 5px 0; width: 48%; }


    .table-wrapper {overflow-x: scroll;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);}


    /* past-results */
    .table-border li { padding: 10px; display: block}
    table a[data-icon="pdf"], table a[data-icon="audio"], table a[data-icon="webcast"], table a[data-icon="ppt"], table a[data-icon="web"], table a[data-icon="media"] { text-align: left; font-size: 14px;}
    table a[data-icon="pdf"]:before, table a[data-icon="audio"]:before, table a[data-icon="webcast"]:before, table a[data-icon="ppt"]:before, table a[data-icon="web"]:before, table a[data-icon="media"]:before { width: 20px; font-size: 16px;}

    .quote:after { content: "\f10e"; position: absolute;font-family: FontAwesome; top: auto; right: auto; font-size: 25px; padding: 0 0px 0 0;}
    .call-out h5 { font-size: 18px; }

    /* for carosel */
    .hero2 .caption {padding: 5% 50px;}

    /* search */
    .gsc-control-searchbox-only {   margin: 10px 0;  float: none;  height: auto;  display: block;  width: auto;}

    /* subscriptions */
    #subscriptions label { width: auto;}

    /* Sustainability */
    .tab-sub-menu { display: none; }
    #tab-group .tab-sub-menu ul li { display: block; border: 0; padding: 0 0 15px 0 }
    #tab-group .tab-sub-menu ul li a.current { border: 0;}
    #tab-group.sustainability-tabs ul li a.tab-button { font-size: 14px;}
    .sustSub a.btnHeadings { padding: 20px 30px 20px 20px}
    .sustainability-content { padding: 0px; }
    #0_sus h2 { margin-top: 0;}
    .sustainability-content img { display: block; width: 100%;}
    .sustSlider img, p.sustCaption { display: block; width: 90%;}
    p.sustCaption { padding: 10px 0;}
    .sustSlider .flex-direction-nav { bottom: 230px;}

	.looking-ahead .stretch, 
	.looking-ahead .block img { width: 100%; }
	.looking-ahead .block:first-child, 
	.looking-ahead .block {
		width: 48% !important;
		min-height: 280px;
		margin: 1%;
		display: inline-block;
	}

        /*footer*/
    .footer-row, .footer-partners { text-align:center}
    .footer-partners { padding: 10px 0}
    .page-footer .columns { padding-bottom: 20px;}
}