/***********************
*  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.css");
@import url("http://cdn.myld.com.au/1/css/AnimateCss/animate.css"); 
@import url("http://fonts.googleapis.com/css?family=Ubuntu:300italic,300,700");
@import url("http://cdn.myld.com.au/1/bootstrap/inception_2.0/components/flexslider/flexslider.css");
@import url("http://cdn.myld.com.au/1/bootstrap/inception_2.0/css/styles.css");
@import url("http://cdn.myld.com.au/1/bootstrap/inception_2.0/css/styles-responsive.css ");
@import url("http://cdn.myld.com.au/1/js/cform_validation/validation-2.0.css");
@import url('http://cdn.myld.com.au/1/fancybox/jquery.fancybox-1.3.4.min.css');
@import url('http://cdn.myld.com.au/1/js/plugins/PhotoSwipe/photoswipe.min.css');
 
 
@font-face {
    font-family: 'source_sans_pro_semiboldRg';
    src: url('http://cdn.myld.com.au/1/fonts/SourceSansPro/sourcesanspro-semibold-webfont.eot');
    src: url('http://cdn.myld.com.au/1/fonts/SourceSansPro/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://cdn.myld.com.au/1/fonts/SourceSansPro/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('http://cdn.myld.com.au/1/fonts/SourceSansPro/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('http://cdn.myld.com.au/1/fonts/SourceSansPro/sourcesanspro-semibold-webfont.svg#source_sans_pro_semiboldRg') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'SourceSansPro';
    src: url('http://cdn.myld.com.au/1/fonts/SourceSansPro/sourcesanspro-regular-webfont.eot');
    src: url('http://cdn.myld.com.au/1/fonts/SourceSansPro/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://cdn.myld.com.au/1/fonts/SourceSansPro/sourcesanspro-regular-webfont.woff') format('woff'),
         url('http://cdn.myld.com.au/1/fonts/SourceSansPro/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('http://cdn.myld.com.au/1/fonts/SourceSansPro/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


.flex-viewport {
  max-height: 420px;  
}

.disc {
  list-style-type: disc;
}

.thumbnail>img {
  width: 100%;  
}

/****mobile responsive nav icon override****/
.navbar .btn-navbar,
a.btn-tel {
  border: none;
  color: #fff;
  background:#043051;
  font-size:14px;
  height:22px;
  line-height:23px !important;
}
a.btn-tel{
  right:45px;
}
.navbar .btn-navbar:hover,
a.btn-tel:hover {
	background:#055591;
}
.navbar-inner.sticky {
	width: 95%;
	padding-top: 4px;
	padding-left:2.5%;
	padding-right:2.5%;
	border-radius:0;
	background:rgba(225,225,225, 0.90);
	margin:0;
}
.navbar-inner.sticky h1.title span{
	color:#000;
}
.navbar-inner.sticky .nav{
	padding-top:5px;
}
.navbar-inner.sticky a.btn-tel,
.navbar-inner.sticky .btn-navbar{
	margin-top:3px;
}
.navbar-inner.sticky .nav .active > a, 
.navbar-inner.sticky .nav > li > a:hover,
.navbar-inner.sticky .nav .active > a:hover{
	background:#999 !important;
}
body{
	font-family: 'SourceSansPro';
	font-size:13px;
	color:#1d1d1d;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'SourceSansPro';
	font-weight:normal;
}
h2{
	font-size:33px;
}
a{
	color:#043051;
	text-transform:none;
}
a:hover{
	color:#FFF;
	text-decoration:underline;
	text-transform:none;
}
#wrap{
	position:relative;
}
#header{
	/*height:74px;*/
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #dfdfdf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#dfdfdf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */
	position:relative;
}
.border-bottom-header{
	background:rgba(0, 0, 0, 0.3);
	height:6px;
	width:100%;
	position:absolute;
	bottom:-6px;
	z-index:1;
}
.backstretch img { top: 0 !important } 
#logo{
	margin-top:0;
}
#logo img{
	position:absolute;
	z-index:2;
	width: 291px;
	max-width: 100%;
}
hr{
	border-top:solid 1px #b1b1b1;
	border-bottom:solid 1px #FFF;
	margin:0;
}
.navbar-inner{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}
.navbar.main-nav{
	background:none;
}
.navbar .nav{
	width:100%;
	margin-top:40px;
}

