.g_offset-banner-container { max-width: 1440px; min-width: 280px; margin: 0 auto; }
.g_offset-banner { width: 100%; display: grid; grid-template-columns: 1fr 2fr; margin: 0 auto; }
.g_offset-banner_left { background: #000000; padding: 0 10px; box-sizing: border-box; position: relative; }
.g_offset-banner_right { background: #FFFFFF; padding: 25px 50px; box-sizing: border-box; position: relative; }
.g_offset-banner_header { font-family: Roboto, Arial, sans-serif; font-size: 28px !important; font-weight: bold; line-height: 1; letter-spacing: 2.82px !important; text-align: center; text-transform: uppercase; color: #FFFFFF; margin: 0px !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: calc(100% - 20px); }
.g_offset-banner p { font-family: Roboto, Arial, sans-serif; font-size: 18px !important; font-weight: bold !important; line-height: 20px; letter-spacing: 1.58px; text-transform: uppercase; margin: 0 0 20px 0 !important; }
.g_offset-banner a { display: block; color: inherit; text-decoration: none; width: max-content; margin-bottom: 20px; overflow: visible; }
.g_offset-banner a > span { font: 18px Roboto, Arial, sans-serif; line-height: 20px; border-bottom: 1px solid #ED1C24; }
.g_offset-banner a:hover > span { color: #ED1C24; }
.g_offset-banner a > img { filter: invert(38%) sepia(86%) saturate(7098%) hue-rotate(347deg) brightness(92%) contrast(103%); }
.g_offset-banner a:first-of-type > img { width: 16px; height: 24px; margin: 0 3px -5px 0; }
.g_offset-banner a:last-of-type > img { width: 24px; height: 24px; margin: 0 3px -8px 0; }
.g_offset-banner-container._ex-margin { margin-bottom: 40px; }
.g_offset-banner-container._ex-padding { padding-bottom: 40px; }

@media (min-width: 768px) and (max-width: 1199px) {
  .g_offset-banner > div:first-child { min-width: 260px; }
  .g_offset-banner > div:last-child { padding: 20px 30px; }
  .g_offset-banner h4 { font-size: 24px !important; letter-spacing: 2.11px !important; width: 100%; max-width: calc(100% - 20px); }
  .g_offset-banner p { font-size: 16px !important; margin: 0 0 16px 0 !important; }
  .g_offset-banner a { margin: 0 0 16px 0; }
  .g_offset-banner a > span { font-size: 14px; }
  .g_offset-banner a:first-of-type > img { width: 12px; height: 20px; }
  .g_offset-banner a:last-of-type > img { width: 20px; height: 20px; margin: 0 3px -6px 0; }
}

@media (max-width: 767px) {
  .g_offset-banner-container { max-width: 560px; position: relative; }
  .g_offset-banner { display: flex; flex-flow: column; height: auto; width: 100%; margin: 50px auto 0; }
  .g_offset-banner_left { width: 100%; height: 80px; background: #000000; padding: 0px; }
  .g_offset-banner_left:before { display: none; }
  .g_offset-banner_right { width: 100%; padding: 20px 25px; box-sizing: border-box; }
  .g_offset-banner_right:after { display: none; }
  .g_offset-banner h4 { font-size: 22px !important; letter-spacing: 2.11px !important; max-width: calc(100% - 20px); }
  .g_offset-banner p { font-size: 16px !important; max-width: 100%; }
  .g_offset-banner a:last-of-type { margin: 0px; }
  .g_offset-banner a > span { font-size: 14px; }
  .g_offset-banner a:first-of-type > img { width: 12px; height: 20px; }
  .g_offset-banner a:last-of-type > img { width: 20px; height: 20px; margin: 0 3px -6px 0; }
}

@media (max-width: 500px) {
  .g_offset-banner a > span { font-size: 13px; }
}