:root {
	--light-link: #333333;
	--light-title: #333333;
	--light-text: #333333;
	--light-date: #95979A;
	--light-secondary: #95979A;

	--dark-link: #C1C1C1;
	--dark-title: #C1C1C1;
	--dark-text: #C1C1C1;
	--dark-date: #808080;
	--dark-secondary: #808080;
}

html, body, .container, header{
	min-width: 360px;
	color: var(--light-text);
	-webkit-overflow-scrolling: touch;			
}

body{
	overflow-wrap: break-word;
}

.logo-text{
	font-size: 45px!important;
}

.logo-img{
	width: 210px;
	height: 49px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.navbar .bi-search{
	font-size: 20px;
	opacity: 0.8;
}

.bi-search:hover{
	opacity: 1;
}

.logo-text .anim{
	transform: rotate(-90deg);
    font-size: 30px;
    margin-left: -20px;
    margin-top: -16px;
}

.logo-text .anim-dot{
	opacity: 0;
}

.logo-text:hover .anim{
    transform: rotate(0deg) scale(1);
    font-size: 45px;
    margin-left: 0px;
    margin-top: 0;
}

.logo-text:hover .anim-dot{
	opacity: 1;
}

.footer-icons{
	font-size: 24px;
}

.footer-icons a:hover i, .nav-link:hover{
	color: var(--bs-yellow)!important;
}

.ria a{
	color: var(--bs-yellow)!important;
}

.not-found-text{
	font-size: 100px;
}

.content-block{
	margin-top: 25px!important;
}

a:not(.btn-business, .btn-outline-business, .text-white, .text-warning, .panel-btn, .link-light, .important-style, .text-business, .text-danger) {
	color: var(--light-link)!important;
}

.dropdown-item:active {
    background-color: var(--bs-dropdown-link-hover-bg)!important;
}

ul.navbar-nav{
	min-width: 310px;
}

.mobile-dropdown{
	position: absolute!important;
    right: 130px!important;
    top: 17px;
    border: 0;
}

.mobile-dropdown a, .mobile-dropdown i, .mobile-dropdown img{
    border: 0;
	outline: none;
}

.car-rating-indicators{
	position: absolute;
	margin: 0 auto;
	z-index: 4;
	margin-top: 14px;
	margin-left: 14px;
}

.car-additional-indicators{
	position: absolute;
	margin: 0 auto;
	z-index: 4;
	margin-top: 14px;
	right: 0;
	font-size: 16px!important;
}

.car-additional-indicators.vote-isset{
	bottom: 60px;
}

.car-additional-indicators.dreams-garage-isset{
	margin-top: 52px;
}

.car-additional-indicators i:before{
	font-size: 16px!important;
}

.car-additional-indicators .indicator{
	color: #fff;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 4px 7px 4px 10px;
    border-radius: 5px 0 0 5px;
	cursor: pointer;
}

.rating{
	display: inline-block;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	border: 2px solid #FFC107;
	width: 40px;
	height: 40px;
	background: #212529;
	cursor: default;
}

.rating .ind-val{
	font-size: 20px;
	margin-top: 2px;
	display: block;
}

@media (max-width: 767px) {

	.w-sm-100{
		width: 100%;
	}

	.fancybox-button--arrow_left, .fancybox-button--arrow_right{
		display: none!important;
	}

	.btn-warning:hover {
	  color: #000!important;
	}

	.btn-outline-warning:hover {
	  background-color: var(--bs-btn-bg)!important;
	  color: #444444!important;
	}

	.btn:focus{
		box-shadow: none!important;
	}

	.bi-search{
		opacity: 1;
	}

	.logo-img{
		width: 150px;
		margin-top: 0;
		margin-bottom: 0;
	}
		
	.rating .ind-val{
		margin-top: 2px;
	}

	.car-block{
		opacity: 1!important;
	}

	.exp-block{
		opacity: 1!important;
	}

	.logo-text{
		font-size: 30px!important;
	}	

	.logo-text:hover .anim{
	    transform: rotate(360deg);
	    font-size: 30px;
	}

	.logo-text .anim{
	    transform: rotate(0deg) scale(1);
	    font-size: 30px;
	    margin-left: 0px;
	    margin-top: 0;
	}

	.logo-text .anim-dot{
		opacity: 1;
	}

	header{
		width: 100%;
	}

	header.fixed{
		position: fixed;
		top:0;
	}

	.content-block{
		/*margin-top: 75px!important;*/
	}

	.content-block.app-line{
		margin-top: 15px!important;
	}

	.car-tools{
		opacity: 1!important;
	}
}

.dropdown-item.fw-bold{
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg);
}

.dark .dropdown-item.fw-bold-bp{
    color: var(--bs-dropdown-link-hover-color);
    background: #34383C!important;
}

.dark .dropdown-item.fw-bold-bp:hover{
    background: #51565b!important;
}

.logo-text, .anim, .anim-dot{
	transition: all 0.2s linear;
}

.form-select {
	color: var(--light-text)!important;
}

.form-select:focus, .form-control:focus {
    border-color: var(--bs-yellow)!important;
    box-shadow: 0 0 0 0.25rem rgb(234 234 234 / 100%)!important;
}

.bi-check2-circle{
	font-size: 30px;
}

.alert-mod, .alert-dan{
	padding: 5px!important;
    width: 260px;
    position: fixed!important;
    left: 50%!important;
    margin-left: -130px!important;
    top: 20%!important;
    opacity: 0.8;
    margin-bottom: 0!important;
    z-index:999;
}


.tooltip-inner {
    max-width: 350px!important;
    width: inherit!important;
}

.btn-link{
	color:#444!important;
}

.form-check-input:checked {
    background-color: var(--bs-yellow)!important;
    border-color: var(--bs-yellow)!important;
}

.form-check-input:focus {
    border-color: var(--bs-yellow)!important;
    box-shadow: 0 0 0 0.25rem rgb(234 234 234 / 100%)!important;
}

.like-cnt, .cmt-cnt{
 	font-size: 16px;
}

.bg-dark {
    z-index: 9;
}

.round-cnt{
    background-color: var(--bs-yellow)!important;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    font-size: 14px;
	line-height: 20px;
    color: #444;
    text-align: center;
}

.dark .round-cnt{
	color: #000;
}

.subs-cnt{
	background-color: var(--bs-yellow)!important;
    border-radius: 11px;
    min-width: 23px;
    color: #444;
    display: inline-block;
    text-align: center;
    padding-left: 8px;
    padding-right: 8px;
}

.exp-image{
	border-radius: 3px;
}

.car-block{
	transition: all 0.2s linear;
	position: relative;
}

.car-block:hover{
	opacity: 1;
}

.btn.btn-warning.subscribed{
	background: #EEEEEE!important;
    border: 0!important;
}

.exp-date, .exp-author{
	color: var(--light-date);
	font-size: 13px;
}

.exp-block-byline{
	max-width: 130px;
	overflow: hidden;
}

.exp-block{
	transition: all 0.2s linear;
}

.exp-block{
	opacity: 0.8;
}

a:hover .exp-block{
	opacity: 1;
}

/* .nav-item svg{
	position: absolute;
    margin-top: 5px;
    margin-left: 4px;
} */

.ca-slide{
	width: 100%;
	max-width: 140px;
	height: 100px;
	background-size: cover!important;
	background-position: center!important;
	border-radius: 5px;	
	margin: 0 auto;
	transition: all 0.2s linear;
}

.ca-slide:hover{
	opacity: 1;
}


.hide-on-mid{
	display: inline;
}

