.ps-viu-ic {
	position:absolute; 
	right:10px; 
	background:#eee; 
	width:26px; 
	height:26px; 
	line-height:26px; 
	border-radius:26px; 
	text-align:center; 
	top:50%; 
	-webkit-transform:translateY(-50%); 
	-ms-transform:translateY(-50%); 
	transform:translateY(-50%); 
	cursor:pointer; 
	font-size:16px;
}

.ps-viu-dv {
	max-width:200px; 
	background:#fafafa; 
	position:absolute; 
	right:0px; 
	top:57px; 
	display:none; 
	box-shadow:0 1px 2px 1px rgba(0,0,0,0.1); 
	border-radius:15px; 
	border:1px solid #ddd; 
	box-sizing:border-box; 
	padding-top:5px; 
	padding-bottom:5px;
}

@media screen and (max-width: 640px) {
	.ps-viu-dv {
	top:51px;
	}
} 

.ps-viu-lnk {
	background:#fff; 
	width:100%; 
	display:block; 
	cursor:pointer; 
	position:relative; 
	box-sizing:border-box; 
	width:155px;
	height:40px;     
	margin-left:5px; 
	margin-right:5px; 
	border-radius:9px;
	color:#595959;
	text-decoration:none;
	outline:none;	
	font-size:13px;
}

.ps-viu-lnk:hover { 
	background:#f2f2f2; 
}

.psviuw-ic {
	font-size:20px; 
	background:#eee; 
	width:20px; 
	height:20px; 
	line-height:20px; 
	text-align:center; 
	display:inline-block; 
	margin-left:5px;
	position:absolute;
	top:50%; 
	-webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%); 
	transform:translateY(-50%);	
	padding:5px;
	border-radius:100%;
	color:#595959;
}

.psviuw-sp {
	position:absolute; 
	margin-left:40px; 
	top:50%; 
	-webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%); 
	transform:translateY(-50%);
}

.blkcd-dv {
	background:#fff; 
	width:100%; 
	height:64px; 
	position:fixed; 
	bottom:0px; 
	max-width:520px; 
	left:50%; 
	-webkit-transform:translateY(-50%, 0%); 
	-ms-transform:translateY(-50%, 0%); 
	transform:translate(-50%, 0%); 
	z-index:4; 
	display:flex;
	opacity:0;	
}

@media screen and (min-width: 1365px) {
	.blkcd-dv {
	max-width:620px;
	}
} 

.blkcd-sp {
	margin:auto; 
	font-size:17px; 
	font-family:'Quicksand';	
}

/***********************************************************************************************
    PHOTO GRID 
***********************************************************************************************/
.missing-image {
    width: 100%;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:#fff;
    color: #888;
    font-size:16px;
	border-radius:12px;
	border:1px solid #ddd;
	box-sizing:border-box;
	margin-top:2px;
}

.photo-grid {
    width:100%;
    max-width: calc(100% - 30px);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3px;
	margin-left:auto;
	margin-right:auto;
}

@media (max-width: 640px) {
    .photo-grid {
        max-width: calc(100% - 20px);
    }
}

.photo-item {
    width: 100%;
    overflow: hidden;
}

.photo-item img {
    width: 100%;
    height: 250px;
    display: block;
    object-fit: cover;
    object-position: center 32%;
	cursor:pointer;
}

/* ==========================
   1 IMAGE
   ========================== */
.one-portrait {
    grid-template-columns: 1fr;
}

.one-portrait .photo-item {
    width: 100%;
}

.one-portrait .photo-item img {
    height: 400px;
}

@media (min-width: 501px) {
    .one-portrait .photo-item img  {
        height:500px;
    }
}

@media (min-width: 1365px) {
    .one-portrait .photo-item img  {
        height:550px;
    }
}

.one-landscape {
    grid-template-columns: 1fr;
}

.one-landscape .photo-item {
    width: 100%;
}

.one-landscape .photo-item img {
    height: auto;
    max-height: 600px;
    object-fit: contain;
}

/* ==========================
   2 IMAGES
   ========================== */

/* Portrait + Portrait */
.two-tall {
    grid-template-columns: 1fr 1fr;
}

.two-tall .photo-item img {
    height: 400px;
}

@media screen and (max-width: 400px) {
	.two-tall .photo-item img {
		height: 350px;
	}
}

@media screen and (min-width: 1365px) {
	.port-imgs {
	height:450px !important;
	}
}

/* Landscape + Landscape (Stacked) */
.two-landscape {
    grid-template-columns: 1fr;
}

.two-landscape .photo-item img {
    height: 220px;
}

@media (min-width: 1365px) {
	.two-landscape .photo-item img {
		height: 280px;
	}
}

/* Portrait + Landscape OR Landscape + Portrait */
.two-mixed {
    grid-template-columns: 1fr 1fr;
}

.two-mixed .photo-item img {
    height: 300px;
}

/* ==========================
   3 IMAGES
   ========================== */
.three-portrait,
.three-landscape {
    grid-template-columns: 1fr 1fr;
}

/* Image 1 spans the full width */
.three-portrait .photo-item:first-child,
.three-landscape .photo-item:first-child {
    grid-column: 1 / 3;
}

/* Top image slightly taller */
.three-portrait .photo-item:first-child img,
.three-landscape .photo-item:first-child img {
    height: 350px;
}

/* Bottom two images slightly shorter */
.three-portrait .photo-item:not(:first-child) img,
.three-landscape .photo-item:not(:first-child) img {
    height: 200px;
}

/* ==========================
   4 IMAGES
   ========================== */
.four-images {
    grid-template-columns: 1fr 1fr;
}

.four-images .photo-item img {
    height: 250px;
}

/* ==========================
   RESPONSIVE (MOBILE)
   ========================== */
@media (max-width: 600px) {
    .photo-grid {
        width: 100%;
        margin-left: auto;
		margin-right: auto;
    }

    .photo-item img {
        height: auto;
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }

    /* Keep auto height for single landscape on mobile too */
    .one-landscape .photo-item img {
        aspect-ratio: auto;
        height: auto;
        max-height: none;
    }

    .three-portrait .photo-item:first-child img,
    .three-landscape .photo-item:first-child img {
        aspect-ratio: 2 / 1;
        height: auto;
    }

    .three-portrait .photo-item:not(:first-child) img,
    .three-landscape .photo-item:not(:first-child) img {
        aspect-ratio: 1 / 1;
        height: auto;
    }

    .four-images .photo-item img {
        aspect-ratio: 1 / 1;
        height: auto;
    }
}

/************************ FOR COMMENTS *************************************/
.comoIms {
	background:#000; 
	width:100%; 
	position:relative;
	display:flex;
}

.imeg {
  width:calc(100% - 20px);
  height: auto;
  max-height:500px;
  object-fit: contain;
  position: relative;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;	
}

.left-btn-dv {
	height:30px;	 
	width:30px; 
	background:rgba(255,255,255,0.2);
	border-radius:50%;
	text-align: center;
	position:absolute;
	z-index:1;
	font-size:25px;
    box-sizing:border-box;
	padding-right:4px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-left:4px;
	cursor:pointer;
	color:#fff;
	display:flex;
	outline:none;
	text-decoration:none;
}

.right-btn-dv {
	height:30px; 	 
	width:30px; 
	background:rgba(255,255,255,0.2);	
	border-radius:50%;
	text-align: center;
	position:absolute;
	right:0px;
	z-index:1;
	font-size:25px;
	box-sizing:border-box;
	padding-left:4px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-right:4px;	
	cursor:pointer;
	color:#fff;
	display:flex;
	outline:none;
	text-decoration:none;
}

.left-btn-dv:hover {
	background:rgba(255,255,255,0.4);
}

.right-btn-dv:hover {
	background:rgba(255,255,255,0.4);
}

.pc-chevleft, .pc-chevright {	   
   margin:auto;  
}

/******************************************************************/

.bk2-in {
	position:fixed; 
	background:#fff; 
	width:100%; 
	max-width:520px; 
	top:0px;
	height:100%; 
	left:50%; 
	-webkit-transform:translateY(-50%, 0%);
    -ms-transform: translateY(-50%, 0%); 
	transform:translate(-50%, 0%);
	z-index:5;
	display:none;
}

@media screen and (min-width: 1365px)  {
   .bk2-in {    	
   max-width:620px;    	  		  		  		      
   }
}

.bk2-in-subs {
	position:fixed; 
	background:#fff; 
	width:100%; 
	max-width:520px; 
	top:0px;
	height:100%; 
	left:50%; 
	-webkit-transform:translateY(-50%, 0%);
    -ms-transform: translateY(-50%, 0%); 
	transform:translate(-50%, 0%);
	overflow-y:auto;
}

@media screen and (min-width: 1365px) {	
  .bk2-in-subs  {   
  max-width:620px; 	 	 
  }
}

@media screen and (min-width: 641px) {
	.bk2-inADD {
	   margin-left:-8px;	
	}
} 

.cpycod-div {
	background:#e6ffd2; 
	z-index:5; 
	position:fixed;
	width:100%;
	max-width:340px; 
	min-height:100px;
	border-radius:12px;
	border:1px solid #1ec716;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);	
	display:none;
	padding-left:10px;
	box-sizing:border-box;
	top:63px;
	left: 50%;
	-webkit-transform: translateY(-50%, 0%);
	-ms-transform: translateY(-50%, 0%);
	transform: translate(-50%, 0%);	
}

.rxtn-div {
	background:#6c2bd9; 
	z-index:5; 
	position:fixed;
	max-width:auto;
	min-width:160px; 
	height:41px;
	border-radius:41px; 
	color:#fff;	
	display:none;
	padding-left:10px;
	padding-right:10px;
	box-sizing:border-box;
	top:63px;
	left: 50%;
	-webkit-transform: translateY(-50%, 0%);
	-ms-transform: translateY(-50%, 0%);
	transform: translate(-50%, 0%);	
}

@media screen and (max-width: 640px) {
	.rxtn-div {
	   height:36px;	
	   border-radius:36px;
	   background:transparent;
	}
} 

.cpy-img {
	width:50px; 
	height:50px; 
	margin-left:auto; 
	margin-right:auto; 
	margin-top:15px; 
	margin-bottom:15px; 
	display:block;
}

.cpy-txtdv {
	width:100%; 
	display:flex; 
	margin-bottom:15px;
}

.cpy-sp {
	font-weight:bold; 
	margin-left:auto; 
	margin-right:auto; 
	font-size:16px;
}

