/*
Theme Name: NDM One Page Porfolio Website 
Theme URI: 
Description: A minimalist responsive WordPress template theme built with HTML 5.
Version: 1.2.1
Author: Joshua Terrington
Author URI: www.nextdoormedia.com.au
Tags: minimalist, template, html5, responsive, one page

The CSS, HTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-3.0.html
*/

/* Table of Content
==================================================
	#Font-Face
	#Body Style
	#Site Styles
	#6px Grid Layout
	#Header Styles
	#Page Styles
	#Footer
	#Media Queries
*/

/* Animation 
-------------------------------------------------- */
.come-out { opacity: 0; filter:aplha(opacity=0); }
.come-in {
	opacity: 1 !important;
	filter:aplha(opacity=100) !important;
 	-webkit-transition: opacity .7s ease-in-out;
	-moz-transition: opacity .7s ease-in-out;
	-o-transition: opacity .7s ease-in-out;
	transition: opacity .7s ease-in-out;
}

/*.fitness-image { margin-bottom: 54px; }
#fitness #header-slideshow.flexslider .flex-caption { margin-top: 30px; }*/



/* #Body
-------------------------------------------------- */
html { min-height: 100%;  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 100%; }
body {

	min-height: 100%; 

	/* Mozilla Firefox */ 
	background-image: url('images/bg.png'), -moz-radial-gradient(center, circle farthest-corner, #E7ECF0 0%, #AEB4B9 100%);
	
	/* Opera */
	background-image: url('images/bg.png'), -o-radial-gradient(center, circle farthest-corner, #E7ECF0 0%, #AEB4B9 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: url('images/bg.png'), -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, #E7ECF0), color-stop(1, #AEB4B9));
	
	/* Webkit (Chrome 11+) */
	background-image: url('images/bg.png'), -webkit-radial-gradient(center, circle farthest-corner, #E7ECF0 0%, #AEB4B9 100%);
	
	/* W3C Markup, IE10 Release Preview */
	background-image: url('images/bg.png'), radial-gradient(circle farthest-corner at center, #E7ECF0 0%, #AEB4B9 100%);
	
	/* IE10 Consumer Preview */
	background-image: url('images/bg.png '), -ms-radial-gradient(center, circle farthest-corner, #E7ECF0 0%, #AEB4B9 100%);
  	
  	/* IE < 9 */			
  	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#E7ECF0, endColorstr=#AEB4B9);
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#E7ECF0, endColorstr=#AEB4B9)";
  	
  	
  	/* Backgroun size */
	-moz-background-size: auto;
 	-webkit-background-size: auto;
 	background-size:  auto;
 	
 	background-position: 0 0;
 	background-repeat: repeat;
 	
 	background-attachment:fixed;
 	
 	font: 17px/24px "chaparral-pro", Georgia, sans-serif;
 	color: #444e54;
 	
 	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* #Site Styles
-------------------------------------------------- */
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
::selection {
	background: #0e5c7e;
	color: #FCFCFC;
}
figure,
embed,
object,
video {
	max-width: 100%;
}
figure img, 
img { max-width: 100%; display: block; }

a { 
	text-decoration: underline; 
	text-decoration: none; 
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
a:hover,
a:visited { 
	border-bottom: 0px solid; text-decoration: none; 
	color: #333;	
}

.preloader { background:url(images/loader.gif) center center no-repeat transparent; display: block !important; display: inline-block !important; min-height: 100%; vertical-align: middle; }

.arrow {
	background: url("images/nav-arrow-sprite.png") top left no-repeat transparent;
	height: 32px;
	width: 32px;
	position: absolute;
	cursor: pointer;
	opacity: 0.8; filter:alpha(opacity=80);
	display: block;
	margin: -20px 0 0;
}
.arrow.left { left: 0px; }
.arrow.right { right: 0px; background-position: right top; }
.arrow:hover { opacity: 1; filter:alpha(opacity=100); }

.shadow-text {  
    letter-spacing: 0.05em;
    text-shadow: 2px 1px 0 #D5D9DC, 3px 2px 0 #304249;
} 
.shadow-text h2 {
	font: 300%/120% 'proxima-nova','verdana',sans-serif;
} 

/* Button
-------------------------------------------------- */
.button { position: relative; cursor: pointer; display: inline-block; }
.button:before,
.button:after { /* double border */
    content: '';
    position: absolute;
    left: 0px;
    height: auto;
    width: 100%;
    bottom: -1px;
}

.blue.button {
	background-color: #1281b2;
	vertical-align: middle;
	
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.blue.button a,
.blue.button span,
.blue.button input { 
	font-family: "chaparral-pro", Georgia, sans-serif;
	text-decoration: none; 
	color: #FCFCFC; 
	border-bottom: 0px; /* text-shadow: 0px 1px 2px #0f6c94; */
	font-weight: 400;
	border: 0px;
	font-size: 15px; 
	line-height: 24px;
	cursor: pointer;
	font-style: italic;
	
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.blue.button input { background: none; margin: 0px; padding: 0px; font-weight: 400; }
.blue.button span { padding: 0 3px; text-transform: none;  float: right; }
.medium.blue.button {
	border: 0px;
	border-bottom: 3px solid #0e5c7e;
	
	/*background-image: url(images/diagonal_light.png);U
	background-position: left top;
	background-repeat: repeat;*/
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	padding: 4px 20px 3px;
}
.blue.button.medium input { padding: 0px; } 

.blue.button:hover { background-color: #1e89b9; color: #FFF; }
.blue.button:hover a { text-shadow: none; }
.button:hover {
	/*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:  inset 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);*/
    
}
.blue.button:before,
.blue.button:after {
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
    border-bottom: 1px solid #448cab;
}
.blue.button:active:before,
.blue.button:active:after {
    border-bottom: none;
}
.blue.button:active { 
	-webkit-box-shadow: 0 0px 1px #cbcfd2;
    -moz-box-shadow:  0 0px 1px #cbcfd2;
    box-shadow:  0px 1px 0 #cbcfd2, inset 0 1px 1px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #0e5c7e;
}

.blue.button.right { float: right; }
img.ajax-loader { position: absolute; left: 110%; }

/* #form data
-------------------------------------------------- */
select {
	background: transparent;
	width: 268px;
	padding: 5px;
	font-size: 16px;
	line-height: 1;
	border: 0;
	border-radius: 0;
	height: 34px;
	-webkit-appearance: none;
}
input[type="text"], input[type="password"], input[type="search"], input[type="email"], textarea, select {
	background: #B3B8C2;
	border-top: 1px solid #B3B8C2;
	border-left: 3px solid #CECFCF;
	border-right: 1px solid #B3B8C2;
	border-bottom: 1px solid #B3B8C2;
	color: #525961;
	font-weight: 400;
	width: 90%;
	padding: 6px 0 6px 10px;
	font-size: 15px; line-height: 18px;
	font-family: "chaparral-pro", Georgia, sans-serif;
}
input[type="text"].wpcf7-captchar { width: 70%; display: inline; }
img.wpcf7-captchac {
	display: inline;
	vertical-align: middle;
	margin: 0 10px;
	height: 24px;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="email"]:focus, textarea:focus {
	background: #b1b6bb;
	border-top: 1px solid #CECFCF;
	border-left: 3px solid #CECFCF;
	border-right: 1px solid #CECFCF;
	border-bottom: 1px solid #CECFCF;
	color: #525961;
}

*::-webkit-input-placeholder {
    color: #525961;
}

*:-moz-placeholder {
    color: #525961;
}

*:-ms-input-placeholder {
    /* IE10+ */
    color: #525961;
}

div.wpcf7 .watermark { color: #304249; font-weight: 400; }

.toggleMenu, .fb-like { display: none; }

/* #6px baseline
-------------------------------------------------- */
h1 { font-size: 36px; line-height: 42px; margin-bottom: 18px; font-family: "proxima-nova", "Helvetica Neue", Helvetica, san-serif; color: #444e54; text-transform: uppercase; }
h2 { font-size: 30px; line-height: 30px; margin-bottom: 18px; font-family: "proxima-nova", "Helvetica Neue", Helvetica, san-serif; color: #535962; text-transform: uppercase; }
h3 { font-size: 21px; line-height: 24px; margin-bottom: 18px; font-weight: 700; 
	 font-family: "proxima-nova", "Helvetica Neue", Helvetica, san-serif; color: #535962;
	 text-transform: uppercase;
}
h4 { font-size: 18px; line-height: 18px; margin-bottom: 12px;
	font-weight: 700; font-family: "proxima-nova", "Helvetica Neue", Helvetica, san-serif; color: #444e54; text-transform: uppercase; }
h5 { font-size: 15px; line-height: 24px; font-weight: 700; }
h6 { font-size: 13px; line-height: 18px; }

p { margin: 0 0 24px 0; }
p img { margin: 0; }
p.lead { line-height: 30px; }

/* Blockquotes
-------------------------------------------------- */
blockquote, blockquote p { line-height: 24px; }
blockquote { margin: 0 0 24px; padding: 6px 18px 0 18px; }

hr { margin: 6px 0 30px; }

/* Lists
-------------------------------------------------- */
ul, ol { margin-bottom: 18px;  }
ul ul, ul ol,
ol ol, ol ul { margin: 6px 0 6px 30px; }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 18px; margin-bottom: 12px; }
ul.large li { line-height: 24px; }
li p { line-height: 24px; }

/* Typography
-------------------------------------------------- */
.highlight {  
	text-align: center;
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 48px;
	color: #668A9C;
}

/* Page Styles
-------------------------------------------------- */
#wrapper {
	/* Mozilla Firefox */ 
	background-image: url('images/bg.png'), -moz-radial-gradient(center, circle farthest-corner, #E7ECF0 0%, #AEB4B9 100%);
	
	/* Opera */
	background-image: url('images/bg.png'), -o-radial-gradient(center, circle farthest-corner, #E7ECF0 0%, #AEB4B9 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: url('images/bg.png'), -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, #E7ECF0), color-stop(1, #AEB4B9));
	
	/* Webkit (Chrome 11+) */
	background-image: url('images/bg.png'), -webkit-radial-gradient(center, circle farthest-corner, #E7ECF0 0%, #AEB4B9 100%);
	
	/* W3C Markup, IE10 Release Preview */
	background-image: url('images/bg.png'), radial-gradient(circle farthest-corner at center, #E7ECF0 0%, #AEB4B9 100%);
	
	/* IE10 Consumer Preview */
	background-image: url('images/bg.png '), -ms-radial-gradient(center, circle farthest-corner, #E7ECF0 0%, #AEB4B9 100%);
  	
  	/* IE < 9 */			
  	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#E7ECF0, endColorstr=#AEB4B9);
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#E7ECF0, endColorstr=#AEB4B9)";
  	
  	
  	/* Backgroun size */
	-moz-background-size: auto;
 	-webkit-background-size: auto;
 	background-size:  auto;
 	
 	background-position: 0 0;
 	background-repeat: repeat;
 	
 	background-attachment:fixed;
}

.parallax-white { background: #FCFCFC; z-index: 100; position: relative; }
.parallax-dark 	{ background: #525961; color: #B3B8C2; z-index: 100; position: relative; }
.parallax-blue	{ background-color: #0f6c94; z-index: 100; position: relative; }
.parallax-grey { background-color: #DFDFDF; z-index: 100; position: relative; }
.parallax-lightblue { background-color: #aed2d3; z-index: 100; position: relative; }


/* #Header Styles
-------------------------------------------------- */
#container { position: relative; }

#header { position: relative; margin-top: 78px; overflow: hidden; }

#contact-header {
	text-align: right;
	font-size: 14px;
	font-family: "chaparral-pro", Georgia, serif;
	line-height: 30px;
	position: relative;
	margin: 18px 0;
	font-style: italic;
	z-index: 100;
}
#contact-header .phone,
#contact-header .email { display: inline; }
#contact-header .phone { padding: 0 10px 0 0; }
#contact-header .phone a:hover,
#contact-header .email a:hover { color: #0f6c94; }

h1.logo {
	background: url(images/logo-large.png) no-repeat center center scroll transparent;
	height: 370px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}

header.primary { }


/* Header Slide
   Caption Styles
-------------------------------------------------- */
#header-slideshow.flexslider { float: none; }
#header-slideshow.flexslider .slides { position: relative; /*margin-top: 90px;*/ }

#header-slideshow.flexslider .flex-caption { /*position: absolute; top: 160px; */ margin-top: 72px; z-index: 10;}
#header-slideshow.flexslider .flex-caption h3.heading { 
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, san-serif; 
	font-size: 28px;
	line-height: 36px;
	color: #444e54;
	font-weight: 700; 
	
	display: block; width: 100%;
	z-index: 10;
}
#header-slideshow.flexslider .flex-caption .comments {
	font-family: "chaparral-pro", Georgia, serif;
	font-size: 19px;
	line-height: 24px;
	display: block; width: 100%;
	color: #333;
	z-index: 10;
}
#header-slideshow.flexslider .flex-caption br { height: 10px; }
#header-slideshow.flexslider figure { position: absolute; bottom: 0px; min-width: 100%; z-index: 0; }
#header-slideshow.flexslider .primary.slideshow { z-index: 10; }


/* #Navigation
-------------------------------------------------- */
div#main-nav { 
	background: #222832;
	position: fixed; height: 78px; width: 100%; z-index: 9999; top: 0px;
	border-bottom: 6px solid #5C636B;
	
}
#small-logo { vertical-align: middle; margin-top: 9px; text-align: center; }
/*.no-js div#main-nav { background: #222832; position: relative; height: 78px; }*/
nav.primary { text-align: right; }
nav.primary ul#menu-primary,
nav.primary ul#menu-single {
	/*height: 54px;*/
	text-align: right;
	position: relative;
	display: inline-block;
	*display: inline; /* IE */
	
}
div#main-nav.fixed-nav { z-index: 9999; position: fixed; top: 0; width: 100%; height: 78px; } 

nav.primary select { 
	display: none; 
	width: 100%;
	height: 28px;
	margin: 21px 0;	
}
nav.primary ul,
nav.primary ul li { margin: 0px; padding: 0px; }
nav.primary ul li {
	display: inline;
	float: left;
	position: relative;
	/*margin: 0 1px;*/
}
nav.primary ul li:first-child { margin-left: 0; border: none; }
nav.primary ul li:last-child { margin-right: 0; border: none; }
nav.primary ul li a {
	font-family: 'proxima-nova', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 15px;

	color: #C9CACA;
	
	display: inline-block;
	line-height: 18px;
	text-decoration: none;
	padding: 27px 12px;
	
}
/*nav.primary ul li:last a { padding: 0px 0px 0px 12px; }
nav.primary ul li:first a { padding: 0px 12px 0px 0px; }
/*nav.primary ul li > a:hover, 
nav.primary ul li:hover > a,
nav.primary ul li.current-menu-item > a  {
	cursor: pointer;
	text-decoration: none;
	
	color: #fcfcfc;
	
	//color: #1281b2;
}*/
nav.primary ul li:hover > a, 
nav.primary ul li:hover,
nav.primary ul li.current-menu-item,
nav.primary ul li.current-menu-item > a  {
	cursor: pointer;
	text-decoration: none;
	
	color: #1281b2;
	
	/*background: #1281b2;*/
	
	/*-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/
}
nav.primary ul li:hover > a,
nav.primary ul li.current-menu-item > a {
	border-bottom: 6px solid #1281b2;
	-webkit-transition: border-bottom 100ms ease;
	-moz-transition: border-bottom 100ms ease;
	-o-transition: border-bottom 100ms ease;
	transition: border-bottom 100ms ease;
}
nav.primary ul li.current-menu-item  {
	/*background: url('images/nav-hover.png') no-repeat center bottom scroll transparent;*/
}
nav.primary ul li:last-child { margin-top: 21px; }
nav.primary ul li:last-child > a {
	background-color: #1281b2;
	border-radius: 3px;
	line-height: 18px;
	color: #fcfcfc;
	position: relative;
	padding: 6px 15px;
	vertical-align: middle;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
nav.primary ul li:last-child > a:hover,
nav.primary ul li:last-child.current-menu-item > a { color: #fcfcfc; background: #0f6c94; border-bottom: none; }
nav.primary ul li:last-child.current-menu-item > a:before,
nav.primary ul li:last-child > a:before:hover {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-bottom: 1px solid #448cab;
}

/* Project Planner
-------------------------------------------------- 
#project-planner a { display: none; }
/*#project-planner a { 
	width: 60px;
	height: 50px;
	background: #202020;
	display: block;
	position: relative;
	text-align: center;
	font-style: italic;
	color: #fcfcfc;
	line-height: 18px;
	padding-top: 6px;
	box-shadow:  0px 1px 0 #111111, inset 0 1px 1px rgba(0, 0, 0, 0.3);
}
#project-planner a:after {
	content: '';
	position: absolute;
	left: 0px;
	bottom: -30px;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 30px solid #202020;
	
}
#project-planner a:hover { background: #1281b2; border-color: #1281b2; }
#project-planner a:after:hover {
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 30px solid #1281b2;
} */

/*
 * jQuery FlexSlider v1.8
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/*
Browser Resets
================================================== */ 
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
================================================== */
.flexslider { width: 100%; margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { min-width: 100%; display: block; vertical-align: middle; }
.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/*
Custom Styles
-------------------------------------------------- 
.flexslider { position: absolute; bottom: 0px; left: 0px; }
.flexslider .slides { zoom: 1; overflow: hidden; }
.flexslider .slides > li { position: relative; }
.flexslider .slides li { margin-bottom: 0; }

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative; overflow: hidden;}

/* Direction Nav 
.flexslider .flex-direction-nav li a { width: 52px; height: 52px; margin: 0; display: block; background: url(images/slider_direction_nav.gif) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0.5;}
.flexslider .flex-direction-nav li .next {background-position: -52px 0; right: 31%;}
.flexslider .flex-direction-nav li .prev {left: 6px;}
.flexslider .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
.flexslider .flex-direction-nav li a:hover { opacity: 1; }

/* Custom Style All
-------------------------------------------------- */
.flexslider .slides li { margin-bottom: 0; }

/*
Custom Styles Header SlideShow
-------------------------------------------------- */

/* Control Nav Header */
.flexslider .header-controls .flex-control-nav { position: absolute; bottom: 12px; right: 12px; }
.flexslider .header-controls .flex-control-nav li { margin: 0 0 0 2px; display: inline-block; zoom: 1; *display: inline;}
.flexslider .header-controls .flex-control-nav li:first-child { margin: 0;}
.flexslider .header-controls .flex-control-nav li a { width: 13px; height: 13px; display: block; background: url(images/slider_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px; }
.flexslider .header-controls .flex-control-nav li a:hover { background-position: 0 -26px; }
.flexslider .header-controls .flex-control-nav li a.flex-active { background-position: 0 -26px; cursor: default; }

/* Control Nav Work */
#ourwork .work-slides-controls .flex-direction-nav {
	text-align: right;
	font-size: 30px;
	line-height: 36px;
	margin-top: 12px;
	text-transform: uppercase;
}
#ourwork .work-slides-controls .flex-direction-nav a:hover { color: #1281b2; }
#ourwork .work-slides-controls .flex-direction-nav .flex-disabled { opacity: 0; filter:alpha(opacity=0); } 

/* #Sections
-------------------------------------------------- */
#ourwork,
#about,
#contact,
#services,
#search-page,
#fitnessform,
#contact-form,
section.content { position: relative; margin: 66px 0; }

#services header,
#about header,
#search-page header,
#error-page header,
#single-page header,
#fitnessform header,
#project-planner header,
#contact-form header,
section.content header { 
	background: url(images/line.png) repeat-x scroll 0 50% transparent;
	margin: 0 0 48px;
	text-align: center;
	/*
	height: 1px;
	position: relative;
	left: 0;
	background: rgba(18, 129, 178, 0.35); */
}
#services h2,
#about h2,
#search-page header h1,
#error-page header h1,
#single-page header h1,
#fitnessform header h1,
#project-planner header h1,
#contact-form header h1,
section.content header h1 { 
	display: inline-block; padding: 0 30px;
	background: #fcfcfc;
	margin-bottom: 0px;
}
#services ul {
	margin-top: 12px;
}
#ourwork ul.development_areas li,
#ourwork-single ul.development_areas li {
	font-size: 15px;
	margin-bottom: 0px;
}
#services ul li:before,
#ourwork ul.development_areas li:before,
#ourwork-single ul.development_areas li:before {
	content: '\e821';
	position:relative; 
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	color: #668A9C;
	
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: 6px;
	text-align: center;
	font-size: 70%;
	
	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;
	 
	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;
	
}

#services ul li { margin-bottom: 6px; text-indent:-6px; }
#services p.what-we-do,
p.highlighted_text, 
.highlighted_text { 
	text-align: center;
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 48px;
	/*color: #668A9C;*/
	color: #969CA0;
}
#ourwork p.highlighted_text,
#contact p.highlighted_text,
#services span.highlighted_text  { text-align: left; margin-bottom: 18px; font-size: 19px; line-height: 24px; }


/* #Process #Services
-------------------------------------------------- */
#services figure { min-height: 210px; margin-bottom: 18px; position: relative; }
#services figure img { text-align: center; margin: 0 auto; }
#services figure figcaption { position: absolute; bottom: 6px; width: 100%; }
#services .our-services figcaption header { margin: 0 0 12px; background: transparent; }
#services .our-services figcaption header h4 {
	color: #FCFCFC;
	text-align: center;
	margin-bottom: 0px;
	display: inline-block;
	vertical-align: middle;
}
#services article { /*border-top: 3px solid #4692b3;*/ padding: 0 0 12px 0px; }
#services span.highlighted_text { display: inline-block; font-style: italic; }


/* #ourwork
-------------------------------------------------- */
#ourwork header h2 { text-transform: uppercase; text-align: left; font-size: 30px; line-height: 30px; }
#ourwork_content { }
#ourwork #sites { position: relative; height: 444px; width:566px; } 
#ourwork #sites li { margin-bottom: 1px; margin-right: 1px; } 
#ourwork #sites ul ul { margin: 0px 0px 12px; overflow: hidden; position: relative; }
#ourwork .folio-piece {
	height: 216px;
	cursor: pointer;
	display: block;
	position: relative;
}
#ourwork .folio-piece a.caption {
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 10;
}
#ourwork .folio-piece a.caption::after {
    position: absolute;
    color: #fff;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; 
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
	margin: 12px; padding: 12px;
}
#ourwork .folio-piece a.caption::after {
    content: attr(data-title) '\A' attr(data-description);
    white-space: pre-wrap;
    bottom: 0px;
    background: rgba(0,0,0,0.75);
    font-size: 18px;
    font-weight: 300;
    border-radius: 3px;
    -webkit-transform: translateY(150%);
	-moz-transform: translateY(150%);
	-o-transform: translateY(150%);
	transform: translateY(150%);
}
#ourwork .folio-piece a.caption:hover::after {
    -webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-o-transform: translateY(0%);
    transform: translateY(0%);
}

#ourwork .folio-piece img {
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	display: block;
}
#ourwork .folio-piece img:hover { opacity: 0.4; filter:alpha(opacity=40); }
#ourwork #description {
	overflow: hidden;
	position: relative;
	top: -84px;
	z-index: 10;
	background: #FCFCFC;
}
#ourwork .slide-desc { margin-top: 18px; }
#ourwork #description article {
	padding: 6px 0px 18px 52px;
	background: url(images/hortizontal-line-dot-border.png) repeat-y left top scroll transparent;
}

#ourwork #description ul.site-specs { margin-top: 12px; }
#ourwork #description ul li p { line-height: 18px; }
#ourwork #description ul ul { padding: 0px; margin: 0px; font-size: 100%; }
#ourwork #description article.site-information { min-height: 276px; position: relative; font-size: 15px; line-height: 18px; }
/*#ourwork #description article.site-information ul.site-specs { position: absolute; bottom: 24px; } */
#ourwork #description article.site-information header { margin-bottom: 18px; }
#ourwork #description article.site-information header h3 { font-family: "proxima-nova", Helvetica; font-weight: bold; font-size: 21px; line-height: 24px; margin-bottom: 0px; color: #364a52; text-transform: none; }
#ourwork #description article.site-information header h5 { color: #3e555e; font-family: "proxima-nova", Helvetica; font-weight: lighter; font-size: 14px; line-height: 14px; }
#ourwork #description article.site-information h4 { font-size: 15px; text-transform: uppercase; }
#ourwork #description article.site-information p { padding: 0 0 18px 0; margin: 0; }
#ourwork #description article.site-information ul li a { color: #1281b2; margin-bottom: 0; }
#ourwork #description article.site-information ul li a:hover { color: #1b769e; }

#ourwork #description article.site-information .screen-sizes,
#ourwork-single .screen-sizes { margin-bottom: 12px; }
#ourwork #description article.site-information .desktop, 
#ourwork #description article.site-information .tablet, 
#ourwork #description article.site-information .mobile,
#ourwork-single .screen-sizes .desktop, 
#ourwork-single .screen-sizes .tablet, 
#ourwork-single .screen-sizes .mobile {
	vertical-align: middle;
	line-height: 36px;
	color: #3e555e;
}
#ourwork #description article.site-information .desktop { font-size: 36px; }
#ourwork #description article.site-information .tablet { font-size: 30px; margin-left: -14px; }
#ourwork #description article.site-information .mobile { font-size: 24px; margin-left: -20px; }
#ourwork-single .screen-sizes .desktop { font-size: 36px; }
#ourwork-single .screen-sizes .tablet { font-size: 30px; margin-left: -14px; }
#ourwork-single .screen-sizes .mobile { font-size: 24px; margin-left: -20px; }

#ourwork #description article.site-information .more-site-info { margin-top: 12px; }
#ourwork #description article.site-information .more-site-info a { padding: 1px 7px 0px; font-size: 10px; line-height: 10px; color: #f1f2f1; background: #3e555e; text-align: center; }
#ourwork #description article.site-information .more-site-info a:hover { background: #0075b1; }

#ourwork #description figure img { margin: 0 auto; }
#ourwork #description .site-slides { position: relative; margin-top: 36px; }

#ourwork #description div.icon { top: -42px; }
#ourwork #description div.icon:after { 
	width: 30px; height: 30px; 
	position: absolute; content: ' '; 
	display: block; right: 0; top: 0; 
	border-radius: 20px; border: 2px solid #444e54;
	border-bottom: 3px solid #444; 	
}
#ourwork #description a.close {
	position: absolute;
	right: 0px;
	top: 5px;
	font-size: 24px;
	line-height: 24px;
	color: #444e54;
	z-index: 99;
	cursor: pointer;
	font-weight: 100;
}
#ourwork #description a.close:hover { color: #0f6c94; }

/* Flexslider 
-------------------------------------------------- */
#ourwork #sites .flex-direction-nav { position: absolute; top: 0px; width: 100%; z-index: 99; }
#ourwork .site-slides .flex-direction-nav { opacity: 0.6; filter:alpha(opacity=60); position: absolute; width: 100%; z-index: 99; }
#ourwork .site-slides .flex-direction-nav { height: 36px; top: 40%; }
#ourwork .flexslider:hover .flex-direction-nav { opacity: 1; filter:alpha(opacity=100); }
#ourwork .flex-direction-nav li { display: inline; }
#ourwork #sites .flex-direction-nav li a { position: absolute; font-size: 24px; line-height: 444px; color: #444e54; width: 10px; opacity: 0.8; filter:alpha(opacity=80); }
#ourwork #sites .flex-direction-nav li a:hover { opacity: 1; filter:alpha(opacity=100); color: #0f6c94; }
#ourwork #sites .flex-direction-nav li a.flex-prev { left: 0px;  }
#ourwork #sites .flex-direction-nav li a.flex-next { right: 0px; }
#ourwork .work-slides-controls .flex-direction-nav li a .icon:before { width: auto; margin-right: 0px; margin-left: 0px; }
#ourwork .work-slides-controls .flex-direction-nav li a.flex-next .icon:before { margin-left: 6px; }

#ourwork .site-slides .flex-direction-nav li a { position: absolute; font-size: 30px; line-height: 30px; color: #444e54; }
#ourwork .flex-direction-nav li a.flex-prev { left: 0px; }
#ourwork .flex-direction-nav li a.flex-next { right: 0px; }

#ourwork #description ul.slide-desc > li { display: none; }

#ourwork #sites .slides li:hover { opacity: 1; filter:alpha(opacity=100); }
#ourwork #sites .slides li.flex-active-slide { opacity: 1; filter:alpha(opacity=100); cursor: default; }

/* Image Section
-------------------------------------------------- */
section.image-section {
	width: 100%;
	min-width: 100%;
	max-width: 1920px;
	min-height: 300px;
	position: relative;
}
#office-space-img {  background: url(images/office-space2.jpg) #202020 50% 60% no-repeat; z-index: 1; }
#planing-state-img { background: url(images/planing-state.jpg) #202020 50% 60% no-repeat; z-index: 2; }
#planing-flowchart-img { background: url(images/planing-flowchart.jpg) #202020 50% 60% no-repeat; z-index: 3; }
#office-space-img, 
#planing-state-img,
#planing-flowchart-img {
	background-size: 100%;
	min-width: 100%;
	min-height: 300px;
	position: absolute;
}

/* #about
-------------------------------------------------- */
#about-content { padding: 54px 0; }
#about header h2 { text-transform: uppercase; }
#about .testimonial { border-top: 3px solid #4692b3; padding: 18px 20px; background: #F1F1F1; }
#about ul li { margin-bottom: 6px; }
#about .highlighted_text.left { text-align: left; }
#about a { color: #1281b2; }
#about a.conatct-ideas { color: #473E3F; line-height: 36px; display: block; font-style: italic; }
#about a.conatct-ideas:before {  
	content: ' ';
	height: 1px;
	background: #473E3F;
	width: 140px;
	position: relative;
	left: 0px;
	margin: 18px 0 0;
	display: block;
}
#about .quote {
	color: #E0E0E0;
	font-size: 30px;
}
#about .author a {
	font-style: italic;
	font-size: 17px;
	display: block;
	margin-top: 6px;
	color: #4692b3;
	text-align: left;
}	
#about .author a:before {  
	content: ' ';
	height: 1px;
	background: #4692b3;
	width: 40px;
	position: relative;
	left: 0px;
	margin: 18px 0 0;
	display: block;
}