.show-on-mid{
	display: none;
}

@media (min-width: 1200px) {
	.navbar-collapse .bi{
		display: none;
	}
}

@media (max-width: 1100px) {
	.show-on-mid{
		display: inline;
	}
	.hide-on-mid{
		display: none;
	}
}

@media (max-width: 768px) {
	.show-on-mid{
		display: none;
	}
	.hide-on-mid{
		display: inline;
	}
}

@media (max-width: 768px) {
    .tooltip:not(.tooltip-subscribe) {
        display: none!important;
        opacity: 0!important;
    }
 }

.notify-btn, .share-btn-top{
	opacity: 0.8;
}

.notify-btn i, .share-btn-top i{
	font-size: 20px;
	color: #FFF!important;
}

.notify-btn:hover, .share-btn-top:hover{
	opacity: 1;
}

.chats-btn{
	opacity: 0.8;
	margin-top: 1px;
}

.chats-btn i{
	font-size: 20px;
	color: #FFF!important;
}

.ntf-isset-chat-btn {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ffc107;
    position: absolute;
    display: inline-block;
}

.chats-btn:hover{
	opacity: 1;
}

.dropdown-toggle::after{
	vertical-align: 0.1em!important;
}

.ntf-isset{
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #ffc107;
	position: absolute;
	margin-top: 0!important;
	margin-left: 0!important;
    display: inline-block;
}

.ntf-isset-chat{
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #ffc107;
	position: absolute;
	margin-top: 3px!important;
    display: inline-block;
    left: 50%;
    margin-left: 15px;
}

.ntf-isset-chat-menu{
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #ffc107;
	position: absolute;
	margin-left: 0!important;
	margin-top: 3px!important;
    display: inline-block;
    right: 14px;
}

.ntf-isset-chat-up{
	width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ffc107;
    position: absolute;
    display: inline-block;
}

@media (max-width: 768px) {
    .notify-btn, .share-btn-top{
		opacity: 1!important;
	}
	#dropdownUser-lg{
		margin-top: -3px;
	}
	.navbar{
		padding: var(--bs-navbar-padding-x)!important;
	}
 }

.panel-btn{
	padding: 10px;
	padding-left: 12px;
	color: #FFF!important;
	position: fixed;
	background: #212529;
	bottom: 165px;
	right: 0;
	text-decoration: none;
	z-index: 10;
	font-size:20px;
	border-radius: 5px 0 0 5px;
	opacity: 0.8;
	transition: all 0.2s linear;
}

.panel-btn:hover{
	opacity: 1;
	padding-right: 20px;
}

.share-btn{
	padding: 10px;
	padding-left: 12px;
	color: #FFF!important;
	position: fixed;
	background: #212529;
	bottom: 220px;
	right: 0;
	text-decoration: none;
	z-index: 10;
	font-size:20px;
	border-radius: 5px 0 0 5px;
	opacity: 0.8;
	transition: all 0.2s linear;
	cursor:pointer;
}

.cursor-pointer{
	cursor: pointer;
}

.cursor-default{
	cursor: default;
}

.share-btn.active{
	transition: all 0.2s linear;
	opacity: 1;
	padding-right: 20px;
}

.report-btn{
	padding: 10px;
	padding-left: 12px;
	color: #FFF!important;
	position: fixed;
	background: #212529;
	bottom: 21%;
	right: 0;
	text-decoration: none;
	z-index: 10;
	font-size:20px;
	border-radius: 5px 0 0 5px;
	opacity: 0.8;
	transition: all 0.2s linear;
}

.report-btn.active{
	opacity: 1;
	padding-right: 20px;
}


.ban-tape{
	width: 100%;
	text-align: center;
	background: #FF1500;
	color: #FFF;
	padding: 4px;
}


.support-btn{
	padding: 2px;
    color: #FFF!important;
    position: fixed;
    background: #212529;
    bottom: 30%;
    right: 40px;
    text-decoration: none;
    z-index: 10;
    transform: rotate(90deg);
    transform-origin: bottom right;
    width: 140px;
    text-align: center;
    border-radius: 0 0 5px 5px;
    transition: all 0.2s linear;
    letter-spacing: 1px;
    font-family: arial;
    font-weight: normal;
    font-size: 14px;
    height: 50px;
    padding-top: 20px;
    opacity: 0.8;
}

.support-btn:hover{
	opacity: 1;
	padding-top: 20px;
	right: 50px;
}


@media (max-width: 768px) {
	.support-btn{
		padding: 2px;
	    color: #FFF!important;
	    position: fixed;
	    background: #212529;
	    bottom: 15%;
	    right: 26px;
	    text-decoration: none;
	    z-index: 10;
	    transform: rotate(90deg);
	    transform-origin: bottom right;
	    width: 140px;
	    text-align: center;
	    border-radius: 0 0 5px 5px;
	    transition: all 0.2s linear;
	    letter-spacing: 1px;
	    font-family: arial;
	    font-weight: normal;
	    font-size: 14px;
	    height: 50px;
	    padding-top: 26px;
	    opacity: 0.8;
	}

	/* .support-btn:hover{

	} */

	.comment-content .edit-btn{
		display: inline-block!important;
	}
	.comment-content .delete-btn{
		display: inline-block!important;
	}
	
	.car-name a{
	    overflow-x: hidden;
	    display: inline-block;
	}
}

.ntf-news-isset, .ntf-news-isset-mobile, .ntf-news-isset-burger {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ffc107;
    position: absolute;
}

.ntf-news-isset-mobile {
    margin-left: 30px;
}

.ntf-news-isset-burger{
	position: static;
    margin-left: 6px;
    margin-top: 2px;
}

.dropdown-menu .ntf-news-isset {
	margin-left: 70px;
	margin-top: -26px;
}

.comment-item i{
	cursor: pointer;
	font-style: normal!important;
	font-size: 14px;
}

.comment-item .like-box i:hover{
	color: #A8ADB2;
}

.comment-item i.bi-x-lg:hover{
	color: #A30303;
}

.like-box{
	position: static;
}

.like-cmt-cnt{
	color: #808080;
	font-size: 14px;
}

.comment-content .edit-btn i{
	font-size: 15px;
}

.comment-content .edit-btn{
	display: none;
}

.comment-content:hover .edit-btn{
	display: inline-block;
}

.comment-content .delete-btn i{
	font-size: 15px;
}

.comment-content .delete-btn{
	display: none;
}

.comment-content:hover .delete-btn{
	display: inline-block;
}

#editModal #comment{
	height: 135px;
}


.hide-on-mobile{
	display: none;
}

.download-btn {
	width: 140px;
	cursor: pointer;
	filter: invert(0.34) sepia(.1);
}

.download-btn:hover {
	filter: invert(0.6) sepia(.8) saturate(4) hue-rotate(0deg);
}

@media (min-width: 768px) {
	.hide-on-mobile{
		display: inline;
	}
}

.user-live{
	width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #1cc88a;
	margin-left: 3px;
    margin-bottom: 10px;
    display: inline-block;
}

.user-offline{
	width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #7c7c7c;
	margin-left: 6px;
    margin-bottom: 10px;
    display: inline-block;
}
.dark .user-offline{
    background: #a9a9a9;
}

.user-status{
	color: #95979A;
	margin-left: 7px;
	vertical-align: super;
	font-size: 12px;
}

#comments-ajax .user-status{
	display: none;
}

.comment-answers .user-offline{
	margin-left: 2px;
}

.text-hint, .car-add-info{
	font-size: 14px;
}

