@charset "utf-8";

/* CSS Document */


/*Site Fonts Start*/

@font-face {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-style: normal;
	font-weight: 700;
	src: local('Myriad Pro'), local('Myriad Pro'), url(../font/MyriadPro-Regular.otf) format('otf');
}

@font-face {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-style: normal;
	font-weight: 700;
	src: local('Myriad Pro'), local('Myriad Pro'), url(../font/MyriadPro-Bold.otf) format('otf');
}


/*Site Common Part Start*/

div {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

p {
	max-width: 100%;
}

img {
	max-width: 100%;
}

h2 {
	max-width: 100%;
}

iframe {
	max-width: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	/*background: url(../images/bg.jpg) repeat;*/
	font-size: 15px;
}

img {
	border: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
div,
span,
td,
ul,
li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	max-width: 100%;
}

a,
a:hover {
	text-decoration: none;
	color: #000;
}


/*Site Start*/

#wrapper {
	width: 100%;
	height: auto;
	float: left;
	background: #faefd3;
}

#page {
	width: 1024px;
	height: auto;
	margin: 0px auto;
}

#header {
	width: 1011px;
	/*height: auto;
	float: left;
	background: #faefd3;*/
}

#content {
	width: 1011px;
	height: auto;
	margin: auto;
}

#footer {
	width: 100%;
	/*height: 319px;
	float: left;*/
	/* background:url(../images/footer-bg.png) bottom center no-repeat */
}

/*Header Start*/

.logo-part {
	width: 1004px;
	height: auto;
	float: left;
	/*padding-top: 37px;*/
	background-color: #faefd3;
}


/*.logo{width:479px;height:auto;float:left;}*/

.search-part {
	width: 532px;
	height: auto;
	float: left;
}

.search {
	width: 532px;
	height: auto;
	float: left;
	padding-top: 8px;
	padding-left: 70px;
}

.search-inner {
	width: 270px;
	height: 26px;
	float: left;
	background: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 10px;
	margin-top: 2px;
	padding-left: 10px;
}

.search-input-bg {
	width: 260px;
	height: 24px;
	background: url(../images/search-bg.png) top right #FFF no-repeat;
	border: none;
	font: 12px Normal Arial, Helvetica, sans-serif;
	color: #6a6a6a;
	line-height: 25px;
}

.social-media {
	width: auto;
	height: auto;
	float: right;
	padding-top: 20px;
}

.social-media1 {
	width: auto;
	height: auto;
	float: right;
	padding: 3.2rem 0;
}

.social-media ul li {
	display: inline-block;
	float: left;
	padding-right: 3px;
}

.social-media1 ul li {
	display: inline-block;
	float: left;
	padding-right: 3px;
}

.top-menu {
	width: 532px;
	height: auto;
	float: left;
	padding-top: 8px;
	padding-left: 35px;
}

.top-menu ul li {
	display: inline-block;
	float: left;
	background: url(../images/top-menu-bu.png) left no-repeat;
	font: 11px bold Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	padding-left: 18px;
	padding-right: 14px;
}

.top-menu ul li a {
	color: #FFF;
}

.top-menu ul li a:hover {
	color: #ed0345;
}

.menu-part {
	/*width: 1011px;
	height: auto;
	float: left;*/
}


/*.menu{width:731px;height:60px;float:left;background:url(../images/menu-left.png) no-repeat;}*/

.menu-inner {
	width: 1011px;
	position: relative;
	/* background:#124169; */
	font: Bold 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fafeff;
	border-top: 1px double #ffffff;
	color: #ddd;
	border-bottom: 1px double #ffffff;
}

ul#main_menu {
	list-style: none;
	margin-top: 17px;
	text-align: center;
	background-color: #faefd3;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 01: 46%left:transform:;
	top: 18%;
	left: 52%;
	width: 100%;
	height: auto;
}

ul#main_menu * {
	margin: 0;
	padding: 0;
}

ul#main_menu li {
	position: relative;
	background: url(../images/divater.png) right no-repeat;
	float: left;
	padding-left: 24px;
	padding-right: 24px;
	height: 20px;
	padding-top: 0px;
}

ul#main_menu li a {
	font: Bold 14px Arial, Helvetica, sans-serif;
	color: #431110;
	text-transform: uppercase;
	text-align: center;
}

ul#main_menu li a:hover {
	color: #e58802;
}

ul#main_menu li.selected a {
	color: #f8a94d;
}

ul#main_menu ul {
	position: absolute;
	top: 50px;
	left: 0px;
	display: none;
	opacity: 0;
	list-style: none;
}

ul#main_menu ul li {
	position: relative;
	width: 200px;
	padding: 0px;
	background: #124169;
	border: #124169 solid 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 6px;
	margin-bottom: 2px;
}

ul#main_menu ul li a {
	display: block;
	padding: 6px 10px 10px 10px;
	color: #FFF;
	font-size: 16px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 6px;
	font: Normal 14px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-transform: none;
}

ul#main_menu li.selected ul li a {
	color: #FFFFFF;
}

ul#main_menu li.selected ul li a:hover {
	color: #f8a94d;
}

ul#main_menu ul li a:hover {
	background-color: #124169;
	color: #FFF;
	display: block;
	padding-bottom: 8px;
}

.apply {
	width: 280px;
	height: auto;
	float: left;
}

.banner-part {
	width: 1011px;
	height: auto;
	float: left;
	/* background:url(../images/banner-bg.png) bottom repeat-x; */
	padding-bottom: 30px;
}


/*Content Start*/

.welcome-part {
	width: 1011px;
	height: auto;
	float: left;
	/* background: url(../images/welcome-bg.png) #faefd3 bottom repeat-x; */
	padding-bottom: 60px;
	padding-top: 34px;
}

.welcome {
	width: 641px;
	height: auto;
	float: left;
	padding-left: 26px;
}

.welcome h1 {
	font: Bold 24px "Myriad Pro", Arial;
	color: #a50133;
	padding-bottom: 15px;
}

