#delletComment{
fill: #000000;   
}
#delletComment:hover{
fill: #fff;   
}
.butCommentNotA:hover #delletComment{
fill: #fff;   
}
.audioTrackNotA{
  width: 100%;
  max-width: 400px;
  border-radius: 30px;
background: #28702a;
height: 32px;
margin-top: 25px;
margin-bottom: 25px;
border: 0.5px solid green;
}


.pulsaudio {
  -webkit-animation: pulsaudio 1.2s ease-in-out infinite both;
  animation: pulsaudio 1.2s ease-in-out infinite both;
  width: 85px;
    height: 85px;
    background: #4cb151;
    border-radius: 50%;
    position: absolute;
    display: none;
    margin-top: -11px;
    margin-left: 15px;
}

.notaDesc{
  padding: 0px 15px 15px 15px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: center;
  align-items: stretch;
}
@-webkit-keyframes pulsaudio {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0.8;
  }
  80% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0.3;
  }
  100% {
    -webkit-transform: scale(2.2);
            transform: scale(2.2);
    opacity: 0;
  }
}
@keyframes pulsaudio {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0.8;
  }
  80% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0.3;
  }
  100% {
    -webkit-transform: scale(2.2);
            transform: scale(2.2);
    opacity: 0;
  }
}
/**/
.audio svg path{
  fill: #c7cac7;
}

.controllersAudio svg {
  width: 58px;
  height: 58px;
  opacity: .5;
  position: absolute;
  margin-top: 0px;
  margin-left: 0%;
  z-index: 2;
}
.controllersAudioMassiv {
  width: 80px;
  position: relative;
  margin-top: -77px;
  border: none;
  background: none;
  width: 80px;
  margin-left: -79px;
}
.controllersAudio:hover:active svg path {
  fill: #1e5322;
}

.controllersAudio:hover:active svg {
  width: 58px;
  height: 58px;
  position: absolute;
  margin-top: 0px;
  margin-left: 0%;
}
.controllersAudioMassiv:hover:active svg {
  width: 88px;
  height: 88px;
  position: absolute;
  margin-top: 0px;
  margin-left: 0%;
}
.controllersAudioMassiv svg {
  width: 88px;
  height: 88px;
  opacity: .5;
  position: absolute;
  margin-top: 0px;
  margin-left: 0%;
  z-index: 2;
}
.controllersAudio:hover svg path {
  fill: #135c13;
  stroke: #135c13;
}

.controllersAudio svg path{
  fill: none;
  stroke: #000000;
}

.controllersAudio svg {
  width: 58px;
  height: 58px;
  z-index: 2;
  margin-top: 0px;
  margin-left: 0rem;
}

.controllersAudio:hover:active svg path {
  fill: #1e5322;
  stroke: #1e5322;
}
/**/

