/*modal for first loggedin user*/
.modal {
    backdrop-filter: blur(7px);
    background-color: rgba(0,0,0,.6);
}
.firstLoggedUser .form-steps {
	display: block;
	width: 100%;
	position: relative;
	margin: 40px 0;
}
.firstLoggedUser .form-steps:after {
	content: "";
	display: table;
	clear: both;
}
.firstLoggedUser .form-steps__item {
	padding: 0;
	position: relative;
	display: block;
	float: left;
	width: 25%;
	text-align: center;
}
.firstLoggedUser .form-steps__item-content {
	display: inline-block;
}
.firstLoggedUser .form-steps__item-icon {
	background: #e4e5e5;
	color: #8191ab;
	display: block;
	border-radius: 100%;
	border: 1px solid;
	border-color: rgb(129, 145, 171) !important;
	text-align: center;
	width: 25px;
	height: 25px;
	line-height: 25px;
	margin: 0 auto 10px auto;
	position: relative;
	font-size: 13px;
	font-weight: 700;
	z-index: 2;
}
.firstLoggedUser .form-steps__item-text {
	font-size: 13px;
	color: #8191ab;
	font-weight: 500;
}
.firstLoggedUser .form-steps__item-line {
	display: inline-block;
	height: 3px;
	width: 100%;
	background: #cfd8dc;
	position: absolute;
	left: -50%;
	top: 12px;
	z-index: 1;
}
.firstLoggedUser .form-steps__item--active .form-steps__item-icon {
	background: #00aeef;
	color: #ffffff;
}
.firstLoggedUser .form-steps__item--active .form-steps__item-line {
	-webkit-transition: background-color .5s ease;
	-moz-transition: background-color .5s ease;
	-o-transition: background-color .5s ease;
	transition: background-color .5s ease;
}
.firstLoggedUser .form-steps__item--active .form-steps__item-icon {
	-webkit-transition: background-color 1s ease;
	-moz-transition: background-color 1s ease;
	-o-transition: background-color 1s ease;
	transition: background-color 1s ease;
}
.firstLoggedUser .form-steps__item--completed .form-steps__item-text {
	color: #4f5e77;
}
.firstLoggedUser .form-steps__item--active .form-steps__item-text {
	color: #4f5e77;
}
.form-steps__item--active .form-steps__item-line {
	background: #00aeef;
}
.firstLoggedUser .form-steps__item--completed .form-steps__item-icon {
	background: #00aeef;
	color: #fff;
	background-size: 10px;
	background-repeat: no-repeat;
	background-position: center center;
	width: 25px;
	height: 25px;
	line-height: 25px;
}
.firstLoggedUser .form-steps__item--completed .form-steps__item-line {
	background: #00aeef;
}

.firstLoggedUser input[type="text"] {
	z-index: 1;
	font-size: .8em;
	margin-top: 10px;
	outline: 0;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
	text-align: left;
	line-height: 1.2em;
	padding: .5em;
	background: #fff;
	border: 1px solid rgba(34,36,38,.15);
	color: rgba(0,0,0,.87);
	border-radius: .28571429rem;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.firstLoggedUser input[type="text"]:focus {
	border-color: #85b7d9;
	background: #fff;
	color: rgba(0,0,0,.8);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.firstLoggedUser input[type="button"] {
	box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset;
	font-size: 1rem;
	cursor: pointer;
	min-height: 1em;
	outline: 0;
	border: none;
	background: #e0e1e2 none;
	color: rgba(0,0,0,.6);
	margin: 0 .25em 0 0; padding: .788em 1.5em .788em;
	font-weight: 700;
	line-height: 1em;
	font-style: normal;
	text-align: center;
	border-radius: .285rem;
	-webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset;
	box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset;
}
.firstLoggedUser input.error,
.firstLoggedUser input[type="text"].error:focus {
	background-color: #fff6f6;
	border-color: #e0b4b4;
	color: #9f3a38;
}
.firstLoggedUser .error-text {
	position: relative;
	bottom: -23px;
	left: 24px;
	color: rgba(255, 0, 0, .7);
	font-size: .6em;
}
.firstLoggedUser  #raq_next {
	background-color: #2185d0;
	color: #fff;
	text-shadow: none;
	background-image: none;
}

.firstLoggedUser #raq_next.submit {
	background-color: #21ba45;
}
.firstLoggedUser #raq_back.disabled {
	color: #bbbbbb;
	cursor: unset;
}


