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

/* @imports
--------------*/

@import url('http://cdn.myld.com.au/1/js/fancybox2/jquery.fancybox.css');
/* Uncomment next line if thumbnails are required in the modal view */
/*@import url('http://cdn.myld.com.au/1/js/fancybox2/helpers/jquery.fancybox-thumbs.css');*/
@import url('http://cdn.myld.com.au/1/js/plugins/PhotoSwipe/photoswipe.min.css');

@import url('http://cdn.myld.com.au/1/js/plugins/Slick/1.3.6/slick.min.css');
@import url('http://cdn.myld.com.au/1/js/plugins/smartCaptcha/smartCaptcha-v1.0.min.css');


/* @font-faces
--------------*/

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

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

/* @general styles
-----------------*/





body {
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 13px;
}

* {
    padding: 0;
    margin: 0;
}

p {
    color: #828282;
}

/*--navbar--*/

/* navbar centered */

.navbar-collapse .navbar-nav {
    float: none;
    text-align: center;
}

.navbar-collapse .navbar-nav > li {
    float: none;
}

.navbar-collapse .nav > li {
    display: inline;
}

.navbar-collapse .nav > li > a {
    display: inline-block;
}

/* navbar centered */

.nav-bg {
    background: rgba(36, 36, 36, 0.9);
    position: relative;
    z-index: 1;
}

.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
}

.navbar-placeholder {
    margin: 0 auto;
}

a {
    color: #fff;
    text-decoration: none;
}

a:hover, a:focus {
    color: #8dc73f;
    text-decoration: none;
}

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_12adf880a9.png) bottom center no-repeat;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 17px;
}

.navbar .navbar-nav > .active a {
   color: #8dc73f;
   background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_12adf880a9.png) bottom center no-repeat;
}


/*--navbar--*/

.logo-pad {
    padding: 10px 0;
}

#logo img {
    margin-left: 30px;
}

.nav-pad {
    padding-top: 40px;
}

/*--fb--*/

.fb-pad {
    padding-top: 45px;
    padding-left: 0;
}

.socialmedia[class*=sm-] a:hover {
    background-position: center;
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}

.socialmedia[class*="sm-"].sm-round.x32 a.facebook {
    width: 13px;
    height: 24px;
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_b35ecc5ed7.png);
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_b35ecc5ed7.png);
    margin-left: -30px;
}

.socialmedia[class*="sm-"].sm-round.x32 a.facebook:hover {
    width: 13px;
    height: 24px;
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_b35ecc5ed7.png);
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_b35ecc5ed7.png);
}

/*--fb--*/

.hero-container {
    position: relative;
    z-index: 0;
    top: -119px;
    margin-bottom: -119px;
}

.hero-container img {
    width: 100%;
}

.blue-container {
    background: #008890;
    padding: 15px 0;
    display: table;
    width: 100%;
}

.text {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 0 20px;
}

.text-p {
    color: #fff;
}

.button {
    display: inline-block;
    color: #fff;
    border: 1px solid #006167;
    padding: 10px 19px;
    font-size: 12px;
}

.text p {
    margin: 0;
}

.button p {
    margin: 0;
}

.blue-holder {
    margin: 0 auto;
    width: 400px;
}

.hover {
    color: #fff;
}

.hover:hover, .hover:focus {
    color: #c0f2f4;
    text-decoration: none;
}

.hover2 {
    color: #008890;
}

.hover2:hover, .hover2:focus {
    color: #008890;
    text-decoration: none;
}

.home-intro-bg {
    height: 382px;
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_3432a2c0ce.jpg)center center no-repeat;
    background-size: 100% 100%;
    padding-top: 30px;
    padding-left: 195px;
    padding-right: 40px;
}

.home-intro-bg-r {
    height: 382px;
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_6985c28a0f.jpg)center center no-repeat;
    background-size: 100% 100%;
}


.intro-title {
    color: #008890;
    font-weight: 700;
    font-size: 34px;
    text-transform: uppercase;
}

