/* sidebar */

.sidebar .ui.accordion{
	height: calc(100vh - 138px);
	overflow-y: scroll;
}

.sidebar.very.thin .ui.accordion{
	overflow-y: unset !important;
}

.marginlefting {
	margin-left: 60px !important;
}

.displaynone {
	display: none !important;
}

.displayblock {
	display: block !important;
}

.sidebar .item i {
	font-size: 24px;
	margin-top: -5px !important;
}

.logo {
	height: 48px !important;
	padding: 10px !important;
	text-align: center;
}

.logo img {
	width: auto !important;
	height: 38px !important;
}

.title.item {
	padding: .92857143em 1.14285714em !important;
}

.dropdown .menu .header {
	padding-top: 3.9px!important;
	padding-bottom: 3.9px!important;
}

.ui.vertical.menu .item>i.icon.left {
	float: none;
	margin: 0em 0.35714286em 0em 0em;
	font-size: 13px;
}

.sdb-icon {
	float: left;
	padding-right: 8px;
}

.sdb-icon i {
	font-size: 14px !important;
}

.user-profile {
	padding: 20px 16px;
}

.user-profile img {
	width: 50px !important;
	height: 50px !important;
}

img.small-img {
	width: 20px !important;
	height: 20px !important;
}

.small a {
	color: #1c1c1d;
}

i.small {
	font-size: 16px !important;
	margin: 0 !important;
	text-align: none !important;
}

.ui.left.sidebar, .ui.right.sidebar {
	transition: all 0.3s !important;
}

.ui.icon.menu .item {
	text-align: unset !important;
}

.ui.thin.icon.menu .item {
	height: 40px;
}

.ui.thin.icon.menu .item.title:active {
	pointer-events: none;
	cursor: default;
}

.ui.sidebar.menu .item {
	transition: all .5s;
}

.accordion .dropdown.icon {
	position: relative;
	top: 6px;
}

.very.thin.icon .accordion .dropdown.icon {
	position: relative;
	top: -8px;
	left: 12px;
}

.very.thin.icon .content.active, .very.thin.icon .item.title:hover~.content-down, .very.thin.icon .content-down:hover, .very.thin.icon .content-down:hover {
	position: relative;
	left: 58px;
	top: -40px;
	width: 130px;
	display: block !important;
	visibility: visible !important;
	height: 0;
	padding: 0 !important;
}

.very.thin.icon .content-down .item {
	background: white !important;
	border-left: 1px solid #d6d6d6 !important;
	border-right: 1px solid #d6d6d6 !important;
	transition: all .5s;
}

.very.thin.icon .content-down {
	-webkit-transition: 1s 4s bottom, 4s left cubic-bezier(1, 0, 1, 1);
	-moz-transition: 1s 4s bottom, 4s left cubic-bezier(1, 0, 1, 1);
	-o-transition: 1s 4s bottom, 4s left cubic-bezier(1, 0, 1, 1);
	width: 150px;
}

.very.thin.icon .content-down .item:last-child {
	border-bottom: 1px solid #d6d6d6 !important;
}

.very.thin.icon .content-down .item:first-child {
	border-top: 1px solid #d6d6d6 !important
}

.very.thin.icon .transition.hidden {
	display: block !important;
	visibility: visible !important;
}

.very.thin.icon .content-down .item:hover {
	background: rgba(0, 0, 0, .03) !important;
}

.very.thin.icon .content.animating {
	display: none !important;
}

.very.thin.icon i.block {
	font-size: 10px !important;
	position: relative;
	left: 18px;
	top: -12px;
}

.divider-sdb {
	margin: 20px 0px 10px 15px;
	color: #b3b3b3;
}

.ui.vertical.menu .item:before {
	display: none;
}

.divider-sdb-line {
	width: 100%;
	height: 1px;
	background: #b3b3b3;
	margin: 20px 0px 10px 0px;
}

.new-dropdown .content-down .item {
	padding-left: 45px;
}

.very.thin.icon .content-down .item {
	padding-left: 5px;
}

.profile-info {
	margin-top: 10px !important;
	padding-left: 5px !important;
}

.profile-role {
	color: #a9a9a9;
}

.profile-name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 20px;
}

.ui.accordion a.item.active,
.ui.accordion a.item:hover{
	background: #fff1f1 !important;
	color: #fb3939 !important;
	border-left: 3px solid #fb3939 !important;
}


