/* subscribe modal */
.modal-subr {
  width: 670px;
  min-height: 319px;
  color: white;
  background: #623540 url("/online-journal/wp-content/uploads/images/subr-modal-bg.jpg") no-repeat;
  background-size: 100% auto;
  padding: 45px 130px 45px 70px;
  margin: -240px -335px;
  -webkit-transform: scale(.8);
  transform: scale(.8);
  opacity: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 0;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .modal-subr {
    max-width: 329px;
    min-height: 0;
    background-image: url("/online-journal/wp-content/uploads/images/subr-modal-bg-m.jpg");
    padding: 44px 30px;
    margin-left: -165px;
  }
}
@media only screen and (max-width: 329px) {
  .modal-subr {
    max-width: 100%;
    min-height: 0;
    padding: 45px 30px !important;
    margin: -150px 0 0;
    left: 0;
  }
}

.modal--visible {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: -webkit-transform .3s ease, opacity .3s ease;
  transition: transform .3s ease, opacity .3s ease;
  z-index: 102;
  pointer-events: auto;
}

.modal-subr--like { padding-right: 270px; }
@media only screen and (max-width: 767px) {
  .modal-subr--like { padding-right: 30px; }
}
.modal-subr--like .modal-subr-content--like, .modal-subr--like .modal-subr_form { display: block; }

.modal-subr--almost { padding-right: 270px; }
@media only screen and (max-width: 767px) {
  .modal-subr--almost { padding-right: 30px; }
}
.modal-subr--almost .modal-subr-content--almost { display: block; }

.modal-subr--done:after {
  width: 100%;
  height: 100%;
  content: '';
  background-color: rgba(85, 48, 58, .9);
  position: absolute;
  top: 0;
  left: 0;
}
.modal-subr--done .modal-subr-content--done { display: block; }

.modal-subr--already:after {
  width: 100%;
  height: 100%;
  content: '';
  background-color: rgba(85, 48, 58, .9);
  position: absolute;
  top: 0;
  left: 0;
}
.modal-subr--already .modal-subr-content--already, .modal-subr--already-sent .modal-subr_success { display: block; }
.modal-subr--already-sent .modal-subr_link { display: none; }

.modal-subr--approved:after {
  width: 100%;
  height: 100%;
  content: '';
  background-color: rgba(85, 48, 58, .9);
  position: absolute;
  top: 0;
  left: 0;
}
.modal-subr--approved .modal-subr-content--approved { display: block; }

.modal-subr--failed { padding-right: 270px; }
@media only screen and (max-width: 767px) {
  .modal-subr--failed { padding-right: 30px; }
}
.modal-subr--failed .modal-subr-content--failed, .modal-subr--failed .modal-subr_form { display: block; }

.modal-subr_close {
  width: 28px;
  height: 28px;
  overflow: hidden;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 3;
}
@media only screen and (max-width: 767px) {
  .modal-subr_close {
    width: 22px;
    height: 22px;
  }
  .modal-subr_close svg { margin: -3px -3px; }
}
.modal-subr_close path {
  fill: white;
  opacity: .8;
  transition: opacity .2s ease;
}
.modal-subr_close:hover path {
  opacity: 1;
  transition: opacity .2s ease;
}

.modal-subr_content {
  position: relative;
  z-index: 1;
  display: none;
}

.modal-subr_title {
  font: 40px/1.1 Georgia, serif;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .modal-subr_title {
    font-size: 30px;
    margin-bottom: 9px;
  }
}

.modal-subr_text {
  font-size: 16px;
  line-height: 1.6;
}

