.tag_msg_write .btn-file-paid{
	position:relative;
	display:block;
	width:40px;
	height:40px;
	border-radius:100%;
    font-size: 24px;
    line-height: 38px !important;
}
.tag_msg_write .btn-file-paid::before {
  content: '';
  position: absolute;
  background-color: currentColor;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
}


.chat-btns-w .btn-file-paid{
	padding: 0;
	border: 0;
	box-shadow: none;

	width:12px;
	height:21px;
	font-size:19px;
	line-height:22px;
	color: var(--main);
	text-align:center;
}



.media-owner-paid{
	position:relative;
}
/*
.media-owner-paid::before{

	content:'$';
	display:flex;
	justify-content:center;
	align-items:center;

	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;

	font-size: 60px;
	color:#ff2c21;
	cursor:pointer;
	pointer-events:none;
	z-index:1;
}
*/

.media-owner-paid{
	overflow:visible!important;
}
.media-owner-paid::before{

	content:'';
	#display:flex;
	#justify-content:center;
	#align-items:center;

	position:absolute;
	left:5px;
	top:5px;
	width:36px;
	height:36px;

	background:url(../img/new/coin3.png) no-repeat center center;

	#font-size: 60px;
	#color:#ff2c21;
	#cursor:pointer;
	pointer-events:none;
	z-index:1;
}
.album-image.media-owner-paid::before{
	#left:-10px;
}


.media-paid-upgrade-comment{
	margin-top:10px;
}
.media-paid-upgrade-comment a{
	color:#ff2c21;
	text-decoration:underline;
}











.red{
	color:#ff2c21;
}
.underline{
	text-decoration:underline;
}

.setting-moder-old-value{
	margin-top:5px;
	font-size:12px;
	color:#ff2c21;
}

.tag_field_comment-wrap{
	margin-bottom:25px;
}

.tag_field_comment-wrap .tag_field{
	margin-bottom:0;
}

.tag_field_comment{
	margin:5px 0 0 0;
	font-size:12px;
}

.album-image-pro-comment{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	padding:10px;
	color:#fff;
}
.album-image-pro-comment a{
	position:relative;
	color:#ffffff;
	text-decoration:underline;
}
.album-image-pro-comment > b{
	margin:0 0 5px 0;
	display:block;
	position:relative;
	font-size:20px;
	font-weight:500;
	text-align:center;
}

.album-image-pro-comment:before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
}
.album-image-pro-comment > i{
	position:relative;
	display:block;
	margin:0 auto 5px auto;
	width:32px;
	height:32px;
	background:url(../img/new/icon-lock-white.svg) center center no-repeat;
}
.album-image-pro-comment > span{
	position:relative;
}
.btn-comment-image-paid{
	padding: 0;
	border: 0;
	box-shadow: none;

	width:12px;
	height:19px;
	font-size:19px;
	line-height:22px;
	color: var(--main)!important;
	text-align:center;
}

.comment-image{
	position:relative;
}


.album_add_photo2{
	position:absolute;
	top:18px;
	right:50px;
}
.album_add_photo2 a{
	color: #212529;
}
.album_add_photo2 a:hover{
	color:var(--main);
}
.album_add_photo2 a:hover svg path{
	fill:var(--main);
}

/*  sidebar2*/


.sidebar2{
	bottom: 0;
	height: calc(100% - 81px);
	position: fixed;
	left: 0;
	top: 81px;
	width: 240px;

	transform: rotateX(-15deg);
    -webkit-transform-origin: 50% -50px;
    transform-origin: 50% -50px;
    opacity: 0;
    transition: 250ms;
    transition-property: transform,-webkit-transform;
    will-change: transform,opacity;
    pointer-events: none;
}
body.side_open .sidebar2 {
    opacity: 1;
    transform: rotateX(0deg);
    pointer-events: auto;
    z-index: 1046;
}

.sidebar2-scroll{


	height: 100%;

	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	background:white;
	overflow-y: auto;
	overscroll-behavior-y: contain;
	padding: 26px 26px 26px 18px;

}



