*
{
font-family: "segoe ui semilight" , calibri ,arial ;
outline:none;
}
.myAlert
{
display:none;
text-align:center;
position:fixed;
width:100%;
top:30%;
background:rgba(0,0,0,0.3);
z-index:1000;
padding:30px 0 30px 0;
}
.myAlert span
{
display:inline-block;
width:500px;
height:auto;
padding:10px;
box-shadow:0 0 10px black;    
background:#9B0A04;
color:#eee;
font-size:25px;
}
.tut-bar
{
	position:fixed;
	width:250px;
	top:0px;
	right:-250px;
	height:100%;
	color:white;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
	background:rgba(0,51,102,0.9);
	z-index:3000;
	text-align: center;
	
}
.tuts select
{
width:80%;
color:#9B0A04;
border:0px;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	transition:all 0.2s;
border:2px solid orange;
}
.tuts button
{
background:#9B0A04;
border:2px solid #fff;
border-radius:2px;
-webkit-transition:all 0.2s;
-moz-transition:all 0.2s;
-ms-transition:all 0.2s;
transition:all 0.2s;
}

.tutors-list
{
overflow-y:auto;
}
.tutors-list ul li{
text-align:left;
padding-left:10px;
}
.tl-a{
display:inline;
}
.tl-a img{
height:40px;
width:40px;
}

.rating input[type=checkbox]
{
	display: none;
}
.rating label{
	color:#eee;
	font-size:50px;
}
.rating input[type=button]
{
	height:30px;
	width:180px;
	border:1px solid #eee;
	background:#9B0A04;
	color:#eee;
}
.myPopUp
{
overflow-y:scroll;
top:0px;
background:rgba(0,0,0,0.93);
display:none;
z-index:1000;
position:fixed;
height:100%;
width:100%;
}
.myPopUp .t-img
{
width:200px;
}
.myPopUp h4
{
color:white;
display:inline-block;
padding:10px 0 10px 0;
margin:0px;
width:50%;
background:#9B0A04;
}
.myPopUp h5
{
display:inline-block;
color:white;
width:70%;
}

.myPopUp div{
text-align:center;
margin-top:5%;
}
#close
{
background:transparent;
border:1px solid white;
color:white;
position:absolute;
right:30px;
}
.notify img
{
	height:50px;
	width:50px;
	display:inline;
}

#registerLabel
{
text-align:center !important;
}

.tut-bar .notify
{
	position:absolute;
	right:250px;
	height:50px;
	width:50px;
	border:1px solid #9B0A04;
	background:#fff;
	color:#9B0A04;
	top:23%;
	z-index:3000;
	cursor: pointer;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	transition:all 0.5s;
	overflow: hidden;
}


strong
{
color:rgb(251,175,65);
}

body
{
background:#eee;
}

.logo img
{
border-radius:4px;
height:105px;
}

.logo div:nth-child(2)
{
border-radius:10px;
background:#eee;
font-weight:bold;
}


.sk
{
text-align:center;
cursor:pointer;
}


.sk div:first-child
{
	border:4px solid orange;
	height:100px;
	border-radius: 80px;
	width:80%;
	display:inline-block;
	background:#9B0A04;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	-webkit-animation:colorBorder 2s infinite linear;
	-moz-animation:colorBorder 2s infinite linear;
	animation:colorBorder 2s infinite linear;
}

@-webkit-keyframes colorBorder
{
	0%{}
	50%{border:4px solid green;}
	100%{}
}
@-moz-keyframes colorBorder
{
	0%{}
	50%{border:4px solid green;}
	100%{}
}
@keyframes colorBorder
{
	0%{}
	50%{border:4px solid green;}
	100%{}
}


.sk:hover p, .sk:hover strong
{
color:orange;
}
.sk:hover div:first-child
{
background:#fff;
}

.sk p
{
	display: inline-block;
	
}

.sk p  , .sk strong
{
font-size:17px;
color:#fff;
height:100px;
width:180px;
padding:10px 15px 0 15px ;
text-align: center;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.3s;
}


.header
{	
	background:#eee;
	padding-top:10px;
	padding-bottom:10px;
	width:100%;
	margin-bottom:20px;
	border:5px solid #9B0A04;
}



.nav-bar ul li
{
margin:0px;
padding:0px;
display:inline-block;
}

.nav-bar ul li button
{
margin-top:5px;
color:white;
background:#9B0A04;
font-size:15px;
border:0px;
border:2px solid rgb(251,175,65);
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4s;
}

