/***********************
*  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/cform_validation/validation-2.2.min.css');
/* @import url("http://cdn.myld.com.au/1/bootstrap/edge_2.0/css/sequencejs.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/fancybox2/jquery.fancybox.css');
@import url("http://cdn.myld.com.au/1/js/plugins/PhotoSwipe/photoswipe.css");
@import url("http://cdn.myld.com.au/1/js/plugins/Basic-slider/bjqs.css"); 
@import url('http://cdn.myld.com.au/1/fancybox/jquery.fancybox-1.3.4.min.css');
@import url('https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js');


.grid-item {
  float: left;
  width: 50px;
  height: 50px;
  background: #e6e5e4;
  border: 2px solid #b6b5b4;
}

.grid-item--width2 { width: 100px; }
.grid-item--height2 { height: 100px; }

a.fancybox.thumbnail {
  margin-top:10px;
  -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;
}

a.fancybox.thumbnail:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
	border-color:#ddd;
}

.firefox .isotope,
.firefox .item {
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}


.navbar .navbar-inner.sticky {
  -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; 
}


#slideshow, .bjqs, .bjqs li,  .bjqs li img {
  width:100%!important;
  height: 682px!important;
}
.caption-overlay {
position: absolute;
/*top: 73%;
left: 15px;*/
top: 493px;
background-color: rgba(0,0,0,0.3);
padding: 10px 10px 10px 30px;
}
#ld_branding_link_mobile {
  margin-top:20px;
  background:url(http://cdn.myld.com.au/1/images/logos/poweredbyld_darkgrey.png);
}
.page404 {
  display:none;
}
#page-not-found .page404 {
  display:block;
}
#error {
  padding:100px 0px;
  color:red;
}


.content-dark img {
  -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;
}

.content-dark img:hover {
  transform: scale(1.02);
-ms-transform: scale(1.02); /* IE 9 */
-webkit-transform: scale(1.02); /* Safari and Chrome */
  }
/****mobile responsive nav icon override****/
a.btn-tel {
  border: solid 1px #ffffff;
	color: #ffffff;
}

.navbar .btn-navbar {
	border: solid 1px #ffffff;
	color: #ffffff;
}

.navbar-inner { background:none; border:none; filter:none; padding:0px;-moz-box-shadow: none; -webkit-box-shadow:none; box-shadow: none; }
.navbar .btn-navbar,
a.btn-tel{ 
	background: #005e90;
}

.navbar .btn-navbar:hover,
a.btn-tel:hover{ 
	background: #ed1c24;
	border: #000 1px solid;
}

