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

/*-------- Custom CSS Document -------*/ 

@import url("http://cdn.myld.com.au/1/js/cform_validation/validation-2.0.css");
@import url("http://cdn.myld.com.au/1/css/socialmedia.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/js/plugins/HoverAnimations/jquery.hover-animations-1.0.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');

/*.tab-area #services-box h2, .tab-area #services-box li {
color: #fff!important;
}*/
#home .grid-4.service-areas {
 /* padding-left:5px;*/
  float:left;
}

#home .grid-8.map {
float: right;
padding: 0px 2px 0px 0px;
margin: -16px -20px;
}
/*no gutters*/
[class*="grid-"] {
   xxborder: 1px solid #ddd;	 
	float: left;
  	position: relative;
  	min-height: 1px; 
}

[class*="grid-"]:after,
[class*="grid-"]:before,
[class*="grid-"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}

  .grid-1 {
    width: 8.333333333333332%;
  }
  .grid-2 {
    width: 16.666666666666664%;
  }
  .grid-3 {
    width: 25%;
  }
  .grid-4 {
    width: 33.33333333333333%;
  }
  .grid-5 {
    width: 41.66666666666667%;
  }
  .grid-6 {
    width: 50%;
  }
  .grid-7 {
    width: 58.333333333333336%;
  }
  .grid-8 {
    width: 66.66666666666666%;
  }
  .grid-9 {
    width: 75%;
  }
  .grid-10 {
    width: 83.33333333333334%;
  }
  .grid-11 {
    width: 91.66666666666666%;
  }
  .grid-12 {
    width: 100%;
  }
  
  .grid-col-5 {
	  width: 20%
   }
  
  .grid-col-7 {
	  width: 14.28685808181762784%
   }
 

/*odd column set*/
[class*="odd-col-"] {
	xxborder: 1px solid #ddd;
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
}

[class*="odd-col-"]:after,
[class*="odd-col-"]:before,
[class*="odd-col-"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}

[class*="odd-col-"]:first-child {
	margin-left: 0;
}

.odd-col-5 {
	width: 18.72%;
}

.odd-col-7 {
	width: 12.91%;
}

 @media (max-width: 767px) {
  
	[class*="grid-"] {
		width: 100%;
		margin: 0
	}
  
}

[class*="grid-"] {
padding:2px;
}


@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-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: '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-medium-webfont.eot');
    src: url('http://cdn.myld.com.au/1/fonts/Roboto/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://cdn.myld.com.au/1/fonts/Roboto/roboto-medium-webfont.woff') format('woff'),
         url('http://cdn.myld.com.au/1/fonts/Roboto/roboto-medium-webfont.ttf') format('truetype'),
         url('http://cdn.myld.com.au/1/fonts/Roboto/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'Roboto';
    src: url('http://cdn.myld.com.au/1/fonts/Roboto/roboto-bold-webfont.eot');
    src: url('http://cdn.myld.com.au/1/fonts/Roboto/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://cdn.myld.com.au/1/fonts/Roboto/roboto-bold-webfont.woff') format('woff'),
         url('http://cdn.myld.com.au/1/fonts/Roboto/roboto-bold-webfont.ttf') format('truetype'),
         url('http://cdn.myld.com.au/1/fonts/Roboto/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: 700;
    font-style: normal;
}
#about-us .grid-8 {
  padding-right:0px;
}

#testimonials .row-fluid .grid-3:last-child {
padding-right: 0px;
}
#testimonials .grid-6 {
padding-left: 0px;
}
#testimonials .grid-8, #products .content-inner .row-fluid:first-child .grid-8 {
padding-right: 0px;
}
#products .content-inner .row-fluid:first-child .grid-8 .content-box {
min-height: 116px;
}
#products .content-area .grid-4:first-child {
max-height: 126px;
overflow: hidden;
}
#testimonials .content-inner .row-fluid, #products .content-inner .row-fluid {
overflow: hidden;
margin-bottom: 0px;
}
#gallery .grid-3{
  margin-bottom:0px;
  }
.navbar .nav {
float: right;
}
.navbar .nav>li>a {
  text-shadow:none;
  color:#fff;
  }
body {
padding-top: 0;
background: url(http://cdn.myld.com.au/2/482/bonny-blinds_3750ede73c.jpg) transparent;
}

/****mobile responsive nav icon override****/
.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: #005b7f;
    border: solid 1px #005b7f;
    color: #fff;
}

