:root{
--color-primary:#ff5e14;
--color-secondary:#001659;
--color-success:#28a745;
--color-info:#17a2b8;
--color-warning:#ffc107;
--color-danger:#dc3545;
--color-light:#f8f9fa;
--color-dark:#212529;
--color-white:#ffffff;
--color-black:#000000;
--body-bg-color:#ffffff;
--body-text-color:#343434;
--body-link-color:#ff5e14;
--body-link-hover-color:#db5e04;
--gray_bg:#fff;
--hightlight_bg:#1a61ab;
--heading_color:#001659;
}
/* Pattern: Mainnav */

/*PATTERN*/
.t4-palette-mainnav {
	color: #ffffff;
}
.t4-palette-mainnav  .module-title {
	color: #ffffff;
}
.t4-palette-mainnav {
	color: #ffffff;
}
.t4-palette-mainnav a {
	color: #ffffff;
}
.t4-palette-mainnav a:not(.btn):hover,
.t4-palette-mainnav a:not(.btn):focus,
.t4-palette-mainnav a:not(.btn):active {
	color: #ff5e14;
}
.t4-palette-primary .section-title span {
	color: #ffffff;
}
/*Pattern nav*/
.t4-palette-mainnav .navbar-nav > li > a {
	color: #ffffff!important;
}
.t4-palette-mainnav .navbar-nav > li.active > a,
.t4-palette-mainnav .navbar-nav > li.show > a,
.t4-palette-mainnav .navbar-nav > li > a:hover,
.t4-palette-mainnav .navbar-nav > li > a:focus,
.t4-palette-mainnav .navbar-nav > li > a:active {
	color: #ff5e14!important;
}
.t4-palette-mainnav .navbar-nav > li > a .item-caret::before {
	border-top-color: #ffffff!important;
}
.t4-palette-mainnav .navbar-nav > li.active > a .item-caret::before,
.t4-palette-mainnav .navbar-nav > li.show > a .item-caret::before,
.t4-palette-mainnav .navbar-nav > li > a:hover .item-caret::before,
.t4-palette-mainnav .navbar-nav > li > a:focus .item-caret::before,
.t4-palette-mainnav .navbar-nav > li > a:active .item-caret::before {
	border-top-color: #ff5e14!important;
}
/*PATTERN*/

/* Pattern: Dark */
.t4-palette-dark .bg-pattern {
	background-color: #001659;
}
/*PATTERN*/
.t4-palette-dark {
	background-color: #001659;
	color: #ffffff;
}
.t4-palette-dark  .module-title {
	color: #ffffff;
}
.t4-palette-dark {
	color: #ffffff;
}
.t4-palette-dark a {
	color: #ffffff;
}
.t4-palette-dark a:not(.btn):hover,
.t4-palette-dark a:not(.btn):focus,
.t4-palette-dark a:not(.btn):active {
	color: #ff5e14;
}
.t4-palette-primary .section-title span {
	color: #ffffff;
}
/*Pattern nav*/
.t4-palette-dark .navbar-nav > li > a {
	color: #ffffff!important;
}
.t4-palette-dark .navbar-nav > li.active > a,
.t4-palette-dark .navbar-nav > li.show > a,
.t4-palette-dark .navbar-nav > li > a:hover,
.t4-palette-dark .navbar-nav > li > a:focus,
.t4-palette-dark .navbar-nav > li > a:active {
	color: #ff5e14!important;
}
.t4-palette-dark .navbar-nav > li > a .item-caret::before {
	border-top-color: #ffffff!important;
}
.t4-palette-dark .navbar-nav > li.active > a .item-caret::before,
.t4-palette-dark .navbar-nav > li.show > a .item-caret::before,
.t4-palette-dark .navbar-nav > li > a:hover .item-caret::before,
.t4-palette-dark .navbar-nav > li > a:focus .item-caret::before,
.t4-palette-dark .navbar-nav > li > a:active .item-caret::before {
	border-top-color: #ff5e14!important;
}
/*PATTERN*/

