/* Base
-------------------------------------------------- */
@import url('/FormBuilder/_Resource/_module/plugin/bs4/bootstrap.min.css');
@import url('/FormBuilder/_Resource/_module/plugin/FontAwesome5.min.css');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');

/* font-family: 'Gilroy' */

html {position: relative;min-height: 100%;font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ /* Keeps page centred in all browsers regardless of content height */ /* Prevents iOS text size adjust after orientation change, without disabling user zoom */}  
body {overflow-x:hidden !important;font-family:'PT Sans', sans-serif;font-weight: 400;font-size: 18px;color: #676767;}
img {max-width:100%;}

.page-content {padding-top: 0;}
.page-content > .container {padding-top: 0;padding-bottom: 50px;}
.page-content.no-pageNav > .container {padding-top: 60px;}

/* Typography
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-family: 'PT Sans', sans-serif;padding-bottom: 10px;color: #111;font-weight: 700;line-height: 1em;margin:0;}
h1 {font-size: 48px;line-height: 1em !important;position: relative;margin: 0 0 24px 0;padding: 0;}
h2 {font-size: 28px;margin: 3em 0 .5em 0;color: #41008c;}
h2.big { font-size: 46px; color:#292929; text-align: center; margin-bottom: 20px;}
h3 {font-size: 21px;color: #41008c;}
h4 { font-size: 22px;}
h5 { font-size: 16px;}
h6 { font-size: 14px;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {color: #41008c;}

#menu {
    display: none;
}

.mm-ocd--open #menu {
    display: block;
}

/* Links
-------------------------------------------------- */
a {color: #41008c;outline: none;transition: all .3s;}
a:hover {text-decoration: none;color: #41008c;}
a span { display: none; }

/* Buttons */
.btn, input[type="button"], a.loadNext {box-shadow: none;display: inline-block;cursor: pointer;outline:0 !important;box-shadow: none !important;background: #41008c;text-decoration: none;border-radius: 0;border: none;padding: 1.4em 3em;color: #fff;line-height: 1;text-align:center;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;white-space: initial;border-radius: 100px;text-transform: uppercase;font-weight: bold;font-size: 14px;}
.bg .btn, .bg input[type="button"], .bg a.loadNext {background: #41008c; border: 2px solid #41008c; color: #ffffff;}

input.filterButton[type="button"] {text-transform: uppercase;border: none;padding: 12px 27px;}
input.filterButton[type="button"]:hover, input.filterButton[type="button"]:focus, input.filterButton[type="button"]:active {
    padding: 12px 27px;
    border: none;
}

.btn:hover, .btn:focus, .btn:active,
input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active,
a.loadNext:hover, a.loadNext:focus, a.loadNext:active {color: #000;position: relative;background: #4fd6dd;}

.bg .btn:hover, .bg input[type="button"]:hover, .bg a.loadNext:hover {color: #2b2c2a !important;}

.btn:hover:after, .btn:focus:after, .btn:active:after,
input[type="button"]:hover:after, input[type="button"]:focus:after, input[type="button"]:active:after,
a.loadNext:hover:after, a.loadNext:focus:after, a.loadNext:active:after {
	content: "\f101";
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	top: 12px;
	right: 15px;
	font-weight: 400;
	font-size: 17px;
	color: #2b2c2a;
	content: none;
}

/* Banner */
.header {
    position: relative;
    background: url(/FormBuilder/_Resource/_module/UBxGIZTTbEu5NBCd6rcFfw/image/bg.jpg) no-repeat 0 0/cover #41008c;
    padding: 100px 0 200px 0;
}

.header:before {
    content: '';
    background: url(/FormBuilder/_Resource/_module/UBxGIZTTbEu5NBCd6rcFfw/image/wave.svg) no-repeat 0 100%;
    background-size: 100% 350px;
    position: absolute;
    width: 101%;
    height: 101%;
    top: 0;
    left: 0;
}

.banner h1 {color: #fff;margin: .7em 0 .5em 0;padding: 0;font-size: 48px;line-height: 1.4;font-weight: 700;}
.banner h2 {color: #fff;margin: 0 0 .5rem 0;padding: 0;font-size: 40px;line-height: 1.4;font-weight: 400;}
.banner h4 {
    font-size: 1.5rem;
    line-height: 1.16667;
    color: #fff;
    font-weight: 400;
}

.bgscroll:before {
    /* content: ''; */
    /* background: #111; */
    /* width: 100vw; */
    /* height: 100%; */
    /* display: block; */
    /* position: absolute; */
    /* z-index: -1; */
    /* left: 50%; */
    /* top: 0; */
    /* margin-left: -50vw; */
}

/* Primary Header - Main Navigation
--------------------------------------------------------*/
.navigation {}
.navigation .navbar {padding: 0; transition: transform 0.3s ease 0s, background-color 0.3s ease 0s, opacity 0.3s ease 0s, box-shadow 0.3s ease 0s, border-color 0.3s ease 0s, margin 0.25s ease-out 0s;}
.navigation .navbar.bgscroll {background: #41008c; box-shadow: 0 3px 45px rgba(0,0,0,.15);}
.navigation .navbar.bgscroll .navbar-brand img {height: 50px;}
.navigation .navbar.bgscroll .navbar-nav .nav-link {opacity: 1; padding: 23px 10px;}
.navigation .navbar.bgscroll .navbar-nav .nav-link.active:after,
.navigation .navbar.bgscroll .navbar-nav .nav-link:hover:after {border-color: #4fd6dd;}
.navigation .navbar.bgscroll .navbar-nav .nav-link:after {bottom: 23px}

.navigation .navbar-brand {margin: 0;padding: 10px 0;}
.navigation .navbar-brand img {height: 50px;}
.navigation .navbar-nav { width:100%;}
.navigation .navbar-nav .nav-item {position: relative;}
.navigation .navbar-nav .nav-link, .dropdown-item {color: #fff;text-decoration: none;background: none;padding: 37px 10px;font-size: 17px;transition: opacity 0.2s ease, color 0.2s ease;}
.navigation .navbar-nav > li:last-child a {}
.navigation .navbar-nav .nav-link:hover {opacity: 1;}
.navigation .navbar-nav .dropdown-toggle::after {vertical-align: middle;}
.navigation .navbar-nav .dropdown .dropdown-menu {margin:0;padding: 20px;border-radius:  0;border: 0;min-width: 240px;background: #73169e;}
.navigation .navbar-nav .dropdown .dropdown-menu li {
}
.navigation .navbar-nav .dropdown .dropdown-menu li:first-child {
}
.navigation .navbar-nav .dropdown .dropdown-menu li:last-child {
}
.navigation .navbar-nav .dropdown .dropdown-menu .dropdown-item {padding: 3px 6px;text-decoration: none;color: #fff;font-size: 15px;transition: opacity 0.2s ease, color 0.2s ease;}
.navigation .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover, .navigation .navbar-nav .dropdown .dropdown-menu .dropdown-item:active, .navigation .navbar-nav .dropdown .dropdown-menu .dropdown-item:focus, .navigation .navbar-nav .dropdown .dropdown-menu .dropdown-item.active {
    color: #fff;
    background-color: #56159b;
    opacity: 1;
}
#navbarInvestorCentre > ul {
    left: -49px;
}
#navbarAboutUs > ul {
    left: -92px;
}
.navigation .navbar-nav .dropdown.open > a::after, .navigation .navbar-nav .dropdown.open > a.nav-link::after { border-top: .3em solid transparent; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .3em solid transparent; margin-top: 3px;}
.navigation .navbar-toggler {border: 0;border-radius: 0;padding: 15px;outline:0;color: #fff;font-weight: 700;font-size: 1rem;line-height: 1;}

.navbar-toggler-icon, 
.navbar-toggler-icon:before, 
.navbar-toggler-icon:after { -webkit-transform: none; transform: none;}
.navbar-toggler-icon {background: #fff;top: -2px;}
.navbar-toggler-icon:before {top: -7px;}
.navbar-toggler-icon:after {top: 7px;}

.navbar-toggler-icon {background: #fff;height: 2px;position: relative;width: 20px;}
.mm-ocd-opened .navbar-toggler-icon {-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.navbar-toggler-icon:before, 
.navbar-toggler-icon:after {content: '';background: #fff;position: absolute;width: 100%;height: 2px;left: 0;}

.mm-ocd-opened .navbar-toggler-icon:before { top: 0; -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg);}
.mm-ocd-opened .navbar-toggler-icon:after { top: 0; -webkit-transform: rotateZ(-90deg); transform: rotateZ(-90deg);}
.mm-ocd-opened .navbar-toggler-icon, 
.mm-ocd-opened .navbar-toggler-icon:before, 
.mm-ocd-opened .navbar-toggler-icon:after { -webkit-transition: top 0.3s ease, background 0.125s ease, -webkit-transform 0.3s ease; transition: top 0.3s ease, background 0.125s ease, -webkit-transform 0.3s ease; transition: transform 0.3s ease, top 0.3s ease, background 0.125s ease; transition: transform 0.3s ease, top 0.3s ease, background 0.125s ease, -webkit-transform 0.3s ease;}

.dropdown-submenu { position: relative; }
.dropdown-submenu a::after {transform: rotate(-90deg);	position: absolute;	right: 6px;	top: .8em;  }
.dropdown-submenu .dropdown-menu {	top: 0;	left: 100%;	margin-left: .1rem;	margin-right: .1rem; display: none; }
.dropdown-submenu {position:relative;}
.dropdown-submenu>.dropdown-menu {top:0; left:100%; margin-top:-6px;}
.dropdown-menu > li > a:hover:after { text-decoration: underline; transform: rotate(-90deg);} 

/* Side nav */
.submenu {
    margin-top: 1rem;
}
.submenu h3 {
    font-size: 24px;
    font-weight: 400;
    padding: 0 1rem;
}
.submenu h3 a {
    color: #111;
    padding: 0;
}
.submenu ul {margin: 1rem 0 0 0;padding: 0;list-style: none;border-top: 1px solid #f2f2f2;}
.submenu li {margin:0;padding: 0;list-style: none;border-bottom: 1px solid #f2f2f2;}
.submenu li a {background: #fff;color: #41008c;padding: 1rem;font-weight: 400;}
.submenu li a:hover, .side-sub li a:focus {background: #f2f2f2;color: #41008c;}
.submenu li a.active {color: #fff;background: #41008c;}

/*sticky header position*/
.sticky.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1001;
    width: 100%;
}

/* Primary Page content
--------------------------------------------------------*/

/* Table */
table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent;}
table td, .table td {padding: 1rem;vertical-align: top !important;border-top: 1px solid #dee2e6;}
table th, .table th {padding: .75rem;vertical-align: top !important;border-top:0;border-bottom:0 !important;}

table.announcementsTable th:last-child, table.announcementsTable td:last-child {width: 18%;text-align: right;}

table.table.links th, table.table.links td { text-align:center;}
table.table.links th:first-child, table.table.links td:first-child {width: 84%;text-align: left;}

table.table.date th:first-child, table.table.date td:first-child { width: 85%; text-align: left;}

table.table.side th { width: 25%;}
table.table.half {display:table;}
table.table.half th { width: 50%; text-align: right; border-bottom: 1px solid rgba(255,255,255,0.2) !important;}

table.rank th, table.rank td { width: 10%; text-align: center; padding: 10px;}
table.rank th:first-child, table.rank td:first-child { width: 5%;}
table.rank th:nth-child(2), table.rank td:nth-child(2) { width: 75%; text-align: left;}

table.half th, table.half td {width:50%;}

table td a {position: relative;font-weight: 400;}
table td a i {font-size: 23px;}

table.profiles thead tr th {background: transparent; padding: 0;}
table.profiles thead tr:last-child th { padding-bottom: 10px;}
table.profiles tbody tr td {padding: 10px 0 0;}
table.profiles tr h3 {color: #41008c; margin: 0;}
table.profiles tr h5 {color: #41008c; margin: 0;}

table.pdfs td a {padding-left: 36px;position: relative;display: inline-block;}
table.pdfs td a:before {position:absolute; content:'\f1c1';font-family: 'Font Awesome 5 Pro';font-weight: 300;font-size: 24px;left: 5px;top: -6px;}

.priceHistoryTable {table-layout: fixed;}

.home-block {height: 100%; margin-bottom: 10px;}

div#loadingSpinner { display: none !important;}

/* Home - Sections */
.page-content section {padding: 7em 0;}
.page-content section.bg {background-size: cover; position: relative; color:#fff;}
.page-content section.bg h2,
.page-content section.bg h3 {color:#fff;}
.page-content section.bg a:hover {color: #41008c;}

#section-relationships.bg { background: url(/FormBuilder/_Resource/_module/UBxGIZTTbEu5NBCd6rcFfw/images/Portfolio.jpg) no-repeat center;}
#section-home-result.bg {background: url(/FormBuilder/_Resource/_module/UBxGIZTTbEu5NBCd6rcFfw/images/Contact.jpg) no-repeat center;}
#section-professionals.bg {background: url(/FormBuilder/_Resource/_module/UBxGIZTTbEu5NBCd6rcFfw/images/leaves-2.jpg) no-repeat center;}
#section-team.bg {background: url(/FormBuilder/_Resource/_module/UBxGIZTTbEu5NBCd6rcFfw/images/bg-leaves-3.jpg) no-repeat center;}
.page-content section.bg:before {
    content: '';
    background: rgba(0,0,0,0.25) url(/FormBuilder/_Resource/_module/UBxGIZTTbEu5NBCd6rcFfw/images/texture.png) repeat;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* section-professionals */
#section-professionals a {
    display: inline-block;
    line-height: 1.1;
    margin-top: 5px;
}

#section-professionals a:hover {
    text-decoration: underline;
}

/* Home - Share Price */
.homesharePrice {color: #fff;}
.homesharePrice h2 {color:#fff;font-size: 20px;}
.homesharePrice p.priceDetails {font-size: 18px;margin-bottom: 10px;}
.homesharePrice p span {color:#fff; margin:0 15px 0 5px;}

.priceLatest {
    color: #fff;
    font-size: 3em;
    margin-bottom: 10px;
}

.priceMove::before {content:'';border-right: 7px solid transparent;border-left: 7px solid transparent;border-top: 2px solid;border-bottom: 2px solid;border-color: #fff;position: absolute;right: 0;top: 25px;}
.priceMove.positive::before { margin-bottom: 5px;border-bottom: 9px solid #fff;border-top: 0;border-left-color: transparent; border-right-color: transparent;}
.priceMove.negative::before {border-top: 9px solid #fff;border-bottom: 0;border-left-color: transparent;border-right-color: transparent;}

.shareprice-container {
    padding: 30px 20px;
    text-align: center;
    background: #efefef;
}
#price {
    color: #41008c;
    font-size: 60px;
    font-weight: bold;
    letter-spacing: 3px;
}
#priceMove {
    font-size: 20px;
}
#priceDate {
    margin-bottom: 20px;
}

/* Home - Annual Report */
.homeAr { position: relative; margin-bottom: 0; padding: 35px 0 45px;}
.homeAr h2 { margin-bottom: 20px;}
.homeAr::before { content: ''; background: #f9f9f9; width: 100vw; height: 100%; display: block; position: absolute; z-index: -1; left: 50%; top: 0; margin-left: -50vw;}
.homeAr img { max-height: 250px;}

/* Tab Group */
#tab-group ul { font-size: 0; margin-bottom:8px;}
#tab-group a.tab-button {display:inline-block;color: #444;padding: 10px 20px;text-decoration: none;font-size: 16px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;border-radius: 6px;background: #f7f7f7;}
#tab-group a.tab-button.current {background: #41008c !important;color: #fff;}
#tab-group a.tab-button:hover {background: #41008c;color: #fff;}
.announcements-filter {text-align: right;padding: 15px;background: rgba(0,0,0,.03);}
.announcements-filter label {margin-right: 10px;}
.announcements-filter input[type=text] {outline: 0;border: 1px solid #d9d9d9;padding: 9px;margin-right: 10px;}

/* Investment Calc */
.calc-table { font-size: 0; margin-top: 30px;}
.calc-table-filter { font-size: 16px;}
.calc-table-filter .calc-table-filter-row > label, .calc-table-filter ul { display: block;}
.calc-table-row { display: inline-block; vertical-align: top; font-size: 16px; width: 33.33333%; margin-bottom: 10px;}
.calc-table-row label, .calc-table-row span { display: block;  padding: 10px;}
.calc-table-row label {background: #41008c;color: #fff;margin: 0;border-right: 1px solid rgba(255,255,255,0.2);}
.calc-table-row span { border-right: 1px solid #dee2e6;}
.calc-table-filter ul { list-style: none; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex;}
.calc-table-filter li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 5%; width: 100%;}
.calc-table-filter li:last-child { margin-right: 0;}
.calc-table-filter li label, .calc-table-filter li input { width: 100%;}
.calc-table-filter li input[type="radio"], .calc-table-filter-row label.text { display: none;}
.calc-table-filter li label { font-weight: bold; margin: 0 10px 0 5px; line-height: 38px; cursor: pointer; -ms-flex-negative: 4; flex-shrink: 4; min-width: 85px;}
.calc-table-filter li input:last-child { padding: 5px;}
.calc-table-filter li label::before { content: '\f0c8'; font-family: 'Font Awesome 5 Pro'; font-weight: 400; padding-right: 10px;}
.calc-table-filter li.checked label::before { content: '\f14a';}

/* FAQ */
.QAViewer { border-bottom: 1px solid #fff;}
.QAViewer .QALink { background: #41008c; color: #fff; padding: 10px 30px 10px 10px; display: block; text-decoration: none; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.QAViewer.open .QALink, .QAViewer .QALink:hover { background: #41008c;}
.QAViewer .QALink::after { content: '\f078'; font-family: 'Font Awesome 5 Pro'; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.QAViewer.open .QALink::after {content: '\f077';}
.QAViewer .answer p { padding: 10px;}

/* AGM */
a[data-icon="pdf"], a[data-icon="webcast"] { padding-left: 20px;}
a[data-icon="pdf"]::before, a[data-icon="webcast"]::before, table.pdf a::before { font-family: 'Font Awesome 5 Pro'; position: absolute; left: 0; width: 15px; text-align: center;}
a[data-icon="webcast"]::before { content: '\f008';}
a[data-icon="pdf"]::before { content: '\f15c';}

/* Share Price Chart */
.priveVolumeChart { margin: 0 auto; width:100% !important;}
.highcharts-button { cursor: pointer !important;}

/* Tab Group */
.tab-group li {}
.tab-group a.tab-button {background: #afafaf;color: #fff;padding: 10px 20px;text-decoration: none;}
.tab-group a.tab-button.current {background: #41008c !important;}
.tab-group a.tab-button:hover {background: #41008c;}
.announcements-filter {text-align: right;padding: 15px;/* background: #efefef; */}
.announcements-filter label {margin-right: 10px;}
.announcements-filter input[type=text] {outline: 0;border: 1px solid #fff;padding: 5px;margin-right: 10px;}


/* Email Alerts */
.emailSubscriptionView > .row { padding-bottom: 20px; margin: 0;}
.emailSubscription .emailLabel { margin-right: 10px; line-height: 38px;}
.emailSubscriptionView #EmailAddress {padding: 5px;min-width: 290px;max-width: 100%;}
.emailSubscription ul#subscriptions { margin: 0; padding: 0; list-style: none;}
.emailSubscription ul#subscriptions input { margin-right: 10px;}
.subscriptionConfirmationView .row {margin: 0;display: inline;}
a.subscription-email { margin-left: 3px;}
.subscriptionConfirmationView {padding-bottom: 65px;}
.emailSubscription > div .row {margin-left: 0; margin-right: 0;}
.updateSubscriptionsView .row .field {margin-left: 3px;}

/* Contact Us */
.contact-details {list-style: none; padding-left: 22px;}
.contact-details li {margin-bottom: 10px; position: relative;}
.contact-details li::before {content: ''; font-family: 'Font Awesome 5 Pro'; position: absolute; left: -22px; font-weight: bold;}
.contact-details li.address::before {content: '\f3c5'; font-size: 17px; top: -2px; left: -20px;}
.contact-details li.email::before {content: '\f0e0';}
.contact-details li.phone::before {content: '\f095';}


/* Team */
.member {
    background: #1a1617;
    color: #fff;
    cursor: pointer;
    margin-bottom: 1em;   
}

.member h4 {margin:0;padding: 20px 15px 5px 20px;color: #fff;letter-spacing: 1px;font-size: 18px; text-transform: capitalize;}
.member h5 {margin:0;padding: 0 20px;color: #41008c;letter-spacing: 0;font-size: 14px; text-transform: capitalize;}
.member p, .member ul {display:none;}

.member-detail h4 {margin:0;padding: 5px 15px 6px 20px; letter-spacing: 1px;font-size: 18px; text-transform: capitalize;}
.member-detail h5 {margin:0;padding: 0 20px 20px 20px; letter-spacing: 0;font-size: 16px; text-transform: capitalize;}
.member-detail ul li {font-size: 14px;}

/* subscribe */

.footer-logo {margin-bottom: 40px;max-width: 290px;}
.subscribe {background-color: #000;}

.page-footer .subscribe a {
    color: #ffffff;
    font-size: 1.3rem;
    text-decoration: none;
    padding: 0.8em;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
}

.page-footer .subscribe a:hover {
    text-decoration: none;
}

/* site map */
#section-sitemap ul {
	padding-left: 20px;
}

#toTop {
    padding: 10px 15px;
    background: #41008c;
    color: #fff;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 11;
    cursor: pointer;
    font-size: 12px;
}

/* modal customised */
.modal-dialog {max-width: 600px;}
.member-detail .media img {width: 150px;}


/* Error */
.error {color: #ff0000 !important; vertical-align: top; cursor: default;}
.error label {cursor: text;vertical-align: top;}

/* Footer
--------------------------------------------------------*/
.page-footer {background: #1c1c1c;color: #fff; padding: 70px 0;}

.page-footer p {margin-bottom: 20px;}

.page-footer a:hover {
    opacity: .7;
}
.page-footer li a, .page-footer p a {
    color: #fff;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    background-position: left bottom;
    -webkit-transition: background-size 0.55s cubic-bezier(.2,.75,.5,1), color 0.5s ease;
    transition: background-size 0.55s cubic-bezier(.2,.75,.5,1), color 0.5s ease;
    background-image: linear-gradient(to right, #f2f2f2 0%, #f2f2f2 100%);
}
.page-footer li a:hover, .page-footer p a:hover {
    background-size: 100% 2px;
    opacity: 1;
}
.page-footer ul.list-unstyled li a {margin-bottom: 7px; display: inline-block;}

.social-area a {
    width: 25px;
    display: inline-block;
    text-align: center;
    color: #f2f2f2;
}

.social-area a .fa-phone {
    font-size: 15px;
    transform: scaleX(-1)
}

.bg-contact {
    background: url(/FormBuilder/_Resource/_module/UBxGIZTTbEu5NBCd6rcFfw/image/bg-footer.jpg) right top no-repeat #41008c;
    color: #fff;
    background-size: cover;
    padding: 4.5em 0 4em 0;
}

.bg-contact h2 {color: #fff;margin-top: 0;font-size: 38px;}
.bg-contact a {color: #fff;}
.bg-contact a:hover {color: #4fd6dd;}

.bg-contact .btn {
    border: 2px solid rgba(255, 255, 255, 0.75);
    background-color: transparent;
    padding: 8px 8px 8px 35px;
    letter-spacing: 1px;
}
.bg-contact .btn i {
    background: #fff;
    color: #000;
    border-radius: 32px;
    font-size: 17px;
    width: 32px;
    padding: 8px 0;
    margin-left: 20px;
}
.bg-contact .btn:hover {
    background: #4fd6dd;
    border-color: #4fd6dd;
    color: #000;
}
.bg-contact .btn:hover i {
    background: rgba(255, 255, 255, 0.22);
}

.page-copy {
    border-top: 1px solid rgba(255,255,255,0.18);
    background-color: #0a0a0a;
    color: #b7b7b7;
    padding: 19px 0;
}

.page-copy a {color: #b7b7b7}
.page-copy a:hover {color: #4fd6dd;}


/*slide menu */
body.open {overflow: hidden;background: linear-gradient(
145deg
, #41008c, #5f2afb);}

#main {
    -ms-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    -ms-transform-origin: right;
    -webkit-transform-origin: right;
    transform-origin: right;
    overflow: hidden;
    position: relative;
    z-index: 10;
    background: #fff;
    height: 100%;
}

.open #main {
    -webkit-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transform: scale(0.835) translateX(-466px) translateZ(0)!important;
    transform: scale(0.835) translateX(-466px) translateZ(0)!important;
}

.overlay {
    background: linear-gradient(145deg, #41008c, #5f2afb);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
}

.nav-container {
    position: fixed;
    transform: translate(301px,0px);
    -webkit-transform: translate(301px,0px);
    -ms-transform: translate(301px,0px);
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;
    z-index: 10000;
    padding: 33px;
    overflow: hidden;
}

.nav-container .wrap {
    display: flex;
}

.nav-container .nav-trigger {
    position: absolute;
    color: #fff;
}

.open .nav-container {
    min-width: 390px;
    padding-left: 60px;
    padding-right: 60px;
    z-index: 5;
    overflow: hidden;
    transform: none;
    display: flex;
}

.nav-container .nav {
    margin: auto 0;
}

.nav-container .nav li {
    width: 280px;
    list-style: none;
    margin: 4px 0;
    position: relative;
}

.nav-container .nav li a {
    color: #fff;
    font-size: 22px;
    transition: color 0.37s cubic-bezier(0.52, 0.01, 0.16, 1);
    position: relative;
}

.nav-container .nav li i {
    position: absolute;
    padding: 8px 10px 8px 10px;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    transition: all .5s;
}

.nav-container .nav li i.open {
    transform: rotate(-180deg);
}

.nav-container .nav li ul {
    padding-left: 20px;
    display: none;
}

.nav-container .nav li li a {
    font-size: 16px;
}

.nav-container .nav li a:hover, .nav-container .nav li a.active {
    color: #4fd6dd;
}

.nav-container .nav li a:after {
    transition: transform .3s ease-out, border-color .3s ease-out;
    position: absolute;
    display: block;
    bottom: -2px;
    left: 0;
    width: 100%;
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    border-top: 2px solid #4fd6dd;
    content: '';
    padding-bottom: inherit;
    transform-origin: left;
}

.nav-container .nav li a:hover:after, .nav-container .nav li a.active:after {
    transform: scaleX(1);
}

.nav-container .nav li ul {
    
}

.mnav-close {
    position: absolute;
    color: #fff;
    font-size: 25px;
    background: rgba(0,0,0,.06);
    padding: 6px 17px;
    border-radius: 50px;
    top: 25px;
    right: 25px;
    cursor: pointer;
}

.pricetable {
    /* margin-bottom: 30px; */
    /* border-bottom: 1px solid #d8d8d8; */
}
.pricetable th, .pricetable td {
    padding: .5em 1em;
}
.pricetable th {
    background: #41008c;
    text-align: center;
    color: #fff;
    font-weight: 400;
}
.pricetable td {
    text-align: center;
    background: #f5eefd;
    color: #41008c;
}

.highcharts-input-group, g.highcharts-legend, g.highcharts-axis path[stroke='#C0D0E0'], .highcharts-container > svg > text:nth-child(6) {
    display: none !important;
}

.emailSubscriptionView legend > span {display: none;}

/* Media Queries
--------------------------------------------------
 - Min width needs to be ordered smallest to biggest
 - Max width needs to be ordered biggest to smallest
--------------------------------------------------*/
/* Small devices (phones, 576px and up) */
@media (max-width: 767px) {	
    .banner h2 {font-size: 24px;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {    
	
	.navigation .navbar-nav .dropdown-toggle::after {content:none;}
	.navigation .navbar-nav > li:last-child a {}	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

/* Extra large devices (desktops, 1199px and down) */
@media (max-width: 1199px) {
	
}

/* Medium devices (tablets, phones, 991px and down) */
@media (min-width: 992px) {
	.navbar-nav li:hover > ul.dropdown-menu {
        display: block;
    }
    .navigation .navbar-nav .nav-link.active {position: relative;opacity: 1;}
    .navigation .navbar-nav .nav-link:after {
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
        transition: transform 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);

        position: absolute;
        bottom: 38px;
        left: 9px;
        right: 9px;
        content: "";
        border-top: 2px solid #fff;
        filter: alpha(opacity=30);
        
        -ms-transform: scaleX(0);
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
    .navigation .navbar-nav .nav-link.active:after, .navigation .navbar-nav .nav-link:hover:after {    
        -ms-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }    
}
/* Small devices (phones, 767px and down) */
@media (max-width: 991px) {
    .header:before {background-size: 100% 250px;}
    .banner h1 {font-size: 52px;}
    .bgscroll:before {height: 56px;}
	.navigation .navbar-nav .nav-link {background: #39393a;}
	h1 {font-size: 2em;}
    .navigation {}
    .navigation .navbar {/* position: fixed; */}
	.navigation .navbar-brand {margin-left:15px;}
	.navigation .navbar-brand img {max-height: 60px;}
	.navigation .navbar-nav .nav-link {padding: 10px 15px;font-size: 0.85rem;}
	.navigation .navbar-nav .dropdown-toggle {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center;-ms-flex-align: center; align-items: center;}
	.navigation .navbar-nav .dropdown .dropdown-menu .dropdown-item {padding: 10px 15px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: #111;color: #fff;font-size: 0.85rem;}
	.navigation .navbar-nav .dropdown .dropdown-submenu .dropdown-item {padding-left: 32px;	}
	.navigation .navbar-nav .dropdown-toggle::after {margin-left: 18px;}
	.navigation .navbar-nav .dropdown > .dropdown-toggle {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;position: absolute;width: 45px;height: 43px;right: 0;top: 0;color: #fff;cursor: pointer;}
	
	.dropdown > .dropdown-item::after {display: block;width: 0;height: 0; content: "";border-top: .5em solid;border-right: .5em solid transparent;border-bottom: 0;border-left: .5em solid transparent;margin: 6px 0;}
	.navigation .navbar-nav .dropdown.open > a::after, .navigation .navbar-nav .dropdown.open > a.nav-link::after { border-top: .5em solid transparent; border-right: .5em solid transparent; border-bottom: .5em solid; border-left: .5em solid transparent; margin-top: 0;}

	.page-nav .nav .nav-item {width: 100%; max-width: 340px; text-align: center;border-bottom:0;}
	.page-nav .nav .nav-item:first-child {margin-left: 0; border-radius: 25px 25px 0 0;}
	.page-nav .nav .nav-item:last-child {border-radius: 0 0 25px 25px; border-bottom: 1px solid #d9d9d9;}
	.page-nav .nav .nav-item::after {display:none;}

	table:not(.table) {background-color: transparent;display: block;overflow-x: auto;/* white-space: nowrap; */}
	g.highcharts-input-group {display: none;}

	table.profiles h3, table.profiles h5 {text-align:center;}

	.footer-top .nav {-ms-flex-pack: center!important; justify-content: center!important;}
	.page-footer .copyright {text-align: center;}
	.footer-top li.nav-item.social a {margin: 5px 10px;}
	
	/* Home - Share Price */
    .homesharePrice {color: #fff;position: relative;margin: 0;}
    .homesharePrice span {padding: 5px 0 !important;}
    .homesharePrice span.priceLatest {font-size: 40px;padding-right: 40px;}
    .homesharePrice span.priceChange {
        font-size: 26px;
        padding-right: 25px;
        position: relative;
    }
    .homesharePrice span.priceMove {
        font-size: 26px;
        padding-right: 25px;
        position: relative;
    }
    .homesharePrice span.priceUpdate {
        text-align: center;
        display: inline-block;
    }

    .priceMove::before {content:'';position: relative;border: none;}
    .priceMove::after {
        content: '';
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-top: 2px solid;
        border-bottom: 2px solid;
        border-color: #fff;
        position: absolute;
        top: 21px;
        margin-left: 10px;
    }
    .priceMove.positive::after { margin-bottom: 5px;border-bottom: 9px solid #fff;border-top: 0;border-left-color: transparent; border-right-color: transparent;}
    .priceMove.negative::after {border-top: 9px solid #fff;border-bottom: 0;border-left-color: transparent;border-right-color: transparent;}
    .page-footer { padding: 55px 0;}
    .highcharts-button {
        display: none;
    }
}

/* Extra Small devices (phones, 575px and down) */
@media (max-width: 575px) {
    .header {padding-bottom: 150px;}
    .header:before {background-size: 100% 150px;}
    .homesharePrice p span {margin:0 10px 0 0;}
    .homesharePrice p.priceDetails, .homesharePrice p.shareDate {font-size: 13px;}
	h2, h2.big {font-size:26px;}
	.text-justify {text-align: inherit !important;}
	
	.banner h1 {font-size: 42px; font-size: 8vw;}

	.announcements-filter {text-align: center;}
	.announcements-filter label {display: block;}
	input.filterButton[type="button"] {margin: 10px auto 0;}
	a.loadNext {margin: 0 auto 20px;display: block;max-width: 310px;}
	
	/* Footer */
	.page-footer .footer-top {text-align:center;}
	.page-footer .footer-top > div > ul {margin:0;}
	.page-footer .footer-top > div > ul ul, .copyright span {display: none;}
	.footer-top .nav .nav-item:not(.social) {display: block;width: 100%;}
	.footer-top li.nav-item.social a {margin: 10px 5px;}

    .open .nav-container {
        min-width: 250px;
        width: 250px;
        padding-left: 50px;
        padding-right: 50px;
        -ms-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
        -webkit-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
        transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    }
    .nav-container .nav li {width:180px;}
    .open #main {
        -webkit-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
        transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
        -webkit-transform: scale(0.835) translateX(-300px) translateZ(0)!important;
        transform: scale(0.835) translateX(-300px) translateZ(0)!important;
    }
}

@media (max-width: 320px) {    
    .open .nav-container {
        min-width: 78vw;
        width: 78vw;
    }
}