/*   
Theme Name: JME
Theme URI: http://jmecontrols.co.uk
Description: A modern responsive theme for the JME website
Author: thebettertwin
Author URI: http://thebettertwin.co.uk
Version: 1
*/

/* Include web fonts */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
@import url(http://fonts.googleapis.com/css?family=Ruda:400,700);

/*Fix the hideous google chrome font rendering.*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Ruda', sans-serif;
		font-weight: 400 !important;
		-webkit-text-stroke:1px !important;
	}
	nav.primary ul li, a#menu-trigger {
		font-family: 'Ruda', sans-serif;
		font-weight: 400 !important;
		-webkit-text-stroke:0.8px !important;
	}
}
/* General site styles */
body{
	font-family:'Open Sans', sans-serif;
	font-weight: 400;
	color:#161616;
	/*overide default bootstrap line height and font size that add a weird 1px border to bottom of window of ie11*/
	line-height: 1 !important;
	font-size:16px !important;
	border-top:5px solid #ed1c24;
	border-bottom:3px solid #ed1c24;
}
p{
	line-height: 1.428571429;
}
p.copyright{
	line-height: 1 !important;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Ruda', sans-serif;
	font-weight: 700;
}
::selection{
	background: #ed1c24;
	color:#fff;
}
a, a:hover, a:active, a:focus, a:visited{
	color:#ed1c24;
	transition:color .5s ease-in-out;
}
section.main-content ul{
	list-style:none;
	padding-bottom: 1.4em;
}
section.main-content ul li{
	margin:.8em 0;
	border-left: 4px solid #CCC;
    padding-left: 15px;
	line-height: 1.428571429;
}
section.main-content ul ol{
	list-style:none;
	padding-bottom: 0.1em;
	padding-top: 0.1em;
}
section.main-content ul ol li{
	padding-left:19px;
	border-left:none !important;
}
section.main-content ul ol li:before{
   	content: "■";
    color:#ed1c24;
	position: absolute;
	margin: -2px 15px 0 -30px;
}
section.main-content ol{
	list-style:none;
	padding-bottom: 0.1em;
	padding-top: 0.1em;
}
section.main-content ol li{
	padding-left:19px;
	border-left:none !important;
	margin:.8em 0;
	line-height: 1.428571429;
}
section.main-content ol li:before{
   	content: "■";
    color:#ed1c24;
	position: absolute;
	margin: -2px 15px 0 -21px;
}
/* Override the above for the breadcrumb bar*/
nav.additional ul{
	padding-bottom: 0;
}
nav.additional ul li{
	padding:0;
	border-left: none;
}
/*overide strange negative margins on rows */
.row{
	margin-left:0;
	margin-right:0;
}
blockquote{
	border-left:none;
	border-top:1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding:20px;
	clear:both;
}
blockquote p{
	font-weight: 300;
	font-size:1.2em;
	line-height: 1.6;
}
table{border:3px solid #ccc !important;}
tr, td{border-color:#ccc !important;}
/* Now to the main stuff (theme stylings) */
/* Top header section */
header.main{
	background: #fff;
	width:100%;
	height:100px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	position:relative;
}
header.main img{
	margin-top:24px;
}
/* Navigation */

/* Hide the mobile button and mobile nav by default */
a#menu-trigger{
	display:none;
	background:url(img/mobile-nav.png) top right no-repeat;
	padding-right:60px;
	height:40px;
	line-height:2;
	position:absolute;
	right:0px;
	top:-40px;
	text-align:right;
	text-transform: uppercase;
	font-family: 'Ruda', sans-serif;
	font-weight:700;
	font-size:1em; /* 16px */
}
nav.primary{
	position:relative;
}
nav.primary ul{
	position:absolute;
	right:0px;
	top:-33px;
}
nav.primary ul li{
	display: inline-block;
	padding:0 1em;
	text-align:right;
	text-transform: uppercase;
	font-family: 'Ruda', sans-serif;
	font-weight:700;
	font-size:1em; /* 16px */
}
nav.primary ul li:last-child{
	padding-right:0px;
}
nav.primary a {
	transition:color .5s ease-in-out;
	color:#161616;
	text-decoration: none;
}
nav.primary a:hover{
	color:#ed1c24;
}

/* Homepage hero section */
section.hero{
	background:url(img/main-bg.jpg) no-repeat 0 center; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	height:590px;
}
section.hero h1{
	text-transform: uppercase;
	color:#fff;
	text-align: center;
	margin-top:150px;
}
/* The tick section that provides more info on hover */
ul#menu1{
	text-align: center;
	margin:200px 0 0 0;
	padding:0;
	position: relative;
}
ul#menu1 li{
	display: inline-block;
}
ul#menu1 li:nth-child(odd) img{
	width:32px;
	height:32px;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
}
ul#menu1 li:nth-child(even) img{
	width:100%;
	height:4px;
}
ul#menu1 li:nth-child(odd):hover img{
	width:64px;
	height:64px;
}
ul#menu1 li:nth-child(odd){
	padding:0 20px;
}
ul#menu1 a, ul#menu1 a:hover, ul#menu1 a:active{
	text-decoration: none;
}
ul#menu1 li:nth-child(odd):hover:after{
	bottom:205px;
	z-index:99;
	margin-left:-60px;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	opacity:1;
	text-decoration: none;
}
ul#menu1 li:nth-child(3):hover:after{
	margin-left: -85px;
}
ul#menu1 li:nth-child(odd):hover a:before{
	height:170px;
	margin-left:-115px;
	bottom:58px;
	width:300px;
	padding:40px 20px 20px 20px;
	z-index:99;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	opacity:1;
	text-decoration: none;
}
ul#menu1 li:after{
	content:attr(data-label);
	position:absolute;
	display:inline-block;
	bottom:-32px;
	margin-left:-48px;
	color:#fff;
	opacity:1;
}
ul#menu1 li:nth-child(3):after{
	margin-left:-70px;
}
ul#menu1 li:nth-child(5):after{
	margin-left:-40px;
}
ul#menu1 li a:before{
	content:attr(data-label);
	position:absolute;
	font-size:0.9em;
	text-align: justify;
	bottom:-32px;
	margin-left:-42px;
	color:#fff;
	opacity:0;
	width:0;
	line-height: 1.4;
	text-decoration: none;
	height:100px;
}
/* About section (inc calls to action) */
section.about{
	background: #fff;
	margin-top:50px;
}
section h2 /* applies to all section headers */{
	text-transform: uppercase;
	color:#ed1c24;
	text-align: center;
	margin-bottom:40px;
}
section.about p{
	text-align:center;
	max-width:600px;
	margin:1.5em auto;
}
section.about .buttons{
	max-width:540px;
	margin:3em auto 0 auto;
	padding-bottom: 60px;
	border-bottom: 1px solid #eee;
	text-align: center;
}
section.about a:first-child{
	margin-right:8%;
}
section.about a.button{
	text-shadow: 1px 1px 2px rgba(0,0,0,.6);
	width:44%;
	height:50px;
	text-align: center;
	line-height: 2.9;
	display:inline-block;
	border:1px solid #a01318;
	background: #ed3339;
	color:#fff;
	cursor: pointer;
	/* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ED3239), to(#ED1C24));

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #ED3239, #ED1C24); 

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #ED3239, #ED1C24);
 
   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #ED3239, #ED1C24);

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #ED3239, #ED1C24);
   transition:background-image .2s ease-in-out;
}
section.about a.button:hover{
	/* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ED1C24), to(#ED3239));

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #ED1C24, #ED3239); 

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #ED1C24, #ED3239);
 
   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #ED1C24, #ED3239);

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #ED1C24, #ED3239);
   text-decoration: none;
}

/* Accreditation icons */
.accreds .col-md-3{
	margin: 50px 0 0 0;
}
.lm-accred{
	width:61px;
	margin:0 auto;
}
.rm-accred{
	width:126px;
	margin:0 auto;
}
.right-accred{
	float:right;
}

/* Expertise section */
section.expertise{
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	background: #fafafa;
	margin: 50px 0;
	padding:50px 0 70px 0;
}
section.expertise p{
	padding-left:90px;
	margin:20px;
	margin-left: 0;
	min-height: 80px;
}
p.design:before{
	content:"";
	background: url(img/our-expertise.png) no-repeat 0 0;
	height:60px;
	width:60px;
	float:left;
	margin:0 30px 0 -90px;
}
p.expertise:before{
	content:"";
	background: url(img/our-expertise.png) no-repeat 0 -60px;
	height:60px;
	width:60px;
	float:left;
	margin:0 30px 0 -90px;
}
p.solutions:before{
	content:"";
	background: url(img/our-expertise.png) no-repeat 0 -120px;
	height:60px;
	width:60px;
	float:left;
	margin:0 30px 0 -90px;
}
p.security:before{
	content:"";
	background: url(img/our-expertise.png) no-repeat 0 -180px;
	height:60px;
	width:60px;
	float:left;
	margin:0 30px 0 -90px;
}


/* customers section */
section.customers h2{
	color:#a8a9ad;
}
.customer-2{
	margin:0 auto;
	width:185px;
}
.customer-3{
	float:right;
}

/* Testimonials section*/
section.testimonials{
	margin:70px 0 0 0;
	padding:60px 0;
	background:#fafafa;
	border-top:1px solid #eee; 
	color:#808080;
}
section.testimonials figure{
	border:1px solid #eee;
	background:#fff;
	position:relative;
	padding:20px;
	border-radius:2px;
}
section.testimonials figure img{
	position:absolute;
	right: 15px;
	bottom:-15px;
	border: 1px solid #eee;
	border-radius: 100px;
	padding:4px;
	background: #fff;
}
section.testimonials p.author{
	color:#ed1c24;
	margin-bottom: 0px;
}
section.testimonials p.role{
	font-size:0.8em;
}

/* Main site wide footer */
footer.main{
	background:#fff;
	position: relative;
	border-top:2px solid #eee;
	padding-top:20px;
}
footer.main h4{
	text-align: left;
	color:#ed1c24;
	padding-left:20px;
	margin-bottom:20px;
}
nav.site-map ul{
	list-style-type:none;
	text-align: left;
	padding-left:20px;
}
nav.site-map ul li{
	display:block;
	width:48%;
	font-size:1em !important;
	line-height:1.6;
	float:left;
}
nav.site-map ul li:before{
	content:" » ";
	padding-right:5px;
}
nav.site-map ul li:nth-child(odd){
	clear:left;
}
p.location{
	background: url(img/location.png) no-repeat 20px 15px;
	padding-left:70px;
	margin-left: 0px;
	line-height:1.6;
}
p.tel, p.email, p.enquiry{
	margin-bottom:0;
	line-height:1.6;
	padding-left:50px;
	background:url(img/contact-icons.png) no-repeat;
}
p.tel{
	background-position: 20px 6px;
}
p.email{
	background-position: 20px -16px;
}
p.enquiry{
	background-position: 20px -36px;
}
footer .copy{
	text-align: center;
	font-size: 0.8125em; /* 13px */
	margin-top:50px;
}
footer .copy a {
	color: #ed1c24;
}
footer .copy img{
	padding:0 0 16px 0;
}
#footer-menu a, #footer-menu a:visited, #contact-details a, #contact-details a:visited{
	color:#161616;
	text-decoration:none;
}
#footer-menu a:hover, #footer-menu a:active, #footer-menu a:focus, #contact-details a:hover, #contact-details a:active, #contact-details a:focus{
	color:#ed1c24;
	transition:all .5s ease-in-out;
}
/* back to top link */
a.back-to-top{
	position:fixed;
	right:50px;
	bottom:50px;
	z-index: 999;
	display:none;
	cursor:pointer;
	background: url(img/back-to-top.png) no-repeat top right;
	padding-right:20px;
	text-decoration: none;
}
/* page styles */
/*sidebar*/
#sidebar{
	padding:0 20px;
	border:1px solid #ccc;
	border-radius: 2px;
}
#find-out-more h4{
	background: url(img/sidebar-icons.png) no-repeat;
	height:32px;
	margin-bottom:19px;
	padding-left:50px;
}
#useful-links h4{
	background: url(img/sidebar-icons.png) no-repeat 0 -32px;
	height:32px;
	padding-left:50px;
}
.sidebar-item{
	border-bottom: 1px solid #ccc;
	padding:10px 0 11px 0;
}
.sidebar-item:first-child{
	padding-top:0;
}
.sidebar-item:last-child{
	border-bottom: none;
}
/*contact page remove bottom content padding */
.page-id-9 section.main-content {
	padding-bottom: 0;
}
.page-id-9 section.main-content img{
	border:none !important;
	width:auto;
}
section.main-content{
	padding-bottom: 2em;
}
section.main-content img{
	border:1px solid #ed1c24;
	width:100%;
	height:auto;
}
/*remove border for any img with no-border class */
img.no-border{
	border:none !important;
}
section.main-content p {
    margin: 0 0 1.4em 0;
}
section.main-content strong {
	color:#333;
}
section.main-content blockquote p{
	margin-bottom:0;
}
section.main-content h3{
	text-transform: uppercase;
	color:#ed1c24;
	margin:5px 0 14px 0;
}
section.main-content h4{
	color:#ed1c24;
	margin:1em 0;
	font-size:1.3em;
	line-height: 1.5;
}
#content-left-column{
	padding-right: 50px;
	text-align: justify;
}
#content-right-column{
	padding-left: 50px;
	text-align: justify;
}
section.page-title{
	background:url(img/title-banner.jpg) no-repeat center center;
  	height:100px;
  	background-color: #183946;
  	clear:both;
}
section.page-title h1{
	color:#fff;
	text-transform: uppercase;
	font-size:28px;
	margin-top:35px;
	float:left;
}
section.page-title p{
	font-style: italic;
	font-size:20px;
	color:#fff;
	width:50%;
	float:left;
	text-align: right;
	margin-top:35px;
}
nav.additional{
	margin:25px 0 15px 0;
	clear:both;
	line-height:25px;
	position:relative;
}
nav.additional ul{
	margin-left:0;
	padding-left:0;
	width:50%;
	float:left;
}
nav.additional ul li{
	display:inline-block;
}
ul.breadcrumbs li:last-child{
	font-style:italic;
}
ul.breadcrumbs li:last-child:after{
	content: "";
}
ul.breadcrumbs li:after{
	content: ">";
	padding:0 8px;
	color:#ed1c24;
}
ul.rss-print{
	text-align: right;
}
li.rss{
	background:url(img/page-nav-icons.png) no-repeat 0 3px;
}
li.print{
	background: url(img/page-nav-icons.png) no-repeat 0 -17px;
}
nav.additional a{
	text-decoration:none;
	color:#161616;
}
li.rss a, li.rss a:visited{
	padding: 0 25px;
	display:block !important;
}
li.print a, li.print a:visited{
	padding-left: 25px;
	display:block !important;
}
nav.additional a:hover, nav.additional a:active, nav.additional a:focus{
	color:#ed1c24;
	transition:all .5s ease-in-out;
}

