div#pesma{

width: 40%;


}
div#pesma img{

width: 100%;


}

div#proizvodipola{
float: left;
width: 50%;

font-size:24px;
line-height:33px;
color:#777;
text-align:justify;
text-indent:35px;
}












div#frontindex{
float: left;
width: 50%;
}

div#awe4{
float: left;
width: 25%;
color:#777;
}

div#pozovime{
	display:none;
}

div#salate{
	float:left;
	width:50%;
	padding:5%;
	margin-bottom: 3%;
}

div.salatea{
	position: relative;
}

div.salatea img{
	width:100%;
	 transition: transform 1.9s;
	 box-shadow: 0 0 5px rgb(253,184,19);
}
div.salatea img:hover{
	  -ms-transform: scale(1.06); /* IE 9 */
  -webkit-transform: scale(1.06); /* Safari 3-8 */
  transform: scale(1.06); 
  transition: transform 1.9s;
}


div.salatenaslov{
position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
color: red;
z-index: 999;
font-size: 2vw;
width: 70%;
background-color: rgba(0,0,0,0.5);
padding: 2%;
}

div.salatenaslov a{
	
	
color: #fff;
font-weight: bold;
	
}

div.salatenaslov a:hover{

color: rgb(253,184,19);
	
	
}





div.salatetext{
position: absolute;
top:85%;
left: 15%;
width: 70%;
padding: 5%;
color: rgb(0,0,0);
z-index: 999;
font-size: 1.2vw;
background-color: rgb(253,184,19);
text-align: center;
box-shadow: 0 0 15px rgb(1,14,40);

}


div.salatetext a{
color:#333;

}

div.salatetext a:hover{
color:#fff;

}































div.slikalipova{
	width:85%;
}
div.slikalipova img{
	width:100%;
}

div#svelink{
	width:100%;
		padding-top: 3%;
		padding-bottom: 3%;
}

div#svelink a{
	text-decoration: none;
	color: rgb(41,146,164);
	font-size: 22px;
	border:2px solid rgb(253,184,19);
	border-radius: 10px;
	padding: 1%;
	padding-left: 20%;
	padding-right: 20%;

	background-color: rgb(215,215,215);
}

div#svelink a:hover{

	color: rgb(253,184,19);

	box-shadow: 0 0 15px rgb(1,14,40);
background-color: rgb(235,235,235);
}

div#slikabodi{
	width:100%;
}

div#slikabodi img{
	width:90%;
}



div#okoforme{
	width:100%;
background-color:rgba(0,0,0,0.1);

}

div#zaformu{
	width:50%;
float:left;

}

div#zaformu a:hover{
	
color:rgb(253,184,19);
}


video {
  width: 90%;
  height: auto;
  border-color: 6px solid rgb(253,184,19);

box-shadow: 0 0 15px RGB(0,0,0);
}
iframe {
  width: 100%;
  height: auto;

}

div#eksluziva{
	width:100%;
background-color:#222;
	padding-top:3%;
	padding-bottom:3%;
}
div#saceslika img{
	width:50%;
}

div#saceslika1 img{
	width:70%;
}
div.progress-container {
	position: fixed;
	top:0px;
	left: 0px;
  width: 100%;
  height: 8px;
  background: rgb(0,0,0);
  z-index: 999;
}

div.progress-bar {
  height: 8px;
  background: rgb(253,184,19);
  width: 0%;
   z-index: 999;
}

div#zasace {
	width:100%;
	background-color: #888;
	
}
div#zasace img{
	width:50%;
	
}
div#blinkanje{
	position:absolute;
	top:800px;
	right:50px;
	width:200px;
	
}

div#blinkanje1{
	position:absolute;
	top:170px;
	right:200px;
	width:200px;
	
}

div#kriznivideo{

	width:88%;
	
	
	
	
}


div#grupa{
			width: 100%;
			height: 85vh;
			position: relative;
	
		}
		div#vbmap1 img{
			width: 70%;
			height: 80%;
			position: absolute;
			top:10%;
			left:15%;
			
			 border-radius:30px;
			 box-shadow: 0 0 11px rgb(32,137,3);
		}

		div#vbmap1 img:hover{
