body{
	margin:0;
	padding:0;
	background-color:#ccc;
}



p#druginaslovprva {
font-size:1.7vw;

color:#fff;
}
div#trojkabroj {
float:left;
width:25%;
padding:4%;
}









p#naslovya{
width:400px;
text-align:center;
font-size:24px;
background-color:rgba(0,0,0,0.1);
padding:1.5%;
border-left:5px solid rgb(198,62,66);
}

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


div#brendstyle img{
	width: 100%;
	padding:5%;
}

div#brendtekst{
	text-align: left;
	padding: 10%;
font-size: 15px;
	color: #333;
}


p#brendopis{
	font-size: 1.2vw;
	line-height:1.5vw;
	
}


#jezici img{
	width:30px;
	float: left;
	padding: 2px;
}
#jezici img:hover{
	opacity:0.7;
}

div#tekstbr1{
width:60%;
}

div#tekstbr1a{
font-size: 3vw;
color: #333;
text-align: left;
}

div#pozovime{
	display:none;
}


div#tekstbr1b{
font-size: 1.2vw;
color: #333;
text-align: left;
}



div#delatnost{
	float:left;
	width:33%;
	padding:10px;
}


p#tradicija{
text-align:center;
font-size: 2vw;
color:#222;
}




div.card {
position: relative;
}

div.card img{
	width:100%;

}
div.card img:hover{
	opacity: 0.9;	
}


div.cardtekst{
position: absolute;
top:10%;
left: 0%;
width: 80%;
background-color: rgba(0,0,0, 0.5);
padding: 3%;
color: red;
z-index: 998;
font-size: 2vw;
color: red;

}

















div#nepropusti {
color:red;
font-size:24px;
font-weight:bold;
}



div#osnova8 {
	width:100%;
	background-color:#fff;
}

div#reclama {
	width:65%;
}
div#reclamalevo {
	float:left;
	height:120px;
	width:30%;
	background-color:rgb(27,43,70);
}


div#reclamalevo img{
	margin-top:20px;
	width:75%;
}

div#reclamadesno {
	float:left;
	background-color:rgb(251,248,169);
	width:70%;
	height:120px;
	color:rgb(27,43,70);
	font-size:24px;
}

div#reclamadesno a{
text-decoration:none;
color:red;
font-weight:bold;

}

div#reclamadesno a:hover{
color:rgb(27,43,70);
}





div#stanovipov {
	width:100%;
	background-color:#fff;
}
div#stanovipov1 {
	width:80%;
}
div#stlevo {
	float:left;

	width:65%;
font-size:18px;
}

div#stlevo a{

font-size:18px;
color:#888;
}

div#stlevo a:hover{


color:#ccc;
}






div#stdesno img{

	width:95%;
}

div#stdesno {
	float:left;

	width:35%;

	color:rgb(27,43,70);
	font-size:24px;
}

div#stdesno a{
text-decoration:none;
color:red;
font-weight:bold;

}

div#stdesno a:hover{
color:rgb(27,43,70);
}

































div#sloganlevo {
	float:left;
	text-align:right;
	width:50%;
	padding:1.5%;
	
	
}

div#slogandesno{
	float:left;
	text-align:left;
	width:50%;
	padding:1.5%;
	
	
}






div#stranice {
	

  background-color: rgb(77,46,43); /* For browsers that do not support gradients */
  background-image: linear-gradient(rgb(77,46,43), rgba(244,232,216));
	
	
	width:90%;

	color:#fff;
	border-radius:10px;
	text-align:left;
	text-indent:40px;
	font-size:26px;
	padding:1.5%;

}

div#zasirinu {
width:75%;
}


div#miajloimg {
width:75%;
}


div#brzilink {
width:100%;
}

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

}
div#brzilink  a:hover{
cursor:pointer;
color:#fff;

}
div#navrhusajta2 {
width:100%;
height:25px;

text-align:center;
color:white;
padding:1%;
}
div#navrhusajta3 {
width:100%;
height:7px;
background-color: rgb(198,62,66);
text-align:center;

}
div#navrhusajta {
width:100%;
height:15px;
background-color:transparent;
z-index:-999;
text-align:center;
color:white;
padding:1%;
font-size:12px;

}
div#navrhusajta  a{
text-decoration:none;
color:white;
font-size:12px;
}
div#navrhusajta  a:hover{
cursor:pointer;
color:#999;

}