@media (min-width:992px) {
	.sidebar2-scroll::-webkit-scrollbar {width: 11px;height: 11px;}
	.sidebar2-scroll::-webkit-scrollbar-thumb {background-color: #babac0;border-radius: 12px;border: 3px solid #fff;}
	.sidebar2-scroll::-webkit-scrollbar-button {display:none;}
}

.sidebar2-menu{
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}
.sidebar2-menu > li{
	position:relative;
	display:block;
	margin:0 0 20px 0;

	min-height:20px;
}
.sidebar2-menu > li,
.sidebar2-menu > li > a,
.sidebar2-menu > li > span{
	color:black;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 33px;
	letter-spacing: 0em;
	text-align: left;
}
.sidebar2-menu > li > a,
.sidebar2-menu > li > span{
	display:inline-block;
	padding:0 0 0 32px;
	position:relative;
	cursor:pointer;
}
.sidebar2-menu > li > a::before,
.sidebar2-menu > li > span::before{
	content:'';
	display:block;
	position:absolute;
	left:0;

}
.sidebar2-menu > li > .sidebar2-inbox::before{
	width:20px;
	height:18px;
	top:5px;
	background:url(../img/new/sidebar2-inbox.svg);

}
.sidebar2-menu > li > .sidebar2-outbox::before{
	width:20px;
	height:18px;
	top:5px;
	background:url(../img/new/sidebar2-outbox.svg);

}


.sidebar2-menu > li > .sidebar2-chats::before{
	width:20px;
	height:20px;
	top:5px;
	background:url(../img/new/sidebar2-chats.svg);

}
.sidebar2-menu > li > .sidebar2-favorites::before{
	width:24px;
	height:23px;
	top:5px;
	background:url(../img/new/sidebar2-favorites.svg);

}
.sidebar2-menu > li > .sidebar2-referal::before{
	width:22px;
	height:18px;
	top:5px;
	background:url(../img/new/sidebar2-referal.svg);

}
.sidebar2-menu > li > .sidebar2-help::before{
	width:20px;
	height:20px;
	top:5px;
	background:url(../img/new/sidebar2-help.svg);

}
.sidebar2-menu > li > .sidebar2-blog::before{
	width:18px;
	height:20px;
	top:5px;
	background:url(../img/new/sidebar2-blog.svg);

}
.sidebar2-menu > li > .sidebar2-about::before{
	width:20px;
	height:20px;
	top:5px;
	background:url(../img/new/sidebar2-about.svg);

}
.sidebar2-menu > li > .sidebar2-signout::before{
	width:19px;
	height:20px;
	top:5px;
	background:url(../img/new/sidebar2-signout.svg);

}

.sidebar2-submenu{
	#display:none;
	display:block;
	margin:0;
	padding:0 0 0 31px;
	list-style:none;
}
.sidebar2-submenu > li{
	dispay:block;
	margin:0 0 3px 0;
	min-height:14px;
}
.sidebar2-submenu > li,
.sidebar2-submenu > li > a,
.sidebar2-submenu > li > span{
	color:#7E7E85;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0em;
	text-align: left;

}
.sidebar2-submenu > li > a,
.sidebar2-submenu > li > span{
	display:inline-block;
	padding:0 0 0 25px;
	position:relative;
}
.sidebar2-submenu > li > a::before,
.sidebar2-submenu > li > span::before{
	content:'';
	display:block;
	position:absolute;
	left:0;

}
.sidebar2-submenu > li > .sidebar2-letters::before{
	width:15px;
	height:14px;
	top:5px;
	background:url(../img/new/sidebar2-letters.svg);
}
.sidebar2-submenu > li > .sidebar2-dialogues::before{
	width:15px;
	height:14px;
	top:5px;
	background:url(../img/new/sidebar2-dialogues.svg);
}
.sidebar2-submenu > li > .sidebar2-dialogues::after{
	width:4px;
	height:4px;
	right:15px;
	top:5px;
	background:url(../img/new/sidebar2-dialogues2.svg);
}
.sidebar2-submenu > li > .sidebar2-favorites2::before{
	width:15px;
	height:14px;
	top:5px;
	background:url(../img/new/sidebar2-favorites2.svg);
}




/* mailbox */

.letters-container{
	/* height:calc(100vh - 80px - 30px); */
	height:calc(100vh - 80px - 90px);
	#background:white;
	padding:0 15px;

	display:flex;

}

.letters-buttons{
	flex:0 0 100px;
}
.letters-subcontainer{
	flex:0 1 auto;
	margin-left:15px;
}


.letters-buttons ul{
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}
.letters-buttons ul li{
	display:block;
	margin-bottom:15px;
}

.letters-buttons ul li,
.letters-buttons ul li a{
	color: #212529;
	font-size: 14px;
	font-weight: 500;
}

.letters-buttons ul li.active a:not(.cc-btn){
	color:var(--main);
}


.letters-container .container{
	height:100%;
}

.letters-header-wrap{
	position:relative;
}

.letters-content{
	#height:100%;
	height:calc(100% - 26px - 15px);
	display:flex;
	flex-direction:column;
	box-shadow: 0px 4px 39px rgba(162, 168, 218, 0.25);
	border-radius: 20px;
}

.letters-body-wrap{
	flex-grow:1;
	overflow-y:auto;
}



.letters-header,
.letters-body{
	width:100%;
	border-collapse:collapse;
	table-layout: fixed;

	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;
	#color: #9DA4AA;
	color:#000;

}

.letters-header th,
.letters-header td,
.letters-body th,
.letters-body td{
	padding:9px 0;
	min-height:48px;

}

.letters-header tr,
.letters-body tr{
	border-bottom: 2px solid #E8E8E8;
}
.letters-header td{
	color:#03121F;
	#font-weight:700;
}

.letters-body{
	line-height:1.3;
}

.letters-body tr{
	#cursor:pointer;
}

/*
.letters-body tr.letter-unread{
	font-weight: 500;
	color:#000;
	background:#f0f0f0;
}
*/
.letters-body tr:hover{
	#font-weight: 500;
	#color:#000;
	background:#f0f0f0;
}

.letters-body a{
	#color: #9DA4AA;
	color:#000;
}
.letters-body tr.letter-unread a{
	color:#000;
}

.letters-body tr.letter-deleted{
	#opacity:0.5;
	text-decoration: line-through;
}


.letters-content .td0{
	width:30px;
	text-align:center;
}

.letters-content .td1{
	width:10%;
}

.letters-content .td2{
	width:77%;
}

.letters-content .td3{
	width:13%;
}

.td1-flex{
	display:flex;
	align-items:center;
	height:100%;

}
.td1-1{
	flex:1 1 auto;
	text-align:center;
}
.td1-2{
	flex:0 0 64px;

}

.td2-flex{
	display:flex;
	align-items:center;
	height:100%;
}
.td2-1{
	flex:0 0 15%;
	padding-left:25px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.td2-1 a{

}

.td-link{
	min-height:64px;
	display:flex;
	align-items:center;
}


.td2-2{
	flex:0 0 12%;
	padding-left:15px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

/*
.td2-3{
	flex:0 0 20%;
	padding-left:15px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
*/
.td2-4{
	flex:0 0 67%;
	padding-left:15px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
min-width:0;
}
.td2-4.td-link span{

}
.td2-5{
	flex:0 0 7%;
	padding-left:15px;
}
.td2-6{
	flex:0 0 10%;
	#padding-left:10px;
	white-space:nowrap;
}
.td2-6 img + img{
	margin-left:4px;
}

.letter-free-label{
	margin-left:5px;
	margin-right:5px;
	padding: 5px 5px;
	line-height:1;
	display: inline-block;
	border-radius: 5px;
	font-size:12px;
	color:white;
	background:#4CAF50;
}
.letter-free-label:first-child{
	margin-left:0;
}

.td3-flex{
	display:flex;
	align-items:center;
	height:100%;
}
.td3-1{
	flex:0 0 50%;

}
.letters-body .td3-1,
.letters-body .td3-1 a{
	font-size:12px;
}
.td3-2{
	flex:0 0 50%;
	text-align:center;
}





.letters-content .th1{
	#width:56px;
	width:4.071428571428571%;
	text-align:center;
}
.letters-content .th2{
	min-width:64px;
	width:6.214285714285714%;
	#padding-right:15px;
}
.letters-content .th2:before {
  content: '';
  display: block;
  width: 80px;
}
.letters-content .th3{
	width:12.35714285714286%;
	padding-right:15px;
	padding-left:15px;
}
.letters-content .th4{
	width:10.35714285714286%;
	padding-right:15px;
}
.letters-content .th5{
	width:15.71428571428571%;
	padding-right:15px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.letters-content .th6{
	width:23.14285714285714%;
	padding-right:15px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.letters-content .th7{
	width:31px;
	padding-right:11px;
}
.letters-content .th8{
	#min-width:37px;
	width:7.428571428571429%;
	padding-right:15px;
}
.letters-content .th9{
	min-width:120px;
	width:11.57142857142857%;
	padding-right:15px;
}
.letters-content .th10{
	#width:76px;
	width:10.57142857142857%;
	padding-right:30px;

}

.td1-1 img{
	margin:0 auto;
	cursor:pointer;
}

.letter-favorites-on{
	display:none;
}
.letter-favorites-off{
	display:block;
}
.td1-1.favorites .letter-favorites-off{
	display:none;
}
.td1-1.favorites .letter-favorites-on{
	display:block;
}


.letters-avatar{
	position:relative;
	display:block;
	width:64px;
	height:64px;
}
.letters-avatar img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius: 12px;
}
.letters-avatar-online{
	display:block;
	position:absolute;
	right:-5px;
	bottom:-3px;
	width:14px;
	height:14px;
	border-radius:100%;
	background:#4CAF50;
	box-shadow: 0 0 0 4px white;
}
.letters-avatar-online.offline{
	background:#b6b6b6;
}
.letters-avatar-offline{
	display:block;
	position:absolute;
	right:-5px;
	bottom:-3px;
	width:14px;
	height:14px;
	border-radius:100%;
	background:#b6b6b6;
	box-shadow: 0 0 0 4px white;
}


.letters-actions .dropdown-toggle{
	width:26px;
	padding:5px 0;
	background:none;
	border:none;
	box-shadow:none;
	text-align:center;
	font-size:0;
	line-height:1;
}
.letters-actions .dropdown-toggle:not(:disabled):not(.disabled).active,
.letters-actions .dropdown-toggle:not(:disabled):not(.disabled):active,
.letters-actions.show > .btn-secondary.dropdown-toggle{
	color: #fff;
	background-color:#fff;
	border:none;
	border-color:#fff;
	box-shadow:none;
}
.letters-actions.show > .btn-secondary.dropdown-toggle:focus{
	box-shadow:none;
}

.letters-actions .dropdown-toggle i{
	position:relative;
	display:inline-block;
	width:6px;
	height:6px;
	border-radius:100%;
	#background:#ACACAC;
	#background:#000;
	background:#999;
}
.letters-actions .dropdown-toggle i::before,
.letters-actions .dropdown-toggle i::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:-10px;
	width:6px;
	height:6px;
	border-radius:100%;
	#background:#ACACAC;
	background:#999;
}
.letters-actions .dropdown-toggle i::after{
	left:auto;
	right:-10px;

}

.letters-actions.show .dropdown-toggle i,
.letters-actions.show .dropdown-toggle i::before,
.letters-actions.show .dropdown-toggle i::after{
	background:#D5232F;
}


.dropdown.dropdown2 .dropdown-menu{
	box-shadow: 0px 4px 39px rgba(162, 168, 218, 0.53);
	border-radius: 20px;
	padding:0;
	overflow: hidden;
}
.dropdown.dropdown2 .dropdown-item{
	font-size: 16px;
	font-style: normal;
	#font-weight: 500;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;
	padding:8px 16px;
	border-bottom:2px solid #E8E8E8;
}
.dropdown.dropdown2 .dropdown-item:last-children{
	border-bottom:none;
}


.letters-actions .dropdown-menu{
	box-shadow: 0px 4px 39px rgba(162, 168, 218, 0.53);
	border-radius: 20px;
	padding:0;
	overflow: hidden;
}
.letters-actions .dropdown-item{
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;
	padding:10px 16px;
	border-bottom:2px solid #E8E8E8;
	cursor:pointer;
}
.letters-actions .dropdown-item:last-children{
	border-bottom:none;
}
.letters-actions .dropdown-item svg{
	display:inline-block;
	vertical-align:middle;
	margin-right:13px;
	margin-top: -3px;
}
.letters-actions .dropdown-item:hover{
	color:#FF2C21;
	background:white;
}
.letters-actions .dropdown-item:hover svg path{
	fill:#FF2C21;
}
.letters-actions .dropdown-item img{
	display:inline-block;
	vertical-align:middle;
	margin-right:13px;
	margin-top: -3px;
	filter: brightness(0);
}
.letters-actions .dropdown-item:hover img{
	filter:none;
}

.letters-actions .icon-trash::before{
	content:'';
	display:inline-block;
	width:14px;
	height:14px;
	background:url(../img/new/icon-trash.svg) no-repeat 0 0;
	vertical-align:middle;
	margin-right:13px;
	margin-top: -3px;
	filter: brightness(0);
}
.letters-actions .icon-mark-as-read::before{
	content:'';
	display:inline-block;
	width:15px;
	height:14px;
	background:url(../img/new/icon-mark-as-read.svg) no-repeat 0 0;
	vertical-align:middle;
	margin-right:13px;
	margin-top: -3px;
	filter: brightness(0);
}
.letters-actions .icon-mark-as-unread::before{
	content:'';
	display:inline-block;
	width:15px;
	height:14px;
	background:url(../img/new/icon-mark-as-read.svg) no-repeat 0 0;
	vertical-align:middle;
	margin-right:13px;
	margin-top: -3px;
	filter: brightness(0);
}

.letters-actions .icon-block::before{
	content:'';
	display:inline-block;
	width:14px;
	height:14px;
	background:url(../img/new/icon-block.svg) no-repeat 0 0;
	vertical-align:middle;
	margin-right:13px;
	margin-top: -3px;
	filter: brightness(0);
}
.letters-actions .icon-all::before{
	content:'';
	display:inline-block;
	width:14px;
	height:14px;
	background:url(../img/new/icon-all.svg) no-repeat 0 0;
	vertical-align:middle;
	margin-right:13px;
	margin-top: -3px;
	filter: brightness(0);
}



.letters-actions .dropdown-item:hover::before{
	filter:none;
}

.letters-actions .icon-mark-as-read{
	display:none;
}

.letter-unread .icon-mark-as-unread{
	display:none;
}
.letter-unread .icon-mark-as-read{
	display:block;
}






.letters-nav{
	margin-bottom:15px;
	display:flex;
	align-items:center;
	justify-content:flex-end;
}

.letters-nav-actions{
	margin-right:auto;
}


.letters-current-user{
	display:flex;
	align-items:center;
}
.letters-current-user .notification-list{
	margin:0 0 0 15px;
	padding:0;
}

.create-letter{
	margin-left:auto;
}


.letters-filter{
	display:flex;
	align-items:center;
}
.arrow-down2{
	margin-left:6px;
	padding-left:18px!important;
	position:relative;
}
.arrow-down2::before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:4px;
	width:14px;
	height:8px;
	background:url(../img/new/arrow-down.svg) no-repeat 0 0;
	transition: transform .1s ease-in-out;
}
.dropdown.show .arrow-down2::before{
	transform:rotate(180deg);
}


.dropdown-toggle2{
	padding:0;
	background:none;
	border:none;
	box-shadow:none;
	text-align:left;
	line-height:1;
	color: #000;
}
.dropdown-toggle2:not(:disabled):not(.disabled).active,
.dropdown-toggle2:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle2{
	color: #000;
	background-color:#fff!important;
	border:none;
	border-color:#fff;
	box-shadow:none;
}
.btn-secondary.dropdown-toggle2:focus,
.btn-secondary.dropdown-toggle2:hover{
	box-shadow:none!important;
	background-color:#fff!important;
	border:none;
	border-color:#fff;
	color: #000;
}



.letters-refresh-button{
	margin-left:40px;
	position:relative;
	display:inline-block;
}
.letters-refresh-button svg{
	display:inline-block;
}
.letters-refresh-button i{
	display:block;
	position:absolute;
	left:16px;
	bottom:16px;
	background:#D5232F;
	border-radius: 6px;
	height: 16px;
	line-height:16px;
	padding:0 6px;
	white-space:nowrap;


	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0em;
	text-align: left;
	color:#fff;
}



.letters-pages{
	margin-left:24px;
}

.letters-pages .next{
	margin-left:16px;
}
.letters-pages-num{
	margin-left:4px;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;
	#color:#C2C2C2;

}


.gray2{
	color:#C2C2C2;
}

.letters-header-1 .td3-1 a{
	margin-left:5px;
}
.letters-header-1 .desc{
	transform:rotate(180deg);
}


.letters-search-name-toggle{
	cursor:pointer;
}

.letters-search-name{
	display:none;
	white-space:nowrap;

}

.letters-search-name-wrap{
	position:relative;
	display:inline-block;
	width:calc(100% - 20px);
}

.letters-search-name-input{
	#width:calc(100% - 20px);
	width:100%;
	border: 1px solid #ACACAC;
	padding-right:15px;
}
.letters-search-name-input.error{
	border-color:#D5232F;
}
.letters-search-name-clear{
	position:absolute;
	right:4px;
	top:50%;
	margin-top:-5px;
	cursor:pointer;
}


.letters-search-submit{
	vertical-align:middle;
}






.letters-search-id-toggle{
	cursor:pointer;
}

.letters-search-id{
	display:none;
	white-space:nowrap;

}

.letters-search-id-wrap{
	position:relative;
	display:inline-block;
	width:calc(100% - 20px);
}

.letters-search-id-input{
	#width:calc(100% - 20px);
	width:100%;
	border: 1px solid #ACACAC;
	padding-right:15px;
}
.letters-search-id-input.error{
	border-color:#D5232F;
}
.letters-search-id-clear{
	position:absolute;
	right:4px;
	top:50%;
	margin-top:-5px;
	cursor:pointer;
}





@media (max-width:1200px){
	.letters-container .container{
		max-width:100%!important;
	}

}
@media (max-width:992px){

	.letters-container{
		display:block;
	}
	.letters-buttons{
		padding-top:15px;
	}
	.letters-subcontainer{
		margin-left:0;
	}

	.letters-buttons ul li{
		display:inline-block;
		margin-right:15px;
	}

	.letters-buttons .cc-btn{
		display:inline-block;
		width:auto;
	}

	.letters-nav{
		margin-top:15px;
		flex-wrap:wrap;
		justify-content:flex-start;
	}
	.letters-refresh{
		#order:2;
		margin-left:20px;
	}
	.letters-pages{
		#width:100%;
		#margin-top:15px;
		margin-left:auto;
		order:3;
		display:flex;
		#justify-content:flex-end;
	}

	.letters-header, .letters-body{
		#display:block;
	}
	.letters-header, .letters-body{
		#display:block;
	}
	.letters-body tr{
		#display:flex;
		#flex-wrap:wrap;
	}
	.letters-content .th1{
		flex:0 0 40px;
	}
	.letters-content .th2{
		flex:0 0 64px;
	}
	.letters-content .th3{
		flex:0 0 calc(100% - 40px - 64px);
	}
	.letters-content .th4{
		flex:0 0 calc(100% - 40px - 64px);
	}
	.letters-content .th5{
		flex:0 0 calc(100% - 40px - 64px);
	}
	.letters-content .th6{
		flex:0 0 calc(100% - 40px - 64px);
	}


	.letters-content .td1{
		width:80px;
	}
	.letters-content .td2{
		width:calc(100% - 80px - 100px);
	}
	.letters-content .td3{
		width:100px;
		text-align:right;
		padding-right:15px;

	}
	.letters-body .td3{
		font-size:12px;
		line-height:1.4;
	}


	.td1-flex{
		flex-direction:column;
	}
	.td1-2{
		order:1;
	}
	.td1-1{
		order:2;
		margin-top:5px;
	}

	.td2-1 br{
		display:none;
	}

	.td2-flex{
		display:block;
	}
	.td2-1{
		padding-left:15px;
	}
	.td2-5,
	.td2-6{
		display:inline-block;
	}


	.td3-flex{
		display:block;
		padding-left:15px;
	}
	.td3-2{
		margin-top:10px;
		text-align:right;
	}

	.td1-2{

	}


	.letters-header-1 .td2-1,
	.letters-header-1 .td2-2,
	.letters-header-1 .td2-3,
	.letters-header-1 .td2-5,
	.letters-header-1 .td2-6{
		display:none;
	}

	.letters-header-2 .td2-2,
	.letters-header-2 .td2-3,
	.letters-header-2 .td2-4,
	.letters-header-2 .td2-5,
	.letters-header-2 .td2-6{
		display:none;
	}


	.td-link{
		min-height:0;
		display:block;
	}

}










/* Letter */

.letter-wrap{

}
.letter-container{
	max-width:1160px;
	margin:0 auto;
}

.letter-nav{
	padding-bottom:15px;
}

.letter-nav a{
	#font-size: 24px;
	font-style: normal;
	font-weight: 400;
	#line-height: 39px;
	letter-spacing: 0em;
	text-align: left;
	#color:#D5232F;
	color:white;
	text-decoration:none;
}
.letter-nav a svg{
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
	margin-top:-3px;
	height:12px;
	width:auto;
}
.letter-content{
	background: #FFFFFF;
	box-shadow: 0px 4px 39px rgba(162, 168, 218, 0.25);
	border-radius: 20px;
	padding:43px 65px 80px 65px;
}
.letter-row{
	display:flex;
}
.letter-left{
	flex:0 0 30%;
}
.letter-right{
	flex:1 1 auto;
	margin-left:30px;
}

.letter-form-wrap{
	flex:0 0 100%;
}


.letter-photo{
	position:relative;
	margin-bottom:25px;
}

.letter-photo img{
	display:block;
	width:100%;
	height:auto;
	border-radius: 20px;
}
.letter-photo .letters-avatar-online{
	right: -10px;
	bottom: -6px;
	width: 30px;
	height: 30px;
}

.letter-thumbs{
	margin-left:-5px;
	margin-right:-6px;
}
.letter-thumb{
	position:relative;
	display:inline-block;
	margin-top:6px;
	margin-right:6px;
	margin-left:6px;

	width:78px;
	height:78px;

	cursor:pointer;
	border-radius: 8px;
	overflow:hidden;
}
.letter-thumb > img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius: 8px;
}
.letter-svg-free{
	position:absolute;
	left:50%;
	top:50%;
	width:22px;
	height:18px;
	margin-left:-11px;
	margin-top:-9px;


	fill: #fff;
	fill-rule: evenodd;
}



.letter-thumb.private{
	overflow:hidden;
	border-radius: 6px;
	cursor:default;
}

.letter-thumb.private img{
	filter: blur(20px);
}

.letter-thumb.video-private{
	overflow:hidden;
	border-radius: 6px;
	cursor:default;
}
.letter-thumb.video-private::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#333;
	filter: blur(20px);
}


