:root {
    --brand-black: #060606;
    --brand-black-soft: #121212;
    --brand-gold: #f2c200;
    --brand-gold-deep: #cfa015;
    --brand-cream: #fff9e8;
}

.header-top,
.features-w3,
.whychoose-w3ls,
.count-agileits,
.copy-section {
    background: linear-gradient(135deg, var(--brand-black) 0%, var(--brand-black-soft) 100%) !important;
    border-top: 1px dashed rgba(242, 194, 0, 0.45) !important;
    border-bottom: 1px dashed rgba(242, 194, 0, 0.45) !important;
}

.footer-w3l,
.services-one,
.left-grid p,
.menu--francisco .menu__link::before {
    background: linear-gradient(135deg, var(--brand-gold) 0%, var(--brand-gold-deep) 100%) !important;
}

.hvr-rectangle-out:before {
    background: linear-gradient(135deg, var(--brand-black) 0%, var(--brand-black-soft) 100%) !important;
}

.services-one.hvr-rectangle-out:hover,
.services-one.hvr-rectangle-out:focus,
.services-one.hvr-rectangle-out:active {
    background: linear-gradient(135deg, var(--brand-black) 0%, var(--brand-black-soft) 100%) !important;
}

.services-one.hvr-rectangle-out:hover:before,
.services-one.hvr-rectangle-out:focus:before,
.services-one.hvr-rectangle-out:active:before {
    background: linear-gradient(135deg, var(--brand-black) 0%, var(--brand-black-soft) 100%) !important;
}

.hvr-rectangle-out:hover,
.hvr-rectangle-out:focus,
.hvr-rectangle-out:active {
    color: #fff !important;
}

.services-one.hvr-rectangle-out:hover .services-info h4,
.services-one.hvr-rectangle-out:focus .services-info h4,
.services-one.hvr-rectangle-out:active .services-info h4 {
    color: var(--brand-gold) !important;
}

.services-one.hvr-rectangle-out:hover .services-info p,
.services-one.hvr-rectangle-out:focus .services-info p,
.services-one.hvr-rectangle-out:active .services-info p {
    color: #fff !important;
}

.logo h1 a,
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.menu--francisco .menu__item--current .menu__link,
.menu--francisco .menu__link:hover,
.menu--francisco .menu__link:focus,
h2.tittle,
h3.tittle1,
h3.tittle2,
.wel-grid h4,
.what-grid h4,
.about-grid1 h4,
.teams-grid1 h4,
.team-right h5,
.advantages-grid h4,
.gal-desc h4 {
    color: var(--brand-gold) !important;
}

.banner1 h3 span,
.about-grid1 h4,
.wel-grid h4,
.what-grid h4,
.advantages-grid h4,
.teams-grid1 h4,
.team-right h5 {
    color: var(--brand-gold-deep) !important;
}

.search input[type="text"],
.lang-switch,
.language-selector {
    border-color: var(--brand-gold) !important;
}

.search input[type="text"] {
    color: #3d3d3d !important;
    background: #fff !important;
}

.search button[type="submit"] {
    border-color: var(--brand-gold-deep) !important;
    background: var(--brand-black) !important;
    color: var(--brand-gold) !important;
}

.search button[type="submit"]:hover {
    border-color: var(--brand-gold-deep) !important;
    background: var(--brand-gold-deep) !important;
    color: #111 !important;
}

.social-icons--brands a {
    background: var(--brand-black) !important;
}

.social-icons--brands a:hover {
    background: var(--brand-gold-deep) !important;
}

.lang-switch,
.language-selector select {
    color: var(--brand-gold-deep) !important;
}

.footer-contact-card .footer-contact-form button,
.mail-grid input[type="submit"],
.filter-btn.active,
.filter-btn:hover,
.page-pagination a.active {
    background: var(--brand-gold-deep) !important;
    color: #fff !important;
}

.filter-btn,
.page-pagination a,
.page-pagination span {
    border-color: var(--brand-gold-deep) !important;
}

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    border-color: var(--brand-gold) !important;
}

.core-slider_arrow__right {
    background: url(../images/arrow_right.png) no-repeat 14px 12px var(--brand-gold-deep) !important;
}

.core-slider_arrow__left {
    background: url(../images/arrow_left.png) no-repeat 11px 12px var(--brand-gold-deep) !important;
}

.multi-gd-text a::before {
    background: rgba(6, 6, 6, 0.32) !important;
}

.multi-gd-text a::after {
    background: rgba(207, 160, 21, 0.36) !important;
}

ul.grid-part li i {
    color: var(--brand-gold-deep) !important;
}

.navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: var(--brand-gold) !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #111 !important;
}

.page-hero-banner {
    position: relative;
    min-height: 230px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}

.page-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(6, 6, 6, 0.75) 0%, rgba(18, 18, 18, 0.7) 100%);
}

.page-hero-content {
    position: relative;
    z-index: 1;
    text-align: center;
}

.page-hero-content h2 {
    color: var(--brand-gold) !important;
    font-size: 2.6em;
    margin: 0 0 0.3em;
}

.page-hero-content p {
    color: #fff !important;
    font-size: 1.1em;
}

.page-hero-content a {
    color: #fff !important;
    text-decoration: none;
}

.page-hero-content strong {
    color: var(--brand-gold) !important;
}

@media (max-width: 768px) {
    .page-hero-banner {
        min-height: 170px;
    }

    .page-hero-content h2 {
        font-size: 1.9em;
    }
}