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

/* @imports
--------------*/
@import url('http://cdn.myld.com.au/1/js/fancybox2/jquery.fancybox.css');
@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/smartCaptcha/smartCaptcha-v1.0.min.css');

/* @font-faces
--------------*/
@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:400;
   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;
}

/* @general styles
-----------------*/
body {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #404040
}

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

a:hover {
    color: #ffc500;
    text-decoration: underline
}

a.btn {
    background-color: #ffc500;
    font-size: 20px;
    padding: 8px 30px;
    color: #404040;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

a.btn:hover {
    background-color: #404040 ;
    color: #ffc500
}


dd {
    margin-bottom: 10px
}

h1,
h2,
h3,
h4,
h5 {
    text-transform: uppercase;
    font-weight: 700
}

header,
main,
footer,
section,
.wrap {
    width: 100%;
    margin:  0;
    padding: 0;
}

.no-gutter {
    margin: 0;
    padding: 0

}

.spacer10 {
    height: 10px
}

.spacer20 {
    height: 20px
}

.spacer30 {
    height: 30px
}

.spacer40 {
    height: 40px
}

.spacer50 {
    height: 50px
}

#schema {
    display: none
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.align-left {
    float: left
}

.align-right {
    float: right
}

.align-center {
    margin: 0 auto
}



/* -- HEADER -- */

#header {
    position: relative;
    overflow: visible
}

#navigation {
    background: #313131; /* Old browsers */
    background: -moz-linear-gradient(left,  #313131 1%, #111111 74%, #313131 96%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(1%,#313131), color-stop(74%,#111111), color-stop(96%,#313131)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #313131 1%,#111111 74%,#313131 96%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #313131 1%,#111111 74%,#313131 96%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #313131 1%,#111111 74%,#313131 96%); /* IE10+ */
    background: linear-gradient(to right,  #313131 1%,#111111 74%,#313131 96%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313131', endColorstr='#313131',GradientType=1 ); /* IE6-9 */
    position: relative;
    height: 60px;
    z-index: 2
}

#navigation .navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
}

#navigation .navbar .navbar-collapse {
    text-align: center;
}

#navigation .nav > li > a {
    padding: 20px 45px;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    border-right: 1px solid #585858
}

#navigation .nav > li:last-child > a {
    border: none
}


#navigation .nav > li > a:hover,
#navigation .nav > li > a:focus,
#navigation .nav > li.active > a {
    background: none;
    color: #ffc500
}

#logo-wrap {
    background-color: rgba(0,0,0,0.60);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    padding: 20px;
    height: 100%;
    width: 35%;
    overflow: hidden;
    font-size: 20px;
    color: #fff;
    text-align: center;
}

#logo-wrap .brand {
    padding-top: 50px;
    margin: 0 auto
}

#logo-wrap h1 {
    font-weight: 400;
    font-size: 32px;
    color: #ffc500
}

#logo-wrap span {
    padding: 0 10px
}

#logo-wrap .phone {
    font-weight: 700;
    color: #ffc500
}

#logo-wrap .socialmedia {
    display: inline-block !important
}

#logo-wrap .socialmedia .ls {
    position: relative;
    display: block;
    width: 32px;
    height: 29px;
    margin: 0;
    padding: 0;
    background: url(http://cdn.myld.com.au/2/998/bitz-excavations_9b598931d2.png) center no-repeat
}

#logo-wrap .socialmedia .ls:hover .overlay {
    display: block
}

#logo-wrap .socialmedia .ls .overlay {
    display: none
}





/* -- SLIDER -- */

#slider-wrap {
    position: relative;
    overflow: visible
}

#slider {
    position: relative;
    z-index: 1;
}

#slider img {
    width: 100%;
    height: auto
}

#slider .carousel-indicators {
    bottom: -40px
}

#slider .carousel-indicators li {
    border: none;
    background-color: #a8a8a8;
    width: 5px;
    height: 5px;
    margin: 0 3px;
    padding: 0;
}

