@import url(https://fonts.googleapis.com/css?family=Work+Sans:400,100,200,300,500,600,700,800,900&subset=latin,latin-ext);
	@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic&subset=latin,latin-ext);
	
	*:focus {
    outline: none;
}
	
	.Ekran{
		height:100vh;
		position:relative;
		margin:0px;
		overflow:hidden;
	}
	
	#Ekran1{
		background:url('naslovna/1.jpg') center center no-repeat;
		background-size: cover;
		opacity:1;
	}
	
	#Ekran1Background{
		position:absolute;
		top:0px;
		width:100%;
		background:url('naslovna/2.jpg') center center no-repeat;
		background-size: cover;
		opacity:0;
	}
	
	.content{
		max-width: 90%;
		margin: 0 auto;
		height: 100%;
		z-index:10;
		position:relative;
	}
		
	ul.mainMenu {
		float:right;
		text-align: left;
		list-style-type: none;
		font-family: 'Roboto Condensed', sans-serif;
/*		position:fixed;
		top:0px;
		right:0px;*/
	}

	ul.mainMenu li {
		float:left;
		color:#555;
		
	}
	
   ul.mainMenu li a{
		text-align: left;
		display: inline-block;
		text-decoration:none;
		color:#555;
		margin-right: 15px;
		font-weight: 100;
	}
	
	ul.mainMenu li a:hover{
		color:#42918d;
	}
	
	ul.mainMenuWhite {
		float:right;
		text-align: left;
		list-style-type: none;
		font-family: 'Roboto Condensed', sans-serif;
/*		position:fixed;
		top:0px;
		right:0px;*/
	}

	ul.mainMenuWhite li {
		float:left;
		color:#FFF;
		
	}
	
   ul.mainMenuWhite li a{
		text-align: left;
		display: inline-block;
		text-decoration:none;
		color:#FFF;
		margin-right: 15px;
		font-weight: 100;
	}
	
	ul.mainMenuWhite li a:hover{
		color:#42918d;
	}
	/**/
		ul.mainMenuWhiteLight {
		float:right;
		text-align: left;
		list-style-type: none;
		font-family: 'Roboto Condensed', sans-serif;
/*		position:fixed;
		top:0px;
		right:0px;*/
	}

	ul.mainMenuWhiteLight li {
		float:left;
		color:#FFF;
		
	}
	
   ul.mainMenuWhiteLight li a{
		text-align: left;
		display: inline-block;
		text-decoration:none;
		color:#FFF;
		margin-right: 15px;
		font-weight: 100;
	}
	
	ul.mainMenuWhiteLight li a:hover{
		color:#CCC;
	}
	/**/
	
	
	
	
	
	.logo{
		width:170px;
		
	}
	
	body{
		/*overflow:hidden;*/
		padding:0px;
		margin:0px;
	}
	
	#animiraniTekstPrve{
		position:absolute;
		font-family: 'Work Sans', sans-serif;
		font-size: 40px;
		font-weight: 300;
		color:white;
		text-shadow: -1px 1px 3px #000;
	}
	
	#animiraniTekstPrve div{
		position:relative;
		
	}
	
	.lb{left:10px;bottom:90px;text-align: left;}
	.lt{left:10px;top:220px;text-align: left;}
	.lc{left:10px;top:45%;text-align: left;}
	.rb{right:10px;bottom:90px;text-align: right;}
	.rt{right:10px;top:140px;text-align: right;}
	.rc{right:10px;top:45%;text-align: right;}
	
	.nVeliki { font-size: 90px; line-height: 70px; }
	.nMali   { }
	
	#prostorTockice{
		position:absolute;
		bottom:0px;
		margin:0 auto;
		height:40px;
		width:100%;
		text-align: center;
	}
	
	.tockica{
		display:inline-block;
		width:10px;
		height:10px;
		border-radius: 5px;
		background: #fff;
		margin:5px;
	}
	
	.green{
		background: #42918d;
		
	}
	
	/*Naslovna 2*/
	#Ekran2Background, #Ekran3Background, #Ekran4Background{
		width:100%;
		display: block;
		height:calc(100vh - 200px);
		position: relative;
	}
	#Ekran2Background{
		background:url('naslovnaostale/skeniranje.png') center center no-repeat;
		background-size: contain;
		}
	

	
	.dnodruga, .dnotreca, .dnocetvrta{
		height:200px;
		text-align: center;
		
	}
	
	.dnodruga, .dnocetvrta{
		background: rgb(0,205,150);
	}
	
	.dnodruga div, .dnotreca div, .dnocetvrta div{
		width:155px;
		display: inline-block;
		height:100px;
		font-family: 'Roboto Condensed', sans-serif;
		color:white;
		font-size: 12px;
		font-weight:100;
		opacity:1;
		transition: margin-top 2s;
		transition-timing-function: ease-out;
		vertical-align: top;
	}
	
	.poruka1, .poruka2, .poruka3, .poruka4, .poruka5{
		margin-top:300px;
		margin-left:10px;
		margin-bottom:40px;
		margin-right:10px;
	}
	
	.inViewDno{
		-webkit-transition: margin-top 1s; /* Safari */

		transition:  margin-top 1s;
		transition-timing-function: ease-in;

		margin-top: 40px!important;
	}
	
	.dnodruga div img, .dnotreca div img, .dnocetvrta div img{
		width:100px;
	}
	
	.dnodruga div span, .dnotreca div span, .dnocetvrta span{
		font-size:15px;
		width: 100%;
		display: block;
	}
	 
	 .linkDruga, .linkTreca, .linkCetvrta{
		color:rgb(0,205,150);
		font-size: 13px;
		position: absolute;
		bottom:0px;
		width:100%;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 300;
		text-align: center!important;
		height: 20px;
		text-decoration: none;
		z-index: 99;
	 }
	 
	  .linkDruga:hover, .linkTreca:hover, .linkCetvrta:hover{
		font-size: 16px;
	 }
	 
	 #textDruga, #textCetvrta{
		margin-top:70px;
		text-align: right;
		display: inline-block;
		font-family: 'Work Sans', sans-serif;
		color:rgb(200,200,200);
		margin-left: 10px;
	 }
	 
