@font-face {

    font-family: 'interbold';

    src: url("../font/inter-bold-webfont.woff2") format("woff2"), url("../font/inter-bold-webfont.woff") format("woff");

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'intermedium';

    src: url("../font/inter-medium-webfont.woff2") format("woff2"), url("../font/inter-medium-webfont.woff") format("woff");

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'interregular';

    src: url("../font/inter-regular-webfont.woff2") format("woff2"), url("../font/inter-regular-webfont.woff") format("woff");

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'intersemi_bold';

    src: url("../font/inter-semibold-webfont.woff2") format("woff2"), url("../font/inter-semibold-webfont.woff") format("woff");

    font-weight: normal;

    font-style: normal;

}



* {

    margin: 0;

    padding: 0;

}



img {

    max-width: 100%;

}



body {

    font-size: 1rem;

    color: #282b38;

    background: #fcfdff;

    font-family: 'interregular';

}



header {

    background: #fff;

    padding: 20px 0;

    position: fixed;

    z-index: 100;

    left: 0;

    right: 0;

    top: 0;

    -webkit-box-shadow: 0 6px 22px 0 rgba(0, 0, 0, 0.02);

    box-shadow: 0 6px 22px 0 rgba(0, 0, 0, 0.02);

}



header nav {

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.upload-img {

    padding: 15px 0px;

    border-top: 1px solid rgba(0, 0, 0, 0.15);

    border-bottom: 1px solid rgba(0, 0, 0, 0.15);

    margin: 30px 0px;

}



.upload-img img {

    padding-left: 18px;

}



.post-btn {

    border-radius: 8px;

    padding: 5px 30px;

}



.status-text textarea {

    border: none !important;

    color: #878da5;

}



.last-btn {

    background: #1c74f4;

    background-image: linear-gradient(108deg, #2b6df1 3%, #5b5ae9 100%);

    color: #fff !important;

    font-family: 'intermedium';

    border-radius: 8px;

}



.admin-img {

    height: 32px;

    width: 32px;

    border-radius: 50%;

    margin-right: 10px;

}



.clearfix {

    clear: both;

    width: 100%;

    height: 1px;

}



.dropdown-menu.show {

    z-index: 2;

}



.margtop50 {

    margin-top: 50px;

}



#navbarSupportedContent {

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

}



#navbarSupportedContent input {

    font-size: .9rem;

    width: 256px;

    padding-left: 50px;

}



#navbarSupportedContent button {

    color: #b8bed8;

}



#navbarSupportedContent button:hover {

    background: none;

    color: #b8bed8;

}



#navbarSupportedContent li a {

    opacity: 0.8;

    color: #282b38;

    padding-left: 16px;

    padding-right: 16px;

}



#navbarSupportedContent li a:hover {

    color: #1c74f4;

}





/*#navbarSupportedContent li:last-child a {

background: #1c74f4;

color: #fff;

font-family: 'intermedium';

border-radius: 8px;

}

*/



#navbarSupportedContent .active a {

    color: #1c74f4;

    font-family: 'intermedium';

}



.boderradius8 {

    border-radius: 8px;

}



.border1 {

    border: 1px solid #d5daf2;

}



.background1 {

    background: rgba(247, 248, 255, 0.68);

}



.height40 {

    height: 40px;

}



.positionR {

    position: relative;

}



.positionA {

    position: absolute;

}



.borderNone {

    border: none;

}



.content-section {

    margin-top: 100px;

    padding-top: 90px;

}



.content-section .box {

    border-radius: 20px;

    -webkit-box-shadow: 0 6px 32px 0 rgba(0, 0, 0, 0.04);

    box-shadow: 0 6px 32px 0 rgba(0, 0, 0, 0.04);

    background-color: #ffffff;

    margin-bottom: 40px;

    padding-bottom: 15px;

}



.content-section .box .form-group {

    padding: 0 32px;

}



.content-section .box .form-group label {

    display: block;

    font-size: .9rem;

    font-family: 'intermedium';

    margin-bottom: .3rem;

}



.content-section .box .form-group input[type="email"],

.content-section .box .form-group input[type="password"] {

    height: 40px;

    border-radius: 8px;

    border: solid 1px #d5daf2;

    width: 100%;

    font-size: .8rem;

    color: #b8bed8;

    padding: 12px 20px;

}



