/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJTdHlsZXMuY3NzIiwic291cmNlc0NvbnRlbnQiOltdLCJzb3VyY2VSb290IjoiL3NvdXJjZS8ifQ== */

html{
    overflow-x:hidden;
    font-family:GillSans, Calibri, Trebuchet, sans-serif;
}
  body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

  a{
      color:#3949ab;
  }

  body:not(.touch) a, body:not(.touch) b, body:not(.touch) button, body:not(.touch) div, body:not(.touch) em, body:not(.touch) h1, body:not(.touch) header, body:not(.touch) i, body:not(.touch) img, body:not(.touch) input, body:not(.touch) p, body:not(.touch) span, body:not(.touch) strong
  {
      transition:background-color .5s ease,
          border-color .5s ease,box-shadow .5s ease,
          color .5s ease,margin .5s ease,
          min-height .5s ease,max-width .5s ease,
          opacity .5s ease,padding-left .5s ease,
          padding-right .5s ease,text-shadow .5s ease,
          width .5s ease;
  }

  h3{
      padding-top:15px;
  }

/* Log on/in */
.loginContentStyleMain
{
    height:100vh;
}
.loginContentStyle zone.zone-content{
    background:rgba(0,0,0,0.9)!important;
}
#loginPanel{
    padding-top:10%;
}

.login-header{
    font-size:18px;
    font-weight:700;
    text-align:center;
    padding:10px;
    border-bottom:1px solid #888;

}
#loginPanel form .input-field i.material-icons.prefix{
    padding-top:5px!important;
}
#loginPanel form .input-field .input-validation-error{
    margin-bottom:5px!important;
    color:#b71c1c;
}
#loginPanel form .input-field .field-validation-error{
    padding-left:45px!important;
    color:#b71c1c;
}


.zone.zone-aside-second
{
    padding:30px 0;
}
.zone.zone-content article.page.content-item h4,
.zone.zone-aside-second article.widget-aside-second h5
{    
    display: inline-block;
    padding-bottom: 15px;
    position: relative;
}
.zone.zone-content article.page.content-item h4:before,
.zone.zone-aside-second article.widget-aside-second h5:before
{
    content: "";
    position: absolute;
    width: 35px;
    height: 1px;
    bottom: 0;
    left: 1%;
    border-bottom: 8px solid #ff9800;
}
.no-margin{margin:0}
.no-padding{padding:0}

  main {
    flex: 1 0 auto;
  }

/*Change MaterilizeCss Original ul li style*/
.msccs-admission .section
{
    padding:0;
}

/*FAQ Related*/
.faq-admissions {
    background-color:#ffb74d;
}
.faq-campus-life {
    background-color: #81c784;
}

.faq-programme {
    background-color:#7986cb;
}
.faq-visa-related-non-local-applicants {
    background-color:#e57373;
}

ul#faq-ByCat li .collapsible-header {
    padding:  25px;
}

ul#faq-ByCat li.lv1 .collapsible-body{
    padding:0;
}
ul#faq-ByCat li.lv2 .collapsible-body{
    padding:2em;
}

ul#faq li ul li,
.msccs-admission ul li
{
    list-style:disc!important;
    padding:10px 0;
}

ul#faq li .collapsible-header
{
    padding:20px;
    line-height:25px;
}

ul#faq li .collapsible-body {
    word-wrap:hyphenate;
}

ul#faq li ol,
ul#faq li ul
{
    padding-left:60px;
}
.msccs-admission ol,
.msccs-admission ul
{
    /*padding-left: 40px;*/
}
ul#faq li ol li,
.msccs-admission ol li
{
    list-style:decimal!important;
    padding:6px 0;
}

#layout-main, #layout-main-container, #layout-before-main .widget-pro-over
{
    margin-bottom:0;
    background:rgba(0,0,0,0.1) url(/Media/Default/ContentImages/GeryDotBg.gif) 0 0 repeat
}
#layout-before-main .widget-pro-over
{
    padding:50px 0;
}
html.orchard-blogs #layout-main,
html.detail-blog-post #layout-main 
{
    background:rgba(255,255,255,0.5) url(/Media/Default/ContentImages/GeryDotWhiteBg.gif) 0 0 repeat
}

html.detail-blog-post #layout-main
{
    padding-top:30px!important;
    padding-bottom:30px!important;
}