.save-icon{
	width: 20px;
	height: 20px;
	display: block;
	margin: 3px 0;
	filter: brightness(0) invert(1);
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='20px' height='20px' viewBox='0 0 353.073 353.073' style='enable-background:new 0 0 353.073 353.073;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M340.969,0H12.105C5.423,0,0,5.423,0,12.105v328.863c0,6.68,5.423,12.105,12.105,12.105h328.864 c6.679,0,12.104-5.426,12.104-12.105V12.105C353.073,5.423,347.647,0,340.969,0z M67.589,18.164h217.895v101.884H67.589V18.164z M296.082,327.35H57.003V176.537h239.079V327.35z M223.953,33.295h30.269v72.638h-30.269V33.295z M274.135,213.863H78.938v-12.105 h195.197V213.863z M274.135,256.231H78.938v-12.105h195.197V256.231z M274.135,297.087H78.938v-12.105h195.197V297.087z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}

.recommend-box{
	float: right;
}

.recommend-box i.bi-fire{
	font-size: 22px;
	cursor: pointer;
	color: var(--light-secondary)!important;
}

.recommend-box i.bi-fire:hover{
	cursor: pointer;
	color: #000;
}


.exp-drop-box{
	float: right;
}

.exp-drop-box i, .exp-drop-box a{
	cursor: pointer;
}

.exp-drop-box .bi-three-dots-vertical{
	color: var(--light-secondary);
}

.exp-drop-box i:hover{
	cursor: pointer;
	color: #000;
}

.exp-drop-box button.three-dots, #comentsSubscribeDropdown {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

.exp-content {
	text-decoration: none;
	pointer-events: none;
	color: var(--light-text)!important;
}

@media (max-width: 991px) {
	.exp-content {
		pointer-events: all;
	}
}

.user-drop-box{
	float: right;
}

.user-drop-box i, .user-drop-box a{
	cursor: pointer;
}

.user-drop-box .bi-three-dots-vertical{
	color: #B8B8B8;
}

.user-drop-box i:hover{
	cursor: pointer;
	color: #000;
}

.col-mg{
	margin-left: -10px;
}

.cmt-blocked-info {
	border: 1px solid #e12716!important;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 10px;
}

.dark .cmt-blocked-info {
	border: 1px solid #951509!important;
}

.cmt-img, .cmt-yt-preview {
	width:140px;
	height: 100px;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	background-size: cover!important;
	background-position: center!important;
}

.cmt-img i, .cmt-yt-preview i{
	color: #FFF;
	font-size: 28px!important;
	position: absolute;
	margin-top: 30px;
	margin-left: 56px;
}

.cmt-img .cmt-hover{
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition: all 0.2s linear;
	cursor: pointer;
}

.cmt-yt-preview .cmt-hover {
	width: 100%;
	height: 100%;
	position: absolute;
	transition: all 0.2s linear;
	cursor: pointer;
}

.cmt-img:hover .cmt-hover{
	opacity: 1;
}

.cmt-yt-preview:hover .cmt-hover{
	opacity: 1;
	background: rgba(0, 0, 0, 0.35);
}

#showMoreCommentsImages{
	border: 1px solid #DEE2E6;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px 10px;
	font-size: 15px;
	cursor: pointer;
	color: var(--light-secondary);
	user-select: none;
	width: 140px;
	height: 100px;
}

#comment-media .cmt-yt-preview:nth-child(n+4) {
	display: none;
}

.chat-img {
	width:140px;
	height: 100px;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	background-size: cover!important;
	background-position: center!important;
}

.chat-img i{
	color: #FFF;
	font-size: 28px!important;
	position: absolute;
	margin-top: 30px;
	margin-left: 56px;
}

.chat-img .chat-hover{
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition: all 0.2s linear;
	cursor: pointer;
}

.chat-img:hover .chat-hover{
	opacity: 1;
}

.reactions-block {
	display: flex;
	flex-direction: row-reverse;
	user-select: none;
}

.reaction {
	padding: 0.12rem 0.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.45rem;
	border: 1px solid #DEE2E6;
	border-radius: 10px;
	cursor: pointer;
}

.my-reaction {
	border: 1px solid #ffc107;
}

.add-reactions {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.add-reaction{
	margin: 0px 5px;
	padding: 5px 15px;
	border-radius: 20px;
}

.add-reaction:hover{
	background-color: #F4F4F4;
}

.add-reaction img {
	width: 36px;
	height: 36px;
}

.reaction img{
	width: 18px;
	height: 18px;
}

.addReactionModal .bi{
	color: #A8ADB2;
}

@media (max-width: 768px) {

	.cmt-img .cmt-hover, .cmt-yt-preview .cmt-hover{
		display: none;
	}

	.chat-img .chat-hover{
		display: none;
	}

	.recommend-box i:hover{
		color: #B8B8B8;
	}
	.exp-drop-box i:hover{
		color: #B8B8B8;
	}
	.user-drop-box i:hover{
		color: #B8B8B8;
	}
	/* .comment-answers .comment-content .exp-drop-box {
		float:left!important;
	} */
}

#signUpModal .modal-footer{
	display: block;
}

.comment-car{
	display: block;
    margin-top: -2px;
    font-size: 12px;
}

.comment-button{
	width: 300px;
}

.commentpic{
	border-radius: 50%;
	width: 45px;
	height: 45px;
}

.comment-login{
	text-decoration: none!important;
}

.comment-content{
	padding: 10px!important;
	border: 1px solid #DEE2E6;
	border-radius: 10px;
	overflow-x: hidden;
	border-radius: 10px;
}

.comment-content:hover{
	background-color: #F4F4F4;
}

.answer-link{
	color: #808080!important;
	text-decoration: underline!important;
	cursor: pointer;
	font-size: 15px;
}

.comment-date{
	font-size: 14px;
    color: #95979A;
	padding-top: 2px;
}

.comment-answers .commentpic{
	width: 45px;
	height: 45px;
}

.mobile-bar-space{
	padding: 15px;
}

.app-tabs{
	width: 100%;
	height: 50px;
	position: fixed;
	bottom: -2px;
	background: #212529;
	z-index: 5;
}

.app-tab{
	text-align: center;
	color: #fff;
	height: 50px;
	padding-top: 5px;
	transition: all 0.2s linear;
	position: relative;
}

.app-tabs.react-tabs{
	height: 60px;
}

.react-tabs .app-tab{
	height: 60px;
}

.app-tabs.react-tabs.small{
	height: 50px;
}

.tab-desc{
	display: block;
    text-align: center;
    margin-top: -5px;
    font-size: 10px;
}

.app-tab i{
	font-size: 25px;
}

.app-tab i.bi-list{
	/*font-size: 30px;*/
}

.app-nav-bar{
	position: fixed!important;
    width: 100%!important;
    bottom: 57px!important;
}

.app-nav-bar.title-hide{
    bottom: 48px!important;
}

.app-tab.active{
	color: #FFC107;
	background: #373D44;
}

.app-tab-important{
	color: #000;
	background: #FFC107;
}

.app-tab:hover{
	background: #373D44;
}

.word-break{
	word-break: break-word;
}

.comment-content .exp-drop-box {
    margin-right: -5px;
    margin-top: -5px;
}

.app-invite-line{
	background: #FFC107;
	color: #212529;
	margin-top: 12px;
	width: 100%;
}

.app-invite-line a{
	text-decoration: none;
	color: #212529!important;
}

.dark .app-invite-line a:not(.car-sub-btn,.comm-sub-btn,.user-sub-btn,.comment-title,.control-buttons a, .call-block a, .call-block-pc a, .popover-header a){
	text-decoration: none;
	color: #212529!important;
}

