*{margin: 0;
border: 0;
padding: 0;
text-decoration:none;}

html{width:100%;}

body { background: #FFF;
width: 100%;
border-left: solid 30px #fff;
border-right: solid 30px #fff;
font-family: 'Muli', sans-serif;
margin:0;
}
header {
border-bottom: solid 1px #efefef;
margin: 0;}

.clear{clear: both;}

h1{text-align: left;
width: 434px;
  font-family: Muli;
  font-size: 550%;
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: left;
  color: #3d3d3d;}

.heading-subpage {
	font-size: 60px;
	 color: #fff;
}


h2{text-align: left;
font-family: 'Literata', serif;
font-weight:700;
font-size: 20px;
line-height: 1.5;
color:#3d3d3d;
margin: auto;
margin-top:0;
}

.footer-header {
	font-family:'Muli', sans-serif;
	font-size: 14px;
	margin-bottom: 12%;
	margin-top: 12%;
}

p {font-family: 'Muli', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.5;
color:#000;
text-align: left justify;
padding: 20px 0 20px 0;
padding-left: 0%;
margin: 0;
}

.high {padding: 0;}

.white-text {color: #fff;
padding-bottom: 5px;}

.white-text-large {color: #fff;
font-size: 24px;
padding-bottom: 0;
padding-top: 10px; 
}

.white-text-large-grey {color: #000;
font-size: 24px;
padding-bottom: 0;
padding-top: 10px; 
}
.white-text-sans {color: #fff;
font-family:'Muli', sans-serif;}

.white-text-sans-center {color: #fff;
font-family:'Muli', sans-serif;
text-align: center;}

.avtor {color: #878787;
		margin-left: 75px;
		font-size: 12px;
		padding-bottom: 50px;}
		
.owner {color: #878787;
		margin-left: 35px;
		font-size: 12px;}
		
.center {text-align: center;
		padding-right: 20px;
		padding-top: 5px;
		padding-bottom: 40px;}
		
.footer-links {font-size: 12px;
padding: 6px 0;
margin: 0;}

.footer-links a {font-size: 12px;
padding: 6px 0;
margin: 0;}


.footer-links a:hover {font-weight:700;
border-bottom: none;}

.prolehm-footer a:hover { border-bottom: none;
	
} 

.footer-normal {font-size: 12px;
padding-top: 0;
}

.copyright {font-size: 11px;
}

.production {font-size: 11px;
text-align: right;
}

.production a:hover {text-decoration: none;
border-bottom: none;
font-weight: 300;
color:#000;
}

h3{text-align: left;
font-family: 'Muli', sans-serif;
font-weight: 200;
font-size: 36px;
line-height: 1.13;
color:#878787;
margin: 0px 0 0 0;
}

h4{text-align: left;
font-family: 'Literata', serif;
font-weight:700;
font-size: 16px;
line-height: 1.2;
color:#3d3d3d;
margin: auto;
margin-top:0;
padding-right: 20px;
}

.center-title {text-align:center;padding-bottom:0;}

img {text-align: left;
max-width: 100%;
height: auto;
width: auto;
}

.image-subpage {margin-top: 30px;
}

.image-colors {margin-top: 0px;
}


.prolehm {padding: 0  0 20px 0;}

header {background: #fff;
width: 100%;
height: 124px;
position: absolute;
top: 0;
left: 0;
right:0;
z-index: 100;
opacity: 1;
}


#logo {
	margin: 30px 0 10px 20%;
	float:left;
	width: 8%;
	height: auto;
	text-decoration: none;
}


#logo:hover {
	text-decoration: none;
	border-bottom: none;
}


.green	{color:#43b67f; }



#btn-brown	{position:relative; 
			background: #b45418;
			padding:13px;			
			border-radius: 0;			
			font-size:70%; 
			font-weight:700; 
			font-family:'Muli', sans-serif;
			color:#fff; 
			text-align:center; 
			line-height:10px;
			height:36px;
			max-width:130px;
			margin-top: 8%;}	
			
#btn-brown:hover { background-color:#bf6d3a;}


			
#btn-grey 	{position:relative; 
			background: #ededed;	
			padding:11px;	
			border-radius: 0;			
			font-size:80%; 
			font-weight:700; 
			font-family:'Muli', sans-serif;
			color:#3d3d3d; 
			text-align:center; 
			height:36px;
			max-width:108px;
			margin: 20px 0 50px 75px;}
			