.letter-thumb > video{
  position: absolute;
  z-index: 0;
  object-fit: cover;
  width:100%;
  height:100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius:8px;
}
.letter-thumb > video::-webkit-media-controls {
	display:none !important;
}



.letter-thumb.private111 span,
.private-video{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;

	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 13px;
	letter-spacing: 0em;
	text-align: center;
	#color:rgba(255, 255, 255, 0.49);
	color:#fff;
}


.letter-thumb-overlay{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;

	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 13px;
	letter-spacing: 0em;
	text-align: center;
	background:rgba(0, 0, 0, 0.3);
	color:#fff;

	border-radius: 8px;
}
.letter-thumb-overlay svg{
	#margin-bottom:6px;
}
.private-text{
	margin-top:6px;
}


/*
.letter-thumb.private span::before,
.private-video111::before{
	content:'';
	display:block;
	width:40px;
	height:49px;
	background:url(../img/new/private.svg) no-repeat 0 0;
	margin-bottom:2px;
}
*/

.letter-video{
	margin-top:24px;
	padding:0 15px;
}



.letter-info-wrap{
	display:flex;
}
.letter-info{
	flex:1 1 auto;
	min-width:0;

	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;

}
.letter-buttons{
	flex:0 0 170px;
	margin-left:30px;
}
.letter-buttons .btn{
	width:100%;
	margin-bottom:15px;
}
.letter-buttons .btn:last-child{
	margin-bottom:0;
}

.letter-username-wrap{
	margin-bottom:15px;
	line-height:1;
	font-size: 40px;
	font-style: normal;

	letter-spacing: 0em;
	text-align: left;
	color:#03121F;
}
.letter-username{
	margin-right:15px;
	font-weight: 600;
}
.letter-online{
	margin-right:15px;
	vertical-align:middle;
	display:inline-block;
	width:24px;
	height:24px;
	background:#009f83;
	border-radius:100%;
}
.letter-camera{
	margin-right:15px;
}
.letter-camera img{
	height:24px;
	width:auto;
}
.letter-fav{
	cursor:pointer;
	margin-right:12px;
	height:29px;
	width:auto;
}
.letter-unfav{
	cursor:pointer;
	margin-right:12px;
	height:29px;
	width:auto;
}

.letter-favorites .letter-unfav{
	display:none;
}
.letter-favorites.favorites .letter-unfav{
	display:inline;
}
.letter-favorites.favorites .letter-fav{
	display:none;
}



