#countdown {
  max-width: 850px;
  color: #df5e82;
  /*font-family: 'PT Sans Narrow', sans-serif; */}
  #countdown *:not(i) {
    /*font-family: 'PT Sans Narrow', sans-serif; */}
  #countdown .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  #countdown .timer {
    font-size: 65px;
    letter-spacing: 10px;
    margin: 40px 0 45px; }
    @media screen and (max-width: 768px) {
      #countdown .timer {
        font-size: 45px; } }
  #countdown .left > div {
    text-align: center; }
  #countdown .border {
    display: inline-block;
    padding: 5px 10px;
    color: #d6a838;
    font-size: 14px;
    position: relative;
    -webkit-box-shadow: inset 0 0 0 1px #d6a838;
    box-shadow: inset 0 0 0 1px #d6a838; }
    #countdown .border b {
      letter-spacing: 2px; }
    #countdown .border span {
      position: absolute;
      background-color: #d6a838; }
    #countdown .border span:nth-of-type(1) {
      right: -2px;
      top: 4px;
      width: 2px;
      height: 1px; }
    #countdown .border span:nth-of-type(2) {
      right: -3px;
      top: 4px;
      width: 1px;
      height: 100%; }
    #countdown .border span:nth-of-type(3) {
      right: -3px;
      bottom: -4px;
      width: 100%;
      height: 1px; }
    #countdown .border span:nth-of-type(4) {
      left: 3px;
      bottom: -4px;
      width: 1px;
      height: 4px; }
  #countdown a.border {
    display: block;
    width: 80%;
    max-width: 200px;
    text-align: center;
    line-height: 60px;
    font-size: 23px;
    margin: 30px auto; }
  #countdown a.border:hover {
    background-color: #d6a838;
    color: #fff; }
  #countdown .bottom {
    width: 100%;
    margin-top: 80px;
    margin-bottom: 100px; }
    #countdown .bottom .bar {
      position: relative;
      height: 30px; }
      #countdown .bottom .bar .bar-main {
        position: absolute;
        height: 80%;
        bottom: 0;
        left: 0;
        background-color: #df5e82;
        
        background-image: -webkit-gradient(linear, left top, right top, from(#df5e82), to(#ff789e));
        background-image: -webkit-linear-gradient(left, #df5e82 0%, #ff789e 100%);
        background-image: -o-linear-gradient(left, #df5e82 0%, #ff789e 100%);
        background-image: linear-gradient(to right, #df5e82 0%, #ff789e 100%);
      }
      #countdown .bottom .bar .bar-bg {
        height: 100%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center; 
        border-bottom: 1px solid #df5e82; }
        #countdown .bottom .bar .bar-bg .mark {
          position: relative;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          border-right: 1px solid #df5e82;
          width: calc( 100% / 8); }

        #countdown .bottom .bar .bar-bg >.empty-mark {
          background-color: #fff;
          border-bottom: 1px solid #df5e82;}

          #countdown .bottom .bar .bar-bg .mark .leftup {
            position: absolute;
            left: 0;
            top: 0;
            -webkit-transform: translate3d(0%, calc(-100% - 10px), 0);
            transform: translate3d(0%, calc(-100% - 10px), 0); }
          #countdown .bottom .bar .bar-bg .mark .centerup {
            position: absolute;
            left: 50%;
            top: 0;
            -webkit-transform: translate3d(0%, calc(-100% - 10px), 0);
            transform: translate3d(0%, calc(-100% - 10px), 0); }
            .bar-bg>.mark{
              background-color: #df5e82;
            }
          #countdown .bottom .bar .bar-bg .mark .m {
            display: none; }
          @media screen and (max-width: 768px) {
            #countdown .bottom .bar .bar-bg .mark .m {
              display: inline; }
            #countdown .bottom .bar .bar-bg .mark .pc {
              /*display: none;*/ } }
          #countdown .bottom .bar .bar-bg .mark .up {
            font-size: 13px;
            position: absolute;
            right: 0;
            top: 0;
            -webkit-transform: translate3d(50%, calc(-100% - 10px), 0);
            transform: translate3d(50%, calc(-100% - 10px), 0); }
          #countdown .bottom .bar .bar-bg .mark .down {
            position: absolute;
            right: 0;
            bottom: 0;
            letter-spacing: 3px;
            -webkit-transform: translate3d(50%, calc(100% + 10px), 0);
            transform: translate3d(50%, calc(100% + 10px), 0); }
            #countdown .bottom .bar .bar-bg .mark .down span {
              font-size: 15px; }
        #countdown .bottom .bar .bar-bg .mark:nth-of-type(1),
        #countdown .bottom .bar .bar-bg .mark:nth-of-type(2),
        #countdown .bottom .bar .bar-bg .mark:nth-of-type(3),
        #countdown .bottom .bar .bar-bg .mark:nth-of-type(4) {
          width: calc( 100% / 4); }
        #countdown .bottom .bar .bar-bg .mark.lock .up {
          color: #4c8848; }
        #countdown .bottom .bar .bar-bg .mark.lock .down {
          color: #0a2b17;
          background-color: #d6a838;
          padding: 2px 1px 2px 4px;
          border-radius: 100%;
          font-size: 12px; }

          .page-id-6156 .btn-color.btn-inverse:hover,
           .page-id-6156 .btn-color.btn-inverse:focus,
           .page-id-6156 .btn-color.btn-inverse.active,
           .page-id-6156 .btn-color.btn-inverse.active.focus,
           .page-id-6156 .btn-color.btn-inverse.active:focus,
           .page-id-6156 .btn-color.btn-inverse.active:hover,
           .page-id-6156 .btn-color.btn-inverse:active,
           .page-id-6156 .btn-color.btn-inverse:active.focus,
           .page-id-6156 .btn-color.btn-inverse:active:focus,
           .page-id-6156 .btn-color.btn-inverse:active:hover {
            color: #fff;
            border-color: #666666;
            background-color: #666666;
        }

        .page-id-6156 .btn-color:hover,
        .page-id-6156 .btn-color:focus,
        .page-id-6156 .btn-color.active,
        .page-id-6156 .btn-color.active.focus,
        .page-id-6156 .btn-color.active:focus,
        .page-id-6156 .btn-color.active:hover,
        .page-id-6156 .btn-color:active,
        .page-id-6156 .btn-color:active.focus,
        .page-id-6156 .btn-color:active:focus,
        .page-id-6156 .btn-color:active:hover {
        color: #fff;
        background-color: #d2d3d4;
        border-color: #d2d3d4
        }
        /*. NeCo Page page-id-5984 */
        .page-id-5984 .btn-color:hover,
        .page-id-5984 .btn-color:focus,
        .page-id-5984 .btn-color.active,
        .page-id-5984 .btn-color.active.focus,
        .page-id-5984 .btn-color.active:focus,
        .page-id-5984 .btn-color.active:hover,
        .page-id-5984 .btn-color:active,
        .page-id-5984 .btn-color:active.focus,
        .page-id-5984 .btn-color:active:focus,
        .page-id-5984 .btn-color:active:hover {
        color: #fff;
        background-color: #d2d3d4;
        border-color: #d2d3d4
        }

        .my-purchase-neco:hover,
        .my-purchase-neco:focus,
        .my-purchase-neco.active,
        .my-purchase-neco.active.focus,
        .my-purchase-neco.active:focus,
        .my-purchase-neco.active:hover,
        .my-purchase-neco:active,
        .my-purchase-neco:active.focus,
        .my-purchase-neco:active:focus,
        .my-purchase-neco:active:hover {
        color: #fff !important;
        background-color: #d2d3d4 !important;
        border-color: #d2d3d4 !important;
        }
        .text-left > a{
          border-width: 2px ;
        }


          /*sboutus page*/
          .page-id-6156 div>.wpb_wrapper > h1 {
            /*margin-top: 50px;*/
          }