.trend-mark, .business-mark{
	background: #F2F2F2;
    padding: 0 10px 0 10px;
    position: absolute;
    top: -12px;
    right: 30px;
    cursor: pointer;
    border-radius: 2px;
    z-index: 1;
}

.business-mark{
	background: #fff;
	border: 1px solid #CED4DA;
	border-radius: 4px;
}

.user-followed {
	color: #95979A;
}

.user-followed-link {
	color: #95979A!important;
}

.red-star{
	color: rgb(220,53,69);
	position: absolute;
	top: calc(0% - 11px);
	right: -8px;
}

.need-to-fill, .dark .need-to-fill, .dark input[name="name"].need-to-fill, .dark input[name="power"].need-to-fill{
	border: solid 1px rgb(220,53,69)!important;
}

.exp-author-mobile-login{
	text-decoration: none;
	font-size: 15px;
	text-wrap: nowrap;
}

.header-margin-mobile.fixed{
	height: 59px;
}

.details{
	cursor: pointer;
}

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

.car-block .car-name i, 
.car-block .car-name .like-cnt, 
.car-block .car-name .cmt-cnt {
	color: #fff!important;
}

header .separate-line, .app-nav-bar .separate-line{
	height: 1px;
	background-color: #fff;
}

.badge-yellow{
	color: #ffc107;
}

.badge-green{
	color: green;
}

.badge-blue{
	color: blue;
}

.badge-red{
	color: red;
}

.user-badges{
	font-size: 20px;
	cursor: pointer;
}

.quoteBlock {
	border-radius: 5px;
	text-decoration: none;
}

.quoteBlock > div:first-child {
	padding: 2px;
	background-color: #ffc107;
}

.quoteBlock > div:nth-child(2) {
	padding: 2px;
	background-color: #ffc1072e;
}

.quoteComment{
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@keyframes fadeOutShadowLight {
    0% {
		background-color: #fff;
		border: 1px solid #DEE2E6;
    }

	10% {
		background-color: #ffc1072e;
		border: 1px solid #FFC107;
	}

	40% {
		background-color: #ffc1072e;
		border: 1px solid #FFC107;
	}

    100% {
		background-color: #fff;
		border: 1px solid #DEE2E6;
    }
}

.comment-highlight {
    outline: none;
    animation: fadeOutShadowLight 3s forwards;
	animation-delay: .2s;
}

#text_to_copy{
	position: absolute;
	z-index: -100;
	opacity: 0;
}

.addReactionModal:hover i, .addReactionModal i:hover{
	color: #000;
}

.reaction:hover img {
	scale: 1.1;
}

.faq-btn {
	color: var(--light-secondary)!important;
}

/*DARK THEME*/
.dark .btn.btn-warning.subscribed{
	background: none!important;
	color: #ffc107;
    border: 0!important;
}

.dark ::placeholder {
	color: var(--dark-secondary)!important;
}

.dark .notify-btn i, .dark .share-btn-top i{
	color: var(--dark-text)!important;
}

.dark .chats-btn i{
	color: var(--dark-text)!important;
}

.dark .trend-mark{
	background: #161A1E!important;
    color: #FFC107;
}

.dark .business-mark{
	background: #161A1E!important;
	border: 1px solid #212429 !important;
}

.dark {
	background: #161A1E!important;
	color: var(--dark-text)!important;
}

.dark html, .dark body, .dark .container, .dark header{
	color: var(--dark-text);
}

.dark h1, .dark h2, .dark h3, .dark h4:not(.dark-important-style), .dark h5, .dark h6{
	color: var(--dark-title);
}

.dark .show-all a{
	background: #2C3034;
	border: 1px solid #373B3E;
	color: #D5D5D5!important;
	border-radius: 5px;
}

.dark a:not(.text-danger, .cropTypeSelector a, .text-business, .popover-header a, .car-sub-btn,.comm-sub-btn,.user-sub-btn,.comment-title,.control-buttons a, .mod-title a, .car-title a, .call-block a, .call-block-pc a, .comm-title, a.important-style, a.btn, a.user-followed-link, #carouselCarIndicators a, .exp-content-block a:not(.img-box), .text-grey a, .my-msg a, .app-invite-line a, a.grey-link, .news-content-block a, .faq-btn, .text-warning, .ntf-desc-text a){
	color: var(--dark-link)!important;
}

.dark .cropTypeSelector a{
	color: #C1C1C1!important;
}

.cropTypeSelector a{
	cursor: pointer;
}

#cropImage .modal-body:has(.cropTypeSelector.isVisible){
	height: 300px;
}

.dark .app-invite-line a{
	color: #2B2F33!important;
}

.dark .modal-content{
	background-color: #22292F!important;
	color: #C1C1C1!important;
}

.dark .btn-close{
	color: #C1C1C1!important;
}

.dark .content-block .btn-outline-warning, .dark .modal-details .btn-outline-warning{
	/*background: #ffc107!important;*/
	color: #ffc107!important;
}

.dark .content-block .btn-outline-warning:focus, .dark .modal-details .btn-outline-warning:focus, .dark .modal-details .btn-outline-warning:active, .dark .content-block .btn-outline-warning:active{
	color: #ffc107!important;
}

.dark .add-car-block:hover, .dark .add-album-block:hover{
    background: #1E2429!important;
}

.dark .content-block .btn-outline-warning:hover, .dark .modal-details .btn-outline-warning:hover{
	color: #000!important;
}

.dark .content-block .btn-warning.mobile-edit-btn{
	background: #ffc107!important;
	color: #000!important;
}

.dark .content-block .btn-warning:hover{
	background: #ffc107!important;
	color: #000!important;
}

.dark .content-block .btn-warning.sell-car-btn{
	background: #ffc107!important;
	color: #000!important;
}

.dark .content-block h4:not(.dark-important-style, .text-business){
	color: var(--dark-title)!important;
}

.dark .content-block .car-link{
	color: #B2B2B2!important;
}

.dark .content-block a.exp-content, 
.dark .content-block a.index-car-link{
	color: var(--dark-text)!important;
}

.dark footer span, 
.dark .comment-login{
	color: #C4C4C4!important;
}

.dark footer i, 
.dark .comment-car, 
.dark .comment-car a, 
.dark .rounded-border .user-login, 
.dark .rounded-border a:not(.important-style),
.dark span.exp-cdate,
.dark .index-exp-link,
.dark .comm-link:not(.important-style, .text-business),
.dark .members-counter,
.dark .news-link,
.dark .user-link,
.dark table a,
.dark .car-slider-title
{
	color: var(--dark-link)!important;
}

.dark .exp-date {
	color: var(--dark-date);
}

.dark .rounded-border a.user-followed-link {
	color: #95979A!important;
}

.dark .dropdown-menu{
	background: #161A1E!important;
}

.dark .dropdown-menu a:hover, .dark .dropdown-item:focus, .dark .dropdown-item:hover, .dark iframe body {
	background: #34383C!important;
}

.dark .dropdown-menu .dropdown-item:not(.text-danger){
	color: #D0D0D0!important;
}

.dark .dropdown-menu .dropdown-item.fw-bold{
	color: #444444!important;
}

.dark input[type=text], 
.dark input[type=password], 
.dark select, 
.dark input[type=number], 
.dark input[type=datetime-local], 
.dark textarea, 
.dark input[type=tel], 
.dark input[type=date], 
.dark input[type=email], 
.dark input[type=search]{
	background: #2B2F33!important;
	color: var(--dark-text)!important;
}

