/*
Theme Name: Laser Red
Website URI: http://laserred.co
Author: Laser Red
Author URI: http://laserred.co
Version: 1.4.5
*/

/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #C00; color: #fff; text-shadow: none; }
::selection { background: #C00; color: #fff; text-shadow: none; }
791
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

*:active, *:focus {outline: none;}
:-moz-any-link:focus { outline: none;}

/* Chrome Frame
---------------------------------------- */
.chromeframe {
	margin: 80px 0 0 0;
	background: #FC0;
	color: #000;
	padding: 0.5em;
	text-align: center;
}
.chromeframe a,
.chromeframe a:hover { color: #B33A00; }


/* =============================================================================
   General
   ========================================================================== */

html { font-size: 62.5%; }

body {
	background: #FFF;
	font-family: "museo-sans", "myriad pro", Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	line-height: 1.5;
	font-weight: 300;
	color: #555;
	margin: 0;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
  
  body { font-weight: 100; } /* Change default font-weight on retina displays */

}


/* =============================================================================
   Wrapper
   ========================================================================== */
 
.wrapper {
	width: 100%;
	max-width: 1140px;
	min-width: 978px;
	margin: 0 auto;
	padding: 0 3em;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	   		box-sizing: border-box;
}

.wrapper.full-width { max-width: 100%; }


/* =============================================================================
   Grid
   ========================================================================== */

.col {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
    margin-left:4%;
	padding:0 0%;
}

.row .col:first-child {
    margin-left:0;
}

.span_1 {
    width:4.66666666667%;
}
.span_2 {
	width:13.3333333333%;
}
.span_3,
.featured-links .col {
	width:22.0%;
}
.span_4,
.services-list .content .col,
.content .case-studies .col,
.case-studies .col,
#sidebar {
	width:30.6666666667%;
}
.span_5,
.job .col.perks {
	width:39.3333333333%;
}
.span_6,
.content .col,
.content-highlight .col,
.front-page.content,
.testimonial,
.latest-posts,
.featured-in,
.footer-speaker {
	width:48.0%;
}
.span_7,
.job .col {
	width:56.6666666667%;
}
.span_8,
.post {
	width:65.3333333333%;
}
.span_9 {
	width:74.0%;
}
.span_10,
.content h1 {
	width:82.6666666667%;
}
.span_11 {
	width:91.3333333333%;
}
.span_12 {
    margin-left:0;
    width:100%;
}


/* =============================================================================
   Typography
   ========================================================================== */
   
h1, h2, h3, h4, h5, h6 {
	margin: 1.25em 0 0.5em 0;
	color: #444;
	line-height: 1.2;
}

p, ul, ol {
	margin: 0 0 1.5em;
}

h1 {
	font-size: 80px;
	font-size: 8.0rem;
	margin: 0.2em 0 0.35em;
    line-height: 0.95;
	color: #111;
	font-weight: 900;
	text-transform: uppercase;
    letter-spacing: -6px;
	word-spacing: 10px;
	word-spacing: 0.1em;
}
.post-type-archive-portfolio h1 {
	width: 100%;
	text-align: center;
}

h2 {
	font-size: 28px;
	font-size: 2.8rem;
	color: #c00;
	font-weight: 700;
    letter-spacing: -2px;
}

h3 {
	font-size: 24px;
	font-size: 2.4rem;
	color: #222;
	font-weight: 700;
    letter-spacing: -1px;
}

h4 {
	font-size: 26px;
	font-size: 2.6rem;
	color: #222;
	font-weight: 900;
	text-transform: uppercase;
    letter-spacing: -2px;
	word-spacing: 2px;
}

h5 {
	font-size: 18px;
	font-size: 1.8rem;
	color: #c00;
	font-weight: 700;
    letter-spacing: -1px;
}

h6 {
	font-size: 16px;
	font-size: 1.6rem;
	color: #222;
	font-weight: 700;
	text-transform: uppercase;
    letter-spacing: -1px;
	word-spacing: 2px;
}

.title {
	font-size: 34px;
	font-size: 3.4rem;
	font-weight: 900;
	color: #111;
	letter-spacing: -3px;
	word-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 1em;
}


/* =============================================================================
   Links
   ========================================================================== */
   
a {
	color: #444;
	text-decoration: none;
	font-size: 100%;
	cursor: pointer;
    -webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
    		transition: 0.2s ease-in-out;
}
a:hover { text-decoration: none; }

p a, 
li a {
	color: #c00;
	text-decoration: underline;
}
p a:hover,
li a:hover { text-decoration: none; }


/* =============================================================================
   Images & Videos
   ========================================================================== */
   
img {
	max-width: 100%;
	height: auto;
}

iframe {
	max-width: 100% !important;
}


/* =============================================================================
   Buttons
   ========================================================================== */

.button,
.button:visited,
#submit-button {
	font-family: "museo-sans", Helvetica, Arial, sans-serif;
	padding: 0 0.6em;
	height: 2em;
	line-height: 2em;
	margin: 0 0 1.5em 0;
	background: #c00;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: -0.04em;
	word-spacing: 3px;
	border: none;
	border-radius: 0 none;
	cursor: pointer;
	display: inline-block;
	-webkit-transition: background 0.2s ease-in-out;
	   -moz-transition: background 0.2s ease-in-out;
         -o-transition: background 0.2s ease-in-out;
    		transition: background 0.2s ease-in-out;
}
.button:hover,
#submit-button:hover {
	background: #111;
}
.button:active,
#submit-button:active {
	color: #FFF;
	background: #333;
}


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 1em 0; }

