*{box-sizing:border-box}
.main-content {
    margin-top:0px;
}

.outer { 
      position: relative;
      width: 100%;
      padding-bottom: 20%;
    }
    .inner {
      position: absolute;
      width: 100%;
      height: 170px;
      background-color: #12a7d8; 
    }
	.inner h1 {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    text-shadow: 1px 0 4px rgba(0,0,0,.4);
    }
	.inner h2 {
    text-align: center;
    font-size: 16px;
	line-height: 1.5;
    font-weight: 400;
    color: #fff;
    text-shadow: 1px 0 4px rgba(0,0,0,.4); 
    }
@media only screen and (max-width: 767px){
.inner h1 {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 12px;
}
}
@media only screen and (max-width: 767px){
.inner h2 {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 12px;
}
}
@media only screen and (max-width: 767px){
.outer {
    width: 100%;
	height: 190px;    
}
}
@media only screen and (max-width: 767px){
.inner {
    width: 100%;
	height: 230px;
    padding-bottom:50px;	
}
}		

#myInput{background-image:url('/css/searchicon.png');background-position:10px 12px;background-repeat:no-repeat;width:100%;font-size:16px;padding:12px 20px 12px 15px;border:1px solid #ddd;margin-top:25px;}
#myUL{list-style-type:none;padding:0;margin:0}
#myUL li a{border:0 solid #ddd;margin-top:-1px;background-color:#fff;padding:0 5px 0 15px;text-decoration:none;font-size:15px;color:black;display:block}
#myUL li a:hover:not(.header){background-color:#eee}
.info2{display:inline-block;font-size:14px}
.text2{color:#2f4f4f;font-size:16px;font-weight:normal;text-align:left;line-height:1.5;text-decoration:none}
.text3{color:#2f4f4f;font-size:14px;font-weight:normal;text-align:left;text-decoration:none;margin-top:0;margin-bottom:0;line-height:25px}
.subj{font-size:14px;color:#383838;font-weight:normal;height:60px;overflow-y: scroll;}
.tname3 {font-size: 16px;color: #3575d3;font-weight: bold;}
.tname{font-size:16px;color:#3575d3;font-weight:bold}
.tname4{font-size:12px;color:#383838;font-weight:bold;text-align:center;margin-top:10px;margin-bottom:10px;}
.tname5{font-size:14px;color:#383838;font-weight:bold;text-align:center}
.button7 {
  background: green;
  border-radius: 5px;
  padding: 5px;
  color: white;
  text-align: center;
}
#box {
        backgroun: #ffffff;
        height: 30px;
        transition: height 300ms;
        width: 100%;
        overflow:hidden;
    }

    #box.is-active {
        height: 200px;
    }
a:focus, a:hover {color: #ffffff; text-decoration: none;}
.button5{display: block; margin: 0 auto;background-color:#339ce7;border:0;color:white;padding:3px;border-radius:4px;text-align:center;text-decoration:none;font-size:16px;margin-top:10px;}
.button{background-color:#43cc7f;border:0;color:white;margin-top:10px;padding:4px 10px;border-radius:4px;text-align:center;text-decoration:none;display:inline-block;font-size:12px}
.button:hover{background-color:#43cc7f;color:white;text-decoration:none}
@media(max-width:767px){.hidden-xs.sidebar-col{display:block!important}
}.page-title{display:none}
.search-list ul{list-style:none;padding:10px 0;margin:0;overflow:hidden}
.search-list .list_view li{width:100%;float:none;margin:5px auto}
.search-list .list_view li:hover{background-color:#f8f8f8}
.search-list .list_view li .result-user{margin:2px 0 10px;border:1px solid #C8C8C8;border-radius:5px;-webkit-box-shadow:1px 2px 2px #eee;box-shadow:1px 2px 2px #eee}
.search-list .list_view li .result-user .result-inner{padding:10px;overflow:hidden;clear:both}
.search-list .list_view li .result-photo{float:left;width:20%}
.search-list .list_view li .result-photo a{display:block}
.search-list .list_view li .result-photo a img{display:block;margin:2px auto;width:100%;max-width:120px;border-radius: 6px;}
.search-list .list_view li .result-photo .online-status{display:none}
.search-list .list_view li .user-details{float:left;color:#383838;width:80%;line-height:25px}
.search-list .list_view li .user-details .user-info{padding:0 10px}
.search-list .list_view li .user-details p.users-name{margin:0 0 5px 5px;border-bottom:1px solid #e3e3e3}
.search-list .list_view li .user-details p.users-name a{display:block;padding:0 5px 5px 0;height:25px;overflow:hidden;word-break:break-word;word-wrap:break-word}
.search-list .list_view li .user-info span.info{font-size:12px;display:block;color:#878787}
.search-list .list_view li .user-info span.info label{margin:0}
.search-list .list_view li .btn{display:none}
@media(max-width:540px){.search-list .list_view li .result-user .result-inner{padding:10px 5px}
.search-list .list_view li .result-photo{float:left;width:30%}
.search-list .list_view li .user-details{width:70%;color:#383838;font-size:12px;}
}@media(max-width:420px){.search-list .list_view li .user-details p.users-name a{font-size:12px;height:20px}
.search-list .list_view li .user-info span.info{font-size:10px}
}#row_f31 dd,#row_f31 dt{display:none}
#row_f17 dd,#row_f17 dt{display:none}
.search-list .gallery_view{list-style:none;padding:0;margin:0}
.search-list .gallery_view li{width:33.33333333%;float:left;margin-top:75px;height:300px}
@media(max-width:768px){.search-list .gallery_view li{width:50%}
}@media(max-width:520px){.search-list .gallery_view li{width:100%;float:none;height:auto}
}.search-list .gallery_view li .result-user{position:relative;margin:5px;border:1px solid #e1e1e1;box-shadow:3px 4px 2px #ededed;-webkit-box-shadow:3px 4px 2px #ededed;-moz-box-shadow:3px 4px 2px #ededed}
.search-list .gallery_view li .result-user .result-photo{position:relative;width:110px;height:110px;margin:-50px auto 10px auto;padding:5px;border:1px solid #e3e3e3;background:#FFF}
.search-list .gallery_view li .result-user .result-photo img{display:block;max-width:100%}
.search-list .gallery_view li .is_offline .result-user .online-status{display:block;width:30px;height:15px;background:#525252;position:absolute;bottom:-8px;right:40px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.search-list .gallery_view li .is_online .result-user .online-status{display:block;width:30px;height:15px;background:#8bc34a;position:absolute;bottom:-8px;right:40px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.search-list .gallery_view li .result-user .users-name{text-align:center;padding:10px 3px 5px 3px;font-size:16px;height:40px;overflow:hidden}
.search-list .gallery_view li .user-info{text-align:center;color:#959595;height:100px;padding:0 3px;overflow:hidden}
#subjects-autocomplete-31072016{position:absolute;background:#e7e9e6;z-index:100;width:96%}
#subjects-autocomplete-31072016 ul li{padding:4px 12px;border-bottom:1px dotted #ccc}
#subjects-autocomplete-31072016 ul li:hover{cursor:pointer;background:#fff}
@media(max-width:520px){.search-list .gallery_view li .user-info{height:auto}
}.search-list .gallery_view li .user-info span.info{display:inline-block;font-size:12px}
.search-list .gallery_view li .user-info label{display:none}
.search-list .gallery_view li .user-info span.seeking,.search-list .gallery_view li .user-info span.last-online{display:block}
.close{color:#fff;opacity:.9}
.footer1 {position: fixed;left: 0;bottom: 0;width: 100%;height:50px;padding-top:15px;background-color:#339ce7;font-size:18px;color: white;font-weight:bold;text-align: center;}