.fb-feed {
    position: absolute;
    color: #fff;
    background: #008890;
    /* Rotate div */
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    left: -60px;
    top: 40%;
}

.fb-feed p {
    margin: 0;
    padding: 10px 18px;
    font-size: 16px;
}

/*--modules--*/

.background-white {
    background: #fff;
    padding: 30px 40px;
}

.module-bg-1 {
    height: 287px;
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_d001f48d00.jpg)center center no-repeat;
    background-size: 100% 100%;
}

.module-bg-2 {
    height: 287px;
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_bc4efab356.jpg)center center no-repeat;
    background-size: 100% 100%;
}

.module-bg-3 {
    height: 287px;
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_50d3d66392.jpg)center center no-repeat;
    background-size: 100% 100%;
}

.module-button {
    display: inline-block;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    background: #008890;
    margin-top: 80px;
}

.module-button:hover {
    display: inline-block;
    color: #008890;
    padding: 10px;
    font-size: 12px;
    border: 1px solid #008890;
    background: #fff;
    margin-top: 80px;
}

.module-button p {
    margin: 0;
}

.hover-module {
    color: #fff;
    padding: 7px;
}

.hover-module:hover, .hover-module:focus {
    color: #008890;
    text-decoration: none;
}

/*--modules--*/

/*--logo slider 2--*/

#footer1 {
  padding-top:40px;
	padding-bottom:40px;
	background:#fff;
}

#logos {
	margin-bottom:0 !important;
}

.logos {
	display:inline-block !important;
	float:none !important;
	vertical-align:middle;
	padding-left:15px;
	padding-right:15px;
}

.logo img {
	display:inline-block;
}

.slick-next, .slick-prev {
	width:15px;
	height:29px;
	margin-top:-14px;
	-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;
}

.slick-prev {
	left:-15px;
	background:url(http://cdn.myld.com.au/2/1193/f-p-patios-blinds-awnings_be29753fe4.png);
}

.slick-next {
	right:-15px;
	background:url(http://cdn.myld.com.au/2/1193/f-p-patios-blinds-awnings_4a79b79778.png);
}

.slick-next:hover, .slick-prev:hover {
	opacity:0.5;
}

.slick-prev:before, .slick-next:before {
	display:none;
}

.slick-width {
    width: 75%;
}

/*--logo slider 2--*/

/*--footer--*/

.footer-bg-l {
    background: #393939;
    padding: 30px 40px 0 90px;
    height: 310px;
}
.footer-bg-m {
    background: #4b4b4b;
    height: 310px;
    padding: 11px 30px 0 30px;
}

.footer-bg-r {
    padding: 0;
    position: relative;
    z-index: 1;
}

.footer-gray-overlay {
    position: absolute;
    background: rgba(57, 57, 57, 0.7);
    z-index: 1;
    width: 100%;
    height: 310px;
    padding-top: 30px;
    padding-left: 50px;
}

.copy {
    float: right;
    margin-top: 190px;
    margin-right: 30px;
}

.copy-p {
    color: #bebebe;
}

.footer-txt {
    color: #fff;
}

.synopsis-title {
    color: #8dc73f;
    font-weight: 700;
}




.footer-call-to-action {
    color: #a6a6a6;
    font-size: 32px;
    font-weight: 700;
    float:right;    
    display:inline-block;
    padding-bottom:50px;
    position:relative;
   
    /*padding-top: 60px;*/
}

#map-holder {
    height: 291px;
    position: relative;
    z-index: 0;
}

.clear {
    clear: both;
}

.mail-holder {
    margin-left: 10px;
    margin-top: -20px;
}


.inline p {
    color: #fff;
    font-size: 13px;
}

.phone-txt {
    padding-left: 40px;
    margin-top: -5px;
}

.email-txt {
    padding-left: 37px;
}

.address-txt {
    padding-left: 33px;
}

.fb-txt {
    padding-left: 45px;
    padding-top: 3px;
}

.fb-icon-holder {
    margin-top: 5px;
}

.inline {
    float: left;
    height: 30px;
}

.clear {
    clear: both;
}

.phone-holder {
    margin-left: 10px;
    margin-top: -20px;
}

.phone-holder-top {
    margin-left: 10px;
    margin-top: 30px;
}

.inline .phone-icon {
    margin-top: -5px;
}

.phone-icon {
    width: 22px;
    height: 22px;
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_eaec566a9c.png)center center no-repeat;
}

