:root{
--color-primary:#0099cc;
--color-secondary:#262726;
--color-success:#198754;
--color-info:#0dcaf0;
--color-warning:#fd7e14;
--color-danger:#dc3545;
--color-light:#f5f5f5;
--color-dark:#1a2027;
--color-white:#ffffff;
--color-black:#000000;
--color-gray-dark:#e5e2e2;
--color-gray-light:#f0f0f0;
--border-color:#eaeaea;
--color-primary-light:#13b9f1;
--color-secondary-light:#454745;
--color-primary-dark:#068dbb;
--color-tertiary:#000000;
--color-tertiary-light:#f0f0f0;
--body-bg-color:#ffffff;
--body-text-color:#666666;
--body-link-color:#0099cc;
--body-link-hover-color:#068dbb;
--heading-color:#000000;
--containerbg-color:#ffffff;
--mainnav-text-color:#dddddd;
--mainnav-link-color:#dddddd;
--mainnav-link-hover-color:#ffffff;
--mainnav-link-active-color:#ffffff;
--dropdown-link-color:#dddddd;
--dropdown-link-hover-color:#ffffff;
--footer-bg-color:rgba(187, 185, 185, 0);
--footer-text-color:#d9d4d4;
--footer-link-color:#7a7a7a;
--footer-link-hover-color:#35a9e3;
--footer-border-color:#023cd3;
--footer-heading-color:#f8f9fa;
}
/* Section: Scroll Progress Bar */

#t4-scroll-progress-bar .bg-overlay {
	opacity: 0.5;
}

/* Section: Topbar */

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

/* Section: Header */

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

/* Section: jt-topsd */

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

/* Section: Breadcrumbs */

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

/* Section: Slider */

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

/* Section: Position-1 */

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

/* Section: Spot-1-2 */

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

/* Section: Middlespot-1-2-3 */

#t4-middlespot-1-2-3 .bg-overlay {
	opacity: 0.5;
}

/* Section: Subslider-0 */

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

/* Section: subslider-1 */

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

/* Section: subslider-2 */

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

/* Section: Picturebg */

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

/* Section: Subslider-3 */

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

/* Section: Coloredmodule */

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

/* Section: Main body */

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

/* Section: Coloredmodule-2 */

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

/* Section: Coloredmodule-3 */

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

/* Section: Middlespot-2 */

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

/* Section: Middlespot-3 */

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

/* Section: Middlespot-4 */

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

/* Section: Spot-5 */

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

/* Section: Bottomspot-1-2-3 */

#t4-bottomspot-1-2-3 .bg-overlay {
	opacity: 0.5;
}

/* Section: Spot-9-10 */

#t4-spot-9-10 .bg-overlay {
	opacity: 0.5;
}

/* Section: Masthead */

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

/* Section: position5-6-7 */

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

/* Section: navhelper */

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

/* Section: suprafooter */

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

/* Section: Footer */

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

/* Section: Footnav */

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

/* Section: debug */

#t4-debug .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: Open Sans;
  --body-font-size: 14px;
  --body-font-weight: 400;
  --body-font-style: normal;
  --body-line-height: 1.8;
  --body-letter-spacing: 0px;
  --t4-font-family: Open Sans;
  --t4-font-size: 14px;
  --t4-font-weight: 400;
  --t4-font-style: normal;
  --t4-line-height: 1.8;
  --t4-letter-spacing: 0px;
  --megamenu-font-family: Lato;
  --megamenu-font-size: 16px;
  --megamenu-font-weight: 400;
  --megamenu-font-style: normal;
  --megamenu-letter-spacing: 0px;
  --heading-font-family: Open Sans;
  --heading-font-weight: 500;
  --heading-font-style: normal;
  --heading-line-height: 1.4;
  --h1-font-size: 30px;
  --h2-font-size: 24px;
  --h3-font-size: 16px;
  --h4-font-size: 14px;
  --h5-font-size: 13px;
  --h6-font-size: 12px;
}
/* for megamenu animation duration */
.t4-megamenu.animate .dropdown.animating > .dropdown-menu {
  -webkit-transition-duration: 400ms;
          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-attachment: fixed;
}
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:hover {
  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:hover {
  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:hover {
  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:hover {
  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:hover {
  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:hover {
  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:hover {
  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:hover {
  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);
}