@charset "UTF-8";
  /* CSS Document */ 
  
  @media screen and (min-width: 1112px) {
	  
	  #myCarousel{
	  border:1px solid transparent;
	  max-width:100% !important;
	  height:auto;
	  margin:0 auto;
	  padding-top:90px;
 	 }
	 
	 section {
		  padding: 150px 0 0 0;
	  }
	  
	  .navbar-brand img {
		/*width:auto; 
		height:100%;*/
	}
	
	.header-description {
    font-size: 12px;
	}
	
	.navbar-default .nav li a {
	  font-size:12px;
	   padding-top: 5px;
       padding-bottom: 5px;
   }
	 
}
	  
  @media screen and (max-width: 1112px) {
    .navbar-header {
        float: none;
		margin:0 0 10px 0;
		height:auto;
    }
	.navbar-brand img {
		width:auto; 
		height:100%;
	}
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		/*padding-bottom:25px;*/
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        /*margin-top: 7.5px;*/
    }
    .navbar-nav>li {
        float: none;
    }
	.navbar-default .nav li a {
	  font-size:12px;
	   padding-top: 5px;
       padding-bottom: 5px;
   }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
		font-size:12px;
    }
    .collapse.in{
        display:block !important;
    }

 .header-description {
	float:right;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; 
	text-align:left;
    font-size: 12px;
    color:#FFF;
	height:100%;
	width:auto;
	white-space:normal;
	margin:0;
	padding-bottom:10px;
	text-shadow:none;
	/*text-shadow: 1px 1px 0 hsl(0,0%,90%);*/
	}
 .navbar-fixed-top {
	background:#d9d9d9;
    background: -moz-linear-gradient(top,  #1d427e 0%, #5b78bd 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d427e), color-stop(100%,#5b78bd)); 
	background: -webkit-linear-gradient(top,  #1d427e 0%,#5b78bd 100%); 
	background: -o-linear-gradient(top,  #1d427e 0%,#5b78bd 100%); 
	background: -ms-linear-gradient(top,  #1d427e 0%,#5b78bd 100%); 
	background: linear-gradient(to bottom,  #1d427e 0%,#5b78bd 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d427e', endColorstr='#5b78bd',GradientType=0 ); 
	text-shadow: 1px 1px 0 hsl(0,0%,90%);
	/*border-bottom:2px solid #1d427e;*/
	border:0;
	padding-bottom:10px;
	  }
	 
	  
  /*.navbar-default {
		
	margin:0;
	padding:0;
		
	}*/
	  
 .navbar-default .nav li:last-of-type {
		
	margin-right:4px;
		
	}
	
	 #myCarousel{
	 /* border:1px solid transparent;
	  max-width:100% !important;
	  height:auto;
	  margin:0 auto;
	  padding-top:60px;*/
	  display:none;
  }
  
  section {
		  padding: 120px 0 0 0;
	  }
  
 }
  
   @media only screen and (max-device-width : 1024px) {
	
	  .navbar-default {
		  padding: 0px 0 0 5px;
		  -webkit-transition: padding .3s;
		  -moz-transition: padding .3s;
		  transition: padding .3s;
		  border: 0;
	  }
  
	  .navbar-default .navbar-brand {
		  -webkit-transition: all .3s;
		  -moz-transition: all .3s;
		  transition: all .3s;
		  margin-top:5px;
	  }
  
	  .navbar-default .navbar-nav>.active>a {
		  border-radius: 3px;
	  }
  
	  .navbar-default .navbar-shrink {
		  background-color: #1d427e;
		  padding: 10px 0;
	  }
  
	  .navbar-default .navbar-shrink .navbar-brand {
		  font-size: 1em;
	  };
	  
		#referenzen  table th {
			font-size:12px;
			}
		
		#referenzen table td {
			font-size:11px;
		}
	  
	  
  }
  
  @media screen and (max-width: 834px) {
	   
.navbar-fixed-top {
	background:#d9d9d9;
    background: -moz-linear-gradient(top,  #1d427e 0%, #5b78bd 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d427e), color-stop(100%,#5b78bd)); 
	background: -webkit-linear-gradient(top,  #1d427e 0%,#5b78bd 100%); 
	background: -o-linear-gradient(top,  #1d427e 0%,#5b78bd 100%); 
	background: -ms-linear-gradient(top,  #1d427e 0%,#5b78bd 100%); 
	background: linear-gradient(to bottom,  #1d427e 0%,#5b78bd 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d427e', endColorstr='#5b78bd',GradientType=0 ); 
	text-shadow: 1px 1px 0 hsl(0,0%,90%);
	/*border-bottom:2px solid #1d427e;*/
	border:0;
	  }
	  
.navbar-header {
	margin-top:0px;
	border:0px solid #FFF;
	}
.navbar-header h1, .navbar-header h2 {
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:normal;
    color: rgba(254, 255, 255, 1);
	text-shadow: 1px 1px 1px #000;
	margin:0;
	padding:0;
	text-transform:none;
	}
.navbar-header h1 {
    font-size: 2.7em;
	margin-top:0px;
}
.navbar-header h2 {
	font-size: 1.1em;
	margin-top:5px;
}

.header-description {
	float:right;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	text-align:right;
    font-size: 11px;
    color:#fff;
    /*text-shadow: 1px 1px 1px #1d427e;*/
	max-width:480px;
	height:auto;
	white-space:normal;
	font-weight:normal;
	text-shadow:none;

}
	   
  #about .portfolio-item .portfolio-caption h3 {
	  text-transform: uppercase;
	  margin:10px auto;
	  font-size:14px;
  }
  
  #about .portfolio-item .portfolio-caption p {
	 /* font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;*/
	  font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	  font-size: 12px;
	  margin:20px auto;
	  font-weight:normal;
	  padding:0px;
	  color:#333;
  }
  
   /*#myCarousel{
	  border:1px solid transparent;
	  max-width:100% !important;
	  height:auto;
	  margin:0 auto;
	  padding-top:100px;
  }*/
  
  #referenzen  table th {
			font-size:12px;
			}
		
		#referenzen table td {
			font-size:10px;
		}
	   
}

 @media screen and (max-width: 568px) {
	   
.navbar-fixed-top {
	background:#d9d9d9;
    background: -moz-linear-gradient(top,  #1d427e 0%, #5b78bd 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d427e), color-stop(100%,#5b78bd)); 
	background: -webkit-linear-gradient(top,  #1d427e 0%,#5b78bd 100%); 
	background: -o-linear-gradient(top,  #1d427e 0%,#5b78bd 100%); 
	background: -ms-linear-gradient(top,  #1d427e 0%,#5b78bd 100%); 
	background: linear-gradient(to bottom,  #1d427e 0%,#5b78bd 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d427e', endColorstr='#5b78bd',GradientType=0 ); 
	text-shadow: 1px 1px 0 hsl(0,0%,90%);
	/*border-bottom:2px solid #1d427e;*/
	border:0;
	  }
	  
.navbar-header {
	margin-top:0px;
	border:0px solid #FFF;
	}

hgroup {
	padding:0px 10px 13px 0;
	float:left;
	text-align:right;
	background: url(../images/layout/logo-q.png) no-repeat left bottom;
	margin-top:0px;
	border:0px solid red;
}

.navbar-header h1, .navbar-header h2 {
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:normal;
    color: rgba(254, 255, 255, 1);
	text-shadow: 1px 1px 1px #000;
	margin:0;
	padding:0;
	text-transform:none;
	}
.navbar-header h1 {
    font-size: 2.0em;
	margin-top:0px;
}
.navbar-header h2 {
	font-size: 0.7em;
	margin-top:5px;
}

.header-description {
	float:right;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	text-align:right;
    font-size: 11px;
    color:#fff;
    /*text-shadow: 1px 1px 1px #1d427e;*/
	max-width:480px;
	height:auto;
	white-space:normal;
	font-weight:normal;
	text-shadow:none;

}
	   
  #about .portfolio-item .portfolio-caption h3 {
	  text-transform: uppercase;
	  margin:10px auto;
	  font-size:14px;
  }
  
  #about .portfolio-item .portfolio-caption p {
	 /* font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;*/
	  font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	  font-size: 12px;
	  margin:20px auto;
	  font-weight:normal;
	  padding:0px;
	  color:#333;
  }
	
	   
}

 @media (min-width:767px) {
	   .navbar-default {
		  padding: 0px 0 0 15px;
		  -webkit-transition: padding .3s;
		  -moz-transition: padding .3s;
		  transition: padding .3s;
		  border: 0;
	  }
  
	  .navbar-default .navbar-brand {
		  -webkit-transition: all .3s;
		  -moz-transition: all .3s;
		  transition: all .3s;
	  }
  
	  .navbar-default .navbar-nav>.active>a {
		  border-radius: 3px;
	  }
  
	  .navbar-default.navbar-shrink {
		  background-color: #1d427e;
		  padding: 10px 0;
	  }
  
	  .navbar-default.navbar-shrink .navbar-brand {
		  font-size: 1em;
	  }
	  #about .portfolio-item {
		  margin: 0 0 30px;
	  };
	  
	  #about .portfolio-item .portfolio-link .portfolio-hover {
	 background: rgba(247,147,30,.9);
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  opacity: 0;
	  transition: all ease .5s;
	  -webkit-transition: all ease .5s;
	  -moz-transition: all ease .5s;
	}
	
	 #about .portfolio-item .portfolio-caption {
	  max-width: 400px;
	  margin: 0 auto;
	  background:none;
	  text-align: center;
	  padding: 15px 2px 15px 2px;
 	 }
  
	/*#myCarousel{
		padding-top:90px;
	}*/
	
	  .navbar-default {
		  background-color: #1d427e;
		  padding: 15px 0 0 0;
		  -webkit-transition: padding .3s;
		  -moz-transition: padding .3s;
		  transition: padding .3s;
		  border: 0;
	  }

	  .navbar-default .navbar-brand {
	  color: #f7931e;
	/*  font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;*/
	  font-size: 1em;
	  margin-top:5px;
	  padding:5px 0 0 5px;
	  line-height:normal;
  }
  
	  .navbar-default .navbar-nav>.active>a {
		  border-radius: 3px;
	  }
  
	  .navbar-default .navbar-shrink {
		   background-color: #1d427e;
		  padding: 10px 0;
	  }
  
	  .navbar-default .navbar-shrink .navbar-brand {
		  font-size: 1.5em;
	  }
	  #about .portfolio-item .portfolio-caption h5 {
	  text-transform: uppercase;
	  margin: 0;
	  font-size:14px;
 	 }
	 
	  header .intro-text {
		  padding-top: 300px;
		  padding-bottom: 200px;
	  }
  
	  header .intro-text .intro-lead-in {
		   font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
		  font-style: normal;
		  font-size: 60px;
		  line-height: 75px;
		  margin-bottom: 75px;
	  }
  
	  header .intro-text .intro-heading {
		  font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
		  font-style: normal;
		  font-size: 60px;
		  line-height:normal;
		  margin-bottom: 75px;
		  display:none;
	  }
	  /*bx-slider*/
	  .bx-wrapper .bx-pager,
	  .bx-wrapper .bx-controls-auto {
		  position: absolute;
		  bottom: -100px;
		  width: 100%;
	  };
  
	  #project .portfolio-item {
		  margin: 0 0 30px;
	  };
 
	  #clients .portfolio-item {
		  margin: 0 0 30px;
	  }
 
	  .timeline:before {
		  left: 50%;
	  }
  
	  .timeline>li {
		  margin-bottom: 100px;
		  min-height: 100px;
	  }
  
	  .timeline>li .timeline-panel {
		  width: 41%;
		  float: left;
		  padding: 0 20px 20px 30px;
		  text-align: right;
	  }
  
	  .timeline>li .timeline-image {
		  width: 100px;
		  height: 100px;
		  left: 50%;
		  margin-left: -50px;
	  }
  
	  .timeline>li .timeline-image h4 {
		  font-size: 13px;
		  margin-top: 16px;
		  line-height: 18px;
	  }
  
	  .timeline>li.timeline-inverted>.timeline-panel {
		  float: right;
		  text-align: left;
		  padding: 0 30px 20px 20px;
	  };
	  
	  .portfolio-modal .portfolio-item {
		  margin: 0 0 30px;
	  };
	
  }
  
   @media (max-width:768px) {
	  
 #google-map-overlay-content {
	width:100%;
    max-height:450px;
    position:relative;
	background-color: rgba(0,0,0,0.50);
	padding:20px;
	border:0px solid #000;
	color:#FFF;
	}
	
