html{

}
body{
	margin : 0px;
	font-family: 'Work Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height:  157%;
	color: #231f20;
	background-color: #FFF;
	text-align: center;
	

}
*::after, *::before {
    box-sizing: border-box;
}
* {
    box-sizing: border-box;
}

	a{
		color: inherit;
		cursor: pointer;
		position: relative;	
		text-decoration: none;
	}
	a:hover{
		color: inherit;
		text-decoration: none;
	}
a.a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -6px;
  left: 0;
  background-color: #000;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.b-black a.a:before, .wrapper-project .b-blued a.a:before, .wrapper-project .opener-left a.a:before, .wrapper-project #navigation-wrapper a.a:before{
	background-color: #fff;
}

a.a:hover:before {
  -webkit-transform: scaleX(0.33);
  transform: scaleX(0.33);
}

 
	input, textarea{
		border: 2px solid #000;
		padding-left: 14px ;
		padding-right: 14px ;
		height: 40px;		
		background: none;
		font-family: 'Work Sans', sans-serif;
		font-size: 14px;
		font-weight: 400;
		letter-spacing: 0.1em;		
	}
	input{
		height: 40px;		
	}
	 
[class*='clm-'] {
  float: left;
}

h1{
	font-size: 2.857em;
	font-weight: 600;
	line-height: 120%;
	margin-top: 0px;
	padding-top: 141px;
	margin-bottom: 42px;
}
  
  #secondary, #terciary{
  	position: absolute;
  	margin-left: 30px;
  	top: 0px;
  	right: 0px;
  	width: 0px;
  	height: 100%;
    -webkit-transition:  width 1s ease-in-out;
    -moz-transition:   width 1s ease-in-out;
    transition:   width 1s ease-in-out;		      	
  }
  #terciary{
  	z-index: 200;
  	background-color: #fff;
  }
  #secondary .bpadded{
  	height: 100%;
  }
  #secondary .pg, #terciary .pg{
  	height: 100%;
    
	 	
  }
  
  
  

	.lang_selector{
		position: fixed; 
		top: 163px;
		left: -153px;
		width: 326px;
		text-align: left;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);		
		transform: rotate(-90deg);	
		font-size: 0.879em;
		font-weight: 300;
		cursor: pointer;	
	}
	.lang_selector-elem{
		float: left;
		width:50%;
	}
	.lang_selector a.selected{
		font-weight: 600;
		cursor: auto;
	}
	
	.main{	
		text-align: center;
	}
	.pg{
		margin: auto;
  	padding-left: 60px;
  	padding-right: 30px;	
  	width: 100%;
  	max-width: 1170px;	
	}	
	.nopad{
  	padding-left: 0px !important;
  	padding-right: 0px !important;			
	}

	
	[class*='mc-'] {
    padding-left: 5px;
    text-align: left;
	}	
	.mc-3-4{
		margin-left: 37.5%;
		width: 50%;
	}
	.mc-3-5{
		margin-left: 37.5%;
		width: 62.5%;
	}	
	.b-blued{
		background-color: #cddddc;
	}
	.b-bluel{
		background-color: #e4e7e0;
	}
	.b-okr{
		background-color: #f5eac8;
	}
	.b-roza{
		background-color: #dccbdd;
	}	
	.b-white{
		background-color: #fff;
	}		
	.b-black, .wrapper-project .b-blued, .wrapper-project .opener-left, .wrapper-project #navigation-wrapper{
		background-color: #000;
		color: #fff;
	}		
	
	
 	
	
