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

/*-------- Custom CSS Document -------*/ 
@import url("http://cdn.myld.com.au/1/bootstrap/phenomenal_2.0/css/style.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.css");

@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");

/** Fonts **/
@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;
}

@font-face {
    font-family: 'oswald';
    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: 200;
    font-style: normal;
}

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

/****mobile responsive nav icon override****/
a.btn-tel, .navbar .btn-navbar, .btn-primary {
  color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #00a2b1;
	background-image: -moz-linear-gradient(top, #03becf, #00a2b1);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#03becf), to(#00a2b1));
	background-image: -webkit-linear-gradient(top, #03becf, #00a2b1);
	background-image: -o-linear-gradient(top, #03becf, #00a2b1);
	background-image: linear-gradient(to bottom, #03becf, #00a2b1);
	background-repeat: repeat-x;

	border-color: #03becf #03becf #00a2b1;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	font-size: 15px!important;
	border: #fff 1px solid;
}

a.btn-tel, .navbar .btn-navbar{ 

}
a.btn-tel{ 
	
}

a.btn-tel:hover, .navbar .btn-navbar:hover, .btn-primary:hover {
	color: #03becf!important;
	background-color: #00a2b1;
	border: #fff 1px solid!important;
}
.btn-primary:hover { color: #fff!important; }


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

body{ 
	font-family: 'oswald';
}

.container{ 
	max-width: 1170px;
	width: 0 auto;
	width: 100%;
}

#header{ 
	background: #fff;
	min-height: 200px;
	padding: 41px 0 0;
	border: none;
}
#header > .container { 
	border: none;
}
#header .contact{ 
	text-align: right;
	font-family: 'oswald';
	color: #232020;
	font-size: 30px;
	line-height: 36px;
	margin-top: 20px;
}
#header .contact span{ 
	display: block;
}

#header .contact span.ttl{ 
	line-height: 60px;
}
#header .contact span.phone{ 
	color: #00a2b1;
	font-size: 52px;
	line-height: 60px;
}
#header .contact span.phone a{ 
	color: #00a2b1;
}
#header .contact a{ 
	color: #232020;
}

#content{ 
	background: #00a2b1;
	padding: 0 0 60px 0;
	color: #fff;
	font-size: 18px;
	line-height: 25px;
	letter-spacing: .40px;
	font-weight: 200;
	font-family: 'oswald';
	overflow: hidden;
}

.main-nav.navbar .nav{ 
	padding: 20px 0;
	margin: 0;
	font-weight: normal;
	font-size: 15px;
	width: 100%;
}
.main-nav.navbar li > a{ 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: 'oswald';
	font-weight: 200;
	font-size: 15px;
	letter-spacing: -.30px;
	text-shadow: none;
	color: #fff;
}

.main-nav.navbar li.active > a, .main-nav.navbar li > a:hover, .main-nav.navbar li.active > a:hover{ 
	background: none;
	color: #241f20;
}
.main-nav.navbar .nav > li{ 
	background: none;
}
.navbar .nav > li{ 
	width: 20%;
	text-align: center;
	background: none;
}
.navbar .nav > li:first-child{ width: 10%; text-align: left; }
.navbar .nav > li:last-child{ width: 10%; text-align: right; }


#slider-wrap{ 
	margin-bottom: 54px;
	margin-left: -139px;
	margin-right: -139px;
	padding-left: 139px;
	padding-right: 139px;
	background: url(http://cdn.myld.com.au/2/358/marty-cameron-homes_e82cc20ab7.png) no-repeat center center;
}
#slider{ 
	position: relative;
}
ul.bjqs-controls.v-centered{ 
	top: auto!important;
	margin: 0 0!important;
	padding: 0;
	bottom: 58px!important;
	position: absolute;
	width: 100%;
}
ul.bjqs-controls li a{ 
	width: 37px;
	height: 23px;
	padding: 0;
	display: block;
	text-indent: -9999em;
}