/* #contact
-------------------------------------------------- 
#contactdetails article { border-top: 3px solid #4692b3; background: #d3d6d9; background: rgba(255,255,255,0.2); padding: 12px 10px; margin-bottom: 24px; }
#contactinformation { border-top: 3px solid #4692b3; border-bottom: 3px solid #4692b3; margin-bottom: 24px;  font-family: 'proxima-nova', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 24px; padding: 6px 0; text-align: center; }
#contactinformation .contact-email { letter-spacing: 0.13em; }
#contactinformation .contact-telephone { letter-spacing: 0.24em;  }
#contactinformation .contact-legalname,
#contactinformation .contact-address { font-size: 13px; letter-spacing: 0.075em; }
#contactinformation .contact-legalname { color: #4692b3; }
#contactform { background: url(images/hortizontal-line-dot-border.png) repeat-y 90px top scroll transparent; } */

#contact { /*background: url(images/hortizontal-line-dot-border.png) repeat-y 60px top scroll transparent; */ }
#contact a { color: #D1D3D8; }
#contact #social { margin-bottom: 24px; }
#contact #social a { /*color: #ffcc0d;*/ color: #99A5AA; font-size: 24px; line-height: 36px; }
#contact #social a:hover,
#contact a:hover,
#contact a:visited { color: #fcfcfc; cursor: pointer; }
#contact h3 { 
	/*color: #ffcc0d;*/  
	color: #1281b2; color: #fcfcfc; font-size: 21px; text-align: left; 
	text-transform: none;
	font-family: "chaparral-pro",sans-serif;
	font-weight: 400;
	letter-spacing: 0.3px;	
}
#contact p,
#contact ul {
	font-size: 15px;
	padding-right: 3px;
}
#contact ul { margin-bottom: 30px; }
#contact input[type="email"], #contact input[type="text"],
#error-page input[type="text"],
#search-page input[type="text"] {
	display: inline;
	width: 70%;
	font-size: 13px;
	padding-left: 6px;
}
#contact div.button,
#error-page div.button,
#search-page div.button { display: inline; display: inline-block; margin-left: 0px; border-radius: 0px; padding: 3px 20px 5px; float: none; }
#contact img { margin: 0 auto; }
#contact .project-planner-link {
	letter-spacing: 0.05em;
	text-shadow: 2px 1px 0 #525961, 3px 2px 0 #2D343C;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 36px;
}
#contact .project-planner-link a:hover {  text-shadow: 2px 1px 0 #525961, 2px 0px 0 #2D343C; color: #fcfcfc; }

