/* CSS Document */
a:focus{ color:#02A1D1; text-decoration:none;}
p{ color:#888; font-family:Roboto; font-weight:300;}
body{font-family:Roboto !important;}
h1, h2, h3, h4, 5, h6{font-family:Roboto;}
.b_white{ background:#fff; display:block; position:relative;}
.heading{ float:left; width:100%; background:#02A1D1;}
.medium{ font-size:22px; background:#ffffff; color:#111; line-heigh:24px; padding:5px 20px; float:left; margin:0; font-weight:300; font-family:Roboto;}
.head_bg_angle{ background:url(../images/triangle.png) no-repeat 100%; float:left; width:41px; height:41px;}
.user_post{float:left; position:relative; width:100%; background:#fff; padding:20px 20px;}
.user_post_title{ font-size:16px; font-weight:300; font-family:Roboto;}
.text_aera{ margin-left:80px; display:block;}
.text_aera_child{ margin-left:70px; display:block;}
.user_post_child{float:left; position:relative; width:100%; background:#fff; padding:8px 0px;}
.activity_read_more{ margin-left:1em; font-size:14px; color:#02A1D1;}
.user_header_pic{ position:relative; float:left; width:60px;}
.box_area:focus{ border:1px solid #09C7DA !important; outline:none; box-shadow:none !important;}
.user_activity_head{float:left; width:100%;  position:relative; font-family:Roboto; font-size:13px; background:#fff; padding:20px 20px; }

.user__profile_pic{ position:relative; float:left; width:60px;}
.post_activiti{ position:relative; width:100%; 	 padding-left:80px; line-height:20px; }
.post_activiti p{ margin-bottom:5px; float:left;}
.user_bold{ font-weight:400; color:#222; font-size:13px;}
.activity_time{ font-weight:300; display:block; color:#666;}
.activity_time:hover{ text-decoration:underline; color:#666;}
.time_scene{ clear:both; font-size:11px; font-weight:300;  font-family:Roboto;}
.activity_meta{ display:block; margin:5px 0 0 0; width:100%;}
.num_comment{ margin: 0 0px 0 4px;
    background: #000;
    padding: 3px 6px;
    border-radius: 5px;
    color: #fff; }
.comments{ margin-right:15px; float:left; font-weight:300; color:#02A1D1;}
.comments:hover{ color:#666; text-decoration:none;}
.favorate{ color:#02A1D1; font-weight:300;}
.favorate:hover{ color:#666; text-decoration:none;}
.left_spc{ margin-left:15px;}
#submit_btn_sec{ float:left; margin:10px 0 0 0; display: none;}
#btn_custm{    background: #111;
    color: #fff;     padding: 3px 11px;
    font-family: roboto;
}
.btn_custm{background: #111;
    color: #fff;     padding: 3px 11px;
    font-family: roboto;}
	#flip {
    padding: 5px;height: 2em; width:100%;
    padding: 3px;transition: all 0.5s ease;
   border: solid 1px #c3c3c3;
}
#hide{ display:none;}
.black{ color:#111; font-size:17px !important}

/*------------------------------------news section--------------------------------------------*/
.div_main_sec{ display:block;  float:left; padding:0 15px}
.news_heading{ width:100%; margin-bottom:0px; float:left; border-bottom:2px solid #02A1D1;}
.small_heading{ font-weight:400; color:#111; padding:5px 0 12px 0; float:left;}
.news_topic_img{float:left; position:relative; width:60px; margin-right:15px;}
.news_right_sec{position:relative; margin-left:95px}
.news_post_sec{     display: block; padding-top:15px; padding-bottom: 15px; border-bottom:1px solid #ddd; float: left;
}
.news_dates{ float:left; display:block; margin-top:5px; font-size:11px; }
.news_dates a{color:#aaa;} .right_spc{ margin-right:7px;}
.news_sec_post_msg{ font-size:13px; font-family:Roboto; line-height:18px;}
.news_sec_post_msg a{ color:#111; letter-spacing:0.3px; transition: all 0.5s ease;} .news_sec_post_msg a:hover{color:#02A1B1; text-decoration:none;}
.news_sec_title{  display:block; font-size:11px; margin-bottom:3px;}
.news_sec_title a{ color:#111; font-weight:400; transition: all 0.5s ease;} .news_sec_title a:hover{ text-decoration:none; }
#comment{ display:none; padding:0; marging:7px 0;}
#comment li{ display:block; margin:0; padding:0;}
.post_activity_area{ float:left; border-bottom:1px solid #ddd; width:100%; padding-bottom:10px; display:block;}
.post_cntent{ float:left; width:100%;   }
.child_post_cntetn{ float:left; width:100%;}
.textbox_l{ width:100%; background: #ededed; -moz-border: 1px solid #ddd; -o-border: 1px solid #ddd;
    border: 1px solid #ddd; padding:6px; color:#666;}
.textbox_l:focus{ border:1px solid #ddd; box-shadow:none !important; outline:none;}	
.child_post_btnsec{ display:block; margin:10px 0 0 0;}
#child_post_sec{ display:none; float:left; padding:0; margin:0;}
.user__profile_pic_small{ width:40px; position:relative; float:left;}
.post_activiti_small{    position: relative;
    width: 100%;
    padding-left: 50px;
    line-height: 20px;}
.post_activity_area_child{float:left; border-top:1px solid #ddd; width:100%; padding-top:10px; display:block; }
#like_area{display:none; padding:0; marging:7px 0;}
#child_reply_sec{display:none; padding:0; marging:7px 0;}
.reply_box_sec{ width:90%; margin-left:10%;}
.logo_secf{padding:6px 15px !important;}
.logo_secf img{ max-width:100px;}
.navbar-default .navbar-nav > li > a{ color:#fff !important; font-weight:300; font-size:15px; font-family:roboto;}
.wrapper_mdl_img{margin-top:0; display:block; float:left; width:100%; margin-bottom:20px; position:relative;}
.img-wrapper{  width:100%; overflow:hidden; position:relative; }
.img_back{ text-decoration:none; display:block; width:100%; height:100%;}
.img_back_sec{ width:100%; height:100%; display:block; overflow:hidden; position:relative; z-index:1;}
.img_back_sec img{ float:left; transition: all .2s ease-in-out; width:100%;}
.wrap_thumb{ position:absolute; z-index:2; width:100%; padding:30px 30px 20px 30px; bottom:0;

background: -webkit-linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6)); /* Standard syntax */

}
.wrap_thumb h3{ color:#fff; font-size:18px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.4); margin:7px 0 10px 0; font-weight:400;}
.wrap_thumb p{ color:#fff; font-size:15px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.4); font-weight:300;}
.img_back_sec img:hover{ -webkit-transform: scale(1.1); cursor:pointer; -m-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} 
.img-wrapper:hover .img_back_sec img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.btn_custm{ background:#02A1D1; box-shadow:1px 2px 5px #000;  color:#fff;   
/*-moz-box-shadow:    inset 0 0 10px #333;
   -webkit-box-shadow: inset 0 0 10px #333;
   box-shadow:         inset 0 0 10px #333;*/}
.btn_custm:hover{ color:#fff !important;}
.footer_links{list-style-type:none; margin:0;  padding:0; color:#fff;}
.footer_links li{ line-height:23px;}
.footer_links li a{ color:#ccc; font-weight:300; color:#888;}
.white{ color:#fff; font-weight:400;}

/*-----------------------------------------------------------------12-01-2016---------------------------------------------*/
.breadcrumb{ background:none !important;}
.fmain{ float:left; width:100%; position:relative; margin-top:70px; margin-bottom:30px;}
.forum{ background:#fff; display:block; padding:20px 15px; }
.forum h1,.group h1{ margin:15px 0; font-weight:300; color:#000;}
.panel{border-radius:0px !important;}
.pannel_align{ margin:0 15px;}
.panel-default .panel-heading {
       color: #FFF;
    background-color: #0C0C0C;
    border-color: #222 !important;
    padding: 15px 15px;
}
.panel-body{ padding:0px 0 !important; font-family:roboto!important;}
.panel-default .panel-heading h3{ font-weight:300;}
.p_head{background:#353535 !important; border-top-left-radius:0px !important; border-top-right-radius:0px !important;
    color: #eee !important; font-weight:300 !important;}
.cells{ float:left; width:100%; padding:20px 0; display:block;}	
.col_1{ width:56%; float:left; display:block; padding:0 15px;}
.col_2{ width:20%; float:left; padding:0 15px;}
.col_3{ width:24%; float:left;padding:0 15px;}

.forum_title a{ display:block; color:#222; font-size:16px; margin-bottom:5px;}
.forum_title label{ display:block; margin-bottom:5px; font-weight:400;}
.subject_forum{ color:#02A1D1; display:block; margin-bottom:5px;}
.forum_history a{ color:#02A1D1; font-weight: 300;
}
.cells:nth-child(odd){ background:#f8f8f8;}
.cells:nth-child(even){ background:#fff;}
.sky_blue{ background:#02A1D1!important; border-color:#02A1D1 !important; color:#fff;}
.nav_right_sect_spc{ margin:0 !important; padding:0!important;}
.nav_right_list{float: left;
    /* padding: 10px 0; */
    color: #fff; margin-right:15px; background:rgba(0, 0, 0, 0.2);
    font-size: 15px; padding:0 15px;
    line-height: 50px;}
.nav_right_list:hover{ color:#ddd; text-decoration:none;}
.foot_lnk{ color:#666;}	
.bottm_spc{ margin-bottom:20px;}
.group{ background:#fff; padding:20px 30px;}
.group1{ background:#fff; padding:20px 15px;}
.group_nav{ float:left; list-style-type:none; margin:0; padding:0;}
.group_nav li{ display:block; float:left; padding:15px 0; margin-right:25px;}
.group_nav li a{ color:#fff; font-weight:300;}
.group_nav li a span{ background:#fff; color:#000; margin-left:7px; font-weight:400; padding:3px 6px; font-size:12px; border-radius:5px; }
.morespace_sec{padding-left: 30px; padding-right: 30px;}
.light{font-weight:300;}
.thum_title{ color:#000; font-size:16px; margin:5px 0; font-weight:500;}
.thumb_descp{ font-size:13px; color:#888;}
.thumbnail_edit{ position:relative; border-radius:1px !important; overflow:hidden; padding:0 !important; border:none !important;
}
.top_btm{ margin:10px 0;}
.group_info{ position:absolute; bottom:25px; right:5%;}
.group_info a { background:#000; padding:5px 15px; color:#fff; font-weight:300;}
.group_information{ clear:both; float:left; padding:15px 0px 0px 0px; display: block;
    width: 100%; }
.group1_information{ clear:both; float:left; padding:15px 0px 0px 15px; display: block;
    width: 100%; }
.space_both{ padding:0 30px !important;}
.highlights{ background:#353535 !important; width:100%; float:left; display:block; padding:0 30px;}
.spc_adjust{ margin:5px 0 !important;}




@media(max-width:767px){
body.off-canvas-nav-left.out nav.navbar-fixed-top .navbar-collapse{ background:#000;}
.col_1,.col_2, .col_3{ width:100%; padding:15px 15px;}
}
@media(min-width:768px) and (max-width:991px)
{
.fmain{ margin-top:auto;}
}