/*
Smart Timer And Counter: Flip Addon v1.0
http://www.smartplugins.info/plugin/javascript/smart-timer-and-counter-flip-skins-addon/

Skin: Flip

Copyright 2008 - 2015 Milan Petrovic (email: milan@gdragon.info)

http://www.dev4press.com
http://www.millan.rs
*/

.stc-skin-flip{font-size:14px;line-height:21px}.stc-skin-flip .sct-after{clear:both}.stc-skin-flip .stc-group,.stc-skin-flip .stc-divider{float:left;text-align:center}.stc-skin-flip .stc-group-digits,.stc-skin-flip .stc-group-label{clear:both}.stc-skin-flip .stc-group-label.stc-label-top,.stc-skin-flip .stc-group-label.stc-label-bottom{margin:0;font-size:20px;font-weight:700;color:#444;text-shadow:0 1px 2px rgba(0,0,0,.6)}.stc-skin-flip .stc-divider{height:100px}.stc-skin-flip *{-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}.stc-skin-flip ul{list-style:none;position:relative;margin:4px;width:65px;height:100px;line-height:100px;border-radius:6px;box-shadow:0 2px 5px rgba(0,0,0,.5)}.stc-skin-flip ul li{list-style:none;position:absolute;z-index:1;left:0;top:0;width:100%;height:100%}.stc-skin-flip ul li:first-child{z-index:2}.stc-skin-flip ul li a{-webkit-perspective:200px;-moz-perspective:200px;perspective:200px;text-decoration:none!important;overflow:visible!important;cursor:default!important;margin:0!important;display:block;height:100%}.stc-skin-flip ul li a div{z-index:1;position:absolute;left:0;width:100%;height:50%;overflow:hidden;outline:1px solid transparent}.stc-skin-flip ul li a div .stc-shadow{position:absolute;width:100%;height:100%;z-index:2}.stc-skin-flip ul li a div.stc-up .stc-shadow{border-top-left-radius:6px;border-top-right-radius:6px}.stc-skin-flip ul li a div.stc-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}.stc-skin-flip ul li a div.stc-up:after{content:"";position:absolute;top:49px;left:0;z-index:5;width:100%;height:2px;background-color:rgba(0,0,0,.3)}.stc-skin-flip ul li a div.stc-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}.stc-skin-flip ul li a div div.stc-value{position:absolute;left:0;z-index:1;width:100%;height:200%;text-align:center;background-color:#444;color:#ddd;border-radius:6px;font-size:80px;font-weight:700;text-shadow:0 1px 2px #000}.stc-skin-flip ul li a div.stc-up div.stc-value{top:0}.stc-skin-flip ul li a div.stc-down div.stc-value{bottom:0}.stc-skin-flip ul.stc-play li.flip-skin-before{z-index:3}.stc-skin-flip ul.stc-play li.flip-skin-active{-webkit-animation:stc-zidx .5s .5s linear both;-moz-animation:stc-zidx .5s .5s linear both;animation:stc-zidx .5s .5s linear both;z-index:5}@-webkit-keyframes stc-zidx{0%{z-index:2}20%{z-index:4}100%{z-index:4}}@-moz-keyframes stc-zidx{0%{z-index:2}20%{z-index:4}100%{z-index:4}}@-o-keyframes stc-zidx{0%{z-index:2}20%{z-index:4}100%{z-index:4}}@keyframes stc-zidx{0%{z-index:2}20%{z-index:4}100%{z-index:4}}.stc-skin-flip ul.stc-play li.flip-skin-active .stc-down{z-index:2;-webkit-animation:stc-turn-int .5s .5s linear both;-moz-animation:stc-turn-int .5s .5s linear both;animation:stc-turn-int .5s .5s linear both}@-webkit-keyframes stc-turn-int{0%{-webkit-transform:rotateX(90deg)}100%{-webkit-transform:rotateX(0)}}@-moz-keyframes stc-turn-int{0%{-moz-transform:rotateX(90deg)}100%{-moz-transform:rotateX(0)}}@-o-keyframes stc-turn-int{0%{-o-transform:rotateX(90deg)}100%{-o-transform:rotateX(0)}}@keyframes stc-turn-int{0%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}.stc-skin-flip ul.stc-play li.flip-skin-before .stc-up{z-index:2;-webkit-animation:stc-turn-rev .5s linear both;-moz-animation:stc-turn-rev .5s linear both;animation:stc-turn-rev .5s linear both}@-webkit-keyframes stc-turn-rev{0%{-webkit-transform:rotateX(0)}100%{-webkit-transform:rotateX(-90deg)}}@-moz-keyframes stc-turn-rev{0%{-moz-transform:rotateX(0)}100%{-moz-transform:rotateX(-90deg)}}@-o-keyframes stc-turn-rev{0%{-o-transform:rotateX(0)}100%{-o-transform:rotateX(-90deg)}}@keyframes stc-turn-rev{0%{transform:rotateX(0)}100%{transform:rotateX(-90deg)}}.stc-skin-flip ul li.flip-skin-active{z-index:3}.stc-skin-flip ul.stc-play li.flip-skin-before .stc-up .stc-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:stc-show .5s linear both;-moz-animation:stc-show .5s linear both;animation:stc-show .5s linear both}.stc-skin-flip ul.stc-play li.flip-skin-active .stc-up .stc-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:stc-hide .5s .3s linear both;-moz-animation:stc-hide .5s .3s linear both;animation:stc-hide .5s .3s linear both}.stc-skin-flip ul.stc-play li.flip-skin-before .stc-down .stc-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:stc-show .5s linear both;-moz-animation:stc-show .5s linear both;animation:stc-show .5s linear both}.stc-skin-flip ul.stc-play li.flip-skin-active .stc-down .stc-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:stc-hide .5s .3s linear both;-moz-animation:stc-hide .5s .3s linear both;animation:stc-hide .5s .2s linear both}@-webkit-keyframes stc-show{0%{opacity:0}100%{opacity:1}}@-moz-keyframes stc-show{0%{opacity:0}100%{opacity:1}}@-o-keyframes stc-show{0%{opacity:0}100%{opacity:1}}@keyframes stc-show{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes stc-hide{0%{opacity:1}100%{opacity:0}}@-moz-keyframes stc-hide{0%{opacity:1}100%{opacity:0}}@-o-keyframes stc-hide{0%{opacity:1}100%{opacity:0}}@keyframes stc-hide{0%{opacity:1}100%{opacity:0}}