/*!
Theme Name: Flair
Theme URI: https://unitedesign.pro/
Author: bkozarik
Author URI: https://unitedesign.pro/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: flair
*/

.main__item__left img {
border-radius:10px !important
}

* {
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	outline: none;
  }
  
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  
  /* Document
	 ========================================================================== */
  
  /**
   * 1. Correct the line height in all browsers.
   * 2. Prevent adjustments of font size after orientation changes in iOS.
   */
  
   html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
  }
  
  /* Sections
	 ========================================================================== */
  
  /**
   * Remove the margin in all browsers.
   */
  
  body {
	margin: 0;
  }
  
  /**
   * Render the `main` element consistently in IE.
   */
  
  main {
	display: block;
  }
  
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  
  h1 {
	font-size: 2em;
	margin: 0.67em 0;
  }
  
  /* Grouping content
	 ========================================================================== */
  
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  
  hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
  }
  
  /* Text-level semantics
	 ========================================================================== */
  
  /**
   * Remove the gray background on active links in IE 10.
   */
  
  a {
	background-color: transparent;
  }
  
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  
  abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  
  b,
  strong {
	font-weight: bolder;
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  code,
  kbd,
  samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
  }
  
  /**
   * Add the correct font size in all browsers.
   */
  
  small {
	font-size: 80%;
  }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  
  sub,
  sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
  }
  
  sub {
	bottom: -0.25em;
  }
  
  sup {
	top: -0.5em;
  }
  
  /* Embedded content
	 ========================================================================== */
  
  /**
   * Remove the border on images inside links in IE 10.
   */
  
  img {
	border-style: none;
  }
  
  /* Forms
	 ========================================================================== */
  
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  
  button,
  input,
  optgroup,
  select,
  textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  
  button,
  input { /* 1 */
	overflow: visible;
  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  
  button,
  select { /* 1 */
	text-transform: none;
  }
  
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
	-webkit-appearance: button;
  }
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
  }
  
  /**
   * Correct the padding in Firefox.
   */
  
  fieldset {
	padding: 0.35em 0.75em 0.625em;
  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  
  legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
  }
  
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  
  progress {
	vertical-align: baseline;
  }
  
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  
  textarea {
	overflow: auto;
  }
  
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  
  [type="checkbox"],
  [type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
  }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
	height: auto;
  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  
  [type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
  }
  
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  
  [type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  
  ::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
  }
  
  /* Interactive
	 ========================================================================== */
  
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  
  details {
	display: block;
  }
  
  /*
   * Add the correct display in all browsers.
   */
  
  summary {
	display: list-item;
  }
  
  /* Misc
	 ========================================================================== */
  
  /**
   * Add the correct display in IE 10+.
   */
  
  template {
	display: none;
  }
  
  /**
   * Add the correct display in IE 10.
   */
  
  [hidden] {
	display: none;
  }
  
  
  body {
	font-family: 'Inter', sans-serif;
  }
  
  a {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
  }
  
  .container {
	max-width: 1250px;
	margin: 0 auto;
  }
  
  header {
	background: #FFFFFF;
	-webkit-box-shadow: 0px 1px 0px #DBDBDC;
			box-shadow: 0px 1px 0px #DBDBDC;
  }
  
  .header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	padding: 8px 0;
	margin-bottom: 30px;
	position: relative;
  }
  
  .header__left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
  }
  
  .logo img {
	max-height: 35px;
  }
  
  .search {
	margin-left: 160px;
	position: relative;
  }
  
  .search input {
	padding: 8px 40px;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #6A7985;
	width: 100%;
	background: rgba(106, 121, 133, 0.08);
	border-radius: 8px;
	border: none;
  }
  
  .search svg {
	cursor: text;
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
  }
  
  .header__right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
  }
  
  .header__right svg {
	cursor: pointer;
  }
  
  .profile__link {
	margin-left: 24px;
  }
  
  .profile__link img {
	max-width: 40px;
	  border-radius: 50%;
  }

