body{padding-bottom:40px; background: url('../images/bodyback.jpg') repeat scroll top left #f6f6f6;}
.undercons {width: 90%; margin: 50px auto; display: block; }
.undercons #header{width:90% !important;margin:80px auto 0; border: none; display: block; background: transparent; box-shadow: none;}
.undercons #header h1{color:#08beff;font-size:33px;text-align:center;text-shadow:0 1px 0 #ffffff;text-transform:uppercase; font-weight: 700; }
.undercons #footer h2{ font-size:25px; font-weight:300; color:#111111; text-shadow:0 1px 0 #ffffff; text-align:left; text-transform:uppercase; display:inline-block; margin-top:9px;}
.undercons #header p{margin:20px 0 0 3px;font-size:20px;color:#272727;text-align:center}
#mainunderconstruction{position:relative;width:90%;margin:10px auto;padding:20px;background:url(../images/back2.png) top left repeat}
#links{width:700px;font-size:12px;font-weight:700;color:#aaa;line-height:18px;overflow:hidden;}
#links a {position:relative;color:#aaa;text-decoration:none;}
.clockd{display:flex;margin:30px auto 70px;justify-content:center;align-items:center}
#mainunderconstruction form{position:relative;margin:40px auto 0}
#mainunderconstruction input.email{width:100%;height:70px;font-size:15px}
#mainunderconstruction input.submit{height:50px;width:25%;font-weight:700;font-size:13px; position:absolute; right:5px;top:50%; transform:translate(0px,-50%)}
.social-media-arrow{position:absolute;top:90px;right:-100px;width:108px;height:256px;background:url(../images/social-media-arrow.png) top left no-repeat;}
.upsocial{float:right;margin:0}
.undercons #footer{width:100%;margin:0 auto;padding:35px 0 25px;overflow:hidden; background: transparent; border: none; box-shadow: none; }
.undercons #footer ul{float:right}
.undercons #footer ul li{float:left}
.undercons #footer a{position:relative;}
.undercons #footer .social { float: right; text-align: right; padding: 0; width: auto; margin: 0; background: transparent; border: none; }
.upcreditline{text-align: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:before,.flip-clock-wrapper.clearfix:after{content:" ";display:table}
.flip-clock-wrapper.clearfix:after{clear:both}
.flip-clock-wrapper.clearfix{*zoom:1}
.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:before,.flip-clock-wrapper:after{content:" ";display:table}
.flip-clock-wrapper:after{clear:both}
.flip-clock-wrapper ul{position:relative;float:left;margin:5px;width:60px;height:90px;font-size:80px;font-weight:bold;line-height:87px;border-radius:6px;background:#000}
.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;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,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: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,0.7)}
.flip-clock-wrapper ul.play li.flip-clock-active{-webkit-animation:asd .5s .5s linear both;-moz-animation:asd .5s .5s linear both;animation:asd .5s .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,0.5);left:5px}
.flip-clock-divider .flip-clock-label{position:absolute;bottom:-1.5em;right:-96px;color:#555555;text-shadow:none;font-size:17px; text-transform: uppercase; }
.flip-clock-divider.minutes .flip-clock-label{right:-103px}
.flip-clock-divider.seconds .flip-clock-label{right:-111px}
.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 .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,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,0.1) 0%,black 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,0.1) 0%,black 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,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,0.1) 0%,black 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,0.1) 0%,black 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,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,black 0%,rgba(0,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,black 0%,rgba(0,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,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,black 0%,rgba(0,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,black 0%,rgba(0,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}
}