:root{
--color-primary:#dd9b00;
--color-secondary:#cd6313;
--color-success:#f9af03;
--color-info:#0dcaf0;
--color-warning:#fd7e14;
--color-danger:#dc3545;
--color-light:#f8f9fa;
--color-dark:#49433a;
--color-white:#ffffff;
--color-black:#49433a;
--body-bg-color:#49433a;
--body-text-color:#333333;
--body-link-color:#cd6313;
--body-link-hover-color:#e97c2b;
--mainnav-text-color:#ffffff;
--mainnav-link-color:#ffffff;
--mainnav-link-hover-color:#555555;
--mainnav-link-active-color:#333333;
--footer-bg-color:#49433a;
--footer-text-color:#cccccc;
--footer-link-color:#cd6313;
--footer-link-hover-color:#e97b28;
}
/* Pattern: Primary */
.t4-palette-blue {
	background-color: #5bb3b3;
	color: #f8f9fa;
}
.t4-palette-blue h1, .t4-palette-blue h2, .t4-palette-blue h3, .t4-palette-blue h4,
.t4-palette-blue h1 a, .t4-palette-blue h2 a, .t4-palette-blue h3 a, .t4-palette-blue h4 a {
	color: #ffffff;
}
.t4-palette-blue h1 a:hover, .t4-palette-blue h2 a:hover, .t4-palette-blue h3 a:hover, .t4-palette-blue h4 a:hover,
.t4-palette-blue h1 a:focus, .t4-palette-blue h2 a:focus, .t4-palette-blue h3 a:focus, .t4-palette-blue h4 a:focus,
.t4-palette-blue h1 a:active, .t4-palette-blue h2 a:active, .t4-palette-blue h3 a:active, .t4-palette-blue h4 a:active {
	color: #ffffff;
}
.t4-palette-blue a {
	color: #ffffff;
}
.t4-palette-blue a:hover {
	color: #ffffff;
}
/* Mega menu */
.t4-palette-blue .t4-megamenu .nav > li.show a,
.t4-palette-blue .t4-megamenu .nav > li.show .nav-link {
	color: #ffffff;
}
.t4-palette-blue .t4-megamenu .navbar-nav > li a:hover,
.t4-palette-blue .t4-megamenu .navbar-nav > li a:focus,
.t4-palette-blue .t4-megamenu .navbar-nav > li a:active,
.t4-palette-blue .t4-megamenu .navbar-nav > li .nav-link:hover,
.t4-palette-blue .t4-megamenu .navbar-nav > li .nav-link:focus,
.t4-palette-blue .t4-megamenu .navbar-nav > li .nav-link:active {
	color: #ffffff;
}
.t4-palette-blue .t4-megamenu .navbar-nav > li.animating > .nav-link {
	color: #ffffff;
}
.t4-palette-blue .t4-megamenu .navbar-nav > li.active > a,
.t4-palette-blue .t4-megamenu .navbar-nav > li.active > .nav-link {
  color: #ffffff;
}
/*Caret on module menu*/
.t4-palette-blue .t4-megamenu .nav > li a .item-caret,
.t4-palette-blue .t4-megamenu .nav > li .nav-link .item-caret {
	border-top-color: #ffffff;
}
.t4-palette-blue .t4-megamenu .navbar-nav > li a:hover .item-caret,
.t4-palette-blue .t4-megamenu .navbar-nav > li a:focus .item-caret,
.t4-palette-blue .t4-megamenu .navbar-nav > li a:active .item-caret,
.t4-palette-blue .t4-megamenu .navbar-nav > li .nav-link:hover .item-caret,
.t4-palette-blue .t4-megamenu .navbar-nav > li .nav-link:focus .item-caret,
.t4-palette-blue .t4-megamenu .navbar-nav > li .nav-link:active .item-caret {
	border-top-color: #ffffff;
}
.t4-palette-blue .t4-megamenu .navbar-nav > li.active > a .item-caret,
.t4-palette-blue .t4-megamenu .navbar-nav > li.active > .nav-link .item-caret {
  border-top-color: #ffffff;
}
/* Sub navigation */
.t4-palette-blue .t4-megamenu .navbar-nav li.active li.active .nav-link {
  color: #ffffff;
}
/* Module menu */
.t4-palette-blue .t4-module {
	color: #f8f9fa;
}
.t4-palette-blue .t4-module .module-title {
	color: #f8f9fa;
}
.t4-palette-blue .nav > li a,
.t4-palette-blue .nav > li .nav-link {
	color: #ffffff;
}
.t4-palette-blue .nav > li a:hover,
.t4-palette-blue .nav > li a:focus,
.t4-palette-blue .nav > li a:active,
.t4-palette-blue .nav > li .nav-link:hover,
.t4-palette-blue .nav > li .nav-link:focus,
.t4-palette-blue .nav > li .nav-link:active {
	color: #ffffff;
}
.t4-palette-blue .nav > li.active > a,
.t4-palette-blue .nav > li.active > a.nav-link
.t4-palette-blue .nav > li.active:hover > a,
.t4-palette-blue .nav > li.active:hover > a.nav-link {
  color: #ffffff;
}
/* Sub nav */
.t4-palette-blue .nav > li.active li a {
  color: #ffffff;
}
.t4-palette-blue .nav li.active li a:hover,
.t4-palette-blue .nav li.active li a:focus,
.t4-palette-blue .nav li.active li a:active {
  color: #ffffff;
}
.t4-palette-blue .nav li.active li.active > a {
  color: #ffffff;
}

