/* Minification failed. Returning unminified contents.
(1249,51): Scanner error CSS1002: Unterminated string: '
(1249,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found ''
'
 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block
}

body {
color:#000;
font-family: 'Open Sans', sans-serif;
line-height:1.4em;
word-wrap:break-word !important;
}

ol,ul {
list-style:none
}

table {
border-collapse:collapse;
border-spacing:0
}

html,body,form {
height:100%
}

#wrap {
min-height:100%
}
#main {
overflow:auto;
padding-bottom:450px
}

footer {
position:relative;
margin-top:-450px;
height:450px;
clear:both
}
.content {
  display: table-cell;
  vertical-align: middle;
  
}

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

.clearfix:after {
clear:both
}
/* links */
a,
a:visited {
color: #b9d40e;
text-decoration: underline;
}

a:active {
color: #b9d40e;
text-decoration: underline;
    }
a:hover {
color: #95aa0f;
text-decoration: none;
    }



/* MAIN TOP NAVIGATION */
#logo {
	position:absolute; top:0px; left:20px; z-index:999999;
}
    #logo img
    {border-radius:0em 0em 0.2em 0.2em; width:220px; border:solid 2px #b9d40e; border-top:none;transition: all 0.4s ease; display:block;
    }

.toggle,
[id^=drop] {
	display: none;
}


nav { 
	margin:0;
	padding: 0;
	background-color: #1f1f1f;
border-bottom:3px solid #d0ee11
}




nav:after {
	content:"";
	display:table;
	clear:both;
}


nav ul {
	float: right;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	

nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	
	}

.menu li a
    {border-right:solid 1px #202020;
    }


.menu li ul li a
    {border-right:none;
    }

.menu li ul li a:visited
    {color:#fff;
    }

nav a {
	display:block;
	padding:17px 24px;	
	color:#FFF;
	font-size:0.9em;
	text-decoration:none;
background-color:#000;
color:#fff;
}
    nav a:visited
    {color:#fff;
    }
nav ul li ul li:hover { background: #000000;}


nav a:hover, .nav-on { 
	background-color: #d0ee11; color:#000 !important;
}


/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 

	top: 56px; 
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* First Tier Dropdown */
nav ul ul li {
	width:190px;
	float:none;
	display:list-item;
	position: relative;
font-size:0.8em;
z-index:999999;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
nav li > a:after { content:  ' +';}
nav li > a:only-child:after { content: ''; }


.fix {
height:59px;
position:fixed;
top:0;
left:0;
right:0;
margin:0;
z-index:99;
transition: all 0.4s ease;
}


.fix #logo img {
height:auto;
z-index:999;
width:120px;


}






#intro { background-image:url(/content/images/kitchen-jumbo.jpg); text-align:center; background-repeat:no-repeat; background-size:cover; height:94vh;  display: table; width: 100%;
  vertical-align: middle; position:relative;}

#lofts { background-image:url(/content/images/lofts.jpg); text-align:center; background-repeat:no-repeat; background-size:cover; height:100vh;  display: table; width: 100%;
  vertical-align: middle; position:relative; border-bottom:2px solid #b9d40e;}
#extensions { background-image:url(/content/images/extensions.jpg); text-align:center; background-repeat:no-repeat; background-size:cover; height:100vh;  display: table; width: 100%;
  vertical-align: middle; position:relative; border-bottom:2px solid #b9d40e;}
#garages { background-image:url(/content/images/garages.jpg); text-align:center; background-repeat:no-repeat; background-size:cover; height:100vh;  display: table; width: 100%;
  vertical-align: middle; position:relative; border-bottom:2px solid #b9d40e;}

#joinery { background-image:url(/content/images/joinery.jpg); text-align:center; background-repeat:no-repeat; background-size:cover; height:100vh;  display: table; width: 100%;
  vertical-align: middle; position:relative; border-bottom:2px solid #b9d40e;}

