html{ 
		background-color:#ede5d7;
		font-family: 'Roboto',sans-serif;
		font-size:14px;
		color:#5f5248;}		
body{
		position:absolute;
		width:100%;	
		margin:0px;
		padding:0px;}
td,th {
		font-size: 1em;}
.tabelaKONTAKT td:hover {
		background-color:#ede5d7;}
.tabelaKONTAKT td a {
		text-decoration:none;}				
.tabelaSPODAJ {
		position:absolute;
		text-align:center;
		margin: 2em auto;
		font-weight:300;}
.tabelaSPODAJ a{
		text-decoration:none;
		color:#959595;}
.tabelaSPODAJ a:hover{
		color:#000;}				
table { 
		border-collapse:collapse;
		width:100%;}				
ul {
 		list-style: none; padding:0px; margin:0px;}
#uros {	
		text-align:center;
		display:block;
		margin:1%;
		background-image:url(uros.jpg);
		background-position:center;
		width:160px;
		height:161px;
		border-radius:50%;
		-webkit-transition:all 1s;
    	-moz-transition:all 1s;}
#uros:hover {
		display:block;
		border-radius:0;
		transition:all 1s;
    	-webkit-transition:all 1s;
    	-moz-transition:all 1s;}		
.levo {
		display:block;
		float:left;
		width:50%;}
.desno {
		display:block;
		float:right;
		width:50%;}					

h1 {}
h2 {}
#slika {
		background-image:url(../slike/DSC_0002.jpg);
		position:relative;
		background-position:center;
		width: auto;
		height:400px;
		opacity:0.7;
		filter: alpha(opacity=70); /* For IE8 and earlier */
		}	
#slika2 {;
		background-position:center;
		width:auto;
		opacity:0.7;
		filter: alpha(opacity=70); /* For IE8 and earlier */
		}
#MAINWRAPPER {
		min-height:100%;
		position:absolute;
		right: 0;
    	left: 0;
    	margin-right: auto;
    	margin-left: auto;
		width:70%; /* sirina komplet strani */																					        
		border:1px solid #959595;
		-o-box-shadow:#bbb 0 0 2px;
		-moz-box-shadow:#bbb 0 0 2px;
		-webkit-box-shadow:#bbb 0 0 2px;
		box-shadow:#bbb 0 0 2px;/* senca ovitka*/}
#HEADER {
		float:left;
		width:100%;
		height:2.5em; 
		background-color:#fff;}
#logo {
		z-index:2;
		display:block;
		position:relative;
		background-image:url(logo.svg);
		width:110px;
		height:23px;
		margin:auto;
		text-indent: 100%;
    	white-space: nowrap;
    	overflow: hidden;
		border:none;
		}
#logo a{
		display:block;
		width:110px;
		height:23px;
		text-indent: 100%;
    	white-space: nowrap;
    	overflow: hidden;
		}	
#NAVIGACIJA {
		position:relative; 
		float:left;
		width:100%;
		font-size:22px;
		font-weight:400;
		background-color:#d1c5b7;
		border-bottom:1px solid #959595;}		
#NAVIGACIJA ul {
    	padding: 0;
    	list-style-type: none;
		overflow:hidden;
		margin: 0;
		text-align:center;
}
#NAVIGACIJA ul li span {
	display: block;
}
#NAVIGACIJA ul li a {
	display: block;
	color:#FFF;
	text-decoration:none;
}
#NAVIGACIJA ul li a:hover {
		display:block;
		background-color:#ede5d7;
		color:#959595;
		text-decoration:none;
}
#NAVIGACIJA ul li a:active {
		display:block;
		background-color:#f7f1e3;
		color:#959595;
		text-decoration:none;
}
/* Styling the toggle menu link and hiding it */
#NAVIGACIJA .navtoogle{
		display: none;	
		width: 100%;
		padding: 0.4em 0.2em 0.3em;
		font-family: 'Lato',Calibri,Arial,sans-serif;
		font-weight: normal;
		text-align: left;
		color: rgb(7, 16, 15);
		font-size: 1.2em;
		background: none;	
		border: none;
		border-bottom: none;
		cursor: pointer;
}
#telefon{
	display:none;}
#zemljevid {
		margin:2%;}
#BODL { 
		float:left;
		background-color:#fff;
		width:100%;
		height:100%;/* prepreci da tekst skoci spodaj ven iz diva */
		padding:0;
		border-bottom:1px solid #959595;
}
#BODL p {
		margin:3%;}