.modal-subr_link { margin-top: 25px; }
@media only screen and (max-width: 414px) {
  .modal-subr_link { font-size: 14px; }
}
.modal-subr_link a {
  margin-right: 20px;
  white-space: nowrap;
}
.modal-subr_link a:hover { color: #d94a4c; }

.modal-subr_success {
  color: #5ebd56;
  margin-top: 25px;
  display: none;
}
@media only screen and (max-width: 414px) {
  .modal-subr_success { font-size: 14px; }
}
.modal-subr_success:before {
  width: 17px;
  height: 13px;
  content: '';
  background: url(/online-journal/wp-content/uploads/images/sprite-main.svg) -23px -1px no-repeat;
  margin-right: 9px;
  vertical-align: 0;
  display: inline-block;
}

.modal-subr_form {
  font-size: 0;
  margin-top: 21px;
  display: none;
}

.modal-subr_input {
  width: 70%;
  width: calc(100% - 79px);
  height: 52px;
  font: 17px Roboto, Arial, sans-serif;
  color: #292929;
  background-color: white;
  border: none;
  border-radius: 3px;
  padding: 0 15px;
  vertical-align: top;
  display: inline-block;
  -webkit-appearance: none;
}
@media only screen and (max-width: 767px) {
  .modal-subr_input { width: calc(100% - 62px); }
}

.modal-subr_btn {
  width: 74px;
  height: 52px;
  font-size: 17px;
  line-height: 52px;
  font-weight: bold;
  text-align: center;
  border-radius: 3px;
  margin-left: 5px;
  vertical-align: top;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .modal-subr_btn {
    width: 57px;
    height: 52px;
  }
}
/* subscribe modal - end */

/* subscribe banner */
.banner-subr {
  max-width: 328px;
  min-height: 280px;
  color: white;
  background: #623540 url(/online-journal/wp-content/uploads/images/subr-banner-bg.jpg) no-repeat;
  background-size: 100% auto;
  padding: 30px 28px;
  margin: 30px auto;
}
@media only screen and (max-width: 767px) {
  .banner-subr { background-image: url("/online-journal/wp-content/uploads/images/subr-banner-bg-m.jpg"); }
}
@media only screen and (max-width: 320px) {
  .banner-subr { width: 100%; }
}

.banner-subr_content { display: none; }

.banner-subr--like .banner-subr_content--like { display: block; }
.banner-subr--like .banner-subr_form { display: block; }

.banner-subr--almost .banner-subr_content--almost { display: block; }

.banner-subr--already-sent .banner-subr_link { display: none; }
.banner-subr--already .banner-subr_content--already, .banner-subr--already-sent .banner-subr_success { display: block; }

.banner-subr_title {
  font: bold 25px/1.2 Georgia, serif;
  margin-bottom: 5px;
}

.banner-subr_link { margin-top: 25px; }
@media only screen and (max-width: 320px) {
  .banner-subr_link { font-size: 14px; }
}
.banner-subr_link a { margin-right: 10px; }
.banner-subr_link a:hover { color: #d94a4c; }

.banner-subr_success {
  color: #5ebd56;
  margin-top: 25px;
  display: none;
}
@media only screen and (max-width: 320px) {
  .banner-subr_success { font-size: 14px; }
}
.banner-subr_success:before {
  width: 17px;
  height: 13px;
  content: '';
  background: url("/online-journal/wp-content/uploads/images/sprite-main.svg") -23px -1px no-repeat;
  margin-right: 7px;
  vertical-align: -1px;
  display: inline-block;
}

.banner-subr_text {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 16px;
}

.banner-subr_form {
  font-size: 0;
  display: none;
}

.banner-subr_input {
  width: 70%;
  width: calc(100% - 62px);
  height: 52px;
  font: 17px Roboto, Arial, sans-serif;
  color: #292929;
  background-color: white;
  border: none;
  border-radius: 3px;
  padding: 0 15px;
  vertical-align: top;
  display: inline-block;
  -webkit-appearance: none;
}

.banner-subr_btn {
  width: 57px;
  height: 52px;
  font-size: 17px;
  line-height: 52px;
  font-weight: bold;
  text-align: center;
  border-radius: 3px;
  margin-left: 5px;
  vertical-align: top;
  display: inline-block;
}
/* subscribe banner - end */