#refurbs { background-image:url(/content/images/refurbs.jpg); text-align:center; background-repeat:no-repeat; background-size:cover; height:100vh;  display: table; width: 100%;
  vertical-align: middle; position:relative; border-bottom:2px solid #b9d40e;}


#about-us { background-image:url(/content/images/about-jumbo.jpg); text-align:center; background-repeat:no-repeat; background-size:cover; height:94vh;  display: table; width: 100%;
  vertical-align: middle; position:relative;}

#call-to-action br
{display:none;
}

#call-to-action h3
{color:#fff; font-size:4em; font-weight:700;
}

#call-to-action h4
{color:#fff; font-size:2.2em;
}

.service-gallery img
{border:1px solid #b9d40e
}

.opb-padd {padding:250px 0px 0px 0px}

.sub-nav
{margin:50px 0px 0px 0px;
}
.sub-nav li
{ color:#fff; font-size:1em; padding:3px 3px 3px 3px;
}
    .sub-nav li:first-child
    {font-size:1.4em; font-weight:400;
    }
.scroll-down{
	position:absolute;
	margin-bottom:50px;
	display:inline-block;
	font-size:72px;
	line-height:72px;
	left:50%;
	z-index:999999;
	margin-left:-42px;
	color:#fff;
	-webkit-animation: scrolling 1s infinite;
	animation: scrolling 1s infinite; color:#FFF;
}
.scroll-down:visited {
    color:#fff;
}
.scroll-down:hover {
    color:#d0ee11 !important;
}

@-webkit-keyframes scrolling {
  0%, 100% {
    bottom:30px;
  }
  50% {
    bottom:40px;
  }
}
@keyframes scrolling {
  0%, 100% {
    bottom:30px;
  }
  50% {
    bottom:40px;
  }
}



.home-opb-padd {padding:220px 0px 0px 0px}

