* {
	padding: 0px;
	margin: 0;
}

a {
	text-decoration: none;
}

a img {
	border-style: none;
}

ul {
	list-style: none;
}

.cf::after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}


/* Top nav style code starts here*/

.container_header {
	background-color: #0d2341;
	height: auto;
	width: 100%;
	box-sizing: border-box;
}

.mobheader {
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 1;
	position: relative;
	background: #0d2341;
	padding: 0 10%;
	box-sizing: border-box;
}

.hamburger {
	font-size: 33px;
	color: white;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}

i.fas.fa-bars:hover {
	cursor: pointer;
	color: #bbb;
}

.dots {
	font-size: 27px;
	color: white;
	float: right;
	margin-bottom: 20px;
	margin-top: 20px;
}

i.fas.fa-search:hover {
	cursor: pointer;
	color: #bbb;
}

.logo {
	width: 50%;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
}

.logo h1 {
	text-align: center;
}

.logo img {
	width: 130px;
}


/* The overlay effect with black background */

#myOverlay {
	/* display: none;
     */
	height: 100%;
	width: 100%;
	position: absolute;
	top: 40;
	left: 0;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.8);
	transition: all .4s ease;
}

#myOverlay.active {
	/* display: block;
     */
	opacity: 1;
}


/* The content */

.overlay-content {
	position: relative;
	top: 36px;
	width: 80%;
	text-align: center;
	margin: 0 auto;
}


/* Style the search field */

.overlay input[type=text] {
	padding: 15px;
	font-size: 17px;
	border: none;
	width: 60%;
	background: white;
}

.overlay input[type=text]:hover {
	background: #f1f1f1;
}


/* Style the submit button */

.overlay button {
	width: 50px;
	height: 50px;
	padding: 15px;
	background: #ddd;
	font-size: 17px;
	border: none;
	cursor: pointer;
	margin-left: -5px;
}

.overlay button:hover {
	background: #bbb;
}

.mobmenu {
	font-size: 20px;
}

.mobmenu a {
	color: white;
}

#mobNav {
	/* display: none;
     */
	position: absolute;
	top: -251px;
	background-color: rgba(0, 0, 0, 0.9);
	width: 100%;
	opacity: 0;
	transition: all .4s ease;
	z-index: 0;
}

#mobNav.active {
	/* display: block;
     */
	opacity: 1;
	top: 85px;
}

#mobNav div {
	/* display: none;
     */
	margin-top: 20px;
	margin-left: 70px;
	margin-bottom: 20px;
}

#mobNav div img {
	width: 30px;
	margin-right: 15px;
	height: 30px;
	filter: grayscale(100%);
	float: left;
}

#mobNav div:hover img {
	filter: grayscale(0%);
	cursor: pointer;
}

#mobNav div:hover a {
	color: #e96803;
}


/* top nav style code ends here*/


/* Main view style code starts here*/

.mainviewbg {
	background-image: url("../img/mainviewpc.png");
	width: 100%;
	height: auto;
	background-size: cover;
	box-sizing: border-box;
	background-position: center;
	background-repeat: no-repeat;
}

.content {
	width: 100%;
	text-align: center;
	padding-top: 270px;
}

.textofmainview {
	color: white;
	font-size: 31.29px;
	text-transform: uppercase;
	line-height: 27px;
	background-color: rgba(33, 33, 33, 84%);
	padding-top: 11px;
	padding-bottom: 11px;
}

.countdown {
	color: #e96803;
	font-style: italic;
	font-size: 26.9px;
	font-weight: 400;
	text-transform: none;
	padding-right: 61px;
}

.content p {
	color: white;
	margin-top: 25px;
}

.readmore {
	width: 118px;
	height: 31px;
	background: white;
	border: 1px;
	border-style: solid;
	border-radius: 22px;
	border-color: #e96803;
	font-size: 14.96px;
	font-style: italic;
	margin-top: 25px;
	margin-bottom: 125px;
}

.readmore a {
	color: black;
}

.readmore a:hover {
	color: #e96803;
}

.readmorebrac {
	color: #e96803;
}


/* Main view style code starts here*/


/* section our programmes starts here */

.ourprogrammes {
	width: 100%;
	height: auto;
	box-sizing: border-box;
}

.ourprogrammes h3 {
	text-align: center;
	margin: 74px 45px;
	font-size: 30px;
}

.blueboxes {
	width: 80%;
	margin: 0 auto;
}

