*, *:after, *::before {-moz-box-sizing: border-box;	box-sizing: border-box;}
html, body, .st-container,.st-pusher, .st-content {height: 100%; width:100%;}



article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;} fieldset{border:none;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}


.clearfix:before, .clearfix:after {display: table; content: " ";}
.clearfix:after {clear: both;}


/* TYPOGRAPHY STYLES */

@font-face { font-family: Gotham Black; font-weight: bold; src: url('../Gotham-Black.otf');}
@font-face { font-family: Gotham Bold; font-weight: bold; src: url('../Gotham-Bold.otf');}
@font-face { font-family: Gotham Medium; font-weight: bold; src: url('../Gotham-Medium.otf');}
@font-face { font-family: Gotham Light; font-weight: bold; src: url('../Gotham-light.otf');}

h1 {color:#000; text-align:center;  font-family:Gotham Light; font-size:60px; }
h2 {color:#000; text-align:center;  font-family:Gotham Light; font-size:50px; }
h3 {color:#000; text-align:center;  font-family:Gotham Light; font-size:40px; }
h4 {color:#000; text-align:center;  font-family:Gotham Light; font-size:30px; }
h5 {color:#000; text-align:center;  font-family:Gotham Light; font-size:20px; }
h6 {color:#000; text-align:center;  font-family:Gotham Light; font-size:10px; }

.testimonials {color:#414042; text-align:left!important;  font-family:Gotham Light; font-size:20px; line-height:30px; margin:10% 10% 10px 10%;  }
.contributor {text-align:right!important; margin: 0 10% 100px 10%; font-size:20px;}
.testimonials:before{ content: "\201C"; font-family: Georgia, serif; font-size: 60px;  font-weight: bold;  color: #ed1c24; position:absolute; padding-top:5px; }
.testimonials:after{content: "\201D"; font-family: Georgia, serif; font-size: 60px;  font-weight: bold; color: #ed1c24; position:absolute; padding-top:5px;}


p, li {color:#000; text-align:left;  font-family:Gotham Light; font-weight:200; font-size:18px; line-height:30px;}
.bold {font-family:gotham bold;}


a:link {text-decoration:none; color: #000;}
a:hover {text-decoration:none; color:#bc3830;}
a:visited {text-decoration:none; color:#000;}
a:active {text-decoration:none; color:#000;}


.projects-twentyfive {width:25%; max-width:25%; height:auto; float:left; padding:0; border:0; vertical-align: top;}
.projects-twentyfive img {width:100%; max-width:100%; vertical-align:top;}
.projects-fifty {width:50%; max-width:50%; height:auto; float:left; vertical-align: top; }
.projects-fifty img {width:100%; max-width:100%; max-height:100%; height:100%!important;}

.small {font-size:10px;}

.fixed-background-image{width:100%; height:auto; padding:150px 0 150px 0; float:left;}
.projects-chorlton {background-image:url('../images/chorlton-large-2.jpg');background-color:#ffffff;color:#ffffff;height:auto; background-size:cover; background-attachment:fixed; padding:250px 0 250px 0; margin:0;}
.projects-edge {background-image:url('../images/the-edge-6.jpg');background-color:#ffffff;color:#ffffff;height:auto; background-size:cover; background-attachment:fixed; padding:250px 0 250px 0; margin:0;}

.projects-lundy {background-image:url('../images/lundy-3.jpg');background-color:#ffffff;color:#ffffff;height:auto; background-size:cover; background-attachment:fixed; padding:250px 0 250px 0; margin:0;}


.introslide2 {background-image:url('../images/aec-vans.jpg');background-color:#ffffff;color:#ffffff;height:auto; background-size:cover; background-attachment:fixed;}
.introslide2 h2 {color:#fff; font-family:Gotham Light; font-weight:200;  line-height:80px; text-align:center; font-size:80px; margin: 0 10%;}

.introslide3 {background-image:url('../images/chorlton-outside-black.jpg');background-color:#ffffff;color:#ffffff;height:auto; background-size:cover; background-attachment:fixed;}
.introslide3 h2 {color:#fff; font-family:Gotham Light; font-weight:200;  line-height:80px; text-align:center; font-size:80px; margin: 0 10% 1% 10% }
.introslide3 h4 {color:#fff; font-family:Gotham Light; font-weight:200;  line-height:40px; text-align:center; font-size:40px; margin: 0 10%;}

.introslide2 p {color:#fff;   font-family:Gotham Light;  font-size:32px; line-height:40px; text-align:center; margin:0 20%;}
.introslide3 p {color:#fff;   font-family:Gotham Light;  font-size:20px; line-height:40px; text-align:center; margin:0 20%;}
.introslide2 p span, .introslide3 p span {font-size:20px; text-align:right!important; margin:0 20%;}

.full-width-header {width:100%; max-width:100%; height:auto; margin-bottom:50px; position:relative;}
.full-width-header img {width:100%; max-width:100%; height:auto; }
.header-image-title {position: absolute; top: 40%;     left: 50%;  transform: translateX(-50%) translateY(-50%); font-size:80px; font-family: Gotham Light; color:#fff;}

.button-white {font-family: Gotham Light;  line-height:50px; font-weight:200; text-align:center; font-size:18px; clear:both; margin: 20px 0; }
.button-white a:link{padding: 20px 20px; border: 2px solid; color:#fff; text-decoration:none;  }
.button-white a:visited{border: 2px solid;  color:#fff;}
.button-white a:hover{ background-color:#fff;   border: #fff ;  color:#000;   }
	
.button-black {font-family: Gotham Light;  line-height:50px; font-weight:200; text-align:center; font-size:14px; clear:both; margin: 20px 0; }
.button-black a:link{padding: 15px 15px; border: 2px solid; color:000; text-decoration:none;  }
.button-black a:visited{border: 2px solid;  color:#000!important; }
.button-black a:hover{ background-color:#000;   border: #000 ;  color:#fff!important;   }	
.button-black a:active{ background-color:#000;   border: #000 ;  color:#fff;   }	
	
.button-blue {font-family: Gotham Light;  line-height:50px; font-weight:200; text-align:center; font-size:14px; clear:both; margin: 20px 0; }
.button-blue a:link{padding: 15px 15px; border:#00539f 2px solid; color:#fff; text-decoration:none; background-color:#00539f;  }
.button-blue a:hover{ background-color:#fff!important;   border:#00539f 2px solid;   color:#00539f!important;   }	
.button-blue a:visited{padding: 15px 15px; border:#00539f 2px solid; color:#fff; text-decoration:none; background-color:#00539f;  }
.button-blue a:active{padding: 15px 15px; border:#00539f 2px solid; color:#fff; text-decoration:none; background-color:#00539f;  }

.menu-button a:link{color:#fff!important;}
.menu-button a:hover{color:#ccc;}


.intropara {color:#4d4d4f; text-align:left; font-weight:200; font-size:22px;  font-family: Gotham Medium;}
.content, #page {height:100%;}

ul, li {list-style-type: none; margin:0; padding:0 0 0 5px; margin-bottom:10px;}

.benefits li:nth-child(2n+1) {margin-bottom:0px; font-family: Gotham Medium;}



.services {width:100%; margin: 50px auto; text-align:center;  float:left;  }
.services-ind p {text-align:center; font-size:24px; line-height: 28px;}
.services-ind {width:20%;  display:inline-block;  margin:30px 0; padding:0;}
.services-ind img {text-align:center; }

.outer-container {width:100%; max-width:1200px; margin: 0 auto; background-color:#fff; }

.container {width:100%; margin: 0 auto;  background-color:#fff;}

.logo {width:350px!important; height:auto!important; vertical-align:top!important; text-align:center;display: block; margin: 3% auto;}
.logo img {width:100%; max-width:100%;}

.menulogo {width:200px!important; height:auto!important; vertical-align:top!important; text-align:center; display: block; margin: 50px auto;}

.menu-button{width:130px;  height:45px; background-color:#000; opacity:0.9; position:absolute; top:30px; left:30px;}
.menu-button p {color: #fff; display:inline; font-size:26px; line-height:32px; font-family: Gotham Light;}

.service-icons{width:25%; float:left;height:auto;}
.restofcontent{max-width:1100px; margin: 20px auto; overflow:hidden; height:auto; line-height: 0px;}

.downarrow {position:absolute; bottom:25px; z-index:99999; left:49%; -webkit-animation-duration: 2s;  -webkit-animation-delay: 2s;  -webkit-animation-iteration-count: infinite;}
.fullwidth{max-width:100%; width:100%; height:auto;}
.fullwidth img{max-width:100%; width:100%; height:auto;}
.fixed-background {background-image:url('images/benefits-background.jpg');background-color:#fff;color:#fff; background-attachment:fixed;width:100%; height:600px; padding:60px 0; margin: 50px 0;}

.open{margin: 20px 0 0 20px;}


.infoBlock h1, .infoBlock h3, .infoBlock h3, .infoBlock h4 {color:#fff;}


.main {max-width: 69em; 	margin: 0 auto;}
.column {float: left; 	width: 50%;	padding: 0 2em;	min-height: 300px;	position: relative;	text-align: right;}
.column:nth-child(2) {box-shadow: -1px 0 0 rgba(0,0,0,0.1); text-align: left;}
.column p {font-weight: 300;	font-size: 2em;	padding: 0 0 0.5em;	margin: 0;	line-height: 1.5;}


.info {text-align: center;	font-size: 1.5em;	margin-top: 3em;	 clear: both;	 padding: 3em 0;	opacity: 0.7;	color: #aca89a;}
.info a {font-weight: 700;	font-size: 0.9em;}



.header, .footer {box-sizing: border-box; width: 100%; position: fixed; z-index:9999; }
.header	{top: 0;}
.footer {bottom: 0; float:left;}
.margin {margin-left:20px;}
.padding {padding: 10px 40px;}



#full-width-slider {width: 100%; color: #000; position:relative;}
.coloredBlock {padding: 12px;  background: rgba(255,0,0,0.6);  color: #FFF;  width: 200px;   left: 20%;   top: 5%;}
.infoBlock {width: 100%;  padding-bottom: 0;   overflow: hidden;  padding: 0px; margin-top:20%; left: 0; top: 0; 	position: absolute;	z-index: 15;}


.z {z-index:100; position:relative;} 

.infoBlockLeftBlack { color: #FFF;     right: auto;}
.infoBlock a {color: #FFF;  text-decoration: underline;}
.fullWidth {margin: 0;}

.projects-holder {float:left; width:100%; margin-bottom:0px;}
.project {width:25%; float:left;}
.project img{max-width:100%; width:100%; height:auto;}



#innerpage h1 {text-align:center; font-size:6em!important; font-family: Gotham Light;}


.header-image2 {height:60%; background-color:#ccc;  background-attachment:fixed; width:100%; max-width:100%; position:relative;}
.header-image img {width:100%; max-width:100%;}

.header-image2 h3 {padding-top:10%;    font-family: Gotham Light; font-size:120px; text-align:center;}


.header-image {background-attachment:fixed; width:100%; max-width:100%; height:500px;padding:60px 0; margin: 0px 0; }
.header-image img {margin:0 0 15px 0;}


#wrapper{ width:100%; height:100%; margin:0 auto; position:relative; }

.topmargins {margin: 50px auto ;}


.testimonials {text-align:center;}


.text40 {width:45%; margin-left:5%; float:left;}
.text60 {width:60%; margin-left:5%; float:left;}
.text80 {width:80%; margin-left:5%; float:left;}

.text50 {width:50%; margin-left:5%; float:left;}


.image-right {width:35%; margin: 0 5%; float:left; } 
.image-right img  {width:100%; max-width:100%;}

.image-right-small {width:20%; margin: 120px 0 0 5%; float:left;}
.image-right-small img{width:100%; max-width:100%;}




.infoBlock h4 {margin: 0 25%;}






/* JQUERY MMENU */
nav:not(.mm-menu) {display: none;}
.header,.content,.footer{text-align: center;}
.header,.footer{background: none;	font-size: 16px;	font-weight: bold;	color: #fff;	line-height: 40px;	-moz-box-sizing: border-box; box-sizing: border-box;		width: 100%; 	height: 40px;	padding: 0 50px;}
.header.fixed{position: fixed;	top: 0;	left: 0; z-index:9999;}
.footer.fixed{position: fixed;	bottom: 0;	left: 0;}
.header a{background: center center no-repeat transparent;  display: block;	width: 40px;	height: 40px;	position: absolute; top: 10px;	left: 10px;}
.contact-details {margin:0px 0; font-size:24px; color:#fff; line-height:40px;}

html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker {-webkit-transition-duration: 0s;  -moz-transition-duration: 0s;  -ms-transition-duration: 0s;  -o-transition-duration: 0s;  transition-duration: 0s; }

.mm-listview li, .mm-navbar { font-size:22px; font-family: Gotham Light; line-height:30px;}
.mm-hidden {display: none !important; }
.mm-wrapper {overflow-x: hidden; position: relative; }
.mm-menu, .mm-menu > .mm-panel {margin: 0;  position: absolute;  left: 0;  right: 0;  top: 0;  bottom: 0; z-index: 0; }
.mm-menu {box-sizing: border-box;  background: inherit;  display: block;  overflow: hidden; padding: 0; }
.mm-panel {-webkit-transition: -webkit-transform 0.4s ease;  -moz-transition: -moz-transform 0.4s ease;  -ms-transition: -ms-transform 0.4s ease;  -o-transition: -o-transform 0.4s ease;  transition: transform 0.4s ease;  -webkit-transform: translate3d(100%, 0, 0);  -moz-transform: translate3d(100%, 0, 0);  -ms-transform: translate3d(100%, 0, 0);  -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.mm-panel.mm-opened {-webkit-transform: translate3d(0%, 0, 0);  -moz-transform: translate3d(0%, 0, 0);    -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0);    transform: translate3d(0%, 0, 0); }
.mm-panel.mm-subopened {-webkit-transform: translate3d(-30%, 0, 0);    -moz-transform: translate3d(-30%, 0, 0);    -ms-transform: translate3d(-30%, 0, 0);    -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); }
.mm-panel.mm-highest {z-index: 1; }
.mm-menu > .mm-panel {background: inherit;  border-color: inherit;  -webkit-overflow-scrolling: touch; overflow: scroll;  overflow-x: hidden;  overflow-y: auto;  box-sizing: border-box; padding: 0 0px; }
.mm-menu > .mm-panel.mm-hasnavbar {padding-top: 0px; }
.mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after {content: '';    display: block; height: 20px; }
.mm-vertical .mm-panel {-webkit-transform: none !important;  -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important;  transform: none !important; }
.mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel {display: none;  padding: 10px 0 10px 10px; }
.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after,   .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after {border-color: transparent; }
.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel {display: block; }
.mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next {height: 40px;  bottom: auto; }
.mm-vertical .mm-listview > li > .mm-next:after,  .mm-listview > li.mm-vertical > .mm-next:after {top: 16px;    bottom: auto; }
.mm-vertical .mm-listview > li.mm-opened > .mm-next:after,
.mm-listview > li.mm-vertical.mm-opened > .mm-next:after {-webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg); }
.mm-navbar {border-bottom: 1px solid;  border-color: inherit;  text-align: center;  line-height: 20px;  height: 40px;  padding: 0 40px;  margin: 0;  position: relative; top: 0;  left: 0; right: 0; }
.mm-navbar > * {display: block;    padding: 10px 0; }
.mm-navbar a, .mm-navbar a:hover {text-decoration: none; }
.mm-navbar .mm-title {text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden; }
.mm-navbar .mm-btn {box-sizing: border-box;    width: 40px;    height: 40px;    position: absolute; top: 0; z-index: 1; }
.mm-navbar .mm-btn:first-child {padding-left: 20px; left: 0; }
.mm-navbar .mm-btn:last-child {text-align: right;      padding-right: 20px; right: 0; }
.mm-panel .mm-navbar {display: none; }
.mm-panel.mm-hasnavbar .mm-navbar {display: block; }
.mm-listview, .mm-listview > li {list-style: none;  display: block;  padding: 0; margin: 10px 0; }
.mm-listview {font: inherit;  font-size: 14px; line-height: 20px; }
.mm-listview a, .mm-listview a:hover {text-decoration: none; }
.mm-listview > li {position: relative; }
.mm-listview > li, .mm-listview > li:after,    .mm-listview > li .mm-next,    .mm-listview > li .mm-next:before {border-color: inherit; } 
.mm-listview > li > a, .mm-listview > li > span {text-overflow: ellipsis;      white-space: nowrap;      overflow: hidden;      color: inherit;      display: block;   padding: 10px 30px 10px 40px; margin: 0;    }
.mm-listview > li > a.mm-arrow,      .mm-listview > li > span.mm-arrow {padding-right: 50px; }
.mm-listview > li:not(.mm-divider):after {content: '';      border-bottom-width: 1px;      border-bottom-style: solid;      display: block;      position: absolute;      left: 0;      right: 0;      bottom: 0; }
.mm-listview > li:not(.mm-divider):after {left: 20px; }
.mm-listview .mm-next {background: rgba(3, 2, 1, 0); width: 50px;    padding: 0;    position: absolute; right: 0;    top: 0; bottom: 0;    z-index: 2; }
.mm-listview .mm-next:before {content: '';      border-left-width: 0px;      border-left-style: solid;      display: block;      position: absolute; top: 0;      bottom: 0;      left: 0; }
.mm-listview .mm-next + a,    .mm-listview .mm-next + span {margin-right: 50px; }
.mm-listview .mm-next.mm-fullsubopen {width: 100%; }
.mm-listview .mm-next.mm-fullsubopen:before {border-left: none; }
.mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span {padding-right: 50px; margin-right: 0; }
.mm-menu > .mm-panel > .mm-listview {margin: 0px -20px; }
.mm-menu > .mm-panel > .mm-listview:first-child, .mm-menu > .mm-panel > .mm-navbar + .mm-listview {margin-top: 120px 0 0 0 ; }
.mm-listview .mm-inset {list-style: inside disc;  padding: 0 10px 15px 40px; margin: 0; }  
.mm-listview .mm-inset > li {padding: 5px 0; }
.mm-listview .mm-divider {text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;  font-size: 10px;  text-transform: uppercase; text-indent: 20px; line-height: 25px; }
.mm-listview .mm-spacer {padding-top: 40px; }
.mm-listview .mm-spacer > .mm-next {top: 40px; }
.mm-listview .mm-spacer.mm-divider {padding-top: 25px; }
.mm-prev:before, .mm-next:after, .mm-arrow:after {content: '';  border: 2px solid transparent; display: inline-block; width: 12px;  height: 12px;  margin: auto;  position: absolute;  top: 0;  bottom: 0; -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.mm-prev:before {border-right: none;  border-bottom: none; left: 20px; }
.mm-next:after, .mm-arrow:after {border-top: none;  border-left: none; right: 40px; }
.mm-menu {background: #f3f3f3;  border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.7); }
.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a {color: rgba(0, 0, 0, 0.7); }
.mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after {border-color: rgba(0, 0, 0, 0.3); }
.mm-menu .mm-listview {border-color: rgba(0, 0, 0, 0.1); }
.mm-menu .mm-listview > li .mm-next:after,    .mm-menu .mm-listview > li .mm-arrow:after {border-color: rgba(0, 0, 0, 0.3); }
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),  .mm-menu .mm-listview > li.mm-selected > span {background: none; }
.mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next,  .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel,  .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next,  .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel {background: rgba(0, 0, 0, 0.05); }
.mm-menu .mm-divider {background: rgba(0, 0, 0, 0.05); }

/*	jQuery.mmenu offcanvas addon CSS */
.mm-page {box-sizing: border-box;  position: relative; }
.mm-slideout {-webkit-transition: -webkit-transform 0.4s ease;  -ms-transition: -ms-transform 0.4s ease;  transition: transform 0.4s ease; }
html.mm-opened {overflow: hidden;  position: relative; }
html.mm-opened body {overflow: hidden; }
html.mm-background .mm-page {background: inherit; }
#mm-blocker { background: rgba(3, 2, 1, 0);  display: none;  width: 100%;  height: 100%;  position: fixed;  top: 0;  left: 0;  z-index: 999999; }
html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker {display: block; }
.mm-menu.mm-offcanvas {display: none;  position: fixed; }
.mm-menu.mm-current {display: block; }
.mm-menu {width: 100%;  min-width: 140px;  max-width: 350px; }
html.mm-opening .mm-slideout {-webkit-transform: translate(100%, 0);  -moz-transform: translate(80%, 0);  -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0);  transform: translate(80%, 0); }

/* JQUERY MMENU */


/* FULL SCREEN RS SLIDER */

.rsWebkit3d .rsSlide {-webkit-transform: translateZ(0); }
.rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img,.rsWebkit3d .rsOverflow,.rsWebkit3d .rsBtnCenterer,.rsWebkit3d .rsAbsoluteEl,.rsWebkit3d .rsABlock,.rsWebkit3d .rsLink {	-webkit-backface-visibility: hidden;}
.rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none;}
.rsOverflow {width: 100%; 	height: 100%;	position: relative;	overflow: hidden;	float: left;	-webkit-tap-highlight-color:rgba(0,0,0,0);}
.rsVisibleNearbyWrap {width: 100%; 	height: 100%;	position: relative; overflow: hidden;	left: 0;	top: 0;	-webkit-tap-highlight-color:rgba(0,0,0,0);}
.rsVisibleNearbyWrap .rsOverflow {position: absolute; left: 0;	top: 0;}
.rsContainer {position: relative; width: 100%;	height: 100%;	-webkit-tap-highlight-color:rgba(0,0,0,0);}
.rsArrow, .rsThumbsArrow {cursor: pointer;}
.rsThumb {float: left;	position: relative;}
.rsArrow, .rsNav, .rsThumbsArrow {opacity: 1; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear;	-o-transition:opacity 0.3s linear;	transition:opacity 0.3s linear;}
.rsHidden {opacity: 0; visibility: hidden;	-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -o-transition:visibility 0s linear 0.3s,opacity 0.3s linear; transition:visibility 0s linear 0.3s,opacity 0.3s linear;}
.rsGCaption {width: 100%;	float: left;	text-align: center;}
.royalSlider .rsSlide.rsFakePreloader {opacity: 1 !important; 	-webkit-transition: 0s;	-moz-transition: 0s;	-o-transition:  0s;	transition:  0s;	display: none; position:relative; z-index:2222;}
.rsSlide {position: absolute; left: 0;	top: 0;	display: block;	overflow: hidden;	height: 100%;	width: 100%;}
.royalSlider.rsAutoHeight,.rsAutoHeight .rsSlide {	height: auto;}
.rsContent {width: 100%;	height: 100%;	position: relative;}
.rsPreloader {	position:absolute;	z-index: 0;	}
.rsNav {-moz-user-select: -moz-none;	-webkit-user-select: none;	user-select: none;}
.rsNavItem {-webkit-tap-highlight-color:rgba(0,0,0,0.25);}
.rsThumbs {cursor: pointer;	position: relative;	overflow: hidden;	float: left;	z-index: 22;}
.rsTabs {float: left;	background: none !important;}
.rsTabs, .rsThumbs {-webkit-tap-highlight-color:rgba(0,0,0,0);}
.rsVideoContainer {/*left: 0; top: 0; 	position: absolute;*/ 	/*width: 100%; 	height: 100%;	position: absolute;	left: 0; 	top: 0; 	float: left;*/	width: auto;	height: auto;	line-height: 0;	position: relative;}
.rsVideoFrameHolder {position: absolute; left: 0;	top: 0;	background: #141414;	opacity: 0;	-webkit-transition: .3s;}
.rsVideoFrameHolder.rsVideoActive {opacity: 1;}
.rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj {position: absolute;	z-index: 50;	left: 0;	top: 0;	width: 100%;	height: 100%;}
.rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;	padding-right: 44px;}

.rsABlock {left: 0; top: 0; 	position: absolute;	z-index: 15;}

img.rsImg {max-width: none;}
.grab-cursor {cursor:url(grab.png) 8 8, move; }
.grabbing-cursor{cursor:url(grabbing.png) 8 8, move;}
.rsNoDrag {cursor: auto;}
.rsLink {left:0;	top:0;	position:absolute; width:100%; height:100%; display:block; z-index: 20;	background: url(blank.gif);}
.rsMinW .rsArrow {height: 32px;	width: 32px;	 position: absolute; display: block;	cursor: pointer;	z-index: 21;}
.rsMinW .rsArrowLeft { right: 37px; bottom: 7px; }
.rsMinW .rsArrowRight { right: 7px; bottom: 7px; }
.rsMinW .rsArrowIcn {width: 24px;	height: 24px;	margin-top: 3px;	margin-left: 3px;	position: absolute;	cursor: pointer;		background: url('../images/rs-minimal-white.png') transparent; border-radius: 2px;}
.rsMinW .rsArrowIcn:hover {}
.rsMinW.rsHor .rsArrowLeft .rsArrowIcn { background-position: -68px -36px; }
.rsMinW.rsHor .rsArrowRight .rsArrowIcn { background-position: -68px -68px; }
.rsMinW.rsVer .rsArrowLeft .rsArrowIcn { background-position: -100px -36px; }
.rsMinW.rsVer .rsArrowRight .rsArrowIcn { background-position: -100px -68px; }
.rsMinW .rsArrowDisabled .rsArrowIcn { opacity: .3 !important; filter: alpha(opacity=30);  *display: none; }
.rsMinW .rsBullets {position: absolute;	bottom: 15px;	right: 80px;	z-index: 35;	padding-top: 4px;	height: auto;	text-align: center;	line-height: 6px;	}
.rsMinW .rsBullet {	width: 7px;	height: 7px;	display: inline-block;	*display:inline; 	*zoom:1;	 padding: 6px 8px 6px 4px;}
.rsMinW .rsBullet span {display: block;	width: 6px;	height: 6px;	border-radius: 50%;	background: #CCC;	background: rgba(255,255,255,0.5);	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);}
.rsMinW .rsBullet.rsNavSelected span {	background: #FFF;}
.rsMinW .rsFullscreenBtn {right: 0;	top: 0;	width: 44px;	height: 44px;	z-index: 22;	display: block;	position: absolute;	cursor: pointer;}
.rsMinW .rsFullscreenIcn {display: block;	margin: 6px;	width: 32px;	height: 32px;	background: url('../images/rs-minimal-white.png') 0 0 transparent;}
.rsMinW .rsFullscreenIcn:hover {opacity: 0.8;}
.rsMinW.rsFullscreen .rsFullscreenIcn {background-position: -32px 0;}
.rsMinW .rsGCaption {position: absolute; 	float: none; bottom: 6px;	left: 6px;	text-align: left;	background: #000; background: rgba(0,0,0, 0.75); color: #FFF; padding: 2px 8px;	width: auto; 	font-size: 12px;	border-radius: 2px;}

/* FULL SCREEN RS SLIDER */


#footer {height:auto; width:100%; background-color:#000; float:left; } 
#footer p {color:#fff; font-size:14px; line-height:18px;}

.footerleft, .footermiddle, .footerright {float:left; width:33%; padding-left:3%; padding-top:20px; margin: 0 0 40px 0;}

.footerwrapper {max-width:1100px; margin: 0 auto;}

#contactus p {color:#000; font-size:18px; margin-bottom:0; margin-top:20px;}


.contain {width:100%; margin: 0 auto; max-width:1200px; }

.projects-link {width:40%; height:auto; margin: 50px 5%; float:left; padding: 75px 0;}
.projects-link img {width:100%; max-width:100%;}
.projects-link h3 {color:#fff;}
.project1 {background-image:url('../images/project1.jpg');background-color:#ffffff;color:#ffffff;height:auto; background-size:cover; }
.project2 {background-image:url('../images/project2.jpg');background-color:#ffffff;color:#ffffff;height:auto; background-size:cover; }
.project3 {background-image:url('../images/project3.jpg');background-color:#ffffff;color:#ffffff;height:auto; background-size:cover; }
.project4 {background-image:url('../images/chorlton-projects-1.jpg');background-color:#ffffff;color:#ffffff;height:auto; background-size:cover; }



#content {background-color:#fff!important;}


#contactus fieldset {width:100%; }
#contactus legend, h2 {font-family : Arial, sans-serif;   font-size: 1.3em;   font-weight:bold;   color:#333;}
#contactus label {font-family : Gotham Light;   font-size:1.2em;   font-weight: normal; color:#000;}
#contactus input[type="text"],textarea {font-family : Arial, Verdana, sans-serif;  font-size: 0.8em;  line-height:140%;  color : #000;   padding : 3px;   border: 1px solid #999;}

#contactus input[type="text"] {height:35px;  width:100%;}
#contactus #scaptcha {width:60px; height:18px; }
#contactus input[type="submit"] {width:200px;   height:50px;   padding-left:0px; background-color:#bc3830; border:none;  color:#fff; font-size:20px; float:right;}

#contactus textarea {height:120px; width:100%;}
#contactus input[type="text"]:focus,textarea:focus {color : #009; border : 1px solid #990000;  background-color : #ccc; font-weight:bold;}
#contactus .container {margin-top:8px;   margin-bottom: 10px;}
#contactus .error {font-family: Verdana, Arial, sans-serif;  font-size: 0.7em;   color: #900;   background-color : #e1eecd;}
#contactus fieldset#antispam {padding:2px; border-top:1px solid #EEE;   border-left:0;   border-right:0;   border-bottom:0;   width:350px;}
#contactus fieldset#antispam legend {font-family : Arial, sans-serif; font-size: 0.8em;   font-weight:bold;   color:#333;   }
#contactus .short_explanation
{font-family : Arial, sans-serif; font-size: 0.8em; color:#333;  float:left;  }

/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactus .spmhidip {display:none; width:10px; height:3px;}
#fg_crdiv {font-family : Arial, sans-serif;   font-size: 0.3em;   opacity: .2;   -moz-opacity: .2;   filter: alpha(opacity=20);   }
#fg_crdiv p {display:none;}
.formcontainer {width:50%!important; float:left;}
.formcontainer2 {width:40%!important; float:left; margin-left:10%;}
 



@media only screen and (min-device-width: 320px)   and (max-device-width: 736px)   and (-webkit-min-device-pixel-ratio: 2), (min-width: 320px)   and (max-width: 736px) 
{ 
.formcontainer {width:90%!important; float:left;}
.formcontainer2 {width:90%!important; float:left; margin-left:5%;}
.projects-twentyfive {width:50%; max-width:50%; height:auto; float:left; padding:0; border:0; vertical-align: top;}
.projects-fifty {width:100%; max-width:100%; height:auto; float:left; vertical-align: top; }

.projects-link {width:90%;}

.button-blue {font-family: Gotham Light;  line-height:50px; font-weight:200; text-align:center; font-size:12px; clear:both; margin: 20px 0; }
.button-blue a:link{padding: 10px 10px; border:#00539f 2px solid; color:#fff; text-decoration:none; background-color:#00539f;  }

.mm-listview li, .mm-navbar { font-size:18px; font-family: Gotham Light; line-height:24px;}
.mm-listview, .mm-listview > li {margin: 0px 0; }
.menu-button{width:115px;  height:40px; background-color:#000; opacity:0.7; position:absolute; top:20px; left:20px;}
.menu-button p {color: #fff; display:inline; font-size:24px; line-height:25px; font-family: Gotham Light; }
.header a{top: 5px;	left: 10px;}


.topmargins {margin:0;}
.services-ind {width:45%;  display:inline-block;  margin:30px 0; padding:0;}
.services-ind p {text-align:center; font-size:18px; line-height: 22px;}

.infoBlock h1 {color:#fff; font-size:2em; margin: 0 5%;} 
.infoBlock h3, .infoBlock h4{color:#fff; font-size:1em; margin: 0 5%;} 

h3 {font-size:24px; margin: 0 5%; }

.text60, .text40, .text80 {width:90%; margin: 0 5%; float:left;} 

.image-right-small {width:60%; margin: 50px 15%; float:left;}
.image-right{width:80%; margin: 0 10%; float:left;}


.logo {width:200px!important; height:auto!important; vertical-align:top!important; text-align:center;display: block; margin: 3% auto;}

.header-image-title {font-size:30px;}


html.mm-opening .mm-slideout {-webkit-transform: translate(350px, 0); -moz-transform: translate(350px, 0); -ms-transform: translate(350px, 0); -o-transform: translate(350px, 0); transform: translate(350px, 0); } 
.firstline {color:#fff; text-align:center;   font-size:40px; font-family: Gotham Bold;  font-weight:200;  line-height:40px;}
.secondline {color:#fff; text-align:center;  font-family: Gotham bold;  font-weight:200; font-size:40px; line-height:40px;}
.infoBlock {margin-top:30%;}
html.mm-opening .mm-slideout {-webkit-transform: translate(300px, 0); -moz-transform: translate(300px, 0); -ms-transform: translate(300px, 0); -o-transform: translate(300px, 0); transform: translate(300px, 0);} 


.introslide2 p span, .introslide3 p span {text-align:center!important; font-size:20px; margin: 0;}
.introslide2 h2 {color:#fff; font-family:Gotham Medium; font-weight:200;  line-height:36px; text-align:center; font-size:26px; margin: 0 10%;}
.introslide3 h2 {font-size:30px;}
.introslide2 p {margin: 0 10%!important; font-size:18px; line-height:30px;}

.footerleft, .footermiddle, .footerright {float:left; width:90%; padding-left:3%; padding-top:20px;}


.hideonmobile {display:none;}

p, li {font-size:16px; line-height:24px;}
h1 {font-size:40px;}


.header-image2 {height:60%; }
.header-image2 h3 {padding-top:10%;    font-size:50px;}
.fixed-background-image{width:100%; height:auto; padding:100px 0 ;}

.footerright {margin-bottom:40px; }

.header-image2 h3 {margin-top:25%;}


.italics {font-style:italic;}

.contact-details {font-size:22px;}
}


@media all and (min-width: 550px) {
html.mm-opening .mm-slideout {-webkit-transform: translate(350px, 0);    -moz-transform: translate(350px, 0);    -ms-transform: translate(350px, 0);    -o-transform: translate(350px, 0);    transform: translate(350px, 0);} 
}


@media only screen and (min-width:481px) and (max-width:768px){
.where {font-size:20px; line-height:28px;}
.contact-details {font-size:20px;}


}


    

@media screen and (max-width: 46.0625em) {
.column {width: 100%; min-width: auto;		min-height: auto; 	padding: 2em; text-align: center;	}
.column p {font-size: 1.5em;}
.column:nth-child(2) {text-align: center; box-shadow: 0 -1px 0 rgba(0,0,0,0.1);}
}


#footer a:link {color: #fff;}