@charset "UTF-8";

:root {
  --body: #fff;
  --text: #555;
  --headers: #060606;
  --primary: #ba243d;
  --primary-transparent: rgba(166, 46, 46, .9);
  --primary-text: #555;
  --primary-hover: #333;
  --secondary: #333;
  --secondary-text: #fff;
  --btn-shadow: rgba(166, 46, 46, 0.25);
  --borders: #d4d4d4;
  --borders-light: #f6f6f6;
  --borders-dark: #bbb;
  --borders-on-dark: #fff;
  --nav-bg: rgba(255, 255, 255, 0.9);
  --nav-bg-scrolled: rgba(255, 255, 255, 0.9);
  --nav-text: #444;
  --nav-active: #ba243d;
  --dropdown-borders: #e1e1e1;
  --dropdown-color: #333;
  --dropdown-background: #fff;
  --dropdown-color-hover: #333;
  --dropdown-background-hover: #f6f6f6;
  --footer: #111;
  --footer-text: #fff;
  --footer-headers: #fff;
  --footer-links: #eee;
  --footer-links-hover: #a62e2e;
  --footer-links-borders: #fff;
  --bottom-bar: #f6df6b;
  --bottom-text: #424242;
  --bottom-links: #687074;
  --bottom-links-hover: #fff;
}

/*==============================
=            Colors            =
==============================*/

a {
  color: #ba243d
}

.falcon .progress, body {
  background-color: var(--body);
}

.portfolio-content .portfolio-shuffle li a, .falcon .showcase--content h1,
.falcon .showcase--content .h1,
.falcon .showcase--content h2,
.falcon .showcase--content .h2,
.falcon .showcase--content h3,
.falcon .showcase--content .h3,
.falcon .showcase--content h4,
.falcon .showcase--content .h4,
.falcon .showcase--content h5,
.falcon .showcase--content .h5,
.falcon .showcase--content h6,
.falcon .showcase--content .h6, .falcon .showcase--content, .falcon [class*=bg-topaz] .form-group label, body {
  color: var(--text);
}

h6,
.h6, h5,
.h5, h4,
.h4, h3,
.h3, h2,
.h2, h1,
.h1, [class*=colored-boxed] .box-header, .form-group label {
  color: var(--text);
}

.portfolio-content .portfolio-shuffle li a.active, .portfolio-content .portfolio-shuffle li a:hover, .portfolio-content .portfolio-shuffle li a:focus, .falcon .table, .typed-cursor, p.dropcap::first-letter, .colored-text, [class*=colored-boxed][class*=primary] .box-icon, .error-digit, .contact a:hover, .testimonials p, .testimonials h4 i, .input-group .input-group-text span, a:hover, a:focus {
  color: var(--primary);
}

.progress-bar, .falcon .nav-tabs .nav-item .nav-link.active, .falcon .nav-tabs .nav-item .nav-link:hover, .falcon .nav-tabs .nav-item .nav-link:focus, .falcon .card .card-body, .falcon .header .navbar-default .dropdown-menu > .nav-item > .nav-link:hover, .falcon .header .navbar-default .dropdown-menu > .nav-item > .nav-link:focus, .falcon .home-nav .navbar-toggler, .falcon .home-nav .navbar-default .navbar-nav > .nav-item > .nav-link, .falcon :not([class]) > a:not([class]):hover, .falcon :not([class]) > a:not([class]):focus, .falcon, .tabs .nav-tabs .nav-item .nav-link.active::before, .btn-template-reverse:hover, .btn-template-reverse:focus, .btn-template-reverse:active, .btn-template, .slick-dots li.slick-active button, .bg-topaz--primary {
  background-color: var(--primary);
}

.portfolio-content .portfolio-item:hover .topaz-item::after, .portfolio-content .portfolio-item:focus .topaz-item::after, .showcase.showcase--figure .showcase--caption {
  background-color: var(--primary-transparent);
}

