/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/


/*========================================================*/
.box_animation:hover {
  -webkit-animation: myanim 5s infinite; /* Safari 5, Chrome */
     -moz-animation: myanim 5s infinite; /* Firefox 5-15 */
       -o-animation: myanim 5s infinite; /* Opera 12+ */
          animation: myanim 5s infinite; /* Safari 5, Chrome, Firefox 16+ */
}

@-webkit-keyframes myanim {
  0%   { opacity: 0.0; }
  50%  { opacity: 0.5; }
  100% { opacity: 1.0; }
}
@-moz-keyframes myanim {
  0%   { opacity: 0.0; }
  50%  { opacity: 0.5; }
  100% { opacity: 1.0; }
}
@-o-keyframes myanim {
  0%   { opacity: 0.0; }
  50%  { opacity: 0.5; }
  100% { opacity: 1.0; }
}
@keyframes myanim {
  0%   { opacity: 0.0; }
  50%  { opacity: 0.5; }
  100% { opacity: 1.0; }
}

.jaanim {
  position: absolute;
  top: -999em;
  left: -999em;
  z-index: 9999;
}

@-webkit-keyframes batopacity {
  0%   { opacity: 1.0; }
  50%  { opacity: 0.0; }
  100% { opacity: 1.0; }
}
@-moz-keyframes batopacity {
  0%   { opacity: 1.0; }
  50%  { opacity: 0.0; }
  100% { opacity: 1.0; }
}
@-o-keyframes batopacity {
  0%   { opacity: 1.0; }
  50%  { opacity: 0.0; }
  100% { opacity: 1.0; }
}
@keyframes batopacity {
  0%   { opacity: 1.0; }
  50%  { opacity: 0.0; }
  100% { opacity: 1.0; }
}

.tipwrap{
  position: relative;
}

.jaatip {
  position: absolute;
  -webkit-transition: opacity 0.5s ease-out;
  opacity: 0;
  right:-100%;
  top:-10%;
  min-width: 200px;
}

.jaanim.zoomlv1 {
  -webkit-transform: scale(0.8);
     -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
       -o-transform: scale(0.8);
          transform: scale(0.8);
  z-index: 9998;
}

.jaanim.zoomlv2 {
  -webkit-transform: scale(0.6);
     -moz-transform: scale(0.6);
      -ms-transform: scale(0.6);
       -o-transform: scale(0.6);
          transform: scale(0.6);
    z-index: 9997;
}
.zoomlv2.dw-halloween .jaatip {
    -webkit-transform: scale(1.3);
     -moz-transform: scale(1.3);
      -ms-transform: scale(1.3);
       -o-transform: scale(1.3);
          transform: scale(1.3);
         
}
.jaanim.zoomlv3 {
  -webkit-transform: scale(0.4);
     -moz-transform: scale(0.4);
      -ms-transform: scale(0.4);
       -o-transform: scale(0.4);
          transform: scale(0.4);
    z-index: 9996;
}
.zoomlv3.dw-halloween .jaatip{
   -webkit-transform: scale(2);
     -moz-transform: scale(2);
      -ms-transform: scale(2);
       -o-transform: scale(2);
          transform: scale(2);
          right:-130%;
}


.dw-halloween .jaatip {
    right: -80%;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    border-radius: 8px 8px 8px 8px;
    color: #DDDDDD;
    opacity: 0.5;
    padding: 10px 15px;
}
.dw-halloween .jaatip:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    border-radius: 10px 10px 10px 10px;
    bottom: -6px;
    content: "";
    height: 8px;
    left: -8px;
    position: absolute;
    text-indent: -9999px;
    width: 8px;
}
.dw-halloween .jaatip:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    border-radius: 10px 10px 10px 10px;
    bottom: -9px;
    content: "";
    height: 6px;
    left: -16px;
    position: absolute;
    text-indent: -9999px;
    width: 6px;
}

.dw-halloween {
  opacity: 1;
}