box-shadow: 0 0 25px rgb(32,137,3);

		}




		div#vbmap2 img{
			width: 30%;
			height: 25%;
			position: absolute;
			top:4%;
			left:12%;
			 transition: transform 0.9s;
			   border-bottom-left-radius:33px;
			border-top-right-radius:33px;
			 box-shadow: 0 0 11px rgb(32,137,3);
		
		}

		div#vbmap2 img:hover{
	  	-ms-transform: scale(1.20); /* IE 9 */
  		-webkit-transform: scale(1.20); /* Safari 3-8 */
  		transform: scale(1.20); 
		transition: transform 0.9s;
		opacity: 1.0;
		}


		div#vbmap3 img{
			width: 30%;
			height: 32%;
			position: absolute;
			top:30%;
			left:62%;
			transition: transform 0.9s;
			   border-bottom-left-radius:33px;
			border-top-right-radius:33px;
			box-shadow: 0 0 11px rgb(32,137,3);
		
		}
		div#vbmap3 img:hover{
	  	-ms-transform: scale(1.18); /* IE 9 */
  		-webkit-transform: scale(1.18); /* Safari 3-8 */
  		transform: scale(1.18); 
		transition: transform 0.9s;
		opacity: 1.0;
		}
		div#vbmap4 img{
			width: 30%;
			height: 25%;
			position: absolute;
			top:70%;
			left:12%;
			transition: transform 0.9s;
			   border-bottom-left-radius:33px;
			border-top-right-radius:33px;
			box-shadow: 0 0 11px rgb(32,137,3);

		}
		div#vbmap4 img:hover{
	  	-ms-transform: scale(1.20); /* IE 9 */
  		-webkit-transform: scale(1.20); /* Safari 3-8 */
  		transform: scale(1.20); 
		transition: transform 0.9s;
		opacity: 1.0;
		}







div#mapabanja img{
	width: 70%;
	border-bottom-left-radius:15%;
border-top-right-radius:15%;
transition: transform 0.9s;
box-shadow: 0 0 17px #ccc;
border:2px solid rgba(52,130,143,0.7);
}

div#mapabanja img:hover{

  -ms-transform: scale(1.05); /* IE 9 */
  -webkit-transform: scale(1.05); /* Safari 3-8 */
  transform: scale(1.05); 
  transition: transform 0.9s;
}

div#vbgaleri{
	width: 95%;
	text-align:center;

}
div#vbgaleri1{
	float:left;
	width: 33%;
}
div#vbgaleri1 img{
transition: transform 0.9s;
	width: 100%;
	

}

div#vbgaleri1 img:hover{

	  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
transition: transform 0.9s;
-webkit-filter: drop-shadow(4px 4px 5px rgb(253,184,19));filter: drop-shadow(4px 4px 5px rgb(253,184,19));

border-radius: 5%;
}











div#sayoutube{
	width: 100%;
}

	iframe{
		width: 88%;
		height: 650px;
	}




div#jedinica img{
position: fixed;
top: 0px;
left: 0px;
z-index: -999;
width: 100%;
height: 100%;

}
div#jedinica7 img{
position: fixed;
top: 0px;
left: 0px;
z-index: -999;
width: 100%;
height: 100%;

}
div#zameni{
position: relative;
top: 0px;
left: 0px;
z-index: 999;
width: 100%;
height: 100px;
background-color: #ccc;

}


div#izmedju{
	width:100%;
	height:18vh;
}
div#izmedju2{
	width:100%;
	height:13vh;
}
div#osnova{

	color:#333;
	font-size:22px;
	font-family: Verdana;
}



div#navigacija{
width:100%;
text-align:center;
font-size:18px;
}

div#navigacija a{
text-decoration:none;
color:#333;
font-size:18px;
}
div#navigacija a:hover{
color:rgb(253,184,19);
}