#btn-grey:hover { background-color:#e1e1e1;}

#btn-grey-free 	{position:relative; 
			background: #ededed;	
			padding:11px;	
			border-radius: 0;			
			font-size:80%; 
			font-weight:700; 
			font-family:'Muli', sans-serif;
			color:#3d3d3d; 
			text-align:center; 
			height:36px;
			max-width:100px;
			margin: 20px 0 50px 0px;}
			
#btn-grey-free:hover { background-color:#e1e1e1;}

#btn-grey-large 	{position:relative; 
			background: #ededed;	
			padding:11px;	
			border-radius: 0;			
			font-size:80%; 
			font-weight:700; 
			font-family:'Muli', sans-serif;
			color:#3d3d3d; 
			text-align:center; 
			height:36px;
			max-width:210px;
			margin: 20px 0 50px 75px;}
			
#btn-grey-large:hover { background-color:#e1e1e1;}


#btn-grey-large-free	{position:relative; 
			background: #ededed;	
			padding:11px;	
			border-radius: 0;			
			font-size:80%; 
			font-weight:700; 
			font-family:'Muli', sans-serif;
			color:#3d3d3d; 
			text-align:center; 
			height:36px;
			max-width:180px;
			margin: 20px 0 50px 0px;}
			
#btn-grey-large-free:hover { background-color:#e1e1e1;}

#btn-white 	{position:relative; 
			background: #fff;	
			padding:11px;	
			border-radius: 0;			
			font-size:80%; 
			font-weight:700; 
			font-family:'Muli', sans-serif;
			color:#3d3d3d; 
			text-align:center; 
			height:36px;
			max-width:180px;
			margin: 20px 0 50px 0px;}
			
#btn-white:hover { background-color:#e1e1e1;}


/*********************LANGUAGES*********************/

.languages {
width: 100%;
font-size: 105%;}

.languages ul{	list-style:none;
		float: right;
		margin-top: 8px;
		margin-right: 20%;;
		}
		
.languages ul li{	display: inline;
text-decoration: none;
font-family: 'Muli', sans-serif;
font-size: 75%;
font-weight: 300;
padding: 0 0px 0 6px;


			
		}

.languages ul li a {color: #595959;
text-decoration: none;
font-family: 'Muli', sans-serif;
font-weight: 300;
margin: 0 0px 0 0px;
opacity:1;

}

.languages ul li a:hover {
text-decoration: none;
border: none;
opacity:0.6;

}


/*********************LANGUAGES-END*********************/

			

/*********************NAV*********************/

nav {
width: 100%;
font-size: 100%;
}

nav ul{	list-style:none;
		float: right;
		margin-top: 34px;
		margin-right: 20%;;
		}
		
nav ul li{	display: inline;
			
		}

nav ul li a {color:#000;
text-decoration: none;
font-family: 'Muli', sans-serif;
font-size: 14px;
font-weight: 400;
text-align: center;
padding: 0 30px 30px 30px;

}

