/* #Content
=============================== */
#Content 						{ width:100%; }
body:not(.template-slider) #Content { padding-top: 0px; }
.section						{ }
.section_wrapper,
.container						{ width: 1200px; margin:0 auto; position:relative;}
.section_wrapper:after,
.container:after				{ clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.column, .columns				{ float: left; margin:0 1% 40px;}
.column.column_divider			{ margin-bottom: 0;}
.the_content_wrapper			{ margin:0 1%;}

/* #Base Grid
=============================== */
.four.columns,
.one-fourth.column				{ width: 23%; }			/* 1/4 */
.one-third.column				{ width: 31.333%; }		/* 1/3 */
.one-second.column				{ width: 48%; }			/* 1/2 */
.two-third.column				{ width: 64.666%; }		/* 2/3 */
.three-fourth.column			{ width: 73%; }			/* 3/4 */
.one.column						{ width: 98%; }			/* 1/1 */

/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
/* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.row:after,
.clearfix:after { clear: both; }
.row,
.clearfix { zoom: 1; }
/* You can also use a <br class="clear" /> to clear columns */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
	
	/* Top_bar background */
	#Top_bar { background: #fff; }
	
	/* Header cart */
	#Top_bar a#header_cart { color: #444; }
	#Top_bar a#header_cart, 
	#Top_bar a#header_cart:after, 
	#Top_bar a#header_cart em:after { border-color: #444; }
	#Top_bar a:hover#header_cart { color: #fff; }
	#Top_bar a:hover#header_cart,
	#Top_bar a:hover#header_cart:after { background: #444; }
	
	/* Search */
	#Top_bar #searchform input[type="text"] { border-color: #444; }
	#Top_bar #searchform a.icon,
	#Top_bar #searchform.focus input[type="text"] { color: #444; }
	
	/* Hire us */
	#Top_bar a#header_action_button { color: #444; }
	#Top_bar a#header_action_button,
	#Top_bar a#header_action_button:after { border-color: #444; }
	#Top_bar a:hover#header_action_button,
	#Top_bar a:hover#header_action_button:after { background: #444; }
	#Top_bar a:hover#header_action_button { color: #fff; }

/* #Top_bar
================================================== */
#Top_bar { position: static; width: 100%; z-index: 200; }
.header-alpha #Top_bar { position: absolute; left: 0; top: 0; background: none !important; }
#Top_bar .column { margin: 0; width: 100%; }

/* Logo */
#Top_bar .logo { float: left; }
#Top_bar .logo h1 { line-height: 0; font-size: 0; }
#Top_bar #logo { display: block; overflow: hidden; height: 80px; line-height: 80px; padding: 15px 0px; }
#Top_bar #logo:hover { text-decoration: none; }
#Top_bar #logo img { vertical-align:middle; }
#Top_bar .menu_wrapper { float: right; position: relative; z-index: 201;}

/* Menu */
#Top_bar #menu { float: right; display:block; margin: 33px 0 0 0; }
#Top_bar a.responsive-menu-toggle { display: none; }

/* Search */
#Top_bar #searchform { float: right; margin-top: 38px; position: relative; min-width: 32px; height: 32px; }
#Top_bar #searchform a.icon { position: absolute; top: 0px; width: 32px; height: 32px; line-height: 32px; font-size: 16px; text-align: center; display: block; }
#Top_bar #searchform a:hover.icon { text-decoration: none; }
#Top_bar #searchform a.icon_search { right: 0px;}
#Top_bar #searchform a.icon_close { right: 0px; display:none;}
#Top_bar #searchform input[type="text"] { border-width: 0 0 1px 0; border-style: solid; font-size: 18px; font-weight: 100; color: rgba(255,255,255, 0); background: none !important; margin: 0; padding: 5px 40px 5px 5px; display:none; -webkit-border-radius: 0px; border-radius: 0px; box-shadow: 0 0 0 0; }

/* #Dark
================================================== */
.dark, .dark .icon_box a .desc, .dark .testimonials li .author a, .dark .article_box a .desc_wrapper { color: #fff; }
.dark h1, .dark h1 a, .dark h1 a:hover { color: #fff; }
.dark h2, .dark h2 a, .dark h2 a:hover { color: #fff; }
.dark h3, .dark h3 a, .dark h3 a:hover { color: #fff; }
.dark h4, .dark h4 a, .dark h4 a:hover { color: #fff; }
.dark h5, .dark h5 a, .dark h5 a:hover { color: #fff; }
.dark h6, .dark h6 a, .dark h6 a:hover { color: #fff; }
.dark a, .dark a:hover { color: #fff; }
.dark hr { background-color: rgba(255, 255, 255, .5); color: rgba(255, 255, 255, .5); }