/*
* Layout
* 
* @package WP Consultant
* @subpackage CSS
*

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the Child Theme Generator in WP Admin > Appearance > Child Theme

View the screencast: http://www.screenr.com/tbos

/* ==============================================================================

Stylesheet Guide

	3.1 Site Styles
	3.2 Page Styles
	3.3 Media Queries

/* ============================================================================== */
/* 3.1 Site Styles
/* ============================================================================== */

	img { max-width: 100%; height: auto;}
	
	/* Boxed */
	.boxed { margin: 0 auto; width: 960px; padding: 20px; border-right: 1px solid #ececec; border-left: 1px solid #ececec;}
	
	/* Drawar */
	.drawar-wrap { padding: 20px 0; border-bottom: 1px solid #2a455d; background: #5894c8; color: #ececec; display: none;}
		.drawar-wrap a { color: #ececec;}
			.drawar-wrap a:hover { color: #ccc;}
	.open-close { position: relative; display: block; color: #fff !important; top: -1px; padding: 2px 5px; text-shadow: 0px 1px 0 RGBA(0,0,0,0.3); overflow: hidden; border-right: solid 1px #30526f; border-bottom: solid 1px #30526f; border-left: solid 1px #30526f; background: #44749d; background: -moz-linear-gradient(top, #5894c8 0%, #44749d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5894c8), color-stop(100%,#44749d));}
		.open-close:hover { cursor: pointer; opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9;}
			.boxed .open-close { top: -20px;}
	
	/* Header */
	header[role="masthead"] { margin: 35px 0 10px 0; border-bottom: 1px solid #ececec;}
			.boxed header[role="masthead"] { margin-top: 15px;}
		#logo { position: relative;}
			#logo h2 {}
				#logo h2 a { color: #fff;}
			#logo:active { top: 1px;}
		#contact-cta { text-align: right;}
		nav #nav { margin: 20px 0 0 0; }
			nav #nav ul.menu { height: 38px;}
			/* menu icon */
#menu-icon {
	display: none; /* hide menu icon initially */
}
	
	/* Slider */
	#home .slider-wrap,
	#home .rev_slider { background: #ececec;}
		#activate-slider { min-height: 240px; background: #ececec; padding: 200px 0 0 0; text-align: center; background: #ececec;}
	
	/* CTA */
	.cta-wrap { position: relative; padding: 40px 0; text-align: center;}
		.cta-verbiage { max-width: 700px; margin: 0 auto;}
		.cta-wrap .btn  {}
	
	/* Hide Mobile Nav */
	nav select { display: none;}
	
	/* Portfolio */
	#home .portfolio-wrap { padding: 50px 0; background: #ececec; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
		.portfolio { border-bottom: 1px solid #ccc;}
		#isotope-container { position: relative; margin: 30px 0 0 0;}
			.item { float: left; margin: 0 10px 10px 0;}
				.item a img { display: block; /* remove extra space */}
				#isotope-container .item .content a { position: relative; left: 5px;}
				.post .pad20 { border-bottom: 1px solid #ccc;}
				.ct-loading { position: absolute; top: 50%; left: 50%; height: 44px; width: 44px; background: url(../images/loader.gif) no-repeat center center #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}
				
	/* Home Page Builder Block */
	.page-builder-wrap { padding: 50px 0; border-top: 1px solid #ececec;}
	
	/* Archive */
	.header-wrap { padding: 20px 0; color: #fff; text-shadow: 0px 1px 0 RGBA(0,0,0,0.3); overflow: hidden; border: solid 1px #30526f; box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); -webkit-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); -moz-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); background: #44749d; background: -moz-linear-gradient(top, #5894c8 0%, #44749d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5894c8), color-stop(100%, #44749d));} 
	
			.boxed .header-wrap { padding: 20px;}
		.header-wrap .left p { margin: 0;}
		.header-wrap .right { position: relative; top: 16px;}
			.header-wrap .right { right: 0;}
			.header-wrap .right input { border-color: #30526f;}
				.post-type-archive-portfolio .header-wrap .right { top: 8px; right: 0;}
		#right-sidebar.article-wrap .eleven { border-right: 1px solid #ececec;}
		#left-sidebar.article-wrap .eleven { border-right: none; border-left: 1px solid #ececec;}
			.article-wrap article { margin: 0 0 40px 0; padding-bottom: 40px; border-bottom: 1px solid #ececec;}
				#right-sidebar.article-wrap article { padding-right: 20px;}
				#left-sidebar.article-wrap article { padding-left: 20px;}
				#single .article-wrap article,
				#page .article-wrap article {}

	/* Single */
	#content article {}
	#single .article-wrap article { border-bottom: none; margin: 0;}
			#single h1 { font-size: 28px; line-height: 34px;}
			#single h2 { font-size: 21px; line-height: 30px; margin-bottom: 16px;}
			#single h3 { font-size: 17px; line-height: 24px; margin-bottom: 12px;}
			#single h4 { font-size: 14px; line-height: 21px; margin-bottom: 8px;}
			#single h5 { font-size: 12px; line-height: 17px; margin-bottom: 8px; text-transform: uppercase;}
			#single h6 { font-size: 10px; line-height: 14px; margin-bottom: 8px; text-transform: uppercase;}
		.breadcrumbs a,
		.breadcrumbs a:visited { color: #fff !important;}
		.post-meta { width: 100%; font-size: 11px; color: #797979; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; padding: 4px 0;}
		.post-social { width: 100%; margin: 20px 0 0 0; padding: 10px 0 0 0; border-top: 1px dotted #ccc;}
			.post-social li { display: inline-block;}
			.tags { line-height: normal; font-size: 11px; color: #797979;}
		.ts-fab-list { position: relative; z-index: 0; margin: 30px 0 0 0 !important; padding: 0 !important; border-right: 1px solid #efefef;}
			.ts-fab-list li { margin-top: 0; margin-right: 0 !important;}
			.ts-fab-list li a { font-weight: 400; background-image: none; border-radius: 0; border-top: none; border-left: none;}
				.ts-fab-list li.active a { position: relative; top: -2px; background: #f1f1f1; border-left: 1px solid #efefef;}
				.ts-fab-list li:first-child a { border-right: none !important;}
			.ts-fab-tab { margin-top: -2px; padding: 20px; border: none; font-size: 12px; background: #f1f1f1;}
				.ts-fab-header h4 { font-size: 16px; font-weight: 400;}
	.content-nav { width: 100%;}
		.content-nav .right { margin: 0 20px 0 0;}
				
	/* Archive Portfolio */
	.post-type-archive .item a img { display: block;}
	ul.prev-next,
	ul#tags-nav { list-style: none;}
		ul.prev-next li,
		ul#tags-nav li { display: inline-block; font-size: 12px; margin: 0 10px 0 0;}
			ul.prev-next li { margin: 0 5px 0 0;}
 		ul#tags-nav li#select { margin: 0 10px 0 0; padding: 0;}
		ul#tags-nav li a,
		.prev,
		.next,
		.nav-prev a,
		.nav-next a,
		.portfolio-wrap .close { display: block; padding: 1em 1.4em; line-height: 0.8em; font-size: 11px; text-align: center; font-weight: bold; color: #fff !important; text-shadow: 0px 1px 0 RGBA(0,0,0,0.3); overflow: hidden; border: solid 1px #30526f; box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); -webkit-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); -moz-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); background: #44749d; background: -moz-linear-gradient(top, #5894c8 0%, #44749d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5894c8), color-stop(100%,#44749d)); -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}
				.prev,
				.next,
				.portfolio-wrap .close { padding: 7px 10px;}
			ul#tags-nav li a:hover,
			.prev:hover,
			.next:hover,
			.nav-prev a:hover,
			.nav-next a:hover,
			.close:hover { cursor: pointer; opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9;}
			ul#tags-nav li a:after {}
				ul#tags-nav li:last-child a:after {}
				
	/* Single Portfolio */
	.portfolio-image { -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.5); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.5); -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}
	.single-portfolio .flexslider {}
		.single-portfolio .flex-control-nav { bottom: -30px;}
	#portfolio-info { font-size: 12px;}
	#portfolio-info li { margin: 0 0 8px 0; color: #797979;}
		#portfolio-info li strong { margin: 0 3px 0 0;}
	
	/* Sidebar */
	#right-sidebar .pad20,
	#left-sidebar .pad20 {}
	
	/* Page */
	#page .header-wrap .right { position: relative; top: 8px; right: 0;}
		#page.page-template-demo-templatesfull-right-sidebar-php .header-wrap .right,
		#page.page-template-demo-templatesfull-left-sidebar-php .header-wrap .right,
		#page.page-template-demo-templatesfull-three-column-php .header-wrap .right,
		#page.page-template-demo-templatesmedium-right-sidebar-php .header-wrap .right,
		#page.page-template-demo-templatesmedium-left-sidebar-php .header-wrap .right,
		#page.page-template-demo-templatesmedium-three-column-php .header-wrap .right { top: 16px; right: 0;}
	
	/* 404 */
 .error404 .article-wrap { margin: 0; padding: 75px 0; text-align: center;}
 	.error404 article { margin: 0; border: none;}
		.error404 h1 { font-size: 72px; line-height: 72px;}
		.error404 p {}
	
	/* Clients */
	.client-images li { display: inline-block; border: 1px solid #ececec;}
		.client-images li.singlecol { margin: 0 1% 1.5% 0 !important;}
		.client-images li img { margin: 0 auto;}
	
	/* Sitemap */
	.page-template-template-sitemap-php .comments { font-size: 11px; color: #777;}
	
	/* Contact */
	#location {}
		#location #map { height: 238px; width: 100%; border: 1px solid #dfdfdf; background: url(../images/loader.gif) center center no-repeat;}
		
		#contactform { width: 90%; margin: 0;}
			fieldset { border: 0;}
			#contactform textarea, #contactform input[type="text"], #contactform input[type="email"], #contactform input[type="url"] { display: inline-block; width: 74.5%; margin: 0 0 10px 0; padding: 6px 15px; border: 1px solid #ccc; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; background: #fafafa;}
			#contactform textarea { width: 80%; font-family: Arial, Helvetica, sans-serif;}
			#contactform input[type="text"]:focus, #contactform input[type="email"]:focus, #contactform input[type="url"]:focus, #contactform textarea:focus { background: #ffffe5;}
		
		#contact-info ul { margin: 0;}
		#contact-info li { list-style: none; padding: 0 0 0 24px; margin: 0 0 12px 0;;}
			#contact-info li#address { background: url(../images/icons/address_16.png) no-repeat left 2px;}
			#contact-info li#tel { background: url(../images/icons/tel_16.png) no-repeat left 2px;}
			#contact-info li#fax { background: url(../images/icons/fax_16.png) no-repeat left 2px;}
			#contact-info li#email { background: url(../images/icons/email_16.png) no-repeat left 2px;}
		
		#social-links {}
		#social-links ul, #social-links li { list-style: none; margin: 0; padding: 0;}
			#social-links li { padding: 0 0 0 24px; line-height: 28px;}
				#social-links li.facebook { background: url(../images/social/facebook_16x16.png) no-repeat left;}
				#social-links li.twitter { background: url(../images/social/twitter_16x16.png) no-repeat left;}
				#social-links li.linkedin { background: url(../images/social/linkedin_16x16.png) no-repeat left;}
				#social-links li.google-plus { background: url(../images/social/google_plus_16x16.png) no-repeat left;}
	
	/* Footer */
	#footer-wrap { margin: 50px 0 0 0; padding: 50px 0;  border-top: 10px solid #ececec;}
			.boxed #footer-wrap { padding-left: 10px;}
		#home #footer-wrap { margin: 0; border-top: none;}
		footer .page-builder-wrap { padding-bottom: 0;}
			footer .page-builder-wrap.no-border { padding-top: 0; border: 0;}
		footer { font-size: 12px;}
			footer aside.widget h6 { border: none; padding: 0 0 10px 0;}
			footer aside.widget ul.right { margin: 0;}
			#secondary-footer-wrap { padding: 30px 0; border-top: 1px solid #dcdcdc; background: #ececec;}
				.boxed #secondary-footer-wrap { background: none;}
			footer nav li { display: inline-block; margin: 0 10px 0 0;}
			footer nav li a,
			footer nav li a:visited { color: #303030; text-shadow: 0 1px 1px #fff;}
			footer nav li a,
			footer nav li a:hover { padding: 0; background: none; text-shadow: none;}

/* ============================================================================== */
/* 3.2 Page Styles
/* ============================================================================== */

/* ============================================================================== */
/* 3.3 Media Queries
/* ============================================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		.boxed { width: 768px;}
		
		#home article h6 { font-size: 70%;}
		#home article a:hover img { margin-left: -23.5%;}
		
		#right-sidebar.sidebar { width: 230px; margin-left: 5px;}
		
		.widget_ct_portfolio .view,
		.widget_ct_portfolio .view .content { width: 249px;}
			.widget.widget_ct_portfolio .view-second h4 { margin-top: 20px; left: 0;}
			.widget.widget_ct_portfolio .view-second a.info { left: 4px !important;}
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		.boxed { width: 420px;}
		
		.open-close { display: none;}
		
		header[role="masthead"] { margin: 20px 0 20px 0;}
			#logo { position: inherit; display: block; margin: 0 auto; float: none; padding: 10px 0 0 0;}
			#contact-cta { float: none; margin: 10px 0 10px 0; text-align: center;}
		
		/* Nav */
		div#nav { float: none; margin: 0 0 15px; padding: 5px 0;}
		nav li .sub-menu { display: block; margin-left: 10px; font-size: 12px;}

		/* Mobile Nav */
		#nav { position: relative;}
			nav #nav ul.menu { height: auto; width: 97.2%;}
				#menu-icon { color: #000; height: 30px; background-image: url(../images/icons/menu.png); background-repeat: no-repeat; background-position: 10px center; padding: 8px 10px 0 42px; color: #fff; text-shadow: 0px 1px 0 RGBA(0,0,0,0.3); overflow: hidden; border: solid 1px #30526f; box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); -webkit-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); -moz-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); background-color: #44749d; background-color: -moz-linear-gradient(top, #5894c8 0%, #44749d 100%); background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5894c8), color-stop(100%,#44749d)); -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; cursor: pointer; display: block;}
				#menu-icon:hover { cursor: pointer; opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9;}
				#menu-icon.active {	cursor: pointer; opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9;}			
					#nav .menu { clear: both; position: absolute; top: 43px; width: 160px; z-index: 10000; padding: 5px; background: #fff; border: solid 1px #999; display: none;}
						.menu #nav li {	clear: both; float: none; margin: 5px 0 5px 10px;}
						.menu #nav a, 
						.menu #nav ul a {}
						.menu #nav a:hover, 
						.menu #nav ul a:hover {}
						.menu #nav ul {	width: auto; position: static; display: block; border: none; background: inherit;}
						.menu #nav ul li { margin: 3px 0 3px 15px;}
			
		/* Home */			
		.item { width: 300px;}
		
		/* Content */
		.eleven { border-right: none !important; border-left: none !important;}
		
		/* Archive */
		#archive article .onethirdcol { width: 100%; float: none; margin: 0 0 10px 0;}
		#archive article .twothirdcol { width: 100%; float: none;}
		#archive .content-nav { margin: 0 0 20px 0;}
		
		/* Portfolio */
		.view-all { float: left !important; margin-top: 10px;}
		
		/* Single */
		.header-wrap .right { display: none;}
		.ts-fab-list { display: none;}
			.ts-fab-tabs { margin: 30px 0 0 0;}
		
		/* Sidebar */
		#left-sidebar #left-sidebar { display: none;}
		#right-sidebar { margin-top: 50px;} 
			#left-sidebar.article-wrap article { padding-left: 0;}
			#right-sidebar.article-wrap article { padding-right: 0;}
				.widget_ct_portfolio { height: 310px;}
					.widget_ct_portfolio .portfolio { border: none;}
					.widget_ct_portfolio .view { width: 420px;}
						.widget_ct_portfolio .view h4 { margin-top: 60px;}
						.widget_ct_portfolio .view a.info { bottom: -60px;}
							.widget_ct_portfolio .view-second .mask,
							.widget_ct_portfolio .view .content { width: 420px;}
								.widget_ct_portfolio .view-second .mask { height: 500px;}
	
		/* Footer */
		#footer-wrap .widget { margin-bottom: 20px;}
		footer nav { float: none !important;}
		p.right { float: none; text-align: center; margin: 10px 0 20px 0;}
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

	}
	
	@media only screen and (max-width: 766px) {

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		.boxed { width: 300px;}
		
		.widget_ct_portfolio { height: 235px;}
			.widget_ct_portfolio .view { width: 300px;}
				.widget.widget_ct_portfolio .view h4 { margin-top: 30px; left: 0;}
				.widget.widget_ct_portfolio .view-second a.info { left: 3px !important;}
					.widget_ct_portfolio .view-second .mask,
					.widget_ct_portfolio .view .content { width: 300px;}
						.widget_ct_portfolio .view-second .mask { width: 400px;}
		
	}
	
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {
		
		#menu-icon { background-image: url(../images/icons/menu@2x.png);}
	
	}
	
	@media screen and (min-width: 767px) {
		
		#nav .menu { display: block !important;}
	
	}