@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');

:root{
    --color1:#267ef1;
}

body{font-size:13px;font-family: 'Montserrat', sans-serif; padding: 70px 0 70px; background-color:#f6f6f6;}

header{padding: 20px 0px; height: 70px; position: fixed;width: 100%;top:0px;z-index: 99; background-color: #fff;}
.home header{box-shadow: 0px 0px 50px rgba(0,0,0,.3);}

#logo img{max-width:130px;}
.shrink{background: rgba(255,255,255,.9);}
.home-block{    background:#156de6 url('../images/bgblock.png') top left no-repeat;
    color: #fff;
    padding: 30px;border-radius: 3px;}

.home-block strong{display:block;margin-top: 10px;}

#banner{position:relative; margin: 10px; border-radius:10px; overflow:hidden; background-color:#fff; box-shadow:0 0 5px #0003;}
#banner img{border: solid 0px #fff; }
#banner h2{padding:10px 0px; margin:0px;}

.banner-text{position: absolute;background: rgba(0,0,0,.7);width: 100%;padding: 20px;text-align: center;font-weight: 700;color: #fff;font-size: 20px;top:10%;}
.schoolname h2{font-weight: 700;font-size: 18px;text-align: center}

#ust {
	position: fixed;
	height: 40px;
	top: 0px;
	left: 0;
	right: 0;
	z-index: 99999999999999999999
}
#ust #menuac {
	position: absolute;
	top: 0px;
	right: 0;
	cursor: pointer;
	padding: 19px 30px 20px 10px;
	border-left: 0 solid #666
}
#ust #menuac span {
	cursor: pointer;
	height: 3px;
	width: 23px;
	background: #333;
	position: absolute;
	display: block;
	content: '';
	transition: all 500ms ease-in-out
}
#ust #menuac span:before {
	cursor: pointer;
	height: 3px;
	width: 23px;
	background: #333;
	position: absolute;
	display: block;
	content: '';
	top: -7px;
	transition: all 500ms ease-in-out
}
#ust #menuac span:after {
	cursor: pointer;
	height: 3px;
	width: 23px;
	background: #333;
	position: absolute;
	display: block;
	content: '';
	bottom: -7px;
	transition: all 500ms ease-in-out
}
#ust #menuac.acik span {
	background-color: transparent
}
#ust #menuac.acik span:before {
	top: 0;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	bottom: 0
}
#ust #menuac.acik span:after {
	top: 0;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}
.mobmenu {
	position: fixed;
	left: -300px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	width: 300px;
	height: 100%;
	background: #0f4ca0;
	z-index: 9999;
	display: block;top:0px;
}
.mobmenu.mobmenu-acik {
	left: 0;
	top: 0px;
	-webkit-box-shadow: 10px 0 26px -16px rgba(0,0,0,.75);
	-moz-box-shadow: 10px 0 26px -16px rgba(0,0,0,.75);
	box-shadow: 10px 0 26px -16px rgba(0,0,0,.75)
}
.center {
	text-align: center
}
.mobmenu ul.menu {
	margin: 0;
	padding: 0;
	list-style: none
}
.mobmenu ul.menu li a {
	padding: 10px;
	display: block;
	list-style: none;
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,.1)
}
.mobmenu ul.menu li a i{margin-right:10px; font-size:16px;}
#icerik {
	padding: 50px 10px 10px;
	border: 1px solid #ddd;
	height: 1000px;
	background: #fff
}

.homelist{}
.homelist .col-4{}
.homelist a{display:block; color: #111; font-size: 12px; font-weight: 700; text-decoration: none; border-radius:5px; background-color:#fff; box-shadow:0 0 10px #0003; padding:10px; min-height:100%; text-align:center; margin:0px 5px;}
.homelist a i{font-size:35px; display:block; margin-top:10px; color:var(--color1);}
.homelist img{width:50%; display:block; margin:0 auto 10px auto;}

.login-logo{display:table;margin:auto;}
.input-group-text{background:#fff;}
#login .input-group{border-radius: 30px;
    overflow: hidden;
    box-shadow: 0px 0px 30px rgba(0,0,0,.2);}
#login .input-group-text{border: none;}
#login .form-control{    border: none;
    height: 40px;}
