html,body,div,span,iframe,h1,h2,h3,h4,p,img,ul,li,figure{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:400}
body{line-height:1}
figure{display:block}
ul{list-style:none;list-style-type:none}
ul li{list-style:none;list-style-type:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
input{vertical-align:middle}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
* html .clearfix,*:first-child+html .clearfix{zoom:1}
html,body{height:100%;width:100%;font-family:Tahoma, Geneva, sans-serif;margin:0;background-color:#000000;color:#1a1a1a}
::-moz-selection,::selection{background:#33B5E5;color:#fff;text-shadow:none}
.hidden{display:none}
.wrapper{position:relative;width:980px;margin:0 auto 0 auto}
body{position:relative}
a{color:black;text-decoration:none}
h1{font-size:30px}
h2{font-size:40px}
h4{font-size:1em}
p a{color:#9a9a9a;text-decoration:none}
p a:hover{text-decoration:underline}
#loading-container{height:100%;width:100%;position:absolute;left:0;top:0;z-index:9;background:url("../images/loading_background.jpg") center center no-repeat #000;background-size:cover}
.loading-text{height:75px;width:210px;position:absolute;top:50%;left:50%;z-index:10;text-align:center;margin-top:-37px;margin-left:-105px;font-size:22px}
.loading-text p{background-color:#000000;color:#ffffff;display:inline-block;padding:10px;box-sizing:border-box;width:100%}
.loading-text img{background-color:#f9f9f9;padding:15px 180px}
.loading-indicator-container{margin:0 auto;position:relative;background-color:#ffffff;padding:10px 70px;box-sizing:border-box;width:100%;height:30px}
.indicator{position:absolute;top:10px;background-color:#000000;width:11px;height:11px;-moz-animation-name:bounce_loading-indicator;-moz-animation-duration:0.8s;-moz-animation-iteration-count:infinite;-moz-animation-direction:linear;-moz-transform:scale(0.3);-moz-border-radius:7px;-webkit-animation-name:bounce_loading-indicator;-webkit-animation-duration:0.8s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:linear;-webkit-transform:scale(0.3);-webkit-border-radius:7px;-o-animation-name:bounce_loading-indicator;-o-animation-duration:0.8s;-o-animation-iteration-count:infinite;-o-animation-direction:linear;-o-transform:scale(0.3);-o-border-radius:7px;-ms-animation-name:bounce_loading-indicator;-ms-animation-duration:0.8s;-ms-animation-iteration-count:infinite;-ms-animation-direction:linear;-ms-transform:scale(0.3);-ms-border-radius:7px;animation-name:bounce_loading-indicator;animation-duration:0.8s;animation-iteration-count:infinite;animation-direction:linear;transform:scale(0.3);border-radius:7px}
.loading-indicator-1{left:70px;-moz-animation-delay:0.32s;-webkit-animation-delay:0.32s;-o-animation-delay:0.32s;-ms-animation-delay:0.32s;animation-delay:0.32s}
.loading-indicator-2{left:80px;-moz-animation-delay:0.4s;-webkit-animation-delay:0.4s;-o-animation-delay:0.4s;-ms-animation-delay:0.4s;animation-delay:0.4s}
.loading-indicator-3{left:91px;-moz-animation-delay:0.48s;-webkit-animation-delay:0.48s;-o-animation-delay:0.48s;-ms-animation-delay:0.48s;animation-delay:0.48s}
.loading-indicator-4{left:101px;-moz-animation-delay:0.56s;-webkit-animation-delay:0.56s;-o-animation-delay:0.56s;-ms-animation-delay:0.56s;animation-delay:0.56s}
.loading-indicator-5{left:112px;-moz-animation-delay:0.64s;-webkit-animation-delay:0.64s;-o-animation-delay:0.64s;-ms-animation-delay:0.64s;animation-delay:0.64s}
.loading-indicator-6{left:122px;-moz-animation-delay:0.72s;-webkit-animation-delay:0.72s;-o-animation-delay:0.72s;-ms-animation-delay:0.72s;animation-delay:0.72s}
.loading-indicator-7{left:132px;-moz-animation-delay:0.8s;-webkit-animation-delay:0.8s;-o-animation-delay:0.8s;-ms-animation-delay:0.8s;animation-delay:0.8s}
.loading-indicator-8{left:143px;-moz-animation-delay:0.88s;-webkit-animation-delay:0.88s;-o-animation-delay:0.88s;-ms-animation-delay:0.88s;animation-delay:0.88s}
@-moz-keyframes bounce_loading-indicator{0%{-moz-transform:scale(1);background-color:#000000}100%{-moz-transform:scale(0.3);background-color:#FFFFFF}}
@-webkit-keyframes bounce_loading-indicator{0%{-webkit-transform:scale(1);background-color:#000000}100%{-webkit-transform:scale(0.3);background-color:#FFFFFF}}
@-o-keyframes bounce_loading-indicator{0%{-o-transform:scale(1);background-color:#000000}100%{-o-transform:scale(0.3);background-color:#FFFFFF}}
@-ms-keyframes bounce_loading-indicator{0%{-ms-transform:scale(1);background-color:#000000}100%{-ms-transform:scale(0.3);background-color:#FFFFFF}}
@keyframes bounce_loading-indicator{0%{transform:scale(1);background-color:#000000}100%{transform:scale(0.3);background-color:#FFFFFF}}
#preload-container{opacity:0;position:absolute;z-index:1;height:1px;width:1px;overflow:hidden}
#social-container{position:absolute;top:10px;right:15px;width:300px;z-index:8;overflow:hidden;opacity:0}
#twitter-widget-0,#___plusone_0,.fb-like{float:left !important}
#header-parallax.parallax{position:relative;overflow:hidden;width:100%;height:100%;display:block}
#handy{width:100%;height:100%}
#handy .background{background:url("../images/background2.jpg") bottom center no-repeat transparent;height:1704px;width:2476px;position:absolute;bottom:-190px;left:-150px}
#handy .device{background:url("../images/hand.png") bottom left no-repeat transparent;height:914px;width:1089px;position:absolute;left:-300px;bottom:-100px;-webkit-transform:rotate(45deg) translateX(300px) translateY(300px);-moz-transform:rotate(45deg) translateX(300px) translateY(300px);-o-transform:rotate(45deg) translateX(300px) translateY(300px);transform:rotate(45deg) translateX(300px) translateY(300px)}
#handy .device.active{-webkit-animation:hand-move 0.6s ease-out;-moz-animation:hand-move 0.6s ease-out;-o-animation:hand-move 0.6s ease-out;animation:hand-move 0.6s ease-out;-webkit-transform:rotate(0) translateX(0) translateY(0);-moz-transform:rotate(0) translateX(0) translateY(0);-o-transform:rotate(0) translateX(0) translateY(0);transform:rotate(0) translateX(0) translateY(0)}
#handy .text{padding-left:26px;height:350px;width:537px;bottom:340px;left:770px;position:absolute;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#333333;font-family:Tahoma, Geneva, sans-serif}
#handy .text figure.corner{background:url("../images/app-sprite.png") no-repeat scroll -63px -484px transparent;height:35px;left:1px;position:absolute;top:10px;width:27px;z-index:5}
#handy .text p{background-color:#ffffff;padding:5px 16px 9px;display:inline-block;font-size:24px;line-height:1.6em}
#handy .text h2{background-color:#222222;color:#f9f9f9;padding:5px 16px 11px;font-size:45px;line-height:1.4em;display:inline-block}

#handy .text h4{
    background-color: #3c3b3b;
    color: #f9f9f9;
    padding: 5px 27px 11px;
    font-size: 16px;
    line-height: 1.4em;
    display: inline-block;
}

#handy .text h2 a{color:#f9f9f9;outline:none}
#handy .text h2 a:hover{text-decoration:underline}
#handy .device-content{height:425px;margin-left:724px;margin-top:171px;width:240px}

#handy #andro-clock{
    width:220px;
    margin:0 auto 20px;
    padding:35px 0 0 0;
    height:50px;position:relative;color:white;
    text-shadow:0px 1px 1px rgba(0,0,0,0)
}

#handy #time{position:absolute;right:0;top:33px;font-size:42px}
#handy #date{padding:5px 0 0 0;line-height:1.4em;font-size:12px}
@-webkit-keyframes hand-move{0%{-webkit-transform:rotate(45deg) translateX(300px) translateY(300px)}100%{-webkit-transform:rotate(0) translateX(0) translateY(0)}}
@-moz-keyframes hand-move{0%{-moz-transform:rotate(45deg) translateX(300px) translateY(300px)}100%{-moz-transform:rotate(0) translateX(0) translateY(0)}}
@-o-keyframes hand-move{0%{-o-transform:rotate(45deg) translateX(300px) translateY(300px)}100%{-o-transform:rotate(0) translateX(0) translateY(0)}}
@keyframes hand-move{0%{transform:rotate(45deg) translateX(300px) translateY(300px)}100%{transform:rotate(0) translateX(0) translateY(0)}}
#search{position:relative}

#search input{
    color:#fdfdfd;
    border:2px solid rgba(255,255,255,0.8);
    text-shadow:0px 1px 1px rgb(98, 124, 152);
    font-size:12px;
    line-height:12px;
    padding:5px 20px 5px 5px;
    margin:0 0 25px 7px;
    width:198px;
    background-color:transparent
}

#search figure{height:18px;width:13px;background:url("../images/app-sprite.png") -97px -489px no-repeat transparent;position:absolute;top:6px;right:13px}
#handy ul#nav{padding:0 0 0 10px}
#handy ul#nav li{float:left;width:59px;height:72px;margin:0 22px 15px 0;text-align:center;cursor:pointer;display:none}
#handy ul#nav li.odd{margin:0 0 15px 0}
#handy ul#nav li.nav-button figure{width:59px;height:57px;display:block}

#handy ul#nav li h3{
    color:#dadada;
    font-size:11px;
    text-shadow:0px 1px 1px rgba(0,0,0,0.7);
    border: 0px solid;
    border-radius: 7px;
    background-color: rgba(0, 0, 0, 0.29);
}

#handy ul#nav li.active h3,#handy ul#nav li:hover h3{color:#fafafa}
#home-button{display:block;height:30px;position:absolute;left:825px;top:615px;width:40px;cursor:pointer}
#twitter figure,#googleplus figure,#blogger figure,#androidweekly figure,#linkedin figure,#mail figure,#job figure,#maps figure,#more figure{display:none;background-image:url("../images/app-sprite.png");background-repeat:no-repeat;background-color:transparent}
#twitter figure{background-position:8px -474px}
#twitter:hover figure,#twitter.active figure{background-position:8px -533px}
#googleplus figure{background-position:-58px -240px}
#googleplus:hover figure,#googleplus.active figure{background-position:-58px -299px}
#blogger figure{background-position:3px -239px}
#blogger:hover figure,#blogger.active figure{background-position:3px -298px}
#androidweekly figure{background-position:-55px 0px}
#androidweekly:hover figure,#androidweekly.active figure{background-position:-55px -59px}
#linkedin figure{background-position:-57px -357px}
#linkedin:hover figure,#linkedin.active figure{background-position:-57px -416px}
#mail figure{background-position:2px -118px}
#mail:hover figure,#mail.active figure{background-position:2px -177px}
#job figure{background-position:3px 0px}
#job:hover figure,#job.active figure{background-position:3px -59px}
#maps figure{background-position:-57px -122px}
#maps:hover figure,#maps.active figure{background-position:-57px -181px}
#more figure{background-position:4px -353px}
#more:hover figure,#more.active figure{background-position:4px -412px}
.content img,.content iframe{border:8px solid #ffffff;background-color:#000000}
#home-container p,#elements-container p,#maps-container p{padding:0 16px;margin-top:-2px}
#copyright{position:absolute;right:10px;bottom:5px;font-size:10px;color:#eeeeee;z-index:8}
#copyright a{color:#EEEEEE}