/* Cashrewards - IR Styles

-------------------------------------------------- */

/* Base
-------------------------------------------------- */

@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');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;900&display=swap');
/* Root
-------------------------------------------------- */

:root {
    --teal: #007B91;
    --purple: #8700d7;
	--dark-purple: #4f0080;
    --green: #0DAE8E;
    --green-hover: #00cfa6;
    --black: #454f5b;
}

html {
    /*sticky foot*/
    position: relative;
    min-height: 100%;
    /*End Sticky foot*/
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 290px;
    /*End Sticky foot*/
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 30px;
}

.container {
    max-width: 1100px;
}

/* Typography
-------------------------------------------------- */

h1,
h2,
h6 {
    color: var(--dark-purple);
    font-weight: 700;
}

h3,
h4,
h5 {
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    margin: 0;
}

h1 {
    font-size: 36px;
    line-height: 36px;
    margin: 0 0 40px 0;
}

h2 {
    margin: 0px 0 30px 0;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 18px;
}

.step h2:first-child {
    margin-top: 24px;
}

.full-width-main-content .step h2:first-child {
    margin-top: 0;
}

h3 {
    font-size: 24px;
    margin: 15px 0 15px 0;
    letter-spacing: 1px;
}

h4 {
    font-size: 18px;
    line-height: 24px;
    margin: 5px 0;
}

h5,
h6 {
    font-size: 16px;
    margin: 0;
}

strong {
    font-weight: normal;
}

ul, ol{
	list-style: none;
	padding: 0;
}
ul li, ol li{
	padding-bottom: 5px;
}

/* Links
-------------------------------------------------- */

a {
    transition: all 250ms ease-in-out;
    color: #343434;
    outline: none;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

a:active,
a:hover {
    color: var(--purple);
    outline: 0;
    text-decoration: none;
}

a span {
    display: none;
}

/* Primary Header - page-header
--------------------------------------------------------*/

#top_header{
	background: #000000;
}
#top_header a{
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 40px;
}
#top_header a:hover{
	color: #e3a800;
}

#mobileMenuBtn {
    display: none;
    position: absolute;
    width: 32px;
    height: 24px;
    cursor: pointer;
    right: 8%;
    top: 50%;
    background: #fff;
    transition: all 250ms ease-in-out;
    transform: translateY(-50%);
    font-size: 28px;
    line-height: 0;
    text-align: center;
}

#mobileMenuBtn.selected {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEZGNzA5N0QzMDM0MTFFQTk0QTFBMENBN0M2NUQwODciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEZGNzA5N0UzMDM0MTFFQTk0QTFBMENBN0M2NUQwODciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4RkY3MDk3QjMwMzQxMUVBOTRBMUEwQ0E3QzY1RDA4NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4RkY3MDk3QzMwMzQxMUVBOTRBMUEwQ0E3QzY1RDA4NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmjUIAQAAAWVSURBVHja7JzfbxVFFMd7bbmllLbcIqFQYy0/GsJfIqgo/QEiFgRFTZUEH4SY8EhI0BcMUCstrbfU/8AnH43P/rZQaEH6E6FFgduWKnT9jpxNVrh3z9nd2dm9uJN80j7M3j3z7cyZc87MbcqyrJKkPd6eSiRIhEmESYSJgTApsBlsTIT5b9sHvgYfgcoiHu+rNIYM21Nt1wxvgmHrYcuBTrBM8Fzc2AZ+AdPgFFjq1p/7sP0OUSyHOGdAVRGJ8gr4zjGGO+AkqPQjzGEwauVvC+A0yBSBKC+BH/KMYR58Cp7xKsw5i29q5qyJsShbwSAzhhP5ni1zcT/HwVLQCtIF+nTQzxNgNGaOdis4Bda59JkA836cby0YAHOM6sqZNcRkliwBW8AYY/MV8L5f52uL8yWtSU6cZyMWJU2ijDO2XgPvBdmVbFbRzPlb4HNWg1QEopSSKKMu9i2CKdDBfZ70pWqg9SDLCKOE+yyi3eoFMEKDL9RugXdAmS5hbHEaQR8jziz4HCw3HLwNMqKo2OWANDj1Y0QT6GXEuWtQnO3gR4E9B7zY49eYjcKZ0wWqQxSlGXzP2PEneBtUePnsIEapZdUv9DkrQxDlZfAT8/5pqU/RKYxircAhWzRz6jWK8iK4yLxznGaKr3foMPJpEmdBIM5zAd+VIlGuMu+6SjOlJEphFCtoWc0K4pzGABGtEmVCENF2BB2TzjVvi8OlD50+IuQ0xSmTzGf/Bt7VMR7dDtFeVlyErBxynTBCLqWZMs5EtJNBl0+YwqTIIfcKdquzwgh5Gy0Pt+BtBrzlZ/cxJYxzK+8RxDndTJyznXYfN1FuU/lVa7k1zIh0Aw3creWoT76ItAX8zDx/h0Sp1G1/2OH6BkElcI6W1QrHc22CMP8PEqUiDNtNJHgNgvThPuVWq4Uz5Qb5lNKw7DaV/daRQ15kBpwVBG9jNFNCtdlkvaSWZg5XCXRrI5Qlh25vmcHi9C1wiH7fAZZ5fH4EfAK6TRhbZrhyf5vEUWfhbUJxFukE4mNw1pilERWtVwqzctWum1o+TqK6BjIDvgGzgr7fgq/+L/djWsCHoELQ93lwDNQYtTCCZbSDbh14aTna7mtM2WlalJ2CcmShNk/i1D5pwrQIDti5Ws4DSjHqnhRhmik444pMB2m3us/07Qv7rNzEsWmz4Cx5mC4plZAf6RFEyOcoSS06YcqpnnKdGeDlPHFKFQ08xzzbHZY4YYvyu6BwXSghrKaZwxXYewIU2I0KYy+fSaZGq6r9+wSJZ7eghtxLJdVUnIVppfsnbiWGm2CPoEaboqtsXYIacpaK8bEURsUplxhRVOWt3WPlrYFOFritvv+RSmAshNkFfhWUI9t9Fq4b6UyKK7BndYijUxQuzJ+m5ZMOePrALat7OpaVDlFU4foCY6xyxHs1/RHqqT7MtS/IIUciTJugRnuFlo/uE88uwW7V73crD7IltwrOki8JtmS/1NDM4eKcPrroFLow5STKDcagIUeYHxZVJM5dQZzTFKYw5ZQl32SCN5UwvmEoQa3yMHMapUGgn+UzxYgyTruPyZJGRuhzsuS8UzqF2UmXixeZE8LdOm8deLhlUUcXk7gI+bz18EK3FmF2URbMXcV4zWK+IBUy6kLSaUElcICrBEpetlsQp8xQv4oIRXEGgZw4c5w4ElG4cqS9fNIxEMWZW3HpwwKJs96rMAetx7/2l+/K6OsxEsTJGoE4dj3H04HbJrCeOUs+AgZi+o3ZKXAUdIK/CvQZA0Nez5XWkQe/l0flixFsyX6pppmTc6kze/YxmTz3d4c0JoSmqHxEnBG6eBRoV8qQk8pRwtheZKLYLKfUYEJy8ejfCFDQlK/5AAyDk0X8Tf0msAQMKi/i+j8bhMIk//QiaYkwiTCJMBrbPwIMAC9oTeqfe/C+AAAAAElFTkSuQmCC) center center no-repeat;
    background-size: 35px auto;
}

