/* @import 'http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css'; */
@import 'http://fonts.googleapis.com/css?family=Russo+One';
@import 'structure.min.css';
@import 'font-awesome.min.css';

/*  ==============================================
	Rotary Revs Ltd Website CSS
	Author: Hyper Hedgehog
	Website: http://hyperhedgehog.com

    Contents
    -------------------------------

	1. Structure Override
	2. Layout (Header, Navigation, Page & Footer)
	3. Headings & Typography
	4. Links
	5. Lists
	6. Images
	7. Forms
	8. Tables
	9. Misc Classes

	10. Homepage
	11. The Store
	12. The Garage
	13. About Us
	14. Contact Us
	15. Services

	16. Login
	17. Responsive CSS

==================================================  */


/*  1. Structure Override
-------------------------------------------------- */
html {
	background:url('../img/bg/bg-garage-missing.jpg') no-repeat center center fixed #333; 
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	}	  
body {
	position:relative;
	z-index:10;
	max-width:1040px;
	margin:0 auto;
	background:none;
	}
	hr {margin-top:2.6em; margin-bottom:1.2em;}



/*  2. Layout (Header, Navigation, Page, Footer)
-------------------------------------------------- */
#bg-wrapper {
	position:relative;
	z-index:100;
	width:100%;
	height:400px;
	margin:0 auto;
	}

	@-webkit-viewport{width:device-width}
	@-moz-viewport{width:device-width}
	@-ms-viewport{width:device-width}
	@-o-viewport{width:device-width}
	@viewport{width:device-width}


	/* Header ------------------------------------ */
	
		header {
			position:relative;
			margin:0 30px 350px 30px;
			padding:0 20px;
			background:url('../img/bg-headshine2.png') no-repeat top right #eaeaea;
			border-radius:0 0 5px 5px;
			box-shadow: 0 4px 8px rgba(0,0,0, 0.4);
			-webkit-box-shadow:inset 0 0 25px #e8e8e8, 0 4px 8px rgba(0,0,0, 0.4);
			-moz-box-shadow:inset 0 0 25px #e8e8e8, 0 4px 8px rgba(0,0,0, 0.4);
			box-shadow:inset 0 0 25px #e8e8e8, 0 4px 8px rgba(0,0,0, 0.4);			
			}
		
			header .contact-info {
				position:absolute;
				top:22px; right:22px;
				list-style:none;
				text-align:right;
				}
				header .contact-info li:first-child {margin-bottom:2px;}
				.contact-info li.p4l-header img {width:200px; margin:5px -2px 0 0;} /* P4L header ad */
				.contact-info li i {margin-right:4px; color:#888;}
				.contact-info li a {
					padding-top:10px;
					color:#666;
					font-size:1em;
					text-decoration:none;
					border-bottom:none;
					}
					.contact-info li a:hover,
					.contact-info li a:focus {color:#BE1205;}
					.contact-info li a:active {color:#666; text-shadow:0 1px 0 #fafafa;}

					li.tel a,
					li.tel a:visited {
						margin:0;
						color:#BA2115;
                      	/* color:#666; grey*/
						font: normal normal 1.75em 'Russo One', Helvetica, Arial, sans-serif;
						text-shadow:0 0 10px rgba(255,255,255, 1);
						text-transform:uppercase;
						}
						li.tel a:active {color:#EF6465;}


					#touch-contact {display:none;}

				
	/* Navigation--------------------------------- */
	
		nav {}
		
		nav ul {
			margin:0;
			list-style:none;
			}
			nav ul li {
				display:inline-block;
				vertical-align:middle;
				margin:59px 0 0 10px;
				padding:5px 0;
				text-transform:uppercase;
				}
				nav ul li span {display:block; margin-top:-12px; padding-top:10px; font-size:0.65em; font-weight:normal;}
				
				nav ul li:not(.logo) a,
				nav ul li:not(.logo) a:visited {
						display:table-cell;
						height:22px;
						margin:0;
						padding:5px 35px 5px 20px;
						color:#666;
						font:bold 1em Helvetica, Arial, sans-serif;
						text-shadow:0 1px 0 #cfcfcf;
						text-decoration:none;
						vertical-align:bottom;
						border-right:1px solid #d5d5d5;
						border-bottom:none;
						-webkit-transition: all 0.4s ease-in-out;
						-moz-transition: all 0.4s ease-in-out;
						transition: all 0.4s ease-in-out;
						}
						nav ul li:last-child a {border:none;}
						nav ul li a:hover {
							color:#BA2115!important;
							-webkit-transition: color 2.5s ease-in-out;
							-moz-transition: color 2.5s ease-in-out;
							transition: color 2.5s ease-in-out;
							-webkit-transition: text-shadow 0.2s ease-in-out;
							-moz-transition: text-shadow 0.2s ease-in-out;
							transition: text-shadow 0.2s ease-in-out;							
							}
						nav ul li a:focus,
						nav ul li a:active {
							color:#aaa;
							text-shadow:0 1px 0 #fafafa;
							-webkit-transition: all 0.1s ease-in-out;
							-moz-transition: all 0.1s ease-in-out;
							transition: all 0.1s ease-in-out;
							}
						
				nav ul li.logo {
					width:147px;
					height:100px;
					margin:0 0 0 -20px;
					padding:0;
					background:url('../img/bg-logo.jpg') no-repeat center #fff;
					border-right:1px solid #d0d0d0;
					border-bottom-left-radius:5px;
					box-shadow:1px 0 8px rgba(100,100,100, 0.3);
					}
					nav ul li.logo {padding:14px 18px 8px 12px; border:none;}
					nav ul li.logo a {padding:0; border:none;}
					nav ul li.logo span {display:none;}
					nav ul li.logo:hover,
					nav ul li.logo:focus {
						background:#fff;
						background-image:none;
						}
					nav ul li.logo:focus {
						-webkit-transition:background-image 1s linear;
						-moz-transition:background-image 1s linear;
						transition:background-image 1s linear;
						}
					nav ul li.logo:active img {
						opacity:0.7;
						-webkit-transition:opacity 0.2s ease-in-out;
						-moz-transition:opacity 0.2s ease-in-out;
						transition:opacity 0.2s ease-in-out;
						}

					nav ul li.logo-mob {display:none;}
			
			
	/* Page ------------------------------------- */
	
		.page {
			position:relative;
			z-index:200;
			margin:0 20px;
			padding:0;
			background:none;
			}
		
		.content {
			padding:20px;
			padding-top:15px;
			background:#fff;
			border-top-left-radius:4px;
			border-top-right-radius:4px;
			box-shadow:0 4px 25px rgba(0,0,0, 0.4);
			}
			.m-only {display:none;}

		section {margin:0 0 50px 0;}

			.accordion-content p:first-child {margin-top:0px; padding-top:10px; border-top:1px solid #cfcfcf;}
			.clear {clear:both;}
	
	
	/* Footer ----------------------------------- */
	
		footer {
			position:relative;
			margin:0;
			padding:20px 20px 0 20px;
			color:#999;
			background:url('../img/bg-footer.jpg') top left no-repeat #333;
			}
			footer.row {margin-bottom:0;}
			footer ul {margin-left:0;}
			footer ul li {display:inline-block; margin:0 10px;}			
			footer ul li:first-child {margin-left:0;}
			footer ul li:first-child i {margin-right:5px;}

			#foot-site-map a:active {border-bottom:1px dotted #eee;}

			footer small {text-shadow:0 0 2px rgba(0,0,0, 0.75), 0 1px 2px rgba(0,0,0, 0.3);}
			footer small strong {font-weight:normal; color:#bbb;}

			footer a {color:#C03535; text-decoration:none; border:none;}
			footer a:active {color:#eee; padding-bottom:2px;}
		  
			#footcode {
				float:right;
				text-align:right;
				}
				#validation {
					position:absolute;
					right:20px; bottom:100px;
					width:auto;
					margin:-8px 0 0 -10px;
					padding:4px 6px 2px 6px;
					background:rgba(0,0,0, 0.25);
					border-radius:4px;
					}
				#validation li {margin:0 7px;}
				#validation a {text-decoration:none;}
				#validation i {font-size:2.1em;}
				#validation i.fa-css3 {font-size:1.9em;}
				#validation span {display:none;}
		  
				#hh {display:block; margin:70px 0 0 0; padding:0;}
				#hh * {display:inline-block; vertical-align:top;}
				#hh p {margin:0 0 15px 0; padding:0;}
				#hh p small {line-height:1.6em;}
				#hh-logo {
					width:38px;
					height:22px;
					margin:3px 0 0 15px;
					padding:0 0 5px;
					background:url(../img/logo-hh.png) no-repeat 0 3px;
					border:none;
					}
					#hh-logo:hover,
					#hh-logo:focus {background-position:-39px;}
					#hh-logo:active {background-position:-78px;}


					
/* 3. Headings & Typography
-------------------------------------------------- */

	h1, h2, h3, h4, h5, h6 {}	

		h1, h2 {margin:0 0 0.75em 0; font-family: 'Russo One', Verdana, Helvetica, Arial, sans-serif; font-weight:normal;}
	
		h1 {
			
			color:#BA2115;
			font: normal normal 1.75em 'Russo One', Verdana, Helvetica, Arial, sans-serif;
			text-transform:uppercase;
			}
		h2 { 
			color:#555;
			font-size:1.4em;
			}
			
		h3 {
			color:#555;
			font-size:1.2em;
			}
			h3 span {text-transform:none;}
			
		h4 {
			color:#222;
			}
			section h4,
			#team-container h4 {color:#777; font-weight:normal;}

		h5 {}

		h6 {margin-bottom:1.3em; color:#777; text-transform:uppercase;}
			h6 i {margin-right:6px;}
		
	p {}
	.txt-l {text-align:left;}
	.txt-r {text-align:right;}
	.txt-c {text-align:center;}
	
	/* .intro p {font-size:1.1em; line-height:1.4em;} */
 


 	span.leading-txt {
		display:block;
		margin-bottom:4px;
		color:silver;
		font-size:0.55em;
		font-weight:normal;
		font-family:Arial, Helvetica, sans-serif;
		}
 
 	.red {color:#BA2115;}

 	.txt-logo {text-transform:uppercase; font-style:italic; color:#525252;}
 	.txt-logo span {font-style:italic; color:#BA2115;}
 	.txt-logo span span {font-style:italic; color:#aaa;}



 
  /* 4. Links
-------------------------------------------------- */

	a, a:visited {color:#BA2115; text-decoration:none; border-bottom:1px dotted;}
	a:hover, a:focus {color: #EF6465; border-bottom:1px solid;}

		header a:hover,
		header a:focus,
		#validation a:hover,
		#validation a:focus {border-bottom:transparent;}


	.pp-container {margin-bottom:0; margin-right:0;}
	.pp-container a {color:#aaa; border-bottom:none;}
	.pp-container a.pp-info:hover {border-bottom:1px dotted #aaa;}

 
 
 
 /* 5. Lists
-------------------------------------------------- */
 
 	.blank-li {list-style:none;}

	.small-list {
		margin-top:0;
		font-size:0.85em;
		line-height:1.3em;
		}

	.breadcrumbs {
		margin:0px 0 0.7em 0;
		}
		.breadcrumbs li {
			position:relative;
			display:inline-block;
			margin-right:25px;
			color:#999;
			font-size:0.8em;
			list-style:none;
			text-transform: uppercase;
			}
			.breadcrumbs li:before {
		        position:absolute;
		        font-family: FontAwesome;
		        top:0;
		        left:-17px;
		        content: "\f101";
		    	}
		
		.breadcrumbs li a {color:#999; border-bottom:1px dotted #999;}
		.breadcrumbs li a:hover,
		.breadcrumbs li a:focus {color:#666; border-bottom:1px solid #666;}
		.breadcrumbs li a:active {color:#900; border-color:#900;}
			
			.breadcrumbs li:first-child:before {display:none;}
			.breadcrumbs li:first-child {padding-left:27px; background:url('../img/rotor-spinner-dark.png') 0 0 no-repeat;}
			
			.breadcrumbs li:last-child,
			.breadcrumbs li:last-child a {color:#777; font-weight:bold;}
			.breadcrumbs li:last-child a:hover,
			.breadcrumbs li:last-child a:focus {color:#444; border-bottom:1px solid #666;}
			.breadcrumbs li:last-child a:active {color:#900; border-bottom:1px solid #900;}
				.breadcrumbs li:last-child:before, 
				.breadcrumbs li:last-child a:before {color:#999; font-weight:normal;}
			

		ul#terms li {margin-bottom:1em; font-size:0.85em; line-height:1.6em;}

 
 
  /* 6. Images
-------------------------------------------------- */

.img-row {
	clear:both;
	margin:0 auto 20px auto;
	}

img.ofr {float:right; margin:0 0 20px 20px;}
img.ofl {float:left; margin:0 20px 20px 0;}


.figwrap-r, .figwrap-l {display:table;}
	.figwrap-r {float:right!important; margin:0 0 0 20px;}
	.figwrap-l {float:left; margin:0 20px 0 0;}

	figure, 
	.img-row img {
		display:table;
	    padding:6px;
		background:#fdfdfd;
		background: -moz-linear-gradient(top,  #ffffff 67%, #efefea 100%); /* FF3.6+ */
		background: -webkit-linear-gradient(top,  #ffffff 67%,#efefea 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 67%,#efefea 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 67%,#efefea 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 67%,#efefea 100%); /* W3C */
	    border:1px solid #ddd;
	    }
	 
 		.drop-shadow {
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        	}
	        .drop-shadow:before,
	        .drop-shadow:after {
	            content:"";
	            position:absolute;
	            z-index:-2;
	        	}

        .lifted {
            -moz-border-radius:4px;
            border-radius:4px;
        	}	
	        .lifted:before,
	        .lifted:after {
	            bottom:15px;
	            left:10px;
	            width:50%;
	            height:20%;
	            max-width:300px;
	            max-height:100px;
	            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
	            -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
	            box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
	            -webkit-transform:rotate(-3deg);
	            -moz-transform:rotate(-3deg);
	            -ms-transform:rotate(-3deg);
	            -o-transform:rotate(-3deg);
	            transform:rotate(-3deg);
	   	     	}
	        .lifted:after {
	            right:10px;
	            left:auto;
	            -webkit-transform:rotate(3deg);
	            -moz-transform:rotate(3deg);
	            -ms-transform:rotate(3deg);
	            -o-transform:rotate(3deg);
	            transform:rotate(3deg);
	        	}


	    figure{position:relative;}
	    figure img {display:block; float:none; z-index:1;}
		figcaption {
			display:table-caption;
			caption-side:bottom;
			margin:10px 0 2px 0;
			padding:0 1px;
			font-size:0.85em;
			clear:both;
			}
			figure img.top {
				position:absolute;
				top:0; left:0;
				z-index:10;
				width:96.6%;
				padding:6px;
				opacity:1;
				-webkit-transition:opacity 1.1s ease-in;
				}
				figure:hover img.top {
					opacity:0;
					-webkit-transition:opacity 0.2s linear;
					}


.txtpadl,
.txtpadr {
	padding:5px;
	background:#fff;
	border:1px solid #ccc;
	}
	.txtpadl {margin:0 20px 10px 10px;}
	.txtpadr {margin:0 10px 10px 40px;}




/* 7. Forms
-------------------------------------------------- */ 
 
 
 
 
/* 8. Tables
-------------------------------------------------- */




/* 9. Misc Classes
-------------------------------------------------- */
   
	.inline {
		display:inline-block;
		vertical-align:top;
		margin-right:20px;
		}
	
	.fr {float:right;}
	.fl {float:left;}
	.nfl {float:none!important;}

	.ctr {float:none; margin:0 auto; text-align:center;}

	.btn {
		display:block;
		color:#555;
		text-shadow:0 1px 0 #fff;
		background:#f5f5f5;
		border:1px solid #ccc;
		box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);
		}
		.btn:hover,
		.btn:focus {background:#f9f9f9;}
		.btn:active {background:#f2f2f2; box-shadow:0 1px 1px 0 rgba(0,0,0,0.3) inset;}

	.accordion {margin:0 0 20px 0;}
		.accordion-title {cursor:pointer;}
		/* .accordion-content {display:none;} */
		
		#p4l-calculator-container .accordion-content {display:none;}

	.hidden-item {display:none;}

	.single-post .accordion {border:0px solid #cacaca; border-radius:2px;}
	
		.single-post .accordion-title {padding:15px 20px 10px 20px; background:#ddd; cursor:pointer; border-bottom:1px solid #cacaca; border-radius:2px;}
			.single-post .accordion-title:hover,
			.single-post .accordion-title:focus {background:#e7e7e7;}
			.single-post .accordion-title:first-child {border-top:none; border-bottom-left-radius:0; border-bottom-right-radius:0;}
			.single-post .accordion-title:last-child {border-bottom:none; border-radius:2px; border-top-left-radius:0; border-top-right-radius:0;}
		
		.single-post .accordion-content {display:none; padding:15px 20px 20px 20px; border:1px solid #ddd; border-top:none;}
			.single-post .accordion-content p:first-child {padding-top:0; border:0;}
			.single-post .accordion-content p:last-child {border-bottom-left-radius:2px; border-bottom-right-radius:2px;}

	.tabs {}
		.tabs .tab {
			display:inline-block;
			margin:0 -4px -1px 0;
			padding:5px 10px;
			background:#ddd;
			border:1px solid #ddd;
			border-bottom:none;
			cursor:pointer;
			}
			.tabs .tab:first-child {border-radius:5px 0 0 0;}
			.tabs .tab:last-of-type {border-radius:0 5px 0 0;}
			.tabs .tab.selected {background:#fff;}
		.tabs .tab-content {
			display:none;
			padding:10px;
			border:1px solid #ddd!important;
			border-radius:0 5px 5px 5px;
			}
		.tabs .tab-content.selected {display:block;}




		
 
/* 10. Homepage
-------------------------------------------------- */
	.main-srv {
		min-height:180px;
		font-size:1.4em;
		text-align:center;
		background:#000;
		vertical-align:bottom;
		}
		.main-srv div {
			opacity:0.5;
			margin-bottom:0;
			min-height:200px;
			border:1px solid #333;
			vertical-align:bottom;
			box-shadow:inset 0 0 15px rgba(0,0,0, 0.8), inset 0 40px 50px rgba(0,0,0, 0.85), inset 0 40px 120px rgba(0,0,0, 0.8), inset 0 -20px 30px rgba(0,0,0, 0.65);
			transition:box-shadow 1.3s ease-out;	
			}
		.main-srv div:hover {
			opacity:1;
			box-shadow:inset 0 0 25px rgba(0,0,0, 0.5), inset 0 45px 50px rgba(0,0,0, 0.75);
			transition:box-shadow 0.3s ease;
			}
			.bg-blk,
			.bg-blk-store {min-height:200px; background:#000;}
				.bg-blk-store {min-height:240px; margin-top:-40px; border-radius:8px 8px 0 0;}
				.bg-blk:first-child {border-radius:5px 0 0 5px;}
				.bg-blk:last-child {border-radius:0 5px 5px 0;}

		.main-srv div.srv-garage,
		.main-srv div.srv-store,
		.main-srv div.srv-help { }

		.main-srv div.srv-garage {
			height:200px;
			background:url(../img/home-bg-services.jpg) top center no-repeat #111;
			border-right:0;
			border-radius:5px 0 0 5px;
			}
		.main-srv div.srv-store {
			min-height:240px;
			background:url(../img/home-bg-store.jpg) top center no-repeat #111;
			border-radius:8px 8px 0 0;
			vertical-align:bottom;
			}
		.main-srv div.srv-help {
			background:url(../img/home-bg-help.jpg) top center no-repeat #111;
			border-left:0;
			border-radius:0 5px 5px 0;
			}

			#store-mobile {display:none; margin:0;}

			.main-srv div h2 {
				padding-top:30px;
				color:#fff;
				text-shadow:0 0 3px rgba(0,0,0, 1), 0 0 12px rgba(0,0,0, 0.75);
				transition:all 0.5s 0.1s linear;
				}
				.main-srv div:hover h2 {
					color:#eee;
					transition:all 0.3s 0.3s linear;
					}


	#store-latest {margin-bottom:4.6em;}
	#store-latest a.home-featured {display:block; margin-bottom:0.8em; border:none; text-decoration:none; background:000;}
	#store-latest a.home-featured img {background:#000; border:1px solid #ccc; opacity:0.7; transition:opacity 0.75s linear;}
		#store-latest a.home-featured:hover,
		#store-latest a.home-featured:focus {text-decoration:none; background:#000;}
			#store-latest a.home-featured:hover img,
			#store-latest a.home-featured:focus img {
				opacity:1;
				transition:opacity 0.25s linear;
				}


	#rx8oc-offer {padding-top:1em; border-top:1px solid #ccc;}
	#rx8oc-offer h4 {margin-bottom:1em; line-height:1.4em;}
	#rx8oc-offer h4 img {
		float:left;
		margin:3px 10px 5px -4px;
		vertical-align: bottom;
		}
	#rx8oc-offer p small a {color:#777;}





			

/* 11. The Store
-------------------------------------------------- */

#store-container {}

	#cart-banner {z-index:999; width:91.5%; height:40px; margin:0 auto; background:rgba(255,222,26, 0.88); border:4px solid (255,222,26, 0.88);}
	#cart-banner a {text-align:center; background:#fc0;}
	#cart-banner h2 {color:#ccc;}
	#sticky {display:none; height:40px;}

	/* Trader Form ----- */
	
	    form#trader-login {
	        margin: .4em auto 2.5em;
	        padding: .4em 1em 1.5em 1em;
	        max-width: 270px;
	        color:#999;
	        background: #555;
	        border-radius: 4px;
	        border-top-left-radius: 0;
	        border-top-right-radius: 0;
	        border-top: 5px solid #b00;
	        }
	        form#trader-login h4 {color:#aaa;}
	        form#trader-login label {display:none;}
	        form#trader-login input {display:block; width:70%; margin:0 auto .25em auto; padding:5px; border:0; border-radius:3px;}
	        form#trader-login input#trader-btn {
	            width:74%;
	            margin-top:6px; padding:3px 5px 5px 5px;
	            color:#dfdfdf;
	            background:#777;
	            }
	            form#trader-login input#trader-btn:hover, form#trader-login input#trader-btn:focus {background:#858585;}


  	/* Cart Dot ----- */

		#cart-dot-holder {
			position:fixed; top:1095px;
			z-index:1001; display:block;
			width:960px; height:10px;
			margin:0px 0 0 0;
			/*background:#fb5cff10;*/
			}
		#cart-dot {
			position:absolute; top:0; right:0;
			margin:40px -30px 0 0; padding:.29em .24em .3em .15em;
			color:#444; font-size:3em; text-align:center;
			background:#FFC439; 
			border:0px none; border-radius:200px;
			}
			#cart-dot i {color:#264b71}
			#cart-dot:hover,
			#cart-dot:focus {background:#FFD146;}



	/* Cart Summary Box ----- */

		#cart-widget-container {
			position:fixed; top:1030px;
			z-index:1001; display:block;
			width:960px; height:10px;
			margin:0;
			/*background:#fb5cff10;*/
			}
		#cart-widget {
			position:absolute; top:0; right:0;
			width:auto;
			margin:73px -10px 0 0; padding:1px;
			background:#fafafa;
			background:#555;
			border:4px solid #555;
			border-top-left-radius:6px;
			border-top-right-radius:6px;
			box-shadow:0 3px 8px rgba(0,0,0, 0.45);
			}
			#cart-widget ul {display:block; margin:0; list-style:none;}
				#cart-widget li {margin:0; text-align:center; vertical-align:top;}
					#cart-widget li a {
						display:block; width:65px;
						padding:5px;
						font-size:1.05em;
						border-bottom:0;
						}
						#cart-widget li a span {display:none;}

				#cart-widget li#cart-icon, 
				#cart-widget li#cart-quantity {
					display:inline-block;
					margin-bottom:5px;
					background:#707070;
					}
					#cart-widget li#cart-icon a,
					#cart-widget li#cart-quantity a {min-height:40px; padding:11px 3px 8px 0; font-size:3em;}
						
						#cart-widget li#cart-icon {background:#BA2115; background:#FFCB39; border-top-left-radius:4px;}
							#cart-widget li#cart-icon:hover {background:#FFD745;}
							#cart-widget li#cart-icon a {color:#555!important;}
							#cart-widget li#cart-icon a:hover {color:#4a4a4a!important;}
							#cart-widget li#cart-icon a i {margin-left:-3px;}
						
						#cart-widget li#cart-quantity {border-top-right-radius:4px;}
							#cart-widget li#cart-quantity a {padding:18px 0 1px 0; color:#bbb;}
							#cart-widget li#cart-quantity a:hover {color:#eee; background:#777;}
							#cart-widget li#cart-quantity a strong {font-size:0.9em;}

						#cart-widget li#elevator {
							display:block;
							margin:0 auto 1px;
							background:#404040;
							border-top:4px solid #BA2115;
							}
							#cart-widget li#elevator a {width:100%; height:auto; padding:5px 0 7px; color:#bbb!important; border-radius:0;}
							#cart-widget li#elevator:hover {background:#333; /*border-top-color:#EF6465;*/}
							#cart-widget li#elevator:hover a {color:#dfdfdf!important;}



	.sp-order,
	.sp-order-disclaimer {
		margin:1em auto 1.4em;
		padding:1.2em 1.4em;
		text-align:center;
		background:#FFFAE9;
		}
		.sp-order {margin:0 auto 3.5em;}
		.sp-order h5, .sp-order-disclaimer h5 {font-size:1.1em; color:#a49754;}
		.sp-order p, .sp-order-disclaimer p {margin-bottom:1em; line-height:1.4em; padding:0 1px; color:#a49754;}
		.sp-order p {margin-bottom:0;}

	.sp-order-disclaimer {text-align:left;}
	.sp-order-disclaimer span {display:none;}




.tabs .tab {
	padding:15px 30px 5px;
	border:1px solid #ccc; border-bottom:none; border-radius:4px 4px 0 0}

	.tabs .tab h3 {margin-bottom:0;}
	
	.tab-content h2 {margin-top:0.5em; color:#777;}
	.tab-content p {padding-bottom:0;}
	.tab-content hr {width:100%; margin:4em 0 0 0;}

	/* Hides the 'mobile' accrdion titles in desktop view  */
		.tab-content .accordion-title {display:none;}


	.product-row {padding:15px 0;}
		.product-row h3 {margin:0 0 1.5em 0;}

	.featured-product-row {
		position:relative;
		margin:20px 5% 40px;
		margin:10px 0 30px; 
		padding:16px 15px;
		background:#d43131;
		background:url('../img/bg-rotor-b.png') no-repeat bottom right #d43131;
		box-shadow: inset 0 100px 150px rgba(0,0,0, 0.35), 0 5px 10px #ccc;
		border-radius:2px;
		border:none;
		}
		.featured-product-row h3 {margin-bottom:1.5em; color:#fff;}


		/* ---- Products -------------- */
		.product-row div {
			position:relative; z-index:10;
			padding:10px;
			background:#f0f0f0;
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.20, #e8e8e8), color-stop(1, #FFF));
			background-image: -webkit-linear-gradient(bottom, #e8e8e8 20%, #FFFFFF 100%);
			background-image: -moz-linear-gradient(bottom, #e8e8e8 20%, #FFFFFF 100%);
			background-image: -o-linear-gradient(bottom, #e8e8e8 20%, #FFFFFF 100%);
			background-image: linear-gradient(to bottom, #e8e8e8 20%, #FFFFFF 100%);
			border:none;
			border-radius:1px;
			}
			.product-row div.product {min-height:245px;}
			/* .product-row div.product:nth-child(4n) {margin-left:0;} -- dynamic store bug fix for 1st product of each row */
			.product-row img {width:100%; margin-bottom:0;}
			.product-row h2,
			.product-row h3,
			.product-row h4,
			.product-row h5 {margin-top:8px; margin-bottom:8px;}

				.product-row h4, .featured-desc h4, .featured-option h4 {
					display:block;
					min-height:36px;
					color:#333;
					font-size:1.05em;
					line-height:1.3em;
					}
				.product-row h4 span.sp-product span {display:none;} /* hides 'special order' and learn more text + link until displayed via js for asterisk marker */
				.product-row h4 span.sp-product small {display:none;} /* hides 'small' tag from product listing titles */
				
			.product-row select {position:relative; display:block; width:99%; max-width:99.25%; margin:13px 0 15px; /* margin was: 13px 0 35px; */ padding:2px;} /* maintain bottom margin to padd container for Add to Cart button */
			.product-row p {margin-bottom:0; font-size:1em; color:#999;}
			.product-row p:first-of-type {margin-top:4px;} /* was 14px */
			.product-row p.base {margin-top:-22px;} /* margin-top:-22px; if visible - else, margin-top:0; if display:none; */
				.product-row .product-overlay p:first-of-type {margin-top:0;} /* overrule the above to keep independent */
			.product-row p span {font-weight:bold; color:#5f5f5f;}
			.product-row p strong {font-size:1.4em; color:#333;}
			.product-row p strong span {color:#333;}
			.product-row span.rrp,
			.product-row span.rrp span {color:#777!important; text-align:left!important; text-decoration:line-through;}
				.product-row span.rrp span {}
				.product-row span.rrp small {padding-left:10px;}


			/* Premium Product (gold label & styling) --- */
				.product-row div.premium { 
					background:#E6DCA9;
					background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.20, #E6DCA9), color-stop(1, #FFF));
					background-image: -webkit-linear-gradient(bottom, #E6DCA9 20%, #FFFFFF 100%);
					background-image: -moz-linear-gradient(bottom, #E6DCA9 20%, #FFFFFF 100%);
					background-image: -o-linear-gradient(bottom, #E6DCA9 20%, #FFFFFF 100%);
					background-image: linear-gradient(to bottom, #E6DCA9 20%, #FFFFFF 100%);
					}
				.product-row div.premium::before,
				.product-row div.premium::after {
					display:none; /* turns off the gold triangle */
				    content: '';
				    position:absolute; top:0; left:0;
				    border-color:transparent;
				    border-style:solid;
				    z-index:500; 
					}
					.product-row div.premium::before {
					    border-width:0em;
					    border-left-color:#ccc;
					    border-top-color:#ccc;
						}
					.product-row div.premium::after {
					    border-radius:0.1em;
					    border-width:2.5em; /* triangle depth */
					    border-left-color: #BDA538;
					    border-top-color: #BDA538;
						}
					/*	.product-row div i.fa-star {display:none; font-size:1em; color:red;}
						.product-row div.premium i.fa-star {display:block; position:absolute; top:3px; left:3px; color:#eaeaea;} /*

					/* .product-row div.w-25.premium:hover {background:#F1EEDF!important;} */
					.product-row div.w-25.premium:hover::before, 
					.product-row div.w-25.premium:hover::after {display:none;} /* hide initial triangle on product overlay */


			/* Featured Product (red label & styling) --- */
				.product-row div.featured { 
					background:#EBE6CD;
					background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.10, #E96C75), color-stop(0.99, #FFF));
					background-image: -webkit-linear-gradient(bottom, #E96C75 10%, #FFFFFF 99%);
					background-image: -moz-linear-gradient(bottom, #E96C75 10%, #FFFFFF 99%);
					background-image: -o-linear-gradient(bottom, #E96C75 10%, #FFFFFF 99%);
					background-image: linear-gradient(to bottom, #E96C75 10%, #FFFFFF 99%);
					}


					/* >>> Premium & Featured Product 'Heading' Tags --- */
						h5.tag-premium, .product-overlay h6.tag-premium,
						h5.tag-featured, .product-overlay h6.tag-featured {
							position:absolute; top:7px; right:0;
							z-index:19;
							padding:2px 12px 3px 5px;
							color:#eee;
							font:0.8em verdana, helvetica, arial, sans-serif;
							text-transform:uppercase;
							background:#BA2115!important;
							}
						.product-overlay h6.tag-premium,
						.product-overlay h6.tag-featured {
							top:15px; z-index:21;
							padding:2px 14px 3px 6px;
							font-size:0.9em;
							}

							h5.tag-premium, .product-overlay h6.tag-premium {background:#B99A2F!important; padding-left:4px!important;}
							h5.tag-premium i, h6.tag-premium i {display:inline-block!important; position:relative; margin-right:0; /* opacity:1!important; --> opacity rule repeated below 'overlay' styling to ensure opacity:1 */ }





			/* ---- 'Added to Basket' Overlay -------------- */

			.product-visual {height:142px; margin-bottom:0; padding:0!important; background:none!important;}
			.product-visual a {display:block; border:none; text-decoration:none;}
			.product-visual i {position:absolute; visibility:hidden; opacity:0;}
			.product-visual img {width:100%; margin-bottom:0; opacity:1; border:none;}

				/* active / added state */
				.added .product-visual {margin-bottom:0; padding:0; background:#399150!important; transition:background .5s ease-in;}
				.added .product-visual i {float:none; visibility:visible; opacity:0.99; transition:opacity .5s ease-in .5s, visibility .5s ease-in .5s;}
				.added .product-visual img {margin:0 auto!important; opacity:0.15; transition:opacity 0.75s ease-in;}
				.added .featured-photo .product-visual {height:307px; margin-bottom:10px!important;}

				.added .product-visual i.fa-shopping-cart {
					z-index:24;
					position:absolute; top:50%; left:50%;
					width:80px; height:80px;
					margin-top:-38px; /* Half the height */
					margin-left:-35px; /* Half the width */
					font-size:5em;
					color:#fff;
					}
				.added .product-visual i.fa-check {
					z-index:24;
					position:absolute; top:50%; left:50%;
					width:40px; height:40px;
					margin-top:-24px; /* Half the height */
					margin-left:-12px; /* Half the width */
					font-size:1.8em;
					color:#399150;
					}



			/* ---- Overlay / Extended View Panel styling -------------- */

			.featured-product-row .product-overlay,
			.product-row .product-overlay {
				display:none;
				position:absolute; top:-10px; left:-48px;
				min-height:366px;
				width:281px;
				padding:10px 10px 20px 10px;
				font-size:0.9em;
				text-align:center;
				background:#444;
				box-shadow:0 1px 4px rgba(0,0,0, 0.5), 0 4px 12px rgba(0,0,0, 0.25);
				background:#f5f5f5;
				border:0;
				}
				.product-row .product-overlay p {margin-bottom:1em;}
				.product-row .product-overlay span.rrp {display:block; font-size:1.15em; padding-bottom:6px;}

				/* Premium Product (gold label & styling) --- */
				.product-row div.premium .product-overlay { 
					background:#EBE6CD;
					background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.20, #EBE6CD), color-stop(1, #FFF));
					background-image: -webkit-linear-gradient(bottom, #EBE6CD 20%, #FFFFFF 100%);
					background-image: -moz-linear-gradient(bottom, #EBE6CD 20%, #FFFFFF 100%);
					background-image: -o-linear-gradient(bottom, #EBE6CD 20%, #FFFFFF 100%);
					background-image: linear-gradient(to bottom, #E8DFB7 20%, #FFFFFF 100%)!important;
					}

				/* Featured Product (red label & styling) --- */
				.product-row div.featured .product-overlay { 
					background:#E8DFB7;
					background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.10, #E8DFB7), color-stop(0.99, #FFF));
					background-image: -webkit-linear-gradient(bottom, #E8DFB7 5%, #FFFFFF 96%);
					background-image: -moz-linear-gradient(bottom, #E8DFB7 5%, #FFFFFF 96%);
					background-image: -o-linear-gradient(bottom, #E8DFB7 5%, #FFFFFF 96%);
					background-image: linear-gradient(to bottom, #E96C75 5%, #FFFFFF 96%);
					}


				
				.featured-product-row:hover,
				.product-row:hover {z-index:20;} /* raise product row above all others */
				
				.featured-product-row div:hover,
				.product-row div:hover {z-index:25;} /* raise product div above all others in same row */
			
				.featured-product-row div:hover .product-overlay,
				.product-row div:hover .product-overlay {display:block; z-index:30;} /* raise product overlay above all else */
					
					/* overlay product photo link */
					.product-overlay a:first-child {display:block; text-decoration:none; border:none;}

					/* overlay product img */
					.product-overlay img {margin:0 auto;} 

					/* overlay text */
					.product-overlay h5,
					.product-overlay p {text-align:left;}

						/* overlay headings */
						.product-overlay h5 {margin:0.4em 0 0.8em; font-size:1.2em; color:#333; line-height:1.3em;}
							.product-overlay h5 span.sp-product span {display:none;} /* hides 'special order' and learn more text + link until shown for asterisk display via js */
							.product-overlay h5 span.sp-product small {display:none;} /* hides 'small' tag from product listing titles */

						/* overlay paras */
						.product-overlay p {margin-bottom:1em; color:#666; line-height:1.3em;}
						/* overlay last (2nd) para */
						.product-overlay p:last-child {line-height:1.2em;}
						/* overlay para strong (ie: Price) */
						.product-overlay p strong {position:absolute; left:10px; bottom:-4px; margin-bottom:1.2em; font-size:1.45em; color:#333;}
						/* overlay 'read more' product article links */
						.product-overlay a:last-child {font-size:1em;}


				/* Added to basket indication (hide indicators before use) */
				.product-overlay i {position:absolute; visibility:hidden; opacity:0;} 

				/* Added to basket indication ('active' / added state) */
                   .added .product-overlay .indicator {position:absolute; top:12px; right:11px; margin:8px 10px 0 0; background:transparent; border:none;}
                   .added .product-overlay .indicator i {visibility:visible; opacity:0.99;}
                   .added .product-overlay .indicator i.fa-shopping-cart {position:relative; color:#fff; font-size:2.8em; margin:0; padding:9px 8px 10px 3px; background:rgba(55,179,99, 0.7); border-radius:50px;}
                   .added .product-overlay .indicator i.fa-check {position:absolute; top:17px; right:19px; color:#4F9961;}

					/* Remove from basket indicator link */
					.added .product-overlay a:hover i.fa-check {display:none;}
					.added .product-overlay a:hover i.fa-shopping-cart {background:rgba(187,0,0, 1);}

					.featured-product.added .indicator {display:none; transition: display .5s, opacity .5s ease-in .5s, visibility .5s ease-in .5s;}
					.featured-product.added .product-visual:hover .indicator {position:absolute; top:10px; right:64px; display:block; transition: display .5s, opacity .5s ease-in .5s, visibility .5s ease-in .5s;}
					.featured-product.added .indicator i.fa-shopping-cart {width:auto; height:auto; margin:0; padding:10px 13px 10px 9px; font-size:2.3em; background:rgba(187,0,0, 0.5); border:none; border-radius:50px; transition: display .5s, opacity .5s ease-in .5s, visibility .5s ease-in .5s;}
					.featured-product.added .indicator:hover i.fa-shopping-cart {background:rgba(187,0,0, 1); transition: display .5s, opacity .5s ease-in .5s, visibility .5s ease-in .5s;}
					.featured-product.added .indicator i.fa-check {display:none;}

			/* --- End overlay styling ------ */

			h5.tag-premium i, h6.tag-premium i {opacity:1!important; visibility:visible!important;}




		/* original featured product styling - soon to be decommissioned */

		.featured-product-row div {
			position:relative;
			min-height:130px;
			padding:10px 10px 0 10px;
			background:#fdfdfd;
			border-radius:1px;
			}
			.featured-product-row div.clear {min-height:0; padding:0; background:transparent;}
			.featured-product {padding:0;}		
			.featured-product div {padding:0;}
			.featured-product div p {font-size:0.9em;}
			
			.featured-photo .product-visual {height:307px;}

			.featured-product .featured-desc {padding-top:0;}

				.featured-product .featured-desc h4 {margin:0; font-size:1.2em; color:#333;}

				.featured-product .featured-desc p {line-height:1.4em;}
				.featured-product .featured-desc p.price {font-size:1em; color:#666; line-height:1.8em; font-family:helvetica, arial, sans-serif!important;}
				.featured-product .featured-desc p.price strong {display:block; margin-bottom:5px; font-size:1.7em; color:#333}

				.featured-product .featured-desc ul {margin-top:-10px; font-size:0.9em;}
				.featured-product .featured-photo {padding:0;}
				.featured-product .featured-photo img {width:100%; margin-bottom:10px;} /* width:95% mgn-btm:20px */

				/* Featured product, secondary 'optional' products */
					.featured-option {position:relative; vertical-align:bottom;}
					.featured-option h4 {margin:8px 0 20px;}
					.featured-option p strong {margin-top:-4px; font-size:1.4em;}
					.featured-option img {width:100%;}



		/* LB nav bar  disabler */
			.swipebox-bottom-bar {display:none!important; opacity:0!important; transform:none!important;}


		/* Add to Cart buttons */
			.pp-addtocart {
				/* float:right; */
				position: absolute; bottom:10px; right:10px;
				margin-top:-3.75em;
				padding:5px 10px 4px 9px;
				color:#00447B;
				font:bold italic 0.9em Helvetica, Arial, sans-serif;
				background:#FFC439;
				border:1px solid #DC911D; border-radius:4px;
				outline:none;
				}
				.pp-addtocart:hover,
				.pp-addtocart:focus {color:#009BE1; text-shadow:none; background:#FFCB39; box-shadow:0 1px 2px rgba(0,0,0, 0.2); cursor:pointer;}
				

			.featured-product .pp-addtocart {margin-top:1em; padding:5px 20px 4px 16px; font-size:1.2em}

		/* Add To Cart (OVERLAY) buttons  */
			.featured-product-row .product-overlay input,
			.product-row .product-overlay input {position:absolute; bottom:12px; right:10px; font-size:1em;}
			



	/* Basket styling ---------------------- */
		#cart-summary-container {padding:0;}
		#cart-summary-container h3 {
			margin:2em 0 1em 0;
			padding:4px 8px;
			color:#efefef;
			font-size:1.2em;
			font-weight:normal;
			background:#d43131;
			border-radius:2px;
			box-shadow: inset 0 5px 55px rgba(0,0,0, 0.35);
			}
			h3#cart-summary i {margin-right:4px; color:#fafafa; font-size:1.3em;}

		#response {margin:0;}

			form#paypal-basket {margin-bottom:0;}
				table#basket {width:92%; margin:0 auto;}
					table tr {color:#444; background:#eaeaea; border-bottom:1px solid #d0d0d0;}
					table tr:nth-child(even) {background:#f0f0f0;}
					table tr:first-child {background:#d0d0d0; border-bottom:3px solid #999;}
						/* table headings (first table row) */
						table tr th {text-align:right; color:#444; font-weight:bold;}
						table tr th:first-child {text-align:left;}
						/* columns txt alignment */
						table tr td {padding:4px; text-align:right;}
						table tr td:first-child {text-align:left;}
						

					/* Special Order items in Basket styling */
					table tr.sp-item {background:#FFFAEA;}
					table tr td span.sp-product small span {margin:0 6px; padding:2px 4px; font-weight:bold; color:#fafafa; background:#A49753;}
					table tr td span.sp-product a {font-weight:normal;}


					table tr#controls {
						background:#fff;
						border-top:4px solid #d0d0d0;
						border-bottom:0;
						}
						table tr#controls td {padding-top:20px; text-align:right;}
						table tr#controls td:first-child {text-align:left;}
						table tr#controls td input {width:auto; padding:3px;}

						table tr#controls label {margin-bottom:4px;}

						/* discount code field and delivery dropdown */
						table tr#controls td input#coupon_code,
						table tr#controls td select, /* this line or line below could be removed; targets delivery dropdown twice */
						select#shipping-options {
						    padding:5px;
						    font-size:1.05em;
							}

						/* Delivery dropdown */
						table tr#controls td select,
						select#shipping-options {
						    width:auto;
						    margin-right:-2px;
						    padding-left:2px;
						    padding-right:2px;
						    text-align:right;
						  	border:none;
						    background:#f2f2f2;
						    background-position-x:98%;
							}
							select#shipping-options:hover,
							select#shipping-options:focus {background:#eaeaea;}
							i.fa-truck {font-size:1.6em; color:#bbb; margin-right:10px; bottom:-15px;}

						/* Delivery address */
						table tr#controls td #delivery-address {display:none;}

							table tr#controls td input#add1,
							table tr#controls td input#add2,
							table tr#controls td input#city,
							table tr#controls td input#pcode,
							table tr#controls td input#country {margin-bottom:0.25em; padding:5px; font-size:1em;}
								table tr#controls td input#add1, table tr#controls td input#add2 {min-width:30%;}
								table tr#controls td input#city {min-width:20%;}
								table tr#controls td input#pcode {max-width:11.5%;}
								table tr#controls td input#country {width:20%; margin-top:1em; margin-bottom:2em;}

						/* Apply Discount and Checkout submit buttons */
						table tr#controls td input#apply_code,
						table tr#controls td input#checkout {margin-right:-3px; padding-left:8px; padding-right:8px;}

						/* hidden rows for discount calculation & new total */
						#payable_amount_div,
						#discount_amount_div {display:table-row; width:100%;}
							#payable_amount_div td,
							#discount_amount_div td {text-align:right;}
								tr#payable_amount_div {border-bottom:2px solid red;}

					table tr#sub-total {}
					table tr#ship-total {}
					table tr#cart-total {
						background:#fff;
						border-top:3px solid #BA2115;
						border-bottom:2px solid #999;
						}
                    
                    table#basket #controls {background:#fff!important;}

		
		/* ---- P4L / DEKO styling -------------- */

		#pmt-options {margin-top:1em;}
			#p4l-toggle {position:relative; margin-top:1.2em; margin-bottom:1em; padding:10px 8px 9px; background:url('../img/bg-rotor-small-b.png') bottom right no-repeat #12B69E; border-radius:5px;}
			#p4l-toggle:hover, #p4l-toggle:focus { background:url('../img/bg-rotor-small-b.png') bottom right no-repeat #0E91C0; box-shadow:0 2px 4px rgba(0,0,0, 0.2);}
				#p4l-toggle i {float:left; margin:-2px 8px 0 -2px; color:#F4A526; font-size:2.2em; transform: rotate(180deg); text-shadow:0 0 5px rgba(0,0,0, 0.3);}
				#p4l-toggle h2 {margin-bottom:.1em; margin-top:2px; color:#E0E0E0; text-shadow:0 0 3px rgba(0,0,0, 0.4);}
				#p4l-toggle h2 span {display:block; margin:2px 0 0 -4px; color:#133742; font-style:italic; text-shadow:0 1px 0 rgba(255,255,255, 0.25);}

				/* P4L > DEKO colourisation changes */
					#p4l-toggle {background-color:#165768;}
						#p4l-toggle i {color:#F4A526;}
						#p4l-toggle h2 {color:;}
						#p4l-toggle h2 span {color:#12B69E; text-shadow:0 1px 0 rgba(0,0,0, 0.25);}

						#p4l-toggle:hover {background-color:#22687D; transition: background .4s ease;}
						#p4l-toggle:hover i {color:#FF6374; transition: color 1.1s ease .4s;}
						#p4l-toggle:hover h2 {color:; text-shadow:0 0 3px rgba(255,255,255, .2), 0 0 8px rgba(255,255,255, .4); transition: text-shadow .4s ease .35s;}


			#pmt-options #p4l-calculator-container {padding-left:2.9em;}
			#p4lCalculator {
				position:relative; 
				padding:2em 0.75em 3em; font-size:0.8em; 
				background:#F0F0F0 linear-gradient(to bottom, rgba(41,188,230, 0.7) 0%, #FFF 94%) repeat scroll 0% 0%;
					/* DEKO */ background:#F0F0F0 linear-gradient(to bottom, #12B69E 0%, #FFF 94%) repeat scroll 0% 0%;
				border-radius:4px;
				}
				#p4lFinanceControls {}
					#p4lFinanceControls h4 {margin-bottom:0.2em; color:#094D66; font:bold 1.25em 'PT Sans', Helvetica, Arial, sans-serif;
												/* DEKO */ color:#E0E0E0;}
					#p4lFinanceControls input, #p4lFinanceControls select {margin-bottom:1em; padding:2px 6px 3px 4px; border:1px solid #ddd;}
					#p4lFinanceControls div:nth-child(2) {text-align:right;}
					#p4lFinanceControls div:nth-child(2) select#p4lPlanOptions {margin-left:-20px; text-align:right;}
					#p4lFinanceControls div:nth-child(2) a {display:block; position:relative; margin:-1.1em 0.2em 1.55em; text-align:right; text-decoration:none; border:none;}
					#p4lFinanceControls div:nth-child(2) img {	
						width:110px; padding:6px 6px 10px;
						background:#0D85B3; 
						/* DEKO */ background:#165768;
						border-radius:4px;
						}
						#p4lFinanceControls div:nth-child(2) img:hover,
						#p4lFinanceControls div:nth-child(2) img:focus {background:#0E91C0; /* DEKO */ background:#165768;}

				#p4lFinanceResult {}
					#p4lFinanceResults {margin-top:1.6em; clear:both;}
						.p4lResultContainer {padding:0.5em 1em 0.55em; vertical-align:middle;}
						.p4lResultContainer:nth-child(odd) {background:rgba(255,255,255, 0.8);}
						.p4lResultContainer:nth-child(even) {background:rgba(255,255,255, 0.2);}

						.p4lResultContainer h6, .p4lResultContainer p {display:inline-block; margin-bottom:0;}
							.p4lResultContainer h6 {display:inline-block; color:#444; font:1.1em helvetica, arial, sans-serif; text-transform:none;}
							.p4lResultContainer p {float:right; font-size:1.2em; font-weight:bold;}

					#p4lCalculator button {
						float: right;
						margin:2em 0.1em 0; padding:0.5em 1.5em 0.75em;
						font:bold 1.4em 'PT Sans', Helvetica, Arial, sans-serif;
						color:#eee;
						text-shadow:0 -1px 1px rgba(0,0,0, 0.15);
						background:#0B678A;
						/* DEKO */ background:#F4A526;
						/* DEKO */ color:#f0f0f0;
						/* DEKO */ text-shadow:0 1px 1px rgba(0,0,0, 0.15);
						border:none; border-radius:5px;
						}
						#p4lCalculator button:hover,
						#p4lCalculator button:focus {background:#0E91C0; /* DEKO */ background:#FF6374;}
						#p4lCalculator button:active {background:#FFD900; color:#fff; text-shadow:0 0 2px rgba(0,0,0, 0.25);}

							p.finance-terms {padding:0; color:#777; font-size:1em; line-height:1.2em; text-align:center;}
					
				#p4lFinanceDisable {
					display:block; display:none;
					position:absolute; top:0; left:0; 
					height:100%;
					background:rgba(0,0,0, 0.85); border-radius:3px;
					box-shadow:0 0 25px red;}
					#p4lFinanceDisable h5 i {display:block; margin-bottom:.2em; font-size:3em; color:#eee;}
					#p4lFinanceDisable h5 {width:85%; margin:0 auto; padding:2.5em 1.5em 4em; font-size:2em; color:#eee;}
					#p4lFinanceDisable p {width:85%; margin:-5em auto; padding:-4.25em; font-size:1.4em; color:#ccc; line-height:1.5em;
					}
					
			#pp-container {}
				a#ppCheckout, #checkout {float:right; display:block; width:174px; height:83px; margin-right:3em;}
				a#ppCheckout img, #checkout img {width:174px; height:83px; cursor:pointer;}





/* 12. The Garage
-------------------------------------------------- */
	
	#garage-page-bg {background:url('../img/bg/bg-garage.jpg') no-repeat top center fixed #333;}

	#garagedoor {
		width:88%;
		margin:0 auto;
		padding:35px 0 15px 0;
		color:#777;
		background:rgba(0,0,0, 0.75);
		border:1px solid #555;
		border-top-color:#555;
		border-top-right-radius:6px;
		border-top-left-radius:6px;
		box-shadow:0 5px 30px rgba(0,0,0, 0.9);
		}
		#garagedoor h1, #garagedoor h1 a {color:#a0a0a0; text-shadow:0 0 8px rgba(0,0,0, 0.75); border:none;}
		#garagedoor h1 span, #garagedoor h1 a span {color:#999;}
		#garagedoor h1 span.rotary, #garagedoor h1 a span.rotary {color:#d0d0d0;}
		#garagedoor h1 span.revs, #garagedoor h1 a span.revs {color:#b00; font-style:italic;}
			#garagedoor h1 a:hover {color:#ddd;}
			#garagedoor h1 a:hover span.rotary {color:#888;}
			#garagedoor h1 a:hover span.revs {color:#555;}

		#garagedoor h4 {color:#aaa; font-size:1.2em;}
		
		#garagehead h4 {display:inline; color:#aaa; font-size:0.85em; text-transform:uppercase;}
		#garagehead h4 a {color:#aaa; text-decoration:none; border:none;}
		#garagehead h4 a:hover {color:#fff; text-decoration:none; border-bottom:1px solid #fff;}
		#garagehead p {display:inline;}


		.garage-option {position:relative; z-index:0;}
		
		.garage-option h3 {margin-bottom:5px; font-size:2.6em; z-index:5;}
		.garage-option h3 a {
			margin-top:-15px; 
			color:#a5a5a5; 
			border-bottom:none;
			-webkit-transition-property: color, text-shadow;
		    -webkit-transition-duration: 0.9s;
	    	-moz-transition-property: color, text-shadow;
	    	-moz-transition-duration: 0.9s;
			}
			.garage-option:hover h3 a {color:#bfbfbf;}
			.garage-option:hover h3 a:hover {
				color:#fff;
				text-shadow:-1px 1px 12px rgba(0,0,0, 0.65);
				-webkit-transition-property: color, text-shadow;
			    -webkit-transition-duration: 0.3s;
		    	-moz-transition-property: color, text-shadow;
		    	-moz-transition-duration: 0.3s;
		    	}
				

		.garage-option h3 a i.bg {
			position:absolute; top:0; right:0;
			margin:10px 0 0 0;
			color:rgba(255,255,255, 0.1);
			font-size:2.5em;
			text-shadow:none;
			z-index:-1;
			-webkit-transition: 1.6s, 0.5s, color, font-size, margin-top, z-index;
			-moz-transition: 1.6s, 0.5s, color, font-size, margin-top, z-index;
			}
			.garage-option h3 a:hover i.bg {z-index:10;}

				.garage-option h3 a:hover i.delay-glow,
				.garage-option h3 a:focus i.delay-glow {
					color:#eaeaea;
					-webkit-transform: translate3d(0, 0, 0);
					-webkit-animation: delay-glow 1.4s ease both;
					-moz-animation: delay-glow 1.4s ease both;
					-o-animation: delay-glow 1.4s ease both;
					animation: delay-glow 1.4s ease both;
					}
					@-webkit-keyframes delay-glow {
					    50% {-webkit-transform: scale(1);}
						75% {-webkit-transform: scale(1.6); text-shadow:0 1px 20px rgba(0,0,0, 0.4);}
					    100% {-webkit-transform: scale(1.1); text-shadow:-2px 3px 12px rgba(0,0,0, 0.65);}
					}
					@-moz-keyframes delay-glow {
						50% {-moz-transform: scale(1);}
						75% {-moz-transform: scale(1.6); text-shadow:0 1px 20px rgba(0,0,0, 0.4);}
					    100% {-moz-transform: scale(1.1); text-shadow:-2px 3px 12px rgba(0,0,0, 0.65);}
					}
					@-o-keyframes delay-glow {
						50% {-o-transform: scale(1);}
						75% {-o-transform: scale(1.6); text-shadow:0 1px 20px rgba(0,0,0, 0.4);}
					    100% {-o-transform: scale(1.1); text-shadow:-2px 3px 12px rgba(0,0,0, 0.65);}
					}
					@keyframes delay-glow {
						50% {-o-transform: scale(1);}
						75% {-o-transform: scale(1.6); text-shadow:0 1px 20px rgba(0,0,0, 0.4);}
					    100% {-o-transform: scale(1.1); text-shadow:-2px 3px 12px rgba(0,0,0, 0.65);}
				}

		
		.garage-option p, .garage-option a {z-index:5;}
		.garage-option p {
			color:#999;
			-webkit-transition: 1.5s color;
	    	-moz-transition: 1.5s color;
			}
			.garage-option:hover p {
				color:#666;
				-webkit-transition: 0.5s color;
	    		-moz-transition: 0.5s color;
				}
			.garage-option p:nth-child(2) {margin-bottom:30px;}
			.garage-option p i {margin:0 1px 0 4px; color:#999!important;}
			.garage-option p i:first-child {margin-left:0;}	
			.garage-option p span {margin:0 3px;}
		
		.garage-option:nth-child(2) a {margin-left:4px;}
		.garage-option:nth-child(2) a:first-child {margin-left:0;}
		.garage-option:nth-child(2) a:last-child {margin-left:0;}



	#garage-srv,
	#garage-hlp {}

	#garage-srv h3,
	#garage-hlp h3 {margin-top:0.25em;}
	
	.intro-sub {margin-bottom:1.5em;}


#popular-services,
#popular-help {}

	div.garage-topic {
		position:relative;
		z-index:0;
		min-height:245px;
		margin-bottom:1em;
		}
		div.garage-topic:nth-child(odd) {margin-left:2%!important;}

		#garage-srv .garage-topic i.fa-gear {
			position:absolute; top:3.4em; right:0px;
			color:#6a6a6a;
			margin-top:4px;
			font-size:1.2em;
			z-index:-10;
			-webkit-transition-property: -webkit-transform;
		    -webkit-transition-duration: 1.2s;
	    	-moz-transition-property: -moz-transform;
	    	-moz-transition-duration: 1.2s;
			-webkit-transition:font-size 0.35s, color 0.8s, top 0.35s, right 0.35s;
			-moz-transition:font-size 0.35s, color 0.8s, top 0.35s, right 0.35s;
			}
			#garage-srv .garage-topic:hover i.fa-gear {
				position:absolute; top:65px; right:-16px;
				z-index:-20;
				color:#e5e5e5;
				font-size:8em;
				-webkit-transition:font-size 0.4s 0.88s ease-in, color 0.45s linear, top 0.4s 0.88s ease-in, right 0.38s 0.88s ease-in;
				-moz-transition:font-size 0.4s 0.88s ease-in, color 0.45s linear, top 0.4s 0.88s ease-in, right 0.4s 0.88s ease-in;
			    -webkit-animation-name:rotate; 
			    -webkit-animation-duration:18.2s;
			    -webkit-animation-delay:1.8s; 
			    -webkit-animation-iteration-count:infinite;
			    -webkit-animation-timing-function:ease-in;
			    -moz-animation-name:rotate; 
			    -moz-animation-duration:1.2s;
			    -moz-animation-delay:2s;
			    -moz-animation-iteration-count:infinite;
			    -moz-animation-timing-function:linear;
					}
					@-webkit-keyframes rotate {
					    from {-webkit-transform:rotate(0deg);}
					    to   {-webkit-transform:rotate(5600deg);}
						}
					@-moz-keyframes rotate {
					    from {-moz-transform:rotate(0deg);}
					    to   {-moz-transform:rotate(360deg);}
						}
					}

		.garage-topic i.fa-info {
			position:absolute; top:4em; right:0;
			color:#6a6a6a;
			color:#f80!important;
			margin-top:4px;
			font-size:1.2em;
			z-index:-10;
			-webkit-transition-property: -webkit-transform;
		    -webkit-transition-duration: 1.2s;
	    	-moz-transition-property: -moz-transform;
	    	-moz-transition-duration: 1.2s;
			-webkit-transition:font-size 0.35s, color 0.8s, top 0.35s, right 0.35s;
			-moz-transition:font-size 0.35s, color 0.8s, top 0.35s, right 0.35s;
			}
			#garage-hlp .garage-topic:hover i.fa-info {
				position:absolute; top:62px; right:0;
				z-index:-20;
				color:#efefef;
				font-size:8em;
				-webkit-transition:font-size 0.4s 0.88s ease-in, color 0.45s linear, top 0.4s 0.88s ease-in, right 0.38s 0.88s ease-in;
				-moz-transition:font-size 0.4s 0.88s ease-in, color 0.45s linear, top 0.4s 0.88s ease-in, right 0.4s 0.88s ease-in;
				}

  	div.garage-topic a {}
  	div.garage-topic a.title {margin-bottom:6px; border:transparent!important;}
  	div.garage-topic a.title img {opacity:0.6; -webkit-transition:opacity 0.9s ease-in;}
  	div.garage-topic:hover a.title img {opacity:1; -webkit-transition:opacity 0.3s linear;}

  	div.garage-topic h4 {margin:0.75em 0 0.5em 0;}
  	div.garage-topic h4 a {color:#777; border:transparent; -webkit-transition:color 0.9s ease;}
	div.garage-topic:hover h4 a {margin:0.75em 0 0.5em 0; color:#333; -webkit-transition:color 0.3s ease;}

  	div.garage-topic p {margin-bottom:1.4em; font-size:0.85em; line-height:1.6em;}
	div.garage-topic:hover p {color:#000;}

	ul.li-low {margin:0 0 1em 2em;}
		ul.li-low li {margin-bottom:0.1em;
			font-size:0.85em;
			line-height:1.5em;
			}
			ul.li-low li i {color:#444;}
			ul.li-low li:hover i {color:#999;}


	/* Garage element styling
	---------------------------------------------------- */

	img.alignleft {float:left; margin:1em 1.4em 1.2em 0.5em!important;}
	img.alignright {float:right; margin:1em 0.5em 1.2em 1.4em!important;}
	img.aligncenter {display:block; margin:24px auto 36px auto!important;}

	#garage-cat-container h2 a,
		#garage-cat-container h2 a:visited {color:#555; text-decoration:none; border:0;}
		#garage-cat-container h2 a:hover,
		#garage-cat-container h2 a:focus {color:#333; border-color:#555;}

		/* Heading spacing & styling for cat pages */
			#title-container div h2 a {color:#555; text-decoration:none; border:none;}
			#title-container div:hover h2 a, #title-container div:focus h2 a {color:#333;}
			#title-container div a.title {border:none; text-decoration:none;}
			#title-container div a.title img {margin-bottom:0.75em; opacity:0.6; transition:opacity 0.9s ease-in;}
			#title-container div:hover a.title img {opacity:1; transition:opacity 0.3s linear;}

		.garage-cat img {margin-bottom:20px;}
		.garage-cat h3 {font-size:1.15em;}
		.garage-cat ul {margin-left:1.2em;}
			.garage-cat ul li {padding-left:0px; color:#BA2115;}

		#title-container div p,
		.garage-cat p {color:#555;}
			#title-container div:hover p, #title-container div:focus p,
			.garage-cat:hover p, .garage-cat:focus p, {color:#333;}

	
	/* Garage Background Images for Pages & Posts */

	html.services 				{background-image: url(../img/bg/bg-garage-services.jpg);}
	
		html.diagnostics 				{background-image: url(../img/bg/bg-garage-cat-diagnostics.jpg);}
			html.diagnostic-testing 		{background-image: url(../img/bg/bg-garage-srv-diagnostics.jpg);}
			html.compression-tests 			{background-image: url(../img/bg/bg-garage-srv-compression-tests.jpg);}
		
		html.engine-rebuilds 			{background-image: url(../img/bg/bg-garage-cat-rebuilds.jpg);}
			html.silver-rebuild 			{background-image: url(../img/bg/bg-garage-srv-rebuild-silver.jpg);}
			html.gold-rebuild 				{background-image: url(../img/bg/bg-garage-srv-rebuild-gold.jpg);}
			html.platinum-rebuild 			{background-image: url(../img/bg/bg-garage-srv-rebuild-plat.jpg);}

		html.mods 						{background-image: url(../img/bg/bg-garage-cat-mods.jpg);}
			html.ignition-uprating 			{background-image: url(../img/bg/bg-garage-srv-ignition-uprating.jpg);}
			
		html.servicing 					{background-image: url(../img/bg/bg-garage-cat-servicing.jpg);}
			html.\360-point-health-check		{background-image: url(../img/bg/bg-garage-servicing.jpg);}
			html.\31st-year-service			{background-image: url(../img/bg/bg-garage-servicing.jpg);}
			html.\32nd-year-service			{background-image: url(../img/bg/bg-garage-servicing.jpg);}
			html.\33rd-year-service			{background-image: url(../img/bg/bg-garage-servicing.jpg);}
			html.interim-service			{background-image: url(../img/bg/bg-garage-srv-interim.jpg);}
			html.master-service				{background-image: url(../img/bg/bg-garage-srv-master.jpg);}


	html.help 					{background-image: url(../img/bg/bg-garage-help.jpg);}

		html.rotary-engine-information	{background-image: url(../img/bg/bg-garage-cat-engine-info.jpg);}
			html.a-breif-history-of-the-rotary-engine,
			html.a-brief-history-of-the-rotary-engine,
			html.brief-history 				{background-image: url(../img/bg/bg-garage-cat-engine-info.jpg);}
			html.what-oil-should-i-use-in-my-rx-8,
			html.best-oil-for-rx8			{background-image: url(../img/bg/bg-garage-cat-engine-info.jpg);}
			html.stationary-gear-bearing-failure 	{background-image: url(../img/bg/bg-garage-cat-engine-info.jpg);}
		
		html.common-faults				{background-image: url(../img/bg/bg-garage-cat-common-faults.jpg);}
			html.my-car-wont-start			{background-image: url(../img/bg/bg-garage-cat-common-faults.jpg);}
			html.problems-hot-starting		{background-image: url(../img/bg/bg-garage-cat-common-faults.jpg);}
			html.whats-that-rattling-noise-at-high-revs,
			html.high-revs-rattling-noise	{background-image: url(../img/bg/bg-garage-cat-common-faults.jpg);}

		html.how-to						{background-image: url(../img/bg/bg-garage-cat-how-to.jpg);}
			html.how-to-fit-a-rotary-revs-ignition-kit-plugs-leads-coils,
			html.fit-ignition-kit 			{background-image: url(../img/bg/bg-garage-cat-how-to.jpg);}
			html.reset-rx8-ecu				{background-image: url(../img/bg/bg-garage-cat-how-to.jpg);}		
			html.check-and-replace-cooler-lines		{background-image: url(../img/bg/bg-garage-cat-how-to.jpg);}


		/* Engine Rebuild service cards */
		#garage-rebuild-cards-container {background:rgba(0,0,0, 0); padding:20px;}
		#garage-rebuild-cards-container a {
			display:inline-block;
			height:300px;
			padding:1.2em 0.8em;
			text-align:center;
			background:url(../img/bg-rotor-small-b.png) bottom right no-repeat rgba(0,0,0, 0.1);
			border:none;
			border-radius:3px;
			}
			#garage-rebuild-cards-container a:hover {
				text-decoration:none;
				border:none;
				}

			#garage-rebuild-cards-container a h3 {
				margin:1em 0 7em 0;
				color:#999;
				font:normal 1.2em "Russo One", Helvetica, Arial, sans-serif;
				text-transform:uppercase;
				font-style:italic;
				}
			#garage-rebuild-cards-container a h3 span {font-size:1.2em; color:#777; text-shadow:0 1px 0 rgba(255,255,255, 0.75);}
			#garage-rebuild-cards-container a h3 span span {
				display:block;
				margin:0.2em 0 0.25em 0;
				font-size:1.8em;
				}
				#garage-rebuild-cards-container a:hover h3 {color:#777; transition:color 0.3s ease-in 0.4s;}
				#garage-rebuild-cards-container a:hover h3 span {color:#555; transition:color 0.3s ease-in 0.4s;}

			#garage-rebuild-cards-container a p {display:inline; font-size:1em; border-bottom:1px dotted #BA2115;}
				#garage-rebuild-cards-container a:hover p {color:#EF6465; border-bottom:1px solid #EF6465;}

				#garage-rebuild-cards-container .rebuild-card-silver {background:url(../img/bg-rotor-small-b.png) bottom right no-repeat rgba(219, 215, 212, 1);}
					#garage-rebuild-cards-container .rebuild-card-silver:hover,
					#garage-rebuild-cards-container .rebuild-card-silver:focus {background:url(../img/bg-rotor-small-b.png) bottom right no-repeat rgba(229, 225, 222, 0.8);}
				
				#garage-rebuild-cards-container .rebuild-card-gold {background:url(../img/bg-rotor-small-b.png) bottom right no-repeat rgba(206, 196, 168, 1);}
					#garage-rebuild-cards-container .rebuild-card-gold:hover,
					#garage-rebuild-cards-container .rebuild-card-gold:focus {background:url(../img/bg-rotor-small-b.png) bottom right no-repeat rgba(226, 217, 186, 1);}
				
				#garage-rebuild-cards-container .rebuild-card-platinum {background:url(../img/bg-rotor-small-b.png) bottom right no-repeat rgba(216, 220, 226, 1);}
					#garage-rebuild-cards-container .rebuild-card-platinum:hover,
					#garage-rebuild-cards-container .rebuild-card-platinum:focus {background:url(../img/bg-rotor-small-b.png) bottom right no-repeat rgba(226, 230, 236, 0.9);}
				





/* 13. About Us
-------------------------------------------------- */

#team-container h2 {margin-bottom:20px;}
#team-container img {
	width:100%;
	height:100%;
	padding:4px;
	background:#fdfdfd;
	background: -moz-linear-gradient(top,  #ffffff 67%, #efefea 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #ffffff 67%,#efefea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 67%,#efefea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 67%,#efefea 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 67%,#efefea 100%); /* W3C */
    border:1px solid #ddd;
    border-radius:100px;
	}

	.flip-container {-webkit-perspective:1000; margin:0 auto 20px auto;}
	.flip-container .flipper {-webkit-transform-origin:100% 70px; /* half of height */}
	    .flip-container:hover .flipper, 
	    .flip-container.hover .flipper {
	        -webkit-transform:rotateX(-180deg);
	    	-webkit-transition:0.35s;
	        }
	.flip-container, .front, .back {
	    width:140px;
	    height:140px;
	    }
	.flipper {
	    -webkit-transition:0.7s;
	    -webkit-transform-style:preserve-3d;
	    position:relative;
	    }
	.front, .back {
	    -webkit-backface-visibility:hidden;
	    position:absolute;
	    top:0;
	    left:0;
	    }
	.front {z-index:2;}
	.front img {
		padding:4px;
		background:#fdfdfd;
		background: -moz-linear-gradient(top,  #ffffff 67%, #efefea 100%); /* FF3.6+ */
		background: -webkit-linear-gradient(top,  #ffffff 67%,#efefea 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 67%,#efefea 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 67%,#efefea 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 67%,#efefea 100%); /* W3C */
		border:1px solid #ddd;
	    border-radius:100px;
		}
	.back {
	    -webkit-transform: rotateX(180deg);
	    padding:4px;
	    text-align:center;
		background:#fdfdfd;
		background: -moz-linear-gradient(top,  #ffffff 67%, #efefea 100%); /* FF3.6+ */
		background: -webkit-linear-gradient(top,  #ffffff 67%,#efefea 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 67%,#efefea 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 67%,#efefea 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 67%,#efefea 100%); /* W3C */
	    border:1px solid #ddd;
	    border-radius:100px;
	    }
	.back h4 {margin-top:38%; line-height:1.08em;}
	.back p {line-height:1.3em;}
	#staff-1 {margin-left:0;}
	
	#team-container #duo-1,
	#team-container #duo-2 {margin-bottom:10px; padding-bottom:0;}
	#team-container h3.red {margin-bottom:40px;}
	#duo-1 p,
	#duo-2 p {margin-bottom:2em; padding-bottom:0;}

	#community-and-future {margin-bottom:30px;}

#story {}






/* 14. Contact Us
-------------------------------------------------- */

	img.large-premises {
		width:100%;
		min-height:280px;
		margin-bottom:15px;
		border-radius:4px;
		}

		
	#how-to-find-us {margin-bottom:20px; background:#dadada; border-radius:4px;}
		#how-to-find-us h4 {margin-bottom:0; padding:10px 15px; color:#666; text-shadow:0 1px 0 #fff;}
		#how-to-find-us i.fa-info-circle {margin-right:4px; font-size:1.1em; color:#036; text-shadow:0 1px 0 #fff;}
		#how-to-find-us:hover {background:#dfdfdf;}
		#how-to-find-us:hover i.fa-info-circle {color:#0059b2;}
		#how-to-find-us ul li {margin-left:6px;}
			#how-to-find-us ul li:first-child {margin-left:-10px!important; margin-right:20px;}
			#how-to-find-us ul li i {margin-right:6px;}
			#how-to-find-us .accordion-content {padding:10px 20px;}
			#how-to-find-us .accordtion-content {border:none;}


	#rotor-problems {
		margin-bottom:20px;
		padding:10px 12px;
		background:#F5E8E7;
		border-radius:3px;
		transition:background 0.65s ease-in;
		}
		#rotor-problems i {margin:0 4px 0 -1px; font-size:1.2em;}
		#rotor-problems:hover {background:#EFDAD9; transition:background 0.15s ease-in;}


	#general-contact {
		position:relative;
		margin-bottom:20px;
		}
		#general-contact h4 a i {font-size:1.3em;}
		#general-contact h4 a {border-bottom:none;}
		#general-contact h4 a:hover,
		#general-contact h4 a:focus {border-bottom:1px dotted;}
		#general-contact h4 i.bg-icon {
			position:absolute; bottom:-7px; right:2px;
			font-size:7.5em;
			color:rgba(0,0,0, 0.05);
			}
		#general-contact .contact-info {margin:-10px 0 20px 0; list-style:none;}

	#urgent-contact {}
		#urgent-contact h5 {color:#666;}
		#urgent-contact h5 i {color:#9D0000; margin-right:6px}
			@-webkit-keyframes changecolor {
				from {color:#9D0000;}
				to {color:#0059B2;}
				}
			@keyframes changecolor {
				from {color:#9D0000;}
				to {color:#0059B2;}
				}
			#urgent-contact:hover h5 i,
			#urgent-contact:focus h5 i {
				-webkit-animation-duration:0.4s;
				-webkit-animation-name:changecolor;
				-webkit-animation-iteration-count:infinite;
				-webkit-animation-timing-function:ease-in-out;
				animation-duration:0.4s;
				animation-name:changecolor;
				animation-iteration-count:infinite;
				animation-timing-function:ease-in-out;
				}
		#urgent-contact p i {margin-right:4px;}
		#urgent-contact p i.fa-exclamation-triangle {color:#FA0;}


	/* Contact Form ----------------------------- */
	
		#contact-form {
			position:relative;
			padding:3% 2%;
			background:url('../img/bg-form.jpg') top no-repeat #dadada;
			border-radius:4px;
			box-shadow:0 2px 12px rgba(0,0,0, 0.7);
			}

		#contact-form legend {display:none;}
		#contact-form fieldset {margin:0 0 15px 0; padding:0; border:none;}
		#contact-form fieldset:first-child label {display:none;}

		#contact-form fieldset div {
				position:relative;
				margin-bottom:6px;
				padding:5px 0;
				background:rgba(255,255,255, 0.25);
				border:1px solid transparent;
				border-radius:100px;
				}
				#contact-form fieldset div:hover {
					background:rgba(255,255,255, 0.5);
					border-top-color:#cacaca;
					}
					#contact-form fieldset:first-child div {padding:0; background:rgba(255,255,255, 0);}
					#contact-form fieldset:first-child div:hover {background:rgba(255,255,255, 0); border-top:1px solid transparent;}
					#contact-form fieldset:first-child div:hover input {border-top-color:#cacaca;}
					#contact-form fieldset:first-child div:first-child {margin-right:3%!important;}

			#contact-form fieldset div label {
				display:block;
				width:120px;
				margin:0 auto;
				padding:7px 0 5px 40px;
				color:#666;
				text-shadow:0 1px 0 #ddd;
				background:url('../img/ico-rotor.png') 5px 5px no-repeat;
				cursor:pointer;
				}
				#contact-form fieldset div label.qm {background:url('../img/ico-rotor.png') 4px 5px no-repeat;}
			
			#contact-form fieldset div input[type=radio] {
				position:absolute; top:15px; left:-7px;
				margin:0 0 0 30px;
				cursor:pointer;
				}
				#contact-form fieldset div input[type=radio]:checked+label {background:url('../img/ico-rotor-red.png') 5px 5px no-repeat; color:#a00; font-weight:bold; text-shadow:0 1px 0 #fff;}
				#contact-form fieldset div input[type=radio]:checked+label.qm {background:url('../img/ico-rotor-red.png') 4px 5px no-repeat; color:#a00; font-weight:bold; text-shadow:0 1px 0 #fff;}

			#contact-form input,
			#contact-form select,
			#contact-form textarea,
			#contact-form button {
				margin:0 0 6px 0;
				padding:7px 10px;
				font:normal 1em Arial, Helvetica, sans-serif;
				color:#444;
				text-shadow:0 1px 0 #fff;
				background:#ececec;
				border:1px solid #bbb;
				border-top-color:#b5b5b5;
				border-bottom-color:#d2d2d2;
				border-radius:25px;
				}
				#contact-form input#name, #contact-form input#email {width:93%; margin:0;}
				#contact-form input#name {margin-right:3%!important;}

			#contact-form input:focus,
			#contact-form textarea:focus {outline:0;}

			#contact-form select {
				margin:10px 0 20px;
				padding:8px 4px;
				background:#f2f2f2;
				border:1px solid #ccc;
				}
			#contact-form textarea {
				display:block;
				width:95.5%;
				min-height:140px;
				padding:10px;
				font-size:1em;
				border-radius:5px;
				box-shadow:inset 0 -5px 18px #afafaf;
				}
			#contact-form button {
				margin-top:15px;
				padding:7px 18px 6px 12px;
				color:#d5d5d5;
				text-shadow:0 -1px 0 rgba(0,0,0, 0.2);
				font: italic normal 1.23em 'Russo One', Helvetica, Arial, sans-serif;
				background:#800;
				background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.39, #880000),color-stop(1, #7F0000));
				background-image: -o-linear-gradient(bottom, #7F0000 39%, #6C0000 100%);
				background-image: -moz-linear-gradient(bottom, #7F0000 39%, #6C0000 100%);
				background-image: -webkit-linear-gradient(bottom, #7F0000 39%, #6C0000 100%);
				background-image: -ms-linear-gradient(bottom, #7F0000 39%, #6C0000 100%);
				background-image: linear-gradient(to bottom, #7F0000 39%, #6C0000 100%);
				border:none;
				border-radius:60px;
				box-shadow:0 1px 8px rgba(0,0,0, 0.4);
				}
				#contact-form button:hover {
					color:#eaeaea;
					text-shadow:0 -1px 0 rgba(0,0,0, 0.05), 0 0 2px rgba(288,30,30, 0.4), 0 0 9px rgba(288,30,30, 0.9);
					background:#800;
					}
					#contact-form button:focus,
					#contact-form button:active {
						text-shadow:none;
						}

				#contact-form button img {
					float:left;
					margin-top:-1px;
					margin-right:8px;
					-webkit-transition-property: -webkit-transform;
				    -webkit-transition-duration: 2s;
			    	-moz-transition-property: -moz-transform;
			    	-moz-transition-duration: 2s;
					}
				#contact-form button:hover img {
				    -webkit-animation-name: rotate; 
				    -webkit-animation-duration: .5s; 
				    -webkit-animation-iteration-count: infinite;
				    -webkit-animation-timing-function: linear;
						@-webkit-keyframes rotate {
						    from {-webkit-transform: rotate(0deg);}
						    to {-webkit-transform: rotate(360deg);}
							}

				    -moz-animation-name: rotate; 
				    -moz-animation-duration: .5s; 
				    -moz-animation-iteration-count: infinite;
				    -moz-animation-timing-function: linear;
					
						@-moz-keyframes rotate {
						    from {-moz-transform: rotate(0deg);}
						    to {-moz-transform: rotate(360deg);}
							}
					}
						#contact-form button:focus img,
						#contact-form button:active img {
						    -webkit-animation-name:none; 
						    -webkit-animation-duration:none; 
						    -webkit-animation-iteration-count:none;
						    -webkit-animation-timing-function:none;							
							@-webkit-keyframes rotate {
							    from {-webkit-transform: rotate(0deg);}
							    to {-webkit-transform: rotate(0deg);}
								}
							}

		/* Parsley (validation errors) */
		.parsley-validated {}
		.parsley-success {border:1px solid green;}
		.parsley-error {border:1px solid #b14b57;}
			ul.parsley-error-list {
				position:relative;
				display:inline-block;
				list-style:none;
				margin:0 0 20px 0;
				padding:5px 10px 5px 15px;
				border-radius:5px;
				background:rgba(0,0,0,0.6);
				}
				ul.parsley-error-list:after {
					content: "";
					position: absolute;
					top:-8px;
					left:15px;
					width: 0;
					height: 0;
					border-left: 6px solid transparent;
					border-right: 6px solid transparent;
					border-bottom: 8px solid rgba(0,0,0,0.6);
					}
				ul.parsley-error-list li {
					display:inline-block;
					margin:0;
					font-size:0.9em;
					color:#fff;
					text-shadow:none;
					}
			li.parsley-error {}

		/* Form overlay (while sending email) */
		#contact-form .form-overlay {
			position:absolute;
			top:0; right:0; bottom:0; left:0;
			padding:80px 20px 0px 20px;
			color:#ddd;
			font-size:1.2em;
			text-align:center;
			background:#872618;
			background:url('../img/bg-rotor-b.png') no-repeat bottom right #d43131;
			box-shadow: inset 0 100px 150px rgba(0,0,0, 0.35), 0 5px 10px #ccc;
			border-radius:6px;
			z-index:10;
			}
			#contact-form .form-overlay a.close-overlay {
				position:absolute;
				top:10px; right:10px;
				color:rgba(255,255,255, 0.85);
				font-size:1.7em;
				border:none;
				}






/* 15. Services
-------------------------------------------------- */

				div.proj-gall {
					text-align:center;
					margin-bottom:0;
					padding-bottom:0;
					}
					.proj-gall ul {margin-bottom:0; padding:0;}
					.proj-gall li {display:inline-block;}	
					.proj-gall img {
						margin:0 0 20px 0;
						background:#999;
						border:2px solid #f9f9f9;
						box-shadow:0 0 12px #ccc;
						}
						.proj-gall img:hover,
						.proj-gall img:focus {
							border:2px solid #333;
							}
					.proj-gall img.main {
						padding:8px;
						background:url('../img/gal-loader.gif') center no-repeat #333;
						border:none;
						box-shadow:0 1px 7px #d0d0d0;
						}






/* 16. Login
---------------------------------------------------- */

        #controls {
            min-height:350px;
            margin:6em 15% 8em;
            padding:2.5em 4em 6em;
            background:rgba(0,0,0, 0.4)!important;
            }
            #controls h1 {
                font-style:italic;
                text-align: center!important;
                }
                #controls h1 {font-size:3em; color:#D2524F; text-shadow:0 0 10px rgba(0,0,0, 0.85);}
                #controls h1 span {color:#ddd; display:block;}

            form#login {
                margin:3em 2%;
                padding:2em;
                color:#666;
                font-size:1.1em;
                text-align:center;
                background:#dadada;
                box-shadow:0 2px 10px rgba(0,0,0, 0.85);
                border-radius:3px;
                }
                form#login input,
                form#login input[type=password],
                form#login button {display:block; margin:0 auto .5em; padding:10px; font-size:1.2em; border:0; border-radius:2px; }
                    form#login input,
                    form#login input[type=password] {width:auto; min-width:70%; }
                    form#login button {min-width:25%; margin-top:1.5em; padding:auto 2em; background:#CD3F3D; color:rgba(255,255,255, 0.7);}
                    form#login button:hover,
                    form#login button:focus {background:#D2524F; color:#eaeaea}
                    form#login button:active {background:#A8322F;}



/* 17. 
---------------------------------------------------- */