form .label {
    display: block;
	margin: 1em 0 5px 2px;
	font-weight: 500;
}
form .label.inline {
	display: inline-block;
	margin: 0 0 0 4px;
}

form .textbox,
form .textarea,
form .selectbox {
	font-family: "museo-sans", Helvetica, Arial, sans-serif;
	font-weight: inherit;
	border: 1px solid #CCC;
	border: 1px solid rgba(0,0,0,0.2);
	padding: 8px;
	width: 450px;
	background: #FFF;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1) inset;
	border-radius: 2px;
	margin: 0.2em 0 0 0;
	color: #666;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	   		box-sizing: border-box;
	
}
form .textbox,
form .textarea,
form .selectbox { max-width: 100%; }

.lt-ie9 form .textbox,
.lt-ie9 form .textarea,
.lt-ie9 form .selectbox { max-width: 94%; }

form .textarea {
	width: 588px;
	height: 150px;
	resize: vertical;
}
form .selectbox { width: 268px; }

form .textbox:focus,
form .textarea:focus,
form .selectbox:focus {
	border-color: #666;
}
/* Validation */
form label.error {
	color: #C00;
	font-weight: normal;
	display: block;
}
form .textbox.error,
form .selectbox.error,
form .textarea.error {
	background: #FFBFC1;
	border-color: #C00;
	color: #000;
}
form .textbox.valid,
form .selectbox.valid,
form .textarea.valid {
	background: #D3E895;
	border-color: #390;
	color: #000;
}

form .button { margin: 1.5em 0 0; }

.code-view {
	border: 1px solid #ddd !important;
}

/* =============================================================================
   Alerts
   ========================================================================== */
   
.alert-error {
	background: #c00;
	padding: 2em;
	color: #fff;
}
.alert-error ol { margin-bottom: 0; }

/* =============================================================================
   Header
   ========================================================================== */
   
