@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

/*!
 * 
 * Copyright (c) Actualise Design Pty Ltd
 *
 * http://actualisedesign.com
 *
 */

@charset "utf-8";

/* ---------------------- GENERAL ---------------------- */
body {
	width:100%;	
	height:100%;
	margin:0 auto;
	padding:0;
	/*overflow-x: hidden;*/
	font-family: 'Red Hat Display', sans-serif;
	float: left;
	color: #0f0f0f;
    
    /*min-width: 1280px;*/
}

html, body { 
    height:100%;
}

section,
article,
div {
	box-sizing: border-box;	
}

a {
	text-decoration:none;
	border:none;
	color:inherit;	
	
	
  /* These are technically the same, but use both */
/*  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;*/
  /* This is the dangerous one in WebKit, as it breaks things wherever */
/*  word-break: break-all;*/
  /* Instead use this non-standard one: */
/*  word-break: break-word;*/

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
/*  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;*/
	
}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;	
	box-sizing: border-box;
	margin: 0 0 30px 0;
}

h1,
p.h1 > a {
/*	font-size: 26px;
	letter-spacing: 0.02em;	*/
}

p, 
ul,
ol {
    font-size: 18px;
	color: inherit;
	line-height: 1.50em;
	box-sizing: border-box;
	margin: 0 0 30px 0;
}

    p > a {
        text-decoration: underline;    
    }

ol {
	/*list-style-type: lower-alpha;*/
}

ol ol {
	list-style-type: upper-alpha;
}


	ol > li {
		/*margin-bottom: 30px;*/
	}

	p > strong {
		font-weight: 500;
	}

ul {
	padding: 0 0 0 40px;
}

	ul > li {
		padding: 0 0 0 11px;
	}

sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}

sub { 
  top: 0.4em; 
}

img {
	border:none;	
}

a img {
	border:none;	
}

.div {
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    float: left;  
}

.table {
    display: table;
}

.anchor-link-position { 
    position: relative;
    width: 1px;
    height: 1px;
    top: -110px;
    float: left;
}

.uppercase {
	text-transform:uppercase;
}

.no-text-transform {
	text-transform:none !important;	
}

.test {

}

/* ---------------------- iPhone phone number colour fix ---------------------- */

a[href^=tel] {
	color: inherit;
	text-decoration: none;
}



/* ---------------------- Header ---------------------- */

.site-header {
    padding: 96px 6% 0 7%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 150;
    background: rgba(255, 255, 255, 0);
    border-bottom: 1px solid rgba(239, 239, 239, 0);
    transition: all ease-out 0.3s;
}

.site-header-min {
    background: rgba(255, 255, 255, 1);
    border-bottom: 1px solid rgba(239, 239, 239, 1);
    padding-top: 0;    
}

    .site-header > nav {
        width: auto;
        margin: 45px 0 0 0;
        transition: all ease-out 0.3s;
    }

    .site-header-min > nav {
        margin-top: 37px ;
    }

        .site-header > nav > a {
            display: inline-block;
            font-size: 20px;
            font-weight: 500;
            text-transform: uppercase;
            padding: 5px 0px;
            margin: 0 83px 0 0;
            float: left;
        }

        .projects_page .site-header > nav > a:nth-child(1),
        .project_page .site-header > nav > a:nth-child(1), 
        .services_page .site-header > nav > a:nth-child(2), 
        .about_page .site-header > nav > a:nth-child(3),
        .contact_page .site-header > nav > a:nth-child(4) {
            color: #4daa4d;
            border-bottom: 1px solid #4daa4d;
        }

        .site-header > nav > a:last-of-type {
            margin-right: 0;
        }

    .site-header > .logo-block {
        width: auto;
        float: right;
    }

        .site-header > .logo-block > .col_1 {
            width: auto;
            margin: 18px 13px 0 0;
            transition: all ease-out 0.3s;
        }

        .site-header-min > .logo-block > .col_1 {
            margin-top: 16px;
        }

            .site-header > .logo-block > .col_1 > p {                
                color: #414141;
                margin: 0;
            }

            .site-header > .logo-block > .col_1 > p.primary {
                font-size: 36px;
            }

            .site-header > .logo-block > .col_1 > p.secondary {
                font-size: 15px;
                text-transform: lowercase;
            }

        .site-header > .logo-block > .col_2 {
            width: auto;
            position: relative;
        }

            .site-header > .logo-block > .col_2 > img {
                display: inline-block;
                height: 110px;
                width: auto;
                margin: 0 0 0 0;
                transition: all ease-out 0.3s;
            }

            .site-header-min > .logo-block > .col_2 > img {
                height: 90px;
                margin: 15px 0 0 0;
            }

            .site-header > .logo-block > .col_2 > p.tag {
                position: absolute;
                bottom: 11px;
                right: 10px;
                margin: 0;
                padding: 0;
                font-size: 10px;
                letter-spacing: -0.02em;
                font-family: sans-serif;
                transition: all ease-out 0.3s;
            }

            .site-header-min > .logo-block > .col_2 > p.tag {
                bottom: 9px;
                right: 3px;             
            }

    .site-header > .mobile-menu-block {
        display: none;
    }


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