#navigation-wrapper{
	position: fixed;
	width: 100%;
	height: 70px;
	background-color: #cddddc;
	z-index: 101;	
}		

	.navigation{
		padding-top: 25px;
		text-align: left;
		margin: auto;


		
	}	
	.navigation .num{
		float: right;
		width: 12.5%;
		margin-right: 12.69%;
		padding-left: 16px;
		font-weight: 800;
		font-size: 0.857em;
	}
	.mcol-1r{
		float: right;
		width: 12.65%;
		padding-left: 16px;		
	}
	.navcol{
		float: right;
		width: 12.69%;
		padding-left: 16px;
		font-weight: 600;
		font-size: 0.857em;	
	}	
	.navcol a{

	}
	.supertitle{
		font-size: 1.143em;
		font-weight: 600;
		line-height: 137.5%; 
		padding-top: 140px;
	}
	h2{
		font-size: 1.5714em;
		line-height: 131.8%; 
		padding-top: 50px;
		margin-top: 0px;
		margin-bottom: 30px;
		font-weight: 400;
	}
	h3{
		font-weight: 600;
		font-size: 1.5714em;
		line-height: 131.8%; 
		margin-top: 0px;
		margin-right: 46px;
	}	
	.error{
		font-size: 0.982em;
		letter-spacing: 0.1em;
		color: #ed1c24;
		
	}
	.p{
		padding-top: 20px;
	}

	.home-project{
		position: relative;
		padding-top: 25px;
		margin-bottom: 64px;
	}
	.home-project:last-child{
		margin-bottom: 0px;
	}
	img.linked, .home-project img.txtimg{
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    cursor: pointer;				
	}
	.home-project img.txtimg{
		float: left;
		width: 29.63%;
		max-width: 200px;
		margin-right: 11.85%;
		margin-bottom: 8.6%;
		background-color: #fff;
	}
@media (min-width: 1140px) {
	.home-project img.txtimg{
		margin-right: 80px;
		margin-bottom: 58px;

	}
}	
	
	img.linked:hover, .home-project img:hover{
		opacity: 0.5;
	}
	.home-project-access{
		position: absolute;
		top: 0px;
		right: 0px;
		height: 50px;
		background-repeat: no-repeat;
		background-image: url('../img/access-free.png');
		background-position: right bottom;	 
		cursor: pointer;
	}
	.access-locked{
		background-image: url('../img/access-locked.png');
		background-position: center bottom;
	}
	.home-project-access a{
		font-size: 0.857em;
		font-weight: 600;
	}
	
	.home-project-access a:before { height: 1px; bottom: -12px;	} .bpadded{ 
	padding-bottom: 55px; } .more{ margin-top: 20px; } .more a{ letter-spacing: 
	0.1em; } #project-login{ position: fixed; top: 0px; right: 0px; width: 0px; 
	height: 100%; z-index: 102; text-align: left; display: none; padding-left: 
	18px; } #project-login input{ width: 140px; } 
		
  #project-login .wheader	{ 
		margin-top: 64px; margin-bottom: 215px; 
		margin-top: 8vh; margin-bottom: 28vh; 
	}	
	
	
	
	#project-login .wheader	img{ float: 
	right; margin-right: 36px; margin-top: 12px; }		#project-login .wsection	{ 
	margin-bottom: 25px; }		.closer{ background-image: url('../img/closer.png'); 
	background-position: center left;		background-repeat: no-repeat; background-size: auto 50%; margin-left: 
	16px; padding-left: 40px; padding-top: 2px; padding-bottom: 7px; letter-
	spacing: 0.1em; cursor: pointer; float: left; } 
	.closer-right{ float: right; margin-top: 7px; padding-top: 6px;
	margin-right: 16px; padding-right: 40px;	background-position: center right; background-image: url('../img/closer-white.png');	
	}
	
	
	
	.button{
		display: inline-block;
		height: 40px;
		width: 120px;
		background-color: #000;
		color: #fff;
		text-align: center;
		letter-spacing: 0.1em;
		border: 2px solid #000;
		cursor: pointer;
	}
	div.button{
		padding-top: 7px;
	}
	#input-newsletter{
		width: 51.7%;
	}
	.cform{
		padding-top: 14px;
		padding-bottom: 61px;
		position: relative;
	}
	.cform .error-marker{
		position: absolute;
		background-repeat: no-repeat;
		background-image: url('../img/error-field-l.png');	
		background-position: center;	
		height: 40px;
		width: 15px;
	}
	.cform .twins{
		padding-top: 54px;
	}
	.cform textarea{
		width: 100%;
		height: 154px;
		margin-bottom: 20px;
	}
	.cform input{
		width: 48.5%;
		margin-bottom: 16px;
	}
	.cform .button{
		float: right;
	}
	input#contact_name{
		float: left;
	}
	input#contact_surname{
		float: right;
	}
	.form-news{
		padding-top: 47px;
	}
	.form-news input{
		margin-top: 23px;
	}	

		