/*content*/
.admin-content {
	padding-left: 20px;
	margin-left: 260px;
	padding-top: 20px;
	padding-right: 25px;
	-webkit-transition-duration: .1s;
	color: rgba(0,0,0,.85);
}

.admin-content .title{
	letter-spacing: 3px;
}

.add-btn{
	position: relative;
	top: -4px;
	left: 15px;
}

.gallery img{
	width: 80px !important;
	height: 80px !important;
	object-fit: cover !important;
}

.gallery .content{
	width: 200px;
}

.modal.gallery .content img{
	width: 100% !important;
	height: 200px !important;
}


/*dashboard*/
.box-container {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(227, 227, 227, 1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(227, 227, 227, 1);
	box-shadow: 0px 0px 10px 0px rgba(227, 227, 227, 1);
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}

.box-decor{
	position: absolute;
	top: -30px;
	right: -30px;
}

.box-decor-1{
	position: absolute;
	top: 15px;
	right: -10px;
}

/*login*/
.page-login{
	background: url('../images/login-bg.jpg');
	background-size: cover;
	background-position: center;
	height: 102vh;
}
.login-box{
	padding: 120px 50px !important;
}

.welcome-box{
	height: 450px !important;
}

.page-login input{
	border: 0 !important;
	border-bottom: 1px solid #fff !important;
	background: transparent !important;
	color: #fff !important;
}

.page-login input::placeholder{
	color: #fff !important;
}

.scholar-login{
	background: rgba(251, 0, 0, 0.5) !important;
}

.right-box{
	-webkit-box-shadow: 0px 0px 62px -15px rgba(0,0,0,0.77);
	-moz-box-shadow: 0px 0px 62px -15px rgba(0,0,0,0.77);
	box-shadow: 0px 0px 62px -15px rgba(0,0,0,0.77);
	background: #1b1b1b;
	color: #fff;
	overflow: hidden;
}

.clouds {
	width: 200px;
	height: 300px;
	position: absolute;
}

.cloud1 {
	top: 150px;
	z-index: 100;
	fill: #353535;
	/* Animation shorthand syntax order: name, duration, timing-function, delay, iteration-count, direction, fill-mode */
	-webkit-animation: cloudMove 20s linear infinite;
	-moz-animation: cloudMove 20s linear infinite;
	-o-animation: cloudMove 20s linear infinite;
	animation: cloudMove 20s linear infinite;
}

.cloud2 {
	top: 240px;
	z-index: 200;
	fill: #353535;
	-webkit-animation: cloudMove 35s linear 10s infinite backwards;
	-moz-animation: cloudMove 35s linear 10s infinite backwards;
	-o-animation: cloudMove 35s linear 10s infinite backwards;
	animation: cloudMove 35s linear 10s infinite backwards;
}

.cloud3 {
	top: 200px;
	z-index: 200;
	fill: #353535;
	-webkit-animation: cloudMove 25s linear 10s infinite backwards;
	-moz-animation: cloudMove 25s linear 10s infinite backwards;
	-o-animation: cloudMove 25s linear 10s infinite backwards;
	animation: cloudMove 25s linear 10s infinite backwards;
}

@-webkit-keyframes cloudMove {
	from {-webkit-transform: translateX(-400px);}
	to {-webkit-transform: translateX(1350px);}
}


/*Landing Page*/
.full-height {
	height: 100vh;
}

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

.position-ref {
	position: relative;
}

.top-right {
	position: absolute;
	right: 10px;
	top: 18px;
}

.title {
	font-size: 84px;
}

.links > a {
	color: #636b6f;
	padding: 0 25px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .1rem;
	text-decoration: none;
	text-transform: uppercase;
}

.m-b-md {
	margin-bottom: 30px;
}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	/*background: url('https://loading.io/spinners/book/lg.flip-book-loader.gif') no-repeat #000 center;*/
	background-size: 50px;
	background: #101010;
}
.loader{
	padding: 1em;
	position: absolute;
	left: 45%;
	top: 50%;
}

