#sns iframe {
  min-height: 1070px !important;
  margin: 60px auto; }
#sns .advocacy-actionwidget {
  box-shadow: none !important;
  border: 0px !important; }
#sns .top-links {
  margin: 0px auto 60px;
  padding: 0px; }
  #sns .top-links li {
    display: inline-block; }
    #sns .top-links li:first-child {
      border-right: 1px solid #fff;
      margin-right: 12px;
      padding-right: 12px; }
    #sns .top-links li a {
      letter-spacing: 1px;
      color: #fff;
      font-size: 28px;
      text-transform: uppercase; }

.swiper-container {
  width: 100%;
  height: 400px; }

.breadcrumb {
  font-family: brandon-grotesque, sans-serif !important; }

.gfield_error, .validation_error, .validation_message {
  font-family: brandon-grotesque, sans-serif;
  color: #f36a4f;
  font-weight: 400 !important; }

@media all and (min-width: 1024px) and (max-width: 1024px) {
  html body .container .inner-container {
    padding: 0px !important; }
  html body .subscribe .form .gform_body {
    width: 320px; } }
@media all and (max-width: 1023px) {
  html body h1 {
    font-size: 42px !important; }
  html body h2 {
    font-size: 42px !important;
    line-height: 52px !important; }
  html body h3 {
    font-size: 18px !important; }
  html body .header .mobile-nav {
    display: block !important; }
  html body .call-out a {
    display: block; }
  html body .mobile-menu {
    background: rgba(0, 82, 128, 0.95);
    position: fixed;
    top: 110px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 5; }
    html body .mobile-menu.active {
      display: block !important; }
    html body .mobile-menu nav ul {
      list-style-type: none;
      margin-top: 64px; }
      html body .mobile-menu nav ul li a {
        color: #fff;
        font-family: 'Merriweather', serif;
        font-size: 28px;
        line-height: 42px; }
  html body .masthead h3 {
    margin-bottom: 0px !important; }
  html body .masthead h2 {
    font-size: 20px !important;
    line-height: 28px !important; }
  html body .masthead .swoosh {
    width: 130% !important;
    top: 50% !important;
    left: 40% !important; }
  html body .autocomplete {
    width: 60% !important; }
  html body #map {
    height: 320px !important; }
  html body .subscribe .form .gform_body {
    width: 60%;
    display: inline-block; } }
@media all and (max-width: 767px) {
  html body .masthead .top-banner {
    margin-top: 0px; }
    html body .masthead .top-banner .col-md-3 {
      margin: 0px !important; }
    html body .masthead .top-banner .card {
      display: none; }
    html body .masthead .top-banner .show-mobile {
      margin-top: 0px !important; }
      html body .masthead .top-banner .show-mobile .card {
        display: flex; } }
.wpshopify .wps-thumbnails-wrapper {
  justify-content: center !important; }

.wpshopify .wps-component-products-images-thumbnail[data-wps-is-active=true] img {
  outline: 4px solid #f36a4f !important; }

.wpshopify .wps-container {
  padding: 0px !important; }
  .wpshopify .wps-container .wps-items-wrapper {
    padding: 0px !important; }
  .wpshopify .wps-container .wps-btn-cart {
    background: #33bfbd !important;
    font-family: brandon-grotesque, sans-serif !important; }
  .wpshopify .wps-container .wps-products-description {
    font-size: 12px;
    text-align: left;
    margin: 16px auto; }
  .wpshopify .wps-container .wps-component-products-images {
    float: left;
    width: 50%; }
  .wpshopify .wps-container .wps-w-1 {
    margin: 10px auto;
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 0 2px 8px 0 rgba(10, 11, 15, 0.14);
    -webkit-box-shadow: 0 2px 8px 0 rgba(10, 11, 15, 0.14); }
    .wpshopify .wps-container .wps-w-1 .wps-product-individual-price {
      color: #f36a4f;
      text-align: center;
      display: block; }
    .wpshopify .wps-container .wps-w-1 .wps-products-title {
      text-transform: uppercase;
      font-family: brandon-grotesque, sans-serif;
      font-weight: 700;
      text-align: center;
      margin-bottom: 20px;
      font-size: 22px;
      line-height: 24px;
      color: #4d4d4d;
      margin-top: 32px; }
    .wpshopify .wps-container .wps-w-1 .wps-modal li {
      font-family: brandon-grotesque, sans-serif !important; }
    .wpshopify .wps-container .wps-w-1 .wps-btn-dropdown a {
      background: #33bfbd !important; }
    .wpshopify .wps-container .wps-w-1 .wps-product-quantity, .wpshopify .wps-container .wps-w-1 .wps-quantity-label-wrapper {
      font-family: brandon-grotesque, sans-serif; }

html body .merch-single {
  padding-top: 48px; }
  html body .merch-single .wps-quantity-input {
    margin-top: 48px; }
    html body .merch-single .wps-quantity-input label {
      font-family: brandon-grotesque, sans-serif; }
  html body .merch-single h2 {
    font-size: 64px !important;
    line-height: 72px !important;
    color: #4d4d4d; }
  html body .merch-single #product_title {
    width: 90%; }
  html body .merch-single #product_pricing h3 {
    font-weight: 400; }
    html body .merch-single #product_pricing h3 span {
      font-size: 32px;
      color: #f36a4f !important; }
  html body .merch-single .wps-component-products-images {
    float: none !important;
    width: 70% !important;
    background: #fff !important; }
  html body .merch-single .wps-thumbnail-wrapper {
    justify-content: center; }
  html body .merch-single #product_description p, html body .merch-single #product_description span {
    font-family: brandon-grotesque, sans-serif;
    text-align: left; }
  html body .merch-single .wps-component-products-options {
    padding: 0px !important; }
    html body .merch-single .wps-component-products-options .row {
      float: left;
      width: 48%;
      margin-right: 2% !important;
      margin-left: 0px !important; }
  html body .merch-single #product_buy_button {
    margin-bottom: 64px; }

.wps-btn {
  text-transform: uppercase !important;
  font-family: brandon-grotesque, sans-serif !important; }
  .wps-btn.wps-btn-checkout {
    background: #33bfbd !important; }

.wps-cart-lineitem-price-total-wrapper, .wps-cart-lineitem-title-content, .wps-cart-lineitem-remove {
  font-family: brandon-grotesque, sans-serif; }

.wps-cart-lineitem-remove {
  opacity: .5; }
  .wps-cart-lineitem-remove:hover {
    opacity: 1; }

.jarallax {
  position: relative;
  z-index: 0; }

.jarallax > .jarallax-img {
  position: absolute;
  object-fit: cover;
  /* support for plugin https://github.com/bfred-it/object-fit-images */
  font-family: 'object-fit: cover;';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; }

#map {
  height: 600px;
  margin-top: 64px; }

/* Optional: Makes the sample page fill the window. */
html, body {
  height: 100%;
  margin: 0;
  padding: 0; }