@media (max-width: 767px) {
 .main{
		margin-left: 0px;
	}
}
.galerija-wrap { margin: 0 auto; overflow: hidden; width: 732px; height: 137px; float: left; width: 74.72%; margin-bottom: 32px;}
.galerija { position: relative; left: 0; top: 0;  height: 137px; width: 10000px;}
.galerija_item { 
	float: left; list-style: none; margin-left: 8px; margin-right: 8px; width: 126px; height: 72px; margin-top: 35px; 
	
    -webkit-transition: height 0.8s ease-in-out,  width 0.8s ease-in-out;
    -moz-transition: height 0.8s ease-in-out,  width 0.8s ease-in-out;
    transition: height 0.8s ease-in-out,  width 0.8s ease-in-out;		    
    
}
img.pixelated{
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;	
}
.galerija_item-selected { width: 238px; height: 136px; margin-top: 0px; margin-left: 22px; margin-right: 22px;}
.galerija_img { display: block; width: 100%; height: 100%;}

.galerija-transitions{
    -webkit-transition: left 0.8s ease-in-out;
    -moz-transition: left 0.8s ease-in-out;
    transition: left 0.8s ease-in-out;			    	
}

#gallery-container{
	padding-top: 147px;
}

.galerija-controls{
	width: 2.7778%;
	height: 72px;
	float: left;
	margin-top: 35px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.galerija-controls:hover{
	background-color: #dbd4dd;
}

.galerija-controls-begin{
	margin-right: 0.741%;
	background-image: url('../img/begin.png');
}
.galerija-controls-end{
	margin-left: 0.741%;
	background-image: url('../img/end.png');
	float: right;
}
.galerija_controls-prev { width: 7.9%; margin-right: 1.2%; background-image: url('../img/levo.png');}
.galerija_controls-next {  width: 7.9%; margin-left: 1.2%; float: right; background-image: url('../img/desno.png');}

.galerad{
	text-align: center;
}
.galerad-left{
	float: left;
	width: 121px;
	height:  73px;
	position: relative;
}
#galerad-linked{
	position: relative;
	background-repeat: no-repeat;
	background-position: top center;
  left: 23,75%; 
	width: 52.5%;
	min-height: 383px;
	display: inline-block;
}
#galerad-linked img{
	width: 100%;
}
#galerad-linked .title{
	font-weight: 600;
	margin-top: 7px;
}
.galerad-right{
	float: right;
	display: inline-block;
	width: 121px;
	height:  73px;
	font-size: 0.857em;
	position: relative;
	
}

.opener-right{
	position: fixed;
	top: 49px;
	right: 0px;
	width: 30px;
	height: 100%;
	background-color: #fff;
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;	
}
.opener-left{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 30px;
	height: 100%;
	background-color: #fff;
  z-index: 200;
}

.opener-right-command{
		position: absolute; 
		top: 55px;
		left: -60px;
		width: 155px;
		text-align: right;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);		
		transform: rotate(90deg);	
		font-size: 0.879em;
		font-weight: 300;
		cursor: pointer;	
}
#opener-right-icon-open, #opener-right-icon-close{
	position: absolute;
	top: 165px;
	left: 5px;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: top center;
	background-image: url('../img/levo.png');		
}
#opener-right-icon-close{
	top: 45px;
	background-image: url('../img/closer.png');	
}

#selector-wrapper{
	margin-top: 130px;
	text-align: right;
	width: 40.7%;
}

span.caption{
	margin-right: 10px;
}
.selectBox-dropdown{
	background: none;
	color: inherit;
	border-radius: 0px;
	box-shadow: none;
	border: 1px solid #000;
	font-weight: 600;
}

.selectBox-dropdown .selectBox-arrow{
	border: none;
	background: rgba(0, 0, 0, 0) url("../img/dol.png") no-repeat scroll 50% center;
}

.selectBox-options, .selectBox-options LI, .selectBox-options LI A{
	font-weight: 600;
	text-align: left;
}
.selectBox-options LI.selectBox-selected A{
	display: none;
}

.selectBox-dropdown .selectBox-label, .selectBox-options LI A{
	background: none;
	padding: 3px 5px 3px 6px;
}
.selectBox-dropdown .selectBox-label{
	padding-bottom: 0px;
}
.selectBox-options.selectBox-options-bottom{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border: 1px solid #000;
    background: none;
}
.selectBox-options LI.selectBox-hover A {
    background: none;
    text-decoration: underline;
}