.dark .rounded-border:hover, 
.dark .comment-content:hover, 
.dark .com-block:hover{
	background: #2B2F33!important;
}

.dark .bi-pencil:not(.tab-icon){
	color: #FFC107!important;
}

.dark table{
    --bs-table-color: var(--dark-text)!important;
    --bs-table-bg: #212529;
    --bs-table-border-color: #373b3e;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: var(--dark-text)!important;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.dark .bg-white{
	background: #2B2F33!important;
}

.dark .nav-link.active,
.dark .nav-link.active:active,
.dark #nav-tab-comm .nav-link:hover,
.dark #nav-tab-bpages .nav-link:hover{
	background: #161A1E!important;
    color: #FFC107!important;
    margin-top: 1px;
    border-bottom: 0;
    border-color: #2C3034!important;
}

.dark .nav-tabs {
    border-bottom: 1px solid #2C3034!important;
}

.dark .nav-tabs .nav-link:focus, .dark .nav-tabs .nav-link:hover {
    border-color: #4B5259!important;
}

.dark .cke_inner,
.dark .form-control,
.dark .border,
.dark .rounded-border,
.dark .comment-content:not(.comment-highlight), 
.dark .com-block,
.dark input[type=text], 
.dark input[type=password], 
.dark select, 
.dark input[type=number], 
.dark input[type=datetime-local], 
.dark textarea, 
.dark input[type=tel], 
.dark input[type=date], 
.dark input[type=email],
.dark .profile-form,
.dark .rotate-btn i
 {
    border: 1px solid #212429!important;
}

.dark .car-block, .dark .car-winner-block,
.dark .exp-block{
	border: 1px solid #161A1E!important;
}



.dark .box-limit a{
    color: var(--dark-link)!important;
}

.dark .box-limit a.grey-link {
    color: var(--dark-secondary)!important;
}

.dark .form-select {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23D0D0D0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>")!important;
	background-repeat: no-repeat!important;
    background-position: right 0.75rem center!important;
    background-size: 16px 12px!important;
}

.dark .form-select:focus, .dark .form-control:focus{
	box-shadow: 0 0 0 0.25rem #202224!important;
}

.dark ::-webkit-file-upload-button {
  background: #2C3034;
  border: 1px solid #565C62;
  color: #869097;
  border-radius: 5px;
  padding: 5px;
  margin-right: 15px;
}

.dark .exp-image-button, .dark .car-image-button, .dark .profile-image-button{
	border: 1px solid #565C62;
  	color: #869097;
}

.dark .btn-google{
	background-color: #2B2F33!important;
}

.dark input, .dark textarea {
	color-scheme: dark;
}

.dark .about-box{
	border: none!important;
}

.dark .city-name{
	color: var(--dark-secondary)!important;
}

.dark .input-info{
	color: #A9A9A9;
}

.dark .btn-warning.member-btn{
	background: none!important;
	color:#ffc107!important;
}

.dark .modal-dialog .btn.btn-warning.subscribed{
	background: #4b5055!important;
	color: var(--dark-date);
}

.dark .btn-warning.vote-btn{
	background: #ffc107!important;
	color:#000!important;
}

.dark .btn-warning.promo-btn {
    background: #ffc107!important;
    color: #000!important;
}s

.dark .dropdown-item.fw-bold:hover{
	color:#ffc107!important;
}

.dark .ntf.text-grey, .dark .ntf.text-grey a:not(.btn-business, .ntf-desc-text a){
	color: var(--dark-secondary)!important;
}

.dark .ntf:not(.text-grey){
	color: var(--dark-text)!important;
}

.dark .alert-warning .ntf:not(.text-grey){
	color: #ffecb5!important;
}

.dark .alert-warning{
	background: none!important;
	color: #CDC4A5!important;
	border: 1px solid #262A2F!important;
}

.dark .alert-danger{
	background: #2c0b0e!important;
	color: #ea868f!important;
	border: 1px solid #842029!important;
}

.dark .news-content-block img, .dark .news-post-photo {
    border: 1px dashed #565C62!important;
}

body:not(.dark) .tooltip.tooltip-subscribe .tooltip-inner{
	border: 1px solid #CED4DA;
	background-color: #FFF;
	color: #000;
}

body:not(.dark) .tooltip.tooltip-subscribe{
	opacity: 1;
}

body:not(.dark) .tooltip.tooltip-subscribe .tooltip-arrow::before{
	border-right-color: #CED4DA;
}

::-webkit-file-upload-button {
	margin-right: 15px;
}

@media (max-width: 768px) {
	.dark .com-block{
	    border-right: none!important;
	    border-left: none!important;
	    border-bottom: none!important;
	}
	.dark .btn:active {
	    background-color: transparent!important;
	}

	.dark .btn:focus {
	    background-color: transparent!important;
	}

	.dark .btn:hover {
	    background-color: transparent!important;
	}
}

.dark .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	background-color: #2B2F33!important;
}

.dark .select2.select2-container .select2-selection {
	background-color: #2B2F33!important;
	border: 1px solid #565C62!important;
}

.dark .select2-container--default .select2-search--inline .select2-search__field {
	border: 0!important;
}

.dark .select2.select2-container .select2-selection--multiple .select2-selection__choice {
	background-color: #2B2F33!important;
	color: #DBDBDB;
}

.dark .select2-results__option--selectable {
	background-color: #2B2F33!important;
	color: #DBDBDB!important;
}

.dark .select2-container--open .select2-dropdown--below {
	border-left-color: #565C62!important;
	border-right-color: #565C62!important;
	border-bottom-color: #565C62!important;
}
.dark .select2-container--open .select2-dropdown--above {
	border-top-color: #565C62!important;
	border-left-color: #565C62!important;
	border-right-color: #565C62!important;
}

.dark .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #D0D0D0;
}
.dark .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
}
.dark .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
	background-color: #555555;
	border: 2px solid #555555;
	border-radius: 3px;
}

.dark .select2-results ul .select2-results__option--highlighted[aria-selected] {
	background-color: #FFC107!important;
	color: #000!important;
}

.dark .select2-container--default .select2-results__option--selected {
	background-color: #555555!important;
}

.dark .select2-results__message {
	background-color: #2B2F33!important;
	color: #DBDBDB!important;
}

#tagModal .select2-container{
	width: 100%!important;
}

.select2-container--open{
	z-index: 10001!important;
}

.dark .download-btn {
	filter: invert(.85);
}

.dark .download-btn:hover {
	filter: invert(0.6) sepia(.8) saturate(4) hue-rotate(0deg);
}

.dark .cars-filter{
	background: #2C3034!important;
}

.dark .cars-filter input[type=search]{
	background: #161A1E!important;
	color: #C4C4C4!important;
}

.dark .comm-filter{
	background: #2C3034!important;
}

.dark .comm-filter input[type=search]{
	background: #161A1E!important;
	color: #C4C4C4!important;
}

.dark .car-winner-block .btn-warning{
	background: #ffc107!important;
	color:#000!important;
}

.dark a.btn-outline-secondary {
	color: #6c757d!important;
}

.dark a.btn-outline-secondary:hover {
	color: #fff!important;
}

.dark .need-to-fill:focus, .dark input[name="name"].need-to-fill:focus, .dark input[name="power"].need-to-fill:focus{
	border-color: #ffc107!important;
}

table, .table {
    --bs-table-color: var(--light-text)!important;
    --bs-table-striped-color: var(--light-text)!important;
}

.dark .quoteBlock > div:nth-child(2) {
	padding: 2px;
	background-color: #1F242A;
}

