.section-para,
body,
p {
	font-family: Roboto-Light
}

.section-para,
p,
ul li {
	line-height: 1.8;
	letter-spacing: .2px
}

.apply-btn,
.white-back-btn {
	padding: 10px 18px;
	font-size: 14px
}

.apply-btn:hover,
.simple-button-plugin:hover {
	color: #fff !important
}

.apply-btn,
.nav-row-up .nav-link {
	font-size: 14px
}

a,
a:hover {
	text-decoration: none
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
.embed-responsive-item video,
iframe html body video {
	width: 100% !important
}

.banner-btn,
.nav-row-down .nav-link,
.nav-wrap .nav-link,
.white-back-btn {
	text-transform: uppercase
}

.down-icon,
.footer-left-box div {
	float: right
}

.hideschool.logo-box img,
.logo-img {
	max-width: 240px
}

@font-face {
	font-family: Playfair-Regular;
	src: url('../fonts/PlayfairDisplay-Regular.woff2') format('woff2'), url('../fonts/PlayfairDisplay-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Playfair-Black;
	src: url('../fonts/PlayfairDisplay-Black.woff2') format('woff2'), url('../fonts/PlayfairDisplay-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal
}

@font-face {
	font-family: Playfair-Bold;
	src: url('../fonts/PlayfairDisplay-Bold.woff2') format('woff2'), url('../fonts/PlayfairDisplay-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: Roboto-Medium;
	src: url('../fonts/Roboto-Medium.woff2') format('woff2'), url('../fonts/Roboto-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal
}

@font-face {
	font-family: Roboto-Regular;
	src: url('../fonts/Roboto-Regular.woff2') format('woff2'), url('../fonts/Roboto-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Roboto-Bold;
	src: url('../fonts/Roboto-Bold.woff2') format('woff2'), url('../fonts/Roboto-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: Roboto-Black;
	src: url('../fonts/Roboto-Black.woff2') format('woff2'), url('../fonts/Roboto-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal
}

@font-face {
	font-family: Roboto-Thin;
	src: url('../fonts/Roboto-Thin.woff2') format('woff2'), url('../fonts/Roboto-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal
}

@font-face {
	font-family: Roboto-Light;
	src: url('../fonts/Roboto-Light.woff2') format('woff2'), url('../fonts/Roboto-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal
}

:root {
	--site-color: #801214;
	--site-color: rgb(128, 18, 20);
	--site-color-transparent: #90241ee6;
	--site-color-transparent: rgba(144, 36, 30, 0.7);
	--site-color-rgb-border: #90241e4d;
	--site-color-rgb-border: rgba(144, 36, 30, 0.3);
	--secondary-color: #565161;
	--secondary-color-border: #92a5b0;
	--secondary-transparent: #92a5b0a1;
	--secondary-transparent: rgba(146, 165, 176, 0.63);
	--golden: #c5a36e;
	--light-gray: #f2f2f2
}

hr {
	border-color: rgba(0, 0, 0, .2)
}

body {
	overflow-x: hidden
}

a {
	color: var(--secondary-color)
}

.white-back-btn,
a:hover,
address,
strong {
	color: var(--site-color)
}

a:hover {
	cursor: pointer
}

strong {
	font-family: roboto-medium
}

#past-events p,
.white-back-btn,
address {
	font-family: Roboto-Regular
}

ul {
	padding-left: 20px;
	line-height: 2
}

.btn,
.card-img-top {
	border-radius: 0
}

input[type=button],
input[type=submit],
input[type=text],
textarea {
	-webkit-appearance: none !important;
	-webkit-border-radius: 0 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-radius: 0 !important
}

address {
	font-size: 18px
}

.white-back-btn {
	border-radius: 0;
	border: 1px solid var(--site-color);
	letter-spacing: 1px
}

.logo-img {
	margin: 0 auto
}

.apply-btn {
	border: 1px solid var(--site-color);
	color: var(--site-color) !important;
	font-family: Roboto-Medium
}

.apply-btn:hover {
	background: var(--site-color) !important
}

.multiline-ellipsis {
	display: block;
	display: -webkit-box;
	max-width: 100%;
	height: 80px;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

#contact_form select,
#past-events .multiline-ellipsis {
	height: auto
}

#past-events .multiline-ellipsis a {
	display: block;
	width: fit-content
}

#past-events a {
	font-family: Roboto-Light
}

.hvr-underline-from-left {
	position: relative;
	white-space: nowrap;
	display: block;
	width: min-content;
	width: -moz-min-content;
	width: -webkit-min-content
}

.hvr-underline-from-left:after {
	content: '';
	position: absolute;
	width: 0;
	height: 1px;
	display: block;
	margin-top: -4px;
	right: 0;
	background: var(--site-color);
	transition: width .2s;
	-webkit-transition: width .2s
}

.hvr-underline-from-left:hover:after {
	width: 100%;
	left: 0;
	background: var(--site-color)
}

.hvr-underline-from-left-white {
	position: relative;
	white-space: nowrap;
	display: block;
	width: min-content
}

.hvr-underline-from-left-white:after,
.quick-links ul li a:after {
	content: '';
	position: absolute;
	width: 0;
	height: 1px;
	display: block;
	margin-top: -4px;
	right: 0;
	background: #fff;
	transition: width .2s;
	-webkit-transition: width .2s
}

.hvr-underline-from-left-white:hover:after,
.quick-links ul li a:hover:after {
	width: 100%;
	left: 0;
	background: #fff
}

.back-to-top,
.back-to-top:hover {
	color: #fff;
	background: var(--site-color)
}

.back-to-top {
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	z-index: 1000
}

.back-to-top:hover {
	border-color: var(--site-color)
}

.nav-row-down .nav-item,
.nav-row-up {
	border-bottom: .5px solid var(--secondary-color-border)
}

.nav-row-down .nav-item,
.nav-row-up,
.nav-row-up li.active {
	border-right: .5px solid var(--secondary-color-border)
}

.back-to-top:focus,
.owl-dots button:focus,
.slick-slide a:active,
.slick-slide a:focus,
.slick-slide a:visited {
	outline: 0
}

.fa-search,
.gray-link,
golden,
golden a {
	color: var(--secondary-color)
}

.hvr-sweep-to-right:active a,
.hvr-sweep-to-right:focus a,
.hvr-sweep-to-right:hover a,
.nav-row-up .nav-link.active,
.nav-row-up .nav-link:hover,
.nav-row-up li:hover .fa-search,
.social-network a.icoFacebook:hover i,
.social-network a.icoGoogle:hover i,
.social-network a.icoInsta:hover i,
.social-network a.icoLinkedin:hover i,
.social-network a.icoRss:hover i,
.social-network a.icoTwitter:hover i,
.social-network a.icoVimeo:hover i,
footer a {
	color: #fff
}

.nav-row-down .nav-link,
.nav-row-up .nav-link {
	font-family: Roboto-Medium;
	color: var(--secondary-color)
}

.nav-wrap {
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	z-index: 10;
	width: 82%
}

.navbar {
	background: #ffffff7a;
	padding: 0
}

.nav-row-up {
	border-top: .5px solid var(--secondary-color-border)
}

.nav-row-up li.active,
.nav-row-up li:hover {
	color: #fff;
	background: var(--site-color)
}

.nav-row-up li.active {
	border-left: .5px solid var(--secondary-color-border)
}

#featured-slider .slick-slide img,
.hideschool.logo-box,
.nav-row-down,
.navbar-nav {
	width: 100%
}

.nav-row-down .nav-link {
	width: 100%;
	text-align: center
}

.nav-row-down .nav-link.active,
.nav-row-down .nav-link:hover {
	color: #fff !important;
	background: var(--site-color) !important;
	text-decoration: none;
	border-right: .5px solid var(--secondary-color-border) !important
}

.nav-row-down .nav-item,
.nav-row-down li:not(:last-child) {
	flex-grow: 1;
	flex-basis: 0
}

.nav-row-down li:first-child:hover {
	border-left: .5px solid #92a5b0
}

.navbar-brand {
	background: #fff;
	border: .5px solid var(--secondary-color-border)
}

.back-small,
.carousel-item,
.item,
.owl-item .item {
	background-size: cover
}

.navbar-brand a {
	color: #fff;
	line-height: 160px
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner:focus,
.navbar-toggler:active,
.navbar-toggler:focus,
.navbar-toggler:visited {
	outline: 0 !important
}

.nav-wrap .nav-link {
	line-height: 80px
}

.navbar-nav .active a {
	background: var(--site-color);
	color: #fff !important;
	border: .5px solid #e0dee22b
}

.bar {
	width: 35px;
	height: 3px;
	background-color: var(--site-color);
	margin: 6px 0;
	display: block
}

.banner-para,
.home-page-carousel .banner-para {
	margin-left: 0
}

.hamburger-wrap {
	display: flex;
	align-items: center;
	justify-content: center
}

.hamburger-wrap .bar-wrap {
	height: 28px
}

.nav-wrap-sm {
	margin-top: 2vh
}

@media (max-width:1440px) {
	.nav-wrap {
		width: 95%
	}

	.nav-wrap .nav-link {
		line-height: 24px
	}

	.navbar-brand a {
		line-height: 120px;
		font-size: 15px
	}
}

@media (max-width:1196px) and (min-width:769px) {
	.nav-row-up .nav-link {
		line-height: inherit
	}
}

@media (min-width:993px) {
	#navbarCollapse {
		height: 100%
	}

	#navbarCollapse .nav-row-down,
	#navbarCollapse .nav-row-up {
		height: 50%
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1.5
	}
}

.block-head,
.section-head {
	font-family: Playfair-Bold;
	border-bottom: 5px solid var(--site-color);
	color: var(--site-color);
	line-height: 1.7
}

.search-form-li input[type=text] {
	position: absolute;
	left: auto;
	right: 0;
	top: 0;
	bottom: 0;
	border: none !important;
	background: 0 0;
	height: 50px;
	width: 50px;
	font-size: 18px;
	color: #00796b;
	text-align: right;
	outline: 0;
	cursor: pointer;
	transition: width .3s
}

.bootstrap-select .dropdown-menu li,
.footer-dash h4,
.social-circle li i {
	text-align: center
}

.search-form-li input[type=text]::placeholder {
	font-family: Roboto-Light !important;
	color: var(--secondary-color);
	font-size: 18px;
	opacity: 1
}

.search-form-li input[type=text]:-ms-input-placeholder {
	font-family: Roboto-Regular;
	color: var(--secondary-color);
	font-size: 18px
}

.search-form-li input[type=text]::-ms-input-placeholder {
	font-family: Roboto-Regular;
	color: var(--secondary-color);
	font-size: 18px
}

.search-form-li input[type=text]:focus {
	font-family: Roboto, sans-serif;
	font-size: 18px;
	color: #000;
	text-align: left;
	width: 100%;
	height: calc(50%);
	padding: 30px;
	border-radius: 0;
	border-right: .5px solid var(--secondary-color-border) !important;
	border-bottom: .5px solid var(--secondary-color-border) !important;
	border-top: .5px solid var(--secondary-color-border) !important;
	background: #fff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16)
}

video:-webkit-full-page-media {
	width: 100% !important
}

.carousel-item,
.item {
	height: 100vh
}

#homeSlider2 .carousel-item {
	height: 90vh
}

.carousel-indicators,
.owl-dots {
	right: auto;
	bottom: 10vh;
	position: absolute;
	left: 15%
}

.owl-theme .owl-dots .owl-dot span {
	width: 16px;
	height: 5px;
	border-radius: 0
}

.owl-carousel .item {
	background-position: center center;
	background-repeat: no-repeat
}

.carousel-indicators .active,
.social-network a.icoFacebook:hover,
.social-network a.icoInsta:hover,
.social-network a.icoLinkedin:hover,
.social-network a.icoTwitter:hover,
.social-network a.icoVimeo:hover,
.social-network a:hover {
	background-color: var(--site-color)
}

.carousel-indicators li {
	width: 15px;
	height: 5px;
	background-color: #fff
}

.carousel-caption {
	bottom: 20vh
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
	background-image: none
}

.back-small {
	width: 100vw;
	height: 60vh
}

.hideschool.logo-copy-box,
.majors-lising-list .media-body a.hvr-underline-from-left:hover:after,
.owl-nav {
	display: none
}

.bg-site-color,
.bg-v,
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: var(--site-color)
}

@media (min-width:1199.99px) and (max-width:1366px) {
	.carousel-caption.home-page-carousel {
		bottom: 25%
	}

	.carousel-caption {
		bottom: 15%
	}
}

@media (max-width:1199.98px) {
	.carousel-caption {
		bottom: 18%
	}

	.carousel-indicators {
		bottom: 15px
	}
}

@media (max-width:1024px) {
	.carousel-caption.home-page-carousel {
		bottom: 25%
	}

	.carousel-caption {
		bottom: 10%
	}

	.carousel-indicators,
	.owl-dots {
		bottom: 5vh
	}
}

.container-custom,
.startup-opp {
	width: 82%
}

.section-head {
	display: inline
}

.block-head {
	display: inline
}

.block-subhead {
	font-family: Playfair-Regular
}

.block-para-bold {
	font-family: Roboto-Medium;
	line-height: 1.8;
	letter-spacing: .2px;
	color: var(--secondary-color)
}

.bg-white,
.footer-dash a:before,
.footer-dash button.hvr-sweep-to-right:before {
	background: #fff
}

.bg-lgray {
	background: var(--light-gray)
}

.bg-golden {
	background: var(--golden)
}

.site-color {
	color: var(--site-color)
}

.text-v {
	color: var(--site-color) !important
}

.py-80 {
	padding-top: 80px;
	padding-bottom: 80px
}

.py-40 {
	padding-top: 40px;
	padding-bottom: 40px
}

.px-40 {
	padding-right: 40px;
	padding-left: 40px
}

.p-40 {
	padding: 40px
}

.py-20 {
	padding-top: 20px;
	padding-bottom: 20px
}

.pt-40 {
	padding-top: 40px
}

.pt-80 {
	padding-top: 80px
}

.pb-80 {
	padding-bottom: 80px
}

.my-40 {
	margin-top: 40px;
	margin-bottom: 40px
}

.my-80 {
	margin-top: 80px;
	margin-bottom: 80px
}

.mt-40 {
	margin-top: 40px
}

.mb-40 {
	margin-bottom: 40px
}

.mt-80 {
	margin-top: 80px
}

.mb-80 {
	margin-bottom: 80px
}

.w-33 {
	width: calc(33.33% - 5px) !important
}

.wid-auto {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 auto !important;
	flex: 0 0 auto !important;
	width: auto !important;
	max-width: none !important;
	padding: 0 !important;
	flex-grow: 1;
	flex-basis: 0
}

.pos-rel {
	position: relative
}

.border-r {
	border-right: 1px solid var(--site-color)
}

.banner-head {
	font-family: Playfair-Bold;
	color: #fff;
	letter-spacing: 2px;
	font-size: 2.6em
}

.banner-btn,
.banner-para p {
	font-family: Roboto-Regular;
	letter-spacing: 1px;
	color: #fff
}

.banner-para {
	margin-bottom: 20px;
	margin-top: 20px
}

.banner-para p {
	background-color: var(--site-color-transparent);
	padding: 8px 10px;
	line-height: 38px;
	display: inline;
	-webkit-box-decoration-break: clone
}

.banner-btn {
	border-radius: 0;
	border: 1px solid #fff;
	padding: 10px 18px;
	font-size: 14px
}

button:hover {
	cursor: pointer
}

.hvr-sweep-to-right {
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--site-color-transparent);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.hvr-sweep-to-right:active,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:hover {
	color: #fff !important;
	border: 1px solid var(--site-color);
	cursor: pointer
}

.hvr-sweep-to-right:active:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.custom-select {
	border-radius: 0;
	height: auto
}

.corner-text {
	background: #494e55;
	color: #fff;
	padding: 6px 12px;
	top: 0;
	left: 0;
	font-size: 13px !important
}

.date-box,
.tag {
	background: var(--site-color)
}

.date-box {
	color: #fff;
	padding: 10px 16px
}

.footer-text-sm {
	font-size: 14px;
	color: #fff
}

.top-hidden-text {
	margin-top: 120px
}

.tab-title {
	font-family: Playfair-Bold;
	font-size: 20px;
	color: var(--site-color);
	margin-top: -5px
}

.tab-title a,
.top-links a:hover {
	text-decoration: underline
}

.tab-info {
	font-family: Roboto-Light;
	font-size: 14.5px;
	color: #000
}

.tag {
	color: #fff;
	padding: 4px 6px;
	font-size: 13.5px;
	margin: 5px 2.5px;
	line-height: 2.3;
	letter-spacing: .2px;
	white-space: nowrap
}

.bootstrap-select .dropdown-toggle::after,
.no-border {
	border: 0 !important
}

.playfair {
	font-family: Playfair-Regular;
	letter-spacing: .5px;
	margin-bottom: 10px
}

.playfair-b {
	font-family: Playfair-Bold
}

.school-list,
.top-links a {
	font-family: Roboto-Regular
}

.top-links a {
	font-size: 14px
}

#programme-tabs golden,
#programmes-container golden,
.list golden,
.school-list ul li:hover {
	font-family: Roboto-Medium
}

.bg-lgray golden,
.related-link-box golden {
	color: var(--site-color) !important;
	font-family: Playfair-Bold !important
}

.search-page span {
	position: absolute;
	top: 16px;
	left: 30px
}

.search-page input {
	padding-left: 40px !important
}

@media (min-width:1199.99px) and (max-width:1366px) {
	.banner-head {
		font-size: 40px
	}

	.wid-auto {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 auto !important;
		flex: 0 0 auto !important;
		width: auto !important;
		max-width: none !important;
		padding: 0 !important
	}

	.tab-title {
		font-size: 19px
	}
}

@media (max-width:1199.98px) {
	.banner-head {
		font-size: 36px
	}

	.wid-auto {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
		padding: 0
	}

	.tab-title {
		font-size: 18px;
		margin-top: 10px
	}
}

@media (min-width:1025px) {
	.offset-half {
		margin-left: 5.5%
	}
}

@media (min-width:993px) and (max-width:1024.98px) {
	.offset-half {
		margin-left: 3%
	}
}

@media (min-width:768px) {
	.border-md-r {
		border-right: 1px solid var(--site-color);
		height: 240px
	}
}

@media (max-width:575.98px) {
	.banner-head {
		font-size: 30px
	}

	.d-xs-none {
		display: none !important
	}

	.section-para,
	p {
		font-size: 14px
	}

	.block-head {
		font-size: 24px
	}

	.banner-para {
		margin-top: 10px;
		margin-left: 0
	}
}

.info-wrap:before {
	top: 26%;
	bottom: 29%;
	position: absolute;
	content: " ";
	width: 4px;
	background-color: var(--site-color);
	left: 50%;
	margin-left: 0
}

.hamburger {
	background-image: url(../images/hamburger.png)
}

#take-tour {
	background-image: url(../images/tour-map.jpg)
}

#take-tour .box,
.about-school .card-body {
	background: var(--site-color-transparent)
}

.down-icon {
	position: absolute;
	z-index: 2;
	color: #56516178;
	font-size: 20px;
	right: 30px;
	top: 25%
}

.btn-light {
	padding: 0;
	background-color: transparent;
	border: 0
}

.btn-light:hover,
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
	padding: 0;
	background-color: transparent !important;
	border: 0;
	border-color: transparent !important
}

.selectpickerHome .dropdown-item {
	text-transform: inherit !important
}

.bootstrap-select .dropdown-menu {
	top: 5px !important;
	left: -14px !important;
	border-radius: 0;
	min-height: 40px !important;
	max-width: calc(100% + 4px);
	overflow: auto
}

.bootstrap-select .dropdown-menu li a span.text {
	word-wrap: break-word;
	white-space: normal
}

.bootstrap-select .dropdown-menu li a {
	border-bottom: .5px solid #92a5b0a1
}

.majors-select .dropdown-menu,
.programme-select .dropdown-menu {
	min-width: auto !important
}

.selectpicker-school .bootstrap-select .dropdown-menu {
	max-width: calc(100% + 4px);
	min-width: calc(100%) !important
}

.bootstrap-select .dropdown-menu .selected {
	background: var(--light-gray);
	color: var(--site-color);
	font-family: Roboto-Regular
}

#slider-tabs .event-info,
.school-list {
	background: var(--site-color-transparent)
}

.show-tick {
	border: .5px solid #56516178
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
	font-size: 14px;
	text-transform: initial
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
	display: none !important
}

.selectpicker-wrap .down-icon {
	right: 15px !important;
	top: 12.5% !important
}

.view-map-section .view-map-btn {
	border: 1px solid var(--site-color)
}

@media (min-width:992px) {
	.input-group-append {
		max-height: 58px !important
	}
}

@media (min-width:768px) and (max-width:992px) {
	.input-group-append {
		max-height: 55px !important
	}
}

@media (min-width:576px) and (max-width:768px) {
	.input-group-append {
		max-height: 55px !important
	}
}

@media (max-width:768px) {

	.carousel-indicators,
	.owl-theme .owl-dots {
		display: none
	}

	#academicsSlider .carousel-item,
	.item {
		height: auto;
		min-height: 80vh
	}

	.mt-40,
	.my-40 {
		margin-top: 20px
	}

	.mb-40,
	.my-40 {
		margin-bottom: 20px
	}

	.wid-auto {
		flex-grow: 1;
		flex-basis: 0
	}

	.banner-head {
		font-size: 30px
	}

	.mt-80,
	.my-80 {
		margin-top: 40px
	}

	.mb-80,
	.my-80 {
		margin-bottom: 40px
	}

	.tab-title {
		font-size: 14px
	}

	.about-university {
		display: block !important
	}

	.border-md-r {
		height: auto
	}

	.down-icon {
		right: 15px;
		top: 20%
	}

	.selectpicker-wrap .down-icon {
		right: 15px !important;
		top: 20% !important
	}

	.bootstrap-select .dropdown-menu {
		left: -9px !important;
		max-width: auto;
		top: 5px !important;
		width: calc(100% + 6px)
	}

	.bootstrap-select.btn-group .dropdown-menu {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: sticky
	}

	.para-left {
		padding-bottom: 0 !important
	}

	.para-right {
		padding-top: 0 !important
	}

	.info-wrap p {
		margin-bottom: 0
	}
}

.sport-accordion-bg .person-desg,
.sport-accordion-bg .person-name {
	max-width: 100%;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

@media (max-width:1899px) {
	.banner-head {
		font-size: 38px
	}
}

@media (max-width:1699px) {
	.banner-head {
		font-size: 34px
	}
}

#slider-tabs .event-info {
	color: #fff;
	min-height: 187px;
	display: flex;
	align-items: center
}

#slider-tabs .slider .slick-slide {
	padding: 0
}

.date-small {
	font-size: 12px
}

.upcoming-events-slider-nav {
	width: 380px;
	height: 250px
}

.slick-prev {
	left: 10px;
	z-index: 1
}

.slick-next {
	right: 10px;
	z-index: 1
}

.slick-next,
.slick-prev {
	top: 55%
}

.featured-slider-nav .slick-prev {
	left: 0;
	z-index: 1;
	margin-left: -25px
}

.featured-slider-nav .slick-next {
	right: 0;
	z-index: 1;
	margin-right: -25px
}

.upcoming-events-slider-nav .slick-prev:before {
	content: url(../images/arrow-left-white.png)
}

.upcoming-events-slider-nav .slick-next:before {
	content: url(../images/arrow-right-white.png)
}

.slider-nav {
	position: absolute;
	top: calc(25vh - 125px)
}

.slick-next:before {
	content: url(../images/arrow-right.png)
}

.slick-prev:before {
	content: url(../images/arrow-left.png)
}

.featured-slider-nav .slick-slide .media img {
	min-width: 120px;
	min-height: 76px
}

.featured-slider-nav .slick-slide .media img:before {
	content: ' ';
	display: block;
	position: absolute;
	height: 76px;
	width: 120px;
	background: #d3d3d3
}

@media (min-width:1024px) and (max-width:1199.98px) {
	#slider-tabs .event-info {
		font-size: 14px
	}
}

@media (max-width:1023.98px) {
	.py-80 {
		padding-top: 40px;
		padding-bottom: 40px
	}
}

@media (max-width:992px) {
	.navbar-brand {
		border: none
	}

	.housing_bg {
		padding-top: 0 !important
	}

	.carousel-caption {
		left: 0;
		bottom: 0
	}

	.carousel-caption.home-page-carousel {
		bottom: 22%
	}

	.info-wrap:before {
		width: 0
	}

	#slider-tabs .slider-nav .slick-list {
		left: inherit
	}

	#slider-tabs .event-info {
		max-width: inherit;
		width: 100%
	}

	.slider-nav {
		position: relative;
		top: initial;
		padding-left: 0;
		padding-right: 0
	}

	.upcoming-events-slider-nav {
		width: auto;
		height: auto;
		margin-top: -50px
	}

	#featured-slider .slider-items {
		height: 30vh
	}

	#upcoming-events .slider-items {
		height: 40vh
	}
}

