/*
Theme Name: Earlybird Events
Theme URI: --
Description: Custom theme for the Earlybird Events website! This theme revision includes an overall proportionate resize to bring the website in line with a smaller, tighter brand vision, along with responsive sizing to ensure the website is playing well with tablets and similar mobile devices.
Version: 2.0
Author: Kate@Goosebumps
Author URI: http://getgoosebumps.com.au
 */

html {
	margin: 0;
	padding: 0;
}

	body {
		background: #FFF;
		margin: 0;
		padding: 0;
		width: 100%;
		font-family: Georgia, Times, "Times New Roman", serif;
		color: #000;
		font-size: 18px;
		font-weight: 400;
		font-style: normal;
		position: relative;
	}

		.wrapper {
			width: 100%;
			margin: 0 auto;
		}

/*---------------------------------------------------------General + Text styles

News Gothic via Typekit.com */


h2 {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0.5px;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 25px;
}

h3,
p span.lead-in {
	font-size: 14px;
	line-height: 18px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
	letter-spacing: 0.3px;
	text-transform: uppercase;
	font-weight: bold;
}

p,
.page-template-page-landing-php ul li {
	font-size: 14px;
	line-height: 18px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
	letter-spacing: 0.3px;
	margin: 0 0 15px 0;
}

	.page-template-page-landing-php #content ul {
		margin: 0 0 16px 15px;
	}

		.page-template-page-landing-php #content ul li {
			margin: 0 0 5px;
		}

#content blockquote {
	background: #ededed;
	display: block;
	margin: 35px 0 40px;
	padding: 15px 30px 5px;
	text-align: left;
}

	#content blockquote p {
		font-family: 'HelveticaNeue-Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: 300;
		color: #000;
	}

		#content blockquote p a {
			color: #000;
		}

		#content blockquote p strong {
			font-style: italic;
			font-weight: 500;
		}

#content ul {
	margin: 0 0 35px 15px;
	padding: 0;
}

	#content ul li {
		margin: 0 0 7px 0;
		padding: 0;
	}

a {
	text-decoration:  none;
	color: #EC0000;
}

	a:hover {
		color: #b40000;
	}

	a img {
		border: none;
	}

	#content a {
		color: #EC0000;
		border-bottom: 1px solid #f7e7e7;
	}

		#content a:hover {
			color: #d20000;
			border-bottom: 1px solid #ebc9c9;
		}

.hidden {
	display: none;
}

/* Button styles*/

a.btn,
#content a.btn,
#content a.button {
	-webkit-border-radius: 5px;
    border-radius: 5px;
	padding: 10px 20px 8px;
	float: left;

	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: #081b3c;
	text-align: center;
	opacity: 0.85;
}

	#content a.btn {
		margin: 0 0 45px 0;
	}

	a.btn:hover,
	#content a.btn:hover {
		opacity: 1;
	}

		a.btn.orange,
		#content a.btn.orange,
		#content a.qasubmission {
			background: #efaa4f;
			background: -webkit-gradient(linear, left top, left bottom, from(#efaa4f), to(#f68744)); /* Saf4+, Chrome */
			background: -webkit-linear-gradient(top, #efaa4f, #f68744); /* Chrome 10+, Saf5.1+ */
			background:    -moz-linear-gradient(top, #efaa4f, #f68744); /* FF3.6+ */
			background:     -ms-linear-gradient(top, #efaa4f, #f68744); /* IE10 */
			background:      -o-linear-gradient(top, #efaa4f, #f68744); /* Opera 11.10+ */
			background:         linear-gradient(top, #efaa4f, #f68744); /* W3C */

			text-shadow: -1px 1px 0px #f8cc77;
			filter: dropshadow(color=#f8cc77, offx=-1, offy=1);

			border: 1px solid #00567f;

			-webkit-box-shadow: inset 1px 1px 1px 0px rgba(254, 199, 112, 1);
			box-shadow: inset 1px 1px 1px 0px rgba(254, 199, 112, 1);

		}

/*---------------------------------------------------------Transitions*/

a,
nav h1#logo,
nav ul.social,
nav.is-sticky h1#logo,
.is-sticky nav h1#logo,
nav.is-sticky ul.social,
.is-sticky nav ul.social,
.section.projects ul li .description,
.wpcf7-form input.wpcf7-submit {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all  0.5s ease;
	-o-transition: all  0.5s ease;
	transition: all  0.5s ease;
}

#social a,
nav ul li.page-item-2 a {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

/*---------------------------------------------------------Header*/

.header.wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

	header {
		position: relative;
		padding: 50px 0;
	}


/*-------------------------- Logo */

		header h1#logo {
			width: 120px;
			height: 118px;
			background: url(images/earlybird-logo.gif) top left no-repeat;
			margin: 0 auto;

			text-indent: -999px;
			font-size: 0;
			color: #000;
		}

/*---------------------------Social */

		ul.social {
			list-style: none;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 45px;
			right: 45px;
		}

			ul.social li {
				float: left;
				display: inline-block;
				margin: 0 0 0 12px;
				width: 35px;
				height: 35px;
			}

				ul.social li#follow {
					font-style: italic;
					letter-spacing: 1px;
					width: 95px;
					line-height: 35px;
				}

				ul.social li a {
					display: inline-block;
					width: 35px;
					height: 35px;
					background-image: url(images/social-sprite.png);
					background-repeat: no-repeat;
					float: left;

					text-indent: -999px;
					font-size: 0;
					color: #FFF:
				}

				ul.social li#twitter a { background-position: 0 0; }
				ul.social li#facebook a { background-position: -35px 0; }
				ul.social li#pinterest a { background-position: -70px 0; }
				ul.social li#instagram a { background-position: -105px 0; }
				ul.social li#linkedin a { background-position: -140px 0; }

				ul.social li a:hover {
					opacity: 0.65;
				}

/*------------------------ Banner*/

#banner {
	position: relative;
}

h2#tagline {
	text-indent: -999px;
	font-size: 0;
	color: #FFF;
	display: block;
	background: url(images/tagline.png) center center no-repeat;


	width: 289px;
	height: 187px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -93px 0 0 -145px;
	z-index: 8888;
}

.nivoSlider {
	min-height: 600px;
	max-height: 600px;
}

	.nivoSlider .nivo-directionNav {
	}

		.nivoSlider .nivo-directionNav a {
			text-indent: -999px;
			font-size: 0;
			color: #fff;
			width: 64px;
			height: 100px;
			display: inline-block;

			background: url(images/arrow.png) top left no-repeat;
			opacity: 0.65;
		}

			.nivoSlider .nivo-directionNav a.nivo-prevNav {
				left: 15%;
			}

			.nivoSlider .nivo-directionNav a.nivo-nextNav {
				background: url(images/arrow.png) top right no-repeat;
				right: 15%;
			}

				.nivoSlider .nivo-directionNav a:hover {
					opacity: 1;
				}


/*------------------------ Download button*/

#intro .sticky-wrapper {
	position: absolute;
	display: inline-block;
	right: 0;
	top: 80px;
}

	.download {
		width: 165px;
		height: 180px;
		padding: 20px 0;
		position: absolute;
		right: 0;
		top: 0;
		float: right;
		z-index: 9999;
		text-align: center;
	}

		.download a {
			color: #000;
		}

			.download img {
				margin: 0 auto 20px;
			}

			.download h3 {
				font-family: Georgia, Times, "Times New Roman", serif;
				font-size: 16px;
				line-height: 22px;
				font-style: italic;
				font-weight: normal;
				text-transform: none;
				margin: 0 0 5px;
			}

			.download h2 {
				font-family: "news-gothic-std-n7", "news-gothic-std", Helvetica, Arial, sans-serif;
				font-weight: 700;
				font-size: 20px;
				line-height: 21px;
				letter-spacing: 1px;
				text-transform: uppercase;
				font-style: normal;
				margin: 0 0 25px;
			}

			span#line {
				height: 1px;
				width: 62px;
				background: #000;
				margin: 0 auto;
				padding: 0;
				display: block;
			}

		.download a:hover {
			opacity: 0.8;
		}


/*----------------------------------------------nav#sticky*/

nav#sticky {
	background: #FFF;
	height: 85px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	top: 0;
	width: 100%;
	z-index: 9999 !important;
}

nav {
	box-shadow: 0 2px 3px -1px #fff;
}

nav.is-sticky,
.is-sticky nav {
	box-shadow: 0 2px 3px -1px #999;
}

	nav h1#logo {
		margin: 0 0 0 45px;
		float: left;
		height: 70px;
		width: 87px;
		display: inline-block;
	}

		nav h1#logo a {
			background: url(images/e-icon.gif) top left no-repeat;
			margin: 0;
			float: left;

			text-indent: -999px;
			font-size: 0;
			color: #000;

			background-size: 87px 70px;
			height: 70px;
			width: 87px;
		}

		nav h1#logo a,
		nav ul.social {
			opacity: 0;
		}

		nav.is-sticky h1#logo a,
		nav.is-sticky ul.social,
		.is-sticky nav h1#logo a,
		.is-sticky nav ul.social {
			opacity: 1;
		}

	nav#sticky ul#navigation {
		list-style: none;
		padding: 0;
		margin: 0 auto;
		width: 750px;
		height: 85px;
		clear: none;
	}

		nav#sticky ul#navigation li {
			font-family: "news-gothic-std-n7", "news-gothic-std", Helvetica, Arial, sans-serif;
			font-weight: 700;
			font-size: 16px;
			line-height: 85px;
			text-transform: uppercase;
			color: #000;

			display: inline;
			float: left;
			margin: 0 25px;
			height: 85px;
		}

		nav#sticky ul#navigation li.home a {
			width: 19px;
			height: 16px;
			display: inline-block;
			background: url(images/icon-home.gif) top left no-repeat;
			margin: 54px 0 0 0;
			padding: 0;

			text-indent: -999px;
			font-size: 0;
			color: #000;
		}

			nav#sticky ul#navigation li a {
				color: #000;
			}

				nav#sticky ul#navigation li a:hover{
					opacity: 0.65;
				}


			nav#sticky ul#navigation li {
			}

				nav#sticky ul#navigation li.home a {
					margin: 34px 0 0;
				}

		ul.social {
			top: 24px;
			right: 24px;
		}

			ul.social li#follow {
				font-size: 15px;
			}


