body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Solway', serif !important;
    }
    
    .modal {
        overflow: auto !important;
    }
    
    .cityu_logo {
        margin: 0;
        padding: 0;
        max-height: 100px;
        min-width: 80px;
        top: -20px;
    }
    
    .top-bar,
    .top-bar ul {
        background-color: #fff;
        font-size: 12pt;
        margin: 0;
        padding: 0;
    }
    
    .top-bar,
    .top-bar a {
        color: #BF165E;
    }
    
    .top-bar-right {
        background-image: url("../img/Logo_airplane.png");
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: 322px 354px;
    }
    
    .dropdown.menu .has-submenu.is-right-arrow>a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: transparent transparent transparent #BF165E;
        border-left-style: solid;
    }
    
    .dropdown.menu .submenu {
        background: #FFF;
        border: 1px solid #BF165E;
    }
    
    .is-drilldown {
        background: #FFF;
        border: 1px solid #BF165E;
    }
    
    .thumbnail {
        background-color: #fff;
        border: 0px solid #fff;
        margin-bottom: 0px;
    }
    
    .logo-background {
        background-size: contain;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
        margin: 5px;
        padding: 5px;
    }
    
    .bg3 {
        background-color: #f0cc9d;
    }
    
    .bg1 {
        background-color: #ad549a;
    }
    
    .bg2 {
        background-color: #429657;
    }
    
    .title-bar {
        background-color: #BF165E;
    }
    
    #middle {
        background-image: url("../img/Goal.png") !important;
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 280px auto;
        /*  background-color: #CA8600;*/
    }
    
    .blog-post {
        border-radius: 25px;
        padding: 50px;
        margin: 50px;
        /*   background-image: url("../img/5.png") !important;*/
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 280px auto;
        /* Resize the background image to cover
    /* Center the image */
        background-color: #f3e3a2;
        color: #333;
        align: center;
    }
    
    .button {
        background-color: #BF165E;
    }
    
    .blog-post p {
        max-width: 95%;
    }
    
    .blog-post h2 {
        font-size: large;
        color: #E47000;
    }
    
    .primary {
        border-radius: 25px;
        border: 0;
        padding: 30px;
        margin: 30px;
        background-image: url("../img/8_1.png") !important;
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: 322px auto;
        /* Resize the background image to cover
    /* Center the image */
        background-color: #FED949;
        color: #333;
        align: center;
        margin-bottom: 10%;
    }
    
    .callout h3 {
        font-size: large;
        color: #4ec5a5;
    }
    
    #company_title {
        border-radius: 25px;
        border: 0;
        padding: 30px;
        margin: 30px;
        background-image: url("../img/6_board1.png") !important;
        background-repeat: no-repeat;
        background-position: left;
        background-size: 300px auto;
        /* Resize the background image to cover
    /* Center the image */
        background-color: #def0fc;
        color: #ccc;
        align: center;
        margin-bottom: 50px;
    }
    
    #company_title h2 {
        color: rgb(4, 11, 68);
    }
    
    #brand::after,
    .row::before {
        content: ' ';
        display: none;
    }
    
    #companydesc {
        padding-top: 20px;
        padding-bottom: 10px;
    }
    
    a {
        color: #BF165E;
    }
    
    hr {
        width: 80%;
        text-align: center;
        padding: 1px;
        background-color: rgb(216, 229, 230);
    }
    
    .media-object-section h5 {
        color: #3b5998;
        font-size: 12pt;
        font-weight: bold;
        line-height: 1.2em;
    }
    
    .media-object-section p {
        color: #3b5998;
        font-size: 10pt;
        font-weight: normal;
        line-height: 1.2em;
    }
    
    #calendar_title {
        width: 100% !important;
        position: relative;
        z-index: 1;
        height: 200px;
        background-color: #E47000;
        background-image: url("../img/Clock.png") !important;
        background-repeat: no-repeat;
        background-position: right;
        background-size: 300px auto;
        color: #fff;
        font-size: 2.5rem;
        line-height: 2em;
        text-align: center;
        padding: 50px
    }
    
    #outerdiv {
        width: 100%;
        position: relative;
        z-index: -99;
    }
    
    #innerdiv {
        /*  position: absolute;*/
        position: relative;
        top: -242px;
        width: 100%;
        height: 2550px;
        clip: rect(220px 600px 660px 0px);
        overflow: hidden;
    }
    
    #cal {
        border: none;
        width: 98%;
        overflow-y: hidden;
        overflow-x: scroll;
    }
    
    #contact {
        padding-left: 10px;
    }
    
    .modal-content {
        background-color: #f0cc9d;
    }
    
    .modal-dialog {
        width: 80%;
        margin: 30px auto;
    }
    
    .modal-title {
        color: #BF165E;
    }
    
    a:hover img {
        opacity: 80%;
    }
    
    .programme {
        border-radius: 25px;
        border: 0;
        padding: 30px;
        margin: 10px;
        /*   background-image: url("../img/8_1.png") !important;
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: 322px auto;
        /* Resize the background image to cover */
        /* Center the image */
        background-color: #FED949;
        color: #333;
        align: center;
    }
    
    .programme h3 {
        color: #E47000;
        font-size: 16pt;
    }
    
    #table-container {
        width: 98% !important;
        padding: 2% !important;
    }
    
    #table-container-table_wrapper {
        width: 98% !important;
        padding: 2% !important;
    }
    
    .row {
        max-width: 100% !important;
    }
    
    tbody tr:nth-child(even) {
        background-color: #fefefe !important;
    }
    
    .faq tbody tr:nth-child(odd) {
        font-weight: bold !important;
    }
    
    select.input-sm {
        line-height: 20px !important;
    }
    
    .table .faq>thead>tr>th {
        background-color: #BF165E;
    }
    
    .prefaq {
        color: #BF165E;
    }
    
    label {
        font-size: 1em !important;
    }
    
    .poster {
        max-width: 200px;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: #BF165E;
    }
    
    .no,
    .Nil {
        display: none;
    }
    
    .fa-facebook {
        color: #3b5998;
        font-size: 2rem;
    }
    
    .fa-linkedin {
        color: #007bb5;
        font-size: 2rem;
    }
    
    .fa-instagram {
        color: #c32aa3;
        font-size: 2rem;
    }
    
    .fa-weixin {
        color: #25d366;
        font-size: 2rem;
    }
    
    .fa-youtube {
        color: #ff0000;
        font-size: 2rem;
    }
    
    .fa-whatsapp {
        color: #075e54;
        font-size: 2rem;
    }
    
    .fa-play-circle {
        color: #BF165E;
    }
    
    .fa-headset {
        color: #BF165E;
    }
    
    .fa-at {
        color: #BF165E;
    }
    
    .fa-window-maximize {
        color: #BF165E;
    }
    
    .fa-satellite-dish {
        color: #BF165E;
    }
    
    .fa-file-pdf {
        color: #BF165E;
    }
    
    .sp-slideshow {
        position: relative;
        margin: 10px auto;
        width: 80%;
        max-width: 1000px;
        min-width: 260px;
        height: 460px;
        border: 10px solid #fff;
        border: 10px solid rgba(255, 255, 255, 0.9);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    }
    
    .sp-content {
        background: #7d7f72 url(../images/grid.png) repeat scroll 0 0;
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    
    .sp-parallax-bg {
        background: url(../images/map.png) repeat-x scroll 0 0;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    
    .sp-slideshow input {
        position: absolute;
        bottom: 15px;
        left: 50%;
        width: 9px;
        height: 9px;
        z-index: 1001;
        cursor: pointer;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
    
    .sp-slideshow input+label {
        position: absolute;
        bottom: 15px;
        left: 50%;
        width: 6px;
        height: 6px;
        display: block;
        z-index: 1000;
        border: 3px solid #fff;
        border: 3px solid rgba(255, 255, 255, 0.9);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: background-color linear 0.1s;
        -moz-transition: background-color linear 0.1s;
        -o-transition: background-color linear 0.1s;
        -ms-transition: background-color linear 0.1s;
        transition: background-color linear 0.1s;
    }
    
    .sp-slideshow input:checked+label {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.9);
    }
    
    .sp-selector-1,
    .button-label-1 {
        margin-left: -36px;
    }
    
    .sp-selector-2,
    .button-label-2 {
        margin-left: -18px;
    }
    
    .sp-selector-4,
    .button-label-4 {
        margin-left: 18px;
    }
    
    .sp-selector-5,
    .button-label-5 {
        margin-left: 36px;
    }
    
    .sp-arrow {
        position: absolute;
        top: 50%;
        width: 28px;
        height: 38px;
        margin-top: -19px;
        display: none;
        opacity: 0.8;
        cursor: pointer;
        z-index: 1000;
        background: transparent url(../images/arrows.png) no-repeat;
        -webkit-transition: opacity linear 0.3s;
        -moz-transition: opacity linear 0.3s;
        -o-transition: opacity linear 0.3s;
        -ms-transition: opacity linear 0.3s;
        transition: opacity linear 0.3s;
    }
    
    .sp-arrow:hover {
        opacity: 1;
    }
    
    .sp-arrow:active {
        margin-top: -18px;
    }
    
    .sp-selector-1:checked~.sp-arrow.sp-a2,
    .sp-selector-2:checked~.sp-arrow.sp-a3,
    .sp-selector-3:checked~.sp-arrow.sp-a4,
    .sp-selector-4:checked~.sp-arrow.sp-a5 {
        right: 15px;
        display: block;
        background-position: top right;
    }
    
    .sp-selector-2:checked~.sp-arrow.sp-a1,
    .sp-selector-3:checked~.sp-arrow.sp-a2,
    .sp-selector-4:checked~.sp-arrow.sp-a3,
    .sp-selector-5:checked~.sp-arrow.sp-a4 {
        left: 15px;
        display: block;
        background-position: top left;
    }
    
    .sp-slideshow input:checked~.sp-content {
        -webkit-transition: background-position linear 0.6s, background-color linear 0.8s;
        -moz-transition: background-position linear 0.6s, background-color linear 0.8s;
        -o-transition: background-position linear 0.6s, background-color linear 0.8s;
        -ms-transition: background-position linear 0.6s, background-color linear 0.8s;
        transition: background-position linear 0.6s, background-color linear 0.8s;
    }
    
    .sp-slideshow input:checked~.sp-content .sp-parallax-bg {
        -webkit-transition: background-position linear 0.7s;
        -moz-transition: background-position linear 0.7s;
        -o-transition: background-position linear 0.7s;
        -ms-transition: background-position linear 0.7s;
        transition: background-position linear 0.7s;
    }
    
    input.sp-selector-1:checked~.sp-content {
        background-position: 0 0;
        background-color: #727b7f;
    }
    
    input.sp-selector-2:checked~.sp-content {
        background-position: -100px 0;
        background-color: #7f7276;
    }
    
    input.sp-selector-3:checked~.sp-content {
        background-position: -200px 0;
        background-color: #737f72;
    }
    
    input.sp-selector-4:checked~.sp-content {
        background-position: -300px 0;
        background-color: #79727f;
    }
    
    input.sp-selector-5:checked~.sp-content {
        background-position: -400px 0;
        background-color: #7d7f72;
    }
    
    input.sp-selector-1:checked~.sp-content .sp-parallax-bg {
        background-position: 0 0;
    }
    
    input.sp-selector-2:checked~.sp-content .sp-parallax-bg {
        background-position: -200px 0;
    }
    
    input.sp-selector-3:checked~.sp-content .sp-parallax-bg {
        background-position: -400px 0;
    }
    
    input.sp-selector-4:checked~.sp-content .sp-parallax-bg {
        background-position: -600px 0;
    }
    
    input.sp-selector-5:checked~.sp-content .sp-parallax-bg {
        background-position: -800px 0;
    }
    
    .sp-slider {
        position: relative;
        left: 0;
        width: 500%;
        height: 100%;
        list-style: none;
        margin: 0;
        padding: 0;
        -webkit-transition: left ease-in 0.8s;
        -moz-transition: left ease-in 0.8s;
        -o-transition: left ease-in 0.8s;
        -ms-transition: left ease-in 0.8s;
        transition: left ease-in 0.8s;
    }
    
    .sp-slider>li {
        color: #fff;
        width: 20%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        height: 100%;
        padding: 0 60px;
        float: left;
        text-align: center;
        opacity: 0.4;
        -webkit-transition: opacity ease-in 0.4s 0.8s;
        -moz-transition: opacity ease-in 0.4s 0.8s;
        -o-transition: opacity ease-in 0.4s 0.8s;
        -ms-transition: opacity ease-in 0.4s 0.8s;
        transition: opacity ease-in 0.4s 0.8s;
    }
    
    .sp-slider>li img {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        margin: 0 auto;
        padding: 40px 0 50px 0;
        max-height: 100%;
        max-width: 100%;
    }
    
    input.sp-selector-1:checked~.sp-content .sp-slider {
        left: 0;
    }
    
    input.sp-selector-2:checked~.sp-content .sp-slider {
        left: -100%;
    }
    
    input.sp-selector-3:checked~.sp-content .sp-slider {
        left: -200%;
    }
    
    input.sp-selector-4:checked~.sp-content .sp-slider {
        left: -300%;
    }
    
    input.sp-selector-5:checked~.sp-content .sp-slider {
        left: -400%;
    }
    
    input.sp-selector-1:checked~.sp-content .sp-slider>li:first-child,
    input.sp-selector-2:checked~.sp-content .sp-slider>li:nth-child(2),
    input.sp-selector-3:checked~.sp-content .sp-slider>li:nth-child(3),
    input.sp-selector-4:checked~.sp-content .sp-slider>li:nth-child(4),
    input.sp-selector-5:checked~.sp-content .sp-slider>li:nth-child(5) {
        opacity: 1;
    }
    
    @media screen and (max-width: 840px) {
        .sp-slideshow {
            height: 345px;
        }
    }
    
    @media screen and (max-width: 680px) {
        .sp-slideshow {
            height: 285px;
        }
    }
    
    @media screen and (max-width: 560px) {
        .sp-slideshow {
            height: 235px;
        }
    }
    
    @media screen and (max-width: 320px) {
        .sp-slideshow {
            height: 158px;
        }
    }
    
    #regFormModal .lineone {
        display: none;
    }