#mobileSearchBtn span,
#mobileMenuBtn span {
    display: none;
}

#mobileSearchBtn {
    display: none;
    position: absolute;
    width: 35px;
    height: 35px;
    cursor: pointer;
    right: 0;
    top: 40px;
    margin-right: 75px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAmCAYAAABH/4KQAAAABmJLR0QA/wD/AP+gvaeTAAADBklEQVRYhcWYT0hUURTGvzfqwsxSgsxUkAqsEBchBG6MIFy0MBVJWrVo1aLW5UYIshZBbgK3IYItXESboHZFZVGYqFAEQWpKRUH+i2x+Le4bOfMaZ96beTYfDLw7c893f3PPffee9zxFEFAm6ZikOv9TLmlJ0qKkGc/zPkXxK1iAB3QCo8APsus1MADU/w+wNuBJDqBM+gUMAVWFjO9tAVUq6ZakSxl+fi/praQFSWuSaiTVS2qTS7PVvKQznue9KgTSgu0GHgZmYgUYBI5midsBdAPPArGrwNk4wEozgI0B+yN4eEAP8MV4bAAdhcLdNoZJoB/ImPoQXgeAKeP3HWjKF6w9MGP9eRmle+4BPhjP55H/rJ+KCWNyL98Zy+DdAqwZ766oBp0meCXKGgvpf9P4T0cNHjXBg3GC+f7VpG/gzWEDy/zFmtKRuOH8cUYir2fguAl6tx1g/ji9ZpxHYWISkhpMe3J70CS5UyWlUGdvQlKtaX+OFSdd8+a6LkxAQlKFaa/EipOuNUlJ/7ocSOQKSMjVYint2w4qXzX+eJK05HleMltn+Z1tKhu26hiDrHeo5ZOQNGvabUDFVp0L1ClzPRM6CnhjbvPu+Lkk4KUZozdK4IAJfBHXuWr8Txj/daAySnA9rihMqSdGsERg1obzMblhDL4Ch2KCs77LQG3uqH9NqoA5YzQF7C0Q7AKuaE3pSiFmrYH0fgRa8vBJ4J45LNg4ITbeXMZ9uJo/pTVcPVYdMv5kYI2lNAYEn87yAuwgvYwCV4+N4KqLw8BOf4ZqcZVN/xZQVhPEUcgCTcDTHINl0zJwFbgT+H4OaC0Y0IfsAqYjQK0Dw5i7ErgI/DZ9VoG+WAD9AZpxqXsMzAI/gT/AAi6dd3Epz7jB4tbiNwOYBK4R84aft4CDGbLwANhVbDZJElAJ3A8ATgKNxWaTJAElpJ8c4F5ftBebbVPAOdIfuNeB88Xm2hTuHeBiYBaHgJJis0mSgEZ/3VmNFJtrU7gTZ9wH2wBOF5spTbjj8DpwWZL+AosEFxWGzx1QAAAAAElFTkSuQmCC) center center no-repeat;
    transition: all 250ms ease-in-out;
    background-size: 35px;
}

.page-header {
    margin: 0;
    background: #fff;
    border-bottom: 1px solid #eee;
    z-index: 999;
}

.page-header .container{
    
max-width: 1470px;
    
padding-right: 15px;
    
padding-left: 15px;
}

a#logo img {
    padding: 20px 0 0 0;
    position: relative;
    z-index: 600;
    width: 310px;
}

.page-header .container.top.full {
    padding: 42px 0 30px 0;
}

.nav .mobilenavArrow {
    display: none;
    padding: 0;
    border: 0 !important;
    position: absolute;
    right: 30px;
    top: 8px;
}

.nav .mobilenavArrow:after {
    content: "\f105";
    font-family: fontawesome;
    font-size: 24px;
}

.top-nav {
    padding-left: 20px;
    text-align: right;
}

.top-nav ul {
    margin: 0;
    padding: 8px 0;
}

.top-nav ul>li {
    line-height: 22px;
    list-style: none;
    margin-left: 25px;
    font-size: 16px;
    padding: 0;
}

.top-nav ul>li>a {
    color: #fff;
    text-decoration: none;
    display: block;
    position: relative;
    font-size: 17px;
}

.top-nav ul>li>.phone {
    margin-right: -5px;
    padding-left: 38px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAMAAABVlYYBAAAAk1BMVEUAAAAA//9VqqpJtpJAqpU7sYkzqohAr481qoo8qpE1rI46ros5sI44r482ro85r404rY84sI44rY83rY43rY85ro44ro84ro84ro04rY44ro43rY04ro44ro84ro44ro04ro44r444ro44ro85ro44ro44ro44ro84ro44rY44ro44ro44ro44ro44ro44ro7///8pJjqxAAAAL3RSTlMAAQMHDA0PEBgeKywtQEJDRE1kc32HiI2bnKCvvMzQ0+Dh4uXm6+zu8/T2+vv8/o9DllYAAAABYktHRDCu3C3kAAAAj0lEQVQYGY3B6RpCQAAF0DsSbUq2iLRQonTf/+0awpf5U+fgH1Z52G2nUCSUThhbviiVGAvZOGNEVGwkGIvY8KFwa5JrKPSMzDQoApIeFPaDvJroTQSkRUHSQWcVVnsAdkEyFmhZCSVXD54kUwMfJRt1TimdoXPkIDbQi9i5OQIDh63MM/Flnt8vib/R8MsbLNIVXLdOe9YAAAAASUVORK5CYII=);
    background-position: left;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    padding-left: 28px !important;
    color: #fff;
    /* width: 190px; */
}

.top-nav ul>li>a:hover {
    color: #fff;
}

.top-nav ul>li>a.phone:before {
    /* content: ""; */
    /* position:absolute; */
    /* font-family: FontAwesome; */
    /* font-size: 23px; */
    /* background-image: url('/FormBuilder/_Resource/_module/fvTlzhpa5UyAyraJUEvAnQ/images/telephone.png'); */
    /* width: 29px; */
    /* height: 29px; */
    /* background-size: 29px 29px; */
    /* left: 0; */
}

.top-nav ul>li>a.login {
    display: block;
    font-size: 16px;
    line-height: 1em;
    padding: 12px 16px;
    background-color: #002949;
    color: #fff;
    border-radius: 5px;
    border: solid 1px #fff;
    text-decoration: none;
    box-sizing: border-box;
    text-align: center;
    width: 96px;
}

.top-nav ul>li>a.login:hover {
    background-color: #fff;
    color: #002949;
}