ul.bjqs-controls li.bjqs-prev a{ 
	background: url(http://cdn.myld.com.au/2/357/marty-cameron-homes_7bebf8a70e.png) no-repeat;
	left: 22px!important;
}

ul.bjqs-controls li.bjqs-next a{ 
	background: url(http://cdn.myld.com.au/2/357/marty-cameron-homes_16e707ba3c.png) no-repeat;
	right: 2px!important;
}
ul.bjqs-controls li.bjqs-prev a:hover{ background: url(http://cdn.myld.com.au/2/357/marty-cameron-homes_7bebf8a70e.png) no-repeat; }
ul.bjqs-controls li.bjqs-next a:hover{ background: url(http://cdn.myld.com.au/2/357/marty-cameron-homes_16e707ba3c.png) no-repeat; }

ol.bjqs-markers{ 
	margin-top: -58px;
	z-index: 999;
	position: relative;
	left: 0!important;
	
}
ol.bjqs-markers li a{ 
	width: 20px;
	height: 20px;
	display: inline-block;
	text-indent: -9999em;
	padding: 0;
	margin: 0 -2px;
	background: url(http://cdn.myld.com.au/2/357/marty-cameron-homes_ab8b8556a2.png) no-repeat;
	outline: none;
}

ol.bjqs-markers li.active-marker a, ol.bjqs-markers li a:hover{ 
	background: url(http://cdn.myld.com.au/2/357/marty-cameron-homes_f353b0ab49.png) no-repeat;
}


.slogan{ 
	width: 286px;
	height: 213px;
	padding: 123px 25px 0;
	background: url(http://cdn.myld.com.au/2/357/marty-cameron-homes_a6a4683f8d.png) no-repeat;
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 9999;
	text-align: center;
	font-size: 22px;
	line-height: 33.4px;
	font-weight: normal;
	text-transform: uppercase;
}

.welcome{ 
	background: url(http://cdn.myld.com.au/2/358/marty-cameron-homes_81572533a4.png) repeat;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: .40px;
	text-align: center;
	font-family: 'oswald';
	padding: 25px 58px;
	position: absolute;
	bottom: 80px;
	z-index: 9999;
}
.welcome h3{ 
	font-size: 32px;
	line-height: 27px;
	margin: 0 0 20px;
	font-weight: 200;
}
.welcome p{ 
	font-weight: 200;
}

.bottom-content,
#footer-branding{ 
	border-top: #5cc4cd 1px solid;
	border-bottom: #5cc4cd 1px solid;
	padding: 20px 0;
	text-align: center;
}
.bottom-content p{ 
	margin: 0 0 15px;
}
.bottom-content p:last-child{ 
	margin: 0;
}
.bottom-content h3{ 
	font-weight: normal;
	font-size: 17px;
	line-height: 20px;
	margin: 0 0 15px;
	text-transform: uppercase;
	font-family: 'oswald';
}

.services { 
	margin: 0 0 30px;
}
.services aside{ 
	max-width: 340px;
}
.services .mid aside{ 
	margin: 0 auto;
}
.services .third aside{ 
	float: right;
}



#main.inner{ 
	padding-left: 55px;
	padding-right: 55px;
	padding-top: 35px;
}
.intro{ text-align: center; margin-bottom: 45px; font-weight: 200; }

.intro h3{ 
	font-weight: normal;
	font-size: 17px;
	line-height: 20px;
	margin: 0 0 5px;
	text-transform: uppercase;
}
.intro p{ 
	font-size: 18px;
	line-height: 25px;
	letter-spacing: .40px;
}
.intro p:last-child{ margin: 0; }

#main article{ 
	margin-bottom: 20px;
}
#main article h3{ 
	font-weight: 200;
	font-size: 18px;
	margin: 0 auto 25px;
	text-transform: lowercase;
}
.bordered{ 
	padding: 25px 20px;
	border: #4dbec9 5px solid;
	text-align: center;
	font-weight: 200;
}

.bordered p:last-child{ margin-bottom: 0; }


.shadow{ 
	
	height: auto;
	width: 100%;
	vertical-align: top;
	display: block;

}

#main figure{ 
	margin: 0 auto 20px; 
	max-width: 600px;
}
#main figure img{ 
	width: 100%; 
	
}

#footer-branding{ 
	background: #00a2b1;
}

#footer-branding .socialmedia{ 
	float: none;
	display: block;
	text-align: center;
}


#footer{ 
	background: none;
	padding: 60px 0 60px;
	text-shadow: none;
	font-family: 'oswald';
	color: #fff;
	font-weight: 200;
	font-size: 16px;
}
#footer [class*="span"]{ min-height: inherit; }
#footer a{ 
	color: #fff;
}

