.arrow {
  width: 184px;
  height: 184px;
  background-repeat: none;
  background-size: cover;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTgxIDE4NC40NiI+PHBhdGggZD0iTTE3OS41IDE4NC40NnYtNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzFjMWMxIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iM3B4IiAvPjxwYXRoIGQ9Ik0xNzkuMzIgMTc2LjQyQTE3OS4zOSAxNzkuMzkgMCAwIDAgOS40NSA1LjIiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2MxYzFjMSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjNweCIgc3Ryb2tlLWRhc2hhcnJheT0iOC4wOCA0LjA0IiAvPjxwYXRoIGQ9Ik03LjQzIDUuMDZxLTItLjA4LTQtLjEyIiBmaWxsPSJub25lIiBzdHJva2U9IiNjMWMxYzEiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIzcHgiIC8+PHBhdGggZD0iTTkuNTMuMTFMNC4zMSA1LjA3bDQuOTYgNS4yMS00LjMxLS4xMUwwIDQuOTYgNS4yMSAwbDQuMzIuMTF6IiBmaWxsPSIjYzFjMWMxIiAvPjwvc3ZnPg==');
}
.push_main_button,
.push_secondary_button {
  font: 14px/32px Arial, sans-serif;
  color: #fff;
  height: 32px;
  border: 0;
  margin-right: 6px;
}
.push_main_button:hover,
.push_secondary_button:hover {
  cursor: pointer;
}
.push_main_button {
  background-color: #016398;
}
.push_secondary_button {
  background-color: #999;
}
.push_logo {
  position: absolute;
  margin-right: 20px;
  width: 74px;
  height: 76px;
}
.push_logo img {
  width: 100%;
}
.push_action {
  position: absolute;
  top: 285px;
  left: 0;
  right: 0;
  margin: auto;
  width: 440px;
  box-sizing: border-box;
}
  .push_action--wide {
    width: 480px;
    left: 480px;
    right: auto;
  }
.push_action__holder {
  display: inline-block;
  vertical-align: top;
  padding-left: 94px;
}
.push_action__text {
  font: bold 24px/1.2 Georgia, serif;
  color: #313131;
  margin-bottom: 15px;
}
  .push_action__text.p12 {
    padding: 12px 0;
  }
.push_action .push_logo {
  margin-top: 6px;
}
.push_action button {
  width: 186px;
  display: block;
}
.push_action .push_main_button {
  margin-bottom: 6px;
}
.push_arrow {
  position: absolute;
  top: 95px;
  left: 450px;
}
.push_action .vicon--close {
  font-size: 16px;
  fill: #262626;
}
.push_subscription {
	font: 12px/18px Arial, sans-serif;
	margin-top: 30px;
  color: #016398;
}
.push_subscription:before {
  content: '';
  width: 18px;
  height: 18px;
  margin-right: 5px;
  display: inline-block;
  background-size: cover;
  vertical-align: middle;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iIzlhOWE5YSIgZD0iTTE1LjkgOS4xbC4xLTEuMi0xLjUtLjVjMC0uNS0uMS0uOS0uMi0xLjNsMS4xLTEtLjUtMS4xLTEuNi4zYy0uMi0uMy0uNS0uNi0uOC0uOWwuNC0xLjctMS4xLS42LTEuMSAxLjFjLS40LS4yLS44LS40LTEuMi0uNUw5LjEgMEg3LjhsLS40IDEuNWMtLjQgMC0uOS4xLTEuMy4yTDUuMS42IDQgMWwuMiAxLjZjLS4zLjItLjYuNS0uOC43bC0xLjYtLjRMMS4xIDRsMSAxYy0uMS40LS4zLjgtLjQgMS4ybC0xLjYuNXYxLjJsMS40LjRjMCAuNC4xLjguMiAxLjJMLjUgMTAuN2wuNSAxLjEgMS41LS4zYy4zLjQuNS44LjkgMS4xbC0uNSAxLjYgMSAuNyAxLjItMS4xYy40LjIuOS40IDEuMy41bC40IDEuNiAxLjMuMS41LTEuNWMuNCAwIC45LS4xIDEuMy0uMmwxLjIgMS4yIDEuMS0uNi0uNC0xLjZjLjMtLjMuNy0uNSAxLS45bDEuNi41LjctMS0xLjEtMS4zYy4xLS4zLjMtLjcuNC0xLjFsMS41LS40ek0xMC44IDExSDkuMmMuMS4xLjEuNC4xLjUgMCAuNy0uNiAxLjMtMS4zIDEuMy0uNyAwLTEuMy0uNS0xLjMtMS4zIDAtLjIuMS0uNC4xLS41SDUuM2MtLjIgMC0uNC0uMi0uNC0uNCAwLS4xIDAtLjEuMS0uMi40LS43LjYtMS42LjYtMi40di0uNS0uMmMuMS0xIC41LTIgMS40LTIuNHYtMWMwLS42LjUtMSAxLTFzMSAuNSAxIDF2LjljLjkuNCAxLjQgMS40IDEuNCAyLjVWOGMwIC44LjIgMS42LjYgMi4yLjEuMS4xLjEuMS4yLjEuNC0uMS42LS4zLjZ6Ii8+PC9zdmc+');
}
/* 1 column small */
@media only screen and (max-width: 379px) {
  .push_action,
  .push_action--wide {
    width: 100%;
    padding: 0 20px;
  }
  .push_action {
    top: 40px;
  }
  .push_action--wide {
    top: 140px;
  }
  .push_action--wide {
    left: 0;
    right: 0;
  }
  .push_action__text {
    font: bold 20px/1.2 Georgia, serif;
  }
  .push_action__text.p12 {
    padding: 6px 0;
  }
  .push_action button {
    width: 170px;
    display: block;
  }
}
/* 1 column */
@media only screen and (min-width: 380px) and (max-width: 479px) {
  .push_action,
  .push_action--wide {
    width: 100%;
  }
  .push_action {
    top: 40px;
  }
  .push_action--wide {
    top: 140px;
  }
  .push_action {
    padding: 0 20px;
  }
  .push_action--wide {
    left: 0;
    right: 0;
  }
  .push_action__text {
    font: bold 20px/1.2 Georgia, serif;
  }
  .push_turn_off {
    margin-top: 3px;
    margin-left: -5px;
    padding-bottom: 12px;
  }
}
/* 2 column small */
@media only screen and (max-width: 799px) {
  .push_arrow {
    display: none;
  }
}
/* 2 column */
@media only screen and (min-width: 480px) and (max-width: 979px) {
  .push_action--wide {
    left: 0;
    right: 0;
  }
}