@keyframes fadeOutShadowDark {
	0% {
		background-color: #161A1E;
		border: 1px solid #212429;
    }

	10% {
		background-color: #2B2F33;
		border: 1px solid #FFC107;
	}

	40% {
		background-color: #2B2F33;
		border: 1px solid #FFC107;
	}

    100% {
		background-color: #161A1E;
		border: 1px solid #212429;
    }
}

.dark .comment-highlight {
	border: 1px solid #212429;
    animation: fadeOutShadowDark 3s forwards;
	animation-delay: .2s;
}

.dark .reaction {
	border: 1px solid #212429;
}

.dark .my-reaction {
	border: 1px solid #ffc107d4;
}

.dark .add-reaction:hover{
	background-color: #161A1E;
}

.dark #showMoreCommentsImages{
	border: 1px solid #212429;
}

.dark .faq-btn {
	color: var(--dark-secondary)!important;
}

/*DARK THEME*/


/*SCROLL SLIDER*/
.scrolling-wrapper-flexbox {
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-direction: horizontal;
}

.scrolling-wrapper-flexbox .slide-pad {
  flex: auto;
}

@media (max-width: 768px) {
	.scrolling-wrapper-flexbox .slide-pad {
	  flex: 0 0 auto;
	}
 }

.scrolling-wrapper-flexbox::-webkit-scrollbar {
    display: none;
}

.car-filter-indicators::-webkit-scrollbar {
    display: none;
}

.scrolling-wrapper-flexbox .car-index-block, 
.scrolling-wrapper-flexbox .exp-index-block,
.scrolling-wrapper-flexbox .good-block{
	min-width: 80%;
    position: relative;
}

.new-cars-slider .car-index-block:first-child, 
.new-exps-slider .exp-index-block:first-child,
.new-goods-slider .good-block:first-child{
	 margin-left: 15px;
}

.new-cars-slider .car-index-block:last-child, 
.new-exps-slider .exp-index-block:last-child,
.new-goods-slider .good-block:last-child{
	 margin-right: 15px;
}

.car-slider .slide-pad:first-child{
	 margin-left: 8px;
}

.car-slider .slide-pad:last-child{
	 margin-right: 8px;
}

.scrolling-controls{
	margin-left: 15px;
	margin-right: 15px;
}

.new-exps-slider .index-exp-link{
	text-decoration: none;
	font-size: 14px;
}


@media (max-width: 450px) {
	.new-exps-slider .exp-block, 
	.new-cars-slider .car-block{
		aspect-ratio: 16 / 9;
	}
}

@media (min-width: 451px) {
	.new-exps-slider .exp-block, 
	.new-cars-slider .car-block{
		aspect-ratio: 16 / 9;
	}
}

.scroll-box{
	background: #F4F4F4;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.dark .scroll-box{
	background: #262D34!important;
    color: var(--dark-text)!important;
}

/*SCROLL SLIDER*/

/* SCROLL TO TOP BUTTON */
#btn-back-to-top{
	padding: 10px;
	padding-left: 12px;
	color: #FFF!important;
	position: fixed;
	background: #212529;
	bottom: 3%;
	right: 0;
	text-decoration: none;
	z-index: 10;
	font-size:20px;
	border-radius: 5px 0 0 5px;
	border: none;
	display: none;
	opacity: 0.8;
	transition: all 0.2s linear;
}

#btn-back-to-top.top-app-style{
	bottom: 70px!important;
}

@media (min-width: 768px) {
	#btn-back-to-top:hover{
		opacity: 1;
		padding-right: 20px;
	}
}
/* SCROLL TO TOP BUTTON */

.dark .car-block .car-name i, 
.dark .car-block .car-name .like-cnt, 
.dark .car-block .car-name .cmt-cnt,
.dark .car-index-block i, 
.dark .car-index-block .like-cnt, 
.dark .car-index-block .cmt-cnt,
.car-of-day-block .car-block *{
	color: var(--dark-text)!important;
}

.cmt-image-div{
	width: 120px;
    height: 85px;
    border-radius: 5px;
    background-size: cover!important;
	background-position: center!important;
}

.cmt-image-hover{
	position: relative;
}

.cmt-image-hover i{
    color: #fff;
    font-size: 15px;
    transition: all 0.2s linear;

    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);

    border-radius: 50px;
	padding-left: 7px;
    padding-right: 6px;
    padding-bottom: 3px;
    padding-top: 3px;
    opacity: 0.7;
    right: 7px;
}

.cmt-image-hover i:hover{
    opacity: 1;
    cursor: pointer;
}

.cmt-image-hover i.bi-x-lg{
	margin-left: 7px;
	margin-top: 7px;
}

#alertModal{
	z-index: 10001!important;
	--bs-modal-zindex: 10001!important;
}

.modal-backdrop {
    z-index: 9999!important;
}

.max-width-fix{
	max-width: min-content!important;
	overflow-x: hidden!important;
	word-break: break-word;
}

.important-style{
  color: #FFC107!important;
}

.dark .dark-important-style{
  color: #FFC107!important;
}

.exp-content-block p{
	word-wrap: break-word;
}

.slider-promo-btn{
	margin-top: 35px;
}

.slider-promo-btn.important-style:hover{
	color: #000!important;
}

@media (max-width: 768px) {
	.slider-promo-btn{
		margin-top: 25px;
	}
}

.select2.select2-container .select2-selection {
  border: 1px solid #ced4da!important;
  min-height: 38px;
  transition: all .15s ease-in-out;
}

.select2-results ul .select2-results__option--highlighted[aria-selected] {
  background-color: rgb(246, 194, 62);
  color: #000;
}

.select2.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #fff;
  border: 1px solid #ffc107;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 4px 4px 0 4px;
  padding: 0 6px 0 22px;
  position: relative;
}

.select2.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  color: #ffc107;
  font-weight: bold;
}

.select2-container--default .select2-results>.select2-results__options {
  max-height: 250px!important;
}

.select2-container--open .select2-dropdown--below {
	border-left-color: #CED4DA!important;
	border-right-color: #CED4DA!important;
	border-bottom-color: #CED4DA!important;
}
.select2-container--open .select2-dropdown--above {
	border-top-color: #CED4DA!important;
	border-left-color: #CED4DA!important;
	border-right-color: #CED4DA!important;
}

.modal{
	z-index: 10000!important;
	--bs-modal-zindex: 10000!important;
}

.tag-link{
	text-decoration: none!important;
	font-weight: bold!important;
}

.particletext.confetti > .particle {
  opacity: 0;
  position: absolute;
  -webkit-animation: confetti 3s ease-in infinite;
          animation: confetti 3s ease-in infinite;
}
.particletext.confetti > .particle.c1 {
  background-color: rgba(255, 193, 7, 0.5);
}
.particletext.confetti > .particle.c2 {
  background-color: rgba(58, 226, 206, 0.5);
}

@-webkit-keyframes confetti {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0%) rotate(0deg);
            transform: translateY(0%) rotate(0deg);
  }
  10% {
    opacity: 1;
  }
  35% {
    -webkit-transform: translateY(-800%) rotate(270deg);
            transform: translateY(-800%) rotate(270deg);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000%) rotate(1440deg);
            transform: translateY(2000%) rotate(1440deg);
  }
}
@keyframes confetti {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0%) rotate(0deg);
            transform: translateY(0%) rotate(0deg);
  }
  10% {
    opacity: 1;
  }
  35% {
    -webkit-transform: translateY(-800%) rotate(270deg);
            transform: translateY(-800%) rotate(270deg);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000%) rotate(1440deg);
            transform: translateY(2000%) rotate(1440deg);
  }
}

