@import url('/FormBuilder/_Resource/_module/plugin/base.css');
@import url('/FormBuilder/_Resource/_module/plugin/font-awesome.min.css');

@font-face {
    font-family: 'gotham-book';
    src: url('/FormBuilder/_Resource/_module/p2XGBX4eEUuPk0R-Ti1BoQ/fonts/GOTHAM-BOOK.eot');
    src: url('/FormBuilder/_Resource/_module/p2XGBX4eEUuPk0R-Ti1BoQ/fonts/GOTHAM-BOOK#iefix') format('embedded-opentype'),
         url('/FormBuilder/_Resource/_module/p2XGBX4eEUuPk0R-Ti1BoQ/fonts/GOTHAM-BOOK.woff') format('woff'),
         url('/FormBuilder/_Resource/_module/p2XGBX4eEUuPk0R-Ti1BoQ/fonts/GOTHAM-BOOK.ttf') format('truetype'),
         url('/FormBuilder/_Resource/_module/p2XGBX4eEUuPk0R-Ti1BoQ/fonts/GOTHAM-BOOK.svg#GOTHAM-BOOK') format('svg');

    font-weight:normal;
    font-style:normal;
 }

@font-face {
    font-family: 'gotham-medium';
    src: url('/FormBuilder/_Resource/_module/p2XGBX4eEUuPk0R-Ti1BoQ/fonts/GOTHAM-MEDIUM.eot');
    src: url('/FormBuilder/_Resource/_module/p2XGBX4eEUuPk0R-Ti1BoQ/fonts/GOTHAM-MEDIUM#iefix') format('embedded-opentype'),
         url('/FormBuilder/_Resource/_module/p2XGBX4eEUuPk0R-Ti1BoQ/fonts/GOTHAM-MEDIUM.woff') format('woff'),
         url('/FormBuilder/_Resource/_module/p2XGBX4eEUuPk0R-Ti1BoQ/fonts/GOTHAM-MEDIUM.ttf') format('truetype'),
         url('/FormBuilder/_Resource/_module/p2XGBX4eEUuPk0R-Ti1BoQ/fonts/GOTHAM-MEDIUM.svg#GOTHAM-BOOK') format('svg');

    font-weight:normal;
    font-style:normal;
 }

@font-face {
    font-family: 'gotham-bold';
    src: url('/FormBuilder/_Resource/_module/p2XGBX4eEUuPk0R-Ti1BoQ/fonts/GOTHAM-BOLD.eot');
    src: url('/FormBuilder/_Resource/_module/p2XGBX4eEUuPk0R-Ti1BoQ/fonts/GOTHAM-BOLD#iefix') format('embedded-opentype'),
         url('/FormBuilder/_Resource/_module/p2XGBX4eEUuPk0R-Ti1BoQ/fonts/GOTHAM-BOLD.woff') format('woff'),
         url('/FormBuilder/_Resource/_module/p2XGBX4eEUuPk0R-Ti1BoQ/fonts/GOTHAM-BOLD.ttf') format('truetype'),
         url('/FormBuilder/_Resource/_module/p2XGBX4eEUuPk0R-Ti1BoQ/fonts/GOTHAM-BOLD.svg#GOTHAM-BOLD') format('svg');

    font-weight:normal;
    font-style:normal;
 }