.site-footer {
    margin: 55px 0 0 0;
    padding: 0 6%;
}

    .site-footer > .row_1 {
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 47px;
    }

        .site-footer > .row_1 > nav {
            width: auto;
        }

            .site-footer > .row_1 > nav > a {
                display: inline-block;
                font-size: 20px;
                font-weight: 500;
                text-transform: uppercase;
                padding: 5px 10px;
                margin: 0 63px 0 0;
                float: left;
            }

            .site-footer > .row_1 > nav > a:last-of-type {
                margin-right: 0;
            }

        .site-footer > .row_1 > .copyright {
            width: auto;
            float: right;
            color: #919191;
        }

    .site-footer > .row_2 {
        margin: 60px 0 0 0;
        padding-bottom: 40px;
    }


        .site-footer > .row_2 > .site-version {
            width: auto;
            font-size: 14px;
            color: #919191;
        }

            .site-footer .actualise-link {
                display:inline-block;
                height:auto;
                width:auto;
                padding: 10px 10px;	
                margin:0;
                float:right;
                position:relative;
                right:-10px;
                top: -11px;
            }

                .site-footer .actualise-link > span {
                    display:inline-block;
                    margin: 0 14px 0 0;
                    position: relative;
                    top: -8px;
                    font-size: 13px;
                    color: #c1c1c1;
                }

                .site-footer .actualise-link > img {
                    display:inline-block;
                    opacity: 0.25;
                }

				
/* -------------------------------------------------------------------- HOME ------------------------------------------------------------------------------------------- */ 

/* ------ HOME - Hero Module ------ */

.hero-module {
    display: table;
    height: 667px;
    margin-top: 111px;
    padding: 0 14%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-image: url("/images/img_hero-home.jpg");
}

.header-spacer {
    display: inline-block;
    height: 111px;
}

