@media screen and (min-width: 320px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 768px) {
	
}

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

}




/* --------------------------------------------------------------------------------------------------------------------------------------------------------

	FONTS
	
*/


@font-face { /*  Linotype Didot® Italic  */

    font-family: 'DidotItalic';
    src: url("/fonts/9c2cfd19-472b-4ef5-ad73-43eee68dc43b.eot?#iefix");
    src: url("/fonts/9c2cfd19-472b-4ef5-ad73-43eee68dc43b.eot?#iefix") format("eot"),
         url("/fonts/09a4b57b-7400-4d30-b4ba-d6e303c57868.woff") format("woff"),
         url("/fonts/a0cb08d5-975f-4c8d-bcdc-d771a014d92a.ttf") format("truetype"),
         url("/fonts/86d60a09-e8f8-4003-b688-0f8a2aba6532.svg#86d60a09-e8f8-4003-b688-0f8a2aba6532") format("svg");
    font-weight: normal;
    font-style: normal;
}

/*  ITC Franklin Gothic™ Extra Compressed Demi  */
@font-face { 

    font-family: 'FGExtraCompressedDemi';
    src: url("/fonts/023d36f1-a203-482f-bb69-f448692d32f5.eot?#iefix");
    src: url("/fonts/023d36f1-a203-482f-bb69-f448692d32f5.eot?#iefix") format("eot"),
         url("/fonts/b2ef0f06-9dd1-4e8d-b49b-75293b3c8521.woff") format("woff"),
         url("/fonts/56049f78-3d2e-4f58-9aee-76015748f2a1.ttf") format("truetype"),
         url("/fonts/73d7155c-f1ff-4a6d-939e-8830a266016e.svg#73d7155c-f1ff-4a6d-939e-8830a266016e") format("svg");
    font-weight: normal;
    font-style: normal;
}


@font-face{ /* ITC Franklin Gothic™ Condensed Book */

	font-family: 'FranklinGothicCompressed';
	src: url("/fonts/25b07660-96a5-4eed-bcfd-fc4f0e97098a.eot?#iefix");
	src: url("/fonts/25b07660-96a5-4eed-bcfd-fc4f0e97098a.eot?#iefix") format("eot"),
		 url("/fonts/de902d7e-9849-4880-b8fe-966b186b110c.woff") format("woff"),
		 url("/fonts/fdec17bc-6f6c-4b7c-bbc1-8f2ec6c7931c.ttf") format("truetype"),
		 url("/fonts/3b330c74-12e3-423e-9785-d817a41a9a24.svg#3b330c74-12e3-423e-9785-d817a41a9a24") format("svg");
	font-weight: normal;
    font-style: normal;	 
}


@font-face{ /* ITC Franklin Gothic™ Compressed Demi */
	font-family: 'FranklinGothicCompressed';
	src: url("/fonts/b42b1756-b19e-43bc-adf8-a91bc339a1f0.eot?#iefix");
	src: url("/fonts/b42b1756-b19e-43bc-adf8-a91bc339a1f0.eot?#iefix") format("eot"),
	     url("/fonts/61509a4a-55a0-4207-a78b-902f7a2cc685.woff") format("woff"),
	     url("/fonts/e70351f1-aa0a-4aea-8164-6c50d40da854.ttf") format("truetype"),
	     url("/fonts/c168602c-6e5b-408d-a51c-ca4ddb8fe8e4.svg#c168602c-6e5b-408d-a51c-ca4ddb8fe8e4") format("svg");
	font-weight: bold;
    font-style: normal;	     
}


/*  ITC Franklin Gothic™ Compressed Book  */
/*
@font-face { 

    font-family: 'FranklinGothicCompressed';
    src: url("/fonts/40c25844-afae-464c-b2e8-e22dfe775019.eot?#iefix");
    src: url("/fonts/40c25844-afae-464c-b2e8-e22dfe775019.eot?#iefix") format("eot"),
         url("/fonts/3e93a250-0c01-4de3-a34f-07ad006f324c.woff") format("woff"),
         url("/fonts/b8e027ee-2673-4c27-94d0-54595a427ab2.ttf") format("truetype"),
         url("/fonts/d2919fbf-50f9-4403-b41a-12044cdefede.svg#d2919fbf-50f9-4403-b41a-12044cdefede") format("svg");
    font-weight: normal;
    font-style: normal;
}
*/

/*  ITC Franklin Gothic™ Extra Compressed Book  */
/*
@font-face { 

    font-family: 'FranklinGothicCompressed';
    src: url("/fonts/bddaa752-b0b5-47d2-95c5-c577f9447c57.eot?#iefix");
    src: url("/fonts/bddaa752-b0b5-47d2-95c5-c577f9447c57.eot?#iefix") format("eot"),
         url("/fonts/a619c765-b1f3-4beb-9e53-6dcb7b51f7c6.woff") format("woff"),
         url("/fonts/e81b60a7-faa6-43b1-9a18-ec1f4a7941d5.ttf") format("truetype"),
         url("/fonts/14981380-0a21-4949-924f-2b19d122f185.svg#14981380-0a21-4949-924f-2b19d122f185") format("svg");
    font-weight: normal;
    font-style: normal;
}
*/

/*  ITC Franklin Gothic™ Compressed Demi Italic  */
/*
@font-face { 

    font-family: 'FranklinGothicCompressed';
    src: url("/fonts/1a5c81ae-d22c-42b1-8b90-5493842fbcdd.eot?#iefix");
    src: url("/fonts/1a5c81ae-d22c-42b1-8b90-5493842fbcdd.eot?#iefix") format("eot"),
         url("/fonts/ada81e8e-40ce-44e0-afeb-dfe3f22137bf.woff") format("woff"),
         url("/fonts/e6b4a953-394c-489c-81c4-1d9660573404.ttf") format("truetype"),
         url("/fonts/cd77c402-802a-44c5-9837-f69eeb282447.svg#cd77c402-802a-44c5-9837-f69eeb282447") format("svg");
    font-weight: bold;
    font-style: italic;
}
*/


@font-face { /*  ITC Franklin Gothic™ Compressed Book Italic  */

    font-family: 'FranklinGothicCompressed';
    src: url("/fonts/fb5ba253-3e6d-4ab2-9048-ca7f4f053257.eot?#iefix");
    src: url("/fonts/fb5ba253-3e6d-4ab2-9048-ca7f4f053257.eot?#iefix") format("eot"),
         url("/fonts/086332e2-4c15-41b9-8e05-a0fa1976886c.woff") format("woff"),
         url("/fonts/4dde81fc-4a1d-4a49-86ec-1c8e3cc6a263.ttf") format("truetype"),
         url("/fonts/03d3fbf1-6049-49f3-b39c-2894d7dd99cc.svg#03d3fbf1-6049-49f3-b39c-2894d7dd99cc") format("svg");
    font-weight: normal;
    font-style: italic;
}


/* --------------------------------------------------------------------------------------------------------------------------------------------------------

	TYPOGRAPHY
	
*/


html{
	font-size: 62.5%;
	
	-ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
}


body{
	font-family: 'FranklinGothicCompressed', Arial, sans-serif;
	font-size: 15px;
	line-height: 1.5714em; /* 22px */
	letter-spacing: 0.04em;
	font-weight: normal;
	font-style: normal;
	color: #111111;
	text-align: left;
	
	margin: 0;
	padding: 157px 0 0 0;
	
}

@media screen and (max-width: 768px) {
	body{
		padding-top: 0;
	}
}

h1, h2, h3, h4{
	font-family: "FGExtraCompressedDemi", Arial, sans-serif;
	font-size: 29px;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	
	margin: 25px 0 15px 0;
}

h1:first-child{
	margin-top: 0;
	line-height: 1em;
}

.column-left h2{
	margin-top: 0;
	margin-bottom: 10px;
}

@media screen and (max-width: 750px) {
	.column-left h2{
		text-align: center;
	}
}

h2.centered{
	text-align: center;
	line-height: 1em;
	margin-top: 30px;
}

h3.subheading{
	text-align: center;
	margin: 15px auto;
	font-family: 'DidotItalic', Arial, sans-serif;
	font-size: 16px;
	line-height: 1em;
	text-transform: none;
}


ul, ol{
	margin: 15px 0;
	padding: 0 0 0 30px;
}

li{
	margin: 15px 0;
}


blockquote{
	font-family: 'DidotItalic', Arial, sans-serif;
	font-size: 32px;
	line-height: 37px;
	letter-spacing: 0.01em;
	text-transform: uppercase;	
	margin: 15px 0;
	padding: 0 15px;
}

.columns-content-box blockquote{
	margin: 20px 0 30px 0;
}

.column-middle .columns-content-box blockquote{
	width: 770px;
	text-align: center;
}

@media screen and (max-width: 935px) {
	.column-middle .columns-content-box blockquote{
		width: 263.1578%; /* 700px @ 266 */
	}	
}

@media screen and (max-width: 750px) {
	.column-middle .columns-content-box blockquote{
		width: auto;
		padding: 0 10px;
		margin-top: 20px;
	}	
}

@media screen and (max-width: 935px) {
	.column-middle .columns-content-box blockquote{
		margin-top: 25px;
		margin-bottom: 25px;
	}	
}

.column-middle .columns-content-box blockquote .quote{
	background-color: white;
	background-color: rgba(255,255,255,0.9);
	display: block;
	margin-bottom: 5px;
	padding: 5px 0 2px 0;
}

@media screen and (max-width: 750px) {
	.column-middle .columns-content-box blockquote .quote{
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
	
blockquote .author{
	display: inline;
	margin: 0 auto;
	padding: 0 22px;
	
	background: #fefc44;
	border-top: 4px solid #fefc44;
	border-bottom: 4px solid #fefc44;
	
	font-family: 'FranklinGothicCompressed', Arial, sans-serif;
	font-size: 15px;
	line-height: 1em;
	color: black;
	text-transform: uppercase;
	text-align: right;
}



@media screen and (max-width: 750px) {
	blockquote .author{
		text-align: center;
		color: #969696;
	}
}

p{
	margin: 15px 0;
}

.our-vision .mobile{
	display: none;
}

@media screen and (max-width: 750px){
	.our-vision .mobile{
		display: block;
	}
	.our-vision .desktop{
		display: none;
	}	
}

.columns-content-box p,
.columns-content-box .paragraph,
.single-content-column p,
.single-content-column .paragraph, 
.double-content-columns p, 
.double-content-columns .paragraph, 
.tripple-content-columns p,
.tripple-content-columns .paragraph{
	margin: 15px 0 0 0;
}

.double-content-columns p:first-child,
.double-content-columns .paragraph:first-child{
	margin-top: 0;
}

form p{
	margin: 10px 0;
}


.columns-content-box p:first-child, .single-content-column  p:first-child, 
.double-content-column  p:first-child, .tripple-content-column  p:first-child{
	margin-top: 0;
}

blockquote p{
	margin: 0;
}

/* ------------------------------------------------ */

a{
	color: #111111;
}

a.bulleted-anchor{
	padding-left: 12px;
	font-family: 'DidotItalic', Arial, sans-serif;
	background: transparent url("/image_assets/anchor-bullet.gif") no-repeat left center;
	text-decoration: none;
}

a.with-arrow{
	font-family: 'DidotItalic', Arial, sans-serif;
	font-size: 16px;
	text-decoration: none;
	padding-right: 10px;
	background: transparent url("/image_assets/black-arrow-right.png") no-repeat right center;
}

a.with-arrow span{
	border-bottom: 2px solid #fefc44;
}

a.with-arrow:hover span{
	border-color: #111111;
}

#footer a{
	color: white;
}

a:hover{
	text-decoration: none;
}

a.bulleted-anchor:hover{
	text-decoration: underline;
}

a img{
	border: 0;
}


a.img-box{
	display: block;
	position: relative;
	overflow: visible;
	margin: 0 auto;
	text-decoration: none;
}

.tripple-content-columns a.img-box{
	width: 165px;
}

a.img-box .img{
	display: block;
	margin: 0 auto;
}

a.img-box .cross{
	display: block;
	opacity: 0;
	width: 116px;
	height: 116px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -58px 0 0 -58px;
	background: transparent url("/image_assets/img-box-cross.png") no-repeat 0 0;
	
	-webkit-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	-ms-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}

.ie7 a.img-box .cross, .ie8 a.img-box .cross{
	display: none;
}

a.img-box:hover .cross{
	opacity: 1;
}

.ie7 a.img-box:hover .cross, .ie8 a.img-box:hover .cross{
	display: block;
	cursor: pointer;
}

a.img-box .cross .label{
	display: block;
	width: 100%;
	height: 22px;
	line-height: 22px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -11px;
	
	font-family: "FGExtraCompressedDemi", Arial, sans-serif;
	font-size: 21px;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-align: center;
	
	
}

a.img-box .cross .divider{
	display: block;
	width: 24px;
	height: 4px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 15px 0 0 -12px;
	background-black;
}






/* ------------------------------------------------ */

table{
	border-collapse: collapse;
}

th, td{
	padding: 5px;
	border: 1px solid #111111;
}


/* ------------------------------------------------ */


form{
	
}

form#form-enquire{
	margin-top: 25px;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

input[type="text"], textarea{
	padding: 8px;
	margin: 0;
	border: 1px solid #d6d6d7;
	background: white;
	
	font-family: 'DidotItalic', Arial, sans-serif;
	color: #111111;
	font-size: 14px;
	letter-spacing: 0.03em;
	line-height: 1.2em;	
}

input[type="text"].on, textarea.on{
	border-color: #b4b4b5;	
}

#form-enquire input[type="text"], 
#form-enquire textarea{
	width: 165px;
}

