/* iOS Cordova Tweak */
.device-cordova.device-ios {
  height: 100vh;
}
/* tapnocracy common */
.tap-web-content{
  position:absolute;
  left:420px;
  display:none;
  margin-right:40px;

  transition: .3s;
}
.tap-web-content-floater{
  position:absolute;
  background-color:#FF0000;
  color:#FFF;
  border-radius:5px;
  padding:2px;
  padding-left:7px;
  padding-right:7px;
  font-family:IMPACT;
  font-size:14px;
  margin-top:177px;
  margin-left:320px;
}
.tap-web-content-title{
  font-family:Annie Use Your Telescope;
  font-size:140px;
  color:rgb(61, 182, 18);
  padding:0px;
  margin-top:40px;
  line-height:120px;
}
.tap-web-content-subtitle{
  font-family:Annie Use Your Telescope;
  font-size:30px;
  color:rgb(233, 203, 78);
  margin-top:5px;
  margin-left:25px;
}
.tap-web-content-text{
  font-family:verdana;
  font-size:12px;
}
.tap-pers{

}


.tap-mobile{
  border-radius:2px;
  overflow:hidden;
  padding:0px;
  margin:0px;

  -ms-overflow-style: none;
}
.tap-mobile::-webkit-scrollbar {
  display: none;
}
.tap-pers-sim{
  perspective: 2500px;

  position:absolute;

}
.tap-mobile-sim{
  padding:3px;
  border-radius:6px;
  background-color:rgb(0, 0, 0);
  position:absolute;
  width:375px;
  height:650px;
  top:40px;
  left:30px;
  overflow:hidden;


  transition: .3s;
  transform: rotateY(40deg);


}
.tap-app-sim{
  padding:0px;
  margin:0px;
  border-radius:2px;
}
.tap-pers-sim:hover .tap-mobile-sim {
  /*
  transform: rotate(0);
  box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.5);
  left:40px;
  */


}
.tap-app{
  width:100%;
  height:100%;
  overflow:hidden;
  padding:0px;
  margin:0px;
}

/* app custom styles here */
.tr-view{
  background-color:rgb(175, 213, 137);
}
.tr-page{
  background-color:rgb(175, 213, 137);
}
.tr-navbar{
  display:none;
}
.tr-toolbar-bottom{
  background-color:#744d18;
}

.tr-flower-bougenville{
  position:absolute;
  width:115px;
  height:142px;
}

/*animated web demo cursor*/
#follower {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index:20000;
  pointer-events:none;
  opacity:0;
}
#follower #circle1 {
  position: absolute;
  /*
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  */

  background: rgba(255,255,255,0.8);
  border-radius: 50%;
  height: 24px;
  width: 24px;

}
#follower #circle2 {
  position: absolute;
  /*
  -webkit-animation: pulse 4s infinite;
  animation: pulse 4s infinite;
  */

  background: rgba(200,0,0,0.5);
  border-radius: 50%;
  height: 18px;
  width: 18px;
  margin:3px;
}
@-moz-keyframes pulse {
  0% {
    opacity: 0.2;
    height: 1em;
    width: 1em;
    margin-top: -0.5em;
    margin-left: -0.5em;
  }
  50% {
    opacity: 0.9;
    height: 3em;
    width: 3em;
    margin-top: -1.5em;
    margin-left: -1.5em;
  }
  100% {
    opacity: 0.2;
    height: 1em;
    width: 1em;
    margin-top: -0.5em;
    margin-left: -0.5em;
  }
}
@-webkit-keyframes pulse {
  0% {
    opacity: 0.2;
    height: 1em;
    width: 1em;
    margin-top: -0.5em;
    margin-left: -0.5em;
  }
  50% {
    opacity: 0.9;
    height: 3em;
    width: 3em;
    margin-top: -1.5em;
    margin-left: -1.5em;
  }
  100% {
    opacity: 0.2;
    height: 1em;
    width: 1em;
    margin-top: -0.5em;
    margin-left: -0.5em;
  }
}
@-o-keyframes pulse {
  0% {
    opacity: 0.2;
    height: 1em;
    width: 1em;
    margin-top: -0.5em;
    margin-left: -0.5em;
  }
  50% {
    opacity: 0.9;
    height: 3em;
    width: 3em;
    margin-top: -1.5em;
    margin-left: -1.5em;
  }
  100% {
    opacity: 0.2;
    height: 1em;
    width: 1em;
    margin-top: -0.5em;
    margin-left: -0.5em;
  }
}
@keyframes pulse {
  0% {
    opacity: 0.2;
    height: 1em;
    width: 1em;
    margin-top: -0.5em;
    margin-left: -0.5em;
  }
  50% {
    opacity: 0.9;
    height: 3em;
    width: 3em;
    margin-top: -1.5em;
    margin-left: -1.5em;
  }
  100% {
    opacity: 0.2;
    height: 1em;
    width: 1em;
    margin-top: -0.5em;
    margin-left: -0.5em;
  }
}
/*end web cursor*/