/*
Theme Name: JFK Audio
Description: 
Author: toast creative
Version: 1.0
*/

/*lkc-reset - v1.1 - 23/05/2013 */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,em,img,ins,kbd,q,s,samp,small,strike,strong,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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}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:'';content:none;}table{border-collapse:collapse;border-spacing:0;}html{overflow-y:scroll;height:100%;}html,body{height:100%;-webkit-text-size-adjust:none;}textarea{resize:vertical;}textarea,input[type=text],input[type=submit]{outline:none;-webkit-appearance:none;border-radius: 0;}a{outline:none;-moz-outline:none;text-decoration:none;}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

@font-face {
	font-family: 'jfk-icons';
	src:url('fonts/jfk-icons.eot?hfadlo');
	src:url('fonts/jfk-icons.eot?#iefixhfadlo') format('embedded-opentype'),
		url('fonts/jfk-icons.woff?hfadlo') format('woff'),
		url('fonts/jfk-icons.ttf?hfadlo') format('truetype'),
		url('fonts/jfk-icons.svg?hfadlo#jfk-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'jfk-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-angle-left:before {
	content: "\e600";
}
.icon-angle-right:before {
	content: "\e601";
}
.icon-angle-up:before {
	content: "\e602";
}
.icon-angle-down:before {
	content: "\e603";
}
.icon-facebook:before {
	content: "\e604";
}
.icon-twitter:before {
	content: "\e605";
}
.icon-linkedin:before {
	content: "\e606";
}
.icon-question:before {
	content: "\e607";
}
.icon-code-fork:before {
	content: "\e614";
}
.icon-bullhorn:before {
	content: "\e615";
}
.icon-globe:before {
	content: "\e616";
}
.icon-book:before {
	content: "\e62d";
}
.icon-play-circle:before {
	content: "\e62e";
}
.icon-lightbulb:before {
	content: "\e632";
}
.icon-search:before {
	content: "\e608";
}
.icon-cogs:before {
	content: "\e609";
}
.icon-screen:before {
	content: "\e60a";
}
.icon-stats:before {
	content: "\e60b";
}
.icon-leaf:before {
	content: "\e60c";
}
.icon-bubbles:before {
	content: "\e60d";
}
.icon-users:before {
	content: "\e60e";
}
.icon-binoculars:before {
	content: "\e60f";
}
.icon-trophy:before {
	content: "\e610";
}
.icon-equalizer:before {
	content: "\e611";
}
.icon-glass:before {
	content: "\e612";
}
.icon-camera:before {
	content: "\e613";
}
.icon-share:before {
	content: "\e617";
}
.icon-hammer:before {
	content: "\e618";
}
.icon-cog:before {
	content: "\e619";
}
.icon-cog2:before {
	content: "\e61a";
}
.icon-wrench:before {
	content: "\e61b";
}
.icon-phone:before {
	content: "\e61c";
}
.icon-location:before {
	content: "\e61d";
}
.icon-feed:before {
	content: "\e61e";
}
.icon-podcast:before {
	content: "\e61f";
}
.icon-connection:before {
	content: "\e620";
}
.icon-stack:before {
	content: "\e621";
}
.icon-spinner:before {
	content: "\e622";
}
.icon-music:before {
	content: "\e623";
}
.icon-headphones:before {
	content: "\e624";
}
.icon-brightness-medium:before {
	content: "\e625";
}
.icon-power-cord:before {
	content: "\e626";
}
.icon-tree:before {
	content: "\e627";
}
.icon-contract:before {
	content: "\e628";
}
.icon-earth:before {
	content: "\e629";
}
.icon-home:before {
	content: "\e62a";
}
.icon-brightness-contrast:before {
	content: "\e62b";
}
.icon-lightning:before {
	content: "\e62c";
}
.icon-book2:before {
	content: "\e62f";
}
.icon-lock:before {
	content: "\e633";
}
.icon-book3:before {
	content: "\e630";
}
.icon-house:before {
	content: "\e631";
}
.icon-cctv:before {
	content: "\e634";
}
.icon-remote2:before {
	content: "\e635";
}
.icon-speaker:before {
	content: "\e636";
}

.group:after {
	content: "";
	display: table;
	clear: both;
}

a, a span{
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

::selection {
	background: #192735;
	color: #fff;
}
	
::-moz-selection {
	background: #192735;
	color: #fff;
}


body{
	font-family: "source-sans-pro",sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #1b212b;
	background: url(images/jfk_bg_fade_c_2.jpg) center top;
}

.fixed-nav{
	padding-top: 84px;
}

.inner{
	width: 100%;
	max-width: 960px;
	padding: 0px 10px;
	margin: 0 auto;
}


h1, h2, h3, h4{
	font-family: "museo-sans-rounded", "source-sans-pro", sans-serif;
	font-weight: 300;
}

h1{
	font-size: 44px;
	line-height: 44px;
	margin-bottom: 25px;
	padding-left: 60px;
}

h2{
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 30px;
}

strong{
	font-weight: 400;
}

p{
	margin-bottom: 22px;
}

.header{
	background: #f3f3f4;
	position: relative;
	z-index: 20;
}

.header:before{
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 7px;
	background: #f6ab3d;
	box-shadow: 0px 0px 3px 0px rgba(25,39,53,0.7);
	z-index: 100;
}

.logo{
	padding: 27px 0px 20px;
	position: relative;
	z-index: 2;
	background: #f3f3f4;
}

.logo a{
	display: block;
	max-width: 200px;
	margin: 0 auto;
	width: 100%;
}

.logo img{
	width: 100%;
	height: auto;
	display: block;
}

.nav{
	background: #192735;
	box-shadow: 0px 0px 3px 0px rgba(25,39,53,0.7);
}

.fixed-nav .nav{
	position: fixed;
	top: 7px;
	left: 0;
	width: 100%;
	z-index: 99;
}

.nav .inner{
	text-align: center;
}

.nav .menu{
	display: inline-block;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	margin-left: 0;
}

.fixed-nav .nav .menu{
	margin-left: 95px;
}

.nav .menu > li{
	display: inline-block;
	border-left: 1px solid #121212;
}

.nav .menu > li:last-of-type{
	border-right: 1px solid #121212;
}

.nav .menu > li > a{
	font-family: "museo-sans-rounded", "source-sans-pro", sans-serif;
	font-weight: 300;
	color: #fff;
	padding: 26px 30px 30px 30px;
	line-height: 16px;
	position: relative;
	display: inline-block;
	text-transform: uppercase;
}

.nav .menu > li > a:hover{
	color: #F6AB3D;
}

.nav .menu > .current-menu-item > a, .nav .menu > .current-menu-ancestor > a{
	color: #F6AB3D;
}

.nav .menu .search a{
	font-family: 'jfk-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 30px 25px;
}

.nav .menu .search{
	display: none;
}

.nav .menu .sub-menu-wrap{
	display: none;
	position: absolute;
	width: 100%;
	left: 0;
	top: 100%;
	background: #fff;
	box-shadow: 0px 0px 6px 0px rgba(10,23,39,0.8);
	padding: 35px 20px;
}

.nav .menu .active .sub-menu-wrap{
	display: block;
}

.nav .menu .sub-menu{
	width: 100%;
	max-width: 740px;
	display: block;
	margin: 0 auto;
	-moz-column-count: 3;
    -moz-column-gap: 40px;
    -webkit-column-count: 3;
    -webkit-column-gap: 40px;
}

.nav .menu li:hover .sub-menu-wrap{
	display: block;
}

.nav .menu .sub-menu li{
	display: block;
	text-align: left;
	position: relative;
	padding-left: 15px;
}

.nav .menu .sub-menu li a{
	color: #525763;
	font-family: "museo-sans-rounded", "source-sans-pro", sans-serif;
	padding: 8px 0px;
	display: inline-block;
	line-height: 16px;
	position: relative;
}

.nav .menu .sub-menu li a:before{
	position: absolute;
	left: -12px;
	top: 14px;
	border: 3px solid transparent;
	border-left-color:  #F6AB3D;
	content: "";
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	display: block;
	width: 3px;
	height: 3px;
	z-index: 20;
}

.nav .menu .sub-menu li.parent{
	padding-left: 0;
}

.nav .menu .sub-menu li.parent a{
	font-weight: 500;
}

.nav .menu .sub-menu li.parent a:before{
	display: none;
}

.nav .menu .sub-menu li a:hover{
	color: #F6AB3D;
}

.nav .menu .sub-menu li a:hover:before{
	left: -8px;
}

.menu-item-has-children > a:after {
	font-family: 'jfk-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e603";
	font-size: 22px;
	position: relative;
	left: 7px;
	top: 3px;
	display: inline-block;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.menu-item-has-children.active > a:after {
	transform: rotate(180deg);
}

.nav .icon-search{
	color: #fff;
	font-size: 22px;
	line-height: 16px;
	padding: 17px 25px;
	display: inline-block;
	position: relative;
	top: 4px;
}

.white-logo{
	display: none;
}

.fixed-nav .white-logo{
	position: absolute;
	display: block;
	top: 15px;
}

.white-logo img{
	display: block;
	width: 83px;
	height: auto;
}

.content{
	padding: 50px 10px;
	background: #fff;
}

.blogs, .pagination, .projects{
	background: #fff;
}

.content h1{
	max-width: 640px;
}

.main-content{
	float: left;
	max-width: 640px;
	width: 100%;
	margin-right: 20px;
}

.main-content.project{
	max-width: 580px;
}

.side{
	float: right;
	width: 100%;
	max-width: 340px;
}

.side.entry-content h2{
	margin-bottom: 5px;
	font-size: 20px;
    line-height: 20px;
}

.main-content.contact{
	width: 100%;
	margin-right: 0px;
	max-width: 100%;
}

.col-split:first-of-type{
	padding-right: 30px;
}

.contact-image{
	float: right;
	max-width: 520px;
	width: 60%;
}

.contact-image img{
	width: 100%;
	height: auto;
	display: block;
}

.intro{
	font-size: 18px;
	line-height: 24px;
	max-width: 640px;
    width: 100%;
    padding-left: 60px;
    margin-bottom: 30px;
    font-weight: 300;
    color: #525763;
    font-family: "museo-sans-rounded", "source-sans-pro", sans-serif;
}

article .entry-content{
	padding-left: 60px;
}

article .entry-content img{
	max-width: 100%;
	height: auto;
	display: block;
}

.entry-content ul{
	margin-bottom: 22px;
}

.entry-content h4{
	font-size: 15px;
	line-height: 15px;
	margin-bottom: 5px;
}

.entry-content h3{
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 22px;
}

.sidebar{
	float: left;
	max-width: 280px;
	width: 100%;
	border: 1px solid #b7b7b7;
}

.sidebar h4{
	font-size: 22px;
	line-height: 22px;
	text-align: center;
	color: #d6d7db;
	background: #2d3643;
	font-family: "museo-sans-rounded", "source-sans-pro", sans-serif;
	padding: 15px 0px;
}

.sidebar h4 a{
	color: #d6d7db;
}

.entry-content li{
	position: relative;
	padding-left: 10px;
}

.entry-content li:before{
	content: "•";
	font-size: 12px;
	position: absolute;
	left: 0;
	top: 0px;
}

.footer{
	background: #192735;
	color: #d6d7db;
	border-top: 7px solid #f6ab3d;
	padding-top: 45px;
}

.footer h4{
	margin-bottom: 25px;
	font-size: 18px;
	line-height: 18px;
}

.footer .col{
	width: 25%;
	float: left;
	padding: 0px 40px;
}

.footer .col:first-of-type{
	padding-left: 0;
}

.footer .col:last-of-type{
	padding-right: 0;
}

.footer .col img{
	width: 100%;
	height: auto;
}

.footer .address{
	padding-bottom: 15px;
}

.badges{
	text-align: right;
}

.footer .badge{
	max-width: 131px;
	margin-bottom: 15px;
}

.sub-footer{
	background: #060b11;
	margin-top: 45px;
	padding: 30px 0px;
}

.footer a{
	color: #d6d7db;
}

.footer a:hover{
	color: #f6ab3d;
}

.tagline{
	max-width: 150px;
	width: 100%;
	height: auto;
	float: left;
	display: block;
	margin-left: 22px;
}

.sub-footer .meta{
	float: right;
	width: 70%;
	text-align: right;
}

.socials a{
	display: block;
	margin-bottom: 10px;
}

.socials [class^="icon-"]{
	border: 3px solid #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: inline-block;
	text-align: center;
	margin-right: 10px;
	font-size: 18px;
	line-height: 32px;
	position: relative;
	top: 3px;
	-webkit-transition: border-color .2s;
	-moz-transition: border-color .2s;
	-o-transition: border-color .2s;
	transition: border-color .2s;
}

.socials .icon-facebook{
	color: #3B5998;
}

.socials a:hover .icon-facebook{
	border-color: #3B5998;
}

.socials .icon-twitter{
	color: #00aced;
}

.socials a:hover .icon-twitter{
	border-color: #00aced;
}

.socials .icon-linkedin{
	color: #4875B4;
}

.socials a:hover .icon-linkedin{
	border-color: #4875B4;
}

.wp-caption{
	padding: 10px;
	background: #fafafa;
	border: 1px solid #eee;
}

.wp-caption img{
	display: block;
}


/* FlexSlider
*********************************/
.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 { padding: 0 0 30px 0; position:relative; margin: 0px auto; }
.home .flexslider{
	padding-bottom: 0;
}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position: relative; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}

.flexslider .flex-disabled{
	display: none;
}

.flex-prev{
	right: 0;
}

.flex-next{
	left: 0;
}

.flex-prev:after{
	content: "\e601";
}

.flex-next:after{
	content: "\e600";
}

.flex-direction-nav a{
	position:absolute;
	top: 50%;
	z-index: 10;
	display:block;
	height:40px;
	width: 40px;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	overflow: hidden;
	margin-top: -20px;
	font-family: 'jfk-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	background: rgba(25,39,53, 0.8);
	font-size: 30px;
	text-align: center;
	padding-top: 2px;
}

.flexslider .tag{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.caption{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px 15px;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	background: rgba(25,39,53, 0.4);
}

.pages > li{
	padding: 20px 15px;
	font-size: 18px;
	font-weight: 500;
	font-family: "museo-sans-rounded", "source-sans-pro", sans-serif;
	border-bottom: 1px solid #d6d7db;
}

.sidebar .pages a{
	color: #484b57;
	display: table;
	height: 50px;
}

.sidebar .pages li:hover span{
	color: #F6AB3D;
	border-color: #F6AB3D;
}

.sidebar .pages .cell{
	display: table-cell;
	height: 50px;
	vertical-align: middle;
}

.sidebar .pages [class^="icon-"], .home-icons [class^="icon-"]{
	border: 3px solid #484b57;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: inline-block;
	text-align: center;
	margin-right: 10px;
	font-size: 24px;
	line-height: 42px;
	position: relative;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	color: #484b57;
}

.home-icons .icon-cctv, .sidebar .pages .icon-cctv{
	font-size: 29px;
}

.home-icons .icon-speaker, .sidebar .pages .icon-speaker{
	font-size: 29px;
}

.sidebar .pages [class^="icon-"]{
	float: left;
}

.home-icons [class^="icon-"]{
	margin: 0px 30px;
	position: relative;
}

.home-icons a:hover{
	color: #F6AB3D;
	border-color: #F6AB3D;
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
}

.tooltip{
	position: absolute;
	bottom: 100%;
	-webkit-transition: opacity .2s, margin .2s;
	-moz-transition: opacity .2s, margin .2s;
	-o-transition: opacity .2s, margin .2s;
	transition: opacity .2s, margin .2s;
	background: #192735;
	color: #fff;
	font: 14px/14px "source-sans-pro", sans-serif;
	left: -9999px;
	padding: 10px;
	width: 200px;
	margin-left: -100px;
	opacity: 0;
	margin-bottom: 20px;
}

.home-icons [class^="icon-"]:hover .tooltip{
	opacity: 1;
	left: 50%;
	margin-bottom: 10px;
}

.tooltip:after{
	border: 6px solid transparent;
    border-top-color: #192735;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -6px;
    position: absolute;
    bottom: -12px;
    width: 0;
}

.sidebar .pages .current_page_item [class^="icon-"]{
	color: #F6AB3D;
	border-color: #F6AB3D;
}

.sidebar .children{
	padding-left: 62px;
}

.sidebar .children li{
	position: relative;
	padding: 5px 10px 5px 15px;
}

.sidebar .pages .children li > span{
	display: none;
}

.sidebar .pages .children li a{
	height: auto;
}

.sidebar .pages .children li .cell{
	height: auto;
	font-size: 14px;
	line-height: 14px;
}

.sidebar .children li:before{
	content: "•";
	font-size: 12px;
	position: absolute;
	left: 0;
	top: 0px;
}

.sidebar .pages .current_page_item{
	background: #eaebed; /* Old browsers */
	background: -moz-linear-gradient(top,  #eaebed 0%, #dcddde 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaebed), color-stop(100%,#dcddde)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eaebed 0%,#dcddde 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eaebed 0%,#dcddde 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eaebed 0%,#dcddde 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eaebed 0%,#dcddde 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaebed', endColorstr='#dcddde',GradientType=0 ); /* IE6-9 */

}

.home-main{
	padding: 10px 10px 30px 10px;
	background: #fff;
}

.home-icons{
	text-align: center;
	padding-top: 20px;
	position: relative;
	z-index: 2;
}

.home-intro{
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
}

.home-intro h1{
	text-align: center;
	padding: 20px;
	font-size: 20px;
	line-height: 26px;
	font-family: "museo-sans-rounded", "source-sans-pro", sans-serif;
	color: #192735;
	margin-bottom: 0;
}

.cta{
	width: 33.33%;
	float: left;
	padding: 5px;
}

.cta.big{
	width: 33.33%;
	padding: 10px;
}

.cta.full{
	width: 100%;
	padding: 10px;
}

.cta .thumbnail{
	background: #ececed;
	padding: 10px;
	position: relative;
	display: block;
}

.cta .thumb-wrap{
	overflow: hidden;
	display: block;
}

.post.cta .thumbnail{
	background: transparent;
	padding: 0;
}

.cta .thumbnail img{
	width: 100%;
	height: auto;
	display: block;
}

.cta .overlay{
	display: table;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
	background: rgba(25,39,53, 0);
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
} 

.cta .overlay:hover{
	background: rgba(25,39,53, 0.6);
}

.cta .cell{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-weight: 500;
	font-family: "museo-sans-rounded", "source-sans-pro", sans-serif;
	font-size: 24px;
	line-height: 24px;
}

.post h2{
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 5px;
}

.post-head{
	padding: 0px;
	min-height: 90px;
}

.projects .post-head{
	min-height: 0;
}

.over-wrap{
	position: absolute;
	overflow: hidden;
	width: calc(100% - 20px);
	top: 10px;
	height: calc(100% - 20px);
}

.cta .cell span{
	position: relative;
	z-index: 5;
	text-shadow: 0px 0px 2px rgba(25,39,53, 1);
}

.big .cell{
	font-size: 22px;
	line-height: 22px;
}

.full .cell{
	font-size: 26px;
	line-height: 26px;
}

.cta .excerpt{
	background: #ececed;
	padding: 10px;
	font-size: 14px;
	line-height: 16px;
	color: #404652;
	min-height: 85px;
}

.post.cta .excerpt{
	padding: 10px 0 0 0;
	background: transparent;
}

.big .excerpt{
	min-height: 120px;
}

.cta .more{
	background: #dadadc;
	padding: 3px 10px;
	text-align: right;
	color: #525763;
	font-weight: 500;
}

.cta.post .more{
	background: transparent;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}

.cta .more a{
	color: #525763;
	font-size: 14px;
	line-height: 14px;
}

.cta .more a:hover{
	color: #F6AB3D;
}

.cta .more a span{
	display: inline-block;
	margin-left: 3px;
	font-size: 16px;
	line-height: 1px;
	position: relative;
	top: 2px;
	left: 0;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.cta .more a:hover span{
	left: 2px;
}

.talks{
	padding-top: 30px;
	margin-top: 40px;
	border-top: 1px solid #ccc;
}

.shape{
	position: absolute;
	top: 8%;
	left: 0;
	z-index: 1;
	width: 200%;
	height: 200%;	
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	background: rgba(25,39,53, 0.5);
	transform: rotate(-22deg);
}

.shape2{
	position: absolute;
	top: -208%;
	left: -200%;
	z-index: 1;
	width: 200%;
	height: 200%;	
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	background: rgba(25,39,53, 0.5);
	transform: rotate(-22deg);
	display: none;
}

.thumbnail:hover .shape{
	top: 100%;
	left: 100%;
}

.thumbnail:hover .shape2{
	top: -108%;
	left: -100%;
}

.thumbnail img{
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.thumbnail:hover img{
	transform: scale(1.07);
}

.post-meta{
	color: #525763;
	padding-left: 60px;
	font-size: 18px;
	line-height: 18px;
	padding-bottom: 30px;
}

.entry-content a{
	color: #f4960d;
	text-decoration: underline;
}

.entry-content em{
	font-style: italic;
}

.blogs, .projects{
	padding: 30px 0px;
}

.search-bar{
	background: #d6d7db;
	padding: 20px;
	display: none;
}

.search-bar.active{
	display: block;
}

.search-bar input[type="text"]{
	float: left;
	width: 70%;
	display: block;
	padding: 15px;
	font-size: 18px;
	line-height: 18px;
	border: 0;
	height: 50px;
}

.search-bar input[type="submit"]{
	float: left;
	width: 30%;
	display: block;
	font-size: 18px;
	line-height: 18px;
	cursor: pointer;
	border: 0;
	background: #434d58;
	color: #f6ab3d;
	height: 50px;
}

.filters{
	background: #ECECED;
	padding: 15px 0px 12px 0px;
}

.filters .inner{
	position: relative;
}

.filters h3{
	font-weight: 500;
	font-size: 18px;
	line-height: 18px;
	display: inline-block;
	margin-right: 10px;
}

.filters ul{
	display: inline;
}

.filters ul li{
	display: inline;
}

.filters ul li a{
	display: inline-block;
	color: #192735;
	font-weight: 500;
	padding: 4px 10px;
	border-radius: 15px;
	background: #DADADC;
	margin-bottom: 3px;
}

.filters ul li a:hover{
	background: #ccc;
}

.filters ul li.current-cat a{
	background: #c2c5cc;
}

.filter-search{
	float: right;
	width: 40%;
}

.filter-search .search-form{
	float: right;
}

.filter-search a{
	color: #192735;
	font-size: 24px;
	line-height: 24px;
	float: right;
	position: relative;
	top: 3px;
}

.filter-search a:hover{
	color: #F6AB3D;
}

.filter-search input[type=text]{
	padding: 7px 10px;
	background: #fff;
	border: 0;
	margin-right: 5px;
	width: 200px;
	font-size: 14px;
	line-height: 14px;
	font-family: "source-sans-pro", sans-serif;
}


.filter-content{
	width: 60%;
	float: left;
}

.btn{
	background: #8c939a;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	line-height: 14px;
	padding: 5px 7px;
	position: relative;
	height: 24px;
}

.btn.left{
	padding-left: 30px;
	left: 0;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s;
}

.btn.left:hover{
	left: -4px;
}

.btn.right{
	padding-right: 30px;
}

.btn span{
	color: #fff;
	background: #192735;
	position: absolute;
	height: 24px;
	width: 24px;
	text-align: center;
	font-size: 16px;
	top: 0;
	padding-top: 3px;
}

.btn.left span{
	left: 0;
}

.btn.right span{
	right: 0;
}

.fixed{
	position: fixed;
	top: 50%;
	z-index: 80;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	color: #F6AB3D;
	font-size: 72px;
	line-height: 72px;
	margin-top: -36px;
	padding-top: 0px;
}

.scroll{
	right: 60px;
}

.top{
	right: -80px;
}

.bottom .scroll{
	right: -80px;
}

.bottom .top{
	right: 60px;
}

.nav-menu-icon-wrap{
	position: relative;
	padding-top: 10px;
	width: 30px;
	height: 40px;
	cursor: pointer;
	position: absolute;
	right: 20px;
	display: none;
	top: 10px;
	z-index: 99;
}

.nav-menu-icon {
    background: #fff;
    height: 5px;
    width: 30px;
    position: relative;
    top: 12px;
}
.nav-menu-icon:after, .nav-menu-icon:before {
    background: #fff;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    width: 30px;
    z-index: 2;
}
.nav-menu-icon:before {
    top: -10px;
}
.nav-menu-icon:after {
    top: 10px;
}

.no-results{
	font-style: italic;
	padding-bottom: 30px;
}

.pagination{
	padding-bottom: 20px;	
}

.pagination li{
	display: inline-block;
	float: left;
	margin-right: 2px;
}

.pagination a{
	display: inline-block;
	padding: 10px 15px;
	color: #192735;
	background: #ECECED;
}

.pagination .active a{
	color: #fff;
	background: #192735;
}

.col-split{
	width: 50%;
	float: left;
}

.form{
	margin-top: 30px;
}

.form fieldset{
	padding: 10px 0px 0px 0px;
	position: relative;
}

.form label.error{
	position: absolute;
	top: 100%;
	left: 0;
	background: #f7a3a3;
	font-size: 12px;
	line-height: 12px;
	padding: 10px;
	z-index: 1;
}

.form label.error:before {
    border: 5px solid transparent;
    border-bottom-color: #f7a3a3;
    content: "";
    height: 0;
    left: 10px;
    position: absolute;
    top: -10px;
    width: 0;
}

.form input[type=text], .form textarea, .form select{
	width: 100%;
	padding: 10px;
	background: #eee;
	border: 0;
	font-size: 14px;
	line-height: 14px;
	font-family: "source-sans-pro",sans-serif;
}

.form input[type=submit]{
	background: #192735;
	color: #fff;
	text-transform: uppercase;
	width: 100%;
	font-family: "source-sans-pro",sans-serif;
	font-weight: 600;
	height: 56px;
	border: 0;
	cursor: pointer;
	font-size: 15px;
	line-height: 15px;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
}

.form input[type=submit]:hover{
	background: #0d1721;
}

.confirmed{
	color: #fff;
	background: #192735;
	padding: 20px;
	display: none;
	text-align: center;
	margin-top: 30px;
}

.equip{
	background: #ECECED;
	padding: 10px;
	margin-top: 15px;
}

.home-slider{
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	max-height: 340px;
}

.home-slider .slide{
	float: left;
	position: relative;
}

.home-slider .slide-inner{
	width: 200%;
	
}

.home-slider .slide img{
	display: block;
	width: 100%;
	height: auto;
}

.home-slider .darken{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
	background: #192735;
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0;
}

.logo-part{
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 5;
	position: absolute;
	left: 50%;
	width: 230px;
	background-image: url(images/jfk_logo_white.2x.png);
	background-repeat: no-repeat;
	margin-left: -115px;
	top: 50%;
}

.logo-top{
	background-position: 50% 0;
	height: 115px;
	margin-top: -100px;
}

.logo-text{
	background-position: 50% -125px;
	height: 30px;
	margin-top: 10px;
}

.logo-circle{
	background-position: 50% -170px;
	height: 15px;
	margin-top: 60px;
}

.tag-part{
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 5;
	position: absolute;
	left: 50%;
	height: 44px;
	top: 50%;
	margin-top: -22px;
	background-image: url(images/jfk_tagline.2x.png);
	background-repeat: no-repeat;
}

.tag-sight{
	background-position: 0 50%;
    margin-left: -158px;
    width: 97px;
}

.tag-touch{
	background-position: -102px 50%;
    margin-left: -56px;
    width: 107px;
}

.tag-sound{
	background-position: -207px 50%;
    margin-left: 48px;
    width: 104px;
}


@-webkit-keyframes arrow-animate {
  0%   { opacity: 0.3; }
  50%  { opacity: 1; padding-top: 30px;  }
  100% { opacity: 0.3; }
}
@-moz-keyframes arrow-animate {
  0%   { opacity: 0.3; }
  50%  { opacity: 1; padding-top: 30px;  }
  100% { opacity: 0.3; }
}

@keyframes arrow-animate {
  0%   { opacity: 0.2; }
  50%  { opacity: 1; padding-top: 30px;  }
  100% { opacity: 0.3; }
}

.fixed.scroll{
  -webkit-animation: arrow-animate 3s infinite; /* Safari 4+ */
  -moz-animation:    arrow-animate 3s infinite; /* Fx 5+ */
  -o-animation:      arrow-animate 3s infinite; /* Opera 12+ */
  animation:         arrow-animate 3s infinite; /* IE 10+ */
}

.logos{
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
}

.logos .cell{
	float: left;
	width: 33.33%;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	padding: 15px;
}

.logos .cell img{
	width: 100%;
	height: auto;
	display: block;
}

.mobile-nav{
	display: none;
	position: fixed;
	top: 50px;
	left: 0;
	width: 100%;
}

.mobile-nav a{
	background: #192735;
	color: #F6AB3D;
	display: block;
	padding: 5px 10px;
	border-bottom: 1px solid #0d1621;
}

.tablet .flex-direction-nav{
	display: none;
}

@media screen and (max-width: 1150px){
	
	.scroll{
		right: 30px;
	}

	.bottom .top{
		right: 30px;
	}
	
}

@media screen and (max-width: 1150px){
	
	.scroll{
		right: 30px;
	}

	.bottom .top{
		right: 30px;
	}
	
}


@media screen and (max-width: 1080px){
	
	.fixed{
		display: none;
	}
	
	.nav .menu > li > a{
		padding: 26px 20px 30px;
	}

}


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

	.home-main{
		padding: 10px;
	}
	
	body{
		padding-top: 77px !important;
	}
	
	.intro{
		padding: 0;
		margin-bottom: 15px;
	}

	.cta, .big.cta{
		width: 50%;
	}

	h1{
		font-size: 32px;
		line-height: 32px;
		margin-bottom: 15px;
		max-width: 100%;
		padding: 0 5px;
	}
	
	.blogs, .projects{
		padding: 20px 10px 10px 10px;
	}
	
	.blogs h1, .projects h1{
		padding: 0px 10px;
	}
	
	.nav{
		height: 70px;
		position: fixed;
		top: 7px;
		left: 0;
		width: 100%;
		z-index: 99;
	}
	
	.sidebar{
		max-width: 100%;
		float: none;
	}
	
	.main-content{
		max-width: 100%;
		float: none;
	}
	
	article .entry-content{
		padding-left: 20px;
	}
	
	.white-logo{
		display: block !important;
		padding: 10px 0px;
		width: 83px;
	}
	
	.fixed-nav .white-logo{
		top: 0;
	}

	.logo, .nav .menu{
		display: none;
	}
	
	.nav-menu-icon-wrap{
		display: block;
	}

	.logo a{
		max-width: 140px;
	}
	
	.content{
		padding: 20px;
	}

	.entry-content{
		padding: 20px;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
	}

	
	.post-meta{
		padding: 0 0 20px 0;
	}
	
	.col.jfk{
		display: none;
	}
	
	.footer{
		padding: 0;
		text-align: center;
	}
	
	.footer .inner{
		padding: 20px;
	}
	
	.footer .col{
		width: 100%;
		float: none;
		margin-bottom: 30px;
		padding: 0;
	}
	
	.footer .col:last-of-type{
		margin-bottom: 0;
	}
	
	.socials a{
		display: inline-block;
		margin-bottom: 0;
		margin-right: 10px;
	}
	
	.footer h4{
		margin-bottom: 15px;
	}
	
	.badges{
		text-align: center;
	}
	
	.footer .col img{
		margin: 0px 5px;
	}
	
	.sub-footer{
		margin-top: 10px;
	}
	
	.sub-footer{
		padding: 0px;
	}
	
	.tagline{
		float: none;
		margin: 0 auto 10px auto;
	}
	
	.sub-footer .meta{
		text-align: center;
		float: none;
		width: 100%;
		display: block;
	}
	
	.show-nav .mobile-nav{
		display: block;
	}
	
	.col-split{
		width: 100%;
		float: none;
		padding-bottom: 20px;
	}
	
	.col-split:first-of-type{
		padding-right: 0;
	}
}

@media screen and (max-width: 620px){
	
	.home-icons [class^="icon-"]{
		margin: 0 15px;
		height: 40px;
		width: 40px;
		line-height: 35px;
		font-size: 18px;
	}
	
	.home-icons .icon-cctv{
		font-size: 23px;
	}
	
}

@media screen and (max-width: 520px){
	.cta, .big.cta{
		width: 100%;
		float: none;
		padding: 0;
		margin-bottom: 10px;
	}
	
	.filter-content{
		width: 100%;
		float: none;
	}
	
	.filters, .filters .inner{
		padding: 0;
	}
	
	.filters ul li a{
		width: 100%;
		border-radius: 0;
		border-bottom: 1px solid #ccc;
	}
	
	.filters h3{
		padding: 10px;
	}
	
	.filter-search{
		width: 100%;
		float: none;
	}
	
	.socials a{
		display: block;
		padding: 5px 0px;
	}

	
	.socials [class^="icon-"] {
	    font-size: 12px;
	    height: 25px;
	    line-height: 19px;
	    text-align: center;
	    top: 0;
	    width: 25px;
	    display: none;
    }
    
    .logos .cell{
	    width: 50%;
    }
    
    .home-intro h1{
	    font-size: 16px;
	    line-height: 22px;
	    padding: 15px 4px;
    }
    
    .home-intro h1 br{
	    display: none;
    }
    
    .home-icons .icon-cctv{
	    top: 3px;
    }
    
    .home-icons [class^="icon-"]{
	    margin: 0px 2px;
    }
    
    article .entry-content{
	    padding: 0;
    }
    
    .filter-search .search-form{
	    width: 90%;
    }
    
    .filter-search input[type="text"]{
	    width: 100%;
    }
}