/*******************************************************
* FRONTEND css
*******************************************************/

/*=== SOCIALS ===*/
.socials {
	font-size: 0;
	margin: 0 -2px -4px;
	overflow: hidden;
}
.socials a {
	display: inline-block;
	position: relative;
	font-size: 26px;
	width: 54px;
	height: 54px;
	line-height: 55px;
	border-radius: 50%;
	text-align: center;
	color: #fff!important;
	margin: 0 2px 4px;
	opacity: 1;
	transition: .28s;
}
.socials.light a {
	background-color: #fff!important;
}
.socials a:hover {
	opacity: .8;
}
.socials.light a:hover {
	opacity: 1;
}
.socials a.discord {
	background-color: #5865f2;
}
.socials.light a.discord {
	color: #5865f2!important;
}
.socials.light a.discord:hover {
	color: #fff!important;
	background-color: #5865f2!important;
}
.socials a.facebook {
	background-color: #4267b2;
}
.socials.light a.facebook {
	color: #4267b2!important;
}
.socials.light a.facebook:hover {
	color: #fff!important;
	background-color: #4267b2!important;
}
.socials a.google {
	background-color: #db4437;
}
.socials.light a.google {
	color: #db4437!important;
}
.socials.light a.google:hover {
	color: #fff!important;
	background-color: #db4437!important;
}
.socials a.houzz {
	background-color: #007562;
}
.socials.light a.houzz {
	color: #007562!important;
}
.socials.light a.houzz:hover {
	color: #fff!important;
	background-color: #007562!important;
}
.socials a.instagram {
	background-color: #5b51d8;
}
.socials.light a.instagram {
	color: #5b51d8!important;
}
.socials.light a.instagram:hover {
	color: #fff!important;
	background-color: #5b51d8!important;
}
.socials a.linkedin {
	background-color: #0077b5;
}
.socials.light a.linkedin {
	color: #0077b5!important;
}
.socials.light a.linkedin:hover {
	color: #fff!important;
	background-color: #0077b5!important;
}
.socials a.pinterest {
	background-color: #e60023;
}
.socials.light a.pinterest {
	color: #e60023!important;
}
.socials.light a.pinterest:hover {
	color: #fff!important;
	background-color: #e60023!important;
}
.socials a.reddit {
	background-color: #ff5700;
}
.socials.light a.reddit {
	color: #ff5700!important;
}
.socials.light a.reddit:hover {
	color: #fff!important;
	background-color: #ff5700!important;
}
.socials a.rumble {
	background-color: #fff;
}
.socials.light a.rumble:hover {
	background-color: #8bc34a!important;
}
.socials a.rumble svg {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.socials a.rumble svg path.main {
	fill: #8bc34a;
	transition: .28s;
}
.socials a.rumble svg path.secondary {
	fill: #fff;
	transition: .28s;
}
.socials.light a.rumble:hover svg path.main {
	fill: #fff;
}
.socials.light a.rumble:hover svg path.secondary {
	fill: #8bc34a;
}
.socials a.slack {
	background-color: #4a154b;
}
.socials.light a.slack {
	color: #4a154b!important;
}
.socials.light a.slack:hover {
	color: #fff!important;
	background-color: #4a154b!important;
}
.socials a.snapchat {
	background-color: #fffc00;
}
.socials:not(.light) a.snapchat {
	color: #000!important;
}
.socials.light a.snapchat {
	color: #000!important;
}
.socials.light a.snapchat:hover {
	color: #000!important;
	background-color: #fffc00!important;
}
.socials a.tiktok {
	background-color: #ff0050;
}
.socials.light a.tiktok {
	color: #ff0050!important;
}
.socials.light a.tiktok:hover {
	color: #fff!important;
	background-color: #ff0050!important;
}
.socials a.wechat {
	background-color: #09b83e;
}
.socials.light a.wechat {
	color: #09b83e!important;
}
.socials.light a.wechat:hover {
	color: #fff!important;
	background-color: #09b83e!important;
}
.socials a.whatsapp {
	background-color: #25d366;
}
.socials.light a.whatsapp {
	color: #25d366!important;
}
.socials.light a.whatsapp:hover {
	color: #fff!important;
	background-color: #25d366!important;
}
.socials a.x {
	background-color: #14171a;
}
.socials.light a.x {
	color: #14171a!important;
}
.socials.light a.x:hover {
	color: #fff!important;
	background-color: #14171a!important;
}
.socials a.yelp {
	background-color: #ff1a1a;
}
.socials.light a.yelp {
	color: #ff1a1a!important;
}
.socials.light a.yelp:hover {
	color: #fff!important;
	background-color: #ff1a1a!important;
}
.socials a.youtube {
	background-color: #ff0000;
}
.socials.light a.youtube {
	color: #ff0000!important;
}
.socials.light a.youtube:hover {
	color: #fff!important;
	background-color: #ff0000!important;
}

/*=== TOOLBAR MENU ===*/
.toolbar-menu,
.info-bar {
	font-size: 0;
	background-color: #f0f0f0;
	color: #5a5a5a;
	font-family: var(--body-font);
	font-weight: var(--body-font-weight);
}
.info-bar {
	text-align: center;
	overflow: hidden;
	position: relative;
}
.toolbar-menu .left-side {
	text-align: left;
}
.toolbar-menu .right-side {
	text-align: right;
}
.toolbar-menu a.item {
	text-decoration: none;
	color: #5a5a5a;
	transition: .28s;
	font-size: 14px;
	line-height: 22px;
	display: inline-block;
	margin: 0 0 3px;
}
.toolbar-menu a.item i.fas,
.toolbar-menu a.item i.far,
.toolbar-menu a.item i.fab {
	font-size: 17px;
}
.toolbar-menu a.sm {
	text-decoration: none;
	color: #5a5a5a;
	transition: .28s;
	font-size: 17px;
	line-height: 22px;
	display: inline-block;
	margin: 0 0 3px;
	opacity: 1;
}
.toolbar-menu a.item:hover,
.toolbar-menu a.item:active {
	color: #3a3a3a;
}
.toolbar-menu a.sm:hover,
.toolbar-menu a.sm:active {
	color: #3a3a3a;
	opacity: .8;
}
.toolbar-menu a.sm.discord {
	color: #5865f2;
}
.toolbar-menu a.sm.facebook {
	color: #4267b2;
}
.toolbar-menu a.sm.google {
	color: #db4437;
}
.toolbar-menu a.sm.houzz {
	color: #007562;
}
.toolbar-menu a.sm.instagram {
	color: #5b51d8;
}
.toolbar-menu a.sm.linkedin {
	color: #0077b5;
}
.toolbar-menu a.sm.pinterest {
	color: #e60023;
}
.toolbar-menu a.sm.reddit {
	color: #ff5700;
}
.toolbar-menu a.sm.rumble svg {
	position: relative;
	top: 2px;
}
.toolbar-menu a.sm.rumble svg path.main {
	fill: #8bc34a;
	transition: .28s;
}
.toolbar-menu a.sm.rumble svg path.secondary {
	fill: #fff;
	transition: .28s;
}
.toolbar-menu a.sm.slack {
	color: #4a154b;
}
.toolbar-menu a.sm.snapchat {
	color: #000;
}
.toolbar-menu a.sm.tiktok {
	color: #ff0050;
}
.toolbar-menu a.sm.wechat {
	color: #09b83e;
}
.toolbar-menu a.sm.whatsapp {
	color: #25d366;
}
.toolbar-menu a.sm.x {
	color: #14171a;
}
.toolbar-menu a.sm.yelp {
	color: #ff1a1a;
}
.toolbar-menu a.sm.youtube {
	color: #ff0000;
}
.toolbar-menu .left-side a.item,
.toolbar-menu .left-side a.sm {
	margin-right: 8px;
}
.toolbar-menu .right-side a.item,
.toolbar-menu .right-side a.sm {
	margin-left: 8px;
}
.toolbar-menu div.message,
.info-bar div.message {
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 3px;
}

/*=== INFO BAR ===*/
.info-bar div.message {
	margin: 0;
}
.info-bar:hover div.message,
.info-bar div.message:hover {
	animation-play-state: paused;
}
.toolbar-menu div.message a,
.info-bar div.message a {
	transition: .28s;
}
.info-bar div.message a {
	text-decoration: none;
}
.toolbar-menu div.message a,
.toolbar-menu div.message b,
.toolbar-menu div.message strong,
.info-bar div.message a,
.info-bar div.message b,
.info-bar div.message strong {
	font-weight: var(--menu-font-weight);
}
@keyframes info-bar {
	0% { transform: translate(0px, 0px); }
	5% { transform: translate(1px, 0px); }
	10% { transform: translate(2px, 0px); }
	15% { transform: translate(3px, 0px); }
	20% { transform: translate(4px, 0px); }
	25% { transform: translate(5px, 0px); }
	30% { transform: translate(4px, 0px); }
	35% { transform: translate(3px, 0px); }
	40% { transform: translate(2px, 0px); }
	45% { transform: translate(1px, 0px); }
	50% { transform: translate(0px, 0px); }
	55% { transform: translate(-1px, 0px); }
	60% { transform: translate(-2px, 0px); }
	65% { transform: translate(-3px, 0px); }
	70% { transform: translate(-4px, 0px); }
	75% { transform: translate(-5px, 0px); }
	80% { transform: translate(-4px, 0px); }
	85% { transform: translate(-3px, 0px); }
	90% { transform: translate(-2px, 0px); }
	95% { transform: translate(-1px, 0px); }
	100% { transform: translate(0px, 0px); }
}
@keyframes info-bar-scroll-right {
	from { transform: translateX(100vw); }
	to { transform: translateX(-100vw); }
}
@keyframes info-bar-scroll-left {
	from { transform: translateX(-100vw); }
	to { transform: translateX(100vw); }
}
@media (max-width: 575px) {
	.hide-mobile {
		display: none!important;
	}
	.toolbar-menu .left-side {
		padding-bottom: 5px;
	}
	.toolbar-menu .left-side,
	.toolbar-menu .right-side {
		text-align: center;
	}
	.toolbar-menu .left-side a.item,
	.toolbar-menu .right-side a.item,
	.toolbar-menu .left-side a.sm,
	.toolbar-menu .right-side a.sm {
		margin-left: 4px;
		margin-right: 4px;
	}
}

/*=== TGI SLIDER ===*/
.tgi-slider .tgi-slide {
	margin-left: 0;
	margin-right: 0;
}
.tgi-slider .tgi-slide .container {
	padding-left: 0;
	padding-right: 0;
}
.tgi-slider .tgi-slide .container > .row.row-inner {
	margin-left: 0;
	margin-right: 0;
}

/*=== CLIENT REVIEWS ===*/
.gratzi-client-reviews .swiper {
	padding-bottom: 25px;
	margin-bottom: 30px;
}
.gratzi-client-reviews .swiper .swiper-wrapper {
	
}
.gratzi-client-reviews .swiper-pagination {
	font-size: 0;
	bottom: 0;
}
.gratzi-client-reviews .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
}
.gratzi-client-reviews .swiper-pagination .swiper-pagination-bullet {
	transition: .28s;
}
.gratzi-client-reviews .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
	opacity: .3;
}
.gratzi-client-reviews .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
	opacity: .5;
}
.white-dots.gratzi-client-reviews .swiper-pagination .swiper-pagination-bullet {
	background: #fff;
}
.gratzi-client-reviews .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--primary-color);
	opacity: 1;
}
.gratzi-client-reviews .swiper-button-prev,
.gratzi-client-reviews .swiper-button-next {
	color: var(--heading-color);
	transition: .28s;
	opacity: 1;
	width: 16px;
	height: 30px;
}
.gratzi-client-reviews .swiper-button-prev {
	left: 0;
}
.gratzi-client-reviews .swiper-button-next {
	right: 0;
}
.white-nav.gratzi-client-reviews .swiper-button-prev,
.white-nav.gratzi-client-reviews .swiper-button-next {
	color: #fff;
}
.gratzi-client-reviews .swiper-button-prev::after,
.gratzi-client-reviews .swiper-button-next::after {
	font-size: 30px;
	transition: .28s;
}
.gratzi-client-reviews .swiper-button-prev:hover,
.gratzi-client-reviews .swiper-button-next:hover {
	opacity: .6;
}
.gratzi-client-reviews .client-review {
	padding: 0 30px;
}
.gratzi-client-reviews .client-review .inner {
	text-align: center;
	padding: 30px;
	background-color: #fff;
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	position: relative;
}
.no-border.gratzi-client-reviews .client-review .inner {
	border: 0px;
}
.gratzi-client-reviews .client-review .inner > :first-child {
	margin-top: 0!important;
}
.gratzi-client-reviews .client-review .inner::before,
.gratzi-client-reviews .client-review .inner::after {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	position: absolute;
	color: var(--body-font-color);
	font-size: 60px;
	line-height: 36px;
	opacity: .15;
	pointer-events: none;
}
@media (max-width: 767px) {
	.gratzi-client-reviews .client-review .inner::before,
	.gratzi-client-reviews .client-review .inner::after {
		font-size: 48px;
		line-height: 28px;
	}
}
.gratzi-client-reviews .client-review .inner::before {
	content: "\f10d";
	left: 5px;
	top: 5px;
}
.gratzi-client-reviews .client-review .inner::after {
	content: "\f10e";
	right: 5px;
	bottom: 5px;
}
.gratzi-client-reviews .client-review img.logo {
	display: block;
	width: auto;
	height: 36px;
	margin: 0 auto;
}
.gratzi-client-reviews .client-review .rating {
	font-size: 0;
	margin: 15px 0 0;
}
.gratzi-client-reviews .client-review .rating i {
	display: inline-block;
	font-size: 20px;
	color: #ffc107;
	margin: 0 1px;
}
.gratzi-client-reviews .client-review p.review {
	font-size: 16px;
	font-family: var(--body-font);
	font-weight: var(--body-font-weight);
	color: var(--body-font-color);
	margin: 30px 0 0;
}
.gratzi-client-reviews .client-review .credit {
	margin: 30px 0 0;
}
.gratzi-client-reviews .client-review .credit > :first-child {
	margin-top: 0!important;
}
.gratzi-client-reviews .client-review img.photo {
	display: inline-block;
	width: 90px;
	border-radius: 50%;
}
.gratzi-client-reviews .client-review h5.name {
	font-size: 24px;
	font-family: var(--heading-font);
	font-weight: var(--heading-font-weight);
	color: var(--heading-font-color);
	margin: 15px 0 0;
}
.gratzi-client-reviews .client-review h6.title {
	font-size: 14px;
	font-family: var(--subheading-font);
	font-weight: var(--subheading-font-weight);
	color: var(--primary-color);
	text-transform: uppercase;
	margin: 3px 0 0;
}