.featured-slider-nav .media-body p {
	line-height: 1.3;
	font-size: 14px;
	font-weight: lighter;
	font-family: Roboto-Light
}

.featured-slider-nav .slick-slide {
	border: .2px solid var(--site-color-rgb-border);
	cursor: pointer
}

#home .z-tabs.horizontal.z-shadows>ul>li.z-first>a,
#home .z-tabs.horizontal>ul>li>a,
.featured-slider-nav .slick-current {
	border: .2px solid var(--site-color)
}

.featured-slider-nav .slick-list {
	padding: 1px
}

.featured-slider-nav .slick-track .slick-slide:last-child {
	margin-left: -1px !important
}

#featured-slider .slider-items {
	min-height: 50vh;
	background-position: center center
}

#featured-slider .slick-slide .media .media-body .multiline-ellipsis {
	-webkit-line-clamp: 2;
	height: auto;
	margin-bottom: 0
}

#upcoming-events .slider-items {
	min-height: 50vh;
	background-position: center
}

.media-img {
	max-width: 120px
}

.featured-slider-nav .multiline-ellipsis {
	width: auto;
	height: 56px
}

.upcoming-events-slider-nav .caption .date-box {
	background: var(--site-color-transparent);
	color: #fff;
	padding: 10px 16px;
	margin-bottom: -5px;
	display: inline-block !important
}