.letter-id{
	padding-left:25px;
	#color:#ACACAC;
	color:#666;
}
.letter-title{
	margin-top:25px;
	#font-weight:600;
	margin-right:10px;
}
.letters-body tr.letter-unread .letter-title{
	font-weight:600;
}
.letters-body tr.letter-unread .td2-4 {
	font-weight:600;
}


.letter-text{
	margin-top:24px;
}

.letter-date{
	margin-top:16px;
	#color:#ACACAC;
	color:#333;
}

.letter-info h3{
	margin:25px 0 15px 0;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 39px;
	letter-spacing: 0em;
	text-align: left;
	color:#03121F;
}



.letter-form-h3{
	margin-bottom:1em;
	font-size:16px;
}
.letter-form-h3 h3{
	margin:0;
	display:inline-block;
}


.letter-form .form-group{
	margin-bottom:15px;
}
.form-control2{
	#width:338px;
	width:100%;

	height:32px;
	border: 1px solid #ACACAC;
	border-radius: 12px;
	background-color: #fff;
	padding:0 16px;

	font-family: 'Catamaran', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: inherit;
	letter-spacing: 0em;
	text-align: left;

}
textarea.form-control2{
	width:100%;
	padding:16px;
	height: 250px;
	#resize: none;
}
.letter-textarea{
	position:relative;
}

.textarea-editable-letter{
	width:100%;
	padding:16px;
	height: 250px;
	resize: vertical;
	overflow-y:auto;
}





.letter-smile-container{
	position:absolute;
	top:5px;
	right:5px;
	display:flex;
	align-items:center;
}

.btn-letter-sticker{
	padding: 0;
	background: transparent;
	line-height: 1;
	box-shadow: none;
	border: 0;
}

.letter-stickers{
	margin:0 -5px;
}

.letter-sticker-item{
	position:relative;
	display:inline-block;
	margin:5px;
}
.letter-sticker-item img{
	display:inline-block;
	height:100px;
	width:auto;
}
.letter-sticker-delete{
	width: 36px;
	height: 36px;
	position: absolute;
	#padding: 0 5px;
	right: 5px;
	top: 5px;
	color: white;
	background: rgba(0, 0, 0, 0.5) url(../img/new/image-delete.svg) no-repeat center center;
	border-radius: 50%;
	z-index: 1;
	cursor:pointer;
}
.letter-sticker-delete:hover{
	background-color: rgba(0, 0, 0, 0.8);
}

.letter-stickers2 .letter-sticker-item img{
	#height:200px;
}



.letter-vgifts-list{
	display:flex;
	flex-wrap:wrap;
	margin:25px -5px;
}
.letter-vgifts-list .vgift-item{
	flex: 0 0 25%;
}













.letter-form-buttons{
	margin-top:24px;
}
.letter-form-buttons .btn{
	#display:inline-block;
	vertical-align:middle;
	#height:30px;
	#line-height:29px;

	margin:0 15px 15px 0;
	#width:auto;
	#min-width:150px;
}
.btn-span{
	margin-top:-10px;
	position:relative;
	display:inline-block;
	vertical-align:middle;
}
.btn-span i{
	display:block;
	position:absolute;
	left: 17px;
	bottom: 20px;
	border-radius:100%;
	border:1px solid #D5232F;

	width:11px;
	height:11px;

	font-family: Roboto;
	font-size: 8px;
	font-style: normal;
	font-weight: 400;
	line-height: 9px;
	letter-spacing: 0em;
	text-align: center;
	color:#D5232F;

}

.letter-form-buttons .add.disabled{
	background:#EAEAEA;
	border:none;
	color:white;
}
.letter-form-buttons .add.disabled:hover{
	background:#EAEAEA;
	border:none;
	color:white;

}
.letter-form-buttons .send{
	min-width:120px;
}




/*
.btn-letter{
	position:relative;
	margin-bottom:15px;
	height:36px;
	line-height:36px;
	padding:0 16px;
	border: 1px solid #D5232F;
	background:#D5232F;
	#border-radius:12px;


	width:100%;
	font-family: "Roboto", sans-serif;
	font-style: normal;
	font-size: 14px;
	font-weight: 500;
	overflow: hidden;
	box-shadow: none;


	#line-height: 1;
	letter-spacing: 0em;
	text-align: center;
	color:white;

}
.btn-letter:active,
.btn-letter:focus{
	color:white;
}

.btn-letter:hover{
	background:white;
	color:#D5232F;

}
.btn-letter.invers{
	border: 1px solid #D5232F;
	background:white;
	color:#D5232F;
}
.btn-letter.invers:hover{
	background:#D5232F;
	color:white;
}
*/


.btn-letter{

}








.btn-letter input[type="file"]{
	left:0;
	width:100%;
}



.btn-letter svg{
	margin-right:9px;
}
/*
.btn-letter:hover svg path{
	fill:#D5232F;
}
.btn-letter.invers:hover svg path{
	fill:#fff;
}
*/

.btn-letter.camshare{

}

.btn-letter.camshare svg{
	margin-top:-3px;
}

/*
.btn-blue{
	background-color: #2196F3;
	border: 1px solid #2196F3;
	opacity:0.8;
}
.btn-blue:hover{
	color:white;
	opacity:1;
}
.btn-letter.btn-blue:hover svg path{
	fill:#fff;
}
*/

.letter-footer{
	margin:40px 0;
	display:flex;
	justify-content:space-between;
}
.letter-footer-prev{
	width:calc(50% - 15px);
}
.letter-footer-next{
	width:calc(50% - 15px);
}
.letter-footer h3{
	margin:0 0 15px 0;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 39px;
	letter-spacing: 0em;
	text-align: left;
	color:#03121F;
}


.letter-minicard{
	padding:23px 24px;
	box-shadow: 0px 4px 39px rgba(162, 168, 218, 0.25);
	border-radius: 20px;
	display:flex;
}
.letter-minicard .img-wrap{
	flex:0 0 79px;
	width:79px;
	height:91px;
}
.letter-minicard .img-wrap img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.letter-minicard-content{
	flex:1 1 auto;
	margin-left:16px;

}
.letter-minicard-title{
	display:flex;
	justify-content:space-between;
}
.letter-minicard-username{

	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 39px;
	letter-spacing: 0em;
	text-align: left;
	color:#03121F;
}
.letter-minicard-id{
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px;
	letter-spacing: 0em;
	text-align: left;
	color:#ACACAC;
}
.letter-minicard-excerpt{
	margin-top:3px;
}






.ad-modal2{
	position:relative;
	max-width:772px;
}

.ad-modal2 .modal-content {
	position:relative;
	padding: 32px 33px 30px 33px;
	border-radius: 20px;
	border: 0;
	background:white;
}

.ad-modal2-close{
	position:absolute;
	top:16px;
	right:16px;
	background:none;
	border:none;
	outline:none;
	padding:0;
	box-shadow:none;
	z-index:1;
}

.ad-modal2-back{
	position:absolute;
	top:16px;
	left:55px;
	z-index:1;

	background:none;
	border:none;
	outline:none;
	padding:0;
	box-shadow:none;

	font-size: 14px;
	font-weight: 400;
	line-height: 23px;
	letter-spacing: 0em;
	text-align: left;
	color:#D5232F;
	text-decoration:underline;
}
.ad-modal2-back svg{
	margin-right:5px;
}


.ad-modal2 h3{
	margin:0 0 24px 0;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 39px;
	letter-spacing: 0em;
	text-align: left;
	color:#000;
}

.ad-modal2 h4{
	margin:0 0 10px 0;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 39px;
	letter-spacing: 0em;
	text-align: left;
	color:#D5232F;
}


.ad-modal-thumbs{
	margin:0 -12px;
	display:flex;
	flex-wrap:wrap;
}
.ad-modal-thumb{
	display:block;
	margin:0 12px 24px 12px;
	width:90px;
	height:90px;
	cursor:pointer;
}
.ad-modal-thumb img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.ad-modal-thumb video{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.ad-modal-thumbs h4{
	flex:1 1 100%;
	margin:0 12px 12px 12px;
}
.ad-modal-thumbs p{
	margin:0 12px 12px 12px;
}



@media (max-width:768px) {

	.ad-modal2 .modal-content{
		padding:30px 15px 30px 15px;
	}

}














.ad-modal-video{
	position:relative;
}
.video-play{
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.2);
	transition:background 0.3s ease;
}
.video-play:hover{
	background:rgba(0,0,0,0.5);
}
.play-button1::after{
	content:'';
	display:block;
	position:absolute;
	width:40px;
	height:40px;
	background:url(../img/new/play-button1.png) no-repeat 0 0;
}

.modal.fade.show{
	background: rgba(0,0,0,.3);
}


#letter-photo-modal .modal-content{
	height:500px;
}


#letter-gift-modal .modal-content{
	max-height:calc(100vh - 134px - 128px);
	padding:0;
	max-width:816px;
}
.modal-scroll{
	flex:1 1 auto;
	overflow-y:auto;
	padding:20px 20px 0 20px;
	margin:0 0 0 -20px;
	margin-bottom:16px;
}
.modal-scroll::-webkit-scrollbar {
  width:6px;
  border-radius:6px;
}

.modal-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-scroll::-webkit-scrollbar-thumb {
  background-color: #D5232F;
  outline: 1px solid slategrey;
}

.ad-modal-loader  img{
	display:block;
	margin:0 auto;
}




.modal-gifts{
	display:flex;
	flex-wrap:wrap;
}
.modal-gift{
	position:relative;
	width:128px;
	margin:0 16px 16px 0;
	padding:16px;
	background: #FFFFFF;
	box-shadow: 0px 0px 25px rgba(162, 168, 218, 0.39);
	border-radius: 20px;
	display:flex;
	flex-direction:column;
}
.modal-gift .img-wrap{
	width:96px;
	height:96px;
}
.modal-gift .img-wrap img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius: 12px;
}