html.orchard-blogs #layout-main #toTop,
html.detail-blog-post #layout-main #toTop
{
    padding-right:20px;
}


.zone-before-content
{
    padding-top:50px;
}
.section-main{
    padding-bottom:50px;
}
  icn-stu {
      color:#000;
      font-size:14px;
  }

  article.widget.section-flength
  {
      padding:100px 20px;
  }



#layout-main-container .container .row
{
    margin-bottom:0;
}
.orchard-layouts-root .row{
   margin:0!important;
}

.card .card-reveal{
	background:rgba(255,255,255,0.9);
}

.card-wrapper.home-page{
    padding-left:80px;
    padding-right:80px;
    margin:0;
}
@media (max-width: 768px)
{
    .card-wrapper.home-page{
        padding-left:15px;
        padding-right:15px;
        margin:0;
    }
}


/* Main Navigation */
.g-search
{
    position:absolute; 
    right:0px;
    width:50px; 
    transition: width 0.25s ease-out;
    height:64px;
}
.g-search:hover{
    width:100%;
    transition: width 0.35s ease-in;
}
#slide-out.side-nav li.active
{
    background-color:rgba(0,0,0,0.3);
}
#slide-out.side-nav a,
#slide-out.side-nav i.material-icons
{
    color:#fafafa;
}

input#mainNav-search{
    margin-bottom:0;
}

.brand-logo #logo
{
    max-height:60px;
    padding-top:5px;

}

@media (min-width: 992px) and (max-width: 1100px) 
{
    #menu-main article.widget-MainMenu ul li a
    {
        padding-left:5px;
        padding-right:5px;
    }
}
@media (min-width: 1101px) and (max-width: 1170px) {
        #menu-main article.widget-MainMenu ul li a
    {
        padding-left:10px;
        padding-right:10px;
    }
}

@media (max-width: 600px)
{
    .brand-logo #logo{max-height:55px; padding-top:2px;}

}

/* Main-Navigation - dropdown color change*/
.widget-MainMenu .dropdown-content li:hover, .widget-MainMenu .dropdown-content li.active, .widget-MainMenu .dropdown-content li.selected 
{
    background-color:#3f51b5;
}
.widget-MainMenu .dropdown-content li>a, .widget-MainMenu .dropdown-content li>span 
{
    color:#fff;
}

@media (max-width: 1024px) 
{
    h3{font-size:1.5rem;line-height:80%;margin:0}
    .cImgTitle {padding:10px!important;}
    .cImgTitle-deco {padding-top: 30px!important;}
    nav#breadcrumb-menu{height:30px; line-height:30px; margin-top:-36px!important;}
    nav#breadcrumb-menu a{font-size:14px;}

}
@media (max-width: 767px) {
    h3{font-size:1.5rem!important;line-height:30%;margin:0;}
    .cImgTitle {padding:5px!important;}
    .cImgTitle-deco {padding-top: 10px!important;}
    nav#breadcrumb-menu{height:20px; line-height:20px; margin-top:-26px!important;}
    nav#breadcrumb-menu a{font-size:12px;}
}

.color-opt1{opacity:0.1}
.color-opt2{opacity:0.2}
.color-opt3{opacity:0.3}
.color-opt4{opacity:0.4}
.color-opt5{opacity:0.5}
.color-opt6{opacity:0.6}
.color-opt7{opacity:0.7}
.color-opt8{opacity:0.8}
.color-opt9{opacity:0.9}

#toTop {
  position: fixed;
  right: 5px;
  bottom: 6%;
  cursor: pointer;
  display: none;
  text-align: center;
  z-index: 500;
  color:#3949ab;
  background:rgba(0,0,0,0.1);
}
#toTop:hover {
  opacity: .7;
}

#img-brochure{
    opacity:0;
}

/*---------------------------------------------- 
            C A R O U S E L
------------------------------------------------
.carousel
{
    min-height:55vh !important;
}


#fItmPrev, #fItmNext{
    top:25vh;
    z-index:auto;
}

    F
@media (max-width: 600px) {
    .carousel{min-height:25vh !important;}
}


#btnNext, #btnPrev
{
    padding:0 10px 20px 10px;
}
*/
.card.sticky-action .card-action{
    border-top: 1px solid rgba(255,255,255,0.3)!important;
}
.widget-quickfacts .card.sticky-action a{
    color:#3949ab!important;
}

