.clock {
  transform: scale(0.98);
    opacity: 0.8;
    margin: 0 auto;
    position: absolute;
    bottom: -6px;

  }
  @media(max-width:960px) {
    .clock {
      transform: scale(0.48)!important;
    width:500px;
      margin: 0 auto;
      position: absolute;
      bottom: -30px;
    }
    
  #bfscountdown{
    margin-top: -2px !important;
  }
  }

  #bfscountdown{
    margin-top: -25px;
    display: flex;    
align-items: center;
    align-content: center;
    justify-content: center;
  }
    
  
  .flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .flip-clock-wrapper a {
    cursor: pointer;
    text-decoration: none;
    color: #ccc;
  }
  
  .flip-clock-wrapper a:hover {
    color: #fff;
  }
  
  .flip-clock-wrapper ul {
    list-style: none;
  }
  
  .flip-clock-wrapper.clearfix:after,
  .flip-clock-wrapper.clearfix:before {
    content: " ";
    display: table;
  }
  
  .flip-clock-wrapper.clearfix:after {
    clear: both;
  }
  
  .flip-clock-wrapper.clearfix {

  }
  
  .flip-clock-wrapper {
    font: 11px helvetica neue,Helvetica,sans-serif;
    -webkit-user-select: none;
  }
  
  .flip-clock-meridium {
    background: 0 0!important;
    box-shadow: 0 0 0!important;
    font-size: 36px!important;
  }
  
  .flip-clock-meridium a {
    color: #313333;
  }
  
  .flip-clock-wrapper {
    text-align: center;
    position: relative;
  }
  
  .flip-clock-wrapper:after,
  .flip-clock-wrapper:before {
    content: " ";
    display: table;
  }
  
  .flip-clock-wrapper:after {
    clear: both;
  }
  
  .flip-clock-wrapper ul {
    position: relative;
    float: left;
    margin: 5px;
    width: 0.8em;
    height: 1.1em;
    font-size: 7.3em;
    font-weight: 700;
    line-height: 87px;
    border-radius: 6px;
    background: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,.9) 75%);
  }
  @media(max-width:960px) {
    .flip-clock-wrapper ul {
      position: relative!important;
      float: left!important;
      font-size: 4.4em!important;
      font-weight: 100!important;
      height: 1.4em!important;
      border-radius: 6px;
      box-sizing: border-box;
      margin: 1px!important !important;
    }
  
    .flip-clock-wrapper ul li,
    .flip-clock-wrapper ul li a div div.inn {
      height: 70%;
      line-height: 67px;
      font-size: 38px;
    }
  
    .clock twodaydigits,
    .flip-clock-wrapper {
      margin-top: 10px;
    }
  
    .flip-clock-wrapper ul li a div div.inn {
      font-size: 50px!important;
    }
  }
  
  .flip-clock-wrapper ul li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 87px;
    text-decoration: none!important;
  }
  
  .flip-clock-wrapper ul li:first-child {
    z-index: 2;
  }
  
  .flip-clock-wrapper ul li a {
    display: block;
    height: 100%;
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    perspective: 200px;
    margin: 0!important !important;
    overflow: visible!important;
    cursor: default!important;
  }
  
  .flip-clock-wrapper ul li a div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    font-size: 80px;
    overflow: hidden;
    outline: 1px solid transparent;
  }
  
  .flip-clock-wrapper ul li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
  }
  
  .flip-clock-wrapper ul li a div.up {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    top: 0;
  }
  
  .flip-clock-wrapper ul li a div.up:after {
    content: "";
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 3px;
    background-color: #000;
    background-color: rgba(0,0,0,.4);
  }
  
  .flip-clock-wrapper ul li a div.down {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  
  .flip-clock-wrapper ul li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #fff;
    text-shadow: 0 1px 2px #000;
    text-align: center;
    background: linear-gradient(to bottom,#505050 0%,#030303 100%);
    border-radius: 6px;
    font-size: 70px;
  }
  
  .flip-clock-wrapper ul li a div.up div.inn {
    top: 0;
  }
  
  .flip-clock-wrapper ul li a div.down div.inn {
    bottom: 0;
  }
  
  .flip-clock-wrapper ul.play li.flip-clock-before {
    z-index: 3;
  }
  
  .flip-clock-wrapper .flip {
    box-shadow: 0 2px 5px rgba(0,0,0,.7);
  }
  
  .flip-clock-wrapper ul.play li.flip-clock-active {
    -webkit-animation: asd 0.5s 0.5s linear both;
    -moz-animation: asd 0.5s 0.5s linear both;
    animation: asd 0.5s 0.5s linear both;
    z-index: 5;
  }
  
  .flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 20px;
    height: 100px;
  }
  
  .flip-clock-divider:first-child {
    width: 0;
  }
  
  .flip-clock-dot {
    display: block;
    background: #323434;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
    left: 5px;
  }
  
  .flip-clock-divider .flip-clock-label {
    display: none;
  }
  
  .flip-clock-divider.minutes .flip-clock-label {
    right: -88px;
  }
  
  .flip-clock-divider.seconds .flip-clock-label {
    right: -91px;
  }
  
  .flip-clock-dot.top {
    top: 30px;
  }
  
  .flip-clock-dot.bottom {
    bottom: 30px;
  }
  @-webkit-keyframes asd {
    0% {
      z-index: 2;
    }
  
    20% {
      z-index: 4;
    }
  
    100% {
      z-index: 4;
    }
  }
  @-moz-keyframes asd {
    0% {
      z-index: 2;
    }
  
    20% {
      z-index: 4;
    }
  
    100% {
      z-index: 4;
    }
  }
  @-o-keyframes asd {
    0% {
      z-index: 2;
    }
  
    20% {
      z-index: 4;
    }
  
    100% {
      z-index: 4;
    }
  }
  @keyframes asd {
    0% {
      z-index: 2;
    }
  
    20% {
      z-index: 4;
    }
  
    100% {
      z-index: 4;
    }
  }
  
  .flip-clock-wrapper ul.play li.flip-clock-active .down {
    z-index: 2;
    -webkit-animation: turn 0.5s 0.5s linear both;
    -moz-animation: turn 0.5s 0.5s linear both;
    animation: turn 0.5s 0.5s linear both;
  }
  @-webkit-keyframes turn {
    0% {
      -webkit-transform: rotateX(90deg);
    }
  
    100% {
      -webkit-transform: rotateX(0deg);
    }
  }
  @-moz-keyframes turn {
    0% {
      -moz-transform: rotateX(90deg);
    }
  
    100% {
      -moz-transform: rotateX(0deg);
    }
  }
  @-o-keyframes turn {
    0% {
      -o-transform: rotateX(90deg);
    }
  
    100% {
      -o-transform: rotateX(0deg);
    }
  }
  @keyframes turn {
    0% {
      transform: rotateX(90deg);
    }
  
    100% {
      transform: rotateX(0deg);
    }
  }
  
  .flip-clock-wrapper ul.play li.flip-clock-before .up {
    z-index: 2;
    -webkit-animation: turn2 0.5s linear both;
    -moz-animation: turn2 0.5s linear both;
    animation: turn2 0.5s linear both;
  }
  @-webkit-keyframes turn2 {
    0% {
      -webkit-transform: rotateX(0deg);
    }
  
    100% {
      -webkit-transform: rotateX(-90deg);
    }
  }
  @-moz-keyframes turn2 {
    0% {
      -moz-transform: rotateX(0deg);
    }
  
    100% {
      -moz-transform: rotateX(-90deg);
    }
  }
  @-o-keyframes turn2 {
    0% {
      -o-transform: rotateX(0deg);
    }
  
    100% {
      -o-transform: rotateX(-90deg);
    }
  }
  @keyframes turn2 {
    0% {
      transform: rotateX(0deg);
    }
  
    100% {
      transform: rotateX(-90deg);
    }
  }
  
  .flip-clock-wrapper ul li.flip-clock-active {
    z-index: 3;
  }
  
  .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    background: -moz-linear-gradient(top,rgba(0,0,0,0.1) 0%,black 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.1)),color-stop(100%,black));
    background: linear,top,rgba(0,0,0,.1) 0%,#000 100%;
    background: -o-linear-gradient(top,rgba(0,0,0,0.1) 0%,black 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0.1) 0%,black 100%);
    background: linear,to bottom,rgba(0,0,0,.1) 0%,#000 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both;
  }
  
  .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    background: -moz-linear-gradient(top,rgba(0,0,0,0.1) 0%,black 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.1)),color-stop(100%,black));
    background: linear,top,rgba(0,0,0,.1) 0%,#000 100%;
    background: -o-linear-gradient(top,rgba(0,0,0,0.1) 0%,black 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0.1) 0%,black 100%);
    background: linear,to bottom,rgba(0,0,0,.1) 0%,#000 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.3s linear both;
  }
  
  .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: -moz-linear-gradient(top,black 0%,rgba(0,0,0,0.1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,black),color-stop(100%,rgba(0,0,0,0.1)));
    background: linear,top,#000 0%,rgba(0,0,0,.1) 100%;
    background: -o-linear-gradient(top,black 0%,rgba(0,0,0,0.1) 100%);
    background: -ms-linear-gradient(top,black 0%,rgba(0,0,0,0.1) 100%);
    background: linear,to bottom,#000 0%,rgba(0,0,0,.1) 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both;
  }
  
  .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    background: -moz-linear-gradient(top,black 0%,rgba(0,0,0,0.1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,black),color-stop(100%,rgba(0,0,0,0.1)));
    background: linear,top,#000 0%,rgba(0,0,0,.1) 100%;
    background: -o-linear-gradient(top,black 0%,rgba(0,0,0,0.1) 100%);
    background: -ms-linear-gradient(top,black 0%,rgba(0,0,0,0.1) 100%);
    background: linear,to bottom,#000 0%,rgba(0,0,0,.1) 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.2s linear both;
  }
  @-webkit-keyframes show {
    0% {
      opacity: 0;
    }
  
    100% {
      opacity: 1;
    }
  }
  @-moz-keyframes show {
    0% {
      opacity: 0;
    }
  
    100% {
      opacity: 1;
    }
  }
  @-o-keyframes show {
    0% {
      opacity: 0;
    }
  
    100% {
      opacity: 1;
    }
  }
  @keyframes show {
    0% {
      opacity: 0;
    }
  
    100% {
      opacity: 1;
    }
  }
  @-webkit-keyframes hide {
    0% {
      opacity: 1;
    }
  
    100% {
      opacity: 0;
    }
  }
  @-moz-keyframes hide {
    0% {
      opacity: 1;
    }
  
    100% {
      opacity: 0;
    }
  }
  @-o-keyframes hide {
    0% {
      opacity: 1;
    }
  
    100% {
      opacity: 0;
    }
  }
  @keyframes hide {
    0% {
      opacity: 1;
    }
  
    100% {
      opacity: 0;
    }
  }
  
  #bfscountdown {
    position: relative;
  }


  .clock2 {
    transform: scale(0.98);
      opacity: 0.8;
      margin: 0 auto;
      position: absolute;
      bottom: -6px;
      opacity: 0.5;clear:both;transform: scale(0.5) !important;float:right !important;right:-12% !important;top:39% !important;
  
    }
    @media(max-width:960px) {
      .clock2 {
        transform: scale(0.48)!important;
      width:500px;
        margin: 0 auto;
        position: absolute;
        bottom: -30px;
        opacity: 0.5;clear:both;transform: scale(0.3) !important;top:-15% !important;right:calc(-50% + 25px) !important;
      }
      
    #bfscountdown{
      margin-top: -2px !important;
    }
    }
  
    #bfscountdown{
      margin-top: -25px;
      display: flex;    
  align-items: center;
      align-content: center;
      justify-content: center;
    }
      
    
    .flip-clock2-wrapper * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
    }
    
    .flip-clock2-wrapper a {
      cursor: pointer;
      text-decoration: none;
      color: #ccc;
    }
    
    .flip-clock2-wrapper a:hover {
      color: #fff;
    }
    
    .flip-clock2-wrapper ul {
      list-style: none;
    }
    
    .flip-clock2-wrapper.clearfix:after,
    .flip-clock2-wrapper.clearfix:before {
      content: " ";
      display: table;
    }
    
    .flip-clock2-wrapper.clearfix:after {
      clear: both;
    }
    
    .flip-clock2-wrapper.clearfix {
  
    }
    
    .flip-clock2-wrapper {
      font: 11px helvetica neue,Helvetica,sans-serif;
      -webkit-user-select: none;
    }
    
    .flip-clock2-meridium {
      background: 0 0!important;
      box-shadow: 0 0 0!important;
      font-size: 36px!important;
    }
    
    .flip-clock2-meridium a {
      color: #313333;
    }
    
    .flip-clock2-wrapper {
      text-align: center;
      position: relative;
    }
    
    .flip-clock2-wrapper:after,
    .flip-clock2-wrapper:before {
      content: " ";
      display: table;
    }
    
    .flip-clock2-wrapper:after {
      clear: both;
    }
    
    .flip-clock2-wrapper ul {
      position: relative;
      float: left;
      margin: 5px;
      width: 0.8em;
      height: 1.1em;
      font-size: 7.3em;
      font-weight: 700;
      line-height: 87px;
      border-radius: 6px;
      background: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,.9) 75%);
    }
    @media(max-width:960px) {
      .flip-clock2-wrapper ul {
        position: relative!important;
        float: left!important;
        font-size: 4.4em!important;
        font-weight: 100!important;
        height: 1.4em!important;
        border-radius: 6px;
        box-sizing: border-box;
        margin: 1px!important !important;
      }
    
      .flip-clock2-wrapper ul li,
      .flip-clock2-wrapper ul li a div div.inn {
        height: 70%;
        line-height: 67px;
        font-size: 38px;
      }
    
      .clock2 twodaydigits,
      .flip-clock2-wrapper {
        margin-top: 10px;
      }
    
      .flip-clock2-wrapper ul li a div div.inn {
        font-size: 50px!important;
      }
    }
    
    .flip-clock2-wrapper ul li {
      z-index: 1;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      line-height: 87px;
      text-decoration: none!important;
    }
    
    .flip-clock2-wrapper ul li:first-child {
      z-index: 2;
    }
    
    .flip-clock2-wrapper ul li a {
      display: block;
      height: 100%;
      -webkit-perspective: 200px;
      -moz-perspective: 200px;
      perspective: 200px;
      margin: 0!important !important;
      overflow: visible!important;
      cursor: default!important;
    }
    
    .flip-clock2-wrapper ul li a div {
      z-index: 1;
      position: absolute;
      left: 0;
      width: 100%;
      height: 50%;
      font-size: 80px;
      overflow: hidden;
      outline: 1px solid transparent;
    }
    
    .flip-clock2-wrapper ul li a div .shadow {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 2;
    }
    
    .flip-clock2-wrapper ul li a div.up {
      -webkit-transform-origin: 50% 100%;
      -moz-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
      -o-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      top: 0;
    }
    
    .flip-clock2-wrapper ul li a div.up:after {
      content: "";
      position: absolute;
      top: 44px;
      left: 0;
      z-index: 5;
      width: 100%;
      height: 3px;
      background-color: #000;
      background-color: rgba(0,0,0,.4);
    }
    
    .flip-clock2-wrapper ul li a div.down {
      -webkit-transform-origin: 50% 0;
      -moz-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
      -o-transform-origin: 50% 0;
      transform-origin: 50% 0;
      bottom: 0;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
    }
    
    .flip-clock2-wrapper ul li a div div.inn {
      position: absolute;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 200%;
      color: #fff;
      text-shadow: 0 1px 2px #000;
      text-align: center;
      background: linear-gradient(to bottom,#505050 0%,#030303 100%);
      border-radius: 6px;
      font-size: 70px;
    }
    
    .flip-clock2-wrapper ul li a div.up div.inn {
      top: 0;
    }
    
    .flip-clock2-wrapper ul li a div.down div.inn {
      bottom: 0;
    }
    
    .flip-clock2-wrapper ul.play li.flip-clock2-before {
      z-index: 3;
    }
    
    .flip-clock2-wrapper .flip {
      box-shadow: 0 2px 5px rgba(0,0,0,.7);
    }
    
    .flip-clock2-wrapper ul.play li.flip-clock2-active {
      -webkit-animation: asd 0.5s 0.5s linear both;
      -moz-animation: asd 0.5s 0.5s linear both;
      animation: asd 0.5s 0.5s linear both;
      z-index: 5;
    }
    
    .flip-clock2-divider {
      float: left;
      display: inline-block;
      position: relative;
      width: 20px;
      height: 100px;
    }
    
    .flip-clock2-divider:first-child {
      width: 0;
    }
    
    .flip-clock2-dot {
      display: block;
      background: #323434;
      width: 10px;
      height: 10px;
      position: absolute;
      border-radius: 50%;
      box-shadow: 0 0 5px rgba(0,0,0,.5);
      left: 5px;
    }
    
    .flip-clock2-divider .flip-clock2-label {
      display: none;
    }
    
    .flip-clock2-divider.minutes .flip-clock2-label {
      right: -88px;
    }
    
    .flip-clock2-divider.seconds .flip-clock2-label {
      right: -91px;
    }
    
    .flip-clock2-dot.top {
      top: 30px;
    }
    
    .flip-clock2-dot.bottom {
      bottom: 30px;
    }
    @-webkit-keyframes asd {
      0% {
        z-index: 2;
      }
    
      20% {
        z-index: 4;
      }
    
      100% {
        z-index: 4;
      }
    }
    @-moz-keyframes asd {
      0% {
        z-index: 2;
      }
    
      20% {
        z-index: 4;
      }
    
      100% {
        z-index: 4;
      }
    }
    @-o-keyframes asd {
      0% {
        z-index: 2;
      }
    
      20% {
        z-index: 4;
      }
    
      100% {
        z-index: 4;
      }
    }
    @keyframes asd {
      0% {
        z-index: 2;
      }
    
      20% {
        z-index: 4;
      }
    
      100% {
        z-index: 4;
      }
    }
    
    .flip-clock2-wrapper ul.play li.flip-clock2-active .down {
      z-index: 2;
      -webkit-animation: turn 0.5s 0.5s linear both;
      -moz-animation: turn 0.5s 0.5s linear both;
      animation: turn 0.5s 0.5s linear both;
    }
    @-webkit-keyframes turn {
      0% {
        -webkit-transform: rotateX(90deg);
      }
    
      100% {
        -webkit-transform: rotateX(0deg);
      }
    }
    @-moz-keyframes turn {
      0% {
        -moz-transform: rotateX(90deg);
      }
    
      100% {
        -moz-transform: rotateX(0deg);
      }
    }
    @-o-keyframes turn {
      0% {
        -o-transform: rotateX(90deg);
      }
    
      100% {
        -o-transform: rotateX(0deg);
      }
    }
    @keyframes turn {
      0% {
        transform: rotateX(90deg);
      }
    
      100% {
        transform: rotateX(0deg);
      }
    }
    
    .flip-clock2-wrapper ul.play li.flip-clock2-before .up {
      z-index: 2;
      -webkit-animation: turn2 0.5s linear both;
      -moz-animation: turn2 0.5s linear both;
      animation: turn2 0.5s linear both;
    }
    @-webkit-keyframes turn2 {
      0% {
        -webkit-transform: rotateX(0deg);
      }
    
      100% {
        -webkit-transform: rotateX(-90deg);
      }
    }
    @-moz-keyframes turn2 {
      0% {
        -moz-transform: rotateX(0deg);
      }
    
      100% {
        -moz-transform: rotateX(-90deg);
      }
    }
    @-o-keyframes turn2 {
      0% {
        -o-transform: rotateX(0deg);
      }
    
      100% {
        -o-transform: rotateX(-90deg);
      }
    }
    @keyframes turn2 {
      0% {
        transform: rotateX(0deg);
      }
    
      100% {
        transform: rotateX(-90deg);
      }
    }
    
    .flip-clock2-wrapper ul li.flip-clock2-active {
      z-index: 3;
    }
    
    .flip-clock2-wrapper ul.play li.flip-clock2-before .up .shadow {
      background: -moz-linear-gradient(top,rgba(0,0,0,0.1) 0%,black 100%);
      background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.1)),color-stop(100%,black));
      background: linear,top,rgba(0,0,0,.1) 0%,#000 100%;
      background: -o-linear-gradient(top,rgba(0,0,0,0.1) 0%,black 100%);
      background: -ms-linear-gradient(top,rgba(0,0,0,0.1) 0%,black 100%);
      background: linear,to bottom,rgba(0,0,0,.1) 0%,#000 100%;
      -webkit-animation: show 0.5s linear both;
      -moz-animation: show 0.5s linear both;
      animation: show 0.5s linear both;
    }
    
    .flip-clock2-wrapper ul.play li.flip-clock2-active .up .shadow {
      background: -moz-linear-gradient(top,rgba(0,0,0,0.1) 0%,black 100%);
      background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.1)),color-stop(100%,black));
      background: linear,top,rgba(0,0,0,.1) 0%,#000 100%;
      background: -o-linear-gradient(top,rgba(0,0,0,0.1) 0%,black 100%);
      background: -ms-linear-gradient(top,rgba(0,0,0,0.1) 0%,black 100%);
      background: linear,to bottom,rgba(0,0,0,.1) 0%,#000 100%;
      -webkit-animation: hide 0.5s 0.3s linear both;
      -moz-animation: hide 0.5s 0.3s linear both;
      animation: hide 0.5s 0.3s linear both;
    }
    
    .flip-clock2-wrapper ul.play li.flip-clock2-before .down .shadow {
      background: -moz-linear-gradient(top,black 0%,rgba(0,0,0,0.1) 100%);
      background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,black),color-stop(100%,rgba(0,0,0,0.1)));
      background: linear,top,#000 0%,rgba(0,0,0,.1) 100%;
      background: -o-linear-gradient(top,black 0%,rgba(0,0,0,0.1) 100%);
      background: -ms-linear-gradient(top,black 0%,rgba(0,0,0,0.1) 100%);
      background: linear,to bottom,#000 0%,rgba(0,0,0,.1) 100%;
      -webkit-animation: show 0.5s linear both;
      -moz-animation: show 0.5s linear both;
      animation: show 0.5s linear both;
    }
    
    .flip-clock2-wrapper ul.play li.flip-clock2-active .down .shadow {
      background: -moz-linear-gradient(top,black 0%,rgba(0,0,0,0.1) 100%);
      background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,black),color-stop(100%,rgba(0,0,0,0.1)));
      background: linear,top,#000 0%,rgba(0,0,0,.1) 100%;
      background: -o-linear-gradient(top,black 0%,rgba(0,0,0,0.1) 100%);
      background: -ms-linear-gradient(top,black 0%,rgba(0,0,0,0.1) 100%);
      background: linear,to bottom,#000 0%,rgba(0,0,0,.1) 100%;
      -webkit-animation: hide 0.5s 0.3s linear both;
      -moz-animation: hide 0.5s 0.3s linear both;
      animation: hide 0.5s 0.2s linear both;
    }
    @-webkit-keyframes show {
      0% {
        opacity: 0;
      }
    
      100% {
        opacity: 1;
      }
    }
    @-moz-keyframes show {
      0% {
        opacity: 0;
      }
    
      100% {
        opacity: 1;
      }
    }
    @-o-keyframes show {
      0% {
        opacity: 0;
      }
    
      100% {
        opacity: 1;
      }
    }
    @keyframes show {
      0% {
        opacity: 0;
      }
    
      100% {
        opacity: 1;
      }
    }
    @-webkit-keyframes hide {
      0% {
        opacity: 1;
      }
    
      100% {
        opacity: 0;
      }
    }
    @-moz-keyframes hide {
      0% {
        opacity: 1;
      }
    
      100% {
        opacity: 0;
      }
    }
    @-o-keyframes hide {
      0% {
        opacity: 1;
      }
    
      100% {
        opacity: 0;
      }
    }
    @keyframes hide {
      0% {
        opacity: 1;
      }
    
      100% {
        opacity: 0;
      }
    }
    
    #bfscountdown {
      position: relative;
    }