ul,
li,
h1,
h2,
h3,
p {
    padding: 0;
    margin: 0;
    list-style: none
}
.col-sm-12 p {
    text-align: justify
}
a {
    text-decoration: none;
    color: #000
}
a:hover,
a:focus {
    text-decoration: none
}
body,
html {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    height: 100%;
    width: 100%;
    top: 0px !important
}
@font-face {
    font-family: 'jubbicons';
    src: url('fonts/jubbicons.eot?-ukkj5y');
    src: url('fonts/jubbicons.eot?#iefix-ukkj5y') format('embedded-opentype'), url('fonts/jubbicons.ttf?-ukkj5y') format('truetype'), url('fonts/jubbicons.woff?-ukkj5y') format('woff'), url('fonts/jubbicons.svg?-ukkj5y#icomoon') format('svg');
    font-weight: normal;
    font-style: normal
}
.icon,
.icon-sub,
.icon-sub-right {
    font-family: 'jubbicons';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block
}
.icon-sub,
.icon-sub-right {
    color: #348E04;
    margin-top: 0.2em
}
.icon {
    padding: 1px;
    text-align: center
}
.icon-sub {
    float: left;
    text-align: left
}
.icon-sub-right {
    float: left;
    text-align: right
}
.icon-jc-about:before {
    content: "\e600"
}
.icon-jc-appartment:before {
    content: "\e601"
}
.icon-jc-contact:before {
    content: "\e602"
}
.icon-jc-designer-builder:before {
    content: "\e603"
}
.icon-jc-disable-access:before {
    content: "\e604"
}
.icon-jc-reno:before {
    content: "\e605"
}
.icon-jc-car:before {
    content: "\e606"
}
.icon-jc-home:before {
    content: "\e607"
}
.icon-jc-lang:before {
    content: "\e608"
}
.icon-jc-office:before {
    content: "\e609"
}
.icon-jc-projects:before {
    content: "\e60a"
}
.icon-jc-clients:before {
    content: "\e60b"
}
.icon-jc-safety:before {
    content: "\e60c"
}
.icon-jc-services:before {
    content: "\e60d"
}
.icon-jc-tradies:before {
    content: "\e60e"
}

.topmenu .icon, .topmenu-linked .icon {display:none;}

