.elementor-19553 .elementor-element.elementor-element-a482a49 .elementor-menu-toggle{margin:0 auto;}.elementor-19553 .elementor-element.elementor-element-a482a49 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-19553 .elementor-element.elementor-element-a482a49 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-19553 .elementor-element.elementor-element-a482a49 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-19553 .elementor-element.elementor-element-a482a49 .elementor-nav-menu--main .elementor-item:focus{color:#fff;}.elementor-19553 .elementor-element.elementor-element-a482a49 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-19553 .elementor-element.elementor-element-a482a49 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-29b2637 );}.elementor-19553 .elementor-element.elementor-element-a482a49 .e--pointer-framed .elementor-item:before,
					.elementor-19553 .elementor-element.elementor-element-a482a49 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-29b2637 );}.elementor-19553 .elementor-element.elementor-element-a482a49 .elementor-item:before{border-radius:0%;}.elementor-19553 .elementor-element.elementor-element-a482a49 .e--animation-shutter-in-horizontal .elementor-item:before{border-radius:0% 0% 0 0;}.elementor-19553 .elementor-element.elementor-element-a482a49 .e--animation-shutter-in-horizontal .elementor-item:after{border-radius:0 0 0% 0%;}.elementor-19553 .elementor-element.elementor-element-a482a49 .e--animation-shutter-in-vertical .elementor-item:before{border-radius:0 0% 0% 0;}.elementor-19553 .elementor-element.elementor-element-a482a49 .e--animation-shutter-in-vertical .elementor-item:after{border-radius:0% 0 0 0%;}.elementor-19553 .elementor-element.elementor-element-4c2d7e4 .elementor-background-overlay{width:100%;height:100%;}.elementor-19553 .elementor-element.elementor-element-0250101 .elementor-heading-title{color:#0086A7;}.elementor-19553 .elementor-element.elementor-element-1e6cb12 .elementor-background-overlay{width:100%;height:100%;}.elementor-19553 .elementor-element.elementor-element-7dfee52 .elementor-spacer-inner{height:0px;}.elementor-19553 .elementor-element.elementor-element-bcac7d2 .elementor-background-overlay{width:100%;height:100%;}.elementor-19553 .elementor-element.elementor-element-15ba599 .jet-headline{justify-content:center;}.elementor-19553 .elementor-element.elementor-element-15ba599 .jet-headline > .jet-headline__link{justify-content:center;}.elementor-19553 .elementor-element.elementor-element-491a4c2 .jet-headline{justify-content:center;}.elementor-19553 .elementor-element.elementor-element-491a4c2 .jet-headline > .jet-headline__link{justify-content:center;}.elementor-19553 .elementor-element.elementor-element-f7a1cea .jet-headline{justify-content:center;}.elementor-19553 .elementor-element.elementor-element-f7a1cea .jet-headline > .jet-headline__link{justify-content:center;}.elementor-19553 .elementor-element.elementor-element-b2f74bf .elementor-background-overlay{width:100%;height:100%;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-19553 .elementor-element.elementor-element-15ba599 .jet-headline{justify-content:flex-start;}.elementor-19553 .elementor-element.elementor-element-15ba599 .jet-headline > .jet-headline__link{justify-content:flex-start;}.elementor-19553 .elementor-element.elementor-element-15ba599 .jet-headline__first{align-self:center;}.elementor-19553 .elementor-element.elementor-element-15ba599 .jet-headline__first .jet-headline__label{text-align:left;}.elementor-19553 .elementor-element.elementor-element-15ba599 .jet-headline__second{align-self:flex-start;}.elementor-19553 .elementor-element.elementor-element-15ba599 .jet-headline__first .jet-headline__deco{align-self:center;margin:5px 5px 5px 5px;}.elementor-19553 .elementor-element.elementor-element-15ba599 .jet-headline__first .jet-headline__deco-image{width:40%;height:40%;}.elementor-19553 .elementor-element.elementor-element-491a4c2 .jet-headline{justify-content:flex-start;}.elementor-19553 .elementor-element.elementor-element-491a4c2 .jet-headline > .jet-headline__link{justify-content:flex-start;}.elementor-19553 .elementor-element.elementor-element-491a4c2 .jet-headline__first{align-self:center;}.elementor-19553 .elementor-element.elementor-element-491a4c2 .jet-headline__first .jet-headline__label{text-align:left;}.elementor-19553 .elementor-element.elementor-element-491a4c2 .jet-headline__second{align-self:flex-start;}.elementor-19553 .elementor-element.elementor-element-491a4c2 .jet-headline__first .jet-headline__deco{align-self:center;margin:5px 5px 5px 5px;}.elementor-19553 .elementor-element.elementor-element-491a4c2 .jet-headline__first .jet-headline__deco-image{width:40%;height:40%;}.elementor-19553 .elementor-element.elementor-element-f7a1cea .jet-headline{justify-content:flex-start;}.elementor-19553 .elementor-element.elementor-element-f7a1cea .jet-headline > .jet-headline__link{justify-content:flex-start;}.elementor-19553 .elementor-element.elementor-element-f7a1cea .jet-headline__first{align-self:center;}.elementor-19553 .elementor-element.elementor-element-f7a1cea .jet-headline__first .jet-headline__label{text-align:left;}.elementor-19553 .elementor-element.elementor-element-f7a1cea .jet-headline__second{align-self:flex-start;}.elementor-19553 .elementor-element.elementor-element-f7a1cea .jet-headline__first .jet-headline__deco{align-self:center;margin:5px 5px 5px 5px;}.elementor-19553 .elementor-element.elementor-element-f7a1cea .jet-headline__first .jet-headline__deco-image{width:40%;height:40%;}}/* Start custom CSS for html, class: .elementor-element-9c550fc */.fullwidth{
    width:100%;
    height:auto;
}
.hover-area{
    position:absolute;
    cursor:pointer;
}
.dialog{
    position:absolute;
    background:white;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
    -webkit-box-shadow: -4px 4px 24px -2px rgba(186,186,186,1);
    -moz-box-shadow: -4px 4px 24px -2px rgba(186,186,186,1);
    box-shadow: -4px 4px 24px -2px rgba(186,186,186,1);
    height:auto;
}
.face-left{
    -moz-transform:scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.d-title{
    font-family:var(--hkmu-theme-default-html-font-family);
    color:#0086A7;
    font-size:15px;
    font-weight:bold;
    line-height:18px;
}
.d-content{
    font-family:var(--hkmu-theme-default-html-font-family);
    color:black;
    font-size:15px;
    line-height:18px;
    padding-top:10px;
    padding-bottom:10px;
    min-height:55px;
    height:auto;
}

#IOH{
    width: 25%;
    top: 8%;
    left: 40%;
    height: 25%;
}
#main-campus {
    width: 26%;
    top: 34%;
    left: 57%;
    height: 36%;
}
#JC-campus {
    width: 24%;
    top: 45%;
    left: 6%;
    height: 45%;
}
#IOH-dialog {
    width: 20%;
    top: 5%;
    left: 65%;

    display:none;
}
#main-campus-dialog {
    width: 20%;
    top: 65%;
    left: 77%;

    display:none;
}
#JC-campus-dialog {
    width: 20%;
    top: 34%;
    left: 9%;

    display:none;
}
#map{
    position:relative;
}
.route-button{
    width:calc(50% - 8px);
    width:-webkit-calc(50% - 8px);
    width:-moz-calc(50% - 10px);
    font-family:var(--hkmu-theme-default-html-font-family);
    font-size:12px;
    line-height:13px;
    border:solid 2px #0086A7;
    color:#0086A7;
    margin-right:2.5px;
    margin-left:2.5px;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    height:32px;
    min-height:32px;
    vertical-align:top;
}
.route-button:hover{
    color:white;
    background:#0086A7;
}
#people{
    position:absolute;
    top:10%;
    left:10%;
    z-index:999;
    display:none;
    
}
#people img{
    width:46px;
    height:auto;
}

