/*
J&D Signs Ltd. CSS Style
========================

author : 		Web Dandy
author_uri : 	http://www.webdandy.co.uk

*/

/* NORMALIZE */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{font-weight:normal;text-align:left}h1,h2,h3,h4,h5,h6{clear:both;font-weight:normal}html{overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}del{color:#333}ins{background:#ccc;text-decoration:none}hr{background-color:#ccc;border:0;height:1px;margin:24px;margin-bottom:1.714285714rem}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}small{font-size:smaller}img{border:0;-ms-interpolation-mode:bicubic}.clear:after,.wrapper:after,.format-status .entry-header:after{clear:both}.clear:before,.clear:after,.wrapper:before,.wrapper:after,.format-status .entry-header:before,.format-status .entry-header:after{display:table;content:""}.end{font-size:0;height:0;clear:both;display:block;float:none}abbr{cursor:help;border-bottom:1px dotted #000}

/* hide elements */ .commentsp, #mobile-nav{ display: none !important; }

/* COLORS 
	greens		80c65e	499e1f	78b758
	gray		29292a	5f5f60
*/

/* LAYOUT */
body{ background: #29292a; margin: 0; }
	.wrapper, .clear, .slides-container, #page, .slides{ display: block; clear: both; }
	.wrapper{ margin: 0 auto; width: 960px; }	
	#header{ padding-bottom: 18px; }
	.logotype{ width: 21.35416666666667%; float: left; margin: 28px 0 0 20px; }
		.logotype img{ width: 100%; height: auto; }
	#header .content{ width: 67.70833333333333%; float: right; display: block; margin: 63px 18px 0 0; }
	.main{ margin: 50px auto; }
	section{ padding-top: 40px; }
		.recent-work{ background: #499e1f; }
			.recent-work .wrapper{ text-align: center; }
		.contact-section{ padding: 70px 0 50px 0; background: #353537; border-top: 1px solid #303032; border-bottom: 1px solid #5f5f60; }
			.contact-section .col{ width: 47%; }
	.clear{ height: 0; }
	.left{ float: left; }
	.right{ float: right; }
	#footer{ padding: 50px 0 90px 0; }
		#footer .copy, #footer .by{ float: left; }
			#footer .by{ float: right; }
	
/* TYPOGRAPHY */
body{ font-size: 100%; }
	body, textarea, h1, h2, h3, h4, h5, h6, input, textarea{ color: #fff; font-family: 'Lato', sans-serif; font-weight: normal; }
		p, li{ line-height: 1.6em; font-size: .9375em; } /* 15 / 16 */
			p{ margin-bottom: 1.6em; }
			.contact-section{ line-height: 1.28571428571429em; }
		#footer p{ font-size: .875em; } /* 14 / 16 */
		.main ol, .main ul{ margin: 0 0 1.6em 15px; }
		.main ol{ }
			.main ol li{ list-style: inside decimal; text-indent: -15px; }
		.main ul{}
			.main ul li{ list-style: inside disc; text-indent: -12px; }
		.intro{ font-size: 1.125em; line-height: 1.333333em; } /* 18 / 14 */
		.main .addy{ font-size: 1.125em; color: #7ec25b !important; }
		.contact-section .col p{ font-size: .875em; }
		/* headings */
		h1, h2, h3, h4, h5, h6{ color: #fff; }
			h1, .page-title{ color: #78b758; }
			h1, section .title, .page-title{ text-align: center; font-size: 1.875em; line-height: 1.2em; margin-bottom: 30px; } /*30 / 16 */
				section .title{ margin-bottom: 40px; }
			h3{ margin-bottom: 20px; font-size: 1.5em; } /* 24 / 16 */
		/* links */
		a, a:link{ text-decoration: none; color: #7ec25b; }
			.main a{ text-decoration: underline; }
				.main a:hover{ color: #fff; }
			#footer a{ color: #fff; }
				#footer a:hover{ text-decoration: underline; }

/* NAVIGATION */
.navigation{ }
	.navigation ul{ display: table; width: 100%; }
		.navigation li{ display: table-cell; width: 20%; list-style: none; }
			.navigation a{ margin: 0 2px; display: block; text-shadow: 1px 1px 1px #000; box-shadow: 0 0 2px #000; color: #fff; text-align: center; border: 2px solid #499e1f; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: .875em; line-height: 2.14285714285714em; } /* 14 / 16 */
			.navigation a:hover, .navigation .selected a{ background: #80c65e; }
#back-to-top{ font-family: sans-serif !important; border: 2px solid #fff; background: #58973a; padding: .2em 0; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; color: #fff; font-size: 45px; width: 40px; height: 80px; text-align: center; cursor: pointer; position: fixed; bottom: -20px; right: 40px; display: none;  }

/* TYPES & OBJECTS */
#header .contact-info{ height: 54px; color: #80c65e; text-align: right; font-size: 1.5em; line-height: 1em; } /* 24 / 16 */
	#header .contact-info li{ list-style: none; display: inline; padding: 0 5px; }
		#header .contact-info li:before{ content: " | "; }
			#header .contact-info li:first-child:before{ content: ""; }
	#header .contact-info a{ color: #80c65e; }
		#header .contact-info a:hover{ color: #fff; }
			#header .contact-info li.email a{ margin-left: 5px; }
	.gradient{
			background: #80c65e;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiM4MGM2NWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNGE5ZjIwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
			background: -moz-linear-gradient(top,  #80c65e 15%, #4a9f20 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#80c65e), color-stop(100%,#4a9f20)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #80c65e 15%,#4a9f20 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #80c65e 15%,#4a9f20 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #80c65e 15%,#4a9f20 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #80c65e 15%,#4a9f20 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c65e', endColorstr='#4a9f20',GradientType=0 ); /* IE6-8 */
	}
.grid{ margin: 0 0 50px 0; text-align: center; }
	.grid-item{ width: 33.3333%; }
	.grid-item a{ padding: 7px; display: inline-block; }
		.grid-item a img{ width: 100%; height: auto; float: left; }
	
	
form{ }
	form p{ clear: both; display: block; }
	form label{ color: #7ec25b; float: left; display: inline-block; width: 25%; line-height: 40px; font-size: 14px; }
	form input[type="text"], form textarea{ margin-bottom: 6px; color: #353537; font-size: 14px; border: 0; }
		form input[type="text"]{ float: right; display: inline-block; width: 65%; line-height: 40px; padding: 0 10px; }
		form textarea{ float: right; display: inline-block; width: 65%; padding: 10px; }
	form input[type="button"], form input[type="submit"]{ margin-top: 6px; float: right; cursor: pointer; line-height: 32px; font-size: 12px; min-width: 90px; text-align: center; background: #58973a; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 0; }

.slides, .image-header{ background: #80c65e; margin: 43px auto; }
	.slides-container, .image-header img{ position: relative; -webkit-box-shadow: 1px 6px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 6px 3px 0px rgba(0,0,0,0.75); box-shadow: 1px 6px 3px 0px rgba(0,0,0,0.75); margin: -43px auto; border: 2px solid #7bb360; background: #80c65e; }
	.image-header img{ width: 100%; height: auto; }

/* PLUGINS */
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100% !important;
	border: 0;
}
.slides-container .nav{ width: 100%; z-index: 99; position: absolute; font-size: 78px; height: 100%; }
	.rslides_nav.prev, .rslides_nav.next{ margin-top: 19%; background: transparent url(images/sprite.png) 0 0 no-repeat; text-indent: -99999; font-size: 0; display: inline-block; height: 79px; width: 47px; }
		.rslides_nav.prev{ float: left; margin-left: 20px; }
		.rslides_nav.next{ float: right; margin-right: 20px; background-position: -49px 0; }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('images/plugins/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('images/plugins/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('images/plugins/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('images/plugins/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('images/plugins/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/* BREAKPOINTS */
@media screen and (max-width: 1023px){
	.wrapper{ width: auto; padding: 0 5%; }
}
@media screen and (max-width: 847px){
	.wrapper{ padding: 0 5.42452830188679%; }
	/*.contact-section .wrapper, #footer .wrapper{ padding-right: 18%; } */
	.logotype{ margin: 15px 0 0 0; width: 22.7931488801054%; min-width: 160px; }
	.slides, .image-header{ margin: 0; }
		.slides .wrapper, .image-header .wrapper{ padding: 0; }
			.slides-container, .image-header img{ margin: 0; box-shadow: none; border-left: 0; border-right: 0; }
	/* hide */ #primary-navigation{ display: none; }
	#mobile-nav{ display: block !important; position: absolute; z-index: 99999; top: 0; right: 0; width: 100%; font-size: 1em; }
		#mobile-nav>div{ display: none; position: absolute; z-index: 9999; width: 100%; right: 0; top: 62px; background: #499e1f; }
		#mobile-nav ul{ background: none; margin: 0; padding: 0; width: 100%; display: block; position: relative !important; text-align: left !important; }
		#mobile-nav>ul>li{ font-size: 1em; display: block !important; clear: both; float: none !important; }
		#mobile-nav li{ line-height: 40px; padding: 0; width: auto; text-align: left !important; display: block !important; clear: both; float: none !important; border-bottom: 1px solid #fff; }
		#mobile-nav ul a{ padding: 0 10px; display: block; color: #fff; }
			#mobile-nav ul a:hover{ color: #fff; }
			#mobile-nav ul span{ display: none; }
		#mobile-nav ul{ display: block; }
			#mobile-nav li{ list-style: none; display: block; }
			#mobile-nav ul ul{ display: none; box-shadow: none; }
				#mobile-nav ul ul li{ padding-left: 30px; border: 0; }
		#mobile-nav>div>ul{ color: #1e2384; }
		#mobile-nav .current-menu-parent>a, #mobile-nav .current-menu-item>a{ background: #76051e; }
		#nav-mini-button{ position: absolute; right: 5.3%; top: 20px; z-index: 9; background: #499e1f; width: 29px; height: 27px; padding: 7px 9px; display: block; }
			#nav-mini-button span{ background: #fff; float: left; height: 5px; margin: 2px; display: block; width: 25px; }
	#header .content{ margin: 85px 0 0 0; width: auto; }
		#header .contact-info{ height: auto; }
			#header .contact-info li{ line-height: 1em; display: block; padding: 0 5px; text-align: right; }
				#header .contact-info li:before{ content: ""; }
	h1, section .title, .page-title{ font-size: 1.5em; margin-bottom: 30px; } /* 24 / 16 */
	.contact-section .col{ width: 100%; display: block; }
		.contact-section .col.left{ border-bottom: 1px solid #59595a; padding-bottom: 35px; }
		.contact-section .col.right{ padding-top: 35px; }
	#footer .copy, #footer .by{ clear: both; text-align: left; float: none; margin-bottom: 5px; }
	.grid{ margin-left: 0 !important; }
	.grid-item{ width: 50%; }
}
@media screen and (max-width: 519px){
	.wrapper{ padding: 0 6.25%; }
	/*.contact-section .wrapper, #footer .wrapper{ padding: 0 10%; }*/
	.slides-container .nav{ display: none; }
	#header .content{ float: none; }
	#header .contact-info li{ clear: both; text-align: center; line-height: 1.4em; }
	h1, section .title, .page-title{ font-size: 1.25em; }
	p, li{ font-size: .875em; }
	.intro{ font-size: 1em; }
	.grid-item{ width: 100%; }
		.grid-item a{ padding: 7px 0; }
}
@media screen and (max-width: 400px){
	.contact-section .wrapper, #footer .wrapper{ padding: 0 5%; }
}