/* .class */
/* #id */

a {
  color: inherit;
  font-weight: inherit;
}

a:hover {
  color: blue;
}

a img:hover {
  transition: transform .3s;
  transform: scale(1.2);
}

.c_white a:hover {
  color:#9fc5e8 ;  /*; #0060ff*/
}

.region p {
  margin: 0;
  line-height: 1.15;
}

.region hr {
  margin: 8px 25%;
}

.region h1 {
  font-size: 260%;
  font-weight: 900;
  margin: 0;
  line-height: 1;
}
.region h2 {
  font-size: 180%;
  margin: 0;
  line-height: 1;
}
.region h3 {
  font-size: 140%;
  margin: 0;
  line-height: 1;
}
.region h4 {
  font-size: 120%;
  margin: 3px;
  line-height: 1;
}

.region h5 {
  font-size: 110%;
  margin: 3px;
  line-height: 1;
  font-weight: 500;
}
.region h6 {
  font-size: 80%;
}

.c_white {
  color: white;
}
.c_red {
  color: #ff0000;
}
.c_blue {
  color: #3d85c6;
}
.c_lightblue {
  color: #9fc5e8;
}

.c_center_text {
  text-align: center;
}
.c_uppercase {
  text-transform: uppercase;
}

.c_highlight {
  font-weight: 600;
}

.c_opacity_20 {
  opacity: 0.2;
}

.c_opacity_40 {
  opacity: 0.4;
}
.c_opacity_70 {
  opacity: 0.7;
}

/*---------------------------------------------*/
.c_text_white_bg {
  background-color: white;
  line-height: 1;
  padding: 0;
}