#form-enquire #CaptchaV2{
	width: 164px !important;	
}

textarea{
	height: 100px;
}

input.sbmt{
	width: 183px;
	height: 24px;
	background: transparent url("/image_assets/btn-submit-new.gif") no-repeat 0 0;
}


#FirstName{
	background: transparent url("/image_assets/form_label_first_name.gif") no-repeat 5px center;
}

#LastName{
	background: transparent url("/image_assets/form_label_last_name.gif") no-repeat 5px center;
}

#EmailAddress{
	background: transparent url("/image_assets/form_label_email_address.gif") no-repeat 5px center;
}

#WorkPhone{
	background: transparent url("/image_assets/form_label_phone_number.gif") no-repeat 5px center;
}

#CAT_Custom_218006{
	background: transparent url("/image_assets/form_label_comments.gif") no-repeat 5px 2px;
}

#FirstName.not_empty,
#LastName.not_empty,
#EmailAddress.not_empty,
#WorkPhone.not_empty,
#CAT_Custom_218006.not_empty{
	background: transparent;
}



/* --------------------------------------------------------------------------------------------------------------------------------------------------------

	CALL TO ACTIONS
	
*/


.cta{
	position: absolute;
	width: 145px;
	height: 130px;
	margin: 0;
	padding: 0;
	background: transparent url("/image_assets/cta-bkg.png");
}


@media screen and (max-width: 568px) {
	.banners-home .cta{
		display: none;
	}
}

@media screen and (max-width: 480px) {
	.cta{
		width: 125px;	
		height: 112px;
	}
}

.cta.wider{
	width: 165px;
}

a.cta:hover{
	background: black;
}

.cta.right{
	right: 0;
	top: 50%;
	margin-top: -65px;
}

@media screen and (max-width: 480px) {
	.cta.right{
		margin-top: -56px;
	}
}

.cta.bottom{
	bottom: 0;
	left: 50%;
	margin-left: -73px;
}

@media screen and (max-width: 480px) {
	.cta.bottom{
		margin-left: -63px;
	}
}

.cta.bottom.wider{
	margin-left: -83px;
}

.cta .label{
	display: block;
	margin: 0;
	padding: 30px 0 0 0;
	
	font-family: 'DidotItalic', Arial, sans-serif;
	font-size: 17px;
	color: white;
	line-height: 24px;
	text-align: center;
	text-transform: none;
}

@media screen and (max-width: 480px) {
	.cta .label{
		font-size: 17px;
		padding-top: 25px;
		line-height: 12px;
	}
}

.cta .label span{
	display: block;
	margin-top: 5px;
	
	font-family: "FGExtraCompressedDemi", Arial, sans-serif;
	font-size: 28px;
	line-height: 1em;
	letter-spacing: 0.01em;
	color: white;
	text-align: center;
	text-transform: uppercase;
}

@media screen and (max-width: 480px) {
	.cta .label span{
		font-size: 26px;
	}
}

.cta .arrow_right{
	display: block;
	margin: 8px auto 0 auto;
	width: 8px;
	height: 14px;
	background: transparent url("/image_assets/cta-arrow-right.png") no-repeat;
}

.cta .arrow_down{
	display: block;
	margin: 10px auto 0 auto;
	width: 14px;
	height: 8px;
	background: transparent url("/image_assets/cta-arrow-down.png") no-repeat;
}

@media screen and (max-width: 480px) {
	.cta .arrow_right,
	.cta .arrow_down{
		margin-top: 5px;
	}
}




/* --------------------------------------------------------------------------------------------------------------------------------------------------------

	LAYOUT
	
*/


#header-inner, #body, #footer-inner, #copyright-inner{
	width: 960px;
	margin: 0 auto;	
	
}

@media screen and (min-width: 319px) {
	#header-inner, #body, #footer-inner, #copyright-inner{
		max-width: none;
	}
}

@media screen and (min-width: 320px) {
	#header-inner, #body, #footer-inner, #copyright-inner{
		width: auto;
		/* max-width: 1920px; 
		max-width: 1600px;*/
	}
}

@media screen and (max-width: 320px) {
	#header-inner, #body, #footer-inner, #copyright-inner{
		width: 320px;
	}
}
.inner-wrapper{
	padding: 0 25px;
	overflow: visible;
	position: relative;
}


@media screen and (max-width: 568px) {
	.inner-wrapper{
		padding: 0 15px;
	}
}


@media screen and (max-width: 320px) {
	.inner-wrapper{
		padding: 0 10px;
	}
}


/* --------------------------------------------------------------------------------------------------------------------------------------------------------

	HEADER 
	
*/

#header{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	
	
	background: transparent url("/image_assets/header-bkg.png");
	
	border-top: 5px solid black;
}

@media screen and (max-width: 768px) {
	#header{
		position: relative;
	}
}

#header-inner{
	
}

#header-inner .inner-wrapper{
	position: relative;
	height: 152px;
	
	overflow: hidden;
	
	-webkit-transition: height 0.3s ease;
	-moz-transition: height 0.3s ease;
	-o-transition: height 0.3s ease;
	transition: height 0.3s ease;
}

.smaller-header #header-inner .inner-wrapper{
	height: 120px;
}

@media screen and (max-width: 568px) {
	#header-inner .inner-wrapper, .smaller-header #header-inner .inner-wrapper{
		height: auto;
		min-height: 96px;
		min-height: 122px;
		overflow: visible;
	}
}


#header .logo{
	position: absolute;
	top: 40px;
	left: 50%;
	z-index: 10;
	width: 219px;
	height: 33px;
	margin: 0 0 0 -109px;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#header.smaller-header .logo{
	width: 165px;
	height: 25px;
	margin-left: -82px;
	top: 25px;
}

@media screen and (max-width: 568px) {
	#header .logo{
		width: 167px;
		height: 25px;
		margin-left: -83px;
		top: 30px;
	}
}


#header .logo a{
	display: block;
	height: 26px;
}

#header.smaller-header .logo a{
	height: 23px;
}

@media screen and (max-width: 568px) {
	#header .logo a{
		height: 23px;
	}
}

#header .logo a img{
	display: block;
	width: 219px;
	height: 33px;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#header.smaller-header .logo a img{
	width: 145px;
	height: 23px;
	
	width: 165px;
	height: 25px;
}

@media screen and (max-width: 568px) {
	#header .logo a img{
		width: 167px;
		height: 25px;
	}
}


/* -----------------------------------------------------------------

	MAIN NAV
	
*/

#main-nav{
	position: absolute;
	top: 82px;
	left: 50%;
	
	height: 22px;
	width: 220px;
	
	margin: 0 0 0 -110px;
	padding: 0;
	
	background: #fefc44;
	
	-webkit-transition: top 0.3s ease;
	-moz-transition: top 0.3s ease;
	-o-transition: top 0.3s ease;
	transition: top 0.3s ease;
	
	overflow: visible;
}

#header.smaller-header #main-nav{
	top: 60px;
}

@media screen and (max-width: 568px) {
	#main-nav{
		top: 66px;
		height: auto;
		width: 170px;	
		margin-left: -84px;
		padding-left: 0;
	}
}
	
#main-nav #menu-link{
	display: none;
	text-align: center;
	
	height: 24px;
	line-height: 26px;
	margin: 0;
	
	font-family: 'FranklinGothicCompressed', Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: black;
	text-transform: uppercase;
}

@media screen and (max-width: 568px) {
	#main-nav #menu-link{
		display: block;
	}
	
	#main-nav.active #menu-link{
		margin: 0 0 7px 0;
	}
}

#main-nav ul.top{
	margin: 0;
	padding: 0;
	position: relative;
	overflow: visible;
}

@media screen and (max-width: 568px) {
	#main-nav ul.top{
		display: none;
	}
	
	#main-nav.active ul.top{
		display: block;
		padding-bottom: 12px;
	}
}

#main-nav li{
	padding: 0;
	margin: 0;
	
	list-style-type: none;
	
	overflow: visible;
}

#main-nav ul li.col{
	position: absolute;
	top: 0;
	height: 22px;
	overflow: visible;
}

#main-nav ul li.nav-work{
	left: 15px;
}

#main-nav ul li.nav-who{
	left: 55px;
}

#main-nav ul li.nav-what{
	left: 89px;
}

#main-nav ul li.nav-how{
	left: 127px;
}

#main-nav ul li.nav-contact{
	left: 160px;
}

#main-nav ul li.nav-shop{
	display: none;
}


@media screen and (max-width: 568px) {
	#main-nav ul li{
		float: none;
		margin: 0;
		padding: 0;
	}
}

@media screen and (max-width: 568px) {
	#main-nav ul li.col{
		position: static;
		height: auto;
	}
	#main-nav ul li.nav-shop{
		display: block;
	}
}

#main-nav a{
	display: block;
	float: left;
	text-decoration: none;
	text-align: center;
}

@media screen and (max-width: 568px) {
	#main-nav a{
		float: none;	
		margin-top: 5px;
	}
	
	#main-nav li:first-child a{
		margin-top: 0;
	}
}

#main-nav a span{
	float: left;
	height: 20px;
	line-height: 23px;
	
	font-family: 'FranklinGothicCompressed', Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0.04em;
	color: black;
	text-transform: uppercase;
	
	border-bottom: 2px solid transparent;
}

#main-nav li.selected > a span,
#main-nav li.on > a span,
#main-nav a:hover span{
	border-color: black;
}

@media screen and (max-width: 568px) {
	#main-nav a span{
		float: none;	
	}
}	

#main-nav ul li ul{
	position: absolute;
	top: 21px;
	left: 0;
	
	height: 28px;
	width: 220px;
	width: 620px;
	
	padding: 0;
	margin: 0;
	
	text-align: center;
	
	display: none;
}

@media screen and (max-width: 568px) {
	#main-nav ul li ul{
		display: none;	
	}
}

#main-nav ul li.nav-work ul{
	left: -15px;
	left: -215px;
}

#main-nav ul li.nav-who ul{
	left: -55px;
	left: -255px;
}

#main-nav ul li.nav-what ul{
	left: -89px;
	left: -289px;
}

#main-nav ul li.nav-how ul{
	left: -127px;
	left: -327px;
}

#main-nav ul li.nav-contact ul{
	left: -160px;
	left: -360px;
}


#main-nav ul li.nav-work.selected ul,
#main-nav ul li.on ul,
#main-nav ul li.col:hover ul{
	display: block;
}

