body {
    width: 100%;
    height: 100%;
}

@font-face {
    font-family: 'lg';
    src: url('../lightgallery/lg.eot') format('embedded-opentype'), url('../lightgallery/lg.svg') format('svg'), url('../lightgallery/lg.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/OpenSans-Bold.eot'), url('../fonts/OpenSans-Bold.ttf');
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.eot'), url('../fonts/OpenSans-Regular.ttf');
}

@font-face {
    font-family: 'OpenSans-Semibold';
    src: url('../fonts/OpenSans-Semibold.eot'), url('../fonts/OpenSans-Semibold.ttf');
}



@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.eot') format('embedded-opentype'), url('../fonts/Roboto-Regular.otf') format('opentype'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf') format('truetype'), url('../fonts/Roboto-Medium.otf') format('opentype'), url('../fonts/Roboto-Medium.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.eot') format('embedded-opentype'), url('../fonts/Roboto-Bold.otf') format('opentype'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Roboto-Black';
    src: url('../fonts/Roboto-Black.eot') format('embedded-opentype'), url('../fonts/Roboto-Black.otf') format('opentype'), url('../fonts/Roboto-Black.ttf') format('truetype'), url('../fonts/Roboto-Black.woff') format('woff');
}

@font-face {
    font-family: 'SourceSans3-Bold';
    src: url('../fonts/SourceSans3-Bold.ttf') format('truetype');
}

a:hover {
    text-decoration: none;
}

.justify {
    width: 100%;
    display: inline-block;
}