h2 {
  font-size: 36px;
  color: white;
  padding-bottom: 10px;
  margin-bottom: 20px;
  margin-top: 0;
  line-height: 1em;
  border-bottom: 1px solid #fff;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

.block {
  margin-bottom: 30px;
  box-shadow: 0 1px 1px rgba(0,0,0,0.2), inset 0 0 1px #fff;
  border-bottom: 2px solid #005e90;
  overflow: hidden;
}
/************************************************
hover image effect
************************************************/
.hover_image {
  position: relative;
  display: block;
  overflow: hidden;
}
.hover_image .icon_hover {
  position: absolute;
  top: 10px;
  left: 10px;
  color: white;
  z-index: 5;
  font-size: 16px;
  margin-top: -25px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  text-decoration: none;
}
.hover_image .icon_hover:before {
  font-size: 25px;
  border-radius: 50%;
  border: 2px solid #fff;
  text-align: center;
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  margin-bottom: 5px;
}
.hover_image .icon_visible {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.8;
  margin-top: 0;
}
.hover_image .desc {
  position: absolute;
  background: rgba(0,0,0,0.5);
  padding: 5% 6%;
  box-shadow: 0 0 1px rgba(255,255,255,0.2) inset;
  display: table;
  bottom: 0;
  color: white;
  z-index: 4;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 102%;
  left: -1%;
}
.hover_image .desc h5 {
  margin: 0;
  font-size: 12px;
}
.hover_image .desc p {
  margin: 0;
  line-height: 1.5em;
  font-size: 11px;
}
.hover_image img {
  display: block;
}
.hover_image .mask {
  top: 0;
  position: absolute;
  display: block;
  background: #005e90;
  width: 100%;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -ms-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
  z-index: 3;
  box-shadow: inset 0 0 55px rgba(0,0,0,0.25);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 102%;
  left: -1%;
}
.hover_image:hover .icon_hover {
  margin-top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.hover_image:hover .mask {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.hover_image:hover .hover_text {
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

@media (max-width: 800px)  {
	.navbar-inner .container {
		border-top: 1px solid #ffffff;
	}
}


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





body{ 
	background: url(http://cdn.myld.com.au/2/329/newcastle-crane-truck-hire_92002d6616.png) repeat;
	font-family: 'oswaldlight';
}
.wrap{ 
	max-width: 1000px;
	margin: 0 auto;
	width: 100%;

}

/** Header **/
#main-header{ 
	padding: 18px 0 13px;
}
#logo{ margin-bottom: 20px; }
.main-nav{ 
	padding-left: 35px;
}
.main-nav li{ 
	width: 48%;
	margin-right: 5px;
	margin-bottom: 5px;
}
.main-nav li:nth-child(2n+2){ 
	margin-right: 0;
}
.navbar .nav{ margin-right: 0; }
.navbar .nav > li > a{ 
	text-align: right;
	padding: 3px 5px;
	color: #fff;
	background: #005e90;
	font-family: 'oswald';
	text-transform: uppercase;
	font-size: 11.25px;
  text-shadow:none;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus,
.navbar .nav > li > a:hover{ 
	background: #ed1c24!important;
	color: #fff!important;
}
.main-nav{ position: relative; width: 205px; }
.navbar .nav > li{ position: absolute; width: 98px; height: 26px; } 
.navbar .nav > li:nth-child(1){ top: 0; left: 0; }
.navbar .nav > li:nth-child(2){ top: 30px; left: 0; }
.navbar .nav > li:nth-child(3){ top: 61px; left: 0; }
.navbar .nav > li:nth-child(4){ top: 0; left: 107px; }
.navbar .nav > li:nth-child(5){ top: 31px; left: 107px; }
.navbar .nav > li:nth-child(6){ top: 61px; left: 107px; }
.navbar .nav > li:nth-child(7){ top: 92px; left: 107px; }
.navbar .nav > li:nth-child(8){ top: 92px; left: 0; }







#main-header .row-fluid .span3{ 
	width: 24%;
	margin-left: 1.3%;
}
#main-header .row-fluid .span9{ 
	width: 74%!important;
	margin-left: 2%!important;
}
#main-header .row-fluid [class*="span"]:first-child{ 
	margin-left: 0;
}
#main-header .banner{ margin-top: 14px; }

#main-header .home-service a{ 
	display: block; 
	overflow: hidden; 
	position: relative; 
	max-width: 241px;
	margin: 0 auto;
}
#main-header .home-service{ margin-top: 14px; position: relative; }
#main-header .num{ 
	width: 52px;
	height: 52px;
	background: #000;
	color: #fff;
	font-size: 31px;
	line-height: 52px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	right: 10px;
	font-family: 'oswald';
}

#main-header .home-service article{ 
	background: url(http://cdn.myld.com.au/2/329/newcastle-crane-truck-hire_7e82239948.png) repeat;
	padding: 25px 10px;
	position: absolute;
	top: 100%;
	color: #fff;
	font-family: 'oswaldlight';
	letter-spacing: 1px;
	font-size: 14.5px;
	text-align: center;
	min-height: 140px;
	line-height: 16px;
	transition: all ease-in 0.5s;
	-moz-transition:  all ease-in 0.5s;
	-webkit-transition:  all ease-in 0.5s;
	-o-transition:  all ease-in 0.5s;
}

#main-header .home-service a:hover article{ 
	top: 70px;
}

.banner{ text-align: center; }

/** Slider **/
#slide-wrap{ 
	margin-bottom: 10px;
	background: url(http://cdn.myld.com.au/2/329/newcastle-crane-truck-hire_40f29fe02c.png) no-repeat center center;
}
#slide-wrap ul{ margin: 0; padding: 0; }
#sequence{ background: #c7c7c7; }
#sequence li{ 
	top: 0;
}
#sequence li img{ height: 100%; }
.sequence_slider .model {
    bottom: 0;
    height: auto !important;
    left: 0;
    max-height: 683px !important;
    max-width: 1000px;
    opacity: 1;
    width: 100%;
}
.sequence_slider .model.animate-out{ 
	left: -5%;
}
.sequence_slider .model.animate-in{ 
	left: 0;
}
#slide-wrap .slide-text *{ position: relative; }
#slide-wrap .slide-text{ 
	width: 94%;
	padding: 3%;
	position: absolute;
	bottom: 0;
	z-index: 99;
	color: #fff;
	font-family: 'oswaldlight';
	font-size: 18px;
	line-height: 22px;
}
.sequence_slider #header{ 
	height: 683px;
}
.sequence_slider .slide-text.animate-out{ bottom: 50%; }
.sequence_slider .slide-text.animate-in{ bottom: 0; }