.c_center_h_v {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.c_rotate_5 {
  -webkit-transform: rotateZ(5deg);
  -ms-transform: rotate(5deg);
  transform: rotateZ(5deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.c_rotate_m5 {
  -webkit-transform: rotateZ(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotateZ(-5deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.c_rotate_10 {
  -webkit-transform: rotateZ(10deg);
  -ms-transform: rotate(10deg);
  transform: rotateZ(10deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.c_rotate_m10 {
  -webkit-transform: rotateZ(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotateZ(-10deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.c_rotate_15 {
  -webkit-transform: rotateZ(15deg);
  -ms-transform: rotate(15deg);
  transform: rotateZ(15deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.c_rotate_m15 {
  -webkit-transform: rotateZ(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotateZ(-15deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.c_rotate_20 {
  -webkit-transform: rotateZ(20deg);
  -ms-transform: rotate(20deg);
  transform: rotateZ(20deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.c_rotate_30 {
  -webkit-transform: rotateZ(30deg);
  -ms-transform: rotate(30deg);
  transform: rotateZ(30deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.c_rotate_m20 {
  -webkit-transform: rotateZ(-20deg);
  -ms-transform: rotate(-20deg);
  transform: rotateZ(-20deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.c_rotate_m69 {
  -webkit-transform: rotateZ(-69deg);
  -ms-transform: rotate(-69deg);
  transform: rotateZ(-69deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}

.c_rotate_90 {
  -webkit-transform: rotateZ(90deg);
  -ms-transform: rotate(90deg);
  transform: rotateZ(90deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.c_rotate_m90 {
  -webkit-transform: rotateZ(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotateZ(-90deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}

.c_rotate_left_center {
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}
   
/*---------------------------------------------*/
#line_4_2_3_5 {
  position: absolute;
  left:23.6%; top: 200px; height: 2px; right:-10px;
  background-color: black;
  z-index:12
}

#c1027 {
  width: 24%;
}

#t1001 {
  text-align: center;
  margin-bottom: 3px;
}

#t1002, #t1004, #t1028 {
  text-align: center;
}

#t1003 {
  text-align: center;
  margin-bottom: 3px;
}

#t1005 {
  text-align: center;
  margin-bottom: 5px;
}

#t1006 {
  text-align: center;
  margin-bottom: 3px;
}

#d1033 {
  position: absolute; left: 52%; top: 40px; width: 200px; height: 200px;
}
#p1019 {
  z-index: 11;
  width: 32px;
  position: absolute; left: 0; top: 15px;
}

#p1020 {
  z-index: 11;
  width: 105px;
  position: absolute; left: 25px; top: -10px;
}

#p1021 {
  z-index: 13;
  width: 37px;
  position: absolute; left: 58px; top: 90px;
}
#t1022 {
  z-index: 11;
  position: absolute; left: 105px; top: 80px;
}
#t1024 {
  position: absolute; left: 105px; top: 95px;
}
#t1023 {
  z-index: 11;
  position: absolute; left: 5px; top: 80px;
}
#t1025 {
  position: absolute; left: 5px; top: 95px;
}

#d1029 {    /* text: Start + Main Title*/
  position: absolute; left: 37%; top: 2px;
  width: 900px;
  z-index: 11;
}

#t1029 {
  position: absolute;
  left: -80px;
  top: 33px;
  font-size: 0.55em;
  font-weight: normal;
}
#t1018 {
  position: absolute;
  top: 43px;
  left: 400px;
  font-size: 0.6em;
}

#i1030 {    /* 1_circle.png*/
  position: absolute; left: 31%; top: 4px;
  width: 80px;
  height: 80px;
}

#t1031 {    /* UNIVERSUM left */
  position: absolute; left: 0; top: 30px;
}
#t1032 {    /* UNIVERSUM rifgt */
  position: absolute; left: 100%; top: 30px;
}

#t1008 {   /* socialna spravodlivost */
  position: absolute; left: 35%; top: 70px;
}
#t1009 {   /* laska */
  position: absolute; left: 4.5%; top: 50px;
}
#t1010 {   /* Radost  */
  position: absolute; left: 17%; top: 70px;
}
#t1011 {   /* Pokoj */
  position: absolute; left: 28%; top: 10px;
}
#t1012 {   /* Tichost */
  position: absolute; left: 41%; top: 120px;
}
#t1013 {  /* Dobrotivost */
  position: absolute; left: 26%; top: 100px;
}
#t1014 {   /* Dobrota */
  position: absolute; left: 72%; top: 85px;
}
#t1015 {   /* Vernost */
  position: absolute; left: 79%; top: 15px;
}
#t1016 {   /* Krotkost */
  position: absolute; left: 85%; top: 80px;
}
#t1017 {   /*  Striedmost */
  position: absolute; left: 92%; top: 40px;
}

/* -----------------*/
#t2001 {
  margin-left: 8px;
}
#t2001_sk {
  margin-left: 12px;
}
#t2002 {
  margin-left: 35px;
}
#t2002_sk {
  margin-left: 25px;
}
#p2003 {
  margin: 0 5px 0 5px;
  font-size: 1.2em;
}
#p2005 {
  margin: 3px 0 0 0;
}

#p2030 {    /* arrow black down */
  position: absolute; bottom: -26px;
  z-index: 10;
  width: 100%;
}

#p2007 {   /* item list */
  margin-left: 20px;
}

#p2030b {    /* arrow black down */
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100px;
}
#d2031 {    /* Kaz 12,13 */
  position: absolute; bottom: -5px;
  z-index: 10;
  width: 100%;
}

#p2032 {    /* arrow right */
  position: absolute; left: 92%; top: 62px;
  z-index: 10;
  width: 70px;
  -webkit-transform: rotateZ(195deg);
  -ms-transform: rotate(195deg);
  transform: rotateZ(195deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
#t2033 {    /* arrow right */
  position: absolute; left: 90%; top: 82px;
  z-index: 10;
}
#t2033_sk {    /* arrow right */
  position: absolute; left: 93%; top: 82px;
  z-index: 10;
}
#p2034 {    /* arrow left */
  position: absolute; right: 92%; top: 62px;
  /*z-index: 11;*/
  width: 70px;
  -webkit-transform: rotateZ(-14deg);
  -ms-transform: rotate(-14deg);
  transform: rotateZ(-14deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
#t2035 {    /* arrow left */
  position: absolute; right: 90%; top: 83px;
  z-index: 10;
}
#t2035_sk {    /* arrow left */
  position: absolute; right: 94%; top: 83px;
  z-index: 10;
}

