@charset "UTF-8";
/* CSS Document */

body {font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #202020;
	
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	line-height: 3.5rem;
	color: #202020;
	margin: 0;
	padding: 0;
	
}


/* FONTS */


h1 {
	font-size: 	3rem;	
}

h2 {
	font-size: 	2rem;
	color: #202020;
	padding-top: 1rem;
	line-height: 2.4rem
}

h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 	1.5rem;
	font-weight: bold;
	color: #383838;
	line-height: 2.3rem;
	padding: 0 0 2rem 0;
}


p {
	font-size: 1.5rem;
	line-height: 2.3rem;
	padding: 1rem 0 0 0;
}

a {
	color: #112b56;
	text-decoration: none;
}




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

.text-white {
	color: #fff;
}

.text-grey {
	color: #999999;
}

.text-orange {
	color: #f89c33;
}


/* ICONS / GLYPHS */

.glyphicon {
	top: .3rem;
	padding-right: 1rem;
   color: #eeeeee;
}

/* FORMS */


.form {
	margin: 3rem 0 0 0;
}

.form-left {
	
}

.form-middle {
	border-bottom: solid 1px #fff;
}

.form-right {
	margin-top: 4rem;
}

.message {
	padding: 1rem 0 0 2rem;
}

input, textarea {
	line-height: 4rem;
  	width: 260px;
	padding: .3rem 0 .3rem 1rem;
	margin: 1rem 0 1rem 0;
}

.form-control {
	height: 5rem;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
	padding: 1.4rem 3rem 1.4rem 3rem;
}

.cat_button {
    width: 260px;
}

.cat_button hover {
 background-color: #f89c33;  
}


/* BLOCKQUOTE */

blockquote {
	font-size: 1.5rem;
}

.blockquote-loading {
	margin-top: 4rem;
	padding: 2rem;
}

.blockquote-loading p {
	font-size: 1.5rem;
}

/* NAVIGATION */

.hidden-logo {
	visibility: hidden;
	position: absolute;
	top: 5%;
	left: 11.8%;
}

.show-logo {
	position: absolute;
	top: 16%;
	left: 11.8%;
}

.header-top img {
	width: 200px;
}
.navbar-header {
  	float: none;
	background-color: #202020;
	border-bottom: solid 1px #ccc;
	height: 70px;
}
.navbar-toggle {
  display: block;
	    margin: 2rem 3rem 0 0;
}
.navbar-collapse.collapse {
  display: none!important;
}
.navbar-nav {
	margin-top: 0;
	margin-bottom: 0;
  float: none!important;
}
.navbar-nav>li {
  float: none;
}
.navbar-collapse.collapse.in{
  display:block !important;
}

.navbar-nav > li {
	border-bottom: solid 1px #202020;
	line-height: .6rem;
	background-color: #909194;
	text-align: left;
	
}

.navbar-nav > li:hover {
	background-color: #f89c33;
}

.navbar-default {
	border: none;
}
.navbar-default .navbar-nav > li > a {
    color: #202020;
	
}

.searchbar {
	padding: 1.5rem 0 2rem 4rem;
}



/* BUTTONS */

.btn-primary {
	font-size: 1.5rem;
	font-weight: normal;
	margin-top: 2rem;
	background-color: #1b1104;
	border: none;
}

.btn-primary a:hover {
	background-color: #112b56;
}


/* LANDING PAGE */

.landing { 
    margin: 5rem auto;
    margin-right: auto;
    padding: 5rem;
}

.logo-waves {
    	width: 250px;
    	padding: 0;
    	margin: 0;
}
    


.container-loading {
	padding: 8rem;
}


.logo-loading {
	
}

.logo-definition {

}

.loading-heading {
	font-size: 4rem;
}


/* HEADERS */

.header {
	height: 60vh;
	background: url(../../bestiger/img/cable-tray-ceiling.jpg) no-repeat;
	background-size: cover;
}

.header-projects {
	height: 60vh;
	background: url(../../bestiger/img/header-projects-background.jpg) no-repeat;
	background-size: cover;
}

.header-thank-you {
    height: 60vh;
	background: url(../../bestiger/img/header-thank-you-background.jpg) no-repeat;
	background-size: cover;
}

.header-404-error {
    height: 60vh;
	background: url(../../bestiger/img/header-404-error-background.jpg) 50% 0% no-repeat;
	background-size: cover;
}

.header-careers {
    height: 60vh;
	background: url(../../bestiger/img/header-careers.jpeg) no-repeat;
	background-size: cover;
}

/* SECTIONS */

.section-one {
	padding: 0;
	background: url(../../bestiger/img/about-besiger.jpg) no-repeat;
	background-size: cover;
	border-top: solid 1px #fff;
}
.section-one-right, .section-one-left {
	padding-top: 3rem;
}

.section-one-right, .section-right {
	background-color: #f9c284;
}

.testimonial-two {
	background-color: #4CBFFF;
}