@media screen and (max-width: 568px) {
	#main-nav ul li.nav-work.selected ul,
	#main-nav ul li.on ul,
	#main-nav ul li.col:hover ul{
		display: none;
	}	
}
	
#main-nav ul li ul li{
	line-height: 28px;
	display: inline;
	margin: 0 0 0 4px;
	margin: 0 4px;
}

#main-nav ul li ul li:first-child{
	margin-left: 0;
}

#main-nav ul li ul li a{
	float: none;
	display: inline;
	
	font-family: 'DidotItalic', Arial, sans-serif;
	font-size: 13px;
	line-height: 28px;
	color: #858385;
}

#main-nav ul li ul li a.selected,
#main-nav ul li ul li a:hover{
	color: black;
}

/* -----------------------------------------------------------------

	HEADER UTILITY NAV
	
*/

#header-utilities {
	position: absolute;
	top: 10px;
	right: 25px;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 568px) {
	#header-utilities {
		position: static;
		text-align: center;
 	}
}

#header-utility-nav {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 100%;
}
#header-utility-nav li {
	float: left;
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
}

#header-utility-nav li:first-child{
	margin-left: 0;
}

#header-utility-nav li a{
	display: block;
	font-family: 'FranklinGothicCompressed', Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #b0afaf;
	letter-spacing: 0;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 11px;
	border-bottom: 2px solid #e8e8e8;
}

#header-utility-nav li a:hover{
	border-color: transparent;
}


/* --------------------------------------------------------------------------------------------------------------------------------------------------------

	BODY
	
*/

#body{
	position: relative;
	overflow: hidden;
}


/* ------------------------------------------------------------------------------------------------------------------------

	SUB NAV
	
*/

#sub-nav{
	margin: 0;
	padding: 0;
}

#sub-nav ul{
	margin: 0;
	padding: 0;
}

#sub-nav li{
	margin: 0 0 3px 0;
	padding: 0;
	list-style-type: none;
}

@media screen and (max-width: 750px) {
	#sub-nav li{
		text-align: center;
	}
}

#sub-nav li a{
	/* display: block; */
	
	font-family: 'DidotItalic', Arial, sans-serif;
	font-size: 14px;
	letter-spacing: 0.01em;
	font-weight: normal;
	font-style: normal;
	color: #8d8c8c;
	
	text-decoration: none;

}



#sub-nav li.selected a, #sub-nav li a:hover{
	color: #231f20;
	border-bottom: 2px solid #FEFC46;
}

#sub-nav li a:hover{
	border-color: #111111;
}


/* ------------------------------------------------------------------------------------------------------------------------

	COLUMNS
	
*/


.columns {
	position: relative;
	min-height: 10px;
	width: 102.74%; /* 935 @ 910 */
	margin-right: -2.74%; /* 25 @ 910 */
	margin-bottom: 80px;
}

.columns.columns-mb-0 {
	margin-bottom: 0;
}

.columns.equalised,
.columns.equalised-streched{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto; 
}

.columns.equalised-streched{
	max-width: 100%;
}


@media screen and (max-width: 750px) {
	.columns{
		width: auto;
		margin: 0;
	}
}


@media screen and (max-width: 320px) {
	.columns{
		margin: 0;
	}
}

.column-left{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	height: 100%;
	min-height: 10px;
	width: 8.45%; /* 79 @ 935 */
}

.columns.equalised .column-left{
	position: static;
	float: left;
	height: auto;
}

@media screen and (max-width: 700px) {
	.column-left{
		width: 11.95%;
	}	
}

@media screen and (max-width: 750px) {
	.column-left{
		position: static;
		height: auto;
		width: auto;
		margin: 20px 0 30px 0;
	}
	
	.columns.equalised .column-left{
		float: none;
	}
}

@media screen and (max-width: 568px) {
	.column-left{
		margin: 0 0 30px 0;
	}
}

.column-middle{
	position: absolute;
	top: 0;
	left: 8.45%; /* 79 @ 935 */
	z-index: 3;
	height: 100%;
	min-height: 10px;
	width: 40%; /* 376 @ 935 */
	overflow: visible;
}

.columns.equalised .column-middle{
	position: static;
	height: auto;
	width: auto;
	margin: 0 8.45%;
}

@media screen and (max-width: 700px) {
	.column-middle{
		width: 43.5%;
	}	
	
	.columns.equalised .column-middle{
		margin: 0 11.95%;
		width: auto;
	}
}

@media screen and (max-width: 750px) {
	.column-middle{
		position: relative;
		left: 0;
		top: 0;
		width: auto;
		height: auto;
		margin: 30px 0;
	}
}

@media screen and (max-width: 568px) {
	.column-middle{
		margin: 30px 0;
	}
}

.column-right{
	float: right;
	width: 51.34%; /* 480 @ 935 */
	min-height: 10px;
	position: relative;
	z-index: 2;
}

.columns.equalised .column-right{
	width: 8.45%; /* 79 @ 935 */
}

@media screen and (max-width: 700px) {
	.column-right{
		width: 44.34%;
	}	
	
	.columns.equalised .column-right{
		width: 11.95%;
	}
}

@media screen and (max-width: 750px) {
	.column-right{
		float: none;
		width: auto;
		margin: 30px 0;
	}
}


@media screen and (max-width: 568px) {
	.column-right{
		margin: 0 0 25px 0;
	}
}

.column-right img{
	display: block;
	width: 100%;
	height: auto;
}



/* ------------------------------------------------------------------------------------------------------------------------

	COLUMNS CONTENT BOX
	
*/


.columns-content-box{
	position: absolute;
	top: 0;
	left: 10.6382%; /* 40 @ 376 */
	right: 18.6170%; /* 70 @ 376 */
	overflow: visible;
}

.contact-page-ccb{
	width: 220px;
	left: 50% !important;
	right: auto !important;
	margin-left: -110px;
}

@media screen and (max-width: 750px) {
	.columns-content-box{
		position: relative;
		right: 0;
		left: 0;
	}
}


/* ------------------------------------------------------------------------------------------------------------------------

	CONTENT COLUMS
	
*/


.single-content-column{
	margin: 30px auto;
	width: 340px;
}

@media screen and (max-width: 568px) {
	.single-content-column{
		width: auto;
		margin: 20px 0;
	}
}

.inner-wrapper .single-content-column:first-child{
	margin-top: 0;
}


/* ------------------------------------------------------- */

.double-content-columns{
	margin: 0 auto; 
	width: 82.4175%; /* 750 @ 910 */
	max-width: 780px;
}
	
.double-content-columns .left{
	float: left;
	width: 48%; /* 362 @ 750 */
}

@media screen and (max-width: 650px) {
	.double-content-columns .left{
		float: none;
		width: auto;
	}
}

.double-content-columns .right{
	float: right;
	width: 48%; /* 362 @ 750 */
}

@media screen and (max-width: 650px) {
	.double-content-columns .right{
		float: none;
		width: auto;
	}
}


/* ------------------------------------------------------- */

.tripple-content-columns{
	/*width: 63.7362%;*/ /* 580 @ 910 */
	margin: 30px auto;
	max-width: 580px;
	overflow: visible;
}

@media screen and (max-width: 630px) {
	.tripple-content-columns{
		margin: 0;
	}
}


.tripple-content-columns .divider{
	margin: 5px auto 15px auto;
	width: 24px;
	height: 4px;
	background: #000000;
}

.tripple-content-columns .left, .tripple-content-columns .middle, .tripple-content-columns .right{
	width: 28.4482%; /* 165 @ 580 */
	overflow: visible;
}

.tripple-content-columns .left, .tripple-content-columns .middle{
	float: left;
}

.tripple-content-columns .left{
	margin-right: 7.4137%; /* 43 @ 580 */	
}

.tripple-content-columns .right{
	float: right;
}

@media screen and (max-width: 750px) {
	.tripple-content-columns .left, .tripple-content-columns .middle, .tripple-content-columns .right{
		float: none;
		width: auto;
		margin: 20px 0;
	}
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------

	COLUMN HEADS
	
*/


.col-head-anchor,
.col-head{
	display: block;
	padding-top: 76px;
	text-decoration: none;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
}

.col-head-anchor span,
.col-head span{
	display: block;
	height: 26px;
	line-height: 26px;
	
	font-family: "FGExtraCompressedDemi", Arial, sans-serif;
	font-size: 21px;
	text-transform: uppercase;
	text-align: center;
	
	background: #fefc44;
	background-repeat: no-repeat;
	background-position: 10000px 10000px;
	
	overflow: hidden;
}

.col-head-anchor span span,
.col-head span span{
	display: inline;
	line-height: 28px;
	padding: 0 15px 0 0;
	background: transparent url("/image_assets/black-arrow-right.png") no-repeat right center;
}

/* ------------------------------------------------ */

.col-head-anchor.branding,
.col-head.branding{
	background-image: url("/image_assets/column-head-tag-up.gif");
}

.col-head-anchor.branding:hover,
.col-head.branding:hover{
	background-image: url("/image_assets/column-head-tag-over.gif");
}

.col-head-anchor.branding > span,
.col-head.branding > span{
	background-image: url("/image_assets/column-head-tag-over.gif");
}

/* ------------------------------------------------ */

.col-head-anchor.print,
.col-head.print{
	background-image: url("/image_assets/column-head-book-up.gif");
}

.col-head-anchor.print:hover,
.col-head.print:hover{
	background-image: url("/image_assets/column-head-book-over.gif");
}

.col-head-anchor.print > span,
.col-head.print > span{
	background-image: url("/image_assets/column-head-book-over.gif");
}

/* ------------------------------------------------ */

.col-head-anchor.websites,
.col-head.websites{
	background-image: url("/image_assets/column-head-tablet-up.gif");
}

.col-head-anchor.websites:hover,
.col-head.websites:hover{
	background-image: url("/image_assets/column-head-tablet-over.gif");
}

.col-head-anchor.websites > span,
.col-head.websites > span{
	background-image: url("/image_assets/column-head-tablet-over.gif");
}

/* ------------------------------------------------ */

.col-head-anchor.beans,
.col-head.beans{
	background-image: url("/image_assets/column-head-beans-up.gif");
}

/* ------------------------------------------------ */

.col-head-anchor.eye,
.col-head.eye{
	background-image: url("/image_assets/column-head-eye-up.gif");
}

/* ------------------------------------------------ */

.col-head-anchor.thunder,
.col-head.thunder{
	background-image: url("/image_assets/column-head-thunder-up.gif");
}

/* ------------------------------------------------ */

.col-head-anchor.baloon,
.col-head.baloon{
	background-image: url("/image_assets/column-head-baloon-up.gif");
}

/* ------------------------------------------------ */

.col-head-anchor.arrows,
.col-head.arrows{
	background-image: url("/image_assets/column-head-arrows-up.gif");
}

/* ------------------------------------------------ */

.col-head-anchor.tent,
.col-head.tent{
	background-image: url("/image_assets/column-head-tent-up.gif");
}



/* ------------------------------------------------ */

.col-head-anchor.glenys,
.col-head.glenys{
	background-image: url("/images/team-glenys.jpg");
	padding-top: 130px;
}

.col-head-anchor.rogerio,
.col-head.rogerio{
	background-image: url("/images/team-rogerio.jpg");
	padding-top: 130px;
}


.col-head-anchor.loni,
.col-head.loni{
	background-image: url("/images/team-loni.jpg");
	padding-top: 130px;
}





/* ------------------------------------------------ */

.col-head-anchor.code,
.col-head.code{
	background-image: url("/images/partners-codestudio.jpg");
	padding-top: 90px;
}

.col-head-anchor.omg,
.col-head.omg{
	background-image: url("/images/partners-omg.jpg");
	padding-top: 90px;
}

.col-head-anchor.bc,
.col-head.omg{
	background-image: url("/images/partners-bc.jpg");
	padding-top: 90px;
}


/* --------------------------------------------------------------------------------------------------------------------------------------------------------







/* --------------------------------------------------------------------------------------------------------------------------------------------------------





	BANNERS
	
*/

#banners{
	margin: 0 auto 30px auto;
	/*max-width: 974px;*/
	position: relative;
	background-color: #f0f0f0;
	
	/* max-width: 1234px; */
}
/*

.project-website #banners{
	max-width: 1234px;
}

.project-website #banners,
#banners.with_bkg_size{
	max-width: none;
}
*/