.header { 
	background: #fff;
	background: rgba(255,255,255,0.95);
	height: 80px;
	min-width: 978px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 190;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.25);
	   -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.25);
			box-shadow: 0 1px 4px rgba(0,0,0,0.25);
}
/* IE Hack */
.lt-ie9 .header { border-bottom: 1px solid #ccc; }

/* Nav links */
.header nav > ul > li {
	position: relative;
	display: inline-block;
	height: 80px;
	line-height: 80px;
}
.header nav > ul > li > a {
	text-decoration: none;
	color: #888;
	display: block;
}
.header nav > ul > li > a:hover,
.header nav > ul > li.current-menu-item > a { 
	color: #C00;
}
/* IE Hack */
.lt-ie8 .header nav > ul > li {
	display: block;
	float: left;
}

/* Logo
---------------------------------------- */
.header .logo {
	display: block;
	float: left;
    margin: 15px 0 0 18px;
    width: 121px;
}

/* Hire link next to logo
---------------------------------------- */
.header .hiring {
	color: #c00;
    text-decoration: underline;
    padding: 1.7em 1em;
    display: inline-block;
}

/* Navigation Primary
---------------------------------------- */
.nav-primary {
	margin: 0;
	width: 700px;
	text-align: right;
	float: right;
	padding-right: 1em;
}
.nav-primary > ul > li {
	margin: 0 1em 0 0;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
}
/* IE Hack */
.lt-ie8 .nav-primary > ul > li { letter-spacing: -1px; }

/* Parent links */
.nav-primary > ul > li.parent:hover > a,
.nav-primary > ul > li.current-menu-parent > a { color: #000; }

.nav-primary > ul > li.parent > a:after {
	content: "";
	display: inline-block;
	width: 0; 
	height: 0; 
	margin-left: 4px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #c3c3c3;
	border-top: 4px solid rgba(0,0,0,0.25);
	vertical-align: middle;
}
.nav-primary > ul > li.parent:hover > a:after {
	border-top: 4px solid #777;
	border-top: 4px solid rgba(0,0,0,0.5);
}

/* Sub Menu */
.nav-primary > ul > li > .sub-menu { display: none; }
.nav-primary > ul > li:hover > .sub-menu {
	display: block;
	position: absolute;
	top: 80px;
	left: 50%;
	margin-left: -8em;
	background: none;
	width: 18em;
	z-index: 9999;
	line-height: 1.3;
	box-shadow: 0 1px 6px rgba(0,0,0,0.4);
	background: #c00;
	padding: 1em 0;
}
.nav-primary > ul > li > .sub-menu > li {
	background: #c00;
	text-transform: none;
	letter-spacing: 0;
	font-weight: 500;
	font-size: 17px;
	text-align: left;
	font-size: 1.7rem;
}
.nav-primary > ul > li > .sub-menu > li > a {
	display: block;
	padding: 0.5em 1.5em;
	color: #fff;
	text-decoration: none;
}
.nav-primary > ul > li > .sub-menu > li > a:hover {
	font-weight: 700;
	padding-left: 1.75em;
	padding-right: 1.25em;
}

/* Navigation Secondary
---------------------------------------- */
/*.nav-secondary {
	margin: 0;
	width: 330px;
	text-align: right;
	float: right;
	padding-right: 1em;
}

.nav-secondary > ul > li {
	margin: 0 1em 0 0;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
}*/

/* Hiring hero */
/*.hire-hero {
	color: #c00;
	text-decoration: underline;
	position: absolute;
	top: 28px;
	left: 152px;
	font-size: 14px;
}*/


/* =============================================================================
   Content
   ========================================================================== */

/* Content
---------------------------------------- */
.content { min-height: 600px; }

.single .row.wrapper,
.blog .row.wrapper,
.content { margin-top: 120px; }

/* Front page */
.front-page.content {
	margin: 0;
	min-height: 0;
}

.front-page.content h1 {
	text-transform: none;
	letter-spacing: -1px;
	font-size: 25px;
	font-weight: 500;
	width: 100%;
	margin-bottom: 1em;
}

/* Content with hero banner */
.hero .content { margin-top: 3em; }

.home .wrapper { margin-bottom: 3em; }

/* First paragraph */
.front-page > p:first-child,
.content > p:first-child,
.content > .row:first-child > .col:first-child > p:first-child,
.content > .row:first-of-type > .col:first-child > p:first-child,  
.post header + p {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 100;
}

/* Row */
.content .row { margin-bottom: 2em; }

.page-template-page-service-php .row.wrapper { margin-top: 0; }

/* First element */
.content .row > .col > *:first-child,
.content .row > .col > *:first-of-type { margin-top: 0; }

/* Hero Banner
---------------------------------------- */
.hero-banner {
	overflow: hidden;
	position: relative;
	display: table;
	width: 100%;
	min-height: 350px;
	table-layout: fixed;
	padding-top: 80px;
	background-color: #ccc;
	background-position: middle middle;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
			background-size: cover;
}

/* Testing */
.hero-banner header {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	padding: 10% 0;
	text-align: center;
	z-index: 2;
}
.hero-banner header * {
	width: 50%;
	min-width: 978px;
	margin: 0 auto;
}
.hero-banner header h1 {
	font-size: 100px;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.hero-banner header p {
	font-size: 24px;
	font-weight: 500;
	color: #fff;
	margin-top: 1em;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.hero-banner header a { color: #fff; }


/* Hero Map
---------------------------------------- */
.hero-map {
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	min-height: 480px;
	padding-top: 0;
}

/* Client logos
---------------------------------------- */
.client-logos {
	text-align: center;
	margin: 80px auto;
	padding-top: 80px;
	border-top: 1px solid #d9d9d9;
}

   
/* Latest Work & Case Studies
---------------------------------------- */
.case-studies {
	margin-top: 3em;
	margin-bottom: 3em;
}

.case-studies h3 {
	color: #111;
	margin-top: 15px;
}

#related-projects.case-studies .title {
	padding-top: 1.5em;
	border-top: 1px solid #D9D9D9;
}

.home .case-studies {
	padding: 3em 0;
	border-top: 1px solid #d9d9d9;
}

.case-studies .col { 
	margin-bottom: 2em;
	-webkit-perspective: 1700px;
	-moz-perspective: 1700px;
	perspective: 1700px;
	-webkit-perspective-origin: 0 50%;
	-moz-perspective-origin: 0 50%;
	perspective-origin: 0 50%;	
}

/* Remove margins on new rows */
.case-studies .col:nth-child(3n+1) { margin-left: 0; clear: left; }

/* IE Hack */
.lt-ie9 .case-studies .col { margin: 0 2% 4% 0 !important; }

.case-studies .col figure { 
	margin: 0;
    position: relative;
    overflow: hidden;
}
.case-studies .col figure img { 
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.case-studies .col figure img:hover { 
	-webkit-transform: scale(1.05); 
	-moz-transform: scale(1.05); 
	transform: scale(1.05); 
}

/*
.case-studies .col figure > div {
    overflow: hidden;
}

.case-studies .col figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.case-studies .col figure:hover img {
	-webkit-transform: translateX(25%);
	-moz-transform: translateX(25%);
	-ms-transform: translateX(25%);
	transform: translateX(25%);
}

.case-studies figure figcaption {
    width: 45%;
    opacity: 0;   
	background: #C00;
	padding: 0 20px;
	position: absolute;
	top: 0;
	height: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}
/* IE Hack 
.lt-ie9 .case-studies figure figcaption {
	position: relative;
	padding: 5px 0;
	width: 100%;
	background: #fff;
	height: 140px;
} 

.case-studies figure:hover figcaption {
    opacity: 1;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}


/* IE Hack 
.lt-ie9 .case-studies figure figcaption h3,
.lt-ie9 .case-studies figure figcaption .description { color: #555; }

.case-studies figure figcaption .description {
	color: #FFF;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.3;
}
.case-studies figure figcaption .description p {
	margin: 1em 0 0;
}

.case-studies figure figcaption .button {
	background: #000;
	margin: 1em 0 0;
}
.case-studies figure figcaption .button:hover {
	background: #444;
}

/*
.case-studies figure { position: relative; }
.case-studies figure .overlay {
	top: 0;
	bottom: 0;
	width: 100%;
	max-width: 222px;
	position: absolute;
	-webkit-transition: box-shadow 0.75s ease;
	   -moz-transition: box-shadow 0.75s ease;
	     -o-transition: box-shadow 0.75s ease;
	        transition: box-shadow 0.75s ease;
}
.case-studies figure:hover .overlay { box-shadow: 0 0 0 120px rgba(0,0,0,0.75) inset; } 

.case-studies figure:hover figcaption {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.case-studies figure figcaption h3 {
	color: #fff;
	font-size: 17px;
	font-size: 1.7rem;
	margin-top: 0;
	padding: 0 10%;
	position: absolute;
	text-align: center;
	top: 15%;
	width: 80%;
}

.case-studies figure figcaption .description {
	position: absolute;
	top: 40%;
}

.case-studies figure figcaption p { color: #CCC; }*/


/* Portfolio
---------------------------------------- */
.portfolio.page h1 {
	width: 100%;
	text-align: center;
}
.portfolio.page header + p {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 100;	
	text-align: center;
}
.portfolio.page .hero-image { margin-bottom: 4em; }
.portfolio.page .screen-shots figure {
	margin: 0 0 2em;
	border: 1px solid #666;
	border-top: 18px solid #666;
	border-radius: 3px 3px 0 0;
	position: relative;
}
.portfolio.page .screen-shots figure:before,
.portfolio.page .screen-shots figure:after {
	background: #999;
	border-radius: 50%;
	content: "";
	height: 7px;
	width: 7px;
	position: absolute;
	top: -12px;
	left: 8px;
}
.portfolio.page .screen-shots figure:after { left: 20px; }


/* Testimonial
---------------------------------------- */
.testimonial blockquote {
	position: relative;
	background: #c00;
	padding: 1.5em;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.25;
	color: #fff;
	font-weight: 300;
	letter-spacing: -1px;
	word-spacing: 1px;
	line-height: 1.3;
	margin: 0.25em 0 1em;
}
.testimonial blockquote:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -16px;
	left: 45px;
	width: 0; 
	height: 0;
	border-left: 0px solid transparent;
	border-right: 24px solid #fff;
	border-top: 16px solid #c00;
}
.testimonial span,
.testimonial span a { color: #999; }

.home .testimonial blockquote.second { margin-top: 2em; }
.home .testimonial blockquote { font-size: 20px; }

/* Small testimonials */
.small.testimonial {
	width: 30.6666%;
}
.small.testimonial blockquote {
	font-size: 1.8rem;
}

/* Featured links
---------------------------------------- */
.featured-links { 
	margin: 5em 0;
	text-align: center;
	line-height: 1.35;
}

.featured-links a {	display: block; }

.featured-links div h3 {
	font-weight: 900;
	color: #C00;
	text-transform: uppercase;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
	margin: 0.5em 0 0.25em;
}
.featured-links div:hover h3 { color: #111; }

.featured-links div span {
	display: inline-block;
	width: 85px;
	height: 90px;
	background: url(graphics/sprite.png) -100px 0;
	opacity: 0.3;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}
.featured-links div:hover span { opacity: 0.6; }

.featured-links .our-work span {
 	background-position: -188px 0;
    width: 73px;
}

.featured-links .who-are-we span {
    background-position: -261px 0;
    width: 87px;
}

.featured-links .talk-to-us span {
    background-position: -348px 0;
    width: 89px;
}

/* Latest Posts
---------------------------------------- */
.latest-posts ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.latest-posts ul li {
	margin: 1em 0;
}
.latest-posts ul li a {
	display: block;
	color: #c00;
	line-height: 1.2
}
.latest-posts ul li a:hover .title,
.latest-posts ul li a:hover time { color: #c00; }

.latest-posts .avatar {
	float: left;
	margin-right: 30px;
	border-radius: 50%;
}

.latest-posts .title {
	display: block;
	margin: 0;
	line-height: 1em;
	text-align: left;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
}

.latest-posts time {
	font-size: 13px;
	font-size: 1.3rem;
	color: #666;
}


/* Contact Form
---------------------------------------- */
#form-contact {
	padding: 2em;
	background: #eee;
}


/* Pagination
---------------------------------------- */
.pagination {
	float: left;
	width: 100%;
	margin: 1.5em 0;
	text-align: center;
}
.pagination span, .pagination a {
    background: #EEE;
    border: 1px solid #DDD;
    border-radius: 2px;
    color: #999;
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    min-width: 20px;
    padding: 4px;
    text-align: center;
    text-decoration: none;
}
.pagination a:hover, .pagination span {
    background: #DDD;
    color: #333;
}

/* Tables
---------------------------------------- */
.table.border td { 
	border: 1px solid #CCC;
	padding: 5px;
}

/* Alignments
---------------------------------------- */
.alignleft {
	float: left;
	margin: 0 1.5em 1.5em 0;
}
.alignright {
	float: right;
	margin: 0 0 1.5em 1.5em;
}

/* Blockquote
---------------------------------------- */
.content blockquote p { margin: 0; }


/* Thank You page + 404 Error page
---------------------------------------- */
.thank-you,
.error-404 { text-align: center; }

.thank-you h1 { width: 100%; }
.error-404 h1 {
	font-size: 38px;
	font-size: 3.8rem;
	letter-spacing: -3px;
	width: 100%;
}

/* =============================================================================
	Survey
   ========================================================================== */

.frm_forms{ 
	width: 50%;
	position: relative;
	margin: 0 auto;
	font-size: 1.7rem;
}
.frm-show-form .frm_form_field textarea{ 
	width: 100%;
	padding: 2%; 
}
.frm-show-form .frm_form_field textarea:active,
.frm-show-form .frm_form_field textarea:focus{ 
	border: 1px solid #C00;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(204, 0, 0, 0.5);
	   -moz-box-shadow: 0px 0px 5px 0px rgba(204, 0, 0, 0.5);
	        box-shadow: 0px 0px 5px 0px rgba(204, 0, 0, 0.5);
}

.frm_primary_label{
    display: block;
    font-weight: 600;
    margin: 3em 0 0.75em;
    color: #C00;
}

.frm_submit input[type="submit"]{ 
	font-family: "museo-sans","myriad pro",Helvetica,Arial,sans-serif;
	background: #888;
	color: #FFF;
	padding: .8em 1.5em;
	border: 0;
	margin: 3em 0 0;
	font-weight: 700;
	transition: background .2s ease-out;
 }

 .frm_submit input[type="submit"]:hover{
 	background: #C00;
 }

.frm_message{
	font-size: 1.8rem;
	font-weight: 500;
}

.score-rating .frm_radio{
	display: inline-block;
	margin: 0 0.3em;
}

.score-rating .frm_radio input{ 
	left: 18px;
    position: relative;
    top: 25px;
} 

/* =============================================================================
   Blog/Posts
   ========================================================================== */

/* Blog archive
---------------------------------------- */
.blog .post {
	width: 200px;
	margin: 0 1em 2em 0;
	float: left;
	border: 1px solid #ddd;
	box-shadow:  0.25px 0 0.5em rgba(0,0,0,0.3);
	padding: 1em;
	background: #fff;
	-webkit-transition-property: left, right, top, -webkit-transform; 
	   -moz-transition-property: left, right, top, -moz-transform; 
			transition-property: left, right, top, transform;   
	-webkit-transition-duration: 0.5s, 0.1s;    
	   -moz-transition-duration: 0.5s, 0.1s;    
			transition-duration: 0.5s, 0.1s;   
	-webkit-transition-timing-function: ease-in-out, ease-in-out;
	   -moz-transition-timing-function: ease-in-out, ease-in-out;
			transition-timing-function: ease-in-out, ease-in-out;
}
.blog .post:hover {
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1); 
			transform: scale(1.1); 
}

/* Figure / Img */
.blog .post figure { margin-bottom: 0.75em; }

/* Title */
.blog .post h1,
.blog .post h1 a {
	font-size: 20px;
	font-size: 2.0rem;
	color: #000;
	margin: 0 0 0.75em 0;
	letter-spacing: -1px;
}
.blog .post h1 a:hover {
	text-decoration: none;
	color: #C00;
}

/* Author */
.blog .post footer .author {
	display: block;
	margin-bottom: 0;
}

.blog .post footer .author span { padding: 0.2em 0 0; }

/* Single post
---------------------------------------- */
.single-post h1 {
	font-size: 60px;
	font-size: 6rem;
	letter-spacing: -5px;
}

/* =============================================================================
   Page - Job
   ========================================================================== */
   
.job .perks {
	background: #eee;
	padding: 40px;
}

.job .perks ul {
	list-style: none;
	padding-left: 0;
}
.job .perks ul li {
	margin-bottom: 1em;
    border-bottom: 1px solid #ccc;
    font-weight: 300;
    padding-bottom: 1em;
}

.job .perks ol {
	padding-left: 1.5em;
}

/* Job card
---------------------------------------- */
.job-card {
	float: left;
	width: 48%;
	margin-left: 4%;
	padding: 40px 40px 20px;
	background: #fff;
	border: 1px solid #eee;
	box-shadow: 0 0 3px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.25);
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	   		box-sizing: border-box;
}
.job-card:hover {
    -webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
    transform: scale(1.05);
}
.job-card:first-of-type { margin-left: 0; }

.job-card .button { margin-bottom: 0; }

/* Job title */
.job-card h4 { margin-top: 0; }
.job-card:hover h4 a { color: #c00; }

.page .flexslider ol { display: none; }


/* =============================================================================
   Homepage Slider
   ========================================================================== */
.home .nav-primary {
	border-bottom: none;
	padding-bottom: 0;
}

#featured-slider {
	position: relative;
	width: 100%;
	min-width: 978px;
	height: 650px;
	min-height: 650px;
	overflow: hidden;
	margin-bottom: 3em;
	margin-top: -1em;
	background: #900;
}

#featured-slider .loading {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -12px;
	margin-left: -12px;
	z-index: 999999;
}

#featured-slider ul {
	list-style: none;
	padding: 0;
	display: none;
}

#featured-slider li > * {
    position: absolute;
}

#s-design .bg-image {
	background: url('graphics/slides/responsive-r.jpg');
}
#s-development .bg-image {
	background: url('graphics/slides/web_design-r.jpg');
}
#s-about-us .bg-image {
	background: url('graphics/slides/team-r.jpg');
}
#featured-slider .bg-image {
	width: 100%;
	height: 100%;
	background-size: cover;
	opacity: 0;
}