.section-one-left, .section-one-right, .testimonial-one, .testimonial-two, .section-left, .section-right {
	padding: 2rem 0 2rem 2rem;
	border-bottom: solid 1px #fff;
}

.testimonial-two, .section-one-right, .section-right {
	border: none;
}

.our-services, .our-projects {
	padding: 5rem 3rem 5rem 3rem;
}

.testimonials {
	padding: 3rem;
}


.services-col-one, .services-col-two, .services-col-three, .services-col-four, .projects-col-one, .projects-col-two, .projects-col-three, .projects-col-four, .more-projects-col-one, .more-projects-col-two, .more-projects-col-three, .more-projects-col-four {
	min-height: 700px;
	background-color: #949497;
	padding: 2rem;
	border-bottom: solid 1px #fff;
	border-right: none;
}

.services-col-one {
	background: url(../../bestiger/img/our-services-background.jpg) 50% 0 no-repeat;
	background-size: cover;
	border-right: solid 1px #fff;
}

.services-col-two {
	background: url(../../bestiger/img/our-services-testing-background.jpg) 40% 0 no-repeat;
	background-size: cover;
	border-right: solid 1px #fff;
}

.services-col-three {
	background: url(../../bestiger/img/our-services-rigging-background.jpg) 50% 0 no-repeat;
	background-size: cover;
	border-right: solid 1px #fff;
}

.services-col-four {
	background: url(../../bestiger/img/our-services-survey-background.jpg) 50% 0 no-repeat;
	background-size: cover;
	
}

.projects-col-one {
	background: url(../../bestiger/img/bestiger-projects-westfield-chermside.jpg) 35% 0 no-repeat;
	background-size: cover;
	border-right: solid 1px #fff;
}

.projects-col-two {
	background: url(../../bestiger/img/bestiger-projects-cbus-super-stadium-robina.jpg) 60% 0 no-repeat;
	background-size: cover;
	border-right: solid 1px #fff;
}

.projects-col-three {
	background: url(../../bestiger/img/bestiger-projects-one-william-street-brisbane.jpg) 60% 0 no-repeat;
	background-size: cover;
	border-right: solid 1px #fff;
}

.projects-col-four {
	background: url(../../bestiger/img/bestiger-projects-waterfront-place-brisbane.jpg) 50% 0 no-repeat;
	background-size: cover;
	
}

.more-projects-col-one {
	background: url(../../bestiger/img/bestiger-projects-logo.jpg) 20% 0 no-repeat;
	background-size: cover;
	border-right: solid 1px #fff;
}

.more-projects-col-two {
	background: url(../../bestiger/img/bestiger-projects-logo.jpg) 35% 0 no-repeat;
	background-size: cover;
	border-right: solid 1px #fff;
}

.more-projects-col-three {
	background: url(../../bestiger/img/bestiger-projects-logo.jpg) 20% 0 no-repeat;
	background-size: cover;
	border-right: solid 1px #fff;
}

.more-projects-col-four {
	background: url(../../bestiger/img/bestiger-projects-logo.jpg) 10% 0 no-repeat;
	background-size: cover;
	
}


