/***********************
*  Site Specific CSS   *
************************/

/* @imports
--------------*/
@import url('http://cdn.myld.com.au/1/js/fancybox2/jquery.fancybox.css');
@import url('http://cdn.myld.com.au/1/js/fancybox2/helpers/jquery.fancybox-thumbs.css');
@import url('http://cdn.myld.com.au/1/js/plugins/PhotoSwipe/photoswipe.min.css');
@import url('http://cdn.myld.com.au/1/js/plugins/smartCaptcha/smartCaptcha-v1.0.min.css');

/* @font-faces
--------------*/
@font-face{ font-family: 'Ubuntu'; src: url(http://cdn.myld.com.au/1/fonts/Ubuntu/ubuntu-r-webfont.eot); src: url(http://cdn.myld.com.au/1/fonts/Ubuntu/ubuntu-r-webfont.eot?#iefix) format('embedded-opentype'), url(http://cdn.myld.com.au/1/fonts/Ubuntu/ubuntu-r-webfont.woff) format('woff'), url(http://cdn.myld.com.au/1/fonts/Ubuntu/ubuntu-r-webfont.ttf) format('truetype'), url(http://cdn.myld.com.au/1/fonts/Ubuntu/ubuntu-r-webfont.svg#ubunturegular) format('svg'); font-weight:400; font-style:normal; 
} 
@font-face{ font-family: 'Ubuntu'; src: url(http://cdn.myld.com.au/1/fonts/Ubuntu/ubuntu-m-webfont.eot); src: url(http://cdn.myld.com.au/1/fonts/Ubuntu/ubuntu-m-webfont.eot?#iefix) format('embedded-opentype'), url(http://cdn.myld.com.au/1/fonts/Ubuntu/ubuntu-m-webfont.woff) format('woff'), url(http://cdn.myld.com.au/1/fonts/Ubuntu/ubuntu-m-webfont.ttf) format('truetype'), url(http://cdn.myld.com.au/1/fonts/Ubuntu/ubuntu-m-webfont.svg#ubuntumedium) format('svg'); font-weight:500; font-style:normal; 
} 
@font-face{ font-family: 'Ubuntu'; src: url(http://cdn.myld.com.au/1/fonts/Ubuntu/ubuntu-b-webfont.eot); src: url(http://cdn.myld.com.au/1/fonts/Ubuntu/ubuntu-b-webfont.eot?#iefix) format('embedded-opentype'), url(http://cdn.myld.com.au/1/fonts/Ubuntu/ubuntu-b-webfont.woff) format('woff'), url(http://cdn.myld.com.au/1/fonts/Ubuntu/ubuntu-b-webfont.ttf) format('truetype'), url(http://cdn.myld.com.au/1/fonts/Ubuntu/ubuntu-b-webfont.svg#ubuntubold) format('svg'); font-weight:700; font-style:normal; }

/* @general styles
-----------------*/
body {
    background-image: url(http://cdn.myld.com.au/2/1114/dubbo-city-smash-mechanical_46582f6407.jpg);
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #393939;
}

a {
    color: #d46a2d;
    text-decoration: none;
}

a:hover {
    color: #ef3a33;
    text-decoration: none;
}

p {
    margin: 0;
    padding: 10px 0
}

strong,
label,
dt {

}

dd {
    margin-bottom: 15px
}

h1,
h2,
h3,
h4,
h5 {
    margin: 0;
    padding: 20px 0;
    font-weight: 700;
    text-transform: uppercase
}

h1 {
    font-size: 30px
    
}

h2 {
    font-size: 28px
    
}

h3 {
    font-size: 25px
    
}

h5 {
    font-size: 17px
    
}

header,
main,
footer,
section,
.wrap {
    width: 100%;
    margin:  0;
    padding: 0;
}

.no-gutter {
    margin: 0;
    padding: 0
}

ul.no-gutter {
    list-style: none
}

ul.no-left-gutter,
ol.no-left-gutter {
    padding-left: 17px
}

.ease {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;    
}

.btn {
    border: 1px solid #c8642a;
    background-color: #c8642a;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    color: white !important;
    padding: 15px 40px;
}

.btn:hover {
    border: 1px solid #c8642a;
    background-color: transparent;
    color: #c8642a !important;
}

.spacer10 {
    height: 10px
}

.spacer20 {
    height: 20px
}

.spacer30 {
    height: 30px
}

.spacer40 {
    height: 40px
}

.spacer50 {
    height: 50px
}

.spacer100 {
    height: 100px
}

#schema {
    display: none
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.align-left {
    float: left
}

.align-right {
    float: right
}

.align-center {
    margin: 0 auto
}




/* -- HEADER -- */

#header {
    position: fixed;
    z-index: 4
}

#navigation {
    background-color: #27221f;
    height: 85px;
}

#navigation .navbar {
    float: right
}

#navigation .nav > li > a {
    border-bottom: 3px solid #27221f;
    padding: 31px 15px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #dbdbdb 
}

#navigation .nav > li > a:hover,
#navigation .nav > li > a:focus,
#navigation .nav > li.active > a {
    background: none;
    border-color: #d46a2d;
    color: #d46a2d 
}