.widget-quickfacts .card.sticky-action a:hover .card-action,
.widget-quickfacts .card.sticky-action a:focus .card-action
{
    background-color:#ffd8a6!important;
}

.section-main{
    padding-left:80px;
    padding-right:80px;
}
.section-main .card .card-image
{
    background:url(/Media/Default/ContentImages/brochureLatest.jpg) center center no-repeat;
    background-size:cover;
    border-right:2px solid rgba(0,0,0,0.3);
}

@media (max-width: 1200px)
{
    .section-main .card .card-image{
        background:none;
    }
}

@media (max-width: 768px) {
.section-main{
    padding-left:10px;
    padding-right:10px;
}
}
.carousel.carousel-slider .carousel-item{
    height:auto;
    min-height:0;
}

.info-width{
    min-width:180px!important;
}

@media only screen and (max-width: 992px) {
    .info-width{
        min-width:0!important;
    }
}

@media only screen and (max-width: 430px) {
    table.responsive-table{
        max-width:350px;
    }
    .card .card-content{
        padding:5px;
    }
    table td, table th{
        padding:0!important;
    }
}

@media only screen and (max-width: 360px){
    table.responsive-table{
        max-width:250px;
    }
}


#layout-main #layout-content .card .card-content h4 a
{
    font-size:15px;
}
#tblInfoSession table td,
#tblInfoSession table th
{
    padding:15px;
}

.infoReg {
    font-weight:900; 
    font-size:11px;
    color:white;
}

.section-main .card.horizontal .card-content{
    padding-bottom:0!important;
}

.card .card-content p{
    margin:10px 0;
}

/* Message From Programme Director */
.mfpd-text
{
    background-color:rgba(0,0,0,0.3);
    border-bottom-right-radius:10px;
    border-top-right-radius:10px;
}
.mfpd-text h4{padding:50px}




#layout-before-main .card-panel{
    box-shadow:none;
    background:transparent;
    margin-top:1.2rem;
}
#layout-before-main .card-panel a
{
    color:#e0f7fa;
}

#layout-before-main .card-panel a:focus,
#layout-before-main .card-panel a:hover
{
    color:#b36b00;
}

/*Parallax Part Style*/
.parallax-container{position:relative;overflow:hidden;height:300px; border:1px solid #ff9800;}
.parallax{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}
.parallax img{display:none;position:absolute;left:50%;bottom:0;min-width:100%;min-height:100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.valign-wrapper{
    padding-top:40px;
}

@media (max-width: 1024px) {
    .parallax-container {
        height: 200px;
    }
    .valign-wrapper img{
        max-height:100px!important;
    }
    .mfpd-text h4{padding:20px}
}
@media (max-width: 768px) {
    .parallax-container {
        height: 100px;
    }
    .valign-wrapper img{
        max-height:40px!important;
    }
    #layout-before-main .card-panel{
        padding:0;
        margin-top:-5px;
    }
    .mfpd-text h4{padding:0px}
}

/*Course JSSOR Slider*/
#slider2_container .collection{
    margin:8px;
}

.Mainslider-btn{
    margin-top:30%;
    
}

/*---------------------------------------------- 
            JSSOR Slider
------------------------------------------------*/

/* jssor slider bullet navigator skin 21 css */
/*
.jssorb21 div           (normal)
.jssorb21 div:hover     (normal mouseover)
.jssorb21 .av           (active)
.jssorb21 .av:hover     (active mouseover)
.jssorb21 .dn           (mousedown)
*/
.jssorb21 {
position: absolute;
bottom: 26px;
left: 6px;
}
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
position: absolute;
/* size of bullet elment */
width: 19px;
height: 19px;
text-align: center;
line-height: 19px;
color: white;
font-size: 12px;
background: url(/Media/Default/JssorImages/b21.png) no-repeat;
overflow: hidden;
cursor: pointer;
}
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }

 /* jssor slider arrow navigator skin 21 css */