#letter-gift-modal h3{

}

.modal-gift h5{
	margin:5px 0 8px 0;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 23px;
	letter-spacing: 0em;
	text-align: center;

}
.modal-gift-buttons{
	margin-top:auto;
}
.modal-gift-buttons button{
	width:100%;
	height:24px;
	line-height:1;
	margin:0;


	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0em;

}
.modal-gift-buttons .remove{
	display:none;
}
.modal-gift-price{
	margin-top:4px;
	text-align:center;

	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px;
	letter-spacing: 0em;
}
.modal-gift-price i{
	font-style:normal;
	color:#009F83;
}

.modal-gift.active{
	background:#DEFFF9;
}
.modal-gift::before{
	content:'';
	display:block;
	position:absolute;
	top:9px;
	right:8px;
	width:11px;
	height:9px;
	background:transparent url(../img/new/checked.svg) no-repeat 0 0;
	opacity:0;
}
.modal-gift.active::before{
	opacity:1;
}
.modal-gift.active .order{
	display:none;
}
.modal-gift.active .remove{
	display:inline-block;
}







.modal-content2{
	padding:32px 56px 0 56px;
}
.modal-gifts-pay{
	display:none;
	padding-bottom:16px;
	text-align:center;
}
.modal-gifts-pay button{
	max-width:300px;
	#height:30px;
	#line-height:29px;
	margin-bottom:0;
	#border-radius: 12px;
}




#letter-gift-modal-order .modal-content{
	padding:16px 56px 56px 56px;
	max-width:823px;
}