a	{text-decoration: none;
color:#000;}

a:hover {color:#b45418;
text-decoration: none;
font-weight: 700;
border-bottom: solid 2px #b45418;}

.current {color:#b45418; font-weight: 700;
border-bottom: solid 2px #b45418;}


/*********************NAV-END*********************/

#mobile {display:none;}

.sidenav { background-color: #f2f2f2;
padding: 40px 35px 40px 35px;
margin-bottom:30px;
	
}

.sidenav a { 
padding: 20px 0 10px 0;
display: block;
	
}

.sidenav.title {padding: 0 0 0px 0;}

.sidenav a:hover {color:#b45418;
text-decoration: none;
font-weight: 700;
border-bottom: solid 2px #b45418;}

.sidenav.current {color:#b45418; font-weight: 700;
border-bottom: solid 2px #b45418;}


/*********************NAV-mobile*********************/


/**********************MENU*********************************/
.menu-collapsed {
	transition:all .25s;
	position:fixed;
	top:33px;
	left:60vw;
	height:30px;
	width:30px;
	z-index:1;
	cursor:pointer;
	display:none;}

.menu-collapsed ul {
      transition:all .05s;
      position:fixed;
      left:-9000px;
    }
  
  
.menu-collapsed .bar {
    position:fixed;
     left:85vw;
    top:40px;
    height:2px;
    width:30px;
  background-color:#b45418;}
  
.menu-collapsed .bar:before {
      transition:all .25s;
      content:"";
      position:absolute;
     left:0;
      top:-10px;
      height:2px;
      width:30px;
      background-color:#b45418;
    }
	
	
.menu-collapsed .bar:after {
      transition:all .25s;
      content:"";
      position:absolute;
     left:0;
      top:10px;
      height:2px;
      width:30px;
      background-color:#b45418;
    }
  
 

.menu-expanded {
  transition:all .25s;
  text-align:left;
  line-height:350%;
  padding-top: 10vh;
  height:100%;
  width:100%;
  border-radius:0px;
  top:0;
  left:0;
background-color:#b45418;
opacity:1;
}
  
  
  

  
.menu-expanded .bar {
    background-color:transparent;
  transition:all .25s;
  
}
  
.menu-expanded .bar:before {
      transition:all .25s;
      content:"";
      transform:rotate(45deg);
      top:-0px;
	     background-color:#fff;
    }
.menu-expanded .bar:after {
      transition:all .25s;
      content:"";
      transform:rotate(-45deg);
      top:0px;
	     background-color:#fff;
    }
  


  
/****************************************/


 .menu-expanded ul {
	 
    transition:all .05s;
    position:relative;
    left:0px;
    z-index:2;
  }
 

.menu-expanded ul li  {
    transition:all .15s;
    text-decoration:none;
	text-align:left;
    color:#fff;
    font-size:120%;
	font-weight: 300;
	line-height: 3;
    font-family: 'Hind', sans-serif;
	letter-spacing: 0px;
	padding-left:50px;
	display: block;} 


  
.menu-expanded ul li a {
    transition:all .15s;
    text-decoration:none;
    color:#fff;
	padding:0px;
	}
  
.menu-expanded li a:hover {
      transition:all .15s;
    }
	

.lng { font-size: 100%;
opacity: 1; 
display: inline;}


.lng-no:hover { opacity: 0.6; }


/***********************NAV-mobile-END*********************************/







/***********************footer*********************************/


footer {width: 100%;
		background-color: #fff;
		padding:0;}

/***********************footer-END*********************************/


#laguna {
	width: 190px;
	height: auto;
	position: relative;
	margin: -150px auto 0 auto;
	z-index: initial;
}


#leaf {
	width: 21px;
	height: auto;
	position: relative;
	margin-top:18px;
	margin-bottom: 24px;
}

.icon {
	width: 65px;
	height: auto;
	position: absolute;
	padding-right: 5px;
}

.icon-left {
padding:0 0 0 75px;}

.icon-left-small {
	padding:0 50px 0 75px;
	font-size: 15px;
	line-height: 1.5;
}

.house {padding: 0 0 0 0;}

.house a:hover{border-bottom:none;}
.house-sub {padding: 10%;}

.clanek {margin-top: 40px;}

.donosa {width: 242px;
			height: auto;
			margin: 50px 0 0 0;}

#storitve {
	width: 220px;
	height: auto;
	position: relative;
	margin-top:25px;
	margin-bottom: 20px;
}

#referenca {
	width: 220px;
	height: auto;
	position: relative;
	margin-top:25px;
	margin-bottom: 20px;
}

#referenca-details {
	width: 100%;
	height: auto;
	position: relative;
	margin-top:20px;
	margin-bottom: 15px;
}




/***********************BLOCKS*********************************/
.block.banner {
	position:relative;
	width:100%;
	background: url(images/header.png);
	background-repeat: no repeat;
	background-position: center center;
	background-attachment: none;
	margin-top:124px;
	height:670px;
	padding: 8% 0 0	0;}	
	
	
	.block.banner.de {
	position:relative;
	width:100%;
	background: url(images/header.png);
	background-repeat: no repeat;
	background-position: center center;
	background-attachment: none;
	margin-top:124px;
	height:670px;
	padding: 10% 0 0	0;}	
	
	

.block.banner.contact {
	position:relative;
	width:100%;
	background: url(images/header-kontakt.png);
	background-repeat: no repeat;
	background-position: center center;
	background-attachment: none;
	margin-top:80px;
	height:385px;
	padding: 8% 0 0	0;}	
	
.block.banner.materials {
	position:relative;
	width:100%;
	background: url(images/header-materiali.png);
	background-repeat: no repeat;
	background-position: center center;
	background-attachment: none;
	margin-top:80px;
	height:385px;
	padding: 8% 0 0	0;}	
	
.block.banner.onas {
	position:relative;
	width:100%;
	background: url(images/header-onas.png);
	background-repeat: no repeat;
	background-position: center center;
	background-attachment: none;
	margin-top:80px;
	height:385px;
	padding: 8% 0 0	0;}	
	
.block.banner.reference {
	position:relative;
	width:100%;
	background: url(images/header-reference.png);
	background-repeat: no repeat;
	background-position: center center;
	background-attachment: none;
	margin-top:80px;
	height:385px;
	padding: 8% 0 0	0;}	
	
.block.banner.programilovica {
	position:relative;
	width:100%;
	background: url(images/header-programilovica.png);
	background-repeat: no repeat;
	background-position: center center;
	background-attachment: none;
	margin-top:40px;
	height:385px;
	padding: 8% 0 0	0;}	
	
	
.block.banner.storitve {
	position:relative;
	width:100%;
	background: url(images/header-storitve.png);
	background-repeat: no repeat;
	background-position: center center;
	background-attachment: none;
	margin-top:80px;
	height:385px;
	padding: 8% 0 0	0;}	
	

.block.banner.ilovnatiometi {
	position:relative;
	width:100%;
	background: url(images/header-storitve-ilovnatiometi.png);
	background-repeat: no repeat;
	background-position: center center;
	background-attachment: none;
	margin-top:80px;
	height:385px;
	padding: 8% 0 0	0;}		
	
	
.block.banner.apneniometi {
	position:relative;
	width:100%;
	background: url(images/header-storitve-apneniometi.png);
	background-repeat: no repeat;
	background-position: center center;
	background-attachment: none;
	margin-top:80px;
	height:385px;
	padding: 8% 0 0	0;}		


.block.banner.sanacije {
	position:relative;
	width:100%;
	background: url(images/header-storitve-sanacije.png);
	background-repeat: no repeat;
	background-position: center center;
	background-attachment: none;
	margin-top:80px;
	height:385px;
	padding: 8% 0 0	0;}		
	
.block.banner.pleskarskadela {
	position:relative;
	width:100%;
	background: url(images/header-storitve-pleskarskadela.png);
	background-repeat: no repeat;
	background-position: center center;
	background-attachment: none;
	margin-top:80px;
	height:385px;
	padding: 8% 0 0	0;}		
	
.block.banner.naravnaizolacija {
	position:relative;
	width:100%;
	background: url(images/header-storitve-naravnaizolacija.png);
	background-repeat: no repeat;
	background-position: center center;
	background-attachment: none;
	margin-top:80px;
	height:385px;
	padding: 8% 0 0	0;}		
	
.block.banner.suhomontaza {
	position:relative;
	width:100%;
	background: url(images/header-storitve-suhomontaza.png);
	background-repeat: no repeat;
	background-position: center center;
	background-attachment: none;
	margin-top:80px;
	height:385px;
	padding: 8% 0 0	0;}		


.block.banner.modeliranje {
	position:relative;
	width:100%;
	background: url(images/header-storitve-modeliranje.png);
	background-repeat: no repeat;
	background-position: center center;
	background-attachment: none;
	margin-top:80px;
	height:385px;
	padding: 8% 0 0	0;}		
	
.block.banner.svetovanje {
	position:relative;
	width:100%;
	background: url(images/header-storitve-svetovanje.png);
	background-repeat: no repeat;
	background-position: center center;
	background-attachment: none;
	margin-top:80px;
	height:385px;
	padding: 8% 0 0	0;}	

	
	
	
.block.brown {
	position:relative;
	background: url(images/bg-leaf.png);
	background-repeat: no repeat;
	background-position: top center;
	background-attachment: none;
	width:100%;
	background-color: #b45418;	
	padding: 5% 0;}
	
.block.white {
	position:relative;
	width:100%;
	margin-top:0;
	padding: 5% 0 0 0;
	margin-bottom: 50px;}
	
.block.white.onas {
	position:relative;
	width:100%;
	margin-top:0;
	padding: 5% 0 0 0;
	margin-bottom: 0;}
	
.block.white.reference {
	position:relative;
	width:100%;
	margin-top:0;
	padding: 8% 0 0 0;
	margin-top: 80px;
	margin-bottom: 50px;}

.path{margin-bottom: 20px;
font-size: 11px;
color: #a8a8a8;}

.path a{
color: #a8a8a8;}		

.path a:hover{
color: 1f1f1f;
border-bottom: none;}


.block.grey {
	position:relative;
	width:100%;
	background-color: #f2f2f2;
	padding: 5% 0;}
	
.section{
	margin-top:30px;
	margin-bottom:30px;
	}
.section-one{
	margin-top:20px;
	margin-bottom:50px;
	}

.icons{
	padding-left: 10px;
	}	

#read-more	{position:relative; 
			left:0%;
			margin-top:80px;			
			background: #43b67f;	
			padding:16px;	
			border-radius: 0.5em;			
			font-size:120%; 
			font-weight:700; 
			font-family:'Source Sans Pro', sans-serif; 
			color:#252525; 
			text-align:center; 
			line-height:10px;
			max-width:120px;}	
			
#read-more:hover { background-color:#000;}







/***********************VIDEO*********************************/	

.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}


/***********************VIDEO-END*********************************/	



/***********************MAP*********************************/	

.container-map{
  position: relative;
  width: 100%;
  padding-bottom: 0; 
  height: 500px;
}



/***********************MAP-END*********************************/	




			
/***********************BLOCKS-END*********************************/			


.highlights {background-color:#f2f2f2;
padding: 10%;
margin: 0 0 80px 0;
}		



/***********************CONTACT-FORM*********************************/				
			
			
.block.contact	{
		position:relative;
		background: #191818;
		margin:0;
		padding-top:50px;
		padding-bottom:120px;
		width: 100%;

}		

#feedback	{	font-family: 'Open Sans', sans-serif;
		font-size:1em;
		text-align:center;	
		color:#6f2c15;
		font-weight: 700;	
		padding: 5px 10px 5px 10px;	
		margin-top:3%;	}