.top-nav ul>li>a.login:after {}

.full-width-main-content {
}

.navigation .middleheaderNav {
    display: none;
}

.middleheaderNav {
    text-align: right;
    position: absolute;
    right: 0;
    top: 78px;
}

.middleheaderNav ul {
    list-style-type: none;
    padding: 0;
    font-size: 0;
}

.middleheaderNav li {
    display: inline-block;
    margin: 0 0 0 33px !important;
}

.middleheaderNav a {
    line-height: 22px;
    color: #8498a7 !important;
}

.middleheaderNav a:hover {
    color: #fff !important;
}

input[type=text],
input[type=password],
input[type=email],
input[type=search],
input[type=tel],
textarea {
    color: #454f5b;
    background-color: #f5f5f5;
    box-shadow: none !important;
    font-size: 16px;
    line-height: 18px;
    padding: 15px;
    height: 50px;
    box-sizing: border-box;
    transition: all 250ms ease-in-out;
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    border: 0;
}

.search {
    text-align: right;
    position: relative;
}

.search input[type=search] {
    color: #fff;
    background-color: #124273;
    border: solid 1px transparent;
    box-shadow: none !important;
    padding: 15px;
    width: 304px;
    height: 40px;
    box-sizing: border-box;
    transition: all 250ms ease-in-out;
    z-index: 500;
    border-radius: 5px;
}

.search input[type=search]:focus {
    border-color: #fff !important;
    outline: 0;
}

.search input[type=image] {
    position: absolute;
    top: 2px;
    right: 0;
    padding: 7px 12px;
    z-index: 600;
    width: 21px;
    height: 21px;
    box-sizing: content-box;
}

.free-trial {
    position: absolute;
    right: 0;
    bottom: 7px;
    display: block;
    text-decoration: none;
    z-index: 999;
}

/* Primary Header - Main Navigation
--------------------------------------------------------*/

.navigation {
    margin: 7px 0 0;
    position: relative;
    z-index: 100;
}

.nav {
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 0;
}

.nav .main-nav {
    margin-left: 0;
    display: flex;
    justify-content: space-between;
}

.nav li {
    padding: 0;
    cursor: pointer;
    z-index: 100;
    margin: 13px 0 0 15px;
}

.nav li.menu-first {
    margin-left: 0;
}

.nav li a {
    margin: 0;
    color: #000;
    font-size: 14px;
    line-height: 38px;
    text-decoration: none;
    z-index: 100;
    display: block;
    font-weight: 500;
}

.nav li > a{
    letter-spacing: 2px;
}

.nav li a:hover {
    color: #8700d7;
}

.nav li.active a,
.nav li:hover a {
    /* background: none; */
    /* border-bottom-color: var(--purple); */
}

.nav>li>a:hover,
.nav>li>a:focus {
    background: none !important;
}

.nav ul li:hover ul.sub-nav {
    visibility: visible;
    max-height: 300px;
    opacity: 1;
}

/* sub menu level */

ul.sub-nav {
    position: absolute;
    top: 51px;
    left: auto;
    max-height: auto;
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    z-index: -200;
    padding: 0;
    opacity: 0;
    transition: all 250ms ease-in-out;
    -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.15);
    box-shadow: 0 1px 10px rgba(0,0,0,0.15);
}

ul.sub-nav li {
    display: block;
    padding: 6px 0 8px 0;
    margin: 0;
}

ul.sub-nav li a {
    display: block;
    text-decoration: none;
    line-height: 30px;
    font-size: 14px;
    padding: 0px 20px;
    color: #000;
    border-bottom: none;
}

ul.sub-nav li:hover {background: #5a235e;color: #fff;}
ul.sub-nav li a:hover, ul.sub-nav li:hover a{color: #fff;}

ul.sub-nav li a.sub-nav-title {
    color: #454f5b;
    font-size: 18px;
    line-height: 28px;
    text-decoration: none;
    margin-bottom: 10px;
    font-weight: bold;
}

ul.sub-nav ul {
    margin: 10px 0 0 0;
    padding: 0
}

ul.sub-nav ul li {
    margin: 0;
    padding: 0
}

ul.three-cols {
    width: 910px;
}

ul.three-cols>li {
    width: 25%;
    float: left;
    margin: 0;
    padding-right: 20px;
}

/* side nav */

div.side-menu {
    margin: 0;
    padding-top: 30px
}

.side-nav {
    margin: 0;
    padding: 0;
    border: 0;
    padding-left: 30px;
}

.side-nav li {
    list-style: none;
    width: 321px;
    border-top: solid 1px #dadada;
    font-size: 18px;
    line-height: 24px;
}

.side-nav li:first-child {
    border-top: 0;
}

.side-nav li a {
    display: block;
    padding: 13px 20px;
    color: #454f5b;
}

.side-nav li a:hover {
    background: #f5f5f5;
}

/* Banner
--------------------------------------------------------*/
.banner{
	background: url('/FormBuilder/_Resource/_module/_gHq7M_uR0SUX-slItfW-Q/img/banner2.jpg') center center no-repeat;
	background-size: cover;
	padding: 150px 15px;
	position: relative;
}
.banner:before{
	position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.banner h1{
	margin: 0;
	color: #fff;
}

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

.page-content {
    background: #FFF;
    width: 100%;
    z-index: 0;
    position: relative;
    padding-bottom: 100px;
}

.row.breadcrumbs {
    margin-top: 25px;
}

.row.breadcrumbs ul li {
    position: relative;
    padding: 0px 10px;
    float: left;
    font-size: 14px;
    line-height: 20px;
}

.row.breadcrumbs ul li:first-child:before {
    content: ""
}

.row.breadcrumbs ul li:before {
    content: ">";
    position: absolute;
    left: -5px;
}

.row.breadcrumbs ul li a {
    border-bottom: solid 1px white;
    text-decoration: none;
    color: #222;
}

.row.breadcrumbs ul li a:hover {
    border-bottom-color: #222;
}

.row.content {
    margin-top: 30px;
}

.main-content {
}

.main-content h1 {
    font-size: 30px;
}

/* Footer
--------------------------------------------------------*/

.page-footer {
    /* stkicy foot */
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 290px;
    /* End sticky foot*/
    background-color: #FFFFFF;
}
.footer-nav .container{display: flex;justify-content: space-between;max-width: 1470px;padding-right: 15px;padding-left: 15px;}
.footer-nav .container:after{
    display: none;
}

/* twitter */

#classtweet ul {
    margin: 0;
    padding: 0;
}

#classtweet ul li {
    list-style: none;
}

#classtweet .tweet a {
    color: var(--purple);
}

#classtweet .user,
#classtweet .timePosted,
#classtweet .interact {
    display: none;
}

.tweet-container h5 a {
    font-size: 18px;
    line-height: 24px;
    color: #8c8c8c;
    display: inline-block;
    border-bottom: solid 3px var(--purple);
    text-decoration: none;
}

.footer-nav {
    background: #fff;
    border-top: 1px solid #eee;
}