selectBox-options LI A:hover {
  
}
.spacedtxt{
	letter-spacing: 0.1em;
}
.project-solo{
	padding-top: 120px;
}
.project-page{
	padding-top: 10px;
}
.project-page .project-header{
	padding-top: 55px;
}
.project-solo h1{
	font-size: 1.5em;
	font-weight: 300;
	letter-spacing: 0.16em;	
	float: left;
	margin: 0;
	padding: 0;
	margin-left: 0;
}
.project-solo h1 .author{
	font-weight: 400;
	letter-spacing: 0;	
}
.sharer{
	text-align: left;
	font-size: 0.857em;
	letter-spacing: 0.1em;
	margin-top: -5px;
}
.sharer-elem{
	border-bottom: 1px solid #fff;
  padding-top: 5px;
  padding-bottom: 5px;	
}
img.img-project-main{
	width: 100%;
	margin-top: 60px;
}
.imgs {
	margin-top: 35px;
}
[class*='imgs-'] {
  float: left;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
.noleftpad{
	padding-left: 0px;
}
.norightpad{
	padding-right: 0px;
}
.imgs-4{
	width: 33.33333%;
}
.imgs-1{
	width: 16.6666%;
	margin-bottom: 10px;
}
.imgs img{
	width: 100%;
}


/*
.chzn-container-single .chzn-single{
	padding: 0 25px 0 8px;
}

@media (max-width: 960px){
.galerija-controls{
	width: 2.5%;
	height: 72px;
	float: left;
	margin-top: 35px;
	cursor: pointer;
}
.galerija-controls-begin{
	margin-right: 8px;
}
.galerija-controls-end{
	margin-left: 8px;
	float: right;
}
.galerija_controls-prev { width: 6%; margin-right: 8px;}
.galerija_controls-next {  width: 6%; margin-left: 8px; float: right;}
}
*/



#mreza{
	width: 100%; text-align: center;position: absolute; top: 0; z-index: 2000; padding-left: 30px;overflow: hidden;
}
@media (max-width: 1259px){
	div#mreza{
		display: none !important;
	}
}

#ham{
	position: fixed;
	width: 100%;
	top: 0px;
	text-align: center;
	background: none;
	padding-top: 70px;
	padding-top: 30px; 
}
#ham img{
	margin: auto;
	cursor: pointer;
	width: 4.93%;
}
#navigation-xs{
	position: fixed;
	top: 0px;
	right: 0px;
	width: 0px;
	min-height: 100%;
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;	
  padding-top: 9.333%;
  padding-top: 5vh;
  padding-left: 0;
  text-align: left;  
  z-index: 500;
}
.navigation-xs-open{
	width: 59.733% !important;
	padding-left: 7.467% !important; 
}
.navcol-xs{
	font-size: 1.55em;
	font-size: 6vh;
	font-weight: 600;
	line-height: 200%;
	margin-bottom: 30px;
	margin-bottom:2vh;
}
#navigation-xs .spacer{
	height: 30px;
	height: 3vh;
	width: 100%;
}
	.navcol-xs a.a:before {
  	height: 1vh;
  	bottom: -1.6vh;
	}	
	
	#risba-wrapper{
		padding-top: 135px;
		padding-bottom: 40px;
		text-align: center;
		overflow: hidden;
		max-width: 100%;
	}	
#risba-wrapper img{
	display: block;
	max-height: 100%;
	height: auto;
	width: auto;
	margin: auto;
}
#risba-empty{
	position: absolute;
}
	
	
	
@media (min-width: 1200px) {	
	#risba-wrapper{
		padding-top: 110px;
		padding-bottom: 10vh;
	}	
}	