div#abcd{
	width: 100%;


}
div#abcda {
	width: 100%;

	
}
div#abcda img{
	width: 100%;

	
}
div#abcda img:hover{

}

div#abc{
	width: 20%;

		color:#333;
		float: left;
}
div#abc1{
	width: 100%;
	font-size: 30px;
		color:#333;
		float: left;
}

div#aab{
	width: 90%;
background-color: rgb(253,184,19);


}

div#abc img{
	width: 90%;
 transition: transform 0.9s;

}
div#abc img:hover{
  -ms-transform: scale(1.06); /* IE 9 */
  -webkit-transform: scale(1.06); /* Safari 3-8 */
  transform: scale(1.06); 
  transition: transform 0.9s;
}




div#aab a{
	text-decoration: none;
	font-family: verdana;
	font-size: 22px;
	color:rgb(62,90,29);

	
}
div#aab a:hover{
 color: #fff;

}


div#aab:hover{

}

div#aab1{
	width: 320px;
background-color: rgb(253,184,19);
	border-radius: 10px;
	border-color: 2px solid #ccc;
}
div#aab1 img{
	width: 100%;

	border-top-right-radius: 10px;
		border-top-left-radius: 10px;
	border-color: 2px solid rgb(253,184,19);
}
div#aab1 a{
	text-decoration: none;
	font-family: verdana;
	font-size: 30px;
	color:rgb(62,90,29);
	
}
div#aab1 a:hover{
 color: #fff;

}


div#aab1:hover{

}










div#foto1{
	width: 100%;

border: 4px solid rgba(97,185,65,0.5);
}








div#reklama{
	font-family: Verdana;
	font-size: 32px;
	color: #fff;
 	text-shadow: 1px 0px 11px #000;
}






div#kliker{

	background-color:rgba(0,0,0,0.9);
	border-radius: 50%;
	border-color: 2px solid #f33;


}


div#osnova1{
	width:100%;
	
	

}
div#osnova221{
	width:100%;
	background-color:rgba(0,0,0,0.1);
	

}

div#naslovnitext {

	font-family: Verdana;
color:rgb(62,90,29);
	font-size:33px;
	text-shadow: 0px 0px 8px #fff;


}
div#naslovnitext2 {

	font-family: Verdana;
color:#777;
	font-size:22px;
	 
text-shadow: 0px 0px 8px #fff;


}

div#naslovnitext1 {
	
	color: #fff;
 	text-shadow: 5px 0px 8px #000;
	font-family: Verdana;
	font-size:60px;

}

div#komplexi a{
	
	color: rgb(253,184,19);
 	text-shadow: 5px 0px 8px #000;
	font-family: Verdana;
	font-size:60px;
	text-decoration:none;
}
div#komplexi a:hover{
	
	color: #fff;

}





div#sneab{
	width:100%;
}

div#sneznikx{
	width:50%;
	float:left;
	text-align:center;
}

div#sneznikx a{
	color: #rgb(30,17,84);
 	text-shadow: 5px 0px 8px #000;
	font-family: Verdana;
	font-size:60px;
	text-decoration:none;
}
div#sneznikx a:hover{
	color: rgb(253,184,19);

}
div#vile{
		width:50%;
	float:left;
	text-align:justify;
	padding:20px;
	text-indent:30px;

}






div#naslovnitext {


width: 400px;
}






div#prvi{
	width: 300px;
}
div#popuna{
	width: 90%;
	height:240px;
	border:3px solid rgb(165,50,147);
	background-color: rgba(255,255,255,0.7);
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 50px;
	filter:alpha(opacity=60);
	font-family: Verdana;
	padding:20px 20px 20px 20px;
	font-size: 16px;
	color: #444;
	text-align: center;
}

div#popunaa{
	width: 50%;
	float:left;
}

div#reklama img{
	width:47%;
}

div#reklama1 img{
	width:80%;
}


div#popuna1{

width: 80%;	

-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);
font-family: Verdana;
padding:20px 20px 20px 20px;
font-size: 17px;

color: #777;
text-align: center;

line-height: 25px;
}



div#popuna123{