.undergraduate,
.postgraduate {
	width: 100%;
	height: auto;
	color: white;
	background-color: #0d2341;
	text-align: center;
	margin-bottom: 40px;
}

.othercourses {
	width: 100%;
	height: auto;
	color: white;
	background-color: #0d2341;
	text-align: center;
}

.ugcontent,
.pgcontent,
.othercontent {
	padding-bottom: 40px;
}

.undergraduate p :nth-child(1),
.postgraduate p :nth-child(1),
.othercourses p :nth-child(1) {
	width: 80px;
	padding-top: 40px;
	padding-bottom: 2px;
}

.undergraduate h2,
.postgraduate h2,
.othercourses h2 {
	font-size: 22px;
	padding-bottom: 22px;
}

.postgraduate h2 {
	margin-top: 17px;
}

.undergraduate p:nth-child(3),
.postgraduate p:nth-child(3),
.othercourses p:nth-child(3) {
	font-size: 18px;
	padding-bottom: 15px;
	padding-left: 30px;
	padding-right: 30px;
	line-height: 26.5px;
}

.readmoremob {
	font-size: 12.67px;
	padding-bottom: 44px;
	color: white;
}

.readmoremob:hover {
	color: #e96803;
}

.orangebracket,
.orangebracket2,
.orangebracket3,
.orangebracket4 {
	font-size: 12.67px;
	color: #e96803;
}


/* section our programmes ends here */


/* section admission starts here */

.admission {
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 75px;
}

.admission h3 {
	font-size: 30px;
	margin: 74px 45px;
	color: black;
}

.admission img {
	width: 100%;
	height: auto;
	display: block;
}

.admissiontext {
	color: white;
	background-color: #0d2341;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	text-align: center;
}

.admissiontext h4 {
	font-size: 22.53px;
	font-weight: 600;
	padding-top: 33px;
	padding-bottom: 33px;
}

.admissiontext p {
	font-size: 18.74px;
	padding: 0px 35px 40px 35px;
}

.now {
	margin-bottom: 33px;
	width: 147px;
	height: 41px;
	border-radius: 7px;
	color: #0d2341;
	background-color: white;
	font-size: 14.07px;
}

.now a {
	color: #0d2341;
}


/* section admission ends here */


/* section news starts here */

.news {
	width: 80%;
	height: auto;
	color: black;
	margin: 0 auto;
	box-sizing: border-box;
	margin-bottom: 75px;
}

.news h3 {
	margin-bottom: 18px;
	text-align: center;
	font-size: 30px;
}

.newsoptions {
	margin-bottom: 22px;
	text-align: center;
}

.newsoptions li:hover {
	color: white;
	cursor: pointer;
	background-color: #e96803;
}

.nohover {
	display: inline-block;
	margin-left: 8px;
	font-size: 16.66px;
	border: 1pt solid black;
	color: black;
	border-radius: 13pt;
	padding: 1px 13px 1px 13px;
	margin-bottom: 15px;
}

.morenews {
	display: inline-block;
	margin-left: 8px;
	font-size: 16.66px;
	border: 1pt solid black;
	color: black;
	border-radius: 13pt;
	padding: 1px 13px 1px 13px;
}

.linebreak {
	width: 100%;
	margin: 0 auto;
	height: 2px;
	background: #bdbdbd;
	margin-bottom: 22px;
}

.firstnews img {
	width: 100%;
	height: auto;
	margin-bottom: 22px;
}

.date1 {
	font-size: 16.08px;
	color: #e96803;
	font-weight: bold;
	text-align: left;
}

.firstnews h2 {
	font-size: 18.5px;
	text-align: left;
	margin-bottom: 20px;
}

.firstnews :nth-child(4) {
	font-size: 16px;
	text-align: left;
	margin-bottom: 20px;
}

.firstnews :nth-child(5) {
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	margin-bottom: 20px;
	color: black;
	float: left;
}


/* small news section*/

.topnews {
	float: left;
	width: 50%;
}

.picofnews {
	float: left;
	width: 90%;
	margin-bottom: 22px;
	margin-right: 13px;
}

.textofnews {
	float: right;
	width: 50%;
}

.picofnewslast {
	float: left;
	width: 90%;
	margin-right: 13px;
}

.dateofnews {
	text-align: left;
	font-weight: bold;
	color: #e96803;
	font-size: 15px;
}

.headingofnews {
	text-align: left;
	font-size: 16px;
	margin-bottom: 6px;
}

.descriptionofnews {
	text-align: left;
	font-size: 15px;
	margin-bottom: 6px;
}

