:root{
    --primary-color: #8E2F32;
    /*--primary-color-dark: #1C090A;*/
    --primary-color-dark: #2B0E0F;
    --primary-color-light: #E8D5D6;
    --complentary-color-2: #2F8E8B;
    --complentary-color: #8E612F;
    --btn-bg-color: var(--primary-color);
    --swiper-pagination-bg-color: var(--primary-color);
    --icon-color: var(--primary-color);
    --card-bg-color: var(--primary-color-dark);
    --grid-bg-color: var(--primary-color);
    --bg-dots-color: var(--primary-color);
    --nav-bg: var(--primary-color-dark);
    --text-color: var(--primary-color);
    --topbar-color: #B06D70;
}

.preloader .sk-chase-dot:before {
    background-color: var(--primary-color-dark);
}

.header-style-1 .navbar-brand img, .header-style-2 .navbar-brand img, .header-style-3 .navbar-brand img {
    max-width: 150px;
}

.nav-mt{
    margin-top: 20px;
}

.header-style-1 .sticky-header, .header-style-2 .sticky-header, .header-style-3 .sticky-header {
    background-color: var(--nav-bg);
}


.site-header #navbar > ul li a.active,
.site-header #navbar > ul li a:hover,
.site-header #navbar > ul li a:focus {
    text-decoration: none;
    color: var(--primary-color) !important;
}

.theme-btn {
    background-color: var(--btn-bg-color);
}

.hero-style-1 .swiper-pagination-bullet-active {
    background: var(--swiper-pagination-bg-color);
    border-left: 1px solid var(--swiper-pagination-bg-color);
}

.section-title .icon, .section-title-s2 .icon, .section-title-s3 .icon, .section-title-s6 .icon, .section-title-s4 .icon{
    background-color: var(--icon-color) !important;
}

.section-title > span, .section-title-s2 > span, .section-title-s3 > span, .section-title-s6 > span, .section-title-s4 > span{
    color: var(--text-color);
}

.section-title .more-about, .section-title-s2 .more-about, .section-title-s3 .more-about, .section-title-s6 .more-about, .section-title-s4 .more-about{
    color: var(--text-color);
}

.feature-section .feature-grid .fi:before{
    color: var(--icon-color);
}

.feature-section .feature-grid:hover {
    background-color: var(--grid-bg-color);
    border-color: var(--grid-bg-color);
}

.service-section .service-grids .fi:before {
    color: var(--icon-color);
}

.service-section .right-col {
    background-color: var(--card-bg-color);
}

.service-section .left-col:before {
    content: "";
    background: var(--primary-color);
    background: -webkit-linear-gradient(top, transparent, var(--primary-color));
}

.case-studies-section .case-studies-grids .grid .cat {
    color: var(--text-color);
}

.testimonials-section .owl-theme .owl-dots .owl-dot span {
    background: var(--bg-dots-color);
}

.testimonials-section .grid .fi:before {
    color: var(--text-color);
}

.theme-btn-s2:hover, .theme-btn-s3:hover, .theme-btn-s2:focus, .theme-btn-s3:focus, .theme-btn-s2:active, .theme-btn-s3:active {
    background-color: var(--primary-color);
}

.contact-section .contact-info .fi:before, .contact-section-s2 .contact-info .fi:before, .contact-section-s3 .contact-info .fi:before {
    font-size: 50px;
    color: var(--primary-color);
}

.contact-section form input:focus, .contact-section-s2 form input:focus, .contact-section-s3 form input:focus, .contact-section form select:focus, .contact-section-s2 form select:focus, .contact-section-s3 form select:focus, .contact-section form textarea:focus, .contact-section-s2 form textarea:focus, .contact-section-s3 form textarea:focus {
    border-color: var(--primary-color) !important;
}

.blog-section .entry-details .cat, .blog-section-s2 .entry-details .cat {
    background: var(--primary-color);
}

.blog-section .entry-details h3 a:hover, .blog-section-s2 .entry-details h3 a:hover {
    color: var(--primary-color);
}

.cta-section {
    margin-top: 80px;
}

.header-style-1 .topbar, .header-style-2 .topbar, .header-style-3 .topbar {
    background-color: var(--topbar-color);
}

.back-to-top {
    background-color: var(--primary-color);
    border: 2px solid var(--primary-color);
}

.back-to-top:hover {
    background-color: var(--primary-color);
}

.service-section .left-col {
    background: url("../images/team/titus.jpeg") center top/cover no-repeat local;
}

.fs-icon{
    font-size: 40px;
}

.contact-section-s3 .contact-info h4 {
    color: var(--primary-color);
}

.hero-style-1 .swiper-pagination-bullet i {
    top: 35px;
}

.hero-style-1 .slide-title h2 {
    font-size: 55px !important;
    color: #fff;
    margin: 0 0 0.61em;
}

@media (max-width: 991px) {
    .hero-style-1 .slide-title h2 {
        font-size: 45px !important;
    }
}

@media (max-width: 767px) {
    .hero-style-1 .slide-title h2 {
        font-size: 35px !important;
    }
}

@media (max-width: 450px) {
    .hero-style-1 .slide-title h2 {
        font-size: 30px !important;
    }
}

.service-section .service-grids h3 a:hover {
    color: var(--primary-color);
}

.team-section .details h3 a:hover {
    color: var(--primary-color);
}

.site-footer {
    background-color: var(--primary-color);
}

.site-footer .lower-footer .extra-link ul > li + li:before {
    background: #cdced0;
}

.preloader {
    background-color: var(--primary-color);
}

label.error {
    color: red;
    font-size: 0.875rem;
    font-weight: normal;
    margin: 5px 0 0 0;
    text-align: left;
    display: block;
}

.theme-btn:hover, .theme-btn:focus, .theme-btn:active {
    background-color: var(--primary-color-dark);
}