.animatedelay,
.hotspotanimate {
  -webkit-animation-fill-mode:both
}
.popover a,
.popover a:visited {
  color:#efb;
  text-decoration:none
}
.popover a:hover {
  color:#efb;
  text-decoration:underline
}
.info-icon,
.info-icon:hover {
  text-decoration:none
}
.popover a:active {
  outline:0
}
.popover h2 {
  margin:12px auto
}
.hotspot-container {
  -webkit-transform:translateZ(0);
  -webkit-backface-visibility:hidden;
  position:relative;
  margin:0;
  padding:0
}
.popover-image {
  position:relative;
  z-index:1000
}
.info-icon:focus,
img.info-icon.focus {
  outline:0;
  border:none
}
.info-icon {
  opacity:0;
  position:absolute;
  z-index:1003;
  display:inline-block;
  width:24px;
  height:24px;
  cursor:pointer
}
.info-icon.icon1 {
  background:url(../img/icon1.png) no-repeat
}
.info-icon.icon2 {
  background:url(../img/icon2.png) no-repeat
}
.info-icon.icon3 {
  background:url(../img/icon3.png) no-repeat
}
.info-icon.icon4 {
  background:url(../img/icon4.png) no-repeat
}
.info-icon.icon5 {
  background:url(../img/icon5.png) no-repeat
}
.info-icon.icon6 {
  background:url(../img/icon6.png) no-repeat
}
.info-icon.icon7 {
  background:url(../img/icon7.png) no-repeat
}
.info-icon.icon8 {
  background:url(../img/icon8.png) no-repeat
}
.cq-hotspot-label {
  color:#FFF;
  position:absolute;
  top:26px;
  text-align:center;
  width:auto;
  min-width:60px;
  margin-left:-80%;
  margin-top:0;
  background:#999;
  background:rgba(0,0,0,.4);
  padding:2px;
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size:11px;
  border-radius:4px
}
.popover {
  font:18px/24px "Lucida Grande",Tahoma,Verdana,sans-serif;
  position:absolute;
  z-index:1010;
  opacity:0;
  width:450px;
  padding:6px;
  text-align:left;
  white-space:normal;
  background-color:#fff;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  -webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);
  -moz-box-shadow:0 5px 10px rgba(0,0,0,.2);
  box-shadow:0 5px 10px rgba(0,0,0,.2);
  -webkit-background-clip:padding-box;
  -moz-background-clip:padding;
  background-clip:padding-box
}
.popover p {
  margin:0;
  padding:0
}
.popover iframe {
  margin:4px 0 0;
  padding:0
}
.popover img {
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none
}
.popover.top {
  margin-top:-10px
}
.popover.right {
  margin-left:10px
}
.popover.bottom {
  margin-top:10px
}
.popover.left {
  margin-left:-10px
}
.popover h4.popover-title {
  padding:12px 14px;
  font-size:1.5em;
  margin:0;
  font-weight:400;
  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 {
  width: 90%;
  background-color: ;
  margin:auto;
  text-align: center;
  padding:0px 0px;
}
.popover .cq-arrow,
.popover .cq-arrow:after {
  position:absolute;
  display:block;
  width:0;
  height:0;
  border-color:transparent;
  border-style:solid
}
.popover .cq-arrow {
  border-width:11px
}
.popover .cq-arrow:after {
  border-width:10px;
  content:""
}
.popover.top .cq-arrow {
  bottom:-11px;
  left:50%;
  margin-left:-11px;
  border-bottom-width:0
}
.popover.top .cq-arrow:after {
  bottom:1px;
  margin-left:-10px;
  border-top-color:#fff;
  border-bottom-width:0
}
.popover.right .cq-arrow {
  top:50%;
  left:-11px;
  margin-top:-11px;
  border-left-width:0
}
.popover.right .cq-arrow:after {
  bottom:-10px;
  left:1px;
  border-right-color:#fff;
  border-left-width:0
}
.popover.bottom .cq-arrow {
  top:-11px;
  left:50%;
  margin-left:-11px;
  border-top-width:0
}
.popover.bottom .cq-arrow:after {
  top:1px;
  margin-left:-10px;
  border-bottom-color:#fff;
  border-top-width:0
}
.popover.left .cq-arrow {
  top:50%;
  right:-11px;
  margin-top:-11px;
  border-right-width:0
}
.popover.left .cq-arrow:after {
  right:1px;
  bottom:-10px;
  border-left-color:#fff;
  border-right-width:0
}
.popover-floatleft {
  float:left;
  margin-right:12px;
  margin-bottom:6px
}
.popover-floatright {
  float:right;
  margin-left:12px;
  margin-bottom:6px
}








h4.popover-title.pop-green {
font-family: 'Oswald', sans-serif;
  padding:4px;
font-size: 24px;
text-align: center;
    line-height: 1.4;
    color:#fff;
    background:#6f00d2;
}

h4.popover-title.pop-pink {
  font-family: 'Oswald', sans-serif;
  padding:4px;
 font-size: 24px;
 text-align: center;
     line-height: 1.4;
  color:#fff;
  background:#c300b9;
}

h4.popover-title.pop-blue {
  font-family: 'Oswald', sans-serif;
    padding:4px;
   font-size: 24px;
   text-align: center;
       line-height: 1.4;
    color:#fff;
  background:#be8600;
}



.popover.pop-green {
  width: 450px;
  background:#6f00d2;
  color:#FFF
}

.popover.pop-pink {
  width: 450px;
  background:#c300b9;
  color:#FFF
}

.popover.pop-blue {
  width: 450px;
  background:#be8600;
  color:#FFF
}


.popover.top.pop-green .cq-arrow:after {
  border-top-color:#6f00d2;
}
.popover.right.pop-green .cq-arrow:after {
  border-right-color:#6f00d2;
}
.popover.bottom.pop-green .cq-arrow:after {
  border-bottom-color:#6f00d2;
}
.popover.left.pop-green .cq-arrow:after {
  border-left-color:#6f00d2;
}



.popover.top.pop-pink .cq-arrow:after {
  border-top-color:#c300b9;
}
.popover.right.pop-pink .cq-arrow:after {
  border-right-color:#c300b9;
}
.popover.bottom.pop-pink .cq-arrow:after {
  border-bottom-color:#c300b9;
}
.popover.left.pop-pink .cq-arrow:after {
  border-left-color:#c300b9;
}


.popover.top.pop-blue .cq-arrow:after {
  border-top-color:##be8600;
}
.popover.right.pop-blue .cq-arrow:after {
  border-right-color:#be8600;
}
.popover.bottom.pop-blue .cq-arrow:after {
  border-bottom-color:#be8600;
}
.popover.left.pop-blue .cq-arrow:after {
  border-left-color:#ffe000;
}











.popover.pop-orange,
h4.popover-title.pop-orange {
  background:#e89342;
  color:#FFF
}



.popover.pop-red,
h4.popover-title.pop-red {
  
  background:#b9121b;
  color:#FFF
}


h4.popover-title.pop-orange {
  padding:12px 14px 4px;
  border-bottom:1px solid #000
}
.popover.top.pop-orange .cq-arrow:after {
  border-top-color:#000
}
.popover.right.pop-orange .cq-arrow:after {
  border-right-color:#000
}
.popover.bottom.pop-orange .cq-arrow:after {
  border-bottom-color:#000
}
.popover.left.pop-orange .cq-arrow:after {
  border-left-color:#000
}


h4.popover-title.pop-red {
  padding:12px 14px 4px;
  border-bottom:1px solid #b9121b
}
.popover.top.pop-red .cq-arrow:after {
  border-top-color:#b9121b
}
.popover.right.pop-red .cq-arrow:after {
  border-right-color:#b9121b
}
.popover.bottom.pop-red .cq-arrow:after {
  border-bottom-color:#b9121b
}
.popover.left.pop-red .cq-arrow:after {
  border-left-color:#b9121b
}
.animatedelay {
  -webkit-animation-duration:.6s;
  -moz-animation-duration:.6s;
  -o-animation-duration:.6s;
  animation-duration:.6s;
  -webkit-animation-delay:.5s;
  -moz-animation-delay:.5s;
  -ms-animation-delay:.5s;
  animation-delay:.5s;
  -moz-animation-fill-mode:both;
  -o-animation-fill-mode:both;
  animation-fill-mode:both
}
.dropin0,
.hotspotanimate {
  -webkit-animation-duration:.6s;
  -moz-animation-duration:.6s;
  -moz-animation-fill-mode:both
}
.hotspotanimate {
  -o-animation-duration:.6s;
  animation-duration:.6s;
  -o-animation-fill-mode:both;
  animation-fill-mode:both
}
.dropin0,
.dropin1 {
  -webkit-animation-fill-mode:both;
  -ms-animation-timing-function:ease
}
@-webkit-keyframes cardIntop {
  0% {
    -webkit-transform-origin:50% 100% 0;
    -webkit-transform:perspective(500px) rotateX(-90deg) scale(.5,.5)
  }
  100% {
    -webkit-transform-origin:50% 100% 0;
    -webkit-transform:perspective(500px) rotateX(0) scale(1,1);
    opacity:1
  }
}
@-moz-keyframes cardIntop {
  0% {
    -moz-transform-origin:50% 100% 0;
    -moz-transform:perspective(500px) rotateX(-90deg) scale(.5,.5)
  }
  100% {
    -moz-transform-origin:50% 100% 0;
    -moz-transform:perspective(500px) rotateX(0) scale(1,1);
    opacity:1
  }
}
@-o-keyframes cardIntop {
  0% {
    -o-transform-origin:50% 100% 0;
    -o-transform:perspective(500px) rotateX(-90deg) scale(.5,.5)
  }
  100% {
    -o-transform-origin:50% 100% 0;
    -o-transform:perspective(500px) rotateX(0) scale(1,1);
    opacity:1
  }
}
@keyframes cardIntop {
  0% {
    transform-origin:50% 100% 0;
    transform:perspective(500px) rotateX(-90deg) scale(.5,.5)
  }
  100% {
    transform-origin:50% 100% 0;
    transform:perspective(500px) rotateX(0) scale(1,1);
    opacity:1
  }
}
.cardIntop {
  -webkit-animation-name:cardIntop;
  -moz-animation-name:cardIntop;
  -o-animation-name:cardIntop;
  animation-name:cardIntop
}
@-webkit-keyframes cardInbottom {
  0% {
    -webkit-transform-origin:50% 0 0;
    -webkit-transform:perspective(500px) rotateX(90deg) scale(.5,.5)
  }
  100% {
    -webkit-transform-origin:50% 0 0;
    -webkit-transform:perspective(500px) rotateX(0) scale(1,1);
    opacity:1
  }
}
@-moz-keyframes cardInbottom {
  0% {
    -moz-transform-origin:50% 0 0;
    -moz-transform:perspective(500px) rotateX(90deg) scale(.5,.5)
  }
  100% {
    -moz-transform-origin:50% 0 0;
    -moz-transform:perspective(500px) rotateX(0) scale(1,1);
    opacity:1
  }
}
@-o-keyframes cardInbottom {
  0% {
    -o-transform-origin:50% 0 0;
    -o-transform:perspective(500px) rotateX(90deg) scale(.5,.5)
  }
  100% {
    -o-transform-origin:50% 0 0;
    -o-transform:perspective(500px) rotateX(0) scale(1,1);
    opacity:1
  }
}
@keyframes cardInbottom {
  0% {
    transform-origin:50% 0 0;
    transform:perspective(500px) rotateX(90deg) scale(.5,.5)
  }
  100% {
    transform-origin:50% 0 0;
    transform:perspective(500px) rotateX(0) scale(1,1);
    opacity:1
  }
}
.cardInbottom {
  -webkit-animation-name:cardInbottom;
  -moz-animation-name:cardInbottom;
  -o-animation-name:cardInbottom;
  animation-name:cardInbottom
}
@-webkit-keyframes cardInleft {
  0% {
    -webkit-transform-origin:100% 50% 0;
    -webkit-transform:perspective(500px) rotateY(-90deg) scale(0,0)
  }
  100% {
    -webkit-transform-origin:100% 50% 0;
    -webkit-transform:perspective(500px) rotateY(0) scale(1,1);
    opacity:1
  }
}
@-moz-keyframes cardInleft {
  0% {
    -moz-transform-origin:100% 50% 0;
    -moz-transform:perspective(500px) rotateY(-90deg) scale(0,0)
  }
  100% {
    -moz-transform-origin:100% 50% 0;
    -moz-transform:perspective(500px) rotateY(0) scale(1,1);
    opacity:1
  }
}
@-o-keyframes cardInleft {
  0% {
    -o-transform-origin:100% 50% 0;
    -o-transform:perspective(500px) rotateY(-90deg) scale(0,0)
  }
  100% {
    -o-transform-origin:100% 50% 0;
    -o-transform:perspective(500px) rotateY(0) scale(1,1);
    opacity:1
  }
}
@keyframes cardInleft {
  0% {
    transform-origin:100% 50% 0;
    transform:perspective(500px) rotateY(-90deg) scale(0,0)
  }
  100% {
    transform-origin:100% 50% 0;
    transform:perspective(500px) rotateY(0) scale(1,1);
    opacity:1
  }
}
.cardInleft {
  -webkit-animation-name:cardInleft;
  -moz-animation-name:cardInleft;
  -o-animation-name:cardInleft;
  animation-name:cardInleft
}
@-webkit-keyframes cardInright {
  0% {
    -webkit-transform-origin:0 50% 0;
    -webkit-transform:perspective(500px) rotateY(90deg) scale(0,0)
  }
  100% {
    -webkit-transform-origin:0 50% 0;
    -webkit-transform:perspective(500px) rotateY(0) scale(1,1);
    opacity:1
  }
}
@-moz-keyframes cardInright {
  0% {
    -moz-transform-origin:0 50% 0;
    -moz-transform:perspective(500px) rotateY(90deg) scale(0,0)
  }
  100% {
    -moz-transform-origin:0 50% 0;
    -moz-transform:perspective(500px) rotateY(0) scale(1,1);
    opacity:1
  }
}
@-o-keyframes cardInright {
  0% {
    -o-transform-origin:0 50% 0;
    -o-transform:perspective(500px) rotateY(90deg) scale(0,0)
  }
  100% {
    -o-transform-origin:0 50% 0;
    -o-transform:perspective(500px) rotateY(0) scale(1,1);
    opacity:1
  }
}
@keyframes cardInright {
  0% {
    transform-origin:0 50% 0;
    transform:perspective(500px) rotateY(90deg) scale(0,0)
  }
  100% {
    transform-origin:0 50% 0;
    transform:perspective(500px) rotateY(0) scale(1,1);
    opacity:1
  }
}
.cardInright {
  -webkit-animation-name:cardInright;
  -moz-animation-name:cardInright;
  -o-animation-name:cardInright;
  animation-name:cardInright
}
@-webkit-keyframes cardOuttop {
  0% {
    -webkit-transform-origin:50% 100% 0;
    -webkit-transform:perspective(500px) rotateX(0) scale(1,1);
    opacity:1
  }
  100% {
    -webkit-transform-origin:50% 100% 0;
    -webkit-transform:perspective(500px) rotateX(-90deg) scale(.5,.5);
    opacity:0
  }
}
@-moz-keyframes cardOuttop {
  0% {
    -moz-transform-origin:50% 100% 0;
    -moz-transform:perspective(500px) rotateX(0) scale(1,1);
    opacity:1
  }
  100% {
    -moz-transform-origin:50% 100% 0;
    -moz-transform:perspective(500px) rotateX(-90deg) scale(.5,.5);
    opacity:0
  }
}
@-o-keyframes cardOuttop {
  0% {
    -o-transform-origin:50% 100% 0;
    -o-transform:perspective(500px) rotateX(0) scale(1,1);
    opacity:1
  }
  100% {
    -o-transform-origin:50% 100% 0;
    -o-transform:perspective(500px) rotateX(-90deg) scale(.5,.5);
    opacity:0
  }
}
@keyframes cardOuttop {
  0% {
    transform-origin:50% 100% 0;
    transform:perspective(500px) rotateX(0) scale(1,1);
    opacity:1
  }
  100% {
    transform-origin:50% 100% 0;
    transform:perspective(500px) rotateX(-90deg) scale(.5,.5);
    opacity:0
  }
}
.cardOuttop {
  -webkit-animation-name:cardOuttop;
  -moz-animation-name:cardOuttop;
  -o-animation-name:cardOuttop;
  animation-name:cardOuttop
}
@-webkit-keyframes cardOutbottom {
  0% {
    -webkit-transform-origin:50% 0 0;
    -webkit-transform:perspective(500px) rotateX(0) scale(1,1);
    opacity:1
  }
  100% {
    -webkit-transform-origin:50% 0 0;
    -webkit-transform:perspective(500px) rotateX(90deg) scale(.5,.5);
    opacity:0
  }
}
@-moz-keyframes cardOutbottom {
  0% {
    -moz-transform-origin:50% 0 0;
    -moz-transform:perspective(500px) rotateX(0) scale(1,1);
    opacity:1
  }
  100% {
    -moz-transform-origin:50% 0 0;
    -moz-transform:perspective(500px) rotateX(90deg) scale(.5,.5);
    opacity:0
  }
}
@-o-keyframes cardOutbottom {
  0% {
    -o-transform-origin:50% 0 0;
    -o-transform:perspective(500px) rotateX(0) scale(1,1);
    opacity:1
  }
  100% {
    -o-transform-origin:50% 0 0;
    -o-transform:perspective(500px) rotateX(90deg) scale(.5,.5);
    opacity:0
  }
}
@keyframes cardOutbottom {
  0% {
    transform-origin:50% 0 0;
    transform:perspective(500px) rotateX(0) scale(1,1);
    opacity:1
  }
  100% {
    transform-origin:50% 0 0;
    transform:perspective(500px) rotateX(90deg) scale(.5,.5);
    opacity:0
  }
}
.cardOutbottom {
  -webkit-animation-name:cardOutbottom;
  -moz-animation-name:cardOutbottom;
  -o-animation-name:cardOutbottom;
  animation-name:cardOutbottom
}
@-webkit-keyframes cardOutleft {
  0% {
    -webkit-transform-origin:100% 50% 0;
    -webkit-transform:perspective(500px) rotateY(0) scale(1,1);
    opacity:1
  }
  100% {
    -webkit-transform-origin:100% 50% 0;
    -webkit-transform:perspective(500px) rotateY(90deg) scale(0,0);
    opacity:0
  }
}
@-moz-keyframes cardOutleft {
  0% {
    -moz-transform-origin:100% 50% 0;
    -moz-transform:perspective(500px) rotateY(0) scale(1,1);
    opacity:1
  }
  100% {
    -moz-transform-origin:100% 50% 0;
    -moz-transform:perspective(500px) rotateY(90deg) scale(0,0);
    opacity:0
  }
}
@-o-keyframes cardOutleft {
  0% {
    -o-transform-origin:100% 50% 0;
    -o-transform:perspective(500px) rotateY(0) scale(1,1);
    opacity:1
  }
  100% {
    -o-transform-origin:100% 50% 0;
    -o-transform:perspective(500px) rotateY(90deg) scale(0,0);
    opacity:0
  }
}
@keyframes cardOutleft {
  0% {
    transform-origin:100% 50% 0;
    transform:perspective(500px) rotateY(0) scale(1,1);
    opacity:1
  }
  100% {
    transform-origin:100% 50% 0;
    transform:perspective(500px) rotateY(90deg) scale(0,0);
    opacity:0
  }
}
.cardOutleft {
  -webkit-animation-name:cardOutleft;
  -moz-animation-name:cardOutleft;
  -o-animation-name:cardOutleft;
  animation-name:cardOutleft
}
@-webkit-keyframes cardOutright {
  0% {
    -webkit-transform-origin:0 50% 0;
    -webkit-transform:perspective(500px) rotateY(0) scale(1,1);
    opacity:1
  }
  100% {
    -webkit-transform-origin:0 50% 0;
    -webkit-transform:perspective(500px) rotateY(-90deg) scale(0,0);
    opacity:0
  }
}
@-moz-keyframes cardOutright {
  0% {
    -moz-transform-origin:0 50% 0;
    -moz-transform:perspective(500px) rotateY(0) scale(1,1);
    opacity:1
  }
  100% {
    -moz-transform-origin:0 50% 0;
    -moz-transform:perspective(500px) rotateY(-90deg) scale(0,0);
    opacity:0
  }
}
@-o-keyframes cardOutright {
  0% {
    -o-transform-origin:0 50% 0;
    -o-transform:perspective(500px) rotateY(0) scale(1,1);
    opacity:1
  }
  100% {
    -o-transform-origin:0 50% 0;
    -o-transform:perspective(500px) rotateY(-90deg) scale(0,0);
    opacity:0
  }
}
@keyframes cardOutright {
  0% {
    transform-origin:0 50% 0;
    transform:perspective(500px) rotateY(0) scale(1,1);
    opacity:1
  }
  100% {
    transform-origin:0 50% 0;
    transform:perspective(500px) rotateY(-90deg) scale(0,0);
    opacity:0
  }
}
.cardOutright {
  -webkit-animation-name:cardOutright;
  -moz-animation-name:cardOutright;
  -o-animation-name:cardOutright;
  animation-name:cardOutright
}
@-webkit-keyframes cq-dropInDown {
  0% {
    opacity:0;
    -webkit-transform:translateY(-2000px)
  }
  60% {
    -webkit-transform:translateY(30px)
  }
  80% {
    -webkit-transform:translateY(-10px)
  }
  100% {
    opacity:1;
    -webkit-transform:translateY(0)
  }
}
@-moz-keyframes cq-dropInDown {
  0% {
    opacity:0;
    -moz-transform:translateY(-2000px)
  }
  60% {
    -moz-transform:translateY(30px)
  }
  80% {
    -moz-transform:translateY(-10px)
  }
  100% {
    opacity:1;
    -moz-transform:translateY(0)
  }
}
@-o-keyframes cq-dropInDown {
  0% {
    opacity:0;
    -o-transform:translateY(-2000px)
  }
  60% {
    -o-transform:translateY(30px)
  }
  80% {
    -o-transform:translateY(-10px)
  }
  100% {
    opacity:1;
    -o-transform:translateY(0)
  }
}
@keyframes cq-dropInDown {
  0% {
    opacity:0;
    transform:translateY(-2000px)
  }
  60% {
    transform:translateY(30px)
  }
  80% {
    transform:translateY(-10px)
  }
  100% {
    opacity:1;
    transform:translateY(0)
  }
}
.cq-dropInDown {
  -webkit-animation-name:cq-dropInDown;
  -moz-animation-name:cq-dropInDown;
  -o-animation-name:cq-dropInDown;
  animation-name:cq-dropInDown
}
.dropin0 {
  -webkit-animation-delay:0s;
  -webkit-animation-timing-function:ease;
  -moz-animation-delay:0s;
  -moz-animation-timing-function:ease;
  -ms-animation-duration:.6s;
  -ms-animation-delay:0s;
  -ms-animation-fill-mode:both;
  animation-duration:.6s;
  animation-delay:0s;
  animation-timing-function:ease;
  animation-fill-mode:both
}
.dropin1,
.dropin2 {
  -webkit-animation-duration:.6s;
  -webkit-animation-timing-function:ease;
  -moz-animation-duration:.6s;
  -moz-animation-timing-function:ease;
  -moz-animation-fill-mode:both;
  -ms-animation-duration:.6s;
  -ms-animation-fill-mode:both
}
.dropin1 {
  -webkit-animation-delay:.2s;
  -moz-animation-delay:.2s;
  -ms-animation-delay:.2s;
  animation-duration:.6s;
  animation-delay:.2s;
  animation-timing-function:ease;
  animation-fill-mode:both
}
.dropin2,
.dropin3 {
  -webkit-animation-fill-mode:both;
  -ms-animation-timing-function:ease
}
.dropin2 {
  -webkit-animation-delay:.4s;
  -moz-animation-delay:.4s;
  -ms-animation-delay:.4s;
  animation-duration:.6s;
  animation-delay:.4s;
  animation-timing-function:ease;
  animation-fill-mode:both
}
.dropin3,
.dropin4 {
  -webkit-animation-duration:.6s;
  -webkit-animation-timing-function:ease;
  -moz-animation-duration:.6s;
  -moz-animation-timing-function:ease;
  -moz-animation-fill-mode:both;
  -ms-animation-duration:.6s;
  -ms-animation-fill-mode:both
}
.dropin3 {
  -webkit-animation-delay:.6s;
  -moz-animation-delay:.6s;
  -ms-animation-delay:.6s;
  animation-duration:.6s;
  animation-delay:.6s;
  animation-timing-function:ease;
  animation-fill-mode:both
}
.dropin4,
.dropin5 {
  -webkit-animation-fill-mode:both;
  -ms-animation-timing-function:ease
}
.dropin4 {
  -webkit-animation-delay:.8s;
  -moz-animation-delay:.8s;
  -ms-animation-delay:.8s;
  animation-duration:.6s;
  animation-delay:.8s;
  animation-timing-function:ease;
  animation-fill-mode:both
}
.dropin5,
.dropin6 {
  -webkit-animation-duration:.6s;
  -webkit-animation-timing-function:ease;
  -moz-animation-duration:.6s;
  -moz-animation-timing-function:ease;
  -moz-animation-fill-mode:both;
  -ms-animation-duration:.6s;
  -ms-animation-fill-mode:both
}
.dropin5 {
  -webkit-animation-delay:1s;
  -moz-animation-delay:1s;
  -ms-animation-delay:1s;
  animation-duration:.6s;
  animation-delay:1s;
  animation-timing-function:ease;
  animation-fill-mode:both
}
.dropin6,
.dropin7 {
  -ms-animation-timing-function:ease
}
.dropin6 {
  -webkit-animation-delay:1.2s;
  -webkit-animation-fill-mode:both;
  -moz-animation-delay:1.2s;
  -ms-animation-delay:1.2s;
  animation-duration:.6s;
  animation-delay:1.2s;
  animation-timing-function:ease;
  animation-fill-mode:both
}
.dropin7,
.dropin8 {
  -webkit-animation-duration:.6s;
  -webkit-animation-timing-function:ease;
  -webkit-animation-fill-mode:both;
  -moz-animation-duration:.6s;
  -moz-animation-timing-function:ease;
  -ms-animation-duration:.6s;
  -ms-animation-fill-mode:both
}
.dropin7 {
  -webkit-animation-delay:1.4s;
  -moz-animation-delay:1.4s;
  -moz-animation-fill-mode:both;
  -ms-animation-delay:1.4s;
  animation-duration:.6s;
  animation-delay:1.4s;
  animation-timing-function:ease;
  animation-fill-mode:both
}
.dropin8,
.dropin9 {
  -ms-animation-timing-function:ease
}
.dropin8 {
  -webkit-animation-delay:1.6s;
  -moz-animation-delay:1.6s;
  -ms-animation-delay:1.6s;
  animation-duration:.6s;
  animation-delay:1.6s;
  animation-timing-function:ease;
  animation-fill-mode:both
}
.dropin10,
.dropin9 {
  -webkit-animation-duration:.6s;
  -webkit-animation-timing-function:ease;
  -webkit-animation-fill-mode:both;
  -moz-animation-duration:.6s;
  -moz-animation-timing-function:ease;
  -ms-animation-duration:.6s;
  -ms-animation-fill-mode:both
}
.dropin9 {
  -webkit-animation-delay:1.8s;
  -moz-animation-delay:1.8s;
  -ms-animation-delay:1.8s;
  animation-duration:.6s;
  animation-delay:1.8s;
  animation-timing-function:ease;
  animation-fill-mode:both
}
.dropin10,
.dropin11 {
  -ms-animation-timing-function:ease
}
.dropin10 {
  -webkit-animation-delay:2s;
  -moz-animation-delay:2s;
  -ms-animation-delay:2s;
  animation-duration:.6s;
  animation-delay:2s;
  animation-timing-function:ease;
  animation-fill-mode:both
}
.dropin11,
.dropin12 {
  -webkit-animation-duration:.6s;
  -webkit-animation-timing-function:ease;
  -webkit-animation-fill-mode:both;
  -moz-animation-duration:.6s;
  -moz-animation-timing-function:ease;
  -ms-animation-duration:.6s;
  -ms-animation-fill-mode:both
}
.dropin11 {
  -webkit-animation-delay:2.2s;
  -moz-animation-delay:2.2s;
  -ms-animation-delay:2.2s;
  animation-duration:.6s;
  animation-delay:2.2s;
  animation-timing-function:ease;
  animation-fill-mode:both
}
.dropin12,
.dropin13 {
  -ms-animation-timing-function:ease
}
.dropin12 {
  -webkit-animation-delay:2.4s;
  -moz-animation-delay:2.4s;
  -ms-animation-delay:2.4s;
  animation-duration:.6s;
  animation-delay:2.4s;
  animation-timing-function:ease;
  animation-fill-mode:both
}
.dropin13,
.dropin14 {
  -webkit-animation-duration:.6s;
  -webkit-animation-timing-function:ease;
  -webkit-animation-fill-mode:both;
  -moz-animation-duration:.6s;
  -moz-animation-timing-function:ease;
  -ms-animation-duration:.6s;
  -ms-animation-fill-mode:both
}
.dropin13 {
  -webkit-animation-delay:2.6s;
  -moz-animation-delay:2.6s;
  -ms-animation-delay:2.6s;
  animation-duration:.6s;
  animation-delay:2.6s;
  animation-timing-function:ease;
  animation-fill-mode:both
}
.dropin14 {
  -webkit-animation-delay:2.8s;
  -moz-animation-delay:2.8s;
  -ms-animation-delay:2.8s;
  -ms-animation-timing-function:ease;
  animation-duration:.6s;
  animation-delay:2.8s;
  animation-timing-function:ease;
  animation-fill-mode:both
}
.dropin15 {
  -webkit-animation-duration:.6s;
  -webkit-animation-delay:3s;
  -webkit-animation-timing-function:ease;
  -webkit-animation-fill-mode:both;
  -moz-animation-duration:.6s;
  -moz-animation-delay:3s;
  -moz-animation-timing-function:ease;
  -ms-animation-duration:.6s;
  -ms-animation-delay:3s;
  -ms-animation-timing-function:ease;
  -ms-animation-fill-mode:both;
  animation-duration:.6s;
  animation-delay:3s;
  animation-timing-function:ease;
  animation-fill-mode:both
}
.info-icon-pulse1,
.info-icon-pulse2 {
  border-radius:50%;
  height:14px;
  width:14px;
  position:absolute;
  left:50%;
  top:50%;
  margin:16px 0 0 4px;
  z-index:1001
}
.info-icon-pulse1:after,
.info-icon-pulse2:after {
  content:"";
  height:30px;
  width:30px;
  position:absolute;
  margin:-8px 0 0 -8px;
  opacity:0
}
.info-icon-pulse1:after {
  border-radius:50%;
  -webkit-animation:cq-hotspot-pulsate 1.2s ease-out;
  animation:cq-hotspot-pulsate 1.2s ease-out;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  border:1px solid rgba(255,255,255,.8);
  -webkit-animation-delay:1.5s;
  animation-delay:1.5s
}
.info-icon-pulse2:after {
  border-radius:50%;
  -webkit-animation:cq-hotspot-pulsate 1.2s ease-out;
  animation:cq-hotspot-pulsate 1.2s ease-out;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  border:1px solid rgba(0,0,0,.4);
  -webkit-animation-delay:1.5s;
  animation-delay:1.5s
}
@-webkit-keyframes cq-hotspot-pulsate {
  0% {
    -webkit-transform:rotateX(-64deg) scale(.1,.1);
    transform:rotateX(-64deg) scale(.1,.1);
    opacity:0
  }
  50% {
    opacity:1
  }
  100% {
    -webkit-transform:rotateX(-64deg) scale(1.2,1.2);
    transform:rotateX(-64deg) scale(1.2,1.2);
    opacity:0
  }
}
@keyframes cq-hotspot-pulsate {
  0% {
    -webkit-transform:rotateX(-64deg) scale(.1,.1);
    -ms-transform:rotateX(-64deg) scale(.1,.1);
    transform:rotateX(-64deg) scale(.1,.1);
    opacity:0
  }
  50% {
    -webkit-transform:rotateX(-64deg) scale(1,1);
    -ms-transform:rotateX(-64deg) scale(1,1);
    transform:rotateX(-64deg) scale(1,1);
    opacity:1
  }
  100% {
    -webkit-transform:rotateX(-64deg) scale(1.2,1.2);
    -ms-transform:rotateX(-64deg) scale(1.2,1.2);
    transform:rotateX(-64deg) scale(1.2,1.2);
    opacity:0
  }
}
@media screen and (min-width:480px) and (max-width:767px) {
  .popover {
    width:200px
  }
}
@media only screen and (min-width:160px) and (max-width:479px) {
  .popover {
    width:160px
  }
}
