.pwa_d_installads_block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #3a873d;
  background-color: #2c3e50;
  background-image: url('../img/pwa/adsPwaBG.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.pwa_d_installads_title {
  color: #fff;
  font-size: 18px;
  line-height: 19px;
  font-weight: 700;
}

.pwa_d_installads_txt {
  color: #fff;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
}

.pwa_d_installads_txtholder {
  width: 100%;
}

.pwa_d_installads_cta {
  padding: 6px 12px;
  border-radius: 4px;
  background-color: #4caf50;
  color: #fff;
  font-size: 18px;
  line-height: 21px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.pwa_d_push {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 280px;
  padding: 6px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 8px;
  border: 1px solid #3a873d;
  border-radius: 8px;
  background-color: #34495e;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.pwa_d_ipush_iconblock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  height: 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #4caf50;
  border-radius: 4px;
  background-color: #2c3e50;
}

.pwa_d_push_icon {
  width: 24px;
  height: 24px;
}

.pwa_d_push_txtblock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #dbdbdb;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
}

.pwa_d_push_title {
  color: #fff;
  line-height: 16px;
  font-weight: 700;
}

.pwa_d_push_arrow {
  width: 24px;
  height: 24px;
}

.pwa_d_instructions_chrome-a {
  position: relative;
  width: 328px;
  padding-top: 16px;
  border: 2px solid #3a873d;
  border-radius: 8px;
  background-color: #2c3e50;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.pwa_d_instructions_title {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 22px;
  line-height: 24px;
  font-weight: 700;
}

.pwa_d_intructions_intro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 32px;
  padding-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-row-gap: 8px;
}

.pwa_d_instructions_txt {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #e7ebea;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
}

.pwa_d_intructions_howto {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-row-gap: 12px;
}

.pwa_d_instructions_step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 8px;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}

.pwa_d_instructions_stepblock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  height: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 4px;
  background-color: #4caf50;
}

.pwa_d_instructions_steptxt {
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}

.pwa_d_instructions_footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-height: 164px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-image: url('../img/pwa/popartbg.png');
  background-position: 75% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.pwa_d_instructions_footer > div {
  flex: 0 1 50%;
}

.pwa_d_instructions_footer_txtblock {
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 8px;
}

.pwa_d_instructions_footer_title {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}

.pwa_d_instructions_footer_imgblock {
  height: 75%;
  
}

.pwa_d_instructions_footer_imgblock img {
  display: block;
  width: 100%;
}

.pwa_d_instructions_close {
  position: absolute;
  left: auto;
  top: 8px;
  right: 8px;
  bottom: auto;
  cursor: pointer;
}

.container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-row-gap: 16px;
}

.pwa_d_instructions_firefox-a {
  position: relative;
  width: 328px;
  padding-top: 16px;
  border: 2px solid #3a873d;
  border-radius: 8px;
  background-color: #2c3e50;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.pwa_d_instructions_opera-a {
  position: relative;
  width: 328px;
  padding-top: 16px;
  border: 2px solid #3a873d;
  border-radius: 8px;
  background-color: #2c3e50;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.pwa_d_instructions_edge-a {
  position: relative;
  width: 328px;
  padding-top: 16px;
  border: 2px solid #3a873d;
  border-radius: 8px;
  background-color: #2c3e50;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.pwa_d_instructions_chrome-d-m {
  position: relative;
  width: 328px;
  padding-top: 16px;
  border: 2px solid #3a873d;
  border-radius: 8px;
  background-color: #2c3e50;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.d-pwa_d_instructions_cta {
  margin-right: auto;
  margin-left: auto;
  padding: 8px 16px;
  border-radius: 4px;
  background-color: #4caf50;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.pwa_d_instructions_edge-d-m {
  position: relative;
  width: 328px;
  padding-top: 16px;
  border: 2px solid #3a873d;
  border-radius: 8px;
  background-color: #2c3e50;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.pwa_d_instructions_safari-x {
  position: relative;
  width: 328px;
  padding-top: 16px;
  border: 2px solid #3a873d;
  border-radius: 8px;
  background-color: #2c3e50;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

@media screen and (max-width: 991px) {
  .pwa_d_installads_block {
    padding: 6px;
  }

  .pwa_d_installads_title {
    font-size: 14px;
    line-height: 16px;
  }

  .pwa_d_installads_txt {
    font-size: 12px;
    line-height: 15px;
  }

  .pwa_d_installads_txtholder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-row-gap: 2px;
  }

  .pwa_d_installads_cta {
    padding-right: 8px;
    padding-left: 8px;
    font-size: 14px;
    line-height: 16px;
  }
}

@media screen and (max-width: 767px) {
  .pwa_d_installads_block {
    padding: 8px;
  }

  .pwa_d_installads_title {
    font-size: 16px;
    line-height: 18px;
  }

  .pwa_d_installads_txt {
    font-size: 14px;
    line-height: 16px;
  }

  .pwa_d_installads_cta {
    padding: 8px 16px;
  }
}

@media screen and (max-width: 479px) {
  .pwa_d_installads_block {
    padding: 12px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .pwa_d_installads_title {
    font-size: 22px;
    line-height: 28px;
  }

  .pwa_d_installads_txt {
    font-size: 16px;
    line-height: 18px;
  }

  .pwa_d_installads_cta {
    font-size: 18px;
    line-height: 24px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }

  .pwa_d_push {
    width: 95%;
  }

  .pwa_d_ipush_iconblock {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .pwa_d_instructions_chrome-a {
    width: 95%;
    max-width: 328px;
  }

  .pwa_d_instructions_firefox-a {
    width: 95%;
    max-width: 328px;
  }

  .pwa_d_instructions_opera-a {
    width: 95%;
    max-width: 328px;
  }

  .pwa_d_instructions_edge-a {
    width: 95%;
    max-width: 328px;
  }

  .pwa_d_instructions_chrome-d-m {
    width: 95%;
    max-width: 328px;
  }

  .pwa_d_instructions_edge-d-m {
    width: 95%;
    max-width: 328px;
  }

  .pwa_d_instructions_safari-x {
    width: 95%;
    max-width: 328px;
  }
}

@media screen and (max-width: 425px) {
  .pwa_d_installads_title {
    font-size: 18px;
    line-height: 22px;
  }

  .pwa_d_installads_txt {
    font-size: 14px;
    line-height: 16px;
  }
}

/* Push notification */

.pwa_d_push {
  position: fixed;
  z-index: 998;
  bottom: -100%;
  left: 50%;
  transform: translate(-50%);
  opacity: 0;
  visibility: hidden;
}

.pwa_d_push.active {
  animation-name: fadeInBottom; 
  animation-duration: 1s;
  animation-fill-mode: both;
}

@keyframes fadeInBottom {
  from {
      opacity: 0;
      bottom: -100%;
      visibility: hidden;
  }
  to { 
       opacity: 1;
       bottom: 20px;
       visibility: visible;
    }
}


.pwaModal {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  z-index: 99999;
}

.pwaModal.active {
  display: block;
}

.pwaModal .browser {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: none;
}