html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}
#content {
width:100%;
}

.maintenance-page .layout-container {
margin:5rem auto;
text-align:center;
}

.maintenance-page header {
margin-bottom:2rem;
}

.maintenance-page .logo {
max-width:420px;
}

#content-header #highlighted,
.container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.front #main #content-three {
padding:0;
}
.front .container #content-three .content {
max-width:100%;
}

.container::after {
  clear: both;
  content: "";
  display: table;
}

.no-sidebars #content {
  width: 100%;
}

@media screen and (min-width: 45em) {
  .no-sidebars #content {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 100%;
  }
  .no-sidebars #content:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 60em) {
  .no-sidebars #content {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%;
  }
  .no-sidebars #content:last-child {
    margin-right: 0;
  }
}

.one-sidebar.sidebar-second #content {
  width: 100%;
}

@media screen and (min-width: 45em) {
  .one-sidebar.sidebar-second #content {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 74.19355%;
  }
  .one-sidebar.sidebar-second #content:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 60em) {
  .one-sidebar.sidebar-second #content {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 65.95745%;
  }
  .one-sidebar.sidebar-second #content:last-child {
    margin-right: 0;
  }
}

.one-sidebar.sidebar-first #content {
  width: 100%;
}

@media screen and (min-width: 45em) {
  .one-sidebar.sidebar-first #content {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 74.19355%;
    margin-left: 25.80645%;
  }
  .one-sidebar.sidebar-first #content:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 60em) {
  .one-sidebar.sidebar-first #content {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 74.46809%;
    margin-left: 25.53191%;
  }
  .one-sidebar.sidebar-first #content:last-child {
    margin-right: 0;
  }
}

.two-sidebars #content {
  width: 100%;
}

@media screen and (min-width: 45em) {
  .two-sidebars #content {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 48.3871%;
    margin-left: 25.80645%;
  }
  .two-sidebars #content:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 60em) {
  .two-sidebars #content {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 40.42553%;
    margin-left: 25.53191%;
  }
  .two-sidebars #content:last-child {
    margin-right: 0;
  }
}

#sidebar-first {
  width: 100%;
}

@media screen and (min-width: 45em) {
  #sidebar-first {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 22.58065%;
    margin-left: -77.41935%;
  }
  #sidebar-first:last-child {
    margin-right: 0;
  }
  .one-sidebar.sidebar-first #sidebar-first {
    margin-left: -103.22581%;
  }
}

@media screen and (min-width: 60em) {
  #sidebar-first {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 23.40426%;
    margin-left: -68.08511%;
  }
  #sidebar-first:last-child {
    margin-right: 0;
  }
  .one-sidebar.sidebar-first #sidebar-first {
    margin-left: -102.12766%;
  }
}

#sidebar-second {
  width: 100%;
}

@media screen and (min-width: 45em) {
  #sidebar-second {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 22.58065%;
    margin-left: 0%;
  }
  #sidebar-second:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 60em) {
  #sidebar-second {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 31.91489%;
    margin-left: 0%;
  }
  #sidebar-second:last-child {
    margin-right: 0;
  }
} 

#footer {
float: none;
clear: both;
}

#header,
#footer,
.mission,
.breadcrumb,
.node {
 clear: both;
}

/* Customizations */

/* Colours 
Light green #008f7b
Green #005444
Light gold/yellow #c89133
Rust #833400
*/

html, body{
height:100%;
}
#content-one,
#content-two,
#content-three,
#content-four,
#content-five,
#sidebar-first,
#sidebar-second {
background: rgba(255, 255, 255, 1);
}
body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
margin-left:0;
}
#mm-0.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
margin-left:240px;
margin-left:15rem;
}

.no-wrap {
white-space:nowrap;
}

.page-node-92 .block-basic-content,
.page-node-93 .block-basic-content {
text-align:center;
margin:50px 0;
max-width:600px;
}

.page-user-login #content-area,
.page-user-register #content-area,
.page-user-password #content-area {
max-width:720px;
margin:0 auto;
}

/* Header */
#header {
background:url(../../images/header-bg.jpg) scroll repeat-x 0 0 #fff;
}
#header-region {
position:relative;
}
#header .container,
#banner .container {
padding:10px 50px;
}
#navigation .container {
padding:0 50px;
}
#banner .container #banner-region,
#navigation .container #block-mainnavigation {
max-width:1200px;
margin:0 auto;
}
#content-header {
padding:0 50px;
}

/* Off-canvas menu */
#block-responsivemenumobileicon {
padding-top:10px;
}
/* Set colour of off-canvas menu icon */
.responsive-menu-toggle-icon::before,
.responsive-menu-toggle-icon::after,
.responsive-menu-toggle-icon span.icon {
background: #008f7b !important;
}
.responsive-menu-toggle-icon:before,
.responsive-menu-toggle-icon:after,
.responsive-menu-toggle-icon span.icon {
width: 40px;
height: 4px;
border-radius: 2px;
}
.responsive-menu-toggle-icon:before {
top: 4px;
}
.responsive-menu-toggle-icon span.icon {
top: 16px;
}
.responsive-menu-toggle-icon:after {
top: 28px;
}
.responsive-menu-toggle-icon::before,
.responsive-menu-toggle-icon::after,
.responsive-menu-toggle-icon span.icon {
background:#333;
left:0;
}
#block-responsivemenumobileicon .label {
color:#008f7b;
position:absolute;
left:0;
top:32px;
font-size:.8rem;
}
#off-canvas ul.menu li.menu-item a:hover,
#off-canvas ul.menu li.menu-item> a.is-active  {
color:#008f7b;
}
/* Hide Services sub-menu in off-canvas menu */
#mm-1 > ul:nth-child(2) > li:nth-child(6) > a:nth-child(2),
#mm-5 > ul:nth-child(2) > li:nth-child(3) > a:nth-child(2),
#mm-17 > ul:nth-child(2) > li:nth-child(3) > a:nth-child(2),
#mm-22 > ul:nth-child(2) > li:nth-child(2) > a:nth-child(2) {
display:none !important;
}

#block-horizontalmenu {
display:none;
}
.responsive-menu-block-wrapper li a {
text-transform:uppercase;
font-family:'AvenirLTStd Heavy';
color:#000;
padding:.3rem .7rem .35rem .7rem;
}

#block-headermenu {
position:absolute;
right:0;
top:13px;
}
#block-headermenu ul.menu {
padding-left:0;
}
#block-headermenu li.menu-item{
list-style-type:none;
list-style-image:none;
display:inline-block;
}
#block-headermenu li.menu-item a {
display:inline-block;
font-weight:bold;
padding:0 10px;
color:#ccc;
}
#block-headermenu li.menu-item a:hover,
#block-headermenu li.menu-item a.is-active {
color:#008f7b;
}
#block-phone {
font-size:1.4rem;
text-align:center;
font-family:'AvenirLTStd Heavy';
margin-bottom:10px;
}
#block-phone p {
margin-bottom:0;
}
#block-phone .request-quote {
margin-bottom:10px;
}
#block-phone .request-quote a {
display:inline-block;
padding:10px 20px;
text-transform:uppercase;
color:#fff;
background-color:#c89133;
transition:background-color 300ms ease;
}
#block-phone .request-quote a:hover {
background-color:#eab355;
}
#block-basic-branding {
max-width:420px;
}
.site-logo {
display:block;
max-width:420px;
max-height:100px;
}
.site-logo img {
width:420px;
height:auto;
}

#block-basic-search {
border:1px solid #dedede;
max-width:19.6875rem;
margin:0 auto 5px auto;
overflow:auto;
}
#search-block-form .js-form-type-search {
display:block;
float:left;
margin:0;
}

#search-block-form #edit-actions  {
display:block;
float:right;
margin:0;
line-height:1.3;
}

#search-block-form #edit-submit  {
line-height:1.3;
}
#search-block-form input#edit-keys {
border:none;
margin-bottom:0;
box-shadow:none;
}
 