.content-section .box .form-group input[type="submit"] {

    background: #326bf0;

    background-image: linear-gradient(108deg, #2b6df1 3%, #5b5ae9 100%);

    color: #fff;

    text-align: center;

    width: 100%;

    font-family: 'interbold';

    border-radius: 8px;

    padding: 12px 0;

    border: none;

    margin-top: 10px;

}



.content-section .box .form-group .forgot-pass {

    font-size: .6rem;

    color: #2b6df1;

    display: block;

    text-align: center;

}



.content-section .box h2 {

    font-family: 'interbold';

    font-size: 1.25rem;

    font-stretch: normal;

    font-style: normal;

    line-height: 1.45;

    letter-spacing: normal;

    text-align: left;

    color: #fafafc;

    padding: 18px 0 18px 32px;

    border-radius: 20px;

    font-weight: normal;

}



.content-section .box h2 span {

    font-family: 'interregular';

    font-weight: normal;

}



.content-section .box .seeMore {

    float: right;

    margin-right: 32px;

    font-family: 'intermedium';

    color: #1c74f4;

    font-size: .9rem;

}



.content-section .box .seeMore.open .less {

    display: block !important;

}



.content-section .box .seeMore.open .more {

    display: none !important;

}



.content-section .box ul.open {

    height: auto !important;

    max-height: none;

    -webkit-transition: 1s;

    transition: 1s;

}



.content-section .box ul {

    list-style: none;

    margin: 13px 13px 13px 32px;

    max-height: 190px;

    overflow: hidden;

    -webkit-transition: 1s;

    transition: 1s;

}



.content-section .box ul li {

    margin-bottom: 10px;

}



.content-section .box ul li a {

    color: #878da5;

}



.content-section .box ul li a:hover {

    color: #1c74f4;

    text-decoration: none;

}



.content-section .box p.info {

    text-align: center;

    color: #474747;

    font-size: .8rem;

    margin-left: 15px;

    margin-right: 15px;

}



.right-box h3 {

    font-size: 1rem;

    color: #5b6075;

    font-weight: normal;

}



.right-box ul {

    list-style: none;

    margin: 15px 0;

}



.right-box ul li {

    padding: 16px 20px;

    border-radius: 20px;

    margin-bottom: 24px;

    background: #e2e3fd;

    height: auto;

    overflow: hidden;

}



.right-box ul li .left {

    width: 30%;

    float: left;

    max-width: 144px;

}



.right-box ul li .left img {

    border-radius: 20px;

}



.right-box ul li .right {

    float: left;

    width: 65%;

    padding-left: 15px;

}



.right-box ul li .right h4 {

    font-size: 1rem;

    font-family: 'interbold';

    margin-top: 6px;

}



.right-box ul li .right h4 a {

    color: #282b38;

}



.right-box ul li .right h4 a:hover {

    color: #1c74f4;

    text-decoration: none;

}



.right-box ul li .right .information {

    margin-top: 15px;

}



.right-box ul li .right .information a {

    font-size: .8rem;

    color: #878da5;

    display: inline-block;

    margin-right: 15px;

}



.right-box ul .yellowBg {

    background: #fdf1d9;

}



.right-box ul .pinkBg {

    background: #fde3da;

}



.bg-blue {

    background: #5151f9;

}



.bg-yelow {

    background: #fec601;

}



.bg-red {

    background: #ff4a56;

}



.bg-white {

    color: #282b38 !important;

    text-align: center !important;

    padding-left: 0 !important;

    background: none !important;

    padding: 0 !important;

}



.bg-white img {

    margin-top: -45px;

}



.margin-bottom0 {

    margin-bottom: 0 !important;

}



.ads img {

    border-radius: 36px;

}



.big-ad img {

    border-radius: 13px;

}



.user-post.box {

    padding: 48px;

    margin-top: 30px;

    padding-bottom: 20px;

}



.user-post.box .profile-options {

    float: right;

}



.user-post.box .profile-options a {

    color: #282b38;

    font-size: 1.15rem;

}



.user-post.box .profile-options .dropdown-menu a {

    font-size: .9rem;

}



.user-post.box .profile-detail {

    width: 70%;

    float: left;

    margin-bottom: 15px;

    height: auto;

    overflow: hidden;

}



.user-post.box .profile-detail .profile-info {

    float: left;

    position: relative;

    top: 15px;

}



.user-post.box .profile-detail .profile-info a {

    font-family: 'interbold';

    font-size: 1rem;

    color: #282b38;

}



.user-post.box .profile-detail .profile-info a:hover {

    color: #2b6df1;

    text-decoration: none;

}



.user-post.box .profile-detail .profile-info p {

    font-size: .7rem;

    color: #b8bed8;

}



.user-post.box .profile-detail .profile-photo {

    float: left;

}



.user-post.box .profile-detail .profile-photo img {

    width: 72px;

    height: auto;

    border-radius: 100%;

    margin-right: 15px;

}



.user-content-info {

    margin-top: 10px;

}



.user-content-info p {

    font-size: .9rem;

    line-height: 1.43;

}



.user-contact {

    margin-top: 12px;

}



.user-contact a {

    display: inline-block;

    margin-right: 18px;

    font-size: .8rem;

    padding: 6px 20px;

    border-radius: 8px;

    -webkit-transition: .5s;

    transition: .5s;

    padding-left: 35px;

}



.user-contact a:hover {

    text-decoration: none;

    -webkit-transition: .5s;

    transition: .5s;

}



.user-contact .location {

    color: #2b6df1;

    background: url("../images/location-point.png") no-repeat 8px 5px #d4e2fc;

}



.user-contact .location:hover {

    background: url("../images/location-point.png") no-repeat 8px 5px #c5d8fc;

}



.user-contact .email {

    color: #ff4aa9;

    background: url("../images/envelope-alt.png") no-repeat 8px 7px #ffdbee;

}



.user-contact .email:hover {

    background: url("../images/envelope-alt.png") no-repeat 8px 7px #fcc9e4;

}



.user-contact .call {

    color: #27c96a;

    background: url("../images/phone.png") no-repeat 8px 7px #d5f9e4;

}



.user-contact .check {

    color: #27c96a;

    background: url("../images/check-circle.png") no-repeat 8px 7px #d5f9e4;

    margin: 0;

}



.user-contact .call:hover {

    background: url("../images/phone.png") no-repeat 8px 7px #c4fadb;

}



.post-media {

    margin-top: 24px;

    margin-bottom: 14px;

}



.post-media img {

    border-radius: 24px;

}



.profile-pic {

    display: block;

    text-align: center;

    clear: both;

    margin: 30px auto;

    width: 121px;

    height: 121px;

}



.profile-pic img {

    width: 121px;

    border-radius: 100%;

}



.profile .box {

    padding: 30px;

}



.featured {

    margin: 15px 0;

}



.featured .col-7 {

    max-width: 56%;

}



.featured .col-5 {

    padding: 0;

    max-width: 40%;

}



.featured img {

    border-radius: 16px;

}



.followers {

    margin: 15px 0;

    display: block;

    clear: both;

}



.followers .row {

    margin-left: -8px;

    margin-right: -8px;

}



.followers .col-3 {

    padding: 0 8px;

    min-width: 20%;

    margin-bottom: 10px;

}



a.nav-link.dropdown-toggle {

    padding-top: 0

}



.icon img {

    max-width: 18px;

}



.featured .col-5 .marbottom5 {

    margin-bottom: 15px;

    display: block;

}



.content-section .profile .box .seeMore {

    margin-right: 0;

}



.profile .box .description {

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    font-style: normal;

    line-height: 1.29;

    letter-spacing: normal;

    text-align: center;

    color: #43475b;

    margin: 30px 0

}



.content-section .profile .box h3 a {

    font-size: 10px;

    float: right;

    color: #2b6df1;

    text-decoration: none;

}



.content-section .profile .box h3 {

    font-family: 'interbold';

    font-size: 1rem;

    font-stretch: normal;

    font-style: normal;

    line-height: 1.45;

    letter-spacing: normal;

    text-align: left;

    color: #333;

    padding: 18px 0 18px 0px;

    border-radius: 20px;

    font-weight: normal;

    text-align: left;

}



.content-section .profile .box h3 span {

    font-family: 'interregular';

    font-weight: normal;

}



.content-section .profile .box h2 {

    padding: 0;

}



.like-share ul {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding: 0;

    margin: 0 !important;

}



.like-share ul li {

    float: left;

    text-align: center;

    padding: 12px;

}



.like-share ul li span {

    display: block;

    font-size: .8rem;

    color: #b8bed8;

    margin-bottom: 8px;

}



.like-share ul li a {

    color: #878da5 !important;

    font-size: .9rem;

    position: relative;

}



.like-share ul li a.active.heart {

    color: #ff4365 !important;

}



/*.like-share ul li a.active.heart:after {

    position: absolute;

    content: url(../images/heart-fill.png);

    width: 30px;

    height: 30px;

    left: -5px;

    top: -3px;

}

*/

.like-share ul li a i {

    font-size: 1.3rem;

    color: #878da5;

    position: relative;

    top: 3px;

}



.like-share ul li:last-child {

    float: right;

}



.logo {

    position: relative;

    z-index: 1;

}



.logo img {

    max-width: 200px;

}



.scroller.mCustomScrollbar {

    white-space: nowrap;

    width: 100%;

    -ms-flex-item-align: start;

    align-self: flex-start;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

}



.scroller.mCustomScrollbar .box {

    width: 500px;

    margin-right: 30px;

    -ms-flex-item-align: start;

    align-self: flex-start;

    display: inline-block;

    vertical-align: top;

}



.userTab {

    padding: 0 !important;

}



.userTab .tab-content {

    padding: 30px;

}



.userTab ul {

    margin: 0 !important;

    padding-top: 24px;

    padding-left: 20px;

    overflow: visible !important;

}



.userTab ul li {

    padding: 0 12px;

    position: relative;

}



.userTab ul li.active:after {

    position: absolute;

    content: " ";

    bottom: -11px;

    left: 0;

    right: 0;

    border-bottom: 3px solid #2b6df1;

}



.userTab ul li.active a {

    color: #2b6df1;

    font-weight: bold;

}



.custom-selectt {

    border: solid 1px #b6b6b6;

    border-radius: 7px;

    padding: 6px;

}



.custom-selectt select {

    width: 100%;

    border: none;

    font-size: 14px;

}



.tab-content label {

    display: block;

    font-size: .9rem;

    font-family: 'intermedium';

    margin-bottom: .3rem;

    margin-top: 12px;

}



.tab-content input,

.tab-content .custom-selectt {

    border: solid 1px #b6b6b6!important;

    border-radius: 7px;

    padding: 6px;

    width: 100%;

    font-size: 14px;

    letter-spacing: .5px;

    padding: 12px 20px!important;

}



.tab-content .custom-selectt {

    padding: 0!important;

}



.tab-content p {

    float: left;

    font-size: 14px;

    color: #282b38;

}



.tab-content {

    margin-bottom: 30px;

}



.stickey-save,

.stickey-search {

    position: fixed;

    left: 0;

    right: 0;

    bottom: 0;

    background: #fff;

    z-index: 100;

    padding: 12px;

    text-align: center;

    box-shadow: 0 -6px 22px 0 rgba(0, 0, 0, 0.042)

}



.popuphead {

    padding: 16px 0px;

    height: auto;

    overflow: hidden;

    box-shadow: 0 6px 22px 0 rgba(0, 0, 0, 0.042)

}



.stickey-search .backlink,

.popuphead .backlink {

    width: 15%;

    float: left;

    text-align: center;

}



.stickey-search .backlink a {

    position: relative;

    top: 15px;

}



.stickey-search .backlink a img,

.popuphead .backlink a img {

    width: 18px;

}



.stickey-search .searchBox,

.popuphead .searchBox {

    width: 85%;

    float: left

}



.popuphead .searchBox h4 {

    font-size: 14px;

    text-align: center;

    font-family: 'interbold';

}



.stickey-search .searchBox button {

    color: #b8bed8;

    margin-top: 0!important

}



.stickey-search .searchBox input {

    font-size: .9rem;

    padding-left: 50px;

    width: 100%

}



.stickey-save .cancel {

    float: left;

    font-size: 12px;

    color: #282b38;

}



.stickey-save h3 {

    font-family: 'intermedium'!important;

    font-size: 14px!important;

    margin-bottom: 0!important;

}



.stickey-save .save {

    float: right;

    font-size: 14px;

    color: #1c74f4;

}



.tab-content p input[type="checkbox"] {

    padding: 0!important;

    float: left;

    width: auto;

    position: relative;

    margin-right: 6px;

    border: solid 1px #1c74f4;

    top: -10px;

}



.tab-content .custom-selectt select {

    padding: 12px 20px!important;

    background: none;

}



 ::placeholder {

    /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #282b38 !important;

    opacity: 1;

    /* Firefox */

}



 :-ms-input-placeholder {

    /* Internet Explorer 10-11 */

    color: #282b38 !important;

}



 ::-ms-input-placeholder {

    /* Microsoft Edge */

    color: #282b38 !important;

}



.tab-content textarea {

    border: solid 1px #b6b6b6;

    border-radius: 7px;

    padding: 6px;

    height: 108px;

    width: 100%;

    font-size: 14px;

    letter-spacing: .5px;

}



.profile {

    text-align: center;

    padding: 30px 15px;

}



.profile .box h2 {

    background: none;

    color: #333;

    text-align: center;

}



.editprofile .box {

    padding: 30px 0;

    height: auto;

    overflow: hidden;

}



.editprofile .box ul {

    width: 100%;

    height: auto;

    overflow: hidden;

    clear: both;

    margin: 0;

    padding: 0;

    padding-top: 30px;

    text-align: left;

}



.editprofile .box ul li a {

    display: block;

    padding: 15px 32px;

    font-size: 1rem;

    color: #282b38;

    font-family: 'interregular';

    padding-left: 55px;

    background-repeat: no-repeat!important;

    background-position: 30px 17px!important;

}



.editprofile .box ul li.general a {

    background: url("../images/cog.png");

}



.editprofile .box ul li.general a.active {

    background: url("../images/cog_active.png") #d4e2fc;

}



.editprofile .box ul li.security a {

    background: url("../images/shield-check.png") no-repeat;

}



.editprofile .box ul li.security a.active {

    background: url("../images/shield-check_active.png") #d4e2fc;

}



.editprofile .box ul li a.active {

    color: #2b6df1;

    font-family: 'intermedium';

}



.editprofile-info {

    width: 280px;

    margin: 0 auto;

    height: auto;

    overflow: hidden;

    margin-left: 30px;

}



.editprofile-info .left {

    float: left;

}



.editprofile-info .left a {

    width: auto;

    height: auto;

    margin: 0;

}



.editprofile-info .left img {

    max-width: 56px;

}



.editprofile-info .right {

    float: left;

    padding-left: 12px;

    text-align: left;

}



.editprofile-info .right p {

    color: #43475b;

    font-size: 12px;

    margin-bottom: 4px;

    margin-top: 6px;

}



.editprofile-info .right h2 {

    font-size: 16px;

}



#general #upload {

    display: none;

}



