@import url(http://fonts.googleapis.com/css?family=Hind);
@import url(http://fonts.googleapis.com/css?family=Nobile);

p{
	font-family:'Nobile', sans-serif;
	color:#4A4444;
	
	/*color: black;*/
	
}

body {
    margin: 30px 0px;
}
.navbar-default .navbar-nav > li.dropdown:hover > a, 
.navbar-default .navbar-nav > li.dropdown:hover > a:hover,
.navbar-default .navbar-nav > li.dropdown:hover > a:focus {
    background-color: rgb(231, 231, 231);
    color: rgb(85, 85, 85);
}
li.dropdown:hover > .dropdown-menu {
    display: block;
}
img#partner_logo{
	/*padding:10px;*/
	width: 100%;
    height: auto;
	
}
img#logo_avigilon{
	/*padding:10px;*/
	width: 100%;
    height: auto;
	
}
img#loxon_ico{
	width: 50%;
    height: auto;
	
}
img#social{
	opacity: 0.6;
}
img#partner_logo-netgear{
	padding:20px;
	width: 100%;
    height: auto;
}
img#dist-logo{
	padding-top:20px;
	width: 100%;
    height: auto;
}
img#d-supermicro{
	padding-top:10px;
	width: 100%;
    height: auto;
}	
img#d-qsan{
	
	width: 100%;
    height: auto;
}	
img#logo-sc{
	margin: 0; 
	float: none;
}
img#one-third-img{
	width: 100%;
    height: auto;
	
}
img#one-second-img{
	width: 100%;
    height: auto;
	
}
img#lus{
	width: 70%;
    height: auto;
	
}
img#partner_logo_senstar{
	padding-top:10px;
	width: 100%;
    height: auto;
}

#map-container {
  width: 100%;
  height: 210px;
  margin-bottom: 15px;
  border: 2px solid #fff;
}
.tech-partner{
	
}


.navbar-collapse{
	font-family:'Nobile', sans-serif;
	text-align: left;
	font-weight:normal;
	font-size:100%;
	color:#4A4444;
	text-transform:uppercase;
	letter-spacing:3px;
	
}
.col-lg-10#form-row{
	padding:2px;
}
.col-lg-2#tech-partner{
	padding:10px;
}
.content-block-one > hr {
  border-top-color: #d5d5d5;
}
.container .content-block-one {
  border-radius: 6px;
}
.content-block-one .container {
  max-width: 100%;
}
.content-space-one p {
	padding:5px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 200;
}
.player{
	
	
}
@media screen and (min-width: 768px) {
 
  .content-block-one h1,
  .content-block-one .h1 {
    font-size: 63px;
  }
}
.content-space-one-one{
	padding: 0px;
	margin-bottom: 0px;
	color: inherit;
	background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.8) 100%),url(img/axis_stadion.png) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	  
	padding-top: 100px;
	padding-bottom: 50px;
}
.content-space-yellow {
	padding: 0px;
	margin-bottom: 0px;
	color: inherit;
	background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.8) 100%),url(img/sc-big.png) no-repeat center center scroll; 
	-webkit-background-size: 70%;
	-moz-background-size: 70%;
	-o-background-size: 70%;
	background-size: 70%;
	  
	padding-top: 0px;
	padding-bottom: 0px;
}

.content-space-one-link {
	padding: 0px;
	margin-bottom: 0px;
	color: inherit;
	background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.8) 50%),url(img/axis_stadion.png) no-repeat center center fixed; 
	-webkit-background-size: 90%;
	-moz-background-size: 90%;
	-o-background-size: 90%;
	background-size: 90%;
	  
	padding-top: 20px;
	padding-bottom: 0px;
}
.content-space-two {
	
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
 
  background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 100%),url(img/aviotec-stage_res_1984x1116.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 
  padding-top: 100px;
  padding-bottom: 100px;
}
.content-space-qognify {
	
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
 
  background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 100%),url(img/qognify/Q_NiceVision_headerimage.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 
  padding-top: 100px;
  padding-bottom: 100px;
}
.content-space-three {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  
  background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 100%),url(img/Home_background_one.png) no-repeat center center fixed ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}
.content-space-four {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 100%),url(img/04687e2.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}