#banners.less-margin{
	margin-bottom: 30px;
}
/*
@media screen and (min-width: 769px) {
	#banners{
		max-width: none;
	}
}
*/

@media screen and (max-width: 768px) {
	#banners{
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 568px) {
	#banners{
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 320px) {
	#banners{
		margin-bottom: 30px;
	}
}

/* --------------------------------------------------------- */

#banners .inner{
	width: 100%;
	height: 440px;
	position: relative;
	overflow: hidden;
}

@media screen and (min-width: 901px) {
	#banners .inner{
		height: 540px;
	}
}

@media screen and (min-width: 1200px) {
	.project-website #banners .inner,
	#banners .inner{
		height: 650px;
	}
}

@media screen and (max-width: 900px) {
	#banners .inner{
		height: 440px;
	}
}

@media screen and (max-width: 768px) {
	#banners .inner{
		height: 360px;
	}
}

@media screen and (max-width: 668px) {
	#banners .inner{
		height: 330px;
	}
}

@media screen and (max-width: 568px) {
	#banners .inner{
		height: 300px;
	}
}

@media screen and (max-width: 480px) {
	#banners .inner{
		height: 250px;
	}
}

@media screen and (max-width: 320px) {
	#banners .inner{
		height: 200px;
	}
}

/* --------------------------------------------------------- */

#banners .banner{
	display: block;
	
	position: absolute;
	top: 0;
	left:0;
	
	width: 100%;
	height: 100%;
	
	background-size: cover;
	background-position: center center;
	
	z-index: 1;
}

#banners .banner:first-child{
	z-index: 20;
}

#banners .banner.vertically-locked,
.project-website #banners .banner.vertically-locked{
	background-color: #f0f0f0;
}

/* --------------------------------------------------------- */

/*
	Default dimensions for images in banner
		width: 1600 
		height: 700
*/

#banners .banner .img{
	position: absolute;
	top: 50%;
	left: 50%;
	
	width: 1006px;
	height: 440px;
	
	margin: -220px 0 0 -503px;
	
}

#banners .banner.vertically-locked .img,
.project-website #banners .banner .img{
	width: 562px;
	height: 440px;
	margin: 0 0 0 -281px;
	top: auto;
	bottom: 0;
}

@media screen and (min-width: 901px) {
	
	#banners .banner .img{
		width: 1234px;
		height: 540px;
		margin: -270px 0 0 -617px;
	}
	
	#banners .banner.vertically-locked .img,
	.project-website #banners .banner .img{
		width: 690px;
		height: 540px;
		margin-left: -345px;
	}
}

@media screen and (min-width: 1200px) {
	#banners .banner.vertically-locked .img,
	.project-website #banners .banner .img{
		width: 831px;
		height: 650px;
		margin: -325px 0 0 -415px;
	}
}

@media screen and (min-width: 1235px) {
	#banners .banner .img{
		width: 1486px;
		height: 650px;
		margin: -325px 0 0 -743px;
	}
}

@media screen and (min-width: 1487px) {
	#banners .banner .img{
		width: 1800px;
		height: 788px;
		margin: -394px 0 0 -900px;
	}
}

@media screen and (min-width: 1801px) {
	#banners .banner .img{
		width: 2102px;
		height: 920px;
		margin: -460px 0 0 -1051px;
	}
}

@media screen and (min-width: 2103px) {
	#banners .banner .img{
		width: 2362px;
		height: 1033px;
		margin: -516px 0 0 -1181px;
	}
}

@media screen and (min-width: 2363px) {
	#banners .banner .img{
		width: 2800px;
		height: 1225px;
		margin: -612px 0 0 -1400px;
	}
}


@media screen and (max-width: 900px) {
	
	#banners .banner .img{
		width: 1006px;
		height: 440px;
		margin: -220px 0 0 -503px;
	}
	
	#banners .banner.vertically-locked .img,
	.project-website #banners .banner .img{
		width: 562px;
		height: 440px;
		margin-left: -281px;
	}
}

@media screen and (max-width: 768px) {
	
	#banners .banner .img{
		width: 823px;
		height: 360px;
		margin: -180px 0 0 -412px;
	}
	
	#banners .banner.vertically-locked .img,
	.project-website #banners .banner .img{
		width: 460px;
		height: 360px;
		margin-left: -230px;
	}
}

@media screen and (max-width: 668px) {
	
	#banners .banner .img{
		width: 754px;
		height: 330px;
		margin: -165px 0 0 -377px;
	}
	
	#banners .banner.vertically-locked .img,
	.project-website #banners .banner .img{
		width: 422px;
		height: 330px;
		margin-left: -211px;
	}
	
}

@media screen and (max-width: 568px) {
	
	#banners .banner .img{
		width: 686px;
		height: 300px;
		margin: -150px 0 0 -343px;
	}
	
	#banners .banner.vertically-locked .img,
	.project-website #banners .banner .img{
		width: 384px;
		height: 300px;
		margin-left: -192px;
	}
}

@media screen and (max-width: 480px) {
	
	#banners .banner .img{
		width: 571px;
		height: 250px;
		margin: -125px 0 0 -285px;
	}
	
	#banners .banner.vertically-locked .img,
	.project-website #banners .banner .img{
		width: 320px;
		height: 250px;
		margin-left: -160px;
	}
}

@media screen and (max-width: 320px) {
	
	#banners .banner .img{
		width: 457px;
		height: 200px;
		margin: -100px 0 0 -228px;
	}
	
	#banners .banner.vertically-locked .img,
	.project-website #banners .banner .img{
		width: 256px;
		height: 200px;
		margin-left: -128px;
	}
}

/* --------------------------------------------------------- */

#banners .anchors{
	position: absolute;
	bottom: 20px;
	left: 50%;
	z-index: 101;
	height: 19px;
}

@media screen and (max-width: 768px) {
	#banners .anchors{
		display: none;
	}	
}

#banners .anchors a{
	float: left;
	margin: 0 0 0 10px;
	width: 11px;
	height: 19px;
	text-indent: -9000px;
	background: transparent url("/image_assets/banners-anchors-bkg-new.png") no-repeat center -19px;
}

#banners .anchors a:first-child{
	margin-left: 0;
}

#banners .anchors a.current, #banners .anchors a:hover{
	background-position: center 0;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------

	CENTERED HEADINGS
	
*/


.centered-heading{
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	
	font-family: 'DidotItalic', Arial, sans-serif;
	
	font-size: 30px;
	line-height: 1em;
	text-align: center;
	text-transform: none;
	
	overflow: hidden;
}

.centered-heading.white{
	color: white;
}

.js .centered-heading{
	top: 50%;
}

@media screen and (max-width: 568px) {
	.centered-heading{
		font-size: 17px;
	}
}

/* --------------------------------------------------------- */

.centered-heading span{
	display: block;
	
	font-family: 'DidotItalic', Arial, sans-serif;
	font-size: 78px;
	line-height: 85px;
	text-transform: uppercase;
}

.centered-heading span.yellow{
	color: #fefc44;
	background: transparent;
}

@media screen and (max-width: 568px) {
	.centered-heading span{
		font-size: 45px;
		line-height: 53px;
	}
}

/* --------------------------------------------------------- */

.centered-heading img{
	display: block;
	margin: 15px auto 0 auto;
}

/* ---------------------- custom centered headings */

.js .centered-heading.branding-agency{
	margin-top: -112px;
}

@media screen and (max-width: 568px) {
	.js .centered-heading.branding-agency{
		margin-top: -64px;
	}
}

/* --------------------------------------------------------- */

.centered-heading.bright-ideas{
	margin-top: -95px;
	font-family: 'DidotItalic', Arial, sans-serif;
	font-size: 65px;
	line-height: 55px;
	color: black;
	text-transform: uppercase;
	
	
}

.centered-heading.bright-ideas span{
	display: block;
	font-family: "FGExtraCompressedDemi", Arial, sans-serif;
	font-size: 180px;
	line-height: 150px;
	letter-spacing: 0.02em;
}

@media screen and (min-width: 1200px) {
	
	.centered-heading.bright-ideas{
		margin-top: -132px;
		font-size: 85px;
		line-height: 72px;
	}
	
	.centered-heading.bright-ideas span{
		font-size: 235px;
		line-height: 195px;
	}
}

@media screen and (max-width: 940px) {
	
	.centered-heading.bright-ideas{
		margin-top: -85px;
		font-size: 50px;
		line-height: 55px;
	}
	
	.centered-heading.bright-ideas span{
		font-size: 145px;
		line-height: 100px;
	}
}

@media screen and (max-width: 750px) {
	
	.centered-heading.bright-ideas{
		margin-top: -95px;
		font-size: 65px;
		line-height: 55px;
	}
	
	.centered-heading.bright-ideas span{
		font-size: 180px;
		line-height: 150px;
	}
}

@media screen and (max-width: 430px) {
	
	.centered-heading.bright-ideas{
		margin-top: -66px;
		font-size: 35px;
		line-height: 35px;
	}
	
	.centered-heading.bright-ideas span{
		font-size: 100px;
		line-height: 75px;
	}
}

/* --------------------------------------------------------- */


.centered-heading.distinctive-design{
	margin-top: -65px;
	font-family: 'DidotItalic', Arial, sans-serif;
	font-size: 38px;
	line-height: 55px;
	color: black;
	text-transform: uppercase;
	
	
}

.centered-heading.distinctive-design span{
	display: block;
	font-family: "FGExtraCompressedDemi", Arial, sans-serif;
	font-size: 145px;
	line-height: 100px;
	letter-spacing: 0.02em;
}

@media screen and (min-width: 1200px) {
	.centered-heading.distinctive-design{
		margin-top: -50px;
		font-size: 46px;
		line-height: 60px;
	}
	
	.centered-heading.distinctive-design span{
		font-size: 175px;
		line-height: 125px;
	}
}

@media screen and (max-width: 940px) {
	.centered-heading.distinctive-design{
		margin-top: -72px;
		font-size: 28px;
		line-height: 67px;
	}
	
	.centered-heading.distinctive-design span{
		font-size: 110px;
		line-height: 85px;
	}
}

@media screen and (max-width: 750px) {
	.centered-heading.distinctive-design{
		margin-top: -65px;
		font-size: 38px;
		line-height: 55px;
	}
	
	.centered-heading.distinctive-design span{
		font-size: 145px;
		line-height: 100px;
	}
}

@media screen and (max-width: 430px) {
	.centered-heading.distinctive-design{
		margin-top: -40px;
		font-size: 19px;
		line-height: 34px;
	}
	
	.centered-heading.distinctive-design span{
		font-size: 70px;
		line-height: 52px;
	}
}



/* ------------------------------------------------------------------------------------------------------------------------

	CONTENT NAV
	
*/


.content_nav ul{
	margin: 40px 0;
	padding: 0;
	text-align: center;
}

@media screen and (max-width: 568px) {
	.content_nav ul{
		margin: 20px 0;
	}
}

.content_nav li{
	list-style-type: none;
	margin: 0 18px;
	padding: 0;
	display: inline;
}

@media screen and (max-width: 568px) {
	.content_nav li{
		margin: 0 7px;
	}
	
	.content_nav li:first-child{
		margin-left: 0;
	}
	
	.content_nav li:last-child{
		margin-right: 0;
	}
}

.content_nav li a{
	font-family: "FGExtraCompressedDemi", Arial, sans-serif;
	color: #231f20;
	font-size: 29px;
	line-height: 36px;
	text-transform: uppercase;
	text-decoration: none;
	
	border-bottom: 5px solid transparent; 
}

.content_nav li.selected a,
.content_nav li a:hover{
	border-color: #231f20; 
}


/* ----------------------------------------------------------------------------------------

	PROJECTS
	
*/

