@charset "UTF-8";
/* CSS Document */
html {
	scroll-behavior: smooth;
}
body {
	font-family: 'Archivo', sans-serif;
	width: 100%;
	height: 100%;
	color: #5b5b5b;
}
h1 {
	font-size: 2rem;
	color: #006ab1;
}
a {
	color: #006ab1;
	text-decoration: none;
	background-color: transparent;
}
a:hover {
	color: #0099ff;
}
.annoucement-block a:visited {
	color: #69899e;
}
.btn-primary {
	color: #fff;
	background-color: #004480;
	border-color: #004480;
	border-radius: .15rem;
}
.btn-primary:hover {
	color: #fff;
	background-color: #006ab1;
	border-color: #006ab1;
}
.search-btn.search-ico span:before {
	content: url(images/ico-search.svg);
	display: inline-block;
	width: 20px;
	margin: 0 4px 0 0;
	vertical-align: middle;
	line-height: 100%;
}
.sm-font {
	font-size: 90%
}
/* flag icon */
.flag-icon-background {
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
}
.flag-icon {
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
	position: relative;
	display: inline-block;
	width: 1.33333333em;
	line-height: 1em;
}
.flag-icon:before {
	content: "\00a0";
}
.flag-icon.flag-icon-squared {
	width: 1em;
}
.flag-icon-vn {
	background-image: url(flags/4x3/vn.svg);
}
.flag-icon-vn.flag-icon-squared {
	background-image: url(flags/1x1/vn.svg);
	margin-right: 5px;
	display: inline-block
}
.flag-icon-gb {
	background-image: url(flags/4x3/gb.svg);
	margin-right: 5px;
	display: inline-block
}
.flag-icon-gb.flag-icon-squared {
	background-image: url(flags/1x1/gb.svg);
}
/* flag icon */
.nav-tabs .dropdown-menu {
	min-width: 100%;
	border: none;
	border-radius: .15rem;
}
.darkBlue-background {
	background-color: #004480
}
.lightBlue-background {
	background-color: #006ab1
}
.pageHeader {
	height: 110px
}
.topRaw-wrap {
	font-size: 10pt;
	color: #fff
}
.dark a {
	color: #a6ddff
}
.logo-wrap a {
	display: block;
	width: 280px;
	height: 80px;
	background-image: url(images/hcmufa-white-logo.svg);
	background-repeat: no-repeat
}
.logo-wrap.logo-wrap-en a{
	background-image: url(images/hcmufa-white-logo-en.jpg);
    background-size:  280px auto;
}
.primary-menu .navbar-nav .nav-link {
	padding: 20px;
	font-style: normal
}
.homepage .primary-menu .navbar-nav .nav-link {
	padding: .5rem 1.5rem
}
.primary-menu .navbar-nav .nav-item:last-child .nav-link {
	border: none !important
}
.primary-menu a:hover, .primary-menu .navbar-nav .show>.nav-link {
	color: #fff;
	text-decoration: none;
}
.lightGrey-background .primary-menu .navbar-nav .nav-link {
	color: #006ab1;
}
.lightGrey-background .primary-menu .navbar-nav .nav-link:hover {
	color: #ffffff;
	background-color: #006ab1;
}
.primary-menu .navbar-nav .dropdown-menu {
	border: none;
	background: #1a88d2;
	margin: 0;
	padding: 0;
	border-radius: 0;
}
.inner-page .primary-menu .navbar-nav .dropdown-menu .nav-link {
	font-size: 14px;
	padding: .5rem 1.5rem;
	border-bottom: solid 1px #006ab0;
}
.inner-page .primary-menu .collapse.show .dropdown-menu .dropdown-item {
	font-size: 14px;
}
.primary-menu .collapse.show .dropdown-menu .dropdown-menu .dropdown-item {
	font-size: 14px;
}
.primary-menu .dropdown-item,  .primary-menu .navbar-nav .nav-link {
	padding: .5rem 1.5rem;
	border-bottom: solid 1px #006ab1;
	color: #fff
}
.primary-menu .dropdown-item:hover {
	background: #004480;
	color: #fff;
}
/*.primary-menu .dropdown.show .dropdown-toggle::after {
    content: url(images/white-arrow-down.svg);
    border: none;
    width: 13px;
    height: 13px;
    position: absolute;
    margin-left: 8px;
} */
.primary-menu .dropdown-toggle::after, .dropdown-header:after {
	content: url(images/blue-arrow-down.svg);
	border: none;
	width: 13px;
	height: 13px;
	position: absolute;
	margin-left: 8px;
}
.primary-menu .dropdown.show .dropdown-menu.show .dropdown-toggle:after {
	content: url(images/blue-arrow-down.svg);
	border: none;
	width: 13px;
	height: 13px;
	position: absolute;
	margin-left: 8px;
}
a.nav-icon {
	width: 46px
}
.dropdown-header {
	display: block;
	padding: .5rem 1.5rem;
	margin-bottom: 0;
	font-size: 14px;
	color: #a6ddff !important;
	background: #006ab1;
	white-space: nowrap;
}
.primary-menu .sub-menu {
	display: block;
	padding: .5rem 1.5rem .5rem 2.2rem;
	white-space: nowrap;
	background: #006ab1;
	border-bottom: solid 1px #1987d2;
	font-size: 15px;
}
.primary-menu .sub-menu:hover {
	background: #004480;
}
.float-menu {
	position: absolute;
	display: block;
	top: 130px;
	z-index: 99;
	right: 20px;
}
.float-menu .nav-item {
	width: 140px;
}
.navbar-expand-md .float-menu .navbar-nav {
	-ms-flex-direction: column;
	flex-direction: column;
}
.pageHeader>.container {
	position: relative
}
.float-menu ul li a span.link-icons {
	font-size: 40px;
	line-height: 200%;
	display: block;
	width: 80px;
	height: 80px;
	text-align: center;
	background-color: #006ab1;
	border-radius: 100%;
	margin: auto;
}
.float-menu ul li a span.links {
	display: block;
	padding: 8px 10px;
	border-radius: 3px;
	line-height: 100%;
	color: #fff;
	height: 55px;
	line-height: 140%;
	vertical-align: middle;
	margin: 4px;
	background: #006ab1;
	font-size: 15px;
}
.float-menu ul li a:hover span.links {
	background-color: #004480;
}
.float-menu ul li.student-nav a span.icons {
	display: block;
	width: 60px;
	height: 60px;
	text-align: center;
	background-color: #006ab1;
	border-radius: 100%;
	margin: auto;
	padding: 12px;
}
.float-menu ul li.student-nav a:hover span.icons {
	background-color: #004480;
}
.student-ico:before {
	content: url(images/ico-student.svg);
	display: block;
	width: 38px;
	margin: 0 0 0 -2px;
}
.calendar-ico:before {
	content: url(images/ico-calendar.svg);
	display: block;
	width: 30px;
	margin: 2px auto;
}
.media-ico:before {
	content: url(images/ico-media.svg);
	display: block;
	width: 34px;
	margin: 0px auto;
}
.community-ico:before {
	content: url(images/ico-community.svg);
	display: block;
	width: 34px;
	margin: 0 auto;
}
.search-ico span:before {
	content: url(images/ico-search.svg);
	display: block;
	width: 20px;
	margin: 6px 0 0 0;
}
.dottedoverlay {
	background: url(images/gridtile.png);
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
}
.navbar-toggler-icon {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	content: " ";
	background: no-repeat center center;
	background-size: 100% 100%;
	background-image: url(images/ico-mobile.svg);
}
.navbar-toggler, .navbar-toggler:focus {
	border: none;
	outline: none
}
.nav-wrap {
	position: relative
}
.event-wrap.right-align {
	background-color: #ddd;
	height: auto;
}
.event-wrap.left-align {
	background-color: #ddd;
	height: auto;
	border-left: solid 1px #ccc;
}
.news-wrap.left-align {
	background-color: #ccc;
	height: auto;
	min-width: 480px;
}
.title-sep-container {
	position: relative;
	height: 6px;
	-ms-flex-grow: 1;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.title-sep.sep-single {
	position: relative;
	display: block;
	width: 100%;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	border-bottom: solid 1px #a5a5a5;
}
.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem);
	padding: .370rem .75rem;
	font-weight: 400;
	line-height: 1.5;
	color: #666;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border-radius: .15rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	box-shadow: 0 0 0 0 rgba(0,0,0,0.1);
	border: 0;
	background: #e1effb;
}
.form-control:focus {
	color: #495057;
	background-color: #fff;
	border: solid 1px #ddd;
	outline: 0;
	box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1);
}
select {
	border-radius: 2px;
}
.news-wrap .title-heading a:hover, .news-wrap .title-heading a {
	color: #fff
}
.news-wrap .title-sep.sep-single {
	border-bottom: solid 1px #006ab1;
}
a.title-heading, .event-wrap .title-heading a {
	font-size: 18px;
	color: #8a8a8a;
	padding: 10px;
	background: #dddddd;
}
.news-wrap .title-heading {
	font-size: 18px;
	color: #ffffff;
	padding: 10px;
	background: #006ab1;
}
.event-headline {
	background: #d2d2d2;
}
.thumb-image-frame {
	display: inline-block;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
	max-width: 100%;
	max-height: 300px;
	width: 100%;
	text-align:left;
}
.thumb-image-frame img {
	width: 320px;
}
.student-page .right-side-column .thumb-image-frame img {
	width: 120px;
}
.latest-news-listing .thumb-image-frame img {
	
    min-width: 120px;
}
.latest-news-listing .event-inner:first-child {
	margin-top: 0 !important
}
.thumb-image-frame:hover img {
	transform: scale(1.1);
}
.transitionAll {
	transition: all 0.5s ease-in-out;
}
.event-wrap h2 {
	color: #5b5b5b;
	font-size: 150%;
}
.event-dscrb {
	font-size: 90%;
	color: #595c5f
}
.event-info {
	font-size: 75%;
	color: #595c5f
}
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.event-wrap a, .news-wrap a {
	color: #006ab1
}
.event-wrap a:hover {
	color: #006ab1
}
.news-wrap a:hover {
	color: #004480
}
.news-wrap .thumb-image-frame, .news-wrap .thumb-image-frame img {
	max-width: 160px
}
.news-wrap h2 {
	font-size: 130%;
}
.news-wrap .btn-outline-primary {
	color: #006ab1;
	border-color: #006ab1;
}
.news-wrap .btn-outline-primary:hover {
	color: #fff;
	background-color: #006ab1;
	border-color: #006ab1;
}
.event-wrap {
	background: #eee
}
.news-wrap {
	background: #ddd
}
#event-tabContent {
	background: #fff;
	box-shadow: 5px 5px 0 #ddd
}
#event-tab .nav-item a {
	border-radius: 0;
	border-top: solid 3px;
}
#event-tab .nav-link.active {
	color: #006ab1;
	background-color: #fff;
	box-shadow: 5px 0 0 #ddd
}
.event-wrap .nav-item a {
	color: #aaa
}
.thumb-frame {
	overflow: hidden
}
.thumb-img {
	background-size: cover;
	height: 250px;
	display: block;
	background-position: center;
}
.thumb-img:hover {
	transform: scale(1.1);
	transform-origin: center;
}
.event-headline .title-heading {
	display: inline-block;
}
/* End of News and Event */