.welcome p {
	width: 606px;
	font: Normal 12px Arial, Helvetica, sans-serif;
	color: #716f6f;
	line-height: 18px;
	text-align: justify;
}

.welcome p a {
	width: 606px;
	color: #4e0015;
	font-weight: bold;
	float: left;
	padding-top: 5px;
}

.univercity-image {
	width: 241px;
	height: auto;
	float: left;
	padding-right: 15px;
}

.spotlight {
	width: 344px;
	height: auto;
	float: left;
	padding-top: 10px;
}

.spotlight h1 {
	font: Bold 20px "Myriad Pro", Arial;
	color: #a50133;
	padding-bottom: 22px;
	line-height: 15px;
}

.spotlight h2 {
	width: 305px;
	height: auto;
	float: left;
	background: url(../images/spot-bg.png) repeat;
	padding: 5px;
	margin-bottom: 10px;
}

.spotlight p {
	width: 315px;
	float: left;
	font: Normal 12px Arial, Helvetica, sans-serif;
	color: #716f6f;
	line-height: 18px;
	text-align: justify;
}

.spotlight p a {
	width: 315px;
	color: #4e0015;
	font-weight: bold;
	float: left;
	padding-top: 5px;
}

.event-part1 {
	width: 1011px;
	height: auto;
	float: left;
	background: #fe9800f7 bottom repeat-x;
	padding-bottom: 15px;
    padding-top: 15px;
    color: #fff;
    text-align: -webkit-center;
}
.event-part2 {
	width: 1011px;
	height: auto;
	float: left;
	background: #fe9800f7 bottom repeat-x;
	padding-bottom: 15px;
    padding-top: 15px;
    color: #fff;
    text-align: -webkit-center;
}

.news {
	/*width: 353px;*/
	/*height: auto;
	float: left;
	padding-left: 15px;*/
    padding-top: 10px;
}

.news h1 {
	 font: Bold 20px "Myriad Pro", Arial;
	color: #fff !important;
	padding-bottom: 0px;
    line-height: 24px;
    margin-bottom: 0;}