/***************                            main                            **************************/
body, p, a, b, li, span, label, input, h1, h2, h3, h4, h5 {
    font-family: 'Raleway';
}

body {
	padding-top: 0;
}

p {
	font-size: 14px;
}

b {
	font-weight: normal;
	color: #000;
}

.wrapper {
	/*background: url(http://cdn.myld.com.au/2/482/bonny-blinds_3750ede73c.jpg) transparent left top repeat scroll;*/
	padding-top: 22px;
}

.row-fluid [class*="span"] {
	min-height: 0;
}

::selection {
  background: rgba(200, 200, 200, .6);
}

::-moz-selection {
  background: rgba(200, 200, 200, .6);
}

::-webkit-selection {
  background: rgba(200, 200, 200, .6);
}

/***************                            header                          **************************/
.header {
	background: none transparent;
	padding-top: 0;
	padding-bottom: 43px;
	position: relative;
	z-index: 1000;
}

#logo {
	position: absolute;
	z-index: 10;
}

.nav-area {
	background: none rgba(0, 0, 0, 0.32);
	min-height: 73px;
}

.navbar-inner {
	min-height: 0;
	padding-right: 0;
	padding-left: 0;
	background-color: transparent;
	background-image: none;
	background-repeat: repeat-x;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	filter: progid:DXImageTransform.Microsoft.gradient(none);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.navbar .nav > li > a {
	font-family: 'Roboto';
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	-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;
}

.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus,
.navbar .nav > li > a:hover, .navbar .nav > li.active > a {
	color: #fff;
	background-color: #005b7f;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.navbar .nav > li.active > a {
	font-weight: 700;
}
.navbar {
  margin-bottom:0px;
}

.nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a, .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 {
  border-radius:0px!important;
  -webkit-border-radius:0px!important;
  -mox-border-radius:0px!important;
  box-shadow:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
}
/***************                            slider                          **************************/
#slider {
	margin-bottom: 19px;
}

.camera_wrap {
	max-height: 383px;
	margin-bottom: 0 !important;
	float: none;
}

.camera_pag {
	position: absolute;
	width: 100%;
	bottom: -2px;
}

.camera_wrap .camera_pag .camera_pag_ul {
	text-align: center;
}

.camera_wrap .camera_pag .camera_pag_ul li {
	width: 6px;
	height: 6px;
	line-height: 6px;
	background: none #fff;
	margin-bottom: 1px;
	margin-left: 0;
	margin-right: 3px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent,
.camera_wrap .camera_pag .camera_pag_ul li:hover {
	background-color: #005b7f;
}

.camera_wrap .camera_pag .camera_pag_ul li:last-child {
	margin-right: 0;
}

.camera_wrap .camera_pag .camera_pag_ul li span {
	display: none;
}

.camera_prev, .camera_next {
	background: none;
	width: 14px;
	height: 35px;
	margin-top: 0;
	left: 10px;
	top: 11px;
}

.camera_next {
	left: auto;
	right: 10px;
}

.camera_prev > span,
.camera_next > span {
	background: url(http://cdn.myld.com.au/2/482/bonny-blinds_d6a5ebcd82.png) no-repeat left top;
	height: 35px;
	width: 14px;
}

.camera_next > span {
	background-position: -16px 0;
}

.camera_prev > span:hover,
.camera_next > span:hover {
	opacity: 0.6;
	zoom: 1;
	filter: alpha(opacity=60);
}

/***************                            google map                      **************************/
#map-canvas {
    width: 100%;
    height: 350px;
}
#map-canvas2 {
    width: 100%;
    height: 108px;
}
#map-canvas3 {
    width: 100%;
    height: 355px;
}
#map-area {
    padding-bottom: 20px;
}

.btn-custom {
    background: #005b7f;
    color: #fff !important;
    text-shadow: none;
    border-radius: 0;
    border: 1px solid #005b7f;
    box-shadow: none;
}

.btn-custom:hover,
.btn-custom:active,
.btn-custom:focus {
    background-color: #003663 !important;
    border-color: #003663;
    background-image: none;
    outline: none;
}

#contact-info p {
	color: #2f2f2f;
}

#contact-info a {
	font-style: normal;
	color: #005b7f;
}

#contact-area a {
    color: rgb(131, 131, 131);
}

#contact-area a:hover {
    text-decoration: underline;
}

.form-input {
    width: 60%;
    height: 40px !important;
    border-radius: 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #2f2f2f;
}

textarea.form-input {
    height: 100px !important;
}

#spambox {
    float: left;
}