.intro-wrap {
	padding: 100px 0 60px 0;
}
.intro-wrap .sep-single {
	border-color: #e2e3e8;
	border-top-width: 1px;
	margin-top: 10px;
	margin-bottom: 35px;
	width: 100%;
	max-width: 170px;
	border-bottom-style: solid;
	border-top-style: solid;
}
.intro-wrap h2, .lecturerProfile-wrap h2, .tuyensinh-info-wrap h2 {
	font-size: 160%
}
.intro-wrap article {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}
.intro-text {
	font-family: 'Playfair Display', serif;
	font-size: 120%;
	line-height: 160%;
}
.btn-outline-primary {
	color: #006ab1;
	border-color: #006ab1;
}
.btn-outline-primary:hover {
	color: #fff;
	background-color: #006ab1;
	border-color: #006ab1;
}
/*fixed header*/
.pageHeader.fixed {
	background-color: #006ab1;
	position: fixed;
	z-index: 99;
	top: 0;
	width: 100%;
	height: 70px;
}
.pageHeader.fixed .float-menu {
	right: -1500px;
}
.pageHeader.fixed .logo-wrap a {
	height: 60px;
	margin-top: 10px;
}
.pageHeader.fixed .nav-wrap {
	padding-top: 0 !important;
	padding-bottom: 0!important;
}
.pageHeader .navbar {
	padding: 0 !important
}
/*end of fixed header*/
/*Scrolling to Top */
.scrolltop {
	opacity: 0;
	width: 100%;
	margin: 0 auto;
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index: 100;
}
a.scroll {
	position: absolute;
	right: 20px;
	bottom: 5px;
	background: rgb(189, 224, 247);
	padding: 15px;
	text-align: center;
	margin: 0;
	color: #006ab1 !important;
	cursor: pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
a.scroll:hover {
	background: rgb(159, 207, 239);
	transition: 0.5s;
	color: #fff !important;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
.scroll:hover .fa {
	padding-top: -10px;
}
.scroll .fa {
	font-size: 30px;
	margin-top: -5px;
	margin-left: 1px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
.scrolltop.show {
	opacity: 1
}
/*End of Scrolling to Top*/
/* Footer */
footer a, footer a:hover {
	color: #a7ddff;
}
footer {
	background-color: #004480;
	color: #fff;
	font-size: 90%;
	padding: 30px 0;
}
.social-icons {
	font-size: 150%;
}
/* End of Footer */
/* Parallax */
.bg-holder {
	width: 100%;
	height: 80%;
	background-size: cover;
	background-position: 50% 50%;
	color: #fff;
}
/* End of Parallax */
/*Lecturer Profile*/
.lecturerProfile h5 {
	color: #006ab1;
	font-size: 100%
}
.lecturerProfile p {
	font-size: 80%
}
.lecturerProfile-wrap {
	padding: 80px 0;
	background-color: #fff;
}
.homepage .lecturerProfile-wrap {
	background-color: #eee;
}
.lecturerProfile .card {
	border: none;
	border-radius: 0;
}
.lecturerProfile .btn-primary {
	color: #fff;
	background-color: #ddd;
	border-color: #ddd;
}
.lecturerProfile .btn-primary:hover {
	color: #fff;
	background-color: #006ab1;
	border-color: #006ab1;
}
.lecturerProfile .carousel-control-next, .lecturerProfile .carousel-control-prev {
	width: 8%
}
/*End of Lecturer Profile*/
/* Why UFA */
.parallax-inner {
	min-height: 600px;
}
/* End of Why UFA */
.whyUFA-wrap .jumbotron {
	height: auto !important
}
.whyUFA-content-wrap {
	background-color: rgba(255,255,255,.8);
	border: solid 1px #fff
}
.consulting-content-wrap {
	background-color: rgb(0, 106, 177);
	border: solid 1px #fff;
	color: #fff;
}
.consulting-content-wrap .btn-outline-primary {
	color: #ffec51;
	border-color: #ffec51;
}
.consulting-content-wrap h3 {
	color: #ffec51;
}
/* Edu Program */
.cell-style1 {
	background-color: #004480;
}
.cell-style2 {
	background-color: #58788e;
}
.cell-style3 {
	background-color: #5080a2;
}
.eduProgramCell {
	padding: 40px;
	color: #fff;
}
.eduProgram h2 {
	font-size: 160%
}
.eduProgram h3 {
	font-size: 140%;
	color: #ffec51;
}
.eduProgram a {
	color: #ffec51;
}
.eduProgram a:hover {
	color: #fff;
}
.eduProgram .list-group-item {
	padding: .25rem 1.25rem;
	margin-bottom: -1px;
	background-color: transparent;
	border-top: 1px solid rgba(255, 236, 81, .5);
}
.uni-title>div {
	padding: 15px 0;
	background: #b9b9b9;
}
.master-title>div {
	padding: 15px 0;
	background: #cacaca;
}
.uni-title .title-sep.sep-single, .master-title .title-sep.sep-single {
	border-bottom: solid 1px #fff;
}
.uni-title h3, .master-title h3 {
	color: #fff;
	margin: 0
}
.imgBox01 {
	background-image: url(dumy-img/box-bg01.jpg);
}
.imgBox02 {
	background-image: url(dumy-img/box-bg02.jpg);
}
.imgBox03 {
	background-image: url(dumy-img/box-bg03.jpg);
}
.imgBox04 {
	background-image: url(dumy-img/box-bg04.jpg);
}
.imgBox05 {
	background-image: url(dumy-img/box-bg05.jpg);
}
.imgBox06 {
	background-image: url(dumy-img/box-bg06.jpg);
}
[class*=imgBox] {
	background-size: auto 100%;
	transition: all .5s;
	background-position: center
}
[class*=imgBox]:hover {
	background-size: auto 110%;
}
/* End of Edu Program */
/* Testimonials */
.testimonials-wrap {
	padding: 80px 0;
}
.testimonials-wrap .carousel-indicators li {
	border-top: 10px solid #ddd
}
.testimonials-wrap .carousel-indicators {
	bottom: -30px
}
.testimonials-wrap .card-img-top {
	width: 200px;
	height: 200px;
	border-radius: 100%;
	margin: 20px 0 10px 0;
	overflow: hidden;
}
.testimonials-wrap .card-text {
	font-family: 'Playfair Display', serif;
	font-size: 120%;
	line-height: 160%;
	font-style: italic;
	color: #666;
}
.testimonials-wrap h5 {
	font-size: 150%;
	margin: 10px 0 20px 0
}
.testimonials-wrap .card-img-top img {
	width: 100%;
}
.testimonials-wrap .card {
	border: none;
}
/* Testimonials */

/* Form */
.modal-header {
	background: #006ab1;
	color: #fff;
	border-top-left-radius: .15rem;
	border-top-right-radius: .15rem;
	padding: .6rem 1rem;
}
.modal-footer {
	border-bottom-right-radius: .15rem;
	border-bottom-left-radius: .15rem;
}
.modal-title {
	font-size: 110%;
}
.modal-content {
	border: none;
	border-radius: .15rem;
}
/* form */


.xl-hide {
	display: none !important;
}
.btn:hover, .btn:active, .btn:focus, .btn:focus-within, .btn:visited, .btn {
outline: none;
box-shadow:none;
font-size: 90%;
}
.modal-dialog, .iframeModal .modal-content {
	/* 80% of window height */
	height: 80%;
}
.iframeModal .modal-body {
	/* 100% = dialog height, 120px = header + footer */
	max-height: calc(100vh - 210px);
	overflow-y: auto;
}
.close-btn {
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 20px;
	z-index: 99;
	padding: 5px;
}
.article-title h2 {
	/*background: #fff;*/
	display: inline-block;
	padding: 8px 15px 8px 10px;
	margin: 0;
	color: #fff;
	font-weight: 700;
	border-left:5px rgba(0,0,0,0.1);
	/* border-left: 10px solid #006ab1; */
	text-shadow: 3px 3px rgba(0,0,0,0.1);
	font-size: 180%;
}
.article-title {
	background: #006ab1;
	margin-bottom: 15px
}
.article-title .fas {
	color: #ff7a00;
}
.grad-color {
	background-image: linear-gradient(to right, #006ab1, #008bcb, #00acdb, #00cce1, #12ebe1);
}
.table-striped-color {
	background: #f5f9fe;
}
.exam-date .table thead th {
	vertical-align: bottom;
	border: none;
	color: #fff;
}
.font-160 {
	font-size: 160%
}
.grey-txt {
	color: #aaa
}
.card-header {
	padding: .25rem 1.25rem;
	background-color: rgb(245, 249, 254);
}
.fb_dialog {
	right: 100px !important
}
.inner-page .primary-menu .navbar-nav .nav-link, .homepage .primary-menu .navbar-nav .nav-link {
	font-style: normal;
	border-bottom: 1px solid #006ab1;
}
.inner-page .primary-menu .navbar-nav .nav-link {
	padding: 14px;
}
.inner-page .primary-menu .navbar-collapse {
	border-radius: 0;
	position: absolute;
	right: 15px;
	top: 50px;
	z-index: 99;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu {
	position: static
}
.inner-page .primary-menu .navbar-collapse {
	width: 280px;
	background: #004480;
}
.inner-page .primary-menu .navbar-nav .nav-link:hover {
	background: #006ab1;
}
.inner-page .logo-wrap a {
	width: 500px;
	height: 64px;
}
.pageHeader.inner-page {
	height: 90px;
}
.pageHeader.inner-page.fixed {
	height: 70px;
}
.inner-page .navbar {
	position: absolute;
	right: 0;
	z-index: 16;
	top: 25px;
}
.inner-page .search-ico {
	position: absolute;
	right: 50px;
	top: 24px;
}
.inner-page.fixed .navbar {
	top: 15px;
}
.inner-page.fixed .search-ico {
	top: 14px;
}
.bg-page {
	background: #efefef
}
.intro-section {
}
.nav-tabs .nav-link.active {
	color: #fff;
	background-color: #006ab1;
	border: none;
	border-radius: 0;
}
.nav-tabs .nav-link h1, .page-headline h4 {
	font-size: 120%;
}
.nav-tabs .nav-link h1 {
	color: #fff
}
.contact-page .nav-tabs .nav-link.tab-title h1 {
	color: #70b1dc
}
.contact-page .nav-tabs .nav-link.tab-title.active h1, .contact-page .nav-tabs .nav-link.tab-title.active h2 {
	color: #fff
}
.nav-tabs {
	border: none
}
.nav-tabs .nav-link {
	border: 0;
	margin-top: 10px;
	color: #ffffff;
	border-radius: 0;
	background: #1fb7de;
	margin-left: 1px;
}
.nav-tabs .nav-link:first-child {
	margin: 0
}
.nav-tabs .nav-link:hover {
	background: #006ab1;
	color: #fff
}
.nav-link.tab-title .nav-link {
	color: #fff;
	background-color: #006ab1;
	border: none;
	border-radius: 0;
	margin: 0;
}
.nav-link.tab-title {
	position: absolute;
	top: 30px;
	left: 0;
}
.contact-page .nav-link.tab-title {
	position: static;
	margin: 0 1px 0 0;
}
.student-page .nav-link.tab-title {
	position: static;
	margin: 1px 1px 0 0;
}
/*Hero banner */
.hero-banner {
	padding-top: 0;
	padding-bottom: 120px;
	position: relative;
}
.hero-container {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
}
.hero-row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	flex-direction: row;
}
.hero-img {
	flex: none;
	align-self: stretch;
	width: 50%;
	right: -12.5%;
	z-index: 2;
	margin-top: 120px;
	margin-left: -12.5%;
	position: relative;
	height: 50vh;
	max-height: 400px;
}
.hero-img-wrap {
	width: 100%;
	height: 50vh;
	max-height: 400px;
	position: relative;
}
.hero-content {
	flex: none;
	align-self: stretch;
	width: 62.5%;
	margin-left: 0;
	z-index: 0;
	margin-top: 0;
	margin-bottom: -120px;
	padding: 120px 10% 120px 16%;
    background: #eaeaea;
}
.hero-content.latest-news, .right-side-column-wrap {
	flex: none;
	align-self: stretch;
	width: 62.5%;
	margin-left: 0;
	z-index: 0;
	margin-top: 0;
	margin-bottom: -120px;
	padding: 120px 5% 120px 15%;
	background: #ffffff;
}
.magz-page .hero-img, .sidepage-template .hero-img {
	width: 70%;
	right: 0;
	margin-left: 0;
	margin-top: 120px;
}
.magz-colection-list {
	background: #8ee8ff;
	padding: 30px 30px 30px 10px;
	margin-left: -80px;
}
.sidepage-template .right-side-column {
	background: #fff;
	padding: 0;
	padding: 10px;
	margin-left: -80px;
	box-shadow: 8px 8px 0 0 rgba(120,120,120,.2);
}
.student-page.sidepage-template .right-side-column {
	background: #ebf4ff;
}
.student-page.sidepage-template .right-side-column.second-box {
	background: #cbe3f3;
}
.magz-colection-list h5 {
	margin-left: 20px;
	border-bottom: solid 1px #006ab1;
	color: #006ab1;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.magz-article-list h5 {
	color: #ffffff;
	background: #1cb5de;
	padding: 5px 15px;
	margin-bottom: 15px;
}
.magz-page .hero-content.latest-news, .hero-content.right-side-column-wrap {
	width: 30%;
	position: relative;
	padding: 120px 0 120px 0;
}
.contact-page .hero-content.right-side-column-wrap {
	padding: 80px 0 80px 0
}
.hero-content.right-side-column-wrap {
	padding: 30px 0 80px 0;
	background: #efefef;
}
.student-page .hero-content.right-side-column-wrap {
	background: #004480;
}
.magz-colection-list ul, .magz-article-list ul {
	list-style-type: square;
	color: #006ab1;
}
.magz-page .latest-news-listing, .sidepage-template .leftside-column-wrap {
	padding: 0 120px 0 30px;
}
.coral {
	color: coral
}
.aquamarine {
	color: #8ee8ff
}
.hero-content .nav-tabs .nav-link {
	margin-bottom: 1px;
	display: inline-block;
	margin-top: 0;
}
.hero-intro {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.hero-img-wrap .carousel-inner, .hero-img-wrap .carousel-item, .hero-img-wrap .item-bg, .hero-img-wrap .carousel {
	width: 100%;
	height: 100%;
}
.hero-img-wrap .carousel-item {
	display: flex;
	align-items: center;
	justify-content: center;
}
.hero-img-wrap .item-bg {
	background-size: cover;
	background-position: center;
}
.event-wrap .hero-img, .sidepage-template .hero-img {
	height: auto;
	min-height: 300px;
	max-height: 100%
}
.contact-page.sidepage-template .hero-img {
	margin-top: 80px;
}
.student-page.sidepage-template .hero-img {
	margin-top: 30px;
}
.nav-tabs .nav-link.tab-title {
	color: #fff;
	background-color: #006ab1;
}
.nav-tabs .nav-link.tab-title h2 {
	font-size: 100%;
	color: #8ee8ff;
}
.contact-page .nav-tabs .nav-link.tab-title h2 {
	font-size: 150%;
	color: #70b1dc;
}
.sudent-page .nav-tabs .nav-link.tab-title h2 {
	font-size: 150%;
	color: #70b1dc;
}
.nav-tabs .nav-link.tab-title:hover {
	color: #8ee8ff;
	background-color: #006ab1;
}
.tab-content h5 span {
	font-size: 120%;
}
.student-page .tab-content h5 span {
	font-size: 100%;
	color: coral;
}
.custom-select {
	display: inline-block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem 1.75rem .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background: #e1effb;
	vertical-align: middle;
	border: 1px solid #ced4da;
	border-radius: .15rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
tr.exam-day td {
	background: #ffecb3
}
.custom-select option {
	border-radius: .15rem;
}
.tab-content h5 span strong {
	color: #ff6e00;
	text-shadow: 2px 2px 0 rgb(116, 187, 208, .5);
}
.tab-content h5 span em, .tab-content h5 {
	color: #618f9a;
}
/*Hero banner */
/*Image Gallery */
.row-gallery {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	-webkit-column-gap: 4px; /* Chrome, Safari, Opera */
	-moz-column-gap: 4px; /* Firefox */
	column-gap: 4px;
}
.student-page .nav-tabs .nav-link {
	color: #8ce6fe;
	background: #1fb7de;
}
.student-page .nav-tabs .nav-link.tab-title h2, .student-page .nav-tabs .nav-link.tab-title h1 {
	font-size: 100%;
	color: #8ee8ff;
}
.student-page .nav-tabs .nav-link.tab-title.active h2, .student-page .nav-tabs .nav-link.tab-title.active h1 {
	font-size: 100%;
	color: #fff
}
.student-page .nav-tabs .nav-link.tab-title.active {
	background-color: #006ab1;
}
.row-gallery img {
	width: 100%
}
.light-blue-bg {
	background: #bbb;
}
.page-headline h4 {
	color: #fff;
}
.img-gallery a {
	display: block;
	overflow: hidden;
	position: relative;
	max-height: 100%;
	margin-bottom: 4px;
	transition: all 0.4s ease-in-out
}
.img-gallery a:hover img {
	transform: scale(1.1);
	transform-origin: center;
	transition: all 0.8s ease-in-out
}
.img-gallery img {
	transform: scale(1);
	transform-origin: center;
	transition: all 0.4s ease-in-out;
	vertical-align: top;
}
.ekko-lightbox .modal-header {
	background: #fff;
	color: #5b5b5b;
}
.ekko-lightbox .modal-header .modal-title {
	font-weight: 700;
}
.ekko-lightbox .modal-body {
	padding: 0;
}
.modal-body .ekko-lightbox-nav-overlay a {
	opacity: .5
}
.news-event-wrap .event-inner {margin-bottom: 10px}


.headline-title {
	z-index: 3;
	background: #16a1ff;
	color: #fff;
	position: absolute;
	padding: 10px 20px 10px 40px;
	font-size: 200%;
	display: inline-block;
	border-left: solid 8px #16a1ff;
	top: -130px;
	left: 15px;
}
.headline-title h2 {
	font-size: 80% !important
}
.article-inner {
	background: #fff;
	box-shadow: 4px 4px 0 rgba(128, 128, 128, 0.1);
	margin-top: -100px;
	border-left: solid 4px #16a1ff;
	padding: 70px 40px 40px;
}
.article-inner h1, .article-inner h2, .article-inner h3, .article-inner h4, .article-inner h5, .article-inner h6, .article-inner ul, .article-inner li {
	text-align: left
}
.big-header-page .jumbotron {
	min-height: 300px;
	margin: 0;
	padding: 0;
	position: relative;
	background-image: url(dumy-img/page-banner02.jpg);
}
.big-header-page .jumbotron .hero-banner {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.big-header-page .jumbotron .hero-banner a span {
	vertical-align: middle;
	display: table-cell;
}
.page-subtitle {
	display: inline-block;
	margin: 10px 0;
	padding: 5px 20px 5px 20px;
	color: #fff;
	background: #1cb5de;
	position: relative;
	border-left: solid 8px #009ac3;
}
.article-inner .fa, .article-inner .fas {
	color: coral;
}
.article-inner .event-info, .date-info, .tag-info {
	font-size: 80%;
	color: #595c5f;
}
.tag-name {
	padding: 2px 6px;
	display: inline-block;
	background: #b9b9b9;
	margin: 1px 4px 1px 0;
	color: #fff;
	border-radius: .15rem;
	text-decoration: none;
}
.tag-name:hover {
	background: coral;
	color: #fff;
	text-decoration: none;
}
.page-img img {
	max-width: 600px;
	width: 100%;
	height: auto;
	transform: scale(1);
	transform-origin: center;
	transition: all 0.4s ease-in-out;
}
.page-img:hover img {
	transform: scale(1.1);
}
.page-img a {
	display: block;
	overflow: hidden;
	max-width: 100%;
}
.page-img-left {
	float: left;
	margin: 15px 30px 15px 0;
}
.page-img-right {
	float: right;
	margin: 15px 0 15px 30px;
}
.page-img-center {
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
}
.table .thead-dark th {
	color: #fff;
	background-color: #9cafbb;
	border-color: #9caebb;
}
.featured-content-wrap {
	z-index: 4;
	background: rgb(0, 106, 134);
	color: #fff;
	padding: 35px 40px 25px;
	bottom: 0;
}
.featured-title h2, .featured-title a {
	font-size: 140%;
	color: #fff;
	text-decoration: none
}
.featured-title a:hover h2 {
	color: #8ee8ff;
}
.featured-content-wrap .event-info {
	font-size: 90%;
	color: #8ee8ff;
}
.featured-content-wrap .btn-outline-primary {
	color: #8ee8ff;
	border-color: #8ee8ff;
}
.featured-content-wrap .btn-outline-primary:hover {
	color: #006b86;
	border-color: #8ee8ff;
	background-color: #8ee8ff;
}
.page-title {
	color: #fff;
	display: inline-block;
	position: absolute;
	background-color: #006ab1;
	top: -82px;
	z-index: 3;
}
.page-title h1 {
	font-size: 160%;
	color: #fff
}
.featured-content-wrap .title-sep.sep-single {
	border-bottom: solid 1px #fbfbfb;
}
.featured-content-wrap .title-sep-container {
	height: 1px;
}
.hero-img-wrap .carousel-item {
	max-height: 400px;
}
.card, .card-img-top {
	border: 0;
	border-radius: 0;
}
.past-event .card-img-top {
	filter: brightness(80%);
}
.past-event .card:hover .card-img-top {
	filter: brightness(100%);
}
.page-link {
	border: 0;
	border-radius: 0 !important;
}
.page-item {
	border-radius : 0;
	margin-right: 1px;
	font-size: 90%;
}
.page-item.disabled .page-link {
	color: #ffffff;
	background-color: #016ab1;
}
.search-btn {
	height: 2.3rem;
	background: #016ab1;
	border: 0;
	padding: .385rem .70rem .375rem .45rem;
	line-height: 160%;
	font-size: 90%;
}
.social-icon {
	display: inline-block
}
.img-caption {
	display: block;
	text-align: left;
	padding: 5px 0 0;
	font-size: 80%;
	color: #666;
	font-style: italic;
}
.news-block-footer {
	border-top: solid 1px #ddd;
}
.cell-wrap {
	margin: 1px
}
.linked-cell a {
	font-size: 120%;
	text-align: center;
	color: #fff;
	text-decoration: none;
	display: table;
	position: relative;
	width: 100%;
	vertical-align: middle;
	padding: 10px;
	text-transform: uppercase;
}
/* The flip card  */
.flip-card {
	background-color: transparent;
	perspective: 1000px; /* Remove this if you don't want the 3D effect */
}
/* This container is needed to position the front and back side */
.flip-card-inner {
	position: relative;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	margin: 3px;
}
/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
}
/* Position the front and back side */
.flip-card-front, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	border-radius: .15rem;
}
/* Style the front side (fallback if image is missing) */
.flip-card-front {
}
.flip-card-front {
	background: coral
}
.flip-card-back {
	background: #006ab1
}
/* Style the back side */
.flip-card-back {
	transform: rotateY(180deg);
}
.white {
	color: #fff
}
.nav-tabs .nav-item .dropdown-toggle.download-section-btn {
	border-radius: .15rem;
	border: 0;
	background: #004480;
}
.nav-tabs .nav-item.show .dropdown-toggle.download-section-btn:hover, .nav-tabs .nav-item.show .dropdown-toggle.download-section-btn:focus {
	background: #006ab1;
	box-shadow: none !important;
	color: #fff
}
.download-section .nav-tabs .dropdown-menu {
	margin-top: -1px;
	border-top-left-radius: 0;
	border: 0;
	border-top-right-radius: 0;
	border-radius: .15rem;
}
.download-table-wrap {
	background: #fff
}
.download-section .table th.table-subheader {
	background-color: #dee8f5;
}
.download-section .table thead th {
	vertical-align: bottom;
	border: none;
	background: #80bdff;
}
.download-section .table tbody tr:hover td, .download-section .table tbody tr:hover th {
	background: #f5f9fe;
}
.download-section .table td, .download-section .table th {
	font-size: 90%;
}
.gallery-wrap .card-text {
	font-size: 90%
}
.cat-title h2 {
	font-size: 120%;
	margin: 0;
	color: #004480;
	font-weight: 700
}
.cat-title {
	font-size: 100%;
}
.gallery-page .card a {
	display: block;
	overflow: hidden;
}
.gallery-page .card a img {
	width: 100%;
	max-width: 100%;
}
.gallery-page .card:hover img {
	transform: scale(1.1);
}
.gallery-page .card:hover {
	box-shadow: 5px 5px 0 0 rgba(120,120,120,0.1)
}
.gallery-page h1 span {
	color: coral;
}
.album-describ {
	font-size: 90%
}
.gallery-footer a {
	background: #006ab1;
	color: #fff;
	padding: 5px 10px;
	border-radius: .15rem;
	text-decoration: none;
	display: inline-block;
}
.gallery-footer a:hover {
	background: coral;
}
.gallery-footer span {
	color: #006ab1;
	font-weight: 700;
}
.contact-page {
	background: #f5f9fe;
}
.table td, .table th {
	font-size: 90%;
	font-weight: 400;
}
.table .table-subheader {
	background: #a6d2f3;
	font-weight: 700;
	border: 0;
}
.contact-page .table thead th {
	vertical-align: bottom;
	border: 0;
	background: #006ab1;
	color: #fff;
}
.blockquote-footer {
	display: block;
	font-size: 80%;
	color: #6c757d;
	background: transparent;
	padding: 0;
}
.blockquote {
	display: inline-block;
	padding: 10px 40px;
	background: #ffebd9;
	margin: 20px auto;
	text-align: center;
}
.ufa-secondary-blue {
	color: #006ab1
}
.ufa-primary-blue {
	color: #004480
}
.blockquote-footer:before, .blockquote-footer::after {
	content: "\2014\00A0";
}
.annoucement-block .list-group-item {
	position: relative;
	display: block;
	padding: .75rem 0;
	margin-bottom: -1px;
	background-color: transparent;
	border: none;
	border-radious: 0;
}
.link-block .list-group-item {
	position: relative;
	display: block;
	padding: .25rem 0;
	margin-bottom: -1px;
	background-color: transparent;
	border: none;
	border-radious: 0;
}
.annoucement-block .list-group-item:before, .link-block .list-group-item:before {
	content: "\f0da";
	font-family: "FontAwesome";
	color: #006ab1;
	margin: 0 0 0 -15px;
	position: absolute;
}
.annoucement-block .list-group-item.important-post a, .annoucement-block .list-group-item.important-post:before, .link-block .list-group-item.important-post a, .link-block .list-group-item.important-post:before {
	color: #e00000;
}
.custom-file-label {
	font-size: 90%
}
.block-headline h5 {
	margin: 0;
}
.annoucement-block .title-sep-container, .link-block .title-sep-container {
	height: 1px;
}
.annoucement-block .title-sep.sep-single, .link-block .title-sep.sep-single {
	border-bottom: solid 1px #006ab1;
}
.post-date {
	display: inline-block;
	color: #8aa8ca;
}
.headshot img {
	max-width: 30px;
	border-radius: 100%
}
#profile-update .headshot img, #lecturer-profile-modal .headshot img {
	max-width: 100px;
}
.student-info-box span {
	display: inline-block;
	padding: 0 .3rem 0 0;
	color: #004480;
	height: 12px;
	line-height: .8;
}
.modal-body .student-info-box span{
	height: auto;
	line-height: 1.6;
}
.student-info-box strong {
	color: #5b5b5b;
	font-weight: 400;
}
.student-info-box span:first-child {
	padding-left: 0
}
.student-info-box span:last-child {
	border: 0
}
.class-calendar {
}
.student-page .table thead th {
	background: #b6c2d2;
	border: none;
}
.student-page .table th.table-subheader {
	background-color: #dee8f5;
}
.student-page .studentpage-block-wrap h2 {
	font-size: 110%
}
.annoucement-block ul.list-group {
	background: #eaf4ff;
	padding: 10px 30px;
}
.page-navigation .page-link {
	background-color: #eaf4ff;
}
.page-navigation .page-link:hover {
	background-color: #cbe3f3;
	color: #fff;
}
.search-filter, .search-form-wrap {
	border: solid 1px #ddd;
}
.new-listing-block .tags-info {
	display: inline-block;
	font-size: 14px;
	color: #aaa;
}
.new-listing-block .tags-info a {
	margin-right: 4px;
	text-decoration: none
}
.light-grey-bg {
	background: #eee
}
.search-filter h4 {
	font-size: 20px;
	color: #0275d8;
	margin-bottom: 20px;
}
.new-listing-block .news-tags a::before, .new-listing-block .tags-info a::before {
	content: "•";
	padding-right: 5px;
}
.search-form-wrap .form-control {
	background: #fff
}
.new-listing-block ul li {
	border-bottom: solid 1px #ddd;
}
.search-result-wrap .new-listing-block ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.result-listing-block .thumb-image-frame img {
	width: 180px;
}
.result-listing-block h2 {
	font-size: 120%;
}
span.news-category, span.news-date {
	display: inline-block;
	padding: 0 5px 0 0;
	font-size: 14px;
	color: #aaa;
}
#phong-ban-accordion>.card .card-header {
  
    padding: 0;
    margin: 0;
}
#phong-ban-accordion>.card .card-header {
    padding: 10px 0;
    margin: 0;
	background: #fff;
}
#phong-ban-accordion>.card .card-header h2 {
	font-size: 1.1rem;
}
#phong-ban-accordion .card-body {
    background: #f3f3f3;
}
#phong-ban-accordion>.card:last-child {margin-bottom: 20px}
#phong-ban-accordion>.card:last-child .card-header{border:none}
.article-inner img {
    max-width: 100%;
}
.fas.fa-star, .fas.fa-star-of-life  {display:none}
.weblienket-dropdown.show>.btn-secondary.dropdown-toggle,.weblienket-dropdown.show>.btn-secondary.dropdown-toggle:hover,.weblienket-dropdown.show>.btn-secondary.dropdown-toggle:visited {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
	box-shadow:none;
}



