@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
 /* <weight>: Use a value from 100 to 900 */


 .montserrat {
     font-family: "Montserrat", sans-serif;
     font-style: normal;
 }


 .clear,
 * html .clearfix,
 *:first-child+html .clearfix {
     clear: both;
     display: block;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
 }

 .clearfix:after {
     clear: both;
     content: ' ';
     display: block;
     font-size: 0;
     line-height: 0;
     visibility: hidden;
     width: 0;
     height: 0;
 }

 *,
 *:before,
 *:after {
     box-sizing: border-box;
     margin: 0;
     padding: 0;
 }

 .container {
     padding: 0 0 0 0;
     width: calc(100% - 80px);
     max-width: 1408px;
     margin: 0 auto;
     clear: both;
     position: relative;
 }

 .container.mw900 {
     width: 900px;
 }

 .container.mw1100 {
     width: 1100px;
 }

 .max960 {
     max-width: 960px;
 }

 .max850 {
     max-width: 850px;
 }

 #mute-video {
     position: absolute;
     top: 140px;
     right: 47px;
     width: 48px;
     height: 40px;
     cursor: pointer;
     z-index: 2;
     display: block;

 }

 #mute-video img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     display: block;
 }

 .icon-unmute {
     opacity: 0;
 }

 #asx-logo * {
     fill: #fff !important
 }

 #mute-video.unmute .icon-unmute {
     opacity: 1;
 }

 #mute-video.unmute .icon-mute {
     opacity: 0;
 }

 .content-video {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     overflow: hidden;
     height: 100vh;
 }



 .fullyvideo {
     display: block;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     z-index: 1;
 }


 #asx-logo path,
 #share-logo path {
     fill: #fff;
 }


 .bg_denim {
     background: #1c6ba3;
 }

 .asx .items td {
     color: #293281 !important;
 }

 .asx .items td a {
     color: #00aee5 !important;
     font-weight: bold;
 }


 @media screen and (max-aspect-ratio: 1920/1080) {
     .fullyvideo {
         height: 100%;
     }
 }

 @media screen and (min-aspect-ratio: 1920/1080) {
     .fullyvideo {
         width: 100%;
     }
 }

 .holder {
     width: 1200px;
     max-width: calc(100% - 100px);
 }

 .grid_1 {
     width: 6.5%;
 }

 .grid_2 {
     width: 15%;
 }

 .grid_3 {
     width: 23.5%;
 }

 .grid_4 {
     width: 33.333%;
 }

 .grid_5 {
     width: 40.5%;
 }

 .grid_6 {
     width: 50%;
 }

 .grid_7 {
     width: 57.5%;
 }

 .grid_8 {
     width: 66.667%;
 }

 .grid_9 {
     width: 74.5%;
 }

 .grid_10 {
     width: 83%;
 }

 .grid_11 {
     width: 91.5%;
 }

 .grid_12 {
     width: 100%;
     display: block;
     position: relative;
 }

 .grid_1,
 .grid_2,
 .grid_3,
 .grid_4,
 .grid_5,
 .grid_6,
 .grid_7,
 .grid_8,
 .grid_9,
 .grid_10,
 .grid_11 {
     margin: 0;
     float: left;
     display: block;
     position: relative;
 }

 .rightgfloat {
     float: right;
 }

 .sm {
     display: block;
     font-size: 19px;
     color: #293281;
     font-family: "Montserrat", sans-serif;
 }

 .qm {
     font-size: 19px;
     font-family: "Montserrat", sans-serif;
     font-weight: 600;
     display: block;
     margin-top: 30px;
     line-height: 1.4
 }

 #page-home .qm {
     display: none
 }

 #page-home .sm {
     display: none
 }

 .home-landing {
     display: flex;
     flex-direction: column;
     justify-content: center;
     min-height: 600px;
 }

 .home-landing .gradient {
     margin: 0 auto;
 }

 .home-landing h2 {
     margin: 0 auto;
 }

 .gap {
     gap: clamp(50px, 5vw, 90px) 0;
 }

 #page-aboutus.director .grid_4 {
     width: calc(100% / 4)
 }

 .max620 {
     max-width: 620px;
     padding-left: 50px;
 }

 .nop {
     padding-left: 0;
 }

 .semi {
     position: absolute;
     top: 0;
     bottom: 0;
     width: calc(50% - 50px);
     left: 0;
     overflow: hidden;
 }

 .semi.right {
     right: 0;
     left: auto;
 }

 .semi.right.andrew {
     right: auto;
     left: 50%;
     max-width: 520px;
 }

 .innersemi {
     position: absolute;
     top: -20%;
     bottom: 0;
     width: 100%;
     left: 0;
     background-size: cover;
     background-position: top center;
 }

 a {
     text-decoration: none;
     cursor: pointer !important;
     color: #fff;
 }

 *:focus {
     outline: none;
 }

 img {
     border: none;
     max-width: 100%;
     display: block;
     object-fit: cover;
 }

 a,
 img {
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -o-user-select: none;
     border: 0;
     user-select: none;
 }

 textarea:focus,
 input:focus,
 select:focus {
     outline: none;
 }

 /* General */
 body {
     font-family: "Montserrat", sans-serif;
     font-weight: normal;
     font-size: 18px;
     line-height: 1.55;
     background: #fff;
     color: #fff;
     margin: 0;
     padding: 60px 0 0 0;
     overflow-x: hidden;
 }

 .img {
     width: 100%;
     margin: 0;
     display: block;
 }

 /* Headings */
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin: 0;
     font-family: "Montserrat", sans-serif;
     font-weight: 600;
 }

 #page-aboutus.whoweserve h1 {
     width: 70%;
     margin: 0 auto;
 }

 .fullP p {
     margin-left: 0 !important
 }

 .fullP p span {
     display: block;
     margin-bottom: 10px
 }

 p {
     color: #293281;
     line-height: 1.5;
     font-family: "Montserrat", sans-serif;
     line-height: 1.5;
 }

 .smp p {
     font-size: 0.9em;
     line-height: 1.4;
     padding: 0 20px;
 }


 p.max620 {
     width: 100%;
     text-align: left;
     max-width: 620px;
     margin-left: 0;
     background: red;
 }

 .half p {
     width: 80%;
     max-width: 600px;
     margin-left: auto;
     margin-right: auto;
 }

 .min650 {
     min-height: 650px;
 }


 p.mw700,
 .mw700 {
     max-width: 700px;
     max-width: 715px;
     width: calc(100% - 60px);
     max-width: 1000px;
 }

 .half h5 {
     max-width: 600px;
 }

 .max-900 {
     max-width: 900px;
 }

 h1 {
     font-size: 60px;
     line-height: 1.3;
     /* font-size: 60px; */

 }

 h2 {
     color: #1C6BA3;
     text-align: left;
     font-size: 40px;
     margin-bottom: 1em;
     line-height: 1.2
 }

 .title {
     font-size: 34px;

     margin-bottom: 1em;

     display: block;

     font-family: "Montserrat", sans-serif;
     font-weight: 600;
 }

 h3 {
     color: #1C6BA3;
     text-align: left;
     font-size: 34px;
     margin-bottom: 1em;
     line-height: 1.38
 }

 h4 {
     text-align: center;
     font-size: 26px;
     line-height: 1.2;
     margin-bottom: 1em;

     margin-left: auto;
     margin-right: auto;
 }

 h4.newh4 {
     text-align: left;
     font-size: 30px;
     line-height: 1.5;
     margin-bottom: 0;

     max-width: 870px;
     margin-left: 0;

 }

 h5 {
     /* font-size: 32px; */
     font-size: 1.6em;
     line-height: 1.4;

     color: #1C6BA3;
 }

 h6 {
     font-family: "Montserrat", sans-serif;
     font-size: 16px;
     text-align: center;
     line-height: 1.56;
     margin-bottom: 1em;
 }

 .brands.floatleft {
     display: block;
     width: 16.66%;
     float: left;
 }

 .waving {
     position: absolute;
     right: 0;
     width: 200px;
     top: 50%;
     transform: translateY(-50%);
 }

 #vehicles {
     display: block;
     position: absolute;
     top: 50%;
     right: 0;
     transform: translate(65%, -50%);
     -webkit-transform: translate(65%, -50%);
     -moz-transform: translate(65%, -50%);
     -ms-transform: translate(65%, -50%);
     -o-transform: translate(65%, -50%);
 }

 #vehicles img {
     display: block;
 }

 .p1 {
     display: block;
     position: relative;
     width: 49px;
     float: right;
 }

 .mainImage {
     display: block;
 }

 .hand {
     position: absolute;
     display: block;
     left: -27px;
     top: 7px;
     transform-origin: right center;
 }

 /*.animate .hand {
    animation: wave 1.2s infinite;
}*/

 #taxi {
     position: absolute;
     height: 145px;
     top: 0;
     right: 98px;
     display: block;
     animation-fill-mode: forwards;
     transform-origin: center;
     transform: scale(0.2);
 }

 .animate #taxi {
     animation: taxi 6s forwards;
 }

 @keyframes taxi {
     0% {
         transform: scale(0.2);
     }


     100% {
         transform: scale(1);
     }
 }


 @keyframes wave {
     0% {
         transform: translate(0) rotate(0);
     }

     50% {
         transform: translate(-1px, 1.5px) rotate(-13deg) scale(1.03);
     }

     100% {
         transform: translate(0) rotate(0);
     }
 }

 .arrowholder {
     position: relative;
     display: inline-block;
 }

 .arrowholder span {
     width: 10px;
     position: absolute;
     right: -20px;
     transform: translate(100%, -50%);
     top: 60%;
     transition: width 6s;
 }

 .animate.arrowholder span {
     width: 400px;
 }

 .arrowholder span:after {
     content: '';
     position: absolute;
     top: 50%;
     width: 10px;
     height: 10px;
     border-right: 2px solid #fff;
     border-top: 2px solid #fff;
     right: 3px;
     display: block;
     transform: rotate(45deg) translate(-0%, -50%);
 }

 .arrowholder span:before {
     content: '';
     position: absolute;
     left: 0;
     top: calc(50% - 0.5px);
     width: 100%;
     height: 2px;
     background: #fff;
     display: block;
 }

 .brands-list {
     /* display: -webkit-box; */
     display: -ms-flexbox;
     display: flex;
     /* letter-spacing: -4px; */
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
 }

 .brands-list a img {
     -webkit-transition: filter .3s ease, opacity .3s ease;
     transition: filter .3s ease, opacity .3s ease;
     /* opacity: .7; */
     /* filter: grayscale(100%); */
 }

 .brands-list a:hover img {
     opacity: 1;
     filter: grayscale(0);
 }

 /* Navigation */
 .f50 {
     font-size: 40px;
     line-height: 1.2;

     max-width: 950px;
 }

 .fullimage {
     width: 100%;
     display: block;
 }

 p.head {
     font-size: 1.44em;
     font-family: "Montserrat", sans-serif;
     font-weight: 600;
 }

 header {
     margin: 0 auto;
     width: 100%;
     display: block;
     position: fixed;
     top: 0;
     left: 0;
     height: 60px;
     background: #fff;
     text-align: center;
     z-index: 20;
     transition: height 0.6s;
 }

 .bgwhite {
     position: absolute;
     top: 0;
     display: block;
     height: 100px;
     z-index: 1;
     background: #fff;
     width: 100%;

 }

 .rh p a.archiver {
     display: block;
     float: right;
     padding: 15px 0;

     right: 0;
     text-align: right;
     font-family: "Montserrat", sans-serif;
     font-weight: 600;
     font-size: 18px;
     color: #00aee5
 }



 header .container {
     height: 100%;
 }

 .logo {
     margin: 0 auto;
     display: block;
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     height: 43px;
     width: 80px;
     text-align: left;
     color: #000;
     z-index: 5;
     transition: all 0.6s;
 }



 .logo img {
     height: 100%;
     width: 100%;
     display: block;
 }

 nav {
     margin: 0 auto;
     padding: 0;
     display: block;
     width: 100%;
     text-align: right;
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
 }

 #nav li {
     list-style: none;
     display: inline-block;
     position: relative;
     padding: 0 30px;
     border-right: 1px solid #d9dcdd;
     margin: 0 0 0 0;
     position: relative;
 }

 #nav li:last-child {
     padding-right: 0;
 }

 #nav li a {
     color: #00aee5;
     font-family: "Montserrat", sans-serif;
     font-size: 20px;
     line-height: 20px;
     transition: 0.5s color;
     padding: 0 0 22px 0;
 }

 #nav li a.number {
     color: #293281;
     position: relative;
     padding-left: 35px;
     padding-bottom: 0;
 }

 #nav li a.number svg {
     position: absolute;
     left: 0;
     top: calc(50% - 12.5px);
 }

 ol {
     list-style: none;
     position: absolute;
     display: block;
     top: calc(100% + 10px);
     left: 0;
     background: #ffffff;
     padding-top: 25px;
     border: 1px solid #d9dcdd;
     padding-top: 0;
     text-align: left;
     visibility: hidden;
     opacity: 0;
     transition: 0.5s opacity;
     width: calc(100% + 60px);
     margin-left: 30px;
     border-radius: 7px;
     border-top: none;
     -webkit-box-shadow: 3px 3px 10px -2px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 3px 3px 10px -2px rgba(0, 0, 0, 0.5);
     box-shadow: 3px 3px 10px -2px rgba(0, 0, 0, 0.5);
 }

 ul li:hover>ol {
     visibility: visible;
     opacity: 1;
 }

 #nav ol li {
     list-style: none;
     display: block;
     border-right: 0;
     position: relative;
     margin: 0;
     text-align: left;
     padding: 0;
 }

 #nav ol li:first-child,
 #nav ol {
     -webkit-border-bottom-left-radius: 7px;
     -webkit-border-bottom-right-radius: 7px;

     border-bottom-left-radius: 7px;
     border-bottom-right-radius: 7px;

 }

 #nav ol li a {
     text-align: left;
     color: #00aee5;
     font-size: 16px;
     line-height: 1.2em;
     display: block;
     font-family: "Montserrat", sans-serif;
     position: relative;
     padding: 10px 40px 10px 20px;
     color: #293281;
 }

 #nav ol li a:hover {
     background-color: #00aee5;
     color: #fff;
 }

 #nav ol li:last-child a {

     -webkit-border-bottom-left-radius: 7px;
     -webkit-border-bottom-right-radius: 7px;

     border-bottom-left-radius: 7px;
     border-bottom-right-radius: 7px;
 }

 #nav ol li:first-child a {
     border-top: 1px solid #d9dcdd;
     -webkit-border-top-left-radius: 7px;
     -webkit-border-top-right-radius: 7px;
     -moz-border-radius-topleft: 7px;
     -moz-border-radius-topright: 7px;
     border-top-left-radius: 7px;
     border-top-right-radius: 7px;
 }

 #nav ol li:first-child a:before {
     content: '';
     position: absolute;
     width: 15px;
     height: 15px;
     margin: 0 auto;
     background: #fff;
     top: 0;
     left: 30%;
     border-left: 1px solid #d9dcdd;
     border-top: 1px solid #d9dcdd;
     z-index: 1;
     transform: translate(0, -50%) rotate(45deg);
 }

 #nav ol li:first-child:hover a,
 #nav ol li:first-child:hover a:before {
     background-color: #00aee5;
 }

 .noborderright {
     border-right: 0 none !important;
 }

 #nav li a.number span {
     padding-right: 15px;
 }

 /*#nav li:hover a {
    color: #293281;
}*/

 #page-aboutus #nav li a.aboutus,
 #page-investorecenter #nav li a.investorecenter,
 #page-contactus #nav li a.contactus {
     color: #293281;
 }

 #page-aboutus.ourpeople #nav li ol li a.ourpeople,
 #page-aboutus.ourdrivers #nav li ol li a.ourdrivers,
 #page-aboutus.whoweare #nav li ol li a.whoweare,
 #page-aboutus.whoweserve #nav li ol li a.whoweserve,
 #page-aboutus.ourbrand #nav li ol li a.ourbrand,
 #page-aboutus.director #nav li ol li a.director,
 #page-aboutus.executives #nav li ol li a.executives,
 #page-investorecenter.reports #nav li ol li a.reports,
 #page-investorecenter.shareprice #nav li ol li a.shareprice,
 #page-investorecenter.asx #nav li ol li a.asx,
 #page-investorecenter.shareholders #nav li ol li a.shareholders,
 #page-investorecenter.cg #nav li ol li a.cg {
     background-color: #00aee5;
     font-family: "Montserrat", sans-serif;
     font-weight: 600;
     color: #fff;
 }

 #page-aboutus.whoweare #nav ol li.about a:before {
     background-color: #00aee5;
 }

 #page-investorecenter.reports #nav li ol li a.reports:before {
     background-color: #00aee5;
 }

 #play {
     width: 120px;
     height: 120px;
     transform: translate(-50%, -50%) translateY(60px);
     border-radius: 50%;
 }

 #play #pauseimage {
     display: block;
     opacity: 0;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
 }

 #play:hover #pauseimage {
     opacity: 1;
 }

 #play.paused #pauseimage {
     display: none;
 }

 .whoweserve p {
     color: #1C6BA3;
 }

 #playimage {
     display: none;
 }

 #play.paused #playimage {
     display: block;
 }

 /* nav-toggle */
 #nav-toggle {
     position: absolute;
     /* top: calc(50% - 20px); */
     right: 30px;
     z-index: 10;
     cursor: pointer;
     width: 30px;
     height: 30px;
     top: 0;
     bottom: 0;
     margin: auto;
     display: none;
 }

 #nav-toggle span,
 #nav-toggle span:after,
 #nav-toggle span:before {
     cursor: pointer;
     height: 5px;
     width: 30px;
     background: #707070;
     position: absolute;
     display: block;
     content: '';
     top: 50%;
     -webkit-transition: all .6s ease-in-out;
     -moz-transition: all .6s ease-in-out;
     -o-transition: all .6s ease-in-out;
     transition: all .6s ease-in-out;
 }

 #nav-toggle span {
     background: transparent;
 }

 #nav-toggle span:before {
     top: 4px;
 }

 #nav-toggle span:after {
     bottom: 6px;
     top: auto;
 }

 #nav-toggle.active span {
     background-color: transparent !important;
 }

 #nav-toggle.active span:before {
     top: 0;
 }

 #nav-toggle.active span:after {
     bottom: 0;
 }

 #nav-toggle.active span:before {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: a rotate(45deg);
     transform: rotate(45deg);
 }

 #nav-toggle.active span:after {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: a rotate(-45deg);
     transform: rotate(-45deg);
 }

 .squarelink {
     float: left;
     width: 33.33%;
     min-height: 200px;
     position: relative;
     background-size: cover;
     background-position: center;
 }

 .halflink {
     width: 50% !important;
     aspect-ratio: 3/2;
 }

 .squarelink .middle {
     width: 450px;
     max-width: calc(100% - 30px);
     transition: top 0.5s;
 }

 .spacemaker {
     width: 100%;
     height: 100%;
     opacity: 0;
     position: relative;
     z-index: 0;
 }

 .icon {
     height: 120px;
     display: block;
     margin: 0 auto 30px auto;
     transform-origin: bottom center;
     transition: transform 0.5s;
 }

 .icon.caricon {
     height: 85px;
 }

 .icon.exe {
     height: 68px;
 }

 #asx-logo {
     height: 65px;
 }

 .squarelink {
     transition: all 0.5s;
 }

 .squarelink:hover .icon {
     transform: scale(0.5);
 }

 .hiddenP {
     height: 0;
     overflow: hidden;
     transition: all 0.5s;
     font-family: "Montserrat", sans-serif;
 }

 .squarelink:hover .hiddenP {
     height: 6em;
 }

 /* enquiry */
 .register {
     max-width: 100%;
     width: 100%;
     margin: 0 auto;
     background: transparent;
 }

 .formbox {
     margin: 0 auto;
     padding: 0 0;
 }

 input,
 select,
 textarea {
     font-size: 1em;
     margin: 0 auto;
     padding: 5px 10px;
     width: 100%;
     color: #293281;
     border: 0 none;
     background: transparent;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     border-radius: 0;
     border: 1px solid #D9DCDD;
     text-align: left;
     letter-spacing: 0;
 }


 input.b_submit {
     display: inline-block;
     position: relative;
     margin: 0;
     width: initial;
     padding: 0;
     color: #ffffff;
     border: none;
 }

 input.message {
     min-height: 150px;
 }

 label {
     font-size: 1em;
     margin: 0 auto;
     padding: 20px 0 10px 0;
     color: #293281;
     display: inline-block;
 }

 select {
     padding: 5px 7px;
     text-align-last: center;
     text-align: center;
     -ms-text-align-last: center;
     -moz-text-align-last: center;
     text-align-last: center;
 }

 select option {
     padding: 7px 5px;
     background: #fff;
     text-align-last: center;
     text-align: center;
     -ms-text-align-last: center;
     -moz-text-align-last: center;
     text-align-last: center;
 }

 .privacy {
     font-size: 10px;
 }

 .chk_holder {
     margin: 10px auto 0 auto;
     color: #fff;
 }

 #chkInternational {
     border: 0 none;
     clip: rect(0px, 0px, 0px, 0px);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     color: #fff;
     cursor: pointer;
     display: inline-block;
     line-height: 25px;
     width: 20px;
     text-align: left;
 }

 #chkInternational+label {
     background: url("/images/buttons/uncheck.png") no-repeat left center;
     color: #fff;
     padding: 2px 0 2px 26px;
 }

 #chkInternational:checked+label {
     background: url(/images/buttons/check.png) no-repeat left center;
 }

 input:-webkit-input-placeholder,
 textarea:-webkit-input-placeholder {
     color: #fff;
     opacity: 1;
 }

 input::-webkit-input-placeholder,
 textarea::-webkit-input-placeholder {
     color: #fff;
     opacity: 1;
 }

 input:-moz-placeholder,
 textarea:-moz-placeholder {
     color: #fff;
     opacity: 1;
 }

 input::-moz-placeholder,
 textarea::-moz-placeholder {
     color: #fff;
     opacity: 1;
 }

 input:-ms-input-placeholder,
 textarea:-ms-input-placeholder {
     color: $form-field-text;
     opacity: 1;
 }

 input:focus::-webkit-input-placeholder,
 textarea:focus::-webkit-input-placeholder {
     color: transparent;
 }

 input:focus:-moz-placeholder,
 textarea:focus:-moz-placeholder {
     color: transparent;
 }

 input:focus::-moz-placeholder,
 textarea:focus::-moz-placeholder {
     color: transparent;
 }

 input:focus:-ms-input-placeholder,
 textarea:focus:-ms-input-placeholder {
     color: transparent;
 }

 /*footer*/
 /*footer {
 
}
*/
 #map_canvas {
     display: block;
     position: relative;
     width: 100%;
     min-height: 500px;
 }

 footer {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     align-items: stretch;
     justify-content: flex-start;
     align-content: stretch;
     background-image: linear-gradient(135deg, #00aee5 0%, #1c6ba3 49%, #293281 100%);
     flex-direction: column;
     flex-wrap: nowrap;
     -webkit-flex-flow: column nowrap;
     padding: 0;
     position: relative;
     width: 100%;
     max-width: 100%;
     overflow: hidden;
 }

 .footer_container {
     padding: 0 0 0 0;
     margin: 0 auto;
     clear: both;
     overflow: hidden;
     position: relative;
 }

 .footer_container p {
     max-width: 100%;
     width: 100%;
     color: #fff !important;
 }

 footer p {
     font-family: "Montserrat", sans-serif !important;
 }

 .row {
     display: flex;
     align-items: stretch;
     justify-content: flex-start;
     align-content: stretch;
     flex-direction: row;
 }

 .col {
     width: 33.333%;
 }

 .footer_logo {
     display: block;
     width: 100px;
     text-align: left;
     margin: 0 0 35px 0;
 }

 .footer_headline {
     color: #ffffff;
     font-size: 20px;
 }

 footer p {
     color: #ffffff;
     font-size: 18px;
     font-family: "Montserrat", sans-serif;
 }

 footer a {
     display: block;
     color: #ffffff;
     font-size: 18px;
     margin-bottom: 9px;
     font-family: "Montserrat", sans-serif;
 }

 /* Token Style */
 ul.token-input-list-project {
     border: none;
     width: 100%;
     margin: 0 auto;
     max-width: 100%;
     text-align: left;
     text-align-last: left;
     text-align: -moz-left;
     text-align: -webkit-left;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     padding: 0;
     border-bottom: 1px solid #525252;
     clear: both;
 }

 li.token-input-input-token-project {
     margin: 0;
     padding: 0;
     list-style-type: none;
     width: 100%;
 }

 ul.token-input-list-project li input {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     border: none;
     width: 100% !important;
     margin-bottom: 0;
 }

 li.token-input-token-project p {
     display: inline;
     padding: 0;
     margin: 0 5px 0 0;
     line-height: 20px;
     font-size: 10px;
 }

 li.token-input-token-project {
     overflow: hidden;
     height: 25px;
     margin: 0;
     padding: 2px 5px;
     background-color: #ccc;
     color: #000;
     cursor: default;
     border: 1px solid #525252;
     font-size: 10px;
     white-space: nowrap;
     list-style: none;
     display: inline-block;
 }

 div.token-input-dropdown-project {
     position: absolute;
     width: 100%;
     background-color: #fff;
     overflow-x: hidden;
     cursor: default;
     font-size: 11px;
     z-index: 13;
     color: #000000;
 }

 div.token-input-dropdown-project ul {
     margin: 0;
     padding: 0;
     display: block !important;
     max-height: 205px;
 }

 div.token-input-dropdown-project ul li {
     background-color: #fff;
     font-size: 14px;
     padding: 3px;
     margin: 0;
     list-style-type: none;
     font-weight: 100 !important;
 }

 div.token-input-dropdown-project ul li.token-input-dropdown-item-project {
     background-color: #fff;
 }

 div.token-input-dropdown-project ul li.token-input-dropdown-item2-project {
     background-color: #fff;
 }

 div.token-input-dropdown-project ul li em {
     font-weight: bold;
     font-style: normal;
 }

 div.token-input-dropdown-project ul li.token-input-selected-dropdown-item-project {
     background-color: #ccc;
     color: #fff;
 }

 /* Parsley-error */
 ul.parsley-errors-list.filled,
 ul.parsley-errors-list {
     font-size: 14px;
     list-style: outside none none;
     margin: 0 auto;
     padding: 0;
     position: relative;
     text-align: left;
     top: 0;
 }

 ul.parsley-errors-list.filled li,
 ul.parsley-errors-list li {
     padding: 0;
     text-align: left;
     color: #F00D0D;
 }

 * {
     text-size-adjust: none;
     -webkit-text-size-adjust: none;
 }

 .fullheight {
     height: 100vh;
 }

 .fullh {
     height: 100vh;
     width: 100%;
     background-size: cover;
     background-position: center;
     position: relative;
     overflow: hidden;
 }

 .middle {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     z-index: 2;
     text-align: center;
     width: 1480px;
     max-width: calc(100% - 100px);
 }

 .middle-h {
     position: absolute;
     top: 50%;
     -webkit-transform: translate(0%, -50%);
     transform: translate(0%, -50%);
     z-index: 2;
     text-align: left;
 }

 .darkafter:after {
     content: '';
     position: absolute;
     right: 0;
     left: 0;
     z-index: 0;
     top: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.2);
     display: block;
 }

 section {
     display: block;
     position: relative;
     z-index: 2;
     width: 100%;
     padding: 0;
     margin: 0;
     background: #fff;
 }

 .landing-logo {
     display: block;
     position: absolute;
     width: 580px;
     max-width: 80%;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .pr50 {
     padding-right: 50px;
 }

 .f16 {
     font-size: 16px;
 }

 .landing {
     background-image: linear-gradient(135deg, #00aee5 0%, #1c6ba3 49%, #293281 100%);
     height: calc(100vh - 140px);
 }

 .para {
     display: block;
     background-size: cover;
     top: -30%;
     bottom: 0;
     display: block;
     position: absolute;
     height: 130%;
     width: 100%;

 }

 .para.fixpos {
     position: fixed;
     z-index: 0;
     top: 0;
     left: 0;
     width: 100%;
     height: 105vh !important;
 }

 .w60 {
     height: 60vw;
 }

 .w60 .container {
     height: 100%;
 }

 .para.innersemi {
     top: -10%;
     height: 110%;
 }

 .para.hero {
     top: 0;
     height: 100%;
 }

 .marginauto {
     margin-left: auto;
     margin-right: auto
 }

 .blueoverlay {
     overflow: hidden;

 }

 .topbar {
     display: block;
     position: absolute;
     top: 0;
     height: 60px;
     left: 0;
     width: 100%;
     z-index: 10;
     opacity: 0.45;


     background: -webkit-linear-gradient(top, rgba(10, 13, 38, 0) 0%, rgba(10, 13, 38, 1) 100%);

     background: linear-gradient(to top, rgba(10, 13, 38, 0) 0%, rgba(10, 13, 38, 1) 100%);
 }

 .bottombar {
     display: block;
     position: absolute;
     bottom: 0;
     height: 60px;
     left: 0;
     width: 100%;
     z-index: 10;

     opacity: 0.45;
     background: -webkit-linear-gradient(bottom, rgba(10, 13, 38, 0) 0%, rgba(10, 13, 38, 1) 100%);

     background: linear-gradient(to bottom, rgba(10, 13, 38, 0) 0%, rgba(10, 13, 38, 1) 100%);
 }

 .blueoverlay h2 {
     color: #fff;
     position: relative;
     z-index: 2;
 }

 .blueoverlay:after {
     position: absolute;
     content: '';
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 0;
     background: rgba(41, 50, 129, 0.8);
 }

 .para.bigpara {
     top: -150px;
     bottom: 0;
 }

 .tile {
     max-height: 500px;
     transition: 0.5s background;
     overflow: hidden;
 }

 .tile * {
     text-align: center;
 }

 .tile p {
     color: #293281;
     font-size: 20px;
     font-size: 1.125em;
     line-height: 31px;
     line-height: 1.7;
 }

 .plus {
     margin: 50px auto 0 auto;
     display: block;
     width: 14px;
     height: 2px;
     position: relative;
     background: transparent;
 }

 .plus::after,
 .plus::before {
     position: absolute;
     content: '';
     display: block;
     width: 100%;
     height: 100%;
     transition: 0.5s all;
 }

 .plus::before {
     transform: rotate(90deg);
 }

 .plus.navy::after,
 .plus.navy::before {
     background-color: #293281;
 }

 .plus.white::after,
 .plus.white::before {
     background-color: #ffffff;
 }

 .navyhover:hover {
     background-color: #293281;
 }

 .navyhover,
 .bluehover {
     transition: 0.5s all;
 }

 .navyhover:hover * {
     color: #ffffff;
 }

 .tile .link {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
 }

 .perfect_center.logo_holder span {
     display: block;
     text-align: center;
 }

 .perfect_center.logo_holder svg,
 .perfect_center.logo_holder img {
     max-width: 280px;
     /* max-width: 70%; */
     margin-left: auto;
     margin-right: auto;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
 }

 .directors-holder {
     position: relative;
     z-index: 3;
     overflow: initial !important;
 }

 #popUP {
     position: fixed;
     left: 0;
     top: 0;

     background: rgba(27, 32, 81, 0.9);
     z-index: 100;
     height: 100%;
     width: 100%;
     display: none;
     opacity: 0;
     transition: opacity 0.6s;
 }

 #popUpContent {
     background-color: #fff;
     padding: 50px;
     border-radius: 15px;

     -webkit-box-shadow: 3px 3px 10px -2px rgba(0, 0, 0, 0.5);

     -moz-box-shadow: 3px 3px 10px -2px rgba(0, 0, 0, 0.5);

     box-shadow: 3px 3px 10px -2px rgba(0, 0, 0, 0.5);
 }

 .grid_img {
     width: 25%;
     float: left;
 }

 .grid_txt {
     width: 75%;
     float: left;
     padding-left: 60px;
 }

 .pop_up {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgb(27, 32, 81, 0.9);
     align-items: center;
     justify-content: center;
     display: flex;
     flex-direction: column;
     opacity: 0;
     transition: 0.3s opacity;
 }

 .pop_up:hover {
     opacity: 1;
 }

 .People_holder {
     position: relative;
     z-index: 1;
 }

 .People_holder.active {
     z-index: 2;
 }

 .innerH {
     display: block;
 }

 .People_details {
     position: relative;
     display: none;
 }

 .People_details p {
     width: 100%;
 }

 span.name {
     font-size: 34px;
     font-family: "Montserrat", sans-serif;
     font-weight: 600;
     color: #293281;
     margin-bottom: 5px;
     margin-top: 20px;
     text-align: left;
     display: block;
 }

 .popDesktop,
 .popMobile {
     display: block;
     position: absolute;
     left: 0;
     height: 100%;
     left: 0;
     width: 100%;
     z-index: 10;
     cursor: pointer;
     opacity: 0;
 }

 .popMobile {
     display: none;
 }

 span.Pd {
     font-weight: normal;
     font-size: 1.2em;
     color: #00AEE5;
     text-align: left;
     display: block;
     margin-top: 10px;
 }

 span.copy {
     font-size: 0.9em;
     font-weight: normal;
     color: #293281;
     text-align: left;
     max-width: 100%;
     margin-left: auto;
     margin-right: auto;
     display: block;
     margin-top: 20px;
     line-height: 1.5em;
 }

 .copy p {
     width: 100%;
     max-width: 100%;
     font-size: 19px;
 }

 .close_pd {
     display: block;
     position: absolute;
     top: 15px;
     right: 15px;
     width: 25px;
     height: 25px;
     cursor: pointer;
 }

 .close_pd::after,
 .close_pd::before {
     content: '';
     position: absolute;
     width: 1px;
     height: 100%;
     background-color: #707070;
     top: 0;
     left: 50%;
     transform: rotate(45deg);
 }

 .close_pd::before {
     transform: rotate(-45deg);
 }

 .blue_tile_bg {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgb(27, 32, 81, 0.9);
     visibility: hidden;
 }

 .bgblue {
     background-image: linear-gradient(135deg, #00aee5 0%, #1c6ba3 49%, #293281 100%);
 }

 .flexbox {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     align-items: stretch;
     justify-content: flex-start;
     align-content: stretch;
     flex-direction: row;
     flex-wrap: wrap;
     -webkit-flex-flow: row wrap;
     padding: 0;
     position: relative;
     width: 100%;
     max-width: 100%;
 }

 .flexbox.rh {
     max-width: 1200px;
     margin: 0 auto;
     border-bottom: 2px;
     position: relative;
     margin-bottom: 50px;
 }

 .container.rh {
     width: 1200px;
     margin: 0 auto;
     border-bottom: 2px;
     position: relative;
     margin-bottom: 50px;
     max-width: calc(100% - 60px)
 }

 .archive_arrow {
     display: inline-block;
     position: relative;
     width: 30px;
     height: 30px;
     border: 1px solid #00aee5;
     border-radius: 15px;
     float: right;
     transform: translateY(-5px);
 }

 .active .archive_arrow::before {
     content: '';
     display: block;
     width: 12px;
     height: 12px;
     border: 1px solid #00aee5;
     position: absolute;
     left: 8px;
     top: 7px;
     transform: rotate(45deg);
     border-top: 0;
     border-left: 0;
     opacity: 1;
 }

 .archive_arrow::before {
     content: '';
     display: block;
     width: 12px;
     height: 12px;
     border: 1px solid #00aee5;
     position: absolute;
     left: 8px;
     top: 10px;
     transform: rotate(45deg);
     border-bottom: 0;
     border-right: 0;
     opacity: 1;
 }

 .arch_group {
     display: none;
     padding-bottom: 20px;
     width: 100%;
 }

 .container span.border {
     display: block;
     position: relative;
     width: 100%;
     padding: 1px 0;
     background-image: url("../images/buttons/border_bottom_image.png");
     float: left;
 }

 span.border.bb5g {
     background-image: none;
 }

 .report .container.rh span.border {
     height: 5px;
 }

 span.border.height5 {
     height: 5px;
 }

 .fullp p {
     width: 100%;
 }

 .year_archive {
     display: block;
     color: #293281;
     font-size: 30px;
     font-family: "Montserrat", sans-serif;
     font-weight: 600;
     margin-bottom: 0;
     line-height: 1;
 }

 .year_archive::after {
     content: '';
     display: block;
     width: 100%;
     height: 4px;
     background: -webkit-linear-gradient(left, #03a8df 0%, #283985 100%);
     background: linear-gradient(to right, #03a8df 0%, #283985 100%);
     margin-top: 20px;
 }

 .year_archive {}

 .reportholder::before {
     content: '';
     display: block;
     width: 100%;
     height: 4px;
     background: -webkit-linear-gradient(left, #03a8df 0%, #283985 100%);
     background: linear-gradient(to right, #03a8df 0%, #283985 100%);
 }

 .year_archive.active {
     border-bottom: 2px solid #00AEE5;
 }

 .year_archive.active+.arch_group {
     padding-bottom: 40px;
 }

 .reportholder a:last-child {
     border: none;
 }

 .rh p a {
     color: inherit;
     font-size: inherit;
 }

 .rh span.size {
     display: block;
 }

 .download_symbol {
     background-image: url("../images/buttons/download.png");
     background-position: right 10px;
     background-repeat: no-repeat;
     background-size: auto;
     cursor: pointer;
 }

 .abs {
     position: absolute;
     height: 100px;
 }

 .report_holder {
     width: calc(33.333% - 70px);
     margin: 0 35px 75px 35px;
     position: relative;
     float: left;
 }

 .report_holder .bgholder {
     margin-bottom: 25px;
     display: block;
 }

 .shareholders h2 {
     font-size: 34px;
     text-align: left;
 }

 .max600 {
     width: 600px;
     max-width: calc(100% - 30px);
     margin: 0 auto;
 }

 .shareholders .half p {
     width: 100%;
     text-align: left;
 }

 .shareholders .half a {
     color: inherit;
     text-decoration: underline;
 }

 .half {
     width: 50%;
 }

 .one-third {
     width: calc(100% / 3);
 }

 .one-third p {
     max-width: 80%;
     margin: auto;
 }

 .rbt {
     display: block;
     position: absolute;
     width: 50px;
     height: 50px;
     background-color: #ffffff;
     right: 0;
     top: 50%;
     transform: translateY(-50%) translateX(50%) rotateZ(45deg);
     z-index: 2;
 }

 .bg_lightgray .rbt {
     background-color: #d9dcdd;
 }

 .archive {
     display: block;
     text-align: right;
     width: 100%;
     font-size: 1.1em;
     font-weight: bold;
 }

 .navyhover:hover .plus.navy::after,
 .navyhover:hover .plus.navy::before,
 .bluehover:hover.plus.blue::after,
 .navyhover:hover .plus.blue::before {
     background-color: #ffffff;
 }

 .head_svg svg {
     width: 54px;
 }

 .bg_navy h5,
 .bg_navy p {
     color: #ffffff;
 }

 .bg_navy h5,
 .bg_navy p {
     color: #ffffff;
 }

 .bluehover:hover {
     background-color: #00aee5;
 }

 .bluehover:hover * {
     color: #ffffff;
 }

 .blue {
     color: #00aee5 !important;
 }

 .white {
     color: #ffffff !important;
 }

 .navy {
     color: #293281 !important;
 }

 .bold {
     font-weight: bold;
 }

 .grayhover:hover {
     background-color: #d9dcdd;
 }

 .bg {
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
 }

 .underline {
     text-decoration: underline;
 }

 .navyhover:hover svg use {
     fill: #ffffff;
     stroke: #ffffff;
 }

 .mtb70 {
     margin-top: 70px;
     margin-bottom: 70px;
 }

 .a_year {
     font-size: 25px;
     display: block;
     padding: 0 0 50px 0;
     font-family: "Montserrat", sans-serif;
     font-weight: 600;
     color: #283985;
     position: relative;
     margin-top: 25px
 }

 .grid_4.annualrep {
     width: calc(33.33% - 40px)
 }

 .grid_4.archiCls0 {
     margin-right: 40px;
 }

 .grid_4.archiCls1 {
     margin-left: 20px;
     margin-right: 20px;
 }

 .grid_4.archiCls2 {
     margin-left: 40px;

 }

 .dnabs {
     position: absolute;

     right: 0;
     top: 0;
     display: block;
 }

 .annual_year,
 .details {
     display: inline-block;
     position: relative;
     text-align: left;
     line-height: 32px;
     color: #293281;
     margin-right: 10vw;
 }

 .ds {
     font-size: 1em;
     color: #00AEE5;
     float: right;
     width: 300px;
     font-weight: bold;
 }

 .ds span {
     color: #707070;
     text-transform: uppercase;
     font-weight: normal;
     margin-top: 10px;
     display: block;
 }

 .ds img {
     position: absolute;
     top: 50%;
     right: 5px;
     max-width: 32px;
     transform: translateY(-40%);
 }

 .archive_item {
     display: block;
     width: 100%;
     position: relative;
     padding: 25px 0;
     border-bottom: 1px solid #D9DCDD;
     font-size: 1em;
 }

 #page-investorecenter.asx .archive_item,
 #page-investorecenter.asx .items tr {
     border-bottom: 0;
     padding: 0;
     padding-top: 15px;
 }

 #page-investorecenter.asx .items tr td {
     padding: 20px 0px;
     border-bottom: 1px solid #D9DCDD;
 }

 #page-investorecenter.asx .items tr td:first-child {
     position: relative;
     text-align: left;
     line-height: 32px;
     color: #000000;
     margin-right: 10vw;
 }

 #page-investorecenter.asx .items tr td:nth-child(2) {
     position: relative;
     text-align: left;
     line-height: 32px;
     color: #000000;
     margin-right: 10vw;
 }

 #page-investorecenter.asx .items tr td:nth-child(3) {
     position: relative;
 }

 #page-investorecenter.asx .items tr td:nth-child(3) a {
     position: absolute;
     top: 50%;
     right: 5px;
     max-width: 32px;
     transform: translateY(-40%);
 }


 .head {
     color: #293281;
     font-size: 2.375em;
     margin-bottom: 0.5em;
 }

 .name {
     color: #293281;
     font-size: 1.9em;
     letter-spacing: 1px;
     margin-bottom: 0;
 }

 .centercontent {
     position: absolute;
     display: block;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     margin: 0 auto;
     width: 75%;
     max-width: 500px;
 }

 .border_right_navy {
     border-right: 2px solid #293281;
 }

 .bg_lightgray {
     background-color: #d9dcdd;
     color: #293281;
 }

 .gray {
     color: rgba(0, 20, 29, 0.4) !important;
 }

 .bg_blue {
     background-color: #00aee5;
 }

 .bg_navy {
     background-color: #293281;
 }

 .f-darkblue {
     fill: #293281;
 }

 .mb0 {
     margin-bottom: 0 !important;
 }

 .mb10 {
     margin-bottom: 10px;
 }

 .mb25 {
     margin-bottom: 25px;
 }

 .mt20 {
     margin-top: 20px;
 }

 .mt50 {
     margin-top: 50px;
 }

 .mthead {
     margin-top: 1.4em;
 }

 p.hasline {
     font-family: "Montserrat", sans-serif;
 }

 .hasline:after {
     content: '';
     display: block;
     width: 100px;
     height: 1px;
     margin: 20px auto 0 auto;
     background: #293281;
 }

 .fixposition {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1;
 }

 .pl40 {
     padding-left: 40px;
 }

 .footer_container .pl40 {
     padding-left: 84px;
 }

 .pl50 {
     padding-left: 50px;
 }

 .pl100 {
     padding-left: 100px;
 }

 .p50 {
     padding: 50px;
 }

 .ptb50 {
     padding-top: 50px;
     padding-bottom: 50px;
 }

 .ptb25 {
     padding-top: 25px;
     padding-bottom: 25px;
 }

 .ptb100 {
     padding-top: 100px;
     padding-bottom: 100px;
 }

 .ptb150 {
     padding-top: 150px;
     padding-bottom: 150px;
 }

 .pt100 {
     padding-top: 100px;
 }

 .pb100 {
     padding-bottom: 100px;
 }

 .pb200 {
     padding-bottom: 200px;
 }

 .pb50 {
     padding-bottom: 50px;
 }

 .pt50 {
     padding-top: 50px;
 }

 .centeralign {
     text-align: center;
     margin-left: auto;
     margin-right: auto;
 }

 .leftalign {
     text-align: left;
 }

 .rightalign {
     text-align: right;
 }

 .left {
     left: 0;
 }

 .right {
     right: 0;
 }

 .mb30 {
     margin-bottom: 30px;
 }

 .mb75 {
     margin-bottom: 75px;
 }

 .block {
     display: block;
 }

 .inline_block {
     display: inline-block;
 }

 .perfect_center {
     justify-content: center;
     align-items: center;
 }

 .fullwidth {
     width: 100%;
 }

 .uppercase {
     text-transform: uppercase;
 }

 .mlra {
     margin-left: auto;
     margin-right: auto;
 }

 .w100 {
     width: 100%;
     max-width: 100%;
 }

 .pb10 {
     padding-bottom: 10px;
 }

 .ml0 {
     margin-left: 0 !important;
 }

 .mb0 {
     margin-bottom: 0;
 }

 .pr20 {
     padding-right: 20px;
 }

 .two_columns {
     width: calc(50% - 30px);
     margin-right: 60px;
 }

 .two_columns+.two_columns {
     margin-right: 0;
 }

 .mb100 {
     margin-bottom: 100px !important;
 }

 #page-contactus .grid_6 {
     width: calc(50% - 30px);
     margin-right: 60px;
 }

 #page-contactus .grid_6 p {
     padding-left: 0 !important;
     margin-left: 0 !important;
 }

 #page-contactus .grid_6+.grid_6 {
     margin-right: 0;
 }

 .justmobile {
     display: none;
 }


 .right_load {
     transform: translateX(100%);
 }



 .left_load {
     transform: translateX(-100%);
 }

 .shade {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(41, 50, 129, 0.8);
     display: none;
 }

 #chart button:disabled {
     display: none;
     /* hides un-used buttons */
 }

 #chart button.yourir-active {
     font-weight: bold;
     background: #3A8ABE;
     color: white;
 }

 .shp select {
     display: inline-block;
     width: 120px;
     /*margin: 0 5px;*/
     border-color: #00aee5;
     border: 2px solid #00aee5;
     cursor: pointer;
     color: #00aee5;
     text-align-last: left;
     text-align: left;
     -ms-text-align-last: left;
     -moz-text-align-last: left;
     text-align-last: left;
     /*border-radius: 6px;*/
     background-image: url("/images/buttons/down.png");
     background-position: 95%;
     background-size: auto;
     background-repeat: no-repeat;
 }

 .shp select option {
     color: #293281;
     text-align: left;
 }

 .shp p {
     width: auto;
     max-width: inherit;
 }

 .dwn_btn {
     display: inline-block;
     position: relative;
     background: #49C0F4;
     padding: 7px 25px;
     line-height: 1;
     border: 2px solid #49C0F4;
     font-size: 1em;
     color: #fff;
     cursor: pointer;
 }

 .shp {
     display: block;
     position: relative;
     width: -webkit-fill-available;
     text-align: center;
     margin: 40px auto;
 }

 .quote {
     width: 100%;
 }

 .quote tr {
     line-height: 30px;
 }

 .quote td {
     padding: 5px;
     min-width: 6em;
     text-align: left;
     color: #00aee5;
     width: 50%;
 }

 .quote th {
     text-align: left;
     color: #293281;
     width: 50%;
     font-weight: bold;
 }

 .quote_stamp {
     width: 100%;
     text-align: left;
 }

 .yourir-price-sensitive-marker:before {
     content: "\2691";
     /* flag, but could be anything */
     color: red;
     font-weight: bold;
 }

 .announcement p {
     color: #000;
     margin: 0;
 }

 .announcement select {
     display: inline-block;
     width: 120px;
     /*margin: 0 5px;*/
     border-color: #00aee5;
     border: 2px solid #00aee5;
     cursor: pointer;
     color: #00aee5;
     text-align-last: left;
     text-align: left;
     -ms-text-align-last: left;
     -moz-text-align-last: left;
     text-align-last: left;
     /*border-radius: 6px;*/
     background-image: url("../images/buttons/down.png");
     background-position: 95%;
     background-size: auto;
     background-repeat: no-repeat;
 }

 #news button.yourir-active {
     font-weight: bold;
     color: #293281;
 }

 #news table {
     width: 100%;
 }

 #news th,
 #news td {
     text-align: left;
     color: #000;
 }

 #news a {
     color: #000;
 }

 #news img {
     width: 70px;
 }

 #news button:disabled {
     display: none;
     /* hides un-used buttons */
 }

 #news button {
     padding: 5px;
     border: none;
     background: none;
     cursor: pointer;
     font-size: 16px;
     color: #00aee5;
 }

 #news button:hover {
     text-decoration: underline;
 }

 .c1800 {
     width: 1800px;
     max-width: calc(100% - 100px);
     margin: 0 auto;
     clear: both;
     position: relative;
     padding: 200px 0;
 }

 .sidesHolder {
     position: relative;
 }

 .mb-50 {
     margin-bottom: 50px;
 }

 .rightfloat {
     float: right;
 }

 .innerabs {
     position: absolute;
     right: 0;
     top: 0;
     height: 100%;
     left: 0;
     max-width: 100%;
 }

 .innerabs.leftabs {
     left: 0;
     right: auto;
 }

 .innerabs p {
     font-size: 1.25em;
     width: 100%;
     margin-bottom: 1.5em;
 }

 #page-aboutus.whoweserve .innerabs p {
     font-size: 1.2em;
     width: 100%;
     margin-bottom: 1.5em;
 }

 #page-aboutus.whoweserve .innerabs {
     position: relative;
     right: auto;
     top: auto;
     height: auto;
     left: auto;
     max-width: 100%;
 }

 #page-aboutus.whoweserve .semi {
     float: none;
     width: calc(50% - 15px);
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translateY(-50%);
 }

 #page-aboutus.whoweserve .semi.rightimage {
     right: auto;
     left: 0;
 }

 #page-aboutus.whoweserve .middle-h {
     position: relative;
     top: auto;
     -webkit-transform: none;
     transform: none;
     z-index: 2;
     text-align: left;
 }

 p.quate {

     margin: 0;
     width: 100%;
 }

 p.quate.bb {
     font-size: 1.25em;
     letter-spacing: 1px;
 }

 .hsp {
     position: relative;
 }

 .hsp:before {
     content: '\201D';
     position: absolute;
     display: block;
     font-size: 300px;
     font-family: "Montserrat", sans-serif;
     font-weight: 600;
     color: #E7E7E8;
     left: 0;
     bottom: -50px;
     line-height: 0;
 }

 p.quate:after,
 p.quate:before {
     display: block;
     font-size: 57px;
     font-family: "Montserrat", sans-serif;
     font-weight: 600;
     padding-bottom: 0;

     line-height: 1;
 }

 p.quate::after {

     content: '\201D';
     margin-top: 0.4em;
     display: block;

 }

 .absquate {
     position: relative;
     padding-top: 1.5em;
     padding-bottom: 1.5em
 }

 .absquate:before {
     content: '\201C';
     display: block;
     font-size: 1.5em;
     position: absolute;
     top: 0;
     left: 0;


 }

 .absquate:after {
     content: '\201D';
     display: block;
     font-size: 1.5em;
     position: absolute;
     bottom: -0.5em;
     left: 0;


 }

 p.quate:before {
     content: '\201C';
     display: block;

 }

 p.quate:after {
     content: '\201D';
     margin-top: 0.4em;
     display: block;

 }

 .ourdrivers .head {
     margin-bottom: 0.75em;
 }

 .driver-container {
     width: 90%;
     display: flex;
     justify-content: space-between;
     margin: 0 auto;
 }

 .driver-wrapper {
     display: flex;
     flex-direction: column;
     width: 30%;
     gap: 20px;
 }

 .driver-wrapper h2 {
     margin: 0 auto;
     font-size: clamp(30px, 2.08vw, 40px);
 }

 .driver {
     position: relative;
     aspect-ratio: 4/3;
     background-size: cover;
     background-position: center center;
 }

 .driver a {
     width: 100%;
     height: 100%;
     display: block;
 }

 .driver img {
     width: 70px;
     height: 70px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
 }

 .driver-wrapper:nth-child(1) .driver {
     background-image: url('/images/aboutus/drivers/binny.jpg');
 }

 .driver-wrapper:nth-child(2) .driver {
     background-image: url('/images/aboutus/drivers/jesmine.jpg');
 }

 .driver-wrapper:nth-child(3) .driver {
     background-image: url('/images/aboutus/drivers/sam.jpg');
 }

 .max560 {
     width: 560px;
     max-width: calc(50% - 50px);
 }

 .max600 {
     width: 650px;
 }

 .m50p {
     max-width: 50%;
     padding: 0 50px;
 }

 .max560 * {
     color: #1C6BA3;
     text-align: left;
 }

 .max560 .head {
     margin-bottom: 2em;
 }

 #page-aboutus .max560 .head {
     margin-bottom: 2em;
     margin-bottom: 0.7em;
     margin-top: 1.4em;
 }

 .bg_blue .max560 * {
     color: #fff;
     text-align: left;
 }

 .righttmiddle {
     right: 0;
 }

 .leftmiddle {
     left: 0;
 }

 .gradient {
     width: 215px;
     padding: 15px 0 13px 0;
     color: #fff;
     font-size: 19px;
     font-family: "Montserrat", sans-serif;
     font-weight: 500;
     display: block;
     margin: 2.5em auto 0 auto;
     position: relative;
     overflow: hidden;
     text-align: center;
     border-radius: 5px;
     cursor: pointer;
 }

 .gradient span {
     position: relative;
     display: inline-block;
     margin-right: 9px;
     z-index: 2;
 }

 #page-contactus .gradient {
     width: 170px
 }

 #page-contactus .gradient span {

     margin-right: 0;

 }

 .gradient span:after {
     content: '';
     position: absolute;
     display: block;
     width: 15px;
     height: 15px;
     right: -20px;
     border-right: 3px solid #fff;
     border-bottom: 3px solid #fff;
     transform: rotate(-45deg);
     top: 7px;
 }

 #page-contactus .gradient span:after {
     display: none
 }

 .gradient:before {
     content: '';
     width: 150%;
     position: absolute;
     left: -25%;
     top: 0;
     height: 100%;
     background: -moz-linear-gradient(left, #03a8df 0%, #283985 100%);
     background: -webkit-linear-gradient(left, #03a8df 0%, #283985 100%);
     background: linear-gradient(to right, #03a8df 0%, #283985 100%);
     transition: left 0.4s;
 }

 .gradient:hover:before {
     left: -50%;
 }

 .bg_blue_gr {
     background: -moz-linear-gradient(left, #03a8df 0%, #283985 100%);
     background: -webkit-linear-gradient(left, #03a8df 0%, #283985 100%);
     background: linear-gradient(to right, #03a8df 0%, #283985 100%);
 }

 .pt150 {
     padding-top: 150px;
 }

 .lightblue {
     color: #1C6BA3;
 }

 .bg_gray {
     background: #e7e7e8;
 }

 .brands {
     width: 30%;
     text-align: center;
     margin: 0 auto;
     display: inline-block;
     height: 150px;
     position: relative;
 }

 .brands img {
     display: block;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     max-width: 100%;
     max-height: 100%;
     /* max-width: 320px;
    max-height: 100px;
    max-width: 55%;
    max-height: 50%; */
 }

 .brands img.cabcharge {
     width: 200px;
 }

 .brands img.silver {
     width: 217px;
 }

 .brands img.cabs {
     width: 250px;
 }

 .brands img.mti {
     width: 250px;
 }

 .brands img.spotto {
     width: 202px;
 }

 .brands img.giraffe {
     width: 328px;
 }

 .brands img.Cabsure {
     width: 208px;
 }

 .hiddenTxt {
     display: none;
 }


 .round {
     margin: 0 auto 40px auto;
     padding: 40px;
     background: -moz-linear-gradient(left, #03a8df 0%, #283985 100%);
     background: -webkit-linear-gradient(left, #03a8df 0%, #283985 100%);
     background: linear-gradient(to right, #03a8df 0%, #283985 100%);
     transition: left 0.4s;
     display: block;
     border-radius: 50%;
     width: 150px;

     height: 150px;


     cursor: pointer;
     transition: transform 0.5s;
 }

 .round.pcls1 {
     padding: 30px;
 }

 .round.pcls4 {
     padding: 35px;
 }

 .round:hover {
     transform: scale(0.8);
 }

 .round img {
     display: block;
     width: 100%;
 }

 .ourpeople #popUpContent {
     width: 600px;

 }

 #mainContent {
     transition: opacity 0.45s;
 }

 #next_p,
 #pre_p {
     position: absolute;
     display: block;
     width: 15px;
     height: 15px;
     top: calc(50% - 8px);
 }

 #next_p {
     right: -30px;
     border-right: 2px solid #fff;
     border-bottom: 2px solid #fff;
     transform: rotate(-45deg);
 }

 #pre_p {
     left: -25px;
     border-left: 2px solid #fff;
     border-bottom: 2px solid #fff;
     transform: rotate(45deg);
 }

 .popup_txt {
     color: #1C6BA3;
     font-family: "Montserrat", sans-serif;
     font-size: 16px;
     background: #fff;
 }

 .popup_txt svg {
     height: 90px;
 }

 .popup_txt .st0,
 .popup_txt .st1 {
     fill: #1C6BA3 !important;
 }

 .mb40 {
     margin-bottom: 40px;
 }

 .whoweserve p {
     width: 100%;
 }

 .br100 {
     display: block;
     float: left;
     height: 40px;
     width: 100%;
 }

 .hear p {
     text-align: center;
 }

 .circle p {
     text-align: center;
     max-width: 225px;
     margin: 0 auto;
 }

 .field {
     width: 50%;
     float: left;
     padding: 150px 0 150px 100px;
     background-size: cover;
     background-position: right center;
     position: relative;
     overflow: hidden;
     display: block;
     color: #fff;
 }

 .field h2 {
     text-align: left;
     font-size: 40px;
     margin-bottom: 30px;
 }

 .field p {
     text-align: left;
     color: #fff;
     width: 100%;
     margin-bottom: 30px;
     max-width: 100%;
 }

 .field:hover .triBg {
     right: 0%;
 }

 .txtholder {
     transition: transform 0.3s;
     position: relative;
     z-index: 3;
 }

 .field:hover .txtholder {
     transform: translateX(25px);
 }

 .field:after {
     background: rgba(255, 255, 255, 0.2);
     transition: background 0.3s;
 }

 .field.bg_1:after,
 .bg_4.field:after {
     background: rgba(41, 50, 129, 0.2);

 }

 .field.bg_1:hover:after,
 .bg_4.field:hover:after {
     background: rgba(41, 50, 129, 0.5);

 }

 .field:hover:after {
     background: rgba(255, 255, 255, 0.5);
 }

 .triBg {
     position: absolute;
     width: 150%;
     right: 30%;
     height: 500%;
     transform-origin: top right;
     transform: rotate(30deg);
     display: block;
     top: 0;
     transition: right 0.3s;
     z-index: 1;
 }

 .bg_1 .triBg {
     background: #00aee5;
 }

 .bg_2 .triBg,
 .bg_3 .triBg {
     background: #d9dcdd;
 }

 .bg_4 .triBg {
     background: #293281;
 }

 .field.bg_2 p,
 .field.bg_2 h2,
 .field.bg_3 p,
 .field.bg_3 h2 {
     color: #293281;
 }

 .search {
     width: 230px;
     display: block;
     padding: 17px 0;
     background: #293281;
     position: relative;
     z-index: 3;
     color: #fff;
     text-align: center;
     font-size: 1.125em;
     font-weight: bold;
     transition: all 0.3s;
     border-radius: 5px;
 }

 .search span {

     position: relative;
     display: inline-block;
     margin-right: 9px;
     z-index: 2;

 }

 .search span::after {

     content: '';
     position: absolute;
     display: block;
     width: 15px;
     height: 15px;
     right: -20px;
     border-right: 3px solid #fff;
     border-bottom: 3px solid #fff;
     transform: rotate(-45deg);
     top: 7px;

 }

 .bg_4 .search span::after {
     border-right: 3px solid #293281;
     border-bottom: 3px solid #293281;


 }

 .bg_4 .search {
     color: #293281;
     background: #fff;
 }

 .roundImage {
     width: 270px;
     border-radius: 50%;
     display: block;
     margin: 0 auto 50px auto;
 }

 .f8 {
     font-size: 0.8em !important;
 }

 .line {
     width: 50px;
     height: 1px;
     background-color: #ffffff;
     margin: 0 auto;
 }

 .max560 .head.mb10 {
     margin-bottom: 10px !important;
 }

 #page-privacypolicy .text ul,
 #page-privacypolicy .text ol {
     position: relative;
     color: #293281;
     top: auto;
     left: auto;
     border: none;
     padding: 0;
     visibility: visible;
     opacity: 1;
     transition: none;
     width: auto;
     margin: auto;
     max-width: 950px;
     width: 90%;
     list-style: decimal;
     padding-left: 100px;
     text-align: left;
 }

 #fadeIn {
     transition: all 1s;
     transform: translateX(-50px);
     opacity: 0;
 }

 #fadeIn.animate {
     animation: fadein 1.2s forwards;
     animation-delay: 0.5s;
 }

 @keyframes fadein {
     0% {
         transform: translateX(-50px);
         opacity: 0;
     }

     100% {
         transform: translateX(0);
         opacity: 1;
     }
 }

 .blue1 * {
     color: #1C6BA3;
 }

 .max800 {
     max-width: 850px;
     z-index: 2;
     position: relative;
 }

 .ptb250 {
     padding-bottom: 250px;
     padding-top: 250px;
 }

 .ptb100 {
     padding-bottom: 100px;
     padding-top: 100px;
 }

 .bg_lightgray {
     background-color: #d9dcdd;
     color: #293281;
 }

 .bg_white2 {
     background: #fafafa;
 }


 /* bivek edit part */
 .minHalf {
     min-height: 50vh
 }

 .brands_content h2 {
     color: #fff;
     max-width: 950px;
     margin: 0 auto;
 }

 .brands_content {
     padding-left: 50px;
     padding-right: 50px;
 }

 .brands_content p {
     color: #fff;
     text-align: left;
     max-width: 950px;
     margin: 0 auto
 }



 .regular {
     font-family: "Montserrat", sans-serif;
 }

 .bold {
     font-family: "Montserrat", sans-serif;
     font-weight: 600;
 }

 .fs16 {
     font-size: 16px;
 }

 .max520 {
     max-width: 520px;
 }

 .max1160 {
     max-width: 1160px;
 }

 .max1204 {
     max-width: 1204px;
 }

 .max1120 {
     max-width: 1120px;
 }

 .max1060 {
     max-width: 1060px;
 }

 .max665 {
     max-width: 645px;
 }

 .max725 {
     max-width: 725px;
 }

 .max700 {
     max-width: 700px;
 }


 .w160 {
     width: 170px;
 }

 .pt125 {
     padding-top: 125px;
 }

 .pb105 {
     padding-bottom: 105px;
 }

 .mb20 {
     margin-bottom: 20px;
 }

 .mb80 {
     margin-bottom: 80px;
 }

 .mb100 {
     margin-bottom: 100px;
 }

 .pb160 {
     padding-bottom: 160px;
 }

 .hasline.lightblue:after {
     background: #1C6BA3;
 }

 .arrow {
     font-size: 50px;
     line-height: 20px;
     display: inline-block;
     vertical-align: middle;
 }

 .mw700>p {
     width: 100%;
 }



 .ls0 {
     letter-spacing: 0;
 }

 #vehicle-wrapper {
     overflow: hidden;
 }

 #vehicle-wrapper h3 {
     font-size: 28px;
 }

 .fs50 {
     font-size: 50px;
 }

 .fs40 {
     font-size: 40px;
 }

 .fs26 {
     font-size: 26px;
 }

 .fs20,
 .fs20 p {

     font-size: 20px;
     line-height: 1.56
 }

 .f25,
 .f25 * {
     font-size: 25px;
     font-family: "Montserrat", sans-serif;
     line-height: 1.48
 }

 .f25 strong {
     font-family: "Montserrat", sans-serif;
     font-weight: 600;

 }

 .mission_content p {

     max-width: 1075px;
 }



 .bgmobile {
     background-size: 0;
 }

 .pr10 {
     padding-right: 10px
 }

 .pl10 {
     padding-left: 10px
 }

 .prl5 {
     padding-left: 5px;
     padding-right: 5px;
 }

 .para-text {

     position: relative;
     z-index: 3;
     padding: 150px 0;

 }

 .para-text h3 {
     color: #fff;
 }

 #page-aboutus .grid_4:nth-child(4) {
     background: #00aee5;
 }

 /*#page-aboutus.director .grid_4:nth-child(4) .pop_up {
    display: none !important;
}*/
 /*#page-aboutus.director .grid_4:nth-child(4)::before {
    content: 'Creating confidence in Australia’s plans';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #ffffff;
    font-size: 2.375em;
    margin-bottom: 0.5em;
    line-height: 1.4;
    width: 100%;
    text-align: center;
    margin: 0;
    font-family: "Montserrat", sans-serif; font-weight: 600;
 
}*/

 .comfort {
     height: 55px;
     margin-left: 30px;
 }

 .tint::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 20, 29, 0.5);
 }

 .tint h1 {
     z-index: 2;
 }


 @media screen and (max-width : 1700px) {
     .icon {
         height: 65px;
         margin-bottom: 20px;
     }

     .icon.caricon {
         height: 65px;
     }


     .animate.arrowholder span {
         width: 250px;
     }

     .title {
         font-size: 28px;
         margin-bottom: 20px;
     }

     .field {
         padding: 130px 0 130px 40px;
     }

     .field h2 {
         font-size: 32px;
     }

     .container {
         width: calc(100% - 120px);
     }

     .People_details {
         font-size: 1em;
         padding: 30px;
     }

     .People_details p {
         font-size: 1em;
     }

     /* .brands img {
        max-width: 80%;
        max-height: 80%;
        max-width: 55%;
        max-height: 50%;
    } */
     .ptb150 {
         padding-top: 75px;
         padding-bottom: 75px;
     }
 }

 @media screen and (max-width : 1400px) {
     #vehicle-wrapper .row {
         flex-direction: column;
         align-items: center;
     }

     .max800 {
         max-width: 750px;
     }

     br.desktop {
         display: none;
     }
 }

 @media screen and (max-width : 1280px) {



     .ptb250 {
         padding-bottom: 100px;
         padding-top: 100px;
     }



     .pl100 {
         padding-left: 40px;
     }

     .span.name {
         margin-top: 10px;
     }

     span.Pd {
         margin-top: 0;
     }
 }

 @media screen and (max-width : 1200px) {
     body {
         font-size: 16px;
     }

     .ptb100 {
         padding-top: 75px;
         padding-bottom: 75px;
     }

     .pt100 {
         padding-top: 75px;
     }

     .pb100 {
         padding-bottom: 75px;
     }

     .plus {
         margin: 25px auto 0 auto;
     }

     .footer_container .pl40 {
         padding-left: 40px;
     }

     footer p,
     footer a {
         font-size: 16px;
     }

     .container {
         width: calc(100% - 60px);
     }

     .copy p {
         width: 100%;
         max-width: 100%;
         font-size: 18px;
     }

     span.copy {

         font-size: 0.8em;
         font-weight: normal;
         color: #293281;

         margin-top: 15px;
         line-height: 1.3em;

     }

     .head {


         font-size: 34px;
         margin-bottom: 0.5em;

     }
 }

 @media screen and (max-width : 1024px) {

     .driver-container {
         flex-direction: column;
     }

     .driver-wrapper {
         width: 100%;
     }

     .brands img {
         -webkit-transform: translate(-50%, -50%) scale(0.8);
         transform: translate(-50%, -50%) scale(0.8);
     }

     .animate.arrowholder span {
         width: 330px;
     }

     #taxi {
         height: 85px;
         top: 0;
         right: 65px;
     }

     .p1 {
         width: 29px;
     }

     .hand {
         left: -16px;
         top: 4px;
         width: 16px;
     }


     .max800 {
         max-width: 680px;
     }



     body {
         font-size: 17px;
     }

     .head {
         margin-bottom: 20px;
     }

     .plus {
         margin: 12px auto 0 auto;
     }

     .rbt {
         right: 15px;
     }

     .pl100 {
         padding-left: 10px;
     }

     .pop_up:hover {
         opacity: 0;
     }

     #page-aboutus.director .grid_4 {
         width: calc(100% / 2)
     }
 }

 @media screen and (max-width : 908px) {

     .squarelink {
         width: 50%;
         height: 50vw;
     }


     .spacemaker {
         display: none;
     }



     .hiddenP {
         display: none;
     }

     .squarelink:hover .icon {
         transform: none;
     }

     #vehicles {
         position: static;
         transform: none;
         margin: 50px 0;
     }

     .People_details {
         padding: 0;
     }

     .right_load {
         transform: none;
     }

     p {
         font-size: 18px;
     }

     .left_load {
         transform: none;
     }

     .justmobile {
         display: block;
     }

     .justdesktop {
         display: none !important;
     }

     body {
         font-size: 18px;
         padding-top: 60px;
     }

     .grid_1,
     .grid_2,
     .grid_3,
     .grid_4,
     .grid_5,
     .grid_6,
     .grid_7,
     .grid_8,
     .grid_9,
     .grid_10,
     .grid_11 {
         width: 100%;
     }

     .tile {
         max-height: inherit;
     }

     .half,
     .one-third {
         width: 100%;
     }

     #nav-toggle {
         display: block;
     }

     ul#nav {
         padding: 0 30px;
     }

     ul#nav li {
         display: block;
         margin: 2vh 0 !important;
         width: 100%;
         text-align: center;
         padding: 0;
         background: none !important;
         border: none;
     }

     ul#nav li a:hover {
         background: none !important;
         color: #293281 !important;
     }

     .logo {
         width: 75px !important;
         height: auto;
     }

     ul#nav li a {
         margin: 0;
         text-align: left;
         width: 100%;
         line-height: normal;
         display: block;
         padding-bottom: 0;
     }

     ul#nav ol li {
         margin: 1vh 0 !important;
     }

     #nav ol li a {
         padding: 0;
         /* padding-left: 50px; */
     }

     #nav ol::before {
         content: none;
     }

     nav {
         height: 100vh;
         transition: transform 0.5s;
         background: #fff;
         text-align: left;
         position: absolute;
         width: 100%;
         right: auto;
         left: 0;
         top: 60px;
         transform: translateX(-100vw);
         padding-top: 30px;
     }

     header .container {
         max-width: 100%;
     }

     .row {
         flex-wrap: wrap;
     }

     .col {
         width: 100%;
         padding: 15px 0 !important;
         border-right: none !important;
     }

     .perfect_center {
         padding: 100px 0;
     }

     .rbt {
         right: 0;
         left: 0;
         bottom: 0;
         top: initial;
         transform: translateY(50%) translateX(0) rotateZ(45deg);
         margin: 0 auto;
     }

     .grid_4 {
         width: 50%;
     }

     .ourbrand .grid_4 {
         width: 100%;
     }

     .report_holder {
         width: calc(50% - 40px);
         margin: 0 20px 50px 20px;
     }

     .container {
         width: calc(100% - 50px);
     }

     .ds {
         width: 200px;
     }

     #page-contactus .grid_6 {
         width: 100%;
         margin-right: 0;
     }

     header {
         height: 60px;
     }

     header .container {
         width: 100%;
     }

     .logo {
         left: 30px;
         width: 75px;
     }

     .logo img {
         width: 75px !important;
     }

     header .container.active nav {
         transform: translateX(0);
     }

     ol {
         list-style: none;
         position: relative;
         display: block;
         top: auto;
         left: auto;
         background: #ffffff;
         padding-top: 0;
         border: none;
         padding-top: 0;
         text-align: center;
         visibility: visible;
         opacity: 1;
         transition: auto;
         width: 100%;
         margin-left: 0;
         box-shadow: none;
     }


     .content-video {
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         /* height: 56vw; */
     }

     .innerabs,
     .innerabs .middle-h {
         position: relative;
         right: auto !important;
         top: auto !important;
         left: auto !important;
         height: auto !important;
         left: 0;
         max-width: 100%;
         width: 100%;
         transform: translate(0%, 0%);
         float: left;
     }

     .semi {
         width: 100%;
         position: relative;
     }

     #page-aboutus.whoweserve .semi {
         position: relative;
         right: auto !important;
         top: auto !important;
         left: auto !important;
         height: auto !important;
         left: 0;
         max-width: 100%;
         width: 100%;
         transform: translate(0%, 0%);
         float: left;
     }

     #page-aboutus.whoweserve .c1800 {
         width: 100%;
         margin: 0 auto;
         clear: both;
         position: relative;
         padding: 50px 0;
     }

     #page-aboutus.whoweserve .ptb100 {
         padding-top: 50px;
         padding-bottom: 50px;
     }

     .fullh {
         height: auto;
         min-height: 100vw;
     }

     .para {
         position: relative;
         top: 0 !important;
         height: 100vw !important;
     }



     .fullh .middle {
         position: static;
         padding: 60px 20px;
         background: #293281;
         width: 100%;
         max-width: 100%;
         top: auto;
         left: auto;
         transform: translate(0);
     }

     .fullh.darkafter:after {
         display: none;
     }

     h1 {
         font-size: 2.5em;
     }

     #page-aboutus.whoweserve h1 {
         font-size: 2em;
     }

     h2 {
         font-size: 30px;
     }

     .pt150 {
         padding-top: 50px;
     }

     .brands {
         width: 45%;
         height: 70px;
     }


     .circle {
         margin-bottom: 50px;
         min-height: 245px;
     }

     .br100 {
         display: none;
     }

     .field {
         width: 100%;
         padding: 20vw 40px;
     }

     .hear .grid_4 {
         margin-bottom: 50px;
     }

     .pb200 {
         padding-bottom: 50px;
     }

     #page-privacypolicy .text ul,
     #page-privacypolicy .text ol {
         padding-left: 40px;
     }

     .ptb250 {
         padding-bottom: 150px;
         padding-top: 150px;
     }





     .container {
         max-width: calc(100% - 80px);
     }

     /*.ptb100 {
    padding-top: 50px;
    padding-bottom: 50px;
}
	.pt100{
		padding-top: 50px;
	}
	.pb100{
		padding-bottom: 50px;
	}
	.pt100{
		padding-top: 50px;
	}*/
     .grid_4 {
         width: 100%;
     }

     .ourpeople .halfm .grid_4 {
         width: 50%;
         min-height: 276px;
     }

     .ourpeople h4 {
         font-size: 16px;
     }

     .field h2 {
         font-size: 23px;
     }

     .tile {
         padding: 50px 0;
     }

     .head {
         letter-spacing: 0;
         font-size: 2.3em;
     }

     .ds {
         width: 100%;
         display: block;
         float: none;
     }

     .annual_year,
     .details {
         display: block;
     }

     .report_holder {
         width: 100%;
         margin: 0 auto 50px auto;
     }

     .download_symbol {
         background-position: right 0;
     }

     .fixposition {
         height: 56vw;
         top: 60px !important;

     }

     #play {
         width: 50px;
         height: 50px;
         transform: translate(-50%, -50%) translateY(0);
     }


     #mute-video {
         top: 10px;
         right: 10px;
         width: 30px;
         height: 30px;
     }

     .brands img {
         max-width: 100%;
         max-height: 100%;
     }

     .content-video {
         top: 0%;
         left: 0%;
         transform: translate(-0%, -0%);
         height: 100%;
     }

     .ptb250 {
         padding-top: 50px;
         padding-bottom: 25px;
     }

     .ptbmobile {
         padding: 150px 0;
     }

     .icon {
         height: 80px;
         margin-bottom: 15px;
     }

     .title {
         font-size: 30px;
     }

     .arrowholder span {
         display: none;
     }

     .waving {
         position: relative;
         right: 0;
         width: 200px;
         top: auto;
         margin: 40px auto 0 auto;
         transform: translateY(-0%);
     }

     footer p,
     footer a {
         font-size: 14px;
     }

     .fs20 p {
         font-size: 18px;
     }

     .bgmobile {
         height: 100vw;
         background-size: cover;
         width: 100% !important;
         max-width: 100% !important;
     }

     .bgmobile img {
         display: none;
     }

     .ptb100 {
         padding-top: 50px;
         padding-bottom: 50px;
     }

     .logo_holder {
         padding: 60px !important;
     }

     .perfect_center.logo_holder svg,
     .perfect_center.logo_holder img {
         max-width: 200px;
     }

     .rbt {
         width: 25px;
         height: 25px;
     }

     h5.mb100 {
         margin-bottom: 40px !important;
     }

     .pb160 {
         padding-bottom: 50px;
     }

     #par {
         height: 80vw;
     }

     .pr50 {
         padding-right: 0;
     }

     .mbmobile {
         margin-bottom: 40px;
     }

     .f50 {
         font-size: 24px;
     }

     .hsp:before {
         display: none;
     }

     .hsp {
         margin-bottom: 0 !important;
     }

     #nav ol li:first-child a:before {
         display: none;
     }

     #nav ol li:first-child a {
         border-top-left-radius: 0;
         border-top-right-radius: 0;
         border: none;
     }

     .desktop {
         display: none;
     }

     .container.fullmobile {
         width: 100%;
         max-width: 100%;
     }

     .container.fullmobile .grid_6 {
         padding: 30px;
         width: 100%;
     }

     .max620 {
         padding-left: 0;
     }

     .head.justmobile {
         text-align: center;
     }

     .sm.justmobile {
         text-align: center;
     }

     p.quate:after,
     p.quate:before {
         font-size: 44px;
         text-align: center;
         line-height: 0.6;
         margin: 0;
     }

     p.quate:after {

         margin-top: 20px;

     }

     p.quate:before {
         margin-top: 20px;
     }

     .nopbm {
         padding-bottom: 0 !important;
     }

     .centerm {
         text-align: center !important;
     }

     h1 {
         font-size: 30px;
     }

     .fs26 {
         font-size: 18px;
     }

     .fs50 {
         font-size: 30px;
     }

     .round {
         width: 137px;
         height: 137px;
         padding: 30px;
     }


     .pl50 {
         padding-left: 0;
     }

     .popDesktop {
         display: none;
     }

     .popMobile {
         display: block;
     }

     .People_details {
         padding: 0 30px;
         display: block;
         height: 0;
         overflow: hidden;
         transition: height 0.5s;
     }

     .innerH {
         padding: 30px 0;
     }

     h3 {

         font-size: 28px;

     }

     .qm {
         font-size: 17px;
     }

     #page-aboutus.ourpeople #nav li ol li a.ourpeople,
     #page-aboutus.ourdrivers #nav li ol li a.ourdrivers,
     #page-aboutus.whoweare #nav li ol li a.whoweare,
     #page-aboutus.whoweserve #nav li ol li a.whoweserve,
     #page-aboutus.ourbrand #nav li ol li a.ourbrand,
     #page-aboutus.director #nav li ol li a.director,
     #page-aboutus.executives #nav li ol li a.executives,
     #page-investorecenter.reports #nav li ol li a.reports,
     #page-investorecenter.shareprice #nav li ol li a.shareprice,
     #page-investorecenter.asx #nav li ol li a.asx,
     #page-investorecenter.shareholders #nav li ol li a.shareholders,
     #page-investorecenter.cg #nav li ol li a.cg {
         background-color: #fff;
         font-family: "Montserrat", sans-serif;
         font-weight: 600;
         color: #293281;
     }

     .f25,
     .f25 * {
         font-size: 18px;

     }

     h4 {

         font-size: 18px;

     }

     .brands_content {
         padding-left: 20px;
         padding-right: 20px;
     }

     .ptb250.minHalf {
         padding-top: 0
     }

     .semi.right.andrew {
         right: auto;
         left: 0;
         max-width: 100%;
     }

     .search {
         width: 100%;

         font-weight: bold;

     }

     .brands-list a img.eft {
         height: auto;

         width: 200px;

         max-width: 200px;
     }

     .grid_4.annualrep {
         width: 100% !important;
         margin: 0 0 20px 0 !important
     }

     .br100 {
         display: none
     }

     .para-text {


         padding: 50px 0;

     }

     .nopaddingBMob {
         padding-bottom: 0 !important;
     }

     .formbox {

         padding: 40px 0 0 0;

     }
 }


 @media screen and (max-width : 650px) {
     #page-aboutus.director .grid_4 {
         width: calc(100% / 1)
     }

     .squarelink {
         width: 100%;
         height: 100vw;
     }

     h6 br {
         display: none
     }
 }