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

/***********************
*  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.0.css");
@import url("http://cdn.myld.com.au/1/bootstrap/focus/js/plugins/faq/faq.css");
@import url('http://cdn.myld.com.au/1/js/plugins/CameraSlider/1.3.4/camera.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/plugins/PrettyPhoto/css/prettyPhoto.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/Basic-slider/bjqs.css');
@import url("http://cdn.myld.com.au/1/bootstrap/2.3.1/css/grid.css");
@import url("http://cdn.myld.com.au/1/css/fontawesome/3.2.0/css/font-awesome.css");
@import url('http://cdn.myld.com.au/1/css/AnimateCss/animate.css');
@import url('http://cdn.myld.com.au/1/js/plugins/Isotope/jquery.isotope.css');
.grid-3 {
  24.8%;
  padding:4px;
}
.isotope-item {
  margin-bottom:0px!important;
}
#map img {
  max-width: none !important;
}
div#error {
  text-align: center; 
  margin-top: 40px; 
  background: transparent !important;
}
.thumbnail>img {
  width: 100%;
}

/*  Fonts
_________________________________________*/
@font-face {
  font-family: 'Raleway';
    src: url('http://cdn.myld.com.au/1/fonts/Raleway/raleway-thin-webfont.eot');
    src: url('http://cdn.myld.com.au/1/fonts/Raleway/raleway-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://cdn.myld.com.au/1/fonts/Raleway/raleway-thin-webfont.woff') format('woff'),
         url('http://cdn.myld.com.au/1/fonts/Raleway/raleway-thin-webfont.ttf') format('truetype'),
         url('http://cdn.myld.com.au/1/fonts/Raleway/raleway-thin-webfont.svg#ralewaythin') format('svg');
    font-weight: 100;
    font-style: normal;
}

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

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

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

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

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

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

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

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






/*	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: #000;
	border: solid 1px #000;
	color: #fff;
}

/*	Sticky Nav Icons Styles
_________________________________________*/
.navbar .navbar-inner.sticky {
    width:100%;
    padding:10px 10px 10px!important;
    background: #222222!important;
    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; 
}

.navbar .navbar-inner.sticky .container {
    padding-bottom:0px;
}

h1.title{ font-weight: 500; }

/*Mobile footer branding styles*/
#footer-branding {
	padding: 7px 0 9px;
	background: #222;
}

#ld_branding_link_mobile {
    background-image: url("http://cdn.myld.com.au/1/images/logos/poweredbyld_white.png");
}

/* Main	Styles
_________________________________________*/
body{ 
	font-family: 'Raleway';
}
.container{ 
	max-width: 1052px;
	width: 100%;
	margin: 0 auto;
}
a{ color: #ff6500 }
a:hover{ 
	color: #ff6500;
	text-decoration: underline;
}
nav ul{ 
	margin: 0;
	padding: 0;
	list-style: none;
}
.nomargin{ margin: 0!important; }

.btn-primary {
  background:#ff6500;
  color: #222;
  text-shadow: none;
  border: 1px solid #fff;
  box-shadow: none;
	font-family: 'Raleway';
}
.btn-primary:hover,
.btn-primary.active {
  background: #ff761c;
  border: 1px solid  #fff;
	text-decoration: none!important;
	color: #fff;
}
.navbar .btn-navbar{ 
	padding: 10px 13px 10px!important;
}
/****mobile responsive nav icon override****/
a.btn-tel {
	border: solid 1px #555;
	color: #555;
}

.navbar .btn-navbar {
	border: solid 1px #555;
	color: #555;
}
.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: #292929;
	border: solid 1px #fff;
	color: #fff!important;
	font-size: 16px!important;
	text-decoration: none!important;
	margin-bottom: 0!important;
}
 .navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar:focus, a.btn-tel:hover, a.btn-tel:active, a.btn-tel:focus
{ 
	border: #fff 1px solid!important;
	color: #fff;
	background: #3c3c3c;
}
.navbar .btn-navbar:hover span, .navbar .btn-navbar:active span, .navbar .btn-navbar:focus span, a.btn-tel:hover span, a.btn-tel:active span, a.btn-tel:focus span{ 
	color: #fff;
}




/** Header **/
#header{ 
	background: #000;
}

#logo{ margin: 35px 0 0; }

/** Navigation **/
#nav {  }
#nav .navbar{ margin: 0; }
#nav .navbar-inner {
    background: none;
    border: none;
    -webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
    -webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		
    min-height: inherit;
    padding-left: 0;
    padding-right: 0;
}
#nav .navbar .nav > li > a {
    color: #fff;
    float: none;
    padding: 65px 5px 61px;
    text-decoration: none;
    text-shadow: none;
		font-size: 13px;
		font-weight: 300;
		border-bottom: transparent 4px solid;
		text-transform: uppercase;
}