.projects{
	margin: 30px auto 20px auto;
	padding: 0;
	/*max-width: 1222px;*/
	max-width: 1242px;
}

@media screen and (max-width: 768px) {
	.projects{
		margin: 20px auto 0 auto;
	}
}

@media screen and (max-width: 668px) {
	.projects{
		margin: 30px auto;
		width: 96.2783%; /* 595 @ 618 */
	}
}

@media screen and (max-width: 568px) {
	.projects{
		margin: 30px auto;
	}
}

.project{
	float: left;
	width: 31.4285%; /* 286 @ 910 */
	margin-right: 2.8571%; /* 26px @ 910 */
	padding: 0 0 23px 0;
	overflow: hidden;
}

@media screen and (min-width: 1024px) {
	.project{
		width: 22.9979%; /* 224 @ 974 */
		margin-right: 2.6694%; /* 26 @ 974 */
	}
}


@media screen and (max-width: 768px) {
	.project{
		width: 31.2412%; /* 224 @ 717 */
		margin-right: 3.1%; /* 23px @ 717 */
	}
}

@media screen and (max-width: 668px) {
	.project{
		width: 48.0672%; /* 286 @ 595 */
		margin-right: 3.8655%; /* 23 @ 595 */
	}
}

@media screen and (max-width: 568px) {
	.project{
		float: none;
		width: 286px;
		margin: 0 auto;
	}	
}


.project-3, .project-6, .project-9,
.project-12, .project-15, .project-18,
.project-21, .project-24, .project-27,
.project-30, .project-33, .project-36,
.project-39, .project-42, .project-45,
.project-48, .project-51, .project-54,
.project-57, .project-60, .project-63,
.project-66, .project-69, .project-72,
.project-75, .project-78, .project-91{
	margin-right: 0;
}

@media screen and (min-width: 1024px) {
	
	.project{
		margin-right: 1.5%;
		/*
		margin-right: 2.6694%;
		*/
	}
	
	.project-4, .project-8, .project-12,
	.project-16, .project-20, .project-24,
	.project-28, .project-32, .project-36,
	.project-40, .project-44, .project-48,
	.project-52, .project-56, .project-60,
	.project-64, .project-68, .project-72,
	.project-76, .project-80, .project-84{
		margin-right: 0;
	} 
}

@media screen and (max-width: 768px) {
	
	.project{
		margin-right: 2.6694%; /* 26 @ 974 */		
	}
	
	.project-3, .project-6, .project-9,
	.project-12, .project-15, .project-18,
	.project-21, .project-24, .project-27,
	.project-30, .project-33, .project-36,
	.project-39, .project-42, .project-45,
	.project-48, .project-51, .project-54,
	.project-57, .project-60, .project-63,
	.project-66, .project-69, .project-72,
	.project-75, .project-78, .project-91{
		margin-right: 0;
	}
	
	/*
	.project-3, .project-6, .project-9,
	.project-12, .project-15, .project-18{
		margin-right: 0;
	}
	*/
}

@media screen and (max-width: 668px) {
	
	.project{
		margin-right: 2.6694%; /* 26 @ 974 */		
	}
	
	.project-2, .project-4, .project-6,
	.project-8, .project-10, .project-12,
	.project-14, .project-16, .project-18,
	.project-20, .project-22, .project-24,
	.project-26, .project-28, .project-30,
	.project-32, .project-34, .project-36,
	.project-38, .project-40, .project-42,
	.project-44, .project-46, .project-48,
	.project-50, .project-52, .project-54,
	.project-56, .project-58, .project-60,
	.project-62, .project-64, .project-66,
	.project-68, .project-70, .project-72,
	.project-74, .project-76, .project-78,
	.project-80{
		margin-right: 0;	
	}
	
	/* 23 @ 595 */
	/*
	.project-3, .project-9, .project-12, .project-18{
		margin-right: 3.8655%; 		
	}	
	.project-2, .project-4, .project-6,
	.project-8, .project-10, .project-12,
	.project-14, .project-16, .project-18,
	.project-20, .project-22, .project-24{
		margin-right: 0;	
	}
	*/
}

@media screen and (max-width: 568px) {
	.project{
		margin: 0 auto;
	}	
}

.project .img {
	display: block;
	margin-bottom: 14px;
	/*
	width: 286px;
	height: 222px;
	*/
	width: 100%;
	background: #ccc;
	position: relative;
	text-decoration: none;
}

.project .img img {
	display: block;
	width: 100%;
}

.project .img .cover {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*
	background: transparent url("/image_assets/project-hover.png");
	*/
	background: #f2f2f0;	
	-webkit-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-ms-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
	border-left: 1px solid #eceae7;
	border-bottom: 1px solid #ddd7d3;
	/*
	display: table;
	*/
}
/*
.project .img .cover div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 100%;
	width: 100%;
}
*/
.project .img .cover h2,
.project .img .cover h3,
.project .img .cover p {
	display: block;
	text-align: center;
	width: 100%;
	margin: 0 0 10px 0;
	color: #111;
}
.project .img .cover h2.project-title {
	font-size: 24px;
	margin-top: 70px;
	margin-bottom: 5px;
}
.project .img .cover h3,
.project .img .cover p {
	font-size: 16px;
}
.project .img .cover h3 {
	margin-bottom: 15px;
}
.project .img .cover p.btn-view {
	width: 50px;
	font-family: "DidotItalic",Arial,sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	margin: 10px auto;
	padding: 0 5px 2px 0;
	border-bottom: 2px solid #fefc44;
	background: url("/image_assets/cta-arrow-right-black.png") right center no-repeat transparent;
}
.project .img .cover p.btn-view:hover {
	border-bottom-color: #111111;
}


.ie7 .project .img .cover, .ie8 .project .img .cover{
	display: none;
}

.project .img:hover .cover{
	opacity: 1;
}

.ie7 .project .img:hover .cover, .ie8 .project .img:hover .cover{
	display: block;
}

.project .img .cover img{
	display: block;
	width: 100%;
	height: 100%;
}

.project h2{
	margin: 0;
	padding: 0;
}

.project h2 a{
	display: block;
	height: 27px;
	line-height: 27px;
	
	font-size: 25px;
	/* color: #151011; */
	letter-spacing: 0.01em;
	text-align: center;
	text-decoration: none;
}

.project h3{
	margin: 0;
	padding: 0;
	height: 20px;
	line-height: 20px;
	
	font-family: 'DidotItalic', Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-align: center;
	letter-spacing: 0.01em;
}

.projects .pagination{
	display: none;
}


#projects-load-more{
	display: block;
	margin: -10px auto 30px auto;
	padding: 0 0 0 30px;
	width: 120px;
	height: 30px;
	line-height: 30px;
	position: relative;
	
	font-family: 'DidotItalic', Arial, sans-serif;
	font-size: 16px;
	text-decoration: none;
	
}

#projects-load-more.loading{
	background: transparent url("/image_assets/ajax-loader.gif") no-repeat left center;
}

#projects-load-more span{
	border-bottom: 2px solid #FEFC46;
}

#projects-load-more:hover span{
	border-color: black;
}

@media screen and (max-width: 1024px){
	.project .img .cover h2.project-title {
		margin-top: 40px;
	}
}

@media screen and (max-width: 768px){
	.project .img .cover h2.project-title {
		margin-top: 30px;
	}
}

@media screen and (max-width: 568px){
	.project .img .cover h2.project-title {
		margin-top: 70px;
	}
}

@media screen and (max-width: 320px){
	.project .img .cover h2.project-title {
		margin-top: 50px;
	}
}


/* ----------------------------------------------------------------------------------------

	PROJECT DETAILED
	
*/

.project-detailed{
	margin: 30px auto;
}

@media screen and (max-width: 568px){
	.project-detailed{
		margin: 20px auto;
	}
}

.project-detailed .img{
	display: block;
	margin: 30px auto;
	width: 100%;
	max-width: 816px;
}

@media screen and (max-width: 568px){
	.project-detailed .img{
		margin: 20px auto;
	}
}

.project-detailed blockquote{
	margin: 30px auto;
	padding-top: 45px;
	max-width: 750px;
	text-align: center;
	font-size: 39px;
	line-height: 47px;
	
	background: transparent url("/image_assets/double-quotes.png") no-repeat top center;
}

@media screen and (max-width: 568px){
	.project-detailed blockquote{
		font-size: 30px;
		line-height: 34px;
		margin: 20px auto;
	}
}

.project-detailed blockquote .author{
	display: block;
	margin: 10px 0 0 0;
	padding: 0;
	background: transparent;
	border: 0;
	
	font-size: 13px;
	text-transform: none;
	text-align: center;
}

@media screen and (max-width: 750px){
	.project-detailed blockquote .author{
		color: #111111;
	}	
}

.project-detailed .details{
	padding: 40px 4%; /* 40 @ 908 */
	border: 1px solid #dddddd;
	max-width: 1080px;
	margin: 40px auto;
}


@media screen and (max-width: 768px){
	.project-detailed .details{
		padding-top: 20px;
		padding-bottom: 20px;
	}	
}

.project-detailed .details .col-1, .project-detailed .details .col-2,
.project-detailed .details .col-3, .project-detailed .details .col-4{
	float: left;
}



.project-detailed .details .col-1{
	width: 100%; /* 224 @ 828 */
	margin-right: 3%; /* 25 @ 828 */
}

.project-detailed .details .col-2{
	width: 27%; /* 226 @ 828 */	
	margin-right: 6%; /* 50 @ 828 */
}

.project-detailed .details .col-3{
	width: 13%; /* 109 @ 828 */
}

.project-detailed .details .col-4{
	float: right;
	width: 21%; /* 180 @ 828 */
}

@media screen and (max-width: 760px){
	.project-detailed .details .col-1, .project-detailed .details .col-2,
	.project-detailed .details .col-3, .project-detailed .details .col-4{
		float: none;
		margin: 20px 0;
		width: auto;
	}
	
	.project-detailed .details .col-1{
		margin-top: 0;
	}
	
	.project-detailed .details .col-4{
		margin-bottom: 0;
	}
	
}

.project-detailed .details h3{
	margin: 0;
	font-family: 'DidotItalic', Arial, sans-serif;
	font-size: 15px;
	text-transform: none;
	text-align:center;
}

.project-detailed .details p{
	color: #939293;
	line-height: 22px;
	text-align:center;
}

/* ----------------------------------------------------------------------------------------

	BLOG LIST
	
*/


.blog-index{

	margin: 40px auto;
	padding: 40px 0 0 0;
	max-width: 1222px;
	border-top: 1px solid #dcdcde;
}

@media screen and (max-width: 768px){
	.blog-index{
		margin: 20px auto 30px auto;
		padding-top: 30px;
	}
}

@media screen and (max-width: 668px) {
	.blog-index{
		margin: 10px auto;
		padding-top: 10px;
	}
}


.blog-index ul{
	margin: 0 auto;
	padding: 0;
	max-width: 1000px;
}

.blog-index .entry{
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 31.5384%; /* 287 @ 910 */
	margin-left: 2.6373%; /* 24 @ 910 */
	display: inline;
}

@media screen and (max-width: 668px) {
	.blog-index .entry{
		float: none;
		width: auto;
		margin: 30px auto;
		display: block;
	}
}

.blog-index .entry:first-child{
	margin-left: 0;
}

.blog-index .entry .img{
	float: left;
	width: 58px;
	height: 58px;
	overflow: hidden;
	position: relative;
}

@media screen and (max-width: 768px){
	.blog-index .entry .img{
		float: none;
		display: block;
		margin: 0 auto;
	}	
}

.blog-index .entry .img .cover{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent url("/image_assets/project-hover.png");
	
	-webkit-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-ms-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}

.ie7 .blog-index .entry .img .cover, .ie8 .blog-index .entry .img .cover{
	display: none;
}

.blog-index .entry .img:hover .cover{
	opacity: 1;
}

.ie7 .blog-index .entry .img:hover .cover, .ie8 .blog-index .entry .img:hover .cover{
	display: block;
}