/*----------------------------------------------------------Home page strip styles*/

.section {
	width: 40%;
	min-height: 20px;
	padding: 125px 30%;
	margin: 0 auto;
	overflow: auto;
	position: relative;
	text-align: center;
	background: #fff;
}

.section.grey {
	background: #f5f5f5;
}

	.section article h2.title {
		height: 25px;
		display: block;/*
		background: url(images/icon-title.png) top center no-repeat;
		padding: 186px 0 30px;
		margin: 0 0 80px 0;*/
		padding: 0 0 30px;
		margin: 0;

		font-family: "news-gothic-std-n7", "news-gothic-std", Helvetica, Arial, sans-serif;
		font-weight: 700;
		font-size: 25px;
		font-style: normal;
		line-height: 25px;
		text-transform: uppercase;
	}

	span#line {
		height: 1px;
		width: 62px;
		background: #000;
		margin: 0 auto 40px auto;
		padding: 0;
		display: block;
	}

	.section article section {
		max-width: 675px;
		text-align: left;
		margin: 0 auto;
	}

		.section article section h2,
		.section.about h2.temporary {
			max-width: 580px;
			text-align: center;
			margin: 0 auto 35px auto;
		}

/*------------------------ Intro / Social feeds section */


.section.intro,
.socialfeeds {
	padding: 25px 25% 80px;
	width: 30%;
}

/* Socialfeeds are for when Twitter/Facebook are included in the intro section.
Currently replaced by connect section.

.socialfeeds {
	text-align: center;
}

	.socialfeeds .social-feed {
		width: 40%;
		display: inline-table;
	}

	.socialfeeds .social-feed h3 {
		text-indent: -9999px;
		font-size: 0;
		color: #fff;
		height: 80px;
		width: 60px;
		display: block;
		background: url(images/icon-title-twitter.png) top center no-repeat;
		padding: 0;
		margin: 100px auto 50px;
		text-align: center;
	}

			.socialfeeds .social-feed.facebook h3 {
				background: url(images/icon-title-fb.png) top center no-repeat;
			}

		.socialfeeds .social-feed ul.twitterfeed {
			list-style: none;
			margin: 0;
			padding: 0;
		}

			.socialfeeds .social-feed ul.twitterfeed li span.timeline a,
			.socialfeeds .social-feed #cff .cff-date {
				color: #B2B2B2;
				font-size: 13px;
				font-style: italic;
			}

		.socialfeeds .social-feed #cff {
			clear: none !important;
			float: none !important;
		}

			.socialfeeds .social-feed #cff .cff-item,
			.socialfeeds .social-feed #cff .cff-item:first-child {
				width: 100% !important;
				margin: 0 !important;
				padding: 0 !important;
				clear: none !important;
			}

				.socialfeeds .social-feed #cff .cff-date {
					width: 40%;
					float: none;
					display: inline-block;
					margin: 18px 0 0 !important;
				}

				.socialfeeds .social-feed #cff .cff-meta-wrap {
					position: relative;
					bottom: 0;
					margin: 15px 0 0;
					width: 40% !important;
				}

					.socialfeeds .social-feed #cff .cff-view-comments {
						float: none !important;
						clear: none !important;
						display: inline-block !important;
						margin: 0 12px 0 0 !important;
					}

				.socialfeeds .social-feed #cff p {
					margin: 0 !important;
				}*/

/*------------------------ About / Instagram section */


.section.about #content {
	width: 70%;
	float: left;
}

