/* ==========================================================================
   c5-mar/c5-pad
   ========================================================================== */
/* line 8, src/index.scss */
.c5-marTop--0 {
  margin-top: 0px !important; }

/* line 9, src/index.scss */
.c5-marTop--5 {
  margin-top: 5px !important; }

/* line 10, src/index.scss */
.c5-marTop--10 {
  margin-top: 10px !important; }

/* line 11, src/index.scss */
.c5-marTop--20 {
  margin-top: 20px !important; }

/* line 12, src/index.scss */
.c5-marTop--30 {
  margin-top: 30px !important; }

/* line 13, src/index.scss */
.c5-marTop--40 {
  margin-top: 40px !important; }

/* line 14, src/index.scss */
.c5-marTop--50 {
  margin-top: 50px !important; }

/* line 15, src/index.scss */
.c5-marTop--60 {
  margin-top: 60px !important; }

/* line 16, src/index.scss */
.c5-marTop--70 {
  margin-top: 70px !important; }

/* line 17, src/index.scss */
.c5-marTop--80 {
  margin-top: 80px !important; }

/* line 18, src/index.scss */
.c5-marTop--90 {
  margin-top: 90px !important; }

/* line 19, src/index.scss */
.c5-marTop--100 {
  margin-top: 100px !important; }

/* line 21, src/index.scss */
.c5-marBtm--0 {
  margin-bottom: 0px !important; }

/* line 22, src/index.scss */
.c5-marBtm--5 {
  margin-bottom: 5px !important; }

/* line 23, src/index.scss */
.c5-marBtm--10 {
  margin-bottom: 10px !important; }

/* line 24, src/index.scss */
.c5-marBtm--20 {
  margin-bottom: 20px !important; }

/* line 25, src/index.scss */
.c5-marBtm--30 {
  margin-bottom: 30px !important; }

/* line 26, src/index.scss */
.c5-marBtm--40 {
  margin-bottom: 40px !important; }

/* line 27, src/index.scss */
.c5-marBtm--50 {
  margin-bottom: 50px !important; }

/* line 28, src/index.scss */
.c5-marBtm--60 {
  margin-bottom: 60px !important; }

/* line 29, src/index.scss */
.c5-marBtm--70 {
  margin-bottom: 70px !important; }

/* line 30, src/index.scss */
.c5-marBtm--80 {
  margin-bottom: 80px !important; }

/* line 31, src/index.scss */
.c5-marBtm--90 {
  margin-bottom: 90px !important; }

/* line 32, src/index.scss */
.c5-marBtm--100 {
  margin-bottom: 100px !important; }

/* line 34, src/index.scss */
.c5-padTop--0 {
  padding-top: 0px !important; }

/* line 35, src/index.scss */
.c5-padTop--5 {
  padding-top: 5px !important; }

/* line 36, src/index.scss */
.c5-padTop--10 {
  padding-top: 10px !important; }

/* line 37, src/index.scss */
.c5-padTop--20 {
  padding-top: 20px !important; }

/* line 38, src/index.scss */
.c5-padTop--30 {
  padding-top: 30px !important; }

/* line 39, src/index.scss */
.c5-padTop--40 {
  padding-top: 40px !important; }

/* line 40, src/index.scss */
.c5-padTop--50 {
  padding-top: 50px !important; }

/* line 41, src/index.scss */
.c5-padTop--60 {
  padding-top: 60px !important; }

/* line 42, src/index.scss */
.c5-padTop--70 {
  padding-top: 70px !important; }

/* line 43, src/index.scss */
.c5-padTop--80 {
  padding-top: 80px !important; }

/* line 44, src/index.scss */
.c5-padTop--90 {
  padding-top: 90px !important; }

/* line 45, src/index.scss */
.c5-padTop--100 {
  padding-top: 100px !important; }

/* line 47, src/index.scss */
.c5-padBtm--0 {
  padding-bottom: 0px !important; }

/* line 48, src/index.scss */
.c5-padBtm--5 {
  padding-bottom: 5px !important; }

/* line 49, src/index.scss */
.c5-padBtm--10 {
  padding-bottom: 10px !important; }

/* line 50, src/index.scss */
.c5-padBtm--20 {
  padding-bottom: 20px !important; }

/* line 51, src/index.scss */
.c5-padBtm--30 {
  padding-bottom: 30px !important; }

/* line 52, src/index.scss */
.c5-padBtm--40 {
  padding-bottom: 40px !important; }