.featured-slider-nav .media-body .date-small {
	font-size: 12px;
	position: absolute;
	bottom: 8px
}

@media (max-width:1280px) {
	.nav-wrap {
		width: 97%
	}

	.featured-slider-nav .media-body p {
		line-height: 19px;
		font-size: 13px
	}
}

@media (max-width:1024px) {

	#programmes-tabs .media,
	.media {
		display: block
	}

	#programmes-tabs .media img {
		min-width: 250px
	}

	.media-img {
		max-width: 100%;
		width: 100%;
		margin-bottom: 10px
	}

	.date-box {
		width: fit-content;
		margin-bottom: 5px
	}

	.bg-ht {
		min-height: auto !important
	}
}

@media (min-width:993px) and (max-width:1024px) {
	.slider-nav {
		position: absolute;
		top: 50%;
		transform: translate(0, -50%)
	}

	#upcoming-events .slider-items {
		min-height: 50vw
	}

	#featured-slider .slider-items {
		min-height: 25vw
	}
}

@media (max-width:991px) {
	.media {
		display: flex
	}

	.media-img {
		max-width: 120px
	}
}

@media (max-width:800px) {
	.media {
		display: flex
	}

	.media-img {
		max-width: 120px
	}
}

@media (max-width:576px) {
	#featured-slider .date-box {
		line-height: 50px
	}

	.featured-slider-nav .media {
		display: block
	}

	.media-img {
		max-width: 100%
	}

	.featured-slider-nav .media-body .date-small {
		position: relative;
		bottom: 0
	}

	#featured-slider .slick-slide .media .media-body .multiline-ellipsis {
		-webkit-line-clamp: 3;
		height: 80px
	}
}