form {display:inline-block;width:100%;text-align:center; margin-top:0;background-color:#191818;}

form ul	{	list-style-type:none;
			text-align:center;}

form ul li{margin: 0px 0;text-align:center;}

form label	{display:block;
			font-size: 1em;
			font-family: 'Open Sans', sans-serif;
			padding-bottom: 0;
			padding-top: 30px;
			font-weight: 700;
		
			}

form input, textarea{	font-size: 1em;
			padding:8px;
			border: solid 1px #191818;
			border-bottom: solid 1px #5b5b5b;
			width: 400px;
			background-color:#191818;
			
			}
			
			
input, textarea	{	margin-top:5px;
					font-family: 'Source Sans Pro', sans-serif;
				font-weight: 300;
				font-size:90%;
				color:#898989;
				padding: 5px 7px;
				text-align: left;
				border: none;
				border-bottom: solid 1px #5b5b5b;}
			
			
			
#submit	input {	background-color:#43b67f;
						margin-top: 30px;
						margin-bottom:100px;
						padding: 5px;
						border-radius:8px;
						color:#252525;
						width: 100px;
						text-align: center;
						font-weight: 700;
						border-bottom: none;
				}

				

				
#submit	input:hover{background:#000;}		
			
			
			
/***********************CONTACT-FORM-END*********************************/						
			
/***********************CONTACT*********************************/

.belo-contact {color:#fff;
				font-size: 110%;
				font-weight:300;
				line-height: 110%;
				text-align: left justify;
				padding-bottom: 0px;
				padding-left: 0%;}
				
.belo-contact-bold {color:#fff;
				font-size: 110%;
				font-weight:700;
				line-height: 110%;
				text-align: left justify;
				padding-bottom: 0px;
				padding-left: 0%;
				padding-top: 50px;}
				
.center-contact{
	text-align:center;
	width: 100%;
	padding-bottom:30px;
}
				

/***********************CONTACT-end*********************************/							
			
			
		




			
/****************************************************************************************************************************RESPONSIVE************************************************************************************************************************/
/****************************************************************************************************************************RESPONSIVE************************************************************************************************************************/
/****************************************************************************************************************************RESPONSIVE************************************************************************************************************************/
/****************************************************************************************************************************RESPONSIVE************************************************************************************************************************/
/****************************************************************************************************************************RESPONSIVE************************************************************************************************************************/
/****************************************************************************************************************************RESPONSIVE************************************************************************************************************************/
/****************************************************************************************************************************RESPONSIVE************************************************************************************************************************/
/****************************************************************************************************************************RESPONSIVE************************************************************************************************************************/
/****************************************************************************************************************************RESPONSIVE************************************************************************************************************************/
/****************************************************************************************************************************RESPONSIVE************************************************************************************************************************/		









/***************************************************/
/************** SCREEN MAX 1366 ********************/
/***************************************************/



@media screen and (max-width: 1500px) {
body { 
}

header {
}

#logo {	margin: 30px 0 10px 30px;
	float:left;
	width: 15%;
	height: auto;
	text-decoration: none;	
}



/***************************************************/	


nav {

}

nav ul{	
		margin-right: 30px;
		}

nav ul li a {

}


/***************************************************/


/***************************************************/


.languages {
width: 100%;
font-size: 105%;}

.languages ul{	list-style:none;
		margin-top: 8px;
		margin-right: 5%;
	
		}
		
.languages ul li{	display: inline;
text-decoration: none;
font-family: 'Muli', sans-serif;
font-size: 80%;
font-weight: 300;
padding: 0 0px 0 6px;

			
		}

.languages ul li a {color: #595959;
text-decoration: none;
font-family: 'Muli', sans-serif;
font-size: 83%;
font-weight: 300;
margin: 0 0px 0 0px;

}

.languages ul li a:hover {opacity: 0.6;

}


/***************************************************/


#storitve {
	width: 200px;
	height: auto;
	position: relative;
	margin-top:25px;
	margin-bottom: 20px;
}

