@import url("fonts/stylesheet.css");
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('fonts/opensans-extrabold-webfont.eot');
    src: url('fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
	}

* {margin:0; padding:0; outline:0;  vertical-align:baseline;}
body {line-height:normal;font-weight:normal!important; color:#000000; height:100%; width:100%; background: #edf2f6;font-family: 'open_sansregular'!important;}
a {outline:none; text-decoration:none; color:#00a2ec;}
a:hover{text-decoration:none;color:#00a2ec;}


input, textarea, select {font-size:13px; color:#3a3a3a; vertical-align:middle; outline:none; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; resize:none; -webkit-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s;}
input[type="button"] {-webkit-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s;}
.transition {-webkit-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s;}


.btn_red{-webkit-box-shadow: -1 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    border-radius: .125rem!important;
    -webkit-border-radius: .125rem;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .6px;
    background-color: #de644d;
    color: #fff;
    border: none;
    padding:.375rem 20px;
}

.btn_red:hover{background-color: #cb3925;
transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
outline: 0;
color:#fff;

}

.btn_blue, .formBtn, .cancelBtn{-webkit-box-shadow: -1 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    border-radius: .125rem!important;
    -webkit-border-radius: .125rem;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500!important;
    letter-spacing: .6px;
    background-color: #00a2ec!important;
    color: #fff!important;
    border: none!important;
    padding:.375rem 20px;
}

.btn_blue:hover, .formBtn:hover, .cancelBtn:hover{background-color: #00a2ec;
transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
outline: 0;
color:#fff;

}







.clr {clear:both !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.vAlign {vertical-align:middle !important;}
img {border:none;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
ul {list-style:none;}
.clearfix:before, .clearfix:after {content:''; display:block; height:0; overflow:hidden;}
.clearfix:after {clear:both;}
.mainCon {width:100%; padding-top:70px; position:relative; top:1px;}
.outheader{padding-top:100px;}
header {background:#010101; height:66px; width:100%; z-index:1000; position:fixed; left:0; top:0; -webkit-box-shadow:0 0 4px #bcbcbc; -ms-box-shadow:0 0 4px #bcbcbc; -o-box-shadow:0 0 4px #bcbcbc; box-shadow:0 0 4px #bcbcbc;}
.mainWidth {max-width:1500px; margin:0 auto;padding:0 20px; }
.logo {float:left; padding:11px 0}
.logo a img{max-width:193px;}
.searchBox {position: relative!important;}
.check {background:url(../images/icons/read.png) no-repeat center; width:30px; height:27px; display:block; cursor:pointer; float:left;}
.searchInput {width: 350px; padding: 0px 10px; border: none; font-size: 13px; color: #929191; background: #fff; height: 33px; border-radius: 4px; font-weight: 600;}
.searchbtn {background:url(../images/icons/profile_search.png) no-repeat center; height:27px; width:30px; border:none;  overflow:hidden; text-indent:-1000px;}
.topRight {float:right;}
.topRight ul li {    display: block; float: left; position: relative;  padding: 17px 15px;
border-right: 1px solid #555555;}
.topRight ul li:last-child{border-right:0;padding-right:0;}
.topRight ul li:nth-child(1){border-right:0;}
.topRight ul li a {display:block; float:left;}
.topRight ul li a:hover, .topRight ul li.active a {opacity:1;}
.topRight ul li a.friend {background:url(../images/icons/friend_icon.png); width: 31px; height: 30px; background-position: 0px 8px;
    background-repeat: no-repeat;}
.topRight ul li a.notification {background:url(../images/icons/notifications_icon.png); width:19px; height:30px;background-position: 0px 5px; background-repeat: no-repeat;}
.topRight ul li a.message {background:url(../images/icons/message_icon.png); width: 29px; height: 27px; background-repeat: no-repeat;
    background-position: 0px 5px;}
.topRight ul li a.setting {background:url(../images/icons/account_options.png);width: 23px; height: 28px; background-repeat: no-repeat; background-position: 0px 5px;}
.topRight ul li.user a {    opacity: 1; color: #fff;width:100%;}
.profile_dp li:hover{background-image: linear-gradient(#ffffff, #f1f5f8, #c0c6cc);}
.profile_dp li:hover a{color: #000 !important;}
.topRight ul li.user a img {height: 31px; border-radius: 100%; vertical-align: middle; margin: 0 8px 0 0;}

.elip{width: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle; text-transform: capitalize; font-weight: 500; font-size: 15px; letter-spacing: .5px;}

/*.cutm_drp_list:after{    content: '';
    position: absolute;
    left: 0px;
    top: -9px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ccc;}*/
.cutm_drp_list{display: none;background: #fff;
    box-shadow: 0px 0px 4px 1px #ccc;
    position: absolute;
    top: 29px;padding:4px;
        z-index: 100;
}
.nfriend .cutm_drp_list li{    display: block;
    width: 100%;
    padding-left: 0;
    letter-spacing: .5px;
    padding-bottom: 4px;
    color: #929191;
    font-size: 12px;
    font-weight: 500;}
.nfriend .cutm_drp_list li:last-child{padding-bottom:0;}
.nfriend{    display: inline-block; font-size: 13px; font-weight: 600; width: 80px;
position: relative;}


.topRight ul li .popup  {background:#fff; width:350px; -webkit-box-shadow:0 0 3px #ccc; -ms-box-shadow:0 0 3px #ccc; -o-box-shadow:0 0 3px #ccc; box-shadow:0 0 3px #ccc; display:none; font-family:Tahoma, Geneva, sans-serif;}
.topRight ul li .popup .pouupHd { 
    padding: 10px;
    position: relative;
    background-color: #000;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;}

#jobs-list ul li{font-size: 14px!important;
    float: left!important;
    width: 20%!important;
    border: 0!important;}

.cropit-image-preview{width:100%!important;}

.messageleft1{    float: left; width: 100%; border: 0;
    padding: 20px;}

.add_friend_n{width:100%!important;}

.setting_edit .settingcancel{padding: 10px 7px!important;}

.searchFriend1{height: 32px!important;
    width: 100%!important;}

#job-info ul li > span:nth-child(2){float: none;display: inline-block;}

#jobs-list ul li a.active{color: #de644d!important;
}

#jobs-list{width: 100%!important;margin-bottom: 20px!important;}
#jobs-list ul li a{    padding: 9px 10px;}

.results_left .profile-image img{border-radius: 100%;}

.topRight ul li .popup .pouupHd .links {position:absolute; right:5px; top:11px; font-weight:normal;}
.topRight ul li .popup .pouupHd .links a {color:#0000ff; margin:0 7px;}
.topRight ul li .popup .pouupHd .links a:hover {color:#333;}
.topRight ul li .popup .loading {text-align:center; padding:30px;}

.width_ovr{width: 79.3%!important;}
.aboutBoxOvr{background: transparent!important;padding:0!important;}
.photoTabOvr{    background: #fff ; height: auto!important; padding: 15px;border-bottom: 1px solid #ccc}
.vid_ul h2{    margin: 0;
    background: #fff;
    padding: 10px;
    text-align: center;
    color: #7d7d7d;
    letter-spacing: .5px;}

.no_frnds{margin: 0;
    background: #fff;
    padding: 10px;
    text-align: center;
    color: #7d7d7d;
    letter-spacing: .5px;
        width: 100%;
    display: block;
}

#preview_add_more img{width:100px!important;height:100px!important;}

#pic_preview{max-height: none!important; overflow: unset!important; margin: auto!important;margin-top: 10px!important;}

.trs_ps{    color: #de644d;
    position: absolute;
    top: 16px;
    right: 20px;}


.topRight ul li .friendPopup {position:absolute; right:-119px; top:77px;z-index: 1}
.det a span{font-size: 13px; letter-spacing: .4px;}
.topRight ul li .friendPopup .arrow {background:url(../images/icons/popup_arrow_2.png); width:26px; height:13px; display:block; position:absolute; top:-13px; right:115px}

.topRight ul li .noticationPopup {position:absolute; right:-80px; top:81px;z-index: 1;}
.topRight ul li .noticationPopup .arrow {background:url(../images/icons/popup_arrow_2.png); width:26px; height:13px; display:block; position:absolute; top:-13px; right:73px;}


.det a span{color:#fff!important;}

.not_sectn_right{       position: absolute;
    top: 31px;
    right: 0;
    font-size: 11px;}

.not_sectn_right a{color:#929191;}
.result_id a span{    font-weight: 600!important;
    color: #929191!important;
    font-size: 12px!important;}

.not_sectnn{    float: left;
    width: 100%;
    position: relative;
    padding: 0px 0px 10px 0px;}

.not_sectn_left{float: left; margin: 0;    line-height: 48px;}
.del_btnn{    position: absolute;
    right: 20px;}

.messagedate1{    position: absolute;
    top: 25px;
    right: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #929191;
    letter-spacing: .5px;
    float: none!important;

}

.crt_p_txt{display: block;
    font-weight: 600;
    margin-bottom: 20px;}



.newAttBox .newAttBox .rgt{float: none!important;padding-left: 70px;
    padding-top: 13px;}

.sel_area{background-color: #fff;padding:15px;border-bottom: 1px solid #eee}

.chatWindow{border-bottom: 0!important}

.topRight ul li .messagePopup {position:absolute; right:-42px; top:80px;}
.topRight ul li .messagePopup .arrow {background:url(../images/icons/popup_arrow_2.png); width:26px; height:13px; display:block; position:absolute; top:-13px; right:37px;}
.topRight ul li .messagePopup .messageList ul li {display:block; float:none; position:relative; padding:0;}
.topRight ul li .messagePopup .messageList ul li a {display:block; float:none; color:#333; padding:0px 10px 0px 37px; font-weight:bold; min-height:16px; height:auto !important;}
.topRight ul li .messagePopup .messageList ul li a img {    position: absolute;
    left: 10px;
    top: 5px;
    width: 26px;
    vertical-align: top;
    border-radius: 100%;}

.topRight ul li .settingPopup {position:absolute; right:-5px; top:80px; width:150px;}
.topRight ul li .settingPopup .arrow {background:url(../images/icons/popup_arrow_2.png); width:26px; height:13px; display:block; position:absolute; top:-13px; right:0px;}
.topRight ul li .settingPopup .settingLinks ul li {display:block; float:none; padding:0;border-right:0;}
.topRight ul li .settingPopup .settingLinks ul li:last-child {border:none;}
.topRight ul li .settingPopup .settingLinks ul li a {display: block;
    float: none;
    padding: 10px 10px;
    position: relative;
    color: #fff;
    opacity: 1;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .4px;}

.settingLinks li a{    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
    max-width: 150px;
    overflow: hidden;}

.mn_ent_tb table tr td{padding-bottom: 10px;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    padding-top: 10px;}
.pd_cntrl{    padding: 15px 15px 0px 15px!important;}

.frnds_video .detBox .videoGallery li a img.video_Popup{width:24%;    border: 0!important;    box-shadow: none;}


.settingLinks li a:hover{background-image: linear-gradient(#ffffff, #f1f5f8, #c0c6cc);color:#000!important;}
.drp_seall{text-align:center;min-height:auto; padding: 5px 0px;}
.drp_see{padding:0;text-align:center;display:block;color:#fff;}

.topRight ul li .settingPopup .settingLinks ul li a i {display:block; position:absolute; left:8px; background:url(../images/icons/sprites_icon.png); width:18px;} 
.topRight ul li .settingPopup .settingLinks ul li a i.acSetting {background-position:0 -445px; height:16px; top:11px;}
.topRight ul li .settingPopup .settingLinks ul li a i.invite {background-position:0 -76px; height:17px; top:11px;}
.topRight ul li .settingPopup .settingLinks ul li a i.createAd {background-position:0 -55px; height:18px; top:11px;}
.topRight ul li .settingPopup .settingLinks ul li a i.change {background-position:0 -486px; height:18px; top:11px;}
.topRight ul li .settingPopup .settingLinks ul li a i.about {background-position:0 -509px; height:14px; top:11px;}
.topRight ul li .settingPopup .settingLinks ul li a i.contact {background-position:0 -527px; height:16px; top:11px;}
.topRight ul li .settingPopup .settingLinks ul li a i.logout {background-position:0 -547px; height:16px; top:11px;}

.topRight ul li .settingPopup .settingLinks ul li a i.createPage {background-position:0 -140px; height:18px; top:11px;}
.topRight ul li .settingPopup .settingLinks ul li a i.createGroup {background-position:0 -188px; height:13px; top:14px;}
.topRight ul li .settingPopup .settingLinks ul li a i.writeArticle {background-position:0 -297px; height:18px; top:11px;}
.topRight ul li .settingPopup .settingLinks ul li a i.createEvent {background-position:0 -252px; height:17px; top:11px;}

.settingLinks{background-color: #000;    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;}


.problemsection{}

.midCon {width:100%; position:relative; top:1px;}
.midLeft {width: 20.7%; float:left; padding: 0px 17px 0px 0px;}
.innerBox {border:1px solid #dedede; background:#fff; border-radius:3px;}
.profileImg {padding:5px;}
.profileImg img {-webkit-box-shadow:0 0 0 1px #dcdcdc; -ms-box-shadow:0 0 0 1px #dcdcdc; -o-box-shadow:0 0 0 1px #dcdcdc; box-shadow:0 0 0 1px #dcdcdc; width:100%; vertical-align:top;}
.dashboardLinks ul li {display:block; position:relative;}
.dashboardLinks ul li a {display:block; padding:9px 10px 9px 32px;}
.dashboardLinks ul li.hd a {background:#eaeaea; font-weight:bold;}
.dashboardLinks ul li a:hover {background:#edf0f8; color:#578cef;}
.dashboardLinks ul li a.createAd span {background:#de644d; color:#fff; display:inline-block; padding:5px 10px; border-radius:3px;}


#slidecontrols li a .fa-phone{transform: rotate(110deg);}
.ev_view_d{font-weight: 600;
    font-size: 17px;}

.dashboardLinks ul li a i {display:block; position:absolute; left:7px; width:18px; background:url(../images/icons/sprites_icon.png);}
.dashboardLinks ul li a i.myProfile {background-position:0 0; height:17px; top:8px;}
.dashboardLinks ul li a i.editInfo {background-position:0 -19px; height:18px; top:8px;}
.dashboardLinks ul li a i.changePhoto {background-position:0 -39px; height:14px; top:9px;}
.dashboardLinks ul li a i.createAd {background-position:0 -55px; height:18px; top:11px;}
.dashboardLinks ul li a i.inviteFriend {background-position:0 -76px; height:17px; top:8px;}
.dashboardLinks ul li a i.advertisements {background-position:0 -97px; height:15px; top:9px;}
.dashboardLinks ul li a i.page {background-position:0 0; height:17px; top:8px;}
.dashboardLinks ul li a i.likePage {background-position:0 -117px; height:18px; top:8px;}
.dashboardLinks ul li a i.createPage {background-position:0 -140px; height:18px; top:8px;}
.dashboardLinks ul li a i.group {background-position:0 0; height:17px; top:8px;}
.dashboardLinks ul li a i.findNewGroup {background-position:0 -164px; height:18px; top:8px;}
.dashboardLinks ul li a i.createGroup {background-position:0 -188px; height:13px; top:11px;}
.dashboardLinks ul li a i.manageGroup {background-position:0 -206px; height:19px; top:7px;}
.dashboardLinks ul li a i.event {background-position:0 0; height:17px; top:8px;}
.dashboardLinks ul li a i.searchEvent {background-position:0 -230px; height:17px; top:7px;}
.dashboardLinks ul li a i.createEvent {background-position:0 -252px; height:17px; top:7px;}
.dashboardLinks ul li a i.manageEvent {background-position:0 -273px; height:19px; top:6px;}
.dashboardLinks ul li a i.article {background-position:0 0; height:17px; top:8px;}
.dashboardLinks ul li a i.writeArticle {background-position:0 -297px; height:18px; top:7px;}
.dashboardLinks ul li a i.searchArticle {background-position:0 -320px; height:18px; top:6px;}

.midCen {width: 55.3%; float: left;}
.postForm {    border-radius: 2px; margin-bottom: 17px;} 
.postTab {height:32px; border-left:1px solid #fff;}
.postTab ul li {display:block; float:left; border-top:1px solid #fff; border-right:1px solid #fff;}
.postTab ul li a {display:block; float:left; height:31px; line-height:31px; color:#000; font-weight:bold; font-size:13px; padding:0 10px; background:#dfe1e3;}
.postTab ul li a:hover {background:#cccccc;}
.postTab ul li a.active {background:#fff; color:#578cef;}
.postTab ul li a i {display:inline-block; width:18px; background:url(../images/icons/sprites_icon.png); vertical-align:middle; margin:0 4px 4px 0;}
.postTab ul li a i.updateStatus {background-position:0 -344px; height:16px;}
.postTab ul li a i.addPV {background-position:0 -364px; height:14px;}
.postTab ul li a i.event {background-position:0 -252px; height:17px;}
.postTab ul li a i.postArticle {background-position:0 -297px; height:18px;}

.postInner {background:#fff; padding:25px;}
.upper_heading .fas{color: #de644d; margin-right: 5px; font-size: 19px; display: inline-block;
    vertical-align: 0px;}

.no_found{background: #fff;
    display: block;
    padding: 20px;
    text-align: center;
    color: #7d7d7d;}    
.upper_heading .far{color: #de644d;
    margin-right: 5px;
    font-size: 19px;
    display: inline-block;
    vertical-align: -2px;}

.ext_pd{    padding: 25px 25px 0px 25px;}
.fr_img_h li a img{height: auto!important;
    margin: 5px!important;}


#noPosts{text-align: center;
    width: 100%;
    display: block;
    font-weight: 600;
    color: #7d7d7d;
    font-size: 14px;
    letter-spacing: .5px;}

.detBox .owl-theme .owl-nav [class*=owl-]{    margin: 5px 2px;}


.shareWith select {     width: 70px;
    color: #dd644c;
    border: 0;
    font-size: 13px;
    vertical-align: 0px;
    display: inline-block;
    text-align: left;
    padding: 0px 0px 5px 5px;
}
.shareWith .fas{    color: #7d7d7d;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;}
.shareWith span{    font-size: 13px; font-weight: 600;margin-right: 10px;}
.apv_txt{    color: #999;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;}
.bt_top{    
    padding-top: 15px;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;}

.bt_top .fa-image{font-size: 21px;
    vertical-align: middle;
    color: #000;margin-right:5px;
    display: inline-block;
}

.evt_right_img img{width:40px!important;height:40px!important;}


.userBox {position:relative; min-height:70px; height:auto !important;padding: 0px 0px 0px 70px;}
.userBox .img {padding: 0; position: absolute; left: 0px; top: 0px; width: 48px;}
.userBox .img img {    border-radius: 100%;
    width: 50px;
    height: 50px;
    border: 1px solid #cac8c8;}
.unlikePost, .comment_show, .likePost{font-weight:400;}

.pdl_70{padding-left:70px;}
.youdonat .selected{background-color:#de644d!important;}

.cover_img a{display: block; height: 100px;}
.cover_img a img{max-height:100%;}


.userBox .userInfo {color:#999;line-height: 17px;    font-weight: 400;position: relative;} 
.userBox .userInfo a {display: block;
    font-weight: 600;
    margin-bottom: 0px;
    text-transform: capitalize;
    color: #090909;
    font-size: 14px;
    padding-top: 6px;}  

.dots_right{position: absolute;
    top: 0;
    right: 0;}

.art_drp{position: relative;cursor: pointer;}
.art_drp ul{position: absolute;
    background: #fff;
    min-width: 110px;
    right: 0;
    box-shadow: 0px 0px 2px 1px #eee;
    padding: 5px;
    display: none;
}
.art_drp ul li a{    padding: 3px 5px!important;
    color: #7d7d7d!important;
    font-size: 12px!important;
    letter-spacing: .5px!important;}


.userBox .showHide {position:absolute; right:0px; top:0px;}
.userBox .showHide a {display:block; background:url(../images/icons/arrow-221-512.png); width:20px; height:20px;    background-repeat: no-repeat;    background-position: 0px 10px;}
.userBox .showHide a:hover{text-decoration:none;}

.ab_clr{color: #33bdfb;font-weight:600;}
.sh_sectn .userBox .userInfo{padding-left: 55px; padding-top: 10px;}
.sh_sectn .postTxt{    margin-top: 20px; padding-left: 0!important;}

.postTxt {    color: #565656;
    padding: 0 10px 0px 70px;
    line-height: 22px;
    word-wrap: break-word;
    font-weight: 400;
    font-size: 15px;
        margin-bottom: 10px;
}

.mt_100{margin-top:100px;}
.mt_80{margin-top:80px!important;}
.mt_60{margin-top:60px;}
.mt_40{margin-top:40px;}

.comment_edit{    position: absolute;
    top: 17px;
    right: 10px;
    text-align: right
   }

#jobs-list{width:100%;}

.commnt_tggle img{cursor: pointer;}

.comment_edit a{display: block;}
.commnt_tggle{position: absolute;top:0;right:10px;}

.addTab_2{top:5px!important;}


.popup_img input[type="submit"]{-webkit-box-shadow: -1 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); border-radius: .125rem!important; -webkit-border-radius: .125rem; text-transform: capitalize; font-size: 14px; font-weight: 500; letter-spacing: .6px; background-color: #00a2ec; color: #fff; border: none; padding: .375rem 20px;cursor:pointer;}
.popup_img input[type="submit"]:hover{background-color: #00a2ec;
transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
outline: 0;
color:#fff;}

.post-creator .userBox{margin-top: 20px;}
.postImg {  display: block;    max-width: 100%;  margin: 0 0 0px 70px; position:relative;    width: auto; text-align:center;}
.postImg img {  display:block;    width: 100%; margin:auto;}
.postReply {        margin-top: 10px;
    padding: 10px;
    color: #333;
    margin-left: 70px;
    border-bottom: 1px solid #ddd;}
.likeThis {border-top:1px solid #e8ebed; padding:8px 10px; color:#333;    margin-left: 70px; margin-right: 14px;}
.likeThis a{color: #000; text-decoration: underline; font-size: 13px;font-weight: 400;}
.likeThis a:hover{color: #00a2ec}
.likeIcon {display:inline-block; background:url(../images/icons/sprites_icon.png) 0 -382px; width:18px; height:17px; vertical-align:middle; margin:0 8px 1px 0;}
.share {border-top:1px solid #e8ebed; padding:8px 10px; color:#333;}
.shareIcon {display:inline-block; background:url(../images/icons/sprites_icon.png) 0 -404px; width:18px; height:13px; vertical-align:middle; margin:0 8px 1px 0;}
.commenBox {color:#333;margin-bottom: 20px;}
.commentList{padding-left: 70px;margin-bottom: 10px;}
.commentIcon {display:inline-block; background:url(../images/icons/sprites_icon.png) 0 -422px; width:18px; height:18px; vertical-align:middle; margin:0 8px 0 0;}
.commentList ul li {display:block; padding:10px 0 0 0; min-height:42px; height:auto !important; position:relative;}
.commentList ul li .userImg {position:absolute; left:0; top:16px; width:40px;}
.commentList ul li .userImg img {    width: 100%; vertical-align: middle; border-radius: 100%;
    display: inline-block}
.commentList ul li .commentDet {    margin: 5px 0 0 60px; color: #999; line-height: 18px; word-wrap: break-word; background: #eff1f3;
       padding: 8px 53px 8px 8px;border-radius: 3px;}
.commentList ul li .commentDet span {font-size:11px;}

.bannerImg{    border: 1px solid #ccc;height:250px!important;}
.commentList ul{margin-top: 20px;}

.width_ovrrr{width:100%!important;}

.postCommentBox {    padding: 20px 0px 0px 10px; position: relative; height: auto !important; margin-left: 70px; }
.postCommentBox .userImg {position:absolute; left:0px; top:20px; width:40px;}
.postCommentBox .userImg img {width:100%; vertical-align:top; border-radius:100%;    width: 40px; height: 40px;}
.commentBox {padding:0 0 0 50px; position:relative;}
.commentBox .commentTA {border:1px solid #ddd; width:100%; height:40px!important;padding: 9px 33px 5px 10px; color:#000; resize:none;  word-wrap:break-word;border-radius: 2px;}
.commentBox .photo {position:absolute; right:36px; top:7px;}
.commentBox .smile {position:absolute; right:8px; top:8px;}
.commentBox .smile img {width:20px; opacity:.7;}
.postCommentBox .fa-telegram-plane{position: absolute; top: 28px; right: 10px; color: #de644d; font-size: 24px;cursor:pointer;
z-index: 100;}







.midRight {width: 24%; float: right;padding: 0px 0px 0px 17px;}
.rightTop {padding:10px 0; text-align:center;}
.rightTop a {display:inline-block; background:#578cef; color:#fff; border-radius:3px; padding:6px 10px; margin:0 8px;}
.rightTop a:hover {background:#333;}
.yourpages {border-bottom:1px solid #e9eaed;}
.yourpages .hd {background:#f6f7f8; padding:10px; font-weight:bold; border-bottom:1px solid #e9eaed; font-size:13px;}
.yourpages a {display:block; padding:10px;}
.yourpages a img {vertical-align:middle; border-radius:2px;}
.yourpages a span {display:inline-block; padding:0 15px 0 5px; background:url(../images/icons/arro_blue.png) no-repeat right;}
.thisWeek {text-align:center; border-bottom:1px solid #e9eaed; padding:10px 0 0 0; font-size:13px; font-weight:bold;}
.thisWeek a {display:inline-block; width:49%; padding:12px 0; display:block; float:left; margin:5px 0;}
.thisWeek a span {color:#000;}
.thisWeek a.pageLike {border-right:1px solid #e9eaed; width:50%;}
.recentPost {padding:10px;}
h2 {font-size:14px; font-weight:bold; padding-bottom:10px;}
.recentPostList li {display:block; background:url(../images/icons/post_icon.jpg) no-repeat 0 3px; padding:0 0 10px 25px; color:#999999;}
.recentPostList li a {display:block; color:#148ced; font-weight:bold;}
.recentPostList li a:hover {color:#333;}
.seeMore {text-align:right; font-family:Tahoma, Geneva, sans-serif;}
.seeMore a {color:#89919c;}
.seeMore a:hover {color:#333;}
.advisoryBoard .hd {background:#f6f7f8; padding:10px; font-weight:bold; border-bottom:1px solid #e9eaed; font-size:13px;}
.advisoryBoard .inner {padding:10px; text-align:center;}
.advisoryBoard .inner a {display:block; background:#578cef; width:115px; margin:0 auto 5px auto; color:#fff; padding:7px 0; border-radius:3px;}
.advisoryBoard .inner a:hover {background:#333;}
.galleryBox {border-top:1px solid #e9eaed;}
.galleryCov {position:relative; padding:0 17px 10px 17px;}
.galleryCov ul li {border:1px solid #eee;}
.galleryCov ul li img {width:100%; vertical-align:top;}
.galleryCov .bx-pager {display:none;}
.galleryCov .bx-controls-direction a {position:absolute; top:50%; margin:-15px 0 0 0; display:block; width:20px; height:20px; overflow:hidden; text-indent:-100px;}
.galleryCov .bx-controls-direction a.bx-prev {background:url(../images/icons/arrow-left.png); background-size:cover; left:-6px;}
.galleryCov .bx-controls-direction a.bx-next {background:url(../images/icons/arrow-right.png); background-size:cover; right:-6px;}

.articleList li {display:block; padding-bottom:10px; position:relative;}
.articleList li .articleImg {position:absolute; left:0; top:3px; width:50px;height:50px;}
.articleList li .articleImg img {    width: 90%; vertical-align: top; border: 1px solid #cac8c8; border-radius: 100%!important;}
.articleList li .articleDet {padding:8px 0 0 50px; color:#999999;}
.articleList li .articleDet a {    display: block;
    font-weight: 600;
    margin-bottom: 0px;
    word-wrap: break-word;
    color: #000;
    font-size: 13px;
}
.articleList li .articleDet a:hover {color:#333;}
.name_ellipses{text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100px;}

.mt_frnd{    color: #6c6c6c; font-size: 12px; font-weight: 600;}
.pt_remove{padding-top:0!important;}
.midRight{padding-top:0!important;}
.midCen{padding-top:0!important;}
.midLeft{padding-top:0!important;}

.hospitalss .aboutBox{background: #fff;}
/* Updated On 30 Apr*/

.midLeftBig {width:76%; float:left; padding:10px 0;}
.wth76{width:76%;float: left;padding-right:15px;}
.bannerCon {position:relative; border-radius:3px;}
.bannerImg img {width:100%; vertical-align:top; border-radius:3px 3px 0 0;}
.updateCoverPhoto {position:absolute; left:10px; top:10px; font-family:Tahoma, Geneva, sans-serif;}
.updateCoverPhoto a {   display: block;
    background: #777676;
    padding: 7px 10px;
    color: #fff;
    font-size: 14px;
    letter-spacing: .5px;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;}

.updateCoverPhoto a img {vertical-align:middle; margin:0 0 4px 0;}
.bannerProfileImg {width:150px; padding:5px; background:#fff; border-radius:3px;  position:absolute; left:10px; bottom:10px;}
.bannerProfileImg img {max-width:100%; vertical-align:top;width:auto;}
.bannerProfileImg .updatePhoto {    width: 35px;
    position: absolute;
    bottom: 29px;
    right: 0;}
.profileName {position: absolute;
    left: 0;
    bottom: auto;
    color: #00a2ec;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    max-width: 320px;
    right: 0;
    margin: auto;
    top: 45px;
    letter-spacing: .5px;}
.profileName span {    display: block; font-size: 16px; word-wrap: break-word; text-transform: capitalize; color: #000;
    font-weight: 600;    margin-bottom: 0px;}
.follow {position:absolute; bottom:60px; right:15px;}
.follow a {background:#f6f7f8; display:inline-block; border:1px solid #b6b7b9; border-radius:2px; padding:0 10px; color:#4e5665; font-weight:bold; height:24px; line-height:24px;}
.follow a span {color:#de644d; font-size:16px; display:inline-block; vertical-align:middle; margin:0 2px 0 0;}
.follow a img {vertical-align:middle; margin-bottom:2px;}

.bannerLinks {height:100px; background:#fff;padding: 0 100px;}
.bannerLinks ul li {    display: block; float: left; position: relative}
.bannerLinks ul li a {display: block;
    float: left;
    color: #777676;
    padding-right: 70px;
    font-size: 16px;
    font-weight: 600;}
.bannerLinks ul li:last-child a{padding-right:0;}
.bnlink_right ul li a{padding-right:0!important;padding-left:70px!important;}
.bnlink_right ul li:last-child a{padding-left:0;}

.bannerLinks ul li a .fas{display: inline-block;vertical-align: middle;font-size:17px;}
.bannerLinks ul li a .far{font-size: 18px;display: inline-block;vertical-align: middle;}
.fnt16{font-size:16px!important;}



.cropit-image-preview{text-align: center!important;
    margin: auto!important;
    }

.topRight .user{position: relative;}

.profile_dp{display: none}

.profile_dp li{width:100%;display: block;padding:0!important;border-right:0!important;}
.profile_dp{    position: absolute;
    top: 80px;
    background: #000;
    min-width: 150px;

        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;

}

.profile_dp:after{  content: '';
    position: absolute;
    left: 1px;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #000;
    clear: both;
    transform: rotate(181deg);
    z-index: 1;}


.profile_dp li a{    font-weight: 400;
    font-size: 12px;
    padding: 10px;}

.gr_jns span{display: none!important}





.bannerLinks ul li.channel a img {vertical-align:middle; margin:0 0 0 0;}
.bannerLinks ul li.createpage {float:right; margin:5px 0; padding:2px 5px; border:none;}
.bannerLinks ul li.createpage a {background:#578cef; border-radius:2px; color:#fff; height:auto; padding:7px 10px;font-family:Arial,Helvetica,sans-serif;}
.bannerLinks ul li.createpage a:hover {background:#333;}
.bannerLinks ul li a .arrow {background:url(../images/icons/btm_arrow.gif) no-repeat center; width:100%; height:7px; position:absolute; bottom:-6px; left:0; display:none!important;}
.bannerLinks ul li a.active .arrow {display:block;}
.aboutHd img {vertical-align:middle; margin:0 0 3px 0;}
.overviewBox {width:190px; float:left; padding:10px;}
.overviewBox .hd {display:block; font-size:18px; font-weight:bold; padding-bottom:5px;}

.aboutRight {float:right; padding:10px; width:535px;}
.workInfo {padding-top:10px;    padding-left: 10px;}
.workInfo ul li {display:block; padding:10px 0 10px 40px;  color:#9197a3; position:relative; font-size: 16px;font-weight:400;}
.pos_rel{position: relative;}
.workInfo ul li:last-child {border:none;}
.workInfo ul li img {position:absolute; left:0; top:12px; width:32px; vertical-align:top;}
.workInfo ul li span {font-size:11px; display:block; padding-top:4px;}
.wrk_info{    padding-top: 10px!important;
    padding-left: 0px!important;
    padding-bottom: 10px!important;}
.addressInfo img {vertical-align:middle; margin:0 4px 1px 0;}
.addressInfo .space {padding:6px 0;}

#slidecontrols1 li .far{font-size:20px;color: #777676;}
.h_30{height:30px!important;}

.photoTab ul li {    float: left;
    color: #7d7d7d;
    font-style: normal;
    font-weight: 600;}

.eventssec span h4{    font-size: 13px; font-weight: 400}

.imgauto{margin:auto;max-width:100%; }
.photoTab ul li a.active {color:#000!important;}
.photoTab ul li a.active span{color:#000;}
.photoTab ul li a.active:after{    content: "";
    position: absolute;
    bottom: -16px;
       background: #de644d;
    height: 3px;
    width: 88%;
    z-index: 1;
    left: 0;}
.photoTab ul li{position: relative;}
.photoTab ul li a span {font-weight:normal; color:#9197a3;    font-weight: 600;}
.addTab {position:absolute; right:10px; top:10px;}
.addTab ul li {display:block; float:left; padding:0 0 0 5px; font-size:13px; font-weight:normal;}
.addTab ul li a {display: block;
    float: left;
    border-radius: 5px;
    line-height: 22px;
    padding: 8px 13px;
    background: #00a2ec;
    color: #fff;
    font-size: 14px;
    margin-top: 0px;
}




.addTab ul li a span {font-weight:bold; color:#de644d; font-size:16px; display:inline-block; vertical-align:middle; margin:0 4px 2px 0;}
.addTab ul li a.blue {border:1px solid #578cef; color:#fff; background:#578cef;}
.addTab ul li a.blue:hover {background:#333; border:1px solid #333;}

.moreimage{position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    color: #fff;
    height: 100%;
    padding: 39px;
    font-size: 23px;
    font-weight: 600;}

.photosoverlay{display: none!important}

.photoGallery ul li {    display: block;
    float: left;
    width: 15.8%!important;
    margin-bottom: 1%;
    margin-right: 1%;
    text-align: center;
    position: relative;
    background: #fff;
    padding: 10px;
    border-radius: 2px;
    }

.bg_tr{background: transparent!important;}


.photoGallery ul li:nth-child(6n+6){margin-right:0;}
.photoGallery{padding: 20px 0px 10px 0px;}


.photoGallery ul li img {    max-width: 100%;
    margin: auto;
    }

.gl_img ul li img{max-width: none!important;
    margin: auto!important;
    height: 100%!important;
    width: 100%!important;}


#ulFriends{  
    color: #000;
    font-weight: 600;
    font-size: 14px}

.loadMore {text-align:center;}
.loadMore img {vertical-align:top;}
.searchFriend {border: 1px solid #bdc7d8;
    background: #fff;
    width: 185px;
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 30px;
    height: 31px;
    padding-left: 12px;}
.searchFriend .input {width:160px; padding:5px 0px; border:none; background:none; vertical-align:top; color:#666; float:left;}
.searchFriend .btn {float:right; background:url(../images/icons/profile_search.png) no-repeat center; height:25px; width:25px; overflow:hidden; border:none; text-indent:-200px; cursor:pointer;margin-top: -25px;}
.video_bgg{background: #fff}

.top0vr{top:6px!important;}



.notebar{            border: 0!important;
    color: #7d7d7d!important;
    background-color: #fff!important;
    font-weight: 600;
    font-size: 14px;
    padding: 10px!important;
    text-align: center!important;
    letter-spacing: .5px;}

.fng_img{margin-bottom: 10px;}
.fng_img img{width: 80px;
    height: 80px;
    border-radius: 100%;
    border: 1px solid #cac8c8;
    margin-bottom: 7px;}

.wrd_ellpsis{    display: block;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    margin: auto;
    color:#7d7d7d;
    font-size:15px!important;
}

.friendsList{margin-top:20px;}
.friendsList ul li {    display: block;
    float: left;
    width: 15.8%;
    margin-right: 2%;
    margin-bottom: 2%;}
.friendsList ul li:nth-child(6n+6){margin-right:0;}
.friendsList ul li .box {    border-radius: 4px;
    border: 1px solid #f2f2f2;
    padding: 15px 15px 20px 15px;
    position: relative;
    text-align: center;
    background: #fff;
}

.friendList_edit ul li{width:23.5%!important;}
.friendList_edit ul li:nth-child(4n+4){margin-right:0!important;}
.friendList_edit ul li:nth-child(6n+6){margin-right:2%!important;}

.frnd_n_list ul li .box .lft img{width:40px!important;max-width:100%!important;} 
.frnd_n_list ul li .box .rgt a{margin-top: 10px;}
.frnd_n_list ul li{width: 15.8%!important;}

.frnd_n_list ul li:nth-child(6n+6) {
    margin-right: 0!important;
}

#slidecontrols1 .showhide a{color: #de644d!important}

.friendsList ul li .box .lft {float: none;
    width: 100%;}
.friendsList ul li .box .lft img {max-width:100%; vertical-align:top;    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.10),0 2px 10px 0 rgba(0,0,0,.10)!important;
    border-radius: 2px;}
.friendsList ul li .box .rgt {        width: 100%;
    color: #7d7d7d;
    font-size: 13px;
    position: relative;
    padding-right: 0;
    padding-left: 0;
    font-weight: 600;}

.fnd_frnd .photoTab{height: 23px!important;}
.upper_heading .addTab ul li a .fas{color:#fff;}

.ps_ovr{top: -4px!important; right: -4px!important;}
.ps_ovr_2{top: 7px!important;
    right: 7px!important;}

.friendsList ul li .box .rgt a {          display: block;
    padding-bottom: 5px;
    word-wrap: break-word;
    font-size: 13px;
    line-height: 13px!important;
    margin-top: 10px;
}

.chk_fnt{color:#7d7d7d;font-size:13px;font-weight:600;}

.pdng_ovr{padding:20px!important;}

.popupMid.glp_success{    padding: 0px 15px 15px 15px!important;height: auto!important;}
.popupMid.glp_success .botPad{text-align: center!important;
    padding: 0!important;}

.ecclipse{    width: 170px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}


.videoPlayer iframe{width:100%;}

.friendsList ul li .box .rgt .friends {    
      position: relative;
    right: 0;
    top: 0;
    border: 1px solid #00A2EB;
    border-radius: 2px;
    padding: 8px 13px;
    margin-top: 5px;
    text-align: center;
    color: #00A2EB!important;
    width: auto;
    font-weight: 400;
    display: inline-block;
    height: 30px;
    line-height: 11px; 
    }

.pd_ovr11{padding: 8px 13px!important;}

.ul-button ul{left: 177px!important;
    width: 90px!important;
    border: 1px solid #00a2ec!important;
    border-radius: 2px!important;
    background: transparent!important;
    bottom: 0!important;
        bottom: -1px!important;
}

.ul-button ul li a{font-weight: 400!important;
    background: transparent!important;
    line-height: 10px!important;
    padding: 6px 6px!important;
    border-bottom: 0!important;}

.friendsList ul li .box .rgt .friends img {vertical-align:middle;}
.social_icons li{float: left;width:20%;text-align:center;margin-bottom:10px;}
.social_icons li:nth-child(6), .social_icons li:nth-child(7), .social_icons li:nth-child(8){margin-bottom:0;}
.social_icons li a .fab{    background-color: #888888; color: #fff; width: 34px; height: 34px; border-radius: 100%;padding: 9px 10px;}
.social_icons li a .fa-youtube{padding: 9px 0px!important;}
.social_icons li:first-child a .fab, .social_icons li:last-child a .fab{padding: 9px 13px;}
.social_icons li a .fab:hover{background-color: #575757;}

a.addBtn {        background: transparent;
    border: 1px solid #00A2EB;
    color: #00a2ec;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500!important;}
.addFriendIcon {display:inline-block; background:url(../images/icons/sprites_icon.png) 0 -76px; width:18px; height:17px; vertical-align:middle; margin:0 5px 2px 0;}
.mngpage{    background: #fff; border-top: 1px solid #eee; padding: 15px;}
.detBox .owl-theme .owl-nav{margin-top:0;display: block;}
.detBox .owl-theme .owl-nav:focus{outline:none;}
.upper_heading{    position: relative;
    font-size: 15px;
    background-color: #fff;
    margin-bottom: 0;
    border-bottom: 1px solid #eee;
    padding: 15px;
    font-weight: 600;}

.user_msg{font-size: 13px;
    font-weight: 600;
    color: #7d7d7d;
}



.detBox {background: #fff;   padding: 15px;position: relative;border:0!important;}
h3 a.view {    position: absolute;
    right: 11px;
    top: 18px;
    font-size: 12px;
    z-index: 1;
    color: #7d7d7d;
    font-weight: 600;
    letter-spacing: .5px;}
.aboutList li {display:block; padding:8px 0; border-bottom:1px solid #dadada; font-size:13px; line-height:18px; color:#666;}
.aboutList li:last-child {border:none;}
.friendGallery li {display:block; float:left; width:25%;}
.friendGallery li img {border-radius:100%;width:100%; vertical-align:top; -webkit-box-shadow:0 0 0 1px #fff; -ms-box-shadow:0 0 0 1px #fff; -o-box-shadow:0 0 0 1px #fff; box-shadow:0 0 0 1px #fff;}
.albumGallery li {display:block; float:left; width:33.33%;}
.albumGallery li img {width:100%; vertical-align:top; -webkit-box-shadow:0 0 0 1px #fff; -ms-box-shadow:0 0 0 1px #fff; -o-box-shadow:0 0 0 1px #fff; box-shadow:0 0 0 1px #fff;}
.videoGallery li {display:block; float:left; width:33.33%; position:relative;}
.videoGallery li img {width:100%; vertical-align:top; -webkit-box-shadow:0 0 0 1px #fff; -ms-box-shadow:0 0 0 1px #fff; -o-box-shadow:0 0 0 1px #fff; box-shadow:0 0 0 1px #fff;}
.videoGallery li .time {display:block; position:absolute; right:2px; bottom:2px; background:rgba(0,0,0,.7); color:#FFF; padding:2px 5px; font-size:11px;}

.groupList{font-weight: 600;
    font-size: 13px;
    color: #7d7d7d;}
.groupList li {display:block; min-height:60px; position:relative; padding-bottom:10px;}
.groupList li .groupImg {position:absolute; width:60px; left:0; top:0;}
.groupList li .groupImg img {width:100%; vertical-align:top; border:1px solid #eee;}
.groupList li .groupDet {padding:0 0 0 72px; color:#999;}
.groupList li .groupDet a {    font-weight: 600;
    display: block;
    margin-bottom: 5px;
    font-size: 13px;}

.mem_font{font-weight: 600;
    font-size: 13px;}

.seemoree{    font-size: 11px; float: right; color: #7d7d7d;
    margin-top: 2px;}

.follow a.messageLink {background:#578cef; border:1px solid #578cef; color:#fff; font-weight:normal;}
.follow a.messageLink:hover {background:#333; border:1px solid #333;}
.dynHd {background:#f6f7f8; border-bottom:1px solid #ccc; padding:10px; font-size:13px; position:relative;}
.dynBox {padding:10px 120px 10px 10px; position:relative; font-size:13px;}
.dynBox .mutualFrieldList {padding:10px 0 0 0;}
.dynBox .mutualFrieldList li {display:block; float:left; border-right:1px solid #fff; float:left;}
.dynBox .mutualFrieldList li img {width:40px; vertical-align:top;}
.dynBox .mutualFrieldList li.link {padding:12px 0 0 10px;}
.dynBox .mutualFrieldList li.link a {color:#999;}
.dynBox .addFriend {position:absolute; right:10px; top:10px;}
.dynBox .addFriend a {background:#578cef; border-radius:2px; height:26px; line-height:26px; padding:0 10px; display:inline-block; color:#fff; font-weight:bold; font-size:12px;}
.dynBox .addFriend a span {font-size:16px; display:inline-block; vertical-align:middle;}
.dynBox .addFriend a:hover {background:#333;}



.articleList{font-weight: 600;
    font-size: 12px;
    letter-spacing: .5px;
    color: #7d7d7d;
        border: 0!important;

}


.font_edd{    font-size: 13px!important;
    font-weight: 600;
    letter-spacing: .5px;}


.channelList ul li {    display: block;
    float: left;
    width: 19.2%;
    border-radius: 4px;
    border: 1px solid #f2f2f2;
    margin-right: 1%;
    margin-bottom: 1%;
    position: relative;
    padding: 10px;
    background: #fff;
}

.channelList ul li:nth-child(6n+6){margin-right:0;}

.channelList ul li .box {background: #fff;}
.channelList ul li .box .lft {float:none; width:100%;text-align: center;}
.channelList ul li .box .lft img {max-width:100%; vertical-align:top;width:100%;}
.channelList ul li .box .rgt {    float: none;
    width: 100%;
    color: #7d7d7d;
    font-size: 13px;
    position: relative;
    font-weight: 600;
    text-align: center;}



.channelList ul li .box .rgt a {display:block; font-weight:bold; padding-top: 10px;    font-size: 15px;}
.channelList ul li .box .rgt .likeDislike {padding: 0px 0 7px 0;
    border-top: 1px solid #eee;
    margin-top: 10px;}
.channelList ul li .box .rgt .likeDislike a {font-weight:normal; display:inline-block; margin:0 12px 0 0;}
.channelList ul li .box .rgt .likeDislike a i {margin:0 4px 2px 0;}
.dislikeIcon {display:inline-block; background:url(../images/icons/sprites_icon.png) 0 -568px; width:18px; height:15px; vertical-align:middle; margin:0 8px 2px 0;}

.top_0vrrr{    top: 7px!important;}

.bannerLinks .mr-auto ul li .active{color: #de644d!important}
.bnlink_right ul li a.active{color: #de644d!important}

.rgt .friends{display: none!important}

.form_fld .formSelect{width:100%!important;}
.form_fld .formInput{width:100%!important;}

.createpageTab ul li {display:block; float:left; width:16.66%;}
.createpageTab ul li.active {background:url(../images/icons/top_arrow.png) no-repeat center bottom;}
.createpageTab ul li a {display:block; width:94%; margin:auto; text-align:center; font-size:15px; color:#333;}

.createpageTab ul li a i img {width:80%; vertical-align:top;}

.crp_txt{font-weight: 600;
    margin-top: 10px;
    display: block;
    line-height: 17px;
    font-size:13px;
}

.pd15imp{padding:15px!important;}


.formField {padding-bottom:10px;}
.formSelect {width:600px; padding:5px; border:1px solid #ccc; border-radius:4px;}
.formInput {width:600px; padding:6px; border:1px solid #ccc; border-radius:4px;}


.searchCon {width:100%; padding-bottom:20px;}
.searchCon .input {width:100%; padding:6px; border:1px solid #ccc; background:#eee; border-radius:3px; color:#000; float:left; margin-right:1%; font-size:13px;}

.cancr_srv{background: #fff;
    padding: 15px 0px;}

.searchCon .btn:hover {background:#333;}
.profileList ul li {display: block;
    float: left;
    border-radius: 3px;
    width: 13%;
    margin-right: 2%;
    margin-bottom: 2%;}
.profileList ul li .image {padding:8px; position:relative;}
.profileList ul li .image img {width:100%; vertical-align:top;     max-width: 100%;border:1px solid #ddd;}
.profileList ul li .image .followLink {position:absolute; bottom:15px; right:15px; width:30px; display:block;}
.profileList ul li .image .followPage {width:75px;}
.profileList ul li .image .followLink img {border:none;}
.profileList ul li .det {padding: 0 8px 10px 8px;
    font-size: 14px;
    color: #7d7d7d;
    text-align: center;
     }

.close.close_cst{opacity:1!important;}
.videoPopup_cst{padding:14px!important;}
.video_cancel{background: #000;
    color: #fff;
    width: 30px;
    height: 30px;
    font-size: 14px;
    border-radius: 100%;
    padding: 7px 0px;
    position: absolute;
    top: -22px;
    z-index: 1;}

#popUpData{line-height: 0}

.h_30 ul{padding-top: 5px;}

.artcle_image{font-size: 21px;
    vertical-align: middle;
    color: #000;
    margin-right: 5px;
    display: inline-block;}

.socialShare1 .fab:hover{background-color: #575757;}

.word_elip{    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    margin: auto;
    text-align: center;
    font-size: 15px;
}

.h_30 ul li.showhide a:after{content: "";
    position: absolute;
    bottom: -18px;
    background: #de644d;
    height: 3px;
    width: 88%;
    z-index: 1;
    left: 0;}

.profileList ul li .det a {display:block; font-weight:bold; margin-bottom:2px;}
.socialLinks {padding:0 8px 10px 8px;}
.socialLinks a {background:url(../images/icons/social.png); width:22px; height:22px; margin:0 5px 0 0; display:inline-block;}
.socialLinks a:hover {opacity:.7;}
.socialLinks a.facebook {background-position:0 0;}
.socialLinks a.linkedin {background-position:0 -23px;}
.socialLinks a.twitter {background-position:0 -46px;}
.socialLinks a.ping {background-position:0 -69px;}

.profileList_2 li{        margin-right: 1%!important;
    margin-bottom: 1%!important;
    width: 19.2%!important;
    border: 0;
    background: #fff;}
.profileList_2 li:nth-child(5n+5){margin-right:0!important;}


.paging {padding:10px 0 25px 0; text-align:center;}
.paging a {display:inline-block; background:#fff; padding:6px 10px; margin:0 3px; font-size:14px; color:#666;}
.paging a:hover, .paging a.active {background:#578cef; color:#fff;}
.marginTN {margin-top:0 !important;}
.suggestion {font-size:13px;}
.suggestion span {font-weight:normal; color:#999; margin-right:10px;}
.suggestion .formBtn {padding:5px 10px; font-size:12px;}

.d-block{display: block}


.ffBox {border-bottom:1px solid #e9eaed; padding:10px; color:#999; font-size:13px;}
.borNone {border:none;}
.ffField {margin:10px 0 0 0;}
.ffField span {display:block; padding-bottom:4px; color:#000; font-weight:bold;}
.ffField label {display:block; padding-bottom:4px;}
.ffField label input {margin:0 0 4px 0;}
.ffField .input {width:100%; padding:5px; border:1px solid #ccc; border-radius:3px; font-size:13px;}
.ffField .formBtn {padding:5px 10px; font-size:12px;}

.friendsList ul li .box .btns {position:absolute; right:0; top:0; text-align:right;}
.friendsList ul li .box .btns a {    display: inline-block;
    border: 1px solid #00a2ec;
    font-weight: normal;
    height: 26px;
    padding: 6px 8px;
    border-radius: 3px;
    margin-bottom: 5px;
    background: #fff;
    color: #00a2ec;
        width: 130px;
}
.friendsList ul li .box .btns a:hover {background: #fff;
    color: #00a2ec;
    border: 1px solid #00a2ec;}
.friendsList ul li .box .btns span {font-weight: normal;
    color: #de644d;
    padding: 10px 0 0 0;
    text-align: center;}
.friendsList ul li .box .btns{position: relative; top: 0; text-align: left;}
.friendsList ul li .box .btns span img {vertical-align:middle; margin:0 0 2px 0;}

.createGroupForm {padding:15px;}
.cgField {float:left; width:34%; text-align:right; color:#999; font-size:13px; clear:both; padding:10px 0;}
.cgLabel {float:left; width:60%; font-size:13px;}
.cgLabel .input {width:250px; padding:6px 8px; border:1px solid #ccc; border-radius:3px; font-size:13px;}
.privacyTxt {padding:4px 0 0 0;}
.privacyTxt span {display:block; color:#999; margin:2px 0 10px 17px; border-bottom:1px solid #eee; padding-bottom:10px;}
.privacyTxt input[type="radio"] {margin-bottom:4px;}
.cgLabel .leftSpace {padding-left:17px;}
.btnCover {margin-top:20px; padding:25px; text-align:center;}
.btnCover input {margin:0 5px;}

.group_table table tr td{padding-bottom: 15px}
.group_table table tr td:last-child{padding-bottom:0;}
.group_table table tr td .fas{color: #cb3925}
.group_table table tr td a{color: #000;font-size:14px;font-weight:600;}

.midRightBig {width:770px; float:right; padding:10px 0;}
.midRightBig .midCen {padding:10px 10px 10px 0;}
.follow .shareIcon {margin:0 4px 1px 0;}

.bannerLinks ul li.searchGroup {float:right; border:none; padding:2px 10px 0 0;} 
.bannerLinks ul li .searchFriend {position:static;}
.sponserImg {padding:10px; border-top:1px solid #e9eaed; text-align:center;}
.sponserImg img {max-width:100%;}
.groupInfo {padding:10px; border-top:1px solid #e9eaed; color:#999; font-size:13px;}
.publicGroup {padding:0 0 5px 0;}
.publicGroup img {vertical-align:middle; margin:0 0 4px 0;}
.grayClr {color:#999;}

.memberList {padding:5px;    margin-top: 20px;}
.memberList ul li {    display: block;
    float: left;
    width: 32%;
    margin-right: 1%;
    margin-bottom: 1%;}
.memberList ul li .box {border-radius:4px; border:1px solid #f2f2f2; padding:10px;}
.memberList ul li .box .lft {float:left; width:62px;}
.memberList ul li .box .lft img {width:100%; vertical-align:top;height:50px;}
.memberList ul li .box .rgt {float:right; width:156px; color:#999; font-size:13px; position:relative;}
.memberList ul li .box .rgt a {display:block;padding-bottom:5px; }

.aboutBox_ed{padding:20px!important;}

.addPeople {position:relative;}
.addPeople .add {position:absolute; left:0; top:0; font-size:20px; display:block; width:24px; height:28px; text-align:center; line-height:28px; color:#999;}
.addPeople .input {width:100%; padding:5px 5px 5px 26px; border:1px solid #ccc; border-radius:3px; font-size:13px;}
.addPeople.width {width:200px; margin-top:5px;}
.eventSlect {padding:5px 0 0 0;}
.eventSlect select {width:220px; padding:4px; border:1px solid #ccc; border-radius:3px; font-size:13px;}
.eventSearch {padding:10px 0 0 0;}
.eventSearch .evInput {width:100%; padding:5px; border:1px solid #ccc; border-radius:3px; font-size:13px; float:left; margin-right:2%;}
.eventSearch .evSelect {width:100%; padding:4px; border:1px solid #ccc; border-radius:3px; font-size:13px; float:left; margin-right:2%;}

.searchFriend_ovrr{position: relative!important;margin-top:10px;margin-bottom:10px;    margin-left: 10px;}
.addBtn_ed{border:0!important;}
.eventList ul li {display:block; border-bottom:1px solid #dadada; padding:15px; min-height:60px; position:relative;}
.eventList ul li .dateBox {background:#de644d; width:50px; text-align:center; color:#fff; font-size:13px; border-radius:4px; overflow:hidden; line-height:22px; position:absolute; left:15px; top:18px;}
.eventList ul li .dateBox span {display:block; font-size:25px; background:#bfbfbf; background:-moz-linear-gradient(top,#eee,#bfbfbf); background:-webkit-linear-gradient(top,#eee,#bfbfbf); background:-ms-linear-gradient(top,#eee,#bfbfbf); background:-o-linear-gradient(top,#eee,#bfbfbf); background:-linear-gradient(top,#eee,#bfbfbf); color:#666; line-height:normal; padding:2px 0;}
.eventList ul li .eventDet {padding:0 0 0 60px; color:#666; font-size:13px; line-height:19px;}
.eventList ul li .eventDet .hd {    font-size: 15px;
    font-weight: 600;
    padding-bottom: 5px;
    line-height: normal;}
.eventList ul li .eventDet .times {    display: inline-block;
    padding: 1px 0 10px 0px;
    color: #7d7d7d;
    margin-right: 15px;
    line-height: normal;
    font-weight: 600;
    font-size: 12px}
.eventList ul li .eventDet .location {    display: inline-block;
    padding: 1px 0 10px 20px;
    color: #7d7d7d;
    line-height: normal;
    font-size: 12px;
    font-weight: 600;}
.eventList ul li .eventDet .txt {    padding: 0 0 10px 0;
    word-wrap: break-word;
    font-weight: 600;
    letter-spacing: .5px;
    font-size: 13px;}
.eventList ul li .attends {float:left;}
.eventList ul li .user {float:left; padding:0 0 0 20px;}
.eventList ul li .user img {width:40px; padding:1px; border:1px solid #ccc; vertical-align:middle; margin-right:5px;}

.gpGallery {padding:10px;}
.gpGallery ul li {display:block; float:left; width:32.564%;margin-top:4px;margin-right:2px;margin-left:2px;}
.gpGallery ul li img {width:100%; vertical-align:top; -webkit-box-shadow:0 0 0 2px #fff; -ms-box-shadow:0 0 0 2px #fff; -o-box-shadow:0 0 0 2px #fff; box-shadow:0 0 0 2px #fff;}
.videoPlayer img {width:100%; vertical-align:top;}
/*Updated End For 30 Apr*/


/* Pop up Img */

.overlay{position: fixed;z-index: 99999;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.5);top: 0px;left: 0px; display:none;}
.popup_img {
    background-color: #ffffff;
    border-radius: 10px;
    display: none;
    left: 50%;
    padding: 20px;
    position: fixed;
    top: 50%;
    width: 404px;
    z-index: 999999;
    transform: translate(-50%, -50%);
    margin: auto!important;
    --webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
}


.popup_like {
    background-color: #ffffff;
    border: 3px solid #333333;
    border-radius: 10px;
    height: 404px;
    left: 50%;
    margin-left: -175px;
    margin-top: -179px;
    padding: 20px 5px;
    position: fixed;
    top: 37%;
    width: 404px;
    z-index: 999999;
}

.popup_name {
    background-color: #ffffff;
    border-radius: 10px;
    left: 50%;
    padding: 20px;
    position: fixed;
    top: 50%;
    width: 404px;
    z-index: 999999;
    transform: translate(-50%, -50%);
    height: auto;
}
.prfileImg{ text-align:center;}
.popup_img .blackHD{ font-size: 19px;
    margin-top: 0px;
    padding-bottom: 0px;
    color: #000;
    text-transform: uppercase;
    line-height: 10px;
    font-weight: 600; }
.popup_img .inputText{ width:100%; margin:20px 0px;box-sizing: border-box; border: solid 1px #fff; padding:10px;}
.coverImgBox {
    background-color: #efefef;
    border: 2px solid #ccc;
    border-radius: 5px;
    display: inline-block;
    height: auto;
    margin-top: 8px;
    width: auto;
}

.no_data_found{
    font-weight: 600!important;
    font-size: 13px!important;
    color: #7d7d7d!important;
}

.coverImg{   /* width:auto; */ width:850px; margin-left:-450px; height:auto; margin-top:-180px;}
.coverImg .coverImgBox{ width:850px; height:329px;}

.closep{    position: absolute;
    top: 10px;
    right: 10px;
    color: #000;
    width: 20px;
    height: 20px;
    font-size: 22px;
    cursor: pointer;
    line-height: 16px;
    text-align: center;
    border-radius: 50%;
    -ms-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    font-weight: 600;
}


.css_ovr1 .friendsList ul{padding: 20px 0px 0px 14px;}






.add_msg_frnd{position: absolute;
    top: -5px;
    width: 400px;
    text-align: center;
    display: block;
    right: -32px;

}

.orngBorder p{font-size: 13px;
    font-weight: 600;
    color: #7d7d7d;}






/* Search DropDown */
.searchBox{ position:relative;}
.searcDropDown{
    background: #fff;position: absolute;width: 100%;padding: 10px;left: 0px;top: 28px;box-sizing: border-box;border-radius: 2px;box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.2); display:none;}
.searchRow{    border-bottom: solid 1px #ccc;
    padding: 8px 0px;
    color: #666666;
    font-size: 12px;
    line-height: 27px;} 
.thumbUser{     width: 32px;
    height: 32px;
    margin-right: 10px;
    float: left;
    border-radius: 100%;
        border: 2px solid #929291;

}
.userName{ font-size:16px;}
.des{color:#929291;width:100%;word-wrap:break-word;}



/*  Notification  */

.topRight ul li { position:relative;}
.noti{ background-color: #de644d;
    color: #FFFFFF;
    display: block;
    position: absolute;
    text-align: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer;
    right: 5px;
    top: 15px;
    font-size: 10px;
    padding: 2px 1px;}



/*Start 4 May 2015*/
.topRight ul li .popupList ul li {float: none;
    padding: 14px 10px 0 10px;
    position: relative;
    min-height: 60px;
    background: #000;}

.topRight ul li .popupList ul li:hover{background-image: linear-gradient(#ffffff, #f1f5f8, #c0c6cc);}
.topRight ul li .popupList ul li:hover a, .topRight ul li .popupList ul li:hover span{color:#000!important;}


.topRight ul li .messagePopup .messageList ul li:hover{background-image: linear-gradient(#ffffff, #f1f5f8, #c0c6cc);}
.topRight ul li .messagePopup .messageList ul li:hover b, .topRight ul li .messagePopup .messageList ul li:hover label, .topRight ul li .messagePopup .messageList ul li:hover a{color:#000!important;}

.topRight ul li .popupList ul li:last-child {border-bottom:none;color: #fff;
    font-size: 13px;}

.topRight ul li .popupList ul li .image {position:absolute; left:10px; top:10px;}
.topRight ul li .popupList ul li .image img {width:40px; vertical-align:top;border-radius: 100%;}
.topRight ul li .popupList ul li .det {padding:0 0 10px 50px; color:#999;}
.topRight ul li .popupList ul li a {float: none; display: inline-block; font-size: 14px; font-weight: 600;color:#fff;}
.topRight ul li .popupList ul li .det .btns a {    background: #00a2ec;
    padding: 5px 10px;
    font-size: 12px;
    color: #fff;
    border-radius: 3px;
    margin: 5px 5px 0 0;
    font-weight: normal;
    -webkit-transition: ease-in-out .3s;
    -ms-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
    letter-spacing: .5px;}
.topRight ul li .popupList ul li .det .btns a:hover {background:#333;}

.formm_edit .formSelect{border:0!important;border-bottom: 1px solid #c6c6c6!important;border-radius: 0!important;    padding-left: 0;
    font-weight: 600;
    color: #7d7d7d;
    letter-spacing: .5px;}


/*add css here on 2 May   */
.follow button {background:#f6f7f8; display:inline-block; border:1px solid #b6b7b9; border-radius:2px; padding:0 10px; color:#4e5665; font-weight:bold; height:26px;cursor: pointer;}
/*add css here on 2 May   */


/* DropDown */

.dropDown{ position:relative;}
.dropDown ul{     position: absolute;
    left: 0px;
    bottom: -7px;
    z-index: 10;
    width: 91%;
    display: none;
    background: #00A2EC;
    color: #000;
    border-radius: 4px;}
.dropDown ul li{ width:100%;}
.dropDown ul li a{ width: 100%;
    border: 0px;
    box-sizing: border-box;
    background-color: #00A2EC;
    cursor: pointer;
    padding-left: 0;
    border-radius: 4px;
    color: #fff!important;}
.dropDown:hover ul{display:block;}
/*.dropDown ul li a:hover{ background-color:#efefef; }*/



/*CSS FOR THE PAGE CREATE STEPS 14 MAY */

.recentList li {display:block; padding:4px 0 4px 19px; background:url(../images/icons/read.png) no-repeat 0 4px;}
.videoCon {background:#fff; padding:2px 2px 2px 4px;}
.bigVideo {float:left; width:383px; position:relative; margin:2px 0 0 0;}
.bigVideo img {width:100%; vertical-align:top;}
.bigVideo .videoTxt {position:absolute; left:0; bottom:0; background:rgba(0,0,0,.4); width:100%;}
.bigVideo .videoTxt a {color:#fff; display:block; padding:10px;}
.bigVideo .videoTxt a span {font-size:17px; display:block; font-weight:bold; padding-bottom:2px;}
.smllVideo {float:left; width:186px; margin:2px 0 2px 4px; position:relative;}
.smllVideo .videoTxt {position:absolute; left:0; bottom:0; background:rgba(0,0,0,.4); width:100%;}
.smllVideo img {width:100%; vertical-align:top;}
.smllVideo .videoTxt a {color:#fff; display:block; padding:6px;}
.smllVideo .videoTxt a span {font-size:15px; display:block; font-weight:bold; padding-bottom:2px;}

.font_inc{font-size: 17px}

.prograssBox {position:absolute; left:260px; top:18px; font-size:11px; text-transform:uppercase; color:#999; font-weight:normal;}
.prograssBar {display:inline-block; background:#fff; border:1px solid #eaeaec; height:8px; width:160px; margin-right:5px; border-radius:10px; overflow:hidden; position:relative;}
.prograss {position:absolute; left:0; top:0; height:100%; background:#eaeaec;}
.closeGI {position:absolute; right:10px; top:16px; font-size:14px;}
.closeGI a {color:#bec1c8;}
.addDescription {width:300px; float:left; text-align:center; padding:40px; font-size:13px; color:#999;}
.showDescription {word-wrap: break-word;
    float: left;
    font-size: 15px;
    color: #565656;
    background: #fff;
    padding: 15px;
    margin-bottom: 20px;}
.addDescription a {font-size:16px; margin-bottom:2px; font-weight:bold;}
.addDescription a img {display:block; margin:auto;}

.selectCountry {float:left; padding:0 0 15px 0;}
.selectCountry select {width:200px; border:1px solid #ccc; padding:4px;}
.eventBtns {float:right; padding:0 0 15px 0;}
.eventBtns a {display:inline-block; background:#578cef; padding:7px 12px; border-radius:3px; color:#fff;}
.eventBtns a:hover {background:#333;}
.eventBtns a.gray {background:#f6f7f8; color:#4e5665; border:1px solid #b6b7b9; padding:6px 11px;}
.eventBtns a.gray:hover {background:#b6b7b9;}




.eventList.full ul li {padding:15px 0;}
.eventList.full ul li .dateBox {left:0;}
.ABSendReq {padding:0 0 20px 0; text-align:center; font-size:14px; font-family:Tahoma, Geneva, sans-serif; color:#333;} 
.ABSendReq a {display:block; background:#578cef; width:130px; margin:10px auto 0 auto; color:#fff; padding:7px 0; border-radius:3px;}
.ABSendReq a:hover {background:#333;}

.thisWeekList .hd {background:#f6f7f8; padding:10px; font-weight:bold; font-size:14px;}
.thisWeekList ul li {padding:10px; border-top:1px solid #e9eaed; font-size:13px; font-weight:bold;}
.thisWeekList ul li a span {color:#333; margin-right:2px;}
.contactIcon {display:inline-block; background:url(../images/icons/sprites_icon.png) 0 -587px; width:18px; height:15px; vertical-align:middle; margin:0 4px 1px 0;}

.topTab {background:#fff; height:auto; margin-bottom:10px; border-radius:3px;overflow: hidden;}
.topTab .lft {float:left;}
.topTab .lft ul li {display:block; float:left; font-size:14px; padding:0 10px; background:url(../images/icons/sep.gif) no-repeat right;}

.aboutBox{background: #fff;padding: 20px 20px 0px 20px;}
.topTab .lft ul li:last-child {background:none;}
.topTab .lft ul li a {display:block; float:left;padding:18px 0;}
.topTab .lft ul li a span {    display: block;
    padding: 5px 8px;
    color: #000;
    border-radius: 3px;
    font-weight: 600;}
.topTab .lft ul li a:hover span {    background: transparent; color: #de644d;}
.topTab .lft ul li.active a {font-weight:bold; border-bottom:3px solid #de644d;}
.topTab .rgt {float:right;padding:22px 13px;}

.add_input{    position: absolute;
    left: 0;
    width: 66px;
    overflow: hidden;
    height: 33px;
    opacity: 0;
    right: 0;
    margin: auto;}


.topTab .lft ul li.active a span{color:#de644d;}
.peopleBox {text-align:center; font-size:13px; line-height:22px;}
.promoteLink {padding-bottom:5px;}
.promoteLink a {display: inline-block;
    margin-top: 5px;}
.promoteLink a:hover {background:#333;}
.promoteLink img {vertical-align:middle;}
.ifInput {width:100%; border:1px solid #ccc; padding:7px 8px; font-size:12px;}
.inviteList ul li {display:block; padding:10px 0 0 0; position:relative; min-height:46px;}
.inviteList ul li .img {width:40px; position:absolute; left:0; top:13px;}
.inviteList ul li .img img {width:100%; caption-side:top;}
.inviteList ul li .det {padding:0 0 0 50px;}
.inviteList ul li .det a.invite {display:block; background:#578cef; padding:5px 0; width:60px; color:#fff; vertical-align:middle; border-radius:3px; text-align:center; margin-top:5px;}
.inviteList ul li .det a.invite:hover {background:#333;}

.postList ul li {display:block; border:1px solid #eee; margin-bottom:10px; border-radius:3px; overflow:hidden;}
.postList ul li .img {float:left; width:40px; padding:10px 0 0 8px;}
.postList ul li .img img {width:100%; vertical-align:top;}
.postList ul li .det {padding-top:10px;padding-left: 10px;float:left; width:130px; color:#999;     font-size: 12px;}
.postList ul li .det a {font-weight:bold; display:block; margin-bottom:2px;    font-size: 13px;}
.postList ul li .comment {    clear: both;
    padding: 10px 10px;
    color: #7d7d7d;
    font-size: 13px;
    font-weight: 600;}
.postList ul li .links {    background: transparent;
    padding: 10px!important;
    border-top: 1px solid #eee;}
.postList ul li .links a {border: 1px solid #00a2ec;
    color: #00a2ec;
    font-size: 13px;
    padding: 3px 20px;
    display: inline-block;
    border-radius: 5px;}

.postList ul li .links a:hover{background: #00a2ec;color:#fff;}


.suggesionList {border-radius: 2px;padding: 20px 0px 0px 0px;}
.suggesionList ul li {    display: block;
    float: left;
    width: 18.4%;
    background:#fff;
    border-radius: 3px;

    margin: 0 2% 2% 0;}
.page-div-display:nth-child(5n+5){margin-right:0;}



.suggesionList ul li:nth-child(5n+5){margin-right:0;}
.suggesionList ul li .image {padding:8px; position:relative;text-align: center;min-height: 205px;}

.suggesionList ul li .image img {width: 100%;
    vertical-align: top;
    border: 1px solid #dddddd;
    height: auto;
    margin: auto;}
.suggesionList ul li .det {padding:0 8px 5px 8px; font-size:13px; color:#999; line-height:18px;}
.suggesionList ul li .det a {display: block;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 13px;
    color: #7d7d7d;

}
.suggesionList ul li .det a.like {    border: 1px solid #00a2ec;
    width: 52px;
    text-align: center;
    padding: 4px 0 1px 0;
    line-height: 18px;
    height: 28px;
    font-size: 11px;
    font-weight: 400;
    color: #00a2ec;
    background: #fff;
    border-radius: 3px;}
.suggesionList ul li .det a.like i {background:url(../images/icons/sprites_icon.png) 0 -382px; width:18px; height:16px; display:inline-block; vertical-align:middle; margin:0 0 4px 0;}

.modal2 .loginRow span{    text-align: center;
    background: #ffd4d4;
    border: 1px solid #ff0000;
    font-size: 13px;
    margin-bottom: 20px;
    padding: 10px;
    display: inline-block;
}

.artivleList {padding:10px 0 0 0;}
.artivleList ul li .image {padding:8px; position:relative;}
.artivleList ul li .image img {width:100%; vertical-align:top; border:1px solid #dddddd; border-radius:3px;}
.artivleList ul li .image .userImg {width:60px; position:absolute; right:9px; bottom:0;}
.artivleList ul li .image .userImg img {border:2px solid #fff;}
.artivleList ul li .image .follow {position:absolute; bottom:18px; left:18px; right:inherit;}
.artivleList ul li .det {padding:5px 8px 10px 8px; font-size:13px;}
.artivleList ul li .det .name {font-weight:bold; padding-bottom:5px; font-size:14px;}
.artivleList ul li .det .smllTxt {font-size:11px; color:#999; padding-bottom:5px;}
.artivleList ul li .det .hd {font-weight:bold; padding-bottom:5px;}
.artivleList ul li .det .fct span {color:#999; font-weight:bold;}
.artivleList ul li .grayBox {padding:8px; font-size:13px; color:#666;}
.artivleList ul li .grayBox ul li {width:auto; border:none; border-radius:0; margin:0; padding-right:12px;}
.artivleList ul li .grayBox ul li a {color:#666;}
.artivleList ul li .grayBox ul li:last-child {margin-right:0;}
.artivleList ul li .grayBox ul li a .shareIcon {margin:0;}
.viewIcon {display:inline-block; background:url(../images/icons/sprites_icon.png) 0 -607px; width:18px; height:10px; vertical-align:middle; margin:0 5px 3px 0;}
.artivleList ul li .grayBox ul li a .likeIcon {margin:0 5px 1px 0;}
.messageIcon {display:inline-block; background:url(../images/icons/sprites_icon.png) 0 -621px; width:18px; height:12px; vertical-align:middle; margin:0 5px 1px 0;}

.actvityTab {background:#f6f7f8; border-bottom:1px solid #ccc; padding:10px; position:relative;}
.actvityTab ul li {display:block; float:left; padding:0 10px 0 0;}
.actvityTab ul li a {    display: block;
    float: left;
    border: 1px solid #00a2ec;
    color: #7d7d7d;
    background: #f6f7f8;
    border-radius: 3px;
    padding: 5px 15px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .5px;}

.gg_link{font-size: 13px;
    font-weight: 600;}

.actvityTab ul li.active a {border:1px solid #578cef; color:#de644d;}
.actvityinnerCon {padding:10px;}
.grayBkgBorder{ background:#F6F7F8; border:1px solid #CCC; padding:10px; position:relative; border-radius:3px; font-size:14px; text-align:center; color:#333333;}
.oneTherd {float:left; width: 32.7%; margin-right:7px; margin-top:10px;}
.oneTherd.last {margin-right:0;}
.borderBox {border:solid 1px #d9d9d9; border-radius:4px; overflow:hidden;}  
.LikeHD {background-color:#f6f7f9; padding:10px; font-size:14px;color:#020113; border-bottom: solid 1px #e5e7e6;}
.boxContent {padding:10px;}
.dataRow{ color:#666666;  font-size:12px;}
.dataRow strong{ color:#000000; font-size:14px;}
.boxContent small{ display:block;  margin-top:5px; color:#999999; font-size:12px;}
.boxContent span{ color:#49aa05; }
.boxContent span img{ vertical-align:middle; margin-top:-2px;}
.activityOuter .oneTherd .boxContent .borderBtm{ padding:8px 0px;}
.tal{ text-align:left;}
.borderBtm{ border-bottom: 1px solid #EEE;}

.indicationBox ul li {display:block; float:left; padding:10px 15px 0 0; color:#666;}
.indicationBox ul li .indication {display:inline-block; background:#ffca87; width:12px; height:12px; vertical-align:middle; margin:0 2px 3px 0;}
.tableBox {padding:10px 0 0 0;}
.tableBox table {background:#cccccc;}
.tableBox table td {background:#fff; padding:10px;}
.tableBox table .hd td {background:#f0f0f0; font-weight:bold; text-align:center; padding:10px;}
.tableBox table td .publish span {font-size:11px; color:#999;}
.tableBox table td .post a {color:#999;}
.tableBox table td .post img {width:30px; vertical-align:middle;}
a.blueBtn{display:inline-block; background:#578cef; color:#fff; border-radius:3px; padding:6px 7px;}
a.blueBtn:hover {background:#333;}
.redlabel {display:inline-block; width:1px; height:16px; background:#F00; vertical-align:middle; margin-left:5px; float:right;}
.blueLine {display:inline-block; background:#588cf1; width:20px; height:5px; vertical-align:middle;}

.eventHd {border-bottom:1px solid #ccc; margin-bottom:10px; font-size:22px; color:#333;}
.eventHd.botPad {padding-bottom:6px;}

.chooseFile {display:inline-block; padding:7px 20px; background:#999; border-radius:4px; overflow:hidden; cursor:pointer; color:#fff; position:relative; vertical-align:top;}
.browsebtn {position:absolute; left:0; top:0; font-size:20px; opacity:0; cursor:pointer;}
.cgLabel .selct {width:100%; padding:5px 8px; border:1px solid #ccc; border-radius:3px; font-size:13px;}
.cgLabel .selct.smll {width:193px; margin-right:10px;}
.uplaoImg {display:inline-block; width:50px;}
.uplaoImg img {vertical-align:top; width:100%; border-radius:2px;}
.redClr {color:#de644d;}
.exTxt {display:block; font-size:11px; color:#999; padding-top:4px;}
.rightSpace {padding-right:25px;}
.cgLabel .selct.dob {width:123px; margin-right:10px;}
.supporterList {width:220px; display:inline-block; padding:8px 0 0 0; font-size:12px; color:#999;}

.amountBox {background:#578cef; background-image: -webkit-linear-gradient(#578cef 3%, #578cef 100%); background-image: -o-linear-gradient(#578cef 3%, #578cef 100%); background-image: -moz-linear-gradient(#578cef 3%, #578cef 100%); background-image: -ms-linear-gradient(#578cef 3%, #578cef 100%); background-image: linear-gradient(#578cef 3%, #578cef 100%); border-radius:3px; color: #fff; font-size:18px; margin:5px 10px 0 0; padding:15px 0 13px 0; text-shadow: 0 1px 0 #000; width: 18%; display:inline-block; text-align:center; cursor:pointer; -webkit-box-shadow:0 -1px 1px 0 #11496e inset; -ms-box-shadow:0 -1px 1px 0 #11496e inset; -o-box-shadow:0 -1px 1px 0 #11496e inset; box-shadow:0 -1px 1px 0 #11496e inset;}
.yourDonation {padding:20px 0 0 0; font-size:14px; color:#999;}
.yourDonation .input {width:180px; border:1px solid #ccc; padding:7px 10px; border-radius:3px;}
.donationper {display:inline-block; color:#578cef; padding-left:30px;}
.donationper input[type=radio] {margin-bottom:4px;}
.borTxt {border:1px solid #ccc; padding:10px; font-size:13px; color:#666; border-radius:3px; margin-top:20px; text-align:left;}
.borTxt input[type=checkbox] {margin-bottom:4px;}

.cgLabel .input.mid {width:193px; margin-right:10px;}
.cgLabel .selct.county {width:256px; margin-right:10px;}
.donationAmount {font-size:16px; padding:0 0 0 15px; display:inline-block;}
.donationAmount IMG {width:40px; vertical-align:middle; margin-right:10px;}

.step * {box-sizing: border-box;}
#progress {line-height:1em; margin:0 -1px; text-align:center;}
#progress li {float:left; padding:9px 5px 9px 23px; background:#ddd; color:#000; position:relative; border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:160px; margin:0 1px; font-size:13px;}
#progress li:before {content: ''; border-left:17px solid #fff; border-top:17px solid transparent; border-bottom:17px solid transparent; position:absolute; top:-1px; left:0px;}
#progress li:after {content: ''; border-left:16px solid #ddd; border-top:16px solid transparent; border-bottom:16px solid transparent; position:absolute;top:0; left:100%; z-index:20;}
#progress li.active {background: #de644d; color:#fff;}
#progress li.active:after {border-left-color: #de644d;}
#progress li.active:first-child:before {border-left: 16px solid #de644d;}  
#progress li:first-child:before {border-left: 16px solid #ddd;}  

.step {border:solid 1px #ddd; font-size:14px; color:#333; margin-bottom:30px;}
.step.last {margin-bottom:0;}
.stepInner {padding:20px;}
.topPad {padding-top:15px;}
.inputNew {width:400px; border:1px solid #ccc; padding:7px 8px; border-radius:3px;}
.fieldTxt {display:block; display:block; padding-bottom:5px; font-size:12px; color:#666;}
.submitBtnRow {background: #f7f7f7; padding: 10px; text-align: right;
    height: 55px;}
a.whiteBtn {display: inline-block;
    background: #fff;
    padding: 7px 10px;
    border-radius: 3px;
    vertical-align: middle;
    margin-right: 5px;
    -webkit-box-shadow: -1 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    border-radius: .125rem!important;
    -webkit-border-radius: .125rem;}
a.whiteBtn:hover {background:#578cef; color:#fff;}

.step2 table {text-align:center; padding:20px 0 0 0;    margin-top: 20px;}
.step2 table td {vertical-align:middle; width:214px; padding:40px 0px; border: solid 2px #ddd; margin:2px; line-height:0px; background:#f9f9f9;}
.avatarOuter {width:130px; height:130px; display:inline-block;}
.avatarOuter img {width:auto; height:130px; border-radius:75px; border: solid 3px #ddd;}
.imgBtm {font-size:18px; }
.imgBtm img {margin-bottom:20px;}

.favoritesOuter {margin:10px;}
.favoritesHD {text-transform:uppercase; color:#666666; font-size:14px; font-weight:bold; padding-bottom:6px;}
.favoritesLeft {float:left; width:250px; padding:10px 0 20px 0;}
.favoritesLeft ul li a {display:block; font-weight:bold; padding:6px 10px; font-size:13px; border-bottom: solid 1px #ddd; color:#666666; }
.favoritesLeft ul li a:hover, .activeFav {background-color:#efefef !important;  color:#000 !important; }
.favoritesLeft ul li a img {vertical-align:middle; margin-bottom:4px;}
.favoritesLeft ul li a span {float:right; border-radius:3px; background:#CCC; font-size:10px; text-align:center; display:inline-block; width:16px; height:16px; margin-top:2px; line-height:16px; margin-right:5px; }
.favoritesRight {border-left: solid 1px #ddd; padding:10px 0 20px 50px; float:left; width:400px; background:url(../images/icons/arrowLeft.png) no-repeat left center;}
.fav {padding:5px; border:solid 1px #ddd; width:200px; padding-left:26px; background:url(../images/icons/location.png) no-repeat 5px center; margin-top:10px;}
.favoritesRight .formBtn {font-size:15px; margin-top:20px; font-weight:normal;}
.favoritesOuterRemove {margin-top:40px;}
.favoritesOuterRemove .favoritesRight {background:url(../images/icons/arrowRight.png) no-repeat left center;}
.avertise{text-align: center;
    display: block;
    width: 100%;margin-top:20px;}

.avertise img{margin:auto;}
.socialShare1 .fab{    background: #888888;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    color: #fff;
    padding: 7px 0px;
    font-size: 11px;}

.advr {margin-top:40px; text-align:center;
    background: #e7cac8;
    color: #de644d;
    display: block;
    width: 100%;
    padding: 20px;
    font-size: 18px;
    font-weight: 600;
    border: 1px solid #de644d;
    border-radius: 3px;}
.moreInfo {font-size:18px; padding:0px 35px; line-height:43px; height:43px; background:#588CF1 url(../images/icons/btnRight.jpg) no-repeat right top; color:#FFFFFF; display:inline-block; margin:30px auto;}
.moreInfo:hover {color:#FFF;}

.stepHd {float:right; font-size:12px; border:1px solid #ccc; padding:5px 10px; border-radius:3px; font-weight:normal; color:#578cef;}
.stepHd span {color:#de644d;}
.chooseObject {float:left; font-size:13px; text-transform:none; padding:6px 0 0 0; width:470px; text-align:right;}
.advertiseOuter {text-align:center; padding:20px 0; font-size:16px;}
.advertiseOuter .inputRow {padding-top:15px;}
.advertiseOuter .inputRow .fctInput {width:300px; background:#e2e8f6 url(../images/icons/company.png) no-repeat 2px; border:1px solid #ccc; padding:6px 6px 6px 32px; border-radius:2px;}
.advertiseOuter .inputRow a.borderLink {display:inline-block; vertical-align:middle; border:1px solid #ccc; margin-left:5px; width:28px; border-radius:3px; height:28px; line-height:28px;}
.advertiseOuter .inputRow a.borderLink img {vertical-align:middle;}
.advertiseOuter .inputRow .selct {border:1px solid #ccc; width:300px; padding:5px; border-radius:3px;}
.campaignName {font-size:13px;}
.campaignName .input {border:1px solid #ccc; width:238px; padding:6px; border-radius:3px;}

.accountInfo {width:60%; float:left}
.accountInfo .inputRow {width:auto; text-align:left; margin:10px auto;}
.accountInfo .inputRow .youname {text-align:left; padding-left:30px; width:120px; float:left; font-size:14px; line-height:35px; margin-right:18px;} 
.accountInfo .inputRow .youdonat {width:69%; float:right; line-height:35px; margin-right:5px; text-align:left;}
.accountInfo .inputRow .youdonat input {    width: 49.5%;
    border: 1px solid #CCC;
    border-radius: 4px;
    padding: 6px 10px;
    height: 30px;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 800!important;}

.editPoup.boxPopup li{width: 100%!important;}
.editPoup.boxPopup li a{margin-right:0!important;}


.pht_ed{background: #fff;
    margin-bottom: 20px;
    padding-left: 15px;}

.no_invited{width:100%!important;}

.turn_off_notification{        border: 0;
    border-radius: 5px;
    padding: 4px 0px;
    display: block;
    width: 78px;}

.accountInfo .inputRow .youdonat select {width:100%; background:#fff; border:1px solid #CCC; border-radius:4px; padding:5px;}

.accountInfo .inputRow .formBtn {color:#FFFFFF;}

.md_footerr{padding:15px 0}




.redBtn {background-color:#de644d !important; width:auto !important; border:none !important;} 
.redBtn:hover {background-color:#333333 !important;}
.accountInfo .inputRow .youdonat p {line-height:18px; margin-bottom:15px;} 
.communityRight {float:right; border:solid 1px #ddd; width:35%; margin-top:14px;}
.communityRight .hd {padding:10px; border-bottom:1px solid #ddd; text-align:center; font-size:14px;}
.communityRight .inner {padding:10px;}
.mtr {float:left; width:120px; margin-top:10px;}
.textRight {font-size:13px; margin-top:52px; font-weight:bold; display:block; color:#000;}
.communityRight section {font-size:14px; display:block; line-height:30px; color:#333333; margin-top:10px;}
.communityRight .botTxt {padding:10px; border-top:1px solid #ddd; text-align:center; font-size:14px;}

.reachImg img {width:100%; vertical-align:top;}

.articleTab ul li {display:block; float:left; font-size:12px; padding:0 0 0 7px;}
.articleTab ul li a {display:block; float:left; background:#fff; padding:5px 10px; border-radius:3px; border:1px solid #ccc; color:#333;}
.articleTab ul li a:hover {background:#ccc; color:#333;}
 

/***arvind malik 16 may2015*****/




/***end arvind malik 16 may2015*****/

/***arvind malik18may2015***/

.prograssBox {position:absolute; left:260px; top:18px; font-size:11px; text-transform:uppercase; color:#999; font-weight:normal;}
.prograssBar {display:inline-block; background:#fff; border:1px solid #cacaca; height:8px; width:160px; margin-right:5px; border-radius:10px; overflow:hidden; position:relative;}
.prograss {position:absolute; left:0; top:0; height:100%; background:#d6d6d8;}
.closeGI {position:absolute; right:10px; top:16px; font-size:14px;}
.closeGI a {color:#bec1c8;}
.addDescription {width:300px; float:left; text-align:center; padding:40px; font-size:13px; color:#999;}
.addDescription a {font-size:16px; margin-bottom:2px; font-weight:bold;}
.addDescription a img {display:block; margin:auto;}

.manageBox {padding:10px;}
.manageBox td {border-bottom:1px solid #eee; padding:7px 0; font-size:14px;}
.manageBox td.addCover a {color:#999;}
.manageBox td.addCover a img {vertical-align:middle; margin:0 0 5px 0;}
.manageBox td .editBtn a {background:#578cef; border:1px solid #578cef; border-radius:2px; color:#fff; font-size:12px; height:25px; line-height:25px; padding:0 8px; text-align:center; display:inline-block !important;}
.manageBox td .editBtn a:hover {background:#666; border:1px solid #666;}
.manageBox td .editBtn a img {vertical-align:middle; margin:0 2px 1px 0;}
.manageBox td a.addBtn {margin:0;}
					 



/*articles css added on 18 may */
.reachImg img {width:100%; vertical-align:top;}
.articleTab ul li {display:block; float:left; font-size:12px;     padding: 0 15px 0px 0px;}
.articleTab ul li a {display:block; float:left; background:#fff; padding:5px 10px; border-radius:3px; border:1px solid #ccc; color:#333;}
.articleTab ul li a:hover {background:#ccc; color:#333;}

.pd_10{padding:10px!important;}
.articleLeft ul li {display:block; border-bottom:1px solid #eee;margin-bottom: 10px;height:45px;}
.articleLeft ul li a {color:#999; display:block; padding:0px 5px 5px 60px; word-wrap:break-word;/* min-height:70px;*/ position:relative;}
.articleLeft ul li a img {    position: absolute;
    left: 0px;
    top: -2px;
    width: 50px;
    vertical-align: top;}
/*.articleLeft ul li a:hover {background:#f8f8f8;}*/
.articleLeft ul li.active a {background:#eee;}
.articleLeft ul li a span {    display: block; font-weight: bold; word-wrap: break-word; color: #6c6c6c; font-size: 12px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
    width: 250px;}
.articleLeft ul li a .arrow {background:url(../images/icons/article_arrow.png); width:17px; height:32px; display:none; position:absolute; right:-17px; top:50%; margin-top:-16px;}
.articleLeft ul li.active a .arrow {display:block;}


.articleBigImg img {width:100%; vertical-align:top;}
.userDet {    position: relative;
    text-align: center;
    padding-bottom: 0;
    color: #666;
    font-size: 13px;}
.userDet img {background:#fff; padding:1px; border:1px solid #ccc; display:block; margin:auto; margin-bottom:5px;}
.editorCon {border:1px solid #eee; width:100%; margin:auto;}
.editorHd {padding:10px; font-size:20px; color:#000; border-bottom:1px solid #eee; text-align:center;}
.editorBox {padding:10px;}
.editorBox img {width:100%; vertical-align:top;}
.userDet a.followBtn {display:block; width:80px; height:28px; background:#de644d; margin:10px auto 0 auto; color:#fff; border-radius:3px; line-height:28px;}
.userDet a.followBtn:hover {background:#333;}
.articleDetHd {font-size:22px; color:#000; padding:10px; text-align:center;word-wrap:break-word;}
.articleLinks {text-align:center; padding:0 10px 10px 10px; font-size:13px; color:#999;}
.articleLinks .date {margin:0 25px; display:inline-block; vertical-align:middle;}
.articleLinks .views {margin:0 25px; display:inline-block; vertical-align:middle;}
.articleLinks .views a {margin:0 10px; color:#999;}
.articleLinks .views a img {vertical-align:middle; margin:0 0 2px 0;}
.articleLinks .social {margin:0 25px; display:inline-block; vertical-align:middle;}
.articleLinks .social a {margin:0 4px;}

.articleDetTxt {padding:0 15px; font-size:14px; color:#666; line-height:20px;}
.articleDetTxt p {padding-bottom:15px; word-wrap:break-word;}
.articleDetTxt h3 {color:#000; border:none; margin:0; padding:0 0 5px 0; font-size:16px;}
.editorHd input {width:100%; font-size:20px; border:none; text-align:center; color:#000;}

.pull-right{float:right;}

/* css for create album div added on 22 may */
.create-album{
	width:400px;
	height:700px;
	margin:30px;
	border: 2px solid red;
}

.add_22{
    top: 6px!important;
}

.add_222{
    right:4px!important;
}

.add_22 ul li{padding-right: 0!important;}

.coverImg1{   /* width:auto; */  margin-left:-425px; height:auto; margin-top:-180px;}
.closep1{position: absolute;top: 4px;right: 4px;color: #000;width: 20px;height: 20px;font-size: 17px;cursor: pointer;line-height: 16px;text-align: center;border-radius: 50%; -ms-transition: all  300ms ease-in-out; -webkit-transition: all  300ms ease-in-out;  -moz-transition: all 300ms  ease-in-out;  -o-transition: all 300ms  ease-in-out;  transition: all 300ms  ease-in-out;}


.shareWith select{-webkit-appearance: none;
   -moz-appearance:none;
   appearance:none;
    background-image: url('../images/dwn_arrow.png');background-repeat: no-repeat;    background-position: 59px 5px;
    font-weight: 400;
    background-color: transparent;
        font-weight: 600;

}

.userInfo span{font-size:13px;}
.searchRow a{    width: 237px;}

#story_list span{font-weight: 600;
    color: #7d7d7d;
    font-size: 14px;}

#phootgallery h2{padding-bottom: 0;margin-bottom: 0;}



.alb-text{font-size: 17px;font-weight: initial;margin-right: 20px;}
.alb-val input{width: 32%;
line-height: 3;
border-radius: 7px;
border-color: red;}

.settingedtleft{
float:left;
width:100%;
padding:5px;
}
.settingeditmain{
float:left;
width:57%;
}

.workedit{
width:150px;
float:left;
margin-top:5px;
}
.settingedtleft h2{
color:#000;
font-weight:bold;
}
.selct {
border:1px solid #ccc;
font-size: 13px;
padding: 5px 8px;
width:100%;
}

.articleImg_edit a{display: block; width: 50px; height: 50px; background: transparent; border-radius: 100%; position: relative;border:1px solid #ccc;}
.articleImg_edit a img{position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;    max-width: 90%!important;
    max-height: 90%!important;}

.hr{height:1px; background-color:gray;padding:1px !important; margin-top:10px;}

/* css for create album div added on 22 may */
/* css added on 26 May */
.albumGalleryShow li {    display: block;
    float: left;
    width: 15.8%;
    background: #fff;
    margin-right: 1%;
    margin-bottom: 1%;
    position: relative;
    padding: 10px;
    border-radius: 4px;
}
.albumGalleryShow{padding: 20px 0px 10px 0px;}

.albumGalleryShow li:nth-child(6n+6){margin-right:0;}
.album_show h2{    text-align: center;
    text-transform: capitalize;
    letter-spacing: .5px;
    margin-top: 10px;
    margin-bottom: 5px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}


    .img_width{display: block;
    height: 100px;
    text-align: center;}
.albumGalleryShow li img {height:100%;width:100%; vertical-align:top; -webkit-box-shadow:0 0 0 1px #fff; -ms-box-shadow:0 0 0 1px #fff; -o-box-shadow:0 0 0 1px #fff; box-shadow:0 0 0 1px #fff;    border: 1px solid #ddd;}
.albumGalleryShow li span {    font-size: 12px;
    display: block;
    color: #a0a0a0;
    text-align: center;
    margin-top: 0;
    padding-top: 0;}

.coverImg2{   /* width:auto; */  margin-left:-425px; height:auto; margin-top:-180px;}
.closep2{position: absolute;top: 4px;right: 4px;color: #000;width: 20px;height: 20px;font-size: 17px;cursor: pointer;line-height: 16px;text-align: center;border-radius: 50%; -ms-transition: all  300ms ease-in-out; -webkit-transition: all  300ms ease-in-out;  -moz-transition: all 300ms  ease-in-out;  -o-transition: all 300ms  ease-in-out;  transition: all 300ms  ease-in-out;}


.vid_name{display: block;
    font-size: 13px;
    font-weight: 600;
    text-transform: capitalize;
    margin-top: 7px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 140px;

}



/* added on 28 May */
.art-writer-img img{width:19%;}
.articleTab ul li input[type="submit"]{
display: block;
float: left;
background: none repeat scroll 0% 0% #FFF;
padding: 5px 10px;
border-radius: 3px;
border: 1px solid #CCC;
color: #333;
pointer: cursor;
cursor: pointer;
font-weight: bold;
font-size: 12px;
}

.articleTab ul li input[type="button"]{
display: block;
float: left;
background: none repeat scroll 0% 0% #FFF;
padding: 5px 10px;
border-radius: 3px;
border: 1px solid #CCC;
color: #333;
pointer: cursor;
cursor: pointer;
font-weight: bold;
font-size: 12px;
}




.eventHd {border-bottom:1px solid #ccc; margin-bottom:10px; font-size:22px; color:#333;}
.eventHd.botPad {padding-bottom:6px;}
.eventHd span {display:inline-block; padding:10px 20px; background:#00a2ec; margin-right:5px; font-size:30px; vertical-align:middle; color:#fff;}
.chooseFile {display:inline-block; padding:7px 20px; background:#00a2ec; border-radius:4px; overflow:hidden; cursor:pointer; color:#fff; position:relative; vertical-align:top;}
.browsebtn {position:absolute; left:0; top:0; font-size:20px; opacity:0;}
.cgLabel .selct {width:100%; padding:5px 8px; border:1px solid #ccc; border-radius:3px; font-size:13px;}
.cgLabel .selct.smll {width:193px; margin-right:10px;}
.uplaoImg {display:inline-block; width:50px;}
.uplaoImg img {vertical-align:top; width:100%; border-radius:2px;}
.redClr {color:#de644d;}
.exTxt {display:block; font-size:11px; color:#999; padding-top:4px;}
.rightSpace {padding-right:25px;}
.cgLabel .selct.dob {width:123px; margin-right:10px;}
.supporterList {width:220px; display:inline-block; padding:8px 0 0 0; font-size:12px; color:#999;}


.indicationBox ul li {display:block; float:left; padding:10px 15px 0 0; color:#666;}
.indicationBox ul li .indication {display:inline-block; background:#ffca87; width:12px; height:12px; vertical-align:middle; margin:0 2px 3px 0;}
.tableBox {padding:10px 0 0 0;}
.tableBox table {background:#cccccc;}
.tableBox table td {background:#fff; padding:10px;}
.tableBox table .hd td {background:#f0f0f0; font-weight:bold; text-align:center; padding:10px;}
.tableBox table td .publish span {font-size:11px; color:#999;}
.tableBox table td .post a {color:#999;}
.tableBox table td .post img {width:30px; vertical-align:middle;}
a.blueBtn{background: #578cef;
    color: #fff;
    border-radius: 3px;
    padding: 6px 7px;
    position: absolute;
    top: 13px;
    right: 0;
    z-index: 100;

}
a.blueBtn:hover {background:#333;}
.redlabel {display:inline-block; width:1px; height:16px; background:#F00; vertical-align:middle; margin-left:5px; float:right;}
.blueLine {display:inline-block; background:#588cf1; width:20px; height:5px; vertical-align:middle;}
/***26may2015***/

#slidecontrols li{float: left;padding-right:30px;position: relative;}
#slidecontrols li.active a:after{content: ""; position: absolute; bottom: -19px; background: #de644d; height: 3px; width: 88%; z-index: 1; left: 0;}
#slidecontrols .active a{color:#000;}
#slidecontrols .active a i{color: #de644d!important}



#slidecontrols li a{    color: #929191;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;}


#slidecontrols1 li{float: left;padding-right:30px;position: relative;}
#slidecontrols1 li.active a:after{content: ""; position: absolute; bottom: -16px; background: #de644d; height: 3px; width: 88%; z-index: 1; left: 0;}
#slidecontrols1 .active a{color:#000;}
#slidecontrols1 .active a i{color: #cb3925!important}
#slidecontrols1 li a{    color: #929191;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    vertical-align: top;
    display: inline-block;

}
#slidecontrols1 .active .far{color: #de644d}
#slidecontrols1 .active .fas{color: #de644d}







.aboutHd {    background: #fff;
    font-size: 20px;
    font-weight: bold;
    position: relative}

.privacyTxt label{margin-bottom: 0}

.aboutHd img {vertical-align:middle; margin:0 0 3px 0;}
.overviewBox {    width: 100%;
    float: left;
    padding: 18px;
    position: relative;
    z-index: 1;
    background: #fff;
    border-bottom: 1px solid #ccc;}
.overviewBox .hd {display:block; font-size:18px; font-weight:bold; padding-bottom:5px;}

.aboutRight {width:100%;}
.workInfo ul li {    display: block;
    padding: 0;
    color: #7d7d7d;
    position: relative;
    padding-bottom: 10px!important;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}

.workInfo ul li:last-child{padding-bottom: 0!important}

.workInfo ul li a strong{font-weight:400!important;}
.workInfo ul li:last-child {border:none;}
.workInfo ul li img {position:absolute; left:0; top:12px; width:32px; vertical-align:top;}
.workInfo ul li span {font-size:11px; display:block; padding-top:4px;}
.addressInfo {float:right; width:100%; color:#9197a3;}
.addressInfo img {vertical-align:middle; margin:0 4px 1px 0;}
.addressInfo .space {    padding: 6px 0;
    font-size: 12px;
    font-weight: 600}


.articleCon {padding:10px;}
.artivleList {padding:10px 0 0 0;}
#article_display1111{margin-top:10px;}
.artivleList ul li {    display: block;
    float: left;
    width: 23.5%!important;
    border: 0;
    border-radius: 3px;
    margin-right: 2%;
    margin-bottom: 2%;
    background: #fff;
}

.grayBox ul li{width:33.33%!important;    padding: 6px 0px;text-align:center;}
.grayBox{border-top:1px solid #c6c6c6;}
.artivleList ul li:nth-child(4n+4){
    margin-right:0;
}


.artivleList ul li .image {padding:8px; position:relative;}
.artivleList ul li .image img {    max-width: 100%;
    vertical-align: top;
    border: 1px solid #dddddd;
    border-radius: 3px;
    height: auto!important;}
.artivleList ul li .image .userImg {    width: 60px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: auto;
    margin: auto;

        height: 60px;
}

.artivleList ul li .image .userImg a{display: inline-block;line-height: 0}
.artivleList ul li .image .userImg a img{border-radius: 100%;
    height: 60px!important;
    width: 60px;}


.artivleList ul li .image .userImg img {border:2px solid #fff;}
.artivleList ul li .image .follow {position:absolute; bottom:27px; left:18px; right:inherit;}
.artivleList ul li .det {padding:5px 8px 10px 8px; font-size:13px;}
.artivleList ul li .det .name {padding-bottom: 0px;
    font-size: 14px;
    font-weight: 800;
        margin-top: 10px;
}
.artivleList ul li .det .smllTxt {font-size:11px; color:#999; padding-bottom:5px;}
.artivleList ul li .det .hd {font-weight: 600;
    padding-bottom: 0;
    font-size: 12px;}
.artivleList ul li .det .fct span {color: #7d7d7d; font-weight: 600;}

.fct{font-weight: 600;font-size: 12px;}
.hd_elip{    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 173px;
    display: block;}

.artivleList ul li .grayBox {padding:8px; font-size:13px; color:#666;}
.artivleList ul li .grayBox ul li {width:auto; border:none; border-radius:0; margin:0; padding-right:12px;}
.artivleList ul li .grayBox ul li a {color:#666;}
.artivleList ul li .grayBox ul li:last-child {margin-right:0;}
.artivleList ul li .grayBox ul li a .shareIcon {margin:0;}
.viewIcon {display:inline-block; background:url(../images/icons/sprites_icon.png) 0 -607px; width:18px; height:10px; vertical-align:middle; margin:0 5px 3px 0;}
.artivleList ul li .grayBox ul li a .likeIcon {margin:0 5px 1px 0;}
.messageIcon {display:inline-block; background:url(../images/icons/sprites_icon.png) 0 -621px; width:18px; height:12px; vertical-align:middle; margin:0 5px 1px 0;}

.articleDetRgt {width:38%; margin-top:10px; float:right;}
.newAttendee { margin-bottom:10px; padding:8px 8px 12px 8px; color:#333;}
.newAttendee .hd {font-size:15px; font-weight:bold; border-bottom:1px solid #ccc; padding-bottom:4px; margin-bottom:15px; position:relative;letter-spacing: .5px;}
.newAttBox .lft {    display: inline-block; margin-right: 10px;
    vertical-align: middle;}
.newAttBox .lft img {    vertical-align: top;
    border-radius: 100%;
    width: 50px;
    height: 50px;}

.newAttBox{margin-bottom: 20px;}
.newAttBox .rgt {display: inline-block;
    color: #999;}
.newAttBox .rgt span {display:block; font-weight:bold; padding-bottom:5px;}

.newAttBox .rgt span a{    font-size: 14px;
    letter-spacing: .5px;}

.radioBtn {padding-bottom:15px;}
.radioBtn label {    display: inline-block;
    padding-right: 20px;
    font-size: 13px;
    font-weight: 600;
    color: #7d7d7d;}
.radioBtn span {    display: block;
    padding-bottom: 5px;
    font-weight: 600;
    color: #7d7d7d;
    font-size: 12px;
    letter-spacing: .5px;}
.checkM {margin-bottom:3px;}
.txtBox {    padding: 0 0 15px 0;
    line-height: 17px;
    font-size: 13px;
    color: #7d7d7d;
    font-weight: 600;}
.txtBox span {    display: block;
    color: #000;
    font-weight: 600;
    padding-bottom: 7px;
    font-size: 14px;
    letter-spacing: .5px;}
.doYouWant {padding-bottom:10px;font-weight: 600;
    font-size: 13px;
    color: #7d7d7d;}
.doYouWant select {width:180px; margin-top:4px; border:1px solid #ccc; padding:5px;}

.articleDetLft {width:60%; margin-top:10px; float:left;}
.eventView td {    padding: 8px 0 0 8px;
    vertical-align: middle;
    font-size: 12px;
    color: #7d7d7d;
    line-height: 18px;
    word-wrap: break-word;
    word-break: break-all;
    font-weight: 600;}
.mapImg{margin-top:20px;}
.br_100{border-radius: 100%;border:1px solid #ddd;}

.mapImg img {vertical-align:top; max-width:100%;margin:auto;}
.in_vr{display: inline-block;vertical-align: middle;}

/****arvind malik 29may2015**/

.createpageTab ul li {display:block; float:left; width:15%;margin-bottom: 2%;margin-right:2%;background:#fff;padding: 10px;}
.createpageTab ul li:nth-child(6n){margin-right:0;}
.createpageTab ul li.active {background:url(../images/icons/top_arrow.png) no-repeat center bottom;}
.createpageTab ul li a {display:block; width:100%; margin:auto; text-align:center; font-size:15px; color:#333;}

.createpageTab ul li a i img {width:50%; vertical-align:top;}



.createFormCon {background:#ffffff;padding:15px;}
.crt_frm_h{    font-size: 16px;
    border-bottom: 2px solid #c2c2c2;
    padding-bottom: 5px;
    margin-bottom: 20px;
    color: #000;
}

.selectCountry {float:left; padding:0 0 15px 0;}
.selectCountry select {width:200px; border:1px solid #ccc; padding:4px;}
.eventBtns {float:right; padding:0 0 15px 0;}
.eventBtns a {display:inline-block; background:#578cef; padding:7px 12px; border-radius:3px; color:#fff;}
.eventBtns a:hover {background:#333;}
.eventBtns a.gray {background:#f6f7f8; color:#4e5665; border:1px solid #b6b7b9; padding:6px 11px;}
.eventBtns a.gray:hover {background:#b6b7b9;}
.eventSearchBox {background: #fff;
    border-radius: 3px;
}
.eventSearchBox .input {width:100%; border:1px solid #ccc; padding:6px 10px; height:34px;}
.eventSearchBox .selct {width:100%; border:1px solid #ccc; padding:6px 0; }
.eventSearchBox .formBtn {}
.eventList.full ul li {padding:15px 0;}
.eventList.full ul li .dateBox {left:0;}
.ABSendReq {padding:0 0 20px 0; text-align:center; font-size:14px; font-family:Tahoma, Geneva, sans-serif; color:#333;} 
.ABSendReq a {display:block; background:#578cef; width:130px; margin:10px auto 0 auto; color:#fff; padding:7px 0; border-radius:3px;}
.ABSendReq a:hover {background:#333;}
.h_auto{height:auto!important;}
.p_30ovr{padding: 30px 30px 1px 30px!important}
.p_30ovr2{padding: 30px 30px 30px 30px!important}

.wh_bg{background:#fff;}
.sps_ovr{}

/* css added by Ravi Kuchhal on 30 May*/
.cgLabel input[type="file"] {
      border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 13px;
    padding: 5px 0;
    z-index: 20;
    cursor: pointer;
    position: absolute;
    width: 92px;
    overflow: hidden;
    opacity: 0;
    height: 34px;
    left: 15px;
    margin: auto;
    right: auto;
    font-size: 0;
}
.cgLabel span{
   /* color: red; */
    font-weight: normal;
    margin-left: 0px;
        font-weight: 600
}
/* css added by Ravi Kuchhal*/



/* Virindra Singh*/


li.like-request{border-bottom: 1px solid gray;
min-height: 60px;}

li.like-request .image{
	max-width: 40px;
float: left;
margin-right: 14px;
margin-bottom: 5px;
margin-top: 3px;
}
li.like-request .image img{width:100%}

li.like-request .detail{font-weight: bold !important;
padding-top: 5px;}


.editIconBox {display:inline-block; background:#fff; padding:0 4px; border-radius:2px; height:23px; vertical-align:middle;}

.editIconBox img {vertical-align:top; margin-top:3px;}.
/* CSS FOR SPINNER */

/* css for share popup on 2 June */
.post-data{
float: left;
width: 370px;

/*height: 211px;*/
}
.post-data .userInfo{
padding:3px;
}
.post-creator{
float: left;
    width: 100%;
    height: auto;
    word-wrap: break-word;
        font-size: 14px;
    margin-bottom: 15px;
}
.post-creator .userBox{position: relative; min-height: 48px;height: auto !important; padding: 0px 0px 0px 0px; width:261px;}
.post-creator .postTxt {padding:0px 0px 0px 0px;}
/* added on 4 June */
.userBox .userInfo1 {color:#999;margin-top: 10px;}
.userInfo1{padding: 10px 10px 10px;
    line-height: 18px;
    margin-left: 58px;
    font-size: 13px;}
.userInfo1 a{font-weight:bold;}
.share-button {margin-right: 14px;margin-top: 7px;}
.coverImg4.popup_img {height:auto;}


/* New Pages 06-06-15 */
.pouetContnt{ padding:10px; color:#333333; line-height:24px; font-size:14px;}
.pouetContnt p{ margin:10px auto}
.pimg{ float:left; width:120px; text-align:center; margin-top:10px;}
.pillrstext h1{ font-size:20px; border-bottom: solid 1px #ddd; padding-bottom:5px; margin-bottom:10px;}
.ptext{ float:left; width: 832px;min-height: 150px; margin-top:50px; margin-top: 33px; vertical-align: middle; font-size:13px;}
.exrightimg { position:relative;  margin-left:10px; line-height:0px; z-index: 2000; float: right;text-align: right;padding: 5px;border: thin solid #E2E2E2;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);}
.exrightimg  img{ width: 200px;  height: 200px;}
.ebbordtext > a{ font-size:18px; }
.exbord{ padding-bottom:30px; margin-bottom:10px; border-bottom: dashed 1px #ddd;}
.socialShare1{ float:none; display:inline-block ; margin-top:5px;}
.socialShare1 a{ float:none; display:inline-block !important;}
.tectnologylisting .image > a > img{ height:173px;}
.redHD{float: left;border-bottom: 1px solid #efefef; font-weight: bold;font-size: 20px;line-height: 30px; margin: 0;color: #de644d; text-align: center;  width: 100%; padding-bottom:5px; margin-bottom:10px;font-family:'open_sansregular' !important;}
.profileList .blueBtn{padding:5px 10px; font-size:14px; text-decoration:none; color:#FFFFFF; display:inline-block; margin:15px;}

.formc label{ font-weight:bold; font-size:13px; color:#333333;}
.formc .blueBtn{background: -moz-linear-gradient(center bottom , #C21409 0%, #C21409 50%, #C21409 100%) repeat scroll 0px 0px transparent;
border: 1px solid #DDD;border-radius: 7px;box-shadow: 1px 1px 1px #CCC;color: #FFF;display: block;font-size: 20px;height: 40px !important;text-align: center;text-decoration: none;
text-shadow: 1px 1px 1px #555;text-transform: uppercase;transition: #585768 0.25s ease 0s;width: 110px !important;}


.note{font-weight:normal !important;}
.req{font-size:14px;}

.newName a{color:#010101;}
.contactPer{color:#505050;}
/*ARTICLES CSS*/


.article-container ul li{min-height:0px  !important;}
.article-container ul li .det{height:60px;}
.aboutvideo ul li{position:relative;}

/*added on 9 June*/
#album-error2{display: block;text-align: left}
#album-error{color:red;display: block;}
#album-error1{color:red;display: block;}

/*added on 12th june*/
.error_alert {
  color: red;
  border: 1px solid red;
  border-radius: 2px;
  padding: 4px;
  background-color: pink;
}

/* css for the youtube */
.youTubevidBox .lft {float:left; width:40%; padding: 5px 0 10px 0;}
.youTubevidBox .lft img {width:100%;}
.youTubevidBox .rgt {float:right; width:57%; padding:0 0 10px 0; font-size: 13px; line-height: 20px; color: #333;}
.youTubevidBox .rgt .hd {display: block; padding-bottom: 8px;}
.youTubevidBox .rgt a {color:#333;}
.youTubevidBox .rgt a:hover{color: #ccc;}

.pos_rell{position: relative;margin: auto;}

.pos_rell input[type="file"]{position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    top:0;

}

.clr_blue{color: #00a2ec!important}

.row_padt{padding-top: 15px;
    padding-bottom: 15px;}

/* Start 29 June */
.categoryType {font-size:16px; border-bottom:1px solid #eee; padding:10px; color:#333;}
.categoryType input[type="text"],select {font-size:13px; padding:10px; border:1px solid #ccc; color:#666;}
.userDet a.followBtn {background:#fff; color:#de644d; border:2px solid #598de8;}
.userDet a.followBtn:hover {background:#598de8; color:#fff;}
.articleComment {border-top:1px solid #ccc; margin-left:15px; padding:15px 0 0 0;}
.articleComment .top  {padding-bottom:15px;}
.articleComment .top img {vertical-align:middle;}
.articleComment .top img.userImg {width:35px;}
.articleComment .top a {margin-left:5px; font-weight:bold;}
.totalComments {font-weight:bold; color:#333; font-size:13px; padding-bottom:15px;}
.totalComments img {vertical-align:middle; margin:0 4px 1px 0;}

.commentTABox {border:1px solid #ccc; height:50px; position:relative; padding:5px 5px 5px 80px;}
.commentTABox img {position:absolute; left:0; top:0; height:60px;}
.commentTABox textarea {width:100%; border:none; height:50px;}

.comments {padding-bottom:20px;}
.comments ul li {clear:both;}
.comments ul li .lft {float:left; padding:25px 0 0 0; width:64px;}
.comments ul li .lft img {border-radius:2px; width:100%;}
.comments ul li .rgt {float:right; padding:22px 0 0 0; width:580px; font-size:13px; color:#333;}
.comments ul li .rgt .name {font-weight:bold; padding-bottom:2px; display:block;}
.comments ul li .rgt .designation {display:block; padding-bottom:8px; color:#999;}
.comments ul li .rgt .txt {display:block; line-height:19px; padding-bottom:5px;word-wrap:break-word;}
.showMore a {display:block; border:1px solid #ccc; padding:12px; text-align:center; color:#999; font-size:15px;}

/*added on 15 July*/


.h_176{height:176px!important;}
.popupBox {width: 550px;
    z-index: 99999;
    display: none;
    background: #FFF;
    position: fixed;
    left: 50%;
    top: 50%;
    border-radius: 5px;
    overflow: hidden;
    --webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    transform: translate(-50%, -50%);
        margin: auto!important;
}

.pd_ovr{padding:10px!important;}

.overLayPop {display: none;
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%!important;
    z-index: 100;}

/*.prfileImg{width:76%!important;}*/

.closePopUp {position:absolute; right:14px; top:14px; line-height:normal;  font-weight:bold; cursor:pointer;color: #000;}
.closePopLike{position:absolute; right:14px; top:5px; line-height:normal;  font-weight:bold; cursor:pointer; color: #fff;}

.abField{width:9%;}
.adLabel{width:91%;}

.popupHd {background: transparent;
    height: 48px;
    line-height: 48px;
    padding: 0 15px;
    color: #000;
    font-size: 18px;
    position: relative;
    font-weight: 600;
    letter-spacing: 0.7px;
    text-align: center;}
.popupHdLike {background:#578cef; height:30px; line-height:30px; padding:0 15px; color:#fff; font-size:16px; position:relative; font-weight:bold; margin-top:-15px;}
.popupBox.inviteEmailBox {width:500px; margin-left:-250px;}
.popupMid {    height: 436px;
    overflow: auto;
    padding: 0px 15px 0px 15px;}
.popupBot {height: auto;
    padding: 0px 0px 0px 0px;
    text-align: center;}
.popupBot a {background:#efefef; display:inline-block; padding:7px 12px; border-radius:3px; color:#333;}
.popupBot a:hover {background:#333; color:#fff;}
.popupBot .fl a {background:none; display:inline-block; padding:7px 0; border-radius:3px; color:#578cef;}
.popupBot .fl a img {vertical-align:middle; margin:0 5px 0 0;}

.inviteCList ul li {border-bottom:1px solid #eee; padding:8px 115px 8px 10px; font-size:16px; color:#333; font-weight:bold; position:relative;}
.inviteCList ul li:last-child {border-bottom:none;}
.inviteCList ul li img {vertical-align:middle; margin:0 5px 2px 0;}
.inviteCList ul li a.blueBtn {position:absolute; right:10px; top:14px; font-size:13px; font-weight:normal;}

.inviteEmailBox.popupBox > p{        font-size: 17px!important;
    padding: 0px 0px 13px 0px!important;}

.advisorydForm {padding: 0;
    color: #333;
    font-size: 17px;
    letter-spacing: .5px;}

#pic_previewnew{height: 100px;
    width: 100px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    border: 1px solid #ddd;
    margin-top: 10px;}

.elip_ovr{text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 244px;
    display: block;}
.advertlist ul li .image img {height: 100%!important;}
.advertlist ul li .image a.image_adverta{display: block;height:230px;}

.advertlist ul li .det{padding: 0px 8px 0px 8px!important;}
.advertlist ul li .det .name{padding-bottom: 5px!important;    margin-top: 0px!important;}

.botPad {padding-bottom:12px;}
.abField {float:left; width:120px; padding:12px 10px; color:#333; font-weight:bold; text-align:left;}
.adLabel {float:left; width:100%; padding:6px 0;}
.adLabel .input {width:100%; border:1px solid #ccc; padding:7px 10px; border-radius:3px; box-shadow:1px 1px 3px #ccc inset;}

.promotionCon {padding:15px;}
.poupSubHd {font-size:16px; color:#000; font-weight:bold; padding-bottom:5px;}
.promotionLeft {float:left; width:48%;}
.leftIcon{ background-color:#de644d; margin-right:10px; padding:12px; float:left; height: 112px;}
.orngBorder{border: 1px solid #de644d; line-height:20px; padding:10px 10px 0 10px;}
.orngBorder .blackHD{ margin-top:10px;}

.promotionLeft .borderBtm.blackHD{ border-bottom:solid 1px #ddd; padding-bottom:8px;}

.desktopNewsFeed{ border: solid 1px #e0dfe4; padding:10px;}
.borderHd{font-size:16px; color:#666666; border-bottom: solid 4px #00a2ec; display:inline-block; padding-bottom:3px;}
.grayBox{ padding:10px;}
.whiteBox{ background-color:#FFFFFF; padding:10px; color:#666666;}
.whiteBox .borderBtm{font-size:14px; border-color:#ddd; padding-bottom:3px; }
.feedlogo { margin-top:10px;}
.feedlogo img{float:left; margin-right:10px; border: solid 1px #ddd; padding:3px;  width:30px; height:30px; }
.feedlogo  a.fon14{font-weight:bold; margin-bottom: 0px;display: inline-block;}
.blackColor{color:#000000;}
.whiteBox  .blackColor{font-size:13px; margin:10px 0px; word-wrap:break-word;}
.aboutOrz{ margin-top:5px; line-height:20px;}  
.aboutOrz a{ font-weight:bold;}
.whiteBox .addBtn img{margin-top: -5px; vertical-align: middle;}
.whiteBox .addBtn {margin-top: -5px; }
.fon14{font-size:14px;}

.cr_sponser{font-size: 13px;}

.createAdHalf .accountInfo{ width:100%;}
.createAdHalf  .youname{ padding-left:0px !important; }
.createAdHalf .youdonat {width: 67% !important;}


.noBordser{   width:100px !important; float:left;}
.inputTag{ float:right; width:196px; border: solid 1px #ddd; }
.inputTag span{ background: none repeat scroll 0px 0px #E9EAED;border: 1px solid #9DACCB;border-radius: 2px;color: #1E2D4C;cursor: default;display: block;float: left;height: 18px;margin: 4px;padding: 0px 3px; display:inline-block; line-height: 17px;}
.submitOuter{ margin-top:20px; border-top: solid 1px #ddd; padding-top:10px;}
.submitOuter .formBtn{ margin-left:10px; background-color:#CCCCCC !important; }
.submitOuter .formBtn:hover{ background-color:#333333!important; }

.promotionRight{ border-left: solid 1px #ddd; padding-left:20px; float:right;}
.createAdHalf  .formBtn { padding: 7px 10px;}

.promotionCon .desktopNewsFeed {padding-bottom:0px !important;}

.textTA {background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 4px; box-shadow: none; font-size: 13px; padding: 5px 10px;  width: 100%;}

/*added on 18 July*/

.videoDet {background:#fff; padding:10px;}
.videoDet .hd {font-size:18px; padding-bottom:10px;}
.videoDet .number {text-align:right; font-size:18px; color:#666; border-bottom:2px solid #eee; padding-bottom:2px;}
.shareVideo {float:left; padding:10px 0 0 0; color:#999; font-weight:bold;}
.shareVideo a {display:inline-block; width:18px; height:18px; background:url(../images/icons/social_icons.gif); margin-left:4px; vertical-align:middle;}
.shareVideo a.facebook {background-position:0 0;}
.shareVideo a.twitter {background-position:-22px 0;}
.shareVideo a.linkedin {background-position:-44px 0;}
.shareVideo a.gpluse {background-position:-66px 0;}
.shareVideo a.youtube {background-position:-88px 0;}
.videoLike {float:right; padding:10px 0 0 0; font-size:11px;}
.videoLike img {width:auto; vertical-align:middle; margin:0 2px 1px 0;}
.videoLike a {color:#999; font-weight:bold; margin-left:8px;}


.propleBox {border:1px solid #dddee0; border-radius:3px;}
.peopleTab {background:#f6f7f9; height:40px; border-bottom:1px solid #dedede;}
.peopleTab ul li {display:block; float:left; margin:8px 0; border-right:1px solid #ccc; position:relative;}
.peopleTab ul li a {display:block; float:left; color:#999; font-weight:bold; padding:0 15px; height:24px; line-height:24px;}
.peopleTab ul li a:hover, .peopleTab ul li.active a {color:#000;}

.peopleTab ul li a .arrow {background:url(../images/icons/btm_arrow_new.gif) no-repeat center; width:100%; height:7px; position:absolute; bottom:-9px; left:0; display:none;}
.peopleTab ul li.active a .arrow {display:block;}
.peopleInner {padding:10px;}
.peopleInner .hd {font-size:14px; font-weight:bold; color:#666; padding-bottom:10px;}
.fansBox {float:left; width:32%; margin:10px 2% 10px 0;}
.fansBox.last {margin-right:0;}
.fansBox table {border-radius:3px; background:#e5e5e5;}
.fansBox table td {padding:10px; background:#fff;}
.fansBox table .header td {background:#efefef; font-weight:bold;font-size: 13px;}
.fansBox table .even td {background:#f6f7f9;font-size: 12px;}
.fansBox table .odd td {background:#fff;font-size: 12px;}

.editorHd input {width:100%; font-size:20px; border:none; text-align:center; color:#000;}



/*Start 21 July*/
.userBox .showHide .editPoup {position:absolute; right:-5px; top:28px; background:#fff; border:1px solid #ccc; width:100px; display:none; z-index:1;}
.userBox .showHide .editPoup li {border-bottom:1px solid #ccc;}
.userBox .showHide .editPoup li:last-child {border-bottom:none;}
.userBox .showHide .editPoup li a {background:none; padding:6px 10px; width:auto; height:auto;}
.userBox .showHide .editPoup i.arrow {background:#fff url(../images/icons/arrow_up.gif) no-repeat; width:10px; height:6px; border:none; position:absolute; right:7px; top:-6px; display:block;}
.photo {position: absolute;right: 0;top: 0;}

/* added on 29 July*/

.likeDislike {position:relative;}
.likeDislike .editPoup {position:absolute; right:inherit; left:30px; top:32px; background:#fff;     box-shadow: 0px 0px 4px 1px #ccc; width:160px; display:none; z-index:1;}
.likeDislike .editPoup li {border:none; border-bottom:1px solid #ccc; width:auto; margin:0; border-radius:0;}
.likeDislike .editPoup li:last-child {border-bottom:none;}
.likeDislike .editPoup li a {background:none; padding:6px 10px; width:auto; height:auto; display:block; margin:0;}

.likeDislike .editPoup i.arrow {background:#fff url(../images/icons/arrow_up.gif) no-repeat; width:10px; height:6px; border:none; position:absolute; right:135px; top:-6px; display:block;}




.fb_iframe_widget span, .fb_iframe_widget span iframe {width:120px !important; height:18px !important;   }
/*added on 6 Aug*/
.advisoryBoardBox321{height: 143px; width:330px; margin-left:-150px; margin-top:-81px;}
.advisoryBoardBox321.popupBot{text-align:center !important;}

.writemessagebox textarea{border-left: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #aaa;
    margin-bottom: 10px;
    width: 100%;}

/*added on 14 Aug*/
 .reg > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #578cef;
    font-weight: bold;
	padding: 0 3px;
}
.reg > a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: black;
    font-weight: bold;
}

/* 21 Aug */


.setting_edit ul li  > span:nth-child(3){    display: inline-block;
    width: 70px;
    vertical-align: middle;float: right;}
.setting_edit ul li  > span:nth-child(2){    display: inline-block;
    width: 50%;
    vertical-align: middle;}
.setting_edit .checkboxwidth{margin-top: -2px;}
span.chkMT5{margin-top:4px; display: inline-block;}

.redbar{text-align: center;
    color: grey;
    padding: 10px;
    background-color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 14px;}
.grnbar {
        background: transparent;
    border: 0;
    font-weight: bold;
    margin-bottom: 0px;
    color: #333;
    font-size: 16px;
}
.popupBox .grnbar{margin-top:5px; margin-left:auto;margin-right:auto; text-align:center;width:90%;}

/*Start 25 August*/
.morePopup {border:1px solid #eee; position:absolute; right:-46px; top:37px; background:#fff; z-index:100; width:91px; display:none;}
.morePopup ul li {display:block; border:none; float:none; margin:0; padding:0; border-bottom:1px solid #eee;}
.morePopup ul li:last-child {border:none;}
.morePopup ul li a {        display: block;
    float: none;
    padding: 10px 10px;
    height: auto;
    color: #929191 !important;
    padding-left: 11px!important;
    font-size: 14px;
    font-weight: 500;}

.bannerLinks ul li.active a {color:#578cef;}
.bannerLinks ul li.after{clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;}

	
	#pic_preview img{margin-left:0px!important;}
	.userDet a {display:inline-block;}



  .acc_border{border: 1px solid #c6c6c6}
.bokinList ul li:last-child .bokinTp{border-bottom:0;}
.bokinTp {     border-bottom: 1px solid #c6c6c6;
    color: #7d7d7d;
    font-size: 13px;
    padding: 10px;
    cursor: pointer;
    background: url(../images/acc_down.png) right 10px center no-repeat;
    font-weight: 600;}
  .bokinTp.active{ background:url(../images/acc_up.png) right 10px center no-repeat; color:#00a2ec;}
  .bokinBot {border-bottom: 1px solid #d6e5f0; color: #999; font-size: 14px; line-height: 24px;padding: 0px 15px 15px 15px; display:none;}

.mt_20{margin-top:20px!important;}
	
	

	/***Start 31Aug *****/
	
.advertisementlist li {display:block; padding-bottom:10px; position:relative; min-height:52px;}
.advertisementlist li .advertisementImg {left:0; top:3px; width:200px;}
.advertisementlist li .advertisementImg img {width:100%; vertical-align:top; border:1px solid #eee;}
.advertisementlist li .advertisementDet {padding:-1px 0 0 16px; color:#999999; margin-top:5px;}
.advertisementlist li .advertisementDet a {display:block; font-weight:bold; margin-bottom:4px;}
.advertisementlist li .advertisementDet a:hover {color:#333;}
#loading {width: 50px;height: 57px;position: absolute;top: 50%;left: 50%;margin: -28px 0 0 -25px;}
.articleLeft.eqHeight li {
  position: relative;
}
.botmTxt {  bottom: 1px;  color: #a2a2a2 !important; font-size: 12px; left:60px; padding-left:0 !important;}
.donateBtn {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #de644d;
  border-radius: 5px;
  color: #de644d;
  display: block;
  font-weight: 600;
  padding: 6px 0;
  position: absolute;
  right: -121px;
  text-align: center;
  text-transform: uppercase;
  top: -2px;
  width: 65px;
  transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out;
}
.donateBtn:hover {
  background: #de644d none repeat scroll 0 0;
  color: #fff;
}
.topRight ul li .messagePopup .messageList ul li {

    padding-left: 10px;
    padding-top: 3px;
}
.messageList label {
  color: #fff;
    padding: 4px 10px 10px 37px;
    font-size: 13px;
}
/*.topRight ul li .messagePopup .messageList ul li a{ padding:0;}*/


	
	/* -- code for the unfriend button -- */ 
	.friendsList ul li .box .rgt a.unfriend {display:block; position:absolute; right:0; top:28px; border:1px solid #cccccc; border-radius:2px; padding:4px 7px; font-weight:normal; color:#999;}

.friendsList ul li .box .rgt a.unfriend img {margin-right:3px; width:10px}

	/* -- code ends here -- */
	
/*19-10-2015*/

.social_links li a{height: 30px;padding: 6px 2px !important;width: 33px !important;background-position:50% 90%;}
.social_links li a.active{background-position:50% 10%;}

/*.fb_pr{background:url(../images/icons/facebook.png) repeat scroll 0% 0%; }

.linkedin_pr{background:url(../images/icons/linkedin.png) repeat scroll 0% 0%; }

.tw_pr{background:url(../images/icons/twitte.png) repeat scroll 0% 0%; }

.gp_pr{background:url(../images/icons/gplus.png) repeat scroll 0% 0%; }

.getthub_pr{background:url(../images/icons/getthub.png) repeat scroll 0% 0%; }

.email_pr{background:url(../images/icons/email.png) repeat scroll 0% 0%; }

.dribble_pr{background:url(../images/icons/dribble.png) repeat scroll 0% 0%; }

.gp_pr{background:url(../images/icons/gplus.png) repeat scroll 0% 0%; }

.getthub_pr{background:url(../images/icons/getthub.png) repeat scroll 0% 0%; }

.email_pr{background:url(../images/icons/email.png) repeat scroll 0% 0%; }

.dribble_pr{background:url(../images/icons/dribble.png) repeat scroll 0% 0%;}

.inst_pr{background:url(../images/icons/inst.png) repeat scroll 0% 0%;}

.rss_pr{background:url(../images/icons/rss.png) repeat scroll 0% 0%;}

.stumblam_pr{background:url(../images/icons/stumblam.png) repeat scroll 0% 0%; }

.tumb_pr{background:url(../images/icons/tumb.png) repeat scroll 0% 0%;}

.youtube_pr{background:url(../images/icons/youtube.png) repeat scroll 0% 0%; }

.h_pr{background:url(../images/icons/h.png) repeat scroll 0% 0%; }

.b_pr{background:url(../images/icons/b.png) repeat scroll 0% 0%; }

.pint_pr{background:url(../images/icons/print.png) repeat scroll 0% 0%; }*/

.social_links li{padding:0px !important;border:none !important;margin-left:4px !important;}	
.footerOuter {
    bottom: -1px !important;}
	
	
.tooltipOuter {
    background: transparent none repeat scroll 0 0;
    left: 0;
    min-height: 40px;
    position: absolute;
    top: -15px;
    width: 258px;
    z-index: 999;
/*	cursor:pointer; */
}
.prayer{background:url(../images/prayerwall.png) no-repeat !important;    float: left;    height: 30px;    width: 20px;margin-left: 5px !important;margin-top: 4px;}

.fnt13{font-size: 11px!important;}

.articleDet_edit{padding: 9px 0 0 60px!important;}

.messageList {     max-height: 220px;
    overflow-y: scroll;
    background: #000;}
.about_videoo .cgLabel{float: none!important}
.about_videoo .cgField{float: none!important}
.about_videoo #video_name_preview{   margin-top:10px;font-size: 13px;}




.chatWindow a b{color: #fff;
    font-size: 13px;
    letter-spacing: .5px;}

.transition{transition:all 0.5s ease; -ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}

.sencan {display: block;position: relative;}
.tx_note{margin-top: 8px;
    font-size: 11px;
    letter-spacing: .5px;}
.friendsList ul li .box .btns a.transition.remove_request.cancelReq {display: none;
    left: 49px;
    position: absolute;
    right: 0px;
    top: 10px;
    width: 130px;}
.redbar{display: block;margin-bottom:20px }
.friendsList ul li .box .btns .sencan:hover a.transition.remove_request.cancelReq{ display: block}
.mt_62{margin-top:62px;}
.srch_bg{background-color: #fff}


/*03/02/2016 css*/
.moreSrchCon{background:#fff;  padding:20px;}
.leftSrch{width: 100%;
    float: left;}
.rightSrch {  float: left;
    padding-left: 0;
    width: 100%;}
.srchHd { font-family: open_sanssemibold; font-size: 22px;color: #333;  padding-bottom: 15px;}
.leftSrch ul li a {     color: #929191;
    display: block;
    font-size: 15px;
    padding: 14px;
    text-align: left}
.leftSrch ul li a img { display: inline-block;  width: 16px;margin-right: 11px;  vertical-align: middle;}
.leftSrch ul li a:hover , .leftSrch ul li.srchActive a{ opacity:1;}
.srchRow {  position: relative;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding: 0 24px 20px 60px;}
.srchRow img { max-width: 70px;
    height: 50px;
    margin-right: 0px;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100%;
    border: 2px solid #929191;}
.userName {     font-size: 14px;
    color: #929291;
    padding-top: 5px;
    font-weight: 600;}
.userDetails {  font-size: 13px;  color: #666;}
.srchRow a.frnd {  background: #f0f0f0 none repeat scroll 0 0;  border: 1px solid #ddd;  color: #333;  display: block;  font-family: open_sanssemibold;  padding: 8px 0;  position: absolute;  right: 0;  text-align: center;  text-transform: uppercase;  top: 26px;  width: 116px;}
.srchRow a.frnd:hover{ background:#ccc;}

.alertCon{ position: fixed; width: 210px; right:30px; top:40px; z-index: 999;}
.alertBx {  background: #ddd none repeat scroll 0 0;  border: 1px solid #ccc;  border-radius: 5px;  bottom: 10px;  line-height: 20px;
 padding: 15px;  right: 10px;  text-align: left;  width: 200px; margin-top:10px;}
 .innerAlertBox{position: relative;}
.innerAlertBox a {  background: #fff none repeat scroll 0 0;  border: 1px solid #333;  border-radius: 15px;  color: #000;  display: block;  font-family: open_sanssemibold;  font-size: 10px;  height: 15px;  line-height: 15px;  position: absolute;  right: -22px;  text-align: center;  top: -22px;  width: 15px;}
.alertBx.red {  background: #f9b9b9 none repeat scroll 0 0;  border: 1px solid #c19696;}
.alertBx.grren {  background: #e1f6bd none repeat scroll 0 0;  border: 1px solid #68ac03;}

/*Added by Ravi on 3 Feb*/
.redHD > img {
  display: inline-block;
  vertical-align: middle;
}
.ticksign{background:#de644d;width: 84%;border-radius: 50%;}
.ticksign_22{background:#de644d;border-radius: 100%}


/**new search hospital**/
/*sonam 27*/
.srch_hospital li {
  
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  display: inline-block;
    margin-right: 2%;
    margin-bottom: 2%;
  padding: 10px;
  vertical-align: top; text-align: left;
  width: 23.5%;
  float: left;
  min-height:201px;
  background: #fff;
}

.bg_fff{background: #fff;padding:15px 0;}

.srch_hospital li:nth-child(4n+4){
    margin-right:0;
}

.left_hospitl {
        margin-top: 4px;
  float: left;
  width: 20px;
  border: 1px solid #ccc;
}
.left_hospitl img{ max-width:100%;display:block;margin: 0 auto;text-align: center}
.padding9{ padding:7px;}
.srch_hospital_txt {
  float: right;
  width: 294px;
}
.srch_hospital {
 
  text-align: center;
}

.cropit-image-preview img{width:100%!important;height:100%!important;}

.srch_hospital_txt label{ width:70px;display:inline-block; font-weight: bold;color: #333333;text-align:right;margin-right:15px;vertical-align:top;}
.srch_hospital_txt span{ word-break:break-all;    color: #000; display: inline-block; font-weight: 600; font-size: 15px;}
.srch_hospital_txt > div{ margin-bottom:9px;}
.srch_hospital_txt .grayBox{ margin:0;}
.srch_hospital_txt li{ margin:0;padding:0;width:30%;text-align:center;display:inline-block;border:none;}
.srch_hospital_txt li i{ display:inline-block;vertical-align:middle;margin-right:4px;}


.ourpeopleBx{ display:block; padding:10px;} 
.theirLifeTxt{ font-size:14px; display:block; padding:0 0 5px 0;}
.ourpeople-List{ display:block; padding-top:10px;}
.ourpeople-List ul li{ background-color: #f6f7f8; border: 1px solid #e1e2e3; display:block; float:left; margin:4px; overflow: hidden; padding: 5px;  position: relative; width: 14%;}
.ourpeople-List ul li:first-child{ margin-left:0;}
.ourpeople-List ul li:nth-child(6n){ margin-right:0;}
.ourpeople-List ul li:nth-child(7n){ margin-left:0;}
.pull-left { float: left;}
.schooljoblist{ display:block; padding:10px;}
.schooljoblist ul li{ width:50%; display:block; float:left; padding:10px 0; border-bottom:#ccc dashed 1px;}
.school-logo{ width:60px; height:60px; float:left; display:block; margin-right:10px;}
.school-logo img{ width:100%; height:100%; box-sizing:border-box;}
.school-right{ width:80%; float:left; display:block;}
.schtechHd{ display:block;}
.schtechHd a{ color:#0066CC; font-size:16px}
.schtechHd a:hover{ color:#000;}
.schoolJobTitle{ display:block;}
.schoolJobTitle a{ display:block; font-size:16px; color:#000;}
.schtitle{ font-size:14px; color:#afafaf; line-height:16px; padding:3px 0 5px 0; }
.schtitle span{ display:block; color:#0066FF;}
.viewsave{ display:block;}
.viewsave a{ display:inline-block; padding-right:20px; color:#333; font-size:14px; font-weight:bold;}
.viewsave a:hover{ color:#0066CC;}
.getinsp{ display:block;}
.getinsp-L{ width:335px; height:341px; display:inline-block;}
.getinsp-L img{ width:100%; height:100%;}
.getinsp-R{ width:406px; display:inline-block; float:right;}
.getinsp-R ul li{ width:200px; height:168px; display:block; float:left; margin-right:5px; margin-bottom:5px;}
.getinsp-R ul li img{ width:100%; height:100%;}
.getinsp-R ul li:nth-child(2n){ margin-right:0;}
.culvedImg{ display:block; width:100%;}
.culvedImg img{ width:100%; border:#ccc solid 1px;}
.rssList{ display:block; margin-top:-10px;}
.rssList ul li{ display:block; font-size:14px; color:#333; line-height:22px; vertical-align:top; padding:2px 0;}
.rssList ul li img{ width:20px; height:20px; display:inline-block; border:#ccc solid 1px; margin-right:5px; vertical-align:middle;}
.rcsm .img{ float:left; width:80px; margin-right:10px; }
.rcsm .img img{width:100%;}
.rightTimeLine{ float:left; width:87%; color:#666666; line-height:19px; font-size:13px;}
.RBigThumb { margin-top:10px;}
.RBigThumb  .media{border: 1px solid #CCC;border-radius: 3px;margin-right: 10px; width:100px; float:left;}
.share_new{ padding:10px 0px; margin-top:10px; }
.share_new img{float:left; margin-right:10px; width:60px;  border: 1px solid #CCC ;  border-radius: 3px;}

#identity .member {border-right: 1px solid #DDD;box-sizing: border-box;float: left;padding: 10px;width: 370px;}
#identity .photo {border: 0px none;float: left;height: 80px;padding: 0px;width: 80px;}
#identity .photo img {height: 80px;width: 80px;}
#identity .titl {height: 44px;margin-left: 95px;}
.titl h3 {margin-bottom: 5px;color: #505050;margin-top: 5px;}
#identity .stats {box-sizing: border-box;color: #66696A;float: left;font-size: 13px;font-weight: normal;line-height: 17px;width: 398px;padding:10px;}
.first-child {width: 100%;text-align: center;}
.newsdj {border-bottom: 1px solid #DDD;width: 100%;text-align: center;margin-top: 10px;color: #7BB72E;font-size: 18px;padding-bottom: 3px;}
.newdfg {border-right: 1px solid #CCC;float: left;width: 130px;color: #578CEF;margin-left: 54px;padding-top: 14px;font-size: 14px;padding-bottom: 2px;}
.newjdf {float: left;width: 130px;margin-left: 20px;color: #FF8E6C;padding-top: 14px;font-size: 14px;}
.ourpeople-List li  .pull-left img{width:100px; height:100px;}
.leftBoxFilter{ text-align:left; border-top: solid 1px #ddd; padding:10px 0; margin-top:10px; color:#666666; }
.leftBoxFilter label{ display:block; padding:2px 0px;}
.leftBoxFilter b{ color:#000; font-size:14px; margin-bottom:5px; display: block;}
.filterLeft{ float:left; width:230px;} 
.prGrpJob{ float:left; margin-left:20px;width: 487px;padding-right: 0px;}
.prGrpJob ul li{ width:100% !important;}
.viewsavedelete{ margin-top:6px;}
.viewsavedelete a{ color:#666666; margin-right:8px; font-size:13px; }
.viewsavedelete a:hover{ color:#000;}
.prGrpJob .school-logo img { border:solid 1px #ddd; }
.jobSearcForm .inputRow{ width:100%; margin:0px; padding:0px; }
.jobSearcForm .inputRow .youname{ float:none; width:100%; text-align:left; margin:0px; line-height: 12px; margin-top:15px;}
.jobSearcForm .inputRow .youdonat{ float:none; width:100%; text-align:left;}
.jobSearcForm .inputRow input[type="text"], .jobSearcForm .inputRow select{ width:100%; }
.jobSearcForm{ margin-bottom:40px; border-bottom: solid 1px #ddd; padding-bottom:20px;}
.textCOnten{  line-height:18px; font-size:13px;}
.textCOnten p{ color:#666666; margin-top:20px;}
.bannerLinksFull{ padding-left:80px; margin-top:10px; border-bottom: solid  1px #ddd; padding-bottom:3px; }
.rc-small-cpBox {background: none repeat scroll 0px 0px #F8F9FB;padding-bottom: 10px !important;padding-top: 10px !important;float: left;width: 186px;border-right: 1px solid #CAD7E0;}
.companyimg img {max-height: 52px;max-width: 52px;float:left;margin-left:5px;}
.bd123 {font-size: 13px;padding: 12px 5px;width: 63%;float:right;}

.analitics_right{ width:27%;float:left;}
.inam_noresponse{ float:left;width:27%;}
.inam_noresponse .BoxInm1{ width:207px;}
.inmali_nul{ float:right;width:4%;padding-top:35px;}
.inmali_nul span{ display:block;color:#666666;font-size:14px;padding-bottom:8px;}

.modal2 {display: none; position: fixed; z-index: 99999; left: 0;top: 0; bottom:0; width: 100%; height: 100%; overflow: auto;background-color: rgba(0,0,0,0.7); }
.modalArea{background: #fff;
    width: 30%;
    margin: 0 auto;
    height: auto;
    margin-top: 50px;
    box-shadow: 0px 0px 2px 1px #7b7979;
    position: relative;
    padding: 30px;
    border-radius: 4px;}
.close2{position:absolute;right:14px;top:14px;cursor:pointer;}
.modalHeading{font-family: 'Open Sans', sans-serif;
font-size: 20px;
color: #4f5051;
line-height: 26px;
font-weight: 600;
text-align:center;
}

.createGroupForm {padding:0;}
.createGroupForm textarea{padding: 10px;border: 1px solid #ccc;margin-top: 20px;}
.post-creator .userBox{    width: 100%; padding: 0 0 0 48px!important;}
.cgField {float: left;
    width: 100%;
    text-align: left;
    color: #000;
    font-size: 13px;
    clear: both;
    padding: 8px 0;
    font-weight: 600;
    text-transform: capitalize;

}

.inputnn{border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    border-bottom: 1px solid #c6c6c6;
    color: #000;
    font-weight: 600;
    letter-spacing: .5px;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 10px;}

.cgLabel {float:left; width:100%!important;  font-size:13px;    padding-bottom: 20px;}
.cgLabel .input {width:100%; padding:6px 8px; border:1px solid #ccc; border-radius:3px; font-size:13px;}
.privacyTxt {padding:4px 0 0 0;    font-weight: 600;}
.privacyTxt span {display: block;
    color: #7d7d7d;
    margin: 2px 0 10px 17px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    font-weight: 600;}
.privacyTxt input[type="radio"] {margin-bottom:4px;}
.cgLabel .leftSpace {padding-left:17px;}
.btnCover {margin-top:20px; padding:25px; text-align:center;}
.btnCover input {margin:0 5px;}


.prmidCon .aboutBox, .prmidCon .innerBox {
    border-radius: 4px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}
.ambassador {
    position: relative;
}

.blueBtnC:hover {
    background-color: #666666;
}

blueBtnC {
    padding: 3px;
    cursor: pointer;
    border: 0px;
    border-radius: 3px;
    background-color: #578CEF;
    color: #FFFFFF;
}

.prmidCon .aboutBox, .prmidCon .innerBox {
    border-radius: 4px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}
.ambassador {
    position: relative;
}
.marginTN {
    margin-top: 0 !important;
}


.borNone .articleList li{padding-bottom: 30px!important}

.articleImg_edit a img{border: 0!important; border-radius: 100%!important;}
.articleImg_edit .articleDet{padding: 0 0 0 50px!important;}



.form-input .inputForm {
    background: none repeat scroll 0px 0px #EEE;
    border-radius: 3px;
    float: left;
    vertical-align: top;
    margin-right: 12px;
    padding: 7px 5px;
    width: 158px;
    border: 1px solid #CCC;
}
.editicn{vertical-align:middle !important;padding:0px 2px 2px 0px !important;}


/* New Header and footer css*/
header *{ box-sizing: border-box;  -ms-box-sizing: -webkit-border-box;  -moz-box-sizing: border-box;  -o-box-sizing: border-box;}
header#headerCon{ min-width:1000px; height:78px;  padding:0 218px 0 15px; position:relative; width:100%; position:fixed; background:#fff; z-index:200; top:0;  -ms-box-sizing:border-box;  -moz-box-sizing: border-box;  -o-box-sizing: border-box;  -webkit-box-sizing: border-box; border:0; box-shadow:none; border-bottom:1px solid #e7e9ec;}
header#headerCon .logo{ float:left; padding:10px 0; margin:0;}
header#headerCon .navCon{ float:right; margin-right:8px;}
header#headerCon .navCon ul.nav > li{ float:left; margin-bottom:0; position:relative; -webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s;}
header#headerCon .navCon ul.nav > li > a{ display:block; padding:31px 10px; border-left:1px solid #e7e9ec; height:78px; color:#4d4d4d; font-size:13px; text-transform:uppercase;}
header#headerCon .navCon ul.nav > li:last-child > a{border-right:1px solid #e7e9ec;}
header#headerCon .submenu {background: white none repeat scroll 0 0;left: 0;position: absolute;top: 100%;width: 155px; border:1px solid #e7e9ec; border-top:0; display:none;}
header#headerCon .submenu li{ margin:0;}
header#headerCon .submenu a {  color: #000000 !important; display: block; font-size: 13px;  padding: 10px 15px;  text-transform: uppercase;border:2px solid #dd644c;background:white;}
header#headerCon .submenu li:hover{ background:#941400;}
header#headerCon .submenu li:hover a{ color:#fff;}
header#headerCon .navCon ul.nav > li.active a , .navCon ul.nav > li:hover a{ color:#fff !important; background:#dd644c;}
header#headerCon .headerBtn a {background: #dd644c none repeat scroll 0 0;  color: #fff;  font-size:14px;  padding: 10px 18px; text-transform: uppercase; margin-left:5px;}
header#headerCon .headerBtn {position: absolute;  right: 15px;  top: 24px;}
header#headerCon .headerBtn a.black{ background:#2b2f3a;}
header#headerCon .headerBtn a:hover{background:#a41e09;}
header#headerCon .headerBtn a.black:hover{background:#121419;}

@keyframes headeranimate{
0%{top:-78px;}
100%{ top:0;}
}
@-webkit-keyframes headeranimate{
0%{top:-78px;}
100%{ top:0;}
}
@-ms-keyframes headeranimate{
0%{top:-78px;}
100%{ top:0;}
}
header#headerCon .fixed { animation-name:headeranimate; -webkit-animation-name:headeranimate; animation-name:headeranimate;  animation-duration: .5s; -ms-animation-duration: .5s; -webkit-animation-duration: .5s; position:fixed; top:0; }
@media only screen and (max-width: 1099px) {
header#headerCon .navCon ul.nav > li > a{ padding:31px 6px;}
}

/*footer css*/
footer#footerCon *{box-sizing: border-box;  -ms-box-sizing: -webkit-border-box;  -moz-box-sizing: border-box;  -o-box-sizing: border-box;}
footer#footerCon{ background:#000; padding:36px 0 20px; border-top:1px solid #999; box-sizing: border-box;  -ms-box-sizing: -webkit-border-box;  -moz-box-sizing: border-box;  -o-box-sizing: border-box; color:#fff;}
footer#footerCon .foodHd {  font-size: 18px;  padding-bottom: 8px;}
footer#footerCon .box.box1 p {  font-size: 14px;  line-height: 22px; padding:10px}
footer#footerCon .box a {  color: #fff;  display: block;  font-size: 14px;  padding-bottom: 5px;}
footer#footerCon .box a:hover{ color:#dd644c;}
footer#footerCon .box{ float:left;}
footer#footerCon .box1{ width:428px; padding-right:30px;margin-left:-50px;}
footer#footerCon .box2{ width:162px;}
footer#footerCon .box3{ width:140px;}
footer#footerCon .box4{ width:176px;}
footer#footerCon .box5{ width:144px;}
footer#footerCon .footerFollows {  margin: 10px 0 18px;}
footer#footerCon .box .footerFollows a {border-radius: 5px;  display: inline-block;  font-size: 13px;  margin-right: 6px;  padding: 4px 10px;  vertical-align: middle;}
footer#footerCon .box1-facebook { background: #3162a2;}
footer#footerCon .box1-twitter {  background: #2eb1eb;}
footer#footerCon .box1-pintrest{background: #dd644c;}
footer#footerCon .box1-linkdin{background: #457ac0;}
footer#footerCon .box1-instagram{background: #2a5b83;}
footer#footerCon .box .footerFollows a:hover{ color:#fff; opacity:.8;}

footer#footerCon .footerFollowa a{ width:24px; height:24px; display:inline-block; background:#fff; background:url(../images/foot-follows.png) no-repeat; margin-left:1px;}
footer#footerCon .footerFollowa a.foot-facebook{ background-position:8px 2px;}
footer#footerCon .footerFollowa a.foot-google{ background-position:-20px 2px;}
footer#footerCon .footerFollowa a.foot-pinterst{ background-position:-51px 2px;}
footer#footerCon .footerFollowa a.foot-twitter{ background-position:-86px 2px;}
footer#footerCon .footerFollowa a.foot-instagram{ background-position:-116px 2px;}
footer#footerCon .footerFollowa a.foot-youtube{ background-position:-147px 2px;}
footer#footerCon .container{  position: relative; max-width:1000px;}
footer#footerCon .footerFollowa { position: absolute;  right: 0;bottom: 0;}
footer#footerCon  .white {color: #fff !important;}
footer#footerCon .copyright.white{ text-align:left;}
footer#footerCon .footerFollowa a.foot-facebook:hover{ background-position:8px -19px;}
footer#footerCon .footerFollowa a.foot-google:hover{ background-position:-20px -19px;}
footer#footerCon .footerFollowa a.foot-pinterst:hover{ background-position:-51px -19px;}
footer#footerCon .footerFollowa a.foot-twitter:hover{ background-position:-86px -19px;}
footer#footerCon .footerFollowa a.foot-instagram:hover{ background-position:-116px -19px;}
footer#footerCon .footerFollowa a.foot-youtube:hover{ background-position:-147px -20px;}


.overlay{ background: rgba(0,0,0,.5)!important;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: auto;
    display: none;}


.popup_img .userBox{padding: 0 0 0 0px!important;}

#login{ width:448px; position:absolute; left:0; right:0; top:50%;  margin:-256px auto 0 auto; background:#f0f0f0; border:1px solid #ddd; }
#login .hd{ text-align:center; font-size:30px; text-transform:uppercase; font-family:oswaldbold; color:#333; background:#fff; border-bottom:1px solid #ddd;padding:20px 0; margin-bottom:36px;}
#login .hd img{ display:inline-block; vertical-align:middle; margin:9px 5px;}
#login .loginWidth > span {  display: block;  text-align: center;  padding: 0px 0 10px;  font-family: oswaldbook;font-size: 18px;}
#login .loginWidth .footerFollows { margin: 0 0 0px; text-align: center;}
#login .loginWidth .footerFollows a {  border-radius: 3px;  display: inline-block;  height: 30px;  line-height: 28px;  text-align: center;  width: 30px;}
#login .loginWidth .footerFollows a img {  vertical-align: middle;}
#login .input.loginInput{ height:48px; padding-left:36px;}
#login .loginRow{ padding:0 30px; margin-bottom:15px;}
#login .username{ background:url(../landing_new/images/user.png) no-repeat 10px center #fff;}
#login .password{ background:url(../landing_new/images/password.png) no-repeat 10px center #fff;}
#login .loginRow.checkbox label {font-size: 13px;  color: #333;  float: left;}
#login .loginRow.checkbox > a {  font-size: 13px;  color: #dd644c ;  float: right;}
#login .loginRow.checkbox > a:hover{ text-decoration:underline;}
#login .loginRow.checkbox label input {  float: left;  margin: 3px 3px 0 0;}
#login .loginRow.checkbox {  margin-top: -8px;}
#login .submitBtns {  width: 100%;  background: #dd644c;  border: 0;  color: #fff;  font-size: 18px;  text-transform: uppercase;  font-family: open_sanssemibold;  padding: 11px 0;  margin-top: 15px; cursor:pointer;}
#login .loginWidth {  padding: 0px 0 25px;}
#login .submitBtns:hover{ background:#2b2f3a ;}
#login .input.loginInput:focus{ border:1px solid #dd644c;}
#login .orSep {display: block; text-align: center;  margin: 30px auto 20px auto;}
#login .innerPop{ position:relative;}
#login .closeX {  width: 30px;  height: 30px;  z-index: 400; display: block;  position: absolute;  right: -15px;  top: -15px;}
#login input, #login textarea, #login select {font-size:13px; color:#3a3a3a; vertical-align:middle;   font-family: 'open_sansregular'; outline:none;  -webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s;}
#login input[type="button"] {-webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s;}
#login .input {  border: 1px solid #ddd;  color: #333;  font-size: 12px;  height: 32px;  padding: 8px 10px;   width: 100%;}
#login .input:focus{ border:1px solid #ffc905 ;}
#login textarea.input{ height:100px; resize:none;}
#login .btn{  background:#dd644c;  text-transform:uppercase; text-align:center; cursor:pointer; border:0; color:#fff; -webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s; cursor:pointer;}.box .footerFollows a {border-radius: 5px;  display: inline-block;  font-size: 13px;  margin-right: 6px;  padding: 4px 10px;  vertical-align: middle;}
#login  .box1-facebook { background: #3162a2;}
#login  .box1-twitter {  background: #2eb1eb;}
#login  .box1-pintrest{background: #dd644c;}
#login  .box1-linkdin{background: #457ac0;}
#login  .box1-instagram{background: #2a5b83;}
#login  .box .footerFollows a:hover{ color:#fff; opacity:.8;}

.btn_trans{        background: transparent!important;
    border: 1px solid #00a2ec!important;
    color: #00a2ec!important;
    font-size: 13px;
    padding: 6px 12px!important;
    border-radius: 3px!important;
    font-weight:400!important;
    padding: 5px 8px!important;
    box-shadow: none!important;
}

.btn_trans:hover{background: #00a2ec!important;color:#fff!important;}


.myg_btns a{display: inline-block;margin-left:5px;font-weight: 400!important;}
.na_grp{font-size: 13px;
    color: #7d7d7d;
    font-weight:600;
}

.reachImg canvas{width:100%!important;}

a.like.likePage span {
           width: 71px;
    position: absolute;
    border: 0;
    border-radius: 3px;
    padding: 4px 0 1px 0;
    left: 0px;
    display: none;
    bottom: 0px;
    background: #fff;
    height: 28px;
    font-size: 11px;
    font-weight: 400;
    border: 1px solid #00a2ec;
    color: #00a2ec!important;
    left: -1px;
    top: -1px;
}
a.likePage {
    position: relative;
}

a.like.likePage:hover span{ display: block;}

.frndBtn {
  background: #f6f7f8 none repeat scroll 0 0;
  border: 1px solid #b6b7b9;
  cursor: pointer;
  float: right;
  padding: 5px;
  position: relative; 
  right: 5px;
}

.dropDown.frndBtn ul#dropdown-content {
  border: 1px solid #ddd;
  bottom: auto;
  height: 17px;
  left: -1px;
  padding: 5px;
  position: absolute;
  top: 100%;
  width: 93% !important;
}

.restFriend {
  border: 0 none !important;
  text-decoration: none !important;
}

.botom-btns.articleTab {
    margin-top:15px;
}
.pluse{color:#de644d;}
/*added for putting button down on article page
.botom-btns{bottom:-20px !important; right:36px !important; position: absolute !important;}

*/

.searchFrd {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: 1px solid #BDC7D8 !important;
    border-radius: 2px !important;
    float: right !important;
    height: 25px !important;
    width: 185px !important;
}
.searchFrd .input {width:160px; padding:5px 7px; border:none; background:none; vertical-align:top; color:#666; float:left;}
.searchFrd .btn {float:right; background:url(../images/icons/profile_search.png) no-repeat center; height:25px; width:25px; overflow:hidden; border:none; text-indent:-200px; cursor:pointer;}
.mainWidth.clearfix {
    display: block;
    margin: 0 auto;
    max-width: 1500px;
    width:100%;
}
.prfHeader{box-shadow: 0px 2px 4px #666; border-bottom:0px;}
.nav_bg {
      display: block;
    float: left;
    height: 57px;
    margin: 0;
    width: 100%;
    background-image: linear-gradient(#ffffff, #f1f5f8, #d9dde1);
    border-top: 4px solid #e1e1e1;
}
.top-nav li {float: left;list-style: outside none none;position: relative;}
.top-nav li  a {    padding: 14px 17px;
    display: block;
    color: #000;
    font-size: 17px;
    cursor: pointer;
    font-weight: 600;
    position: relative;
}

.top-nav li a.active{color:#cb3925;}

.top-nav li  a.active:after{content: "";
    position: absolute;
    bottom: -1px;
    background: #de644d;
    height: 3px;
    width: 100%;
    z-index: 1;
    left:0;
}

.width_edit{width: 1050px!important;}




.top-nav li  a:hover{text-decoration:none;}
.top-nav li ul {display: none;}
.top-nav li a:hover, .aside-nav li a:hover, .activeMenuBlack {    color: #000 !important; background-image: linear-gradient(#ffffff, #f1f5f8, #c0c6cc);}
.mainConPr{ padding-top:40px;} 
.top-nav ul ul {position: absolute; min-width: 190px; z-index: 9999;
    background-image: linear-gradient(#ffffff, #f1f5f8, #c0c6cc);top: 52px;}
.top-nav li ul li {display:block; float:none;}
.top-nav li ul li a {display:block;padding: 10px; color:#000;font-size: 15px;}

.naviOuter {
position: fixed;
top: 66px;
width: 100%;
z-index: 500;
}


ul{ list-style:none; margin:0; padding:0;}
.mainWidth{position:relative;}
.mobMenu {
  display: inline-block;
  font-family: Arial,Helvetica,sans-serif;
  margin-top: 20px;
  position: absolute;
  right: 124px;
  top: -21px;
  width: 200px;
}
.togle:hover{ color: #fff;}
.togle {
  color: #FFFFFF;
  display: block;
  font-weight: bold;
  padding: 7px 15px 7px 0;
  text-decoration: none;
  text-transform: uppercase;
  width: 100px;
  font-size: 15px;
}
.togle span {
  display: inline-block;
  height: 20px;
  margin-right: 8px;
  margin-top: -1px;
  vertical-align: top;
  width: 24px;
}
.togle span i{ height:2px; background:#fff; display:block; margin:3px 0 4px;}
.mobUl{ display:none;}
.mobUl > li{ width:200px; position:relative; padding:0px; background:#990000; border-bottom:1px solid #b74a4a; position:relative;}
.mobUl > li a{ display:block; padding:10px; color:#fff; text-decoration:none;}
.mobUl > li > a:hover{ background:#ba3232;}
.mobsubsubMenu{ background:#ba3232; width:200px; position:absolute; left:100%; top:0; display:none;}
.mobsubsubMenu li{border-bottom:1px solid #ae1515 ;}
.mobsubsubMenu li a:hover{ background:#990000;}
.mobSubMenu::after {  border-bottom: 5px solid transparent;  border-left: 6px solid #d75757;  border-top: 5px solid transparent;  content: "";  height: 0;
 left: auto;  position: absolute;  right: 9px; top: 15px;width: 0;}

.rgt1 .ccc.shareyourstory a {

  float: none;
}

.rgt1 .ccc.shareyourstory {
  display: block;
 
}



.rgt1 .message-inner a {
  font-size: 16px !important;
  text-transform: capitalize;
  padding-bottom: 3px;
}
.rgt1 .message-inner {
  width: 292px !important;
  margin: 0 !important;
}
.seemore {
  float: right;
font-size:12px;
font-weight:600;
color:#7d7d7d;
}
.newCon{padding-top:0px !important;}
.vis_con {
    border: 5px solid #808080;
    border-radius: 4px;
}

.cn_vis {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 8px;
    text-align: center;
    width: 20%;
    margin:0 auto;
}



.disclaim{
    background: none repeat scroll 0 0 #80807F;
    font-size: 14px;
   
}
.disclaim >p{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 80%;
}
.cpyrigt{
font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 78%;

}

.cpyrigt > a {
    color: #000000;
    font-size: 14px;
}
.gtop {
    bottom: -7px;
    height: 40px;
    position: fixed;
    right: 10px;
    width: 40px;
}
.del_post_vid {
        position: absolute;
    right: 10px;
    top: auto;
    bottom: 8px;
    text-align: center;
    line-height: 20px;
    color: #de644d;
}

.btn.btn2 {
  position: absolute;
  right: 0;
}
.eventList ul li .eventDet.eventDet2 {
  padding-right: 180px;
  position: relative;
}
.eventList ul li .eventDet.eventDet2 .user {
  position: absolute;
  right: 0;
  top: 0;
}

.eventList ul li .eventDet.eventDet2 .user a {
  display: block;
  text-align: center;
}
.postTxt iframe {
  width: 100%!important;
}
.dropDown .uibtn4 ul {
  left: auto;
  position: absolute;
  right: -1px;
  top: 28px;
  width: 74px;
  border: 0 !important;
}

.dropDown .uibtn4 ul a {
  border: 1px solid #ccc !important;
  display: block;
  float: none;
  height: 26px;
  text-align: center;
  background: #ddd !important;
  padding-top: 5px;
}
body input:-webkit-autofill{
    background-color: #fff !important;
    background-image: url(../landing_new/images/user.png) !important;
    background-repeat: no-repeat;
    color: rgb(0, 0, 0);
}

/*added on 27 april*/
.newpageCon{min-height: 833px !important;padding:15px 10px !important;}

/*added on 6 may*/
.spa{
  color: #8e8e8e;
  font-family: arial;
  font-size: 15px;
  font-weight: 600;
}

.nofrndrq:hover{background-color:#000!important;background-image:none!important;}


.clearfix{ clear: both;}
.clearfix:after , clearfix:before{ content: ""; display: block;; width: 0; clear: both;}
.half.fl {
  width: 49%;
  float: left;
}

.half.fr {
  width: 49%;
}
.artcilebox3 {
  width: 100%;
  padding: 0x;
  box-sizing: border-box;
  border: 1px solid #ddd;
  background: #f5f5f5;
}
.articleRow.clearfix {
  margin-top: 13px;
}
.articleHd3 {
/*  border-bottom: 1px solid #ddd; */
  font-size: 16px;
/*  padding: 10px; */
  display: block;
  color: #333;
      margin-bottom: 5px;
}

.headings p{font-size: 14px;}


.articleHd3:hover {
  color: #578cef;
}
.articleDetail.clearfix {
  padding: 10px;
}
.articleImage {
  width: 100%;
  border: 1px solid #ccc;
  padding: 5px;
  background: #fff;
  float: left;
  height:80px;
}
.articleDetail.clearfix > p {
  width: 243px;
  float: right;
  color: #555;
}
.rm {
  font-weight: bold;
}

.half {
  width: 100%;
  float: left;
  margin-bottom: 7px;
/*  margin-left: 7px; */
}

/*
.half:nth-child(2n) {
  float: right;
}
*/

/*added on 25 May 2016 */

.extracted_url {
  
  box-sizing: border-box;
  margin: 10px 0;
  padding: 10px;
  width: 100%;
}
.extracted_thumb {
  float: left;
  width: 12% !important;
}
.extracted_content {
  float: right;
  width: 86%;
}

.extracted_content h4 a{font-size: 15px;}

.art-img {
  float: left;
  width: 20%;
}
.headings {
  float: left;
  width: 70%;
  margin-left: 20px;
}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
        color: black;
    float: left;
    padding: 5px 12px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    background: #fff
}

ul.pagination li a.active {
    background-color: #00a2ec;
    color: white;
    border: 1px solid #00a2ec;
}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}
.linksss {
  float: right;
    margin: 0 0px 0px 0;
    width: 100%;
}


.art-button {
  background-color: #578cef;
  border: 0 none;
  border-radius: 3px;
  cursor: pointer;
  padding: 7px 12px;
  color:#fff;
}

.art-button:hover
{
  background-color: #000000;
}

.postBox{    margin-bottom: 20px; background: #fff;  border-radius: 3px;padding:25px;}

.ar_label{    color: #6c6c6c;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
    letter-spacing: .5px;
    text-transform: capitalize;
}

.ar_form{border: 1px solid #ddd;
    height: 31px;
    border-radius: 2px;
    font-size:12px ;
}

.sugp_h{display: block;border-bottom: 0;
    margin-bottom: 0px;
    padding-bottom: 0;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.p_rel{position: relative;}
.file_cntrl{position: absolute;
    top: 0;
    width: 100%;
    height: 21px;
    overflow: hidden;
    opacity: 0;
    cursor:pointer;
    left:0;
    font-size:0;
}

.art_post{position: relative;
    font-weight: 600;
    color: #7d7d7d;
 
}
.art_post a{color:#6c6c6c;}
.art_h6{font-weight: 600;
    color: #7d7d7d;
    font-size: 14px;}
.cat_nme{    font-size: 12px;
    color: #7d7d7d;
    font-weight: 500;
    letter-spacing: .5px;}
.artcle_des{    position: relative;
    padding-left: 58px;
    border-bottom: 1px solid #d7d5d5;
    padding-bottom: 16px;
    height: 70px;
    padding-top: 13px;}

.art_img_2 img{border-radius: 100%}

.art_rply a{color: #4a4a4a;
    font-weight: 500;
    font-size: 14px;}
.art_rply a .far{color: #00a2ec!important;}
.art_rply a .fas{color: #00a2ec!important;}
.art_img{position: absolute;top:0;left:0;}
.art_img_2{position: absolute;top:0;left:0;}
.art_img img{width: 84px;}

.optn_font option{font-weight: 600;
        color: #00a2ec;}

/******************new design***************/
._profileleftnew {float: left;padding: 10px;width: 760px;}
.midleft_new{width: 100%; float: none;}
._profileleftnew  ._profileleftnew_innerbox{background: #fff none repeat scroll 0 0; border: 0 none; border-radius: 5px; min-height: 95px; padding-left: 108px;position: relative;margin-bottom: 10px;border: #cfcfcf solid 1px;}
._profileleftnew ._profileleftnew_img{height: 95px; left: 0; padding: 1px;  position: absolute;  top: 0; width: 100px;}
._profileleftnew ._profileleftnew_img img{width: 100%; -webkit-box-shadow: 0 0 0 1px #dcdcdc;-ms-box-shadow: 0 0 0 1px #dcdcdc;-o-box-shadow: 0 0 0 1px #dcdcdc;  box-shadow: 0 0 0 1px #dcdcdc; }
._profileleftnew .Nameheading {border-bottom: 1px solid #e5e5e5;line-height: 40px; font-size: 26px; font-weight: height: 40px; padding: 13px 10px;}
._profileleftnew .Nameheading .editIconBox {display: inline-block;background: #fff;padding: 0 4px; border-radius: 2px; height: 23px; vertical-align: middle; margin-left: 10px;}
.dashboardLinksinner > li{  position: relative;  float: left; position: relative; border-bottom: 0;}
.dashboardLinksinner > li:last-child{float: right;}
.dashboardLinksinner > li > a{ border-right: 1px solid #e5e5e5; font-weight: bold; color: #333; display: block;    background: #fff !important;  padding: 10px 9px;}
.dashboardLinksinner > li > a > span {background: rgba(0, 0, 0, 0) url("../images/icons/arro_blue.png") no-repeat scroll right center; display: inline-block;padding: 0 15px 0 5px;}
.dashboardLinksinner > li > a.createAd {padding: 5px 10px;}
.dashboardLinksinner > li > a.createAd span {background: #de644d none repeat scroll 0 0;color: #fff;display: inline-block;padding: 5px 10px;
    border-radius: 3px;}
.dashboardLinksinner > li > a:hover{color: #578cef;}
 .postCon_new{width: 100%; padding: 0; margin-top: 10px;}
 .dashboardLinksinner > li .submenulist{display: none;position: absolute; top:100%; left: 0; width: 168px; background: #fff; border-bottom: 1px solid #e5e5e5;}
 .dashboardLinksinner > li:hover .submenulist{display: block;} 
  .dashboardLinksinner > li .submenulist > ul > li { border-bottom: 1px solid #e5e5e5; display: block;  float: none; position: relative;}
.dashboardLinksinner > li .submenulist > ul > li > a {
  background: #fff none repeat scroll 0 0 !important;
  color: #333;
  display: block;
  font-weight: 600;
  padding: 10px 10px 10px 25px;
  position: relative;
}

.postCon {
    background: transparent!important;
    border: 0px solid #cfcfcf!important;
    border-radius: 0!important;
    margin-top: 0!important;
    padding: 0!important;
}


.video_Popup{    position: absolute!important;
    left: 0!important;
    top: -26px!important;
    right: 0;
    margin: auto!important;
    bottom: 0;
    width: 40px!important;
    height: 40px!important;}
.removeIcon{
    background: none repeat scroll 0 0 #000;
    border-radius: 25px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    left: 80px;
    line-height: 20px;
    padding-left: 0;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 20px;
}
.thumbnail > div { float: left; }



.backBg {background:rgba(0,0,0,.8); position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000;}

.videoPopup {width:550px; height:300px; background:#fff; padding:10px; position:absolute; left:50%; top:50%; margin:-210px 0 0 -299px; border-radius:3px;}



.commentDet{position: relative;}
.comment_edit a{font-size:12px!important;color:#aaa;}
.comment_edit{background-image:url();}

.commentDet a {
    
}
.comment_edit{
    display:none;
}
.ed_comment
{
    border: 1px solid #ccc;
    height: 45px;
    overflow-y: hidden;
    padding: 8px;
    width: 100%;}


.detBox a{word-break: break-all;}




.dashboardLinksinner > li .submenulist > ul > li > a i {
  background: rgba(0, 0, 0, 0) url("../images/icons/sprites_icon.png") repeat scroll 0 0;
  display: block;
  height: 18px;
  left: 3px;
  position: absolute;
  top: 7px;
  width: 18px;
}
.dashboardLinksinner > li .submenulist > ul > li > a i.createPage { background-position: 0 -140px;height: 18px; top: 8px;
}

.dashboardLinksinner > li .submenulist > ul > li > a i.likePage {background-position: 0 -117px;height: 18px;top:8px;}

.dashboardLinksinner > li .submenulist > ul > li > a i.myProfile {background-position:0 0; height:17px; top:8px;}
.dashboardLinksinner > li .submenulist > ul > li > a i.editInfo {background-position:0 -19px; height:18px; top:8px;}
.dashboardLinksinner > li .submenulist > ul > li > a i.changePhoto {background-position:0 -39px; height:14px; top:9px;}
.dashboardLinksinner > li .submenulist > ul > li > a i.createAd {background-position:0 -55px; height:18px; top:11px;}
.dashboardLinksinner > li .submenulist > ul > li > a i.inviteFriend {background-position:0 -76px; height:17px; top:8px;}
.dashboardLinksinner > li .submenulist > ul > li > a i.advertisements {background-position:0 -97px; height:15px; top:9px;}
.dashboardLinksinner > li .submenulist > ul > li > a i.page {background-position:0 0; height:17px; top:8px;}
.dashboardLinksinner > li .submenulist > ul > li > a i.group {background-position:0 0; height:17px; top:8px;}
.dashboardLinksinner > li .submenulist > ul > li > a i.findNewGroup {background-position:0 -164px; height:18px; top:8px;}
.dashboardLinksinner > li .submenulist > ul > li > a i.createGroup {background-position:0 -188px; height:13px; top:11px;}
.dashboardLinksinner > li .submenulist > ul > li > a i.manageGroup {background-position:0 -206px; height:19px; top:7px;}
.dashboardLinksinner > li .submenulist > ul > li > a i.event {background-position:0 0; height:17px; top:8px;}
.dashboardLinksinner > li .submenulist > ul > li > a i.searchEvent {background-position:0 -230px; height:17px; top:7px;}
.dashboardLinksinner > li .submenulist > ul > li > a i.createEvent {background-position:0 -252px; height:17px; top:7px;}
.dashboardLinksinner > li .submenulist > ul > li > a i.manageEvent {background-position:0 -273px; height:19px; top:6px;}
.dashboardLinksinner > li .submenulist > ul > li > a i.article {background-position:0 0; height:17px; top:8px;}
.dashboardLinksinner > li .submenulist > ul > li > a i.writeArticle {background-position:0 -297px; height:18px; top:7px;}
.dashboardLinksinner > li .submenulist > ul > li > a i.searchArticle {background-position:0 -320px; height:18px; top:6px;}


        .dashboardLinksinner > li .submenulist > ul > li > a:hover{color: #578cef;}

    ._profileleftnewmidCen{width: 760px;}
    .postCon_new  li.postBox{min-height: 120px;padding-bottom: 0px; margin-top: 0; position: relative; padding-left: 131px; margin-bottom: 10px; }
    .postCon_new .list-img-l{height:76px;width:88px;position: absolute;left:16px;top: 0;}
     .postCon_new .list-img-l img{width: 100%; height: 100%; -moz-border-radius: 10px;  border-radius: 10px; -webkit-border-radius: 10px;}
     .postCon_new .list-img-r{    background: #fff none repeat scroll 0 0;border: 1px solid #e5e5e5;border-radius: 5px;position: relative;}
   .postCon_new .list-img-r:after {border-bottom: 15px solid transparent;border-right: 15px solid #fff; border-top: 15px solid transparent;content: "";left: -15px;position: absolute;top: 10px;}
      .postCon_new .list-img-r .userBox {height: auto !important;min-height: auto;padding: 0px 0px 5px 0px;position: relative;}
      .postCon_new .list-img-r .userInfo{font-size: 16px;font-weight: 600;line-height: 20px; padding-bottom: 7px;
    border-bottom: #e5e5e5 solid 1px;}
.date_new_pro {float: right;font-size: 12px;font-weight: normal;margin-right: 38px;}
      .postCon_new .list-img-r .showHide{top:3px; right: 0}
       .postCon_new .list-img-r .postTxt{padding: 10px;}
.postCon_new .list-img-r .likeThis{display: inline-block;}
.postCon_new .list-img-r .likeThis img{margin-right: 5px;}
.padboth20{padding: 20px 20px 0 20px;}
.postcmt-Bg {background: #f5f5f5;border-top: #e5e5e5 solid 1px;}
.bannerProfileImg_edit{    left: 0; bottom: 59px; border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; z-index: 99; width: 120px; right: 0;margin: auto; border-radius: 100%; height: 120px;}

.bannerProfileImg_edit img{border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;}



.bgOver{bottom: 93px;
left: 0;
position: absolute;
right: 0;
top: 0;}
.cropit-image-preview {
        background-color: #f8f8f8;
        background-size: cover;
        border: 5px solid #ccc;
        border-radius: 3px;
        margin-top: 7px;
        /* width: 250px;*/
        width: 500px;
        height: 250px;
        cursor: move;
    }
    
    .cropit-image-background {
        opacity: .2;
        cursor: auto;
    }
    
    .image-size-label {
        margin-top: 10px;
    }
    
    #loading {
        width: 50px;
        height: 57px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -28px 0 0 -25px;
    }

    .art_left_pad{padding-left:100px!important;}
    .pos_btt{    top: -45px!important;
    right: 10px!important;}
    
    .inputText {
        background-color: transparent;
        border: 1px solid #000;
        border-radius: 5px;
        box-shadow: 0 0 0 1px #9b9997 inset;
        font-size: 13px;
        padding: 2px 5px;
        width: 140px;
    }
    
    .backBg,
    .backLike,
    .backName,
    .backSocial {
        background: rgba(0, 0, 0, .8);
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
    }
    
    .videoPopup {
        width: 550px;
        height: 300px;
        background: #fff;
        padding: 10px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -210px 0 0 -299px;
        border-radius: 3px;
    }
    


.gof{    position: absolute;
    top: 6px;
    right: 5px;
    color: #000000;}

.like_btnn{background: #f1f1f3;
    padding: 6px 10px;
    display: block;
    color: #000;
    border: 1px solid #e8e5e5;
    border-radius: 2px;
    margin-top: 12px;
    font-size: 13px;
    text-align: center;}

.like_btnn:hover{color:#000;}
.btn_transparent{    background: transparent;
    border: 1px solid #00A2EB;
    color: #00a2ec;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 2px;
    cursor: pointer;
        font-weight: 400;
}

.right_trnsprnt a{    padding: 7px 10px!important;
    color: #00a2ec!important;font-size: 12px!important;}

.extracted_thumb img{max-width: 100%;}

.eventssec{position: relative;padding-left:26px;}
.eventssec .fas{position: absolute; left: 0; top: 4px; color: #00a2ec; transform: rotate(40deg); font-weight: 900;}
.eventssec span{    color: #7d7d7d;
    font-size: 14px;
    font-weight: 600;}

.eventssec a{    color: #7d7d7d;
    font-size: 13px;
    font-weight: 600;}

.eventssec a font{color: #000!important;
    font-weight: 800;
    font-size: 14px;}

.cropit-image-preview-container{overflow: hidden;}

.eventssec span font{color: #000!important;
    font-weight: 800;
    font-size: 14px;}
.ev_txt li{margin-bottom:15px;}
.ev_txt li:last-child{margin-bottom: 0}
.artcles li span{    color: #000;
    font-weight: 600;
    margin-bottom: 6px;
    display: block;}
.artcles li .eventssec font{color: #7d7d7d!important;
    font-weight: 600;
    font-size: 13px;}


.sgg_page h3{border-bottom: 0; margin-bottom: 0px; padding-bottom: 0; margin-top: 10px; font-size: 14px;
    font-weight: 600;}
.sgg_page span{    color: #7d7d7d;
    font-size: 12px;
    font-weight: 600;
    word-wrap: break-word;
    letter-spacing: .5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 140px;
    display: block;
    margin-top: 5px;}


      .top-error {
        background-color: white;
        color: red;
        font-weight: normal;
        margin-left: 29px;
        padding: 5px 5px 5px 12px;
        display: none;
        font-size: 12px;
      }
      .sc_days {
        display: none;
      }
      .gof {
        font-size: 16px;
        font-weight: bold;
        padding-left: 5px;
        padding-right: 5px;
        vertical-align: middle;
    }
    .topRight ul li.home {
        padding: 0;
        position: relative;
        border-left: 1px solid #393939;
        border-right: 1px solid #393939;
        margin-left: 5px;
      }
      .topRight ul li.home a {
        opacity: 1;
        color: #fff;
        height: 40px;
        line-height: 40px;
        padding: 0 12px;
        font-weight: bold;
      }
      .topRight ul li.home a:hover {
        background: #f6f6f6;
        color: #000;
      }
      li.notify div a {
        position: absolute;
        display: block;
        height: 100%
      }
      .add {
        background-position: 0 140px !important;
      }
      .promotionCon span.form-error {
        color: red;
        display: block;
      }

      .form-error{display:none;}

#pop_content > p {
    color: #486847;
    font-size: 20px;
    padding: 5px 5px 5px 10px;
}

.bx-viewport{
    height:49px;
}
.video_Popup{cursor:pointer;}
.removeIcon{
        background: none repeat scroll 0 0 #000;
    border-radius: 100%;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    left: 87px;
    line-height: 20px;
    padding-left: 0;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 20px;
}
.thumbnail{

    width: 100px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    border: 1px solid #ddd;
    height:100px;

}

.img-fluid{width:100%;max-width:none!important;}

.thumbnail > div { float: left; }
.thumbnail > img {height: 100%!important;
    width: 100%!important;
    border: 1px solid #ddd;
    margin: 0!important;}



.backBg,.backLike,.backName {background:rgba(0,0,0,.3); position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000;}

.flpl_initiated{    width: 100%!important;
    height: 100%!important;}

.videoPopup {    width: 550px;
    height: auto;
    background: #fff;
    padding: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 3px;
    margin: auto;
    padding-top:40px;
}

.close {    width: 26px;
    height: 26px;
    border-radius: 26px;
    color: #000;
    text-align: center;
    line-height: 26px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    font-weight:400;
    z-index: 100;
}

.videoPopup .close{    z-index: 100;right: 5px;
    top: 3px;}


.social_icons li a.active .fab{background-color: #de644d}

.commentDet a {
    margin-right: 0;
        font-weight: 600;
    font-size: 13px;
}
.comment_edit{
    display:none;
}

.timetxtt{color: #6c6c6c!important;font-size: 13px!important;}
.mrovrr{margin-left:5px;}

.ed_comment
{
    border: 1px solid #ccc;
    height: 45px;
    overflow-y: hidden;
    padding: 8px;
    width: 100%;}
    
.commentList ul li .commentDet span {
    font-size: 12px;
    padding-left: 0;
    color: #000;
    font-weight: 500;
}
.userBox .postTxt iframe {width:100% !important;}
.navcontainer {    width:19%;    display:inline-block;    float:right;}#loading {width: 50px;height: 57px;position: absolute;top: 50%;left: 50%;margin: -28px 0 0 -25px;}
.mt_60{margin-top:60px;}
.post_bxx{border-bottom: 1px solid #ddd;}




.post_bxx textarea{height:110px!important;padding-left: 70px; border: 0; padding-top: 15px; color: #888; font-size: 14px;    text-transform: capitalize;}
.art_bxx textarea{height:150px!important;}
.txtara_img img{position: absolute;
    border-radius: 100%;
    top: 0;
    left: 0;
    width: 50px;
        border: 1px solid #cac8c8;
    height: 50px;
}

.fll a{color:#00a2ec!important;}
.shr{color: #7d7d7d!important}

.post_right ul li{float: left;padding-left:15px;position: relative;}
.post_right ul li .error{position: absolute;
    right: 0;
    width: 216px;
    top: 32px;
    font-size: 12px;
    left: auto;}

.right_trnsprnt{position: absolute; top: 7px; right: 0;}
.right_2btns{padding: 20px 0px 20px 0px;}

.online_usres li{width:33.33%;float: left;text-align: center;position: relative;}
.online_usres li a{display: inline-block;}
.online_usres li a img{border-radius: 100%;max-width:100%;width:50px;height:50px;border: 1px solid #cac8c8;}
.online_dot{    position: absolute;
    bottom: auto;
    right: 24px;
    width: 12px;
    height: 12px;
    background-color: #1ab325;
    border-radius: 100%;
    border: 1px solid #fff;}
.online_usres{padding: 12px 0;}
.us_namee{    color: #7d7d7d;
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: capitalize;
    width: 83px;
    overflow: hidden;}
.max_width{max-width:100%!important }
.prfit_users li a img{border-radius: 0!important;width: auto!important;
    height: auto!important;}
.prfit_users li{margin-right:15px;    width: 29.7%;}
.prfit_users li:last-child{margin-right:0;}

.postReply a{    color: #4a4a4a;
    font-weight: 600;
    font-size: 13px;}
.postReply a .far{color:#00a2ec!important;}
.postReply a .fas{color:#00a2ec!important;}

.postReply a .fas, .postReply a .far{margin-right:2px;}

.detBox .owl-dots{display: none}
.detBox .owl-nav button{        background: #ababb2!important;
    width: 22px!important;
    height: 22px!important;
    color: #fff!important;
    font-size: 24px!important;
    border-radius: 100%!important;
    position: relative!important;}




.detBox .owl-nav button:hover{background-color: #00a2ec!important}

.detBox .owl-nav span{    position: absolute;
    top: -8px;
    left: 0;
    right: 0;}

.detBox .owl-nav:focus{outline: none!important}
.detBox .owl-nav span:focus{outline: none!important}

.owl-nav{       position: absolute;
    top: -57px;
    right: -3px;}

.knmstr h5{    
    margin-bottom: 0;
    font-weight: 600;
    font-size: 13px;
    color: #7d7d7d;
    letter-spacing: .5px;
}

.knmstr span{color: #7f7f7f;font-size:14px;}
.header_dots{display: none}
.header_toggle{display: none}
.post-data{    margin-top: 10px;}
.post-data img{max-width: 100%!important;height: auto!important;}
.photoTab{font-size: 16px; position: relative; height: 60px;}


.notebar{margin-bottom: 20px;}

.req_edt .dropDown ul{top: 3px;
    color: #999;
    font-weight: 300;width: 100%}
.req_edt .dropDown ul li a{border-bottom: 0}

.pd_pbBox{padding: 0 25px!important;}

.btn_ovreview .follow a{ padding: 5px 10px!important;height: auto!important; }
.page_follow{bottom: 160px!important;}

.art_headng{font-weight: 600;
    font-size: 14px;}


.art_rply a{    font-weight: 600;
    font-size: 13px;    color: #4a4a4a;}

.abField_edit{padding:0!important;}
.h_202{height:160px!important;}
.unfried_opt img{display: none}
.userBox .showHide .editPoup li a{color:#929191;font-size: 14px;
    font-weight: 500;}
.userBox .showHide .editPoup{border:0;box-shadow: 0px 0px 4px 1px #ccc}
.userBox .showHide .editPoup li{    border-bottom: 0;}
.editicn{vertical-align: -6px !important;}
.morePopup{border:0;right:-6px;box-shadow: 0px 0px 4px 1px #ccc;}
.form-error{font-size: 12px!important;}

.me_txt{color:#7d7d7d;font-weight:600;font-size:14px;}

.new_frm .cgLabel .input{
        border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    border-bottom: 1px solid #c6c6c6;
    color: #000;
    font-weight: 600;
    letter-spacing: .5px;
    padding-left: 0;
}
.event_select{    width: 76px;
    padding: 6px;
    float: none;
    border-top: 0!important;
    border-left: 0!important;
    border-right: 0!important;
    border-bottom: 1px solid #c6c6c6!important;
    position: relative;
    top: -1px;
    font-weight: 600;
    color: #7d7d7d;
    border-radius:0!important;
    background: transparent!important;
}

.evt_lg{color: #7d7d7d;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 0;
    padding-bottom: 0;}

.evnt_headng{font-size: 16px;
    font-weight: 600;
    color: #000;
    letter-spacing: .6px;}

.es_ed{margin-top: 0!important;
    padding: 5px 0!important;
    font-size: 11px!important;}

.new_frm #preview_image{width:100px;}
.story_hdng{    color: #7d7d7d;
    font-size: 13px;
    margin-bottom: 4px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}

.stcommentFont{display: inline-block;}
.stcommenttext span{font-size:14px;}



















@media screen and (min-width: 1024px) and (max-width: 1500px){

    

    .prfit_users li{width: 28.7%;}
    .seemoree{margin-top: 1px;}
    .upper_heading{font-size: 13px;
    padding: 17px 12px;}
    .name_ellipses{font-size: 13px;}
    .articleList li .articleDet a{font-weight: 600;}
    .mt_frnd{font-size: 12px;}
    .articleList li .articleDet{padding: 7px 0 0 50px;}
    a.addBtn{padding: 5px 5px;font-size: 11px;line-height: 13px}
    .seemoree{font-size: 11px;font-size: 11px;}
    .detBox .owl-nav button{width: 25px !important; height: 25px !important;}
    .detBox .owl-nav span{top: -7px;}
    .owl-nav{top: -51px;}
    .like_btnn{padding: 6px 6px;}
    .eventssec span{font-size: 15px;}
    .mngpage a{font-size: 14px;}
    .detBox{padding: 10px;}
    .eventssec span{font-size: 14px;}
    .artcles li span{font-size: 14px;}
    .eventssec strong{font-size:14px;}
    #slidecontrols li a{font-size: 15px;}
    #slidecontrols li{padding-right: 20px;}
    .upper_heading .fas{    margin-right: 0px;}
    .knmstr h5{font-size: 12px;}
    .top-nav li a{    font-size: 17px;    font-weight: 600;    padding: 14px 13px;}
    .Unfollowuser a{line-height: 20px!important;}
    .addTab{top:6px;}


}

@media screen and (min-width: 767px) and (max-width: 1024px){

    .midLeft{padding: 0px 10px 0px 0px;}
    .midRight{padding: 0px 0px 0px 10px;}
    .upper_heading{font-size: 13px;}
    .seemoree{font-size: 9px;margin-top: 3px;}
    .articleList li .articleImg img{width: 70%;}
    .articleList li .articleDet{    padding: 0 0 0 40px;}
    .name_ellipses{    width: 80px; font-size: 12px;}
    .articleList li .articleDet{padding: 3px 0 0 40px;}
    .mt_frnd{font-size: 10px;}
    a.addBtn{padding: 5px 7px;font-size: 10px;}
    .detBox{padding: 10px;}
    .bannerLinks ul li a{padding-right: 30px;}
    .bnlink_right ul li a{padding-left: 30px!important;}
    .bannerLinks{padding: 0 30px;}
    .bannerLinks ul li a{padding-right: 40px;    font-size: 15px;}
    .mainWidth{padding: 0 10px}
    .social_icons li a .fab{ width: 30px; height: 30px;padding: 8px 8px; font-size: 14px;}
    .social_icons li:first-child a .fab, .social_icons li:last-child a .fab{padding: 8px 10px;}
    .sgg_page h3{font-size: 13px;}
    .midRight .mb-3, .midLeft .mb-3{margin-bottom:10px!important;}
    .like_btnn{    padding: 6px 4px;}
    .online_usres{padding: 0px 0;}
    .us_namee{font-size: 12px;}
    .postTxt{font-size: 14px;}
    .btn_transparent{font-size: 12px; padding: 4px 5px;}
    .bannerLinks ul li a .fas{font-size: 19px;}
    .userBox .userInfo{padding-top: 2px;}

}


@media screen and (min-width: 767px) and (max-width: 991px){


    .midLeft{display: none}
    .midRight{display: none}
    .midCen{width: 100%; float: none;}
    .bannerLinks ul li a{padding-right: 20px;}
    .bnlink_right ul li a{padding-left:20px;}
    .searchInput{width: 210px;}
    .top-nav li a{padding: 14px 10px;font-size: 15px;font-weight: 300;}
}


@media screen and (min-width: 360px) and (max-width: 767px) and (orientation : landscape){

    .right.sf-menu{height: 200px; overflow: auto;}
    .width_edit{    height: 320px; overflow: auto;}
    .popup_img{height: 310px!important; overflow: auto!important;}
    .top-nav ul ul{    top: 40px;}


}


@media screen and (max-width: 767px){


    .rl_pd{padding-left:0;padding-top:10px;padding-right:0; }
    .pl-0.rrt{padding-right:0;}
    .eventList ul li .dateBox{position: relative; width: 60px;}
    .eventList ul li .eventDet.eventDet2{    padding: 0; padding-top: 30px; padding-bottom: 40px;}
    .eventList ul li .eventDet.eventDet2 .user{    top: -34px;}
    .grayBox ul li{width:33%!important;float: left!important}
    .popupList ul{    height: 220px; overflow: auto;}
    .createFormCon{margin-bottom: 60px;}
    .btn_reltv{position: relative;}
    .pg_height{height:95px;}
    .favoritesRight{width:100%;}
    .avertise img{width:100%;}
    .group_table{overflow: auto;}
    .group_table table{width:500px;}
    .mobile_mb{margin-bottom:50px!important;}
    .pdl_70{padding-left:0;}
    .linksss{margin-bottom: 35px;}

    .messagedate1{    top: 13px!important; right: -7px!important; font-size: 10px!important;}
    .not_sectn_right div{float: left!important; top: 4px!important; width: auto!important;}
    .popupBox{width: 90%!important}
    .popup_name{width: 90%!important;}
    .artivleList ul li{width:100%!important;}
    .add_msg_frnd{    top: -106px;right: -27px;}
    .articleDetLft{width:100%;}
    .articleDetRgt{width: 100%;}
    #googleMap{width:100%!important;}
    .searchFriend{width: 145px;}
    .searchFriend .input{width: 110px;}
    .frnd_n_list{margin-bottom:30px;}
    .stepInner textarea{width:100%!important;}
    .stepInner .inputNew{width:100%!important;}
    .resadd_tab{position: relative!important;top:-4px!important;}
    .rlineh{line-height: 23px;}
    .bnlink_right .page_follow{bottom: 302px!important;}
    .btnCover{    padding-top: 0; padding-bottom: 50px; margin-top: 0;}
   
    .h_30 ul li.showhide a:after{background: transparent;}
    .resh_120{height:145px!important;}
    .resh_120 #slidecontrols1 li{width: 100%!important}
    .resh_120 .addTab{    position: relative; display: block; width: 100%; top: 0px;}
    .art_left_pad{padding-left: 0px!important}
    .art_left_pad .art_img{position: relative;    margin-bottom: 10px;}
    .pd_pbBox{padding:0 10px!important }
    .eventSearchBox .pr-0{    padding-left: 0; padding-top: 10px; padding-bottom: 10px;}
    .res_top_bth{    margin-top: 6px; margin-bottom: 6px;}
    .form-input .inputForm{    width: 174px!important;}
    .prmidCon.mt_100{margin-top: 6px;}
    .srch_hospital li{width: 100%;}
    .channelList ul li{width: 100%;}
    .width_edit{width: 95%!important;}
    .accountInfo .inputRow .youdonat{width: 100% !important;float: left}
    .promotionLeft{width:100%;}
    .res_rel{position: relative!important;    top: -4px!important;}
    .frnd_n_list ul li{width: 50%!important;}
    #cover_photo{margin-top: -180px;}
    #progress li{width: 100%;margin-bottom: 20px;}
    .profileName span{    font-size: 16px;}
    .fa-plus-circle{display: none!important}
    #slidecontrols1 li{padding-bottom: 10px;}
    .topRight ul li .friendPopup{right: -100px; top: 56px;}
    .topRight ul li .popup{width: 240px;}
    .mt_80{margin-top:5px!important;}
    .topRight ul li .noticationPopup{    top: 56px;}
    .topRight ul li .messagePopup{    top: 58px;}
    .topRight ul li .settingPopup{    top: 60px;}
    .profile_dp{top: 53px;}
    .photoTabOvr{padding: 10px;}
    .add_222{padding-bottom: 15px;}
    .h_30 .addTab{position: relative;}
    .popup_img{    width: 90%!important;}


    .tectnologylisting li{width:100%!important;}
    .tectnologylisting li .image{text-align:center;}
    .photoTab ul li a.active::after{background: transparent;}
    .friendsList ul li{margin-bottom: 5%;width: 100%!important;}
    .photoGallery ul li{width: 100% !important;}
    .photoTab li a{font-size: 15px;}
    #slidecontrols li a{font-size: 14px;}
    #slidecontrols1 li a{font-size: 14px;}
    .aboutRight{    background: #fff; margin-bottom: 20px}
    #slidecontrols1 li.active a:after{    background: transparent}
    #slidecontrols li.active a:after{    background: transparent;}
    #slidecontrols li{padding-bottom: 10px}
    #slidecontrols li:last-child{padding-bottom: 0}
    .post_right{width: 100%}
    .top-nav li a.active:after{width: 17%;}
    .aboutHd{height:auto}
    .addTab{right: 5px;}
    .createpageTab ul li{width: 100%;margin-bottom: 10%;}
  

    .midLeftBig{width:100%!important;}
    .res_height{height: 92px;}
    .photoTab ul li{width: 60%;}
    .suggesionList ul li{margin: 0 2% 6% 0;width: 100%;}
    .mainWidth{padding: 0 10px;width:100%;}
    .midLeft, .midRight{width: 100%; display: none;}
    .midCen{width: 100%; float: none;}
    .topRight{clear: both; background: #000;    position: absolute; width: 100%; left: 1000px; top: 66px;}
    .topRight ul li{float: left;    height: auto; padding: 13px 11px;border-right:0;padding: 10px 10px 10px 10px;padding-top:0;}
    .topRight ul li:first-child{float: none}
    .searchInput{width: 100%;}
    .searchBox{margin-top:10px;}
    .left0{left:0!important;}
    .header_dots{position: absolute; top: 15px; right: 10px; font-size: 24px;display: block}
    .nav_bg{height: auto;position: absolute; top: 0; left: -1000px;}
    .mr-auto{width:100%;}
    .top-nav li{float: none}
    .top-nav li a{padding: 8px 5px;}
    .nav_bg .btn_red{    margin-bottom: 20px; margin-left: 5px; margin-top: 10px;}
    .header_toggle{display: block; position: absolute; top: 15px; right: 37px; color: #fff; font-size: 25px;}
    .mt_60{margin-top: 5px;}
    .bannerImg{height : 150px!important;}
    .bannerProfileImg_edit{width:100px;height:100px;}
    .bannerProfileImg_edit{bottom: 158px;}
    .bannerLinks{ height: 200px;   padding: 0 10px;}
    .bannerLinks .mr-auto{margin-top: 106px;}


    .profileName{top:43px;}
    .bnlink_right ul li a{padding-left: 0px!important; padding-right: 18px!important;}
    .bannerLinks ul li a{padding-right: 25px;font-size: 14px;}
    .bnlink_right{margin-top: -27px;}
    .video_Popup{top: 68px;}
    .postBox{padding: 10px;}
    .postTxt{padding: 0 10px 10px 0px;font-size: 14px;}
    .postImg{margin: 0 0 0px 0px;}
    .postReply{margin-left: 0px;}
    .postReply .col-4{padding:0;}
    .postReply .col-4 a{font-size: 13px;}
    .userBox{padding: 5px 0px 0px 58px;}
    .likeThis{    margin-left: 0px;}
    .commentList{    padding-left: 0;}
    .post_right ul li{    padding-left: 0px; padding-bottom: 10px;}
    .post_right ul li:last-child{padding-bottom: 0px;float: right;}
    .bannerLinks ul li a .fas{    font-size: 18px;}
    .postCommentBox{padding: 10px 0px 0px 10px;margin-left: 0;}
    .postCommentBox .fa-telegram-plane{top: 17px;}
    .postCommentBox .userImg{top: 9px;}


}
#article{
    height: 100px;
    width: 100px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    border: 1px solid #ddd;
}
#editor1{
    width:100%!important;
}
.setcoveredit{
    position: relative!important;
    right: 0px!important;
}
.page-div-display{
    display:block!important;
    
}
.page-div-display-none{
    display:none!important;
    
}