

/* Замена логотипа */
.logo.gc-account-logo img{
  display: none;
}

/* Десктопный логотип */
.gc-account-logo {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  1margin-bottom:10px!important;
  width: 420px !important;
  height: 100px !important;
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/74662/sc/191/h/d37b57a222ab47ab5c7e9674532d6b6a.svg') !important;
  background-repeat: no-repeat !important;
  background-position: left !important;
  background-size: contain !important;
}
/* Добавляем нештатный логотип */
@media screen and (max-width: 767px) {
  .gc-account-logo {
    width: 350px !important;
    height: 130px !important;
    background: none !important;
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/74662/sc/299/h/9c8f05b4be8e7e1641e3c9dc3fd272e2.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 10px auto !important;
  }
}

@media screen and (max-width: 370px) {
  .gc-account-logo {
    width: 80vw !important;
    min-height: 130px !important;
    height: auto;
  }}

/* Замена логотипа внутри страниц уроков и внутри платформы */
.standard-logo{
  margin-bottom:10px!important;
  width: 420px;
  height: 100px;
  background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/74662/sc/191/h/d37b57a222ab47ab5c7e9674532d6b6a.svg')!important;  
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
}
.standard-logo img{
  display: none;
}



/* стилизация кнопки обр связи */
.talks-widget-button {
    background: #E61A54;
    font-size: 0px;
  box-shadow: none;
    border-radius: 10px;
    transition: transform 0.3s;
   }
.talks-widget-button:after {
    content: "";
    background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/74662/sc/245/h/f083cf7cc9cda9597a06571fdbd11360.png);
    background-size: cover;
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    left: 7px;
    top: 7px;
   
}

.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);
  }
}