.sequence_slider .title{ 
	font-family: 'oswald';
	font-size: 40px;
	margin: 0 0 10px;
	font-weight: normal;
	line-height: normal;
	bottom: 18%;
	border: none;
	width: 90%;
	text-transform: uppercase;
  color:#fff;
}
.sequence_slider .title.animate-out{ left: 50%; }
.sequence_slider .title.animate-in{ left: 3%; }

.sequence_slider .subtitle{ 
	top: auto; 
	color: #fff;
	font-family: 'oswaldlight';
	font-size: 18px;
	line-height: 22px;
	bottom: 5%;
	width: 90%;
	text-transform: uppercase;
}
.sequence_slider .subtitle.animate-out{ left: -50%; }
.sequence_slider .subtitle.animate-in{ left: 3%; }
#slide-wrap h3{ 
	font-family: 'oswald';
	font-size: 40px;
	margin: 0 0 10px;
	font-weight: normal;
	line-height: normal;
}
ul.bjqs-controls.v-centered li a {
  background:none;
    width: 50px;
    display: block;
    height: 31px;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box; 
    top:15px!important;
    -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;
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}

ul.bjqs-controls.v-centered li {
  margin-top:15px;
}

ul.bjqs-controls.v-centered li a:hover { background:none;  zoom: 1;
filter: alpha(opacity=100);
opacity: 1;};

.sequence_slider .next, .sequence_slider .prev{
		width: 50px;
    display: block;
    font-weight: bold;
    height: 31px;
    margin-top: 11px;
    position: absolute;
    top: 0!important;
    z-index: 1000;
    content:"";
    background-color:inherit;
}
.sequence_slider .next, { right: 12px; }
.sequence_slider .prev, { left: auto; right: 70px; }
.sequence_slider .next,.sequence_slider .next:before { background: url(http://cdn.myld.com.au/2/329/newcastle-crane-truck-hire_807a80e162.png) no-repeat; }
.sequence_slider .prev,.sequence_slider .prev:before { background: url(http://cdn.myld.com.au/2/329/newcastle-crane-truck-hire_170fe3d826.png) no-repeat; }
.sequence_slider .next:before, .sequence_slider .prev:before {
    border: none;
    -webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
    display: block;
    font-size: 0;
    height: 31px;
    line-height: 35px;
    position: absolute;
    text-align: center;
    width: 50px;
}
 .bjqs-next a, .bjqs-prev a {
   display:block;
   width:50px;
   height:31px;
   }
.bjqs-prev a {
  background: url(http://cdn.myld.com.au/2/329/newcastle-crane-truck-hire_170fe3d826.png) no-repeat !important; 
  right: 70px;
  left: inherit!important;
}
  
  .bjqs-next a {
    background: url(http://cdn.myld.com.au/2/329/newcastle-crane-truck-hire_807a80e162.png) no-repeat !important; 
    right: 10px!important;
}
    
.shadow{ 
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
  margin-top:-20px;
}
#services .shadow {
  margin-top:0px;
}
/** Content **/
#content{ 
	padding: 27px 0 54px;
	background: url(http://cdn.myld.com.au/2/329/newcastle-crane-truck-hire_08d5ee4b8d.png) no-repeat bottom center;
	margin-bottom: 0px;
	text-transform: uppercase;
	font-size: 12.5px;
	position: relative;
	z-index: 2;
  color:#e9e9e9;
}

.intro{ color: #000; font-family: 'oswald'; text-align: center; }
.intro p{ margin: 0; }

.content-dark{ 
	padding: 15px;
	background: url(http://cdn.myld.com.au/2/329/newcastle-crane-truck-hire_19ddf82c05.png) repeat;
}
.content-dark.inner{ 
	padding-top: 25px;
	padding-bottom: 25px;
}

#content figure{ 
	margin: 0 auto 20px;
	text-align: center;
}
.services figure{ 
	margin-bottom: 15px!important;
} 
.services article{ 
	text-align: center;
	padding: 20px;
	min-height: 340px;
	background: #888;
}
.services article p{ 
	margin: 0;
	line-height: 20px;
}

.imgSpacing{margin-bottom:15px;}

/** Footer **/
#footer{ 
	padding: 100px 0 0 0;
	background: url(http://cdn.myld.com.au/2/329/newcastle-crane-truck-hire_3b21af89b5.png) no-repeat top center;
	font-size: 12.5px;
	color: #000;
	font-family: 'oswaldlight';
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
	z-index: 1;

}

#footer h3{ 
	font-family: 'oswald';
	margin: 0 0 10px;
	font-weight: normal;
	font-size: 12.5px;
}
#footer .col-03 article{ 
	padding-left: 30px;
}
#footer .col-04 article{ 
	padding-left: 10px;
}
#footer .footer-logo{ margin-top: -12px; float: right; }

#footer .socialmedia{ margin-left: 110px; }
#footer #ld_branding_link{ margin-right: 80px; }
.ld-text{ display: inline-block; color: #000; vertical-align: top; padding-top: 10px; font-size: 12.5px; }
.ld-text:hover{ text-decoration: underline; color: #000; }

.sticky.navbar-inner{ 
	background: #005e90;
	color: #fff;
	width: 100%;
}
.sticky.navbar-inner .title{ 
	margin: 5px;
}
.sticky.navbar-inner .container{ 
	padding: 5px;
}

h1, h2, h3, h4, h5,
input,textarea, select{ font-family: 'oswald'; }
#content a{ color: #005e90; }
#content a:hover{ color: #ed1c24; }
#map{ 
	border: #fff 1px solid;
	background: #888;
	height: 450px;
	margin-bottom: 20px;
}

.btn-primary{ background: #005e90; font-family: 'oswald'; }
.btn-primary:hover{ background: #ed1c24; }
.gallery .span4:nth-child(3n+4){ margin-left: 0; }

.loadBtn {
	margin-top:30px;
	text-align:left;
}

.loadBtn a {
	display:inline-block;
	text-align:center;
	text-decoration:none !important;
	color:#fff !important;
	font-size:16px;
	background:#005e90;
	padding:5px 15px;
}

.loadBtn a:hover {
	background-color:#ed1c24;
}

.specBox {
	margin-bottom:40px;
}

/* Large desktop */
@media (min-width: 1200px) { 

}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	body{ padding: 0 40px; }
	#main-header .row-fluid .span3{ width: 100%; }
	/*#main-header .row-fluid .span3.home-service{ 
		width: 31%;
		margin: 0 1% 10px;
		float: none;
		display: inline-block;
	}*/
	#main-header .row-fluid .span3.home-service article{ 
		
	}
  
  
	.navbar .nav > li{ 
		position: relative!important; width: 100%!important; height: auto!important; 
		top: auto!important;
		left: auto!important;
	} 
	.main-nav{ width: 100%; }
	#main-header .home-service a{ 
		max-width: 400px;
	}
	#main-header .home-service a img{ 
		width: 100%;
		height: auto;
	}
	#main-header .home-service a article{ 
		position: relative;
		min-height: inherit;
		top: auto;
	}
	#main-header .home-service a:hover article{ 
		top: auto;
	}
	.main-nav{ padding-left: 0; margin-bottom: 15px;	}
	.main-nav li{ 
		width: 100%;
		margin-right: 0;
	}
	.nav-collapse .nav > li{ margin-bottom: 5px; }
	.navbar .nav > li > a{ text-align: center; }
	
	.sequence_slider #header{ 
		height: auto;
	}
	.sequence_slider .title{ 
		font-size: 34px;
		bottom: 30%;
	}
	.sequence_slider .subtitle{ 
		bottom: 5%;
	}
	#main-header .home-service article{ font-size: 13px; }
	
	#main-header .row-fluid .span9{ 
		width: 100%!important;
		margin: 0!important;
	}
	#main-header .banner{ }
	#footer .logo .pull-right{ float: left!important; }
	#footer,#content,
	.content-dark{ margin-left: -40px; margin-right: -40px; padding-left: 40px; padding-right: 40px; }
	#map{ height: 400px; }

  #services .services article {
    min-height:541px;
  }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .main-nav {
  min-height:inherit!important;
}

