/* work-sans-300 - latin 
===========================*/
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/work-sans-v3-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Work Sans Light'), local('WorkSans-Light'),
       url('../fonts/web/work-sans-v3-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/web/work-sans-v3-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/web/work-sans-v3-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/web/work-sans-v3-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/web/work-sans-v3-latin-300.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-regular - latin 
===========================*/
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/web/work-sans-v3-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Work Sans'), local('WorkSans-Regular'),
       url('../fonts/web/work-sans-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/web/work-sans-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/web/work-sans-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/web/work-sans-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/web/work-sans-v3-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* global styles
===========================*/
      body {
		font-family: 'Work Sans';
        padding-top: 0px;
        padding-bottom: 0px;
		font-size:13px;
		font-weight:300;
      }
	  
	  h1, h2, h3, h4, h5, h6 {
		font-family: 'Work Sans';
		color:#0e4c73;
	  }
	  
	  header{
		padding-top:50px;
	  }

	  
	  .page-header{
		padding-top:0;
	  }
	  
	  
	  	.left{
		line-height: 160%;
		margin-bottom: 25px;
		text-align: left;
	}
	
	  	.justify{
		text-align:justify;
	}

	  	.bold{
		font-weight:600;
		padding-bottom: 1px;
	}	

	/* HEADER
	============================*/
	   
	  #head-top {
	  position:relative;
		background-position: center center;
        background-size: cover;
		padding-top:0px;
		padding-bottom:0px;
		margin-top:-60px;
		display:inline-block;
		width:100%;
		height:100%;
		overflow:hidden;
		min-height:630px;
	  }
	  
	  #head-top .hero-unit{
		background:none;
		min-height:300px;
		color:#ffffff;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		padding-top:160px;
	 }
	 
	  #head-imprint {
	    position:relative;
		background:#FFFFFF;
		background-position: center center;
		margin-top:-60px;
		width:100%;
		height:100%;
	  }
	  
	#head-top .hero-unit h1, #head-top .hero-unit h2 {
	text-shadow: 2px 2px 0px rgba(150, 150, 150, 0.65);
	margin-bottom:30px;
	padding-top:70px; 
	text-transform: none;
		}
	
	.gobtnwrapper{
		position:absolute;
		bottom:0px;
		right:0px;
		left:0px;
		display:block;
		width:100%;
		height:60px;
		text-align:center;
	}
	.gobtn{
		display:inline-block;
		width:122px;
		height:60px;
		background: url("../../images/slide_down.png") rgba(0, 0, 0, 0);	
		padding-top:15px;
		opacity: 0.8;
		filter: alpha(opacity=80);
		
	}
	.gobtn i{
		color:#33ccff;
	}
	.gobtn:hover{
		opacity:0.6;
		text-decoration:none;
	}
	
	hr.bttn-top-line{
		width:250px;
		border-top:none;
		margin-left:auto;
		margin-right:auto;
		border-color:rgba(250,250,250, 0.5);
	}
	
	
	/* TITLES 
	===============================*/
	
	.inner-title{
		font-size:160%;
		margin-bottom:30px;
		
	}
	.inner-title span{
		border-bottom:5px solid #33ccff;
		display:inline-block;
	}
	
	.featured-title {
		background:#33ccff;
		display:inline-block;
		color:#fff;
		padding:5px 12px;
		float:none;
		font-size:140%;
		margin-bottom:20px;
	}
	
	  /* SECTIONS
	  ===========================*/
	section {
		position:relative;
		padding-top:0px;
		padding-bottom:40px;
		width:100%;
		min-width:100%;
		background:#FFFFFF;
		color:#777;
	  } 
	  
	  
	  .well{
		border:none;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	  }

	  
	  #Section-1 .well,
	  #Section-2 .well,
	  #Section-3 .well,
	  #Section-4 .well,
	  #Section-5 .well 	 {
		background:#ddd;
		color:#3f4e6b;
		margin-top:60px;
		padding-top:60px;
		padding-bottom:60px;


	  }
	  .well .lead{
		font-size:220%;
	  }
	  #Section-2 .page-header,
	  #Section-3 .page-header,
	  #Section-4 .page-header,
	  #Section-5 .page-header{
		margin-top:0px;
		padding-top:120px;
		padding-bottom:60px;
		color:#fff;
		margin-bottom:60px;
		min-height:300px;
	  }

	  #Section-2 .page-header,
	  #Section-3 .page-header,
	  #Section-5 .page-header{
		background:#292C37 url(../../images/schreibtisch_8.jpg);
		background-position: center center;
        background-size: cover;		
	  }
	  #Section-4 .page-header{		
		background:#292C37 url(../../images/wer.jpg);
	  	background-position: center center;
        background-size: cover;
	  }	  
	  

	hr{
		margin:0 0px 40px;
	}
	/*hr, 
	.page-header {
		border-color:rgba(250,250,250, 1.0)
	  }*/
	  
	  
	   
	  #Section-2 p{
		color:#3f4e6b;
	  }
	  #Section-2 h3 {
		
	  }

	  .page-header h1,
	  .page-header h2,
	  .page-header h3,
	  .page-header h4{
		font-weight:400;
		font-size:70px;
		line-height:70px;
		color:#0e4c73;
		padding:10px;
		text-transform:uppercase;
	  }
	  
	  #Section-1 h1,
	  #Section-1 h2{
		display:inline-block;
		margin-bottom: 20px;
		padding-left:20px;
		padding-right:20px;
	  }
	  
	  .box{
		margin-bottom:30px;
	  }
	  .image-container{
		background-repeat: no-repeat;
		background-position: center center;
		display:inline-block;
		max-height:248px;
		overflow:hidden;
		border-top: 7px solid transparent;
		-webkit-transition: 0.25s;
		-moz-transition: 0.25s;
		-o-transition: 0.25s;
		transition: 0.25s;
		margin-bottom:10px;
	  }
	  .box:hover .image-container{
		border-top: 7px solid #33ccff;
	  }
	  .about-box {
		margin-bottom:20px;
		margin-top:20px;
		color:#3f4e6b;
	  }
	  
	  .about-box h3,
	  .about-box h4{
		border-bottom:2px solid #33ccff;
	  }
	  .about-box h3 span,
	  .about-box h4 span{
		display:inline-block;
	  }
	  
	  .blue {
		padding: 4px 1px;
		text-align: center;
	  }
	  
	  
	  /* FOOTER
	  ================================*/
	    footer{
		display:inline-block;
		min-width:100%;
		padding-bottom:50px;
	  }
	  
		 footer .circ-wrap{
			color:#292C37;
			float:left;
			margin:10px;
		 }
	  
		footer a, .circ-wrap a{
			color:#3f4e6b;
		}
	   
		footer .circ-wrap a:hover{
			text-decoration:none;
		}
	   
		footer .circ-wrap i{
			color:#fff;
		}	   
	   
	   	.tags{
		color:rgba(60, 200, 231, 0.9);
		font-size:80%;
		}
	   
	   
	   	  /* IMPRINT
	  ================================*/
	    .imprint{
		font-size:100%;
		}
	   
	  /* NAVIGATION 
	  =============================== */
	.navbar .nav > li > a {
		float: none;
		padding: 25px 20px 26px;
		color: #fff;
		text-decoration: none;
		text-shadow: none;
		font-size:20px;
		font-weight:400;
		/*text-transform:uppercase;
		border-top: 10px solid transparent;*/
		border-bottom: 2px solid transparent;
	}
	.navbar .nav > .active > a, 
	.navbar .nav > .active > a:hover, 
	.navbar .nav > .active > a:focus {
		color: #fff;
		text-decoration: none;
		background: none;
		border-bottom: 2px solid #FFF;
		-webkit-box-shadow:  none;
			-moz-box-shadow:   none;
				box-shadow:  none;
	}
	.navbar .brand {
		padding: 20px 30px 20px 130px;
		color:#fff;
		text-shadow:none;
		font-size:32.5px;
		font-weight:100;
		margin-right:30px;
		margin-left:-130px;
	}

	.navbar-fixed-top .navbar-inner, 
	.navbar-static-top .navbar-inner {
		-webkit-box-shadow: 0 3px 0px rgba(0, 0, 0, 0.1);
			-moz-box-shadow: 0 3px 0px rgba(0, 0, 0, 0.1);
					box-shadow:0 3px 0px rgba(0, 0, 0, 0.1);
	}

	.navbar-inverse .navbar-inner {
		min-height: 40px;
		padding-right: 20px;
		padding-left: 20px;
		background: rgba(60, 200, 231, 0.98);
		background-image: none;
		background-repeat: repeat-x;
		border: none;
		border-bottom:1px solid rgba(0,0,0, 1);
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-box-shadow: none;
			-moz-box-shadow: none;
				box-shadow: none;
	}
	
	/* ICONS WRAPERS
	===========================*/
	.view-logo{
		width: 268px;
		height: 200px;
		margin: 0 auto;
		text-align: center;
	}


	/* ICONS WRAPERS
	===========================*/
	.circ-wrap{
		width: 98px;
		height: 98px;
		margin: 0 auto 30px;
		line-height: 95px;
		text-align: center;
	}
	
	.circ-wrap i{
		color:#33ccff;
	}
	

	/* Carousel
	==============================*/
	.carousel-control {
		position: absolute;
		top: 50%;
		left: 15px;
		width: 60px;
		height: 112px;
		font-size: 30px;
		padding-top:10px;
		padding-bottom:0px;
		font-weight: 100;
		line-height: 30px;
		color: #ffffff;
		text-align: center;
		background: rgba(0,0,0, 0.3);
		border: none;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		display:inline-block;
		opacity: 0.9;
		filter: alpha(opacity=90);

	}
	
	#myCarousel2 .carousel-control {
		position: absolute;
		top: 30%;
		opacity:0;
	}
	@media (max-width: 767px){
		#myCarousel2 .item .row .span3{
			width:25%;
			float:left;
		}
	}
	#myCarousel2:hover .carousel-control{
		opacity:1;
		z-index:100;
	}
	
	.carousel-control.right {
		background: url("../../images/slide_right_hover.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
		right: 0px;
		left: auto;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		 border-top-left-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.carousel-control.left {
		background: url("../../images/slide_left_hover.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
		left: 0px;
		right: auto;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		border-top-right-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	
.vertical .carousel-inner {
  height: 100%;
  display:inline-block;
  min-height:100%;
}
	
.carousel.vertical .item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;


}

.carousel.vertical .active {
  top: 0;


}

.carousel.vertical .next {
  top: 400px;
}

.carousel.vertical .prev {
  top: -400px;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

.carousel.vertical .active.left {
  top: -400px;
}

.carousel.vertical .active.right {
  top: 400px;
}

.carousel.vertical .item {
    left: 0;
}
	
	/* Caption
	==============================*/
.thumbnail {
    position:relative;
    overflow:hidden;
}
 
.caption {
    position:absolute;
    top:0;
    right:0;
    background:rgba(60, 200, 231, 0.9);
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
}

.caption h5{
    font-size: 120%;
}
	
	/* TEAM
	==============================*/
	.social-contacts a i{
		text-decoration:none;
		color:#33ccff;
		padding-left: 10px;
	}
	.social-contacts a i:hover{
		color:#335E7C;
		text-decoration:none;
		transition: all ease-in-out 0.3s;
		-webkit-transition: all ease-in-out 0.3s;
		-moz-transition: all ease-in-out 0.3s;
	}
	.social-contacts a:hover{
		text-decoration:none;
	}
	
	/* PRODUCTS
	==============================*/
	.thumbnail.product-item{
		border-top:0px;
		border-left:0px;
		border-right:0px;
		overflow:hidden;
		max-height:300px;
		padding-top:20px;
		background:none;
		border-bottom:4px solid rgba(0,0,0, 0.1);
		-moz-box-shadow:none;
		box-shadow:none;
		-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
				box-sizing:border-box;
		-webkit-border-radius:0px;
			-moz-border-radius:0px;
				border-radius:0px;
	}
	
	
	/* BUTTONS 
	=============================*/
	.btn {
	  border: none;
	  background: #34495e;
	  color: white;
      font-size: 120%;
      font-weight: 400;
	  text-decoration: none;
	  text-shadow: none;
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
	  -webkit-transition: 0.25s;
	  -moz-transition: 0.25s;
	  -o-transition: 0.25s;
	  transition: 0.25s;
	  -webkit-backface-visibility: hidden; 
	}
	
  .btn:hover, 
  .btn:focus {
    background-color: #4e6d8d;
    color: white;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden; 
	}
  .btn:active, .btn.active {
		background-color: #2c3e50;
		color: rgba(255, 255, 255, 0.75);
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none; 
	}
  .btn.disabled, 
  .btn[disabled] {
		background-color: #95a5a6;
		color: white; 
	}
	
  .btn.btn-large {
		padding-bottom: 12px;
		padding-top: 13px; 
	}
  .btn.btn-primary {
		background-color: #1abc9c; 
	}
    .btn.btn-primary:hover, 
	.btn.btn-primary:focus {
      background-color: #2fe2bf; 
	}
    .btn.btn-primary:active, 
	.btn.btn-primary.active {
      background-color: #16a085;
	 }
	.btn.btn-info {
		background-color: #3498db; 
	}
    .btn.btn-info:hover, 
	.btn.btn-info:focus {
      background-color: #5dade2; 
	 }
    .btn.btn-info:active, 
	.btn.btn-info.active {
      background-color: #2383c4; 
	}
  .btn.btn-danger {
    background-color: rgba(51, 204, 255, 0);
    border: 4px double #FFFFFF;
	}
    .btn.btn-danger:hover, 
	.btn.btn-danger:focus {
      background-color: #33ccff; 
	}
    .btn.btn-danger:active, 
	.btn.btn-danger.active {
      background-color: #3F4E6B; 
	}
  .btn.btn-link {
    background-color: rgba(51, 204, 255, 1.0);
	}
    .btn.btn-link:hover, 
	.btn.btn-link:focus {
      background-color: #335E7C; 
	}
    .btn.btn-link:active, 
	.btn.btn-link.active {
      background-color: #3F4E6B; 
	}	
  .btn.btn-success {
    background-color: #2ecc71; 
	}
    .btn.btn-success:hover, 
	.btn.btn-success:focus {
      background-color: #55d98d; 
	 }
    .btn.btn-success:active, 
	.btn.btn-success.active {
      background-color: #27ad60; 
	}
  .btn.btn-warning {
		background-color: #FFAA49; 
	}
    .btn.btn-warning:hover, 
	.btn.btn-warning:focus {
      background-color: #f4d03f; 
	}
    .btn.btn-warning:active, 
	.btn.btn-warning.active {
      background-color: #cea70c; 
	 }
	 
	/* @media width
	====================================*/
	@media (max-width: 979px){
			.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
			padding-bottom: 0px;
			padding-top: 0px;
		}
		.navbar-fixed-top, .navbar-fixed-bottom {
			position: fixed !important;
		}
	}
	@media (max-width: 767px){
		body {
			padding-right: 0px;
			padding-left: 0px;
		}
		.container{
			padding-right: 20px;
			padding-left: 20px;
		}
		
		.navbar-inverse .navbar-inner {
			min-height: 30px;
		}
		
		.navbar .brand {
			padding: 15px 10px 15px 50px;
		}
		.navbar .brand{
			margin-left:-30px;
			font-size:28px;
			margin-right:0px;
		}
		.navbar .nav > li > a {
			float: none;
			padding: 15px 20px 15px;
			-webkit-border-radius:0px;
				-moz-border-radius:0px;
					border-radius:0px;
		}
		#head-top .hero-unit {
			padding-top: 80px;
		}
		
		#head-top .hero-unit h1 {
			text-shadow: 2px 2px 0px rgba(150, 150, 150, 0.65);
			margin-bottom: 10px;
			padding-top:30px;
			font-size:36px;
		}
		#head-top .hero-unit .lead{
			font-size:16px;
			line-height:20px;
		}
	} 
	
@media (max-width: 375px) {
  .page-header h2{
	  font-size: 24px;
	  padding-left:0px;
	}	
  #Section-1 h1, #Section-1 h2 {
    padding-left: 0px;
	}
   .col-lg-3, .col-lg-6 {
        padding-bottom: 30px;
    }        
}
	
	
@media (min-width: 376px) and (max-width: 480px) {
  .page-header h2{
	  font-size: 28px;
	  padding-left:0px;
	}	
  #Section-1 h1, #Section-1 h2 {
    padding-left: 0px;
	}
  .logo {
    margin-top: 30px;
    }
   .col-lg-3, .col-lg-6 {
        padding-bottom: 30px;
    }    
}

@media (min-width: 481px) and (max-width: 767px) {
  .page-header h2{
	  font-size: 60px;
	  padding-left:0px;
	}	
  #Section-1 h1, #Section-1 h2 {
    padding-left: 0px;
	}
  .logo {
    margin-top: 30px;
    }
   .col-lg-3, .col-lg-6 {
        padding-bottom: 30px;
    }        
}

@media (min-width: 768px) and (max-width: 979px) {
  .page-header h2{
	  font-size: 60px;
	}	
}
	
	/* END @MEDIA*/