.sidebar {
	width: 20%;
	float: right;
}

	.sidebar a h3 {
		height: 25px;
		display: block;
		background: url(images/icon-title-instagram.png) top center no-repeat;
		background-size: 40px 93px;
		padding: 60px 0 22px;
		margin: 0 0 30px 0;
		margin: 0;

		font-family: "news-gothic-std-n7", "news-gothic-std", Helvetica, Arial, sans-serif;
		font-weight: 700;
		font-size: 16px;
		font-style: normal;
		line-height: 18px;
		text-transform: uppercase;
		color: #000;
	}

		.sidebar span#line {
			margin: 5px auto 20px;
		}

	.sidebar ul#instagram {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100% !important;
	}

		.sidebar ul#instagram li {
			display: block;
			float: none;
			width: 100% !important;
			margin: 0 0 15px;
			padding: 0 !important;
			clear: none !important;
			text-align: center;		}

		.sidebar ul#instagram li img {
			max-width: 100%;
			height: auto;
		}

/*------------------------ Projects section */

.section.whatwedo {
	padding: 165px 30%;
	width: 40%;
}

	.section.whatwedo h2.temporary {
		max-width: 650px;
		margin: 0 auto 30px;
	}

	.section.whatwedo #content {

		/*Specify column number*/
		-moz-column-count:2; /* Firefox */
		-webkit-column-count:2; /* Safari and Chrome */
		column-count:2;

		/*Specify column gap*/
		-moz-column-gap:60px; /* Firefox */
		-webkit-column-gap:60px; /* Safari and Chrome */
		column-gap:60px;

		max-width: 1000px;
	}

			.section.whatwedo #content p {
				line-height: 22px;
			}

			.section.whatwedo #content p + h3 {
				break-before: always;
			}

			.section.whatwedo #content ul {
				margin: 0 0 15px 15px;
			}

			.section.whatwedo #content ul li {
				margin: 0 0 3px;
				font-size: 13px;
				letter-spacing: 0.75px;
			}

	.section.whatwedo #pinterest {
		margin: 40px auto 0 auto;
		max-width: 1000px;
	}

		.section.whatwedo #pinterest a h3 {
			float: none !important;
			margin: 0 auto 20px;
			text-align: center;
			display: block !important;
		}

		.section.whatwedo #pinterest h4 span {
			font-family: Georgia,Times,"Times New Roman",serif;
			font-size: 16px;
			font-style: italic;
			font-weight: normal;
			line-height: 22px;
			margin: 0 0 5px;
			text-transform: none;
			display: inline-block;
		}

		.section.whatwedo #pinterest h4 {
			font-family: "news-gothic-std-n7","news-gothic-std",Helvetica,Arial,sans-serif;
			font-size: 18px;
			font-style: normal;
			font-weight: 700;
			line-height: 19px;
			margin: 0 0 25px;
			text-transform: uppercase;
		}

	.section.whatwedo #pinterest li.pins-feed-item {
		width: 19% !important;
		margin: 0 5px 5px 0 !important;
	}



/*------------------------ Projects section */

.section.projects {
	width: 74%;
	padding: 165px 13%;
}


	.section.projects article section h2 {
		max-width: 550px;
		font-size: 18px;
		line-height: 24px;
		margin: 0 auto 20px auto;
	}

	.section.projects article section p {
		text-align: center;
		margin: 0 auto 90px auto;
	}

	.section.projects ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

		.section.projects ul li {
			list-style: none;
			display: inline-block;
			float: left;
			margin: 0;
			padding: 0;
			position: relative;
			width: 14.28%;
			height: auto;

		}

			.section.projects ul li img {
				width: 100%;
				height: auto;
				display: block;
			}

			.section.projects ul li .description {
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				background: #3d3c3a url(images/project-tile-e.gif) top right no-repeat;
				padding: 40% 4.5% 0;
				opacity: 0;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
				filter: alpha(opacity=0);
				-khtml-opacity: 0;
			}

				.section.projects ul li .description:hover,
				.section.projects ul li.current .description:hover {
					opacity: 1;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					filter: alpha(opacity=100);
					-khtml-opacity: 1;
				}

				.section.projects ul li .description p,
				.section.projects ul li .description h3 {
					color: #fff;
				}

				.section.projects ul li .description p {
					font-family: Georgia, Times, "Times New Roman", serif;
					font-size: 16px;
					line-height: 22px;
					font-style: italic;
					letter-spacing: 1px;
					margin: 0 0 5px 0;
				}

				.section.projects ul li .description h3 {
					font-family: "news-gothic-std-n7", "news-gothic-std", Helvetica, Arial, sans-serif;
					font-weight: 700;
					font-size: 20px;
					line-height: 21px;
					letter-spacing: 0.5px;
					margin: 0 0 25px;
				}

				.section.projects ul li .description span.case-study,
				.section.projects span#cs-eg {
					width: 40px;
					height: 40px;
					display: block;
					margin: 0 auto;
					background: url(images/icon-casestudy.png) top center no-repeat;

					text-indent: -999px;
					font-size: 0;
					color: #000;
				}

				.section.projects span#cs-eg {
					width: 30px;
					height: 30px;
					margin: 0 0 0 5px;
					background: url(images/icon-casestudy-eg.png) top center no-repeat;
					display: inline-table;
					vertical-align: middle;
				}


	/*
	#colorbox,
	#cboxOverlay,
	#cboxWrapper {
		overflow: visible !important;
	}

	#cboxOverlay {
		background: #000;
	}

	#cboxWrapper {
		padding: 0 20px !important;
	}

		#cboxContent {
			position: relative;
		}

			#cboxNext,
			#cboxPrevious {
				position: absolute !important;
				top: 50% !important;
				z-index: 9999;
			}

			#cboxNext {
				right: -20px !important;
			}

			#cboxPrevious {
				left: -20px !important;
			}

			.cboxSlideshow_off #cboxSlideshow {
				right: 22px !important;
			}

			#cboxLoadedContent {
				background: #fff;
				padding: 15px;
			}*/


#sb-container {
	z-index: 9999 !important;
}

	#sb-wrapper {
		left: 50% !important;
		margin: 0 0 0 -560px !important;
		max-width: 1120px !important;
	}

	#sb-title, #sb-title-inner {
		display: none;
	}

		body.single {
			width: 92%;
			padding: 40px 4%;
			background: #3d3c3b;
			color: #fff;
		}

			.case-study-content {
				width: 100%;
			}

/*----------------------------------------------Connect*/