/* Banner */
#banner {
background:url(../../images/services-banner.jpg) scroll no-repeat  center center #aaa;
text-align:center;
padding-top:30px;
padding-bottom:30px;
background-size:cover !important;
}
.front #banner {
background:url(../../images/hero-740x900.jpg) scroll no-repeat center center #aaa;
background-size:cover !important;
padding-top:30px;
padding-bottom:30px;
}
.page-node-type-article #banner {
background:none;
}
.section-brick #banner {
background:url(../../images/brick-banner.jpg) scroll no-repeat center center #aaa;
}
.section-stone #banner  {
background:url(../../images/stone-banner.jpg) scroll no-repeat center center #aaa;
}
.section-landscape #banner {
background:url(../../images/landscape-banner.jpg) scroll no-repeat center center #aaa;
}
.page-node-43 #banner,
.page-node-44 #banner,
.page-node-45 #banner,
.page-node-46 #banner {
background:url(../../images/natural-stone-banner.jpg) scroll no-repeat center center #aaa;
}
.page-node-47 #banner,
.page-node-56 #banner,
.page-node-57 #banner,
.page-node-58 #banner,
.page-node-59 #banner,
.page-node-60 #banner,
.page-node-61 #banner {
background:url(../../images/interlocking-pavers-banner.jpg) scroll no-repeat center center #aaa;
}
.page-node-49 #banner,
.page-node-67 #banner,
.page-node-68 #banner {
background:url(../../images/curbs-banner.jpg) scroll no-repeat center center #aaa;
}
.section-accessories #banner {
background:url(../../images/masonry-accessories-banner.jpg) scroll no-repeat center center #aaa;
}
.page-node-52 #banner,
.page-node-76 #banner,
.page-node-77 #banner,
.page-node-78 #banner,
.page-node-79 #banner,
.page-node-80 #banner,
.page-node-87 #banner {
background:url(../../images/landscape-accessories-banner.jpg) scroll no-repeat center center #aaa;
}
.page-node-111 #banner,
.page-node-113 #banner,
.page-node-114 #banner {
background:url(../../images/artificial-turf-banner.jpg) scroll no-repeat center center #aaa;
}
.page-node-112 #banner,
.page-node-115 #banner,
.page-node-116 #banner,
.page-node-117 #banner {
background:url(../../images/firepits-banner.jpg) scroll no-repeat center center #aaa;
}

.section-step-and-rail #banner {
background:url(../../images/steps-banner.jpg) scroll no-repeat center center #aaa;
}
.page-node-89 #banner {
background:url(../../images/aggregate-banner.jpg) scroll no-repeat center center #aaa;
}
.page-node-90 #banner {
background:url(../../images/railings-banner.jpg) scroll no-repeat center center #aaa;
}
.section-photo-galleries #banner {
background:url(../../images/banner-1.jpg) scroll no-repeat center center #aaa;
}
.page-node-99 #banner {
background:url(../../images/banner.jpg) scroll no-repeat center center #aaa;
}

#banner .product-category {
font-family:"AvenirLTStd Black", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
text-transform:uppercase;
color:#fff;
font-size:60px;
line-height:1;
margin-bottom:10px;
}
.front #block-basic-page-title h1,
.page-node-type-product #block-basic-page-title h1 {
font-family:"AvenirLTStd Heavy", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
font-size:2rem;
}
#block-basic-page-title h1 {
margin-bottom:0;
color:#fff;
}
.page-node-type-article #block-basic-page-title h1 {
color:#000;
}
#block-basic-page-title h1,
.page-node-99 #block-basic-page-title h1 {
font-family:"AvenirLTStd Black", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
font-size:60px;
}
.page-node-10 #block-basic-page-title h1 {
font-family:"AvenirLTStd Black", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
font-size:53px;
}
.front #banner-region > div {
max-width:700px;
color:#fff;
}
.front #banner-region #block-homepagecta h1 {
font-size:30px;
}
.front #banner-region #block-homepagecta {
font-size:24px;
max-width:500px;
margin:0 auto;
}
.front #banner-region #block-homepagecta .link a {
display:inline-block;
border:1px solid #fff;
color:#fff;
background-color:transparent;
padding:15px 25px;
font-family:"AvenirLTStd Medium", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
text-transform:uppercase;
-webkit-transition:all ease 300ms;
-ms-transition:all ease 300ms;
transition:all ease 300ms;
}
.front #banner-region #block-homepagecta .link a:hover {
border:1px solid #008f7b;
background-color:#008f7b;
}

/* content-header */
#content-header {
background-color:#005444;
color:#fff;
}
.social-sharing-buttons {
margin-top:0;
}
.messages--status {
}
.breadcrumb {
padding:0 0 50px 0 !important;
}
.page-node-type-article .breadcrumb {
padding-top:0 !important;
}
.breadcrumb {
text-transform:capitalize;
}
.breadcrumb ol {
padding-left:0;
margin-bottom:0;
}
.breadcrumb a {
color:#999;
margin-right:.5rem;
font-family: "AvenirLTStd Roman" !important;
}
.breadcrumb li a:hover {
text-decoration:none !important;
color:#000;
}
.front .breadcrumb {
display:none;
}

.tabs a {
padding:3px 15px;
background-color:#fff;
font-family: "AvenirLTStd Roman" !important;
color:#005444 !important;
transition:background-color ease 300ms;
}
.tabs a:hover {
background-color:#008f7b !important;
color:#fff !important;
text-decoration:none !important;
}
.tabs a.is-active {
background-color:#005444;
color:#fff !important;
text-decoration:none;
}

/* content-area */
.block-addthis-2 {
margin-top:-55px;
text-align:center;
height:100px;
}
.at-share-btn {
border:5px solid #fff !important;
}
.front .block-basic-page-title h1,
.front #content-area,
.front #content-area a {
color:#fff;
}

.page-contact .form-textarea {
height:150px;
}
.product .product-summary,
.page .overview {
max-width:960px;
margin:0 auto 50px auto;
}
.page-node-99 .product-summary {
margin-bottom:0;
}
.page-node-99 h2#tour {
margin-top:50px;
}

/* Blog */
#block-basic-views-block-blog-block-3 .views-row {
text-align:center;
}
.view-blog .views-row {
margin:25px 0;
}
#block-views-block-blog-block-1 .views-row,
#block-views-block-blog-block-2 .views-row {
margin:0;
}
.view-blog .views-field {
margin-bottom:10px;
}
#main .views-field-title h3 a {
font-family:"AvenirLTStd Medium", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
font-size:1rem;
}
.views-field-title h2 {
margin-bottom:0;
}
.article-image {
margin-bottom:1rem;
}

/* Main category pages and sub-pages */
.categories,
.manufacturers {
text-align:center;
}
.categories h2,
.manufacturer h2 {
font-size:.8rem!important;
}
.manufacturer h2 {
margin-bottom:0;
}
.category {
display:inline-block;
max-width:250px;
vertical-align:top;
margin:20px 20px 20px 20px;	
}
.manufacturer {
max-width:240px;
margin:0 auto 30px auto;
padding:0;
}
.manufacturer div a {
display:table-cell;
width:240px;
height:240px;
vertical-align:middle;
border:1px solid #252525;
}
.category p,
.manufacturer p {
margin-top:20px;
text-align:left;
}
#building-brick {
margin-bottom:50px;
}
.page-node-44 .manufacturer img,
.page-node-49 .manufacturer img,
.page-node-51 .manufacturer img,
.page-node-52 .manufacturer img,
.page-node-53 .manufacturer img,
.page-node-54 .manufacturer img {
width:100%;
height:100%;
}

.category h2 a,
.manufacturer h2 a {
display:block;
padding:30px 10px;
background-color:#252525;
text-align:center;
color:#fff;
}
.small {
font-size:.85rem;
text-transform:capitalize;
}

/* Product pages */
.product .manufacturers-logo {
min-width:220px;
float:left;
margin:10px 20px 12px 0;
}
.page-node-88 .manufacturers-logo {
min-width:100px;
width:100px;
height:100px;
}
.page-node-88 .manufacturers-logo img {
width:100%;
}
.paragraph-group {
clear:both;
}
.paragraph-group > div {
overflow:auto; /* to prevent stupid margin collapse on paragraph */
}
.paragraph-group .paragraph {
margin:0 0 50px 0;
}

/* Videos on product and resources pages */
.page-node-76 .paragraph .additional {
max-width:960px;
margin:50px auto 0 auto;
}
.page-node-76 .additional h3 {
text-align:center;
}
.video-wrapper {
margin: 0px auto 2remauto;
position: relative;
padding-bottom: 56.25%;
height: 0;
}
.additional .video-wrapper {
margin:0px auto 0 auto;
padding-top:25px;
}
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

 /* Photoswipe */