/*Loading Page*/
.bookshelf_wrapper {
	position: relative;
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.books_list {
	margin: 0 auto;
	width: 300px;
	padding: 0;
}

.book_item {
	position: absolute;
	top: -120px;
	box-sizing: border-box;
	list-style: none;
	width: 40px;
	height: 120px;
	opacity: 0;
	background-color: transparent;
	border: 5px solid white;
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: translateX(300px);
	transform: translateX(300px);
	-webkit-animation: travel 2500ms linear infinite;
	animation: travel 2500ms linear infinite;
}

.book_item.first {
	top: -140px;
	height: 140px;
}

.book_item.first:before, .book_item.first:after {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: white;
}

.book_item.first:after {
	top: initial;
	bottom: 10px;
}

.book_item.second:before, .book_item.second:after, .book_item.fifth:before, .book_item.fifth:after {
	box-sizing: border-box;
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	height: 17.5px;
	border-top: 5px solid white;
	border-bottom: 5px solid white;
}

.book_item.second:after, .book_item.fifth:after {
	top: initial;
	bottom: 10px;
}

.book_item.third:before, .book_item.third:after {
	box-sizing: border-box;
	content: '';
	position: absolute;
	top: 10px;
	left: 9px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 5px solid white;
}

.book_item.third:after {
	top: initial;
	bottom: 10px;
}

.book_item.fourth {
	top: -130px;
	height: 130px;
}

.book_item.fourth:before {
	box-sizing: border-box;
	content: '';
	position: absolute;
	top: 46px;
	left: 0;
	width: 100%;
	height: 17.5px;
	border-top: 5px solid white;
	border-bottom: 5px solid white;
}

.book_item.fifth {
	top: -100px;
	height: 100px;
}

.book_item.sixth {
	top: -140px;
	height: 140px;
}

.book_item.sixth:before {
	box-sizing: border-box;
	content: '';
	position: absolute;
	bottom: 31px;
	left: 0px;
	width: 100%;
	height: 5px;
	background-color: white;
}

.book_item.sixth:after {
	box-sizing: border-box;
	content: '';
	position: absolute;
	bottom: 10px;
	left: 9px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 5px solid white;
}

.book_item:nth-child(2) {
	-webkit-animation-delay: 416.6666666667ms;
	animation-delay: 416.6666666667ms;
}

.book_item:nth-child(3) {
	-webkit-animation-delay: 833.3333333333ms;
	animation-delay: 833.3333333333ms;
}

.book_item:nth-child(4) {
	-webkit-animation-delay: 1250ms;
	animation-delay: 1250ms   
}

.book_item:nth-child(5) {
	-webkit-animation-delay: 1666.6666666667ms;
	animation-delay: 1666.6666666667ms;
}

.book_item:nth-child(6) {
	-webkit-animation-delay: 2083.3333333333ms;
	animation-delay: 2083.3333333333ms;
}

.shelf {
	width: 300px;
	height: 5px;
	margin: 0 auto;
	background-color: #ff4747;
	position: relative;
}

.shelf:before, .shelf:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent;
	background-image: radial-gradient(rgba(255, 255, 255, 0.5) 30%, transparent 0);
	background-size: 10px 10px;
	background-position: 0 -2.5px;
	top: 200%;
	left: 5%;
	-webkit-animation: move 250ms linear infinite;
	animation: move 250ms linear infinite;
}

.shelf:after {
	top: 400%;
	left: 7.5%;
}

@import url('https://fonts.googleapis.com/css?family=Poppins:400,700');
.text-load{
	font-family: 'Poppins', sans-serif;
	position: absolute;
	/*left: 45%;*/
	width: 100%;
	text-align: center;
	bottom: -50px;
	color: #ff4747;
	font-weight: bold;
	-webkit-animation: fade 3s infinite;
	-moz-animation: fade 3s infinite;
	-o-animation: fade 3s infinite;
	animation: fade 3s infinite;
}

@keyframes fade {
	0%   { opacity:1; }
	50%  { opacity:.2; }
	100% { opacity:1; }
}
@-o-keyframes fade{
	0%   { opacity:1; }
	50%  { opacity:.1; }
	100% { opacity:1; }
}
@-moz-keyframes fade{
	0%   { opacity:1; }
	50%  { opacity:.1; }
	100% { opacity:1; }
}
@-webkit-keyframes fade{
	0%   { opacity:1; }
	50%  { opacity:.1; }
	100% { opacity:1; }
}



@-webkit-keyframes move {
	from {
		background-position-x: 0;
	}
	to {
		background-position-x: 10px;
	}
}