/* case studies */
section.main-content img.alignleft{
	float:left;
	clear:both;
	margin:1em 2em;
	margin-left:0;
	width:auto !important;
	max-width:100%;
}
section.main-content img.alignright{
	float:right;
	clear:both;
	margin:1em 2em;
}
section.main-content hr{
	width:50%;
	text-align: center;
	margin: 0 auto;
}
section.main-content hr.additional-line{
	width:100%;
	margin-bottom:20px;
}
.case-study-left, .case-study-right{
	width:100%;
	clear:both;
	margin:50px 0;
	min-height:196px;
}
.case-study-left p, .case-study-right p{
	margin-bottom:1.1em !important;
}
.case-study-left h3 a, .case-study-left h3 a:active, .case-study-left h3 a:hover, .case-study-left h3 a:focus, .case-study-right h3 a, .case-study-right h3 a:hover, .case-study-right h3 a:active, .case-study-right h3 a:focus{
	text-decoration:none;
}
.case-study-left #case-study-details{
	padding-left:50px;
}
.case-study-right #case-study-details{
	padding-right:50px;
}
#case-study-details{
	text-align: justify;
}
hr.cs:last-child{
	display: none;
}
.read-more{
	margin-top:-10px !important;
}
/*case study single */
.case-title{
	margin-bottom:0 !important;
}