#slider .carousel-indicators li.active {
    border: none;
    background-color: #000;
}

#slider .carousel-control {
    position: absolute;
    background: none !important;
    width: 17px;
    height: 37px;
    top: inherit;
    bottom: -50px !important;
    filter: alpha(opacity=1);
    opacity: 1;
    z-index: 999
}

#slider .carousel-control:hover {
    filter: alpha(opacity=50);
    opacity: .5;
}

#slider .left.carousel-control {
    left: 15px
}

#slider .right.carousel-control {
    right: 15px
}




/* -- CONTENT -- */

#page-content {
    background:  url(http://cdn.myld.com.au/2/996/bitz-excavations_31c4f57f75.jpg) repeat;
}

#page-content ul {
    padding-left: 17px
}

#intro-wrap .title {
    background:  url(http://cdn.myld.com.au/2/996/bitz-excavations_31c4f57f75.jpg) repeat;
    position: relative;
    top: 20px;
    display: inline-block;
    padding-right: 10px;
    font-size: 34px;
    font-weight: 700
}

#intro-wrap .content {
    border: 3px solid #ffc500;
    border-left: none;
    padding: 50px 0 0 0;
}

#intro-wrap h3 {
    background:  url(http://cdn.myld.com.au/2/996/bitz-excavations_31c4f57f75.jpg) repeat;
    position: relative;
    border: 3px solid #ffc500;
    text-align: center;
    text-transform: none;
    font-size: 24px;
    line-height: 36px;
    margin: 0;
    padding: 20px;
    position: relative;
    left: 200px;
    display: inline-block;
}

#intro-wrap .btn {
    position: relative;
    bottom: -25px
}

#module-title {
    background: url(http://cdn.myld.com.au/2/996/bitz-excavations_44858d733f.png) top center repeat-x;
    height: 280px;
    margin: 50px 0;
    position: relative;
}

#module-title .content {
    margin-top: 210px
}

#module-title .content .title {
    font-size: 34px;
    color: #ffc500
}

.module {
    position: inherit
}

#module-wrap .container {
    /*position: relative;*/
    padding-bottom: 100px;
}

/*.module img {
    margin: 0 auto;
}*/

/*.module .thumb-overlay {
    display: none
}*/

.module .overlay {
    display: none
}

#module-wrap .title.inner {
    text-transform: none
}



#gallery-wrap img {
    padding: 5px;
    border: 3px solid #404040
}

#gallery-wrap img:hover {
    border: 3px solid #ffc500
}

.fancybox {
    z-index: 999
}

#contact-map {
    height: 350px;
    position: relative;
    top: -35px;
    z-index: 1

}

body#contact #module-title {
    margin-bottom: 0;
    position: relative;
    z-index: 2
}




/* -- FOOTER -- */

#footer-top {
    background-color: #3f3f3f;
    color: #fff;
    padding: 20px 0;
}

#footer-top .brand {
    padding: 50px 0
}

#footer-top .title {
    text-transform: none;
    color: #ffc500;
    font-weight: 300
}

#footer-bottom {
    background-color: #323232;
    padding: 20px 0;
    font-size: 13px;
    color: #ffc500
}

#footer-bottom li {
    display: inline-block;
    padding-left: 30px;
    margin: 5px 0;
    list-style: none;
    margin-right: 10px
}

#footer-bottom .phone {
    background: url(http://cdn.myld.com.au/2/996/bitz-excavations_3633af5e33.png) left center no-repeat;
}

#footer-bottom .phone:hover {
    background: url(http://cdn.myld.com.au/2/997/bitz-excavations_5e389c497b.png) left center no-repeat;
}

#footer-bottom .email {
    background: url(http://cdn.myld.com.au/2/996/bitz-excavations_0149bd2813.png) left center no-repeat;
}

#footer-bottom .email:hover {
    background: url(http://cdn.myld.com.au/2/997/bitz-excavations_6f877b15cd.png) left center no-repeat;
}