@keyframes move {
	from {
		background-position-x: 0;
	}
	to {
		background-position-x: 10px;
	}
}

@-webkit-keyframes travel {
	0% {
		opacity: 0;
		-webkit-transform: translateX(300px) rotateZ(0deg) scaleY(1);
		transform: translateX(300px) rotateZ(0deg) scaleY(1);
	}
	6.5% {
		-webkit-transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1);
		transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1);
	}
	8.8% {
		-webkit-transform: translateX(273.6px) rotateZ(0deg) scaleY(1);
		transform: translateX(273.6px) rotateZ(0deg) scaleY(1);
	}
	10% {
		opacity: 1;
		-webkit-transform: translateX(270px) rotateZ(0deg);
		transform: translateX(270px) rotateZ(0deg);
	}
	17.6% {
		-webkit-transform: translateX(247.2px) rotateZ(-30deg);
		transform: translateX(247.2px) rotateZ(-30deg);
	}
	45% {
		-webkit-transform: translateX(165px) rotateZ(-30deg);
		transform: translateX(165px) rotateZ(-30deg);
	}
	49.5% {
		-webkit-transform: translateX(151.5px) rotateZ(-45deg);
		transform: translateX(151.5px) rotateZ(-45deg);
	}
	61.5% {
		-webkit-transform: translateX(115.5px) rotateZ(-45deg);
		transform: translateX(115.5px) rotateZ(-45deg);
	}
	67% {
		-webkit-transform: translateX(99px) rotateZ(-60deg);
		transform: translateX(99px) rotateZ(-60deg);
	}
	76% {
		-webkit-transform: translateX(72px) rotateZ(-60deg);
		transform: translateX(72px) rotateZ(-60deg);
	}
	83.5% {
		opacity: 1;
		-webkit-transform: translateX(49.5px) rotateZ(-90deg);
		transform: translateX(49.5px) rotateZ(-90deg);
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(0px) rotateZ(-90deg);
		transform: translateX(0px) rotateZ(-90deg);
	}
}

@keyframes travel {
	0% {
		opacity: 0;
		-webkit-transform: translateX(300px) rotateZ(0deg) scaleY(1);
		transform: translateX(300px) rotateZ(0deg) scaleY(1);
	}
	6.5% {
		-webkit-transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1);
		transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1);
	}
	8.8% {
		-webkit-transform: translateX(273.6px) rotateZ(0deg) scaleY(1);
		transform: translateX(273.6px) rotateZ(0deg) scaleY(1);
	}
	10% {
		opacity: 1;
		-webkit-transform: translateX(270px) rotateZ(0deg);
		transform: translateX(270px) rotateZ(0deg);
	}
	17.6% {
		-webkit-transform: translateX(247.2px) rotateZ(-30deg);
		transform: translateX(247.2px) rotateZ(-30deg);
	}
	45% {
		-webkit-transform: translateX(165px) rotateZ(-30deg);
		transform: translateX(165px) rotateZ(-30deg);
	}
	49.5% {
		-webkit-transform: translateX(151.5px) rotateZ(-45deg);
		transform: translateX(151.5px) rotateZ(-45deg);
	}
	61.5% {
		-webkit-transform: translateX(115.5px) rotateZ(-45deg);
		transform: translateX(115.5px) rotateZ(-45deg);
	}
	67% {
		-webkit-transform: translateX(99px) rotateZ(-60deg);
		transform: translateX(99px) rotateZ(-60deg);
	}
	76% {
		-webkit-transform: translateX(72px) rotateZ(-60deg);
		transform: translateX(72px) rotateZ(-60deg);
	}
	83.5% {
		opacity: 1;
		-webkit-transform: translateX(49.5px) rotateZ(-90deg);
		transform: translateX(49.5px) rotateZ(-90deg);
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(0px) rotateZ(-90deg);
		transform: translateX(0px) rotateZ(-90deg);
	}
}


/*profile*/
.profile-avatar img{
	width: 200px;
	height: 200px;
	object-fit: cover;
	border-radius: 100%;
}

.profile-avatar{
	text-align: center;
}

