.clock-parent {
 position:absolute;
 left:13px;
 bottom:-4px
}
.clock-parent span {
 color:#fff
}
.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:before,
.flip-clock-wrapper.clearfix:after {
 content:" ";
 display:table
}
.flip-clock-wrapper.clearfix:after {
 clear:both
}
.flip-clock-wrapper.clearfix {
 *zoom:1
}
.flip-clock-wrapper {
 font-size:11px;
 -webkit-user-select:none
}
.flip-clock-meridium {
 background:none!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;
 width:100%;
 margin-top:10px
}
.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
 content:" ";
 display:table
}
.flip-clock-wrapper:after {
 clear:both
}
.flip-clock-wrapper ul {
 position:relative;
 float:left;
 margin:2px;
 width:26px;
 height:25px;
 font-size:20px;
 font-weight:bold;
 line-height:25px;
 border-radius:6px;
 background:#000;
 padding-right:0!important
}
.flip-clock-wrapper ul li {
 z-index:1;
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 line-height:26px;
 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:100px;
 -moz-perspective:100px;
 perspective:100px;
 margin:0!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:30px;
 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:14px;
 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:#ccc;
 text-shadow:0 1px 2px #000;
 text-align:center;
 background-color:#333;
 border-radius:6px;
 font-size:20px
}
.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 ul.play li.flip-clock-active {
 -webkit-animation:asd .01s .49s linear both;
 -moz-animation:asd .01s .49s linear both;
 animation:asd .01s .49s linear both;
 z-index:5
}
.flip-clock-divider {
 float:left;
 display:inline-block;
 position:relative;
 width:10px;
 height:35px;
 color:#fff
}
.flip-clock-divider:first-child {
 width:0
}
.flip-clock-dot {
 display:block;
 background:#fff;
 width:2px;
 height:2px;
 position:absolute;
 border-radius:50%;
 box-shadow:0 0 5px rgba(0,0,0,.5);
 left:4px
}
.flip-clock-divider .flip-clock-label {
 position:absolute;
 bottom:-.9em;
 right:-39px;
 color:#fff;
 text-shadow:none
}
.flip-clock-dot.top {
 top:20px
}
.flip-clock-dot.bottom {
 bottom:25px
}
@-webkit-keyframes asd {
 0% {
  z-index:2
 }
 100% {
  z-index:4
 }
}
@-moz-keyframes asd {
 0% {
  z-index:2
 }
 100% {
  z-index:4
 }
}
@-o-keyframes asd {
 0% {
  z-index:2;
 }
 100% {
  z-index:4;
 }
}
@keyframes asd {
 0% {
  z-index:2
 }
 100% {
  z-index:4
 }
}
.flip-clock-wrapper ul.play li.flip-clock-active .down {
 z-index:2;
 -webkit-animation:turn .5s .5s linear both;
 -moz-animation:turn .5s .5s linear both;
 animation:turn .5s .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 .5s linear both;
 -moz-animation:turn2 .5s linear both;
 animation:turn2 .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,.1) 0%,#000 100%);
 background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.1)),color-stop(100%,#000));
 background:linear,top,rgba(0,0,0,.1) 0%,#000 100%;
 background:-o-linear-gradient(top,rgba(0,0,0,.1) 0%,#000 100%);
 background:-ms-linear-gradient(top,rgba(0,0,0,.1) 0%,#000 100%);
 background:linear,to bottom,rgba(0,0,0,.1) 0%,#000 100%;
 -webkit-animation:show .5s linear both;
 -moz-animation:show .5s linear both;
 animation:show .5s linear both
}
.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
 background:-moz-linear-gradient(top,rgba(0,0,0,.1) 0%,#000 100%);
 background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.1)),color-stop(100%,#000));
 background:linear,top,rgba(0,0,0,.1) 0%,#000 100%;
 background:-o-linear-gradient(top,rgba(0,0,0,.1) 0%,#000 100%);
 background:-ms-linear-gradient(top,rgba(0,0,0,.1) 0%,#000 100%);
 background:linear,to bottom,rgba(0,0,0,.1) 0%,#000 100%;
 -webkit-animation:hide .5s .3s linear both;
 -moz-animation:hide .5s .3s linear both;
 animation:hide .5s .3s linear both
}
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
 background:-moz-linear-gradient(top,#000 0%,rgba(0,0,0,.1) 100%);
 background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#000),color-stop(100%,rgba(0,0,0,.1)));
 background:linear,top,#000 0%,rgba(0,0,0,.1) 100%;
 background:-o-linear-gradient(top,#000 0%,rgba(0,0,0,.1) 100%);
 background:-ms-linear-gradient(top,#000 0%,rgba(0,0,0,.1) 100%);
 background:linear,to bottom,#000 0%,rgba(0,0,0,.1) 100%;
 -webkit-animation:show .5s linear both;
 -moz-animation:show .5s linear both;
 animation:show .5s linear both
}
.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
 background:-moz-linear-gradient(top,#000 0%,rgba(0,0,0,.1) 100%);
 background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#000),color-stop(100%,rgba(0,0,0,.1)));
 background:linear,top,#000 0%,rgba(0,0,0,.1) 100%;
 background:-o-linear-gradient(top,#000 0%,rgba(0,0,0,.1) 100%);
 background:-ms-linear-gradient(top,#000 0%,rgba(0,0,0,.1) 100%);
 background:linear,to bottom,#000 0%,rgba(0,0,0,.1) 100%;
 -webkit-animation:hide .5s .3s linear both;
 -moz-animation:hide .5s .3s linear both;
 animation:hide .5s .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
 }
}
@media(max-width:991px) {
 .clock-parent span {
  display:block;
  text-align:center
 }
 .header-bottom {
  height:90px
 }
}
@media(min-width:768px)and (max-width:991px) {
 .clock-parent {
  position:absolute;
  left:236px;
  bottom:-105px
 }
}
@media(max-width:768px) {
 .clock-parent {
  left:20px;
  bottom:-105px;
  width:100%
 }
}