@charset "utf-8";
/**/@font-face {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 500;
   
}
body{
background:#000;
overflow:scroll;
font-family: 'Open Sans', sans-serif;
font-weight:500;

	}
/*.pozadina{
background:url(images/1134.jpg)	;
background-size:cover;
width:100%;
height:1000px;
z-index:-1;	
position:fixed;
opacity:0.3;
	}	*/
#reklama{
visibility:hidden;
}
marquee{
margin-top:2px;
visibility: hidden;
}
.homediv {
    width: 48%;
    position: absolute;
    height: 1000px;
    left: 37%;
    z-index:5;
    top: 190px;
	border:1px solid whitesmokeFFF 0.1;
    background:transparent;
    margin: 1px;
}

#c{
	background:url(images/ae.fw.png);
background-position:center;
background-size:contain;
background-repeat:no-repeat;
	left:0;
	top:0px;
	z-index:50;
	position:relative;
	  cursor: crosshair;
	}

	
#infopultHome{
	position:relative;
	
	width:100%;
	    min-height: 44%;
	background:whitesmoke;
	
	box-shadow:inset 0 0 60px rgba(000,000,000,0.5);
	text-align:center;
	}
	
#infopultHome1 {
	
	box-shadow:inset 0 0 5px rgba(000,000,000,0.3);
	position:absolute;
	top:15%;
	padding-top:10px;
	padding-left: 10px;
	padding-right: 10px;
	left:5%;
	width:90%;
	min-height:64%;
	text-align:left;
	border-top-color:#999;
	background:transparent;
	z-index:20;
	font-weight:500;
	color:#666;
	font-size:16px;
	  cursor: default;
	}		
.servicesdiv {
    width: 48%;
    position: absolute;
    height: 1000px;
    left: 37%;
    display:none;
    top: 191px;
	border:1px solid whitesmokeFFF 0.1;
    background:transparent;
    margin: 1px;
	 cursor: default;
}


#service1{
	width:42%;
	left:4%;
	height:32%;
	position:absolute;
	top:0%;
	background:whitesmoke;
	box-shadow:inset 0 0 15px rgba(000,000,000,0.5);
	text-align:center;
	cursor:default;
	border-radius:1px;
	z-index:20;
	}
#service1 a{
	width:100%;
	left:0%;
	height:30%;
	position:absolute;
	bottom:0%;
	background:whitesmoke;
	box-shadow:inset 0 0 15px rgba(000,000,000,0.5);
	text-align:center;
	text-decoration:none;
	font-size:12px;
	color:#333;
	z-index:20;
	 cursor: default;
	}	
#service1img{
	width:100%;
	left:0%;
	height:60%;
	position:absolute;
	top:0%;
	background:url(images/Consulting.jpg);
	box-shadow:inset 0 0 15px rgba(000,000,000,0.5);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	border-radius:1px;
	z-index:20;
	}	
#service2{
	width:42%;
	right:4%;
	height:32%;
	position:absolute;
	top:0%;
	background:whitesmoke;
	box-shadow:inset 0 0 15px rgba(000,000,000,0.5);
	text-align:center;
	border-radius:1px;
	z-index:20;
	}
#service2 a{
	width:100%;
	left:0%;
	height:30%;
	position:absolute;
	bottom:0%;
	background:whitesmoke;
	box-shadow:inset 0 0 15px rgba(000,000,000,0.5);
	text-align:center;
	text-decoration:none;
	font-size:12px;
	color:#333;
	z-index:20;
	 cursor: default;
	}	
#service2img{
	width:100%;
	left:0%;
	height:60%;
	position:absolute;
	top:0%;
	background:url(images/Construction.jpg);
	box-shadow:inset 0 0 15px rgba(000,000,000,0.5);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	z-index:20;
	}	
#service3{
	width:42%;
	left:4%;
	height:32%;
	position:absolute;
	top:35%;
	background:whitesmoke;
	box-shadow:inset 0 0 15px rgba(000,000,000,0.5);
	text-align:center;
	border-radius:1px;
	z-index:20;
	}
#service3 a{
	width:100%;
	left:0%;
	height:30%;
	position:absolute;
	bottom:00%;
	background:whitesmoke;
	box-shadow:inset 0 0 15px rgba(000,000,000,0.5);
	text-align:center;
	text-decoration:none;
	font-size:12px;
	color:#333;
	z-index:20;
	 cursor: default;
	}	