.home-opb-square {background-color:rgba(0,0,0,0.75);  padding:45px 40px 40px 40px; border-top:3px solid #b9d40e;}

.home-opb-square-1, .home-opb-square-2, .home-opb-square-3, .home-opb-square-4, .home-opb-square-5{color:#ffffff;}
.home-opb-square-1 {font-size:4em; line-height:70px; font-weight:300; color:#737373;}
.home-opb-square-2 {font-size:4.7em; line-height:70px;font-weight:300;}
.home-opb-square-3 {font-size:1.2em; line-height:60px;font-weight:300;}
.home-opb-square-4 {font-size:1.1em; line-height:50px;font-weight:300; margin-bottom:20px; padding:20px 90px 0px 90px;}
.home-opb-square-5 {font-size:1.5em; line-height:50px;font-weight:300; margin-bottom:20px; padding:20px 90px 0px 90px;}
    .home-opb-square-5 p
    {font-size:0.8em; line-height:30px;
    }
.green
{color:#b9d40e;
}

.grey
{color:#737373;
}



.container-white:before {
  background:
    linear-gradient(
      45deg, transparent 33.333%,
      #FFFFFF 33.333%, #FFFFFF 66.667%,
      transparent 66.667%
    ),
    linear-gradient(
      -45deg, transparent 33.333%,
      #FFFFFF 33.333%, #FFFFFF 66.667%,
      transparent 66.667%
    );
  background-size: 20px 40px;
}

.container-black:before {
  background:
    linear-gradient(
      45deg, transparent 33.333%,
      #000000 33.333%, #000000 66.667%,
      transparent 66.667%
    ),
    linear-gradient(
      -45deg, transparent 33.333%,
      #000000 33.333%, #000000 66.667%,
      transparent 66.667%
    );
  background-size: 20px 40px;
}


.container-green:before {
  background:
    linear-gradient(
      45deg, transparent 33.333%,
      #d0ee11 33.333%, #d0ee11 66.667%,
      transparent 66.667%
    ),
    linear-gradient(
      -45deg, transparent 33.333%,
      #d0ee11 33.333%, #d0ee11 66.667%,
      transparent 66.667%
    );
  background-size: 20px 40px;
}


.container-light-grey:before {
  background:
    linear-gradient(
      45deg, transparent 33.333%,
      #2b2b2a 33.333%, #2b2b2a 66.667%,
      transparent 66.667%
    ),
    linear-gradient(
      -45deg, transparent 33.333%,
      #2b2b2a 33.333%, #2b2b2a 66.667%,
      transparent 66.667%
    );
  background-size: 20px 40px;
}


.container-grey:before {
  background:
    linear-gradient(
      45deg, transparent 33.333%,
      #2b2b2b 33.333%, #2b2b2b 66.667%,
      transparent 66.667%
    ),
    linear-gradient(
      -45deg, transparent 33.333%,
      #2b2b2b 33.333%, #2b2b2b 66.667%,
      transparent 66.667%
    );
  background-size: 20px 40px;
}

.container-grey
{background-color:#2b2b2b;
}

.container-black
{background-color:#000;
}

    .container-grey p, .container-grey h3
    {color:#fff;
    }

.zigzag {
  position: relative;
  width: 100%;

}
.zigzag:before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  width: 100%;
  height: 10px;
 
}

.padd-large
{padding:130px 0px 130px 0px;
}

.green-box
{background-color:#d0ee11;
}

.centre
{text-align:center;
}

.home-intro
{border:solid #e0f172 3px; border-radius:0.5em; padding:90px 16px 120px 16px; background-color:#1a1a1a; text-align:center; background-image:url(/content/images/builder.jpg);  background-repeat:no-repeat; background-size:cover; 
}
    .home-intro h1, .home-intro h2
    {color:#fff; font-weight:400; 
    }


    .home-intro h1
    {font-size:2.3em;
    }

    .home-intro h2
    {font-size:2.29em;
    }



.home-intro span
{color:#b9d40e;
}

    .home-intro .span_6_of_12 i
    {font-size:9em; color:rgba(240,240,240,0.2); margin-bottom:15px;
    }


.home-intro p
{color:#fff; padding:0px 40px 20px 40px; line-height:2.5em; font-size:1em;
}
    .home-intro h4, #why-us h4
    {font-size:2.19em; color:#fff; padding:50px 0px 0px 0px; line-height:39px;
    }
        .home-intro h4 br, #why-us h4 br
        {display:none;
        }

.testimonial i
    {font-size:9em; color:rgba(0,0,0,0.2); margin-bottom:15px;
    }



.testimonial p
{font-size:1.1em; line-height:2em;
}


.testimonial h3
{font-size:2.7em; 
}

.testimonial span
{color:#aeaeae; font-size:1.1em;
}


#why-us h3 {font-size:2.9em; font-weight:400;
}
#why-us p
{font-size:1.1em; line-height:2em;
}
.large-icon
    {font-size:11em !important; color:rgba(255,255,255,1); margin-bottom:15px;
    }

.larger-01
{font-size:150%;
}


.services-icons
{display:block; background-color:rgba(0,0,0,1); border:solid 1px #fff; border-radius:0.2em; text-decoration:none;
}
    .services-icons img
    {width:85%;
    }
    .services-icons div
    {margin:0; text-transform:uppercase; color:#fff; padding:0px 0px 25px 0px; font-weight:700; line-height:16px !important;
    }
    .services-icons:hover
    {border:solid 1px #b9d40e;background-color:rgba(0,0,0,0.2);
    }
.services-icons i
{font-size:1.1em !important;
}
    .services-icons:hover i
    {margin-right:-5px;
    }

    .services-icons br
    {display:none;
    }


.contact-jumbo { padding:90px 0px 120px 0px; text-align:center; background-image:url(/content/images/living-room.jpg);  background-repeat:no-repeat; background-size:cover; 
}




.contact-band
{padding:90px 0px 120px 0px;
}

.contact-jumbo h3, .contact-jumbo2 h3
{font-size:3.1em; color:#fff; font-weight:700;
}
.contact-jumbo p,.contact-jumbo2 p
{font-size:1.1em; color:#fff; line-height:2em;
}


.list-cont {padding:20px; 
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);

 margin:30px 0px 30px 0px; float:left; width:48%; margin:1% 1% 1% 1%;}