@media (min-width: 576px) and (max-width: 768px) {
/* Show 3rd slide on sm  if col-sm-6*/
.display4items .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
	position: absolute;
	top: 0;
	right: -50%;  /*change this with javascript in the future*/
	z-index: -1;
	display: block;
	visibility: visible;
}
}
.btn-link {
    font-weight: 400;
    color: #006ab1;
    text-decoration: none;
}
@media (min-width: 576px) {
.display4items .carousel-item {
	margin-right: 0;
}
/* show 2 items */
.display4items .carousel-inner .active + .carousel-item {
	display: block;
}
.display4items .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),  .display4items .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
	transition: none;
}
.display4items .carousel-inner .carousel-item-next {
	position: relative;
	transform: translate3d(0, 0, 0);
}
/* left or forward direction */
.display4items .active.carousel-item-left + .carousel-item-next.carousel-item-left,  .display4items .carousel-item-next.carousel-item-left + .carousel-item,  .display4items .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
	position: relative;
	transform: translate3d(-100%, 0, 0);
	visibility: visible;
}
/* farthest right hidden item must be abso position for animations */
.display4items .carousel-inner .carousel-item-prev.carousel-item-right {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	display: block;
	visibility: visible;
}
/* right or prev direction */
.display4items .active.carousel-item-right + .carousel-item-prev.carousel-item-right,  .display4items .carousel-item-prev.carousel-item-right + .carousel-item,  .display4items .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
	position: relative;
	transform: translate3d(100%, 0, 0);
	visibility: visible;
	display: block;
}
/*Image Gallery */
.row-gallery {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	-webkit-column-gap: 6px; /* Chrome, Safari, Opera */
	-moz-column-gap: 6px; /* Firefox */
	column-gap: 6px;
}
.img-gallery a {
	margin-bottom: 6px;
}
.row-gallery img {
	width: 100%;
}
/*Image Gallery */
.card-columns {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 1.25rem;
	-moz-column-gap: 1.25rem;
	column-gap: 1.25rem;
	orphans: 1;
	widows: 1;
}
}

