/*

Theme Name:  ProFlex
Theme URI:   http://demo.artofthemes.com/html/proflex
Description: ProFlex Multi-Purpose Responsive Template is powerful multipurpose theme that will help you to build practically any site. Each one can be made unique with just a few clicks.
Author:      ArtofThemes
Author URI:  http://www.artofthemes.com
Version:     1.0.0
License:     GPL 2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:        agency, blog, bootstrap, corporate, deco interior, gym fitness, magazine, parallax, portfolio, restaurant, shop, spa, sports, sticky

*/

/*--------------------------------------------------------------
==>>> TABLE OF CONTENTS:
----------------------------------------------------------------
+ Header Styles
	- Logo
	+ Toolbar
		- Search Box
	+ Header
		- Sticky Header
	- HeaderBar
	- SubHeader
--------------------------------------------------------------*/

/* ====================================================================================================================
 * Header Styles start
 * ====================================================================================================================*/

/* logo start */
/* --------------------------------------------------------------------- */
.logo {}
/* logo end */
/* --------------------------------------------------------------------- */

/* toolbar start */
/* --------------------------------------------------------------------- */
.toolbar {
      background: #f6f7f9;
	  border-bottom: 1px solid #efefef;
}
.toolbar a {color:#b1b9bd;}
.toolbar a:hover {color:#777; text-decoration:none;}
.toolbar .container {
      height: 40px;
	  padding-top: 11px; 
      font-size: 12px; 
      font-family: Arial,Helvetica,sans-serif; 
      color: #b1b9bd;
}
.toolbar .separator {
  border-left: 1px solid #777777;
  display: inline-block;
  height: 10px;
  margin: 0 20px;
  width: 1px;
}


/* Search Box start */
.search .form-control {
  margin-bottom: 0px;
}
.search form {
	position: relative;
}
.search input {
	background: transparent;
	padding: 0 10px;
	line-height: 21px;
	height: 21px;
	border: 1px solid #333;
	border-radius: 20px;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	font-size: 11px;
	color: #9E9E9E;
	cursor: default;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.search input:focus {
	background: url(../images/search-input-bg.png) 0 -1px repeat-x;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
	color: #9E9E9E;
}
.search:hover button {
	color: #676767
}
.search button {
	position: absolute;
	top: 1px;
	right: 19px;
	background: none;
	border: 0;
	color: #DDD;
	font-size: 11px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.search button:hover {
	color: #676767;
}
/* Search Box end */

/* toolbar end */
/* --------------------------------------------------------------------- */

/* header start */
/* --------------------------------------------------------------------- */
.header-main {
      background: #fff;
}
.header-main .container {}

/* Sticky Header */
header {
    width: 100%;
    z-index: 100;
    position: relative;
    -webkit-transition: linear .3s;
    -moz-transition: linear .3s;
    -ms-transition: linear .3s;
    -o-transition: linear .3s;
    transition: linear .3s;
}
.sticky-for-header {
    position: fixed;
    top: 0;
    z-index: 1000;
    -webkit-transition: linear .3s;
    -moz-transition: linear .3s;
    -ms-transition: linear .3s;
    -o-transition: linear .3s;
    transition: linear .3s;
    /*border-bottom: 1px solid #C6C4C4; */
}
.sticky-for-header .header-main {
    top: 0;
	background: rgba(255, 255, 255, 1);
}

.sticky-for-header .headerbar {
    top: 107px;
	background: rgba(255, 255, 255, 1);
}

.sticky-for-body {
    margin-top: 0px;
}
.toolbar_hidden {
    display: none !important;
}
/* header end */
/* --------------------------------------------------------------------- */

/* headerbar start */
/* --------------------------------------------------------------------- */
.headerbar {
      background: #fff;
	  border: 1px solid #ececec;
      height: 50px;
}
.headerbar .container { color: #8A8A8A;}
.headline-bar {
	  background: #f6f8f8;
	  border-bottom: 1px solid #ececec;
      height: 33px;
}
.headlines {
	  color: #a2a2a2;
	  font-family: Arial,Helvetica,sans-serif;
	  font-size: 12px;
	  font-weight: normal;
	  text-shadow:0px 1px 0px #fff;
	  padding-top: 6px;
}
/* headerbar end */
/* --------------------------------------------------------------------- */

/* Subheader start */
/* --------------------------------------------------------------------- */
.subheader { background: #f6f7f9; margin: 0px; padding: 0px; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef;}
.subheader .container { height: 100px; }

.subheader2 { background: url(../images/textures/texture02.png) center top repeat; margin: 0px; padding:0px;}
.subheader2 .container { background: url(../images/page-header-dots.png) no-repeat center top; height: 140px; }

.subheader3 { background: url(../images/textures/texture07.png) center top repeat; margin: 0px; padding:0px;}
.subheader3 .container { background: url(../images/page-header-dots.png) no-repeat center top; height: 140px; }

.subheader4 { background: url(../images/textures/texture08.png) center top repeat; margin: 0px; padding: 0px;}
.subheader4 .container { background: transparent; height: 140px; }

.custom-page-header { border-bottom: none; margin: 120px 0 0px; padding: 0px;}
.custom-page-header h1 { color: #ffffff; font-size: 24px; text-transform: uppercase; background: rgba(0, 0, 0, 0.6); display: inline; padding:3px 10px; moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.custom-page-header h1 small { color: #fff; text-transform: none; padding-left: 10px;}
/* --------------------------------------------------------------------- */

/* ====================================================================================================================
 * Header Styles end
 * ====================================================================================================================*/