/*
	Theme Name: Manza - Bootstrap Landing Page Template
	Theme URI: http://themeforest.net/user/lanternthemes
	Description: This css file is for Red 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. Contact Content Styles
	 07. Newsletter Content Styles
	 08. Footer Area Content Styles 
	 09. Media Query
*/


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

/* Button Styles */

.button-transparent-small {
	color:#eb5054!important;
	border:1px solid #eb5054;
}
.button-transparent-small:hover {
	color:#ffffff!important;
	background:#eb5054;
}
.button-white-small, .button-white-small:hover {
	color:#eb5054!important;
	background:#ffffff;
}
.button-white-medium, .button-white-medium:hover {
	color:#eb5054!important;
	background:#ffffff;
}

/* Lists */

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




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

.header-area {
	background:rgba(235,80,84,0);
}
.header-area.navbar-fixed-top {
	background:rgba(235,80,84,0.9);
}

/* Navigation Area */

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

.btn-default:hover {
    background-color: transparent;
}

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


/* Slider Styles */

.banner-area {
	/*background-color: #eb5054;*/
	background: url(../img/parallax-bg.jpg) no-repeat #eb5054 fixed ;
	background-size: cover !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-ms-background-size: cover !important;
	padding: 0;
}

.header-area .mask-color {
	/*background: rgba(235,80,84,.95);*/
}


.banner-area .mask-color {
	background: rgba(235,80,84,.95);
	padding: 200px 0 100px;
}


#top-line {
	padding: 75px 0;
	background-color: #f3f6fa;
	border-bottom: 1px solid #eee;
}

.top-line-box i {
	color: #eb5054;
	font-size: 50px;
	line-height: 50px !important;
	margin-bottom: 15px;
}

.top-line-box h4 {
	font-weight: 400px;
	font-style: normal;
}

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

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


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

.plan-area .plan-single .price-cont {
	color:#eb5054;
}
.plan-area .plan-single .price-type {
	color:#eb5054;
}
.plan-area .plan-single .signup-btn a {
	color:#eb5054;
}


/* ==================================================== */
/* 06. Contact Content Styles                            */
/* ==================================================== */

/* Contact Form Styles */

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


/* ==================================================== */
/* 07. Newsletter Content Styles                        */
/* ==================================================== */

.newsletter-area {
	background:url(../img/parallax-01.jpg) no-repeat #eb5054 fixed;
}
.newsletter-area .mask-color {
	background:rgba(235,80,84,0.95);
}


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


/* Social Links Styles */

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

/* Go to top button */

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

/* ==================================================== */
/* 09. Media Query                                      */
/* ==================================================== */

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

.nav-main {
	background:rgba(235,80,84,1);
}

}