#general label[for="upload"] {

    background: #1c74f4;

    background-image: linear-gradient(108deg, #2b6df1 3%, #5b5ae9 100%);

    color: #fff !important;

    font-family: 'intermedium';

    border-radius: 8px;

    padding: 8px 20px;

    position: relative;

    top: -10px;

    margin-left: 15px;

}



.showonmobile h3 {

    font-size: 16px;

    font-family: 'interbold';

    margin-bottom: 30px;

}



.logout {

    padding: 30px;

    margin-top: 50px;

    text-align: left;

}



.logout a {

    font-size: 16px;

    color: #ff4a56;

    transition: .5s;

}



.logout a:hover {

    text-decoration: none;

    padding-left: 5px;

    transition: .5s;

}



#myTabContent .form-group {

    padding: 0!important;

}



#myTabContent .form-group label {

    font-family: 'interbold';

}



#myTabContent .form-group input {

    min-height: 40px;

}



#myTabContent .form-group input[type="submit"] {

    font-size: 16px;

    float: left;

    width: 170px;

    margin-top: 40px;

}



.datepicker {

    position: relative;

}



.datepicker input {

    position: relative;

    z-index: 2;

    background: none!important;

}



.datepicker::after {

    position: absolute;

    content: " ";

    width: 52px;

    height: 40px;

    background: url("../images/calendar-alt.png") no-repeat 16px 9px #2b6df1;

    border-radius: 7px;

    right: 0;

    top: 0;

    z-index: 0;

}