/*
.jssora21l                  (normal)
.jssora21r                  (normal)
.jssora21l:hover            (normal mouseover)
.jssora21r:hover            (normal mouseover)
.jssora21l.jssora21ldn      (mousedown)
.jssora21r.jssora21rdn      (mousedown)
*/
.jssora21l, .jssora21r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url(/Media/Default/JssorImages/a21.png) center center no-repeat;
    overflow: hidden;
}
.jssora21l { background-position: -3px -33px; top: 123px; left: 8px; }
.jssora21r { background-position: -63px -33px; top: 123px; right: 8px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21l.jssora21ldn { background-position: -243px -33px; }
.jssora21r.jssora21rdn { background-position: -303px -33px; }

/* Slider related */
.slider-logo {
    position: absolute; 
    top:30px;
    z-index:10;
    left:0;
    width:100%;
    height:100%;
}
.msccs-title 
{
    position: absolute; 
    top: 50px; 
    padding: 5px 50px 5px 250px; 
    text-align: left; 
    line-height: 50px; 
    text-transform: uppercase; 
    font-size: 30px; 
    color: #FFFFFF; 
    background-color:rgba(0,0,0,0.3);
    font-family: inherit;
    z-index:8;
    height:33%;
    width:70%;
}
.msccs-title-sub1
{

    position: absolute; 
    text-align: left; 
    text-transform: uppercase; 
    font-size: 30px; 
    color: #FFFFFF; 
    background-color:none;
    font-family: inherit;
    z-index:9;
    
    top:0px;
    height:100%;
    left:250px;
    width:100%;
}

.msccs-title-sub2
{

    position: absolute; 
    text-align: left; 
    text-transform: uppercase; 
    font-size: 30px; 
    color: #FFFFFF; 
    background-color:none;
    font-family: inherit;
    z-index:9;
    
    top:0;
    height:100%;
    left:250px;
    width:100%;
}

.msccs-slogan
{
    position: absolute; 
    top: 160px; 
    left: 250px; 
    padding: 5px;
    text-align: left; 
    line-height: 36px; 
    font-size: 22px;
    color: aqua;
    font-family: GillSans, Calibri, Trebuchet, sans-serif;
    z-index:9;
    width:450px;
    height:100%;
}

/* General Card */
.card .card-content .card-title
{
    font-size:24px;
    line-height:24px;
}


.Programme-Overview .card .card-content .card-title,
.Programme-Overview .card .card-reveal .card-title
{
    font-size:20px;
    line-height:18px;
}



@media (min-width:580px) and (max-width: 850px) {
    .Programme-Overview .card .card-content .card-title,
    .Programme-Overview .card .card-reveal .card-title
    {
        font-size:14px;
        line-height:18px;
    }
    .Programme-Overview .card .card-content{
        padding-right:5px;
        padding-left:5px;
    }
    .Programme-Overview .card .card-content .card-title i.material-icons {
        font-size:16px;
        margin-left:5px;
    }
}

@media (min-width:992px) and (max-width: 1200px) {
.card .card-content .card-title
{
    font-size:18px;
}
}

/* Stream Table */
#tblStream, #tblStream th, #tblStream td
{
    border:2px solid #fafafa;
    padding:0 15px;
    width:auto;
}

#tblStream tbody, #tblStream tbody p {
    font-size:20px;
    font-weight:500;
    padding: 5px;
}

#tblStream tbody p strong
{
    font-weight:700;
}

@media (max-width: 600px) {
    #tblStream, #tblStream th, #tblStream td {
        padding:5px;
    }
    #tblStream tbody, #tblStream tbody p {
        font-size:14px;
    }
}

/* Subpage Content Header Image*/

.card-panel.nav2Content
{
  padding: 15px;
  width: auto;
  height: 200px;
  font-weight: bold;
  font-size: 2em;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}


#Nav_lv2_about p{background:url(/Media/Default/ContentImages/Nav_lv2-About.jpg);}
#Nav_lv2_admission p{background:url(/Media/Default/ContentImages/Nav_lv2-Admission.jpg);}
#Nav_lv2_graduate-amp-alumni p{background:url(/Media/Default/ContentImages/Nav_lv2-GradAlu.jpg);}
#Nav_lv2_curriculum p{background:url(/Media/Default/ContentImages/Nav_lv2-Curriculum.jpg);}
#Nav_lv2_student-resources p{background:url(/Media/Default/ContentImages/Nav_lv2-StuRes.jpg);}

article.image img.responsive-img {
    max-height:400px;
    position:relative;
}

/*Breadcrumb Menu*/
nav#breadcrumb-menu {
    margin-top:-70px;    
    position:relative;
    background-color:rgba(0,0,0,0.3);
}

@media (max-width: 600px) {
    nav#breadcrumb-menu {
        margin-top: -60px;
    }
}