#spambox input {
    border-radius: 0 !important;
}

#custom_form label {
    float: left;
    width: 40%;
    margin-bottom: 20px;
    color: #000;
}

textarea:focus, input[type="text"]:focus {
    border-color: rgba(0, 91, 127, 0.8);
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 91, 127, 0.075) inset, 0px 0px 8px rgba(0, 91, 127, 0.6);
}

/***************                            content                         **************************/
.feature-area {
	padding-bottom: 18px;
}

.welcome-area p {
	padding-top: 9px;
}

.box-area {
	background: #fff;
	padding-left: 31px;
	padding-right: 31px;
	padding-top: 15px;
	padding-bottom: 34px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
}

.box-area h3,
.tab-area #services-box h2 {
	font-size: 18px;
	font-weight: 500;
	margin-top: 0;
	margin-bottom: 13px;
	color: #003663;
}

.box-area p,
.box-area li,
.tab-area #services-box li {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
	color: #2f2f2f;
}

.tab-area {
	height: 355px;
	overflow: hidden;
	position: relative;
	z-index: 0;
	display: none;
	margin-bottom: 3px;
}

.tab-area .tab-items {
	background: #fff;
	/*width: 755px;*/
	height: 355px;
	position: absolute;
	top: -360px;
	z-index: 0;
	opacity: 0;
	zoom: 1;
	filter: alpha(opacity=0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
	-webkit-transition: all 0.5s ease 0.1s;
	-moz-transition: all 0.5s ease 0.1s;
	-ms-transition: all 0.5s ease 0.1s;
	-o-transition: all 0.5s ease 0.1s;
	transition: all 0.5s ease 0.1s;
}

.tab-area .tab-items img {
	height: 355px;
}

.tab-area .active {
	opacity: 10;
	filter: alpha(opacity=100);
	top: 0;
	z-index: 10;
}

.tab-area #services-box {
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 16px;
 /* background: url(http://cdn.myld.com.au/2/482/bonny-blinds_b1a7783aac.jpg) no-repeat;*/
}

.tab-area .tab-items .title-box {
	position: absolute;
	bottom: 0;
	background: rgba(0,0,0,0.70);
	width: 100%;
	padding-left: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}

.tab-area .tab-items .title-box h2 {
	font-size: 15.68px;
	font-weight: 700;
	line-height: 39px;
	margin: 0;
	text-transform: uppercase;
	color: #e8e8e8;
}

.link-area {
	background: #005b7f; 
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

.link-area a {
	display: block;
}

.link-area a:hover {
	text-decoration: none;
}

.link-area:hover img {
	opacity: 0.7;
	zoom: 1;
	filter: alpha(opacity=70);
}

.link-area h2,
.link-area p,
.link-area li {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2em;
	color: #fff;
	margin-top: 0;
	padding-left: 14px;
	padding-right: 14px;
}

.link-area p,
.link-area li {
	font-size: 14px;
	font-weight: 300;
	line-height: normal;
	margin-bottom: 0;
}

.link-area ul {
	padding-left: 14px;
	padding-right: 14px;
}

.link-area li {
	padding-left: 0;
	padding-right: 0;
}

.intro-area {
	margin-bottom: 3px;
}

.intro-area p {
	line-height: 22px;
	font-weight: normal;
	text-align: left !important;
}

.intro-area .box-area {
	padding-top: 12px;
	padding-bottom: 28px;
}

.content-area {
	margin-bottom: 31px;
	overflow: hidden;
}

#services-content {
	margin-bottom: 14px !important;
}

.content-area img {
	width: 100%;
}

.content-area [class*="animate-"] .overlay {
	background: #005b7f;
}

.content-inner .row-fluid {
	overflow: hidden;
	margin-bottom: 20px;
}

#services .content-inner .row-fluid {
	margin-bottom: 4px !important;
}

.content-inner h2 {
	font-size: 18px;
	font-weight: 500;
	margin-top: 22px;
	margin-bottom: 19px;
	color: #fff;
}

.content-inner p,
.content-inner li {
	font-weight: 300;
	color: #fff;
}

.content-inner a {
	color: #fff;
	font-style: italic;
}

.content-inner a:hover {
	text-decoration: underline !important;
}

#services .content-area a {
	font-style: normal;
}

#services .content-area a:hover {
	text-decoration: none !important;
}

#services .animate-boxin {
	position: relative;
	z-index: 0;
}