/*Main Page Navigation*/
.menu.scholartuition{
	height: 6rem;
	font-size: 1rem;
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
/*	-webkit-box-shadow: 0px 24px 39px -9px rgba(0,0,0,0.21);
	-moz-box-shadow: 0px 24px 39px -9px rgba(0,0,0,0.21);
	box-shadow: 0px 24px 39px -9px rgba(0,0,0,0.21);*/
}

.mobile.menu{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 99;
	transition: all 1s;
}

.mobile.menu a.item{
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
}

.mobile.menu a.item:hover{
	color: #f0f0f0;
}

.mobile.menu .item{
	display: block;
	text-align: center;
	margin-bottom: 1.5rem;
}

.mobile.content{
	height: 100vh;
	display: flex !important;
}

.menu.scholartuition a,
.menu.scholartuition i{
	color: #fff !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
}

img.brand{
	width: 80px !important;
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
}

/*header*/
.header-content{
	height: 100vh;
	overflow: hidden;
	position: relative;
}

/*.header-content:after{*/
/*	content: '';*/
/*    background: url(../images/wave.png) no-repeat;*/
/*    background-size: cover;*/
/*    position: absolute;*/
/*    width: 102%;*/
/*    height: 143px;*/
/*    bottom: -76px;*/
/*    z-index: 1;*/
/*}*/

.header-content .container{
	padding: 0 5rem;
}

.tag-line{
	position: absolute;
	top: 40%;
	left: 10%;
	color: #fff;
	font-size: 4rem;
	font-weight: bold;
	text-align: center;
}


/*content*/
content .container{
	padding: 0 5rem;
}

content .sub-title{
	margin-top: 10px;
	line-height: 12px;
	font-size: 16px;
	margin: auto;
	width: 400px;
	text-align: center;
}

.support-icon path{
	fill: #c34d4d;
}

.support-title{
	color: #ffd4d4 !important;
	position: relative;
}

.support-text{
	color: #c34d4d !important;
}

.support-title:after{
	content: "";
	height: 3px;
	width: 30%;
	position: absolute;
	background: #c34d4d;
	bottom: -10px;
	left: 35%;
}

.icons{
	width: 70px;
	margin: auto;
}

.teacher-slide img{
	height: 300px;
	object-fit: cover;
}

.teacher-text{
	border-top: 2px solid #fff;
	position: absolute;
	z-index: 1;
	bottom: -85px;
	width: 90%;
	left: 1rem;
	background: #760101;
	padding: 30px 10px;
	color: #fff;
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
}

