body {
	margin: 0;
	padding: 0;
    background-color: black;
    overflow-x: hidden;
 }

#background 
{ 
	 display: block;
	 position: relative; 
	 width: 100%;
	 height: 2160px; 
     background-size: contain;
     background-color: black;
     overflow: hidden;
	 z-index:0;
}

.face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  visibility:visible;
}

.face.back {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  visibility:visible;
}

.face.front {
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  visibility:visible;
}

.row {
  text-align: center;
}

#card {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transition: all 1.0s linear;
  -webkit-transition: all 1.0s linear;
}

#rmeek_1:hover #card, #rmeek_2:hover #card, #rmeek_3:hover #card, #rmeek_4:hover #card, #rmeek_5:hover #card {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  box-shadow: -5px 5px 5px;
}

#rmeek_1:hover #Vektorovinteligentno_10
{ 
	 visibility: visible;
}

#rmeek_2:hover #Vektorovinteligentno_9
{ 
	 visibility: visible;
}

#rmeek_3:hover #Vektorovinteligentno_18
{ 
	 visibility: visible;
}

#rmeek_4:hover #Vektorovinteligentno_16
{ 
	 visibility: visible;
}

#rmeek_5:hover #seznnkousek_0, #rmeek_5:hover #Vektorovinteligentno_24, #rmeek_5:hover #Vektorovinteligentno_23
{ 
	 visibility: visible;
}

#rmeek_5:hover #Vektorovinteligentno_4, #rmeek_5:hover #seznnkousek
{ 
	 visibility: hidden;
}

#rmeek_1
{ 
	 top: 392px; 
	 position: relative; 
	 width: 380px;
	 height: 202px;
	 z-index:16;
     margin-bottom: 95px;
     margin-right: 15px;
     display: inline-block;
}

#rmeek_2
{ 
	 top: 392px; 
	 position: relative; 
	 width: 380px;
	 height: 202px;
	 z-index:19;
     margin-bottom: 95px;
     margin-left: 15px;
     display: inline-block;
}

#rmeek_3 
{ 
	 top: 400px; 
	 position: relative; 
	 width: 380px;
	 height: 202px;
	 z-index:6;
     margin-bottom: 95px;
     margin-right: 15px;
     display: inline-block;
}

#rmeek_4
{ 
	 top: 400px; 
	 position: relative; 
	 width: 380px;
	 height: 202px;
	 z-index:10;
     margin-bottom: 95px;
     margin-left: 15px;
     display: inline-block;
} 

#rmeek_5
{ 
	 top: 410px; 
	 position: relative; 
	 width: 380px;
	 height: 202px;
	 z-index:5;
     display: inline-block;
}

#rmek_60
{ 
	 left: 50%; 
	 top: -150px; 
	 position: relative; 
	 width: 498px;
	 height: 62px;
	 z-index:5;
     margin-left: -500px;
}

#rmek_70
{ 
	 left: 44%; 
	 top: -135px; 
	 position: relative; 
	 width: 380px;
	 height: 202px;
	 z-index:5;
     margin-left: -40px;
}

#zmrzlina_1_text_front
{ 
	 left: 160px; 
	 top: 43px; 
	 position: absolute; 
	 width: 179px;
	 height: 115px;
	 z-index:14;
}

#zmrzlina_1_text_back 
{ 
	 left: 20px; 
	 top: 20px; 
	 position: absolute; 
	 width: 344px;
	 height: 137px;
	 z-index:37;
} 

#zmrzlina_2_text_front 
{ 
	 left: 160px; 
	 top: 43px; 
	 position: absolute; 
	 width: 182px;
	 height: 115px;
	 z-index:17;
}

#zmrzlina_2_text_back
{ 
	 left: 20px; 
	 top: 20px; 
	 position: absolute; 
	 width: 344px;
	 height: 155px;
	 z-index:31;
} 

#zmrzlina_3_text_front 
{ 
	 left: 140px; 
	 top: 33px; 
	 position: absolute; 
	 width: 217px;
	 height: 139px;
	 z-index:4;
}

#zmrzlina_3_text_back
{ 
	 left: 20px; 
	 top: 20px; 
	 position: absolute; 
	 width: 352px;
	 height: 155px;
	 z-index:49;
}

#zmrzlina_4_text_front
{ 
	 left: 145px; 
	 top: 18px; 
	 position: absolute; 
	 width: 193px;
	 height: 162px;
	 z-index:8;
}

#zmrzlina_4_text_back
{ 
	 left: 20px; 
	 top: 20px; 
	 position: absolute; 
	 width: 348px;
	 height: 210px;
	 z-index:45;
}