@media(max-width:1150px){
    .route-button{
        width:calc(95%);
        width:-webkit-calc(95%);
        width:-moz-calc(95%);
        margin-bottom:4px;
        margin-top:4px;
    }    
    

}/* End custom CSS */
/* Start custom CSS for jet-headline, class: .elementor-element-15ba599 */.split-para1     { 
    display:block;
    margin:10px;
    color: #008CA2;
}

.split-para2      { 
    display:block;
    margin:10px;
    color: #000000;
}
.split-para2 span {
    display:block;
    float:right;
    width:5%;
    margin-left: 30px;
    color: #008CA2;
}/* End custom CSS */
/* Start custom CSS for jet-headline, class: .elementor-element-491a4c2 */.split-para1     { 
    display:block;
    margin:10px;
    color: #008CA2;
}

.split-para2      { 
    display:block;
    margin:10px;
    color: #000000;
}
.split-para2 span {
    display:block;
    float:right;
    width:5%;
    margin-left: 30px;
    color: #008CA2;
}/* End custom CSS */
/* Start custom CSS for jet-headline, class: .elementor-element-f7a1cea */.split-para1     { 
    display:block;
    margin:10px;
    color: #008CA2;
}

.split-para2      { 
    display:block;
    margin:10px;
    color: #000000;
}
.split-para2 span {
    display:block;
    float:right;
    width:5%;
    margin-left: 30px;
    color: #008CA2;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9c550fc */.fullwidth{
    width:100%;
    height:auto;
}
.hover-area{
    position:absolute;
    cursor:pointer;
}
.dialog{
    position:absolute;
    background:white;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
    -webkit-box-shadow: -4px 4px 24px -2px rgba(186,186,186,1);
    -moz-box-shadow: -4px 4px 24px -2px rgba(186,186,186,1);
    box-shadow: -4px 4px 24px -2px rgba(186,186,186,1);
    height:auto;
}
.face-left{
    -moz-transform:scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.d-title{
    font-family:var(--hkmu-theme-default-html-font-family);
    color:#0086A7;
    font-size:15px;
    font-weight:bold;
    line-height:18px;
}
.d-content{
    font-family:var(--hkmu-theme-default-html-font-family);
    color:black;
    font-size:15px;
    line-height:18px;
    padding-top:10px;
    padding-bottom:10px;
    min-height:55px;
    height:auto;
}

#IOH{
    width: 25%;
    top: 8%;
    left: 40%;
    height: 25%;
}
#main-campus {
    width: 26%;
    top: 34%;
    left: 57%;
    height: 36%;
}
#JC-campus {
    width: 24%;
    top: 45%;
    left: 6%;
    height: 45%;
}
#IOH-dialog {
    width: 20%;
    top: 5%;
    left: 65%;

    display:none;
}
#main-campus-dialog {
    width: 20%;
    top: 65%;
    left: 77%;

    display:none;
}
#JC-campus-dialog {
    width: 20%;
    top: 34%;
    left: 9%;

    display:none;
}
#map{
    position:relative;
}
.route-button{
    width:calc(50% - 8px);
    width:-webkit-calc(50% - 8px);
    width:-moz-calc(50% - 10px);
    font-family:var(--hkmu-theme-default-html-font-family);
    font-size:12px;
    line-height:13px;
    border:solid 2px #0086A7;
    color:#0086A7;
    margin-right:2.5px;
    margin-left:2.5px;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    height:32px;
    min-height:32px;
    vertical-align:top;
}
.route-button:hover{
    color:white;
    background:#0086A7;
}
#people{
    position:absolute;
    top:10%;
    left:10%;
    z-index:999;
    display:none;
    
}
#people img{
    width:46px;
    height:auto;
}