.blog-index .entry .details{
	margin-left: 32.0557%; /* 92 @ 287 */
	margin-left: 85px;
	max-width: 180px;
}

@media screen and (max-width: 768px){
	.blog-index .entry .details{
		margin: 15px 0 0 0;
		max-width: none;
	}
}

.blog-index .entry .details h2{
	margin: 0;
	padding: 0;
	
	font-family: 'DidotItalic', Arial, sans-serif;
	font-size: 17px;
	line-height: 1em;
	text-transform: none;
}

.blog-index .entry .details h2 a{
	text-decoration: none;
	display: block;
	text-align: center;
}

.blog-index .entry .details .divider{
	margin: 10px auto;
	height: 1px;
	width: 43px;
	background: #d9d8d9; 
}

.blog-index .entry .details p{
	text-align: center;
	color: #a7a6a6;
	font-size: 12px;
	margin: 0;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------

	FOOTER
	
*/


#footer{
	position: relative;
	overflow: hidden;
	background: black;
}

#footer .inner-wrapper{
	padding-top: 56px;
}


#footer .contact{
	border-bottom: 1px solid #39393a;	
	padding-bottom: 58px;
	margin-bottom: 50px;
}

@media screen and (max-width: 690px) {
	#footer .contact{
		margin-bottom: 35px;
		padding-bottom: 30px;
	}
}

#footer .contact h2{
	margin: 0 0 29px 0;
	position: relative;
	
	font-family: 'DidotItalic', Arial, sans-serif;
	font-size: 39px;
	line-height: 1em;
	color: white;
	text-align: center;
	
	padding: 0 0 30px 0;
}

#footer .contact h2 span{
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	height: 4px;
	width: 116px;
	margin-left: -58px;
	background: white;
	
}

#footer .contact p{
	margin: 0;
	color: white;
	font-size: 15px;
	line-height: 1em;
	text-align: center;
}

#footer .contact p a{
	margin-right: 15px;
	text-decoration: none;
	border-bottom: 1px solid black;
}

@media screen and (max-width: 690px) {
	#footer .contact p a{
		
		
	}
}

#footer .contact p a:hover{
	border-bottom: 1px solid #676767;
}

@media screen and (max-width: 690px) {
	#footer .contact p .phone{
		display: block;
		margin-bottom: 10px;
	}
}




/* -----------------------------------------------------------------

	FOOTER NAV
	
*/

#footer_nav{
	margin: 0 auto 40px auto;
	padding: 0;
	max-width: 630px;
}

@media screen and (max-width: 690px) {
	#footer_nav{
		margin-bottom: 30px;
	}	
}

#footer_nav .col{
	float: left;
	margin: 0;
	padding: 0;
	width: 16%;
	list-style-type: none;
}

#footer_nav .col-home{
	display: none;
}

@media screen and (max-width: 690px) {
	#footer_nav .col-home{
		display: block;
	}
	
	#footer_nav .col{
		float: none;
		width: auto;
		margin-top: 10px;
	}
	
	#footer_nav .col:first-child{
		margin-top: 0;
	}
}

#footer_nav .head{
	display: block;	
	font-family: "FGExtraCompressedDemi", Arial, sans-serif;
	font-weight: normal;	
	font-style: normal;
	color: white;
	text-transform: uppercase;
	line-height: 1em;
	font-size: 22px;
	text-decoration: none;
	text-align: center;
}

#footer_nav ul{
	margin: 10px 0 0 0;
	padding: 0;
}	

@media screen and (max-width: 690px) {
	#footer_nav ul{
		display: none;
	}
}

#footer_nav ul li{
	margin: 5px 0;
	list-style-type: none;
	text-align: center;
}

#footer_nav ul li a{
	margin: 0;
	padding: 0;
	font-family: 'DidotItalic', Arial, sans-serif;
	font-size: 13px;
	line-height: 1em;
	color: white;
	text-decoration: none;
	text-align: center;
	border-bottom: 2px solid transparent;
}

#footer_nav ul li a:hover{
	border-color: #a3a3a3;
}


/* -----------------------------------------------------------------

	FOOTER UTILITY NAV
	
*/


.footer-utility-nav {
	display: none;
	border-top: 1px solid #39393a;
	margin: 45px 0 0 0;
	padding: 22px 0;
	text-align: center;
}

@media screen and (max-width: 690px) {
	.footer-utility-nav {
		display: block;
		margin-top: 30px;
	}
}

.footer-utility-nav li{
	display: inline;
	list-style-type: none;
	margin: 0 3px;
	padding: 0;
}

.footer-utility-nav li a{
	font-size: 13px;
	text-transform: uppercase;
	border-bottom: 1px solid black;
	text-decoration: none;
	letter-spacing: 0.02em;
}

.footer-utility-nav li a:hover{
	border-bottom: 1px solid #676767;
}



/* --------------------------------------------------------------------------------------------------------------------------------------------------------

	COPYRIGHT
	
*/


#copyright{
	background: #1c1c1c;
}

#copyright .inner-wrapper{
	padding: 15px 0;
	text-align: center;
}


#copyright .inner-wrapper p{
	margin: 0;
	
}

#copyright .inner-wrapper p, #copyright .inner-wrapper p a{
	font-family: 'DidotItalic', Arial, sans-serif;
	font-size: 13px;	
	letter-spacing: 0.01em;
	font-weight: normal;
	font-style: normal;
	color: #6c6c6c;
	text-decoration: none;
}


/* --------------------------------------------------------------------------------------------------------------------------------------------------------

	SERVICES
	
*/

.services h2{
	font-family: 'DidotItalic', Arial, sans-serif;
	font-size: 16px;
	line-height: 1em;
	text-transform: none;
	margin-bottom: 10px;
}

.services ul{
	margin: 0;
	padding: 0;
	
}

.services ul li{
	margin: 5px 0;
	padding: 0;
	list-style-type: none;
}


/* --------------------------------------------------------------------------------------------------------------------------------------------------------

	GENERIC 
	
*/

/* float clearer cross-browser */ 
.hasFloat:after{content: '.';height: 0;display: block;clear: both;visibility: hidden;}
*:first-child+html .hasFloat, *:first-child+html .hasFloat{min-height: 1px;}
* html .hasFloat{height: 1%;}


.divider{
	display: block;
	width: 120px;
	height: 4px;
	margin: 20px auto;
	background: black;
}

.divider.after-blockquote{
	margin: 30px auto;
}

.yellow{
	background-color: #fefc44;
}

.txt-pad{
	padding: 0 5px;
}

.centered-text{
	text-align: center;
}

.heading-divider{
	display: block;
	width: 50px;
	height: 5px;
	background: black;
	margin: 15px auto;
}

.mb-10{margin-bottom: 10px;}

.mb-20{margin-bottom: 20px;}

.mt-10{margin-top: 10px;}

.mt-20{margin-top: 20px;}

.paragraph-label{
	font-family: 'DidotItalic', Arial, sans-serif;
	
}


/* --------------------------------------------------------------------------------------------------------------------------------------------------------

	SHOP
	
*/