#home .z-tabs.horizontal>.z-container {
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important
}

#home .z-tabs.horizontal>ul>li>a {
	background: 0 0;
	font-size: 16px;
	letter-spacing: 1.5px;
	box-shadow: none;
	color: var(--site-color);
	font-family: Roboto-Light;
	text-shadow: none;
	padding: 8px 16px
}

#home .z-tabs.silver>ul>li>a:hover {
	background: var(--site-color);
	color: #fff;
	font-family: Roboto-Light
}

#home .z-tabs.horizontal>ul>li {
	border: 0;
	float: left
}

#home .z-tabs>ul {
	background: 0 0
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	border: .2px solid var(--site-color);
	border-radius: 0;
	color: #fff
}

#event-tabs .nav-link {
	font-family: Roboto-Light;
	color: var(--site-color);
	line-height: 40px;
	padding-right: 1rem;
	padding-left: 1rem
}

.nav-tabs .nav-link {
	border: .2px solid var(--site-color-rgb-border);
	border-radius: 0
}

.nav-tabs .nav-link:hover {
	color: #fff;
	border: .2px solid var(--site-color)
}

#event-tabs .nav-item {
	flex-grow: 1;
	flex-basis: auto;
	min-width: 50%
}

#event-tabs {
	position: absolute;
	bottom: 50px;
	width: calc(94% - 50px)
}