#featured-slider .title {
 	top: 35%;
 	position: relative;
	width: 100%;
	padding: 0;
	text-align: center;
	line-height: 1;
	color: #fff;
	opacity: 0;
	z-index: 50;
	text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.8);
	font-weight: 800;
    font-size: 90px;
    font-size: 9.0rem;
    text-transform: uppercase;
    left: -5%;
	margin-bottom: 4%;
	letter-spacing: -0.07em;
	word-spacing: 0.1em;
}

#featured-slider .subtitle {
	font-weight: 300;
	font-size: 22px;
	font-size: 2.2rem;
	left: 5%;
 	top: 30%;
 	position: relative;
	width: 100%;
	padding: 0;
	text-align: center;
	line-height: 1.2;
	color: #fff;
	opacity: 0;
	z-index: 50;
	text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.8);
}

/* animations */
#featured-slider .animate-in .bg-image {
	opacity: 1;
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-o-transition-duration: .8s;
	-ms-transition-duration: .8s;
	transition-duration: .8s;
}
#featured-slider .animate-out .bg-image {
	opacity: 0;
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-o-transition-duration: 0s;
	-ms-transition-duration: 0s;
	transition-duration: 0s;
	-webkit-transition-delay: .8s;
	   -moz-transition-delay: .8s;
	     -o-transition-delay: .8s;
	    -ms-transition-delay: .8s;
	        transition-delay: .8s;
}