.footer-nav .columns {
    padding: 30px 0;
    text-align: left;
    vertical-align: top;
    margin: 0;
    box-sizing: border-box;
    float: none;
    display: inline-block;
    width: auto;
}

.three.columns h4 {
    display: block;
}

.footer-nav .columns h4 a {
    color: #FFFFFF;
    line-height: 26px;
    border-bottom: solid 2px #002949;
    font-size: 16px;
    line-height: 24px;
    margin: 5px 0;
    font-weight: bold;
}

.footer-nav .columns h4 a:hover {
    border-color: #FFFFFF
}

.footer-nav ul.sub-menu {
    margin: 0;
    padding: 3px 0;
}

.footer-nav ul.sub-menu h5{
	font-weight: 600;
	font-size: 14px;
	padding-bottom: 5px;
	text-transform: uppercase;
	color: #333;
}

.footer-nav ul.sub-menu li {
    list-style: none;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    display: block;
}

.footer-nav ul.sub-menu li a {
    transition: none;
    font-weight: 100;
    font-size: 13px;
    display: block;
    color: #333;
    padding: 2px 0;
}

.footer-nav ul.sub-menu li a:hover {
    color: var(--purple);
    text-decoration: underline;
}

.copyright {
    padding: 15px 0px 30px;
    border-top: 1px solid #eee;
    text-align: center;
}

.copyright p {
    font-size: 13px;
    line-height: 24px;
    margin: 0;
    color: #333;
}

.copyright p span {
    border-left: 1px solid #000;
    padding-left: 7px;
    margin-left: 3px;
}

.copyright .one-half.column {
    margin-left: 0 !important;
    width: 100%;
}

.copyright ul {
    padding: 19px 0;
    font-size: 0;
    text-transform: uppercase;
}

.copyright ul li {
    font-size: 12px;
    padding: 0 9px;
    border-left: solid 1px #454f5b;
    line-height: 14px;
}

.copyright ul li a {
    position: relative;
    display: block;
    text-decoration: none;
    border-bottom: solid 1px white;
}

.copyright ul li a:hover {
    border-color: #454f5b;
}

.copyright ul li:last-child {
    padding-right: 0;
}

.copyright ul li:first-child {
    border: 0;
    padding-left: 0
}

#social {
    margin-top: 40px;
    margin-bottom: 40px
}

.join h5 {
    display: inline-block;
    font-size: 24px;
    margin: 0;
    margin-bottom: 10px
}

.join ul {
    padding: 0;
    position: relative;
    display: block;
    float: right;
    margin: 0
}

.join ul li {
    display: inline-block;
    list-style: none;
    margin-left: 15px;
    height: 35px;
    background-size: contain;
    padding: 0;
    border: 0;
}

.join ul li:first-child {
    margin-left: 0
}

#main-footer .ancillary ul {
    float: left;
    margin: 0;
    padding: 0 0 40px
}

#main-footer .ancillary ul li {
    float: left;
    list-style: none;
    font-size: 12px;
    height: 10px;
    line-height: 16px;
    overflow: visible;
    text-transform: uppercase;
    padding: 0 9px;
    border-left: solid 1px #454f5b
}

#main-footer .ancillary ul li:first-child {
    border-left: 0;
    padding-left: 0
}

#main-footer .ancillary ul li:last-child {
    padding-right: 0
}

#main-footer .ancillary ul li a {
    position: relative;
    top: -3px;
    display: block;
    text-decoration: none;
    border-bottom: solid 1px white
}

.join ul li.linkedin {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNSAzNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzUgMzU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNjY2NjY2O30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTcuNSwwQzcuOCwwLDAsNy44LDAsMTcuNVM3LjgsMzUsMTcuNSwzNVMzNSwyNy4yLDM1LDE3LjVTMjcuMiwwLDE3LjUsMEwxNy41LDB6IE0xMi40LDI2LjVIOC4yVjEzLjZoNC4zCgkJdjEyLjlIMTIuNHogTTEwLjMsMTEuOUwxMC4zLDExLjljLTEuNSwwLTIuNC0xLTIuNC0yLjJjMC0xLjMsMS0yLjIsMi40LTIuMmMxLjUsMCwyLjQsMSwyLjQsMi4yQzEyLjcsMTAuOSwxMS44LDExLjksMTAuMywxMS45CgkJTDEwLjMsMTEuOXogTTI3LjgsMjYuNWgtNC4zdi02LjljMC0xLjctMC42LTIuOS0yLjItMi45Yy0xLjIsMC0xLjksMC44LTIuMiwxLjZDMTksMTguNiwxOSwxOSwxOSwxOS4zdjcuMmgtNC4zCgkJYzAsMCwwLjEtMTEuNiwwLTEyLjhIMTl2MS44YzAuNi0wLjksMS42LTIuMSwzLjgtMi4xYzIuOCwwLDQuOSwxLjgsNC45LDUuOHY3LjNIMjcuOHoiLz4KPC9nPgo8L3N2Zz4K)
}

.join ul li.twitter {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNSAzNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzUgMzU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNjY2NjY2O30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTcuNSwwQzcuOCwwLDAsNy44LDAsMTcuNVM3LjgsMzUsMTcuNSwzNVMzNSwyNy4yLDM1LDE3LjVTMjcuMiwwLDE3LjUsMEwxNy41LDB6IE0yNS41LDEzLjYKCQljMCwwLjIsMCwwLjMsMCwwLjVjMCw1LjMtNCwxMS40LTExLjQsMTEuNGwwLDBsMCwwYy0yLjMsMC00LjQtMC43LTYuMi0xLjhjMC4zLDAsMC42LDAuMSwxLDAuMWMxLjksMCwzLjYtMC42LDUtMS43CgkJYy0xLjgsMC0zLjItMS4yLTMuOC0yLjhjMC4yLDAsMC41LDAuMSwwLjgsMC4xYzAuNCwwLDAuNywwLDEuMS0wLjFjLTEuOC0wLjQtMy4yLTItMy4yLTMuOWMwLDAsMCwwLDAtMC4xYzAuNSwwLjMsMS4yLDAuNSwxLjgsMC41CgkJYy0xLjEtMC43LTEuOC0xLjktMS44LTMuM2MwLTAuNywwLjItMS40LDAuNS0yYzIsMi40LDQuOSw0LDguMyw0LjJjLTAuMS0wLjMtMC4xLTAuNi0wLjEtMC45YzAtMi4yLDEuOC00LDQtNAoJCWMxLjIsMCwyLjIsMC41LDIuOSwxLjNjMC45LTAuMiwxLjgtMC41LDIuNi0xYy0wLjMsMC45LTAuOSwxLjctMS44LDIuMmMwLjgtMC4xLDEuNi0wLjMsMi4zLTAuNkMyNywxMi40LDI2LjMsMTMuMSwyNS41LDEzLjYKCQlMMjUuNSwxMy42eiIvPgo8L2c+Cjwvc3ZnPgo=)
}