.teacher-name{
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.teacher-images{
	position: relative;
	overflow: hidden;
}

.teacher-images .overlay{
	background: rgba(0, 0, 0, 0);
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
}

.teacher-images:hover .teacher-text{
	bottom: 0;
}

.teacher-images:hover .overlay{
	background: rgba(0, 0, 0, 0.7);
}

.blog-title{
	line-height: 1;
	color: #fff;
}

.blog-img{
	position: relative;
	height: 400px;
}

.blog-img .mini-text{
	position: absolute;
	bottom: 0;
	padding: 1rem;
	background: #000;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
	width: 100%;
}

.mini-text.orange{
	border-bottom: 5px solid #e67e22;
}

.mini-text.red{
	border-bottom: 5px solid #e74c3c;
}

.mini-text.blue{
	border-bottom: 5px solid #3498db;
}

.mini-text.green{
	border-bottom: 5px solid #2ecc71;
}

.mini-text.megamen{
	border-bottom: 5px solid #48dbfb;
}

.blog-img .full-text{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 2rem;
	opacity: 0;
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
}

.full-text.orange{
	background: #e67e22;
}

.full-text.red{
	background: #e74c3c;
}

.full-text.blue{
	background: #3498db;
}

.full-text.green{
	background: #2ecc71;
}

.full-text.megamen{
	background: #48dbfb;
}

.blog-img:hover .full-text{
	opacity: 1;
}

.blog-img.wide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.event-box{
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
}

.event-box:hover{
	margin-top: -10px;
	-webkit-box-shadow: 0px 0px 23px 3px rgba(0,0,0,0.17);
	-moz-box-shadow: 0px 0px 23px 3px rgba(0,0,0,0.17);
	box-shadow: 0px 0px 23px 3px rgba(0,0,0,0.17);
	Copy Text
}

.testi-box{
	background: url('../images/testi.jpg') no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height: 500px;
}

.testi-image{
	width: 100px;
	height: 100px;
	border-radius: 100%;
	overflow: hidden;
	margin: auto;
}

.testi-text{
	width: 50%;
	margin: auto;
}

.testi-image img{
	object-fit: cover;
	height: 100px;
}

.ui.card.testi-card>.image>img, .ui.cards.testi-card>.card>.image>img{
	height: 200px !important;
	object-fit: cover !important;
}

.testi-title{
	position: absolute;
	top: 50px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

.more-testi{
	position: absolute;
	width: 100%;
	bottom: 20px;
}

.testi-vid a{
	color: #fff;
}
.testi-vid a:hover{
	color: #f5f5f5;
}

.contact-us{
	background: #e67e22;
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
}

.contact-us:hover{
	background: #d35400;
}

.midnightInner{
	overflow: unset !important;
}

.midnightHeader.white{
	background: #fff;
}

.midnightHeader.darkblue{
	background: #467e99;
}

.midnightHeader.white a,
.midnightHeader.white i{
	color: #760101 !important;
}

.midnightHeader.darkblue a,
.midnightHeader.darkblue i{
	color: #ffffff !important;
}

.midnightHeader.default{
	position: fixed !important;
	overflow: unset !important;
	bottom: unset !important; 
}

.scholartuition .right.menu{
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
}

/*blog*/
.blog.header{
	height: 50vh;
	background: url('../images/wallpaper-1384894.jpg') no-repeat;
	background-attachment: fixed;
	background-size: cover;
	color: #fff;
	display: flex;
}

.blog-detail.header{
	height: 50vh;
	/*background: url('http://sf.co.ua/14/06/wallpaper-1384894.jpg') no-repeat;*/
	background-attachment: fixed;
	background-size: cover;
	color: #fff;
	display: flex;
}

.blog-detail.header img{
	width: 100%;
	height: 50vh;
	object-fit: cover;
	position: fixed;
}

.blog-detail-content{
	position: relative;
	top: -100px;
	background: #fff;
}

.outer-blog-detail{
	background: #f0f0f0;
	position: relative;
}

.event-box img{
	height: 200px;
	object-fit: cover;
	width: 100%;
}

.page-title{
	/*margin: auto;*/
	position: fixed;
	width: 100%;
	text-align: center;
	align-self: center;
	font-size: 3rem;
	font-weight: bold;
}

.gallery-image{
	position: relative;
	height: 450px;
	cursor: pointer;
}

.gallery-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gallery-title{
	position: absolute;
	z-index: 1;
	bottom: 30px;
	width: 100%;
	text-transform: uppercase;
	color: #fff;
	font-size: 1rem;
	letter-spacing: 5px;
}

.gallery-image .text-overlay{
	position: absolute;
	width: 100%;
	height: 50%;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
	bottom: 0;
}

#imagelightbox{
	position: fixed;
	z-index: 9999;
	-ms-touch-action: none;
	touch-action: none;
}

.blog-content img{
	width: 100%;
}

.our-teacher{
	background: #FF9800;
	color: #fff;
}

.our-achiev{
	background: #03A9F4;
	color: #fff;
}

.our-teacher-img{
	width: 300px;
	height: 300px;
	margin: auto;
	overflow: hidden;
	border-radius: 100%;
	border: 4px solid #fff;
}

.co-founder-img{
	width: 200px;
	height: 200px;
	margin: auto;
	overflow: hidden;
	border-radius: 100%;
	border: 4px solid #fff;
}

.other-staff-img{
	width: 200px;
	height: 200px;
	overflow: hidden;
	border-radius: 100%;
	border: 4px solid #FF9800;
}

.co-founder-img img, 
.our-teacher-img img,
.other-staff-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.menu.achievement{
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	margin-left: auto !important;
	margin-right: auto !important;
	width: 200px;
	padding: 10px;
}

.ui.secondary.pointing.menu.achievement .active.item{
	color: #fff !important;
	border-bottom: 3px solid #fff !important;
}

.edit_course .ui.segment{
	box-shadow: unset !important;
	border-radius: 0 !important;
	border: 0 !important; 
}

.edit_course .ui.dimmer{
	background: #fff !important;
}

/*pagination*/
.pagination{
	height:36px;
	margin:0;
	padding: 0;
}

.pager,.pagination ul{
	margin-left:0;
	*zoom:1
}

.pagination ul{
	padding:0;
	display:inline-block;
	*display:inline;
	margin-bottom:0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,.05);
	box-shadow:0 1px 2px rgba(0,0,0,.05)
}

