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

:root {
	--theadev-primary: #2f556f;
	--theadev-primary-dark: #21384a;
	--theadev-surface: #f4f7fa;
	--theadev-text: #243447;
}

html,
body {
	background: var(--theadev-surface);
	color: var(--theadev-text);
}

a {
	color: var(--theadev-primary);
}

a:hover {
	color: var(--theadev-primary-dark);
}

.btn,
.customNavigation.gals a,
.show-share:before,
.menu-inner:before,
.progress-bar,
#submit {
	background: var(--theadev-primary) !important;
}

.btn:hover,
.customNavigation.gals a:hover,
#submit:hover {
	background: var(--theadev-primary-dark) !important;
}

.hero-wrap .overlay {
	background: linear-gradient(180deg, rgba(16, 25, 35, 0.45), rgba(16, 25, 35, 0.72));
}

.main-header,
.menu-wrap .menu-inner,
.fixed-column {
	background: rgba(17, 26, 37, 0.96);
}

.fixed-column .bg-title,
.show-share,
.customNavigation.gals a {
	color: #fff;
}