.phone-icon:hover {
    width: 22px;
    height: 22px;
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_213a0bca44.png)center center no-repeat;
}

.mail-icon {
    width: 25px;
    height: 18px;
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_4f0fb4786a.png)center center no-repeat;
}

.mail-icon:hover {
    width: 25px;
    height: 18px;
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_88fbc9ad0e.png)center center no-repeat;
}

.home-icon {
    width: 30px;
    height: 21px;
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_2c7311f4f3.png)center center no-repeat;
}

.home-icon:hover {
    width: 30px;
    height: 21px;
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_2c6d3e3246.png)center center no-repeat;
}

.fb-icon {
    width: 12px;
    height: 25px;
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_6e76b54f04.png)center center no-repeat;
    margin-left: 5px;
}

.fb-icon:hover {
    width: 12px;
    height: 25px;
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_3e3d915df4.png)center center no-repeat;
}


.inline .facebook-icon {
    margin-top: -5px;
}

address {
    margin-bottom: 30px;
}

.footer-contact {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    padding-top: 45px;
    border-bottom: 1px solid #fff;
    width: 123px;
    margin-left: 10px;
    letter-spacing: 2px;
}

.contact-footer-holder {
   margin-top: 20px; 
}

.hover-f {
    color: #fff;
}

.hover-f:hover, .hover-f:focus {
    color: #d2e288;
    text-decoration: none;
}

.socialmedia {
    display: inline-block;
}

.ls-logo {
    width: 140px;
    display: inline-block;
}

.socialmedia[class*=sm-].x32 a.ls {
    width: 21px;
    height: 19px;
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_17601f2062.png);
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_17601f2062.png);
}

.socialmedia[class*=sm-].x32 a:hover {
    width: 21px;
    height: 19px;
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_17601f2062.png);
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_17601f2062.png);
}

.local-s-holder {
    margin-top: 30px;
}

/*--footer--*/

/*--about--*/


.button-about {
    display: inline-block;
    color: #fff;
    background: #006167;
    padding: 10px 19px;
    font-size: 12px;
}

.button-about p {
    margin: 0;
}

.content-text {
    width: 70%;
    margin: 0 auto;
}

.content-text-bg {
    padding: 35px 0;
    background: #f6f6f6;
}

/*--services--*/

.navtab-bg {
    height: 234px;
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_7a01829e15.jpg)center center no-repeat;
    background-size: 100% 100%;
    text-align: center;
    padding-top: 60px;
}

.tab-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
}

/*--tab container--*/

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #d2e288;
    cursor: default;
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom-color: transparent;
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_596fa54066.jpg)bottom center no-repeat;
}

.nav-tabs>li>a:hover {
    border-color: transparent;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    text-transform: uppercase;
    font-size: 13px;
}

.nav-serv>li>a:hover, .nav-serv>li>a:focus {
    color: #d2e288;
    text-decoration: none;
    background-color: transparent;
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_596fa54066.jpg)bottom center no-repeat;
}

.nav-serv>li>a {
    color: #fff;
    position: relative;
    display: block;
    font-weight: 700;
}
 
.nav-tabs {
    text-align:center;
    border-bottom: transparent;
    padding-top: 25px;
}

.tab-pane img {
    margin: 0 auto;
}

.tab-pane {
    color: #fff;
}

.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display: inline;     /* for IE7*/
    *zoom:1;              /* for IE7*/

}

.tab-content>.active {
    display: block;
    text-align: center;
}

.tab-content {
    padding-bottom: 60px;
}

.tab-p {
    color: #828282;
}

.background-left {
    background: #f6f6f6;
    text-align: left;
    padding: 30px 40px 30px 220px;
}

