:root{
--color-primary:#385366;
--color-secondary:#6f2333;
--color-success:#28a745;
--color-info:#17a2b8;
--color-warning:#dfae45;
--color-danger:#dc3545;
--color-light:#f8f9fa;
--color-dark:#111111;
--color-white:#ffffff;
--color-black:#000000;
--body-bg-color:rgba(255, 255, 255, 0);
--body-text-color:#888888;
--body-link-color:#385366;
--body-link-hover-color:#6f2333;
--mainnav-text-color:#212529;
--mainnav-link-color:#212529;
--mainnav-link-hover-color:#6f2333;
--mainnav-link-active-color:#007bff;
--footer-bg-color:#212529;
--footer-text-color:#6c757d;
--footer-link-color:#6c757d;
--footer-link-hover-color:#ffffff;
}
/* Pattern: Dark */
.t4-palette-dark {
	color: #f8f9fa;
	background-color: #111111;
}
.t4-palette-dark a:not(.btn) {
	color: #dfae45;
}
.t4-palette-dark a:not(.btn):hover {
	color: #dfae45;
}
/* 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: #f8f9fa;
}
/* Module */
.t4-palette-dark .nav > li > a {
	color: #dfae45;
}
.t4-palette-dark .nav > li > a:hover,
.t4-palette-dark .nav > li > a:focus,
.t4-palette-dark .nav > li > a:active {
	color: #dfae45;
}
.layout-home .t4-sticky.t4-palette-dark {
	background-color: transparent;
}
.not-at-top .t4-sticky.t4-palette-dark {
	background-color: #111111;
}

/* Pattern: Primary */
.t4-palette-primary {
	color: #f8f9fa;
	background-color: #2e3d96;
}
.t4-palette-primary a:not(.btn) {
	color: #22cc99;
}
.t4-palette-primary a:not(.btn):hover {
	color: #22cc99;
}
/* 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: #f8f9fa;
}
/* Module */
.t4-palette-primary .nav > li > a {
	color: #22cc99;
}
.t4-palette-primary .nav > li > a:hover,
.t4-palette-primary .nav > li > a:focus,
.t4-palette-primary .nav > li > a:active {
	color: #22cc99;
}
.layout-home .t4-sticky.t4-palette-primary {
	background-color: transparent;
}
.not-at-top .t4-sticky.t4-palette-primary {
	background-color: #2e3d96;
}

/* Pattern: Gray */
.t4-palette-gray {
	color: #888888;
	background-color: #f8f9fa;
}
.t4-palette-gray a:not(.btn) {
	color: #9f3848;
}
.t4-palette-gray a:not(.btn):hover {
	color: #6f2333;
}
/* 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: #111111;
}
/* Module */
.t4-palette-gray .nav > li > a {
	color: #9f3848;
}
.t4-palette-gray .nav > li > a:hover,
.t4-palette-gray .nav > li > a:focus,
.t4-palette-gray .nav > li > a:active {
	color: #6f2333;
}
.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: #385366;
	background-color: rgba(255, 255, 255, 0);
}
.t4-palette-transparent a:not(.btn) {
	color: #9f3848;
}
.t4-palette-transparent a:not(.btn):hover {
	color: #6f2333;
}
/* 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: #f8f9fa;
}
/* Module */
.t4-palette-transparent .nav > li > a {
	color: #9f3848;
}
.t4-palette-transparent .nav > li > a:hover,
.t4-palette-transparent .nav > li > a:focus,
.t4-palette-transparent .nav > li > a:active {
	color: #6f2333;
}
.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);
}

/* Pattern: Sidebar */
.t4-palette-sidebar {
	color: #000000;
	background-color: rgba(0, 0, 0, 0);
}
.t4-palette-sidebar a:not(.btn) {
	color: #1a61ab;
}
.t4-palette-sidebar a:not(.btn):hover {
	color: #ffffff;
}
/* Heading */
.t4-palette-sidebar h1,
.t4-palette-sidebar h2,
.t4-palette-sidebar h3,
.t4-palette-sidebar h4,
.t4-palette-sidebar h5,
.t4-palette-sidebar h6 {
	color: #ff0000;
}
/* Module */
.t4-palette-sidebar .nav > li > a {
	color: #1a61ab;
}
.t4-palette-sidebar .nav > li > a:hover,
.t4-palette-sidebar .nav > li > a:focus,
.t4-palette-sidebar .nav > li > a:active {
	color: #ffffff;
}
.layout-home .t4-sticky.t4-palette-sidebar {
	background-color: transparent;
}
.not-at-top .t4-sticky.t4-palette-sidebar {
	background-color: rgba(0, 0, 0, 0);
}

/* Pattern: Body */
.t4-palette-body {
	color: #333333;
	background-color: rgba(0, 0, 0, 0);
}
.t4-palette-body a:not(.btn) {
	color: #9f3848;
}
.t4-palette-body a:not(.btn):hover {
	color: #6f2333;
}
/* Heading */
.t4-palette-body h1,
.t4-palette-body h2,
.t4-palette-body h3,
.t4-palette-body h4,
.t4-palette-body h5,
.t4-palette-body h6 {
	color: #444444;
}
/* Module */
.t4-palette-body .nav > li > a {
	color: #9f3848;
}
.t4-palette-body .nav > li > a:hover,
.t4-palette-body .nav > li > a:focus,
.t4-palette-body .nav > li > a:active {
	color: #6f2333;
}
.layout-home .t4-sticky.t4-palette-body {
	background-color: transparent;
}
.not-at-top .t4-sticky.t4-palette-body {
	background-color: rgba(0, 0, 0, 0);
}

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