#nav .navbar .nav{ 
	float: none;
	margin: 0 auto;
	display: table;
	width: 100%;
}
#nav .navbar .nav > li{ 
	float: none;
	display: table-cell;
	padding: 0 10px;
	text-align: center;
}
#nav .navbar .nav > li:first-child{ padding-left: 0; }
#nav .navbar .nav > li:last-child{ padding-right: 0; }

#nav .navbar .nav > .active > a, #nav .navbar .nav > .active > a:hover, #nav .navbar .nav > .active > a:focus,
#nav .navbar .nav a:hover{ 
	background:  none;
	border-bottom: #ff6500 4px solid;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #fff;
}

/** Slider **/
#slider { 
  position: relative; 
}

.camera_wrap { 
	height: 332px !important;
  margin-bottom: 0 !important;
  max-height: 332px !important;
}

#home .camera_wrap { 
  height: 332px !important;
  margin-bottom: 0 !important;
  max-height: 332px !important;
}

#slider.inner .camera_wrap { 
	height: 300px !important;
  margin-bottom: 0 !important;
  max-height: 300px !important;
}


.camera_wrap .camera_pag{ 
	width: 100%;
	position: absolute;
	bottom: 10px!important;
	z-index: 9999;
	left: 0!important;
}

.camera_wrap .camera_pag .camera_pag_ul li{ 
	background: url(../img/d2.png) no-repeat;
	margin: 0 4px;
}
.camera_wrap .camera_pag .camera_pag_ul{ margin: 0 auto -5px; text-align: center; }
.camera_wrap .camera_pag .camera_pag_ul li{ 
	float: none;
	display: inline-block;
	background: #fff;
	width: 11px!important;
	height: 11px!important;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span,
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent,
.camera_wrap .camera_pag .camera_pag_ul li:hover span,
.camera_wrap .camera_pag .camera_pag_ul li:hover{ 
	background: #ff6500!important;
}

.camera_wrap .camera_pag .camera_pag_ul li > span{ 
	width: 11px!important;
	height: 11px!important;
	top: 0;
	left: 0;
}

a.thumbnail:hover,
a.thumbnail:focus{  
	border: #ff6500 1px solid;
}

/** Content **/
#welcome{ 
	position: relative;
	line-height: 24px;
	color: #222;
	font-weight: 500;
	font-size: 13px;
	padding: 30px 20px 30px 80px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;
}
#welcome .container{ 
	padding: 25px 0;
}
#welcome .container p:last-child{ margin: 0; }
#welcome .left-arr{ 
	height: 100%;
	width: 50px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: url(http://cdn.myld.com.au/2/508/solar-energy-equipment_9e1ee3200d.png) no-repeat right center;
}

#welcome h3{ 
	font-size: 20px;
	font-weight: 500;
	margin: 0 0 10px;
	text-transform: uppercase;
	line-height: normal;
}

.clear{ clear: both; }

#content .container{ 
	padding: 80px 0;
}

#content.inner .container{ 
	padding: 45px 0;
}

#services .item{ 
	max-width: 346px;
	margin: 0 auto
}

#services .item .on{ display: none; }
#services .item figure{ margin: 0; position: relative; }
#services .item a{ color: #fff; }
#services .item figure div{ 
	display: none;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}
#services .item figure div span{ 
	display: table-cell;
	width: 100%;
	height: 275px;
	line-height: 20px;
	color: #fff;
	font-size: 14px;
	vertical-align: middle;
	padding: 0 35px;
}

#services .item article{ 
	background: #222;
	padding: 50px 20px;
	color: #fff;
	font-size: 17px;
	line-height: 1em;
	text-transform: uppercase;
	position: relative;
}

#services .item a:hover{ text-decoration: none; }
#services .item article span{ 
	width: 15px;
	height: 5px;
	display: none;
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -7px;
	background: url(http://cdn.myld.com.au/2/508/solar-energy-equipment_43ca296bb2.png) no-repeat;
}
#services .item a:hover .off{ display: none; }
#services .item a:hover article{ 
	background: #ff6500;
}
#services .item a:hover article span,
#services .item a:hover figure div,
#services .item a:hover .on{ 
	display: block;
}
#content.inner{ 
	font-size: 13px;
	line-height: 22px;
	color: #222;
	padding: 0 15px;
}
h2{ 
	font-size: 20px;
	color: #ff6500;
	font-weight: 500;
	line-height: normal;
	margin: 0 0 15px;
	text-transform: uppercase;
}

.image{ 
	text-align: center;
}

#content .img{ 
	margin: 30px 0; 
	position: relative;
  overflow: hidden
;
	max-height: 360px;
}
#content.inner article{ 
	margin: 0 0 30px;
}

#content .img img {
  text-align: center; 
  position: relative;
  left: 10%;
  width: 90%;
}

#content .img span{ 
	display: block;
	width: 12%;
	background: url(http://cdn.myld.com.au/2/508/solar-energy-equipment_9e1ee3200d.png) no-repeat right;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
  z-index: 99;
}