.no-pad {
    padding: 0;
}

.services-ul {
    color: #828282;
    padding-left: 30px;
}

.display-flex {
    display: flex;
}

.background-right {
    background: url(http://cdn.myld.com.au/2/1200/clarence-coast-blinds_cccb565526.jpg)center center no-repeat;
    background-size: 100% 100%;
}

/*--tab container--*/

/*--services--*/

/* gallery */

.gallery-holder {
    width: 70%;
    margin: 0 auto;
    padding-top: 30px;
}

body:not(:-moz-handler-blocked) 
.pool-module-holder-bg {
    margin: -40px auto 0;
}

@media screen and (min-width:0\0) {
.pool-module-holder-bg {
    margin: -40px auto 0;
}
    
}

#fancybox-loading div {
    display: none;
}

.my-gallery {         
    padding:0;
    margin:0;
}

.gallery-li {     
    list-style:none;
    margin-bottom:25px;           
}
      
.nmy-gallery .gallery-li img {
    cursor: pointer;
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: transparent;
    border: none;
    border-radius: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

/* gallery */

label {
    color: #828282;
    font-weight: normal;
}

.form-p {
    font-weight: 700;
}

/*--contact--*/

#map-canvas {
    height: 601px;
}

.form-h2 {
    color: #828282;
    font-weight: 700;
    font-size: 13px;
}

dt {
    color: #828282;
    font-weight: 700;
    font-size: 13px;
}

/*--contact--*/

/* @media queries
-----------------*/

@media (max-width: 768px) {

#logo img {
    margin-left: 0;
    margin: 0 auto;
}
    
.intro-title {
    font-size: 32px;
}
    
.home-intro-bg {
    padding-top: 10px;
}
    
.display-flex {
    display: block;
}
    
.background-right {
    height: 264px;
}
    
.background-left {
    padding: 30px 90px 30px 104px;
}
    
.tab-content {
    padding-bottom: 0;
}
    
}

@media (max-width: 991px) { 

}

@media (max-width: 767px) {
    
}

/* iPhone */

@media only screen  
and (max-device-width : 568px) { 
    
.intro-title {
    font-size: 22px;
}
    
.home-intro-bg {
    padding-left: 95px;
}
    
.background-left {
    padding: 30px 90px 30px 85px;
}
    
}
    
@media (max-width: 480px) {
    
.blue-holder {
    width: 100%;
    text-align: center;
}
    
.text {
    display: block;
    padding: 0;
}
    
.button {
    display: block;
    width: 40%;
    margin: 0 auto;
}
    
.intro-title {
    font-size: 16px;
}
    
.home-intro-bg {
    padding-left: 60px;
    padding-right: 10px;
}
    
.home-intro-bg p {
    font-size: 11px;
}
    
.fb-feed {
    left: -45px;
}
    
.background-left {
    padding: 30px 40px 30px 58px;
}
    
}

@media (max-width: 1200px) {
    
}

/* small desktop */
@media (min-width: 992px) and (max-width: 1199px) {
    
.footer-bg-m {
    padding: 11px 10px 0 15px;
}
   
.footer-call-to-action {
    font-size: 25px;
    padding-top: 50px;
}
    
}


/* iPads (landscape) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    
.nav>li>a {
    padding: 10px 10px;
}
    
.nav-pad {
    padding-top: 25px;
}
    
.fb-pad {
    padding-top: 30px;
}
    
.home-intro-bg {
    padding-left: 105px;
}
    
.footer-bg-m {
    padding: 11px 10px 0 15px;
}
   
.footer-call-to-action {
    font-size: 20px;
    padding-top: 20px;
}
    
.ls-logo {
    width: 120px;
}
    
}

/* iPads (portrait) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    
#logo img {
    margin-left: 0;
    margin: 0 auto;
}
    
.display-flex {
    display: block;
}
    
.background-right {
    height: 264px;
}
    
.background-left {
    padding: 30px 90px 30px 119px;
}
    
.tab-content {
    padding-bottom: 0;
}
    
}