#service3img{
	width:100%;
	left:0%;
	height:60%;
	position:absolute;
	top:0%;
	background:url(images/HighPerformanceBuilding.jpg);
	box-shadow:inset 0 0 15px rgba(000,000,000,0.5);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	z-index:20;
	}	
#service4{
	width:42%;
	right:4%;
	height:32%;
	position:absolute;
	top:35%;
	background:whitesmoke;
	box-shadow:inset 0 0 15px rgba(000,000,000,0.5);
	text-align:center;
	border-radius:1px;
	}
#service4 a{
	width:100%;
	left:0%;
	height:30%;
	position:absolute;
	bottom:00%;
	background:whitesmoke;
	box-shadow:inset 0 0 15px rgba(000,000,000,0.5);
	text-align:center;
	text-decoration:none;
	font-size:12px;
	color:#333;
	z-index:20;
	cursor: default;
	}	
#service4img{
	width:100%;
	left:0%;
	height:60%;
	position:absolute;
	top:0%;
	background:url(images/energy-efficient-house.jpg);
	box-shadow:inset 0 0 15px rgba(000,000,000,0.5);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	z-index:20;
	}						
.softwarediv {
    width: 48%;
    position: absolute;
    height: 1000px;
    left: 37%;
    display:none;
    top: 190px;
    min-height: 70%;
	border:1px solid whitesmokeFFF 0.1;
    background:transparent;
    margin: 1px;
	cursor:pointer;
}
#softwaredefaultdiv{
	box-shadow:inset 0 0 35px rgba(000,000,000,0.5);
	background:whitesmoke;
	position:absolute;
	left:0%;
	width:75%;
	top:0%;
	height:65%;
	text-decoration:none;
	color:#000;
	border-radius:1px;
	text-align:center;
	 cursor: default;
	     z-index: 100;
}

#software1div a{
    z-index: 50;
		text-align:center;
	text-decoration:none;
	color:#000;
	letter-spacing:2px;
	 cursor: default;
	}	
#software2div a{
    z-index: 50;	
		text-align:center;
	text-decoration:none;
	color:#000;
	letter-spacing:2px;
	margin-top:30px;
	 cursor: default;
	}
#infopultSoftware1 {
	
	
	position:absolute;
	
	padding:2%;
	left:3%;
	width:90%;
	min-height:30%;
	
	background:transparent;
	z-index:20;
	font-weight:500;
	color:#666;
	font-size:16px;
	}
	
#KnaufInsolationPro	
{
	  position: absolute;
  padding: 2%;
  left: 3%;
  width: 90%;
  min-height: 30%;
  bottom: -10%;
  background: transparent;
  z-index: 20;
  /* font-weight: 500; */
  color: #666;
  font-size: 16px;
}
#infopultSoftware2 {
	
  box-shadow: inset 0 0 15px rgba(000,000,000,0);
  position: absolute;
  /* background: rgb(239, 239, 239) !important; */
  padding: 2%;
  left: 3%;
  width: 90%;
  min-height: 40%;
  border-radius: 3px;
  background: transparent;
  z-index: 20;
  font-weight: 500;
  color: whitesmoke;
  font-size: 16px;
	}	

.uibutton {
    display:inline-block;
    padding:5px 10px;
    border-top:1px solid #96d1f8;
    color:#fff;
    border-radius:8px;
    box-shadow:rgba(0,0,0,1) 0 1px 0;
    text-shadow:rgba(0,0,0,.4) 0 1px 0;
    text-decoration:none;
    
    background-repeat:no-repeat;
    background-image:-webkit-linear-gradient(
       left top ,
         rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.5) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.5) 50%
    ),
    -webkit-linear-gradient(
        whitesmoke, #65a9d7
    );
    background-image:-moz-linear-gradient(
        left top ,
         rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.5) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.5) 50%
    ),
    -moz-linear-gradient(
       whitesmoke, #65a9d7
    );    
    background-image:-o-linear-gradient(
        0 0,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    ),
    -o-linear-gradient(
          whitesmoke, #65a9d7
    );
    background-image:linear-gradient(
        0 0,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    ),
    linear-gradient(
          whitesmoke, #65a9d7
    );
    background-position:-100px -100px, 0 0;
    -moz-background-size:250% 250%, 100% 100%;
         background-size:250% 250%, 100% 100%;
    -webkit-transition:background-position 0s ease;
       -moz-transition:background-position 0s ease;       
         -o-transition:background-position 0s ease;
            transition:background-position 0s ease;
}