.css300 {
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

.css500 {
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.platform-background {
    width: 100%;
    background-image: url(../images/platform_bg.jpg);
    background-color: #28306d;
    background-size: cover;
}

.platform-main-wrapper {
    width: 84%;
    margin: 0 auto;
    min-height: 400px;
    padding-bottom: 8%;
}

.header {
    width: 100%;
}

@media screen and (max-width: 780px){
    .header{
        text-align: center;
    }
}


.about-breadcrumbs {
    font-family: Roboto-Bold;
    font-size: 14px;
    line-height: 15.5px;
    letter-spacing: 2px;
    color: #9ea1bb;
    padding-top: 50px;
}

.breadcrumbs-circle {
    height: 7px;
    width: 7px;
    border-radius: 50%;
    border: 1px solid #9ea1bb;
    display: inline-block;
    margin: 0 5px;
}

.second-title {
    font-family: Roboto-Black;
    line-height: 15.5px;
    font-size: 30px;
    word-spacing: 2px;
    color: white;
    margin-bottom: 40px;
    position: relative;
    letter-spacing: 7px;
}

.bus-headline-outer {
    width: 100%;
}

.bus-headline {
    text-align: center;
    position: relative;
    bottom: 10px;
}

.bus-text {
    font-family: 'SourceSans3-Bold';
    font-size: 48px;
    line-height: 60px;
    color: #fcd03b;
    text-shadow: 0 4px 0px rgba(25,32,82,1);
}

@media screen and (max-width: 767px){
    .bus-text {
        font-size: 30px;
        line-height: 1.4em;
    }
}

.bus {
    text-align: center;
    position: relative;
    width: 84%;
    margin: 0 auto;
    top: -30%;
}

.digital {
    text-align: center;
    position: relative;
    width: 75%;
    margin: 0 auto;
    top: -35%;
}

@media screen and (min-width:2000px){
    .bus {
        top: -60%;
    }
}

@media screen and (max-width: 1380px) {
    .bus {
        position: relative;
        top: -50%;
    }
}


.bus-image {
    position:relative;
    bottom:-25%;
}

.bus-image img {
    width: 70%;
    margin: 0 auto;
}

@media screen and (min-width: 1400px) {
    .bus-image img {
        width: 65%;
    }

    .cab-img img {
        width: 71%;
    }
}

@media screen and (min-width: 2000px) {
    .bus-image img {
        width: 63%;
    }
}

@media screen and (max-width: 767px) {
    .bus-image img {
        width: 100%;
    }
}

.taxi-rates {
    max-width: 1280px;
    margin: 0 auto;
}

.about-rates {
    max-width: 1280px;
    margin: 0 auto;
    margin-top: 100px;
}

.about-rates-wrapper {
    width: 95%;
    margin: 0 auto;
    padding-top: 3vw;
}

@media screen and (max-width: 800px) {
    .about-rates {
        margin-top: 70px;
    }
}

@media screen and (max-width: 1500px){
    .about-rates-wrapper {
        width: 95%;
        margin: 0 auto;
        padding-top: 7vw;
    }
}

.rates {
    width: 48%;
    background-color: #f5f6f6;
    display: inline-block;
    padding-bottom: 30px;
}

@media screen and (max-width: 800px) {
    .rates {
        width: 90%;
        background-color: #f5f6f6;
        display: block;
        margin: 0 auto;
    }
}

.table {
    width: 85%;
    margin: 0 auto;
}

.align-table{
    margin: 0 auto;
}

.small-title {
    font-family: Roboto-Bold;
    font-size: 14px;
    color: #d4a339;
    text-align: center;
    display: block;
    margin-top: 30px;
    padding-top: 45px;
    letter-spacing:3px;
}

.big-title {
    font-family: Roboto-Black;
    font-size: 30px;
    color: #28306d;
    text-align: center;
    padding-top: 6px;
    letter-spacing: 1px;
}

.weekly {
    display: block;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-top: 30px;
    height: 30%;
}

.inner-box {
    background-color: #d4a339;
    height: 45px;
    max-width: 250px;
    margin: 0 auto;
    position: absolute;
    vertical-align: top;
    text-align: center;
    left: 0;
    right: 0;
    border-radius: 5px;
    z-index: 1;
}

.yellow-dots {
    display: inline-block;
}

.white-title {
    display: inline-block;
    font-family: Roboto-Black;
    color: white;
    font-size: 14px;
    line-height: 45px;
    width: 82%;
    text-align: center;
    letter-spacing: 1px;
}

.yellow-border-box {
    position: relative;
    border: 1px solid #d4a339;
    margin-top: 22.5px !important;
    text-align: center;
}

@media screen and (max-width: 580px) {
    .yellow-border-box {
        position: relative;
        margin-top: 22.5px;
        text-align: center;
        border: 1px;
    }
}

.text {
    font-family: Roboto-Regular;
    font-size: 16px;
    line-height: 42px;
    letter-spacing: 0.1px;
    position: relative;
    padding-top: 40px;
    padding-bottom: 20px;
}



.Production-Cost .yellow-border-box {
    min-height: 91px;
}

.right-table{
    margin-left: 3.5%;
}

@media screen and (max-width: 1280px) {
    .right-table {
        margin-left: 3%;
    }
}

@media screen and (max-width: 830px) {
    .right-table {
        margin: 0 auto;
    } 
}

.button-bar{
    width: 100%;
    min-height: 150px;
    text-align:center
}

.button-outer-box {
    margin: 0 auto;
    padding:30px 0;
}

.button-box {
    display: inline-block;
    line-height: 55px;
    width: 205px;
    border-radius: 50px;
}

.button-outer-box img {
    display: inline-block;
    margin: auto;
}

.button-outer-box a {
    font-family: Roboto-Bold;
    font-size: 14px;
    line-height: 60px;
    border: 2px solid #28306d;
    color: #28306d;
    border-radius: 50px;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 205px;
    text-align: center;
    display: inline-block;
    letter-spacing: 2px
}

.call-button-icon {
    background-image: url(../images/contact-phone-purple.png);
    background-size: contain;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-left: 3px;
    vertical-align: text-bottom;
}

.more-rates {
    width: 100%;
    background-color: #daaa3e;
    background-size: cover;
}

.grab-rates {
    width: 100%;
    background-size: cover;
}

.two-box-outer {
    width: 75%;
    margin: 0 auto;
}


@media screen and (min-width: 2000px) {
    .two-box-outer{
        width: 50%;
    }
}

@media screen and (max-width:767px){
    .two-box-outer {
        width: 95%;
        margin: 0 auto;
    }
}

.left-box{
    width: 49%;
    display: inline-block
}

@media screen and (max-width:1000px) {
    .left-box {
        padding-top: 0px;
        display: block;
        width: 100%;
    }
}

.right-box {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}


@media screen and (max-width:1000px) {
    .right-box {
        display: block;
        width: 100%;
    }

    .transcab-table {
        margin: 0 auto;
    }

    .grab-both {
        display: flex;
        flex-wrap: wrap;
    }

    .left {
        order: 2;
    }

    .right {
        order: 1;
    }
}

.hanger-img {
    display: inline-block;
    position: relative;
}

.polkadot {
    position: absolute;
    height: 540px;
    z-index: 0;
    left: -190px;
    width: auto !important;
}

@media screen and (min-width: 2000px) {
    .polkadot{
        display: none;
    }
}


@media screen and (max-width: 1300px){
    .polkadot {
        position: absolute;
        z-index: 0;
        left: -125px;
        width: auto !important
    }
} 

@media screen and (max-width: 1000px){
    .polkadot {
        bottom: -13px;
    }
} 

@media screen and (max-width: 780px) {
    .polkadot {
        display: none;
    }
}

.hanger {
    position: relative;
    z-index: 1;
    width: 80%;
    margin: 0 auto;
    display: block;
}

.right-box .table {
    padding-bottom: 110px;
}

@media screen and (max-width: 580px){
    .right-box .table {
        padding-bottom: 12px;
    }
}

.right-box .small-title {
    font-family: Roboto-Bold;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    display: block;
    padding-top: 19px;
}

.right-box .big-title {
    font-family: Roboto-Black;
    font-size: 30px;
    color: #fff;
    text-align: center;
    padding-top: 6px;
    letter-spacing: 1px;
}

.right-box .inner-box {
    background-color: #fff; 
}

.right-box .big-title {
    color: #fff;
}

.right-box .inner-box {
    background-color: #fff;
}

.right-box .yellow-border-box {
    border: 1px solid #fff;
    max-width: 520px;
    margin: auto;
}

@media screen and (max-width: 500px) {
    .right-box .yellow-border-box {
        border: none;
    }
}

.right-box .text {
    color: #fff;
}

.right-box .white-title {
    color: #d4a339;
}

.enquiry-button:hover {
    color: #fff;
    background-color: #28306d;
}

.enquiry-button:hover .call-button-icon {
    background-image: url(../images/contact-phone-white.png);
}

.bus-text-small {
    font-family: Roboto-Regular;
    font-size: 15px;
    line-height: 30px;
    color: white;
    word-spacing: 0.1px;
    text-align: center;
}


@media screen and (max-width: 780px) {
    .bus-text-small {
        font-size: 14px;
    }

}

.bus-text-wrapper {
    width: 55%;
    margin: 0 auto;
    position: relative;
    padding-top: 2vw;
}

@media screen and (max-width: 1500px) {
       .bus-text-wrapper{
           width: 80%;
       }
}

@media screen and (max-width: 820px) {
    .bus-text-wrapper {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
}

.bus-bar {
    background-image: url(../images/wavy-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    width: 100%;
    height: 12vw;
}

.taxi {
    text-align: center;
    position: relative;
    width: 71%;
    margin: 0 auto;
    bottom: 25%;
}

@media screen and (max-width:500px){
    .taxi {
        text-align: center;
        position: relative;
        width: 71%;
        margin: 0 auto;
    }
}


.taxi-inner-box {
    background-color: #d4a339;
    height: 45px;
    max-width: 400px;
    margin: 0 auto;
    position: absolute;
    vertical-align: top;
    text-align: center;
    left: 0;
    right: 0;
    border-radius: 5px;
    z-index: 1;
}

.taxi-yellow-border-box {
    position: relative;
    border: 1px solid #d4a339;
    margin-top: 22.5px !important;
    text-align: center;
    padding-bottom: 14px;
    border: 1px solid white;
}

.loli .taxi-yellow-border-box {
    border: 1px solid #d4a339;
}

@media screen and (max-width: 500px) {
    .taxi-inner-box {
        height: 59px;
    }

    .taxi-yellow-border-box {
        border: none !important;
    }
}


.taxi-table-rates {
    width: 60%;
    display: block;
    margin: 0 auto;
}

@media screen and (max-width: 1200px) {
    .taxi-table-rates {
        width: 100%;
    }
}

.taxi-table {
    width: 85%;
    margin: 0 auto;
    padding-bottom: 40px;
}

.taxi-main-wrapper {
    width: 84%;
    margin: 0 auto;
    min-height: 400px;
    padding-bottom:8%;
}

.taxi-rates-wrapper {
    width: 95%;
    margin: 0 auto;
    padding-top: 36px;
}

.taxi-yellow-dots {
    display: inline-block;
    vertical-align: middle;
}

@media screen and (max-width:500px){
    /*.taxi-yellow-dots {
        display: none;
    }*/
}

.taxi-white-title {
    display: inline-block;
    font-family: Roboto-Black;
    color: white;
    font-size: 14px;
    line-height: 45px;
    width: 82%;
    text-align: center;
    letter-spacing: 1px;
    vertical-align: middle;
}

@media screen and (max-width:500px){
    .taxi-white-title {
        line-height: 30px;
    }
}

.walker-image img {
    width: 56%;
    margin: 0 auto;
}



.walker {
    text-align: center;
    position: relative;
    width: 84%;
    margin: 0 auto;
    bottom: 20%;
    transform: translateY(-20%);
}

@media screen and (min-width: 767px) {
    .walker-image img {
        width: 30%;
        margin: 0 auto;
    }

}

@media screen and (min-width: 1000px) {
    .walker-image img {
        width: 26%;
        margin: 0 auto;
    }

    .walker {
        bottom: 15%;
        transform: translateY(-15%);
    }
}

.walker-bar {
    background-image: url(../images/wavy-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    width: 100%;
    height: 12vw;
}

.truck {
    text-align: center;
    position: relative;
    width: 84%;
    margin: 0 auto;
    top: -55%;
}




.truck-image img {
    width: 57%;
    margin: 0 auto;
}

@media screen and (min-width: 1400px) {
    .truck-image img {
        width: 49%;
    }
}

@media screen and (max-width:767px){
    .truck-image img {
        width: 70%;
        margin: 0 auto;
    }
}

.truck-text-wrapper {
    padding-top: 33px;
    width: 50%;
    margin: 0 auto;
    position: relative;
}

@media screen and (max-width: 1500px){
    .truck-text-wrapper {
        width: 80%;
    }
}

@media screen and (max-width: 600px) {
    .truck-text-wrapper {
        padding-top: 1px;
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
}




.radio-image img {
    width: 50%;
    margin: 0 auto;
    max-width:650px;
    min-width:400px;
}

@media screen and (max-width:1380px){
    .radio-image img {
        width: 84%;
        margin: 0 auto;
    }
}

@media screen and (max-width:767px){
    .radio-image img {
        width: 58%;
        margin: 0 auto;
        min-width: 0px;
    }
}

.radio-image {
    margin: 0 auto;
    max-width: 650px;
}

.radio-button-outer-box a {
    font-family: Roboto-Bold;
    font-size: 14px;
    line-height: 72px;
    border: 2px solid #28306d;
    color: #28306d;
    border-radius: 50px;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 300px;
    text-align: center;
    display: inline-block;
    letter-spacing: 2px;
}

.radio-button-outer-box {
    padding-top: 2vw;
}

@media screen and (max-width:767px){
    .radio-button-outer-box {
        padding-top: 6vw;
    }
}

.radio-button-box {
    display: inline-block;
    line-height: 36px;
    width: 230px;
    border-radius: 50px;
}

.radio-main-wrapper {
    width: 84%;
    margin: 0 auto;
    min-height: 650px;
}

.radio {
    text-align: center;
    position: relative;
    width: 50%;
    margin: 0 auto;
    top: -36%;
}

@media screen and (max-width: 1380px){
    .radio {
        position: relative;
        top: -130%;
    }
}

@media screen and (max-width: 767px){
    .radio {
        top: -135%;
        width: 100%;
    }
}

.white-bar {
    height: 10vw;
}

.airport-image img {
    width: 42%;
    margin: 0 auto;
}

@media screen and (min-width: 1400px){
    .airport-image img {
        width: 41%;
    }
} 

@media screen and (max-width:767px){
    .airport-image img {
        width: 59%;
    }
}

.airport-main-wrapper {
    width: 84%;
    margin: 0 auto;
    min-height: 400px;
    padding-bottom: 8%;
}

.airport-text {
    text-align: center;
    font-family: 'SourceSans3-Bold';
    color: #28306d;
    font-size: 16px;
    line-height: 1.4em;
}

.pale-dot {
    width: 12%;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
}

.symbol {
    width: 50%;
    vertical-align: middle;
    display: inline-block;
}



@media screen and (min-width: 768px) and (max-width: 1280px) {
    .pale-dot {
        display: inline-block;
    }

        .pale-dot.mobile {
            display: none;
        }

    .symbol {
        width:66% !important;
    }
}

@media screen and (max-width: 767px) {
    .pale-dot {
        display: none;
    }

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

.half-box {
    width: 49%;
    display: inline-flex;
    padding-bottom: 23px;
}

@media screen and (max-width: 1100px) {
    .half-box {
     width: 100%;
    }
} 

.align-icon {
    margin: 0 auto;
    width: fit-content;
}

.airport-content-box {
    width: 33%;
    display: inline-block;
    vertical-align: top;
}

.airport-title {
    text-align: center;
    font-family: Roboto-Black;
    font-size: 30px;
    line-height: 42px;
    word-spacing: 5px;
    color: #28306d;
    width: 100%;
    padding-bottom: 39px;
    padding-top: 20px;
}

.white-airport-text {
    font-size: 48px;
    font-family: 'SourceSans3-Bold';
    line-height: 60px;
    color: #ffffff;
    text-shadow: 0 4px 0px rgba(25,32,82,1);
}

.airport-points {
    padding-top: 30px;
}

.airport-bar {
    background-image: url(../images/wavy-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    width: 100%;
    height: 12vw;
}

@media screen and (max-width: 767px){
    .airport-bar {
        height: 16vw;
    }

    .white-airport-text {
        font-size: 30px;
        line-height: 1.4em;
    }
}

.airport {
    text-align: center;
    width: 84%;
    margin: 0 auto;
    position: relative;
    bottom: 25%;
}

@media screen and (max-width:767px){
    .airport {
        width: 90%;
    }
}

.icon-image {
    text-align: center;
}

.overview-icon {
    width: 19%;
    display: inline-block;
    vertical-align: middle;
}

.overview-icon img{
    width: 50%;

}

.overview-text {
    width: 80%;
    display: inline-block;
    font-family: Roboto-Medium;
    font-size: 18px;
    color: #fff;
    vertical-align: middle;
}

@media screen and (max-width:767px){
    .overview-text {
        padding-top: 10px;
    }
}

.overview-points {
    padding: 25px;
}

@media screen and (max-width:535px){
    .overview-points {
        text-align: center;
    }
}

.two-box-outer .airport-title {
    text-align: center;
    font-family: Roboto-Black;
    font-size: 30px;
    line-height: 42px;
    word-spacing: 5px;
    color: #fff;
    width: 100%;
    padding-bottom: 39px;
    padding-top: 20px;
}

.overview-text .span{
    width: 80%;
    display: inline-block;
    font-family: Roboto-Medium;
    font-size: 30px;
    color: #fff;
}

.overview-text span {
    font-size: 30px;
}

.airport-stuff .button-bar .button-outer-box a {
    font-family: Roboto-Bold;
    font-size: 14px;
    line-height: 60px;
    border: 2px solid #fff;
    color: #fff;
    border-radius: 50px;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 205px;
    text-align: center;
    display: inline-block;
    letter-spacing: 2px;
}

.airport-stuff .white-call-button-icon {
    background-image: url(../images/contact-phone-white.png);
    background-size: contain;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-left: 3px;
    vertical-align: text-bottom;
}

.airport-stuff .enquiry-button:hover {
    color: #daa93e !important;
    background-color: #fff;
}

    .airport-stuff .enquiry-button:hover .white-call-button-icon {
        background-image: url(../images/contact-phone.png);
    }

.airport-stuff .button-bar {
    background-color: #daa93e;
}

.dotty-box {
    margin: 10px 0;
    text-align: center;
    display: flex;
}

.truck-white-title {
    display: inline-block;
    font-family: Roboto-Black;
    color: white;
    font-size: 14px;
    line-height: 45px;
    width: 82%;
    text-align: center;
    letter-spacing: 1px;
}

@media screen and (max-width: 500px){
    .truck-white-title {
        line-height: 57px;
    }
}

.walker-button-outer-box a {
    font-family: Roboto-Bold;
    font-size: 14px;
    line-height: 72px;
    border: 2px solid #28306d;
    color: #28306d;
    border-radius: 50px;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 300px;
    text-align: center;
    display: inline-block;
    letter-spacing: 2px;
}

.walker-button-bar {
    width: 100%;
    min-height: 200px;
    text-align: center;
    padding-top: 30vw;
}

@media screen and (min-width:600px) {
    .walker-button-bar {
        padding-top: 25vw;
    }
}

@media screen and (min-width:767px) {
    .walker-button-bar {
        padding-top: 10vw;
    }
}



.invert-bar {
    background-image: url('../images/inverted-yellow-wavy-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    width: 100%;
    height: 12vw;
}

.toppy-bar {
    background-image: url('../images/yellow-wavy-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    width: 100%;
    height: 12vw;
}

.bus-points {
    padding-top: 30px;
}

.bus-content-box {
    width:33%;
    display: inline-block;
    vertical-align: top;
}

.bus-main .align-icon img {
    height: 55px;
}

.loli-truck {
    font-family: Roboto-Regular;
    font-size: 13px;
    padding-top: 15px;
    color: white;
}

@media screen and (max-width:450px) {
    .bus-main .align-icon img {
        height: 35px;
    }
}

.bus-main .symbol {
    width: 141px;
}

@media screen and (max-width:767px) {
    .bus-main .symbol {
        width: 155px;
    }
}

@media screen and (max-width:450px){
    .bus-main .symbol {
        height: 46px;
    }
}

@media screen and (max-width:450px){
    .bus-main .airport-text {
        text-align: center;
        font-family: 'SourceSans3-Bold';
        color: #28306d;
        font-size: 11px;
        line-height: 18px;
    }
}

.terminal-image {
    width: 700px;
    margin: 0 auto;
    position:relative;
}

@media screen and (max-width:767px){
    .terminal-image {
        width: 90%;
    }

    .airport-text {
        font-size: 12px;
        line-height: 1.4em;
    }
}

    .terminal-image img {
        width: 100%;
        padding-top: 2vw;
    }

.bus-main {
    min-height: 400px;
}

ul {
    text-align: center;
    list-style-position: inside;
    padding: 0;
}

.taxi-platform-background {
    width: 100%;
    background-image: url(../images/platform_bg.jpg);
    background-color: #28306d;
    background-size: cover;
    margin-bottom: -15px;
}

.terminal-hover{
    width:320px;
    height:240px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    position:absolute;
    display:none;
}

#lightpurplehover {
    background-image: url('../images/homegallery/gallery-ad.jpg');
    bottom: 90%;
    left: -10%;
}

#pinkhover {
    background-image: url('../images/homegallery/gallery-ad.jpg');
    left: 50%;
    bottom: 90%;
}

#darkgreenhover {
    background-image: url('../images/homegallery/gallery-ad.jpg');
    left: -10%;
    top: 35%;
}

#lightgreenhover {
    background-image: url('../images/homegallery/gallery-ad.jpg');
    right: -6%;
    top: 45%;
}

#darkpurplehover {
    background-image: url('../images/homegallery/gallery-ad.jpg');
    bottom: -55%;
    left:-5%;
}

#orangehover {
    background-image: url('../images/homegallery/gallery-ad.jpg');
    bottom: 75%;
    left: 25%;
}

.terminal-hover.hovering {
    display: block;
}

.bus-main .pale-dot .align-icon img {
    height: 20px;
}

.bus-main .airport-icon {
    display: flex;
}

@media screen and (max-width:1240px){
    .tablet{
        display: none;
    }
}

@media screen and (max-width: 1240px) and (min-width: 1001px) {
    .transcab-box {
        width: 100%;
    }

    .transcab-table {
        margin: 0 auto;
    }
}

.truck1, .truck2 {
    display: inline-block;
    width: 49%;
    text-align: center;
}

.truck1 img, .truck2 img {
    width: 80%;
}

@media screen and (max-width: 1000px) {
    .truck1, .truck2 {
        display: block;
        width: 100%;
    }

    .truck2 {
        padding-top: 40px;
    }

    .bus-content-box {
        width: 40%;
        display: inline-block;
        vertical-align: top;
    }

        .bus-content-box:nth-child(2) {
            width: 20%;
        }

}

@media screen and (max-width: 767px){
    .airport-dotty {
        width: 92%;
        margin: 0 auto;
        display: initial;
    }

    .airport-title {
        padding-top: 60px;
    }
}

@media screen and (min-width:1000px){
    .pale-dot {
        width: 10%;
        display: inline-block;
        vertical-align: middle;
        margin: auto;
    }

    .bus-main .symbol {
        width: 60%;
    }

    .bus-main .align-icon img {
        height: 5vw;
    }
}

.social {
    text-align: center;
    position: relative;
    width: 84%;
    margin: 0 auto;
    bottom: 100%;
}

.social-image img {
    width: 70%;
    margin: 0 auto;
}


.social-network {
    padding-top: 15vw;
}

    .social-network .phar-text {
        text-align: center;
        width:100%;
    }

.social-net .about-partners-whitebox {
    border: 1px solid #d9a93d;
    margin: 2%;
}

.social-net .about-partners-innerbox {
    border: 1px solid #d9a93d;
}

    .social-net .about-partners-innerbox img {
        position: absolute;
        top: auto;
        transform: translateX(-50%);
        left: auto;
        width: 100%;
        overflow: hidden;
        border-radius: 50%;
    }

.social-bridging{
 width:80%;
 margin:0 auto;
 padding:1px;
}

.bridging-circle {
    width: calc(100% - 75px);
    padding-top: calc(100% - 75px);
    margin: 0 auto;
    border-radius: 50%;
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
}

    .bridging-circle.paid {
        position: relative;
        left: auto;
        background-color: #28306d;
        width: 100%;
        padding-top: clamp(0px,100%,500px);
        transform: none;
        max-width: 500px;
        max-height: 500px;
        bottom:0px;
    }
    .bridging-circle.unbrand {
        background-color: #69a5ff;
    }
    .bridging-circle.followers {
        border: 1px dashed white;
    }
    .bridging-circle.brand {
        background-color:white;
    }

    .bridging-circle p {
        font-family: 'SourceSans3-Bold';
        position: absolute;
        color: #ffeb3b;
        font-size: 13px;
        top: 2%;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }

        .bridging-circle p.c4 {
            color: #28306d;
        }

.bridging-header {
    font-family: 'SourceSans3-Bold';
    color: #28306d;
    font-size: 20px;
    line-height: 42px;
}

.bridging-text {
    font-family: Roboto-Regular;
    font-size: 18px;
    line-height: 32px;
    word-spacing: 3px;
    margin-bottom:2em;
}


.social-sample {
    padding-top: 30px;
}

.social-sample .airport-title {
    color: #28306d;
}


.sample-image{
    width:70%;
    margin:0 auto;
}

.sample-image img{
    width: 100%;
}

.dsp.truck-image{

}

.dsp.truck-image img{
    width:60%;
}

.dsp-stats{
    padding:30px;
    padding-top:30vw;
}

    .dsp-stats .overview-text {
        color: #28306d;
    }

 

    .dsp-stats .left-box img, .dsp-stats .right-box img {
        width:70%;
        min-width:40px;
    }

.target-section{
    width:80%;
    margin:0 auto;
}

    .target-section .about-contact-content {

    }

    .target-section .about-contact-image {
        height: 140px;
    }

.target-add{
    text-align:center;
}


.target-add img {
    width:100%;
    max-width:50px;
}

.target-arrow{
    width:100%;
}

.target-arrow img{
    width: 60px;
    margin:0 auto;
    display: block;
}

.target-text {
    width: 100%;
    text-align:center;
}

.truck-spacer{
    padding-top:75px;
}

@media screen and (min-width: 535px) {
    .social {
        bottom: 75%;
    }

    .social-image img {
        width: 60%;
    }

        .dsp-stats .left-box, .dsp-stats .right-box {
            width:49%;
            display:inline-block;
            text-align:center;
        }

            .dsp-stats .left-box img, .dsp-stats .right-box img {
                width: 100%;
            }

        .dsp-stats .overview-text {
            width:80%;
        }
}


@media screen and (min-width: 600px) {
    .social {
        bottom: 75%;
    }

    .social-image img {
        width: 60%;
    }

    .dsp-stats {
        padding-top: 25vw;
    }
}


@media screen and (min-width: 767px) {

    .dsp-stats {
        padding-top: 10vw;
    }
}
@media screen and (min-width: 840px) {

    .target-section .about-contact-content-container{
        display:flex;
        flex-wrap:wrap;
    }

    .target-section .about-contact-content {
        display: inline-block;
        vertical-align: top;
        width: 29%;
        text-align:center;
    }

    .target-add {
        display: inline-block;
        vertical-align: top;
        width: 5%;
    }

        .target-add img {
            max-width: unset;
            padding-top: 72px;
        }

    .target-arrow img {
        width: 5%;
        margin: 2.5% auto;
    }

    .dsp.toppy-bar,.dsp.invert-bar{
        height:8vw;
    }


}

@media screen and (min-width:1000px) {

    .social-image img {
        width: 35%;
    }

    .social-network {
        padding-top: 5vw;
    }

    .dsp.truck-image img {
        width: 40%;
        margin-top:45px;
    }

    .dsp-stats .two-box-outer {
        width: 80%
    }

    .dsp-stats .left-box, .dsp-stats .right-box {
        width: 24%;
        text-align:left;
    }

    .social-bridging {
        display:flex;
        flex-wrap:wrap;
    }

    .bridging-graph {
        width: 46%;
        margin:0 2% ;
        display:inline-block;
        vertical-align:middle;
    }

    .bridging-content {
        width: 46%;
        margin: 0 2%;
        display: inline-block;
        vertical-align: middle;
    }

    .target-section .about-contact-image {
        height: auto;
    }

    .target-section .about-contact-image img{
        width: 80%;
        margin: 0 auto;
    }

    .target-add img {
        padding-top: 5.5vw;
    }
}

@media screen and (min-width:1280px) {
    .dsp-stats .overview-text {
        width: 70%;
        margin-left: 3%;
    }


    .dsp-stats .overview-icon {
        width: 25%;
        display: inline-block;
        vertical-align: middle;
    }
}

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


    .bridging-circle {
        width: calc(100% - 60px);
        padding-top: calc(100% - 60px);
        transform: translateX(-50%);
        left: 50%;
    }


    .bridging-circle p {
        top: -3%;
        left: 50%;
        background-color: #daaa3e;
        color: white !important;
        border: 1px solid white;
        padding: 5px;
        width: 168px;
        transform: none;
    }


}