.showonmobile {

    display: none;

}



.page-head {

    margin-bottom: 30px;

}



.page-head h2 {

    font-size: 32px;

    font-family: 'interbold';

    color: #282b38;

}



.page-head h2 span {

    font-family: 'interregular';

}



.post-box img {

    border-radius: 25px;

}



.post-box {

    margin-bottom: 25px;

}



.profile-links {

    margin-top: 30px;

    margin-bottom: 30px;

}



.profile-links ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.profile-links ul li {

    float: left;

    margin-right: 15px;

}



.profile-links ul li a {

    display: inline-block;

    height: 35px;

    border-radius: 8px;

    border: solid 2px rgba(213, 218, 242, 0.36);

    background-color: #ffffff;

    padding: 7px 20px;

    font-size: 14px;

    font-weight: 500;

    color: #282b38;

    font-family: 'intersemi_bold';

    margin-bottom: 12px;

}



.profile-links ul li a.active {

    color: #fff;

    background-image: linear-gradient(105deg, #2b6df1 1%, #2b9bf1 98%);

    box-shadow: 0 6px 10px 0 rgba(91, 96, 117, 0.35);

}



.profile-links ul li a:hover {

    text-decoration: none;

    color: #1947a2;

}



.search-result-head h4 {

    font-size: 20px;

}



.search-result-head h4 a {

    color: #2b6df1;

    font-size: 12px;

    float: right

}



.result-box {

    border-radius: 16px;

    background-color: #ffffff;

    padding: 24px;

    margin: 16px 0;

}



.result-box .user-pic {

    width: 15%;

    float: left;

    min-width: 75px;

}



.result-box .user-pic img {

    max-width: 75px;

    border-radius: 100%;

}



.result-box .tag {

    background: #c5d8fc;

    padding: 6px 20px;

    margin: 12px 0;

    color: #35a8d9;

    font-size: 12px;

    display: inline-block;

    border-radius: 4px;

    margin-top: 0;

    font-family: 'intersemi_bold';

}



.result-box .user-info {

    float: left;

    width: 85%;

    padding-left: 15px;

}



.result-box .user-info h5 a {

    color: #282b38;

    font-family: 'intersemi_bold';

}



.result-box .user-info h5 a:hover {

    text-decoration: none;

}



.result-box .user-info h5 a.follow {

    float: right;

    height: 40px;

    border-radius: 8px;

    background-color: #2b6df1;

    font-size: 16px;

    color: #fff;

    padding: 12px 36px;

}



.result-box .user-info h5 a.following {

    background: #d0dffc;

    color: #2b6df1;

}



.result-box p {

    font-size: 14px;

    color: #43475b;

}



.result-box.peopleListing .user-pic {

    min-width: 48px;

    max-width: 48px;

}



.result-box.peopleListing .user-pic img {

    max-width: 48px;

}



.result-box.peopleListing .user-info {

    max-width: 450px;

}



.result-box .user-info .showonmobile a {

    font-size: 10px;

    color: #282b38;

}



.result-box.peopleListing {

    margin-bottom: 30px;

}



.result-box.peopleListing h5 span {

    font-size: 10px;

    color: #282b38;

    font-weight: normal;

    padding-left: 10px

}



.result-box.peopleListing .info {

    margin-top: 35px;

}



.result-box.peopleListing h6 {

    font-family: 'intersemi_bold';

    margin-top: 30px;

}



.result-box.peopleListing p {

    font-size: 16px;

    color: #282b38;

    line-height: 1.44rem;

}



.result-box.peopleListing .info a {

    font-size: 12px;

    color: #878da5;

    margin-right: 18px;

    display: inline-block;

    margin-bottom: 6px;

}



.modal-dialog {

    min-width: 95vw;

    min-height: 95vh;

}



.modal-dialog .user-contact a {

    margin-bottom: 15px;

}



.modal-dialog .like-share {

    border-bottom: 2px solid #f5f5f5;

}



.modal-dialog .like-share ul {

    list-style: none;

}



.modal-content button.close {

    position: absolute;

    right: 25px;

    top: 25px;

    z-index: 10;

}



.modal-content .user-post.box {

    padding-top: 0;

    padding-left: 25px;

    padding-right: 25px;

}



.modal-content .profile-info .edit {

    font-size: 12px!important;

    font-family: 'interregular'!important;

    line-height: 1.5;

    text-align: left;

    color: #2b6df1!important;

    margin-right: 8px;

}



.modal-content .user-content-info h4 {

    font-family: 'intersemi_bold';

    font-size: 20px;

}



.modal-content .profile-info P {

    margin-bottom: 0!important

}



.modal-content .profile-info .delete,

.delete {

    font-size: 12px!important;

    line-height: 1.5;

    text-align: left;

    color: #ff4a56!important;

    font-family: 'interregular'!important;

}



.modal-content .comments {

    margin: 15px 0;

    position: relative;

}



.modal-content .comments ul {

    list-style: none;

    height: 100%;

    overflow: auto;

    max-height: 180px;

    padding-bottom: 98px;

    ;

}



.modal-content .comments ul li {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.modal-content .comments ul::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

    border-radius: 10px;

    background-color: #F5F5F5;

}



.modal-content .comments ul::-webkit-scrollbar {

    width: 12px;

    background-color: #F5F5F5;

}



.modal-content .comments ul::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    background-color: #d2d2d2;

}



