/*****************************************************/
/* Project Name	:	www.m-tutor.com					*/
/* Powered by	:	Symbiotic Info Pvt Ltd			*/
/* Created by	:	Murugan.P						*/
/* Created Date	:	10 March 2016						*/
/*****************************************************/

/*General CSS*/

html {position: relative;min-height: 100%;}
body{ font-family: 'Exo 2', sans-serif; -webkit-font-smoothing: antialiased; font-size:13px; color:#626262; line-height:23px; letter-spacing: 0.02em ;  background:#ccc url("../images/texture.gif") repeat scroll 0 0;}


header{background:rgba(0, 0, 0, 0) linear-gradient(to right bottom, #01193e, #003b68, #0075ad, #179ccf) repeat scroll 0 0; box-shadow:0px 0px 10px #484848;}
.logo{padding:10px 0px;}

main .wrapper{width:810px;height:460px;padding:20px 20px; margin:20px auto;background: #151531 url(../images/pattern-bg.jpg);}

.topic{padding-top:15%;}
.topic1{padding-top:10%;}
.topic-info{color:#fff;font-size:1.8em;line-height:1.5em;text-align:center;}
.topic-info span{color:#7bf;}
.topic-info span a{color:#7bf;text-decoration:none;}
.topic-info span a:hover{text-decoration:underline;}
.topic-feedback{background:#7091fe;color:#000; padding:6px 25px;text-align:center;font-size:1.5em;display:inline-block;border-radius:8px;}

.topic-feedback:before{
	content: "\f0d7";
	font-family: 'FontAwesome';	
	position: relative;
	top:22px;
	font-size:1.5em;
	left:40%;
	color:#7091fe;
	z-index:155550;
	
	}
	
.thanks{color:#fff;font-size:2.5em;line-height:1.5em;text-align:center;}
.rating{text-align:center; margin:15px 0px;}
.btn{border-radius:0px;min-width:120px;}
img {max-width: 100%;height: auto;}

input::-moz-focus-inner {border: 0;}
a:hover, a:active, a:focus {outline: 0;}
ol, ul {list-style: none;}
hr{margin-top:10px;}

/* USer Panel */
.user-panel{margin:0px; padding-top:18px;}
.user-panel-inner{ padding:5px 0px;}
.user-panel-inner img{height:45px; width:45px; vertical-align:middle;margin:0px 5px;border:1px solid #fafafa;padding:2px;}
.user-panel-inner img:hover{border:1px solid #000;}
.dropdown-menu{min-width:260px;border-radius:0px;padding:5px 10px;}
.dropdown-menu li .userinfo{padding:5px 10px}
.dropdown-menu h5{font-size:1.3em;font-weight:600;}
.dropdown-menu small{font-size:60%;}
.dropdown-menu > li > a{padding:10px 10px;}

/*Loader*/
@keyframes load{
0%{height:10px;
    margin:20px 2px;}
  50%{height:50px;
    margin:0px 2px;}
  100%{height:10px;margin:20px 2px;}
}
@-o-keyframes load{
0%{height:10px;
    margin:20px 2px;}
  50%{height:50px;
    margin:0px 2px;}
  100%{height:10px;margin:20px 2px;}
}
@-ms-keyframes load{
0%{height:10px;
    margin:20px 2px;}
  50%{height:50px;
    margin:0px 2px;}
  100%{height:10px;margin:20px 2px;}
}
@-moz-keyframes load{
0%{height:10px;
    margin:20px 2px;}
  50%{height:50px;
    margin:0px 2px;}
  100%{height:10px;margin:20px 2px;}
}
@-webkit-keyframes load{
0%{height:10px;
    margin:20px 2px;}
  50%{height:50px;
    margin:0px 2px;}
  100%{height:10px;margin:20px 2px;}
}
#loader{
width:85px;
  height:55px;
margin:50px auto 0px auto;
}
.bar{
float:left;
margin:0px 2px;
width:10px;
height:50px;
background:#7bf;
border-top:3px solid #7af;
border-bottom:3px solid #7af;
/*border-radius*/
-webkit-border-radius:10px;
   -moz-border-radius:10px;
        border-radius:10px;
}
.bar:nth-child(1){
/*animation*/
-webkit-animation:load 1s linear infinite;
   -moz-animation:load 1s linear infinite;
    -ms-animation:load 1s linear infinite;
     -o-animation:load 1s linear infinite;
        animation:load 1s linear infinite;
}
.bar:nth-child(2){
/*animation*/
-webkit-animation:load 1s linear infinite;
   -moz-animation:load 1s linear infinite;
    -ms-animation:load 1s linear infinite;
     -o-animation:load 1s linear infinite;
        animation:load 1s linear infinite;
/*animation-delay*/
-webkit-animation-delay:.2s;
   -moz-animation-delay:.2s;
    -ms-animation-delay:.2s;
     -o-animation-delay:.2s;
        animation-delay:.2s;
}
.bar:nth-child(3){
/*animation*/
-webkit-animation:load 1s linear infinite;
   -moz-animation:load 1s linear infinite;
    -ms-animation:load 1s linear infinite;
     -o-animation:load 1s linear infinite;
        animation:load 1s linear infinite;
/*animation-delay*/
-webkit-animation-delay:.4s;
   -moz-animation-delay:.4s;
    -ms-animation-delay:.4s;
     -o-animation-delay:.4s;
        animation-delay:.4s;
}
.bar:nth-child(4){
/*animation*/
-webkit-animation:load 1s linear infinite;
   -moz-animation:load 1s linear infinite;
    -ms-animation:load 1s linear infinite;
     -o-animation:load 1s linear infinite;
        animation:load 1s linear infinite;
/*animation-delay*/
-webkit-animation-delay:.6s;
   -moz-animation-delay:.6s;
    -ms-animation-delay:.6s;
     -o-animation-delay:.6s;
        animation-delay:.6s;
}
.bar:nth-child(5){
/*animation*/
-webkit-animation:load 1s linear infinite;
   -moz-animation:load 1s linear infinite;
    -ms-animation:load 1s linear infinite;
     -o-animation:load 1s linear infinite;
        animation:load 1s linear infinite;
/*animation-delay*/
-webkit-animation-delay:.8s;
   -moz-animation-delay:.8s;
    -ms-animation-delay:.8s;
     -o-animation-delay:.8s;
        animation-delay:.8s;
}
.bar:nth-child(6){
/*animation*/
-webkit-animation:load 1s linear infinite;
   -moz-animation:load 1s linear infinite;
    -ms-animation:load 1s linear infinite;
     -o-animation:load 1s linear infinite;
        animation:load 1s linear infinite;
/*animation-delay*/
-webkit-animation-delay:1s;
   -moz-animation-delay:1s;
    -ms-animation-delay:1s;
     -o-animation-delay:1s;
        animation-delay:1s;
}

/* Media Query */

@media (max-width: 768px) {
	.user-panel .dropdown-menu{left:-150px !important;}
	}

.loader-text{text-align:center;color:#fff;font-size:90%;opacity:.5;}