/*! normalize.css v3.0.2 | MIT License | git.io/normalize */img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}

* {
    box-sizing:border-box;
}


body {
    font-family:"futura-pt", sans-serif;
    color:#333;
}


.container {
    width:1144px;
    margin-left:auto;
    position:relative;
    margin-right:auto;
}


h1,h2,h3 {
    font-weight:500;
    margin:0;
    padding:0;
}
h1 {
    font-size:32px;
    margin-bottom:24px;
}

p {
    margin:0;
    margin-bottom:24px;
}

.button {
    border:0;
    display:inline-block;
    font-weight:500;
    text-transform:uppercase;
    color:#fff;
    font-size:18px;
    padding:10px 20px;
    text-decoration:none;
    background:#e40070;
    border-radius:6px;
    -webkit-transition:opacity .25s;
    transition:opacity .25s;
}

.button:hover {
    opacity:.75;
}



#hero {
    height:770px;
    background-size:cover;
    background-attachment:fixed;
    color:#fff;
    overflow:hidden;
    position:relative;
}

#parallax {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 600px;
    min-width: 1348px;
    z-index: -1;
    position: fixed;
    top:0;
    left:50%;
    -webkit-transform:translate(-50%,0);
    -moz-transform:translate(-50%,0);
    transform:translate(-50%,0);
}



#hero .container {
    height:770px;
    position:relative;
    z-index:4;
}
#hero .intro {
    width:40%;
    position:relative;
    top:50%;
    transform:translate(0,-50%);
}
#hero h1 {
    padding-top:24px;
}
#hero p {
    text-decoration
    line-height:22px;
    margin-bottom:32px;
}

#hero .video-trigger {
    font-size:18px;
    color:rgba(255,255,255,.8);
    text-decoration:none;
    display:inline-block;
    margin-top:18px;
    width:233px;
    padding-left:47px;
    position:relative;
    transition:all .25s;
}
#hero .video-trigger:before {
    content:"";
    width:16px;
    height:16px;
    display:inline-block;
    border:1px solid rgba(255,255,255,.9);
    border-radius:50%;
    position:absolute;
    left:20px;
    top:3px;
}
#hero .video-trigger:after {
    content:"";
    display:inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent rgba(255,255,255,.9);
    left: 27px;
    top: 8px;
    position:absolute;
}
#hero .video-trigger:hover,
#hero .video-trigger:hover:before,
#hero .video-trigger:hover:after {
    color:#fff;
}

.overlay {
    display:none;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(22,22,22,.6);
    z-index:999;
}
.overlay > div {
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:90%;
    max-width:980px;
    box-shadow:0 5px 25px rgba(0,0,0,.6);
}

.fluid-embed {
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
}
 
.fluid-embed  iframe,
.fluid-embed  object,
.fluid-embed  embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#phone-mockup {
    position:absolute;
    bottom:-1px;
    right:-150px;
}


#key-points {
    background:#a3d671;
    padding:70px 0 100px 0;
    color:#fff;
    overflow:hidden;
    z-index:99;
    position:relative;
}

#key-points h1 {
    text-align:center;
    font-size:34px;
    line-height:36px;
    font-weight:500;
    margin-bottom:80px;
}

#key-points .third {
    display:inline-block;
    width:30%;
    margin-left:1.666666666666667%;
    margin-right:1.666666666666667%;
    vertical-align:top;
    text-align:center;
    opacity:0;
    -webkit-transform:translate(0,200px);
    -moz-transform:translate(0,200px);
    transform:translate(0,200px);
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
}
#key-points .third:nth-child(3) {
    -webkit-transition:all .4s ease-in-out .2s;
    -moz-transition:all .4s ease-in-out .2s;
    transition:all .4s ease-in-out .2s;
}
#key-points .third:nth-child(4) {
    -webkit-transition:all .4s ease-in-out .4s;
    -moz-transition:all .4s ease-in-out .4s;
    transition:all .4s ease-in-out .4s;
}


#key-points .third.active {
    -webkit-transform:translate(0,0px);
    -moz-transform:translate(0,0px);
    transform:translate(0,0px);
    opacity:1;
}



#key-points .third h2 {
    text-align:center;
    font-weight:400;
    line-height:26px;
    font-size:22px;
    padding-top:20px;
    max-width:90%;
    margin-left:auto;
    color:#fff;
    margin-right:auto;
}




#subscribe {
    background:#30352c;
    padding:70px 0;
    z-index:99;
    position:relative;
}

