@font-face {
    font-family: 'museo_sans100_italic';
    src: url('../fonts/museo/museosans_100_italic-webfont.eot');
    src: url('../fonts/museo/museosans_100_italic-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/museo/museosans_100_italic-webfont.woff') format('woff'),
         url('../fonts/museo/museosans_100_italic-webfont.ttf') format('truetype'),
         url('../fonts/museo/museosans_100_italic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'museo_sans100';
    src: url('../fonts/museo/museosans_100-webfont.eot');
    src: url('../fonts/museo/museosans_100-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/museo/museosans_100-webfont.woff') format('woff'),
         url('../fonts/museo/museosans_100-webfont.ttf') format('truetype'),
         url('../fonts/museo/museosans_100-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'museo_sans700';
    src: url('../fonts/museo/museosans_700-webfont.eot');
    src: url('../fonts/museo/museosans_700-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/museo/museosans_700-webfont.woff') format('woff'),
         url('../fonts/museo/museosans_700-webfont.ttf') format('truetype'),
         url('../fonts/museo/museosans_700-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pacificoregular';
    src: url('../fonts/pacifico/pacifico-webfont.eot');
    src: url('../fonts/pacifico/pacifico-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/pacifico/pacifico-webfont.woff') format('woff'),
         url('../fonts/pacifico/pacifico-webfont.ttf') format('truetype'),
         url('../fonts/pacifico/pacifico-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{margin:0;padding:0;background:#222 url(../img/cover_01.jpg) no-repeat top center;background-size: cover; background-attachment: fixed;color:#fff;text-shadow: none; font: 14px/20px 'museo_sans100';}
h1, h2, h3{font-family:'museo_sans700';margin:0;padding:0;font-weight: normal;}
h1{color:rgb(0, 255, 255);font: 14px/20px 'museo_sans100';}
h2{font-size:20px;}
h3{font-size:16px;}
a{text-decoration:none;}
ul, li{list-style:none;padding:0;margin:0;}
li{display:inline-block;}
a img{border:0;}

strong{font-family:'museo_sans700';font-weight: normal;}

.btn{display:block;background:rgb(0, 255, 255);text-align:center;padding:10px;width:200px;font:30px 'pacificoregular';color:rgb(0, 77, 99);margin:0 auto;border-radius: 5px}
.btn:hover{background:rgb(0,237,237);color:#fff;}

.logotype{font-family:'pacificoregular';color:rgb(0,255,255);font-size:1.3em;padding-right:3px;}
section h1 .logotype{font-size:1em;}

.AlphaPopup p{line-height:30px;}
.item{padding:0 30px 30px;}


header{padding:120px 0 80px;width:70%;max-width:1480px;margin:0 auto;position: relative;z-index: 2;}
header h1{text-align: center;z-index:3;}
header h1 a{display:block;}
header h1 span{display:block;width:100%;max-width:150px;height:250px;background:url(../img/logo.png) no-repeat center center;background-size: contain;text-indent: -9999px;margin:0 auto;}
header h2{text-align:center;font-family:'museo_sans700';padding:0 0 15px;}
header img{display: block;margin: 0 auto;}
header #header_images{position:absolute;left:45%;bottom:0px;height:445px;width:670px;background:url(../img/mobile_mockup.png) no-repeat bottom left;background-size: contain;}
header #header_images .animate{position:absolute;top: 35px;left: 75px;width: 587px;}
header .btn{}

header h1, header h2, #apple_appstore{width:45%;}
#apple_appstore{text-align: center}
#apple_appstore span{display:block;line-height:42px;}

#navigation{position:fixed;top:0;left:0;background:rgba(0, 0, 0, 0.4);width:100%; text-align: left;z-index:10;}
#navigation li{}
#navigation li a{color:rgb(0, 255, 255);display:block;padding:20px; text-transform: uppercase;}
#navigation li a:hover{color:#fff;}

#content{clear:both;}

section{width:80%;margin:0 auto;border-top:2px solid rgba(255, 255, 255, 0.2);}
section h1{font:56px/60px 'pacificoregular';text-align: center;color:#fff;padding:30px 0 50px;}

.section_header{text-align: center;padding-bottom:30px;}
.section_header h1{padding-bottom:10px;}
.section_header p{font-size:16px;}

#walkthrough{padding:30px;position: relative;z-index: 1;top:-20px;margin-bottom:-80px;}
#walkthrough h1{font:54px/58px 'pacificoregular';text-align: center;color:#fff;}
#walkthrough ul{margin:0 auto;list-style:none;overflow:hidden;text-align: center;}
#walkthrough li{font-size:16px;width:32%;text-align: left; vertical-align: top;}
#walkthrough li h2, 
#walkthrough li p{padding:0 35px;}
#walkthrough li p{line-height:22px;}
#walkthrough li img{width:45%;margin-bottom:10px;margin-left:-80px;float:left;position: relative;right:-70px;}
#walkthrough li .module_content{float:right;width:65%; text-align: left;padding-top:80px;}

#features{}
#features ul{text-align:center;padding:80px 0 30px;}
#features li{width:23%;text-align:left;vertical-align: top;padding:0 0 20px;}
#features li *{}
#features li h2,
#features li p{padding:0 20px;}

#social{text-align: center;padding:40px 0 60px;}
#social ul{padding:0 20px;}
#social *{display:inline-block;}
#social a{font:30px 'pacificoregular';color:#fff;padding:0 20px;}
#social a:hover{color:rgb(0,255,255);}

#websummit{position:fixed;top:60px;right:15px;z-index:11;}

footer{background:rgba(0,255,255,0.6);text-align: right;}
footer li a{color:#fff;display:block;padding:15px;}
footer li a:hover{color:#333;}
#footer_content h2{font-size:30px;text-align: left;}

#apple_appstore{}
#apple_appstore a{width:100%;max-width:150px;display:block;margin:0 auto;}
#apple_appstore a img{width:100%;}

#AlphaPopup{bottom:auto;top:5px;left:auto;right:20px;background:none;}
#AlphaPopup a{display:none;}


.section header h2, .section header p{display:none;}
.section header{padding:50px 0 0;}
.section header h1{width:100%;}
.section header h1 span{width:120px;}

.section section{width:60%;}

.faq .item h2,
.faq .item p{display:inline;}

.section p a{color:rgb(0,255,255);}
.section p a:hover{color:#fff;}
.section #header_images{display:none;}

/*cover animation*/

@-webkit-keyframes cf4FadeInOut {
0% {opacity:1;}
17% {opacity:1;}
25% {opacity:0;}
92% {opacity:0;}
100% {opacity:1;}
}

@-moz-keyframes cf4FadeInOut {
0% {opacity:1;}
17% {opacity:1;}
25% {opacity:0;}
92% {opacity:0;}
100% {opacity:1;}
}

@-o-keyframes cf4FadeInOut {
0% {opacity:1;}
17% {opacity:1;}
25% {opacity:0;}
92% {opacity:0;}
100% {opacity:1;}
}

@keyframes cf4FadeInOut {
0% {opacity:1;}
17% {opacity:1;}
25% {opacity:0;}
92% {opacity:0;}
100% {opacity:1;}
}


header #header_images img.animate {
  -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 8s;

  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 8s;

  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 8s;

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 8s;
}
header #header_images img.animate:nth-of-type(1) {
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  animation-delay: 6s;
}
header #header_images img.animate:nth-of-type(2) {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}
header #header_images img.animate:nth-of-type(3) {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
}
header #header_images img.animate:nth-of-type(4) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}