/* ----------------------------------------------------------------
	Custom CSS
-----------------------------------------------------------------*/

/* ----Logo-----*/
@font-face{font-family:DearJoe2;font-style:normal;font-weight:400;src:url(./DearJoe2.eot?#iefix) format("embedded-opentype"),url(./DearJoe2.ttf) format("truetype")}
.top {font-family:DearJoe2,sans-serif;font-size:1.4000em!important;margin-top:10px;margin-bottom:0;margin-left:0px;color:#ff7e00;text-shadow: 1px 1px hsl(0, 0%, 25%);border-color:rgba(17, 17, 17, 3.00);text-transform:none;letter-spacing:0px}
.top2 {font-family:DearJoe2,sans-serif;font-size:2.4000em!important;margin-top:-85px;margin-bottom:0;margin-left:0px;color:#ff7e00; text-shadow: 2px 2px hsl(0, 0%, 25%);border-color:rgba(17, 17, 17, 3.00);text-transform:none;letter-spacing:0px}
.top2-1 {font-family:DearJoe2,sans-serif;font-size:1.4000em!important;margin-top:-45px;margin-bottom:0;margin-left:0px;color:#0e3657; text-shadow: 0 0 hsl(0, 0%, 25%);border-color:rgba(17, 17, 17, 3.00);text-transform:none;letter-spacing:0px}

@font-face{font-family:Creepster-Regular;font-style:normal;font-weight:400;src:url(./Creepster-Regular.eot?#iefix) format("embedded-opentype"),url(./Creepster-Regular.ttf) format("truetype")}
.logo-creepster {font-family: 'Creepster-Regular', cursive, arial, helvetica, sans-serif;font-size: 1.8000em!important;margin-top: 10px;margin-bottom:0;margin-left:0px;color:hsl(30, 100%, 50%);width: 50%;text-align: right;text-shadow: 1px 1px hsl(0, 0%, 25%);float: left;}

@font-face{font-family:Nosifer-Regular;font-style:normal;font-weight:400;src:url(./Nosifer-Regular.eot?#iefix) format("embedded-opentype"),url(./Nosifer-Regular.ttf) format("truetype")}
.logo-nosifer {font-family: 'Nosifer-Regular', cursive, arial, helvetica, sans-serif;font-size: 1.4000em!important;margin-top: 10px;margin-bottom:0;margin-left:0px;color:hsl(30, 100%, 50%);width: 50%;text-align: right;text-shadow: 1px 1px hsl(0, 0%, 25%);float: left;}

@font-face{font-family:Eater-Regular;font-style:normal;font-weight:400;src:url(./Eater-Regular.eot?#iefix) format("embedded-opentype"),url(./Eater-Regular.ttf) format("truetype")}
.logo-eater {font-family: 'Eater-Regular', cursive, arial, helvetica, sans-serif;font-size: 1.4000em!important;margin-top: 10px;margin-bottom:0;margin-left:0px;color:hsl(30, 100%, 50%);width: 50%;text-align: right;text-shadow: 1px 1px hsl(0, 0%, 25%);float: left;}

@font-face{font-family:JotiOne-Regular;font-style:normal;font-weight:400;src:url(./JotiOne-Regular.eot?#iefix) format("embedded-opentype"),url(./JotiOne-Regular.ttf) format("truetype")}
.logo-jotione {font-family: 'JotiOne-Regular', cursive, arial, helvetica, sans-serif;font-size: 1.6000em!important;margin-top: 10px;margin-bottom:0;margin-left:0px;color:hsl(30, 100%, 50%);width: 50%;text-align: right;text-shadow: 1px 1px hsl(0, 0%, 25%);float: left;}

@font-face{font-family:Shojumaru-Regular;font-style:normal;font-weight:400;src:url(./Shojumaru-Regular.eot?#iefix) format("embedded-opentype"),url(./Shojumaru-Regular.ttf) format("truetype")}
.logo-shojumaru {font-family: 'Shojumaru-Regular', cursive, arial, helvetica, sans-serif;font-size: 1.4000em!important;margin-top: 10px;margin-bottom:0;margin-left:0px;color:hsl(30, 100%, 50%);width: 50%;text-align: right;text-shadow: 1px 1px hsl(0, 0%, 25%);float: left;}

@font-face{font-family:Net-Xerker;font-style:normal;font-weight:400;src:url(./Net-Xerker.eot?#iefix) format("embedded-opentype"),url(./Net-Xerker.ttf) format("truetype")}
.logo-xerkerfw {font-family: 'Net-Xerker', cursive, arial, helvetica, sans-serif;font-size: 1.5000em!important;margin-top: 10px;margin-bottom:0;margin-left:0px;color:hsl(30, 100%, 50%);width: 50%;text-align: right;text-shadow: 1px 1px hsl(0, 0%, 25%);float: left;}


/* ----Scrollers-----*/
[data-color-scheme="dark"] {
  color-scheme: dark;
}

[data-color-scheme="light"] {
  color-scheme: light;
}
 
 
/* Time */
#showtime {
	width: 100%;
	color: #000;
	font-size: 40px;
	margin-bottom: 0;
	margin-top: 0;
	display: inline-block;
	text-align: center;
	font-weight: 400;
}


/* Password icon eye */
.input-group-append .btn {
	border-left: 0;
	border-color: #ced4da;
	color: #fff;
}

input:active + .input-group-append .btn,
input:focus + .input-group-append .btn {
	border-color: #999;
}

.passowd-shown .icon-line-eye:before {
	content: "\e960";
}


/* Lesson Boxess */
.intro-grid a { min-height: 200px; }

.intro-grid .grid-section-inner {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	padding: 0 15px;
	margin: 0 -15px;
	text-align: center;
	transform: scale(1);
	transform-origin: 50% 50%;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-radius: 6px;
}

.intro-grid .grid-section-inner:hover {
	z-index: 2;
	background: #000;
	transform: scale(1.1);
	box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.07);
}

.intro-grid h3 {
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: bold;
}

.intro-grid a:before,
.intro-grid a:after {
	position: absolute;
	content: '';
	width: 0;
	height: 100%;
	top: 0;
	right: -1px;
}

.intro-grid a:after {
	width: 100%;
	height: 0;
	height: 0;
	top: auto;
	bottom: -1px;
	left: 0;
	right: auto;
}


/*
.container {
  padding: 0.1px;
 }
 */

 /* ---------*/