@media (min-width: 768px) and (max-width: 991px) {
/* Show 4th slide on md  if col-md-4*/
.display4items .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
	position: absolute;
	top: 0;
	right: -33.3333%;  /*change this with javascript in the future*/
	z-index: -1;
	display: block;
	visibility: visible;
}
}

@media (min-width: 768px) {
/* ordering homepage boxes */

.uni-programs .row>div:nth-child(1) {
	-webkit-order: 1;
	order: 1
}
.uni-programs .row>div:nth-child(2) {
	-webkit-order: 2;
	order: 2
}
.uni-programs .row>div:nth-child(3) {
	-webkit-order: 4;
	order: 4
}
.uni-programs .row>div:nth-child(4) {
	-webkit-order: 3;
	order: 3
}
.uni-programs .row>div:nth-child(5) {
	-webkit-order: 5;
	order: 5
}
.uni-programs .row>div:nth-child(6) {
	-webkit-order: 6;
	order: 6
}
.uni-programs .row>div:nth-child(7) {
	-webkit-order: 8;
	order: 8
}
.uni-programs .row>div:nth-child(8) {
	-webkit-order: 7;
	order: 7
}
.uni-programs .row>div:nth-child(9) {
	-webkit-order: 9;
	order: 9
}
.uni-programs .row>div:nth-child(10) {
	-webkit-order: 10;
	order: 10
}
.uni-programs .row>div:nth-child(11) {
	-webkit-order: 12;
	order: 12
}
.uni-programs .row>div:nth-child(12) {
	-webkit-order: 11;
	order: 11
}
.uni-programs .row>div:nth-child(13) {
	-webkit-order: 13;
	order: 13
}
.uni-programs .row>div:nth-child(14) {
	-webkit-order: 14;
	order: 14
}
.uni-programs .row>div:nth-child(15) {
	-webkit-order: 16;
	order: 16
}
.uni-programs .row>div:nth-child(16) {
	-webkit-order: 15;
	order: 15
}
.uni-programs .row>div:nth-child(17) {
	-webkit-order: 17;
	order: 17
}
.uni-programs .row>div:nth-child(18) {
	-webkit-order: 18;
	order: 18
}
.master-programs .row>div:nth-child(1) {
	-webkit-order: 1;
	order: 1
}
.master-programs .row>div:nth-child(2) {
	-webkit-order: 2;
	order: 2
}
.master-programs .row>div:nth-child(3) {
	-webkit-order: 4;
	order: 4
}
.master-programs .row>div:nth-child(4) {
	-webkit-order: 3;
	order: 3
}
.master-programs .row>div:nth-child(5) {
	-webkit-order: 5;
	order: 5
}
.master-programs .row>div:nth-child(6) {
	-webkit-order: 6;
	order: 6
}
/* ordering homepage boxes */
    /* show 3rd of 3 item slide */
.display4items .carousel-inner .active + .carousel-item + .carousel-item {
	display: block;
}
.display4items .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
	transition: none;
}
.display4items .carousel-inner .carousel-item-next {
	position: relative;
	transform: translate3d(0, 0, 0);
}
/* left or forward direction */
.display4items .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
	position: relative;
	transform: translate3d(-100%, 0, 0);
	visibility: visible;
}
/* right or prev direction */
.display4items .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
	position: relative;
	transform: translate3d(100%, 0, 0);
	visibility: visible;
	display: block;
}
.nav-tabs .nav-link h1, .page-headline h4, .contact-page .nav-tabs .nav-link h2 {
	font-size: 150%;
}
.student-page .nav-tabs .nav-link h2, .student-page .nav-tabs .nav-link h1 {
	font-size: 100%;
}
.eduProgramCell {
	min-height: 300px;
}
}