/*Feature Part Releated*/
article.media-item.image header h3 {
    margin-bottom:9px;
}

/*To center image title, not using
.imgTitleContainer
{
    left:0;right:0;margin-left:auto;margin-right:auto;
}
*/

.cImgTitle-deco{
    position:absolute;
    display:inline-block;
    padding-top:40px;
    z-index:9;
    background-image: url(/Media/Default/ContentImages/underlineTitle.png) !important;
    background-position: center bottom 3px !important;
    background-repeat: no-repeat !important;
}

.cImgTitle 
{
    font-family: 'Work Sans', sans-serif;
    color:#222;
    padding:20px;
    background-color:rgba(255, 255, 255, 0.75);
    position:relative;
    z-index:1;
}

@media (max-width: 1200px) 
{
    .cImgTitle {padding:10px!important;}
    .cImgTitle-deco {padding-top: 30px!important;}
}
@media (max-width: 767px) {
    .cImgTitle {padding:10px!important;}
    .cImgTitle-deco {padding-top: 25px!important;}
}
@media (max-width: 500px) {
    .cImgTitle {padding:3px!important;}
    .cImgTitle-deco {padding-top: 5px!important;}
}


/* ISOTOPE ANIMATION REV*/
.isotope .isotope-item {
  -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
       -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

/*---------------------------------------------- 
    PORTFOLIO
------------------------------------------------*/
.portfolio-entries {
	width: 110%;				/* DO NOT CHANGE THIS VALUE */
	}
	
.portfolio-entries .masonry-item {
    /* will be overwritten by javascript */
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
	}
	
.portfolio-spaced .masonry-item {
	margin-right: 10px;
	margin-bottom: 10px;
	}
	
.portfolio-entries .portfolio-intro {
	padding: 20px 0;
	text-align:center;
	}

	
.portfolio-name { 
	text-transform: uppercase; 
	}
	
.portfolio-name a { color: #262626; }
.portfolio-name a:hover { color: #4da5f5; }


/* Carousel Portfolio */
#portfolio-carousel {
	}
	
#portfolio-carousel .carousel-item {
	margin: 0 5px;
	}


/* Single Portfolio */
#portfolio-single {
	background: #ffffff;
	padding-top: 100px;
	}

#portfolio-single .project-title {
	position: relative;
	margin: 0;
	}
	
#portfolio-single .project-title .project-name {
	display: inline-block;
	max-width: 80%;
	}
	
#portfolio-single .social-share { 
	margin-top: 20px;
	}
	
#portfolio-single .portfolio-media, #portfolio-single .portfolio-content { 
	margin-top: 80px;
	position: relative;
	}


/* h-card Style Rev*/
.h-card .content .category {
  margin-left:-65px;
  margin-right:-65px;
  margin-top:-50px;
  padding: 15px;
  text-align:left;
}

.h-card .category {
    text-align:center;
    color:lawngreen;
    background: rgba(122,122,122,0.8);
    border-radius: 6px 6px 0 0;
}

.h-card-box .category 
{
    padding: 15px;
}

.h-card .label
{
    font-size:75%;
    color:#fff;
    font-weight:bold;
}

.h-card .content .title
{
    margin:5px 0;
}
.h-card .content .price h6
{
    margin-top:20px;
}

.h-card .content .price {
  border: 2px solid rgba(255, 255, 255, 0.7);
  color: white;
  border-radius: 50%;
  width: 152px;
  height: 152px;
  margin: 50px auto;
  text-align: center;
  vertical-align: middle;
  line-height: 200px;
  transition: background-color .3s linear;
}

.h-card .content .price a {
    color:darkgrey;
}

.h-card .content .price a:hover, .price a:focus {
    color:#fafafa;
}

.btn-neutral.btn-fill
{
    color:#888!important;
    transition:background-color linear .3s;
}

.btn-neutral.btn-fill:hover, .btn-neutral.btn-fill:focus 
{
    background-color:#4da5f5;

}



/*Hover Circle Effect*/
.ch-item {
  width: 220px;
  height: 220px;
  margin: 50px auto;
	border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow: 
		inset 0 0 0 12px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1);
		
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}


/*
@media (max-width: 500px) {
  .ch-item {
  width: 180px;
  height: 180px;
  margin-left:-10px;
  }
}
*/