#locations {
  display: none; }

html body .eventDescription {
  display: none !important; }
html body .k_page {
  font-family: brandon-grotesque, sans-serif; }
html body .k_text, html body .k_select {
  font-weight: 400 !important; }
html body .k_profileSection label, html body .k_sectionPayment label {
  line-height: 55px; }
html body .k_buttonBlock {
  height: auto !important; }
html body .invalid {
  background-color: transparent !important; }
  html body .invalid .fieldCaption span {
    font-size: 11px !important; }
html body .k_button {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px !important;
  color: #fff;
  line-height: 30px;
  padding: 20px 60px;
  background: #f36a4f;
  display: inline-block;
  border-radius: 35px;
  box-shadow: 0 4px 16px 0 rgba(10, 11, 15, 0.2);
  -webkit-box-shadow: 0 4px 16px 0 rgba(10, 11, 15, 0.2);
  text-transform: uppercase;
  letter-spacing: 3px;
  transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out; }
html body .k_shareThisFormBlock {
  display: none !important; }
html body .k_secureMsg {
  display: none !important; }
html body .groupLabel {
  font-family: 'Merriweather', serif !important; }

.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
  font-family: brandon-grotesque, sans-serif !important;
  margin-top: 8px !important; }

select {
  font-family: brandon-grotesque, sans-serif !important;
  margin-top: 12px !important; }

body .gfield_checkbox li input[type=checkbox] {
  opacity: 0;
  position: absolute; }

body .gfield_checkbox li input[type=checkbox] + label {
  position: relative;
  overflow: hidden;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 400; }

body .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked + label {
  font-weight: 500; }

body .gfield_checkbox li input[type=checkbox] + label:before,
body .gfield_checkbox li input[type=checkbox] + label:after {
  content: '';
  position: absolute;
  left: 0;
  z-index: 1;
  -webkit-transition: .2s;
  transition: .2s; }

body .gform_wrapper ul.gfield_checkbox li {
  overflow: visible; }

/* after */
body .gfield_checkbox li input[type=checkbox]:not(:checked) + label:after {
  width: 20px;
  height: 20px;
  border: 2px solid #000;
  top: 0px; }

body .gfield_checkbox li input[type=checkbox]:checked + label:after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #33bfbd;
  background-color: #33bfbd;
  z-index: 0;
  border-radius: 2px; }

/* before */
body .gfield_checkbox li input[type=checkbox]:not(:checked) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

body .gfield_checkbox li input[type=checkbox]:checked + label:before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  margin-top: 3px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

.gfield_label {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 500 !important; }

.ginput_container input {
  border: 1px solid #f2f2f2;
  border-color: #E4E4E4;
  height: 70px;
  line-height: 70px;
  padding-left: 16px !important;
  border-radius: 5px;
  font-family: brandon-grotesque, sans-serif; }
  .ginput_container input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-family: brandon-grotesque, sans-serif; }
  .ginput_container input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-family: brandon-grotesque, sans-serif; }
  .ginput_container input::-ms-input-placeholder {
    /* Microsoft Edge */
    font-family: brandon-grotesque, sans-serif; }
.ginput_container textarea {
  border: 1px solid #f2f2f2;
  border-color: #E4E4E4;
  border-radius: 5px; }

#locations {
  display: none; }

.entry-subhead {
  line-height: 32px !important; }

iframe {
  width: 100%; }

.subscribe {
  padding: 64px 0px !important; }
  .subscribe .form {
    margin: 0 auto;
    width: 50%; }
    .subscribe .form form {
      display: inline-block; }
    .subscribe .form li {
      padding-right: 0px !important;
      margin: 0px !important; }
    .subscribe .form .gfield_label {
      display: none !important; }
    .subscribe .form .ginput_container {
      margin-top: 0px !important; }
    .subscribe .form .gform_body {
      width: 480px;
      display: inline-block; }
    .subscribe .form .gform_footer {
      margin: 0 0px 0px -5px;
      padding: 0px;
      width: auto;
      display: inline-block; }
    .subscribe .form input[type="text"], .subscribe .form input[type="password"] {
      width: 100% !important;
      display: block;
      padding-top: 0px !important;
      padding-bottom: 0px !important; }
    .subscribe .form input[type="submit"] {
      height: 70px;
      line-height: 70px;
      padding: 0px !important;
      width: 120px !important; }
  @media all and (max-width: 1023px) {
    .subscribe .form {
      width: 90% !important; }
      .subscribe .form form {
        display: block;
        text-align: center; } }