/*	 #textDruga div:nth-child(1), #textCetvrta div:nth-child(1){
		padding-left:20px;
	 }*/
	 
	 .crta{
		width:100%;
		background: rgb(0,205,150);
		height:1px;
		position:relative;
		left:0px;
	 }
	 
	 .textNGore{
		font-size: 90px;
		line-height: 87px;
		font-weight: 100;
		white-space: nowrap;
		
	 }
	 
	 .textNDole{
		padding-top:4px;
		display:inline-block;
		font-size: 25px;
		line-height: 25px;
		font-weight: 300;
	 }
	
	.inView{
		-webkit-animation-name: ulaz; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
		animation-name: ulaz;
		animation-duration: 2s;
		opacity:1;
	}
	
	.inView div:nth-child(2){
		-webkit-animation-name: crtaLijevo; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
		animation-name: crtaLijevo;
		animation-duration: 2s;
	}
	
	/* Chrome, Safari, Opera */
	@-webkit-keyframes ulaz {
		 from {opacity: 0;}
		 to {opacity: 1;}
	}
	
	/* Standard syntax */
	@keyframes ulaz {
		 from {opacity: 0;}
		 to {opacity: 1;}
	}
	
	@-webkit-keyframes izlaz {
		 from {opacity: 0;}
		 to {opacity: 1;}
	}
	
	/* Standard syntax */
	@keyframes izlaz {
		 from {opacity: 0;}
		 to {opacity: 1;}
	}
	
	/* Standard syntax */
	@keyframes IIdRole {
		 from {background-position:initial 36px;}
		 to {background-position:initial 0px;}
	}
	
	
	
	
	
	/* Chrome, Safari, Opera */
	@-webkit-keyframes crtaLijevo {
		 from {left: 1000px;}
		 to {left: 0px;}
	}
	
	/* Chrome, Safari, Opera */
	@keyframes crtaLijevo {
		 from {left: 1000px;}
		 to {left: 0px;}
	}
	/*Naslovna 2end*/
	
	/*Naslovna 3begin*/
	.dnotreca{
		background: rgb(85,85,85);
	}
	
	#Ekran3Background{
		background:url('naslovnaostale/3dPrint.png') center center no-repeat;
		background-size: contain;
		}
		
	#Ekran3Background div:first-child{
		text-align: right;
	}
	
	#textTreca{
		margin-top:70px;
		text-align: left;
		display: inline-block;
		font-family: 'Work Sans', sans-serif;
		color:rgb(200,200,200);
		
	 }
	