@media (min-width: 991px) {
.student-page .leftside-column-wrap nav {
	position: relative;
	margin-left: -30px;
}
.card-columns {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 1.25rem;
	-moz-column-gap: 1.25rem;
	column-gap: 1.25rem;
	orphans: 1;
	widows: 1;
}
/* show 4th item */
.display4items .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
	display: block;
}
.display4items .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
	transition: none;
}
/* Show 5th slide on lg if col-lg-3 */
.display4items .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
	position: absolute;
	top: 0;
	right: -25%;  /*change this with javascript in the future*/
	z-index: -1;
	display: block;
	visibility: visible;
}
/* left or forward direction */
.display4items .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
	position: relative;
	transform: translate3d(-100%, 0, 0);
	visibility: visible;
}
/* right or prev direction //t - previous slide direction last item animation fix */
.display4items .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
	position: relative;
	transform: translate3d(100%, 0, 0);
	visibility: visible;
	display: block;
}
/*Image Gallery */
.row-gallery {
	-webkit-column-count: 4; /* Chrome, Safari, Opera */
	-moz-column-count: 4; /* Firefox */
	column-count: 4;
	-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
	-moz-column-gap: 10px; /* Firefox */
	column-gap: 10px;
}
.row-gallery img {
	width: 100%;
}
.img-gallery a {
	margin-bottom: 10px;
}
.img-gallery:nth-child(3n+0) a {
	margin-bottom: 0
} /* fix iOS space */
/*Image Gallery */

}