.section.connect {
	padding: 165px 20%;
	width: 60%;
}

	.section.connect p {
		max-width: 575px;
		margin: 0 auto 80px auto;
	}

		.section.connect h2 + p {
			text-align: center;
			font-size: 16px;
			line-height: 22px;
		}

	.section.connect article section#content {
		max-width: 100%;
	}

		.connect article section#content div.social-feed {
			clear: both;
			margin: 0 0 80px 0;
			float: left;
			width: 100%;
		}

				.connect article section#content div.social-feed:last-child {
					margin: 0;
				}

			.connect article section#content div.social-feed a.title {
				width: 60px;
				float: left;
				border: none;
			}

				.connect article section#content div.social-feed a h3,
				.section.whatwedo #pinterest a h3 {
					display: inline-block;
					width: 60px;
					height: 60px;
					background: url(images/social-sprite.png) 0 -35px no-repeat;

					text-indent: -999px;
					font-size: 0;
					color: #fff;
					float: left;
				}

					.connect article section#content div.social-feed a:hover {
						opacity: 0.75;
					}

					.connect article section#content div#twitter h3 { background-position: 0 -35px;  }
					.connect article section#content div#facebook h3 { background-position: -60px -35px; }
					.connect article section#content div#instagram h3 { background-position: -120px -35px; }
					.connect article section#content div#pinterest h3, .section.whatwedo #pinterest a h3 { background-position: -180px -35px; }


				.connect article section#content div.social-feed a span {
					display: inline-block;
					max-width: 60px;
					clear: both;
					text-align: center;
					font-family: Georgia,Times,"Times New Roman",serif;
					color: #000;
					border: none;
					font-size: 11.5px;
					line-height: 14px;
					font-style: italic;
					font-weight: normal;
				}

					#cff .cff-meta li {
						margin: 0 8px 0 0;
					}

					.connect article section#content div.social-feed a:hover span {
						color: #EC0000;
					}

		/*Custom insta/pinterest styling

		.connect article section#content div.social-feed.no-feed {
			clear: both;
			margin: 0 0 80px 0;
			float: none;
			width: 50%;
			text-align: center;
		}


			.connect article section#content div.social-feed.no-feed a.title {
				width: 60px;
				float: left;
				border: none;
			}

				.connect article section#content div.social-feed.no-feed a h3 {
					display: inline-block;
					width: 60px;
					height: 60px;
					background: url(images/social-sprite.png) 0 -35px no-repeat;

					text-indent: -999px;
					font-size: 0;
					color: #fff;
					float: left;
				}		*/

				.socialfeeds {
					text-align: center;
					clear: both;
					width: 320px;
					min-width: 320px;
					padding: 0;
					margin: 0 auto 80px;
				}

					.connect article section#content .socialfeeds .social-feed {
						max-width: 120px;
						float: left;
						clear: none;
						display: inline-table;
						vertical-align: top;
					}

						.connect article section#content .socialfeeds #pinterest {
							float: right;
						}

					.connect article section#content .socialfeeds .social-feed h3 {
						text-indent: -9999px;
						font-size: 0;
						color: #fff;
						height: 60px;
						width: 60px;
						display: block;
						padding: 0;
						margin: 0 30px 5px;
						text-align: center;
					}

					.connect article section#content .socialfeeds .social-feed a span,
					.connect article section#content .socialfeeds .social-feed a.title {
						max-width: 120px;
						width: 120px;
					}

		/*Feeds*/

		.connect article section#content .socialfeeds .social-feed ul.twitterfeed {
			list-style: none;
			margin: 0;
			padding: 0;
		}

			.socialfeeds .social-feed ul.twitterfeed li span.timeline a,
			.socialfeeds .social-feed #cff .cff-date {
				color: #B2B2B2;
				font-size: 13px;
				font-style: italic;
			}

		.socialfeeds .social-feed #cff {
			clear: none !important;
			float: none !important;
		}

			.socialfeeds .social-feed #cff .cff-item,
			.socialfeeds .social-feed #cff .cff-item:first-child {
				width: 100% !important;
				margin: 0 !important;
				padding: 0 !important;
				clear: none !important;
			}

				.socialfeeds .social-feed #cff .cff-date {
					width: 40%;
					float: none;
					display: inline-block;
					margin: 18px 0 0 !important;
				}

				.socialfeeds .social-feed #cff .cff-meta-wrap {
					position: relative;
					bottom: 0;
					margin: 15px 0 0;
					width: 40% !important;
				}

					.socialfeeds .social-feed #cff .cff-view-comments {
						float: none !important;
						clear: none !important;
						display: inline-block !important;
						margin: 0 12px 0 0 !important;
					}

				.socialfeeds .social-feed #cff p {
					margin: 0 !important;
				}

		#content ul.twitterfeed,
		#cff,
		#content ul#instagram,
		#content ul.pins-feed-list {
			list-style: none;
			margin: 0;
			padding: 0;
			width: 93% !important;
		}

			#content ul.twitterfeed li,
			#cff .cff-item,
			#cff .cff-item:first-child,
			#content ul#instagram li,
			#content ul.pins-feed-list li {
				display: inline-block;
				float: left;
				width: 26% !important;
				margin: 0 0 0 4%;
				padding: 0 !important;
				clear: none !important;
			}

					#content ul#instagram li,
					#content ul.pins-feed-list li {
						width: 14.75% !important;
						margin: 0 0 0 3% !important;
					}

						#content ul#instagram li:first-child,
						#content ul.pins-feed-list li:first-child {
							margin: 0 0 0 4% !important;
						}

				.cff-item {
					position: relative;
				}

				.cff-clear,
				.cff-clear:after {
					display: none !important;
					clear: none !important
				}

				#cff .cff-photo {
					display: none !important;
				}

				#cff.cff-thumb-layout .cff-text-wrapper,
				.nailthumb-container,
				.nailthumb-container img.nailthumb-image {
					width: 100% !important;
					max-width: 100% !important;
					height: auto !important;
					left: 0 !important;
				}

					.nailthumb-container img.nailthumb-image,
					.sidebar ul#instagram li img {
						width: 96% !important;
						max-width: 96% !important;
						height: auto !important;
						left: 0 !important;
						padding: 3px 1.5% !important;
						background: #fff !important;
						border: 1px solid #eee !important;
						top: 0 !important;
					}

				/*Meta styling*/

				.cff-text {
					float: left;
					margin: 0 0 10px;
				font-size: 12.5px;
				line-height: 17px;
				}

				#cff .cff-meta-wrap {
					width: 55% !important;
					position: absolute;
					bottom: -4px;
				}

					#cff .cff-meta {
						padding: 8px 0 2px !important;
					}

					#cff .cff-view-comments {
						padding: 0 5px 5px 8px !important;
					}

						#cff .cff-meta li:last-child {
							margin: 0 3px 0 0 !important;
						}

				#cff.cff-thumb-layout .cff-date {
					width: 45%;
					float: right;
				}

				#content ul#instagram li img {
					max-width: 100%;
					height: auto;
				}



			#content ul.twitterfeed li p {
				margin: 0 0 15px;
				font-size: 12.5px;
				line-height: 17px;
			}

			#content ul.twitterfeed li span.intent a,
			#content ul.twitterfeed li span.intent a:hover,
			#content ul.twitterfeed li span.timeline a:hover {
				border: none;
			}

			#content ul.twitterfeed li span.timeline a,
			#cff.cff-thumb-layout .cff-date {
				color: #B2B2B2;
				font-size: 12px;
				border-bottom: none;
				font-style: italic;
			}