/* Pattern: Dark */
.t4-palette-dark {
	background-color: #49433a;
	color: #ffffff;
}
.t4-palette-dark h1, .t4-palette-dark h2, .t4-palette-dark h3, .t4-palette-dark h4,
.t4-palette-dark h1 a, .t4-palette-dark h2 a, .t4-palette-dark h3 a, .t4-palette-dark h4 a {
	color: #cccccc;
}
.t4-palette-dark h1 a:hover, .t4-palette-dark h2 a:hover, .t4-palette-dark h3 a:hover, .t4-palette-dark h4 a:hover,
.t4-palette-dark h1 a:focus, .t4-palette-dark h2 a:focus, .t4-palette-dark h3 a:focus, .t4-palette-dark h4 a:focus,
.t4-palette-dark h1 a:active, .t4-palette-dark h2 a:active, .t4-palette-dark h3 a:active, .t4-palette-dark h4 a:active {
	color: #cccccc;
}
.t4-palette-dark a {
	color: #ffffff;
}
.t4-palette-dark a:hover {
	color: #cccccc;
}
/* Mega menu */
.t4-palette-dark .t4-megamenu .nav > li.show a,
.t4-palette-dark .t4-megamenu .nav > li.show .nav-link {
	color: #ffffff;
}
.t4-palette-dark .t4-megamenu .navbar-nav > li a:hover,
.t4-palette-dark .t4-megamenu .navbar-nav > li a:focus,
.t4-palette-dark .t4-megamenu .navbar-nav > li a:active,
.t4-palette-dark .t4-megamenu .navbar-nav > li .nav-link:hover,
.t4-palette-dark .t4-megamenu .navbar-nav > li .nav-link:focus,
.t4-palette-dark .t4-megamenu .navbar-nav > li .nav-link:active {
	color: #cccccc;
}
.t4-palette-dark .t4-megamenu .navbar-nav > li.animating > .nav-link {
	color: #cccccc;
}
.t4-palette-dark .t4-megamenu .navbar-nav > li.active > a,
.t4-palette-dark .t4-megamenu .navbar-nav > li.active > .nav-link {
  color: #cccccc;
}
/*Caret on module menu*/
.t4-palette-dark .t4-megamenu .nav > li a .item-caret,
.t4-palette-dark .t4-megamenu .nav > li .nav-link .item-caret {
	border-top-color: #ffffff;
}
.t4-palette-dark .t4-megamenu .navbar-nav > li a:hover .item-caret,
.t4-palette-dark .t4-megamenu .navbar-nav > li a:focus .item-caret,
.t4-palette-dark .t4-megamenu .navbar-nav > li a:active .item-caret,
.t4-palette-dark .t4-megamenu .navbar-nav > li .nav-link:hover .item-caret,
.t4-palette-dark .t4-megamenu .navbar-nav > li .nav-link:focus .item-caret,
.t4-palette-dark .t4-megamenu .navbar-nav > li .nav-link:active .item-caret {
	border-top-color: #cccccc;
}
.t4-palette-dark .t4-megamenu .navbar-nav > li.active > a .item-caret,
.t4-palette-dark .t4-megamenu .navbar-nav > li.active > .nav-link .item-caret {
  border-top-color: #cccccc;
}
/* Sub navigation */
.t4-palette-dark .t4-megamenu .navbar-nav li.active li.active .nav-link {
  color: #cccccc;
}
/* Module menu */
.t4-palette-dark .t4-module {
	color: #ffffff;
}
.t4-palette-dark .t4-module .module-title {
	color: #ffffff;
}
.t4-palette-dark .nav > li a,
.t4-palette-dark .nav > li .nav-link {
	color: #ffffff;
}
.t4-palette-dark .nav > li a:hover,
.t4-palette-dark .nav > li a:focus,
.t4-palette-dark .nav > li a:active,
.t4-palette-dark .nav > li .nav-link:hover,
.t4-palette-dark .nav > li .nav-link:focus,
.t4-palette-dark .nav > li .nav-link:active {
	color: #cccccc;
}
.t4-palette-dark .nav > li.active > a,
.t4-palette-dark .nav > li.active > a.nav-link
.t4-palette-dark .nav > li.active:hover > a,
.t4-palette-dark .nav > li.active:hover > a.nav-link {
  color: #cccccc;
}
/* Sub nav */
.t4-palette-dark .nav > li.active li a {
  color: #ffffff;
}
.t4-palette-dark .nav li.active li a:hover,
.t4-palette-dark .nav li.active li a:focus,
.t4-palette-dark .nav li.active li a:active {
  color: #cccccc;
}
.t4-palette-dark .nav li.active li.active > a {
  color: #cccccc;
}

/* Pattern: Light */
.t4-palette-light {
	background-color: #ffffff;
	color: #6c757d;
}
.t4-palette-light h1, .t4-palette-light h2, .t4-palette-light h3, .t4-palette-light h4,
.t4-palette-light h1 a, .t4-palette-light h2 a, .t4-palette-light h3 a, .t4-palette-light h4 a {
	color: #6c757d;
}
.t4-palette-light h1 a:hover, .t4-palette-light h2 a:hover, .t4-palette-light h3 a:hover, .t4-palette-light h4 a:hover,
.t4-palette-light h1 a:focus, .t4-palette-light h2 a:focus, .t4-palette-light h3 a:focus, .t4-palette-light h4 a:focus,
.t4-palette-light h1 a:active, .t4-palette-light h2 a:active, .t4-palette-light h3 a:active, .t4-palette-light h4 a:active {
	color: #0a58ca;
}
.t4-palette-light a {
	color: #000000;
}
.t4-palette-light a:hover {
	color: #0a58ca;
}
/* Mega menu */
.t4-palette-light .t4-megamenu .nav > li.show a,
.t4-palette-light .t4-megamenu .nav > li.show .nav-link {
	color: #000000;
}
.t4-palette-light .t4-megamenu .navbar-nav > li a:hover,
.t4-palette-light .t4-megamenu .navbar-nav > li a:focus,
.t4-palette-light .t4-megamenu .navbar-nav > li a:active,
.t4-palette-light .t4-megamenu .navbar-nav > li .nav-link:hover,
.t4-palette-light .t4-megamenu .navbar-nav > li .nav-link:focus,
.t4-palette-light .t4-megamenu .navbar-nav > li .nav-link:active {
	color: #0a58ca;
}
.t4-palette-light .t4-megamenu .navbar-nav > li.animating > .nav-link {
	color: #0a58ca;
}
.t4-palette-light .t4-megamenu .navbar-nav > li.active > a,
.t4-palette-light .t4-megamenu .navbar-nav > li.active > .nav-link {
  color: #0a58ca;
}
/*Caret on module menu*/
.t4-palette-light .t4-megamenu .nav > li a .item-caret,
.t4-palette-light .t4-megamenu .nav > li .nav-link .item-caret {
	border-top-color: #000000;
}
.t4-palette-light .t4-megamenu .navbar-nav > li a:hover .item-caret,
.t4-palette-light .t4-megamenu .navbar-nav > li a:focus .item-caret,
.t4-palette-light .t4-megamenu .navbar-nav > li a:active .item-caret,
.t4-palette-light .t4-megamenu .navbar-nav > li .nav-link:hover .item-caret,
.t4-palette-light .t4-megamenu .navbar-nav > li .nav-link:focus .item-caret,
.t4-palette-light .t4-megamenu .navbar-nav > li .nav-link:active .item-caret {
	border-top-color: #0a58ca;
}
.t4-palette-light .t4-megamenu .navbar-nav > li.active > a .item-caret,
.t4-palette-light .t4-megamenu .navbar-nav > li.active > .nav-link .item-caret {
  border-top-color: #0a58ca;
}
/* Sub navigation */
.t4-palette-light .t4-megamenu .navbar-nav li.active li.active .nav-link {
  color: #0a58ca;
}
/* Module menu */
.t4-palette-light .t4-module {
	color: #6c757d;
}
.t4-palette-light .t4-module .module-title {
	color: #6c757d;
}
.t4-palette-light .nav > li a,
.t4-palette-light .nav > li .nav-link {
	color: #000000;
}
.t4-palette-light .nav > li a:hover,
.t4-palette-light .nav > li a:focus,
.t4-palette-light .nav > li a:active,
.t4-palette-light .nav > li .nav-link:hover,
.t4-palette-light .nav > li .nav-link:focus,
.t4-palette-light .nav > li .nav-link:active {
	color: #0a58ca;
}
.t4-palette-light .nav > li.active > a,
.t4-palette-light .nav > li.active > a.nav-link
.t4-palette-light .nav > li.active:hover > a,
.t4-palette-light .nav > li.active:hover > a.nav-link {
  color: #0a58ca;
}
/* Sub nav */
.t4-palette-light .nav > li.active li a {
  color: #000000;
}
.t4-palette-light .nav li.active li a:hover,
.t4-palette-light .nav li.active li a:focus,
.t4-palette-light .nav li.active li a:active {
  color: #0a58ca;
}
.t4-palette-light .nav li.active li.active > a {
  color: #0a58ca;
}