@media (min-width: 1200px) {
	
.news-wrap .thumb-image-frame, .news-wrap .thumb-image-frame img {
max-width: 240px;
}
	
.latest-news-listing .thumb-image-frame img {
 min-width: 220px;
}
.big-header-page .jumbotron {
    min-height: 400px;
	background-position: 0 30%!important;
}
.uni-programs .row>div:nth-child(1) {
	-webkit-order: 1;
	order: 1
}
.uni-programs .row>div:nth-child(2) {
	-webkit-order: 2;
	order: 2
}
.uni-programs .row>div:nth-child(3) {
	-webkit-order: 3;
	order: 3
}
.uni-programs .row>div:nth-child(4) {
	-webkit-order: 4;
	order: 4
}
.uni-programs .row>div:nth-child(5) {
	-webkit-order: 5;
	order: 5
}
.uni-programs .row>div:nth-child(6) {
	-webkit-order: 6;
	order: 6
}
.uni-programs .row>div:nth-child(7) {
	-webkit-order: 8;
	order: 8
}
.uni-programs .row>div:nth-child(8) {
	-webkit-order: 7;
	order: 7
}
.uni-programs .row>div:nth-child(9) {
	-webkit-order: 10;
	order: 10
}
.uni-programs .row>div:nth-child(10) {
	-webkit-order: 9;
	order: 9
}
.uni-programs .row>div:nth-child(11) {
	-webkit-order: 12;
	order: 12
}
.uni-programs .row>div:nth-child(12) {
	-webkit-order: 11;
	order: 11
}
.uni-programs .row>div:nth-child(13) {
	-webkit-order: 13;
	order: 13
}
.uni-programs .row>div:nth-child(14) {
	-webkit-order: 14;
	order: 14
}
.uni-programs .row>div:nth-child(15) {
	-webkit-order: 15;
	order: 15
}
.uni-programs .row>div:nth-child(16) {
	-webkit-order: 16;
	order: 16
}
.uni-programs .row>div:nth-child(17) {
	-webkit-order: 17;
	order: 17
}
.uni-programs .row>div:nth-child(18) {
	-webkit-order: 18;
	order: 18
}
.master-programs .row>div:nth-child(1) {
	-webkit-order: 1;
	order: 1
}
.master-programs .row>div:nth-child(2) {
	-webkit-order: 2;
	order: 2
}
.master-programs .row>div:nth-child(3) {
	-webkit-order: 3;
	order: 3
}
.master-programs .row>div:nth-child(4) {
	-webkit-order: 4;
	order: 4
}
.master-programs .row>div:nth-child(5) {
	-webkit-order: 5;
	order: 5
}
.master-programs .row>div:nth-child(6) {
	-webkit-order: 6;
	order: 6
}
.card-columns {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	-webkit-column-gap: 1.25rem;
	-moz-column-gap: 1.25rem;
	column-gap: 1.25rem;
	orphans: 1;
	widows: 1;
}
.thumb-image-frame {
	min-width: 180px;
	width: 100%;
	max-height: 200px;
}
.student-page .right-side-column .thumb-image-frame {
	min-width: 120px;
}
.magz-page .thumb-image-frame {
	width: 320px;
}
}

