@charset "UTF-8";@media screen,projection {/*Появление элементов*/
.hidd {
   visibility: none;
   opacity: 0;
   }

.gently {
   visibility: visible;
   opacity: 1;
   -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: gentl;
  animation-name: gentl;
  -webkit-animation-timing-function: easing;
    animation-timing-function: easing;
   }






.appear {
   -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: opacit;
  animation-name: opacit;
  -webkit-animation-timing-function: easing;
    animation-timing-function: easing;
   }









.fromtop {
   visibility: visible;
   opacity: 1;
   -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: top;
  animation-name: top;
  -webkit-animation-timing-function: easing;
    animation-timing-function: easing;
   }









.fromright {
   visibility: visible;
   opacity: 1;
   -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: right;
  animation-name: right;
  -webkit-animation-timing-function: easing;
    animation-timing-function: easing;
   }





.fromleft {
   visibility: visible;
   opacity: 1;
   -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: left;
  animation-name: left;
  -webkit-animation-timing-function: easing;
    animation-timing-function: easing;
   }







/*Крылышки*/

.krill {
  visibility: visible;
  opacity: 1;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: krill;
  animation-name: krill;
  animation-iteration-count: infinite; 
  -webkit-animation-iteration-count: infinite; 
  animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
   }
   



   
.krilr {
  visibility: visible;
  opacity: 1;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: krilr;
  animation-name: krilr;
  animation-iteration-count: infinite; 
  -webkit-animation-iteration-count: infinite; 
  animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
   }
   





/*парящий блок*/
.parblo {
  visibility: visible;
  opacity: 1;
  -webkit-animation-duration: 8s;
  animation-duration: 8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: parblo;
  animation-name: parblo;
  animation-iteration-count: infinite; 
  -webkit-animation-iteration-count: infinite; 
  animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
   }
   




/*Знак вопроса*/
.quest:hover .voprtext {
  visibility: visible;
  opacity: 1;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: voprtext;
  animation-name: voprtext;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
   }
   





/*ОФИС - телефон*/
.office-phone img, .tourist-phone, .barman-phone {
   -webkit-transition: all 0.4s;
   -moz-transition: all 0.4s;
   -o-transition: all 0.4s;
   }
   
.office-phone:hover img, .tourist-phone:hover, .barman-phone:hover {
   animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
   }


   


/*ОФИС - баблы*/

.office-phone:hover .topbubble {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  -webkit-animation-name: topbubble;
  animation-name: topbubble;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.ethernet:hover .topbubble1 {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
  -webkit-animation-name: topbubble;
  animation-name: topbubble;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}





/*ОФИС - ethernet*/
.ethernet:hover img {
   -webkit-animation-name: ether;
  animation-name: ether;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
   }
   

   


/*РЕСТОРАН - Девушка*/
.girlblock:hover .wi1b, .touristblock:hover .wi1b, .hipsterblock:hover .wi1b {
   -webkit-animation-name: wi1b;
  animation-name: wi1b;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
   }
   
.acti .wi1b {
   -webkit-animation-name: wi1b;
  animation-name: wi1b;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
   }
   




.girlblock:hover .wi2b, .touristblock:hover .wi2b, .hipsterblock:hover .wi2b {
   -webkit-animation-name: wi2b;
  animation-name: wi2b;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
   }
   
.acti .wi2b {
   -webkit-animation-name: wi2b;
  animation-name: wi2b;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
   }
   




.girlblock:hover .wi3b, .touristblock:hover .wi3b, .hipsterblock:hover .wi3b {
   -webkit-animation-name: wi3b;
  animation-name: wi3b;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
   }
   
.acti .wi3b {
   -webkit-animation-name: wi3b;
  animation-name: wi3b;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
   }
   




/*РЕСТОРАНЫ - баблы*/

.barman-phone:hover .topbubble {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  -webkit-animation-name: topbubble;
  animation-name: topbubble;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*РЕСТОРАНЫ - бармен*/
.barmen:hover .barmenhand {
  -webkit-animation-name: barmenhand;
  animation-name: barmenhand;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-transform-origin: 15% top;
    -moz-transform-origin: 15% top;
    -o-transform-origin: 15% top;
    -ms-transform-origin: 15% top;
    transform-origin: 15% top;
}






/*РЕСТОРАНЫ - хипстер*/
.hipsterblock:hover .flash-phone {
  -webkit-animation-name: hipster;
  animation-name: hipster;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}





/*Обратная связь*/
.rightphone {
  -webkit-animation-name: rightphone;
  animation-name: rightphone;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.rightphone.active {
  -webkit-animation-name: rightphone1;
  animation-name: rightphone1;
}










@media only screen and (max-width: 790px) {
/*парящий блок*/
.parblo {
  -webkit-animation-name: none;
  animation-name: none;
   }
   
.krill, .krilr {
   display: none;
   }
   
}}