.o-section {
  display: table;
  background: #ededed;
  margin: 80px 0; }
  .o-section .box-row {
    display: table-row;
    vertical-align: text-top; }
  .o-section .box-image {
    min-width: 500px;
    min-height: calc(100% + 140px) !important;
    display: table-cell; }
  .o-section .box-text {
    display: table-cell;
    text-align: left;
    padding: 70px;
    width: calc(100% - 500px); }

.o-membership-intro {
  padding: 0 100px; }

.o-membership-form {
  padding: 20px 160px;
  text-align: left; }
  .o-membership-form h4 {
    margin: 0; }
    .o-membership-form h4 span {
      font-size: 15px;
      font-weight: 400; }
  .o-membership-form input,
  .o-membership-form textarea,
  .o-membership-form select {
    border: 1px solid #b7b7b7 !important;
    border-radius: 3px; }
  .o-membership-form hr {
    border: none;
    border-top: 1px solid #b7b7b7;
    margin: 30px 0 25px; }
  .o-membership-form .u-gray {
    color: #b7b7b7; }
  .o-membership-form .o-layout__item {
    padding-bottom: 20px; }
  .o-membership-form .u-radio {
    height: 40px;
    line-height: 40px; }
  .o-membership-form .radio {
    display: inline-block;
    margin-bottom: 3px; }
    .o-membership-form .radio > input[type='radio'] {
      display: none; }
    .o-membership-form .radio > label {
      display: table; }
      .o-membership-form .radio > label > span {
        display: table-cell;
        padding-left: 10px;
        width: 26px;
        white-space: nowrap; }
        .o-membership-form .radio > label > span:before {
          content: '';
          width: 26px;
          height: 26px;
          border-radius: 50%;
          display: inline-block;
          border: 1px solid #bbbbbb;
          vertical-align: middle; }
        .o-membership-form .radio > label > span:after {
          content: '';
          position: relative;
          display: inline-block;
          vertical-align: middle;
          left: -19px;
          width: 12px;
          height: 12px;
          border-radius: 50%;
          background: #cd202c;
          visibility: hidden; }
      .o-membership-form .radio > label:hover > span:before {
        box-shadow: 0 0 0 5px #cd202c inset; }
    .o-membership-form .radio > input[type='radio']:checked + label > span:after {
      visibility: visible; }
  .o-membership-form .o-submit {
    display: inline-block; }
  .o-membership-form #msgDiv {
    padding-left: 20px;
    font-size: 16px;
    display: inline-block;
    font-style: italic;
    color: #cd202c; }

label .u-red {
  font-size: 30px;
  font-weight: bold; }

@media screen and (max-width: 1150px) {
  .o-membership-form .u-radio {
    height: auto;
    line-height: 26px;
    padding-top: 5px; } }
@media screen and (max-width: 1080px) {
  .o-section .box-image {
    width: 390px;
    min-width: 390px; }
  .o-section .box-text {
    padding: 50px;
    width: calc(100% - 390px); } }
@media screen and (max-width: 767px) {
  .o-section {
    display: block;
    margin: 55px 0; }
    .o-section .box-row,
    .o-section .box-image,
    .o-section .box-text {
      display: block; }
    .o-section .box-image {
      width: 100%;
      min-height: 400px !important;
      min-width: auto; }
    .o-section .box-text {
      padding: 20px;
      width: 100%; }

  .o-membership-intro {
    padding: 0; }

  .o-membership-form {
    padding: 30px 0; }
    .o-membership-form .u-radio {
      height: auto;
      line-height: 26px;
      padding-top: 5px; } }

/*# sourceMappingURL=membership.css.map */