.live__single_comments img {
	  border-radius: 50% !important;

}
.live__content__item_top__left > img, .live__content__item_top__left > img  .message_content img {
	  border-radius: 50% !important;
	
}
  
  .main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
		-ms-flex-align: start;
			align-items: flex-start;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
  }
  
  nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	-webkit-box-align: start;
		-ms-flex-align: start;
			align-items: flex-start;
	width: 100%;
	max-width: 212px;
	margin-right: 33px;
  }
  

  
  nav a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	font-weight: 600;
	font-size: 12px;
	line-height: 24px;
	margin-bottom: 15px;
	color: #000000;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
  }
  
  nav a:last-child {
	margin-bottom: 0;
  }
  
  nav a svg {
	margin-right: 12px;
  }
  
  nav a svg path {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
  }
  

  
  h2 {
	font-weight: bold;
	font-size: 32px;
	line-height: 40px;
	color: #000000;
  }
  
  .main__content_nav {
	margin: 16px 0 41px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
  }
  
  .main__content_nav::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -20px;
	background: #EBEBEB;
	height: 1px;
	width: 100%;
  }
  
  .main__content_nav a {
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #6A7985;
	margin-right: 24px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
  }
  
  .main__content_nav a:last-child {
	margin-right: 0;
  }
  
  .main__content_nav a:hover {
	color: #000000;
  }
  
  .main__content__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
		-ms-flex-align: start;
			align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
  }
  
  .main__content__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 1000px;
	margin-bottom: 32px;
  }
  
  .main__item__left {
	margin-right: 32px;
  }
  
  .main__item__left img {
	max-width: 360px;
  }
  
  .main__item__right {
	border-bottom: 1px solid #EBEBEB;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
  }
  
  .main__item__right h3 {
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 28px;
	color: #000000;
  }
  
  .main__item__right span {
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #6A7985;
	margin: 4px 0 8px;
  }
  
  .main__item__right p {
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
  }
  
  .main__item__right_btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	margin-top: 16px;
  }
  
  .main__item__right_btns a:not(:last-child) {
	margin-right: 16px;
  }
  
  .show {
	width: 100%;
	text-align: center;
	margin-top: 32px;
  }
  

  
  main {
	padding-bottom: 60px;
  }
  
  .live_authors {
	width: 100%;
	max-width: 312px;
	margin-left: 32px;
  }
  
  .live_authors h3 {
	font-weight: bold;
	font-size: 20px;
	line-height: 28px;
	color: #000000;
  }
  
  .live_authors__list {
	margin-top: 16px;
  }
  
  .live_authors__item_r {
	margin-left: 12px;
  }
  
  .live_authors__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	margin-bottom: 12px;
  }
  
  .live_authors__item:last-child {
	margin-bottom: 0;
  }
  
  .live_authors__item h5 {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
  }
  
  .live_authors__item p {
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	color: #6A7985;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
  }
  
  .live__title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	border-bottom: 1px solid #EBEBEB;
	padding-bottom: 16px;
	margin-bottom: 16px;
  }
  
  .recent_populat a {
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #6A7985;
  }
  
  .recent_populat .rp_active {
	margin-right: 24px;
	color: #000000;
  }
  
  .live__content__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	max-width: 656px;
	background: #FFFFFF;
	border: 1px solid #EBEBEB;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	border-radius: 16px;
	padding: 16px;
	margin-bottom: 16px;
  }
  
  .live__content__item_top {
	margin-bottom: 8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
  }
  
  .live__content__item_top__left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
  }
  
  .live__content__item_top__left h5 {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
  }
  
  .live__content__item_top__left p {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #6A7985;
  }
  
  .live__content__top_r {
	margin-left: 12px;
  }
  
  .more {
	cursor: pointer;
  }
  
  .live__content__item_content h3 {
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	line-height: 28px;
	color: #000000;
  }
  
  .live__content__item_content p {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	padding: 16px 0;
  }
  
  .live__content__item_content img {
	max-width: 624px;
	width: 100%;
  }
  
  .live__content__item_bottom {
	margin-top: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
  }
  
  .live__content__item_bottom .l_c {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
  }
  
  .live__content__item_bottom div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #6A7985;
  }
  
  .live__content__item_bottom div svg {
	cursor: pointer;
	margin-right: 4px;
  }
  
  .live__content__item_bottom .send_tip {
	cursor: pointer;
  }
  
  .live__content__item_bottom .like {
	margin-right: 32px;
  }
  
  .live__content__item .premium .live__content__item_top__left {
	position: relative;
  }
  

  
  .comm_vote {
	display: none !important;
  }
  
  .live__content__item_vote {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
  }
  
  .vote__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	position: relative;
  }
  
  .vote__line {
	height: 2px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 10px;
  }
  

  
  .vote__line .full {
	background: rgba(106, 121, 133, 0.08);
	border-radius: 2px;
	width: 100%;
	height: 2px;
	position: absolute;
  }
  
  .all_votes {
	text-align: right;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	text-align: right;
	color: #6A7985;
  }
  
  .popup_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	display: none;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	background: rgba(0, 0, 0, 0.8);
	z-index: 10;
  }
  
  .popup {
	background: #FFFFFF;
	border-radius: 16px;
	padding: 24px;
	max-width: 400px;
	max-height: 452px;
	width: 100%;
	height: 100%;
  }
  
  .popup h3 {
	font-style: normal;
	font-weight: bold;
	font-size: 28px;
	line-height: 36px;
	color: #000000;
  }
  
  .popup p {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	margin-top: 8px;
	color: #6A7985;
  }
  
  .active_popup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  }
  
  .popup__user {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	margin: 16px 0;
  }
  
  .popup__user .popup_user_r {
	margin-left: 12px;
  }
  
  .popup__user h5 {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 10px;
	color: #000000;
  }
  
  .popup__user p {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 10px;
	color: #6A7985;
  }
  
  .min {
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	color: rgba(106, 121, 133, 0.6);
	margin-bottom: 20px;
	margin-top: 0 !important;
	margin-left: 16px;
  }
  
  .popup form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
  }
  
  .popup form label {
	border: 1px solid #EBEBEB;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	border-radius: 8px;
	width: 100%;
	height: 64px;
	padding: 2px 16px;
  }
  
  .popup form label p {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
  }
  
  .popup form label input {
	border: none;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #6A7985;
  }
  
  .popup form label input::-webkit-input-placeholder {
	color: rgba(106, 121, 133, 0.6);
  }
  
  .popup form label input:-ms-input-placeholder {
	color: rgba(106, 121, 133, 0.6);
  }
  
  .popup form label input::-ms-input-placeholder {
	color: rgba(106, 121, 133, 0.6);
  }
  
  .popup form label input::placeholder {
	color: rgba(106, 121, 133, 0.6);
  }
  
  .popup_btns {
	margin-top: 25px;
	text-align: right;
  }
  
  .popup_btns button {
	border: none;
	cursor: pointer;
  }
  
  .btn_grey {
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #000000;
	padding: 12px 20px;
	background: #F2F4F5;
	border-radius: 12px;
	margin-right: 16px;
  }
  
  .s_h a:not(:last-child) {
	margin-right: 16px;
  }
  
  .live__single_comments_top {
	margin-top: 33px;
	margin-bottom: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	position: relative;
  }
  
  .live__single_comments_top::before {
	position: absolute;
	top: -17px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #EBEBEB;
	content: "";
  }
  
  .live__single_comments_top input {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #060B1F;
	background: #F3F4F5;
	border-radius: 8px;
	padding: 8px 16px;
	border: none;
	max-width: 572px;
	margin-left: 12px;
	width: 100%;
  }
  
  .live__single_comments_list_item {
	margin-bottom: 8px;
  }
  
  .comment__single_nosub, .comment__single_sub {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
		-ms-flex-align: start;
			align-items: flex-start;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
  }
  
  .comment__single_top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
		-ms-flex-align: start;
			align-items: flex-start;
  }
  
  .comment__single_top h5 {
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 24px;
	color: #000000;
  }
  
  .comment__single_top p {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
  }
  
  .comment_date span {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #6A7985;
  }
  
  .comment_date a {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	color: #6A7985;
	margin-left: 25px;
  }
  
  .comment_r {
	margin-left: 12px;
  }
  
  .comment_like {
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	color: #6A7985;
  }
  
  .comment__single_sub {
	margin-left: 50px;
	margin-top: 8px;
  }
  
  .more_sub {
	margin-left: 50px;
	margin-top: 8px;
	margin-bottom: 16px;
  }
  
  .more_sub a {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	color: #6A7985;
  }
  
  .live_rec {
	max-width: 312px;
	width: 100%;
	margin-left: 32px;
  }
  
  .live_rec__list_item_top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
  }
  
  .live_rec__list_item_top h5 {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
  }
  
  .live_rec__list_item_top div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
  }
  
  .live_rec__list_item_top div img {
	width: 28px;
	margin-right: 8px;
  }
  
  .live_rec__list_item_p {
	font-weight: normal !important;
	font-size: 14px !important;
	line-height: 20px !important;
	color: #6A7985 !important;
	margin-top: 0px !important;
  }
  
  .live_rec__list_item {
	position: relative;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #EBEBEB;
  }
  
  .live_rec__list_item p {
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 24px;
	margin-top: 8px;
	color: #000000;
  }
  
  .live_rec__list {
	margin-top: 15px;
  }
  
  .comm_post_h3 {
	margin-bottom: 16px;
  }
  
  .community_right {
	max-width: 312px;
	width: 100%;
	margin-left: 32px;
  }
  
  .community_right__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
  }
  
  .community_right__list a {
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 24px;
	color: #000000;
	padding: 8px 16px;
  }
  

  
  .dislike {
	margin-right: 32px;
  }
  
  .comm_content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
  }
  
  .comm_content a {
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 24px;
	color: #000000;
	background: rgba(106, 121, 133, 0.08);
	border-radius: 8px;
	padding: 8px 16px;
	margin-bottom: 8px;
  }
  
  .comm_content a:last-child {
	margin-bottom: 0;
  }
  
  .vote_comm {
	margin-top: 8px;
  }
  
  .media {
	-webkit-box-pack: start;
		-ms-flex-pack: start;
			justify-content: flex-start;
  }
  
  .media__content__item {
	max-width: 312px;
	width: 100%;
	margin: 0 32px 24px 0;
  }
  
  .media__content__item:nth-child(3n) {
	margin-right: 0;
  }
  
  .media__content__item img {
	max-width: 312px;
    width: 312px;
	height: 208px;
	border-radius: 10px !important;
  }
  
  .media__content__item h4 {
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 28px;
	color: #000000;
	margin: 12px 0 4px;
  }
  
  .media__content__item p {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #6A7985;
  }
  
  .media__content__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
  }
  
  .media_rec__item {
	max-width: 312px;
	width: 100%;
	margin-bottom: 16px;
  }
  
  .media_rec__item h4 {
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 28px;
	color: #000000;
	margin: 12px 0 4px;
  }
  
  .media_rec__item p {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #6A7985;
  }
  
  .messages__main {
	-webkit-box-pack: start;
		-ms-flex-pack: start;
			justify-content: flex-start;
  }
  
  .messages__main_m {
	padding-bottom: 0;
  }
  
  .messages__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  }
  
  .messages__content__left {
	max-width: 344px;
	width: 100%;
	margin-top: 4px;
	position: relative;
  }
  
  .messages__content__left h2 {
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	line-height: 28px;
	color: #000000;
	margin-left: 16px;
  }
  
  .messages__content__left::before {
	content: "";
	position: absolute;
	top: -11px;
	left: 0;
	background: #EBEBEB;
	width: 1px;
	height: 104%;
  }
  
  .messages__content__left::after {
	content: "";
	position: absolute;
	top: -11px;
	right: 0;
	background: #EBEBEB;
	width: 1px;
	height: 104%;
  }
  
  .messeges_search {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	padding-left: 16px;
	border-bottom: 1px solid #EBEBEB;
  }
  
  .messeges_search input {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #6A7985;
	padding: 16px 44px 16px 10px;
	border: none;
  }
  
  .messages__content__left_list {
	height: 650px;
	overflow-y: scroll;
  }
  
  .messages__content__left_list_item {
	max-width: 344px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
		-ms-flex-align: start;
			align-items: flex-start;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	padding: 8px 16px;
  }
  
  .messages__content__left_list_item h5 {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
  }
  
  .messages__content__left_list_item p {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #6A7985;
  }
  
  .messages__content__left_list_item span {
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	color: #6A7985;
  }
  
  .messages__content__left_list_item img {
	width: 48px;
  }
  
  .messages__content__left_list_item .message_content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  }
  
  .messages__content__left_list_item .message_content div {
	margin-left: 12px;
  }
  
  .active_msg {
	background: rgba(255, 1, 123, 0.08);
  }
  
  .active_msg p {
	color: #000;
  }
  
  .active_msg span {
	color: #000;
  }
  
  .group_ptotos {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	max-width: 50px;
	margin-left: 0 !important;
  }
  
  .group_ptotos img {
	width: 24px;
	height: 24px;
  }
  
  .group_ptotos img:not(:nth-child(2n)) {
	margin-right: 2px;
  }
  
  .group_ptotos img:not(:nth-child(3)) {
	margin-bottom: 2px;
  }
  
  .group_ptotos img:not(:nth-child(4)) {
	margin-bottom: 2px;
  }
  
  .messages__content__right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	padding: 0px 16px;
  }
  
  .header_msg {
	margin-bottom: 8px;
  }
  
  .chat_top {
	padding-bottom: 8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	position: relative;
  }
  
  .chat_top::after {
	position: absolute;
	content: "";
	left: -16px;
	bottom: 0;
	background: #EBEBEB;
	width: 105%;
	height: 1px;
  }
  
  .chat_top h5 {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
  }
  
  .chat_top p {
	font-style: normal;
	margin-top: 4px;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	color: #8B9095;
  }
  
  .chat_top p svg {
	margin-right: 4px;
  }
  
  .messages__content__right {
	max-width: 688px;
	width: 100%;
	position: relative;
	padding-right: 0;
  }
  
  .messages__content__right::after {
	height: 104%;
	width: 1px;
	background: #EBEBEB;
	right: -16px;
	top: -7px;
	position: absolute;
	content: "";
  }
  
  .messages__content {
	width: 100%;
  }
  
  .chat_top_content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
  }
  
  .chat_top_content > div {
	margin-left: 12px;
  }
  
  .chat_middle {
	padding: 20px 0;
	height: 100%;
	max-height: 660px;
	overflow-y: scroll;
  }
  
  .message {
	margin-bottom: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
  }
  
  .message > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
		-ms-flex-align: start;
			align-items: flex-start;
  }
  
  .message img {
	width: 36px;
  }
  

  
  .message p {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	margin-left: 12px;
	max-width: 336px;
	margin-top: 4px;
  }
  
  .message p a {
	font-style: italic;
	font-weight: normal;
	-webkit-text-decoration-line: underline;
			text-decoration-line: underline;
	color: gray;
  }
  
  .message span {
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	color: #6A7985;
	margin-top: 4px;
  }
  
  .caht_bottom {
	padding-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
  }
  
  .file {
	cursor: pointer;
	margin-right: 15px;
  }
  
  .file input {
	display: none;
  }
  
  .send_msg {
	position: relative;
	width: 100%;
  }
  
  .send_msg input {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	color: #6A7985;
	background: rgba(106, 121, 133, 0.08);
	border-radius: 8px;
	padding: 12px 40px 12px 12px;
	border: none;
	width: 100%;
  }
  
  .emogi {
	position: absolute;
	right: 0;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
	cursor: pointer;
	top: 50%;
	right: 10px;
  }

  
  .pr_active {
	color: #000000 !important;
  }
  
  .sale {
	background: #FFA901;
	border-radius: 8px;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	padding: 4px 8px;
	text-align: center;
	color: #FFFFFF;
	position: absolute;
	top: -10px;
  }
  
  .product__content__item {
	background: #FFFFFF;
	position: relative;
	border: 1px solid #EBEBEB;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	border-radius: 16px;
	margin: 0 32px 24px 0;
	padding: 24px 16px;
	/* max-width: 312px; */
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	text-align: center;
  }
  
  .product__content__item:nth-child(3n) {
	margin-right: 0;
  }
  
  .product__content__item h4 {
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	line-height: 28px;
	color: #000000;
	min-height: 56px;
  }
  
  .product__content__item h3 {
	font-style: normal;
	font-weight: bold;
	font-size: 32px;
	line-height: 40px;
	color: #000000;
	margin-top: 12px;
  }
  
  .product__content__item h3 span {
	font-size: 18px;
	line-height: 20px;
	color: #6A7985;
	margin-bottom: 0 !important;
	text-decoration: line-through;
  }
  
  .product__content__item span {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #6A7985;
	margin-bottom: 16px;
  }
  
  .product__content__item .btn {
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 24px;
	color: #FFFFFF;
  }
  
  .product__content__item p {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #6A7985;
	margin-top: 40px;
  }
  
  .products__shop_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
  }
  
  .products__shop_item {
	background: #FFFFFF;
	max-width: 312px;
	width: 100%;
	border: 1px solid #EBEBEB;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	border-radius: 16px;
	margin: 0 32px 24px 0;
  }
  
  .products__shop_item:nth-child(3n) {
	margin-right: 0;
  }
  
  .products__shop_item h5 {
	padding: 0 16px;
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	line-height: 28px;
	margin-bottom: 12px;
	color: #000000;
	margin-top: 16px;
  }
  
  .products__shop_item div {
	padding: 0 16px 16px 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
  }
  
  .products__shop_item img {
	width: 100%;
  }
  
  .products__shop_item h4 {
	font-style: normal;
	font-weight: bold;
	font-size: 32px;
	line-height: 40px;
	color: #000000;
  }
  
  .products__shop_item .btn {
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 100%;
	text-align: center;
	color: #FFFFFF;
  }
  
  footer {
	border-top: 1px solid #C4C4C4;
  }
  
  .footer {
	text-align: center;
	padding: 10px 0;
  }
  .footer p {
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 24px;
	color: #6A7985;
  }
  
  .entry__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
  }
  
  .entry__item {
	margin: 0 25px 31px 0;
  }
  
  .entry__item:nth-child(4n) {
	margin-right: 0;
  }
  
  @media (max-width: 1255px) {
	.container {
	  padding: 0 3%;
	}
  }
  
  @media (max-width: 1255px) {
	.media__content__list {
	  max-width: 1000px;
	}
	.media__content__item:nth-child(2n), .product__content__item:nth-child(2n) {
	  margin-right: 0;
	}
	.media__content__item:nth-child(3n), .product__content__item:nth-child(3n) {
	  margin-right: 32px;
	}
	.entry__list {
	  max-width: 951px;
	  margin: 0 auto;
	}
	.entry__item:nth-child(3n) {
	  margin-right: 0;
	}
	.entry__item:nth-child(4n) {
	  margin-right: 25px;
	}
  }
  
  @media (max-width: 1200px) {
	.main__content__item {
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
			  flex-direction: column;
	}
	.main__item__right {
	  padding-bottom: 10px;
	}
	.main__item__left {
	  margin: 0 0 20px 0;
	}
  }
  
  @media (max-width: 1140px) {
	.messages__content__left_list_item .message_content div {
	  display: none;
	}
	.group_ptotos {
	  display: -webkit-box !important;
	  display: -ms-flexbox !important;
	  display: flex !important;
	}
	.messages__content__left_list_item span {
	  display: none;
	}
	.messages__content__left_list_item, .messages__content__left {
	  max-width: 85px;
	}
	.messages__content__left h2 {
	  display: none;
	}
	.messages__content__left .messeges_search {
	  display: none;
	}
	.message span {
	  min-width: 55px;
	  margin-left: 30px;
	}
  }
  
  @media (max-width: 1000px) {
	.live_authors {
	  display: none;
	}
	.live_rec {
	  display: none;
	}
	.community_right {
	  display: none;
	}
	.entry__list {
	  max-width: 635px;
	  margin: 0 auto;
	}
	.entry__item:nth-child(2n) {
	  margin-right: 0;
	}
	.entry__item:nth-child(3n) {
	  margin-right: 25px;
	}
	.entry__item:nth-child(4n) {
	  margin-right: 0;
	}
  }
  
  @media (max-width: 850px) {
	nav {
	  max-width: 140px;
	}
	.search {
	  margin-left: 80px;
	}
	.main__content_nav a {
	  margin-right: 15px;
	}
  }
  
  @media (max-width: 700px) {
	.entry__list {
	  max-width: 300px;
	}
	.entry__list .entry__item {
	  margin-right: 0 !important;
	}
	.menu__mob {
	  display: block !important;
	}
	.search {
		display: none;
	  margin-left: 30px;
	}
	.main__content_nav {
	  display: none;
	}
	.content h2 {
	  margin-bottom: 20px;
	}
	nav {
	  margin: 0;
	  position: absolute;
	  z-index: 5;
	  left: -150%;
	  background: #fff;
	  width: 100%;
	  max-width: 97%;
	  -webkit-transition: all .3s ease-in-out;
	  transition: all .3s ease-in-out;
	  padding-bottom: 30px;
	}
	.active_menu {
	  left: 3%;
	}
	.header__right {
	  margin-left: 30px;
	}
  }
  
  .menu__mob {
	cursor: pointer;
	display: none;
	margin-right: 30px;
  }
  
  .menu__mob svg {
	width: 25px;
  }
  
  @media (max-width: 500px) {
	.product__content__item, .products__shop_item {
	  margin-right: 0 !important;
	}
	.messages__content__right::after, .messages__content__left::before {
	  display: none;
	}
	.messages__main_m .container {
	  padding-left: 0;
	}
	.chat_middle {
	  max-height: 440px;
	}
	.messages__content__left_list {
	  height: 570px;
	}
	.messages__content__right {
	  max-width: 688px;
	  width: 100%;
	  position: relative;
	  padding-right: 0;
	  -webkit-box-pack: start;
		  -ms-flex-pack: start;
			  justify-content: flex-start;
	}
	.logo {
	  margin-left: 50px;
	}
	.menu__mob {
	  margin-right: 0;
	}
	.main__item__left img {
	  width: 100%;
	}
	.media__content__item {
	  margin-right: 0;
	}
	.media__content__item:nth-child(2n) {
	  margin-right: 0;
	}
	.media__content__item:nth-child(3n) {
	  margin-right: 0;
	}
  }
  
  @media (max-width: 400px) {
	.message span {
	  display: none;
	}
	.chat_top_content img {
	  width: 35px;
	}
	.chat_top .group_ptotos img {
	  width: 24px !important;
	  height: 24px !important;
	}
	.message img {
	  width: 30px;
	}
	.message p {
	  font-size: 13px;
	}
  }
  
  @media (max-width: 360px) {
	.profile__link {
	  margin-left: 0;
	}
	.header__right svg {
	  display: none;
	}
	.main__item__right p {
	  font-size: 14px;
	  line-height: 22px;
	}
	.main__item__right h3 {
	  font-size: 18px;
	  line-height: 26px;
	}
	.recent_populat {
	  display: none;
	}
  }