/* Pattern: Gray */
.t4-palette-gray {
	background-color: #f1f1ed;
	color: #333333;
}
.t4-palette-gray h1, .t4-palette-gray h2, .t4-palette-gray h3, .t4-palette-gray h4,
.t4-palette-gray h1 a, .t4-palette-gray h2 a, .t4-palette-gray h3 a, .t4-palette-gray h4 a {
	color: #333333;
}
.t4-palette-gray h1 a:hover, .t4-palette-gray h2 a:hover, .t4-palette-gray h3 a:hover, .t4-palette-gray h4 a:hover,
.t4-palette-gray h1 a:focus, .t4-palette-gray h2 a:focus, .t4-palette-gray h3 a:focus, .t4-palette-gray h4 a:focus,
.t4-palette-gray h1 a:active, .t4-palette-gray h2 a:active, .t4-palette-gray h3 a:active, .t4-palette-gray h4 a:active {
	color: #6cbe20;
}
.t4-palette-gray a {
	color: #333333;
}
.t4-palette-gray a:hover {
	color: #555555;
}
/* Mega menu */
.t4-palette-gray .t4-megamenu .nav > li.show a,
.t4-palette-gray .t4-megamenu .nav > li.show .nav-link {
	color: #333333;
}
.t4-palette-gray .t4-megamenu .navbar-nav > li a:hover,
.t4-palette-gray .t4-megamenu .navbar-nav > li a:focus,
.t4-palette-gray .t4-megamenu .navbar-nav > li a:active,
.t4-palette-gray .t4-megamenu .navbar-nav > li .nav-link:hover,
.t4-palette-gray .t4-megamenu .navbar-nav > li .nav-link:focus,
.t4-palette-gray .t4-megamenu .navbar-nav > li .nav-link:active {
	color: #555555;
}
.t4-palette-gray .t4-megamenu .navbar-nav > li.animating > .nav-link {
	color: #555555;
}
.t4-palette-gray .t4-megamenu .navbar-nav > li.active > a,
.t4-palette-gray .t4-megamenu .navbar-nav > li.active > .nav-link {
  color: #555555;
}
/*Caret on module menu*/
.t4-palette-gray .t4-megamenu .nav > li a .item-caret,
.t4-palette-gray .t4-megamenu .nav > li .nav-link .item-caret {
	border-top-color: #333333;
}
.t4-palette-gray .t4-megamenu .navbar-nav > li a:hover .item-caret,
.t4-palette-gray .t4-megamenu .navbar-nav > li a:focus .item-caret,
.t4-palette-gray .t4-megamenu .navbar-nav > li a:active .item-caret,
.t4-palette-gray .t4-megamenu .navbar-nav > li .nav-link:hover .item-caret,
.t4-palette-gray .t4-megamenu .navbar-nav > li .nav-link:focus .item-caret,
.t4-palette-gray .t4-megamenu .navbar-nav > li .nav-link:active .item-caret {
	border-top-color: #555555;
}
.t4-palette-gray .t4-megamenu .navbar-nav > li.active > a .item-caret,
.t4-palette-gray .t4-megamenu .navbar-nav > li.active > .nav-link .item-caret {
  border-top-color: #555555;
}
/* Sub navigation */
.t4-palette-gray .t4-megamenu .navbar-nav li.active li.active .nav-link {
  color: #555555;
}
/* Module menu */
.t4-palette-gray .t4-module {
	color: #333333;
}
.t4-palette-gray .t4-module .module-title {
	color: #333333;
}
.t4-palette-gray .nav > li a,
.t4-palette-gray .nav > li .nav-link {
	color: #333333;
}
.t4-palette-gray .nav > li a:hover,
.t4-palette-gray .nav > li a:focus,
.t4-palette-gray .nav > li a:active,
.t4-palette-gray .nav > li .nav-link:hover,
.t4-palette-gray .nav > li .nav-link:focus,
.t4-palette-gray .nav > li .nav-link:active {
	color: #555555;
}
.t4-palette-gray .nav > li.active > a,
.t4-palette-gray .nav > li.active > a.nav-link
.t4-palette-gray .nav > li.active:hover > a,
.t4-palette-gray .nav > li.active:hover > a.nav-link {
  color: #555555;
}
/* Sub nav */
.t4-palette-gray .nav > li.active li a {
  color: #333333;
}
.t4-palette-gray .nav li.active li a:hover,
.t4-palette-gray .nav li.active li a:focus,
.t4-palette-gray .nav li.active li a:active {
  color: #555555;
}
.t4-palette-gray .nav li.active li.active > a {
  color: #555555;
}