/*----------------------------------------------single*/


	.single #content h2.title {
		padding: 0 0 30px;
		margin: 0;
		text-align: left;

		font-family: "news-gothic-std-n7", "news-gothic-std", Helvetica, Arial, sans-serif;
		font-weight: 700;
		font-size: 24px;
		line-height: 26px;
		font-style: normal;
		text-transform: uppercase;
	}

	.single span#line {
		height: 1px;
		width: 62px;
		background: #fff;
		margin: 0 0 30px;
		padding: 0;
		display: block;
	}

	.single #content ul {
		margin: 0 0 15px 15px;
	}

	.single blockquote {
		margin: 0 0 15px 0;
		padding: 20px;
		background: #4e4d4c;
		text-align: left;
		display: inline-block;
		clear: both;
	}

	.single blockquote p.citation {
		font-size: 12px;
		text-transform: uppercase;
	}


/*----------------------------------------------Contact*/

section#contact {
	max-width: 1200px;
}

	.section.contact article section div {
		float: left;
		width: 32%;
	}

		.section.contact article section h2 {
			max-width: 620px !important;
			text-align: left;
		}

		.section.contact p {
			margin: 0 auto 15px !important;
		}

	.section.contact article section div.wpcf7 {
		float: right;
		width: 60%;
		margin: 0;
	}

			.section.contact div.wpcf7 p {
				width: 100%;
				margin: 0 0 15px;
			}

	/*------------------------ Contact form */


	.wpcf7-form {
		margin: 0;
		padding: 0;
		float: left;
		position: relative;
		width: 100%;

		background: none;
		border: none;
	}

		.wpcf7-form input,
		.wpcf7-form textarea,
		.wpcf7-form select {
			width: 100%;
			padding: 0 0 2px;
			margin: 0 0 15px;
			background: none;
			border: none;
			border-bottom: 1px solid #000;
			color: #000;
			font-family: Georgia, Times, "Times New Roman", serif;
			font-size: 16px;
			line-height: 18px;
			font-style: italic;
			-webkit-appearance: none;
		}

			::-webkit-input-placeholder { /* WebKit browsers */
				color:    #000;
				opacity: 1;
			}
			:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
				color:    #000;
				opacity: 1;
			}
			::-moz-placeholder { /* Mozilla Firefox 19+ */
				color:    #000;
				opacity: 1;
			}
			:-ms-input-placeholder { /* Internet Explorer 10+ */
				color:    #000;
				opacity: 1;
			}

			.wpcf7-form textarea {
				height: 120px;
				margin: 0 0 25px;
			}

			.wpcf7-form select {
				width: 100%;
			}

			.wpcf7-form p.req {
				color: #727272;
				font-size: 13px;
				font-style: italic;
			}

			img.wpcf7-captchac {
				width: 120px;
				height: 40px;
			}

			.wpcf7-form input.wpcf7-submit {
				padding: 0 30px;
				float: left;
				display: block;
				width: 115px;
				height: 50px;
				margin: 0 auto;
				cursor: pointer;

				font-family: "news-gothic-std-n7", "news-gothic-std", Helvetica, Arial, sans-serif;
				font-weight: 700;
				font-size: 20px;
				font-style: normal;
				line-height: 45px;
				letter-spacing: 1px;
				text-transform: uppercase;
				color: #000;
				text-align: center;
				opacity: 1;
				-webkit-appearance: none;

				border: 1px solid #000;
				border-radius: 0;
			}

				.wpcf7-form input.wpcf7-submit:hover {
					opacity: 0.8;
				}

			div.wpcf7-response-output,
			div.wpcf7-mail-sent-ok,
			span.wpcf7-not-valid-tip {
				float: left;
				width: 94%;
				padding: 12px 3% !important;
				margin: 0 !important;
				border: none;
				background: #EC0000;

				text-transform: none;
				font-size: 15px;
				line-height: 18px;
				color: #fff;
			}

				div.wpcf7-validation-errors,
				div.wpcf7-mail-sent-ok {
					border: none !important;
				}

				span.wpcf7-not-valid-tip {
					background: none !important;
					font-size: 12px !important;
					padding: 10px 0 !important;
				}

			div.wpcf7 img.ajax-loader {
				margin: 0 0 0 30px !important;
				float: left;
				position: relative;
				top: -40px;
			}


/*---------------------------------------------------------Single Event*/

.espresso_events-template-default input[type="submit"], .page-template-page-awards input[type="submit"] {
	background: transparent;
	padding: 5px 10px;
	border: 1px solid #000;
	font-weight: bold;
	transition-duration: .3s;
}

.espresso_events-template-default input[type="submit"]:hover, .page-template-page-awards input[type="submit"]:hover {
	cursor: pointer;
	background: rgba(0, 0, 0, 0.25);
}

#ee-single-page-checkout-dv input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=file]) {
	padding: 5px;
	margin-bottom: 10px;
}

/*---------------------------------------------------------Footer*/

footer {
	width: 40%;
	min-height: 10px;
	padding: 45px 30%;
	margin: 0 auto;
	overflow: auto;
	position: relative;
	text-align: center;
	background: #3d3c3a;
}

	footer p {
		max-width: 320px;
		margin: 0 auto;
		font-family: Georgia, Times, "Times New Roman", serif;
		font-size: 16px;
		line-height: 16px;
		font-style: italic;
		font-weight: normal;
		color: #fff;
	}

/*------------------------Footer GB credit */

		#credit {
			position: fixed;
			bottom: 20px;
			right: 35px;
			z-index: 2000;
			display: none;
		}

			#credit a {
				font-family: Arial, sans-serif;
				text-transform: uppercase;
				font-size: 11px;
				line-height: 30px;
				letter-spacing: 0.3px;
				color: #a1a1a1;
				float: left;
				opacity: 0.25;
				/* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
				/* IE 5-7 */ filter: alpha(opacity=25);
				/* Netscape */ -moz-opacity: 0.25;
				/* Safari 1.x */ -khtml-opacity: 0.25;

			}

				#credit a span#gb {
					text-indent: -999px;
					font-size: 0;
					color: #000;

					width: 30px;
					height: 30px;
					display: inline-block;
					background: url(images/gb-icon.png) top left no-repeat;
					float: left;
					margin: 0 10px 0 0;
				}

				#credit a:hover {
					opacity: 1;
					/* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					/* IE 5-7 */ filter: alpha(opacity=100);
					/* Netscape */ -moz-opacity: 1;
					/* Safari 1.x */ -khtml-opacity: 1;
				}




/*----------------------------------------------------- e-News LANDING PAGE STYLES */

body.page-template-page-landing-php {
	background: #f5f5f5;
}