.cat
{
background:orange;
color:white;
text-align:center;
}

.nav-bar ul li button.active
{
border:1px solid white;
color:rgb(251,175,65);
}



.nav-bar ul li button:hover
{
border:2px solid #9B0A04;
color:rgb(251,175,65);
background:transparent;
}

a
{
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4s;
}

.nav-bar ul li a
{
text-decoration:none;
}

.video video
{
height:350px;
}



.slider{
overflow:hidden;
}
.slider-row
{
padding:20px 0 20px 0;
margin-bottom: 20px;
background:#9B0A04;
background-size:100% 100%;
}

.slides{
position:relative;
height:350px;
}

.slides img
{
position: absolute;
height:350px;
width:600px;
}

.desc-login{
padding:20px;
margin-top:20px;
background:#9B0A04;
box-shadow:0 0 20px gray;
}
.desc:nth-child(3)
{
	box-shadow:0px 0  10px white;
}

.desc h2,h3
{
font-family:'segoe ui' , arial;
letter-spacing:1px;
text-align: center;
color:#eeeeee;
}

.desc p
{
color:#eeeeee;
text-align: center;
}



.desc p:first-line
{
font-size:20px;
}

.goz
{
	cursor:pointer;
}
.bw
{
	color:white ; text-align:center;
}
.hun
{
	border-radius:50px 0 50px 50px;
}
.hun2
{
	border-radius:0px 50px 50px 50px;
}
.hun
{
	width:auto;
	box-shadow:0px 0px 7px green;
	border:2px solid green;
	height:auto;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 30px;
	text-align:center;
}

.hun strong
{
	color:#fff;
}


li
{
list-style-type:none;
margin-top:5px;
text-align:center;
}

ul
{
padding:0px;
}

.modal-body
{
background:#9B0A04;
}

.modal-header
{
background:#eeeeee;
}


.reg-list span ,.myPopUp span
{
position:relative;

font-size:20px;
color:white;
}

.reg-list input[type="file"] {
	padding: 5px;
	display: inline-block;
}

.reg-list input[type="radio"] , .myPopUp input[type="radio"] , .myPopUp input[type="checkbox"]
{
height:20px;
width:20px;
}
.ra{
	position:relative;
	top:150px;
}


.login li input ,.login li select ,  .reg-list li input , .reg-list li select , .contact li input , .myPopUp input , .myPopUp select    {
height:40px;
width:200px;
border:2px solid #9B0A04;
border-radius:2px;
background:#eeeeee;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
font-size:17px;
text-align:center;
}
.contact
{
background:#9B0A04;
}
.contact textarea , .myPopUp textarea
{
width:230px;
border:2px solid #9B0A04;
border-radius:2px;
background:#eeeeee;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
font-size:17px;
text-align:center;
}

.login li input:hover , .tuts select:hover,.tuts button:hover ,.reg-list li input:hover , .reg-list li select:hover , .contact input:hover , .contact textarea:hover , .myPopUp input:hover
{
	border-color:#eeeeee;
	box-shadow:0 0 5px white;
}

.login li input[type="submit"]:hover , .reg-list li input[type="submit"]:hover
{
	background:#9B0A04;
	border-color:#eeeeee;
	color:#eeeeee;
}

.tutors
{
padding:20px;
background:#9B0A04;
box-shadow:0 0 20px gray;
}

.tutors .container div:last-child strong
{
	font-size:20px;
}

.skype-logo img
{
height:150px;
}

.about
{
margin-top:50px;
}

@media (min-width:1200px)
{
.divs
{
border:2px solid #9B0A04;
background:#9B0A04;
color:#eeeeee;
padding:80px;
border-radius:300px;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
cursor:pointer;
border:3px solid #9B0A04;
text-align:center;
}
.ab-sd > div.headers
{
	box-shadow:0 0 10px gray;
	height:300px;
	background:#fff;
	cursor:pointer;
}
.about-block .ab-desc
{
margin-left:-20px;
width:80%;
font-size:17px;
font-family:calibri;
}
.divs img
{
	margin-left:-10px;
	border-radius:10px;
}
.hands
{
height:50px;
width:50px;
}
.zoom
{
background:rgba(0,0,0,0.4);
padding:10px;
border-radius:50px;
font-size:30px;
}
}