@media (min-width: 768px) {	
 .xs-visible{
		display: none !important;
	}	
}

	
@media (max-width: 767px) {
 .xs-hidden{
		display: none !important;
	}
	body{
		font-size: 12px;
		font-size: 3.2vw;
		line-height:  125%;
	}	
 .pg{
		padding-left: 30px;
		padding-left: 8%;
		padding-right: 8%;
	}	
	h1{
		font-size: 2em;
	}
	h2{
		font-size: 1.833em;
	}		
	h3{
		font-size: 1.833em;
	}	
	a.a:before {
  width: 100%;
  height: 0.533vw;
  bottom: -6px;
	}	
	[class*='mc-'] {
    padding-left: 0px;
    text-align: left;
	}	
	.mc-3-4{
		margin-left: 0;
		width: 100%;
	}
	.mc-3-5{
		margin-left: 0;
		width: 100%;
	}	
	.bpadded {
    padding-bottom: 13.33%;
	}		
	.supertitle{
		font-size: 1.75em;
		padding-top: 17.3%;
		padding-top: 9vh;
	}
	.home-project{
		padding-top: 0px;
	}
	.home-project-access{
		position: absolute;
		top: 0px;
		right: -16px;
		right: -4.267vw;
		height: 60px;
		height: 13.333vw;
		background-repeat: no-repeat;
		background-position: center bottom;	 
		background-size: 35% auto;
		cursor: pointer;
	}	
	.home-project-access a{
		font-size: 1em;
		font-weight: 600;
	}	
	.home-project-access a:before { height: 1px; bottom: -12px;	} 	
	.home-project img.txtimg{
		width: 36.67%;
		margin-right: 5.33%;
		margin-bottom: 7.73%;
	}	
	.mcol-1r{
		float: none;
		width: 100%;
		padding-left: 0px;		
	}	
	.project-solo h1{
		font-size: 1em;
		float: none;
		margin-left: 0;
		text-align: left;
	}	
	
.sharer{
	text-align: left;
	font-size: 1em;
	letter-spacing: 0.1em;
	margin-top: -5px;
}
.sharer-elem{
	border-bottom: 1px solid #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  float: left;
  width: 45%;	
}	
	.sharer .even{
		 margin-right: 10%;	
	}
	img.img-project-main{
		margin-top: 8%;
		margin-bottom: 8%;
	}	

	.imgs {
		margin-top: 0;
	}
	[class*='imgs-'] {
	  min-height: 1px;
	  padding-left: 0;
	  padding-right: 0;
	}
	.imgs .gapped{
		margin-right: 4%;
	}

	.imgs-4{
		width: 100%;
	}
	.imgs-1{
		width: 48%;
		margin-bottom: 10px;
	}	
	
	
	
.galerija-wrap { width: 100%; margin-bottom: 0; height: 67.5px}
.galerija { position: relative; left: 0; top: 0;  height: 67.5px; width: 10000px;}
.galerija_item { 
	margin-left: 5px; margin-right: 5px; width: 63px; height: 36px; margin-top: 35px; 
  
    
}

.galerija_item-selected { width: 119px; height: 69px; margin-top: 0px; margin-left: 11px; margin-right: 11px;}
.galerija_img { width: 100%; height: 100%;}


#gallery-container{
	padding-top: 80px;
}

.galerija-controls{
	width: 10%;
	height: 36px;
	margin-top: 10px;

}

.galerija-controls-begin{
	margin-right: 2%;
}
.galerija-controls-end{
	margin-left: 2%;

}




.galerija_controls-prev { width: 25%; margin-right: 2%; }
.galerija_controls-next {  width: 25%; margin-left: 2%; }	
.galerad{
	padding-top: 50px;
}
#galerad-linked{
	min-height: 0;
	width: 100%;
}
	
} 
#lbox-wrapper {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 2001;
	width: 100%;
	background-color: #000;
	padding-top: 
}
#lbox{
	position: relative;
	top: 9vw;
	left: 0px;
}
#lbox-closer {
	position: absolute;
	top: 3vw;
	right: 2vw;
	width: 2vw;
	cursor: pointer;
}
#lbox-closer img{
	100%;
}

.video_container { 
    width: 100%; 
}
.video_container .outer {
    width: 100%;
    padding-top: 56%; 
    position: relative;
}
.video_container .outer .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
img.play{
	position: absolute;
	left: 38px;
	top: 15px;
}
.rlayer{
	position: absolute;
}
@media (max-width: 767px) {
#lbox-wrapper {

}
#lbox-closer {	
	4vw;
}
#lbox{{
	top: 10vw;
}
}
map{
	z-index: 50000;
}
area{
	z-index: 50000;
	cursor: pointer;
}