/*------------------------------------------------------------------
		File Name: style.css
		Template Name: narvis - Responsive HTML5 Theme 
		Created By: htmldotdesign
		Envato Profile: https://themeforest.net/user/htmldotdesign
		Website: https://html.design
		Version: 1.0
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
		[Table of contents]

		1. IMPORT FONTS
        2. IMPORT FILES
	    3. BASIC
        4. LOADER
	    5. HEADER
	        - Header Top 
	        - Menu 
	        - Search Bar
	        - Side Menu
		    - Fix Header
        6. REVOLUTION SLIDER
	    7. SECTION
	        - Counter
		    - Form
		    - Progress Bar
		    - Pagination
	    8.  SLIDER
	    9.  ACCORDION
	   10. PRICE TABLE
       11. INNER PAGE BANNER
	   12. SIDEBAR
	       - Sidebar Search
	   13. BLOG	
           - Blog Detail	
	   14. CASE STUDIES
	   15. SHOP
	   16. TESTMONIAL 
       17. FOOTER
	   18. INNER ALL CSS
		
	-------------------------------------------------------------------*/


/*------------------------------------------------------------------
		1. IMPORT FONTS
	-------------------------------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,700,900);
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i,700,700i);
@import url(https://fonts.googleapis.com/css?family=Arvo:400,400i,700,700i);

/*------------------------------------------------------------------
		2. IMPORT FILES
	-------------------------------------------------------------------*/

@import url(animate.css);
@import url(font-awesome.min.css);

/*------------------------------------------------------------------
		3. BASIC
	-------------------------------------------------------------------*/












.margin_bottom_30_all {
	margin-bottom: 30px;
}

.margin_bottom_50_all {
	margin-bottom: 50px;
}

.margin_bottom_20_all {
	margin-bottom: 20px;
}

.margin_bottom_0 {
	margin-bottom: 0px !important;
}




.main_heading h2 span {
	position: relative;
}

.main_heading h2 span::before {
    content: "";
    display: block;
    width: 50px;
    height: 5px;
    background: #f89c35;
    position: absolute;
    left: 0;
	transition: ease all 0.5s;
    top: -5px;
}

.main_heading h2 span::after {
    content: "";
    display: block;
    width: 50px;
    height: 5px;
    background: #f89c35;
    position: absolute;
    right: 0;
    bottom: -5px;
}

.main_heading.text_align_left::after {
	margin-left: 0;
}

.main_heading.text_align_right::after {
	margin-right: 0;
}

.icon img {
	width: 100px;
}



/*------------------------------------------------------------------
		5. HEADER
-------------------------------------------------------------------*/


/*----- header fix -----*/

.fixed-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}


a
{
	color: #f5f5f5;
	
}	


.header_top {
	min-height: 40px;
	background:#50aab2;
}

.header_bottom {
	min-height: auto;
}

.header_top ul {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}

.header_top ul li {
	font-size: 14px;
	color: #fff;
	float: left;
}

.header_top ul li i {
	margin: 0 2px 0 0;
}

.header_top ul li i {
	color: #fff;
	transition: ease all 0.2s;
	font-size: 18px;
	margin-right: 5px;
}

.header_top .social_icon ul li a {
	color: #fff;
}

.top_information.pull-left li {
	margin-right: 20px;
}

.top_information.pull-right li {
	margin-left: 20px;
}




.header_style_1 .header_top {
	position: relative;
}

.make_appo {
	float: right;
}

.make_appo .btn.white_btn {
	margin: 0;
	border-radius: 0;
	font-weight: 600;
	padding: 0 35px;
	font-family: 'Raleway', sans-serif;
}

.topbar-left {
	float: left;
}

.header_top .topbar-left .list-inline {
    float: left;
    margin: 15px 0 10px;
}

.header_top ul li {
	font-size: 13px;
	color: #fff;
	float: left;
	margin-right: 20px;
}