.ld{ 
	text-align: right;
}


.socialmedia{ 
	display: inline-block;
	line-height: normal;
	float: left;
	margin-right: 10px;
	margin-top:0px;
}
.socialmedia a{ margin-right: 5px; }






[class*="h-animate"] {
		position: relative;
		overflow: hidden;
}
[class*="h-animate"] img {
		position: relative;
}
.h-animate2 .overlayer {
		position: absolute;    
		filter: alpha(opacity=1);
		opacity: 1;
		background: url(http://cdn.myld.com.au/2/358/marty-cameron-homes_197d402aec.png) repeat;
		-webkit-transition: opacity 0.3s ease-in;
		-moz-transition: opacity 0.3s ease-in;
		-o-transition: opacity 0.3s ease-in;
		-ms-transition: opacity 0.3s ease-in;
		transition: opacity 0.3s ease-in;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		color: #fff;
		text-align: center;
		
		-webkit-box-shadow: inset 0px 0px 0px 3px rgba(255, 255, 255, .05);
		-webkit-box-shadow: inset 0px 0px 0px 3px rgba(255, 255, 255, .05);
    box-shadow: inset 0px 0px 0px 3px rgba(255, 255, 255, .05);
}
[class*="h-animate"]:hover .overlayer {
		filter: alpha(opacity=100);
		opacity: 1;
		}
.h-animate2 .overlayer span {
   display: block;
    height: 100%;
    max-height: 195px;
    padding: 30px 20px;
    position: relative;
}
.h-animate2 .overlayer span div{ 
	-webkit-box-shadow: inset 0px 0px 0px 5px rgba(255, 255, 255, .5);
	-webkit-box-shadow: inset 0px 0px 0px 5px rgba(255, 255, 255, .5);
  box-shadow: inset 0px 0px 0px 5px rgba(255, 255, 255, .5);
  padding: 40px 15px 0 15px;
  vertical-align: middle;
  display: block;
  min-height: 155px;
  position: absolute;
  margin-right: 20px;
  height: auto !important;
}

.h-animate2 .overlayer h4,
.h-animate2 .overlayer p {
	margin: 0;
	font-size: 15px;
	color: #fff;
	line-height: 20px;
	letter-spacing: .40px;
	font-family: 'oswald';
	font-weight: 200;
}
		
.h-animate2.bottom .overlayer {
		bottom: -100%;
		top: auto;
}

.thumbnail{ 
	height: 150px;
	border: #282425 1px solid;
	vertical-align: middle;
	text-align: center;
	margin-left: 0;
}
.thumbnail:hover{ border: #fff 1px solid!important; }
.thumbnail img{ max-height: 100%; }

.testi{ margin-bottom: 20px; }

#map{ height: 500px; margin-bottom: 35px; background: #E5E3DF; margin-top: 0; }
#main .contact-content h3{ 
	font-weight: normal;
	text-transform: uppercase;
}

#main.inner a,
#main.inner a:hover{ 
	color: #241F20;
}

#message{ height: 120px; }