.modal-content .comments ul .userpic {

    width: 15%;

    float: left;

    max-width: 40px;

}



.modal-content .comments ul .userpic img {

    border-radius: 100%;

    max-width: 100%;

}



.modal-content .comments ul .comment-content {

    width: 85%;

    float: left;

    padding-left: 10px;

}



.modal-content .comments ul .comment-content .comment-text {

    background: #eef3fe;

    padding: 12px 21px;

    margin-bottom: 8px;

    border-radius: 4px 15px 15px 15px;

    position: relative;

    top: 8px;

    margin-bottom: 10px;

    font-size: 14px;

    color: #282b38

}



.modal-content .comments ul .comment-content .comment-text a {

    font-family: 'interbold';

    color: #282b38

}



.modal-content .comments ul .comment-content .comment-time {

    font-size: 12px;

    color: #b8bed8;

}



.modal-content .comments ul .comment-content .comment-time a {

    margin-left: 10px;

}







.comment-post-input-group{

   width:85%;

}





.feed_comments .comments {

    margin: 15px 0;

    position: relative;

}



.feed_comments .comments ul {

    list-style: none;

    height: 100%;

    overflow: auto;

    max-height: 180px;

    padding-bottom: 98px;

    ;

}



.feed_comments .comments ul li {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.feed_comments .comments ul::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

    border-radius: 10px;

    background-color: #F5F5F5;

}