div#menirazmak {
height:60px;
}

div#mylogo {
position: absolute;
width:300px;
top:25px;
left:20px;

padding:1%;
z-index:999;
}
div#mylogo img{
	width:300px;
	position: absolute;
	top: 50%;
	left: 50%;
	 -ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
z-index:999;
 
}






div.progress-container {
	position: fixed;
	top:0px;
	left: 0px;
  width: 100%;
  height: 12px;
  background: rgba(251,248,169,0);
  z-index: 999;
}

div.progress-bar {
  height: 12px;
background-color: #888;

  
  width: 0%;
   z-index: 999;
}




div.flip-box {

  width: 90%;
  height: 200px;
  border: 1px solid rgba(142,81,45,0.1);
  perspective: 1000px;
  font-size:25px;
  	line-height: 20px;

	border-bottom-left-radius:10px;
border-top-right-radius:10px;
	     background-color: transparent;
	
}


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

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

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

}

div.flip-box-front {
  background-color: transparent;
  color: white;
     
	
}

div.flip-box-back {
    background: linear-gradient(to bottom,rgb(142,81,45),rgb(255,243,181));
  color: white;
  transform: rotateX(180deg);

	 
	  line-height:30px;
}

div.flip-box-back a{
text-decoration:none;
color:#fff;
font-size:22px;

}
div.flip-box-back a:hover{
color:rgb(255,243,181);
}








div.flip1-box {
  background-color: transparent;
  width: 90%;
  height: 200px;
  border: 1px solid rgba(142,81,45,0.1);
  perspective: 1000px;
  font-size:25px;
  	line-height: 20px;

	border-bottom-left-radius:20px;
border-top-right-radius:20px;
}



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

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

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

div.flip1-box-front {
    background: transparent;
  color: white;
    
  border-radius:30px;
}

div.flip1-box-back {
    background: linear-gradient(to bottom,rgb(142,81,45),rgb(255,243,181));
  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);
	
		  line-height:30px;
}


div.flip1-box-back a{
text-decoration:none;
color:#fff;
font-size:22px;
}


div.flip1-box-back a:hover{
color:rgb(255,243,181);
}



div.flip2-box {
   background-color: transparent;
  width: 90%;
  height: 200px;
  border: 1px solid rgba(142,81,45,0.1);
  perspective: 1000px;
    font-size:25px;
		line-height: 20px;
		border-radius:10px;
}





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

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

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

div.flip2-box-front {
	  background: transparent;
     border-radius:30px;
  color: white;
 

}

div.flip2-box-back {
     background: linear-gradient(to bottom,rgb(142,81,45),rgb(255,243,181));
  color: white;
  transform: rotateX(180deg);
       
	  border-radius:10px;
	  	  line-height:30px;
}


div.flip2-box-back a{
text-decoration:none;
color:#fff;
font-size:22px;
}

div.flip2-box-back a:hover{
color:rgb(255,243,181);
}



div#flipAll{
width:100%;
}


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



























div#slicice {
	width:100%;
}
div#slicice1 {
	float:left;
	width:20%;
	padding:1%;

}

div#slicice1  img{
	
	width:80%;
	border:2px solid #ccc;
	border-bottom-left-radius:15%;
border-top-right-radius:15%;
box-shadow: 0 0 15px rgb(142,81,45);
  transition: transform 0.9s;
}

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

div#slicicatext {
	width:85%;
	border-bottom-left-radius:15px;
	border-top-right-radius:15px;
	background:rgb(27,43,70);
	padding:3%;
}



















div#slogan {
	width:100%;
}

div#slogan1 {
	float:left;
	width:30%;
}

div#slogan2 {

	border-bottom-left-radius:15px;
	border-top-right-radius:15px;
	background:rgba(142,81,45,0.2);
	color:#fff;
	font-family:verdana;
	font-size:23px;
	padding:16px;
	position: absolute;
	 top: 50%;
  	left: 50%;
  	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
}












div#slogan3 {
	float:left;
	width:30%;
}



div#mojlogo {
	width:300px;
	background-color:rgba(255,255,255,0.5);
}
div#mojlogo img{
padding:15px;
}
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:12vh;
}
div#izmedju2{
	width:100%;
	height:25vh;
}
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#abc{
	width: 50%;
	font-size: 44px;
		color:#333;
		float: left;
}

div#aab{
	width: 320px;