#zmrzlina_5_text_front 
{ 
	 left: 135px; 
	 top: 43px; 
	 position: absolute; 
	 width: 232px;
	 height: 116px;
	 z-index:26;
}

#zmrzlina_5_text_back
{ 
	 left: 20px; 
	 top: 20px; 
	 position: absolute; 
	 width: 351px;
	 height: 154px;
	 z-index:56;
} 

#nadpis_1
{ 
	 left: 7%; 
	 top: -47px; 
	 position: absolute; 
	 width: 179px;
	 height: 35px;
	 z-index:13;
} 

#nadpis_2
{ 
	 left: 7%; 
	 top: -55px; 
	 position: absolute; 
	 width: 249px;
	 height: 53px;
	 z-index:20;
}

#nadpis_3 
{ 
	 left: 7%; 
	 top: -50px; 
	 position: absolute; 
	 width: 123px;
	 height: 35px;
	 z-index:7;
} 

#nadpis_4
{ 
	 left: 7%; 
	 top: -50px; 
	 position: absolute; 
	 width: 294px;
	 height: 37px;
	 z-index:11;
}

#nadpis_5 
{ 
	 left: 10%; 
	 top: -50px; 
	 position: absolute; 
	 width: 296px;
	 height: 35px;
	 z-index:22;
}

#seznnkousek 
{ 
	 left: 95%; 
	 top: -20px; 
	 position: absolute; 
	 width: 108px;
	 height: 43px;
	 z-index:21;
}

#Kontaktinfonasezmrzl 
{ 
	 left: 50%; 
	 top: 620px; 
	 position: relative; 
	 width: 498px;
	 height: 62px;
	 z-index:2;
}

#piktogram_0 
{ 
	 left: 31px; 
	 top: 43px; 
	 position: absolute; 
	 width: 91px;
	 height: 99px;
	 z-index:15;
}

#Vektorovinteligentno 
{ 
	 left: 130%; 
	 top: 570px; 
	 position: relative; 
	 width: 143px;
	 height: 96px;
	 z-index:3;
} 

#Vektorovinteligentno_4 
{
     left: 320px;
     top: -25%;
	 position: absolute; 
	 width: 154px;
	 height: 52px;
	 z-index:25;
}

 #Vektorovinteligentno_5 
{ 
	 left: 50%; 
	 top: 101px; 
	 position: absolute; 
	 width: 575px;
	 height: 124px;
	 z-index:28;
     margin-left: -287.5px;
} 

 #Vektorovinteligentno_6 
{ 
	 left: 60.5%; 
	 top: 241px; 
	 position: absolute; 
	 width: 161px;
	 height: 21px;
	 z-index:29;
} 

 #Vektorovinteligentno_7 
{ 
	 left: 32%; 
	 top: 237px; 
	 position: absolute; 
	 width: 150px;
	 height: 20px;
	 z-index:30;
} 

 #Vektorovinteligentno_9 
{ 
	 left: 83%; 
	 top: -75px; 
	 position: absolute; 
	 width: 65px;
	 height: 70px;
	 z-index:33;
     visibility: hidden;
}

 #Vektorovinteligentno_10 
{ 
	 left: 60%; 
	 top: -75px; 
	 position: absolute; 
	 width: 65px;
	 height: 70px;
	 z-index:35;
     visibility: hidden;
} 

 #Vektorovinteligentno_16 
{ 
	 left: 83%;
	 top: -75px; 
	 position: absolute; 
	 width: 65px;
	 height: 70px;
	 z-index:43;
     visibility: hidden;
}

 #Vektorovinteligentno_18 
{ 
	 left: 60%; 
	 top: -75px; 
	 position: absolute; 
	 width: 65px;
	 height: 70px;
	 z-index:47;
     visibility: hidden;
} 

 #Vektorovinteligentno_23 
{ 
	 left: 87%; 
	 top: -75px; 
	 position: absolute; 
	 width: 65px;
	 height: 70px;
	 z-index:54;
     visibility: hidden;
} 

 #Vektorovinteligentno_24 
{ 
	 left: 100%; 
	 top: -18px; 
	 position: absolute; 
	 width: 154px;
	 height: 52px;
	 z-index:55;
     visibility: hidden;
}

#Zmrzlinazopravdovchs 
{ 
	 left: 51%; 
	 top: 85px; 
	 position: absolute;
	 width: 728px;
	 height: 189px;
	 z-index:27;
     margin-left: -370px;
} 

#seznnkousek_0
{
	 left: 110%; 
	 top: 15px; 
	 position: absolute; 
	 width: 108px;
	 height: 43px;
	 z-index:58;
     visibility: hidden;
}