width: 80%;	

	background-color: rgba(255,255,255,0.9);
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);
font-family: Verdana;
padding:20px 20px 20px 20px;
font-size: 20px;

color: rgb(165,50,147);
text-align: center;
font-weight:bold;
line-height: 25px;
}





div#kpopuna{

width: 80%;	

-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);
font-family: Verdana;
padding:20px 20px 20px 20px;
font-size: 16px;

color: #777;
text-align: center;


}
div#kpopuna1{

width: 50%;	
float:left;
font-size: 16px;
color: #777;
text-align: left;

padding:2%;
margin-bottom:40px;

}
div#kpopuna1 img{

width: 100%;	
  transition: transform 0.9s;
}
div#kpopuna1 img:hover{

  -ms-transform: scale(1.03); /* IE 9 */
  -webkit-transform: scale(1.03); /* Safari 3-8 */
  transform: scale(1.03); 
  transition: transform 0.9s;
}

div#kpopuna1 a{
text-decoration: none;
	color:#888;
}

div#kpopuna1 a:hover{
text-decoration: none;
color: rgb(253,184,19);
}












div#opopuna1{

width: 50%;	
float:left;
font-size: 16px;
color: #fff;
text-align: justify;

padding:2%;


}

div#opopuna1 img{

width: 50%;	


}

div#opopuna1 a{
text-decoration: none;
	color:#111;
}

div#opopuna1 a:hover{
text-decoration: none;
color: rgb(253,184,19);
}












div#onamapopuna{

width: 80%;	

-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);
font-family: Verdana;
padding:20px 20px 20px 20px;
font-size: 16px;

color: #555;
text-align: justify;


line-height: 25px;
}
div#onamapopuna img{

width:100%;
transition: transform 0.9s;
}
div#onamapopuna img:hover{

  -ms-transform: scale(1.03); /* IE 9 */
  -webkit-transform: scale(1.03); /* Safari 3-8 */
  transform: scale(1.03); 
  transition: transform 0.9s;
}











div#vrh0 {
	
	height: 25px;
	background-color: #333;

color:#fff;

text-align: center;
font-size: 14px;

	font-family: Verdana;
z-index:999;
}


div#vrh0 img{
	width: 25px;
}

div#vrh0 a{
text-decoration: none;
color:#ccc;

}
div#vrh0 a:hover{
color:rgb(253,184,19);
}



ul{
	line-height: 23px;
}

div.textbox4{
width: 22.5%;


float: left;
margin-left: 2%;
margin-top: 1%;
border-radius: 50%;
overflow: auto;
color: #fff;
background-color: rgba(0,0,0,0.6);
text-align: center;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;

}
div.textbox4 img{
width: 20%;
align-content: center;

}
div.textbox4 img:hover{
opacity: 0.7;
text-align: center;

}







/* Grow Rotate */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  padding:3%;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  -webkit-transform: scale(1.2) rotate(4deg);
  transform: scale(1.2) rotate(4deg);
  -webkit-filter: drop-shadow(8px 8px 10px rgb(165,50,147));filter: drop-shadow(8px 8px 10px rgb(165,50,147));
}


div.apartmeni{
	width:100%;

}
div.apartmeni a{


font-family: Verdana; 
color: rgb(234,88,28);
font-size:33px; 
font-style: italic; 
text-align: center; 
font-weight:bold;
text-decoration: none;
}

div.apartmeni a:hover{


color: rgb(255,0,0);

}



div#vrh{
	
width:100%;
height:20px;
background-color:rgba(0,0,0,0.7);
border-top:2px solid black;
	 font-family: Verdana;
	font-size:18px;
	font-weight: bold;
	color:#ffffff;
	text-align:right;
font-style: italic;

}
div#slogann img{
	
width:300px;
position:absolute;
	top:10px;
	right:80px;

}


div#vrm{
	
	z-index:999;
	position:fixed;
	top:5px;
	right:20px;
	color:#ffffff;
	font-weight:bold;
	font-size:16px;	 
	font-family: Verdana;
}

