body,
html {
  /* font-family: 'Montserrat', Arial, sans-serif; */
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: calc(14rem * 1 / 18 * var(--text-multiplier));
  line-height: 1.5;
}
body {
  padding: 0;
  margin: 0;
}
.bcrea-subscribe {
  padding: calc(50rem * 1 / 18);
}
.bcrea-subscribe.brokers {
  padding: calc(40rem * 1 / 18);
}
.bcrea-subscribe h1 {
  /* color: #0082bb; */
  /* font-weight: normal; */
  /* margin-bottom: 20px; */
  font-family: 'utopia-std', 'Georgia', serif;
  font-size: calc(44rem * 1 / 18 );
  line-height: calc(50rem * 1 / 18);
  letter-spacing: calc(-.5rem * 1 / 18);
  font-weight: bold;
  margin-bottom: calc(30rem * 1 / 18);
  color: #00263E;
  width: 100%;
  
}
.bcrea-subscribe input[type=text] {
  border: calc(1rem * 1 / 18) solid #879BAA;
  background-color: #f9f9f8;
  padding: calc(15rem * 1 / 18);
  width: 100%;
  margin: 0 0 calc(63rem * 1 / 18) 0;
  /* font-family: 'Montserrat', Arial, sans-serif; */
  font-family: 'utopia-std', 'Georgia', serif;
  font-size: calc(14rem * 1 / 18 * var(--text-multiplier));
  line-height: 1.5;
} 
@media only screen and (max-width: 1023px) {
  .bcrea-subscribe input[type=text] {
    font-size: calc(10rem * 1 / 3.9375 * var(--text-multiplier));
  }
}
.bcrea-subscribe input[type=text]::placeholder {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: calc(14rem * 1 / 18 * var(--text-multiplier));
  line-height: 1.5;
}
@media only screen and (max-width: 1023px) {
  .bcrea-subscribe input[type=text]::placeholder {
    font-size: calc(10rem * 1 / 3.9375 * var(--text-multiplier));
  }
}

.form strong {
  font-family: 'utopia-std', 'Georgia', serif;
  font-size: calc(24rem * 1 / 18);
  line-height: calc(30rem * 1 / 18);
  font-weight: 600;
  margin-bottom: calc(20rem * 1 / 18);
  
}
.bcrea-subscribe ul {
  margin: calc(30rem * 1 / 18) 0 calc(45rem * 1 / 18) 0;
  /* display: flex; */
  flex-wrap: wrap;
  list-style-type: none;
  padding-left: 0;
  display: grid;
  grid-template-columns:  repeat(18, 1fr); 
  column-gap: calc(15rem * 1 / 18); 
}

.bcrea-subscribe ul li:nth-child(3n+1) {
  grid-column: 1 / span 5;
}

.bcrea-subscribe ul li:nth-child(3n+2) {
  grid-column: 7 / span 5;
}

.bcrea-subscribe ul li:nth-child(3n+3) {
  grid-column: 13 / span 6;
}

ul.underline {
  padding-bottom: calc(18rem * 1 / 18);
  border-bottom: calc(1rem * 1 / 18) solid #879BAA;
}
.bcrea-subscribe ul > li {
  width: 100%;
  font-size: calc(17rem * 1 / 18 * var(--text-multiplier));
  margin-bottom: calc(30rem * 1 / 18);
  font-weight: 600;
}

.bcrea-subscribe ul > li input[type=checkbox] {
  cursor: pointer;
}
.bcrea-subscribe .arrow-btn-larger {
  font-weight: 700;
  color: #F8A21D;
  text-decoration: none !important;
  padding: calc(15rem * 1 / 18) calc(30rem * 1 / 18);
  background-color: #00263e;
  border-radius: calc(30rem * 1 / 18);
  text-transform: uppercase;
  font-family: 'Montserrat', Arial, sans-serif;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.bcrea-subscribe .arrow-btn-larger:hover {
  color: #00263e;
  background-color: #F8A21D;
  
}
/* .bcrea-subscribe .arrow-btn-larger::after {
  width: calc(30rem * 1 / 18);
  height: calc(30rem * 1 / 18);
  margin: 0 0 0 calc(12rem * 1 / 18);
  display: inline-block;
  vertical-align: middle;
  content: "";
  background-image: url(images/icons/arrow-btn-subscribe.svg);
  background-size: contain;
  background-repeat: no-repeat;
} */
.bcrea-subscribe .success {
  display: none;
}
.bcrea-subscribe .error {
  color: #f00;
  font-size: calc(12rem * 1 / 18 * var(--text-multiplier));
  display: inline-block;
  margin: 0 0 0 calc(20rem * 1 / 18);
  opacity: 0;
}
.bcrea-subscribe .already-subscribed {
  margin: calc(10rem * 1 / 18 * var(--text-multiplier)) 0 0 0;
  display: block;
  opacity: 0;
}