@media only screen and (max-device-width:1200px) {
		[class*="h-animate"] {
				text-align: center
				}
		.h-animate2 .overlayer {
				filter: alpha(opacity=100);
				opacity: 1;
				background: #000;
				position: relative;
				top: 0 !important;
				left: 0 !important;
				text-align: center;
		}
		.h-animate2 .overlayer span div{ 
			padding: 10px 15px;
		}
}


/* Large desktop */
@media (min-width: 1200px) { 
	.service-item .span7 figure{ 
		padding-right: 21px;
	}
	
	.service-item .span5 .bordered{ 
		margin-left: -23px;
	}
}

@media (max-width: 1024px) { 
	body{ 
		padding: 0 40px;
	}
	
	#content,
	#footer-branding{ 
		padding-left: 40px;
		padding-right: 40px;
		margin-left: -40px;
		margin-right: -40px;
	}
	#slider-wrap{ 
		background: none;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}
.services aside{ 
	margin: 0 auto;
}
.services .third aside{ 
	float: right;
	float: none;
}

.h-animate2 .overlayer h4,
.h-animate2 .overlayer p {
	font-size: 13px;
	line-height: 16px;
	letter-spacing: .40px;
}

.welcome{ 
	font-size: 13px;
	line-height: 18px;
	font-family: 'oswald';
	padding: 10px 20px 10px;
}
.welcome h3{ 
	font-size: 24px;
	margin: 0 0 10px;
}

.slogan{ 
	top: 10px;
	right: 10px;
}

.thumbnail{ height: 120px; }

}

 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  
.main-nav.navbar li > a{ 
  padding: 5px 0 5px 0;
}

#content{ padding-top: 15px; }
.main-nav.navbar .nav{ padding: 10px 0; }
.navbar .nav > li{ 
	width: auto;
	margin-bottom: 3px;
}
.navbar .nav > li:first-child,
.navbar .nav > li:last-child{ width: auto; text-align: center; }
#slider-wrap{ display: none; }

#header .contact{ 
	display: none;
}

.service-item [class*="span"]{ 
	width: 100%;
	margin: 0 auto 20px;
}

#main.inner{ 
	padding: 25px 20px 0;
}
.thumbnails{ margin-left: 0; margin-bottom: 0; }
.gallery .span3{ 
	width: 48%;
	margin: 0 1% 20px;
	float: left;
}

.gallery .span3:nth-child(2n+1){ 
	margin-left: 0;
	clear: left;
}
.thumbnail{ 
	height: auto;
}

#map{ height: 350px; }
#main figure { margin-bottom:-30px; }

}

/* Portrait iPad */
@media (max-width: 800px) {	
  
#ld_branding_link_mobile{
 display:none; 
}

#header{ min-height: inherit; }
#logo{ margin: 0 auto 20px;  }
#content{ padding-top: 15px; padding-bottom: 30px; }
.navbar .nav > li{ 
	width: auto;
	margin-bottom: 3px;
}
.navbar .nav > li:first-child,
.navbar .nav > li:last-child{ width: auto; text-align: center; }
	
	.ld{ text-align: center; }
#slider-wrap{ display: none; }

#header .contact{ 
	display: block;
}

#main.inner{ 
	padding: 25px 20px 0;
}
.thumbnails{ margin-left: 0; margin-bottom: 0; }
.gallery .span3{ 
	width: 48%;
	margin: 0 1% 20px;
	float: left;
}

.gallery .span3:nth-child(2n+1){ 
	margin-left: 0;
	clear: left;
}
.thumbnail{ 
	height: auto;
}

#main figure { margin-bottom:-30px; }

}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

#header .contact{ 
	font-size: 20px;
	line-height: normal;
	text-align: center;
}
#header .contact span.ttl{ 
	line-height: 36px;
}
#header .contact span.phone{ 
	color: #00a2b1;
	font-size: 32px;
	line-height: 36px;
}

.thumbnail{ 
	height: auto;
}