body.page-template-page-landing-php #content a {
	color: #4a4a4a;
	border-bottom: 1px solid #e6e6e6;
}

	body.page-template-page-landing-php #content a:hover {
		color: #000;
		border-bottom: 1px solid #dadada;
	}

.page-template-page-landing-php .header {
	width: 100%;
	background: #fff;
}

.page-template-page-landing-php header {
	width: 980px;
	max-width: 100%;
	min-height: 20px;
	height: 85px;
	padding: 0;
	margin: 0 auto;
	overflow: visible;
	position: relative;
	text-align: center;
}

.page-template-page-landing-php header h1#logo {
	width: 137px;
	height: 113px;
	margin: 0 0 0 30px;
	position: absolute;
	float: left;
	background: none;
	display: block;

	z-index: 999;
}


	.page-template-page-landing-php header h1#logo a {
		width: 137px;
		height: 113px;
		background: url(images/e-logo.png) top left no-repeat;
		display: block;

		text-indent: -999px;
		font-size: 0;
		color: #000;
	}

.page-template-page-landing-php header ul.social {
	position: relative;
	float: right;
	right: 10px;
}

.page-template-page-landing-php #banner {
	text-align: center;
	position: relative;
	height: 500px;
}

	.page-template-page-landing-php #banner h2#banner-text {
		width: 575px;
		padding: 0 100px 0 0;
		margin: 0;
		position: absolute;
		bottom: 30px;
		left: 50%;
		margin-left: -338px;
		max-width: 100%;
		z-index: 999;

		text-align: left;
		color: #fff;
		font-size: 48px;
		line-height: 45px;

		font-family: "news-gothic-std-n7", "news-gothic-std", Helvetica, Arial, sans-serif;
		font-weight: 700;
		font-style: normal;
		text-transform: uppercase;
	}

	.page-template-page-landing-php #banner img {
		position: absolute;
		left: 50%;
		margin-left: -1000px;
		width: 2000px;
		height: 500px;
	}

.page-template-page-landing-php .section {
	background: none;
	padding: 85px 0;
	margin: 0 auto;
	width: 675px;
	max-width: 100%;
}

	.page-template-page-landing-php .section article h2.title {
		height: auto;
	}

		.page-id-321 .page-template-page-landing-php .section article h2.title {
			text-align: left;
		}

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

	.page-template-page-landing-php header ul.social {
		display: none;
	}

	.page-template-page-landing-php #banner {
		overflow: hidden;
		height: 375px;
	}

		.page-template-page-landing-php #banner h2#banner-text {
			left: 0;
			width: 92%;
			max-width: 92%;
			padding: 0 4%;
			margin: 0;
			font-size: 40px;
			line-height: 37px;
		}

		.page-template-page-landing-php #banner img {
			width: 1500px;
			height: auto;
			margin-left: -720px;
		}

	.page-template-page-landing-php .section {
		width: 92%;
		max-width: 92%;
		padding: 65px 4% 25px;
	}

		.section article section {
			max-width: 100%;
		}

			.page-template-page-landing-php .section article section h2 {
				margin: 10px auto;
			}



}


/*----------------------------------------------------- IMAGE STYLES */



p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px 0 4px 15px;
	display: inline;
	clear: both;
	}

img.alignleft,
img.attachment-alignleft {
	margin: 0 7px 2px 0;
	float: left;
	display: inline;
	}

.alignright {
	float: right;
	margin: 0 0 8px 7px;
	}

.alignleft,
.attachment-alignleft {
	float: left;
	margin: 0 7px 2px 0;
	}

.wp-caption {
	background: none;
	padding: 2px 0 10px 0;
}

.wp-caption-text {
	width: 100%;
	margin: 5px 5px 0 0;
	font-size: 11px;
	line-height: 11px;
	color: #999999;
}

img.round {
	-webkit-border-radius: 95px;
	border-radius: 95px;
	border: 3px solid #e6aa7d;
	padding: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	img.round {
		border: none;
	}
}


/*----------------------------------------------------- RESPONSIVE STYLES */

/*Safari & Chrome specific styles */

@media screen and (-webkit-min-device-pixel-ratio:0) {


}

/* Responsive Banner size for large screen size */
@media only screen and (min-width : 1920px) {


	.section.about {
		padding: 165px 35%;
		width: 30%;
	}

}

/* Responsive */
@media only screen and (max-width : 1920px) {

h2 {
	font-size: 18px;
	line-height: 24px;
}

header {
	padding: 30px 0 40px;
}

	nav#sticky {
	}

		nav#sticky ul#navigation {
			max-width: 600px;
		}

			nav#sticky ul#navigation li {
				margin: 0 16px;
				line-height: 85px;
				font-size: 14px;
			}

				nav#sticky ul#navigation li.home a {
					margin: 34px 0 0;
				}

		ul.social {
			top: 27px;
			right: 27px;
		}

			ul.social li#follow {
				font-size: 15px;
			}

		nav h1#logo {
		}

.section.about {
    padding: 125px 30%;
    width: 40%;
}

	.section.about #content {
		width: 75%;
	}

	.sidebar {
		width: 16%;
	}

	.section article section h2,
	.section.about h2.temporary {
		margin: 0 auto 40px;
	}

.section.whatwedo {
    padding: 125px 25%;
    width: 50%;
}

.section.projects {
    padding: 125px 5%;
    width: 90%;
	z-index: 6666;
}

	.section.projects article section p {
		margin: 0 auto 40px
	}

	#intro .sticky-wrapper {
		top: 20px;
		z-index: 5555;
	}

.section.connect {
    padding: 125px 13%;
    width: 74%;
}

.nivoSlider {
	max-height: 400px;
	min-height: 300px;
}


	/*h2 {
		font-size: 23px;
		line-height: 28px;
	}

	p,
	#content ul li {
		font-size: 16px;
		line-height: 20px;
	}*/


footer p {
	font-size: 14px;
}


}


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


.nivo-directionNav a {
	top: 38% !important;
}

h2#tagline {
	background-size: 180px 116px;
	width: 180px;
	height: 116px;
	margin: -58px 0 0 -88px;
}

span#line {
	display: none;
}

.section.connect p {
	margin: 0 auto 40px;
}

.section {
	padding: 125px 30%;
}
	.section.intro/*, .socialfeeds */{
		width: 50%;
	}
	.section.about {
		padding: 125px 20%;
		width: 60%;
	}
	.section.whatwedo {
		padding: 125px 15%;
		width: 70%;
	}





		span#line {
			margin: 0 auto 30px;
		}

		.section article section h2 {
			margin: 0 auto 30px;
		}

			#connect article section h2 {
				margin: 0 auto 10px;
			}



	#sb-wrapper {
		margin: 0 0 0 -430px !important;
	}

	.section.projects ul li .description {
		padding: 30% 3% 0;
		background-size: 100px 98px;
	}

		.section.projects ul li .description p {
			font-size: 12px;
			line-height: 13px;
		}

		.section.projects ul li .description h3 {
			font-size: 15px;
			line-height: 16px;
			margin: 0 0 15px 0;
		}

		.section.projects ul li .description span.case-study {
			width: 25px;
			height: 25px;
			background-size: 25px 25px;
		}
}

