.professor-thumbnail {
	border: 1px solid #b6b6b6;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 10px;
	width: 87%;
	overflow: hidden;
	height: 190px;
}

.professor-thumbnail .professor-image {
	float: right;
	position: absolute;
	right: 3%;
	overflow: hidden;
	border-radius: 10%;
}

.professor-thumbnail .professor-image img {
	border-radius: 10%;
	margin-top: 2px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	max-width: 100%;
	height: 155px;
	width: 125px;
	object-fit: cover;
}

.header-event {
	height: 120px;
}

.professor-image:hover img {
	transform: scale(1.5);
}

.professor-thumbnail aside header figure {
	color: #1f1f1f;
	font-size: 17px;
	line-height: 20px;
	margin: -23px 72px 35px 0px;
}

.information {
	color: #1f1f1f;
	font-size: 17px;
	line-height: 20px;
	font-weight: 700;
	margin: 0px 72px 0px 0px;
	height: 50px;
	overflow: hidden;
}

.events .event:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

.blogss .event {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	padding-bottom: 30px;
	background: #a41034;
	border-radius: 20px;
	height: 168px;
	overflow: hidden;
}

.blogss.images .event .event-thumbnail {
	float: left;
	position: relative;
}

.blogss.images .event .event-thumbnail .event-image {
	height: auto;
	overflow: hidden;
	text-align: center;
	position: relative;
	/* margin-left: -52px; */
}

.blg {
	overflow: hidden;
	border-radius: 20px;
	width: 329px;
}

.blg img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 20px;
	object-fit: cover;
	width: 329px;
	height: 168px;
}

.blg:hover img {
	transform: scale(1.5);
}

.blogss.images .event .event-thumbnail .event-image .image-wrapper {
	position: relative;
	left: 100%;
	margin-left: -200%;
}

.blogss.images .event aside {
	padding-left: 190px;
}

.blogss .event aside header {
	font-size: 17px;
	margin-bottom: 8px;
}

/* .blogdetail {
  /* color: #fff;
  font-size: 17px;
  line-height: 25px;
  font-weight: 500;
  padding-top: 25px;
  /* padding-left: 16px; 
  padding-right: 25px; 
} */

.blogdetail {
	color: #fff;
	font-size: 17px;
	line-height: 25px;
	font-weight: 500;
	/* top: 50px; */
	left: 20px;
	padding-right: 35px;
	position: relative;
}

.section-content {
	margin-top: 23px;
}

.blogleft {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	padding-bottom: 30px;
	background: #a41034;
	border-radius: 20px;
	height: 550px;
	overflow: hidden;
}

.blogimg {
	overflow: hidden;
	text-align: center;
	position: relative;
	border-radius: 20px;
	margin-bottom: 10px;
	/*width: 530px;*/
	height: 400px;
}

.blogimg img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 20px;
	width: 600px;
	height: 400px;
	/* object-fit: cover; */
}

.blogimg:hover img {
	transform: scale(1.5);
}

.blogdetailleft {
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
	padding-left: 27px;
	padding-right: 16px;
}

.walk {
	padding-bottom: 30px;
	/* background: #a41034; */
	height: 410px;
	overflow: hidden;
}

.walk .walkdetail {
	color: #000;
	font-size: 30px;
	text-align: left;
	position: relative;
	margin-bottom: 10px;
}

.walk .walkdetail h1 {
	color: #fff;
	font-size: 30px;
	text-align: left;
	font-weight: 800;
}

.walk .walkimg img {
	overflow: hidden;
	text-align: center;
	position: relative;
	border-radius: 10px;
	width: 100%;
	max-width: 700px;
	height: 345px;
}

.walk .walkifram iframe {
	overflow: hidden;
	text-align: center;
	position: relative;
	border-radius: 10px;
	width: 100%;
	max-width: 700px;
}

/* Overview */

.overview-content {
	margin-bottom: 30px;
}

.section-overview {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 1em;
	overflow: hidden;
}

