/* Soon v1.9.0 - Soon, Animated Responsive Countdowns, jQuery
 * Copyright (c) 2016 Rik Schennink - http://rikschennink.nl/products/soon
 */

 .soon{display:block;margin:0;padding:0;line-height:1.5;font-size:40px;font-size:2.5rem;text-align:center;overflow:hidden}
 .soon [class*=soon-]{display:inline-block;vertical-align:baseline}
 .soon,.soon *{-moz-box-sizing:content-box;box-sizing:content-box}
 .soon>.soon{display:block}
 .soon>.soon-group{white-space:nowrap}
 .soon .soon-group,.soon .soon-repeater{position:relative;z-index:1;font-size: 21px;}
 .soon[data-layout*=label-uppercase] .soon-label{text-transform:uppercase}
 .soon[data-layout*=label-lowercase] .soon-label{text-transform:lowercase}
 .soon[data-visual]>.soon-group>.soon-group-inner{display:table;border-collapse:separate}
 .soon[data-visual]>.soon-group>.soon-group-inner>.soon-group-sub>.soon-group-inner{display:block;position:relative;min-width:3.25em}
 .soon[data-visual]>.soon-group>.soon-group-inner>.soon-group-sub>.soon-group-inner::after{padding-bottom:100%!important;content:''!important;display:block!important}
 .soon[data-visual] .soon-group-sub{display:table-cell}
 .soon[data-visual] .soon-value{margin:0;position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:1em}
 .soon[data-visual] .soon-label{position:absolute;left:0;right:0;bottom:25%;margin-top:0!important;line-height:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:.325em!important}
 .soon[data-visual][data-layout*=label-above] .soon-label.soon-label{top:25%!important;margin-top:0!important;bottom:auto!important}
 .soon[data-visual*=ring]:not([data-layout*=label-hidden]) .soon-value{top:45%}
 .soon[data-visual*=ring]:not([data-layout*=label-hidden]) .soon-label{bottom:30%}
 .soon[data-visual*=ring][data-layout*=label-above] .soon-value{top:58%}
 .soon[data-visual*=ring][data-layout*=label-above] .soon-label.soon-label{top:30%!important}
 .soon[data-layout*=group] .soon-label{font-size:.5em}
 .soon[data-layout*=label-small] .soon-label{font-size:.4em}
 .soon[data-layout*=label-small][data-visual] .soon-label{font-size:.275em!important}
 .soon[data-layout*=label-small][data-layout*=line] .soon-label{font-size:.625em}
 .soon[data-layout*=label-big] .soon-label{font-size:.65em}
 .soon[data-layout*=label-big][data-visual] .soon-label{font-size:.4em!important}
 .soon[data-layout*=label-big][data-layout*=line] .soon-label{font-size:.875em}
 .soon[data-layout*=label-hidden] .soon-label{display:none!important}
 .soon-text{min-width:.6875em}
 @-webkit-keyframes flip-front{0%{-webkit-transform:perspective(300px) rotateX(0);transform:perspective(300px) rotateX(0)}
 100%{-webkit-transform:perspective(300px) rotateX(-180deg);transform:perspective(300px) rotateX(-180deg)}}
 @-o-keyframes flip-front{0%{-o-transform:perspective(300px) rotateX(0);transform:perspective(300px) rotateX(0)}
 100%{-o-transform:perspective(300px) rotateX(-180deg);transform:perspective(300px) rotateX(-180deg)}}
 @keyframes flip-front{0%{-webkit-transform:perspective(300px) rotateX(0);-ms-transform:perspective(300px) rotateX(0);-o-transform:perspective(300px) rotateX(0);transform:perspective(300px) rotateX(0)}
 100%{-webkit-transform:perspective(300px) rotateX(-180deg);-ms-transform:perspective(300px) rotateX(-180deg);-o-transform:perspective(300px) rotateX(-180deg);transform:perspective(300px) rotateX(-180deg)}}
 @-webkit-keyframes flip-back{0%{-webkit-transform:perspective(300px) rotateX(180deg);transform:perspective(300px) rotateX(180deg)}
 100%{-webkit-transform:perspective(300px) rotateX(0);transform:perspective(300px) rotateX(0)}}
 @-o-keyframes flip-back{0%{-o-transform:perspective(300px) rotateX(180deg);transform:perspective(300px) rotateX(180deg)}
 100%{-o-transform:perspective(300px) rotateX(0);transform:perspective(300px) rotateX(0)}}
 @keyframes flip-back{0%{-webkit-transform:perspective(300px) rotateX(180deg);-ms-transform:perspective(300px) rotateX(180deg);-o-transform:perspective(300px) rotateX(180deg);transform:perspective(300px) rotateX(180deg)}
 100%{-webkit-transform:perspective(300px) rotateX(0);-ms-transform:perspective(300px) rotateX(0);-o-transform:perspective(300px) rotateX(0);transform:perspective(300px) rotateX(0)}}
 @-webkit-keyframes flip-shadow-in{20%{opacity:0}
 100%,65%{opacity:1}}
 @-o-keyframes flip-shadow-in{20%{opacity:0}
 100%,65%{opacity:1}}
 @keyframes flip-shadow-in{20%{opacity:0}
 100%,65%{opacity:1}}
 @-webkit-keyframes flip-shadow-in-direct{10%{opacity:0}
 50%{opacity:.25}
 100%,50.1%{opacity:0}}
 @-o-keyframes flip-shadow-in-direct{10%{opacity:0}
 50%{opacity:.25}
 100%,50.1%{opacity:0}}
 @keyframes flip-shadow-in-direct{10%{opacity:0}
 50%{opacity:.25}
 100%,50.1%{opacity:0}}
 @-webkit-keyframes flip-shadow-out{15%{opacity:1}
 100%,70%{opacity:0}}
 @-o-keyframes flip-shadow-out{15%{opacity:1}
 100%,70%{opacity:0}}
 @keyframes flip-shadow-out{15%{opacity:1}
 100%,70%{opacity:0}}
 .soon[data-layout*=group]{padding:1em 0;text-align:center}
 .soon[data-layout*=group][data-visual][data-reflect=true]{padding-bottom:1.5em}
 .soon[data-layout*=group] .soon-label{display:block;margin:.325rem 0 0;padding:15px 10px;background: var(--fourth-color);}
 .soon[data-layout*=group] .soon-group-sub>.soon-group-inner{margin:0 .3125em;background: var(--third-color);border-radius:10px;overflow:hidden;}
 .soon[data-layout*=group][data-layout*=overlap]>.soon-group{padding:0 .3125em}
 .soon[data-layout*=group][data-layout*=overlap] .soon-group-sub>.soon-group-inner{margin:0 -.25em}
 .soon[data-layout*=group][data-layout*=overlap][data-visual] .soon-group-sub>.soon-group-inner{margin:0 -.3125em}
 .soon[data-layout*=group][data-layout*=adjacent] .soon-group-sub>.soon-group-inner{margin:0}
 .soon[data-layout*=group][data-layout*=tight] .soon-group-sub>.soon-group-inner{margin:0 .15em}
 .soon[data-layout*=group][data-layout*=spacey] .soon-group-sub>.soon-group-inner{margin:0 .5em}
 @media (max-width:40rem){.soon[data-layout*=group][data-layout*=spacey] .soon-group-sub>.soon-group-inner{margin:0 .3125em}}
 @media (max-width:30rem){.soon[data-layout*=group][data-layout*=spacey] .soon-group-sub>.soon-group-inner{margin:0 .25em}}
 .soon[data-layout*=group][data-layout*=label-above] .soon-group-sub{padding-top:1em}
 .soon[data-layout*=group][data-layout*=label-above] .soon-label{position:absolute;margin-top:.25rem!important;top:0;left:0;right:0}
 .soon[data-layout*=line]{text-align:center;padding:1em 0}
 .soon[data-layout*=line] .soon-label,.soon[data-layout*=line] .soon-value{margin-left:.125em;margin-right:.125em}
 .soon[data-scale=xxl]{font-size:4rem}
 .soon[data-scale=xl]{font-size:3.5rem}
 .soon[data-scale='l']{font-size:3rem}
 .soon[data-scale='m']{font-size:2.5rem}
 .soon[data-scale='s']{font-size:2rem}
 .soon[data-scale=xs]{font-size:1.5rem}
 .soon[data-scale=xxs]{font-size:1.25rem}