/* line 53, src/index.scss */
.c5-padBtm--50 {
  padding-bottom: 50px !important; }

/* line 54, src/index.scss */
.c5-padBtm--60 {
  padding-bottom: 60px !important; }

/* line 55, src/index.scss */
.c5-padBtm--70 {
  padding-bottom: 70px !important; }

/* line 56, src/index.scss */
.c5-padBtm--80 {
  padding-bottom: 80px !important; }

/* line 57, src/index.scss */
.c5-padBtm--90 {
  padding-bottom: 90px !important; }

/* line 58, src/index.scss */
.c5-padBtm--100 {
  padding-bottom: 100px !important; }

@media screen and (max-width: 639px) {
  /* line 63, src/index.scss */
  .c5-marTopMQ--0 {
    margin-top: 0px !important; }

  /* line 64, src/index.scss */
  .c5-marTopMQ--5 {
    margin-top: 5px !important; }

  /* line 65, src/index.scss */
  .c5-marTopMQ--10 {
    margin-top: 10px !important; }

  /* line 66, src/index.scss */
  .c5-marTopMQ--20 {
    margin-top: 20px !important; }

  /* line 67, src/index.scss */
  .c5-marTopMQ--30 {
    margin-top: 30px !important; }

  /* line 68, src/index.scss */
  .c5-marTopMQ--40 {
    margin-top: 40px !important; }

  /* line 69, src/index.scss */
  .c5-marTopMQ--50 {
    margin-top: 50px !important; }

  /* line 70, src/index.scss */
  .c5-marTopMQ--60 {
    margin-top: 60px !important; }

  /* line 71, src/index.scss */
  .c5-marTopMQ--70 {
    margin-top: 70px !important; }

  /* line 72, src/index.scss */
  .c5-marTopMQ--80 {
    margin-top: 80px !important; }

  /* line 73, src/index.scss */
  .c5-marTopMQ--90 {
    margin-top: 90px !important; }

  /* line 74, src/index.scss */
  .c5-marTopMQ--100 {
    margin-top: 100px !important; }

  /* line 76, src/index.scss */
  .c5-marBtmMQ--0 {
    margin-bottom: 0px !important; }

  /* line 77, src/index.scss */
  .c5-marBtmMQ--5 {
    margin-bottom: 5px !important; }

  /* line 78, src/index.scss */
  .c5-marBtmMQ--10 {
    margin-bottom: 10px !important; }

  /* line 79, src/index.scss */
  .c5-marBtmMQ--20 {
    margin-bottom: 20px !important; }

  /* line 80, src/index.scss */
  .c5-marBtmMQ--30 {
    margin-bottom: 30px !important; }

  /* line 81, src/index.scss */
  .c5-marBtmMQ--40 {
    margin-bottom: 40px !important; }

  /* line 82, src/index.scss */
  .c5-marBtmMQ--50 {
    margin-bottom: 50px !important; }

  /* line 83, src/index.scss */
  .c5-marBtmMQ--60 {
    margin-bottom: 60px !important; }

  /* line 84, src/index.scss */
  .c5-marBtmMQ--70 {
    margin-bottom: 70px !important; }

  /* line 85, src/index.scss */
  .c5-marBtmMQ--80 {
    margin-bottom: 80px !important; }

  /* line 86, src/index.scss */
  .c5-marBtmMQ--90 {
    margin-bottom: 90px !important; }

  /* line 87, src/index.scss */
  .c5-marBtmMQ--100 {
    margin-bottom: 100px !important; }

  /* line 89, src/index.scss */
  .c5-padTopMQ--0 {
    padding-top: 0px !important; }

  /* line 90, src/index.scss */
  .c5-padTopMQ--5 {
    padding-top: 5px !important; }

  /* line 91, src/index.scss */
  .c5-padTopMQ--10 {
    padding-top: 10px !important; }

  /* line 92, src/index.scss */
  .c5-padTopMQ--20 {
    padding-top: 20px !important; }

  /* line 93, src/index.scss */
  .c5-padTopMQ--30 {
    padding-top: 30px !important; }

  /* line 94, src/index.scss */
  .c5-padTopMQ--40 {
    padding-top: 40px !important; }

  /* line 95, src/index.scss */
  .c5-padTopMQ--50 {
    padding-top: 50px !important; }

  /* line 96, src/index.scss */
  .c5-padTopMQ--60 {
    padding-top: 60px !important; }

  /* line 97, src/index.scss */
  .c5-padTopMQ--70 {
    padding-top: 70px !important; }

  /* line 98, src/index.scss */
  .c5-padTopMQ--80 {
    padding-top: 80px !important; }

  /* line 99, src/index.scss */
  .c5-padTopMQ--90 {
    padding-top: 90px !important; }

  /* line 100, src/index.scss */
  .c5-padTopMQ--100 {
    padding-top: 100px !important; }

  /* line 102, src/index.scss */
  .c5-padBtmMQ--0 {
    padding-bottom: 0px !important; }

  /* line 103, src/index.scss */
  .c5-padBtmMQ--5 {
    padding-bottom: 5px !important; }

  /* line 104, src/index.scss */
  .c5-padBtmMQ--10 {
    padding-bottom: 10px !important; }

  /* line 105, src/index.scss */
  .c5-padBtmMQ--20 {
    padding-bottom: 20px !important; }

  /* line 106, src/index.scss */
  .c5-padBtmMQ--30 {
    padding-bottom: 30px !important; }

  /* line 107, src/index.scss */
  .c5-padBtmMQ--40 {
    padding-bottom: 40px !important; }

  /* line 108, src/index.scss */
  .c5-padBtmMQ--50 {
    padding-bottom: 50px !important; }

  /* line 109, src/index.scss */
  .c5-padBtmMQ--60 {
    padding-bottom: 60px !important; }

  /* line 110, src/index.scss */
  .c5-padBtmMQ--70 {
    padding-bottom: 70px !important; }

  /* line 111, src/index.scss */
  .c5-padBtmMQ--80 {
    padding-bottom: 80px !important; }

  /* line 112, src/index.scss */
  .c5-padBtmMQ--90 {
    padding-bottom: 90px !important; }

  /* line 113, src/index.scss */
  .c5-padBtmMQ--100 {
    padding-bottom: 100px !important; } }