.overviewimg {
	overflow: hidden;
	text-align: center;
	position: relative;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.overviewimg img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.overviewimg:hover img {
	transform: scale(1.5);
}

.overview-head {
	color: #000000;
	font-size: 17px;
	text-align: center;
	padding: 10px 0px;
}

/* end Overview */

.contain {
	margin: 0 175px;
}

.expand {
	margin: 0px;
}

.update-narrow {
	padding: 0 15px;
}

.narrow {
	margin: 0px 30px;
}

.rectangle {
	border: 1px solid #a41034;
	border-radius: 1em;
	width: 100%;
}

.rectangle::before {
	content: "";
	display: block;
}

.teaching_staff {
	text-align: center;
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	color: rgba(164, 16, 52, 1);
}

.procedure-detail .bold-part {
	font-weight: 700;
	color: #000000;
}

/* Slider Css */

.mainslider {
	position: relative;
	margin: 0 auto;
	top: 0px;
	left: 0px;
	width: 1350px;
	height: 500px;
	overflow: hidden;
	visibility: hidden;
}

.loader {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.7);
}

.slider {
	cursor: default;
	position: relative;
	top: 0px;
	left: 0px;
	width: 1350px;
	height: 500px;
	overflow: hidden;
}

.slider-layout {
	/*right: 171px;
  bottom: 100px;
  width: 300px;
  height: 120px;
  position: absolute;
  color: #000;
  font-size: 16px;
  line-height: 1.88;
  padding: 10px 10px 10px 10px;
  box-sizing: border-box;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 10px;
  text-align: center;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  */
	right: 100px;
	bottom: 50px;
	width: 300px;
	height: 120px;
	position: absolute;
	color: #000;
	font-size: 16px;
	line-height: 1.88;
	padding: 10px 10px 10px 10px;
	box-sizing: border-box;
	background-color: #fff;
	background-clip: padding-box;
	border-radius: 10px;
	text-align: center;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
	transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
	-webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
}

.layout-head {
	margin-top: -10px;
	font-size: 20px;
	font-weight: 900;
	background: #a41034;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	border-radius: 10px 10px 0px 0px;
	width: 300px;
	left: -10px;
}

.layout-head-back {
	margin-top: -10px;
	font-size: 20px;
	font-weight: 900;
	background: #a41034;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	border-radius: 10px 10px 0px 0px;
	width: 300px;
	left: -10px;
}

.layout-body {
	font-size: 20px;
	font-weight: 600;
	color: #a41034;
}

.layout-body-back {
	font-size: 20px;
	font-weight: 600;
	color: #a41034;
}

.layout-bodydetail p {
	font-size: 16px;
	margin-top: -5px;
	color: #a41034;
}