#p2036 {    /* ellipse */
  position: absolute; right: 0; bottom: 20px;
  z-index: 10;
}
#i2036 {    /* ellipse */
  width: 210px;
}

#p2037 {    /* text: King Balsazar */
  position: absolute;
  top: 0;   left: 0; width: 100%; height: 100%;
}

#p2038 {    /* arrow Daniel */
  position: absolute; left: 90%; bottom: 80px;
  width: 90px;
  height: 120px;
  z-index: 10;
}

#t2039 {
  width: 100px;
  position: absolute; left: 15px; top: 26px;
}

#d2042 {    /* text: Everyone wants */
  position: absolute;
  z-index: 10;
  bottom: -5px;   left: -5px; width: calc(50% - 50px);
}

#d2043 {    /* text: to go the heaven */
  position: absolute;
  z-index: 10;
  bottom: -5px;   right: -5px; width: calc(50% - 50px);
}

/* -----------------*/
#p3001 {
  margin: 4px 5px -1px 5px;
}
#t3001 {
  font-size: 1.2em;
}

#d3000 {
  /* position: absolute;
  top: 153px; left: 68.5%; right: 0px; height: 47px;
  background-color: white;
  z-index: 1; */
}
#d3000b {
  margin-top: 5px;
}
#d3000c {
  margin-left: 40px;
  z-index: 1;
  position: relative;
  line-height: 1.15;
}

#h3004 { 
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;  
}
#t3011 {
  font-weight: 400;
}
#d3025 {  /* 3_altar.png */
  position: absolute;
  bottom: 15px;   width: 100%;
  z-index: 0;
}
#i3025 {
  display:block;
  margin-left: auto;
  margin-right: auto;
  width: 150px;
}
#d3027 {  /* text odpustenie hriechov.. */
  position: absolute;
  bottom: 0; width: 100%;
  z-index: 1;
}

/* -----------------*/
#p4002 {
  margin: 0 5px 3px 5px;
  font-size: 1.2em;
}
#p4003 {
  margin: 0 0 0 25px;
}