.cpy-dv-btm {
	font-size:15px; 
	line-height:20px; 
	margin-bottom:15px;
}

.flo-div {
	background:#fff; 
	z-index:5; 
	position:fixed; 
	max-width:auto; 
	height:41px; 
	border-radius:41px;
	color:#595959;
	border:1px solid #ddd; 	
	top:63px;
	display:none;
	padding-left:10px;
	padding-right:10px;
	box-sizing:border-box;
}

.fbk-div {
	background:#e6ffd2; 
	z-index:2; 
	position:fixed; 
	max-width:auto; 
	height:41px; 
	border-radius:41px;
	color:#4caf00;
	border:1px solid #4caf00;	
	top:63px;
	display:flex;
	padding-left:10px;
	padding-right:10px;
	box-sizing:border-box;
}

.fbk-edel {
	background:#e6ffd2; 
	z-index:2; 
	position:fixed; 
	max-width:auto; 
	height:41px; 
	border-radius:41px;
	color:#4caf00;
	border:1px solid #4caf00;	
	top:7.5px;
	display:none;
	padding-left:10px;
	padding-right:10px;
	box-sizing:border-box;
	left: 50%;
	-webkit-transform: translateY(-50%, 0%);
	-ms-transform: translateY(-50%, 0%);
	transform: translate(-50%, 0%);	
}

@media screen and (min-width: 641px) {
	.flo-div, .fbk-div {
	   right:15px;	
	}
} 

@media screen and (max-width: 640px) {
	.flo-div, .fbk-div {
	left: 50%;
	-webkit-transform: translateY(-50%, 0%);
	-ms-transform: translateY(-50%, 0%);
	transform: translate(-50%, 0%);	
	width:100% !important;
    max-width:100% !important;
    background:transparent;
    border:none;
	}
} 

@media screen and (max-width: 640px) {
	.fbk-edel {
	top:4.5px;
	width:100% !important;
    max-width:100% !important;
    background:transparent;
    border:none;	
	}
} 

.cpycod-divADD {
	top:61px !important;
}

.rfb-dvADD {
	height:36px !important;
	border-radius:36px !important;
	font-weight:normal !important;
	top:61px !important;
}

.fbk-edelADD {
	height:36px !important;
	border-radius:36px !important;
	font-weight:normal !important;
	top:7px !important;
}

.rxtn-inndv, .riacts-inndv {
	width:auto; 
	height:100%; 
	display:flex; 
	margin-left:auto; 
	margin-right:auto; 
	padding-left:10px; 
	padding-right:10px;	 
	box-sizing:border-box;
}

@media screen and (max-width: 640px) {
  .rxtn-inndv, .riacts-inndv {
   	background:#6c2bd9;
	border-radius:36px;
	border-radius:36px;
    border:1px solid #6c2bd9;
	color:#fff; 		  	   
    }
}

.rxtn-inndvADD {
	background:#6c2bd9 !important;
	border-radius:36px !important;
	border:1px solid #6c2bd9;
	box-sizing:border-box;
	color:#fff;
}

.riacts-inndvADD {
	background:#6c2bd9 !important;
	border-radius:36px !important;
	border:1px solid #6c2bd9;
	box-sizing:border-box;
	color:#fff;
}

.rxtn-in {
   font-size: 16px;
   font-weight: 500;
   font-family: 'Roboto';
   margin:auto;
}

.rctbx-in {
    margin:auto;  
	width:auto; 
	margin-bottom:auto; 
	margin-top:auto; 
	display:flex;
}

.hm-grup, .hm-dicva-ppl {
	display:block; 
	width:100%;  
}

.pro-dwn-dv {
	width:100%;
	height:auto;
}

.ad-status-dv {
	display:none;
}

.ptl-nat-flag {
	position:absolute; 
	width:40px; 
	height:40px; 
	margin-left:-50px; 
	top:50%;					  
	-webkit-transform:translateY(-50%); 
	-ms-transform:translateY(-50%); 
	transform:translateY(-50%);
}

.Fom-hidden-posts {
	position:relative;
}

.hidden-blcker {
	background:rgba(0, 0, 0, 0.5); 
	position:absolute; 
	width:100%; 
	height:100%; 
	display:flex; 
	box-sizing:border-box; 
	padding:15px; 
	z-index:2; 
	border-radius:12px;
}

@media screen and (max-width: 520px) {
	.hidden-blcker {
	   border-radius:0px;	
	}
} 

.blcker-in {
	margin:auto; 
	font-size:24px; 
	text-align:center; 
	color:#fff; 
	max-width:350px;
}

.noposts, .not-found {
	width:100%; 
	max-width:500px; 
	height:220px; 
	background:#fff; 
	border-radius:12px; 
    margin-top:15px; 
	position:relative; 
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
	display:flex; 
	box-sizing:border-box; 
	padding:10px; 
	margin-left:auto; 
	margin-right:auto;
	margin-bottom:15px;
}

.noposts-mkt {
	width:100%; 
	max-width:500px; 
	height:220px; 
	background:#fff; 
	border-radius:12px;  
	position:fixed; 
	z-index:-1; 
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
	display:flex; 
	box-sizing:border-box; 
	padding:10px; 
	left: 50%;
	-webkit-transform: translateY(-50%, 0%);
	-ms-transform: translateY(-50%, 0%);
	transform: translate(-50%, 0%);
	margin-bottom:15px;
}

@media screen and (max-width: 500px) {
	.noposts-mkt {
		width:calc(100% - 20px);
	}
}

.not-found {
	display:block;
}

@media screen and (max-width: 500px) {
	#noposts-yet {
	display:none;	
	}
}

.srchd {
	text-align:center; font-weight:500;
	font-family: 'Roboto';
	font-size:18px;
	margin-top:10px;
	color:rgba(69, 69, 69, 0.4);
}

.novids, .noposts-srch, .novids-fnd {
	width:100%; 
	max-width:500px; 
	height:220px; 
	background:#fff; 
	border-radius:12px;	
    margin-top:0px; 
	position:relative; 
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
	display:flex; 
	box-sizing:border-box; 
	padding:10px; 
	margin-left:auto; 
	margin-right:auto;
	margin-bottom:15px;
}

@media screen and (min-width: 1365px) {
	.noposts, .novids-fnd, .noposts-srch {
	    max-width:600px;	
	}
}

@media screen and (max-width: 640px) {
	.noposts, .novids-fnd, .noposts-srch {
		box-shadow:none;
		background:#fff;
		position:fixed;
		top:50px;
		margin-top:0px;
		width:100%;
		max-width:100%;
		height:calc(100% - 20px);
		border-radius:0px;
	}
}

@media screen and (max-width: 640px) {
	.noposts-mkt {
		box-shadow:none;
		background:#fff;
		position:fixed;
		top:100px;
		margin-top:0px;
		width:100%;
		max-width:100%;
		height:calc(100% - 100px);
		border-radius:0px;
	}
}

@media screen and (max-width: 500px) {
	.novids {
		box-shadow:none;
		background:#fff;
		position:fixed;
		top:100px;
		margin-top:0px;
		height:calc(100% - 50px);
		border-radius:0px;
		border-top:1px solid #ddd;
		border-left:none;
		border-right:none;
		border-bottom:none;
	}
}

.not-found-dgt {
	display:block; 
	width:100%;
	font-size:50px; 
	font-weight:bold; 
	text-align:center; 
	color:#9c9c9c;  
	margin-top:60px;
}

.notfound-icdiv {
	display:block; 
	width:100%;
	font-size:50px; 
	font-weight:bold; 
	text-align:center; 
	color:#9c9c9c;  
	margin-top:40px;
	margin-bottom:20px;
}

.noposts-SP, .novids-SP { 
	margin:auto; 
	line-height:24px; 
	font-size:16px; 
	font-weight:bold;
	text-align:center;
}

.not-foundSP { 
    margin-top:auto;
	display:block;
	text-align:center;
	font-size:20px;	
	line-height:24px; 
	font-size:16px; 
	font-weight:bold;
	text-align:center;
}

.upaidAD-dv {
	width:100%;
	margin:auto;
}

.upaid1 { 
    width:100%;
	box-sizing:border-box;
	padding-left:10px; 
	padding-right:10px;
	text-align:center;
	font-weight:bold;
}

.upaid2 { 
    width:100%;
	height:40px;
	display:flex;
	margin-top:20px;
}

.upaidBT { 
    margin:auto;
    padding-left:12px; 
	padding-right:12px;
	background:#007fd2; 
	text-decoration:none; 
	outline:none; 
	color:#fff; 
	cursor:pointer; 
	font-weight:bold; 
	display:inline-block;
	height:38px;
	line-height:38px; 
	border-radius:38px;
}

/*====================================================================================
    THE POST
======================================================================================*/
.pos-outer {
	width:100%; 
	min-height-:200px;
	background:#fff; 
	border-radius:12px; 
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
	padding-bottom:0px;
	margin-bottom:15px;	
	box-sizing:border-box;
}

@media screen and (max-width: 520px) {
	.pos-outer, .advrt-sld-dv {
	padding-bottom:0px;
	}
}

.ic-green {
  margin-right:3px;
  margin-top:2px;
  font-size: 15px;
  color: #20a020;
  position:absolute;
  border-radius:50%;
  background:#42b62a; 
  border:3px solid #fff; 
  width:11px; 
  height:11px; 
  bottom:5px;
  right:-3px;
}

.ac-ver {
  font-size: 15px;
  color: #007fd2;
  height:15px;
  width:15px;
  background:#fff;
  border-radius:50%;
}

.ac-ver-com {
  font-size: 15px;
  color: #007fd2;
  height:15px;
  width:15px;
  background:#eee;
  border-radius:50%;
  margin-left:5px;
}

.ac-ver-other {    
    margin-left:5px;
    margin-top:auto;
    margin-bottom:auto;
    font-size:15px;
    color:#6c2bd9;
}

.profom {
	margin-top:15px;	
	max-width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	color:#202020;
	outline:none;
	background:#fff;	 
}

#profoto-div {
	background:#fafafa; 
	width:calc(100% - 20px); 
	display:flex;
	margin-left:auto;
	margin-right:auto;
}

@media screen and (min-width: 501px) {
	#profoto-div {
	width:calc(100% - 30px) !important;   	
	}
}

#profoto {
  width:100%;
  height: auto;
  max-height:400px;
  object-fit: contain;
  position: relative;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;	
}

.pro-foto {
	width:100%;
	height:auto;
	cursor:pointer;
}

.prbtm-dv {
	background:#fafafa;
	width:calc(100% - 20px);
	margin-right:auto;
	margin-left:auto;
	height:75px;
	display:flex;
}

