* {
    margin: 0;
}

#overlay {
    background-color: rgba(0,0,0,0.75);
    position: fixed;
    z-index: 99999999999 !important;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    animation-delay: .2s;
    animation-duration: .5s;
}

#popup {
    position: fixed;
    bottom: 0;
    z-index: 99999999999 !important;
    display: block;
    box-sizing: border-box;
    width: 100%;
    background: #fff;
    box-shadow: 0 -10px 7px 0 rgba(0,0,0,.2);
    border-radius: 0px 0px 0 0;
    padding: 1.5em 12px;
    font-family: Montserrat;
    /* Анимация */
    animation-delay: .5s;
    animation-duration: .5s;
}

    #popup .popup_grid {
      display: grid;
      grid-template-columns: 1fr 2fr;
      grid-template-rows: 1fr 1fr auto;
      grid-column-gap: 8px;
      grid-template-areas:
        "img text  "
        "img text  "
        "img button ";
        align-items: center;
    }
    .img {
        grid-area: img;
    }
    .pText {
        grid-area: text;
    }
    .pButton {
      grid-area: button;
    }
        #popup .popup_grid img {
          width: 90%;
        }
        #popup .popup_grid h3 {
          margin: 4px 0;
          font-size: 18px;
          color: #000;
        }
        #popup .popup_grid p {
          font-size: 14px;
          color: #000;
        }

        .pButton {
          display: grid;
          grid-template-columns: auto auto;
          grid-column-gap: 12px;
          align-items: center;
        }

        .button_close,
        .button_install {
          cursor: pointer;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          height: 40px;
          margin: 12px 0px;
          background: #ff6c00;
          border-radius: 6px;
          padding: 0 0px;
          text-align: center;
          text-decoration: none;
          text-transform: uppercase;
          font-size: 14px;
          font-weight: 700;
          color: #fff;
        }

@media screen and (max-width: 321px) {
    #popup .popup_grid img {
      width: 90%;
    }
    #popup .popup_grid h3 {
      font-size: 16px;
    }
    #popup .popup_grid p {
        font-size: 12px;
    }
    .button_close,
    .button_install {
      font-size: 12px;
    }
}



.hidden{
	opacity: 0;
}

.visible{
	opacity: 1;
}