div.vrh{
	width: 100%;
	background-color: rgba(0, 30, 34, 0.85);
	color: rgb(222,205,78);
	 font-family: Verdana;
	font-size:30px;
	font-weight: bold;
}




div.transbox{
width: 900px;	
background-color: rgba(0,0,0,0.6);
text-align:justify;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);
}

div.transbox:hover{
opacity: 1.0;	
}

div.transbox{
font-family: Verdana;
padding:20px 20px 20px 20px;

color: #ffffff;
text-align: left;
font-style: italic;
font-size: 14px;
}
div.transbox img{
width:300px;
border: 2px solid #ffffff;

}
div.transbox a{
color:#ffffff;
font-weight:bold;
}
div.transbox a:hover{
color:#ffffff;
font-weight:bold;
box-shadow: 0 12px 16px 0 rgba(255,255,255,0.22), 0 17px 50px 0 rgba(255,255,255,0.19);
}




div.transboxm{
position:absolute;
top:70px;
right:190px;
width: 550px;	

text-align:justify;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);
}

div.transboxm{
font-family: Verdana;
padding:20px 20px 20px 20px;

color: #ffffff;
text-align: left;
font-style: italic;
font-size: 15px;
}
div.transboxm a{
color:#ffffff;
font-weight:bold;
}
div.transboxm a:hover{
color:#ffffff;
font-weight:bold;
box-shadow: 0 12px 16px 0 rgba(255,255,255,0.22), 0 17px 50px 0 rgba(255,255,255,0.19);
}







div.textboxk a{
text-decoration: none;
color: #ffffff;
}
div.textboxk a:hover{
text-decoration: none;
color: rgb(239,92,22);
box-shadow: 0 12px 16px 0 rgba(255,255,255,0.22), 0 17px 50px 0 rgba(255,255,255,0.19);
}

div.sidro  a{
	font-size: 16px;
	color:#fff;

	font-family: 'Roboto', sans-serif;
	margin: 0px 4px;
	padding: 5px 16px;
	border-radius: 20px;
	font-weight: bold;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

div.sidro  a:hover{

	color: #fff;
	background: rgb(18,0,85);
	box-shadow: 0 12px 16px 0 rgba(255,255,255,0.44), 0 17px 50px 0 rgba(255,255,255,0.19);

}



div.eshop{
	position:absolute;
	top:145px;
	right:800px;
}

div.eshop img{
	width:150px;
}

div.firma{
	position:absolute;
	top:10px;
	right:280px;
	color:rgb(255,255,255); 
	font-size:17px; 
	font-style:italic; 
	font-weight:bold;
}

div.textboxk{
width: 900px;	
background-color: rgba(0,0,0,0.6);

-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);
}
div.textboxk{
font-family: Verdana;
padding:20px 20px 20px 20px;
font-size: 14px;

color: #ffffff;
text-align: center;
font-style: italic;
}

div.textbox{
width: 980px;	
background-color: rgba(0,0,0,0.6);
text-indent: 20%;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);

}

div.textbox{
font-family: Verdana;
padding:20px 20px 20px 20px;
font-size: 14px;

color: #ffffff;
text-align: justify;
font-style: italic;
line-height: 25px;
}

div.textboxg{
width: 800px;	
background-color: rgba(0,0,0,0.4);
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);

}



div.textboxg img:hover{
box-shadow: 0 12px 16px 0 rgba(255,255,255,0.22), 0 17px 50px 0 rgba(255,255,255,0.19);
}








div.textboxi{
width: 980px;	
background-color: rgba(40,22,111,0.5);
border: 2px solid rgba(40,22,111,0.9);
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);

}




div.textboxi{
font-family: Verdana;
padding:20px 20px 20px 20px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
text-align: justify;
font-style: italic;
line-height: 25px;
}

div.textbox a{

text-decoration: none;
color: #fff;
}
div.textbox a:hover{
text-decoration: none;
color: rgb(239,92,22);
box-shadow: 0 12px 16px 0 rgba(255,255,255,0.44), 0 17px 50px 0 rgba(255,255,255,0.19);
}