.readmorenews {
	text-align: left;
	font-size: 10.9px;
	margin-bottom: 17px;
	font-weight: 700;
}

.orangenews {
	color: #e96803
}

.linebreak2 {
	width: 100%;
	height: 2px;
	margin: 0 auto;
	background: #bdbdbd;
	margin-bottom: 22px;
	clear: both;
}


/* section news ends here */


/* section events starts here */

.events {
	width: 80%;
	height: auto;
	margin: 0 auto;
	text-align: center;
}

.events h3 {
	margin-bottom: 45px;
	font-size: 30px;
}

.arts,
.griot {
	width: 100%;
	height: auto;
	border: 1px solid #e96803;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	margin-bottom: 45px;
}

.performing {
	width: 100%;
	height: auto;
	border: 1px solid #e96803;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
}

.eventimage {
	float: left;
	width: 49%;
	height: auto;
	position: relative;
}

.dateofevent {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #423f3d;
	padding: 7px;
	font-size: 3.5vw;
	font-weight: 500;
	width: 10%;
	height: auto;
	color: white;
}

.eventtext {
	padding-top: 5px;
	padding-right: 7px;
	float: right;
	width: 45%;
}

.eventtext h3 {
	padding-bottom: 8px;
	font-size: 4vw;
	margin-bottom: 0px;
}

.eventtext p {
	padding-bottom: 5px;
	padding-left: 2px;
	font-size: 3vw;
}

.allevents {
	color: black;
	text-align: right;
	font-size: 13px;
	float: right;
	margin-bottom: 50px;
}

.allevents:hover {
	color: #e96803;
}

.allevents span {
	color: #e96803;
}


/* section events ends here */


/*footer coding*/

.footer {
	background-color: #dedddd;
	width: 100%;
	height: auto;
	padding-top: 50px;
	clear: both;
}

.wrapperfooter {
	width: 80%;
	height: auto;
	margin: 0 auto;
}

.pagelinks {
	width: 100%;
	height: 110px;
	margin-bottom: 25px;
}

.link1 {
	border: 1pt solid black;
	padding-top: 7px;
	padding-left: 15px;
	padding-bottom: 7px;
	padding-right: 5px;
}

.link1 span {
	color: #e96803;
	float: right;
}

.link1 :nth-child(1) {
	font-size: 17px;
	display: inline;
}

.link1 :nth-child(2) {
	float: right;
	margin-top: 0px;
	margin-right: 13px;
	color: #e96803;
}

.link2,
.link4 {
	border: 1pt solid black;
	border-top: hidden;
	padding-top: 7px;
	padding-left: 13px;
	padding-bottom: 7px;
	padding-right: 10px;
	width: 50%;
	box-sizing: border-box;
	float: left;
}

.link2 span {
	color: #e96803;
	float: right;
}

.link3,
.link5 {
	border: 1pt solid black;
	border-top: #423f3d;
	border-left: hidden;
	padding-top: 7px;
	padding-left: 15px;
	padding-bottom: 7px;
	padding-right: 10px;
	width: 50%;
	float: right;
	box-sizing: border-box;
	float: right;
}

.link3 span {
	color: #e96803;
	float: right;
}

.linktextleft {
	font-size: 17px;
	display: inline;
	color: black;
}

.linktextleft:hover {
	color: #e96803;
}

.linktextleft:active {
	background-color: #0d2341;
	color: white;
}

.link4 span {
	color: #e96803;
	float: right;
}

.link5 span {
	float: right;
	color: #e96803;
}

