/***********************

	Author 	: 	iFoundries
	Date 		: 	19/11/2014
	Project	:		NUS
	File		:		styleguide.css
	Modified    :   31-March-2021 by Websparks
	Modified by :   Websparks

***********************/

@font-face{
	font-family: 'Font Awesome 5 Free';
	src: url('../fonts/fa-regular-400.eot');
	src: local('☺'),
	url('../fonts/fa-solid-900?#iefix') format('embedded-opentype'),
	url('../fonts/fa-solid-900.otf')  format('opentype'),
	url('../fonts/fa-solid-900.woff') format('woff'),
	url('../fonts/fa-solid-900.ttf')  format('truetype'),
	url('../fonts/fa-solid-900.svg#fontawesome') format('svg');
	url('../fonts/fa-regular-400?#iefix') format('embedded-opentype'),
	url('../fonts/fa-regular-400.otf')  format('opentype'),
	url('../fonts/fa-regular-400.woff') format('woff'),
	url('../fonts/fa-regular-400.ttf')  format('truetype'),
	url('../fonts/fa-regular-400.svg#fontawesome') format('svg');
	font-weight: normal;
	font-style: normal;
}

/****************
	GENERAL
****************/
html, body{height:100%;}
a {
	color:#003399;
	text-decoration: none;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
a:hover {
	color:#ef7c00;
	text-decoration: none;
}
a:focus{outline:none;text-decoration:none;}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus{background:transparent !important;border-color:transparent;}

.faicon{font-family:"Font Awesome 5 Free";color:#333;}
.faicon.fa-mobile-menu:before{content:"\f0c9"}
.faicon.fa-address:before{content:"\f124"}
.faicon.fa-phone:before{content:"\f095"}
.faicon.fa-email:before{content:"\f0e0"}
.faicon.fa-search:before{content:"\f002"}
.faicon.fa-location:before{content:"\f041"}

.faicon.fa-search{color:#ef7c00;}
.faicon.fa-search.collapsed{color:#333;display:none;}
.btn-orange{
	background: #f08008;
	color: white;
	border:0;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
.btn-primary{background:#003d7c;border:0;
	color: white;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary{background:#f08008;border:0; }
main .btn {
	text-transform: uppercase;
	padding: 10px 20px;
	margin-top: 20px;
}

.bx-wrapper .caption .btn-primary:hover {
	background: #f08008;
}

main img{width:100%;}
main > .container, main > .container-fluid {padding: 60px 0;}

.hashtag { color: #ef7c00; text-transform: uppercase;}
.hashtag:before {content: "#";}
main .container img:hover{
	-moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
	-webkit-transition: transform 0.8s; /* Safari */
    transition: transform 0.8s;
}
main .container img{
	max-width: 100%;
	-moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
	-webkit-transition: transform 0.8s; /* Safari */
    transition: transform 0.8s;
}

.featured .featured-bluebg {
	overflow: hidden;
	margin-left: 20px;
	margin-bottom: 20px;
	box-shadow: -20px -20px #104984;
}

.greybg {background: #efeeec;}
.darkgreybg {background: #999999; color: #fff;}
.bluebg {background: #084380; color: #fff;}

h1{margin: 0 0 30px 0;}

@media screen and (max-width:991px) {
	body{position:relative;}
	.container{width:100%;}
	img{max-width:100%;}
}



/***************
	LOGO
****************/
.nus-logo{float:left;}
.nus-logo .navbar-brand{height:60px;padding:0;
	-moz-transition-property: none;
	-webkit-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
}
.nus-logo img{height:60px;}
@media screen and (max-width:991px) {
	.nus-logo{float:left;}
	.nus-logo .navbar-brand{height:30px;padding:1px 10px 0 0;
		-moz-transition-property: none;
		-webkit-transition-property: none;
		-o-transition-property: none;
		transition-property: none;
	}
	.nus-logo img {height:30px;}
}


/******************************************
	FACULTY BORDER BETWEEN LOGO AND SUB-LOGO
******************************************/
.nus-faculty-border{float:left;margin:0 15px;border-left:1.5pt solid #003D7C;width:2px;height:60px;}
@media screen and (max-width:991px) {
	.nus-faculty-border{height: 30px;}
}


/*********************
	FACULTY LOGO
*********************/
.nus-faculty-logo{float: left;}



/**************
	HEADER
***************/
.nus-header{padding:20px 0;background:#fff;}
.nus-header.microsite{background:#f8f8f8;border-bottom: 1px solid #e7e7e7;}
@media screen and (max-width:991px) {
	.nus-header{padding:10px 0;background:#f8f8f8;border-bottom:1px solid #e7e7e7;}
}

.nus-quicklinks{height:60px;position:relative;}
.nus-quicklinks ul.box{position:absolute;right:0;bottom:-10px;}
.nus-quicklinks ul.box > li {margin:0;}
.nus-quicklinks ul.box > li > a{background:transparent !important; color:#999}
.nus-quicklinks ul.box > li > a:hover,
.nus-quicklinks ul.box > li > a:focus{color:#ef7c00;}

.nus-mobile-nav{float:right;margin-top:3px;}
.nus-mobile-nav ul{padding:0;margin:0;}
.nus-mobile-nav ul li{display:inline-block;}
.nus-mobile-nav ul li a{padding:15px;}
.nus-mobile-nav ul li a:hover{text-decoration:none;color:#ef7c00;}

@media screen and (max-width:1200px) {
	.nus-quicklinks ul.box > li > a{padding:10px;}
}



/*****************
	MAIN NAVIGATION
*****************/
nav.nus-main-nav{margin:0;border-left:0;border-right:0;
	border-radius:0;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
}
nav.nus-main-nav .search-btn-box{float:right;margin:14px 0;}
nav.nus-main-nav .search-btn-box a{height:50px;width:20px;padding:15px;}
nav.nus-main-nav .search-btn-box a:hover{color:#ef7c00;text-decoration:none;}

.nus-megamenu{}
.nus-megamenu .navbar-nav > li{margin-left:30px;}
.nus-megamenu .navbar-nav > li:first-child{margin-left:0;}
.nus-megamenu .navbar-nav > li > a{padding-left:0;padding-right:0;color:#999}
.nus-megamenu .navbar-nav > li:hover > a,
.nus-megamenu .navbar-nav > li > a:focus{box-shadow: 0 -3px 0 #ef7c00 inset;color:#000;background:transparent !important;}
.nus-megamenu .navbar-nav li.active > a{box-shadow: 0 -3px 0 #ef7c00 inset;color:#003d7c;background:transparent !important;}
.nus-megamenu .navbar-nav .caret{margin-left:5px;}

@media screen and (max-width: 1199px) {
	.nus-megamenu .navbar-nav > li {
	    margin-left: 20px;
	}
}



/********************
	DROPDOWN MENU STYLE
*********************/
.dropdown-menu{padding:0;padding:15px;display:none;border-radius:0;}
.dropdown-menu > li > a{display:block;padding:10px;color:#003d7c;border-bottom:1px solid #f5f5f5;}
.dropdown-menu > li:first-child > a{border-top:1px solid #f5f5f5;}
.dropdown-menu > li:hover > a,
.dropdown-menu > li:hover > a:focus{background:#f5f5f5 !important;}
.dropdown-submenu  a.dropdown-toggle:after{border-color:transparent transparent transparent #000;border-style:solid;border-width:5px 0 5px 5px;content:" ";display:block;float:right;height:0;margin-right:-5px;margin-top:5px;width:0;}
.dropdown-submenu .dropdown-menu{left: 100%;margin-left:0px;top: 0;border-radius:0;}


/********************
	MEGA MENU STYLE
*********************/
.mega-menu { width: 100%; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); border: none; /* box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); */ padding: 30px !important; }
.mega-menu a:hover { text-decoration: none; color: #ef7c00 !important; }
.mega-menu>li { float: none; display: block; }
.mega-menu ul { padding: 0 0 0 15px; list-style: none; }
.mega-menu>li li {padding: 3px 0;}
.mega-menu>li li:before { font-family: 'Font Awesome 5 Free'; content: "\f0da"; margin: 0 5px 0 -13px; color: #ef7c00; }
.mega-menu>li li.title:before { font-family: 'Font Awesome 5 Free'; content: "\f054"; }
.mega-menu>li li.title a { font-weight: bold !important; color: #003d7c; text-transform: uppercase; }
.mega-menu>li strong { text-transform: uppercase; color: #003062; margin-bottom: 5px; display: block; }




/***************************************
	EFFECT - SIDEBAR MENU - WRAPPER
****************************************/
.off-canvas-toggle{z-index:100}
.noscroll{position:fixed;overflow-y:scroll;width:100%}
.off-canvas-toggle:focus{outline:none}
.nus-body-container{position:static;background:#ffffff;position:relative;left:0;z-index:99;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;overflow:visible}
.nus-body-container::after{position:absolute;top:0;right:0;width:0;height:0;background:rgba(0,0,0,0.2);content:'';opacity:0;-webkit-transition:opacity 0.5s,width 0.1s 0.5s,height 0.1s 0.5s;transition:opacity 0.5s,width 0.1s 0.5s,height 0.1s 0.5s;z-index:100}

.off-canvas-open .nus-body-container::after{width:100%;height:10000px;opacity:1;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}
.off-canvas-open .nus-sidebar-off-canvas::after{width:0;height:0;opacity:0;-webkit-transition:opacity 0.5s,width 0.1s 0.5s,height 0.1s 0.5s;transition:opacity 0.5s,width 0.1s 0.5s,height 0.1s 0.5s}
.off-canvas-open .off-canvas-current{visibility:visible}
.off-canvas-open .nus-sidebar-off-canvas{overflow-y:auto}

.nus-sidebar-off-canvas{position:absolute;top:0;left:0;z-index:100;visibility:hidden;width:250px;height:100%;overflow:hidden;-webkit-transition:all 0.5s;transition:all 0.5s;background:#ffffff;color:#333333}
.nus-sidebar-off-canvas::after{position:absolute;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.2);content:'';opacity:1;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}
.off-canvas-right.nus-sidebar-off-canvas{display:none;left:auto;right:0}
.off-canvas-right .off-canvas-right.nus-sidebar-off-canvas{display:block;}

.off-canvas-effect-4.off-canvas-open .nus-body-container{-webkit-transform:translate3d(250px,0,0);transform:translate3d(250px,0,0)}
.off-canvas-effect-4.nus-sidebar-off-canvas{z-index:1;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}
.off-canvas-effect-4.off-canvas-open .off-canvas-effect-4.nus-sidebar-off-canvas{-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.off-canvas-effect-4.nus-sidebar-off-canvas::after{display:none}
.off-canvas-right.off-canvas-effect-4.off-canvas-open .nus-body-container{-webkit-transform:translate3d(-250px,0,0);transform:translate3d(-250px,0,0)}
.off-canvas-right.off-canvas-effect-4.nus-sidebar-off-canvas{-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}


/******************************************
NUS - SIDEBAR MENU - MOBILE - OFFCANVAS
******************************************/

#nus-sidebar-off-canvas{height:auto; z-index: 100}
#nus-sidebar-off-canvas .header{background:#eee;padding:0 0 0 12px;height:35px;}
#nus-sidebar-off-canvas .header h2{margin:0;font-size:14px;line-height:35px;text-transform:uppercase;font-weight:bold;}
#nus-sidebar-off-canvas .header .close{background: none repeat scroll 0 0 #bbbbbb;height: 35px;line-height: 35px;margin: 0;position: absolute;right: 0;top: 0;width: 35px;}
#nus-sidebar-off-canvas .body{padding:24px 12px;}
#nus-sidebar-off-canvas .body .nus-module{}
#nus-sidebar-off-canvas .body .nus-module .title{margin:0 0 10px 0;font-size:18px;}
#nus-sidebar-off-canvas .body .nus-module ul > li > a{color:#003d7c;
border-radius:0;
-webkit-border-radius:0px;
-moz-border-radius:0px;
}

#nus-sidebar-off-canvas .body .nus-module ul.level2{padding:0 0 0 10px;}
#nus-sidebar-off-canvas .body .nus-module ul.level3{padding:0 0 0 15px;}
#nus-sidebar-off-canvas .body .nus-module ul.level4{padding:0 0 0 15px;}

#nus-sidebar-off-canvas .body .nus-module ul > li.active > a,
#nus-sidebar-off-canvas .body .nus-module ul > li.current > a,
#nus-sidebar-off-canvas .body .nus-module ul > li.active > a:hover,
#nus-sidebar-off-canvas .body .nus-module ul > li.current > a:hover{
background:#003d7c;color:#fff;
}
#nus-sidebar-off-canvas .body .nus-module ul li a:hover{
background:#eee;color:#000;
}

.nus-sidebar-off-canvas {width: 300px;}
.off-canvas-right.off-canvas-effect-4.off-canvas-open .nus-body-container {transform: translate3d(-300px, 0, 0);}
#nus-sidebar-off-canvas .nav-stacked>li+li {margin-top: 0;}
#nus-sidebar-off-canvas .nav-stacked>li>a { border-bottom: 1px solid #eee; font-weight: bold; }
#nus-sidebar-off-canvas .nav>li>a {padding: 15px 35px;}
#nus-sidebar-off-canvas .nav li.mobile-mega-menu-parent ul {display: none;}
#nus-sidebar-off-canvas .nav li.mobile-mega-menu-parent ul.open { display: block; background: #f6f6f6 !important; }
#nus-sidebar-off-canvas .mobile-mega-menu-parent a.dropdown-toggle-link { cursor: pointer; position: absolute; right: 0; top: 0; padding: 15px 25px !important; }
#nus-sidebar-off-canvas .mobile-mega-menu-parent .down-arrow:before {content: "\f107";}
#nus-sidebar-off-canvas .mobile-mega-menu-parent a.dropdown-toggle-link:hover {background: #eee !important;}
.mega-menu-parent.dropdown {position: static !important;}




/**********************************
NUS - SIDEBAR - COMPONENT LEVEL
***********************************/
.nus-sidebar-nav{margin-bottom:20px;}
.nus-sidebar-nav li + li {margin-top:0;}
.nus-sidebar-nav li.active a{background: none repeat scroll 0 0 #003d7c;color: #fff;}
.nus-sidebar-nav li a{color:#003d7c;border-bottom:1px solid #eee;
border-radius:0;
-webkit-border-radius:0px;
-moz-border-radius:0px;
}
.nus-sidebar-nav li a:hover{color:#000;}

/* Custom Sidebar */
.nus-sidebar-nav .dropdown-submenu .dropdown-menu{
	left:0;
	position:relative;
	top:100%;
	box-shadow:none;
	border:none;
	width:100%;
	max-width:inherit;
	z-index:900;
}

.nus-sidebar-nav ul li.active.open a{
	background:#003d7c !important;
}

.nus-sidebar-nav ul li.active.open > ul.dropdown-menu > li a {
	background:white !important;
	color:#003d7c;
}


/*******************
NUS - SEARCH BOX
******************/
.nus-search-box{position:relative;background:#f8f8f8;}
.nus-search-box.collapse.in{border-bottom:1px solid #e7e7e7;}
.nus-search-box .container{position:relative;padding-top:20px;padding-bottom:20px;}
.nus-search-box input[type="text"]{padding-left:40px;width: 100%;height:45px;
border-radius:0;
-webkit-border-radius:0px;
-moz-border-radius:0px;
}
.nus-search-box .icon{position:absolute;top:33px;left:30px;color:#ccc;}

@media screen and (max-width:991px) {
}




/********************
NUS - BREADCRUMBS
********************/
.nus-breadcrumbs{background:#002449;border-top: 1px solid #003d7c;padding:13px 0;}
.nus-breadcrumbs ul{list-style:none;margin:0;padding:0;}
.nus-breadcrumbs ul > li{display:inline-block;color:#999;margin-right:5px;}
.nus-breadcrumbs ul > li .icon{padding-right:10px;color:#ef7c00;}
.nus-breadcrumbs ul > li a{color:#555;}
.nus-breadcrumbs ul > li a:hover{color:#fff;text-decoration:none;}
.nus-breadcrumbs ul > li + li:before {content: " / ";margin-right:5px;}






/*****************************
NUS - DEPARTMENT - MASTHEAD
******************************/
.nus-department-header.mobile{display:none;}
.nus-department-header .blue{background:#003d7c; color:#fff;border-bottom: 1px solid #0056af;}
.nus-department-header .grey{background:#999999;border-bottom:1px solid #b3b3b3;color:#fff;}
.nus-department-header .orange{background:#ef7c00;border-bottom:1px solid #ff9523;color:#fff;}
.nus-department-header .container{padding-top:15px;padding-bottom:15px;}
.nus-department-header h2{font-size:30px;margin: 0;}
@media screen and (max-width:991px) {
.nus-department-header.mobile{display:block;}
.nus-department-header .container{padding-top:10px;padding-bottom:10px;}
.nus-department-header h2{text-align:center;font-size:25px;}
}


/****************
FOOTER - MAIN
****************/
.nus-footer{background:#003062;border-top:1px solid #003d7c;color:#999;font-weight:300;}
.nus-footer a{color:#999;}
.nus-footer a:hover,
.nus-footer a:focus{color:#fff;text-decoration:none;}
.nus-footer ul{margin:0;padding:0;}
.nus-footer .wrapper{padding:60px 0;}
.nus-footer .footnav-alt{margin-top:43px;}
.nus-footer h4 a{color: white; font-weight: 400;}
.glyphicon .glyphicon-home:before{content:"\f124";}

@media screen and (max-width:991px) {
.nus-footer .wrapper{padding:40px 0;}
}

.nus-footer .navigator ul li{list-style:none;line-height:24px;}
.nus-footer .navigator .title{margin-top:0;color:#fff;font-size:18px; font-weight:400;}

.nus-footer .nus-social-box { display: inline-block; margin: 0 auto; text-align: center; padding: 0 0 0 50px;
      border-left: 1px solid #003d7c;}
.nus-footer .nus-social-box .footnav-alt{margin-top:40px;}
.nus-footer .nus-social-box ul li{padding-left:30px;}
.nus-footer .nus-contact-us { display: block; text-align: left; }
.nus-footer ul.nus-contact-us li{position:relative;}
.nus-footer ul.nus-contact-us .icon{display:block;position:absolute;left:0;color:#fff;top:2px;}
.nus-footer .white-btn-opp { display: inline-block; border: 1px solid #FFFFFF; color: #FFFFFF!important; padding: 10px 20px; color: white; text-decoration: none; margin: 20px 0;}

@media screen and (max-width:991px) {
.nus-footer .nus-social-box{padding:0 10px;border:0;text-align:center;}
.nus-footer ul.nus-contact-us .icon{display:inline;top:0;padding-right:15px;}
}



/*******************
Homepage: Hightlights
*******************/
.highlight-text {
	background: #fff;
	margin: -15px 15px 30px 15px;
	position: relative;
	z-index: 2;
	padding: 20px;
	text-align: center;
}


/*******************
FOOTER - COPYRIGHT
*******************/
.nus-footer .copyright{border-top: 1px solid #003d7c;color: #999999;padding: 40px 10px;text-align: center;font-size:12px;}
.nus-footer .copyright .info{margin-bottom:7px;}
@media screen and (max-width:991px) {
.nus-footer .copyright{padding-left:0;padding-right:0;}
}



/***************************
FOOTER - COPYRIGHT (MENU)
***************************/
.nus-footer .nav-copyright > li{display:inline-block;}
.nus-footer .nav-copyright > li.bullet:before{content:'\2022';padding-right:15px;padding-left:15px;}
@media screen and (max-width:991px) {
.nus-footer .nav-copyright > li.bullet:before{padding-left:5px;padding-right:5px;}
}



/***************************
Homepage: Carousel
***************************/
.bx-wrapper {
	border: 0;
	position: relative;
	margin-bottom: 0;
}
.bx-wrapper .bx-pager {
	position: absolute;
    bottom: 10%;
    left: 10%;
    text-align: left;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fafafa;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #ee7e16;
}

.bx-wrapper .caption {
	position: absolute;
	top: 0;
    padding: 10%;
    width: 36%;
	height: 100%;
    background: linear-gradient(to bottom right, rgba(0,0,0,0.8), rgba(0,0,0,0));
}

.bx-wrapper .caption h4 {
	color: #fff;
	font-size: 3.1em;
	line-height: 1.2em;
}

.bx-wrapper .bx-controls-direction a {
	opacity: 0;
	top: 45%;
}

.owl-nav {
	opacity: 0;
}

.bx-wrapper:hover .bx-controls-direction a, .owl-carousel:hover .owl-nav{
	opacity: 1;
}

.owl-carousel {
	position: relative;
	width: 100%;
	float: left;
}

.owl-theme .owl-nav {
    position: absolute;
    top: 40%;
    width: 100%;
}

.owl-carousel .owl-nav button{
	width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.8)!important;
    border-radius: 100%!important;
	position: absolute;
}

.owl-carousel .owl-nav button span{
	font-size: 3em;
	font-family: "Font Awesome 5 Free";
	line-height: 20px;
}

.owl-carousel .owl-nav button.owl-prev {
	left: 15px;
}

.owl-carousel .owl-nav button.owl-next {
	right: 15px;
}

.event-carousel-control {
	text-align: center;
	width: 320px;
	margin: 0 auto;
	margin-bottom: 30px;
}

.event-carousel-control .line {
	display: block;
	width: 100%;
	border-top: 2px solid #ababab;
}

.event-carousel-control p {
	display: inline-block;
	color: #ccc8c8;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.event-carousel-control > a:first-child p{
	float: left;
}
.event-carousel-control > a:last-of-type p{
	float: right
}

.event-carousel-control p.active {
	color: #f08008;
}

.event-carousel-control p.active:after{
	content: "";
	border-bottom: 4px solid #f08008;
	display: block;
	margin-bottom: -13px;
	margin-top: 10px;

}

.img-wrapper {
	height: 250px;
	overflow: hidden;
}


.owl-caption {
	padding: 20px;
}


.owl-carousel .item {
	box-shadow: 0px 0px 0px black;
	transition: all 0.2s;
	padding-bottom: 10px;
}
.owl-carousel .item:hover {
	box-shadow: 0px 5px 10px black;
	transition: all 0.2s;
}

.owl-carousel .item .owl-caption > p:first-of-type {
	color: #88c1fc;
}

.owl-item:not(.active) {
	opacity: 0.5;
}
.owl-item.active:nth-last-of-type(2) {
	opacity: 0.5;
}

.owl-item {
	padding: 10px;
}

@media screen and (max-width: 991px) {
	.bx-wrapper .caption .btn {
		margin-top: 0px;
	}

	.bx-wrapper .caption h4 {
		font-size: 2.5em;
	}
	.nus-footer .nus-contact-us {
		text-align: center;
	}

	.nus-footer .col-xs-12:last-child{
		text-align: center;
	}
}

@media screen and (max-width: 918px) {

	.bx-wrapper .bx-pager {
		bottom: 15px;
		text-align: center;
		left: 0;
	}

	.bx-viewport {
		height: unset!important;
	}

	.bx-wrapper .caption {
		width: 100%;
		position: relative;
		background: #104984;
		padding: 20px 20px 40px 20px;
		text-align: center;
		left: 0;
	}
	.bx-wrapper .caption .btn-primary {
		border: 1px solid #C0C0C0;
	}
	.bx-wrapper .caption h4 {
		font-size: 1.6em;
		margin-top: -10px;
	}

	.insta-feed {
		padding: 0px 10px!important;
	}
	.insta-feed .row div{
		padding: 0 10px;
	}
	.insta-feed .row {
		padding: 10px!important;
	}
}

@media screen and (max-width: 577px) {

	.bx-wrapper .bx-controls-direction a {
		width: 30px;
		height: 40px;
		top: 45%;
	}

	.bx-wrapper .caption .btn {
		padding: 8px;
		font-size: 0.7em;
	}

	.insta-feed {
		padding: 0px 0px!important;
	}
	.insta-feed .row div{
		padding: 0 5px;
	}
	.insta-feed .row {
		padding: 5px!important;
	}
}


/***************************
Subpages: Theme Blue/Orange
***************************/
body.blue-orange .nus-banner.colorblock,
body.blue-orange main .btn-primary,
body.blue-orange #accordion .btn,
body.blue-orange ul.sidenav li:hover .item,
body.blue-orange ul.nav-tabs >li.active > a,
body.blue-orange .nus-banner .btn-primary:hover
{
	background: #555; /** Changed from Orange to Grey */
	color: white;
}

/*body.blue-orange #accordion .btn:hover,
body.blue-orange ul.nav-tabs >li > a:hover
{
	background: #0074e1!important;
	color: white!important;
}*/

body.blue-orange .nus-banner.colorblock .container:before,
body.blue-orange .nus-banner .btn-primary,
body.blue-orange ul.sidenav li.active .item,
body.blue-orange main .btn-primary:hover
{
	background: #0074e1;/** Blue */
	color: white;
}

body.blue-orange ul.sidenav li:hover a,
body.blue-orange ul.sidenav li.active a
{
	color: white;
}

body.blue-orange .nus-banner.colorblock .container .btn-primary{
	border: 1px solid white;
}
body.blue-orange .overlap .title a:after {
	color: #f79e02;
}

body.blue-orange .overlap .title:hover a:hover:after{
	color: #0074e1;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	body.blue-orange .nus-banner.colorblock > .container .row > div:last-of-type{
		background: #0074e1;
	}
}

/***************************
Accordion Styles
***************************/
#accordion .btn.collapsed {
	background:#FFF;
	color:#454545 !important;
	border-bottom:1px solid #c5c5c5;
}

#accordion .btn-primary {
	color:#454545;
	font-weight:bold;
}

#accordion .card-body {
	border:1px solid #dddddd;
}

#accordion .btn-primary {
	outline:none !important;
}

body.blue-orange .nus-banner .btn-primary:hover {
	background:#555;
}

/***************************
Responsive Tables
***************************/
@media screen and (max-width:991px) {
	.table table {width:100%;}
	.table thead {display: none;}
	.table tr:nth-of-type(2n) {background-color: inherit;}
	.table tbody td {display: block;  text-align:left;}
	.table tbody td:before {content: attr(data-th); display:block;text-align:left; color:#333;font-weight:700;font-size:16px;margin-bottom:7px;}
}

/***************************
Tabs
***************************/
ul.nav-tabs >li.active > a {
	background:#eb8f00 !important;
}

ul.nav-tabs >li > a {
	background:#f0f0f0;
}

ul.nav-tabs >li > a:hover {
	background:#003d7c !important;
	color:#FFF !important;
}

#accordion .card-body, .tab-content> .tab-pane {
	border:1px solid #dddddd;
	margin-top:-3px;
}

@media screen and (max-width:991px) {
	ul.nav-tabs {
		display:unset !important;
	}
}

/***************************
Buttons
***************************/
.blue-btn {
	display:inline-block;
	background-color:#003d7c;
	color:white!important;
	padding:10px 20px;
	color:white;
	text-decoration:none;
	margin:20px 0;
}
.blue-btn:hover {
	color:white;
	text-decoration:none;
	opacity:0.85;
}
.blue-btn-opp{
	display:inline-block;
	border:1px solid #003d7c;
	color:#003d7c!important;
	padding:10px 20px;
	color:white;
	text-decoration:none;
	margin:20px 0;
}
.blue-btn-opp:hover{
	text-decoration:none;
	opacity:0.85;
}
.orange-btn{
	display:inline-block;
	color:white!important;
	padding:10px 20px;
	color:#333;
	text-decoration:none;
	background-color:#ef7c00;
	margin:20px 0;
}
.orange-btn:hover{
	color:white;
	text-decoration:none;
	opacity:0.85;
}
.orange-btn-opp{
	display:inline-block;
	border:1px solid #ef7c00;
	color:#ef7c00!important;
	padding:10px 20px;
	color:white;
	text-decoration:none;
	margin:20px 0;
}
.orange-btn-opp:hover{
	text-decoration:none;
	opacity:0.6;
}


/***************************
Custom Header Styling
***************************/
.sub-header {
	line-height:normal;
	font-weight:400;
}
.sub-header span {
	display:block;
	font-size:14px;
	color:#999;
	line-height:normal;
	margin-top:5px;
}
.sub-header:not(:first-child) {
	margin-top:40px;
}
.sub-header::after {
	content: "";
	display: block;
	height: 3px;
	width: 35px;
	background: #ef7c00;
	position: relative;
	margin: 15px 0;
}


/***************************
Static Banner - Subpages (full-width)
***************************/
.nus-banner {
	position: relative;
}

.nus-banner.full-width {
	background: url("../images/subpage/banner1.jpg") no-repeat;
	background-size: cover;
	background-position: center;
	color: white;
}

.nus-banner.full-width .container {
	text-align: center;
	padding: 130px 50px;
	height: 100%;
	z-index: 2;
	position: relative;
}
.nus-banner.full-width h1 {
	letter-spacing: 2px;
}

/***************************
Static Banner - Subpages (Colorblock)
***************************/
.nus-banner.colorblock .container:before {
	content: "";
	position: absolute;
	width: 67%;
	display: block;
	height: 100%;
	left: 0;
	z-index: 1;
}

.nus-banner.colorblock > .container h1 {
	font-size: 3.8em;
}

.nus-banner.colorblock > .container .row > div {
	z-index: 2;
	position: relative;
	color: white;
	padding: 80px 30px;
	float: right;
}

.nus-banner.colorblock > .container .row > div:first-of-type{
	padding-left: 120px;
}

.nus-banner.colorblock > .container .row div.form-group .btn,
.nus-banner.full-width .btn{
	margin-right: 8px;
	padding: 15px 20px;
}

@media screen and (max-width: 1199px) {
	.nus-banner.colorblock > .container .row > div:first-of-type{
		padding-left: 15px;
	}
}

@media screen and (max-width: 768px) {
	.nus-banner.colorblock > .container .row > div { width: 100%; }
	.nus-banner.colorblock > .container .row > div:first-of-type{ padding: 0px; }
	.nus-banner.colorblock > .container .row > div:last-of-type{ text-align: center;}
	.nus-banner.colorblock .container:before {display: none;}
}

/***************************
Subpage General Styles
***************************/
#accordion {
	padding-top: 20px;
}
#accordion .btn {
	width: 100%;
	margin-top: 0px;
	text-align: left;
	position: relative;
	padding: 15px 20px;
}

#accordion .btn:after {
	content: "\f068";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	right: 20px;
	font-size: 0.6em;
	line-height: 2.5em;
}
#accordion .btn.collapsed:after {
	content: "\f067";
}

#accordion .btn.collapsed {
	background: white !important;
	color: #003d7c;
}

#accordion .card-body,
.tab-content> .tab-pane {
	background: white;
	padding: 30px;
}

main > .container-fluid > .container:not(:first-child) {
	margin-top: 40px;
}

#accordion .btn,
.nav-tabs>li > a,
.nav-tabs>li > a,
.nav-tabs>li > a:hover,
.nav-tabs>li > a:focus,
.nav-tabs>li.active > a,
.nav-tabs>li.active > a:hover,
.nav-tabs>li.active > a:focus{
	border-radius: 0;
	border: 0;
	background: white;
	color: #003d7c;
	font-weight: bold;
	font-size: 1.1em;
	text-transform: capitalize;
}


/***************************
Subpage: Sidenav
***************************/
ul.sidenav {
	padding: 0;
}
ul.sidenav li {
	display: flex;
	margin-bottom: 8px;
}

ul.sidenav li .item{
	background: white;
}

ul.sidenav li img,ul.sidenav li a {
	align-self: center;

}

ul.sidenav li img {
	width: 40%;
}

ul.sidenav li a {
     width: 60%;
    padding: 15px;
    color: #000;
    display: block;
    float: right;
    height: 100%;
    margin-bottom: -5px;
}

ul.sidenav img:hover {
	transform: scale(1);
}

/***************************
Subpage: Tabs
***************************/
ul.nav-tabs {
	display: flex;
	border: 0;
}
ul.nav-tabs li {
	width: 100%;
	text-align: center;
	margin-bottom: 3px;
}
.nav-tabs>li:last-child a{
	margin-right: 0;
}


/***************************
Subpage: Overlap images
***************************/
.overlap {
	padding-right: 60px;
}

.overlap .title,
.overlap .title a{
	background: white;
	color: black;
    width: 50%;
    text-align: center;
    padding: 10px 15px 20px 15px;
    position: absolute;
    bottom: 20px;
    right: 15px;
}

.overlap .title a {
	width: 100%;
	bottom: 0;
	left: 0;
}

.overlap .btn {
	margin-top: 15px;
}

.overlap.video a:before{
	content: "\f144";
    font-family: "Font Awesome 5 Free";
    background: orange;
    position: absolute;
    left: -50px;
    width: 50px;
    height: 50px;
    bottom: 0;
    font-size: 2.5em;
}

.overlap .title a:after {
	content: "\f061";
	font-family: "Font Awesome 5 Free";
}

@media screen and (max-width: 767px){
	.overlap {
		margin-top: 30px;
	}
}


/***************************
Homepage: Testimonial
***************************/
.testimonial {
	position: relative;
	background-image: url(../images/homepage/testimonialbg.jpg);
	background-position: center;
	background-size: cover;
	text-align: center;
}

.testimonial .overlay {
	background: rgba(0,0,0,0.8);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.testimonial h3 {
	color: #eb7b01;
	line-height: 1.5em;
	font-weight: 500;
	margin-bottom: 30px;
}

.testimonial .fa-quote-left {
	color: #eb7b01;
	font-size: 3em;
}

.testimonial > div:nth-child(2) p:first-child{
    display: flex;
    text-align: center;
    justify-content: center;
}

.testimonial .line {
	background: #eb7b01;
	height: 5px;
	width: 30%;
	margin: 0px 20px;
	align-self: center;
	display: inline-block;
}

.testimonial > div:nth-child(2) p:not(:first-child){
	color: #d3d2d2;
	margin-bottom: 5px;
}

.testimonial > div.container {
	display: flex;
	flex-wrap: wrap;
}

.testimonial > div.container > div {
    align-self: center;
}


/***************************
Misc
***************************/

.sticky-bar {
	position: fixed;
	right: 0;
	top:30%;
	color: white;
	z-index: 99;
	font-size: 0.8em;
}

.sticky-bar > p {
	text-align: center;
	margin-bottom: 2px;
	position: relative;
}

.sticky-bar > p > a {
	padding: 10px;
	background: rgba(45,45,45,0.9);
	display: block;

}

.sticky-bar > p > a:hover {
	text-decoration: none;
	color: #ef7c00;
}

.sticky-bar .share {
	position: absolute;
    left: 100px;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    width: 220px;
    height: 66px;
    padding: 8px 0;
	z-index: 100;
}

.sticky-bar .share a{
	float: left;
	background: none;
	padding: 10px 15px
}

.sticky-bar .share a:hover span:before,
.sticky-bar > p > a:hover span:before{
	color: #CFCFCF;
}

.sticky-bar > p:nth-child(3):hover ~ p.share,p.share:hover{
	left: -140px;
}

.insta .fa-instagram {
	color: #003d7c;
}

.insta .fa-instagram:before {
	padding-right: 10px;
	font-family: "Font Awesome 5 Free";
}

@media screen and (max-width:768px) {
	.testimonial > div.container > div {
		margin-top: 30px;
	}

	.testimonial > div.container > div:first-child {
		margin: 0 auto;
		width: 80%;
	}
}

.sticky-bar > p .icon:before {
	color: #ef7c00;
	font-size: 2em;
	display: block;
	width: 100%;
	font-family: "Font Awesome 5 Free";
}

.sticky-bar > p > a > span {
	color: white;
}

.sticky-bar #controller.active span:before{
    content: "\f104";
}
.sticky-bar #controller {
	position: absolute;
    left: -35px;
    background: #313130;
    height: 100%;
    padding: 22px 15px;
    top: 0;
}

#controller span:before {
	color: #C4C4C4;
	font-size: 1.7em;
}
.insta-feed {
	padding: 0px 100px;
}
.insta-feed .row {
	padding: 15px;
}
.insta-feed > div.row > div {
	overflow: hidden;
}

#scrollToTop {
    cursor: pointer;
    font-size: 0.9em;
    position: fixed;
    text-align: center;
    z-index: 9999;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    background: #003d7c;
    color: #ffffff;
    border-radius: 0px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
    right: 20px;
    bottom: 20px;
}

@media print {
	.nus-header {display: none;}
	.nus-breadcrumbs {display: none;}
	.nus-footer {display: none;}
}