#d4007 {
  margin-left: 25px;
}
#d4036 {
  position: absolute; bottom: 10px;
  z-index: 10;
  width: 100%;
}
#p4037 {    /* blue arrow left */
  position: absolute; left: -72px; top: 73px;
  /*z-index: 11;*/
  width: 80px;
}
#t4038 {    /* blue arrow left text*/
  position: absolute; right: 94%; top: 93px; width: 80px;
  z-index: 10;
  -webkit-transform: rotateZ(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotateZ(-15deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}

#d4051 {
  position: absolute;
  left: 10px; top: 120px;
  -webkit-transform: rotateZ(90deg);
  -ms-transform: rotate(90deg);
  transform: rotateZ(90deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

#d4039 {
  position: absolute;
  left: 10px; top: 200px;
  -webkit-transform: rotateZ(90deg);
  -ms-transform: rotate(90deg);
  transform: rotateZ(90deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

#d4040 {
  position: absolute;
  left: 10px; top: 290px;
  -webkit-transform: rotateZ(90deg);
  -ms-transform: rotate(90deg);
  transform: rotateZ(90deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

#d4032 {
  position: absolute;
  left: 10px; top: 380px;
  -webkit-transform: rotateZ(90deg);
  -ms-transform: rotate(90deg);
  transform: rotateZ(90deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

#d4046 {
  width: 100%;
}

/* -----------------*/
#p5004 {
  font-size: 1.4em;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
  font-weight: bold;
}


#p5005 {  /* block of texts */
  position: absolute;
  top: 107px;
  left: 0;
  width:100%;
}
#d5005b { /* zidia ktori prijali... */
  width: 83%;
  -webkit-transform: rotateZ(-12deg);
  -ms-transform: rotate(-12deg);
  transform: rotateZ(-12deg);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

#d5006 { /* refomrovani zidia */
  -webkit-transform: rotateZ(-7deg);
  -ms-transform: rotate(-7deg);
  transform: rotateZ(-7deg);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

#d5007 { /* ortodoxni zidia */
  -webkit-transform: rotateZ(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotateZ(-3deg);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

#d5014 {
  position: absolute; right: -50px; top: 26px;
  z-index: 10;
  width: 80px;
}
#d5023 {
  position: absolute; right: -51px; top: -2px;
  width: 35px;
}

#d5013 {
  position: absolute; right: -41px; top: 68px; width: fit-content;
  z-index: 11;
  -webkit-transform: rotateZ(-16deg);
  -ms-transform: rotate(-16deg);
  transform: rotateZ(-16deg);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

#d5013_sk {
  position: absolute; right: -35px; top: 65px; width: fit-content;
  z-index: 11;
  -webkit-transform: rotateZ(-16deg);
  -ms-transform: rotate(-16deg);
  transform: rotateZ(-16deg);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

#d5018 {
  position: absolute; left: 0; top:230px; width: 100%;
}

#p5019 {
  margin-top: 6px;
}

#p5012 {
  margin-top: 12px;
}

/* -----------------*/
#d6001 {
  text-align: center;
  position:absolute;
  top: 0; width: 100%;
}
#i6001 {
  width: 84px;
}

#p6002 {
  position: absolute;
  top: 34px;
  width: 100%;
  font-weight: 900;
}
#t6002 {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  padding: 0 3px;
}

#p6003 {
  position: absolute;
  top: 52px;
  width: 100%;
  font-weight: 600;
}

#d6004 {
  text-align: center;
  position: absolute;
  top: 40px;
  width: 100%;
}
#i6004 {
  width: 200px;
}

#d6005 {
  position: absolute;
  top: 224px; width: 100%;
  text-align: center;
}

#t6009 {
  margin-top: 10px;
}
#t6011 {
  margin-top: 5px;
  margin-bottom: 5px;
}
#t6015 {
  margin-bottom: 5px;
}
#t6018 {  /* krotskost */
  margin-right: 150px;
}


#d6020 {   /* blue arrow down */
  position: absolute;
  width:100%; height: fit-content; bottom: -16px;
  text-align: center;
  z-index: 2
}
#i6020 {   /* blue arrow down */
  width: 300px;
}
#d6020_left {   /* blue arrow down - half rectangle */
  position: absolute;
  width:50%; height: 100%; top: 0; left: 0;
}
#d6020_right {   /* blue arrow down - half rectangle */
  position: absolute;
  width:50%; height: 100%; top: 0; right: 0;
}
#s6052_left {   /* posledni  */
  position: absolute;
  top: 20px; right: 70px;
}
#s6052_right {   /* protestante  */
  position: absolute;
  top: 20px; left: 70px;
}


#p6030 {    /* blue arrow right */
  position: absolute; left: -32px; top: 70px;
  /*z-index: 11;*/
  width: 80px;
}
#p6055 {    /* menorah */
  position: absolute; left: -51px; top: 45px;
  width: 35px;
}

#t6031 {    /* blue arrow right text*/
  position: absolute; left: -49px; top: 88px; width: fit-content;
  z-index: 10;
  -webkit-transform: rotateZ(15deg);
  -ms-transform: rotate(15deg);
  transform: rotateZ(15deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}