@media (min-width:1535px) and (max-width:1536px) {
	.nav-wrap {
		width: 100%
	}
}

@media (min-width:992px) {
	#event-tabs .nav-link {
		line-height: 91px
	}
}

.school-list {
	letter-spacing: 1px;
	margin-top: 100px
}

.school-list ul li {
	border-bottom: .2px solid #fff
}

.school-list ul li:last-child {
	border-bottom: 0
}

.programmes form {
	margin-top: 110px
}

.supply-chain-managemant-bg.container-custom {
	margin-top: 0;
	width: 100%
}

@media (min-width:1199.99px) and (max-width:1366px) {
	.banner-head {
		font-size: 32px
	}

	.nav-row-down .nav-link {
		font-size: 16px
	}

	.school-list ul li {
		padding: 10px !important
	}

	.programmes form,
	.school-list {
		margin-top: 30px
	}
}

@media (max-width:1199.98px) {
	.banner-head {
		font-size: 32px
	}

	.nav-wrap {
		top: 50px
	}

	.nav-row-down .nav-link {
		font-size: 14px
	}

	.nav-row-up {
		padding: 5px !important
	}

	.school-list ul li {
		padding: 10px !important;
		font-size: 15px
	}

	.school-list {
		font-size: 15px
	}

	.programmes form,
	.school-list {
		margin-top: 40px
	}
}