.card-round {
	-webkit-perspective: 1000;
	perspective: 1000;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.slider-layout.front {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
	-webkit-animation: mymoveback 5s infinite;
	animation: mymoveback 5s infinite;
}

.slider-layout.back {
	-webkit-animation: mymove 5s infinite;
	animation: mymove 5s infinite;
}

.slider-layout.front:hover {
	animation-play-state: paused;
}

.slider-layout.back:hover {
	animation-play-state: paused;
}

@-webkit-keyframes mymove {
	40% {
		-webkit-transform: rotateX(0deg);
	}

	50% {
		-webkit-transform: rotateX(180deg);
	}

	90% {
		-webkit-transform: rotateX(180deg);
	}

	100% {
		-webkit-transform: rotateX(0deg);
	}
}

@-webkit-keyframes mymoveback {
	40% {
		-webkit-transform: rotateX(-180deg);
	}

	50% {
		-webkit-transform: rotateX(0deg);
	}

	90% {
		-webkit-transform: rotateX(0deg);
	}

	100% {
		-webkit-transform: rotateX(-180deg);
	}
}

@keyframes mymove {
	40% {
		transform: rotateX(0deg);
	}

	50% {
		transform: rotateX(180deg);
	}

	90% {
		transform: rotateX(180deg);
	}

	100% {
		transform: rotateX(0deg);
	}
}

@keyframes mymoveback {
	40% {
		transform: rotateX(-180deg);
	}

	50% {
		transform: rotateX(0deg);
	}

	90% {
		transform: rotateX(0deg);
	}

	100% {
		transform: rotateX(-180deg);
	}
}

.academic {
	margin: 30px 0px;
}

.academic h1 {
	color: #fff;
	font-size: 38px;
	line-height: 1.2em;
	margin-bottom: 20px;
}

.academic h4 {
	color: #fff;
	line-height: 1.2em;
	margin-bottom: 20px;
}

.academic p {
	color: #fff;
}

.navcolor {
	background: #f8f8f8;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.admission {
	margin: 20px 0px;
}

.admission h1 {
	color: #a41034;
	font-size: 38px;
	line-height: 1.2em;
}

.admission-contain {
	margin: 0px 175px;
}

.admission-contain p {
	color: #fff;
}

.admission-contain .admission-detail p {
	color: #000;
}

.admission-contain h3 {
	color: #fff;
	font-size: 22px;
	line-height: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 50px;
}

.admission-contain h2 {
	color: #a41034;
	font-size: 22px;
	line-height: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
}

.admission-contain h4 {
	color: #fff;
	font-size: 22px;
	line-height: 1.2em;
	font-weight: bold;
	padding: 20px 0;
}

.admission-procedure {
	margin: 0px 170px;
}

.admission-procedure h3 {
	color: #fff;
	font-size: 20px;
	line-height: 1.2em;
	font-weight: bold;
	padding: 10px 0px;
}

.admission-procedure h2 {
	font-size: 20px;
	line-height: 1.2em;
	font-weight: bold;
	padding-bottom: 2px;
}

.procedure-detail p {
	color: #000000;
	font-weight: 300;
	padding-bottom: 2px;
}

.document-section {
	background-color: #cecece;
	padding: 10px;
	border-radius: 0.9em;
}

.procedure-rectangle {
	border: 1px solid #a41034;
	border-radius: 1em;
	width: 100%;
	background-color: #a41034;
}

.download-document {
	text-align: center;
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	color: #ffffff;
}

.image-layer {
	background-color: rgba(88, 12, 14, 0.71);
	margin-top: -2px;
}

.academic-section {
	padding: 0px;
}

.admission-center h2 {
	color: #a41034;
	font-size: 22px;
	line-height: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
	font-style: italic;
}

.admission-center p {
	color: #000;
	text-align: center;
	padding-top: 10px;
}

.publication-section p {
	color: #000000;
	font-weight: 300;
	margin: 10px 0px;
}

.table {
	border: 2px solid #a41034;
	margin-top: 10px;
}

/* start Activities */

.activity-head {
	margin-top: 10px;
}

.activity-head h6 {
	color: #a41034;
	font-size: 20px;
	text-align: center;
	padding: 10px 0px;
	font-weight: 600;
}

.activity-head p {
	color: #000;
	text-align: justify;
	padding: 0px 15px;
}

.activity-red {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 1em;
	overflow: hidden;
	background: #a41034;
}

.activity-detail h6 {
	color: #fff;
	font-size: 20px;
	text-align: center;
	padding: 15px 0px;
	font-weight: 600;
}

.activity-detail p {
	color: #fff;
	text-align: justify;
	padding: 0px 10px;
}

.shadow-white {
	box-shadow: 0 0.5rem 1rem rgb(241, 240, 240) !important;
}

.white-separator {
	color: #fff;
	line-height: 1.2em;
	overflow: hidden;
	text-align: center;
	width: 100%;
}

.white-separator::before,
.white-separator::after {
	border-bottom: 1px solid #fff;
	content: "";
	display: inline-block;
	height: 0.65em;
	vertical-align: top;
	width: 100%;
}

.white-separator::after {
	margin: 0 -100% 0 0;
}

.ebook-heading h1 {
	color: #fff;
	padding-top: 130px;
}

.blog-content {
	border-radius: 5px;
	overflow: hidden;
	height: 340px;
	box-shadow: 1px 5px 15px darkred;
}

.update-content {
	border-radius: 5px;
	overflow: hidden;
	height: 390px;
	box-shadow: 1px 5px 15px darkred;
}

.blog-head {
	margin: 0 10px;
}

.blog-head a>span {
	background: #580c0e none repeat scroll 0 0;
	color: #ffffff;
	font-family: "montserratregular";
	font-size: 15px;
	height: 60px;
	line-height: 30px;
	position: absolute;
	width: 70px;
	margin-top: 15px;
}

.blog-head span {
	display: block;
	font-family: "montserratsemi_bold";
	font-size: 25px;
	text-align: center;
	margin-top: 6px;
	margin-bottom: -6px;
}

.blod-head {
	margin-top: 10px;
	border-bottom: 2px solid #a41034;
}

.blog-head h6 {
	color: #a41034;
	font-size: 15px;
	text-align: left;
	padding: 10px 0px;
	font-weight: 600;
	margin: 15px 0;
}

.blog-head p {
	color: #000;
	text-align: justify;
	/* padding: 20px 15px 0 15px; */
	padding: 0 15px;
}

/*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);
	}
}

.jssora061 {
	display: block;
	position: absolute;
	cursor: pointer;
}

.jssora061 .a {
	fill: none;
	stroke: #fff;
	stroke-width: 360;
	stroke-linecap: round;
}

.jssora061:hover {
	opacity: 0.8;
}

.jssora061.jssora061dn {
	opacity: 0.5;
}

.jssora061.jssora061ds {
	opacity: 0.3;
	pointer-events: none;
}

/*Start Social Plugin*/

.a {
	color: #fff;
	text-decoration: none;
}

.social {
	position: fixed;
	top: 200px;
	left: 10px;
	padding: 0;
	list-style: none;
	z-index: 99;
	width: 0px;
}

.social .fa-facebook {
	color: #3b5998;
}

.social .fa-twitter {
	color: #55acee;
}

.social .fa-instagram {
	color: #cd486b;
}

.social .fa-linkedin-square {
	color: #0077b5;
}

.social .fa-youtube-play {
	color: #cd201f;
}

.social ul {
	padding: 0px;
	-webkit-transform: translate(-270px, 0);
	-moz-transform: translate(-270px, 0);
	-ms-transform: translate(-270px, 0);
	-o-transform: translate(-270px, 0);
	transform: translate(-270px, 0);
}

.social ul li {
	display: block;
	margin: 5px;
	background: rgba(204, 32, 38, 0.4);
	width: 300px;
	text-align: right;
	padding: 10px;
	-webkit-border-radius: 0 30px 30px 0;
	-moz-border-radius: 0 30px 30px 0;
	border-radius: 0 30px 30px 0;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.social ul li:hover {
	-webkit-transform: translate(110px, 0);
	-moz-transform: translate(110px, 0);
	-ms-transform: translate(110px, 0);
	-o-transform: translate(110px, 0);
	transform: translate(110px, 0);
	background: rgba(255, 255, 255, 0.4);
}

.social ul li:hover a {
	color: #000;
}

.social ul li:hover i {
	color: #fff;
	background: #cc2027;
	/*-webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);*/
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.social ul li i {
	margin-left: 10px;
	color: #000;
	background: #fff;
	padding: 5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	font-size: 20px;
	background: #ffffff;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

/*End Social Plugin*/

.dark-maroon {
	color: #a41034;
}

ol>li .bold-part {
	font-weight: 700;
	color: #000000;
}

.bold-part {
	font-weight: 700;
	color: #000000;
}

.social-media {
	margin: 30px 0px;
}

a.link.facebook {
	background: #355496;
	display: inline-block;
	height: 150px;
	width: 150px;
	border-radius: 50%;
	color: #fff;
	font-size: 100px;
	padding: 0px 32px;
}

a.link.twitter {
	background-color: #00acee;
	display: inline-block;
	height: 150px;
	width: 150px;
	border-radius: 50%;
	color: #fff;
	font-size: 100px;
	padding: 0px 32px;
}

a.link.instagram {
	background-color: #125688;
	display: inline-block;
	height: 150px;
	width: 150px;
	border-radius: 50%;
	color: #fff;
	font-size: 100px;
	padding: 0px 32px;
}

a.link.youtube {
	background-color: #bb0000;
	display: inline-block;
	height: 150px;
	width: 150px;
	border-radius: 50%;
	color: #fff;
	font-size: 100px;
	padding: 0px 32px;
}

a.link.linkedin {
	background-color: #0077b5;
	display: inline-block;
	height: 150px;
	width: 150px;
	border-radius: 50%;
	color: #fff;
	font-size: 100px;
	padding: 0px 32px;
}

/* span:hover {
  transition: 0.9s;
  transform: rotateY(180deg);
} */

.panel-group .panel-title a {
	color: #fff;
	text-decoration: none;
}

.panel-group .panel {
	box-shadow: none;
	-webkit-border-radius: 7 7 0 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0 0 0 0;
	border-radius: 7 7 7 7;
	border: none;
	position: relative;
}

.panel-group .panel-title {
	font-size: 13px;
}

.panel-group .panel-title a.active {
	background-color: #202c45 !important;
}

.panel-group .panel-title a.active {
	background: #16174f none repeat scroll 0 0;
	border-bottom: 1px solid #d3d3d3;
	color: #fff;
}

.panel-group .panel-title a {
	background: #a41034;
	display: block;
	font-size: 15px;
	font-weight: 300;
	padding: 10px 15px 10px 48px;
	white-space: normal;
	border-radius: 4px;
	margin-top: 10px;
}

.panel-group .panel-title .open-sub {
	display: block;
	position: relative;
}

.panel-group .panel-title .open-sub::before,
.panel-group .panel-title .open-sub::after {
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	top: 50%;
	margin-top: -0.5px;
	left: 50%;
}

.panel-group .panel-title a::after {
	color: #fff;
	content: "\f067";
	font-family: fontawesome;
	font-size: 14px;
	left: 0;
	padding: 10px 14px;
	position: absolute;
	top: 0;
}

.panel-group .panel-content {
	background: #fff none repeat scroll 0 0;
	/* border: 1px solid rgb(234, 221, 221);
  padding: 10px 20px 20px; */
	border-radius: 0 0 7px 7px;
}

.panel-group .panel-title a.active::after {
	background-color: #f2184f !important;
}

.panel-group .panel-title a.active::after {
	background: #f2184f;
	background-color: rgb(242, 24, 79);
}

.blog-section p {
	text-align: justify;
	padding: 15px 0px;
}

.blog-section h6 {
	color: #a41034;
	font-size: 22px;
	line-height: 1.2em;
	font-weight: bold;
	padding: 15px 0px;
}

.blog-section ul {
	margin-left: 1px;
}

.blog-image img {
	min-width: 100%;
}

.nav-footer-bottom {
	position: relative;
	top: 155px;
}

/* pagination */

.pagination-outer {
	text-align: center;
}

.pagination {
	font-family: "Josefin Sans", sans-serif;
	display: inline-flex;
}

.pagination li a.page-link {
	color: #521705;
	background: radial-gradient(circle, rgba(82, 23, 5, 0.1) 0.25em, transparent 0.25em) center/0.6em 0.8em;
	font-size: 21px;
	font-weight: 600;
	line-height: 34px;
	height: 35px;
	width: 35px;
	padding: 0px 10px;
	margin: 0 5px;
	border-radius: 15px 5px/20px 20px;
	border: 2px solid #521705;
	transition: all 0.4s ease 0s;
}

.pagination li a.page-link:hover,
.pagination li a.page-link:focus,
.pagination li.active a.page-link:hover,
.pagination li.active a.page-link {
	color: #fff;
	background: radial-gradient(circle, #a41034 0.25em, transparent 0.25em) center/0.1em 0.1em;
	box-shadow: 0 0 3px #a41034;
	border-color: #a41034;
}

@media only screen and (max-width: 480px) {
	.pagination {
		font-size: 0;
		display: block;
	}

	.pagination li {
		display: inline-block;
		margin: 0 0 10px;
	}
}

.calender-section {
	margin: 30px 0px;
}

.calender-section h1 {
	/* color: #000; */
	font-size: 38px;
	line-height: 1.2em;
	margin-bottom: 20px;
}

.month:active {
	background-color: #a41034;
	border-radius: 20px;
}

.month {
	background-color: #c6c4c5;
	border-radius: 15px;
}

.month h2:active {
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.5;
	padding: 15px 5px;
}

.month h2 {
	color: #000;
	text-align: center;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.5;
	padding: 22px 5px;
}

.year {
	font-size: 15px;
	font-weight: lighter;
}

.days {
	background-color: #3f3d3e;
	border-radius: 15px;
	margin: 0 -6px;
}

.days h2 {
	color: rgb(255, 255, 255);
	text-align: center;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.5;
	padding: 15px 5px;
}

.days-close {
	background-color: #7e797b;
	border-radius: 15px;
	margin: 0 -6px;
}

.days-close h2 {
	color: rgb(255, 255, 255);
	text-align: center;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.5;
	padding: 15px 5px;
}

.date {
	border-radius: 15px;
	border: 1px solid #000;
	margin: 0 -6px 10px -6px;
}

.dateactive {
	background-color: #a41034;
}

.monthactive {
	background-color: #a41034;
}

.monthactive h2 {
	color: rgb(255, 255, 255);
	text-align: center;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.5;
	padding: 22px 5px;
}

.dateactive h2 {
	color: rgb(255, 255, 255);
	text-align: center;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.5;
	padding: 5px 5px;
	height: 40px;
}

.dateinactive h2 {
	color: rgb(10, 10, 10);
	text-align: center;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.5;
	padding: 5px 5px;
	height: 40px;
}

.full-info {
	border-radius: 20px;
	border: 1px solid #cc2027;
	margin-bottom: 10px;
}

.full-bg {
	background-color: #a41034;
	min-height: 100%;
	overflow: hidden;
	border-radius: 15px;
	height: 150px;
}

.full-bg h2 {
	color: #fff;
	text-align: center;
	font-size: 25px;
	font-weight: 800;
	line-height: 1.5;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 24%;
	width: 50%;
}

.info-week {
	font-size: medium;
	font-weight: 300;
}

.todolist {
	margin-top: 10px;
	font-weight: bold;
	margin-bottom: 1px;
}

.full-info .info-list {
	margin-left: 0;
	font-size: 15px;
}

.month h2:active {
	background-color: #04aa6d !important;
	color: #ffffff;
}

.journey-section {
	border: 2px solid #a41034;
	margin-bottom: 10px;
	margin-right: 10px;
	border-radius: 5px;
}

.admission-detail .client-sec {
	margin-left: 15px;
	margin-right: 0px;
}

.admission-detail .col-2 {
	padding: 0px;
}

.ns_figure {
	display: inline-block;
	border: 1px solid #a41034;
	border-radius: 5px;
	padding: 2px;
}

.admin-content {
	margin-bottom: 30px;
}

.admin-overview {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 1em;
	overflow: hidden;
	min-height: 211px;
}

.admin-overview p {
	font-size: 15px;
	padding: 0 10px;
}

.admin-overview-even {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 1em;
	overflow: hidden;
	background-color: #a41034;
	min-height: 211px;
}

.admin-overview-even p {
	font-size: 15px;
	padding: 0 10px;
}

.staff-content {
	margin-bottom: 30px;
}

.staff-overview {
	border: 1px solid #a41034;
	border-radius: 10px;
	overflow: hidden;
}

.staff-overview-grey {
	border: 1px solid rgb(191, 180, 180);
	border-radius: 1em;
	overflow: hidden;
	padding: 0 10px;
	background-color: #efefef;
}

.staff-overview-red {
	border: 1px solid rgb(159, 156, 156);
	border-radius: 1em;
	overflow: hidden;
	padding: 0 10px;
	background-color: #b5afaf;
}

.staff-overview p {
	font-size: 15px;
	padding: 0 10px;
}

.scholar-detail .par {
	color: #a41034;
	font-weight: 700;
}

@media (max-width: 1920px) {
	.vc_column-inner {
		padding-top: 16px !important;
		padding-bottom: 16px !important;
	}
}

@media (max-width: 2560px) {
	.vc_column-inner {
		padding-top: 16px !important;
		padding-bottom: 16px !important;
	}
}

.list01 li {
	list-style-type: square !important;
	margin-left: 15px;
}

.dark-head {
	color: #a41034 !important;
	font-weight: bold !important;
}

.dark-head1 {
	color: #a41034 !important;
}

.desa291188 {
	background-image: url(../assets/images/banner/desalitepro.jpg) !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.square {
	width: 40px;
	height: 40px;
	background: red;
	margin: 0 5px;
	border-radius: 5px;
}

.blue {
	width: 40px;
	height: 40px;
	background: blue;
	margin: 0 5px;
	border-radius: 5px;
}

.yellow {
	width: 40px;
	height: 40px;
	background: yellow;
	margin: 0 5px;
	border-radius: 5px;
}

.green {
	width: 40px;
	height: 40px;
	background: green;
	margin: 0 5px;
	border-radius: 5px;
}

.nav-side-menu {
	overflow: auto;
	font-family: verdana;
	font-size: 12px;
	font-weight: 200;
	background-color: #a41034;
	position: fixed;
	top: 0px;
	width: 300px;
	height: 100%;
	color: #e1ffff;
	z-index: 99999999999999;
}

/*
.nav-side-menu {
  overflow: auto;
  font-family: verdana;
  font-size: 12px;
  font-weight: 200;
  background-color: #2e353d;
  position: fixed;
  top: 0px;
  width: 300px;
  height: 100%;
  color: #e1ffff;
}
*/
.nav-side-menu .brand {
	display: block;
	text-align: center;
	width: 86%;
	min-width: 100%;
	margin: 0px 5px;
}

.nav-side-menu ul,
.nav-side-menu li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	line-height: 35px;
	cursor: pointer;
}

.nav-side-menu li {
	padding-left: 0px;
	border-left: 3px solid #2e353d;
	border-bottom: 1px solid #23282e;
}

.nav-side-menu li a {
	text-decoration: none;
	color: #e1ffff;
}

.nav-side-menu li a i {
	padding-left: 10px;
	width: 20px;
	padding-right: 20px;
}

.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
	color: #d19b3d;
}

.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
	background-color: #181c20;
	border: none;
	line-height: 28px;
	border-bottom: 1px solid #23282e;
	margin-left: 0px;
}

.nav-side-menu ul .sub-menu li::before,
.nav-side-menu li .sub-menu li::before {
	font-family: FontAwesome;
	content: "\f105";
	display: inline-block;
	padding-left: 50px;
	padding-right: 10px;
	vertical-align: middle;
}

.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
	color: #d19b3d;
}

.nav-side-menu li a {
	text-decoration: none;
	color: #e1ffff;
}

.exploring_right {
	border-right: 10px solid #fff;
	height: 426px;
}

.exploring_left {
	border-left: 10px solid #fff;
	height: 426px;
}

.vc_custom_1501703727224 {
	border-right: 15px solid #fff;
	border-left: 10px solid #fff;
}

.vc_custom_1501703732047 {
	border-left: 10px solid #fff;
}

.vc_custom_1501703679570 {
	border-right: 10px solid #fff;
}

/* Gallery */

.photo-row {
	display: flex;
	-ms-flex-wrap: wrap;
	/* IE10 */
	flex-wrap: wrap;
	/* padding: 0 4px; */
	margin: 0 -6px;
}

/* Create four equal columns that sits next to each other */
.photo-column {
	-ms-flex: 25%;
	/* IE10 */
	flex: 25%;
	max-width: 100%;
	padding: 0 4px;
}

.photo-column img {
	margin-top: 8px;
	vertical-align: middle;
	width: 100%;
	border-radius: 20px;
}

/* End Gallery */

.ol-list li {
	margin-left: 25px;
	margin-bottom: 4px !important;
	color: #000;
}

.mapdiv {
	width: 470px;
	height: 379px;
	border-radius: 5px;
}

.tabletd {
	width: 240px;
}

.tabletd2 {
	width: 382px;
}

.procedure-border {
	border: 3px solid #a41034;
	padding: 15px;
	border-radius: 5px;
}

.congo {
	color: #a40;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.instr {
	font-weight: bolder;
	color: seagreen;
	text-align: center;
}

.sorry {
	text-align: center;
}

.slick-slide {
	margin: 0px 6px;
}

.slick-slide img {
	width: 100%;
}

.slick-prev:before,
.slick-next:before {
	color: black;
}

.slick-slide {
	transition: all ease-in-out 0.3s;
	opacity: 0.2;
}

.slick-active {
	opacity: 0.5;
}

.slick-current {
	opacity: 1;
}

.line {
	border: 1px solid red;
	padding: 15px 30px;
	margin: 0px -15px;
}

.admission-process {
	margin: 0 170px;
}

select option {
	color: #a41034 !important;
}

.update-image {
	width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.gallery-line {
	border: 1px solid red;
	padding: 15px 30px;
	margin: 0px -15px;
}

.gallery-contain {
	border-radius: 5px;
	overflow: hidden;
	height: 255px;
	box-shadow: 1px 5px 15px darkred;
}

.gallery-head {
	margin: 20px 10px;
}

.gallery-head h6 {
	color: #a41034;
	font-size: 16px;
	text-align: left;
	font-weight: 600;
}

.gallery-image {
	width: 400px;
	height: 200px;
}

div.redborder {
	display: inline-block;
	width: auto;
	border-radius: 5px;
	padding: 16px 100px;
	line-height: 1.5em;
	background: hsla(67, 95%, 95%, 1);
}

#one {
	border: solid 1px #a41034;
}

.admission-icon {
	width: 50%;
	height: 50%;
}

.wrap-first {
	max-width: 100%;
	max-height: 100%;
	background-color: #580c0e;
	height: 26px;
	color: #fff;
}

.procedure-border h3 {
	font-size: 20px !important;
	color: #a41034 !important;
	text-align: center !important;
}

.procedure-border .category {
	margin-left: 5px;
	margin-right: 5px;
}

/* popup */

.popup-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999999999999;
	background: rgba(1, 1, 1, 0.3);
	display: flex;
	justify-content: center;
	align-items: center;
}

.popup-container {
	width: 600px;
	position: relative;
}

.popup-container .closeBtn {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	z-index: 100;
}

.popup-container .closeBtn svg {
	padding: 0.2rem;
	width: 1.6rem;
	border-radius: 50%;
	background: #ffffff7b;
}

.popup-container .popup-content {
	width: 100%;
}

@media only screen and (max-width: 480px) {
	.popup-container {
		width: 95%;
	}

	.professor-thumbnail {
		width: 100%;
	}

	.professor-image {
		margin-top: 100px !important;
	}

	.professor-image img {
		height: 80px !important;
		width: 70px !important;
	}

	.header-event p {
		font-size: 0.7rem;
	}

	.header-event a .information {
		font-size: 0.6rem;
		min-height: 2.5rem;
		max-height: 3.5rem;
	}

	.header-event .professor-description {
		font-size: 12px;
	}

	/* publication */
	.custom-publication .overview-head {
		font-size: 12px;
	}
}