#mainNav { position:fixed; top:0; left:0; bottom:0; right:0; display:none; }
#mainNav ul { list-style:none; margin:0 0 30px 0; padding:0; text-align:center; }
#mainNav li { margin:0 }
#mainNav li a { display:block; padding:1.5% 3%; color:#FE4438; text-decoration:none; }
#mainNav li a:hover, #mainNav li a.current { color:#FFF;  }

#mainNav li, #mainNav p { position:relative; }


@keyframes lets-work-together-rotation {
	from { transform:rotate(0deg); }
	to { transform:rotate(360deg); }
}

#letsworktogethertext { animation-name: lets-work-together-rotation; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; }



#standout img { transition-duration: 0.3s; }
#standout img:hover { transform: scale(1.1); }

.workItem.small { width:48.75%; float:left; clear:none; }
.workItem.right { float:right; }
.workItem .rolloverImage { position:absolute; left:0; top:0; }


a.buttonLink { display:inline-block; padding:13px; min-width:200px; text-decoration: none; line-height:1; font-size:1.15em; font-family:montserratbold; color:#ff4337;  background:#80FFE5; border:1px solid #80FFE5; }
a.buttonLink:hover { background-image:url(../Resources/button-bg.png); }


#latestNewsInner #latest-news-title { transition-duration: 0.3s }
#latestNewsInner img { transition-duration: 0.3s }

#latestNewsInner:hover #latest-news-title { background:#A6A6A6; }
#latestNewsInner:hover img { transform: scale(1.1); }



	
#projectsWrapper .hoverImage { position:absolute; left:0; top:0; }


p.p-quote:before { content:'“'; font-size:3.33em; line-height:1; color:#fe4438; position:absolute; left:0; top:-0.7em; }
p.p-quote:after { content:'”'; font-size:3.33em; line-height:1;color:#fe4438; position:absolute; right:0; bottom:-0.8em; }



#workNav a.previous, #workNav a.next { display:inline-block; min-height:35px; color:#fe4438; text-decoration:none; }
#workNav a.previous:hover, #workNav a.next:hover { color:#80ffe5; }


a.serviceLink { display:block; padding:19px 60px; min-height:32px; text-align:center; font-family: montserratbold, Verdana, Arial, Helvetica, sans-serif; font-size:1.15em; color:#fe4438; text-decoration:none; background:url(../Resources/concertina-open.png) center right no-repeat; border-top:1px solid #fe4438; }
a.serviceLink.active { background-image:url(../Resources/concertina-close.png); }


#workContent .text p:last-child { margin-bottom:0; }




.rolloverEnlarge, .newsItem img { transition-duration: 0.3s; }
.rolloverEnlarge:hover, .newsItem:hover img { transform: scale(1.1); }


input.newsletterField { width:100%; box-sizing:border-box; border:1px solid #000; height:50px; line-height: 50px; padding: 0 20px; background: #FFF; margin:0; }
input.newsletterSubmit { padding:13px; min-width:200px; line-height:1; font-size: 1.15em; font-family:montserratbold; color:#FFF;  background:#fe4438; border:1px solid #fe4438; margin:0; }
input.newsletterSubmit:hover { color:#fe4438; background:#FFF; }

input.newsletterField::-webkit-input-placeholder { color: #fe4438; }
input.newsletterField::-moz-placeholder { color: #fe4438; }
input.newsletterField:-ms-input-placeholder { color: #fe4438 !important; }
input.newsletterField:-moz-placeholder { color: #fe4438; opacity: 1; }



label.error { display:block; color:#C00; padding-top:4px; }
input.error, textarea.error { background:#F5CCCC; }



.scrollFade { opacity:0; transform: translate(0, 200px); transition-duration:0.8s; transition-delay: 0.3s; }
.scrollFade.faded { opacity:1; transform:translate(0,0); }


input[type='checkbox'] { width:1.2em; height:1.2em; border:1px solid #ccc; background:#fff; top:2px; margin:0 5px 0 0; -webkit-appearance: none; position: relative; cursor:pointer; border-radius:3px; }
input[type='checkbox']:checked { background:#2F6FFC url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' focusable='false' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M173.9,439.4L7.5,273c-10-10-10-26.2,0-36.2l36.2-36.2c10-10,26.2-10,36.2,0L192,312.7L432.1,72.6 c10-10,26.2-10,36.2,0l36.2,36.2c10,10,10,26.2,0,36.2L210.1,439.4C200.1,449.4,183.9,449.4,173.9,439.4L173.9,439.4z'/%3E%3C/svg%3E%0A") center center no-repeat; border:none; background-size:70%; }

input[type='checkbox'].switch { width: 3rem; top:0.5rem; border-radius: 100px; border:0.125rem solid #CCC; height: 1.5rem; transition-duration:0.3s; background:#CCC; box-sizing:content-box; }
input[type='checkbox'].switch:after { content:''; position:absolute; transition-duration:0.1s; width:1.5rem; height:1.5rem; border-radius:100px; background:#FFF; left:0; top:0; border: 0.125rem solid #CCC; margin-left: -0.125rem; margin-top: -0.125rem;}
input[type='checkbox'].switch:checked { background:#34c659; border-color:#34c659; }
input[type='checkbox'].switch:checked:after { left:100%; margin-left:-1.625rem; border-color:#34c659; }



/* Retina backgrounds */

@media (-webkit-min-device-pixel-ratio:1.3), (-o-min-device-pixel-ratio:13/10), (min-resolution:125dpi)
{


a.buttonLink:hover { background-image:url(../Resources/button-bg@2x.png); background-size:540px 200px }


a.serviceLink { background-image:url(../Resources/concertina-open@2x.png); background-size: 55px 55px; }
a.serviceLink.active { background-image:url(../Resources/concertina-close@2x.png); }




}




/* Cookies */

.cookieTable { margin-bottom:15px; width:100%; }
.cookieTable th, .cookieTable td { padding:2px 10px 2px 0; border-bottom:1px solid #999; vertical-align:top; width:auto !important;}
.cookieTable label { white-space:nowrap; padding-left:2px; }

#cookiesBanner input { background:#80ffe5; border:1px solid #fe4438; padding:5px 14px; }
#cookiesBanner input:hover { color:#80ffe5; background:#fe4438; }

#policyContent.fancybox-content { width:96%; max-width:1200px; padding:0; }
#policyContent.fancybox-content #policyText { padding:40px; }
#policyContent.fancybox-content #policyText a { color:#FE4438; text-decoration: none; }
#policyContent.fancybox-content #policyText a:hover { text-decoration:underline; }