#featured-slider .animate-in .title {
	left: 0%;
	opacity: 1;
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-o-transition-duration: .8s;
	-ms-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-delay: .0s;
	   -moz-transition-delay: .0s;
	     -o-transition-delay: .0s;
	    -ms-transition-delay: .0s;
	        transition-delay: .0s;
}
#featured-slider .animate-out .title {
	left: 5%;
	opacity: 0;
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-o-transition-duration: .8s;
	-ms-transition-duration: .8s;
	transition-duration: .8s;
}

#featured-slider .animate-in .subtitle {
	left: 0%;
	opacity: 1;
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-o-transition-duration: .8s;
	-ms-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-delay: .0s;
	   -moz-transition-delay: .0s;
	     -o-transition-delay: .0s;
	    -ms-transition-delay: .0s;
	        transition-delay: .0s;
}
#featured-slider .animate-out .subtitle {
	left: -5%;
	opacity: 0;
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-o-transition-duration: .8s;
	-ms-transition-duration: .8s;
	transition-duration: .8s;
}


/* =============================================================================
   Sidebar
   ========================================================================== */
   
/* Hire Hero
---------------------------------------- */
.sidebar-hire-hero {
	padding: 20px;
	background: #eee;
	margin-bottom: 30px;
}
.sidebar-hire-hero h3 {
	font-size: 26px;
	margin: 0;
}
.sidebar-hire-hero p { margin: 6px 0 16px 0; }
.sidebar-hire-hero .button { margin-bottom: 0; }
   
   
/* Author
---------------------------------------- */
.author {
	margin: 1em 0 2.5em;
	color: #999;
}