div.textbox img{
width:100px;
height:100px;
text-align:center;

border: 2px solid rgba(0,0,0,0.3);
}

div.textbox img:hover{
width:100px;

border: 2px solid rgb(255,255,255);
}




div.dvojka{
	float: left;

width: 45%;	
margin-left: 3%;
margin-bottom: 20px;
background-color: rgba(0,0,0,0.6);

-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);
font-family: Verdana;
padding:20px 20px 20px 20px;
font-size: 14px;

color: #ffffff;
text-indent: 50px;

line-height: 25px;

}

div.dvojka a{

}
div.dvojka a:hover{
text-decoration: none;
color: #ffffff;
box-shadow: 0 12px 16px 0 rgba(255,255,255,0.44), 0 17px 50px 0 rgba(255,255,255,0.19);
}


div.dvojka img{
width:80px;
height:80px;

}

div.dvojka img:hover{
opacity: 0.5;
}


















div.textboxn{
width: 470px;	
background-color: rgba(0,0,0,0.6);

text-align:center;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);
}

div.textboxn:hover{
opacity: 1.0;	
}

div.textboxn{
font-family: Verdana;
padding:10px 10px 10px 10px;
font-size:22px;
font-style:italic;
color: #fff;
text-align: center;
font-weight:bold;

}











div.ii {
		
	z-index: 999;

	bottom: 20px;

	
}

div.ii img{

width:40px;
height:28px;
opacity: 0.8;
	
}

div.ii img:hover{
opacity: 1.0;
box-shadow: 0 12px 16px 0 rgba(18,0,85,0.44), 0 17px 50px 0 rgba(18,0,85,0.19);
}

#button{
border-radius:10px;
width:70%;
height:35px;
background-color:rgb(253,184,19);

font-size:16px;
color: #555;


}

#button:hover{
background-color:rgba(34,64,90,0.8);
color: #fff;

cursor:pointer;

}

#button1{
border-radius:10px;
width:100px;
height:35px;
background-color:rgb(253,184,19);

font-size:16px;
color: rgb(255,255,255);
}

#button1:hover{

color: rgba(255,0,0,0.7);

box-shadow: 0 12px 16px 0 #ccc, 0 17px 50px 0 #ccc;
}






div.map {
width:100%;
height:300px;

border: 2px solid #ccc;
}

div.gmap {
width:800px;
height:350px;

}

.error {
	color: #FF0000; 
	font-size: 13px;
	}
	

div.linkovi a{

text-align:center;
color:#222222;
font-family: verdana;
text-decoration: none;
font-weight: bold;
font-size:20px;
}

div.linkovi a:hover{

color:#ffffff;

}

div.naslov {

text-align:center;
font-family: verdana;
text-decoration: none;
font-weight: bold;
font-size:25px;
}

div.textmeni{
width: 600px;	
background-color: rgba(40,22,111,0.3);
border: 2px solid rgba(40,22,111,0.9);
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);
float: right;
position: relative;
top: 30px;
right: 30px;
z-index: 999;
}

div.textmeni:hover{
background-color: rgb(40,22,111);

	
}


div.textmeni a{
font-family: Verdana;
text-decoration: none;
font-size: 20px;
color: #ffffff;

}

div.textmeni a:hover{
color: #ffffff;
box-shadow: 0 12px 16px 0 rgba(255,255,255,0.22), 0 17px 50px 0 rgba(255,255,255,0.19);
	
}


div.textmeni ul li{
display: inline;
	
}



div.textsalji a{
text-decoration: none;
color: #ffffff;

}
div.textsalji a:hover{
text-decoration: none;
color: rgb(253,184,19);
box-shadow: 0 12px 16px 0 rgba(255,255,255,0.22), 0 17px 50px 0 rgba(255,255,255,0.19);
}


div.textsalji{
width: 980px;	
background-color: rgba(0,0,0,0.5);

-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 50px;
filter:alpha(opacity=60);
}
div.textsalji{
font-family: Verdana;
padding:20px 20px 20px 20px;
font-size: 15px;
font-weight: bold;
color: #ffffff;
text-align: center;
font-style: italic;
}