.popover-header .user-login{
	font-size: 13px;
	color: #000;
}

.popover-body .userpic{
	width: 60px;
    height: 60px;
}

.popover{
	max-width: 350px!important;
}

.popover-body{
	padding-top: 9px!important;
    padding-bottom: 10px!important;
}

.dark .popover{
	background: #212529;
	color: #D0D0D0!important;
}

.dark .popover-body{
	color: #D0D0D0!important;
}

.dark .popover-header{
	background: #171C20!important;
}

.dark .popover-header .user-login{
	color: #FFF!important;
}

.dark .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after, .bs-popover-end>.popover-arrow::after{
	border-right-color: #212529;
}

.dark .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after, .bs-popover-top>.popover-arrow::after{
	border-top-color: #212529;
}

.dark .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after, .bs-popover-start>.popover-arrow::after{
	border-left-color: #212529;
}

.dark .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after, .bs-popover-bottom>.popover-arrow::after{
	border-bottom-color: #212529;
}

.bi-feather::before {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23FFC107%22%20class%3D%22bi%20bi-feather%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M15.807.531c-.174-.177-.41-.289-.64-.363a3.765%203.765%200%200%200-.833-.15c-.62-.049-1.394%200-2.252.175C10.365.545%208.264%201.415%206.315%203.1c-1.95%201.686-3.168%203.724-3.758%205.423-.294.847-.44%201.634-.429%202.268.005.316.05.62.154.88.017.04.035.082.056.122A68.362%2068.362%200%200%200%20.08%2015.198a.528.528%200%200%200%20.157.72.504.504%200%200%200%20.705-.16%2067.606%2067.606%200%200%201%202.158-3.26c.285.141.616.195.958.182.513-.02%201.098-.188%201.723-.49%201.25-.605%202.744-1.787%204.303-3.642l1.518-1.55a.528.528%200%200%200%200-.739l-.729-.744%201.311.209a.504.504%200%200%200%20.443-.15c.222-.23.444-.46.663-.684.663-.68%201.292-1.325%201.763-1.892.314-.378.585-.752.754-1.107.163-.345.278-.773.112-1.188a.524.524%200%200%200-.112-.172ZM3.733%2011.62C5.385%209.374%207.24%207.215%209.309%205.394l1.21%201.234-1.171%201.196a.526.526%200%200%200-.027.03c-1.5%201.789-2.891%202.867-3.977%203.393-.544.263-.99.378-1.324.39a1.282%201.282%200%200%201-.287-.018Zm6.769-7.22c1.31-1.028%202.7-1.914%204.172-2.6a6.85%206.85%200%200%201-.4.523c-.442.533-1.028%201.134-1.681%201.804l-.51.524-1.581-.25Zm3.346-3.357C9.594%203.147%206.045%206.8%203.149%2010.678c.007-.464.121-1.086.37-1.806.533-1.535%201.65-3.415%203.455-4.976%201.807-1.561%203.746-2.36%205.31-2.68a7.97%207.97%200%200%201%201.564-.173Z%22%2F%3E%0A%3C%2Fsvg%3E ");
}

.bi-feather-sm::before {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22%23FFC107%22%20class%3D%22bi%20bi-feather%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M15.807.531c-.174-.177-.41-.289-.64-.363a3.765%203.765%200%200%200-.833-.15c-.62-.049-1.394%200-2.252.175C10.365.545%208.264%201.415%206.315%203.1c-1.95%201.686-3.168%203.724-3.758%205.423-.294.847-.44%201.634-.429%202.268.005.316.05.62.154.88.017.04.035.082.056.122A68.362%2068.362%200%200%200%20.08%2015.198a.528.528%200%200%200%20.157.72.504.504%200%200%200%20.705-.16%2067.606%2067.606%200%200%201%202.158-3.26c.285.141.616.195.958.182.513-.02%201.098-.188%201.723-.49%201.25-.605%202.744-1.787%204.303-3.642l1.518-1.55a.528.528%200%200%200%200-.739l-.729-.744%201.311.209a.504.504%200%200%200%20.443-.15c.222-.23.444-.46.663-.684.663-.68%201.292-1.325%201.763-1.892.314-.378.585-.752.754-1.107.163-.345.278-.773.112-1.188a.524.524%200%200%200-.112-.172ZM3.733%2011.62C5.385%209.374%207.24%207.215%209.309%205.394l1.21%201.234-1.171%201.196a.526.526%200%200%200-.027.03c-1.5%201.789-2.891%202.867-3.977%203.393-.544.263-.99.378-1.324.39a1.282%201.282%200%200%201-.287-.018Zm6.769-7.22c1.31-1.028%202.7-1.914%204.172-2.6a6.85%206.85%200%200%201-.4.523c-.442.533-1.028%201.134-1.681%201.804l-.51.524-1.581-.25Zm3.346-3.357C9.594%203.147%206.045%206.8%203.149%2010.678c.007-.464.121-1.086.37-1.806.533-1.535%201.65-3.415%203.455-4.976%201.807-1.561%203.746-2.36%205.31-2.68a7.97%207.97%200%200%201%201.564-.173Z%22%2F%3E%0A%3C%2Fsvg%3E ");
}

.dark .business-mark{
	color: #5b9dff!important;
}

#shareModal .bi-reply:before, .bi-reply-fill, .bi-reply{
	transform: scale(-1,1);
}

.business-mark i.red-heart:before{
	color: #5b9dff!important;
}

.social-box .bi-share{
	font-size: 18px!important;
}

#snow-animation-container {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -9999;
}

.spinner-box {
	background-color:rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99999;
}

.spinner {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   border: 6.4px solid #ffc107;
   animation: spinner-bulqg1 0.8s infinite linear alternate,
        spinner-oaa3wk 1.6s infinite linear;
   z-index: 999991;
   position: fixed;
   left: 50%;
   top:50%;
   margin-top: -20px;
   margin-left: -20px;
}

@keyframes spinner-bulqg1 {
   0% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
   }

   12.5% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
   }

   25% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
   }

   50% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
   }

   62.5% {
      clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
   }

   75% {
      clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
   }

   100% {
      clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
   }
}

@keyframes spinner-oaa3wk {
   0% {
      transform: scaleY(1) rotate(0deg);
   }

   49.99% {
      transform: scaleY(1) rotate(135deg);
   }

   50% {
      transform: scaleY(-1) rotate(0deg);
   }

   100% {
      transform: scaleY(-1) rotate(-135deg);
   }
}

#shareModal .modal-body .btn{
	padding: 4px;
}

@media (max-width: 388px) {
	.other-share{
		display: none;
	}
}

.sm-promo .btn{
  border-radius: 4px;
  padding: 0 5px 0 5px;
  text-decoration: none;
  width: auto;
}