.pagination li{
	display:inline
}

.pagination a{
	float:left;
	padding:0 12px;
	line-height:30px;
	text-decoration:none;
	border:1px solid #ddd;
	border-left-width:0
}

.pagination .active a,
.pagination a:hover{
	background-color:#f5f5f5;
	color:#94999E
}

.pagination .active a{
	color:#94999E;
	cursor:default
}

.pagination .disabled a,
.pagination .disabled a:hover,
.pagination .disabled span{
	color:#94999E;
	background-color:transparent;
	cursor:default
}

.pagination li:first-child a,
.pagination li:first-child span{
	border-left-width:1px;
	-webkit-border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	border-radius:3px 0 0 3px
}

.pagination li:last-child a{
	-webkit-border-radius:0 3px 3px 0;
	-moz-border-radius:0 3px 3px 0;
	border-radius:0 3px 3px 0
}

.pagination-centered{
	text-align:center
}

.pagination-right{
	text-align:right
}

.pager{
	margin-bottom:18px;
	text-align:center
}

.pager:after,
.pager:before{
	display:table;
	content:""
}

.pager li{
	display:inline
}

.pager a{
	display:inline-block;
	padding:5px 12px;
	background-color:#fff;
	border:1px solid #ddd;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px
}

.pager a:hover{
	text-decoration:none;
	background-color:#f5f5f5
}

.pager .next a{
	float:right
}

.pager .previous a{
	float:left
}

.pager .disabled a,.pager .disabled a:hover{
	color:#999;
	background-color:#fff;
	cursor:default
}

.pagination .prev.disabled span{
	float:left;
	padding:0 12px;
	line-height:30px;
	text-decoration:none;
	border:1px solid #ddd;
	border-left-width:1
}

.pagination .next.disabled span{
	float:left;
	padding:0 12px;
	line-height:30px;
	text-decoration:none;
	border:1px solid #ddd;
	border-left-width:0
}

.pagination li.active, 
.pagination li.disabled {
	float:left;
	padding:0 12px;
	line-height:30px;
	text-decoration:none;
	border:1px solid #ddd;
	border-left-width:0;
	background: #f3f3f3;
}

.pagination li.active {
	background: #760101;
	color: #fff;
	border: 1px solid #760101;
}

.pagination li:first-child {
	border-left-width: 1px;
}

.pagination li a:hover{
	background: #760101;
	border: 1px solid #760101;
	color: #fff;
}

.pagination a{
	color: #760101;
}

.image_popup i{
	color: #fff !important;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
	background: rgba(0,0,0,0.25);
}

.accordion-title{
	background: #760101 url('../images/wallpaper-1384894.jpg');
	background-size: cover;
	background-position: 35px 155px;
	color: #fff !important;
	padding: 15px !important;
	border-radius: 50px;
}