/* Contact Page */

/* Split section details and map */
.details-map{
	min-height: 400px;
}
.details-map div{
	padding-left: 0;
	padding-right:0;
}
.contact-details{
	background:#f5f5f5;
	min-height:400px;
	padding-top:30px;
	text-align: center;
	width:100%;
	color: #737373;
}
.contact-details h3{
	color: #737373 !important;
	margin-top: 20px !important;
	margin-bottom: 10px !important;
}
.contact-details p{
	padding: 5px 0;
	margin-bottom: 1em !important;
}
.contact-details img{
	padding:0 18px;
	display:inline-block !important;
	margin-bottom:0 !important;
}

/* Contact form */
form.wpcf7-form{
	padding-top:2em;
}
form.wpcf7-form label{
	font-weight: normal;
	display:block;
	float:left;
	width:30%;
	clear: left;
	line-height:1.6;
}
form.wpcf7-form label.subject{
	width:15%;
}
form.wpcf7-form textarea{
	float:left;
	border:1px solid #707070;
	clear:both;
	width:100%;
	height:141px;
	margin-top:8px;
}
form.wpcf7-form select {
	float:left;
	display:block;
}
form.wpcf7-form input {
	float:left;
	display:block;
	width:55%;
	padding-left:0.2em;
	padding-right:0.2em;
}
form.wpcf7-form div{
	padding:1.2em 0;
}
form.wpcf7-form fieldset{
	margin-bottom:50px;
}
form.wpcf7-form legend{
	font-family: 'Ruda', sans-serif;
	font-weight: 700;
	padding-bottom:10px;
}
media all
textarea, input[type='text'], input[type='password'], input[type='datetime'], input[type='datetime-local'], input[type='date'], input[type='month'], input[type='time'], input[type='week'], input[type='number'], input[type='email'], input[type='url'], input[type='search'], input[type='tel'], input[type='color'], .uneditable-input {
	border:1px solid #707070;
	transition:border 1s ease;
}
media all
textarea:focus, input[type='text']:focus, input[type='password']:focus, input[type='datetime']:focus, input[type='datetime-local']:focus, input[type='date']:focus, input[type='month']:focus, input[type='time']:focus, input[type='week']:focus, input[type='number']:focus, input[type='email']:focus, input[type='url']:focus, input[type='search']:focus, input[type='tel']:focus, input[type='color']:focus, .uneditable-input:focus {
    border: 1px solid #ed1c24;
    outline: 0;
    outline: thin dotted \9;
}
form.wpcf7-form select.subject{
	width:25%;
	min-width:160px;
}
form.wpcf7-form .submit {
	width:100%;
	clear:both;
	padding-top:0;
	padding-bottom:0;
	top:-30px; 
	position: relative;
}
form.wpcf7-form .submit p{
	text-align: left;
	font-style: italic;
	font-size:0.9em;
	margin-top:20px;
}
form.wpcf7-form .submit p:last-child{
	text-align: right;
	margin-top: -41px;
}
form.wpcf7-form input#submit{
	border:none;
	clear:both;
	float:none;
	display:inline;
	padding:15px;
	margin:-25px 0 2em 0;
	background:#ed1c24;
	bottom:0;
	right:0;
	z-index:999;
	text-shadow: 1px 1px 2px rgba(0,0,0,.6);
	border:1px solid #a01318;
	background: #ed3339;
	color:#fff;
	cursor: pointer;
	width:20%;
	/* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ED3239), to(#ED1C24));

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #ED3239, #ED1C24); 

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #ED3239, #ED1C24);
 
   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #ED3239, #ED1C24);

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #ED3239, #ED1C24);
   transition:background-image .2s ease-in-out;
}
form.wpcf7-form input#submit:hover{
	/* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ED1C24), to(#ED3239));

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #ED1C24, #ED3239); 

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #ED1C24, #ED3239);
 
   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #ED1C24, #ED3239);

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #ED1C24, #ED3239);
   text-decoration: none;
}
/* Ajax loader for contact form */
div.wpcf7 img.ajax-loader {
    position: absolute !important;
    bottom: 0px !important;
    right: 0px !important;
}
/* Validation errors */
span.wpcf7-not-valid-tip {
    clear: both;
    margin: 35px 0 -30px 0;
}
/* Form submission responses */
div.wpcf7-response-output {
    margin-top: -30px !important;
    padding-left:2em !important;
}
div.wpcf7-validation-errors {
    background: #fbedbf;
    border:1px solid #d3b85a !important;
    border-radius:2px !important;
}
div.wpcf7-mail-sent-ok{
	background:#dff0d5;
	border:1px solid #a9ce93 !important;
    border-radius:2px !important;
}
div.wpcf7-mail-sent-ng{
	background:#f2dede;
	border:1px solid #ceabab !important;
    border-radius:2px !important;
}
div.wpcf7-spam-blocked{
	background:#d9ecf8;
	border:1px solid #9ec5dc !important;
    border-radius:2px !important;
}
/* 404 page */
h4.error{
	min-height:32px;
	padding-left:48px;
	background:url(img/warning.png) no-repeat;
}
/* Mobile styles! */

