@font-face {
    font-family: myMontserrat;
    src: url('fonts/Montserrat-Regular.ttf');
    //src: url('fonts/Montserrat-Bold.ttf');
}

body {
background-color:white;   margin:0px; padding: 0px; 
 

font-family: myMontserrat;
}


.hidd {display:none;}
.abs {position:absolute}
.rel {position:relative;}
.testt {border:solid 2px red;}
.test3 {background-color:blue;}
.test {background-color:green;}
.hg {
position:relative;
	
}


.noselect, .xoff, .xoffpost, .cngimg {
			  -webkit-touch-callout: none; /* iOS Safari */
				-webkit-user-select: none; /* Safari */
				 -khtml-user-select: none; /* Konqueror HTML */
				   -moz-user-select: none; /* Firefox */
					-ms-user-select: none; /* Internet Explorer/Edge */
						user-select: none; /* Non-prefixed version, currently
											  supported by Chrome and Opera */
}


.lnk {cursor:pointer;}


.bmpr {}
.bummers {width:100%; }

.belo { background-color:white; color:black;}
.crno { background-color:black; color:white;}


.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.clr {clear:both;}


.elementi6 {display:none;}

.selgal:hover {text-decoration:underline;}
.selgal {
	cursor:pointer;
	//font-size:30px;
}

.iccoo {
	height:	17px;
}

.pnav {margin:5px;}


.mni12 {}
.en {}
.rs { display:none;}
.de { display:none;}
.ru { display:none;}

.wdt {  margin-left:220px; }


.bingel {
	position:absolute;
	
}

#frontview {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(125,125,125,0.6);
	z-index:2000;
	display:none;
//	background-color:red;
}

#informer {
position:fixed;
top:3px;
left:3px;
z-index:10000;
display:none; 
background-color:white;
min-height:10px; 

height:500px;
overflow:auto;
width:400px;
    border: solid 5px black;
    border-radius: 10px;
    padding: 5px;
    box-shadow: 20px 19px 20px 15px #000000b3;

}

.whg {width:83%;  margin:0px auto;}
.whg2 {width:73%;  margin:0px auto;}

.mink {min-width:1000px;}


.sadrzajj {
	position:relative; 
	//top:7%; 
	top:10%; 
	margin:0px auto; 
	color:black; 
	height:86%; 
	overflow:auto;
	z-index:10;
	padding-bottom:30px;
	box-sizing:border-box;
	//background-color: rgba(0,0,0,0.3);
	
}
 
.okoglitch { position:absolute; overflow:hidden; width:100%; }
 .glitch { height:1200px; width:100%; position:absolute;}





.prelaz {height:3px; margin-bottom:20px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#61f49c+0,7465f7+100 */
background: rgb(97,244,156); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(97,244,156,1) 0%, rgba(116,101,247,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(97,244,156,1) 0%,rgba(116,101,247,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(97,244,156,1) 0%,rgba(116,101,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61f49c', endColorstr='#7465f7',GradientType=1 ); /* IE6-9 */
}



.gnaslov {
	margin:0px auto; 
	//width:80%; 
	font-size:40px; 
	text-align:left;
	
	top:190px; 
	//z-index:9;
	left:9%;
	//	position:fixed; 
}

.gnaslov2 {
	
	margin:0px auto; 
	width:81%; 
	font-size:40px; 
	text-align:center;
	
	top:190px; 
	//z-index:9;
		left:9%;

	position:fixed; 
}

.vizinact {
height:10%;
}
.vizinac {
//height:100px; 
height:7%;
}


.content {
	text-align:center;
	font-size:20px;
	position:absolute;
	height:500px;
	width:100%;
	top:0px;
	opacity:0.2;
	//background-color:green;
	//display:none;
	
}

.content3 {
	text-align:center;
	font-size:20px;
	position:relative;
	
	width:100%;
}


.scrollerz {
	height:1000px; 
	width:100%;
	position:absolute; 
	z-index:100; 
	top:0px; 
	left:0px; 
	//background-color:red;
	opacity:0.1; 
	//display:none;
}



.meed14 {
	//display:none;
	//width:80%;
	margin:0px auto;
	top:0px;
	position:relative;
}
#topbar {position:absolute;top:0px; left:0px; background-color:black; 
width:100%;
z-index:10;


}

.ep {text-align:center;  width:100%; font-size:22px;}

.mediana {
	
	height:100px;
	height:100%;
	margin:0px auto;
	position:relative;
}

.shadow {
	 -webkit-box-shadow: 2px 4px 12px 3px rgba(0,0,0,0.32);
-moz-box-shadow: 2px 4px 12px 3px rgba(0,0,0,0.32);
box-shadow: 2px 4px 12px 3px rgba(0,0,0,0.32);

}



#bottombar {position:fixed; bottom:0px; left:0px; background-color:black;
color:white; 
width:100%;
z-index:10;
}

.leftfoot {
	float:left;
	height:100%;
	padding-top:30%;
}


.tbl {
	height:100%;
	margin-left:8%;
}

.tbd {
	position:absolute;
	height:100%;
	top:0px;
	right:8%;
	vertical-align:middle;

}


.smico {
	height:38px;
	//border:solid 2px red;
}

.linkss {
	
	width:230px;
	text-align:right;
	position:relative;
	
}

.impr2:hover { text-decoration:underline;}




@media only screen and (min-width: 901px) {
				

.impr2 {
	cursor:pointer;
	top:10px;
	position:absolute;

}

}


@media only screen and (max-width: 900px) {
				
.impr2 {
	cursor: pointer;
    top: -20px;
    position: absolute;
    background-color: black;
    padding: 5px 15px;
    border-radius: 10px;
}

}

}