#referenca {
	width: 200px;
	height: auto;
	position: relative;
	margin-top:25px;
	margin-bottom: 20px;
}





}


			
/***************************************************/
/************** END SCREEN MAX 1366 ********************/
/***************************************************/







			
			
/***************************************************/
/************** SCREEN MAX 1024 ********************/
/***************************************************/



@media screen and (max-width: 1024px) {
body { 
border-left: solid 20px #fff;
border-right: solid 20px #fff;
}

header {
height: 85px;
}



#logo {margin: 24px 0 10px 5%;
width: 11%;
}


#storitve {
	width: 200px;
	height: auto;
	position: relative;
	margin-top:25px;
	margin-bottom: 20px;
}

#referenca {
	width: 200px;
	height: auto;
	position: relative;
	margin-top:25px;
	margin-bottom: 20px;
}


.block.banner {
	height:100vh;
	padding: 100px 0 0 50px;
	background: url(images/header1024.png);
	background-position: center right;
	padding: 12% 0 0 0;
	margin: 5% 0;
	}	
	
	
		.block.banner.de {
	height:100vh;
	padding: 100px 0 0 50px;
	background: url(images/header1024.png);
	background-position: center right;
	padding: 12% 0 0 0;
	margin: 5% 0;}	

	
/***************************************************/	


