html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html,body{height:100%;width:100%;font-family: 'Titillium Web', sans-serif;-webkit-text-size-adjust:100%}


/*.preloader{position:fixed;height:100%;width:100%;background:rgba(0, 173, 231, 0.98);z-index:5}*/
.overlay{
position:fixed;
height:100%;
width:100%;
z-index:4;
background: rgba(0,0,0,0.7) ;

 }
 
 .overlay-two{
position:fixed;
height:100%;
width:100%;
z-index:3;
 background:url(../slike/bg.jpg) rgba(0,0,0,0.9) no-repeat;
 background-position:center center;
 background-size:cover;
 }

  .overlay-three{
  display:none;
position:fixed;
height:100%;
width:100%;
z-index:4;
background:rgba(0,0,0,0.7) 
 }
 
 
   .overlay-four{
  display:none;
position:fixed;
height:100%;
width:100%;
z-index:4;
background:rgba(0,0,0,0.7) 
 }
 
    .overlay-five{
  display:none;
position:fixed;
height:100%;
width:100%;
z-index:4;
background:rgba(0,0,0,0.8) 
 }


.invisible-overlay{display:none;position:fixed;height:100%;width:100%;background:rgba(0, 0, 0, 0.5);z-index:2}
	
.videoContainer
{
    position:absolute;
    height:100%;
    width:100%;
    overflow: hidden;
	z-index:1
}

.videoContainer video
{
	width:100%;
	height:auto
}




.rotiraj
{
z-index:4;
position:fixed;
display:block;
width:100%;
height:100%;
z-index:1000;		
background-image: url('../slike/phone-rotation.png');
top:0;
left:0;
background-repeat:no-repeat;
background-size:cover;
}

@media screen and (orientation:landscape){.rotiraj {display:none}} /* ležeče */
@media screen and (orientation:portrait){.rotiraj {display:block}} /* pokončno */


.half
{
position:relative;
float:left;
width:50%;
height:100%;
 box-sizing: border-box;
}

 .button{
position: absolute;
top: 50%;left: 50%; margin-right: -50%; transform: rotate(-5deg) skew(-2deg, 0deg) translate(-50%, -50%);-webkit-transform:rotate(-5deg) skew(-2deg, 0deg) translate(-50%, -50%); 

 padding:15px;
 border-radius: 50%;
-webkit-border-radius:50%;
width:100px;
height:100px;
 background-color:#63b230;
 border:2px solid #fff;
 cursor:pointer
 }
 
 .button-again{
transform: rotate(-5deg) skew(-2deg, 0deg);
-webkit-transform: rotate(-5deg) skew(-2deg, 0deg);
 padding:15px;
 border-radius: 50%;
-webkit-border-radius:50%;
width:100px;
height:100px;
 background-color:#63b230;
 border:2px solid #fff;
 cursor:pointer;
 margin:20px auto;
 }
 
 .inner{ text-align:center;}
.diff{font-weight:bold;}
 
 
 .button .b-text, .button-again .b-text{
 margin-top:35%;
 color:#fff;
 text-align:center;
 font-weight:bold;
  font-size:22px; 
 }
 
 
 .navodila{
position: absolute;
top: 50%;left: 50%; margin-right: -50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); 
 font-size:22px; 
 padding:15px;
 color:#fff;
 background: rgba(0,0,0,0.3);
 width:80%;


 }
 
 .stop
 {
 display:none;
 position: absolute;
top: 50%;left: 50%; margin-right: -50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);
z-index:3;
text-align:center;
}

.stop img {width:75%;}

 h1{margin-bottom:20px;line-height:45px;font-size:40px; font-weight:bold;}
  h2{margin-bottom:20px;line-height:20px;font-size:25px; font-weight:bold;}
 p{margin-bottom:20px;line-height:25px;font-size:22px;}
 
 table.rezultati
{
width:100%;
}

table.rezultati tr td, table.rezultati tr th
{padding:7px 12px;border-bottom:1px solid #fff;}

table.rezultati tr td
{
text-align:center;
}
 
 
 table.rezultati tr.bold td
{
font-weight:bold;
 background: rgba(0,0,0,0.4);
}
 
 .gumb
{
width:45%;
 box-sizing: border-box;
 color:#fff;
 background:#63b230;
 padding:7px 10px;
  display:block;
  float:left;
  margin:15px 2%;
  text-align:center;
  border:2px solid #fff;
   border-radius: 7px;
-webkit-border-radius:7px;
cursor:pointer
}

 .tabela{ 
 display:block;
 text-align:center
 }
 
 
 .absolute-center
 {
 position: absolute;
top: 50%;left: 50%; margin-right: -50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);
color:#fff;
font-size:22px;
 }
 
  table.obrazec
{
width:auto;
}

table.obrazec tr td
{padding:7px 12px; color:#fff;font-size: 22px;}

table.obrazec tr td
{
text-align:center;
}


 table.obrazec tr td input, select.dd
 {
font-family: 'Titillium Web', sans-serif;
padding:7px 12px;
font-size: 22px;
 }
 
 .shrani-rezultat, .preklici
 {
 width:100%;
 box-sizing: border-box;
 color:#fff;
 background:#63b230;
 padding:7px 10px;
  display:block;

  margin:15px auto;
  text-align:center;
  border:2px solid #fff;
   border-radius: 7px;
-webkit-border-radius:7px;
cursor:pointer
 }
 
 .close{ position:absolute;top:-30px;right:-10px; }
 .error{color:red !important;}
 
 
  .razlika{
position: absolute;
top: 50%;left: 50%; margin-right: -50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); 
 font-size:22px; 
 padding:15px;
 color:#fff;


 }
 
 p.kontakt
 {
 color:white;
 text-align:right
 }
 
  p.kontakt a
 {
	color:#fff;
	text-decoration:none
 }
 
 
 @media screen and (max-width:768px)
 {
 
 .button, .igraj-ponovno a{font-size:14px;}
 h1{margin-bottom:8px;line-height:22px;font-size:18px;}
 h2{margin-bottom:8px;line-height:20px;font-size:15px;}
 p{margin-bottom:8px;line-height:13px;font-size:12px;}
 table.rezultati tr td, table.rezultati tr th{font-size:12px;padding:3px 7px;}
 table.obrazec tr td input, table.obrazec tr td,  select.dd{font-size:12px;padding:3px 7px;}
 .absolute-center{font-size:12px;}
 .gumb{font-size:12px;border:1px solid #fff;}
 .stop img {width:50%;}
 .close { top:-20px}
 .close img {width:50%;}
}