.linksfooter {
	font-size: 16px;
	text-align: center;
	word-spacing: 1px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.linksfooter a {
	color: black;
}

.socialmedia {
	font-size: 26px;
	text-align: center;
	word-spacing: 7px;
	margin-bottom: 20px;
}

.socialmedia :nth-child(1) {
	color: #3b579d;
}

.socialmedia :nth-child(2) {
	color: #bf009f;
}

.socialmedia :nth-child(3) {
	color: #ff0000
}

.socialmedia :nth-child(4) {
	color: #1da1f2;
}

.logobottom {
	width: 135px;
	margin: 0 auto;
	display: block;
	margin-bottom: 40px;
}

.logobottom img {
	width: 135px;
}

.marginlastfooter {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-color: #0d2341;
}

.bluefooter {
	width: 100%;
	height: auto;
	margin: 0 auto;
	font-size: 15px;
	text-align: center;
	background-color: #0d2341;
}

.bluefooter a {
	color: white;
}

.lastlinks {
	padding-top: 13px;
	padding-bottom: 13px;
	word-spacing: 7px;
}

.bluefooter p {
	color: #73777c;
	font-size: 15px;
	padding-bottom: 13px;
	letter-spacing: 1px;
	word-spacing: 1px;
}

.leftlinksfooterpc {
	display: none;
}

.leftlinksfooterpc2 {
	display: none;
}


/* MOBILE KI SCREEN TK K LIYE */

@media only screen and (max-width: 767px) {
	.bluenavbarpc,
	.bluenavcontent,
	.blacknavigation,
	.blacknavlinks,
	.namedelhi,
	.searchbox,
	.mainnav,
	.contentpc,
	.give,
	.forservice,
	.redheart,
	.pagelinkspc,
	.lastlinkspc,
	.logobottompc,
	.sliderleft,
	.sliderright,
	.namedelhi,
	.namedelhi,
	.bluenavbarblue,
	.newsoptionspc,
	.pcnews,
	.eventspc {
		display: none;
	}
	.lens {
		display: none;
	}
}


/* COMPUTER KI SCREEN TK K LIYE */

@media only screen and (min-width: 768px) {
	#myOverlay,
	.mobheader,
	.pagelinks,
	.linksfooter,
	.lastlinks,
	.mainviewbg,
	.newsoptions,
	.mobnews,
	.eventsmob,
	.logobottom,
	#mobNav {
		display: none;
	}
	/* Top nav style code starts here*/
	.container_header {
		width: 100%;
		height: auto;
	}
	.bluenavbarpc {
		background-color: #ffffff;
		width: 100%;
		height: 32px;
		position: relative;
		z-index: 0;
		overflow: hidden;
	}
	.namedelhi {
		font-size: 14px;
		letter-spacing: 0.1em;
		float: left;
		margin-top: 5px;
		margin-left: 100px;
	}
	.wrapper1 {
		margin-left: auto;
		margin-right: auto;
		width: 1080px;
	}
	.orangecut {
		width: 7px;
		height: 32px;
		float: left;
	}
	.orangecut:after {
		content: '';
		position: absolute;
		height: 46px;
		width: 66px;
		border-left: 7px solid #f86a00;
		background: #0d2341;
		transform: rotateZ(17deg);
		top: 4px;
		z-index: -1;
		right: 277px;
	}
	.bluenavbarblue {
		background-color: #0d2341;
		width: 340px;
		height: 32px;
		color: white;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 0;
	}
	.forservice {
		font-size: 14px;
		margin-top: 5px;
		float: left;
		margin-left: 16px;
		margin-right: 18px;
	}
	.divider1 {
		font-size: 14px;
		margin-top: 5px;
		float: left;
	}
	.redheart {
		color: red;
		font-size: 16px;
		margin-left: 17px;
		margin-top: 5px;
		float: left
	}
	.give {
		font-size: 14px;
		margin-top: 6px;
		float: right;
		margin-right: 100px;
		margin-left: 3px;
		cursor: pointer;
	}
	.give a {
		color: white;
	}
	.give a:hover {
		color: red;
	}
	/* top nav style code ends here*/
	.blacknavbarpc {
		background-color: #212121;
		width: 100%;
		height: 38px;
		box-sizing: border-box;
		padding-top: 5px;
		position: relative;
		overflow: hidden;
	}
	.wrapperforblacknav {
		margin-left: auto;
		margin-right: auto;
		width: 1080px;
	}
	.searchbox {
		float: left;
		color: white;
		font-size: 12px;
		margin-left: 100px;
		margin-top: 4px;
		border: 1pt solid white;
		border-radius: 30px;
		width: 192px;
		height: 19px;
		display: inline-flex;
	}
	.lens {
		margin-left: 15px;
		margin-top: 1px;
	}
	.boxsearch {
		height: 15px;
		width: 153px;
		margin-left: 8px;
		vertical-align: middle;
		background: none;
		border: none;
		font-style: italic;
		font-size: 11px;
		color: white;
	}
	.hovernav a {
		color: white;
	}
	.blacknavlinks {
		float: right;
		padding-top: 5px;
		box-sizing: border-box;
	}
	.hovernav a {
		color: white;
		font-size: 14.29px;
	}
	.blacknavlinks li {
		display: inline;
		padding: 11px 10px 11px 10px;
		text-align: center;
		box-sizing: border-box;
		border: 1px solid #212121;
	}
	.blacknavlinks li:hover {
		background-color: #0d2341;
		border: 1px solid #f86a00;
		cursor: pointer;
		box-sizing: border-box;
	}
	.mainnav {
		width: 100%;
		height: 100px;
		background-color: white;
		position: relative;
		overflow: hidden;
	}
	.logoleft {
		width: 350px;
		height: 100px;
		background-color: #0d2341;
		position: absolute;
		top: 0;
		z-index: 0;
	}
	.mainlogo {
		width: 220px;
		height: 60px;
		float: left;
		margin-top: 20px;
		margin-left: 100px;
	}
	.orangecut2 {
		width: 7px;
		height: 100px;
		float: right;
	}
	.orangecut2::after {
		content: '';
		position: absolute;
		height: 198%;
		width: 105px;
		border-right: 7px solid #f86a00;
		background: #0d2341;
		transform: rotateZ(39deg);
		top: -60px;
		z-index: -1;
		left: 273px;
	}
	.whitenavigation {
		margin-left: auto;
		margin-right: auto;
		width: 1080px;
		height: 100px;
		background-color: white;
		position: relative;
	}
	.navicon {
		vertical-align: top;
		display: inline-block;
		text-align: center;
		margin-top: 14px;
		margin-left: 50px;
	}
	.navicon img {
		width: 30px;
		height: 30px;
		filter: grayscale(100%);
	}
	.navicon:hover img {
		filter: grayscale(0%);
		cursor: pointer;
	}
	.navicon:hover a {
		color: #e96803;
	}
	.caption {
		display: block;
		color: black;
	}
	.navicontext {
		margin-top: 10px;
		float: right;
	}
	/* slider style code starts here*/
	.mainviewbgpc {
		background-image: url(../img/mainviewpc.png);
		width: 100%;
		height: auto;
		background-repeat: no-repeat;
		background-size: cover;
		box-sizing: border-box;
	}
	.contentpc {
		padding-top: 445px;
		padding-bottom: 68px;
		width: 1280px;
		height: auto;
		box-sizing: border-box;
		margin: 0 auto;
	}
	.transparentbox {
		width: 100%;
		height: auto;
		padding-left: 100px;
		padding-top: 20px;
		padding-bottom: 20px;
		margin: 0 auto;
		background-color: rgba(0, 0, 0, 0.7);
		box-sizing: border-box;
	}
	.contentpc p:nth-child(1) {
		color: #e96803;
		font-size: 55.38px;
		font-style: italic;
		line-height: 21px;
		margin-left: 24px;
	}
	.contentpc h2 {
		color: white;
		font-size: 64px;
		text-transform: uppercase;
		display: inline-block;
	}
	.contentpc p:nth-child(3) {
		color: white;
		font-size: 20px;
		margin-left: 15px;
		margin-right: 35px;
		font-style: italic;
		display: inline-block;
	}
	.readmorepc {
		width: 135px;
		height: 30px;
		background: white;
		border: 1px solid #e96803;
		border-radius: 6px;
		font-size: 15.96px;
		font-style: italic;
		vertical-align: text-bottom;
		cursor: pointer;
	}
	/* section our programmes starts here */
	.ourprogrammes {
		width: 1280px;
		height: auto;
		box-sizing: border-box;
		margin: 0 auto;
	}
	.ourprogrammes h3 {
		text-align: center;
		margin-top: 100px;
		margin-bottom: 50px;
		font-size: 40px;
	}
	.blueboxes {
		width: 1280px;
		margin: 0 auto;
		background-color: white;
	}
	.undergraduate {
		width: 310px;
		height: 383px;
		margin-left: 100px;
		margin-right: 40px;
		margin-bottom: 0px;
		color: white;
		background-color: #0d2341;
		text-align: center;
		box-sizing: border-box;
		float: left;
	}
	.postgraduate {
		width: 310px;
		height: 383px;
		margin-left: 39px;
		margin-bottom: 0px;
		color: white;
		background-color: #0d2341;
		text-align: center;
		box-sizing: border-box;
		float: left;
	}
	.othercourses {
		width: 310px;
		height: 383px;
		margin-right: 100px;
		margin-bottom: 0px;
		color: white;
		background-color: #0d2341;
		text-align: center;
		box-sizing: border-box;
		float: right;
	}
	.undergraduate p :nth-child(1),
	.postgraduate p :nth-child(1),
	.othercourses p :nth-child(1) {
		width: 80px;
		padding-top: 25px;
		padding-bottom: 15px;
	}
	.undergraduate h2,
	.postgraduate h2,
	.othercourses h2 {
		font-size: 26px;
		padding-bottom: 18px;
		margin: 0px;
	}
	.undergraduate p:nth-child(3),
	.postgraduate p:nth-child(3),
	.othercourses p:nth-child(3) {
		font-size: 20px;
		padding-bottom: 20px;
		padding-left: 23px;
		padding-right: 23px;
	}
	.undergraduate a:nth-child(4),
	.postgraduate a:nth-child(4),
	.othercourses a:nth-child(4) {
		font-size: 15.67px;
		color: white;
	}
	.undergraduate a:nth-child(4):hover,
	.postgraduate a:nth-child(4):hover,
	.othercourses a:nth-child(4):hover {
		color: #e96803;
	}
	.orangebracket,
	.orangebracket2,
	.orangebracket3,
	.orangebracket4 {
		font-size: 15.67px;
		color: #e96803;
	}
	/* section our programmes ends here */
	/* section admission starts here */
	.admission {
		width: 1280px;
		height: auto;
		color: white;
		margin: 0 auto;
		text-align: center;
		box-sizing: border-box;
		margin-bottom: 100px;
		box-sizing: border-box;
		overflow: hidden;
		padding-top: 0px;
	}
	.admission h3 {
		text-align: center;
		margin-top: 100px;
		margin-bottom: 50px;
		font-size: 40px;
		padding-bottom: 0px;
	}
	.admission img {
		width: 50%;
		height: 444px;
		float: left;
	}
	.admissiontext {
		width: 50%;
		height: 443px;
		color: white;
		background-color: #0d2341;
		box-sizing: border-box;
		float: right;
		text-align: center
	}
	.admissiontext h4 {
		font-size: 35px;
		padding-top: 45px;
		padding-bottom: 50px;
		font-weight: 500;
		padding-left: 93px;
		padding-right: 93px;
	}
	.admissiontext p {
		font-size: 24px;
		padding: 0px 35px 40px 35px;
	}
	.now {
		margin-bottom: 33px;
		width: 220px;
		height: 60px;
		border-radius: 7px;
		background-color: white;
		font-size: 21px;
		cursor: pointer;
	}
	.now a {
		color: #0d2341;
	}
	.now:hover {
		color: #e96803;
	}
	/* section admission ends here */
	/* section news starts here */
	.news {
		width: 1080px;
		height: auto;
		color: black;
		margin: 0 auto;
		text-align: center;
		box-sizing: border-box;
	}
	.news h3 {
		font-size: 40px;
		margin-bottom: 50px;
	}
	.newsoptionspc {
		float: right;
		margin-bottom: 17px;
	}
	.newsoptionspc li:hover,
	.newsoptionspc span:hover {
		color: white;
		cursor: pointer;
		background-color: #e96803;
	}
	.orangeslidepc {
		font-size: 17px;
		color: black;
	}
	.linebreak {
		width: 1080px;
		height: 2px;
		background: #bdbdbd;
		margin-bottom: 22px;
		clear: both;
	}
	.linebreak2 {
		width: 531px;
		height: 2px;
		background: #bdbdbd;
		margin-bottom: 22px;
		clear: both;
	}
	.leftnewspc {
		float: left;
		width: 514px;
		margin-right: 35px;
	}
	.leftnewspc img {
		width: 514px;
		height: 315px;
		margin-bottom: 22px;
		cursor: pointer;
		object-fit: cover;
	}
	.date1 {
		font-size: 18px;
		color: #e96803;
		font-weight: bold;
		text-align: left;
		margin-bottom: 15px;
	}
	.leftnewspc h2 {
		font-size: 22px;
		text-align: left;
		margin-bottom: 15px;
	}
	.leftnewspc :nth-child(4) {
		font-size: 18px;
		text-align: left;
		margin-bottom: 15px;
	}
	.leftnewspc :nth-child(5) {
		font-size: 15px;
		text-align: left;
		font-weight: bold;
		margin-bottom: 0px;
		float: left;
		color: black;
	}
	.leftnewspc :nth-child(5):hover {
		color: #e96803;
	}
	/* small news section*/
	.smallnews {
		margin-bottom: 0px;
		width: 531px;
		float: right;
	}
	.picofnews {
		float: left;
		width: 250px;
		height: 165px;
		margin-bottom: 22px;
		margin-right: 30px;
		cursor: pointer;
		object-fit: cover;
	}
	.picofnewslast {
		float: left;
		width: 250px;
		height: 165px;
		margin-right: 30px;
		margin-bottom: 100px;
		cursor: pointer;
		object-fit: cover;
	}
	.dateofnews {
		text-align: left;
		font-weight: bold;
		color: #e96803;
		margin-bottom: 8px;
		font-size: 15px;
	}
	.headingofnews {
		text-align: left;
		font-size: 18px;
		margin-bottom: 8px;
	}
	.descriptionofnews {
		text-align: left;
		font-size: 17px;
		margin-bottom: 0px;
	}
	.readmorenews {
		text-align: right;
		font-size: 13px;
		margin-top: 20px;
		margin-bottom: 0px;
		cursor: pointer;
	}
	.readmorenews:hover {
		color: #e96803
	}
	.orangenews {
		color: #e96803
	}
	/* section news ends here */
	/* section events starts here */
	.events {
		width: 1080px;
		height: 398px;
		color: black;
		margin: 0 auto;
		text-align: center;
		box-sizing: border-box;
		clear: both;
	}
	.events h3 {
		margin-bottom: 50px;
		font-size: 40px;
	}
	.sliderleft {
		color: #e96803;
		font-size: 35px;
		float: left;
		margin-top: 120px;
		margin-right: 30px;
		cursor: pointer;
	}
	.sliderleft i:hover {
		color: #0d2341;
	}
	.sliderright {
		color: #e96803;
		font-size: 35px;
		float: right;
		margin-top: 120px;
		margin-left: 35px;
		cursor: pointer;
	}
	.sliderright i:hover {
		color: #0d2341;
	}
	.arts {
		width: 300px;
		height: 300px;
		border-top: solid #e96803 7px;
		box-sizing: border-box;
		float: left;
		margin-right: 35px;
		margin-bottom: 0px;
		background-image: url(../img/eventpc1_13.png);
	}
	.performing {
		width: 300px;
		height: 300px;
		border-top: solid #e96803 7px;
		box-sizing: border-box;
		margin-bottom: 0px;
		margin-right: 35px;
		overflow: hidden;
		float: left;
		background-image: url(../img/eventpc3_20.png);
	}
	.griot {
		width: 300px;
		height: 300px;
		border-top: solid #e96803 7px;
		box-sizing: border-box;
		float: left;
		margin-bottom: 0px;
		background-image: url(../img/eventpc2_16.png);
	}
	.arts:hover,
	.performing:hover,
	.griot:hover {
		cursor: pointer;
	}
	.dateofevent {
		position: absolute;
		top: 0px;
		left: 0px;
		background: #3a3938;
		color: white;
		padding: 7px;
		width: 52px;
		height: 58px;
		padding-top: 20px;
	}
	.dateofevent :nth-child(1) {
		font-size: 20px;
		font-weight: 600;
	}
	.dateofevent :nth-child(2) {
		font-size: 13px;
		text-align: center;
	}
	.eventtext {
		padding: 0px;
		color: white;
		width: auto;
	}
	.eventtext h3 {
		margin-top: 170px;
		font-size: 20px;
		margin-bottom: 8px;
	}
	.eventtext p {
		margin-left: 8px;
		margin-right: 8px;
		font-size: 14px;
		padding: 0px;
	}
	.wrapperalle {
		margin-left: auto;
		margin-right: auto;
		width: 1080px;
	}
	.allevents {
		width: 223px;
		height: auto;
		float: right;
		font-size: 13px;
		margin-top: 50px;
		margin-bottom: 100px;
		font-size: 20px;
		clear: both;
		color: black;
	}
	.allevents:hover {
		color: #e96803;
	}
	.allevents span {
		color: #e96803;
	}
	/* section events ends here */
	/*footer coding*/
	.footer {
		background-color: #dedddd;
		width: 100%;
		height: auto;
		box-sizing: border-box;
		clear: both;
		padding: 0px;
	}
	.wrapperfooter {
		width: 1080px;
		height: auto;
		margin: 0 auto;
		padding-top: 47px;
	}
	.leftlinksfooterpc,
	.leftlinksfooterpc2 {
		width: 160px;
		height: 142px;
		box-sizing: border-box;
		margin-bottom: 47px;
		display: inline-block;
	}
	.leftlinksfooterpc li,
	.leftlinksfooterpc2 li {
		padding-bottom: 20px;
	}
	.leftlinksfooterpc li:hover,
	.leftlinksfooterpc2 li:hover {
		color: #e96803;
		cursor: pointer;
	}
	.pagelinkspc {
		margin-bottom: 20px;
		clear: both;
		float: right;
		font-size: 19px;
	}
	.linkz {
		box-sizing: border-box;
		width: 350px;
		float: right;
		border: 1pt solid #0d2341;
		border-radius: 10px;
		margin-bottom: 10px;
	}
	#freetrial {
		box-sizing: border-box;
		padding: 5px 20px;
	}
	.smallwrapper {
		width: 350px;
		height: 95px;
		box-sizing: border-box;
		clear: both;
	}
	.linka,
	.linkc {
		width: 160px;
		box-sizing: border-box;
		float: right;
		margin-bottom: 10px;
		border: none;
		border: 1pt solid #0d2341;
		border-radius: 10px;
	}
	.linkb,
	.linkd {
		width: 160px;
		box-sizing: border-box;
		float: left;
		border: none;
		border: 1pt solid #0d2341;
		border-radius: 10px;
		margin-bottom: 10px;
	}
	.linkgroup1 {
		padding: 5px 20px;
	}
	.linkgroup2 {
		padding: 5px 20px;
	}
	.linka:hover,
	.linkc:hover,
	.linkd:hover,
	.linkz:hover,
	.linkb:hover {
		color: white;
		background-color: #0d2341;
		color: #dedddd;
		cursor: pointer;
	}
	.smallwrapper span {
		color: #e96803;
	}
	.linkgroup1span {
		float: right;
	}
	.linkgroup1span1 {
		float: right;
	}
	.linkgroup1span3 {
		float: right;
	}
	.linkgroup1span4 {
		float: right;
	}
	.linkgroup1span5 {
		float: right;
	}
	.leftlpc {
		width: 100%;
		height: auto;
		box-sizing: border-box;
		clear: both;
	}
	.logobottompc {
		box-sizing: border-box;
		clear: both;
		display: inline-flex;
		width: 400px;
		height: 60px;
		margin-bottom: 60px;
	}
	.logoimagepc {
		width: 175px;
		height: 50px;
		display: inline-block;
		clear: both;
	}
	.sloganpc {
		clear: both;
		margin-top: 24px;
		font-size: 19px;
		margin-left: 20px;
		color: #0d2341;
		float: right;
	}
	.linksfooter {
		font-size: 13.5px;
		text-align: center;
		word-spacing: 1px;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.linksfooter a {
		color: black;
	}
	.socialmedia {
		font-size: 50px;
		margin-bottom: 0px;
		margin-top: -14px;
		float: right;
		margin-right: 55px;
		cursor: pointer;
	}
	.socialmedia :nth-child(1) {
		color: #3b579d;
	}
	.socialmedia :nth-child(1):hover {
		box-shadow: 0px 5px 0px 0px #3b579d !important;
		padding-bottom: 4px;
	}
	.socialmedia :nth-child(2) {
		color: #bf009f;
	}
	.socialmedia :nth-child(2):hover {
		box-shadow: 0px 5px 0px 0px #bf009f !important;
		padding-bottom: 4px;
	}
	.socialmedia :nth-child(3) {
		color: #ff0000
	}
	.socialmedia :nth-child(3):hover {
		box-shadow: 0px 5px 0px 0px #ff0000 !important;
		padding-bottom: 4px;
	}
	.socialmedia :nth-child(4) {
		color: #1da1f2;
	}
	.socialmedia :nth-child(4):hover {
		box-shadow: 0px 5px 0px 0px #1da1f2;
		padding-bottom: 4px;
	}
	.marginlastfooter {
		width: 100%;
		height: auto;
		margin: 0 auto;
		background-color: #0d2341;
	}
	.bluefooter {
		width: 100%;
		height: 100px;
		margin: 0 auto;
		font-size: 16px;
		text-align: center;
		background-color: #0d2341;
		display: flex;
		justify-content: space-between;
	}
	.wrapperblue {
		margin-left: auto;
		margin-right: auto;
		width: 1080px;
	}
	.lastlinkspc {
		margin-top: 40px;
		word-spacing: 27px;
		font-size: 16px;
		float: left;
	}
	.lastlinks a {
		padding-right: 24px;
		color: white;
	}
	.lastlinkspc a:hover {
		color: #e96803;
	}
	.bluefooter p {
		color: #73777c;
		font-size: 15px;
		margin-top: 40px;
		padding-bottom: 13px;
		letter-spacing: 1px;
		word-spacing: 1px;
		float: right;
	}
}