.pswp__bg {
opacity:.85 !important;
}
.main-product-image {
margin-bottom:5px;
}
.page-node-74 .main-product-image,
.page-node-80 .main-product-image,
.page-node-87 .main-product-image {
margin-bottom:50px;
}
.paragraph h2 {
border-bottom:1px solid #000;
}
.paragraph .projects,
.photoswipe-gallery {
overflow:auto;
}
.paragraph .projects > div,
.paragraph .colours > div,
.section-photo-galleries .photoswipe-gallery.gallery-image  > div {
display:inline-block;
width:49%;
margin:.5%;
margin-bottom:5px;
float:left;
transition:width ease 1200ms;
}
.paragraph .intro {
overflow:auto;
}
.paragraph .brochure {
display:inline-block;
margin:0 30px 30px 0;
text-align:center;
}
.paragraph #limestone-three {
margin-right:0;
}
.paragraph .sub-heading h3 {
margin-left:5px;
margin-top:30px;
}
.paragraph .colours {
overflow:auto;
margin-bottom:30px;
}
a.photoswipe img {
width:100%;
height:auto;
}
.paragraph .main-product-image,
.paragraph .colours > div {
position:relative;
}
.paragraph .main-product-image span.img-caption,
.paragraph .colours span.img-caption {
display:block;
width:100%;
padding:10px;
position:absolute;
left:0;
bottom:0;
background:url(../../images/cta-bg.png) scroll 0 0 transparent;
color:#fff;
}
.paragraph .colours span.img-caption {
text-align:center;
transition:padding 300ms ease;
}
.paragraph .colours span.img-caption:hover {
padding:30px 10px;
}
.pswp__caption__center {
text-align:center;
font-size:1rem;
max-width:1200px;
}
.highlight {
max-width:500px;
margin:0 auto;
border:1px solid #005444;
background-color:#008f7b;
color:#fff;
padding:30px;
text-align:center;
text-transform:uppercase;
}
.specs {
clear:both;
margin-top:30px;
}
.additional .left,
.additional .right {
margin-bottom:50px;
}
.page-node-84 p.text {
margin-bottom:30px;
}
.post-cap,
.coping {
margin-bottom:30px;
}
.page-node-78 .additional table,
.page-node-87 .additional table {
text-align:center;
border:1px solid #ddd;
max-width:450px;
margin-top:0;
}
.page-node-78 .additional table caption,
.page-node-87 .additional table caption {
font-weight:bold;
padding:5px;
background-color:#ddd;
}
.page-node-78 .additional table th,
.page-node-87 .additional table th {
text-align:center;
border-bottom:1px solid #ddd;
}
.page-node-78 .additional table th,
.page-node-87 .additional table th {
padding:.25rem .7rem;
}
/* page-node-78 */
#wca table,
#wcc table,
#wcb table {
max-width:100%;
}
#wca table,
#wcc table {
font-size:.85rem;
}
#wcb table {
font-size:.75rem;
}

.gallery-link,
.steps-link,
.highlighted {
max-width:600px;
margin:50px auto 0 auto;
}
.gallery-link,
.steps-link,
.highlighted {
background-color:#000;
}

.gallery-link a,
.steps-link a,
.highlighted a {
display:block;
max-width:600px;
margin:0 auto;
text-align:center;
color:#fff;
padding:50px;
font-weight:normal;
text-transform:uppercase;
transition:opacity 300ms ease;
}
.gallery-link a {
background:url(../../images/gallery-link-bg.jpg) scroll no-repeat center center transparent;
opacity:1;
}
.steps-link a {
background:url(../../images/gallery-link-bg.jpg) scroll no-repeat center center transparent;
opacity:1;
}
.page-node-8 .highlighted a {
background:url(../../images/curbs-bg.jpg) scroll no-repeat center center transparent;
opacity:1;
}
.gallery-link a:hover,
.steps-link a:hover,
.highlighted a:hover {
opacity:.8;
text-decoration:none;
}
.steps-link a {
padding:40px;
}
.steps-link span.link {
display:block;
padding:10px;
margin-top:35px;
border:1px solid #fff;
}

.page-node-89 .aggregate {
margin:30px 0;
padding:30px 0;
border-bottom:1px solid #ccc;
}
.page-node-89 #sand {
margin-top:0;
padding-top:0;
}
.page-node-89 #pre-mix-gravel {
margin-bottom:0;
padding-bottom:0;
border-bottom:none;
}
.page-node-89 .aggregate h3 {
margin-left:0;
}
.page-node-89 .image,
.page-node-71 .image,
.page-node-79 .image {
text-align:center;
}
.size-table {
max-width:500px;
margin:0 auto 30px auto;
text-align:center;
}
.size-table th {
padding:.2rem;
text-align:center;
}
.size-table caption {
background-color:#252525;
color:#fff;
padding:.25rem;;
}

/* Resources page */
.guides {
background:url(../../images/divider.jpg) scroll no-repeat center bottom transparent;
margin-bottom:50px;
}
.dry-stack {
background:none;
}
.landscape-guides,
.brick-stone-guides,
.schuts-guides {
text-align:center;
}
.landscape-guides img {
border:1px solid #ddd;
}
.one, .two, .three, .four, .five, .six, .seven, .eight {
padding-bottom:50px;
}

/* Contact page */
.contact-form {
max-width:960px;
margin:0 auto;
}
.page-contact .js-form-type-checkbox label {
display:inline-block;
}

/* Request quote page */
.js-form-type-radio {
width:30%;
float:left;
}
.js-form-type-checkbox {
width:50%;
float:left;
}
.js-form-type-radio input.form-radio,
.js-form-type-radio label.option,
.js-form-type-checkbox input.form-radio,
.js-form-type-checkbox label.option {
display:inline;
}
legend span,
label {
text-transform:uppercase;
font-weight:bold;
}
label {
font-size:.8rem;
}
label.option {
text-transform:none;
font-weight:normal;
font-size:1rem;
}
fieldset.fieldgroup,
.page-request-quote .form-item-plans  {
margin:40px 0;
}
fieldset.fieldgroup {
margin:40px 0;
}
.page-request-quote .form-item-plans  {
margin:40px 0;
padding:20px;
background-color:#eee;
border:1px solid #ddd;
}
.form-item-plans .description {
font-size:.8rem;
color:#777;
}
#edit-preferred-contact-method--wrapper {
clear:left;
}

/* Google map */
#content-six .content {
max-width:100% !important;
}
.map.embed-container {
position:relative;
}
.map.embed-container #map-notice {
width:225px;
position:absolute;
top:80px;
font-weight:600;
font-size:18px;
background-color:rgb(100,100,100);/*for old IE browsers with no support for rgba()*/
background-color: rgba(0,0,0,.50);
color: #fff;
padding: 8px;
}
.map.embed-container .map-overlay {
height:450px;
width:100%;
position:absolute;
z-index:1;
background-color:rgba(0,0,0,0.10);/*should be transparent but this will help you see where the overlay is going in relation with the markup*/
}
.front .map.embed-container #map-notice,
.page-contact .map.embed-container #map-notice {
left:10px;
top:125px;
}

/* Content one */
#block-basic-views-block-blog-block-3 h2,
#block-products-2 h2 {
text-align:center;
}
/* content-two */
/* front products */
#block-products-2 #stone,
#block-products-2 #brick {
padding-bottom:30px;
border-bottom:1px solid #eee;
margin-bottom:50px;
}
.front-product a {
text-transform:uppercase;
}
span.angle-glyph {
font-size:1.35rem;
color:#005444;
}
.front-product .image {
max-width:600px;
margin:0 auto 20px auto;
}
/* content-three */
/* Home page and galleries page photo galleries */
.block-views-block-gallery-links-block-1-2 {
overflow:auto;
max-width:2500px;
margin:0 auto;
}
.block-views-block-gallery-links-block-1-2 h2 {
text-align:center;
}
.block-views-block-gallery-links-block-1 {
text-align:center;
}
.block-views-block-gallery-links-block-1-2 .views-row,
.block-views-block-gallery-links-block-1 .views-row {
display:inline-block;
}
.block-views-block-gallery-links-block-1-2 .views-row {
float:left;
}
.block-views-block-gallery-links-block-1 .views-row {
margin:20px 0;
}
#block-views-block-gallery-links-block-1-2 .views-row img {
width:100%;
height:auto;
}
.block-views-block-gallery-links-block-1-2 .views-row,
.block-views-block-gallery-links-block-1 .views-row {
background-color:#000;
}
.block-views-block-gallery-links-block-1-2 .views-row a,
.block-views-block-gallery-links-block-1 .views-row a {
opacity:1;
transition:opacity ease 300ms;
}
.block-views-block-gallery-links-block-1-2 .views-row a:hover,
.block-views-block-gallery-links-block-1 .views-row a:hover {
opacity:.8;
}