@media (min-width:992px) and (max-width:1199px)
{
.divs
{
border:2px solid #9B0A04;
background:#9B0A04;
color:#eeeeee;
height:350px;
border-radius:90px;
padding:0 5px 0 5px;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
cursor:pointer;
border:3px solid #9B0A04;
text-align:center;
}
.ab-sd > div.headers
{
	box-shadow:0 0 10px gray;
	background:#fff;
	cursor:pointer;
}

.about-block .ab-desc
{

width:90%;
font-size:17px;
font-family:calibri;
}

.divs img
{
	margin-left:-10px;
	border-radius:10px;
}
.hands
{
height:50px;
width:50px;
}
.zoom
{
background:rgba(0,0,0,0.4);
padding:10px;
border-radius:50px;
font-size:30px;
}
}

@media (min-width:768px) and (max-width:991px)
{
.divs
{
border:2px solid #9B0A04;
background:#9B0A04;
color:#eeeeee;
height:350px;
border-radius:90px;
padding:0 5px 0 5px;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
cursor:pointer;
border:3px solid #9B0A04;
text-align:center;
}
.ab-sd > div.headers
{
	box-shadow:0 0 10px gray;
	background:#fff;
	cursor:pointer;
}

.about-block .ab-desc
{

width:90%;
font-size:17px;
font-family:calibri;
}

.divs img
{
	margin-left:-10px;
	border-radius:10px;
}
.hands
{
height:50px;
width:50px;
}
.zoom
{
background:rgba(0,0,0,0.4);
padding:10px;
border-radius:50px;
font-size:30px;
}
}
@media (max-width:767px)
{
.divs
{
border:2px solid #9B0A04;
background:#9B0A04;
color:#eeeeee;
height:350px;
border-radius:90px;
padding:0 5px 0 5px;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
cursor:pointer;
border:3px solid #9B0A04;
text-align:center;
}
.ab-sd > div.headers
{
	box-shadow:0 0 10px gray;
	background:#fff;
	cursor:pointer;
}

.about-block .ab-desc
{

width:90%;
font-size:17px;
font-family:calibri;
}

.divs img
{
	margin-left:-10px;
	border-radius:10px;
}
.hands
{
height:50px;
width:50px;
}
.zoom
{
background:rgba(0,0,0,0.4);
padding:10px;
border-radius:50px;
font-size:30px;
}
}






.ab-desc-cont
{
position:absolute;
top:0px;
opacity:0;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}

.about-block
{
	margin-bottom:30px;

}


.ab-txt 
{
margin-top:10px;
font-size:30px;
font-family:"segoe ui semilight" , calibri;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
border-radius:5px;
}

.about-block h2
{
color:#eeeeee;
font-family:"segoe ui semilight" , calibri;
}

.divs:hover
{
border:3px solid #9B0A04;
background:#eeeeee;
box-shadow:0 0 20px gray;
}
.divs:hover + center p
{
background:#9B0A04;
color:#eeeeee;
}
.divs:hover span  , .divs:hover img , .divs:hover p.im
{
	opacity:0;
}
.divs:hover .ab-desc-cont
{
opacity:1;
color:#9B0A04;
top:50px;
}

.ab-sd
{
margin-top:30px;
}



.ab-sd h2,h3
{
background:#9B0A04;
color:#eeeeee;
padding:10px;
height:70px;
margin-top:0px;
border-bottom:1px solid #9B0A04;
text-align: center;
}

.ab-sd div.headers:hover .ab-des
{
opacity:1;
}


.ab-des
{
	height:200px;
	padding:0 5px 0 5px;
	overflow-y: scroll;
	position: absolute;
	opacity:0;
	cursor:pointer;
	background:rgba(0,0,0,0.91);
	color:white;
	font-size:20px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	transition:all 0.5s;
}

.hand
{
	position:relative;
	top:10px;
	left:90px;
	font-size:20px;
	-webkit-transform:rotate(-20deg);
	-moz-transform:rotate(-20deg);
	transform:rotate(-20deg);
	color:#9B0A04;
	text-shadow:2px 2px 2px gray;

}

/*Reg*/

.block
{
	box-shadow:0 0 10px gray;
	margin-bottom:50px;
	border-radius:10px 10px 0 0;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	transition:all 0.5s;
}
.block .block-header
{
text-align: center;
border-bottom:1px solid white;
padding:12px 10px;
color:#9B0A04;
background:#eee;
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4s;
}

.block .block-header:hover
{
background:#eeeeee;
color:#9B0A04;
cursor:pointer;
}

.block .block-body h2
{
font-family:"segoe ui light" , arial;
}

.block .block-body 
{
padding:10px;
background:#9B0A04;
color:#eeeeee;
font-size:18px;
}