@media screen and (min-width: 501px) {
	.prbtm-dv {
	width:calc(100% - 30px);   	
	}
}

.prbtm-a {
	width:calc(100% - 115px);
	display:flex;
	box-sizing:border-box;
	padding-right:10px;
}

.prbtm-b {
	width:115px;
	display:flex;
}

.prbtm-btn {
	box-sizing:border-box;
	padding:10px 8px;
	margin-top:auto;
	margin-bottom:auto;
	margin-left:auto;
	background:#fafafa;
	border-radius:5px;
	border:1px solid #595959;
	cursor:pointer;	
	text-align:center;
	min-width:90px;
	font-size:15px;
}

.prbtm-mid { 
	max-height:60px; 
	overflow:hidden;
	margin-top:auto;
	margin-bottom:auto;
}

.prbtm-nem {
	font-size: 16px;
	color: #202020;
	margin-top: 0px;
	font-weight: bold;
	font-weight: 500;
	font-family: 'Roboto';
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.prbtm-web {
	margin-top:0px;
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	color:#999999;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-transform: uppercase;
}

.prbtm-captn {
	margin-top: 2px;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #595959;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.PO-sh-cont {
	width:calc(100% - 30px); 
	margin-left:auto; 
	margin-right:auto; 
	box-sizing:border-box; 
	padding-top:10px;	 
	background:#fff; 
	border-top:1px solid #e4e4e4; 
	border-left:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	min-height:140px;	
	border-top-left-radius:12px;
	border-top-right-radius:12px;
	border-bottom-left-radius:12px;
	border-bottom-right-radius:12px;
	overflow:hidden;
	margin-top:5px;
	margin-bottom:10px;
}

@media screen and (max-width: 500px) {
	.PO-sh-cont {
	width:calc(100% - 20px);										
	}
}

.PO-im-name {
    height: 40px;
    width: 100%;
    display: flex;
    margin-top: 15px;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    margin-top: 0px;
    margin-bottom: 5px;
}

.PO-imdv {
    width: 40px;
    height: 40px;
    padding: 2px; /* space for the gradient ring */
    background: linear-gradient(135deg, #007fd2, #7b2ff7, #ff7a00);
    border-radius: 40px;
    box-sizing: border-box;
    display: flex;
}

.PO-im {
    width: 34px;
    height: 34px;
    border-radius:50%;
    margin: auto;
    object-fit: cover;
    object-position: center center;
    border:3px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
}

.PO-us-name {
    padding: 0px 10px;
    height: 40px;
    width: calc(100% - 81px);
    box-sizing: border-box;
    display: flex;
}

.PO-name-txt {
	font-weight: 500;
    font-family: 'Roboto';
}

.PO-us-nkm {
	margin-top:4px;
	color:#999;
}

.PO-usndv {
	margin-top:auto;
	margin-bottom:auto;
	height:auto;
}

.PO-sort-imgs {
	width:calc(100% + 32px);
	margin-left:-16px;
	display:block; 
	position:relative;
}

@media screen and (max-width: 500px) {
	.PO-sort-imgs {
	width:calc(100% + 22px);
	margin-left:-11px;									
	}
}

/*====================================================================================
    ACCOUNTS STICKY HEADER
======================================================================================*/

.pos-top {
	min-height:56px; 
	position:relative;	
	width:100%;		 
	box-sizing:border-box;
	padding-left:10px;	
	border-radius:6px 6px 0px 0px;
}

@media screen and (min-width: 521px) {
	.pos-top {
	padding-left:15px;  
	padding-top:5px;	
	}
}

@media screen and (min-width: 501px) {
	.pos-top {
	padding-left:15px;  	
	}
}


.pos-top-in {
	width:100%; 	 	 
	display:flex;
}

@media screen and (min-width: 641px) {
	.pos-top-in {
	width:calc(100% - 5px); 	
	}
}

.pos-top-a {	
	height:56px;
	width:50px;
	display:flex;
	position:relative;	
}

.pos-top-img {
	margin:auto 0;
	width:40px;
	height:40px;
	border-radius:100%; 
	border:1px solid #e4e4e4;
	object-fit:cover;
	object-position:center center;
	cursor:pointer;	
	box-sizing:border-box;
}

#bstop {
	width: calc(100% - 80px);
}

.pos-top-b {	
	min-height:56px;
	width:calc(100% - 130px);
	display:flex;
}

.pos-top-c  {
	width:50px; 
	display:flex; 
	box-sizing:border-box; 
	height:56px; 
}

.pos-top-nems {
    margin-top:auto; 
	margin-bottom:auto;
	position:relative;	
	width:100%;	
	margin:auto;
	height:auto;
	min-height:43px;
	box-sizing:border-box;
	padding-left:0px;
	padding-right:0px;	
	display:flex;
	flex-wrap:wrap;
	box-sizing:border-box;
	padding-left:5px;
}

.pos-top-nems-outer { 	
	display:flex;
	margin-top:auto;
	margin-bottom:auto;	
	width:100%;			

}

.innems {
	text-decoration:none; 
	color:#202020; 
	outline:none;
}

.pos-top-nems-a {        
	font-weight: 500;
    font-family: 'Roboto';
	text-decoration:none;
	outline:none;
	box-sizing:border-box;
	padding-top:2px;
	padding-bottom:2px;
	cursor:pointer;			
}

.icom-nem1 {
	font-size:14px;
}

.icom-nem2 {
	font-size:14px;
	margin-top:auto;
	margin-bottom:auto;
	font-weight: 500;
    font-family: 'Roboto';
    cursor: pointer;
	background:#eee;
	border-radius:12px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:12px;
	padding-right:12px;
}


@media screen and (max-width: 640px) {
	.icom-nem1, .icom-nem2 {
		font-size:13px;
	}
}

.comsanka {
	outline:none; 
	text-decoration:none; 
	color:#202020;
}

.nocoms {
	font-weight: 500;
    font-family: 'Roboto';
	display:none; 
	margin-top:50px; 
	box-sizing:border-box; 
	padding-left:10px; 
	padding-right:10px; 
	line-height:20px; 
	font-size:16px; 
	text-align:center;
	color:rgba(69, 69, 69, 0.4);
}

.pos-top-nems-b {	
	margin-top:auto;
	margin-bottom:auto;	
	color:#999999;
	font-size:14px;		
	width:100%;	
	margin-bottom:3px;
	box-sizing:border-box;
    padding-right:10px;	
}

.remTym {
	font-size:13px;
}

.posfllw-dv {
	width:80px; 
	height:56px;  
	display:flex;
	position:relative;
}

.posfllw-btn {
	margin:auto; 
	width:100%; 
	padding-top:5px; 
	padding-bottom:5px;
	cursor:pointer;
	color:#595959;
	border:1px solid #ddd;
	border-radius:4px;
	background:#e7e7e7;
}

.posfllw-btn:hover {
	background:#e7e7e7;
}

.posfllw-btn-gen {
	margin:auto; 
	width:100%; 
	padding-top:5px; 
	padding-bottom:5px;
	cursor:pointer;
	color:#6c2bd9;
	border:1px solid transparent;
	border-radius:4px;
	background:transparent;
	text-align:center;
	font-weight:bold;
}

#b1 {
	background:orange; 
	color:#fff; 
	border:1px solid orange; 
	margin-right:5px;
	cursor:default;
	position:absolute;
	top:50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform:translateY(-50%);
}

#b2 {
	margin-right:5px;
	cursor:default;
	position:absolute;
	top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.banyeye, .banyeye-adm, .sameheyeye, .sameheyeye-adm, .delyeye-adm, .verifyyeye, .unverifyyeye, .boostyeye, .unboostyeye {
	cursor:pointer;
	display:block;
	width:100%;
	padding:12px 10px;
	box-sizing:border-box;
	text-align:left;
	border:none;
	outline:none;
	font-size:14px;	
	color:#202020;
	text-decoration:none;
	line-height:24px;	
}

.banyeye:hover, .sameheyeye:hover, .banyeye-adm:hover, .sameheyeye-adm:hover, .delyeye-adm:hover, .verifyyeye:hover, .unverifyyeye:hover, .boostyeye:hover, .unboostyeye:hover {
	background:#eee;
}

.pos-modv {
	display:flex;	
	font-weight: bold;
	background: #eee;
	width: 26px;
	height: 26px;
	font-size:12px;
	letter-spacing:1px;
	border-radius:100%;	
	cursor: pointer;
	text-align:center;
	margin:auto;
}

.pos-modv:hover {
	background:#e7e7e7;
}


@media screen and (max-width: 640px) {
	.pos-modv {
		font-size:15px;
		letter-spacing:0px;
		background:#fff !important;
	}
}

.pos-modv-ic {
	margin:auto;
}

.pos-pst-conts {
	background: #fafafa;
	border: 1px solid #ddd;
	position: absolute;
	margin-top:45px;	
	right:-60px;
	width:170px;
	box-sizing: border-box;
	padding: 5px;
	box-shadow: 0 1px 2px 1px rgba(0,0,0,0.1);
	display: none;
	border-radius:15px;
	display:none;
	z-index:2;
}

@media screen and (min-width: 601px) and (max-width: 640px) {
	.pos-pst-conts {
		right:-15px;
	}
}

@media screen and (max-width: 600px) {
	.pos-pst-conts {
		right:0px;
	}
}

.pos-pst-contsADD {
	right:0px !important;
}

.pos-prmte {
	padding:13px 10px;
	cursor:pointer;
	display:block;
	width:100%;
	box-sizing:border-box;
	text-align:left;
	border:none;
	outline:none;
	font-size:13px;	
	color:#202020;
	text-decoration:none;
	line-height:24px;
	border-radius:9px;
}

.pos-edpst, .pos-delpst, .pos-t-offcoms, .pos-disfots, .ptl-kontrols, .pos-lnk, .pos-vieweb {
	cursor:pointer;
	display:block;
	width:100%;
	padding:10px;
	box-sizing:border-box;
	text-align:left;
	border:none;
	outline:none;
	font-size:13px;	
	color:#202020;
	text-decoration:none;
	line-height:24px;
	border-radius:9px;
}

.pos-lnk {
	position:relative;
	overflow:hidden;
}

.chalo, .chalo2 {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	opacity:0;
}

.pos-prmte:hover, .pos-edpst:hover, .pos-delpst:hover, .pos-t-offcoms:hover, .pos-disfots:hover, .ptl-kontrols:hover, .pos-lnk:hover, .pos-vieweb:hover {
    background:#eee;       
}

