/*
Front End + Back End CSS
*/
/*Site Logo*/
.tpgb-site-logo {
	line-height: 0;
}
.tpgb-site-logo .site-logo-wrap {
	display: inline-block;
	position: relative;
}
.tpgb-site-logo .site-normal-logo {
	position: relative;
	display: inline-block;
	transition: all 0.3s ease-in-out 0.2s;
}
.tpgb-site-logo .site-normal-logo .image-logo-wrap {
	width: 100%;
	max-width: 100px;
	height: auto;
}
.site-normal-logo img {
	will-change: transform;
	image-rendering: -webkit-optimize-contrast;
}
.site-normal-logo.hover-logo {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0) scale(0.5);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out 0.1s;
}
.site-logo-wrap.logo-hover-normal:hover .site-normal-logo.hover-logo {
	visibility: visible;
	opacity: 1;
	transform: translate3d(-50%, -50%, 0) scale(1);
	transition: all 0.3s ease-in-out 0.2s;
}
.site-logo-wrap.logo-hover-normal:hover .site-normal-logo:not(.hover-logo) {
	visibility: hidden;
	opacity: 0;
	transform: scale(0.5);
}
.tpgb-nav-sticky-sec .normal-image {
	opacity: 1;
	transform: translateY(0);
}
.tpgb-site-logo .sticky-image {
	position: absolute;
	display: block;
	top: 0;
	opacity: 0;
}
.tpgb-nav-sticky-sec .image-logo-wrap {
	transition: all 0.3s linear;
}
/* .tpgb-nav-sticky-sec.tpgb-fixed-sticky .normal-image.tp-sticky-logo-cls {
	opacity: 0;
	transform: translateY(-100px);
}
.tpgb-nav-sticky-sec.tpgb-fixed-sticky .sticky-image {
	opacity: 1;
} */
.normal-fixed-sticky .normal-image.tp-sticky-logo-cls {
	opacity: 0;
	transform: translateY(-100px);
}
.normal-fixed-sticky .sticky-image {
	opacity: 1;
}