#t6031_sk {    /* blue arrow right text*/
  position: absolute; left: -33px; top: 90px; width: fit-content;
  z-index: 10;
  -webkit-transform: rotateZ(15deg);
  -ms-transform: rotate(15deg);
  transform: rotateZ(15deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}

#d6021 {
  position:absolute;
  top: 0; left: 0; width: 100%; height:100%;
  margin-top: 1px;
  z-index: 10;
}

#s6028 {
  position: absolute;
  bottom: 30px; right: 53px;
  z-index: 11;
  -webkit-transform: rotateZ(45deg);
  -ms-transform: rotate(45deg);
  transform: rotateZ(45deg);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}

#s6029 {
  position: absolute;
  bottom: 31px; left: 52px;
  z-index: 11;
  -webkit-transform: rotateZ(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotateZ(-45deg);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

#d6032 {
  position: absolute;
  left: 10px; top: -3px;
  -webkit-transform: rotateZ(90deg);
  -ms-transform: rotate(90deg);
  transform: rotateZ(90deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
#d6033 {
  position: absolute;
  left: 10px; top: 144px;
  -webkit-transform: rotateZ(90deg);
  -ms-transform: rotate(90deg);
  transform: rotateZ(90deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
#d6034 {
  position: absolute;
  left: 10px; top: 240px;
  -webkit-transform: rotateZ(90deg);
  -ms-transform: rotate(90deg);
  transform: rotateZ(90deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

#d6037 {
  position: absolute;
  right: 10px; top: -3px;
  -webkit-transform: rotateZ(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotateZ(-90deg);
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
#d6038 {
  position: absolute;
  right: 10px; top: 140px;
  -webkit-transform: rotateZ(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotateZ(-90deg);
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
#d6039 {
  position: absolute;
  right: 10px; top: 255px;
  -webkit-transform: rotateZ(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotateZ(-90deg);
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

#d6042 {
  position: absolute;
  right: 50%; width:95px;
  top: 35px; height: 130px;
}
#p6042 {
  font-weight: 900;
  font-size: 120%;
  line-height: 1.7;
}
#d6040 {
  position: absolute;
  left: -5px;
  top: 50px;
  -webkit-transform: rotateZ(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotateZ(-90deg);
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
}

#d6046 {
  position: absolute;
  left: 51%; width:95px;
  top: 25px; height: 130px;
}
#p6046 {
  font-weight: 900;
  font-size: 120%;
  line-height: 1.29;
}
#d6041 {
  position: absolute;
  left: 92px;
  top: 100px;
  width: 100px;
  -webkit-transform: rotateZ(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotateZ(-90deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

#d6053 {
    position: absolute;
    z-index: 10;
    bottom: 2px;
    left: -5px;
    width: calc(50% - 55px);
}
#d6054 {
    position: absolute;
    z-index: 10;
    bottom: 2px;
    right: -5px;
    width: calc(50% - 55px);
}

/* -----------------*/

#d7014 {
  position: absolute;
  bottom: -110px;
  width: 100%;
  text-align: center;
  z-index: 1;
}
#i7014 {
  width: 95px;
}
#p7015 {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 25px;
  margin-left: -5px;
  -webkit-transform: rotateZ(90deg);
  -ms-transform: rotate(90deg);
  transform: rotateZ(90deg);

}
#p7017 {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 75px;
}

#d7018 {
  position: absolute;
  bottom: -78px;
  width: 100%;
  text-align: center;
  z-index: 1;
}
#i7018 {
  width: 130px;
}
#p7019 {
  position: absolute;
  bottom: -31px;
  right: 48px;
  z-index: 10;
}
#p7019_sk {
  position: absolute;
  bottom: -31px;
  right: 57px;
  z-index: 10;
}
#p7020 {
  position: absolute;
  bottom: -37px;
  left: 41px;
  z-index: 10;
}
#p7020_sk {
  position: absolute;
  bottom: -31px;
  left: 50px;
  z-index: 10;
}
#p7021 {
  margin-top: 49px;
}
#p7022 {
  margin-top: 5px;
}