.promo-users .userpic{
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.promo-users .userpic-big{
	width: 60px;
	height: 60px;
	border-radius: 50%;
}

.promo-users .tag-link{
	position: relative;
	display: inline-block;
}

.promo-users .tag-link i{    
	position: absolute;
    right: -4px;
    top: -8px;
}

.user-link{
    text-decoration: none!important;
    font-weight: bold;
    font-size: 14px;
}

.exp-car-photo{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
}

.car-link {
	text-decoration: none!important;
	font-weight: bold;
	font-size: 14px;
}

.repost-head{
	padding: 8px 15px 8px 15px;
	border-radius: 15px 15px 0px 0px;
	border-left: 1px solid #CED4DA;
  	border-right: 1px solid #CED4DA;
  	border-top: 1px solid #CED4DA;
	background-color: #F2F2F2;
}

.repost-head .orign-avatar{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
    background-repeat: no-repeat;
}

.dark .repost-head{
	border-color: #212429!important;
	background-color: #212529;
}

.cke_inner-repost{
	border: 1px solid #CED4DA;
	border-radius: 0px 0px 10px 10px;
	padding: 15px;
	overflow-x: hidden;
}

.dark .cke_inner-repost{
	border: 1px solid #212429!important;
}

@media (max-width: 991px) {
    .exp-car-photo{
        width: 60px;
        height: 60px;
    }

    .cke_inner-repost{
		border: 1px solid #CED4DA;
		border-radius: 10px 10px 10px 10px;
		padding: 15px;
		overflow-x: hidden;
	}
	
	.repost-head{
		padding: 6px 10px 6px 15px;
		border-radius: 5px;
		border: 0;
		background-color: #F2F2F2;
	}

	.details:hover{
		text-decoration: none;
	}
}

.dark h4.important-style{
	color: #FFC107!important;
}

.bi-youtube{
	font-size: 17px!important;
    color: red!important;
    padding-top: 1px;
    padding-left: 4px;
    position: absolute;
}

h4 .bi-youtube{
	font-size: 1.5rem!important;
	padding-top: 3px;
}

@media (max-width: 991px) {
	h4 .bi-youtube{
		font-size: 1.5rem!important;
		padding-top: 1px;
	}
}

.comment-hidden-link{
	display: none;
}

.img-desc{
  color: #95979A;
  width: 100%;
  text-align: center!important;
  font-style: italic!important;
  font-weight: normal!important;
  margin-bottom: 15px;
}

.img-box{
   text-decoration: none;
   margin-top: 15px;
}

.content-block .img-box img {
    margin-top: 15px;
}

blockquote{
    background-color: #F2F2F2;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-style: italic;
    margin-bottom: 3px !important;
    margin-top: 3px !important;
}

.dark blockquote{
    background-color: #212529;
}

.blockquote{
	font-style: italic;
}

.blockquote-block{
	background-color: #F2F2F2;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    margin-bottom: 3px !important;
    margin-top: 3px !important;
    border-radius: 10px;
}

.dark .blockquote-block{
    background-color: #212529;
}

.blockquote-block .blockquote span{
	font-style: italic;
}

@media (max-width: 991px) {
	.carousel-inner .car-index-block i, .carousel-inner .car-index-block .like-cnt{
		color: #fff;
	}
}

p{
	margin: 0!important;
}

.dark .btn-outline-primary{
	color: #0D6EFD!important;
}

.dark .btn-outline-primary:hover{
	color: #161A1E!important;
}

.dark .content-block .btn-warning.btn-fill{
	background: #ffc107!important;
	color: #000!important;
}

.react-tabs .app-tab{
	flex:1;
}

.react-tabs{
	display: flex;
}

.dark .form-select:disabled {
    background-color: #1E2124!important;
    color: #6B6B6B !important;
}

.bi-copy{
	cursor: pointer;
}

#cropImage .modal-body{
	height: 250px;
}

.btn-business {
	--bs-btn-color: #fff!important;
	--bs-btn-bg: #00457E!important;
	--bs-btn-border-color: #00457E!important;
	--bs-btn-hover-color: #fff!important;
	--bs-btn-hover-bg: #00457E;
	--bs-btn-hover-border-color: #1c548b;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff!important;
	--bs-btn-active-bg: #1c548b;
	--bs-btn-active-border-color: #0a53be;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff!important;
	--bs-btn-disabled-bg: #00457E;
	--bs-btn-disabled-border-color: #00457E;
}
.dark .btn-business {
	--bs-btn-color: #fff!important;
	--bs-btn-bg: #2f70af!important;
	--bs-btn-border-color: #2f70af!important;
	--bs-btn-hover-color: #fff!important;
	--bs-btn-hover-bg: #2f70af;
	--bs-btn-hover-border-color: #1c548b;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff!important;
	--bs-btn-active-bg: #1c548b;
	--bs-btn-active-border-color: #0a53be;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff!important;
	--bs-btn-disabled-bg: #2f70af;
	--bs-btn-disabled-border-color: #2f70af;
}

.btn-outline-business {
	--bs-btn-color: #00457E!important;
	--bs-btn-border-color: #00457E!important;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #00457E;
	--bs-btn-hover-border-color: #00457E;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #00457E;
	--bs-btn-active-border-color: #00457E;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #00457E;
	--bs-btn-disabled-bg: transparent;
	--bs-gradient: none;
}
.dark .btn-outline-business {
	--bs-btn-color: #c1c1c1!important;
	--bs-btn-border-color: #2f70af;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #2f70af;
	--bs-btn-hover-border-color: #2f70af;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #2f70af;
	--bs-btn-active-border-color: #2f70af;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #2f70af;
	--bs-btn-disabled-bg: transparent;
	--bs-gradient: none;
}

.text-business {
	color: #00457E!important;
}
.dark .text-business {
	color: #2f70af!important;
}

.panel-notify {
	width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ffc107;
    position: absolute;
	margin-left: -2px;
}

.user-dropdown-main-car-box{
	max-width: 201px;
}

.user-dropdown-main-car-name{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.bp-not-active-notify {
	width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #dc3545;
    position: absolute;
	left: 11px;
}

.comment-author-tag {
	background-color: #ffc1072e;
	font-size: 12px;
	font-weight: 700;
	border-radius: 5px;
	padding: 2px 5px;
}

.dark .comment-author-tag {
	background-color: #1F242A;
}

.dark .slider-car-discus{
	color: #ffc107;
}

.fs-7{
	font-size: 0.9rem;
}

.edit-comment-image img{
	width:100%;
	height:100%;
}

.edit-comment-image {
	width:170px;
	height:120px;
	overflow: hidden;
	border: 0;
	border-radius: 10px;
	display: inline-block;
}

.edit-comment-image .edit-comment-image-hover{
	opacity: 0;
	width: 170px;
    height: 120px;
    position: absolute;
    border-radius: 10px;
    transition: all 0.2s linear;
}

.edit-comment-image:hover .edit-comment-image-hover{
	background-color:rgba(0, 0, 0, 0.5);
	opacity: 1;
}

.edit-comment-image-hover i{
    color: #fff;
    font-size: 15px;
    transition: all 0.2s linear;

    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);

    border-radius: 50px;
	padding-left: 7px;
    padding-right: 6px;
    padding-bottom: 3px;
    padding-top: 3px;
    opacity: 0.7;
}

.edit-comment-image-div{
	width: 100%;
	height: 100%;
	background-size: cover!important;
	background-position: center!important;
}

.edit-comment-image i.bi-pencil-fill{
	margin-left: 92px;
	margin-top: 7px;
}

.edit-comment-image i.bi-trash3{
	margin-left: 130px;
	margin-top: 7px;
}

@media (max-width: 960px) {
	.edit-comment-image .edit-comment-image-hover{
		opacity: 1;
	}
}

#edit-comment-new-photo-btn{
	cursor: pointer;
	width: 170px;
    height: 120px;
    overflow: hidden;
    border: 1px solid #DEE2E6;
	color: #b4b4b5;
    border-radius: 10px;
	display: inline-block;
}

.edit-comment-new-photo-btn-text{
	width: 100%;
	height: 100%;
	display: grid;
	place-items: center;
}

.preview-item {
    width: 70px;
    height: 50px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    background-size: cover!important;
    background-position: center!important;
}