@media (max-width:991.98px) {
	.top-hidden-text {
		margin-top: 30px
	}

	.banner-head,
	.carousel_title .banner-head {
		color: #fff
	}

	.container-custom {
		width: 100%;
		margin-top: auto !important
	}

	.input-text {
		font-size: 14px
	}
}

footer {
	background: #191919
}

footer .container-custom {
	width: 95%;
	margin-top: auto
}

.footer-dash {
	color: #fff;
	background: var(--site-color);
	height: 216px;
	width: 216px
}

.footer-dash div {
	top: 45%;
	height: 100px;
	margin-top: -50px;
	width: 100%
}

.footer-dash h4 {
	margin: 0 auto;
	padding-bottom: 5px
}

.footer-dash a,
.footer-dash button {
	border-radius: 0;
	border-color: #fff;
	color: #fff;
	margin-bottom: 10px;
	min-width: 130px;
	max-width: 160px;
	background: 0 0
}

.footer-wrap {
	width: 240px;
	float: right
}

.footer-dash a:hover,
.footer-dash button.hvr-sweep-to-right:active,
.footer-dash button.hvr-sweep-to-right:focus,
.footer-dash button.hvr-sweep-to-right:hover {
	color: var(--site-color) !important;
	border: 1px solid #fff;
	cursor: pointer
}