.content-space-five {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 100%),url(img/videoweb.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}

.content-space-a {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 100%),url(img/videoweb.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}

.content-space-b {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%),url(img/q61_blue_hall_1506_hi.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}
.content-space-security {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 50%),url(img/q61_blue_hall_1506_hi.jpg) no-repeat center center fixed; 
  -webkit-background-size: 90%;
  -moz-background-size: 90%;
  -o-background-size: 90%;
  background-size: 90%;
  padding-top: 50px;
  padding-bottom: 50px;
}

.content-space-c {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%),url(img/image4.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}
.content-space-logistik {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 50%),url(img/logistiklive.jpg) no-repeat center center fixed; 
  -webkit-background-size: 90%;
  -moz-background-size: 90%;
  -o-background-size: 90%;
  background-size: 90%;
  padding-top: 50px;
  padding-bottom: 50px;
}
.content-space-marketing {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 50%),url(img/image4.jpg) no-repeat center center fixed; 
  -webkit-background-size: 90%;
  -moz-background-size: 90%;
  -o-background-size: 90%;
  background-size: 90%;
  padding-top: 50px;
  padding-bottom: 50px;
}
.content-space-bau {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 50%),url(img/bau.jpg) no-repeat center center fixed; 
  -webkit-background-size: 90%;
  -moz-background-size: 90%;
  -o-background-size: 90%;
  background-size: 90%;
  padding-top: 50px;
  padding-bottom: 50px;
}
.content-space-netzwerk {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 50%),url(img/netz.jpg) no-repeat center center fixed; 
  -webkit-background-size: 90%;
  -moz-background-size: 90%;
  -o-background-size: 90%;
  background-size: 90%;
  padding-top: 50px;
  padding-bottom: 50px;
}
.content-space-distribution {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 50%),url(img/acti-produktserie_01.jpg) no-repeat center center fixed; 
  -webkit-background-size: 90%;
  -moz-background-size: 90%;
  -o-background-size: 90%;
  background-size: 90%;
  padding-top: 50px;
  padding-bottom: 50px;
}

.content-space-d {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 100%),url(img/integration_0.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}
.content-space-systemintegration {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 50%),url(img/integration_0.png) no-repeat center center fixed; 
  -webkit-background-size: 90%;
  -moz-background-size: 90%;
  -o-background-size: 90%;
  background-size: 90%;
  padding-top: 50px;
  padding-bottom: 50px;
}

.content-space-e {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.9) 100%),url(img/monitoring.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}
.content-space-f {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.9) 100%),url(img/Loxone-background-ms.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}
.content-space-videoweb {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 50%),url(img/videoweb.png) no-repeat center center fixed; 
  -webkit-background-size: 90%;
  -moz-background-size: 90%;
  -o-background-size: 90%;
  background-size: 90%;
  padding-top: 50px;
  padding-bottom: 50px;
}
.content-space-g {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.7) 100%),url(img/Loxone-background-haus.png) no-repeat center center fixed; 
  -webkit-background-size: 50%;
  -moz-background-size: 50%;
  -o-background-size: 50%;
  background-size: 50%;
  padding-top: 100px;
  padding-bottom: 200px;
}
.content-space-loxone {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.5) 100%),url(img/lox.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}
.content-space-loxone-industrie {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.5) 100%),url(img/FS_industrie.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}
.content-space-h {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 100%),url(img/axis_logo.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}
.content-space-i {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 100%),url(img/canon_logo.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}

.page-break {
    width: 50%;
    height: 3px;
    background-color: #4A4444;
    margin: 0 auto;
}
.page-break-loxon {
    width: 100%;
    height: 1px;
    background-color: #4A4444;
    margin: 0 auto;
}

#videoDiv2 {
	width:100%;
	margin:auto;
	display:block;
	position: relative;
	
} 
#videoBG{width:100%;} /* This has been changed */
#videoMessage2 { 
position: absolute; 
top: 0; 
left: 0;
background: rgba(0, 0, 0, 0.5);
color: #f1f1f1;
display: flex;
flex-direction: column; 
justify-content: center;
align-items: center; 
width: 100%;
height: 99%;}



/*.content {
  position: fixed;
 
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}*/