.search-container2 {margin: 0 auto 0 0px;max-width: 338px;z-index:2;}
.search-container2 .dropdown-menu {box-shadow: 0 6px 12px rgba(0,0,0,.175);width: 100%;min-width: 350px;    max-height:300px; overflow: hidden; overflow-y: auto;padding: 3px 10px;position: absolute;top: 100%;bottom: auto;left: auto;border-radius: 8px;background: #fff;}
.search-container2 > form {margin: 0 8px;z-index: 1;}
.search-container2.show .search-input2 {background: rgb(0 0 0 / 0.08);color: #252525;}
.search-container2.show .search-input2::placeholder {color: #252525;}
.search-container2 .dropdown-menu {min-width: 100%;padding-top: 0px;top: -8px;z-index: auto;}

/* .search-dropdown-result2 {overflow: hidden;overflow-y: auto;max-height: calc(100vh - 250px);overscroll-behavior-y: contain;} */


.search-dropdown-result2 a {transition:all .1s ease-in-out;border-radius: 8px;}
.search-dropdown-result2 .search-user-avatar {margin-right: 13px;position: relative;}
.search-dropdown-result2 .search-user-avatar img {width: 100%;height: 100%;border-radius: 50%;}
.search-dropdown-result2 .search-user-name {font-size: 15px;margin-bottom: 1px;font-weight: 500;}
.search-dropdown-result2 .search-user-name .verified-color svg {width: 14px;height: 14px;}
.search-dropdown-result2 .search-user-lastseen {font-size: 12px;opacity: 0.6;}
.search-dropdown-result2 .search_result_badge {line-height: 1;position: absolute;background: #fff;display: block;right: -3px;bottom: -3px;border-radius: 50%;}
.search-dropdown-result2 .search_result_badge svg {width: 20px;height: 20px;padding: 3px;}
.hashtag-search-result2 a {display: block;}
.search-advanced-container2 a {font-size: 14px;padding: 6px;margin: 4px 0 -3px;transition: all .1s ease-in-out;border-radius: 8px;color: var(--header-color);}
.search-advanced-container2 a svg {padding: 11px;margin-right: 13px;}

.search-dropdown-result2 a {padding: 6px;margin: 4px 0;}
.search-dropdown-result2 .search-user-avatar {width: 45px;min-width: 45px;height: 45px;}

.search-dropdown-result2 .truncate{white-space:normal;}
.search-dropdown-result2 .notification-list .notification-text{
	padding-right:15px;
}

#createLetter_form_error{
	display:none;
	margin-bottom:15px;
	color:#D5232F;
}
.form-error2{
	margin-top:15px;
	color:#D5232F;
}
.form-error2.active{

}






.gifts-list-for-letter{

	margin: 0 -5px;
	max-height: 200px;
	overflow: hidden;
	overflow-y: auto;

	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	flex-wrap: wrap;
}
.vgift-item{
	position:relative;
	flex: 0 0 16%;
	padding:0 5px;
	cursor: pointer;
	position:relative;
	padding-bottom:20px;
}
.vgift-img{

}
.vgift-img img{
	display:block;

	#border-radius: 5px;
	transition: all 0.15s;
	transition-timing-function: cubic-bezier(.68,-.55,.27,1.55);
	max-width: 100%;
	max-height: 100%;
}

.gifts-list-for-letter .vgift-price{
	position:absolute;
	left:0;
	width:100%;
	bottom:0;
	height:0;
	overflow:hidden;
	text-align:center;
	line-height:1;
	transition: all 0.15s;
	transition-timing-function: cubic-bezier(.68,-.55,.27,1.55);
}

.gifts-list-for-letter .vgift-item:hover .vgift-img img{
	transform:scale(1.2);
}

.gifts-list-for-letter .vgift-item:hover .vgift-price{
	height:20px;

}


.gifts-attachments{
	margin: 10px -5px 25px -5px;

	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	flex-wrap: wrap;
}
.gifts-attachments .vgift-price{
	text-align:center;
}

.letter-vgift-remove{
	width: 36px;
	height: 36px;
	position: absolute;
	#padding: 0 5px;
	right: 5px;
	top: 5px;
	color: white;
	background: rgba(0, 0, 0, 0.5) url(../img/new/image-delete.svg) no-repeat center center;
	border-radius: 50%;
	z-index: 1;
	cursor:pointer;
}
.letter-vgift-remove:hover{
	background-color: rgba(0, 0, 0, 0.8);
}









.form-letter-thumbs{
	display:flex;
	margin-left:-5px;
	margin-right:-5px;
}
.tag_slide_upload_img{
	margin:0 5px;
}
.tag_slide_upload_img .thumb-image{
	height:170px;
	width:170px;
}
.form-letter-thumbs .tag_pub_hide{
	position:relative;
	width:180px;
	height:180px;
	padding:4px;
	border: 1px solid #E8E8E8;
	margin:0 5px;
}

.form-letter-thumbs .tag_pub_vids{
	padding:0;
	width:100%;
	height:100%;
}
.form-letter-thumbs .tag_pub_vids video{
  background:none;
}
.form-letter-thumbs .video-custom-thumb{
	left:0;
	top:0;
	right: 45px;
	padding:0;
}
.form-letter-thumbs .video-delete{
	right:0;
	top:0;
}

.letterimage-paid.media-owner-paid::before{
	left:-10px;
	right:auto;
}




@media (max-width:1200px){
	.letter-wrap .container{
		max-width:100%!important;
		padding:0 80px;
	}

}
@media (max-width:992px){

	.letter-content{
		padding: 43px 15px 80px 15px;
	}


}
@media (max-width:768px){


	.letter-nav{
		padding-top:15px;
	}

	.letter-wrap .container{
		padding-right: 15px;
		padding-left: 15px;
	}

	.letter-row{
		display:block;
	}
	.letter-left{
		width:100%;
	}
	.letter-right{
		width:100%;
		margin:25px 0;
	}

	.letter-info-wrap{
		display:block;
	}
	.letter-info{
		width:100%;
	}
	.letter-buttons{
		width:170px;
		margin:25px auto;
	}

	.letter-form-buttons{
		text-align:center;
	}



	.form-control2{
		width:100%;
	}
	.letter-minicard{
		padding:16px;
		display:block;
	}
	.letter-minicard .img-wrap{
		margin:0 auto;
	}
	.letter-minicard-content{
		margin:16px 0;
	}
	.letter-minicard-title{
		display:block;
	}

}




/* Maillist */
.maillist-form-header{
	display:flex;
	align-items:center;
}
.header-h3{
	font-size: 24px;
	font-weight: 400;
	line-height: 39px;
	letter-spacing: 0em;
	text-align: left;
	color:#D5232F;
}
.maillist-form-header h3{
	margin:0;
}
.maillist-form-header select{
	text-indent:0;
}
.maillist-form-header .tag_srch_fltr_country{
	margin:0 0 0 8px;
}
.multiselect-form {
	height: 100% !important;
}
.maillist-form .tag_srch_fltr_country select{
	width:100%;
	height: 50px;
	text-indent:5px;
	line-height:1.2;
}
.maillist-form-header .tag_srch_filters{
	margin:0 0 0 8px;
}
.maillist-form-header .tag_srch_filters .dropdown{
	margin:0;
}

.maillist-form-body{
	margin-top:20px;
	display:flex;
}
.maillist-form-col1{
	flex:0 0 44%;
	min-width:0;
}
.maillist-form-col2{
	flex:0 1 auto;
	margin:0 44px;
	min-width:0;
}
.maillist-form-col3{
	flex:0 0 20%;
	#margin-left:auto;
	min-width:0;
}

.form-group-row{
	display:flex;
	align-items:center;
}
.maillist-form-body .form-group-row .form-control2{
	flex:1 1 auto;
	width:auto;
	min-width:0;
}

.maillist-form-body .letter-form-buttons{
	margin:0;
	margin-left:15px;
	white-space:nowrap;

}
.maillist-form-body .letter-form-buttons .btn{
	min-width:0;
}

.maillist-form-body .btn-file{
	margin:0;
}

.maillist-form-body .form-group{
	position:relative;
}
.maillist-save-button{
	position:absolute;
	right:12px;
	bottom:12px;
	cursor:pointer;
}

.maillist-form-col1	.video-form{
	padding:15px 0;
}


.maillist-form-col2 .tag_srch_filters{
	margin:0;
	display:block;
}
.maillist-form-col2 .tag_srch_fltr_age{
	position:relative;
	padding-top:35px;

}

.maillist-form-col3 .search-container2{
	width:100%;
	margin:0;
	z-index:1;
}
.maillist-form-col3 .search-whitelist{
	z-index:2;
}


.maillist-form-col3 .form-control2{
	width:100%;
}

.maillist-blacklist-scroll{
	max-height:110px;
	overflow:hidden;
	overflow-y:auto;
}
.selected-item{
	position:relative;
	display:inline-block;
	margin:0 4px 15px 0;
	border:1px solid #ACACAC;
	border-radius:122px;
	padding:0 20px 0 16px;
	height:26px;

	#font-family: 'Catamaran', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;
}
.selected-item i{
	display:block;
	position:absolute;
	width:9px;
	height:9px;
	top:8px;
	right:8px;
	cursor:pointer;
	transform:rotate(45deg);
}
.selected-item i::before{
	content:'';
	display:block;
	position:absolute;
	top:4px;
	left:1px;

	#transform-origin:0 0;
	width:7px;
	height:1px;
	background:black;
}
.selected-item i::after{
	content:'';
	display:block;
	position:absolute;
	top:1px;
	left:4px;
	#transform:rotate(-45deg);
	#transform-origin:0 0;
	height:7px;
	width:1px;
	background:black;
}

.maillist-speed{
	margin-top:30px;
}

.maillist-button{
	margin-top:15px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.maillist-button .btn-letter{
	margin:0 15px 0 0;
	min-width:120px;
	height:30px;
	line-height:30px;
	border-radius:15px;
}

.maillist-more{
	color:#D5232F;
	text-decoration:underline;
	white-space:nowrap;
}


.ad-select .bootstrap-select .dropdown-toggle{

}




.dropdown-maillist-templates .dropdown-menu{
	max-height:300px;
	overflow:hidden;
	overflow-y:auto;
	padding-bottom:3px;
}


.dropdown-item2{
	position:relative;
	#display:inline-block;
	#margin:0 4px 15px 0;
	border-bottom:1px solid #ACACAC;
	#border-radius:122px;
	padding:3px 25px 3px 10px;
	#height:26px;

	#font-family: 'Catamaran', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;

	#cursor:pointer;
}
.dropdown-item2:last-child{
	border-bottom:none;
}

.dropdown-item2 i{
	display:block;
	position:absolute;
	width:9px;
	height:9px;
	top:12px;
	right:8px;
	cursor:pointer;
	transform:rotate(45deg);
}
.dropdown-item2 i::before{
	content:'';
	display:block;
	position:absolute;
	top:4px;
	left:1px;

	#transform-origin:0 0;
	width:7px;
	height:1px;
	background:black;
}
.dropdown-item2 i::after{
	content:'';
	display:block;
	position:absolute;
	top:1px;
	left:4px;
	#transform:rotate(-45deg);
	#transform-origin:0 0;
	height:7px;
	width:1px;
	background:black;
}

.dropdown-radio{
	display:block;
	margin:0;
	cursor:pointer;
}

.dropdown-radio input[type=radio]{
	visibility:hidden;
	opacity:0;
	position:absolute;
}


#maillist-more .ad-modal2{
	max-width:423px;
}

input.date{
	background: url(../img/new/date.svg) no-repeat scroll right 10px center;
	padding-right:30px;
	color:#000;
}

.maillist-from{
	margin:0 0 30px 0;
}
.maillist-whom{
	margin:30px 0;
}

.maillist-form-body .round-check{
	margin-right:3px;
}
.maillist-form-body .round-check input + label{
	padding-left:22px;
}

.maillist-country-row{
	margin:15px 0;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.maillist-country-row .tag_srch_fltr_country{
	margin:0 15px 0 0;
}
.maillist-country-row .round-check label{
	margin:0;
	white-space:nowrap;

}

.video-form2{
	padding-bottom:15px;
}



@media (max-width:992px){

	.maillist-form-body{
		display:block;
	}

	.maillist-form-col2{
		margin:20px 0;
		max-width:320px;
	}
	.maillist-form-col3{
		max-width:320px;
	}
}





.tag_chat_invite{

}
.tag_chat_invite .btn-wrap{
	padding: 0 8px 0 8px;
	margin:4px 0;
}


.tag_stories_on_home .tag_stories_mobi .status-list li  .chat_invite_home_avatar{
	display:block;
	margin:0 auto;
	width:50px;
	height:50px;
	padding:0;
}
.tag_stories_on_home .tag_stories_mobi .status-list li  .chat_invite_home_avatar img{
	border-radius:100%;
}
.tag_stories_on_home .tag_stories_mobi .status-list li  .chat_invite_home_avatar::after{
	display:none;
}

.chat_invite_excerpt{
	margin:10px 0 0;
	font-weight:normal;
	text-align:center;
	text-overflow: ellipsis;
	overflow: hidden;
	min-height: 80px;
	max-height: 80px;
}


.tag_chat_invite button,
.tag_chat_invite button:hover,
.tag_chat_invite button:focus{
	background-color: var(--main);
    width: 100%;
    line-height: 28px;
    font-size: 13px;
    color: white;
    padding: 0 5px;
}
.tag_chat_invite button.accept{
	background-color: #2196F3;
}
.tag_chat_invite .tag_chat_invite_link{
	display: block;
    position: relative;
    padding:0!important;
	background:none!important;
	border-radius:none!important;
	text-align:center;
	margin: 20px 0 0;
    z-index: 1;
    font-weight: 500;
	color:#212529;
	line-height:1.2;
}
.tag_chat_invite .tag_chat_invite_link::after{
	display:none!important;
}



.letterimage-wrap{
	position:relative;
	border:1px solid #E8E8E8;
}
.thumb-image-delete{
	width: 36px;
	height: 36px;
	position: absolute;
	#padding: 0 5px;
	right: 5px;
	top: 5px;
	color: white;
	background: rgba(0, 0, 0, 0.5) url(../img/new/image-delete.svg) no-repeat center center;
	border-radius: 50%;
	z-index: 1;
	cursor:pointer;
}
.thumb-image-delete:hover{
	background-color: rgba(0, 0, 0, 0.8);
}

.video-delete{
	width: 36px;
	height: 36px;
	position: absolute;
	#padding: 0 5px;
	right: 5px;
	top: 5px;
	color: white;
	background: rgba(0, 0, 0, 0.5) url(../img/new/image-delete.svg) no-repeat center center;
	border:1px solid rgba(255, 255, 255);
	border-radius: 50%;
	z-index: 1;
	cursor:pointer;
}
.video-delete:hover{
	background-color: rgba(0, 0, 0, 0.8);
	#border:1px solid rgba(0, 0, 0, 0.8);
}






.user_album_list_side{
	margin:5px -5px 5px -5px;
	display:flex;
	flex-wrap:wrap;
}
.user_album_list_side .photo-data{
	width:50%;
	padding:5px;
}


.user_album_list_side .photo-data .album-image2{
    position: relative;
    padding-bottom: 100%;
    display: block;
    overflow: hidden;
    border-radius: 5px;
}
.user_album_list_side .photo-data .album-image2 .image-file{
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    user-select: none;
}



.user_album_list_side .photo-data .album-img-lightbox {
    position: relative;
    padding-bottom: 100%;
    display: block;
    overflow: hidden;
    background: #eee;
    border-radius: 5px;
}

.user_album_list_side .photo-data .album-img-lightbox img {
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    user-select: none;
}









.user_gifts{
	margin-top:1em;
}


.tag_stories_on_home.user_gifts .tag_stories_mobi .status-list{
	flex-wrap:wrap;
}
.li-gift{
	padding:0 5px;
}
.tag_page_side_no_m .tag_stories_on_home .tag_stories_mobi .status-list li.li-gift{
	width:50%;
}

.user_gifts .wo_page_hdng{
	margin:25px 0 0 0;
}
.user_gifts .tag_stories_mobi p{
	margin-top:10px;
}

.li-gift img{
	display:block;
	margin:0 auto;
	max-width:100%;
	height:auto;
}
.li-gift p{
	margin:0.5em 0;
	text-align:center;
}
.li-gift button{
	width:100%;
	margin-top:5px;
}
.li-gift .btn-main-rev{
	background-color: #2196F3;
	color:white;
}




.msg-gift-name{
	flex:0 0 100%;
	text-align:center;
}
.messenger_gift_buttons{
	margin-top:10px;
}















.lightbox-user-button2{
	margin-left:auto;
}
.lightbox-user-button2 .btn{
	width:100%;
	margin-bottom:10px;
}


.products-order-left::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	border-right:1px solid #ACACAC;
}
.products-order-left{
	padding-right:55px;
}
.products-order-right{
	padding-left:55px;
}

@media (max-width:768px) {

	.products-order-left{
		padding-right:15px;
	}
	.products-order-left::after{
		display:none;
	}
	.products-order-right{
		padding-left:15px;
	}
}


#products-order-modal textarea{
	height: 175px;
}

.modal2-products-list{
	max-height:180px;
	overflow-y:auto;
}
.modal2-products-list ul{
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}
.modal2-products-list ul li{
	display:flex;
	justify-content:space-between;
	padding:15px 0 10px 0;
	border-bottom:1px solid #ACACAC;

	font-family: Catamaran;
	font-size: 14px;
	font-weight: 400;
	line-height: 23px;
	letter-spacing: 0em;
	text-align: left;


}
.modal2-products-list ul li:last-child{
	#border-bottom:none;
}

.modal2-products-list ul li .mpl-name{
	font-weight:600;
}
.modal2-products-list ul li .mpl-price img{
	vertical-align:text-top;
}
.modal2-products-list ul li i{
	font-style:normal;
	font-size: 16px;
	color:#009F83;
}

.modal2-products-button{
	margin-top:30px;
}
.modal2-products-button button{
	width:100%;

	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	color: #FFFFFF;
}

.modal2-products-total{
	margin-top:5px;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: center;

}
.modal2-products-total i{
	font-style:normal;
	font-size: 20px;
	color:#009F83
}

.modal2-products-balance{
	margin-top:5px;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0em;
	text-align:center;
	opacity:0.5;
}
.modal2-products-balance i{
	font-style:normal;
	color:#009F83
}

.products-order-modal-comment{
	margin-top:15px;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	text-align: center;

	color: #CECECE;
}

#products-order-modal-error{
	margin-top:5px;
	color:#D5232F
}

#products-order-modal-success .ad-modal2{
	max-width:390px;
}

