/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

        .inspiro-slider .slide .slide-captions h1 span {
            color: #FF6702;
        }

        .dark #header .header-inner #logo a,
        .dark #header .header-inner #logo a span,
        .dark #header #header-wrap #logo a,
        .dark #header #header-wrap #logo a span,
        #header.dark .header-inner #logo a,
        #header.dark .header-inner #logo a span,
        #header.dark #header-wrap #logo a,
        #header.dark #header-wrap #logo a span {
            color: #fff;
            font-style: italic;
            letter-spacing: 10px;
        }

        .dark #header .header-inner #logo a,
        .dark #header .header-inner #logo a span span,
        .dark #header #header-wrap #logo a,
        .dark #header #header-wrap #logo a span span,
        #header.dark .header-inner #logo a,
        #header.dark .header-inner #logo a span span,
        #header.dark #header-wrap #logo a,
        #header.dark #header-wrap #logo a span span {
            color: #FF6702;
        }

        .pricing-table .plan .plan-header {
            background-color: #2D2C2A;
        }

        .pricing-table .plan-list {
            background-color: #2D2C2A;
        }

        button.btn.btn-primary,
        .btn:not(.close):not(.mfp-close).btn-primary,
        a.btn:not([href]):not([tabindex]).btn-primary,
        .btn:not(.close):not(.mfp-close) {
            background-color: #FF6702;
            border-color: #FF6702;
        }

        .btn:not(.close):not(.mfp-close).btn-primary:hover,
        .btn:not(.close):not(.mfp-close):hover {
            background-color: #803401;
            border-color: #803401;
        }

        .btn:not(.close):not(.mfp-close).btn-light:hover {
            border-color: #e4e6ef;
            background-color: #d6d6d6;
            color: #4c5667;
        }

        .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active,
        .btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled):active {
            background-color: #804B28;
            border-color: #804B28;
        }

        a:not(.btn):not(.badge):hover {
            color: #FF6702;
        }

        .ac-title {
            text-transform: uppercase;
        }

        @media all and (max-width: 767px) {
            .lead {
                font-size: 16px;
                line-height: 1.6em;
            }

            .inspiro-slider .slide .slide-captions h1 {
                font-size: 30px;
                line-height: 35px;
            }

            .text-xl,
            .text-xl span {
                font-size: 50px;
                line-height: 60pxpx;
            }
        }