.feed_comments .comments ul::-webkit-scrollbar {

    width: 12px;

    background-color: #F5F5F5;

}



.feed_comments .comments ul::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    background-color: #d2d2d2;

}



.feed_comments .comments ul .userpic {

    width: 15%;

    float: left;

    max-width: 40px;

}



.feed_comments .comments ul .userpic img {

    border-radius: 100%;

    max-width: 100%;

}



.feed_comments .comments ul .comment-content {

    width: 85%;

    float: left;

    padding-left: 10px;

}



.feed_comments .comments ul .comment-content .comment-text {

    background: #eef3fe;

    padding: 12px 21px;

    margin-bottom: 8px;

    border-radius: 4px 15px 15px 15px;

    position: relative;

    top: 8px;

    margin-bottom: 10px;

    font-size: 14px;

    color: #282b38

}



.feed_comments .comments ul .comment-content .comment-text a {

    font-family: 'interbold';

    color: #282b38

}



.feed_comments .comments ul .comment-content .comment-time {

    font-size: 12px;

    color: #b8bed8;

}



.feed_comments .comments ul .comment-content .comment-time a {

    margin-left: 10px;

}







.post-feed-my-comment {

    background: #fff;

    border-radius: 10px;

/*    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.07);*/

    background-color: #ffffff;

    padding: 15px;

 /*   position: absolute;

    left: 0;

    bottom: 0;

    right: 0*/

}