/*	 #textTreca div:nth-child(1){
		padding-right:20px;
	 }*/
	/*Naslovna 3end*/
	/*Naslovna 4Begin*/
	
	#Ekran4Background{
		background:url('naslovnaostale/2dPrint.png') center center no-repeat;
		background-size: contain;
		text-align: left;
		}
	/*Naslovna 4end*/
	/*Naslovna 5Begin*/
		
		
		
	#Ekran5Naslov{
		font-family: 'Work Sans', sans-serif;
		color:rgb(200,200,200);
		text-align: center;
		margin-top:70px;
		font-size: 90px;
		font-weight: 100;
		line-height: 87px;
	}
	
	.dnogalerija{
		padding: 25px 0px;
		height:80px;
		text-align: center;
		background: rgb(85, 85, 85);
		color: rgb(200, 200, 200);
		font-family: 'Roboto Condensed', sans-serif;
		position: relative;
	}
	.Galerija{
		width:100%;
		max-width: 90%;
		margin: 0px auto;
		display: block;
		height:calc(100vh - 343px);
		position: relative;
		overflow-y:auto;
		text-align: center;
	}
	
	#galerijaMenu{
		font-family: 'Roboto Condensed', sans-serif;
		line-height: 50px;
		text-align: center;
		margin-top:5px;
		font-weight: 100;
	}
	
	#galerijaMenu a{
		color:rgb(200,200,200);
		text-decoration: none;
		display: inline-block;
		padding:0px 10px;
	}
	
	#galerijaMenu a:hover{
		color:rgb(0,205,150)!important;
	}
	
	#DPGalerija, #DMGalerija, #VGalerija{
		display:none;
	}
	
	a.selectedgMenu{
		color:rgb(0,205,150)!important;
		cursor: default;
	}
	
	.Slika, .SlikaDP, .SlikaV, .SlikaDM{
		width:340px;
		display:inline-block;
		height:calc(100vh - 257px);
		max-height: 280px;
		background-size:contain;
		background-repeat: no-repeat;
		background-position: center center;
	}
	/*Naslovna 5End*/
	
	.videoSign{
		background: url('img/videoIkona0.png') center center no-repeat;
		width:100%;
		height:100%;
	}
	.videoSign:hover{
		background: url('img/videoIkona1.png') center center no-repeat;
	}
	
	.modelSign{
		background: url('img/modelIkona0.png') center center no-repeat;
		width:100%;
		height:100%;
	}
	.modelSign:hover{
		background: url('img/modelIkona1.png') center center no-repeat;
	}
	
	/*3dSkeniranje*/
	
	#EkranS1{
		background:url('ostale/3DSkeniranje1.jpg') center center no-repeat rgb(230,230,230);
		background-size: contain;
		text-align: left;
		min-height: 720px;
	}