/** Footer **/
#footer{ 
	background: #222;
	padding: 35px 0 40px;
	color: #fff;
	font-size: 13px;
	line-height: normal;
}
#footer h4{ 
	font-size: 17px;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0 0 20px;
	line-height: normal;
}
#footer a{ color: #fff; }
#footer a:hover{ color: #ff6500; text-decoration: none; }
#footer p{ margin: 0 0 20px; }

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	-moz-box-shadow: 0 0 8px rgba(255, 101, 0, 0.6);
	-webkit-box-shadow: 0 0 rgba(255, 101, 0, 0.6);
	box-shadow: 0 0 8px rgba(255, 101, 0, 0.6);
	border-color: #ff6500;
}

#footer .socialmedia a{ margin-right: 10px; }

#map{ 
	height: 391px;
	margin: 0;
	background: #E9E5DC;
}

#enquiry{ height: 150px; }

.faq-text h4{ font-weight: 500; }
input,
textarea{ 
	font-family: 'Raleway';
}
.faq-number{ 
	background: #ff6500;
}
label{ font-size: inherit; }

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

}
@media (min-width: 980px) and (max-width: 1169px) { 
body{ padding: 0 30px; }

#header,
/*#welcome,*/
#footer-branding,
#footer{ 
	padding-left: 30px;
	padding-right: 30px;
	margin-left: -30px;
	margin-right: -30px;
}

/*#slider,
#map{ 
	margin-left: -30px;
	margin-right: -30px;
}*/
#nav .navbar .nav > li{ padding: 0; }
#nav .navbar .nav > li > a {
    padding: 55px 5px 51px;
}

.camera_wrap { 
	height: 350px !important;
  margin-bottom: 0 !important;
  max-height: 350px !important;
}
#home .camera_wrap { 
  height: 400px !important;
  margin-bottom: 0 !important;
  max-height: 400px !important;
}

#slider.inner .camera_wrap{ 
	height: 370px !important;
  margin-bottom: 0 !important;
  max-height: 370px !important;
}

#welcome .left-arr{ 
	width: 10px;
}



}



/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
body{ 
	padding: 0;
}

#header,  #footer{ 
	padding-left: 15px;
	padding-right: 15px;
	/* margin-left: -15px; */
	/* margin-right: -15px; */
}

/*#slider,
#map{ 
	margin-left: -15px;
	margin-right: -15px;
}*/

#logo{ margin: 10px auto 10px!important; }
#nav { margin-top: 0px; }
#nav .navbar .nav{ 
	display: block;
	margin-top: 10px;
}
#nav .navbar .nav > li{ 
	display: block;
	margin: 0 auto 2px;
	text-align: center;
	padding: 0;
}
#nav .navbar .nav li > a{ 
	font-size: 13px;
	padding: 5px 10px;
	display: block;
	height: auto;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
#welcome { line-height: normal; }
#welcome .left-arr{ width: 10px; }
#map{ height: 300px; }
	
#content .container,
#content.inner .container{ padding: 20px 0; }

.camera_wrap,
#slider.inner .camera_wrap{ 
	height: 300px !important;
  margin-bottom: 0 !important;
  max-height: 300px !important;
}
#home .camera_wrap { 
  height: 350px !important;
  margin-bottom: 0 !important;
  max-height: 350px !important;
}

#nav .navbar-inner{ padding-top: 13px; }


#services .item .on{ display: none!important; }
#services .item figure div{ 
	display: block;
	width: 100%;
	position: relative;
	top: auto;
	left: auto;
}
#services .item figure div span{ 
	display: block;
	height: auto;
	line-height: normal;
	color: #fff;
	font-size: 13px;
	vertical-align: middle;
	padding: 10px;
	background: #222;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	min-height: 190px;
}


#services .item article span{ 
	display: none;
}
#services .item a:hover .off{ display: block; }
#services .item a:hover article{ 
	background: #222;
}
#services .item a:hover article span,
#services .item a:hover figure div,
#services .item a:hover .off{ 
	display: block;
}
#services .item article{ padding: 10px; }
}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {


}

/* iPhone 5 landscape */
@media (max-width: 800px)  {
#logo{ 
	margin-top: 20px;
}
h1.title {
		max-width: 600px!important;	
	}
#nav .navbar-inner{ padding-top: 11px; }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {	
#services .item{ 
	margin-bottom: 15px;
}
#services .item article,
#services .item figure div span{ 
	min-height: inherit;
}

.gallery .span3{ 
	width: 48%;
	margin: 0 1% 10px!important;
	float: left;
}

}

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

.gallery .span3{ 
	width: 100%;
	margin: 0 auto 10px!important;
	float: none;
}
#map{ height: 200px; }
h1.title {
		max-width: 300px!important;	
	}
}  

/* -------------------------------------MAX WIDTH 480px---------------------------------------- */

@media (max-width: 320px) {
		
	h1.title {
		max-width: 160px!important;
	}
	
}
@media (min-width: 980px) {
.hometext{
  margin-top: -40px;
margin-bottom: 40px;
  }
  }

.hometext{
font-size: 12px;
text-align: center;
  }