#services .animate-boxin:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 21px;
	height: 21px;
	background: url(http://cdn.myld.com.au/2/482/bonny-blinds_5814e4da83.png) transparent left top no-repeat scroll;
}

#services .animate-boxin:hover:after {
	display: none;
}

#single .box-area {
	padding-bottom: 10px;
}

#single h3 {
	margin-bottom: 0;
}

.content-box {
	background: #005b7f;
	padding-left: 20px;
	padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}

.content-box p:first-child {
	padding-top: 27px;
}

.img-box {
	position: relative;
	z-index: 0;
}

.img-box:after {
	/*content: '';
	position: absolute;
	z-index: -2;
	display: block;
	width: 100%;
	height: 300px;
	margin-top: 20px;
	top: 100%;
	left: 0;
	background: #fff;*/
}

.content-box p:last-child {
	margin-bottom: 0;
	padding-bottom: 13px;
}

.content-box p.text-right {
	padding-top: 16px;
}

.content-box ul {
	margin-bottom: 0;
	padding-bottom: 10px;
}

.box-img a {
	display: block;
	position: relative;
	z-index: 0;
}

.box-img a:after {
content: '';
	display: block;
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
	background: url(http://cdn.myld.com.au/2/482/bonny-blinds_b1278febf7.png) rgba(0, 91, 127, 0.85) center center no-repeat scroll;
	top: 0;
	left: 0;
	opacity: 0;
	zoom: 1;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.box-img a:hover:after {
	opacity: 10;
	filter: alpha(opacity=100);
}

/***************                            footer                          **************************/
#footer {
	background: none transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(none);
	border-color: none;	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	color: #FFFFFF;
	min-height: 0;
	margin-top: 0;
	padding: 10px 0 21px;
}

#footer ul {
	font-size: 0;
	margin-bottom: 17px;
}

#footer ul li {
	font-size: 14px;
	font-weight: normal;
	line-height: 1em;
	display: inline-block;
	vertical-align: middle;
	padding-right: 13px;
	color: #fff;
}

#footer ul li:first-child {
	padding-right: 28px;
}

#footer ul li:last-child {
	padding-right: 0;
}

#footer ul li a {
	color: #fff !important;
}

#footer li [class^="icon-"], #footer li [class*=" icon-"] {
	height: 16px;
	padding-right: 10px;
	vertical-align: middle;
}

#footer .icon-custom-phone {
	width: 18px;
	background: url(http://cdn.myld.com.au/2/482/bonny-blinds_937cdeb2fc.png) transparent left top no-repeat scroll !important;
}

#footer .icon-custom-mail {
	width: 17px;
	background: url(http://cdn.myld.com.au/2/482/bonny-blinds_b985c16f5d.png) transparent left top no-repeat scroll !important;
}

#footer .icon-custom-marker {
	width: 12px;
	background: url(http://cdn.myld.com.au/2/482/bonny-blinds_01ab465275.png) transparent left top no-repeat scroll !important;
}

.main-footer .socialmedia {
	padding-top: 2px;
}

#footer-alt {
	padding-top: 10px;
    display: none;
}

/***************                            sticky                          **************************/
.navbar .navbar-inner.sticky {
    width: 100%;
    padding: 10px 10px 5px;
    background: rgba(0, 0, 0, 0.85);
    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;
}

.sticky h1.title, .sticky h1.title span {
    font-family:;
    color:;
}
.content-area .grid-4:first-child {
  	padding-left: 0;
	}
  .content-area .grid-4:last-child {
  	padding-right: 0;
	}


/***************                            responsive override             **************************/

/* Large desktop */
@media (min-width: 1200px) {
	.container {
		width: 1169px;
	}
	.navbar .container {
		width: auto;
	}
	.right {
		float: right;
		width: 410px;
	}
.welcome-area {
  margin-bottom:4px;
}
	.welcome-area .box-area {
		height: 258px;
	}
	.services-area {
		float: left;
		width: 756px;
	}
	.about-area {
		clear: right;
	}
	.about-area .box-area {
		height: 221px;
	}
	#serv-area {
		display: none;
	}
	.tab-area {
		display: block;
	}
	.about-area .box-area {
		padding-top: 7px;
		padding-bottom: 21px;
	}
	.link-area {
		max-height: 123px;
		padding-top: 48px;
		background: url(http://cdn.myld.com.au/2/482/bonny-blinds_89fe80b0f5.png) #757575 center 90px no-repeat scroll;
		overflow: hidden;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box; 
	    box-sizing: border-box; 
	}
	.link-area h2 {
		font-family: 'Roboto';
		font-size: 20px;
		font-weight: 500;
		text-align: center;
	}
	.link-area p {
		font-size: 13px;
		display: none;
	}
	.link-inner {
		height: 123px;
	}
	.link-area:hover {
		background: none #005b7f center bottom;
		padding-top: 8px;
	}
	.link-area:hover h2 {
		font-family: 'Raleway';
		font-size: 15px;
		text-align: left;
	}
	.link-area:hover p {
		display: block;
	}
	.link-area .img-area {
		display: none;
	}
	.services-area .grid-3 {
		width: 250px;
		margin-left: 2px;
	}
	.services-area .span3:first-child {
		margin-left: 0;
	}
	#services .content-area .grid-4 {
		width: 469px;
		margin-left: 0px;
	}
	.content-area .grid-4:first-child {
		padding-left: 0;
	}
  .content-area .grid-4:last-child {
  	padding-right: 0;
	}