.one{
  	background-color: #f89c33;
  background-image: -webkit-linear-gradient(180deg, #f89c33 100%, #f9c284 50%);
  	min-height: 300px;
	padding: 2rem;
}

.two{
  	background-color: #34ADFF;
  background-image: -webkit-linear-gradient(180deg, #34ADFF 100%, #4CBFFF 50%);
  	min-height: 300px;
	padding: 2rem;
	
}

.three{
  	background-color: #f9c284;
  background-image: -webkit-linear-gradient(180deg, #f9c284 50%, #f89c33 1000%);
  	min-height: 300px;
	padding: 2rem;
	border-bottom: solid 1px #fff;
}

.four{
  	background-color: #f89c33;
  background-image: -webkit-linear-gradient(180deg, #f89c33 100%, #f9c284 50%);
  	min-height: 300px;
	padding: 2rem;
	border-bottom: solid 1px #fff;
}

.five{
  background-color: #EFEEEF;
  min-height: 260px;
}

.six{
  background-color: #34ADFF;
  background-image: -webkit-linear-gradient(30deg, #34ADFF 50%, #4CBFFF 50%);
  min-height: 400px;
	padding: 2rem;
}


.seven{
  background-color: #013A6B;
  background-image: -webkit-linear-gradient(-30deg, #4CBFFF 50%, #34ADFF 50%);
  min-height: 400px;
}

.eight{
    height: 100vh;
  	background-color: #f89c33;
  background-image: -webkit-linear-gradient(180deg, #f5f1f0 100%, #f9c284 50%);
  	min-height: 900px;
	padding: 10rem 2rem 2rem 2rem;
}
.project-date {
	font-size: 1.4rem;
	color: #383838;
}

/* JUMBOTRONS */

.jumbotron h1 {
	padding: 0;
	margin: 0;
	font-size: 3rem;
}

.jumbotron p {
	font-size: 1.5rem;
}

.hero p {
	padding: 0 0 2rem 0;
	margin: 0;
}


.services-jumbotron {
	background-color: #f89c33;
	width: 90%;
	position: absolute;
	bottom: 10%;
	left: 5%;
	opacity: .8;
}

.container .jumbotron, .container-fluid .jumbotron, .container .services-jumbotron, .container-fluid .services-jumbotron {
    padding-right: 2rem;
    padding-left: 2rem;
	border-radius: 6;
}

.jumbotron, .services-jumbotron {
	margin: 4rem 0 4rem 0;
	padding: 4rem 4rem 4rem 4rem;
	background-color: #fff;
	opacity: .9;
}

.container .jumbotron, .container-fluid .jumbotron, .container .services-jumbotron, .container-fluid .services-jumbotron {
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 6px;
	
}
.services-jumbotron {
	background-color: #f89c33;
}

.loading-jumbotron {
	background-color: #909194;
    border-radius: 6px;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
	margin-top: 10rem;
	opacity: 1;
}

.contact-container {
	width: 80%;
	padding: 5rem 0 5rem 0;
	border: solid 1px #ccc;
	margin-left: auto;
	margin-right: auto;
	background-color: #909194;
}



/* MODALS */

.modal-header {
	background-color: #909194;
}


/* FOOTER */


footer {
	position: relative;
	background-color: #202020;
}

footer p, a {
	color: #eeeeee;
}

footer a:hover {
	color: #f89c33;
    text-decoration: none;
}

.navbar-inverse {
	background-color: #202020;
}

.bottom-nav {
	padding: 2rem 0 2rem 0;
	border-top: solid 1px #ccc;
	margin: 0 0 0 0;
}

.bottom-nav-content {
	width: 90%;
	border-top: solid 1px #333333;
	padding: 2rem 0 2rem 0;
	margin: 2rem auto 0 auto;
}

.bottom-nav-icon {
	    padding: 2rem 0 2rem 0;
}

.bottom-nav-icon a {
 	color: #eeeeee;  
}

.bottom-nav-icon a:hover {
 	color: #f89c33;
    text-decoration: none;
}




/* MEDIA QUERIES */

@media (min-width: 768px) {
	.section-two {
	
	background-position: 0 20%;
}
	.hidden-logo {
	left: 10.7%;
}
	.two{
  	background-color: #34ADFF;
  background-image: -webkit-linear-gradient(20deg, #34ADFF 45%, #4CBFFF 0);
  	min-height: 300px;
	padding: 2rem;
}

	.testimonial-one, .testimonial-two, .section-one-left, .section-one-right, .section-left {
	
	border: none;
}
	.form-right {
	margin-top: 0;
}
	.one{
  	background-color: #f89c33;
  background-image: -webkit-linear-gradient(20deg, #f89c33 55%, #f9c284 0%);
  	min-height: 300px;
	padding: 2rem;
}
	
	.three{
  	background-color: #f89c33;
  background-image: -webkit-linear-gradient(-20deg, #f9c284 55%, #f89c33 0%);
  	min-height: 300px;
	padding: 2rem;
}
	.four{
  	background-color: #f89c33;
  background-image: -webkit-linear-gradient(20deg, #f89c33 55%, #f9c284 0%);
  	min-height: 300px;
	padding: 2rem;
}
    
    .eight{
  	background-color: #f89c33;
  background-image: -webkit-linear-gradient(20deg, #f5f1f0 55%, #f9c284 0%);
  	min-height: 300px;
	padding: 10rem 2rem 2rem 2rem;
}
    
    .section-one-right, .section-right, .testimonial-two{
	background-color: transparent;
}
    
	input, textarea {
    	width: 320px;
}
	.form-middle {
		height: 200px;
		border-bottom: none;
		border-right: solid 1px #fff;
}

    .header {
	height: 65vh;
	background: url(../../bestiger/img/cable-tray-ceiling.jpg) no-repeat;
	background-size: cover;
}

.header-projects {
	height: 75vh;
	background: url(../../bestiger/img/header-projects-background.jpg) no-repeat;
	background-size: cover;
}

.header-thank-you {
    height: 70vh;
	background: url(../../bestiger/img/header-thank-you-background.jpg) no-repeat;
	background-size: cover;
}

.header-404-error {
    height: 70vh;
	background: url(../../bestiger/img/header-404-error-background.jpg) no-repeat;
	background-size: cover;
}
    .header-careers {
    height: 60vh;
	background: url(../../bestiger/img/header-careers.jpeg) no-repeat;
	background-size: cover;
}
   
}


@media (min-width: 992px) {

	.hidden-logo {
	left: 10%;
        top: 5%;
}
	label {
	
}
	.bottom-nav-icon {
	    padding: 0;
}

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

	.hidden-logo {
	left: 9.7%;
        top: 5%;
}
 .header-404-error {
            height: 70vh;
            background: url(../../bestiger/img/header-404-error-background.jpg) 0 40% no-repeat;
            background-size: cover;
            }
}