@media (min-width: 1440px) {

.intro-wrap article {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}
.thumb-img {
	height: 280px;
}
}

@media (min-width: 1600px) {
.latest-news-listing .thumb-image-frame img {
 min-width: 320px;
}
.master-programs .row>div:nth-child(3) {
	-webkit-order: 3;
	order: 3
}
.master-programs .row>div:nth-child(4) {
	-webkit-order: 4;
	order: 4
}
.thumb-img {
	height: 320px;
}
.xxl:nth-child(3) {
	order: 4;
}
.xxl:nth-child(4) {
	order: 3;
}
.xl-hide {
	display: flex!important;
}
}

@media (max-width: 576px) {
.acc-info-box h5 {
	border-bottom: solid 1px #006ab1;
	padding-bottom: 8px;
	margin-bottom: 15px;
	display: block;
}
.acc-info-box {
	text-align: center
}
.headshot {
	text-align: center;
}
#profile-update .headshot img, #lecturer-profile-modal .headshot img {
	max-width: 150px;
}
.profile-row {
	background: #eee
}
.student-page .nav-tabs .nav-link {
	text-align: center;
}
.magz-page .latest-news-listing {
	padding: 0 20px !important;
}
.display4items {
	padding-right: 15%;
	padding-left: 15%;
}
}