.firstLoggedUser .question-container {
	display: none;
}
.firstLoggedUser .active_panel {
	display: block;
}
.firstLoggedUser .question-container {
	position: relative;
	font-weight: 500;
	font-size: 1.2rem;
	color: #434343;
	line-height: 30px;
	margin: 0;
}

.firstLoggedUser .button-bar {
	bottom: 25px;
}

.firstLoggedUser .tick {
	position: absolute;
	top: 5px;
	left: 50px;
    box-shadow: inset 3px -3px 0 green;
    height: 8px;
    transform: rotate(-50deg);
    width: 20px;
    margin: 50px auto;
    transition: all 1s;
}

.firstLoggedUser .question-title {
	font-weight: 700;
	font-size: 2rem;
	color: #2785d0;
	line-height: 30px;
	margin-bottom: 20px;
}

.firstLoggedUser #overlay {
	position: fixed; /* Sit on top of the page content */
	display: none;
	width: 100%;
	height: 100%;
	top: 0; 
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 2;
	cursor: pointer;
}

/****************************
	Thank You Box
*****************************/
.firstLoggedUser .thankyou {
	margin:0 auto;
	width: 400px;
	height: 250px;
	margin-top: 190px;
	background: #fff;
	padding: 15px 20px;
	line-height: 25px;
	border-radius: 4px;
	text-align: center;
	box-shadow: -1px 5px 32px 7px rgba(0, 0, 0, 0.5);
}
.firstLoggedUser .thankyou input {
	margin-top: 40px;
}
.firstLoggedUser .thankyou h3 {
	font-size: 3em;
	font-weight: 700;
	color: #21ba45;
	line-height: 50px;
}
/*modal for first loggedin user*/

#my-video {
    width: 100%;
}

.communityMain {
    /*width: 92%;*/
    width: 98%;
    margin: 0 auto;
    margin-right: 10px;
    margin-top: 100px;
}

.communityMain .fundd {
    position: sticky;
    top: 100px;
}

.communityMain .fundd .card {
    text-align: center;
}

.communityMain .fundd .card>img {
    height: 300px;
}

.communityMain .fundd .card p {
    margin-bottom: 0;
}

.ssearch {
    margin-left: 4%;
}

.ssearch input {
    outline: none;
}

.ssearch .dropdown .btn-link {
    font-size: 22px;
    text-decoration: none;
    color: #ff6f56;
    outline: none;
    box-shadow: none;
}

.headddd .welcome {
    text-align: center;
    font-weight: bold;
}

.headddd .txt {
    text-align: center;
    font-weight: 500;
}

.mainnn {
    position: relative;
}

.mainnn .mainnn-posts .thing {
    width: 100%;
    margin: 0 auto;
}

.whats .col-md-10 .card {
    border-radius: 1%;
    background-color: #8080801f;
    border: none;
    margin-left: -8%;
}

.whats .col-md-10 .card .card-body {
    padding: 0.5rem;
    padding-left: 20px;
    font-weight: bold;
}

.rounded-left {
    border-top-left-radius: 1.25rem !important;
    border-bottom-left-radius: 1.25rem !important;
}

.rounded-right {
    border-top-right-radius: 1.25rem !important;
    border-bottom-right-radius: 1.25rem !important;
}

.whats .card .row .col-md-2 .rounded-circle {
    margin: auto;
    margin-top: 8%;
    margin-left: 8%;
}

.whats .card .card-footer .blgg {
    font-weight: bold;
    display:inline-flex;
    cursor: pointer;
}

.whats .card .card-footer .blgg .fa {
    padding-right: 2%;
}

.tym {
    position: relative;
}
.svgIconSizing{
    height:15px;
    width:15px;
}
#datetime {
    float: right;
    margin-right: 5%;
    font-size: 20px;
    color: #ff6f56;
}

.thing .card .nav-link {
    color: black;
    font-weight: bold;
}
.thing .card-header{
    position: sticky;
    top: 80px;
    z-index: 100;

}
.thing .card .card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    background-color: white;
}

.heyy a:hover {
    color: #ff6f56;
}

.thing .card .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #ff6f56;
    background-color: #fff;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 3px solid !important;
}