nav {
width: 100%;
position:absolute;
		float: right;
		margin-top:18px;
}

nav ul{	list-style:none;
		margin-right: 5%;
		}

nav ul li a {color:#000;
text-decoration: none;
font-size: 12px;
font-family: 'Muli', sans-serif;
font-weight: 400;
text-align: center;
padding:  0px 10px 12px 10px;

}


/***************************************************/



/***************************************************/


.languages {
width: 100%;
font-size: 105%;}

.languages ul{	list-style:none;
		margin-top: 8px;
		margin-right: 5%;
	
		}
		
.languages ul li{	display: inline;
text-decoration: none;
font-family: 'Muli', sans-serif;
font-size: 80%;
font-weight: 300;
padding: 0 0px 0 6px;

			
		}

.languages ul li a {color: #595959;
text-decoration: none;
font-family: 'Muli', sans-serif;
font-size: 83%;
font-weight: 300;
margin: 0 0px 0 0px;

}


/***************************************************/






#laguna {
	width: 150px;
	height: auto;
	position: relative;
	margin: -200px auto 0 auto;
	z-index: initial;
}



h1{  font-size: 450%;}

.heading-subpage {
	font-size: 250%;
	 color: #fff;
}

  
h2{
}


	

h3{
}




.block.banner.contact {
	height:185px;
	padding: 15% 0 0	0;
	margin-top: 80px;
	background: url(images/header-kontakt1024.png);
	background-position: top right;	
	margin-top:80px;
	padding: 3% 0 0	0;}	
	