/* Section: Header */

#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: 0.5;
}

/* Section: Topbar */

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

/* Section: Main Top */

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

/* Section: Main Body */

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

/* Section: Activity */

#t4-activity .bg-overlay-image {
	background-image: url(/images/banners/dot-world2.png#joomlaImage://local-images/banners/dot-world2.png?width=1280&height=625);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	background-attachment: fixed;
}

/* Section: Main Bottom */

#t4-main-bottom .bg-overlay {
	opacity: 0.1;
}
#t4-main-bottom .bg-overlay-image {
	background-image: url(/images/banners/music-note-wave-medium.png#joomlaImage://local-images/banners/music-note-wave-medium.png?width=2425&height=1940);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	background-attachment: fixed;
}

/* Section: Footnav */

#t4-footnav .bg-overlay {
	opacity: 0.5;
}
#t4-footnav .bg-overlay-image {
	background-image: url(/images/banners/notes/note_banner_4.jpg#joomlaImage://local-images/banners/notes/note_banner_4.jpg?width=1280&height=720);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 100%;
	background-attachment: fixed;
}

/* Section: Footer */

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

/* Section: Loading */

#t4-loading .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: #385366;
  --secondary: #6f2333;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #dfae45;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #111111;
}
/* for megamenu animation duration */
.t4-megamenu.animate .dropdown.animating > .dropdown-menu {
  -webkit-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  transition-duration: 400ms; 
}
body {
  background-color: #ffffff;
  color: #888888;
  font-style: inherit;
  letter-spacing: normal; 
}
.t4-content {
  background-color: rgba(255, 255, 255, 0); 
}
h1, h2, h3, h4, h5, h6 {
  font-family: louis_george_cafebold;
  font-style: inherit;
  line-height: 1.4;
  letter-spacing: normal; 
}
h1, .h1 {
  font-size: 2rem; 
}
h2, .h2 {
  font-size: 1.75rem; 
}
h3, .h3 {
  font-size: 1.5rem; 
}
h4, .h4 {
  font-size: 1.2rem; 
}
h5, .h5 {
  font-size: 20px; 
}
h6, .h6 {
  font-size: 16px; 
}
/* COLORS
--------------------------------------- */
/* Backgrounds Colors */
.bg-primary {
  background-color: #385366 !important; 
}
.bg-secondary {
  background-color: #6f2333 !important; 
}
.bg-success {
  background-color: #28a745 !important; 
}
.bg-info {
  background-color: #17a2b8 !important; 
}
.bg-warning {
  background-color: #dfae45 !important; 
}
.bg-danger {
  background-color: #dc3545 !important; 
}
.bg-light {
  background-color: #f8f9fa !important; 
}
.bg-dark {
  background-color: #111111 !important; 
}
/* Buttons Colors */
.btn.btn-primary {
  background-color: #385366 !important;
  border-color: #385366 !important; 
}
.btn.btn-primary:hover {
  opacity: 0.85; 
}
.btn.btn-secondary {
  background-color: #6f2333 !important;
  border-color: #6f2333 !important; 
}
.btn.btn-secondary:hover {
  opacity: 0.85; 
}
.btn.btn-success {
  background-color: #28a745 !important;
  border-color: #28a745 !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: #dfae45 !important;
  border-color: #dfae45 !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: #111111 !important;
  border-color: #111111 !important; 
}
.btn.btn-dark:hover {
  opacity: 0.85; 
}
/* Text Colors */
.text-primary {
  color: #385366 !important; 
}
.text-secondary {
  color: #6f2333 !important; 
}
.text-success {
  color: #28a745 !important; 
}
.text-info {
  color: #17a2b8 !important; 
}
.text-warning {
  color: #dfae45 !important; 
}
.text-danger {
  color: #dc3545 !important; 
}
.text-light {
  color: #f8f9fa !important; 
}
.text-dark {
  color: #111111 !important; 
}
/* Badage Colors */
.badge-primary {
  background-color: #385366; 
}
.badge-secondary {
  background-color: #6f2333; 
}
.badge-success {
  background-color: #28a745; 
}
.badge-info {
  background-color: #17a2b8; 
}
.badge-warning {
  background-color: #dfae45; 
}
.badge-danger {
  background-color: #dc3545; 
}
.badge-light {
  background-color: #f8f9fa; 
}
.badge-dark {
  background-color: #111111; 
}
/* 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: #385366;
  border-color: #385366; 
}
.t4-section.t4-pattern-primary {
  background: #385366; 
}
  .t4-section.t4-pattern-primary .bg-overlay-image::after {
    background: #385366; 
}
.acm-hero .btn.html5lightbox.primary,
.acm-hero .btn.html5link.primary {
  background: #385366; 
}
.t4-megamenu .dropdown-menu ul > li a.nav-link:hover,
.t4-megamenu .dropdown-menu ul > li a.dropdown-item:hover {
  color: #6f2333; 
}
.t4-megamenu .dropdown-menu ul > .active a.nav-link,
.t4-megamenu .dropdown-menu ul > .active a.dropdown-item {
  color: #6f2333; 
}
.t4-megamenu .dropdown-menu .mega-nav > li a.nav-link:hover,
.t4-megamenu .dropdown-menu .mega-nav > li a.dropdown-item:hover {
  color: #6f2333; 
}
.t4-megamenu .dropdown-menu .mega-nav > .active a.nav-link,
.t4-megamenu .dropdown-menu .mega-nav > .active a.dropdown-item {
  color: #6f2333; 
}
.module-title {
  color: #6f2333; 
}
#t4-section-7 .t4-section-module .module-title {
  color: #6f2333; 
}