@media only screen and (max-width : 1366px) and (max-height : 768px) {

	.section.intro, .socialfeeds {
		padding: 10px 25% 50px;
	}

}

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

	#cff .cff-meta-wrap {
		width: 60% !important;
		min-width: 130px !important;
	}
}


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



.section {
	padding: 130px 25%;
	width: 50%;
}

	.section.intro {
		padding: 40px 20% 100px;
		width: 60%;
	}

	.section.projects {
		padding: 130px 1%;
		width: 98%;
	}

.nivo-directionNav a {
	top: 45%;
}

	.nivoSlider .nivo-directionNav a.nivo-prevNav {
		left: 5%;
	}

	.nivoSlider .nivo-directionNav a.nivo-nextNav {
		right: 5%;
	}

ul.social li#follow {
	display: none;
}




	.section.contact article section h2 {
		max-width: 450px !important;
	}

	#content ul.twitterfeed,
	#cff ,
	#content ul#instagram,
	#content ul.pins-feed-list {
		width: 100% !important;
		float: none !important;
	}

		#content ul.twitterfeed li, #cff .cff-item, #cff .cff-item:first-child {
			margin: 0 0 0 2%;
			width: 28% !important;
		}


	#sb-wrapper {
		margin: 0 0 0 -430px !important;
	}

}

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

header {
	padding: 20px 0 25px
}

	header h1#logo {
		height: 89px;
		width: 90px;
		background-size: 90px 89px;
	}

.nivo-directionNav a {
	top: 40%;
}



.nivoSlider {
	min-height: 200px;
	max-height: 600px;
}


.section {
    padding: 130px 15%;
    width: 70%;
}

.download {
	width: 130px;
}

	.download img {
		width: 45px;
		height: 45px;
		margin: 0 auto 15px;
	}

	.download h3 {
		font-size: 14px;
		margin: 0;
	}

	.download h2 {
		font-size: 16px;
		line-height: 18px;
		margin: 0 0 20px;
	}

	span#line {
		width: 45px;
	}

nav h1#logo {
	margin: 0 0 0 12px;
}

ul.social {
	top: 30px;
	right: 15px;
}

	ul.social li {
		width: 25px;
		height: 25px;
		margin: 0 0 0 8px;
	}

		ul.social li a {
			width: 25px;
			height: 25px;
			background-image: url(images/social-sprite.png);
		}

		ul.social li#twitter a { background-position: 0 -95px; }
		ul.social li#facebook a { background-position: -25px -95px; }
		ul.social li#pinterest a { background-position: -50px -95px; }
		ul.social li#instagram a { background-position: -75px -95px; }
		ul.social li#linkedin a { background-position: -100px -95px; }

.nivo-directionNav a {
	top: 40%;
}


}

/* iPads (portrait) ----------- */
@media only screen and (max-width : 860px) {
/* Styles */

	.is-sticky .download {
		position: absolute !important;
		top: 0 !important;
	}

	.nivoSlider {
		max-height: 600px;
	}

		.nivo-directionNav a {
			top: 35% !important;
		 }

	nav#sticky ul#navigation {
		width: 75%;
		padding: 0 0 0 6%
	}

			.is-sticky nav ul.social,
			nav#sticky ul#navigation li.home {
				display: none;
			}

			nav#sticky ul#navigation li {
				font-size: 2vw;
				margin: 0 2%;
			}

.section {
	padding: 130px 15% 100px;
}

		#intro h2 br {
			display: none;
		}

	.section.about,
	.section.whatwedo {
		padding: 130px 10%;
		width: 80%;
	}

	.section.connect {
		padding: 165px 5%;
		width: 90%;
	}


	.section.projects ul li {
		float: none;
		width: 24%;
	}

		.section.projects ul li:last-child, /*last child*/
		.section.projects ul li:nth-last-child(2) /*2nd lastchild*/ {
			display: none;
		}

	.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select {
		font-size: 16px;
	}

	#sb-wrapper {
		margin: 0 0 0 -35% !important
	}

	.single img.alignright {
		float: none;
		clear: both;
		text-align: center;
		margin: 0 0 15px 0;
		padding: 0;
		width: 100%;
		height: auto;
	}
}


/* Horizontal tablet height */
@media only screen and (max-height : 768px) {

	.nivoSlider {
		max-height: 300px;
	}

}



/* Responsive */
@media only screen and (max-width : 640px) {

	h2#tagline {
		height: 84px;
		width: 130px;
		background-size: 130px 84px;
		margin: -42px 0 0 -65px
	}

	nav#sticky,
	nav#sticky ul#navigation {
		height: 65px;
	}

		nav#sticky ul#navigation {
			padding: 0 0 0 17%;
			width: 83%;
		}

	nav h1#logo,
	nav h1#logo a {
		background-size: 70px 56px;
		height: 56px;
		width: 70px;
	}

	nav#sticky ul#navigation li {
		margin: 0 1.5%;
		font-size: 2.4vw;
		height: 65px;
		line-height: 70px;
	}

		nav#sticky ul#navigation li.home a {
			margin: 25px 0 0;
		}

.section,
.section.intro,
.section.about,
.section.whatwedo,
.section.contact,
footer {
	padding: 75px 5%;
	width: 90%;
}

	.section.intro {
		padding: 40px 5%;
	}

.section.projects,
.section.connect {
	padding: 75px 2%;
	width: 96%;
	overflow: hidden;
}

	#intro .sticky-wrapper {
		position: relative;
		top: 0;
		display: block;
	}

		.download {
			float: none;
			position: relative;
			margin: 0 auto;
		}

		.is-sticky .download {
			position: relative !important;
			top: 0 !important;
		}

	.section.about #content,
	.sidebar {
		float: left;
		width: 100%;
	}

		.sidebar {
			margin: 30px 0 0;
		}

			.sidebar ul#instagram li {
				display: inline-block;
				width: 30% !important;
			}

	.section #content p,
	h3, p span.lead-in,
	.section.whatwedo #content ul li {
		font-size: 12px;
	}

		.section.whatwedo #content p {
			line-height: 19px;
		}

		.section.whatwedo #content ul li {
			font-size: 12px;
			line-height: 15px;
			margin: 0 0 5px;
		}

	.section.whatwedo #pinterest li.pins-feed-item {
		width: 23.75% !important;
	}

		.section.whatwedo #pinterest li.pins-feed-item:last-child {
			display: none;
		}

	#content ul.twitterfeed,
	#cff,
	#content ul#instagram,
	#content ul.pins-feed-list {
		width: 100% !important;
	}

		.connect article section#content div.social-feed a.title,
		.section.whatwedo #pinterest a h3 {
			display: block;
			float: none;
			margin: 0 auto 30px;
		}

		#content ul.twitterfeed li,
		#cff .cff-item,
		#cff .cff-item:first-child {
			margin: 0 0 0 5%;
			width: 30% !important;
		}

			#content ul.twitterfeed li.tweet:first-child,
			#cff .cff-item:first-child {
				margin: 0;
			}

		#content ul#instagram li, #content ul.pins-feed-list li {
			width: 16% !important;
		}

}