.post-feed-my-comment img {

    float: left;

    width: 32px;

    border-radius: 100%;

}



.post-feed-my-comment .mypic {

    width: 15%;

    max-width: 40px;

}





.post-feed-my-comment  input {

    float: left;

    width: 85%;

    border-radius: 6px;

    background: #eef3fe;

    border: none;

    margin-left: 10px;

    padding: 7px 17px;

    font-size: 14px;

}









.my-comment {

    background: #fff;

    border-radius: 10px;

    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.07);

    background-color: #ffffff;

    padding: 15px;

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0

}



.my-comment img {

    float: left;

    width: 32px;

    border-radius: 100%;

}



.my-comment .mypic {

    width: 15%;

    max-width: 40px;

}



.popupimage {

    position: relative;

}



.popupimage .views-count {

    position: absolute;

    right: 20px;

    bottom: 20px;

    background: rgba(0, 0, 0, .2);

    border-radius: 16px;

    padding: 15px;

    color: #fff;

    font-size: 12px;

    text-align: center;

}



.popupimage .views-count span {

    display: block;

    font-size: 14px;

}



.my-comment input {

    float: left;

    width: 85%;

    border-radius: 6px;

    background: #eef3fe;

    border: none;

    margin-left: 10px;

    padding: 7px 17px;

    font-size: 14px;

}



@media only screen and (min-width: 1200px) and (max-width: 1344px) {

    #navbarSupportedContent input {

        width: 278px;

    }

    #navbarSupportedContent li a {

        padding-left: 12px;

        padding-right: 12px;

    }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    #navbarSupportedContent input {

        width: 255px;

        padding-left: 35px;

    }

    #navbarSupportedContent li a {

        padding-left: 4px;

        padding-right: 4px;

        font-size: .9rem;

    }

    #navbarSupportedContent li:last-child a {

        padding: 6px 10px;

    }

    .user-post.box {

        padding: 25px;

    }

    .user-post.box .user-contact a {

        margin-right: 10px !important;

        margin-bottom: 6px;

        

    }

}



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

    .content-section {

        padding-top: 12px;

    }

    .followers .col-3 {

        padding: 0 8px;

        min-width: 25%;

        margin-bottom: 10px;

    }

    .scroller.mCustomScrollbar .box {

        width: 500px;

    }

    #navbarSupportedContent input {

        width: 100%;

        padding-left: 35px;

    }

    #navbarSupportedContent li a {

        padding-left: 4px;

        padding-right: 4px;

        font-size: .9rem;

    }

    #navbarSupportedContent li:last-child a {

        padding: 6px 10px;

    }

    .user-post.box {

        padding: 25px;

    }

    .user-post.box .user-contact a {

        margin-right: 10px !important;

        margin-bottom: 6px;

        height: 30px !important;

        line-height: 22px !important;

    }

    .navbar {

        -webkit-box-pack: end;

        -ms-flex-pack: end;

        justify-content: flex-end;

    }

    .navbar-light .navbar-toggler {

        border: none;

    }

    .menu {

        margin-top: -50px;

    }

    .navbar-nav {

        margin-top: 30px;

    }

    .navbar-nav li {

        text-align: right;

    }

    .navbar-nav li a {

        display: inline-block;

    }

}



#security h3 {

    margin-top: 50px;

}



.morecomments {

    height: auto;

    overflow: hidden;

}



.morecomments a {

    float: left;

}



.morecomments a.btn {

    border-radius: 6px;

    background-color: #2b6df1;

    color: #fff;

    float: right;

    padding: 6px 15px;

}