.thing .card .nav-tabs .nav-link {
    margin-bottom: 0px;
    border: 0px solid transparent;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}

.thing .card .nav-tabs .nav-item.show .nav-link,
.nav-tabs.nav-link.active::after {
    text-decoration: underline;
}

.thing .tab-content .container .card .card-img-bottom {
    height: 400px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.thing .card {
    border: 0;
    margin-top: 4%;
}

.thing .tab-content .card .card-text {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.thing .card .card-header {
    border-bottom: 0;
}

.whatsaa .col-md-10 .card {
    border-radius: 1%;
    background-color: #8080801f;
    border: 0ch;
    margin-left: -8%;
    margin-top: -2%;
}

.whatsaa .col-md-10 .card .card-body {
    padding: 0.40rem;
    font-weight: bold;
}

.whatsaa input {
    background-color: transparent;
    border: 0;
    /* max-width: 100%; */
    width: 70%;
    outline: none;
}

.whatsaa .icnnn {
    float: right;
    margin-right: 5%;
}

.whatsaa .card .row .col-md-2 .rounded-circle {
    margin: auto;
    margin-top: 8%;
    margin-left: 8%;
}

.whatsaa .card .card-footer .blgg {
    padding-right: 15%;
    font-weight: bold;
    cursor: pointer;
}

.whatsaa .card .card-footer .blgg .fa {
    padding-right: 2%;
}

.facebook-reaction {
    max-width: 100%;
    position: relative;
    margin-top: -1px;
    margin-left: 4%;
    background-color: white;
    border: 0;
}

.likecommentsharestatus div {
    font-size: 13px;
    color: gray;
}

.likecmtshare button {
    padding-left: 5vw;
    padding-right: 5vw;
    background-color: whitesmoke;
    border-radius: 50px;
    border: 1px solid lightgray;
}

.like-btn {
    color: #777777;
    position: relative;
    cursor: pointer;
}

.like-btn:hover {
    color: #0db5e4;
}

.like-btn-default:before {
    font-family: FontAwesome;
    content: "\f087";
    color: #FFFFFF;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 50%;
    font-weight: normal;
    line-height: 22px;
    background: #777777;
}

.like-btn-emo {
    display: inline-block;
    margin: 0 0px -3px 0;
    color: black !important;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 50%;
    font-weight: normal;
    line-height: 22px !important;
    background: transparent;
}

.reactions-box {
    height: 62px;
    width: auto;
    padding: 10px;
    position: absolute;
    top: -55px;
    left: 10px;
    box-shadow: 1px 1px 2px #cccccc, -1px 0px 2px #eeeeee;
    border-radius: 44px 44px;
    display: none;
    background: #ffffff;
}

.reaction {
    list-style-type: none;
    cursor: pointer;
    display: table-cell;
    position: relative;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}

.like-btn:hover .reactions-box {
    /*display: block;*/
    transition: 5s ease-in-out;
}

.reaction-like::before {
    content: 'Like'
}

.reaction-love::before {
    content: 'Love'
}

.reaction-haha::before {
    content: 'Haha'
}

.reaction-wow::before {
    content: 'Wow'
}

.reaction-sad::before {
    content: 'Sad'
}

.reaction-angry::before {
    content: 'Angry'
}

.reaction-like::after {
    font-family: FontAwesome;
    content: "\f087";
    font-size: 2em;
    color: rgb(100, 160, 240);
}

.reaction-love::after {
    font-family: FontAwesome;
    content: "\f004";
    font-size: 2em;
    color: rgb(242, 82, 104);
}

.reaction-haha::after {
    font-family: FontAwesome;
    content: "\f118";
    font-size: 2em;
    color: rgb(240, 186, 21);
}

.reaction-wow::after {
    font-family: FontAwesome;
    content: "\f005";
    font-size: 2em;
    color: rgb(240, 186, 21);
}

.reaction-sad::after {
    font-family: FontAwesome;
    content: "\f119";
    font-size: 2em;
    color: rgb(240, 186, 21);
}

.reaction-angry::after {
    font-family: FontAwesome;
    content: "\f11a";
    font-size: 2em;
    color: rgb(247, 113, 75);
}

.like-btn:hover .reaction {
    opacity: 1;
}

.reaction:hover {
    transform: scale(1.3, 1.3);
    top: 2px
}

.reaction::before {
    display: inline-block;
    color: #ffffff;
    text-align: center;
    min-width: 80%;
    line-height: 17px;
    font-size: .6em;
    height: 17px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5px;
    padding-right: 5px;
    background-color: rgba(0, 0, 0, 1);
    border-radius: 20px;
    position: absolute;
    top: -20px;
    opacity: 0;
    transition: opacity .2s ease-in-out 0s;
}

.reaction:hover::before {
    opacity: 1
}

.like-stat {
    margin-top: 10px;
}

.like-btn-like {
    background: rgb(100, 160, 240);
    color: #ffffff;
}

.like-btn-like:before {
    font-family: FontAwesome;
    content: "\f087";
}

.like-btn-love {
    background: rgb(242, 82, 104);
    color: #ffffff;
}

.like-btn-love:before {
    font-family: FontAwesome;
    content: "\f004";
}

.like-btn-haha {
    background: rgb(240, 186, 21);
    color: #ffffff;
}

.like-btn-haha:before {
    font-family: FontAwesome;
    content: "\f118";
}

.like-btn-wow {
    background: rgb(240, 186, 21);
    color: #ffffff;
}

.like-btn-wow:before {
    font-family: FontAwesome;
    content: "\f005";
}

.like-btn-sad {
    background: rgb(240, 186, 21);
    color: #ffffff;
}

.like-btn-sad:before {
    font-family: FontAwesome;
    content: "\f119";
}

.like-btn-angry {
    background: rgb(247, 113, 75);
    color: #ffffff;
}

.like-btn-angry:before {
    font-family: FontAwesome;
    content: "\f11a";
}

.like-btn-text {
    color: black;
    text-decoration: none;
}


/* .like-btn-text-like {
    color: rgb(88, 144, 255);
}

.like-btn-text-wow,
.like-btn-text-haha,
.like-btn-text-sad {
    color: rgb(240, 186, 21)
}

.like-btn-text-love {
    color: rgb(242, 82, 104)
}

.like-btn-text-angry {
    color: rgb(247, 113, 75);
} */

.like-emo>span {
    display: inline-block;
    margin: 0 -3px -3px 0px;
    width: 22px;
    height: 22px;
    border: 1px solid #EEE;
    border-radius: 50%;
    text-align: center;
}

.like-details {
    margin-left: 10px;
    color: #9197a3;
    font-size: 12px;
}
.like-details:hover{
    text-decoration: underline;
    cursor:pointer;
}
.thing .tab-content .card .card-footer .fa-share-alt {
    margin-left: 6%;
}

.suggest .container {
    position: relative;
}

.thing #myBtn {
    cursor: pointer;
    color: #ff6f56;
    font-weight: bold;
    border: 0;
    background-color: white;
}

.cmmnt {
    width: 5rem;
}

.cmmnt .col-md-10 .card {
    background-color: #8080801f;
    border: 0ch;
    margin-left: 47%;
    width: 38rem;
    margin-top: -88%;
}

.cmmnt .col-md-10 .card .card-body {
    padding: 0.75rem;
}


/* share start */

.social .fbtn {
    width: 100%;
    color: #fff;
    text-align: left;
    padding-left: 10px;
    font-size: 16px;
    line-height: 1px;
    color: black;
}

.social .list-group-item {
    padding: 0;
    border: none;
}

.social .list-group-item:hover {
    background-color: whitesmoke;
}

.social .list-group-item a {
    text-decoration: none;
}

.social .fa {
    padding: 10px;
}

.share-button.sharer .social.top {
    transform: scale(1) translateY(-10px);
}

.share-button.sharer .share-btn:hover+.social {
    opacity: 1;
    transition: all 0.4s ease 0s;
    visibility: visible;
}

.share-button.sharer .social.top {
    margin-top: -300px;
    transform-origin: 0 0 0;
}

.share-button.sharer .social {
    margin-left: -65px;
    opacity: 0;
    transition: all 0.4s ease 0s;
    visibility: hidden;
}


/* share end */

.section-title h4 {
    font-weight: 700;
}

.suggest .container .row .card .card-img-top {
    max-height: 180px;
    height: 180px;
    border-radius: 10%;
}

.suggest .container .row .card .card-body {
    padding: 10px;
    max-height: 150px;
}

.suggest .container .row .card .card-title {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

.suggest .container .row .card .card-text {
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}

.suggest .card {
    margin-top: 5%;
    border: 0;
}

@media only screen and (max-width: 1000px) {
    .space1 {
        padding-bottom: 15px;
    }
    .communityMain,
    .mainnn .mainnn-posts .thing {
        width: 100%;
    }
}

.showmore {
    text-align: right;
    padding: 10px 0px 15px 0px;
}

.showmore a {
    color: #ff6f62;
    font-size: 18px;
    font-weight: 700;
}


/* 
--------col-md-3---------- */

.fanreq {
    position: relative;
}

.fanreq .vvev .card-header .req {
    font-weight: bold;
    font-size: 16px;
}

.fanreq .vvev .card-header .see {
    color: #ff6f56;
    float: right;
    font-size: 14px;
    float: bottom;
    cursor: pointer;
}

.fanreq .vvev {
    width: 100%;
    border: 0;
    margin: auto;
}

.fanreq .vvev .card-header {
    border: 0;
}
.fanreq .vvev .card-body {
    padding-top:2px;
}
.fanreq .card .card-body .yess {
    flex-direction: row;
    align-items: center;
    width: 100%;
    border: 0;
    position: relative;
}

.fanreq .card .card-body .card-title {
    font-weight: 500;
}

.fanreq .card .card-body .card img {
    width: 50px;
    height: 50px;
}

@media only screen and (max-width: 768px) {
    .yess .card-body {
        padding: 0.5em 1.2em;
    }
    .yess .card-body .card-text {
        margin: 0;
    }
}

.fanreq .card .card-body .btn {
    width: 66%;
    font-size: 11px;
}

.fanreq .card .card-header .req {
    font-size: 15px;
}

.fanreq .card .card-body .btnn {
    width: 66%;
    margin-left: 0%;
    border: none;
    float: right;
}
.users .details .card{
    padding:5px 0;
}
.users .details .username{
    font-size:14px;
    font-weight:bold;
    text-transform:capitalize;
}
.users .details .card .btnn{
    background-color:firebrick;
    color:white;
    border:none;
    border-radius:15px;
    font-size:10px;
}
.users .details .userbio{
    font-size:12px;
    padding:5px;
}

/* -----------------section deal-------------- */

.deal .container-fluid {
    position: relative;
}

.deal .container-fluid .card {
    width: 100%;
    margin: 0 auto;
}

.HtlDdetailss {
    line-height: 3px;
    display: block;
}

.HtlDdetailss img {
    width: 100%;
    height: 200px;
    object-position: center;
    object-fit: cover;
}

.HtlDdetailss .card-title {
    font-size: 80%;
    height: 28px;
    width: 140px;
    padding: 0;
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin: 0 5px 0 5px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 5px;
}
.HtlDdetailss .small{
    font-size:60%;
}
.HtlDdetailss .rating {
    float: right;
}

.HtlDdetailss i {
    padding-right: 10px;
    color: #ff6f62;
    line-height: 3px;
}

.HtlDdetailss .card-text {
    font-size: 12px;
}

.HtlDdetailss #hotelAddress {
    font-size: 13px;
}

.HtlDdetailss #rating {
    background-color: #ff6f62;
    padding: 2px 10px;
    border-radius: 10px;
    color: white;
}