.join ul li.facebook {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNSAzNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzUgMzU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNjY2NzY2O30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE3LjUsMEM3LjgsMCwwLDcuOCwwLDE3LjVDMCwyNy4yLDcuOCwzNSwxNy41LDM1QzI3LjIsMzUsMzUsMjcuMiwzNSwxNy41QzM1LDcuOCwyNy4yLDAsMTcuNSwweiBNMjIuMywxMC43CgloLTIuNWMtMC40LDAtMSwwLjItMSwxLjF2Mi40aDMuNWwtMC40LDRoLTMuMXYxMS40SDE0VjE4LjJoLTIuMnYtNEgxNHYtMi42YzAtMS45LDAuOS00LjgsNC44LTQuOGwzLjUsMFYxMC43eiIvPgo8L3N2Zz4K)
}

.join ul li a {
    display: inline-block;
    text-indent: -9999px;
    width: 35px;
    height: 35px;
    opacity: 0;
    background-size: contain;
    border: 0;
}

.join ul li a:hover,
.join ul li a:focus,
.join ul li a:active {
    opacity: 1;
    border: 0;
}

#social .tweet h3 {
    font-size: 24px;
    line-height: 30px
}

#social .tweet p,
#social .tweet h5 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 10px
}

#social .tweet h5 a {
    font-size: 18px;
    line-height: 24px;
    margin-top: -5px
}

.social ul li a:before {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.social ul li a:hover:before {
    opacity: 1 !important;
}

.row .column.twoThirds {
    width: 66.66%;
}

.row .column.oneThird {
    width: 33.33%;
    margin-left: 0;
}

/* Buttons & Links*/

.btn,
.loadNext {
    transition: all 250ms ease-in-out;
    border-radius: 5px;
    font-size: 16px;
    line-height: 16px;
    padding: 16px;
    color: #fff;
    text-align: center;
    box-shadow: none;
    text-shadow: none;
    display: inline-block;
    *display: inline;
    zoom: 1;
    background-color: var(--purple);
    min-width: 10em;
    text-align: center;
}

.btn:hover,
.loadNext:hover {
    background: var(--dark-purple);
    color: #fff;
}

.btn-yellow {
    font-size: 16px;
    padding: 16px;
    background-color: var(--purple);
    text-decoration: none;
    display: block;
    color: #fff;
    border-radius: 5px;
    line-height: 1em;
    box-sizing: border-box;
    width: 10em;
    text-align: center;
}

.btn-yellow:hover {
    background: var(--dark-purple);
    color: #fff;
}

a.yellow-link {
}

a.yellow-link:hover {
    color: var(--purple);
    text-decoration: none;
}

a.link-underline {
    border-bottom: solid 3px var(--purple);
    font-size: 18px;
}

.btn-yellow.demo {
    font-size: 18px;
    line-height: 40px;
    text-decoration: none;
    display: block;
    border: 0;
    width: 195.7px;
    text-align: center;
}

/***** Widget *****/
.widget {
    padding: 25px 30px 25px 30px;
    border: none;
    background: #fff;
    border-bottom: 2px solid #eee;
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.02);
    -moz-box-shadow: 0 4px 4px rgba(0,0,0,.02);
    box-shadow: 0 4px 4px rgba(0,0,0,.02);
    outline: 1px solid #e8e8e8;
    font-size: 13px;
}
.widget h2{
    letter-spacing: 1px;
    font-size: 22px;
    margin-bottom: 15px;
    padding: 0px 0px 20px 0px;
    color: #333;
    line-height: 24px;
    border-bottom: 1px dashed #ddd;
}

.widget p {
    border-bottom: 1px dashed #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.widget p:last-child{
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

/***** Tabs *****/

#tab-group {
    width: 100%;
    clear: both;
}

#tab-group ul {
    margin: 0;
    padding: 0;
}

#tab-group ul li {
    display: inline-block;
    padding: 0 0;
    margin: 0 10px 0 0;
}

#tab-group ul li a.tab-button {
    background: none;
    display: block;
    font-size: 18px;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none;
    border: 1px solid var(--purple);
    border-radius: 5px;
}

#tab-group ul li a.tab-button:hover {
    background: var(--purple);
    color: white;
}

#tab-group ul li a.tab-button.current {
    background: var(--purple);
    color: white;
}

/* Table */

table {
    margin: 10px 0 20px 0;
    width: 100%;
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.02);
    -moz-box-shadow: 0 4px 4px rgba(0,0,0,.02);
    box-shadow: 0 4px 4px rgba(0,0,0,.02);
    border-collapse: initial;
    padding: 10px 30px;
    outline: 1px solid #e8e8e8;
    border-bottom: 2px solid #eee;
}

table th {
    padding: 15px 10px 20px 10px;
    color: #000000;
    font-size: 18px;
    border: 0;
    font-weight: 700;
    border-collapse: collapse;
    border-bottom: 1px dashed #ddd;
    letter-spacing: 1px;
}

table td {
    padding: 15px 0;
    margin: 0;
    vertical-align: top;
    border-bottom: 1px dashed #ddd;
    border-collapse: collapse;
    font-size: 13px;
}
table tr:last-child td, table tr:last-child th{border: 0;}

	/* divident table */
table.dividendTable tr th,
table.dividendTable tr td{
	text-align: center;
}
	/* share Price Table table */
table.sharePriceTable tr th,
table.sharePriceTable tr td{
	text-align: center;
}

table .fa{
	font-size: 18px;
}

table.previousAGM th{
	font-size: 16px;
}

table.previousAGM tr td{
	text-align: center;
}
table.previousAGM tr td:first-child{
	text-align: left;
}

/* Icons */

a[data-icon="pdf"],
a[data-icon="audio"],
a[data-icon="cal"] {
    padding: 0;
    text-align: left;
    font-weight: 400;
    color: var(--purple)
}

a[data-icon="pdf"]:before {
    content: "\f1c1";
    position: relative;
    font-family: FontAwesome;
    top: 0;
    left: 0px;
    font-size: 21px
}

/* for PDF icons */

a[data-icon="audio"]:before {
    content: "\f028";
    position: relative;
    font-family: FontAwesome;
    top: 0;
    left: 0px;
    font-size: 21px
}

/* for video icons */

a[data-icon="cal"]:before {
    content: "\f073";
    position: relative;
    font-family: FontAwesome;
    top: 0;
    left: 0px;
    font-size: 18px;
}

/* for cal icons */

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

/***** Overview *****/

.overview-container {
    vertical-align: top;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #dadada
}

.announcement-container{
    vertical-align: top;
    padding: 30px 0;
}

.announcement-container img {
    border: 1px solid #dadada;
}

#widgets-price-table {
    width: 100%;
    margin: 0px auto;
    box-shadow: none;
    border: 0;
    outline: 0;
    border-collapse: collapse;
    padding: 0;
}

#widgets-price-table td {
    font-size: 26px;
    vertical-align: middle;
    border: 0;
    padding: 10px 0 0px 0;
}

#widgets-price-table #price {
    color: #fff;
    font-size: 60px;
    line-height: 1;
}

