/* Credit:https://www.facebook.com/Mido.HHH */

/*||||||||||||||||||||||||||||||||| GENERAL ||||||||||||||||||||||||||||||*/

@font-face{font-family:OSWALD-BOLD; src:url(../fonts/OSWALD-BOLD.TTF);}
@font-face{font-family:OSWALD-regular; src:url(../fonts/OSWALD-REGULAR.TTF);}
@font-face{font-family:Economica-Regular; src:url(../fonts/Economica-Regular.TTF);}
@font-face{font-family:Economica-Bold; src:url(../fonts/Economica-Bold.TTF);}

  .contactwrapper .staff{ position:absolute;}
 /*.contactwrapper .staff ul li img{border:3px solid #ff5a0b; border-radius:5px; margin:0px 3px 0px 3px; position:relative;
 opacity:0.4; }*/
.myimage2,.myimage3,.myimage4,.myimage5,.myimage6{/*border:3px solid #ff5a0b; border-radius:5px;*/ margin:0px 10px 0px 10px; position:relative;
 opacity:0.4; cursor:pointer;}
 .myimage{/*border:3px solid #ff5a0b; border-radius:5px;*/ margin:0px 10px 0px 10px; position:relative;
 opacity:0.4; cursor:pointer;}
 
 .staff ul {list-style:none;}
  .staff ul li{float:left;}
 .pop{}
.firstpop{position:relative; left:0px; top:134px;  z-index:999; opacity:1;}
.secondpop{position:relative; left:-315px; top:134px; ; z-index:900; opacity:0;}
.thirdpop{position:relative; left:365px; top:18px;  z-index:900; opacity:0; }
.fourthpop{position:relative; left:60px; top:19px;  z-index:900; opacity:0; }
.fifthpop{position:relative; left:557px; top:-98px;  z-index:900; opacity:0; }
.sixthpop{position:relative; left:208px; top:-97px;  z-index:900; opacity:0; }

 
 /*||||||||||||||||||||||||||||||||| ANIMATIONS ||||||||||||||||||||||||||||||*/

 .contactwrapper {
    padding-top: 17.3%;
}

@keyframes bou {
  0%, 20%, 50%, 80%, 100% {
    
    transform: translateY(0);
  }

  40% {
    
    transform: translateY(-4px);
  }

  60% {
    
    transform: translateY(-4px);
  }
}
 
 
 
 @-webkit-keyframes bou {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform:translateY(-4px);
    transform: translateY(-4px);
  }

  60% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
}
 
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}