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

/*-------- Custom CSS Document -------*/ 
@import url("http://cdn.myld.com.au/1/css/socialmedia.css");
@import url('http://cdn.myld.com.au/1/js/plugins/Basic-slider/bjqs.css');
@import url('http://cdn.myld.com.au/1/js/plugins/HoverAnimations/jquery.hover-animations-1.0.css');
@import url("http://cdn.myld.com.au/1/bootstrap/2.3.1/css/grid.css");
@import url('http://cdn.myld.com.au/1/js/plugins/Isotope/jquery.isotope.css');
@import url('http://cdn.myld.com.au/1/fancybox/jquery.fancybox-1.3.4.css');
@import url('http://cdn.myld.com.au/1/js/plugins/PhotoSwipe/photoswipe.css');
@import url('http://cdn.myld.com.au/1/js/cform_validation/validation-2.0.css');
#footer span {
  padding:0px 5px;
}
#logo img {
width: 291px;
}
#photo-gallery .grid-3 {
  width:24.8%;
  padding:5px;
  margin-bottom:0px!important;
}

#page-not-found div#error h1, #page-not-found div#error p {
text-align: center;
color: rgb(255, 0, 0);
text-transform: uppercase;
}

#page-not-found div#error {
margin: 0 auto;
padding: 30px;
background: none;
}
/*  Mobile Nav Icons Styles
_________________________________________*/
.navbar .btn-navbar, .navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar:focus, a.btn-tel, a.btn-tel:hover, a.btn-tel:active, a.btn-tel:focus {
   background: #f48f0f;
    border: none;
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.3);
}
.navbar .btn-navbar {
padding: 10px 13px 12px !important;
}

/*	Sticky Nav Icons Styles
_________________________________________*/
.navbar .navbar-inner.sticky {
    width:100%;
    padding:10px 10px 5px;
    background:url(http://cdn.myld.com.au/2/524/dreamscape-landscaping-paving_5ad802a33f.png) repeat;
    color:#fff;
    margin-left:0px;
    margin-right:0px;
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px; 
    border-radius: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
    box-shadow: 0px 3px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow:  0px 3px 10px rgba(0,0,0,0.5);
}

.navbar .navbar-inner.sticky .container {
    padding-bottom:0px;
}
h1.title {
  font-size:16px;
  color:#f48f0f;
  text-transform:uppercase;
  font-weight:normal;
}

body {
  font-family: 'Roboto';
  background:url(http://cdn.myld.com.au/2/524/dreamscape-landscaping-paving_5ad802a33f.png) repeat;
  font-weight:300;
  font-size:16px;
  color:#fff;
}

#contact-us strong {
  font-weight:300;
  text-transform:lowercase;  
  width:90px;
  display:block;
  float:left;
}

#contact-us i {
margin-right: 6px;
}

p {
   font-family: 'Roboto Condensed';
  font-size:16px;
  line-height:1.4em;
}

h3, h1, h2  {
   font-family: 'Roboto Condensed';
  font-weight:300;
  color:#fff;
  font-size:20px;
  line-height:1.1em;
  margin: 10px 0px 15px;
  text-transform:lowercase;
}

.overlay h3 {
  text-transform:uppercase;
  font-size:14px;
  margin-bottom:8px!important;
}
.overlay p {
  font-size:15px;
}

a {
  color:#f48f0f;
}
a:hover {
  text-decoration:none;
  color:#fbbc36;
}
.intro h1 {
  font-family: 'Roboto Condensed';
  font-size:47px;
  color:#f48f0f;
  font-weight:normal;
  text-shadow:0px 0px 5px rgba(255,255,255,1);
  line-height:1em;
  text-transform:none!important;
}
.intro p {
  font-family: 'Roboto Condensed';
  font-weight:normal;
  color:#1a171b;
  font-size:18px;
  line-height:1.3em;
}
.introduction p {
  font-family: 'Roboto Condensed';
  color:#f48f0f;
  text-align:center;
  letter-spacing:0.1em;
  font-size:15px;
}
.introduction h1 {
  font-family: 'Roboto Condensed';
  color:#f48f0f;
  text-align:center;
  letter-spacing:0.1em;
}

#footer p {
  float:left;
  display:block;
   font-family: 'Roboto Condensed';
  font-weight:300;
  color:#fff;
  font-size:15px;
  line-height:1em;
  margin: 11px 0px;
}
.service-images img {
 width:99%;
}
hr {
  height:2px;
  border:none;
  margin:30px 0px;
  background:url(http://cdn.myld.com.au/2/525/dreamscape-landscaping-paving_ef2d31529e.jpg) repeat-x;
}

#logo {
    margin: 10px 0px 17px;
}