#widgets-price-table .price-icon-up:before {
    font-size: 23px;
    padding: 0 10px 0 0;
}

#widgets-price-table #priceDate {
    font-size: 16px;
    display: block
}

#widgets-price-table #pricehigh,
#widgets-price-table #pricelow,
#widgets-price-table #priceMove {
	font-size: 16px;
    line-height: 30px;
    position: relative;
    padding-left: 25px;
    padding-right: 15px;
}
#widgets-price-table #pricehigh:before,
#widgets-price-table #pricelow:before,
#widgets-price-table #priceMove:before{
	font-family: 'FontAwesome';
    content: "\f0d8";
    font-size: 28px;
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    line-height: 17px;
    width: 20px;
    text-align: left;
}
#widgets-price-table #pricelow:before{
    content: "\f0d7";
}
#widgets-price-table #priceMove:before{
    content: "\f0ec";
	font-size: 20px;
}

#priceModule_SharePriceModule3,
#priceModule_SharePriceModule2 {
    display: none;
}

#share_price_home{
	margin: 30px 0 0;
	color: #fff;
}

/***** ASX Announcements *****/

.announcements-filter {
    margin: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.announcements-filter label {
    width: 20%;
    display: inline-block;
    *
    display: inline;
    zoom: 1;
    padding-right: 20px;
}

.announcements-filter input#KeywordSearch {
    /* width: 50%; */
    padding: 10px;
    vertical-align: top;
    height: 48px;
}

.announcements-filter input#KeywordSearch:focus {
    outline: 0;
    border-color: var(--purple);
}

.announcements-filter .filterButton {
    font-size: 16px;
    line-height: 16px;
    padding: 16px 24px;
    background-color: var(--purple);
    text-decoration: none;
    vertical-align: top;
    display: inline-block;
    border: 0;
    color: white;
    margin-left: 20px;
    border-radius: 5px;
}

.announcements-filter .filterButton:hover {
    background-color: var(--dark-purple);
}

.announcementTitle a {
    font-weight: normal;
}

.announcementTitle a:hover {
    color: var(--purple);
}

.announcementDateHeader,
.announcementDate {
    text-align: right
}

/***** Media Release *****/

.media-row:first-child {
    padding-top: 0;
}

.media-row {
    padding: 30px 0;
    border-bottom: 1px solid #dadada
}

/***** Board and Management *****/

.board {
    margin: 0 -10px;
}
.board .columns {
	outline: 1px solid #e8e8e8;
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,.02);
	-moz-box-shadow: 0 4px 4px rgba(0,0,0,.02);
	box-shadow: 0 4px 4px rgba(0,0,0,.02);
	margin: 0px 10px 20px 10px;
}
.board .columns .board_description{
	padding: 20px;
}

/***** homepage tiles *****/
.tiles {
    margin: 0 -10px;
    display: flex;
    justify-content: space-between;
}
.tiles .columns {
    outline: 1px solid #e8e8e8;
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.02);
    -moz-box-shadow: 0 4px 4px rgba(0,0,0,.02);
    box-shadow: 0 4px 4px rgba(0,0,0,.02);
    margin: 0px 10px 20px 10px;
}
.tiles .columns .title {
    padding: 20px;
}

/***** Reports ******/

.reports-row {
    padding: 30px 0;
    border-bottom: 1px solid #dadada
}

.reports-row h3 {
    margin-top: 0;
}

.reports-row img {
    border: 1px solid #dadada
}

/***** Share Price *****/

table.priceTable {
    width: 50%;
    margin: 10px auto;
    border: 0;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .23);
}

table.priceDetails {
    background: #F5F5F5;
    width: 50%;
    margin: 10px auto;
}

table.priceTable td {
    height: auto !important;
    border: 0 !important
}

table.priceTable td td {
    padding: 5px 10px;
}

table.priceTable td .price {
    color: var(--purple);
    font-size: 70px;
}

table.priceTable .priceDetailsLabel {
    text-align: right;
}

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

.price-date span {
    font-size: 12px;
}

.price-icon {
    position: relative;
    display: inline-block
}

.price-icon-down:before {
    content: "\f0d7";
    font-family: FontAwesome;
    font-size: 20px;
    top: 0px;
    left: 0px;
    color: #F30
}

.price-icon-up:before {
    content: "\f0d8";
    font-family: FontAwesome;
    font-size: 20px;
    top: 0px;
    left: 0px;
    color: #0C0
}

#errorContainer_PriceVolumeChart1 {
    display: none;
}

#custom-price-table {
    width: 100%;
    margin: 15px 0;
}

#custom-price-table th,
#custom-price-table td {
    text-align: center;
}

#custom-price-table th {
    padding: 10px 5px;
    border: 1px solid #DADADA
}

#custom-price-table td {
    padding: 15px 5px;
    font-size: 14px;
    vertical-align: middle;
    border: 1px solid #DADADA
}

#custom-price-table #fill_last {
    color: var(--purple);
    font-size: 22px;
    font-weight: bold;
}

#chartContainer_PriceVolumeChart1 {
    padding: 30px 0;
    border-bottom: 1px solid #dadada
}

/* Investor Calculator
------------------*/

.calc-table-filter .calc-table-filter-row {
    padding: 10px;
    margin: 10px 0;
}

.calc-table-filter .calc-table-filter-row .horizontal {
    margin: 10px 0;
    width: 100%;
    padding: 0;
}

.calc-table-filter .calc-table-filter-row > .text {
    line-height: 1.2em;
    display: block;
    font-size: 24px;
    margin: 15px 0 15px 0;
    letter-spacing: 1px;
    font-weight: bold;
}

.calc-table-filter .calc-table-filter-row .horizontal li {
    display: 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: 10%;
    padding: 0 5px;
    font-weight: bold;
    min-width: 83px;
}

.calc-table-filter .calc-table-filter-row input {
    vertical-align: middle;
    margin: 0;
}

.calc-table-filter .calc-table-filter-row input[type="text"] {
    width: 20%;
    background-color: #f9f9f9;
    border-radius: 0;
    border: 1px solid #d4d4d4;
    color: inherit;
    display: inline-block;
    height: 2.9em;
    padding: 0 0.5em;
    text-rendering: optimizeLegibility;
    vertical-align: top;
    -webkit-appearance: none;
    -webkit-background-clip: padding-box;
    vertical-align: middle;
    min-width: 180px;
}

.calc-table-filter .calc-table-filter-row input[type="text"]:focus {
    border-color: #69737a !important;
    box-shadow: 0 0 8px rgba(105, 115, 122, 0.4);
    outline: 0;
}

.calc-table-filter .calc-table-filter-row input[type="text"]:disabled {
    background: #e2e2e2;
}

.calc-table-row {
    margin: 0;
    clear: both;
    position: relative;
    padding: 12px 15px;
    width: 100%;
    display: table;
    border-bottom: 1px dashed #ddd;
}

.calc-table-row:nth-child(even) {
}

.calc-table-row:nth-child(odd) {
}