.impr {
	display:inline-block;
	padding-bottom:25px;
}


.logo 
{
	
	position:relative;
	top:01px;
	//left:-7%;
	left:0px;
	height:100%;
	width:100px;
	
	//overflow:hidden;
	cursor:pointer;
	
}

.inlogoOLD {
	position:absolute;
	width:150px;
	right:0px;
	overflow:hidden;
}




.lw {
	z-index:1; position:fixed; background:url("images/ccflogow.png"); width:200px; background-position: 50px 00px; background-repeat: no-repeat;  background-attachment: fixed;  opacity:01;}
	
.lb {
	z-index:2; position:fixed; background:url("images/ccflogob.png"); width:200px; background-attachment: fixed;  background-position: 50px 00px;   opacity:01;}


	@media screen and (min-width: 900px) {
		/* desktop */
		/* */
		.mnii { display:block; }
		#hamburger {display:none;}
		.themain {height:300px;  width:100%;  }
		/**/
		.wipheadline {
		font-size: 28px;
		}
		
		
		
	}
	@media screen and (max-width: 901px) {
		/* mobile */
		
		/**/
		.mnii { display:none; }
		#hamburger {display:block;}
		.themain {height:300px; min-width:200px;}
		
	.sadrzajj {min-width:200px;}
	
	.okoglitch {min-width:200px;} 
	.whg {
		width:98%;
	}
	
	.wipheadline {
    font-size: 24px;
	}
	
	/**/
	
	
	
	}
	
	
	@media screen and (max-height: 1070px) {

			
		.inlogo {
			position:absolute;
			width:200px;
			height:100%;
			
			overflow:hidden;
		}

		.wipheadline {
		font-size: 28px;
		}

		.logoistika { /* SLAJFNA   */
			//width:150px;
			position:absolute;
			height:100%;
			//right:0px;
			//z-index:-10000;
			
		}

	}
	
	
	@media screen and (min-height: 1071px) {

		.inlogo {
			position:absolute;
			width:200px;
			height:100%;
			
			//overflow-y:hidden;
		}


		.wipheadline {
		font-size: 28px;
		}

		.logoistika { /* SLAJFNA   */
			//width:150px;
			position:absolute;
			//height:100%;
			 right:10px;
			//z-index:-10000;
			
		}

	}

.logoistikaNO {/* mali logo   */
	height:100%;
	position:absolute;
	
	
}
.okomnii {
	
	position:absolute;bottom:0px; right:0px; 
	
	//height:100%;
	
}




.bmpr {width:100%;  }


.mnii {  
float:right; 
padding-right:40px; 
padding-bottom:0px; 
height:101%; 
font-size:20px; 
border-radius: 20px 0px;
}

#hamburger { height:100%; width:100px; 
/** /
display:none; 
/**/

margin-bottom:2%; margin-right:20px;}

.hmb {
	width:80%; height:8px; background-color:white; margin:8px auto; border-radius:5px;
}


.m18n  {
	
	height:100%;
	border-spacing: 0px;
	
	//background-color:red;
	vertical-align:bottom;
}


.mnielement {color:white; float:left; padding:07px 7px; cursor:pointer;  border-radius:10px 10px 0px 0px; // line-height: 70px; 
margin-top:5px;
position:relative;

}

.mnielement44:hover {background-color:white;  height:100%; color:black;}



.deco {position:absolute;  bottom:05px;	 }

 /*  	STRANICE		*/
 
 
	.capsule {
		
		
		height:100%;
	}
	.submen:hover {
		cursor:pointer;
		color:#000;
	}
	.submen {
		float:left; font-size:24px;padding: 20px 10px;
		color:#ccc;
	}
	
	
	.nomenu {font-size:24px;padding: 20px 10px;
		color:#000;}
 
 /*  	STRANICE		*/


#jzik {position:fixed; width:120px; left:230px;
	z-index:1000;
	top:20px;
	//background-color:red;
 }