.pos-cont-ic  {
   margin-right:8px;        	  		  		  		      
}

/**************************Middle *********************/
.post-text {
    max-height: 71px; /* approximately 3 lines at 24px line-height */
    overflow: hidden;
}

.see-more {
    display: none;
    color: #6c2bd9;
    cursor: pointer;
    font-weight:500;
}

.post-text-dm {
    max-height:144px;
    overflow: hidden;
}

@media screen and (max-width: 500px) {
   .post-text-dm {
	max-height:120px;  		  	   
    }
}

.see-more-dm {
    display: none;
    color: #6c2bd9;
    cursor: pointer;
    font-weight: 500;
}

.long-post {
	font-size:15px !important;
	font-family:'Inter',sans-serif; 
	line-height:24px !important;
}

.pos-mid {
	width:100%;
	margin-bottom:10px;
	overflow:hidden;
}

@media screen and (max-width: 640px) {
	.pos-mid, .PO-sh-cont {
		margin-bottom:5px;
	}
} 

.pos-wdng1 {
	box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;
	display:block;
	width:100%;
	height:auto;
	font-size:24px;
	font-family:'Inter',sans-serif; 
	position:relative;
}

@media screen and (min-width: 501px) {
	.pos-wdng1 {
	 padding-left:15px;
	 padding-right:15px;
	}
}

.comWads {margin-top:60px;}

.wdng1txt {
	display:block;
	width:100%;
    padding-top:0px;
	padding-bottom:5px;
	overflow-wrap: anywhere;	
}

@media screen and (max-width: 640px) {
	.wdng1txt {
	padding-top:8px;
	}
}

.wdng1txtAdd {
	padding-bottom:10px !important;
}

.pos-wdngi2 {	
	width:100%;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	box-sizing:border-box;
	padding:10px;
	min-height:320px;
	position:relative;
	text-align:center;
	display:flex;		
	font-weight:bold;
	font-size:34px;
	line-height:39px;
}

.pos-wdngi2-carr {
	width:100%;
	margin:auto;
}

.wdng2-in {
	margin:0;
	box-sizing:border-box;
    padding:15px;
	max-height:175px; /* 39px × 5 lines */
	overflow:hidden;
	display:block;
	line-height:39px;
}

@media screen and (min-width:501px) {
	.wdng2-in {
		padding-left:30px;
		padding-right:30px;
	}
}

@media screen and (min-width:1365px) {
	.wdng2-in {
		padding-left:50px;
		padding-right:50px;
	}
	.pos-wdngi2 {
		padding-top:30px;
		padding-bottom:30px;
	}
}

@media screen and (min-width:451px) and (max-width:500px) {
	.pos-wdngi2 {	
		min-height:305px;
		font-size:30px;
		line-height:35px;
	}
	
	.wdng2-in {
		max-height:155px; /* 35px × 5 lines */
		overflow:hidden;
		line-height:35px;
	}
}

@media screen and (min-width:401px) and (max-width:450px) {
	.pos-wdngi2 {
		min-height:295px;
		font-size:28px;
		line-height:33px;
	}
	
	.wdng2-in {
		max-height:145px; /* 33px × 5 lines */
		overflow:hidden;
		line-height:33px;
	}
}

@media screen and (max-width:400px) {
	.pos-wdngi2 {
		min-height:280px;
		font-size:26px;
		line-height:31px;
	}
	
	.wdng2-in {
		max-height:143px; /* 31px × 5 lines */
		overflow:hidden;
		line-height:31px;
	}
}

.see-more-bg-txt {
	display:block;
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
}
/*******************************************************************
    CUSTOM VIDEO
*******************************************************************/
.custom-video-area {
	width:100%;
	max-width:500px;
	max-height:400px;
	min-height:190px;
	display:flex;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

@media screen and (min-width: 1365px) {
	.custom-video-area {
	max-width:600px;
	max-height:500px;
	}
} 

.video-element {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	object-fit:contain;
	margin-left:auto;
	margin-right:auto;
	border-radius:5px;
}

.video-element-blurAdd {
	filter:blur(4px);
} 

.fekplay {
	width:60px;
	height:60px;
	border-radius:60px;
	background: rgba(0,0,0,0.4);
	border: 2px solid #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: flex;
	box-sizing: border-box;
	padding-left: 3px;
	cursor:pointer;
	z-index:1;
	transition: background-color 0.3s ease;
}

@media screen and (max-width: 500px) {
	.fekplay {
	width:50px;
	height:50px;
	border-radius:50px;
	}
}

.custom-video-area:hover .fekplay {
    background: rgba(0,0,0,0.8);
}

.ic-cusplay {
	font-size:24px;
	color:#fff;
	margin:auto;
}

.tooldiv {
	width:100%; 
	height:50px; 
	position:absolute; 
	z-index:1; 
	bottom:0px; 
	background-image:linear-gradient(transparent, rgba(0,0,0,0.5)); 
	display:flex;
	color:#fff;
	visibility:hidden;
	border-radius:5px;
}

.fekplay-dv {
	width:20px; 
	height:50px; 
	display:flex; 
	box-sizing:border-box;
	padding-bottom:2px;
	padding-left:3px;
}

.fekplay-sm {
	font-size:24px;
	margin-top:auto;
	margin-bottom:auto;
	cursor:pointer;
	z-index:1;
}

@media screen and (max-width: 500px) {
	.fekplay-sm  {
	font-size:20px;
	}
}

.fekpos-sm {
	font-size:24px;
	margin-top:auto;
	margin-bottom:auto;
	cursor:pointer;
	display:none;
	z-index:1;
}

@media screen and (max-width: 500px) {
	.fekpos-sm {
	font-size:20px;
	}
}

.timerdv {
	width:calc(100% - 100px); 
	height:50px; 
	display:flex;
}

.time {	
	width:110px;
	height:auto;
	display:flex;
	font-size:14px;
	margin-top:auto;
	margin-bottom:auto;
	text-align:center;
}

@media screen and (max-width: 500px) {
	.time {
	font-size:13px;
	}
}

.mid-seekbar-dv { 
  width:calc(100% - 110px);
  height:50px;
  display:flex;
}

.current, .duration {
	padding-left:3px;
	padding-right:3px;
	margin-left:auto;
	margin-right:auto;
}

.custom-seekbar {  
  cursor:pointer;
  height:10px;
  background:transparent;
  overflow:hidden;
  position:relative;
  width:100%;
  cursor:pointer;
  margin-top:auto;
  margin-bottom:auto;
}

.bak-sleeklyn {
	background:rgba(255, 255, 255, 0.4);
	width:100%; 
	height:2px; 
	position:absolute; 
	top:50%; 
	-webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%); 
	transform:translateY(-50%);
}

.sleeklyn {
  background:#fff;
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  left:0;
  height:2px;
  width:0px;
}

.max-scrindv {
	width:40px; 
	height:50px;  
	display:flex; 
	cursor:pointer;
}

.min-scrindv {
	width:40px; 
	height:50px; 
	cursor:pointer; 
	display:none;
}

.mute-div {
	width:40px; 
	height:50px;  
	display:flex; 
	cursor:pointer;
}

.unmute-div {
	width:40px; 
	height:50px; 
	cursor:pointer; 
	display:none;
}

.mutebtn, .unmutebtn {
	font-size:22px;
	margin:auto;
	cursor:pointer;
	color:#fff;
}

@media screen and (max-width: 500px) {
	.mutebtn, .unmutebtn {
	font-size:18px;
	}
}

.max-screen, .min-screen {
	font-size:20px;
	margin:auto;
	cursor:pointer;
}

@media screen and (max-width: 500px) {
	.max-screen, .min-screen {
	font-size:16px;
	}
}

.enFVisi {
	visibility:visible !important;
}

.pos-tallying {
	width:100%;	
	box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
}

@media screen and (min-width: 501px) {
	.pos-tallying {
	 padding-left:15px;
	 padding-right:15px;
	}
}

.pos-t {
	margin-top:-20px; 	
	box-sizing:border-box;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
}

@media screen and (min-width: 501px) {
	.pos-t {
	 padding-left:15px;
	 padding-right:15px;
	}
}

.pos-ttl-counts  {
	 width:100%;    
	 margin-top:10px; 
	 margin-bottom:10px;	
	 box-sizing:border-box;
	 padding:0px;
	 font-size:13px;	 	        
}

.pos-ttl-c {
	padding-top:0px; 
	margin-bottom:10px;
	font-size:13px;
}

.pos-ttl-lft {
    display:inline-block; 	
	margin-right:15px;
	height:20px;
	cursor:pointer;	
	color:#595959; 
    text-decoration:none;
    outline:none;   
}

.pos-ttl-ryt {
    display:inline-block; 	
	float:right;
	height:20px;
	line-height:20px;   
}

@-moz-document url-prefix() {
    .pos-ttl-rytAd { 	
	line-height:23px; 	
    }
}

.selct-reacts {
	display:inline-block;	
	height:20px;
	min-width:1px;
	position:relative;
	z-index:1;
}

.selct-reacts-icom {
	display:flex; 
	max-width:auto; 
}

.ic-comsdv {
	display:flex; 
	background:#fff; 
	border-radius:20px;
	overflow:hidden;
}

.reacts-ic {
	width:20px;
	height:20px;
	border-radius:100%;
}

@media screen and (max-width: 640px) {
	.reacts-ic {
		width:18px;
		height:18px;
	}
}

.reacts-ic:first-child {
	margin-left:0px !important;
	z-index:7;
	position:relative;
}

.reacts-ic:nth-child(2) {
  z-index:6;
  position:relative;
}

.reacts-ic:nth-child(3) {
  z-index:5;
  position:relative;
}

.reacts-ic:nth-child(4) {
  z-index:4;
  position:relative;
}

.reacts-ic:nth-child(5) {
  z-index:3;
  position:relative;
}

.reacts-ic:nth-child(6) {
  z-index:2;
  position:relative;
}

.reacts-ic:nth-child(7) {
  z-index:1;
  position:relative;
}

.reacts-ic {
	margin-left:-2px;	
}

.icom {
	margin-left:-4px;
}

.lyksp {
	color:#595959;
	cursor:pointer;
	top:-5px;
	position:relative;
	height:20px;
	line-height:20px;
	box-sizing:border-box;	
	display:inline-block;
}

.lyksp-icom {
	color:#595959;
	cursor:pointer;
	top:0px;
	position:relative;
	height:20px;
	line-height:20px;	
	display:inline-block;
	padding-left:1px;
	padding-right:4px;
}

