/*
Theme Name: Frostbite
Theme URI: http://frostbite.com
Author: Triggerfish
Author URI: http://triggerfish.se
Description: Frostbite theme based on Twenty Eleven
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: frostbite
Text Domain: frostbite
*/

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* Helper styles */
.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
#sub-nav ul li, #primary .site-nav a, .twitter-intent, .gform_button, .transition, .flex-direction-nav a, a.btn, #primary .menu .highlighted a span, .icon, #footer-second .widget, .gform_fields input[type=text], .gform_fields textarea { -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
#primary .site-nav .highlighted a { -webkit-transition: none; -moz-transition:none; -o-transition:none; transition:none; }

a { text-decoration: none; }
a:active, a:focus { outline: none; }
.align-center { display: block; text-align: center; }
.pull-right { float: right; }
.pull-left { float: left; }
.clearer{ clear: both; }

/* Global styles */
[class*="span"] { float: left; margin-left: 50px; }
.row { margin-left: -50px; *zoom: 1; }
.row:before, .row:after { display: table; line-height: 0; content: ""; }
.row:after { clear: both; }
.row.nested { margin-bottom: 30px; }
.row:last-child { margin-bottom: 0; }
.container { max-width: 1150px; min-width: 0; margin-right: auto; margin-left: auto; *zoom: 1; position: relative; }
.container:before, .container:after { display: table; line-height: 0; content: ""; }
.container:after { clear: both; }
.content { padding: 50px 0; }
.content.bg-grey { background: #f8f8f8; }
.overlay { z-index: 1000; position: relative; }
img { max-width: 100%; height: auto; }
.map img { max-width: none; }

body { font: 15px/23px 'PT sans', sans-serif; color: #6c6e70; padding-top: 318px; -webkit-backface-visibility: hidden; }
body.logged-in { padding-top: 325px; }
body.page-id-12, body.category, blog.single-post { background: #f8f8f8; padding-top: 278px; }
body.page-id-11 { padding-top: 378px; }
body.tax-tax_jobcategory { padding-top: 298px; }
body.home { padding-top: 200px; }
body.archive, body.single-post { background: #f8f8f8; }
body.tax-tax_jobcategory { background: #fff; }

/* Grid */
.span2 { width: 150px; }
.span3 { width: 250px; }
.span4 { width: 300px; }
.span6 { width: 550px; }
.span7 { width: 650px; }
.span8 { width: 750px; }
.span9 { width: 850px; }
.span12 { width: 1150px; }

/* Navigation and header */
#branding { background: #000 url('images/logo-shapes.png') -920px -520px no-repeat; position: fixed; width: 100%; z-index: 2000; top: 0; left: 0; overflow: hidden; }
#logo-shapes { top: -520px; left: -980px; position: absolute; z-index: 1; }
#primary { text-align: right; height: 110px; z-index: 3000; position: relative; }
#primary .container { position: relative; height: 100%; }
#primary .container ul, #primary .container .menu { height: 100%; }
#primary .container a, #primary .container li { display: inline-block; height: 100%; }
#primary .container a{ position: relative; }
#primary .site-nav a { text-transform: uppercase; color: #c2c3c4; font: 400 14px/20px 'Electrolize', sans-serif; letter-spacing: 1px; margin-left: 33px; border-top: 5px transparent solid; }
#primary .site-nav a span { position: relative; top: 33%; display: block; left: 0;  }
#primary .site-nav a:hover { color: #fff; border-top: 5px #f8b000 solid; }
#primary .site-nav .current-menu-item a, #primary .site-nav .current-menu-ancestor a { border-top: 5px #f8b000 solid; color: #fff; }
#primary .site-nav .current-menu-item a span, #primary .site-nav .current-menu-ancestor a span { margin-top: 0; }
#primary .site-nav .highlighted a { border-top: 0; }
#primary .site-nav .highlighted a:hover { border-top: 0; }
#primary .site-nav .highlighted a span { font-weight: 700; background: #008bb7; padding: 15px 20px; margin-top: -15px; color: #fff; }
#primary .site-nav .highlighted a span:hover { background: #007aa1; }
#primary .site-nav .highlighted a span:active { background: #005a77; }
#primary .site-nav .current-menu-item.highlighted a { border-top: 5px transparent; }
#primary .site-nav .current-menu-item.highlighted a span { margin-top: -15px; }
#sub-nav { overflow:hidden; float: left; width: 100%; position: relative; height: 48px; padding-top: 10px; z-index: 3100; }
#sub-nav ul { clear:left; float:left; position:relative; left:50%; text-align:center; height: 100%; }
#sub-nav ul li { display:block; margin: 0 25px; float:left; position:relative; right:50%; height: 43px; border-bottom: 5px transparent solid; }
#sub-nav a { text-transform: uppercase; color: #c2c3c4; font: 400 14px/20px 'Electrolize', sans-serif; letter-spacing: 1px;  display: block; height: 100%; }
#sub-nav ul li:hover { border-bottom: 5px #f8b000 solid; }
#sub-nav li.current-menu-item, #sub-nav li.current-post-ancestor { border-bottom: 5px #f8b000 solid; }
#sub-nav li.current-menu-item a, #sub-nav a:hover, #sub-nav li.current-post-ancestor a { color: #fff; }

#logo { float: left; position: relative; }
#logo img { position: absolute; top: 11%; height: 70%;  max-width: none; }

/* Headlines */
h1, h2, h3, h4, h5, .post-headline { font-family: 'Quantico', sans-serif; margin-bottom: 20px; color: #434445; }
h1 { font-size: 42px; line-height: 46px; }
h2 { font-size: 30px; line-height: 34px; }
#sidebar .widget h2 { font-size: 20px; line-height: 24px; margin-bottom: 5px; }
.source-twitter h2 { font-family: 'PT Sans', sans-serif; }
h2.blog-post-title, h1.blog-post-title { margin-bottom: 5px; }
h3, .post-title { font-size: 26px; line-height: 30px; }
h4 { font-size: 22px; line-height: 26px; }
h5 { font-size: 18px; line-height: 22px; }

/* Typography */
.text-large { font: 33px/40px 'Quantico', sans-serif; }

/* Slider */
.flexslider { position: relative; margin-bottom: -1px; }
.flex-loading {min-height: 300px; background: #fff url('images/ajax-loader.gif') no-repeat center center;}
.flexslider .slides img { display: block; width: 100%; }
.flexslider .slides { display: block; }
.flexslider .slides > li { position: relative; display: none; }
.slide-content { position: absolute; display: none; left: 0; top: 40%; width: 100%; color: #fff; font: 37px/55px 'Quantico', sans-serif; }
.slide-content p { margin-bottom: -5px; }
.slide-content .btn { margin-top: 20px; }
.slide-content .span12 { text-align: center; margin: 0; }
.flex-direction-nav a { position: absolute; top: 45%; background: url('images/sprite.png') no-repeat; width: 47px; height: 87px; display: block; text-indent: -9999px; opacity: 0.25; }
.flex-direction-nav .flex-prev { left: 50px; background-position: 0 0; }
.flex-direction-nav .flex-prev:hover { opacity: 0.6; }
.flex-direction-nav .flex-next { right: 50px; background-position: -57px 0; }
.flex-direction-nav .flex-next:hover { opacity: 0.6; }

/* Page footer and Page Header */
#page-footer, #page-header { color: #ececec; }
#page-header.content { padding: 0; }
#page-header .container { max-width: 1000px; }
#page-header .span12 { width: 95%; }
/*#page-header { margin: 20px 0 50px; z-index: 1; position: relative; z-index: 3200; overflow: hidden; } */
#page-header { margin: 0 0 30px; z-index: 1; position: relative; z-index: 3200; overflow: hidden; }
#page-footer { background: #008bb7; width: 100%; height: 292px; overflow: hidden; }
#logo-shapes-footer { top: -520px; right: -980px; position: absolute; z-index: 0; }
#page-footer .span12 { margin-top: 0; position: relative; z-index: 1;  margin-top: 6%; }
#page-footer .container, #page-footer .row { height: 100%; }
#page-footer .btn { margin-top: 20px; }

/* Posts (frontpage) */
.post-item span { display: block; }
.post-item .post-title { margin-bottom: 8px; color: #434445; }
.post-item .post-headline { font-size: 15px; font-weight: 700; line-height: normal; margin: 0 0 5px; padding: 2px 0 5px 35px; text-transform: uppercase; color: #008bb7; background: url('images/sprite.png') 0 0 no-repeat; }
.cat-102 .post-headline { background-position: -477px -82px; }
.cat-104 .post-headline {  background-position: -482px -397px; }
.facebook .post-headline { background-position: -476px -250px; }
.twitter .post-headline { background-position: -476px -545px; }
.twitter .post-title, .facebook .post-title { font-size: 18px; line-height: 25px; }  
.post-item .post-date, .element .post-date, .blog-post .post-date { color: #a0a2a4; font: 13px/normal 'Coda', sans-serif; }
.post-item:hover .post-headline  { color: #008bb7; }

/* Content */
.entry-content a, .error404 a, .map-popup a { text-decoration: none; color: #f8b000; }
.entry-content a:hover, .error404 a:hover, .map-popup a:hover { color: #db9b00; }
.element .entry-content a, #sidebar .widget a { color: #559eb7; }
.entry-content p, .error404 p { margin-bottom: 15px; }
.entry-content ol, .entry-content ul { margin-bottom: 20px; }
.entry-content ol li { list-style:decimal inside; margin-left: 15px; }
.entry-content ul li { list-style-type: none; list-style: none; padding: 0 0 5px 35px; background: url('images/sprite.png') 0 -779px no-repeat; }
.entry-content table, .map-popup table { width: 100%; }
.entry-content table th, .map-popup table th { font-weight: 700; }
.entry-content table th, .entry-content table td, .map-popup table th, .map-popup table td { padding: 8px; text-align: left; line-height: 22px; border-top: 1px #ccc solid; }
.map-popup table th, .map-popup table td { padding-left: 0; }
.entry-content table th, .map-popup table th { border-top: none; }
.entry-content table tr:hover, .map-popup table tr:hover { background: #f9f9f9; }
.preamble { font-size: 19px; line-height: 29px; color: #6c6e70; }
.file-icon { background: url('images/file-sprite.png') 0 0 no-repeat; padding: 5px 0 5px 45px; display: inline-block; margin-bottom: 10px; }
.file-pdf { background-position: 0 0; }
.file-ppt, .file-pptx, .file-pps { background-position: 0 -306px; }
.file-doc, .file-docx { background-position: 0 -102px; }
.file-qt, .file-mov, .file-mpg, .file-mpeg { background-position: 0 -204px; }
.file-avi { background-position: 0 -488px; }
.file-wmv { background-position: 0 -388px; }
.entry-content .files li { padding: 0; background: none; }
blockquote { font-family: Georgia, serif; font-size: 16px; font-style: italic; margin: 15px 0 0; padding: 15px 40px; line-height: 1.45; position: relative; color: #666; }
blockquote:before { display: block; content: "\201C"; font-size: 80px; position: absolute; left: -7px; top: -7px; color: #7a7a7a; }
.alignleft { display: inline; float: left; margin-right: 20px; }
.alignright { display: inline; float: right; margin-left: 20px; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

/* Page handling image left/right */
.two-columns-image { position: relative; height: 100%; overflow: hidden; }
.two-columns-image .container { height: 100%; }
.two-columns-image.image-left { background: #f8f8f8; }
.two-columns-image .column-content { background: #fff; padding: 80px 0 50px; min-height: 280px; height: auto !important; height: 280px; width: 518px; float: left; position: relative; z-index: 10; }
.image-left .column-content { background: #f8f8f8; }
.two-columns-image.image-left .column-content { float: right; }
.two-columns-image .big-image { position: absolute; z-index: 1; top: 0; width: 100%; height: 100%; }
.two-columns-image.image-right .big-image { left: 55%; }
.two-columns-image.image-left .big-image { right: 55%; }
.column-content-more { position: relative; width: 518px; display: none; }
.expand { display: block; text-indent: -9999px; width: 65px; height: 65px; background: url('images/sprite.png') -290px 0 no-repeat; margin: 30px auto 0; opacity: 0.8; }
.expand.collapse { background-position: -355px 0; }
.expand:hover { opacity: 1; }

/* Map */
.map.content { padding: 0; }
#map { width: 100%; height: 500px; }
.map-popup { font-size: 13px; line-height: normal; padding: 10px 15px; text-align: center; }
.map-popup h3 { margin-bottom: 10px; font-size: 18px; line-height: normal; }
.map-popup img {  margin: 0 auto 20px; display: block; }

/* Coworkers */
.coworkers.content { padding: 0; overflow:hidden; width: 100%; position: relative; }
#coworkers { width: 100.6%; }
.coworker-item { display: block; position: relative; float: left; width: 16.6666666666667%; margin: 0 0 -1px -0.1%; }
.ie9 #coworkers, .lt-ie9 #coworkers { overflow: hidden; }
.ie9 .coworker-item, .lt-ie9 .coworker-item { float: left; width: 20%; }
.coworker-item .overlay {  text-align: center; vertical-align: middle; opacity: 0; position: absolute; top: 0; left: 0; background: rgb(248, 176, 0); background: rgba(248, 176, 0, 0.9); height: 100%; width: 100%; }
.coworker-item .overlay p {position: relative; top: 20%; color: #fff; padding: 0 10px; line-height: normal; }
.coworker-item img { margin: 0; padding: 0; width: 100% !important; height: auto !important; display: block; }
.coworker-item .name { font: 700 23px/35px 'Quantico', sans-serif; display: block; }
.coworker-item .title { display: block; width: 100%; margin-bottom: 10px; }
.coworker-item a { color: #fff; background: url('images/sprite.png') -476px -618px no-repeat; padding: 3px 0 3px 30px; }
.coworker-item a:hover { opacity: 1; }

/* Jobs */
.application-form { display: none; position: absolute; width: 448px; height: 365px; bottom: 70px; left: 0; background: url('images/yellow-fold.png') bottom left no-repeat; padding-bottom: 17px; }
.application-form span { display: block; color: #fff; font: 35px/43px 'Quantico', sans-serif; margin-bottom: 20px; }
.application-form form { background: #f8b000; padding: 25px 30px 30px; height: 310px; position: relative; }
iframe.post-frame { height: 35px; width: 350px; margin: 15px 0 0 0; padding: 0; overflow: hidden; }
.close-arrow-white { background: url('images/sprite.png') -225px 0 no-repeat; display: block; position: absolute; top: 30px; right: 30px; width: 32px; height: 31px; text-indent: -9999px; opacity: 0.8; }
.close-arrow-white:hover { opacity: 1; }
.apply-buttons { margin-top: 30px; }
.entry-content .apply-buttons li { list-style-type: none; list-style: none; padding: 0; background: none; float: left; }
.application-form input[type=text].choosebox { width: 199px; float: left; vertical-align: top;} 
.application-form .choose.btn { width: 108px !important; text-align: center; vertical-align: top; }
.application-form .field { margin-bottom: 8px; overflow: hidden; }
.linkedin-widget { margin-left: 20px; }
.linkedin-widget .IN-widget { margin-top: 7px; }

/* Blog */

#sidebar .widget { background: #fff; padding: 20px; margin-bottom: 30px; border-bottom: 1px #dedede solid; }
#sidebar .widget li { border-top: 1px #eee solid; padding: 8px 0; font-size: 14px; line-height: normal; }
#sidebar .widget li:first-child { border-top: 0; }
#sidebar .widget a { display: block; }
#sidebar .widget select { width: 98%; background: #f8f8f8; border: 0; padding: 10px; }
.blog-post { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px #dedede solid; }
.blog-post:last-child { border-bottom: 0; }
.blog-post .post-date { font-size: 14px; }
.single .blog-post { border-bottom: 0; }

/* = Pagination
* ----------------------------------- */

.wp-pagenavi{margin-top:30px}.wp-pagenavi .pages{display:none}.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:visited,.wp-pagenavi span.current{border: 1px #dedede solid; color:#666;background:#fff;display:inline-block;line-height:2.48em;height:2.4em;text-decoration:none;margin:0 .3em 12px;padding:0 1em;font-size:16px;}.wp-pagenavi span.current{background:#eee;border:1px solid #ddd;}.wp-pagenavi a:hover{border:1px solid #ddd!important;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #ddd !important;
}
.wp-pagenavi span.current {
    font-weight: 700;
}
/* Culture */
#show-all-wrapper { margin: 50px auto 0; text-align: center; }
#connect-show-all { display: none; }
#culture { margin: 0 -30px 0 -20px; display: none; }
#culture-loading { text-align: center; position: absolute; top: 100px; left: 45%; width: 28px; height: 28px; background: url('images/ajax-loader.gif') no-repeat; text-indent: -9999px; }
.culture.content { padding: 0 0 50px; background: #f8f8f8; min-height: 800px; height: auto !important; height: 800px; }
#filters { overflow:hidden; float: left; width: 100%; position: relative; margin: 50px 0 30px; }
#filters ul { clear:left; float:left; position:relative; left:50%; text-align:center; }
#filters ul li { display:block; float:left; position:relative; right:50%; }
#filters ul li a { font: 700 16px/normal 'Quantico', sans-serif; text-transform: uppercase; color: #57585a; display: inline-block; padding: 5px 30px 8px 45px; background: url('images/sprite.png') 0 -569px no-repeat; }
#filters ul li a:hover { color: #222; }
#filters ul li a.active { background-position: 0 -465px; }
.youtube-img { max-width: 100%; height: auto; }
.source-youtube a { position: relative; width: 270px; height: 136px; }
.play-arrow { position: relative; width: 51px; height: 64px; background: url('images/sprite.png') 0 -336px no-repeat; top: -115px; left: 106px; margin-bottom: -64px; opacity: 0.6; }
.source-youtube a:hover .play-arrow { opacity: 1; }
.source-twitter .element-icon { background-position: -476px -471px; } .source-twitter:hover .element-icon { background-position: -476px -545px; }
.source-facebook .element-icon { background-position: -476px -166px; } .source-facebook:hover .element-icon { background-position: -476px -250px; }
.source-blog .element-icon { background-position: -477px 0; } .source-blog:hover .element-icon { background-position: -477px -82px; }
.source-publications .element-icon { background-position: -482px -324px; margin: -1px 5px 3px 5px; } .source-publications:hover .element-icon { background-position: -482px -397px; }
.element { border-bottom: 2px #cacfd1 solid; width: 250px; margin: 15px 25px; padding-bottom: 15px;}
.element:hover { color: #333; }
.element.clickable { cursor: pointer; }
.element-icon { background: url('images/sprite.png') 0 0 no-repeat; width: 24px; height: 24px; display: block;  margin: -1px 5px 0 0; float: left; }
.element-large { width: 550px; background: #fff; border-bottom: none; padding-bottom: 0; }
.element-large .element-inner { padding: 35px 40px; }
.element-fulldescr { display: none; }
.source-twitter .element-fulldescr, .source-facebook .element-fulldescr { padding-right: 60px; }
.element-large .element-fulldescr { display: block; }
.element-large .element-shortdescr { display: none; }
.close-arrow { cursor: pointer; opacity: 0.6; position: absolute; top: 40px; right: 40px; width: 32px; height: 32px; background: url('images/sprite.png') -170px 0 no-repeat; }
.close-arrow:hover { opacity: 1; }
.element .post-date { display: block; clear: both; margin-top: 5px; }
.element h2 { padding-right: 60px; margin-bottom: 5px; }
.element .post-date { margin-bottom: 10px; display: block; }
.fancybox-skin { border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; }
.twitter-intent { font-weight: 700; text-transform: uppercase; display: inline-block; margin: 10px 5px 10px 0; font-size: 12px; font-family: 'Quantico', sans-serif; color: #777; background: #eee; padding: 3px 15px; }
.twitter-intent:hover { background: #dedede; }
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
      -ms-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          z-index: 2;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/* Forms */
.gform_wrapper { position: relative; }
.entry-content .gform_wrapper li { margin:0 0 16px 0; list-style: none; padding: 0; }
.validation_error, .validation_message { display: none; }
#gforms_confirmation_message { margin-top: 11px; text-align: center; background: #dedede; padding: 10px 20px;}
.gform_fields input[type=text], .gform_fields textarea, .application-form input[type=text] { outline: none; width: 92.5%; resize:none; font: 16px/23px 'PT Sans', sans-serif; padding:13px 20px; border:none; background: #fff; border-bottom: 2px #ebebeb solid; color:#6c6e70; }
.gfield_error input[type=text], .gfield_error textarea  { background: #e74c3c; color: #fff; border-bottom: 2px #c54133 solid; }
.gform_fields input[type=text]:focus, .gform_fields textarea:focus { border-bottom: 2px #dedede solid; }
.gfield_error input[type=text]:focus, .gfield_error textarea:focus { border-bottom: 2px #c54133 solid; }
.gform_fields textarea { height:130px; }
.gform_ajax_spinner { position: absolute; text-align: center; bottom: 18px; right: 40px; }
.application-form input[type=text] { border-color: #eba700; width: 89.5%; }
.application-form .gform_fields input[type=text]:focus { border-color: #c58c02; }
.field { margin-bottom: 18px; }

/* Buttons */
a.btn, .gform_button, .application-form .btn { -webkit-appearance: none; display: inline-block; font: 700 16px/20px 'Quantico', sans-serif; padding: 15px 20px; background: #007da4; text-transform: uppercase; color: #fff; }
a.btn-yellow { background: #f8b000; }
a.btn:hover { background: #006d8f; color: #fff; }
a.btn:active { background: #00455b; color: #fff; }
a.btn-yellow:hover { background: #df9f01; }
a.btn-yellow:active { background: #b88302; }
.gform_button, .application-form .btn { border: none; background: #f8b000; width: 100%; cursor: pointer; }
.application-form .btn { background: #7c5800; }
.gform_button:hover { background: #df9e00; }
.gform_button:active { background: #ae7b00; }
.application-form .btn:hover { background: #634600; }
.application-form .btn:active { background: #433001; }
.btn.btn-small { padding: 10px 13px; font-size: 14px; }

/* Footer */
#colophon { color: #7d7e81; }
#footer-first { background: #262626; font: 18px/22px 'Quantico', sans-serif; }
#footer-first h3 { font-weight: 700; font-size: 48px; line-height: 54px; color: #a0a2a4; margin-bottom: 5px; }
#footer-first h3 span { display: inline-block; vertical-align: text-top; width: 48px; height: 57px; line-height: 54px; margin-right: 15px; opacity: 0.4; }
#footer-first [class*="span"]:hover span { opacity: 1; }
#footer-second { background: #1c1c1c; }
#footer-second .widget { margin-top: 15px; opacity: 0.4; }
#footer-second .widget:hover { opacity: 1; }
.icon { opacity: 0.4; background: url('images/sprite.png') 0 0 no-repeat; width: 48px; height: 48px; display: inline-block; text-indent: -9999px; margin-left: 30px; }
.icon:hover { opacity: 0.8; }
.icon-linkedin { background-position: 0 -236px; }
.icon-facebook { background-position: -77px -236px; }
.icon-twitter { background-position: -154px -236px; }
.icon-youtube { background-position: -232px -236px; }


/* Responsive */
.btn-show { display: none; }
#responsive-navigation { position: absolute; width: 0; overflow: hidden; top: 0; left: 0; height: 0; background: #000; z-index: 101; }
.is-mobile { display: none; }

@media (max-width: 1400px) { 
    .slide-content .span12 { margin-left: 0; }
}

@media (max-width: 1200px) { 
    #logo img { height: 65%; top: 13%; }
    .row { margin-left: -20px; }
    .span3 { width: 19%; margin-left: 40px; }
    #primary .site-nav a { margin-left: 20px; font-size: 13px; }
    #primary .site-nav li.highlighted { display: none; }
    #primary .container { margin: 0 20px; }
    #page-footer .span12 { width: 95%; margin-left: 20px; }
    #footer-first h3 { font-size: 36px; }
    #footer-first h3 span { background-position: 0 10px !important; }
    #footer-second .container { margin: 0 20px; }
    .two-columns-image .column-content { padding: 80px 20px 50px 40px; }
    .slide-content .span12 { width: 100%; }
    .coworker-item { width: 33.33333%; }
    .text-large { font-size: 27px; }
}

@media (max-width:767px)
{ 
    /* Hide elements */
    .site-nav, #sub-nav, .apply-buttons, .application-form, .content.map { display: none; }
    
    /* General */
    body { padding-top: 0 !important; font: 14px/18px 'PT sans', sans-serif; }
    .content { padding: 30px 0; }
    
    /* Site Header */
    #branding { position: relative; z-index: 1; height: auto !important; padding-bottom: 20px; overflow: hidden; background: #000; }
    #primary { height: auto; text-align: left; z-index: 1; }
    #logo { float: none; margin: 20px 0 0 20px; }
    #logo img { height: auto; position: relative; top: auto; width: 195px; }
    
    /* Site Footer */
    #footer-first { font-size: 15px; }
    #footer-first .span3 { text-align: center; margin-bottom: 10px; }
    #footer-first h3 { font-size: 30px; line-height: normal; }
    #footer-first h3 span { vertical-align: text-bottom; }
    #footer-second { text-align: center; background-image: none;  }
    #footer-second .pull-left, #footer-second .pull-right { float: none; }
    #footer-second .pull-right { margin-top: 20px; }
    #footer-second a:first-child { margin-left: 0; }
    #footer-second .container { margin: 0; }
    
    /* Grid */
    [class*="span"] { float: none; margin: 0 0 30px 0; width: 100%; }
    [class*="span"]:last-child { margin-bottom: 0; }
    .row { margin-left: 0px; padding: 0 20px; }
    .row.nested { padding: 0; }
    .span2{ width: 40%; float: left; margin-right: 20px; }
    
    /* Page Footer and Header */
    #page-header { margin: 10px 0 10px; display: block !important; z-index: 1; }
    .home #page-header br { display: none; }
    #page-footer { height: auto !important; }
    #page-footer .container { padding-bottom: 30px; }
    
    /* Layouts */
    .flexslider { height: 150px; }
    .flex-viewport, .flexslider ul, .flexslider ul li { height: 100%; }
    .flexslider .slides img { height: 100%; }
    .slide-content { font-size: 20px; line-height: normal; top: 20%; }
    .flex-direction-nav { display: none; }
    .four-columns { background: #fff; }
    .two-columns-image .column-content { width: 90%; padding: 30px 20px; margin-top: 200px; z-index: 1; height: auto !important; min-height: auto !important; -webkit-backface-visibility: hidden; }
    .column-content-more { width: 100%; }
    .preamble { font-size: 17px; line-height: 21px; }
    .expand { margin-top: 10px; }
    .two-columns-image .big-image { left: auto !important; right: auto !important; height: 200px; width: 100%; z-index: 2; }
    .coworker-item { width: 50%; }
    .coworker-item .overlay p { top: 15%; }
    .coworker-item .name { font-size: 18px; line-height: normal; }
    .coworker-item .title { font-size: 12px; line-height: normal; }
    #map { height: 200px; }
    .culture.content { min-height: 200px; }
    #culture { margin: 0 !important; }
    #filters { padding: 0 20px; float: none; width: auto; margin: 20px 0; }
    #filters ul { float: none; left: auto; text-align: left; }
    #filters ul li { float: none; right: auto; margin-bottom: 10px; }
    .element { margin: 0 20px 20px !important; width: 88% !important; }
    .element iframe { max-width: 100%; }
    .element-large .element-inner { padding: 20px; }
    .close-arrow { top: 20px; right: 20px; }
    .twitter-intent { font-size:8px; padding: 3px 7px; }
    
    
    /* Forms */
    .gform_fields input[type="text"], .gform_fields textarea { width: 85%; border-radius: 0; -webkit-appearance: none; }
    
    /* Typography */
    .text-large { font-size: 16px; line-height: normal; }
    .post-title { font-size: 18px; line-height: normal; }
    .application-form span { font-size: 16px; line-height: normal; margin-right: 40px; }
    h1, h2, h3, h4, h5 { margin-bottom: 10px; }
    h1 { font-size: 30px; line-height: 36px; }
    h2 { font-size: 26px; line-height: 30px; }
    .element h2 { font-size: 14px; line-height: normal; padding-right: 20px; }
    .source-twitter h2 { font-family: 'PT sans', sans-serif; }
    
    /* Navigation */
    .btn-show, .btn-hide { padding: 6px 15px; position: absolute; top: 23px; right: 20px; color: #6b6e6e; display: inline-block; }
    .btn-show { background: url('images/nav.png') 13px 10px no-repeat; z-index: 2; top: 27px; display: block; text-indent: -9999px; height: 25px; width: 30px;  }
    .navigation a.btn-hide { top: 15px; color: #fff; right: 20px; border: 0; box-shadow: none; background: url('images/close.png') 67px 9px no-repeat; padding-right: 25px; }
    #responsive-navigation { transition: height 0.3s ease; -moz-transition: height 0.3s ease; -webkit-transition: height 0.3s ease; z-index: 20000; font: 14px/20px 'Quantico', sans-serif; text-transform: uppercase; }
    #responsive-navigation:target { height: auto; width: 100%; } 
    #responsive-navigation nav { padding: 50px 20px 20px; }
    #responsive-navigation ul > li { border-bottom: 1px #555 solid; }
    #responsive-navigation ul > li:last-child { border-bottom: none }
    #responsive-navigation ul > li > a { color: #fff; display: block; padding: 10px 0; text-align: left; }
    #responsive-navigation ul > li.current-menu-item > a { color: #fff; }
    #responsive-navigation.navigation ul > li.has-children > a { background: url('images/arrow-down.png') right no-repeat; }
    #responsive-navigation.navigation ul > li.has-children:hover > a { background: url('images/arrow-up.png') right no-repeat; }
    #responsive-navigation ul ul { display: none; padding-left:20px; }
    #responsive-navigation ul > li:hover > ul, #responsive-navigation ul > li.current-menu-parent > ul { display: block; }
    #responsive-navigation ul > li > ul > li > a { text-transform: none; }
    .navigation a { background: none; }
}