/* -- SLIDER -- */

#slider-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2
}

#slider-wrap .bg {
    background-color: rgba(212,106,45,0.85);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

body#contact-us #slider-wrap .bg {
    background-color: rgba(212,106,45,0.75);
}

#slider {
    position: relative;
    height: 740px;
    z-index: 1
}

body#home #slider {
    height: 900px
}






/* -- CONTENT -- */

#page-content .brand-text {
    position: relative;
    margin-top: 150px;
    z-index: 3
}

#logo-wrap {
    position: fixed;
    top: 85px;
    left: 0;
    width: 100%;
    z-index: 4
}

#logo-wrap .brand {
    position: relative;
    top: -85px;
    height: 310px
}

#services-wrap {
    position: relative;
    margin-top: 250px;
    z-index: 3
}

.service {
    position: relative;
    text-align: center
}

.service .content-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    border: 5px solid #202020;
    background-color: #202020;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.service .content {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    color: white !important
}

.helper {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.service:hover .content-wrap,
.service:focus .content-wrap {
    background-color: #ab2123;
}

.service .title,
.service:hover .overlay,
.service:focus .overlay {
    display: block;
    filter: alpha(opacity=1);
    opacity: 1;
}

.service:hover .title,
.service:focus .title,
.service .overlay,
.service .overlay {
    display: none;
    filter: alpha(opacity=0);
    opacity: 0;
}

.service .overlay {
    padding: 0 20px;
    font-size: 15px
}

.service .thumb {
    position: absolute;
    top: -58px;
    left: 0;
    width: 100%
}

#service3 .thumb {
    top: -48px
}

.service .helper-thumb {
    width: 100%;
    /*visibility: hidden*/
}

#intro-wrap {
    height: 430px;
    position: relative;
    margin-top: 60px;
    z-index: 3;
    color: white !important;
}

#intro-wrap a {
    color: black;
    text-decoration: none
}

#intro-wrap a:hover {
    text-decoration: none
}

body#home #intro-wrap {
    margin-top: 105px;
    color: #393939 !important;
    height: auto
}

body#home #intro-wrap a {
    color: #d46a2d;
    text-decoration: none
}

body#home #intro-wrap a:hover {
    color: #ef3a33;
    text-decoration: none
}

body#home #intro-wrap .container {
    position: relative;
    z-index: 2
}

body#home #intro-wrap .left {
    padding-top: 100px;
    padding-bottom: 100px
}

body#home #intro-wrap .right {
    position: relative;
    color: white !important;
    z-index: 2
}

body#home #intro-wrap .bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1    
}

body#home #intro-wrap .bg-overlay .right {
    position: relative;
    bottom: -30px;
    height: 100%;
    background-image: url(http://cdn.myld.com.au/2/1117/dubbo-city-smash-mechanical_0874463d3e.png);
    background-size: cover
}

.module-wrap {
    padding-top: 80px;
    padding-bottom: 100px
}

.module-wrap .title {
    color: #e77737
}

#gallery-wrap img {
    margin-bottom: 30px
}

#gallery-wrap img:hover {
    filter: alpha(opacity=75);
    opacity: 75;    
}

body#page-not-found #slider {
    height: 500px
}

#error {
    position:relative;
    padding: 600px 0 100px !important;
    overflow: hidden
}

#error h1 {
    color: #c33
}





/* -- FOOTER -- */

.footer {
    position: relative
}

.footer,
.footer a {
    color: white !important
}

.footer a:hover {
    color: #d46a2d !important;
    text-decoration: none
}