.comsp {	
	color:#595959;
	cursor:pointer;
}

.shrsp {	
	margin-left:10px;
	color:#595959;
	cursor:pointer;
}

.viwsp {	
	margin-left:10px;
	color:#595959;
	cursor:pointer;
}

.lyksp:hover {
	text-decoration:underline;
}

.pos-caption-conts {    
    position:relative;    
    width:100%;
    display:flex;
    box-sizing:border-box;
    padding-left:0px;
    padding-right:0px;	
}

.pos-cap-dv  {
    display:flex; 
	border-top:1px solid #e4e4e4; 
	border-bottom:0px;	 
	font-weight:600;
	font-size:14px;	
	color:#595959;
    font-family: 'Open Sans';	
	 width:calc(100% + 45px);
	 margin-left:-15px;
	 margin-right:-15px; 	      
}

@media screen and (max-width: 640px) {
	.pos-cap-dv {
	 font-family:'Inter',sans-serif;
	 font-size:13px;
	}
}

@media screen and (max-width: 500px) {
	.pos-cap-dv {
	 width:calc(100% + 20px);
	 margin-left:-10px;
	 margin-right:-10px;
	 box-sizing:border-box;
	}
}

@media screen and (min-width: 521px) {
	.pos-cap-dv {

	 border-radius:0px 0px 12px 12px;
	 overflow:hidden;
	}
}

.pos-react-hse {
	position:absolute; 
	width:340px; 
	height:47px; 
	margin-top:-50px;
	margin-left:10px;
	z-index:2;
	display:none;  	
}

@media screen and (max-width: 360px) {
	.pos-react-hse {
	  margin-left:0px;
	  left: 50%;
	  -webkit-transform: translateY(-50%, 0%);
	  -ms-transform: translateY(-50%, 0%);
	  transform: translate(-50%, 0%);
	}
}

@media screen and (max-width: 359px) {
	.pos-react-hse {
	   margin-left:-20px;
	}
}

.pos-comreact-hse { 
	position:absolute; 
	width:340px; 
	height:52px; 
	margin-top:-52px;
	margin-left:-30px;
	z-index:2;
	display:none;	
}

@media screen and (max-width: 360px) {
	.pos-comreact-hse {
	   margin-left:0px;
	   width:100%;
	   left:0px;
	   right:0px; 
	}
}

@media screen and (min-width: 901px) and (max-width: 1280px) {
	.pos-comreact-hseADD {
	margin-left:-67px;   
	}
}

.pos-reactdv {	
    width:auto;
	height:auto;	
	position:absolute;	
}

@media screen and (max-width: 360px) {
	.pos-reactdv  {
	  width:100%;
	  left: 50%;
	  -webkit-transform: translateY(-50%, 0%);
	  -ms-transform: translateY(-50%, 0%);
	  transform: translate(-50%, 0%);
	}
}

.pos-qckbtn-a  {   
	-webkit-tap-highlight-color: transparent;
	user-select: none;
	-webkit-user-select: none;   
	display:inline-block; 
	height:40px; 
	display:flex;
	margin-right:10px;
	cursor:pointer; text-align:center; 
	font-weight: 500;
    font-family: 'Roboto';	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	box-sizing:border-box; 
	padding-left:10px; 
	padding-right:10px;     
}

@media screen and (min-width: 501px) {
	.pos-qckbtn-a {
	padding-left:15px; 
	padding-right:15px; 
	}
}

.pos-qckbtn-b, .pos-qckbtn-b-parody  { 
	-webkit-tap-highlight-color: transparent;
	user-select: none;
	-webkit-user-select: none;     
	display:inline-block; 
	height:40px;
	display:flex;
	margin-right:10px;
	cursor:pointer; 
	text-align:center; 
	font-weight: 500;
    font-family: 'Roboto';
	box-sizing:border-box; 
	padding-left:10px; 
	padding-right:10px;
	text-decoration:none;
	outline:none;
	color:#595959;	      
}

@media screen and (min-width: 501px) {
	.pos-qckbtn-b, .pos-qckbtn-b-parody {
	padding-left:15px; 
	padding-right:15px; 
	}
}

.pos-qckbtn-c, .pos-qckbtn-c-indv, .pos-qckbtn-c-parody  { 
	-webkit-tap-highlight-color: transparent;
	user-select: none;
	-webkit-user-select: none;    
	display:inline-block; 
	height:40px;
	display:flex;	
	cursor:pointer; 
	text-align:center;
	font-weight: 500;
    font-family: 'Roboto';
	color:#595959; 
    text-decoration:none;
    outline:none;
	box-sizing:border-box;  
	padding-left:10px; 
	padding-right:10px;	
	margin-left:auto;		      
}

@media screen and (max-width: 400px) {
	.pos-qckbtn-a {
		width:calc(100% / 3);
		margin-right:0px;
	}
	.pos-qckbtn-b, .pos-qckbtn-b-parody {
		width:calc(100% / 3);
		margin-right:0px;
	}
	.pos-qckbtn-c, .pos-qckbtn-c-indv, .pos-qckbtn-c-parody  {
		margin-left:0px;
		width:calc(100% / 3);
	}
}

@media screen and (min-width: 501px) {
	.pos-qckbtn-c, .pos-qckbtn-c-indv, .pos-qckbtn-c-parody  {
	padding-left:15px; 
	padding-right:15px; 
	}
}

.pos-qckbtn-a:hover, .pos-qckbtn-b:hover, .pos-qckbtn-c:hover, .pos-qckbtn-c-indv:hover, .pos-qckbtn-b-parody:hover, .pos-qckbtn-c-parody:hover {
    background:#eee;       
}

@media screen and (min-width: 1280px) {
	.pos-qckbtn-a, .pos-qckbtn-b, .pos-qckbtn-c, .pos-qckbtn-c-indv, .pos-qckbtn-b-parody, .pos-qckbtn-c-parody {
    height:45px;
	}
}

.pos-btnAd {
	background:transparent !important;
}

.rct-cent {
	margin-left:auto;
	margin-right:auto;	
	display:flex;
}

.posIC1 {
   width:20px; 
   height:20px; 
   margin-right:6px; 
   margin-top:auto;
   margin-bottom:auto;
   box-sizing:border-box;
   padding:1px;
}

.posIC2 {   
   width:20px; 
   height:20px; 
   margin-right:6px; 
   margin-top:auto;
   margin-bottom:auto;
   box-sizing:border-box;
   padding:1px;
}

.posIC3 {
   width:22px; 
   height:22px; 
   margin-right:6px; 
   margin-top:auto;
   margin-bottom:auto;
   box-sizing:border-box;
   padding:1px;
}

.hr-sp {
	margin-top:auto;
	margin-bottom:auto;
	padding-top:2px;
}

.emb-contdv {
	position:absolute; 
	z-index:1;
	background:#fff; 
	width:100%; 
	height:60px; 
	bottom:0px; 
	box-sizing:border-box; 
	padding:0px 15px; 
	border-radius: 0 0 12px 12px;
}

@media screen and (max-width: 500px) {
	.emb-contdv {
	padding:0px 10px; 
	}
}