#OKVIR {
		overflow:hidden;/* poskrbi da okvircek ostaja znotraj div-a*/
		display:block;
		margin:0 auto 0;
}
div.okvircek {
		position:relative;
		float:left;
		background-color:#CCC;
		display:block;/* preprica da je div text */
		border:1px solid #959595;
		border-radius:12px;
		text-align:center;/* centrira crke */
		margin:1%;
		overflow:hidden;
		}	
div.okvircek a{
		display:block;
		width:100%;
		height:100%;
		color:#333;
		text-decoration: none;
		}		
div.okvircek a:hover{
		display:block;
		color:#FFF;
	}
.opis {
		display:block;
		position:absolute;
		overflow:hidden;
		top:0;
		background-color:#d1c5b7;
		padding:3px 0;
		width:100%;
		border-bottom:1px solid #959595;}
div.cena {
	display: block;
	position: absolute;
	bottom: 1px;
	right: 0;
	padding:0.3em;
	background-color: #33CCFF;
	border-radius:12px;
	border:2px solid #FFF;
	color:#FFF;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
}
.bottom	{
	vertical-align: bottom;}/* poravna dol */
.center	{
	vertical-align: center;}/* poravna na sredino */
img    {
	display: block;
	margin: 5px auto;
}
.REGULATOR {
		position:relative;
		background-position:center;
		border:1px solid #959595;
		text-align:center;/* centrira crke */
		display:block;
		overflow:hidden;
		}	
.REGULATOR a{
		display:block;
		width:100%;
		height:100%;
		color:#333;
		text-decoration: none;
		}		
.REGULATOR a:hover{
		display:block;
		color:#FFF;
	}
.opisREGULATOR {
		z-index:1;
		opacity:0.8;
		display:block;
		position:absolute;
		overflow:hidden;
		top:0;
		background-color:#d1c5b7;
		padding:3px 0;
		width:100%;
		height:auto;
		border-bottom:1px solid #959595;}
.OVITEK {
		position:relative;
		background-position:center;
		border:1px solid #959595;
		text-align:center;/* centrira crke */
		display:block;
		overflow:hidden;
		margin:2%;
		padding-top:0.5em;
		border-radius:12px;
		}	
.OVITEK a{
		display:block;
		width:100%;
		height:100%;
		color:#333;
		}		
.OVITEK a:hover{
		display:block;
		color:#FFF;
	}
.opisOVITEK {
		display:block;
		position:absolute;
		overflow:hidden;
		top:0;
		background-color:#d1c5b7;
		padding:3px 0;
		width:100%;
		height:auto;
		border-bottom:1px solid #959595;}
.OVITEKrisba {
		position:relative;
		background-position:center;
		background-color: #d1c5b7;
		border:1px solid #959595;
		text-align:center;/* centrira crke */
		display:block;
		overflow:hidden;
		margin:2%;
		padding: 2%;
		border-radius:12px;
		}
.OVITEKrisbaGIF {
		position:relative;
		background-position:center;
		background-color: #d1c5b7;
		border:1px solid #959595;
		text-align:center;/* centrira crke */
		display:block;
		overflow:hidden;
		margin:2%;
		padding: 0%;
		border-radius:12px;
		}
#E25002S {
	display:block;
	text-indent:-9999;
	background-image:url("../slike/EPSA_2500_2S_N.jpg");
	background-position:center;
	width: auto;
	height:300px;}		
#E2200Z {
	background-image:url(../slike/EPSA_2200_Z_Ni.jpg);
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#E2200K {
	background-image:url("../slike/EPSA_2200_K_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#E2500K {
	background-image:url("../slike/EPSA_2500_K_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#E2500V {
	display:block;
	text-indent:-9999;
	background-image:url("../slike/EPSA_2500_V_N.jpg");
	background-position:center;
	width: auto;
	height:300px;}	
#E2500BG {
	display:block;
	text-indent:-9999;
	background-image:url("../slike/EPSA_2500_B_GOR_N.jpg");
	background-position:center;
	width: auto;
	height:300px;}
#E2300C5 {
	background-image:url("../slike/EPSA_2300_C5_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#E2300B3 {
	background-image:url("../slike/EPSA_2300_B3_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#E2200PR {
	background-image:url("../slike/EPSA_2200_PR_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;
}	
#E2300PR2 {
	background-image:url("../slike/EPSA_2300_PR2_N2.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}			
#GOST {
	background-image:url(../slike/EPSA2500gos.jpg);
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#E2300Z1 {
	background-image:url("../slike/EPSA_2300_Z1_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#E2000 {
	background-image:url("../slike/EPSA_2000_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#E2100 {
	background-image:url("../slike/EPSA_2100_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#E2200 {
	background-image:url("../slike/EPSA_2200_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#E2200B {
	background-image:url("../slike/EPSA_2200_B_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#E2200CD {
	background-image:url("../slike/EPSA_2200_CD_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#E2500B {
	background-image:url("../slike/EPSA_2500_B_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#E2500BVD {
	background-image:url("../slike/EPSA_2500_B_VD_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#E25002S {
	background-image:url("../slike/EPSA_2500_2S_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#E25003S {
	background-image:url("../slike/EPSA_2500_3S_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#E2500MES {
	background-image:url("../slike/EPSA_2500_MES_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#E2500NT {
	background-image:url("../slike/EPSA_2500_NT_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#E2500R2A {
	background-image:url("../slike/EPSA_2500_R2A_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#E2500R3 {
	background-image:url("../slike/EPSA_2500_R3_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#C100 {
	background-image:url("../slike/C100_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#E1100 {
	background-image:url("../slike/ESSA_1100_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#E1000R {
	background-image:url("../slike/ESSA_1000R_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	width: auto;
	display:block;}
#AUTONICS {
	background-image:url("../slike/AUTONICS_TKS_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#TEHNOHLAD {
	background-image:url("../slike/TEHNOHLAD_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#OGREVANJEVODE {
	background-image:url("../slike/ogrevanje-vode.jpg");
	text-indent:-9999;
	background-position:center;
	max-width: 100%;
	min-height:300px;
	max-height: 100%;
	display:block;}
#AUTONICS-temp1 {
	background-image:url("../slike/AUTONICS_TK4S_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#AUTONICS-temp2 {
	background-image:url("../slike/AUTONICS_TX4S_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#AUTONICS-temp3 {
	background-image:url("../slike/AUTONICS_TF3_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#AUTONICS-temphum {
	background-image:url("../slike/AUTONICS_TH4M_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#AUTONICS-timer {
	background-image:url("../slike/AUTONICS_LE4S_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#AUTONICS-level {
	background-image:url("../slike/AUTONICS_KN-1000B_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#AUTONICS-volt {
	background-image:url("../slike/AUTONICS_MT4W_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#AUTONICS-counter {
	background-image:url("../slike/AUTONICS_CX6S_N.jpg");
	text-indent:-9999;
	background-position:center;
	width: auto;
	height:300px;
	display:block;}
#FOOTER {
		clear:both; 
		background-color:#d1c5b7;
		width:100%;
		text-align:center;
		border-top:1px solid #959595;}
#VDELU {
		float:left;
		background-color:#FF0;
		width:100%;
		text-align:center;
		border-top:1px solid #959595;}				
#LASTNOSTI {
		width:100%;
		display:block;
		color:#FFF;}
#LASTNOSTI a{
		color:#333333;
		text-decoration: none;}
#LASTNOSTI ul {
    	list-style-type: none;
		overflow:hidden;
		text-align:center;
		border-radius:12px;
		border:1px solid #959595;}
#LASTNOSTI ul li {
	display: block;
	min-height:1em;
	color:#959595;}
#LASTNOSTI ul li:nth-child(odd) {
	background-color:#ede5d7;
}
#LASTNOSTI ul li:nth-child(even) {
	background-color:#fff;
}
#LASTNOSTI ul li tr:nth-child(odd) {
	background-color:#ede5d7;
}
#LASTNOSTI ul li tr:nth-child(even) {
	background-color:#fff;
}#LASTNOSTI ul li tr:hover {
	background-color:#d1c5b7;
	color:#FFF;}	
.Hseparator{
    height:1px;
  background:-moz-linear-gradient(left, #FFFFFF 0%,#959595 75%,#FFFFFF 100%); 
  background:-webkit-linear-gradient(left, #FFFFFF 0%,#959595 75%,#FFFFFF 100%); 
  background:linear-gradient(left, #FFFFFF 0%,#959595 75%,#FFFFFF 100%);
  width:100%;
  display:block;}
.Vseparator{
    width:1px;
  background:-moz-linear-gradient(top, #FFFFFF 0%,#959595 75%,#FFFFFF 100%); 
  background:-webkit-linear-gradient(top, #FFFFFF 0%,#959595 75%,#FFFFFF 100%); 
  background:linear-gradient(top, #FFFFFF 0%,#959595 75%,#FFFFFF 100%);
  height:100%;
  display:block;}  			
#DOKUMENTACIJA {
		display:block;
		padding:0.5em;
		margin:1%;
		border:3px solid #cdc0b1;
		border-radius:12px;
		background-color:#ede5d7;
		text-align:center;
		font-weight:600}
#DOKUMENTACIJA a {
		display:block;
		color:#959595;
		text-decoration:none;}						
#DOKUMENTACIJA:hover {
		display:block;
		background-color:#f5f2ef;
		border:3px solid #af9a83;
		text-align:center;} 
#VARIANTE {
		width:100%;
		color:#959595;
		text-align:center;}
#VARIANTE tr {
		text-align:center;}
#VARIANTE tr td {}
#VARIANTE ul li a {
	display: block;
	color:#959595;
	text-decoration:none;
	text-align:center;
	margin-top: 10px;}	
#VARIANTE tr td:hover {
	background-color:#959595;
		border-radius:10px;
		transition:all 1s;
    	-webkit-transition:all 1s;
    	-moz-transition:all 1s;}
#MODEL {
		z-index:2;
		}					 
@media only screen and (min-width: 721px){
#HEADER  {
		border-bottom:1px solid #959595;}
#logo {
		top:.5em;}					
#NAVIGACIJA ul li a {
		display:inline;
		width:25%;
		float:left;
		padding:0.15em 0;}
#BODL { 
		float:left;}
div.okvircek {
		width:30.9%;
		display:block;
}
div.okvircek a:hover{
		display:block;
}
.opisREGULATOR {
		font-size:1.3em;
		line-height:1.3em;}
.REGULATOR {
		border-radius:12px;
		margin:1%;		
}
#LASTNOSTI ul {
		margin: 1%;
		border-radius:12px;
}
#LASTNOSTI span {
		font-size:1.4em;
		line-height:1.4em;
		font-weight:700;
		margin:0.5em;}
#DOKUMENTACIJA {
		margin:2%;}
#FOOTER {
		clear:both;}						}
@media only screen and (min-width: 520px) and (max-width: 720px){	
html {
		font-size:120%;}
#MAINWRAPPER {
		height:auto; 
		height:100%;
		min-height:100%; /* raztegne ovoj strani do konca */
		position:relative; /* znotraj body-ja */
		margin:0;
		width:100%; /* sirina komplet strani */
		min-width:none;
		border:none;}	
#MAINWRAPPER > div { 
		margin:0; /* margin div-ov znotraj ovitka */							
}
#HEADER { 
		float:left;
		width:100%;
		border-bottom:1px solid #959595;}
#logo {
		top:.7em;}				
#NAVIGACIJA {
		float:left;
		width:100%;
		display:inline;
}
#NAVIGACIJA ul {
		border-left:1px solid #959595;
		margin-left:3%;}
#NAVIGACIJA ul li a {
		display:inline;
		width:24%;
		float:left;
		border-right:1px solid #959595;
		padding:1.5% 0;}
#BODL { 
		float:left;
		width:100%;
		background-color:#fff;
		display:block;
		min-height:100%;
}
div.okvircek {
		width:47.6%;
		display:block;
		overflow:hidden;
}
.REGULATOR {
		border-radius:12px;
		margin:1%;		
}
#LASTNOSTI ul {
		margin: 1%;
		font-weight:600;
}
#DOKUMENTACIJA {
		margin:2%;}
#FOOTER {
		width:100%;}
		}	
		@media only screen and (max-width: 519px){	
html {
		font-size:130%;}
#MAINWRAPPER {
		height:auto; 
		height:100%;
		min-height:100%; /* raztegne ovoj strani do konca */
		position:relative; /* znotraj body-ja */
		margin:0;
		width:100%; /* sirina komplet strani */
		min-width:none;
		border:none;}
#MAINWRAPPER > div { 
		margin:0; /* margin div-ov znotraj ovitka */	
}	
#HEADER { position:absolute;
		width:100%;}
#logo {
		z-index:2;
		display:block;
		top:0.8em;
		position:relative;
		background-image:url(logo.svg);
		width:110px;
		height:23px;
		margin:auto;
		text-indent: 100%;
    	white-space: nowrap;
    	overflow: hidden;
		border:none;
		}
#logo a{
		display:block;
		width:110px;
		height:23px;
		text-indent: 100%;
    	white-space: nowrap;
    	overflow: hidden;
		}				