.calc-table-row label {
    /* font-weight: bold; */
    *
    display: inline;
    zoom: 1;
    vertical-align: middle;
    display: table-cell;
}

.calc-table-row span {
    text-align: right;
    display: table-cell;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}

.investmentCalcChart span {
    *float: left;
    /* IE6/7 */
}

/*** Share Price History ***/

.priceHistoryContainer {
    width: 100%;
}

/*.priceHistoryTable { margin: 10px 0; width:100%; border-spacing: 1px; border-collapse:separate;}
.priceHistoryTable th { font-weight: normal; padding: 10px; background: #ECECEE; color: #000000; text-align:left }
.priceHistoryTable td {padding:10px; margin:0; vertical-align:middle;}
.priceHistoryTable tr:nth-child(even) { background: #f7f7f7}*/

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

#EmailAddress{
	width: 100%;
    max-width: 400px;
}

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: #FFFFFF;
    border: solid 4px var(--purple);
    color: #000000;
    vertical-align: top;
    display: inline-block;
    height: auto;
    width: auto;
    padding: 4px 12px;
    background-color: var(--purple);
    border-radius: 5px;
    color: #fff;
}

#submitSubscription:hover,
#submitSubscription:active {
    background: var(--dark-purple);
    color: #fff;
    border: solid 4px var(--dark-purple);
}

/***** AGM *****/

.agm-content:first-child {
    padding: 0;
}

.agm-content {
    padding: 30px 0;
}

.agm-content table {
    border-top: 1px solid #DADADA;
    border-left: 1px solid #DADADA;
    border-right: 1px solid #DADADA;
}

/***** Calendar *****/

.calendar-row:first-child {
    padding-top: 0;
}

.calendar-row {
    padding: 30px 0;
    border-bottom: 1px solid #DADADA
}

/***** Corporate Governance ******/

.iconLink {
    padding: 20px 0;
    border-bottom: 1px dashed #ddd;
}

.iconLink a {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 0 !important;
}

.iconLink a:before {
    color: var(--purple);
    content: "\f1c1";
    position: relative;
    font-family: FontAwesome;
    top: 0;
    left: 0;
    font-size: 25px;
    margin-right: 10px;
}

/* for PDF icons */

/*** FAQ ***/

.QAViewer {
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.02);
    -moz-box-shadow: 0 4px 4px rgba(0,0,0,.02);
    box-shadow: 0 4px 4px rgba(0,0,0,.02);
    border-collapse: initial;
    padding: 10px 30px 0px 30px;
    outline: 1px solid #e8e8e8;
    border-bottom: 2px solid #eee;
    margin-bottom: 20px;
}

.QAViewer .QALink {
    position: relative;
    padding: 10px 10px 20px 30px !important;
    display: block;
    text-decoration: none;
}

.QALink:before {
    content: '\f059';
    position: absolute;
    font-family: 'FontAwesome';
    top: 8px;
    left: 0px;
    font-size: 22px;
}

.QAViewer .QALink:hover {
    text-decoration: none;
}

.QAViewer.open .QALink {
    color: var(--purple);
    border-bottom: 1px dashed #ddd;
}

.QAViewer .answer {
    padding: 15px 10px 20px 30px;
    background-color: #FFFFFF;
}

.QAViewer .answer ul {
    padding-left: 20px;
}

.QAViewer .answer ul li {
    margin-left: 0em;
    list-style: outside disc
}

/*** Board ***/

.board-row {
    padding: 30px 0;
    border-bottom: 1px solid #DADADA;
}

.board-row h4 {
    margin: 0px 0 10px;
    font-size: 25px;
}

.board-row h5 {
    margin: 0px 0 5px;
}

.board-row img {
    max-width: 150px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

/*** contacts ***/

.contacts-row {
    padding: 30px 0;
    border-bottom: 1px solid #DADADA
}

.contacts-row:first-child {
    padding-top: 0;
}

/* Print Styles */

@media print {
    #main-nav,
    .iconLink,
    .returnhome,
    a.btn {
        display: none;
    }
    .page-header {
        height: auto !important;
        float: none;
        width: 100%;
        background: none;
    }
    .confirmation table {
        width: 100%
    }
    .page-content {
        padding: 0;
        margin-left: 0;
    }
    .confirmation,
    #bpayBox {
        page-break-inside: avoid;
        margin: 0 0 20px
    }
}

/* Media Queries
-------------------------------------------------- */

@media (min-width: 1101px) {
    .footer-nav .columns:first-of-type {
        padding-left: 0;
    }
}

@media (max-width: 1440px) {
	.nav li a{
    font-size: 10px;
}
}