.list-cont a {text-decoration:none;}
.list-cont-header::after {
    background: #263f4d none repeat scroll 0 0;
    content: "";
    display: block;
    height: 3px;
     margin: 0.9375rem auto 1.175rem;
    width: 100px;
}
.list-cont img {float:left; width:50%; height:auto;}

.list-cont img:hover {opacity:0.7;}
.list-cont-right {float:right; width:50%; text-align:center;}
.list-cont-right-padd {padding:12px 20px 20px 20px;}
.list-cont-right h3 {font-size:1.2em; font-weight:400; line-height:23px;}
.list-cont-right p {margin-bottom:0; font-size:0.8em; line-height:20px;}
.list-cont-right h4 {font-size:0.8em; font-weight:300; color:#999; text-transform: uppercase;}



/******************** Transitions ********************/

button, .btn-core, .services-icons i, .footer-icon i, .list-cont img{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
	transition: all .3s ease;
	text-decoration:none
}


.btn-core{
	display:inline-block;
	

	border:1px solid;
	font-weight:700;
	text-align:center;

	text-transform:uppercase;
}




.btn-larger{
font-size:1.3em;
padding:25px 50px 25px 50px; line-height:1.2em;
}

.btn-smaller{
font-size:1em;
padding:11px 20px 11px 20px; line-height:1.1em;
}

.back-padd-lower
{margin:20px 0px 20px 5px;
}

.btn-green {
	-moz-box-shadow:inset 0px 1px 0px 0px #edf5b6;
	-webkit-box-shadow:inset 0px 1px 0px 0px #edf5b6;
	box-shadow:inset 0px 1px 0px 0px #edf5b6;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bad40e), color-stop(1, #a8bf0f));
	background:-moz-linear-gradient(top, #bad40e 5%, #a8bf0f 100%);
	background:-webkit-linear-gradient(top, #bad40e 5%, #a8bf0f 100%);
	background:-o-linear-gradient(top, #bad40e 5%, #a8bf0f 100%);
	background:-ms-linear-gradient(top, #bad40e 5%, #a8bf0f 100%);
	background:linear-gradient(to bottom, #bad40e 5%, #a8bf0f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bad40e', endColorstr='#a8bf0f',GradientType=0);
	background-color:#bad40e;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #aabd2f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;


	text-decoration:none;
	text-shadow:0px 1px 0px #5a660c;
}
.btn-green:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a8bf0f), color-stop(1, #bad40e));
	background:-moz-linear-gradient(top, #a8bf0f 5%, #bad40e 100%);
	background:-webkit-linear-gradient(top, #a8bf0f 5%, #bad40e 100%);
	background:-o-linear-gradient(top, #a8bf0f 5%, #bad40e 100%);
	background:-ms-linear-gradient(top, #a8bf0f 5%, #bad40e 100%);
	background:linear-gradient(to bottom, #a8bf0f 5%, #bad40e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8bf0f', endColorstr='#bad40e',GradientType=0);
	background-color:#a8bf0f;
color:#ffffff;
}

    .btn-green:visited
    {color:#ffffff;
    }
.gradient-grey-top {
background: rgba(240,240,240,1);
background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,240,240,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 100%);

background: linear-gradient(to bottom, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff', GradientType=0 );
}



hr {
-moz-box-sizing:content-box;
box-sizing:content-box;
height:0;
border-bottom:dashed 1px #ddd;
border-top:none;
border-left:none;
border-right:none;
margin-top:35px;
margin-bottom:25px;
clear:both
}

em {
font-style:italic
}

h1,h2,h3,h4,h5 {
line-height:1em;
margin:0 0 15px;
padding:0; font-weight:300;
}

h1 {
font-size:2.8em
}

h2 {
font-size:2.5em
}


h3 {
font-size:2em
}

h4 {
font-size:1.9em
}
b,strong {
font-weight:700
}


dd {
margin:0 0 0 40px
}







p {
margin:0 0 1.1em
}



p {
font-size:.9em;
font-weight:300
}

.vanish-desktop {
display:none
}


* {
box-sizing:border-box;
-moz-box-sizing:border-box
}

.box-shadow {
-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.5);
-moz-box-shadow:0 0 2px 0 rgba(0,0,0,0.5);
box-shadow:0 0 2px 0 rgba(0,0,0,0.5)
}

.shadow-me-white {
text-shadow:1px 1px 0 rgba(255,255,255,0.8)
}

.shadow-me-black {
text-shadow:1px 1px 0 rgba(0,0,0,0.5)
}

img {
width:100%;
height:auto
}





.wrapper {
max-width:1300px;
padding:0 20px;
margin:0 auto;

}



.wrapper-inner {
max-width:1300px;
padding:90px 20px 60px;
margin:0 auto;
position:relative
}



.wrapper-inner li {list-style:circle; font-size:.9em;
font-weight:300}

.wrapper-inner ul
{margin:10px 10px 10px 30px;
}



.cms-row-images-small img, .cms-single-image-medium img {
  -webkit-opacity: 1.0;
    -moz-opacity: 1.0;
    -ms-opacity: 1.0;
    -o-opacity: 1.0;
    opacity: 1.0;

    -webkit-transition: opacity 1000ms ease 500ms;
    -moz-transition: opacity 1000ms ease 500ms;
    -ms-transition: opacity 1000ms ease 500ms;
    -o-transition: opacity 1000ms ease 500ms;
    transition: opacity 1000ms ease 500ms;
   }

.cms-row-images-small img:hover, .cms-row-images-medium img:hover {
      opacity: 0.7;
      }



.cms-single-image-full {
width:100%;
height:auto
}

.cms-single-image-medium {
width:50%;
height:auto;

}

.cms-single-image-small {
width:17%;
height:auto;
}

.cms-row-images-medium img, .cms-row-images-small img
{display:block;
}

.cms-row-images-medium {
float:left;
margin:.6% 0 .6% 1.3%;
width:31.5%;
border:solid 1px #b9d40e
}

.cms-wrapping-left {
float:left;
margin:0 2% 2% 0
}

.cms-wrapping-right {
float:right;
margin:0 0 2% 2%
}


.col {
display:block;
float:left;
margin:1% 0 1% 1.6%
}

.col:first-child {
margin-left:0
}

.group:before,.group:after {
content:"";
display:table
}

.group:after {
clear:both
}

.group {
zoom:1
}

.span_12_of_12 {
width:100%
}

.span_11_of_12 {
width:91.53%
}

.span_10_of_12 {
width:83.06%
}

.span_9_of_12 {
width:74.6%
}

.span_8_of_12 {
width:66.13%
}

.span_7_of_12 {
width:57.66%
}

.span_6_of_12 {
width:49.2%
}

.span_5_of_12 {
width:40.73%
}

.span_4_of_12 {
width:32.26%
}

.span_3_of_12 {
width:23.8%
}

.span_2_of_12 {
width:15.33%
}

.span_1_of_12 {
width:6.866%
}


address .org {
font-size:1.4em;
font-weight:400
}

.vcard {
line-height:26px;
color:#FFF;
font-weight:300;
}





footer {
text-align:center;
background-color:#2b2b2b;
}

    footer ul
    {margin:0; padding:20px 0px 20px 0px;
    }
    footer li
    {color:#fff;
    }
  footer li:first-child
        {font-weight:700; font-size:1.2em; padding-bottom:6px;
        }
        footer li:last-child
        {font-size:0.7em; color:#c3c2be
        }
    footer a, footer a:visited
    {color:#fff; text-decoration:none;
    }

  footer a:hover
    { color:#b9d40e;
    }

.footer-inner
{ max-width:1300px; margin-left:auto; margin-right:auto; padding-top:40px;background-color:#fff;
}
    .footer-inner img
    {display:block;
    }

.footer-icon
{font-size:4em;
}


label {
font-size:1em;
font-weight:400
}




input, textarea, select {
	font-family: 'Open Sans', sans-serif;
    display: block;
    position: relative;
font-size: 1em;
 margin-bottom:20px;
 font-weight: 300;
    padding: 25px 20px 25px 20px;
width: 100%;
 outline: none;
 text-align:center;
    border-radius: 0.3em;
 -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
	transition: all .3s ease;
	text-decoration:none;
    border: 1px solid #CCC;
}



input:focus, textarea:focus{


box-shadow: 0 0 5px rgba(185, 212, 14, 1);

  border: 1px solid rgba(185, 212, 14, 1);
}


select {

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;       
background-repeat: no-repeat;
background-position: right;
background-image:url(../images/dropdown-arrow.jpg);
}

.error {
color:#C00;
font-size:.8em;
margin-bottom:8px;

padding:7px;
}


span.formerror[style*="inline"] {
display:block!important;
background-color:#c02e2e;
border-radius:.1em;
color:#FFF;
font-size:.9em;
text-shadow:1px 1px 0 rgba(0,0,0,0.8);
clear:both;
margin-bottom:10px;
margin-top:-5px;
padding:7px 7px 7px 12px
}

::-webkit-input-placeholder {
color:#333;
opacity:1
}

:-moz-placeholder {
color:#333;
opacity:1
}

::-moz-placeholder {
color:#333;
opacity:1
}

:-ms-input-placeholder {
color:#333;
opacity:1
}





@media only screen and (min-width: 1300px) {
nav a {
padding:17px 31px;	

	font-size:1em;

}
.footer-wrapper
{border-bottom:solid 14px #b9d40e; height:211px; background-color:#fff;
}
}



@media only screen and (max-width: 1199px){
.list-cont img {width:40%;}
.list-cont-right {width: 60%;}
.list-cont-right h3{font-size: 1em; margin-bottom:4px;}
.list-cont-right-padd {padding: 0px 10px 10px 10px;}

}



@media only screen and (max-width: 1155px){
.list-cont{box-shadow:none;}
.list-cont-header::after {margin: 0.9375rem auto 0.8rem;}

}






@media only screen and (max-width: 1000px) {
#why-us p
{font-size:1em; 
}



}



@media only screen and (max-width: 950px) {
    .services-icons br
    {display:block;
    }

}

@media only screen and (max-width: 900px) {

}

@media only screen and (max-width: 850px) {

.list-cont, .list-cont img, .list-cont-right {float:none; width:100%; margin:0;}
.list-cont img {max-height:300px; width:auto;   display: block; margin: 0 auto;}
.list-cont-right h3 {font-size: 1.4em;margin-top: 9px;}
}


@media only screen and (max-width: 840px) {
 #logo img
    {width:180px; 
    }
    .home-intro h4 br, #why-us h4 br
    {display:block;
    }

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {

}

@media only screen and (max-width: 800px) {

}




@media only screen and (max-width : 758px) {


#logo img {width:99px; border: none; border-radius:0;
	
	}

	nav {
		margin: 0; border-bottom:none;
	}
nav ul {
	float: none;

	}
	
	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none; 
	}
    .toggle-align
    {text-align:right; 
    }

	/* Styling the toggle lable */
	.toggle {
		display: block;
		background-color: #000;
		padding:17px 20px;	
		color:#FFF;
		font-size:0.9em; 
		text-decoration:none;
		border:none;
	}

	.toggle:hover {
		 cursor:pointer;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		}


    nav ul li .toggle
    {background-color: #1f1f1f;
    }



	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}
    nav a
    {
        background-color: #333;
    }
	nav a:hover,
 	nav ul ul ul a {
		background-color: #b9d40e; color:#fff !important'
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:0.9em; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #212121; 
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}





h1 {font-size:2.6em}
h2 {font-size:2em}




.wrapper,.wrapper-inner {
padding:20px;
margin:0 auto;
position:relative
}

.vanish {
display:none!important
}

.vanish-desktop {
display:block!important
}



.span_1_of_12,.span_2_of_12,.span_3_of_12,.span_4_of_12,.span_5_of_12,.span_6_of_12,.span_7_of_12,.span_8_of_12,.span_9_of_12,.span_10_of_12,.span_11_of_12,.span_12_of_12 {
width:100%}


.col {margin:1% 0}
.fix {display:none}



/* cms */
.cms-row-images-small {
float:none;
margin:.6% 0 .6% 1.3%;
width:96.3%}

.cms-row-images-medium {
float:none;
margin:.6% 0 .6% 1.3%;
width:96.3%}

.cms-row-images-small img,.cms-row-images-medium img {
width:100%;
height:auto}


.home-opb-square-1 {font-size:3em; line-height:50px; }
.home-opb-square-2 {font-size:3.7em; line-height:50px; margin-bottom:10px;}
.home-opb-square-3 {font-size:1.2em; line-height:20px; margin-bottom:20px;}
.home-opb-square-4 {font-size:1em; line-height:40px; padding:0px 15px 0px 15px; }
.home-opb-square-5 {font-size:1.4em; line-height:50px;font-weight:300; margin-bottom:20px; padding:0px 15px 0px 15px;}
#why-us .span_3_of_12
{width:48%; margin:1%; float:left !important;
}

.contact-jumbo h3
{font-size:2.6em; 
}





#intro {
    background-image: url("/content/images/kitchen-jumbo-mob.jpg");
 
    height:auto;

}

#about-us {
    background-image: url("/content/images/about-jumbo-mob.jpg");
 
    height:auto;

}

    .list-cont-large-left, .list-cont-large-right {float:none; text-align:center; padding:90px 20px 0px 20px; width:auto;}

}

@media only screen and (max-width : 600px) {
.home-opb-square-1 {font-size:2.5em; line-height:40px; }
.home-opb-square-2 {font-size:3em; line-height:50px;}
.home-opb-square-3 {font-size:0.9em; line-height:20px; margin-bottom:20px;}





    #lofts, #joinery, #extensions, #refurbs, #garages
    {  height:auto;
    }

    .scroll-down
    {display:none;
    }
.home-opb-padd, .opb-padd {
    padding: 0;
}
.opb-padd {
    padding: 60px;
}
.home-intro p {

    line-height: 1.7em;
    padding: 0 20px 10px;
}
.padd-large {
    padding: 70px 0;
}


.contact-jumbo { padding:90px 0px 120px 0px;  background-image:url(/content/images/living-room-mob.jpg);  
}

.btn-larger{
font-size:1.2em;
padding:20px 20px 20px 20px; 
}


    .btn-call
    {width:96%;margin:2% 2% 2% 2%;
    }

#call-to-action br
{display:block;
}

#call-to-action h3
{color:#fff; font-size:3em; font-weight:700; 
}

#call-to-action h4
{color:#fff; font-size:1.7em;line-height:35px;
}
    footer
    {
        clear: both;
        height: 360px;
        margin-top: -360px;
    }
}

@media only screen and (max-width : 530px) {
.home-opb-square-1 {font-size:2.1em; line-height:40px; }
.home-opb-square-2 {font-size:2.5em; line-height:40px;}
.home-opb-square-3 {font-size:0.9em; line-height:20px; margin-bottom:10px;}
.opb-padd {
    padding: 30px 10px 30px 10px;
}

}

@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 94%;
	}

}