/* Pattern: Mainnav */
.t4-palette-mainnav {
	background-color: #ffffff;
	color: #6c757d;
}
.t4-palette-mainnav h1, .t4-palette-mainnav h2, .t4-palette-mainnav h3, .t4-palette-mainnav h4,
.t4-palette-mainnav h1 a, .t4-palette-mainnav h2 a, .t4-palette-mainnav h3 a, .t4-palette-mainnav h4 a {
	color: #6c757d;
}
.t4-palette-mainnav h1 a:hover, .t4-palette-mainnav h2 a:hover, .t4-palette-mainnav h3 a:hover, .t4-palette-mainnav h4 a:hover,
.t4-palette-mainnav h1 a:focus, .t4-palette-mainnav h2 a:focus, .t4-palette-mainnav h3 a:focus, .t4-palette-mainnav h4 a:focus,
.t4-palette-mainnav h1 a:active, .t4-palette-mainnav h2 a:active, .t4-palette-mainnav h3 a:active, .t4-palette-mainnav h4 a:active {
	color: #0a58ca;
}
.t4-palette-mainnav a {
	color: #6c757d;
}
.t4-palette-mainnav a:hover {
	color: #084298;
}
/* Mega menu */
.t4-palette-mainnav .t4-megamenu .nav > li.show a,
.t4-palette-mainnav .t4-megamenu .nav > li.show .nav-link {
	color: #6c757d;
}
.t4-palette-mainnav .t4-megamenu .navbar-nav > li a:hover,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li a:focus,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li a:active,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:hover,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:focus,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:active {
	color: #084298;
}
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.animating > .nav-link {
	color: #084298;
}
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > a,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > .nav-link {
  color: #084298;
}
/*Caret on module menu*/
.t4-palette-mainnav .t4-megamenu .nav > li a .item-caret,
.t4-palette-mainnav .t4-megamenu .nav > li .nav-link .item-caret {
	border-top-color: #6c757d;
}
.t4-palette-mainnav .t4-megamenu .navbar-nav > li a:hover .item-caret,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li a:focus .item-caret,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li a:active .item-caret,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:hover .item-caret,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:focus .item-caret,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:active .item-caret {
	border-top-color: #084298;
}
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > a .item-caret,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > .nav-link .item-caret {
  border-top-color: #084298;
}
/* Sub navigation */
.t4-palette-mainnav .t4-megamenu .navbar-nav li.active li.active .nav-link {
  color: #084298;
}
/* Module menu */
.t4-palette-mainnav .t4-module {
	color: #6c757d;
}
.t4-palette-mainnav .t4-module .module-title {
	color: #6c757d;
}
.t4-palette-mainnav .nav > li a,
.t4-palette-mainnav .nav > li .nav-link {
	color: #6c757d;
}
.t4-palette-mainnav .nav > li a:hover,
.t4-palette-mainnav .nav > li a:focus,
.t4-palette-mainnav .nav > li a:active,
.t4-palette-mainnav .nav > li .nav-link:hover,
.t4-palette-mainnav .nav > li .nav-link:focus,
.t4-palette-mainnav .nav > li .nav-link:active {
	color: #084298;
}
.t4-palette-mainnav .nav > li.active > a,
.t4-palette-mainnav .nav > li.active > a.nav-link
.t4-palette-mainnav .nav > li.active:hover > a,
.t4-palette-mainnav .nav > li.active:hover > a.nav-link {
  color: #084298;
}
/* Sub nav */
.t4-palette-mainnav .nav > li.active li a {
  color: #6c757d;
}
.t4-palette-mainnav .nav li.active li a:hover,
.t4-palette-mainnav .nav li.active li a:focus,
.t4-palette-mainnav .nav li.active li a:active {
  color: #084298;
}
.t4-palette-mainnav .nav li.active li.active > a {
  color: #084298;
}