.HtlDdetailss #ratingReview {
    font-size: 12px;
}

.HtlDdetailss #ratingReview #review {
    float: right;
}

.HtlDdetailss h4 {
    color: #ff6f62;
    font-weight: bold;
    line-height: 4px;
    font-size:1.4vw;
}
.HtlDdetailss h6 {
    font-size:.8vw;
}
.availDeallss {
    background-color: whitesmoke;
    border-radius: 5px;
    /*padding: 20px 10px;*/
    margin-top: 4%;
}

.availDeallssp:first-child {
    line-height: 0;
}

.availableDeals p {
    font-size: 12px;
}

.availableDeals i {
    color: #ff6f62;
}

.availDeallss .btn {
    padding: 4px 10px;
    background-color: #ff6f62;
    color: white;
    font-size: 12px;
    font-weight: bold;
    border-radius: 6px;
    border: none;
}

.availableDeals button:hover {
    background-color: tomato;
}

#unans .AudioPlayer {
    animation-name: popup;
    animation-duration: 1s;
    width: 100%;
    background-color: white;
    border-radius: 10px;
    align-items: center;
    position: relative;
    bottom: -14px;
    overflow: hidden;
    display: none;
}

@keyframes popup {
    from {
        height: 0px;
    }
    to {
        height: 85px;
    }
}

