nav.nus-main-nav.active{

    opacity: 1;

    transition: 0.1s;

}

nav.nus-main-nav{

    opacity: 0;

    transition: 0.1s;

}



img{

	max-width: 100%;

}

.full-link{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 2;

	height: 100%;

}

.top-breadcrumbs{

	padding: 20px 0 0;

}

.top-breadcrumbs ul{

	padding: 0;

}

.top-breadcrumbs li{

	list-style: none;

	float: left;

	font-size: 12px;

	text-transform: uppercase;

	color: #EF7C00;

}

.top-breadcrumbs li:hover{

	color: #EF7C00;

}

.top-breadcrumbs li a{

	color: #999999;

	position: relative;

 	margin-right: 15px;

 	text-decoration: none;

}

.top-breadcrumbs li a:before{

	position: absolute;

	content: '/';

	right: -10px;

	top: -4px;

	color: #999999;

	font-size: 14px;

}



.events p{

	color: #999999;

	margin-bottom: 30px;

}

.sibar{

	background-color: #F8F8F8;

	padding: 20px 0 0 20px;

	margin-bottom: 20px;

}

.sibar-title{

	display: block;

	width: calc(100% - 20px);

	font-weight: 400;

	font-size: 24px;

	color: #242F3A;

	margin: 0;

	padding-bottom: 20px;

	border-bottom: 1px solid #DDDDDD;

}

.sibar-content{

	overflow-y: auto;

	height: 707px;

	padding-top: 30px;

	margin: 0;

}

.list1{

	position: relative;

	margin-top: 10px;

	margin-bottom: 20px;

}

.list1 figure{

	display: flex;

	justify-content: center;

	align-items: center;

	overflow: hidden;

}

.list1 figure img{

	width: 100%;

	transition: 0.5s;

}

.list1:hover figure img{

	transition: 0.5s;

	transform: scale(1.08);

}

.list1 figcaption{

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	padding: 15px 0;

	text-align: center;

	text-transform: uppercase;

	font-weight: bold;

	color: #fff;

	background-color: rgba(0,0,0,0.7);

	letter-spacing: 1.5px;

	transition: 0.5s;

}

.list1:hover figcaption{

	background-color: rgba(241,136,0,0.7);

	transition: 0.5s;

}

.list2{

	position: relative;

	display: flex;

	flex-wrap: wrap;

	margin-bottom: 20px;

}

.list2 figure{

	display: flex;

	justify-content: center;

	align-items: center;

	overflow: hidden;

	flex: 1;

	transition: 0.5s;

}

.list2-content{

	background-color: #F8F8F8;

	padding: 15px 25px;

	flex: 1 0;

}

.list2-content h4{

	font-size: 24px;

	font-weight: 300;

	margin: 0;

	line-height: 30px;

	content: #242F3A;

}

.list2-content h6{

	font-size: 14px;

	font-weight: 400;

	margin: 10px 0 15px;

	color: #999999;

	padding-left: 20px;

	position: relative;

}

.list2-content h6:before{

	content: '\f303';

	font-family: "Font Awesome 5 Free";

	position: absolute;

	font-weight: bold;

	left: 0;

	top: 0;

}

.list2-content p{

	font-size: 14px;

	line-height: 24px;

	font-weight: 400;

	color: #999999;

}

.list2-content span{

	display: block;

	text-align: right;

	color: #EF7C00;

}

.list2 figure img{

	width: 100%;

	transition: 0.5s;

}

.list2:hover figure{

	transition: 0.5s;

	/*transform: scale(1.08);*/

}



.list3{

	position: relative;

	display: flex;

	flex-wrap: wrap;

	margin-bottom: 20px;

	align-items: center;

}

.list3 figure{

	width: 175px;

	display: flex;

	justify-content: center;

	align-items: center;

	overflow: hidden;

}

.list3-content{

	width: calc(100% - 175px);

	padding-left: 15px;

}

.list3-content h6{

	position: relative;

	font-size: 14px;

	color: #999999;

	font-weight: 400;

	padding-left: 20px;

}