/* Media queries */
@media screen and (max-width: 992px) {
	
	/* Primary navigation */
	/* Display the menu trigger for mobile sites and hide the desktop menu*/
	a#menu-trigger{
		display:block;
	}
	ul#menu{
		position: fixed;
		z-index:99;
		width:100%;
		top:105px;
		left:0;
		background:#fff;
		display:none;
		margin-left: 0;
		padding-left:0;
	}
	ul#menu li{
		width:100%;
		text-align:left;
		border-bottom:1px solid #eee;
	}
	ul#menu li a{
		padding:20px;
		display:block;
		transition:margin 0.3s ease-in-out;
	}
	ul#menu li a:hover{
		margin-left:25px;
	}
	/* Homepage sections */
	/* Altering margins for mobile */
	.accreds figure{
		text-align: center;
		float:none;
	}
	.accreds figure img{
		max-width:100%;
	}
	section.expertise .row:nth-child(2){
		margin-top:-1em;
	}
	section.testimonials figure{
		margin-bottom: 3em;
	}
	section.testimonials figure.testimonial-3{
		margin-bottom:0;
	}
	section.customers figure{
		margin:4em auto;
		float:none;
		text-align: center;
	}
	section.customers figure.customer-3{
		margin-bottom: 0;
	}
	/* Main site-wide footer*/
	footer.main h4, nav.site-map ul{
		padding-left:0;
	}
	footer.main .col-md-4{
		margin: 2em 0;
	}
	nav.site-map ul li{
		float:none;
	}
	p.location{
		background: url(img/location.png) no-repeat 0px 15px;
		padding-left:50px;
	}
	p.tel, p.email, p.enquiry{
		padding-left:30px;
		background-position-x:0px;
	}

	/* contact page */
	.details-map{
		margin-top:10px;
	}
	.contact-details{
		margin-bottom:-20px;
		min-height:370px;
		padding-top:15px;
	}
	/* Make the map smaller for mobile users */
	#map-canvas{
		min-height:370px !important;
	}
	/* Contact form */
	form.wpcf7-form textarea{
		width:100%;
	}
	form.wpcf7-form input, form.wpcf7-form select.subject {
		width:100%;
	}
	form.wpcf7-form label{
		min-width:90px;
	}
	form.wpcf7-form label.message{
		width:100%;
	}
	form.wpcf7-form label.title{
		width:90px;
	}
	form.wpcf7-form input#submit{
		min-width:150px;
	}
	form.wpcf7-form fieldset{
		margin:0;
		padding:0;
	}
	form.wpcf7-form .submit {
		top:0;
	}

	/* page two columns on mobile */
	#content-left-column{
		padding-right: 15px;
	}
	#content-right-column{
		padding-left: 15px;
	}
	.case-study-left #case-study-details{
		padding-left:15px;
	}
	.case-study-right #case-study-details{
		padding-right:15px;
	}
}
/* Case Study Page */
@media screen and (max-width: 400px) {
	.case-study-left h3, .case-study-right h3{
		font-size:1.2em;
	}
}
@media screen and (max-width:768px){
	.case-study-left img, .case-study-right img, .case-study-left h3, .case-study-right h3{
		width:50% !important;
		float:left;
		margin:.8em 0 !important;
	}
	.case-study-left h3, .case-study-right h3{
		padding-left: 15px;
		margin:1.5em 0 !important;
		word-wrap: break-word;
	}

}
@media screen and (max-width: 650px){
	/* Some more specific adjustments */
	form.wpcf7-form input, form.wpcf7-form select.subject {
		width:100%;
	}
	 form.wpcf7-form select.subject{
	 	margin-bottom:13px;
	 }
	form.wpcf7-form textarea{
		margin-top:0;
	}

	/* Adjust breadcrumbs and print links for smaller screens */
	nav.additional ul li{
		display:block;
		margin-bottom: 10px;
	}
	li.rss{
		background-position: right 3px;
	}
	li.rss a, li.print a{
		padding: 0 35px;	
	}
	li.print{
		background-position: right -17px;
	}
}
@media screen and (max-width: 480px){
	form.wpcf7-form .submit p:first-child {
		display: none;
	}
	form.wpcf7-form input#submit {
		width:100%;
		margin-top:40px;
	}
}
/* Modifying the hero section to prevent line breaks */
@media screen and (max-width: 1200px) {
	ul#menu1 li:nth-child(even) img {
		width:70% !important;
		transition:width 0.5s ease;
	}
	ul#menu1 li:nth-child(even){
		width:140px;
	}
}
@media screen and (max-width: 1000px) {
	ul#menu1 li:nth-child(even) img {
		width:50% !important;
		transition:width 0.5s ease;
	}
	ul#menu1 li:nth-child(even){
		width:100px;
	}
}
@media screen and (max-width: 850px) {
	ul#menu1 li:nth-child(even) {
		display:none;
	}
	ul#menu1 li:nth-child(odd){
		display:block;
		margin-bottom:60px;
	}
	ul#menu1{
		margin-top:35px;
		margin-left:5%;
		text-align: left;
	}
	ul#menu1 li:after{
		position:relative;
		top:0;
		margin-left:50px !important;

	}
	ul#menu1 li:nth-child(odd):hover:after{
		position:relative;
		bottom:0;
		margin-left:0;
	}
	ul#menu1 li:nth-child(odd):hover a:before{
		display:none;
	}
	ul#menu1 li:nth-child(odd):hover img{
		width:32px;
		height:32px;
		cursor: pointer;
	}
	ul#menu1 li a:hover, ul#menu1 li a{
		cursor: pointer;
	}
	section.hero h1{
		margin-top:50px;
	}
}

/* Print styles */
@media print {
	ul#menu{
		display:none;
	}
	nav.additional{
		display:none;
	}
	section.page-title h1{
		margin:-bottom:0;
	}
	blockquote{
		margin-top:0;
	}
	footer.main .col-sm-4:first-child{
		display:none;
	}
	p.location, p.tel, p.email{
		padding-left:20px;
		background-image:none;
	}
	p.enquiry{
		display:none;
	}
	section.main-content div{
		padding-left: 5px !important;
		padding-right:5px !important;
	}
}