/* Pattern: Hellgrau */
.t4-palette-hellgrau {
	background-color: #f3f3f1;
	color: #333333;
}
.t4-palette-hellgrau h1, .t4-palette-hellgrau h2, .t4-palette-hellgrau h3, .t4-palette-hellgrau h4,
.t4-palette-hellgrau h1 a, .t4-palette-hellgrau h2 a, .t4-palette-hellgrau h3 a, .t4-palette-hellgrau h4 a {
	color: #333333;
}
.t4-palette-hellgrau h1 a:hover, .t4-palette-hellgrau h2 a:hover, .t4-palette-hellgrau h3 a:hover, .t4-palette-hellgrau h4 a:hover,
.t4-palette-hellgrau h1 a:focus, .t4-palette-hellgrau h2 a:focus, .t4-palette-hellgrau h3 a:focus, .t4-palette-hellgrau h4 a:focus,
.t4-palette-hellgrau h1 a:active, .t4-palette-hellgrau h2 a:active, .t4-palette-hellgrau h3 a:active, .t4-palette-hellgrau h4 a:active {
	color: #249999;
}
.t4-palette-hellgrau a {
	color: #333333;
}
.t4-palette-hellgrau a:hover {
	color: #555555;
}
/* Mega menu */
.t4-palette-hellgrau .t4-megamenu .nav > li.show a,
.t4-palette-hellgrau .t4-megamenu .nav > li.show .nav-link {
	color: #333333;
}
.t4-palette-hellgrau .t4-megamenu .navbar-nav > li a:hover,
.t4-palette-hellgrau .t4-megamenu .navbar-nav > li a:focus,
.t4-palette-hellgrau .t4-megamenu .navbar-nav > li a:active,
.t4-palette-hellgrau .t4-megamenu .navbar-nav > li .nav-link:hover,
.t4-palette-hellgrau .t4-megamenu .navbar-nav > li .nav-link:focus,
.t4-palette-hellgrau .t4-megamenu .navbar-nav > li .nav-link:active {
	color: #555555;
}
.t4-palette-hellgrau .t4-megamenu .navbar-nav > li.animating > .nav-link {
	color: #555555;
}
.t4-palette-hellgrau .t4-megamenu .navbar-nav > li.active > a,
.t4-palette-hellgrau .t4-megamenu .navbar-nav > li.active > .nav-link {
  color: #555555;
}
/*Caret on module menu*/
.t4-palette-hellgrau .t4-megamenu .nav > li a .item-caret,
.t4-palette-hellgrau .t4-megamenu .nav > li .nav-link .item-caret {
	border-top-color: #333333;
}
.t4-palette-hellgrau .t4-megamenu .navbar-nav > li a:hover .item-caret,
.t4-palette-hellgrau .t4-megamenu .navbar-nav > li a:focus .item-caret,
.t4-palette-hellgrau .t4-megamenu .navbar-nav > li a:active .item-caret,
.t4-palette-hellgrau .t4-megamenu .navbar-nav > li .nav-link:hover .item-caret,
.t4-palette-hellgrau .t4-megamenu .navbar-nav > li .nav-link:focus .item-caret,
.t4-palette-hellgrau .t4-megamenu .navbar-nav > li .nav-link:active .item-caret {
	border-top-color: #555555;
}
.t4-palette-hellgrau .t4-megamenu .navbar-nav > li.active > a .item-caret,
.t4-palette-hellgrau .t4-megamenu .navbar-nav > li.active > .nav-link .item-caret {
  border-top-color: #555555;
}
/* Sub navigation */
.t4-palette-hellgrau .t4-megamenu .navbar-nav li.active li.active .nav-link {
  color: #555555;
}
/* Module menu */
.t4-palette-hellgrau .t4-module {
	color: #333333;
}
.t4-palette-hellgrau .t4-module .module-title {
	color: #333333;
}
.t4-palette-hellgrau .nav > li a,
.t4-palette-hellgrau .nav > li .nav-link {
	color: #333333;
}
.t4-palette-hellgrau .nav > li a:hover,
.t4-palette-hellgrau .nav > li a:focus,
.t4-palette-hellgrau .nav > li a:active,
.t4-palette-hellgrau .nav > li .nav-link:hover,
.t4-palette-hellgrau .nav > li .nav-link:focus,
.t4-palette-hellgrau .nav > li .nav-link:active {
	color: #555555;
}
.t4-palette-hellgrau .nav > li.active > a,
.t4-palette-hellgrau .nav > li.active > a.nav-link
.t4-palette-hellgrau .nav > li.active:hover > a,
.t4-palette-hellgrau .nav > li.active:hover > a.nav-link {
  color: #555555;
}
/* Sub nav */
.t4-palette-hellgrau .nav > li.active li a {
  color: #333333;
}
.t4-palette-hellgrau .nav li.active li a:hover,
.t4-palette-hellgrau .nav li.active li a:focus,
.t4-palette-hellgrau .nav li.active li a:active {
  color: #555555;
}
.t4-palette-hellgrau .nav li.active li.active > a {
  color: #555555;
}

/* Pattern: Hellgruen */
.t4-palette-hellgruen {
	background-color: #8bbeb9;
	color: #333333;
}
.t4-palette-hellgruen h1, .t4-palette-hellgruen h2, .t4-palette-hellgruen h3, .t4-palette-hellgruen h4,
.t4-palette-hellgruen h1 a, .t4-palette-hellgruen h2 a, .t4-palette-hellgruen h3 a, .t4-palette-hellgruen h4 a {
	color: #333333;
}
.t4-palette-hellgruen h1 a:hover, .t4-palette-hellgruen h2 a:hover, .t4-palette-hellgruen h3 a:hover, .t4-palette-hellgruen h4 a:hover,
.t4-palette-hellgruen h1 a:focus, .t4-palette-hellgruen h2 a:focus, .t4-palette-hellgruen h3 a:focus, .t4-palette-hellgruen h4 a:focus,
.t4-palette-hellgruen h1 a:active, .t4-palette-hellgruen h2 a:active, .t4-palette-hellgruen h3 a:active, .t4-palette-hellgruen h4 a:active {
	color: #555555;
}
.t4-palette-hellgruen a {
	color: #333333;
}
.t4-palette-hellgruen a:hover {
	color: #ffffff;
}
/* Mega menu */
.t4-palette-hellgruen .t4-megamenu .nav > li.show a,
.t4-palette-hellgruen .t4-megamenu .nav > li.show .nav-link {
	color: #333333;
}
.t4-palette-hellgruen .t4-megamenu .navbar-nav > li a:hover,
.t4-palette-hellgruen .t4-megamenu .navbar-nav > li a:focus,
.t4-palette-hellgruen .t4-megamenu .navbar-nav > li a:active,
.t4-palette-hellgruen .t4-megamenu .navbar-nav > li .nav-link:hover,
.t4-palette-hellgruen .t4-megamenu .navbar-nav > li .nav-link:focus,
.t4-palette-hellgruen .t4-megamenu .navbar-nav > li .nav-link:active {
	color: #ffffff;
}
.t4-palette-hellgruen .t4-megamenu .navbar-nav > li.animating > .nav-link {
	color: #ffffff;
}
.t4-palette-hellgruen .t4-megamenu .navbar-nav > li.active > a,
.t4-palette-hellgruen .t4-megamenu .navbar-nav > li.active > .nav-link {
  color: #ffffff;
}
/*Caret on module menu*/
.t4-palette-hellgruen .t4-megamenu .nav > li a .item-caret,
.t4-palette-hellgruen .t4-megamenu .nav > li .nav-link .item-caret {
	border-top-color: #333333;
}
.t4-palette-hellgruen .t4-megamenu .navbar-nav > li a:hover .item-caret,
.t4-palette-hellgruen .t4-megamenu .navbar-nav > li a:focus .item-caret,
.t4-palette-hellgruen .t4-megamenu .navbar-nav > li a:active .item-caret,
.t4-palette-hellgruen .t4-megamenu .navbar-nav > li .nav-link:hover .item-caret,
.t4-palette-hellgruen .t4-megamenu .navbar-nav > li .nav-link:focus .item-caret,
.t4-palette-hellgruen .t4-megamenu .navbar-nav > li .nav-link:active .item-caret {
	border-top-color: #ffffff;
}
.t4-palette-hellgruen .t4-megamenu .navbar-nav > li.active > a .item-caret,
.t4-palette-hellgruen .t4-megamenu .navbar-nav > li.active > .nav-link .item-caret {
  border-top-color: #ffffff;
}
/* Sub navigation */
.t4-palette-hellgruen .t4-megamenu .navbar-nav li.active li.active .nav-link {
  color: #ffffff;
}
/* Module menu */
.t4-palette-hellgruen .t4-module {
	color: #333333;
}
.t4-palette-hellgruen .t4-module .module-title {
	color: #333333;
}
.t4-palette-hellgruen .nav > li a,
.t4-palette-hellgruen .nav > li .nav-link {
	color: #333333;
}
.t4-palette-hellgruen .nav > li a:hover,
.t4-palette-hellgruen .nav > li a:focus,
.t4-palette-hellgruen .nav > li a:active,
.t4-palette-hellgruen .nav > li .nav-link:hover,
.t4-palette-hellgruen .nav > li .nav-link:focus,
.t4-palette-hellgruen .nav > li .nav-link:active {
	color: #ffffff;
}
.t4-palette-hellgruen .nav > li.active > a,
.t4-palette-hellgruen .nav > li.active > a.nav-link
.t4-palette-hellgruen .nav > li.active:hover > a,
.t4-palette-hellgruen .nav > li.active:hover > a.nav-link {
  color: #ffffff;
}
/* Sub nav */
.t4-palette-hellgruen .nav > li.active li a {
  color: #333333;
}
.t4-palette-hellgruen .nav li.active li a:hover,
.t4-palette-hellgruen .nav li.active li a:focus,
.t4-palette-hellgruen .nav li.active li a:active {
  color: #ffffff;
}
.t4-palette-hellgruen .nav li.active li.active > a {
  color: #ffffff;
}