.block.banner.materials {
	height:185px;
	background: url(images/header-materiali1024.png);
	background-position: top right;	
	margin-top:80px;
	padding: 3% 0 0	0;}	

.block.banner.onas {
	height:185px;
	background: url(images/header-onas1024.png);
	background-position: top right;	
	margin-top:80px;
	padding: 3% 0 0	0;}	
	
.block.banner.reference {
	height:185px;
	background: url(images/header-reference1024.png);
	background-position: top right;	
	margin-top:80px;
	padding: 3% 0 0	0;}	
	
.block.banner.programilovica {
	height:185px;
	background: url(images/header-programilovica1024.png);
	background-position: top right;	
	margin-top:80px;
	padding: 3% 0 0	0;}	

.block.banner.storitve {
	height:185px;
	background: url(images/header-storitve1024.png);
	background-position: top right;	
	margin-top:80px;
	padding: 3% 0 0	0;}	

.block.banner.ilovnatiometi {
	height:185px;
	background: url(images/header-storitve-ilovnatiometi1024.png);
	background-position: top right;	
	margin-top:80px;
	padding: 3% 0 0	0;}	
	
.block.banner.apneniometi {
	height:185px;
	background: url(images/header-storitve-apneniometi1024.png);
	background-position: top right;	
	margin-top:80px;
	padding: 3% 0 0	0;}	
	
.block.banner.sanacije {
	height:185px;
	background: url(images/header-storitve-sanacije1024.png);
	background-position: top right;	
	margin-top:80px;
	padding: 3% 0 0	0;}	
	
.block.banner.pleskarskadela {
	height:185px;
	background: url(images/header-storitve-pleskarskadela1024.png);
	background-position: top right;	
	margin-top:80px;
	padding: 3% 0 0	0;}	
	
.block.banner.naravnaizolacija {
	height:185px;
	background: url(images/header-storitve-naravnaizolacija1024.png);
	background-position: top right;	
	margin-top:80px;
	padding: 3% 0 0	0;}	
	
.block.banner.suhomontaza {
	height:185px;
	background: url(images/header-storitve-suhomontaza1024.png);
	background-position: top right;	
	margin-top:80px;
	padding: 3% 0 0	0;}	
	
		
.block.banner.modeliranje{
	height:185px;
	background: url(images/header-storitve-modeliranje1024.png);
	background-position: top right;	
	margin-top:80px;
	padding: 3% 0 0	0;}	
		
		
.block.banner.svetovanje{
	height:185px;
	background: url(images/header-storitve-svetovanje1024.png);
	background-position: top right;	
	margin-top:80px;
	padding: 3% 0 0	0;}	
		
		



.house-sub {padding: 10% 0;}




/***********************VIDEO*********************************/	

.iframe-container inframe {
width: 100%;
height:avto;;	
}



/***********************VIDEO-END*********************************/	


}


			
/***************************************************/
/************** END SCREEN MAX 1024 ********************/
/***************************************************/








/***************************************************/
/************** SCREEN MAX 420 ********************/
/***************************************************/


@media screen and (max-width: 420px) {
	
body { 
border-left: solid 20px #fff;
border-right: solid 20px #fff;
}

header {
height: 85px;
}

nav{display:none;}	

#logo {margin: 24px 0 10px 5%;
width: 30%;
}

.menu-collapsed {display:inline;}


.languages {display:none;}