.author figure {
	float: left;
	margin-right: 0.5em;
}

.author img { border-radius: 100px; }

.author span,
.author time {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.2;
}
.author span {
	padding-top: 2px;
	padding: 1.4em 0 0.5em;
	color: #666;
	font-weight: 500;
}

/* Footer */
.post footer .author { display: none; }

/* Tags */
#tags {
	color: #3F3F3F;
	font-weight: bold;
}
#tags a {
	display: inline-block;
	margin: 0.25em;
	padding: 0.2em 0.3em;
	background: #C00;
	color: #FFF;
	text-decoration: none;
	font-weight: 300;
	line-height: 1;
	text-transform: lowercase;
}
#tags a:hover { 
	border: none;
	background: #3F3F3F;
}

/* Recent Posts
---------------------------------------- */
#sidebar .recent-posts { margin: 1em 0 2.5em;}

#sidebar .recent-posts h4,
#sidebar .social-media h4 {
	font-size: 18px;
	font-size: 1.8rem;
	color: #111;
	margin: 0 0 0.75em;
	font-weight: 700;
	letter-spacing: -1px;
}

#sidebar .recent-posts li { margin-bottom: 1.25em; }

#sidebar .recent-posts a {
	margin: 0;
	font-weight: 300;
	color: #c00;
}
#sidebar .recent-posts a:hover { color: #111; }

#sidebar .recent-posts small {
	display: block;
	margin: 0.25em 0 0;
	color: #999;
	line-height: 1;
}

/* Social Media */
#sidebar .social-media a {
	float: none;
	height: 20px;
	margin-bottom: 10px;
	display: block;
	border: none;
}
#sidebar .social-media a:hover { border: none; }
#sidebar .social-media a:active { background: none; }


/* =============================================================================
   Comments
   ========================================================================== */
   
#comments,
#comments #submit-button,
.commentlist { margin: 0; }

#comments ul,
#comments ol {
	padding: 0;
	list-style: none;
}
.commentlist li { 
	border-top: 1px solid #DDD;
	margin: 1em 0 0;
	padding: 1em 0 0;
}
.commentlist .comment-body { position: relative; }

/* Author 
---------------------------------------- */
.commentlist .comment-author cite,
.commentlist .comment-author cite a {
	font-weight: 500;
	color: #222;
	text-decoration: none;
	font-style: normal;
}	
.commentlist .comment-author img {
	margin: 0 1em 0;
	float: left;
	border-radius: 30px;
}

/* Meta 
---------------------------------------- */
.commentlist .comment-meta {
	font-size: 90%;
	color: #666;
}
.commentlist .comment-meta a { color: #999; }

/* Comment 
---------------------------------------- */
.commentlist .comment-body p { margin: 1em 0 0 4em; }

/* Children Comments
---------------------------------------- */
.commentlist .children { margin: 0 0 0 4em; }

/* Reply 
---------------------------------------- */
.commentlist .reply {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 13px;
	font-size: 1.3rem;
}

/* Moderation 
---------------------------------------- */
.commentlist .comment-awaiting-moderation {
	color: #FFF;
	background: #555
}

/* Form -> Respond
---------------------------------------- */
#respond {
	border-top: 1px solid #DDD;
	padding-top: 0;
	margin-top: 1em;
}