/* Pattern: Primary */
.t4-palette-primary .bg-pattern {
	background-color: #ff5e14;
}
/*PATTERN*/
.t4-palette-primary {
	background-color: #ff5e14;
	color: #ffffff;
}
.t4-palette-primary  .module-title {
	color: #ffffff;
}
.t4-palette-primary {
	color: #ffffff;
}
.t4-palette-primary a {
	color: #ffffff;
}
.t4-palette-primary a:not(.btn):hover,
.t4-palette-primary a:not(.btn):focus,
.t4-palette-primary a:not(.btn):active {
	color: #001659;
}
.t4-palette-primary .section-title span {
	color: #ffffff;
}
/*Pattern nav*/
.t4-palette-primary .navbar-nav > li > a {
	color: #ffffff!important;
}
.t4-palette-primary .navbar-nav > li.active > a,
.t4-palette-primary .navbar-nav > li.show > a,
.t4-palette-primary .navbar-nav > li > a:hover,
.t4-palette-primary .navbar-nav > li > a:focus,
.t4-palette-primary .navbar-nav > li > a:active {
	color: #001659!important;
}
.t4-palette-primary .navbar-nav > li > a .item-caret::before {
	border-top-color: #ffffff!important;
}
.t4-palette-primary .navbar-nav > li.active > a .item-caret::before,
.t4-palette-primary .navbar-nav > li.show > a .item-caret::before,
.t4-palette-primary .navbar-nav > li > a:hover .item-caret::before,
.t4-palette-primary .navbar-nav > li > a:focus .item-caret::before,
.t4-palette-primary .navbar-nav > li > a:active .item-caret::before {
	border-top-color: #001659!important;
}
/*PATTERN*/

/* Section: topbar */

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

/* Section: Headerr */

#t4-headerr .bg-overlay {
	opacity: 0.5;
}
#t4-headerr .bg-overlay-image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	background-attachment: fixed;
}

/* Section: sideshow */

#t4-sideshow .bg-overlay {
	opacity: 0.5;
}
#t4-sideshow .bg-overlay-image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 100%;
	background-attachment: fixed;
}

/* Section: section-1 */

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

/* Section: section-2 */

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

/* Section: section-3 */

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

/* Section: section-4 */

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

/* Section: section-5 */

#t4-section-5 .bg-overlay {
	opacity: 0.5;
}
#t4-section-5 .bg-overlay-image {
	background-image: url(/images/demo/misc/wm-bg.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

/* Section: section-6 */

#t4-section-6 .bg-overlay {
	opacity: 0.05;
}
#t4-section-6 .bg-overlay-image {
	background-image: url(/images/joomlart/others/bg-features.png);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: 50% 50%;
	background-attachment: fixed;
}

/* Section: section-7 */

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

/* Section: section-8 */

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

/* Section: section-9 */

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

/* Section: section-10 */

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

/* Section: footer */

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

/* Section: copyright */