.nav-container{
	text-align:center;
}
.navbar .nav > li > a{
	font-family: 'source_sans_pro_semiboldRg';
	text-shadow:none;
	color:#000;
	padding:0;
	-webkit-text-shadow:1px 1px 1px #FFF;
	text-shadow:1px 1px 1px #FFF;
	display:inline;
	font-weight:normal;
	font-size: 14px;
}
.navbar .nav .active > a, 
.navbar .nav > li > a:hover,
.navbar .nav .active > a:hover{
	background:none;
	color:#000;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
	color: #666
}
.navbar .nav .active > a:hover,
.navbar .nav > li > a:hover{
	color:#999;
}
.navbar .nav > li{
	padding:0 24px;
	text-align:center;
}
.slider-shadow{
	position:absolute;
	top:100%;
	width:100%;
	z-index:2;
	display:block;
}
.flexslider{
	position:relative;
}
.home.flexslider{
	border-bottom:solid 1px #070707;
}

.flex-direction-nav a{
	background: url(http://cdn.myld.com.au/2/342/complete-fencing_e48ecfb092.png) no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 43px;
    margin: -29px 0 0;
    opacity: 0;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 43px;
}
.flex-direction-nav .flex-prev{
	background-position:bottom;
	left:0;
}
.flex-direction-nav .flex-next{
	right:0;
}
.flexslider:hover .flex-prev{
	left:30px;
}
.flexslider:hover .flex-next{
	right:30px;
}
p{
	line-height:18px;
}
.intro-message{
	background: url(http://cdn.myld.com.au/2/342/complete-fencing_02ed89ed79.png);
	color:#FFF;
}
.intro-message .intro-inner{
	background:url(http://cdn.myld.com.au/2/342/complete-fencing_fdebe514b1.png) center top no-repeat;
	background-size:100% 100%;
	padding:30px;
	text-shadow:0px -3px 0 rgba( 0, 0, 0, 0.7 );
	font-size:14px;
}
.intro-message .intro-inner h1{
	font-size:22px;
	text-transform:uppercase;
	margin:0;
	line-height:30px;
	margin-bottom:5px;
}
.intro-message .intro-inner h1{
	padding:0;
}
.content{
	background: -moz-linear-gradient(top, #ffffff 0%, #bcbcbc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#bcbcbc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#bcbcbc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#bcbcbc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#bcbcbc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#bcbcbc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcbcbc',GradientType=0 ); /* IE6-9 */
	padding:30px;
}
.pad-50{
	padding-bottom:65px;
	padding-top:45px;
}
.services-thumb .thumb{
	position:relative;
	display:block;
}
.services-thumb .thumb img{
	width:100%;
}
.services-thumb{
	margin-top:20px;
}
.services-thumb .thumb .mask{
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(4, 48, 81, 0.9) url(http://cdn.myld.com.au/2/342/complete-fencing_ac038fe952.png) right top no-repeat;
	top:0;
	-webkit-transition:all ease-in-out .3s;
	-moz-transition:all ease-in-out .3s;
	-ms-transition:all ease-in-out .3s;
	-o-transition:all ease-in-out .3s;
	transition:all ease-in-out .3s;
	opacity:0;
	filter:alpha(opacity=0);
	background-size: cover;
}
.services-thumb .thumb .mask .check{
	background:url(http://cdn.myld.com.au/2/342/complete-fencing_8966eff861.png) no-repeat;
	background-position:center -50px;
	width:100%;
	height:100%;
	position:absolute;
	-webkit-transition:all ease-in-out .3s;
	-moz-transition:all ease-in-out .3s;
	-ms-transition:all ease-in-out .3s;
	-o-transition:all ease-in-out .3s;
	transition:all ease-in-out .3s;
	opacity:0;
	filter:alpha(opacity=0);
}
.services-thumb .thumb:hover .mask{
	filter:alpha(opacity=100);
	opacity:100;
}
.services-thumb .thumb:hover .mask .check{
	background-position:center center;
	filter:alpha(opacity=100);
	opacity:100;
}
.services-thumb .desc{
	background:#1d1d1d;
	padding:12px;
	color:#FFF;
	font-size: 14px;
	position:relative;
	min-height:70px;
}
.services-thumb .span3{
	position:relative;
	margin-bottom:15px;
}
.services-thumb .shadow-services{
	position:absolute;
	top:100%;
	width:100%;
}

.services-thumb .desc h3{
	margin:0;
	text-transform:uppercase;
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 7px;
}
.services-thumb .desc p{
	margin:0;
	line-height:15px;
}
.content.services{
	padding-bottom:0;
}
footer{
	margin:0;
	background:none;
	padding:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
	margin-bottom:24px;
	font-size:14px;
	color:#999999;
	text-shadow:1px 1px 0 #000;
}
footer p{
	line-height:25px;
	color:#999999;
}
footer .inner-footer hr{
	border:none;
	border-bottom:1px solid #373737;
	margin-bottom:25px;
}
footer h3{
	font-size:16px;
	margin:0;
	color:#FFF;
}
footer span{
	color:#FFF;
	padding-right:10px;
}
.inner-footer{
	padding:30px 30px 60px 30px;
	background:#1d1d1d;
}
footer .icon-holder{
	float:left;
	width:30px;
	text-align:center;
	padding-right:8px;
}
footer .branding{
	margin-top:20px;
}
footer .branding .socialmedia{
	text-align:center;
	display:none;
}
footer a{
	color:#999999;
}
footer .contact p{
	margin-bottom:15px;
}
footer a:hover{
	text-decoration:underline;
	color:#FFF;
}

.content h3.title-content{
	font-size:16px;
	padding:0;
	margin:0;
	line-height:normal;
	margin-bottom: 10px;
}
.service-desc{
	padding:20px;
	background:#1d1d1d;
	color:#FFF;
}
.service-desc p:last-child{
	margin-bottom:0;
}
.service-desc h3.title-content{
	padding-bottom:5px;
}
.service-content{
	position:relative;
	margin-bottom:30px;
}
.service-content img{
	width:100%;
}
.img-holder{
	position:relative;
	margin-bottom:30px;
}
.img-holder img{
	width:100%;
}
.contact-page hr{
	margin-top:10px;
	margin-bottom:10px;
}
#map-canvas-main{
	width:100%;
	height:401px;
	margin:0 0 20px 0;
	background:#CCC;
	outline:solid 1px #666;
}
#custom_form textarea,
#custom_form input[type=text]{
	width:95%;
	padding:8px 2.5%;
}
#custom_form textarea{
	height:150px;
}
#custom_form input[type=submit]{
	background:#043051;
	border:#0a5894 solid 1px;
	color:#FFF;
	font-size:15px;
	-webkit-transition:all ease-in-out .3s;
	-moz-transition:all ease-in-out .3s;
	-ms-transition:all ease-in-out .3s;
	-o-transition:all ease-in-out .3s;
	transition:all ease-in-out .3s;
}
#custom_form input[type=submit]:hover{
	background:#0a5894;
	border:#043051 solid 1px;
}

#steel-supplies p a {
	font-weight: 600;
	text-decoration: underline;
}

