
.phones_block {
    text-align: right;
    /*background-color: #fff;*/
    padding: 10px 20px 5px 0px;
    z-index: 1000;
    /*float: right;*/
    display: inline-block;
}

/*.phones_block_inner {
    text-align:right;
    float:right;*/
    /*margin-left: 20px;*/    
    /*display: inline-block;
}*/

#phones_block_top .phone {
    margin-right: 40px;
    position: relative;
    bottom: 0px;
}

.phone img {
    white-space: nowrap;
    /*animation: pulse 0.8s infinite ease-in-out;*/
    animation: ring 5s infinite;
    position: relative;
    top: 13px;
    transform-origin: bottom;
    max-width: 83px;
}

.phone_our_link {
    position: relative;
    bottom: 15px;
    text-decoration: none !important;
}


.phones_block .phone * {
    font-family: Englebert, sans-serif;
    font-size: 50px;
    margin-left: 0px;
    padding-left: 0px;
    /*color: #2B7BA1;*/
    text-decoration: none !important;
}

#phones_block_top .messenger_link img,
#phones_block_top .popup_menu_btn img {
    max-width: 65px;
    position: relative;
    top: 0px;
}

#phones_block_top .popup_menu_btn img{
    top: 7px;
}

#phones_block_top .popup_menu_btn{
    margin-left:10px;
}

#phones_block_top .callback_btn_order {
    margin-right: 40px;
    margin-left: 15px;
}

#phones_block_top .callback_btn_order img{
    max-width: 265px;
    position: relative;
    top: 0px;
}


@keyframes ring {
  /* 0–28% (≈0.4s): вибрация */
  0%   { transform: rotate(0deg); }
  5%   { transform: rotate(2deg); }
  10%  { transform: rotate(-2deg); }
  15%  { transform: rotate(1deg); }
  20%  { transform: rotate(-1deg); }
  
  /* 32–100% (≈1s): пауза, без движения */
  100% { transform: rotate(0deg); }
}

@keyframes pulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.15); }
  100% { transform: scale(1); }
}

@keyframes shake {
  0%   { transform: translate(0, 0); }
  25%  { transform: translate(1px, -1px); }
  50%  { transform: translate(-1px, 1px); }
  75%  { transform: translate(1px, 1px); }
  100% { transform: translate(0, 0); }
}

/*.phone_type_block {
    display: inline-block;
    margin-left: 35px;
    margin-bottom: 5px;
    text-align: left;
    float: left;*/
    /*margin-top: 15px;*/
/*}*/

.messengers_block {
    /*text-align: left;*/
    /*margin-left: 0px;*/
    /*margin-top: -4px;*/
    display: inline-block;
}

