.accordian-undergraduate {
	width: 805px; height: 320px;
	overflow: hidden;
	text-align: center;
}
#block-student-banner img,
#block-centre-banner img,
.inner-banner img {
	width:100% !important;
}
.1217-JS1217-Pathway-for-Research-Innovation-and-Multinational-Engineering-PRIME .js-quickedit-page-title.page-header {
	display:none !important;
}
/*.Research-Degree-Programmes .page-header,
.Taught-Postgraduate-Professional-Doctorate-Programmes .page-header,
.Joint-Bachelor’s-Degree-Programmes .page-header,
.Undergraduate-plus-Taught-Postgraduate-Degree-Programmes .page-header,
.Direct-Non-JUPAS-Applicants .page-header,
.JUPAS-Applicants .page-header,
.Minor-in-Engineering-Entrepreneurship .page-header,
.Undergraduate-Programmes .page-header,
.Programmes .page-header {
display:none !important;
}*/
.carousel-control .glyphicon {
	background-color:transparent !important;
}
.glyphicon-chevron-right:before,
.glyphicon-chevron-left:before {
    	color: #fff !important;
}
.table-section ul li {
	background:none !important;
}
.award-professor .professor-position span{
font-size:18px !important;
font-style: italic;
}
.gray-bg {
    	background: #F2F2F2;
}
.cityu-footer-copyright {
	color: #FFF !important;
	font-family: "Neue Haas Grotesk Display Pro";
	font-size: 14px !important;
	font-weight: 450;
}
.accordian-undergraduate ul {
	width: 2000px;
}
.cityu-footer-links a {
	color: #FFF !important;
	text-align: center;
	font-family: "Neue Haas Grotesk Display Pro";
	font-size: 16px !important;
	font-weight: 450;
}
.accordian-undergraduate img {
    	max-width: inherit !important;
}
.accordian-undergraduate li {
	position: relative;
	display: block;
	width: 160px;
	float: left;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
.custom-margin {
    	margin-top: 0px !important;
}
.main-title {
	width:80%;
	margin:0 auto;
	margin-bottom:2rem;
}
ul.taught-programme-bookmark {
	width:100% !important;
	margin-left:0px !important;
}
.accordian-undergraduate ul:hover li {width: 40px;}
.accordian-undergraduate ul li:hover {width: 300px;}
.accordian-undergraduate li img {
	display: block;
}
.image_title a {
	color: var(--White, #FFF) !important;
	font-family: Neue Haas Grotesk Display Pro !important;
	font-size: 20px !important;
	font-weight: 500;
}
.programme-img-bg:hover p a img{
	width: 40px;
}
.programme-img-bg p a img:hover {
	width: 300px;
}
.programme-img-bg p a img {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;e;
}
.programme-img-bg {
	position: relative;
	display: block;
	float: left;	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.doctor-programme-section .tab-content {
	margin: 0px 0px 0px 90px !important;
}
.vertical-tab .tab-content .paragraph__column {
	margin: 0px 60px !important;
}
.architect-civil-engineering h3 {
	margin-top:0px !important;
}
.border-right{
    	border-right: 2px solid #DDD;
}
.view-cityu-event-list .view-content .views-row {
	border-bottom: 0px !important;
}
.paragraph--id--1786.paragraph:before,
.paragraph--id--1776.paragraph:before {
	top: 1rem !important;
}
/*.paragraph--id--2866 .paragraph__column ul {
width:40% !important;
}
.paragraph--id--4681.paragraph:before,
.paragraph--id--1786.paragraph:before,
.paragraph--id--4666.paragraph:before,
.paragraph--id--4656.paragraph:before,
.paragraph--id--1776.paragraph:before, 
.paragraph--id--3921.paragraph:before,
.paragraph--id--1771.paragraph:before,
.paragraph--id--26646.paragraph:before,
.paragraph--id--2866.paragraph:before {
	content: url(/ceng/sites/g/files/asqsls8126/files/media-image/watermark02.png);
	display: block;
	position: absolute;
	left: 0px;
	z-index: 0;
	top: 40rem;
}*/
.page-node-type-page .content {
	background: transparent !important;
}
.page-node-type-page {
	background: #FBFAF9;
}
.vertical-tab .paragraph__column {
	display:flex;
}
.vertical-tab .tab-content {
	float: left;
	width: 77%;
	padding-left: 60px;
}
.vertical-tab ul.nav-tabs {
	float: left;
	width: 23%;
	background:none !important;
}
ul.taught-programme-bookmark li:hover,
.vertical-tab ul.nav-tabs li:hover {
	border-radius: 4px;
	border: 1px solid #FFB910;
	background: var(--light-greyish-orange-bg, #F6ECE6) !important;
	box-shadow: 0px 2px 18px 7px rgba(0, 0, 0, 0.08);
}
ul.taught-programme-bookmark li a:focus,
.vertical-tab ul.nav-tabs li a:focus,
.vertical-tab ul.nav-tabs li:hover a:focus {
 outline: none !important;
    outline-offset: 0px !important;
}
ul.taught-programme-bookmark li,
.vertical-tab ul.nav-tabs li{
	background:#fff !important;
	border: 1px solid #FFB910;
	width: 100%;
	border-radius:4px;
}
ul.taught-programme-bookmark li a,
.vertical-tab ul.nav-tabs li a {
	color: var(--Orange, #F1792D) !important;
	background: none !important;
	border: none !important;
	padding: 10px 10px !important;
	font-size: 16px !important;
}
ul.taught-programme-bookmark li.active a,
.vertical-tab ul.nav-tabs li.active a {
	color: var(--White, #FFF) !important;
}
ul.taught-programme-bookmark li.active,
.vertical-tab ul.nav-tabs li.active{
	background: var(--linear, linear-gradient(180deg, #F1792D 0%, #F29321 100%)) !important;
	width: 100%;
	border-radius: 4px;
	box-shadow: 0px 2px 18px 7px rgba(0, 0, 0, 0.08);
}

.banner-caption-section ol.breadcrumb li.active,
.banner-caption-section ol.breadcrumb li a {
	color: var(--light-orange-bg, #F9E0D0) !important;
	font-size: 18px !important;
}
.banner-caption-section {
	position: absolute;
	margin-top: -7rem;
	padding-left: 100px;
	padding-right: 100px;
}
.page-title-banner h2 {
	color: #FFF;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
	font-weight: 700 !important;
	margin: 0 auto;
}
.jupas-tab ul.nav-tabs li {
	background: var(--light-greyish-orange-bg, #F6ECE6)!important;
	border-radius:5px;
}
.jupas-tab .paragraph__column ul li a:focus {
	outline: none !important;
	outline-offset: 0px !important;
}
.jupas-tab .paragraph__column ul li a:hover {
	background:transparent !important;
	border:0px !important;
}
.jupas-tab .paragraph__column ul li a {
	border-bottom: 0px !important;
	color: var(--Dark-grey---text, #545454) !important;
	font-size: 20px !important;
	font-weight: 700 !important;
}
.jupas-tab .paragraph__column ul li.active a
{
	background: var(--Orange, #F1792D) !important;
	border: 0px !important;
	color: #fff !important;
	font-size: 20px !important;
	font-weight: 700 !important;
}
.undergraduate-col-bg {
	background:#FFF;
	margin-bottom: 25px;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
}

.flex-left {
	justify-content:left !important;
}
.text-center{
	text-align:center;
}
.m-b {
	margin-bottom:25px;
}
.p-0 {
	padding:0px;
}
.chinese-language-text-section p {
	margin-bottom:25px;
}
/* .navbar-footer {
list-style-image: url('/ceng/sites/g/files/asqsls8126/files/inline-images/footer-arrow.png') !important;
} */
.paragraph--id--26586 .studen-life-section ul{
	list-style-image: url('/ceng/sites/g/files/asqsls8126/files/inline-images/list-style-vector.png') !important;
}
.paragraph--id--26586 .studen-life-section ul li:hover {
	transform: translate(6px,0px);
	/* transition: all 0.3s ease-out; */
	transition: all 350ms ease 30ms;
	opacity: 0.55;

}
.event-container-card:hover .latest-news-events-seminars-content a{
text-decoration:underline;
opacity: 0.55;
}
.event-container-card:hover {
    /* transition: all 0.3s ease-out; */
    transition: all 350ms ease 30ms;
    margin-top: unset;
    top: unset;
    margin-bottom: unset;
    transform: translateY(-8px);
}
.News .view-news-achievements .new-group:hover {
	box-shadow: 0px 0px !important;
}
.new-group:hover,
.undergraduate-col-bg:hover {
    background: #fff;
    color: var(--white);
   box-shadow: 10px 10px 0 #FFEDB7, 15px 15px 0 #DCC06E !important;
    transform: translate(-6px,-6px);
    /* transition: all 0.3s ease-out; */
    transition: all 350ms ease 30ms;
}
.need-more-section p a,
.need-more-section p,
.curriculum-table h5 {
color: var(--Orange, #F1792D)!important;
font-size: 20px;
font-style: normal;
font-weight: 500;
}
.urban-planning {
margin-top:60px;
}
.urban-planning p {
margin-bottom:20px;
}
.joint-bachelor-section ul li,
.joint-bachelor-section p {
font-size: 16.895px !important;
color: var(--Black, #292929) !important;
}

.joint-bachelor-section h5 {
color: var(--Black, #292929) !important;
font-size: 16.895px !important;
font-weight: 600 !important;
}
.joint-bachelor-section h4,
.urban-planning h3,
.need-more-section h3,
.curriculum-table h4,
.sidebar-undergraduate h3,
.undergraduate-col-bg p a {
color: var(--Black, #292929)!important;
    font-size: 24px !important;
    font-weight: 600;
    line-height: normal;

}
.text-center-row {
display:flex;
justify-content:center;
}
.undergraduate-col-bg .undergraduate-text-block::nth-child(1) p a {
 margin-top: 0em !important;
}
.undergraduate-text-block p a{
 margin-top: 1em !important;
    display: inline-block;
}
.undergraduate-text-block:first-child p a{
    display: inline-block;
 margin-top: 0em !important;
}
.undergraduate-text-block {
padding: 10px 25px 10px 25px;
    text-align: center;
    height: 167px;
}
.undergraduate-programme-bg:before {
    background: var(--light-greyish-orange-bg, #F6ECE6);
    content: "";
    height: 46vw;
    width: 100vw;
    position: absolute;
    top: 35%;
    z-index: 0;
    transform: translateX( -50%);
    left: 50%;
}
.admission-text-block p {
margin-bottom:25px;
}
.jupas-gray-box:hover a img:last-child {
display:inline-block !important;
}
.jupas-gray-box a img:last-child {
display:none !important;
}
.jupas-gray-box {
cursor:pointer;
}
.jupas-gray-box:hover .hide-icon {
display:none !important;
}
.jupas-gray-box:hover h6,
.jupas-gray-box:hover h6 a,
.jupas-gray-box:hover p,
.jupas-gray-box:hover p a
{
color:#fff !important;
}


.jupas-gray-box:hover {
background: var(--Orange, #F1792D);
color:#fff !important;
}
.jupas-gray-box p,
.jupas-gray-box p a{
color: var(--Dark-grey---text, #545454)!important;
font-size: 18px !important;
}

.jupas-gray-box h6,
.jupas-gray-box h6 a{
color: var(--Dark-grey---text, #545454) !important;
font-size: 20px !important;
font-weight: 600 !important;
}
.jupas-link h4 a img,
.jupas-gray-box-link h4 a img,
.jupas-gray-box-link h5 a img {
position: relative;
    top: -7px;
    left: 5px;
}
.jupas-gray-box-link h5 {
margin-top:35px;
}
.jupas-gray-box-link {
display:flex;
justify-content:center;
}
table.inner-table tbody tr td p.d-flex {
color: var(--Orange, #F1792D) !important;
}
table.inner-table tbody tr td p {
padding:0px !important;
margin:0px !important;
font-weight:500 !important;
}
table.inner-table {
 border-collapse: initial !important;
}
table.inner-table tbody tr td p.d-flex a img {
position:relative;
top:-6px;
left:5px;
}
table.inner-table tbody tr td p.d-flex a {
padding:0px !important;
}

table.inner-table tr td {
padding:5px 5px !important;
border:0px !important;
}
.table-module-link p.d-flex a {
padding:0px !important;
}
.table-module-link,
.jupas-gray-box-link h5,
.jupas-gray-box-link h4,
.jupas-link h4,
.d-flex {
display:flex;
}
.icon-img {
margin-top:30px;
}
.pink-bg {
background: var(--light-greyish-orange-bg, #F6ECE6);
margin-bottom:20px;
margin:0px !important;
}
.orange-text,
a.orange-text {
color: var(--Orange, #F1792D) !important;
}
.main-text-section ol li {
margin-bottom:15px;
}
.main-text-section ol li span {
font-size: 18px !important;
font-style: normal !important;
font-weight: 600 !important;
}
.gray-box p {
color: var(--Dark-grey---text, #545454) !important;
text-align: center;
font-family: Neue Haas Grotesk Display Pro;
font-size: 14px !important;
font-weight: 500 !important;
margin-top: 10px !important;
}
.sidebar-undergraduate .row {
	margin-bottom:20px;
}
.sidebar-undergraduate h4 a,
.other-feature-section h5,
.main-text-section h5 {
	color: var(--Dark-Brown, #595149)!important;
	font-family: Neue Haas Grotesk Display Pro;
	font-size: 20px !important;
	font-weight: 600 !important;
	margin-top:15px;
	margin-bottom:15px;
}
.first-curricu-section h4,
.jupas-link h4,
.admission-jupas-section h4 {
	color: #545454 !important;
	font-size: 24px !important;
	font-weight: 600 !important;
	margin-bottom:25px;
}
.jupas-gray-box img {
	display:inline !important;
}
.jupas-gray-box {
width: 100% !important;
	margin: 0 auto !important;
	height: auto !important;
}
.jupas-gray-box p img,
.gray-box p,
.gray-box p img,
.gray-box p{
	margin: 0 auto;
}
.key-features-section h4 {
	margin-bottom:20px;
}

.jupas-gray-box,
.gray-box {
	background: #F0F0F0;
	text-align: center;
	padding: 40px 20px;
	border-radius: 10px;
	width: 200px;
	height: 160px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.curriculum-table h6 {
	color: #545454 !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	margin-bottom:20px;
}
.curriculum-table h5,
.curriculum-table h4 {
    	margin-bottom: 20px;
}
.first-curricu-section table tbody tr td {
	padding:10px;
	font-weight:500 !important;
}
.first-curricu-section table tbody tr th {
	vertical-align:middle !important;
}
.first-curricu-section table tbody tr td,
.first-curricu-section table tbody tr td a {
	padding:0px 0px !important;
}
.eligibility-section table tbody tr td,
.urban-planning table tbody tr td,
.first-curricu-section table tbody tr td a,
.first-curricu-section table tbody tr td,
.first-curricu-section table tbody tr th,
.curriculum-table table tbody tr th,
.curriculum-table table tbody tr td {
	font-size: 18px !important;
	color: var(--Dark-grey---text, #545454);
}
.urban-planning table tbody tr th,
.first-curricu-section table tbody tr th,
.curriculum-table table tbody tr th {
	background: #545454;
	color:#fff !important;
}
.curriculum-table table {
	width:100% !important;
	margin-bottom:40px;
}
.taught-main-body .row img:hover {
	opacity:0.7;
}
.hr-line,
.taught-main-body .hr-line {
	margin-bottom: 30px;
	margin-top:30px;
	border-bottom: 1px solid #DDD !important;
	height:2px;
}
.path-waymain-section p,
.pathway-research .path-waymain-section h4,
.pathway-research .path-waymain-section p img,
.pathway-research h3 {
margin-bottom:40px;
}
.pathway-research h4 {
	color: var(--Black, #292929) !important;
	font-family: Neue Haas Grotesk Display Pro;
	font-size: 26px !important;
	font-weight: 600;
}
.main-header p {
	margin-bottom:25px !important;
}
.paragraph--id--26696 .field--name-bp-text h2,
.main-title h1,
.direct-jupas-section h3,
.minor-eng-section h3,
.pathway-research h3,
.main-header h2 {
	color: var(--Black, #292929)!important;
	font-family: Neue Haas Grotesk Display Pro;
	font-size: 36px !important;
}
.paragraph--id--26696 .field--name-bp-text h2,
.direct-jupas-section h3,
.minor-eng-section h3,
.pathway-research h3,
.main-header h2 {
	font-weight: 600 !important;
}
.main-title h1 {
	font-weight: 700 !important;
}
.main-container p {
	color: #545454;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
}
.minimum-section .hr-line {
	margin-top:0px !important;
}
.minimum-section {
	margin: -50px 0px 0px 135px;
}

.benifit-section ul li,
.minimum-section ul li {
	color: #545454;
	font-size: 18px !important;
}
.minimum-section ol .li-title ul li{
	padding: 0 !important;
}
.minimum-section ol .li-title ul {
	list-style-position: initial;
	padding: 0 !important;
	margin-left: 0px !important;
}
.minimum-section ol .li-title {
	color: #545454;
	font-family: Neue Haas Grotesk Display Pro;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	margin-top: 20px;
}
.paragraph--id--2871 {
	margin-top:60px;
}
.eligibility-section h3,
.direct-jupas-section h4 {
	color: #232323 !important;
	font-size: 24px !important;
	font-weight: 600 !important;
	margin-top:30px;
}
.minimum-section h2{
	color: var(--Black, #292929);
	font-family: Neue Haas Grotesk Display Pro;
	font-size: 24px !important;
	font-style: normal;
	font-weight: 500 !important;
	line-height: normal;
}
.minimum-section p img,
.minimum-section img {
	vertical-align: middle;
	margin-right: 10px;
	margin-top: 25px;
	position: relative;
}
.archi-text-contact .d-flex img {
	margin-right:10px;
}
.taught-programme h5 {
	margin-bottom:0px !important;
}
.taught-programme p {
	color: #545454 !important;
	font-size: 14px !important;
	font-weight: 450 !important;
	margin-top:0px;
}
.taught-programme h5 a {
	font-weight: 600 !important;
}
.taught-programme h5 a:hover {
	color: var(--Orange, #F1792D) !important;
}
.taught-programme h5 a,
.archi-text-contact p,
.archi-text-contact .d-flex p,
.archi-text-contact .d-flex p a {
	color: var(--Black, #292929)!important;
	font-family: Neue Haas Grotesk Display Pro;
	font-size: 18px;
	font-style: normal;
	font-weight: 450;
	line-height: 150%;
}
.architect-civil-engineering h3 img a,
.architect-civil-engineering h3 img {
width: 32px;
    height: 32px;
    margin-top: -1px !important;
    margin-left: 6px;
    position: relative;
}
.icon-img h4 img {
    width: 48px;
    height: 48px;
    margin-top: -9px !important;
margin-right: 10px;
}
.icon-img h4,
.architect-civil-engineering h3 {
display:flex;
}
.architect-civil-engineering h3,
.programmelist-title h3 {
    color: var(--Black, #292929);
    font-family: Neue Haas Grotesk Display Pro;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;

}
.archi-text-contact,
.archi-text-block {
padding-top:10px;
}
.icon-img p img {
   width:48px !important;
   height:48px !important;
   margin-top: -1px !important;
    margin-left: 6px;
}
.icon-img h4 {
color: var(--Black, #292929);
font-family: Neue Haas Grotesk Display Pro;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.undergraduate-plus-section h4,
.archi-text-contact h4,
.archi-text-block h4,
.archi-text-block h4 a {
    color: var(--Black, #292929)!important;
    font-family: Neue Haas Grotesk Display Pro;
    font-size: 18px;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
}
 @media (min-width: 992px) {
.vertical-tab ul.nav-tabs {
}
}
 @media (min-width: 768px) {

}
   @media (min-width: 400px) {

}