/*
	Theme Name: Manza - Bootstrap Landing Page Template
	Theme URI: http://themeforest.net/user/lanternthemes
	Description: This css file is for Orange Color template layout
	Version: 1.0
	Author: Lantern Themes
	Author URI: http://themeforest.net/user/lanternthemes
	Tags:
	
	---------------------------
	MAIN TEMPLATE STYLES
	---------------------------
	
	TABLE OF CONTENTS
	---------------------------
	 01. Global Content Styles
	 02. Header Content Styles
     03. Banner Content Styles 
	 04. About Content Styles 
	 05. Plan Content Styles
	 06. Download Content Styles 
	 07. Contact Content Styles
	 08. Newsletter Content Styles
	 09. Footer Area Content Styles 
	 10. Media Query
*/


/* ==================================================== */
/* 01. Global Content Styles                         */
/* ==================================================== */

/* Button Styles */

.button-transparent-small {
    color: #e8502e !important;
    border: 1px solid #e8502e;
}

.button-transparent-small:hover {
    color: #ffffff !important;
    background: #e8502e;
}

.button-white-small,
.button-white-small:hover {
    color: #e8502e !important;
    background: #ffffff;
}

.button-white-medium,
.button-white-medium:hover {
    color: #e8502e !important;
    background: #ffffff;
}

/* Lists */

.icon-list i {
    color: #1e9fb4;
}


/* ==================================================== */
/* 02. Header Content Styles                            */
/* ==================================================== */

.header-area {
    /* background color of the nav bar header */
    background: rgba(232, 80, 46, 0.9);
    /*background: #fff;*/
    opacity: 85%;
}

.header-area.navbar-fixed-top {
    background: rgba(232, 80, 46, 0.9);
    opacity: 85%;
}

/* Navigation Area */

.nav-main .menu-cont li a {
    color: #ffffff;
    color: #000;
    border-bottom: 3px solid rgba(53, 143, 162, 0);
}


/* ==================================================== */
/* 03. Banner Content Styles                            */
/* ==================================================== */


/* Slider Styles */

.banner-area {
    /*background:url(../img/map.png) no-repeat #e8502e fixed center center;*/
    /*background:url(../img/map.jpg) no-repeat fixed center center;*/
}


/* ==================================================== */
/* 04. About Content Styles                            */
/* ==================================================== */

.about-area .col-content i {
    color: #e8502e;
}


/* ==================================================== */
/* 05. Plan Content Styles                            */
/* ==================================================== */

.plan-area .plan-single .price-cont {
    color: #e8502e;
}

.plan-area .plan-single .price-type {
    color: #e8502e;
}

.plan-area .plan-single .signup-btn a {
    color: #e8502e;
}


/* ==================================================== */
/* 06. Download Content Styles                          */
/* ==================================================== */


.download-area {
    background-color: #e8502e;
}

.download-area .mask-color {
    background: rgba(232, 80, 46, 0.95);
}

.download-btns .btn-download,
.download-btns .btn-download:hover {
    color: #e8502e !important;
}

.download-btns .btn-download i {
    color: #e8502e !important;
}


/* ==================================================== */
/* 07. Contact Content Styles                            */
/* ==================================================== */

/* Contact Form Styles */

.contact-form button {
    background: #e8502e;
}


/* ==================================================== */
/* 08. Newsletter Content Styles                        */
/* ==================================================== */

.newsletter-area {
    background: url(../img/parallax-01.jpg) no-repeat #e8502e fixed;
}

.newsletter-area .mask-color {
    background: rgba(232, 80, 46, 0.95);
}


/* ==================================================== */
/* 09. Footer Area Content Styles                       */
/* ==================================================== */


/* Social Links Styles */

.social-icons .social a:hover {
    color: #e8502e;
}

/* Go to top button */

.go-to-top-btn,
.go-to-top-btn:hover {
    background: #e8502e;
    color: #ffffff;
}


/* ==================================================== */
/* 10. Media Query                                      */
/* ==================================================== */

@media (max-width: 480px) {
    /* This media query is written for Mobile only */

    .nav-main {
        background: rgba(232, 80, 46, 1);
    }

}