.uibutton:hover,
.uibutton:focus {
    color:#fff;
    background-position:0 0, 0 0;
    -webkit-transition-duration:0.5s;
       -moz-transition-duration:0.5s;
            transition-duration:0.5s;
}
#software2{
	border-radius:2px;
	width:55px;
	right:17.5%;
	height:129px;
	position:fixed;
	top: 193px;
	text-align:right;
	cursor:pointer;
	text-decoration:none;
	z-index:10;
	color:#003;
	
	}
#software1 h4 {
  transform: rotate(90deg);
  top: 35px;
  right: -5px;
  position: absolute;
  color: #003;
}
#software2 h4 {
  transform: rotate(90deg);
  top: 30px;
  right: 0px;
  position: absolute;
  color: #003;
}		
#software1{
	border-radius:2px;
	width:55px;
	right:17.5%;
	height:129px;
	position:fixed;
	top: 371px;
	    z-index: 50;
	box-shadow:inset 0 0 15px rgba(000,000,000,0.5);
	text-align:right;
	z-index:10;
	cursor:pointer;
	text-decoration:none;
	
	color:#003;
	}
#software1div	{
	box-shadow:inset 0 0 15px rgba(000,000,000,0.5);
	background:whitesmoke;
	position:absolute;
	left:0%;
	width:75%;
	top:0%;
	height:70%;
	display:none;
	 cursor: default;
	    z-index: 50;
	}
#software2div	{
	box-shadow:inset 0 0 15px rgba(000,000,000,0.5);
	background:whitesmoke;
	position:absolute;
	left:0%;
	width:75%;
	top:0%;
	height:90%;
	display:none;
	 cursor: default;
	    z-index: 50;
	}		

.portfoliodiv {
    width: 48%;
    position: absolute;
    height: auto;
    left: 37%;
    display:none;
    top: 190px;
	border:1px solid whitesmokeFFF 0.1;
	box-shadow:inset 0 0 65px rgba(000,000,000,0.5);
    
    margin: 1px;
}

#myDiv{
	  font-family: arial;
	margin-top: 140px;
	position:relative;
    width:80%;
	height:40%;
	text-align:center;
	left:10%;
	color:white;
    border:none; 
    font-size:18px;
	
} 

#portfolioinfo{width:75%; height:100%;  position:absolute;}
.contactdiv {
    width: 48%;
    position: absolute;
    height: 1000px;
    left: 37%;
    z-index:4;
    top: 190px;
	border:1px thin whitesmokeFFF 0.1;
	opacity:0;
    background:transparent;
    margin: 1px;
	
}

#googleMap{
	width:100%;
	height:32%;
	background:white;
	}
#infopultContact{
	width:100%;
	left:0%;
	height:29%;
	position:absolute;
	top:33%;
	background:whitesmoke;
	box-shadow:inset 0 0 40px rgba(000,000,000,0.5);
	text-align:center;
	}

#infopultContact1 {
	box-shadow:inset 0 0 10px rgba(000,000,000,0.3);
	position:absolute;
	bottom:15%;
	padding-top:20px;
	left:10%;
	width:80%;
	height:64%;
	border-top:thin;
	border-top-color:#999;
	background:transparent;
	z-index:20;
	font-weight:400;
	
	}


		
.navigation {
    position: fixed;
   top: 190px;
    left: 15%;
    width: 20%;
    margin: 1px;
    padding: 0px;
	
}

.navigation li {
	
list-style:none;
	
}


.navigation li a {
	
	padding-top:12px;
  display: block;
  color: #444;
 margin-left:30px;
font-size:16px;
font-weight:bold;
  letter-spacing: 2px;
  border:none;
   text-decoration:none;
width:80%;
}


.navheader { 
  font-size: 100%;
  display:block;
  text-decoration:none;
  text-align:left;
}

.slide-trigger {
	position:fixed;
	width:90%;
  display: none; /* need this */
  background-color:whitesmoke;
  text-align:left;
  cursor: pointer;
  padding:0px;
  top:0px;
 box-shadow:inset 0 0 3px rgba(000,000,000,0.5);
  text-decoration:none;
  z-index:100;
}
.respuesta1 {
    top: 190px;
    
    width: auto;
    
   
}