#footer-bottom .email a {
    padding: 0 10px
}

#footer-bottom .right {
    text-align: right;
    color: #868686
}


#home .img-block {
  display: inline-block;
	position: relative;
}

#home .img-block .thumb-overlay {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
	-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;
}

#home .module a {
	text-align: center;
}

#home .module a .overlay {
	text-align: left;
}

#home .module a:hover .img-block .thumb-overlay {
	filter: alpha(opacity=0);
	opacity: 0;
}
	
#past-projects #module-wrap {
	font-size: 0;
	line-height: 0;
	text-align: center;
}

#past-projects #module-wrap .container {
	padding-bottom: 70px;
}

.fancybox {
	margin-bottom: 30px;
	display: inline-block;
}

/* -- TITLE -- */
/* -- TITLE -- */


/* @media queries
-----------------*/
@media (min-width: 1200px) {
    .module .overlay {
        display: none
    }
    .module:hover .overlay {
        display: block;
        position: absolute;
        left: 0;
        bottom: -170px;
        width: 1000px
    }
    #overlay-module2 {
        position: absolute;
        left: -390px
    }
    #overlay-module3 {
        position: absolute;
        left: -780px
    }
    #overlay-module3 ul {
        display: inline-block;
        margin-right: 20px
    }
}

@media (min-width: 1200px) and (max-width: 1495px) {
    #logo-wrap {
        width: 40%;
        font-size: 18px;
        /*padding: 10px*/
    }
    #logo-wrap .brand {
        padding-top: 5px;
        height: 110px
    }
    #logo-wrap h1{
        font-size: 28px;
    }
    #logo-wrap .phone{
        font-size: 24px;
    }
    #intro-wrap h3 {
        position: relative;
        left: 0;
    }
    #intro-wrap h3 {
        position: relative;
        left: 0;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {
    #logo-wrap {
        width: 50%;
        font-size: 18px;
        padding: 10px
    }
    #logo-wrap .brand {
        padding-top: 5px;
        height: 110px
    }
    #logo-wrap h1{
        font-size: 28px;
    }
    #logo-wrap .phone{
        font-size: 24px;
    }
    #intro-wrap h3 {
        position: relative;
        left: 0;
    }
    .module .overlay {
        display: none
    }
    .module:hover .overlay {
        display: block;
        position: absolute;
        left: 0;
        bottom: -170px;
        width: 900px
    }
    #overlay-module2 {
        position: absolute;
        left: -325px
    }
    #overlay-module3 {
        position: absolute;
        left: -650px
    }
    #overlay-module3 ul {
        display: inline-block;
        margin-right: 20px
    }
}

@media (max-width: 991px) { /*beginning of default fixed menu bar*/
    #logo-wrap {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        font-size: 18px;
    }
    #navigation {
        display: none
    }
    #logo-wrap .brand {
        padding-top: 5px;
        height: 110px
    }
    #logo-wrap h1{
        font-size: 28px;
    }
    #logo-wrap .phone{
        font-size: 24px;
    }
    #intro-wrap h3 {
        position: relative;
        left: 0;
        border-right: 0;
    }
    .module .overlay {
        display: none
    }
    .module:hover .overlay {
        display: block;
        position: absolute;
        left: 0;
        bottom: -170px;
        width: 700px
    }
    #overlay-module2 {
        position: absolute;
        left: -250px
    }
    #overlay-module3 {
        position: absolute;
        left: -500px
    }
    #overlay-module3 ul {
        display: inline-block;
        margin-right: 20px
    }

}

@media (max-width: 767px) {
    #module-wrap .module .overlay {
        display: block
    }
    .module .overlay,
    .module:hover .overlay {
        display: block;
        position: relative;
        left: auto;
        bottom: auto;
        width: auto
    }
    #overlay-module2,
    #overlay-module3 {
        position: relative;
        left: auto
    }
    #overlay-module3 ul {
        display: block;
    }


}

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