#shop .shop-section .tripple-content-columns {
	margin-bottom: 0;
}
#header .cart-summary {
	display: block;
	position: relative;
	float: right;
    margin-left: 10px;
}
#header .cart-summary a.cartSummaryLink,
#header .cart-summary #catCartSummary {
    font-family: "FranklinGothicCompressed",Arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #111111;
	line-height: 100%;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: uppercase;
}
#header .cart-summary a.cartSummaryLink {
	display: block;
	margin: 0;
    border-bottom: 2px solid #111111;
}
#header .cart-summary a.cartSummaryLink:hover {
   border-bottom-color: #fff;
}
#header .cart-summary a#btn-shop {
	position: absolute;
	top: 32px;
	right: 0;	
	height: 70px;
	width: 70px;
	margin: 0;
	border-radius: 50%;
	background: #fefc44;
	color: #111111;	
	font-family: 'DidotItalic', Arial, sans-serif;
	font-size: 19px;
	text-align: center;
	line-height: 70px;
	text-decoration: none;
	text-transform: uppercase;
}
#header .cart-summary a#btn-shop:hover {
	background: #111111;
	color: #fff;
}
.productList:before,
.productList:after {
	content: " ";
	display: table
}
.productList:after {
	clear: both
}
#shop .column-left h2,
#shop .column-left div#sub-nav {
	display: none;
}
#shop .shop-header {
	display: none;
}
#shop .shop-header h3,
#shop .shop-header p {
	font-family: 'DidotItalic', Arial, sans-serif;
}
#shop .shop-header h3 {
	position: relative;
	font-family: 'DidotItalic', Arial, sans-serif;
	font-size: 64px;
	line-height: 1em;
	color: #111111;
	text-align: center;
	padding: 0;
	margin: 0 0 40px 0;
}
#shop .shop-header h3:before {
	position: absolute;
	left: 38%;
	bottom: -10px;
	content: "";
	display: block;
	width: 20%;
	height: 5px;
	background: #111;
}
#shop .shop-header p {
	font-size: 17px;
}
#shop .shop-main {
	margin: 60px 0 0 0;
}
#shop .shop-main ul.productSmall li {
	float: left;
	width: 282px;
	/*
	margin: 0 18px 34px 0;
	*/
	margin: 0 9px 34px 9px;
}
/*
#shop .shop-main ul.productSmall li.productItemLast {
	margin-right: 0;
}
*/
#shop .shop-main ul.productSmall li .shop-product-small {
    background: #fff;
    border: none;
    color: #111111;
}
#shop .shop-main ul.productSmall li .shop-product-small .image,
#shop .shop-main ul.productSmall li .shop-product-small .image a {
	display: block;
	width: 287px;
	height: 424px;
}
#shop .shop-main ul.productSmall li .shop-product-small .image {
    overflow: hidden;
    margin-bottom: 23px;
    overflow: hidden;
}
#shop .shop-main ul.productSmall li .shop-product-small .image a {
	opacity: 1;
}
#shop .shop-main ul.productSmall li .shop-product-small .image a:hover {
	opacity: 0.6;
}
#shop .shop-main ul.productSmall li .shop-product-small h5,
#shop .shop-main ul.productSmall li .shop-product-small p {
	color: #111111;
	text-align: center;
	margin: 0;
}
#shop .shop-main ul.productSmall li .shop-product-small h5 {
	font-family: "FGExtraCompressedDemi", Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	line-height: 1em;
	font-size: 22px;
    min-height: 21px;
    padding: 0;
    margin: 0 0 5px 0;
}
#shop .shop-main ul.productSmall li .shop-product-small p {
	font-family: "DidotItalic",Arial,sans-serif;
}
#shop .shop-main ul.productSmall li .shop-product-small p a {
	display: block;
	width: 50px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	margin: 10px auto 0 auto;
	padding: 0 5px 2px 0;
	border-bottom: 2px solid #fefc44;
	background: url("/image_assets/cta-arrow-right-black.png") right center no-repeat transparent;
}
#shop .shop-main ul.productSmall li .shop-product-small p a:hover {
	border-bottom-color: #111111;
}
#shop .shop-main ul li {
	margin: 0;
}
#shop .shop-main ul li .shop-product-large {
    color: #111;
	width: 100%;
	padding: 0;
    margin: 0;
	border: none;
}
#shop .shop-main ul li .shop-product-large .image {
	float: left;
    width: 40%;
    margin: 0 5% 0 0;
    padding: 0;
    text-align: center;
}
#shop .shop-main ul li .shop-product-large .image #poplets-wrapper {
	display: none;
}
#shop .shop-main ul li .shop-product-large .image img {
    max-width: 100%;
}
#shop .shop-main ul li .shop-product-large .image #poplets {
	margin: 10px 0 0 0;
	padding: 0;
	border: none;
	overflow: hidden;
}
#shop .shop-main ul li .shop-product-large .image #poplets img.imgnav,
#shop .shop-main ul li .shop-product-large .image #poplets table.productPoplets {
	display: inline-block;
}
#shop .shop-main ul li .shop-product-large .image #poplets table.productPoplets {
	margin: 0 10px;
	width: 86%;
}
#shop .shop-main ul li .shop-product-large .image #poplets table.productPoplets td {
	border: none;
	padding: 0;
}
#shop .shop-main ul li .shop-product-large .image #poplets table.productPoplets .productPopletsItem a {
	display: block;
	margin: 0 4px;
}
#shop .shop-main ul li .shop-product-large .image #poplets table.productPoplets td img {
	display: block;
	/*
	margin-right: 9px;
	*/
	border: 1px solid #fff;
	width: 100%;
}
#shop .shop-main ul li .shop-product-large .image #poplets table.productPoplets td img:hover {
	border-color: #111;
}
#shop .shop-main ul li .shop-product-large .image #poplets img.imgnav:hover {
	border-color: #fff;
}
#shop .shop-main ul li .shop-product-large .image #poplets img.imgnav {
	margin: 28px 0;
	border: none;
	cursor: pointer;
}
#shop .shop-main ul li .shop-product-large .details {
    float: right;
    width: 55%;
    padding: 0;
	margin-top: 60px;
	text-align: center;
	background: transparent;
}
#shop .shop-main ul li .shop-product-large .details h1 {
	font-size: 24px;
	text-transform: uppercase;
	margin: 0;
}
#shop .shop-main ul li .shop-product-large .details p.instock {
	margin-top: 10px;
}
#shop .shop-main ul li .shop-product-large .details p.instock .outofstock-message,
#shop .shop-main ul li .shop-product-large .details p.instock.instock-0 .instock-message {
	display: none;
}
#shop .shop-main ul li .shop-product-large .details p.instock.instock-0 .outofstock-message {
	display: block;
}
#shop .shop-main ul li .shop-product-large .details p {
	line-height: 100%;
}
#shop .shop-main ul li .shop-product-large .details p.instock {
	font-family: 'DidotItalic', Arial, sans-serif;
	text-transform: uppercase;
}
#shop .shop-main ul li .shop-product-large .details .quantity,
#shop .shop-main ul li .shop-product-large .details p.short-desc,
#shop .shop-main ul li .shop-product-large .details .description {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
#shop .shop-main ul li .shop-product-large .details p.short-desc {
	line-height: 130%;
}
#shop .shop-main ul li .shop-product-large .details .quantity {
	margin-top: 25px;
	margin-bottom: 25px;
}
#shop .shop-main ul li .shop-product-large .details .quantity input {
	display: inline-block;
}
#shop .shop-main ul li .shop-product-large .details .quantity .productTextInput {
	width: 60px;
	height: 22px;
	text-align: center;
	border: 1px solid #d6d6d6;
	margin-right: 10px;
}
#shop .shop-main ul li .shop-product-large .details .quantity .productSubmitInput {
	display: none;
	font-family: 'DidotItalic', Arial, sans-serif;
	font-size: 16px;
	color: #111;
	width: 120px;
	height: 40px;
	border: none;
	cursor: pointer;
	padding: 0 12px 0 0;
	background: url("/image_assets/cta-arrow-right-black.png") no-repeat scroll 104px 55% #fefc44;
}
#shop .shop-main ul li .shop-product-large .details .quantity .productSubmitInput:hover {
	color: #fff;
	background: url("/image_assets/cta-arrow-right-white.png") no-repeat scroll 104px 55% #111;
}
#shop .shop-main ul li .shop-product-large .details .description {
	margin-top: 30px;
	border-bottom: 1px solid #d6d6d6;
}
#shop .shop-main ul li .shop-product-large .details .description .desc-box h3,
#shop .shop-main ul li .shop-product-large .details .description .desc-box .desc-box-content p {
	color: #a7a5a6;
}
#shop .shop-main ul li .shop-product-large .details .description .desc-box.desc-box-open h3,
#shop .shop-main ul li .shop-product-large .details .description .desc-box.desc-box-open .desc-box-content p {
	color: #111;
}
#shop .shop-main ul li .shop-product-large .details .description .desc-box.desc-box-open .desc-box-content p {
	line-height: 130%;
}
#shop .shop-main ul li .shop-product-large .details .description h3 {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	margin: 20px 0;
	font-family: "FranklinGothicCompressed", Arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
	text-transform: uppercase;
	cursor: pointer;
}
#shop .shop-main ul li .shop-product-large .details .description h3:after{
	position: absolute;
	right: 0;
	top: 50%;
	content: "+";
	display: block;
	width: 10px;
	height: 10px;
	margin-top: -14px;
}
#shop .shop-main ul li .shop-product-large .details .description .desc-box-open h3:after {
	content: "-";
}
#shop .shop-main ul li .shop-product-large .details .description .desc-box {
	border-top: 1px solid #d6d6d6;
}
#shop .shop-main ul li .shop-product-large .details .description .desc-box .desc-box-content {
	display: none;
	margin-bottom: 20px;
}
#shop .shop-main ul li .shop-product-large .details .description .desc-box .desc-box-content {
	margin-top: -15px;
}
#shop .shop-main ul li .shop-product-large .details .description .desc-box .desc-box-content p {
	margin: 0 0 5px 0;
}
#shop .shop-main ul li .shop-product-large .details .description .desc-box .desc-box-content p a {
    font-family: "DidotItalic",Arial,sans-serif;
    font-size: 16px;
	color: #111;
	text-decoration: none;
	text-transform: capitalize;
	padding: 0 12px 2px 0;
	border-bottom: 2px solid #fefc44;
	background: url("/image_assets/cta-arrow-right-black.png") no-repeat scroll right center transparent;
}
#shop .shop-main ul li .shop-product-large .details .social h3 {
	display: block;
	width: 100%;
	padding: 20px 0 10px 0;
	margin: 0;
	font-family: "FranklinGothicCompressed",Arial,sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: #a7a5a6;
	text-transform: uppercase;
}
#shop .shop-main ul li .shop-product-large .details p.back {
	text-align: left;
	text-transform: uppercase;
	text-decoration: none;
}
#shop .shop-main ul li .shop-product-large .details p.back a {
	display: block;
	width: auto;
	padding-left: 16px;
	background: url("/image_assets/cta-arrow-left-black.png") no-repeat scroll left center transparent;
	text-decoration: none;
}
#shop ul.social-likes {
	display: block;
	width: 160px;
	z-index: 1;
	opacity: 0;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.34s ease-in-out;
}
#shop ul.social-likes.open {
	opacity: 1;
}
#shop ul.social-likes li {
	float: left;
	margin: 0 5px;
	padding: 0;
	height: 30px;
	width: 30px;
	background: #a7a5a6;
	border-radius: 50%;
	text-indent: -9999px;
	cursor: pointer;
	background-color: #a7a5a6;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#shop ul.social-likes li:hover {
	background-color: #111;
}
#shop ul.social-likes li.social-likes__widget_twitter {
	background-image: url('/image_assets/icon-twitter.png');
}
#shop ul.social-likes li.social-likes__widget_pinterest {
	background-image: url('/image_assets/icon-pinterest.png');
}
#shop ul.social-likes li.social-likes__widget_facebook {
	background-image: url('/image_assets/icon-facebook.png');
}
#shop ul.social-likes li.social-likes__widget_plusone {
	background-image: url('/image_assets/icon-google_plus.png');
	background-position: 30% 30%;
}

@media screen and (max-width: 768px) {
	#shop .shop-main ul li .shop-product-large .image #poplets-wrapper #poplets {
		display: none;
	}
}

@media screen and (max-width: 568px) {
	#header .cart-summary {
		float: none;
		margin: 10px 0;
	}
	#header-utility-nav,
	a#btn-shop {
		display: none;
	}
	#header .cart-summary a.cartSummaryLink {
		display: inline-block;
	}
	#shop .shop-main ul.productSmall li {
		float: none;
		display: block;
		margin-left: 0;
		margin-right: 0;
	}
	#shop .shop-main ul.productSmall li,
	#shop .shop-main ul.productSmall li .shop-product-small .image,
	#shop .shop-main ul.productSmall li .shop-product-small .image a {
		width: 100%;
	}
	#shop .shop-main ul.productSmall li .shop-product-small .image,
	#shop .shop-main ul.productSmall li .shop-product-small .image a {
		height: auto;
	}
	#shop .shop-main ul.productSmall li .shop-product-small .image img {
		max-width: 100%;
	}	
	#shop .columns.equalised .column-middle {
		margin: 0;
	}	
	#shop .shop-main ul.productLarge {
		margin-top: -60px;
	}
	#shop .shop-main ul li .shop-product-large .image,
	#shop .shop-main ul li .shop-product-large .details {
		display: block;
		float: none;
	}
	#shop .shop-main ul li .shop-product-large .image {
		width: 100%;
		margin: 0;
	}
	#shop .shop-main ul li .shop-product-large .details {
		width: 100%;
		margin-top: 20px;
		min-height: 100px;
	}
	#shop .shop-main ul li .shop-product-large .image #poplets img.imgnav,
	#shop .shop-main ul li .shop-product-large .image #poplets table.productPoplets {
		float: left;
		margin: 0;
	}
	#shop .shop-main ul li .shop-product-large .image #poplets img.imgnav {
		margin-top: 25px;
	}
	#shop .shop-main ul li .shop-product-large .image #poplets table.productPoplets {
		width: 81%;
		overflow: hidden;
		margin: 0 20px;
	}
	#shop .shop-main ul li .shop-product-large .details .quantity,
	#shop .shop-main ul li .shop-product-large .details p.short-desc,
	#shop .shop-main ul li .shop-product-large .details .description {
		width: 100%;
	}	
	#shop .shop-main ul li .shop-product-large .details .social {
		display: none;
	}
	#shop .shop-main ul li .shop-product-large .details p.back {
		text-align: center;
		margin-top: 30px;
	}
	#shop .shop-main ul li .shop-product-large .details p.back a {
		background:	url("/image_assets/cta-arrow-left-black.png") no-repeat scroll 38% center transparent;
	}
}