.block .block-body ul li div span
{
	margin-top:20px;
	font-size:50px;
}

.large
{
margin:20px 0 20px 0;
color:#9B0A04;
background:#eeeeee;
font-size:45px;
text-align: center;
}

.image
{
border-radius:5px;
}

.image-chat
{
	margin-top:40px;
background:url(../images/chat.jpg);
height:200px;
width:300px;
background-size:100% 100%;	
}
.image-login
{
background:url(../images/login.jpg);
height:200px;
width:300px;
background-size:100% 100%;
}
.image-tutor
{
background:url(../images/tutor.jpg);
height:200px;
width:300px;
background-size:100% 100%;
}
.image-fund
{
background:url(../images/fund.jpg);
height:200px;
width:300px;
background-size:100% 100%;
}
.image-qa
{
background:url(../images/qa.jpg);
height:200px;
width:300px;
background-size:100% 100%;
}
.image-msg
{
background:url(../images/msg.jpg);
height:200px;
width:300px;
background-size:100% 100%;
}

.block .block-body ul li div img
{
	height:300px;
}
.block .block-body ul li div h3
{
margin-top:20px;
}


.block .block-body ul li
{
text-align:left;
}

.sub .block-header
{
	background: #9B0A04;
	color:#eee;
}

.outer-box
{
	overflow:hidden;
	height:300px;
	-webkit-perspective:10000px;
	-moz-perspective:10000px;
	-ms-perspective:10000px;
	perspective:10000px;
}


.test
{
	height:350px;
	width:300px;
   -webkit-transform-origin:center;
   -webkit-transition:all 6s;
   -webkit-transition-timing-function:linear;
   -webkit-transform-style:preserve-3d;
   -moz-transform-origin:center;
   -moz-transition:all 6s;
   -moz-transition-timing-function:linear;
   -moz-transform-style:preserve-3d;
   -ms-transform-origin:center;
   -ms-transition:all 6s;
   -ms-transition-timing-function:linear;
   -ms-transform-style:preserve-3d;
   transform-origin:center;
   transition:all 6s;
   transition-timing-function:linear;
   transform-style:preserve-3d;
}

.test .te
{
	width:300px;
	height:350px;
	margin-left:30px;
	text-align: center;
	position: absolute;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
}

.cloud
{
	text-align: center;
}

.people
{
	height:200px;
	width:100%;
	margin-bottom: 20px;
	text-align:center;
	
}
.people img
{
height:200px;
display:inline-block;
}

.footer
{
	background:#9B0A04;
	padding-top: 30px;
	color:white;
}

/*Animation*/

.blink
{
-webkit-animation:changeColor 1.5s infinite linear;
-moz-animation:changeColor 1.5s infinite linear;
animation:changeColor 1.5s infinite linear;

}
#reg-a
{
-webkit-animation:changeColor 3s infinite linear;
-moz-animation:changeColor 3s infinite linear;
animation:changeColor 3s infinite linear;
opacity:1;
color:#eeeeee;
}


/* dashboard */

.audioDemo {
	display: none;
}

.dash
{
    text-align:center;
}
.dash h4
{
    display:inline-block;
    color:#eee;
    padding:10px;
    margin-top:25px;
}
.dash h4 span
{
    color:orange;
}
.dash ul
{
    box-shadow:0 0 5px #9B0A04;
    vertical-align:top;
    margin-top:15px;
    padding:0px;
    display:inline-block;
    background:#9B0A04;
    height:58px;
}
.dash ul li
{
    margin-top:0px;
    padding:0px;
    display:inline-block;
}
.dash ul li button
{
    display:inline-block;
    border:0px;
    background:transparent;
    height:100%;
    color:orange;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
    width:100px
    
}
.dash ul li button:hover
{
    background:#eee;
}

@-webkit-keyframes changeColor
{
	0%{}
	
	50%{ opacity:0;}
	
	100%{}
}
@-moz-keyframes changeColor
{
	0%{}
	
	50%{ opacity:0;}
	
	100%{}
}
@keyframes changeColor
{
	0%{}
	
	50%{opacity:0;}
	
	100%{}
}

/*theWebcam*/

#webcamBody {
	margin: 0;
	background: #9B0A04;
}

.theVideo {
	padding: 10px;
	display: inline;
	vertical-align:top;
	
}


#messageDisplay {
	height: 250px;
	background: #fff;
	overflow-y: auto;
}