/* product-bottom */
.not-front #content-three {
background-color:#eee;
border-top:1px solid #aaa;
}
.product-bottom {
overflow:auto;
}
.product-bottom .upgrade,
.product-bottom .accents,
.product-bottom .resources,
.product-bottom .brochure-warranty {
margin:0 auto 30px auto;
text-align:center;
}
.page-node-5 .product-bottom .resources,
.page-node-72 .product-bottom .resources,
.page-node-76 .product-bottom .resources,
.page-node-77 .product-bottom .resources,
.page-node-80 .product-bottom .resources {
margin-bottom:0;
}
.product-bottom .warranty {
margin:0 auto;
text-align:center;
}
.product-bottom .upgrade,
.product-bottom .accents,
.product-bottom .brochure {
text-align:center;
padding:100px 50px;
}
.product-bottom .upgrade {
background:url(../../images/shouldice-stone-upgrade-link.jpg) scroll no-repeat center center #aaa;
background-size:cover;
}
.product-bottom .accents {
background:url(../../images/aa-upgrade-link.jpg) scroll no-repeat center center #aaa;
background-size:cover;
}
.product-bottom a.text {
color:#fff;
font-family:'AvenirLTStd Black' !important;
text-transform:uppercase;
}
.upgrade a.text,
.accents a.text {
font-size:1.4rem;
}
.product-bottom .resources {
text-align:center;
border:1px solid #aaa;
overflow:auto;
margin-bottom:20px;
padding:20px;
background-color:#fff;
}
.page-node-12 .product-bottom .resources .image-link img,
.page-node-19 .product-bottom .resources .image-link img,
.page-node-35 .product-bottom .resources .image-link img {
border:1px solid #ccc;
}
.product-bottom .resources .additional a,
.pdf a {
padding:.3rem0 .3rem2rem;
font-family:'AvenirLTStd Roman' !important;
background:url(../../images/pdf.jpg) scroll no-repeat 0 0 #fff;
background-size:contain;
line-height:1.8;
}
.product-bottom .warranty {
background-color:#fff;
padding:40px 30px 30px 30px;
overflow:auto;
}
.page-node-12 .warranty {
border:1px solid #ccc;
}
.page-node-21 .product-bottom .resources {
padding:40px 30px 30px 30px;
}
.page-node-15 .upgrade-warranty .upgrade {
background:url(../../images/thin-stone-upgrade-link.jpg) scroll no-repeat center center #999;
background-size:cover;
}
.page-node-15 .product-bottom .warranty {
padding:25px;
}
.product-bottom .warranty .img,
.product-bottom .warranty a {
display:inline-block;
}
.product-bottom a img {
border:1px solid #ccc;
}
.product-bottom .catalogue {
text-align:center;
}

/* content-four */
.front #content-four {
overflow:auto;
text-align:center;
}
#content-four .content ul.list {
padding-left:0;
list-style-type:none;
overflow:auto;
}
#content-four .content .link {
margin-bottom:0;
clear:both;
}
#content-four .content .link a {
display:inline-block;
padding:10px;
border:1px solid #ccc;
color:#fff;
background-color:transparent;
transition:background-color 300ms, border 300ms;
}
#content-four .content .link a:hover {
text-decoration:none;
background-color:#008f7b;
border-color:#008f7b;
}
.flippy a {
display:inline-block;
padding:10px;
border:1px solid #005444;
}
.flippy a:hover,
.flippy a:focus,
.flippy a:active {
text-decoration:none;
background:#005444;
color:#fff;
}
#block-masonrylandscapeaccessories {
background:url(../../images/accessories-bg.jpg) scroll no-repeat center center #aaa;
}
#block-steprail {
background:url(../../images/railings-bg.jpg) scroll no-repeat center center #aaa;
}
#block-resources {
background:url(../../images/resources-bg.jpg) scroll no-repeat center center #aaa;
}
#block-services {
background:url(../../images/services-bg.jpg) scroll no-repeat center center #aaa;
}
#block-seeinside {
background:url(../../images/see-inside-bg.jpg) scroll no-repeat center center #aaa;
}
#block-masonrylandscapeaccessories,
#block-steprail,
#block-resources,
#block-services,
#block-seeinside {
color:#fff;
margin:0 0 50px 0;
padding:30px;
background-size:cover;
}
#block-seeinside {
margin-bottom:0;
}
#block-seeinside p.link {
padding-top:132px;
}

/* content-five */
#content-five {
background:url(../../images/what-we-do-bg.jpg) fixed center center #252525;
}
#block-whychooseschuts {
max-width:960px;
margin:0 auto;
color:#fff;
}
#block-whychooseschuts h2,
#block-whychooseschuts p a {
color:#008f7b;
}
	
/* content-six */
#content-six {
padding:0 !important;
height:450px;
}
	
/* content-seven */
#content-seven {
background-color:#252525;
color:#fff;
}
/* Page bottom CTA */
#block-footercta {
padding:50px auto;
text-align:center;
font-family:"AvenirLTStd Heavy";
font-size:22px;
}
#block-footercta a {
display:inline-block;
padding:10px 20px;
color:#fff;
font-size:16px;
background-color:#005444;
transition:background-color 300ms ease;
}
#block-footercta a:hover {
background-color:#008f7b;
text-decoration:none;
}

/* Footer */
#footer {
background-color:#333;
color:#fff;
}
#footer h2 {
color:#008f7b;
font-size:1.2rem;
}
#footer ul.menu {
list-style-type:none;
padding-left:0;
margin-left:0;
}
#footer ul.menu a {
display:block;
color:#fff;
padding:5px 0;
}
#footer .block-contactus a {
color:#fff;
}
#footer li.menu-item--active-trail > a,
#footer ul.menu a.is-active,
#footer .block-contactus a:hover {
color:#008f7b;
}
#footer ul.menu a:hover {
text-decoration:none;
color:#008f7b;
}
#footer .social a {
display:inline-block;
margin:10px 20px 20px 0;
}

#footer-one {
text-align:center;
font-size:12px;
color:#999;
background-color:#000;
}
#footer-one {
padding:15px 50px;
}
#footer-one a {
color:#666;
}
#footer-one a:hover {
color:#fff;
}

@media screen and (min-width: 1960px) {
	/* banner */
	.front #banner {
	background:url(../../images/hero-2880x1440.jpg) scroll no-repeat  center center #666;
	background-size:cover;
	padding-top:350px;
	padding-bottom:300px;
	}
}
@media screen and (min-width:1600px) and (max-width: 1960px) {
	/* user */
	
	/* header */
	
	/* banner */
	.front #banner {
	background:url(../../images/hero-1980x990.jpg) scroll no-repeat  center center #666;
	background-size:cover;
	padding-top:250px;
	padding-bottom:180px;
	}
}

@media screen and (min-width: 1220px) and (max-width: 1600px) {
	/* banner */
	.front #banner {
	background:url(../../images/hero-1600x800.jpg) scroll no-repeat  center center #666;
	background-size:cover;
	padding-top:180px;
	padding-bottom:130px;
	}
}

@media screen and (max-width: 1219px) {
	/* Navigation */
	/* Main menu - Superfish */
	#navigation {
	display:none;
	}
}