#unans #PlayerSliderView {
    width: 98%;
    height: 5px;
    margin-left: 8px;
}

#unans .SliderPosition {
    color: black;
    margin-left: 5px;
    font-size: 12px;
}

#unans .PlayerTitle {
    margin-top: 13px;
    margin-left: 26px;
    color: black;
    font-weight: bold;
    white-space: nowrap;
    width: 387px;
    font-size: 12px;
    overflow: hidden;
}

#unans .rotate {
    animation: rotation 1.5s infinite linear;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

#unans .bttns {
    background-color: transparent;
    border: 0;
    font-size: 160%;
    color: #ff6f56;
}

.mainnn .row .col-sm-9 {
    margin-left: -2%;
}


/* comments css start */

.comments .pull-right {
    float: right;
}

.comments .pull-left {
    float: left;
}

.comments #fbcomment {
    background: #fff;
    /* border: 1px solid #dddfe2; */
    border-radius: 3px;
    color: #4b4f56;
    padding: 5px;
}

.comments .header_comment {
    font-size: 14px;
    overflow: hidden;
    border-bottom: 1px solid #e9ebee;
    line-height: 25px;
    margin-bottom: 24px;
    padding: 10px 0;
}

.comments .sort_title {
    color: #4b4f56;
}

.comments .sort_by {
    background-color: #f5f6f7;
    color: #4b4f56;
    line-height: 22px;
    cursor: pointer;
    vertical-align: top;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    padding: 4px;
    justify-content: center;
    border-radius: 2px;
    border: 1px solid #ccd0d5;
}