@media (max-width: 768px) {
.contact-page .nav-tabs .nav-link.tab-title h1, .contact-page .nav-tabs .nav-link.tab-title h2 {
	font-size: 120% !important;
}
.student-page .nav-tabs .nav-link.tab-title h1, .student-page .nav-tabs .nav-link.tab-title h2 {
	font-size: 90% !important;
}
h1 {
	font-size: 1.8rem
}
.page-title h1 {
	font-size: 140%;
}
.lecturerProfile .carousel-control-next, .lecturerProfile .carousel-control-prev {
	width: 15%;
}
.copyright {
	text-align: center
}
.eduProgram .textBox, .balanceHeight2 {
	height: auto !important
}
.news-wrap.left-align {
	min-width: auto;
}
.intro-wrap {
	padding: 60px 0 0 0;
}
h2 {
	font-size: 150% !important;
}
h3 {
	font-size: 140% !important;
}
.event-inner {
	margin-left: 20px
}
.event-inner h2:before {
	content: url(images/chevron-right-solid.svg);
	border: none;
	width: 10px;
	height: 14px;
	position: absolute;
	margin-left: -18px;
}
.magz-page .event-inner h2:before {
	content: none;
}
.event-wrap a, .news-wrap a {
	font-size: 90%;
}
.hero-img {
	width: 100%;
	margin-top: 0;
	z-index: 0
}
.hero-content {
	width: 80%;
	margin-top: -80px;
	padding: 20px 30px 20px 50px;
}
.img-gallery:nth-child(4n+0) a {
	margin-bottom: 0
} /* fix iOS space */
.page-img {
	float: none !important;
	margin: 15px 0 !important;
}
.event-wrap .hero-content, .news-wrap .hero-content {
	width: 100%;
	margin-top: 0;
	padding: 50px;
}
.headline-title h2 {
	font-size: 70% !important;
}
.article-inner {
	padding: 50px 30px 30px;
}
.article-inner h1 {
	font-size: 160%;
}
.headline-title {
	padding: 10px 20px 10px 30px;
}
.hero-content .nav-tabs .nav-link {
}
[class*=imgBox], [class*=imgBox]:hover {
	background-size: cover;
}
.magz-page .hero-img {
	width: 100%;
}
.magz-page .latest-news-listing {
	padding: 0;
}
.magz-page .hero-content.latest-news {
	width: 100%;
	position: relative;
	padding: 0;
}
.magz-page .page-title {
	top: -82px;
}
.magz-colection-list {
	background: #8ee8ff;
	padding: 30px 30px 30px 10px;
	margin-left: 0;
}
.magz-colection-list ul {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}
.latest-news-listing .thumb-image-frame img {
	width: 180px;
	max-width: none;
}
.page-title {
	top: 30px;
}
}

@media (max-width: 991px) {
.student-page .hero-banner {
	padding-bottom: 0;
}
.home-tab-row {
	padding: 0 15px
}
.contact-page.sidepage-template .hero-img {
	margin-top: 30px;
}
.lecturerProfile-wrap {
	padding: 60px 0;
}
.img-gallery:nth-child(4n+0) a {
	margin-bottom: 0
} /* fix iOS space */
.transition-3d-hover:hover {
	-webkit-transform: translateY(0px) !important;
	transform: translateY(0px) !important;
}
.tuyensinh-page .navbar-nav {
	margin: 8px 0
}
.md-hidden {
	display: none !important;
}
.navbar {
	position: absolute;
	right: 0;
	z-index: 16;
	top: 15px;
}
.pageHeader.fixed .navbar {
	top: 15px;
}
.logo-wrap a {
	width: 200px;
	height: 60px;
	margin-top: 5px;
}
.inner-page .navbar {
	top: 15px;
}
.inner-page .search-ico {
	top: 14px;
}
.primary-menu .navbar-nav .nav-link {
	padding: 14px;
	font-style: normal;
	border-bottom: 1px solid #006ab1;
}
.primary-menu .navbar-nav .nav-link:hover {
	background: #006ab1;
}
.navbar-collapse {
	border-radius: 0;
	width: 320px;
	background: #004480;
	position: absolute;
	right: 15px;
	top: 50px;
}
.pageHeader.fixed .search-ico {
	top: 14px;
}
.pageHeader .search-ico {
	position: absolute;
	right: 50px;
	top: 14px;
}
.pageHeader, .pageHeader.inner-page {
	height: 70px !important
}
.news-wrap .thumb-image-frame, .news-wrap .thumb-image-frame img {
	width: 320px;
}
.hero-content.right-side-column-wrap {
	width: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.sidepage-template .right-side-column {
	background: #fff;
	padding: 0;
	padding: 0;
	margin-left: 0;
	box-shadow: none;
}
.student-page.sidepage-template .hero-img {
	margin: 0;
}
.sidepage-template .hero-img {
	height: auto;
	min-height: 300px;
	max-height: 100%;
	width: 100%;
}
.sidepage-template .leftside-column-wrap {
	padding: 0;
}
}
.bg-blue {
	background: #006ab1;
}