.barvaBck {
  background-color:rgba(158, 132, 04, .6);
}

/*side menu 01 gumb*/
.gmbSwapMnu01 {
width: 150px;
height: 50px;
background: #004859;
/*position: center;*/
display:inline-block;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
overflow: hidden;
color: #ffff87;
}
.gmbSwapMnu01:before {
content: 'ALUCINAT';
font-family: 'Lucida Handwriting';
font-size: 26px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.5s;
}
.gmbSwapMnu01:hover:before {
top: -30px;
}
.gmbSwapMnu01:after {
font-family: 'Times New Roman';
content: '3D Escape';
position: absolute;
display:inline-block;
top: calc(100% + 30px);
left: 50%;
transform: translate(-50%, -50%);
font-size: 14px;
transition: all 0.5s;
}
.gmbSwapMnu01:hover:after {
top: 50%;
}

/*side menu 02 gumb*/
.gmbSwapMnu02 {
width: 120px;
height: 50px;
background: #004859;
/*position: absolute;*/
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
overflow: hidden;
color: #ffff87;
}
.gmbSwapMnu02:before {
content: 'KIDNAP';
font-family: 'Lucida Handwriting';
font-size: 26px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.5s;
}
.gmbSwapMnu02:hover:before {
top: -30px;
}
.gmbSwapMnu02:after {
font-family: 'Times New Roman';
content: '3D Escape';
position: absolute;
top: calc(100% + 30px);
left: 50%;
transform: translate(-50%, -50%);
font-size: 16px;
transition: all 0.5s;
}
.gmbSwapMnu02:hover:after {
top: 50%;
}

/*gumbi v vrsti na othergames*/
.wrapper a {
  text-align: center;
  display: inline-block;
padding-left:20px;
}

/*timer kidnap*/
#overle {
  position: fixed; /* Sit on top of the page content */
  /*display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,1); /* Black background with opacity */
  z-index: 20; /* Specify a stack order in case you're using a different order for other elements */
  /*cursor: pointer; /* Add a pointer on hover */
}
/*  timer offCourse*/
#overly {
  position: fixed; /* Sit on top of the page content */
  /*display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,1); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  /*cursor: pointer; /* Add a pointer on hover */
}

/*timer alucinat*/

#overli {
  position: fixed; /* Sit on top of the page content */
  /*display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,1); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  /*cursor: pointer; /* Add a pointer on hover */
}
/*timer testest*/

#overlay {
  position: fixed; /* Sit on top of the page content */
  /*display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,1); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  /*cursor: pointer; /* Add a pointer on hover */
}