/* Required astrix */
#form-comments span.required { 
	color: #c00;
	margin-left: 0;
	font-weight: 100;
	font-size: inherit;
	margin-left: 2px;
}

/* Form */
#form-comments { margin: 2em 0 0; }

#form-comments #submit-button { margin: 0; }


/* =============================================================================
   Slider
   ========================================================================== */
   
.content .slider {
	position: relative;
	border: 1px solid #666;
	border-top: 18px solid #666;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
			border-radius: 2px;
}
.content .circle1,
.content .circle2,
.content .circle3 {
	position: absolute;
	top: -12px;
	left: 6px;
	width: 7px;
	height: 7px;
	background: #E0E0E0;
	-webkit-border-radius: 7px;
	   -moz-border-radius: 7px;
			border-radius: 7px;
}
.content .circle2 { left: 16px; }
.content .circle3 { left: 26px; }

/*
 * FlexSlider -http://www.woothemes.com/flexslider/
 */
 
/* ==========================================================================
   jQuery FlexSlider v2.0
   http://www.woothemes.com/flexslider/
   Copyright 2012 WooThemes
   Free to use under the GPLv2 license.
   http://www.gnu.org/licenses/gpl-2.0.html
   Contributing author: Tyler Smith (@mbmufffin)
   ========================================================================== */
 
/* 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 {
	margin: 0;
	padding: 0;
}
 /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li,
.gallery > .gallery-item {
	display: none;
	-webkit-backface-visibility: hidden;
	position: relative;
}
.flexslider .slides img,
.gallery .img {
	width: 100%;
	display: block;
}
.gallery-item + br { display: none; }

.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; }

/* FlexSlider Default Theme
---------------------------------------- */
.flexslider,
.gallery {
	margin: 0 0 4em;
	position: relative;
	zoom: 1;
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }

.carousel li { margin-right: 5px }

/* FlexSlider Captions
---------------------------------------- */
.caption {
	opacity: 0;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    bottom: -1em;
    color: #FFFFFF;
	font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    left: 0;
    line-height: 1;
    position: absolute;
    padding: 1.5%;
    max-width: 97%;
    width: auto;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
			transition: all .3s ease;
}
.flexslider:hover .caption {
	opacity: 1;
    bottom: 0;
}
/* Links in caption */
.caption a {
	color: #fff;
	text-decoration: underline;
}
.caption a:hover { text-decoration: none; }

/* Direction Nav */
.flex-direction-nav {
	*height: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.flex-direction-nav a {
	width: 50px;
	height: 50px;
	margin: -25px 0 0;
	display: block;
	background: #000;
	background: rgba(0,0,0,0.8);
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	color: #fff;
	color: rgba(255,255,255,0.9);
	line-height: 44px;
	font-size: 50px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
			transition: all .3s ease;
}
.flex-direction-nav a.flex-next {
	text-indent: 0.1em;
}
.flex-direction-nav .flex-next {
	background-position: 100% 0;
	right: -24px;
}
.flex-direction-nav .flex-prev { left: -24px; }
.flexslider:hover .flex-next {
	opacity: 0.8;
	right: 0;
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	left: 0;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flexslider:hover .flex-disabled {
	opacity: .3!important;
	filter:alpha(opacity=30);
	cursor: default;
}

/* IE fix */
.lt-ie9 .flex-direction-nav .flex-next,
.lt-ie9 .flex-direction-nav .flex-prev { display: none; }
.lt-ie9 .flexslider:hover .flex-next,
.lt-ie9 .flexslider:hover .flex-prev { display: block; }

/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -40px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #ddd;
	background: rgba(0,0,0,0.2);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
.flex-control-paging li a:hover {
	background: #ccc;
	background: rgba(0,0,0,0.3);
}
.flex-control-paging li a.flex-active {
	background: #999;
	background: rgba(0,0,0,0.4);
	cursor: default;
}

.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}
.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}
.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer;
}
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}
  
  
/* =============================================================================
   Footer
   ========================================================================== */

#footer {
	background: #010101;
	color: #999; 
	padding: 3em 0;
	margin-top: 0;
}
#footer p { 
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0;
}

/* Contact details
---------------------------------------- */
#footer .call,
#footer .email {
	min-width: 250px;
	float: left;
	margin-bottom: 1em;
}

#footer h3 {
	color: #FFF;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: 300;
	text-decoration: none;
	margin: 0;
}

#footer .telephone-number,
#footer .telephone-number a,
#footer .email-address {
	display: block;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1;
	margin: 0;
}

/* Icons
---------------------------------------- */
#footer .icon-tel,
#footer .icon-email {
	display: block;
	float: left;
	margin-top: 4px;
	margin-right: 0.5em;
	width: 36px;
	height: 36px;
	background-image: url(graphics/sprite.png);
	background-repeat: no-repeat;
}
#footer .icon-tel { background-position: 0 0; }
#footer .icon-email { background-position: 0 -37px; }

#footer .icon-twitter,
#footer .icon-facebook,
#footer .icon-google,
#footer .icon-linkedin,
#footer .icon-flickr,
#footer .icon-rss {
	display: block;
	float: right;
	margin-left: 0.5em;
	background-image: url(graphics/sprite.png);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	text-align: left;
	text-indent: -9999em;
	opacity: 0.6; 
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray;
}
#footer .icon-twitter:hover,
#footer .icon-facebook:hover,
#footer .icon-google:hover,
#footer .icon-linkedin:hover,
#footer .icon-flickr:hover,
#footer .icon-rss:hover {
	opacity: 1;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none; }
	
