:root{
--color-primary:#dc3545;
--color-secondary:rgba(255, 193, 7, 0.63);
--color-success:rgba(255, 193, 7, 0.605);
--color-info:#17a2b8;
--color-warning:#ffc107;
--color-danger:#dc3545;
--color-light:#f8f9fa;
--color-dark:#dc3545;
--color-white:#ffffff;
--color-black:#000000;
--body-bg-color:#101010;
--body-text-color:#f2f2f2;
--body-link-color:#22cc99;
--body-link-hover-color:#22cc99;
--mainnav-text-color:#f2f2f2;
--mainnav-link-color:#212529;
--mainnav-link-hover-color:#007bff;
--mainnav-link-active-color:#007bff;
--footer-bg-color:#212529;
--footer-text-color:#6c757d;
--footer-link-color:#6c757d;
--footer-link-hover-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;
}
#t4-header .bg-overlay-image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	background-attachment: fixed;
}

/* Section: masthead */

#t4-masthead .bg-overlay {
	opacity: 1;
}
#t4-masthead .bg-overlay-image {
	background-size: cover;
}

/* Section: section2 */

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

/* Section: section1 */

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

/* Section: mainbody */

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

/* Section: footer */

#t4-footer .bg-overlay {
	opacity: 0.5;
}
/**
 * ------------------------------------------------------------------------
 * JA Stark Template
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2018 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites:  http://www.joomlart.com -  http://www.joomlancers.com
 * This file may not be redistributed in whole or significant part.
 * ------------------------------------------------------------------------
*/
:root {
  --primary: #dc3545;
  --secondary: rgba(255, 193, 7, 0.63);
  --success: rgba(255, 193, 7, 0.605);
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #dc3545;
}
/* for megamenu animation duration */
.t4-megamenu.animate .dropdown.animating > .dropdown-menu {
  -webkit-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  transition-duration: 400ms; 
}
html {
  font-size: 22; 
}
body {
  background-color: #ffffff;
  color: #f2f2f2;
  font-family: Fahkwang;
  font-size: 22;
  font-weight: 600;
  font-style: normal;
}
.t4-content {
  background-color: #101010; 
}
h1, h2, h3, h4, h5, h6 {
  font-style: inherit;
}
/* COLORS
--------------------------------------- */
/* Backgrounds Colors */
.bg-primary {
  background-color: #dc3545 !important; 
}
.bg-secondary {
  background-color: rgba(255, 193, 7, 0.63) !important; 
}
.bg-success {
  background-color: rgba(255, 193, 7, 0.605) !important; 
}
.bg-info {
  background-color: #17a2b8 !important; 
}
.bg-warning {
  background-color: #ffc107 !important; 
}
.bg-danger {
  background-color: #dc3545 !important; 
}
.bg-light {
  background-color: #f8f9fa !important; 
}
.bg-dark {
  background-color: #dc3545 !important; 
}
/* Buttons Colors */
.btn.btn-primary {
  background-color: #dc3545 !important;
  border-color: #dc3545 !important; 
}
.btn.btn-primary:hover {
  opacity: 0.85; 
}
.btn.btn-secondary {
  background-color: rgba(255, 193, 7, 0.63) !important;
  border-color: rgba(255, 193, 7, 0.63) !important; 
}
.btn.btn-secondary:hover {
  opacity: 0.85; 
}
.btn.btn-success {
  background-color: rgba(255, 193, 7, 0.605) !important;
  border-color: rgba(255, 193, 7, 0.605) !important; 
}
.btn.btn-success:hover {
  opacity: 0.85; 
}
.btn.btn-info {
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important; 
}
.btn.btn-info:hover {
  opacity: 0.85; 
}
.btn.btn-warning {
  background-color: #ffc107 !important;
  border-color: #ffc107 !important; 
}
.btn.btn-warning:hover {
  opacity: 0.85; 
}
.btn.btn-danger {
  background-color: #dc3545 !important;
  border-color: #dc3545 !important; 
}
.btn.btn-danger:hover {
  opacity: 0.85; 
}
.btn.btn-light {
  background-color: #f8f9fa !important;
  border-color: #f8f9fa !important; 
}
.btn.btn-light:hover {
  opacity: 0.85; 
}
.btn.btn-dark {
  background-color: #dc3545 !important;
  border-color: #dc3545 !important; 
}
.btn.btn-dark:hover {
  opacity: 0.85; 
}
/* Text Colors */
.text-primary {
  color: #dc3545 !important; 
}
.text-secondary {
  color: rgba(255, 193, 7, 0.63) !important; 
}
.text-success {
  color: rgba(255, 193, 7, 0.605) !important; 
}
.text-info {
  color: #17a2b8 !important; 
}
.text-warning {
  color: #ffc107 !important; 
}
.text-danger {
  color: #dc3545 !important; 
}
.text-light {
  color: #f8f9fa !important; 
}
.text-dark {
  color: #dc3545 !important; 
}
/* Badage Colors */
.badge-primary {
  background-color: #dc3545; 
}
.badge-secondary {
  background-color: rgba(255, 193, 7, 0.63); 
}
.badge-success {
  background-color: rgba(255, 193, 7, 0.605); 
}
.badge-info {
  background-color: #17a2b8; 
}
.badge-warning {
  background-color: #ffc107; 
}
.badge-danger {
  background-color: #dc3545; 
}
.badge-light {
  background-color: #f8f9fa; 
}
.badge-dark {
  background-color: #dc3545; 
}
/* TPL
--------------------------------------- */
.contact .contact-links ul li a:hover > span, .contact .contact-links ul li a:focus > span, .contact .contact-links ul li a:active > span {
  background: #dc3545;
  border-color: #dc3545; 
}
.t4-section.t4-pattern-primary {
  background: #dc3545; 
}
  .t4-section.t4-pattern-primary .bg-overlay-image::after {
    background: #dc3545; 
}
.acm-hero .btn.html5lightbox.primary,
.acm-hero .btn.html5link.primary {
  background: #dc3545; 
}
.t4-megamenu .dropdown-menu ul > li a.nav-link:hover,
.t4-megamenu .dropdown-menu ul > li a.dropdown-item:hover {
  color: rgba(255, 193, 7, 0.63); 
}
.t4-megamenu .dropdown-menu ul > .active a.nav-link,
.t4-megamenu .dropdown-menu ul > .active a.dropdown-item {
  color: rgba(255, 193, 7, 0.63); 
}
.t4-megamenu .dropdown-menu .mega-nav > li a.nav-link:hover,
.t4-megamenu .dropdown-menu .mega-nav > li a.dropdown-item:hover {
  color: rgba(255, 193, 7, 0.63); 
}
.t4-megamenu .dropdown-menu .mega-nav > .active a.nav-link,
.t4-megamenu .dropdown-menu .mega-nav > .active a.dropdown-item {
  color: rgba(255, 193, 7, 0.63); 
}
.module-title {
  color: rgba(255, 193, 7, 0.63); 
}
#t4-section-7 .t4-section-module .module-title {
  color: rgba(255, 193, 7, 0.63); 
}