.comments .count_comment {
    font-weight: 600;
}

.comments .body_comment {
    padding: 0 8px;
    font-size: 14px;
    display: block;
    line-height: 25px;
    word-break: break-word;
}

.comments .avatar_comment {
    display: block;
}

.comments .avatar_comment img {
    height: 48px;
    width: 48px;
    border-radius: 50%;
}

.comments .box_comment {
    display: block;
    position: relative;
    line-height: 1.358;
    word-break: break-word;
    border: 1px solid #d3d6db;
    word-wrap: break-word;
    background: #fff;
    box-sizing: border-box;
    cursor: text;
    font-size: 16px;
    padding: 0;
}

.comments .box_comment:before {
    content: "";
    width: 12px;
    height: 12px;
    background-color: white;
    border: 1px solid #d3d6db;
    border-width: 1px 0 0 1px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 10px;
    left: -6px;
}

.comments .box_comment textarea {
    min-height: 40px;
    padding: 12px 10px;
    width: 100%;
    border: none;
    resize: none;
}

.comments .box_comment textarea:focus {
    outline: none !important;
}

.comments .box_comment .box_post {
    /* border-top: 1px solid #d3d6db; */
    /* background: #f5f6f7; */
    padding: 8px;
    display: block;
    overflow: hidden;
}

.comments .box_comment label {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    color: #90949c;
    line-height: 22px;
}

.comments .box_comment button {
    margin-left: 8px;
    background-color: #ff6f62;
    border: 1px solid #ff6f62;
    color: #fff;
    text-decoration: none;
    line-height: 22px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    text-align: center;
}

.comments .box_comment button:hover {
    background-color: orangered;
    border-color: orangered;
}

.comments .box_comment .cancel {
    margin-left: 8px;
    background-color: #f5f6f7;
    color: #4b4f56;
    text-decoration: none;
    line-height: 22px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    text-align: center;
    border-color: #ccd0d5;
}

.comments .box_comment .cancel:hover {
    background-color: #d0d0d0;
    border-color: #ccd0d5;
}

.comments .box_comment img {
    height: 16px;
    width: 16px;
}

.comments .box_result {
    margin-top: 24px;
}

.comments .box_result .result_comment h4 {
    font-weight: 600;
    white-space: nowrap;
    color: #ff6f62;
    cursor: pointer;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.358;
    margin: 0;
}