#allMessage li {
	padding-left: 5px;
	text-align: left;
	font-family: "segoe ui semilight" , calibri ,arial ;
	color: orange;
}

#formDisplay {
	width: 100%;
	position: absolute;
	bottom: 10px;
}

#messageBox {
	border: none;
	margin-top: 10px;
	width: 100%;
	height: 35px;
	font-family: "segoe ui semilight" , calibri ,arial ;
	font-size: 15px;
	padding: 5px;
	color: orange;
}

span.online , span.offline
{
	display: inline-block;
	height:10px;
	width:10px;
	border-radius:5px;
	box-shadow:0 0 1px #eee;
}
span.online
{
	background:yellowgreen;
}
span.offline
{
	background:#eee;
}
.user
{
	margin-top:2px;
	width:100%;
	padding-left:20px;
	text-align:left;
}

.chatbox
{
	height:300px;
	width:250px;
	background:rgba(0,0,0,0.9);
	position:fixed;
	bottom:0px;
	right:100px;
	z-index:99999;
}
.chatbox .title
{
	color:#eee;
}

/*admin*/

#theLogin {
     background: #9B0A04;
     margin-top: 130px;
     padding: 15px;
}

#theLogin span, .tutstu {
	display: block;
	text-align: center;
	color: orange;
	font-family: "segoe ui semilight" , calibri ,arial ;
	font-size: 30px;
}

#theLogin span.error {
	color: #E21414;
	font-size: 25px;
}

#adminLogin input {
	font-family: "segoe ui semilight" , calibri ,arial ;
	font-size: 17px;
	margin: 10px;
	display: block;
	height: 30px;
	border: none;
	padding: 5px;
}

#adminLogin button {
	border: none;
	margin: 10px;
	background: #eee;
	font-family: "segoe ui semilight" , calibri ,arial ;
	font-size: 17px;
}

.tutstuTable {
	width: 100%;
	color: orange;
	border: solid 2px black;
	background: #9B0A04;
}

.tutstuTable td, .tutstuTable th {
	padding: 10px;
	border: solid 1px #eee;
}



.dashCircles
{
	border:0px;
	height:100px;
	width:100px;
	border-radius:50%;
	display:block;
	margin:0 auto 0 auto;
	box-shadow:0 0 10px #eee;
	background:#9B0A04;
	color:orange;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
.dashCircles a, .dashcircles a:hover{
	color:orange;
	text-decoration:none;
}
.dashCircles:hover{
	background:#eee;
}
.twoCircles
{
	padding-left:12%;
}
.dc2
{
	height:150px;
	width:150px;
	border-radius:50%;
	display:block;
	margin:0 auto 0 auto;
}
.oneCircle
{
	text-align:center;
}
.dc3
{
	vertical-align: top;
	display:inline-block;
	/*margin-left: 18%;*/
}
.simage
{
	height:100px;
	width:150px;
}


body#admin {
	background: #9B0A04;
}


#theLogin {
     background: #eee;
     margin-top: 130px;
     padding: 15px;
}

#adminLogin input:focus {
	box-shadow: 0 0 8px #9B0A04;
}

#adminLogin button:hover {
	box-shadow: 0 0 5px #9B0A04;
}

#theLogin span, .tutstu {
	display: block;
	text-align: center;
	color: orange;
	font-family: "segoe ui semilight" , calibri ,arial ;
	font-size: 30px;
}

#theLogin span.error {
	color: #E21414;
	font-size: 25px;
}

#adminLogin input {
	background: #eee;
	border: 2px solid #9B0A04;
	font-family: "segoe ui semilight" , calibri ,arial ;
	font-size: 17px;
	margin: 10px;
	display: block;
	height: 30px;
	padding: 5px;
}

#adminLogin button {
	border: 1px solid #9B0A04;
	margin: 10px;
	background: #eee;
	font-family: "segoe ui semilight" , calibri ,arial ;
	font-size: 17px;
}

.tutstuTable {
	width: 100%;
	color: #9B0A04;
	border: solid 2px black;
	background: #eee;
}

.tutstuTable td, .tutstuTable th {
	padding: 10px;
	border: solid 2px #9B0A04;
}

#adminOut {
	color: #9B0A04;
	background: #eee;
	display: inline-block;
	padding: 5px;
	border-radius: 2px;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	transition:0.5s;
}

#adminOut:hover {
	background: #9B0A04;
	color: #eee;
	box-shadow: 0 0 8px #eee;
}


#dashTutSearch {
	color: #000;
	border: 2px solid orange;
	border-radius:0;
}