:root{
--color-primary:#616161;
--color-secondary:#b5b5b5;
--color-success:#636363;
--color-info:#17a2b8;
--color-warning:#ffc107;
--color-danger:#d11923;
--color-light:#808080;
--color-dark:rgba(219, 219, 219, 0.58);
--color-white:#ffffff;
--color-black:#030303;
--body-bg-color:#fff;
--body-text-color:#888888;
--body-link-color:#17a2b8;
--body-link-hover-color:#ffc107;
--mainnav-text-color:#212529;
--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:#fff;
}
/* Pattern: Dark */
.t4-palette-dark {
	color: #808080;
	background-color: rgba(219, 219, 219, 0.58);
}
.t4-palette-dark a:not(.btn) {
	color: #b5b5b5;
}
.t4-palette-dark a:not(.btn):hover {
	color: #b5b5b5;
}
/* Heading */
.t4-palette-dark h1,
.t4-palette-dark h2,
.t4-palette-dark h3,
.t4-palette-dark h4,
.t4-palette-dark h5,
.t4-palette-dark h6 {
	color: #808080;
}
/* Module */
.t4-palette-dark .nav > li > a {
	color: #b5b5b5;
}
.t4-palette-dark .nav > li > a:hover,
.t4-palette-dark .nav > li > a:focus,
.t4-palette-dark .nav > li > a:active {
	color: #b5b5b5;
}
.layout-home .t4-sticky.t4-palette-dark {
	background-color: transparent;
}
.not-at-top .t4-sticky.t4-palette-dark {
	background-color: rgba(219, 219, 219, 0.58);
}

/* Pattern: Primary */
.t4-palette-primary {
	color: #808080;
	background-color: #616161;
}
.t4-palette-primary a:not(.btn) {
	color: #b5b5b5;
}
.t4-palette-primary a:not(.btn):hover {
	color: #b5b5b5;
}
/* Heading */
.t4-palette-primary h1,
.t4-palette-primary h2,
.t4-palette-primary h3,
.t4-palette-primary h4,
.t4-palette-primary h5,
.t4-palette-primary h6 {
	color: #808080;
}
/* Module */
.t4-palette-primary .nav > li > a {
	color: #b5b5b5;
}
.t4-palette-primary .nav > li > a:hover,
.t4-palette-primary .nav > li > a:focus,
.t4-palette-primary .nav > li > a:active {
	color: #b5b5b5;
}
.layout-home .t4-sticky.t4-palette-primary {
	background-color: transparent;
}
.not-at-top .t4-sticky.t4-palette-primary {
	background-color: #616161;
}

/* Pattern: Gray */
.t4-palette-gray {
	color: #888888;
	background-color: #f8f9fa;
}
.t4-palette-gray a:not(.btn) {
	color: #b5b5b5;
}
.t4-palette-gray a:not(.btn):hover {
	color: #b5b5b5;
}
/* Heading */
.t4-palette-gray h1,
.t4-palette-gray h2,
.t4-palette-gray h3,
.t4-palette-gray h4,
.t4-palette-gray h5,
.t4-palette-gray h6 {
	color: rgba(219, 219, 219, 0.58);
}
/* Module */
.t4-palette-gray .nav > li > a {
	color: #b5b5b5;
}
.t4-palette-gray .nav > li > a:hover,
.t4-palette-gray .nav > li > a:focus,
.t4-palette-gray .nav > li > a:active {
	color: #b5b5b5;
}
.layout-home .t4-sticky.t4-palette-gray {
	background-color: transparent;
}
.not-at-top .t4-sticky.t4-palette-gray {
	background-color: #f8f9fa;
}

/* Pattern: Transparent */
.t4-palette-transparent {
	color: #808080;
	background-color: rgba(255, 255, 255, 0);
}
.t4-palette-transparent a:not(.btn) {
	color: #b5b5b5;
}
.t4-palette-transparent a:not(.btn):hover {
	color: #b5b5b5;
}
/* Heading */
.t4-palette-transparent h1,
.t4-palette-transparent h2,
.t4-palette-transparent h3,
.t4-palette-transparent h4,
.t4-palette-transparent h5,
.t4-palette-transparent h6 {
	color: #808080;
}
/* Module */
.t4-palette-transparent .nav > li > a {
	color: #b5b5b5;
}
.t4-palette-transparent .nav > li > a:hover,
.t4-palette-transparent .nav > li > a:focus,
.t4-palette-transparent .nav > li > a:active {
	color: #b5b5b5;
}
.layout-home .t4-sticky.t4-palette-transparent {
	background-color: transparent;
}
.not-at-top .t4-sticky.t4-palette-transparent {
	background-color: rgba(255, 255, 255, 0);
}

/* 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:  */