#wrapper {
    min-height: 100%;
    position: relative
}
.background {
    width: 100%;
    position: absolute;
    overflow: hidden;
    top: 110px;
    z-index: -1;
    text-align: center
}
header {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    top: 0;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(87, 87, 87, 1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(87, 87, 87, 1);
    box-shadow: 0px 5px 5px 0px rgba(87, 87, 87, 1)
}
header,
footer {
    left: 0;
    background: #F2F2F2
}
.body {
    padding-bottom: 130px
}
.body-inner {
    padding: 15px 25px;
    background: #FFF;
    float: left;
    width: 100%
}
.page {
    padding-top: 155px
}
.page h2,
.page p {
    padding: 10px 0
}
.page h2 {
    display: block
}
.page p {
    font-size: 16pt
}
.img-caption {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: auto;
    margin-top: 30px
}
.textbox {
    width: 100%;
    resize: vertical;
    min-height: 180px
}
.page-block {
    margin-top: 15px;
    display: table;
    width: 100%;
    min-height: 50px
}
.tipbox {
    border: 2px solid #348E04;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 0;
    color: #348E04;
    font-size: 14pt;
    float: left;
    width: 100%;
    margin: 15px 0
}
.operating-time {
    text-align: right;
    width: 100%;
    display: block;
    margin: 5px 0
}
.operating-time h2 {padding-bottom:0!important;}
.operating-time h3 {
    display: inline-block;
    font-weight: normal;
    font-size: 14pt;
    color: #1a1a1a
}
.operating-time h3 b {
    color: #348E04
}
.operating-time span {
    padding: 0 5px;
    font-size: 15pt;
    font-weight: bold;
    color: #348E04
}
.operating-time .zone {
    font-size: 10pt
}

.phoneaction {clear:both;text-align:center;font-size:34px;font-weight:700;color:#348e04;padding:20px 0 20px 0;}

.list li {
    background: url(../images/offline-tick.png) 0px 5px no-repeat;
    display: block;
    margin: 10px 0;
    font-size: 16.5pt;
    padding-left: 30px;
    text-align: justify
}
.list li:hover {
    background: url(../images/tick.png) 0px 5px no-repeat
}
.menu {
    float: left;
    font-size: 15pt;
    font-weight: bold;
    color: #FFF;
    width: 100%;
    margin-top: 10px;
    text-align: center
}
.menu li a {
    padding: 10px;
    border: 2px solid #348E04;
    display: block;
    color: #348E04;
    font-size: 15pt;
    font-weight: normal;
    margin: 5px 0;
    text-transform: uppercase
}
.menu li a:hover {
    background: #348E04;
    color: #FFF
}
.reason-block {
    margin: 5px 0;
    float: left;
    min-height: 160px;
    width: 100%
}
.reason-block div {
    width: 80%;
    float: left;
    margin: 0
}
.reason-block span {
    width: 20%;
    vertical-align: top
}
.btn-submit {
    width: 100%;
    background: #348E04;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    padding: 8px 0
}
.btn-submit:hover {
    background: #8FC90E
}
footer {
    height: 120px;
    position: absolute;
    bottom: 0;
    width: 100%;
    vertical-align: text-top
}
.inner-footer {
    background: #F2F2F2;
    width: inherit
}
.inner-footer .col-md-4 {
    text-align: center
}
.footer-title {
    color: #008941;
    font-size: 14pt;
    padding: 10px 0;
    text-align: center
}
.footer-title,
.sub-nav a {
    text-transform: uppercase
}
.sub-nav a {
    display: inline-block;
    text-indent: -9999px;
    background-repeat: no-repeat;
    margin-top: 10px;
    height: 70px;
    padding: 3px 0;
    color: #B3B3B3;
    font-weight: bold
}
.sub-nav a:hover {
    color: #545454
}
.hia {
    background: url(../images/sub-nav-updated.png) -380px 0;
    width: 180px
}
.building-prac {
    background: url(../images/sub-nav-updated.png) -197px 0px;
    width: 180px
}
.bda {
    background: url(../images/sub-nav-updated.png) -5px 0 no-repeat;
    width: 180px
}
.sublime {
    background: #E6E6E6;
    text-transform: uppercase;
    font-size: 9pt;
    color: #808080;
    padding: 10px 0;
    width: 100%
}
.credit {
    float: right
}
.banner-container-slim {
    position: relative;
    min-height: 125px;
    max-height: 550px;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden;
    margin-top: 105px
}
.caption {
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    color: #FFF;
    font-size: 20pt;
    background: rgba(000, 000, 000, 0.4);
    width: 100%;
    height: 50px;
    line-height: 50px
}
.caption span {
    margin-left: 15px
}
.goog-te-banner-frame.skiptranslate {
    display: none
}
#google_translate_element {
    display: none
}

.nav{ background-color:#409E15;}



@media (min-width: 990px) {
    .logo-block {
        float:left;
    }
    .menu-block {

    }
	.phone {float:right;font-size:24px;font-weight:bold;margin-top:23px;text-align:right;line-height:23px;padding:6px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
	.phone span {display:block;color:#aaa;font-size:13px;text-transform:uppercase;font-weight:normal;}
    .page-block h1 {
        float: right
    }
    .content h2,
    .page h2,
    .banner-container-slim h1,
    .slider-title,
    .topmenu li a {
        text-transform: uppercase;
        font-weight: bold
    }
    .reason-block h1, .reason-block h2 {
        color: #348E04;
        text-transform: uppercase;
        font-size: 20pt
    }
    .reason-block p {
        font-size: 14pt;
        padding-right: 10px;
        text-align: justify
    }
    .reason-block {
        padding: 10px 0
    }
    .icon-sub,
    .icon-sub-right {
        font-size: 60pt
    }
    .content h2,
    .page h2 {
        font-size: 18pt;
        color: #348E04;
        clear: both;
        padding: 15px 0
    }
    .image-bg {
        max-width: 2300px;
        max-height: auto;
        height: 100%;
        width: 100%;
        margin: 0 auto;
        text-align: center
    }
    .slider-title {
        font-size: 22pt;
        color: #FFF;
        position: absolute;
        z-index: 100;
        bottom: 0;
        padding: 5px 10px;
        display: block;
        width: 100%
    }
    .slider-title:hover {
        color: #FFF
    }
    .topmenu-linked {
        display: none
    }
    .head {
        height: 105px
    }
    .royalSlider {
        margin-top: 105px;
        background: rgba(255, 255, 255, 0.8)
    }
    .icon {
        font-size: 40pt;
        display: inline-block;
        text-align: center
    }
    .sub-logo {
        margin: 10px 0;
        display: block;
        width: 205px;
        text-align: center
    }
    .logo-header:hover {
        color: #04A54C
    }
    .logo-header h1,.logo-header h2 {
        font-size: 20pt;
        padding-bottom: 10px;
        display: table-cell;
        vertical-align: bottom;
        font-weight: bold;
        color: #1a1a1a
    }
    .logo-header {
        white-space: nowrap;
        display: table;
		padding-top:5px;
    }
    .logo-header img {
        width: auto;
        height: 90px;
        display: inline-block;
        margin-right: 5px
    }
    .topmenu {
      
        position: relative
    }
    .topmenu li {
        float: left;
        vertical-align: middle;
        white-space: nowrap
    }
    .topmenu li a:first-child {
        margin-left: 0
    }
    .topmenu .last-menu a {
        margin-right: 0
    }
    .topmenu li a {
        display: block;
        height: 50px;
        line-height: 53px;
        padding: 0 18px;
        text-align: center;
        font-size: 12pt;
        vertical-align: middle;
		color:#fff;
    }
	.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {        background: #7BB708;}
    .topmenu li a:hover {
        background: #7BB708;
        -webkit-transition: 0.2s;
        transition: 0.2s
    }
    .topmenu li {
        position: relative
    }
    .topmenu li ul a,
    .lang .dropdown-menu a {
        text-align: left;
        font-weight: normal;
        height: 40px;
        padding: 0 10px;
        border: none;
        width: 100%;
        line-height: 40px;
        font-size: 10pt
    }
    .topmenu li ul a:hover,
    .lang .dropdown-menu a:hover {
        background: #348E04;
        border: none;
        color: #FFF
    }
    .first-menu ul,
    .last-menu ul {
        position: absolute;
        z-index: 100;
        padding-top: 8px;
		background: #7BB708;
        -webkit-box-shadow: 0px 8px 16px -6px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 8px 16px -6px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 8px 16px -6px rgba(0, 0, 0, 0.75)
    }
    .first-menu ul {

        width: 315px
    }
    .last-menu ul {
      
        right: 0;
        left: auto
    }
    .last-menu li,
    .first-menu li {
        width: 100%
    }
    .banner-container-slim h1 {
        display: inline-block
    }
    .rsCaption {
        background: rgba(000, 000, 000, 0.5);
        text-align: left;
        width: 100%;
        color: #FFF;
        font-size: 15pt;
        padding: 5px 0;
        position: absolute;
        bottom: 0
    }
}
@media (max-width: 1200px) {
    .logo-header h1, .logo-header h2 {
       
        font-size: 18pt
    }
    .phone h1 {
        font-size: 12pt;
    }
    {
        .logo-header img {
            float: left
        }
        .icon {
            font-size: 30pt
        }
        .topmenu li a {
            font-size: 9.5pt
        }
    }
@media (max-width: 990px) {
	
	.phone {font-size:16px;}
	.phone span {display:none;}
	
        .page {
            padding-top: 160px
        }

        .content h2,
        .project h2,
        .page h2 {
            font-size: 25pt;
            color: #348E04;
            clear: both;
            padding: 15px 0
        }
        .head {
            padding: 5px 0;
            text-align: center;
            width: 100%
        }
        .topmenu {
            display: none
        }
        .logo-header h1,.logo-header h2 {
            padding-bottom: 10px;
            text-align: left;
            display: table-cell;
            vertical-align: bottom;
            font-weight: bold;
            color: #1a1a1a
        }
        .logo-header {
            color: #008941;
            white-space: nowrap;
            display: table;
            width: 100%;
            text-align: center
        }
        .logo-header img {
            width: auto;
            height: 60px
        }
        .royalSlider {
            margin-top: 125px
        }
        .topmenu-linked {
            display: block;
            min-width: 350px;
            width: 100%;
            margin: 3px 0;
            float: left
        }
        .topmenu-linked li {
            width: 25%;
            white-space: nowrap;
            float: left;
            text-align: center
        }
        .topmenu-linked li span,
        .nav-right > li a {
            color: #348E04
        }
        .topmenu-linked li a {
            display: block;
            text-transform: uppercase;
            font-size: 9pt;
			color:#fff;
            -webkit-transition: 0.2s;
            transition: 0.2s;
            padding: 10px 15px;
            font-weight: bold;
        }
        .topmenu-linked li a:hover {
            background: #348E04;
            color: #FFF
        }
        .topmenu-linked li:hover .icon {
            color: #FFF
        }
        .icon {
            font-size: 25pt
        }
        .icon-sub,
        .icon-sub-right {
            font-size: 45pt
        }
        .rsCaption h1 {
            font-size: 17pt;
            text-transform: uppercase;
            font-weight: bold;
            display: inline-block
        }
        .reason-block:hover {
            background: #F7F7F7
        }
        .reason-block h1 {
            color: #348E04;
            text-transform: uppercase;
            font-size: 14pt;
            padding: 0 5px
        }
        .reason-block p {
            font-size: 10pt;
            padding: 5px
        }
    }

/* easy peas additions for mobile corrections */

@media (max-width: 990px) {
	.logo-header h1 {display:block;text-align:center;}
	.logo-header h2 {display:none;}
	.reason-block {min-height:100px;border-bottom:1px solid #eee;}
	
}