@media screen and (min-width:1220px) {
	/* header */
	/* font sizes */
	body #header {
	font-size:1.2rem;
	}
	
	/* header */
	#header {
	background:url(../../images/header-bg.jpg) scroll repeat-x 0 -20px #fff;
	}
	.site-logo {
	display:inline-block;
	margin-top:60px;
	width:420px;
	}
	#block-headermenu {
	top:0;
	}
	#block-phone {
	top:55px;
	}
	#block-basic-search {
	top:105px;
	}
	#block-phone .request-quote,
	#block-phone .tel {
	display:inline-block;
	}
	#block-phone .request-quote {
	margin-bottom:10px;
	}
	#block-phone .request-quote a {
	padding:10px 20px;
	}
	#block-phone .tel {
	padding:10px 0 10px 20px;
	}
	#block-basic-search {
	top:112px;
	}
	#search-block-form .form-search {
	padding:.4rem;
	}
	#block-phone .request-quote a,
	#search-block-form input[type="submit"] {
	padding:.4rem .8rem;
	}
	ul.sf-menu a,
	ul.sf-menu span.nolink {
	font-size:1rem;
	}
	
	/* Navigation */	
	/* Main menu - Superfish */
	#superfish-main {
	margin-bottom:0;
	}

	/* Superfish */
	#navigation #superfish-main li {
	display:block !important;
	}
	ul#superfish-main {
	position:relative !important;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	display:-webkit-box
	-webkit-justify-content:space-around;
	-ms-flex-pack:distribute;
	justify-content:space-around;
	}
	ul.sf-menu li:hover > ul,
	ul.sf-menu li.sfHover > ul {
	top:2.45rem;
	}
	ul.sf-multicolumn {
	position:absolute !important;
	width:100% !important;
	box-sizing:border-box;
	}
	li.sf-multicolumn,
	li.sf-multicolumn-wrapper,
	li.sf-multicolumn-wrapper ol,
	div.sf-multicolumn-column {
	width:100% !important;
	}
	li.sf-multicolumn-wrapper {
	background-color:#fff;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	
	}
	li.sf-multicolumn-wrapper > ol > li {
	border-left:1px solid #ccc;
	}
	li#main-menu-link-contentffefd4c8-2433-4f42-a93d-ae52a1783ebd li.sf-multicolumn-wrapper > ol {	
	display:block !important;
	}
	li#main-menu-link-contentffefd4c8-2433-4f42-a93d-ae52a1783ebd li.sf-multicolumn-wrapper > ol > li {
	border:none;
	}
	li#main-menu-link-contentffefd4c8-2433-4f42-a93d-ae52a1783ebd li.sf-depth-2 {
	width:100% !important;
	}
	li#main-menu-link-contentffefd4c8-2433-4f42-a93d-ae52a1783ebd li.sf-depth-2 {
	width:100% !important;
	padding:0 1%;
	}
	li.sf-multicolumn-wrapper > ol {
	display:flex;
	}
	li.sf-multicolumn-wrapper {
	border-left:1px solid #ccc;
	}
	li.sf-multicolumn-column {
	padding-bottom:1rem!important;
	}
	ul.sf-multicolumn li.sf-depth-2,
	li.sf-multicolumn-column {
	padding:1%;
	}
	ul.sf-menu li {
	position:static;
	}
	ul.sf-menu a,
	ul.sf-menu span.nolink {
	padding:12px 10px;
	color:#000;
	}
	ul.sf-menu .sf-with-ul {
	padding-right:1rem;
	}

	li.sfHover > a,
	li.active-trail > a,
	ul.sf-menu a:hover,
	ul.sf-menu a.is-active {
	color:#008f7b;
	}
	a.sf-depth-1,
	#mm-1 a {
	text-transform:uppercase;
	font-family:'AvenirLTStd Heavy';
	}
	ul.sf-menu .sf-sub-indicator {
	right:0;
	}
	ul.sf-menu .sf-sub-indicator::after {
	left:0px;
	top:2px;
	font-size:.8rem;
	}

	/* emove uppercase on mobile and horizontal sub-menus */
	.menuparent ul li a,
	#mm-2 a {
	text-transform:none;
	}
	
	.sf-multicolumn-column > a.sf-depth-2,
	#main-menu-link-content3767262a-7cf5-4793-bbd6-0430501751e a.sf-depth-2 {
	font-family:'AvenirLTStd Heavy';
	text-decoration:underline;
	}
	#main-menu-link-content18db83b0-e725-4010-b45b-2ba3181938d6 a.sf-depth-2,
	#main-menu-link-content0fee01b9-9c2d-4b31-895a-2845b593c880 a.sf-depth-2,
	#main-menu-link-contentc3ba84f4-c197-4945-b4e2-03a6341a6103 a.sf-depth-2,
	#main-menu-link-content864d819a-9bd5-4d6a-aa49-0110727f702a a.sf-depth-2,
	#main-menu-link-content6ba09b1d-c38f-4c47-ae9a-8e0bbd315b89 a.sf-depth-2,
	#main-menu-link-contentf25fa7d3-f3a7-41dc-8b3a-65c60799333f a.sf-depth-2 {
	font-family:'AvenirLTStd Heavy';
	}
	#main-menu-link-content3cd69181-362e-40dd-9bcb-f830510ba2f2 > ul.sf-multicolumn {
	width:50% !important;
	left:.5%;
	}
	#main-menu-link-content3ac90942-92ab-4831-b27e-b11abdfc856e > ul.sf-multicolumn {
	width:75% !important;
	left:9.2%;
	}
	#main-menu-link-content085f114f-4848-47cf-b7a9-d7465b29475b > ul.sf-multicolumn li.sf-depth-2 {
	width:23% !important;
	}
	#main-menu-link-content21b70396-aac1-400b-837b-f7b6cc287601 > ul.sf-multicolumn {
	width:25% !important;
	left:33%;
	}
	#main-menu-link-content3fa35e7b-3f43-4371-ab1c-a7a1ccca26d6 > ul.sf-multicolumn {
	width:75% !important;
	left:25% !important;
	}
	#main-menu-link-content3fa35e7b-3f43-4371-ab1c-a7a1ccca26d6 ul.sf-multicolumn li.sf-depth-2 {
	width:50% !important;
	}
	#main-menu-link-content35709c24-b935-4713-b669-d4cea97be15d > ul.sf-multicolumn {
	width:80% !important;
	left:20% !important;
	}
	#main-menu-link-content3cd69181-362e-40dd-9bcb-f830510ba2f2 > ul.sf-multicolumn li.sf-depth-2,
	#main-menu-link-content545155e6-db0f-4bd3-a4a7-41c3c8dd2ccf ul.sf-multicolumn li.sf-depth-2 {
	width:50% !important;
	}
	#main-menu-link-content35709c24-b935-4713-b669-d4cea97be15d ul.sf-multicolumn li.sf-depth-2,
	#main-menu-link-content3ac90942-92ab-4831-b27e-b11abdfc856e > ul.sf-multicolumn li.sf-depth-2 {
	width:33.3% !important;
	}
	#main-menu-link-contentffefd4c8-2433-4f42-a93d-ae52a1783ebd > ul.sf-multicolumn {
	width:27% !important;
	left:73% !important;
	}
	#main-menu-link-content545155e6-db0f-4bd3-a4a7-41c3c8dd2ccf > ul.sf-multicolumn {
	width:40% !important;
	left:60% !important;
	}
	
	/* content-three */
	#block-products-2 {
	}
	.front-product {
	clear:both;
	overflow:auto;
	border-bottom:none !important;
	}
	.front-product .image {
	width:600px;
	}
	.front-product .text {
	width:510px;
	margin-top:108px;
	}
	#landscape .text {
	margin-top:94px;
	}
	#block-products-2 #stone .image,
	#block-products-2 #landscape .image {
	float:left;
	}
	#block-products-2 #stone .text,
	#block-products-2 #landscape .text {
	float:right;
	}
	#block-products-2 #brick .image {
	float:right;
	}
	#block-products-2 #brick .text {
	float:left;
	}
	.page-node-74 .left	{
	margin-top:150px;
	}
	
	/* Product pages */
	/* node-74 */
	.page-node-74 .left {
	margin-top:170px;
	}
	/* node-78 */
	#wcb table {
	max-width:100%;
	font-size:1rem;
	}
	
	/* Resources */
	.dynamatrix .five {
	margin-top:25px;
	}
	.landscape-guides img {
	margin-top:55px;
	}
	.landscape-guides .hiac-snapedge img {
	margin-top:0;
	}
	
	/* content-two */
	.front #block-products-2,
	#block-basic-views-block-blog-block-3 {
	width:1140px;
	margin:0 auto;
	}
	.front-product .image {
	width:540px;
	}
	.front-product .text {
	width:540px;
	}
	#stone .text,
	#brick .text {
	margin-top:85px;
	}
	#landscape .text {
	margin-top:60px;
	}
	
	/* content-four */
	.front #content-four .content {
	font-size:1.2rem;
	}
	.front #content-four .content .block-block-content h2  {
	font-size:1.1rem;
	}
	#block-masonrylandscapeaccessories,
	#block-steprail,
	#block-resources {
	min-height:295px;
	}
	#block-seeinside p.link {
	padding-top:148px;
	}
}