h1{text-align: left;
width: 100%;
  font-family: Muli;
  font-size: 250%;
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.94;
  letter-spacing: normal;
  text-align: left;
  color: #3d3d3d;}

.heading-subpage {
	font-size: 250%;
	 color: #fff;
}

.production {font-size: 11px;
text-align: left;
}
  
h2{text-align: left;
font-family: 'Literata', serif;
font-weight:700;
font-size: 16px;
line-height: 1.5;
color:#3d3d3d;
margin: auto;
margin-top:0;
}


.highlights {
margin-right: 0;
}		

h3{margin: 20px 0 0 0;
font-size: 25px;
}


.block.banner {
	height:78vh;
	padding: 20% 0 0 0;
	background: url(images/header-mobile.png);
	background-position: center right;
	margin: 5% 0;}	
	
	
	
	
		.block.banner.de {
	height:78vh;
	padding: 30% 0 0 0;
	background: url(images/header-mobile.png);
	background-position: center right;
	margin: 5% 0;}	
	
.block.white {
	padding: 5% 0 0 0;
	margin: 20px 0 50px 0;}

.block.banner.contact {
	height:200px;
	padding: 24% 0 0	0;
	margin-top: 80px;
	background: url(images/header-kontakt.png);
	background-position: top right;	
	margin-top:80px;
	padding: 8% 0 0	0;}	
	
.block.banner.materials {
	height:200px;
	background: url(images/header-materiali.png);
	background-position: top right;	
	margin-top:80px;
	padding: 8% 0 0	0;}	

.block.banner.onas {
	height:200px;
	background: url(images/header-onas.png);
	background-position: top right;	
	margin-top:80px;
	padding: 8% 0 0	0;}	
	
.block.banner.reference {
	height:200px;
	background: url(images/header-reference.png);
	background-position: top right;	
	margin-top:80px;
	padding: 8% 0 0	0;}	
	
.block.banner.programilovica {
	height:200px;
	background: url(images/header-programilovica.png);
	background-position: top right;	
	margin-top:80px;
	padding: 8% 0 0	0;}	

.block.banner.storitve {
	height:200px;
	background: url(images/header-storitve.png);
	background-position: top right;	
	margin-top:80px;
	padding: 8% 0 0	0;}	

.block.banner.ilovnatiometi {
	height:200px;
	background: url(images/header-storitve-ilovnatiometi.png);
	background-position: top right;	
	margin-top:80px;
	padding: 8% 0 0	0;}	
	
.block.banner.apneniometi {
	height:200px;
	background: url(images/header-storitve-apneniometi.png);
	background-position: top right;	
	margin-top:80px;
	padding: 8% 0 0	0;}	
	
.block.banner.sanacije {
	height:200px;
	background: url(images/header-storitve-sanacije.png);
	background-position: top right;	
	margin-top:80px;
	padding: 8% 0 0	0;}	
	
.block.banner.pleskarskadela {
	height:200px;
	background: url(images/header-storitve-pleskarskadela.png);
	background-position: top right;	
	margin-top:80px;
	padding: 8% 0 0	0;}	
	
.block.banner.naravnaizolacija {
	height:200px;
	background: url(images/header-storitve-naravnaizolacija.png);
	background-position: top right;	
	margin-top:80px;
	padding: 8% 0 0	0;}	
	
.block.banner.suhomontaza {
	height:200px;
	background: url(images/header-storitve-suhomontaza.png);
	background-position: top right;	
	margin-top:80px;
	padding: 8% 0 0	0;}	
	
		
.block.banner.modeliranje{
	height:200px;
	background: url(images/header-storitve-modeliranje.png);
	background-position: top right;	
	margin-top:80px;
	padding: 8% 0 0	0;}	
		
		
.block.banner.svetovanje{
	height:200px;
	background: url(images/header-storitve-svetovanje.png);
	background-position: top right;	
	margin-top:80px;
	padding: 8% 0 0	0;}	
		
		

#laguna {
	width: 100px;
	height: auto;
	position: relative;
	margin: -65% auto 0 auto;
	z-index: initial;
}

.house-sub {padding: 10% 0;}

#desktop {display:none;}
#mobile {display:block;}


/***********************VIDEO*********************************/	

.iframe-container inframe {
width: 100%;
height:avto;;	
}



/***********************VIDEO-END*********************************/	


}
			
			
/***************************************************/
/************** END SCREEN MAX 420 ********************/
/***************************************************/