body {
	font-size:17px;
	font-weight:300;
	color: #000;
}
h1 {
	font-size:32px;
}
.text-bold,
.text-strong {
	font-weight:700 !important;
}
#header.header-scrolled {
	background: #004d92;
}

#header #logo img {
	max-width:175px;
}
.nav-menu a {
	font-size:1.1em;
}
 li:hover > a, .nav-menu > .menu-active > a {
	color:orange;
}
.nav-menu .login a {
	border: 1px solid #f5f5f5;
	border-radius: 6px;
	padding: 0 15px;
}	
#mobile-nav
{
	background: rgba(0, 75, 173, 0.9);
 
}
#mobile-nav ul li a {
	font-size: 1.2em;
	font-weight: 300;
	text-transform: none;
}
#mobile-nav ul li a:active {
	background: rgba(0, 15, 173, 0.5);
	color:orange;
}
.top-area,
.footer-area {
	background: #293d52;
 
}
.top-area   {
	background: #3383bd;

}

.section-padding {
	padding: 45px 0;
}
.section-padding15 {
	padding: 15px 0;
}
.section-padding25 {
	padding: 25px 0;
}

.efir iframe {
	width:100% !important;
}	

.cabinet {
	background: #ffffff;
	border-bottom:1px solid #d3e4f0;
	font-size:1em; 
	margin: 0; 
	padding: 15px 0; 
	text-align: right;
}
.cabinet .profile {
	font-weight:400;
	
}
 
.cabinet a {
	color: #000000;
	margin: 0 10px;
	font-weight:400;
}
.cabinet a:hover {
	color: #777;
	text-decoration:underline;
}
.user_mobile_menu {
	display:none;
}
@media (max-width: 768px) {
	.user_mobile_menu {
	display:block;
	}	
}

.keste_today {
	position: absolute;
	top: 1em;
	right: 0.5em;
	background: #e30404;
	padding: 2px 15px;
	color: #fff;
}

.close_alert {
	line-height:1.25em;
	margin: 0px 0px 0 20px;
}

.ordered-list li {
	list-style-type: decimal-leading;
}
.edus_projects {
	color: #f5f5f5;
	font-size: 0.75em;
	line-height: 1;
} 

.edus_projects img {
	width: 125px;
}

@media (max-width:768px) {
	.edus_projects {
		display:none;
	}
}

.developer {
	color:#f6f6f6;
}
iframe {
	width:100%;
 
}
.pdf_reader {
	min-height:600px;
}
.youtobe_lesson {
	height: 320px;
}

.lesson_passed {
	background: #ddffdb;
}
.lesson_checked {
	background: #ececec;
	background: #faf1a7;
	
}
.lesson_no,
.lesson_closed {
	background: #ffedf0;
}
.student-form {
	background: #f5efeb;
}
@media (max-width:768px) {
	.home-banner-area { 
	background-position: right center;
	}
}
.main_profile  {
	border: 0px solid #ccc;
	padding: 15px 0;
	/*
	box-shadow: 1px 1px 16px rgba(0,0,0,0.1);
	*/
}
.main_profile .avatar {
	width: 60px;
	height: 60px;
	margin: 10px;
	position: relative;	
}
.main_profile .avatar img {
	width:100%;
}
.main_profile .avatar img.boy {
	background: #ffc61b;
}
.main_profile .avatar img.girl {
	background: #ff6262;
}
.main_profile .username {
	position: absolute;
	top: 15px;
	left: 110px;
	line-height: 1;
}
.dashboard {
	padding: 2em 1.75em;
	margin: 1em 0;	
	border-radius: 8px;
	text-align: center;
	 border: 1px solid #e6e6e6;	
	background: #fbfbfb;
	background: #f1f9ff;
}
.dashboard:hover {
	background:#ffffff;
	box-shadow: 5px 5px 25px 5px rgba(0, 0, 0, 0.08);
}
 
.dashboard .stat h2 {
	font-size: 3em;
	font-weight: 300;
	color: #ffa700;
}	
.dashboard .stat p {
	line-height:1em;
	font-size: 0.85em;
}
.dashboard .stat i {
	font-size: 1.75em;
	color: #9d9d9d;
}
.dashboard .stat2 i {
	font-size: 3em;
	color: #9d9d9d;
}
.material_info {
	margin: 0px 0 20px 0;
	border-top: 2px solid #e3d1af;
	border-bottom: 2px solid #e3d1af;
	padding: 7px 3px;
}
.homework_area {
	background: #fff8f1;
}
.skoro {
	
}
.skoro h3{
	font-weight: 300;
	font-size: 1.5em;
	line-height: 1 !important;
}
.skoro i {
	font-size: 2.75em;
	color:orange;
}
.skoro h4 {
	text-transform: uppercase;
	letter-spacing: -1px;
	font-weight: 700;
	margin: 10px 0 15px 0;
	font-size:1em;
}
.skoro h4 span {
	font-weight:300;
	display:block;	
 }
 .skoro p {
	 line-height:1.2;
	 font-size:0.9em; 
 }
 
 
 .profiles_modal {
    width: 100%;
    height: 100vh;

    display: none;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    position: fixed;
    left: 0;
    top: 0;
}

    .profiles_modal__backdrop {
        width: 100%;
        height: 100%;

        background-color: rgba(0, 0, 0, 0.6);

        position: absolute;
        left: 0;
        top: 0;
    }

    .profiles_modal__body {
        padding: 30px;
        background-color: white;
        z-index: 3;
    }

    .profiles_modal__body h3 {
        font-size: 24px;
        margin-bottom: 30px;
    }


    .show {
        display: flex;
    }

.profiles_modal__body li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 15px;
}

.profiles_modal__body li:before {
    content: "";
    width: 8px;
    height: 1px;

    position: absolute;
    left: 0;
    top: calc(50% - 0.5px);

    background-color: royalblue;
}	
table td a.mlink:not([href]):not([tabindex]) {
	color: blue;
	font-size:0.9em;
	cursor: pointer;
}