.quick-links,
.quick-links a {
	color: #fff;
	font-size: 15px
}

.quick-links ul {
	line-height: 1.6
}

.quick-links ul li a {
	position: relative;
	display: inline-block
}

ul.social-network {
	list-style: none;
	display: inline;
	margin-left: 0 !important;
	padding: 0
}

ul.social-network li {
	display: inline;
	margin: 0 2px
}

.socialHoverClass,
a.socialIcon:hover {
	color: #44bcdd
}

.social-circle li a {
	display: inline-block;
	position: relative;
	margin: 0 auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	width: 25px;
	height: 25px;
	font-size: 15px;
	background: #fff
}

.social-circle li i {
	margin: 0;
	line-height: 0
}

.social-circle li a:hover i,
.triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s
}

.social-circle i {
	color: #191919;
	-webkit-transition: .8s;
	-moz-transition: .8s;
	-o-transition: .8s;
	-ms-transition: .8s;
	transition: .8s
}

#programmePageSlider .item {
	height: 100vh
}

.sport-accordion-bg .person-name {
	font-family: Playfair-Bold;
	font-size: 20px;
	color: var(--site-color);
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	margin: 8px 0 0;
	text-transform: uppercase
}

.sport-accordion-bg .person-desg {
	font-family: Playfair-Bold;
	color: var(--secondary-color);
	display: -webkit-box;
	margin-bottom: 5px
}

.event-page-main h1.block-head {
	font-size: 1.5rem
}

@media (min-width:1367px) {
	.social-wrap {
		padding-right: 6%
	}
}

@media (min-width:1467px) and (max-width:1566px) {
	.banner-head {
		font-size: 32px
	}
}

@media (min-width:1367px) and (max-width:1466px) {
	.banner-head {
		font-size: 30px
	}
}

@media (max-width:1366px) {
	.social-wrap {
		padding-right: 4%
	}
}

@media (min-width:768px) and (max-width:1024px) {
	.border-md-r {
		border-right: 0px
	}
}

@media (max-width:992px) {
	.event-tabs-wrap {
		margin-top: 30px;
		margin-bottom: 15px
	}

	#event-tabs {
		position: initial;
		display: block;
		width: 100%
	}

	#programmePageSlider .image-mobile-banner {
		height: 50vh
	}
}

@media (max-width:768px) {
	#slider-tabs .event-info {
		width: 100%;
		margin: 0;
		max-width: 100%
	}

	.featured-slider-nav .slick-prev {
		margin-left: -15px
	}

	.featured-slider-nav .slick-next {
		margin-right: -15px
	}

	.featured-slider-nav .slick-slide .media img {
		width: 100%;
		margin-bottom: 10px
	}

	.featured-slider-nav .media-body .date-small {
		margin-top: 10px !important
	}

	.bg-ht {
		height: auto !important
	}

	.upcoming-events-slider-nav .caption {
		top: 5px !important
	}

	#event-tabs {
		width: 100%
	}

	.quick-links ul li a:hover:after {
		background: 0 0
	}

	.campus-visit-btn {
		margin-top: 10px
	}

	.copyright {
		float: none !important
	}

	.social-wrap {
		text-align: right
	}

	.social-icons-wrap {
		display: block;
		padding-right: 0 !important;
		margin-top: 10px
	}

	.footer-left-box div {
		justify-content: left !important;
		float: left
	}

	.banner-head {
		color: #fff
	}
}

@media (max-width:767px) {
	.container-custom {
		padding-top: 20px;
	}

	.view-map-section {
		padding-left: 0;
		padding-right: 0
	}

	.social-wrap {
		text-align: center
	}

	.banner-head {
		color: #fff;
		font-size: 21px
	}

	.housing_bg {
		padding-top: 0 !important
	}

	.introduction-main {
		order: 2
	}

	.programme-links-main {
		order: 1
	}

	#programmePageSlider .item {
		height: 60vh
	}

	#programmePageSlider .image-mobile-banner {
		height: 40vh
	}
}

@media (max-width:575.98px) {
	.school-list ul li {
		border-right: 0px
	}

	.banner-para,
	.home-page-carousel .banner-para {
		max-width: 100%
	}

	.banner-head br,
	.banner-para br {
		display: none
	}

	.view-map-section {
		margin-top: 20px
	}

	.quick-links {
		text-align: left !important
	}

	.quick-links ul {
		margin-bottom: 0
	}

	.footer-left-box div {
		justify-content: left !important
	}

	.footer-right-box .mx-auto {
		margin-left: inherit !important
	}

	.footer-social-wrap {
		text-align: center !important
	}

	.footer-social-wrap .social-wrap {
		padding-top: 0 !important
	}

	.social-icons-wrap {
		margin-top: 0
	}

	.block-subhead {
		font-size: 20px
	}

	footer .container-custom {
		width: 100%
	}

	.programmes .banner-para {
		margin-left: 10px
	}
}