@media(max-width:1150px){
    .route-button{
        width:calc(95%);
        width:-webkit-calc(95%);
        width:-moz-calc(95%);
        margin-bottom:4px;
        margin-top:4px;
    }    
    

}/* End custom CSS */
/* Start custom CSS for jet-headline, class: .elementor-element-15ba599 */.split-para1     { 
    display:block;
    margin:10px;
    color: #008CA2;
}

.split-para2      { 
    display:block;
    margin:10px;
    color: #000000;
}
.split-para2 span {
    display:block;
    float:right;
    width:5%;
    margin-left: 30px;
    color: #008CA2;
}/* End custom CSS */
/* Start custom CSS for jet-headline, class: .elementor-element-491a4c2 */.split-para1     { 
    display:block;
    margin:10px;
    color: #008CA2;
}

.split-para2      { 
    display:block;
    margin:10px;
    color: #000000;
}
.split-para2 span {
    display:block;
    float:right;
    width:5%;
    margin-left: 30px;
    color: #008CA2;
}/* End custom CSS */
/* Start custom CSS for jet-headline, class: .elementor-element-f7a1cea */.split-para1     { 
    display:block;
    margin:10px;
    color: #008CA2;
}

.split-para2      { 
    display:block;
    margin:10px;
    color: #000000;
}
.split-para2 span {
    display:block;
    float:right;
    width:5%;
    margin-left: 30px;
    color: #008CA2;
}/* End custom CSS */