background-color: rgb(253,184,19);
	border-radius: 10px;
	border-color: 2px solid #ccc;
}
div#aab a{
	text-decoration: none;
	font-family: verdana;
	font-size: 45px;
	color:RGB(201,48,44);
}
div#aab a:hover{
 color: #fff;

}

div#aab:hover{

}


div#foto1{
	width: 100%;

border: 4px solid #fff;
}








div#reklama{
	font-family: Verdana;
	font-size: 62px;
	color: #fff;
	font-weight:bold;
 	text-shadow: 6px 0px 11px #fff;
		-webkit-text-stroke: 1px RGB(40,96,144);
		
}






div#kliker{

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


}


div#osnova1{
	width:100%;

	background: rgb(240,240,240);
font-family: Verdana;
	font-size:18px;
	
}
div#osnova2{
	width:100%;
background-color:#fff;
}

div#osnova1a{
	width:90%;

}

div#osnovagaleri{
		width:85%;
		border-bottom-left-radius:70px;
border-top-right-radius:70px;
	background-color:rgba(255,255,255,0.8);
}

div#osnovagaleritext{
		
	font-family: Verdana;
	font-size:16px;
	color:#777;
	text-align:justify;
	padding:3%;
	text-indent:40px;


}
div#osnovagaleritext img{
		
		 	border-bottom-left-radius:30px;
border-top-right-radius:30px;
box-shadow: 0 0 11px rgb(142,81,45);
border:4px solid #ccc;


}



div#mainimg{
		width:85%;
		position: relative;

}
div#mainimg img{

		border-bottom-left-radius:70px;
border-top-right-radius:70px;
border:4px solid #ccc;
box-shadow: 0 0 30px rgb(142,81,45);
 transition: transform 0.9s;

}


div#mainimg img:hover{

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

}






div#okvirtextindex{
		width:100%;

color:#fff;
font-size:20px;
background-color:#fff;
}
div#okvirtextindex img{

border:4px solid #ccc;
border-bottom-left-radius:30px;
border-top-right-radius:30px;
box-shadow: 0 0 11px #777;


}
div#okvirtextindex a{

text-decoration:none;
color:#fff;


}
div#okvirtextindex a:hover{


color:#ccc;


}

div#okvirtext{
	width:100%;

	font-family: Verdana;
	font-size:18px;
	color:#555;



	text-align:justify;
	padding:3%;

	background-color:#fff;

}
div#okvirtext img{
		width:100%;
		 transition: transform 0.9s;
		 	border-bottom-left-radius:70px;
border-radius:15px;
box-shadow: 0 0 11px rgb(142,81,45);
border:4px solid #ccc;
}




div#okvirtext 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;
	cursor:pointer;

}

div#okvirtext a{
text-decoration:none;
color:#444;

}

div#okvirtext a:hover{

color:#999;

}


div#naslovnitext {

	font-family: Verdana;
color:rgb(165,21,26);
	font-size:33px;
	text-shadow: 0px 0px 8px #fff;


}
div#naslovnitext2 {

	font-family: Verdana;
color:rgb(165,21,26);
	font-size:22px;
	font-weight:bold;
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: #fff;
 	text-shadow: 5px 0px 8px #000;
	font-family: Verdana;
	font-size:60px;
	text-decoration:none;
}
div#komplexi a:hover{
	
	color: rgb(253,184,19);

}





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: #222;
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: 100%;	

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

font-size: 16px;

color: #333;
text-align: center;


}
div#kpopuna1{

width: 50%;	
float:left;
font-size: 16px;
color: #333;



margin-bottom:40px;
line-height:30px;
}
div#kpopuna1 img{
  transition: transform 0.9s;
width: 80%;	
border-bottom-left-radius:15%;
border-top-right-radius:15%;
box-shadow: 0 0 11px rgb(142,81,45);
}
div#kpopuna1 img:hover{

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







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

div#kpopuna1 a:hover{
text-decoration: none;
color: rgb(252,210,100);
}








div#kpopuna3{

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

margin-bottom:40px;
line-height:30px;
}
div#kpopuna3 img{
  transition: transform 0.9s;
width: 85%;	
box-shadow: 0 0 11px RGB(40,96,144);
border-bottom-left-radius:15%;
border-top-right-radius:15%;


}
div#kpopuna3 img:hover{
box-shadow: 0 0 13px RGB(40,96,144);
  -ms-transform: scale(1.08); /* IE 9 */
  -webkit-transform: scale(1.08); /* Safari 3-8 */
  transform: scale(1.08); 
  transition: transform 0.9s;
	cursor:pointer;
}