#blogpost-masonry .masonry-item.Events
{
    min-width:250px;
}

.ch-info {
	position: absolute;
	background: rgba(63,147,147, 0.9);
	width: inherit;
	height: inherit;
	border-radius: 50%;
	opacity: 0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden;

}

.ch-info-out {
	position: absolute;
	background: none;
	width: inherit;
	height: inherit;
	border-radius: 50%;
	opacity: 1;
}

.h-card .ch-info-out h3 
{
    margin: 0;
    padding: 0;
}

.h-card .ch-info-out h5 {
    margin: 10px 0 5px 0;
}
.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 45px 0 0 0;
	height: 140px;
	font-family: 'Open Sans', Arial, sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 35px 30px;
    margin-bottom: 20px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
	opacity: 0;
	-webkit-transition: all 1s ease-in-out 0.4s;
	-moz-transition: all 1s ease-in-out 0.4s;
	-o-transition: all 1s ease-in-out 0.4s;
	-ms-transition: all 1s ease-in-out 0.4s;
	transition: all 1s ease-in-out 0.4s;
}

.ch-info p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
	color: #fff222;
	color: rgba(255,242,34, 0.8);
}

.ch-item:hover {
	box-shadow: 
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.ch-item:hover .ch-info p {
	opacity: 1;
}
/*Testing*/

/* Footer */
footer.page-footer {margin-top:0; border-top:solid 3px rgba(0,0,0,0.3); border-bottom:solid 2px rgba(0,0,0,0.1); align-content:center;}
footer.page-footer .container-fluid,
#layout-footer .footer-copyright .container-fluid{padding-left:10px;}

@media (min-width: 993px)
{
    footer.page-footer .container-fluid,
    #layout-footer .footer-copyright .container-fluid
    {padding-left:100px;}
}


footer.page-footer .row .col p
{
    margin-top:5px;
    margin-bottom:5px;
}
footer.page-footer .row .col ul
{
    margin-top:5px;
    margin-bottom:20px;
}

footer.page-footer .row .col a
{
    color:#f8f8f8;
}

#layout-footer .footer-copyright a 
{
    color:#fff;
}

footer.page-footer .row, #layout-footer .footer-copyright .row
{
    margin-bottom:0;
    padding-bottom:0;
}

.footer-copyright 
{
    padding:20px 0;
}

/* Footer*/




/*Sub Pages*/

/* Programme Overview*/
#SCardProgOver .card.horizontal .card-image {
    width:100% !important;
}

#SCardProgOver .card.horizontal{
    display:inline-flex;
}

#SCardProgOver .card.horizontal .card-image img{
    display:none;
}
#SCardProgOver .card.horizontal .card-content
{
    width:50%;
}
#SCardProgOver .card .card-image img {
   width:100%;
   height:100%;
}

@media (max-width: 1183px) {
    #SCardProgOver .card.horizontal .card-content{width:100%;}
    #SCardProgOver .card.horizontal .card-image img{display:block;}
}



/*Message - Management Team*/
.manage-team{
    padding-top:20px;
    padding-bottom:20px;
}

/*Student Voice/Words/Comments*/
.student-story{
    background-color:aquamarine;
    padding:10px;
}


/*Admission*/

#tblAppTime {
    border-collapse:inherit;
    border-spacing:2px;
}

#tblAppTime strong{
    font-weight:bold;
}

.pin-top {
    position: relative;
}
  
.pin-bottom {
  position: relative;
}

.pinned {
  position: fixed !important;
}
      

.widget-qNav-admission.widget-aside-first
{
    padding-top:20px;
}


/*Regulation Syllabus*/
table.highlight>tbody>tr:hover
{
    background-color:#9fa8da!important;
}

#regulation
{
    margin:30px 10px 10px 5px;
}

#regulation td, #regulation th
{
    padding-left:15px!important;

}

/*Contact us - map*/
#contact-us table td, #contact-us table th
{
    padding:5px!important;
}

#map-container1,
#map-container2
{
    padding-left:0;
    padding-right:0;
}

#map-google span.card-title,
#map-campus span.card-title
{
    font-size:18px;
    background-color:rgba(255,152,0,0.8);
}


/*Instructors*/

.rFieldTitle {

    padding-top:1em;
    font-weight:bold;
}

.rFieldContent {
    padding-left:10px;
}

