p, h1, h2, h3, h4, h5, h6, li{
  font-family:'SegoeUI';
  font-size:1em;
}

#tab-1{
  background-image:url('../resources/images/bg.png');
  background-size: 70%;
  background-position:50% 50%;
  background-repeat:no-repeat;
}

.item{
  position:absolute;
  background:#FFFFFF;
  font-family:'Ostrich-Black';
}

.item > *{
  display:inline-block;
  float:left;
  font-size:2.5em;
  padding:10px;
}

.left-text{
  color:#FFFFFF;
}

#item-1{
  left: 518px;
  top: 196px;
}


#item-1 .left-text{
  background-color:#F16422;
}


#item-1 .right-text{
  color:#F16422;
}


#item-2{
  left: 938px;
  top: 219px;
}


#item-2 .left-text{
  background-color:#E45426;
}


#item-2 .right-text{
  color:#E45426;
}


#item-3{
  left: 1017px;
  top: 457px;
}


#item-3 .left-text{
  background-color:#BA2135;
}


#item-3 .right-text{
  color:#BA2135;
}



#item-4{
  left: 1017px;
  top: 707px;
}


#item-4 .left-text{
  background-color:#752B82;
}


#item-4 .right-text{
  color:#752B82;
}


#item-5{
  left: 942px;
  top: 917px;
}


#item-5 .left-text{
  background-color:#3171B3;
}


#item-5 .right-text{
  color:#3171B3;
}


#item-6{
  left: 515px;
  top: 954px;
}


#item-6 .left-text{
  background-color:#01ABD0;
}


#item-6 .right-text{
  color:#01ABD0;
}


#item-7{
  left: 126px;
  top: 915px;
}


#item-7 .left-text{
  background-color:#04A7AF;
}


#item-7 .right-text{
  color:#04A7AF;
}


#item-8{
  left: 33px;
  top: 706px;
}


#item-8 .left-text{
  background-color:#18A470;
}


#item-8 .right-text{
  color:#18A470;
}


#item-9{
  left: 56px;
  top: 458px;
}


#item-9 .left-text{
  background-color:#7AC043;
}


#item-9 .right-text{
  color:#7AC043;
}


#item-10{
  left: 108px;
  top: 222px;
}


#item-10 .left-text{
  background-color:#E36F26;
}


#item-10 .right-text{
  color:#E36F26;
}

.hover-text{
  position:absolute;
  background-color:#FFFFFF;
  width:500px;
  left:0px;
  top:65px;
  text-align:justify;
  color:#636363;
  transition:all 0.3s ease;
  opacity:0;
  visibility:hidden;
  z-index:800;
  box-shadow:1px 2px 3px #000000;
  padding:20px;
}

.item:hover{
  cursor:pointer;
  transform:scale(1.05);
  z-index:200;
}

.item:hover .hover-text{
  visibility:visible;
  opacity:1;
  z-index:800;
}

.item.left .hover-text{
  right:auto;
  left:0px;
}

.item.right .hover-text{
  left:auto;
  right:0px;
}

.item.bottom .hover-text{
  top:auto;
  bottom:70px;
}