#subscribe p {
    font-size:18px;
    margin-bottom:40px;
    text-align:center;
    color:#fff;
}
#mc-embedded-subscribe-form {
    text-align:center;
}

.mc-field-group {
    display:inline-block;
    vertical-align:top;
    margin:0 10px;
    position:relative;
}
.mc-field-group  input {
    height:44px;
    background:#fff;
    border-radius:6px;
    width:270px;
    border:0;
    padding:0 12px;
    font-size:18px;
    -webkit-appearance:none;
}

#mc-embedded-subscribe-form .button {
    margin-top:40px;
}
#mc-embedded-subscribe-form .button + span {
    position:absolute;
    color:#999;
    bottom:10px;
    margin-left:12px;
    display:inline-block;
}
div.mce_inline_error {
    background:none!important;
    position:absolute!important;
    color:#e40070!important;
    font-weight:400!important;
    line-height: 16px;
    font-size: 14px;
    text-align:left;
}

#mce-error-response,
#mce-success-response {
    color:#999;
    position:absolute;
    text-align:center;
    left: 0;
    right: 0;
    margin-top: 8px;
}

#mce-success-response {
    color:#a3d671;
    font-size:18px;
    max-width:700px;
    margin-left:auto;
    margin-right:auto;
    font-size:18px;
    position:static;
    margin-top:20px;
    margin-bottom:-12px;
}



#social {
    padding-top:50px;
    padding-bottom:50px;
    text-align:center;
    background:#f5f5f5;
    position:relative;
    z-index:99;
}

#social h3 {
    font-weight:400;
    font-size:18px;
    margin-bottom:20px;
}


#social a {
    background:url(img/social.png) 0 0 no-repeat;
    background-size:64px 32px;
    display:inline-block;
    height:32px;
    width:32px;
    margin:0 6px;
    -webkit-transition:opacity .25s;
    transition:opacity .25s;
}

#social a:hover {
    opacity:.75;
}
 
#social a.facebook {
    background-position:-32px 0;
}

#foundation {
    background:#30352c;
    text-align:center;
    color:#999;
    padding:14px 0;
    position:relative;
    z-index:99;
}

#foundation a {
    color:#999;
    text-decoration:none;
}



#privacy-policy .container {
    max-width:800px;
    width:96%;
    padding-top:40px;
}




@media screen and ( min-height: 600px ) and (max-height: 740px ){
    #hero,
    #hero .container {
        height:620px;
    }

    #phone-mockup {
        bottom:-50px;
    }
}

@media screen and ( min-width: 768px ) and ( max-width: 1144px ) {
    
    
    .container {
        width:96%;
    }
    
    #hero,
    #hero .container {
        height:700px;
    }
    #hero .intro {
        width:45%;
    }
    
    
    .mc-field-group {
        margin-bottom:20px;
    }
    #mc-embedded-subscribe-form .button {
        margin-top:20px;
    }
    #phone-mockup {
        right:-200px;
    }
    
}   
    
    
    


@media screen and ( min-width: 320px ) and ( max-width: 768px ) {
    
    
    .container {
        width:100%;
    }
    #hero,
    #hero .container {
        height:520px;
    }
    #phone-mockup {
        display:none;
    }
    #hero .intro {
        max-width:340px;
        margin-left:20px;
        margin-right:20px;
        width:auto;
    }
    
    #key-points {
        padding-bottom:80px;
    }
    
    #key-points h1 {
        font-size: 30px;
        line-height: 32px;
        margin-left:20px;
        margin-right:20px;
        font-weight:400;
    }
    
    #key-points .third {
        display:block;
        width:auto;
        margin-left:20px;
        margin-right:20px;
        margin-bottom:40px;
    }
    #key-points .third:nth-child(4) {
        margin-bottom:0;
    }
    
    
    
    #subscribe p {
        margin-left:auto;
        margin-right:auto;
        max-width:300px;
    }
    
    .mc-field-group {
        margin-bottom:20px;
    }
    #mc-embedded-subscribe-form .button {
        margin-top:10px;
    }
    #mc-embedded-subscribe-form .button + span {
        margin:0;
        display:block;
        position:static;
        padding-top:10px;
    }
    #mce-error-response, #mce-success-response {
        position:static;
        margin-top:-10px;
        margin-bottom:20px;
        max-width:360px;
        margin-left:auto;
        margin-right:auto;
    }
    #mce-error-response a, #mce-success-response a {
        color:#fff;
    }
    div.mce_inline_error {
        position:static!important;
        margin:0!important;
        padding-left:10px!important;
        margin-bottom:-5px!important;
    }
    
    
    
    
    
    
    
    
    
    
    
    
}