#services #content {
  padding-top:0px;
}
  
	body{ padding: 0 20px; }
	#main-header .row-fluid .span3{ width: 100%; }
	#main-header .row-fluid .span9{ 
		width: 100%!important;
		margin: 0!important;
	}
	.main-nav{ padding-left: 0;	}
	.main-nav li{ 
		width: 100%;
		margin-right: 0;
	}
	.navbar .nav > li{ 
		position: relative!important; width: 100%!important; height: auto!important; 
		top: auto!important;
		left: auto!important;
	} 
	.main-nav{ width: 100%; }
	.nav-collapse .nav > li{ margin-bottom: 5px; }
	.navbar .nav > li > a{ text-align: center; }
	#main-header .home-service article{ font-size: 13px; }
	
	.services .span4{ margin-bottom: 15px; }
	.services article{ min-height: inherit; }
	#content,
	.content-dark{ margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; }
	
	#map{ height: 350px; }
	#main-header .home-service a article{ 
		position: relative;
		min-height: inherit;
		top: auto;
	}
	#main-header .home-service a:hover article{ 
		top: auto;
	}
}

/* Landscape phones and down */
@media (max-width: 480px) {

}

#slideshow, .bjqs, .bjqs li, .bjqs li img {
  max-width: 100% !important;  
}