.news-list {
	//width:304px;height:67px;float:left;padding-top:11px;padding-bottom:15px;background:url(../images/divater-list.png) bottom repeat-x;}
	.news-image {
		width: 74px;
		height: 59px;
		float: left;
		background: url(../images/spot-bg.png) repeat;
		padding: 4px;
	}
	.news-text {
		width: 214px;
		height: 67px;
		float: left;
		padding-left: 8px;
	}
	.news-text h2 {
		font: Normal 14px Arial, Helvetica, sans-serif;
		color: #191516;
	}
	.news-text h2 span {
		width: 214px;
		float: left;
		font: Normal 12px Arial, Helvetica, sans-serif;
		color: #a50133;
	}
	.news-text p {
		width: 214px;
		float: left;
		font: Normal 12px Arial, Helvetica, sans-serif;
		color: #716f6f;
		line-height: 18px;
		text-align: justify;
	}
	.calender {
		width: 284px;
		height: auto;
		float: left;
	}
	.calender h1 {
		font: Bold 20px "Myriad Pro", Arial;
		color: #a50133;
		padding-bottom: 10px;
		line-height: 15px;
	}
	.calender-list {
		width: 233px;
		height: auto;
		float: left;
		padding-top: 11px;
		padding-bottom: 14px;
		background: url(../images/divater-list.png) bottom repeat-x;
	}
	.calender-image {
		width: 44px;
		height: 40px;
		float: left;
		background: url(../images/spot-bg.png) repeat;
		padding: 4px;
		padding-top: 5px;
	}
	.calender-image span {
		background: #cb0232;
		font: Bold 12px Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #ffffff;
		padding: 5px;
		display: block;
		text-align: center;
	}
	.calender-text {
		width: 173px;
		height: auto;
		float: left;
		padding-left: 8px;
	}
	.calender-text h2 {
		font: Normal 14px Arial, Helvetica, sans-serif;
		color: #191516;
	}
	.calender-text h2 span {
		width: 173px;
		float: left;
		font: Normal 12px Arial, Helvetica, sans-serif;
		color: #a50133;
	}
	.calender-text p a {
		width: 173px;
		float: left;
		font: Normal 12px Arial, Helvetica, sans-serif;
		color: #716f6f;
		line-height: 18px;
		text-align: justify;
	}
	.view {
		width: 233px;
		height: auto;
		float: left;
	}
	.rss {
		padding-left: 7px;
	}
	.video {
		/*width: 348px;
		height: auto;
		float: left;*/
	}
	.video h1 {
		font: Bold 20px "Myriad Pro", Arial;
		color: #a50133;
		padding-bottom: 10px;
		line-height: 15px;
	}
	.video h2 {
		/*width: 260px;*/
		font: Bold 20px "Myriad Pro", Arial;
		color: #a50133;
		padding-bottom: 10px;
		line-height: 15px;
		background: url(../images/spot-bg.png) repeat;
		padding: 4px;
		margin: 15px;
	}
	.video p {
		/*width: 259px;
		float: left;*/
		font: Normal  Arial, Helvetica, sans-serif;
		/*color: #ffffff;
*/		line-height: 18px;
		text-align: left;
		padding-top: 5px;
		margin: 0 22px 50px;
	}
	.video p a {
		width: 100%;
		color: #4e0015;
		font-weight: bold;
		float: left;
		padding-top: 5px;
		font-size: 13px;
	}
	.moments-part {
		width: 1011px;
		/*height: auto;
		float: left;*/
		background: #faefd3;
		 border-bottom:#d0cccc solid 1px; 
		padding-bottom: 45px;
		/*padding-top: 34px;*/
		/*padding-left: 30px;*/
		    text-align: center;
	}
	.moments-part h1 {
		font: Bold 20px "Myriad Pro", Arial;
		color: #ff9870;
		padding-bottom: 25px;
		line-height: 15px;
	}
	.moments-part ul li {
		width: 285px;
		height: auto;
		float: left;
		background: url(../images/spot-bg.png) repeat;
		padding: 4px;
		margin-right: 30px;
	}
	.gallery_item {
		padding: 0px;
		position: relative;
		overflow: hidden;
	}
	.gallery_item img {}
	.gallery_item span {
		position: absolute;
		top: -60px;
		left: 38%;
		z-index: 9999;
	}
	/*Footer Start*/
	.footer-top {
		width: 100%;
		height: auto;
		float: left;
		/*background:url(../images/footer-bottom.png) bottom repeat-x;*/
		padding-bottom: 40px;
		margin-top: 30px;
	}
	/*.footer-top-inner {
		width: 1024px;
		height: auto;
		margin: 0px auto;
	}*/
	.footer-menu {
		/*width: 1009px;
		height: auto;
		float: left;*/
		/* background: url(../images/footer-round-corner.png) #eeeeee bottom no-repeat; */
		/*padding-left: 27px;*/
		padding-top: 27px;
		padding-bottom: 27px;
	}
	.general {
		width: 196px;
		height: auto;
		float: left;
	}
	.general h1,
	.university h1,
	.quick h1,
	.about h1 {
		font: Bold 18px "Myriad Pro", Arial;
		color: #431110;
		padding-bottom: 8px;
	}
	.general ul li,
	.university ul li,
	.quick ul li {
		background: url(../images/arrow.png) left no-repeat;
		font: Normal 13px Arial, Helvetica, sans-serif;
		color: #797575;
		line-height: 24px;
		padding-left: 15px;
		margin-left: 5px;
	}
	.general ul li a,
	.university ul li a,
	.quick ul li a {
		color: #797575;
	}
	.university {
		width: 232px;
		height: auto;
		float: left;
	}
	.quick {
		width: 214px;
		height: auto;
		float: left;
	}
	.about {
		width: 295px;
		height: auto;
		float: left;
		padding-right: 47px;
	}
	.about p {
		font: Normal 13px Arial, Helvetica, sans-serif;
		line-height: 18px;
		color: #797575;
		text-align: justify;
	}
	.about p a {
		width: 295px;
		height: auto;
		float: left;
		font-weight: bold;
		color: #797575;
		padding-top: 5px;
	}
	.footer-bottom {
		width: 1011px;
		height: auto;
		float: left;
	}
	.footer-copy {
		width: 753px;
		height: auto;
		float: left;
		font: Normal 13px Arial, Helvetica, sans-serif;
		color: #797978;
		line-height: 18px;
	}
	.footer-copy a {
		padding-left: 5px;
		padding-right: 5px;
		color: #ffffff;
	}
	.footer-logo {
		width: 258px;
		height: auto;
		float: left;
	}
	/*About Start*/
	.inner-part {
		width: 1011px;
		/*height: auto;
		float: left;*/
		/*background: url(../images/round-top.png) #FFF no-repeat top;*/
		/*padding-bottom: 60px;*/
		/*margin-bottom: 30px;*/
	}
	.inner-left {
		/*width: 664px;*/
/*		height: auto;
		float: left;
		padding-left: 5px;
*/	}
	.inner-left h1 {
		/*width: 664px;*/
		/*float: left;*/
		font: Bold 24px "Myriad Pro", Arial;
		color: #a50133;
		/*padding-bottom: 15px;*/
		text-transform: uppercase;
		/*padding-top: 34px;*/
	}
	.inner-left h2 {
		/*width: 652px;
		height: auto;
		float: left;
		background: url(../images/spot-bg.png) repeat;
		padding: 6px;*/
	}
	.inner-left p {
		/*width: 664px;*/
		/*float: left;*/
		/*padding-top: 15px;*/
		font: Normal Arial, Helvetica, sans-serif;
		line-height: 18px;
		color: #FF670;
		text-align: justify;
	}
	.inner-left h4 {
		/*width: 664px;
		float: left;*/
		font: Bold 14px Arial, Helvetica, sans-serif;
		line-height: 18px;
		color: #111111;
	}
	.inner-left h5 {
		/*width: 664px;
		float: left;*/
		font: Bold 24px "Myriad Pro", Arial;
		color: #a50133;
		/*padding-bottom: 15px;*/
		text-transform: uppercase;
		/*padding-top: 34px;*/
	}
	.inner-left h6 {
		width: 664px;
		float: left;
		font: Bold 18px "Myriad Pro", Arial;
		color: #a50133;
		padding-bottom: 15px;
		text-transform: uppercase;
		padding-top: 34px;
	}
	.sidebar {
		/*width: 322px;
*/		height: auto;
		float: left;
		padding-top: 47px;
	}
	.sidebar-inner {
		/*width: 269px;*/
		height: auto;
		float: right;
		margin-right: -7px;
	}
	.sidebar-top,
	.sidebar-bottom,
	.sidebar-center {
		/*width: 269px;*/
		height: auto;
		float: left;
		background-color: #faefd3;
	}
	.download {
		width: 251px;
		height: auto;
		float: left;
		background: url(../images/sidebar-border.png) bottom repeat-x;
		padding: 13px 0px 19px 18px;
	}
	.download h3 {
		font: Bold 18px "Myriad Pro", Arial;
		color: #ffffff;
		padding-bottom: 5px;
	}
	.event-cal {
		width: 251px;
		height: auto;
		float: left;
		background: url(../images/sidebar-border.png) bottom repeat-x;
		padding: 13px 0px 19px 18px;
	}
	.event-cal-list {
		width: 228px;
		height: auto;
		float: left;
		padding-top: 11px;
		padding-bottom: 14px;
		background: url(../images/sidebar-border.png) bottom repeat-x;
	}
	.event-cal h1,
	.cam-news h1,
	.blog-cat h1,
	.blog-text h1,
	.blog-twitter h1 {
		font: Bold 20px "Myriad Pro", Arial;
		color: #ffffff;
		padding-bottom: 10px;
		line-height: 15px;
	}
	.event-cal-image {
		width: 44px;
		height: 40px;
		float: left;
		background: url(../images/spot-bg.png) repeat;
		padding: 4px;
		padding-top: 5px;
	}
	.event-cal-image span {
		background: #cb0232;
		font: Bold 12px Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #ffffff;
		padding: 5px;
		display: block;
		text-align: center;
	}
	.event-cal-text {
		width: 168px;
		height: auto;
		float: left;
		padding-left: 8px;
	}
	.event-cal-text h2,
	.event-cal-text h2 a {
		font: Normal 14px Arial, Helvetica, sans-serif;
		color: #f8a13e;
	}
	.event-cal-text h2 span {
		width: 173px;
		float: left;
		font: Normal 12px Arial, Helvetica, sans-serif;
		color: #FFF;
	}
	.event-cal-text p,
	.event-cal-text p a {
		width: 173px;
		float: left;
		font: Normal 12px Arial, Helvetica, sans-serif;
		color: #FFF;
		line-height: 18px;
		text-align: justify;
	}
	.view-inner {
		width: 228px;
		height: auto;
		float: left;
	}
	.cam-news {
		width: 251px;
		height: auto;
		float: left;
		padding: 13px 0px 19px 18px;
	}
	.cam-news h2 {
		width: 210px;
		float: left;
		background: url(../images/spot-bg.png) repeat;
		padding: 5px;
		margin-top: 10px;
	}
	.cam-news h3 {
		width: 210px;
		float: left;
		font: Bold 16px Arial, Helvetica, sans-serif;
		color: #FFF;
		padding-top: 10px;
	}
	.cam-news p {
		width: 208px;
		float: left;
		font: Normal 12px Arial, Helvetica, sans-serif;
		color: #FFF;
		line-height: 18px;
		text-align: justify;
		padding: 5px 0px 0px 2px;
	}
	.cam-news p a {
		color: #f8a13e;
		width: 210px;
		float: left;
		padding-top: 5px;
	}
	/*Academics Start*/
	.academic-part {
		width: 644px;
		height: auto;
		float: left;
		padding-top: 10px;
		padding-right: 20px;
	}
	.acc-trigger {
		border: 1px solid #dedede;
		cursor: pointer;
		display: block;
		margin-bottom: 7px;
		background: #f9f9f9;
		padding-left: 15px;
	}
	.acc-trigger a {
		background: url(../images/plus.png) #f9f9f9 left 10px no-repeat;
		display: block;
		outline: none;
		text-decoration: none;
		font: Normal 16px Arial, Helvetica, sans-serif;
		color: #1e0b07;
		padding-left: 35px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.acc-trigger.active a {
		cursor: default;
		background: url(../images/minase.png) #f9f9f9 left no-repeat;
	}
	.acc-trigger a:hover,
	.acc-trigger.active a {
		color: #000;
	}
	.acc-trigger a h3 {
		font-weight: bold;
		font-size: 14px;
		letter-spacing: -0.5px;
		line-height: 28px;
		color: #777;
	}
	.acc-container .content {
		padding: 2px 15px 5px 15px;
		font: Normal 12px Arial, Helvetica, sans-serif;
		color: #442720;
		line-height: 18px;
	}
	.content p {
		margin-bottom: 10px;
	}
	/*Campus Start*/
	.campus-part {
		width: 664px;
		height: auto;
		float: left;
		padding-top: 45px;
	}
	.campus-part-list {
		width: 664px;
		height: auto;
		float: left;
		margin-bottom: 35px;
	}
	.campus-part-list-image {
		width: 291px;
		height: auto;
		float: left;
		padding: 5px;
		background: url(../images/spot-bg.png) repeat;
	}
	.campus-part-list-text {
		width: 335px;
		height: auto;
		float: left;
		padding-left: 26px;
	}
	.campus-part-list-text h5 {
		font: Bold 20px "Myriad Pro", Arial;
		color: #000;
		margin: 0px;
		padding: 0px;
		text-transform: none;
	}
	.campus-part-list-text p {
		width: 335px;
		font: Normal 12px Arial, Helvetica, sans-serif;
		color: #716f6f;
		line-height: 18px;
		text-align: justify;
		padding-top: 10px;
	}
	.campus-part-list-text p a {
		color: #000;
		font-weight: bold;
		width: 335px;
		float: left;
		padding-top: 10px;
	}
	/*Research Start*/
	.research-part {
		width: 664px;
		height: auto;
		float: left;
		padding-top: 45px;
	}
	.tabs-nav {
		list-style: none;
		margin: 0;
		overflow: hidden;
		padding: 0;
		width: 100%;
		font: Bold 16px "Myriad Pro", Arial;
	}
	.tabs-nav li {
		float: left;
		line-height: 32px;
		margin: 0;
		overflow: hidden;
		padding: 0;
		position: relative;
	}
	.tabs-nav li.active {
		line-height: 31px;
	}
	.tabs-nav li a {
		background: #f9f9f9;
		border: 1px solid #dedede;
		border-bottom: 1px solid #dedede;
		border-left: none;
		color: #1e0b07;
		display: block;
		letter-spacing: 0;
		outline: none;
		padding: 0 16px;
		text-decoration: none;
		padding-top: 0px;
	}
	.tabs-nav li:first-child a {
		border-left: 1px solid #dedede;
	}
	.tabs-nav li.active a {
		color: #a50133;
	}
	.tabs-nav li.active a {
		background: #fff;
		border-bottom: 2px solid #fff;
		border-top: 1px solid #a50133;
	}
	.tabs-container {
		border: 1px solid #dedede;
		margin: -1px 0 20px;
		overflow: hidden;
		width: 100%;
	}
	.tab-content {
		padding: 20px;
		font: Normal 12px Arial, Helvetica, sans-serif;
		color: #716f6f;
		line-height: 18px;
	}
	.tab-content ul li {
		font: Bold 14px Arial, Helvetica, sans-serif;
		color: #111111;
		background: url(../images/pdf.png) left no-repeat;
		padding-left: 30px;
		margin-top: 20px;
	}
	/*Blog Start*/
	.blog-part {
		width: 664px;
		height: auto;
		float: left;
		padding-top: 10px;
	}
	.blog-post {
		width: 664px;
		height: auto;
		float: left;
		margin-bottom: 40px;
		border-bottom: #ededed solid 1px;
		padding-bottom: 40px;
	}
	.blog-post-inner {
		width: 664px;
		height: auto;
		float: left;
		margin-bottom: 20px;
	}
	.blog-date-part {
		width: 44px;
		height: 40px;
		float: left;
		background: url(../images/spot-bg.png) repeat;
		padding: 4px;
		padding-top: 5px;
	}
	.blog-date-part span {
		background: #cb0232;
		font: Bold 12px Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #ffffff;
		padding: 5px;
		display: block;
		text-align: center;
	}
	.blog-title {
		width: 600px;
		height: auto;
		float: left;
		padding-left: 12px;
	}
	.blog-title h1 {
		font: Bold 18px "Myriad Pro", Arial;
		color: #1d1b1c;
		margin: 0px;
		padding: 0px;
		text-transform: none;
		padding-bottom: 5px;
	}
	.blog-title ul li {
		background: url(../images/admin.png) 1px no-repeat;
		font: Bold 12px Arial, Helvetica, sans-serif;
		color: #777273;
		display: inline-block;
		padding: 0px 20px 0px 20px;
	}
	.blog-post h2 {
		width: 652px;
		height: auto;
		float: left;
		background: url(../images/spot-bg.png) repeat;
		padding: 6px;
		margin: 0px;
	}
	.blog-post p {
		width: 660px;
		float: left;
		font: Normal 12px Arial, Helvetica, sans-serif;
		color: #716f6f;
		line-height: 18px;
		text-align: justify;
		padding-top: 20px;
	}
	.blog-post p i {
		width: 660px;
		float: left;
		font: Bold italic 16px Arial, Helvetica, sans-serif;
		color: #403d3d;
		line-height: 20px;
		text-align: justify;
		padding-top: 0px;
	}
	.blog-post p a {
		color: #1d1b1c;
		font-weight: bold;
		width: 660px;
		float: left;
		padding-top: 10px;
	}
	.blog-post-control {
		width: 664px;
		height: auto;
		float: left;
		margin-top: 0px;
	}
	.blog-post-control span {
		width: 37px;
		float: left;
	}
	.blog-post-control ul {
		width: 210px;
		float: left;
		margin-left: 5px;
	}
	.blog-post-control ul li a {
		width: 35px;
		height: 22px;
		float: left;
		background: #f5f5f5;
		border: #d5d3d3 solid 1px;
		font: Bold 12px Arial, Helvetica, sans-serif;
		color: #716f6f;
		text-align: center;
		padding-top: 5px;
		display: inline-block;
		margin-right: 5px;
	}
	.blog-post-control ul li a:hover {
		background: #850428;
		border: #5b011b solid 1px;
		color: #FFF;
	}
	.blog-search {
		width: 225px;
		height: 26px;
		float: left;
		background: url(../images/search-bg2.png) #FFF right no-repeat;
		padding-left: 10px;
		border: none;
		font: Normal 12px Arial, Helvetica, sans-serif;
		color: #5d5a5a;
		line-height: 24px;
	}
	.blog-cat,
	.blog-text,
	.blog-twitter {
		width: 251px;
		height: auto;
		float: left;
		background: url(../images/sidebar-border.png) bottom repeat-x;
		padding: 20px 0px 19px 18px;
	}
	.blog-cat ul li {
		background: url(../images/blog-arrow.png) 1px no-repeat;
		font: Bold 13px Arial, Helvetica, sans-serif;
		color: #FFF;
		padding-left: 15px;
		line-height: 30px;
	}
	.blog-cat ul li a {
		color: #FFF;
	}
	.blog-text p {
		font: Normal 12px Arial, Helvetica, sans-serif;
		color: #FFF;
		line-height: 18px;
		text-align: justify;
		padding-right: 30px;
		padding-left: 4px;
	}
	.blog-twitter-list {
		width: 228px;
		height: auto;
		float: left;
		padding-top: 11px;
		padding-bottom: 14px;
		background: url(../images/sidebar-border.png) bottom repeat-x;
		font: Normal 12px Arial, Helvetica, sans-serif;
		color: #FFF;
		line-height: 18px;
		text-align: justify;
	}
	.blog-twitter-list a {
		color: #f70437;
	}
	.blog-de-comment-part {
		width: 664px;
		height: auto;
		float: left;
	}
	.blog-de-comment-inner {
		width: 664px;
		height: auto;
		float: left;
	}
	.blog-de-comment-part h1 {
		background: url(../images/divater-com.png) bottom repeat-x;
		color: #a50133;
		font: Bold 18px "Myriad Pro", Arial;
	}
	.blog-de-comment-inner ul li {
		width: 664px;
		height: auto;
		float: left;
		border-bottom: #ededed solid 1px;
		padding: 20px 0px 20px 0px;
	}
	.blog-comment-avater {
		width: 54px;
		height: 50px;
		float: left;
		padding: 4px;
		background: url(../images/spot-bg.png) repeat;
	}
	.blog-comment-text {
		width: 88%;
		height: auto;
		float: left;
		padding-left: 16px;
	}
	.blog-comment-text h5,
	.blog-comment-text-in h5 {
		font: Bold 12px Arial, Helvetica, sans-serif;
		color: #111111;
		margin: 0px;
		padding: 0px;
	}
	.blog-comment-text p,
	.blog-comment-text-in p {
		width: 100%;
		float: left;
		font: Normal 12px Arial, Helvetica, sans-serif;
		color: #716f6f;
		line-height: 18px;
		text-align: justify;
		padding-top: 5px;
		padding-right: 50px;
		margin: 0px;
	}
	.blog-comment-text p a,
	.blog-comment-text-in p a {
		width: 100%;
		float: left;
		color: #4e0015;
		padding-top: 5px;
	}
	.blog-de-comment-inner ul li ul li {
		width: 602px;
		height: auto;
		float: left;
		margin-top: 19px;
		border-top: #ededed solid 1px;
		border-bottom: 0px;
		padding: 20px 0px 20px 0px;
		margin-left: 60px;
	}
	.blog-comment-text-in {
		width: 87%;
		height: auto;
		float: left;
		padding-left: 16px;
	}
	.blog-de-comment-post {
		width: 664px;
		height: auto;
		float: left;
		margin-top: 40px;
	}
	.blog-de-comment-post h1 {
		color: #a50133;
		font: Bold 18px "Myriad Pro", Arial;
		margin: 0px;
		padding: 0px;
	}
	.blog-de-comment-post h4 {
		width: 664px;
		height: auto;
		float: left;
		font: Bold 12px Arial, Helvetica, sans-serif;
		color: #716f6f;
		padding-top: 15px;
	}
	.blog-de-comment-post h4 span {
		width: 422px;
		height: auto;
		float: left;
		background: url(../images/spot-bg.png) repeat;
		padding: 4px;
		margin-top: 10px;
	}
	.post-input {
		width: 422px;
		height: 30px;
		background: #FFF;
		border: none;
	}
	.post-input-text {
		width: 422px;
		height: 129px;
		background: #FFF;
		border: none;
	}
	.contact-part {
		width: 664px;
		height: auto;
		float: left;
		margin-top: 40px;
		border-bottom: #ededed solid 1px;
	}
	.conatct-inner {
		width: 326px;
		height: auto;
		float: left;
		margin-bottom: 30px;
	}
	.conatct-inner h3 {
		font: Bold 14px Arial, Helvetica, sans-serif;
		color: #111111;
	}
	.conatct-inner p {
		width: 200px;
		font: Normal 12px Arial, Helvetica, sans-serif;
		color: #716f6f;
		line-height: 18px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.conatct-inner ul li {
		width: 326px;
		font: Bold 12px Arial, Helvetica, sans-serif;
		color: #474344;
		float: left;
		line-height: 18px;
	}
	#backtotop {
		position: fixed;
		right: 0px;
		display: none;
		bottom: 40px;
		margin: 0 20px 0 0;
	}
	#backtotop a {
		text-decoration: none;
		border: 0 none;
		display: block;
		width: 45px;
		height: 45px;
		background: url(../images/back_to_top_btn.png) no-repeat 50% 50%;
		background-color: #ff6700;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
		-moz-border-radius: 5px;
		-webkit-border-radius: 10px;
	}
	#backtotop a:hover {
		background-color: #f8a13e;
	}
	/*Course Start*/
	.course-part {
		width: 664px;
		height: auto;
		float: left;
		padding-top: 40px;
	}
	.course_list {
		width: 664px;
		height: 26px;
		border: solid 1px #cf7f00;
		background-color: #f8a13e;
		font: Bold 14px Arial, Helvetica, sans-serif;
		color: #FFF;
	}
	.course_list ul li {
		float: left;
		display: inline-block;
		padding-top: 5px;
		height: 21px;
		border-left: solid 1px #cf7f00;
		padding-left: 15px;
	}
	.course-id {
		width: 90px;
	}
	.course-name {
		width: 127px;
	}
	.course-instructor {
		width: 114px;
	}
	.course-time {
		width: 112px;
	}
	.course-location {
		width: 141px;
	}
	.course-list-inner {
		width: 665px;
		height: 30px;
		border: solid 1px #d7d8d8;
		background-color: #ffffff;
		font: Normal 12px Arial, Helvetica, sans-serif;
		color: #555050;
		border-left: none;
		border-top: none;
	}
	.course-list-inner ul li {
		float: left;
		display: inline-block;
		padding-top: 10px;
		height: 20px;
		border-left: solid 1px #d7d8d8;
		padding-left: 15px;
	}
	.course-list-inner-id {
		width: 91px;
	}
	.course-list-inner-name {
		width: 127px;
	}
	.course-list-inner-instructor {
		width: 114px;
	}
	.course-list-inner-time {
		width: 112px;
	}
	.course-list-inner-location {
		width: 141px;
	}
	#layerslider.slideritems {
		/*height: 269px !important;
		max-height: 100% !important;*/
	}
	.title h1 {
		font: Bold 20px "Myriad Pro", Arial;
		color: #59595b;
		padding-bottom: 10px;
		line-height: 15px;
	}
	.side-banner {
		-webkit-box-shadow: 0px 0px 5px 8px #F6E5B5;
		-moz-box-shadow: 0px 0px 15px 8px rgba(15, 110, 91, 0.75);
		box-shadow: 0px 0px 5px 8px #ddb94f;
	}
	#layerslider {
		margin: 7px 0px;
		-webkit-box-shadow: 0px 0px 15px 8px rgb(247, 197, 68);
		-moz-box-shadow: 0px 0px 15px 8px rgba(15, 110, 91, 0.75);
		box-shadow: 0px 0px 6px 6px rgb(220, 182, 71);
	}
	.ls-layer .ls-bg {
		left: 50% !important;
		top: 100%;
		width: 1000px;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: #ff6700 !important;
	}
	.logol
	{
		max-width: 180px;
		box-shadow: 0px 0px 5px 8px #ddb94f;
	}
	.news h6 {
		text-transform: uppercase;
		    text-align: center;

	}
	.logo h2 {
		color: #0056b3 !important;
		text-transform: capitalize;
		letter-spacing: 2px;
		-webkit-font-smoothing: antialiased;
		/* font-weight: bold; */
		font-family: Myriad Pro;
		font-size: 32px;
	}
		.logor h2 {
		color: #0056b3 !important;
		text-transform: capitalize;
		letter-spacing: 2px;
		-webkit-font-smoothing: antialiased;
		/* font-weight: bold; */
		font-family: Myriad Pro;
		font-size: 32px;
		padding: 3rem 0;
	}
	.nav ul {
		list-style: none;
		background-color: #444;
		text-align: center;
		padding: 0;
		margin: 0;
	}
	.nav li {
		font-family: 'Oswald', sans-serif;
		font-size: 1.2em;
		line-height: 40px;
		text-align: left;
	}
	.nav a {
		text-decoration: none;
		color: #fff;
		display: block;
		padding-left: 15px;
		border-bottom: 1px solid #888;
		transition: .3s background-color;
	}
	.nav a:hover {
		background-color: #005f5f;
	}
	.nav a.active {
		background-color: #aaa;
		color: #444;
		cursor: default;
	}
	/* Sub Menus */
	.nav li li {
		font-size: .8em;
	}
	/*******************************************
   Style menu for larger screens

   Using 650px (130px each * 5 items), but ems
   or other values could be used depending on other factors
********************************************/
	@media screen and (min-width: 650px) {
		.nav li {
			width: 130px;
			border-bottom: none;
			height: 50px;
			line-height: 50px;
			font-size: 1.4em;
			display: inline-block;
			margin-right: -4px;
		}
		.nav a {
			border-bottom: none;
		}
		.nav>ul>li {
			text-align: center;
		}
		.nav>ul>li>a {
			padding-left: 0;
		}
		/* Sub Menus */
		.nav li ul {
			position: absolute;
			display: none;
			width: inherit;
		}
		.nav li:hover ul {
			display: block;
		}
		.nav li ul li {
			display: block;
		}
	}
	@media only screen and (max-width: 375px) {
		/*.inner-left {
			width: 342px;
		}
		.inner-left h2 {
			width: 314px;
		}
		.inner-left h1 {
			width: 330px;
		}
		.modal-container {
			width: 100%;
		}
		.inner-left h4 {
			width: 350px;
		}*/
		#layerslider.slideritems {
			height: 190px !important;
		}
		.gal {
			left: 311px;
		}
	}
	@media only screen and (max-width: 240px) {
		#layerslider.slideritems {
			height: 114px !important;
		}
	}
	@media only screen and (max-width: 320px) {
		#layerslider.slideritems {
			height: 148px !important;
			margin-left: 15px;
		}
	}
	@media only screen and (width: 414px) {
		#layerslider.slideritems {
			height: 215px !important;
			margin-left: 17px
		}
		#banner-left {
			margin-left: 41px;
		}
	}
	@media only screen and (width: 411px) {
		#layerslider.slideritems {
			height: 213px !important;
			margin-left: 14px;
		}
		#banner-left {
			margin-left: 33px;
		}
	}
	@media only screen and (width: 360px) {
		#layerslider.slideritems {
			height: 170px !important;
			margin-left: 14px
		}
		#banner-left {
			margin-left: 10px;
		}
	}
	@media only screen and (width: 384px) {
		#layerslider.slideritems {
			height: 195px !important;
		}
	}
	@media only screen and (width: 600px) {
		.col-md-4 {
			margin-left: 84px;
		}
		#news-list {
			height: 142px;
		}
		#layerslider.slideritems {
			margin-left: 13px
		}
	}
	@media only screen and (width: 375px) {
		#layerslider.slideritems {
			margin-left: 16px
		}
		#banner-left {
			margin-left: 16px;
		}
	}
	@media only screen and (width: 384px) {
		#layerslider.slideritems {
			margin-left: 13px
		}
		#banner-left {
			margin-left: 20px;
		}
	}
	/*mian menu*/
	ol,
	ul {
		list-style: none;
	}
	/* Main Styles */
	.nav-bar {
		display: none;
	}
	header nav {
		z-index: 1000;
		width: 100%;
		margin: auto;
		padding-left: 40px;
	}
	header nav ul {
		list-style: none;
	}
	header nav ul li {
		float: left;
		position: relative;
		background: #faefd3;
	}
	header nav:after {
		content: "";
		display: block;
		clear: both;
	}
	header nav ul li a {
		color: #4e0015;
		display: block;
		padding: 12px 13px;
		text-decoration: none;
		font-size: 13px;
		background: #faefd3;
	}
	header nav ul li .children a {
		color: #0056b3;
		display: block;
		padding: 12px 13px;
		text-decoration: none;
		font-size: 13px;
		background: #faefd3;
	}
    header nav ul li .children a:hover
    {
    	color: #0056b3;
    }	
	header nav ul li:hover .children {
		display: block;
	}
	header nav ul li .children {
		display: none;
		background: #faefd3;
		position: absolute;
		width: 300px;
        z-index: 1000;
        max-width: 275px;
	}
	header nav ul li .children span {
		display: none;
	}
	header nav ul li .children li {
		display: block;
		width: 100%;
		/*border-bottom: 1px solid #ffffff99;*/
		/*margin-left: -24px;*/
	}
	header nav ul li .children li a {
		width: 275px;
	}
	header nav ul li .fa-angle-down {
		position: relative;
		top: 3px;
	}
	/*responsive nav style*/
	@media all and (max-width: 800px) {
		.nav-bar {
			display: block;
			position: fixed;
			top: 0;
		}
		.nav-bar span {
			float: left;
			font-size: 20px;
			padding: 20px;
			color: #fff;
		}
		.nav-bar .fa-bars {
			display: block;
			padding: 20px;
			color: #000;
			overflow: hidden;
			font-size: 20px;
			font-weight: bold;
			text-decoration: none;
			float: right;
		}
		header nav {
			width: 80%;
			height: auto;
			position: fixed;
			right: 100%;
			top: 42px;
			overflow: hidden;
			height: 100%;
		}
		header nav ul li {
			display: block;
			border-bottom: 1px solid rgba(255, 255, .5);
			width: 100%;
		}
		header ul li a {
			display: block;
		}
		header nav ul li .children {
			width: 100%;
			position: relative;
			overflow: hidden;
			display: none;
		}
		header nav ul li:hover .children {
			display: none;
		}
		header nav ul li ul li:first-child {
			border-top: 1px solid #ffffff99;
		}
		header nav ul li .children span {
			display: inline-block;
			margin-right: 10px;
		}
		header nav ul li .children a {
			margin-left: 10px;
			padding: 5px 0;
		}
		header nav ul li .fa-angle-down {
			position: relative;
			top: 3px;
		}
	}
	/*main menu*/
	#gallery {
		background-color: #faefd3;
	}
	div {
		max-width: 100%;
		display: block;
	}
	p {
		max-width: 100%;
	}
	img {
		max-width: 100%;
	}
	h2 {
		max-width: 100%;
	}
	ul {
		/* margin-left: 68px;*/
	}
	.footer-copy {
		padding-left: 25px;
	}
	.children {
		/*margin-left: 30px;*/
	}
	@media only screen and (max-width: 600px) {
		.col-md-4:nth-of-type(1) {
			order: 2;
		}
		.col-md-4:nth-of-type(2) {
			order: 1;
		}
	}
	@media only screen and (max-width: 600px) {
		.col-12:nth-of-type(1) {
			order: 2;
		}
		.col-sm-8:nth-of-type(2) {
			order: 1;
		}
	}

	  /*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider bullet skin 053 css*/
        .jssorb053 .i {position:absolute;cursor:pointer;}
        .jssorb053 .i .b {fill:#fff;fill-opacity:0.3;}
        .jssorb053 .i:hover .b {fill-opacity:.7;}
        .jssorb053 .iav .b {fill-opacity: 1;}
        .jssorb053 .i.idn {opacity:.3;}

        /*jssor slider arrow skin 093 css*/
        .jssora093 {display:block;position:absolute;cursor:pointer;}
        .jssora093 .c {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
        .jssora093 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
        .jssora093:hover {opacity:.8;}
        .jssora093.jssora093dn {opacity:.6;}
        .jssora093.jssora093ds {opacity:.3;pointer-events:none;}


.vid_banner
{
	height: 550px;
}
@media (min-width: 320px) and (max-width: 425px) {  
	.vid_banner
{
	height: 215px;
}
#jssor_1
{
	width: 100%;
	height: 100%;
}
}
@media (min-width: 426px) and (max-width: 768px) {  
	.vid_banner
{
	height: 420px;
}
#jssor_1
{
	width: 100%;
	height: 100%;
}
.slides11
{
	width: 100%;
	height: 100%;
}
}
/*#jssor_1
{
	width: 100%;
	height: 100%;
}*/

.slides11
{
	width: 980px;
	height: 380px;
}
.vid_banner1 {
    height: auto;
}

/* pagination */
.pagination {
  display: inline-block;
  justify-content: center;
  padding-top: 25px;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0 4px;
}

.pagination a.active {
    background-color: #431110;
    color: white;
    border: 1px solid #4e0015;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

/* //pagination */


/* pic one behind another in archive */
.parent {
  position: relative;
  top: 0;
  left: 0;
}
.image1 {
  position: relative;
  top: 0;
  left: 0;
  border: 1px #fda200 solid;
      z-index: 9999;
}
.image2 {
  position: absolute;
  top: 6px;
  left: 6px;
  border: 1px #fda200 solid;
  z-index: 999;
}
.image3 {
  position: absolute;
  top: 12px;
  left: 12px;
  border: 1px #fda200 solid;
  z-index: 99;
}
.image4 {
  position: absolute;
  top: 18px;
  left: 18px;
  border: 1px #fda200 solid;
  z-index: 9;
}
/*.image5 {
  position: absolute;
  top: 24px;
  left: 24px;
  border: 1px green solid;
}
.image6 {
  position: absolute;
  top: 30px;
  left: 30px;
  border: 1px green solid;
}
*/


/* //pic one behind another in archive */

/* overlay effect for abp */
.ol {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.ol_img:hover .ol {
  opacity: 0.3;
}

.ol_img:hover .middle {
  opacity: 1;
}

.text {
  background-color: #faefd3;
    color: white;
    font-size: 16px;
    padding: 12px 24px;
}
/* overlay effect for abp */

/* footer design */
.footer
{
	width: 100%;	
	background: url(../images/bg.jpg) repeat;
}

.footer-top-inner {
		width: 1024px;
		padding: 40px 0;
		margin: 0px auto;
}

.footer h1
{
	font: Bold 18px "Myriad Pro", Arial;
    color: #431110;
    padding-bottom: 8px;
}

.footer ul li {
    background: url(../images/arrow.png) left no-repeat;
    font: Normal 13px Arial, Helvetica, sans-serif;
    color: #797575;
    line-height: 24px;
    padding-left: 15px;
    margin-left: 5px;
}

.footer ul li a
{
	color: #797575;
}

.footer p
{
	font: Normal 13px Arial, Helvetica, sans-serif;
    line-height: 18px;
    color: #797575;
    text-align: center;
    margin-bottom: 5px;
    padding-top: 30px;
}

.footer_rm
{
	font-weight: bold;
    color: #797575;
    font-size: 13px;
}
.copyright
{
	padding-top: 28px;
}
/* //footer design */

/*.row_pad*/
/*{*/
/*	padding-bottom: 30px;*/
/*}*/

.inner-left ul li
{
    background: url(../images/arrow.png) left no-repeat;
    font: Normal 15px Arial, Helvetica, sans-serif;
    color: #797575;
    line-height: 24px;
    padding-left: 15px;
    margin-left: 5px;
}

table {
  border-collapse: collapse;
}

table, td, th {
  border: 1px solid #bbb2b2;
}
th{
    padding-left: 3px;
    padding-right: 3px;
}
td{
    padding-left: 3px;
    padding-right: 3px;
}