.comments .box_result .result_comment {
    display: block;
    overflow: hidden;
    padding: 0;
}

.comments .child_replay {
    border-left: 1px dotted #d3d6db;
    margin-top: 12px;
    list-style: none;
    padding: 0 0 0 8px
}

.comments .reply_comment {
    margin: 12px 0;
}

.comments .box_result .result_comment p {
    margin: 4px 0;
    text-align: justify;
}

.comments .box_result .result_comment .tools_comment {
    font-size: 12px;
    line-height: 1.358;
}

.comments .box_result .result_comment .tools_comment a {
    color: #ff6f62;
    cursor: pointer;
    text-decoration: none;
}

.comments .box_result .result_comment .tools_comment span {
    color: #90949c;
}


/* ---------------modal=============== */

#postModalCenter .modal-header .modal-title {
    font-weight: bold;
    margin-left: 35%;
}

#postModalCenter .modal-footer .btn {
    background-color: #ff6f56;
    color: white;
    width: 100%;
    font-weight: bold;
}

#postModalCenter .modal-footer {
    border-top: 0;
}

#postModalCenter .modal-body .txtt1 textarea {
    font-size: 1.7rem;
    width: 100%;
}

#postModalCenter .modal-body .txtt1 textarea:focus {
    box-shadow: none;
    border: none;
    outline: none;
}

#postModalCenter .modal-body .nmee {
    font-weight: bold;
}

#postModalCenter .modal-body .txtt1 textarea {
    border: 0;
}

#postModalCenter .modal-body .card {
    background-color: #8080801f;
    margin-top: 3%;
    margin-bottom: -3%;
    border: 0;
}

#postModalCenter .modal-body .card input {
    border: 0;
    background-color: transparent;
    width: 75%;
}

#postModalCenter .modal-body .card .card-body .icnnn {
    float: right;
    margin-right: 2%;
}

.modal .modal-body .dropdown .fa-share-alt {
    float: right;
    background-color: #ff6f56;
    border: 0;
    font-size: 13px;
    color: white;
}


/* loading card design */

.placeholder-container {
    width: 100%;
    height: 550px;
    margin: 20px auto;
    background: white;
}

