/*
    pesticide v0.1.0 . @mrmrs . MIT
*/
.js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal {
  /*width: 768px;*/
  width: 800px;
  margin: 0 auto;
  /*border: solid 1px #eee;*/
  padding: 20px; }
  .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal a.rsu-modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    border-radius-top-right: 50%;
    border-radius-bottom-right: 50%;
    border-radius-bottom-left: 50%;
    border-radius-top-left: 50%;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
    height: 36px;
    width: 36px; }
  .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal h1 {
    font-size: 45px;
    margin: 0 0 15px; }
  .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .subtext h2 {
    font-size: 18px;
    margin: 0;
    line-height: 25px; }
  .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .subtext p {
    font-size: 15px;
    line-height: 23px;
    margin-top: 12px; }
  .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container {
    /*padding: 6px 0 20px;*/
    padding: 20px 0; }
    .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container a.seeRewardsStatement h3,
    .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container a.seeRewardsStatement p {
      max-width: 200px; }
    .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container a.seeRewardsStatement p {
      margin: 7px 0 0; }
    .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container .rsu-btn * {
      outline: 0; }
    .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container .rsu-btn span.rsu-icon {
      background-size: 50%; }
    .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container .rsu-btn.rsu-money {
      background: #80bf00; }
      .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container .rsu-btn.rsu-money span.rsu-icon {
        background: url(../img/money-ie.png) white no-repeat;
        background-size: 55%;
        background-position: center; }
    .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container .rsu-btn.rsu-benefits {
      background: #ff9700; }
      .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container .rsu-btn.rsu-benefits span.rsu-icon {
        background: url(../img/benefits-ie.png) white no-repeat;
        background-size: 60%;
        background-position: center; }
    .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container .rsu-btn.rsu-retirement {
      background: #006fff; }
      .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container .rsu-btn.rsu-retirement span.rsu-icon {
        background: url(../img/retirement-ie.png) white no-repeat;
        background-size: 60%;
        background-position: center; }
    .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container .rsu-btn.rsu-income-protection {
      padding: 10px 16px;
      background: #b248e8; }
      .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container .rsu-btn.rsu-income-protection a {
        top: 0; }
      .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container .rsu-btn.rsu-income-protection span.rsu-icon {
        position: relative;
        top: 7px;
        background: url(../img/protection-ie.png) white no-repeat;
        background-size: 45%;
        background-position: center; }
      .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container .rsu-btn.rsu-income-protection span.word {
        top: 2px; }
      .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container .rsu-btn.rsu-income-protection span.icon {
        top: -10px; }
    .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container .rsu-btn.rsu-equity {
      background: #db5e01; }
      .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container .rsu-btn.rsu-equity span.rsu-icon {
        background: url(../img/equity-ie.png) white no-repeat;
        background-size: 60%;
        background-position: center; }
    .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container div.rewards-list:first-child {
      background: blue; }
    .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container .pContainer {
      margin-top: 16px; }
.js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal {
  /*padding: 20px;*/
  /*background: blue;*/ }
  .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container {
    padding: 43px; }
    .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container .mainImg {
      /*display: block;*/
      float: right;
      margin-top: 36px;
      margin-bottom: 0px; }
    .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container .rewards-list {
      float: left;
      width: 259px; }
      .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container .rewards-list .rsu {
        width: 259px; }
        .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container .rewards-list .rsu:last-child {
          margin-bottom: 0; }
    .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container a.seeRewardsStatement {
      float: right;
      height: 124px;
      margin-top: 59px;
      width: 352px; }
      .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container a.seeRewardsStatement h3, .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container a.seeRewardsStatement p {
        max-width: 240px; }
      .js.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation.postmessage.no-websqldatabase.no-indexeddb .kroger-rsu-modal .rsu-container a.seeRewardsStatement span.icon {
        position: relative;
        top: -17px; }

/** { border: solid 1px red; }*/
body.rsu * {
  box-sizing: border-box;
  font-family: Helvetica; }
body.rsu span.icon {
  font-family: 'Kroger-Modal' !important; }

.kroger-rsu-modal {
  position: relative; }
  .kroger-rsu-modal a {
    text-decoration: none; }
  .kroger-rsu-modal .rsu-container {
    background: #f3f3f3;
    border-radius: 12px;
    -webkit-border-radius: 12px; }
    .kroger-rsu-modal .rsu-container .mainImg {
      margin-right: auto;
      margin-left: auto; }
  .kroger-rsu-modal .rewards-list {
    padding: 0;
    margin: 0;
    /* main buttons */ }
    .kroger-rsu-modal .rewards-list > div.rsu-btn, .kroger-rsu-modal .rewards-list > h3.rsu-btn {
      display: block;
      width: 259px;
      height: 80px;
      border-radius: 12px;
      -webkit-border-radius: 12px;
      padding: 16px;
      color: #fff;
      font-size: 26px;
      font-weight: 500;
      border: none;
      box-shadow: none;
      -webkit-box-shadow: none;
      width: 259px;
      height: 80px;
      text-align: left;
      display: block;
      margin-bottom: 16px;
      margin-top: 0; }
      .kroger-rsu-modal .rewards-list > div.rsu-btn:last-child, .kroger-rsu-modal .rewards-list > h3.rsu-btn:last-child {
        margin: 0; }
      .kroger-rsu-modal .rewards-list > div.rsu-btn span.icon, .kroger-rsu-modal .rewards-list > h3.rsu-btn span.icon {
        float: right;
        font-size: 25px;
        position: relative;
        top: 12px; }
      .kroger-rsu-modal .rewards-list > div.rsu-btn span.word, .kroger-rsu-modal .rewards-list > h3.rsu-btn span.word {
        top: 10px;
        position: relative;
        font-size: 28px; }
      .kroger-rsu-modal .rewards-list > div.rsu-btn a, .kroger-rsu-modal .rewards-list > h3.rsu-btn a {
        display: block;
        height: 100%;
        width: 100%; }
      .kroger-rsu-modal .rewards-list > div.rsu-btn.open span.icon:before, .kroger-rsu-modal .rewards-list > h3.rsu-btn.open span.icon:before {
        content: "\e601"; }
    .kroger-rsu-modal .rewards-list > div.rsu.rsu-btn.rsu-income-protection, .kroger-rsu-modal .rewards-list > h3.rsu.rsu-btn.rsu-income-protection {
      margin: 0; }
    .kroger-rsu-modal .rewards-list .pContainer {
      overflow: hidden;
      width: 259px;
      padding-left: 16px;
      height: 140px; }
      .kroger-rsu-modal .rewards-list .pContainer:last-child {
        height: 127px; }
        .kroger-rsu-modal .rewards-list .pContainer:last-child p, .kroger-rsu-modal .rewards-list .pContainer:last-child li:first-child {
          top: 0;
          margin-top: 16px; }
        .kroger-rsu-modal .rewards-list .pContainer:last-child li {
          margin: 0; }
      .kroger-rsu-modal .rewards-list .pContainer p, .kroger-rsu-modal .rewards-list .pContainer li {
        line-height: 18px;
        margin-top: 0;
        position: relative; }
    .kroger-rsu-modal .rewards-list > div.pContainer, .kroger-rsu-modal .rewards-list > div.rsu, .kroger-rsu-modal .rewards-list > h3.rsu {
      font-size: 14px;
      display: block; }
      .kroger-rsu-modal .rewards-list > div.pContainer a, .kroger-rsu-modal .rewards-list > div.rsu a, .kroger-rsu-modal .rewards-list > h3.rsu a {
        color: #fff; }
        .kroger-rsu-modal .rewards-list > div.pContainer a span.rsu-icon, .kroger-rsu-modal .rewards-list > div.rsu a span.rsu-icon, .kroger-rsu-modal .rewards-list > h3.rsu a span.rsu-icon {
          height: 46px;
          width: 46px;
          background: #fff;
          border-radius: 50%;
          -webkit-border-radius: 50%;
          display: inline-block;
          float: left;
          margin-right: 9px; }
      .kroger-rsu-modal .rewards-list > div.pContainer ul, .kroger-rsu-modal .rewards-list > div.rsu ul, .kroger-rsu-modal .rewards-list > h3.rsu ul {
        padding-left: 16px;
        margin: 0; }
        .kroger-rsu-modal .rewards-list > div.pContainer ul li, .kroger-rsu-modal .rewards-list > div.rsu ul li, .kroger-rsu-modal .rewards-list > h3.rsu ul li {
          font-weight: bold;
          list-style-type: disc; }
          .kroger-rsu-modal .rewards-list > div.pContainer ul li:last-child, .kroger-rsu-modal .rewards-list > div.rsu ul li:last-child, .kroger-rsu-modal .rewards-list > h3.rsu ul li:last-child {
            /*margin-bottom: 27px;*/ }
      .kroger-rsu-modal .rewards-list > div.pContainer.rsu-money, .kroger-rsu-modal .rewards-list > div.rsu.rsu-money, .kroger-rsu-modal .rewards-list > h3.rsu.rsu-money {
        background: #80bf00; }
        .kroger-rsu-modal .rewards-list > div.pContainer.rsu-money span.rsu-icon, .kroger-rsu-modal .rewards-list > div.rsu.rsu-money span.rsu-icon, .kroger-rsu-modal .rewards-list > h3.rsu.rsu-money span.rsu-icon {
          background: url(../img/money.png) white no-repeat;
          background-size: 55%;
          background-position: center; }
      .kroger-rsu-modal .rewards-list > div.pContainer.rsu-benefits, .kroger-rsu-modal .rewards-list > div.rsu.rsu-benefits, .kroger-rsu-modal .rewards-list > h3.rsu.rsu-benefits {
        background: #ff9700; }
        .kroger-rsu-modal .rewards-list > div.pContainer.rsu-benefits span.rsu-icon, .kroger-rsu-modal .rewards-list > div.rsu.rsu-benefits span.rsu-icon, .kroger-rsu-modal .rewards-list > h3.rsu.rsu-benefits span.rsu-icon {
          background: url(../img/benefits.png) white no-repeat;
          background-size: 60%;
          background-position: center; }
      .kroger-rsu-modal .rewards-list > div.pContainer.rsu-retirement, .kroger-rsu-modal .rewards-list > div.rsu.rsu-retirement, .kroger-rsu-modal .rewards-list > h3.rsu.rsu-retirement {
        background: #006fff; }
        .kroger-rsu-modal .rewards-list > div.pContainer.rsu-retirement span.rsu-icon, .kroger-rsu-modal .rewards-list > div.rsu.rsu-retirement span.rsu-icon, .kroger-rsu-modal .rewards-list > h3.rsu.rsu-retirement span.rsu-icon {
          background: url(../img/retirement.png) white no-repeat;
          background-size: 60%;
          background-position: center; }
      .kroger-rsu-modal .rewards-list > div.pContainer.rsu-income-protection, .kroger-rsu-modal .rewards-list > div.rsu.rsu-income-protection, .kroger-rsu-modal .rewards-list > h3.rsu.rsu-income-protection {
        padding: 10px 16px;
        background: #b248e8; }
        .kroger-rsu-modal .rewards-list > div.pContainer.rsu-income-protection a, .kroger-rsu-modal .rewards-list > div.rsu.rsu-income-protection a, .kroger-rsu-modal .rewards-list > h3.rsu.rsu-income-protection a {
          top: 0; }
        .kroger-rsu-modal .rewards-list > div.pContainer.rsu-income-protection span.rsu-icon, .kroger-rsu-modal .rewards-list > div.rsu.rsu-income-protection span.rsu-icon, .kroger-rsu-modal .rewards-list > h3.rsu.rsu-income-protection span.rsu-icon {
          position: relative;
          top: 7px;
          background: url(../img/protection.png) white no-repeat;
          background-size: 45%;
          background-position: center; }
        .kroger-rsu-modal .rewards-list > div.pContainer.rsu-income-protection span.word, .kroger-rsu-modal .rewards-list > div.rsu.rsu-income-protection span.word, .kroger-rsu-modal .rewards-list > h3.rsu.rsu-income-protection span.word {
          top: 2px; }
        .kroger-rsu-modal .rewards-list > div.pContainer.rsu-income-protection span.icon, .kroger-rsu-modal .rewards-list > div.rsu.rsu-income-protection span.icon, .kroger-rsu-modal .rewards-list > h3.rsu.rsu-income-protection span.icon {
          top: -10px; }
      .kroger-rsu-modal .rewards-list > div.pContainer.rsu-equity, .kroger-rsu-modal .rewards-list > div.rsu.rsu-equity, .kroger-rsu-modal .rewards-list > h3.rsu.rsu-equity {
        background: #db5e01; }
        .kroger-rsu-modal .rewards-list > div.pContainer.rsu-equity span.rsu-icon, .kroger-rsu-modal .rewards-list > div.rsu.rsu-equity span.rsu-icon, .kroger-rsu-modal .rewards-list > h3.rsu.rsu-equity span.rsu-icon {
          background: url(../img/equity.png) white no-repeat;
          background-size: 60%;
          background-position: center; }
  .kroger-rsu-modal a.seeRewardsStatement {
    color: #fff !important;
    /*height: 124px;*/
    width: 352px;
    background: #00a8e7;
    display: block;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    padding: 16px 18px; }
    .kroger-rsu-modal a.seeRewardsStatement h3 {
      font-size: 26px;
      margin: 0;
      font-weight: 500;
      float: left;
      width: 240px; }
    .kroger-rsu-modal a.seeRewardsStatement p {
      font-size: 14px;
      float: left;
      width: 240px;
      line-height: 18px; }
    .kroger-rsu-modal a.seeRewardsStatement span.icon {
      float: right;
      font-size: 25px; }

@media screen and (min-width: 0px) {
  .kroger-rsu-modal {
    background: rgba(0,0,0,0.1);
    width: 100%;
    display: block;
    float: left;
    padding: 10px; }
    .kroger-rsu-modal a.rsu-modal-close {
      position: absolute;
      top: 10px;
      right: 10px;
      color: #fff;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      background: rgba(0, 0, 0, 0.5);
      padding: 10px;
      height: 36px;
      width: 36px; }
    .kroger-rsu-modal h1 {
      font-size: 45px;
      margin: 0 0 15px; }
    .kroger-rsu-modal .subtext h2 {
      font-size: 18px;
      margin: 0;
      line-height: 25px; }
    .kroger-rsu-modal .subtext p {
      font-size: 15px;
      line-height: 23px;
      margin-top: 12px; }
    .kroger-rsu-modal .rsu-container {
      padding: 20px 0; }
      .kroger-rsu-modal .rsu-container a.seeRewardsStatement h3,
      .kroger-rsu-modal .rsu-container a.seeRewardsStatement p {
        max-width: 200px; }
      .kroger-rsu-modal .rsu-container a.seeRewardsStatement p {
        margin: 7px 0 0; } }
@media screen and (min-width: 0px) and (max-width: 320px) {
  .kroger-rsu-modal div.rewards-list {
    margin: 0 auto;
    width: 259px; }
  .kroger-rsu-modal a.seeRewardsStatement {
    margin: 0 auto; } }
@media screen and (min-width: 0px) and (max-width: 767px) {
  .kroger-rsu-modal img {
    display: none; }
  .kroger-rsu-modal div.rewards-list {
    margin: 0 auto;
    width: 259px;
    margin-top: 16px; }
  .kroger-rsu-modal a.seeRewardsStatement {
    margin: 0 auto; } }
@media screen and (min-width: 0px) and (min-width: 336px) {
  .kroger-rsu-modal {
    padding: 20px; }
    .kroger-rsu-modal .rsu-container {
      padding: 20px 0; } }
@media screen and (min-width: 0px) and (max-width: 433px) {
  .mainImg {
    padding: 30px 30px 16px 30px; } }
@media screen and (min-width: 0px) and (max-width: 767px) {
  .kroger-rsu-modal div.rewards-list {
    margin: 0 auto;
    width: 259px; }
  .kroger-rsu-modal a.seeRewardsStatement {
    width: 259px;
    margin: 0 auto;
    margin-top: 16px; }
    .kroger-rsu-modal a.seeRewardsStatement h3, .kroger-rsu-modal a.seeRewardsStatement p {
      width: 170px;
      clear: left; }
    .kroger-rsu-modal a.seeRewardsStatement span.icon {
      position: relative;
      top: -28px; } }
@media screen and (max-width: 460px) {
  .kroger-rsu-modal h1 {
    width: auto; } }
@media screen and (min-width: 461px) and (max-width: 653px) {
  .kroger-rsu-modal h1 {
    width: 400px; } }
@media screen and (min-width: 768px) {
  .kroger-rsu-modal .rsu-container {
    padding: 43px; }
    .kroger-rsu-modal .rsu-container .mainImg {
      float: right;
      margin-top: 36px;
      margin-bottom: 0px; }
    .kroger-rsu-modal .rsu-container .rewards-list {
      float: left;
      width: 259px; }
      .kroger-rsu-modal .rsu-container .rewards-list .rsu {
        width: 259px; }
        .kroger-rsu-modal .rsu-container .rewards-list .rsu:last-child {
          margin-bottom: 0; }
    .kroger-rsu-modal .rsu-container a.seeRewardsStatement {
      float: right;
      height: 124px;
      margin-top: 59px;
      width: 352px; }
      .kroger-rsu-modal .rsu-container a.seeRewardsStatement h3, .kroger-rsu-modal .rsu-container a.seeRewardsStatement p {
        max-width: 240px; }
      .kroger-rsu-modal .rsu-container a.seeRewardsStatement span.icon {
        position: relative;
        top: -17px; } }
@media screen and (min-width: 900px) {
  .kroger-rsu-modal {
    width: 900px;
    height: auto;
    margin: 0 auto; }
    .kroger-rsu-modal h1 {
      width: 400px;
      display: inline-block;
      position: relative;
      top: -38px; }
    .kroger-rsu-modal div.subtext {
      width: 390px;
      margin-left: 60px;
      display: inline-block; } }
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

@font-face {
  font-family: 'Kroger-Modal';
  src: url("../fonts/Kroger-Modal.eot?-qbzoub");
  src: url("../fonts/Kroger-Modal.eot?#iefix-qbzoub") format("embedded-opentype"), url("../fonts/Kroger-Modal.woff?-qbzoub") format("woff"), url("../fonts/Kroger-Modal.ttf?-qbzoub") format("truetype"), url("../fonts/Kroger-Modal.svg?-qbzoub#Kroger-Modal") format("svg");
  font-weight: normal;
  font-style: normal; }
.icon {
  font-family: 'Kroger-Modal';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-close:before {
  content: "\e603"; }

.icon-arrow-down:before {
  content: "\e600"; }

.icon-arrow-up:before {
  content: "\e601"; }

.icon-arrow-right:before {
  content: "\e602"; }

/* Modal Styling for testing */
#krogerModal {
  height: 900px;
  width: 900px;
  position: relative;
  margin: 0 auto;
  background: red; }