body{background:url(../img/swimmie-index.jpg) no-repeat center center fixed;overflow:hidden;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;color:white;}
@font-face{font-family:'Helvetica Neue';src:local("Helvetica Neue Light"),local("HelveticaNeue-Light"),url("https://www.icloud.com/fonts/HelveticaNeue-Light.ttf") format("truetype"),url("https://www.icloud.com/fonts/HelveticaNeue-Light.woff") format("woff");font-weight:100}
@font-face{font-family:'Helvetica Neue UltraLight';src:local("Helvetica Neue UltraLight"),local("HelveticaNeue-UltraLight"),url("https://www.icloud.com/applications/iw/1B138/gilligan/fonts/1B138/en-us/resources/fonts/HelveticaNeue-UltraLight.woff") format("woff");font-weight:100}
.top-bar{padding:10px 5px;width:100%;text-align:left;}
.signaal p{float:left;color:white;font-weight:600;font-family:'Helvetica Neue';font-size:20px;margin-left:10px;margin-top:0px;}
.signaal span{float:left;margin-left:10px;color:white;font-weight:100;font-size:30px;margin-top:-4px;}
.wifi{float:left;zoom:2;height:10px;width:10px;position:relative;left:-7px;top:2px;overflow:hidden;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}
.wifi span{border:none;padding:0px;margin:0px;position:relative;top:7px;left:7px;height:6px;width:6px;background:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.wifi span:before{content:"";display:block;height:8px;width:8px;position:absolute;left:-3px;top:-3px;border:2px solid #fff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.wifi span:after{content:"";display:block;height:14px;width:14px;position:absolute;left:-6px;top:-6px;border:2px solid #fff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
#top-rechts{float:right;position:relative;width:100px;height:8px;right:10px;top:-5px;}
#batterij-opgeladen{float:left;position:relative;color:white;display:inline;margin-right:5px;font-weight:600;font-family:'Helvetica Neue';font-size:20px;line-height:10px;}
.batterij{float:left;width:25px;height:8px;outline:1px solid white;outline-offset:1px;border-radius:1px;background:white;position:relative;margin-right:10px;margin-top:5px;}
.batterij:after{content:" ";position:absolute;right:-6px;width:3px;height:6px;top:1px;background:white;display:block;border-radius:0 50% 50% 0;}
.slide-to-unlock{position:relative;width:100%;height:100%;}
.slide-to-unlock .dragdealer{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:0;background:none;height:auto;}
.slide-to-unlock .handle{height:100%;border-radius:0;}
.slide-to-unlock .disabled{background:none;}
.slide-to-unlock .slide-text{font-weight:500;font-family:'Helvetica Neue';position:absolute;}
.slide-text h2{background:-moz-linear-gradient(left, #4d4d4d, 0.4, #4d4d4d, 0.5, white, 0.6, #4d4d4d, #4d4d4d);background:-webkit-gradient(linear,left top,right top,color-stop(0, #4d4d4d),color-stop(0.4, #4d4d4d),color-stop(0.5, white),color-stop(0.6, #4d4d4d),color-stop(1, #4d4d4d));-moz-background-clip:text;-webkit-background-clip:text;-moz-text-fill-color:transparent;-webkit-text-fill-color:transparent;animation:schuifomteontgrendelen 5s infinite;font-size:2.5em;font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:300;padding:0;width:200%;-webkit-text-size-adjust:none;}
.new-slider .dragdealer{overflow:hidden;}
.new-slider .handle{width:200%;}
.new-slider .slide-text{left:70%;top:85%;width:50%;color:#9999aa;}
#tijd{font-family:'Helvetica Neue UltraLight';font-weight:100;color:white;top:60px;left:72.5%;position:absolute;width:300px;height:10em;font-size:6em;line-height:80px;}
#datum{font-family:'Helvetica Neue UltraLight';font-weight:400;color:white;top:150px;left:72.5%;position:absolute;width:300px;height:3em;font-size:2em;}
#camera{color:rgba(255,255,255,0.5);position:absolute;bottom:25px;right:25px;width:50px;height:26px;}
@media only screen
and (min-device-width:320px) and (max-device-width:480px){body{background:url(../img/swimmie-index-iphone.png) no-repeat center center fixed;overflow:hidden;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;color:white;}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){body{background:url(../img/swimmie-index-ipad.png) no-repeat center center fixed;overflow:hidden;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;color:white;}
}