#faculty-masonry .card.small .card-image
{
    max-height: 65%;
}

.instructor-noimg
{
    left:0;
    right:0;
    margin-top:80px;
    margin-left:auto;
    margin-right:auto;
    position:absolute;
}

/*Why HKU*/
.bgWhyHKU{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 1;
    display: block;
    background-image: url(/Media/Default/ContentImages/WhyHKU.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;

}

.whyHKU-text
{
    padding-bottom:55%;
}


/*News n Events*/
.blog-desc-text
{
    /*
    font-size:16px!important;
    float:right;
    padding-right:50px;
    margin-top:-20%;
    position:relative;
    max-width:300px;
        */
    display:none;
}
.content-description.blog-description
{
    padding-top:50px;
}

.filter-netype [type="radio"]:not(:checked)+label, [type="radio"]:checked+label 
{
    padding-left:25px;
    padding-right:20px;
    margin-top:15px;
}

.filter-neSubType [type="checkbox"]+label {
    padding-right:20px;
    padding-left:25px;
}

.filter-year{
   
}
/* News n Events - Posts */
.txtOverlay
{
    height:300px;
    background-size:cover;
}

/* News n Events - By Archrives */
html.dyn .archives ul.years li.previous
{
    padding-left:30px!important;
}
.archives ul.years li
{
	margin:0;
}

/*Side Nav*/
.sideNavlv2
{
    display:none;
}


/* Site Map - Start*/
ul.sitemap-ul {
    -webkit-margin-before: 0!important;
    -webkit-margin-after: 0!important;
}

ul.sitemap-ul li ul.sitemap-ul li:last-child
{
    padding-bottom:5px;
}

ul.sitemap-ul li ul.sitemap-ul li ul.sitemap-ul li
{
    color:rgba(255,152,0,0.5);
}

.sitemap-li {
    padding:0 30px;
    margin:0;
    max-width:550px;
}


@media (max-width: 768px) {
.sitemap-li {padding:0 15px;}
}
/* Site Map - End*/


/*Image Overlay*/
.imgoverlay {
    padding-top:40px;
	position: relative;
	overflow: hidden;
	display: block;
	max-width: 100%;
	}

.normal-size{
    min-width:100%;
    max-height:400px!important;
    background:rgba(0,0,0,1);
}
.full-screen-size{
    width: 100vw;
    height: 100vh;
}

.imgoverlay img {
	-webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    transition: all 0.8s ease;
    -webkit-filter: brightness(50%) blur(3px); /* Safari 6.0 - 9.0 */
    filter: brightness(50%) blur(3px);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=5, enabled='true')";

	}

.imgoverlay .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 20%;
	left: 0;
	z-index: 0;
	opacity: 1;
    text-align:center;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
	}
.imgoverlay .overlayinfo
{
    font-size:18px;
    font-family:'Segoe UI'
}

@media only screen and (max-width: 600px) {
    .imgoverlay .overlay {
        top:35%;
    }
}



/*Overall HTML Responsive*/
/* SMALL SCREENS */
@media only screen and (max-width: 1200px) {

    

}

/* TABLETS ON PORTRAITS */
@media only screen and (max-width: 1023px) {	

h1 { font-size: 80px; line-height: 100px; }
h2 { font-size: 36px; line-height: 54px; }
h3 { font-size: 28px; line-height: 42px; }
h4 { font-size: 20px; line-height: 30px; }
h5 { font-size: 18px; line-height: 26px; }
h6 { font-size: 16px; line-height: 22px; }
.imgoverlay .overlayinfo{font-size:14px;}
}





/* Smartphones*/
@media only screen and (max-width: 760px) {

h1 { font-size: 60px; line-height: 70px; }
h2 { font-size: 24px; line-height: 28px; }
h3 { font-size: 20px; line-height: 24px; }
h4 { font-size: 18px; line-height: 20px; }
h5 { font-size: 14px; line-height: 18px; }
h6 { font-size: 12px; line-height: 14px; }
.imgoverlay .overlayinfo{font-size:12px;}
}
/*Overall HTML Responsive*/




/*Google Search*/
/* Google Custom Search - Start */

/* pagination buttons*/
.gsc-cursor-page {
    font-size: 1em;
    padding: 4px 8px;
    border: 2px solid #ccc;
    border-radius:3px;
}