.navbar-inner {
  filter:none!important;
    background: none;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.navbar .nav {
float: right;
margin-right: 0px;
}

.navbar .nav>li {
  margin-left: 18px;
}
.navbar .nav>li>a {
    text-shadow: none;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    padding: 8px 5px 9px;
  border-top:68px solid rgba(0,0,0,0);
  border-bottom:6px solid rgba(0,0,0,0);
    line-height:1em;
    -webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
-moz-box-shadow: none;
-webkit-box-shadow:none;
box-shadow: none;
letter-spacing:0.1em;
}
.navbar .nav>li.active a, .navbar .nav>li.active a:hover, .navbar .nav>li>a:hover {
  padding: 8px 5px 9px;
  border-top:68px solid #f48f0f;
  border-bottom:6px solid #f48f0f;
  color:#f48f0f;
  background:none;
  -moz-box-shadow: none;
-webkit-box-shadow:none;
box-shadow: none;
}
.navbar.main-nav {
    margin-bottom: 0px;
}

#content {
margin-top: 40px;
}

#home #content {
margin-top: 10px;
}

#slider {
  position:absolute;
  width:100%;
  z-index: -2;
}
.frosted-bg {
  position:absolute;
  width:100%;
  z-index: -1;
 -moz-box-shadow:0px 0px 16px rgba(0,0,0,0.6);
-webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.6);
box-shadow: 0px 0px 16px rgba(0,0,0,0.6);
}
.shadow {
  position:relative;
}
.shadow:before, .shadow:after {
  width:69px;
  height:900px;
  position:absolute;
  content:"";
  top:0;
}
.shadow:before {
  left:-69px;
  background:url(http://cdn.myld.com.au/2/524/dreamscape-landscaping-paving_6aec57fda5.png) no-repeat right center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size:  100% 100%;
  background-size: 100% 100%;
}

.shadow:after {
  right:-69px;
   background:url(http://cdn.myld.com.au/2/524/dreamscape-landscaping-paving_d0627c1438.png) no-repeat left center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size:  100% 100%;
    background-size: 100% 100%;
}
.introduction {
 margin-top:30px;
}
.intro {
padding-top: 490px;
position: relative;
text-align:center;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}

.intro .padding {
padding: 1.5% 2%;
}

.service-items {
    width: 100%;
padding: 0px 4.5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 55px 0px 20px;
float: left;
}

[class*="animate-"] .overlay {
  background:#f48f0f;
  text-align:center;
}
.overlay {
  padding:6px 20px 20px!important;
  width:99%!important;
}

 [class*="animate-"] img {
    width:99%;
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  .overlay {
   min-height:220px;
  }
  }
.images img {
  margin-bottom:12px;
}

/*Mobile footer branding styles*/
#footer-branding {
	
}

#footer {
padding: 8px 0px;
background: rgb(25, 25, 25);
margin: 30px 0px 5px;
}

#ld_branding_link {
margin: 5px 0px 20px;
}

#map {
height: 568px;
}

.form-horizontal .control-label {
    text-align: left;
    width: 28%;
    text-transform:lowercase;
}
.form-horizontal .controls {
    margin-left: 28%;
    width: 64%;
}
.input-large {
    width: 100%;
}
#spambox {
position: relative;
float: left;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  -webkit-border-radius: 0px; 
  -moz-border-radius: 0px; 
  border-radius: 0px;
}

.btn-primary {
   background: #f48f0f;
    border: none;
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.3);
}

.btn-primary:hover {
  background:#fbbc36;
}

@media (min-width:1200px) {
  [class*="animate-"] img {
    width:auto;
}
  .shadow:before, .shadow:after {
  width:69px;
  height:1200px;
  position:absolute;
  content:"";
  top:0;
}
.shadow:before {
  left:-69px;
  background:url(http://cdn.myld.com.au/2/524/dreamscape-landscaping-paving_6aec57fda5.png) no-repeat right center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size:  100% 100%;
  background-size: 100% 100%;
}

.shadow:after {
  right:-69px;
   background:url(http://cdn.myld.com.au/2/524/dreamscape-landscaping-paving_d0627c1438.png) no-repeat left center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size:  100% 100%;
    background-size: 100% 100%;
}

.intro {
padding-top: 612px;
position: relative;
}

.intro .padding {
padding: 2.5% 10%;
}

.intro h1 {
  line-height:1.2em;
}
.intro p {
  line-height:1.5em;
}

.overlay {
  padding:60px 20px 20px!important;
  width:99%!important;
}
}

@media (max-width:979px) {
  body {
    padding-bottom:20px;
  }
 #services #content .span5, #about #content .span5, #testimonials #content .span5  {
    width:100%;
    margin-left:0px!important;
  }
  .introduction img {
    width:100%;
  }
  #logo {
margin: 10px 0px 9px;
text-align:left;
}
  .navbar .nav {
float: none;
width:100%;
margin-right: 0px;
}
.span4.logo-here {
width: 100%;
}
  .span8.nav-here {
    width: 100%!important;
    margin: -51px 0px 0px!important;
}
.navbar-inner {
    padding: 0px;
}
.btn.btn-navbar.collapsed {
    background: #f48f0f;
    border: none;
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.3);
}
.navbar .nav>li.active a, .navbar .nav>li.active a:hover, .navbar .nav>li>a:hover, .navbar .nav>li>a {
  border:none;
  padding:10px 0px;
  text-align:center;
  font-size:18px;
}

