contempoinc · September 24, 2015 00:09
diff --git a/layout.css b/layout.css
 /*
 * Layout
 *
 * @package WP Day Spa
 * @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 { display: block; max-width: 100%; height: auto;}

 	/* Top Bar */
 	#topbar-wrap { font-size: 11px; background: rgba(109,104,110,1); color: #fff; border-bottom: 1px solid #777;}
 	#topbar-wrap p { padding: 4px 0;}
 	#topbar-wrap li { float: left; text-align: center; margin: 0;}

 		#topbar-wrap .social a { display: inline-block; min-width: 30px; padding: 4px 16px; margin: 0; font-size: 12px; border-right: 1px solid #8d8580; color: #fff;}
 			#topbar-wrap .social li:first-child a { border-left: 1px solid #8d8580;}
 			#topbar-wrap .social li:last-child a { border-right: none;}
 				.facebook a:hover { background: #3a7ea2; color: #fff !important;}
 				.twitter a:hover { background: #55c5ef; color: #fff !important;}
 				.linkedin a:hover { background: #4875b4; color: #fff !important;}
 				.google a:hover { background: #c63d2d; color: #fff !important;}
 				.dribbble a:hover { background: #ea4c89; color: #fff !important;}
 				.pinterest a:hover { background: #c92228; color: #fff !important;}
 				.instagram a:hover { background: #517fa4; color: #fff !important;}
 				.github a:hover { background: #000; color: #fff !important;}
 				.contact a:hover { background: #000; color: #fff !important;}
 			.wpml-lang { position: relative; padding: 12px 16px; background: #777;}
 				.wpml-lang ul { position: relative; top: 2px;}
 				.wpml-lang li { display: inline-block; margin: 0 8px 0 0 !important;}
 				.wpml-lang li:last-child { margin: 0 !important;}
 			#topbar-wrap .contact-phone { padding: 4px 16px; background: #8d8580;}

 	/* Masthead */
 	#masthead { position: absolute; top: 0; background: rgba(109,104,110,0.9);}
 	body.admin-bar #masthead { top: 69px; }
 	header#masthead.row { width: 100%; margin: 0; z-index: 99999;}
 		.site-logo { padding: 15px 0;}
 		#masthead .right-nav { float: right;}
 		#masthead .left-nav { float: left;}
 			#masthead .right-nav > li,
 			#masthead .left-nav > li { display: inline-block; position: relative; top: 28px; font-size: 18px;}
 				#masthead .right-nav li a,
 				#masthead .left-nav > li a { color: #fff;}
 					li.search { margin: 0 20px 0 0;}
 		.show-hide { display: none !important;}

 	/* Masthead Sticky */
 	#masthead-placeholder { display: none; height: 0;}
 	#masthead.sticky { /*top: 0;*/ position: fixed; background: rgba(109,104,110,0.9);}

 	/* Home */
 	article.full-width .wpb_row { margin-left: 0; margin-right: 0;}
 	.vc_responsive article.full-width .wpb_row .vc_span12 { padding-left: 0; padding-right: 0; }
 	.home .page-builder { padding-top: 30px;}
 	.home .latest-products { margin: 0 0 60px 0;}


 	/* Search Bar */
 	#search-bar { display: none; width: 100%; background: #fff; height: 0px; overflow: hidden; float: left; border-bottom: 1px solid #ccc;}
 		#search-bar .container { padding-top: 9px;}
 		#search-bar i.fa { color: #777;}
 		#search-bar form { margin: 0; display: inline;}
 		#search-bar form input { margin-bottom: 0;}
 		#search-bar #search-input { background: #fff; font-size: 13px; border: 0;}
 		#search-bar input[type="submit"] { visibility: hidden; }
 		#search-bar #search-close { float: right; margin: 3px 0 0 0;}
 			#search-bar #search-close i.fa { color: #777;}

 	/* Dark Header Image Overlay */
 	.dark-overlay { width: 100%;  padding: 140px 0 80px 0; background: rgba(109,104,110,0.9);}

 	/* Archives & Search */
 	#archive-header {}
 		#archive-header h1 { font-weight: 800; color: #fff; text-align: center;}
 		.archive-inner { padding: 0 40px 0 0;}
 			article.post { margin: 0 0 60px 0; padding: 0 0 60px 0; border-bottom: 1px solid #ececec;}
 				.author-avatar { margin: 0 20px 0 0;}
 					.author-avatar img { height: 80px; width: 80px; border-radius: 40px;}
 				.entry-title { max-width: 80%; text-transform: uppercase;}
 					#archive .meta,
 					#search .meta { color: #888; text-transform: uppercase;}

 	/* Single */
 	#single-header { margin: 0 0 60px 0; background: #000; text-align: center;}
 		#single-header .author-avatar img { display: inline-block; margin: 0 auto 20px auto; width: 80px; height: 80px; border-radius: 40px;}
 		#single-header h1 { text-transform: uppercase; font-weight: 800; color: #fff;}
 			#single-header h2 { font-size: 1.0625em; color: #efefef; font-weight: 300; font-family: 'Lato', 'sans-serif'; text-transform: uppercase;}
 				#single-header p,
 				#single-header a { font-size: 14px; margin: 8px 0 0 0; color: #797979;}
 					#single-header .meta { padding: 3px 10px; background: rgba(0,0,0,0.5);}

 	.single-inner { padding: 0 40px 0 0;}
 	.single .span_2 { color: #fff;}

 		/* Post Social */
 		.post-social h6 { text-transform: uppercase; color: #ccc; margin: 20px 0 12px 0;}
 		.post-social li { display: inline-block; text-align: center;}
 			.post-social li a { display: inline-block; min-width: 40px; padding: 5px 10px; border: 1px solid #efefef; color: #888;}

 		/* Page Links */
 		.page-link { margin: 30px 0 0 0; color: #ccc; font-size: 14px; text-transform: uppercase;}

 		/* Author Info */
 		#authorinfo { margin: 60px 0 0 0; padding: 40px 0 0 0; border-top: 1px solid #efefef;}
 			#authorinfo h5 { text-transform: uppercase;}
 			#authorinfo img { height: 160px; width: 160px; border-radius: 80px;}
 			.author-inner { padding: 0 0 0 20px;}
 				h5.the-author { font-size: 1em;}
 				.author-inner p { color: #555; font-weight: 300;}
 				.author-inner li { display: inline-block; margin: 0 20px 0 0;}
 					.author-inner li a { color: #888;}
 						.author-inner li a:hover { background: none;}
 							.author-inner i { color: #888 !important;}

 		/* Related Posts */
 		.related-title { margin: 0 0 25px 0; padding: 60px 0 0 0; border-top: 1px solid #efefef; text-transform: uppercase;}
 			.related h6 { margin: 15px 0 10px 0; text-transform: uppercase;}
 			.related p { font-weight: 300; color: #555; font-size: 0.875em; line-height: 1.55em;}

 		/* Post Nav */
 		.post-nav { margin: 60px 0 60px 0;}
 			.post-nav i { position: relative; top: 1px; display: inline-block;}
 				.post-nav i.icon-chevron-left { margin-right: 10px;}
 				.post-nav i.icon-chevron-right { margin-left: 10px;}

 	/* Page */

 	/* 404 */
 	.error404 #single-header { margin: 0;}
 		.error404 .dark-overlay { padding: 260px 0;}

 	/* Contact */
 	.page-template-template-contact-php #single-header { background: #ccc;}
 		#location #map { position: relative; z-index: 0; height: 360px; width: 100%; background: url(../images/loader.gif) center center no-repeat; border-bottom: 1px solid #e9ebed;}
 		#map a img { display:none;}
 		#map .gmnoprint { width: auto !important;}
 	.page-template-template-contact-php h1,
 	.page-template-template-contact-php h2 { text-align: center;}
 		.page-template-template-contact-php h1 { font-size: 24px; text-transform: uppercase; margin: 0 0 8px 0;}
 			.page-template-template-contact-php h2 { font-size: 16px; color: #888; font-family: "Lato", sans-serif; font-weight: 300; margin: 0 0 60px 0;}
 				.page-template-template-contact-php h5 { text-transform: uppercase; margin: 0 0 25px 0;}
 		.contact-info li { margin: 0 0 10px 0; clear: both;}
 			.contact-info i { float: left; margin: 8px 10px 0 0;}
 				.contact-info .fa-home { float: left; margin-bottom: 40px;}
 		.contact-social { margin: 20px 0 0 0;}
 			.contact-social li { display: inline-block; text-align: center;}
 				.contact-social li a { display: inline-block; min-width: 40px; padding: 5px 10px; border: 1px solid #efefef; color: #888;}
 	#contactform { position: relative; }
 	#contactform .notification { width: 74.5%; }
 	#contactform #formloader { font-size: 2em; vertical-align: middle; color: #2ea9ef; display: none;}
 	#contacterror-placeholders { display: none;}

 	/* Single & Page */
 	.single .content.col.span_9,
 	.page .content.col.span_9 { padding-bottom: 60px;}

 	/* Portfolio Archive */
 	#isotope-container .item {
 		margin: 0 1.8% 1.8% 0;
 		-webkit-box-sizing: border-box;
 		-moz-box-sizing: border-box;
 		box-sizing: border-box;
 		display: block;
 		float: left;
 	}

 	/* Portfolio Single */
 	.portfolio-inner { padding: 0 40px 0 0;}
 		ul#portfolio-info { list-style: none; margin: 40px 0 0 0;}
 			#portfolio-info li { line-height: 24px; margin: 0 0 20px 0; color: #555;}

 	/* Portfolio Single Nav */
 	.port-nav li { display: inline-block;}
 		.nav-prev a,
 		.view-grid a,
 		.nav-next a { display: inline-block; border: 1px solid #efefef; padding: .5em 1em;}
 			.nav-prev a:hover,
 			.view-grid a:hover,
 			.nav-next a:hover { background: #f1f1f1;}

 	/* Related Portfolio */
 	.related-portfolio { border-top: 1px solid #efefef; margin: 60px 0 60px 0; padding: 60px 0 0 0;}
 	.related-portfolio h4 { margin: 0 0 30px 0; text-transform: uppercase;}

 	/* Services Archive */
 	.service { margin-bottom: 2%; min-height: 250px; border: 1px solid #efefef;}
 		.service-inner { padding: 20px;}
 	.service:nth-child(4n) { margin-left: 0 !important;}
 		.service:nth-child(4n):after { clear: both;}
 		.service h4,
 		.service p { text-align: center;}
 		.pricing { margin: 0 0 40px 0; font-weight: 800;}
 			.pricing li { border-bottom: 1px solid #efefef;}
 				.pricing li span { display: inline-block; float: right; font-weight: normal; padding: 0 0 0 10px;}

 	/* Staff Archive */
 	.staff { margin-bottom: 2%; min-height: 250px; border: 1px solid #efefef;}
 		.staff-inner { padding: 20px;}
 	.staff:nth-child(4n) { margin-left: 0 !important;}
 		.staff:nth-child(4n):after { clear: both;}
 		.staff h4,
 		.staff h5,
 		.staff p { text-align: center;}
 			.staff h5 { color: #999; font-weight: normal;}

 	/* Footer */
 	footer.row { margin: 0; padding: 60px 0; color: #ccc; background: #18191b;}
 		footer .widget { padding: 0 20px 0 0; border-right: 1px solid #333;}
 				footer .widget:nth-of-type(3n) { padding-right: 0; border-right: 0;}
 			footer .widget li { border-bottom-color: #333;}



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

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

 	/* Smaller than standard 960 (devices and browsers) */
 	@media only screen and (max-width: 959px) {
 		
 		/* Masthead */
 		#masthead nav.left,
 		#masthead nav.right { display: none;}
 			#masthead .col.span_2 { margin-left: 0;}
 			#masthead .col.span_5 { width: 83%;}

 			/* Mobile Nav */
 			.show-hide { display: inline-block !important; position: absolute; top: 24px; right: 5%; font-size: 16px; border-radius: 5px; padding: 3px 12px; background: #a5d5bb; color: #fff !important;}
 				.show-hide a,
 				.show-hide a:visited { color: #fff !important;}
 			#mobile-nav { display: block; position: relative; width: 100%; right: 0; top: 0; right: 0; width: 100%; padding: 20px 0; font-size: 12px;}
 				#mobile-nav li a { display: block; padding: 8px 0; border-bottom: 1px solid #8d8580; color: #fff !important;}

 			/* Cart */
 			#masthead #cart-loader { position: relative; top: -8px;}
 			#masthead .right-nav { margin-right: 65px;}
 			#masthead .right-nav > li { top: 34px;}

 			/* Columns */
 			#masthead .col.span_1 { width: 6.5% !important;}
 			#masthead .col.span_2 { width: 50% !important;}
 			#masthead .col.span_5 { width: 50% !important; margin-left: 0 !important;}

 	}

 	/* Tablet Portrait size to standard 960 (devices and browsers) */
 	@media only screen and (min-width: 768px) and (max-width: 959px) {



 	}

 	/* All Mobile Sizes (devices and browser) */
 	@media only screen and (max-width: 767px) {

 		/* Masthead */
 		#masthead .logo {}

 		/* Blog */
 		.author-avatar { display: none;}

 		/* Grid */
 		.col,
 		.singlecol,
 		.onethirdcol,
 		.twocol,
 		.twothirdcol,
 		.threecol,
 		.fourcol,
 		div.product div.images,
 		#content div.product div.images,
 		div.product div.images,
 		#content div.product div.images,
 		.summary.entry-summary,
 		#archive ul.products li.product,
 		.aq-template-wrapper .aq_span1,
 		.aq-template-wrapper .aq_span2,
 		.aq-template-wrapper .aq_span3,
 		.aq-template-wrapper .aq_span4,
 		.aq-template-wrapper .aq_span5,
 		.aq-template-wrapper .aq_span6,
 		.aq-template-wrapper .aq_span7,
 		.aq-template-wrapper .aq_span8,
 		.aq-template-wrapper .aq_span9,
 		.aq-template-wrapper .aq_span10,
 		.aq-template-wrapper .aq_span11,
 		.aq-template-wrapper .aq_span12 { width: 100% !important; margin-left: 0 !important;}	

 		div.product div.images,
 		#content div.product div.images,
 		div.product div.images,
 		#content div.product div.images { margin-bottom: 30px;}		

 		/* Product */
 		ul.products figure.product-image .info { opacity: 1; background: none;}
 			ul.products figure.product-image .details-btn,
 			ul.products figure.product-image .add-to-cart { background: #a5d5bb; border-color: #a5d5bb; opacity: 1;}

 	}

 	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
 	@media only screen and (min-width: 480px) and (max-width: 767px) {
 		
 		/* Top Bar */
 		#topbar-wrap .social { display: none;}

 	}

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

 	}

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

 		/* Top Bar */
 		#topbar-wrap { font-size: 9px;}
 		#topbar-wrap p { text-align: center;}
 		#topbar-wrap .social { display: none;}

 		/* Masthead */
 		#masthead .right-nav { margin-right: 75px;}

 		/* Home */
 		#topbar-wrap { margin: 0 0 70px 0;}

 	}
	/*
	* Layout
	*
	* @package WP Day Spa
	* @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 { display: block; max-width: 100%; height: auto;}

	/* Top Bar */
	#topbar-wrap { font-size: 11px; background: rgba(109,104,110,1); color: #fff; border-bottom: 1px solid #777;}
	#topbar-wrap p { padding: 4px 0;}
	#topbar-wrap li { float: left; text-align: center; margin: 0;}

	#topbar-wrap .social a { display: inline-block; min-width: 30px; padding: 4px 16px; margin: 0; font-size: 12px; border-right: 1px solid #8d8580; color: #fff;}
	#topbar-wrap .social li:first-child a { border-left: 1px solid #8d8580;}
	#topbar-wrap .social li:last-child a { border-right: none;}
	.facebook a:hover { background: #3a7ea2; color: #fff !important;}
	.twitter a:hover { background: #55c5ef; color: #fff !important;}
	.linkedin a:hover { background: #4875b4; color: #fff !important;}
	.google a:hover { background: #c63d2d; color: #fff !important;}
	.dribbble a:hover { background: #ea4c89; color: #fff !important;}
	.pinterest a:hover { background: #c92228; color: #fff !important;}
	.instagram a:hover { background: #517fa4; color: #fff !important;}
	.github a:hover { background: #000; color: #fff !important;}
	.contact a:hover { background: #000; color: #fff !important;}
	.wpml-lang { position: relative; padding: 12px 16px; background: #777;}
	.wpml-lang ul { position: relative; top: 2px;}
	.wpml-lang li { display: inline-block; margin: 0 8px 0 0 !important;}
	.wpml-lang li:last-child { margin: 0 !important;}
	#topbar-wrap .contact-phone { padding: 4px 16px; background: #8d8580;}

	/* Masthead */
	#masthead { position: absolute; top: 0; background: rgba(109,104,110,0.9);}
	body.admin-bar #masthead { top: 69px; }
	header#masthead.row { width: 100%; margin: 0; z-index: 99999;}
	.site-logo { padding: 15px 0;}
	#masthead .right-nav { float: right;}
	#masthead .left-nav { float: left;}
	#masthead .right-nav > li,
	#masthead .left-nav > li { display: inline-block; position: relative; top: 28px; font-size: 18px;}
	#masthead .right-nav li a,
	#masthead .left-nav > li a { color: #fff;}
	li.search { margin: 0 20px 0 0;}
	.show-hide { display: none !important;}

	/* Masthead Sticky */
	#masthead-placeholder { display: none; height: 0;}
	#masthead.sticky { /top: 0;/ position: fixed; background: rgba(109,104,110,0.9);}

	/* Home */
	article.full-width .wpb_row { margin-left: 0; margin-right: 0;}
	.vc_responsive article.full-width .wpb_row .vc_span12 { padding-left: 0; padding-right: 0; }
	.home .page-builder { padding-top: 30px;}
	.home .latest-products { margin: 0 0 60px 0;}


	/* Search Bar */
	#search-bar { display: none; width: 100%; background: #fff; height: 0px; overflow: hidden; float: left; border-bottom: 1px solid #ccc;}
	#search-bar .container { padding-top: 9px;}
	#search-bar i.fa { color: #777;}
	#search-bar form { margin: 0; display: inline;}
	#search-bar form input { margin-bottom: 0;}
	#search-bar #search-input { background: #fff; font-size: 13px; border: 0;}
	#search-bar input[type="submit"] { visibility: hidden; }
	#search-bar #search-close { float: right; margin: 3px 0 0 0;}
	#search-bar #search-close i.fa { color: #777;}

	/* Dark Header Image Overlay */
	.dark-overlay { width: 100%; padding: 140px 0 80px 0; background: rgba(109,104,110,0.9);}

	/* Archives & Search */
	#archive-header {}
	#archive-header h1 { font-weight: 800; color: #fff; text-align: center;}
	.archive-inner { padding: 0 40px 0 0;}
	article.post { margin: 0 0 60px 0; padding: 0 0 60px 0; border-bottom: 1px solid #ececec;}
	.author-avatar { margin: 0 20px 0 0;}
	.author-avatar img { height: 80px; width: 80px; border-radius: 40px;}
	.entry-title { max-width: 80%; text-transform: uppercase;}
	#archive .meta,
	#search .meta { color: #888; text-transform: uppercase;}

	/* Single */
	#single-header { margin: 0 0 60px 0; background: #000; text-align: center;}
	#single-header .author-avatar img { display: inline-block; margin: 0 auto 20px auto; width: 80px; height: 80px; border-radius: 40px;}
	#single-header h1 { text-transform: uppercase; font-weight: 800; color: #fff;}
	#single-header h2 { font-size: 1.0625em; color: #efefef; font-weight: 300; font-family: 'Lato', 'sans-serif'; text-transform: uppercase;}
	#single-header p,
	#single-header a { font-size: 14px; margin: 8px 0 0 0; color: #797979;}
	#single-header .meta { padding: 3px 10px; background: rgba(0,0,0,0.5);}

	.single-inner { padding: 0 40px 0 0;}
	.single .span_2 { color: #fff;}

	/* Post Social */
	.post-social h6 { text-transform: uppercase; color: #ccc; margin: 20px 0 12px 0;}
	.post-social li { display: inline-block; text-align: center;}
	.post-social li a { display: inline-block; min-width: 40px; padding: 5px 10px; border: 1px solid #efefef; color: #888;}

	/* Page Links */
	.page-link { margin: 30px 0 0 0; color: #ccc; font-size: 14px; text-transform: uppercase;}

	/* Author Info */
	#authorinfo { margin: 60px 0 0 0; padding: 40px 0 0 0; border-top: 1px solid #efefef;}
	#authorinfo h5 { text-transform: uppercase;}
	#authorinfo img { height: 160px; width: 160px; border-radius: 80px;}
	.author-inner { padding: 0 0 0 20px;}
	h5.the-author { font-size: 1em;}
	.author-inner p { color: #555; font-weight: 300;}
	.author-inner li { display: inline-block; margin: 0 20px 0 0;}
	.author-inner li a { color: #888;}
	.author-inner li a:hover { background: none;}
	.author-inner i { color: #888 !important;}

	/* Related Posts */
	.related-title { margin: 0 0 25px 0; padding: 60px 0 0 0; border-top: 1px solid #efefef; text-transform: uppercase;}
	.related h6 { margin: 15px 0 10px 0; text-transform: uppercase;}
	.related p { font-weight: 300; color: #555; font-size: 0.875em; line-height: 1.55em;}

	/* Post Nav */
	.post-nav { margin: 60px 0 60px 0;}
	.post-nav i { position: relative; top: 1px; display: inline-block;}
	.post-nav i.icon-chevron-left { margin-right: 10px;}
	.post-nav i.icon-chevron-right { margin-left: 10px;}

	/* Page */

	/* 404 */
	.error404 #single-header { margin: 0;}
	.error404 .dark-overlay { padding: 260px 0;}

	/* Contact */
	.page-template-template-contact-php #single-header { background: #ccc;}
	#location #map { position: relative; z-index: 0; height: 360px; width: 100%; background: url(../images/loader.gif) center center no-repeat; border-bottom: 1px solid #e9ebed;}
	#map a img { display:none;}
	#map .gmnoprint { width: auto !important;}
	.page-template-template-contact-php h1,
	.page-template-template-contact-php h2 { text-align: center;}
	.page-template-template-contact-php h1 { font-size: 24px; text-transform: uppercase; margin: 0 0 8px 0;}
	.page-template-template-contact-php h2 { font-size: 16px; color: #888; font-family: "Lato", sans-serif; font-weight: 300; margin: 0 0 60px 0;}
	.page-template-template-contact-php h5 { text-transform: uppercase; margin: 0 0 25px 0;}
	.contact-info li { margin: 0 0 10px 0; clear: both;}
	.contact-info i { float: left; margin: 8px 10px 0 0;}
	.contact-info .fa-home { float: left; margin-bottom: 40px;}
	.contact-social { margin: 20px 0 0 0;}
	.contact-social li { display: inline-block; text-align: center;}
	.contact-social li a { display: inline-block; min-width: 40px; padding: 5px 10px; border: 1px solid #efefef; color: #888;}
	#contactform { position: relative; }
	#contactform .notification { width: 74.5%; }
	#contactform #formloader { font-size: 2em; vertical-align: middle; color: #2ea9ef; display: none;}
	#contacterror-placeholders { display: none;}

	/* Single & Page */
	.single .content.col.span_9,
	.page .content.col.span_9 { padding-bottom: 60px;}

	/* Portfolio Archive */
	#isotope-container .item {
	margin: 0 1.8% 1.8% 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	float: left;
	}

	/* Portfolio Single */
	.portfolio-inner { padding: 0 40px 0 0;}
	ul#portfolio-info { list-style: none; margin: 40px 0 0 0;}
	#portfolio-info li { line-height: 24px; margin: 0 0 20px 0; color: #555;}

	/* Portfolio Single Nav */
	.port-nav li { display: inline-block;}
	.nav-prev a,
	.view-grid a,
	.nav-next a { display: inline-block; border: 1px solid #efefef; padding: .5em 1em;}
	.nav-prev a:hover,
	.view-grid a:hover,
	.nav-next a:hover { background: #f1f1f1;}

	/* Related Portfolio */
	.related-portfolio { border-top: 1px solid #efefef; margin: 60px 0 60px 0; padding: 60px 0 0 0;}
	.related-portfolio h4 { margin: 0 0 30px 0; text-transform: uppercase;}

	/* Services Archive */
	.service { margin-bottom: 2%; min-height: 250px; border: 1px solid #efefef;}
	.service-inner { padding: 20px;}
	.service:nth-child(4n) { margin-left: 0 !important;}
	.service:nth-child(4n):after { clear: both;}
	.service h4,
	.service p { text-align: center;}
	.pricing { margin: 0 0 40px 0; font-weight: 800;}
	.pricing li { border-bottom: 1px solid #efefef;}
	.pricing li span { display: inline-block; float: right; font-weight: normal; padding: 0 0 0 10px;}

	/* Staff Archive */
	.staff { margin-bottom: 2%; min-height: 250px; border: 1px solid #efefef;}
	.staff-inner { padding: 20px;}
	.staff:nth-child(4n) { margin-left: 0 !important;}
	.staff:nth-child(4n):after { clear: both;}
	.staff h4,
	.staff h5,
	.staff p { text-align: center;}
	.staff h5 { color: #999; font-weight: normal;}

	/* Footer */
	footer.row { margin: 0; padding: 60px 0; color: #ccc; background: #18191b;}
	footer .widget { padding: 0 20px 0 0; border-right: 1px solid #333;}
	footer .widget:nth-of-type(3n) { padding-right: 0; border-right: 0;}
	footer .widget li { border-bottom-color: #333;}



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

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

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

	/* Masthead */
	#masthead nav.left,
	#masthead nav.right { display: none;}
	#masthead .col.span_2 { margin-left: 0;}
	#masthead .col.span_5 { width: 83%;}

	/* Mobile Nav */
	.show-hide { display: inline-block !important; position: absolute; top: 24px; right: 5%; font-size: 16px; border-radius: 5px; padding: 3px 12px; background: #a5d5bb; color: #fff !important;}
	.show-hide a,
	.show-hide a:visited { color: #fff !important;}
	#mobile-nav { display: block; position: relative; width: 100%; right: 0; top: 0; right: 0; width: 100%; padding: 20px 0; font-size: 12px;}
	#mobile-nav li a { display: block; padding: 8px 0; border-bottom: 1px solid #8d8580; color: #fff !important;}

	/* Cart */
	#masthead #cart-loader { position: relative; top: -8px;}
	#masthead .right-nav { margin-right: 65px;}
	#masthead .right-nav > li { top: 34px;}

	/* Columns */
	#masthead .col.span_1 { width: 6.5% !important;}
	#masthead .col.span_2 { width: 50% !important;}
	#masthead .col.span_5 { width: 50% !important; margin-left: 0 !important;}

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {



	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

	/* Masthead */
	#masthead .logo {}

	/* Blog */
	.author-avatar { display: none;}

	/* Grid */
	.col,
	.singlecol,
	.onethirdcol,
	.twocol,
	.twothirdcol,
	.threecol,
	.fourcol,
	div.product div.images,
	#content div.product div.images,
	div.product div.images,
	#content div.product div.images,
	.summary.entry-summary,
	#archive ul.products li.product,
	.aq-template-wrapper .aq_span1,
	.aq-template-wrapper .aq_span2,
	.aq-template-wrapper .aq_span3,
	.aq-template-wrapper .aq_span4,
	.aq-template-wrapper .aq_span5,
	.aq-template-wrapper .aq_span6,
	.aq-template-wrapper .aq_span7,
	.aq-template-wrapper .aq_span8,
	.aq-template-wrapper .aq_span9,
	.aq-template-wrapper .aq_span10,
	.aq-template-wrapper .aq_span11,
	.aq-template-wrapper .aq_span12 { width: 100% !important; margin-left: 0 !important;}

	div.product div.images,
	#content div.product div.images,
	div.product div.images,
	#content div.product div.images { margin-bottom: 30px;}

	/* Product */
	ul.products figure.product-image .info { opacity: 1; background: none;}
	ul.products figure.product-image .details-btn,
	ul.products figure.product-image .add-to-cart { background: #a5d5bb; border-color: #a5d5bb; opacity: 1;}

	}

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

	/* Top Bar */
	#topbar-wrap .social { display: none;}

	}

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

	}

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

	/* Top Bar */
	#topbar-wrap { font-size: 9px;}
	#topbar-wrap p { text-align: center;}
	#topbar-wrap .social { display: none;}

	/* Masthead */
	#masthead .right-nav { margin-right: 75px;}

	/* Home */
	#topbar-wrap { margin: 0 0 70px 0;}

	}