#services  .content-area .grid-4:first-child, #services .content-area .grid-4:last-child {
width: 350px;
}
	#services .content-area .span4 .row-fluid .animate-boxin:first-child {
		margin-bottom: 3px;
	}
	.content-area .span12 .overlay h2 {
		line-height: 1em;
		margin-top: 0;
		margin-bottom: 5px;
	}
	.overlay p {
		font-size: 13px;
	}
	.content-area .span8 {
		width: 818px;
		margin-left: 3px;
	}
/*	.content-box {
		min-height: 415px;
	}*/
  #testimonials .content-box {
    min-height: 287px;
  }
	#services .content-inner h2,
	#services .content-inner p {
		text-align: center;
	}
	.content-inner .row-fluid {
		margin-bottom: 0px;
	}

	.content-area [class*="animate-"] .overlay {
		background: rgba(0, 91, 127, 0.85);
	}
	
	#gallery .content-inner .row-fluid {
		margin-bottom: 30px;
	}
	#gallery .content-area {
		margin-bottom: 24px;
	}
  #about-us .content-box {
min-height: 459px;
}
#products .content-area .grid-4:first-child {
max-height: 118px;
overflow: hidden;
}
}

/* Small desktop */
@media (min-width: 980px) {
	.navbar .nav {
		margin-right: 0;
	}
	.navbar .nav > li > a {
		padding: 0;
		padding-bottom: 7px;
		position: relative;
		background-position: center bottom;
	}
	.navbar .nav > li {
		padding-left: 22px;
		padding-right: 22px;
		padding-top: 26px;
	}
	.navbar .nav > li:last-child {
		padding-right: 0;
	}
	.navbar .nav > li > a:after {
		content: '|';
		display: block;
		position: absolute;
		top: 0;
		right: -23px;
	}
	.navbar .nav > li:last-child > a:after {
		display: none;
	}
	.navbar .nav>.active>a,
	.navbar .nav>.active>a:hover,
	.navbar .nav>.active>a:focus,
	.navbar .nav > li > a:hover,
	.navbar .nav > li.active > a {
		background: url(http://cdn.myld.com.au/2/482/bonny-blinds_d4daa2b89c.png) transparent center bottom no-repeat scroll;
	}
}

@media (max-width: 1199px) {
    .navbar .nav > li > a {
    	font-size: 14px;
    }
  
  
    .link-inner {
    	padding-bottom: 14px;
    	height: 283px;
    }
    .link-area h2 {
    	margin-top: 14px;
    }
   
	[class*="animate-"] {
		margin-bottom: 0;
	}	
    #services .content-area {
    	padding-bottom: 20px;
    }
	#services .content-inner .span4 .row-fluid:first-child {
		margin-bottom: 20px !important;
	}
	[class*="animate-"] .overlay {
		position: relative;
		opacity: 1.0 !important;
		overflow: visible !important;
		filter: alpha(opacity=100);
		background: #000;
		height: auto !important;
		-moz-transform: scale(1.0) !important;
		-webkit-transform: scale(1.0) !important;
		-o-transform: scale(1.0) !important;
		transform: scale(1.0) !important;
		top: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
	}
	[class*="animate-"] .overlay * {
		top: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;	
		-moz-transform: scale(1.0) !important;
	   -webkit-transform: scale(1.0) !important;
	   -o-transform: scale(1.0) !important;
	   transform: scale(1.0) !important;
		filter: alpha(opacity=100) !important;
		opacity: 1.00 !important;
	}	
	.content-area [class*="animate-boxin"] .mask {
		border-color: transparent !important;
	}
	.content-area .span4:first-child, 
	.content-area .span4:last-child {
		position: relative;
		z-index: 0;
	}
	.content-area .span4:first-child:after, 
	.content-area .span4:last-child:after {
	/*	content: '';
		position: absolute;
		z-index: -2;
		display: block;
		width: 100%;
		height: 600px;
		margin-top: 20px;
		top: 100%;
		left: 0;
		background: #005b7f;*/
	}