#NAVIGACIJA {
		float:left;
		width:100%;}
#NAVIGACIJA ul {	
		border-bottom: none;
		}
#NAVIGACIJA ul li {
		display: block;
		float: left;
		width: 100%;
	}
	/* Adding some padding to make the elements look nicer*/
#NAVIGACIJA ul li a {
		padding: 0.5em;
		display:block;
		border:1px solid #fff;		
	}
	/* Adapting the layout of the menu for smaller screens : icon on the left and text on the right*/
#NAVIGACIJA ul li span {
		display: inline-block;
		height: 100%;
	}	
/* Unhiding the styled menu link */
#NAVIGACIJA .navtoogle{
		margin: 0;
		display: block;
		padding-left:2.7em;
		padding-bottom:0.6em;
		text-indent:-9999px;
		color:#fff;
	}
#NAVIGACIJA .navtoogle:before{
		content:"";
		position:absolute;
		left:0.5em;
		top:0.1em;
		width:50px;
		height:50px;
		background-image:url(meni.svg);
	}
#telefon{
	z-index:9;
	display:block;
	position:absolute;
	top:0.1em;
	right:0.6em;
	background-image:url(phone.svg);
	width:50px;
	height:50px;}
#telefon a{
		width:50px;
		height:50px;
		display:block;}			
	
	/* Animating the height of the navigation when the button is clicked */
	
	/* When JavaScript is disabled, we hide the menu */
	.no-js #NAVIGACIJA ul {
		max-height: 30em;
		overflow: hidden;
	}
	
	/* When JavaScript is enabled, we hide the menu */
	.js #NAVIGACIJA ul {
		max-height: 0em;
		overflow: hidden;
	}
	
	/* Displaying the menu when the user has clicked on the button*/
	.js #NAVIGACIJA .active + ul {		
		max-height: 30em;
		overflow: hidden;
		-webkit-transition: max-height .4s;
		-moz-transition: max-height .4s;
		-o-transition: max-height .4s;
		-ms-transition: max-height .4s;
		transition: max-height .4s;
	}

	/* Adding a left border of 8 px with a different color for each menu item*/
	#NAVIGACIJA li:nth-child(6n+1) {
		border-left: 8px solid #827065;
	}

	#NAVIGACIJA li:nth-child(6n+2) {
		border-left: 8px solid #fff;
	}

	#NAVIGACIJA li:nth-child(6n+3) {
		border-left: 8px solid #827065;
	}

	#NAVIGACIJA li:nth-child(6n+4) {
		border-left: 8px solid #fff;
	}

	#NAVIGACIJA li:nth-child(6n+5) {
		border-left: 8px solid #827065;
	}

	#NAVIGACIJA li:nth-child(6n+6) {
		border-left: 8px solid #fff;
	}

	/* make the nav bigger on touch screens */
	.touch #NAVIGACIJA a { 
		padding: 0.5em;
	}
#BODL { 
		float:left;
		width:100%;
		background-color:#fff;
		display:block;
		min-height:100%;
}
div.okvircek {
		width:96%;
		display:block;
		padding-bottom:100px;
		height: 170px;
		margin:1% 1.4% 1% 1.6%;
		overflow:hidden;}
.REGULATOR {
		border-radius:12px;
		margin:2%;		
}
#LASTNOSTI ul {
		margin:2%;
		font-weight:600;
}
#DOKUMENTACIJA {
		margin:4%;}
#FOOTER {
		width:100%;}
		}
/* LOGO VRSTICA */
.marquee {
  overflow: hidden;
  width: 100%;
  height: 100px;
  position: relative;
}

.marquee__track {
  display: flex;
  gap: 70px; /* dinamični razmak med logotipi */
  width: max-content;
  animation: scroll-marquee linear infinite;
}

.marquee__item {
  width: 100px;
  height: 100px;
  object-fit: contain;
}

@keyframes scroll-marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
/*LOGO VRSTICA*/ 