#logo {

    width: 20%;
    height: 140px;
    
	/*background-image:url(AEEEE.png);*/
	background-size:contain;
	background-repeat:no-repeat;
    position: fixed;
    left: 14%;
    top: 35px;
    letter-spacing:2px;
	cursor:pointer;
	box-shadow:inset 0 0 10px rgba(000,000,000,0.5);
	color:white;
	float:left;
	font-size:18px;
}
#logo h1{
	margin-left:30px;	
	
	}
.respuestahover {
   
	
    opacity:0.9 ; 
	
}

.respuestab{
        background:#0CC;
		width:100%;
		
    opacity:0.9;
	display:block;
    
}
.respuestab a{
       
		color:#3CF !important;
    
    
}
#div1, #div2, #div3, #div4, #div5 {
    width: 100%;
    height: 50px;
    top: 30%;
    background: none repeat scroll 0% 0% whitesmoke;
	
    margin-bottom: 3px;
	padding-bottom:6px;
	padding-top:6px;
	box-shadow:inset 0 0 10px rgba(000,000,000,0.5);
}

/*.slide-trigger span {
  background-image: ;
  background-position:;
  display: block;
  float: right;
   background-color:#06C;
  margin-top: 3px;
  height: 14px;
  width: 32px;
  text-decoration:none;
}*/

.klasa1
{
width:30px;
height:30px;
 text-align:center;
cursor:pointer; 
}
.klasa1hover{
   transition-duration: 1s;
    opacity:0.5;
	color:black;
}

.klasa1tab{
       
    opacity:0.6;
    
}
#shortc{
width:140px; top:0px; height:34px;background:whitesmoke;position:fixed;right:15%;
	box-shadow:inset 0 0 3px rgba(000,000,000,0.5); z-index:100;
	
	}
#info{
width:140px; display:none; top:40px; height:30px;background:white;position:fixed;right:15%;	 box-shadow:inset 0 0 3px rgba(000,000,000,0.5);color:#999;text-align:center; z-index:11;
	
	}
#deo1{position:absolute;
left:0px;top:12px;height:13px;margin-left:2px; background:url(images/bg-mail.png); background-size:contain; background-repeat:no-repeat; background-position:center;}
#deo2{position:absolute;
left:35px;top:12px;border-left:1px solid #cfcfcf; height:12px;padding-left:2px;background:url(images/bg-phone.png); background-size:contain; background-repeat:no-repeat; background-position:center; }
#deo3{position:absolute;
left:70px;top:12px; border-left:1px solid #cfcfcf; height:12px;padding-left:2px;background:url(images/bg-pointer.png); background-size:contain; background-repeat:no-repeat; background-position:center;}
#deo4{position:absolute;
left:105px;top:12px; border-left:1px solid #cfcfcf; height:12px;margin-right:2px;background: url(images/bg-time.png); background-size:contain; background-repeat:no-repeat; background-position:center;}


.card {
	
    width: 100%;
    height: 100%;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
     cursor: pointer;
}

.front {
    z-index: 2;
   opacity:0.9;
}

.back {
    z-index: 1;
    -webkit-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg); 
    
    transform: rotateX(-180deg);  
   text-align:center;
}

.panel:hover .front {
    z-index: 1;
    -webkit-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.panel:hover .back {
    z-index: 2;   
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
#right{
	left:80%;
	position:absolute;
	
	}
#kocka11{
z-index:1;
width:33%;
position:fixed;
left: 38%; 
height: 35px;
top: 0px;

margin-left:0;
background:black;
border-bottom:1px solid rgba(255, 255, 255, .15);
}
@media only screen and (max-width: 1200px) {
  .slide-trigger {     display: block;
    text-align: center;
    padding-top: 5px;
    margin-top: 36px;
    width: 130px;
   
    height: 29px;
    position: relative; }
    
  .navigation 
  {    z-index: 100;
    position: fixed;
    left: 0%;
    margin-top: -200px;
    padding: 0px;
    width: 100%;
    background: black;
    visibility: visible !important;
    text-align: center;
    position: relative;
    }
  .navigation li {  left:0px; top:40px; visibility:visible !important;  }
   
  .navigation li a { color: white; text-align:left; }
  .respuestab{ background:transparent;}
#shortc{
	right:2%;
	visibility: hidden !important;
	 }