#full-shopping-cart .col-cart-left {
	float: left;
	width: 65%;
	margin-right: 5%;
}
#full-shopping-cart .col-cart-right {
	float: right;
	width: 30%;
}
#full-shopping-cart table th,
#full-shopping-cart table td {
	border: none;
}
#full-shopping-cart .responsive-table table th {
	padding-bottom: 10px;
	border-bottom: 1px solid #111;
}
#full-shopping-cart .responsive-table {
	min-height: 626px;
	border-bottom: 1px solid #111;
}
#full-shopping-cart .responsive-table table {
	width: 100%;
}
#full-shopping-cart .responsive-table table td {
	vertical-align: top;
}
#full-shopping-cart .responsive-table table th.pname span.item-heading {
	display: none;
}
#product-summary th.quantity {
	width: 40px;
	text-align: center;
	padding-right: 10px;
}
#product-summary tr.val td {
	max-height: 95px;
	overflow: hidden;
}
#product-summary td .productitemcell {
	height: 120px;
	margin: 10px 0;
}
#product-summary td.pname .productitemcell {
	text-align: center;
}
#product-summary td.pimage,
#product-summary td.pimage .productitemcell {
	width: 80px;
	height: auto;
}
#product-summary td.pimage .productitemcell {
	margin-top: 20px;
}
#product-summary td.pimage img {
	max-width: 100%;
	display: block;
	margin: 0;
}
#product-summary td.quantity {
	width: 40px;
	padding-right: 15px;
}
#product-summary td.quantity .productitemcell {
	width: 40px;
	text-align: center;
}
#product-summary td.quantity input {
	border: 1px solid #ccc;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #999;
	width: 20px;
	text-align: center;
}
#product-summary td.ptaxrate {
}
#product-summary td.ptotal {
}
#product-summary td.premove {
}
#product-summary td.premove a {
}
#product-summary td.premove a:hover {
}
#product-summary td.pname .productitemcell,
#product-summary td.quantity .productitemcell,
#product-summary td.ptaxrate .productitemcell,
#product-summary td.ptotal .productitemcell,
#product-summary td.premove .productitemcell {
	margin-top: 20px;
}
#order-summary small {
	display: block;
	font-size: 11px;
	font-style: italic;
	text-align: center;
	margin: 0 auto 16px auto;
}
#discount-area {
	margin-bottom: 10px;
}
#discount-area .disc {
	width: 45%;
}
#discount-area .disc.discount {
	float: left;	
}
#discount-area .disc.voucher {
	float: right;
}
#discount-area .disc input {
	width: 92%;
}
#discount-area label {
	font-style: normal;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	color: #001412;
}
.disc {
	margin-bottom: 10px;
}
.cart-field > input[type=text] {
	width: 100%;
	border: 1px solid #ccc;
	padding: 5px;
}
.update {
	background: #ccc;
	border: 0 none;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	padding: 5px 10px;
}
.shipping-summary {
	margin-bottom: 10px;
}
.shippingDiv {

}
#shippingSpan {
	text-transform: uppercase;
	color: #666;
	font-size: 14px;
	font-weight: 700;
}
#ShippingOptions,
#shippingCountry,
#shippingState {
	width: 100%;
	border: 1px solid #ccc;
	padding-top: 4px;
	padding-bottom: 4px;
}
table#main-summary {
	width: 100%;
	margin: 20px auto;
}
table#main-summary td {
	padding: 0;
}
.checkout-buttons {
	margin-top: 40px;
}
.checkout-buttons a {
	float: left;
	font-family: 'DidotItalic', Arial, sans-serif;
	font-size: 16px;
	color: #111;
	width: 30%;
	height: 40px;
	line-height: 40px;
	border: none;
	cursor: pointer;
	padding: 0 12px;
	margin: 0;
	background: url("/image_assets/cta-arrow-right-black.png") no-repeat scroll 104px 55% #fefc44;
	text-decoration: none;
}
.checkout-buttons a:hover {
	color: #fff;
	background: url("/image_assets/cta-arrow-right-white.png") no-repeat scroll 104px 55% #111;
}
.checkout-buttons a#catshopbuy {
	float: right;
}
.checkout-buttons a#catshopclear {
	padding: 0 12px 0 32px;
	background: url("/image_assets/cta-arrow-left-black.png") no-repeat scroll 10px 55% #fefc44;
}
.checkout-buttons a#catshopclear:hover {
	background: url("/image_assets/cta-arrow-left-white.png") no-repeat scroll 10px 55% #111;
}
.shop-checkout .col-checkout {
	float: left;
	width: 30%;
	margin-right: 3%;
}
.shop-checkout .col-checkout .hide {
	display: none;
}
.shop-form label {
	font-size: 14px;
}
.shop-checkout .col-checkout input.cat_textbox {
	width: 95%;
}
.shop-checkout .col-checkout select.cat_dropdown {
	width: 100%;
}
.shop-checkout .col-checkout textarea {
	width: 93%;
}
.shop-checkout .col-checkout select.cat_dropdown_smaller {
	width: 50%;
}
.shop-checkout .col-checkout textarea {
	height: 70px;
	padding: 10px;
}
.shop-checkout .col-checkout #FirstName,
.shop-checkout .col-checkout #LastName,
.shop-checkout .col-checkout #EmailAddress,
.shop-checkout .col-checkout #WorkPhone {
	background: none !important;
}
#shop .shop-checkout input#Amount {
	font-weight: bold;
	background: url("/img/form-bg.gif") repeat-x scroll left bottom transparent;
    border: 1px solid #929292;
}
#shop .shop-checkout input#catwebformbutton {
	display: block;
	font-family: 'DidotItalic', Arial, sans-serif;
	font-size: 16px;
	color: #111;
	width: 260px;
	height: 40px;
	border: none;
	cursor: pointer;
	padding: 0 12px 0 0;
	background: url("/image_assets/cta-arrow-right-black.png") no-repeat scroll 232px 55% #fefc44;
}
#shop .shop-checkout input#catwebformbutton:hover {
	color: #fff;
	background: url("/image_assets/cta-arrow-right-white.png") no-repeat scroll 232px 55% #111;
}

@media screen and (max-width: 768px) {
	.checkout-buttons a#catshopbuy,
	.checkout-buttons a#catshopclear {
		float: left;
		display: block;
		margin: 0 0 20px 0;
	}
	.checkout-buttons a#catshopbuy {
		width: 160px;
	}
	.checkout-buttons a#catshopclear {
		width: 140px;
	}
}

@media screen and (max-width: 568px) {
	#shop .shop-main ul li .shop-product-large .image img.cycle-slide {
		width: 100%;
	}
	#full-shopping-cart .col-cart-left,
	#full-shopping-cart .col-cart-right,
	.shop-checkout .col-checkout {
		display: block;
		float: none;
		width: 100%;
		margin-right: 0;
	}
	#full-shopping-cart .responsive-table {
		min-height: 10px;
	}
	#product-summary th.pimage,
	#product-summary td.pimage {
		display: none;
	}
	#full-shopping-cart .responsive-table table th.pname span.item-heading {
		display: block;
	}
	#product-summary td .productitemcell {
		height: 70px;
	}
	#product-summary td.quantity input {
		width: 10px;
	}
	.checkout-buttons a#catshopbuy,
	.checkout-buttons a#catshopclear {
		margin: 0;
	}
	.checkout-buttons a#catshopbuy {
		float: right;
		width: 100px;
	}
	.checkout-buttons a#catshopclear {
		float: left;
		width: 80px;
	}
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------

	PORTFOLIO (Refresh - February 2015)

*/

.portfolio-section,
.portfolio-section .tripple-content-columns,
.portfolio-section #projects-load-more {
	margin-bottom: 0;
}
.portfolio-header {
	padding-bottom: 60px;	
}
.portfolio-header h3,
.portfolio-header p {
	font-family: 'DidotItalic', Arial, sans-serif;
}
.portfolio-header h3 {
	position: relative;
	font-size: 64px;
	line-height: 1em;
	color: #111111;
	text-align: center;
	padding: 0;
	margin: 0;
	/*
	margin: 40px 0 0 0;
	*/
}
.portfolio-header h3:before {
	position: absolute;
	left: 38%;
	bottom: -10px;
	content: "";
	display: block;
	width: 20%;
	height: 5px;
	background: #111;
}
.portfolio-header p {
	font-size: 17px;
	margin-top: 30px;
}


@media screen and (max-width: 320px) {
	.project {
		width: 228px;
	}
	.project .img {
		width: 100%;
	}
	.portfolio-header {
		padding-bottom: 10px;
	}
	.portfolio-header h3 {
		font-size: 40px;
	}
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------

	HOME (Refresh - February 2015)
	
*/

#home-flash-banner {
	display: block;
	width: 100%;
	height: 256px;
	background-image: url("/image_assets/home-flash-banner-01.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #f2f2f0;
	background-size: cover;
}
#home-flash-banner p.h2,
#home-flash-banner p.h3 {
    font-family: "DidotItalic",Arial,sans-serif;
    color: #111;
	line-height: 1em;
	text-align: center;
    padding: 0;
	margin: 0;    
}
#home-flash-banner p.h2 {
    font-size: 39px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
    padding: 70px 0 5px 0;
}
#home-flash-banner p.h3 {
    font-size: 25px;
    text-align: center;
}
#home-flash-banner a.btn {
	display: block;
	font-family: 'DidotItalic', Arial, sans-serif;
	font-size: 16px;
	color: #111;
	width: 180px;
	height: 40px;
	line-height: 40px;
	border: none;
	cursor: pointer;
	padding: 0 12px 0 0;
	margin: 30px auto 0 auto;
	background: url("/image_assets/cta-arrow-right-black.png") no-repeat scroll 174px 55% #fefc44;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
#home-flash-banner a.btn:hover {
	color: #fff;
	background: url("/image_assets/cta-arrow-right-white.png") no-repeat scroll 174px 55% #111;
}
#home-projects .project {
	width: 31.3333%;
	height: 300px;
	padding: 0;
	margin-bottom: 18px;
}
#home-projects .projects {
	margin-bottom: 0;
}
#home-projects .project-4,
#home-projects .project-8,
#home-projects .project-12 {	
	margin-right: 1.5%;
}
#home-projects .project-3,
#home-projects .project-6,
#home-projects .project-9 {	
	margin-right: 0;
}
#home-projects .project-7,
#home-projects .project-8,
#home-projects .project-9,
#home-projects .project.project-7 .img,
#home-projects .project.project-8 .img,
#home-projects .project.project-9 .img {
	margin-bottom: 0;
}
#home-projects .project .img .cover h2.project-title {
	margin-top: 110px;
	margin-bottom: 5px;
}
#home-projects .tile-yellow {
	display: table;
	background: #fefc45;
}
#page.ie8 #home-projects .tile-yellow {
	height: 222px;
}
#home-projects .tile-yellow h3 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	margin: 40px 0;
	font-size: 46px;
	line-height: 100%;
	text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
	#home-projects .project .img .cover h2.project-title {
		margin-top: 80px;
	}
	#home-projects .project {
		height: auto;
	}
	#home-projects .project.tile-yellow {
		height: 237px;
	}
}

@media screen and (max-width: 768px) {
	#home-flash-banner {
		height: 153px;
		background-size: contain;
	}
	#home-flash-banner p.h2 {
		padding-top: 20px;
		font-size: 24px;
	}
	#home-flash-banner p.h3 {
		font-size: 22px;
	}
	#home-flash-banner a.btn {
		margin-top: 20px;
	}
	#home-projects .project .img .cover h2.project-title {
		margin-top: 50px;
	}
	#home-projects .project {
		height: auto;
	}
	#home-projects .project.tile-yellow {
		height: 175px;
	}
}

@media screen and (max-width: 800px) {
	#home-projects .project .img .cover h2.project-title {
		margin-top: 50px;
	}
	#home-projects .project {
		height: auto;
	}
	#home-projects .project.tile-yellow {
		height: 183px;
	}
	#home-projects .project.tile-yellow h3 {
		font-size: 32px;
	}
}

@media screen and (max-width: 600px) {
	#home-projects .project.tile-yellow {
		height: 130px;
	}
	#home-projects .project .img .cover h2.project-title {
		margin-top: 20px;
	}
}

@media screen and (max-width: 568px) {
	#home-flash-banner {
		padding: 20px 12px;
		height: auto;
		background-image: none;
	}	
	#home-flash-banner p.h2 {
		font-size: 22px;
		padding: 0 0 5px 0;
	}
	#home-flash-banner p.h3 {
		font-size: 16px;
	}
	#home-flash-banner a.btn {
		margin: 20px auto 0 auto;
	}
	#home-projects .project {
		float: none;
		height: auto;
		width: 286px;
		margin-left: auto;
		margin-right: auto;
	}
	#home-projects .tile-yellow {
		display: none;
	}
	#home-projects .project .img .cover h2.project-title {
		margin-top: 70px;
	}
}


/* --------------------------------------------------------------------------------------------------------------------------------------------------------

	INSTAFEED (Refresh - February 2015)
	
*/

.instafeed-wrapper a.btn {
	display: block;
	font-family: 'DidotItalic', Arial, sans-serif;
	font-size: 16px;
	color: #111;
	width: 190px;
	height: 40px;
	line-height: 40px;
	border: none;
	cursor: pointer;
	padding: 0 12px 0 0;
	margin: 40px auto;
	background: url("/image_assets/cta-arrow-right-black.png") no-repeat scroll 184px 55% #fefc44;
	text-align: center;
	text-decoration: none;
}
.instafeed-wrapper a.btn:hover {
	color: #fff;
	background: url("/image_assets/cta-arrow-right-white.png") no-repeat scroll 184px 55% #111;
}

#instafeed {
	display: block;
	width: 100%;
	height: 150px;
	overflow: hidden;
	white-space: nowrap;
}
#instafeed a {
	display: inline-block;
}
#instafeed a img {
	max-width: 100%;
	height: auto;
	
}

@media screen and (max-width: 568px) {
	#instafeed {
		height: auto;
	}
	#instafeed a {
		width: 33.3333%
	}
}