.bndlr-button-disabled {
  opacity: .7;
  pointer-events: none;
  cursor: not-allowed
}

.terms-panikka {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  text-align: right;
  line-height: 1.2;
  margin-bottom: 14px
}

.terms-panikka p {
  margin: 0
}

.terms-panikka .pterms-checkbox {
  margin-top: 4px;
  margin-right: 10px;
  transform: scale(1.5);
  cursor: pointer;
  flex-shrink: 0;
  display: inline;
  clip: auto;
  width: auto;
  height: auto;
  position: static;
  appearance: checkbox!important
}

.terms-panikka .pterms-checkbox::after,.terms-panikka .pterms-checkbox::before {
  content: none
}

.terms-panikka>label {
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0
}

div button.scr-open {
  background: 0 0;
  border: 0;
  box-shadow: none;
  padding: 0;
  color: #3d4246;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1.3;
  outline: 0;
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
  width: auto
}

div button.scr-open:hover {
  opacity: .6;
  background: 0 0;
  border: 0
}

.scr-modal {
  transition: visibility .4s ease-in,opacity .4s ease-in,transform .4s ease-in;
  opacity: 0;
  visibility: hidden;
  color: #000;
  background: #fff;
  padding: 20px;
  padding-top: 0;
  overflow-y: auto;
  max-height: calc(100vh - 70px);
  width: calc(100% - 30px);
  max-width: 700px;
  position: fixed;
  top: 50px;
  left: 50%;
  transform: translate(-50%,0) scale(.5);
  z-index: 9999100109
}

.scr-modal .scr-close {
  width: 16px;
  height: 16px;
  opacity: .3;
  cursor: pointer;
  display: flex;
  padding: 23px;
  margin: 7px -16px -7px auto;
  position: relative;
  transform: translate(0,0)
}

.scr-modal .scr-close:hover {
  opacity: 1
}

.scr-modal .scr-close:after,.scr-modal .scr-close:before {
  content: '';
  position: absolute;
  top: 15px;
  right: 23px;
  height: 17px;
  width: 2px;
  background-color: #333
}

.scr-modal .scr-close:before {
  transform: rotate(45deg)
}

.scr-modal .scr-close:after {
  transform: rotate(-45deg)
}

.scr-shadow {
  transition: visibility .8s ease,opacity .8s ease;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.5);
  z-index: 9999100105
}

.scr {
  margin-bottom: 30px
}

.scr:last-child {
  margin-bottom: 0
}

.scr h2 {
  text-align: center;
  font-size: 20px
}

.scr .bottom-description,.scr .top-description,.scr h2,.scr table {
  margin-top: 0;
  margin-bottom: 20px
}

.scr .bottom-description p,.scr .top-description p {
  margin-bottom: 3px;
  line-height: 1.4
}

.scr>:last-child {
  margin-bottom: 0
}

.scr-modal img {
  max-width: 100%;
  height: auto
}

@media (max-width: 768px) {
  .scr-modal {
      max-height:calc(100vh - 70px)
  }

  .scr h2 {
      font-size: 18px
  }
}

@media (max-width: 600px) {
  .scr-modal img {
      display:block;
      margin-left: auto!important;
      margin-right: auto!important;
      float: none!important
  }
}

@media (max-width: 500px) {
  .scr h2 {
      font-size:16px
  }
}