div#kpopuna4{

width: 90%;	

-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: #333;
text-align: center;


}










div#opopuna1{

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

padding:2%;


}

div#opopuna1 img{

width: 70%;	
box-shadow: 0 0 11px rgb(142,81,45);

}

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: #333;
text-align: justify;


line-height: 25px;
}

div#onamapopuna img:hover{

opacity:0.8;
width:90%;
}

div#onamapopuna img{


width:90%;
}



div#vrh1 {
float:left;
width:50%;
text-align:left;
}
div#vrh2 {
float:left;
width:50%;
text-align:right;
}




div#vrh0 {
	
	height: 30px;


color:#fff;

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

	font-family: Verdana;
}


div#vrh0 img{
	width: 25px;
}

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

}
div#vrh0 a:hover{
color:#ccc;
}



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:90%;
height:35px;
background-color:rgba(30,67,124);

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


}

#button:hover{

color: #fff;
background-color:rgb(198,62,66);
cursor:pointer;

}


#button1{
border-radius:10px;
width:100px;
height:35px;
background-color:rgb(217,158,38);

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:4px solid #ccc;
box-shadow: 0 0 2px rgb(190,160,130);

}

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%;
	border-color:none;
	outline:none;
	border:none;
	background-color:transparent;
	font-size:16px;
}

#email{
	width:80%;
	border-color:none;
	outline:none;
	border:none;
	background-color:transparent;
	font-size:16px;
}
#tel{
	width:80%;
	border-color:none;
	outline:none;
	border:none;
	background-color:transparent;
	font-size:16px;
}
#comment{
	width:90%;
	border-color:rgb(198,62,66);
	outline:none;
	border-radius:8px;
	background-color:transparent;
	font-size:16px;
}




div.footer{
	border-top:4px solid rgb(198,62,66);
font-family: Verdana;
  background-color: #222;

width:100%;	
float:left;
height:340px;
font-style: italic;
color:#ccc;
text-align:center;
font-size:12px;
line-height:15px;


z-index: -1;
}

div.footer a{
text-decoration: none;
	color:#fff;
}

div.footer a:hover{
text-decoration: none;
	color:#777;
}

div.footer1{
font-family: Verdana;
background-color: #999;
width:100%;	
float:left;
height:70px;
font-style: italic;
color:rgba(117,61,28);
font-size:0.9em;
font-weight: bold;
z-index: -1;
padding: 10px;
}





div.footer1a{

		float:left;
	width: 50%;
	text-align: center;
	color:rgba(117,61,28);
}
div.footer1b{

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

div.footera{

	float:left;
	width: 36%;
	font-family: Verdana;
color:#fff;
	font-size:14px;
	text-align: left;
	padding: 3%;


}

div.footerb {

	float:left;
	width: 30%;
	font-family: Verdana;
color:#fff;
	font-size:14px;
	text-align: center;
		padding: 3%;

}
div.footerb  img{




        -webkit-filter: drop-shadow(5px 5px 5px #fff);
        filter: drop-shadow(5px 5px 5px #fff);






	width: 250px;

}


div.footerc{
	
	float:left;
	width: 33%;
	font-family: Verdana;
color:#ccc;
	font-size:14px;
	
		padding: 3%;
}
div.footerc img{
	
  transition: transform 0.9s;
	width: 300px;


}
div.footerc img:hover{
	
  transition: transform 0.9s;

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

}

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 {

  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 {

  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(62,90,29);
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,#222,#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(62,90,29);
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,#222,#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(62,90,29);
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:100%;
	
}





div#okvirtxt{
	width:90%;

	font-family: Verdana;
	font-size: 1.2vw;
	color:#555;



	text-align:justify;
	padding:3%;

	background-color:#fff;

}
div#okvirtxt img{
		width:100%;
		 transition: transform 0.9s;
		 	border-bottom-left-radius:70px;
border-radius:15px;
box-shadow: 0 0 11px rgb(142,81,45);
border:4px solid #ccc;
}




div#okvirtxt 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;
	cursor:pointer;

}

div#okvirtxt a{
text-decoration:none;
color:#444;

}

div#okvirtxt a:hover{

color:#999;

}


div#sayoutube{
	width:100%;
height:80vh;
}