/* Pattern: Dunkelgruen */
.t4-palette-dunkelgruen {
	background-color: #5c8952;
	color: #e1e1e1;
}
.t4-palette-dunkelgruen h1, .t4-palette-dunkelgruen h2, .t4-palette-dunkelgruen h3, .t4-palette-dunkelgruen h4,
.t4-palette-dunkelgruen h1 a, .t4-palette-dunkelgruen h2 a, .t4-palette-dunkelgruen h3 a, .t4-palette-dunkelgruen h4 a {
	color: #ffffff;
}
.t4-palette-dunkelgruen h1 a:hover, .t4-palette-dunkelgruen h2 a:hover, .t4-palette-dunkelgruen h3 a:hover, .t4-palette-dunkelgruen h4 a:hover,
.t4-palette-dunkelgruen h1 a:focus, .t4-palette-dunkelgruen h2 a:focus, .t4-palette-dunkelgruen h3 a:focus, .t4-palette-dunkelgruen h4 a:focus,
.t4-palette-dunkelgruen h1 a:active, .t4-palette-dunkelgruen h2 a:active, .t4-palette-dunkelgruen h3 a:active, .t4-palette-dunkelgruen h4 a:active {
	color: #555555;
}
.t4-palette-dunkelgruen a {
	color: #333333;
}
.t4-palette-dunkelgruen a:hover {
	color: #ffffff;
}
/* Mega menu */
.t4-palette-dunkelgruen .t4-megamenu .nav > li.show a,
.t4-palette-dunkelgruen .t4-megamenu .nav > li.show .nav-link {
	color: #333333;
}
.t4-palette-dunkelgruen .t4-megamenu .navbar-nav > li a:hover,
.t4-palette-dunkelgruen .t4-megamenu .navbar-nav > li a:focus,
.t4-palette-dunkelgruen .t4-megamenu .navbar-nav > li a:active,
.t4-palette-dunkelgruen .t4-megamenu .navbar-nav > li .nav-link:hover,
.t4-palette-dunkelgruen .t4-megamenu .navbar-nav > li .nav-link:focus,
.t4-palette-dunkelgruen .t4-megamenu .navbar-nav > li .nav-link:active {
	color: #ffffff;
}
.t4-palette-dunkelgruen .t4-megamenu .navbar-nav > li.animating > .nav-link {
	color: #ffffff;
}
.t4-palette-dunkelgruen .t4-megamenu .navbar-nav > li.active > a,
.t4-palette-dunkelgruen .t4-megamenu .navbar-nav > li.active > .nav-link {
  color: #ffffff;
}
/*Caret on module menu*/
.t4-palette-dunkelgruen .t4-megamenu .nav > li a .item-caret,
.t4-palette-dunkelgruen .t4-megamenu .nav > li .nav-link .item-caret {
	border-top-color: #333333;
}
.t4-palette-dunkelgruen .t4-megamenu .navbar-nav > li a:hover .item-caret,
.t4-palette-dunkelgruen .t4-megamenu .navbar-nav > li a:focus .item-caret,
.t4-palette-dunkelgruen .t4-megamenu .navbar-nav > li a:active .item-caret,
.t4-palette-dunkelgruen .t4-megamenu .navbar-nav > li .nav-link:hover .item-caret,
.t4-palette-dunkelgruen .t4-megamenu .navbar-nav > li .nav-link:focus .item-caret,
.t4-palette-dunkelgruen .t4-megamenu .navbar-nav > li .nav-link:active .item-caret {
	border-top-color: #ffffff;
}
.t4-palette-dunkelgruen .t4-megamenu .navbar-nav > li.active > a .item-caret,
.t4-palette-dunkelgruen .t4-megamenu .navbar-nav > li.active > .nav-link .item-caret {
  border-top-color: #ffffff;
}
/* Sub navigation */
.t4-palette-dunkelgruen .t4-megamenu .navbar-nav li.active li.active .nav-link {
  color: #ffffff;
}
/* Module menu */
.t4-palette-dunkelgruen .t4-module {
	color: #e1e1e1;
}
.t4-palette-dunkelgruen .t4-module .module-title {
	color: #e1e1e1;
}
.t4-palette-dunkelgruen .nav > li a,
.t4-palette-dunkelgruen .nav > li .nav-link {
	color: #333333;
}
.t4-palette-dunkelgruen .nav > li a:hover,
.t4-palette-dunkelgruen .nav > li a:focus,
.t4-palette-dunkelgruen .nav > li a:active,
.t4-palette-dunkelgruen .nav > li .nav-link:hover,
.t4-palette-dunkelgruen .nav > li .nav-link:focus,
.t4-palette-dunkelgruen .nav > li .nav-link:active {
	color: #ffffff;
}
.t4-palette-dunkelgruen .nav > li.active > a,
.t4-palette-dunkelgruen .nav > li.active > a.nav-link
.t4-palette-dunkelgruen .nav > li.active:hover > a,
.t4-palette-dunkelgruen .nav > li.active:hover > a.nav-link {
  color: #ffffff;
}
/* Sub nav */
.t4-palette-dunkelgruen .nav > li.active li a {
  color: #333333;
}
.t4-palette-dunkelgruen .nav li.active li a:hover,
.t4-palette-dunkelgruen .nav li.active li a:focus,
.t4-palette-dunkelgruen .nav li.active li a:active {
  color: #ffffff;
}
.t4-palette-dunkelgruen .nav li.active li.active > a {
  color: #ffffff;
}