.portfolio-content .portfolio-item:hover .topaz-item .captions p, .portfolio-content .portfolio-item:focus .topaz-item .captions p, .portfolio-content .portfolio-item:hover .topaz-item .captions, .portfolio-content .portfolio-item:focus .topaz-item .captions, .falcon .nav-tabs .nav-item .nav-link.active, .falcon .nav-tabs .nav-item .nav-link:hover, .falcon .nav-tabs .nav-item .nav-link:focus, .falcon .promo-tiles [class*=colored-box] p, .falcon .promo-tiles [class*=colored-box] .box-header, .falcon .header .navbar-default .dropdown-menu > .nav-item > .nav-link:hover, .falcon .header .navbar-default .dropdown-menu > .nav-item > .nav-link:focus, .falcon .home-nav .navbar-default .navbar-nav > .nav-item > .nav-link, .falcon .btn-outline-template, .falcon .form-group label, .falcon :not([class]) > a:not([class]):hover, .falcon :not([class]) > a:not([class]):focus, .falcon h1,
.falcon .h1,
.falcon h2,
.falcon .h2,
.falcon h3,
.falcon .h3,
.falcon h4,
.falcon .h4,
.falcon h5,
.falcon .h5,
.falcon h6,
.falcon .h6, .falcon, .btn-template-reverse:hover, .btn-template-reverse:focus, .btn-template-reverse:active, .btn-template, .showcase.showcase--figure .showcase--caption, .bg-topaz--primary {
  color: var(--primary-text);
}

.slick-arrow:hover, .slick-arrow:focus, .form-group .form-control:not(.btn):focus {
  outline-color: var(--primary);
}

.portfolio-content .portfolio-shuffle li a.active, .portfolio-content .portfolio-shuffle li a:hover, .portfolio-content .portfolio-shuffle li a:focus, .accordion .card .card-header:hover, .accordion .card .card-header:focus-within, .btn-outline-template, .btn-template-reverse:hover, .btn-template-reverse:focus, .btn-template-reverse:active, .btn-template, .navbar .navbar-toggler:hover, .navbar .navbar-toggler:focus, .static-wrap h3, .input-group:focus-within .input-group-text, .input-group:focus-within .form-control {
  border-color: var(--primary);
}

.falcon .table th, .tabs .nav-tabs .nav-item .nav-link:hover::before, .tabs .nav-tabs .nav-item .nav-link:focus::before, .tabs .nav-tabs .nav-item .nav-link, [class*=colored-boxed][class*=secondary] .box-icon, .team-wrap span, .breadcrumb-wrap h4, .contact a, .work-desc span, .contact-info li a, .form-contact form label, a {
  color: var(--secondary);
}

.falcon .nav-tabs .nav-item .nav-link, .falcon .card .card-header .btn-link:hover, .falcon .card .card-header .btn-link:focus, .falcon .card .card-header .btn-link, .falcon .portfolio-content .portfolio-shuffle li a:hover, .falcon .portfolio-content .portfolio-shuffle li a:focus, .falcon .portfolio-content .portfolio-shuffle li a:active, .falcon .portfolio-content .portfolio-shuffle li a.active, .falcon .portfolio-content .portfolio-shuffle li a, .falcon .header .navbar-default .dropdown-menu > .nav-item > .nav-link, .falcon .header .navbar-default .dropdown-menu, .falcon .home-nav .navbar-default .navbar-nav > .nav-item > .nav-link:hover, .falcon .home-nav .navbar-default .navbar-nav > .nav-item > .nav-link:focus, .falcon .page-header, .falcon :not([class]) > a:not([class]), .btn-outline-template:hover, .btn-outline-template:focus, .btn-outline-template:active, .btn-template-reverse, .btn-template:hover, .btn-template:focus, .btn-template:active, .bg-topaz--secondary {
  color: var(--secondary-text);
}