.logo-box,
.logo-box-wrap {
	align-items: center;
	height: 100%
}

.logo-box,
.logo-copy-box {
	margin: 0 auto;
	color: #fff;
	display: flex
}

.logo-box-wrap {
	display: flex;
	justify-content: center;
	width: 100%
}

.logo-box {
	width: 60%;
	justify-content: center
}

.logo-box img {
	padding: 0 15px
}

.logo-box .logo-img {
	max-width: auto
}

.logo-copy-box {
	background-color: var(--site-color);
	width: 40%;
	padding: 10px;
	align-items: center;
	justify-content: center
}

.logo-copy-box p {
	font-size: 14px;
	word-break: break-word;
	white-space: normal;
	text-align: left;
	font-family: Playfair-Bold;
	margin-bottom: 0
}

.ambassadors p,
.position-desg {
	margin-bottom: 10px
}

.logo-copy-box img {
	max-width: 100px
}

@media (max-width:1024px) {
	.featured-slider-nav .media-body .date-small {
		position: inherit
	}

	.social-wrap {
		padding-right: 0
	}

	.footer-wrap {
		float: left
	}

	.banner-head {
		color: #fff
	}

	.logo-box-wrap {
		align-items: initial
	}
}

@media (min-width:1441px) {
	.logo-copy-box p {
		font-size: 16px
	}
}

.ambassadors .tab-title {
	margin-top: 0;
	margin-bottom: 10px
}

.ambassadors .media img {
	max-width: 200px
}

div.error_form {
	color: var(--site-color);
	font-size: 12px
}

.majors-lising-list .media-body a {
	color: var(--site-color);
	text-decoration: underline
}

.majors-lising-list .media-body {
	padding-top: 3px
}

@media (min-width:769px) {
	.ambassador-container {
		margin-top: 200px
	}

	div.error_form {
		position: absolute;
		bottom: -20px
	}

	#go_top {
		display: none
	}

	#homeTopSlider .item video,
	.item video {
		min-height: 100vh;
		width: 100%;
		left: 50%;
		pointer-events: none;
		position: absolute;
		height: 100vh;
		transform: translate3d(-50%, 0, 0);
		object-fit: cover
	}
}

@media (max-width:769px) {
	#go_top {
		display: inline-block;
		background-color: var(--site-color);
		width: 25px;
		height: 25px;
		text-align: center;
		border-radius: 0;
		position: fixed;
		bottom: 15px;
		right: 15px;
		transition: background-color .3s, opacity .5s, visibility .5s;
		opacity: 0;
		visibility: hidden;
		z-index: 1000
	}

	#go_top .fa {
		color: #fff;
		padding-top: 4px
	}

	#go_top.show {
		opacity: 1;
		visibility: visible
	}
}

@media (max-width:812px) {
	.back-small {
		min-height: 560px
	}
}

@media (min-width:767px) and (max-width:768px) {
	.quick-links a {
		white-space: inherit !important;
		display: inherit !important;
		width: auto !important;
		line-height: 1.5
	}

	.quick-links ul li {
		margin-bottom: 6px
	}

	.footer-dash {
		height: 170px;
		width: 170px
	}
}

.sem-slider .date-block h1 {
	margin: 0
}

.section-para img,
p img {
	max-width: 100%;
	height: auto
}

@media (max-width:768px) {
	.logo-box-wrap {
		display: inherit !important
	}

	.logo-copy-box p {
		font-size: 12px
	}

	.logo-copy-box a,
	.navbar-brand a {
		line-height: inherit !important
	}

	.logo-box img {
		padding: 0
	}

	.navbar-brand {
		width: 250px
	}

	.ambassadors .media {
		display: inherit
	}

	#homeTopSlider .item,
	#homeTopSlider .item video {
		max-width: 100vw !important;
		overflow: hidden !important
	}

	#homeTopSlider .item video {
		height: 560px;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		object-fit: cover;
		text-align: center;
		z-index: -1
	}

	#homeTopSlider .item video::-webkit-scrollbar {
		display: none
	}

	.back-small {
		height: 100vh;
		display: none !important
	}

	#academicsSlider .carousel-item,
	.item {
		height: auto;
		min-height: 100vh
	}

	.item {
		min-height: 30vh;
		height: 30vh
	}

	.about_bg_item {
		min-height: 60vh;
		height: 60vh
	}

	.section-para img,
	p img {
		max-width: 100%;
		height: auto
	}
}

.spkers .item {
	height: 100%
}

.scrollbar {
	float: left;
	height: 350px;
	width: 100%;
	overflow-y: scroll
}

#style-1::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	border-radius: 10px;
	background-color: #f5f5f5
}

#style-1::-webkit-scrollbar {
	width: 5px;
	background-color: #801214
}

#style-1::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #801214
}

.position-desg {
	color: var(--golden);
	font-family: Playfair-Bold
}

.footer-dash.admission-footer-btn-main a {
	min-width: auto;
	max-width: auto
}
.challenges-programme-student-slider .item {
    height: auto;
}
.challenges-programme-student-slider  .owl-carousel {
    margin-bottom: 30px;
}
.challenges-programme-student-slider .owl-dots {
    right: auto;
    bottom: -7vh;
    position: absolute;
    left: 0%;
}
.challenges-programme-student-slider  .owl-carousel.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 0;
}