/* Section: Topbar */

#t4-topbar .bg-overlay {
	opacity: 0.5;
}

/* Section: Header */
#t4-header {
	position: -webkit-sticky !important;
	position: sticky;
	top: 0;
	z-index: 10;
}
#t4-header .bg-overlay {
	opacity: 0.5;
}

/* Section: Mega 2 */

#t4-mega-2 .bg-overlay {
	opacity: 0.5;
}

/* Section: Masthead */

#t4-masthead .bg-overlay {
	opacity: 0.5;
}

/* Section: Breadcrumb */

#t4-breadcrumb .bg-overlay {
	opacity: 0.5;
}

/* Section: Main Top 2 */

#t4-main-top-2 .bg-overlay {
	opacity: 0.5;
}

/* Section: Main body */

#t4-main-body .bg-overlay {
	opacity: 0.5;
}

/* Section: Main Bottom 1 */

#t4-main-bottom-1 .bg-overlay {
	opacity: 0.5;
}

/* Section: Section 5 */

#t4-section-5 .bg-overlay {
	opacity: 0.5;
}

/* Section: section 6 */

#t4-section-6 .bg-overlay {
	opacity: 0.5;
}

/* Section: MeinFooter */

#t4-meinfooter .bg-overlay {
	opacity: 0.5;
}

/* Section: Vertical Line */