@media (max-width: 800px)  {
	#logo{
		margin-top:0;
	}
	#logo img{
		position: static;
	}
	#header{
		height:auto;
	}
	.nav-container{
		padding:0;
	}
	.navbar-inner.sticky .container {
		padding-bottom: 5px;
	}
	
	.navbar .nav > li{
		width:100%;
		text-align:center;
		display:block;
	}
	.navbar-inner{
		padding-left:10px;
		padding-right:10px;
	}
	.nav-collapse .nav > li > a{
		padding-top:10px;
		padding-bottom:10px;
		display: block;
	}
	.navbar .nav .active > a, 
	.navbar .nav > li > a:hover,
	.navbar .nav .active > a:hover{
		background:#CCC;
	}
	.navbar .nav{
		margin-top:0;
	}
	.inner-footer{
		padding:20px;
	}
	footer .branding{
		margin:0;
	}
	footer .branding .socialmedia{
		display: block;
	}
	footer .branding{
		text-align:center;
	}
	.navbar .nav > li{
		padding-left:0;
		padding-right:0;
	}
}


@media (min-width: 2170px) {
	body{
		background-size:100% 100%;
	}
}

@media (min-width: 980px) {
	.services-thumb .desc{
		min-height:83px;
	}
	.nav-container{
		padding:0;
	}
	.navbar .nav > li{
		padding:0 8px;
	}
	.navbar .nav{
		float:none;
	}

	#logo, #logoRight {
		margin-bottom:-77px;
	}
}
/* Large desktop */ 
@media (min-width: 1200px) {
	.services-thumb .desc{
		min-height:88px;
	}
	#logo a{
		margin-left:25px;
	}
	.navbar .nav > li{
		padding:0 20px;
	}
	body{
		background-size:auto 100%;
	}
	.navbar .nav {
		margin-left: 0;
		width: auto;
	}
	.navbar .nav > li{
		padding:0 6px;
	}
	
	.navbar .nav > li:first-child {
		padding-left:0;
	}
	
	.navbar .nav > li:last-child {
		padding-right:0;
	}
}
  /* Portrait tablet to landscape and desktop */ 