#t4-copyright .bg-overlay {
	opacity: 0.5;
}
/**
 *------------------------------------------------------------------------------
 * @package       T4_Blank - Free Template for Joomla!
 *------------------------------------------------------------------------------
 * @copyright     Copyright (C) 2004-2019 JoomlArt.com. All Rights Reserved.
 * @license       GNU General Public License version 2 or later; see LICENSE.txt
 * @authors       JoomlArt
 *------------------------------------------------------------------------------
**/
:root {
  --body-font-family: Work Sans;
  --body-font-size: 14px;
  --body-font-weight: 400;
  --body-font-style: normal;
  --body-line-height: 1.7143;
  --body-letter-spacing: 0px;
  --myColor: #c00;
  --t4-font-family: Work Sans;
  --t4-font-size: 14px;
  --t4-font-weight: 400;
  --t4-font-style: normal;
  --t4-line-height: 1.7143;
  --t4-letter-spacing: 0px;
  --heading-font-family: Butler;
  --heading-font-style: inherit;
  --heading-line-height: 1.4;
  --heading-letter-spacing: 0px;
  --h1-font-size: 70px;
  --h2-font-size: 40px;
  --h3-font-size: 28px;
  --h4-font-size: 24px;
  --h5-font-size: 18px;
  --h6-font-size: 14px;
}
/* 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: left top;
  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);
}
/* COLORS
--------------------------------------- */
/* Backgrounds Colors */
.bg-primary {
  background-color: var(--color-primary)!important;
}
.bg-secondary {
  background-color: var(--color-secondary)!important;
}
.bg-success {
  background-color: var(--color-success)!important;
}
.bg-info {
  background-color: var(--color-info)!important;
}
.bg-warning {
  background-color: var(--color-warning)!important;
}
.bg-danger {
  background-color: var(--color-danger)!important;
}
.bg-light {
  background-color: var(--color-light)!important;
}
.bg-dark {
  background-color: var(--color-dark)!important;
}
.bg-white {
  background-color: var(--color-white)!important;
}
.bg-black {
  background-color: var(--color-black)!important;
}
/* 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: color-contrast(#2196F3);
}
.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: color-contrast(#6F6F6F);
}
.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: color-contrast(#4CAF50);
}
.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: color-contrast(#00BCD4);
}
.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: color-contrast(#FDD835);
}
.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: color-contrast(#F44336);
}
.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: color-contrast(#EEF2FB);
}
.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: color-contrast(#343434);
}
.btn.btn-white {
  background-color: var(--color-white);
  border-color: var(--color-white);
}
.btn.btn-white:hover {
  opacity: 0.85;
}
.btn.btn-outline-white {
  border-color: var(--color-white);
  color: var(--color-white);
}
.btn.btn-outline-white:hover {
  background-color: var(--color-white);
  color: color-contrast(#fff);
}
.btn.btn-black {
  background-color: var(--color-black);
  border-color: var(--color-black);
}
.btn.btn-black:hover {
  opacity: 0.85;
}
.btn.btn-outline-black {
  border-color: var(--color-black);
  color: var(--color-black);
}
.btn.btn-outline-black:hover {
  background-color: var(--color-black);
  color: color-contrast(#000);
}
/* 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;
}
.text-white {
  color: var(--color-white) !important;
}
.text-black {
  color: var(--color-black) !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);
}
.badge-white {
  background-color: var(--color-white);
}
.badge-black {
  background-color: var(--color-black);
}
.font-heading-family {
  font-family: Butler;
}
.font-body-family {
  font-family: Work Sans;
}
.heading-color {
  color: var(--heading_color);
}
.text-color {
  color: var(--body-text-color);
}
.heading-link,
.view-portfolio .readmore a,
.acm-slideshow div.owl-carousel .owl-nav button:not(.disabled) {
  color: var(--heading_color);
}
.heading-link:hover, .heading-link:focus, .heading-link:active,
.view-portfolio .readmore a:hover,
.view-portfolio .readmore a:focus,
.view-portfolio .readmore a:active,
.acm-slideshow div.owl-carousel .owl-nav button:not(.disabled):hover,
.acm-slideshow div.owl-carousel .owl-nav button:not(.disabled):focus,
.acm-slideshow div.owl-carousel .owl-nav button:not(.disabled):active {
  color: #ff5e14;
}
.link-gray span,
.categories-portfolio li.active a,
.extra-menu:before,
.navbar-brand.logo-text .site-name,
.navbar-brand.logo-text .site-slogan {
  color: #ff5e14;
}
a.bg-primary:hover, a.bg-primary:focus, a.bg-primary:active {
  background: #0056b3 !important;
  color: #fff;
}
.dropdown-menu li.show > a,
.dropdown-menu li.show > span, .dropdown-menu li.active > a,
.dropdown-menu li.active > span {
  color: #ff5e14 !important;
}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-menu li > a:active,
.dropdown-menu li > span:hover,
.dropdown-menu li > span:focus,
.dropdown-menu li > span:active {
  color: #ff5e14 !important;
}
div.play-icon a:before {
  border-color: #ff5e14;
}
.acm-features.style-2 .features-item:before,
.mod-latest-slide .item-inner .desc-article:before,
.t4-wrapper div.owl-carousel .owl-nav > button:hover,
.typo-1:before,
.typo-2:before,
.typo-3:before,
.typo-4:before {
  background: #ff5e14 !important;
}
.bg-primary-hover {
  background: #ff5e14 !important;
  color: #fff !important;
}
.bg-primary-hover:hover, .bg-primary-hover:focus, .bg-primary-hover:active {
  background: var(--heading_color) !important;
}
.acm-features.style-5 .sub-heading h5 {
  font-family: Work Sans;
}
.acm-features.style-5 .content-right .ps-right {
  background: #001659;
}
.acm-features.style-5 .content-right .ps-right .sub-heading h5 {
  color: #ff5e14;
}
.acm-features.style-5 .content-left .ps-left {
  background: #ff5e14;
}
.acm-features.style-5 .content-left .ps-left .btn {
  background: #001659 !important;
}
.acm-pricing.style-1 .content-inner .col-header .title h5 {
  color: #001659;
  font-family: Work Sans;
}
.acm-pricing.style-1 .content-inner .col-header .price-sale h2 {
  color: #ff5e14;
}
.acm-pricing.style-1 .content-inner .btn.second {
  background: #001659 !important;
  border-color: #001659 !important;
}
.mod-list-category .item:after {
  background: #ff5e14;
}
.mod-list-category .item .ct-ele.title {
  margin-top: 8px;
  margin-bottom: 36px;
}
.mod-list-category .item .ct-ele.title a:hover {
  color: #ff5e14 !important;
}
.registration legend,
.profile-edit legend,
.profile legend {
  color: #001659;
  font-family: Butler;
}
.search .btn-toolbar .btn-group button {
  background: #ff5e14;
}
.search legend,
.search .searchintro {
  font-family: Butler;
}
.search .search-results .result-title a:hover,
.search #search-results .result-title a:hover {
  color: #ff5e14;
}
.com-finder h4.result-title a:hover {
  color: #ff5e14 !important;
}
.other-links ul li a:hover {
  color: #ff5e14;
}
.pagination .page-item.active a,
.pagination .page-item.active > span {
  background: #ff5e14;
}
.blog .item-content:before,
.blog-featured .item-content:before,
.view-portfolio .item-content:before {
  background: #ff5e14;
}
.blog .item-content h2 a,
.blog-featured .item-content h2 a,
.view-portfolio .item-content h2 a {
  color: #001659 !important;
}
.blog .item-content h2 a:hover,
.blog-featured .item-content h2 a:hover,
.view-portfolio .item-content h2 a:hover {
  color: #ff5e14 !important;
}
.readmore .heading-link,
.readmore a {
  color: #ff5e14;
}
.readmore .heading-link:hover, .readmore .heading-link:active, .readmore .heading-link:focus,
.readmore a:hover,
.readmore a:active,
.readmore a:focus {
  opacity: 0.75;
}
.t4-masthead .ja-masthead:before {
  background: #001659;
}
.view-article .ja-masthead:before {
  background: #001659;
}
.contact .contact-address .fa, .contact .contact-address dt {
  color: #ff5e14;
}
.contact .contact-articles ul li a:hover {
  color: #ff5e14;
}
blockquote {
  font-family: Butler;
}
.items-more .nav-tabs a:hover {
  color: #ff5e14 !important;
}
.item-page .page-header + .txt-intro {
  font-family: Butler;
}
.item-page .sharing-content .txt-share {
  color: #ff5e14;
}
.article-index ul li.active a {
  color: #ff5e14;
}
ul.latestnews > li a:hover {
  color: #ff5e14;
}
.categories-module > li a:hover, .categories-module > li a:focus, .categories-module > li a:active {
  color: #ff5e14;
}
.content-service .content-sidebar .box-content .ele-ct .txt-icon {
  color: #ff5e14;
}
.content-service .content-info .list-services .group-download .item a span {
  color: #ff5e14;
}
.content-service .content-info .list-services .list-info .ele-ct:before {
  background-color: #ff5e14;
}