@import url("//fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
@import url("//fonts.googleapis.com/css2?family=Roboto+Slab:wght@200;300&display=swap");
footer {
  background-color: white;
  -webkit-box-shadow: 0 -1px 10px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 -1px 10px 1px rgba(0, 0, 0, 0.1);
  color: black; }
  footer .footer_bottom {
    background-color: #eee; }
  footer h2, footer h3, footer h4 {
    text-transform: uppercase;
    margin-bottom: 10px; }
  footer ul {
    list-style-type: none; }
    footer ul li a {
      color: black;
      text-decoration: none; }
  footer .browse_by_store {
    padding: 30px 0;
    border-bottom: 1px solid #555; }
    footer .browse_by_store h2 {
      margin-bottom: 15px; }
    footer .browse_by_store ul {
      list-style-type: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
      footer .browse_by_store ul li {
        margin-top: 5px; }
        footer .browse_by_store ul li a {
          text-transform: uppercase;
          display: block;
          padding: 5px 10px;
          color: black;
          text-decoration: none;
          font-weight: 700;
          background-color: rgba(255, 255, 255, 0.03);
          border-radius: 1px;
          -webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out; }
          footer .browse_by_store ul li a:hover {
            background-color: rgba(255, 255, 255, 0.2); }
  footer .widget_area {
    padding: 30px 0; }
    footer .widget_area .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      footer .widget_area .container .item {
        -webkit-box-flex: 3;
            -ms-flex: 3;
                flex: 3;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        padding: 10px; }
        footer .widget_area .container .item.widget_1 {
          font-size: 13px; }
        footer .widget_area .container .item.widget_4, footer .widget_area .container .item.widget_3 {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-flow: column nowrap;
                  flex-flow: column nowrap; }
          footer .widget_area .container .item.widget_4 h4, footer .widget_area .container .item.widget_3 h4 {
            text-transform: capitalize;
            font-weight: 500;
            font-size: 13px; }
          footer .widget_area .container .item.widget_4 form label, footer .widget_area .container .item.widget_3 form label {
            display: none; }
          footer .widget_area .container .item.widget_4 form input[type="text"],
          footer .widget_area .container .item.widget_4 form textarea, footer .widget_area .container .item.widget_3 form input[type="text"],
          footer .widget_area .container .item.widget_3 form textarea {
            width: 100%;
            height: 30px;
            border: 1px solid black;
            background-color: transparent;
            color: black;
            padding: 2px 5px;
            font-family: "Roboto", sans-serif;
            margin: 15px 0;
            display: block;
            font-size: 14px; }
          footer .widget_area .container .item.widget_4 form textarea, footer .widget_area .container .item.widget_3 form textarea {
            height: 50px; }
          footer .widget_area .container .item.widget_4 form input[type="submit"], footer .widget_area .container .item.widget_3 form input[type="submit"] {
            border: 1px solid black;
            background-color: black;
            color: black;
            text-transform: uppercase;
            padding: 5px 13px;
            cursor: pointer; }
          footer .widget_area .container .item.widget_4 .top_bar_social_icons, footer .widget_area .container .item.widget_3 .top_bar_social_icons {
            list-style-type: none;
            margin-top: 30px; }
            footer .widget_area .container .item.widget_4 .top_bar_social_icons li, footer .widget_area .container .item.widget_3 .top_bar_social_icons li {
              display: inline-block;
              margin: 0 15px; }
              footer .widget_area .container .item.widget_4 .top_bar_social_icons li:first-of-type, footer .widget_area .container .item.widget_3 .top_bar_social_icons li:first-of-type {
                margin-left: 0; }
              footer .widget_area .container .item.widget_4 .top_bar_social_icons li:last-of-type, footer .widget_area .container .item.widget_3 .top_bar_social_icons li:last-of-type {
                margin-right: 0; }
              footer .widget_area .container .item.widget_4 .top_bar_social_icons li a, footer .widget_area .container .item.widget_3 .top_bar_social_icons li a {
                padding: 0;
                font-size: 18px; }
                footer .widget_area .container .item.widget_4 .top_bar_social_icons li a:before, footer .widget_area .container .item.widget_3 .top_bar_social_icons li a:before {
                  display: none; }
        footer .widget_area .container .item ul li {
          margin: 5px 0; }
          footer .widget_area .container .item ul li a {
            display: block;
            width: 100%;
            height: 100%;
            padding: 5px 0 5px 15px;
            position: relative;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; }
            footer .widget_area .container .item ul li a:hover {
              font-weight: 600; }
            footer .widget_area .container .item ul li a:before {
              content: " ";
              display: block;
              position: absolute;
              left: 0;
              bottom: 0;
              height: 100%;
              width: 5px;
              background-color: #e1683a; }
      @media (max-width: 767.98px) {
        footer .widget_area .container {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap; }
          footer .widget_area .container .item {
            -webkit-box-flex: 1;
                -ms-flex: 1 1 50%;
                    flex: 1 1 50%;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start; } }
      @media (max-width: 575.98px) {
        footer .widget_area .container {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap; }
          footer .widget_area .container .item {
            -webkit-box-flex: 1;
                -ms-flex: 1 1 100%;
                    flex: 1 1 100%;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start; } }
  footer .footer_bottom {
    padding: 20px 0; }
    footer .footer_bottom .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      footer .footer_bottom .container .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 50%; }
        footer .footer_bottom .container .item.coupon_info {
          margin-bottom: 15px;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          footer .footer_bottom .container .item.coupon_info ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-flow: row nowrap;
                    flex-flow: row nowrap; }
            footer .footer_bottom .container .item.coupon_info ul li {
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              text-align: center;
              margin: 10px 10px; }
              footer .footer_bottom .container .item.coupon_info ul li a {
                padding: 5px 10px;
                background-color: white;
                color: black;
                font-size: 13px; }
      @media (max-width: 767.98px) {
        footer .footer_bottom .container {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-flow: column wrap;
                  flex-flow: column wrap; }
          footer .footer_bottom .container .item {
            width: 100%;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; }
            footer .footer_bottom .container .item.coupon_info {
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              -webkit-box-ordinal-group: 0;
                  -ms-flex-order: -1;
                      order: -1; } }
      @media (max-width: 575.98px) {
        footer .footer_bottom .container .item.coupon_info ul {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-flow: column wrap;
                  flex-flow: column wrap; } }

#coupon_modal .modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  #coupon_modal .modal-body .item.left {
    width: 20%; }
    #coupon_modal .modal-body .item.left .img_wrapper img {
      width: 100%;
      height: auto; }
  #coupon_modal .modal-body .item.right {
    padding-left: 20px; }
    #coupon_modal .modal-body .item.right h2,
    #coupon_modal .modal-body .item.right p {
      margin: 20px auto; }
    #coupon_modal .modal-body .item.right .coupon_code {
      display: none;
      padding: 8px 25px;
      background-color: black;
      color: white;
      border-radius: 1px; }
  @media (max-width: 767.98px) {
    #coupon_modal .modal-body {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      #coupon_modal .modal-body .item.left {
        width: 100% !important; } }