#p7023 {
  position: absolute;
  bottom: -32px;
  right: 14px;
  z-index: 10;
}

#p7024 {
  position: absolute;
  bottom: -31px;
  left: 10px;
  z-index: 10;
}
#p7024_sk {
  position: absolute;
  bottom: -31px;
  left: 17px;
  z-index: 10;
}

/* -----------Block 8 ------*/
#d7001 {   /* Sof 1 */
  position: absolute;
  top: 20px;
  left: 2%;
  z-index: 10;
}
#d7002 {
  position: absolute;
  top: 20px;
  left: 25%;
  z-index: 10;
}
#d7002_sk {
  position: absolute;
  top: 20px;
  left: 27%;
  z-index: 10;
}
#d7003 {
  position: absolute;
  top: 22px;
  left: 19%;
  z-index: 20;
}
#d7004 {
  position: absolute;
  top: 20px;
  left: 57%;
}
#d7005 {   /* Z 82,8 */
  position: absolute;
  top: 6px;
  left: 45%;
}

#d7006 {   /* Ef 5,5-7 */
  position: absolute;
  top: 18px;
  left: 40%;
}
#d7007 {   /* Zbytky balovho */
  position: absolute;
  top: 39px;
  left: 36%;
}
#d7007_sk {   /* Zbytky balovho */
  position: absolute;
  top: 39px;
  left: 38.5%;
}
#d7010{   /* Zj 22,15 */
  position: absolute;
  top: 18px;
  left: 50%;
}


#d7012 {
  position: absolute;
  top: 20px;
  left: 78.5%;
}
#d7013 {
  position: absolute;
  top: 20px;
  left: 91%;
}

/*--------blok 7------------*/
#t7025 {   /* socialna spravodlivost */
  position: absolute; left: 37%; top: 10px;
}
#t7026 {   /* laska */
  position: absolute; left: 6%; top: 110px;
}
#t7027 {   /* Radost  */
  position: absolute; left: 11%; top: 90px;
}
#t7028 {   /* Pokoj */
  position: absolute; left: 60%; top: 10px;
}
#t7029 {   /* Tichost */
  position: absolute; left: 43%; top: 60px;
}
#t7030 {  /* Dobrotivost */
  position: absolute; left: 60%; top: 60px;
}
#t7031 {   /* Dobrota */
  position: absolute; left: 72%; top: 85px;
}
#t7032 {   /* Vernost */
  position: absolute; left: 79%; top: 15px;
}
#t7033 {   /* Krotkost */
  position: absolute; left: 86%; top: 100px;
}
#t7034 {   /*  Striedmost */
  position: absolute; left: 91%; top: 10px;
}



#d7038 { /* earth.png */
  position: absolute;
  top: 82px;
  width: 100%;
  text-align: center;
}
#i7038 {
  width: 1000px;
}
#d7041 { /* trees.png */
  position: absolute;
  top: 18px;
  left: 107px;
  width: 100%;
  text-align: center;
}
#i7041 {
  width: 110px;
}
#d7042 { /* stream.png */
  display: none;
  position: absolute;
  top: 81px;
  width: 100%;
  margin-left: 10px;
  text-align: center;
}
#i7042 {
  width: 40px;
}

#d7050 { /* new_jerusalem.png */
  position: absolute;
  top: -10px;
  left: 14.2%;
}
#i7050 {
  width: 277px;
}
#i7057 { /* judgment.png */
  position: absolute;
  top: 22px;
  right: 0;
  width: 55px;
}

#d7055 {    /* 1_circle.png*/
  position: absolute; right: 2%; top: 50px;
  width: 80px;
  height: 80px;
  line-height: 80px;
}

#d7036 { /* blue arrow right */
  position: absolute;
  top: 15px;
  left: 11.7%;
  -webkit-transform: rotateZ(15deg);
  -ms-transform: rotate(15deg);
  transform: rotateZ(15deg);

}

