/* Include fonts */
    @import url('//maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css');
    
    html { font-family: 'Roboto', 'sans-serif'; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background-color:#ffffff; color:#1B1B1B; }
    body { margin: 0; font-size:14px; }
    * { font-family: inherit; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color:#262626; }
    figcaption, figure, article, aside, details, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
    canvas, audio, progress, video { display: inline-block; vertical-align: baseline; }
    audio:not([controls]) { display: none; height: 0; }
    a, button { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
    a { background-color: transparent; text-decoration: none; }
    a:active, a:hover { outline: 0; }
    img { max-width:100%; }
    ul { margin:0; padding:0; }
    ul li { margin:0; padding:0 0 .5em 1em; }
    div.clear { clear:both; line-height:0px !important; }

    div#scroll_to_top { display:none; top: 70%; right: 2%; position: fixed; background-color: #000000; padding: .2em; border-radius: 8px; min-width:15px; text-align:center; z-index: 99999; }
    div#scroll_to_top a { color: #ffffff; font-size: 2em; }
    
    div.section { width:100%; margin-bottom:8em; }
    div.section .page { max-width:1300px; width:100%; margin:0 auto; font-size:1vw; }
    div.section .page .logo { display:inline-block; vertical-align: middle; width:10%; }
    div.section .page .menu { display:inline-block; vertical-align: middle; width:60%; margin-left:5%; }
    div.section .page .contact { display:inline-block; vertical-align: middle; width:25%; }
    
    div.section .page .left, 
    div.section .page .right { display:inline-block; vertical-align: middle; width:50%; }

    div.section .page .align-left { text-align:left; }
    div.section .page .align-right { text-align:right; }
    div.section .page .align-center { text-align:center; }
    
    div.section.header { margin-bottom:0em; background-color:#F0F0F0; padding:0.2em 2em 2em 2em; }
    
    div.section .page .logo img { width:100%; max-width: 121px; }
    div.section .page .menu ul { list-style:none; padding:0; margin:0 0 0 0; }
    div.section .page .menu ul li { display:inline-block; padding:0; margin:0 0 0 3.15em; }
    div.section .page .menu ul li:first-child { margin-left:0; }
    div.section .page .menu ul li a { padding:5px; color:#ACACAC; font-size:1.2em; font-weight:400; border-bottom:2px solid #ACACAC; }
    div.section .page .menu ul li a:hover, 
    div.section .page .menu ul li a.active { color:#FE7F3C; border-bottom-color:#FE7F3C; }
    div.section .page .menu ul li a.active { font-weight:500; }
    div.section .page .contact { text-align:right; }
    div.section .page .contact a.button { width:auto; padding:0.8em; }
    div.section .page .contact a.social i { border-radius:0.3em; font-size:1em; margin-left:1em; padding:0.8em; color:#989898; background-color:#ffffff; box-shadow: 5px 5px 8px #BFBFBF; }
    
    div.section .page .caption { width:100%; padding:0.5em; color:#ACACAC; font-size:0.9em; text-align:right; font-style:italic; font-weight:300; }

    div.section .page p { font-size:1.3em; line-height:2em; }
    div.section .page a { color:#00A3C1; }
    div.section .page a:hover { color:#272727; }
    div.section .page h1 { font-family: 'Roboto Slab', 'Roboto', 'sans-serif'; font-size:4em; font-weight:500; }
    div.section .page h2 { font-family: 'Roboto Slab', 'Roboto', 'sans-serif'; font-size:3em; font-weight:500; }
    div.section .page h3 { font-family: 'Roboto Slab', 'Roboto', 'sans-serif'; font-size:2.5em; font-weight:500; }
    div.section .page h4 { font-family: 'Roboto Slab', 'Roboto', 'sans-serif'; font-size:1.8em; font-weight:500; }

    div.section .page .button { background-color: #272727; cursor:pointer; color:#ffffff; outline:none; border:none; border-radius: 0.3em; padding:1em 1.5em; font-weight:500; }
    div.section .page .button.light { background-color:#00A3C1; }
    div.section .page .button.medium { background-color:#FE7F3C; }
    div.section .page .button:hover { color:#00A3C1; }
    div.section .page .button.light:hover, 
    div.section .page .button.medium:hover, 
    div.section .page .button.light:hover *, 
    div.section .page .button.medium:hover * { color:#272727; }

    div.section .page a.button.dark { }
    div.section .page a.button * { color:#ffffff; }
    div.section .page p a.button { padding:0.4em 0.5em; font-weight:500; font-size:0.9em; }
    div.section .page p.light { color:#989898; }
    div.section .page p.small { font-size:1em; }

    div.section .page ul.heavy { list-style:none; }
    div.section .page ul.heavy li { line-height:3.5em; font-size:1.2em; margin:0 0 1em 0; padding:0 0 0 9%; box-shadow: 5px 5px 8px #BFBFBF; background-color:#F7F9FA; color:#262626; font-weight:500; background-image: url('../images/list_bullet_point.png'); background-size:5%; background-position:2% 50%; background-repeat:no-repeat; }


    /* Home */
    
        div.section.banner { background-image: linear-gradient(to bottom, #FAC05E, #FFED4D); background-size:100% 90%; background-repeat:repeat-x; }
        div.section.banner .page .left { width:45%; vertical-align:top; }
        div.section.banner .page .right { width:55%; padding-top:0em; margin-top:-1em; text-align:center; }

        div.section.banner .page .left h1 { margin:3vw 0 1vw 0; }
        div.section.banner .page .left p { margin:1vw 0; }
        div.section.banner .page .left a.button { display:inline-block; margin-top:1.5em; font-size:1.2em; }
        div.section.banner .page .left a.button:first-of-type { margin-right:2em; }
        div.section.banner .page .left .gallery { width:100%; margin-top:5em; }
        div.section.banner .page .left .gallery img { width:50%; display:inline-block; }
        div.section.banner .page .right img { width:100%; max-width: 530px; }

        div.section.homeblock1 .left { width:50%; max-width:525px; }
        div.section.homeblock1 .right { vertical-align:top; margin-top:2em; padding-left:7%; }
        div.section.homeblock1 .right h2 { font-size:2em; font-weight:600; }
        div.section.homeblock1 .right p { color:#9D9D9D; font-weight:400; }
        div.section.homeblock1 .right ul.heavy { margin-top:2em; }

    /* Featured Blocks */

        div.section.contact_us_strip { background-color:#00A3C1; color:#ffffff; padding:3.5em; }
        div.section.contact_us_strip .left { width:60%; }
        div.section.contact_us_strip .right { width:40%; }
        div.section.contact_us_strip .left h2 { color:#ffffff; margin:0 0 0.2em 0; font-weight:400; font-size:3.5em; }
        div.section.contact_us_strip .left p { color:#ffffff; margin:0; font-size:1.5em; font-weight:400; }
        div.section.contact_us_strip .right a { color:#ffffff; font-size:2.2em; }
        div.section.contact_us_strip .right a i.fas { color:#ffffff; }
        div.section.contact_us_strip .right a span { color:#ffffff; font-weight:600; }
        
        div.section.contact_us_block { background-color:#F7F9FA; }
        div.section.contact_us_block .page { max-width:100%; display: inline-flex; }
        div.section.contact_us_block .image.left { width:50%; height: inherit; background-image:url('../images/contact-us-today-for-plant-hire.jpg'); background-repeat:no-repeat; background-size: cover; }
        div.section.contact_us_block .info.right { width:50%; vertical-align:top; padding:3% 10% 3% 5%; }
        div.section.contact_us_block .info.right h3 { margin:0; }
        div.section.contact_us_block .info.right p { color:#989898; }
        div.section.contact_us_block .info.right a.button { display:inline-block; margin:1em 0; }
        div.section.contact_us_block .info.right .contact-info { display:inline-block; width:100%; margin:0.8em 0; }
        div.section.contact_us_block .info.right .contact-info i { display:inline-block; width:5%; color:#484848; text-align:center; font-size:1.6em; }
        div.section.contact_us_block .info.right .contact-info a,
        div.section.contact_us_block .info.right .contact-info span { position:relative; display:inline-block; width:80%; padding-left:5%; vertical-align:middle; }
        div.section.contact_us_block .info.right .contact-info span { color:#989898; }
        div.section.contact_us_block .info.right .social { }
        div.section.contact_us_block .info.right .social h4 { margin:1em 0 0.5em 0; }
        div.section.contact_us_block .info.right .social a { }
        div.section.contact_us_block .info.right .social a i { border-radius:50%; font-size:1em; margin-right:1em; padding:1em; color:#989898; background-color:#ffffff; box-shadow: 5px 5px 8px #BFBFBF; }
        
        
        div.section.gallery_collage { }
        div.section.gallery_collage .page { max-width:100%; }
        div.section.gallery_collage .page img { display:inline-block; width:33.33%; vertical-align: top;}

        div.section.reviews .page { width:80%; }
        div.section.reviews .page .review { padding:0 5%; font-size:1.1em; }
        div.section.reviews .page .review .quotes { vertical-align:top; width:15%; }
        div.section.reviews .page .review .quotes i { color:#FFD029; font-size:1.5em; }
        div.section.reviews .page .review .review_body { width:85%; padding-top:0.5em; }
        div.section.reviews .page .review .review_body .text { padding-bottom:2.5em; font-family: 'Roboto Slab', 'Roboto', 'sans-serif'; font-weight:500; }
        div.section.reviews .page .review .review_body img { max-width:81px;}
        div.section.reviews .page .review .review_body .detail { vertical-align:top; padding-left:10%; }
        div.section.reviews .page .review .review_body .detail .name { display:block; width:100%; color:#00A3C0; font-size:1.1em; font-weight:600; line-height:1.6em; }
        div.section.reviews .page .review .review_body .detail .location { display:block; width:100%; color:#9A9A9A; font-weight:0.8em; }
    
    
    /* Product LIst */

        div.section.machine_list .back_button { padding-right:2%; }
        div.section.machine_list { background-color:#F7F9FA; }
        div.section.machine_list .page { padding:2em; }
        div.section.machine_list .page ul.product_list { padding:0; margin:0; font-size:1.2em; padding-top:2em; }
        div.section.machine_list .page ul.product_list li { width:33.33%; margin-bottom:4em; padding:2%; display:inline-block; vertical-align:top; }
        div.section.machine_list .page ul.product_list li:nth-child(2n) { background-color:#ffffff; }

        div.section.machine_list .page ul.product_list li.cat_heading { width:100%; margin:0; padding:1em; background-color:#00A3C1; margin-top:2em; }
        div.section.machine_list .page ul.product_list li.cat_heading h2 { font-size:2em; padding:0; margin:0; color:#ffffff; }

        div.section.machine_list .page ul.product_list li.cat_tile { }
        div.section.machine_list .page ul.product_list li.cat_tile .cat_title { text-align:center; font-size:1.3em; font-weight:500; background-color:#00A3C1; color:#ffffff; padding:1em; }
        div.section.machine_list .page ul.product_list li.cat_tile .cat_image { height:325px; padding:5%; text-align:center; }
        div.section.machine_list .page ul.product_list li.cat_tile .cat_image img { max-width:100%; max-height:100%; }


        div.section.machine_list .page ul.product_list li .image { height:325px; padding:10%; text-align:center; }
        div.section.machine_list .page ul.product_list li .image img { max-width:100%; max-height:100%; }
        div.section.machine_list .page ul.product_list li div.price, 
        div.section.machine_list .page ul.product_list li div.price span { color:#00A3C0; font-family: 'Roboto Slab', 'Roboto', 'sans-serif'; font-size:2em; font-weight:500; text-align:center; }
        div.section.machine_list .page ul.product_list li div.price span { font-size:0.5em; }
        div.section.machine_list .page ul.product_list li div.title { font-family: 'Roboto Slab', 'Roboto', 'sans-serif';min-height:2.6em; font-size:1.2em; font-weight:500; text-align:center; }
        div.section.machine_list .page ul.product_list li div.summary { margin-top:1.5em; color:#989898; min-height:4em; text-align:center; }
        div.section.machine_list .page ul.product_list li div.link { margin-top:1.5em; text-align:center; }
        div.section.machine_list .page ul.product_list li div.link a.button { display:inline-block; }

        div.section.product_detail { padding-top:2em; }
        div.section.product_detail .image { padding-top:2em; width:40%; text-align:center; }
        div.section.product_detail .image img { max-width:100%; max-height:100%; }
        div.section.product_detail .desc { padding-top:2em; vertical-align: top; width:60%; padding-left:10%; }
        div.section.product_detail .desc h1 { margin:0; padding:0; font-size:2.5em; }
        div.section.product_detail .desc .price { font-size:2.5em; color: #00A3C0; font-weight:600; }
        div.section.product_detail .desc .price span { font-size:0.6em; color: #00A3C0; }
        div.section.product_detail .desc a.button { display:inline-block; margin-top:1.5em; }

        div.section.product_spec { }
        div.section.product_spec .page ul.heavy { padding-top:2em; }
        div.section.product_spec .page ul.heavy li { display:inline-block; width:40%; font-size:1.2em; padding-left:5%; margin-left:2.5%; margin-right:2.5%; }


    
        /* Contact Form */

        div.section.contact_us_block.contact-us-page .page { max-width:1300px; display:block; }
        div.section.contact_us_block.contact-us-page .page h1 { margin:0; font-size:3em; }

        div.section .page form { width:95%; margin-left:2.5%; }
        div.section .page form p.error { color:#d90000; }
        div.section .page form label { display:inline-block; width:65%; }
        div.section .page form input,
        div.section .page form select,
        div.section .page form textarea { display:inline-block; width:65%; margin-bottom:2em; padding:0.6em; }
        div.section .page form textarea { height:100px; }
        div.section .page form .g-recaptcha { margin-bottom:2em; }





    @media only screen and (min-width: 0px) and (max-width: 1300px)
    {
        div.section .page { font-size:1.2vw; padding: 0 1%; }
    }


    @media only screen and (min-width: 0px) and (max-width: 1000px)
    {
        /* Body */
        div.section { margin-bottom: 2em; }
        div.section .page { padding: 2% 1%; }
        
        /* Header */
        div.section .page .caption { display:none; }
        div.section .page .menu { display:none; }
        div.section .page #mobile-menu-icon { font-size:4em; vertical-align:middle; width:33.33%; text-align:left; }
        div.section .page .logo { display:inline-block; width:33.33%; text-align:center; }
        div.section .page .contact { display:inline-block; font-size:1.4em; width:33.33%; text-align:right; }

        /* Product Listing */
        div.section.machine_list .page { padding-left:0.5%; padding-right:0.5%; }
        div.section.machine_list .page ul.product_list li { width:48%; margin:1% 1%; padding-bottom:2em; background-color:#ffffff; }
        div.section.machine_list .page ul.product_list li .image { height:250px; }
                
    }

    @media only screen and (min-width: 0px) and (max-width: 800px)
    {
        /* Body */
        div.section .page { padding: 2% 1%; padding: 2% 3%; font-size:2vw; }
        div.section.header .page { padding-left:1%; padding-right:1%; }
        div.section .page .left, 
        div.section .page .right { width:100% !important; text-align:center; }
        div.section .page ul.heavy li { background-image:none; }

        /* Home */
        div.section.homeblock1 .right { padding-left:0; }
        div.section .page h1 { text-align:center; }
        div.section .page h2 { text-align:center; }
        div.section .page p { text-align:center; }

        div.section.gallery_collage .page { padding:0; }
        div.section.gallery_collage .page img { width:50%; }

        /* Contact section */
        div.section.contact_us_strip .right { margin-top:2em; }
        div.section.contact_us_block .info.right { padding:2em; }
        div.section.contact_us_block .page { padding:0; }
        div.section.contact_us_block .page .left.image { display:none; }
        div.section.contact_us_page.contact_us_block .page .left { display:block; }
        div.section .page form { text-align:center; }
        div.section .page form input,
        div.section .page form select,
        div.section .page form textarea,
        div.section .page form .g-recaptcha { width:75%; padding:1em; margin-bottom:2em; }
        div.section.contact_us_block .info.right .contact-info a, div.section.contact_us_block .info.right .contact-info span { padding:0.5em 0; font-size:1.2em; }
        div.section.contact_us_block .info.right .social a i { margin-right:0; }

        /* Reviews block */
        div.section.reviews .page .review { padding-bottom:2.5em; }
        div.section.reviews .page .review .quotes { text-align:left; }
        div.section.reviews .page .review .review_body .text { padding-bottom:1em; }
        div.section.reviews .page .review .review_body .detail { padding:0; }

        /* Product Listing */
        div.section.machine_list .page ul.product_list li.cat_tile .cat_image { padding:2%; }
        
        /* Product Detail */
        div.section.product_spec .page ul.heavy { text-align:center; }
        div.section.product_spec .page ul.heavy li { width:95%; padding:0; }
        div.section.product_detail .desc { padding:4em 0 0 0; }
        div.section.product_detail .image img { max-width:80%; }
                
    }

    @media only screen and (min-width: 0px) and (max-width: 600px)
    {
        /* Body */
        div.section .page { padding: 2% 5%; font-size:3vw; }
                
    }

    @media only screen and (min-width: 0px) and (max-width: 400px)
    {
        /* Product Listing */
        div.section.machine_list .page ul.product_list li .image { height:150px; }                
    }

    @media only screen and (min-width: 0px) and (max-width: 400px)
    {
        /* Product Listing */
        div.section.machine_list .page ul.product_list li { width:98%; }
        div.section.machine_list .page ul.product_list li .image { height:200px; }                
    }