.emb-contbtn {
	display:block; 
	text-decoration:none; 
	outline:none; 
	background:linear-gradient(135deg,#6c2bd9,#8b5cf6); 
	width:100%; 
	height:38px; 
	line-height:40px; 
	text-align:center; 
	color:#fff; 
	font-size:16px; 
	cursor:pointer; 
	margin-top:10px; 
	border-radius:40px;
}

.emb-contbtn:hover {
	background: linear-gradient(135deg, #5b20bd, #7448d9);
}

/**************************Bottom *********************/
.pos-imsdv {
	width:100%;		
	display:none;
	background:#fffde2;	
	box-sizing:border-box;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	position:relative;
	border-top:1px solid #ffecc0;
}

.pos-carImg-dv {
	display:inline-block;
	position:relative;		
}

.pos-carImg {
	max-width:180px; 
	max-height:180px;
	min-width:55px; 
	height:auto; 
	object-fit:cover; 
	object-position:center center;	
	border:1px solid #e4e4e4;
	border-radius:12px;
}

.pos-carImg-rmv {
	position:absolute;
	right:10px;
	top:10px; 
	width:25px; 
	height:25px;
	font-size:15px;
	border:1px solid #e4e4e4;	
	background:#fff;
	display:flex; 
	border-radius:100%;
	cursor:pointer; 	
}

.pos-carImg-rmv:hover {	
	background:#eee;
}

.rmv-ic {
	margin:auto;
}

/*****************************************************************************
              POST TEXTAREA
******************************************************************************/
.komT-off {
	position:absolute; 
	width:calc(100% - 29px); 
	height:40px;
	border-radius:40px; 
	background:#f2f2f2; 
	line-height:38px; 
	text-align:center;
	box-sizing:border-box; 
	padding-left:10px; 
	padding-right:10px;
	border:1px solid #e4e4e4;
	font-size:17px;
	font-family: 'Quicksand';
	left: 50%;
   -webkit-transform: translateY(-50%, 0%);
   -ms-transform: translateY(-50%, 0%);
    transform: translate(-50%, 0%);
}

@media screen and (max-width: 500px) {
	.komT-off {
	  width:calc(100% - 19px);
	}
}

.tulsd {
	width:calc(100% / 2); 
	height:100%;  
	display:flex;
}

.tulsd-ic-smile {
	margin:auto; 
	font-size:20px; 
	color:#595959;
}

.tulsd-ic-imeg {
	margin:auto;
	font-size:18px;
	color:#595959;
	text-stroke: 0.2px #595959;
    -webkit-text-stroke: 0.2px #595959;
}

.togcom-dv {
	width:100%;
	height:40px;
	position:relative;
	display:flex;
	box-sizing:border-box;
	display:none;
}

@media screen and (min-width: 501px) {
	.togcom-dv  {
	  padding-left:5px;
	  padding-right:5px;
	}
}

.togcom-dv-ptl {
	width:100%;
	height:40px;
	position:relative;
	display:flex;
	background:#fff;
}

.togcom-lft {
	width:50px;
	height:40px;
	box-sizing:border-box;
	padding-left:10px;
	display:flex;
}

.togcom-mid, .togcom-mid-media, .togcom-mid-parody {
	width:calc(100% - 105px);
	height:40px;
	border-radius:38px;
	display:flex;
	background:#eee;
	color:#595959;
	text-decoration:none;
	outline:none;
	overflow:hidden;
	cursor:pointer;
}

.togcom-mid-embed {
	width:calc(100% - 105px);
	height:40px;
	border-radius:38px;
	display:flex;
	background:#eee;
	color:#595959;
	text-decoration:none;
	outline:none;
	overflow:hidden;
	cursor:pointer;
}

.togcom-mid-embed:hover {
	background:#f0f0f0;
}

.togcom-rgt {
	width:55px;
	height:40px;
	box-sizing:border-box;
	padding-left:7px;
	display:flex;
}

.togcom-a {
	width:calc(100% - 70px);
	height:100%;
	display:flex;
}

.togcom-b {
	width:70px;
	height:100%;
	display:flex;
	background:#eee;
}

@media screen and (max-width: 450px) {
	.togcom-a { 
		width:100%;
	}
}

@media screen and (max-width: 450px) {
	.togcom-b { 
		display:none;
	}
}

.togcom-sp {
	margin-top:auto;
	margin-bottom:auto;
	margin-left:15px;
}

.togcom-av {
	width:32px;
	height:32px;
	border: 1px solid #e4e4e4;
	border-radius:50%;
	object-fit:cover;
	object-position:center center;
	margin-top:auto;
	margin-bottom:auto;
}

.togpln-ic {
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:18px;
	border-radius:50%;
	background: #eee;
	color: rgba(69, 69, 69, 0.4);
	cursor:pointer;
	display:block;
	margin-top:auto;
	margin-bottom:auto;
	margin-left:-1px;
	box-sizing:border-box;
	border: 1px solid #ddd;
}

/*************************************************************************************************************
                   COMMENTS
*************************************************************************************************************/
.comauta {
	width:100%; 
	display:block; 
	position:relative;
	margin-bottom:5px;
}

.comlyn {
	width:2px; 
	height:calc(100% - 70px); 	 
	position:absolute; 
	top:40px; 
	left:25px;
	background:#e4e4e4;
}

.comkavd {
	width:25px; 
	height:20px; 
	border-radius: 0px 0px 0px 20px; 
	border-left:2px solid #e4e4e4; 
	border-bottom:2px solid #e4e4e4; 
	position:absolute; 
	top:-11px; 
	left:25px;
}

.comcover {	
	box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;
	display:flex;
}

.comta-av {
	width: 32px;
	height: 32px;
	border-radius:100%;
	object-fit: cover;
	object-position: center center;	
	display: inline-block;
	border: 1px solid #e4e4e4;
	cursor:pointer;
}

.comta-say {   
   background:#eee;
   border-radius:15px;
   margin-left:6px;
   padding-top:8px;
   padding-bottom:8px;
   padding-left:12px;
   padding-right:12px;
   box-sizing:border-box; 
   max-width:calc(100% - 40px);
   overflow:hidden; 
}


@media screen and (max-width: 640px) {
	.comta-say {
	padding-top:6px;
	}
} 

.texo {
	font-family:'Inter',sans-serif;
	font-size:15px;
	line-height:19px;	
	font-weight:normal;
}

.komtext {
	font-family:'Inter',sans-serif;
	font-size:15px; 
	margin-top:1px;
	line-height:19px;	
	font-weight:normal;
}

.prev-coms-btn-div, .prev-rips-btn-div {
	height:50px; 
	width:100%; 
	display:flex; 
	box-sizing:border-box; 
	padding-bottom:15px;
}

.prev-coms-btn, .prev-rips-btn {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto';
    display: block;
    margin: auto;
    margin-bottom: 10px;
    cursor: pointer;
    color: #6c2bd9;
    background: transparent;
    border: none;
    transition: color 0.25s ease;
}

.prev-coms-btn:hover, .prev-rips-btn:hover {
    color: #6127c3;
}

.chat-haus {
	with:100%;
	display:block;
}

.pos-comreact-div {	
	display:inline-block;
	position:relative;
	display: flex;
    flex-direction: column;    
    box-sizing: border-box;
}

.pos-comreact {
  margin-top: auto;
  align-self: center;
  background:#fff;  
  margin-left: -8px;  
  padding-right:1px;
  border-radius: 20px; 
  position:relative;
  right:0px;
  width:auto;  
  display:inline-block; 
  z-index:1;
}

.pos-imgdv {
	width:100%;
	display:flex;
	box-sizing:border-box;
	padding-left:10px;	
}

.pos-imginner {
	width:auto;
	margin-left: 6px;
	position:relative;
}

.icom-nemdv {
	min-height:34px; 
	margin-bottom:3px;
	display:flex;
}

.pos-img {
	width: auto;
	height: auto;
	max-width: 200px;
	max-height: 200px;
	position: relative;
	margin-top: 0px;	
	border-radius: 15px;
	border: 1px solid #e4e4e4;	
}

.pos-comreact2 {
  margin-top: auto;
  align-self: center;
  background:#fff;  
  margin-left: -10px;
  padding-right:1px;
  border-radius: 20px;   
  right:0px;
  top:-3px;
  position:relative;
  width:auto;  
  display:inline-block; 
  z-index:1;
}

.pos-carquick-btns {
   position:relative; 
   min-height:26px; 
   width:100%; 
   display:flex; 
   box-sizing:border-box; 
   padding-left:62px; 
   padding-right:10px;
   font-size:14px;
   margin-bottom:5px;
}

.pos-quick-btns {
   margin:auto 0; 
}

.pos-qck-tym {   	
   color:#999999; 
   display:inline-block;
   cursor:pointer;
   margin-right:12px;      
}

.repdiv {
	width:100%; 
	height:20px;  
    font-weight: 500;
    font-family: 'Roboto'; 
	font-size:15px; 
	box-sizing:border-box; 
	padding-left:80px;
	position:relative;
	margin-top:2px;
	margin-bottom:3px;
}

.replnk {
	cursor:pointer;
	outline:none;
	text-decoration:none;
	color:#202020;
}

.subd-ic {
	font-size:20px;
	position:absolute;
	left:60px;
	top:-3px;
}

.pos-qck-lyk {   
   font-weight: 500;
   font-family: 'Roboto';    
   cursor:pointer;
   margin-right:12px;
   color:#595959;     
}

.pos-qck-rply {
   font-weight: 500;
   font-family: 'Roboto';   
   display:inline-block;
   cursor:pointer;
   margin-right: 12px; 
   color:#595959;  
}

.pos-qck-mor {
   font-weight: 500;
   font-family: 'Roboto';   
   display:inline-block;
   cursor:pointer; 
   color:#595959;  
}

.pos-qck-lyk:hover, .pos-qck-rply:hover, .pos-qck-mor:hover, .replnk:hover {   
    text-decoration:underline; 	   
}

@media screen and (max-width: 799px) {
   .pos-qck-lyk:hover, .pos-qck-rply:hover, .pos-qck-mor:hover, .replnk:hover  {    
   text-decoration:none;   
   }
}

.pos-qck-spdot {   
   font-size:2px;   
   position:absolute;
   margin-left:-7px;
   margin-top:8px;
}

@media screen and (max-width: 799px) {
   .pos-qck-spdot {    
   opacity:0 !important; 
   }
}

.pos-lft-opt {   
   position:absolute; 
   background:rgba(0,0,0,0.9);
   color:#fff;
   width:auto; 
   box-sizing:border-box; 
   display:none; 
   margin-top:-55px; 
   margin-left:-38px; 
   border-radius:8px; 
   box-shadow:0 1px 2px 1px rgba(0,0,0,0.3); 
   padding:0px 8px;
   z-index:1;        
}

.poslft-edit {
   padding:10px 8px; 
   cursor:pointer; 
   font-weight:normal;
   color:#fff; 
   text-decoration:none;
   outline:none;  
}

.poslft-unsend {
    padding:10px 8px;  
	cursor:pointer; 
	font-weight:normal;
	color:#fff; 
	text-decoration:none;
	outline:none;
}

.pos-down-tri {
    width:0; 
	height:0; 
	border-left:8px solid transparent; 
	border-right:8px solid transparent; 
	border-top:8px solid rgba(0,0,0,0.9); 
	position:absolute; bottom:-7px; 
	margin:auto; 
	left:0;
	right:0; 
	opacity:0;
}


/******************************************************************
     Chat Reactions
*******************************************************************/
.car-reacts {	    		
	display:flex;
	background:#fff;		
	border-radius:70px;
	border-top: 2px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.3);
	padding:10px;
	box-sizing:border-box;	
	position:absolute;	
	zoom: 0.34;
}

@media screen and (max-width: 360px) {
	.car-reacts  {	  
	  left: 50%;
	  -webkit-transform: translateY(-50%, 0%);
	  -ms-transform: translateY(-50%, 0%);
	  transform: translate(-50%, 0%);	  
	}
}

.emoji {
  width: 120px;
  height: 120px;
  background: #ffda6a;  
  border-radius: 50%;
  position: relative;
  cursor:pointer;
}

.emoji:first-child {
   margin-left:2px;
   margin-right:10px;
}

.emoji:last-child {
   margin-left:10px;
   margin-right:2px;
}

.emoji:nth-child(2), .emoji:nth-child(3), .emoji:nth-child(4), .emoji:nth-child(5), .emoji:nth-child(6) {
   margin-left:10px;
   margin-right:10px;
}

@media screen and (max-width: 420px) {
	.emoji:first-child {
	   margin-left:1px;
	   margin-right:8px;
	}
	
	.emoji:last-child {
	   margin-left:8px;
	   margin-right:1px;
	}

	.emoji:nth-child(2), .emoji:nth-child(3), .emoji:nth-child(4), .emoji:nth-child(5), .emoji:nth-child(6) {
	   margin-left:8px;
	   margin-right:8px;
	}
}

.emoji:after {
  position: absolute;
  bottom: -40px;
  font-size: 18px;
  width: 60px;
  left: calc(50% - 30px);
  color: #8a8a8a;
  display:none;  /*Add this to remove the labling*/
}

.emoji__face,
.emoji__eyebrows,
.emoji__eyes,
.emoji__mouth,
.emoji__tongue,
.emoji__heart,
.emoji__hand,
.emoji__thumb {
  position: absolute;
}
.emoji__face:before, .emoji__face:after,
.emoji__eyebrows:before,
.emoji__eyebrows:after,
.emoji__eyes:before,
.emoji__eyes:after,
.emoji__mouth:before,
.emoji__mouth:after,
.emoji__tongue:before,
.emoji__tongue:after,
.emoji__heart:before,
.emoji__heart:after,
.emoji__hand:before,
.emoji__hand:after,
.emoji__thumb:before,
.emoji__thumb:after {
  position: absolute;
  content: "";
}

.emoji__face {
  width: inherit;
  height: inherit;
}

.emoji--like {
  background: #548dff;
}
.emoji--like:after {
  content: "Like";
}
.emoji--like .emoji__hand {
  left: 25px;
  bottom: 30px;
  width: 20px;
  height: 40px;
  background: #ffffff;
  border-radius: 5px;
  z-index: 0;
  -webkit-animation: hands-up 2s linear infinite;
          animation: hands-up 2s linear infinite;
}
.emoji--like .emoji__hand:before {
  left: 25px;
  bottom: 5px;
  width: 40px;
  background: inherit;
  height: 10px;
  border-radius: 2px 10px 10px 2px;
  box-shadow: 1px -9px 0 1px #ffffff, 2px -19px 0 2px #ffffff, 3px -29px 0 3px #ffffff;
}
.emoji--like .emoji__thumb {
  border-bottom: 20px solid #ffffff;
  border-left: 20px solid transparent;
  top: -25px;
  right: -25px;
  z-index: 2;
  transform: rotate(5deg);
  transform-origin: 0% 100%;
  -webkit-animation: thumbs-up 2s linear infinite;
   animation: thumbs-up 2s linear infinite;
}
.emoji--like .emoji__thumb:before {
  border-radius: 50% 50% 0 0;
  background: #ffffff;
  width: 10px;
  height: 12px;
  left: -10px;
  top: -8px;
  transform: rotate(-15deg);
  transform-origin: 100% 100%;
  box-shadow: -1px 4px 0 -1px #ffffff;
}

.emoji--love {
  background: #f55064;
}
.emoji--love:after {
  content: "Love";
}
.emoji--love .emoji__heart {
  left: calc(50% - 40px);
  top: calc(50% - 40px);
  width: 80px;
  height: 80px;
  -webkit-animation: heart-beat 1s linear infinite alternate;
          animation: heart-beat 1s linear infinite alternate;
}
.emoji--love .emoji__heart:before, .emoji--love .emoji__heart:after {
  left: calc(50% - 20px);
  top: calc(50% - 32px);
  width: 40px;
  height: 64px;
  background: #ffffff;
  border-radius: 20px 20px 0 0;
}
.emoji--love .emoji__heart:before {
  transform: translate(20px) rotate(-45deg);
  transform-origin: 0 100%;
}
.emoji--love .emoji__heart:after {
  transform: translate(-20px) rotate(45deg);
  transform-origin: 100% 100%;
}

.emoji--haha:after {
  content: "Haha";
}
.emoji--haha .emoji__face {
  -webkit-animation: haha-face 2s linear infinite;
          animation: haha-face 2s linear infinite;
}
.emoji--haha .emoji__eyes {
  width: 26px;
  height: 6px;
  border-radius: 2px;
  left: calc(50% - 13px);
  top: 35px;
  transform: rotate(20deg);
  background: transparent;
  box-shadow: -25px 5px 0 0 #000000, 25px -5px 0 0 #000000;
}
.emoji--haha .emoji__eyes:after {
  left: 0;
  top: 0;
  width: 26px;
  height: 6px;
  border-radius: 2px;
  transform: rotate(-40deg);
  background: transparent;
  box-shadow: -25px -5px 0 0 #000000, 25px 5px 0 0 #000000;
}
.emoji--haha .emoji__mouth {
  width: 80px;
  height: 40px;
  left: calc(50% - 40px);
  top: 50%;
  background: #000000;
  border-radius: 0 0 40px 40px;
  overflow: hidden;
  z-index: 1;
  -webkit-animation: haha-mouth 2s linear infinite;
          animation: haha-mouth 2s linear infinite;
}
.emoji--haha .emoji__tongue {
  width: 70px;
  height: 30px;
  background: #f55064;
  left: calc(50% - 35px);
  bottom: -10px;
  border-radius: 50%;
}

@media screen and (max-width: 359px) {
    .emoji--yay {	
	    display:none;
    }
}

.emoji--yay:after {
  content: "Yay";
  -webkit-animation: yay-reverse 1s linear infinite;
          animation: yay-reverse 1s linear infinite;
}
.emoji--yay .emoji__face {
  -webkit-animation: yay 1s linear infinite alternate;
          animation: yay 1s linear infinite alternate;
}
.emoji--yay .emoji__eyebrows {
  left: calc(50% - 3px);
  top: 30px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: transparent;
  box-shadow: -6px 0 0 0 #000000, -36px 0 0 0px #000000, 6px 0 0 0 #000000, 36px 0 0 0px #000000;
}
.emoji--yay .emoji__eyebrows:before, .emoji--yay .emoji__eyebrows:after {
  width: 36px;
  height: 18px;
  border-radius: 60px 60px 0 0;
  background: transparent;
  border: 6px solid black;
  box-sizing: border-box;
  border-bottom: 0;
  bottom: 3px;
  left: calc(50% - 18px);
}
.emoji--yay .emoji__eyebrows:before {
  margin-left: -21px;
}
.emoji--yay .emoji__eyebrows:after {
  margin-left: 21px;
}
.emoji--yay .emoji__mouth {
  top: 60px;
  background: transparent;
  left: 50%;
}
.emoji--yay .emoji__mouth:after {
  width: 80px;
  height: 80px;
  left: calc(50% - 40px);
  top: -75px;
  border-radius: 50%;
  background: transparent;
  border: 6px solid #000000;
  box-sizing: border-box;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  z-index: 1;
}
.emoji--yay .emoji__mouth:before {
  width: 6px;
  height: 6px;
  background: transparent;
  border-radius: 50%;
  bottom: 5px;
  left: calc(50% - 3px);
  box-shadow: -25px 0 0 0 #000000, 25px 0 0 0 #000000, -35px -2px 30px 10px #d5234c, 35px -2px 30px 10px #d5234c;
}

.emoji--wow:after {
  content: "Wow";
}
.emoji--wow .emoji__face {
  -webkit-animation: wow-face 3s linear infinite;
   animation: wow-face 3s linear infinite;
}
.emoji--wow .emoji__eyebrows {
  left: calc(50% - 3px);
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: transparent;
  box-shadow: -18px 0 0 0 #000000, -33px 0 0 0 #000000, 18px 0 0 0 #000000, 33px 0 0 0 #000000;
  -webkit-animation: wow-brow 3s linear infinite;
   animation: wow-brow 3s linear infinite;
}
.emoji--wow .emoji__eyebrows:before, .emoji--wow .emoji__eyebrows:after {
  width: 24px;
  height: 20px;
  border: 6px solid #000000;
  box-sizing: border-box;
  border-radius: 50%;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  top: -3px;
  left: calc(50% - 12px);
}
.emoji--wow .emoji__eyebrows:before {
  margin-left: -25px;
}
.emoji--wow .emoji__eyebrows:after {
  margin-left: 25px;
}
.emoji--wow .emoji__eyes {
  width: 16px;
  height: 24px;
  left: calc(50% - 8px);
  top: 35px;
  border-radius: 50%;
  background: transparent;
  box-shadow: 25px 0 0 0 #000000, -25px 0 0 0 #000000;
}
.emoji--wow .emoji__mouth {
  width: 30px;
  height: 45px;
  left: calc(50% - 15px);
  top: 50%;
  border-radius: 50%;
  background: #000000;
  -webkit-animation: wow-mouth 3s linear infinite;
          animation: wow-mouth 3s linear infinite;
}

.emoji--sad:after {
  content: "Sad";
}
.emoji--sad .emoji__face {
  -webkit-animation: sad-face 2s ease-in infinite;
          animation: sad-face 2s ease-in infinite;
}
.emoji--sad .emoji__eyebrows {
  left: calc(50% - 3px);
  top: 35px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: transparent;
  box-shadow: -40px 9px 0 0 #000000, -25px 0 0 0 #000000, 25px 0 0 0 #000000, 40px 9px 0 0 #000000;
}
.emoji--sad .emoji__eyebrows:before, .emoji--sad .emoji__eyebrows:after {
  width: 30px;
  height: 20px;
  border: 6px solid #000000;
  box-sizing: border-box;
  border-radius: 50%;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  top: 2px;
  left: calc(50% - 15px);
}
.emoji--sad .emoji__eyebrows:before {
  margin-left: -30px;
  transform: rotate(-30deg);
}
.emoji--sad .emoji__eyebrows:after {
  margin-left: 30px;
  transform: rotate(30deg);
}
.emoji--sad .emoji__eyes {
  width: 14px;
  height: 16px;
  left: calc(50% - 7px);
  top: 50px;
  border-radius: 50%;
  background: transparent;
  box-shadow: 25px 0 0 0 #000000, -25px 0 0 0 #000000;
}
.emoji--sad .emoji__eyes:after {
  background: #548dff;
  width: 12px;
  height: 12px;
  margin-left: 6px;
  border-radius: 0 100% 40% 50%/0 50% 40% 100%;
  transform-origin: 0% 0%;
  -webkit-animation: tear-drop 2s ease-in infinite;
          animation: tear-drop 2s ease-in infinite;
}
.emoji--sad .emoji__mouth {
  width: 60px;
  height: 80px;
  left: calc(50% - 30px);
  top: 80px;
  box-sizing: border-box;
  border: 6px solid #000000;
  border-radius: 50%;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  background: transparent;
  -webkit-animation: sad-mouth 2s ease-in infinite;
          animation: sad-mouth 2s ease-in infinite;
}
.emoji--sad .emoji__mouth:after {
  width: 6px;
  height: 6px;
  background: transparent;
  border-radius: 50%;
  top: 4px;
  left: calc(50% - 3px);
  box-shadow: -18px 0 0 0 #000000, 18px 0 0 0 #000000;
}

.emoji--angry {
  background: linear-gradient(#d5234c -10%, #ffda6a);
  background-size: 100%;
  -webkit-animation: angry-color 2s ease-in infinite;
          animation: angry-color 2s ease-in infinite;
}
.emoji--angry:after {
  content: "Angry";
}
.emoji--angry .emoji__face {
  -webkit-animation: angry-face 2s ease-in infinite;
          animation: angry-face 2s ease-in infinite;
}
.emoji--angry .emoji__eyebrows {
  left: calc(50% - 3px);
  top: 55px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: transparent;
  box-shadow: -44px 5px 0 0 #000000, -7px 16px 0 0 #000000, 7px 16px 0 0 #000000, 44px 5px 0 0 #000000;
}
.emoji--angry .emoji__eyebrows:before, .emoji--angry .emoji__eyebrows:after {
  width: 50px;
  height: 20px;
  border: 6px solid #000000;
  box-sizing: border-box;
  border-radius: 50%;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  top: 0;
  left: calc(50% - 25px);
}
.emoji--angry .emoji__eyebrows:before {
  margin-left: -25px;
  transform: rotate(15deg);
}
.emoji--angry .emoji__eyebrows:after {
  margin-left: 25px;
  transform: rotate(-15deg);
}
.emoji--angry .emoji__eyes {
  width: 12px;
  height: 12px;
  left: calc(50% - 6px);
  top: 70px;
  border-radius: 50%;
  background: transparent;
  box-shadow: 25px 0 0 0 #000000, -25px 0 0 0 #000000;
}
.emoji--angry .emoji__mouth {
  width: 36px;
  height: 18px;
  left: calc(50% - 18px);
  bottom: 15px;
  background: #000000;
  border-radius: 50%;
  -webkit-animation: angry-mouth 2s ease-in infinite;
   animation: angry-mouth 2s ease-in infinite;
}

@-webkit-keyframes heart-beat {
  25% {
    transform: scale(1.1);
  }
  75% {
    transform: scale(0.6);
  }
}

@keyframes heart-beat {
  25% {
    transform: scale(1.1);
  }
  75% {
    transform: scale(0.6);
  }
}
@-webkit-keyframes haha-face {
  10% {
    transform: translateY(25px);
  }
  20% {
    transform: translateY(15px);
  }
  30% {
    transform: translateY(25px);
  }

  40% {
    transform: translateY(15px);
  }
  50% {
    transform: translateY(25px);
  }
  60% {
    transform: translateY(0);
  }
  70% {
    transform: translateY(-10px);
  }
  80% {
    transform: translateY(0);
  }
  90% {
    transform: translateY(-10px);
  }
}
@keyframes haha-face {
  10% {
    transform: translateY(25px);
  }
  20% {
    transform: translateY(15px);
  }
  30% {
    transform: translateY(25px);
  }
  40% {
    transform: translateY(15px);
  }
  50% {
    transform: translateY(25px);
  }
  60% {
    transform: translateY(0);
  }
  70% {
    transform: translateY(-10px);
  }
  80% {
    transform: translateY(0);
  }
  90% {
    transform: translateY(-10px);
  }
}
@-webkit-keyframes haha-mouth {
  10% {
    transform: scale(0.6);
    top: 45%;
  }
  20% {
    transform: scale(0.8);
    top: 45%;
  }
  30% {
    transform: scale(0.6);
    top: 45%;
  }
  40% {
    transform: scale(0.8);
    top: 45%;
  }
  50% {
    transform: scale(0.6);
    top: 45%;
  }
  60% {
    transform: scale(1);
    top: 50%;
  }
  70% {
    transform: scale(1.2);
    top: 50%;
  }
  80% {
    transform: scale(1);
    top: 50%;
  }
  90% {
    transform: scale(1.1);
    top: 50%;
  }
}
@keyframes haha-mouth {
  10% {
    transform: scale(0.6);
    top: 45%;
  }
  20% {
    transform: scale(0.8);
    top: 45%;
  }
  30% {
    transform: scale(0.6);
    top: 45%;
  }
  40% {
    transform: scale(0.8);
    top: 45%;
  }
  50% {
    transform: scale(0.6);
    top: 45%;
  }
  60% {
    transform: scale(1);
    top: 50%;
  }
  70% {
    transform: scale(1.2);
    top: 50%;
  }
  80% {
    transform: scale(1);
    top: 50%;
  }
  90% {
    transform: scale(1.1);
    top: 50%;
  }
}
@-webkit-keyframes yay {
  25% {
    transform: rotate(-15deg);
  }
  75% {
    transform: rotate(15deg);
  }
}
@keyframes yay {
  25% {
    transform: rotate(-15deg);
  }
  75% {
    transform: rotate(15deg);
  }
}
@-webkit-keyframes wow-face {
  15%, 25% {
    transform: rotate(20deg) translateX(-25px);
  }
  45%, 65% {
    transform: rotate(-20deg) translateX(25px);
  }
  75%, 100% {
    transform: rotate(0deg) translateX(0);
  }
}
@keyframes wow-face {
  15%, 25% {
    transform: rotate(20deg) translateX(-25px);
  }
  45%, 65% {
    transform: rotate(-20deg) translateX(25px);
  }
  75%, 100% {
    transform: rotate(0deg) translateX(0);
  }
}
@-webkit-keyframes wow-brow {
  15%, 65% {
    top: 25px;
  }
  75%, 100%, 0% {
    top: 15px;
  }
}
@keyframes wow-brow {
  15%, 65% {
    top: 25px;
  }
  75%, 100%, 0% {
    top: 15px;
  }
}
@-webkit-keyframes wow-mouth {
  10%, 30% {
    width: 20px;
    height: 20px;
    left: calc(50% - 10px);
  }
  50%, 70% {
    width: 30px;
    height: 40px;
    left: calc(50% - 15px);
  }
  75%, 100% {
    height: 50px;
  }
}
@keyframes wow-mouth {
  10%, 30% {
    width: 20px;
    height: 20px;
    left: calc(50% - 10px);
  }
  50%, 70% {
    width: 30px;
    height: 40px;
    left: calc(50% - 15px);
  }
  75%, 100% {
    height: 50px;
  }
}
@-webkit-keyframes sad-face {
  25%, 35% {
    top: -15px;
  }
  55%, 95% {
    top: 10px;
  }
  100%, 0% {
    top: 0;
  }
}
@keyframes sad-face {
  25%, 35% {
    top: -15px;
  }
  55%, 95% {
    top: 10px;
  }
  100%, 0% {
    top: 0;
  }
}
@-webkit-keyframes sad-mouth {
  25%, 35% {
    transform: scale(0.85);
    top: 70px;
  }
  55%, 100%, 0% {
    transform: scale(1);
    top: 80px;
  }
}
@keyframes sad-mouth {
  25%, 35% {
    transform: scale(0.85);
    top: 70px;
  }
  55%, 100%, 0% {
    transform: scale(1);
    top: 80px;
  }
}
@-webkit-keyframes tear-drop {
  0%, 100% {
    display: block;
    left: 35px;
    top: 15px;
    transform: rotate(45deg) scale(0);
  }
  25% {
    display: block;
    left: 35px;
    transform: rotate(45deg) scale(2);
  }
  49.9% {
    display: block;
    left: 35px;
    top: 65px;

    transform: rotate(45deg) scale(0);
  }
  50% {
    display: block;
    left: -35px;
    top: 15px;
    transform: rotate(45deg) scale(0);
  }
  75% {
    display: block;
    left: -35px;
    transform: rotate(45deg) scale(2);
  }
  99.9% {
    display: block;
    left: -35px;
    top: 65px;
    transform: rotate(45deg) scale(0);
  }
}
@keyframes tear-drop {
  0%, 100% {
    display: block;
    left: 35px;
    top: 15px;
    transform: rotate(45deg) scale(0);
  }
  25% {
    display: block;
    left: 35px;
    transform: rotate(45deg) scale(2);
  }
  49.9% {
    display: block;
    left: 35px;
    top: 65px;
    transform: rotate(45deg) scale(0);
  }
  50% {
    display: block;
    left: -35px;
    top: 15px;
    transform: rotate(45deg) scale(0);
  }
  75% {
    display: block;
    left: -35px;
    transform: rotate(45deg) scale(2);
  }
  99.9% {
    display: block;
    left: -35px;
    top: 65px;
    transform: rotate(45deg) scale(0);
  }
}
@-webkit-keyframes hands-up {
  25% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(-15deg) translateY(-10px);
  }
  75%, 100% {
    transform: rotate(0deg);
  }
}
@keyframes hands-up {
  25% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(-15deg) translateY(-10px);
  }
  75%, 100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes thumbs-up {
  25% {
    transform: rotate(20deg);
  }
  50%, 100% {
    transform: rotate(5deg);
  }
}
@keyframes thumbs-up {
  25% {
    transform: rotate(20deg);
  }
  50%, 100% {
    transform: rotate(5deg);
  }
}
@-webkit-keyframes angry-color {
  45%, 60% {
    background-size: 250%;
  }
  85%, 100%, 0% {
    background-size: 100%;
  }
}
@keyframes angry-color {
  45%, 60% {
    background-size: 250%;
  }
  85%, 100%, 0% {
    background-size: 100%;
  }
}
@-webkit-keyframes angry-face {
  35%, 60% {
    transform: translateX(0) translateY(10px) scale(0.9);
  }
  40% {
    transform: translateX(-5px) translateY(10px) scale(0.9);
  }
  45% {
    transform: translateX(5px) translateY(10px) scale(0.9);
  }
  50% {
    transform: translateX(-5px) translateY(10px) scale(0.9);
  }
  55% {
    transform: translateX(5px) translateY(10px) scale(0.9);
  }
}
@keyframes angry-face {
  35%, 60% {
    transform: translateX(0) translateY(10px) scale(0.9);
  }
  40% {
    transform: translateX(-5px) translateY(10px) scale(0.9);
  }
  45% {
    transform: translateX(5px) translateY(10px) scale(0.9);
  }
  50% {
    transform: translateX(-5px) translateY(10px) scale(0.9);
  }
  55% {
    transform: translateX(5px) translateY(10px) scale(0.9);
  }
}
@-webkit-keyframes angry-mouth {
  25%, 50% {
    height: 6px;
    bottom: 25px;
  }
}
@keyframes angry-mouth {
  25%, 50% {
    height: 6px;
    bottom: 25px;
  }
}


/************************************** 
    URL PREVIEW  
**************************************/

.urlDIV {	
    width:100%;
	position:relative;
	display:block; 
	background:pink; 
	cursor:pointer;	
}

.myogim {
	width:100%; 
	height:auto;
	max-height:350px;
	min-height:200px;
	object-fit:cover;
	object-position:center center;
}

.myweb {
	color: #999999;
	font-size:13px;		
	text-transform: uppercase;	
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;	
	box-sizing:border-box;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
}

.mytait {
	font-weight: 500;
    font-family: 'Roboto';
	font-size:16px;	
	text-overflow: ellipsis;
    display: -webkit-box;  
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	overflow: hidden;
	max-width:100%;	
	box-sizing:border-box;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
}

.mydesc {		
 	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	box-sizing:border-box;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	line-height:20px;
}

.mykeyw {		
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 	
	box-sizing:border-box;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	line-height:20px;
}