/* 	AFT Pharmaceuticals - Base Styles
    Author: Orient Capital
    URI: http://www/orientcap.com

--------------------------------------------------*/
html { height: 100%; }
body { font-size: 14px; font-family: 'gotham-book', Arial, sans-serif; color: #454545; height: 100%; line-height: 1.65; letter-spacing: 0.35px; }
.container { max-width: 1170px; padding: 0 15px;  }
.clearfix { clear:both; }
.tableStyle img { padding-bottom: 5px; }

/* Typography
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {  margin: 0; padding: 0; line-height: 1.2; margin-bottom: 20px; }
h1 { font-size: 40px; color: #162e4f; line-height: 48px; text-transform: uppercase;  font-family: 'gotham-bold', sans-serif;}
h2 {   font-size: 30px;  color: #162e4f;  line-height: 40px;  font-family: gotham-medium, sans-serif;  text-align: center;  text-transform: uppercase; margin: 0 0 40px 0; }
h3 {   font-size: 22px;  line-height: 1.4; color: #162e4f;  margin: 0 0 25px;  font-family: 'gotham-bold', sans-serif; }
h4 {   color: #007197;   font-size: 18px;  line-height: 1.5;  font-family: 'gotham-bold', sans-serif; }
h5 { color: #666666; }
h6 { color: #666666; font-weight: 300; }

p {   font-size: 15px;  font-weight: 400;  line-height: 1.65;  color: #454545;  margin: 0 0 20px;  }
strong { font-family: gotham-medium, sans-serif; font-weight: normal; }

.mobile-br { display: none; }

/* Links
-------------------------------------------------- */
a { color: #162e4f; outline: none; text-decoration: none !important; -webkit-transition: all 250ms;  -o-transition: all 250ms;  transition: all 250ms; }
a:hover {  color: #007197; text-decoration: none; }

/* Buttons
-------------------------------------------------- */
.btn { font-family: gotham-medium, sans-serif; font-size: 12.5px;  color: #fff;  height: 50px;  line-height: 48px; letter-spacing: 1px;  padding: 0 65px;  border-width: 1px;  border-style: solid;  border-radius: 0;  background: #666;  cursor: pointer;  transition: all 250ms; outline: none; text-transform: uppercase; }
.btn:hover { background: none; }
.fill { background: #162e4f !important; color: #fff !important; border-color: #162e4f !important;}
.view-more { margin: 20px 0 0 0; border: 1px solid #162e4f; background: #fff; position: absolute; bottom: 20px; left: 50%; margin: 0 0 0 -70px !important; }

/* Tables
-------------------------------------------------- */
.tableStyle {width:100%; border-spacing: 0px; border-collapse:separate; }
.tableStyle th, .tableStyle td { padding: 10px 20px; margin:0; vertical-align:top; text-align:left}
.tableStyle th { background: #162e4f; color: #FFFFFF;  font-weight: normal;  font-family: gotham-medium, sans-serif; text-transform: uppercase;  font-size: 14px;  letter-spacing: 1px;   padding: 10px 20px;}
.tableStyle tr:nth-child(even) { background: #e7eaed}

    .tableStyle a[data-icon="pdf"], .tableStyle a[data-icon="audio"] { padding: 0; text-align:left; font-weight: 400; color: #FFC400 }
    .tableStyle a[data-icon="pdf"]:before { content: "\f1c1";  position:relative; font-family: FontAwesome; top:0; left:0px; font-size: 21px } /* for PDF icons */
    .tableStyle a[data-icon="audio"]:before { content: "\f028";  position:relative; font-family: FontAwesome; top:0; left:0px; font-size: 21px } /* for video icons */

/* Site Search
--------------------------------------------------------*/
.site-search { position: fixed; z-index: 11000; width: 100%; background: #162e4f; padding: 75px 0;  display: none; }
.site-search .column { position: relative; }
.site-search-form { margin: 0 0 0 275px; }
.site-search #logo { position: absolute; left: 0; top: 50%; margin-top: -43.5px; }
.close-site-search { position: absolute; right: 1px; width: 20px; height: 20px; top: 50%; margin: -10px 0 0 0; background: url('/FormBuilder/_Resource/_module/p2XGBX4eEUuPk0R-Ti1BoQ/images/white-x.png'); cursor: pointer; -webkit-transition: all 250ms;  -o-transition: all 250ms;  transition: all 250ms;  }
.close-site-search:hover { background: url('/FormBuilder/_Resource/_module/p2XGBX4eEUuPk0R-Ti1BoQ/images/blue-x.png'); }
#Search {   font-weight: 400;  font-size: 25.5px;  color: #fff;  width: 460px;  border: 0;  border-bottom: 1px solid #fff;  height: 50px;  padding: 5px;  border-radius: 0;  background: none;  outline: none; margin: 0 30px 0 0; float: left;   -webkit-transition: border-color 250ms linear,background-color 250ms linear;  -o-transition: border-color 250ms linear,background-color 250ms linear;  transition: border-color 250ms linear,background-color 250ms linear;}
#Search:focus { border-color: #008bb0; }
#Search::-webkit-input-placeholder { color: #fff !important; opacity: 1;}
#Search:-moz-placeholder { /* Firefox 18- */ color: #fff !important; opacity: 1;  }
#Search::-moz-placeholder {  /* Firefox 19+ */ color: #fff !important; opacity: 1;  }
#Search:-ms-input-placeholder {   color: #fff !important; opacity: 1;  }
.site-search .btn { background: #fff; border-color: #fff; color: #162e4f; float: left; padding: 0 55px; font-family: 'gotham-book', Arial, sans-serif; }
.site-search .btn:hover { color: #fff; background: none ;}
.close-site-search svg { display: none; }
.site-search .mobile-logo { display: none; }

/* Primary Header - branding
--------------------------------------------------------*/
.body-wrap { padding: 150px 0 0 0; }
.header { border-bottom: 1px solid #ddd; position: fixed; width: 100%; z-index: 10000; }
.toolbar { background: #162e4f; }
.site-toolbar ul { float:right; }
.site-toolbar ul li { float: left; list-style-type: none; }
.site-toolbar a { color: #fff; font-size: 11px; text-transform: uppercase; padding: 0 20px; text-decoration: none; line-height:40px; position: relative; display: block; margin: 0; }
.site-toolbar a:hover::after {   -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); opacity: 1; filter: alpha(opacity=100);  }
.site-toolbar a:after {   content: '';  position: absolute;  left: 21px;  right: 21px;  bottom: 10px;  height: 1px; background-color: #fff;  opacity: 0;  filter: alpha(opacity=0);  -webkit-transform: translate(0,5px);  -ms-transform: translate(0,5px);  -o-transform: translate(0,5px);  transform: translate(0,5px);  -webkit-transition: all 250ms;  -o-transition: all 250ms;  transition: all 250ms; }
.site-toolbar-dropdown a { margin: 0 0 0 15px; }
.site-toolbar-dropdown > a:after { left: 30px; right: 27px; }
.site-toolbar-dropdown > a.dropdown-active:before { content: "\f106"; top: -2px;  }
.site-toolbar-dropdown > a:before {  content: "\f107";  font-family: FontAwesome;  position: absolute; right: 30px; font-size: 19px;  }
.toolbar-sub { display: none; position: absolute; background: #0e2133; right: 0; z-index: 1000; padding: 10px 0 15px 0;}
.site-toolbar-dropdown { position: relative; }
.site-toolbar-dropdown > a { padding: 0 54px 0 30px; background: #0e2133;}
.toolbar-sub li a:after { content: none; }
.toolbar-sub li { width: 100%; }
.toolbar-sub li a { margin: 0; padding: 8px 30px; line-height: 1.65;   -webkit-transition: color 250ms;  -o-transition: color 250ms;  transition: color 250ms;}
.toolbar-sub li a:hover { color: #008bb0;  }

#mobileMenuBtn {display: none; position: absolute; cursor: pointer; right: 10px; top: 25px; }
#mobileMenuBtn span { position: relative; background: #512DA8; border-radius: 4px; vertical-align: middle; padding: 0.5em 1.7em 0.5em 0.7em; line-height: 1.125em; cursor: pointer;color: #fff; font-weight: bold; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}
.branding { box-sizing: border-box; background: #fff; height: 110px;}

.row.logo-row.main-nav-row { position: relative; }
.logo { position: absolute; top: 50%; margin-top: -44.5px; margin-left: -1px !important  }
#logo {   -webkit-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; }
#logo img:hover {   opacity: 0.50; filter: alpha(opacity =50); }
#logo {  display: block; height:auto; width: auto}
#logo img {  -webkit-transition: all 250ms; -o-transition: all 250ms;  transition: all 250ms; }

/* Mobile Header
--------------------------------------------------------*/
#logo .mobile-logo { display: none; }
.mobile-menu-toolbar { display: none; position: absolute; right: 0; top: 50%; margin-top: -12.5px; }
.mobile-search { display: inline-block; cursor: pointer; }
.mobile-menu-toggle { display: inline-block; width: 33px; height: 25px; text-align: right; margin: 0 0 0 10px; cursor: pointer; position: relative; }
.nav-open { position: absolute; right: 0; }
.nav-close { display: none; position: absolute; right: 4px; }

.mobile-menu { position: fixed; z-index: 500; background: #1c3e66; left: 0; right: 0; top: 70px; bottom: 0; -webkit-transform: translate3d(100%,0,0);  -moz-transform: translate3d(100%,0,0);  -ms-transform: translate3d(100%,0,0);  -o-transform: translate3d(100%,0,0);  transform: translate3d(100%,0,0); -webkit-transition: all 500ms;  -o-transition: all 500ms;  transition: all 500ms; }
.mobile-menu a { font-size: 15px; text-transform: uppercase; text-decoration: none; color: #fff; font-family: gotham-medium, sans-serif; padding: 14px 15px; display: block; border-bottom: 1px solid rgba(255,255,255,.2); position: relative; }
.menu-parent > a:after {  content: ''; border-style: solid;  border-width: 2px 2px 0 0;  height: 12px;  width: 12px;  border-color: #fff;  position: absolute;  top: 50%;  margin-top: -8px;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  right: 15px; }
.mobile-menu li { list-style-type: none }
.mobile-menu ul { padding: 0; }
.mobile-menu.slide-in li:last-child a {  color: #008bb0; }

.slide-in { -webkit-transform: translate3d(0, 0,0) !important;  -moz-transform: translate3d(0,0,0) !important;  -ms-transform: translate3d(0,0,0) !important;  -o-transform: translate3d(0,0,0) !important;  transform: translate3d(0,0,0) !important; }

.mobile-sub-menu  { position: fixed; top: 0; left: 0; right: 0; bottom: 0;  -webkit-transform: translate3d(100%,0,0);  -moz-transform: translate3d(100%,0,0);  -ms-transform: translate3d(100%,0,0);  -o-transform: translate3d(100%,0,0);  transform: translate3d(100%,0,0); -webkit-transition: all 500ms;  -o-transition: all 500ms;  transition: all 500ms; z-index: 100000; background: #1c3e66; }
.mobile-back { text-align: center; background: #162e4f; }
.mobile-back:after {  -webkit-transform: rotate(225deg);  -ms-transform: rotate(225deg);  -o-transform: rotate(225deg);  transform: rotate(225deg);  left: 15px;  content: '';  border-style: solid;  border-width: 2px 2px 0 0;  height: 12px;  width: 12px;  border-color: #fff;  position: absolute;  top: 50%;  margin-top: -8px;}



/* Primary Header - Main Navigation
--------------------------------------------------------*/
.section.mobile-menu-section { display: none; }
.main-nav ul { margin: 0; padding: 0; text-align:right; float: right;  }
.main-nav ul li { list-style: none; margin: 0; padding: 0; cursor: pointer; float: left; zoom: 1; line-height: 110px; height: 110px; }
.main-nav ul li a { color: #162e4f; font-size: 14px; text-transform: uppercase; text-decoration: none; z-index: 999; display: inline; cursor: pointer; font-family: gotham-medium, sans-serif; padding: 0 0 25px 0; margin: 0 20px; letter-spacing: 1.5px; border-bottom: 3px solid #fff; -webkit-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; }
.main-nav  > ul > li:hover > a { border-color: #007197; padding: 0 0 20px 0; background-color: #fff; }
.main-nav ul li.active > a { font-weight: bold; }
.last-menu.search a {  padding: 9.5px 10px;  margin: 0 0 0 20px; background: #f1f1f1; text-align:center;   -webkit-transition: all 250ms;  -o-transition: all 250ms;  transition: all 250ms; }
.last-menu.search a:hover { background: #162e4f; border: 0 !important;}
.main-nav > ul > .search:hover > a { padding: 9.5px 10px !important; background: #162e4f;  border: 0 !important;  color: #fff; }
.main-nav > ul > .search:hover >  i { color: #fff; }

/* second level */
.main-nav ul ul {   -webkit-transition: all 250ms;  -o-transition: all 250ms;  transition: all 250ms;  visibility: hidden; opacity: 0.00; filter: alpha(opacity =0); position: absolute; top: 100%; left: auto; width: 290px; background: #162e4f; text-align:left; padding: 14px 0; z-index: 99; height: auto; top: 125px;}
.main-nav ul ul:after {  content: '';  width: 0;  height: 0;  border-left: 7px solid transparent; border-right: 7px solid transparent;  border-bottom: 7px solid #162e4f;  position: absolute;  top: -7px;  left: 40px; }
.main-nav ul li:hover ul { opacity: 1; filter: alpha(opacity =100);  -webkit-transition: all 250ms;  -o-transition: all 250ms; transition: all 250ms; top: 110px; visibility:visible; }
.main-nav ul ul li { display: block; float: none; height: auto; line-height: 21px; }
.main-nav ul ul li a { border-top: 0; margin: 0; padding: 9px 25px; color: #fff; text-transform: uppercase; display: block; border: 0; font-family: 'gotham-book', Arial, sans-serif; }
.main-nav ul ul li a:hover { color: #008bb0; }
.main-nav ul ul li a.active { color: #008bb0; }

/* Banner content
--------------------------------------------------------*/
.banner { background: url('/FormBuilder/_Resource/_module/p2XGBX4eEUuPk0R-Ti1BoQ/images/banner.jpg') center center; height: 280px;  }
.banner .container { padding: 0; }
.banner h1, .banner h2 { display: block; text-align: center; color: #fff; line-height: 280px; margin: 0; }

/* Breadcrums
--------------------------------------------------------*/
.breadcrums  {   background-color: #e7eaed;  padding: 15px 0;  font-size: 13px;  font-weight: 500;  text-transform: uppercase;  margin-bottom: 0; }
.breadcrums a {  color: #162e4f;  text-decoration: none !important; }
.breadcrums a:hover {  color: #007197; }
.second-breadcrum { color: #007197; }

/* Primary Page content - Top Nav
--------------------------------------------------------*/
.investor-nav ul {padding: 0;list-style-type: none;width: 100%;display: flex;}
.investor-nav li {flex-grow: 1;}
.investor-nav a {text-transform: uppercase;line-height: 48px;border: 1px solid #162e4f;display: block;text-align: center;border-right: 0;color: #162e4f;text-decoration: none !important;font-family: gotham-medium, sans-serif;font-size: 13px;}
.investor-nav li:last-child a { border-right: 1px solid #162e4f; }
.investor-nav a:hover { background: #e7eaed; }
.investor-nav ul li .active { background: #162e4f !important;  color: #fff; }
.investor-menu-trigger { display: none; }

/* Primary Page content
--------------------------------------------------------*/
.page-content-nav { padding: 60px 0 0 0; }
.content-row { padding: 40px 0 50px 0; }
.body-content { position:relative; box-sizing: border-box; width: 100%;  }
.page-content:after { content: ""; display: block;height: 100px; } /* sticky footer */

/* Slider
--------------------------------------------------------*/
.slider { display: none; }
.flex-direction-nav { display: none; }
.flex-control-nav.flex-control-paging  { display: block; min-height: 146px; width: 100%; position: relative; padding: 0; text-align: center; max-width: 920px; margin: 0 auto; }
.flex-control-nav.flex-control-paging li {  text-align: center; display: inline-block;  padding: 0 10px;  position: relative;  top: 53px; }
.flex-control-nav.flex-control-paging a {  text-indent: -9999px;  display: inline-block;  font-size: 12px;  line-height: 40px;  font-weight: 400;  color: #fff;  text-align: center;  text-transform: uppercase;  width: 40px;  height: 40px;  background-color: #162e4f;  border-radius: 50%;  position: relative;  cursor: pointer;  z-index: 25;  -webkit-transition: all 250ms;  -o-transition: all 250ms; transition: all 250ms; }
.flex-control-nav.flex-control-paging:after {  content: ''; position: absolute;  border: 1px dashed #aaa;  margin-top: -1px;  top: 50%;  left: 0;  right: 0;  z-index: 0; }
.flex-control-nav.flex-control-paging a:hover { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); }
.flex-control-nav.flex-control-paging a:after { content: ''; pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; top: -2px; left: -2px; padding: 2px; box-shadow: 0 0 0 2px #162e4f; -webkit-transition: transform .25s, opacity .25s, box-shadow .25s; -o-transition: transform .25s, opacity .25s, box-shadow .25s; transition: transform .25s, opacity .25s, box-shadow .25s; -webkit-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); opacity: 0; filter: alpha(opacity=0); }
.flex-control-nav.flex-control-paging a:hover:after { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
.flex-control-nav.flex-control-paging .flex-active {  background: #008bb0; }
.flex-control-nav.flex-control-paging .flex-active:after { box-shadow: 0 0 0 2px #008bb0; }
.slides { float: left; padding: 75px 0 0 0; }
.slides .six.columns:first-child {  text-align: center; }
.slider .container { max-width: 950px; }
.slider-content p {  text-align: left; }
.slider-img {  text-align: right; }
.slider-img img { width: 100%; max-width: 360px; }


/* Footer
--------------------------------------------------------*/
.page-footer { box-sizing: border-box; background-color: #162e4f; line-height: 20px; color: #fff; position: relative; }

.featured-brands-trigger {  text-align: center;  color: #162e4f;  text-transform: uppercase;  letter-spacing: 1px;  font-size: 16px;  line-height: 100px;  cursor: pointer;  position: relative;  display: block;  margin-bottom: 0;  padding: 0 15px;  -webkit-transition: all 250ms;  -o-transition: all 250ms;  transition: all 250ms;  font-family: gotham-medium, sans-serif;  text-decoration: none !important; }
.featured-brands-trigger:after {  content: '';  border-style: solid;  border-width: 2px 2px 0 0; height: 14px;  width: 14px;  border-color: #162e4f;  -webkit-transform: rotate(135deg);  -ms-transform: rotate(135deg);  -o-transform: rotate(135deg);  transform: rotate(135deg);  display: inline-block;  vertical-align: 3px;  margin-left: 15px;  -webkit-transition: border-color 250ms;  -o-transition: border-color 250ms;  transition: border-color 250ms; }
.feature-brands { display: none;  background-color: #162e4f; }
.footer-feature-brands { background: #fff; border-top: 1px solid #dbdfe4; border-bottom: 1px solid #fff; }
.featured-brands-trigger:hover {  color: #fff;  background-color: #162e4f; }
.featured-brands-trigger:hover:after {  border-color: #fff; }
.footer-feature-brands.open { background-color: #162e4f; padding: 0 0 50px 0 }
.open .featured-brands-trigger {  color: #fff;  background-color: #162e4f; }
.open .featured-brands-trigger:after { border-color: #fff;  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  position: relative;  top: 7px;  }
.feature-brands .three.columns:first-child { margin-left: 0; }
.feature-brands .three.columns {  margin-bottom: 30px;  margin-left: 3.65%; }
.feature-brands .three.columns a { display: block;  position: relative; }
.hover-overlay {  position: absolute;  top: 0;  right: 0;  left: 0;  bottom: 0; opacity: 0;  filter: alpha(opacity=0);  visibility: hidden;  z-index: 10000;  -webkit-transition: all 250ms;  -o-transition: all 250ms;  transition: all 250ms; }
.hover-overlay .btn {    display: block;  padding: 0 25px;  text-align: center;  width: 162px;  margin: 0 auto;  position: absolute;  top: 50%;  left: 11px;  right: 0;  margin-top: -19px; background: none;   border: 1px solid #fff; }
.hover-overlay .btn:hover {  background: #fff;  color: #162e4f; }
.feature-brands .three.columns a:hover .hover-overlay {  opacity: 1;  filter: alpha(opacity=100);  visibility: visible;}
.feature-brands .three.columns a:hover img {  opacity: 0.35;  filter: alpha(opacity =35); }
.feature-brands .three.columns a img {  -webkit-transition: all 250ms;  -o-transition: all 250ms;  transition: all 250ms; }

.footer-columns { float: left; padding: 0 38.5px; }

.footer-navigation { padding: 65px 0 55px 0; border-bottom: 1px solid #fff; }
.footer-sitemap h4 {   font-size: 14.5px;  line-height: 20px;  color: #008bb0 !important;  text-transform: uppercase;  letter-spacing: 1px;  margin: 0 0 10px; font-family: gotham-medium, sans-serif; padding: 0;}
.footer-columns:first-child { padding-left: 0; }
.footer-columns:last-child {  padding-right: 0; }
.footer-columns ul { padding: 0; }
.footer-columns li { list-style-type: none; margin: 0 0 9px 0; }
.footer-columns a { color: #fff; text-decoration: none !important; }
.footer-columns a:hover { color: #008bb0 }

.social-networks li {  float: left;  margin: 0 25px 0 0; }
.social-networks i.fa.fa-facebook { font-size: 20px;   -webkit-transition: all 250ms;  -o-transition: all 250ms;  transition: all 250ms; }
.social-networks i.fa.fa-facebook:hover { color: #008bb0; }
.social-networks svg.svg-google-plus { fill: #fff; -webkit-transition: fill 250ms;  -o-transition: fill 250ms;  transition: fill 250ms;}
.social-networks svg.svg-google-plus:hover { fill:#008bb0; }
.social-networks i.fa.fa-linkedin { font-size: 20px;   -webkit-transition: all 250ms;  -o-transition: all 250ms;  transition: all 250ms; }
.social-networks i.fa.fa-linkedin:hover { color: #008bb0; }

.footer-copyright {  padding: 15px 0;  font-size: 13px; }
.copyright a {  color: #fff;  text-decoration: none !important; }
.copyright a:hover {  color: #008bb0; }
.footer-copyright span {  line-height: 1.65; }

.mobile-tnc { display: none; }

/* Buttons */
a.btn,
a.loadNext,
input#submitSubscription {    margin: 10px 0;  text-decoration: none;  font-family: gotham-medium, sans-serif;  font-size: 12.5px;  color: #162e4f; height: 50px;  line-height: 48px;  letter-spacing: 1px;  border-width: 1px;  border-style: solid;  border-radius: 0;  cursor: pointer;  transition: all 250ms; outline: none;  text-transform: uppercase;  padding: 0 25px;  text-align: center;  background: #fff;  border: 1px solid #162e4f;  display: inline-block;  width: auto;}
a.btn:hover, a.loadNext:hover, input#submitSubscription:hover {  background: #007197;  border-color: #007197;  color: #fff; }

/* Subscription */
.row.subscribe-test { display: none; }
.row.subscribe-test h4 { text-transform: uppercase; font-size: 1em; padding: 0; margin: 0 0 4px 0; font-weight: 700; color: #ffc400; }
input#fieldName { display: block; margin-bottom: 10px; margin-top: 5px; color: #666666; }
input#fieldEmail { display: block; color: #666666; }
button#cm-submit { border-radius: 0px;   background: #fff;  font-size: 16px;  height: 45px;  width: 100%;  text-align: center;  text-transform: capitalize;  float: left;  border: 0;  padding: 0;  cursor: pointer;  color: #333; font-weight: 400; min-width: 120px;  line-height: 30px; margin-top: 1rem; }

#fieldEmail {  background: #000;  border: 1px solid #333;  height: 45px;  float: left;  width: 100%;  margin: 0 3.8% 3.8% 0;  outline: none;  color: #fff;  padding: 0 15px;  font-size: 16px;  box-sizing: border-box; }


/* Investor Centre
--------------------------------------------------------*/


/*Overview - ASX/NZX shareprice and graph*/

.overview .six.columns { border: 1px solid #ddd; text-align: center;  }
.overview h3 { margin: 0; background: #e7eaed; padding: 20px 0; text-transform: uppercase; font-family: 'gotham-medium', sans-serif; }
.overview-shareprice-tabs a { padding: 10px 20px; border: 1px solid #162e4f; text-decoration: none !important; float: left;}
.overview-shareprice-tabs  { margin: 0 0 20px 0; display: inline-block;  }
.overview-shareprice-tabs a:hover { background: #007197;  color: #fff; border-color: #007197; }
.overview-asx-container, .overview-NZX-container {   }
.overview-keydates .overview-content { min-height: inherit; }

.overview-content { padding: 25px 20px 20px 20px; min-height: 430px; position: relative; }
.overview-asx-container .five.columns { text-align: right; margin: 45px 0 0 0; }
.overview-latest-asx {  line-height: 1; padding: 20px 0; }
.overview-latest-asx span  { color: #008bb0; font-size: 40px; font-family:'gotham-bold', sans-serif;  }
.overview-asx-container  { display: none; }
#ctl00_ctl00_ctl00_ctl00_ctl07_container div#priorPeriodFilterContainer { display: none; }
div#ctl00_ctl00_ctl00_ctl00_ctl07_container #chart, div#ctl00_ctl00_ctl00_ctl00_ctl07_container #chart img { width: 100% !important; height: auto !important; }

.overview-NZX-container .five.columns { text-align: right; margin: 45px 0 0 0; }
.overview-latest-NZX {  line-height: 1; padding: 20px 0; }
.overview-latest-NZX span  { color: #008bb0; font-size: 40px; font-family:'gotham-bold', sans-serif;  }
#ctl00_ctl00_ctl00_ctl00_ctl06_container div#priorPeriodFilterContainer { display: none; }
div#ctl00_ctl00_ctl00_ctl00_ctl06_container #chart, div#ctl00_ctl00_ctl00_ctl00_ctl06_container #chart img { width: 100% !important; height: auto !important; }


/*Overview - ASX/NZX Announcements*/
.overview-announcements-tabs  { margin: 0 0 20px 0; display: inline-block; }
.overview-announcements { text-align: center; }
.overview-announcements .announcementsTable th {  display: none; }
.overview-announcements-tabs a {   padding: 10px 20px;  border: 1px solid #162e4f; text-decoration: none !important;   float: left; }
.overview-announcements-tabs a:hover {   background: #007197;  color: #fff; border-color: #007197; }

.overview-asx-announcements { display: none;  }
.overview-asx-announcements #loadingSpinner { display: none; }
.overview-asx-announcements .announcementsTableDiv tr, .overview-nzx-announcements .announcementsTableDiv tr {  background: #fff !important; }

.overview-asx-announcements td.announcementTitle { text-align: left; padding: 10px 0; }
.overview-asx-announcements td.announcementTitle a { color: #162e4f; font-size: 16px; overflow: hidden; white-space: nowrap; width: 100%; max-width: 380px; text-overflow: ellipsis; display: block; width: 100%; }
.overview-asx-announcements td.announcementTitle a:hover { color: #007197; text-decoration: none; }
.overview-asx-announcements .announcementsTable tr { background: none; width: 100%; }
.overview-asx-announcements .announcementsTable { margin: 0; }
.overview-asx-announcements td.announcementDate {  padding: 10px 0;  text-align: right;  width: 85px; }

.overview-nzx-announcements td.announcementTitle { text-align: left; padding: 10px 0; }
.overview-nzx-announcements td.announcementTitle a { color: #162e4f; font-size: 16px; overflow: hidden; white-space: nowrap; max-width: 380px; text-overflow: ellipsis; display: block; width: 100%; }
.overview-nzx-announcements td.announcementTitle a:hover { color: #007197; }
.overview-nzx-announcements .announcementsTable tr { background: none; width: 100%; }
.overview-nzx-announcements .announcementsTable { margin: 0; }
.overview-nzx-announcements td.announcementDate {  padding: 10px 0;  text-align: right; vertical-align: top; }
.overview-nzx-announcements .announcementsTable tr:last-child td {  padding-bottom: 0; }

.second-row { margin: 4% 0 0 0; }
.third-row { margin: 4% 0 0 0; }
.fourth-row { text-align: center; padding: 40px 0 0 0; border-top: 1px solid #162e4f; max-width: 500px; margin: 4% auto 0 auto; }

/*Overview - Key dates*/
.overview-keydates table { width: 100%; font-size: 16px; }
.overview-keydates table tr td:first-child { text-align: left; padding: 10px 0; }
.overview-keydates table tr td:last-child { text-align: right; padding: 10px 0; font-family: 'gotham-medium', sans-serif; color: #008bb0;}
.overview-content table td { vertical-align: top; }

/*Overview - overview presentations */
.overview-presentations  { background: url('/FormBuilder/_Resource/_module/p2XGBX4eEUuPk0R-Ti1BoQ/images/about_aft_what.jpg') -280px; padding: 140px 50px; height: 439px; }
.overview-presentations h3 { background: none; color: #fff; text-align: left; padding: 0; margin: 0 0 20px 0; font-size: 25px; }
.overview-presentations p  { color: #fff; text-align: left; margin: 0 0 25px 0;}
.overview-presentations .btn { display: block; padding: 0 25px; text-align: center; width: auto; background: none; border: 1px solid #fff; color: #fff; height: auto; }
.overview-presentations .btn:hover { background: #fff; color: #162e4f; border-color: #fff; }

/*Overview - email alerts */
.overview-emailalerts { text-align: center;  }
.overview-emailalerts p { margin: 0; }
.overview-emailalerts a { display: inline-block; padding: 0 25px; text-align: center; width: 162px; background: #fff; border: 1px solid #162e4f; color: #162e4f; }
.overview-emailalerts .btn:hover { border-color: #007197; background: #007197; color: #fff; }

/*Share Info - Share Price and Graph */
.tabs .column { text-align: center; }
.tabs .column > div { display: inline-block; }
.tabs {  background: url('/FormBuilder/_Resource/_module/p2XGBX4eEUuPk0R-Ti1BoQ/images/line.jpg') repeat no-repeat;   background-position-y: 50%; margin: 0 0 50px 0; }
.tabs a { padding: 10px 20px; border: 1px solid #162e4f; text-decoration: none !important; float: left; background: #fff; }
.tabs a:hover { color: #fff; background: #007197; border-color: #007197;}

.share-price-graph  { margin: 10px 0 80px 0; }
.share-price-graph h2 { margin:0 0 40px 0;  }
.share-price-graph ul { padding: 0;  list-style-type: none;  text-align: center; }
.share-price-graph li h4, .share-price-graph li p { margin: 0;  padding: 0; color: #454545; }
.share-price-graph li p, .share-price-graph li span {  font-family: gotham-medium, sans-serif; }
.share-price-graph li h4 {  font-size: 13px; font-family: 'gotham-book', Arial, sans-serif; }
.share-price-graph .price p { color: #008bb0;  font-size: 25px; }

.change .change-price { margin: 0 10px 0 0; }

.share-price-graph .priveVolumeChart { width: 100% !important; height: 575px !important; }
.shareprice-asx-time, .shareprice-nzx-time { font-size: 15px; padding: 10px 0 0 0; border-top: 1px solid #162e4f; text-align: center; margin: 40px 0 0 0; }

.shareprice-graph-asx li {  padding: 20px 0;  border-right: 1px solid #162e4f;  border-bottom: 1px solid #162e4f; }
.shareprice-graph-asx li:last-child {  border-bottom: 0; }

.shareprice-graph-asx {  display: none; }

.shareprice-graph-nzx li {  padding: 20px 0;  border-right: 1px solid #162e4f;  border-bottom: 1px solid #162e4f; }
.shareprice-graph-nzx li:last-child {  border-bottom: 0; }

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:#008bb0; font-size: 30px; }
table.priceTable .priceDetailsLabel { text-align: right;}

table.priceTable { border-bottom: 1px solid #e7eaed ; border-top: 1px solid #e7eaed ; border-radius: 5px;}
table.priceDetails {  background: #F7F7F7}

#errorContainer_PriceVolumeChart1 { display: none;}

#priceModule_SharePriceModule3 {display:none;}

/*Share Info - Dividends */
.dividends  { margin: 0 0 80px 0; }
.dividends h2  { margin:0 0 40px 0; }
.dividends-table-asx { display: none; }

/*Share Info - share price history */
.historical-shareprice {  margin: 0 0 80px 0; }
.priceHistoryContainer { width: 100%; }
.priceHistoryTable {width:100%; border-spacing: 0px; border-collapse:separate; }
.priceHistoryTable th, .priceHistoryTable td { padding: 10px 20px; margin:0; vertical-align:top; text-align:left}
.priceHistoryTable th { background: #162e4f; color: #FFFFFF;  font-weight: normal;  font-family: gotham-medium, sans-serif; text-transform: uppercase;  font-size: 14px;  letter-spacing: 1px;   padding: 10px 20px;}
.priceHistoryTable tr:nth-child(even) { background: #e7eaed}
.historical-shareprice-asx { display: none; }

/* Results Centre*/
.result-centre-box { border: 1px solid #ddd; background: #fff; }
.result-centre-box h3 {  margin: 0;  background: #e7eaed;  padding: 20px 0;  text-transform: uppercase;  font-family: 'gotham-medium', sans-serif;  text-align: center; }
.result-centre-box-content  { text-align: center; padding: 40px 20px 20px 20px;}
.result-centre-tabs { display: inline-block; margin: 0 0 35px 0; }
.result-centre-tabs a { padding: 10px 20px;  border: 1px solid #162e4f;  text-decoration: none !important;  float: left; text-transform: uppercase; }
.result-centre-tabs a:hover {  background: #007197; color: #fff;  border-color: #007197; }
.result-centre ul { text-align: left; list-style-type: none; padding: 0; }
.result-centre-reports img {  padding-bottom: 5px; }
.result-centre ul a { display: block; }
.result-centre-presentationwebcast span {   font-size: 15px;  font-family: 'gotham-medium', sans-serif; text-transform: uppercase;  color: #162e4f;  letter-spacing: 1px; margin: 0 0 15px 0; display: block; }
.result-centre-presentationwebcast { border-top: 1px solid #ddd; margin: 20px 0 0 0; padding: 20px 0 0 0; }
.annual-reports img { display: inline-block; vertical-align: top;}
.result-centre ul a {  display: inline-block;  position: relative;  padding: 0 0 10px 0; font-size: 15px;   max-width: 275px;  width: 90%;}

/* Announcements */
.tableStyle {width:100%; border-spacing: 0px; border-collapse:separate; }
.tableStyle th, .tableStyle td { padding: 10px 20px; margin:0; vertical-align:top; text-align:left; font-size: 15px; }
.tableStyle th { background: #162e4f; color: #FFFFFF;  font-weight: normal;  font-family: gotham-medium, sans-serif; text-transform: uppercase;  letter-spacing: 1px;   padding: 10px 20px;}

.announcements-filter { text-align: right; margin: 10px 0;}
.announcements-filter label { font-size: 15px; width: 20%; display: inline-block; *display: inline; zoom: 1; padding-right: 20px; margin: 10px 0 0 0; }
.announcements-filter input#KeywordSearch { width: 50%; padding: 10px 20px; border: 1px solid #ddd; vertical-align: top;  }
.announcements-filter .filterButton {   background-color: #fff;  color: #162e4f;  vertical-align: top;  display: inline-block;  height: auto;  width: auto;  padding: 10px 20px;  border: 1px solid #162e4f;   -webkit-transition: all 250ms; -o-transition: all 250ms;  transition: all 250ms; }
.announcements-filter .filterButton:hover {  background: #007197;  color: #fff;  border-color: #007197; }

.announcementsTable { width:100%; border-spacing: 0px; border-collapse:separate; font-size: 15px; }
.announcementsTable th, .announcementsTable td { padding: 10px 20px; margin:0; vertical-align:top; text-align:left; }
.announcementsTable th { background: #162e4f; color: #FFFFFF;  font-weight: normal;  font-family: gotham-medium, sans-serif; text-transform: uppercase;  font-size: 14px;  letter-spacing: 1px;   padding: 10px 20px; }
.announcementsTable .announcementTitleHeader {  width: 90%; }
.announcementsTable tr:nth-child(even) { background: #e7eaed}

.announcementsTable .downloadLinkHeader, .announcementsTable .downloadLink,
.announcementsTable .priceSensitiveHeader, .announcementsTable .priceSensitive,
.announcementsTable .securityCodeHeader, .announcementsTable .securityCode { display: none;}

.tab-group { width: 100%; clear:both;}
.tab-group ul { margin: 0; padding: 0;}
.tab-group ul li { display: inline-block;	*display: inline;	zoom: 1; padding: 0 0; margin: 0;}
.tab-group ul li a.tab-button {  background: none; display: block; font-size: 16px; padding: 10px 20px; text-align: center; text-decoration: none; border: 1px solid #162e4f; }
.tab-group ul li a.tab-button:hover { background: #007197; color: #FFF; border-color: #007197; }
.tab-group ul li a.tab-button.current { background: #162e4f; color: #FFF; border-color: #162e4f;}

.tab-group.nzx-announcements  { display: none; }
.media-releases-container h2 { margin: 80px 0 40px 0; }


/* Meetings */
.agm h3{ font-size: 16px; font-weight: 400 }
.agm .row { margin: 0 0 80px 0;}
.agm table td { background: transparent; border-bottom: 1px solid #D5D5D5; }
.agm table td a { position: relative; padding: 0 0 10px 0; display: inline-block; }
.agm .tableStyle th:first-child { width: 35%; }

.meeting-box { border: 1px solid #ddd; background: #fff; margin-bottom: 4%; }
.meeting-box h3 {  margin: 0;  background: #e7eaed;  padding: 20px 0;  text-transform: uppercase;  font-family: 'gotham-medium', sans-serif;  text-align: center; }
.meeting-box-content  { text-align: center; padding: 30px 20px;}
.meeting-tabs { display: inline-block; margin: 0 0 35px 0; }
.meeting-tabs a { padding: 10px 20px;  border: 1px solid #162e4f;  text-decoration: none !important;  float: left; text-transform: uppercase; }
.meeting-tabs a:hover {  background: #007197; color: #fff;  border-color: #007197; }
.meeting ul { text-align: left; list-style-type: none; padding: 0; }
.meeting-reports img {  padding-bottom: 5px; }
.meeting ul a { display: block; }
.meeting-box-content span {   font-size: 15px;  font-family: 'gotham-medium', sans-serif; text-transform: uppercase;  color: #162e4f;  letter-spacing: 1px; margin: 0 0 15px 0; display: block; }
.meeting-box img { display: inline-block; vertical-align: top;}
.meeting ul a {  display: inline-block;  position: relative;  padding: 0 0 10px 0; font-size: 15px;   max-width: 275px;  width: 90%;}


/* Corporate Governance */
.chart-corp-gov a { padding: 0; display: inline; position: relative;}
.chart-corp-gov .pdf:before { margin-top: -15.5px; }
.chart-corp-gov p {  text-align: center; }
.chart-corp-gov h2 { margin: 0 0 20px 0; }

.directors-mob-content { display: none; }
.board-of-directors .row {  padding: 0 0 30px 0; }
.board-of-directors img {  width: 100% ;-webkit-transition: opacity .5s;  -o-transition: opacity .5s;   transition: opacity .5s; }
.board-of-directors .four.columns {  position: relative; }
.hoveroverlay {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  padding: 0 25px;  background-color: rgba(22,46,79,.8);  -webkit-transition: all 250ms;  -o-transition: all 250ms;  transition: all 250ms; text-align: center; opacity: 0; cursor: pointer; }
.hoveroverlay:hover {  opacity: 1;  filter: alpha(opacity=100); }
.venter-parent  {  display: table;  width: 100%; height: 100%;  }
.vcenter {  display: table-cell;  vertical-align: middle; }
.hoveroverlay .title { color: #fff;  font-size: 24px;  line-height: 30px;  margin-bottom: 10px; }
.hoveroverlay .role {  font-weight: 500;  color: #fff;  font-size: 14px;  line-height: 20px;  margin-bottom: 25px;  letter-spacing: 1px;  font-family: gotham-medium, sans-serif;  text-transform: uppercase; }
.hoveroverlay .board-btn {  display: inline-block;  color: #fff;  border-color: #fff;  background: transparent; }
.hoveroverlay .board-btn:hover {  color: #162e4f;  background: #fff; }
.row-content {  background: #e7eaed; margin-bottom: 30px;}
.row-content > div {  display: none; }
.row-content .four.columns {  border-top: 2px solid #007197;  padding: 50px 0 0 0; }
.row-content h3 {  font-size: 25px;  line-height: 30px;   margin: 0 0 15px 0;}
.row-content h4 {   font-size: 15px;  line-height: 20px;  text-transform: uppercase;  color: #162e4f;  margin: 0;  padding: 0; font-family: 'gotham-book', Arial, sans-serif;}
.row-content p {  margin: 1px 0 0 0;  padding: 50px 0 0 0;  border-top: 1px solid #162e4f; }
.row-content .container {  padding-top: 70px;  padding-bottom: 70px; }
.row-content .container {  display: block; }
.row-content { display: none; }

.row-content .mob-content-wrap { width: 30.6666666667%; float: left; border-top: 2px solid #007197; padding: 50px 0 0 0; }
.row-content .mob-slide-content { width: 65.3333333333%; float: left; margin-left: 4%;  }
.row-content .mob-close-btn {  display: none; }
.row-content .mob-title {  font-size: 25px;  line-height: 30px;  margin: 0 0 15px 0;  font-family: 'gotham-bold', sans-serif;  color: #162e4f; }
.row-content .mob-role {  font-size: 15px;  line-height: 20px;  text-transform: uppercase;  color: #162e4f;  margin: 0;  padding: 0;  font-family: 'gotham-book', Arial, sans-serif; }
.row-content .directors-mob-content {  display: block; }

.img-fade { opacity: .5; filter: alpha(opacity=50); }

.close-btn { position: absolute; top: 25px; right: 15px; cursor: pointer; }
.close-btn svg {  fill: #162e4f;  -webkit-transition: all 250ms;  -o-transition: all 250ms;  transition: all 250ms; }
.close-btn:hover svg {  -webkit-transform: scale(.85);  -ms-transform: scale(.85); -o-transform: scale(.85);  transform: scale(.85);   fill: #008bb0; }

.board-active:after { content: '';  width: 0;  height: 0;  border-left: 24px solid transparent;  border-right: 24px solid transparent; border-top: 24px solid #fff;  position: absolute;  bottom: 0;  left: 50%;  margin-left: -24px;  margin-bottom: -54px; }

/* FAQs */
.faqs { margin: 50px 0 0 0; text-align: center; }
.faqs h2 { margin: 30px 0 40px 0; }
.faqs-table { font-size: 15px; }
.answer p, .answer span {  font-size: 16px !important; }


.QAViewer {  font-size: 17px; border-bottom: 1px solid #162e4f; text-decoration: none !important; }
.QALink {  display: block;  padding: 30px 0 25px; position: relative; text-decoration: none; }
.QALink:after {  content: "\f107";  font-family: FontAwesome; position: absolute;  right: 0; font-size: 35px; top: 50%; margin-top: -28.5px; }
.QAViewer.open .QALink:after { content:"\f106"; }
.answer {  padding-top: 20px;  padding-bottom: 50px; }

/* Email Alerts */
.emailSubscriptionView { font-size: 15px; }

.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: 75%;}

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}

.oc-form-error-container ul { padding: 0; }
.oc-form-error-container li {  list-style-type: none;  font-size: 15px; }
.oc-form-error-container .error { color: red; }


/* Media Queries
-------------------------------------------------- */
@media (max-width: 1190px) {
    /* Investor Menu */
    .investor-nav a { padding: 0 30px; }
}
@media (max-width: 1170px) {
    /* Header */
    .branding { height: 70px; }
    .main-nav-row { height: 70px; }
    .toolbar { display: none; }
    .logo { margin-top: -15.5px; }
    #logo img { display: none; }
    #logo .mobile-logo { display: block !important; }

    .main-nav { display: none; }
    .mobile-menu-toolbar { display: block; }

    .site-search { background: rgba(14,33,51,.95); height: 100%; padding: 0; }
    .site-search >  .container { padding: 0; }
    .site-search-form { width: 100%; float: left; padding: 40px 4%; margin: 70px 0 0 0; }
    .site-search-form .form-control { width: 100% !important; border-bottom: 2px solid #fff !important; }
    .site-search .btn { width: 100%; margin: 30px 0 0 0; }
    .close-site-search { top: 0; right: 0; width: 63px; height: 70px; background: none !important; margin: 0; }
    .close-site-search svg { display: block; fill: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
    .site-search .mobile-logo { display: block; position: absolute;  left: 50%;  top: 50%;  -webkit-transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%);  -o-transform: translate(-50%,-50%);  transform: translate(-50%,-50%); opacity: 1 !important; }
    .search-mobile-logo { position: absolute; top: 0 !important; left: 0 !important; width: 211px !important; height: 70px !important; margin: 0 !important; }

    /*Body*/
    .body-wrap { padding: 70px 0 0 0; }

    /* Investor Menu */
    .page-content-nav { padding: 25px 0 0 0; }
    .investor-nav { display: none; }
    .investor-menu-trigger { display: block; background: #007197; color: #fff; font-size: 15px; text-transform: uppercase; font-family: gotham-medium, sans-serif; padding: 0 30px; display: block; height: 50px; line-height: 50px; margin: 0 0 5px 0; cursor: pointer; text-align: center; position: relative; }
    .investor-menu-trigger:after { content: "\f107"; font-family: FontAwesome; position: absolute; right: 15px; font-size: 30px; }
    .investor-menu-trigger.menu-active:after {  content: "\f106"; }
    .investor-nav ul { display:block; }
    .investor-nav li {float: none;flex-grow: initial;}
    .investor-nav a { font-size: 12px; margin: 0 0 5px 0; border: 1px solid #162e4f !important; }

    .section.mobile-menu-section { display: block !important; }

    /* Result Centre */
    .result-centre .columns {  width: 100%; margin: 0 0 4% 0; }
    .result-centre .two.columns {  display: none; }
    .result-centre ul a { width: auto; max-width: none; }

}

@media (max-width: 1080px) {
     /*Overview*/
    .overview-keydates table tr td:first-child { overflow: hidden; white-space: nowrap; width: 100%; max-width: 130px; text-overflow:ellipsis; }
    .overview-content .announcementsTable tr td:first-child {  overflow: hidden;  white-space: nowrap; width: 100%;  max-width: 130px;  text-overflow: ellipsis; }
    .overview-nzx-announcements td.announcementTitle a { max-width: 270px; }
    .overview-asx-announcements td.announcementTitle a { max-width: 270px; }
}

@media (max-width: 1000px) {
    /*Footer*/
    .footer-copyright span { float: none !important; display: block; text-align: center; }
    .footer-columns ul { padding-left: 20px; }
    .mobile-br { display: block; }
    .footer-copyright { padding: 15px 0 65px 0; }
    .mobile-tnc.copyright {  display: inline; }
    .footer-copyright span { margin: 0 0 30px 0; }
    .footer-navigation { border: 0; padding-bottom: 0; }
    .footer-sitemap .footer-columns { display: none; }
    .footer-copyright span:last-child {  margin: 0; }
    .social-networks {  display: block !important;  width: 100% !important;  text-align: center;  padding: 0; }
    .social-networks h4 {  display: none; }
    .social-networks i.fa.fa-facebook { font-size: 34px; }
    .social-networks svg.svg-google-plus { height:33px; width: 34px; margin-bottom: -5px; }
    .social-networks i.fa.fa-linkedin { font-size: 35px; }
    .mobile-tnc { display: block; }
    .footer-columns li { float: none; display: inline-block; }
    .mobile-tnc {  margin: 0 !important; }
    .mobile-tnc a { color: #fff; }
    .mobile-tnc.tnc { margin: 0 0 70px 0 !important; }
    .mobile-tnc.pp {  margin: 60px 0 0 0 !important; }
    .copyright { display: inline-block; }

     /*Governance*/
    .hoveroverlay .board-btn { padding: 0 35px;  }

}

@media (max-width: 900px) {
    /*Overview*/
    .feature-brands .three.columns { width: 100%; margin: 0; text-align: center; }

     /*Governance*/
    .hoveroverlay .board-btn { padding: 0 25px;  }
}

@media (max-width: 800px) {
    /*Overview*/
    .slides  { padding: 25px 0 0 0; }
    .slider-content { width: 100% !important;; }
    .slider-img { width: 100% !important; margin: 10px 0 0 0; text-align: center; }
    .overview-asx-container, .overview-NZX-container {  margin: 40px 0; }
    .overview-latest-asx, .overview-latest-NZX { padding: 10px 0; }
    .overview-NZX-container .five.columns { margin: 0; }
    .overview-asx-container .five.columns { margin: 0; }
    .overview-presentations { padding: 60px 50px; }


}

@media (max-width: 767px) {
    h2 { font-size: 23px; margin: 0 15px 40px 15px; padding: 0 0 28px 0; border-bottom: 1px solid #162e4f; }
    body { font-size: 16px; }
    p { font-size: 16px; }

    /*Overview*/
    .overview .six.columns { width: 100%; margin: 0 0 4% 0; }
    .empty-column { display: none; }
    .second-row { margin:0; }
    .third-row { margin: 0; }
    div#ctl00_ctl00_ctl00_ctl00_ctl07_container #chart, div#ctl00_ctl00_ctl00_ctl00_ctl07_container #chart img { max-width: 286px; }
    .overview-presentations { padding: 110px 50px; }
    .overview-asx-container, .overview-NZX-container { padding: 0 0 40px 0; }

    /* Share info*/
    div#priceModule_SharePriceModule5, div#priceModule_SharePriceModule4 { padding: 0 0 30px 0;}
    .row.shareprice-graph-nzx .two.columns, .row.shareprice-graph-asx .two.columns {  display: none; }
    .row.shareprice-graph-nzx .columns, .row.shareprice-graph-asx .columns {  width: 100% !important; margin: 0; }
    .share-price-graph .priveVolumeChart { max-width: 720px !important; }
    .priceTable td .price { color: #008bb0; }
    .priceDetails {  background: #e7eaed !important; }
    .price-date {  text-align: center; }
    .mobile-table { overflow-x: auto; display: block !important; }
    .historical-shareprice .priceHistoryTable { overflow-x:auto; display: block; }

    /* Meetings */
    .agm .latest-agm-row table tr {  display: block;  width: 100%; }
    .agm .latest-agm-row table td {  display: block; width: 100%; }
    .agm .tableStyle tr:first-child th {  width: 100% !important; }




    /*Announcements */
    .announcements-filter label { width: 100%; text-align: left; }
    .announcements-filter { text-align: center; }
    .announcements-filter input#KeywordSearch { width: 100% !important; margin: 10px 0 15px 0; }
    .media-releases-container h2 { margin: 60px 0; }

    /*Meeting*/
     .row.past-agm-row .tableStyle {  display: table !important; }
    .agm .row {  margin: 0 0 60px 0; }

    /* FAQs*/
    .faqs .two.columns {  display: none; }
    .faqs .four.columns { width: 100%;  margin: 0; }

    /*Governance*/
    .hoveroverlay .board-btn { padding: 0 25px;  }

}

@media (max-width: 720px) {
    /*Governance*/
    .mob-content-wrap:after {  content: '';  width: 0;  height: 0;  border-left: 22px solid transparent;  border-right: 22px solid transparent;  border-bottom: 22px solid #fff;  position: absolute;  top: -21px;  left: 50%;  margin-left: -22px; }
    .mob-board-active .mob-plus:after { filter: alpha(opacity=0); opacity: 0; }
    .mob-slide-content { display: none; }
     .directors-mob-content { display: block; padding: 0 0 35px 0; }
    .hoveroverlay { display: none; }
    .board-of-directors .four.columns {  position: relative;  width: 100%;  margin: 0; text-align: center; }
    .board-of-directors img { max-width: 500px; }
    .mob-content-wrap { padding: 28px 0; text-align: left; position: relative; }
    .directors-mob-content .mob-title { font-size: 23px; color: #162e4f; text-transform: uppercase; font-family: gotham-bold, sans-serif; line-height: 30px; }
    .directors-mob-content .mob-role { font-size: 14px; text-transform: uppercase; letter-spacing: 1px; line-height: 20px; font-family: gotham-medium, sans-serif; color: #162e4f; }
    .mob-plus { width: 23px; height: 23px; position: absolute; bottom: 35px; right: 0; top: 50%; margin-top: -11.5px; }
    .mob-plus:before { content: ''; width: 23px; height: 2px; background-color: #162e4f; position: absolute; top: 50%; left: 0; margin-top: -1px; }
    .mob-plus:after { content: ''; width: 2px; height: 23px; background-color: #162e4f; position: absolute; top: 0; left: 50%; margin-left: -1px; -webkit-transition: opacity 250ms; -o-transition: opacity 250ms; transition: opacity 250ms; }
    .mob-slide-content { text-align: left; }
    .mob-slide-content p { font-size: 16px; }
    .mob-close-btn { font-size: 13px; margin-top: 25px; line-height: 21px; text-align: center; color: #162e4f; text-transform: uppercase; font-family: gotham-bold, sans-serif; letter-spacing: 1px; padding: 10px 0; }
    .mob-close-btn svg { fill: #162e4f; margin-right: 8px; vertical-align: middle; }

}

@media (max-width: 700px) {
    .highcharts-input-group { display: none; }

    /*Banner*/
    .banner h1, .banner h2 { font-size: 26px; color: #162e4f; }


}

@media (max-width: 520px) {
    .priceTable { width: 100% !important; }
}

@media (max-width: 465px) {
    /*Overview*/
    .overview-presentations { padding: 90px 50px; }
    .result-centre ul a { width: 85%; }
}

@media (max-width: 396px) {
    /*Overview*/
    .overview-presentations { padding: 60px 50px; }
}

@media (max-width: 367px) {
    /*Overview*/
    .overview-presentations { padding: 50px 30px; }
}