@media only screen and (max-width: 820px) and (min-width: 768px) {

    .result-box .user-pic {

        min-width: unset;

    }

}



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

    .hideonmobile {

        display: none;

    }

    .my-comment input {

        width: 84%;

    }

    .modal-content .comments ul {

        max-height: unset

    }

    .modal-content .profile-info .edit,

    .modal-content .profile-info .delete,

    .modal-content button.close {

        display: none

    }

    .modal-dialog {

        min-width: 100vw;

        min-height: 100vh;

        margin: 0px;

    }

    .modal-content {

        border: none;

        border-radius: 0

    }

    #general label[for="upload"] {

        font-size: 12px;

        padding: 8px;

        margin-left: 0;

    }

    .scroller.mCustomScrollbar .box {

        width: 450px;

    }

    #general .profile-detail {

        width: 100%!important;

    }

    #general,

    #security {

        display: block;

        opacity: 1;

    }

    .profile.editprofile {

        display: none;

    }

    .showonmobile {

        display: block;

        width: 100%;

    }

    .showonmobile .profile.editprofile {

        display: block;

    }

    .showonmobile .box {

        padding-top: 0;

        padding-bottom: 0;

    }

    .showonmobile .logout {

        margin-top: 0

    }

    .result-box .user-info {

        width: 84%;

    }

    .result-box p,

    .result-box .tag {

        display: none;

    }

    .result-box.peopleListing p {

        display: inline-block;

    }

}



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

    #navbarSupportedContent button {

        top: 0;

    }

    .scroller.mCustomScrollbar .box {

        width: 350px;

    }

    .result-box .user-pic img {

        max-width: 100%;

    }

    .result-box .user-pic {

        min-width: unset;

    }

    .result-box .user-info h5 {

        font-size: 14px;

        margin-bottom: 0;

    }

    .page-head h2 {

        font-size: 20px;

    }

    .result-box .user-info {

        width: 84%;

        float: right;

    }

    .result-box .user-info h5 a.follow {

        padding: 6px 16px;

        font-size: 12px;

        height: auto;

    }

    .result-box.peopleListing .user-pic,

    .result-box.peopleListing h5 {

        display: none;

    }

    .result-box.peopleListing .info {

        margin-top: 10px;

    }

    .result-box.peopleListing .user-info {

        max-width: unset;

        width: 100%;

        padding-left: 0

    }

    .result-box.peopleListing p {

        font-size: 12px;

        line-height: 16px;

    }

    .result-box.peopleListing h6 {

        margin-top: 0;

        font-size: 13px;

    }

}



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

    .scroller.mCustomScrollbar .box {

        width: 300px;

    }

}



header {

    padding-left: 3%;

    padding-right: 3%;

}



.content-section {

    padding-left: 3%;

    padding-right: 3%;

}



@media (min-width: 1599px) {

    header {

        padding-left: 5%;

        padding-right: 5%;

    }

    .content-section {

        padding-left: 5%;

        padding-right: 5%;

    }

}



@media only screen and (min-width: 1599px) {

    .positionR {

        right: 22%;

    }

    #navbarSupportedContent input {

        width: 400px;

    }

}





/*        #navbarSupportedContent {

-webkit-box-pack: center;

-ms-flex-pack: center;

justify-content: center;

}*/



@media (min-width: 992px) {

    .sidebar-categories {

        -ms-flex: 0 0 20%;

        flex: 0 0 20%;

        max-width: 20%;

    }

    .main-feed-column {

        -ms-flex: 0 0 55%;

        flex: 0 0 55%;

        max-width: 55%;

    }

}



.dark-bold-text {

    color: #282b38 !important;

}



.sidebar-category-list a {

    color: #282b38 !important;

}



input::-webkit-input-placeholder {

    /* WebKit browsers */

    color: #b8bed8 !important;

}



input:-moz-placeholder {

    /* Mozilla Firefox 4 to 18 */

    color: #b8bed8 !important;

}



input::-moz-placeholder {

    /* Mozilla Firefox 19+ */

    color: #b8bed8 !important;

}



input:-ms-input-placeholder {

    /* Internet Explorer 10+ */

    color: #b8bed8 !important;

}





/*OOPS*/



.home-wrapper header {

    padding-left: 3%;

    padding-right: 3%;

}



.home-wrapper .content-section {

    padding-left: 3%;

    padding-right: 3%;

}



@media (min-width: 1599px) {

    .home-wrapper header {

        padding-left: 5%;

        padding-right: 5%;

    }

    .home-wrapper .content-section {

        padding-left: 5%;

        padding-right: 5%;

    }

}



@media only screen and (min-width: 1599px) {

    .home-wrapper .positionR {

        right: 22%;

    }

    .home-wrapper #navbarSupportedContent input {

        width: 400px;

    }

}



@media (min-width: 992px) {

    .home-wrapper .sidebar-categories {

        -ms-flex: 0 0 20%;

        flex: 0 0 20%;

        max-width: 20%;

    }

    .home-wrapper .main-feed-column {

        -ms-flex: 0 0 55%;

        flex: 0 0 55%;

        max-width: 55%;

    }

}





/* VNV */





.delete_my_comment{

cursor: pointer;

}



.morecomments{

  cursor: pointer;

  color:#9aacbf;

}





.initial_hide_comment_item{

    display: none;

}





.overflow_hidden {



    overflow: hidden !important;

  

}



.overflow_auto{

    overflow: auto !important;

}



.post-feed-my-comment{

    display: none;

}

.feed_comments{

    display: none;

}



.no-data-sidebar{

    padding-left: 20px;

    color: #c1c1c1;

    font-size: 14px;

}