.list3-content h6:before{

	content: '\f073';

	font-family: "Font Awesome 5 Free";

	position: absolute;

	top: 0;

	left: 0;

}

.list3-content h5{

	color: #242F3A;

	font-weight: 400;

	font-size: 18px;

}

.sibar .list3-content h5{

    font-size: 15px;    

    color: #242F3A;

    font-weight: 400;

}

.sibar .list3-content h5 a{

    color: #242F3A;

}

.list2.matchHeight figure{

	width: 280px;

}

.bg-cover{

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

}

.publications-bottom{

	padding: 53px;

	text-align: center;

	color: #fff;

	margin-bottom: 20px;

}

.pal20{

	padding-left: 20px;

}

.publications-bottom h5{

	font-size: 18px;

	font-weight: 400;

	margin: 0 0 20px;

}

.publications-bottom p{

	font-size: 14px;

}

.gallery figcaption{

	font-size: 14px;

	text-transform: none;

}



.contact p a{

    /*color: #999;*/

}

.contact p a:hover{

    color: #23527c;

    text-decoration: underline;

}

.contact-box{

	display: flex;

	flex-wrap: wrap;

	padding: 30px 20px;

	margin-bottom: 20px;

}

.contact-box figure{

	width: 55px;

}



.contact-box--content{

	width: calc(100% - 55px);

	color: #fff;

}



.contact-box--content h5{

	font-size: 18px;

	font-weight: bold;

	margin: 0 0 15px;

	text-transform: uppercase;

}

.contact-box--content p{

	font-size: 14px;

	margin: 0;

	line-height: 20px;

}

.contact-box--content strong{

	display: inline-block;

}

.contact-box--content a{

	color: #fff !important;

}

.box-orange{

	background-color: #EF7C00;

}

.box-green{

	background-color: #8EC64E;

}

.box-blue{

	background-color: #00A2D2;

}

.descript h5{

	font-size: 18px;

	font-weight: 400;

	color: #242F3A;

	margin: 0 0 5px;

}

.descript p{

	font-size: 14px;

	line-height: 20px;

	font-weight: 400;

	color: #999999;

	margin: 0;

}

.tb-2 th{

	text-transform: uppercase;

	font-size: 24px;

}

.pab40{

	margin-bottom: 40px;

}

.pages{

	color: #999999;

	font-size: 14px;

	display: flex;

	justify-content: space-between;

	align-items: center;

	border-top: 1px solid #DDDDDD;

	padding: 40px 0 80px;

	margin-top: 30px;

}

.pages p{

	

}

.pages ul{

	padding: 0;

}

.pages li{

	list-style: none;

	margin-left: 10px;

	float: left;

}

.pages li a{

	display: flex;

	justify-content: center;

	align-items: center;

	height: 30px;

	width: 30px;

	border: 1px solid #DDDDDD;

}

.pages li a:hover, .pages li.active a, .pages li a.active{

	color: #fff;

	border-color: #EF7C00;

	background-color: #EF7C00;

	text-decoration: none;

}

.grayscale {

	filter: gray;

    -webkit-filter: grayscale(100%);

    cursor: pointer;

}

.grayscale.grayscale-fade:hover {

    -webkit-filter: grayscale(0%);

    filter: none;

}

.title-wrap-1 .title-4, .title-4-edit{

	font-weight: normal;

	font-size: 24px;

	padding-bottom: 10px;

}

.title-wrap-1 a{

	top: 0;

	color: #EF7C00;

	font-size: 14px;

	font-weight: normal;

}

.row.mb-break-480{

	margin-bottom: 10px;

}

.mb-break-480 .btn-mesg, .mb-break-480 .btn-cale{

	padding: 9px 0 15px;

	margin: 0 0 20px;

}

.grid-15 .descript .title{

	font-weight: normal;

	font-size: 14px;

	display: block;

	margin: 0 0 10px;

	color: #242F3A;

}

.grid-15 .descript p{

    margin-bottom: 10px;

}

.grid-15:hover .descript .title{

	color: #EF7C00;

}

.grid-15.engagement-wrap{

	position: relative;

	margin-top: 35px;

}

