@charset "utf-8";
/*--
	Add your style here
--*/

header li.act-link a,
.text-title span,
.dec-list li:before,
.resum-header i,
.sl-tabs li i,
.testimonials-slider ul.star-rating li,
.to-top-wrap i,
.scroll-nav a.external:after,
.mail-link:hover,
.price,
.fixed-filter .gallery-filters a.gallery-filter-active,
.slider-zoom,
.page-nav a span,
.post-meta li i,
.post-author-wrap li a,
.controls button,
.sliding-menu a:hover {
	color: var(--theme-primary, #ffc815);
}

header.sticky li.act-link a,
.footer-social li a,
.share-icon,
.fixed-icons-wrap ul li a,
.bold-separator,
.fixed-column,
.btn,
.scroll-nav li a.act-link:before,
.scroll-nav li a.act-link:after,
.custom-skillbar,
.price:before,
.color-bg,
ul.tabs li.current .tb-item,
.testimonials-slider-holder .customNavigation a,
.accordion-title.activeac h5 a,
.resum-header:before,
.menu-inner:before,
.customNavigation.gals a,
.bold-title:before,
.progress-bar,
#submit,
.grid-det h3:before,
.inline-filter .gallery-filters a.gallery-filter-active,
.box-item.vis-det a,
.inline-filter .folio-counter,
.fixed-filter .folio-counter,
.box-item.hd-box .image-popup,
.post-tags li a:hover,
.pagination a.current-page,
.pagination a:hover,
.carousel-item h3:before,
.box-item.vis-det a.popgal,
.show-share:before {
	background: var(--theme-primary, #ffc815);
}

.loader {
	border-top-color: var(--theme-primary, #ffc815);
	border-right-color: var(--theme-primary, #ffc815);
	border-bottom-color: var(--theme-primary, #ffc815);
}

#main {
	opacity: 1;
}

.hd-box-wrap h2:after {
	border-color: transparent var(--theme-primary, #ffc815) transparent transparent;
}

.piechart-holder h4 {
	color: var(--theme-accent, #292929);
}

.testi-text {
	overflow: hidden;
	padding-top: 32px;
}

.testi-text:before {
	top: 14px;
	max-width: 100%;
	pointer-events: none;
	transform-origin: center;
	z-index: 0;
}

.testi-text h3,
.testi-text .star-rating,
.testi-text p,
.testi-text .testim-link {
	position: relative;
	z-index: 1;
}

#hid-men .menu a,
#hid-men.sliding-menu a {
	color: #fff;
}

#hid-men .menu a:hover,
#hid-men.sliding-menu a:hover {
	color: var(--theme-primary, #ffc815);
}

.fixed-column,
.column-footer,
.nav-holder,
.nav-holder nav li ul,
.share-inner,
.policy-box,
.fixed-filter {
	background-color: var(--theme-accent, #292929);
}

.logo-holder {
	will-change: transform, opacity;
	transition: transform 340ms cubic-bezier(0.22, 0.8, 0.22, 1), opacity 240ms ease !important;
	transition-delay: 420ms, 420ms !important;
}

.logo-holder.is-menu-hidden {
	opacity: 0;
	pointer-events: none;
	transform: translate3d(-90px, 0, 0);
	transition-delay: 0ms, 0ms !important;
}

.mobile-bottom-island {
	display: contents;
}

.mobile-island-home {
	display: none;
}

.header-search {
	position: absolute;
	left: 20px;
	bottom: 78px;
	z-index: 12;
	width: 30px;
	height: 30px;
}

.header-search-toggle {
	width: 30px;
	height: 30px;
	border: 0;
	background: transparent;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	line-height: 30px;
	padding: 0;
	text-align: center;
	transition: color 200ms linear, opacity 200ms linear;
}

.header-search-toggle:hover,
.header-search.is-open .header-search-toggle {
	color: var(--theme-primary, #ffc815);
}

.header-search-toggle:after {
	content: "search";
	position: absolute;
	top: -36px;
	left: -8px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	transition: all 300ms linear;
}

.header-search-toggle:hover:after {
	opacity: 1;
	top: -26px;
	visibility: visible;
}

.header-search-form {
	position: absolute;
	left: 44px;
	bottom: -5px;
	display: flex;
	width: 0;
	height: 40px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
	opacity: 0;
	pointer-events: none;
	transition: width 260ms ease, opacity 180ms ease;
}

.header-search:hover .header-search-form,
.header-search.is-open .header-search-form {
	width: 260px;
	opacity: 1;
	pointer-events: auto;
}

.header-search-form input {
	flex: 1;
	min-width: 0;
	height: 40px;
	border: 0;
	outline: 0;
	padding: 0 12px;
	color: #292929;
	font-size: 12px;
}

.header-search-form button {
	width: 44px;
	height: 40px;
	border: 0;
	background: var(--theme-primary, #ffc815);
	color: #fff;
	cursor: pointer;
}

.header-search-suggestions {
	position: absolute;
	left: 44px;
	bottom: 42px;
	width: 260px;
	background: #fff;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	border: 1px solid #f0f0f0;
	opacity: 0;
	pointer-events: none;
	transform: translateY(6px);
	transition: opacity 180ms ease, transform 180ms ease;
}

.header-search:hover .header-search-suggestions,
.header-search.is-open .header-search-suggestions {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

.header-search-suggestion {
	display: block;
	width: 100%;
	border: 0;
	border-bottom: 1px solid #f0f0f0;
	background: #fff;
	color: #292929;
	cursor: pointer;
	padding: 11px 12px;
	text-align: left;
	transition: background 180ms ease;
}

.header-search-suggestion:hover {
	background: #f9f9f9;
}

.header-search-suggestion span,
.header-search-suggestion small {
	display: block;
	line-height: 1.4;
}

.header-search-suggestion span {
	font-size: 12px;
	font-weight: 600;
}

.header-search-suggestion small {
	margin-top: 4px;
	color: #777;
	font-size: 11px;
	max-height: 32px;
	overflow: hidden;
}

.header-search-message {
	margin: 0;
	padding: 12px;
	color: #555;
	font-size: 12px;
	line-height: 1.5;
}

.service-tabs-row {
	margin-bottom: 28px;
}

.service-tabs-horizontal {
	float: none;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	gap: 1px;
	width: 100%;
	margin-bottom: 0 !important;
	background: #eee;
}

.service-tabs-horizontal li {
	float: none;
	width: auto;
	min-width: 0;
}

.service-tabs-horizontal .tb-item {
	display: flex;
	float: none;
	width: 100%;
	min-height: 98px;
	align-items: center;
	justify-content: center;
	gap: 13px;
	padding: 18px 16px;
	border: 0;
	background: #f9f9f9;
	text-align: left;
}

.service-tabs-horizontal li i {
	float: none;
	width: auto;
	margin: 0;
	font-size: 27px;
	line-height: 1;
}

.service-tabs-horizontal .fa-anchor:before {
	content: "\f002";
}

.service-tabs-horizontal li h3 {
	margin: 0;
	font-size: 13px;
	line-height: 1.35;
}

.service-tabs-horizontal li.current .tb-item {
	box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.12);
}

.service-content-wrap .tab-content {
	float: none;
	padding: 0 0 24px;
	border-right: 0;
}

@media only screen and (max-width: 1064px) {
	header.main-header {
		height: 0;
		background: transparent;
		overflow: visible;
		pointer-events: none;
		-webkit-transform: none;
		transform: none;
	}

	header.main-header .mobile-bottom-island {
		pointer-events: auto;
	}

	.hero-wrap {
		padding-top: 0 !important;
	}

	.hero-wrap.fl-wrap {
		padding: 0 !important;
	}

	.content,
	.content.fscon {
		padding-top: 0 !important;
	}

	.no-pad-wrap {
		padding-top: 0 !important;
	}

	.column-wrap #wrapper {
		padding-top: 0 !important;
	}

	.menu-wrap {
		top: 0 !important;
	}

	.logo-holder.is-menu-hidden {
		transform: translate3d(calc(-50vw - 70px), 0, 0);
	}

	.logo-holder {
		opacity: 0;
		pointer-events: none;
	}

	.mobile-bottom-island {
		--mobile-island-bottom: max(18px, calc(env(safe-area-inset-bottom) + 12px));
		position: fixed;
		right: auto;
		bottom: var(--mobile-island-bottom);
		left: 50%;
		z-index: 80;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 4px;
		width: min(306px, calc(100vw - 28px));
		max-width: calc(100vw - 34px);
		height: 58px;
		padding: 7px;
		border: 1px solid rgba(255, 255, 255, 0.13);
		border-radius: 999px;
		background:
			linear-gradient(135deg, rgba(54, 54, 54, 0.96), rgba(22, 22, 22, 0.96)),
			var(--theme-accent, #292929);
		box-shadow: 0 18px 42px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.12);
		-webkit-backdrop-filter: blur(16px);
		backdrop-filter: blur(16px);
		opacity: 1;
		transform: translate3d(-50%, 0, 0);
		transition:
			transform 360ms cubic-bezier(0.18, 0.9, 0.24, 1.22),
			opacity 220ms ease;
		will-change: transform, opacity;
	}

	.mobile-bottom-island.is-mobile-visible {
		animation: mobile-bottom-island-bounce 520ms cubic-bezier(0.2, 0.86, 0.32, 1.25);
	}

	.mobile-bottom-island.is-mobile-hidden {
		opacity: 0;
		pointer-events: none;
		transform: translate3d(-50%, 86px, 0) scale(0.98);
	}

	.mobile-bottom-island .nav-button {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		order: 1;
		z-index: 1;
		width: 44px;
		height: 44px;
		flex: 0 0 44px;
		margin: 0;
		border-radius: 999px;
		background: rgba(255, 255, 255, 0.1);
		box-shadow: none;
		opacity: 1;
		transform: translate3d(0, 0, 0);
		transition: background 180ms ease, transform 180ms ease;
	}

	.mobile-bottom-island .nav-button:after {
		display: none;
	}

	.mobile-bottom-island .nav-button:hover,
	.mobile-bottom-island .nav-button:focus {
		background: rgba(255, 255, 255, 0.16);
		opacity: 1 !important;
	}

	.mobile-bottom-island .nav-button .menu-global {
		left: 10px;
		width: 24px;
		border-top-width: 2px;
	}

	.mobile-bottom-island .nav-button .menu-top {
		top: 15px;
		width: 15px;
	}

	.mobile-bottom-island .nav-button .menu-middle {
		top: 23px;
		left: 13px;
		width: 21px;
	}

	.mobile-bottom-island .nav-button .menu-bottom {
		top: 31px;
		left: 18px;
		width: 10px;
	}

	.mobile-bottom-island .nav-button .menu-top-click,
	.mobile-bottom-island .nav-button .menu-bottom-click {
		top: 23px;
		left: 10px;
		width: 24px;
	}

	.mobile-bottom-island .header-search,
	.mobile-bottom-island .layout-account-menu,
	.mobile-bottom-island .show-share,
	.mobile-island-home {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		margin: 0;
		width: 44px;
		height: 44px;
		flex: 0 0 44px;
	}

	.mobile-bottom-island .header-search {
		order: 2;
		z-index: 2;
	}

	.mobile-island-home {
		order: 3;
		z-index: 3;
		display: grid;
		width: 62px;
		height: 62px;
		flex: 0 0 62px;
		place-items: center;
		border-radius: 999px;
		text-decoration: none;
		transform: translateY(-4px);
	}

	.mobile-island-home-frame {
		display: grid;
		width: 58px;
		height: 58px;
		place-items: center;
		border: 1px solid rgba(255, 255, 255, 0.2);
		border-radius: 999px;
		background:
			radial-gradient(circle at 35% 24%, rgba(255, 255, 255, 0.2), transparent 34%),
			var(--theme-primary, #ffc815);
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.28);
	}

	.mobile-island-home img {
		display: block;
		max-width: 36px;
		max-height: 36px;
		object-fit: contain;
	}

	.mobile-bottom-island .layout-account-menu {
		order: 4;
		z-index: 2;
	}

	.mobile-bottom-island .show-share {
		order: 5;
		display: grid;
		place-items: center;
		border-radius: 999px;
		background: rgba(255, 255, 255, 0.08);
	}

	.mobile-bottom-island .show-share:before,
	.mobile-bottom-island .show-share:after {
		display: none;
	}

	.mobile-bottom-island .show-share img {
		width: 15px;
		height: 15px;
		object-fit: contain;
		opacity: 0.96;
	}

	.mobile-bottom-island .header-search-toggle,
	.mobile-bottom-island .layout-account-button {
		width: 44px !important;
		height: 44px !important;
		border-radius: 999px;
		background: rgba(255, 255, 255, 0.08);
		color: #fff;
		line-height: 44px;
	}

	.mobile-bottom-island .layout-account-button {
		border-color: rgba(255, 255, 255, 0.16);
		padding: 3px;
	}

	.mobile-bottom-island .layout-account-button img {
		width: 34px !important;
		height: 34px !important;
	}

	.mobile-bottom-island .header-search-toggle:hover,
	.mobile-bottom-island .header-search.is-open .header-search-toggle,
	.mobile-bottom-island .layout-account-button:hover,
	.mobile-bottom-island .show-share:hover {
		background: rgba(255, 255, 255, 0.16);
	}

	.mobile-bottom-island .header-search-toggle:after {
		display: none;
	}

	.mobile-bottom-island .header-search-form {
		position: fixed;
		top: auto;
		right: auto;
		bottom: calc(var(--mobile-island-bottom) + 70px);
		left: 50%;
		height: 46px;
		border-radius: 999px;
		overflow: hidden;
		transform: translate3d(-50%, 8px, 0);
		transition: width 260ms ease, opacity 180ms ease, transform 180ms ease;
	}

	.mobile-bottom-island .header-search:hover .header-search-form,
	.mobile-bottom-island .header-search.is-open .header-search-form {
		width: min(320px, calc(100vw - 32px));
		transform: translate3d(-50%, 0, 0);
	}

	.mobile-bottom-island .header-search-form input {
		height: 46px;
		padding-left: 16px;
	}

	.mobile-bottom-island .header-search-form button {
		width: 50px;
		height: 46px;
	}

	.mobile-bottom-island .header-search-suggestions {
		position: fixed;
		top: auto;
		right: auto;
		bottom: calc(var(--mobile-island-bottom) + 124px);
		left: 50%;
		width: min(320px, calc(100vw - 32px));
		border-radius: 14px;
		overflow: hidden;
		transform: translate3d(-50%, 8px, 0);
	}

	.mobile-bottom-island .header-search:hover .header-search-suggestions,
	.mobile-bottom-island .header-search.is-open .header-search-suggestions {
		transform: translate3d(-50%, 0, 0);
	}

	.mobile-bottom-island .layout-account-dropdown {
		position: fixed !important;
		top: auto !important;
		right: auto !important;
		bottom: calc(var(--mobile-island-bottom) + 70px) !important;
		left: 50% !important;
		width: min(230px, calc(100vw - 32px)) !important;
		border-radius: 14px;
		transform: translateX(-50%);
	}
}

@keyframes mobile-bottom-island-bounce {
	0% {
		opacity: 0;
		transform: translate3d(-50%, 74px, 0) scale(0.98);
	}

	62% {
		opacity: 1;
		transform: translate3d(-50%, -7px, 0) scale(1.02);
	}

	100% {
		opacity: 1;
		transform: translate3d(-50%, 0, 0) scale(1);
	}
}

@media only screen and (max-width: 768px) {
	.service-tabs-row {
		margin-bottom: 22px;
		overflow: hidden;
	}

	.service-tabs-horizontal {
		display: flex;
		gap: 8px;
		overflow-x: auto;
		padding-bottom: 8px;
		background: transparent;
		scrollbar-width: none;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
	}

	.service-tabs-horizontal::-webkit-scrollbar {
		display: none;
	}

	.service-tabs-horizontal li {
		flex: 0 0 158px;
		scroll-snap-align: start;
	}

	.service-tabs-horizontal .tb-item {
		flex-direction: column;
		gap: 8px;
		padding: 14px 12px;
		border: 1px solid #eee;
		text-align: center;
	}

	.service-tabs-horizontal li i {
		font-size: 23px;
	}

	.service-tabs-horizontal li h3 {
		font-size: 12px;
		text-align: center;
	}

	.facts-section .inline-facts-holder {
		display: flex;
		flex-wrap: wrap;
	}

	.facts-section .inline-facts-holder .inline-facts {
		box-sizing: border-box;
		float: none;
		width: 50% !important;
		min-height: 150px;
		margin-bottom: 42px;
	}

	.facts-section .inline-facts-holder .inline-facts:last-child:nth-child(odd) {
		margin-left: 25%;
	}

	.skills-section {
		overflow: hidden;
	}

	.skills-section .piechart-holder {
		width: 100%;
		overflow: hidden;
	}

	.skills-section .piechart-holder > .row {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px 0;
		margin-left: 0;
		margin-right: 0;
	}

	.skills-section .piechart-holder > .row:before,
	.skills-section .piechart-holder > .row:after {
		content: none;
		display: none;
	}

	.skills-section .piechart-holder .piechart {
		box-sizing: border-box;
		float: none;
		width: 100% !important;
		min-height: 205px;
		padding: 0 8px 22px;
		text-align: center;
	}

	.skills-section .piechart-holder .piechart:last-child:nth-child(odd) {
		grid-column: 1 / -1;
		justify-self: center;
		width: 50% !important;
	}

	.skills-section .piechart-holder .chart {
		float: none;
		display: inline-block;
		margin: 0 auto 18px;
	}

	.skills-section .piechart-holder h4 {
		float: none;
		display: inline-block;
		max-width: 100%;
		padding: 10px 12px;
		text-align: center;
	}

	.skills-section .piechart-holder h4:before {
		display: none;
	}

	.testimonials-slider-holder {
		overflow: hidden;
	}

	.testi-text:before {
		right: 18px !important;
		top: 4px;
		width: auto !important;
		-webkit-transform: scale(2.1) rotate(45deg);
		-moz-transform: scale(2.1) rotate(45deg);
		transform: scale(2.1) rotate(45deg);
	}
}

@media only screen and (min-width: 700px) and (max-width: 1036px) {
	.skills-section {
		overflow: hidden;
	}

	.skills-section .piechart-holder {
		width: 100%;
		overflow: hidden;
	}

	.skills-section .piechart-holder > .row {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 24px 0;
		margin-left: 0;
		margin-right: 0;
	}

	.skills-section .piechart-holder > .row:before,
	.skills-section .piechart-holder > .row:after {
		content: none;
		display: none;
	}

	.skills-section .piechart-holder .piechart,
	.skills-section .piechart-holder .piechart:last-child:nth-child(odd) {
		grid-column: auto;
		justify-self: stretch;
		width: 100% !important;
	}
}

@media only screen and (max-width: 420px) {
	.facts-section .num {
		font-size: 42px;
	}

	.facts-section .inline-facts h6 {
		min-height: 34px;
		padding: 0 6px;
	}

	.skills-section .piechart-holder .chart {
		width: 118px;
		height: 118px;
	}

	.skills-section .piechart-holder .chart canvas {
		width: 118px !important;
		height: 118px !important;
	}

	.skills-section .percent {
		line-height: 118px;
	}
}

.public-breadcrumb li:last-child {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}