.header-success{
	text-align:center!important;
	color:#009F83!important;
}


.contract_download2{
	display:inline-block;
	text-align:center;
	text-decoration:underline;
}
.contract_download2 img{
	display:inline-block;
	max-width:200px;
	height:auto;
}

@media (max-width: 992px){
	.new-profiles {
	  /* display: none; */
	}
}

@media (max-width: 768px){

	/*
	.tag_sec_toolbar{
		height:66px;
		padding:10px 0;
	}
	.tag_navbar_top_right .tag_hdr_right{
		padding:10px 0;
	}
	.messages-notification-container{
	}
	.tag_hdr_msgtog{
		background:var(--main)!important;
		border-radius:100%;
		transform: translateY(-30px);
		z-index:1002;
	}
	.messages-notification-container path{
		fill:white;
	}
	.messages-notification-container .new-update-alert{
		background:white;
		color:var(--main);
		transform: translateY(-40px);
		border:1px solid var(--main);
		z-index:1003;
	}
	.tag_navbar_top_right .tag_hdr_right > .dropdown .dropdown-menu{
		max-height: calc(100% - 66px);
	}
	*/
}


.invite_excerpt{
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:40%;
	font-style:normal;
	padding:6px;
	color:#333;
	font-size:12px;
	overflow:hidden;
}



.form-imbra-row{
	display:flex;
	align-items:center;
}
.form-imbra-row div:first-child{
	font-weight:500;
}
.form-imbra-row div:nth-child(2){
	flex-grow:1;
	padding-left:15px;
}


.icon-chat-invite-delete{
	max-width:16px;
	min-width:16px;
	line-height:16px;
	padding:0;
	right:-5px;
	top:-7px;
}
.icon-chat-invite-delete:hover{
	background-color: rgba(0, 0, 0, 0.8);
}
.icon-chat-invite-delete svg{
	width:12px;
	height:12px;
	margin:-2px 0 0 0;
}

.chat-invite-sidebar h5{
	font-size:12px;
	margin:10px 0 0 0;
	text-align:center;
}

.chat-invite-slider{
	#height:70px;
	overflow:hidden;
}
.chat-invite-slider .slide{
	display:flex;
	justify-content:center;
}
.chat-invite-slider .recipient-chat-user{
	margin:15px 0 0 0;
	padding:0 10px;
}



.chat-invite-slider .recipient-chat-user .user-info{
	width:auto;
	max-width:100%;
}
.chat-invite-slider .recipient-chat-user .user-info img{
	margin:0 auto;
	width:50px;
}


.chat-invite-slider .slick-arrow{
	width: 16px;
	height: 16px;
	margin-top:0;
	transform:none;
	top:5px;
}
.chat-invite-slider .slick-next{
	right:10px;
}
.chat-invite-slider .slick-prev{
	left:auto;
	right:32px;
}

.chat-invite-slider .slick-arrow svg{
	display:block;
	width: 16px;
	height: 16px;
}

.recipient-chat-user a.user-info{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.chat-invite-slider-username{
	margin-top:10px;
	font-size: 12px;
	font-weight: 600;
}
.chat-invite-slider-action {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.chat-invite-slider-action-button-icon {
	display: none;
}
.chat-invite-slider-action-button-icon > svg {
	margin: 0;
}
.chat-invite-slider-action-button {
	flex-shrink: 0;
	height: max-content;
	padding-top: 5px;
}
.chat-invite-slider-action-button:not(:last-child) {
	margin-right: 5px;
}
.chat-invite-slider-excerpt{
	margin-top:5px;
	font-size: 12px;
	text-align:left;
}

.chat-invite-slider-action-button > a {
	min-width: max-content;
}

@media (max-width: 1500px) {
	.chat-invite-slider-excerpt {
		display: none;
	}
	.chat-invite-slider-username {
		display: none;
	}
	.invite-popup-media-container {
		display: none;
	}
	.chat-invite-slider-action-button-text {
		display: none;
	}
	.chat-invite-slider-action-button-icon {
		display: inline;
	}
	.chat-invite-slider-action-button:not(:last-child) {
		margin-right: 0;
	}
	.chat-invite-slider .slick-next{
		right:0;
	}
	.chat-invite-slider .slick-prev{
		left: 0;
	}
	.chat-invite-slider .recipient-chat-user .user-info img{
		margin: 20px auto 10px auto;
	}
}

.users-chat-header{
	margin:0 0 0 0;
	font-size:12px;
	text-align:center;
}




.user-about{
	margin:0 0 15px 0;
}


.mailing-report{
	table-layout: fixed;
}
.mailing-report td,
.mailing-report th{
	padding:9px 10px!important;
}

.mailing-user-avatar{

}
.mailing-user-avatar img{
	width:60px;
	height:60px;
	border-radius:100%;
}







.ms_paid_chat{
	margin-top:10px;
	display:none;
}
.ms_paid_chat .btn{
	margin-left:10px;
	line-height:1.2;
	padding:.1rem .5rem 0.2rem 0.5rem;
}
.xgrWfs{
	position:relative;
}
.close_paid_chat{
	position:absolute;
	right:0;
	top:0;
}





.messenger_invite{
	margin-top:15px;
	padding-left:40px;
}


.timeline_more_info{
	margin:15px 0 25px 0;
}

.event_info_blocks .timeline_more_info div{
	padding: 4px 0px 4px 0px;
}


.event_info_blocks .timeline_more_info div.wo_page_hdng{
  padding: 12px 0px 15px;
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
  font-weight: 500;
}

.event_info_blocks div.wo_page_hdng span{
	display: inline-flex;
	font-size: 15px;
	font-weight: normal;
	opacity: 1;
}



.my-product-item{
	margin:0 0 30px 0;
}

.pro-img{
	display: inline-block;
	width:26px;
	height:26px;
    line-height: 1;
    border-radius: 50%;
	vertical-align:middle;
	text-align:center;
}
.pro-img i{
	color:#fff;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
	margin-top: -2px;
}


.messenger-gifs-wrap{
	display:flex;
	align-items:center;
}
.messenger-gif-close{
	margin-left:10px;
	flex:0 0 26px;
	width:26px;
	height:26px;
	cursor:pointer;
}
.messenger-gifs-wrap .messenger-gif-search-loading{
	right:50px;
	top: 19px;
}



.messenger-stickers-wrap{
	display:flex;
	align-items:center;
}
.messenger-stickers-close{
	margin-left:5px;
	flex:0 0 26px;
	width:26px;
	height:26px;
	cursor:pointer;
}
.messenger-stickers-wrap .messenger-gif-search-loading{
	right:50px;
	top: 19px;
}
.messenger_stickers_close_search{
	right:45px!important;
}

/* live comments */
.wow_liv_comments_feed{
	overflow-y:auto;
	justify-content:flex-start;
}
.wow_liv_comments_feed::after{
	display:none;
}
.post .post-comments-live-footer{
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
}
.post .post-comments-live-footer .wo_comment_combo .textarea{
	min-height:56px;
}


.post-description .wow_liv_comments_feed{
	flex:0 0 30%;
}

.live-comment-gif-forbidden{
	padding:10px 0;
}
.live-comment-gif-forbidden a {
  color: #ff2c21;
  text-decoration: underline;
}


.live_comments.live_comment_owner .comment-body{
	margin-right: 45px;
	margin-left: 0;
}
.live_comments.live_comment_owner .comment-heading{
	flex-direction: row-reverse;
}



.wow_side_usrs{
	width:250px!important;
}
.tag_sidebar_users{
	position:relative;
}
.tag_sidebar_users::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0, 0, 0, 0.6) 100%);
  pointer-events:none;
}

.tag_sidebar_users .avatar img{
	border-radius:10px;
}

.tag_sidebar_users .truncate{
	position:absolute;
	font-size: 18px;
	color:white;
	left: 0;
	right: 0;
	bottom: 45px;
	z-index: 2;
	padding: 0 10px;
}
.wow_side_usrs_buttons{
	position:absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	z-index: 2;
	margin: 0;
	padding: 0 10px!important;
	min-height:0!important;
	display:flex;
}
.wow_side_usrs_buttons .btn + .btn{
	margin-left:10px;
}


.inbox-counter-parent{
	position:relative;
}
.inbox-counter{
	color: var(--main-color);
	font-size: 12px;
	font-style:normal;
	z-index: 1;
	pointer-events: none;

	#position: absolute;
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
	background-color: var(--main);
	min-width: 19px;
	height: 19px;
	text-align: center;
	#top: 50%;
	#margin-top:-9px;
	#right: -5px;
	padding: 1px 5px;
	border-radius: 2em;

	animation-name:bounce2;
	animation-duration:10s;
	animation-delay:1s;
	transition-timing-function:cubic-bezier(0,.995,0,1);
	animation-iteration-count:infinite;
}
.inbox-counter.hidden{
	display:none;
}




@keyframes bounce2 {
 0% {
  transform:translateY(0)
 }
 3% {
  transform:translateY(-6px)
 }
 6% {
  transform:translateY(4px)
 }
 8% {
  transform:translateY(-3px)
 }
 10% {
  transform:translateY(2px)
 }
 12% {
  transform:translateY(-1px)
 }
 15% {
  transform:translateY(0)
 }
}



