/** 
 * Template Name: Apex
 * Template Description: Multipurpose Responsive HTML5 Landing Page
 * By: Exill
 * Primary Color: #dd9d11;
 * Secondary Color: #b17b05;
 */


/*==========================================
=            01. General Styles            =
==========================================*/

::-moz-selection {
    background-color: #dd9d11;
}

::selection {
    background-color: #dd9d11;
}

.inherit-cs {
    color: #dd9d11;
}

.inherit-cs:hover,
.inherit-cs:focus {
    color: #b17b05;
}

.btn-custom,
.dropdown-toggle.btn-custom {
    background-color: #dd9d11;
}

.btn-custom:hover,
.dropdown-toggle.btn-custom:hover {
    background-color: #b17b05;
}

.btn-custom:active,
.dropdown-toggle.btn-custom:active,
.btn-custom.active,
.dropdown-toggle.btn-custom.active {
    background-color: #b17b05;
}

.btn-custom:focus,
.dropdown-toggle.btn-custom:focus {
    background-color: #b17b05;
}

.pmd-btn-flat.btn-custom {
    color: #dd9d11;
}

.pmd-btn-flat.btn-custom:hover {
    color: #b17b05;
}

.pmd-btn-flat.btn-custom:active,
.pmd-btn-flat.btn-custom.active {
    color: #b17b05;
}

.pmd-btn-flat.btn-custom:focus {
    color: #b17b05;
}

.pmd-btn-outline.btn-custom {
    color: #dd9d11;
    border: solid 1px #dd9d11;
}

.pmd-btn-outline.btn-custom:hover,
.pmd-btn-outline.btn-custom:focus {
    background-color: #dd9d11;
    border: solid 1px #dd9d11;
}


/*=====================================
=            02. Preloader            =
=====================================*/

.preloader .double-bounce-1,
.preloader .double-bounce-2 {
    background-color: #dd9d11;
}


/*=======================================
=            03. Navbar Area            =
=======================================*/

.navbar-area.navbar-v2 .navbar-brand {
    color: #dd9d11;
}

.navbar-area.navbar-v2 .navbar-brand:hover,
.navbar-area.navbar-v2 .navbar-brand:focus {
    color: #b17b05;
}

.navbar-area.navbar-v1 .navbar-nav>.hash-link.active>a {
    color: #dd9d11;
}

.navbar-area.navbar-v2 .navbar-nav>.hash-link>a {
    color: #dd9d11;
}

.navbar-area.navbar-v2 .navbar-nav>.hash-link.active>a,
.navbar-area.navbar-v2 .navbar-nav>.hash-link>a:hover {
    background-color: #dd9d11;
}

.navbar-area.navbar-v1 .navbar-nav>.hash-link>a:hover,
.navbar-area.navbar-v1 .navbar-nav>.hash-link>a:focus {
    color: #dd9d11;
}


/*===============================================================
=            03. Extra small devices / Small devices            =
===============================================================*/

@media only screen and (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
    .navbar-area.navbar-v1 .navbar-brand,
    .navbar-area.navbar-v2 .navbar-brand {
        color: #dd9d11;
    }
    .navbar-area.navbar-v1 .navbar-brand:hover,
    .navbar-area.navbar-v2 .navbar-brand:hover,
    .navbar-area.navbar-v1 .navbar-brand:focus,
    .navbar-area.navbar-v2 .navbar-brand:focus {
        color: #b17b05;
    }
    .navbar-area.navbar-v1 .navbar-nav>.hash-link>a,
    .navbar-area.navbar-v2 .navbar-nav>.hash-link>a {
        color: #dd9d11!important;
    }
    .navbar-area.navbar-v1 .navbar-nav>.hash-link.active>a,
    .navbar-area.navbar-v1 .navbar-nav>.hash-link>a:hover,
    .navbar-area.navbar-v2 .navbar-nav>.hash-link.active>a,
    .navbar-area.navbar-v2 .navbar-nav>.hash-link>a:hover {
        color: #b17b05!important;
    }
    .navbar-area .navbar-nav>.btn-download .btn-custom {
        background-color: #dd9d11;
    }
    .navbar-area .navbar-nav>.btn-download .btn-custom:hover,
    .navbar-area .navbar-nav>.btn-download .btn-custom:focus {
        background-color: #b17b05;
    }
    .navbar-area .navbar-toggle {
        border-color: #dd9d11;
    }
    .navbar-area .navbar-toggle:hover,
    .navbar-area .navbar-toggle:focus {
        border-color: #b17b05;
    }
    .navbar-area .navbar-toggle .icon-bar {
        background-color: #dd9d11;
    }
    .navbar-area .navbar-toggle:hover>.icon-bar,
    .navbar-area .navbar-toggle:focus>.icon-bar {
        background-color: #b17b05;
    }
}


/*=====================================
=            04. Home Area            =
=====================================*/

.home-area .text-part .buttons-set .pmd-btn-outline.btn-custom:hover,
.home-area .text-part .buttons-set .pmd-btn-outline.btn-custom:focus {
    border: solid 1px #dd9d11;
}


/*=========================================
=            05. Services Area            =
=========================================*/

.services-area .pmd-tab-active-bar {
    background-color: #dd9d11;
}

.services-area .nav-tabs>li>a .tab-icon i {
    color: #dd9d11;
}

.services-area .nav-tabs>li:hover>a .tab-icon {
    background-color: #dd9d11;
}


/*======================================
=            06. About Area            =
======================================*/

.about-area .text-part .about-list li:before {
    color: #dd9d11;
}


/*======================================
=            07. Video Area            =
======================================*/

.video-area .video-part .embed-responsive-item .play-wrapper i {
    color: #dd9d11;
}


/*=========================================
=            08. Features Area            =
=========================================*/

.features-area .single-feature:hover .feature-icon {
    background-color: #dd9d11;
}

.features-area .single-feature .feature-icon i {
    color: #dd9d11;
}


/*======================================
=            09. Facts Area            =
======================================*/

.facts-area .single-fact .fact-icon i {
    color: #dd9d11;
}


/*============================================
=            10. Screenshots Area            =
============================================*/

.screenshots-area .swipe-buttons .btn-custom i {
    color: #dd9d11
}

.screenshots-area .swipe-buttons .btn-custom:hover i {
    color: #b17b05;
}


/*========================================
=            11. Pricing Area            =
========================================*/

.pricing-area .single-plan .plan-icon {
    color: #dd9d11;
}