@media screen and (min-width: 960px) and (max-width: 1220px) {
	/* header */
	ul.sf-menu a,
	ul.sf-menu span.nolink {
	font-size:.95rem;
	}
	
	/* banner */
	.front #banner {
	background:url(../../images/hero-1220x610.jpg) scroll no-repeat  center center #666;
	background-size:cover;
	padding-top:180px;
	padding-bottom:130px;
	}
	
	.page-node-type-article #block-basic-page-title h1 {
	font-size:48px;
	}
	/* content-area */	
	/* Resources */
	.landscape-guides img {
	margin-top:10px;
	}
	.dynamatrix .five {
	margin-top:35px;
	}
	
	/* content-two */
	.front #block-products-2 {
	width:900px;
	margin:0 auto;
	}
	.front-product .image {
	width:430px;
	}
	.front-product .text {
	width:430px;
	margin-top:30px;
	}
	.page-node-71 .additional,
	.page-node-74 .additional,
	.page-node-79 .additional,
	.page-node-80 .additional,
	.page-node-87 .additional,
	.page-node-89 .intro {
	max-width:900px;
	margin:0 auto;
	}
	/* node-74 */
	.page-node-74 .left {
	margin-top:100px;
	}
	
	/* content-four */
	.front #content-four .content {
	font-size:.9rem;
	}
	.front #content-four .content .block-block-content h2  {
	font-size:.95rem;
	}
	#block-masonrylandscapeaccessories,
	#block-steprail,
	#block-resources {
	min-height:295px;
	}
}

@media screen and (max-width: 960px) {
	/* Banner */
	.front #banner-region > div {
	text-align:center;
	margin:0 auto;
	}
	.front #banner-region #block-homepagecta {
	max-width:450px;
	font-size:18px;
	}
	
	/* content-two */
	#block-products-2,
	#block-basic-views-block-blog-block-3 {
	max-width:600px;
	margin:0 auto;
	}
}

@media screen and (min-width:960px) {
	/* font sizes */
	body #main {
	font-size:1.2rem;
	}
	
	/* banner */
	.front #banner-region {
	text-align:left;
	margin:0;
	}
	.front #banner-region #block-homepagecta {
	margin:0;
	}
	
	/* main */
	.paragraph .projects > div {
	width:15.65%;
	}
	.paragraph .colours > div,
	.section-photo-galleries .photoswipe-gallery.gallery-image  > div	{
	width:24%;
	}
	.page-node-71 .mortar .image {
	width:31%;
	}
	.page-node-71 .mortar .text {
	width:64%;
	}
	.page-node-71 .cleaner .image {
	width:31%;
	}
	.page-node-71 .cleaner .text {
	width:64%;
	}
	.page-node-89 .aggregate .image {
	width:30%;
	}
	.page-node-89 .aggregate .text {
	width:66%;
	}
	.page-node-79 .flex .text {
	width:63%
	}
	.page-node-79 .flex .image {
	width:33%;
	}
	.page-node-78 .left,
	.page-node-87 .left {
	width:50%;
	}
	.page-node-78 .right,
	.page-node-87 .right{
	width:50%;
	}
	
	/* content-area */
	.overview {
	overflow:auto;
	}
	.view-display-id-page_1 .views-field-title h2,
	.view-id-taxonomy_term .views-field-title h2 {
	font-size:1.4rem;
	}
	
	/* Resources page */
	.pavers,
	.brick-stone-guides,
	.schuts-guides {
	text-align:left;
	overflow:auto;
	clear:left;
	}
	.pavers,
	.dynamatrix,
	.hiac-snapedge,
	.brick-stone-guides,
	.guide-group,
	.panels,
	.fusion,
	.great-lakes,
	.dry-stack,
	.strips,
	.schuts-guides	{
	clear:left;
	overflow:auto;
	}
	.guide-group img {
	margin-top:20px !important;
	}
	.one, .two, .three, .four, .five, .six, .seven, .eight {
	text-align:center;
	}
	.one, .three, .five, .seven {
	}
	.two, .four, .six, .eight {
	}
	.pavers .one {
	width:32.5%;
	float:left;
	}
	.pavers .two {
	width:65.5%;
	float:right;
	overflow:auto;
	}
	.pavers .three {
	width:48.5%;
	float:left;
	clear:left;
	overflow:auto;
	}
	.pavers .four {
	width:48.5%;
	float:right;
	overflow:auto;
	}
	.dynamatrix .five {
	width:33%;
	float:left;
	clear:left;
	overflow:auto;
	}
	.dynamatrix .six {
	width:66%;
	float:right;
	overflow:auto;
	}
	.hiac-snapedge .seven {
	width:33%;
	float:left;
	clear:left;
	overflow:auto;
	}
	.hiac-snapedge .eight {
	width:33%;
	float:left;
	overflow:auto;
	}
	.guide-group .one,
	.guide-group .two,
	.guide-group .three,
	.schuts-guides .one,
	.schuts-guides .two,
	.schuts-guides .three {
	width:32%;
	float:left;
	}
	.guide-group .one,
	.guide-group .two{
	margin-right:2%;
	}
	.panels .four,
	.strips .one,
	.great-lakes .three,
	.dry-stack .one	{
	width:33%;
	float:left;
	clear:left;
	overflow:auto;
	}
	.panels .five,
	.strips .two,
	.great-lakes .four,
	.dry-stack .two{
	width:65.5%;
	float:right;
	overflow:auto;
	}

	/* Request quote page */
	.js-form-type-radio {
	width:15%;
	float:left;
	}
	.js-form-type-checkbox {
	width:20%;
	float:left;
	}
	
	/* content-two */
	#block-products-2 #stone .image,
	#block-products-2 #landscape .image {
	float:left;
	}
	#block-products-2 #stone .text,
	#block-products-2 #landscape .text {
	float:right;
	}
	#block-products-2 #brick .image {
	float:right;
	}
	#block-products-2 #brick .text {
	float:left;
	}
	.front-product {
	clear:both;
	overflow:auto;
	border-bottom:none !important;
	}
	
	/* content-three */
	.product-bottom h3 {
	font-size:1rem;
	}
	.product-bottom .resources .image-link {
	width:25%;
	}
	.product-bottom .resources .additional {
	width:75%;
	}
	.page-node-5 .product-bottom .resources,
	.page-node-72 .product-bottom .resources .additional,
	.page-node-76 .product-bottom .resources .additional,
	.page-node-77 .product-bottom .resources .additional,
	.page-node-80 .product-bottom .resources .additional {
	width:100%;
	}
	.page-node-12 .product-bottom .resources {
	float:left;
	}
	.page-node-5 .product-bottom .resources,
	.page-node-32 .product-bottom .resources,
	.page-node-72 .product-bottom .resources,
	.page-node-75 .product-bottom .resources,
	.page-node-76 .product-bottom .resources,
	.page-node-77 .product-bottom .resources,
	.page-node-80 .product-bottom .resources {
	width:100%;
	min-height:0;
	}
	.page-node-12 .product-bottom .resources {
	width:64.5%;
	min-height:320px;
	}
	.product-bottom .warranty,
	.page-node-12 .product-bottom .warranty	{
	width:32.5%;
	float:right;
	text-align:center;
	min-height:320px;
	}
	.page-node-15 .product-bottom .warranty {
	min-height:auto;
	}
	.page-node-19 .product-bottom .resources,
	.page-node-20 .product-bottom .resources,
	.page-node-35 .product-bottom .resources {
	padding-top:35px;
	}
	.product-bottom .warranty .image {
	width:100%;
	float:none;
	}
	.product-bottom .warranty .link {
	width:100%;
	float:none;
	text-align:center;
	padding-top:20px;
	font-size:1rem;
	}
	
	.product-bottom .upgrade,
	.product-bottom .accents {
	width:49.5%;
	}
	.product-bottom .upgrade {
	float:left;
	}
	.product-bottom .accents {
	float:right;
	}
	
	/* Galleries */
	.block-views-block-gallery-links-block-1-2 .views-row {
	width:25%;
	}
	.block-views-block-gallery-links-block-1 .views-row {
	width:29.5%;
	margin:10px;
	}
	
	/* content-four */
	#block-masonrylandscapeaccessories,
	#block-services {
	width:48%;
	float:left;
	}
	#block-masonrylandscapeaccessories {
	margin-right:4%;
	}
	#block-masonrylandscapeaccessories ul.list li,
	#block-services ul.list li {
	width:50%;
	float:left;
	}
	#block-services {
	clear:left;
	margin-bottom:0;
	}
	#block-masonrylandscapeaccessories ul.list li,
	#block-services ul.list li {
	width:50%;
	float:left;
	}
	#block-steprail,
	#block-resources {
	width:22%;
	float:left;
	}
	#block-steprail {
	margin-right:4%;
	}
	#block-services {
	clear:left;
	margin-right:4%;
	}
	#block-seeinside {
	width:48%;
	float:left;
	}
	
	/* footer */
	#block-mainmenu,
	#block-products  {
	width:18%;
	float:left;
	}
	#block-contactus {
	width:60%;
	clear:none;
	float:left;
	}
	#block-contactus .address {
	width:48%;
	margin-right:2%;
	float:left;
	padding-top:5px;
	}
	#block-contactus .hours {
	width:50%;
	float:left;
	padding-top:5px;
	}
}