.grad {
    background: linear-gradient(135deg, #365c66 0%, #444444 100%);
}

.breathe .grad {
    animation-name: breathe;
    animation-duration: 1.75s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.placeholder-profile {
    width: 100%;
    padding-left: 33px;
    padding-top: 13px;
}

.placeholder-profile .placeholder-profile-image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
}

.placeholder-profile .placeholder-profile-strings {
    display: inline-block;
    margin-bottom: 4px;
}

.placeholder-profile .placeholder-profile-strings .placeholder-profile-string {
    height: 8px;
    width: 161px;
    margin: 5px;
    border-radius: 10px;
}

.placeholder-profile .placeholder-profile-strings .placeholder-profile-string:last-child {
    width: 120px;
}

.placeholder-body {
    width: 100%;
    padding: 0 40px;
    margin-top: 25px;
}

.placeholder-body div {
    height: 10px;
    margin: 5px 0;
    border-radius: 10px;
}

.placeholder-body .placeholder-body-full {
    width: 100%;
}

.placeholder-body .placeholder-body-less {
    width: 55%;
}

.placeholder-tags {
    width: 100%;
    padding: 0 40px;
    margin-top: 30px;
}

.placeholder-tags .placeholder-tag {
    height: 300px;
    border-radius: 10px;
    display: inline-block;
    margin-right: 10px;
    width: 100%;
}

.placeholder-actions {
    width: 100%;
    padding: 0 40px;
    margin-top: 20px;
}

.placeholder-actions div {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

.placeholder-actions .placeholder-action-left {
    float: left;
    margin-right: 20px;
}

.placeholder-actions .placeholder-action-right {
    float: right;
}

@keyframes breathe {
    0% {
        opacity: 0.15;
    }
    50% {
        opacity: 0.25;
    }
    100% {
        opacity: 0.15;
    }
}
.postimgvideo{
    max-height:400px;
}
.postimgvideo .flex-column .card{
    height:200px !important;
    overflow:hidden;
    border-radius:0;
    border:.5px solid white;
}
.postimgvideo>.row{
    width:100%;
}
.postimgvideo .col{
    padding-left:0.5px !important;
    padding-right:0.5px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}
.postimgvideo .col .card{
    margin-top:0 !important;
}
.postimgvideo .col .card .moreImg{
    color:white;
    text-shadow:0 0 2px 5px grey;
    position:absolute;
    top:40%;
    left:40%;
    font-size:16px;
    background:rgba(0,0,0,.5);
    border-radius:50px;
    padding:10px 20px;
    border:1px dashed whitesmoke;
}
.sharedPostText{
    border:5px solid lightgray;
    border-top:none;
    font-size:14px;
    padding:10px;
    color:slategrey;
}
.sharedPostText .card-title{
    font-size:16px;
}


.search {
    position: relative;
    width: 89%;
}

.search input {
    height: 26px;
    width: 100%;
    font-size:16px;
    padding: 0 2px 0 25px;
    /*background: white url("https://cssdeck.com/uploads/media/items/5/5JuDgOa.png") 8px 6px no-repeat;*/
    border-width: 1px;
    border-style: solid;
    border-color: #a8acbc #babdcc #c0c3d2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0 1px #e5e7ed, 0 1px 0 #fcfcfc;
    -moz-box-shadow: inset 0 1px #e5e7ed, 0 1px 0 #fcfcfc;
    -ms-box-shadow: inset 0 1px #e5e7ed, 0 1px 0 #fcfcfc;
    -o-box-shadow: inset 0 1px #e5e7ed, 0 1px 0 #fcfcfc;
    box-shadow: inset 0 1px #e5e7ed, 0 1px 0 #fcfcfc;
}

.search input:focus {
    outline: none;
    border-color: #66b1ee;
    -webkit-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
    -moz-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
    -ms-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
    -o-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
    box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
}

.search input:focus + .results,
.search .results:hover{
    display: block;
}

.search .results {
    max-height:300px;
    overflow-y:scroll;
    overflow-x:hidden;
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    z-index: 10;
    padding: 0;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #cbcfe2 #c8cee7 #c4c7d7;
    border-radius: 3px;
    background-color: #fdfdfd;
   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    transition: all 2s;
}

.search .results li { display: block }

.search .results li:first-child { 
    margin-top: -1px;
}
.search .results li img{
    margin-right:10px;
    border-radius:50%;
    height:30px;
    width:30px;
}
.search .results li:first-child:before, .search .results li:first-child:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    border: 5px outset transparent;
}

.search .results li:first-child:before {
    border-bottom: 5px solid #c4c7d7;
    top: -11px;
}

.search .results li:first-child:after {
    border-bottom: 5px solid #fdfdfd;
    top: -10px;
}

.search .results li:first-child:hover:before, .search .results li:first-child:hover:after { display: block; }

.search .results li:last-child { margin-bottom: -1px }

.search .results a {
    display: block;
    position: relative;
    margin: 0 -1px;
    padding: 6px 40px 6px 10px;
    color: #808394;
    font-weight: 500;
    text-shadow: 0 1px #fff;
    border: 1px solid transparent;
    border-radius: 3px;
}
.search .results a span{ 
    font-weight: 200;
    font-size:14px;
    }
.search .results a span:first-child { 
    margin-left:40px;
}
/*.search .results a:before {*/
/*    content: 'Send Request →';*/
/*    width: 120px;*/
/*    height: 25px;*/
/*    font-size:14px;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    background-color:firebrick;*/
/*    color:white;*/
/*    border-color:white;*/
/*    border-radius:10px;*/
/*    right: 10px;*/
/*    margin-top: -9px;*/
/*    padding-left:5px;*/
    /*background: url("https://cssdeck.com/uploads/media/items/7/7BNkBjd.png") 0 0 no-repeat;*/
/*}*/

.search .results a:hover {
    text-decoration: none;
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
    border-color: firebrick;
    background-color: salmon;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
    -o-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
}
.search .results button{
    font-size:14px;
    padding:5px;
    border-radius:10px;
    font-weight:bold;
    position:absolute;
    right:10px;
    top:20px;
    background-color:firebrick;
    border:none;
}
.search .results button:after{
    content:"→";
    padding-right:10px;
}
:-moz-placeholder {
    color: #a7aabc;
    font-weight: 200;
}

::-webkit-input-placeholder {
    color: #a7aabc;
    font-weight: 400;
}