.audio{
width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.controllersAudio{
width: 73px;
position: relative;
margin-top: -62px;
border: none;
background: none;
}
.container{
  border-radius: 9px;
  margin: 20px 0;
  }

  .lovePlant {
    position: relative;
    right: 0px;
    text-align: right;
    cursor: pointer;
  }
  
  .userLove {
    position: absolute;
    margin-top: 5px;
    font-weight: 450;
    color: #2a2a2a;
    font-family: "Roboto", sans-serif;
    padding: 5px;
    padding-left: 9px;
    font-size: .8rem;
  }
  .userAvatarLove{
    position: absolute;
    left: 80px;
    width: 166px;
    height: 35px; 
  }
  
  .butCommentNotA{
  padding: 10px;
  border: none;
  cursor: pointer;
  outline: none;
  background: none;
  top: -4px;
  position: absolute;
  z-index: 2;
  color: grey;
  }
  .butCommentNotA:hover {
  padding: 10px;
  border: none;
  cursor: pointer;
  outline: none;
  border-radius: 9px;
  background: #272727;
  color: #fff;
  }


 @media (min-width: 400px){
    .activeBlockWOneView{
display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center; 
     }
}
 @media (max-width: 400px){
    .activeBlockWOneView{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
            row-gap: 4px;
        column-gap: 8px;
     }
}

 @media (min-width: 543px){
     .userBlockFrend{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: flex-start;
    align-items: center;  
     }
}
 @media (max-width: 542px){
     .userBlockFrend{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start; 
            row-gap: 4px;
        column-gap: 8px;
        margin-left: 20px;
     }
.btnUserNew {
        background: none !important;
        height: 32px !important;
        color: #1c6ef3 !important;
        display: contents;
}
.btnUserNew:hover {
        color: #0a4cb7 !important;
        font-weight: 400;
}
}

 @media (min-width: 1139px){

.activeUserLike{
display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;    row-gap: 24px;
    column-gap: 18px;
    justify-content: center;
    align-items: center;
        width: fit-content;
        margin-right: 5%;
}
.activeBlockW{
width: 50%; 
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
     }
    .activeBlockWOne {
   width: 50%; 
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    }
     .shareUserPost{
margin-right: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: #f0f2f5;
    border-radius: 36px;
    padding-right: 16px;
                height:32px; 
    margin-left: 20px;
     }
     .commentFotoActiveBlock{
display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;    height: 60px;
    margin-top: 15px;
    margin-bottom: 15px;   
     }
}
 @media (max-width: 1139px){
.activeUserLike{
display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;    row-gap: 24px;
    column-gap: 18px;
    justify-content: center;
    align-items: center;
        width: fit-content;
}
     .shareUserPost{
margin-right: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-right: 16px;
    height:32px;  
     }
     .shareUserPosthidden, .shareUserPosthiddenSlesh{
        display: none; 
     }
     .commentFotoActiveBlock{
display: flex;
    justify-content: space-around;
    align-items: flex-end;
    align-content: flex-end;
    flex-wrap: nowrap;
    flex-direction: column;
    min-height: 60px;
    margin-top: 15px;
    margin-bottom: 15px; 
         row-gap: 24px;
        column-gap: 18px;
     }
     .activeBlockW{
width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
     }
    .activeBlockWOne {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
    }
}
    @media (min-width: 992px){

.notaMassiv {
        position: relative;
        height: fit-content;
        justify-content: left;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        overflow: scroll;
}

  .notaMain {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;
  }
  .commentFoto{
    position: relative;
    bottom: 10px;
    width: 100%;
}

.rightNotA {
  z-index:1;
        background: #fff;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
}
.imgFotoUser{
  max-height: 70vh;
  max-width: 100vh;
  min-width: auto;
}
.butCommentNotA{
  right: 0px;
    }

.userLoveImfCommentInput{
    width: 98%; 
    border: none; 
    height: 48px; 
  }

  }

  @media (max-width: 992px){
    .ya-share2__popup.ya-share2__popup_mobile.ya-share2__popup_visible .ya-share2__popup-content {
      bottom: 90px !important;
    }
      .rightNotA{
          margin-top: 20px;
          background: #fff;
      }
    .ya-share2__popup-content .ya-share2__popup-body {
      border-radius: 0px 0px 20px 20px !important;
  }
    .notaMassiv{
      position: relative;
      max-height: 88px;
      justify-content: left;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      align-content: flex-start;
      overflow: scroll;
      }

  .notaMain {
    z-index: 1;
  }
  .commentFoto{
    width: 100%;
}
.imgFotoUser{
  width: 100%;
  height: 100%;
  z-index: 23;
  position: relative;
  max-height: 65vh;
}
.butCommentNotA {
    right: 0px;
  }
  .container {
    margin-bottom: 80px;
  }
.u-layout{
    margin-bottom: 70px;
}
.notaMassiv {
    width: 98%;
}
.userLoveImfCommentInput{
    width: 100%;
    border: none;
  }
  }



  .userLoveImfCommentInput{
    padding: 0 0 0 10px;
    background: #fff;
    outline: none;
    height: 48px; 
  }