#map{ height: 300px; }

#main figure { margin-bottom:-10px; }
}
 	
/* Landscape phones and down */
@media (max-width: 480px) {
body{ 
	padding: 0 20px;
}
#logo{ max-width: 60%; }
#header .contact{ 
	display: none;
}
#header .span6{ min-height: inherit; }
#content,
#footer-branding{ 
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
}
#content,
.intro p{ 
	font-size: 16px;
	line-height: 22px;
}
#main.inner{ 
	padding: 15px 0px 0;
}
.gallery .span3{ 
	width: 100%;
	margin: 0 auto 20px;
	float: none;
}

#map{ height: 250px; }
#main figure { margin-bottom:0px; }
}

.sticky {
	padding-left: 2.5%;
	padding-right: 2.5%;
	padding-top: 15px !important;
	width: 95%;
	background: #00a2b1;
  
  -webkit-box-shadow: 0px 7px 30px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 7px 30px rgba(50, 50, 50, 0.75);
box-shadow:         0px 7px 30px rgba(50, 50, 50, 0.75);
}

.sticky h1 {
	width: 100% !important;
	color: #fff !important;
	font-size: 13px !important;
}

/*-- SPEEDLOADER "CSS" --*/


/* GOOGLE MAP FIX */
#map img{
  max-width:none !important;
}
      
/* 404 PAGE */
#page-not-found div#error{
  margin: 0 auto;
  padding: 30px;
}
  
#page-not-found div#error h1, #page-not-found div#error p  {
  text-align: center;
  color: red;
}

/* FORM INPUT SIZE FIX */
input[type="text"], textarea, input, textarea, select, .uneditable-input {
width: 95% !important;
}
input[type="submit"].btn {
width: 100% !important;
}

/* FANCYBOX */
.fgallery{
  margin-top:20px;
  margin-bottom:20px;
  }

.fgallery .span3{
  margin-bottom:20px;
  -webkit-box-shadow: 0px 10px 20px -3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:    0px 10px 20px -3px rgba(0, 0, 0, 0.3);
  box-shadow:         0px 10px 20px -3px rgba(0, 0, 0, 0.3);
  }
  
.fdw-background{ background: url(http://cdn.myld.com.au/1/images/opacity/b70.png); opacity:0; margin-top:0px; width: 100%; height: 100%;}
.fdw-port{padding:0px !important; text-align:center !important; margin:0px !important;}
.fdw-port a{ padding: 27px 10px 8px 9px !important; border-radius: 26px; background:#fff; color:#000;}
.fdw-port a:hover{text-decoration:none !important;}
.f-height{background-size: 100%;}
  
/* ANIMATED LOGO */
#logo img {
  -webkit-animation: fadein 3s 1 ease;
  -moz-animation: fadein 3s 1 ease;
  -o-animation: fadein 3s 1 ease;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}?

/* RESPONSIVE FIXES */

@media (min-width: 1200px){
  .f-height{
  height:260px !important;
  }
  .fdw-port {
  padding-top: 120px !important;
  }
}
@media (max-width: 1199px) and (min-width: 980px){
  .f-height{
  height:210px !important;
  }
  .fdw-port {
  padding-top: 90px !important;
  }
}
@media (max-width: 979px) and (min-width: 768px){
  .f-height{
  height:160px !important;
  }
  .fdw-port {
  padding-top: 65px !important;
  }

}
@media (max-width: 767px){
  .overlayer{
    height:240px !important;   
  }
  .f-height{
  height:260px !important;
  }
  .fdw-port {
  padding-top: 120px !important;
  }
  #home #content {
    padding-top: 15px;
  }
}

/*-- /SPEEDLOADER "CSS" --*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .overlayer{
    height:240px !important;   
  }
  #home #content {
    padding-top: 15px;
  }
  #main.inner {
  padding: 0px 20px 0;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
  .overlayer{
    height:240px !important;   
  }
}