table.dataTable.table {
	margin: 0;
}
table.dataTable.table thead th,
table.dataTable.table thead td {
	position: relative;
}
table.dataTable.table thead th.sorting, table.dataTable.table thead th.sorting_asc, table.dataTable.table thead th.sorting_desc,
table.dataTable.table thead td.sorting,
table.dataTable.table thead td.sorting_asc,
table.dataTable.table thead td.sorting_desc {
	padding-right: 20px;
}
table.dataTable.table thead th.sorting:after, table.dataTable.table thead th.sorting_asc:after, table.dataTable.table thead th.sorting_desc:after,
table.dataTable.table thead td.sorting:after,
table.dataTable.table thead td.sorting_asc:after,
table.dataTable.table thead td.sorting_desc:after {
	position: absolute;
	top: 12px;
	right: 8px;
	display: block;
	font-family: Icons;
}
table.dataTable.table thead th.sorting:after,
table.dataTable.table thead td.sorting:after {
	content: "\f0dc";
	color: #ddd;
	font-size: 0.8em;
}
table.dataTable.table thead th.sorting_asc:after,
table.dataTable.table thead td.sorting_asc:after {
	content: "\f0de";
}
table.dataTable.table thead th.sorting_desc:after,
table.dataTable.table thead td.sorting_desc:after {
	content: "\f0dd";
}
table.dataTable.table td,
table.dataTable.table th {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
table.dataTable.table td.dataTables_empty,
table.dataTable.table th.dataTables_empty {
	text-align: center;
}
table.dataTable.table.nowrap th,
table.dataTable.table.nowrap td {
	white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length select {
	vertical-align: middle;
	min-height: 2.7142em;
}
div.dataTables_wrapper div.dataTables_length .ui.selection.dropdown {
	min-width: 0;
}
div.dataTables_wrapper div.dataTables_filter span.input {
	margin-left: 0.5em;
}
div.dataTables_wrapper div.dataTables_info {
	padding-top: 13px;
	white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	text-align: center;
}
div.dataTables_wrapper div.row.dt-table {
	padding: 0;
}
div.dataTables_wrapper div.dataTables_scrollHead table.dataTable {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom: none;
}
div.dataTables_wrapper div.dataTables_scrollBody thead .sorting:after,
div.dataTables_wrapper div.dataTables_scrollBody thead .sorting_asc:after,
div.dataTables_wrapper div.dataTables_scrollBody thead .sorting_desc:after {
	display: none;
}
div.dataTables_wrapper div.dataTables_scrollBody table.dataTable {
	border-radius: 0;
	border-top: none;
	border-bottom-width: 0;
}
div.dataTables_wrapper div.dataTables_scrollBody table.dataTable.no-footer {
	border-bottom-width: 1px;
}
div.dataTables_wrapper div.dataTables_scrollFoot table.dataTable {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-top: none;
}
.product-image{
	width: 50%;
	margin: auto;
}
.product-multiple-image img{
	height: 200px;
	width: 200px;
	object-fit: cover;
	float: left;
	margin-left: 5px;
	margin-bottom: 5px;
}
.icon-images img{
	height: 100px;
	width: 100px;
	object-fit: cover;
	cursor: pointer;
}
.big-images img{
	height: 500px;
	object-fit: cover;
}
.video-box img{
	width: 100%;
	height: 300px;
	object-fit: cover;
}
.video-image{
	position: relative;
	cursor: pointer;
}
.video-overlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0;
	transition: all .5s;
}
.video-image:hover .video-overlay{
	opacity: 1;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	/* Styles */
	.desktop{
		display: none !important;
	}
	.mobile{
		display: block !important;
	}
	.font-2x{
		font-size: 1.5rem !important;
	}
	.font-1x{
		font-size: 1.25rem !important;
	}
	content .sub-title{
		width: 100%;
	}
	content .container{
		padding: 0 1.5rem;
	}
	.header-content{
		/*height: 50vh;*/
		height: 31vh;
		background-size: contain !important;

	}
	.tag-line{
		font-size: 2.5rem;
	}
	.blog-content div.column{
		padding: 0 !important;
	}
	.blog-img{
		height: 250px;
	}
	.testi-text{
		width: 100%;
	}
	.our-teacher-img{
		width: 100px;
		height: 100px;

	}
	.other-staff-img{
		width: 100px;
		height: 100px;
	}
	.co-founder-img{
		width: 200px;
		height: 200px;
	}
	.our-teacher .mobile{
		display: block;
	}
	.our-teacher .desktop{
		display: none;
	}
	.our-teacher-text{
		text-align: center;
	}
	.other-staff{
		padding: 1rem !important;
	}
	.testi-box{
		height: 100vh;
	}
}
/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
	/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.other-staff-img{
		width: 150px;
		height: 150px;
	}
	.our-teacher .mobile{
		display: block !important;
	}
	.our-teacher .desktop{
		display: none !important;
	}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	/* Styles */
	.our-teacher .mobile{
		display: none !important;
	}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
	/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	/* Styles */
}


/*Responsive*/
/*Mobile*/
@media only screen and (max-width: 600px){

} 

/*tablets*/
@media only screen and (min-width: 600px){
	.blog-img{
		height: 250px;
	}
} 

/*tablets, notebook*/
@media only screen and (min-width: 768px){
	.blog-img{
		height: 250px;
	}
} 

/*leptop, desktops*/
@media only screen and (min-width: 992px){
	.blog-img{
		height: 400px;
	}
} 

/*exta large device*/
@media only screen and (min-width: 1200px){
	.blog-img{
		height: 400px;
	}
}