.hero-module-top {
    height: 967px;
    margin-top: 0;
}

    .hero-module > .inner {
        display: table-cell;
        vertical-align: middle;
    }

    .hero-module > .inner > h1 {
        display: inline-block;
        width: auto;
        font-size: 40px;
        padding: 4px 22px 7px 22px;
        text-transform: lowercase;
        background: rgba(255, 255, 255, 0.7);
    }

        .hero-module > .inner > h1 > span {
            background: -webkit-linear-gradient(180deg, #4daa4d, #4d70aa);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }


/* ------ HOME - Services Summary Module ------ */

.services-summary-module {
    padding: 0 6%;
    background-color: #f2f2f2;
}

    .services-summary-module > .tabs-container {
        position: relative;
        top: -84px;
    }

        .services-summary-module > .tabs-container > header {
/*            background-color: #4daa4d;
            background-image: linear-gradient(90deg, #4daa4d, #4d8faa);*/
            background-color: #ffffff;
            background-image: linear-gradient(90deg, #e6e6e6, #ffffff);
            position: relative;
            z-index: 1;
        }

            .services-summary-module > .tabs-container > header > .tab {
                width: 25%;
                padding: 35px 25px 0 25px;
                border-right: 1px solid #fff;
            }

            .services-summary-module > .tabs-container > header > .tab-1 {
                background-color: #4daa4d;
                background-image: linear-gradient(-90deg, #4da460, #4daa4d);
            }

            .services-summary-module > .tabs-container > header > .tab-2 {
                background-color: #4da460;
                background-image: linear-gradient(-90deg, #4d9c7b, #4da460);
            }

            .services-summary-module > .tabs-container > header > .tab-3 {
                background-color: #4d9c7c;
                background-image: linear-gradient(-90deg, #4d9497, #4d9c7c);
            }

            .services-summary-module > .tabs-container > header > .tab-4 {
                background-color: #4d9497;
                background-image: linear-gradient(-90deg, #4d8faa, #4d9497);
            }

            .services-summary-module > .tabs-container > header > .tab:last-of-type {
                border-right: none;
            }

                .services-summary-module > .tabs-container > header > .tab > span {
                    color: #fff;
                    font-size: 26px;
                    margin: 0;
                    width: 100%;
                    float: left;
                    padding: 0 0 14px 0;
                }

            .tab-notactive {
                background-color: transparent !important;
                background-image: none !important;
                border-right: 1px solid transparent !important;
            }

                .tab-notactive > span {
                    color: #acacac !important;
                    border-bottom: 1px solid #d3d3d3;
                }


        .services-summary-module > .tabs-container .body {            
            background-color: #ffffff;
            background-image: linear-gradient(90deg, #e6e6e6, #ffffff);
            width: 100% !important;
            height: 400px;
        }

            .services-summary-module > .tabs-container .body .frame {
                padding: 60px 50px 30px 50px;
                background-repeat: no-repeat;
                background-size: contain;
                background-position: right bottom;
                background-image: url("/images/gfx_services-tabs-summary-bg-1_2x.png");
            }

                .services-summary-module > .tabs-container .body .frame > p {
                    width: 50%;
                }


/* ------ HOME - Approach Module ------ */

.approach-module {
    padding: 150px 6%;
    position: relative;
}

    .approach-module .table {
        display: table;
        width: 90%;
    }

    .approach-module > .table {
        height: 400px;
        position: absolute;
        top: 0;
        left: 0;
        margin: 150px 0;
        padding: 0 6%;
    }

        .approach-module .table > .col {
            display: table-cell;
            vertical-align: top;
            text-align: left;
            /*background: aqua;*/
        }

        .approach-module .table > .col_1 {
            width: 26%;
            position: relative;
        }

            h1.section-title {        
                text-transform: uppercase;
            }

            p.section-title {
                position: absolute;
                width: auto;
                margin: 0;
                padding: 0;
                float: none;                
                text-transform: uppercase;
                /*background: red;*/
            }

            .approach-module > .table > .col_1 > p.section-title {
                top: 0;
                left: 0;
                transform-origin: top left;
                transform: rotate(-90deg);
                margin: 105px 0 0 0;
            }

        .approach-module .table > .col_2 {
            width: 25%;
            position: relative;
        }

            .approach-module .table > .col_2 > h1,
            .approach-module .table > .col_2 > h2 > a {
                font-size: 48px;
                color: #4d8fa9;
                margin-top: -10px;
            }

            .slider-buttons-container {
                width: auto;
            }

            .approach-module > .table > .col_2 > .slider-buttons-container {
                position: absolute;
                left: 0;
                bottom: 0;
                z-index: 5;
            }

                .slider-buttons-container .pager-button {
                    width: 27px;
                    height: 27px;
                    border-radius: 27px;
                    background-color: #e6e6e6;
                    margin: 0 9px 0 0;
                    cursor: pointer;
                }

                    .slider-buttons-container .pager-button > .inner {
                        width: 13px;
                        height: 13px;
                        border-radius: 13px;
                        margin: 7px 0 0 7px;
                    }

                    .slider-buttons-container .active > .inner {
                        background-color: #4d90a5;
                    }

                .approach-module > .table > .col_2 > .slider-buttons-container .button:last-of-type {
                    margin-right: 0;
                }

        .approach-module .table > .col_3 {
            width: 49%;
            position: relative;
        }

        a.button,
        form > input[type="submit"] {
            display: inline-block;
            width: auto;
            font-size: 18px;
            color: #fff;
            background-color: #4d90a5;
            padding: 6px 18px 7px 18px;
            border-radius: 20px;
            text-decoration: none;
        }

            .approach-module .table .col_3 .frame {
 
            }

                .approach-module .table > .col_3 a.button {
                    position: absolute;
                    right: 0;
                    bottom: 0;
                }


    .approach-slider {
/*        position: absolute;
        top: 0;
        left: 0;
        margin: 150px 0;
        padding: 0 6%;*/
        width: 90%;
    }

        .approach-slider .frame {
            /*display: none;*/
        }

        .approach-slider .frame:first-of-type {
            /*display: inline-block;*/
        }

            .approach-slider .frame .table {
                height: 400px;
                position: relative;
            }



/* ------ HOME - Projects Summary Module ------ */

.projects-summary-module {
    height: 1085px;
    position: relative;
}

    .projects-summary-module > p.section-title {
        position: absolute;
        top: 174px;
        right: 8%;
        color: #fff;
        z-index: 90;
        transform-origin: top right;
        transform: rotate(90deg);
        margin: 97px 0 0 0;
    }

    .projects-summary-module > .slider-buttons-container {
        position: absolute;
        bottom: 174px;
        right: 8%;
        z-index: 90;
    }

                .projects-summary-module > .slider-buttons-container .pager-button {
                    /*background-color: rgba(230, 230, 230, 0.25);*/                    
                    background-color: rgba(255, 255, 255, 0.8);
                    border: 3px solid rgba(133, 133, 133, 0.8);
                }

                    .projects-summary-module > .slider-buttons-container .pager-button > .inner {
                        margin: 4px 0 0 4px;
                    }

                    .projects-summary-module > .slider-buttons-container .active > .inner {
                        background-color: #369ab9;
                    }


    .projects-summary-module .frames-container {
        height: 1085px;
    }

        .projects-summary-module .frames-container .frame {
            height: 1085px;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            background-image: url(/images/img_project-hero-1.jpg);
            position: relative;
        }

            .projects-summary-module .frames-container .frame > h1,
            .projects-summary-module .frames-container .frame > a.h1 {
                display: inline-block;
                width: 35%;
                margin: 174px 0 0 8%;
                padding: 8px 23px;
                box-sizing: border-box;
                font-size: 40px;
                color: #fff;
                background: rgba(77, 144, 165, 0.8);
            }

            .projects-summary-module .frames-container .frame > a.button {
                position: absolute;
                left: 8%;
                bottom: 174px;
            }



/* ------ Enquiry Module ------ */

.enquiry-module {
    padding: 150px 6%;
    background-color: #f2f2f2;
}

    .enquiry-module > .table {
        display: table;
        height: 400px;
        width: 90%;
    }

        .enquiry-module > .table > .col {
            display: table-cell;
            vertical-align: top;
            text-align: left;
            /*background: aqua;*/
        }

        .enquiry-module > .table > .col_1 {
            width: 26%;
            position: relative;
        }

            .enquiry-module > .table > .col_1 > p.section-title {
                top: 0;
                left: 0;
                transform-origin: top left;
                transform: rotate(-90deg);
                margin: 84px 0 0 0;
            }

        .enquiry-module > .table > .col_2 {
            width: 55%;
            position: relative;
        }

            .enquiry-module > .table > .col_2 > h1 {
                font-size: 48px;
                color: #4d8fa9;
                margin-top: -10px;
                margin-bottom: 100px;
            }

            .enquiry-module > .table > .col_2 > form {
                width: 90%;
                max-width: 642px;
                color: #414141;
            }

                form .message-div {
                    display: none;
                }

                form > input,
                form > textarea {
                    display: inline-block;
                    width: 100%;
                    font-size: 18px;
                    border: none;
                    border-bottom: 1px solid #d5d5d5;
                    box-sizing: border-box;
                    padding: 0 0 9px 0;
                    margin: 0 0 32px 0;
                    background: none;
                    color: inherit;
                    outline: none;
                    font-family: 'Red Hat Display', sans-serif;
                    font-weight: 500;
                    resize: none;
                    float: left;
                }

                form > textarea {
                    height: 110px;
                }

                ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
                  color: inherit;
                }
                ::-moz-placeholder { /* Firefox 19+ */
                  color: inherit;
                }
                :-ms-input-placeholder { /* IE 10+ */
                  color: inherit;
                }
                :-moz-placeholder { /* Firefox 18- */
                  color: inherit;
                }

                form > input[type="submit"] {
                    margin-top: 20px;
                    cursor: pointer;
                    float: right;
                }

        .enquiry-module > .table > .col_3 {
            width: 19%;
            position: relative;
        }

            .enquiry-module > .table > .col_3 > .phone-block {

            }

                .enquiry-module > .table > .col_3 > .phone-block > img {
                    width: auto;
                    opacity: 0.12;
                    margin: 0 24px 0 0;
                }

                .enquiry-module > .table > .col_3 > .phone-block > p {
                    width: auto;
                }




/* -------------------------------------------------------------------- ABOUT ------------------------------------------------------------------------------------------- */ 

/* ------ ABOUT - Two Text and Image Module ------ */

.two-text-and-image-module {
    display: table;
}

    .two-text-and-image-module > .col_1 {
        display: table-cell;
        text-align: left;
        vertical-align: top;
        width: 70%;
        padding: 160px 10%;
    }

        .two-text-and-image-module > .col_1 .block {
            width: 45%;
        }

        .two-text-and-image-module > .col_1 > .row:nth-child(2) > .block {
            margin: 100px 0 100px 40%;
            float: right;
        }

        .two-text-and-image-module > .col_1 h1 {
            font-size: 48px;
            color: #4d8fa9;
        }

    .two-text-and-image-module > .col_2 {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 30%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-image: url(/images/img_about-modular-install.jpg);
    }

        .two-text-and-image-module > .col_2 > .button {
            width: auto;
            padding: 15px;
            cursor: pointer;
            float: none;
        }


.video-lightbox {
    display: none;
    position: fixed;
    top:0;
    left:0;
    margin: -60px 0 0 0;
    padding: 122px 15%;
    height: calc(100% + 120px);
    box-sizing: border-box;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 160;
}

    .video-lightbox > .inner {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

        .video-lightbox .close {
            display: inline-block;
            position: absolute;
            top:80px;
            right: 20px;
            margin: 0;
            padding: 0;
            cursor: pointer;
        }

            .video-lightbox .close > img {
                display: inline-block;
                margin: 0;
                padding: 20px;
                float: left;			
            }

        .video-lightbox > .inner p.small {
            font-size: 14px;
        }


	.video-container {
		position: relative;
		padding-bottom: 56.0%;
		padding-top: 0px;
		height: 0;
		overflow: hidden;
	}

		.video-container > iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}



/* ------ ABOUT - Approach Module ------ */

.about-approach-module { 
    position: relative;
    height: 920px;
    padding: 0;
}

    .about-approach-module > .table {
        z-index: 1;
        width: 45%;
        padding-right: 0;
    }
            .about-approach-module > .table > .col_2 > h2 {
                color: #fff;
                display: inline-block;
                float: left;
                width: 100%;
                margin: 0 0 24px 0;
            }

            .about-approach-module > .table > .col_2 > h2 > a {
                color: inherit;
            }

            .about-approach-module > .table > .col_2 > h2 > a.active {
                color: #4d8fa9;
            }

                .about-approach-module > .table > .col_2 > h2 > a  {
                    cursor: pointer;
                    display: inline-block;
                    width: 173px;
                    float: left;
                    padding: 0 20px;
                    position: relative;
                    left: -20px;
                }

        .about-approach-module > .table > .col_3 {
            display: none;
        }


    .about-approach-module .about-approach-slider {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }

        .about-approach-module .about-approach-slider > .frame {
            height: 920px;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            background-image: url(/images/img_approach-module-bg-1.jpg);
        }

            .about-approach-module .about-approach-slider > .frame > .table {
                padding: 150px 6%;
            }


/* ------ ABOUT - Image and Text Main Module ------ */

.image-and-text-main-module {
    padding: 150px 0;
}

    .image-and-text-main-module > .table {

    }

        .image-and-text-main-module > .table > .col {
            display: table-cell;
            text-align: left;
            vertical-align: top;
        }

        .image-and-text-main-module > .table > .col_1 {
           width: 27%;
        }

            .image-and-text-main-module > .table > .col_1 > img {
               display: inline-block;
                width: calc(100% - 112px);
                margin: 101px 0 0 0;
                padding: 0;
                float: left;
            }

        .image-and-text-main-module > .table > .col_2 {
           width: 40%;
        }

            .image-and-text-main-module > .table > .col_2 > h1 {
                margin-bottom: 60px;
                font-size: 20px;
            }

            .image-and-text-main-module > .table > .col_2 > h2 {
                font-size: 48px;
                color: #4daa4d;
                margin-bottom: 60px;
            }


        .image-and-text-main-module > .table > .col_3 {
           width: 33%;
        }


/* ------ ABOUT - Testimonials Module ------ */

.testimonials-module {
    padding: 200px 6%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(/images/img_testimonials-bg.jpg);
    color: #fff;
    position: relative;
}

    .testimonials-module .table {
        width: 100%;
    }

        .testimonials-module .table > .col {
            display: table-cell;
            text-align: left;
            vertical-align: top;
        }

        .testimonials-module .table > .col_1 {
            width: 30%;
            position: relative;
        }

            .testimonials-module .table > .col_1 > p.section-title {
                top: 0;
                left: 0;
                transform-origin: top left;
                transform: rotate(-90deg);
                margin: 129px 0 0 0;
            }

        .testimonials-module .table > .col_2 {
            width: 40%;
        }

            .testimonials-module .table .col_2 .quote-img {
                display: inline-block;
                margin: 0 0 50px 0;
                padding: 0;
                float: left;
            }


        .testimonials-module .table > .col_3 {
           width: 30%;
        }


    .testimonials-module .testimonials-slider {
        display: inline-block;
        width: 100%;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        float: left;
    }


/* ------ ABOUT - Products Module ------ */

.products-gfx-module {
    
}

        .products-gfx-module > .col_1 > h1 {
            text-align: center;
            margin-bottom: 60px;
            font-size: 20px;
            color: inherit;
        }

        .products-gfx-module > .col_1 > p {
            text-align: center;
        }

        .products-gfx-module > .col_1 > p > .logos-gfx {
            float: none;
            margin-top: 60px;
        }


/* -------------------------------------------------------------------- PROJECTS ------------------------------------------------------------------------------------------- */ 


/* ------ PROJECTS - Projects Summary Module ------ */

.projects-items-module {
    height: auto;
    padding: 0 6%;
    margin-top: 90px;
}

    .projects-items-module .item {
        /*width: 50%;*/
        /*height: 600px;*/
        width: 47.5%;
        margin-right: 5%;
        margin-bottom: 90px;
        height: auto;
    }

    .projects-items-module .item:nth-child(even) {
        margin-right: 0%;
    }

        .projects-items-module .item > a.h1,
        .projects-items-module .item > h1 {
            display: inline-block;
            width: 100%;
            margin: 0 0 0 0;
            padding: 8px 23px;
            box-sizing: border-box;
            font-size: 40px;
            color: #fff;
            background: rgba(77, 144, 165, 1);
        }

        .projects-items-module .item .frame {
            height: 400px;
        }

            .projects-items-module .item .frame > h1,
            .projects-items-module .item .frame > a.h1 {
                display: inline-block;
                width: 82%;
                margin: 90px 0 0 8%;
                padding: 8px 23px;
                box-sizing: border-box;
                font-size: 40px;
                color: #fff;
                background: rgba(77, 144, 165, 0.8);
            }

            .projects-items-module .item .frame > a.button {
                bottom: 84px;
            }




/* -------------------------------------------------------------------- PROJECT ------------------------------------------------------------------------------------------- */ 

/* ------ PROJECT - Project Hero Module ------ */

.project-hero-module {
    /*height: 927px;*/
    height: auto;
    background-image: none;
    padding: 0;
}


/* ------ PROJECT - Project Body Media Module ------ */


.project-body-media-module {
    padding: 0 6% 90px 6%;
}

    .project-body-media-module .row {

    }

            .project-body-media-module .row > img {
                display: inline-block;
                width: 100%;
                margin: 0 0 50px 0;
                padding: 0;
                float: left;
            }

            .project-body-media-module .row-portrait > img {
                display: inline-block;
                width: calc(50% - 25px);
                margin: 0 0 50px 0;
                padding: 0;
                float: left;
            }

            .project-body-media-module .row-portrait > img.right {
                float: right;
            }

            .project-body-media-module .row > iframe {
                display: inline-block;
                width: 100%;
                height: 600px;
                margin: 0 0 50px 0;
                padding: 0;
                float: left;
            }




/* -------------------------------------------------------------------- SERVICES ------------------------------------------------------------------------------------------- */ 


/* ------ SERVICES - Services Summary Module ------ */

.services-items-module {

}

    .services-items-module .item:nth-child(2) .frame {
        border: 1px solid #cecece;
    }



/* -------------------------------------------------------------------- SERVICES - PLANNING ------------------------------------------------------------------------------------------- */ 


/* ------ SERVICES - PLANNING - Hero Module ------ */

.planning_page {

}

    .planning_page .hero-module {
        border-bottom: 1px solid #cecece;
    }


/* ------ SERVICES - PLANNING - Two Text and Image Module ------ */

    .planning_page .two-text-and-image-module > .col_2 {
        border-left: 1px solid #cecece;
    }