#map-icon-wrap {
    background-image: url(http://cdn.myld.com.au/2/1123/dubbo-city-smash-mechanical_6fe34ad836.png);
    background-repeat: no-repeat;
    background-position: top center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2
    
}

#map-icon-wrap img {
    position: relative;
    top: -60px;
}


#map {
    position: relative;
    height: 390px
}

#slider-wrap #map {
    height: 740px    
}

#footer-top {
    position: relative;
    background-image: url(http://cdn.myld.com.au/2/1114/dubbo-city-smash-mechanical_0413a1be60.jpg);
    background-size: cover
}

#footer-top .container {
    position: relative;
    z-index: 2
}

#footer-top .container .left,
#footer-top .container .right {
    padding: 50px 0
}

#footer-top .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#footer-top .bg .left,
#footer-top .bg .right {
    height: 100%;
}

#footer-top .container .right .content {
    padding-left: 30px;
    font-size: 14px
}

#footer-top .bg .left {
    background-color: rgba(34,34,34,0.85);
}


#footer-top .bg .right,
#footer-top .container .right {
    background-color: #fdfbf9;
    color: #494949 
}

#footer-top .container .right h5 {
    color: #627882  
}

#footer-top li {
    padding-left: 30px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: left top 3px
}

#footer-top .phone {
    background-image: url(http://cdn.myld.com.au/2/1117/dubbo-city-smash-mechanical_3462f5eecf.png)
}

#footer-top .email {
    background-image: url(http://cdn.myld.com.au/2/1117/dubbo-city-smash-mechanical_b479cc1651.png)
}

#footer-top .address {
    background-image: url(http://cdn.myld.com.au/2/1117/dubbo-city-smash-mechanical_20fb061010.png)
}

#footer-top .time {
    background-image: url(http://cdn.myld.com.au/2/1117/dubbo-city-smash-mechanical_bed13f808a.png)
}

#footer-bottom {
    background-color: #383838;
    padding: 20px 0;
    font-size: 14px
}

#footer-bottom .copyright {
    position: relative;
    top: 10px
}

#footer-bottom .socialmedia,
#ld_branding_link {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    top: 3px
}

#ld_branding_link {
    position: relative;
    top: 0
}


/* @media queries
-----------------*/
@media (min-width: 1200px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
    #navigation .nav > li > a {
        padding: 31px 10px;
    }
    .service .overlay {
        font-size: 14px
    }
}

@media (max-width: 991px) { /*beginning of default fixed menu bar*/
    #header {
        position: absolute
    }
    #logo-wrap {
        position: relative;
        top: auto;
        left: auto;
    }
    #logo-wrap .brand {
        top: auto;
        height: 200px !important;
        margin: 0 auto
    }
    .service .title {
        font-size: 18px
    }
    .service:hover .title,
    .service:focus .title {
        display: block;
        filter: alpha(opacity=1);
        opacity: 1;
    }
    #services-wrap .overlay {
        margin-top: 20px;
        padding: 0;
        display: block;
        text-align: center;
        font-size: 14px;
        filter: alpha(opacity=1);
        opacity: 1;
    }
    #services-wrap {
        margin-top: 100px
    }
    .service .thumb {
        top: -35px
    }
    #service3 .thumb {
        top: -30px
    }
    #intro-wrap {
        height: auto;
        color: #393939 !important
    }
    #intro-wrap a {
        color: #d46a2d !important;
        text-decoration: none;
    }

    #intro-wrap a:hover {
        color: #ef3a33 !important;
        text-decoration: none;
    }
    .module-wrap {
        padding-top: 50px
    }
    #slider-wrap {
        display: none
    }
    body#contact-us #slider-wrap {
        position: relative;
        display: block
    }
    body#contact-us #slider-wrap .bg {
        display: none
    }
    body#contact-us #map {
        margin-top: 85px;
        height: 450px
    }
    body#contact-us #logo-wrap {
        position: absolute;
    }
    
}

@media (max-width: 767px) {
    .service,
    .service .helper-thumb {
        width: 255px;
        margin: 0 auto
    }
    .service .title {
        font-size: 25px
    }
    .service .thumb {
        top: -55px
    }
    #service3 .thumb {
        top: -48px
    }
    body#home #intro-wrap .container .right {
        height: auto;
        background-image: url(http://cdn.myld.com.au/2/1117/dubbo-city-smash-mechanical_0874463d3e.png);
        background-size: cover;
        padding-bottom: 100px
    }
}

@media (max-width: 480px) {
}