div.reklme{
	

position: fixed;
top: 120px;
right: 2px;
z-index: 999;
}

div.facelink img{
	

position: absolute;
top: 130px;
right: 10px;
z-index: 999;
}


div.oko{
font-family: Verdana;
font-size: 12px;
font-weight: bold;
color: #ffffff;
background: rgba(40,22,111,0.7);
position:fixed;
right:10px;
bottom:10px;

}


.geralpoz{
position: relative;	
z-index: 999;
top: 5px;
float: right;
right: 20px;
text-align: right;
font-size: 16px;
}
.geralpoz1{
position: relative;	
z-index: 999;
top: 5px;
float: left;
left: 20px;
font-size: 16px;
}
.geralpoz2{
position: relative;	
z-index: 999;
top: 50px;
float: right;
right: 20px;
text-align: right;
font-size: 16px;
}


#ime{
	width:80%;
	
	outline:none;
	
}

#email{
	width:80%;

	outline:none;
	
}
#tel{
	width:80%;
	border-color:rgb(41,146,164);
	outline:none;

}
#comment{
	width:80%;

	outline:none;
	
}




div.footer{
font-family: Verdana;
background: rgba(0,0,0,0.9);
width:100%;	
float:left;
height:320px;
font-style: italic;
color:#ffffff;
text-align:center;
font-size:14px;

line-height:5px;

z-index: -1;
}

div.footer a{
text-decoration: none;
	color:#ccc;
	font-size:14px;
}

div.footer a:hover{
text-decoration: none;
color: rgb(253,184,19);
}

div.footer1{
font-family: Verdana;
background-color: rgb(253,184,19);
width:100%;	
float:left;
height:75px;
font-style: italic;
color:#ffffff;
font-size:0.9em;
font-weight: bold;
z-index: -1;
padding: 10px;
}





div.footer1a{

		float:left;
	width: 50%;
	text-align: center;
}
div.footer1b{

		float:left;
	width: 50%;
	text-align: center;
}

div.footera{

	float:left;
	width: 33%;
	font-family: Verdana;
	color:#ccc;
	font-size:14px;
	text-align: left;
	padding: 1%;




}
div.footera img{

	padding-top:10%;
	width: 50%;
	transition: transform 0.9s;
}
div.footera img:hover{

	padding-top:10%;
	width: 50%;
	  -ms-transform: scale(1.04); /* IE 9 */
  -webkit-transform: scale(1.04); /* Safari 3-8 */
  transform: scale(1.04); 
  transition: transform 0.9s;
}

div.footerameni{

	float:left;
	width: 33%;
	font-family: Verdana;
	color:#fff;
	font-size:11px;
	text-align: left;
	padding: 1%;
text-indent:40px;

}

div.footerameni img{

	float:left;
	width: 110px;
height: 90px;
	padding: 2%;
transition: transform 0.9s;
border-bottom-left-radius:25%;
border-top-right-radius:25%;

}

div.footerameni img:hover{

	  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
transition: transform 0.9s;
-webkit-filter: drop-shadow(8px 8px 10px rgb(53,122,103));filter: drop-shadow(8px 8px 10px rgb(53,122,103));

border-bottom-left-radius:25%;
border-top-right-radius:25%;
}


div.footerb {

	float:left;
	width: 50%;
	font-family: Verdana;
	color:#222;
	font-size:12px;
	text-align: center;
		padding: 3%;

}
div.footerb  img{


	width: 100%;

}


div.footerc{
	
	float:left;
	width: 50%;
	font-family: Verdana;
	color:#ccc;
	font-size:14px;
	text-align: left;
		padding: 3%;
}


div.parallax{

	width: 100%;
	background-color: rgb(40,96,144);

font-family: Verdana;
padding:20px 20px 20px 20px;
font-size: 33px;

color: #fff;
text-align: justify;
font-style: italic;
line-height: 30px;

}


div.a1{
	position: relative;
	width: 100%;
	height: 500px;

}