/* .c5-item1
   .c5-inStoreFeaturesItem1B
   ========================================================================== */
/* line 126, src/index.scss */
section.c5-item1 {
  display: block; }
  /* line 129, src/index.scss */
  section.c5-item1.c5-item1--borderTop {
    margin: 30px 0 0 0;
    padding: 30px 0 0 0;
    border-top: 1px solid #000; }
  /* line 135, src/index.scss */
  section.c5-item1.c5-item1--imgLeft .c5-item1__multiCol {
    direction: ltr !important; }
    /* line 137, src/index.scss */
    section.c5-item1.c5-item1--imgLeft .c5-item1__multiCol .c5-item1__imgCol {
      padding-left: 0;
      padding-right: 15px; }
    /* line 141, src/index.scss */
    section.c5-item1.c5-item1--imgLeft .c5-item1__multiCol .c5-item1__textCol {
      padding-right: 0;
      padding-left: 15px; }

/* line 149, src/index.scss */
.c5-item1__multiCol {
  display: table;
  width: 100%; }

/* line 153, src/index.scss */
.c5-item1__multiCol {
  direction: rtl;
  table-layout: fixed; }

/* line 160, src/index.scss */
.c5-item1__textCol {
  direction: ltr;
  vertical-align: top;
  box-sizing: border-box;
  display: table-cell;
  width: 32%; }
  /* line 166, src/index.scss */
  .c5-item1__textCol:after {
    content: '';
    display: block;
    width: 262px;
    height: 0; }

/* line 173, src/index.scss */
.c5-item1--solid .c5-item1__textCol {
  width: 100%; }

/* line 176, src/index.scss */
.c5-item1__imgCol + .c5-item1__textCol {
  width: 50%; }

/* line 180, src/index.scss */
.c5-item1__imgCol img, .c5-item2__imgCol img {
  width: 100%; }

/* line 184, src/index.scss */
.c5-item1__textCol {
  padding-right: 15px; }

/* line 185, src/index.scss */
.c5-item1__imageCol {
  direction: ltr;
  vertical-align: top;
  box-sizing: border-box;
  display: table-cell;
  width: 68%; }

/* line 192, src/index.scss */
.c5-item1--solid .c5-item1__imageCol {
  width: 1%; }

/* line 196, src/index.scss */
.c5-item1__imageCol,
.c5-item1__imgCol {
  padding-left: 15px; }

/* line 197, src/index.scss */
.c5-item1__imgCol, .c5-item2__imgCol {
  direction: ltr;
  vertical-align: top;
  box-sizing: border-box;
  display: table-cell;
  width: 50%; }

/* line 204, src/index.scss */
.c5-item2__imgCol {
  float: right;
  width: 370px;
  padding: 0 0 0 15px; }

/* line 219, src/index.scss */
.c5-item1__text + .c5-item1__aside {
  margin-top: -15px; }

@media screen and (max-width: 639px) {
  /* line 228, src/index.scss */
  .c5-item1__multiCol {
    display: block;
    width: auto; }

  /* line 232, src/index.scss */
  .c5-item1__textCol {
    display: block;
    width: auto;
    padding: 0 !important; }
    /* line 236, src/index.scss */
    .c5-item1__textCol:after {
      content: none; }

  /* line 240, src/index.scss */
  .c5-item1__imgCol + .c5-item1__textCol {
    width: auto; }

  /* line 245, src/index.scss */
  .c5-item1__imageCol,
  .c5-item1--solid .c5-item1__imageCol,
  .c5-item1--liquid .c5-item1__imageCol {
    display: block;
    width: auto;
    padding: 0; }

  /* line 251, src/index.scss */
  .c5-item1__imgCol {
    display: block;
    width: auto;
    padding: 0 !important; }

  /* line 256, src/index.scss */
  .c5-item2__imgCol {
    text-align: center;
    float: none;
    display: block;
    width: auto;
    padding: 0 15px 15px 15px; }

  /* line 264, src/index.scss */
  .c5-item1--borderBottom {
    margin: 30px 0 30px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #000; } }
/* ==========================================================================
   c5-map
   ========================================================================== */
/* line 276, src/index.scss */
.c5-map__inner.c5-map__inner--left {
  padding: 0 15px 0 0; }
  @media screen and (max-width: 639px) {
    /* line 276, src/index.scss */
    .c5-map__inner.c5-map__inner--left {
      padding: 0; } }
/* line 282, src/index.scss */
.c5-map__inner.c5-map__inner--center {
  padding: 0 7px; }
  @media screen and (max-width: 639px) {
    /* line 282, src/index.scss */
    .c5-map__inner.c5-map__inner--center {
      padding: 0; } }
/* line 289, src/index.scss */
.c5-map__inner.c5-map__inner--right {
  padding: 0 0 0 15px; }
  @media screen and (max-width: 639px) {
    /* line 289, src/index.scss */
    .c5-map__inner.c5-map__inner--right {
      padding: 0; } }
/* line 296, src/index.scss */
.c5-map__inner .pic img {
  width: 100% !important; }
/* line 300, src/index.scss */
.c5-map__inner img {
  width: auto !important; }

/* ==========================================================================
   c5-leftIconRightText
   ========================================================================== */
/* line 314, src/index.scss */
.c5-leftIconRightText + .c5-leftIconRightText {
  margin: 10px 0 0 0; }

/* line 317, src/index.scss */
.c5-leftIconRightText {
  background: #f3f4f6; }
  /* line 319, src/index.scss */
  .c5-leftIconRightText .c5-leftIconRightText__inner {
    display: table;
    table-layout: fixed; }
    /* line 322, src/index.scss */
    .c5-leftIconRightText .c5-leftIconRightText__inner .c5-leftIconRightText__innerLeft {
      display: table-cell;
      padding: 15px 0 15px 15px;
      width: 100px;
      text-align: center;
      vertical-align: middle; }
      @media screen and (max-width: 639px) {
        /* line 322, src/index.scss */
        .c5-leftIconRightText .c5-leftIconRightText__inner .c5-leftIconRightText__innerLeft {
          padding-top: 15px; } }
      /* line 333, src/index.scss */
      .c5-leftIconRightText .c5-leftIconRightText__inner .c5-leftIconRightText__innerLeft .c5-leftIconRightText__innerLeftIcon img {
        width: 50px; }
      /* line 337, src/index.scss */
      .c5-leftIconRightText .c5-leftIconRightText__inner .c5-leftIconRightText__innerLeft .c5-leftIconRightText__innerLeftIcon.c5-leftIconRightText__innerLeftIcon--w120 img {
        width: 120px; }
    /* line 343, src/index.scss */
    .c5-leftIconRightText .c5-leftIconRightText__inner .c5-leftIconRightText__innerRight {
      display: table-cell;
      vertical-align: top;
      padding: 15px; }
      @media screen and (max-width: 639px) {
        /* line 343, src/index.scss */
        .c5-leftIconRightText .c5-leftIconRightText__inner .c5-leftIconRightText__innerRight {
          display: block; } }
  /* line 353, src/index.scss */
  .c5-leftIconRightText .c5-lefttextRightimg__inner {
    display: block;
    table-layout: fixed; }
    /* line 356, src/index.scss */
    .c5-leftIconRightText .c5-lefttextRightimg__inner .c5-lefttextRightimg__innerLeft {
      padding: 15px 0 0 15px;
      text-align: left;
      vertical-align: middle;
      overflow: hidden; }
      /* line 361, src/index.scss */
      .c5-leftIconRightText .c5-lefttextRightimg__inner .c5-lefttextRightimg__innerLeft.c5-lefttextRightimg__innerLeft--border {
        border-bottom: 1px #fff solid;
        background: #eceef1; }
      @media screen and (max-width: 639px) {
        /* line 356, src/index.scss */
        .c5-leftIconRightText .c5-lefttextRightimg__inner .c5-lefttextRightimg__innerLeft {
          padding-top: 15px; } }
      /* line 368, src/index.scss */
      .c5-leftIconRightText .c5-lefttextRightimg__inner .c5-lefttextRightimg__innerLeft .c5-lefttextRightimg__innerLeftIcon {
        float: left;
        margin-right: 10px; }
        /* line 371, src/index.scss */
        .c5-leftIconRightText .c5-lefttextRightimg__inner .c5-lefttextRightimg__innerLeft .c5-lefttextRightimg__innerLeftIcon img {
          width: 50px; }
      /* line 375, src/index.scss */
      .c5-leftIconRightText .c5-lefttextRightimg__inner .c5-lefttextRightimg__innerLeft span {
        height: 55px;
        line-height: 55px; }
    /* line 380, src/index.scss */
    .c5-leftIconRightText .c5-lefttextRightimg__inner .c5-lefttextRightimg__innerRight {
      vertical-align: top;
      padding: 20px;
      overflow: hidden; }
      @media screen and (max-width: 639px) {
        /* line 380, src/index.scss */
        .c5-leftIconRightText .c5-lefttextRightimg__inner .c5-lefttextRightimg__innerRight {
          display: block; } }

/* ==========================================================================
   c5-label
   ========================================================================== */
/* line 400, src/index.scss */
span.c5-label {
  color: #fff;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 2px 5px 1px;
  border: 1px solid #db4a39;
  background: #db4a39; }
  /* line 411, src/index.scss */
  span.c5-label.c5-label--whiteRed {
    color: #DB4A39;
    border-color: #f5c0b9;
    background-color: #ffffff; }
  /* line 416, src/index.scss */
  span.c5-label.c5-label--blue {
    border-color: #5b9cc6;
    background-color: #5b9cc6; }

/* ==========================================================================
   original
   ========================================================================== */
/* line 430, src/index.scss */
.c5-Text--bgGray {
  background: #eceef1;
  padding: 20px; }

/* line 434, src/index.scss */
.c5-bannerWidth370 {
  width: 100%;
  max-width: 370px; }

@media screen and (max-width: 639px) {
  /* line 439, src/index.scss */
  .s5-promotionA__mainDefault:not(:last-child), .s5-promotionB__mainDefault:not(:last-child), .s5-promotionC__mainDefault:not(:last-child), .s5-promotionD__mainDefault:not(:last-child), .s5-promotionE__mainDefault:not(:last-child), .s5-promotionF__mainDefault:not(:last-child), .s5-promotionG__mainDefault:not(:last-child), .s5-promotionH__mainDefault:not(:last-child) {
    display: block; } }
/* line 443, src/index.scss */
.c5-item1__textCol--w100 {
  width: auto; }

/* line 446, src/index.scss */
.c5-item1__imgCol--RightAuto {
  float: right;
  width: auto;
  padding: 0 0 0 15px; }
  /* line 450, src/index.scss */
  .c5-item1__imgCol--RightAuto img {
    width: 100%; }

/* line 454, src/index.scss */
.c5-item1__imgCol--LeftAuto {
  float: left;
  width: auto;
  padding: 0 15px 0 0; }
  /* line 458, src/index.scss */
  .c5-item1__imgCol--LeftAuto img {
    width: 100%; }

/* line 462, src/index.scss */
.c5-item1__imgCol--Left30 {
  width: 30%;
  float: left;
  padding: 0 15px 0 0; }
  /* line 466, src/index.scss */
  .c5-item1__imgCol--Left30 img {
    width: 100%; }

/* line 470, src/index.scss */
.c5-item1__text--marginLeft30 {
  margin-left: 32%;
  padding: 0 0 0 15px; }

  .c5-item1__text--marginLeft40 {
  margin-left: 40%;
  padding: 0 0 0 15px; }

@media screen and (max-width: 639px) {
  /* line 476, src/index.scss */
  .c5-item1__imgCol--RightAuto {
    float: none;
    width: auto;
    margin-top: 20px;
    padding: 0 0 15px 0;
    text-align: center; }
    /* line 482, src/index.scss */
    .c5-item1__imgCol--RightAuto img {
      width: auto; }

  /* line 487, src/index.scss */
  .c5-item1__imgCol--LeftAuto,
  .c5-item1__imgCol--Left30 {
    float: none;
    width: auto;
    margin-top: 20px;
    padding: 0 0 15px 0;
    text-align: center; }
    /* line 493, src/index.scss */
    .c5-item1__imgCol--LeftAuto img,
    .c5-item1__imgCol--Left30 img {
      width: 100%; }

  /* line 497, src/index.scss */
  .c5-item1__text--marginLeft30 {
    margin-left: 0;
    padding: 0 0 0 0; } }

    /* line 497, src/index.scss */
  .c5-item1__text--marginLeft40 {
    margin-left: 0;
    padding: 0 0 0 0; } }

/* line 504, src/index.scss */
.c5-item2__imgCol--w300 {
  float: right;
  width: 300px;
  padding: 0 0 0 15px; }
  /* line 508, src/index.scss */
  .c5-item2__imgCol--w300 img {
    width: 100%; }

@media screen and (max-width: 639px) {
  /* line 513, src/index.scss */
  .c5-item2__imgCol--w300 {
    float: none;
    width: auto;
    padding: 0 0 15px 0; } }
/* line 520, src/index.scss */
.c5-item2__imgCol--w130 {
  float: right;
  width: 130px;
  padding: 0 0 0 15px; }
  /* line 524, src/index.scss */
  .c5-item2__imgCol--w130 img {
    width: 100%; }

@media screen and (max-width: 639px) {
  /* line 529, src/index.scss */
  .c5-item2__imgCol--w130 {
    float: none;
    width: auto;
    padding: 0 0 15px 0; } }
/* line 536, src/index.scss */
.mapDisp {
  height: 200px; }

/* line 540, src/index.scss */
.c5-item3__imgCol {
  direction: ltr;
  vertical-align: top;
  box-sizing: border-box;
  width: 100%;
  text-align: center; }
  @media screen and (max-width: 979px) {
    /* line 540, src/index.scss */
    .c5-item3__imgCol {
      display: block;
      width: auto; }
      /* line 553, src/index.scss */
      .c5-item3__imgCol img {
        width: 100%; } }

/* line 559, src/index.scss */
.c5-item1__imgCol--w400 {
  text-align: right;
  width: 400px;
  padding-left: 0; }
  /* line 563, src/index.scss */
  .c5-item1__imgCol--w400 img {
    width: 400px; }
  @media screen and (max-width: 979px) {
    /* line 559, src/index.scss */
    .c5-item1__imgCol--w400 {
      width: 50%; }
      /* line 570, src/index.scss */
      .c5-item1__imgCol--w400 img {
        width: 100%; } }
  @media screen and (max-width: 639px) {
    /* line 559, src/index.scss */
    .c5-item1__imgCol--w400 {
      width: 100%; } }

/* line 578, src/index.scss */
.c5-item1__textCol--w60percent {
  width: 62% !important; }
  @media screen and (max-width: 979px) {
    /* line 578, src/index.scss */
    .c5-item1__textCol--w60percent {
      width: 50%;
      display: table-cell; } }
  @media screen and (max-width: 639px) {
    /* line 578, src/index.scss */
    .c5-item1__textCol--w60percent {
      width: 100%; } }

/* line 590, src/index.scss */
.c5-item1__imgCol--w45Left {
  width: 45%;
  border-right: dotted 1px #000; }
  @media screen and (max-width: 979px) {
    /* line 590, src/index.scss */
    .c5-item1__imgCol--w45Left {
      width: 100%;
      border-right: none; } }

/* line 598, src/index.scss */
.c5-item1__imgCol--w45Right {
  width: 45%;
  padding-right: 0 !important;
  padding-left: 15px !important; }
  @media screen and (max-width: 979px) {
    /* line 598, src/index.scss */
    .c5-item1__imgCol--w45Right {
      width: 100%;
      border-right: none;
      padding-right: 0 !important;
      padding-left: 0 !important; } }

@media screen and (max-width: 979px) {
  /* line 612, src/index.scss */
  .c5-bannerimg img {
    width: 100%; } }

/* line 618, src/index.scss */
.c5--borderedDotted {
  border-bottom: dotted 1px;
  padding-bottom: 8px; }



  /* line 403, src/index.scss */
.c5-item1__imgCol--w20 {
  width: 20%; }
  /* line 406, src/index.scss */
  .c5-item1__imgCol--w20 img {
    width: 100%; }
  @media screen and (max-width: 979px) {
    /* line 403, src/index.scss */
    .c5-item1__imgCol--w20 {
      width: 50%; }
      /* line 413, src/index.scss */
      .c5-item1__imgCol--w20 img {
        width: 100%; } }
  @media screen and (max-width: 639px) {
    /* line 403, src/index.scss */
    .c5-item1__imgCol--w20 {
      width: 100%; } }






/* ==========================================================================
   c5-table__style1
   ========================================================================== */

.c5-table__style1{
  margin-top: 20px;
}

.c5-table__style1 dt{
  float: left;
  width: 100px;
}

.c5-table__style1 dd{
  margin-left: 100px;
}


.c5-table__style2{
  margin-top: 20px;
}

.c5-table__style2 dt{
  float: left;
  width: 50px;
}

.c5-table__style2 dd{
  margin-left: 50px;
  margin-bottom: 10px;
}



.c5-table__style3{
  margin-top: 20px;
}

.c5-table__style3 dt{
  float: left;
  width: auto;
  font-weight: bold;
}

.c5-table__style3 dd{
  margin-left: 50px;
  margin-bottom: 10px;
}



.c5-table__style4{
  margin-top: 20px;
}

.c5-table__style4 dt{
  width: auto;
  font-weight: bold;
}

.c5-table__style4 dd{
  margin-left: 0px;
  margin-bottom: 10px;
}


.c5-table__style5{
  margin-top: 20px;
}

.c5-table__style5 dt{
  float: left;
  width: auto;
  font-weight: bold;

}



.c5-table__style5 dd{
  margin-left: 50px;
  margin-bottom: 10px;
}


@media screen and (max-width: 639px) {
  .c5-table__style5 dt{
    float: none;
    width: auto;
    font-weight: bold;
  }

  .c5-table__style5 dd{
    float: none;
    margin-left: 0px;
    margin-bottom: 10px;
  }
}



.c5-font__normal{
  font-weight: normal !important;
}



.c5-pc{
}

.c5-sp_450{
  display: none;

}


.c5-header__ribbon{

}


.c5-header__ribbon {
  display:block;
  width:95%;
  text-align: center;
  /*font-size: 14px;*/
  line-height: 28px;
  color: #000;
  margin: 20px auto;
  font-family: arial, verdana;
  outline: none;
  padding: 14px 30px;
  position: relative;
  /*background-color:#ad975a;*/
  text-transform: uppercase;
  /*A little shadow for 3d effect*/
  /*Finally another shadow to negate some aspects of the :after element to complete the effect. This drops a shrinked shadow over the :after element with the same color like that of the background. The shadow is shrinked by the same offset amount = 18. And it is moved down by twice the offset amount to cover the entire height of the :after element*/
  box-shadow:
    0 0 30px 0 rgba(0, 0, 0, 0.1),
    0 36px 0 -18px #fff;
}
.c5-header__ribbon span{
  display:block;
  padding:10px;
}
/*The ribbon ends*/
.c5-header__ribbon:before {
  content: '';
  position: absolute;
  bottom: -18px;
  left: -5%;
  z-index: -1;
  width: 110%;
  /*We will be using the triangle logic - 2 sided borders and 0 height. That will create negative triangles on the left and right*/
  height: 0;
  border: 38px solid rgba(0, 0, 0, 0);
  border-left: 38px solid #fff;
  border-right: 38px solid #fff;
  /*Same color as the container which is the body in this case*/
}

/*The after pseudo element will negatve the bottom part of the ribbon completing the effect*/
.c5-header__ribbon:after {
  content: '';
  width: 100%;
  height: 0;
  position: absolute;
  top: 100%; left: 0;
  z-index: -1;
  /*The height of the top border is same as width of the left/right borders for the smoothest effect. The height of the top border is also the same as the offset the :before element has from the top*/
  border-top: 18px solid #ad975a;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
}

.c5-header__ribbon, .c5-header__ribbon:before {
  /*Some cool multi-background - we will use a combination of 4 backgrounds to create a cool effect*/
  background-image:
    linear-gradient(
      transparent 8%,
      rgba(0, 0, 0, 0.1) 8%,
      rgba(0, 0, 0, 0.1) 14%,
      transparent 14%,
      transparent 86%,
      rgba(0, 0, 0, 0.1) 86%,
      rgba(0, 0, 0, 0.1) 92%,
      transparent 92%
    ),
    linear-gradient(
      rgba(255, 255, 255, 0.9),
      rgba(255, 255, 255, 0)
    ),
    linear-gradient(#ad975a, #e5c46c);
}

.c5-header__ribbon, .c5-header__ribbon:before, .c5-header__ribbon:after {
  box-sizing: border-box;
  /*Fix to make the borders appear on the ribbon ends also*/
  background-origin: border-box;
}




.c5-header__ribbon2{

}


.c5-header__ribbon2 {
  display:block;
  width:100%;
  text-align: center;
  /*font-size: 14px;*/
  line-height: 28px;
  color: #000;
  margin: 20px auto;
  font-family: arial, verdana;
  outline: none;
  padding: 14px 30px;
  position: relative;
  /*background-color:#ad975a;*/
  text-transform: uppercase;
  /*A little shadow for 3d effect*/
  /*Finally another shadow to negate some aspects of the :after element to complete the effect. This drops a shrinked shadow over the :after element with the same color like that of the background. The shadow is shrinked by the same offset amount = 18. And it is moved down by twice the offset amount to cover the entire height of the :after element*/
  box-shadow:
    0 0 30px 0 rgba(0, 0, 0, 0.1),
    0 36px 0 -18px #fff;
}
.c5-header__ribbon2 span{
  display:block;
  padding:10px;
}
/*The ribbon ends*/
.c5-header__ribbon2:before {
  content: '';
  position: absolute;
  top: 18px;
  left: -5%;
  z-index: -1;
  width: 110%;
  /*We will be using the triangle logic - 2 sided borders and 0 height. That will create negative triangles on the left and right*/
  height: 0;
  border: 38px solid rgba(0, 0, 0, 0);
  border-left: 38px solid #fff;
  border-right: 38px solid #fff;
  /*Same color as the container which is the body in this case*/
}

/*The after pseudo element will negatve the bottom part of the ribbon completing the effect*/
.c5-header__ribbon2:after {
  content: '';
  width: 100%;
  height: 0;
  position: absolute;
  top: 100%; left: 0;
  z-index: -1;
  /*The height of the top border is same as width of the left/right borders for the smoothest effect. The height of the top border is also the same as the offset the :before element has from the top*/
  border-top: 18px solid #e44e75;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
}

.c5-header__ribbon2, .c5-header__ribbon2:before {
  /*Some cool multi-background - we will use a combination of 4 backgrounds to create a cool effect*/
  background-image:
    linear-gradient(
      transparent 8%,
      rgba(0, 0, 0, 0.1) 8%,
      rgba(0, 0, 0, 0.1) 14%,
      transparent 14%,
      transparent 86%,
      rgba(0, 0, 0, 0.1) 86%,
      rgba(0, 0, 0, 0.1) 92%,
      transparent 92%
    ),
    linear-gradient(
      rgba(255, 255, 255, 0.9),
      rgba(255, 255, 255, 0)
    ),
    linear-gradient(#ffa0c8, #ff88a7);
}

.c5-header__ribbon2, .c5-header__ribbon2:before, .c5-header__ribbon2:after {
  box-sizing: border-box;
  /*Fix to make the borders appear on the ribbon ends also*/
  background-origin: border-box;
}


@media screen and (max-width: 450px) {
  .c5-pc{
    display: none;
  }

  .c5-sp_450{
    display: block;
  }
}



/* ==========================================================================
   c5-vote
   ========================================================================== */
.c5-vote{
  padding:40px;
  background: #fbfbfd; 
}

  .c5-vote .s5-inStoreFeatures{
    padding:0; 
    margin: 0;
  }
  .c5-vote .s5-inStoreFeaturesItem3__image{
        margin-bottom: 10px;
  }