@media (max-width: 1100px) {
    /* general */
    #wrapper {
        width: 100%;
        margin: 0 auto;
    }
    .container {
        clear: both;
        display: block;
        margin: 0;
        width: 100%;
        padding: 0 15px;
    }
    .footer-nav .container{
        display: block;
    }
    .column,
    .columns {
        float: none;
        width: 100% !important;
        display: block;
        margin: 0;
    }
    /* Header */
    .page-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }
    a#logo img {
        width: 310px;
        padding: 0;
        padding: 17px 0;
        margin: 0 auto;
        display: block;
    }
    .top-nav,
    .search,
    .free-trial {
        display: none;
    }
    .search {
        position: static;
        left: 0;
        top: 100px;
        width: 100%;
        text-align: right;
    }
    .search input[type=search] {
        width: 100%;
        box-shadow: inset 0 2px 2px rgba(0, 0, 0, .2), inset 0 -2px 2px rgba(0, 0, 0, .2) !important;
        padding: 20px 30px;
        font-size: 30px;
        line-height: 30px;
        height: 70px;
        background: var(--purple);
        color: #000000
    }
    .search input[type=image] {
        display: none;
    }
    .middleheaderNav {
        display: none;
    }
    .navigation .middleheaderNav {
        display: block;
        position: relative;
        top: auto;
        text-align: left;
    }
    .navigation .middleheaderNav ul {
        padding-bottom: 0 !important;
    }
    .middleheaderNav ul li:first-child {
        display: block !important;
    }
    /* main-nav */
    #mobileMenuBtn,
    #mobileSearchBtn {
        display: block;
    }
    .navigation {
        width: 100%;
        margin: 0;
        padding: 0;
        display: none;
        position: fixed;
        top: 83px;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: auto !important;
        background: #fff;
    }
    .nav {
        position: relative;
        width: 100%;
        background: #fff;
        top: 0px;
        margin: 0;
    }
    .nav li {
        display: block;
        margin: 0;
        transition: all 250ms ease-in-out;
        position: relative;
        padding: 0;
    }
    .nav .arrowActive {
        background: #fff;
    }
    .nav .arrowActive .mobilenavArrow {
        transform: rotate(90deg);
    }
    .nav li a {
        font-size: 14px;
        line-height: 27px;
        color: var(--black);
        border-bottom: none;
        display: block;
        padding: 10px 3%;
        border-bottom: 1px solid #ddd;
    }
    .nav li > a{
    font-weight: bold;
}
    .nav li a:hover {
        background: none;
        color: var(--black);
    }
    .nav li.menu-last a {
        border: none;
    }
    .nav .main-nav {
        margin: 0;
        display: block;
    }
    .nav .mobilenavArrow {
        display: block !important;
    }
    .navigation .free-trial {
        display: block;
        position: relative;
        bottom: auto;
        right: auto;
        margin: 0;
        border-left: solid 40px transparent;
        border-right: solid 40px transparent;
        font-size: 24px;
        padding: 0px 0 20px 0;
        text-align: center;
    }
    .navigation .free-trial .btn-yellow {
        font-size: 24px;
        display: block;
        padding: 16px;
        text-align: center;
        margin: 30px auto;
    }
    .navigation .top-nav {
        display: block;
        border: 0;
        background: 0;
        margin: 0;
        padding: 0;
        position: relative;
    }
    .navigation .top-nav ul {
        padding: 0 40px 40px;
        text-align: left;
    }
    .navigation .top-nav ul li {
        display: block;
        float: none;
        margin: 0 !important;
        padding: 0 !important;
    }
    .navigation .top-nav ul li:first-child {
        /* display: none; */
    }
    .top-nav ul>li>a.login {
        color: #8498a7 !important;
        margin-top: 0;
        background: none;
        text-align: left;
        border: 0;
    }
    .top-nav ul>li>a.login:after {
        display: none;
    }
    .top-nav ul>li>.phone {
        color: #454f5b;
        position: absolute;
        padding-top: 0 !important;
        top: -1.5em;
    }
    .navigation .top-nav ul li a,
    .navigation .top-nav ul li a.login {
        font-size: 20px;
        display: inline-block;
        padding: 16px 0 0 0;
        border-left: 0;
        font-size: 20px;
        line-height: 24px;
    }
    .navigation .top-nav ul>li>a.login:after {
        content: ''
    }
    .navigation .parent-nav .sub-nav {
        position: relative;
        visibility: visible;
        top: auto;
        box-shadow: none;
        transform: inherit;
        width: auto;
        height: auto;
        opacity: 1;
        background: #fff;
    }
    .navigation .parent-nav .sub-nav li {
        width: auto;
        float: none;
        display: block;
        /* margin-top: 3px; */
        padding: 0;
    }
    .navigation .parent-nav .sub-nav li a {
        padding: 10px 0;
        line-height: 30px;
        display: block;
        font-weight: normal;
        padding: 10px 5%;
        border-bottom: 1px solid #ddd;
    }
    .navigation .parent-nav .sub-nav ul {
        display: none;
    }
    /* page-content */
    .breadcrumbs {
        display: none;
    }
    .page-content {
        margin-top: 120px;
    }
    .main-content {
        padding: 0 0px 70px;
        border: 0;
        min-height: 500px;
    }
    .side-nav {
        padding-left: 0;
    }
    .side-menu {
        padding: 50px 40px;
        border-top: solid 1px #dadada;
    }
    .side-nav li {
        width: 100%;
    }
    .inputFields {
        width: 100% !important;
    }
    /* buttons */
    .home-btn {
        padding: 5px;
    }
    /* IR */
    .announcements-filter {
        text-align: left;
        display: flex;
    }
    /*reports*/
    .reports-row img {
        width: 200px;
    }
    .reports-row h3 {
        margin-top: 15px;
    }
    /*shareprice*/
    .priveVolumeChart {
        width: 100% !important;
    }
    .highcharts-input-group {
        display: none;
    }
    .announcements-filter input#KeywordSearch {
        width: 34%;
        flex: 100%;
    }
    .widgets .btn-subscribe:before {
        top: 25px;
    }
    /*footer*/
    .social {
        margin: 0;
    }
    .footer-nav {
        padding: 40px 0px 20px;
    }
    .footer-nav h4 {
        margin: 0;
    }
    .footer-nav .columns {
    padding: 10px 0;
    }
    .footer-nav .sub-menu {
        /* display: none */
    }
    .footer-nav .container .columns:first-child .sub-menu {
        display: block
    }
    .footer-nav .columns h4 a {
        /* line-height: 24px; */
        /* padding:5px 0; */
        /* display: inline-block; */
    }
    .copyright {
        padding: 40px;
    }
    .copyright p {
        line-height: 24px;
    }
    .copyright p span {
        display: block;
        border: 0;
        padding: 0;
        margin-left: 0;
    }
    .copyright p br {
        display: none;
    }
    .copyright {
        padding: 20px;
    }
    .copyright ul li {
        padding: 0 5px;
        border-left: 0;
        float: none;
        display: block;
        line-height: 20px;
        text-align: left;
    }
    .copyright ul li:first-child {
        padding-lefT: 5px;
    }
    .join {
        position: absolute;
        bottom: -50px;
    }
    .join ul {
        float: left;
    }
    .join {
        text-align: center
    }
    .join h5 {
        position: relative;
        top: -20px;
        display: block;
        line-height: 30px;
        margin-bottom: 0
    }
    .join ul {
        display: block;
        top: 0
    }
    .join ul li:first-child {
        margin-left: 0
    }
    .join ul li {
        display: inline-block;
        padding: 0 !important;
    }
}

@media (max-width: 767px) {
	a#logo img{
		margin: 0;
		width: 230px;
	}
	.navigation{
    top: 110px;
}
    #mobileMenuBtn {}
    #mobileSearchBtn {}
    .page-content {
        margin-top: 60px;
        padding-bottom: 60px;
    }
    #priceModule_SharePriceModule2 {
        display: block;
    }
    #share_price_home {
        display: none;
    }
    #custom-price-table {
        display: none;
    }
    table.priceTable td {
        padding: 5px;
    }
    table.priceTable td .price {
        font-size: 40px;
    }
    table.priceDetails {
        font-size: 12px;
    }
    table.priceTable td td {
        padding: 5px;
    }
     .announcements-filter {
        display: block;
    }
    .announcements-filter label {
        width: 100%;
        padding: 10px 0;
        font-size: 20px;
    }
    .announcements-filter input#KeywordSearch{width: 100%;}
    .announcements-filter .filterButton{width: 100%;margin: 20px 0 0px 0;}
    .presentations table,
    .priceHistoryTable,
    table.agm {
        overflow-x: auto;
        display: block;
        position: relative;
    }
    .agm-content iframe {
        display: none;
    }
    #tab-group ul li {
        width: 100%;
        margin: 10px auto;
        display: block;
    }
	.tiles{
		display: block;
		margin: 0;
	}
	.tiles .columns{
		margin: 0 auto 20px auto;
		width: fit-content !important;
	}
    .board img {
        margin-bottom: 10px;
    }
    .social {
        padding: 0 50px 40px
    }
    .social .join h5 {
        display: block;
    }
    .tweet {
        display: none;
    }
}

@media (max-width: 470px) {
	table{
		display: block;
		overflow-x: scroll;
		padding: 10px 20px;
	}
	.btn, .loadNext{
		width: 100%;
	}
}