#slider {
  display:none; 
}
.frosted-bg {
  display:none;
}
.intro h1 {
 text-shadow:0px 0px 5px rgba(0,0,0,0.9)!important;
}
.intro p {
  color:#fff;
  font-weight:300;
  text-shadow:1px 1px rgba(0,0,0,0.9)!important;
}
.intro {
  padding-top:20px;
}
.intro .padding {
padding: 0%;
}
.shadow:before, .shadow:after {
  display:none;
}
.overlay {
padding: 20px 10px 20px!important;
width: 100%!important;
min-height: 251px;
}
.service-items {
  padding:0px;
}
.grid-3.animate-move-up {
  margin-left:0.5%;
  margin-right:0.5%;
  width:24%;
}
}
@media (max-width:800px) {

  #logo {
text-align:left;
}
}
@media (max-width:767px) {
    #logo {
margin: 10px 0px 25px;
text-align:center;
}
  .overlay {
    min-height:318px;
  }
  .service-items {
    margin-top:20px;
  }
  .intro h1 {
    font-size:30px;
    line-height:1.3em;
  }
  .intro {
padding-top: 0px;
}
#map {
height: 200px;
margin-bottom:20px;
}
.introduction {
margin-top: 10px;
}
#content {
margin-top: 22px;
}
}

@media (max-width:600px) {
   .overlay {
    min-height:inherit;
    heiight:auto;
  }
  
  .service-items .grid-3 {
    width:100%;
    margin:20px auto;
    max-width:264px;
    float:none;
  }
  
  .form-horizontal .controls, .form-horizontal .control-label {
    width:100%;
    margin:0px;
  }
   .form-horizontal .control-label {
     margin-bottom:5px;
   }
}

@media (max-width:480px) {
   .span8.nav-here {
    width: 100%!important;
    margin: 0px 0px 0px!important;
}
#photo-gallery .grid-3 {
  width:100%;
  padding:0px;
  margin-bottom:10px!important;
}
}

@font-face {
    font-family: 'Roboto';
    src: url('http://cdn.myld.com.au/1/fonts/Roboto/roboto-light-webfont.eot');
    src: url('http://cdn.myld.com.au/1/fonts/Roboto/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://cdn.myld.com.au/1/fonts/Roboto/roboto-light-webfont.woff') format('woff'),
         url('http://cdn.myld.com.au/1/fonts/Roboto/roboto-light-webfont.ttf') format('truetype'),
         url('http://cdn.myld.com.au/1/fonts/Roboto/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'Roboto';
    src: url('http://cdn.myld.com.au/1/fonts/Roboto/roboto-regular-webfont.eot');
    src: url('http://cdn.myld.com.au/1/fonts/Roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://cdn.myld.com.au/1/fonts/Roboto/roboto-regular-webfont.woff') format('woff'),
         url('http://cdn.myld.com.au/1/fonts/Roboto/roboto-regular-webfont.ttf') format('truetype'),
         url('http://cdn.myld.com.au/1/fonts/Roboto/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('http://cdn.myld.com.au/1/fonts/Roboto/robotocondensed-light-webfont.eot');
    src: url('http://cdn.myld.com.au/1/fonts/Roboto/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://cdn.myld.com.au/1/fonts/Roboto/robotocondensed-light-webfont.woff') format('woff'),
         url('http://cdn.myld.com.au/1/fonts/Roboto/robotocondensed-light-webfont.ttf') format('truetype'),
         url('http://cdn.myld.com.au/1/fonts/Roboto/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('http://cdn.myld.com.au/1/fonts/Roboto/robotocondensed-regular-webfont.eot');
    src: url('http://cdn.myld.com.au/1/fonts/Roboto/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://cdn.myld.com.au/1/fonts/Roboto/robotocondensed-regular-webfont.woff') format('woff'),
         url('http://cdn.myld.com.au/1/fonts/Roboto/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('http://cdn.myld.com.au/1/fonts/Roboto/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('http://cdn.myld.com.au/1/fonts/Roboto/robotocondensed-bold-webfont.eot');
    src: url('http://cdn.myld.com.au/1/fonts/Roboto/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://cdn.myld.com.au/1/fonts/Roboto/robotocondensed-bold-webfont.woff') format('woff'),
         url('http://cdn.myld.com.au/1/fonts/Roboto/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('http://cdn.myld.com.au/1/fonts/Roboto/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: 700;
    font-style: normal;
}