.merch .tile {
  margin: 10px auto;
  padding: 20px;
  background: #FFFFFF;
  box-shadow: 0 2px 8px 0 rgba(10, 11, 15, 0.14);
  -webkit-box-shadow: 0 2px 8px 0 rgba(10, 11, 15, 0.14); }
  .merch .tile h4 {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 24px;
    color: #4d4d4d; }
  .merch .tile p {
    font-family: 'Merriweather', serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0px; }

html {
  height: auto; }
  html body {
    height: auto; }
    html body .dashboard-section {
      padding: 40px 40px;
      border: 1px solid #e8e8e8;
      margin: 40px auto; }
      html body .dashboard-section a {
        cursor: pointer; }
    html body .event-sidebar .btn-primary {
      font-size: 14px !important;
      padding: 12px 30px; }
    html body .event-meta .btn-primary {
      font-size: 14px !important;
      padding: 12px 30px;
      display: none; }
      html body .event-meta .btn-primary.active {
        display: inline-block; }
    html body .messages {
      border: 1px solid #e8e8e8;
      margin: 40px auto;
      background: #fff; }
      html body .messages .swiper-container {
        min-height: 600px; }
      html body .messages .row {
        min-height: 600px; }
      html body .messages .message .message-image {
        padding: 0px; }
        html body .messages .message .message-image .box {
          height: 600px;
          position: relative; }
          html body .messages .message .message-image .box .swiper-pagination {
            position: absolute;
            bottom: 16px; }
            html body .messages .message .message-image .box .swiper-pagination .swiper-pagination-bullet {
              background: #fff; }
      html body .messages .message .message-content {
        background: #fff;
        padding: 40px; }
      html body .messages .post-title {
        margin-top: 24px;
        margin-bottom: 32px;
        font-size: 48px; }
      html body .messages .post-date {
        font-size: 14px;
        margin-top: 8px;
        font-family: brandon-grotesque, sans-serif;
        margin-bottom: 0px; }
      html body .messages .post-content {
        margin-top: 8px; }
        html body .messages .post-content p {
          max-width: 90%;
          font-size: 22px; }
        html body .messages .post-content .btn-primary {
          padding: 8px 20px;
          font-size: 12px; }
    html body a, html body input[type="submit"] {
      cursor: pointer; }
    html body .tabbed-content {
      display: none; }
      html body .tabbed-content.active {
        display: block; }
    html body .events-container {
      padding-top: 64px; }
      html body .events-container h3 {
        margin: 0px auto; }
      html body .events-container .create-event-btn {
        background: #f36a4f;
        color: #fff;
        padding: 8px 20px;
        box-sizing: border-box; }
    html body .main-content .swoosh {
      position: absolute;
      right: -30%;
      top: -10%;
      opacity: .1 !important;
      z-index: -1 !important; }
    html body .main-content .row {
      z-index: 2; }
    html body .main-content .dashboard-section {
      background: #fff; }
    html body .manage-page {
      min-height: 100vh; }
      html body .manage-page .swoosh {
        position: absolute;
        right: -30%;
        top: -10%;
        opacity: .1 !important;
        z-index: -1 !important; }
      html body .manage-page .tabs {
        border-right: 1px solid #e8e8e8; }
        html body .manage-page .tabs li a {
          font-size: 18px; }
          html body .manage-page .tabs li a.active {
            color: #f36a4f; }
        html body .manage-page .tabs li:hover a {
          color: #f36a4f; }
      html body .manage-page .create-event {
        display: none; }
        html body .manage-page .create-event.active {
          background: #fff;
          display: block;
          border: 2px solid #e8e8e8;
          padding: 0px 40px 40px; }
          html body .manage-page .create-event.active label {
            font-family: brandon-grotesque, sans-serif !important; }
          html body .manage-page .create-event.active .acf-field-5dec3210903c6 {
            display: none; }
      html body .manage-page .events-list {
        margin-top: 60px; }
    html body .manage-header {
      padding: 40px 0px;
      background: #005280; }
      html body .manage-header h2 {
        font-size: 40px;
        line-height: 60px; }
      html body .manage-header * {
        color: #fff; }
      html body .manage-header h4 {
        margin-bottom: 12px; }
      html body .manage-header .profile-actions {
        list-style-type: none; }
        html body .manage-header .profile-actions li {
          display: inline-block;
          padding-right: 20px;
          margin-bottom: 0px;
          margin-top: 0px; }
      html body .manage-header .profile-photo {
        cursor: pointer;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #e8e8e8;
        line-height: 200px;
        text-align: center;
        float: left;
        margin-right: 16px; }
        html body .manage-header .profile-photo i {
          margin-top: 35%;
          font-size: 60px;
          color: #999; }
        html body .manage-header .profile-photo:hover {
          background: #f36a4f; }
          html body .manage-header .profile-photo:hover i {
            color: #fff; }
      html body .manage-header .menu {
        list-style-type: none; }
        html body .manage-header .menu li {
          display: inline-block;
          padding-right: 32px;
          margin-bottom: 0px; }
          html body .manage-header .menu li h4 {
            margin-top: 24px;
            font-size: 14px;
            margin-bottom: 8px; }
          html body .manage-header .menu li:first-child {
            display: block; }
          html body .manage-header .menu li a {
            border-bottom: 4px solid transparent;
            font-size: 26px; }
            html body .manage-header .menu li a:hover {
              border-bottom: 4px solid #f36a4f; }
    html body .events-list .event {
      border-bottom: 1px solid #f2f2f2;
      padding-top: 20px; }
      html body .events-list .event .tile-image {
        width: 100%;
        height: 120px;
        margin-bottom: 20px; }
      html body .events-list .event .event-title {
        margin-bottom: 12px;
        margin-top: 0px; }
        html body .events-list .event .event-title:hover {
          color: #f36a4f; }
      html body .events-list .event .event-meta {
        padding-left: 20px; }
        html body .events-list .event .event-meta h5 {
          font-family: brandon-grotesque, sans-serif;
          font-size: 14px;
          margin-bottom: 0px; }
      html body .events-list .event .actions {
        opacity: 0; }
        html body .events-list .event .actions a:hover {
          color: #f36a4f; }
          html body .events-list .event .actions a:hover i {
            color: #f36a4f; }
      html body .events-list .event:hover {
        background: rgba(0, 0, 0, 0.05); }
        html body .events-list .event:hover .actions {
          opacity: 1; }
    html body table {
      width: 100%;
      border-collapse: collapse; }
      html body table thead {
        border-bottom: 1px solid #e8e8e8; }
        html body table thead th {
          font-family: brandon-grotesque, sans-serif;
          text-align: left; }
      html body table tbody tr td {
        font-family: brandon-grotesque, sans-serif;
        font-size: 20px; }
    html body .front-merch {
      padding: 64px 0px; }
      html body .front-merch .collections {
        margin-bottom: 64px; }
        html body .front-merch .collections .tile {
          position: relative;
          box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2);
          -webkit-box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2);
          transition: all .2s ease-in-out;
          -webkit-transition: all .2s ease-in-out;
          -moz-transition: all .2s ease-in-out; }
          html body .front-merch .collections .tile:hover {
            margin-top: -10px; }
          html body .front-merch .collections .tile .merch-content {
            position: absolute;
            bottom: 0px;
            left: 0px;
            text-align: center;
            width: 90%;
            margin: 0 5%; }
            html body .front-merch .collections .tile .merch-content h3 {
              font-size: 28px;
              line-height: 36px;
              margin: 0px; }
            html body .front-merch .collections .tile .merch-content h4 {
              font-size: 24px;
              line-height: 32px;
              font-weight: 300; }
    html body .press {
      padding: 64px 0px;
      position: relative; }
      html body .press::after {
        content: '';
        z-index: -1;
        position: absolute;
        top: 0;
        background: #005280;
        width: 100%;
        height: 400px;
        left: 0px;
        right: 0px; }
      html body .press h2 {
        margin-bottom: 8px; }
      html body .press p {
        font-weight: 300;
        margin: 0px; }
    html body .our-mission {
      position: relative; }
      html body .our-mission h2 {
        margin-top: 64px; }
      html body .our-mission .swoosh {
        position: absolute;
        top: -60%;
        z-index: 1;
        width: 60%;
        max-width: 200%;
        left: 40%;
        overflow: visible;
        opacity: .1 !important; }
      html body .our-mission .section-header {
        position: relative;
        padding: 64px 0px 0px;
        margin-bottom: 64px; }
        html body .our-mission .section-header .featured {
          position: relative;
          z-index: 2;
          max-width: 80%;
          box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2);
          -webkit-box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2); }
        html body .our-mission .section-header h1 {
          margin-bottom: 24px; }
        html body .our-mission .section-header p {
          max-width: 90%; }
        @media all and (max-width: 1023px) {
          html body .our-mission .section-header .featured {
            max-width: 100%; }
          html body .our-mission .section-header p {
            max-width: 100%; } }
      html body .our-mission .call-out {
        margin-top: 64px; }
      html body .our-mission .values {
        background: #005280;
        padding-top: 32px;
        padding-bottom: 64px; }
        html body .our-mission .values .row {
          margin-top: 32px; }
        html body .our-mission .values p {
          font-size: 21px;
          color: #fff; }
        html body .our-mission .values h2 {
          color: #fff; }
        html body .our-mission .values .block {
          margin-top: 64px; }
          @media all and (max-width: 1023px) {
            html body .our-mission .values .block {
              margin-top: 32px; } }
        html body .our-mission .values img {
          box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2);
          -webkit-box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2); }
    html body .team h2 {
      margin-top: 64px; }
    html body .team .section-header {
      position: relative;
      padding: 64px 0px 0px;
      margin-bottom: 64px; }
      html body .team .section-header::after {
        content: '';
        z-index: -1;
        position: absolute;
        top: 0;
        background: #F26147;
        width: 100%;
        height: 90%;
        left: 0px;
        right: 0px; }
      html body .team .section-header img {
        box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2);
        -webkit-box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2); }
      html body .team .section-header h1 {
        margin-bottom: 24px; }
      html body .team .section-header p {
        max-width: 90%; }
    html body .team .tile {
      background: #FFFFFF;
      box-shadow: 0 2px 8px 0 rgba(10, 11, 15, 0.14);
      -webkit-box-shadow: 0 2px 8px 0 rgba(10, 11, 15, 0.14);
      margin: 10px auto;
      text-align: center; }
      html body .team .tile .tile-content {
        padding: 40px 10px; }
        html body .team .tile .tile-content h3 {
          margin: 0px; }
        html body .team .tile .tile-content h4 {
          margin: 0px;
          font-weight: 300;
          font-size: 16px; }
    html body .articles {
      margin-top: 64px; }
      html body .articles .view-more {
        margin-top: 64px; }
      html body .articles .tile {
        margin-top: 24px;
        box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2);
        -webkit-box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2);
        background: #fff; }
        html body .articles .tile:hover {
          margin-top: 0px; }
        html body .articles .tile .tile-image {
          height: 300px;
          width: 100%; }
        html body .articles .tile .tile-content {
          padding: 32px; }
          html body .articles .tile .tile-content .date {
            color: #fff;
            background: #f36a4f;
            display: inline-block;
            padding: 0px 8px; }
          html body .articles .tile .tile-content h3 {
            margin-bottom: 0px;
            margin-top: 12px; }
          html body .articles .tile .tile-content .author {
            text-transform: uppercase;
            font-weight: 500;
            font-size: 14px;
            margin-top: 12px;
            margin-bottom: 48px; }
          html body .articles .tile .tile-content p {
            margin-top: 12px;
            margin-bottom: 48px; }
          html body .articles .tile .tile-content a {
            font-size: 14px;
            padding: 8px 20px; }
    html body #content {
      padding-top: 60px;
      position: relative; }
      html body #content.merchandise::after {
        content: '';
        z-index: -1;
        position: absolute;
        top: 480px;
        background: #005280;
        width: 100%;
        height: 72%;
        left: 0px;
        right: 0px; }
      html body #content.blue.events::after {
        height: 100% !important;
        max-height: 100%; }
      html body #content.blue::after {
        content: '';
        z-index: -1;
        position: absolute;
        top: 0%;
        background: #005280;
        width: 100%;
        height: 40%;
        max-height: 500px;
        left: 0px;
        right: 0px; }
      html body #content.blue .share {
        font-size: 14px;
        padding: 10px 20px; }
        html body #content.blue .share i {
          margin-left: 6px; }
      html body #content.form::after {
        display: none; }
      html body #content.form .bg-icon {
        position: absolute;
        bottom: -20%;
        right: -10%;
        width: 50%;
        z-index: -1;
        opacity: .1; }
      @media all and (max-width: 1023px) {
        html body #content.form .images {
          display: none; }
        html body #content.form iframe {
          max-width: 100% !important;
          width: 100% !important; } }
      html body #content .view-more {
        margin: 64px auto; }
      html body #content .featured-image {
        margin-top: 64px;
        display: block; }
      html body #content .collections {
        margin-bottom: 64px; }
        html body #content .collections .tile {
          position: relative;
          box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2);
          -webkit-box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2);
          transition: all .2s ease-in-out;
          -webkit-transition: all .2s ease-in-out;
          -moz-transition: all .2s ease-in-out; }
          html body #content .collections .tile:hover {
            margin-top: -10px; }
          html body #content .collections .tile .merch-content {
            position: absolute;
            bottom: 0px;
            left: 0px;
            text-align: center;
            width: 90%;
            margin: 0 5%; }
            html body #content .collections .tile .merch-content h3 {
              font-size: 28px;
              line-height: 36px;
              margin: 0px; }
            html body #content .collections .tile .merch-content h4 {
              font-size: 24px;
              line-height: 32px;
              font-weight: 300; }
      html body #content .merch .tile {
        margin: 10px auto;
        padding: 20px;
        background: #FFFFFF;
        box-shadow: 0 2px 8px 0 rgba(10, 11, 15, 0.14);
        -webkit-box-shadow: 0 2px 8px 0 rgba(10, 11, 15, 0.14); }
        html body #content .merch .tile h4 {
          margin-bottom: 20px;
          font-size: 18px;
          line-height: 24px;
          color: #4d4d4d; }
        html body #content .merch .tile p {
          font-family: 'Merriweather', serif;
          font-weight: bold;
          font-size: 20px;
          line-height: 28px;
          margin-bottom: 0px; }
      html body #content .images ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px; }
        html body #content .images ul li img {
          max-width: 80%; }
      html body #content .images.left ul li:nth-of-type(2) {
        margin-top: -40%; }
        html body #content .images.left ul li:nth-of-type(2) img {
          margin-left: 20%; }
      html body #content .images.left ul li:nth-of-type(3) {
        margin-top: -20%;
        position: relative;
        z-index: -1; }
      html body #content .images.right ul li:nth-of-type(2) {
        margin-top: -20%; }
        html body #content .images.right ul li:nth-of-type(2) img {
          margin-right: 40%;
          max-width: 60%; }
      html body #content .images.right ul li:nth-of-type(3) {
        margin-top: -20%;
        position: relative;
        z-index: -1; }
    html body .row {
      margin-left: 0px;
      margin-right: 0px; }
    html body h1, html body h1 span {
      font-size: 88px;
      letter-spacing: .41px;
      line-height: 94px;
      font-family: 'Merriweather', serif;
      font-weight: 600;
      font-style: normal;
      color: #4d4d4d; }
    html body h2 {
      font-size: 64px;
      font-family: 'Merriweather', serif;
      font-weight: 600;
      font-style: normal;
      margin-bottom: 40px;
      color: #4d4d4d; }
    html body h3 {
      font-size: 30px;
      font-family: 'Merriweather', serif;
      font-weight: 600;
      margin: 48px auto;
      font-style: normal;
      line-height: 38px;
      color: #4d4d4d; }
    html body img {
      max-width: 100%; }
    html body h4 {
      font-family: brandon-grotesque, sans-serif;
      font-size: 24px;
      margin: 32px auto;
      font-weight: 400;
      letter-spacing: 3px;
      text-transform: uppercase; }
      @media all and (max-width: 1023px) {
        html body h4 {
          font-size: 20px;
          line-height: 28px;
          margin-bottom: 32px; } }
    html body h5 {
      font-size: 18px; }
    html body li {
      margin: 16px 0px; }
    html body a, html body p, html body span, html body li {
      font-size: 18px;
      color: #4d4d4d;
      text-decoration: none; }
    html body strong {
      font-weight: bold; }
    html body p {
      line-height: 1.7;
      font-family: brandon-grotesque, sans-serif;
      margin-bottom: 40px;
      font-weight: 100; }
    html body a {
      position: relative;
      font-family: brandon-grotesque, sans-serif;
      cursor: pointer; }
    html body img {
      max-width: 100%; }
    html body .entry-content .entry-subhead {
      font-size: 24px;
      margin-bottom: 32px; }
    html body .entry-content img {
      height: auto !important; }
    html body .entry-content a {
      color: #f36a4f; }
    html body .start-chapter .box {
      position: relative; }
      html body .start-chapter .box .form {
        background: #fff;
        position: absolute;
        top: -20px;
        right: 0px;
        padding: 0px 20px;
        box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2);
        -webkit-box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2); }
      html body .start-chapter .box input[type="submit"] {
        font-family: brandon-grotesque, sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 20px;
        color: #fff;
        line-height: 30px;
        padding: 20px 60px;
        background: #f36a4f;
        display: block;
        width: 100%;
        border-radius: 35px;
        box-shadow: 0 4px 16px 0 rgba(10, 11, 15, 0.2);
        -webkit-box-shadow: 0 4px 16px 0 rgba(10, 11, 15, 0.2);
        text-transform: uppercase;
        letter-spacing: 3px; }
        html body .start-chapter .box input[type="submit"]:hover {
          transition: all .2s ease-in-out;
          -webkit-transition: all .2s ease-in-out;
          -moz-transition: all .2s ease-in-out;
          background: #33bfbd; }
    @media all and (max-width: 1023px) {
      html body .start-chapter .box .form {
        padding-top: 10px;
        position: relative; }
      html body .start-chapter .box input[type="submit"] {
        font-size: 20px;
        line-height: 28px;
        width: 100%;
        padding: 15px 0px; } }
    html body .form-box {
      display: block;
      background: #FFFFFF;
      box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2);
      -webkit-box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2);
      padding: 40px 32px; }
      html body .form-box input[type="submit"] {
        font-family: brandon-grotesque, sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 20px;
        color: #fff;
        line-height: 30px;
        padding: 20px 60px;
        background: #f36a4f;
        display: inline-block;
        border-radius: 35px;
        box-shadow: 0 4px 16px 0 rgba(10, 11, 15, 0.2);
        -webkit-box-shadow: 0 4px 16px 0 rgba(10, 11, 15, 0.2);
        text-transform: uppercase;
        letter-spacing: 3px; }
        html body .form-box input[type="submit"]:hover {
          transition: all .2s ease-in-out;
          -webkit-transition: all .2s ease-in-out;
          -moz-transition: all .2s ease-in-out;
          background: #33bfbd; }
      html body .form-box input, html body .form-box textarea {
        font-family: brandon-grotesque, sans-serif !important; }
      html body .form-box textarea {
        padding: 16px; }
    html body .mobile-menu {
      display: none; }
    html body header {
      padding: 24px 0px;
      border-top: 8px solid #f36a4f;
      position: relative;
      z-index: 5; }
      html body header .logo {
        max-width: 160px; }
      html body header .mobile-nav {
        display: none; }
        html body header .mobile-nav ul {
          margin: 0px;
          padding: 0px; }
          html body header .mobile-nav ul li {
            display: inline-block;
            line-height: 100%;
            vertical-align: middle; }
            html body header .mobile-nav ul li:first-child {
              margin-right: 8px; }
              html body header .mobile-nav ul li:first-child a {
                background: #f36a4f;
                color: #fff;
                padding: 8px 20px;
                border-radius: 21px; }
        @media all and (max-width: 1023px) {
          html body header .mobile-nav {
            display: block !important; } }
        html body header .mobile-nav .menu-toggle {
          color: #4d4d4d;
          font-size: 26px; }
      html body header .header-navigation {
        margin-top: 0px;
        padding: 0px;
        list-style-type: none; }
        html body header .header-navigation li {
          position: relative;
          display: inline-block;
          margin: 0px 16px; }
          html body header .header-navigation li:hover a {
            color: #f36a4f; }
          html body header .header-navigation li:hover .sub-menu {
            display: block; }
            html body header .header-navigation li:hover .sub-menu li a {
              color: #4d4d4d; }
              html body header .header-navigation li:hover .sub-menu li a:hover {
                color: #f36a4f; }
          html body header .header-navigation li a {
            font-family: brandon-grotesque, sans-serif;
            text-transform: uppercase;
            font-weight: 300;
            font-size: 14px; }
            html body header .header-navigation li a i {
              font-size: 11px;
              margin-left: 8px; }
          html body header .header-navigation li ul {
            display: none; }
            html body header .header-navigation li ul.sub-menu {
              position: absolute;
              top: 20px;
              width: 200px;
              padding: 10px 0px;
              right: -10px;
              text-align: left;
              display: none;
              background: #FFFFFF;
              -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.25);
              box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.25);
              border-radius: 7px; }
              html body header .header-navigation li ul.sub-menu li {
                display: block;
                line-height: 32px; }
                html body header .header-navigation li ul.sub-menu li a {
                  text-transform: capitalize; }
          html body header .header-navigation li.donate a {
            background: #f36a4f;
            color: #fff;
            padding: 10px 20px;
            border-radius: 21px;
            box-shadow: 0 4px 16px 0 rgba(10, 11, 15, 0.16);
            -webkit-box-shadow: 0 4px 16px 0 rgba(10, 11, 15, 0.16); }
    html body footer {
      background: #1d1d1d;
      padding: 48px 0px; }
      html body footer nav {
        margin-bottom: 64px; }
        html body footer nav ul {
          list-style-type: none;
          margin: 0px;
          padding: 0px; }
          html body footer nav ul li a {
            text-decoration: none;
            color: #fff;
            font-size: 16px;
            line-height: 24px;
            font-weight: 400;
            position: relative;
            letter-spacing: .17px; }
            html body footer nav ul li a::after {
              content: '';
              position: absolute;
              height: 2px;
              bottom: -5px;
              width: 0px;
              background: #37c5c4;
              left: 0px;
              transition: all .1s ease-in-out;
              -webkit-transition: all .1s ease-in-out;
              -moz-transition: all .1s ease-in-out; }
            html body footer nav ul li a:hover::after {
              width: 100%; }
      html body footer .btn {
        padding: 10px 20px;
        background: #37c5c4;
        color: #fff;
        border-radius: 17px;
        margin: 0px 8px; }
        html body footer .btn i {
          margin-right: 8px; }
        html body footer .btn.facebook {
          background: #4367b2; }
        html body footer .btn.twitter {
          background: #0c7abf; }
        html body footer .btn.instagram {
          background: black; }
        html body footer .btn.secondary {
          background: #f36a4f; }
      html body footer p {
        margin-top: 64px;
        color: #fff; }
    html body .entry-footer {
      margin-bottom: 48px; }

html body {
  overflow-x: hidden; }
  html body .masthead .top-banner {
    position: relative;
    margin-top: 32px; }
    html body .masthead .top-banner::after {
      content: '';
      position: absolute;
      top: 25%;
      background: #f36a4f;
      width: 100%;
      height: 75%;
      z-index: -1; }
    html body .masthead .top-banner .find-chapter {
      padding: 64px 0px; }
      html body .masthead .top-banner .find-chapter h2 {
        font-size: 28px;
        margin-bottom: 16px; }
      html body .masthead .top-banner .find-chapter h3 {
        font-family: brandon-grotesque, sans-serif;
        text-transform: uppercase;
        font-weight: 400;
        letter-spacing: 3px;
        font-size: 24px; }
  html body .masthead .hide-mobile {
    margin-top: 32px;
    display: flex !important; }
  html body .masthead .card {
    height: 525px;
    position: relative;
    background: #FFFFFF;
    box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2);
    -webkit-box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2); }
    html body .masthead .card .content {
      position: absolute;
      bottom: 0px;
      left: 0px;
      z-index: 2;
      width: 100%;
      right: 0;
      padding: 24px; }
      html body .masthead .card .content h3, html body .masthead .card .content p, html body .masthead .card .content a {
        color: #fff; }
      html body .masthead .card .content h3 {
        font-weight: 400;
        margin-bottom: 24px;
        line-height: 38px; }
      html body .masthead .card .content p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 48px; }
    html body .masthead .card:hover {
      box-shadow: 0 24px 32px 0 rgba(10, 11, 15, 0.2);
      -webkit-box-shadow: 0 24px 32px 0 rgba(10, 11, 15, 0.2); }
  html body .masthead .col-md-3:nth-of-type(2) {
    margin-top: 64px; }
  html body .masthead .col-md-3:nth-of-type(3) {
    margin-top: 12px; }
  html body .masthead .col-md-3:nth-of-type(4) {
    margin-top: 24px; }
  html body .masthead .swoosh {
    position: absolute;
    top: 12%;
    z-index: 1;
    width: 70%;
    max-width: 200%;
    left: 60%;
    overflow: visible;
    opacity: .1 !important; }
  html body .masthead .row {
    position: relative;
    z-index: 1; }
  html body .masthead .container {
    position: relative;
    overflow-x: visible; }
  html body .masthead .align-left {
    margin-left: 72px; }
  html body .masthead h1 {
    margin-top: 38px;
    margin-bottom: 28px; }
    html body .masthead h1 .letter {
      display: inline-block;
      line-height: 1em; }
  html body .masthead h3 {
    font-family: brandon-grotesque, sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 1.4;
    margin: 0px; }
  html body .masthead a.btn {
    font-family: 'Merriweather', serif;
    font-size: 30px;
    color: #fff;
    letter-spacing: .22px;
    line-height: 30px;
    padding: 20px 60px;
    background: #f36a4f;
    display: inline-block;
    margin-top: 80px;
    border-radius: 35px;
    box-shadow: 0 4px 16px 0 rgba(10, 11, 15, 0.2);
    -webkit-box-shadow: 0 4px 16px 0 rgba(10, 11, 15, 0.2); }
  html body .masthead img.image {
    box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2);
    -webkit-box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2); }
  html body.single .title-row {
    margin-bottom: 64px !important; }

.text--orange {
  color: #f36a4f; }

.text--teal {
  color: #33bfbd; }

.text--blue {
  color: #005280; }

.text--white {
  color: #fff; }

.bg--blue {
  background: #005280; }

.start-chapter {
  padding: 4vw 0px; }

.btn-primary {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  color: #fff;
  line-height: 30px;
  padding: 20px 60px;
  background: #f36a4f;
  display: inline-block;
  border-radius: 35px;
  box-shadow: 0 4px 16px 0 rgba(10, 11, 15, 0.2);
  -webkit-box-shadow: 0 4px 16px 0 rgba(10, 11, 15, 0.2);
  text-transform: uppercase;
  letter-spacing: 3px;
  transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out; }
  .btn-primary:hover {
    background: #33bfbd; }
  @media all and (max-width: 1023px) {
    .btn-primary {
      font-size: 20px;
      line-height: 28px;
      padding: 15px 0px; } }

.btn-group {
  display: block;
  margin-top: 80px; }
  .btn-group .btn-primary {
    margin-left: 16px; }
    @media all and (max-width: 1023px) {
      .btn-group .btn-primary {
        padding: 15px 0px;
        font-size: 20px;
        line-height: 28px;
        display: block;
        text-align: center; } }

.btn-secondary {
  font-family: brandon-grotesque, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  color: #fff;
  line-height: 30px;
  padding: 20px 60px;
  background: #33bfbd;
  display: inline-block;
  border-radius: 35px;
  box-shadow: 0 4px 16px 0 rgba(10, 11, 15, 0.2);
  -webkit-box-shadow: 0 4px 16px 0 rgba(10, 11, 15, 0.2);
  text-transform: uppercase;
  letter-spacing: 3px; }
  @media all and (max-width: 1023px) {
    .btn-secondary {
      font-size: 20px;
      line-height: 28px;
      padding: 15px 0px;
      display: block;
      text-align: center;
      margin-bottom: 16px; } }

.front-sns {
  padding: 64px 0px; }
  .front-sns .btn {
    display: inline-block !important; }
    @media all and (max-width: 767px) {
      .front-sns .btn {
        display: block !important; } }

.differences {
  position: relative;
  margin: 0px auto 64px;
  padding-top: 64px; }
  .differences .container::after {
    content: '';
    top: 0px;
    left: 0px;
    right: 0px;
    background: #33bfbd;
    position: absolute;
    height: 90%;
    z-index: 0; }
  .differences .container .row {
    position: relative;
    z-index: 4; }
  .differences .container h4 {
    margin-top: 64px; }
  .differences .container .btn-primary {
    margin-bottom: 64px; }
  .differences .container .inner-container {
    max-width: 90%;
    margin: 0 auto; }
  .differences .col-md-3:nth-of-type(2) {
    margin-top: 64px; }
  .differences .col-md-3:nth-of-type(3) {
    margin-top: 12px; }
  .differences .col-md-3:nth-of-type(4) {
    margin-top: 24px; }
  .differences .swiper-container {
    display: none !important; }
  .differences .hide-mobile {
    display: flex !important; }
  .differences .card {
    position: relative;
    background: #FFFFFF;
    box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2);
    -webkit-box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2); }
    .differences .card .post-image {
      width: 100%;
      height: 250px; }
    .differences .card .content {
      min-height: 250px;
      z-index: 2;
      width: 100%;
      right: 0;
      background: #fff;
      padding: 24px; }
      .differences .card .content h3, .differences .card .content p {
        color: #4d4d4d; }
      .differences .card .content a.read-more {
        background: #f36a4f;
        color: #fff;
        padding: 8px 16px;
        border-radius: 30px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 11px; }
      .differences .card .content h3 {
        font-weight: 400;
        margin-bottom: 24px;
        margin-top: 0px;
        line-height: 38px;
        font-size: 20px !important; }
      .differences .card .content p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 48px; }
    .differences .card:hover {
      box-shadow: 0 24px 32px 0 rgba(10, 11, 15, 0.2);
      -webkit-box-shadow: 0 24px 32px 0 rgba(10, 11, 15, 0.2); }
  @media all and (max-width: 1023px) {
    .differences {
      padding-bottom: 32px;
      margin-bottom: 0px; }
      .differences h2 {
        font-size: 28px !important;
        line-height: 36px !important; }
      .differences .card {
        margin: 16px auto !important;
        width: 100%;
        max-height: auto !important;
        max-width: 100% !important; }
        .differences .card .content {
          margin: 0px auto; }
          .differences .card .content h3 {
            margin-bottom: 8px; }
          .differences .card .content p {
            margin-bottom: 24px; } }

.advert {
  padding: 8vw 0px; }
  .advert .align-left {
    margin-left: 72px; }
  .advert .image {
    box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2);
    -webkit-box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2); }
  .advert .quote {
    margin-bottom: 8px; }
  .advert .container {
    position: relative; }
    .advert .container .row {
      position: relative;
      z-index: 1; }
    .advert .container .card {
      float: right;
      position: relative;
      z-index: 4;
      background: #fff;
      height: 1000px;
      width: 420px;
      box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2);
      -webkit-box-shadow: 0 16px 32px 0 rgba(10, 11, 15, 0.2); }
      .advert .container .card .card-image {
        height: 700px;
        width: 420px; }
      .advert .container .card .card-content {
        text-align: center;
        padding: 14px 44px; }
  @media all and (max-width: 1023px) {
    .advert h2 {
      margin-top: 32px !important;
      margin-bottom: 0px; } }

.who-we-are {
  margin-bottom: 64px; }
  .who-we-are .container {
    position: relative; }
    .who-we-are .container::after {
      content: '';
      top: 0px;
      left: 6%;
      right: 6%;
      bottom: 0px;
      background: #f0f5fb;
      position: absolute;
      height: 90%;
      z-index: 0; }
    .who-we-are .container .row {
      position: relative;
      z-index: 4; }
  .who-we-are .fader {
    display: none; }
    .who-we-are .fader.active {
      display: flex; }
  .who-we-are .image {
    margin-left: -24px; }
  .who-we-are .right-align {
    margin-right: 48px; }
    .who-we-are .right-align h1 {
      margin-top: 48px;
      margin-bottom: 64px; }
    .who-we-are .right-align p {
      line-height: 29px;
      font-size: 21px;
      font-weight: 700; }
  .who-we-are p {
    line-height: 29px;
    font-size: 21px;
    font-weight: 700; }
  .who-we-are .nav {
    list-style-type: none;
    margin: 32px 0px 0px 0px;
    padding: 0px; }
    .who-we-are .nav li {
      display: inline-block;
      margin: 64px 20px; }
      .who-we-are .nav li a.active {
        background: #F36A4F;
        box-shadow: 0 4px 16px 0 rgba(10, 11, 15, 0.16);
        -webkit-box-shadow: 0 4px 16px 0 rgba(10, 11, 15, 0.16);
        border-radius: 17px;
        padding: 10px 20px;
        color: #fff;
        font-weight: 700; }
  .who-we-are .board .card {
    position: relative;
    width: 100%; }
    .who-we-are .board .card .card-image {
      position: relative; }
      .who-we-are .board .card .card-image::after {
        content: '';
        position: absolute;
        background-image: linear-gradient(-180deg, transparent 0%, black 72%);
        height: 100%;
        -webkit-background-image: linear-gradient(-180deg, transparent 0%, black 72%);
        width: 100%;
        left: 0px;
        z-index: 1; }
    .who-we-are .board .card h3 {
      position: absolute;
      bottom: 24px;
      left: 10%;
      width: 80%;
      margin: 0 auto;
      text-align: center;
      color: #fff;
      font-size: 21px;
      line-height: 1.4;
      z-index: 2; }

.partners {
  position: relative;
  padding-top: 128px;
  padding-bottom: 64px; }
  .partners .logos img {
    margin: 32px auto; }
  .partners .bg-logo {
    position: absolute;
    top: 0px;
    z-index: -1;
    opacity: .1; }
  .partners p {
    line-height: 29px;
    font-size: 21px;
    font-weight: 500; }
    .partners p a {
      line-height: 29px;
      font-size: 21px;
      font-weight: 700;
      color: #f36a4f; }
  @media all and (max-width: 1023px) {
    .partners .bg-logo {
      top: 50px;
      left: -58%;
      width: 500px;
      max-width: 500px !important; } }

.follow {
  padding: 64px 0px 0px;
  position: relative; }
  .follow .swoosh {
    position: absolute;
    right: 0px;
    left: 0px;
    width: 100%;
    bottom: 0px;
    z-index: 0; }
  .follow img {
    width: 100%; }
  .follow .container {
    position: relative; }
    .follow .container .row {
      position: relative;
      z-index: 4; }
  .follow h4 {
    margin-bottom: 64px; }
  .follow .social-buttons {
    margin-top: 64px;
    margin-bottom: 64px; }
  .follow .btn {
    padding: 10px 20px;
    background: #37c5c4;
    color: #fff;
    border-radius: 17px;
    margin: 0px 8px;
    font-weight: 700;
    display: inline-block; }
    .follow .btn i {
      margin-right: 8px; }
    .follow .btn.facebook {
      background: #4367b2; }
    .follow .btn.twitter {
      background: #0c7abf; }
    .follow .btn.instagram {
      background: black; }
    .follow .btn.secondary {
      background: #f36a4f; }
  .follow input[type="text"] {
    padding: 18px 26px;
    border: 0px;
    box-shadow: none;
    font-family: 'Muli';
    box-shadow: 0 2px 8px 0 rgba(10, 11, 15, 0.14);
    -webkit-box-shadow: 0 2px 8px 0 rgba(10, 11, 15, 0.14);
    border-left-radius: 10px; }
  .follow input[type="submit"] {
    border: 0px;
    padding: 18px 26px;
    background: #f36a4f;
    color: #fff;
    margin-left: -8px;
    font-family: 'Merriweather', serif;
    box-shadow: 0 2px 8px 0 rgba(10, 11, 15, 0.14);
    -webkit-box-shadow: 0 2px 8px 0 rgba(10, 11, 15, 0.14); }
  @media all and (max-width: 1023px) {
    .follow {
      background: #f36a4f; }
      .follow .swoosh {
        top: 439px !important;
        display: none; }
      .follow h4 {
        color: #fff; } }

.container {
  padding: 0px 5vw;
  max-width: 100%;
  width: 100%; }
  .container .inner-container {
    padding: 0px 10vw; }
    @media all and (min-width: 1025px) and (max-width: 1280px) {
      .container .inner-container {
        padding: 0px 0vw !important; } }
    @media all and (max-width: 1023px) {
      .container .inner-container {
        padding: 0px !important;
        max-width: 100% !important; } }

.ssba-share-text {
  display: none !important; }

@-webkit-keyframes animateThis {
  0% {
    width: 0px;
    left: 0px;
    opacity: 0; }

  25% {
    opacity: 1; }

  100% {
    width: 16	0%;
    opacity: 1; } }
@media all and (max-width: 1023px) {
  html {
    max-width: 100%;
    width: 100%;
    overflow-x: hidden; }
    html body {
      max-width: 100%;
      width: 100%;
      overflow-x: hidden; }
      html body h1 {
        font-size: 48px;
        line-height: 48px; }
      html body h2 {
        font-size: 21px;
        line-height: 29px; }
      html body h3 {
        font-size: 21px;
        line-height: 29px; }
      html body p {
        font-size: 18px; }
      html body .masthead .align-left {
        margin-left: 0px; }
      html body .masthead h3 {
        max-width: 100%;
        font-weight: 300;
        margin-bottom: 24px; }
      html body .masthead a {
        padding: 20px 40px;
        font-size: 21px;
        line-height: 30px;
        margin-top: 0px;
        margin-bottom: 64px; }
      html body .masthead .swoosh {
        position: absolute;
        top: 5%;
        z-index: 1;
        width: 300%;
        max-width: 300%;
        left: -60%; }
      html body .container {
        width: 100%;
        padding: 0px 16px; }
        html body .container .inner-container {
          margin: 0px;
          padding: 0px; }
      html body header {
        width: 100%; }
        html body header img {
          height: 40px; }
        html body header nav {
          display: none; }
      html body .differences .container::after {
        left: 0px !important;
        right: 0px !important;
        width: 100%;
        height: 100%; }
      html body .differences .btn-primary {
        font-size: 21px;
        padding: 10px 40px; }
      html body .differences h3 {
        margin-top: 0px; }
      html body .advert .align-left {
        margin: 0px; }
      html body .advert .container::after {
        left: 0px;
        right: 0px;
        height: 100%; }
      html body .advert .container .card {
        height: auto;
        width: 100%; }
        html body .advert .container .card .card-image {
          width: 100%;
          height: 400px; }
        html body .advert .container .card .card-content {
          padding: 0px; }
          html body .advert .container .card .card-content h3 {
            margin-bottom: 0px; }
          html body .advert .container .card .card-content p {
            margin-top: 12px;
            font-weight: 700;
            font-size: 14px; }
      html body .advert .container .btn-primary {
        padding: 10px 40px;
        font-size: 21px;
        margin: 0 auto 48px; }
      html body .advert .container h3 {
        margin-bottom: 16px; }
      html body .who-we-are .nav li {
        margin: 12px 4px; }
        html body .who-we-are .nav li a {
          font-size: 14px; }
      html body .who-we-are .card {
        margin-bottom: 12px; }
      html body .who-we-are p {
        font-size: 16px;
        margin-top: 32px;
        font-weight: 500; }
      html body .who-we-are .container::after {
        left: 0px;
        right: 0px;
        height: 100%; }
      html body .who-we-are .mission img {
        margin: 24px auto 0px; }
      html body .who-we-are .mission .right-align {
        padding: 0px;
        margin: 0px; }
        html body .who-we-are .mission .right-align h1 {
          margin-bottom: 0px; }
      html body .follow {
        margin-top: 64px; }
        html body .follow h2 {
          font-size: 21px;
          line-height: 29px; }
        html body .follow .row img {
          margin-bottom: 12px; }
        html body .follow .social-buttons {
          margin-top: 16px;
          margin-bottom: 32px; }
        html body .follow .swoosh {
          position: absolute;
          right: 0px;
          left: -480px;
          width: 350%;
          top: 600px;
          z-index: 0;
          max-width: 400%; }
        html body .follow .btn {
          margin: 8px auto; }
        html body .follow .container::after {
          left: 0px;
          height: 100%;
          right: 0px; }
        html body .follow form input {
          max-width: 60%; }
          html body .follow form input[type="submit"] {
            max-width: 40%; }
      html body footer .btn {
        margin: 20px auto; }
      html body footer p {
        font-size: 14px; } }
@media all and (max-width: 767px) {
  html body .differences .hide-mobile {
    display: none !important; }
  html body .differences .swiper-container {
    width: 100%;
    height: 590px;
    display: block !important;
    overflow-x: visible; }
  html body .differences .card {
    max-width: 90%;
    margin: 0 auto; } }
.city-container {
  padding-top: 64px; }
  .city-container .container {
    padding: 0px 10vw; }
  .city-container .date {
    background: #f36a4f;
    display: inline-block;
    color: #fff;
    padding: 4px 8px;
    margin-bottom: 24px; }
  .city-container h4 {
    margin-top: 20px;
    font-weight: 400;
    letter-spacing: 0px;
    text-transform: none; }

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
  margin: 32px auto 0px;
  width: 300px; }

input {
  border: 1px solid transparent;
  background-color: #fff;
  padding: 20px;
  font-size: 18px; }

input[type=text], input[type="password"] {
  background-color: #f1f1f1;
  width: 100%;
  font-family: brandon-grotesque, sans-serif; }

input[type=submit] {
  background-color: #33bfbd;
  color: #fff;
  margin-left: -4px;
  font-family: brandon-grotesque, sans-serif; }

.autocomplete-items {
  position: absolute;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  text-align: left;
  font-family: brandon-grotesque, sans-serif;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
  max-height: 300px !important;
  height: 300px !important;
  overflow: scroll; }

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4; }

.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9; }

.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: #33bfbd !important;
  color: #ffffff; }

#button {
  display: inline-block;
  background-color: #33bfbd;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s,  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000; }

#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff; }

#button:hover {
  cursor: pointer;
  background-color: #333; }

#button:active {
  background-color: #555; }

#button.show {
  opacity: 1;
  visibility: visible; }

/* Styles for the content section */
.content {
  width: 77%;
  margin: 30px auto;
  font-family: 'Merriweather', serif;
  font-size: 17px;
  color: #6c767a;
  line-height: 1.9; }

@media (min-width: 500px) {
  .content {
    width: 43%; }

  #button {
    margin: 30px; } }
html body #loginform {
  text-align: left; }
  html body #loginform p {
    text-align: left; }