@charset "UTF-8";
*, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; }

html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@-ms-viewport { width: device-width; }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

body { margin: 0; font-family: "Roboto"; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #f4f4f4; overflow-x: hidden; }

[tabindex="-1"]:focus { outline: 0 !important; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; }

p { margin-top: 0; margin-bottom: 0; }

abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; }

address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }

dt { font-weight: 700; }

dd { margin-bottom: .5rem; margin-left: 0; }

blockquote { margin: 0 0 1rem; }

dfn { font-style: italic; }

b, strong { font-weight: bolder; }

small { font-size: 80%; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

a { color: #007bff; text-decoration: none !important; background-color: transparent; -webkit-text-decoration-skip: objects; }

pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; }

pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; }

figure { margin: 0 0 1rem; }

img { vertical-align: middle; border-style: none; max-width: 100%; }

svg { overflow: hidden; vertical-align: middle; }

table { border-collapse: collapse; }

caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; }

th { text-align: inherit; }

label { display: inline-block; margin-bottom: 0.5rem; }

button { border-radius: 0; }

button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }

input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; }

input[type="radio"], input[type="checkbox"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }

textarea { overflow: auto; resize: vertical; }

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }

legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }

progress { vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { outline-offset: -2px; -webkit-appearance: none; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }

output { display: inline-block; }

summary { display: list-item; cursor: pointer; }

template { display: none; }

img.lazy:not(.initial) { -webkit-transition: opacity 1s;-o-transition: opacity 1s;transition: opacity 1s; }
img.lazy.initial, img.lazy.loaded, img.lazy.error { opacity: 1; -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; transition: transform 0.5s ease; transition: 0.5s; }
img:not([src]) {visibility: hidden;}

[hidden] { display: none !important; }
#top {
	position: fixed;
	right: 10px;
	bottom: 10px;
	cursor: pointer;
	z-index: 9999;
}
.img {
	display: block;
}
.img img {
	display: block;
	max-width: 100%;
}
.grecaptcha-badge {
	display: none;
}
.center-layout {
	max-width: 970px;
	padding-left: 5px!important;
	padding-right: 5px!important;
	margin: 0 auto;
}
.header-height {
	height: 102px;
}
.header {
	background: #ffba00;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1030;
}
.header-right {
	width: 80.2083333333%;
}
.header-nav {
	width: 100%;
	padding: 15px 0;
}
.header-nav a {
	font-size: 14px;
	color: #000000;
}
.header-nav i {
	font-size: 16px;
}
.header-bottom {
	width: 100%;
	padding-bottom: 15px;
}
.header-bottom a {
	cursor: pointer;
}
.header-search {
	width: calc(100% - 310px);
	height: 36px;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
}
.header-search input {
	width: calc(100% - 45px);
	height: 100%;
	border: 0;
	padding-left: 10px;
	font-size: 14px;
	color: #333;
}
.header-search button {
	width: 45px;
	height: 100%;
	background: #fff;
	border: 0;
	cursor: pointer;
	font-size: 20px;
	color: #ffba00;
}
.header-login__button {
	font-weight: bold;
	font-size: 14px;
	color: #000;
}
.header-login__button i {
	font-size: 25px;
}
.header-post__button {
	width: 140px;
	height: 36px;
	font-weight: bold;
	font-size: 15px;
	color: #fff;
	background: #fc9807;
	border-radius: 5px;
}
.header-post__button i {
	font-size: 20px;
}
.header-mobile {
	display: none;
}
.slide {
	background: #fff;
	padding: 20px 0;
}
.slide .img {
	border-radius: 10px;
	overflow: hidden;
}
.tags {
	background: #f4f4f4;
}
.tags .center-layout {
	padding: 35px 0;
	border-top: 1px dotted #cccccc;
}
.tags-title {
	font-weight: bold;
	font-size: 16px;
	color: #7d7d7d;
	margin-bottom: 20px;
}
.tags-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 10px 20px;
}
.tags-items {
	display: block;
	font-size: 14px;
	color: #777777;
	padding-left: 14px;
	position: relative;
}
.tags-items:before {
	position: absolute;
	content: "";
	width: 4px;
	height: 4px;
	background: #777777;
	border-radius: 50%;
	left: 0;
	top: 9px;
}
.tags-items:hover {
	color: #fc9807;
}
.tags-items:hover:before {
	background: #fc9807;
}
.footer {
	background: #fff;
	padding: 30px 0;
}
.footer-grid {
	display: grid;
	grid-template-columns: 37.5% 16.6666666667% 12.5% 26.0416666667%;
	grid-gap: 20px;
}
.footer-title {
	font-weight: bold;
	font-size: 15px;
	color: #313131;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.footer-row {
	display: block;
	font-size: 14px;
	color: #4a4a4a;
	margin-bottom: 10px;
}
.footer-row i {
	margin-right: 5px;
}
.footer-link {
	display: block;
	font-size: 14px;
	color: #4a4a4a;
	margin-bottom: 10px;
}
.footer-link:hover {
	color: #fc9807;
}
.copyright {
	background: #fff;
	border-top: 1px solid #f4f4f4;
	padding: 15px 0;
	font-size: 13px;
	color: #434343;
}
.copyright-statistic {
	padding: 0 10px;
	position: relative;
}
.copyright-statistic:after {
	position: absolute;
	content: "";
	width: 1px;
	height: 10px;
	background: #777;
	left: 100%;
	top: 50%;
	transform: translate(0, -50%);
}
.copyright-statistic:last-child {
	padding-right: 0;
}
.copyright-statistic:last-child:after {
	display: none;
}
.about {
	background: #f4f4f4;
	padding: 35px 0;
}
.about-title {
	font-weight: bold;
	font-size: 16px;
	color: #161616;
	text-align: center;
	margin-bottom: 15px;
}
.about-desc {
	text-align: center;
	font-size: 14px;
	color: #616161;
	text-align: center;
	max-height: 250px;
	position: relative;
	overflow: hidden;
	transition: all .3s ease-in-out;
}
.about-desc.expanded {
	max-height: initial;
	padding-bottom: 40px;
}
.about-viewmore {
	transition: all .3s ease-in-out;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 99;
	text-align: justify;
	text-align-last: center;
	padding: 100px 0 0;
	background: -moz-linear-gradient(180deg, rgba(244,244,244,0) 0, rgba(244,244,244,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(244,244,244,0) 0, rgba(244,244,244,1) 100%);
	background: -o-linear-gradient(180deg, rgba(244,244,244,0) 0, rgba(244,244,244,1) 100%);
	background: -ms-linear-gradient(180deg, rgba(244,244,244,0) 0, rgba(244,244,244,1) 100%);
	background: linear-gradient(180deg, rgba(244,244,244,0) 0, rgba(244,244,244,1) 100%);
	cursor: pointer;
}
.about-viewmore i {
	transition: all .3s ease-in-out;
}
.about-viewmore.expanded {
	background: initial;
}
.about-viewmore.expanded i {
	transform: rotate(180deg);
}
.categories {
	background: #f4f4f4;
	padding: 20px 0 0;
}
.categories .center-layout {
	background: #fff;
	padding: 10px!important;
}
.categories-title {
	font-weight: bold;
	font-size: 16px;
	color: #161616;
	margin-bottom: 10px;
}
.categories-grid {
	display: grid;
	grid-template-columns: repeat(6, calc(16.6666666667% - (10px * 5 / 6)));
	grid-gap: 10px;
}
.categories-items {
	position: relative;
	border-radius: 3px;
	overflow: hidden;
}
.categories-items:nth-child(1) {
	grid-column: 1 / 3;
}
.categories-items:nth-child(2) {
	grid-column: 3 / 5;
}
.categories-items .img img {
	transition: all .3s;
	width: 100%;
}
.categories-items__name {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 999;
	background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(0,0,0,1) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(0,0,0,1) 100%);
	padding: 50px 10px 10px;
	margin: 0;
	font-weight: normal;
}
.categories-items__name a {
	transition: all .3s;
	display: block;
	font-weight: bold;
	font-size: 15px;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.categories-items:hover .img img {
	transform: scale(1.1);
}
.categories-items:hover .categories-items__name a {
	color: #fc9807;
}
.custom-select, .btn {
	font-size: 0.875rem;
}
.bg-inner {
	background: #f4f4f4;
}
.ad {
	max-width: 1320px;
	margin: 0 auto;
}
.ad-left, .ad-right {
	width: 160px;
}
.ad-mid {
	width: calc(100% - 360px);
}
.filter {
	background: #fff;
	padding: 5px;
}
.filter select {
	width: auto;
	border-color: #b9b9b9;
	margin: 5px;
}
.filter button {
	border-color: #b9b9b9;
	margin: 5px;
}
.breadcrumb {
	background: transparent;
	padding: 15px 0;
	list-style-type: none;
	margin: 0 auto;
}
.breadcrumb a, .breadcrumb i {
	color: #225d9d;
}
.breadcrumb i {
	font-style: normal;
	padding: 3px 5px 0;
}
.breadcrumb i:last-child {
	display: none;
}
.breadcrumb a:hover span {
	color: #222;
}
.breadcrumb li:last-of-type span {
	color: #222;
}
.ad-categories {
	background: #fff;
	padding: 20px 30px;
	border-radius: 3px;
	margin-bottom: 20px;
	position: relative;
}
.ad-categories .custom-owl-next {
	position: absolute;
	width: 25px;
	height: 25px;
	border: 1px solid #e8e8e8;
	border-radius: 50%;
	box-shadow: 0 0 8px #999;
	cursor: pointer;
	font-size: 18px;
	right: 0;
	top: 50%;
	transform: translate(50%, -50%);
	background: #fff;
	transition: all .3s;
}
.ad-categories .custom-owl-next:hover {
	background: #fc9807;
	box-shadow: 0 0 8px #ffba00;
}
.ad-categories-items {
	width: 90px;
}
.ad-categories-items .img {
	width: 55px;
	height: 55px;
	background: #f4f4f4;
	border-radius: 50%;
	margin: 0 auto;
}
.ad-categories-items .img img {
	border-radius: 50%;
}
.ad-categories-items__name {
	font-weight: normal;
	margin: 0;
}
.ad-categories-items__name a {
	display: block;
	font-size: 14px;
	color: #222222;
	text-align: center;
	transition: all .3s;
}
.ad-categories-items:hover .ad-categories-items__name a {
	color: #fc9807;
}
.ad-nav {
	background: #fff;
	border-radius: 3px;
}
.ad-nav__title {
	font-weight: bold;
	font-size: 15px;
	color: #222222;
	padding: 0 20px;
	position: relative;
	line-height: 50px;
	white-space: nowrap;
}
.ad-nav__title:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	background: #ffba00;
	left: 0;
	bottom: 0;
}
.ad-nav__filter span {
	padding: 0 20px;
	line-height: 50px;
	white-space: nowrap;
	font-size: 14px;
	color: #898989;
	cursor: pointer;
	position: relative;
}
.ad-nav__filter select {
	width: auto;
	height: 50px;
	border: 0;
	font-size: 14px;
	color: #898989;
	cursor: pointer;
	position: relative;
}
.ad-nav__filter span:after, .ad-nav__filter select:after {
	transition: all .3s;
	position: absolute;
	content: "";
	width: 0;
	height: 2px;
	background: #ffba00;
	left: 0;
	bottom: 0;
}
.ad-nav__filter span:hover:after, .ad-nav__filter select:hover:after {
	width: 100%;
}
.ad-nav__filter select:focus {
	border-color: initial;
	outline: 0;
	box-shadow: initial;
}
.form-control {
	font-size: 0.875rem;
}
.nav-pills>li>a{
	display: block;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
	background: initial;
	color: initial;
	display: initial;
}
.nav-pills>li>a.active, .nav-pills>li>a.active:focus, .nav-pills>li>a.active:hover {
	background:none;
	color:#bc010c;
	display: block;
}
.nav-pills>li.active>a:after{
	display: none;
}
.nav-pills>li>a.active:after{
	position:absolute;
	content:'';
	width:100%;
	height:2px;
	background:#bc010c;
	left:0px;
	bottom:-1px;
}
.text-split {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 80px;
}
.ad-list {
	margin-top: 10px;
	background: #fff;
}
.ad-items {
	padding: 10px;
	border-bottom: 1px solid #e6e6e6;
	transition: all .3s;
}
.ad-items:last-child {
	border-bottom: 0;
}
.ad-items .img {
	width: 180px;
	overflow: hidden;
}
.ad-items .img img {
	transition: all .3s;
}
.ad-items__info {
	width: calc(100% - 200px);
}
.ad-items__name {
	font-weight: normal;
	margin: 0;
}
.ad-items__name a {
	display: block;
	font-weight: bold;
	font-size: 15px;
	color: #222222;
	transition: all .3s;
}
.ad-items__price {
	font-weight: bold;
	font-size: 16px;
	color: #d80505;
}
.ad-items__col {
	font-size: 14px;
	color: #a4a4a4;
}
.ad-items__col i {
	font-size: 18px;
}
.ad-items:hover {
	box-shadow: 0 0 8px #c1c0c0;
}
.ad-items:hover .img img {
	transform: scale(1.1);
}
.ad-items:hover .ad-items__name a {
	color: #d80505;
}
.ad-detail__left {
	width: 64%;
}
.ad-detail__right {
	width: 33%;
}
.ad-detail__photos {
	position: relative;
	background: #f4f4f4;
}
.ad-detail__photos .custom-owl-prev, .ad-detail__photos .custom-owl-next {
	position: absolute;
	width: 40px;
	height: 40px;
	background: rgba(0,0,0,.5);
	font-size: 25px;
	color: #fff;
	cursor: pointer;
	top: 50%;
	transform: translate(0, -50%);
	z-index: 999;
	transition: all .3s;
}
.ad-detail__photos .custom-owl-prev:hover, .ad-detail__photos .custom-owl-next:hover {
	background: rgba(0,0,0,.8);
}
.ad-detail__photos .custom-owl-prev {
	left: 0;
}
.ad-detail__photos .custom-owl-next {
	right: 0;
}
.ad-detail__photos .owl-dots {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 35px;
	z-index: 999;
}
.ad-detail__posted-ago {
	position: absolute;
	width: 100%;
	background: rgba(0,0,0,.8);
	font-size: 13px;
	color: #fff;
	padding: 8px 20px;
	text-align: right;
	left: 0;
	bottom: 0;
	z-index: 999;
}
.ad-detail__name {
	font-weight: bold;
	font-size: 15px;
	color: #232323;
	text-transform: uppercase;
	padding: 20px 0;
}
.ad-detail__price {
	font-weight: bold;
	font-size: 20px;
	color: #c90927;
	margin-bottom: 20px;
}
.ad-store {
	padding: 15px 0;
}
.ad-store__left {
	width: calc(100% - 100px);
}
.ad-store__image {
	width: 50px;
	height: 50px;
	border: 1px solid #e1e1e1;
	border-radius: 50%;
}
.ad-store__image img {
	border-radius: 50%;
}
.ad-store__infomation {
	width: calc(100% - 60px);
}
.ad-store__name {
	font-weight: bold;
	font-size: 15px;
	color: #222222;
	margin-bottom: 5px;
}
.ad-store__view {
	width: 90px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	background: #fc9807;
	border-radius: 15px;
	font-size: 11px;
	color: #fff;
	text-align: center;
	transition: all .3s;
}
.ad-store__view:hover {
	color: #fff;
	background: #e98a00;
}
.ad-store__page {
	font-size: 12px!important;
}
a { cursor: pointer; }
.stars { position: relative; color: #c0c3c7; }
.stars:before { content: "\2605\2605\2605\2605\2605"; z-index: 1; }
.stars .stars-percent { position: absolute; left: 0; top: 0; overflow: hidden; z-index: 2; }
.stars .stars-percent:after { content: "\2605\2605\2605\2605\2605"; font-size: 2.2rem; height: 1.5rem; }
.stars--medium:before { font-size: 2.2rem; height: 1.5rem; }
.stars--medium .stars-percent:after { font-size: 2.2rem; height: 1.5rem; }
.stars--regular:before { font-size: 2rem; height: 1.3rem; }
.stars--regular .stars-percent:after { font-size: 2rem; height: 1.3rem; }
.stars--small:before { font-size: 1rem; }
.stars--small .stars-percent:after { font-size: 1rem; }
.stars--5stars .stars-percent:after { color: #e5101d; }
.stars--4stars .stars-percent:after { color: #ff552d; }
.stars--3stars .stars-percent:after { color: #f97c23; }
.stars--2stars .stars-percent:after { color: #f5a623; }
.stars--1stars .stars-percent:after { color: #7f8268; }
.ad-store__grid {
	display: grid;
	grid-template-columns: repeat(3, auto);
	padding: 20px 0 30px;
	border-bottom: 1px solid #e4e4e4;
}
.ad-store__info {
	text-align: center;
	position: relative;
}
.ad-store__info:after {
	position: absolute;
	content: "";
	width: 1px;
	height: 30px;
	background: #cacaca;
	left: 100%;
	top: 50%;
	transform: translate(0, -50%);
}
.ad-store__info:last-child:after {
	display: none;
}
.ad-store__info p {
	font-size: 12px;
	color: rgb(155, 155, 155);
}
.ad-store__info i {
	font-size: 15px;
	color: #fc9807;
}
.ad-store__hotline {
	height: 40px;
	padding: 0 15px 0 10px;
	background: #0073c3;
	border-radius: 3px;
	cursor: pointer;
	margin-top: 20px;
	color: #fff;
	font-size: 15px;
}
.ad-store__hotline i {
	font-size: 25px;
}
.ad-detail__area p {
	font-size: 15px;
}
.show-phone {
	font-weight: bold;
	text-transform: uppercase;
}
.hide-phone {
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	width: 100%;
	color: #fff;
}
.hide-phone:hover {
	color: #fff;
}
.ad-store__chat {
	height: 40px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	color: #0073c3;
	padding: 0 15px 0 10px;
	margin: 10px 0 20px;
}
.ad-store__chat i {
	font-size: 25px;
}
.ad-store__chat span {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
.ad-detail__sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 102px;
}
.ad-detail__content {
	margin-bottom: 30px;
}
.ad-detail__title {
	font-weight: bold;
	font-size: 14px;
	color: #8f8297;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
}
.ad-detail__shield {
	border-top: 1px solid #eee;
	padding: 10px 0;
}
.ad-detail__shield i {
	font-size: 30px;
	color: #15b81d;
}
.ad-detail__shield span {
	font-style: italic;
	font-size: 12px;
	color: #333;
}
.dropdown-menu {
	min-width: 15rem;
}
.dropdown-item .rounded-circle {
	width: 30px;
	height: 30px;
}
.post-grid { display: grid; grid-template-columns: repeat(2, calc(50% - 10px)); grid-gap: 20px; }
.post-items .img { width: 250px; float: left; margin-right: 10px; border-radius: 5px; }
.post-items .img img { width: 100%; }
.post-items__name { font-weight: normal; margin: 0; }
.post-items__name a { display: block; font-weight: bold; font-size: 15px; color: #000; margin-bottom: 5px; }
.post-items__name a:hover { color: #cf0000; }
.post-items__desc { font-size: 14px; color: #444; text-align: justify; }
.post-items__viewmore { font-size: 13px; }
#btn_menu_bootstrap{height:24px;width:30px;display:none;position: relative;}
#btn_menu_bootstrap span{background:#fff;content:'';display:block;width:100%;height:2px;position:absolute;left:0px;top:50%;margin-top:-1px;}
#btn_menu_bootstrap:before{content:"";position:absolute;width:100%;height:2px;background:#fff;top:0;left:0;}
#btn_menu_bootstrap:after{content:"";position:absolute;width:100%;height:2px;background:#fff;bottom:0;left:0;}
#btn_menu_bootstrap:before,#btn_menu_bootstrap:after{transform-origin:left 1px;-webkit-transition:all 0.3s;transition:all 0.3s;}
.move_btn_bootstrap:before{transform:rotate(45deg);}
.move_btn_bootstrap:after{transform:rotate(-45deg);}
.move_btn_bootstrap span{left:-200%!important;opacity:0!important}
.ddd { display: none; }

.list-mess{height:460px;overflow:hidden;overflow-y:scroll;padding-right:10px;}
.list-mess::-webkit-scrollbar{width:3px;}
.list-mess::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}
.list-mess::-webkit-scrollbar-thumb{background-color:darkgrey;outline:1px solid slategrey;}
.item-mess{margin-bottom:10px;width:100%;clear:both;position:relative;}
.item-mess.mess-left{float:left;}
.item-mess.mess-right{float:right;}
.item-mess div{padding:10px;font-size:14px;display:block;color:#000;}
.item-mess.mess-left div{background:#eee;border-radius:0px 15px 0px 15px;border:1px solid #eee;}
.item-mess.mess-right div{background:#fff;border-radius:15px 0px 15px 0px;border:1px solid #6d6d6d;}
.item-mess div img{margin-top:6px;display:block;}
.item-mess div i{display:block;font-size:12px;}
.removeMess{display:inline-block;position:absolute;right:5px;top:5px;z-index:9;cursor:pointer;}
.frmChat{margin-top:10px;}
.frmChat textarea{border-radius:0px;border:1px solid #e0e0e0;}
p.codeUser{margin-bottom:0px;}
a.label{font-weight:normal;}
table#table_messenger tbody tr td.content-messenger{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}

.mess-panel { border: 1px solid #eee; }
.mess-panel__left { width: 300px; background: #fff; border-right: 1px solid #eee; padding: 0 5px; }
.mess-panel__right { width: calc(100% - 300px); }
.mess-user { margin-bottom: 15px; transition: all .3s; border-radius: 7px; padding: 5px; cursor: pointer; position: relative; }
.mess-user__image { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; background: #f1f1f1; }
.mess-user__info { width: calc(100% - 90px); }
.mess-user__name { font-family: "RobotoMedium"; color: #111; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mess-user__content { font-family: "RobotoLight"; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mess-user__time { font-family: "RobotoLight"; font-size: 13px; color: #666; }
.mess-user__action { width: 20px; height: 20px; color: #555; transition: all .3s; }
.mess-user__action:hover { color: #000; }
.mess-user--new .mess-user__name, .mess-user--new .mess-user__content, .mess-user--new .mess-user__time { font-family: "RobotoMedium"; color: #000; }
.mess-user:hover, .mess-user.active { background: #f2f2f2; }
.mess--bg { background: #f2f2f2; }
.mess-header { padding: 10px; }
.mess-header__icon { margin-right: 5px; }
.mess-header__image { width: 40px; border-radius: 50%; overflow: hidden; margin-right: 10px; }
.mess-header__name { font-family: "RobotoBold"; font-size: 16px; color: #111; }
#frmSearchMess { height: 36px; border-radius: 18px; margin-bottom: 10px; background: #f2f2f2; }
#frmSearchMess span { width: 36px; height: 100%; color: #666; border-radius: 18px 0 0 18px; }
#list-user { width: calc(100% - 36px); border-radius: 0 18px 18px 0; background: #f2f2f2; height: 100%; border: 0; font-family: "RobotoRegular"; font-size: 13px; color: #666; }
.autocomplete-items { padding: 5px; }
.autocomplete-items img { border-radius: 50%; margin-right: 5px; }
.autocomplete-items b { font-family: "RobotoLight"; font-weight: normal; color: #000; width: calc(100% - 40px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mess-list { max-height: 500px; padding: 0 15px 0 10px!important; }
.mess-items { max-width: 50%; margin-bottom: 15px; }
.mess-items__left { float: left; }
.mess-items__right { float: right; }
.mess-items__image { width: 30px; height: 30px; border-radius: 50%; overflow: hidden; margin-right: 5px; }
.mess-items__content { width: calc(100% - 35px); }
.mess-items__desc { margin-bottom: 2px; background: #f2f2f2; padding: 5px 10px; border-radius: 3px 15px 15px 3px; }
.mess-items__desc img { border-radius: 5px; margin-top: 3px; }
.mess-items__desc:first-child { border-radius: 15px 15px 15px 3px; }
.mess-items__desc:last-child { margin-bottom: 0; border-radius: 3px 15px 15px 15px; }
.mess-items__right .mess-items__content { width: 100%; }
.mess-items__right .mess-items__desc { background: #0099FF; color: #fff; border-radius: 15px 3px 3px 15px; }
.mess-items__right .mess-items__desc:first-child { border-radius: 15px 15px 3px 15px; }
.mess-items__right .mess-items__desc:last-child { border-radius: 15px 3px 15px 15px; }
.mess-items__desc--round { border-radius: 15px!important; }
.mess-bottom { padding: 10px; }
.mess-send__image { background: #0099FF; width: 34px!important; height: 34px; border-radius: 50%; border-right: 0; transition: all .3s; }
.mess-send__image i { font-size: 20px; color: #fff; position: relative; top: -2px; }
.mess-send__content { width: calc(100% - 80px); height: 34px; border: 1px solid #eee; border-radius: 17px; background: #f2f2f2; padding-left: 10px; }
.mess-bottom .btnSend { width: 34px; height: 34px; border: 0; border-radius: 50%; background: transparent; font-size: 20px; color: #0099FF; cursor: pointer; transition: all .3s; }
.mess-bottom .btnSend:hover { background: #0099FF; color: #fff; }
#img-fill { margin-top: 10px; }
.mess-timeline { color: #777; font-size: 13px; text-align: center; padding: 10px 0; }
.mess-unblock-notif { text-align: center; color: #999; }
.send-image{display:block;width:15%;padding:10px 0px;float:left;border-right:1px solid #e0e0e0;text-align:center;}
.send-image label{font-weight:normal;font-family:'RobotoRegular';margin-bottom:0px;cursor:pointer;font-size:15px;}
.custom-file-input,.send-image input[type="file"]{opacity:0;visibility:hidden; margin:0;height:0px;width:0px;}
.custom-file-label{width:40px;height:40px;background:rgba(0,0,0,0.3);display:flex;flex-direction:column;justify-content:center;text-align:center;border-radius:50%;color:#eee;cursor:pointer;position:absolute;right:5px;bottom:0px;z-index:9}

.pagination { display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; list-style-type: none; font-family: "RobotoRegular"; font-weight: 500; }
.pagination li { margin: 3px; line-height: 30px; }
.pagination li a { display: block; background: #ebebeb; padding: 0 5px; min-width: 30px; text-align: center; color: #000; }
.pagination li a.current, .pagination li a:hover { background: #0f5eca; color: #fff; }
@media screen and (max-width: 992px){
	.header-height {
		height: 167px;
	}
	.header-logo img {
		height: 50px;
	}
	.header .center-layout {
		flex-direction: column;
	}
	.header-bottom {
		flex-wrap: wrap;
		padding-bottom: 5px;
	}
	.header-right {
		width: 100%;
	}
	.header-nav {
		display: none!important;
	}
	.header-search {
		width: 100%;
		margin: 5px 0 0;
	}
	#btn_menu_bootstrap {
		display: block;
	}
	.ad-left, .ad-right {
		display: none;
	}
	.ad-mid {
		width: calc(100% - 20px);
		margin: 0 auto;
	}
	.header-mobile {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		padding: 5px 0;
	}
	.header-mobile a {
		color: #000;
	}
}
@media screen and (max-width: 768px){
	#full {
		overflow-x: hidden;
	}
	.categories-grid {
		grid-template-columns: repeat(4, calc(25% - (10px * 3 / 4)));
	}
	.copyright .center-layout {
		flex-wrap: wrap;
		justify-content: center!important;
	}
	.ad-detail {
		flex-direction: column;
	}
	.ad-detail__left {
		width: 100%;
		margin-bottom: 20px;
	}
	.ad-detail__right {
		width: 100%;
	}
	.asd {
		display: none;
	}
	.ddd {
		display: block;
	}
	.ad-detail__sticky {
		position: relative;
		top: 0;
	}
	.post-grid {
		grid-template-columns: 100%;
	}
}
@media screen and (max-width: 576px){
	.categories-grid {
		grid-template-columns: repeat(2, calc(50% - 5px));
	}
	.categories-items:nth-child(2) {
		grid-column: 1 / 3;
	}
	.tags-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.footer-grid {
		grid-template-columns: repeat(2, calc(50% - 10px));
	}
}