@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }	
	50% { -webkit-transform: scale(1.2); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }	
	50% { -moz-transform: scale(1.2); }
    100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(1); }	
	50% { -o-transform: scale(1.2); }
    100% { -o-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }	
	50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

.pulse  {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	
	
}


@-webkit-keyframes rebond {
    0% { -webkit-transform: translateY(0px) translateX(20px) rotate(0deg) scaleX(1) ; }	
	50% { -webkit-transform: translateY(10px) translateX(20px) rotate(0deg) scaleX(0) ; }
    100% { -webkit-transform: translateY(0px) translateX(20px) rotate(0deg) scaleX(1)  ; }	
}
@-moz-keyframes rebond {
    0% { -moz-transform: translateY(0px) translateX(20px) rotate(0deg) scaleX(1) ; }
	50% { -moz-transform: translateY(10px) translateX(20px) rotate(0deg) scaleX(0) ; }
    100% { -moz-transform: translateY(0px) translateX(20px) rotate(0deg) scaleX(1) ; }
}
@-o-keyframes rebond {
    0% { -o-transform: translateY(0px) translateX(20px) rotate(0deg) scaleX(1) ; }
	50% { -o-transform: translateY(10px) translateX(20px) rotate(0deg) scaleX(0) ; }
    100% { -o-transform: translateY(0px) translateX(20px) rotate(0deg) scaleX(1) ; }
}
@keyframes rebond {
    0% { transform: translateY(0px) translateX(20px) rotate(0deg) scaleX(1) ; }
	50% { transform: translateY(10px) translateX(20px) rotate(0deg) scaleX(0) ; }
    100% { transform: translateY(0px) translateX(20px) rotate(0deg) scaleX(1) ; }
}

.rebond {
	-webkit-animation-name: rebond;
	-moz-animation-name: rebond;
	-o-animation-name: rebond;
	animation-name: rebond;
	-webkit-animation-duration: 3s;
	-moz-animation-duration: 3s;
	-o-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	
	
	
}