#t4-vertical-line .bg-overlay {
	opacity: 0.5;
}
/**
 *------------------------------------------------------------------------------
 * @package       T4_Blank_BS5 - Free Template for Joomla!
 *------------------------------------------------------------------------------
 * @copyright     Copyright (C) 2004-2021 JoomlArt.com. All Rights Reserved.
 * @license       GNU General Public License version 2 or later; see LICENSE.txt
 * @authors       JoomlArt
 *------------------------------------------------------------------------------
**/
:root {
  --body-font-family: Barlow-Regular;
  --body-font-size: 18.5px;
  --body-font-style: inherit;
  --body-line-height: 1.7;
  --body-letter-spacing: -0.1px;
  --t4-font-family: Barlow-Regular;
  --t4-font-size: 18.5px;
  --t4-font-style: inherit;
  --t4-line-height: 1.7;
  --t4-letter-spacing: -0.1px;
  --megamenu-font-family: Barlow-SemiBold;
  --megamenu-font-size: 16.0px;
  --megamenu-font-style: inherit;
  --megamenu-letter-spacing: 1px;
  --heading-font-family: Barlow-Medium;
  --heading-font-style: inherit;
  --heading-line-height: 1.2;
  --h1-font-size: 38px;
  --h2-font-size: 38px;
  --h3-font-size: 28px;
  --h4-font-size: 28px;
  --h5-font-size: 24px;
  --h6-font-size: 18px;
}
/* for megamenu animation duration */
.t4-megamenu.animate .dropdown.animating > .dropdown-menu {
  transition-duration: 400ms;
}
html {
  font-size: var(--body-font-size);
}
body {
  background-color: var(--body-bg-color);
  color: var(--body-text-color);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  font-style: var(--body-font-style);
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
}
.t4-content {
  background-color: var(--body-bg-color);
  background-repeat: repeat;
  background-position: center top;
  background-size: cover;
  background-attachment: scroll;
}
a {
  color: var(--body-link-color);
}
a:hover, a:focus, a:active {
  color: var(--body-link-hover-color);
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  line-height: var(--heading-line-height);
  letter-spacing: var(--heading-letter-spacing);
}
h1, .h1 {
  font-size: var(--h1-font-size);
}
h2, .h2 {
  font-size: var(--h2-font-size);
}
h3, .h3 {
  font-size: var(--h3-font-size);
}
h4, .h4 {
  font-size: var(--h4-font-size);
}
h5, .h5 {
  font-size: var(--h5-font-size);
}
h6, .h6 {
  font-size: var(--h6-font-size);
}
/* MEGAMENU
--------------------------------------- */
.t4-megamenu {
  font-family: var(--megamenu-font-family);
  font-size: var(--megamenu-font-size);
  font-weight: var(--megamenu-font-weight);
  line-height: var(--megamenu-line-height);
  letter-spacing: var(--megamenu-letter-spacing);
}
.t4-megamenu h1, .t4-megamenu h2, .t4-megamenu h3, .t4-megamenu h4, .t4-megamenu h5, .t4-megamenu h6 {
  font-family: var(--megamenu-font-family);
}
/* COLORS
--------------------------------------- */
/* Backgrounds Colors */
.bg-primary {
  background-color: var(--color-primary);
}
.bg-secondary {
  background-color: var(--color-secondary);
}
.bg-success {
  background-color: var(--color-success);
}
.bg-info {
  background-color: var(--color-info);
}
.bg-warning {
  background-color: var(--color-warning);
}
.bg-danger {
  background-color: var(--color-danger);
}
.bg-light {
  background-color: var(--color-light);
}
.bg-dark {
  background-color: var(--color-dark);
}
/* Buttons Colors */
.btn.btn-primary {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.btn.btn-primary:focus, .btn.btn-primary:hover, .btn.btn-primary:active {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--t4-btn-hover-color);
  opacity: 0.85;
}
.btn.btn-outline-primary {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.btn.btn-outline-primary:hover {
  background-color: var(--color-primary);
  color: #fff;
}
.btn.btn-secondary {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
}
.btn.btn-secondary:focus, .btn.btn-secondary:hover, .btn.btn-secondary:active {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  color: var(--t4-btn-hover-color);
  opacity: 0.85;
}
.btn.btn-outline-secondary {
  border-color: var(--color-secondary);
  color: var(--color-secondary);
}
.btn.btn-outline-secondary:hover {
  background-color: var(--color-secondary);
  color: #fff;
}
.btn.btn-success {
  background-color: var(--color-success);
  border-color: var(--color-success);
}
.btn.btn-success:focus, .btn.btn-success:hover, .btn.btn-success:active {
  background-color: var(--color-success);
  border-color: var(--color-success);
  color: var(--t4-btn-hover-color);
  opacity: 0.85;
}
.btn.btn-outline-success {
  border-color: var(--color-success);
  color: var(--color-success);
}
.btn.btn-outline-success:hover {
  background-color: var(--color-success);
  color: #fff;
}
.btn.btn-info {
  background-color: var(--color-info);
  border-color: var(--color-info);
}
.btn.btn-info:focus, .btn.btn-info:hover, .btn.btn-info:active {
  background-color: var(--color-info);
  border-color: var(--color-info);
  color: var(--t4-btn-hover-color);
  opacity: 0.85;
}
.btn.btn-outline-info {
  border-color: var(--color-info);
  color: var(--color-info);
}
.btn.btn-outline-info:hover {
  background-color: var(--color-info);
  color: #000;
}
.btn.btn-warning {
  background-color: var(--color-warning);
  border-color: var(--color-warning);
}
.btn.btn-warning:focus, .btn.btn-warning:hover, .btn.btn-warning:active {
  background-color: var(--color-warning);
  border-color: var(--color-warning);
  color: var(--t4-btn-hover-color);
  opacity: 0.85;
}
.btn.btn-outline-warning {
  border-color: var(--color-warning);
  color: var(--color-warning);
}
.btn.btn-outline-warning:hover {
  background-color: var(--color-warning);
  color: #000;
}
.btn.btn-danger {
  background-color: var(--color-danger);
  border-color: var(--color-danger);
}
.btn.btn-danger:focus, .btn.btn-danger:hover, .btn.btn-danger:active {
  background-color: var(--color-danger);
  border-color: var(--color-danger);
  color: var(--t4-btn-hover-color);
  opacity: 0.85;
}
.btn.btn-outline-danger {
  border-color: var(--color-danger);
  color: var(--color-danger);
}
.btn.btn-outline-danger:hover {
  background-color: var(--color-danger);
  color: #fff;
}
.btn.btn-light {
  background-color: var(--color-light);
  border-color: var(--color-light);
}
.btn.btn-light:focus, .btn.btn-light:hover, .btn.btn-light:active {
  background-color: var(--color-light);
  border-color: var(--color-light);
  color: var(--t4-btn-hover-color);
  opacity: 0.85;
}
.btn.btn-outline-light {
  border-color: var(--color-light);
  color: var(--color-light);
}
.btn.btn-outline-light:hover {
  background-color: var(--color-light);
  color: #000;
}
.btn.btn-dark {
  background-color: var(--color-dark);
  border-color: var(--color-dark);
}
.btn.btn-dark:focus, .btn.btn-dark:hover, .btn.btn-dark:active {
  background-color: var(--color-dark);
  border-color: var(--color-dark);
  color: var(--t4-btn-hover-color);
  opacity: 0.85;
}
.btn.btn-outline-dark {
  border-color: var(--color-dark);
  color: var(--color-dark);
}
.btn.btn-outline-dark:hover {
  background-color: var(--color-dark);
  color: #fff;
}
/* Text Colors */
.text-primary {
  color: var(--color-primary) !important;
}
.text-secondary {
  color: var(--color-secondary) !important;
}
.text-success {
  color: var(--color-success) !important;
}
.text-info {
  color: var(--color-info) !important;
}
.text-warning {
  color: var(--color-warning) !important;
}
.text-danger {
  color: var(--color-danger) !important;
}
.text-light {
  color: var(--color-light) !important;
}
.text-dark {
  color: var(--color-dark) !important;
}
/* Badage Colors */
.badge-primary {
  background-color: var(--color-primary);
}
.badge-secondary {
  background-color: var(--color-secondary);
}
.badge-success {
  background-color: var(--color-success);
}
.badge-info {
  background-color: var(--color-info);
}
.badge-warning {
  background-color: var(--color-warning);
}
.badge-danger {
  background-color: var(--color-danger);
}
.badge-light {
  background-color: var(--color-light);
}
.badge-dark {
  background-color: var(--color-dark);
}
.t4-content {
  background-image: none;
}
.t4-content .bg-mask {
  display: inline-block;
  background-repeat: repeat;
  background-position: center top;
  background-size: cover;
  background-attachment: scroll;
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  z-index: 1;
  height: 960px;
}
.t4-content .bg-mask:before {
  background: radial-gradient(transparent 0%, transparent 40%, var(--body-bg-color) 85%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.t4-content .bg-mask:after {
  background: var(--body-bg-color);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.8;
}
:root {
  --bg-item-1: #181717;
  --bg-item-2: #181717;
  --bg-item-3: #1F1E1E;
  --headings-color: #fff;
  --color-social: #fff;
  --white: #fff;
  --border-color: #1F1E1E;
  --border-color-2: #1F1E1E;
  --border-color-focus: rgba(255, 255, 255, 0.2);
  --placeholder-color: #93989D;
  --bg-input: rgba(255, 255, 255, 0.10);
}
@media (max-width: 1199.98px) {
  :root {
    --h1-font-size: 46px;
    --h2-font-size: 42px;
}
}
@media (max-width: 767.98px) {
  :root {
    --h1-font-size: 32px;
    --h2-font-size: 32px;
    --h3-font-size: 24px;
}
}
@media (max-width: 575.98px) {
  :root {
    --h1-font-size: 28px;
}
}
.light-active {
  --body-bg-color: #fff;
  --bg-item-1: rgba(0, 0, 0, 0.07);
  --bg-item-2: #fff;
  --bg-item-3: rgba(0, 0, 0, 0.07);
  --headings-color: #212529;
  --color-dark: #f5f5f5;
  --color-social: #93989D;
  --white: #212529;
  --border-color: #f2f2f2;
  --border-color-2: rgba(0, 0, 0, 0.04);
  --border-color-focus: rgba(0, 0, 0, 0.2);
  --placeholder-color: rgba(0, 0, 0, 0.35);
  --bg-input: rgba(0, 0, 0, 0.10);
  --mainnav-link-color: #212529;
}
.light-active .bg-dark {
  --border-color: rgba(0,0,0,0.05);
}
.light-active .light-transparent {
  background: transparent !important;
}
.light-active .t4-content .bg-mask:after {
  opacity: 0.91;
}
.light-active .btn-outline-dark,
.light-active .btn-dark {
  --color-dark: #212529;
  --white: #fff;
}