.jzkbtn { color:white; float:right; margin:0px 5px;
	  font-size:18px;

 // -webkit-text-stroke: 1px white;
   color: white;
   // text-shadow: 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black;
	  
	  
 }



 .prelm {width:90%; margin:0px auto;}

 .primg {width:100%;}


 
 
 
 
 .npt {
	border-radius: 10px;
    font-size: 20px;
    padding: 4px;
	margin-bottom:13px;
	border:solid 2px black;
	}
 
 .area {
	height:140px;
	border-radius: 10px;
    font-size: 20px;
    padding: 4px;
	border:solid 2px black;
 }
 
 
 .lbl { float:left; width:100px;	padding-top:15px; }
.lbl2 { float:left; width:100px;	}





.futton:active {background-color:white;color:black; border:solid 2px black;}
.futton { float:right; margin-right:50px;
	width:140px;
	height:60px;
	
	background-color:black; color:white;
	border:solid 2px white;
	text-align:center;
	overflow:hidden;
	border-radius:10px;
}

.covering {width:140px; height:60px; z-index:100; position:absolute; top:0px; left:0px;
}

.smd {height:50px; cursor:pointer;}

/* NEWS*/

.nwselem:hover { border:solid 2px black;  }
.nwselem {border:solid 2px white;
	//box-sizing:border-box;
	float:left;
	width:150px;
	height:120px;
	
}

.nwsimg {
		height:100%;
}

.nwstitle { padding-bottom:10px; }
 
 
 
 /*    NEWS     */
 
 /*		SERVICES	*/
 
 
 .submen2:hover {
	 background-color:white;
 }
 .submen2
 {
	box-sizing:border-box;
	border:solid 0 red;
	 display:inline-block;
	 margin-right:-4px;
	font-size:16px;
	 width:170px;
	 text-align:center;
	 cursor:pointer;
	 padding-bottom:15px;	
 }
 
 .srvimg {
	 height:80px;
	 border:solid 0px red;
 }
 
 .ssrv2 {
	 //overflow:hidden;
	 overflow:auto;
	 //height:118px;
	 position:relative;
 }
 
 
 .sslider {
	 width:1500px;
	 margin:0px auto;
	 font-size:0px;
	 
 }
 
 /*		SERVICES	*/
 
 
 /*		ABOUT US	*/
	/*		TEAM	*/

	.elementi7 {
		padding-bottom:30px;
		display:none;
	}
	
	.teamavatar {
		float:left;
		position:relative;
		//border:solid 2px red;
		padding-right:15px;
		padding-bottom:15px;
		text-align:center;
		height:280px;
		
	}
		
	.tnmb {
		//float:left;
		position:relative;
		display: inline-block;
		vertical-align: top;
		padding:20px;
		//border:solid 2px black;
		width:180px;
		height:200px;
			margin-right:10px;
		font-size:12px;
		text-align:center;
	}
	
	.xoff, .xoffpost {
		position:absolute;
		top:10px;
		right:10px;
		padding:10px;
		border-radius:5px;
		background-color:red;
		color:white;
		cursor:pointer;
		box-shadow: 1px 1px 4px #000000;
	}
	
	.embedd {
		position:absolute;
		top:50px;
		left:-4px;
		padding:10px;
		border-radius:5px;
		background-color:red;
		color:white;
		cursor:pointer;
		box-shadow: 1px 1px 4px #000000;
	}
	
	.cngimg {
		position:absolute;
		top:10px;
		left:-4px;
		padding:10px;
		border-radius:5px;
		background-color:red;
		color:white;
		cursor:pointer;
		box-shadow: 1px 1px 4px #000000;
	}
	
	.tname {
		padding:15px 0px;
		font-size:20px;
		font-weight:600;
	}
	
	.cmposition {
		padding:5px 0px;
		color:#aaa;
		font-size:14px;
		
	}
		.teamimg {
			height:100%;
			//width:100%;
			
		}
	
	
	.btnteamimgfrm {
			width:150px; height:150px;
			overflow:hidden;
			margin:0px auto;
			//border:solid 2px black;
		}
	
	.btnteamimg {
		width:98%;
	}
	
	
	/*		TEAM	*/

 /*		ABOUT US	*/
 
 /*		PROJECTS	*/
 
 
 
 .extra {
	position:absolute;
	display:none;
 }
 
 .projgallelem {
	 height:100%;
	 
 } 
 
 .projgaldisp { 
	height:210px;
	overflow:hidden;
	background-color:black;
 }
 
 .projgall {
	 //height:210px;
	 
	 width:373px;
	 float:left;
	 
	 text-align:center;
	 margin: 0px 20px 20px 0px ;
	 position:relative;
	 overflow:hidden;
 }
 .wipproject {
	 position:relative;
	 margin-bottom:70px;
	 min-height: 220px;
 }
 
 .wipheadline {
	 font-size:28px;
	 margin-bottom:10px;
 }
 
 .wipgenre {
	 color:#777;
	 font-size:15px;
	 margin-bottom:10px;
	 
 }
 
 .wipstory p {
	 text-indent:20px;
	 text-align:justify;
 }
 .wipstory {
	 text-indent:20px;
	 min-height:15px;
	 margin-top:5px;
	 font-style:italic;
	
 }
 
 /*		PROJECTS	*/