@charset "UTF-8";
/* CSS Document */

/* kirkbysigns.co.uk (c) iprogress.co.uk 2014 */

/* Global */
	.alignleft, .imageleft { float:left; margin:0px 20px 10px 0px; }
	.alignright, .imageright { float:right; margin:0px 0px 10px 20px; }
	.aligncenter { display:block;margin:10px auto; }
	.img { border:none; }
	.left { text-align:left; }
	.right { text-align:right; }
	.center { text-align:center; }
	.container, #menu-navigation, #content, footercontent { margin:0 auto; padding:0; width:1170px; }
	.title { font: 1.7em/1.2 "Ruda", serif; }
	.code { font: 0.8em/1.6 Monaco, Mono-Space, monospace; }
	.disabled { pointer-events: none; opacity: 0.5; }
	table tr:nth-child(even) { background: rgba(0,0,0,0.1); }
	#maincontent a { color: #C00; margin: -.5em; padding: .5em; position: relative; text-decoration: none; transition: all 0.3s ease-out; }
	#maincontent a:hover { color: #666; }
	*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.extra { font-weight:900; }
	h1, h2, h3 { color:#C00; font-weight:900; line-height:normal; }
	h1 { font-size:300%; margin:0; padding:0 0 30px 0; }
	h2 { font-size:250%; margin:0; padding:25px 0; }
	h3 { font-size:200%; margin:0; padding:20px 0; }
	iframe {border:0px;}
	a {text-decoration:none;}
	

/* Icon fonts */	
	@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-mvfcnb');
	src:url('../fonts/icomoon.eot?#iefix-mvfcnb') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-mvfcnb') format('woff'),
		url('../fonts/icomoon.ttf?-mvfcnb') format('truetype'),
		url('../fonts/icomoon.svg?-mvfcnb#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	}
	
	[class^="icon-"], [class*=" icon-"] {
		font-family: 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	.icon-chevron-right:before { content: "\f054"; }
	.icon-chevron-up:before { content: "\f077"; }
	.icon-chevron-down:before { content: "\f078"; }
	.icon-home:before { content: "\e600"; }
	.icon-images:before { content: "\e601"; }
	.icon-phone:before { content: "\e602"; }
	.icon-location:before { content: "\e605"; }
	.icon-truck:before { content: "\e60a"; }
	.icon-road:before { content: "\e60d"; }
	.icon-menu:before { content: "\e60c"; }
	.icon-bookmarks:before { content: "\e60e"; }
	.icon-arrow-up:before { content: "\e60b"; }
	.icon-arrow-right:before { content: "\e603"; }
	.icon-arrow-down:before { content: "\e60f"; }
	.icon-share:before { content: "\e604"; }
	.icon-mail:before { content: "\e610"; }
	.icon-googleplus:before { content: "\e606"; }
	.icon-googleplus2:before { content: "\e611"; }
	.icon-facebook:before { content: "\e607"; }
	.icon-facebook2:before { content: "\e612"; }
	.icon-twitter:before { content: "\e608"; }
	.icon-twitter2:before { content: "\e613"; }
	.icon-linkedin:before { content: "\e609"; }
	.icon-linkedin2:before { content: "\e614"; }
	
/* Body */
	body {  background:#111 url(../images/black-tile.jpg) bottom center; color:#666; font-family: 'Ruda', sans-serif; font-size:1em; margin:0; padding:0; }
	.right, .topright, .headerright { display:inline-block; float:right;}
	.left, .topleft, .headerleft { display:inline-block; float:left; }
		
		.top { color:#CCC; height:54px; line-height:54px; }
			.topright { height:26px; line-height:normal; margin:14px 0; }
				.topright ul, .social ul { margin:0; padding:0; }
				.topright ul li{ display:inline-block; list-style:none; margin-left:10px; }
				.topright ul li a{ background-color:#FFF; border:0; color:#C00; display:block; height:26px; text-align:center; text-decoration:none; width:26px; }
				.topright ul li a:hover{ background-color:#c00; color:#fff;  }
				.topright ul li a span{ line-height:26px; }
		
		.header { background:#FFF; padding:30px 0; }
			.headerleft { height:128px; position:relative; }
			.headerright {  }
			.strapline { font-family:'Courgette', cursive; font-size:112.5%; left:210px; position:relative; top:-40px; }
			
		.rounded, .topright ul li a, #navigation ul li, #navigation ul li ul, .whitebutton, .redbutton, #nav-toggle {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
		
		.eased, .topright ul li a, #navigation ul li, #navigation ul li ul, .whitebutton { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
		
		.telephone { color:#C00; float:right; font-size:230%; font-weight:900; padding-top:10px; }
		.telephone a{ color:#C00; }
		.telephone span{ font-weight:300; }
		
		#maincontent { background-color:#FFF; clear:both; line-height:180%; padding:40px 0; width:100% }
		.title { color:#fff; font-size:300%; font-weight:900; padding:40px 0; }
		.column { display:inline-block; float:left; margin-right:30px;  width:370px; }
		.nomargin { margin:0px; }
		.dog { background:no-repeat url(../images/individual-dog.png) right; }
		
		.social { clear:both; display:block; padding:40px 0 0 0; text-transform:capitalize; }
			.social ul li { display:inline-block; float:left; list-style:none; margin-right:10px;}
			.social ul li a { }
			
		.cta-strip { background:repeat url(../images/red-tile.jpg); padding:50px 0 0 0; }
			.cta { color:#FFF; cursor:pointer; display:inline-block; float:left; font-size:200%; font-weight:700; margin:0 61px 40px 61px; position:relative; text-align:center; width:170px; }
			.cta-area { background:#FFF; height:170px; margin-bottom:30px; padding:0; position:relative; width:170px; -webkit-border-radius:85px; -moz-border-radius:85px; border-radius:85px; }
			.cta:hover .cta-area{ border:85px solid #333; }
			.cta span { color:#999; font-size:90px; font-weight:normal; line-height:170px; position: absolute; top:0; left:0; height:170px; width:170px; }
			.cta a, .bottomstyles a { color:#fff; text-decoration:none; }
			
			.quote { background-color:#FFF; color:#C00; font-size:200%; padding:65px 0; text-align:center; }
			.quote-inner { background: no-repeat url(../images/quote.png) center; display:table-cell; height:126px; padding:0 20%; vertical-align:middle; width:60%; }
		
		.whitebutton { background:#FFF; border:0px; color:#C00; display:inline-block; font-weight:700; margin:0 0 20px 0; padding:22px 30px 20px 30px; text-decoration:none; }
		.whitebutton:hover { background:#C00; color:#FFF; }
		#maincontent .redbutton { background:#C00; border:0px; color:#C00; color:#FFF; display:inline-block; font-weight:700; margin:0 0 20px 0; padding:22px 30px 20px 30px; text-decoration:none; }
		#maincontent .redbutton:hover { background:#666; color:#FFF; }
		
/* Navigation */
		#navigation { clear:right; float:right; font-weight:700; padding-top:20px; text-transform:uppercase; }
		#navigation ul { display:inline; font-size:93.8%; line-height:normal; list-style:none; margin:0; padding:0; text-align:left; }
		#navigation ul a{ color:#C00; display: inline-block; text-decoration:none; padding: 16px 20px; }
		#navigation ul li { cursor: pointer; float:left; position: relative; }
		#navigation ul li a span{ line-height:1em; }
		#navigation ul li:hover { background: #c00; }
		#navigation ul li:hover a{ color: #fff; }
		#navigation ul li ul { background: #c00; display: none; left: 0; opacity: 0; padding: 0; position: absolute; top: 46px; visibility: hidden; width: 150px; z-index:99; }
		#navigation ul li ul li { color: #fff; display: block; width:100%; }
		#navigation ul li ul li:hover { background: #900; }
		#navigation ul li:hover ul { display: block; opacity: 1; visibility: visible; }

/*! responsive-nav.js 1.0.32 by @viljamis */
	  .nav-collapse ul{ margin:0;padding:0;width:100%;display:block;list-style:none; }
	  .nav-collapse li{ width:100%; display: block; }
	  .js .nav-collapse{ display:block; clip:rect(0 0 0 0); max-height:0; position:absolute; top:-3px; overflow:hidden; zoom: 1; }
	  .nav-collapse.opened{ max-height: 9999px; }
	  .disable-pointer-events{ pointer-events: none !important; }
	  .nav-toggle{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none;-moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; }
	  
	  .nav-collapse-container{  clear:right; display:none; float:right; height:52px; margin-top:10px; width:auto;}
		  .nav-holder { margin:0 auto; position:relative; text-align:left; z-index:8;}
		  .nav-toggle{ background:#c00;display:block;line-height:52px;padding:0 15px;font-size:26px;color:#fff;}
			  .nav-toggle span{font-size:36px;line-height:48px;float:left;}
		  .nav-collapse ul{background:#c00;padding-bottom:7px;margin-bottom:20px;-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;border-radius:3px;}
			  .nav-collapse ul li a{ color:#FFF; display:block; font-size:20px; padding:10px 15px; }

/* Footer */		
.social-footer { font-size:81.3%; overflow:hidden; position:relative; }
	.social-footer .bg{ position:absolute; top:0; left:0; width:100%; z-index:-1; }
	.social-footer h2 { color:#fff; font-size:120%; margin:0; padding:0 0 20px 0; text-transform:uppercase; }
		.facebookcolumn, .twittercolumn, .finduscolumn { color:#FFF; display: inline-block; float:left; padding:50px 0 70px 0; width:370px;}
		.facebookcolumn, .twittercolumn { margin-right:30px;}
		.finduscolumn iframe { height:200px; margin-top:15px; width:370px; }
		
		.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }
		
.twittercolumn iframe {height:270px !important; overflow:hidden; }

.bottom { padding:60px 0; }
	.bottomstyles{ color:#fff; font-size:81.3%; line-height:200%; position:relative; text-align:center !important; }
		.bottomstyles a:hover { color:#ccc; }
	#top { background-color:#C00; color:#FFF; cursor:pointer; font-size:100% !important; padding:13px; position:absolute; top:-81px; left:49%; }
	#top span{ color:#FFF; font-size:125% !important; }
	
	.galleryholder { float:left; width:750px; }
		
		
/* Flexslider */
.flexslider { border:0; color:#fff; display:inline-block; height:460px; overflow:hidden; width:100%; }
	.flexslider .container { position:relative; height:350px !important; width:100%;  }
	.flexslider img { }
		.flexslider .slide-content { background:no-repeat url(../images/slide-arrow-overlay.png) bottom left; bottom:0px; position:absolute; height:370px; left:0px; padding:65px 0 0 75px; width:551px; }
			.flexslider .slide-content h2 { color:#FFF; font-size:300%; font-weight:900; margin:0; padding:0; }
			.flexslider .slide-content p { font-family:'Courgette', cursive; color:#fff; display:block; font-size:137.5%; margin:0; padding:5px 0 15px 0; }

			.flexslider .flex-control-nav { bottom:30px; color:#fff; line-height:11px; z-index:2; }
				.flexslider .flex-control-paging li a{ background:url(../images/slider-pager.png) no-repeat 0px 0px; }
				.flex-control-paging li a.flex-active,.flex-control-paging li a:hover{ background-position:-15px 0px; }

/* Clearfix */
  .clearfix:before, .clearfix:after { content: " "; display: table; }
  .clearfix:after { clear: both; }
  /* IE6/7 support */
  .clearfix { *zoom: 1; }
  
/* Responsive */
		@media only screen and (max-width : 320px) {
			.container, #menu-navigation, #content, footercontent { margin:0 auto; width:280px; }
			#navigation, .telephone span, .flex-control-nav, .social-footer .bg, .slide-content a.whitebutton, .slide-content p, .strapline { display:none !important; }
			.topleft { font-size:30%; }
			.topright { margin-bottom:0px;}
			.headerright { text-align:center; width:100%; }
			.telephone, .nav-collapse-container { float:none; }
			.flexslider { height:138px; }
			.flexslider ul li img{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
			.flexslider .slide-content { background:none; bottom:15px; height:auto; padding:0 0 0 15px; }
			.flexslider .slide-content h2{ font-size:200%; bottom:0px; }
			.forslider { background:#fff; }
			.dog {background:none;}
			.contentbox img { max-width:260px; }
			.cta { width:150px; }
			.quote-inner { height:126px; padding:0; width:100%; }
			.nav-collapse-container{ display:block; }
			#navigation { display:none; }
			h1 { font-size:200%; margin:0; padding:0 0 20px 0; }
			h2 { font-size:170%; margin:0; padding:17px 0; }
			h3 { font-size:140%; margin:0; padding:14px 0; }
			.column { margin-right:0px;  width:280px; }
			.twittercolumn, .facebookcolumn, .finduscolumn { border-bottom:1px solid #999; margin-right:0px; overflow:hidden; width:280px;}
			.finduscolumn iframe, .fb-like-box, .galleryholder { width:280px; }
			.column { width:280px; margin-right:0px; }
			#top { left:121px; }
			#maincontent img { max-width:280px; }
			/* Smartphone (Portrait) */
		}
		
		@media only screen and (min-width : 321px) and (max-width : 767px) {
			/* Smartphone (Landscape) */
			.nav-collapse-container{ display:block; }
			.container { margin:0 auto; width:350px; }
			#navigation, .telephone span, .flex-control-nav, .social-footer .bg, .slide-content a.whitebutton, .slide-content p { display:none !important; }
			.topleft { font-size:68.8%; }
			.topright { margin-bottom:0px;}
			.headerright { text-align:center; width:100%; }
			.telephone, .nav-collapse-container { float:none; }
			.strapline { float:right; font-size:93.8%; left:0px; text-align:right; top:-18px; width:350px; }
			.flexslider { height:138px; }
			.flexslider ul li img{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
			.flexslider .slide-content { background:none; bottom:15px; height:auto; padding:0 0 0 15px; }
			.flexslider .slide-content h2{ font-size:200%; bottom:0px; }
			.forslider { background:#fff; }
			.dog {background:none;}
			.cta { margin:0 5px 40px 0px; }
			.quote-inner { height:126px; padding:0; width:100%; }
			.twittercolumn, .facebookcolumn, .finduscolumn { border-bottom:1px solid #999; margin-right:0px;  overflow:hidden; width:350px;}
			.finduscolumn iframe, .fb-like-box, .galleryholder { width:350px; }
			.column { width:350px; margin-right:0px; }
			#maincontent img { max-width:350px; }
			#top { left:154px; }
		}
		
		@media only screen and (min-width : 768px)  and (max-width : 1024px) {
			/* Tablet (Landscape) 
			
			#logo { margin:15px 0 0 0; }
			aside { clear:both; float:none; text-align:center; width:750px; }
			.widget_facebook_fanbox { float:left; width:360px !important; }
			.widget_execphp  { float:right; text-align: left; width:360px !important; }
			.brochurebutton { margin:0 auto 29px auto; text-align:left; }
			.socialshare a { margin-right:5px; }
			ul.flickrpix li { height:75px; }*/
			.nav-collapse-container{ display:block; }
			.container { margin:0 auto; width:750px; }
			#navigation, .telephone span, .finduscolumn { display:none; }
			.flexslider {height:295px;}
			.flexslider .slide-content { background:no-repeat url(../images/slide-arrow-overlay.png) left; height:295px; padding:15px 0 0 75px; }
			.cta { margin:0 102px 40px 102px; }
			.twittercolumn { margin-right:0px;}
			.facebookcolumn { margin-right:10px;}
			#maincontent img, .galleryholder { max-width:750px; }
		}


@media print {
    * {
        background: none !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
 
        /* Images, vectors and such */
        filter: Gray();                          /* IE4-8: depreciated */
        filter: url('desaturate.svg#grayscale'); /* SVG version for IE10, Firefox, Safari 5 and Opera */
        -webkit-filter: grayscale(100%);         /* Chrome + Safari 6 */
        -moz-filter: grayscale(100%);            /* Future proof */
        -ms-filter: grayscale(100%);             /* Future proof */
        -o-filter: grayscale(100%);              /* Future proof */
        filter: grayscale(100%);                 /* Future proof or polyfilled */
    }
 
    a { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")";  }
    a[href="#"],
    a[href="javascript:"] {
        content: "";
    }
}