div.a2{
	position: relative;
	width: 100%;
	height: 300px;
		background-color: rgba(40,96,144,0.4);
}
div.a3{
	position: relative;
	width: 100%;
	height: 300px;
background-color: rgba(40,96,144,0.4);
}









div.trojka{
width: 100%;
height: auto;
color: #fff;
	background-color: rgba(40,96,144,0.4);
}


div.trojka1{
width: 30%;
height: 250px;
		background-color: rgb(40,96,144);
float: left;
margin-left: 2%;
margin-top: 1%;
border-radius: 20px;
overflow: auto;
}
div.trojka1 img{
width: 100%;

}
div.trojka1 img:hover{
opacity: 0.7;
cursor: pointer;

}






div.kontakt1{
	float: left;
	width: 40%;
	background-color: rgb(40,96,144);
	border-radius: 20px;
	text-align: center;
margin: 5%;
color: #fff;
line-height: 35px;



}

div.kontakt1 a{
text-decoration:none;
color: #888;
}
div.kontakt1 a:hover{
text-decoration:none;
color: #ff9000;
}


div.kontakblur{

	background-color: rgba(40,96,144,0.9);

}


div.naslona img{
position: relative;
top:250px;
margin: auto;
width: 300px;
height: 100px;
}



.flip-box {
  background-color: transparent;
  width: 90%;
  height: 200px;
  border: 1px solid #f1f1f1;
  perspective: 1000px;
  font-size:25px;
  	line-height: 20px;
	border-radius:10px;
	
	
}


.flip-box-inner {
  position: relative;
  width: 90%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateX(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;

}

.flip-box-front {
  background: linear-gradient(to bottom,RGB(34,64,90),#ccc);
  color: white;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	  border-radius:10px;
}

.flip-box-back {
  background-color: rgb(253,184,19);
  color: white;
  transform: rotateX(180deg);
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	  border-radius:10px;
}

.flip-box-back a{
text-decoration:none;
color:rgb(52,130,143);
font-size:22px;

}
.flip-box-back a:hover{
color:#fff;
}








.flip1-box {
  background-color: transparent;
  width: 90%;
  height: 200px;
  border: 1px solid #f1f1f1;
  perspective: 1000px;
    font-size:25px;
	line-height: 20px;
	border-radius:10px;
}



.flip1-box-inner {
  position: relative;
  width: 90%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip1-box:hover .flip1-box-inner {
  transform: rotateX(180deg);
}

.flip1-box-front, .flip1-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip1-box-front {
    background: linear-gradient(to bottom,RGB(34,64,90),#ccc);
  color: white;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   border-radius:10px;
}

.flip1-box-back {
  background-color: rgb(253,184,19);
  color: white;
  transform: rotateX(180deg);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius:10px;
}


.flip1-box-back a{
text-decoration:none;
color:rgb(52,130,143);
font-size:22px;
}


.flip1-box-back a:hover{
color:#fff;
}



.flip2-box {
  background-color: transparent;
  width: 90%;
  height: 200px;
  border: 1px solid #f1f1f1;
  perspective: 1000px;
    font-size:25px;
		line-height: 20px;
		border-radius:10px;
}





.flip2-box-inner {
  position: relative;
  width: 90%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip2-box:hover .flip2-box-inner {
  transform: rotateX(180deg);
}

.flip2-box-front, .flip2-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip2-box-front {
   background: linear-gradient(to bottom,RGB(34,64,90),#ccc);
  color: white;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	  border-radius:10px;
}

.flip2-box-back {
  background-color: rgb(253,184,19);
  color: white;
  transform: rotateX(180deg);
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	  border-radius:10px;
}


.flip2-box-back a{
text-decoration:none;
color:rgb(52,130,143);
font-size:22px;
}

.flip2-box-back a:hover{
color:#fff;
}



div#flipAll{
width:100%;
}


div#flipOne{
width:33%;
float:left;
}

div#komplexslika {
	width:100%;
	
}
div#komplexslika img{
	width:80%;
	
}