/* стилизация кнопки обр связи */
.talks-widget-button {
    background: #FF2A19;
    font-size: 0px;
    border-radius: 10px;
    transition: transform 0.3s;
   }
.talks-widget-button:after {
    content: "";
    background-image: url(https://fs18.getcourse.ru/fileservice/file/download/a/49038/sc/182/h/cd01d246e3ac43dc71e74699720a24bb.svg);
    background-size: cover;
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    left: 9px;
    top: 9px;
   
}

.talks-widget-button:hover

{
	-webkit-animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

@-webkit-keyframes shake-top {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}
@keyframes shake-top {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  10% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}

/* Стилизация кнопки в обратной связи*/
.conversation-list-footer .btn{
    font-family: "Futura PT", sans-serif!important;
    text-transform: uppercase;
    color: #121212!important;
    border-radius: 5px;
    background-color: #FFB619!important;
    border: none;
    padding: 10px;
   padding-left: 20px;
  padding-right: 20px;
    margin-top: 10px;
    transition: all 0.3s;  
}
.conversation-list-footer .btn:hover{
    transform: translatey(-5px);
}


/* _________СТРАНИЦА УВЕДОМЛЕНИЙ____________*/
/* Меняем шрифт на уведомлениях и не только */
.standard-page-content form{
font-family: "Futura PT", sans-serif!important;
  font-size: 16px; 
}


h1.uvedomlenia{
    font-family: "Iskra", sans-serif !important;
    font-weight: 500;
    font-size: 36px; 
    color: #077483 !important;
}


.form-group .btn.btn-primary {
    background-color: #FFB619!important;
    border-radius: 5px;
    border: none;
    text-decoration: none !important;
    position: relative;
    transition: all 0.3s;
    padding: 10px 28px;
    font-family: "Futura PT", sans-serif!important;
    font-size: 16px;
    line-height: 1.2;
    color: #121212!important;
    height: auto;
    font-weight: 500!important;
    min-height: auto;
    
}
.form-group .btn.btn-primary:hover {
   transform: translatey(-5px);
  
}

#vk-agree-vk-send-new{
  color: #FFF!important;
}