.falcon .table th, .falcon .nav-tabs .nav-item .nav-link.active::before, .falcon .nav-tabs .nav-item .nav-link:hover::before, .falcon .nav-tabs .nav-item .nav-link:focus::before, .falcon .nav-tabs .nav-item .nav-link, .falcon .card .card-header, .falcon .portfolio-content .portfolio-shuffle li a, .falcon .header .navbar-default .dropdown-menu, .falcon .home-nav .navbar-default .navbar-nav > .nav-item > .nav-link:hover, .falcon .home-nav .navbar-default .navbar-nav > .nav-item > .nav-link:focus, .falcon .progress .progress-bar, .falcon code, .falcon .page-header, .falcon :not([class]) > a:not([class]), .btn-outline-template:hover, .btn-outline-template:focus, .btn-outline-template:active, .btn-template-reverse, .btn-template:hover, .btn-template:focus, .btn-template:active, .bg-topaz--secondary {
  background-color: var(--secondary);
}

.falcon .btn-outline-template, .falcon .btn-template-reverse:hover, .falcon .btn-template-reverse:focus, .falcon .btn-template, .btn-outline-template:hover, .btn-outline-template:focus, .btn-outline-template:active, .btn-template-reverse, .btn-template:hover, .btn-template:focus, .btn-template:active {
  border-color: var(--secondary);
}

.btn:focus {
  box-shadow: 0 0 0 0.2rem var(--btn-shadow);
}

.portfolio-content .portfolio-shuffle li a, .tabs .tab-content, .tabs .nav-tabs .nav-item .nav-link, [class*=list-topaz][class*="--underline"] li, .accordion .card, [class*=text][class*=center] .lined-heading::before, [class*=text][class*=left] .lined-heading::before, .lined-heading[class*=text][class*=center]::before, .lined-heading[class*=text][class*=left]::before, .lined-heading::after, .page-header:not([class*=type]) .header, .page-header:not([class*=type]) .container,
.page-header:not([class*=type]) .container-fluid, .page-header, .navbar .navbar-collapse, .navbar .navbar-toggler, .team-wrap, input[type=submit], input[type=color], input[type=tel], input[type=search], input[type=url], input[type=email], input[type=number], input[type=week], input[type=time], input[type=month], input[type=datetime-local], input[type=datetime], input[type=password], input[type=text], .reg-form textarea:focus, .reg-form textarea, .reg-form input:focus, .reg-form input, .reg-form select:focus, .reg-form select, .input-group .input-group-text, .input-group .form-control {
  border-color: var(--borders);
}

.tabs .nav-tabs .nav-item .nav-link::before {
  background-color: var(--borders);
}


.page-header.type-2, input[type=submit]:focus, input[type=color]:focus, input[type=tel]:focus, input[type=search]:focus, input[type=url]:focus, input[type=email]:focus, input[type=number]:focus, input[type=week]:focus, input[type=time]:focus, input[type=month]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=password]:focus, input[type=text]:focus, input[type=submit], input[type=color], input[type=tel], input[type=search], input[type=url], input[type=email], input[type=number], input[type=week], input[type=time], input[type=month], input[type=datetime-local], input[type=datetime], input[type=password], input[type=text], .reg-form textarea:focus, .reg-form textarea, .reg-form input:focus, .reg-form input, .reg-form select:focus, .input-group .input-group-text, .input-group .form-control, .form-group .form-control:not(.btn):focus {
  --borders:var(--borders-dark);
}

.top-bar .top-bar-links > li .top-bar-link {
  color: #bbb;
}

.top-bar .top-bar-links > li .top-bar-link:hover, .top-bar .top-bar-links > li .top-bar-link:focus {
  color: #fff;
}

.top-bar, .london.main .top-bar {
  background-color: rgba(0, 0, 0, 0.7);
}

.social.transparent a {
  color: #bbb;
}