#i7036 {
  width: 100px;
}
#d7037 { /* Zj 7,14-17 */
  position: absolute;
  top: 38px;
  left: 13%;
  -webkit-transform: rotateZ(31deg);
  -ms-transform: rotate(31deg);
  transform: rotateZ(31deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}

#d7037_de { /* Zj 7,14-17 */
  position: absolute;
  top: 38px;
  left: 12.4%;
  -webkit-transform: rotateZ(31deg);
  -ms-transform: rotate(31deg);
  transform: rotateZ(31deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}

#d7051 { /* Nebesky Jeruzalem */
  position: absolute;
  top: 12px;
  line-height: 19px;
  left: 24%;
  text-align: center;
}
#t7051 {
  letter-spacing: 4px;
  font-weight: 900;
  font-size: 16px;
}

#d7052 { /* Milleniium 1000 rokov */
  position: absolute;
  top: 115px;
  line-height: 19px;
  left: 28%;
  text-align: center;
}
#t7052 {
  letter-spacing: 4px;
  font-weight: 900;
  font-size: 16px;
}

#d7053 {  /* sud */
  position: absolute;
  top: 70px;
  left: 70px;
}
#i7053 {
  letter-spacing: 3px;
  font-weight: 900;
}

#d7044 {
  position: absolute;
  top: 110px;
  right: -20px;
  background-color:rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  padding: 0 5px;
  -webkit-transform: rotateZ(20deg);
  -ms-transform: rotate(20deg);
  transform: rotateZ(20deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}


#d7039 {
  position: relative;
  margin: 0 auto;
  width: 300px;
  height: 100%;
  text-align: center;
}
#t7040 {
  margin-top: 5px;
}
#t7043 {
  margin-top: 68px;
  margin-left: -30px;
}
#d7045 {   /* Zj 22,14 */
  position: absolute;
  top: 100px;
  left: -60px;
}
#d7046 {   /* Iz 11,6 */
  position: absolute;
  top: 90px;
  left: 30px;
}
#d7047 {   /* Iz 65,22-23 */
  position: absolute;
  top: 86px;
  right: 80px;
}

#d7048 {  /* Zj 21,1-2  */
  position: absolute;
  top: 120px;
  right: -70px;
}
#d7049 {  /* Zj 21,10-12  */
  position: absolute;
  top: 120px;
  right: -180px;
  -webkit-transform: rotateZ(9deg);
  -ms-transform: rotate(9deg);
  transform: rotateZ(9deg);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}

/*----  buttons show/hide  ----------------------------------*/
.block6__wrapper .block-showhide-buttons {
  top: -35px;
  /*left: 16px;*/ 
  /*bottom: 10px;*/
  /*right: 10px;*/
}
.block6__wrapper .block-showhide-buttons .btn-hide {
  position: absolute;
  top: 12px;
  left: 0;
}

.block2__wrapper .block-showhide-buttons {
  top: -35px;
  /*left: unset;*/    
  /*right: 9px;*/
}
.block2__wrapper .block-showhide-buttons .btn-hide {
  position: absolute;
  top: 12px;
  left: 0;
}
.block4__wrapper .block-showhide-buttons {
  top: -35px
  /*left: 10px;*/      
}
.block4__wrapper .block-showhide-buttons .btn-hide {
  position: absolute;
  top: 12px;
  left: 0;
}
.block3__wrapper .block-showhide-buttons {
  top: -83px;    
}
.block3__wrapper .block-showhide-buttons .btn-hide {
  position: absolute;
  top: 12px;
  left: 0;
}
.block5__wrapper .block-showhide-buttons {
  top: -83px;
  left: unset;    
  right: 16px;
}
.block5__wrapper .block-showhide-buttons .btn-hide {
  position: absolute;
  top: 12px;
  right: 0;
}