@charset "utf-8";
div { margin: 0px; padding: 0px; border: 0px; overflow: hidden; }
.container { position: relative; }
.largeimage { position: relative; z-index: 1000; }
img.info-icon { cursor: pointer; z-index: 1001; }
#container1 .info-icon1 { position: absolute; top: 74px; left: 120px; }
#container1 .info-icon2 { position: absolute; top: 130px; left: 108px; }
#container1 .info-icon3 { position: absolute; top: 92px; left: 34px; }
#container1 .info-icon4 { position: absolute; top: 105px; left: 167px; }
#container1 .info-icon5 { position: absolute; top: 130px; left: 205px; }
#container1 .info-icon6 { position: absolute; top: 146px; left: 250px; }
#container1 .info-icon7 { position: absolute; top: 185px; left: 177px; }
#container1 .info-icon8 { position: absolute; top: 68px; left: 160px; }
#container1 .info-icon9 { position: absolute; top: 125px; left: 315px; }
#container1 .info-icon10 { position: absolute; top: 190px; left: 260px; }
#container1 .info-icon11 { position: absolute; top: 40px; left: 80px; }
#container1 .info-icon12 { position: absolute; top: 75px; left: 240px; }
.popover { position: absolute; z-index: 1010; opacity: 0; display: none; width: 236px; height: 290px; padding: 1px; text-align: center; white-space: normal; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }
.popover-content p { text-align: left; font-size: 12px; line-height: 24px; }
.popover-content p span a { color: #ff0000 }
#pop1 { position: absolute; width: 150px; top: 50px; left: 160px; height: 85px; }
#pop2 { position: absolute; width: 150px; top: 160px; left: 50px; height: 85px; }
#pop3 { position: absolute; width: 150px; top: 120px; left: 10px; height: 85px; }
#pop4 { position: absolute; width: 150px; top: 130px; left: 140px; height: 85px; }
#pop5 { position: absolute; width: 150px; top: 160px; left: 140px; height: 85px; }
#pop6 { position: absolute; width: 150px; top: 100px; left: 90px; height: 85px; }
#pop7 { position: absolute; width: 150px; top: 150px; left: 215px; height: 85px; }
#pop8 { position: absolute; width: 150px; top: 100px; left: 140px; height: 85px; }
#pop9 { position: absolute; width: 150px; top: 150px; left: 240px; height: 85px; }
#pop10 { position: absolute; width: 150px; ; top: 150px; left: 100px; height: 85px; }
#pop11 { position: absolute; width: 150px; top: 30px; left: 130px; height: 85px; }
#pop12 { position: absolute; width: 150px; ; top: 110px; left: 190px; height: 85px; }
.popover-title { padding: 4px 0px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.popover-content { padding: 5px 5px; }
.animated { -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes cardInT1 {
 0% {
 -webkit-transform-origin: 50% 100% 0px;
 -webkit-transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
}
 100% {
 -webkit-transform-origin: 50% 100% 0px;
 -webkit-transform: perspective(500px) rotateX(0deg) scale(1, 1);
 opacity: 1;
}
}
 @-moz-keyframes cardInT1 {
 0% {
 -moz-transform-origin: 50% 100% 0px;
 -moz-transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
}
 100% {
 -moz-transform-origin: 50% 100% 0px;
 -moz-transform: perspective(500px) rotateX(0deg) scale(1, 1);
 opacity: 1;
}
}
 @-o-keyframes cardInT1 {
 0% {
 -o-transform-origin: 50% 100% 0px;
 -o-transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
}
 100% {
 -o-transform-origin: 50% 100% 0px;
 -o-transform: perspective(500px) rotateX(0deg) scale(1, 1);
 opacity: 1;
}
}
 @keyframes cardInT1 {
 0% {
 transform-origin: 50% 100% 0px;
 transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
}
 100% {
 transform-origin: 50% 100% 0px;
 transform: perspective(500px) rotateX(0deg) scale(1, 1);
 opacity: 1;
}
}
.cardInT1 { -webkit-animation-name: cardInT1; -moz-animation-name: cardInT1; -o-animation-name: cardInT1; animation-name: cardInT1; }
 @-webkit-keyframes cardOutT1 {
 0% {
 -webkit-transform-origin: 50% 100% 0px;
 -webkit-transform: perspective(500px) rotateX(0deg) scale(1, 1);
 opacity: 1;
}
 100% {
 -webkit-transform-origin: 50% 100% 0px;
 -webkit-transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
 opacity: 0;
}
}
 @-moz-keyframes cardOutT1 {
 0% {
 -moz-transform-origin: 50% 100% 0px;
 -moz-transform: perspective(500px) rotateX(0deg) scale(1, 1);
 opacity: 1;
}
 100% {
 -moz-transform-origin: 50% 100% 0px;
 -moz-transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
 opacity: 0;
}
}
 @-o-keyframes cardOutT1 {
 0% {
 -o-transform-origin: 50% 100% 0px;
 -o-transform: perspective(500px) rotateX(0deg) scale(1, 1);
 opacity: 1;
}
 100% {
 -o-transform-origin: 50% 100% 0px;
 -o-transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
 opacity: 0;
}
}
 @keyframes cardOutT1 {
 0% {
 transform-origin: 50% 100% 0px;
 transform: perspective(500px) rotateX(0deg) scale(1, 1);
 opacity: 1;
}
 100% {
 transform-origin: 50% 100% 0px;
 transform: perspective(500px) rotateX(-90deg) scale(0.5, 0.5);
 opacity: 0;
}
}
.cardOutT1 { -webkit-animation-name: cardOutT1; -moz-animation-name: cardOutT1; -o-animation-name: cardOutT1; animation-name: cardOutT1; }