@media (min-width: 768px) and (max-width: 979px) {
	#logo{
		margin-top:0;
	}
	#logo img{
		position: static;
	}
	#header{
		height:auto;
	}
	.nav-container{
		padding:0;
	}
	.navbar .nav > li{
		width:100%;
		text-align:center;
		display:block;
	}
	.navbar-inner{
		padding-left:10px;
		padding-right:10px;
		margin-bottom:5px;
	}
	.nav-collapse .nav > li > a{
		padding-top:10px;
		padding-bottom:10px;
		display: block;
		font-weight:normal;
	}
	.navbar .nav .active > a, 
	.navbar .nav > li > a:hover,
	.navbar .nav .active > a:hover{
		background:#CCC;
	}
	.navbar .nav{
		margin-top:0;
	}
	.inner-footer{
		padding:20px;
	}
	footer .branding{
		margin:0;
	}
	.services-thumb .desc{
		min-height:150px;
	}
	.navbar-inner{
		margin-top:10px;
		padding:0;
	}
} 

@media (max-width: 979px) {
	#navArea {
		float:right;
	}
}

  /* Landscape phone to portrait tablet */ 
@media (max-width: 767px) {
	footer .branding{
		text-align:center;
	}
	.services-thumb .span3:first-child{
		margin-left:0 !important;
	}
	.services-thumb .span3:nth-child(3){
		margin-left:0 !important;
	}
	.services-thumb .span3{
		width:47.5%;
		margin-left:5% !important;
		float:left;
		margin-bottom:5%;
	}
	.services-thumb .desc{
		min-height:55px;
	}
	
	#navArea {
		position:absolute;
		z-index:999;
		top:0;
	}
	
	#logo {
		margin-top:60px;
	}
}

@media (max-width: 568px) {
	footer .branding{
		text-align:center;
	}
	.services-thumb .desc{
		min-height:100px;
	}
}

  /* Landscape phones and down */ 
@media (max-width: 480px) {
	.content{
		padding:20px;
	}
	.services-thumb .desc{
		min-height:50px;
	}
	.services-thumb .span3{
		width:100%;
		margin-left:0% !important;
		margin-bottom:25px;
	}
	.services-thumb .desc{
		min-height:0;
	}
	#map-canvas-main{
		height:200px;
	}
} 
      
/* DEVELOPER CSS  */

/* 404 page*/
#page-not-found div#error{
  margin: 0 auto;
  padding: 30px;
  background: #fff
}
  
#page-not-found div#error h1, #page-not-found div#error p  {
  text-align: center;
  color: red;
} 

/* map */
/* GOOGLE MAP FIX */
    #map-canvas-main img{
    max-width: none;
} 

/* services page 3rd box*/
.colourme{
  background: #1d1d1d;
  margin-bottom: 30px;
}

#servImg{
  height: 242px;
}

.mybottomshadow img{
  margin-left: -25px;
  margin-top: -65px; 
  }   
  
/* for IE nav issues*/
  
  .navbar-inner{
   filter: none; 
}

#ld_branding_link_mobile{
 display:none;  
}

#logo img {
	position:relative;
	width:100%;
}

#logo a {
	margin-left:0;
}
	
#logoRight {
	position:relative;
	z-index:2;
}