.grid-15.engagement-wrap .descript .fas{

    color: #EF7C00;

}

/*.grid-15.engagement-wrap .descript:before{*/

/*	position: absolute;*/

/*	content: '\f0a9';*/

/*	right: 20px;*/

/*	bottom: 0;*/

/*	color: #EF7C00;*/

/*	font-size: 14px;*/

/*	font-weight: bold;*/

/*	font-family: "Font Awesome 5 Free";*/

/*}*/

.full-link {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 2; 

}

.paginations{

	margin: 40px 0 100px;

    padding-top: 40px;

    border-top: 1px solid #EEEEEE;

    color: #999999;

}

.paginations ul{

	padding: 0;

    display: inline-block;

    float: right;

}

.paginations ul li {

    list-style: none;

    float: left;

    display: inline-block;

    margin: 0 3px;

    padding: 0;

}

.paginations ul li:before {

	display: none;

}

.paginations ul li a:hover,  .paginations ul li.active a{

    color: #fff;

    background-color: #EF7C00;

}

.paginations ul li a{

	display: inline-block;

    width: 20px;

    height: 20px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    color: #999999;

    border: 1px solid #EEEEEE;

    border-radius: 6px;

    font-size: 12px;

    line-height: 14px;

}

.pat30{

    padding-top: 30px;

}

p a, li a{

    color: #ef7c00;

}

.index-top.grid-15 .descript{

    margin-left: 160px;

}



.bg-image{

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

}

.bg-image img{

    opacity: 0;

}



@media (min-width: 990px){

    .index-top.grid-15 .descript{

        padding: 15px 10px 0px 8px;

    }

    .index-top.grid-15 .descript p:last-child{

        margin-bottom: 0;

    }

}

@media (max-width: 990px){

	.row.mb-break-480{

		margin-top: 30px;

	}

}

@media (max-width: 767px){

	.nus-footer .col-tb .info, .nus-footer .col-tb .last{

		width: 100%;

	}

	.nus-footer .col-tb .last{

		border: none;

		padding-left: 0;

	}

	.list2 figure{

		flex:initial;

	}

	.list2-content{

		flex:initial;

		display: block;

		width: 100%;

	}

}

@media (max-width: 430px){

	.gallery .col-xs-6{

		width: 100%;

	}

}


/*change boostrap*/
body{
	font-size: 14px;
    line-height: 1.42857143;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.navbar {
    border: 1px solid transparent;
}
.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
    padding: 0;
}
.navbar-brand{
	float: left;
}
.navbar-nav {
    flex-direction: initial;
}
.navbar .container:after{
	display: none;
}
.navbar-nav .dropdown-menu{
	position: absolute;
}
a:hover {
    text-decoration: none;
}
.nus-footer .copyright .row > div{
	width: 100%;
}
.nus-body-container{
	position: initial;
}
.grid-4.masony{
	display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.grid-4 .item .content{
    min-height: 280px;
    height: auto;
}
.grid-4 .item .content .mask a{
    float: left;
}
.grid-4 .item .content .mask a + a{
    margin-left: 5px;
}
.grid-4 .type, .grid-4 .mask{
    padding: 20px;
}
.nus-logo .navbar-brand{
	margin-right: 0;
}
@media (max-width: 991px){
	.nus-header .row{
		align-items: center;
	    display: flex;
	    justify-content: space-between;
	}
	.nus-header .row .nus-logo{
		width: auto;
	}
	.nus-header .row .nus-logo:after{
		display: none;
	}
	.nus-header .row .clearfix:last-child{
		display: none;
	}
	#top-menu li{
		width: 100%;
	}
}
@media (max-width: 991px) and (min-width: 768px){
	.hidden-sm {
	    display: none!important;
	}
}
@media (max-width: 767px){
	.hidden-xs {
	    display: none!important;
	}
}
@media (min-width: 768px){
	.navbar-nav>li>a {
	    padding-top: 15px;
	    padding-bottom: 15px;
	}
}
@media (min-width: 1200px){
	.hidden-lg {
	    display: none!important;
	}
	.sub-menu li{
		    white-space: nowrap;
	}
}