/* CSS normalize ======================================================*/

    /*! normalize.css v2.1.3 | MIT License | git.io/normalize */

    /* HTML5 display definitions ==========================================*/

        /**
         * Correct `block` display not defined in IE 8/9.
         */

        article,
        aside,
        details,F
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        main,
        nav,
        section,
        summary {
            display: block;
        }

        /**
         * Correct `inline-block` display not defined in IE 8/9.
         */

        audio,
        canvas,
        video {
            display: inline-block;
        }

        /**
         * Prevent modern browsers from displaying `audio` without controls.
         * Remove excess height in iOS 5 devices.
         */

        audio:not([controls]) {
            display: none;
            height: 0;
        }

        /**
         * Address `[hidden]` styling not present in IE 8/9.
         * Hide the `template` element in IE, Safari, and Firefox < 22.
         */

        [hidden],
        template {
            display: none;
        }


    /* Base ===============================================================*/

        /**
         * 1. Set default font family to sans-serif.
         * 2. Prevent iOS text size adjust after orientation change, without disabling
         *    user zoom.
         */

        html {
            font-family: sans-serif; /* 1 */
            -ms-text-size-adjust: 100%; /* 2 */
            -webkit-text-size-adjust: 100%; /* 2 */
        }

        /**
         * Remove default margin.
         */

        body {
            margin: 0;
        }


    /* Links ==============================================================*/

        /**
         * Remove the gray background color from active links in IE 10.
         */

        a {
            background: transparent;
        }

        /**
         * Address `outline` inconsistency between Chrome and other browsers.
         */

        a:focus {
            outline: thin dotted;
        }

        /**
         * Improve readability when focused and also mouse hovered in all browsers.
         */

        a:active,
        a:hover {
            outline: 0;
        }


    /* Typography =========================================================*/

        /**
         * Address variable `h1` font-size and margin within `section` and `article`
         * contexts in Firefox 4+, Safari 5, and Chrome.
         */

        h1 {
                font-size: 4rem;
                  margin: 0.67em 0;
                  text-align: center;
                  padding: 1rem;
                  color: #000000;
text-transform :uppercase;
                  font-weight: 300;
 
        }

        /**
         * Address styling not present in IE 8/9, Safari 5, and Chrome.
         */

        abbr[title] {
            border-bottom: 1px dotted;
        }

        /**
         * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
         */

        b,
        strong {
            font-weight: bold;
        }

        /**
         * Address styling not present in Safari 5 and Chrome.
         */

        dfn {
            font-style: italic;
        }

        /**
         * Address differences between Firefox and other browsers.
         */

        hr {
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            height: 0;
        }

        /**
         * Address styling not present in IE 8/9.
         */

        mark {
            background: #ff0;
            color: #000;
        }

        /**
         * Correct font family set oddly in Safari 5 and Chrome.
         */

        code,
        kbd,
        pre,
        samp {
            font-family: monospace, serif;
            font-size: 1em;
        }

        /**
         * Improve readability of pre-formatted text in all browsers.
         */

        pre {
            white-space: pre-wrap;
        }

        /**
         * Set consistent quote types.
         */

        q {
            quotes: "\201C" "\201D" "\2018" "\2019";
        }

        /**
         * Address inconsistent and variable font size in all browsers.
         */

        small {
            font-size: 80%;
        }

        /**
         * Prevent `sub` and `sup` affecting `line-height` in all browsers.
         */

        sub,
        sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline;
        }

        sup {
            top: -0.5em;
        }

        sub {
            bottom: -0.25em;
        }


    /* Embedded content ===================================================*/

        /**
         * Remove border when inside `a` element in IE 8/9.
         */

        img {
            border: 0; max-width:100%; display:block;
        }

        /**
         * Correct overflow displayed oddly in IE 9.
         */

        svg:not(:root) {
            overflow: hidden;
        }


    /* Figures ============================================================*/

        /**
         * Address margin not present in IE 8/9 and Safari 5.
         */

        figure {
            margin: 0;
        }


    /* Forms ==============================================================*/

        /**
         * Define consistent border, margin, and padding.
         */

        fieldset {
            border: 1px solid #c0c0c0;
            margin: 0 2px;
            padding: 0.35em 0.625em 0.75em;
        }

        /**
         * 1. Correct `color` not being inherited in IE 8/9.
         * 2. Remove padding so people aren't caught out if they zero out fieldsets.
         */

        legend {
            border: 0; /* 1 */
            padding: 0; /* 2 */
        }

        /**
         * 1. Correct font family not being inherited in all browsers.
         * 2. Correct font size not being inherited in all browsers.
         * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
         */

        button,
        input,
        select,
        textarea {
            font-family: inherit; /* 1 */
            font-size: 100%; /* 2 */
            margin: 0; /* 3 */
        }

        /**
         * Address Firefox 4+ setting `line-height` on `input` using `!important` in
         * the UA stylesheet.
         */

        button,
        input {
            line-height: normal;
        }

        /**
         * Address inconsistent `text-transform` inheritance for `button` and `select`.
         * All other form control elements do not inherit `text-transform` values.
         * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
         * Correct `select` style inheritance in Firefox 4+ and Opera.
         */

        button,
        select {
            text-transform: none;
        }

        /**
         * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
         *    and `video` controls.
         * 2. Correct inability to style clickable `input` types in iOS.
         * 3. Improve usability and consistency of cursor style between image-type
         *    `input` and others.
         */

        button,
        html input[type="button"], /* 1 */
        input[type="reset"],
        input[type="submit"] {
            -webkit-appearance: button; /* 2 */
            cursor: pointer; /* 3 */
        }

        /**
         * Re-set default cursor for disabled elements.
         */

        button[disabled],
        html input[disabled] {
            cursor: default;
        }

        /**
         * 1. Address box sizing set to `content-box` in IE 8/9/10.
         * 2. Remove excess padding in IE 8/9/10.
         */

        input[type="checkbox"],
        input[type="radio"] {
            box-sizing: border-box; /* 1 */
            padding: 0; /* 2 */
        }

        /**
         * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
         * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
         *    (include `-moz` to future-proof).
         */

        input[type="search"] {
            -webkit-appearance: textfield; /* 1 */
            -moz-box-sizing: content-box;
            -webkit-box-sizing: content-box; /* 2 */
            box-sizing: content-box;
        }

        /**
         * Remove inner padding and search cancel button in Safari 5 and Chrome
         * on OS X.
         */

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

        /**
         * Remove inner padding and border in Firefox 4+.
         */

        button::-moz-focus-inner,
        input::-moz-focus-inner {
            border: 0;
            padding: 0;
        }

        /**
         * 1. Remove default vertical scrollbar in IE 8/9.
         * 2. Improve readability and alignment in all browsers.
         */

        textarea {
            overflow: auto; /* 1 */
            vertical-align: top; /* 2 */
        }


    /* Tables =============================================================*/

        /**
         * Remove most spacing between table cells.
         */

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

    
/* Base styles ========================================================*/

    /* apply a natural box layout model to all elements */
    * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

    /* Disable hover whilst scrolling for performance reasons
        http://www.thecssninja.com/javascript/pointer-events-60fps
       Can also be used for elements you wish to disable hover events for */
    .disable-hover,
    .disable-hover * {
      pointer-events: none !important;
    }

    html { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 62.5%; } /* font-size: 62.5% now means that 1.0 rem = 10px */
    body { font-weight: 300; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 1.4rem; overflow-y: scroll; } /* Overflow-y is to prevent the scrollbar shunting */
    body > div { font-size: 1.4rem; } /* Fix for Chrome REM bug */
    html, body { height: 100%; }
    
    h1 {  }
    h2 {  
          text-align: center;
          font-weight: normal;
          font-size: 2.5rem;
          text-transform: uppercase;
          color: #000000 ;
    }
    h3 { line-height: 1.6rem;  font-weight: 400;
  font-size: 1.2rem;   color: #666666; text-transform: uppercase;}
	h4 {  }
	h5 {  }
    h6 {  }

    p {  font-size: 1.2rem; text-align: center; line-height: 1.8rem; letter-spacing: 1px; color: #333333;}

    a {font-size: 1.2rem; color: #333333; display:inline-block;}
    a:hover {  }
    

/* Grids/Layouts ======================================================*/

    .lfloat { float: left; }
    .rfloat { float: right; }
    .overflow { overflow: hidden; }

    .clearfix:after { clear: both; content: ""; display: table; }
    .clear { clear: both; }
    
    .align-center { text-align: center; }
    .align-left { text-align: left; }
    .align-right { text-align: right; }

    .visible-desktop { display: block; }
    .visible-tablet { display: none; }
    .visible-phone { display: none; }
    .hidden-desktop { display: none; }
    .hidden-tablet { display: block; }
    .hidden-phone { display: block; }
    
    /* Grid System ========================================================*/
        .wrapper-center { background: #fff; margin: 0 auto; max-width: 980px; padding: 0 1%; position: relative; }
        
        .grid-line { margin-bottom: 1%; }
        .grid-line:after { clear: both; content: ""; display: block; height: 0; width: 0; }

        .grid { display: inline; float: left; margin-left: 1%;  }
        .gridPadding {  padding: 4rem 0rem;}
        .grid:first-child { margin: 0; }
        .grid:after { clear: both; content: ""; display: block; height: 0; width: 0; }
        
        .one-whole { margin-left: 0; width: 100%; }
        .one-half { width: 49.5%; }
        .one-third { width: 32.6666%; }
        .two-thirds { width: 65.9999%; }
        .one-quarter { width: 24.25%; }
        .two-quarters { width: 49.5%; }
        .three-quarters { width: 74.75%; }
        .one-fifth { width: 19.2%; }
        .two-fifths { width: 39.4%; }
        .three-fifths { width: 59.6%; }
        .four-fifths { width: 79.8%; }
        .one-seventh { width: 13.14%; }
        .two-sevenths { width: 26.28%; }
        .three-sevenths { width: 39.42%; }
        .four-sevenths { width: 52.56%; }
        .five-sevenths { width: 65.6%; }
        .six-sevenths { width: 79.74%; }
        .one-eight { width: 11.625%; }
        .two-eights { width: 24.25%; }
        .three-eights { width: 36.875%; }
        .four-eights { width: 49.5%; }
        .five-eights { width: 62.125%; }
        .six-eights { width: 74.75%; }
        .seven-eights { width: 87.37%; }
        .one-tenth { width: 9.1%; }
        .two-tenths { width: 19.2%; }
        .three-tenths { width: 29.3%; }
        .four-tenths { width: 39.4%; }
        .five-tenths { width: 49.5%; }
        .six-tenths { width: 59.6%; }
        .seven-tenths { width: 69.7%; }
        .eight-tenths { width: 79.8%; }
        .nine-tenths { width: 89%.9; }
    
    /* Smaller Screens ====================================================*/
        @media screen and (min-width: 960px) and (max-width: 700px) {
        }
    
    /* Tablet =============================================================*/
        @media screen and (max-width: 700px) and (min-width: 600px) {
            html { font-size: 60%; }
            .visible-desktop { display: none; }
            .visible-tablet { display: block; }
            .visible-phone { display: none; }
            .hidden-tablet { display: none; }
            
            /* m = medium */
            .m-one-whole { width: 99%; }
            .m-one-half { width: 49.5%; }
            .m-one-third { width: 32.6666%; }
            .m-two-thirds { width: 65.9999%; }
            .m-one-quarter { width: 24.25%; }
            .m-two-quarters { width: 49.5%; }
            .m-three-quarters { width: 74.75%; }
            .m-one-fifth { width: 19.2%; }
            .m-two-fifths { width: 39.4%; }
            .m-three-fifths { width: 59.6%; }
            .m-four-fifths { width: 79.8%; }
            .m-one-eight { width: 11.625%; }
            .m-two-eights { width: 24.25%; }
            .m-three-eights { width: 36.875%; }
            .m-four-eights { width: 49.5%; }
            .m-five-eights { width: 62.125%; }
            .m-six-eights  { width: 74.75%; }
            .m-seven-eights { width: 87.37%; }
        }
    
    /* Mobile =============================================================*/
        @media screen and (max-width: 600px) {
            html { font-size: 58%; }
            .visible-phone { display: block; }
            .hidden-phone { display: none; }
            
            .grid-line { margin-bottom: 0; }
            
            /* s = small */
            .s-one-whole { padding: 0 1%; width: 98%; }
            .grid.s-one-whole { margin: 0; }
            .s-one-half { width: 49.5%; }
            .s-one-third { width: 32.6666%; }
            .s-two-thirds { width: 65.9999%; }
            .s-one-quarter { width: 24.25%; }
            .s-two-quarters { width: 49.5%; }
            .s-three-quarters { width: 74.75%; }
            .s-one-fifth { width: 19.2%; }
            .s-two-fifths { width: 39.4%; }
            .s-three-fifths { width: 59.6%; }
            .s-four-fifths { width: 79.8%; }
        }


/* Form Styles ========================================================*/

    /* A class for each line of the form */
    .form-line { display: block; padding: 0.3rem 0;}
    .form-line:after { clear: both; content: ""; display: table; }

    input.warning { background: #eee; border-color: #ad8949; }
    input.error { background: #eee; border-color: #a44141; }
    input.info { background: #eee; border-color: #4a8cba; }
    input.success { background: #eee; border-color: #4c772f; }
    
    .label { display: inline-block; min-height: 2.6rem; padding: 0 0.6rem 0 0; }
    .text-input,
    .text-area {
        background: #fbfbfb;
        border: 1px solid #999;
        border-radius: 0.3rem;
        color: #111;
        max-width: 100%;
        min-height: 2.6rem;
        padding: 0.3rem 0.6rem;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
    .text-input:focus,
    .text-area:focus { background: #fff; -webkit-box-shadow: 0 0 2px 0 #666; box-shadow: 0 0 2px 0 #aaa; }
    .checkbox {  }

    /* Styles for rounded corners on form inputs/lables on the same line */
    .input-prepend .text-input { border-radius: 0 0.3rem 0.3rem 0; }
    .input-append .text-input { border-radius: 0.3rem 0 0 0.3rem; float: left; }
    .input-append.input-prepend .text-input { border-radius: 0; }

    .add-on { background: #eee; border: 1px solid #999; float: left; min-height: 2.6rem; padding: 0.3rem 0.6rem; }
    .add-on:first-child { border-radius: 0.3rem 0 0 0.3rem;  border-right-width: 0;}
    .add-on:last-child { border-left-width: 0; border-radius: 0 0.3rem 0.3rem 0; }

    /* Status styles, e.g. this form input is incorrect */
    .muted { color: #999; }
    .text-warning { color: #ad8949; }
    .text-error { color: #a44141; }
    .text-info { color: #4a8cba; }
    .text-success { color: #4c772f; }
    
    .warning { background: #ad8949; color: #fff; }
    .error { background: #a44141; color: #fff; }
    .info { background: #4a8cba; color: #fff; }
    .success { background: #4c772f; color: #fff; }

    /* Mobile =============================================================*/
        @media screen and (max-width: 600px) {
            .label { display: block; }
            .text-input,
            .text-area {
                width: 100%;
            }

            .add-on { clear: both; float: none; padding: 0.5rem 0.6rem; text-align: center; width: 100%; }
            .add-on:first-child { border-bottom-width: 0; border-radius: 0.3rem 0.3rem 0 0; border-right-width: 1px; }
            .add-on:last-child { border-left-width: 1px; border-radius: 0 0 0.3rem 0.3rem; border-top-width: 0; }
        }


/* tables =============================================================*/

    .table { border: 1px solid #777; border-collapse: separate; }
    .table th,
    .table td { border: 1px solid #777; border-left: 0; border-top: 0; padding: 0.6rem 0.8rem; }
    .table th { background: #eee; }
    .table td:last-child,
    .table th:last-child { border-right: 0; }
    .table tr:last-child td,
    .table tr:last-child th { border-bottom: 0; }

    .table-rounded { border-radius: 1rem; overflow: hidden; }

    .table-stretch { width: 100%; }
    
    .table-gap { margin: 0 0 2rem 0; }

    /* Mobile =============================================================*/
        @media screen and (max-width: 600px) {
            .table { overflow: auto; width: 100%; }
        }


/* Buttons ============================================================*/

    .btn {
        background: #000;
        border: 0;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: inherit;
        line-height: 2.2rem;
        min-height: 2.2rem;
        padding: 0.2rem 0.6rem;
        text-decoration: none;
        vertical-align: top;
    }


/* Menus ==============================================================*/

    /* A base class for any navigation menus ==============================*/
        .nav { font: inherit; list-style: none; margin:1rem 3.5rem; padding: 0; float:right; }
        .nav li { list-style: inherit; display: inline-block;  }
        .nav a { display: block; text-decoration: none; text-transform: uppercase; padding: 0.5rem;   text-align: center;}

    /* Horizontal Menus ===================================================*/
        .nav-horizontal {  }
        .nav-horizontal li { float: left; }
    
    /* Vertical Menus =====================================================*/
        .nav-vertical {  }
        .nav-vertical li { display: block; }

    /* Dropdown Menus =====================================================*/

    /* Vertical Dropdown Menus ============================================*/

    /* Horizontal Dropdown Menus ==========================================*/

/*! responsive-nav.js 1.0.39 by @viljamis */





.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

nav.js .nav-collapse-0.opened {
  max-height: 130px !important;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.nav-toggle {
    background: url(/wp-content/uploads/2015/05/menuicon.png) no-repeat 50% 0;
    text-indent: -9999px;
    background-size:30px 30px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
    margin: 9rem auto 0;
  display: block;
  height: 30px;
  width: 30px;
}

@media screen and (min-width: 40em) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}
 

/* Site Specific styles ===============================================*/

    body { background: #eeeeee; outline: none;}
   
    section {  float: left;
  width: 100%;
}    
        
    .pullin {width:980px;
margin: 0 auto;}
	
img {max-width: 100%;}
a.button {
  background: #963b3a;
  color: #ffffff;
  padding: 1rem;
  text-decoration: none;
      text-transform: uppercase;
  font-size: 1rem;
}

.indexNav {text-align: center; background: #ffbf09; margin: 0; padding: 1rem 0 2rem 0; width:100%;}


.scroller {margin: 0 auto;
  display: block;
  text-align: center;}

.scroller img {width: 50px; margin: 0 auto;}
.whoWeAre li {

   margin: 2rem;
}

.yellowBackground {background: #ffbf09;}
/*---- Header section ------*/
.bannerSection {
height: 400px;
    width: 100%;
background-size:cover !important;
}

.headerOpacity {
  background: rgba(255,255,255,0.5);
  width: 30%;
  margin: 3rem auto;
  padding: 5rem;
}

.bannerOpacity {background: rgba(255,255,255,0.8);   padding: 0 4rem 2rem;}
.bannerOpacity p, .bannerOpacity h1 {color:#333333;}
.headerOpacity img {
  margin: 0 auto;
  display: block;
}

 .header {background: url(/wp-content/uploads/2015/06/bannerhome.jpg) no-repeat center center fixed;
      background-size: cover;
width:100%; height:500px;
      }


.headerAdd, .headerAdd div {padding: 0;}

.addBanner {
      height: 300px;
      width: 100%;
      background-size: cover;
}

.equiptmentBanner {background: url(/wp-content/uploads/2015/05/plantBanner.png) no-repeat center center fixed;   background-size: cover;}
.groundworkBanner {background: url(/wp-content/uploads/2015/06/groundwork.jpg) no-repeat center center fixed;  background-size: cover;}
.aboutBanner      {background: url(/wp-content/uploads/2015/06/aboutbanner.jpg) no-repeat center center fixed;  background-size: cover;}
.plantBanner {background: url(/wp-content/uploads/2015/06/planthire.jpg) no-repeat center center fixed;  background-size: cover;}
.contactBanner {background: url(/wp-content/uploads/2015/06/contact.jpg) no-repeat center center fixed;  background-size: cover;}
.aggBanner {background: url(/wp-content/uploads/2015/06/aggregates.jpg) no-repeat center center fixed;  background-size: cover;}
.logo {
     width: 140px;
    margin: 0 0 0 2rem;
}
    
.calign {
  margin: 0 auto;
  display: table;
}


iframe {max-width:100%;}
.contactMap {padding:2rem}
.aboutInner img {
  margin: 2rem auto;
  border: 10px solid #ffffff;
  width: 80%;
  box-shadow: 0px 1px 3px #999999;
}

/*---- Lists section ------*/


ul {
  margin: 0;
  padding: 0;
}

.clientslist li {background:#ffffff;padding: 2rem;}
ul.reasonsList, ul.modesList, ul.supportList, ul.supportList2, ul.planthireList, ul.groundworkList, ul.equiptmentList, ul.whoWeAre{
  text-align: center;
}

.casestudies li {list-style:none; display: inline-block;
    margin: 2rem 0;}
.casestudies li img {width:100%;}
.casestudies li p {text-align:left; }
.casestudies li h4 {    margin: 0;}
ul.reasonsList li, ul.modesList li, ul.supportList li, ul.supportList2 li, .planthireList li, ul.groundworkList li, ul.equiptmentList li, .whoWeAre li{
    display: inline-block;
  text-align: center;
  margin: 1.6rem;
}

ul.planthireList li, .groundworkList li {width:15%; vertical-align: top;}

ul.modesList li, ul.reasonsList li, ul.equiptmentList li {
    width: 21%;
    vertical-align: top;
}

ul.groundworkList li p {
  color: #963b3a;
  margin: 0;
  position: relative;
  padding: 1rem;
}

ul.equiptmentList li {
  background: #eeeeee;
  padding: 1rem;
}


ul.reasonsList li img, ul.modesList li img, .whoWeAre li img, .groundworkList li img {width:150px; margin:0 auto;}

ul.supportList li {
  width: 40%;
  background: #ffffff;
  padding: 2rem;
  position: relative;
border-bottom: 2px solid #ffbf09;
transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}

.innerli {
    background: rgba(255,255,255,0.5);
      width: 90%;
      margin: 0 auto 2rem;
      padding: 2rem;
}

ul.supportList2 li {
  width: 30%;
  background: #ffffff;
  padding: 2rem 0 0;
  position: relative;
transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}

ul.supportList2 li:nth-child(1) {
background: url(../img/groundwork1.png) no-repeat;
}

ul.supportList2 li:nth-child(2) {
background: url(../img/groundwork2.png) no-repeat;
}

ul.supportList2 li a {
background: #ffffff;
text-align: center;
display: block;
padding: 2rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #666666;}

ul.supportList li:hover, ul.supportList2 li:hover {
     transform: translate(0, -15px);
  -webkit-transform: translate(0, -15px);
  -ms-transform: translate(0, -15px);
    
   }

ul.supportList a {
  color: #963b3a;
  text-decoration: none;
    background: url(../img/rightArrow.png) no-repeat center right;
      font-size: 1.4rem;
}

/*---- Transitions section ------*/

.showbox {
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
  }
  .showbox.slideright:hover {
    -webkit-transform: rotate(10deg) ;
    -moz-transform: rotate(10deg) ;
    -o-transform: rotate(10deg) ;
    -ms-transform: rotate(10deg) ;
    transform: rotate(10deg) ;
  }

.showbox.slideleft:hover {
    -webkit-transform: rotate(-10deg) ;
    -moz-transform: rotate(-10deg) ;
    -o-transform: rotate(-10deg) ;
    -ms-transform: rotate(-10deg) ;
    transform: rotate(-10deg) ;
  }

/*---- Forms ------*/

form fieldset {border: none;}
form input, textarea {
  border: none;
  padding: 1rem;
  width: 100%;
}


/*---- Footer section ------*/


footer {
  background: #ffffff;
clear:both;
  color: #666666;
  display: table;
  width: 100%;
  font-size: 1.2rem;
}

/*---- Contact section ------*/

.contactUs  p, .contactUs  h2 {text-align: left}
.contactUs  p {color:#eeeeee;}
.contactMap img {padding-top: 4.5rem ;}

.contactLeft {
  padding: 0 0 0 2rem;
}

.contactRight {
  padding: 0 2rem 0 0;
}

.contactUs { background: #999999 ;border-top: 5px solid #963b3a;
  border-bottom: 5px solid #963b3a; } 


/*---- About section ------*/



.aboutus {   background: #ffbf09;} 

.aboutInner p {text-align: left;}



/*---- Banners section ------*/

.bannerMid {  
    height: 400px; 
    padding: 0; 
    margin: 0; 
    background: url(/wp-content/uploads/2015/06/bannerhome.jpg) no-repeat center center fixed; 
    background-size: cover;
    border-top: 5px solid #963b3a;
    border-bottom: 5px solid #963b3a; 
} 

.bannerBottom {  
    height: 400px; 
    padding: 0; 
    margin: 0; 
    background: url(/wp-content/uploads/2015/05/banner2.png) no-repeat center center fixed; 
    background-size: cover;
    border-top: 5px solid #963b3a;
    border-bottom: 5px solid #963b3a; 
} 

.bannerMid h1, .bannerBottom h1 { 
  font-size: 5rem;
}

.bannerMid p, .bannerBottom p {
  color: #333333;
  font-size: 1.5rem;
}







    /* Fluid Layouts ======================================================*/

    	/* Smaller Computer Screens ===========================================*/
    	@media screen and (max-width: 1024px) and (min-width: 700px) {
            div.pullin {
              width: 95%;
              margin: 0 auto;
            }
             ul.supportList li {width:20%;}
            ul.modesList li, ul.reasonsList li, ul.groundworkList li, 				ul.equiptmentList li {width:15%;}

    	}
    	
    	/* Tablet =============================================================*/
    	@media screen and (max-width: 700px) and (min-width: 600px) {
    	}
    	
    	/* Mobile =============================================================*/
    	@media screen and (max-width: 600px) {
           
.casestudies li {
    text-align: center;
    padding: 3rem;
}
.casestudies li h4 {
    margin: 1rem;
}
            ul.reasonsList li img, ul.modesList li img {
              width: 100px;
            }
            a.button {
  margin: 0 auto;
  display: block;
  text-align: center;
  width: 200px;
}
           
            .gridPadding {
              padding: 2rem 0rem;
            }
            
            p {
              margin: 0 2rem;
            }
            
            .contactUs p{
              text-align: center;
            }
            
            ul.supportList li {padding: 1rem;}
            
            .contactMap img {
              padding-top: 1.5rem;
              margin: 0 auto;
              display: block;
            }

            .nav-collapse ul {
              margin: 0;
              padding: 0;
              width: 100%;
              display: block;
              list-style: none;
            }
            .nav-collapse li {
              width: 100%;
              display: block;
            }
            .logo {
              width: 200px;
              padding: 2rem;
              margin: 0 auto;
              display: block;
            }
            .one-half p, .one-half h2 {text-align: center}
            .headerOpacity {
              width: 90%;
              margin: 3rem auto;
              padding: 3rem;
            }
ul.reasonsList li, ul.modesList li, ul.supportList li, ul.supportList2 li, .planthireList li, ul.groundworkList li, ul.equiptmentList li, .whoWeAre li {width:100%;}
.aboutInner p {
  text-align: center;
  padding: 1rem;
}
.planthireList li img, .groundworkList li img {margin: 0 auto; width: 50%;}
.addBanner {display:none;}
            
            .bannerMid h1, .bannerBottom h1 {
              color: #333333;
              font-size: 4rem;
              margin-top: 0rem;
                  padding: 0;
            }

            .pullin {
              width: 100%;
              margin: 0 auto;
            }
            ul.supportList li, ul.supportList2 li {width: 70%;}
            ul.modesList li, ul.reasonsList li, ul.groundworkList li, ul.equiptmentList li, ul.planthireList li {width:85%;}
    	}