@media screen and (min-width:720px) and (max-width:1219px) {
	/* header */
	#block-responsivemenumobileicon {
	padding-top:0;
	}
	#block-basic-branding {
	margin-top:30px;
	max-width:300px;
	}
	.site-logo {
	width:300px;
	}
	#block-phone {
	top:68px;
	}
	#block-phone .request-quote,
	#block-phone .tel {
	display:inline-block;
	}
	#block-phone .request-quote {
	margin-bottom:10px;
	}
	#block-phone .request-quote a,
	#block-phone .tel {
	font-size:.75rem;
	}
	#block-phone .request-quote a {
	padding:10px 20px;
	}
	#block-phone .tel {
	padding:10px 0 10px 20px;
	}
	#block-basic-search {
	top:7rem;
	}
	#search-block-form .form-search {
	padding:.25rem;
	}
	#block-phone .request-quote a,
	#search-block-form input[type="submit"] {
	padding:.25rem .5rem;
	}
}

@media screen and (min-width:720px) and (max-width: 960px) {
	/* banner */
	.front #banner {
	background:url(../../images/hero-980x900.jpg) scroll no-repeat  center center #666;
	background-size:cover;
	padding-top:200px;
	padding-bottom:150px;
	}
	#banner {
	padding:100px 0;
	}
	
	.page-node-type-article #block-basic-page-title h1 {
	font-size:36px;
	}
	
	/* main */
	.paragraph .projects > div {
	width:24%;
	}
	.paragraph .colours > div,
	.section-photo-galleries .photoswipe-gallery.gallery-image  > div	{
	width:32.3%;
	}
	
	/* content-area */
	.view-display-id-page_1 .views-field-title h2,
	.view-id-taxonomy_term .views-field-title h2 {
	font-size:1.2rem;
	}
	#block-basic-views-block-blog-block-3 .views-field-title {
	font-size:.8rem;
	}
	.page-node-74 .left	{
	margin-top:50px;
	}
	.page-node-71 .additional,
	.page-node-74 .additional,
	.page-node-79 .additional,
	.page-node-80 .additional,
	.page-node-78 .additional,
	.page-node-87 .additional,
	.page-node-89 .intro {
	max-width:660px;
	margin:0 auto;
	}
	/* node-74 */
	.page-node-74 .text {
	margin-top:30px;
	}
	.page-node-71 .mortar .image,
	.page-node-71 .mortar .text,
	.page-node-71 .cleaner .image,
	.page-node-71 .cleaner .text,
	.page-node-89 .aggregate .image,
	.page-node-89 .aggregate .text {
	width:48%;
	}
	.page-node-79 .flex .text {
	width:63%
	}
	.page-node-79 .flex .image {
	width:33%;
	}
	.page-node-78 .left,
	.page-node-87 .left {
	width:40%;
	}
	.page-node-78 .right,
	.page-node-87 .right{
	width:60%;
	}
	#pcd .left,
	#pce .left,
	#pcg .left,
	#pch .left	{
	width:40%;
	}
	#pcd .right,
	#pce .right,
	#pcg .right,
	#pch .right {
	width:60%;
	}
	#wca .left,
	#wcc .left,
	#wcb .left	{
	width:34%;
	}
	#wca .right,
	#wcc .right,
	#wcb .right {
	width:64%;
	}
	#wcc .right th,
	#wcc .right td,
	#wcb .right th,
	#wcb .right td {
	padding:.2rem;
	}
	
	/* content-three */
	.product-bottom .resources .image-link {
	width:25%;
	}
	.product-bottom .resources .additional {
	width:75%;
	padding-top:0;
	}
	.product-bottom .warranty .image {
	width:35%;
	float:left;
	}
	.product-bottom .warranty .link {
	width:60%;
	float:right;
	text-align:left;
	padding-top:38px;
	}
	.page-node-15 .product-bottom .warranty {
	padding:30.5px;
	}
	.page-node-19 .product-bottom .resources,
	.page-node-20 .product-bottom .resources,
	.page-node-35 .product-bottom .resources {
	padding-top:25px;
	}
	.page-node-12 .product-bottom .warranty {
	width:100%;
	}
	
	/* galleries */
	.block-views-block-gallery-links-block-1-2 .views-row {
	width:50%;
	}
	.block-views-block-gallery-links-block-1 .views-row {
	width:29.6%;
	margin:10px;
	}	
	
	/* content-four */
	#block-masonrylandscapeaccessories ul.list li,
	#block-services ul.list li {
	width:50%;
	float:left;
	}
	#block-steprail,
	#block-resources {
	width:46%;
	float:left;
	}
	#block-steprail {
	margin-right:8%;
	}
	#block-services {
	clear:left;
	}
	#block-resources p.link {
	padding-top:23px;
	}
	
	/* footer */
	#block-mainmenu,
	#block-products  {
	width:48%;
	padding-right:1%;
	float:left;
	}
	#block-contactus {
	clear:left;
	}
	#block-contactus .address {
	margin-bottom:30px;
	}
}