#footer .icon-twitter { background-position: 0 -73px; }
#footer .icon-facebook { background-position: -36px -73px; }
#footer .icon-google { background-position: -36px -37px; }
#footer .icon-linkedin { background-position: -68px -73px; }
#footer .icon-flickr { background-position: -68px -37px; }
#footer .icon-rss { background-position: -36px 0; }

/* Nav Footer
---------------------------------------- */
#nav-footer { margin: 1em 0 0.75em; }

#nav-footer a {
	font-size: 13px;
	font-size: 1.3rem;
	color: #999;
	text-decoration: underline;
}

#nav-footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav-footer ul li {
	float: left;
	margin: 0 2px;
}

/* Hero
---------------------------------------- */
.footer-hero {
	background: #c00;
	color: #fff;
	text-align: center;
	padding: 4em 0;
}
.footer-hero .wrapper { margin-bottom: 0; }
.footer-hero h3 {
	color: #fff;
	font-size: 34px;
	display: inline-block;
	margin: 0 20px 0 0;
	vertical-align: middle;
}
.footer-hero .button {
	font-size: 21px;
	color: #c00;
	background: #fff;
	margin: 0;
}
.footer-hero .button:hover {
	background: #111;
	color: #fff;
}

/* Subscribe
---------------------------------------- */
.footer-subscribe {
	background: #eee;
	text-align: center;
	padding: 4em 0;
	margin-top: 2em;
}
.footer-subscribe .wrapper { margin-bottom: 0; }
.footer-subscribe h3 {
	font-size: 28px;
	display: inline-block;
	margin: 0 20px 20px 0;
	vertical-align: middle;
}
.footer-subscribe form { margin: 0; }
.footer-subscribe p:first-of-type { margin-bottom: 0; }
.footer-subscribe input {
	margin-bottom: 0;
	width: 50%;
	border: 2px solid #CCC;
	padding: 10px;
	background: #fff;
	font-family: inherit;
}
.footer-subscribe p:first-of-type input { border-bottom: none; }
.footer-subscribe .button {
	font-size: 18px;
	width: 25%;
	margin: 0;
}


/* Speaker pop-up
---------------------------------------- */
.footer-speaker {
	position: relative;
	background: #c00;
    padding: 1em 1.5em;
    color: #fff;
}
.footer-speaker .arrow {
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #c00;
	position: absolute;
	top: 40px;
	right: -15px;
	z-index: -1;
}
.footer-speaker p {
	margin: 0;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: 300;
}
.footer-speaker p a { color: #fff; }

.footer-speaker .large {
	font-size: 28px;
	font-size: 2.8rem;
	color: #fff;
	font-weight: 900;
	letter-spacing: -1px;
	word-spacing: 1px;
	line-height: 1.2;
	margin: 0;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}

.footer-popup {
	overflow: hidden;
	margin-top: 0 !important;
}
.footer-popup > div {
	position: relative;
	top:152px;
}
.csstransitions .footer-popup > div {
-webkit-transition: top 0.4s ease;
	   -moz-transition: top 0.4s ease;
	     -o-transition: top 0.4s ease;
	        transition: top 0.4s ease;
}
.footer-speaker { margin-left: 13.3% !important; }
.speaker-img { width: 167px; }





/* =============================================================================
   Cookie Info
   ========================================================================== */

#cookie-info {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 10px 35px 10px 10px;
	background: #222;
	background: rgba(0, 0, 0, 0.85);
	color: #ccc;
	color: rgba(255,255,255,0.8);
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: 300;
	line-height: 1.2;
	text-align: left;
	z-index: 999;
}
.ie6 #cookie-info { display: none !important; }

#cookie-info strong {
	color: #fff;
	font-weight: bold;
}

/* Link */
#cookie-info a {
 	color: #fff;
 	text-decoration: underline;
}
#cookie-info a:hover {
 	color: #fff;
 	text-decoration: none;
}

/* Close X */
#cookie-info #cookie-close {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background: #c00;
	color: #fff;
	font-size: 30px;
	line-height: 100%;
	padding: 2px 6px;
}
#cookie-info #cookie-close:hover {
 	cursor: pointer;
	background: #f00;
}

/* =============================================================================
   WordPress Admin Bar
   ========================================================================== */
   
html.js { margin-top: 0 !important; }

/* Set admin bar to the bottom of the screen */
body #wpadminbar {
	top: auto;
	bottom: 0;
}

body #wpadminbar .menupop .ab-sub-wrapper, 
body #wpadminbar .shortlink-input {
	bottom: 32px;
	-webkit-box-shadow: 0 -4px 4px rgba(0,0,0,0.2);
			box-shadow: 0 -4px 4px rgba(0,0,0,0.2);
}


/* =============================================================================
   Media Queries
   ========================================================================== */
   
/* Medium Screens */
@media screen and (min-width: 0px) and (max-width: 1069px) {
	
	.case-studies figure figcaption .description { display: none; }
	
}  


/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.hide { display: none; }

/* Container / Row
---------------------------------------- */
.container:before, .container:after,
.row:before, .row:after { content: ""; display: table; }
.container:after,
.row:after { clear: both; }
.container,
.row { *zoom: 1; }


/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}