#login .btn{border-radius: 30px;height: 45px;font-weight: 700;text-transform: uppercase;}
#login{max-width:300px;margin: auto;margin-top: 40px;border: solid 0px #ccc;padding: 5px;background: rgba(255,255,255,.0);box-shadow: 0px 0px 0px rgba(0,0,0,.2);border-radius: 40px;}

.stu {background:#0f4ca0; color:#fff; padding:10px;box-shadow:0px 0px 30px rgba(0,0,0,.2); margin-bottom:30px;}
.stu img {display:table;margin:auto; width:50px;height:50px;}
.stu strong {display:block;text-align:center;margin-top:10px;}

.wats-box { border-radius:5px; border:1px solid #ccc; padding:10px; margin-bottom:20px; background-color:#fff;}
.wats-box .box{display:flex;}
.wats-box i{font-size:36px; margin-right:10px;}
.wats-box p{margin:0px 0 5px;}

#user {
    margin: auto;
    text-align: center;
}
 .user-pic {
    margin-top: 10px!important;
    border-radius: 100%;
    overflow: hidden;
    border: #ca7f6d 0px solid;
}

 .footer{border-radius:10px 10px 0 0; padding:10px; background-color:#fff; position:fixed; bottom:0px; left:0px; right:0px; box-shadow:0 -5px 5px #0001; display:flex; z-index:1;}
 .footer a{text-align:center; display:block; color:#000; flex:1 1 auto;}
 .footer a:hover{text-decoration:none;}
 .footer a small{font-size:11px; color:#000; display:block; font-weight:600;}
 .footer i{font-size:24px;}

 .top{font-size:16px; font-weight:600; line-height:40px; display:table; width:100%; text-align:center; color:var(--color1);}
 .top .back, .top .pagename{display:table-cell;}
 .top .back{width:40px; text-align:center; color:var(--color1);}
 .top .pagename{text-indent:-40px;}

.profile{position:relative; margin-bottom:70px;}
.profile .top{position:absolute; z-index:3; color:#fff;}
.profile .top a{color:#fff;}
.profile .layer{position:absolute; z-index:2; left:0px; right:0px; top:0px; bottom:0px; background-color:rgba(0,0,0,.5);}
.profile .name{position:absolute; top:80px; bottom:0px; left:0px; right:0px; text-align:center; margin:auto; color:#fff; font-size:24px; z-index:4;}
.profile .profileimg{position:absolute; z-index:3; width:120px; height:120px; text-align:center; line-height:120px; font-size:60px; background-color:#f3f3f3; box-shadow:0 0 10px #0003; border:5px solid #fff; border-radius:100px; bottom:-60px; left:0px; right:0px; margin:auto; overflow:hidden;}
.profile .profileimg img{min-height:100%; min-width:100%; width:100%; position:relative; top:-10px;}

.ProfileData i{font-size:30px;}
.ProfileData .matter{line-height:1; font-weight:600;}
.ProfileData .matter small{font-size:11px; display:block;}
.ProfileData .small i{font-size:11px;}

.topbar{border-radius: 0 0 10px 10px; background-color:#fff; box-shadow:0 5px 10px #0001; margin-bottom:30px;}

.gallery_thumb{display:block; margin:0 5px; overflow:hidden; height:90px; border:5px solid #fff; box-shadow:0 0 2px #0003; border-radius:5px;}
.gallery_thumb img{min-width:100%; min-height:100%;}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

/**/
.cal .jumbotron {background: #fff; margin:0px;}
.cal .fa {font-size: 0.5em;}
.cal table {width: 100%; background-color:#fff; border-radius:5px; margin-bottom:30px;}
.cal th {text-align: center;}
.cal td {/*width: 120px; height: 100px;*/ text-align: center; /*line-height: 100px !important;*/ font-size: 1.5em;}

.cal .hover {background: #eee;}
.cal #about {font-size: 5em !important;position: absolute;top: -35px;right: 15px;}
.cal #about a {text-decoration: none;}