@media screen and (min-width: 720px) {
	.page-node-92 .block-basic-content,
	.page-node-93 .block-basic-content {
	margin:100px auto;
	}
	#main .main-content,
	#footer {
	padding:50px;
	}
	.front #main #content-area {
	padding-bottom:0;
	}
	
	/* header */
	#banner {
	padding:100px 0;
	}
	.page-node-type-article #banner {
	padding:50px 0;
	}
	#block-phone {
	position:absolute;
	right:0;
	}
	#block-basic-search {
	position:absolute;
	right:0;
	}
	
	/* main */	
	/* content-area */
	.view-display-id-page_1 .views-row,
	.view-id-taxonomy_term .views-row,
	#block-basic-views-block-blog-block-3 .view-content {
	display:flex;
	justify-content:space-between;
	}
	.view-display-id-page_1 .views-row,
	.view-id-taxonomy_term .views-row {
	align-items:center;
	}
	#block-basic-views-block-blog-block-3 .views-row {
	width:30%;
	margin-bottom:0;
	}
	.view-display-id-page_1 .views-field-field-article-image,
	.view-id-taxonomy_term .views-field-field-article-image	{
	width:32.333%;
	}
	.view-display-id-page_1 .views-field-fieldset-1,
	.view-id-taxonomy_term .views-field-fieldset {
	width:65.666%;
	}
	/* Product pages */
	#main .container {
	display:flex;
	}
	.intro .left {
	width:65%;
	float:left;
	}
	.intro .right {
	width:32%;
	float:right;
	margin-bottom:50px;
	}
	.page-node-46 .left {
	width:300px;
	float:left;
	margin-right:30px;
	}
	.specs {
	margin-top:50px;
	border-top:1px solid #ccc;
	padding-top:50px;
	}
	.post-cap,
	.coping	{
	clear:both;
	overflow:auto;
	margin-bottom:50px;
	}
	.additional .left {
	width:65%;
	float:left;
	}
	.additional .right {
	width:32%;
	float:right;
	}
	.page-node-100 .additional .left,
	.page-node-74 .left,
	.page-node-84 .left,
	.page-node-78 .left,
	.page-node-87 .left	{
	width:49%;
	clear:left;
	}
	.page-node-100 .additional .right,
	.page-node-74 .right,
	.page-node-84 .right,
	.page-node-78 .right,
	.page-node-87 .right {
	width:49%;
	}
	.page-node-84 .right {
	margin-top:-50px;
	}
	.page-node-71 .mortar,
	.page-node-71 .cleaner,
	.page-node-79 .flex,
	.page-node-89 .aggregate {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin:50px 0;
	}
	.size-table {
	width:40%;
	float:left;
	margin:0;
	}
	.step-profile {
	width:58%;
	max-width:550px;
	float:right;
	}
	.profiles {
	clear:both;
	padding-top:50px;
	border-top:1px solid #ccc;
	}
	.profile {
	margin-bottom:50px;
	}
	.profile-1,
	.profile-3	{
	width:49%;
	float:left;
	clear:left;
	}
	.profile-2,
	.profile-4{
	width:49%;
	float:right;
	}
	/* Main category links */
	.categories {
	text-align:center;
	}
	.category {
	width:25.5%;
	max-width:300px;
	margin:20px 15px 40px 15px;	
	}
	.manufacturer {
	display:inline-block;
	margin:20px;
	vertical-align:top;
	}
	
	/* Sidebar first */
	.page-node-type-article .region-sidebar-first {
	position:sticky;
	top:150px;
	padding:50px 0;
	}
	.region-sidebar-first .social-sharing-buttons {
	display:block;
	
	}
	.region-sidebar-first .social-sharing-buttons a.social-sharing-buttons__button {
	display:block;
	width:100%;
	text-align:center;
	}
	
	/* Page bottom CTA */
	#block-pagebottomcta .content {
	padding:50px 10px 0 10px;
	}
	
	/* Contact page */
	.page-contact .js-form-item-name,
	.page-contact .js-form-item-email {
	width:49.5%;
	float:left;
	}
	.page-contact .js-form-item-name {
	margin-right:1%;
	}
	.page-contact .field--name-subject {
	clear:both;
	}
	
	/* Request quote page */
	.page-request-quote .js-form-item-name,
	.page-request-quote .js-form-item-email,
	.page-request-quote .js-form-item-phone,
	.form-item-address-address,
	.form-item-address-address-2,
	.form-item-address-city,
	.form-item-address-state-province,
	.form-item-address-postal-code {
	display:inline-block;
	float:left;
	}
	.page-request-quote .js-form-item-name,
	.page-request-quote .js-form-item-email,
	.form-item-address-city,
	.form-item-address-state-province {
	width:39%;
	margin-right:1%;
	}
	.page-request-quote .js-form-item-phone,
	.form-item-address-postal-code {
	width:20%;
	}
	.form-item-address-address,
	.form-item-address-address-2 {
	width:49.5%;
	}
	.form-item-address-address,
	.form-item-address-city,
	.form-item-address-state-province {
	margin-right:1%;
	}
	
	/* content-three */
	.upgrade-accents {
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-justify-content:space-around;
	-ms-flex-pack:distribute;
	justify-content:space-around;
	}
	.page-node-15 .upgrade-warranty .upgrade,
	.page-node-19 .upgrade-downloads .accents,
	.page-node-20 .upgrade-downloads .accents,
	.page-node-35 .upgrade-downloads .accents {
	float:left;
	width:65%;
	margin-bottom:0;
	}
	.page-node-19 .upgrade-downloads .accents,
	.page-node-20 .upgrade-downloads .accents,
	.page-node-35 .upgrade-downloads .accents {
	padding-top:140px;
	}
	.page-node-15 .upgrade-warranty .warranty,
	.page-node-19 .upgrade-downloads .resources,
	.page-node-20 .upgrade-downloads .resources,
	.page-node-35 .upgrade-downloads .resources {
	float:right;
	width:32%
	}
	.page-node-15 .upgrade-warranty .upgrade,
	.page-node-15 .upgrade-warranty .warranty {
	height:292px;
	}
	.page-node-19 .upgrade-downloads .accents,
	.page-node-19 .upgrade-downloads .resources,
	.page-node-20 .upgrade-downloads .accents,
	.page-node-20 .upgrade-downloads .resources,
	.page-node-35 .upgrade-downloads .accents,
	.page-node-35 .upgrade-downloads .resources {
	height:320px;
	}
	.page-node-15 .product-bottom .upgrade-warranty .image-link,
	.page-node-19 .product-bottom .upgrade-downloads .image-link,
	.page-node-20 .product-bottom .upgrade-downloads .image-link,
	.page-node-35 .product-bottom .upgrade-downloads .image-link {
	float:none;
	width:100%;
	text-align:center;
	}
	
	.product-bottom .resources {
	margin:0 auto 20px auto;
	}
	
	.page-node-15 .product-bottom .resources {
	margin:0 auto 29px auto;
	}
	.product-bottom .upgrade {
	margin-right:1.5%;
	}
	.product-bottom .accents {
	margin-left:1.5%;
	}
	.product-bottom .resources {
	text-align:left;
	}
	.product-bottom .catalogue {
	width:50%;
	float:left;
	}
	.page-node-5 .product-bottom .resources h2,
	.page-node-12 .product-bottom .resources h2	{
	float:left;
	width:70%;
	}
	.product-bottom .image-link	{
	float:right;
	text-align:center;
	width:25%;
	}
	.product-bottom .additional	{
	float:left;
	width:75%;
	}
	.page-node-36 .product-bottom .accents {
	float:none;
	width:100%;
	max-width:600px;
	margin:0 auto;
	}
	.product-bottom .catalogue,
	.product-bottom .warranty {
	width:49%;
	text-align:center;
	}
	.page-node-21 .product-bottom .catalogue,
	.page-node-64 .product-bottom .catalogue {
	float:left;
	clear:left;
	padding:40px 30px 30px 30px;
	}
	.page-node-21 .product-bottom .warranty {
	float:right;
	}
	.page-node-21 .image-link img {
	border:1px solid #ccc;
	}
	.page-node-37 .product-bottom .warranty {
	width:33%;
	float:left;
	clear:left;
	}
	.page-node-38 .product-bottom .resources-warranty {
	width:100%;
	}
	.page-node-38 .product-bottom .image-link {
	width:auto;
	float:none;
	border:1px solid #ccc;
	}
	.dry-stack,
	.great-lakes {
	text-align:center;
	}
}

@media screen and (max-width: 720px) {
	#block-basic-branding {
	margin:30px auto 15px auto;
	}
	#banner .container,
	#main .main-content	{
	padding:30px 10px;
	}
	.front #main #content-two	{
	padding:0 10px 30px 10px;
	}
	
	/* header */
	#header .container {
	padding:0 10px 10px 10px;
	}
	.site-logo {
	margin-left:auto;
	margin-right:auto;
	}
	/* Header menu */
	#block-headermenu li.menu-item a {
	padding:12px 10px;
	}
	
	/* banner */
	#banner .product-category {
	font-size:36px !important;
	}
	#banner h1 {
	font-size:24px !important;
	}
	.page-stone #banner h1,
	.page-about-schuts #banner h1,
	.page-contact #banner h1 {
	font-size:48px;
	}
	
	/* main */
	.mortar,
	.cleaner	{
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px solid #ccc;
	}
	.aggregate .image {
	margin-bottom:20px;
	}
	#fire-cement,
	#vana-trol {
	padding-bottom:0;
	margin-bottom:0;
	border-bottom:none;
	}
	
	/* sidebar first */
	.page-node-type-article .social-sharing-buttons {
	margin-bottom:90px;
	}
	
	/* content-area */
	.block-addthis-2 {
	margin-top:-80px;
	height:80px;
	}
	.view-display-id-page_1 .views-field-title,
	.view-id-taxonomy_term .views-field-title,
	#block-basic-views-block-blog-block-3 .views-field-title {
	font-size:1rem;
	}
	
	/* content-three */
	.product-bottom .resources {
	margin-bottom:30px;
	}
	.resources .image-link {
	padding-bottom:20px;
	}
	
	/* footer-one */
	#footer-one {
	padding-bottom:60px;
	}
	#footer	.container,
	#footer-one	.container {
	padding:30px 10px;
	}
	
	/* Jotform pop-up */
	.jt-title,
	.jt-feedback,
	.jt-content,
	#js-form-content {
	width:95% !important;
	margin:0 2% !important;
	top:20px !important;
	left:0 !important;
	}
}

@media screen and (min-width: 500px) and (max-width:720px) {
	/* banner */
	.front #banner {
	padding-top:150px;
	padding-bottom:100px;
	}
	
	/* main */
	.paragraph .projects > div {
	width:32.3%;
	}
	
	/* content-three */
	.block-views-block-gallery-links-block-1-2 .views-row {
	width:50%;
	}
	.block-views-block-gallery-links-block-1 .views-row {
	width:44.9%;
	margin:10px;
	}
	
	/* content-four */
	#block-masonrylandscapeaccessories ul.list li,
	#block-steprail ul.list li,
	#block-resources ul.list li,
	#block-services ul.list li {
	width:50%;
	float:left;
	}
	
	/* footer */
	#block-mainmenu,
	#block-products  {
	width:48%;
	padding-right:1%;
	float:left;
	}
	#block-contactus {
	clear:left;
	}
	#block-contactus .address {
	margin-bottom:30px;
	}
}

@media screen and (max-width: 405px) {
	.front .map.embed-container #map-notice,
	.page-contact .map.embed-container #map-notice {
	top:80px;
	}
	/* Product pages */
	.product .manufacturers-logo {
	float:none;
	margin:0 auto 30px auto;
	text-align:center;
	}
}

/*# sourceMappingURL=layout.css.map */