#kocka11
{
visibility: visible;
z-index:1001;
width:100%;
position:fixed;
left: 0; 
height: 38px;
margin-top: 0px;
margin-left:0;
background:black;
border-bottom:none;
}
#div1, #div2, #div3, #div4, #div5{
	
	width:450%;
	padding-top:10px;
	background:#333;
	padding-bottom:0px;
	padding-top:0px;
	
	}
	.homediv, .servicesdiv,.softwarediv,.portfoliodiv,.contactdiv{
	width:90%;
	left:5%;
	    left: 5%;
    position: relative;	
	box-shadow:inset 0 0 3px rgba(000,000,000,0.5);
		margin-top: -170px;
		}
		
	.contactdiv{opacity:0;     position: relative;
        margin-top: -40px;;}	
		#logo{visibility: hidden; width:90%; height:0px;left:5%; z-index:-12;top:80px; position:absolute; text-align:center; }
		#logo h1{}
		
	#lengage,#kocka1,#kocka2,#kocka3,#kocka4,#kocka5,#kocka6,#kocka7{visibility:hidden;}
	
	#infopultHome1{min-height:70% ;    top: 9%;
	     box-shadow:none;}	
	
	#infopultHome{    padding-bottom: 30px;}
	
	#service1{
	width:90%;
	left:5%;
	height:32%;
	position:absolute;
	top:0%;
	background:whitesmoke;
	box-shadow:inset 0 0 15px rgba(000,000,000,0.5);
	text-align:center;
	}
	#service2{
	width:90%;
	left:5%;
	height:32%;
	position:absolute;
	top:35%;
	background:whitesmoke;
	box-shadow:inset 0 0 15px rgba(000,000,000,0.5);
	text-align:center;
	}
	#service3{
	width:90%;
	left:5%;
	height:32%;
	position:absolute;
	top:70%;
	background:whitesmoke;
	box-shadow:inset 0 0 15px rgba(000,000,000,0.5);
	text-align:center;
	}
	#service4{
	width:90%;
	left:5%;
	height:32%;
	position:absolute;
	top:105%;
	background:whitesmoke;
	box-shadow:inset 0 0 15px rgba(000,000,000,0.5);
	text-align:center;
	}
	
#software1{
	width:30%;
	left:5%;
	height:5%;
	position:absolute;
	top:5%;
	background:whitesmoke;
	box-shadow:inset 0 0 15px rgba(000,000,000,0.5);
	text-align:center;
	cursor:pointer;
	text-decoration:none;
	z-index:10;
	color:#666;
	}
#software1 h4{
	text-decoration:none;
	position:absolute;
	left:50%;
	color:#666;
	margin-left:-130px;
top:0;
	}
#software1div	{
	box-shadow:inset 0 0 15px rgba(000,000,000,0.5);
	background:whitesmoke;
	position:absolute;
	left:5%;
	width:90%;
	top:13%;
	height:60%;
	display:none;
	 cursor: default;
	    z-index: 10;
	}
#softwaredefaultdiv{box-shadow:inset 0 0 25px rgba(000,000,000,0.5);
	background:whitesmoke;
	position:absolute;
	left:5%;
	width:90%;
	    min-height: 70%;
	top:13%;
	padding-bottom: 35px;
	z-index:10;
	}
#software2div	{
	box-shadow:inset 0 0 15px rgba(000,000,000,0.5);
	background:whitesmoke;
	position:absolute;
	left:5%;
	width:90%;
	top:13%;
	min-height:90%;
	display:none;
	z-index: 10;
	
	}
	
#software2{
	width:30%;
	right:5%;
	height:5%;
	position:absolute;
	top:5%;
	background:whitesmoke;
	box-shadow:inset 0 0 15px rgba(000,000,000,0.5);
	text-align:center;
	z-index:10;
	cursor:pointer;
	text-decoration:none;
	    z-index: 10;
	color:#666;
	}
#software2 h4{
	text-decoration:none;
	text-align:left;
	color:#666;
		right: 50%;
margin-right: -30px;
top:0;
	}
	#infopultContact1
	{box-shadow:none;	}
#software1 h4{
	transform: rotate(0deg);
	margin-left:-50%;
	
	
	}
	#software2 h4{
	transform: rotate(0deg);
	
	
	z-index:100;
	}	
#c{width:90%; left:5%; height:30%;}		
#portfolioinfo{width:90% !important; left:5% !important;}	
#reklama{
visibility:visible;
}
marquee{
visibility:visible
margin-top:6px;
padding-top:4px;
}	
#portfoliobtn		{width:90% !important; left:5% !important;}/* CSS Document */