.btn-blue{
	color:white;
	background-color: #2196F3;
}
.btn-letter.btn-blue{
	color:white;
}
.btn-letter.btn-blue:hover{
  color: var(--main-hover-color);
  background-color: var(--main-hover);
}

.btn-green{
	color:white;
	background-color: #4CAF50;
}
.btn-green:hover{
  color: var(--main-hover-color);
  background-color: var(--main-hover);
}




.image-modal .modal-content video {max-width: 100%;display: block;max-height: 100vh;margin: auto;user-select: none;}


.tag_albums .avatar > a:hover > img{
	filter: opacity(.9);
}
.image-file:hover{
	filter: opacity(.9);
}
.see_all_stories:hover > img{
	filter: opacity(.9);
}
.avatar:hover > img{
	filter: opacity(.9);
}


.wo_comthing_usr_innr{
	display:block;
}

.wo_comthing_usr_innr::after{
	pointer-events:none;
}


.wo_comthing_usr_innr .avatar{
	display:block;
}

.wo_comthing_usr_innr .verified-color{
	position:absolute;
	top:10px;
	right:10px;
	z-index:1;
}

.profiles-menu{
	margin:10px 0;
	text-align:center;
	font-size: 22px;
	letter-spacing:0;
	color:var(--main);
}
.profiles-menu > span{
	margin:0 10px;
}
.profiles-menu > a{
	margin:0 10px;
	color: #212529;
	font-size: 22px;
	letter-spacing:0;
}

.new_profiles_row{
	margin-left:-12px;
	margin-right:-12px;
}
.wo_comthing_usr_innr .truncate-user-name{
	bottom:45px;
}

.wow_side_usrs_buttons .btn {
  #background-color: #2196F3;
  width: 100%;
  line-height: 28px;
  font-size: 13px;
  color: white;
  padding: 0 5px;

}

.btn-blue{
	background-color: #2196F3;
}

.wo_comthing_usr_innr .wow_side_usrs_buttons .btn-write-me{
	background-color:var(--main);
}
.wo_comthing_usr_innr .wow_side_usrs_buttons .btn-write-me::before{
	display:none;
}



.chat-container .wow_chat_search2{
	position:relative;
	margin-top:20px;
	height:50px;
}
.chat-container .wow_chat_search2 .wow_chat_search{
	right:0;
	bottom:0;
}
/* for hover gap */
.recipient-chat-user2 .dropdown-menu::before{
	content:'';
	display:block;
	position:absolute;
	left:100%;
	width:40px;
	top:0;
	height:100%;
}
.recipient-chat-user-btns{
	margin-top:15px;
}
.recipient-chat-user-btns .btn + .btn{
	margin-left:10px;
}


.user-fetch .user-buttons{
	display:block;
}


.profile-online{
	display:inline-block;
	vertical-align:middle;
	width:14px;
	height:14px;
	border-radius:100%;
	background:#009f83;
}
.profile-offline{
	display:inline-block;
	vertical-align:middle;
	width:14px;
	height:14px;
	border-radius:100%;
	background:#b6b6b6;
}

.tag_post_status:not(.online){
	display:block;
	position: absolute;
	top: 38px;
	right: 1px;
	border-radius: 50%;
	width: 9px;
	height: 9px;
	background: #b6b6b6;
	box-shadow: 0 0 0 2px white;
}


.verified-color.offline svg .cls-1 {
	fill: #b6b6b6!important;
}




.chat-invites-sidebar{
	position:fixed;
	top:60px;
	right:0;
	bottom:0;
	z-index:2000;

	pointer-events:none;

	#padding:20px;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	flex-wrap:wrap;
	overflow:hidden;
}
.invite-popup{
	margin:0 5px 5px 0;
	width:320px;
	position:relative;

	display:flex;

	background:white;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
	padding:10px;
	border: 0;
	pointer-events:auto;
	overflow:hidden;


	animation: fadeInAnimation ease 1s;
    #animation-iteration-count: 1;
    #animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
		transform:translateY(20px);
    }
    100% {
        opacity: 1;
		transform:translateY(0);
     }
}

.invite-popup-user-avatar {
	position: relative;
	flex:0 0 50px;
	width: 100px;
	height: 120px;
}
.invite-popup-user-avatar-img {
	border-radius: 3px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.invite-popup-user-avatar-status_online {
	position: absolute;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: green;
	border: 1px solid var(--main-color);
	bottom: 2px;
	right: 2px;
}
.invite-popup-user-status_live {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background-color: white;
	bottom: 2px;
	right: 2px;
	font-size: 13px;
	color: var(--plyr-color-main);
}

.invite-popup-thumb {
	width: 50px !important;
	height: 50px !important;
}

.invite-popup .user-avatar img {width: 100%;height: 100%;border-radius: 50%;}
.invite-popup .user-name {font-size: 25px;z-index: 3;color: #3c3c3c;font-weight: 500;font-family: "TT Commons", Roboto, sans-serif;padding: 10px 0 0;}
.invite-popup .user-name a {color: #000;}

.invite-popup-content{
	margin-left:15px;
	flex:0 1 auto;
	min-width:0;
}
.invite-popup-username{
	font-weight:600;
	font-size:12px;
}
.invite-popup-text{
	margin-top:5px;
	font-size:12px;
}
.invite-popup-buttons{
	margin-top:10px;
	vertical-align:top;
}
.invite-popup-buttons button {
	font-size:12px;
	padding:5px;
	line-height:1;
}
.invite-popup-buttons button + button{
	margin-left:10px;
}



.icon-chat-invite-sidebar-delete{
	max-width:16px;
	min-width:16px;
	line-height:16px;
	padding:0;
	right:5px;
	top:5px;
}
.icon-chat-invite-sidebar-delete:hover{
	background-color: rgba(0, 0, 0, 0.8);
}
.icon-chat-invite-sidebar-delete svg{
	width:12px;
	height:12px;
	margin:-2px 0 0 0;
}


.form-control:focus-visible {
  color:inherit;
}


.wo_user_profile .user-avatar{
	width:200px;
	height:200px;
	margin-top:-150px;
	background: linear-gradient(45deg, yellow, red, purple);
	padding: 3px;
}

.user-profile-header-description{
	position: absolute;
	display: flex;
	bottom: 0;
	margin-bottom: 20px;
	left: 250px;
	background-color: transparent;
	color: #fff;
	text-shadow: 0 0 5px rgba(0,0,0,.3);
	flex-wrap: wrap;
	overflow-wrap: anywhere;
	flex-direction: column;
	align-items: flex-start;
	z-index:1;
}
.user-profile-header-description__user-info {
    margin-bottom: 8px;
	font-size: 24px;
	font-weight: 700;
	line-height: 27px;
}

.user-profile-id{
	font-size:18px;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}

.user-profile-left{
	margin-right:50px;
}

.verified-color svg{
	vertical-align:baseline;
}

.user-online-indicator{
	display:flex;
	align-items:center;
}
.user-profile-status{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background:#b6b6b6;
	#box-shadow: 0 0 0 2px white;
}
.user-profile-status.online{
	background:#4CAF50;
}
.user-online-indicator__text-status{
	margin-left:5px;
}


.more2{
	margin:10px 0 15px 0;
	text-align:center;
}
.more2 > a{
	font-weight: 500;
	font-size: 15px;
	color: #212529;
}

.user_profile_videos.user_media_list_section{
	display: flex;
    flex-wrap: wrap;
}

.user_profile_videos.user_media_list_section .video-data{
	width:50%;
	position:relative;
}
.user_media_list_section .photo-data a, .user_media_list_section .video-data a{
	padding-bottom: 56.25%;
}

.user_profile_video{
	width:25%;
	padding: 5px;
}
.user_profile_videos .user_profile_video{
	width:50%;
	padding: 5px;
}

.user_tab_videos.user_media_list_section{
	display: flex;
    flex-wrap: wrap;
}


.form_start_chat{
	#margin-left:auto;
	flex:1 0 auto;
	display:flex;
	align-items:center;
	#flex-wrap:wrap;
}
#start_chat_button {
	white-space:nowrap;
}

.form_start_chat .emojionearea .emojionearea-button{
	top:6px;
	right:4px;
}

.form_start_chat .form_start_chat_input{
	position:relative;
	border:none;
	box-shadow:none;
}

#form_start_message{
	position:relative;
	width:300px;
	#height:36px;
	padding:5px 25px 5px 5px;
	border:1px solid #ebeef0;
}

#form_start_textarea{
	position:relative;
	width:100%;
	height:36px;
	padding:8px 25px 5px 5px;
	border:none;
	box-shadow:none;
}

#form_start_input{
	width:100%;
	height:36px;
	padding:8px 30px 5px 5px;
	border:none;
	box-shadow:none;
	border: 1px solid #CCC;
}


#form_start_message  .emojioneemoji {
  font-size: inherit;
  height: 2ex;
  width: 2.1ex;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -.2ex .15em .2ex;
  line-height: normal;
  vertical-align: middle;
  max-width: 100%;
  top: 0;
}

#start_chat .emojionearea-wrapper .wo_comm_emojis{


}


.event_info_blocks .user_profile_about{
	margin-top:25px;
	padding:0;
}
.event_info_blocks .user_profile_about_whom_looking{
	margin-top:20px;
	padding:0;
}


.tag_prem{
	cursor:pointer;
}




.tag_story_react{
	width:39%;
	margin:0 auto;
	min-width: 540px;
}
@media (max-width: 700px){
	.tag_story_react{
		width: 100%;
		min-width: auto;
	}
}

.tag_story_react .btn-reply-story{
	flex:1 0 auto;
	background:none;
	border:1px solid white;
	text-align:left;
}




.album-name-wrap{
	padding:10px 0 0 0;
	display:flex;
	justify-content:space-between;
}
.album-name-wrap .truncate{
	font-weight: 500;
	font-size: 16px;
}

.media-owner-paid::before {
	display: none !important;
}