.content-box {
height: auto;
padding-bottom: 16px;
min-height:200px;
}
    .content-box p:first-child {
    	padding-top: 15px;
    }
    .content-area {
    	margin-bottom: 14px;
    }
    
    #about-us .content-box {
min-height: 369px;
}
#testimonials .content-box {
min-height: 289px;
}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  #products .content-area .grid-4:first-child {
max-height: 146px;
overflow: hidden;
}
    #map-canvas {
        height: 300px;
    }
    .navbar .navbar-inner .nav {
    	margin-top: 50px;
    }
    .navbar .navbar-inner.sticky .nav {
    	margin-top: 0;
    }
    .content-inner > .row-fluid:nth-child(4) p.text-right {
    	padding-top: 10px;
    }
}

/* iPhone 5 landscape */
@media (max-width: 979px)  {
  #map-canvas2 {
    height:83px;    
}

  .navbar .nav {
float: right;
width: 100%;
}
	.navbar-inner {
		padding-top: 16px;
	}
    .link-inner {
    	height: 275px;
    }
	.content-area .overlay h2 {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.content-box {
		height: auto;
		min-height: 272px;
	}
  #testimonials .grid-3 .content-box {
height: auto;
min-height: 351px;
}
}

/* iPhone 5 landscape */
@media (max-width: 800px)  {
    .navbar-inner .container {
        border-top: 1px solid #ffffff;
    }
    #footer-alt {
        display: block;
    }
    #logo {
    	margin-top: 0;
    }
    .navbar-inner .container {
border: none !important;
padding-bottom: 0px;
}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
#services .grid-4, #testimonials .row-fluid, #products .row-fluid  {
  margin-bottom: 20px!important;
}
#services .nav-area .row-fluid, #testimonials .nav-area .row-fluid, #products .nav-area .row-fluid {
  margin-bottom:0px!important;
}

#products .content-area .grid-4:first-child {
    max-height: inherit;
    overflow: hidden;
}
 #map-canvas2 {
    height:200px;    
}

[class*="grid-"] {
  padding:2px 0px;
}
  .welcome-area {
    margin-bottom:20px;
  }
    #map-canvas {
        height: 200px;
    }
    #custom_form label {
        width: 100%;
    }
    .form-input {
        width: 100%;
    }
    .btn-custom {
    	margin-bottom: 30px;
    }
    #spambox {
        float: none;
    }
    .nav-area .container {
    	padding-left: 20px;
    	padding-right: 20px;
    	-webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box; 
	    box-sizing: border-box; 
    }
	.navbar .container {
    	padding-left: 0;
    	padding-right: 0;
	}
    .header {
    	padding-bottom: 7px;
    }	
    #logo {
    	position: static;
    	margin-bottom: 7px;
    }
    .box-area {
    	padding: 10px 20px 20px !important;
    }
    .link-inner {
    	margin-bottom: 20px;
    	height: auto;
    }
    .services-area {
    	margin-bottom: 0;
    }
    .link-area h2 {
    	margin-top: 15px;
    }
    .link-area h2,
	.link-area p,
	.link-area ul {
		padding-left: 20px;
		padding-right: 20px;
	}	
	.content-area .span4:first-child .overlay, 
	.content-area .span4:last-child .overlay {
		min-height: 0;
	}	
	.content-area .span4:first-child:after, 
	.content-area .span4:last-child:after {
		display: none;
	}
	.content-box {
		min-height: 0;
	}
	.img-box:after {
		display: none;
	}
	#services .content-area {
		padding-bottom: 0;
	}
	#services .content-area .span4 {
		padding-bottom: 20px;
	}
	#footer {
    	padding-top: 0;
    }

	.box-layout .box-img {
		padding-bottom: 20px;
	}
	.box-layout:last-child .box-img {
		padding-bottom: 0;
	}
  #testimonials .content-box {
min-height: 0px;
}
.intro-area {
margin-bottom: 20px;
}
}

/* Landscape phones and down */
@media (max-width: 480px) {

}  