#___gcse_0{
    padding-top:3px;
    opacity:0;
}
#___gcse_0 input
{
    box-shadow:none!important;
}
#___gcse_0 td, #___gcse_0 th
{
    padding:0;
}
.gsc-control-cse{
    background-color:#fff;
    border: 1px solid #ccc !important;
    border-radius:4px;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    max-height:60px;
}
.gsc-control-wrapper-cse
{
    max-height:55px;
}


form.gsc-search-box
{
    margin:0 !important;
    padding: 0px 10px;
}

table.gsc-search-box{
    margin:0!important;
}

table.gsc-search-box td
{
    vertical-align:top!important;
}

.gsc-input-box{
 border:none !important;
 margin: 0;
 height: 55px!important;
}

.gsc-input-box table
{
    line-height:50px;
}

.cse .gsc-control-cse, .gsc-control-cse
{
    padding:0!important;
    margin:0!important;
}


.gsc-search-box .gsc-input>input:hover, .gsc-input-box-hover, .gsc-input-box-focus
{
    box-shadow:none!important;
    border:none!important;
}

input.gsc-input
{
    height:100% !important;
    font-size:28px!important;
    color:#262626;
    padding:0;
    background:none;
    vertical-align:middle;
}

.gsib_a
{
    padding:0!important;
}

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus
{
    border-color:none!important;
}

input.gsc-search-button
{
    padding:18px 18px !important;
    -webkit-box-sizing:content-box!important;
    -moz-box-sizing:content-box!important;
    box-sizing:content-box!important;
}

/*search result*/
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top
{
    line-height:20px!important;
}
td.gsc-thumbnail, td.gsc-table-cell-snippet-close{
    padding:5px!important;
}


@media screen and (max-width: 992px){
    #___gcse_1 {
        margin-left:0;
    }

    #___gcse_1 .gsc-control-cse
    {
        border-radius:0;
    }

    #___gcse_1 td, #___gcse_1 th
    {
        padding:0!important;
    }
    #___gcse_1 input{
        box-shadow:none!important;
    }

    #___gcse_1 input.gsc-search-button 
    {
        padding: 20px 20px!important;
    }

    #gs_tti51 input
    {
        margin-top:3px!important;
    }
    input.gsc-input {
        font-size:18px!important;
    }

    .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2{
        margin-top:0!important;
    }

    td.gsib_b div.gsst_b a.gsst_a 
    {
        padding-top:8px;
    }
    form.gsc-search-box{
        padding-right:0;
    }

    /* search results */
    .gsc-results-wrapper-overlay
    {
        padding: 10px!important;
        width: 96%!important;
        left: 2%!important;
    }

}
/*
@media screen and (max-width: 768px) 
{
    #nav-collapse3 .container
    {
        margin-left:0px!important;
    }

}
*/
/* Google Custom Search - End */


/* Dynamic Form Rev */
.card-panel.red label{
    color:white;
}
.dynamic-form input[type='text'], .dynamic-form input.text, .dynamic-form textarea.text 
{
    margin-bottom:0;
}
.field-validation-error
{
    font-weight:700;
    color:#f44336;
}
.input-validation-error, input.text.input-validation-error 
{
    border:none!important;
    background-color:rgba(244,67,54,0.9) !important;
}

.validation-summary-errors ul
{
    border-radius:3px;
    background-color:red;
    color:white;
    padding:15px;
}
.validation-summary-errors ul li
{

}



#loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   background-color: #ff9800;
   z-index: 99;
   text-align: center;
}

#loading-image {
  max-height:400px;
  z-index: 100;
}

.display_x_overflow {
    overflow-x: scroll !important;

}
.link_breakline a{
    word-break: break-all;

}


.table_with_border th{
    border: 1px solid #000000;
    text-align: center;
}

.table_with_border table thead tr th, .table_with_border table tbody tr td{
    padding: 3px !important;
    text-align: center;
}

.table_with_border td{
    border: 1px solid #000000;
}



@media only screen and (max-width: 992px)
{
    .table_with_border{
        width: 85vw;
        overflow-x: scroll !important;

    }

    .gsc-search-button-v2 {
        height:55px!important;
    }

}

@media only screen and (min-width: 992px) {
    .gsc-input-box {
        padding-top: 0 !important;
    }

    .gsc-search-button-v2 {
        padding: 0 20px !important;
        margin-top: -10px !important;
        height: 55px !important;
    }

}