/*section slides*/
@media screen and (max-width: 500px) {
	section.slides {
		position: relative;
		overflow: visible;
		width: 100%;
		font-family: var(--main-font-family);
	}
	section.slides>.wrap {
		overflow: visible;
		height: 350px;
		background-color: var(--color-darkblue);
		position: relative;
		padding: 60px;
		box-sizing: border-box;
		margin-bottom: 150px;
	}
	section.slides>.wrap .bg {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		width: 100%;
		position: absolute;
		height: 95%;
		left: 0;
		top: 0;
	}
	section.slides>.wrap .bg .overcolor {
		background-color: rgba(0, 0, 0, 0.6);
		height: 100%;
		width: 100%;
	}
	section.slides h1 {
		font-weight: normal;
		color: white;
		margin: 0;
		font-size: var(--title-font-size-mobile);
		line-height: var(--title-line-height-mobile);
		width: 80%;
		position: absolute;
		top: 30px;
		left: 0;
		padding-left: 30px;
		box-sizing: border-box;
	}
	section.slides .info {
		position: absolute;
		right: 0;
		left: 0;
		margin: auto;
		top: 50vw;
		background-color: var(--color-lightblue);
		width: 90%;
		height: auto;
		overflow: auto;
		border-top: 5px solid white;
		padding: 15px;
		box-sizing: border-box;
	}
	section.slides .info h2 {
		margin: 0 0 15px 0;
		font-size: calc(var(--subtitle-font-size-mobile) - 2px);
		line-height: var(--subtitle-line-height-mobile);
	}
	section.slides .info h3 {
		font-size: 14px;
		color: var(--color-gold);
		background-color: var(--color-darkblue);
		width: 150px;
		padding: 10px;
		margin: 0;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	section.slides {
		position: relative;
		overflow: visible;
		width: 100%;
		font-family: 'Lora', serif;
	}
	section.slides>.wrap {
		overflow: visible;
		height: 300px;
		background-color: #730c27;
		position: relative;
		padding: 60px;
		box-sizing: border-box;
		margin-bottom: 80px;
	}
	section.slides>.wrap .bg {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		width: 100%;
		position: absolute;
		height: 95%;
		left: 0;
		top: 0;
	}
	section.slides>.wrap .bg .overcolor {
		background-color: rgba(0, 0, 0, 0.6);
		height: 100%;
		width: 100%;
	}
	section.slides h1 {
		font-weight: normal;
		color: white;
		margin: 0;
		font-size: 30px;
		line-height: 35px;
		width: 100%;
		position: absolute;
		top: 120px;
		left: 0;
		padding-left: 30px;
		box-sizing: border-box;
	}
	section.slides .info {
		position: absolute;
		right: 0;
		left: 0;
		margin: auto;
		bottom: -100px;
		background-color: #ffae00;
		width: 90%;
		height: auto;
		overflow: auto;
		border-top: 5px solid white;
		padding: 15px;
		box-sizing: border-box;
	}
	section.slides .info h2 {
		margin: 0 0 15px 0;
		font-size: 16px;
	}
	section.slides .info h3 {
		font-size: 14px;
		color: white;
		background-color: #000000;
		width: 150px;
		padding: 10px;
		margin: 0;
	}
}
@media screen and (min-width: 801px) {
	section.slides {
		position: relative;
		overflow: visible;
		width: 100%;
		max-width: 2000px;
		margin: 0 auto;
		font-family: 'Lora', serif;
	}
	section.slides>.wrap {
		overflow: visible;
		height: 500px;
		background-color: #730c27;
		position: relative;
		padding: 60px;
		box-sizing: border-box;
		margin-bottom: 120px;
	}
	section.slides>.wrap .bg {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		width: 90%;
		position: absolute;
		height: 120%;
		left: 0;
		top: 0;
	}
	section.slides>.wrap .bg .overcolor {
		background-color: rgba(0, 0, 0, 0.6);
		height: 100%;
		width: 100%;
	}
	section.slides h1 {
		font-weight: normal;
		color: white;
		margin: 0;
		font-size: 70px;
		line-height: 80px;
		width: 40%;
		position: absolute;
		bottom: 30px;
	}
	section.slides .info {
		position: absolute;
		right: 40px;
		bottom: -50px;
		background-color: #ffae00;
		width: 400px;
		height: 280px;
		border-top: 5px solid white;
		padding: 15px;
		box-sizing: border-box;
		font-family: 'Open Sans', sans-serif;
	}
	section.slides .info h2 {
		margin: 0;
		font-size: 16px;
	}
	section.slides .info h3 {
		font-size: 14px;
		color: white;
		background-color: #000000;
		width: 150px;
		padding: 10px;
		position: absolute;
		bottom: 0;
	}
}
/*section levels*/
@media screen and (max-width: 500px) {
	section.levels {
		margin: 0 auto;
		width: 100%;
		padding: 30px 20px;
		box-sizing: border-box;
		max-width: 2000px;
		overflow: auto;
		font-family: var(--main-font-family);
	}
	section.levels .sidebar {
		display: none;
	}
	section.levels .info {
		float: left;
		overflow: auto;
		width: 100%;
	}
	section.levels .info>.innr {
		width: 100%;
		overflow: auto;
		padding: 0 5px 40px 5px;
		box-sizing: border-box;
	}
	section.levels .info h1.title {
		margin: 0 0 30px 0;
		font-weight: normal;
		font-size: var(--title-font-size-mobile);
		line-height: var(--title-line-height-mobile);
	}
	section.levels .info .overview {
		font-size: var(--reg-font-size-mobile);
		line-height: var(--reg-line-height-mobile);
	}
	section.levels .info .faculties {
		overflow: auto;
		width: 100%;
	}
	section.levels .info .faculties>h1 {
		font-weight: normal;
		font-size: var(--subtitle-font-size-mobile);
		line-height: var(--subtitle-line-height-mobile);
	}
	section.levels .info .faculties .item_box {
		width: 100%;
		overflow: auto;
		padding: 5px 0;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
	}
	section.levels .info .faculties .item_box .dept_title {
		width: 100%;
		overflow: auto;
		color: var(--color-gold);
		padding: 0px;
		border-left: 10px solid var(--color-gold);
		position: relative;
		display: block;
		text-decoration: none;
		box-sizing: border-box;
		background-color: var(--color-darkblue);
		height: 70px;
	}
	section.levels .info .faculties .item_box .dept_title img {
		height: 100%;
		min-width: 100px;
		display: block;
		float: left;
	}
	section.levels .info .faculties .item_box .dept_title p.dept_name {
		margin: 0;
		float: left;
		padding: 2.5px;
		box-sizing: border-box;
		font-size: var(--reg-font-size-mobile);
		line-height: var(--reg-line-height-mobile);
		display: block;
		width: 55%;
	}
	section.levels .info .faculties a.item {
		float: left;
		width: 50%;
		overflow: auto;
		text-decoration: none;
		color: black;
		display: block;
	}
	section.levels .info .faculties a.item>.innr {
		width: 100%;
		height: 100%;
		overflow: auto;
		box-sizing: border-box;
		padding: 5px;
		box-sizing: border-box;
		display: block;
	}
	section.levels .info .faculties a.item .image {
		width: 100%;
		float: left;
		background-repeat: no-repeat;
		background-position: left center;
		background-size: cover;
		box-sizing: border-box;
	}
	section.levels .info .faculties a.item .name {
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		display: block;
		font-weight: normal;
		border-left: 0px solid #730c27;
		text-indent: 0px;
		-webkit-transition: all linear 300ms;
		-moz-transition: all linear 300ms;
		-o-transition: all linear 300ms;
		transition: all linear 300ms;
		background-color: var(--color-lightblue);
		padding: 5px;
		box-sizing: border-box;
	}
	section.levels .info .faculties a.item:hover .name {
		border-left: 1px solid #730c27;
		padding-left: 10px;
		display: block;
	}
	section.levels .mobi_sidebar {
		width: 100%;
		overflow: auto;
	}
	section.levels .mobi_sidebar>.innr {
		height: 100%;
		width: 100%;
	}
	section.levels .mobi_sidebar .levels {
		width: 100%;
		overflow: auto;
	}
	section.levels .mobi_sidebar .levels .item {
		width: 100%;
		padding: 0 5px 5px 0;
		box-sizing: border-box;
	}
	section.levels .mobi_sidebar .levels .item a {
		padding: 12px;
		box-sizing: border-box;
		display: inline-block;
		text-decoration: none;
		background-color: #000000;
		display: block;
		color: white;
		font-size: 13px;
		text-align: center;
	}
	section.levels .mobi_sidebar .levels .item a:hover {
		background-color: #730c27;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	section.levels {
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		padding: 30px 10px;
		box-sizing: border-box;
		max-width: 2000px;
		overflow: auto;
		font-family: 'Open Sans', sans-serif;
	}
	section.levels .sidebar {
		display: none;
	}
	section.levels .info {
		float: left;
		overflow: auto;
		width: 100%;
	}
	section.levels .info>.innr {
		width: 100%;
		overflow: auto;
		padding: 0 10px 40px 10px;
		box-sizing: border-box;
	}
	section.levels .info h1.title {
		margin: 0 0 30px 0;
		font-size: 35px;
		font-family: 'Lora', serif;
	}
	section.levels .info .faculties>h1 {
		font-family: 'Lora', serif;
	}
	section.levels .info .faculties .item_box {
		width: 100%;
		overflow: auto;
		padding: 5px 0;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
	}
	section.levels .info .faculties .item_box .dept_title {
		width: 100%;
		overflow: auto;
		color: #ffae00;
		padding: 0px;
		border-left: 2px solid #ffae00;
		position: relative;
		display: block;
		text-decoration: none;
		box-sizing: border-box;
		background-color: #730c27;
		height: 60px;
	}
	section.levels .info .faculties .item_box .dept_title img {
		height: 100%;
		display: block;
		float: left;
	}
	section.levels .info .faculties .item_box .dept_title .dept_name {
		margin: 0;
		float: left;
		width: 75%;
		padding: 5px 5px 5px 5px;
		box-sizing: border-box;
		font-family: 'Lora', serif;
		font-size: 15px;
	}
	section.levels .info .faculties a.item {
		float: left;
		width: 50%;
		overflow: auto;
		padding: 10px;
		box-sizing: border-box;
		text-decoration: none;
		color: black;
		display: table-cell;
	}
	section.levels .info .faculties a.item>.innr {
		width: 100%;
		box-sizing: border-box;
	}
	section.levels .info .faculties a.item .image {
		width: 100%;
		float: left;
		background-repeat: no-repeat;
		background-position: left center;
		background-size: cover;
		box-sizing: border-box;
	}
	section.levels .info .faculties a.item .name {
		width: 100%;
		box-sizing: border-box;
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		display: block;
		font-weight: normal;
		border-left: 0px solid #730c27;
		text-indent: 0px;
		-webkit-transition: all linear 300ms;
		-moz-transition: all linear 300ms;
		-o-transition: all linear 300ms;
		transition: all linear 300ms;
	}
	section.levels .info .faculties a.item:hover .name {
		border-left: 1px solid #730c27;
		padding-left: 10px;
	}
	section.levels .mobi_sidebar {
		width: 100%;
		overflow: auto;
	}
	section.levels .mobi_sidebar>.innr {
		height: 100%;
		width: 100%;
	}
	section.levels .mobi_sidebar .levels {
		width: 100%;
		overflow: auto;
	}
	section.levels .mobi_sidebar .levels .item {
		width: 100%;
		padding: 0 5px 5px 0;
		box-sizing: border-box;
	}
	section.levels .mobi_sidebar .levels .item a {
		padding: 12px;
		box-sizing: border-box;
		display: inline-block;
		text-decoration: none;
		background-color: #000000;
		display: block;
		color: white;
		font-size: 13px;
		text-align: center;
	}
	section.levels .mobi_sidebar .levels .item a:hover {
		background-color: #730c27;
	}
}
@media screen and (min-width: 801px) {
	section.levels {
		margin: 0 auto;
		width: 100%;
		padding: 30px 5%;
		box-sizing: border-box;
		max-width: 2000px;
		overflow: auto;
		font-family: 'Open Sans', sans-serif;
	}
	section.levels .sidebar {
		width: 25%;
		height: 800px;
		float: left;
		overflow: auto;
		padding-right: 10px;
		box-sizing: border-box;
	}
	section.levels .sidebar>.innr {
		height: 100%;
		width: 100%;
		border: solid #d4d4d4;
		border-width: 0 1px 0 0;
		box-sizing: border-box;
	}
	section.levels .sidebar .levels {
		width: 100%;
		overflow: auto;
	}
	section.levels .sidebar .levels .item {
		width: 100%;
		padding: 0 20px 5px 0;
		box-sizing: border-box;
	}
	section.levels .sidebar .levels .item a {
		padding: 15px 10px;
		box-sizing: border-box;
		display: inline-block;
		text-decoration: none;
		background-color: #000000;
		display: block;
		color: white;
		font-size: 14px;
	}
	section.levels .sidebar .levels .item a:hover {
		background-color: #730c27;
	}
	section.levels .info {
		float: left;
		overflow: auto;
		width: 75%;
	}
	section.levels .info>.innr {
		width: 100%;
		overflow: auto;
		padding: 0 40px 40px 40px;
		box-sizing: border-box;
	}
	section.levels .info h1.title {
		margin: 0 0 30px 0;
		font-size: 35px;
		font-family: 'Lora', serif;
	}
	section.levels .info .faculties {
		overflow: auto;
		width: 100%;
	}
	section.levels .info .faculties>h1 {
		font-family: 'Lora', serif;
	}
	section.levels .info .faculties .item_box {
		width: 100%;
		overflow: auto;
		padding: 20px 0;
		box-sizing: border-box;
	}
	section.levels .info .faculties .item_box .dept_title {
		width: 100%;
		overflow: auto;
		color: #ffae00;
		padding: 0px;
		position: relative;
		display: block;
		text-decoration: none;
		box-sizing: border-box;
		border-left: 5px solid #ffae00;
		background-image: -webkit-linear-gradient(-180deg, rgba(255, 255, 255, 1) 0, #730c27 50%, #730c27 100%);
		background-image: -moz-linear-gradient(270deg, rgba(255, 255, 255, 1) 0, #730c27 50%, #730c27 100%);
		background-image: linear-gradient(270deg, rgba(255, 255, 255, 1) 0, #730c27 50%, #730c27 100%);
		background-position: 50% 50%;
		-webkit-background-origin: padding-box;
		background-origin: padding-box;
		-webkit-background-clip: border-box;
		background-clip: border-box;
		-webkit-background-size: auto auto;
		background-size: auto auto;
	}
	section.levels .info .faculties .item_box .dept_title img {
		position: absolute;
		left: 0;
		display: block;
		height: 100%;
		float: left;
	}
	section.levels .info .faculties .item_box .dept_title .dept_name {
		margin: 0;
		padding: 20px 0 20px 130px;
		font-family: 'Lora', serif;
		font-size: 20px;
	}
	section.levels .info .faculties a.item {
		float: left;
		width: 33.33%;
		overflow: auto;
		padding: 10px;
		box-sizing: border-box;
		text-decoration: none;
		color: black;
	}
	section.levels .info .faculties a.item>.innr {
		width: 100%;
		box-sizing: border-box;
	}
	section.levels .info .faculties a.item .image {
		width: 100%;
		float: left;
		background-repeat: no-repeat;
		background-position: left center;
		background-size: cover;
		box-sizing: border-box;
	}
	section.levels .info .faculties a.item .name {
		width: 100%;
		box-sizing: border-box;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		height: 40px;
		display: block;
		font-weight: normal;
		border-left: 0px solid #730c27;
		text-indent: 0px;
		-webkit-transition: all linear 300ms;
		-moz-transition: all linear 300ms;
		-o-transition: all linear 300ms;
		transition: all linear 300ms;
	}
	section.levels .info .faculties a.item:hover .name {
		border-left: 1px solid #730c27;
		padding-left: 10px;
	}
	section.levels .mobi_sidebar {
		display: none;
	}
}
/*empty_level*/
@media screen and (max-width: 500px) {
	.empty_level {
		overflow: auto;
		width: 100%;
		font-size: var(--title-font-size-mobile);
		line-height: var(--title-line-height-mobile);
		box-sizing: border-box;
		font-family: var(--main-font-family);
	}
	.empty_level h1 {
		text-align: center;
		font-size: 25px;
		padding: 20px;
		box-sizing: border-box;
		margin: 0;
	}
	.empty_level>.wrap {
		overflow: auto;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.empty_level>.wrap .item {
		width: 100%;
		overflow: auto;
		float: left;
		padding: 10px;
		box-sizing: border-box;
		display: table-cell;
	}
	.empty_level>.wrap .item a {
		text-decoration: none;
		color: black;
		display: block;
		font-size: var(--reg-font-size-mobile);
		line-height: var(--reg-line-height-mobile);
	}
	.empty_level>.wrap .item a img {
		width: 100%;
	}
	.empty_level>.wrap .item a span.level_name {
		width: 100%;
		display: block;
		padding: 5px 0;
		box-sizing: border-box;
		font-size: var(--title-font-size-mobile);
		line-height: var(--title-line-height-mobile);
		border-left: 0px solid #730c27;
		text-indent: 0px;
		-webkit-transition: all linear 300ms;
		-moz-transition: all linear 300ms;
		-o-transition: all linear 300ms;
		transition: all linear 300ms;
	}
	.empty_level>.wrap .item a:hover span.level_name {
		border-left: 5px solid #730c27;
		text-indent: 20px;
	}
	.empty_level>.wrap .item a span.level_smry {
		display: block
		font-size: var(--reg-font-size-mobile);
		line-height: var(--reg-line-height-mobile);
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	.empty_level {
		overflow: auto;
		width: 100%;
		padding: 88px;
		box-sizing: border-box;
	}
	.empty_level h1 {
		text-align: center;
		font-size: 25px;
		font-family: 'Lora', serif;
		padding: 50px 0;
		box-sizing: border-box;
	}
	.empty_level>.wrap {
		overflow: auto;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.empty_level>.wrap .item {
		width: 33.333%;
		overflow: auto;
		float: left;
		padding: 10px;
		box-sizing: border-box;
		display: table-cell;
	}
	.empty_level>.wrap .item a {
		text-decoration: none;
		color: black;
		display: block;
	}
	.empty_level>.wrap .item a img {
		width: 100%;
	}
	.empty_level>.wrap .item a span.level_name {
		width: 100%;
		display: block;
		padding: 5px 0;
		box-sizing: border-box;
		font-family: 'Lora', serif;
		font-size: 18px;
		font-weight: bold;
		border-left: 0px solid #730c27;
		text-indent: 0px;
		-webkit-transition: all linear 300ms;
		-moz-transition: all linear 300ms;
		-o-transition: all linear 300ms;
		transition: all linear 300ms;
	}
	.empty_level>.wrap .item a:hover span.level_name {
		border-left: 5px solid #730c27;
		text-indent: 20px;
	}
	.empty_level>.wrap .item a span.level_smry {
		display: block;
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
	}
}
@media screen and (min-width: 801px) {
	.empty_level {
		overflow: auto;
		width: 100%;
		padding: 88px;
		box-sizing: border-box;
	}
	.empty_level h1 {
		text-align: center;
		font-size: 25px;
		font-family: 'Lora', serif;
		padding: 50px 0;
		box-sizing: border-box;
	}
	.empty_level>.wrap {
		overflow: auto;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.empty_level>.wrap .item {
		width: 33.333%;
		overflow: auto;
		float: left;
		padding: 10px;
		box-sizing: border-box;
		display: table-cell;
	}
	.empty_level>.wrap .item a {
		text-decoration: none;
		color: black;
		display: block;
	}
	.empty_level>.wrap .item a img {
		width: 100%;
	}
	.empty_level>.wrap .item a span.level_name {
		width: 100%;
		display: block;
		padding: 5px 0;
		box-sizing: border-box;
		font-family: 'Lora', serif;
		font-size: 18px;
		font-weight: bold;
		border-left: 0px solid #730c27;
		text-indent: 0px;
		-webkit-transition: all linear 300ms;
		-moz-transition: all linear 300ms;
		-o-transition: all linear 300ms;
		transition: all linear 300ms;
	}
	.empty_level>.wrap .item a:hover span.level_name {
		border-left: 5px solid #730c27;
		text-indent: 20px;
	}
	.empty_level>.wrap .item a span.level_smry {
		display: block;
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
	}
}