/*	#textDruga div:nth-child(1), #textCetvrta div:nth-child(1){
		padding-left:20px;
	 }*/
	
	.contentS{
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 15px;
		line-height: 18px;
		text-align:left;
		margin-top:21px;
		margin-left: 10px;
	}
	
	.contentS ul {
		padding-left:0px;
		list-style: none;
		padding-bottom: 0px;
		padding-top: 0px;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	
	.contentS ul li ul{
		margin-top: 0px;
		padding-left:15px;
		list-style: none;
	}
	.contentS ul li:before {
    content: "-";
    display: block;
    float: left;
    width: 1.2em;
    color: transparent;
	}
	
	.contentS ul.saCrticama li:before {
    content: "-";
    display: block;
    float: left;
    width: 1.2em;
    color: black;
	}
	
	#EkranS1 div.content  ul.mainMenu  li  a {
		color:rgb(0,205,150);
	}
	
	#EkranS2{
		background:url('ostale/3DSkeniranje2.jpg') center center no-repeat;
		background-size: contain;
		text-align: right;
		min-height: 655px;
		margin: 0px auto;
	}
	
	.contentS2{
		
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 15px;
		line-height: 18px;
		text-align:left;
		margin-top:5px;
		display:inline-block;
		position: absolute;
		top: 30%;
		right:10px;
	}
	
	.contentS2 div:nth-child(3){
		padding-top: 24px;
	}
	
	.contentS2 ul{
		padding-left:0px;
		list-style: none;
		margin-top: 0px;
		
		
	}
	.contentS2 ul li:before {
    content: "-";
    display: block;
    float: left;
    width: 1.2em;
	}
	
	#EkranS3{
		background:url('ostale/3DSkeniranje3.jpg') center center no-repeat rgb(202,202,202);
		background-size: contain;
		text-align: right;
		min-height: 655px;
		margin: 0px auto;
	}
	
	
	.contentS3{
		
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 15px;
		line-height: 18px;
		text-align:left;
		margin-top:5px;
		display:inline-block;
		position: absolute;
		top: 25%;
		left:10px;
	}
	
	.contentS3 div:nth-child(4){
		padding-top: 10px;
		padding-left:40px;
	}
	
	.contentS3 div:nth-child(3){
		padding-top: 21px;
	}
	
	.contentS3 ul{
		margin-top: 0px;
		padding-left:0px;
		list-style: none;
	}
	
	.contentS3 ul li:before {
		content: "-";
		display: block;
		float: left;
		width: 1.2em;
	}
	
	#EkranS4{
		background-size: contain;
		text-align: right;
		margin: 0px auto;
		position: relative;
		/*height:calc(100vh - 130px);*/
		background:url('ostale/3DSkeniranje4.jpg') center center no-repeat #808080;		
		background-size: contain;
		min-height: 540px;
	}
	
	
	.contentS4{
		color: #000;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 15px;
		line-height: 18px;
		text-align:left;
		margin-top:5px;
		display:inline-block;
		position: absolute;
		top: 16%;
		right:10px;
	}
	
	.contentS4 div:nth-child(3){
		padding-top: 21px;
	}
	
	.contentS4 ul{
		margin-top: 0px;
		padding-left:0px;
		list-style: none;
	}
	
	.contentS4 ul li:before {
		content: "-";
		display: block;
		float: left;
		width: 1.2em;
	}
	
	.slikaCrtaS4{
		height:300px;
		width:254px;
		background:url('ostale/62.jpg') left center no-repeat #808080;
		background-size: contain;
	}
	
	/*3dSkeniranje - end*/
	/*3dPrint*/
	#Ekran3Dp{
		background-size: contain;
		margin: 0px auto;
		position: relative;
		/*height:calc(100vh - 130px);*/
		background:url('ostale/3DPrinting.jpg') center center no-repeat #b5b5b5;		
		background-size: contain;
		text-align: left;
		min-height: 400px;
	}
	
	.tabela3DPrinthead{
		margin-top:100px;
	}
	
	.tabela3DPrint{
		margin-left:15px;
		line-height: 15px;
	}
	
	.tabela3DPrint tr td:nth-child(2){
		padding-left: 15px;
	}
	
	#Ekran3Dp div.content ul.mainMenu li a {
    color: rgb(0, 205, 150);
	}
	
	/*3dPrint - end*/
	
	
	/*2dPrint*/
	#Ekran2Dp{
		background-size: contain;
		margin: 0px auto;
		position: relative;
		/*height:calc(100vh - 130px);*/
		background:url('ostale/2DPrinting.jpg') center bottom no-repeat #808080;		
		background-position:initial initial;
		background-size: contain;
		text-align: left;
		min-height: 700px;
		color:white;
		-webkit-animation-name: IIdRole; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 3s; /* Chrome, Safari, Opera */
		animation-name: IIdRole;
		animation-duration: 3s;
		
		
	}
		#Ekran2Dp div.content ul.mainMenu li a {
    color: rgb(0, 205, 150);
	}
	
	#Ekran2Dp ul li ul{
		padding-left:15px;
		list-style: none;
	}
	
	#Ekran2Dp ul li ul li:before {
    content: "-";
    display: block;
    float: left;
    width: 1.2em;
    color: transparent;
	}
	
	#Ekran2Dp ul li:before {
   /* content: "-";*/
    display: block;
    float: left;
    width: 1.2em;
    color: white;
	}
	/*2dPrint - kraj*/
	
	a.nextStranica{
		position: absolute;
		bottom:10px;
		right:20px;
	  width:18px;
	  height:25px;
	  background:url('img/streliceDole.svg') center no-repeat;
	  background-size: contain;
	  z-index: 999;
	}
	
	a.nextStranica1{
	  position: absolute;
	  bottom:10px;
	  right:20px;
	  width:18px;
	  height:25px;
	  background:url('img/streliceDole1.svg') center no-repeat;
	  background-size: contain;
	  z-index: 999;
	}

	a.nextStranica:hover, a.nextStranica1:hover{
	  width:24px!important;
	  height:34px!important;
	  right:17px!important;
	  bottom:10px;
	}



	a.previousStranica{
	  position: absolute;
	  bottom:10px;
	  left:20px;
	  width:18px;
	  height:25px;
	  background:url('img/streliceGore.svg') center no-repeat;
	  background-size: contain;
	  z-index: 999;
	}
	
	a.previousStranica1{
	  position: absolute;
	  bottom:10px;
	  left:20px;
	  width:18px;
	  height:25px;
	  background:url('img/streliceGore1.svg') center no-repeat;
	  background-size: contain;
		z-index: 999;
	}

	a.previousStranica:hover, a.previousStranica1:hover{
	  width:24px!important;
	  height:34px!important;
	  left:17px!important;
	}
	
	a.gmap{
	  position: absolute;
	  bottom:10px;
	  right:20px;
	  width:26px;
	  height:100px;
	  background:url('img/gmap.svg') center no-repeat;
	  background-size: contain;
	}
	
	::-webkit-scrollbar {
		-webkit-appearance: none;
		width: 7px;
	}
	
	::-webkit-scrollbar-thumb {
		 border-radius: 4px;
		 background-color: rgba(0,0,0,.5);
		 -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
	}
	
	.white a{
		color:white;
	}
	
	.video{
		width:657px;
	}
	#inline_content{
		text-align: center;
	}