.navbar-default .navbar-nav > .nav-item.active > .nav-link, .navbar-default .navbar-nav > .nav-item > .nav-link:hover, .navbar-default .navbar-nav > .nav-item > .nav-link:focus {
  color: var(--nav-active);
}

.navbar-default .navbar-collapse {
  background-color: var(--nav-bg);
}


.navbar-default {
  background-color: var(--nav-bg);
}

.header.header-sticky.sticky > .navbar {
  background-color: var(--nav-bg-scrolled);
}

.navbar-default .navbar-nav > .nav-item > .nav-link {
  color: var(--nav-text);
}

.navbar .dropdown-menu .nav-item > .nav-link, .navbar .dropdown-menu {
  border-color: var(--dropdown-borders);
}

.navbar-default.navbar-expand-xs .dropdown-menu {
  background-color: var(--dropdown-background);
}
.navbar-default.navbar-expand-xs .dropdown-menu .nav-item > .nav-link:hover, .navbar-default.navbar-expand-xs .dropdown-menu .nav-item > .nav-link:focus {
  --dropdown-background:var(--dropdown-background-hover);
  background-color: var(--dropdown-background-hover);
}
@media (min-width: 576px) {
  .navbar-default.navbar-expand-sm .dropdown-menu {
    background-color: var(--dropdown-background);
  }
  .navbar-default.navbar-expand-sm .dropdown-menu .nav-item > .nav-link:hover, .navbar-default.navbar-expand-sm .dropdown-menu .nav-item > .nav-link:focus {
    --dropdown-background:var(--dropdown-background-hover);
    background-color: var(--dropdown-background-hover);
  }
}
@media (min-width: 768px) {
  .navbar-default.navbar-expand-md .dropdown-menu {
    background-color: var(--dropdown-background);
  }
  .navbar-default.navbar-expand-md .dropdown-menu .nav-item > .nav-link:hover, .navbar-default.navbar-expand-md .dropdown-menu .nav-item > .nav-link:focus {
    --dropdown-background:var(--dropdown-background-hover);
    background-color: var(--dropdown-background-hover);
  }
}
@media (min-width: 992px) {
  .navbar-default.navbar-expand-lg .dropdown-menu {
    background-color: var(--dropdown-background);
  }
  .navbar-default.navbar-expand-lg .dropdown-menu .nav-item > .nav-link:hover, .navbar-default.navbar-expand-lg .dropdown-menu .nav-item > .nav-link:focus {
    --dropdown-background:var(--dropdown-background-hover);
    background-color: var(--dropdown-background-hover);
  }
}
@media (min-width: 1200px) {
  .navbar-default.navbar-expand-xl .dropdown-menu {
    background-color: var(--dropdown-background);
  }
  .navbar-default.navbar-expand-xl .dropdown-menu .nav-item > .nav-link:hover, .navbar-default.navbar-expand-xl .dropdown-menu .nav-item > .nav-link:focus {
    --dropdown-background:var(--dropdown-background-hover);
    background-color: var(--dropdown-background-hover);
  }
}

#footer {
  background-color: var(--footer);
  color: var(--footer-text);
}

#footer [class*=list-topaz], .footer-col a:hover, .footer-col a:focus, .footer-col a {
  color: var(--footer-text);
}

.footer-col .footer-header {
  color: var(--footer-headers);
}

[class*=list-topaz][class*="--links"] > li > a {
  color: var(--footer-links);
}

[class*=list-topaz][class*="--links"] > li > a:hover, [class*=list-topaz][class*="--links"] > li > a:focus, .footer-col a:hover, .footer-col a:focus {
  --footer-links:var(--footer-links-hover);
}

.footer-col .footer-header::first-letter {
  border-color: var(--footer-borders);
}

.footer-btm {
  background-color: var(--bottom-bar);
}

.footer-btm {
  color: var(--bottom-text);
}

.footer-btm a {
  color: var(--bottom-links);
}

.footer-btm a:hover, .footer-btm a:focus {
  --bottom-links:var(--bottom-links-hover);
}