/* Retina logo */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {

    header h1#logo {
		background-image: url("images/earlybird-logo@2x.gif");
    }

}


/* Responsive */
@media only screen and (max-width : 480px) {

nav ul.social {
	display: none;
}

/* ------------------------------------------------------------
PRIMARY switch to nav and layout for tablet/smart-phone screens
--------------------------------------------------------------- */

	header {
		margin: 0 auto 0;
	}

		nav#sticky,
		nav#sticky ul#navigation {
				height: 80px;
		}

			nav#sticky h1#logo,
			.nivoSlider .nivo-directionNav a {
				display: none;
			}

			nav#sticky ul#navigation {
				padding: 0 2%;
				width: 96%;
			}

					nav#sticky ul#navigation li {
						margin: 0 3%;
						padding: 0;
						text-align: centre;
						float: none;
						line-height: 30px;
						height: 30px;
						letter-spacing: -0.3px;
					}

							nav ul li a {
								display: inline-block;
								margin: 0;
								padding: 5px 0;
								text-align: left;
								font-size: 11.5px;
								line-height: 15px;
								width: auto;
							}

							nav ul li.current_page_item a,
							nav ul li.current_page_parent a,
							nav ul li.current_page_ancestor a,
							nav ul li.page-item-2 a,
							nav ul li.page-item-2.current_page_item a,
							nav ul li.page-item-2 a:hover {
								background: none;
							}

							nav#sticky ul#navigation li.home {
								display: inline-block;
							}

								nav#sticky ul#navigation li.home a  {
									background-position: bottom left;
									width: 15px;
									height: 12px;
									margin: 20px 0 0;
									line-height: 20px;
								}

					nav ul:hover {
						background-image: none;
					}

					nav ul:hover li {
						display: block;
					}

					nav ul:hover .current_page_item,
					nav ul:hover .current_page_parent,
					nav ul:hover .current_page_ancestor,
					nav ul:hover li.page-item-2.current_page_item {
						background: url(images/icon-check.png) no-repeat 10px 15px;
					}



	ul.social {
		top: 15px;
	}

		ul.social li {
			float: none;
			display: block;
			margin: 0 0 8px 0;
		}

	.nivoSlider img {
		width: 180% !important;
		margin: 0 auto !important;
		text-align: center !important;
		left: -45% !important;
	}

		.section article section h2,
		.section.about h2.temporary,
		.section.whatwedo h2.temporary {
			margin: 0 auto 30px;
		}

	.section.whatwedo #content {

		/*Specify column number*/
		-moz-column-count:1; /* Firefox */
		-webkit-column-count:1; /* Safari and Chrome */
		column-count:1;

		/*Specify column gap*/
		-moz-column-gap:0; /* Firefox */
		-webkit-column-gap:0; /* Safari and Chrome */
		column-gap:0;

		max-width: 1000px;
	}

	.section.whatwedo #pinterest {
		margin: 30px auto 0;
	}

	.section.whatwedo #pinterest li.pins-feed-item {
		width: 31% !important;
	}

		.section.whatwedo #pinterest li.pins-feed-item:nth-child(4),
		.section.whatwedo #pinterest li.pins-feed-item:nth-child(1) {
			display: none;
		}

	.section, .section.about, .section.whatwedo, .section.contact, footer,
	.section.projects, .section.connect {
		padding: 120px 4% 75px;
		width: 92%;
	}

		.section.projects ul li {
			width: 30%;
		}

			.section.projects ul li .description {
				padding: 30% 3% 0;
			}

				.section.projects ul li .description p {
					font-size: 2.5vw;
					line-height: 2vw;
				}

				.section.projects ul li .description h3 {
					font-size: 3.5vw;
					line-height: 3.5vw;
					margin: 0 0 10px;
				}

				.section.projects ul li .description span.case-study,
				.section.projects span#cs-eg {
					width: 15px;
					height: 15px;
					background-size: 15px 15px;
				}

	#content ul.twitterfeed li,
	#cff .cff-item {
		display: none;
	}

	#content ul.twitterfeed li:first-child,
	#cff .cff-item:first-child {
		display: block;
		width: 100% !important;
		text-align: center;
		margin: 0;
	}

		.cff-text {
			float: none;
			margin: 0 0 10px;
		}

		#cff .cff-meta-wrap {
			float: none !important;
			margin: 0 0 0 15%;
			width: 30% !important;
			top: 20px;
		}

		#cff.cff-thumb-layout .cff-date {
			width: 20%;
			margin: 0 10% 10px 0;
			min-width: 90px;
			line-height: 40px;
		}

	.connect article section#content div.social-feed a.title,
	.section.whatwedo #pinterest a h3 {
		margin: 0 auto 20px
	}

	.connect article section#content div.social-feed {
		margin: 0 0 50px;
	}

	.section.projects ul li:last-child, /*last child*/
	.section.projects ul li:nth-last-child(2), /*2nd lastchild*/
	#content ul#instagram li:nth-last-child(1),
	#content ul#instagram li:nth-last-child(2),
	#content ul.pins-feed-list li:nth-child(4),
	#content ul.pins-feed-list li:nth-child(5) {
		display: none !important;
	}

	.socialfeeds {
		padding: 0;
	}

		.connect article section#content .socialfeeds .social-feed,
		.connect article section#content .socialfeeds #pinterest {
			display: inline-block;
			float: none;
			margin: 0 30px;
			max-width: 60px;
		}
		.section.connect p {
			text-align: center;
		}

		.section.contact p,
		div.wpcf7 {
			width: 100%;
		}

	#sb-wrapper {
		left: 5% !important;
		margin: 0 auto !important;
		width: 90% !important;
	}

	h2 {
		font-size: 15px;
		line-height: 20px;
	}

	footer {
		padding: 30px 4%;
	}

		.section.contact article section div,
		.section.contact article section div.wpcf7 {
			float: left;
			width: 100%;
			margin: 0 0 20px;
		}


		.section.contact article section h2 {
			text-align: center;
		}



}

.postid-1063 .ee-gmap-wrapper, .postid-1065 .ee-gmap-wrapper, .postid-1066 .ee-gmap-wrapper, .postid-1067 .ee-gmap-wrapper, .postid-1068 .ee-gmap-wrapper {
	display: none;
}

.tkt-slctr-tbl td, .tkt-slctr-tbl th {
    text-align: left !important;
}

.container {
    background-color: #fff;
    color: #000;
    max-width: 1130px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 70px;
}