#google-map-overlay-content  p {
	font-weight:normal;
	font-size:11px;
	}
	
#google-map-overlay-content  h4 {
	margin-top:20px;
	}
	
  }
  
  
  @media  (min-width : 1024px) {
	.carousel-inner{
		  min-height: 650px;
		  max-width:auto;
		  padding:0;
		  margin:0 auto;
	  }
	 .navbar-default .navbar-brand {
	  color: #f7931e;
	  /*font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;*/
	  text-transform: uppercase;
	  font-weight: 400;
	  letter-spacing: normal;
	  font-size: 1em;
	  margin-top:15px;
	  padding:0 0 0 15px;
	  line-height:normal;
 	 }
	.navbar-nav {
    float: left;
    margin: 8px 0 0 0;
  }
  }
  
  
  @media  (min-width : 1440px) {
	 	.carousel-inner{
		  min-height:793px;
		  max-width:auto;
		  padding:0;
		  margin:0 auto;
	  }
	   
  }
  
 
 
  
  @media (min-width:992px) {
	   .navbar-default {
		  padding: 0px 0 0 15px;
		  -webkit-transition: padding .3s;
		  -moz-transition: padding .3s;
		  transition: padding .3s;
		  border: 0;
	  }
  
	  .navbar-default .navbar-brand {
		  -webkit-transition: all .3s;
		  -moz-transition: all .3s;
		  transition: all .3s;
	  }
  
	  .navbar-default .navbar-nav>.active>a {
		  border-radius: 3px;
	  }
  
	  .navbar-default.navbar-shrink {
		  background-color: #1d427e;
		  padding: 10px 0;
	  }
  
	  .navbar-default.navbar-shrink .navbar-brand {
		  font-size: 1em;
	  }
	  .timeline>li {
		  min-height: 150px;
	  }
  
	  .timeline>li .timeline-panel {
		  padding: 0 20px 20px;
	  }
  
	  .timeline>li .timeline-image {
		  width: 150px;
		  height: 150px;
		  margin-left: -75px;
	  }
  
	  .timeline>li .timeline-image h4 {
		  font-size: 18px;
		  margin-top: 30px;
		  line-height: 26px;
	  }
  
	  .timeline>li.timeline-inverted>.timeline-panel {
		  padding: 0 20px 20px;
	  }
	  /*bx-slider*/
	   .bx-wrapper .bx-pager,
	  .bx-wrapper .bx-controls-auto {
		  position: absolute;
		  bottom: -70px;
		  width: 100%;
	  };
  }
  
  @media (min-width:1200px) {
	  .timeline>li {
		  min-height: 170px;
	  }
  
	  .timeline>li .timeline-panel {
		  padding: 0 20px 20px 100px;
	  }
  
	  .timeline>li .timeline-image {
		  width: 170px;
		  height: 170px;
		  margin-left: -85px;
	  }
  
	  .timeline>li .timeline-image h4 {
		  margin-top: 40px;
	  }
  
	  .timeline>li.timeline-inverted>.timeline-panel {
		  padding: 0 100px 20px 20px;
	  }
	  /*bx-slider*/
		 .bx-wrapper .bx-pager,
		.bx-wrapper .bx-controls-auto {
			position: absolute;
			bottom: -90px;
			width: 100%;
		};
  }