@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700');
/*@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,600,900');
{font-family: 'Fira Sans', sans-serif !important; }*/
.usr-dtail a.btn.grey.addas-contct {
    display: inline-block;
    color: #fff;
    margin-top: 0 !important;
    background-color: #990a7f;
}
.chat-txt.no-paddinggroup {
    padding: 0;
}
.notificationlink{
    border-radius: 3px;
}
.center_content.nologin .job-search.result ~ * {
    display: none;
}
.center_content.nologin .jobs-cont.result {
    min-height: 530px;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'Source Sans Pro', sans-serif !important;
    line-height: normal;
    width: 100%;
    color: #4a4a4a;
    position: relative;
    font-size: 14px;
    /* background-image: url("../images/bg.jpg"); */
    background-repeat: repeat;
    background-attachment: fixed;
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    background-color: #e6ecf0;
}
.timlist-fttr table td,
.timlist-fttr table td a {
    color: #808080 !important;
}
.cbp-wrap .cbp-row .notif-sttng-box > label > div input {
    opacity: 1;
    float: left;
    width: 11px;
    max-width: 0;
    min-width: 14px;
}
.clear {
    display: block;
    clear: both;
}
.cbp-wrap .cbp-row .notif-sttng-box > label > div {
    line-height: 23px;
    cursor: pointer;
    margin-bottom: 10px;
}
html {
    width: 100%;
}
.footer-left2{display:none;}
.footer-menu2{display:none;}
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    padding: 0;
}
.new {display:none;}
a {
    text-decoration: none;
    color: #990a7f;
    cursor: pointer;
}
ul {
    list-style: none;
}
a:hover {
    text-decoration: none;
}
header {
    margin: auto;
    width: 100%;
    overflow: hidden;
}

.aboutheader{
    position: relative;
    z-index: 9999999;
    transition: 200ms;
    -webkit-transition: 200ms;
    -ms-transition: 200ms;
    width: 100%;
    float: left;
    background-color: #fff;
    padding: 10px;
    margin-bottom: 0;
    }


.aboutheader .toggle.hiden-xs {
    float: right; margin-top:0;
}
.aboutheader .toggle.hiden-xs ul li a {
    padding-left: 10px;
    text-align: center;
}
.help-banner p {
text-align: center;
    font-size: 40px;
    color: #fff;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translateX(-50%) translateY(-50%);
}
.help-banner{ width: 100%;
    height: 240px;
    float: left;
	position:relative;
    background-image: url(../images/menu-bg.jpg);
    background-size: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.helpwrap-cont {
    float: left;
    width: 100%;
    padding-top: 50px;
    position: relative;
}
.helpwrap-cont .left-panel {
    float: left;
    width: 250px;
    border: solid 1px #e3eaee;
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    margin-bottom: 30px;
    border-radius: 2px;
    height: auto;
    position: absolute;
}
.left-panel h2 {
    margin: 0;
    background-color: #f5f8fa;
    color: #292f33;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.left-panel ul {
    margin: 0;
}
.left-panel ul li {
    width: 100%;
    float: left;
}
.left-panel ul li a {
    padding: 10px 15px;
    display: block;
    color: #6A7680;
    border-top: 1px solid #e3eaee;
}
.left-panel ul li a:hover {
    color: #990a7f;
}
.helpwrap-cont .right-panel {
    padding-left: 280px;
    width: 100%;
    float: left;
    line-height: 22px;
}
.right-panel p:first-child {
    margin-top: 0;
}
.left-panel ul li a.active {
    color: #990a7f;
}
.vdo-icon {
    position: absolute;
    right: 73px;
    width: 13px;
    height: 10px;
    display: none;
    background-color: #4a4a4a;
    top: 14px;
}
.vdo-icon:after {
    position: absolute;
    content: '';
    border-right: solid 7px #4A4A4A;
    border-bottom: solid 5px transparent;
    border-top: solid 5px transparent;
    right: -6px;
    top: 0px;
}
.vdo-icon.active {
    background-color: #990a7f;
}
.vdo-icon.active:after {
    border-right-color: #990a7f;
}
.vdocall-msg {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    background-color: #990a7f;
    padding: 5px 11px;
    color: #fff;
    font-weight: 100;
    font-size: 13px;
}
.chat-btns {
    float: left;
    width: 100%;
    display: none;
    margin-top: 10px;
}
.chat-btns button {
    background-color: white;
    border: 0;
    padding: 4px 15px;
    width: 33%;
    display: inline-block;
    margin: 0 2px;
}
input,
select,
textarea,
button {
    font-family: 'Source Sans Pro', sans-serif !important;
}
.container.main {
    /*padding-top:93px;*/
    min-height: 573px;
}
header#header {
    max-width: inherit;
    margin: auto;
    position: sticky;
    z-index: 999999;
    top: 0;
    transition: 200ms;
    -webkit-transition: 200ms;
    -ms-transition: 200ms;
    overflow: inherit;
    width: 100%;
    background-color: #fff;
    left: 0;
    padding: 0;
    margin-bottom: 10px;
    border-bottom: 1px #bebebe solid;
}
.container {
    margin-right: auto;
    margin-left: auto;
    max-width: 1188px;
    padding-left: 6px;
    padding-right: 6px;
}
.ftr_container {
    max-width: 900px;
    margin: auto;
}
.konecttbtn {
    margin: 0 !important;
    padding: 12px 10px !important;
    width: 100% !important;
    background-color: #990a7f;
    color: #fff;border-radius: 2px;
}
.container:before,
.container:after {
    content: " ";
    display: table;
}
.container:after {
    clear: both;
}
@media (min-width: 1199px) {
    .container {
        width: 98%;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1165px;
    }
}
.logo {
    float: left;
}
.logo a {
    margin-top: 0px;
    display: inline-block;
    margin-bottom: 0px;
}
.header_right {
    float: right;
    width: 70%;
}

form.login-form {
    float: right;
}
.login-form .login-inputs {
    float: left;
    margin-top: 13px;
}
.login-form .login-inputs a {
    margin-bottom: 12px;
    font-size: 12px;
}
.login-form .login-inputs label,
.login-form .login-inputs a {
    display: block;
}
header .logo {
    margin-top: 12px;
}
header .logo_marg {
	margin-top:0px!Important;
}
header .logo img {
        width: 260px;
}

header#header .logo {
    margin-top: 0;
    padding-bottom: 5px;
    padding-top: 5px;
}
.login-form input {
    width: 195px;
    border: solid 1px #ccc;
    padding: 8px;
    border-radius:0px;
    display: inline-block;
    margin-right: 10px;
}
.login-form button {
    padding: 8px 18px;
    border: solid 1px #990a5e;
    border-radius: 0px;
    background-color: #990a7f;
    font-weight: 600;
    margin-top: 8px;
    color: #ffffff;
}
.login-form .login-inputs label {
    color: #5a5a5a;
}
.banner {
    width: 100%;
    height: 560px;
    float: left;
    /* background-position: center center; */
    background-image: url(../images/loginpage-background.png);
    background-repeat: no-repeat;
    position: relative;
    background-size: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    ::i-block-chrome,
    .banner {
        width: 100%;
        height: 515px;
        float: left;
        background-image: url(../images/banner.jpg);
        background-repeat: no-repeat;
        background-color: rgba(26, 148, 195, 1);
        -webkit-background-blend-mode: multiply;
        background-size: 100%;
        position: relative;
    }
    ::i-block-chrome,
    form.login-form {
        margin-top: 2px;
    }
}
.index-featured {
    width: 100%;
    float: left;
    background-color: #fff;
    background-position: left bottom;
    background-repeat-x: repeat;
	padding:0px 0px 50px;
}
.banner-left-info {
    width: 815px;
	height: 360px;
    float: left;
    background-image: url(../images/middle-image.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-left: 185px;
    position: absolute;
    margin-top: 58px;
   padding: 52px 40px 0px 40px;
}

.banner-form {
        width: 900px;
		height:400px;
    float: right;
        margin-top: 44px;
    margin-right: 100px;
	box-shadow: 4px 6px 18px 2px rgba(0, 0, 0, 0.2), 0 8px 23px 0 rgba(0, 0, 0, 0.19);
}
form.signup .regstr-inputs {
    width: 50%;
    float: left;
}
.rgstr-birthday {
    overflow: hidden;
    text-align: center;
}
.rgstr-birthday select {
    width: 31.33% !important;
    display: inline-block;
    margin-right: 7px;
    padding: 10px;
    border-radius:0px;
    border: solid 1px #ccc;
    margin-bottom: 7px;
    background-position: 90% 50%;
}
.rgstr-birthday select:last-of-type {
    margin-right: 0;
}
.rgstr-gender {
    width: 100%;
    float: left;
    margin-bottom: 8px;
}
.rgstr-gender label {
    float: left;
    margin-right: 10px;
    padding-left: 25px;
    cursor: pointer;
    position: relative;
}
.signup .check label {
    position: relative;
    padding-top: 3px;
	    font-size: 12.5px;
}
.signup .check input[type="checkbox"]:checked + label:after {
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    left: -23px;
    top: 6px;
    opacity: 1;
    transition: all .12s, border-color .08s;
    -webkit-transition: all .12s, border-color .08s;
    -ms-transition: all .12s, border-color .08s;
    border: solid 1px #990a7f;
}
.rgstr-gender label:before {
    content: '';
    position: absolute;
    left: 4px;
    top: 3px;
    width: 12px;
    height: 12px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.rgstr-gender label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #990a7f;
    position: absolute;
    top: 6px;
    left: 7px;
    border-radius: 100%;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.rgstr-gender input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.rgstr-gender label input[type="radio"] {
    margin-bottom: 0;
    margin-right: 3px;
    float: left;
}
.banner-left-info h1 b {
    /*font-style: italic;*/
}
.banner-left-info h1 {
    margin: 0;
    font-size: 27px;
   color: #990a7f;
    font-weight: 600;
    line-height: 29px;
    text-align: left;
}
.banner-left-info p {
    margin: 0;
    font-size: 31px;
    color: #7a7a7a;
    line-height: 20px;
    margin-top: 10px;
    font-weight: 500;

}
form.signup {
    background-color: #fff;
    padding: 15px 15px 14px 15px;
    border-radius: 2px;
    position: relative;
    font-weight: normal;
    font-size: 14px !important;
}
.errormsg {
    padding-bottom: 5px;
    color: #FF0000;
    background-color: #fff;
    text-align: center;
    top: -20px;
    border-radius: 2px;
}
.errormsg:after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-bottom-color: white;
    top: -19px;
    opacity: 0;
    left: 10px;
}
.signup label {
    display: block;
    color: #585858;
    margin-bottom: 2px;
}
.signup input[type="text"],
.signup input[type="email"],
.signup input[type="Password"], .signup textarea {
    width: 100%;
    padding: 10px;
    border-radius: 0px;
    border: solid 1px #ccc;
    margin-bottom: 7px;
    margin-bottom: 12px;
}
.signup .check input[type="checkbox"] {
    width: auto !important;
    display: none;
}
.signup .check {
    margin-bottom: 10px;
    font-size: 14px;
    float: left;
    width: 100%;
    position: relative;
    padding-left: 30px;
    margin-top: 0px;
    padding-top: 16px;
}
.signup .check label:before {
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    border: solid 1px #990a7f;
    left: -19px;
    top: 2px;
}
.signup .check input[type="checkbox"]:checked + label:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    border-top: 0;
    border-left: 0;
    width: 3px;
    left: -18px;
    height: 8px;
    top: 7px;
}
.signup .loginwith {
    margin-top: 10px;
    text-align: center;
}
.signup .loginwith .with-fb {
    background-color: #3b5998;
    padding: 2px 5px;
    color: #fff;
    border-radius: 3px;
    margin-left: 8px;
    font-size: 12px;
}
.signup button {
    display: block;
    border: 0;
    background-color: #990a7f;
    color: #fff;
    border-radius: 3px;
    width: 50%;
    font-weight: 600;
    padding: 8px 10px;
    font-size: 19px;
    margin-top: 30px;
   /* float: ;
    margin-left: 10px auto;*/
    margin-left: 94px;
}
.signup button.fblogin {
    background-color: #405892;
    margin-top: 10px;
    text-align: center;
    position: relative;
}
.signup button.fblogin i.fa.fa-facebook {
    float: left;
    line-height: 17px;
    position: absolute;
    border-right: solid 1px rgba(255, 255, 255, 0.18);
    left: 0;
    width: 40px;
}
.rgstr-gender input {
    display: none;
}
.nw-grup input[type="checkbox"],
input[type="checkbox"] {
    -moz-appearance: checkbox;
    -webkit-appearance: checkbox;
    width: inherit !important;
    height: inherit !important;
}
.premium-cont {
    float: left;
    width: 100%;
    padding-top: 60px;
    text-align: center;
    padding-bottom: 20px;
}
.premium-cont h2 {
    font-size: 26px;
    margin-bottom: 15px;
    color: #454545;
}
.premium-cont h2 label {
    color: #990a7f;
}
ul.konect-mmbr {
    float: left;
    width: 100%;
    margin-bottom: 159px;
}
ul.konect-mmbr li {
    width: 25%;
    float: left;
    padding: 5px 10px;
}
ul.konect-mmbr li i.fa {
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    background-color: #f4f4f4;
    color: #fff;
    font-size: 35px;
}
.grup-box {
    float: left;
    width: 100%;
    background-color: #fff;
    height: 310px;
    border-radius: 3px;
}
.grup-box .index-group {
    height: 110px;
    border-radius: 2px 2px 0 0;
    position: relative;
}
.grup-box .index-group i.fa {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: 0;
    z-index: 77;
}
.grup-box.indexarticle i.fa {
    color: #990a7f;
}
.grup-box.grup i.fa {
    color: #f56032;
}
.grup-box .index-white-box {
    padding: 0 15px;
}
.grup-box .index-group:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 75px;
    background-color: #ff6132;
    left: 0;
    border-radius: 2px 2px 0 0;
    z-index: 1;
}
.play-store {
    float: left;
    width: 100%;
    padding: 50px 0;
}
.play-store .play-img {
    float: left;
    width: 50%;
    text-align: center;
}
.play-store .play-img img {
    width: 80%;
}
.play-store .play-text {
    padding: 135px 50px;
    float: left;
    width: 50%;
    padding-left: 10px;
}
.play-text h1 {
    color: #5a5a5a;
    font-size: 30px;
    font-weight: 500;
    padding-right: 40px;
}
.play-text p {
    color: #858585;
    font-size: 15px;
    line-height: 20px;
}
.grup-box.project .index-group:after {
    background-color: #ba2aa0;
}
.grup-box.project .index-group i.fa {
    color: #ba2aa0;
}
.grup-box.event .index-group:after {
    background-color: #e7be0e;
}
.grup-box.indexarticle .index-group:after {
    background-color: #990a7f;
}
.grup-box.indexarticle .index-group i.fa img {
    width: 36px;
    padding-top: 22px;
    display: block;
    margin: auto;
}
.grup-box.event .index-group i.fa {
    color: #e7be0e;
}
ul.konect-mmbr li label {
    display: block;
    font-size: 18px;
    margin: 10px 0;
    font-weight: 600;
}
ul.konect-mmbr li p {
    padding: 0;
    line-height: 22px;
}
ul.star-list {
    margin: 20px auto;
    width: auto;
}
ul.star-list li {
    display: inline-block;
}
.premium-cont p {
    margin: 0;
    padding: 0 140px;
    font-size: 14px;
    color: #828282;
}
.premium-cont p.aim {
    font-size: 16px;
    padding: 0 110px;
    color: #6d6d6d;
    margin-bottom: 60px;
}
.premium-cont p.aim span {
    padding: 0 10px;
    display: inline-block;
    font-size: 18px !important;
    border-radius: 2px;
    color: #fff;
    padding-bottom: 3px;
}
.copyright {
    padding: 20px 0;
    text-align: left;
    color: #828282;
    background-color: #f3f7fa;
    width: 100%;
    float: left;
    font-size: 12px;
}
.foottr_link {
    margin-bottom: 60px;
}
ul.copy_nav {
    text-align: center;
    list-style: none;
    padding: 0;
}
ul.copy_nav li {
    display: inline-block;
}
.all_right {
    font-size: 11px;
    text-align: center;
    margin: 0;
    padding: 0 0 15px;
}
.email_banner {
    background-image: url(../images/e_banner.jpg);
    height: 600px;
    background-position: 0 0;
    background-size: 100%;
    position: relative;
    z-index: 1;
}
.email_banner:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 100%;
    content: '';
    background: linear-gradient(to left, rgba(2, 27, 121, 0.4), rgba(5, 117, 230, .7));
}
.email_center {
    text-align: center;
}
.email_center h1 {
    color: #fff;
    font-size: 25px;
    margin: auto;
    max-width: 670px;
    margin-top: 50px;
}
.email_center p {
    font-size: 18px;
    color: #fff;
    text-align: center;
}
.email_center img {
    margin-top: 50px;
}
.mail_btn {
    margin-top: 25px;
}
.mail_btn a {
    padding: 10px 15px;
    background: #20267c;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    margin-top: 55px;
}
span.not_recieved {
    display: block;
    margin-top: 15px;
}
span.not_recieved a {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
}
.copyright_cont.email dl.dl_list dd a {
    font-size: 16px;
}
.copyright_cont.email dl.dl_list dd:last-child a {
    color: #000;
}
.copyright_cont.email .all_right {
    font-size: 16px;
}
.second-step {
    width: 350px;
    margin: auto;
    background-color: #fff;
    padding: 15px;
    /*overflow: visible;*/
    border-radius: 2px;
    position: absolute;
    top: 120px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    left: 50%;
    padding-top: 25px;
    z-index: 99;
	margin-bottom: 30px;
}
.personal-data h2 {
    padding-bottom: 10px;
    border-bottom: solid 1px #e7e7e7;
}
.personal-data {
    float: left;
    width: 100%;line-height: 20px;
}
.personal-data .half-input {
    float: left;
    width: 100%;
}
.personal-data .half-input .input {
    width: 100%;
    padding: 10px;
    border: solid 1px #e7e7e7;
    margin-bottom: 10px;
    border-radius: 2px;
}
.half-input label {
    display: block;
    margin-bottom: 5px;
    text-transform: capitalize;
}
.half-input input[type="text"],
.half-input select {
    width: 100%;
    padding: 10px;
    border: solid 1px #e7e7e7;
    margin-bottom: 10px;
    border-radius: 2px;
}
.personal-data .continue-process-btn {
    float: right;
    margin-top: 10px;
    background-color: #990a7f;
    border: 0;
    color: #fff;
    padding: 10px 20px;
    border-radius: 2px;
    font-size: 15px;
}
#frmkonectt.personal-data .continue-process-btn  {float: none;margin: 0 10px;}
ul.prgress {
    margin: 0 auto;
    width: 300px;
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px #e6e6e6 solid;
    border-radius: 10px;
}
ul.prgress li {
    width: 33%;
    float: left;
    line-height: 10px;
}
ul.prgress li:first-child {
    border-radius: 5px 0 0 5px;
}
ul.prgress li:last-child {
    border-radius: 0 5px 5px 0;
}
ul.prgress li.active {
    background-color: #990a7f;
    border-color: #990a7f;
}
.personal-data .exprnc-date select {
    padding: 10px;
    padding-right: 36px;
    border-color: #e7e7e7;
}
.personal-data .back-btn {
    float: left;
    background-color: #e7e7e7;
    border: 0;
    padding: 10px 20px;
    margin-top: 10px;
    color: #000;
    font-size: 15px;
    border-radius: 2px;
}
.personal-data .exprnc-date {
    margin: 10px 0;
}
form#frmkonectt{}
form#frmkonectt .half-input div {
    text-align: left;
}
.logo.login-pros {
/*    float: none;
    margin: 10px auto;
    max-width: 200px;*/
}
.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
}
/* home page */

header#header .logo img {
    width: 250px;
}
.hdr_search {
    float: right;
    width: auto;
}
.mainsearch {
    position: relative;
    width: 269px;
    float: left;
    margin-top: 33px;
}
.cmmnt-btn {
    background-color: #990a7f;
    border: 0;
    color: #fff;
    margin-top: 10px;
    border-radius: 2px;
    padding: 8px 20px;
}
.mainsearch input.text {
    width: 268px;
    height: 29px;
    /* line-height: 35px; */
    border: solid 1px #b9b9b9;
    padding-left: 10px;
    border-radius: 7px;
    background-color: #fff;
}
.mainsearch input.text:focus {
    box-shadow: inset 1px 1px 7px #e7e7e7;
}
a.bulkmsg {
    font-size: 15px;
    color: #4a4a4a;
    z-index: 9;
}
button.search_btn {
    position: absolute;
    height: 28px;
    right: 0;
    top: 0;
    width: 28px;
    font-size: 16px;
    transition: 300ms;
    -webkit-transition: 300ms;
    -ms-transition: 300ms;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
    border-radius: 0 3px 3px 0;
    background-color: inherit;
    border: 0;
}
.search_btn:hover {
    background: #990a7f;
    border-radius: 0 3px 3px 0;
    color: #fff;
}
.search_btn:hover i {
    color: #fff;
}
.search_btn i {
    position: relative;
    color: #c5c5c5;
    z-index: 99;
}
.search_drop {
    float: left;
    margin-left: 15px;
    margin-top: 9px;
    position: relative;
    padding-bottom: 15px;
}
span.drop_trigger {
    display: block;
    position: relative;
    cursor: pointer;
}
span.drop_trigger i.fa.fa-chevron-down {
    font-size: 14px;
}
ul.drop_cont {
    position: absolute;
    list-style: none;
    right: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    opacity: 0;
    top: 50px;
    left: -10px;
    display: none;
    border-radius: 5px;
    transition: 1s ease-in-out;
    -webkit-transition: 1s ease-in-out;
    -ms-transition: 1s ease-in-out;
    width: 170px;
    margin: 0;
}
ul.drop_cont:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: -9px;
    border-bottom: solid 10px #202d78;
    border-right: solid 10px transparent;
    border-left: solid 10px transparent;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
ul.drop_cont li {
    background: #202d78;
    height: 30px;
    width: 170px;
    line-height: 30px;
    padding-left: 15px;
    border-bottom: solid 1px rgba(255, 255, 255, 0.6);
}
ul.drop_cont li:first-child {
    font-size: 12px;
    border-radius: 5px 5px 0 0;
    color: #fff;
}
ul.drop_cont li a {
    color: #fff;
    display: block;
    text-transform: capitalize;
    font-size: 14px;
}
.search_drop:hover ul.drop_cont {
    opacity: 1;
    top: 33px;
    display: block;
}
.find_btn {
    float: left;
    display: block;
   margin-top: 25px;
    margin-left: 15px;
}
a.frndr i.fa.fa-bell {
    font-size: 18px !important;
}
.find_btn a.frndr:active i.fa,
.find_btn a.frndr:active img {
    transform: scale(.9);
    -webkit-transform: scale(.9);
}
.find_btn a.frndr {
    text-decoration: none;
    display: block;
}
.find_btn a.frndr i.fa {
    text-transform: uppercase;
    display: block;
    width: 30px;
    position: relative;
    margin: auto;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 22px;
    color: #969696;
}
a#vault i.fa.fa-file-text {
    font-size: 18px;
}
.find_btn a.frndr i.fa img {
    width: 20px;
}
.frnd-request {
    position: relative;
    top: 0;
    width: 83px; /*old width:80px; */
    float: left;
    margin-left: 0px;
    text-align: center;
}
.frnd-request .frnd-tltp {
    position: absolute;
    top: -1px;
    right: -2px;
    color: #fff;
    background-color: #ea4335;
    font-size: 9px;
    border-radius: 50%;
    width: 15px;
    height: 16px;
    text-align: center;
    line-height: 15px;
}
a.frndr .ttl {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #585353;
    font-size: 12px;
    text-transform: capitalize;
}
.frnd-request ul.requst-list {
    position: absolute;
    background-color: #fff;
    top: 56px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
    margin: 0;
    min-width: 350px;
    display: none;
    right: -15px;
    border-radius: 2px;
}
.rquest-box a.rqst-img img {
    max-width: 35px;
    max-height: 35px;
    min-height: 35px;
    border-radius: 50%;
}
.frnd-request ul.requst-list li {
    width: 100%;
    float: left;
    position: relative;
    min-height: 60px;
    border-bottom: solid 1px #e7e7e7;
}
.frnd-request ul.requst-list li:last-child {
    border: 0;
}
.rquest-box {
    width: 400px;
    float: left;
}
.rquest-box a.rqst-img {
    float: left;
    padding: 8px;
    left: 0;
    position: absolute;
}
.rquest-box .rqst-right {
    float: left;
    width: 100%;
    text-align: left;
    padding-left: 60px;
    padding-top: 7px;
}
.rqst-right a {
    display: block;
    font-size: 13px;
}
.rqst-right label {
    display: block;
    font-size: 11px;
    color: #979797;
}
.rqst-right a {
    display: inline-block;
    font-size: 13px;
}
.rquest-box .add-frnd {
    width: auto;
    padding-top: 0;
    position: relative;
    margin: 10px 0;
    overflow: hidden;
}
ul.requst-list.invitecontact li .add-frnd a {
    color: #fff !important;
}
.add-frnd a {
    background-color: #990a7f;
    padding: 3px 7px;
    text-decoration: none;
    text-transform: capitalize;
    border-radius: 2px;
    font-size: 12px;
    float: left;
}
.add-frnd a.dlt {
    background-color: #e7e7e7;
    color: #7c7c7c;
    margin-left: 5px;
}
ul.requst-list:after {
    position: absolute;
    content: '';
    right: 39px;
    top: -8px;
    width: 15px;
    z-index: -1;
    height: 15px;
    background-color: #ebebeb;
    transform: rotate(47deg);
    -webkit-transform: rotate(47deg);
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
}
.notice {
    float: left;
    width: 35px;
}
ul.requst-list .list-heding {
    display: block;
    background-color: #ebebeb;
    z-index: 9;
    padding: 6px 10px;
    border-bottom: solid 1px #e7e7e7;
}
ul.requst-list .fttr {
    width: 100%;
    text-align: center;
    float: left;
    padding: 5px;
}
.commnts-cont {
    float: left;
    width: 100%;
    border-radius: 0 0 2px 2px;
    background-color: #f7f8f9;
    padding: 0;
}
.cmmnt a {
    display: initial !important;
}
.grp-post-sec .commnts-cont {
    width: 100%;
}
ul.cmmnt-list {
    float: left;
    width: 100%;
    margin: 0;
}
.comment {
    width: 100%;
    float: left;
    padding: 0 15px;
    border-bottom: solid 1px #e7e7e7;
}
.comment-head {
    float: left;
    width: 100%;
    position: relative;
    padding: 4px 0;padding-bottom: 0;
    padding-top: 15px;
}
.comment-head a.cmnt-img {
    padding: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 15px;
    z-index: 899;
}
.comment-head a.cmnt-img img {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
}
.comment-head .comment-nm-sec {
    width: 100%;
    float: left;
    padding-left: 50px;
    min-height: 42px;
}
.comment-nm-sec a {
    padding: 0 !important;
}
.comment .cmmnt-text {
    float: left;
    width: 100%;
    margin: 10px 0;
    margin-top: 0;
    font-size: 13px;
    line-height: 18px;
    padding-left: 51px;
}
.comment-nm-sec a.cmnt-nm {
    font-size: 14px;
    display: inline-block;
    font-weight: 600;
    color: #333;
}
.replycmntclass {
    margin-top: 10px;
    float: left;
    padding-right: 10px;
    position: relative;
    width: 100%;
    border-bottom: solid 1px #e7e7e7;
    padding-bottom: 10px;
    padding-left: 65px;
    box-sizing: border-box;
}
.replycmntclass .write-cmnt-pic {
    left: 70px;
    top: 22px;
}
.comment-nm-sec .timeand-rply {
    float: left;
    width: 100%;
    color: #999;
}
.comment {
    width: 100%;
    float: left;
    padding: 0 15px;
    border-bottom: solid 1px #e7e7e7;
    position: relative;
}
.timeand-rply a {
    display: inline-block !important;
    color: #990a7f !important;
}
.cmmnt {
    width: 100%;
    float: left;
    padding: 15px;
    position: relative;
}
ul.cmmnt-list li {
    width: 100% !important;
    float: left !important;
    padding: 0 !important;
}
.replycommentclass {
    padding-left: 65px;
}
.cmmnt img {
    float: left;
    max-width: 30px;
    margin-right: 10px;
    border-radius: 50%;
    left: 9px;
}
.cmmnt a.close {
    font-size: 14px;
    display: none;
}
.cmmnt:hover a.close {
    display: block;
}
ul.cmmnt-list li:last-child {
    border-bottom: 0;
}
.cmmnt .cmmnt-txt {
    margin-left: 0;
    font-size: 13px;
    margin: 15px 0;
    color: #3a3a3a;
    line-height: 20px;
}
.cmmnt .cmmnt-cntnt {
    float: right;
    width: 92%;
}
.cmmnt .cmmnt-cntnt .cmnt-inpt {
    margin-top: 10px;
    padding-left: 40px;
}
.comnt-write {
    float: left;
    width: 100%;
    padding: 10px;
    position: relative;
    border-bottom: solid 1px #e7e7e7;
}
.rquest-middle {
    float: left;
    position: relative;
    width: 100%;
    padding-right: 155px;
    margin-bottom: 5px;
}
.comment a.close {
    padding: 0;
    display: none;
}
.comment:hover a.close {
    display: block;
}
.comment:hover a.close i.fa.fa-times {
    -webkit-text-stroke: 1px #f7f8f9;
    text-stroke: 1px #f7f8f9;
}
.comment:hover a.close i.fa.fa-times:after {
    -webkit-text-stroke: 0;
    text-stroke: 0;
}
ul.requst-list.block .rqst-right .rquest-middle {
    padding-right: 80px;
}
ul#loadgroupuserlist li .frfl-img span {
    padding-right: 0;
    color: #a0a0a0;
}
ul.requst-list.block .rqst-right .rquest-middle .add-frnd {
    width: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.write-cmnt-pic {
    position: absolute;
    max-width: 50px;
    left: 15px;
    top: 49%;
    z-index: 999;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.artcle .write-cmnt-pic {
    position: absolute;
    z-index: 8;
}
.write-cmnt-pic img {
    max-width: 33px;
    border-radius: 50%;
    display: block;
}
.cmnt-inpt {
    float: right;
    width: 100%;
    position: relative;
    padding-left: 0;
}
.cmnt-inpt button {
    background-color: #f5f5f5;
    border: 0;
    color: #8e8e8e;
    width: 35px;
    right: 5px;
    top: 48%;
    height: 35px;
    line-height: 35px;
    text-transform: capitalize;
    position: absolute;
    border-radius: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.cmnt-inpt button i.fa.fa-paper-plane {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    margin-left: 5px;
}
.cmnt-inpt input[type="text"] {
    width: 100%;
    height: 45px;
    border: solid 1px #e7e7e7;
    padding-left: 45px;
    padding-right: 45px !important;
    border-radius: 25px;
}
.replycmntclass input.commentrowboxclass {
    padding-left: 49px;
}
.cmnt-inpt input:focus {
    border-color: #e7e7e7 !important;
}
.cmmnt .cmmnt-cntnt a {
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 600;
}
.cmmnt .cmmnt-cntnt a strong {
    font-weight: 600;
}
.cmmnt-cntnt .tm {
    display: block;
    margin-top: 0;
    color: #90949c;
    font-size: 12px;
}
.tm {
    display: block;
    margin-top: 5px;
    color: #90949c;
    font-size: 12px;
}
.cmmnt-sec .zero-cmnt {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
}
.cmmnt-cntnt .tm a {
    font-weight: normal;
    font-size: 12px;
}
.cmmnt-cntnt .tm a.nm {
    font-weight: bold;
}
.cmmnt-sec ul.cmmnt-list li .cmmnt-cntnt {
    width: 94%;
}
.cmmnt-sec .comnt-write .cmnt-inpt {
    width: 94%;
}
.rply-again {
    width: 100%;
    float: left;
    margin: 16px;
    margin-left: 0;
    position: relative;
    padding-left: 0;
    margin-bottom: 0;
}
.rply-again .usr-img {
    float: left;
    margin-left: 0;
    text-align: center;
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    padding: 7px;
    padding-top: 0;
}
#showsearchbox{top: 36px !important;}
.rply-again .usr-img img {
    margin: 0;
    width: 25px;
    margin-right: 0;
}
.rply-again .rply-again-txt {
    float: right;
    width: 100%;
    padding-left: 40px;
}
.rply-again-txt .rply-txt {
    margin-left: 0;
}
.reply-input {
    width: 100%;
    float: left;
    margin-top: 5px;
}
.reply-input img {
    float: left;
    margin: 0;
    padding: 5px;
    padding-left: 0;
    width: 28px;
}
.reply-input input {
    width: 92%;
    float: right;
    height: 25px;
    border: solid 1px #e7e7e7;
    padding: 6px;
    margin-top: 6px;
}
.about {
    width: 100%;
    float: left;
    padding: 50px 64px;
    padding-bottom: 100px;
}
.about h2 {
    font-size: 22px;
    margin-bottom: 10px;
}
.about p {
    font-size: 18px;
    color: #8f8f8f;
    margin-top: 0;
}
.toggle {
    float: left;
    margin-top: 31px;
    position: relative;
    margin-left: 9px;
    padding-right: 5px;
}
.toggle span.usr_img img {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 30px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.toggle span.usr_img {
    width: 32px;
    height: 32px;
    margin-top: 0;
    float: left;
    display: inline-block;
    text-align: center;
    position: relative;
    line-height: 40px;
    border-radius: 50%;
    background-image: url(../images/user-small.png);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
}
.toggle a i.fa {
    float: right;
    margin-top: 8px;
    margin-left: 1px;
}
.toggle a {
    text-decoration: none;
    display: block;
    border-radius: 3px;
    color: #676464
}
ul.setting_menu {
    position: absolute;
    z-index: 99;
    width: 170px;
    right: 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15);
    list-style: none;
    display: none;
    border-radius: 0 0 2px 2px;
    background-color: #fff;
    padding: 0;
    margin: 0;
    top: 43px;
}
.setting_menu li:hover {
    background-color: #f3f6f8;
}
ul.setting_menu.fast {
    display: block;
}
ul.setting_menu li a {
    display: block;
    font-weight: 600;
    padding: 10px 40px;
    margin: 0;
    position: relative;
    border-bottom: solid 1px #cdcdcd;
    text-decoration: none;
    padding-left: 40px;
    border-radius: 0;
    color: rgba(0, 0, 0, .85);
    font-size: 14px;
    padding-right: 10px;
}
ul.setting_menu li:last-of-type a {
    border-bottom: 0;
}
ul.setting_menu li a i.fa {
    position: absolute;
    width: 40px;
    left: 0;
    top: 0;
    line-height: 39px;
    text-align: center;
    color: #777a7d;
    margin: 0;
    min-height: 36px;
}
a.help {
    margin-top: 15px;
    display: block;
    margin-left: 20px;
    float: left;
}
.premium_tag {
    display: none;
    margin: 15px 0;
    float: left;
    width: 100%;
    position: relative;
    margin-top: 0;
    background-color: #e7e7e7;
}
.premium_tag p {
    display: block;
    float: left;
    margin: 0;
    word-break: break-all;
    padding: 10px;
    padding-left: 105px;
}
.premium_tag a {
    display: block;
    padding: 10px;
    background-color: #990a7f;
    color: #fff;
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
}
ol.breadcrumb {
    margin: 0;
    width: 80%;
    float: left;
    list-style: none;
    margin-bottom: 20px;
}
ol.breadcrumb li:first-child {
    margin-left: 0;
}
ol.breadcrumb li {
    float: left;
    margin: 7px;
    position: relative;
}
ol.breadcrumb li a {
    font-size: 12px;
    color: black;
    text-decoration: none;
}
ol.breadcrumb li.active a {
    color: grey;
}
ol.breadcrumb li:after {
    position: absolute;
    content: '/';
    right: -10px;
    top: 2px;
}
ol.breadcrumb li:last-child:after {
    display: none;
}
.home_container {
    width: 100%;
    clear: both;
    position: relative;
}
.left_menu_sec {
    width: 270px;
    float: left;
    border-radius: 2px;
    position: absolute;
    z-index: 99;
}
.left_menu_sec .menu {
    width: 100%;
    background-color: #990a7f;
    height: 100%;
    border-radius: 2px;
    float: left;
}
.advrtise {
    width: 337px;
    overflow: hidden;
    float: right;
    margin-bottom: 12px;
    background-color: #fff;
    border: solid 1px #cfcfcf;
}
.advrtise .add {
    width: 100%;
    padding: 0;
    border-radius: 2px;
}
.advrtise .add img {
    border-radius: 2px;
    display: block;
    width: 337px;
    height: 281px;
}
.right-box-cont {
    margin-top: 0px;
    text-align: left;
    background-color: white;
    padding: 15px;
    float: left;
    width: 100%;
    margin-bottom: 12px;
    border-radius: 2px;
	border-bottom: 2px solid #9d0d80;
}
.showcurrentright {
	text-transform: uppercase;
    background: #9d0d80;
    padding: 9px 0px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    font-size: 23px;
    border-bottom: 12px solid #f0f0f0;
}
.right-box-cont h2 {
    font-size: 18px;
    text-align: left;
    text-transform: capitalize;
    float: left;
    margin-bottom: 5px;
	color: #9d0d80;
	font-weight:500;
}
.suggest-box .btns {
    float: right;
    margin-top: 3px;
}
.invitation input {
    width: 100%;
    padding: 8px;
    font-size: 16px;
    border: solid 1px #e7e7e7;
    margin-bottom: 8px;
    border-radius: 2px;
}
.btns a {
    font-size: 12px !important;
    display: inline-block;
}
.btns a.prev {
    margin-right: 5px;
}
.invitation {
    float: left;
    width: 100%;
}
.invitation button {
    float: right;
    background-color: #ffffff;
    padding: 5px 7px 5px 9px;
    color: #fff;
    border: 0;
    border-radius: 2px;
    border: 1px #990a7f solid;
    color: #990a7f;
    font-size: 15px;
}
.invitation button:hover {
    border-color: #990a7f;
    color: #990a7f;
}
.invitation button i.fa {
    font-size: 12px;
    margin-right: 3px;
}
.suggest-box {
    display: block;
    width: 100%;
    float: left;
    border-radius: 2px;
    background-color: #fff;
}
.suggest-box .suggest-head {
    width: 100%;
    float: left;
    padding-bottom: 5px;
}
.suggest-head span {
    float: left;
    font-size: 14px;
}
.suggest-head a {
    float: right;
    font-size: 14px;
}
.suggest-box a.suggest-img {
    display: block;
    width: 100%;
    overflow: hidden;
    height: 190px;
}
.suggest-box a.suggest-img img {
    min-height: 190px;
    min-width: 100%;
}
.suggest-box a.ttl {
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-top: 8px;
    margin-bottom: 3px;
}
.suggest-box .page-type {
    font-size: 13px;
    color: #797979;
    display: block;
    margin-bottom: 10px;
}
#tagcontactdiv {
    float: left;
    width: 100%;
}
#tagcontactdiv .tag {
    float: left;
    padding: 3px 9px;
    background-color: #e6e6e6;
    margin-right: 2px;
    border-radius: 2px;
    margin-bottom: 3px;
    color: #676767;
    font-size: 12px;
}
#tagcontactdiv .tag i.fa {
    padding-left: 5px;
    color: #777777;
    cursor: pointer;
}
#searchtagcontact {
    background-color: #fff;
    width: 320px;
    border: 1px solid #dcdcdc;
    position: absolute;
    padding: 0px;
    overflow: hidden;
    top: 137px;
    z-index: 99;
    left: -1px;
}


#searchtagcontact ul.requst-list:after {
    display: none;
}
#searchtagcontact ul.requst-list {
    min-height: 200px;
    max-height: 250px;
    overflow: auto;
    margin-top: 0;
}
#searchtagcontact ul.requst-list li:hover {
    background-color: #f2f2f2;
}
#searchtagcontact ul.requst-list li {
    width: 100%;
    float: left;
    min-height: 48px;
    border-bottom: solid 1px #f2f2f2;
}
#searchtagcontact ul.requst-list li .rquest-box {
    width: 100%;
    position: relative;
}
#searchtagcontact ul.requst-list li .rquest-box a.rqst-img img {
    /*max-width: 30px;*/
}
#searchtagcontact ul.requst-list li .rquest-box .rqst-right {
    padding-left: 55px;
}
#searchtagcontact ul.requst-list li .rquest-box .rqst-right .rquest-middle {
    padding-right: 0;
}
.searchtagcontact {
    background-color: #fff;
    width: 320px;
    border: 1px solid #dcdcdc;
    position: absolute;
    padding: 0px;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 0 15px #ccc;
    top: 186px;
    z-index: 99;
}
.searchtagcontact ul.requst-list:after {
    display: none;
}
.searchtagcontact ul.requst-list {
    min-height: 200px;
    max-height: 100%;
    overflow: auto;
    margin-top: 0;
}
.searchtagcontact ul.requst-list li:hover {
    background-color: #f2f2f2;
}
.searchtagcontact ul.requst-list li {
    width: 100%;
    float: left;
    min-height: 48px;
    border-bottom: solid 1px #f2f2f2;
}
.searchtagcontact ul.requst-list li .rquest-box {
    width: 100%;
    position: relative;
}
.searchtagcontact ul.requst-list li .rquest-box a.rqst-img img {
    /*max-width: 30px;*/
}
.searchtagcontact ul.requst-list li .rquest-box .rqst-right {
    /*  padding-left: 50px;*/
}
.searchtagcontact ul.requst-list li .rquest-box .rqst-right .rquest-middle {
    padding-right: 0;
}
.suggest-box .like-btn {
    background-color: #eaeaea;
    padding: 5px 13px;
    display: inline-block;
    float: left;
    text-decoration: none;
    color: #909090;
    font-size: 12px;
    border: solid 1px #9e9e9e;
}
.cntnt_box .slct_cont input {
    width: 100%;
    border: solid 1px #ccc;
    height: 35px;
    padding-left: 10px;
}
ul.nav_list li a:hover {
    background-color: #f7f5f5;
}
ul.nav_list {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    float: left;
    background-color: #fff;
    height: 100%;
    border-radius: 2px;
    padding-bottom: 0;
    padding-top: 0;
}
ul.nav_list li {
    width: 100%;
    float: left;
}
.left_menu_sec .createad {
    float: left;
    width: 100%;
    color: #990a7f;
    margin-top: 10px;
    margin-bottom: 10px;
}
.createad a {
    display: inline-block;
    margin: 0 5px;
}
.createad a:first-of-type {
    margin-left: 0;
}
.createad a:first-child {
    margin-left: 0;
}
.createad span {
    font-size: 16px;
    display: block;
    color: #333;
    margin-bottom: 5px;
    font-weight: 600;
}
ul.nav_list li.user {
    width: 100%;
    background-color: #fff;
    padding-bottom: 0;
    border-radius: 2px 2px 0 0;
}
.usr-right {
    text-align: left;
    position: absolute;
        top: 17px;
    left: 95px;
    width: 170px;
}
.usr-right a .usrnme {
	color: #fff;
    font-size: 20px;
    line-height: 20px;
}
.usr-right .usrdesc {
	color: #fff;
}
.usr-right .usrstatic {
	color: #fff;
	font-size:15px;
}
ul.nav_list li.user .usr-right a {
    display: inline-block;
    margin: auto;
}
.usr-bg {
    width: 100%;
       height: 92px;
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}
li.user .usr-info {
    background-color: #fff;
    float: left;
    width: 100%;
    border-bottom: solid 2px #9d0d80;;
	/*margin-top:16px;*/
}
.user-bg-cover {
        position: absolute;
    border-radius: 0%;
    width: 100%;
    height: 183px;  /* old height:100px;*/
    left: 0%;
    top: 0px;
    background-size: 100%;
    background-color: #9d0d80;
}
.user-bg-cover .roundcircle {
	background: #fff;
    width: 30%;
    height: 193px;
    border-radius: 48%;
    position: absolute;
    right: 86%;
    bottom: 8%;
}
.usr-bg .user-bg-cover {
    background-position: 20px 60px;
}
.cover-img .user-bg-cover {
    width: 100%;
    left: 00px;
    top: 0;
    border-radius: 0;
}
ul.nav_list li.user .img {
   width: 76px;
    height: 76px;
    overflow: hidden;
    display: block;
    margin: auto;
    position: absolute;
    bottom: 8px;
    left: 17%;
    background-color: #fff;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-radius: 50%;
}
ul.nav_list li.user .img a {
    display: block;
    padding: 0;
    line-height: inherit !important;
    height: inherit !important;
    padding: 5px;
}
ul.nav_list li.user .img img {
    max-width: 100%;
    display: block;
    border-radius: 50%;
}
ul.nav_list li.connections {
    background-color: #fff;
    border-radius: 3px 3px 0 0;
    text-align: center;
    display: none;
}
ul.nav_list li.connections h1 {
   margin-bottom: 8px;
    font-weight: normal;
    margin-top: 0px;
}
ul.nav_list li.connections span {
    font-size: 15px;
   color: #990a7f;
    font-weight: 600;
}
ul.nav_list li.connections h1 a {
    height: inherit;
    line-height: inherit;
    display: inline-block;
    font-size: 33px;
    color: #990a7f;
    padding: 0;
    text-decoration: none;
    margin-bottom: 0;
}
ul.nav_list li.connections a {
    height: inherit;
    line-height: inherit;
    padding: 0;
    color: #990a7f;
    margin-bottom: 20px;
	top: 23%;
}
.popup-fttr select {
    float: left;
    width: auto;
    height: inherit;
    padding: 10px;
}
ul.nav_list li.connections a:hover {
    background-color: inherit;
}
.usr-right a {
    display: block;
    height: inherit !important;
    line-height: inherit !important;
    color: #333333 !important;
    font-weight: 600 !important;
    text-align: center;
    padding: 0 !important;
    font-size: 16px !important;
}
.usr-right a:hover,
ul.nav_list li.user .img a:hover,
.connctn span.connct a:hover {
    background-color: inherit !important;
}
.usr-right span {
    display: block;
    text-align: center;
    color: #848282;
    line-height: 13px;
    font-size: 13px;
    margin-bottom: 0px;
    margin-top: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 0px;
    overflow: hidden;
	text-align:left;
}

.connctn {
    border: 0;
    padding: 10px 5px 10px 5px;
    font-size: 11px;
    /* text-transform: uppercase; */
    text-align: center;
    cursor: pointer;
    margin-top: 0;
    width: 33.33%;
    float: left;
    color: #000;
}
.write-cont.fixed {
    position: fixed;
    max-width: 1069px;
    box-shadow: 0px 0px 10px 0px #ccc;
    z-index: 9;
    top: 51px;
}
.center_content.nologin .write-cont.fixed {
    max-width: 1153px;
}
.connctn span.count {
    display: block;
    color: #9d0d80;
    font-size: 27px;
    font-weight: 800;
    line-height: 22px;
}
.connctn span.connct a {
    height: inherit !important;
    line-height: inherit !important;
    color: #848282;
    font-size: 10px !important;
    padding: 0;
    line-height: 13px;
    margin-bottom: -2px;
    display: inline-block;
    font-size: 13px !important;
    font-weight: 600;
}
.connctn label {
    font-weight: 600;
    color: #6b6565;
}
.all-activity {
    width: 100%;
    float: left;
    border-radius: 2px;

}
.all-activity h2 {
    padding: 10px;
    margin-bottom: 0;
    padding-bottom: 10px;
    background-color: #fff;
    border-radius: 2px 2px 0 0;
    border-bottom: solid 1px #e7e7e7;
}
.all-activity ul.cntr_tab {
    border-radius: 00;
    padding-top: 0;
    border-bottom: 0;
}
.all-activity ul.cntr_tab li {
    width: 33.33%;
    text-align: center;
}
.all-activity ul.cntr_tab li:last-child a {
    border-right: 0
}
ul.nav_list li a i.micon {
    display: block;
    height: 24px;
    float: left;
    width: 24px;
    background-color:transparent !important;
    border-radius: 50%;
    position: relative;
    margin-top: 0px;
}
ul.nav_list li a i.micon img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 16px;
}
ul.nav_list li a {
    display: block;
    color: #5f5f5f;
    padding: 8px 10px;
    font-size: 14px;
    font-weight: normal;
    transition: 200ms;
    -webkit-transition: 200ms;
    -ms-transition: 200ms;
    overflow: hidden;
    position: relative;
    line-height: 22px;
}
ul#notice-list {
    width: 100%;
    float: left;
    margin: 0;
    min-height: 150px;
}
ul#notice-list:after {
    display: none;
}
ul#notice-list li {
    float: left;
    width: 100%;
    min-height: 55px;
    border-bottom: solid 1px #f0f0f0;
	    padding: 0;
}
ul#notice-list li .rqst-right {
    min-height: 50px;
    padding-left: 55px;
}
ul#notice-list li .rquest-box .timelinecontantsubline {
    font-size: 15px;
}
ul#notice-list li .rquest-box span a {
    font-weight: normal !important;
}
ul#notice-list li .dropdwn ul li a {
    color: rgba(0, 0, 0, .85);
    font-size: 15px !important;
    padding: 10px 15px;
}
ul#notice-list li .dropdwn ul li a:hover{ background-color: #f3f6f8;}
ul#notice-list li .rquest-box a {
    font-size: 15px;
    font-weight: 600;
    color: #676767;
}

ul#notice-list li .rquest-box label {
    font-size: 13px;
	text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
}
ul#notice-list li .rquest-box {
    width: 100%;
    position: relative;
}
li.msguserscheckbox .msgcheckbox {
    width: 20px;
    float: left;
    margin-top: 18px;
}
li.msguserscheckbox .msgcheckbox {
    width: 20px;
    float: left;
    margin-top: 18px;
}
li.msguserscheckbox .rquest-box {
    width: 93% !important;
    float: right;
}
ul.nav_list li a .coming {
    position: absolute;
    right: 9px;
    font-size: 11px;
    background-color: #006992;
    padding: 2px 6px;
    line-height: 11px;
    color: #bfc6ff;
    top: 10px;
    border-radius: 10px;
}
ul.nav_list li a.active {
    background-color: #f7f5f5;
}
table.usr-info {
    border-bottom: solid 1px #e7e7e7;
    cursor: pointer;
}
ul.nav_list li a i.fa {
    display: inline-block;
    font-size: 19px;
    color: #969696;
    left: 50%;
    position: absolute;
    text-align: center;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    top: 50%;
}
ul.nav_list li a span.tltp {
    display: block;
    float: left;
    color: #969696;
    width: 81%;
    font-size: 15px;
    padding-left: 9px;
}
ul.nav_list li a span.tltp span {
    display: block;
    font-size: 12px;
    line-height: inherit;
    position: absolute;
    top: 15px;
}
.prfl_visitr {
    background-color: #fff;
    padding: 8px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    position: relative;
}
.visitr_cont {
    width: 70%;
    float: left;
    padding-left: 30px;
}
.premium {
    display: block;
    position: absolute;
    top: 20px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    left: -30px;
    width: 90px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 1px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    padding-left: 10px;
    color: #fff;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    background: linear-gradient(to left, rgba(2, 27, 121, 0.4), rgb(32, 45, 120));
    text-decoration: none;
    text-transform: capitalize;
}
.premium:hover {
    text-decoration: none;
}
.visitr_cont h5 {
    float: left;
    margin: 0;
    margin-bottom: 10px;
    margin-left: 0;
    width: 100%;
    font-size: 16px;
}
.premium:before {
    position: absolute;
    content: '';
    bottom: 20px;
    left: 0;
    border-top: 8px solid transparent;
    border-right: 15px solid #b6b6b6;
}
ul.visitr_list {
    width: 100%;
    margin: 0;
    float: left;
}
ul.visitr_list li {
    font-size: 14px;
}
.qualification_cont {
    width: 100%;
    float: left;
}
.qualification {
    background-color: #fff;
    padding: 30px;
    float: left;
    width: 100%;
    position: relative;
}
.qualification .prfl-pic {
    float: left;
    width: 15%;
    text-align: left;
}
.qualification .prfl-pic img {
    width: 100px;
}
.qlftion-right {
    width: 85%;
    float: left;
}
.qlftion-right h3 {
    font-size: 17px;
    font-weight: 400;
    margin-top: 0;
}
ul.qlftion_list {
    margin-top: 0;
}
ul.qlftion_list li {
    width: 100%;
    margin-bottom: 15px;
}
ul.qlftion_list li input {
    border: solid 2px #ccc;
    height: 30px;
    line-height: 30px;
    width: 50%;
    padding-left: 10px;
}
.searchfldbox img {
    position: inherit !important;
}
a.close {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 18px;
    font-weight: 400;
}
a.close:hover {
    color: red;
}
.qlftion_fttr {
    float: left;
    width: 100%;
    color: #888888;
    line-height: 30px;
    padding: 10px 30px;
    margin-bottom: 10px;
    background-color: gainsboro;
}
.right_btn {
    float: right;
}
.right_btn a {
    margin-right: 15px;
}
.right_btn button {
    background-color: #990a7f;
    border: 0;
    cursor: pointer;
    padding: 7px 15px;
    color: #fff;
}
.prfl-info {
    width: 100%;
    float: left;
    background-color: #fff;
    padding: 30px;
}
.info-pic {
    float: left;
    width: 20%;
    position: relative;
    max-width: 150px;
    height: 150px;
}
.info-pic img {
    max-height: 150px;
    max-width: 150px;
    height: 150px;
    position: relative;
}
.info-pic:hover .upld_nw {
    top: 0;
    opacity: 1;
}
.upld_nw {
    position: absolute;
    top: 0%;
    opacity: 0;
    transition: 200ms;
    -webkit-transition: 200ms;
    -ms-transition: 200ms;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}
.upld_nw i.fa.fa-upload {
    position: absolute;
    top: 40%;
    left: 50%;
    font-size: 45px;
    padding: 0 10px;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    color: #b3b3b3;
}
.upld_nw input[type="file"] {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0;
    font-size: 0;
    border: 0;
}
.upld_nw span {
    position: absolute;
    left: 50%;
    color: #fff;
    text-transform: capitalize;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 100%;
    text-align: center;
    bottom: 50px;
    font-size: 13px;
}
.remove-pic {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
    cursor: pointer;
    width: 20px;
    height: 20px;
    text-align: center;
}
.remove-pic i.fa.fa-times {
    color: #fff;
}
.remove-pic:hover label {
    opacity: 1;
    left: 120%;
    visibility: visible;
}
.remove-pic label {
    position: absolute;
    left: 180%;
    width: 130px;
    visibility: hidden;
    background-color: #000;
    z-index: 9999;
    top: 0;
    opacity: 0;
    transition: 300ms;
    -webkit-transition: 300ms;
    -ms-transition: 300ms;
    padding: 3px 5px;
    box-sizing: border-box;
    font-size: 11px;
    color: #fff;
}
.info_summary {
    float: left;
    width: 80%;
}
.edit_summary {
    padding: 20px;
    width: 100%;
    position: relative;
    padding-top: 0;
}
.edit_summary h4 {
    margin-top: 0;
    margin-bottom: 10px;
}
.edit_summary:hover a.edit_usr_info {
    right: 0;
    opacity: 1
}
.user_info {
    font-size: 14px;
}
.user_info a {
    font-size: 16px;
}
.edit_summary a.edit_usr_info {
    position: absolute;
    top: 0;
    color: #000;
    right: -0;
    opacity: 0;
    transition: 200ms;
    -webkit-transition: 200ms;
    -ms-transition: 200ms;
    font-size: 20px;
}
.edit_summary a.edit_usr_info:hover span {
    display: block;
}
.edit_summary a.edit_usr_info span {
    position: absolute;
    right: -31px;
    top: -20px;
    font-size: 10px;
    display: none;
    white-space: nowrap;
    background: #000;
    color: #fff;
    padding: 3px;
}
.edit_summary a.edit_usr_info span:after {
    position: absolute;
    content: '';
    border-top: 5px solid #000;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.edit_summary h4 span {
    display: block;
    font-size: 12px;
    color: #9e9e9e;
}
/*tabs*/

ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
    border-bottom: solid 1px #dcdcdc;
}
ul.tabs li {
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
}
ul.tabs li.current {
    background: #dcdcdc;
    color: #000;
    position: relative;
}
ul.tabs li.current:after {
    position: absolute;
    content: '';
    height: 3px;
    width: 70%;
    background-color: #990a7f;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.newsboxdiv br {
    display: none;
}
.addmore-info {
    width: 100%;
    float: left;
    margin-top: 10px;
    background-color: #fff;
    padding: 0;
}
ul.edit_list {
    margin: 0;
}
ul.edit_list li {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    padding: 0;
    position: relative;

    border-radius: 2px;
    overflow: hidden;
    transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    background-color: #fff;
    padding: 15px;
    padding-bottom: 0;
}
ul.edit_list.my li:hover {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 6px 9px rgba(0, 0, 0, .2);
}
ul.edit_list.my li ul li:hover {
    box-shadow: inherit;
}
ul.edit_list li:last-of-type {
    margin: 0;
    border: 0;
}
ul.edit_list li h3 {
    float: left;
    margin-top: 0;
    margin-bottom: 8px;
    font-weight: 400;
    line-height: 28px;
    color: rgba(0, 0, 0, .85);
    font-size: 21px;
}
ul.edit_list li a.add_btn {
    float: right;
    background-color: #990a7f;
    padding: 7px 15px;
    border-radius: 2px;
    color: #fff;
    top: inherit;
    transform: inherit;
    -webkit-transform: inherit;
    position: inherit;
    right: inherit;
    text-decoration: none;
}
.usr-artcl {
    float: left;
    width: 100%;
}
.usr-artcl .img {
    float: left;
    width: 210px;
    max-height: 150px;
    overflow: hidden;
}
.usr-artcl .img img {
    max-width: 100%;
}
.usr-artcl .about-artcl {
    float: left;
    width: 72%;
    color: rgba(0, 0, 0, .7);
    padding-left: 15px;
}
.about-artcl h2 {
    line-height: 20px;
    font-size: 16px;
    font-weight: 600;
    color: rgba(0, 0, 0, .65);
    margin-bottom: 5px;
}
.about-artcl .desc {
    font-size: 15px;
    line-height: 18px;
    margin: 0;
    margin-bottom: 10px;
}
.about-artcl .dt {
    font-size: 11px;
    color: #a0a0a0;
}
.usr-artcl .seeall-artcl {
    float: left;
    width: 100%;
    padding: 15px;
    text-align: center;
    border-top: solid 1px #e7e7e7;
    margin-top: 20px;
}
.seeall-artcl a {
    font-weight: 600;
    font-size: 16px;
}
.seeall-artcl a:hover {
    text-decoration: underline;
}
.companyouter {
    overflow: hidden;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    position: relative;
    padding: 10px;
    width: 100%;
}
.companyouter span {
    display: none;
}
.companyouter:hover span {
    display: block;
}
ul.edit_list li .companyouter:last-of-type {
    margin-bottom: 0;
}
.companyouter .roundbox {
    width: 80px;
    height: 80px;
    background-color: #990a7f;
    position: absolute;
    border-radius: 50%;
}
.companyouter .rightpnl {
    width: 100%;
    color: rgba(0, 0, 0, .7) !important;
    padding-left: 100px;
    position: relative;
}
.companyouter.my .rightpnl:after {
    width: 83%;
}
.companyouter:last-of-type .rightpnl:after {
    visibility: hidden;
}
.companyouter .rightpnl:after {
    position: absolute;
    content: '';
    background-color: #e7e7e7;
    bottom: 0;
    height: 1px;
    width: 90%;
    right: 0;
}
li#loadprofessionalexppage,
li#educationalbackground {
    padding-bottom: 0;
}
.notif-sttng-box .checkboxlevels label input[type="checkbox"] {
    position: relative;
    margin-bottom: 0;
    margin-right: 10px;
}
.checkboxlevels label input {
    position: relative;
}
.notif-sttng-box .checkboxlevels label input[type="checkbox"]:checked:before {
    position: absolute;
    content: '\2713';
    z-index: 9;
    top: -6px;
    left: 2px;
    font-size: 18px;
    color: #990a7f;
}
.checkboxlevels label input[type="checkbox"]:checked:before {
    position: absolute;
    content: '\2713';
    z-index: 9;
    top: -6px;
    left: 2px;
    font-size: 18px;
    color: #990a7f;
}
.notif-sttng-box .checkboxlevels label {
    line-height: 30px;
    cursor: pointer;
    ;
}
.notif-sttng-box > .checkboxlevels label input[type="checkbox"]:after {
    position: absolute;
    content: '';
    width: 13px;
    height: 13px;
    background-color: #fff;
    border: solid 1px #990a7f;
}
.checkboxlevels label input[type="checkbox"]:after {
    position: absolute;
    content: '';
    width: 13px;
    height: 13px;
    background-color: #fff;
    border: solid 1px #990a7f;
}
.companyouter.education .roundbox {
    width: 50px;
    height: 50px;
    margin-right: 0;
    margin-left: 15px;
    color: #fff;
    position: absolute;
    top: 25px;
}
.recbox {
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
    padding: 10px;
    width: 100%;
    border-bottom: solid 1px#e7e7e7;
}
.recbox:last-of-type {
    border-bottom: 0;
}
.recbox .rlft {
    width: 220px;
    float: left;
}
.recbox .rrit {
    width: 59%;
    float: right;
    color: rgba(0, 0, 0, .7);
    font-size: 17px;
}
.recbox.my .rrit {
    width: 100%;
    margin-top: 15px;
}
.add_more {
    width: 100%;
    float: left;
    padding: 15px;
    position: relative;
    border: dashed 1px rgba(0, 0, 0, 0.2);
    transition: 200ms;
    -webkit-transition: 200ms;
    -ms-transition: 200ms;
    cursor: pointer;
    margin-bottom: 25px;
    padding-right: 50px;
}
.exp-popup {
    width: 100%;
    position: absolute;
    top: 36px;
    background-color: #fff;
    box-sizing: border-box;
    z-index: 999;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px #ccc;
}
.exp-popup .pddng {
    padding: 20px;
    width: 100%;
    float: left;
}
.exp-popup h3 {
    display: block;
    width: 100%;
    margin-top: 0 !important;
    font-weight: 600 !important;
}
.exp-popup h2 {
    font-weight: 600;
}
.position .inputs {
    float: left;
    width: 50%;
    padding-right: 5px;
}
.position .inputs:nth-child(even) {
    padding-left: 5px;
    padding-right: 0;
}
.position-input .from span {
    padding-right: 15px;
}
.company .inputs {
    float: left;
    width: 50%;
    padding-right: 5px;
}
.company .inputs:nth-child(odd) {
    padding-left: 5px;
    padding-right: 0;
}
.position-input.date select {
    width: auto;
    margin-right: 15px;
}
.inputs.date {
    width: 100%;
    float: left;
}
.inputs.date label.check {
    display: inline-block;
    float: right;
    margin-top: 30px;
}
.position-input .from,
.position-input .to {
    float: left;
}
.position-input .to select:last-child {
    margin-right: 0;
}
.inputs.date label.check input {
    display: inline-block;
    width: auto;
    padding: 0;
}
.position-input {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.position-input label {
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
}
.position-input input,
.position-input select,
.position-input textarea {
    width: 100%;
    padding: 10px;
    border: solid 1px #e7e7e7;
}
.exp-popup .full {
    width: 100%;
    float: left;
    padding-right: 0;
}
.exp-popup .fttr {
    float: left;
    width: 100%;
    text-align: right;
    background-color: #e7e7e7;
    padding: 20px;
}
.exp-popup .fttr button {
    padding: 6px 18px;
    margin-left: 10px;
    border: 0;
    background-color: #990a7f;
    color: #fff;
    border-radius: 2px;
}
.add_more:hover {
    background-color: whitesmoke;
}
.add_more h4 {
    margin: 0;
    margin-bottom: 0;
    color: grey;
}
.add_more span {
    font-size: 14px;
    color: #b9b8b8;
}
.add_more span.addmore_icon {
    position: absolute;
    top: 50%;
    right: 20px;
    transition: 200ms;
    -webkit-transition: 200ms;
    -ms-transition: 200ms;
    font-size: 30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.add_more:hover span.addmore_icon {
    color: #990a7f;
}
.descrptn.my {
    padding: 15px;
    text-align: left;
    background-color: #e8e8e8;
    border-top: 0;
    float: left;
}
.descrptn.my:after {
    display: none;
}
.descrptn {
    width: 100%;
    float: left;
    margin: auto;
    font-size: 16px;
    padding: 25px 80px;
    text-align: left;
    color: #515151;
    font-style: italic;
    border-top: solid 1px #e7e7e7;
    background-color: #f0f0f0;
    clear: both;
    position: relative;
    margin-top: 20px;
}
.descrptn:before {
    position: absolute;
    content: '';
    border: solid 15px transparent;
    border-bottom-color: #f0f0f0;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.descrptn:after {
    content: "\00201C";
    position: absolute;
    color: #666666;
    font-size: 70px;
    left: 40px;
    top: 3px;
}
.descrptn i.fa {
    margin-top: 6px;
    display: inline-block;
    position: absolute;
    left: 51px;
    top: 8px;
    font-size: 26px;
}
@supports (-ms-ime-align: auto) {
    .weather {
        display: none;
    }
}
.descrptn textarea {
    width: 100%;
    margin: 10px 0;
    border: solid 1px #ccc;
    border-radius: 2px;
    font-family: arial;
    padding: 10px;
}
.descrptn button.cancel {
    background-color: #eaeaea;
    color: #990a7f;
}
.descrptn button {
    float: right;
    background-color: #990a7f;
    padding: 7px 15px;
    color: #fff;
    text-decoration: none;
    border: 0;
    border-radius: 2px;
}
ul.nav_list li a.edit_profile {
    display: block;
    font-size: 16px;
    line-height: inherit;
    overflow: hidden;
    display: block;
    position: relative;
    min-height: 65px;
    padding-left: 80px;
}
a.edit_profile:before {
    display: none;
}
a.edit_profile span.pf_pic {
    float: left;
    width: 65px;
    position: absolute;
    left: 0;
}
a.edit_profile:hover {
    text-decoration: none;
}
li.prfl_li:hover a.edit_profile:before {
    display: none;
}
a.edit_profile:hover span.pf-name {
    text-decoration: underline;
}
a.edit_profile span.pf-name {
    display: block;
    font-size: 16px;
    color: #990a7f;
}
a.edit_profile label {
    border: 1px solid #202d78;
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    margin-top: 8px;
    color: #000;
    padding: 2px 7px;
    text-transform: capitalize;
}
a.edit_profile label.mobile_lbl {
    display: none;
}
ul.nav_list li.prfl_li {
    padding: 25px 15px !important;
}
.pst-evnt-btns.comp {
    padding-left: 0;
}
.center_content .cntr_cntnt {
    width: 66%;
    position: relative;
    float: left;
    margin-bottom: 10px;
}
#newposton {
    display: none;
    position: absolute;
    width: 100%;
    left: 0px;
    width: 100%;
    margin: auto;
    text-align: center;
    z-index: 9999;
    top: 193px;
    position: absolute;
    width: 100px;
    margin-left: 43%;
}
.newpostbtn {
    padding: 8px;
    margin: auto;
    width: 100px;
    cursor: pointer;
    background-color: #990a7f;
    color: #fff;
    border-radius: 40px;
    font-size: 14px;
    box-shadow: 0px 4px 10px #c0c1c1;
}
.anyClass4,
.anyClass4 ul li {
    width: 257px !important;
}
.center_content {
    float: left;
    width: 100%;
    padding-left: 282px;
    position: relative;
    border-radius: 2px;
    overflow: visible;
    margin-bottom: 70px;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
}
.center_content.nologin {
    padding-left: 0;
}
.center_content.nologin .cntr_cntnt {
    width: 796px !important;
}
.trivia-shdow {

    width: 100%;
    float: left;
    overflow: hidden;
}
.center_content.inner {
    width: 80%;
    box-sizing: border-box;
    padding-right: 0;
}
.left_menu_sec.fix-head {
    position: fixed;
    top: -71px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}
ul.cntr_tab {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    border-radius: 2px;
    background-color: #990a7f;
    list-style: none;
    position: relative;
}
input:focus,
textarea:focus,
select:focus {
    border-color: #990a7f !important;
}
.chatmsg.iframehave,.chatmsg.iframehave {
    padding: 0 !important;
}
.chatmsg.iframehave img ,.chatmsg.iframehave img {
    border-radius: 8px;
}
.contact-share{
    overflow: hidden;
    width: 220px;
}

.meet-left {
    float: left;
    width: 75%;
    position: relative;
    padding-top: 5px;
}
.meet-left span {
    text-transform: uppercase;
    font-size: 13px;
}

.meet-left .mttitle {
    display: block;
    margin-top: 10px;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 4px;    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.meet-left time {
    font-size: 13px;
}
.meet-right {
    width: 25%;
    float: right;
}
.meet-right .tag {
    padding: 1px 0px;
    background-color: #990a7f;
    display: block;
    margin-top: 0;
    color: #fff;
    border-radius: 5px;
    float: right;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 11px;
}
.meet-right .calicon {
    width: 36px;
    height: 36px;
    background-image: url(../images/cal.png);
    background-position: center center;
    background-color: #fff;
    background-repeat: no-repeat;
    border-radius: 50%;
    background-size: 75%;
    clear: both;
    margin: auto;
}
.meet-right .tag.closed {
    background-color: #9c9c9c;
}
.ruatending {
    float: left;
    width: 100%;
    margin-top: 8px;
    border-top: dotted 1px #000;
    padding-top: 5px;
}
.ruatending span {
    display: block;
    font-size: 15px;
}
.ruatending ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 5px;
    text-align: center;
}
.ruatending ul li {
    display: inline-block;
    width: 32%;
}
.ruatending ul li a {
    display: block;
    padding: 5px 10px;
    border: solid 1px #717171;background-color: #fff;
    text-decoration: none;
    color: #717171;font-size: 13px;
}
.ruatending ul li a.yes {
    border-color: #990a7f;
    color: #990a7f !important;
}
.ruatending ul li a.yes.active{background-color: #990a7f !important; color: #fff !important;}
.userchatboxmain_text_me .meet-right .tag.closed {
    background-color: #0a608a;
}
.ruatending ul li a.no {
    border-color: red;
    color: red !important;
}
.ruatending ul li a.no.active{background-color: red !important;color: #fff !important;}
.ruatending ul li a.maybe {
    border-color: #ff9b00;
    color: #ff9b00 !important;
}
.ruatending ul li a.maybe.active{background-color: #ff9b00 !important;color: #fff !important;}
.meeting_detail {
    width: 100%;
    float: left;
}
.meeting_detail h2 {
    background-color: #fff;
    padding: 10px;
    font-size: 20px;
    font-weight: 600;
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
}
.meetin_content {
    float: left;
    width: 100%;
}
.meetin_content .yousent {
    color: #444;
    font-size: 16px;
    margin: 10px 0;
}
.yousent strong {
    font-size: 17px;
    color: #000;
}
.meetin_content .mtngtitle {
    float: left;
    width: 100%;
    margin-top: 5px;
    padding-bottom: 10px;
}
.mtngtitle h3 {
    margin: 0;
    font-size: 20px;
    margin-bottom: 5px;border-bottom: 0 !important;
}
.mtngtitle .time {
    font-size: 14px;
    color: #7b7b7b;
}
.allresponse {
    float: left;
    width: 100%;
    border-bottom: solid 1px #f0f0f0;
    margin-top: 10px;
}
.allresponse .allresptitle {
    text-transform: uppercase;
    font-size: 12px;
    color: #7b7b7b;
    padding: 10px 15px;
    display: block;border: solid 1px #f0f0f0;border-bottom: 0;
}
.res-contnt {
    float: left;
    width: 100%;
    padding: 10px 3px;
    font-size: 16px;
    border: solid 1px #f0f0f0;border-bottom: 0;
    color: rgba(53, 53, 53, 0.8);
}
.res-contnt .count {
    width: 30px;
    display: block;
    float: left;
    text-align: center;
}
.contac-sharing{
width: 30px;
    height: 30px;
    background-image: url(../images/user-small.png);
    border-radius: 50%;
    background-size: 20px;
    float: left;
    margin-top: 0;background-color: #fff;
    border: solid 1px #fff;
    padding: 16px;
    background-repeat: no-repeat;
    background-position: center center;
}
.contct-namnumber{float: left;width: 180px;padding-left: 8px;}
.contct-namnumber label{font-size: 14px; color: #4a4a4a;line-height: 15px;}
.contct-namnumber label.nm{font-weight: 600;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.userchatboxmain_text img {
    margin: 0px;
    display: inline-block;
    width: 22px;margin-bottom: -5px;
}
.userchatboxmain_text_me .contct-namnumber label{color: #fff !important;}
.imgbox img {
    display: block !important;
    margin-bottom: 0 !important;width: 200px !important;
    border-radius: 8px;cursor: pointer;
}
.chatmsg {
    padding: 8px 12px;
     box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 1px rgba(0, 0, 0, .1);
    border-radius: 8px;
}
.userchatboxmain_text_me a {
    color: #e7e9ec;
}
.userchatboxmain_text_me img {
    display: inline-block;width: 22px;margin-bottom: -5px;

}
ul.cntr_tab li a i.fa {
    margin-right: 5px;
}
ul.cntr_tab li a.active i.fa {
    color: #ff7800;
}
ul.cntr_tab li {
    float: left;
}
ul.cntr_tab li a {
    padding: 15px 20px;
    display: block;
    font-weight: 500;
    position: relative;
    text-decoration: none;
        color: #fff;
    border-right: 1px #e7e7e7 solid;
}
ul.cntr_tab li a:hover {
        background-color: #4a4a4a99;
}
ul.cntr_tab li a.active {
    background-color: #fff;
    font-weight: 600;
    color: #3d3b3f;
    border: 1px solid #3d3b3f4d;
    border-bottom: none;
	border-left:none;
}
ul.cntr_tab li a.active:after {
    position: absolute;
    content: '';
    width: 50px;
    height: 2px;
    background-color: transparent;
    bottom: -1px;
    z-index: 99;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.tab_contnt {
    width: 100%;
    display: block;
    float: left;
    padding-right: 0;
}
.tab_contnt .hedr {
    padding: 0;
}
.tab_contnt_cont {
    padding: 10px;
    background-color: #fff;
    margin-bottom: 0;
    float: right;
    width: 100%;
    position: relative;
    margin-top: 0;
}
.shareupdate-inner {
    float: left;
    width: 100%;
}
.weather {
    float: left;
    width: 100%;
    background-color: #fff;
    margin: 12px 0;
    padding: 15px;
    color: #888;
    border-radius: 2px;
}
.weather .locat {
    float: left;
    margin-right: 60px;
    font-size: 20px;
    margin-top: 2px;
}
.weather .tampertr {
    float: left;
    font-size: 15px;
    margin-top: 4px;
}
.weather .tampertr span {
    margin-left: 5px;
}
.weather .w-icon {
    float: right;
}
.weather .w-icon img {
    width: 60px;
    margin-bottom: -4px;
}
.tab_contnt textarea {
    max-width: 100%;
    width: 100%;
    min-height: 50px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 2px;
    padding-top: 5px;
	background: #f5f5f5;
    border: 0;
    min-width: 100%;
    font-size: 15px;
    padding: 10px;
    border-radius: 5px;
    border: 1px #006401 solid;
}
#loaduserchatbox ul.emozi {
    padding:4px 11px 7px;
    padding-right: 0;
    border-top: dotted 1px #990a7f;
}
ul.emozi li.atach a {
    padding: 6px !important;color: #848282;
}
.nw-grup .dtetime {
    float: left;
    width: 100%;
}
.nw-grup .dtetime input {
    float: left;
    width: 49%;
}
.nw-grup .dtetime select {
    width: 49%;
    float: right;
}
ul.emozi li.atach a:hover {
    background-color: inherit;
    color: inherit;
}
span.minimiz {
    float: right;
    margin-right: 30px;
}
#mainfriedboxlist span.minimiz {
    margin-right: 6px;
}
.chat-cont-header.active i.fa {
    color: #fff;
}
#loaduserchatbox ul.emozi li a#chatattachedbutton{padding: 2px 5px !important;}
#loaduserchatbox ul.emozi li a {
    padding: 2px 5px;
    margin-top: 5px;
}
.upload-img {
    padding: 4px 14px;
    text-align: center;
    border: 1px solid;
    float: left;
    cursor: pointer;
    font-weight: 600;
    font-size: 13px;
    border: solid 1px #9d0d80;
    border-radius: 8px;
    margin-right: 10px;
    background-color: #ffffff;
}
.upload-img:hover {
    border: solid 1px #cacaca;
}
.upload-img div i.fa {
    color: #990a7f;
    margin-right: 5px;
}
button.post-btn {
    background-color: #990a7f;
    border: 0;
    padding: 5px 16px;
    color: #fff;
    border-radius: 2px;
    float: right;
    margin-top: 10px;
}
ul.upld-img-list.upload li:last-child {
    display: none;
}
.share_with {
    width: 100%;
    float: left;
    padding: 10px;
    background-color: #fff;
    border-top: solid 0px #cadfca;
    padding-top: 0px;
    margin-bottom: 14px;
    border-bottom: 2px solid #9d0d80;
}
.share_with select {
    color: #464646;
    border: solid 1px #9d0d80;
    background-color: #ffffff;
    border-radius: 8px;
    /* border: 0; */
    padding: 0 6px;
    line-height: 25px;
    height: 25px;
    cursor: pointer;
    float: right;
    margin-right: 15px;
    background-size: 10px;
    background-position-x: 93%;
    margin-top: 3px;
    padding-left: 10px;
    font-size: 13px !important;
}
.share_with select:focus {
    border: solid 1px #9d0d80;
}
.share_with input.phto_btn {
    background-color: #dedcdc;
    border: 0;
    padding: 5px 10px;
    font-weight: bold;
    border-radius: 2px;
    color: #757575;
    background-image: url(../images/upload-icon.png);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 30px;
}
.share_with button {
    background-color: #990a7f;
    border: 0;
    padding: 5px 16px;
    color: #fff;
    border-radius:8px;
    float: right;
}
form.edit-layer .share_with button {
    background-color: #9d0d80;
    padding: 0 16px;
    color: #fff;
    margin-top: 3px;
    line-height: 25px;
    height: 25px;
}
.share_post {
    width: 100%;
    clear: both;
    float: left;
    background-color: #fff;
    padding: 25px 15px;
    border-radius: 2px 2px 0 0;
    margin-bottom: 1px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
    padding-top: 15px;
}
.share_post .media {
    float: left;
    width: 85px;
    height: 85px;
    cursor: pointer;
}
.share_post .media input {
    cursor: pointer;
}
.share_post .media span.edit i {
    color: #fff;
    text-align: center;
}
.share_post .media span.edit {
    position: absolute;
    right: 0;
    text-align: center;
    width: 30px;
    height: 30px;
    background-color: #a29f9f;
    line-height: 30px;
    padding: 0;
    border-radius: 50%;
    bottom: 0;
}
.share_post .media img {
    width: 100%;
    border-radius: 50%;
}
.media_object {
    float: left;
    margin-left: 15px;
    width: 79%;
}
.media_object .media_left {
    width: 60%;
    float: left;
}
.prfl-stats {
    float: right;
    width: 150px;
    text-align: center;
}
.prfl-stats h1 {
    margin: 0;
    color: #990a7f;
    font-size: 50px;
    font-weight: 400;
}
.prfl-stats .proces {
    width: 100%;
    display: block;
    height: 2px;
    background-color: #eaeaea;
}
.prfl-stats label {
    font-size: 11px;
    text-transform: uppercase;
    color: #b1afaf;
    margin-top: 5px;
    display: block;
}
.prfl-stats .proces span {
    background-color: #990a7f;
    height: 2px;
    float: left;
    width: 30%;
}
.media_object h3 {
    margin-top: 0;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 0;
}
.media_object span.prfl {
    display: block;
    font-size: 12px;
}
.media_object span.addrs {
    font-size: 13px;
}
a.updt_prfl {
    font-size: 12px;
    text-decoration: none;
    background-color: #990a7f;
    color: #fff;
    padding: 3px 10px;
    border-radius: 2px;
}
.media_object p {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 10px;
}
.media_object a.whts_new {
    border-color: #e7e7e7;
    text-decoration: none;
    border-radius: 3px;
    box-sizing: border-box;
    color: #b3b3b3;
    cursor: text;
    display: block;
    font-size: 15px;
    height: 30px;
    border: 1px solid #e5e5e5;
    line-height: 4px;
    padding: 12px;
}
.hiddn_sec {
    width: 100%;
    float: left;
    margin: 10px 0;
}
.hiddn_sec_right {
    float: right;
    width: 190px;
}
.hiddn_sec_right a.hidden {
    font-size: 14px;
    color: #202d78;
    display: inline-block;
    margin-left: 14px;
    margin-top: 6px;
    text-decoration: none;
}
.hddn_dropdwn {
    float: right;
    position: relative;
}
.hddn_dropdwn span {
    display: block;
    background: #e5e5e5;
    border-radius: 2px;
    color: #333;
    font-size: 12px;
    height: 30px;
    width: 130px;
    line-height: 30px;
    padding: 0 0 0 18px;
    position: relative;
}
.at-resp-share-element .at-share-btn:hover {
    -webkit-transform: translateY(0px) !important;
    transform: translateY(0px) !important;
}
.artcle .detail-cntnt img {
    padding-right: 0;
    height: auto !important;
    width: 100%;
}
.at-style-responsive .at-share-btn {
    padding: 0 !important;
}
.hddn_dropdwn span:hover {
    cursor: pointer;
}
.hddn_dropdwn span i.fa.fa-chevron-down {
    display: inline-block;
    width: 30px;
    height: 100%;
    line-height: 30px;
    text-align: center;
    float: right;
}
.mce-container-body.mce-abs-layout {
    overflow: inherit !important;
}
.mce-checkbox {
    cursor: pointer;
    left: 0 !important;
    top: 31px !important;
}
.hddn_dropdwn:hover i.fa.fa-chevron-down {
    background-color: #ccc;
}
.hddn_dropdwn ul {
    list-style: none;
    margin: 0;
    display: none;
    background: #fff;
    width: 160px;
    right: 0;
    position: absolute;
    z-index: 9999;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.hddn_dropdwn ul li {
    width: 100%;
}
.hddn_dropdwn:hover ul {
    display: block;
}
.hddn_dropdwn ul li a {
    color: #000;
    font-size: 14px;
    font-weight: 100;
    line-height: 25px;
    display: block;
    font-weight: 100;
    white-space: nowrap;
    padding: 0 8px;
    text-decoration: none;
}
.hddn_dropdwn ul li a:hover {
    background-color: grey;
    color: #fff;
}
.suggest_sec {
    width: 100%;
    float: left;
}
.mmbr_uknow {
    width: 100%;
    background: #f7f7f7;
    float: left;
    position: relative;
    display: inline-block;
}
.mmbr_uknow:after {
    position: absolute;
    content: '';
    border-top: 10px solid #f7f7f7;
    border-left: 10px transparent solid;
    border-right: solid 10px transparent;
    right: 15%;
}
ul.suggest-mmbr {
    width: 100%;
    float: left;
    margin: 0;
    padding: 20px;
    background-color: #fff;
}
ul.suggest-mmbr li span.img {
    float: left;
    width: 15%;
    text-align: center;
}
ul.suggest-mmbr li:last-child {
    margin-bottom: 0;
}
ul.suggest-mmbr li {
    width: 100%;
    float: left;
    box-sizing: border-box;
    border: solid 1px #efefef;
    padding: 10px;
    position: relative;
    margin-bottom: 10px;
    padding-right: 0;
}
ul.suggest-mmbr li span.img img {
    border-radius: 50%;
    max-width: 50px;
}
.cntct-detail {
    float: right;
    width: 85%;
}
.cntct-detail span.nm {
    font-size: 17px;
}
.cntct-detail span.nm a {
    color: #000;
}
.mmbr_uknow span {
    width: 90%;
    padding: 10px;
    float: none;
    font-size: 16px;
    text-align: left;
    display: block;
    margin: auto;
    ;
}
.cntct-detail .addres {
    font-size: 13px;
    margin-top: 2px;
}
.cntct-detail .addres a {
    color: #990a7f;
    margin: 0 5px;
    margin-right: 10px;
}
.mmbr_uknow span a {
    font-size: 11px;
    margin-left: 15px;
}
ul.job_list {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0 20px;
    background-color: #fff;
    padding-top: 20px;
}
ul.job_list li {
    margin: 15px 0;
    width: 100%;
    float: left;
}
ul.job_list li img {
    float: left;
    border: solid 1px #f7f7f7;
    margin-right: 10px;
    max-width: 20%;
}
.jod-right {
    float: right;
    padding-left: 15px;
    width: 80%;
}
.jod-right .job-more {
    font-size: 12px;
    display: inline-block;
}
ul.rondom_news {
    float: left;
    background-color: #fff;
    margin: 0;
    width: 100%;
    border-radius: 2px;
    margin-top: 10px;
    padding: 10px;
}
ul.rondom_news li {
    margin-bottom: 20px;
}
ul.rondom_news li a {
    display: block;
    white-space: nowrap;
}
ul.rondom_news li p {
    margin: 0;
    font-size: 12px;
    margin-top: 0;
}
ul.rondom_news h4 {
    margin-top: 0;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
}
ul.rondom_news li:last-child a {
    float: right;
    font-size: 13px;
    text-decoration: underline;
}
.jod-right a {
    font-size: 17px;
    display: block;
}
.jod-right span {
    display: block;
    font-size: 12px;
}
.jod-right label {
    font-size: 12px;
    color: #a2a2a2;
}
.mmbr_uknow_media {
    float: left;
    margin-left: 15px;
    margin-top: -7px;
}
.mmbr_uknow_media a {
    float: left;
    font-size: 14px;
    display: block;
    color: #202d78;
}
.mmbr_uknow_media span {
    display: block;
    font-size: 12px;
    width: inherit;
    float: none;
}
.mmbr_list {
    width: 100%;
    float: left;
    padding: 20px;
    border-bottom: solid 1px #e6e2e2;
    background-color: #fff;
}
.mmbr_list:hover {
    background-color: #fafafa;
}
.mmbr_list .mmbr_media {
    max-width: 110px;
    float: left;
    overflow: hidden;
    width: 24%;
}
.mmbr_list .mmbr_media img {
    width: 100%;
}
.mmbr_media_object {
    float: right;
    margin-left: 20px;
    width: 71%;
    position: relative;
}
.mmbr_media_object a.cntct_nm {
    font-size: 16px;
    color: #202d78;
    text-decoration: none;
}
.mmbr_media_object a.cntct_nm span.profile {
    display: block;
    color: #000;
    font-size: 14px;
}
.mmbr_media_object a.cntct_nm span.comp {
    font-size: 12px;
    color: grey;
}
.add_btn {
    position: absolute;
    right: 15px;
    text-decoration: none;
    top: 50%;
    background: #990a7f;
    border: 0;
    padding: 5px 8px;
    color: #fff;
    font-size: 14px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    border-radius: 3px;
}
.groups.detail .post-list {
    padding-top: 21px;
    min-height: 500px;
    border-right: solid 1px #e7e7e7;
}
.find_cont {
    padding: 0;
    text-align: center;
    border: 0 !important;
}
.find_cont a {
    float: right;
    color: #202d78;
    font-size: 13px;
}
.updt_exprce {
    width: 100%;
    margin-top: 30px;
    float: left;
    background-color: #fff;
    border: solid 1px #e6e2e2;
}
.updt_exprce:last-child {
    margin-bottom: 30px;
}
.tmln_head {
    float: left;
    width: 100%;
    position: relative;
    padding: 20px;
}
.tmln_head .prfl_pic {
    float: left;
    width: 50px;
}
.tmln_head .prfl_pic img {
    width: 100%;
}
.updt_dtail {
    float: left;
    width: 85%;
    margin-left: 19px;
}
.updt_dtail .updt_nm {
    display: inline-block;
    font-size: 13px;
    width: 100%;
    color: #333;
}
.updt_dtail .updt_nm a {
    color: #202d78;
}
.updt_dtail .time {
    color: grey;
    font-size: 13px;
}
.updt_dtail .right_btn {
    float: right;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 23px;
    border: solid 1px #ccc;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    top: 20px;
}
.updt_dtail .right_btn a {
    font-size: 13px;
    color: #ccc;
    margin: auto;
    display: block;
}
ul.stts_rmov_list {
    background: #d6cdcd;
    width: 100px;
    margin: 0;
    display: none;
    position: absolute;
    right: 0;
}
.right_btn:hover ul.stts_rmov_list {
    display: block;
}
ul.stts_rmov_list li {
    width: 100%;
    display: block;
}
ul.stts_rmov_list li a {
    color: #000 !important;
}
ul.stts_rmov_list li a:hover {
    background-color: #383636;
    text-decoration: none;
    color: #fff !important;
}
.tmln_post {
    width: 100%;
    float: left;
    padding: 20px;
    font-size: 13px;
    color: grey;
    border-top: solid 1px #e6e2e2;
    background-color: #fff;
}
.tmln_post a {
    font-size: 14px;
    color: #202d78;
}
.lik_cmmnt {
    float: left;
    width: 100%;
    padding: 20px;
    background-color: #fff;
}
ul.cmmnt_icons {
    margin: 0;
}
ul.cmmnt_icons li {
    float: left;
    margin-right: 10px;
}
ul.cmmnt_icons li a {
    display: block;
    color: grey;
    border: solid 1px #b5b1b1;
    padding: 3px 6px;
    position: relative;
}
ul.cmmnt_icons li:hover a:after {
    opacity: 1;
}
ul.cmmnt_icons li a:after {
    position: absolute;
    content: attr(data-hover);
    background: black;
    left: 0;
    opacity: 0;
    transition: 300ms;
    -webkit-transition: 300ms;
    -ms-transition: 300ms;
    top: 110%;
    font-size: 11px;
    display: block;
    padding: 2px 5px;
    color: #fff;
}
.hm_right_sec {
    float: right;
    width: 288px;
    padding-left: 4px;
    box-sizing: border-box;
}
.prfl_visitor {
    width: 100%;
    background-color: #fff;
    padding: 10px;
    position: relative;
    float: left;
    border-top: 4px #202d78 solid;
}
.prfl_visitor h4,
.cntct_bday h4 {
    margin-top: 0;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 24px;
}
.prfl_visitor_cntnt {
    width: 100%;
    text-align: center;
    position: relative;
    min-height: 110px;
}
.prfl_visitor_cntnt img {
    max-width: 140px;
}
.prfl_visitor_cntnt a.more {
    display: inherit;
    text-align: left;
    clear: both;
    font-size: 13px;
}
.prfl_visitor_cntnt p {
    font-size: 14px;
    text-align: center;
    color: #676262;
}
.cntct_bday {
    width: 100%;
    float: left;
    background-color: #fff;
    padding: 10px;
    border-radius: 2px;
}
.cntct_bday p {
    margin-top: 0;
    font-size: 15px;
    text-align: center;
    color: #676262;
    border-bottom: solid 1px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.knct_mmbr_list {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    float: left;
    position: relative;
}
.knct_mmbr_list .knct_mmbr_img {
    float: left;
    width: 50px;
}
.knct_mmbr_list .knct_mmbr_img img {
    width: 100%;
    border-radius: 50%;
}
.knct_mmbr_right_dtail {
    display: block;
    float: right;
    margin-left: 0;
    width: 76%;
    padding-right: 28px;
}
.knct_mmbr_right_dtail span.reco-hint {
    color: grey;
    display: block;
    font-size: 12px;
}
.knct_mmbr_right_dtail a.reco-name {
    font-size: 16px;
    color: #202d78;
}
.clipped-text {
    font-size: 13px;
}
.knct_mmbr_list span.add_cntct_btn {
    position: absolute;
    right: 15px;
    top: 0;
    color: #000;
    display: block;
}
.knct_mmbr_list span.dlt_rcmndtion {
    position: absolute;
    right: 0;
    transition: 200ms;
    -webkit-transition: 200ms;
    -ms-transition: 200ms;
    background-color: #990a7f;
    color: #fff;
    top: 14px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    font-size: 11px;
    text-align: center;
    line-height: 25px;
}
.cntct_bday a.more {
    float: right;
}
.knct_mmbr_list span.dlt_rcmndtion a {
    font-weight: bold;
    color: grey;
    text-decoration: none;
}
footer {
    overflow: hidden;
    margin-top: 0;
    padding: 20px 0;
    padding-bottom: 17px;
    font-size: 14px;
    float: left;
    width: 100%;
    border-top: solid 2px #f5f5f5;
    font-weight: normal;
    background-color: #f9f9f9;
}
.footer-menu {
    width: 50%;
    overflow: hidden;
    margin: auto;
    float: right;
    margin-top: 15px;
}
.footer-left {
    width: 50%;
    float: left;
    margin-top: 8px;
}
.footer-left a {
    display: inline-block;
}
.footer-left a img {
    max-width: 120px;
}
.footer-left p {
    color: #858585;
    width: 50%;
    margin-top: 5px;
    margin-bottom: 0;
}
ul.foooter-list {
    margin: 0;
    width: 100%;
    float: left;
    text-align: right; font-weight:normal;
}
ul.foooter-list li {
    margin-bottom: 5px;
    display: inline-block;
    margin-right: 10px;
    color: #990a7f;
}
ul.foooter-list li:first-child {
    margin-right: 20px;
}
ul.foooter-list li a {
    color: #757575;
    font-size: 14px;
    padding-right: 15px;
    position: relative;
}
.chatsearchmsg {
    position: relative;
}
.chatsearchmsg i.fa.fa-search {
    position: absolute;
    top: 9px;
    left: 11px;
    color: #a59e9e;
}
.chatsearchmsg input {
    width: 100%;
    border: 0;
    border-bottom: solid 1px #e7e7e7;
    padding: 8px;
    padding-left: 35px;
}
ul.foooter-list li a:hover {
    text-decoration: underline;
}
ul.foooter-list li:last-child a:after {
    display: none;
}
ul.foooter-list li a:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 77%;
    right: 0;
    background-color: #8f8f8f;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    top: 50%;
}
.fb_iframe_widget {
    margin-top: 10px;
    width: 100% !important;
}
.fb_iframe_widget iframe,.fb_iframe_widget span,.fb_iframe_widget *{width: 100% !important;}


#skillsbox .skillb span {
    background-color: #000;
    padding: 0px 3px;
    font-size: 10px;
    color: #fff;
    border-radius: 50%;
    margin-top: 7px;
    margin-right: 5px;
    cursor: pointer;
}
.ftr_links {
    width: 33%;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
.ftr_links li {
    width: 100%;
    color: #fff;
    margin-bottom: 8px;
}
.ftr_links li:first-child {
    margin-bottom: 10px;
}
.mg-tp-50 {
    margin-top: 50px;
}
.mg-bt-50 {
    margin-bottom: 50px;
}
.ftr_links li a {
    color: red;
    color: #adaaaa;
}
.ftr_links li a:hover {
    color: #fff;
}
.hiden-d {
    display: none !important;
}
.timeline_cont {
    width: 100%;
    float: left;
}
.timlist:last-child {
    margin-bottom: 0;
}
.timlist {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    border-radius: 2px;
    padding-bottom: 0;
    margin-bottom: 12px !important;
    background-color: #fff;
	    border-bottom: 2px solid #9d0d80;
}
.timlist:last-of-type {
    margin-bottom: 0;
}
.hedr {
    width: 100%;
    float: left;
    position: relative;
    padding: 15px;
    padding-bottom: 0;
    padding-top: 10px;
}
.hedr a.back-erow {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
#myheaderid .prfl_img {
    position: absolute;
}
#myheaderid .prfl_img img {
    max-width: 40px;
}
#myheaderid .hdr_right {
    position: relative;
    padding-left: 50px;
    width: 100%;
    padding-bottom: 10px;
}
.hedr .prfl_img {
    width: 55px;
    float: left;
    overflow: hidden;
    padding-right: 10px;
    height: 55px;
    position: absolute;
    top: 10px;
}
.tab_contnt .hedr .prfl_img {
    top: 0;
}
.hedr .prfl_img img {
    width: 100%;
    padding-right: 0;
    border-radius: 50%;
    -webkit-transition: 200ms ease-in-out;
    -ms-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out;
}
.hedr .prfl_img img {
    width: 100%;
    border-radius: 50%;
    max-width: inherit;
    transition: 200ms ease-in-out;
    -webkit-transition: 200ms ease-in-out;
    -ms-transition: 200ms ease-in-out;
}
.hedr .hdr_right {
    float: left;
    text-align: left;
    width: 100%;
    padding-left: 55px;
    min-height: 45px;
    margin-top: -3px;
}
.reqstar {
    color: red;
}
.hdr_right {
    color: #9a9a9a;
}
.hdr_right a {
    display: inline-block;
    text-transform: capitalize;
    font-size: 16px;
    color: #333;
    margin: 0 4px;
    font-weight:800;
	    margin-top: 4px;
}
.hdr_right a:first-child {
    margin-left: 0;
}
.hdr_right .time {
    display: block;
    font-size: 13px;
    line-height: 12px;
    margin-top: 5px;
	    color: #657786 !important;
}
.tab_contnt .hdr_right .time {
    font-size: 12px;
}
.txtarea {
    float: left;
    width: 100%;
    padding-top: 10px;
    overflow: hidden;
    border-top: dotted 1px #e7e7e7;
    margin-top: 5px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
.timlist-fttr {
    float: left;
    width: 100%;
    border-top: solid 1px #e7e7e7;
    margin-top: 15px;
    font-size: 12px;
}
.timlist-fttr a {
    padding: 15px 0;
    display: block;
}
.timlist-fttr i.fa {
    margin-right: 5px;
    font-size: 15px;
}
.timlist-fttr table {
    padding: 0 15px;
}
.edit_box .edit-layer a.close i.fa:after {
    content: 'Close';
    -webkit-text-stroke: 0;
    text-stroke: 0;
}
.edit_box a.close {
    -webkit-text-stroke: 1px #eeeeee;
    text-stroke: 1px #eeeeee;
}
.txtarea iframe {
    margin-top: 10px;
}
.txtarea div {
    text-align: left;
}
.txtarea a table div div {
    color: #990a7f !important;
}
.txtarea img {
    max-width: 100%;
    max-height: 500px;
    display: block;
    margin: auto;
}
.txtarea p {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.txtarea h2 {
    padding: 0 !important;
}
ul.tmln_fttr li {
    width: auto;
    float: left;
    position: relative;
}
ul.tmln_fttr {
    width: 100%;
    float: left;
    margin: 0;
    padding: 10px;
    margin-bottom: 10px;
}
ul.tmln_fttr li a {
    text-decoration: none;
    color: #909090;
    font-size: 12px;
    padding: 5px 13px;
    display: block;
}
ul.tmln_fttr li a .tltp {
    display: inline-block;
    padding: 1px 5px;
    position: absolute;
    color: #1c267a;
    font-size: 9px;
    border-radius: 50%;
    margin-left: 4px;
    right: 0;
    top: 5px;
}
.success {
    padding-bottom: 5px;
    color: #00CC00;
}
.erorfldcls {
    color: #FF0000;
    font-size: 12px;
    margin-bottom: 5px;
    display: none;
}
.error_message,
.messagebox,
.frm_err_msg {
    font-size: 12px;
    margin-top: 6px;
}
.error-messages {
    display: block;
    font-size: 12px;
    color: #a90000;
    background-color: #ffbfbf;
    padding: 4px 7px;
    border: 1px solid #a90000;
    line-height: 16px;
}
.error-messages-2 {
    display: block;
    font-size: 12px;
    color: #a90000;
    background-color: #ffbfbf;
    padding: 4px 7px;
    border: 1px solid #a90000;
    line-height: 16px;
}
.red_error {
    display: block;
    font-size: 12px;
    color: #a90000;
    background-color: #ffbfbf;
    padding: 4px 7px;
    border: 1px solid #a90000;
    line-height: 16px;
}
.error-messages-3 {
    display: block;
    font-size: 12px;
    color: #a90000;
    background-color: #ffbfbf;
    padding: 4px 7px;
    border: 1px solid #a90000;
    line-height: 16px;
}
.updt_frfl form .half:nth-child(2) {
    float: right;
}
.updt_frfl form .half {
    width: 49%;
    float: left;
}
.updt_frfl form label {
    display: block;
    margin-bottom: 3px;
    font-size: 12px;
    color: #8b8989;
}
textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */

    color: #909090;
}
textarea::-moz-placeholder {
    /* Firefox 19+ */

    color: #909090;
}
::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */

    color: #909090;
}
::-moz-placeholder {
    /* Firefox 19+ */

    color: #909090;
}
:-ms-input-placeholder {
    /* IE 10+ */

    color: #909090;
}
:-moz-placeholder {
    /* Firefox 18- */

    color: #909090;
}
.updt_frfl form input,
.updt_frfl form select {
    width: 100%;
    height: 35px;
    box-sizing: border-box;
    padding-left: 5px;
    border: solid 1px #a7a7a7;
    margin-bottom: 10px;
    border-radius: 2px;
}
.birth select {
    background-position-x: 94%;
}
.updt_frfl form input {
    padding-left: 10px;
}
.updt_frfl h3 {
    margin: 0;
    margin-bottom: 30px;
    color: #000;
    font-size: 18px;
    font-weight: normal;
    font-weight: normal;
}
button.svbtn {
    background-color: #990a7f;
    border: 0;
    color: #fff;
    padding: 8px 15px;
    float: right;
    border-radius: 2px;
}
.grw_ntwrk {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 20px;
}
.grw_ntwrk h2 {
    font-size: 13px;
    margin-top: 0;
    font-weight: 500;
    margin-bottom: 0;
    color: #000;
}
form.invite {
    width: 100%;
    float: left;
    background-color: #e7e7e7;
    padding: 10px;
}
form.invite input {
    width: 300px;
    height: 40px;
    box-sizing: border-box;
    float: left;
    border: solid 1px #ccc;
    padding-left: 10px;
    border-radius: 2px;
}
form.invite button {
    background-color: #990a7f;
    border: 0;
    padding: 0 30px;
    line-height: 39px;
    color: #fff;
    border-radius: 2px;
    float: left;
    font-size: 18px;
    margin-left: 15px;
}
button {
    cursor: pointer;
}
button:hover {
    opacity: 0.8;
}
.grw_ntwrk h3 {
    margin-top: 20px;
    float: left;
    margin-bottom: 0;
    font-size: 18px;
}
.grw_ntwrk .secrh form.invite {
    background-color: inherit;
    border-bottom: solid 1px #ccc;
}
.grw_ntwrk .secrh {
    float: left;
    width: 100%;
}
ul.cntct_list {
    float: left;
    width: 100%;
    margin-top: 20px;
}
ul.cntct_list li {
    width: 24%;
    float: left;
    position: relative;
    padding: 20px;
    background-color: #eee;
    margin-right: 8px;
    height: 325px;
    margin-bottom: 8px;
}
ul.cntct_list li:nth-child(4),
ul.cntct_list li:nth-child(8),
ul.cntct_list li:nth-child(12),
ul.cntct_list li:nth-child(16),
ul.cntct_list li:nth-child(20),
ul.cntct_list li:nth-child(24),
ul.cntct_list li:nth-child(28) {
    margin-right: 0;
}
.add-contct-list {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    min-height: 250px;
}
.add-contct-list img {
    width: 100%;
    border-radius: 50%;
}
span.txtip {
    position: absolute;
    right: 10px;
    background-color: #fff;
    color: #000;
    line-height: 14px;
    font-size: 11px;
    padding: 3px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 20px;
    height: 20px;
    text-align: center;
}
.add-contct-list a.nm {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #990a7f;
}
.add-contct-list .compny {
    display: block;
    padding: 0;
    font-size: 12px;
}
#prgroup ul#loadgrouplist {
    height: 445px;
}
#prgroup .chats {
    height: 430px;
}
#prgroup .grp-ttl {
    font-size: 15px !important;
    margin-top: 0 !important;
}
.add-contct-list .prfl {
    display: block;
    color: #787878;
    font-size: 13px;
}
ul.cntct_list li a.svbtn {
    background-color: #990a7f;
    border: 0;
    color: #fff;
    padding: 5px 25px;
    float: right;
    border-radius: 2px;
    text-decoration: none;
    margin-top: 11px;
}
.edit_box {
    width: 100%;
    float: left;
    background-color: #eee;
    position: relative;
    margin-bottom: 15px;
}
.edit_box .edit-layer {
    float: left;
    width: 100%;
    padding: 15px;
}
.edit_box .edit-layer h2 {
    margin: 0;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 15px;
}
.edit_box .edit-layer ul {
    margin: 0;
    padding: 0;
}
.edit_box .edit-layer ul li {
    padding: 0;
    border: 0;
    width: 100%;
    background-color: inherit;
    box-shadow: inherit;
    margin-bottom: 15px;
}
.edit_box .edit-layer ul li input {
    height: 35px;
    border: solid 1px #ddd;
    width: 96%;
    padding-left: 10px;
    box-sizing: border-box;
}
ul.textfieldwithdropddown li input {
    width: 65% !important;
    float: left;
    margin-right: 5px;
}
ul.textfieldwithdropddown li select {
    width: 46%;
    height: 35px;
    float: left;
    border: solid 1px #ddd;
    margin-top: 0;
    padding-left: 10px;
    margin-right: 10px;
    background-position-x: 94%;
}
.edit_box .edit-layer ul li .remove {
    background-color: rgba(0, 0, 0, 0.5);
    height: 17px;
    width: 17px;
    display: block;
    padding-left: 2px;
    text-align: center;
    color: #fff;
    line-height: 12px;
    font-size: 29px;
    border-radius: 50%;
    float: right;
    padding-right: 2px;
    margin-top: 8px;
}
.submit-now {
    float: left;
    width: 100%;
    padding: 0 15px;
    text-align: right;
}
.submit-now button {
    background-color: #990a7f;
    padding: 7px 15px;
    border-radius: 2px;
    border: 0;
    color: #fff;
    text-decoration: none;
}
.submit-now .cancel {
    background-color: inherit;
    border: 0;
    color: #990a7f;
    text-transform: capitalize;
}
.grw_ntwrk.contact h3 {
    margin-top: 0;
    width: 100%;
}
.grw_ntwrk.contact h3 a {
    float: right;
    font-size: 12px;
    line-height: 24px;
    border-radius: 2px;
    color: #fff;
    padding: 5px 25px;
    text-decoration: none;
    background-color: #990a7f;
}
a.add_contacts {
    background-color: #25b85d;
    padding: 15px 45px;
    color: #fff;
    text-decoration: none;
    border-radius: 2px;
}
.my-message {
    background-color: #fff;
    width: 100%;
    float: left;
}
.my-message.grup-dtail {

    border-radius: 2px;
}
div#msgchat {
    float: left;
    width: 70%;
}
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {
    background-color: #f2f2f2;
}
::-webkit-scrollbar-thumb {
    background-color: #bfbebe;
    border-radius: 50px;
}
.chat_list.mmbr ul.cht_mmbr_list {
    height: auto;
    max-height: 486px;
}
ul.cht_mmbr_list.message li .chat-cont-user-list.active {
    background-color: rgb(231, 231, 231);
}
.my-message.grup-dtail .right-cht-had a {
    font-size: 15px;
    color: #676767;
}
.chat_list {
    width: 30%;
    float: left;
    border-right: solid 1px #e7e7e7;
}
#prgroup .chat_list {
    border-right: 0;
}
.my-message.grup-dtail .chat_list.mmbr {
    width: 216px;
}
#loadgroupuserlist li .add-frnd a {
    color: #fff;
}
#prgroup {
    border: 0;
    margin-top: 0;
}
.bgcolororange{background-color: #ff7800 !important;}
.frfl-img span.tltp {
    background-color: #990a7f;
    position: absolute;
    right: 0;
    top: 5px;
    color: #fff !important;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
}
ul.cht_mmbr_list {
    width: 100%;
    float: left;
    margin: 0;
    height: 393px;
    overflow-y: auto;
}
#msgusers {
    height: 486px;
}
ul#loadgrouplist li span {
    padding-right: 0;
    color: #a0a0a0;
}
.searchfldbox .cht_mmbr_list {
    max-height: 193px;
    overflow: auto;
}
.searchfldbox{box-shadow: 0 4px 8px rgba(0,0,0,.15) !important;}
.group-sec span span {
    width: inherit;
    display: block;
}
ul.cht_mmbr_list li img {
    max-width: 35px;
    float: left;
    margin-right: 5px;
    border-radius: 50%;
}
ul.cht_mmbr_list li {
    width: 100%;
    float: left;
    position: relative;
    padding: 12px;
    border-bottom: solid 1px #e7e7e7 !important;
    padding-left: 5px;
}
.heddr.private-group img {
    top: 50% !important;
    transform: translateY(-50%);
}
.heddr.private-group {
    padding: 15.5px;
}
.heddr.private-group .right-cht-had {
    padding-left: 30px !important;
}
.heddr.private-group .right-cht-had .btn-going {
    right: -16px;
    position: absolute;
    top: -6px;
}
.chat_list h3 {
        margin-top: 0;
    border-bottom: solid 1px #e7e7e7;
    padding: 15.5px;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 15px;
    color: #fff;
    padding-left: 14px;
    background: #9d0d80;
}
.bulkmsg i {
	color:#fff;
}
.chat_list h3 a.bulkmsg {
    float: right;
    margin-right: 0;
    font-size: 20px;
    line-height: 0;
    color: #990a7f;
}
ul.cht_mmbr_list li span {
    display: inherit;
    font-size: 12px;
    padding-right: 100px;
}
.timlist ul.cht_mmbr_list li span {
    padding-left: 40px;
}
ul.cht_mmbr_list li .frfl-img {
    position: relative;
    float: left;
}
.timlist .txtarea ul.cht_mmbr_list li button {
    background-color: #ffbf09;
}
div#groupcontactinner ul li .frfl-img {
    float: none;
}
.frfl-img a {
    font-size: 12px;
    font-weight: bold;
}
ul.cht_mmbr_list li .frfl-img strong {
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
    white-space: nowrap;
    width: 142px;
    font-size: 14px;
    color: #676767;
    display: block;
}
ul.cht_mmbr_list li a {
    font-weight: 600;
    font-size: 14px;
    color: #676767;
}
ul.cht_mmbr_list li.active {
    background-color: #f9f8f8;
}
ul.cht_mmbr_list li:last-child {
    border-bottom: 0;
}
ul.cht_mmbr_list.pending li {
    position: relative;
    padding-right: 160px;
    border-bottom: solid 1px #e7e7e7 !important;
}
ul.cht_mmbr_list.pending li .pnding-btn {
    position: absolute;
    right: 10px;
    top: 15px;
}
ul.cht_mmbr_list.pending li:hover {
    background-color: #ededed;
}
ul.cht_mmbr_list.pending li:last-child {
    border-bottom: solid 1px #ededed;
}
.search-friend {
    width: 100%;
    float: left;
    position: relative;
    border-bottom: solid 1px #e7e7e7;
}
.search-friend input {
    width: 100%;
    position: relative;
    border: 0;
    font-size: 15px;
    padding: 10px 9px;
    padding-right: 40px;
}
.search-friend img {
    position: absolute;
    right: 20px;
    top: 12px;
}
.grp-setin-frm {
    width: 100%;
    float: left;
    padding-bottom: 15px;
}
.grp-setin-frm label {
    display: block;
    margin: 10px 0;
    float: left;
    width: 100%;
}
button.grp_dtail-btn {
    clear: both;
    display: block;
    padding: 5px 16px;
    background-color: #990a7f;
    color: #fff;
    border: 0;
    font-size: 15px;
    margin-top: 10px;
    float: right;
    border-radius: 2px;
}
.deactivategrp {
    padding: 5px 10px;
    background-color: #fff;
    border: solid 1px #ea4436;
    display: inline-block;
    font-size: 13px;
    color: #ea4436 !important;
    float: left;
}
.textarea,
.input {
    width: 100%;
    float: left;
    border: solid 1px #e7e7e7;
    padding: 10px;
    border-radius: 2px;
}
.grp-setin-frm .status {
    display: block;
    margin: 10px 0;
    width: 100%;
    float: left;
    padding-bottom: 20px;
    border-bottom: solid 1px #e7e7e7;
    margin-bottom: 20px;
}
.grp-setin-frm .status span {
    float: left;
    margin-right: 10px;
    line-height: 35px;
}
.status input#imagefile {
    margin-top: 8px;
}
.dlt-grup a {
    display: block;
    color: red;
    padding-bottom: 10px;
}
.dlt-grup span {
    color: #b5b5b5;
    font-size: 11px;
}
.dlt-grup span strong {
    color: #000;
}
.dlt-grup {
    width: 100%;
    float: left;
    text-align: center;
    padding: 50px;
    padding-bottom: 30px;
}
.grp-setin-frm .status select {
    padding: 4px 10px;
    background-position: 85% 50%;
    padding-right: 30px !important;
    border: solid 1px #e7e7e7;
}
.grp-setting h2 {
    font-size: 19px;
    font-weight: 500;
    border-bottom: solid 1px #e7e7e7;
    padding-bottom: 10px;
}
select,
input[type="text"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    padding-right: 19px !important;
}
select {
    background-image: url(../images/down.png);
    background-repeat: no-repeat;
    background-position: 97% 50%;
    background-size: 10px;
}
.grp-setting {
    width: 100%;
    float: left;
    padding-bottom: 20px;
}
ul.joining-requests-list li .rquest-box {
    width: 100%;
}
ul.joining-requests-list li .rquest-middle a.nm {
    font-size: 18px;
    text-transform: capitalize;
}
ul.joining-requests-list li .rquest-middle span.timelinecontantsubline {
    font-size: 16px;
}
ul.joining-requests-list li .rquest-middle a {
    font-size: 16px;
}
ul.joining-requests-list li .rquest-box .add-frnd a {
    padding: 5px 20px;
    font-size: 15px;
}
ul.joining-requests-list li .rquest-box .add-frnd {
    top: 1px;
    right: 0;
    position: absolute;
}
ul.joining-requests-list li .rquest-box a.rqst-img img {
    max-width: 70px;
}
ul.joining-requests-list li .rquest-box .rqst-right {
    padding-left: 60px;
    padding-top: 0;
    padding-bottom: 14px;
}
ul.joining-requests-list li {
    position: relative;
}
ul.joining-requests-list li .rquest-box .rquest-middle {
    padding-right: 220px;
}
.pnding-btn a {
    text-decoration: none;
    background-color: #b0d400;
    font-size: 13px;
    padding: 4px 15px;
    display: block;
    float: left;
    color: #fff;
    border-radius: 2px;
}
.pnding-btn a.decline {
    background-color: #adabab;
    margin-left: 5px;
}
.intrs-list {
    width: 100%;
    float: left;
    padding: 0;
    margin-bottom: 15px;
    padding-top: 0;
}
.intrs-list ul.list {
    margin: 0;
}
.intrs-list ul.list li {
    display: inline-block;
    background-color: #e6e9ec;
    padding: 5px 20px;
    line-height: 24px;
    box-shadow: inherit;
    width: auto;
    font-size: 16px;
    color: rgba(0, 0, 0, .55);
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    border-radius: 15px;
    margin-bottom: 0;
    border-bottom: 0;
}
ul.list.language li {
    width: 100%;
    position: relative;
    z-index: 99;
    background-color: #efefef;
    border-radius: 2px;
    padding: 0 10px;
    height: 6px;
    margin-bottom: 5px;
    font-weight: 600;
    margin-top: 25px;
    overflow: inherit;
}
ul.list.language li span {
    position: absolute;
    z-index: 999;
    font-size: 13px;
    line-height: inherit;
    height: inherit;
    top: -28px;
    left: 1px;
}
ul.list.language li.color25:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    background-color: #999;
    width: 25%;
    height: 100%;
    z-index: -1;
    border-radius: 4px 0 0 4px;
}
ul.list.language li.color50:before {
    position: absolute;
    content: '';
    width: 50%;
    height: 100%;
    background-color: #9f00a4;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: 4px 0 0 4px;
}
ul.list.language li.color75:before {
    position: absolute;
    content: '';
    width: 75%;
    height: 100%;
    background-color: #1fabdb;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: 4px 0 0 4px;
}
ul.list.language li.color100:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #b0d400;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: 2px;
}
ul.list.language li.color0:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #cecece;
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: 15px 0 0 15px;
}
#prgroup .chat_box {
    width: 61%;
    float: left;
    padding: 0;
    border-right: solid 1px #e7e7e7;
    border-left: solid 1px #e7e7e7;
}
.chat_box .heddr {
    float: left;
    background-color: #fff;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    min-height: 41px;
    border-bottom: solid 1px #e7e7e7;
}
div.aw-widget-current-inner {
    padding-bottom: 2px!important;
}
div.aw-widget-current-inner div.aw-widget-content {
    color: #000!important;
    border: 2px solid #e9e9e9!important;
    background-image: none !important;
    border: 0px !important;
    height: auto !important;
}
div.aw-widget-current-inner div.aw-widget-content {
    color: #000!important;
    border: 0px solid #ffffff!important;
}
.aw-current-weather-inner {
    max-width: 100% !important;
    margin: 0 auto!important;
    position: relative!important;
}
div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather div.aw-current-weather-inner {
    max-width: 100% !important;
    margin: 0 auto!important;
    position: relative!important;
}
div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather span.aw-icon {
    float: left!important;
    width: 22%!important;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    background-size: 180px auto!important;
    display: block!important;
    height: 53px!important;
    margin-top: 8px!important;
    background-size: 148px !important;
    position: absolute;
    right: -23px;
    top: -18px;
    background-color: #ffffff;
}
div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather h3 {
    float: left!important;
    font-size: 17px!important;
    font-weight: 700!important;
    margin: 0!important;
    padding: 6px 0 0!important;
    width: 40%!important;
    line-height: normal!important;
    color: #888;
    font-weight: normal !important;
    background-color: white;
    text-align: left;
}
div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather p span.aw-temperature-today {
    display: block!important;
    font-size: 20px!important;
    line-height: 1em!important;
    text-align: center!important;
    padding-top: 16px !important;
    position: absolute;
    padding-left: 0 !important;
    left: 170px !important;
    top: -10px;
    color: #828282;
}
div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather p time {
    font-size: 10px!important;
    display: block!important;
    margin-top: 0px!important;
    text-align: center!important;
    text-align: left !important;
    padding-left: 23px;
    color: #888;
}
div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather p span.aw-weather-description {
    font-size: 12px!important;
    line-height: 1.5em!important;
    display: block!important;
    margin-top: 6px!important;
    text-align: center!important;
    text-align: left !important;
    padding-left: 22px !important;
    color: #888;
    margin-top: -2px !important;
}
ul.cht_mmbr_list.message li {
    padding: 0;
    border-bottom: 0;
}
ul.cht_mmbr_list.message li .chat-cont-user-list .chat-cont-user-list-right {
    width: 100%;
    display: block;
    padding-left: 50px;
    min-height: 40px;
}
ul.cht_mmbr_list.message li .chat-cont-user-list .chat-cont-user-list-right .chat-cont-user-list-name {
    padding-top: 0;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 15px;
}
ul.cht_mmbr_list.message li .chat-cont-user-list .chat-cont-user-list-right .chat-cont-user-list-company {
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.chat_box .heddr img {
    position: absolute;
    left: 14px;
    max-width: 33px;
    border-radius: 50%;
    top: 3px;
}
.my-message .chat_box .heddr img {
    left: 10px;
    top: 7px;
    max-width: 24px;
}
.my-message .right-cht-had {
    padding-left: 45px !important;
}
.chat_box .heddr .right-cht-had {
    position: relative;
    width: 100%;
    padding-left: 55px;
    float: left;
    box-sizing: border-box;
}
#msgchat .heddr .right-cht-had {
    padding-left: 10px !important;
    padding: 8px;
}
.my-message .chat_box .heddr .right-cht-had span {
    margin-top: 0px;
    padding-bottom: 0;
    font-size: 12px;
}
.my-message .right-cht-had .grp-ttl {
    font-size: 14px !important;
    margin-top: 0 !important;
    font-weight: 600;
}
.chats {
    width: 100%;
    float: left;
    height: 358px;
    overflow: auto;
    background-color: white;
}
.chat_fttr {
    width: 100%;
    background-color: #f3f6f8;
    float: left;
    padding: 10px;
    position: relative;
}
.grp-chat-fttr input {
    width: 100%;
    padding: 10px;
    padding-right: 60px;
    border: solid 1px #e7e7e7;
    border-radius: 2px;
}
.grp-chat-fttr {
    width: 100%;
    float: left;
    position: relative;
}
.grp-chat-fttr button {
    right: 1px;
    top: 1px;
    line-height: inherit !important;
    position: absolute;
    padding: 10px;
    text-transform: capitalize;
    padding-bottom: 8px;
}
ul.emozi {
    width: 100%;
    float: left;
    margin: 0;
}
ul.emozi li:first-child {
    margin-left: 0;
}
ul.emozi li.atach {
    margin-top: 4px;
}
ul.emozi li a:hover {
    background-color: #bbbbbb;
    color: #fff;
}
ul.emozi li a {
    display: block;
    color: #000;
    padding: 6px 9px;
    transition: 200ms;
    -webkit-transition: 200ms;
    -ms-transition: 200ms;
}
ul.emozi li {
    float: left;
    width: auto;
    margin: 0 5px;
}
ul.emozi li.emogi {
    float: left !important;
    margin: 0 !important;
    position: relative;
}
ul.emoji-list li {
    display: inline-block;
    width: 27px;
    margin: 0;
    float: none;
    height: 35px;
}
.chat-inpt ul.emoji-list {
    left: -107px !important;
    bottom: 45px !important;
}
ul.emoji-list li a:hover {
    background-color: inherit;
}
ul.emoji-list li a {
    padding: 0 !important;
    margin-top: 0 !important;
    margin-right: 0;
    margin-bottom: 0;
}
ul.emozi li.emogi ul.emoji-list {
    position: absolute;
    width: 228px;
    bottom: 40px;
    text-align: center;
    background-color: #fff;
    left: -110px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    padding: 10px;
    border-radius: 5px;
}
ul.emoji-list li a img {
    width: 80%;
    opacity: 0.8;
}
ul.emoji-list li a img:hover {
    opacity: 1;
}
ul.emozi li.emogi a.emoji-toggle {
    position: relative;
    top: 0;
    font-size: 19px;
    left: -4px;
    color: #848282;
}
ul.emoji-list:after {
    position: absolute;
    content: '';
    bottom: -9px;
    left: 48%;
    width: 20px;
    height: 20px;
    background-color: white;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    box-shadow: 2px 2px 4px -1px rgba(0, 0, 0, 0.3);
    z-index: 7;
}
ul.emozi li.emogi a.emoji-toggle:hover {
    background-color: inherit;
}
li.emogi ul.emoji-list {
    display: none;
}
.send-sec {
    padding: 8px 16px;
    float: right;
    color: #a9a9a9;
    font-size: 12px;
    position: relative;
    padding-right: 5px;
}
.chat_fttr textarea {
    width: 100%;
    float: left;
    padding: 10px;
    border: 0;
    resize: none;
    border-bottom: solid 1px #e7e7e7;
    padding-left: 10px;
}
.chat_fttr textarea:focus {
    border-color: #e7e7e7 !important;
}
.post-cnt br {
    display: block !important;
}
.timlist .timlist {
    width: 100%;
    z-index: 1;
    float: none;
    overflow: hidden;
    margin: auto;
}
.timlist.sharedt {
    box-shadow: inherit;
    padding-top: 0;
	pointer-events: all !important;
}
.chat-inpt {
    float: left;
    width: 100%;
    border: solid 1px #e8e8e8;
    position: relative;
    background-color: #fff;
}
.send-sec span {
    margin-top: 3px;
    display: inline-block;
}
div#msgchat .send-sec button {
    line-height: 16px;
    margin-top: 2px;
}
div#msgchat .send-sec ul.send-list {
    left: inherit;
    display: none;
    right: -8px;
    bottom: 100%;
    top: inherit;
    margin-bottom: 10px;
}
div#msgchat .send-sec ul.send-list:after {
    left: inherit;
    right: 10px;
    bottom: -8px;
}
.chat_fttr button {
    float: left;
    width: 10%;
    min-width: 50px;
    background-color: #990a7f;
    border: 0;
    color: #fff;
    font-size: 15px;
    border-radius: 0px 3px 3px 0;
    line-height: 30px;
}
.chat_box .heddr .right-cht-had span {
    display: block;
    font-size: 13px;
    color: #ababab;
}
.right-cht-had .grp-ttl {
    font-size: 18px;
    margin-top: 7px;
}
.groups {
    width: 100%;
    float: left;
    border-radius: 2px;
    overflow: hidden;

}
.bx-shadow {
    overflow: hidden;
    border-radius: 2px;
}
.grp_banner {
    background-image: url(../images/groupbannernew.png);
    height: 304px;
    background-size: cover;
    background-position: 0 0;
    background-color: inherit;
    text-shadow: 1px 1px 2px #1f5c9d;
    background-repeat: no-repeat;
    width: 100%;
    background-blend-mode: multiply;
    float: left;
    height: 305px;
    position: relative;
    border-radius: 2px 2px 0 0;
}
.artcle.comp-profile ul.cntr_tab ~ ul.compny-joblist {
    border-top: 0;
}
.grp_banner.compnybnr {
    background-image: url(../images/company-profile.jpg);
}
.postjobbtn2 {
    background-color: #990a7f;
    padding: 6px 13px;
    display: inline-block;
    border-radius: 2px;
    color: #fff;
    font-size: 18px;
    padding-left: 12px;
    margin: 0 10px;
}
.postjobbtn2 i.fa {
     margin-right: 6px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background-color: #fff;
    color: #38b055;
    border-radius: 50%;
    font-size: 15px;
}
.grp_banner.prjct {
    padding: 75px 170px;
    text-shadow: inherit !important;
}
ul#notice-list .rquest-middle {
    padding-right: 30px;
}
.share-popup .popup-fttr button {
    display: inline-block;
}
.trnding-group {
    background-color: #fff;
    float: left;
    width: 100%;
}
.grp-reqsteccpt {
    color: #990a7f;
    text-align: center;
}
.trnding-group h2 {
    padding-top: 15px;
    width: 100%;
    float: left;
    padding-left: 15px;
    border-bottom: solid 1px #e7e7e7;
    padding-bottom: 15px;
    margin-bottom: 0;
}
h1.headline.grp {
    font-size: 28px;
    padding-top: 80px;
}
.grp_banner .headline {
    color: #fff;
    font-weight: 300;
    text-align: center;
    width: 90%;
    margin: auto;
    text-shadow: 1px 1px 2px #5f5f5f;
    margin-bottom: 20px;
    text-transform: capitalize;
    margin-top: 5px;
    font-size: 22px;
    line-height: 1.11905em;
}
.grp_banner.compnybnr .tag {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    text-align: left;
    padding-left: 436px;
    margin-top: 60px;
    margin-bottom: 10px;
}
.grp_banner.compnybnr h1.headline {
    padding-left: 390px;
    text-align: left;
    font-size: 18px;
}
.grp_banner.compnybnr form.grp-search.single {
    width: 380px;
    float: right;
    padding: 0;
    margin-right: 79px;
}
.grp_banner.compnybnr form.grp-search.single button.srch {
    background-color: #1f5c9d;
    line-height: 42px;
    padding: 0 14px;
}
ul.grp-tab {
    margin: 0;
    border-bottom: solid 1px #e7e7e7;
    overflow: hidden;
}
ul.grp-tab li {
    float: left;
    width: 33.33%;
    background-color: #fff;
    position: relative;
}
ul.grp-tab li.active {
    background-color: #e7e7e7;
}
ul.grp-tab li a {
    background-color: #fff;
    display: block;
    padding: 15px;
    position: relative;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}
ul.grp-tab li a:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 60%;
    background-color: #e7e7e7;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
ul.grp-tab li:last-child a:after {
    display: none;
}
ul.grp-tab li a.active {
    background-color: #f0f0f0;
}
#grpsearch {
    width: 47%;
    float: none;
    padding: 0;
    text-align: center;
}
form.grp-search {
    width: 100%;
    margin: auto;
    float: left;
    position: relative;
    margin-bottom: 40px;
    padding: 0 70px;
}
.srchinput {
    width: 270px;
    float: left;
    padding-right: 10px;
    box-sizing: border-box;
}
.srchinput label {
    font-size: 22px;
    display: block;
    color: #fff;
    font-weight: 600;
    margin-bottom: 3px;
}
.srchinput input,
.srchinput select {
    width: 100%;
    padding: 10px;
    border: solid 1px #e7e7e7;
    border-radius: 2px;
}
.srchinput.radius {
    width: 150px;
}
.srchinput label span {
    font-weight: 100;
    font-size: 13px;
}
#grpsearch button {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0px;
    padding: 0;
    border-radius: 0 2px 2px 0;
    height: 39px;
    outline: none;
    width: 65px;
}
.frlncr_box .full-dtail i.fa {
    margin-right: 10px;
}
#grpsearch input {
    width: 100%;
    height: 39px;
    border: 0;
    border-radius: 3px;
    position: relative;
    padding-right: 60px;
}
.grp-search input:focus {
    border-color: #e7e7e7 !important;
}
form.grp-search button {
    padding: 12px;
    margin-top: 30px;
    background-color: #990a7f;
    border: 0;
    border-radius: 2px;
    color: #fff;
}
form.grp-search.single {
    width: 380px;
    float: none;
    padding: 0;
}

.grp-search input {
    width: 100%;
    padding: 11px;
    border: 0;
    padding-right: 40px;
    border-radius: 3px;
    position: relative;
    border: solid 1px #e7e7e7;
}
form.grp-search.single button {
    position: absolute;
    margin-top: 0;
    right: 0;
    top: 0;
    background-color: #990a7f;
    padding: 11px 22px;
    border-radius: 0 2px 2px 0;
}
form.grp-search.single button.srch {
    padding: 12px 14px;
}
.grp-fttr {
    float: left;
    background-color: #e7e7e7;
    width: 100%;
    padding: 0;
    text-align: center;
    color: #636363;
}
ul.mmbr-grp-list {
    width: 100%;
    float: left;
    margin: 0;
}
ul.mmbr-grp-list li {
    float: left;
    background-color: #fff;
    padding: 15px;
    width: 100%;
    border-bottom: solid 1px #e7e7e7;
}
ul.mmbr-grp-list li .list_column {
    width: 50%;
    float: left;
}
ul.mmbr-grp-list li .list_column:nth-child(1) {
    padding-right: 10px;
}
ul.mmbr-grp-list li .list_column:nth-child(2) {
    border-left: dotted 1px #e7e7e7;
}
ul.mmbr-grp-list li .list_column.group-sec {
    position: relative;
    float: left;
    width: 100%;
}
.group-sec {
    position: relative;
}
.group-sec .join-btn {
    width: 25%;
    position: absolute;
    right: 0;
    top: 0;
}
.join-btn .konectt-btn {
    float: right;
}
.group-sec img {
    width: 60px;
    height: 60px;
    left: 0;
    border-radius: 50%;
    position: absolute;
}
.group-sec .edit-grp {
    padding-left: 70px;
    min-height: 60px;
    padding-right: 100px;
}
.grp-dtail-had a.btn {
    position: absolute;
    right: 0;
    top: -12px;
    padding: 8px 15px 8px 10px;
}
.grp-dtail-had a.btn i.fa {
    padding-right: 5px;
}
.group-sec span {
    display: block;
    float: left;
    width: 72%;
    font-size: 14px;
}
.grp-dtail-had .group-sec span {
    padding-left: 70px;
    width: 100%;
    min-height: 65px;
}
ul.mmbr-grp-list li .list_column .group-sec span {
    width: 100%;
    padding-left: 70px;
    min-height: 60px;
}
.group-sec span .grp-desc-info {
    font-size: 13px;
    color: #909090;
}
.project-faq {
    float: left;
    width: 100%;
    background-color: #fff;
}
.project-faq .main {
    padding: 0 15px 15px;
}
ul.prjct-list {
    margin: 0;
    list-style: none;
    text-align: center;
    background-color: #fff;
    border-bottom: solid 1px #e7e7e7;
}
ul.prjct-list li {
    display: inline-block;
    border-right: solid 1px #e7e7e7;
    margin-left: -3px;
}
ul.prjct-list li:last-of-type {
    border-right: 0;
}
ul.prjct-list li a {
    display: block;
    padding: 10px 20px;
    text-decoration: none;
}
.artcle .hm_right_sec {
    width: 38%;
}
ul.prjct-list li a.active {
    background-color: #f3f3f3;
}
ul.prjct-list li a i.fa {
    display: block;
    width: 30px;
    height: 30px;
    background-color: #bdbdbd;
    line-height: 30px;
    transition: 200ms;
    -webkit-transition: 200ms;
    -ms-transition: 200ms;
    margin: auto;
    color: #fff;
    border-radius: 50%;
}
ul.prjct-list li a.active i.fa {
    background-color: #990a7f;
}
ul.prjct-list li a span {
    display: block;
    text-align: center;
    margin-top: 5px;
    font-weight: 600;
}
ul.prjct-list li a:hover i.fa {
    background-color: #990a7f;
}
.tstmonial {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 20px;
    margin-top: 10px;
}
.tstmonial h2 {
    border-bottom: solid 1px #e7e7e7;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.tstmnl-review {
    width: 50%;
    float: left;
}
.tstmnl-review span {
    display: block;
    position: relative;
    font-size: 18px;
    margin-bottom: 20px;
    padding-left: 20px;
}
.tstmnl-review span:before {
    position: absolute;
    content: '\275B';
    font-size: 50px;
    left: 0;
    top: -18px;
    color: #990a7f;
}
.tstmnl-profile {
    float: left;
    width: 100%;
    position: relative;
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 15px;
    text-align: center;
    border-top: solid 1px #e7e7e7;
}
.tstmnl-profile .img {
    float: left;
    width: 100%;
    margin: 15px 0;
    text-align: center;
}
.tstmnl-profile .img img {
    max-width: 85px;
    border-radius: 50%;
}
.tstmnl-profile .right {
    width: 100%;
}
.tstmnl-profile .right a {
    font-size: 18px;
    font-weight: 600;
}
.tstmnl-profile .right label {
    display: block;
    padding: 0 10px;
    font-size: 12px;
    color: #9a9a9a;
}
.create-projct {
    float: left;
    width: 100%;
    padding: 20px;
    background-color: #fff;
}
.create-projct h2 {
    font-size: 23px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 60px;
    text-transform: uppercase;
}
.post-prjct {
    width: 70%;
    margin: auto;
    overflow: hidden;
}
span.prjdtail {
    background-color: #fff;
    position: relative;
    display: block;
}
span.prjdtail:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    left: 111px;
    top: 9px;
    background-color: #e7e7e7;
}
.post-aprjct {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.post-aprjct input,
.post-aprjct select,
.post-aprjct textarea {
    width: 100%;
    border: solid 1px #e7e7e7;
    padding: 10px;
    border-radius: 2px;
    margin-bottom: 15px;
    margin-top: 5px;
}
.post-aprjct .trms input[type="checkbox"] {
    margin: 0;
}
span.edit {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    padding: 7px 10px;
    background-color: #eaeaea;
    border-radius: 50%;
    color: #990a7f;
    font-size: 17px;
}
.info-head .info-img span.edit {
    padding: 0;
}
span.edit i {
    cursor: pointer;
}
.evnt-info-bnn span.edit {
    padding: 0;
}
.frm-fttr button {
    float: right;
    padding: 8px 12px;
    border: 0;
    background-color: #990a7f;
    color: #fff;
    font-size: 15px;
    border-radius: 2px;
}
.post-aprjct label {
    display: block;
    font-size: 15px;
}
.post-aprjct label span {
    font-size: 10px;
}
.post-aprjct input.half {
    width: 49%;
    float: left;
}
.post-aprjct select.half {
    width: 49%;
    float: right;
}
.frm-fttr {
    float: right;
    width: 140px;
}
.frm-fttr a {
    line-height: 37px;
    margin-right: 20px;
    float: left;
}
.green-btn {
    padding: 10px 25px !important;
    border: 0px;
    background-color: #990a7f;
    color: #fff;
    border-radius: 2px;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
}
.trms {
    background-color: #f7f7f7;
    padding: 10px;
    font-size: 13px !important;
    margin-bottom: 20px;
    float: left;
    width: 100%;
    font-weight: normal;
    border-left: 4px solid #990a7f;
}
.trms label {
    width: 100%;
    float: left;
}
.trms input {
    width: 19px !important;
    float: left;
    margin: 4px 0 !important;
}
.blue-white-btn {
    padding: 5px 10px;
    border: 1px #990a7f solid;
    margin: 6px 0px 0px 15px;
    text-decoration: none;
    border-radius: 3px;
}
.create-projct.prview h2 {
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.create-projct.prview {
    background-color: #f7f7f7;
    padding: 0;
}
.prview-projct {
    float: left;
    width: 100%;
    background-color: #fff;
}
.prview-projct .prview-left {
    border-right: solid 1px #e7e7e7;
}
.prview-left label.nm {
    font-size: 25px;
    font-weight: 600;
    color: #333;
    display: block;
    padding-bottom: 05px;
    position: relative;
}
.prview-main {
    width: 100%;
    float: left;
    position: relative;
    box-sizing: border-box;
}
.prview-left {
    float: left;
    width: 70%;
    background-color: #fff;
    padding: 20px;
}
.prview-right {
    float: right;
    width: 30%;
    padding: 0 10px;
    box-sizing: border-box;
    margin-top: 25px;
}
.prview-left span.dt {
    color: #c5c5c5;
    font-size: 15px;
    font-weight: 600;
}
ul.prview-desc {
    width: 100%;
    float: left;
    margin-bottom: 0;
    margin-top: 20px;
}
ul.prview-desc li {
    float: left;
    width: 33.33%;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
ul.prview-desc li.one {
    background-color: #2ab55f;
    color: #fff;
    border-radius: 5px 0 0 5px;
}
ul.prview-desc li.one:after {
    position: absolute;
    content: '';
    right: 0;
    bottom: 0;
    border-right: solid #990a7f 204px;
    border-top: solid 69px transparent;
    border-left: solid 10px transparent;
    z-index: -1;
}
ul.prview-desc li.two {
    background-color: #e7e7e7;
    color: #727272;
}
ul.prview-desc li.three {
    background-color: #777777;
    color: #fff;
    border-radius: 0 5px 5px 0;
}
ul.prview-desc li.three:after {
    position: absolute;
    content: '';
    right: 0;
    bottom: 0;
    border-right: solid #6e6e6e 204px;
    border-top: solid 69px transparent;
    border-left: solid 10px transparent;
    z-index: -1;
}
.prjct-loaction {
    float: left;
    width: 100%;
    margin-top: 20px;
    position: relative;
    padding-bottom: 0;
    border-bottom: solid 1px #e7e7e7;
}
.accordion-section-content {
    padding: 15px 20px;
    background-color: #f9f9f9;
    max-width: 100%;
    margin: auto;
}
.prjct-loaction span {
    font-size: 16px;
    color: #727272;
}
.prjct-loaction img {
    position: absolute;
    right: 10px;
    top: 0;
}
.prjct-loaction h1 {
    font-size: 20px;
    color: #990a7f;
    margin-top: 0;
    font-weight: 600;
}
ul.prview-desc li span {
    font-size: 12px;
}
ul.prview-desc li h1 {
    margin-top: 0;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
}
.prvw-desc-cont {
    width: 100%;
    float: left;
}
.biding {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.biding h3 {
    background-color: #990a7f;
    padding: 10px;
    border-radius: 2px;
    color: #fff;
}
ul.biding-list {
    float: left;
    width: 100%;
    margin: 0;
}
ul.biding-list li {
    float: left;
    width: 100%;
    border-bottom: solid 1px #e7e7e7;
    padding: 10px 0;
}
ul.biding-list li .hedr .hdr_right {
    width: 75%;
}
ul.biding-list li .hedr .hdr_right .descrp {
    color: #4d525b;
    margin-top: 10px;
    margin-bottom: 0;
    padding: 10px;
    background-color: #f7f7f7;
    border-radius: 2px;
    overflow: hidden;
}
.not-found i.fa {
    font-size: 70px;
    color: #f44336;
}
.not-found {
    text-align: center;
    padding: 50px 0;
}
.descrp .ttl {
    margin-bottom: 5px;
    font-weight: bold;
}
.bid-date span {
    color: #848282;
}
.bid-date label {
    display: block;
    font-size: 18px;
}
.hedr .bid-date {
    float: right;
    width: auto;
    padding-right: 10px;
}
h1.prviw-heading {
    color: #727272;
    font-weight: 600;
    padding-bottom: 5px;
    margin-top: 20px;
    width: 100%;
    font-size: 16px;
    float: left;
}
.amount {
    float: left;
    width: 100%;
}
.amount h1.prviw-heading {
    margin-bottom: 0;
}
.amount p {
    margin: 0;
    font-size: 26px !important;
}
ul.skill-list {
    width: 100%;
    float: left;
    margin: 0;
    padding-bottom: 20px;
    border-bottom: solid 1px #e7e7e7;
    margin-bottom: 20px;
}
ul.skill-list li {
    background-color: #e7e7e7;
    float: left;
    padding: 5px 20px;
    margin-right: 5px;
    margin-bottom: 10px;
    font-size: 15px;
    color: #696969;
    border-radius: 2px;
}
.prvw-desc-cont .desc-txt {
    clear: both;
    color: #727272;
}
.prvw-desc-cont iframe {
    margin-bottom: 10px;
}
.prvw-desc-cont .locat {
    display: block;
    font-size: 15px;
    color: #8e8e8e;
}
.prview-right a.apply-btn {
    display: block;
    padding: 10px 15px;
    background-color: #990a7f;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 2px;
    font-size: 16px;
}
.prview-right a.apply-btn.g {
    background-color: #990a7f;
    color: #ffffff;
    position: relative;
    padding: 9px 15px;
    float: left;
    width: 100%;
}
.prview-right a.apply-btn.g.bookmarked {
    background-color: #d83f28;
}
.prview-right a.apply-btn.g.bookmarked i.fa.fa-star {
    color: #d83f28;
}
a.apply-btn.g.bookmarked i.fa.fa-bookmark {
    color: #fff;
}
a.apply-btn.g i.fa.fa-star {
    position: absolute;
    font-size: 11px;
    left: 18px;
    color: #990a7f;
    top: 13px;
}
a.delete-pro {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #e7e7e7;
    padding: 2px 6px;
    z-index: 9;
    border-radius: 0 5px 0 0;
}
.prview-right a.apply-btn.g span {
    display: inline-block;
    margin-top: 0px;
    float: left;
}
.prview-right a.apply-btn i.fa {
    margin-right: 10px;
    font-size: 23px;
    float: left;
}
ul.print-right {
    width: 100%;
    float: left;
    padding: 20px;
    margin: 0;
    text-align: center;
}
.prview-right a.apply-btn.g i.fa.fa-bookmark {
    font-size: 22px;
}
ul.print-right li {
    display: inline-block;
    margin: 0 10px;
}
ul.print-right li a i.fa {
    font-size: 13px;
}
.prview-right .ownr-nm {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.well_done {
    text-align: center;
    background-color: #e7e7e7;
    padding: 20px;
    width: 100%;
    float: left;
    box-sizing: border-box;
    border: solid 1px #d0cece;
    border-radius: 3px;
}
.well_done h1 {
    margin: 10px 0;
    font-size: 32px;
    color: #990a7f;
    font-weight: 400;
}
.well_done p {
    font-size: 17px;
    margin-top: 0;
    color: #990a7f;
}
.well_done span {
    font-size: 14px;
}
.btns-wldon {
    width: 400px;
    margin: 20px auto 0 auto;
}
.btns-wldon a.crt {
    padding: 8px 10px;
    background-color: #990a7f;
    color: #fff;
    display: inline-block;
    border-radius: 2px;
    margin-right: 10px;
}
.manage-tab {
    margin: 0;
    background-color: #f1f2f5;
    padding: 15px 0;
    float: left;
    width: 100%;
    padding-bottom: 0;
    margin-top: 50px;
    border-top: solid 1px #e7e7e7;
    padding-top: 0;
    border-bottom: solid 1px #e7e7e7;
}
.manage-tab li {
    float: left;
}
.manage-tab li a {
    display: block;
    padding: 12px;
    border-right: solid 1px #e7e7e7;
    color: #5f5f5f;
}
.manage-tab li:last-child a {
    border-right: 0;
}
.manage-tab li a.active {
    background-color: #fff;
    color: #000;
}
.manage-tab li.post-prjct-btn {
    float: right;
    margin-right: 0;
    padding: 6px;
    padding-top: 5px;
}
.manage-tab li.post-prjct-btn .btn {
    display: inline-block;
    color: #fff;
    padding: 6px 15px;
    margin: 0 !important;
    font-size: 15px;
    background-color: #990a7f;
}
.reslt {
    background-color: #fff;
    padding: 15px;
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 0;
}
.reslt .short-sec {
    margin-bottom: 10px;
}
span.rslt-count {
    font-size: 16px;
    margin-top: 4px;
    display: inline-block;
}
.prjct-srch-nm .byline span {
    display: inline-block;
    padding: 2px 7px;
    font-size: 12px;
    background-color: #484848;
    color: #fff;
    border-radius: 2px;
}
.prjct-dur.actvty {
    margin-top: 18px;
    font-weight: 400;
}
a.close i.fa:after {
    position: absolute;
    content: 'Remove';
    right: 20px;
    bottom: 0px;
    display: none;
    font-size: 11px;
    background-color: #000;
    padding: 3px 6px;
    color: #fff;
    border-radius: 3px;
    font-family: 'Source Sans Pro', sans-serif !important;
}
.groups.detail .grp-dtail-had {
    background-color: #fff;
    padding: 30px 20px;
}
a.close:hover i.fa:after {
    display: block;
}
.groups.detail .grp-dtail-had span.edit {
    padding: 0;
    top: 0;
    right: 0;
    width: 30px !important;
    display: none;
    height: 30px;
    min-height: inherit;
    line-height: 30px;
    padding: 9px;
}
.group-sec .edit-grp a {
    float: right;
}
.crtnw-prjct a.btn {
    display: inline-block;
    float: right;
    font-size: 17px;
}
.crtnw-prjct {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 20px;
}
.findprojectbtn {
    width: 100%;
    float: left;
    margin-top: 40px;
    text-align: center;
}
.findprojectbtn a {
    display: inline-block;
    background-color: #990a7f;
    padding: 8px 12px;
    color: #fff;
    border-radius: 2px;
}
.group-sec a.grp-logo {
    position: absolute;
    width: 60px;
    height: 60px;
    z-index: 9;
}
.invttion-sent {
    float: left;
    width: 100%;
    padding: 05px;
    border-radius: 2px;
    background-color: #e7e7e7;
    font-size: 16px;
    color: dimgray;
}
.invttion-sent i.fa {
    color: #4d9e4d;
    font-size: 31px;
}
.dropdwn {
    float: right;
    position: absolute;
    right: -3px;
    top: 0;
}
ul#notice-list li .rquest-box .dropdwn {
    right: 5px;
    opacity:1;
}

.dropdwn a.open {
    font-size: 15px !important;
    line-height: 0;
    float: right;
    color: #cacaca;
    display: block;
    margin-right: 15px;
}
.dropdwn a.open i.fa.fa-ellipsis-h {
    display: block;
}
.dropdwn a.open i.fa.fa-ellipsis-v {
    display: none;
}
.dropdwn ul.remove-list {
    position: absolute;
    top: 25px;
    display: none;
    right: -4px;
    width: auto;
    background-color: #ffffff;
    box-shadow: 0 0 0 1px rgb(208, 208, 208), 0 1px 10px rgba(0, 0, 0, .2);
}

.dropdwn ul.remove-list li {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
    z-index: 999;
    border-radius: 0;
}
.dropdwn ul.remove-list li a {
    position: relative;
    display: block;
    white-space: nowrap;
    font-size: 15px !important;
    padding: 10px 15px;
    color: rgba(0, 0, 0, .85);
    border-bottom: 0;
}
.dropdwn ul.remove-list li a:hover {
    background-color: #f3f6f8;
}

.dropdwn ul.remove-list li a i.fa {
    margin-right: 9px;
}
ul#notice-list li .dropdwn ul li {
    min-height: inherit;
    border-bottom: 0;
}
ul#notice-list li .rquest-box .dropdwn ul.remove-list {
    right: 4px;
    box-shadow: 0 0 0 1px rgb(208, 208, 208), 0 1px 10px rgba(0, 0, 0, .2);
}
.frlncer-regstr {
    width: 100%;
    background-color: #fff;
    float: left;
    border: solid 1px #e7e7e7;
    border-top: 0;
}
.wlcome {
    float: left;
    width: 100%;
    padding: 20px;
    border-bottom: solid 1px #e7e7e7;
}
.wlcome h2 {
    color: #990a7f;
}
.frlancer-register {
    float: left;
    width: 100%;
    padding: 20px 80px;
}
.frlancer-register label {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 600;
}
.frlancer-register select {
    color: #000 !important;
}
.frlancer-register label span {
    font-size: 11px;
    font-weight: normal;
}
.frlancer-register select,
.frlancer-register input,
.frlancer-register textarea {
    width: 100%;
    border: solid 1px #e7e7e7;
    margin-bottom: 19px;
    color: #ccc;
    padding: 10px;
    max-width: 100%;
    border-radius: 2px;
}
.wlcome p {
    font-size: 14px;
}
.aplied {
    padding: 5px 10px;
    background-color: #990a7f;
    margin-bottom: 20px;
    border: 1px #2ab55f solid;
    border-radius: 2px;
    color: #fff;
}
.frlncer {
    float: left;
    width: 100%;
    background-color: #fff;
}
.frlncer .hding {
    float: left;
    width: 100%;
    border-bottom: solid 1px #e7e7e7;
    padding: 15px;
}
.hding h2 {
    float: left;
    margin-top: 6px;
    margin-bottom: 6px;
}
ul.frlncer-list {
    float: left;
    width: 100%;
}
.hding a.rgstr-btn {
    display: inline-block;
    float: right;
    background-color: #990a7f;
    padding: 8px 13px;
    text-transform: capitalize;
    color: #fff;
    font-size: 15px;
    border-radius: 2px;
}
.frlncer-list li {
    width: 33.33%;
    float: left;
    padding: 8px;
    box-sizing: border-box;
}
.frlncr_box {
    float: left;
    width: 100%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
    padding: 10px;
    box-sizing: border-box;
    border-radius: 2px;
}
.frlncr_box .frlncr-hd {
    float: left;
    width: 100%;
    border-bottom: solid 1px #e7e7e7;
    margin-bottom: 10px;
}
.frlncr-hd .nm {
    padding-left: 60px;
    width: 100%;
    min-height: 60px;
}
.frlncr-hd .img {
    width: 50px;
    position: absolute;
    height: 50px;
}
.frlncr-hd .img img {
    max-width: 100%;
    border-radius: 50%;
}
.frlncr-hd .nm a {
    padding-top: 10px;
    display: block;
    font-size: 18px;
}
.srvc-offer {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.srvc-offer span {
    color: #848282;
    font-size: 14px;
}
.srvc-offer h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
}
.frlncr_box .full-dtail {
    display: block;
    background-color: #990a7f;
    clear: both;
    color: #fff;
    padding: 11px;
    text-align: center;
    border-radius: 2px;
    font-size: 15px;
}
.frlncr-prfl {
    float: left;
    width: 100%;
    padding: 15px;
    padding-top: 10px;
}
.frlncr-prfl .frlncr-img {
    position: absolute;
    width: 110px;
    height: 110px;
    overflow: hidden;
    margin-top: 15px;
}
.frlncr-prfl .frlncr-img img {
    max-width: 100%;
    border-radius: 50%;
}
.frlncr-prfl .frlncr-dtail {
    padding-left: 130px;
    width: 100%;
}
.frlncr-nm {
    padding: 10px 0;
    width: 100%;
    margin-bottom: 05px;
    float: left;
}
.loadmoremessagesclass {
    text-align: center;
    color: #545454;
    text-decoration: none;
    display: block;
    width: 168px;
    margin: auto;
    background-color: #f1f3f5;
    padding: 3px;
    margin-top: 10px;
    border-radius: 25px;
    font-size: 15px;
    padding-bottom: 6px;
}
.frlncr-nm a {
    margin-top: 8px;
    font-size: 20px;
    display: inline-block;
    cursor: default;
}
.frlncr-nm a.rgstr-btn {
    display: inline-block;
    float: right;
    font-size: 14px;
    background-color: #990a7f;
    padding: 8px 13px;
    text-transform: capitalize;
    color: #fff;
    cursor: pointer;
    border-radius: 2px;
    margin-top: 0;
}
.offerd-sec {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.offerd-sec .ttl {
    font-size: 15px;
    color: #727272;
}
.offerd-sec h3 {
    font-size: 18px;
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 0;
}
.offerd-sec ul.skill-list {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
    margin-top: 8px;
}
.frlncr-tagline {
    float: left;
    width: 100%;
    background-color: #ffffff;
    padding: 10px 0;
    font-size: 16px;
    color: #848282;
    border-radius: 0;
    margin-bottom: 20px;
    border-bottom: solid 1px #e7e7e7;
    border-top: solid 1px #e7e7e7;
}
.brief-about {
    float: left;
    width: 100%;
}
.brief-about .ttl {
    font-size: 15px;
    color: #727272;
}
.brief-about p {
    margin-bottom: 20px;
}
.ftrd-frlncrs {
    width: 100%;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    float: left;
    color: #990a7f;
    background-color: #e7e7e7;
    font-size: 21px;
}
.frlncer .frlncer-list {
    margin: 0;
    padding: 10px
}
.freelancerbuttons a:nth-child(2) {
    background-color: #990a7f;
    margin-left: 5px;
    margin-right: 0;
}
.freelancerbuttons a {
    background-color: #990a7f;
    padding: 8px 13px;
    border-radius: 2px;
    color: #fff;
    margin-right: 10px;
}
ul.prvate-grp-list {
    margin: 0;
    text-align: left;
    margin-top: 20px;
}
ul.prvate-grp-list li {
    width: 30%;
    display: inline-block;
    margin: 5px 13px;
}
.grp-box {
    width: 100%;
    float: left;
    border: solid 1px #e7e7e7;
    border-radius: 2px;
    padding: 10px;
    padding-bottom: 0;
}
.grp-box:hover {
    background-color: #f9f9f9;
}
.grp-box span.img {
    width: 51px;
    float: left;
    overflow: hidden;
}
.grp-box span.img img {
    border-radius: 50%;
    max-width: 100%;
}
.grp-box .grpbx-right {
    float: right;
    width: 75%;
    text-align: left;
}
.grpbx-right h3 {
    margin-top: 0;
    text-overflow: ellipsis;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 600;
}
.grpbx-right p {
    margin-top: 0;
    font-size: 13px;
    line-height: 15px;
}
.grp-box .grpbx-fttr {
    float: left;
    width: 100%;
    position: relative;
    border-top: solid 1px #e7e7e7;
    padding: 8px 0;
}
.grpbx-fttr label {
    font-weight: 500;
    margin-top: 2px;
    display: inline-block;
    float: left;
    text-transform: capitalize;
}
.grp-box strong {
    font-weight: 600 !important;
}
.grpbx-fttr a.join-btn {
    position: inherit !important;
    float: right;
}
.konectt-btn {
    background-color: #990a7f;
    color: #fff;
    text-decoration: none;
    padding: 8px 15px;
    border-radius: 2px;
    display: table;
    font-weight: 600;
    margin-top: 10px;
}
#TGimageboxouter {
    margin: 0 !important;
    overflow: hidden;
    text-align: center;
}
#TGimageboxouter li {
    max-width: 126px;
    height: 130px;
    overflow: hidden;
    padding: 0;
    margin: 5px;
    float: none;
    display: inline-block;
}
.konectt-btn:hover {
    text-decoration: none;
}
.group-sec span a.nm {
    display: inline-block;
    color: #990a7f;
    margin-top: 0;
    font-size: 18px;
    margin-right: 5px;
}
.group-sec span a {
    display: block;
    font-size: 14px;
    color: #7d7d7d;
    margin-top: 6px;
}
.post-sec img {
    max-width: 40px;
    border-radius: 50%;
    float: left;
    margin-right: 15px;
}
.post-sec .right-post {
    float: right;
    width: 85%;
    color: #797979;
    font-size: 14px
}
.post-sec {
    width: 100%;
    float: left;
    padding: 10px;
    padding-right: 0;
}
.right-post a.nam {
    display: inline-block;
}
.right-post span.tim {
    display: block;
    margin-bottom: 5px;
}
.right-post a.contnt {
    text-decoration: none;
}
.right-post a.contnt span {
    color: #000;
    margin-top: 5px;
    display: block;
    font-size: 12px;
}
ul.trnding-list {
    width: 100%;
    float: left;
    margin: 0;
    margin-top: 15px;
}
ul.trnding-list li.trending {
    width: 100%;
    float: left;
    margin-top: 15px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 15px;
}
li.trending img {
    width: 50px;
    border-radius: 50%;
    float: left;
}
ul.trnding-list li.trending:last-of-type {
    border-bottom: 0;
}
li.trending .cntnt {
    float: right;
    width: 93%;
    position: relative;
}
li.trending .cntnt a {
    display: block;
    font-size: 18px;
}
li.trending .cntnt span {
    font-size: 14px;
}
li.trending .cntnt p {
    width: 60%;
    margin: 5px 0;
}
li.trending .cntnt .grp-siz {
    width: auto;
    float: left;
}
li.trending .cntnt .grp-siz span {
    font-size: 13px;
    color: #9e9e9e;
}
li.trending .cntnt .grp-siz h1 {
    margin: 0;
    font-size: 27px;
}
a.join-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #990a7f;
    padding: 5px 15px;
    text-decoration: none;
    color: #fff;
    max-width: 100px;
    border-radius: 2px;
    font-size: 14px;
}
.grp-dtail-had {
    float: left;
    width: 100%;
}
.grp-dtail-had .group-sec a.nm {
    font-size: 18px;
    display: block;
    float: left;
}
.grp-dtail-had .group-sec label {
    font-size: 13px;
    color: #525252;
    width: 100%;
    float: left;
    display: block;
    margin-top: 8px;
}
ul.curently-trendng-list {
    margin: 0;
    float: left;
    width: 100%;
    text-align: center;
    background-color: #f2f6f9;
    padding: 10px;
}
ul.curently-trendng-list li {
    width: 33.33%;
    float: left;
    padding: 10px;
}
.currntly-trendingbox {
    background-color: #fff;
    text-align: center;
    display: block;
    float: left;
    width: 100%;
    position: relative;
    border-radius: 2px;
    padding-bottom: 25px;
    padding-top: 15px;
}
.currntly-trendingbox span.im {
    margin: 20px auto;
    display: block;
    border: solid 1px #e7e7e7;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    z-index: 9;
}
.editselfgrp {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #eaeaea;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
}
.currntly-trendingbox span.im img {
    width: 100%;
    border-radius: 50%;
    z-index: 9;
}
.currntly-trendingbox h3.grpnm {
    margin: 10px;
    text-transform: capitalize;
    height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.currntly-trendingbox h3.grpnm a {
    font-weight: 600;
    font-size: 16px;
    color: #515151;
}
.grupbuttons {
    float: left;
    width: 100%;
    margin-top: 15px;
    text-align: center;
}
.grupbuttons a {
    display: inline-block;
    width: 45px;
    height: 45px;
    background-color: #ff7800;
    border-radius: 50%;
    line-height: 45px;
    font-size: 22px;
    margin: 0 8px;
    color: #fff;
}
a.joingrp-btn {
    -webkit-text-stroke: 2px #f67700;
    text-stroke: 2px #f67700;
    position: relative;
}
a.view-btn:after {
    border-top: solid 7px #38b055 !important;
}
a.view-btn:before {
    background-color: #38b055 !important;
}
.grupbuttons a:hover:after {
    display: block;
    top: -10px;
}
.grupbuttons a:hover:before {
    display: block;
    top: -30px;
}
a.joingrp-btn:before,
a.view-btn:before {
    position: absolute;
    content: attr(data-hover);
    top: -40px;
    background-color: #f67700;
    color: #fff;
    transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    display: none;
    font-size: 12px;
    -webkit-text-stroke: 0;
    width: auto;
    height: 0;
    line-height: 0;
    white-space: nowrap;
    padding: 10px;
    border-radius: 2px;
    left: 50%;
    transform: translateX(-50%);
}
a.joingrp-btn:after,
a.view-btn:after {
    position: absolute;
    content: '';
    top: -20px;
    transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    display: none;
    border-top: solid 7px #f67600;
    border-left: 7px solid transparent;
    border-right: solid 7px transparent;
    left: 50%;
    transform: translateX(-50%);
}
.grupbuttons a.view-btn {
    background-color: #990a7f;
    position: relative;
}
.currntly-trendingbox p {
    margin: 10px;
    border-bottom: solid 1px #e7e7e7;
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
}
label.mmbr-count {
    font-weight: normal;
    color: #888888;
    font-size: 15px;
    display: block;
    margin-bottom: 20px;
}
ul.grupmmbrlist {
    margin: 0;
    margin-top: 10px;
    display: block;
    float: left;
    text-align: center;
    width: 100%;
}
ul.grupmmbrlist li {
    max-width: 30px;
    border-radius: 50%;
    padding: 0;
    float: none;
    display: inline-block;
    margin-left: -12px;
}
ul.grupmmbrlist li:first-child {
    margin-left: 0;
}
ul.grupmmbrlist li a {
    display: block;
    border-radius: 50%;
    border: solid 2px #fff;
}
ul.grupmmbrlist li img {
    max-width: 100%;
    display: block;
    border-radius: 50%;
}
.groups .posts_cont {
    float: left;
    width: 100%;
    padding: 0;
    background-color: #fff;
    margin-top: 0;
    padding-top: 0;
}
.groups.detail .grp-dtail-had {
    border-bottom: solid 1px #e7e7e7;
}
.posts_cont .post-list {
    float: left;
    width: 75%;
    padding: 0 15px;
}
.post-list ul {
    margin: 0;
    width: 100%;
    float: left;
}
.post-list ul li {
    width: 100%;
    float: left;
    border-bottom: solid 1px #e7e7e7;
    padding: 15px 0;
    padding-right: 0;
}
.grp-post-sec .comnt-write .write-cmnt-pic {
    margin-right: 0;
    max-width: 50px;
}
.timlist.sharedt br {
    display: none;
}
.txtarea table {
    margin-top: 10px;
}
.post span.postimg {
    float: left;
    max-width: 50px;
    margin-top: 5px;
    overflow: hidden;
}
.post span.postimg img {
    width: 100%;
    border-radius: 50%;
}
.post {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    position: relative;margin-top: 10px;
}
.your-connction {
    float: left;
    width: 100%;
    padding-top: 20px;
    border-top: solid 1px #e7e7e7;
}
.post .admn {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
}
.post-had-right a span {
    color: grey;
}
.post .post-had-right {
    width: 100%;
    position: absolute;
    padding-left: 60px;
}
.post-had-right a {
    font-size: 16px;
}
.your-connction ul li .post {
    margin-bottom: 0;
}
.your-connction .admn {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
}
.your-connction ul li {
    padding: 10px 0;
    float: left;
    width: 50%;
    border-bottom: 0;
}
.post-had-right label a {
    display: inline-block;
    margin: 0 5px;
    font-size: 15px;
}
.grp-post-sec {
    float: left;
    width: 100%;
    margin-top: 10px;
    padding-top: 10px;
}
.grp-post-sec a.titl {
    font-size: 19px;
    text-decoration: none;
}
.grp-post-sec p {
    margin: 5px 0;
    text-align: left;
    font-size: 14px;
}
ul.cmmnt-list.grp-dtail-cmmnts li {
    padding: 0;
}
ul.cmmnt-list.grp-dtail-cmmnts li .cmmnt img {
    max-width: 40px;
}
.grp-post-sec .post-img {
    width: 100%;
    text-align: center;
    margin: 20px 0;
}
ul.tmln_fttr.post {
    background-color: #ebebeb;
}
ul.tmln_fttr.post li {
    width: auto;
    padding-right: 20px;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
}
a.load-more {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    float: left;
    background-color: #990a7f;
    width: 100%;
    padding: 10px;
    border-radius: 2px;
}
ul.tmln_fttr.post li.eye {
    float: right;
    margin-right: 0;
    padding-right: 0;
    font-size: 12px;
}
.about-group {
    float: left;
    width: 25%;
    padding-right: 10px;
    padding-left: 10px;
}
.about-group h4 {
    font-size: 15px;
    float: left;
    font-weight: 600;
    width: 100%;
    margin: 10px 0;
}
ul.grp-mmbr_list {
    width: 100%;
    float: left;
    margin: 0;
}
ul.grp-mmbr_list li {
    width: auto;
    float: left;
    text-align: center;
    margin-bottom: 5px;
    margin-right: 4px;
}
ul.grp-mmbr_list li a {
    display: inline-block;
}
ul.grp-mmbr_list li a img {
    border-radius: 50%;
    max-width: 22px;
}
.modator {
    float: left;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 50px;
}
.modator h4 {
    margin-bottom: 10px;
}
.modator a.dtl {
    margin-top: 5px;
    display: block;
    text-align: center;
    clear: both;
}
.grup-admn {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.grup-admn a {
    float: left;
}
.admn-nm .comp a {
    font-size: 13px;
    color: #9a9a9a;
}
.grup-admn .admn-nm {
    float: left;
    width: 100%;
    text-align: left;
    padding-left: 50px;
    min-height: 45px;
}
.admn-nm a {
    display: block;
    width: 100%;
    font-size: 16px;
}
.grup-admn img {
    float: none;
    width: 40px;
    margin: auto;
    border-radius: 50%;
    position: absolute;
    height: 40px;
}
.grp-info h4 {
    margin-top: 0;
    margin-bottom: 15px;
}
.grp-info {
    width: 100%;
    float: left;
    margin-top: 50px;
}
.grp-info li {
    font-size: 14px;
}
.grp-info li span {
    font-weight: bold;
    float: right;
}
.view-prfl {
    padding: 0;
    float: left;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 2px;
}
.usr-dtail {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 12px;
    background-color: #fff;
	border-bottom: 2px solid #990a7f;

}
.usr-dtail .imag {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    margin: auto;
    position: relative;
    z-index: 9;
}
.cover-img .active-ago {
    font-size: 13px;
    display: block;
    color: #9d0d80;
    position: absolute;
    right: 25px;
    user-select: none;
    top: 0px;
    font-weight: 600;
    z-index: 999;
    background-color: rgb(255, 255, 255);
    padding: 9px 10px;
    border-radius: 0px 0px 5px 5px;
}
.locat .addas-contct {
    display: inline-block;
    background-color: #990a7f;
    color: #fff;
    font-weight: 500 !important;
    padding: 6px 20px;
    border-radius: 3px;
    margin-top: 10px;
}
.cover-img {
    width: 100%;
    float: left;
    /*height: 260px;*/
    position: relative;
    text-align: center;
}
.usr-dtail .cover-img {
    margin-bottom: 0;
    height: 218px;
    border-radius: 2px;
    overflow: hidden;
}
.cover-img img {
    height: auto;
    width: 100%;border-radius: 50%;
}
ul.userdtail-list {
    float: left;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
ul.userdtail-list li {
    border: solid 4px #e7e7e7;
}
ul.userdtail-list li.messag {
    width: 100px;
    height: 100px;
    background-color: #25b85d;
    bottom: 0;
    z-index: 999;
}
ul.userdtail-list li a {
    display: block;
    color: #fff;
    padding: 17px;
}
ul.userdtail-list li i.fa {
    font-size: 29px;
    margin-bottom: 2px;
    margin-top: 4px;
}
ul.userdtail-list li.activity {
    width: 112px;
    height: 112px;
    background-color: #1f9ece;
    position: absolute;
    left: 22%;
    bottom: -18px;
    z-index: 999;
    border-radius: 50%;
}
ul.userdtail-list li.activity span.bold,
ul.userdtail-list li.frnd-contacts span.bold {
    font-size: 27px;
    font-weight: bold;
    display: block;
}
.frnduser-img {
    width: 130px;
    position: absolute;
    left: 40%;
    top: 9%;
    bottom: 0;
    z-index: 9;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
       background-color: #ffffff;
    border-radius: 50%;
    overflow: hidden;
    padding: 5px;
    height: 130px;
}
ul.userdtail-list li.frnduser-img img {
    display: block;
    border-radius: 2px;
}
ul.userdtail-list li.frnd-contacts {
    width: 112px;
    height: 112px;
    background-color: #1f9ece;
    position: absolute;
    right: 22%;
    bottom: -18px;
    z-index: 999;
    border-radius: 50%;
}
ul.userdtail-list li.frnd-contacts a,
ul.userdtail-list li.activity a {
    padding: 25px 0;
}
.frnd-user-buttons {
    /*width: 100%; */
    /* float: left; */
    text-align: center;
    /* margin: 10px auto; */
    /* margin-bottom: 0; */
    /*position: absolute;*/
    left: 20%;
    top: 47%;
}
.frnd-user-buttons a.senmsg {
    display: inline-block;
    background-color: #323034 !important;
    padding: 7px 11px;
    /* margin: 0 8px; */
    border: 1px solid;
    width: 131px;
    margin-bottom: 21px;
    font-size: 16px;
    color: #fff !important;
    border-radius: 7px;
    /* position: absolute; */
    font-weight: 600;
}
.frnd-user-buttons .more a {
    padding: 6px;
    display: block;
    border-radius: 7px;
    border: solid 1px #990a7f;
    position: relative;
    background: #990a7f;
    color: #fff;
}

ul.frnd-usractivity-button li {
    width: 110px;
	    margin: 0px 15px;
}
.frnd-user-buttons .more {
    display: inline-block;
    margin: 0 8px;
    font-size: 16px;
    color: #fff;
    position: relative;
    border-radius: 4px;
    width: 190px;
    padding-bottom: 10px;
}
ul.frnd-usractivity-button {
    float: left;
    width: 100%;
    margin-top: 0px;
    text-align: center;
    margin-bottom: 30px;
}
ul.frnd-usractivity-button li a {
    display: block;
    color: #fff;
}
ul.frnd-usractivity-button li:first-child {
    margin-left: 0;
}
ul.frnd-usractivity-button li {
    display: inline-block;
    width: 138px;
    text-align: center;
    margin-left: -3px;
    border-radius: 10px!important;
}
ul.frnd-usractivity-button li strong {
    font-size: 16px;
    display: block;
    line-height: 11px;
    font-weight: 600;
}
ul.frnd-usractivity-button li span {
    font-size: 15px;
    display: block;
    padding-top: 4px;
    font-weight: 600;
}
ul.frnd-usractivity-button li.activty {
    background-color: #990a7f;
    padding: 5px 0;
    border-radius: 3px 0 0 3px;
    padding-top: 6px;
}
ul.frnd-usractivity-button li.contcts {
    background-color: #f5f5f5;
    padding: 5px 0;
    padding-top: 6px;
}
ul.frnd-usractivity-button li.contcts a {
   color: #008432;
}
ul.frnd-usractivity-button li.prfl-complete {
    background-color: #ff7900;
    padding: 5px 0;
    border-radius: 0 3px 3px 0;
    padding-top: 6px;
}
.usr-dtail .imag .frnd-pic img {
    width: 140px;
    border-radius: 50%;
    background-color: #fff;
    padding: 4px;
    box-shadow: inset 0 1.5px 3px 0 rgba(0, 0, 0, .15), 0 1.5px 3px 0 rgba(0, 0, 0, .15);
}
.usr-dtail .imag .frnd-pic {
    display: inline-block;
    position: relative;
    margin-top: -70px;
}
.frnd-pic .online,
.frnd-pic .offline {
    right: 5px;
}
.usr-dtail .usr-info {
    /*width: 100%; */
    /* text-align: center; */
    /* float: left;*/
    line-height: 26px;
    /* position: relative; */
    /* margin-top: 10px; */
    position: absolute;
    left: 50%;
    top: 17%;
}
.usr-dtail .usr-info-btn {
    width: auto;
    position: absolute;
    right: 40px;
    top: 170px;
    z-index: 99;
}
.companyouter {
    background-color: inherit !important;
}
.btn-going.more {
    float: right;
    margin-left: 10px;
    margin-top: 0;
    width: 80px;
    margin-right: 0;
}
.btn-going.more ul.go-btn-list {
    width: 190px;
    left: inherit;
    right: 0px;
    top: 34px;
    border-radius: 2px;
}
.btn-going.more a.rugo {
    padding-right: 10px;
    background-color: #990a7f;
    position: static;
    width: auto;
}
.btn-going.more a.rugo i.fa {
    margin-left: 5px;
}
.btn-going.more ul.go-btn-list li a {
    display: block;
    width: 100%;
    font-size: 14px;
    padding: 8px;
}
.usr-info-btn a.btn {
    float: left;
    text-transform: capitalize;
    padding: 7px 20px;
    background-color: #990a7f;
    margin: 0 !important;
}
a.pndng-btn {
    background-color: #990a7f;
    padding: 7px 15px;
    border-radius: 2px;
    color: #fff;
    text-decoration: none;
    float: right;
}
.usr-info h2 {
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 26px;
    text-transform: capitalize;
	color: #fff;
}
.usr-dtail .usr-info strong {
    font-weight: normal;
    color: #fff;
    font-size: 16px;
}
.usr-dtail .usr-info .locat {
    font-size: 15px;
    font-weight: 100;
       color: #fff;
    ;
}
.usr-dtail .usr-info .locat a {
    font-weight: 600;
    display: inline-block;
    font-size: 16px;
	    color: #fff;
}
.usr-dtail .usr-info .locat label {
    display: block;
    color: #9a9a9a;
}
.usr-info-btn a.btn i.fa {
    margin-right: 10px;
}
.btn {
    display: block;
    background-color: #990a7f;
    margin-bottom: 5px;
    padding: 10px 20px;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    margin-top: 13px !important;
    border-radius: 2px;
}
.cntr_cntnt.popular-dtail {
    padding: 15px;
    width: 730px;
}
.usr-info-btn a.btn.grey {
    background-color: #ccc;
    color: #000;
}
ul.upld-img-list {
    width: 100%;
    float: left;
}
.upload-img input {
    cursor: pointer;
}
ul.upld-img-list li {
    width: 100%;
    float: left;
    padding: 5px;
    background-color: #fff;
    position: relative;
    text-align: center;
    border: solid 1px #e7e7e7;
    margin-right: 10px;
    overflow: hidden;
}
ul.upld-img-list.upload li {
    max-height: 400px;
    min-height: 250px;
}
ul.upld-img-list li img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    padding: 5px;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.uploadimg span.up-btn input {
    z-index: 99;
    cursor: pointer;
}
ul.upld-img-list li .close {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    padding: 2px 4px;
    font-size: 12px;
}
ul.upld-img-list li:last-of-type i.fa {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 40px;
    color: #ccc;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.nws-list-cont {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 20px;
    margin-top: 10px;
}
ul.nws-list {
    margin: 0;
}
ul.nws-list li {
    width: 33.33%;
    float: left;
    padding: 10px;
    transition: 200ms;
    -webkit-transition: 200ms;
    -ms-transition: 200ms;
    border: solid 1px #ccc;
    max-height: 440px;
    margin-bottom: 10px;
}
ul.nws-list li:hover {
    background-color: #ebebeb;
}
.nws-box {
    width: 100%;
    float: left;
}
.nws-head a.ttl {
    display: inline-block;
    text-decoration: none;
    width: 76%;
    position: relative;
    padding-left: 45px;
}
.nws-head a:hover {
    text-decoration: none;
}
.nws-head a.ttl img {
    position: absolute;
    left: 0;
    width: 35px;
}
.nws-head a.ttl h4 {
    margin: 0;
}
.nws-head a.ttl p {
    margin-top: 0px;
    font-size: 12px;
    color: #8d8d8d;
    margin-bottom: 0;
}
.nws-head {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 10px;
}
.nws-head .add_btn {
    right: 0;
}
.nws-contnt {
    float: left;
    width: 100%;
}
.nws-contnt img {
    width: 100%;
}
.nws-contnt h3 {
    margin: 10px 0;
    font-family: sans-serif;
}
.nws-contnt p {
    margin-top: 0;
    font-size: 14px;
    max-height: 95px;
    overflow: hidden;
}
ul.like-comment {
    float: left;
    width: 100%;
}
ul.like-comment li {
    width: auto;
    padding: 0;
    border: 0;
    margin-right: 10px;
    transition: 200ms;
    -webkit-transition: 200ms;
    -ms-transition: 200ms;
}
ul.like-comment li a {
    display: block;
    border: solid 1px;
    border-radius: 1px;
    text-decoration: none;
}
ul.like-comment li a i.fa {
    padding: 5px;
}
ul.like-comment li a span.tltp {
    border-left: solid 1px;
    padding: 3px;
}
ul.like-comment li:hover a {
    color: #fff;
    background-color: #990a7f;
    border-color: #1c267a;
}
ul.like-comment li.eye {
    float: right;
    padding: 3px;
    margin-right: 0;
}
.errow-drop {
    float: right;
    width: 30px;
    height: 30px;
}
.errow-drop .errow {
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 28px;
    color: #949494;
    position: absolute;
    font-weight: 100;
    top: 0;
    right: 0;
    font-size: 18px;
    cursor: pointer;
}
.topsearchlist table tr td {
    vertical-align: top;
}
.find_btn a.frndr img {
    width: 19px;
    margin-top: 5px;
    margin-bottom: 3px;
}
.errow-drop .erow-list {
    margin: 0;
    min-width: 150px;
    background-color: #fff;
    position: absolute;
    right: 0;
    display: none;
    z-index: 9;
    top: 28px;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(208, 208, 208, 0), 0 1px 5px rgba(0, 0, 0, .2);
}
ul.erow-list li {
    border-bottom: solid 1px #e7e7e7;
}
ul.erow-list li a i.fa {
    position: absolute;
    width: 40px;
    left: 0;
    top: 0;
    line-height: 39px;
    text-align: center;
    color: #777a7d;
    min-height: 36px;
	display:none;
}
.timlist .hedr .errow-drop {
    position: absolute;
    right: 10px;
    top: 10px;
}
.rply-again .rply-again-txt a.close {
    padding: 0;
}
ul.erow-list li:last-child {
    border-bottom: 0;
}
ul.erow-list li a {
    display: block;
    font-weight: 400;
    padding: 8px 40px;
    margin: 0;
    position: relative;
    text-decoration: none;
    padding-left: 10px;
    white-space: nowrap;
    color: #657786;
    font-size: 14px;
}
ul.report-list {
    width: 100%;
    float: left;
    margin-top: 0;
}
ul.report-list li label:hover {
    background-color: #990a7f;
    color: #fff;
    cursor: pointer;
}
ul.report-list li label {
    display: block;
    line-height: 40px;
    color: #949494;
    position: relative;
    margin-bottom: 0;
    transition: 300ms;
    -webkit-transition: 300ms;
    -ms-transition: 300ms;
    font-size: 15px;
    border-radius: 2px;
    border-bottom: solid 1px #e7e7e7;
}
ul.report-list li {
    width: 100%;
    float: left;
}
ul.report-list li input[type="radio"] {
    display: none;
}
ul.report-list li input[type="radio"] + span {
    background-color: #fefefe;
    border: 1px solid;
    border-color: #990a7f;
    border-radius: 50px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
    display: inline-block;
    float: left;
    margin-right: 7px;
    padding: 7px;
    transition: border-color .2s ease;
    -webkit-transition: border-color .2s ease;
    -ms-transition: border-color .2s ease;
    position: relative;
    -webkit-appearance: none;
    margin-top: 12px;
    margin-left: 10px;
}
ul.report-list li input[type="radio"]:checked + span:after {
    background: #990a7f;
    border-radius: 50px;
    content: " ";
    height: 8px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 8px;
}

/*.errow-drop:hover .erow-list {
    display: block;
}*/

.article {
    width: 100%;
    float: left;
    padding-bottom: 100px
}
.post-sec .right-post strong ~ span {
    display: block;
}
.artcl-head {
    width: 100%;
    background-color: #fff;
    float: left;
    position: fixed;
    padding-bottom: 9px;
    padding-left: 50px;
    z-index: 999;
    padding-right: 50px;
    border-bottom: solid 1px #ccc;
}
#frmposthomeimg {
    padding-top: 0;
    width: 100%;
    max-width: inherit;
    float: left;
    position: relative;
}
#articlefrm {
    width: 100%;
    max-width: inherit;
    position: relative;
    float: left;
}
#postarticle .pst-evnt-btns {
    width: 100%;
    float: left;
}
.artcle-btn {
    float: right;
    margin-top: 8px;
}
.more-btn {
    float: left;
    position: relative;
    margin-right: 10px;
}
.more-btn a.mr {
    border: solid 1px;
    float: left;
    border-radius: 2px;
    text-decoration: none;
    padding: 8px 20px;
    box-sizing: border-box;
}
.more-btn a.mr i.fa {
    margin-left: 5px;
    margin-right: -5px;
}
.artcle-btn .publish {
    float: left;
}
.publish a {
    border: solid 1px;
    float: left;
    padding: 8px 20px;
    box-sizing: border-box;
    color: #fff;
    border-radius: 2px;
    background-color: #990a7f;
    text-decoration: none;
}
.more-btn ul.more-list {
    position: absolute;
    top: 135%;
    margin: 0;
    display: none;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
    right: 0;
}
ul.more-list:after {
    position: absolute;
    content: '';
    right: 16px;
    top: -8px;
    width: 15px;
    height: 15px;
    background-color: white;
    transform: rotate(47deg);
    -webkit-transform: rotate(47deg);
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
}
ul.more-list li {
    width: 180px;
    float: left;
    background-color: #fff;
}
ul.more-list li a {
    display: block;
    background-color: #fff;
    padding: 8px 10px;
    color: #666;
    text-decoration: none;
}
ul.more-list li.help {
    border-top: solid 1px #e7e7e7;
}
.upload-sec {
    float: left;
    width: 100%;
    text-align: center;
    background-color: #e7e7e7;
}
.upload-sec h3 {
    margin-top: 0;
    font-size: 26px;
    font-weight: normal;
    margin-bottom: 10px;
}
.upload-sec span {
    color: #9c9c9c;
}
.artcle-txt {
    width: 100%;
    margin: auto;
    float: left;
}
#loadimagdiv {
    width: 100%;
    margin: auto;
    position: relative;
    padding: 50px 0;
}
#loadimagdiv img {
    max-width: 800px;
    max-height: 400px;
}
#loadimagdiv .close {
    position: absolute;
    top: 44px;
    font-size: 22px;
    z-index: 20;
    margin-left: 5px;
}
.txt-form input {
    border: 0;
    font-size: 30px;
    width: 100%;
    padding: 10px;
    margin: 30px 0;
}
.txt-form {
    max-width: 700px;
    margin: auto;
}
.txt-form textarea {
    width: 100%;
    border: 0;
    padding: 10px;
    margin-top: 25px;
    font-size: 18px;
}
.offline {
    width: 13px;
    height: 13px;
    background-color: #cecece;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    top: 30px;
    border: solid 2px #fff;
}
.online {
    width: 13px;
    height: 13px;
    background-color: #38b055;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    top: 30px;
    border: solid 2px #fff;
}
.online.standby {
    background-color: #ff7800;
}
.chat-cont {
    width: 262px;
    position: fixed;
    right: 101px;
    bottom: 0px;
    background-color: #f8f8f8;
    z-index: 999;
    border-radius: 4px 4px 0 0;
}
.frndtprfile-cont {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 70px;
}
.frndtprfile-cont .frndtprfile-left {
    width: 100%;
    float: left;
    padding-right: 290px;
}
.frndtprfile-cont .hm_right_sec {
    position: absolute;
    top: 0;
    right: 0;
}
#usermainboxchat {
    z-index: 99999;
    border-radius: 4px 4px 0 0;
    right: 68px !important
}
#msgchat .heddr a.im {
    display: none;
    width: 43px;
    height: 40px;
    z-index: 99;
    text-align: center;
    float: left;
    position: absolute;
}
#msgchat .heddr a.im img {
    position: inherit !important;
    float: left;
    left: 8px;
    max-width: 25px;
    top: 8px;
}
.chat-cont-header i.fa {
    cursor: pointer;
}
.chat-cont-header {
    padding: 10px;
    z-index: 1;
    font-weight: 600;
    font-size: 15px;
    background-color: #fff;
    position: relative;
    border-radius: 2px 2px 0 0;
    cursor: pointer;
    box-shadow: 0px 0px 5px #d1d1d1;
    margin-bottom: 4px;
    height: 40px;
}
.chat-cont-header a {
    color: #4a4a4a;
    text-transform: capitalize;
}
.chat-cont-header a:hover {
    color: #990a7f;
    text-decoration: underline;
}
#msgheaderfooter {
    font-size: 18px;
    font-weight: bold;
    line-height: 0px;
    padding-right: 7px;
}
.chat-cont-header:hover {
    background-color: #f8f8f8!important;
}
#chatcontactload {
    height: 261px;
	padding-top: 80px!important;
}
.timlist.sharedt .hdr_right label.time:last-child {
    display: none;
}

.chat-cont-user-list {
    padding: 5px 10px;
    position: relative;
    cursor: pointer;
    float: left;
    width: 100%;
    height: 50px;
}
#msgusers li .chat-cont-user-list {
    border-bottom: 0;
}
.chat-cont-user-list .online,
.chat-cont-user-list .offline {
    left: 34px;
    top: 10px;
    z-index: 99;
}
.message-fixed {
    position: absolute;
    bottom: 0;
    text-align: center;
    background-color: #990a7f;
    left: 0;
    z-index: 99;
    color: #fff;
    padding: 10px 0px;
    font-size: 12px; width:100%;
}
.message-fixed .fa{font-size:20px;}


.second-step.thankyou-confirm i.fa {
    font-size: 100px;
    -webkit-text-stroke: 8px #fff;
    text-stroke: 8px #fff;
    margin-bottom: 0;
    color: #990a7f;
}
.second-step.thankyou-confirm {
    text-align: center;
}
.second-step.thankyou-confirm h2 {
    font-size: 38px;
}
#emsgdiv {
    font-size: 18px;
}
.message-fixed:after {
    position: absolute;
    content: '';
    border-top: 5px solid #990a7f;
    border-left: 5px solid transparent;
    border-right: solid 5px transparent;
    top: -8px;
    opacity: 0;
    right: 30px;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
	display:none!important;
}
.message-fixed:hover:before,
.message-fixed:hover:after {
    opacity: 1;
}
.message-fixed:before {
    position: absolute;
    content: 'Add Group';
    font-size: 12px;
    opacity: 0;
    background-color: #990a7f;
    line-height: 12px !important;
    top: -26px;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    padding: 3px 8px;
    color: #ffffff;
    left: -40px;
    border-radius: 2px;
}
.chat-cont-user-list:hover {
    background-color: #fbfbfb;
}
.chat-cont-user-list-img {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
}
#chatcontactload .chat-cont-user-list-img {
    float: left;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}
/*.chat-cont-user-list:hover .chat-cont-user-list-img:before{
    right: 140%;
    opacity: 1;
    transition: all .1s ease-in-out;
}
.chat-cont-user-list:hover .chat-cont-user-list-img:after{
    right: 124%;
    opacity: 1;
    transition: all .1s ease-in-out;
}*/

.chat-cont-user-list-img:after {
    position: absolute;
    content: '';
    opacity: 0;
    right: 49px;
    border-left: solid 7px #f67600;
    border-top: 6px solid transparent;
    border-bottom: solid 6px transparent;
    top: 50%;
    display: none;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.chat-cont-user-list-img:before {
    position: absolute;
    content: attr(data-hover);
    right: 130%;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    white-space: nowrap;
    opacity: 0;
    display: none;
    top: 50%;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    background-color: #f67700;
    padding: 3px 10px;
    border-radius: 2px;
    font-size: 12px;
    text-transform: capitalize;
    padding-bottom: 4px;
}
.chat-cont-user-list-img img {
    width: 100%;
    border-radius: 50%;
}
.chat-cont-user-list-right {
    float: right;
    display: none;
    width: 177px;
}
.chat-cont-user-list-name {
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: 600;
    padding-top: 3px;
    text-transform: capitalize;
}
.chat-cont-user-list-company {
    margin-bottom: 4px;
    font-size: 11px;
    color: #999999;
}
.mmbrof_group_list h2 {
    text-align: center;
    margin-bottom: 20px;
    border-top: solid 1px #e7e7e7;
    padding-top: 20px;
    font-weight: 600;
    font-size: 20px;
}
ul.project-list {
    margin: 0;
    float: left;
    width: 100%;
    background-color: #fbfbfb;
    padding: 20px 15px;
    padding-bottom: 0;
}
ul.project-list li {
    width: 100%;
    float: left;
    position: relative;
    transition: 300ms;
    -webkit-transition: 300ms;
    -ms-transition: 300ms;
}
.userchatboxmain_time .fa-check-circle{display: none;}
.prjct-post {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    box-shadow: 0 0 5px #ececec;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 2px;
    transition: 300ms;
    -webkit-transition: 300ms;
    -ms-transition: 300ms;
}
.prjct-post:hover {
    box-shadow: 0px 4px 9px #e6e6e6;
}
.prjct-post .project-nm {
    float: left;
    width: 42%;
    padding: 10px;
    padding-left: 20px;
    box-sizing: border-box;
    padding-right: 0;
}
.project-nm span {
    color: #b7b7b7;
}
.prjct-location {
    float: left;
    background-color: #f7f7f7;
    padding: 22px 0;
    width: 160px;
    text-align: center;
}
.prjct-location span.pending {
    background-color: #333;
    padding: 2px 6px;
    color: #fff;
    text-transform: capitalize;
    border-radius: 3px;
}
.prjct-location span.pending.active {
    background-color: #990a7f;
}
.viw {
    color: #333;
    margin-top: 8px;
}
.prjct-location .viw i.fa {
    display: inline-block;
    font-size: 15px;
    margin: 0 5px;
    color: #333;
}
.edit-btn a {
    display: block;
    background-color: #f7f7f7;
    padding: 6px 9px;
    font-size: 12px;
    float: left;
    margin-right: 5px;
    border-radius: 50%;
}
.prjct-post.manage .project-nm {
    width: 54%;
}
.prjct-post.manage .prjct-ownr {
    width: auto;
}
.prjct-ownr .edit-btn {
    float: right;
    margin-top: 8px;
    padding-right: 40px;
}
.prjct-post.manage .prjct-ownr .edit-btn {
    float: right;
    margin-top: 8px;
    padding: 0;
    background-color: inherit;
}
.prjct-post.manage .prjct-ownr .edit-btn a {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    padding: 0;
}
.prjct-post.manage .prjct-ownr .edit-btn a i.fa {
    padding: 0;
}
.preview-ad.mobile table.adprevw-projct tr td {
    width: 100%;
    display: block;
}
.preview-ad.mobile table.adprevw-projct tr td div {
    padding: 5px !important;
}
.prjct-location span {
    font-size: 13px;
    color: #919191;
}
.prjct-location i.fa {
    display: block;
    text-align: center;
    font-size: 26px;
    color: #b7b7b7;
}
.project-nm a {
    font-size: 18px;
    line-height: 22px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 20px;
    padding-top: 5px;
}
.project-nm .posted span {
    display: inline-block;
    color: #4a4a4a;
    margin-right: 10px;
}
.project-nm .posted {
    margin-top: 5px;
    color: #b7b7b7;
    font-size: 12px;
}
.project-nm span {
    display: block;
}
.prjct-post .prjct-tm {
    float: left;
    width: 90px;
    text-align: center;
    font-size: 26px;
    background-color: #990a7f;
    padding: 19px 0;
    border-radius: 2px 0 0 2px;
    color: #fff;
}
.prjct-post .prjct-ownr {
    float: right;
    padding-top: 22px;
    width: 28%;
    position: relative;
    padding-left: 10px;
}
.prjct-ownr span {
    display: block;
    width: auto;
    color: #9a9a9a;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 72%;
    white-space: nowrap;
}
.prjct-ownr a.ownr-nm {
    font-size: 16px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
    white-space: nowrap;
}
.prjct-tm span {
    display: block;
    font-size: 13px;
}
.userchatboxmain {
    overflow: visible;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
.userchatboxmain_user {
    max-width: 80%;
    float: left;
    position: relative;
}
.userchatboxmain_name {
    font-size: 12px;
    margin-bottom: 2px;
    margin-left: 10px;
}
.userchatboxmain_text {
    margin-left: 10px;
    font-size: 14px;
    background-color: #e6e9ec;
    line-height: 20px;
    position: relative;
    border-radius:8px;
    word-break: break-word;
}

.userchatboxmain_time {
    font-size: 13px;
    margin-bottom: 0px;
    color: #999999;
    margin-left: 0px;
    margin-top: 5px;
    position: absolute;
    width: 130px;
    left: 6px;
    bottom: -22px;
}
.userchatboxmain_time_me i.fa {
    color: #990a7f;
    margin-right: 7px;
}
#loadchatusermsg {
    padding-bottom: 10px;
}
.userchatboxmain_time_me i.fa span {
    font-family: 'Source Sans Pro', sans-serif !important;
    margin-left: 3px;
}
.userchatboxmain_me {
    max-width: 80%;
    float: right;
    position: relative;
}
.userchatboxmain_name_me {
    font-size: 12px;
    margin-bottom: 2px;
    margin-right: 10px
}
.userchatboxmain_text_me {
    margin-right: 10px;
    font-size: 14px;
    background-color: #990a7f;
    line-height: 20px;color: #fff;
    position: relative;
    border-radius:8px;
    word-break: break-word;
}
.userchatboxmain_time_me {
    font-size: 13px;
    margin-bottom: 0px;
    color: #999999;
    position: absolute;
    right: 10px;
    width: 150px;
    text-align: right;
    bottom: -22px;
}
.sent {
    color: #a0a0a0;
}
.read {
    color: #00e800;
}
.prjct-ownr a.ownr {
    float: left;
    margin-right: 15px;
}
.prjct-ownr a.ownr img {
    width: 40px;
    border-radius: 50%;
}
.short-sec {
    max-width: 180px;
    float: right;
}
.short-sec label {
    float: left;
    margin-right: 10px;
    padding-top: 5px;
    font-size: 14px;
    font-weight: 100;
}
.srch-tag {
    border-bottom: solid 1px #e7e7e7;
    padding: 6px 0;
    padding-left: 20px;
}
#loaduserchatbox textarea {
    resize: none;
}
ul.project-list.srch {
    width: 100%;
    float: left;
}
.prjct-srch {
    float: left;
    width: 100%;
}
.prjct-srch-nm {
    width: 50%;
    float: left;
}
.prjct-srch-nm h4 {
    margin: 0;
}
.prjct-srch-nm h4 a {
    font-size: 18px;
    font-weight: normal;
}
.prjct-srch-nm .byline.grey {
    color: #a2a2a2;
    background-color: inherit;
}
.prjct-srch-nm .byline {
    margin: 5px 0;
}
.prjct-srch-nm .byline strong {
    margin-right: 15px;
}
.prjct-dur span {
    display: block;
    font-size: 30px;
    font-weight: 600;
}
.prjct-dur {
    float: left;
    width: 20%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
.prjct-locat {
    float: left;
    width: 30%;
    padding-left: 50px;
    padding-top: 25px;
    font-weight: 600;
}
ul.project-list.srch li {
    padding: 10px;
    position: relative;
    box-sizing: border-box;
}
ul.project-list.srch li:hover {
    background-color: #f5f5f5;
}
.nxtbackbtn {
    width: 100%;
    float: left;
    padding: 15px 0;
}
.nxtbackbtn a.back,
.nxtbackbtn a.nxt {
    width: 49%;
    float: left;
    display: block;
    color: #fff;
    background-color: #990a7f;
    text-align: center;
    padding: 5px 0;
    text-decoration: none;
    border-radius: 2px;
}
.nxtbackbtn a.nxt {
    float: right;
}
.chat-cont-user-list.active {
    background-color: rgba(254, 28, 105, 0.09);
}
.chat-cont-user-list.active .chat-cont-user-list-name {
    font-weight: bold !important;
    font-size: 15px;
}
.chat-cont-header.active {
    background-color: #990a7f;
    color: #fff;
}
.creat-new {
    width: 100%;
    float: left;
    text-align: center;
    padding: 60px 20px;
    background-color: #fff;
}
.creat-new h2 {
    margin-top: 0;
    font-size: 30px;
    color: #757575;
}
a.create-grpbtn {
    background-color: #990a7f;
    color: #fff;
    text-decoration: none;
    padding: 10px 15px;
    font-size: 13px;
    display: inline-block;
}
a.create-grpbtn i.fa {
    margin-right: 10px;
}
.crt-grp-popup {
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: auto;
    left: 0;
    top: 0;
    display: none;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 999999;
}
.chat-cont-user-list:hover .cover-toltip {
    display: block;
}
.cover-toltip {
    display: none;
    width: 295px;
    position: absolute;
    right: 100%;
    top: 00px;
    padding-right: 10px;
}
.user-toltip {
    position: relative;
    width: 100%;
    background-color: #fff;
    padding: 10px;
    border: solid 1px rgba(0, 0, 0, 0.2);
}
.user-toltip .img {
    float: left;
    width: 60px;
    height: 60px;
    left: 10px;
    top: 10px;
    position: absolute;
}
.user-toltip .img a,
.user-toltip .img img {
    display: block;
    max-width: 100%;
}
.user-toltip .toltip-right {
    width: 100%;
    padding-left: 70px;
    min-height: 60px;
}
.toltip-right span.desig {
    font-size: 12px;
    display: block;
    color: #a0a0a0;
}
.toltip-right a.nm {
    color: #000;
    font-weight: 600;
    font-size: 15px;
}
.user-toltip:after {
    position: absolute;
    border: solid 1px rgba(0, 0, 0, 0.2);
    content: '';
    right: -6px;
    top: 19px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    background-color: #fff;
    border-left: 0;
    border-bottom: 0;
}
.crt-grp-popup .popup-inner {
    max-width: 550px;
    margin: auto;
    overflow: hidden;

    position: relative;
    border-radius: 2px !important;
    background-color: #fff;
    margin-top: 70px !important;
    padding: 15px;
    box-shadow: 0 2px 26px rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .1);
    border: 0;
    margin-bottom: 50px;
    padding-top: 10px;
}
#grouppostpopup .popup-inner {
    margin-top: 15px;
}
#grouppostpopup ul.upld-img-list.upload li:last-of-type {
    border: solid 1px #e7e7e7;
}
#grouppostpopup ul.upld-img-list.upload li {
    border: solid 1px #e7e7e7;
    margin-top: 15px;
    height: 130px;
    float: left;
    margin-right: 0;
    min-height: inherit;
}
#grouppostpopup ul.upld-img-list.upload li .close i.fa {
    font-size: 15px !important;
    color: red;
}
#grouppostpopup ul.upld-img-list.upload li .close i.fa {
    font-size: 15px !important;
    color: #990a7f;
    left: inherit;
    right: 3px;
    transform: inherit;
}
#grouppostpopup .nw-grup {
    padding-bottom: 0;
}
.popup-inner .invit {
    width: 100%;
    float: left;
}
.popup-inner .suces {
    float: left;
    width: 100%;
    padding-top: 30px;
    text-align: center;
}
.suces span {
    font-size: 28px;
    color: green;
    margin-bottom: 20px;
    display: block;
}
.suces .popup-fttr {
    text-align: center;
}
.suces .popup-fttr button {
    float: none;
}
.nw-grup {
    width: 100%;
    float: left;
}
.crt-grp-popup .popup-inner a {
    color: #676767 !important;
}
.nw-grup h3 {
    margin-top: 0;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    border-bottom: solid 1px #f0f0f0;
    padding-bottom: 10px;margin-bottom: 0;
}
.grouptype {
    float: left;
    width: 100%;
    text-align: left;
}
.nw-grup label {
    display: block;
    text-align: left;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 13px;
	margin-top: 5px;
}
.genderlavel {
    display: block;
    text-align: left;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 13px;
}
.exprnc-date {
    float: left;
    width: 100%;
}
.exprnc-date.edu-bg div {
    width: 50%;
    margin: 0 !important;
}
.exprnc-date select {
    width: auto !important;
    padding-right: 22px;
    background-size: 11px;
    background-position-x: 90%;
}
.nw-grup input,
.nw-grup select {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 2px;
    border: solid 1px #d0d0d0;
    height: 40px;
    font-size: 15px;
    padding-left: 10px;
}
.exprnc-date.edu-bg select {
    width: 100px !important;
}
a.grp-close {
    position: absolute;
    right: 15px;
    z-index: 99;
    top: 12px;
    text-decoration: none;
    color: #fff;
}
a.grp-close img {
    width: 50px;
}
a.grp-close i.fa {
    display: block;
    color: #adadad;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
    text-align: center;
    line-height: 20px;
}
.nw-grup textarea {
    width: 100%;
    float: left;
    min-width: 100%;
    border: solid 1px #d0d0d0;
    padding: 6px;
    font-size: 15px;
    max-width: 100%;
    border-radius: 2px;
    margin-bottom: 15px;
}
.popup-fttr {
    float: left;
    width: 100% !important;
    text-align: center;
    padding: 20px 0;
    border-top: solid 1px #e7e7e7;
    margin-top: 30px;
    margin-left: 0 !important;
    padding-bottom: 0;
}
.crt-grp-popup .popup-inner .popup-fttr {
    margin-top: 0;
    border: 0;
    padding-top: 0;
}
#grouppostpopup .popup-fttr {
    float: left;
    text-align: right;
    padding: 0;
    background-color: inherit;
    margin-top: 14px;
    border-top: 0;
    margin-bottom: 14px;
}
#grouppostpopup .popup-fttr button {
    width: 100px;
    border-radius: 2px !important;
    font-size: 15px;
}
input.cal-icon {
    background-image: url(../images/calendar.png);
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: 96% 12px;
}
select#starttime,
select#endtime {
    background-position: 90% 50%;
}
select#eventType {
    background-position: 98% 50%;
}
.popup-fttr button {
    float: none;
    background-color: #990a7f;
    border: 0;
    font-size: 15px;
    padding: 4px 15px;
    color: #fff;
    border-radius: 2px;
    margin-left: 10px;
}
.popup-fttr a {
    padding: 8px;
    text-decoration: none;
    display: inline-block;
    color: #6b6b6b;
}
ul#notice-list li .rquest-box .timelinecontantsubline a {
    color: #990a7f;
}
.timelinelistingcontant {
    font-size: 14px;
    color: rgba(0, 0, 0, .7);
    line-height: 20px;
}
.timelinecontantsubline {
    font-size: 14px;
    color: rgba(0, 0, 0, .7);
}
.img-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999999999999;
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
}
.img-inner-pop {
    max-width: 80%;
    height: 100%;
    margin: auto;
    overflow: hidden;
    text-align: center;
    padding: 50px 0 40px 0;
}
.img-inner-pop img {
    max-width: 100%;
    max-height: 100%;
}
a.img-clos {
    position: absolute;
    right: 20px;
    top: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 11px 15px;
    color: #fff;
}
.popup-alert {
    max-width: 450px;
    margin: auto;
    background-color: #fff;
    overflow: hidden;
    font-size: 16px;
    border-radius: 2px;
    overflow: hidden;
    margin-top: 65px;
    box-shadow: 0 2px 26px rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .1);
}
.alrt-had {
    display: block;
    text-align: left;
    padding: 10px 20px;
    border-bottom: solid 1px #e7e7e7;
    text-transform: capitalize;
    font-size: 15px;
    background-color: #ececec;
    font-weight: bold;
}
.popup-alert .contant {
    text-align: left;
    padding: 15px;
}
.popup-alert .popup-fttr {
    margin-top: 0;
    padding: 7px;
}
.popup-alert .popup-fttr a {
    float: right;
    margin-left: 10px;
    padding: 3px 15px;
    color: #616161;
}
.form-group.budget label {
    padding: 5px 0;
    cursor: pointer;
}
.form-group.budget label input {
    margin-right: 10px;
}
.popup-alert .popup-fttr a:nth-child(2) {
    padding: 0;
}
.popup-alert-cont {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999999999;
    background-color: rgba(0, 0, 0, 0.4);
    height: 100%;
}
.popup-alert .popup-fttr a.yes {
    margin: 0;
    padding: 0;
}
.postimageloading {
    padding: 40px;
    color: #fff;
    text-align: center;
}
ul.erow-list li:hover {
    background-color: #f3f6f8;
}
/*Feed page start here*/

.feed {
    float: left;
    width: 100%;
}
.feed .ttl-hd {
    color: rgba(0, 0, 0, .85);
    font-size: 15px;
}
.feed ul {
    margin-bottom: 0;
    list-style: none;
    float: left;
    width: 100%;
}
.feed ul li {
    float: left;
    width: 33.33%;
    margin-bottom: 15px;
}
.feed_box {
    width: 100%;
    float: left;
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
    text-align: center;
    padding: 15px;
    padding-bottom: 0;
}
.feed_box .fd-img {
    max-width: 80px;
    margin: auto;
}
.feed_box .fd-img img {
    max-width: 100%;
    border-radius: 50%;
}
.feed_box .fd-nm {
    color: rgba(0, 0, 0, .85);
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
}
.feed_box .fd-position {
    color: rgba(0, 0, 0, .55);
    font-size: 15px;
    display: block;
}
.feed_box .fllwrs {
    font-weight: 400;
    font-size: 13px;
    font-style: italic;
    line-height: 16px;
    color: rgba(0, 0, 0, .55);
    display: block;
    text-align: left;
}
/*Feed page end here*/
/*publish article start here*/

.publish-img-sec img {
    height: 396px;
}
.publish-img-sec {
    float: left;
    width: 100%;
    text-align: center;
    padding: 50px 0;
    padding-bottom: 0;
    background-color: #fff;
}
.artcl-cntnt {
    max-width: 80%;
    margin: auto;
}
h3.artcl-heding {
    text-align: left;
    font-size: 28px;
    width: 100%;
    float: left;
    padding-bottom: 20px;
    margin-bottom: 0px;
    margin-top: 20px;
}
.pblsh-txt p {
    margin: 0 !important;
    padding: 0 !important;
}
.color_fff {
    background-color: #fff;
}
.pblsh-txt {
    font-family: Source Serif Pro, serif;
    line-height: 32px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    font-size: 21px;
    margin: 3.2rem 0;
    margin-bottom: 10px;
}
.pblsh-artcl-fttr {
    height: auto;
    padding: 10px 0;
    border-bottom: solid 1px #e6e6e6;
    border-top: solid 1px #e6e6e6;
    width: 100%;
    float: left;
}
.artcl-other {
    float: left;
    width: 50%;
}
.artcl-other a.other-img {
    float: left;
    max-width: 70px;
    margin-right: 10px;
}
.artcl-other a.other-img img {
    max-width: 100%;
    border-radius: 50%;
    border: solid 1px #e7e7e7;
    box-sizing: border-box;
}
.about-other {
    float: left;
    width: 82%;
    margin-top: 8px;
}
.about-other label {
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    display: block;
}
.about-other a {
    color: #000;
    display: block;
}
.about-other a.mr-article {
    font-size: 13px;
    margin-top: 5px;
    color: #990a7f;
}
.social-stats {
    float: left;
    width: 50%;
}
.social-stats ul.tmln_fttr {
    float: right;
    width: auto;
    margin: 21px;
    padding: 0;
    margin-right: 0;
}
a.frfl-img {
    display: block;
    float: left;
    padding: 0 !important;
    margin: 0;
    max-width: 60px;
    margin-right: 10px;
}
a.frfl-img img {
    max-width: 100%;
    border-radius: 50%;
    padding: 8px;
}
ul.more-list li h3 {
    font-size: 14px;
    margin-bottom: 0;
}
ul.more-list li a.vw-prfl {
    padding: 0;
    color: #1c267a;
}
label.postd-on {
    font-size: 13px;
    margin-bottom: 20px;
    display: block;
    float: left;
    margin-top: 20px;
    color: #7e7e7e;
}
.cmmnt-sec.single-post {
    margin: 0;
}
.cmmnt-sec.single-post ul.cmmnt-list li .cmmnt .cmmnt-cntnt {
    width: 90%;
}
.cmmnt-sec.single-post .comnt-write .cmnt-inpt {
    width: 90%;
}
.cmmnt-sec {
    width: 100%;
    float: left;
    margin-top: 30px;
}
.relatd-artcl {
    float: left;
    margin-top: 40px;
    padding-top: 10px;
    border-top: solid 1px #e7e7e7;
    width: 100%;
}
.relatd-artcl h2 {
    font-size: 24px;
}
ul.relatd-list li {
    float: left;
    width: 33.32%;
    overflow: hidden;
    padding: 0 10px;
}
.relatd-artcl-box {
    float: left;
    width: 100%;
}
.relatd-artcl-box img {
    width: 100%;
}
ul.relatd-list {
    width: 100%;
    float: left;
    margin: 0;
    margin-bottom: 50px;
}
.relatd-artcl-box a {
    font-size: 20px;
    margin-top: 15px;
    display: block;
    margin-bottom: 10px;
    line-height: 21px;
}
.relatd-artcl-box label {
    font-size: 12px;
    color: #aba4a4;
}
.post-had-right a.post-type {
    display: block;
    border: solid 1px #e7e7e7;
    margin-top: 5px;
    border-radius: 2px;
    padding: 8px;
    font-size: 15px;
    color: #929191;
    text-decoration: none;
    width: 100%;
}
/*publish article end here*/

#taglinecontantText {
    margin-top: 15px;
}
#taglinecontantText a.updt_prfl {
    margin-left: 10px;
}
.share-popup-cont {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
    display: none;
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
}
.share-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99999999999;
    display: none;
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
}
.sare-img-pop {
    max-width: 550px;
    margin: auto;
    background-color: #fff;
    margin-top: 62px;
    overflow: hidden;
    text-align: center;
    border-radius: 2px;
}
.sare-img-pop img {
    max-height: 120px;
}
.after-img {
    width: 100%;
    float: left;
    padding: 20px;
    padding-bottom: 0;
}
.after-img label {
    width: 100%;
    float: left;
    text-align: left;
}
.after-img input {
    width: 100%;
    float: left;
    height: 35px;
    border: solid 1px #e7e7e7;
    margin: 5px 0;
    padding: 10px;
}
.after-img textarea {
    width: 100%;
    float: left;
    padding: 10px;
    border: solid 1px #e7e7e7;
    margin: 5px 0;
}
.sare-img-pop h2 {
    font-size: 22px;
    padding: 10px;
    text-align: left;
    border-bottom: solid 1px #e7e7e7;
    font-weight: 600;
    margin-top: 0;
}
.share-popup .popup-fttr {
    margin-top: 20px;
}
.share-pop {
    max-width: 400px;
    background-color: #fff;
    margin: auto;
    margin-top: 100px;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
}
ul.share-list {
    width: 100%;
    float: left;
    margin: 0;
    margin-bottom: 30px;
}
.share-pop h2 {
    margin-top: 0;
    font-weight: normal;
    padding: 15px;
    border-bottom: solid 1px #e7e7e7;
}
.share-list li {
    display: block;
    float: left;
    width: 100%;
    padding: 5px 80px;
}
.share-list li a {
    display: block;
    background-color: #990a7f;
    color: #fff;
    text-decoration: none;
}
.share-list li a i.fa {
    display: inline-block;
    padding: 15px;
    width: 43px;
    border-radius: 2px;
    text-align: center;
}
.share-list li a.fb {
    background-color: #365595;
}
.share-list li a.fb i.fa {
    background-color: #334c8c;
}
.share-list li a.tw {
    background-color: #00aaf2;
}
.share-list li a.tw i.fa {
    background-color: #029fe2;
}
.share-list li a.ln {
    background-color: #007ab8;
}
.share-list li a.ln i.fa {
    background-color: #006da5;
}
.share-list li a span {
    padding-left: 10px;
}
.share-list li a i.fa img {
    width: 100%;
}
.share-list li a.kn {
    background-color: #990a7f;
}
.share-list li a.kn i.fa {
    background-color: #26329a;
}
.konect-share-pop {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
    background-color: #fff;
}
.konect-share-pop a.grp-close {
    display: inherit;
    background-color: inherit;
}
.konect-share-pop a.grp-close i.fa.fa-times {
    width: inherit;
    padding: 4px 6PX;
    border-radius: 50%;
    font-size: 12px;
}
ul.tabss {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.tabss li {
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    font-weight: bold;
    width: inherit;
    cursor: pointer;
}
ul.tabss li.current {
    background: #ededed;
    color: #222;
}
.tab-content {
    display: none;
    background: #fff;
    padding: 15px;
    float: left;
    width: 100%;
    border-top: solid 1px #ccc;
    padding-bottom: 5px;
}
.mmbrof_group_list {
    background-color: #fff;
    float: left;
    width: 100%;
}
input.share-inpt {
    width: 100%;
    border: 0;
    padding-left: 10px;
    height: 40px;
    border-radius: 2px;
}
.tab-content.current {
    display: inherit;
}
.grp-post-sec .timlist ul.erow-list li {
    padding: 0;
}
.grp-post-sec .timlist ul.erow-list {
    max-width: 150px;
}
.grp-post-sec ul.tmln_fttr {
    margin-bottom: 10px;
}
.grp-post-sec ul.tmln_fttr li {
    width: auto;
}
ul.grp-chat-list {
    float: left;
    width: 100%;
    margin: 0;
}
ul.grp-chat-list li {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.grp-chat-cntnt {
    float: left;
    width: 100%;
    position: relative;
}
.grp-chat-cntnt .usr img {
    position: absolute;
    left: 0;
    max-width: 40px;
    margin-left: 9px;
    margin-top: 5px;
    border-radius: 50%;
}
.grp-chat-cntnt .gchatlist-right {
    width: 100%;
    float: left;
    padding-left: 60px;
}
.gchatlist-right span.nm {
    display: block;
}
.gchatlist-right span.nm a {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: bold;
}
.gchatlist-right span.nm label {
    margin-left: 5px;
    color: #b5b5b5;
    font-size: 13px;
}
.gchatlist-right .chat-txt {
    font-size: 13px;
    word-break: break-all;
    padding-right: 10px;
    line-height: 16px;
}
span.shared-file {
    display: block;
    float: left;
    width: 100%;
    margin-top: 5px;
}


ul.grp-chat-list li.type2,
ul.grp-chat-list li.type3,
ul.grp-chat-list li.type4  {
    width: 100%;
    max-width: inherit;
    text-align: center;
    margin: 13px 0 !important;
}
ul.grp-chat-list li.type2 .usr,
ul.grp-chat-list li.type3 .usr,
ul.grp-chat-list li.type4 .usr {
    display: none;
}
ul.grp-chat-list li.type2 .gchatlist-right ,
ul.grp-chat-list li.type3 .gchatlist-right ,
ul.grp-chat-list li.type4 .gchatlist-right {
    padding-left: 0;
    min-height: inherit;
}

ul.grp-chat-list li.type2 .time span.nm ,
ul.grp-chat-list li.type3 .time span.nm,
ul.grp-chat-list li.type4 .time span.nm{
    display: none;
}
ul.grp-chat-list li.type2 .time,ul.grp-chat-list li.type2.me .time ,
ul.grp-chat-list li.type3 .time, ul.grp-chat-list li.type3.me .time,
ul.grp-chat-list li.type4 .time,ul.grp-chat-list li.type4.me .time {
  left: 50% !important;
    transform: translateX(-50%);
    bottom: -15px !important;
    text-align: center !important;
    padding: 0 !important;
}
/*ul.grp-chat-list li.type2 .chat-txt{background-color: #ef7f1c !important;}*/
ul.grp-chat-list li.type2 .chat-txt,
ul.grp-chat-list li.type3 .chat-txt,
ul.grp-chat-list li.type4 .chat-txt
{
    background-color: #cfeafa !important;
    display: inline-block;
    margin: auto;
    color: #000;
    font-size: 13px;
    padding: 2px 15px !important;
    padding-bottom: 3px !important;
    border-radius: 6px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}
ul.grp-chat-list li.type2.me,
ul.grp-chat-list li.type3.me,
ul.grp-chat-list li.type4.me {
    background-color: transparent;
    box-shadow: inherit;
    margin-right: 0;
}
/*ul.grp-chat-list li.type3 .chat-txt{background-color: #38b055 !important;}
ul.grp-chat-list li.type4 .chat-txt{background-color: #607d8b !important;}*/



.file-box {
    width: 100%;
    float: left;
}
.file-box span.icon-file {
    float: left;
    width: 35px;
    text-align: center;
    margin-right: 0;
    padding-top: 3px;
}
.file-box span.icon-file img {
    max-width: 30px;
    padding-right: 6px;
}
.file-box span.fl-box-right {
    float: left;
    width: 90%;
    margin-top: 2px;
}
.file-box:hover {
    background-color: #e5f5ff;
}
.file-box.link {
    padding-left: 15px;
}
span.fl-box-right h4 {
    margin-top: 0;
    margin-bottom: 0px;
}
.file-box span.photo-file {
    display: block;
    width: 100%;
    text-align: center;
}
.file-box span.photo-file img {
    max-width: 230px;
    margin-bottom: -2px;
}
span.shared-file a {
    display: block;
}
.file-box.photo {
    width: auto;
    padding: 5px;
}
.file-box {
    width: 100%;
    float: left;
    padding: 5px 0;
    border: solid 1px #e7e7e7;
    border-radius: 2px;
    margin-top: 5px;
    padding-left: 10px;
}
span.shared-file label {
    color: #b5b5b5;
}
span.shared-file label i.fa {
    display: none;
}
/*[Evant page start here]*/

.evnts {
    width: 100%;
    float: left;
    margin-top: 1px;
}
ul.cntr_tab li.evnt-crt-btn {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-47%);
    -webkit-transform: translateY(-47%);
}
.evnt-bnnr {
    float: left;
    width: 100%;
    padding: 44px 0 32px;
    height: 305px;
    background-image: url(../images/evnt-bnnr.jpg);
    text-align: center;
    background-size: cover;
    z-index: 9;
    background-repeat: no-repeat;
    position: relative;
}
.evnt-info-bnn {
    width: 100%;
    float: left;
    overflow: hidden;
    height: 277px;
}
.evnt-info-bnn img {
    max-width: 100%;
    height: auto;
    width: 100%;
    min-height: 277px;
}
ul.cntr_tab li.evnt-crt-btn a {
    padding: 5px 20px;
        background-color: #ebebeb;
    color: #5e5e5e;
    font-size: 15px;
    margin-right: 10px;
    border-radius: 2px;
}
ul.cntr_tab li.evnt-crt-btn.smbcls a {
        background-color: #ebebeb;
}
ul.cntr_tab li.evnt-crt-btn a.active:after {
    display: none;
}
.evnt-bnnr h1 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 4px;
    color: #fff;
    font-weight: 300;
    margin-top: 0;
    text-transform: capitalize;
}
.evnt-bnnr label {
    margin-bottom: 19px;
    opacity: .8;
    color: #fff;
    display: none;
    font-size: 22px;
}
.serch-evnt {
        width: 330px;
    position: relative;
    margin: auto;
    margin-top: 124px;
    margin-right: 0px;
}
.serch-evnt input {
    border: solid 1px #e7e7e7;
    padding: 10px;
}
button.srch {
    background-color: #990a7f!important;
    border: 0;
    padding: 11px;
    color: #fff;
    float: left;
    border-radius: 0 2px 2px 0 !important;
}
.serch-evnt input.topc {
    width: 227px !important;
    float: left;
    border: 0;
    padding: 11px;
    border-radius: 2px 0 0 2px;
}
.serch-evnt input.topc:focus {
    border: 0;
}
.serch-evnt input.locat {
    width: 200px;
    float: left;
}
.featurd-evnt {
    float: left;
    width: 100%;
    padding: 20px;
    background-color: #fff;
    padding-bottom: 10px;
}
.timlist .hedr .hdr_right {
    width: 100%;
    min-height: 50px;
}

.timlist .hedr .hdr_right span {font-size:14px !Important; color:#657786 !Important; font-weight:500 !Important;}
}

a.openingooglemap {
    display: inline-block;
    margin-top: 10px;
    border: solid 1px #990a7f;
    border-radius: 2px;
    padding: 5px 16px;
    padding-left: 13px;
}
a.openingooglemap i.fa {
    margin-right: 5px;
}
.featurd-evnt h3 {
    margin-top: 0;
    font-size: 18px;
    font-weight: 400;
    border-bottom: solid 1px #e7e7e7;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
.featurd-evnt-cont {
    float: left;
    width: 100%;
    background-color: #fff;
    padding-bottom: 20px;
}
.fetrd-right {
    float: left;
    width: 50%;
    position: relative;
}
.fetrd-right.going {
    width: 100%;
}
.fetrd-right .img {
    width: 100px;
    position: absolute;
    min-height: 80px;
}
.fetrd-right .img img {
    max-width: 100%;
}
a.block {
    display: block;
}
.fetrd-right-txt {
    float: left;
    width: 100%;
    padding-left: 125px;
    min-height: 80px;
}
.fetrd-right-txt h2 {
    margin: 0;
    font-size: 19px;
    line-height: 18px;
}
.fetrd-right-txt .dt {
    color: #888888;
    font-size: 14px;
}
.evnt-list-cont {
    width: 100%;
    float: left;
    background-color: #fff;
    border-top: solid 1px #e7e7e7;
}
ul.evnts-list {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}
ul.evnts-list li {
    width: 50%;
    float: left;
    margin-bottom: 0;
}
ul.evnts-list li:nth-child(even) .evnt_box {
    border-right: 0;
}
.evnt_box {
    width: 100%;
    float: left;
    padding: 20px;
    box-sizing: border-box;
    border-right: solid 1px #e7e7e7;
    border-radius: 0px;
    height: 136px;
    border-bottom: solid 1px #e7e7e7;
}
.evnt_box .evnt-img {
    width: 96px;
    text-align: center;
    border: solid 1px #e7e7e7;
    height: 96px;
    overflow: hidden;
    position: absolute;
}
.evnt-dtail {
    float: right;
    width: 70%;
    position: relative;
}
.evnt-dtail .ttl {
    font-size: 16px;
    display: block;
    line-height: 22px;
    margin-bottom: 5px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 25px;
}
.evnt-dtail .evnt-dration {
    color: #000;
    display: block;
    font-size: 14px;
}
.evnt-dtail .locat {
    color: #8e8e8e;
    margin-top: 3px;
    display: block;
}
.evnts a.more-fttr i.fa {
    font-size: 12px;
    margin-left: 5px;
}
.evnts a.more-fttr {
    display: block;
    text-decoration: none;
    float: left;
    position: inherit;
    width: 100%;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    margin-top: 0;
    border-top: 0;
    border-bottom: solid 1px #ccc;
    background-color: #e7e7e7;
}
.evnt-dtail ul.grupmmbrlist li {
    float: inherit;
    display: inline-block;
    margin-bottom: 0;
}
.evnt-info-bnnr {
    float: left;
    width: 100%;
    height: 250px;
    background-image: url(../images/evntbanner.jpg);
    position: relative;
}
.info-head {
    width: 100%;
    float: left;
    padding: 30px;
    padding-left: 100px;
    padding-top: 0;
    margin-top: -70px;
    z-index: 99;
    position: relative;
}
.evnt-info-titl h2 {
    font-size: 28px;
    margin-top: 0;
    color: #fff;
    height: 60px;
    font-weight: 600;
    text-shadow: 2px 2px 4px #000;
    line-height: 28px;
    text-transform: capitalize;
}
.evnt-info-titl a {
    font-size: 18px;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 600px;
    display: block;
}
.info-head .info-img {
    float: left;
    margin-right: 15px;
    max-width: 130px;
    height: 135px;
    overflow: hidden;
    text-align: center;
    width: 130px;
}
.info-head .info-img input {
    cursor: pointer;
}
.info-img img {
    border: solid 1px #ccc;
    padding: 2px;
    max-width: 100%;
    max-height: 100%;
    background-color: #fff;
    min-width: 100%;
    border-radius: 2px;
}
.info-head .evnt-info-titl {
    float: left;
    width: 70%;
}
.bgwhite {
    background-color: #fff;
    width: 100%;
    float: left;
}
.info-head .featurd-evnt {
    padding-left: 0;
    padding-right: 0;
}
.evnt-timing {
    float: left;
    width: 50%;
    padding-bottom: 20px;
    position: relative;
}
.evnt-timing i.fa {
    float: left;
    width: 40px;
    height: 41px;
    text-align: center;
    font-size: 21px;
    padding-top: 10px;
}
.evnt-timing .tim {
    padding-left: 45px;
    font-size: 15px;
}
.tim label {
    font-weight: 600;
    font-size: 17px;
}
.tim a {
    font-size: 16px;
}
.going p {
    margin-top: 0;
    font-size: 15px;
}
.going-btn {
    float: right;
}
.going-btn a.share {
    border: solid 1px #d1d1d1;
    display: inline-block;
    padding: 5px 8px;
    float: right;
    color: #757575;
}
.btn-going {
    float: left;
    position: relative;
    margin-right: 15px;
}
.btn-going a.rugo {
    display: block;
    background-color: #990a7f;
    padding: 6px 15px;
    color: #fff;
    border-radius: 2px;
    text-decoration: none;
    padding-right: 12px;
    width: 130px;
    position: absolute;
    right: -32px;
    top: -30px;
}
ul.go-btn-list.open {
    display: block !important;
}
ul.go-btn-list {
    margin: 0;
    background-color: #fff;

    position: absolute;
    width: 100%;
    z-index: 9999;
    right: -31px;
    top: 0;border-radius: 2px;
    width: 128px;
}
.frnd-user-buttons .more:hover ul.go-btn-list {
    display: block !important;
}
.frnd-user-buttons .more ul.go-btn-list:before {
    position: absolute;
    content: '';
    top: -7px;
    z-index: 999;
    right: 45px;
    width: 13px;
    height: 13px;
    background-color: #990a7f;;
    border: solid 1px #e7e7e7;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    border-right: 0;
    border-bottom: 0;
    z-index: -1;
}
ul.go-btn-list li a:hover {
    background-color: #f3f6f8;
    color: #990a7f;
}
.frnd-user-buttons .more:hover ul.go-btn-list {
    display: block !important;
}
.frnd-user-buttons .more ul.go-btn-list li a {
    border: solid 1px #f0f0f0;
}
.frnd-user-buttons .more ul.go-btn-list li:first-child a {
    border-top: 0;
}
.frnd-user-buttons .more ul.go-btn-list {
    top: 104%;
    width: 190px;
    right: 0;
}
ul.go-btn-list li:last-child a {
    border-bottom: 0;
}
ul.go-btn-list li a {
    display: block;
    padding: 8px 12px;
    text-decoration: none;
    padding-left: 20px;
    border-bottom: solid 1px #e7e7e7;
    font-size: 14px;
}
a.rugo i.fa {
    margin-left: 5px;
    font-size: 12px;
}
.evnt-list-cont.info ul.cntr_tab li a {
    padding: 15px;
}
.evnt-list-cont.info ul.cntr_tab li a:after {
    width: 50px;
}
ul.grp-mmbr_list.groupontimeline li {
    border-bottom: 0 !important;
    padding: 0;
    width: auto;
}
a.more-fttr {
    display: block;
    text-align: center;
    padding-top: 10px;
    float: left;
    width: 100%;
    border-top: solid 1px #ccc;
    margin-top: 10px;
    position: absolute;
    text-decoration: none;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    padding-bottom: 10px;
}
#inviteemail h3 {
    border: 0;
    padding-left: 0;
}
#inviteemail .popup-fttr {
    margin-top: 0;
}
.evnt-list-cont.info .cntr_tab {
    padding: 0 0;
    border-bottom: solid 1px #e7e7e7;
}
.evnt-mmbrs {
    float: left;
    width: 100%;
    padding: 15px;
}
.left-sec {
    width: 65%;
    float: left;
}
.left-guest {
    width: 50%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}
.left-guest .h2 {
    font-size: 20px;
}
.left-sec ul.grupmmbrlist li {
    display: inline-block;
}
.left-sec .going-mmbr {
    display: block;
    color: #990a7f;
}
.left-sec .going-mmbr strong {
    margin-right: 5px;
}
.evnt-descrptn {
    float: left;
    width: 100%;
    padding-top: 40px;
}
.evnt-descrptn p {
    line-height: 26px;
    font-size: 14px;
}
.evnt-descrptn strong {
    display: block;
}
.right-sec {
    float: left;
    width: 35%;
    padding: 10px;
}
.evnt-list-cont .evnt-mmbrs .right-sec {
    padding-left: 30px;
}
.evnt-right-hdng {
    font-size: 20px;
    margin-bottom: 15px;
    display: block;
    margin-top: 36px;
}
.organigr-cont {
    display: block;
    padding-bottom: 20px;
    float: left;
    width: 100%;
    border-bottom: solid 1px #e7e7e7;
}
.orgnised {
    display: block;
    width: 100%;
    float: left;
}
.orgnised .org-img {
    width: 60px;
    float: left;
    height: 60px;
    position: absolute;
    overflow: hidden;
}
.orgnised .org-img img {
    max-width: 100%;
    border-radius: 50%;
}
.orgnised .evnt-orgr-info {
    float: right;
    width: 100%;
    padding-left: 70px;
}
.evnt-orgr-info a {
    font-size: 16px;
}
.organigr-cont .sub-hdng {
    font-size: 20px;
    margin: 40px 0 15px 0;
    display: block;
}
.vanue {
    width: 100%;
    float: left;
}
.vanue strong {
    display: block;
}
.vanue .txt {
    display: block;
}
.post-evnt {
    width: 100%;
    background-color: #fff;
    padding: 20px;
    margin: auto;
}
ul.upld-img-list.searchphoto {
    text-align: center;
}
ul.upld-img-list.searchphoto li.gall {
    width: 19% !important;
    margin: 0 !important;
    display: inline-block !important;
    float: none !important;
    max-width: inherit !important;
    height: 150px !important;
}
.post-evnt form {
    width: 84%;
    margin: auto;
}
.post-evnt h2 {
    font-weight: 600;
    font-size: 26px;
    margin-top: 0;
    border-bottom: solid 1px #e7e7e7;
    padding-bottom: 10px;
    text-align: center;
}
.evnts.post {
    background-color: #fff;
}
.post-evnt label {
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
    margin-top: 15px;
    width: 100%;
    float: left;
}
.post-evnt input,
.post-evnt select,
.post-evnt textarea {
    width: 100%;
    color: #5f5f5f;
    padding: 10px;
    border-radius: 2px;
    max-width: 100%;
    border: solid 1px #e7e7e7;
}
.timlist .going span {
    padding: 0 !important;
}
.post-evnt.company-edt form .pst-evnt-btns {
    width: 100%;
}
.uploadimg {
    display: block;
    width: 80%;
    border: solid 1px #e7e7e7;
    padding: 10px;
    background-color: #eef9fd;
    margin: auto;
    cursor: pointer;
    margin-top: 15px;
    overflow: hidden;
}
.uploadimg ul.upld-img-list {
    margin: 0;
    display: none;
}
ul.upld-img-list.logo {
    text-align: center;
}
ul.upld-img-list.logo li {
    display: inline-block;
    float: none;
}
.uploadimg ul.upld-img-list li {
    max-width: 126px;
    height: 130px;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 0;
}
.uploadimg form {
    width: 100%;
}
.uploadimg span.up-btn {
    display: block;
    text-align: center;
    font-size: 70px;
    float: none;
    color: #990a7f;
    cursor: pointer;
}
.uploadimg ul.upld-img-list li:last-of-type {
    max-width: 130px;
    height: 130px;
    display: block;
}
.post-evnt h2 {
    font-weight: 600;
    font-size: 26px;
    margin-top: 0;
    text-align: left;
    border-bottom: solid 1px #e7e7e7;
    padding-bottom: 10px;
}
.pst-evnt-btns button {
    margin: auto;
    background-color: #990a7f;
    color: #fff;
    border: 0;
    padding: 7px 25px;
    border-radius: 2px;
    text-decoration: none;
    font-size: 15px;
}
.pst-evnt-btns.comp button {
    margin-top: 15px;
}
.pst-evnt-btns {
    display: block;
    padding: 20px;
    text-align: right;
    margin-top: 20px;
    overflow: hidden;
    padding-top: 15px;
    margin-bottom: 20px;
    width: 84%;
    margin: auto;
    padding-right: 0;
}
.uploadimg span.up-btn span {
    font-size: 12px;
    display: block;
    float: none;
    font-family: 'Source Sans Pro', sans-serif !important;
}
.evnt_box .evnt-img img {
    max-width: 100%;
    border-radius: 0;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.post-evnt .evnt-right-fld {
    float: right;
    width: 50%;
}
.post-evnt .evnt-left-fld {
    float: left;
    width: 49%;
}
/*[Evant page end here]*/

.updt-compny {
    float: left;
    width: 100%;
    position: relative;
}
.deleteupdate{
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 14px;
    color: red;
    padding: 2px 6px;
    border-radius: 4px;
    cursor: pointer;
    z-index: 9;
    -webkit-text-stroke: 1px #fff;
}
.deleteupdate:hover:after{display: block;}
.deleteupdate:after {
    position: absolute;
    content: 'Remove this update ';
    white-space: nowrap;
    color: #fff !important;
    right: 100%;
    z-index: 999;
    display: none;
    -webkit-text-stroke: 0;
    font-size: 11px;
    background-color: #000;
    padding: 1px 6px;
    font-family: 'Source Sans Pro', sans-serif !important;
    top: 2px;
    border-radius: 3px;
    padding-bottom: 3px;
}
.updt-compny .employers .dt {
    font-size: 11px;
    color: #848282;
}
.updt-compny .employers {
    margin-bottom: 15px;
}
/*[News page start here]*/

.news_cont {
    float: left;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    background-color: #fff;
    padding-right: 0;
    padding-bottom: 0;
}
.news-left-cont {
    float: left;
    width: 70%;
    border-right: solid 1px #e7e7e7;
}
.news-right-cont {
    float: right;
    width: 30%;
}
.news {
    width: 100%;
    float: left;
    border-right: solid 1px #e7e7e7;
}
.news-img {
    position: relative;
    width: 100%;
    float: left;
}
.news-img img {
    max-width: 100%;
}
.news .nws-ttl {
    width: 100%;
    position: absolute;
    bottom: 0;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0 20px;
}
.nws-ttl h3 {
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
    margin-bottom: 10px;
}
.nws-ttl p {
    margin: 0;
    color: #fff;
    padding-bottom: 15px;
}
.latest-nws h3 {
    font-size: 18px;
    border-bottom: solid 1px #e7e7e7;
    padding-bottom: 10px;
    text-transform: capitalize;
}
.latest-nws {
    float: left;
    width: 100%;
}
ul.news-list {
    margin: 0;
    width: 100%;
    float: left;
}
ul.news-list li {
    width: 100%;
    float: left;
}
.news-box {
    float: left;
    width: 100%;
    padding-right: 10px;
}
.news-box .img {
    float: left;
    width: 20%;
}
.news-box .img img {
    max-width: 100%;
    border: solid 1px #e7e7e7;
    padding: 5px;
    box-sizing: border-box;
}
.news-box .news-desc {
    float: right;
    width: 78%;
}
.news-desc a {
    font-size: 18px;
}
.news-desc p {
    font-size: 14px;
    margin-top: 0;
}
ul.news-list li {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #e7e7e7;
}
ul.news-list li:last-child {
    border-bottom: 0;
}
.news-right-cont h4 {
    font-size: 18px;
    border-bottom: solid 1px #e7e7e7;
    padding-bottom: 10px;
    text-transform: capitalize;
    float: left;
    width: 100%;
    margin-top: 18px;
    padding-left: 15px;
    margin-bottom: 11px;
}
.right-nwsbx {
    float: left;
    width: 100%;
    border-bottom: solid 1px #e7e7e7;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.right-nwsbx a {
    font-size: 16px;
}
.right-nwsbx p {
    font-size: 12px;
    margin-top: 5px;
}
.newsbx-img {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    position: relative;
}
.newsbx-img a {
    display: block;
    text-align: center;
}
.newsbx-img a img {
    max-width: 100%;
    display: block;
    position: relative;
    margin: auto;
    max-height: 96px;
}
.newsbx-img .ttl {
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
    width: 100%;
    text-align: left;
    left: 0;
    color: #fff;
    margin-bottom: 0;
    padding: 10px;
}
/*[News page end here]*/

.evnt-show-info {
    width: 100%;
    float: left;
    position: relative;
}
.evnt-show-info .img {
    width: 100%;
    max-height: 200px;
    overflow: hidden;
    float: left;
    position: relative;
}
.evnt-show-info .img img {
    width: 100%;
    height: auto;
    border-radius: 2px;
}
.evnt-prfl {
    float: left;
    width: 100%;
    padding: 0 50px;
}
.evnt-prfl-img {
    width: 130px;
    display: block;
    max-height: 130px;
    position: absolute;
    z-index: 99;
    top: 50%;
    border-radius: 2px;
    left: 10%;
    border: solid 2px #fff;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.evnt-prfl-img img {
    width: 100%;
}
.evnt-show-ttl {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 15px;
}
.evnt-show-ttl a {
    font-size: 18px;
}
.loader {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    left: 0;
    top: 0;
    display: none;
    z-index: 99999999999999999;
    text-align: center;
}
.loader span img {
    width: 40px;
    margin-top: 20px;
}
.loader span {
    width: 100px;
    height: 100px;
    display: block;
    background-color: #fff;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    border-radius: 2px;
}
.loader span span {
    padding: 0;
    position: relative;
    width: 100%;
    height: auto;
    top: 10px;
    display: block;
}
.accept-notification {
    padding: 10px;
    background-color: #00b95b;
    float: left;
    width: 100%;
    margin-bottom: 15px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.trivia-slider {
    width: 100%;
    float: left;
    background-color: #fff;
    padding: 10px;
    padding-bottom: 0;
    border-radius: 2px;
}
.write-cont {
    float: left;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
    padding: 15px;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
}
.write-cont h2 {
    margin-bottom: 0;
    float: left;
    margin-top: 0px;
}
a.writ-btn {
    float: right;
    padding: 5px 18px;
    color: #fff;
    background-color: #990a7f;
    text-decoration: none;
    font-size: 15px;
    border-radius: 2px;
}
ul.requst-list.block {
    margin: 0;
    float: left;
    width: 100%;
    min-height: 230px;
    max-height: 250px;
    overflow-y: auto;
}
ul.requst-list.block li {
    float: left;
    width: 100%;
    min-height: 55px;
    border-bottom: solid 1px #e7e7e7;
}
ul.requst-list.block li .rquest-box {
    width: 100%;
    position: relative;
}
ul.requst-list.block li .rquest-box a.rqst-img {
    left: 0;
}
ul.requst-list.block li .rquest-middle a {
    font-size: 13px;
}
ul.requst-list.block li .add-frnd a {
    font-size: 13px;
    color: #fff !important;
}
ul.requst-list.block li .rquest-box .rquest-middle span {
    display: block;
}
ul.trivia-sllist {
    margin: 0;
    float: left;
    width: 100%;
}
ul.trivia-sllist li {
    float: left;
    width: 25%;
    position: relative;
    height: 320px;
    overflow: hidden;
    background-size: cover;
    box-sizing: border-box;
    background-position: center center;
    background-repeat: no-repeat;
}
ul.trivia-sllist li img.bgimg {
    position: absolute;
    width: 100%;
    height: 100%;
}
.artcle {
    width: 100%;
    float: left;
    padding: 0;
    background-color: #fff;

    margin-top: 1px;
}
.serach-result-timeline{width: 70%;}
.cntr_cntnt.popular {
    width: 730px;
    padding: 15px;
    padding-right: 0;
}
ul.news-half {
    width: 100%;
    float: left;
    margin: 0;
    padding:
}
.cntr_cntnt.popular h2 {
    font-size: 18px;
    margin-top: 0;
    font-weight: 400;
}
ul.news-half {
    width: 100%;
    float: left;
    margin: 0;
}
.center_content.nologin ul.news-half li {
    width: 375px;
}
.bx-shadow .artcle {
    box-shadow: inherit;
}
ul.news-half li {
    float: left;
    width: 355px;
    position: relative;
    margin-bottom: 15px;
}
ul.news-half li:nth-child(even) {
    margin-right: 0;
    float: right;
}
ul.news-half li .news2box {
    width: 100%;
    overflow: hidden;
    padding: 0;
    background-color: #ffffff;
    margin: auto;
    position: relative;
    box-sizing: border-box;
    border: solid 1px #e7e7e7;
    border-bottom: 2px solid #e6e6e6;
}
.news2box a.bgimg {
    display: block;
    width: 100%;
    height: 200px;
    text-align: center;
    overflow: hidden;
}
.ttl-head {
    float: left;
    width: 100%;
}
.ttl-head span {
    color: #b1b1b1;
    margin-top: 0;
    font-size: 12px;
    display: block;
}
.artcl-hdng {
    height: 45px;
}
.news2box .ttl-head {
    padding: 10px;
    padding-top: 9px;
}
.shrt-news .ttl-head span {
    margin-bottom: 10px;
}
.news2box .ttl-head a {
    color: #000;
    font-size: 16px;
}
.news2box a.bgimg img {
    width: 100%;
}
.ttl-head a {
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    height: 21px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
}
.ttl-head a ~ a {
    font-weight: normal;
}
ul.artcl-short-nws {
    float: left;
    width: 100%;
    margin-top: 10px;
}
ul.artcl-short-nws li {
    float: left;
    width: 299px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.shrt-news {
    float: left;
    width: 100%;
    position: relative;
    border: solid 1px #e7e7e7;
    padding: 10px;
    border-bottom: 2px solid #e6e6e6;
    overflow: hidden;
}
.shrt-news a.shrt-img {
    float: left;
    width: 100px;
    text-align: center;
    padding-right: 10px;
}
.shrt-news .ttl-head {
    width: 68%;
    float: right;
}
.shrt-news a.shrt-img img {
    max-width: 100%;
}
ul.artcl-short-nws.latest li .shrt-news a.shrt-img {
    width: 76px;
}
ul.artcl-short-nws.latest li {
    margin-right: 0;
    width: 100%;
}
ul.artcl-short-nws.latest {
    margin: 0;
    padding-right: 15px;
}
.artcle .hm_right_sec h4 {
    font-size: 18px;
    margin-top: 0;
    text-align: left;
    font-weight: 400;
    margin-bottom: 15px;
    color: #4a4a4a;
}
.artcl-add {
    width: 100%;
    float: left;
    padding-right: 10px;
    margin-bottom: 20px;
}
.artcl-add img {
    width: 100%;
}
.shrt-news.articleauthor h4 {
    font-size: 16px;
}
.shrt-news.articleauthor a.shrt-img {
    width: 56px;
}
.heddr ul.go-btn-list a {
    color: #777777;
}
.heddr ul.go-btn-list a:hover {
    color: #000;
}
ul.latst-postlist {
    margin: 0;
    float: left;
    width: 100%;
}
ul.latst-postlist li {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
ul.latst-postlist li .shrt-news {
    padding: 5px;
    background-color: inherit;
}
ul.latst-postlist li .shrt-news .ttl-head {
    width: 80%;
}
ul.latst-postlist li .shrt-news a.shrt-img {
    width: 40px;
}
/* Trivia Detail start*/

.cntr_cntnt.popular-dtail h2 {
    font-size: 24px;
    margin-top: 0;
    font-weight: 400;
}
.shrt-news.articleauthor .ttl-head {
    width: 70%;
}
.shrt-news.articleauthor a.shrt-img img {
    border-radius: 50%;
}
.shrt-news.articleauthor {
    height: auto;
    margin-top: 15px;
}
.detail-cntnt div {
    width: auto !important;
}
.detail-cntnt p {
    font-size: 16px;
    line-height: 23px;
    text-align: left;
    width: auto !important;
}
.detail-cntnt p:first-of-type {
    margin-top: 0;
}
.detail-cntnt {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
}
.detail-cntnt ol {
    padding-left: 30px;
}
.detail-cntnt ol li {
    text-align: left;
    line-height: 24px;
}
.detail-cntnt img {
    max-width: 100%;
    padding-right: 18px;
}
.cntr_cntnt.popular-dtail .pblsh-artcl-fttr .artcl-other .about-other {
    width: 71%;
    margin-top: 3px;
}
.cntr_cntnt.popular-dtail .cmmnt .cmmnt-cntnt {
    width: 88%;
    float: left;
}
.cntr_cntnt.popular-dtail .comnt-write .cmnt-inpt {
    width: 100%;
    float: left;
    padding-left: 60px;
}
.comnt-write.artcle-cmnt .cmnt-inpt button i.fa.fa-paper-plane {
    margin-left: 0;
}
.comnt-write.artcle-cmnt .cmnt-inpt button {
    top: 49%;
}
.comnt-write.artcle-cmnt .cmnt-inpt {
    padding-left: 0 !important;
}
.mor-for-u {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.mor-for-u h2 {
    font-size: 20px !important;
    margin-bottom: 15px;
    border-bottom: solid 1px #e7e7e7;
    padding-bottom: 6px;
}
ul.morefulist {
    float: left;
    margin: 0;
    width: 100%;
}
ul.morefulist li {
    float: left;
    width: 33%;
    margin-bottom: 20px;
    padding: 0 5px;
    position: relative;
}
ul.morefulist li a {
    display: block;
}
.foru-box {
    width: 100%;
    float: left;
    padding: 0 5px;
    overflow: hidden;
}
.foru-box span.mrimg {
    display: block;
    width: 100%;
    height: 140px;
    position: relative;
    overflow: hidden;
    border: solid 1px #e7e7e7;
}
.foru-box span.mrimg img {
    height: auto;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.foru-box .link {
    font-size: 16px;
    margin-bottom: 05px;
    display: block;
    color: #444242;
    margin-top: 10px;
    height: 40px;
}
.foru-box .branding {
    display: block;
    font-size: 13px;
    color: #7b7b7b;
}
/* Trivia Detail end*/
/* Company Detail start*/

h2 {
    font-size: 18px;
    margin-top: 0;
    color: #000;
    font-weight: 400;
    margin-bottom: 15px;
}
ul.employers-list {
    margin: 0;
    width: 100%;
    float: left;
    padding-right: 10px;
}
ul.employers-list.recomend {
    padding-right: 0;
}
ul.employers-list.recomend li .employers.secont-type {
    position: relative;
}
.employers.secont-type .comp-logo {
    top: 0;
    transform: translateY(0);
    margin-bottom: 10px;
    height: 50px;
    width: 100% !important;
    max-width: 100%;
    position: relative !important;
    min-height: 50px !important;
    border: 0;
    border-bottom: solid 1px #e7e7e7;
}
ul.employers-list.recomend li .employers.secont-type .comp-mddl {
    padding-left: 0;
    text-align: center;
    min-height: 50px;
}
.compny {
    width: 100%;
    float: left;
    padding: 15px;
    padding-right: 0;
}
ul.employers-list li {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.employers {
    float: left;
    width: 100%;
    position: relative;
    border: solid 1px #e7e7e7;
    padding:10px 15px;
    transition: 200ms;
    -webkit-transition: 200ms;
    -ms-transition: 200ms;
    border-radius: 2px;
}
.employers:hover {
    border-color: #e7e7e7;
    box-shadow: 1px 2px 6px 0 rgba(128, 128, 128, 0.15);
}
.employers .comp-logo {
    max-width: 20%;
    overflow: hidden;
    text-align: center;
    width: 115px;
    background-color: #ffffff;
    position: absolute;
    height: 70px;
    border: solid 1px #e7e7e7;
    top: 16px;
}
.updt-compny .employers a.nm {
    padding-right: 15px;
}
.employers .comp-mddl {
    float: right;
    width: 100%;
    padding-left: 120px;
    min-height: 75px;
}
.employers .comp-logo img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 5px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.comp-mddl .nm {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #990a7f;
}
ul.employers-list.recomend li .employers {
    padding: 10px;
}
ul.employers-list.recomend li .employers .comp-logo {
    width: 70px;
    min-width: inherit;
    min-height: 70px;
    position: absolute;
}
ul.employers-list.recomend li .employers .comp-logo img {
    max-height: 50px;
    max-width: 100%;
}
ul.employers-list.recomend li .employers .comp-mddl .catgr {
    height: 20px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    overflow: hidden;
}
.artcle .color_fff {
    box-shadow: inherit;
}
ul.tmln_fttr li:nth-child(2),
ul.tmln_fttr li:nth-child(2) a {
    cursor: inherit;
}
ul.tmln_fttr li:nth-child(2):hover {
    background-color: inherit;
}
ul.tmln_fttr li:nth-child(2):hover a {
    color: #909090;
}
ul.employers-list.recomend li .employers .comp-mddl a {
    display: block;
    font-size: 14px;
    color: #990a7f;
    height: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
ul.employers-list.recomend li .employers .comp-mddl {
    width: 100%;
    box-sizing: border-box;
    padding-left: 77px;
}
.comp-mddl .catgr {
    font-size: 14px;
    display: block;
    color: #757575;
}
.comp-mddl .clstou {
    margin-top: 14px;
    display: block;
    word-wrap: break-word;
    color: #5a5a5a;
}
.crt-employr {
    display: block;
    text-align: center;
    padding-right: 15px;
    width: 100%;
    float: left;
    margin-top: 0;
    padding-bottom: 10px;
}
.crt-employr .btn i.fa {
    margin-right: 10px;
    -webkit-text-stroke: 1px #38af55;
    text-stroke: 1px #38af55;
}
.chatfiledownload a.dwnload {
    color: #fff;
    background-color: #990a7f;
    padding: 0 6px;
    border-radius: 2px;
    font-size: 12px;
    padding-bottom: 2px;padding-top: 1px;
}
.chatfiledownload a.dwnload {
    float: right;
    margin-left: 6px;
    padding: 0 8px;
}
.chatfiledownload {
    margin-right: -6px;
}
.chatfiledownload a.dwnload i.fa {
    font-size: 17px;
}
.artcle.comp-profile .hm_right_sec .crt-employr .btn i.fa {
    -webkit-text-stroke: inherit;
    text-stroke: inherit;
}
.crt-employr .btn {
    font-size: 15px;
    text-decoration: none;
    background-color: #990a7f;
}
.artcle.comp-profile .hm_right_sec .crt-employr {
    padding-right: 0;
}
.artcle.comp-profile .hm_right_sec .crt-employr .btn {
    max-width: 200px;
    float: none;
    margin: auto;
    background-color: #ffffff;
    padding: 5px 7px 5px 9px;
    border-radius: 2px;
    border: 1px #a0a0a0 solid;
    color: #777;
    font-size: 15px;
    margin-top: 0 !important;
}
.artcle.comp-profile .hm_right_sec .crt-employr .btn:hover {
    border-color: #990a7f;
    color: #990a7f;
}
.hm_right_sec .box {
    border-bottom: 1px solid #e5e5e5;
    padding: 24px 16px 28px;
    position: relative;
    padding-left: 0;
    float: left;
    width: 100%;
    padding-right: 0;
}
.yremployr {
    width: 100%;
    display: block;
    float: left;
}
.yremployr .img img {
    max-width: 100%;
}
.yremployr .yremployr-dtail {
    width: 60%;
    float: left;
}
.yremployr .img {
    float: left;
    max-width: 40px;
    margin-right: 10px;
    width: 35%;
}
.yremployr-dtail a {
    display: block;
    font-size: 15px;
}
.yremployr-dtail span {
    display: block;
    font-size: 13px;
    color: #676767;
}
#groupformdiv .popup-inner {
    margin-top: 15px;
}
#groupformdiv .popup-fttr {
    width: 100% !important;
    margin-top: 0;
    text-align: center;
    margin-bottom: 0;
}
ul.feturd-employrs-list {
    width: 100%;
    float: left;
    margin: 0;
    background: -webkit-linear-gradient(left, #fff 0%, #DDDCDC 50%, #fff 100%);
    background: -o-linear-gradient(left, #fff 0%, #DDDCDC 50%, #fff 100%);
    background: linear-gradient(to right, #fff 0%, #DDDCDC 50%, #fff 100%);
}
ul.feturd-employrs-list li {
    width: 100%;
    float: left;
    text-align: center;
    background-color: #fff;
    margin-bottom: 1px;
}
ul.feturd-employrs-list li a {
    display: block;
    margin: auto;
    padding: 10px 0;
}
ul.feturd-employrs-list li a img {
    max-height: 35px;
    padding: 0;
}
#clpiboardcopy {
    display: none;

    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 9999;
    background-color: #fff;
    padding: 20px;
    padding-left: 40px;
    text-align: left;
    font-size: 14px;
}
#clpiboardcopy i.fa {
    position: absolute;
    color: #ffffff;
    left: 0;
    line-height: 57px;
    background-color: #990a7f;
    width: 30px;
    height: 58px;
    top: 0;
    text-align: center;
    font-size: 17px;
}
.comp-head {
    float: left;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #fff;
}
.comp-head .comp-logo {
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
    width: 20%;
    text-align: center;
    border: solid 1px #e7e7e7;
    float: left;
    padding: 3px;
    background-color: #f3f3f3;
}
.comp-head .comp-logo img {
    display: block;
    max-height: 100px;
    max-width: 100%;
    margin: auto;
}
.comp-logo form.edit input {
    position: absolute;
    width: 150px !important;
    height: 90px !important;
    cursor: pointer;
}
.comp-logo form.edit {
    position: absolute !important;
    width: 30px !important;
    height: 30px;
    background-color: #ccc;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    top: -0;
    left: -0;
}
.comp-logo form.edit span {
    display: block;
    height: 100%;
    cursor: pointer;
}
.comp-logo form.edit span i {
    cursor: pointer;
}
.artcle.comp-profile {
    background-color: inherit;
    padding: 0;
    background-color: #fff;
}
.artcle.comp-profile ul.cntr_tab {
    border-top: solid 1px #e7e7e7;
}
.artcle.comp-profile .comp-head {
    margin-bottom: 0;
}
.comp-head .comp-heading {
    font-size: 28px;
    width: 80%;
    padding-right: 200px;
    float: left;
    position: relative;
    min-height: 79px;
    padding-left: 15px;
}
.comp-heading .indstry {
    display: block;
    font-size: 14px;
    color: #c5c5c5;
}
.follow-comp-btn a {
    display: inline-block;
    float: none;
    margin: auto;
    background-color: #ffffff;
    padding: 5px 17px 5px 14px;
    border-radius: 2px;
    border: 1px #a0a0a0 solid;
    color: #777;
    font-size: 15px;
}
.follow-comp-btn a i.fa {
    padding-right: 5px;
    -webkit-text-stroke: 1px #fff;
}
.follow-comp-btn a:hover {
    border-color: #990a7f;
    color: #990a7f;
}
.comp-heading .managed-by {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 14px;
}
.managed-by span {
    display: block;
    font-size: 13px;
    text-align: center;
    margin-bottom: 5px;
    color: #c5c5c5;
}
.managed-by .managed-pic {
    width: 50px;
    overflow: hidden;
    margin: auto;
    margin-bottom: 2px;
}
.managed-by label {
    display: block;
    text-align: center;
    color: #990a7f;
    font-size: 16px;
}
.managed-by .managed-pic img {
    width: 100%;
    border-radius: 50%;
}
.artcle.comp-profile .cntr_cntnt {
    background-color: #fff;
    padding: 10px;
    padding-top: 0;
    margin-bottom: 0;
    border-left: 0;
    border-right: 0 !important;
    min-height: 560px;
    width: 570px;
    padding-right: 30px;
}
.artcle.comp-profile .hm_right_sec {
    background-color: #fff;
    padding: 15px;
    border-left: solid 1px #e7e7e7;
}
.compny-profile {
    width: 100%;
    float: left;
    margin-top: 10px;
}
.compny-profile .cntr_tab {
    margin-bottom: 20px;
}
ul.employers-list.recomend li {
    width: 33.33%;
    min-height: 78px;
    padding: 0 5px;
}
.artcle.comp-profile .color_fff {
    background-color: #fff;
    float: left;
    width: 100%;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
}
.grey {
    background-color: #e7e7e7;
}
.indstre {
    width: 100%;
    float: left;
    padding-right: 10px;
}
.indstre a {
    word-wrap: break-word;
}
.indstre label {
    display: block;
    font-weight: 600;
}
.indstre span {
    display: block;
}
.managedby {
    float: left;
    width: 100%;
    margin: 15px 0;
    padding: 10px 0;
    font-size: 12px;
    border-bottom: solid 1px #e7e7e7;
    margin-left: 5px;
    margin-top: 5px;
}
.managedby a {
    margin-left: 5px;
}
div#chart_div:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 35px;
    background-color: #fff;
}

div#chart_div {
    position: relative;
}
ul.comp-mmbr-list {
    float: left;
    width: 100%;
}
.graph-cont .graph {
    width: 100%;
    float: left;
    border: dotted 1px #e7e7e7;
}
ul.views-listpercent {
    margin: 0;
    margin-top: 10px;
    padding: 10px;
    float: left;
    width: 100%;
    border: dotted 1px #e7e7e7;
}
.views-label {
    font-size: 14px;
    font-weight: 600;
    padding: 10px;
    width: 100%;
    float: left;
    padding-top: 0;
    text-align: left;
}
ul.views-listpercent li {
    list-style-type: initial;
    margin-left: 25px;
    margin-bottom: 10px;
    letter-spacing: 1px;
    float: left;
    width: 100%;
}
.graph-cont {
    padding: 10px;
    width: 100%;
    float: left;
}
ul.comp-mmbr-list li {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.comp-mmbr.viewed span.pic img {
    border-radius: 50%;
}
.comp-mmbr.viewed {
    border-radius: 2px;
    padding-left: 0;
}
ul.comp-mmbr-list.viewed {
    padding: 0 10px;margin-top: 0;
}
.comp-mmbr {
    float: left;
    width: 100%;
    padding: 10px;
    position: relative;
    border: solid 1px #e7e7e7;
}
.comp-mmbr .pic {
    float: left;
    width: 70px;
}
.comp-mmbr.employee .pic {
    width: 50px;
    height: 50px;
    left: 10px;
    position: absolute;
}
.comp-mmbr.employee .mmbr-right {
    width: 100%;
    padding-left: 70px;
    min-height: 50px;
    margin-left: 0;
}
.comp-mmbr.employee .mmbr-right a.nm {
    font-size: 16px;
}
.comp-mmbr.employee .mmbr-right .prfl {
    font-size: 13px;
    color: #848282;
}
.comp-mmbr .pic img {
    max-width: 100%;
    border-radius: 50%;
}
.comp-mmbr .mmbr-right {
    float: right;
    margin-left: 15px;
    width: 83%;
    position: relative;
}
.comp-mmbr.viewed .mmbr-right {
    padding-left: 0;
    float: right;
    width: 88%;
    padding-right: 70px;
    margin-left: 0;
}
label.vw-tim {
    position: absolute;
    right: -5px;
    font-size: 13px;
    color: #979797;
    top: -9px;
}
.comp-mmbr.viewed .mmbr-right a.add-btn {
    right: -5px;
    float: right;top:13px;
    background-color: #ffffff;
    padding: 5px 7px 5px 9px;
    border-radius: 2px;
    border: 1px #a0a0a0 solid;
    color: #777;
    font-size: 15px;
}
.comp-mmbr.viewed .mmbr-right a.add-btn:hover {
    border-color: #990a7f;
    color: #990a7f;
}
.comp-mmbr.viewed .mmbr-right a.add-btn i.fa {
    font-size: 12px;
    margin-right: 3px;
}
.comp-mmbr.viewed .mmbr-right a.nm {
    font-size: 16px;
}
.mmbr-right a.nm {
    display: inline-block;
    font-size: 22px;
}
.comp-mmbr.viewed span.pic {
    width: 40px;
    margin-left: 8px;
    height: 40px;
    float: left;
}
.mmbr-right .prfl {
    display: block;
    font-size: 15px;
}
.mmbr-right .comp {
    color: #9e9e9e;
    display: block;
    margin-top: 10px;
}
.add-btn {
    background-color: #990a7f;
    color: #fff;
    padding: 5px 10px;
    border: 0;
    border-radius: 2px;
}
.mmbr-right .add-btn {
    position: absolute;
    right: 0;
    top: 0;
}
/* Company page end*/

#successmessage-outer {
    position: fixed;
    left: 0;
    top: 10%;
    width: 100%;
    height: 100%;
    z-index: 9999999;
}
#successmessage {
    background-color: #02bd9e;
    width: 300px;
    margin: auto;
    color: #fff;
    text-align: center;
    font-size: 14px;
    position: relative;
    box-shadow: 0 0 10px #000;
}
#successmessage-outer.warningmessage #successmessage {
    background-color: #922929;
}
#successmessage-outer.warningmessage #successmessage .donebtn {
    background-color: #ff3535;
}
#successmessage .msgimg i.fa {
    margin-top: 15px;
    font-size: 60px;
    color: #fff;
}
#successmessage .msgimg {
    text-align: center;
    margin-bottom: 12px;
    margin-top: 40px;
}
#successmessage .successmsg-heading {
    text-align: center;
    color: #fff;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 20px;
}
#successmessage .mtxt {
    text-align: center;
    font-size: 15px;
    margin-bottom: 40px;
    padding: 0 10px;
}
#successmessage .donebtn {
    background-color: #01826c;
    padding: 15px 0 15px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}
#susmsgblk {
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
}
.updt_frfl {
    width: 100%;
    float: left;
    background-color: #fff;
    padding: 15px;

}
ul.tmln_fttr li a .tltp {
    display: inline-block;
    padding: 3px 5px;
    position: absolute;
    color: #1c267a;
    font-size: 9px;
    border-radius: 50%;
    margin-left: 5px;
    text-align: center;
    right: 0;
    font-size: 11px;
    top: 5px;
}
ul.tmln_fttr {
    padding-left: 0px !important;
    padding-bottom: 0px !important;
}
ul.tmln_fttr li {
    border: 1px #efefef solid;
}
#loadtimeline1 ul.tmln_fttr li {
    padding: 0;
    width: auto;
}
ul.tmln_fttr li:hover {
    background-color: #edf0f1
}
ul.tmln_fttr li:hover a {
    color: #252525;
}
ul.tmln_fttr li.views {
    float: right;
    border: 0 !important;
    padding-right: 0;
    margin-top: 4px;
}
ul.tmln_fttr li.views:hover {
    background-color: inherit;
}
/*Accordion css start here*/

.accordion,
.accordion * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.accordion {
    overflow: hidden;
    border-radius: 3px;
    padding: 0 0;
}

.accordion-section-title {
    width: 100%;
    padding: 15px;
    display: inline-block;
    border-bottom: dashed 1px #e7e7e7;
    transition: all linear 0.15s;
    -webkit-transition: all linear 0.15s;
    -ms-transition: all linear 0.15s;
    font-size: 1.200em;
    position: relative;
    color: #636363;
    border-radius: 4px 4px 0 0;
}
.accordion-section-title.active,
.accordion-section-title:hover {
text-decoration: none;
    color: #990a7f;
}
.accordion-section:last-child .accordion-section-title {
    border-bottom: none;
}
a.accordion-section-title .fa {
    float: right;
    font-size: 15px;
    margin-top: 4px;-webkit-text-stroke: 1px #fff;
}
a.accordion-section-title i.fa.fa-minus {
    display: none;
}
.artcl-other .about-other {
    margin-top: 12px;
}
a.accordion-section-title.active i.fa.fa-minus {
    display: block;
}
a.accordion-section-title.active i.fa.fa-plus {
    display: none;
}
.accordion-section-content {
    padding: 15px;
    display: none;
}
.faq {
    float: left;
    width: 100%;
    padding: 0;
}
.faq h2 {
    padding: 20px;
    margin-bottom: 0;
}
.contact {
    float: left;
    width: 100%;
}
.pnding-contct {
    float: left;
    width: 100%;
    padding: 20px;
    background-color: #fff;
    border-radius: 2px;

}
.contct-srch {
    margin-bottom: 10px;
    width: 100%;
    float: left;
}
.contct-srch .srchfcontct:nth-child(2) {
    float: right;
    width: 49.9%;
}
.contct-srch .srchfcontct {
    float: left;
    width: 49%;
    border-radius: 2px;
    background-color: #fff;
    padding: 15px;
	border-bottom: 2px solid #9d0d80;
}
.srchfcontct span {
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
	color: #9d0d80;
}
.srch-field {
    width: 100%;
    float: left;
    position: relative;
}
.srch-field input {
    width: 100%;
    border: solid 1px #e7e7e7;
    font-size: 16px;
    padding: 9px;
    border-radius: 2px;
    padding-right: 80px;
}
.srch-field button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px 20px;
    border: 0;
    background-color: #990a7f;
    color: #fff;
    border-radius: 0px 3px 3px 0;
    box-sizing: border-box;
}
ul.cntct-list {
    float: left;
    width: 100%;
    margin: 0;
}
ul.cntct-list li {
    width: 49%;
    float: left;
    position: relative;
    border-radius: 2px;
    box-sizing: border-box;
}
ul.cntct-list li:nth-child(even) {
    float: right;
}
.request-contct {
    width: 100%;
    float: left;
    border: solid 1px #e7e7e7;
    padding: 15px;
    position: relative;
}
.request-contct .rimg {
    width: 18%;
    float: left;
    max-width: 125px;
}
.request-contct .rimg img {
    max-width: 100%;
    border-radius: 50%;
}
.request-contct .reqst-rdtail {
    float: right;
    width: 81%;
    height: 100%;
    position: relative;
    min-height: 75px;
}
.middl-nm {
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    padding-left: 10px;
    width: 100%;
}
.middl-nm .left {
    float: left;
    width: 100%;
}
.middl-nm .left a.nm {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-bottom: 5px;
}
.middl-nm .left span.comp {
    display: block;
    color: #848282;
    line-height: 15px;
    font-size: 13px;
}
.middl-nm .btns {
    float: left;
    width: auto;
    margin-top: 13px;
    text-align: center;
}
.btns .msg-btn {
    text-decoration: none;
    float: right;
    background-color: #ffffff;
    padding: 5px 7px 5px 9px;
    border-radius: 2px;
    border: 1px #a0a0a0 solid;
    color: #777;
    font-size: 15px !important;
}
.btns .msg-btn:hover {
    border-color: #990a7f;
    color: #990a7f;
}
.btns .msg-btn i.fa {
    font-size: 12px;
    margin-right: 3px;
}
a.msg-btn.reject {
    border: 1px #a0a0a0 solid;
    color: #777;
}
.redborderfield {
    border: solid 1px #ea4335 !important;
}
.redborderfield:focus {
    border: solid 1px #ea4335 !important;
}
.contct-list-cont {
    float: left;
    width: 100%;
    background-color: #fff;
    margin-top: 10px;
    border-radius: 2px;
        border-bottom: 2px solid #9d0d80;
}
.contct-list-cont h2 {
    padding: 20px;
    padding-bottom: 20px;
    margin-bottom: 0;
    border-bottom: solid 1px #e7e7e7;
	color: #9d0d80;
}
.contct-list-cont ul.cntct-list {
    padding: 20px 0;
}
li.cntct_serch {
    float: right !important;
    padding-right: 5px;
    width: 220px;
    overflow: hidden;
    border-radius: 2px;
    position: relative;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.cntct_serch input.sbtn {
    width: 100%;
    padding: 10px;
    border: solid 1px #e7e7e7;
    position: relative;
}
.cntct_serch button.srch-fr-btn {
    position: absolute;
    right: 0;
    padding: 11px;
    top: 0;
    border: 0;
    background-color: #990a7f;
    color: #fff;
}
.cntct_serch button.srch-fr-btn:hover {
    opacity: 1;
}
#mob-srchpop {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.666);
    z-index: 9999999;
}
.mob-search {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 600px;
    width: 310px;
    background-color: #fff;
    padding: 50px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    border-radius: 2px;
}
.nav-btn {
    display: none;
}
.tagbox .tag {
    float: left;
    padding: 3px 9px;
    background-color: #e6e6e6;
    margin-right: 2px;
    border-radius: 2px;
    margin-bottom: 3px;
    color: #676767;
    font-size: 12px;
}
.foottr {
    display: none;
}
::selection {
    color: #fff;
    background: #990a7f;
}
::-moz-selection {
    /* Code for Firefox */

    color: #fff;
    background: #990a7f;
}
ul.emozi li.send-sec {
    padding: 8px 16px;
    float: right;
    color: #a9a9a9;
    font-size: 12px;
    position: relative;
    padding-right: 5px;
    padding-bottom: 0;
}
button.send {
    background-color: #990a7f;
    border: 0;
    padding: 2px 10px;
    color: #fff;
    display: none;
    border-radius: 3px;
}
.click-btn {
    width: 20px;
    float: right;
    position: relative;
    margin-left: 10px;
}
.click-btn a#sendclick {
    padding: 0 !important;
    text-align: center;
    font-size: 23px;
    line-height: 0px;
    margin-top: 0px !important;
    color: #a9a9a9;
}
ul.send-list {
    display: block;
    position: absolute;
    width: 190px;
    right: -60px;
    background-color: #ffffff;
    padding: 10px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    z-index: 9999;
    border-radius: 2px;
    top: -90px;
}
ul.send-list:after {
    position: absolute;
    content: '';
    bottom: -8px;
    left: 60%;
    width: 15px;
    height: 15px;
    background-color: white;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
    z-index: -7;
}
ul.send-list li {
    width: 100%;
    margin: 0;
    position: relative;
}
ul.send-list li input[type="radio"] {
    float: left;
    width: 0px;
    margin-right: 10px;
}
ul.send-list li input[type="radio"]:after {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    background-color: #990a7f;
    left: 0;
    top: 3px;
    z-index: 99;
    border-radius: 50%;
}
ul.send-list li input[type="radio"]:before {
    position: absolute;
    content: '';
    width: 5px;
    opacity: 0;
    height: 5px;
    left: 5px;
    background-color: white;
    z-index: 999;
    top: 8px;
    border-radius: 50%;
}
ul.send-list li input[type="radio"]:checked:before {
    opacity: 1;
}
ul.send-list li label {
    display: block;
    cursor: pointer;
}
ul.send-list li .presenter {
    padding-left: 21px;
    font-size: 14px;
    margin-bottom: 7px;
}
.click-btn a#sendclick:hover {
    background-color: inherit;
    color: #990a7f;
}
.uploadanimg {
    padding: 20px;
    padding-bottom: 0px;
    text-align: center;
    font-size: 16px;
    position: relative;
}
.uploadanimgbtn {
    padding: 20px;
    background-color: #fe1c69;
    cursor: pointer;
    border-radius: 2px;
    color: #FFFFFF;
    position: relative;
    margin: auto;
    width: 300px;
}
ul.konections {
    width: 100%;
    float: left;
    text-align: center;
	background: #9d0d80;
	padding-bottom: 7px;
	    position: inherit;
}
.seealllinks {
	position: absolute!important;
    top: 25%;
    /* bottom: -19px; */
    left: 46%;
    color: #fff!important;
}
ul.konections li {
    width: auto;
    display: inline-block;
    max-width: 35px;
    float: none;
	margin-top: -14px;
    min-height: inherit;
    margin-left: -12px;
    padding: 0 !important;
}
ul.konections li a {
    display: block;
}
ul.konections li a:hover{background-color: initial !important;}
ul.konections li a img {
    max-width: 100%;
    border-radius: 50%;
    border: solid 2px #fff;
}
ul.konections li:first-of-type {
    margin-left: 0;
}
div#guidline {
    width: 100%;
    padding: 20px;
    text-align: center;
    min-height: 600px;
}
/* user article start here*/

.usrartcle {
    width: 100%;
    float: left;
    background-color: #fff;
    border-radius: 2px;
}
.usrartcle .request-contct .rimg {
    width: 40px;
    top: 25px;
    position: absolute;
}
.usrartcle .request-contct .reqst-rdtail {
    width: 100%;
    padding-left: 50px;
    min-height: 50px;
}
.usrartcle a.nm {
    font-size: 18px !important;
    margin-bottom: 0 !important;
    display: inline-block !important;
}
.usrartcle .request-contct .reqst-rdtail .middl-nm .left {
    width: 100%;
}
.usrartcle .request-contct {
    padding: 20px;
    border: 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
}
ul.artcl-likes {
    float: left;
    width: 100%;
    margin: 0;
    background-color: #f2f2f2;
}
ul.artcl-likes li {
    width: 20%;
    float: left;
    text-align: center;
    border-right: solid 1px #e7e7e7;
    background-color: #f2f2f2;
}
ul.artcl-likes li:last-child {
    border-right: 0;
}
ul.artcl-likes li h1 {
    margin-bottom: 0;
    font-weight: 500;
    color: #990a7f;
    font-size: 36px;
    margin-top: 10px;
}
ul.artcl-likes li span {
    display: block;
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
    color: #828282;
}
.ttl-artcls {
    float: left;
    width: 100%;
    padding: 20px;

}
.ttl-artcls ul.news-half li {
    float: none !important;
    width: 32%;
    display: inline-block;
    position: relative;
    margin-bottom: 15px;
    margin-right: 15px;
}
.ttl-artcls ul.news-half li:nth-child(even) {
    float: none;
    margin-right: 10px;
}
.ttl-artcls ul.news-half li:nth-child(3),
.ttl-artcls ul.news-half li:nth-child(6),
.ttl-artcls ul.news-half li:nth-child(9),
.ttl-artcls ul.news-half li:nth-child(12),
.ttl-artcls ul.news-half li:nth-child(15),
.ttl-artcls ul.news-half li:nth-child(18) {
    margin-right: 0;
}
.viewallbtn {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 20px;
}
.viewallbtn a {
    display: inline-block;
    background-color: #990a7f;
    color: #fff;
    padding: 8px 15px;
    border-radius: 2px;
}
ul.likes-show {
    width: 100%;
    float: left;
    margin: 0;
}
ul.likes-show li {
    margin: 0 !important;
    width: auto !important;
    border: solid 1px #e7e7e7;
    padding: 5px 0;
    color: #b1b1b1;
    padding-left: 10px;
}
ul.likes-show li span {
    display: inline-block;
    padding: 0 5px;
    margin-left: 0;
}
.acceptgroup {
    background-color: #fff;
    padding: 15px;
    width: 100%;
    float: left;
}
.acceptgroup h2 {
    border-bottom: solid 1px #e7e7e7;
    padding-bottom: 10px;
}
.grp-accept-head {
    float: left;
    width: 100%;
}
.grp-accept-head .img {
    float: left;
    position: relative;
    width: 70px;
    border: solid 1px #e7e7e7;
    padding: 5px;
    border-radius: 2px;
}
.grp-accept-head .img img {
    max-width: 100%;
}
.achead-right {
    position: absolute;
    padding-left: 100px;
    box-sizing: border-box;
    margin-top: 10px;
}
.achead-right strong {
    font-size: 22px;
    font-weight: 100;
    display: block;
}
.accept-btn-cont {
    float: left;
    width: 100%;
    padding: 10px 0;
    background-color: #f5f5f5;
    margin: 20px 0;
    font-size: 18px;
    color: #696969;
    text-align: center;
}
.accept-btn-cont .acbuttons {
    margin-top: 10px;
}
.acbuttons a {
    padding: 3px 10px;
    border: solid 1px #909090;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    color: #909090;
}
.acbuttons a.active {
    background-color: #990a7f;
    color: #fff;
    border-color: #990a7f;
}
ul.likes-mmbr {
    width: 100%;
    float: left;
    margin: 0;
}
ul.likes-mmbr li:first-of-type {
    margin-left: 0;
}
ul.likes-mmbr li a {
    display: block;
    padding: 0;
}
ul.likes-mmbr li {
    float: left;
    width: 30px !important;
    margin-left: -5px !important;
    padding: 0;
    border-bottom: 0;
}
ul.cht_mmbr_list li {
    width: 100%;
}
ul.likes-mmbr li a img {
    max-width: 100%;
    border-radius: 50%;
    border: solid 2px #fff;
    display: block;
}
.how-prjct-work {
    width: 100%;
    float: left;
    text-align: center;
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
}
.how-prjct-work h2 {
    font-size: 22px;
}
ol.work-prjct-list {
    text-align: center;
}
ol.work-prjct-list li {
    display: inline-block;
    margin-left: -3px;
    width: 33.33%;
    font-size: 18px;
}
ol.work-prjct-list li i.fa {
    display: block;
    font-size: 21px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    margin: auto;
    background-color: #990a7f;
    border-radius: 50%;
    color: #fff;
    margin-bottom: 20px;
}
ol.work-prjct-list li strong {
    color: #990a7f;
}
.continuebutton {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.continuebutton .frm-fttr {
    width: auto;
    padding: 10px;
}
.continuebutton .frm-fttr a {
    float: left;
}
.continuebutton .frm-fttr form {
    float: left;
}
.trending-list,
.trending-list li {
    margin: 0;
    float: left;
    width: 100%;
}
.trending-list li {
    position: relative;
    padding: 7px;
    border-bottom: solid 1px #e7e7e7;
    padding-left: 63px;
}
.trending-list li:last-child {
    border-bottom: 0;
}
.trending-list li .artcl-img {
    max-width: 45px;
    position: absolute;
    height: 45px;
    overflow: hidden;
    left: 7px;
    top: 6px;
}
.trending-list li .artcl-img img {
  width: 45px;
    border-radius: 50%;
    height: 45px;
}
.trending-list li .nm {
    font-size: 12px;
    display: block;
    color: #ababab;
}
.trending-list li a.ttle {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #000;
    font-size: 17px;
    text-transform: uppercase;
}
.trending-list li .desc {
    font-size: 13px;
    line-height: 14px;
    display: block;
    color: #848282;
    margin: 3px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#trend.fixed {
    position: fixed;
        top: 94px;
    max-width: 337px;
}
/*terms pae start here*/

.terms {
    width: 100%;
    float: left;
    padding: 15px;
    background-color: #fff;

}
.terms h1 {
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 0px;
}
.terms p {
    line-height: 22px;
}
ol.trms-list {
    margin-top: 0;
}
ol.trms-list li {
    font-size: 16px;
}
ol.trms-list li h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #4a4a4a;
}
ol.trms-list li ol {
    padding-left: 20px;
    margin-bottom: 10px;
}
ol.trms-list li ol li {
    line-height: 23px;
    margin-bottom: 15px;
    padding-left: 10px;
}
.login-regstr {
    float: right;
    margin-left: 15px;
}
.login-regstr a {
    line-height: 47px;
    display: block;
}
.right-fttr {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 20px;
}
.right-fttr ul.fttr-list {
    margin-top: 0;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 6px;
}
ul.fttr-list li {
    display: inline-block;
    margin: 0 8px;
    position: relative;
	font-size:13px;
}
.right-fttr p {
    margin: 0;
    clear: both;
    font-size: 14px;
    text-align: center;
    color: #9f9f9f;
    font-weight: 500;
}
.right-fttr .pwrddebox {
	    text-align: center;
    padding: 3px 53px;
}
ul.fttr-list li:after {
    position: absolute;
    content: '';
    right: -14px;
    top: 53%;
    width: 5px;
    height: 1px;
    background-color: #990a7f;
}
ul.fttr-list li:last-of-type:after {
    display: none;
}
.error {
    width: 100%;
    float: left;
    background-color: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 2px;
    margin-top: 30px;

}
.error h1 {
    text-align: center;
    font-size: 190px;
    margin: 0;
}
.error .not-found {
    padding: 0;
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.error .broken {
    text-align: center;
    font-size: 26px;
    color: #a0a0a0;
}
.error a {
    text-align: center;
    display: inline-block;
    margin-top: 50px;
    background-color: #990a7f;
    padding: 8px 15px;
    border-radius: 2px;
    color: #fff;
}
/*terms pae end here*/
/*Setting page start here*/

.setting {
    background-color: #fff;

    border-radius: 2px;
    width: 100%;
    float: left;
}
.sttng-wraper {
    min-height: 400px;
    position: relative;
    padding-right: 300px;
    float: left;
    width: 100%;
}
.sttng-wraper:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    right: 299px;
    background-color: #e7e7e7;
    top: 0;
    overflow: hidden;
}
.inyour-hand {
    position: absolute;
    right: 0;
    width: 280px;
    overflow: hidden;
    height: 190px;
    padding-right: 10px;
}
.inyour-hand h2 {
    margin-bottom: 10px;
    font-size: 18px;
    border-bottom: solid 1px #e7e7e7;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-top: 15px;
}
.inyour-hand i.fa {
    font-size: 60px;
    color: #990a7f;
    width: 57px;
    height: 60px;
    float: left;
    margin-top: 10px;
}
.inyour-hand span {
    display: block;
    padding-left: 55px;
}
.sttng-wraper .headline {
    margin-bottom: 0;
    font-size: 18px;
    border-bottom: solid 1px #e7e7e7;
    padding-bottom: 10px;
    padding-top: 15px;
    padding-left: 15px;
}
ul.setting_area_list {
    width: 100%;
    float: left;
    padding-left: 15px;
    padding-right: 10px;
}
ul.setting_area_list li {
    padding: 9px 0;
    width: 100%;
    float: left;
    border-bottom: solid 1px #e7e7e7;
}
ul.setting_area_list li:last-of-type {
    padding-bottom: 0;
}
.session_box:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
}
ul.setting_area_list li dl {
    position: relative;
    margin: 0;
}
ul.setting_area_list li dl div {
    border-bottom: dotted 1px #e7e7e7;
    padding: 10px 0;
}
ul.setting_area_list li dl div dd {
    font-weight: 600;
    color: #a0a0a0;
}
ul.setting_area_list li:last-of-type {
    border-bottom: 0;
}
ul.setting_area_list li dl dt {
    display: inline-block;
    max-width: 200px;
    width: 30%;
    font-weight: 600;
    position: absolute;
}
ul.setting_area_list li dl dd {
    width: 100%;
    padding-left: 185px;
    display: inline-block;
    margin-left: 0;
    position: relative;
}
ul.setting_area_list li a.edit_btn {
    position: absolute;
    right: 0;
    font-size: 12px;
    background-color: #990a7f;
    padding: 2px 8px;
    color: #fff;
    border-radius: 2px;
}
ul.sttng_tab {
    float: left;
    width: 100%;
    margin-top: 0;
    border-bottom: solid 1px #e7e7e7;
}
ul.sttng_tab li {
    float: left;
    margin-bottom: 0;
    width: auto;
}
ul.sttng_tab li a {
    padding: 10px 20px;
    display: block;
    font-weight: 400;
    position: relative;
    text-decoration: none;
    color: grey;
    border-right: solid 1px #e7e7e7;
}
ul.sttng_tab li a.active:after {
    position: absolute;
    content: '';
    width: 70px;
    height: 2px;
    background: #990a7f;
    bottom: -1px;
    z-index: 99;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
ul.sttng_tab li a:hover {
    background-color: #f2f2f2;
}
ul.sttng_tab li a.active {
    background-color: #f2f2f2;
    font-weight: 600;
}
li.session {
    border-bottom: 0 !important;
}
ul.setting_area_list li .subtitle {
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 15px;
    display: block;
    position: relative;
}
li.session .warn {
    display: block;
    background-color: #f2f2f2;
    padding: 14px;
    position: relative;
    margin-bottom: 20px;
    padding-left: 60px;
    font-size: 14px;
    margin-right: 15px;
}
.warn i.fa.fa-info-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 50px;
    position: absolute;
    left: 20px;
    top: 6px;
    font-size: 29px;
    color: #990a7f;
}
.session_box {
    position: relative;
    border-bottom: solid 1px #e7e7e7;
    padding: 12px 0 12px 68px;
    opacity: .7;
    user-select: none;
}
.session_box .live {
    width: 15px;
    height: 15px;
    background-color: #cecece;
    display: block;
    position: absolute;
    left: 30px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.session_box.current {
    opacity: 1;
    user-select: inherit;
}
.session_box.current .live {
    background-color: #00e800;
}
.session_box span {
    display: block;
    font-size: 13px;
    text-align: left;
}
.session_box label {
    display: block;
    font-weight: 600;
    font-size: 14px;
}
.session_box a {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-color: #e7e7e7;
    padding: 3px 10px;
    color: #000;
    opacity: 1 !important;
    border-radius: 2px;
}
ul.privacy-setting-list {
    float: left;
    width: 100%;
}
ul.privacy-setting-list li {
    border-bottom: 0;
    margin-bottom: 5px;
    padding-left: 20px;
}
ul.privacy-setting-list li i.fa {
    margin-right: 8px;
    font-size: 16px;
}
ul.privacy-setting-list li strong {
    margin-left: 5px;
}
ul.privacy-setting-list .subtitle {
    border-top: solid 1px #e7e7e7;
    padding-top: 10px;
    float: left;
    width: 100%;
}
/*Setting page end here*/

.chat-date {
    text-align: center;
    margin: 24px 0px 5px;
    width: 100%;
    float: left;position: relative;
    color: #999999;
}
.chat-date:after, .chat-date:before {
    position: absolute;
    content: '';
    height: 1px;
    border-bottom: dotted 1px #cccccc;
    width: 30%;
    left: 0;
    top: 50%;
}
#msgchat .chat-date:after,#msgchat .chat-date:before{width: 37%;}
.chat-date:after{left: inherit;right: 0;}
/*[Bussiness page css start  here]*/

.busssiness-list-cont {
    float: left;
    width: 100%;
    position: relative;

    background-color: #fcfcfc;
}
.filter-cat {
    width: 260px;
    float: left;
    padding: 10px;
    padding-left: 0;
    position: relative;
    left: 0;
    top: 0;
    padding-right: 0;
    height: 100%;
    background-color: #fbfbfb;
    padding-bottom: 0;
}
.filter-cat h3 {
    margin: 0;
    border-bottom: solid 1px #e7e7e7;
    padding-bottom: 10px;
    color: #222;
    float: left;
    width: 100%;
    font-weight: 500;
    padding-left: 15px;
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 21px;
    font-size: 20px;
}
.cat-list {
    margin: 0;
    float: left;
    width: 100%;
}
.bsns-list-right a.btn {
    display: inline-block;
    float: right;
    padding: 5px 15px;
}
.cat-list li {
    margin: 0;
    float: left;
    width: 100%;
    border-bottom: solid 1px #e7e7e7;
    padding: 7px;
    padding-left: 15px;
}
.cat-list li a {
    display: block;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    color: #707070;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.cat-list li:hover {
    background-color: #f1f1f1;
}
.retd-list-cont {
    width: 75%;
    float: right;
    padding-left: 0;
    background-color: #fff;
}
.busssiness-list {
    margin: 0;
    width: 100%;
    float: left;
    padding: 20px;
    border-left: dotted 1px #e7e7e7;
}
.busssiness-list li {
    float: left;
    width: 100%;
    transition: all .150s ease-in-out;
    -webkit-transition: all .150s ease-in-out;
    -ms-transition: all .150s ease-in-out;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
    margin-bottom: 20px;
}
.cat-list li.active {
    background-color: #e4e4e4;
}
.cat-list li.active a {
    color: #000;
}
.busssiness-list li:hover {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 6px 9px rgba(0, 0, 0, .2)
}
.bussns-box {
    float: left;
    width: 100%;
    padding: 10px;
    position: relative;
    min-height: 154px;
}
.bussns-box .bsns-img {
    position: absolute;
    left: 10px;
    top: 50%;
    background-color: #f1f1f1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 215px;
    height: 132px;
    overflow: hidden;
    border: 1px #e7e7e7 solid;
}
.bussns-box .bsns-list-right {
    padding-left: 234px;
    width: 100%;
    float: left;
}
.bsns-list-right h4 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 600;
}
.bsns-list-right .vw {
    color: #a0a0a0;
    display: none;
}
p.cntct-info {
    margin: 5px 0;
    color: #424242;
    font-size: 15px;
    line-height: 18px;
}
.bsns-list-right p {
    display: block;
    float: left;
    width: 100%;
}
.bsns-list-right .vw i.fa.fa-eye {
    color: #a0a0a0;
    font-size: 14px;
    margin-right: 5px;
}
.bsns-list-right i.fa {
    color: #990a7f;
    font-size: 16px;
    margin-right: 7px;
}
.bsns-list-right .loctn-info {
    font-size: 14px;
    color: #747474;
    margin: 5px 0;
}
.bsdtail-cont {
    float: left;
    width: 100%;
    position: relative;

    background-color: #fff;
}
.bsdtail-wrapper {
    float: left;
    width: 70%;
    padding: 0 20px;
    border-right: solid 1px #e7e7e7;
    padding-bottom: 30px;
    padding-right: 0;
}
.bsdtail-wrapper h2 {
    padding: 15px;
    margin-bottom: 0;
    padding-bottom: 0;
    float: left;
    width: 100%;
    padding-top: 0;
    padding-left: 0;
    font-size: 22px;
}
ul.bsdtail-info-list {
    float: left;
    width: 100%;
    border-top: solid 1px #e7e7e7;
    padding-top: 20px;
}
ul.bsdtail-info-list li label {
    font-weight: 600;
    font-size: 15px;
    padding-right: 15px;
    float: left;
}
ul.bsdtail-info-list li p {
    float: left;
    width: 100%;
    margin-top: 5px;
    line-height: 25px;
}
ul.bsdtail-info-list li span {
    float: left;
}
ul.bsdtail-info-list li {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
ul.bsdtail-info-list li.description {
    margin: 30px 0;
    border-top: solid 1px #e7e7e7;
    padding-top: 20px;
}
.b-logo {
    float: left;
    position: relative;
    padding: 16px 0;
    max-width: 500px;
    text-align: left;
}
.b-logo span.edit {
    right: -5px;
    top: 10px;
    font-size: 12px;
}
.b-logo img {
    max-height: 70px;
}
.bsdtail-wrapper .vw {
    display: block;
    padding-left: 15px;
    float: left;
    padding: 5px 15px;
    margin-right: 0;
    margin-top: 15px;
}
.bussns-box .bsns-img img {
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.bsdtail-wrapper .ftrd {
    padding: 10px;
    display: block;
    margin-bottom: 0;
    padding-left: 0;
    float: left;
}
.bsdtail-bnr-img {
    width: 100%;
    float: left;
    overflow: hidden;
}
.bsdtail-bnr-img img {
    max-width: 100%;
    border: solid 1px #e7e7e7;
    padding: 5px;
    border-radius: 2px;
}
.bsdtail-about {
    float: left;
    width: 100%;
    display: none;
    margin-top: 30px;
    border: solid 1px #e7e7e7;
}
.about-head {
    background: #f7f7f7;
    border-bottom: 1px solid #dddddd;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: 500;
    color: #0e0e0f;
    text-align: left;
}
.bsdtail-about p {
    padding: 15px;
    padding-top: 10px;
    margin-top: 0;
    font-size: 16px;
    line-height: 22px;
    color: #0e0e0f;
}
.bsdtail-right {
    float: left;
    width: 30%;
    padding: 15px;
    padding-left: 15px;
    text-align: center;
    padding-top: 0;
}
.taglinesmb {
    width: 100%;
    float: left;
    border: solid 1px #e7e7e7;
    padding: 10px !important;
    font-weight: 600;
    border-radius: 2px;
    background-color: #f9f9f9;
}
.bsdtail-right .ftrd-list {
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
}
.center-btn {
    float: left;
    width: 100%;
    margin: 15px 0;
}
.center-btn a {
    background-color: #990a7f;
    padding: 7px 15px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
}
.bsdtail-right .ftrd-list li {
    color: #555555;
    line-height: 20px;
    padding-bottom: 5px;
    font-size: 15px;
    text-transform: capitalize;
}
.bsdtail-right .ftrd-list li i.fa {
    margin-right: 7px;
    color: #990a7f;
}
#notificationnumber {
    background-color: #ff8400;
}
#sendenquirymsg input,
#sendenquirymsg select {
    margin-bottom: 8px;
    padding-right: 0 !important;
}
a.ordr-btn {
    display: block;
    float: left;
    width: 100%;
    margin: auto;
    text-align: center;
    background-color: #990a7f;
    padding: 10px 30px;
    color: #fff;
    font-size: 18px;
    border-radius: 2px;
    font-weight: 600;
    text-transform: capitalize;
    margin-top: 0;
}
a.ordr-btn i.fa {
    padding-right: 7px;
}
.postedby {
    text-align: left;
    padding: 7px;
    background-color: #efefef;
    margin-bottom: 13px;
    border-radius: 2px;
}
.bsdtail-author {
    width: 100%;
    float: left;
    padding: 15px 0;
    margin-top: 20px;
}
.bsdtail-author .grup-admn a {
    display: block;
    float: left;
    width: 23%;
}
.bsdtail-author .grup-admn .admn-nm {
    width: 100%;
    float: right;
    padding-top: 0;
}
.rquest-middle .add-frnd a {
    color: #fff !important;
    font-weight: 500 !important;
}
.rquest-middle .add-frnd a.dlt {
    color: #676767 !important;
}
.bsdtail-author .grup-admn a img {
    max-width: 50px;
    left: 0;
}
.bsdtail-author .grup-admn .admn-nm a {
    width: 100%;
    text-align: left;
}
.bsdtail-author .grup-admn .admn-nm .comp {
    display: block;
    float: left;
    color: #9a9a9a;
    font-size: 12px;
}
ul.bsdtail-author-info {
    float: left;
    width: 100%;
}
ul.bsdtail-author-info li {
    width: 100%;
    margin-bottom: 10px;
    float: left;
    font-size: 16px;
}
ul.bsdtail-author-info li label {
    float: left;
    font-weight: 600;
    width: 100%;
    display: block;
    text-align: left;
}
ul.bsdtail-author-info li span {
    display: block;
    float: left;
    width: 100%;
    text-align: left;
    word-break: break-word;
}
.smb-cont {
    float: left;
    width: 100%;
    position: relative;

    background-color: #fff;
}
.smb-bnnr {
    width: 100%;
    float: left;
    height: 305px;
    text-align: center;
    background-image: url(../images/career-inhancer.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    background-size: cover;
    position: relative;
}
.smb-bnnr.tlnt {
    background-image: url(../images/Speaker-&-guests.jpg);
}
.bnnr-cap {
    width: 800px;
    margin: auto;
    position: absolute;
    /*left: 50%;*/
    left: 81.5%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    /*top: 50%;*/
    top: 69%;
}
.bnnr-cap h1 {
    margin-top: 0;
    color: #fff;
    font-weight: 600;
    font-size: 32px;
    text-shadow: 1px 1px 2px #166167;
    margin-bottom: 0;
}
.bnnr-cap h2 {
    font-size: 26px;
    margin-bottom: 20px;
    color: #fff;
    float: left;
    width: 100%;
    text-shadow: 1px 1px 2px #166167;
    font-weight: 300;
    line-height: 1.11905em;
}
.bnnr-cap .getstart {
    padding: 10px 20px;
    background-color: #990a7f;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    border-radius: 2px;
}
.smb-wrapper {
    float: left;
    width: 100%;
    padding-top: 0;
}
.smb-wrapper h1 {
    max-width: 80%;
    text-align: center;
    margin: auto;
    font-size: 16px;
    font-weight: 500;
    line-height: 29px;
    padding-top: 10px;
    color: #7d7d7d;
}
.smb-wrapper h1 span {
    font-weight: 600;
    color: #990a7f;
    font-size: 18px;
}
.smb-wrapper .txt {
    width: 60%;
    margin: 20px auto;
    text-align: center;
    font-size: 18px;
}
.how-benefit {
    float: left;
    width: 100%;
    background-color: whitesmoke;
    padding-top: 15px;
}
.how-benefit h2 {
    text-align: left;
    margin-bottom: 30px;
    border-bottom: solid 1px #dcdcdc;
    padding-bottom: 15px;
    padding-left: 15px;
}
ul.bnfit-list {
    margin: 0;
    float: left;
    width: 100%;
    padding: 0 15px;
}
ul.bnfit-list li {
    width: 100%;
    margin: auto;
    position: relative;
    padding-left: 50px;
    padding-bottom: 10px;
}
ul.bnfit-list.tlnt li {
    padding-left: 0;
}
ul.bnfit-list.tlnt li ul li {
    padding-left: 0;
    margin-left: 20px;
    padding-bottom: 10px;
    white-space: pre-wrap;
}
ul.bnfit-list li i.fa.fa-check {
    font-size: 27px;
    color: #990a7f;
    width: 53px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 16%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
ul.bnfit-list.tlnt li p {
    font-size: 16px;
}
ul.bnfit-list li label {
    font-size: 16px;
    font-weight: 600;
}
ul.bnfit-list li p {
    margin-top: 5px;
    font-size: 17px;
}
.cbp-wrap {
    padding: 0 80px;
    float: left;
    width: 100%;
    padding-bottom: 30px;
}
.cbp-wrap h1 {
    font-size: 22px;
    font-weight: 600;
}
.cbp-wrap .cbp-row {
    width: 100%;
    margin-bottom: 10px;
    float: left;
}
.cbp-wrap .cbp-row-half {
    width: 50%;
    float: left;
    margin-bottom: 10px;
}
.cbp-wrap input {
    margin-left: 0;
}
.cbp-row-half input,
.cbp-row-half select,
.cbp-row-half textarea {
    width: 100%;
    float: left;
    padding: 10px;
    border: solid 1px #e7e7e7;
    border-radius: 2px;
}
.cbp-row input,
.cbp-row select,
.cbp-row textarea {
    width: 100%;
    float: left;
    padding: 10px;
    border: solid 1px #e7e7e7;
    border-radius: 2px;
    max-width: 100%;
    min-width: 100%;
}
.cbp-row-half label,
.cbp-row label {
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
}
.pd-left {
    padding-left: 5px;
}
.pd-right {
    padding-right: 5px;
}
.cbp-wrap .cbp-row .submit,.cbp-row .submit {
    display: block;
    padding: 7px 25px;
    float: right;
    background-color: #990a7f;
    color: #fff;
    border: 0;
    border-radius: 2px;
    font-size: 16px;
    margin-top: 20px;
}
.trnding-bsns {
    background-color: #fff;
    float: left;
    width: 100%;
}
.trnding-bsns h2 {
    padding-top: 15px;
}
ul.trnding-bsns-list {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
}
ul.trnding-bsns-list li {
    width: 30%;
    display: inline-block;
    margin: 5px 13px;
    margin-bottom: 20px;
}
.trending-business .smbstatus {
    position: absolute;
    right: -12px;
    top: 10px;
    background-color: red;
    padding: 0 18px;
    border-top-right-radius: 2px;
    color: #fff;
    border-radius: 14px 2px 2px 14px;
    line-height: 30px;
    height: 30px;
    z-index: 0;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);
}
.smbstatus:after {
    border-left: solid 16px #ccc5c5;
    position: absolute;
    content: '';
    right: -11px;
    bottom: -9px;
    border-bottom: solid 9px transparent;
    z-index: -6;
    border-right: solid 10px transparent;
}
.trending-business {
    border: solid 1px #e7e7e7;
    text-align: center;
    display: block;
    position: relative;
    border-radius: 2px;
    width: 100%;
    transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    float: left;
}
.trending-business:hover {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 6px 9px rgba(0, 0, 0, .2);
}
.trending-business .img {
    width: 100%;
    float: left;
    background-color: #fff;
    height: 170px;
    border-bottom: solid 1px #e7e7e7;
    overflow: hidden;
    position: relative;
}
ul.requst-list.invitecontact .add-frnd {
    position: absolute;
    right: 10px;
    top: 0;
}
ul.requst-list.invitecontact {
    overflow-y: auto;
}
ul.requst-list.invitecontact li i.fa.fa-check.greentick {
    right: 10px;
}
.trending-business .img img {
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 0 5px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.trending-business a.bttl {
    display: block;
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 10px;
}
ul.bsdtail-info-list li span a.openingooglemap {
    margin-top: 0;
    margin-left: 10px;
    padding: 5px;
    line-height: 2px;
    font-size: 12px;
}
.trending-business a.fl-dtail-btn {
    width: 90%;
    background-color: #990a7f;
    float: none;
    max-width: inherit;
    display: inline-block;
    padding: 7px;
    border-radius: 2px;
    color: #fff;
    text-transform: capitalize;
    font-size: 15px;
    margin: 15px 0;
}
.trending-business .blocat {
    display: block;
    text-align: center;
    padding-left: 15px;
    float: left;
    width: 100%;
}
.blocat i.fa {
    margin-right: 5px;
}
.trnding-bsns .bs-fot {
    float: right;
    text-align: center;
    padding: 4px 15px;
    font-size: 12px;
    letter-spacing: 1px;
    background-color: #990a7f;
    margin-right: 15px;
    border-radius: 2px;
}
.bs-fot a {
    color: #fff;
}
.artcl-box {
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
}
.big-artcle-box {
    position: relative;
    width: 522px;
    overflow: hidden;
    float: left;
    height: 430px;
    background-color: grey;
    background-size: auto 522px;
    background-position: center center;
    background-repeat: no-repeat;
}
.grid-artcle-box {
    width: 522px;
    overflow: hidden;
    float: right;
    height: 430px;
}
.grid-artcle-box a {
    float: left;
    width: 50%;
    padding: 0 5px;
}
.grid-box {
    position: relative;
    background-size: auto 210px;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    float: left;
    margin-bottom: 10px;
    height: 218px;
    width: 100%;
    background-color: #f1f1f1;
}
.grid-box2 {
    position: relative;
    background-size: auto 210px;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    float: left;
    margin-right: 5px;
    height: 207px;
    width: 100%;
    background-color: #f1f1f1;
}
.artcl-box img {
    width: auto;
    min-height: 100%;
}
.artcle-name {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding: 15px;
    width: 100%;
    color: #fff;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.grid-artcle-box a:nth-child(2),
.grid-artcle-box a:nth-child(4) {
    padding-right: 0;
}
.artcle-name .by {
    font-size: 13px;
    color: #a5a1a1;
}
.popular-artcle1 {
    overflow: hidden;
    width: 100%;
    border-bottom: solid 1px #e7e7e7;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.popular-artcle1 a {
    display: block;
    width: 33.33%;
    float: left;
    padding-right: 15px;
}
.popular-artcle1 a .artcle-boxp {
    width: 100%;
    margin-right: 0;
}
.popular-artcle4 {
    overflow: hidden;
    width: 100%;
    border-bottom: solid 1px #e7e7e7;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.popular-artcle4 .artcle-boxp {
    margin-bottom: 20px;
}
.popular-artcle1 .artcle-boxp {
    width: 32%;
    float: left;
    margin-right: 14px;
}
.popular-artcle4 .artcle-boxp {
    width: 32%;
    float: left;
    margin-right: 14px;
}
.artcle-boxp .img-box {
    width: 100%;
    margin-bottom: 6px;
    height: 120px;
    background-color: #f1f1f1;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
}
.artcle-boxp-ttl {
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.artcle-boxp .art-name {
    font-size: 12px;
    color: #808080;
}
.populr-artcl2 {
    overflow: hidden;
}
.artcle-box-long {
    overflow: hidden;
    margin-bottom: 15px;
    border-bottom: solid 1px #e7e7e7;
    padding-bottom: 15px;
}
.artcle-box-long .image-box {
    float: left;
    width: 150px;
    height: 100px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
    background-color: #f1f1f1;
}
.artcle-box-long .long-contnt {
    float: right;
    width: 550px;
    font-size: 18px;
    color: #000;
}
.long-name {
    font-size: 12px;
    color: #808080;
    margin-top: 5px;
}
.long-cont {
    font-size: 14px;
    color: #808080;
    margin-top: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.popular-artcle3 {
    overflow: hidden;
    width: 100%;
}
.popular-artcle3 .artcle-boxp3 {
    width: 100%;
    float: left;
    padding-right: 10px;
    margin-bottom: 25px;
}
.cntr_cntnt.popular {
    margin-bottom: 0;
    padding-left: 10px;
}
.artcle-boxp3 .img-box {
    width: 100%;
    margin-bottom: 6px;
    height: 150px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
}
.artcle-boxp-tt3 {
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.artcle-boxp3 .art-name3 {
    font-size: 12px;
    color: #808080;
}
.birthday-cont {
    float: left;
    width: 100%;
    margin-bottom: 8px;
    position: relative;
    border-radius: 4px;
    max-height: 200px;
    overflow: hidden;

}
.birthday-cont canvas {
    display: block;
    width: 100%;
}
.birthday-cont .birth-contnr {
    user-select: none;
    -moz-user-select: none;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    top: 50%;
    margin: 0;
}
.birth-contnr .birth-nm {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 23px;
}
.birth-contnr h1 {
    color: #f2ac00;
    display: block;
    font-family: 'Lovers Quarrel', cursive;
    font-size: 50px;
    margin-top: 0;
    font-weight: normal;
    margin-bottom: 0;
    text-align: center;
}
.bday-wish {
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
    font-size: 16px;
}
.birth-notice {
    margin-top: -1px;
    text-align: left;
    background-color: #f8f8f8;
    padding: 15px;
    float: left;
    width: 100%;
    margin-bottom: 8px;
    border-radius: 2px;
    border: solid 1px #cfcfcf;
    border-top: 4px #eb8a17 solid;
}
.birth-namecont {
    float: left;
    width: 100%;
    position: relative;
}
.birth-namecont .birth-nm {
    float: left;
    width: 100%;
    padding-left: 50px;
}
.birth-namecont .img {
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
#ads4 a.invifrnd {
    background-color: #6dd5ff;
}
.birth-namecont .img img {
    max-width: 100%;
    display: block;
    border-radius: 50%;
}
.birth-namecont p {
    width: 100%;
    overflow: hidden;
}
.birth-nm h2 {
    margin-bottom: 0;
}
.birth-nm span {
    font-size: 12px;
    color: #a0a0a0;
}
.birthcont {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}
.birth-namecont a.send-wish {
    background-color: #eb8a17;
    padding: 9px 20px;
    display: inline-block;
    color: #fff;
    float: right;
    border-radius: 2px;
}
.invite-frnd-cont {
    margin-top: 0px;
    text-align: center;
    background-color: #fff;
    padding-top: 15px;
    float: left;
    width: 100%;
    margin-bottom: 12px;
    border-radius: 2px;
    border: solid 1px #cfcfcf;
}
.invite-frnd-cont h1 {
    margin: 10px 0;
    margin-top: 0;
    font-weight: 500;
    font-size: 20px;
}
.invite-yourfrnd {
    background-color: #f7f7f7;
    padding: 15px 0;
}
.invite-yourfrnd p {
    font-size: 16px;
    color: #808080;
    margin-top: 0;
    margin-bottom: 8px;
}
.invite-yourfrnd a.invifrnd{background-color: #ef7f1c !important;}
.invite-yourfrnd a.invifrnd,.invifrnd {
    padding: 8px 40px;
    background-color: #990a7f;
    display: inline-block;
    border-radius: 2px;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
}
.wish-list {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 2px;

}
.wish-box {
    float: left;
    width: 100%;
    padding: 15px 8px;
    padding-top: 10px;
    position: relative;
    border-bottom: solid 1px #e7e7e7;
}
.wish-box .errow-drop {
    position: relative;
    margin-top: -4px;
}
.wish-box .img {
    width: 45px;
    overflow: hidden;
    float: left;
    text-align: center;
}
.wish-box .img img {
    width: 40px;
    border-radius: 50%;
}
.wish-box .wish-nam {
    float: left;
    padding-left: 10px;
}
.wish-nam label {
    font-size: 16px;
    display: block;
    margin-bottom: 7px;
}
.wish-nam .say-bday {
    border: solid 1px;
    padding: 4px 10px;
    color: #4db34e;
    border-radius: 2px;
    display: inline-block;
    font-size: 15px;
    margin-top: 5px;
}
.pagingdiv {
    margin: 18px;
    color: #464659;
}
.pagingnumbers {
    border: 1px #EAEAEA solid;
    border-radius: 2px;
    overflow: hidden;
    float: right;
}
.pagingnumbers a {
    display: inline-block;
    padding: 7px 8px;
    min-width: 12px;
    text-align: center;
    color: #3c8dbc;
    text-decoration: none;
    border-right: #EAEAEA solid 1px;
    font-size: 12px;
}
.pagingnumbers .nextprev {
    font-size: 20px;
    line-height: 20px;
    padding-top: 5px;
}
.pagingnumbers a:hover {
    background-color: #EAEAEA;
    color: #3c8dbc;
}
.pagingnumbers .active {
    background-color: #6990C3;
    color: #FFFFFF;
}
.pagingnumbers .current {
    background-color: #6990C3;
    color: #FFFFFF;
}
.pagingnumbers .disabled {
    display: inline-block;
    padding: 7px 8px;
    color: #CECECE;
}
.pagingnumbers .current {
    display: inline-block;
    padding: 7px 8px;
}
.morerecords a {
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    color: #fff;
    display: inline-block;
    background-color: #990a7f;
    padding: 5px 16px;
    border-radius: 3px;
}
.morerecords {
    text-align: center;
    padding-top: 10px;
    width: 100%;
    float: left;
}
.hamburger-menu {
    width: 50px;
    height: 35px;
    display: none;
    cursor: pointer;
    float: left;
}
.bar,
.bar:after,
.bar:before {
    width: 30px;
    height: 3px;
    border-radius: 2px;
}
.bar {
    position: relative;
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -moz-transform: translateY(15px);
    background: #990a7f;
    margin: auto;
    transition: all 0ms 300ms;
    -webkit-transition: all 0ms 300ms;
    -ms-transition: all 0ms 300ms;
    -moz-transition: all 0ms 300ms;
}
.bar.animate {
    background: rgba(255, 255, 255, 0);
    transition: all 0ms 300ms;
    -webkit-transition: all 0ms 300ms;
    -ms-transition: all 0ms 300ms;
    -moz-transition: all 0ms 300ms;
}
.bar:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 8px;
    background: #990a7f;
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bar:after {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    background: #990a7f;
    -webkit-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bar.animate:after {
    top: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bar.animate:before {
    bottom: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.cmnt-inpt form {
    position: relative;
}
.talent-detail-page {
    background-color: #fff;
    width: 100%;
    float: left;
}
.tlnt-banner {
    float: left;
    width: 100%;
    max-width: 100%;
    background-size: auto 385px;
    height: 344px;
    position: relative;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #a9a9a9;
}
.tlnt-prflpic {
    width: 310px;
    text-align: center;
    float: left;
    height: 350px;
    padding-right: 0;
    position: absolute;
}
.tlnt-prflpic img {
    max-width: 100%;
}
.tlnt-prflname {
    float: right;
    width: 100%;
    background-image: url(../images/talent-right-bg.jpg);
    color: #fff;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-right: 20px;
    padding-left: 330px;
    position: absolute;
    right: 0;
    background-position: 310px 0;
}
.tlnt-prflname span.edit {
    background-color: #359cd0;
    color: #fff;
}
.tlnt-prflname h2 {
    padding-top: 60px;
    font-size: 28px;
    color: #fff;
}
.tlnt-prflname .catogry {
    font-size: 18px;
    line-height: 26px;
}
.tlnt-sendinquiry {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    margin-top: 30px;
}
.send-inquiry-btn {
    display: inline-block;
    background-color: #359cd0;
    padding: 10px 20px;
    font-size: 18px;
    color: #fff;
    border-radius: 2px;
}
.tlnt-wrapper {
    float: left;
    width: 100%;
    padding: 15px;
    padding-bottom: 0;
}
.tlnt-bio {
    float: left;
    width: 100%;
}
.tlnt-bio h1 {
    font-size: 22px;
    font-weight: 400;
    margin-top: 0;
}
.tlnt-bio p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 26px;
    margin-top: 0;
}
.vdo-contnr {
    float: left;
    width: 100%;
    padding-top: 15px;
}
.vdo-contnr h2 {
    font-size: 22px;
    font-weight: 400;
    margin-top: 0;
    padding-left: 15px;
}
.vdo-player {
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 0;
}
.deletePhotoLink {
    position: absolute;
    bottom: -19px;
    font-size: 12px;
    left: 11px;
    color: #f00;
}
.delete {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    background-color: #eaeaea;
    border-radius: 50%;
    font-size: 14px;
    color: #ff5959;
    z-index: 99;
}
.vdo-player iframe {
    width: 100%;
    height: 450px;
}
ul.speker-vdo-list {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    font-size: 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: left;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 15px;
}
.tstmonial-cont {
    float: left;
    width: 100%;
    padding-top: 15px;
}
.tstmonial-cont h2 {
    font-size: 22px;
    font-weight: 400;
    margin-top: 0;
    padding-left: 15px;
}
ul.tstmonial_list {
    float: left;
    width: 100%;
    margin: 0;
    background-color: #fff;
}
ul.tstmonial_list li {
    width: 100%;
    float: left;
    padding: 8px 15px;
}
ul.tstmonial_list li:last-child {
    padding-bottom: 15px;
}
ul.tstmonial_list li:first-child {
    padding-top: 0;
}
.tstmonial_box {
    float: left;
    width: 100%;
    position: relative;
    padding: 50px;
    background-color: #f1f1f1;
}
.tstmonial_box i.fa.fa-quote-left {
    position: absolute;
    font-size: 24px;
    left: 50px;
    color: #868686;
}
.tstmonial_box .tstmnl-txt {
    font-size: 19px;
    text-align: left;
    margin: 0;
    color: #404040;
    padding: 0px 55px;
    width: 100%;
    position: relative;
    float: left;
}
.tstmnl-txt .tst-name {
    float: right;
    width: 100%;
    text-align: left;
    margin-top: 15px;
    font-size: 14px;
    font-style: italic;
    color: #717171;
}
.tstmonial_box i.fa.fa-quote-right {
    position: absolute;
    font-size: 24px;
    right: 50px;
    bottom: 40px;
    color: #868686;
}
.trnding-bsns h1.finest-spkr {
    border-bottom: solid 1px #e7e7e7;
    width: 100%;
    max-width: inherit;
    padding: 15px;
    font-weight: 600;
    color: #990a7f;
    font-size: 18px;
}
ul.speker-vdo-list li {
    position: relative;
    float: left;
    width: 32.8%;
    cursor: pointer;
    background-color: #fff;
    height: auto;
    min-height: 210px;
    overflow: hidden;
    padding: 15px;
    padding-right: 0;
    padding-bottom: 0;
}
.vdo-list-box .vdo-player iframe {
    width: 100%;
    height: auto;
}
.vdo-list-box {
    float: left;
    width: 100%;
    overflow: hidden;
    border: solid 1px #e7e7e7;
}
.vdo-list-box .vdo-player img {
    width: 100%;
    padding: 5px;
    display: block;
    overflow: hidden;
}
.vdo-list-box .vdo-player {
    height: 160px;
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
}
.vdo-list-box .vdo-ttl {
    float: left;
    width: 100%;
    display: inline-block;
    font-size: 15px;
    color: #323232;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    -webkit-transition: color .3s cubic-bezier(.215, .61, .355, 1);
    -o-transition: color .3s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: color .3s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: color .3s cubic-bezier(.215, .61, .355, 1);
    transition: color .3s cubic-bezier(.215, .61, .355, 1);
    padding: 10px;
    border-top: solid 1px #e7e7e7;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.tlnt-topic {
    float: left;
    width: 100%;
}
.tlnt-topic h1 {
    font-size: 22px;
    font-weight: 400;
    margin-top: 0;
}
ul.topic-list {
    float: left;
    width: 100%;
}
ul.topic-list li {
    display: inline-block;
    margin: 0 2px;
    margin-bottom: 10px;
}
ul.topic-list li a {
    font-size: 15px;
    border: solid 1px;
    padding: 4px 20px;
    display: block;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    border-radius: 55px;
    font-weight: 400;
    text-transform: capitalize;
}
ul.topic-list li a:hover {
    background-color: #990a7f;
    color: #fff;
    border-color: #990a7f;
}
.also-viewed {
    width: 100%;
    float: left;
    background-color: #f1f1f1;
}
.also-viewed h1 {
    text-align: center;
    margin-bottom: 0;
    margin-top: 0;
    border-top: solid 1px #e7e7e7;
    font-size: 24px;
    padding-top: 10px;
    font-weight: 400;
    padding-bottom: 10px;
    border-bottom: solid 1px #e7e7e7;
}
ul.also-viewed-list {
    float: left;
    width: 100%;
    margin: 0;
    background-color: #fff;
    padding-top: 15px;
}
h1.finest-spkr ~ h2 {
    margin-bottom: 0;
}
ul.also-viewed-list li {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding: 0 14px;
}
ul.also-viewed-list.featuredtlnt li:last-child {
    margin-bottom: 15px;
}
ul.also-viewed-list li:last-child {
    margin-bottom: 0;
}
.viewed-box {
    float: left;
    width: 100%;
    position: relative;
    background-color: #fff;
    transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    -moz-transition: all .2s;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 0px 3px rgba(0, 0, 0, .2);
}
.viewed-box .smbstatus {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 2px 0 0;
    background-color: red;
    color: #fff;
    padding: 3px 15px;
}
.viewed-box:hover {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 6px 9px rgba(0, 0, 0, .2);
}
.viewed-box .img {
    float: left;
    width: 130px;
    position: absolute;
    height: 150px;
    overflow: hidden;
    border-radius: 2px 0 0 2px;
}
.viewed-box .img img {
    width: auto;
    height: 150px;
}
.dtail-viewed {
    float: left;
    min-height: 150px;
    width: 100%;
    padding-left: 130px;
}
.dtail-viewed a {
    display: block;
    padding: 20px;
    padding-bottom: 10px;
    line-height: 26px;
}
.dtail-viewed h2 {
    font-size: 20px;
    text-transform: capitalize;
    color: #383838;
    margin-bottom: 5px;
    padding: 0;
    border-bottom: 0;
}
.dtail-viewed span.descr {
    font-size: 16px;
    color: #8c8c8c;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.dtail-viewed div.descr {
    font-size: 16px;
    color: #8c8c8c;
    line-height: 20px;
}
.dtail-viewed .catgr {
    font-size: 15px;
    margin-bottom: 5px;
    display: block;
    line-height: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#talentProfilePhoto {
    position: relative;
    cursor: pointer;
    z-index: 9;
    opacity: 0;
}
.talent-photo {
    float: left;
    width: 100%;
    border: solid 1px #e7e7e7;
    margin-top: 10px;
}
.photo-left {
    float: left;
    text-align: center;
    background-color: #d0d0d0;
    background-image: url(../images/talentplaceholder.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    height: 271px;
    overflow: hidden;
    background-size: 70%;
    width: 225px;
}
.photo-left img {
    height: 100% !important;
    width: auto !important;
}
.photo-right {
    float: left;
    width: 68%;
    text-align: center;
}
.photo-right .uplod-txt {
    font-size: 22px;
    padding-top: 65px;
    padding-bottom: 10px;
}
.photo-right .uplod-txt span {
    display: block;
    font-size: 16px;
}
.photo-right .uplod-btn {
    width: 130px;
    position: relative;
    overflow: hidden;
    margin: 20px auto;
}
.photo-right .uplod-btn:after {
    position: absolute;
    content: 'Choose File';
    width: 130px;
    height: 100%;
    line-height: 43px;
    left: 0;
    top: 0;
    background-color: #990a7f;
    text-align: center;
    border-radius: 2px;
    color: #fff;
}
.compni-jobs-cont {
    float: left;
    width: 100%;
    padding: 15px;
}
.artcle.comp-profile a.crtjob-btn {
    float: right;
    padding: 5px 20px;
    background-color: #990a7f;
    color: #fff;
    font-size: 15px;
    border-radius: 2px;
    margin: 10px;
}
ul.compny-joblist {
    float: left;
    width: 100%;
    margin: 0;
    border-top: solid 1px #e7e7e7;
}
ul.compny-joblist li {
    float: left;
    width: 100%;
    padding:0;
}
.cmpny-jobbox {
    float: left;
    width: 100%;
    padding: 15px;
    transition: all .1s ease-in-out;
    border-radius: 2px;
    border-bottom: solid 1px #e7e7e7;
    padding-right: 180px;
    position: relative;
    text-align: center;
}
.cmpny-jobbox:hover {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 6px 9px rgba(0, 0, 0, .2);
}
.cmpny-jobbox .prfl-nam {
    font-size: 18px;
    color: #990a7f;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    width: 100%;
    text-align: left;margin-bottom: 5px;
}
.cmpny-jobbox .cmpny-nm {
    font-size: 15px;
    margin-bottom: 5px;
    color: #6b6b6b;
    float: left;width: 100%;
    text-align: left;
}
.cmpny-nm .locat i.fa {
    margin-right: 5px;
}
.cmpny-nm .locat {
    display: inline-block;
    margin: 0 8px;
}
.cmpny-jobbox .ago {
    color: #6b6b6b;
    font-size: 12px;
    padding: 0px 8px;
    line-height: 19px;
}
.cmpny-jobbox .job-descrpt {
    color: #9c9c9c;
    font-size: 13px;
    text-align: left;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;width: 100%;
    overflow: hidden;margin-top: 3px;
}
.jobsearch-result-list h2 {
    text-align: left !important;
}
.cmpny-jobbox .applyjob-btn {
    position: absolute;
    right: 15px;
    bottom: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    border-radius: 2px;
    color: #990a7f;
    border: solid 1px #990a7f;
    padding: 5px 10px;
    font-size: 14px;
}
.submit-job-cont {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 15px;
    border-radius: 2px;

}
.job-submit {
    margin: auto;
    width: 80%;
    margin-top: 30px;
}
.job-submit .form-grp {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.form-grp.seventy {
    float: left;
    width: 70%;
}
.form-grp.thirty {
    float: left;
    width: 30%;
}
.form-grp.seventy {
    float: left;
    width: 70%;
}
.form-grp.thirty {
    float: left;
    width: 30%;
}
.form-grp.fifty {
    float: left;
    width: 50%;
}
.form-grp label {
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
}
.form-grp input,
.form-grp select,
.form-grp textarea {
    width: 100%;
    float: left;
    padding: 10px;
    border: solid 1px #e7e7e7;
    max-width: 100%;
    outline: none;
    border-radius: 2px;
}
.job-submit .employer-hdng {
    float: left;
    width: 100%;
    font-size: 22px;
    margin: 15px 0;
}
.job-submit .form-grp .submit {
    width: 120px;
    display: block;
    padding: 7px 25px;
    float: right;
    background-color: #990a7f;
    color: #fff;
    border: 0;
    cursor: pointer;
    border-radius: 2px;
    font-size: 16px;
    margin-top: 10px;
}
.jobs-cont {
    float: left;
    width: 100%;
}
.jobs-bnnr {
    background-image: url(../images/projecbannernew.png);
    height: 304px;
    background-size: cover;
    background-position: 0 0;
    background-color: inherit;
    position: relative;
    border-radius: 2px 2px 0 0;
}
.jobbnnr-cap {
    float: left;
    width: 450px;
    padding-top: 90px;
    padding-left: 40px;
}
.jobs-cont .jobbnnr-cap h1 {
    margin-top: 0;
    margin-top: 0;
    color: #fff;
    font-weight: 600;
    font-size: 32px;
    padding-left: 15px;
    text-shadow: 1px 1px 2px #166167;
    margin-bottom: 0;
}
.jobs-cont .jobbnnr-cap h2 {
    margin-bottom: 20px;
    color: #fff;
    float: left;
    width: 100%;
    text-align: left;
    text-shadow: 1px 1px 2px #166167;
    font-weight: 300;
    padding-top: 0;
    border-bottom: 0;
}
.job-search {
    float: left;
    width: 100%;
    background-color:#000;
    padding: 25px 15px;
    position: static;
    padding-bottom: 34px;
}
.job-search-form .expirience {
    float: left;
    width: 12%;
    padding-right: 5px;
}
.job-search-form .location {
    float: left;
    width: 25%;
    padding-right: 5px;
}
.job-search-form .career-level {
    float: left;
    width: 15%;
    padding-right: 5px;
}
.job-search-form .industry {
    float: left;
    width: 17%;
    padding-right: 5px;
}
.job-search-form .keyword {
    float: left;
    width: 24%;
    padding-right: 5px;
}
.career-box .level-img h4 {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    top: 50%;
    background-color: rgba(0, 0, 0, 0.8);
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: auto;
    margin: 0;
    padding: 5px 10px;
    white-space: nowrap;
    z-index: 9;
}
.job-search-form label {
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
    color: #fff;
}
.refine-search .add {
    width: 100%;
    overflow: hidden;
    float: left;
    margin-top: 0;
}

.refine-search .add img {
    max-width: 100%;
}
.job-search-form input,
.job-search-form select {
    width: 100%;
    float: left;
    padding: 11px;
    padding-right: 10px !important;
    border-radius: 2px;
    border: solid 1px #e7e7e7;
    background-position: 91% 50%;
}
.job-search-form select {
    padding-right: 37px !important;
}
.job-search-form input:focus,
.job-search-form select:focus {
    border-color: #e7e7e7 !important;
}
.job-search-form {
    width: 100%;
    overflow: hidden;
}
#shareboxouter .timlist {
    box-shadow: inherit;
}
#shareboxouter .timlist .timlist-fttr {
    display: none;
}
.job-search-form .jobsrch-btn:focus {
    border-color: #990a7f !important;
}
.job-search-form .jobsrch-btn {
    float: left;
    width: 80px;
    background-color: #990a7f;
    border: solid 1px #990a7f;
    cursor: pointer;
    margin-top: 23px;
    border-radius: 2px;
    color: #fff;
}
.jobs-cont h2 {
    width: 100%;
    padding: 15px;
    float: left;
    text-align: center;
    margin-bottom: 10px;
    border-bottom: solid 1px #e7e7e7;
}
ul.howwork-list {
    float: left;
    width: 100%;
    padding: 15px;
    margin: 0;
}
ul.howwork-list li {
    float: left;
    width: 100%;
    padding: 0 15px;
}
ul.howwork-list li p {
    margin-top: 5px;
    color: #4a4a4a;
    text-align: center;
    font-size: 17px;
}
ul.career-level-list {
    float: left;
    width: 100%;
    margin: 0;
    padding: 5px;
}
ul.career-level-list li {
    width: 33.33%;
    float: left;
    padding: 5px;
}
.career-box .level-img {
    height: 110px;
    width: 100%;
    float: left;
    position: relative;
    background-image: url(../images/m-jobs.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.level-img:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    left: 0;
    top: 0;
    z-index: 0;
}
.career-box {
    text-align: center;
    border: solid 1px #e7e7e7;
    padding: 3px;
    overflow: hidden;
    border-radius: 2px;
    float: left;
    width: 100%;
}
.career-box .view-all a {
    display: block;
}
.career-box:hover a i.fa {
    padding-right: 0;
    opacity: 1;
}
.view-all a i.fa {
    float: right;
    line-height: 20px;
    opacity: 0;
    transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    padding-right: 15px;
}
.career-box .view-all {
    float: left;
    width: 100%;
    background-color: #ececec;
    padding: 10px 15px;
    text-align: left;
    font-size: 16px;
}
ul.popular-joblist {
    float: left;
    width: 100%;
    padding: 15px;
    padding-top: 0;
}
ul.popular-joblist li {
    float: left;
    width: 33.33%;
}
ul.popular-joblist li a {
    display: block;
    font-size: 16px;
    line-height: 30px;
    position: relative;
    color: #7b7b7b;
    padding-left: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 20px;
}
ul.popular-joblist li a:after {
    position: absolute;
    content: '';
    width: 0%;
    height: 1px;
    transition: width .4s ease-in-out;
    -webkit-transition: width .4s ease-in-out;
    -ms-transition: width .4s ease-in-out;
    background-color: #e7e7e7;
    left: 0;
    bottom: 0;
}
ul.popular-joblist li:hover a:after {
    width: 90%;
}
ul.popular-joblist li a:before {
    position: absolute;
    width: 6px;
    height: 6px;
    border: solid 1px #990a7f;
    left: 0;
    top: 50%;
    content: '';
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    border-radius: 50%;
}
.jobdtail-cont {
    float: left;
    width: 100%;
    background-color: #fff;

}
ul.catogry-job {
    float: left;
    width: 100%;
    margin-top: 00px;
}
ul.catogry-job li {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}
ul.catogry-job li label {
    color: #a1a1a1;
}
ul.catogry-job li span {
    display: block;
    font-size: 16px;
}
.jobdtail-cont .sallery {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    border-bottom: solid 1px #e7e7e7;
}
.jobdtail-cont .sallery h3 {
    margin-top: 0;
    color: #727272;
    font-weight: 600;
    padding-bottom: 5px;
    width: 100%;
    font-size: 16px;
    float: left;
    margin-bottom: 0;
}
.jobdtail-cont .sallery h2 {
    font-size: 18px;
    float: left;
    width: 100%;
}
.jobdtail-cont .sallery .job-description {
    clear: both;
    color: #727272;
    width: 100%;
    float: left;
    margin: 10px 0;
}
.employr {
    float: left;
    width: 100%;
}
.employr h2 {
    margin-top: 0;
    color: #727272;
    font-weight: 600;
    padding-bottom: 10px;
    width: 100%;
    font-size: 16px;
    float: left;
    margin-bottom: 15px;
}
ul.employr-dtaillist li {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
ul.employr-dtaillist label {
    margin-right: 5px;
    font-weight: 600;
    width: 100px;
    display: inline-block;
}
.cmpny-jobbox div {
    text-align: left;
}
ul.employr-dtaillist li span a.openingooglemap {
    border: 0;
    padding: 0;
}
.jobdtail-cont .prview-left {
    border-right: solid 1px #e7e7e7;
}
.jobdtail-cont .prview-right {
    width: 30%
}
a.edit-btn-job {
    display: inline-block;
    border: solid 1px #990a7f;
    padding: 3px 14px;
    text-align: center;
    border-radius: 2px;
    margin-left: 5px;
}
.jobdtail-cont a.apply-btn {
    text-align: center;
    overflow: hidden;
}
.job-search.result form{padding: 0 20px;}
.job-search.result {
    position: static;
    transform: inherit;
    -webkit-transform: inherit;
    padding-top: 0;
    text-align: center;
    padding:0;background-color: #fff;
    padding-bottom: 25px;border: solid 1px #cfcfcf;
    margin-bottom: 12px;
}
.job-search.result .keyword,
.job-search.result .expirience,
.job-search.result .location,
.job-search.result .career-level,
.job-search.result .industry {
    float: left;
    width: 100%;
    padding-right: 0;
    margin-top: 20px;
}
.job-search.result .jobsrch-btn {
    float: none;
    margin: auto;
    margin-top: 20px;
    padding: 11px;
    width: 100%;
}
.job-search.result a.postjobbtn2 {
    padding: 5px 36px;
    margin: 0;
    display: block;
    margin-top: 15px;
}
.job-search.result label {
    text-align: left;
    margin-bottom: 2px;
    margin-top: 5px;
    color: #989292;
    font-weight: 500;
}

.jobsearch-result-list {
    width: 714px;
    float: left;
    min-height: 400px;

    background-color: #fff;border-radius: 2px;
}
ul.broadcumb {
    float: left;
    width: 100%;
    margin: 0;
    padding: 15px;
    padding-bottom: 0;
}
ul.broadcumb li {
    float: left;
    margin-right: 5px;
    text-transform: uppercase;
    color: #990a7f;
}
.job-search.result .job-search-form select {
    background-position: 94% 50%;
}
.refine-search {
    width: 338px;
    float: left;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;border-radius: 2px;
}
.refine-search h2 {
    padding: 29px 0;
    margin-bottom: 0;background-color: #f7f7f7;
     text-align: left;
    padding-left: 20px;
}
.refsearch-box {
    float: left;
    display: none;
    width: 100%;
    text-align: center;
    border-bottom: solid 1px #e7e7e7;
    padding-bottom: 20px;
}
.refsearch-box h3 {
    font-size: 16px;
    font-weight: 400;
    margin-top: 0;
    color: #737373;
    padding-bottom: 10px;
    text-align: left;
    background: #e6e6e6;
    padding-left: 5px;
    padding-top: 8px;
    margin-bottom: 10px;
}
.refsearch-box select {
    width: 70%;
    padding: 5px;
    border-radius: 2px;
    border: solid 1px #b5b5b5;
}
.refine-list {
    float: left;
    width: 100%;
    margin: 0;
}
.refine-list li {
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
    padding-left: 10px;
}
body.over-hide {
    overflow: hidden;
}
.frnd-request.vault {
    width: 70px;
}
.frnd-request.vault span.ttl {
    width: 70px;
}
.vault-slide-cont {
    width: 300px;
    position: fixed;
    top: 52px;
    right: -310px;
    transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    height: 100%;
    background-color: #fff;

}
.vault-slide-cont.open {
    right: 0;
}
button.close-vault {
    height: 40px;
    width: 40px;
    overflow: hidden;
    display: block;
    background-color: transparent;
    border: 0;
}
ul.nav_list li a.ripple {
    height: 40px;
}
.upload-doccont {
    float: left;
    width: 100%;
    background-color: #fff;
    padding-bottom: 20px;
}
.upload-doccont h1 {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #a0a0a0;
    margin: 30px 0;
}
.upload-box {
    float: left;
    width: 100%;
}
.uploded-wrap .privacy-tag {
    background-color: #990a7f;
    padding: 3px 10px;
    font-size: 12px;
    color: #fff;
    float: left;
    border-radius: 2px;
    display: inline-block;
    margin-top: 10px;
}
.uplod-afile {
    margin: auto;
    width: 95%;
    border: dashed 2px #a5d0e4;
    padding: 30px;
    position: relative;
    text-align: center;
    overflow: hidden;
}
.uplod-afile h3 {
    margin: 0;
    font-weight: 600;
    color: #a0a0a0;
    font-size: 20px;
}
.uplod-afile img {
    margin: 30px auto;
    height: 150px;
}
.uplod-filebtn {
    float: left;
    width: 100%;
}
.uplod-filebtn a {
    background-color: #990a7f;
    display: inline-block;
    padding: 8px 15px;
    color: #fff;
    border-radius: 2px;
}
.uplod-filebtn span {
    display: block;
    margin-top: 7px;
    color: #a0a0a0;
}
.uplod-afile input[type="file"] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    padding-right: 0 !important;
    cursor: pointer;
}
.uplod-afile:hover {
    border-color: #990a7f;
}
#pendingfiles {
    overflow: hidden;
    float: left;
    width: 100%;
}
.file-uploded {
    width: 95%;
    margin: auto;
    overflow: hidden;
    border-radius: 2px;
    border: solid 1px #e7e7e7;
    margin-top: 30px;
    background-color: #f7f6f6
}
.uploded-headng {
    float: left;
    width: 100%;
    padding: 5px 10px;
    border-bottom: solid 1px #e7e7e7;
}
.uploded-headng h2 {
    width: 80%;
    float: left;
    font-size: 15px;
    margin-bottom: 0;
}
.uploded-headng a {
    float: right;
    color: #ff4141;
    font-size: 16px;
}
.uploded-wrap {
    float: left;
    width: 100%;
    padding: 10px;
    position: relative;
}
.uploded-file-sec img {
    display: block;
    height: auto;
}
.uploded-file-sec {
    float: left;
    width: 300px;
    height: auto;
    padding: 5px;
    border-radius: 2px;
    overflow: hidden;
    position: absolute;
    background-color: #fff;
    border: solid 1px #e7e7e7;
}
.uploded-file-sec iframe {
    border: 0;
}
.uploded-from {
    float: right;
    width: 100%;
    padding-left: 320px;
    min-height: 260px;
}
.form-group {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.time {
    display: block;
    font-size: 12px;
    margin-top: 2px;
    line-height: 12px;
    color: #a0a0a0;
}
.form-group label {
    display: block;
    margin-bottom: 3px;
}
.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    border: solid 1px #c5c5c5;
    padding: 10px;
    border-radius: 2px;
}
.form-group.half {
    width: 50%;
}
.uploded-fttr {
    float: left;
    width: 100%;
    border-top: dotted 1px #e7e7e7;
    padding: 10px;
}
button.uploded-sbmitbtn {
    background-color: #990a7f;
    float: right;
    border: 0;
    padding: 7px 15px;
    color: #fff;
    font-size: 15px;
    border-radius: 2px;
}
.uploded-headng.published h2 {
    float: left;
    width: 50%;
}
.uploded-wrap .publish-doc {
    float: left;
    width: 150px;
    height: auto;
    position: absolute;
    background-color: #fff;
    left: 10px;
    z-index: 9;
    border: solid 1px #e7e7e7;
}
.uploded-wrap .publish-doc img {
    display: block;
}
.publish-doc iframe {
    border: 0;
}
.published-rightdtail {
    float: left;
    width: 100%;
    padding-left: 170px;
    min-height: 100px;
    position: relative;
}
.published-rightdtail a.nm {
    font-size: 17px;
    margin-bottom: 5px;
    display: inline-block;
}
.published-rightdtail .desc {
    float: left;
    width: 100%;
    margin-bottom: 6px;
}
.vault-bnnr {
    width: 75%;
    float: left;
    height: 305px;
    text-align: center;
    background-image: url(../images/projecbannernew.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: relative;
}
.not-found {
    padding: 50px;
    text-align: center;
}
.not-found img {
    height: 80px;
    margin-bottom: 15px;
}
.not-found div {
    font-size: 24px;
}
.vault-bnnr .vault-caps {
    width: 530px;
    float: left;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 90px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.vault-caps h1 {
    margin-top: 0;
    color: #fff;
    font-weight: 600;
    text-shadow: 1px 1px 2px #444444;
    font-size: 28px;
    text-align: left;
    margin-bottom: 10px;
}
.vault-caps h2 {
    color: #fff;
    margin-top: 10px;
    padding: 0;
    text-align: left;
    font-size: 22px;
}
.vault-search {
    margin: auto;
    /* overflow: hidden; */
    width: 25%;
    /* position: relative; */
    /* padding-right: 71px; */
    float: right;
   padding: 40px 20px 0px 20px;
    /*height: 305px;*/
}
.vault-search input {
   width: 100%;
    padding: 10px;
    border: solid 1px #e7e7e7;
    border-radius:  2px;
    float: left;
	    margin-bottom: 18px;
}
.vault-search select {
    width: 100%;
    border: solid 1px #e7e7e7;
    padding: 10px;
    background-color: #fff;
    border-radius: 2px;
	margin-bottom: 18px;
}
.vault-search select:focus,
.vault-search input:focus {
    border-color: #e7e7e7 !important;
}
.vault-search button.srch {
  /*position: absolute; */
    /* z-index: 9; */
    /* right: 1px; */
    /* top: 0; */
    background-color: #5e5e5e;
    padding: 6px 17px;
    border-radius: 5px !Important;
    border: 0;
    color: #fff;
    font-size: 19px;
    font-family: sans-serif!Important;
    float: right;
}
.srchanything {
	color: #990a7f;
    font-weight: 600;
    font-size: 17px;
}
.mrgin_40 {
	margin-top: 33px;
}
.vault-bnnr.serch form.grp-search.single {
    margin-bottom: 0;
}
.vault-bnnr.serch {
    height: 200px;
}
.how-benefit.search {
    background-color: #fff;
}
ul.vault-box-3 {
    margin: 0;
    float: left;
    width: 100%;
    padding: 7px;
}
ul.vault-box-3 li {
    width: 33.33%;
    float: left;
    padding: 7px;
    overflow: hidden;
}
ul.vault-box-4 {
    margin: 0;
    float: left;
    width: 100%;
    padding: 5px;
}
ul.vault-box-4 li {
    width: 25%;
    float: left;
    padding: 5px;
    overflow: hidden;
}
ul.vault-box-3 li .doc-fttr ul.tmln_fttr li a {
    padding: 5px 15px;
}
ul.vault-box-4 li ul.tmln_fttr li a {
    padding: 5px 8px;
}
.vault-box {
    width: 100%;
    float: left;
    border: solid 1px #e7e7e7;
    overflow: hidden;
    border-radius: 2px;
    transition: all .1s;
    -webkit-transition: all .1s;
    -ms-transition: all .1s;
}
.docimg iframe {
    border: 0;
}
ul.vault-box-4 li .docimg {
    height: 150px;
}
.vault-box:hover {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 9px rgba(0, 0, 0, .2);
}
.how-benefit.vault a.load-more {
    max-width: 350px;
    margin: auto;
    float: none;
}
.vault-box .docimg {
    float: left;
    width: 100%;
    height: 190px;
    position: relative;
	overflow:hidden;
	background-color:#000000;
}
.vault-box .docimg img {
    /*max-height: 100%;*/
	height:100%;
	width:auto;
	margin:auto;
    display: block;
}
.vault-box .doc-wrap {
    width: 100%;
    float: left;
    padding: 10px;
    background-color: #fff;
    padding-bottom: 0;
}
.how-benefit.vault h2 {
    margin-bottom: 0;
    text-align: center;
}
.doc-wrap a.docttl {
    font-size: 1rem;
    margin-bottom: 5px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.doc-wrap .doc-desc {
    margin-bottom: 10px;
    height: 37px;
    line-height: 18px;
    font-size: 1rem;
    overflow: hidden;
}
ul.vault-box-4 li .doc-desc {
    font-size: 90%;
}
ul.vault-box-4 li a.docttl {
    font-size: 90%;
}
.doc-wrap .doc-fttr {
    float: left;
    width: 100%;
    border-top: solid 1px #e7e7e7;
    padding: 10px 0;
}
.doc-fttr .doc-vw {
    float: left;
    width: 100px;
    margin-top: 6px;
    font-size: 12px;
    color: #a0a0a0;
}
.doc-fttr ul.tmln_fttr {
    padding: 0;
    margin: 0;
    float: right;
    width: auto;
}
.doc-fttr ul.tmln_fttr li {
    width: auto;
    padding: 0;
}
.doc-fttr ul.tmln_fttr li:nth-child(2) {
    cursor: pointer;
}
.doc-fttr ul.tmln_fttr li:nth-child(2):hover {
    background-color: #edf0f1;
}
.doc-fttr ul.tmln_fttr li:nth-child(2):hover a {
    color: #252525;
}
.your-vault {
    float: left;
    width: 100%;
    background-color: #fff;
    position: relative;
}
.your-vault h2 {
    padding: 15px;
    border-bottom: solid 1px #e7e7e7;
    margin-bottom: 0;
}
.my-doclist {
    float: left;
    width: 100%;
    padding-right: 300px;
    min-height: 330px;
}
.your-vault .storage-graph {
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
    height: 100%;
    border-left: dotted 1px #e7e7e7;
}
.your-vault ul.vault-box-4 li {
    width: 33.33%;
}
.your-vault ul.vault-box-4 li li,
.your-vault ul.vault-box-4 li .doc-vw {
    width: auto;
}
.storage-graph .usd-graph {
    float: left;
    width: 100%;
    min-height: 51px;
}
ul.spce-used {
    float: left;
    width: 100%;
    margin: 0;
}
ul.spce-used li {
    width: 80%;
    margin: auto;
    font-size: 16px;
    margin-bottom: 8px;
    text-align: left;
}
.right-cht-had a.rugo {
    top: 0;
    right: 0;
    width: 80px;
}
.right-cht-had ul.go-btn-list {
    top: 30px;
    right: 0 !important;
    left: inherit !important;
}
ul.spce-used li span {
    padding-left: 10px;
}
.vaultdtail-cont {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 15px;
}
.my-doclist.dtail iframe {
    width: 100%;
    height: 460px;
    padding: 0;
    float: left;
    border: 0;
}
.doc-ttl {
    font-size: 20px;
    padding: 10px;
    border-bottom: dotted 2px #e7e7e7;
    border-top: dotted 2px #e7e7e7;
    padding-right: 100px;
    float: left;
    width: 100%;
    position: relative;
}
.doc-ttl span {
    font-size: 14px;
    line-height: 25px;
    color: #a0a0a0;
    position: absolute;
    right: 10px;
    top: 10px;
}
ul.tmln_fttr.docdtail {
    padding-left: 10px !important;
    width: 50%;
}
.my-doclist .sharewith {
    float: right;
    padding: 14px;
}
ul.tmln_fttr.docdtail li:nth-child(2) a {
    cursor: pointer;
}
ul.tmln_fttr.docdtail li:hover a {
    color: #252525;
}
ul.tmln_fttr.docdtail li:nth-child(2):hover {
    background-color: #edf0f1;
}
.docdtail-wrap {
    float: left;
    width: 100%;
    padding: 10px;
}
.docdtail-wrap .postdon {
    margin-bottom: 10px;
    font-size: 13px;
    color: #a0a0a0;
    float: left;
    width: 50%;
    border-right: dotted 1px #e7e7e7;
}
.docdtail-wrap .descr {
    line-height: 20px;
    font-size: 16px;
    margin-bottom: 20px;
}
ul.docrecomnd-list {
    float: left;
    width: 100%;
    margin: 0;
    overflow: hidden;
}
ul.docrecomnd-list li {
    width: 100%;
    float: left;
}
.rcmnd {
    float: left;
    width: 100%;
    position: relative;
    padding: 10px;
    border-bottom: dotted 1px #e7e7e7;
}
.rcmnd .img {
    width: 100px;
    overflow: hidden;
    height: 65px;
    position: absolute;
    top: 10px;
    left: 10px;
	background-color:#000000;
	text-align:center;

}
.rcmnd .img img {
    width:auto;
	height:100%;
	margin:auto;
}
.rcmnd-dtail {
    padding-left: 110px;
    min-height: 65px;
    width: 100%;
}
.edit-btn {
    display: inline-block;
    padding: 3px 13px;
    background-color: #990a7f;
    margin-top: 15px;
    border-radius: 2px;
    color: #fff;
    font-size: 13px;
    padding-left: 11px;
}
.accordion-section-content ol {
    padding-left: 18px;
}
.published-rightdtail:hover ul.hover-btn {
    right: 0;
}
ul.hover-btn {
    margin: 0;
    width: auto;
    position: absolute;
    right: -45px;
    transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    top: 0;
}
ul.hover-btn li {
    width: auto !important;
    padding: 0;
    float: none;
    overflow: inherit;
}
ul.hover-btn li a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    position: relative;
    background-color: #fff;
    text-align: center;
    margin-bottom: 5px;
    font-size: 12px;
    border-radius: 50%;
    border: solid 1px #e7e7e7;
    position: relative;
}
ul.hover-btn li:hover a:after {
    opacity: 1;
}
ul.hover-btn li a:after {
    position: absolute;
    content: '';
    right: 120%;
    opacity: 0;
    line-height: 16px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-color: #000;
    padding: 0 9px;
    border-radius: 2px;
    color: #fff;
}
ul.hover-btn li a.edit:after {
    content: 'Edit'
}
ul.hover-btn li a.dlt:after {
    content: 'Delete'
}
ul.hover-btn li a.dlt {
    color: #ff3535;
}
.edit-btn i.fa {
    padding-right: 5px;
    font-size: 12px;
}
.rcmnd-dtail .ttl {
    margin-bottom: 5px;
}
.rcmnd-dtail .ttl a {
    color: #4a4a4a
}
.rcmnd-dtail .authr {
    float: left;
    font-size: 12px;
    color: #a0a0a0;
}
.chart {
    text-align: center;
    background-color: #fff;
    padding: 15px;
    border-bottom: dotted 1px #e7e7e7;
    margin-bottom: 15px;
}
.rcmnd .img iframe {
    border: 0;
    width: 100%;
    height: 100%;
}
.doc-authr {
    float: left;
    width: 100%;
    position: relative;
    border-top: solid 1px #e7e7e7;
    padding: 10px 0;
    margin-bottom: 15px;
    border-bottom: solid 1px #e7e7e7;
}
.doc-authr .img {
    width: 50px;
    float: left;
    height: 55px;
    position: absolute;
    left: 0;
    top: 10px;
}
.doc-authr .doc-authr-dtail {
    padding-left: 60px;
    min-height: 50px;
    width: 100%;
    padding-top: 3px;
}
.doc-authr-dtail a.nm {
    display: block;
}
.doc-authr-dtail span.dt {
    font-size: 13px;
    color: #a0a0a0;
}
.doc-authr .img img {
    width: 100%;
    border-radius: 50%;
}
.ripple {
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.ripple-effect {
    position: absolute;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    padding: 0;
    margin: 0;
    opacity: 0.6;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}
.promote-fix {
    position: fixed;
    width: 100%;
    overflow: auto;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999999;
    background-color: rgba(0, 0, 0, 0.7);
}
.promote-left .form-group label {
    margin-bottom: 5px;
}
.promotion-cont {
    float: left;
    width: 940px;
    margin: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: 40px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 30px #525252;
}
.promotion-cont h3 {
    margin-top: 0;
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    border-bottom: solid 1px #e7e7e7;
    background-color: #ffffff;
    padding: 10px 15px;
    border-radius: 2px 2px 0 0;
}
.promotion-cont a.grp-close {
    top: 11px;
    right: 10px;
}
.promote-left h3 {
    font-size: 14px;
    text-transform: uppercase;
    background-color: #dedede;
    padding: 8px 15px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
}
.promote-left {
    float: left;
    width: 35%;
    float: left;
    background-color: #fff;
    max-height: 500px;
    overflow: auto;
}
.promote-right {
    min-height: 500px;
    float: left;
    width: 65%;
    background-color: #ececec;
    overflow: auto;
    border-left: solid 1px #dedede;
}
.promote-left .form-group {
    padding: 5px 15px;
}
.promote-left .form-group input[type="radio"] {
    float: left;
    width: inherit;
}
.ad-fttr {
    float: left;
    width: 100%;
    padding: 10px;
    border-top: solid 1px #e7e7e7;
    text-align: right;
}
.ad-fttr a {
    padding-right: 20px;
    color: #6b6b6b;
}
#preview-ad-bnnr {
    width: 100%;
    text-align: center;
    overflow: hidden;
}
#preview-ad-bnnr img {
    width: 100%;
    display: block;
    margin: auto;
}
.preview-ad {
    width: 522px;
    margin: auto;
    background-color: #fff;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    overflow: hidden;

}
.promotion-ad {
    float: left;
    width: 100%;
    max-height: 440px;
    overflow: auto;
}
.add-content .fetrd-left {
    width: 100%;
    overflow: hidden;
}
#addbutton {
    float: left;
    width: 100%;
}
#addbutton .btn {
    float: right;
    padding: 10px 25px !important;
    border: 0px;
    color: #fff;
    border-radius: 2px;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
}
.add-content .fetrd-left .evnt-timing {
    width: 100%;
    overflow: hidden;
}
.add-content .fetrd-right.going {
    width: 100%;
    overflow: hidden;
}
.add-content .fetrd-right.going .evnt-timing {
    width: 100%;
    padding-bottom: 0;
}
.add-content {
    padding-top: 20px;
    overflow: hidden;
}
.preview-ad2 {
    float: left;
    width: 100%;
    text-align: center;
    height: 100%;
    padding-top: 200px;
    font-size: 18px;
}
.myads-cont {
    float: left;
    width: 100%;
}
.myads-cont h2 {
    float: left;
    width: auto;
    padding: 10px;
    margin-bottom: 0;
}
.adshead {
    float: left;
    width: 100%;
    border-bottom: solid 1px #e7e7e7;
}
.adshead a.btn {
    margin: 8px !important;
    float: right;
    padding: 5px 15px;
}
ul.adlist {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    padding-bottom: 0;
}
ul.adlist li:last-child {
    border-bottom: 0;
}
ul.adlist li {
    width: 100%;
    float: left;
    border-bottom: solid 1px #e7e7e7;
}
ul.adlist li .head {
    float: left;
    width: 100%;
    background-color: #f0f0f0;
    font-weight: 600;
}
.head ul.adsrowlist {
    float: left;
    width: 100%;
}
ul.adlist li ul.adsrowlist {
    padding: 10px;
    float: left;
    width: 100%;
}
ul.adlist li ul.adsrowlist li.posts {
    width: 35%;
}
ul.adlist li ul li.reach {
    width: 10%;
}
ul.adlist li ul li.type {
    width: 15%;
}
ul.adlist ul li.click {
    width: 10%;
}
li.reach,
li.click {
    text-align: center;
}
ul.adlist li ul li.published {
    width: 20%;
}
ul.adlist li ul li.status {
    width: 10%;
}
ul.adlist li ul li {
    border-bottom: 0;
    padding: 0;
}
.no-post {
    text-align: center;
    float: left;
    width: 100%;
    padding: 100px 0;
    font-size: 15px;
}
.preview-ad.mobile {
    width: 350px;
}
ul.adlist li ul.adsrowlist li.posts a.ttl {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 10px;
    width: 100%;
}
.promote-btn {
    float: left;
    width: 100%;
    padding: 5px;
    text-align: right !important;
    border-top: dotted 1px #e7e7e7;
    margin: 5px 0;
    border-bottom: dotted 1px #e7e7e7;
}
.promote-btn a {
    display: inline-block;
    background-color: #990a7f;
    padding: 3px 8px;
    color: #fff;
    border-radius: 2px;
    font-size: 13px;
}
ul.cntr_tab.invite {
    margin-top: -10px;
    margin-bottom: 10px;
}
ul.cntr_tab.invite li {
    width: 50%;
    text-align: center;
}
ul.cntr_tab.invite li a {
    padding: 10px;
}
#shareboxouter .timlist img {
    max-width: 100%;
}
.share_post .media.user-photo .edit {
    line-height: 27px !important;
    right: inherit;
    left: 50%;
    bottom: inherit;
    top: 50%;
    display: none;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.media.user-photo:hover span.edit {
    display: block;
}
.media.user-photo .edit i.fa.fa-camera {
    font-size: 12px;
}
.companyouter.education.my:hover ul.hover-btn {
    right: 0;
}
ul.edit_list li:hover ul.hover-btn {
    right: 0;
}
.companyouter.education.my ul.hover-btn li,
ul.edit_list li ul.hover-btn li {
    box-shadow: inherit;
}
ul.invite-bylist {
    float: left;
    width: 100%;
    margin: 0;
    text-align: center;
    margin: 20px 0;
}
ul.invite-bylist li {
    display: inline-block;
    margin: 0 11px;
}
ul.invite-bylist li a {
    display: block;
    width: 50px;
    position: relative;
    height: 50px;
    background-color: #f5f5f5;
    text-align: center;
    border-radius: 50%;
}
ul.invite-bylist li a img {
    width: 30px;
    display: block;
    margin: auto;
    padding: 0;
    vertical-align: middle;
    padding-top: 10px;
}
ul.invite-bylist li a span {
    display: block;
    position: absolute;
    bottom: -20px;
    padding: 0 10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    border-radius: 2px;
    color: #505050;
}
.invite-email {
    float: left;
    width: 100%;
    background-color: #f5f5f5;
    padding: 15px;
    margin-top: 10px;
    position: relative;
}
.invite-email:before {
    position: absolute;
    content: '';
    border-bottom: solid 10px #f6f6f6;
    border-left: solid 10px transparent;
    border-right: 10px solid transparent;
    top: -10px;
    right: 101px;
}
.about-us {
    width: 100%;
    float: left;
    padding: 15px 0;
    background-color: #fff;

}
.about-us h1 {
    margin: 0;
    text-align: center;
    font-weight: 500;
    font-size: 26px;
}
.heading-line {
    width: 100%;
    float: left;
    position: relative;
    padding-bottom: 15px;
}

.mission-box {
    float: left;
    width: 100%;
    text-align: center;
    background-color: #f5f5f5;
    padding: 30px 20px;
    height: 190px;
}
ul.mision-box-list {
    margin-top: 50px;
    float: left;
    width: 100%;
    padding: 0 15px;
}
ul.mision-box-list li {
    width: 50%;
    float: left;
    padding: 0 15px;
}
.mission-box p {
    font-size: 16px;
    line-height: 25px;
    color: #676767;
}
.whowe-r {
    float: left;
    width: 100%;
    text-align: center;
    padding: 30px;padding-left: 0;
}
.whowe-r p {
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 25px;
    margin: 10px 0;
    text-align: left;
}
.our-team {
    float: left;
    width: 100%;
    border-top: solid 1px #e7e7e7;
}
.our-team h2 {
    padding: 15px;
    border-bottom: solid 1px #e7e7e7;
    margin-bottom: 0;
}
.team-mmbr-cont {
    float: left;
    width: 100%;
}
.mmbr-name {
    float: left;
    width: 100%;
    background-color: #f5f5f5;
    padding: 10px;
}
.mmbr-name b {
    font-size: 16px;
    margin-right: 2px;
}
.team-mmbr {
    float: left;
    width: 100%;
}
.team-descript {
    float: left;
    width: 70%;
}
.teammmbr-dtail {
    float: left;
    width: 100%;
    padding: 15px 0;
}
.teammmbr-dtail .timg img {
    width: 96px;border-radius: 50%;
}
.teammmbr-dtail .timg {
    width: 30%;
    float: right;
    text-align: center;
}
.team-descript ul {
    margin: 0;
    padding: 0 15px;
    list-style: disc;
    padding-left: 35px;
}
.team-descript ul li {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 15px;
}
.checkboxlevels {
    float: left;
    width: 100%;
}
.checkboxlevels label {
    display: inline-block;
}
.checkboxlevels label input {
    margin-bottom: 10px;
}
.request-sucess {
    background-color: #fff;
    text-align: center;
    margin: 87px;
    height: 100%;
    position: relative;
    padding-top: 100px;
}
.request-sucess .request-sucess-txt {
    font-size: 32px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.request-sucess img {
    width: 210px;
    margin-bottom: 20px;
}
.request-sucess a.close-btn {
    display: inline-block;
    background-color: #ea4335;
    padding: 10px 35px;
    color: #fff;
    font-size: 18px;
    border-radius: 2px;
    margin-bottom: 100px;
}
.request-sucess .youcanadd {
    font-size: 22px;
    width: 50%;
    margin: auto;
    margin-bottom: 30px;
    margin-top: 10px;
    overflow: hidden;
    color: #676767;
}
ul.newarticle-list {
    float: left;
    width: 100%;
    margin: 0;
    background-color: #fff;
    padding: 5px;
}
.newarticlebox {
    width: 100%;
    position: relative;
    height: 450px;cursor: pointer;
    background-size: auto 100%;
    background-position: center center;
}
.newarticlebox .heading-box {
    position: absolute;
    bottom: 10px;
    background-color: rgba(255, 255, 255, 0.92);
    width: 95%;
    left: 10px;
    border-left: 5px solid #38b055;
    padding: 10px;
    margin-right: 10px;
    height:80px;
}
.heading-box h2 {
    font-weight: 600;
    max-height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 22px;
    margin-bottom: 10px;
}
.articleby {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #a5a1a1;
}
ul.newarticle-list li {
    float: left;
    width: 33.33%;
    padding: 5px;
}
















































































































/*[ For Firefox ]*/

@-moz-document url-prefix() {
    .cbp-wrap .cbp-row .notif-sttng-box > label > div {
        position: relative;
        text-indent: 0;
        padding-left: 0;
    }
    .status input#imagefile {
        height: auto;
        line-height: inherit;
    }
}
/*[ For Firefox ]*/

@media only screen and (max-width: 1200px) {
    .header_right {
        width: 80%;
    }
    ul.grp-tab li a {
        font-size: 16px;
    }
    ul.curently-trendng-list li {
        width: 29%;
    }
    .hm_right_sec {
        display: none;
    }
    .center_content .cntr_cntnt {
        width: 100%;
    }
    .grid-artcle-box a {
        float: left;
        width: 50%;
        padding: 0 5px;
    }
    .big-artcle-box {
        width: 50%;
    }
    .grid-artcle-box {
        width: 50%;
    }
    .grid-artcle-box a {
        float: left;
        width: 50%;
        padding: 0 5px;
    }
    .grid-artcle-box .grid-box {
        margin-right: 0;
        margin-bottom: 10px;
        height: 218px;
        width: 100%;
    }
    .grid-box2 {
        margin-right: 0;
        width: 100%;
    }
    .grid-artcle-box a:nth-child(2),
    .grid-artcle-box a:nth-child(4) {
        padding-right: 0;
    }
}
/*max width 1200px*/






@media only screen and (max-width: 1024px) {




    .tlnt-prflname {
        float: right;
        width: 100%;
    }
    .mainsearch {
        width: 230px;
        margin-top: 11px;
    }
    .find_btn {
        margin-left: 0;
    }
    .mainsearch input.text {
        width: 100%
    }
    .layered-bg {
        background: url(../images/banner_frm_bg.png) -210px top no-repeat transparent;
    }
    .form_cont {
        padding: 35px 10px 10px;
    }
    .communication-container-b {
        width: 390px;
    }
    .communication-container-b h1 {
        color: #fdfeff;
        font-size: 27px;
    }
    .form_cont {
        left: 40px;
    }
    .hm_right_sec {
        display: none;
    }
    .center_content .cntr_cntnt {
        width: 100% !important;
    }
    ul.grp-tab li a {
        font-size: 14px;
    }
    .grp_banner .headline {
        font-size: 22px;
        margin-bottom: 20px;
    }

    ul.curently-trendng-list li {
        margin: 5px 9px;
        margin-bottom: 45px;
        width: 46%;
    }
    .post-sec .right-post {
        width: 81%;
    }
    ul.prvate-grp-list li {
        margin: 5px 9px;
        margin-bottom: 30px;
    }
    .trnding-group h2 {
        padding-left: 10px;
    }
    .grp-box .grpbx-right {
        width: 69%;
    }
    #prgroup .chat_list {
        width: 185px;
    }
    #prgroup .chat_box {
        width: 58%;
    }
    .post .post-had-right {
        width: 84%;
    }
    .post .cmmnt .cmmnt-cntnt,
    .post .cmnt-inpt {
        width: 100%
    }
    .grup-admn {
        text-align: center;
    }
    .modator a.dtl {
        width: 100%;
        text-align: center;
    }
    .grup-admn img {
        float: none;
        margin-right: 0;
        width: 40px;
        height: 40px;
    }
    .modator {
        margin-top: 0;
        text-align: center;
    }
    .center_content {
        padding-left: 230px;
        overflow: hidden;
    }
    .usr-dtail .usr-info-btn {
        top: 125px;
    }
    .activity {
        left: 30px;
        top: -70px;
    }
    .chat_fttr input {
        width: 88%;
    }
    ul.news-half li {
        width: 50%;
    }
    ul.news-half li .news2box {
        max-width: 362px;
    }
    .grup-admn .admn-nm {
        width: 100%;
    }
    .header_right {
        width: auto;
    }
    .media_object {
        width: 100%;
    }
    .share_post .media {
        margin: auto;
        margin-bottom: 30px;
    }
    .request-contct .rimg {
        position: absolute;
        width: 60px;
        padding: 3px;
    }
    .request-contct .reqst-rdtail {
        width: 100%;
        padding-left: 60px;
    }
    .middl-nm {
        position: relative;
    }
    ul.cntr_tab li a {
        padding: 10px;
    }
    li.cntct_serch {
        position: absolute;
        right: 5px;
        width: 220px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        margin: 0;
    }
    .cntct_serch input.sbtn {
        padding: 5px;
    }
    .cntct_serch button.srch-fr-btn {
        padding: 6px;
    }
    .middl-nm .left {
        width: 100%;
    }
    .btns .msg-btn {
        display: inline-block;
    }
    .dropdwn {
        margin-left: 10px;
        margin-top: 2px;
    }
    .middl-nm .left a.nm,
    .middl-nm .left span.comp {
        height: 20px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width:80%;
    }
    .comp-mmbr.viewed span.pic {
        position: absolute;
        left: 10px;
    }
    .comp-mmbr.viewed .mmbr-right {
        padding-left: 60px;
        float: left;
        width: 100%;
        margin-left: 0;
    }
    .cmmnt img,
    .write-cmnt-pic {
        position: absolute;
    }
    .cmmnt .cmmnt-cntnt,
    .cmnt-inpt {
        width: 100%;
        padding-left: 48px;
    }
    .timlist .hedr .prfl_img {
        position: absolute;
    }
    .hedr .hdr_right {
        float: left;
        width: 100%;
        padding-left: 50px;
        padding-right: 30px;
    }
    .errow-drop {
        width: 35px;
        height: 30px;
        position: absolute;
        right: 0;
        top: 0;
    }
    #loadimagdiv img {
        max-width: 90%;
    }
    .txt-form input {
        font-size: 18px;
        margin: 10px 0;
        padding-left: 10px;
    }
    .compny h2 {
        padding-left: 15px;
    }
    .grp_banner.compnybnr .tag {
        color: #fff;
        font-size: 32px;
        font-weight: 600;
        text-align: center;
        padding-left: 0;
        margin-top: 60px;
        margin-bottom: 10px;
    }
    .grp_banner.compnybnr h1.headline {
        padding-left: 0;
        text-align: center;
        font-size: 18px;
    }
    .grp_banner.compnybnr form.grp-search.single {
        width: 100%;
        float: none;
        padding: 0;
        margin-right: auto;
        max-width: 350px;
    }
    ul.employers-list.recomend li .employers.secont-type {
        position: relative;
        min-height: inherit !important;
        padding-bottom: 0;
        padding-top: 5px;
    }
    .cntr_cntnt.popular {
        padding: 15px !important;
    }
    .about-group {
        border-left: 0;
        border-top: solid 1px #e7e7e7;
    }
    .about-group,
    .groups.detail .post-list {
        width: 100%;
    }
    .groups.detail .post-list {
        margin-top: 0;
        min-height: 200px;
    }
    .grp-post-sec .timlist ul.erow-list {
        max-width: 150px;
        width: 150px;
    }
    .cntr_cntnt.popular-dtail h2 {
        font-size: 22px;
    }
    .write-cont.fixed {
        position: relative;
        width: 100%;
        max-width: inherit;
        left: inherit;
        top: inherit;
    }
    .detail-cntnt div a {
        max-width: 100%;
        width: 100 !important;
    }
    header {
        width: 90%;
    }
    .footer-menu {
        width: 80%;margin-top: 0;
    }
    .footer-left{width: 20%;}
    h1.headline.grp {
        font-size: 21px;
        padding: 0 !important;
        text-align: center !important;
        margin-top: 20px;
    }
    .compny {
        padding-left: 0;
    }
    ol.work-prjct-list li {
        font-size: 14px;
    }
    .inyour-hand {
        display: none;
    }
    .sttng-wraper {
        padding-right: 0;
    }
    .sttng-wraper:after {
        display: none;
    }
    .prjct-post .project-nm {
        width: 60% !important;
    }
    .post-prjct {
        width: 90%;
    }
    #grpsearch {
        padding-left: 30px !important;
        margin-bottom: 0;
        width: 50% !important;
        float: none !important;
    }
    .srchinput {
        width: 200px;
    }
    .big-artcle-box {
        width: 49%;
    }
    .grid-artcle-box {
        width: 50%;
        float: right;
    }
    .grid-artcle-box a {
        float: left;
        width: 50%;
        padding: 0 5px;
        overflow: hidden;
    }
    .grid-box {
        float: left;
        margin-right: 0;
        margin-bottom: 5px;
        height: 218px;
        background-size: auto 218px;
        width: 100%;
    }
    .grid-box2 {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        height: 218px;
        background-size: auto 218px;
        width: 100%;
    }
    .popular-artcle1 a {
        float: left;
        width: 33.33%;
        padding: 0 5px;
        overflow: hidden;
    }
    .popular-artcle1 .artcle-boxp {
        width: 100%;
        float: left;
        margin-right: 0;
    }
    .cntr_cntnt.popular h2 {
        padding-left: 0;
        margin-bottom: 5px;
    }
    .popular-artcle1 a:last-child {
        padding-right: 0;
    }
    .popular-artcle1 a:first-child {
        padding-left: 0;
    }
    .populr-artcl2 {
        padding: 0 0;
    }
    .artcle-box-long .image-box {
        position: absolute;
    }
    .artcle-box-long .long-contnt {
        float: left;
        width: 100%;
        padding-left: 180px;
        min-height: 100px;
    }
    .grid-artcle-box .grid-box,
    .grid-artcle-box .grid-box2 {
        height: 200px;
    }
    .grid-artcle-box,
    .big-artcle-box {
        height: 400px;
    }
    .smb-bnnr.tlnt .bnnr-cap {
        text-align: center !important;
        width: 80% !important;
        left: 22% !important;
        margin-right: 0 !important;
    }
    .grp_banner {
        background-position: -60px 0;
    }
    .grp_banner.prjct {
        height: 235px !important;
        padding: 45px 0px;
    }
    .grp_banner.prjct h1.headline {
        margin-bottom: 10px;
    }
    #TGpopouter #popbox {
        width: 100% !important;
        margin-top: 50px !important;
        float: left;
    }
    .TGimgdisplayclass {
        position: static !important;
        padding: 15px;
    }
    #TGpopouter #popbox img {
        width: auto !important;
        max-width: 100%;
    }
    .evnt-bnnr h1 {
        font-size: 22px;
        padding: 0 15px;
        margin-top: 0px;
    }
    .evnt_box .evnt-img {
        width: 85px;
        height: 85px;
    }
    .evnt-bnnr {
        padding: 34px 0 22px;
        height: 235px;
    }
    .evnt-dtail {
        float: right;
        width: 65%;
        position: relative;
    }
    .chat-cont {
        right: 20px;
    }
    #usermainboxchat {
        right: 310px !important;
    }
    .prjct-location {
        width: 120px;
        float: right;
    }
    .prjct-post .prjct-ownr {
        width: 32%;
        /*display: none;*/
    }
    .frlncer-list li {
        width: 50%;
    }
    ul.vault-box-4 li {
        width: 33.33%;
    }
    ul.vault-box-3 li {
        width: 50%;
    }
    .my-doclist {
        padding-right: 0;
    }
    .your-vault .storage-graph {
        display: none;
    }






}








/*max width 1024px*/



/* responsive only for tablet*/

@media screen and (min-width: 800px) and (max-width: 1024px) {
.banner{background-position: center top; background-size: auto 100%;}
.banner-left-info {width: 50%;}
ul.konect-mmbr li p{line-height: 20px !important;}
.hdr_search{padding-right: 0px;}
.left_menu_sec{width: 210px;}
.center_content{padding-right: 70px;}
.share_post .media{float: none;}
.descrptn.my{margin-top: 0;}
.filter-cat{width: 25%;}
form.grp-search{ padding: 0 20px;}
.srchinput label span{display: none;}
.srchinput.radius{display: none;}
form.grp-search button{border-radius: 2px !important;}
.vdo-player iframe{height: 310px;}
.vdo-list-box .vdo-player{height: 110px;margin-bottom: 0;}
ul.prview-desc li h1{font-size: 16px;}
.prview-right a.apply-btn{font-size: 14px;}
ul.prjct-list li a{padding: 10px;}
.jobsearch-result-list{width: 74%;}
.refine-search {
    width: 25%;
    float: right;
    position: static;
}
.contct-srch .srchfcontct{width: 100%;margin: 0 !important;box-shadow: none;}
.refine-search .add{display: none;}
.job-search.result a.postjobbtn2{padding: 5px 10px;}
.contct-srch #frmsearchcontacts{margin-bottom: 10px;overflow: hidden;}
.request-contct{padding: 5px;}
.career-box .level-img h4{white-space: normal;width: 100%;}
ul.grp-tab li  {width: auto;}
.middl-nm .left a.nm{margin-bottom: 0;}
.middl-nm .btns{margin-top: 5px;}
ul.curently-trendng-list li{margin-bottom: 0;}
.frndtprfile-cont .frndtprfile-left{padding-right: 70px;}




}
@media only screen and (max-width: 992px){
.hdr_search{padding-right: 0 !important;}
.mainsearch {
    width: 200px;
    margin-top: 46px;
}
}

/* //responsive only for tablet*/

























@media only screen and (max-width: 800px) {
ul.bsdtail-info-list li span a.openingooglemap {
    margin-top: 10px;
}
ul.edit_list li ul.hover-btn{right: 0;}
.notif-sttng-box .checkboxlevels label input[type="checkbox"]:checked:before,.notif-sttng-box > .checkboxlevels label input[type="checkbox"]:after{display: none;}

.comment a.close i.fa.fa-times {
    -webkit-text-stroke: 1px #f7f8f9;
    text-stroke: 1px #f7f8f9;
}
.frnd-user-buttons .more ul.go-btn-list:before{right: 20px;}
a.close:hover i.fa:after{display: none;}
.comment a.close{display: block;}


ul.cntr_tab.horizontal {
    white-space: nowrap;
    overflow-x: auto;
}
ul.cntr_tab.horizontal li {
    width: auto;
    display: inline-block;
    float: none;
}
.jobbnnr-cap{padding-top: 130px;}
.serach-result-timeline{width: 100%;}
::-webkit-scrollbar{width: 2px;}
    ul.upld-img-list.searchphoto li.gall{max-width: 270px !important; width: 100% !important;}
    .companyouter.education .roundbox{top: 14px;margin-left: 22px;}
    .popup-alert{width: 95%;}
    header#header {
        padding: 0 !important;
        max-width: 100%;
    }

div#wrapper {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}
    ul.bnfit-list.tlnt li ul li {
        padding-right: 10px;
    }
    header#header .logo {
        margin-top: 3px !important;
    }
    .usr-bg {
       /* display: none;*/
    }
    #grpsearch {
    padding-left: 0 !important;
    width: 100% !important;
    max-width: 320px;
    }
    ul.nav_list li.createad {
        display: none;
    }
    .responsivedivmain {
        width: 100% !important;
    }
    .nav-btn {
        display: block;
    }
    .logo a.hiden-d {
        float: left;
        margin-left: 9px;
        margin-top: 0px;
    }
    .layered-bg {
        background: #212d6e;
    }
    .request-contct {
        padding: 10px;
    }
    .refine-search {
        display: none;
    }
    .jobsearch-result-list {
        width: 100%;
    }
    .cmpny-jobbox {
        padding: 10px !important;
    }
    .cmpny-jobbox .applyjob-btn {
        position: static;
        margin: auto;
        margin-top: 35px;
        display: inline-block;
    }
    .nav-btn {
        float: left;
        font-size: 25px;
        margin-top: 0px;
        cursor: pointer;
        margin-right: 15px;
        margin-left: 15px;
        color: #2ca1cd;
    }
    .vdo-list-box .vdo-player {
        height: auto;
        margin-bottom: 0;
    }
    header#header .header_right {
        padding-top: 8px;
        padding-bottom: 7px;
        border-top: 0;
    }
    .hamburger-menu {
        display: block;
        margin-top: 1px;
    }
    .artcle-boxp .img-box {
        background-color: #f1f1f1;
    }
    h1.headline.grp {
    line-height: 25px !important;
    text-align: center !important;
    padding-right: 0 !important;
    }
.cat-list{text-align: center;}
.cat-list li {
    margin: 0;
    float: none;
    width: auto;
    border: solid 1px #e7e7e7;
    padding: 7px;
    display: inline-block;
    padding-left: 7px;
    border-radius: 15px;
    margin: 3px;
}
    .retd-list-cont,.filter-cat{width: 100%;}
    .communication-container-b {
        display: none;
    }
    .nav-cont .column {
        width: 33.33%;
    }
    .form_cont {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    header {
        padding: 5px !important;
        width: 100%;
        padding-top: 0 !important;
    }
    .search_drop {
        display: none;
    }
    .hdr_search {
        width: 100%;
        float: right;
    }
    .left_prgrs_sec {
        display: none;
    }
    .prgrs_steps {
        width: 100%;
    }
    .hm_right_sec {
        display: none;
        width: 100% !important;
        padding-left: 15px !important
    }
    .mainsearch {
        float: left;
        width: 100%;
        margin-top: 0;
        padding-right: 90px;
    }
    button.search_btn {
        width: 45px;
        right: 90px;
    }
    .toggle {
        float: right;
        margin-top: 5px;
    }
    .hiden-d {
        display: block !important;
    }
    .hiden-xs {
        display: none !important;
    }
    .logo .hiden-d img {
        width: 20px;
    }
    .logo .hiden-d img {
        width: 30px !important;
    }
    .artcle.comp-profile .hm_right_sec .crt-employr .btn {
        float: left;
        margin-bottom: 20px;
    }
    .container.main {
        /*padding-top: 59px;*/
    }
    .copyright {
        text-align: center;
    }
    .header_right {
        width: 100%;
        float: left;
        padding-left: 0;
        margin-top: 0;
    }
    header .header_right {
        border-top: dotted 1px #e7e7e7;
        padding-top: 15px;
    }
    .login-form input {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .login-form button {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        color: #ffffff;
        background-color: #990a7f;
        margin-top: 10px !important;
    }
    .login-form a {
        margin-top: 15px;
        margin-bottom: 17px;
        text-align: center;
        width: 100%;
        float: left;
        border-bottom: 0;
    }
    .find_btn {
        margin-left: 0;
        float: right;
        position: absolute;
        right: 10px;
        padding-top: 0px;
        margin-top: 2px;
    }
    .left_menu_sec {
        left: -40px;
        z-index: 9999999;
        height: 100%;
        top: 50px !important;
        position: fixed;
        transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        transform: translateX(-240px);
        -webkit-transform: translateX(-240px);
        -ms-transform: translateX(-240px);
        -moz-transform: translateX(-240px);
        box-shadow: inherit;
    }
    .left_menu_sec.open {
        left: 0;
        position: fixed !important;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        top: 46px;
        border-top: 0;
        transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        height: 100%;
        padding-bottom: 50px;
    }
    ul.nav_list li {
        background-color: #fff;
    }
    .left_menu_sec.open:after {
        position: absolute;
        content: '';
        width: 100vw;
        height: 100vh;
        left: 100%;
        top: 0;
        background-color: rgba(0, 0, 0, 0.5);
    }
    .center_content {
        padding-left: 0 !important;
        width: 100% !important;
        top: 0;
        position: static;
        left: 0;
    }
    ul.nav_list {
        box-shadow: none;
        border-right: 0;
        border-radius: 0;
        z-index: 9999;
    }
    .frnd-request {
        position: relative;
        top: 0;
        width: 27px;
        float: left;
        margin-left: 0;
        text-align: center;
    }
    .frnd-request.vault {
        width: 40px;
    }
    header .logo {
        position: relative;
        width: auto;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        margin-bottom: 10px;
        margin-top: 10px !important;
    }
    .after-login.hdr_cont .logo {
        position: absolute;
        width: 100px;
        left: 0;
        transform: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        margin-bottom: 0;
    }
    .after-login.hdr_cont .header_right {
        padding-left: 100px;
    }
    .chat-cont {
        display: none;
    }
    ul.nav_list li.user {
        padding: 0;
        padding-top: 8px;
    }
    .foottr {
        position: fixed;
        bottom: 0;
        width: 100%;
        box-shadow: 0px 0px 10px 0px #ccc;
        background-color: #fff;
        display: block;
        z-index: 999;
    }
    .foottr ul {
        display: flex;
        justify-content: space-around;
        text-align:center;
    }
    .foottr ul li {
        display: flex;
        flex-direction:column;
    }
    .foottr ul li a {
        display: inline-block;
        padding: 8px 18px;
        font-size: 24px;
    }
    .connctn:first-of-type {
        border-top: 0;
    }
    .foottr ul li a img {
        max-width: 29px;
        border-radius: 50%;
        margin-bottom: -7px;
    }
    .foottr ul li:last-of-type a {
        padding: 8px 18px;
    }
    ul.nav_list li.user {
        border-radius: 0;
    }
    .premium_tag {
        margin-top: 4px;
    }
    .foottr ul li:nth-child(3) a {
        font-size: 21px;
    }
    .comnt-write {
        position: relative;
    }
    .write-cmnt-pic {
        position: absolute;
    }
    .cmnt-inpt {
        position: relative;
        padding-left: 0;
        width: 100% !important;
    }
    .grp_banner .headline {
        font-size: 19px !important;
        margin: 0;
        line-height: 23px;
        width: 100%;
        padding: 10px;
    }
    .groups.detail .post-list .timlist {
        box-shadow: inherit;
    }
    .grp_banner.compnybnr form.grp-search.single {
        width: 100% !important;
        float: none !important;
        padding: 0 10px !important;
        margin: 10px auto !important;
        max-width: 450px;
    }
    .grp_banner.compnybnr h1.headline {
        padding-left: 0;
        text-align: center;
        padding: 10px 20px;
        text-shadow: inherit;
    }
    .grp_banner.compnybnr {
        padding-left: 0;
        text-align: center;
    }
    form.grp-search {
        width: 80% !important;
        margin: auto;
        position: relative;
        margin-bottom: 20px;
        float: none !important;
        padding-left: 0 !important;
        margin-top: 30px;
    }
    .prjct-srch form.grp-search {
        width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .prjct-srch .mmbrof_group_list h2 {
        padding-left: 0 !important;
    }
    .grp_banner.prjct {
        padding: 30px 0;
        height: auto !important;
    }
    .prjct-srch form.grp-search .srchinput {
        width: 100%;
        padding-right: 0;
    }
    .grp_banner.prjct h1.headline {
        line-height: 29px;
        padding: 0 10px;
    }
    .grp-dtail-had .group-sec span label {
        padding-right: 0;
    }
    form.grp-search button {
        margin-right: 10px;
        width: 100%;
        margin-top: 20px;
    }
    .grp-dtail-had .group-sec label {
        font-size: 13px;
        color: #525252;
        display: block;
        width: 100%;
        padding-right: 0;
        padding-bottom: 8px;
    }
    #grpsearch button {
        width: 65px;
        margin-right: 0;
    }
    .comp-head .comp-heading {
        font-size: 24px;
        padding-right: 0;
    }
    .comp-heading .managed-by {
        position: static;
    }
    .modator {
        padding-bottom: 30px;
    }
    ul.grp-tab {
        text-align: center;
        background-color: #fff;
    }
    ul.grp-tab li {
        float: none;
        display: inline-block;
        width: auto;
        margin-right: -2px;
    }
    ul.grp-tab li:first-child {
        margin-left: 0;
    }
    ul.grp-tab li:nth-child(3) a {
        border-right: 0;
    }
    ul.grp-tab li a {
        font-size: 14px;
        font-weight: normal;
        padding: 10px;
        border-right: solid 1px #e7e7e7;
    }
    ul.grp-tab li a:after {
        display: none;
    }
    .trnding-group {
        padding-top: 0;
    }
    .trnding-group h2 {
        font-size: 20px;
        margin-bottom: 0;
    }
    ul.curently-trendng-list li {
        margin: 0;
        width: 49.8%;
        margin-bottom: 45px;
        padding: 0 5px;
    }
    ul.curently-trendng-list li:nth-child(even) {
        float: right;
    }
    ul.prvate-grp-list li {
        margin: 0;
        margin-bottom: 20px;
        width: 49%;
    }
    ul.prvate-grp-list {
        text-align: center;
        float: left;
        width: 100%;
    }
    ul.mmbr-grp-list li .list_column {
        width: 100%;
    }
    ul.mmbr-grp-list li .list_column:nth-child(2) {
        display: none;
    }
    .group-sec span span.edit {
        top: 0;
    }
    .posts_cont {
        padding: 0;
    }
    ul.cntr_tab li a {
        padding: 10px 15px;
        text-align: center;
        border-bottom: solid 1px #e7e7e7;
    }
    .evnt-list-cont ul.cntr_tab {
        border-bottom: 0;
    }
    ul.cntr_tab li:last-child a {
        border-bottom: 0;
    }
    ul.cntr_tab li a.active:after {
        width: 40px;
    }
    .posts_cont .post-list {
        float: left;
        width: 100%;
        padding: 10px;
    }
    .post {
        position: relative;
        overflow: hidden;
    }
    .your-connction ul li .post {
        overflow: inherit;
    }
    .post span.postimg {
        max-width: 50px;
        top: 0;
        position: absolute;
    }
    .post .post-had-right {
        width: 100%;
        position: relative;
        padding-left: 60px;
        margin-bottom: 10px;
        min-height: 55px;
    }
    .post .cmmnt .cmmnt-cntnt,
    .post .cmnt-inpt {
        width: 100%;
        position: relative;
    }
    .timlist .hedr .prfl_img {
        width: 55px;
        position: absolute;
        padding-right: 0;
    }
    .hedr .hdr_right {
        float: left;
        width: 100%;
        padding-left: 50px;
    }
    .about-group {
        float: left;
        width: 100%;
        padding: 0 20px;
        margin-top: 50px;
        border-top: solid 1px #e7e7e7;
    }
    ul.biding-list li .hedr .hdr_right {
        width: 100%;
        padding-right: 0;
    }
    .bid-date label {
        display: inline-block;
    }
    .hedr .bid-date {
        float: left
    }
    .copyright_cont {
        margin-bottom: 52px;
    }
    .grp-setting h2 {
        padding-left: 0;
    }
    ul.joining-requests-list li .rquest-box a.rqst-img img {
        max-width: 60px;
    }
    ul.joining-requests-list li .rquest-box .rqst-right {
        padding-left: 80px;
        padding-top: 3px;
        padding-bottom: 0;
    }
    ul.joining-requests-list li .rquest-box .add-frnd a {
        padding: 5px 15px;
        font-size: 14px;
    }
    ul.joining-requests-list li .rquest-box .rquest-middle {
        padding-right: 170px;
    }
    ul.joining-requests-list li .rquest-middle a.nm {
        font-size: 20px;
    }
    ul.joining-requests-list li .rquest-box .add-frnd {
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    .grp-setting {
        padding: 10px 0;
    }
    .txt-form textarea {
        margin-top: 0;
    }
    .grp-box .grpbx-fttr {
        margin-top: 20px;
    }
    .grp-box .grpbx-right {
        width: 100%;
        padding-left: 60px;
    }
    .grp-box span.img {
        width: 51px;
        position: absolute;
        left: 10px;
        padding-bottom: 10px;
    }
    .grp-box {
        position: relative;
    }
    .cmmnt .cmmnt-cntnt {
        float: right;
        width: 100%;
        padding-left: 50px;
    }
    #searchtagcontact {
        top: 121px;
		width:300px;
    }
    .usr-dtail .usr-info-btn {
        float: inherit;
        width: 100%;
        position: initial;
        text-align: center;
        padding: 20px;
    }
    .usr-dtail span.imag {
        float: none;
        margin: auto;
    }
    .usr-dtail .usr-info {
        width: 43%;
        float: none;
        margin: auto;
        text-align: center;
    }
    .activity ul {
        text-align: center;
    }
    .activity ul li {
        float: none;
        display: inline-block;
        width: auto;
        margin-right: 20px;
    }
    ul.trivia-sllist a:nth-child(3) li,
    ul.trivia-sllist a:nth-child(4) li {
        display: none;
    }
    ul.trivia-sllist li {
        width: 50%;
    }
    .detail-cntnt ol li {
        margin-left: 20px;
        text-align: left;
        margin-bottom: 5px;
    }
    .grp-info {
        margin-top: 10px;
        border-top: solid 1px #e7e7e7;
        padding-top: 20px;
    }
    .errow-drop .erow-list {
        top: 30px;
    }
    header#header.nav-up {
        top: -60px;
    }
    li.cntct_serch {
        width: 220px;
        position: relative;
        margin-bottom: 0;
        margin-top: 3px;
        top: inherit;
        transform: inherit;
    }
    .cntct_serch input.sbtn {
        padding: 6px;
    }
    .cntct_serch button.srch-fr-btn {
        padding: 7px;
    }
    ul.cntr_tab li.evnt-crt-btn {
        margin-top: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
    ul.cntr_tab li.evnt-crt-btn a {
        padding: 5px 20px;
    }
    .fetrd-left,
    .fetrd-right {
        float: none;
        width: 100%;
        max-width: 460px;
        overflow: hidden;
        margin: auto;
        margin-bottom: 20px;
    }
    .fetrd-right.going {
        overflow:inherit;
    }
    #loadimagdiv .close {
        top: 21px;
        right: 22px;
    }
    .left_menu_sec.scroll {
        top: 0;
    }
    .chat-inpt {
        position: relative;
        width: 100%;
        float: left;
    }
    .chat-inpt input {
        width: 100% !important;
        padding-right: 60px;
    }
    .banner-form {
        width: 90%;
        float: none;
        margin: auto;
        margin-top: auto;
        margin-top: 15px;
    }
    .footer-menu {
        width: 100%;
    }
    footer .logo {
        display: none;
    }
    .footer-menu {
        width: 100%;
        margin: auto;
        text-align: center;
    }
    ul.foooter-list {
        margin: 0;
        width: 100%;
        display: inline-block;
        text-align: center;
        float: none;
        margin-bottom: 10px;
    }
    ul.foooter-list li:first-child {
        margin-right: 0;
        display: block;
        font-weight: 600;
    }
    .banner {
        background-size: auto 100%;
		height: 700px;
    }
    .banner-left-info {
        display: none;
    }
    .errow-drop .erow-list {
        width: 220px;
    }
    .premium-cont {
        padding-top: 30px;
    }
    .premium-cont h2 {
        font-size: 19px;
    }
    .premium-cont h2 label {
        display: block;
    }
    ul.konect-mmbr li {
        width: 100%;
        float: left;
        padding: 5px;
        margin: auto;
        margin-top: 15px;
    }
    .grup-box {
        float: none;
        width: 100%;
        max-width: 400px;
        margin: auto;
    }
    .play-store .play-img {
        float: left;
        width: 100%;
        text-align: center;
    }
    .play-store .play-img img {
        width: auto;
        height: 500px;
    }
    #showsearchbox {
        top: 40px !important;
        width: 100% !important;
    }

    .left_menu_sec .menu {
        box-shadow: inherit;
    }
    .play-store .play-text {
        padding: 15px 10px;
        text-align: center;
        padding-left: 10px;
        width: 100%;
    }
    .play-text h1 {
        font-size: 25px;
    }
    .get-konect {
        font-size: 15px;
        padding: 0 10px;
    }
    .get-konect p {
        font-size: 13px;
    }
    .login-form {
        margin-top: 5px;
        max-width: 350px;
        margin: auto;
        float: none !important;
    }
    .second-step {
        width: 90% !important;
        top: 130px;
    }
    .connctn {
        padding: 5px;
        text-align: center;
    }
    #link_current .aw-current-weather-inner {
        max-width: 100% !important;
    }
    .weather {
        display: none;
    }
    ul.prjct-list li a span {
        display: none;
    }
    ol.work-prjct-list li {
        font-size: 14px;
        width: 100%;
        margin-bottom: 30px;
    }
    ol.work-prjct-list li i.fa {
        margin-bottom: 5px;
    }
    ul.project-list {
        background-color: #fff;
        padding: 0;
    }
    .prjct-post .prjct-tm {
        position: absolute;
    }
    .prjct-post .project-nm {
        width: 77% !important;
        box-sizing: border-box;
        padding-left: 100px;
        min-height: 88px;
    }
    .manage-tab li {
        float: left;
        width: 100%;padding: 0;
    }
    .manage-tab{margin-top: 0;}
ul.bsdtail-info-list li div#imagebx {
    background-color: transparent;
    padding: 0;
}
    .manage-tab li a {
        display: block;
        padding: 11px 22px;
        border-right: 0;
        border-bottom: solid 1px #e7e7e7;
    }
    .manage-tab li.post-prjct-btn {
        float: left;
        padding: 0 20px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .manage-tab li.post-prjct-btn .btn {
        display: block;
        color: #fff;
        text-align: center;
        width: 100%;
        margin: 0 !important;
    }
    .reslt {
        margin-bottom: 10px;
    }
    form.grp-search.single button {
        position: absolute;
        margin-top: 0;
        right: 0;
        width: 65px;
        bottom: 0;
        padding: 12px 0px;
        border-radius: 0 2px 2px 0;
        margin-right: 0;
    }
    .freelancerbuttons a {
        display: block;
        margin: 0 !important;
        margin-bottom: 10px !important;
    }
    .frlncr-prfl .frlncr-img {
        margin: auto;
        position: relative;
    }
    .frlncr-prfl .frlncr-dtail {
        padding-left: 0;
    }
    ul.cntr_tab li.evnt-crt-btn {
        position: static;
        margin-top: 10px;
        margin-bottom: 10px;
        transform: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        -moz-transform: inherit;
        margin-right: 0;
        text-align: center;
        padding: 0 10px;
    }
    ul.cntr_tab li.evnt-crt-btn a {
        margin-right: 0;
        display: inline-block;
    }
    .evnt-bnnr h1 {
        font-size: 21px;
        line-height: 21px;
    }
    .serch-evnt input.topc {
        width: 100% !important;
        float: left;
        padding: 8px;
        margin-bottom: 10px;
        border-radius: 2px;
        height: 36px;
    }
    button.srch {
        background-color: #990a7f;
        border: 0;
        padding: 11px 18px;
        color: #fff;
        float: none;
        border-radius: 2px;
        width: 100%;
    }
    .evnt-bnnr {
        padding: 60px 0 72px !important;
        height: 215px;
    }
    .evnt-bnnr label {
        margin-bottom: 9px;
    }
    .frlncer-list li {
        width: 100%;
    }
    .prview-left,
    .prview-right,
    .jobdtail-cont .prview-right {
        width: 100%;
    }
    ul.prview-desc li h1 {
        font-size: 15px;
    }
    ul.prview-desc li {
        padding: 10px 0;
    }
    #popupcontentproj table tr td {
    display: block;
    padding: 0 !important;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    }
    .prview-right {
        border-top: dotted 1px #e7e7e7;
        padding-top: 25px;
    }
    .prview-right a.apply-btn {
        max-width: 350px;
        margin: 10px auto;
        float: none !important;
        overflow: hidden;
    }
    .post-evnt .evnt-left-fld,
    .post-evnt .evnt-right-fld {
        width: 100% !important
    }
    .evnt-timing {
        width: 100%;
    }
    .going-btn div {
        display: none;
    }
    .btn-going {
        position: relative;
        display: block !important;
    }
    .going-btn {
        float: right;
        position: relative !important;
    }
    .left-sec {
        width: 100%;
    }
    .evnt-list-cont .evnt-mmbrs .right-sec {
        width: 100%;
        padding: 10px !important;
    }
    .organigr-cont {
        padding-bottom: 60px;
    }
    .info-head .info-img {
        height: 100px;
        width: 100px;
    }
    .info-img img {
        max-height: inherit;
    }
    ul.trivia-sllist li {
        width: 100%;
        max-width: inherit;
        margin: auto;
        margin-bottom: 10px;
        float: none;
    }
    .cntr_cntnt.popular-dtail h2 {
        font-size: 18px !important;
    }
    ul.employers-list {
        padding-right: 0;
    }
    .employers {
        padding: 10px;
    }
    .grp_banner.compnybnr .tag {
        margin: 5px;
        font-size: 22px;
        text-align: center;
        padding-left: 0;
        padding-top: 40px;
    }
    .center_content .cntr_cntnt {
        margin-bottom: 0;
    }
    .crt-employr .btn {
        margin-top: 0 !important;
    }
    .contct-srch .srchfcontct {
        width: 100%;
        margin: 0 !important;
    }
    .contct-srch #frmsearchcontacts {
        float: left;
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
    }
    .contct-srch #frmposthome4 {
        float: right;
        width: 100%;
        padding-left: 0;
    }
    ul.edit_list.my li {
        padding: 10px;
    }
    ul.tmln_fttr li {
        border-bottom: solid 1px #e7e7e7 !important;
        width: auto !important;
    }
    .post-list ul li {
        border-bottom: 0;
        padding: 0;
    }
    .crt-grp-popup {
        padding: 10px;
    }
    .groups.detail .grp-dtail-had {
        padding: 0;
    }
    .group-sec a.grp-logo img {
        left: 0;
    }
    ul.cntr_tab {
        padding-top: 0;
        border-bottom: solid 1px #e7e7e7;
    }
    .list_column.mygrp .group-sec {
        padding: 0;
        margin: 0;
    }
    .groups.detail ul.cntr_tab li {
        width: 100%;
    }
    .mmbrof_group_list {
        padding: 10px;
    }
    input,
    select {
        font-size: 14px !important;background-color: #fff;
    }
    .upload-img {
        margin-right: 5px;
    }
    .tab_contnt_cont {
        padding: 7px 5px;
    }
    .tab_contnt_cont:after {
        display: none;
    }
    .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .share_with {
        border-top: solid 1px #e7e7e7;
    }
    .usr-dtail .usr-info .locat {
        padding-bottom: 0;
    }
    .usr-dtail .imag .frnd-pic {
        margin-top: -50px;
    }
    ul.edit_list li {
        padding: 10px !important;
    }
    ul.hover-btn li{padding: 0 !important;margin-bottom: 0 !important;margin-top: 10px;}
    .usr-artcl .img {
        float: none;
        width: 100%;
        max-width: 270px;
        margin: auto;
        margin-bottom: 20px;
    }
    ul.news-half li ul.likes-show li {
        width: auto !important;
        margin-bottom: 0 !important;
    }
    .usr-artcl .about-artcl {
        width: 100%;
    }
    ul.list.language li {
        padding: 0 !important;
        box-shadow: inherit !important;
    }
    ul.artcl-likes li span {
        font-size: 12px;
    }
    ul.artcl-likes li h1 {
        font-size: 22px;
    }
    .write-cont {
        margin-top: 10px;
    }
    .grp-search input {
        font-size: 13px !important;
        -webkit-appearance: none;
    }
    .center_content .cntr_cntnt.popular-dtail {
        padding: 10px !important;
    }
    .trivia-slider {
        padding: 10px;
    }
    ul.news-half li {
        padding: 0 6px;
    }
    .cntr_cntnt.popular h2 {
        padding: 10px 5px;
    }
    .compny {
        padding: 10px;
    }
    .compny-profile {
        padding: 10px;
    }
    .intrs-list ul.list li {
        padding: 0 15px !important;
        font-size: 14px;
        border-radius: 30px !important;
        line-height: 30px;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 3px rgba(0, 0, 0, .1);
    }
    .add_more {
        margin-top: 10px;
    }
    .activity {
        display: none;
    }
    ul.edit_list li h3 {
        border-bottom: solid 1px #e7e7e7;
        width: 100%;
        font-size: 18px;
        padding-bottom: 5px;
    }
    ul.sttng_tab li:last-child a {
        border-right: 0;
    }
    ul.sttng_tab li a {
        padding: 10px;
        font-size: 13px;
    }
    ul.setting_area_list li dl dt {
        display: block;
        max-width: inherit;
        width: 100%;
        float: left;
        font-weight: 600;
        position: relative;
    }
    ul.setting_area_list li dl dd {
        width: 100%;
        padding-left: 0;
        display: block;
        margin-left: 0;
        float: left;
        position: relative;
    }
    ul.setting_area_list li dl div {
        width: 100%;
        float: left;
    }
    ul.privacy-setting-list li {
        padding-left: 0;
        margin-bottom: 0;
    }
    .notif-sttng-box > label > div input[type="checkbox"]:checked:before,
    .notif-sttng-box > label > div input[type="checkbox"]:after {
        display: none;
    }
    .notif-sttng-box > label > div {
        line-height: 20px;
    }
    .notif-sttng-box > label > div {
        padding-left: 0px;
        text-indent: 0px;
    }
    .nw-grup h3 {
        font-size: 16px;
    }
    .descrptn:after {
        display: none;
    }
    ul.send-list li input[type="radio"]:before,
    ul.send-list li input[type="radio"]:after {
        display: none;
    }
    ul.send-list li input[type="radio"] {
        float: left;
        width: auto !important;
        margin-right: 10px;
        opacity: 1;
        -webkit-appearance: radio;
    }
    .chat-inpt ul.emoji-list {
        left: -10px !important;
    }
    .chat-inpt ul.emoji-list:after {
        left: 14px;
    }
    .commnts-cont {
        padding: 0;
        margin-bottom: 0;
    }
    .grp-post-sec .commnts-cont {
        width: 100%;
    }
    .hide-mob-footer {
        display: none;
    }
    .evnt-crt-btn.smbcls {
        position: static !important;
    }
    ul.cntr_tab li {
        float: left;
        width: 100%;
    }
    .bnnr-cap h1 {
        font-size: 28px;
    }
    .bnnr-cap h2 {
        font-size: 20px;
    }
    .cbp-wrap {
        padding: 0 15px;
    }
    .cbp-wrap h1 {
        text-align: center;
    }
    .cbp-wrap .cbp-row-half {
        width: 100%;
    }
    .cbp-row-half.pd-right,
    .cbp-row-half.pd-left {
        padding: 0 !important;
    }
    .cntr_cntnt_tab ul li {
        float: left;
        width: 50%;
    }
    .smb-bnnr {
        height: 250px;
        margin-bottom: 0;
    }
    .contct-srch .srchfcontct {
        margin: 0 !important;
        display: inline-block;
        margin-bottom: 10px !important;
        width: 100%;
    }
    .grp_banner {
        background-position: center center !important;
        height: 245px;
    }
    #searcheventsfrm button.srch {
        width: auto;
        right: 0;
        position: absolute;
        height: 36px;
        line-height: 36px;
        padding: 0 15px;
    }
    ul.prview-desc li.one:after {
        border-right: solid #990a7f 134px;
        border-top: solid 59px transparent;
    }
    ul.prview-desc li.three:after {
        border-right: solid #6e6e6e 134px;
        border-top: solid 59px transparent;
    }
    ul.trnding-bsns-list li {
        width: 50%;
        float: left;
        margin: 0;
        padding: 10px;
        margin-bottom: 20px;
    }
    .prjct-srch .grp_banner {
        height: 400px !important;
    }
    ul.project-list li {
        padding: 0 10px;
    }
    .errow-drop .erow-list li {
        float: left;
        width: 100% !important;
    }
    .exprnc-date.edu-bg div {
        width: 100%;
    }
    .txtarea ul.cht_mmbr_list li {
        width: 100%;
    }
    ul.grp-mmbr_list.groupontimeline li {
        width: auto;
    }
    ul.cmmnt-list li {
        width: 100% !important;
    }
    .vdo-list-box {
        height: auto;
    }
    .photo-left,
    .photo-right {
        width: 100%;
    }
    .photo-right .uplod-txt {
        padding-top: 25px;
    }
    ul.popular-joblist li {
        width: 50%;
    }
    ul.career-level-list li {
        width: 50%;
    }
    .job-search-form .industry {
        display: none;
    }
    .job-search-form .keyword {
        width: 31%;
    }
    ul.setting_area_list {
        padding: 0 5px;
        margin: 0;
    }
    .notif-sttng-box .checkboxlevels label{line-height: 20px;}
    ul.privacy-setting-list li i.fa{padding-left: 10px;}
    .sttng-wraper{padding-bottom: 10px;}
    ul.setting_area_list li .subtitle {
        margin-top: 0;
        border-bottom: solid 1px #e7e7e7;
        padding-bottom: 10px;
    }
    ul.sttng_tab li a.active:after {
        width: 30px;
    }
    .vault-caps h2 {
        padding: 0;
        text-align: center;
        font-size: 20px;
    }
    .vault-bnnr {
        height: 280px;
        width:100%;
        background-size:cover;
    }
    .vault-search{
        width:100%;
        margin-bottom:20px;
    }
    .vault-search button.srch {
        padding: 12px 22px;
        width: 85px;
        display:flex;
        justify-content:center;
    }
    #pendingfiles {
        padding-bottom: 15px;
    }
    .uploded-file-sec {
        float: none;
        margin: auto;
        position: static;
        margin-bottom: 15px;
    }
    .uploded-from {
        padding-left: 0;
    }
    .vault-bnnr.serch form.grp-search.single {
        margin-top: 0;
    }
    .vault-search input {
        width: 100%;
    }
    .vault-search select {
        display: none;
    }
    .bx-shadow {
        margin-top: 1px;
    }
    .vault-bnnr .vault-caps {
        width: 100%;
        padding: 20px;
        position: static;
        transform: inherit;
        max-width: 430px;
        margin: auto;
        float: none;
    }
    .vault-caps h1 {
        text-align: center;
    }
    .smb-wrapper h1 {
        line-height: 22px;
    }
    .shareupdate-inner {
        margin-bottom: 12px;
    }
    .tab_contnt .hedr .prfl_img {
        padding-right: 3px;
    }
    li.user .usr-info {
        border-bottom: 0;
    }
    ul#notice-list li .rqst-right {
        padding-top: 0;
    }
    .timlist-fttr table td:nth-child(2) {
        display: none;
    }
    .frndtprfile-cont .frndtprfile-left {
        padding-right: 0;
    }
    .login-form .login-inputs {
        margin-top: 0;
        width: 100%;
    }
    .login-form .login-inputs a {
    margin-bottom: 8px;
    font-size: 17px;
}
    .premium-cont p.aim {
        padding: 0 10px;
        margin-bottom: 30px;
    }
    .my-message .chat_list {
        max-width: inherit;
    }
    .ffsdf {
        float: left;
        width: 100%;
        padding-top: 0px;
    }
    ul.grupmmbrlist li {
        padding: 0 !important;
        float: none !important;
        margin-bottom: 0 !important;
    }
    label.mmbr-count {
        margin-bottom: 0;
    }
    ul.curently-trendng-list li {
        margin-bottom: 10px !important;
    }
    .compny h2 {
        padding-left: 0;
    }
    .comp-mddl .clstou {
        margin-top: 4px;
    }
ul.bsdtail-info-list li div#imagebx #TGimageboxouter li {max-width: 116px; height: 80px;}
.currntly-trendingbox{
    max-width: 350px;
    margin: auto;
    float: none;
    overflow: hidden;
}
ul.newarticle-list li{width: 100%;}
.newarticlebox{background-size: 100% auto;background-repeat: no-repeat;height: 250px;}
.artcle-box-long .long-contnt{padding-left: 170px;}
.evnt-info-bnn img{max-width: inherit;}
  .topsearchlist{clear: both;}























}
/*--[max width 800px]--*/











@media only screen and (max-width: 768px) {
    .txtarea .evnt-prfl-img {
        width: 100px;
    }
.help-banner{    background-size: auto 100%;
    background-position: center center;}
.contct-srch .srchfcontct{margin-bottom: 0 !important}


a.accordion-section-title .fa{ position: absolute; top:0; right:0;}
#developrcontform input#url {
    max-width: 100%;
    width: 100% !IMPORTANT;
}
	.help-banner p{ font-size:24px; width:100%;}
.helpwrap-cont{ padding-top:20px;}
.team-descript{ width:100%; }
.teammmbr-dtail .timg{ float:none; margin:auto; }
#searchtagcontact ul.requst-list li{ padding:2px;}
#searchtagcontact ul.requst-list li .rquest-middle label {
    top: 20px;
    right: inherit;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
	padding-top:0;
}
ul.requst-list li .rquest-box .rquest-middle label {
    top: -5px !important;
    right: 15px;
    position: static;
    text-align: left !important;
}

    .frnd-user-buttons .more ul.go-btn-list{width: 200px;}
    .usrartcle .request-contct .reqst-rdtail .middl-nm{padding-left: 0;}
    .frnd-user-buttons .more{width: auto;}
    ul.frnd-usractivity-button li{width: 110px;}
    #usermainboxchat {
    right: 0px !important;
    width: 320px !important;
    }
    .employers .comp-mddl {
        padding-left: 120px;
    }
    .employers .comp-logo {
        max-width: inherit;
        width: 105px;
    }
    .rply-again .rply-again-txt {
        padding-right: 25px;
    }
    .smb-bnnr .bnnr-cap {
        width: 100% !important;
        margin-left: 0 !important;
        text-align: center !important;
        padding: 30px 0;
        top:87%;
        left:72%;
    }
    .smb-bnnr.tlnt .bnnr-cap {
        position: absolute;
        transform: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        -moz-transform: inherit;
        width: 100% !important;
        padding:50px;
    }
    .smb-bnnr.tlnt .bnnr-cap h1 {
        font-size: 23px !important;
    }
    .morerecords {
        padding-bottom: 10px;
    }
    .smb-bnnr {
        background-size: auto 100%;
    }
    .big-artcle-box {
        width: 100%;
        height: 230px;
    }
    .grid-artcle-box {
        width: 100%;
        margin-top: 10px;
        height: auto;
    }
    .grid-box2 {
        margin-bottom: 10px;
    }
    .center_content {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .nav-cont .column {
        width: 100%;
        margin: auto;
        clear: both;
        height: 230px;
        margin-bottom: 50px;
        margin-left: 20px;
        margin-right: 20px;
    }
    .contct_search form input {
        width: 100%;
        margin-bottom: 5px;
        padding-left: 10px;
    }
    .toggle {
        float: right;
    }
    .comp-mmbr {
        position: relative;
    }
    .comp-mmbr .pic {
        width: 60px;
        position: absolute;
    }
    .comp-mmbr .mmbr-right {
        width: 100%;
        position: relative;
        padding-left: 70px;
        padding-right: 90px;
    }
    .prfl-stats {
        margin-right: 22%;
    }
    .media_object {
        width: auto;
    }
    .media_object .media_left {
        width: 100%;
    }
    ul.evnts-list li {
        max-width: 100%;
        float: left;
        width: 100%;
        margin-bottom: 10px;
        border-top: solid 1px #e7e7e7 !important;
        border-bottom: solid 1px #e7e7e7 !important;
    }
    ul.evnts-list li:last-child {
        margin-bottom: 0 !important;
    }
    .evnt_box {
        border: 0 !important;
        padding: 10px;
        height: inherit;
        min-height: 100px;
        margin-top: 0 !important;
    }
    .featurd-evnt h3 {
        border-bottom: 0;
    }
    .comp-mmbr.viewed .mmbr-right {
        width: 100%;
        padding-right: 0;
        padding-left: 60px;
    }
    .comp-mmbr.viewed span.pic {
        left: 10px;
    }
    .comp-mmbr.viewed .mmbr-right a.add-btn {
        position: inherit;
        display: inline-block;
        float: right;
        top: 0;right: 0;
    }
    li.cntct_serch {
        display: none !important;
    }
    ul.cntct-list li {
        width: 49%;
        margin: auto;
        float: left;
        overflow: hidden;
    }
    .rquest-box .add-frnd {
        float: none;
        position: inherit;
        clear: both;
        overflow: hidden;
        margin: 10px auto;
        margin-top: 0;
    }
    ul#notice-list li .rquest-box label {
        text-align: right;
        padding-right: 10px;
        padding-top: 5px;
        top: 0;
    }
    .rquest-middle {
        padding-right: 0;
        padding-top: 10px;
    }
    .add-frnd a {
        font-size: 12px !important;
    }
    .uploadanimgbtn {
        max-width: 90%;
        padding: 15px;
    }
    .usr-dtail span.imag img {
        width: 90px;
    }
    .usr-dtail .usr-info {
        width: 73%;
    }
    .crt-grp-popup .popup-inner,
    .popup-inner {
        max-width: 100% !important;
    }
    .groups .trnding-group .list_column .group-sec span {
        padding-right: 0;
    }
    ul.joining-requests-list li .rquest-box .add-frnd {
        transform: inherit;
        position: inherit;
        top: inherit;
        right: inherit;
        text-align: right;
        margin-top: 10px;
    }
    ul.joining-requests-list li .rquest-box .add-frnd a {
        float: none !important;
    }
    ul.joining-requests-list li .rquest-box .rquest-middle {
        padding-right: 0;
    }
    .rqst-right label {
        text-align: right;
        position: absolute;
        top: -12px;
        right: 0px;
    }
    .join-btn .konectt-btn {
        float: right;
        display: block;
        white-space: nowrap;
    }
    .usr-info-btn a {
        float: none;
        display: inline-block;
    }
    .btn-going.more {
        float: right;
        margin-right: 0;
        width: auto;
        margin-top: 0;
        width: 90px;
        display: inline-block;
    }
    .chat_list {
        width: 100%;
        max-width: 350px;
        margin: auto;
        float: none;
        border: 0;
        display: none;
    }
    div#msgchat {
        width: 100%;
        float: none;
        margin: auto;
         overflow: hidden;
    height: 90vh;
    padding-bottom: 10px;
    }
    div#msgchat .chat_fttr {
        position: fixed;
        bottom: 0;
        z-index: 99999;
        left: 0;
        width: 100%;
    }
    .chat_list h3 a.bulkmsg {
        margin-top: 4px;
    }
    ul.cht_mmbr_list.message li .chat-cont-user-list .chat-cont-user-list-right {
        width: 100%;
        padding-left: 50px;
    }
    .chat-cont-user-list-img {
        position: absolute;
    }
    .bck-btn {
        display: block;
        float: left;
        position: absolute;
        width: 40px;
        z-index: 999;
        height: 100%;
        text-align: center;
        line-height: 40px;
    }
    #msgchat .heddr a.im {
        left: 35px;
    }
    #msgchat .heddr .right-cht-had {
        padding-left: 50px !important;
    }
    #msgchat .chats {
        height: 92% !important;
        overflow-y: auto;
    }
    .serch-evnt button.srch {
        padding: 12px 18px;
        width: 70px;
        height: 43px;
        position: absolute;
        right: 0;
    }
    .serch-evnt {
        width: 100%;
        padding: 0 10px;
        margin-top: 30px;
    }
    .evnt-bnnr {
        padding: 40px 0 32px !important;
    }
    .serch-evnt form {
        margin: auto;
        width: 275px;
        overflow: hidden;
        position: relative;
    }
    .featurd-evnt {
        padding: 10px;
    }
    .featurd-evnt-cont {
        width: 100%;
        float: left;
        background-color: #fff;
    }
    .fetrd-left .img {
        position: absolute;
        width: 70px;
    }
    ul.evnt-typ-list {
        margin-top: 0;
        padding-left: 80px;
        width: 100%;
    }
    ul.evnt-typ-list li a {
        font-size: 14px;
    }
    .fetrd-right .img {
        width: 70px;
        position: absolute;
        margin-right: 0;
    }
    .fetrd-right-txt {
        width: 100%;
        padding-left: 80px;
    }
    .fetrd-right-txt span {
        font-size: 17px;
    }
    .fetrd-right-txt h2 {
        font-size: 18px;
    }
    .evnt_box .evnt-img {
        width: 80px;
        position: absolute;
        height: 80px;
    }
    .evnt-dtail {
        width: 100%;
        padding-left: 100px;
        min-height: 80px;
    }
    .evnt-dtail .ttl {
         line-height: 18px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
    }
    ul.employers-list.recomend li .employers .comp-mddl a {
        font-size: 16px;
    }
    .grp_banner .headline.grp {
        padding: 0 !important;
        text-align: center !important;
        padding-top: 40px !important;
    }
    .evnts {
        min-height: 330px;
        background-color: #fff;
    }
    .grp_banner .headline span {
        font-size: 22px !important;
    }
    .grid-artcle-box a:nth-child(1),
    .grid-artcle-box a:nth-child(3) {
        padding-left: 0;
    }
    .grid-artcle-box a:nth-child(2),
    .grid-artcle-box a:nth-child(4) {
        padding-right: 0;
    }
    .grid-artcle-box .grid-box {
        margin-bottom: 10px;
    }
    .populr-artcl2 {
        padding: 0 5px;
    }
    .popular-artcle4.discovermor4 .artcle-boxp {
        width: 100%;
        max-width: 400px;
        float: none;
        margin: auto !important;
        margin-bottom: 30px !important;
    }
    .dtail-viewed {
        padding-left: 130px;
    }
    .dtail-viewed a {
        padding: 10px;
    }
    .filter-cat {
        width: 100%;
        background-color: inherit;
    }
    .filter-cat h3 {
        border-bottom: 0;
        padding: 0 !important;
        padding-bottom: 10px !important;
        text-align: center;
    }
    .cat-list {
        text-align: center;
        padding-bottom: 15px;
    }
    .cat-list li {
        margin: 3px;
        float: none;
        width: auto;
        display: inline-block;
        border-bottom: 0;
        padding: 0;
    }
    .cat-list li a {
        display: inline-block;
        font-weight: 400;
        font-size: 14px;
        text-transform: capitalize;
        color: #990a7f;
        border: solid 1px #990a7f;
        padding: 1px 15px;
        border-radius: 15px;
    }
    .retd-list-cont {
        width: 100%;
        border-top: solid 1px #e7e7e7;
    }
    .busssiness-list {
        padding: 10px;
    }
    .bussns-box {
        box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.1);
    }
    .bussns-box .bsns-img {
        position: relative;
        left: inherit;
        top: inherit;
        background-color: #f1f1f1;
        transform: inherit;
        width: 100%;
        height: 132px;
        overflow: hidden;
        border: 0;
        text-align: center;
        max-width: 350px;
        margin: auto;
    }
    .bussns-box .bsns-img img {
      /*  max-width: 100%;
        position: static;
        top: inherit;
        left: inherit;
        transform: inherit;*/
    }
    .bussns-box .bsns-list-right {
        padding-left: 0;
        width: 100%;
        float: left;
        padding: 0 120px;
        margin-top: 10px;
        border-top: solid 1px #e7e7e7;
        padding-top: 5px;
    }
    .bsdtail-wrapper {
        float: left;
        width: 100%;
        padding: 0 20px;
        border-bottom: solid 1px #e7e7e7;
        padding-bottom: 30px;
    }
    .bsdtail-right {
        float: none;
        width: 100%;
        padding: 15px;
        padding-left: 15px;
        overflow: hidden;
        text-align: center;
        padding-top: 0;
        max-width: 350px;
        margin: auto;
    }
    .mainsearch input.text {
        float: right;
    }
    .deletePhotoLink {
        position: absolute;
        bottom: -19px;
        font-size: 12px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        color: #f00;
        width: 70px;
    }
    .share_post .media span.edit {
        right: 0;
        top: 0;
        bottom: inherit;
    }
    .descrptn.my {
        padding: 10px;
        margin-top: 0;
    }
    .menu {
        overflow: auto;
    }
    .menu::-webkit-scrollbar {
        width: 3px;
    }
    .menu::-webkit-scrollbar-track {
        background-color: #f2f2f2;
    }
    .menu::-webkit-scrollbar-thumb {
        background-color: #bfbebe;
        border-radius: 50%;
    }
    .grp-dtail-had .group-sec a.nm {
        font-size: 16px;
        padding-right: 0;
        width: 100%;
    }
    .vault-box .docimg {
        height: 150px;
    }
}
/*max width 768px*/

@media only screen and (max-width: 640px) {



form.edit-layer.sharemobile {
    width: 100% !important;
    padding: 0 10px;
}
ul#notice-list li .rquest-box label {
    text-align: right;
    padding-right: 0;
    padding-top: 5px;
    top: -13px;
}
.trnding-bsns h2{overflow: hidden;}
.trnding-bsns h2 .bs-fot{margin-top: 10px;}
.trnding-bsns h2 span{display: block;}
.popular-artcle1 a{width: 50%;}
.popular-artcle1.sme a{ width: 100%; }
.artcle-boxp.sme {
max-width: inherit !important;
    padding-left: 170px;
    min-height: 120px;
    position: relative;
    background: #eee;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.artcle-boxp.sme .img-box {
    position: absolute;
    left: 10px;
    width: 150px;
    top: 10px;
    margin: 0;
    height: 100px;
}
.artcle-boxp.sme .artcle-boxp-ttl {
    text-overflow: inherit;
    white-space: normal;
}
.smb-bnnr.tlnt .bnnr-cap h1{line-height: 28px;}
.smb-bnnr.tlnt .bnnr-cap{padding: 42px 20px;}
.helpwrap-cont .left-panel{width: 100%;position: static;}
.helpwrap-cont .right-panel{padding-right: 0;padding: 0 15px;}
form.edit-layer.sharemobile select {margin-right: 10px; }
.jobs-bnnr{background-position: inherit;}
 ul.newarticle-list li .newarticlebox{height: 210px !important; background-size: auto 100%;background-color: #000;  }



    .prjct-post .project-nm {
        width: 70% !important;
    }
    header .header_right{padding-left: 15px;padding-right: 15px;}
    .rgstr-birthday select{float: left;width: 30.33% !important;}
    .play-text h1{padding-right: 0;}
    .play-store .play-img img{max-width: 100%; height: auto;}
    /*.prjct-location{display: none;}*/
    .prjct-post .project-nm{width: 100% !important;}
    ul.edit_list li h3 {
        font-size: 16px;
    }
    .create-projct .frm-fttr{width: 120px;}
    .create-projct .frm-fttr a{margin-right: 0;}
    .uploded-wrap .publish-doc {
        width: 110px;
        height: 90px;
    }
    .published-rightdtail {
        padding-left: 120px;
        min-height: 90px;
    }
    .smb-bnnr {
        background-size: 100% 100%;
    }
    .popular-artcle4 {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    header {
        padding: 0 15px;
    }
    ul.tmln_fttr.docdtail {
        width: auto;
    }
    .serch-evnt {
        margin-top: 10px;
    }
    .logo a img {
        width: 230px;
    }
    .email_center h1 {
        font-size: 20px;
        max-width: 520px;
    }
    .bussns-box .bsns-list-right {
        padding: 0;
        padding-top: 5px;
    }
    .form_cont {
        width: 250px;
    }
    .trending-business {
        float: none;
        max-width: 350px;
        margin: auto;
    }
    .post-prjct {
        width: 100%;
    }
    .mainsearch input.text {
        width: 100%;
        float: right;
    }
    .create-projct {
        padding: 10px;
    }
    ul.trnding-bsns-list li {
        width: 100%;
    }
    .nav-cont {
        padding-bottom: 0;
        float: none;
    }
    .contct_search form button {
        width: 100px;
    }
    .mmbr_directory span,
    ul.people-directory {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }
    dl.dl_list dt {
        display: block;
    }
    ul.curently-trendng-list li {
        margin: 0;
        margin-bottom: 45px;
        width: 100%;
        padding: 0 10px;
    }
    .group-sec {
        box-sizing: border-box;
        margin-bottom: 10px;
    }
    .mmbrof_group_list {
        padding: 10px;
    }
    #about-grp span {
        padding-right: 0;
    }
    .groups.detail .group-sec {
        padding: 0;
        overflow: hidden;
    }
    .group-sec span {
        position: relative;
        padding-left: 70px;
        width: 100%;
        padding-right: 150px;
    }
    .grp-post-sec {
        margin-top: 20px;
        padding-top: 0;
    }
    #frmposthome .hedr .prfl_img {
        max-width: 57px;
        float: left;
        position: absolute;
    }
    #frmposthome .hdr_right {
        padding-left: 50px;
        width: 100%;
    }
    .tab_contnt_cont .hedr {
        height: 43px;
    }
    ul.news-half li {
        float: none;
        max-width: 362px;
        position: relative;
        margin-bottom: 15px;
        margin: auto;
        width: 100% !important;
        margin-bottom: 20px !important;
    }
    ul.news-half li:nth-child(even) {
        margin: auto;
        float: none;
    }
    .grp-logo {
        float: left;
        width: 70px;
        height: 70px;
        position: absolute;
        text-align: center;
    }
    .grp-logo .edit {
        left: 40px !important;
        right: 0;
        padding: 0px;
        top: 0px !important;
    }
    .group-sec .edit-grp {
        width: 100%;
        padding-left: 80px;
        height: 60px;
        position: relative;
    }
    .edit-grp a .edit {
        padding: 0;
        top: 0;
    }
    #mobile-contact .reqst-rdtail .btns a.msg-btn.reject.dlt {
        margin-left: 10px;
    }
    ul.employers-list.recomend li .employers.secont-type .comp-logo {
        position: static !important;
        border-bottom: 0;
    }
    ul.cntr_tab li {
        float: left;
    }
    ul.cntct-list li {
        width: 100%;
        float: left !important;
        width: 100%;
        margin: auto;
        overflow: inherit;
    }
    #mobile-contact .reqst-rdtail .btns {
        width: 170px;
    }
    .dropdwn ul.remove-list {
        top: 30px;
    }
    #mobile-contact .reqst-rdtail .btns a.msg-btn {
        float: left;
    }
    ul.morefulist li {
        width: 50%;
    }
    .dropdwn a.open i.fa.fa-ellipsis-h {
        display: none;
    }
    .dropdwn a.open i.fa.fa-ellipsis-v {
        display: block;
    }
    .artcl-other {
        float: left;
        width: 100%;
        position: relative;
    }
    .artcl-other a.other-img {
        max-width: 50px;
        position: absolute;
        left: 0;
    }
    .cntr_cntnt.popular-dtail .pblsh-artcl-fttr .artcl-other .about-other {
        width: 100%;
        margin-top: 3px;
        float: left;
        padding-left: 70px;
    }
    .pblsh-artcl-fttr .social-stats {
        float: left;
        width: 100%;
    }
    .pblsh-artcl-fttr .social-stats ul {
        margin-bottom: 0;
    }
    .post-evnt form {
        width: 100%;
    }
    .uploadimg {
        width: 100%;
    }
    .pst-evnt-btns {
        width: 100%;
    }
    ul.grp-tab li a span {
        display: none;
    }
    .text::-webkit-input-placeholder {
        font-size: 12px;
    }
    .text::-moz-placeholder {
        font-size: 12px;
    }
    .dropdwn a.open {
        margin-top: 2px;
    }
    .grp_banner .headline {
        font-size: 18px;
        line-height: 20px;
    }
    .comp-mmbr .mmbr-right {
        padding-right: 0;
    }
    .mmbr-right .add-btn {
        position: inherit;
        left: 0;
        bottom: 0;
        display: inline-block;
        float: right;
    }
    .contct-srch #frmposthome4 {
        display: none;
    }
    .contct-srch #frmsearchcontacts {
        float: none;
        width: 100%;
        padding-right: 0;
        margin: auto;
    }
    ul.cntct-list li {
        width: 100%;
    }
    .popular-artcle1 .artcle-boxp {
        width: 100%;
        float: none;
        margin: auto !important;
        max-width: 400px;
        margin-bottom: 20px !important;
    }
    .mor-for-u {
        margin-top: 10px;
    }
    .mor-for-u h2 {
        text-align: center;
        padding-bottom: 10px;
    }
    .tlnt-prflpic {
        width: 100%;
        text-align: center;
        float: none;
        height: 278px;
        padding-right: 0;
        position: static;
        max-width: 250px;
        overflow: hidden;
        margin: auto;
    }
.tlnt-prflpic img {
    max-width: 100%;
    border: solid 5px #fff;
    overflow: hidden;
}
.postjobbtn2 {
    margin-top: 10px;
}
    .tlnt-prflname {
        width: 100%;
        padding: 0;
        text-align: center;
        background-position: 0 0;
        position: static;
    }
    .tlnt-prflname h2 {
        padding-top: 30px;
    }
    .tlnt-banner {
        height: auto;
        margin-top: 0;
        background-color: #f3f3f3;
    }
    ul.bnfit-list.tlnt li {
        padding-left: 0;
    }
    .how-benefit h2 {
        margin-bottom: 20px;
    }
    .career-box {
        float: none;
        width: 100%;
        max-width: 350px;
        margin: auto;
    }
    .job-search-form .keyword,
    .job-search-form .location,
    .job-search-form .career-level {
        width: 100% !important;
        padding-right: 0;
        padding-bottom: 5px;
    }
    .job-search-form .jobsrch-btn {
        margin-top: 12px;
    }
    .job-search {
        padding: 13px 25px !important;
        background-color: rgba(0, 0, 0, 0.2);
    }
    ul.compny-joblist li {
        padding: 5px 10px;
    }
    ul.compny-joblist {
        padding: 5px 0;
    }
    .job-search-form select {
        background-position: 95% 50%;
    }
    ul.vault-box-3 li,
    ul.vault-box-4 li {
        width: 50%;
    }
    .write-cmnt-pic {
        top: 49%;
    }
}
/*max width 640px*/

@media only screen and (max-width: 480px) {
    .mentorsearch {
        margin-top: 10px !important;
        float: left !important;
    }
    .ttl {
        font-size: 12px !important;
        font-weight: 600;
    }
    .artcle-boxp .img-box  {
        height: 210px !important;
    }
    .frnduser-img {
    margin-left: -70px;
    }
    #searchprojectfrm  {
        margin-left: 0% !important;
    }
    .request-contct .rimg img {
    width: 100%;
    height: 60px;
    border-radius: 50%;
}

    .hedr .prfl_img img {
        width: 80%;
    }
    .mentortable {
        width: "100% !important";
    }
    .insideslect {
        width: 100% !important;
        float:none!important;
        position:relative!important;
        z-index:99;
    }
    .mentorrow {
        /*display: block;*/
        /*display: grid;*/
        /*grid-gap: 25px;*/
        /*grid-template-columns: auto auto;*/
        width: 100%;
    }
    .subbtn73 {
        display: flex;
        margin: auto;
        width:99%!important;
    }
    .mentrbelwborder input{
        width:74%!important;
    }
    .rerestselectaction {
    float: right!important;
    }
    .btnslecectionactioninment {
    margin-top: 20px!important;
    height: auto!important;
    }
   .selectedmentordiv {
    margin: 4px 1px 0px 15px!important;
    }
   .bcheckbuttonimg {
    right: 30%!important;
    }
    .serachwithmenteebtn {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    position: inherit!important;
    }
    .menttwobuttons {
    display: grid;
    grid-template-columns: auto auto;
    margin-top: 13px!important;
    float: none!important;
    }
    .menteesearchdiv {
    float: none!important;
    }
    .mentortable {
        width:  100% !important;
    }
    .mentrbelwborder {
        display: initial;
    }
    ul.employers-list.recomend li .employers.secont-type {
        max-width: 350px;
        margin: auto;
        float: none;
        overflow: hidden;
    }
    ul.edit_list li h3 span{display: block;line-height: 15px;}
.vault-caps h1{margin-bottom: 20px !important}
.vault-caps h1 span {
    display: block;
    line-height: 10px;
    margin: 10px !important;
    text-align: center !important;
    padding: 0 !important;
}.exprnc-date.edu-bg select,.exprnc-date select {
width: 49% !important;
}
.exprnc-date div {
    float: left;
    width: 100% !important;
}
.exprnc-date span input[type="checkbox"] {
    float: left !important;
    width: auto !important;
    margin: 3px;
}
.exprnc-date span.reqstar{display: none;width: auto!important;}
.exprnc-date span{width: 100%;float: left;padding-top: 0 !important;padding-left: 0 !important;}
.exprnc-date.edu-bg select:nth-child(odd),.exprnc-date select:nth-child(odd) {
    float: right;
}
    form.edit-layer .share_with button{padding: 0 13px;}
    .shareupdate-inner .cntr_tab{border-bottom: 0;}
    ul.cntr_tab li a{padding: 10px;}
    .frnd-user-buttons a.senmsg {
        width: auto;
        padding: 9px 25px;
    }
    .frnd-user-buttons .more a {
        display: block;
        padding: 9px 25px;
    }
    .employers .comp-logo {
        transform: inherit;
        top: 10px;
    }
    ul.vault-box-3 li,
    ul.vault-box-4 li {
        width: 100%;
        float: none;
    }
    .doc-fttr ul.tmln_fttr li{float: left;}
    .vault-box {
        max-width: 350px;
        float: none;
        margin: auto;
    }
    .grp_banner.compnybnr form.grp-search.single {
        width: 80% !important;
        margin-right: 10% !important;
    }
    .grp_banner.compnybnr {
        background-image: url(../images/mobilecompany.jpg)  !important;
        background-position: 0 !important;
    }
    ul.prvate-grp-list li {
        width: 100%;
        padding: 0 15px;
    }
    ul.employers-list.recomend li {
        width: 100%;
    }
    .share_post .media {
        width: 95px;
        height: 95px;
        float: none;
        margin: auto;
        margin-bottom: 25px;
    }
    .deletePhotoLink{left: 50%;transform: translateX(-50%);}
    .descrptn.my{margin-top: 0;}
    .media_object {
        margin-left: 0;
        width: 100%;
        text-align: center;
    }
    .share_post {
        padding: 25px 20px;
        position: relative;
    }
    .media_left a.updt_prfl {
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .descrptn {
        padding: 10px;
        text-align: center;
    }
    .tab-content {
        padding: 10px;
    }
    ul.edit_list li {
        padding: 0;
        border-bottom: 5px solid #35a0af;
    }
    select{background-color: #fff;}
    ul.hover-btn li{border-bottom: 0;}
    .edit_box .edit-layer ul li {
        padding: 0 !important;
        padding-right: 27px !important;
    }
    .edit_box .edit-layer ul li input {
        width: 100%;
    }
    ul.textfieldwithdropddown li select {
        width: 50%;
        margin-right: 0;
    }
    .edit_box .edit-layer ul li .remove {
        position: absolute;
        right: 5px;
        top: 0;
    }
    .share_with select {
        margin-right: 5px;
        font-size: 13px !important;
        outline: 0;
        padding: 0 7px;
        height: 25px;
    }
    .share_with{padding: 5px;}
    .post-evnt form {
        width: 100%;
    }
    ul.morefulist li {
        width: 100%;
        float: none;
        max-width: 300px;
        margin: auto;
        overflow: hidden;
        margin-bottom: 20px;
    }
    .cmpny-jobbox {
        padding-top: 19px !important;
    }
    ul.career-level-list li {
        width: 100%;
    }
    ul.popular-joblist li {
        width: 100%;
    }
    .grid-artcle-box a {
        width: 100%;
        padding: 0;
    }
    .popular-artcle1 a {
        float: left;
        width: 100%;
        padding: 0 5px !important;
        overflow: hidden;
        margin: auto;
    }
    .artcle-box-long .image-box {
        position: static;
        float: none;
        margin: auto;
        margin-bottom: 10px;
    }
    .artcle-box-long .long-contnt {
        float: left;
        width: 100%;
        padding: 10px 0;
        min-height: auto;
        text-align: center;
        padding-top: 5px;
    }
    .long-name {
        text-align: left;
    }
    .artcle-box-long {
        padding-bottom: 10px;
    }
    .center_content .cntr_cntnt {
        padding: 0px !important;
    }
    ul.employers-list.recomend li .employers.secont-type .comp-logo {
        width: 80px;
        position: absolute;
        height: 70px;
        margin-bottom: 0;
    }
    ul.employers-list.recomend li .employers.secont-type .comp-mddl {
        min-height: auto;
        padding-left: 0;
        text-align: center;
        padding: 10px;
    }
}



















/*--[Internet explore]--*/

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .weather {
        display: none;
    }
    .share_with select {
        background-image: inherit;
        padding-right: 0 !important;
    }
    .cmnt-inpt button {
        margin-top: 3px;
    }
    .submit-now .cancel {
        color: #fff;
    }
    select,
    input {
        background-image: inherit !important;
        padding-right: 0 !important;
    }
    .usr-dtail .imag .frnd-pic img {
        padding: 0px !important;
    }
    ul.send-list li input[type='radio'] {
        width: auto;
    }
    button.search_btn {
        height: 33px;
        top: 1px;
        right: 1px;
    }
}
/*--[Internet explore]--*/


.bannerblkbg{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;}

.insideslect {
	width: 100% !important;
    float: left;
}
.insideslect select {
	    padding: 1px 9px;
}
.hirestudentbtnsubmit {
	float: right;
    border: 0px;
    padding: 7px 25px;
    border-radius: 4px;
    background: #9d0d80;
    color: #fff;
}
.findmentordiv {
	    height: 50px;
        border-bottom: 1px solid #96969678;
}
.hirestudentbtn {
    border: 0px;
    padding: 7px 17px;
    border-radius: 4px;
    background: #9d0d80;
    color: #fff;
}
.mentormargtop {
	margin-top:0px;
}
.remainingstudens {
	background: #4e4e4e!important;
	margin-left:20px;
}
.listwidthnew {
	width:100%!important;
}
.rerestmentcontact {
	width: 80%!important;
    background: #f5f5f5!important;
    border-radius: 8px!important;
    border: 1px solid #cccccc!important;
}
.rerestmentcontact img{
	border-radius: 6px!important;
    border: 1px solid #323034!important;
}
.rewqnewdte {
	margin-top: 8px;
}
.rerestselectaction {
	    width: 30%;
    float: left;
    /*text-align: center;*/

}
.findmetnordivnew {
	height: 46px;
    border-bottom: 1px solid #cccccc;
}
.btnslecectionactioninment a{
	background: #9d0d80;
    color: #fff;
    border-radius: 5px;
    padding: 5px 15px;
    margin-left: 0px;
}
.unchekbcheckbuttonimg {
	position: absolute;
    width: 17px;
    top: 35%;
	right: -10px;

}
.bcheckbuttonimg {
	position: absolute;
    width: 17px;
    top: 44%;
	right: 2%;
}
.btnslecectionactioninment {
	margin-top: 20%;
    text-align: center;
    height: 100px;
}
.btnslecectionaction {
	margin-top:22%;
}
.btnslecectionaction button{
	border: 0px;
    padding: 6px 30px;
    border-radius: 4px;
    background: #9d0d80;
    color: #fff;
    margin-right: 20px;
}
.btnslecectionaction img {
	    position: absolute;
    width: 17px;
    top: 40%;
	right: 0%;
}
.mentrbelwborder {
    display: inline;
	 border-bottom: 0.3px solid #cccccc;
    height: 50px;
    margin-bottom: 20px;
}
.message-fixed {
	display:black!important;
}
.findmentr {
	float: left;
    margin-top: 5px;
    }
.mentorsearch {
	position: relative;
    width: 269px;
	float:right;
	margin-top:0px;
}
.menteesearchdiv {
    width: 100%;
	float: left;
    position: relative;
}
.mentrbelwborder input {
	    border: 1px solid #4e4e4e;
    width: 300px;
    height: 33px;
    padding: 0px 10px;
    border-radius: 6px;
}
.serachwithmenteebtn {
	cursor: pointer;
    background: #9d0d80;
    border: 1px solid #9d0d80;
    height: 33px;
    color: #fff;
    top: 0px;
    border-top-right-radius: 6px;
    left: 255px;
    border-bottom-right-radius: 6px;
    padding: 0px 14px;
    position: absolute;
}
.menttwobuttons {
	    float: right;
        margin-top: -32px;
}
.studencaseul {
	padding: 0px !Important;
}
.newliwidthmenti {
	border-bottom: 1px solid #cccccc;
}
.becomementdiv {
	background: none !Important;
    border: none !Important;
}
.selectmentordiv {
	float: left;
    background: #9d0d80;
    color: #fff;
    padding: 5px 15px;
    border-radius: 4px;
    margin: 0px 22px 0px 90px;
}
.selectedmentordiv {
	float: left;
    background: #959595;
    color: #fff;
    padding: 5px 8px;
    border-radius: 4px;
    margin: 0px 1px 0px 89px;
	position: absolute;
    top: 55%;
}
.selectedmntnewborder {
	border: 1px solid #9d0d80!important;
}
.removebtnnew {
    background: #9d0d80;
    border: 0px;
    padding: 5px 12px;
    color: #fff;
    border-radius: 6px;
    margin-bottom: 10px;
}
.studentcntmodal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.studentcntmodal .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 8px 20px 12px;
    border: 1px solid #888;
    width: 30%;%;
}
.studentcntmodal .close {
    border: 0px;
    /* padding: 3px 15px; */
    padding: 6px 0px;
    width: 70px;
    right: 29%;
    position: absolute;
    height: 30px;
    margin: ;
    color: #000;
    border-radius: 6px;
    /* font-size: 17px; */
    /* margin-left: 20px; */
}
.studentcntmodal .close:hover,
.studentcntmodal .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer!important;
}
.preallywantrm {
	font-size: 18px;
	margin-top: 8px;
	text-align: cener;
	text-align: center;
	color: green;
	font-weight: bold;
}
.removeactionbtn {
	height: 36px;
    margin-top: -4px;
    text-align: center !important;
    position: relative;
}
.removeyesbtnaction {
    background: #9d0d80;
    padding: 6px 0px;
    width: 70px;
    height: 30px;
    border: 0px;
    left: 30%;
    position: absolute;
    /* padding: 5px 15px; */
    color: #fff;
    border-radius: 6px;
}
.usernameinpositon {
	    margin-top: -16px;
    text-align: center;
    font-weight: 700;
}
.modeltextareafield {
	    width: 100%;
    height: 80px;
    padding: 10px;
    margin-bottom: 15px;
}
.chatmessagetagline {
	margin-top: 0px;
    font-size: 18px;
    color: #9d0d80;
}
.userchatdiv {
	border: 1px solid #959595;
    border-radius: 10px;
    padding: 18px;
    position: relative;
    background: #fcfcfc;
}
.userprofilediv1 {    width: 18%;
    max-width: 100px;}
.userprofilediv1 img {
	   border-radius: 10px;
    max-width: 100%;
}
.userdetailnewwise {
	    width: 60%;
    /* float: left; */
    position: absolute;
    right: 22%;
    bottom: 33%;
}
.userfntsize {
	    font-size: 19px;
}
.userdetailnewwise p{
	margin: 0px;
}
.rightrighticonmsg {
	position: absolute;
    left: 96%;
    top: 2%;
}
.userchatmessage {
	border: 1px solid #959595;
    margin-top: 26px;
    position: relative;
    background: #f5f5f5;
   height: 440px;
padding-bottom: 10px;
border-bottom: 2px solid #9d0d80;
}
.chawithmnteediv {
	    background: #959595;
    padding: 8px;
}
.chawithmnteediv span {
	font-size: 16px;
    color: #fff;
}
.userallchattext {
	    padding: 25px 40px;
}
.userclasssection11 {
	border-bottom: 1px solid #fff;
    position: relative;
    padding-bottom: 9px;
	margin-top: 9px;
}
.leftsideusermessg {
	    position: relative;
}
.rightsideusermessg {
	 position: relative;
	 text-align:right;
}
.userlestimagediv {
	width: 8%;
    max-width: 50px;
}
.userrigtimagediv {

     float: right;
	 width: 8%;
    max-width: 50px;
}
.userrigtimagediv img {
	width: 100%;
    border-radius: 5px;
    max-width: 100%;
}

.userlestimagediv img {
	    width: 100%;
    border-radius: 5px;
    max-width: 100%;
}
.usermaessagenewrigh {
	    width: 90%;
    left: 8%;
    top: 0%;
}
.usermaessagenewrigh p {
	margin:0px;
}
.usermaessagenew {
	    width: 90%;
    position: absolute;
    left: 8%;
    top: 0%;
}
.usermaessagenew p {
	margin:0px;
}
.usernamedivcl {
	    margin: 0px;
    margin-top: -5px;
    font-size: 16px;
    font-weight: 600;
    color: #9d0d80;
}
.inputmaessasetext {
	    margin: 12px 0px;
		position:relative;
}
.inputmaessasetext input {
	    width: 100%;
    border: 1px solid #cccccc;
    padding: 11px 35px;
    border-radius: 5px;
}
.uploadsendmassaction {
	position: relative;
}
.buttonuploadphodd {
	    width: 20%;
    /* float: left; */
    cursor: pointer;
}
.buttondivuplodphoto {
	    /* width: 20%; */
    background: #fff;
    padding: 6px;
    text-align: center;
    border-radius: 9px;
    border: 1px solid #9d0d80;
}
.buttondivuplodphoto i {
	    margin-right: 6px;
    color: #9d0d80;
}
.sendmessaagepost {
    position: absolute;
    /* float: right; */
    right: 0%;
    top: 5%;
}
.sendmessaagepost button {
	    border: 0px;
    background: #9d0d80;
    color: #fff;
    padding: 6px 20px;
    border-radius: 5px;
}
.mentetex1t111 {
	font-size: 18px;
	    color: #990a7f;
}
.left_menu_sec .studenmentlist111 {
	text-align:right!Important;
}
.studenmentlist111 ul li {
	    margin-bottom: 9px;
}
.usrprofileinewimg img {
	    width: 17%;
        border-radius: 5px;
	    border: 1px solid #fff;
}

.articlesprofile img {
	    width: 75%;
        border-radius: 5px;
	    border: 1px solid #fff;
}
.usrprofileinewimg .frnd-tltp {
	position: absolute;
    top: -1px;
    right: -2px;
    color: #fff;
    background-color: #ea4335;
    font-size: 9px;
    border-radius: 50%;
    width: 15px;
    height: 16px;
    text-align: center;
    line-height: 15px;
}
.heightnewauto {
	height:auto!important;
}
.reltposindiv {
	    position: relative;
}
#vbonlineoffline {
	position: absolute;
    top: 49%;
    right: 0%;
}
.chatmessageboxscrl {
	height: 250px;
    padding: 0px 10px;
    overflow-y: scroll;
}
.useractiondivnew {
	    height: 116px;

}
.ulemojistyle {
	position: absolute;
    top: -7%;
}
.stimedate {
	margin: 0px 0px 5px;
}
.chatmsg12 {
	padding:0px;
	box-shadow: none;
	border-radius:0px;
}
.bg123none {
	background:none;
	color:#000;
}
.subbtn73 {
	width:73%;
}

.proje_intership {
    position: absolute!important;
    left: 52.5%;
    top: 52%;
}
