@import url("//fonts.googleapis.com/css2?family=Anton&family=Maven+Pro:wght@400..900&family=Noto+Sans+JP&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

body {
  color: #222;
  font-family: "Noto Sans", serif;
  font-size: 16px;
  background: none repeat scroll 0 0 transparent;
  font-weight: 400;
}

.ja-jp div#wrapper {
  font-family: "Noto Sans JP", serif !important;
  font-size: 14px !important;
}

.ja-jp .btn,
.ja-jp .btn:active,
.ja-jp .btn:focus {
  font-family: "Noto Sans JP", serif !important;
}

.check-subscription-link a {
  color: #222;
}
a:-webkit-any-link,
a:-moz-any-link {
  color: #222;
  text-decoration: none;
  cursor: auto;
}
.hyperlink,
.disclaimer-box a,
.cookies-box a {
  color: #222;
  text-decoration: none;
}
.hyperlink:hover,
.disclaimer-box a:hover,
.cookies-box a:hover {
  color: #222;
  text-decoration: none;
}
.wrapper {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  max-width: 1185px;
}

.service-name {
  position: relative;
  top: 3px;
}
.btn,
.btn:active,
.btn:focus {
  background: #0072bf;
  border-radius: 50px;
  color: #fff;
  font-family: "Noto Sans", serif !important;
  font-size: 1em;
  font-weight: 700 !important;
  letter-spacing: 0px;
  margin: 0 auto;
  padding: 18px 20px;
  border: 1px solid #0072bf !important;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.5s ease 0s;
}

.btn:hover {
  opacity: 0.8;
}
#dialogModal .btn-submit,
#dialogModal .btn-ok,
#dialogModal .btn-cancel {
  min-width: inherit;
}
.radio input,
.checkbox input {
  height: 17px;
}
.form .lable {
  text-transform: uppercase;
}
.form input {
  appearance: none;
  -moz-appearance: none;
  background-color: #ffffff;
  border: 0.08em solid #c3d1ec;
  color: #222;
  height: 60px;
  padding: 5px;
  border-radius: 0px;
}
.form select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #ffffff;
  /* background-image: url("//asia.tools.euroland.com/tools/SubscriptionCentre2/Config/Company/jp-mug/dropdown.svg");*/
  background-origin: content-box;
  background-position: calc(0px + 100%) 50%;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  border-radius: 0px;
  padding: 5px;
  color: #222;
  height: 36px;
  border: 0.08em solid #c3d1ec;
}

@media not all {
  .form select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  }
}
.form select > option {
  color: #222;
  text-transform: capitalize;
}
.modal-content {
}

@media (max-width: 480px) {
  .button-inner {
    padding-top: 10px;
  }
}

/* Modifications Start */
.subscription-wrapper-single .selection-services {
  border: 0px solid #c3d1ec;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: unset;
  -moz-box-shadow: unset;
  -webkit-box-shadow: unset;
}

.selection-services {
  padding-left: 0px;
  margin-bottom: 30px;
}

.service-checkbox {
  margin: 0;
}

.main-heading,
.sub-heading {
  margin-bottom: 15px;
  display: none;
}

.form .input {
  width: 76%;
}

.check-subscription-link {
  margin-left: 0 !important;
}

.google-recapcha {
  text-align: left;
}

.footer {
  font-size: 13px;
}

.compulsory-field {
  display: none;
}

.row-control[order="0"] .lable::before {
  content: "*";
  color: #f00;
  position: absolute;
  width: 5px;
  height: 5px;
  left: 10em;
}

.ja-jp .row-control[order="0"] .lable::before {
  left: 9em;
}

.subscribe-checking .form .lable {
  width: 100%;
  text-align: left;
}

.subscribe-checking .form .input {
  width: 100%;
  margin-left: 2px;
}

.ja-jp .subscribe-checking .form .lable {
  width: 100%;
  text-align: left;
}

.row-control {
  margin-top: 0;
  padding: 0;
  clear: both;
}

strong {
  display: none;
}

.form .row-control .input > * {
  width: 461px;
}
@media (max-width: 568px) {
  .check-subscription-link {
    margin-left: 15px !important;
  }
}
@media (max-width: 460px) {
  .form .row-control .input > * {
    width: 100% !important;
  }
}

.announcement-group-lable {
  display: none;
}

.row-item.releasetype-group {
  display: none;
}

.form .row-control:not(:first-child) {
  display: none;
}