/* Single Page
-------------------------------------------------- */
#ourwork-single,
#project-planner, #error-page { margin: 114px 0 66px; }
#ourwork-single a {  
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
#ourwork-single a span.icon { color: #53585A; font-size: 36px; }
#ourwork-single a:hover span.icon { color: #1281b2; }
#ourwork-single div.site-page { margin-bottom: 36px; }

/* Project Planner
-------------------------------------------------- */
#project-planner li { margin-bottom: 24px; }
#project-planner li p { margin-bottom: 6px; }

/* Search Page
-------------------------------------------------- */
#search-page h3 a { color: #1281b2; }
#search-page h3 a:hover { color: #222832; }

/* footer
-------------------------------------------------- */
footer.bottom { line-height: 54px; font-size: 12px; }
footer.bottom a { color: #B3B8C2; }
footer.bottom a:hover { color: #fcfcfc; }
footer.bottom p { padding: 0px; margin: 0px; }
footer .second-credit { text-align: right; }

/* #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) {
			
			#contact-header { text-align: center; font-size: 16px; }
			#header { margin-top: 60px; }
			
			/* logo
			-------------------------------------------------- */
			#small-logo { margin-top: 6px; width: 50%; }
			#small-logo img { height: 48px; }   
			
			/* Nav
			-------------------------------------------------- */
			div#main-nav {
			    border-bottom: 3px solid #5C636B;
			    height: 60px;
			    position: fixed;
			}
			#navigation { position: absolute; right: 0px; top: 30px; text-align: right; width: 100%; }
			a.toggleMenu {  
				color: #fcfcfc;
				text-align: right;
				float: right;
				position: relative;
				font-size: 36px; 
				line-height: 60px;
				letter-spacing: 1em;
				right: 10px;
				font-weight: 300;
			}
			a.toggleMenu:hover,
			a.toggleMenu:visited,
			a.toggleMenu:focus, { color: #fcfcfc; }
			
			nav.primary { width: 100% !important; margin: 0 !important; z-index: 99; position: relative; top:0px; height: 100%; }
	    	nav.primary {
				height: 0;
				border-bottom: none;
				
				text-align: center;
			}
	    	nav.primary ul {  
	    		display: block;
	    		position: relative;
		        width: 100%; margin: 0;
		        text-align: left;
		        background-color: #4f5561; 
		        z-index: 9999;
	    	}
	    	nav.primary ul li { 
	    		float: none; display: block; padding: 0; height: auto; line-height: 30px; 
				background-color: #4f5561;    		
				margin-bottom: 0;
				padding: 6px 0 6px;
	    		border-bottom: 1px solid #3e4552;
	    		border-right: none;
	    		text-align: center;
	    	} 
	    	nav.primary ul li:hover { background: #3e4552; border-bottom: none; }
	    	nav.primary ul li a, 
	    	nav.primary a {
	    		color: #FFF;
	    		text-align: left;
	    		line-height: 30px;
	    		text-align: center;
	    		font-size: 13px;
	    		padding: 0px;
	    	}
	    	nav.primary ul li a:hover, 
	    	nav.primary a:hover { color: #1281B2; border-bottom: none; }
	    	nav.primary ul ul {
	    		float: none;
	    		width: 100%;
	    		border: none;
	    		background-color: #232b3a; 
	    	}
	    	nav.primary ul li:hover,
	    	nav.primary ul li.current-menu-item > a,
	    	nav.primary ul li.current-menu-item  { background: #3e4552; color: #1281B2; border-bottom: none; }
	    	
	    	nav.primary ul li.current-menu-item > a, nav.primary ul li.current-menu-ancestor > a, nav.primary ul li.current_page_item > a, nav.primary ul li.current_page_ancestor > a {
	    		color: #ececec;
	    	}
	    	
	    	nav.primary ul > li.hover > ul , nav.primary ul li li.hover ul, nav.primary ul ul {
	        	position: static;
	        	background: #3e4552;
	    	}
	    	
	    	nav.primary ul > li > .parent { background-position: 95% 50%; }
	    	nav.primary ul li .parent {
			    background-image: url("images/whiteArrowDown.png");
			    background-repeat: no-repeat;
			    background-position: 95% 50%;
			}
			nav.primary ul li:last-child { margin-top: 0px; }
			
			/* Header Slideshow
			-------------------------------------------------- */
			#header-slideshow { margin-bottom: 18px; }
			#header-slideshow.flexslider figure,
			#header-slideshow.flexslider figure img,
			#header-slideshow.flexslider header { display: none; height: 0px !important; width: 0px; }
			#header-slideshow.flexslider header #logo { background: none; display: none; height: none; }
			
			#header-slideshow.flexslider .flex-caption { margin-top: 12px; }
			
			/* Our Work
			-------------------------------------------------- */
			#ourwork, #about, #contact, #services, #error-page, #search-page, #fitnessform { margin: 0; margin-top: 24px; margin-bottom: 24px;  }
			#ourwork #sites { width: 95%; margin-left: 2.5%; margin-right: 2.5%; }
			#ourwork #description { top: -60px; }
			#ourwork #description .site-slides { display: none; }
			
			#services header, #about header, #search-page header, #error-page header, #single-page header, #fitnessform header, #project-planner header { margin-bottom: 24px; }
			
			/* Image sections
			-------------------------------------------------- */
			#office-space-img, #planing-state-img, #planing-flowchart-img,
			section.image-section { min-height: 200px; }
			
			/* Contact
			-------------------------------------------------- */
			#contact article { margin-bottom: 18px; }
			
			/* Footer
			-------------------------------------------------- */
			footer.top { padding: 0 10px; }
			section.bottom.sixteen.columns { margin: 24px 0 6px 0; }
			section.bottom p { margin: 0 0 6px 0; }
			footer.bottom { line-height: 24px; }
			footer .second-credit,
			footer .first-credit {
				text-align: center;
			}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
			
			#contact-header { text-align: center; font-size: 16px; margin: 18px 0 6px; }
			#contact-header .email { display: block; }
			#header { margin-top: 60px; }
			
			/* logo
			-------------------------------------------------- */
			#small-logo { margin-top: 6px; width: 50%; }
			#small-logo img { height: 48px; }   
			
			/* Nav
			-------------------------------------------------- */
			div#main-nav {
			    border-bottom: 3px solid #5C636B;
			    height: 60px;
			    position: fixed;
			}
			#navigation { position: absolute; right: 0px; top: 30px; text-align: right; width: 100%; }
			a.toggleMenu {  
				color: #fcfcfc;
				text-align: right;
				float: right;
				position: relative;
				font-size: 36px; 
				line-height: 60px;
				letter-spacing: 1em;
				right: 10px;
				font-weight: 300;
			}
			a.toggleMenu:hover,
			a.toggleMenu:visited,
			a.toggleMenu:focus, { color: #fcfcfc; }
			
			nav.primary { width: 100% !important; margin: 0 !important; z-index: 99; position: relative; top:0px; height: 100%; }
	    	nav.primary {
				height: 0;
				border-bottom: none;
				
				text-align: center;
			}
	    	nav.primary ul {  
	    		display: block;
	    		position: relative;
		        width: 100%; margin: 0;
		        text-align: left;
		        background-color: #4f5561; 
		        z-index: 9999;
	    	}
	    	nav.primary ul li { 
	    		float: none; display: block; padding: 0; height: auto; line-height: 30px; 
				background-color: #4f5561;    		
				margin-bottom: 0;
				padding: 6px 0 6px;
	    		border-bottom: 1px solid #3e4552;
	    		border-right: none;
	    		text-align: center;
	    	} 
	    	nav.primary ul li:hover { background: #3e4552; border-bottom: none; }
	    	nav.primary ul li a, 
	    	nav.primary a {
	    		color: #FFF;
	    		text-align: left;
	    		line-height: 30px;
	    		text-align: center;
	    		font-size: 13px;
	    		padding: 0px;
	    	}
	    	nav.primary ul li a:hover, 
	    	nav.primary a:hover { color: #1281B2; border-bottom: none; }
	    	nav.primary ul ul {
	    		float: none;
	    		width: 100%;
	    		border: none;
	    		background-color: #232b3a; 
	    	}
	    	nav.primary ul li:hover,
	    	nav.primary ul li.current-menu-item > a,
	    	nav.primary ul li.current-menu-item  { background: #3e4552; color: #1281B2; border-bottom: none; }
	    	
	    	nav.primary ul li.current-menu-item > a, nav.primary ul li.current-menu-ancestor > a, nav.primary ul li.current_page_item > a, nav.primary ul li.current_page_ancestor > a {
	    		color: #ececec;
	    	}
	    	
	    	nav.primary ul > li.hover > ul , nav.primary ul li li.hover ul, nav.primary ul ul {
	        	position: static;
	        	background: #3e4552;
	    	}
	    	
	    	nav.primary ul > li > .parent { background-position: 95% 50%; }
	    	nav.primary ul li .parent {
			    background-image: url("images/whiteArrowDown.png");
			    background-repeat: no-repeat;
			    background-position: 95% 50%;
			}
			nav.primary ul li:last-child { margin-top: 0px; }
			
			/* Header Slideshow
			-------------------------------------------------- */
			#header-slideshow { margin-bottom: 18px; }
			#header-slideshow.flexslider figure,
			#header-slideshow.flexslider figure img,
			#header-slideshow.flexslider header { display: none; height: 0px !important; width: 0px; }
			#header-slideshow.flexslider header #logo { background: none; display: none; height: none; }
			
			#header-slideshow.flexslider .flex-caption { margin-top: 12px; }
			
			/* Our Work
			-------------------------------------------------- */
			#ourwork, #about, #contact, #services, #error-page, #search-page, #fitnessform { margin: 24px 2.5%; }
			#ourwork #sites { width: 100%; }
			#ourwork #description { top: -60px; }
			#ourwork #description .site-slides { display: none; }
			
			#services header, #about header, #search-page header, #error-page header, #single-page header, #fitnessform header, #project-planner header { margin-bottom: 24px; }
			
			/* Image sections
			-------------------------------------------------- */
			#office-space-img, #planing-state-img, #planing-flowchart-img,
			section.image-section { min-height: 200px; }
			
			/* Contact
			-------------------------------------------------- */
			#contact article { margin-bottom: 18px; }
			
			/* Footer
			-------------------------------------------------- */
			footer.top { padding: 0 10px; }
			section.bottom.sixteen.columns { margin: 24px 0 6px 0; }
			section.bottom p { margin: 0 0 6px 0; }
			footer.bottom { line-height: 24px; }
			footer .second-credit,
			footer .first-credit {
				text-align: center;
			}

			
	}

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

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