/*
Theme Name: Прокапать
Author: Slava Khripushin
Author URI: https://t.me/s_khripushin
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

.manager {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #fff;
  z-index: 100;
  border-radius: 25px;
  padding: 25px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  box-shadow: 0px 16px 59px 0px rgba(83, 86, 95, 0.1), 0px 66px 107px 0px rgba(83, 86, 95, 0.09), 0px 148px 145px 0px rgba(83, 86, 95, 0.05), 0px 264px 171px 0px rgba(83, 86, 95, 0.01);
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
  transition: .25s; }
  .manager-photo {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    object-fit: cover;
    object-position: center; }
  .manager-name {
    font-weight: 600;
    line-height: 1.25;
    margin-top: 10px; }
  .manager-spec {
    margin-top: 5px;
    font-size: 12px;
    opacity: 0.5;
    margin-bottom: 15px;
    font-weight: 500; }
  .manager-whatsapp {
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 700;
    justify-content: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    background: #7DC76B;
    box-shadow: 4px 3px 13px 0px rgba(255, 255, 255, 0.25) inset;
    color: #fff;
    font-size: 13px; }

  .manager-phone {
    font-size: 18px;
    font-weight: 600; }
    .manager-phone i {
      opacity: 0.1;
      font-style: normal; }
  .manager-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 40;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 9L27 27M9 27L27 9L9 27Z' stroke='%2318181B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/cover; }
  .manager.hide {
    transform: translateX(calc(100% + 30px));
    opacity: 0;
    pointer-events: none; }
  .manager-icon {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    border-top-left-radius: 40px; }
    .manager-icon::before {
      content: '';
      position: absolute;
      top: 6px;
      right: 6px;
      width: 16px;
      height: 16px;
      border-radius: 100%;
      background: #7dc76b;
      border: 3px solid #fff;
      animation: online 2s linear infinite; }
    .manager-icon img {
      width: 80px;
      height: 80px;
      border-radius: 100%;
      object-fit: cover;
      object-position: center;
      cursor: pointer;
      box-shadow: 0px 16px 59px 0px rgba(83, 86, 95, 0.1), 0px 66px 107px 0px rgba(83, 86, 95, 0.09), 0px 148px 145px 0px rgba(83, 86, 95, 0.05), 0px 264px 171px 0px rgba(83, 86, 95, 0.01);
      border: 3px solid #fff; }
    .manager-icon span {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 100%;
      pointer-events: none; }
      .manager-icon span::before, .manager-icon span::after {
        content: '';
        display: block;
        position: absolute;
        border: 2px solid #7dc76b;
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        border-radius: 50%;
        opacity: 0;
        animation: pulse 1.8s linear infinite; }
      .manager-icon span::after {
        animation-delay: .5s; }

@keyframes pulse {
  0% {
    transform: scale(0.5);
    opacity: 0; }
  50% {
    opacity: .4; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

@keyframes online {
  0% {
    background: #23d323; }
  40% {
    background: #23d323; }
  50% {
    background: #fff; }
  60% {
    background: #23d323; }
  100% {
    background: #23d323; } }

@keyframes size {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.05); }
  100% {
    transform: scale(1); } }

@media(max-width: 576px) {
	.manager,.manager-icon {
        right: 10px;
        bottom: 10px
    }

    .manager-icon::before {
        top: 3px;
        right: 3px;
        border: 2px solid #fff;
        width: 14px;
        height: 14px
    }

    .manager-icon img {
        width: 60px;
        height: 60px;
        border: 2px solid #fff
    }
}
.art_text h2{
  padding: 20px 0;
}
.art_text p{
  margin-bottom: 20px;
}
html body .drunk{
  padding-top: 70px;
}