@-webkit-keyframes pivot {
    0% { -webkit-transform: rotate(0deg); }	
	50% { -webkit-transform: rotate(180deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes pivot {
    0% { -moz-transform: rotate(0deg); }	
	50% { -moz-transform: rotate(180deg); }
    100% { -moz-transform: rotate(360deg); }
}
@-o-keyframes pivot {
    0% { -o-transform: rotate(0deg); }	
	50% { -o-transform: rotate(180deg); }
    100% { -o-transform: rotate(360deg); }
}
@keyframes pivot {
    0% { transform: rotate(0deg); }	
	50% { transform: rotate(180deg); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes fade {
    0%   { opacity: 0; }
  10%  { opacity: 0.6; }
  20%  { opacity: 0; }
  30%  { opacity: 0.4; }
  40%  { opacity: 0; }
  50%  { opacity: 0.6; }
  60%  { opacity: 0; }
  70%  { opacity: 0.2; }
  80%  { opacity: 0; }
  90%  { opacity: 0.4; }
  100% { opacity: 0; }
}

@-moz-webkit-keyframes fade {
    0%   { opacity: 0; }
  10%  { opacity: 0.6; }
  20%  { opacity: 0; }
  30%  { opacity: 0.4; }
  40%  { opacity: 0; }
  50%  { opacity: 0.6; }
  60%  { opacity: 0; }
  70%  { opacity: 0.2; }
  80%  { opacity: 0; }
  90%  { opacity: 0.4; }
  100% { opacity: 0; }
}

@-o-webkit-keyframes fade {
    0%   { opacity: 0; }
  10%  { opacity: 0.6; }
  20%  { opacity: 0; }
  30%  { opacity: 0.4; }
  40%  { opacity: 0; }
  50%  { opacity: 0.6; }
  60%  { opacity: 0; }
  70%  { opacity: 0.2; }
  80%  { opacity: 0; }
  90%  { opacity: 0.4; }
  100% { opacity: 0; }
}

@keyframes fade {
  0%   { opacity: 0; }
  10%  { opacity: 0.6; }
  20%  { opacity: 0; }
  30%  { opacity: 0.4; }
  40%  { opacity: 0; }
  50%  { opacity: 0.6; }
  60%  { opacity: 0; }
  70%  { opacity: 0.2; }
  80%  { opacity: 0; }
  90%  { opacity: 0.4; }
  100% { opacity: 0; }
}

.fade  {
	-webkit-animation-name: fade;
	-moz-animation-name: fade;
	-o-animation-name: fade;
	animation-name: fade;
	-webkit-animation-duration: 30s;
	-moz-animation-duration: 30s;
	-o-animation-duration: 30s;
	animation-duration: 30s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	
	
}


.pivot  {
	-webkit-animation-name: pivot;
	-moz-animation-name: pivot;
	-o-animation-name: pivot;
	animation-name: pivot;
	-webkit-animation-duration: 10s;
	-moz-animation-duration: 10s;
	-o-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	
	
}

.absolute2 {
	position:absolute;
	top : 0px;
	left : 50%;
	margin-left : -300px;
	
}


.pivot2  {
	-webkit-animation-name: pivot;
	-moz-animation-name: pivot;
	-o-animation-name: pivot;
	animation-name: pivot;
	-webkit-animation-duration: 90s;
	-moz-animation-duration: 90s;
	-o-animation-duration: 90s;
	animation-duration: 90s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	
	
}

.pivot3  {
	-webkit-animation-name: pivot;
	-moz-animation-name: pivot;
	-o-animation-name: pivot;
	animation-name: pivot;
	-webkit-animation-duration: 360s;
	-moz-animation-duration: 360s;
	-o-animation-duration: 360s;
	animation-duration: 360s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	
	
}


.pivot4  {
	-webkit-animation-name: pivot;
	-moz-animation-name: pivot;
	-o-animation-name: pivot;
	animation-name: pivot;
	-webkit-animation-duration: 240s;
	-moz-animation-duration: 240s;
	-o-animation-duration: 240s;
	animation-duration: 240s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	
	
}

.pivotinv  {
	-webkit-animation-name: pivot;
	-moz-animation-name: pivot;
	-o-animation-name: pivot;
	animation-name: pivot;
	-webkit-animation-duration: 10s;
	-moz-animation-duration: 10s;
	-o-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-direction: reverse;
	-moz-animation-direction: reverse;
	-o-animation-direction: reverse;
	animation-direction: reverse;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	
	
}


.pivotinverse {
	-webkit-animation-name: pivot;
	-moz-animation-name: pivot;
	-o-animation-name: pivot;
	animation-name: pivot;
	-webkit-animation-duration: 90s;
	-moz-animation-duration: 90s;
	-o-animation-duration: 90s;
	animation-duration: 90s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-direction: reverse;
	-moz-animation-direction: reverse;
	-o-animation-direction: reverse;
	animation-direction: reverse;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	
	
}


@-webkit-keyframes fadepivot {
  0%   { opacity: 1; -webkit-transform: rotate(0deg);}
  
  50%  { opacity: 0.7; -webkit-transform: rotate(180deg); }
  
  100% { opacity: 1; -webkit-transform: rotate(360deg);}
}

@-moz-keyframes fadepivot {
  0%   { opacity: 1; -moz-transform: rotate(0deg);}
  
  50%  { opacity: 0.7; -moz-transform: rotate(180deg); }
  
  100% { opacity: 1; -moz-transform: rotate(360deg);}
}

@-o-keyframes fadepivot {
  0%   { opacity: 1; -o-transform: rotate(0deg);}
  
  50%  { opacity: 0.7; -o-transform: rotate(180deg); }
  
  100% { opacity: 1; -o-transform: rotate(360deg);}
}

@keyframes fadepivot {
  0%   { opacity: 1; transform: rotate(0deg);}
  
  50%  { opacity: 0.7; transform: rotate(180deg); }
  
  100% { opacity: 1; transform: rotate(360deg);}
}

.fadepivot  {
	-webkit-animation-name: fadepivot;
	-moz-animation-name: fadepivot;
	-o-animation-name: fadepivot;
	animation-name: fadepivot;
	-webkit-animation-duration: 180s;
	-moz-animation-duration: 180s;
	-o-animation-duration: 180s;
	animation-duration: 180s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	
	
}


@-webkit-keyframes fadepivot2 {
  0%   { opacity: 0.7; -webkit-transform: rotate(0deg) scale(0.5);}
  
  50%  { opacity: 1; -webkit-transform: rotate(180deg) scale(1);}
  
  100% { opacity: 0.7; -webkit-transform: rotate(360deg) scale(0.5);}
}

@-moz-keyframes fadepivot2 {
  0%   { opacity: 0.7; -moz-transform: rotate(0deg) scale(0.5);}
  
  50%  { opacity: 1; -moz-transform: rotate(180deg) scale(1);}
  
  100% { opacity: 0.7; -moz-transform: rotate(360deg) scale(0.5);}
}

@-o-keyframes fadepivot2 {
  0%   { opacity: 0.7; -o-transform: rotate(0deg) scale(0.5);}
  
  50%  { opacity: 1; -o-transform: rotate(180deg) scale(1);}
  
  100% { opacity: 0.7; -o-transform: rotate(360deg) scale(0.5);}
}

@keyframes fadepivot2 {
  0%   { opacity: 0.7; transform: rotate(0deg) scale(0.5);}
  
  50%  { opacity: 1; transform: rotate(180deg) scale(1);}
  
  100% { opacity: 0.7; transform: rotate(360deg) scale(0.5);}
}
.fadepivot2  {
	-webkit-animation-name: fadepivot2;
	-moz-animation-name: fadepivot2;
	-o-animation-name: fadepivot2;
	animation-name: fadepivot2;
	-webkit-animation-duration: 240s;
	-moz-animation-duration: 240s;
	-o-animation-duration: 240s;
	animation-duration: 240s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	
	
}


@-webkit-keyframes fadepivot3 {
  0%   { opacity: 0; -webkit-transform: rotate(0deg);}
  
  50%  { opacity: 1; -webkit-transform: rotate(180deg);}
  
  100% { opacity: 0; -webkit-transform: rotate(360deg);}
}

@-moz-keyframes fadepivot3 {
  0%   { opacity: 0; -moz-transform: rotate(0deg);}
  
  50%  { opacity: 1; -moz-transform: rotate(180deg);}
  
  100% { opacity: 0; -moz-transform: rotate(360deg);}
}

@-o-keyframes fadepivot3 {
  0%   { opacity: 0; -o-transform: rotate(0deg);}
  
  50%  { opacity: 1; -o-transform: rotate(180deg);}
  
  100% { opacity: 0; -o-transform: rotate(360deg);}
}

@keyframes fadepivot3 {
  0%   { opacity: 0; transform: rotate(0deg);}
  
  50%  { opacity: 1; transform: rotate(180deg);}
  
  100% { opacity: 0; transform: rotate(360deg);}
}
.fadepivot3  {
	-webkit-animation-name: fadepivot3;
	-moz-animation-name: fadepivot3;
	-o-animation-name: fadepivot3;
	animation-name: fadepivot3;
	-webkit-animation-duration: 240s;
	-moz-animation-duration: 240s;
	-o-animation-duration: 240s;
	animation-duration: 240s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	
	
}