#t4-section-1 .bg-overlay {
	opacity: 1;
}
#t4-section-1 .bg-overlay-image {
	background-image: url(/images/Portrait-MD-2019-web.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

/* Section: mainbody */

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

/* Section: footnav */

#t4-footnav .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: #616161;
  --secondary: #b5b5b5;
  --success: #636363;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #d11923;
  --light: #808080;
  --dark: rgba(219, 219, 219, 0.58);
}
/* for megamenu animation duration */
.t4-megamenu.animate .dropdown.animating > .dropdown-menu {
  transition-duration: 400ms; 
}
body {
  background-color: #ffffff;
  color: #888888;
  font-family: DM Sans;
  font-weight: 400;
  letter-spacing: normal; 
}
.t4-content {
  background-repeat: space;
  background-position: left center;
  background-size: cover;
  background-attachment: fixed;
}
a {
  color: #17a2b8; 
}
a:hover {
  color: #ffc107; 
}
h1, h2, h3, h4, h5, h6 {
  font-family: DM Sans;
  line-height: 1.4;
  letter-spacing: normal; 
}
h1, .h1 {
  font-size: 60px; 
}
h2, .h2 {
  font-size: 32px; 
}
h3, .h3 {
  font-size: 28px; 
}
h4, .h4 {
  font-size: 24px; 
}
h5, .h5 {
  font-size: 20px; 
}
h6, .h6 {
  font-size: 16px; 
}
/* COLORS
--------------------------------------- */
/* Backgrounds Colors */
.bg-primary {
  background-color: #616161 !important; 
}
.bg-secondary {
  background-color: #b5b5b5 !important; 
}
.bg-success {
  background-color: #636363 !important; 
}
.bg-info {
  background-color: #17a2b8 !important; 
}
.bg-warning {
  background-color: #ffc107 !important; 
}
.bg-danger {
  background-color: #d11923 !important; 
}
.bg-light {
  background-color: #808080 !important; 
}
.bg-dark {
  background-color: rgba(219, 219, 219, 0.58) !important; 
}
/* Buttons Colors */
.btn.btn-primary {
  background-color: #616161 !important;
  border-color: #616161 !important; 
}
.btn.btn-primary:hover {
  opacity: 0.85; 
}
.btn.btn-secondary {
  background-color: #b5b5b5 !important;
  border-color: #b5b5b5 !important; 
}
.btn.btn-secondary:hover {
  opacity: 0.85; 
}
.btn.btn-success {
  background-color: #636363 !important;
  border-color: #636363 !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: #d11923 !important;
  border-color: #d11923 !important; 
}
.btn.btn-danger:hover {
  opacity: 0.85; 
}
.btn.btn-light {
  background-color: #808080 !important;
  border-color: #808080 !important; 
}
.btn.btn-light:hover {
  opacity: 0.85; 
}
.btn.btn-dark {
  background-color: rgba(219, 219, 219, 0.58) !important;
  border-color: rgba(219, 219, 219, 0.58) !important; 
}
.btn.btn-dark:hover {
  opacity: 0.85; 
}
/* Text Colors */
.text-primary {
  color: #616161 !important; 
}
.text-secondary {
  color: #b5b5b5 !important; 
}
.text-success {
  color: #636363 !important; 
}
.text-info {
  color: #17a2b8 !important; 
}
.text-warning {
  color: #ffc107 !important; 
}
.text-danger {
  color: #d11923 !important; 
}
.text-light {
  color: #808080 !important; 
}
.text-dark {
  color: rgba(219, 219, 219, 0.58) !important; 
}
/* Badage Colors */
.badge-primary {
  background-color: #616161; 
}
.badge-secondary {
  background-color: #b5b5b5; 
}
.badge-success {
  background-color: #636363; 
}
.badge-info {
  background-color: #17a2b8; 
}
.badge-warning {
  background-color: #ffc107; 
}
.badge-danger {
  background-color: #d11923; 
}
.badge-light {
  background-color: #808080; 
}
.badge-dark {
  background-color: rgba(219, 219, 219, 0.58); 
}
/* 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: #616161;
  border-color: #616161; 
}
.t4-section.t4-pattern-primary {
  background: #616161; 
}
  .t4-section.t4-pattern-primary .bg-overlay-image::after {
    background: #616161; 
}
.acm-hero .btn.html5lightbox.primary,
.acm-hero .btn.html5link.primary {
  background: #616161; 
}
.t4-megamenu .dropdown-menu ul > li a.nav-link:hover,
.t4-megamenu .dropdown-menu ul > li a.dropdown-item:hover {
  color: #b5b5b5; 
}
.t4-megamenu .dropdown-menu ul > .active a.nav-link,
.t4-megamenu .dropdown-menu ul > .active a.dropdown-item {
  color: #b5b5b5; 
}
.t4-megamenu .dropdown-menu .mega-nav > li a.nav-link:hover,
.t4-megamenu .dropdown-menu .mega-nav > li a.dropdown-item:hover {
  color: #b5b5b5; 
}
.t4-megamenu .dropdown-menu .mega-nav > .active a.nav-link,
.t4-megamenu .dropdown-menu .mega-nav > .active a.dropdown-item {
  color: #b5b5b5; 
}
.module-title {
  color: #b5b5b5; 
}
#t4-section-7 .t4-section-module .module-title {
  color: #b5b5b5; 
}