.ipadFrame{
    height: 47em;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.transWrap{
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.transFrame{
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    
    width: 950px;
    height: 100%;
    margin: auto;
}

.ipadFrame article{
    display: none;
    
    margin: 11.375em 0 0 0;
    
    -webkit-transform: translate(5em, 0);
    -moz-transform: translate(5em, 0);
    transform: translate(5em, 0);
}
.ipadFrame article.animate{
    -webkit-animation: ipadArticleWebkit 1s 1s ease-in-out forwards;
    -moz-animation: ipadArticleMoz 1s 1s ease-in-out forwards;
    animation: ipadArticle 1s 1s ease-in-out forwards;
}

    @-webkit-keyframes ipadArticleWebkit {
        0%{
            -webkit-transform: translate(5em, 0);
        }
        100%{
            -webkit-transform: translate(0, 0);
        }
    }
    @-moz-keyframes ipadArticleMoz {
        0%{
            -moz-transform: translate(5em, 0);
        }
        100%{
            -moz-transform: translate(0, 0);
        }
    }
    @keyframes ipadArticle {
        0%{
            transform: translate(5em, 0);
        }
        100%{
            transform: translate(0, 0);
        }
    }

.transFrame{
    -webkit-perspective: 1253px;
    -moz-perspective: 1253px;
    perspective: 1253px;
}

.transGroup{
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    
    -webkit-transform: rotateY(0) translate3d(0, 0, 0);
    -moz-transform: rotateY(0) translate3d(0, 0, 0);
    transform: rotateY(0) translate3d(0, 0, 0);
    
}
.transGroup.animate{
    -webkit-animation: ipadAnimWebkit 1s 1s ease-in-out forwards;
    -moz-animation: ipadAnimMoz 1s 1s ease-in-out forwards;
    animation: ipadAnim 1s 1s ease-in-out forwards;
}

    @-webkit-keyframes ipadAnimWebkit {
        0% {
            -webkit-transform: rotateY(0) translate3d(0, 0, 0);
        }
        100% {
            -webkit-transform: rotateY(-29deg) translate3d(6em, -3em, -23em);
        }
    }
    @-moz-keyframes ipadAnimMoz {
        0% {
            -moz-transform: rotateY(0) translate3d(0, 0, 0);
        }
        100% {
            -moz-transform: rotateY(-29deg) translate3d(6em, -3em, -23em);
        }
    }
    @keyframes ipadAnim {
        0% {
            transform: rotateY(0) translate3d(0, 0, 0);
        }
        100% {
            transform: rotateY(-29deg) translate3d(6em, -3em, -23em);
        }
    }

.ipadShadow{
    
    -webkit-transform-origin: top center 0;
    -moz-transform-origin: top center 0;
    -ms-transform-origin: top center 0;
    transform-origin: top center 0;
    
    -webkit-transform: rotateX(90deg) translateZ(-0.2em);
    -moz-transform: rotateX(90deg) translateZ(-0.2em);
    -ms-transform: rotateX(90deg) translateZ(-0.2em);
    transform: rotateX(90deg) translateZ(-0.2em);
    
    width: 59.375em;
    height: 46.5em;
    border-radius: 2.125em;
    
    -webkit-filter: blur(0.7em);
    -moz-filter: blur(0.7em);
    -ms-filter: blur(0.7em);
    filter: blur(0.7em);

    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(170,170,170,0.65) 0%, rgba(170,170,170,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,170,170,0.65)), color-stop(100%,rgba(170,170,170,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(170,170,170,0.65) 0%,rgba(170,170,170,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top,  rgba(170,170,170,0.65) 0%,rgba(170,170,170,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(170,170,170,0.65) 0%,rgba(170,170,170,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6aaaaaa', endColorstr='#00aaaaaa',GradientType=0 ); /* IE6-8 */

}

article.top{
    width: 19.5em;
}

article.top .blurb{
    margin-bottom: 3.375em;
}

article.top .storeButton{
    margin-bottom: 2.125em;
}

article.top .storeButton.apple{
    padding-left: 0;
}

article.top .windowsPhone{
    font-size: 0.8em;
}

.androidFrame{
    padding: 3em 0;
}

.androidFrame .row > .columns:first-child{
    padding-left: 80px;
}

.androidFrame .row > .columns:last-child{
    padding-right: 40px;
}

.androidFrame article.top{
    margin: 3.25em auto;
}

.androidFrame .sprite-ipad.android_screen{
    margin: auto;
}






.iphoneFrame {
    padding: 8.5em 0;
    max-width: 50em;
    margin: 0 auto;
}

.iphoneFrame .iphone{
    border-radius: 2em;
}

.iphoneFrame .tagBubble .sprite-ipad{
    border-radius: 4.4375em;
}

.iphoneFrame .small-4{
    padding:0;
}

.iphoneFrame .small-8{
    padding: 0 0 0 3em;
}

.iphoneFrame .tagFrame{
    width: 25em;
    margin: 0 auto;
    
}

.tagFrame .profile_guy{
    margin: 10em auto 0 auto;
    position: relative;
    z-index: 2;
    display: block;
}

.tagFrame .tagBubble{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -2.25em;
    
    -webkit-transform: scale(0.2,0.2) translate(0, 0);
    -moz-transform: scale(0.2,0.2) translate(0, 0);
    transform: scale(0.2,0.2) translate(0, 0);
}

.tagFrame .tagBubble.streetArt{
    -webkit-animation: streetArtAnimWebKit-rev 0.25s ease-out forwards;
    -moz-animation: streetArtAnimMoz-rev 0.25s ease-out forwards;
    animation: streetArtAnim-rev 0.25s ease-out forwards;
}
.tagFrame.animate .tagBubble.streetArt{
    -webkit-animation: streetArtAnimWebKit 0.25s ease-out forwards;
    -moz-animation: streetArtAnimMoz 0.25s ease-out forwards;
    animation: streetArtAnim 0.25s ease-out forwards;
}
    @-webkit-keyframes streetArtAnimWebKit{
        0%{ -webkit-transform: scale(0.2,0.2) translate(0, 0); }
        100%{ -webkit-transform: scale(1,1) translate(-9em, -2.8em); }
    }
    @-webkit-keyframes streetArtAnimWebKit-rev{
        0%{ -webkit-transform: scale(1,1) translate(-9em, -2.8em); }
        100%{ -webkit-transform: scale(0.2,0.2) translate(0, 0); }
    }
    @-moz-keyframes streetArtAnimMoz{
        0%{ -moz-transform: scale(0.2,0.2) translate(0, 0); }
        100%{ -moz-transform: scale(1,1) translate(-9em, -2.8em); }
    }
    @-moz-keyframes streetArtAnimMoz-rev{
        0%{ -moz-transform: scale(1,1) translate(-9em, -2.8em); }
        100%{ -moz-transform: scale(0.2,0.2) translate(0, 0); }
    }
    @keyframes streetArtAnim{
        0%{ transform: scale(0.2,0.2) translate(0, 0); }
        100%{ transform: scale(1,1) translate(-9em, -2.8em); }
    }
    @keyframes streetArtAnim-rev{
        0%{ transform: scale(1,1) translate(-9em, -2.8em); }
        100%{ transform: scale(0.2,0.2) translate(0, 0); }
    }

.tagFrame .tagBubble.recipes{
    -webkit-animation: recipesAnimWebKit-rev 0.25s ease-out forwards;
    -moz-animation: recipesAnimMoz-rev 0.25s ease-out forwards;
    animation: recipesAnim-rev 0.25s ease-out forwards;
}
.tagFrame.animate .tagBubble.recipes{
    -webkit-animation: recipesAnimWebKit 0.25s 0.05s ease-out forwards;
    -moz-animation: recipesAnimMoz 0.25s 0.05s ease-out forwards;
    animation: recipesAnim 0.25s 0.05s ease-out forwards;
}
    @-webkit-keyframes recipesAnimWebKit{
        0%{ -webkit-transform: scale(0.2,0.2) translate(0, 0); }
        100%{ -webkit-transform: scale(1,1) translate( 0, -7.6em); }
    }
    @-webkit-keyframes recipesAnimWebKit-rev{
        0%{ -webkit-transform: scale(1,1) translate( 0, -7.6em); }
        100%{ -webkit-transform: scale(0.2,0.2) translate(0, 0); }
    }
    @-moz-keyframes recipesAnimMoz{
        0%{ -moz-transform: scale(0.2,0.2) translate(0, 0); }
        100%{ -moz-transform: scale(1,1) translate( 0, -7.6em); }
    }
    @-moz-keyframes recipesAnimMoz-rev{
        0%{ -moz-transform: scale(1,1) translate( 0, -7.6em); }
        100%{ -moz-transform: scale(0.2,0.2) translate(0, 0); }
    }
    @keyframes recipesAnim{
        0%{ transform: scale(0.2,0.2) translate(0, 0); }
        100%{ transform: scale(1,1) translate( 0, -7.6em); }
    }
    @keyframes recipesAnim-rev{
        0%{ transform: scale(1,1) translate( 0, -7.6em); }
        100%{ transform: scale(0.2,0.2) translate(0, 0); }
    }

.tagFrame .tagBubble.basketball{
    -webkit-animation: basketballAnimWebKit-rev 0.25s ease-out forwards;
    -moz-animation: basketballAnimMoz-rev 0.25s ease-out forwards;
    animation: basketballAnim-rev 0.25s ease-out forwards;
}
.tagFrame.animate .tagBubble.basketball{
    -webkit-animation: basketballAnimWebKit 0.25s 0.1s ease-out forwards;
    -moz-animation: basketballAnimMoz 0.25s 0.1s ease-out forwards;
    animation: basketballAnim 0.25s 0.1s ease-out forwards;
}
    @-webkit-keyframes basketballAnimWebKit{
        0%{ -webkit-transform: scale(0.2,0.2) translate(0, 0); }
        100%{ -webkit-transform: scale(1,1) translate(9em, -2.8em); }
    }
    @-webkit-keyframes basketballAnimWebKit-rev{
        0%{ -webkit-transform: scale(1,1) translate(9em, -2.8em); }
        100%{ -webkit-transform: scale(0.2,0.2) translate(0, 0); }
    }
    @-moz-keyframes basketballAnimMoz{
        0%{ -moz-transform: scale(0.2,0.2) translate(0, 0); }
        100%{ -moz-transform: scale(1,1) translate(9em, -2.8em); }
    }
    @-moz-keyframes basketballAnimMoz-rev{
        0%{ -moz-transform: scale(1,1) translate(9em, -2.8em); }
        100%{ -moz-transform: scale(0.2,0.2) translate(0, 0); }
    }
    @keyframes basketballAnim{
        0%{ transform: scale(0.2,0.2) translate(0, 0); }
        100%{ transform: scale(1,1) translate(9em, -2.8em); }
    }
    @keyframes basketballAnim-rev{
        0%{ transform: scale(1,1) translate(9em, -2.8em); }
        100%{ transform: scale(0.2,0.2) translate(0, 0); }
    }




.tagSlideFrame{
    padding: 8.25em 0;
    
}

.tagSlideFrame .row{
    overflow: hidden;
    position: relative;
}

.tagSlideFrame h2{
    margin-bottom: 1.214em;
}

.tagSlideFrame .inline-list{
    white-space: nowrap;
    margin-left: 0.625em;
    overflow: visible;
    font-size: 0;
}

.tagSlideFrame .inline-list > li{
    float:none;
    display:inline-block;
    margin-left: 10px;
}

.tagSlideFrame .tagSlide{
    width: 100%;
    height: 20.4em;
    margin-bottom: 2.125em;
    position: relative;
}

.tagSlide .upperSlides{
    position: absolute;
    top: 0;
    right: 0;
    -webkit-animation: upperSlideAnimWebKit-rev 1s ease-out forward;
    -moz-animation: upperSlideAnimMoz-rev 1s ease-out forward;
    animation: upperSlideAnim-rev 1s ease-out forward;
    margin:0;
}

.tagSlide.animate .upperSlides{
    -webkit-animation: upperSlideAnimWebKit 10s 0.1s linear infinite;
    -moz-animation: upperSlideAnimMoz 10s 0.1s linear infinite;
    animation: upperSlideAnim  10s 0.1s linear infinite;
}
    @-webkit-keyframes upperSlideAnimWebKit{
        0%{ -webkit-transform: translate( 0, 0); }
        100%{ -webkit-transform: translate( 1600px, 0); }
    }
    @-webkit-keyframes upperSlideAnimWebKit-rev{
        0%{ -webkit-transform: translate( 1600px, 0); }
        100%{ -webkit-transform: translate( 0, 0); }
    }
    @-moz-keyframes upperSlideAnimMoz{
        0%{ -moz-transform: translate(0, 0); }
        100%{ -moz-transform: translate( 1600px, 0); }
    }
    @-moz-keyframes upperSlideAnimMoz-rev{
        0%{ -moz-transform: translate( 1600px, 0); }
        100%{ -moz-transform: translate( 0, 0); }
    }
    @keyframes upperSlideAnim{
        0%{ transform: translate(0, 0); }
        100%{ transform: translate( 1600px, 0); }
    }
    @keyframes upperSlideAnim-rev{
        0%{ transform: translate( 1600px, 0); }
        100%{ transform: translate( 0, 0); }
    }

.tagSlide .lowerSlides{
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-animation: lowerSlideAnimWebKit-rev 1s ease-out forward;
    -moz-animation: lowerSlideAnimMoz-rev 1s ease-out forward;
    animation: lowerSlideAnim-rev 1s ease-out forward;
}

.tagSlide.animate .lowerSlides{
    -webkit-animation: lowerSlideAnimWebKit 10s 0.3s linear infinite;
    -moz-animation: lowerSlideAnimMoz 10s 0.3s linear infinite;
    animation: lowerSlideAnim 10s 0.3s linear infinite;
}
    @-webkit-keyframes lowerSlideAnimWebKit{
        0%{ -webkit-transform: translate(0, 0); }
        100%{ -webkit-transform: translate( -1600px, 0); }
    }
    @-webkit-keyframes lowerSlideAnimWebKit-rev{
        0%{ -webkit-transform: translate( -1600px, 0); }
        100%{ -webkit-transform: translate( 0, 0); }
    }
    @-moz-keyframes lowerSlideAnimMoz{
        0%{ -moz-transform: translate(0, 0); }
        100%{ -moz-transform: translate( -1600px, 0); }
    }
    @-moz-keyframes lowerrSlideAnimMoz-rev{
        0%{ -moz-transform: translate( -1600px, 0); }
        100%{ -moz-transform: translate( 0, 0); }
    }
    @keyframes lowerSlideAnim{
        0%{ transform: translate(0, 0); }
        100%{ transform: translate( -1600px, 0); }
    }
    @keyframes lowerSlideAnim-rev{
        0%{ transform: translate( -1600px, 0); }
        100%{ transform: translate( 0, 0); }
    }
    
.side_mask_left,
.side_mask_right{
    position: absolute;
    top: 1.5em;
    left: 0;
}

.side_mask_right{
    left: auto;
    right: 0;
}





.downloadReturn{
    height: 10.125em;
    line-height: 10.125em;
    text-align: center;
    border-top: solid 1px #E2E2E2;
    border-bottom: solid 1px #E2E2E2;
    color: #fff;
}

.downloadReturn a,
.downloadReturn a:visited{
    font-size: 1.5em;
    color: #666;
}





/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  font-size: 16px; }

body {
  background: white;
  color: #222222;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  -webkit-font-smoothing: antialiased; }

a:focus {
  outline: none; }

img,
object,
embed {
  max-width: 100%;
  height: auto; }

object,
embed {
  height: 100%; }

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.text-justify {
  text-align: justify !important; }

.hide {
  display: none; }

img {
  display: inline-block; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

/* Grid HTML Classes */
.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5em;
  *zoom: 1; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row .column,
  .row .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    width: 100%; }
  .row.collapse .column,
  .row.collapse .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0; }
  .row .row {
    width: auto;
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none;
      *zoom: 1; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

@media only screen {
  .row .column,
  .row .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .row .small-1 {
    position: relative;
    width: 8.33333%; }

  .row .small-2 {
    position: relative;
    width: 16.66667%; }

  .row .small-3 {
    position: relative;
    width: 25%; }

  .row .small-4 {
    position: relative;
    width: 33.33333%; }

  .row .small-5 {
    position: relative;
    width: 41.66667%; }

  .row .small-6 {
    position: relative;
    width: 50%; }

  .row .small-7 {
    position: relative;
    width: 58.33333%; }

  .row .small-8 {
    position: relative;
    width: 66.66667%; }

  .row .small-9 {
    position: relative;
    width: 75%; }

  .row .small-10 {
    position: relative;
    width: 83.33333%; }

  .row .small-11 {
    position: relative;
    width: 91.66667%; }

  .row .small-12 {
    position: relative;
    width: 100%; }

  .row .small-offset-1 {
    position: relative;
    margin-left: 8.33333%; }

  .row .small-offset-2 {
    position: relative;
    margin-left: 16.66667%; }

  .row .small-offset-3 {
    position: relative;
    margin-left: 25%; }

  .row .small-offset-4 {
    position: relative;
    margin-left: 33.33333%; }

  .row .small-offset-5 {
    position: relative;
    margin-left: 41.66667%; }

  .row .small-offset-6 {
    position: relative;
    margin-left: 50%; }

  .row .small-offset-7 {
    position: relative;
    margin-left: 58.33333%; }

  .row .small-offset-8 {
    position: relative;
    margin-left: 66.66667%; }

  .row .small-offset-9 {
    position: relative;
    margin-left: 75%; }

  .row .small-offset-10 {
    position: relative;
    margin-left: 83.33333%; }

  [class*="column"] + [class*="column"]:last-child {
    float: right; }

  [class*="column"] + [class*="column"].end {
    float: left; }

  .column.small-centered,
  .columns.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none; } }
/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 48em) {
  .row .large-1 {
    position: relative;
    width: 8.33333%; }

  .row .large-2 {
    position: relative;
    width: 16.66667%; }

  .row .large-3 {
    position: relative;
    width: 25%; }

  .row .large-4 {
    position: relative;
    width: 33.33333%; }

  .row .large-5 {
    position: relative;
    width: 41.66667%; }

  .row .large-6 {
    position: relative;
    width: 50%; }

  .row .large-7 {
    position: relative;
    width: 58.33333%; }

  .row .large-8 {
    position: relative;
    width: 66.66667%; }

  .row .large-9 {
    position: relative;
    width: 75%; }

  .row .large-10 {
    position: relative;
    width: 83.33333%; }

  .row .large-11 {
    position: relative;
    width: 91.66667%; }

  .row .large-12 {
    position: relative;
    width: 100%; }

  .row .large-offset-1 {
    position: relative;
    margin-left: 8.33333%; }

  .row .large-offset-2 {
    position: relative;
    margin-left: 16.66667%; }

  .row .large-offset-3 {
    position: relative;
    margin-left: 25%; }

  .row .large-offset-4 {
    position: relative;
    margin-left: 33.33333%; }

  .row .large-offset-5 {
    position: relative;
    margin-left: 41.66667%; }

  .row .large-offset-6 {
    position: relative;
    margin-left: 50%; }

  .row .large-offset-7 {
    position: relative;
    margin-left: 58.33333%; }

  .row .large-offset-8 {
    position: relative;
    margin-left: 66.66667%; }

  .row .large-offset-9 {
    position: relative;
    margin-left: 75%; }

  .row .large-offset-10 {
    position: relative;
    margin-left: 83.33333%; }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .small-push-2 {
    left: inherit; }

  .small-pull-2 {
    right: inherit; }

  .small-push-3 {
    left: inherit; }

  .small-pull-3 {
    right: inherit; }

  .small-push-4 {
    left: inherit; }

  .small-pull-4 {
    right: inherit; }

  .small-push-5 {
    left: inherit; }

  .small-pull-5 {
    right: inherit; }

  .small-push-6 {
    left: inherit; }

  .small-pull-6 {
    right: inherit; }

  .small-push-7 {
    left: inherit; }

  .small-pull-7 {
    right: inherit; }

  .small-push-8 {
    left: inherit; }

  .small-pull-8 {
    right: inherit; }

  .small-push-9 {
    left: inherit; }

  .small-pull-9 {
    right: inherit; }

  .small-push-10 {
    left: inherit; }

  .small-pull-10 {
    right: inherit; }

  .column.large-centered,
  .columns.large-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none; } }
/* Foundation Block Grids for below small breakpoint */
@media only screen {
  [class*="block-grid-"] {
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 0 -10px; }
    [class*="block-grid-"] > li {
      display: block;
      height: auto;
      float: left;
      padding: 0 10px 10px; }

  .small-block-grid-1 > li {
    width: 100%;
    padding: 0 10px 10px; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .small-block-grid-2 > li {
    width: 50%;
    padding: 0 10px 10px; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .small-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 10px 10px; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .small-block-grid-4 > li {
    width: 25%;
    padding: 0 10px 10px; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .small-block-grid-5 > li {
    width: 20%;
    padding: 0 10px 10px; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .small-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 10px 10px; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .small-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 10px 10px; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .small-block-grid-8 > li {
    width: 12.5%;
    padding: 0 10px 10px; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .small-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 10px 10px; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .small-block-grid-10 > li {
    width: 10%;
    padding: 0 10px 10px; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .small-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 10px 10px; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .small-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 10px 10px; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
/* Foundation Block Grids for above small breakpoint */
@media only screen and (min-width: 48em) {
  .large-block-grid-1 > li {
    width: 100%;
    padding: 0 10px 10px; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .large-block-grid-2 > li {
    width: 50%;
    padding: 0 10px 10px; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .large-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 10px 10px; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .large-block-grid-4 > li {
    width: 25%;
    padding: 0 10px 10px; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .large-block-grid-5 > li {
    width: 20%;
    padding: 0 10px 10px; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .large-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 10px 10px; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .large-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 10px 10px; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .large-block-grid-8 > li {
    width: 12.5%;
    padding: 0 10px 10px; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .large-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 10px 10px; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .large-block-grid-10 > li {
    width: 10%;
    padding: 0 10px 10px; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .large-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 10px 10px; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .large-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 10px 10px; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; }

  [class*="small-block-grid-"] > li {
    clear: none !important; } }
p.lead {
  font-size: 1.21875em;
  line-height: 1.6; }

.subheader {
  line-height: 1.4;
  color: #6f6f6f;
  font-weight: 300;
  margin-top: 0.2em;
  margin-bottom: 0.5em; }

/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  direction: ltr; }

/* Default Link Styles */
a {
  color: #1D9283;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: #24b5a2; }
  a img {
    border: none; }

/* Default paragraph styles */
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1.25em; }
  p aside {
    font-size: 0.875em;
    line-height: 1.35;
    font-style: italic; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #222222;
  text-rendering: optimizeLegibility;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
  line-height: 1.2125em; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0; }

h1 {
  font-size: 2.125em; }

h2 {
  font-size: 1.6875em; }

h3 {
  font-size: 1.375em; }

h4 {
  font-size: 1.125em; }

h5 {
  font-size: 1.125em; }

h6 {
  font-size: 1em; }

hr {
  border: solid #dddddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25em 0 1.1875em;
  height: 0; }

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: bold;
  color: #7f0a0c; }

/* Lists */
ul,
ol,
dl {
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1.25em;
  list-style-position: outside;
  font-family: inherit; }

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.25em;
  margin-bottom: 0;
  font-size: 1em;
  /* Override nested font-size change */ }
ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit; }
ul.square {
  list-style-type: square; }
ul.circle {
  list-style-type: circle; }
ul.disc {
  list-style-type: disc; }
ul.no-bullet {
  list-style: none; }

/* Ordered Lists */
ol li ul,
ol li ol {
  margin-left: 1.25em;
  margin-bottom: 0; }

/* Definition Lists */
dl dt {
  margin-bottom: 0.3em;
  font-weight: bold; }
dl dd {
  margin-bottom: 0.75em; }

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222222;
  border-bottom: 1px dotted #dddddd;
  cursor: help; }

abbr {
  text-transform: none; }

/* Blockquotes */
blockquote {
  margin: 0 0 1.25em;
  padding: 0.5625em 1.25em 0 1.1875em;
  border-left: 1px solid #dddddd; }
  blockquote cite {
    display: block;
    font-size: 0.8125em;
    color: #555555; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a,
    blockquote cite a:visited {
      color: #555555; }

blockquote,
blockquote p {
  line-height: 1.6;
  color: #6f6f6f; }

/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.25em 0;
  border: 1px solid #dddddd;
  padding: 0.625em 0.75em; }
  .vcard li {
    margin: 0;
    display: block; }
  .vcard .fn {
    font-weight: bold;
    font-size: 0.9375em; }

.vevent .summary {
  font-weight: bold; }
.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0625em; }

@media only screen and (min-width: 48em) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4; }

  h1 {
    font-size: 2.75em; }

  h2 {
    font-size: 2.3125em; }

  h3 {
    font-size: 1.6875em; }

  h4 {
    font-size: 1.4375em; } }
/*
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  .hide-on-print {
    display: none !important; }

  .print-only {
    display: block !important; }

  .hide-for-print {
    display: none !important; }

  .show-for-print {
    display: inherit !important; } }
.button {
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-family: inherit;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 1.25em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 0.75em;
  padding-right: 1.5em;
  padding-bottom: 0.8125em;
  padding-left: 1.5em;
  font-size: 1em;
  background-color: #1D9283;
  border-color: #1FB6AB;
  color: white; }
  .button:hover, .button:focus {
    background-color: #1FB6AB; }
  .button:hover, .button:focus {
    color: white; }
  .button.secondary {
    background-color: #e9e9e9;
    border-color: #d0d0d0;
    color: #333333; }
    .button.secondary:hover, .button.secondary:focus {
      background-color: #d0d0d0; }
    .button.secondary:hover, .button.secondary:focus {
      color: #333333; }
  .button.success {
    background-color: #5da423;
    border-color: #457a1a;
    color: white; }
    .button.success:hover, .button.success:focus {
      background-color: #457a1a; }
    .button.success:hover, .button.success:focus {
      color: white; }
  .button.alert {
    background-color: #c60f13;
    border-color: #970b0e;
    color: white; }
    .button.alert:hover, .button.alert:focus {
      background-color: #970b0e; }
    .button.alert:hover, .button.alert:focus {
      color: white; }
  .button.large {
    padding-top: 1em;
    padding-right: 2em;
    padding-bottom: 1.0625em;
    padding-left: 2em;
    font-size: 1.25em; }
  .button.small {
    padding-top: 0.5625em;
    padding-right: 1.125em;
    padding-bottom: 0.625em;
    padding-left: 1.125em;
    font-size: 0.8125em; }
  .button.tiny {
    padding-top: 0.4375em;
    padding-right: 0.875em;
    padding-bottom: 0.5em;
    padding-left: 0.875em;
    font-size: 0.6875em; }
  .button.expand {
    padding-top: 0.75em;
    padding-right: 1.5em;
    padding-bottom: 0.8125em;
    padding-left: 1.5em;
    font-size: 1em;
    padding-top: 0.75em;
    padding-right: 0px;
    padding-bottom: 0.8125em;
    padding-left: 0px;
    width: 100%; }
  .button.left-align {
    text-align: left;
    text-indent: 0.75em; }
  .button.right-align {
    text-align: right;
    padding-right: 0.75em; }
  .button.disabled, .button[disabled] {
    background-color: #1D9283;
    border-color: #1FB6AB;
    color: white;
    cursor: default;
    opacity: 0.6;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #1FB6AB; }
    .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      color: white; }
    .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #1D9283; }
    .button.disabled.secondary, .button[disabled].secondary {
      background-color: #e9e9e9;
      border-color: #d0d0d0;
      color: #333333;
      cursor: default;
      opacity: 0.6;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #d0d0d0; }
      .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        color: #333333; }
      .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #e9e9e9; }
    .button.disabled.success, .button[disabled].success {
      background-color: #5da423;
      border-color: #457a1a;
      color: white;
      cursor: default;
      opacity: 0.6;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #457a1a; }
      .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        color: white; }
      .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #5da423; }
    .button.disabled.alert, .button[disabled].alert {
      background-color: #c60f13;
      border-color: #970b0e;
      color: white;
      cursor: default;
      opacity: 0.6;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #970b0e; }
      .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        color: white; }
      .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #c60f13; }

input.button,
button.button {
  padding-top: 0.8125em;
  padding-bottom: 0.75em; }
  input.button.tiny,
  button.button.tiny {
    padding-top: 0.5em;
    padding-bottom: 0.4375em; }
  input.button.small,
  button.button.small {
    padding-top: 0.625em;
    padding-bottom: 0.5625em; }
  input.button.large,
  button.button.large {
    padding-top: 1.03125em;
    padding-bottom: 1.03125em; }

@media only screen {
  .button {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out; }
    .button:active {
      -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
    .button.radius {
      -webkit-border-radius: 3px;
      border-radius: 3px; }
    .button.round {
      -webkit-border-radius: 1000px;
      border-radius: 1000px; } }
@media only screen and (min-width: 48em) {
  .button {
    display: inline-block; } }
/* Standard Forms */
form {
  margin: 0 0 1em; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: -0.5em; }
  form .row .row .column,
  form .row .row .columns {
    padding: 0 0.5em; }
  form .row .row.collapse {
    margin: 0; }
    form .row .row.collapse .column,
    form .row .row.collapse .columns {
      padding: 0; }
form .row input.column,
form .row input.columns {
  padding-left: 0.5em; }

form .row .row {
  margin: 0; }

/* Label Styles */
label {
  font-size: 0.875em;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: 500;
  margin-bottom: 0.1875em; }
  label.right {
    float: none;
    text-align: right; }
  label.inline {
    margin: 0 0 1em 0;
    padding: 0.625em 0; }

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875em;
  height: 2.3125em;
  line-height: 2.3125em; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125em; }

.prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125em; }

.prefix.button.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.postfix.button.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.prefix.button.round {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.postfix.button.round {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

/* Separate prefix and postfix styles when on span so buttons keep their own */
span.prefix {
  background: #f2f2f2;
  border-color: #d9d9d9;
  border-right: none;
  color: #333333; }
  span.prefix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }

span.postfix {
  background: #f2f2f2;
  border-color: #cccccc;
  border-left: none;
  color: #333333; }
  span.postfix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; }

/* Input groups will automatically style first and last elements of the group */
.input-group.radius > *:first-child, .input-group.radius > *:first-child * {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }
.input-group.radius > *:last-child, .input-group.radius > *:last-child * {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }
.input-group.round > *:first-child, .input-group.round > *:first-child * {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }
.input-group.round > *:last-child, .input-group.round > *:last-child * {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875em;
  margin: 0 0 1em 0;
  padding: 0.5em;
  height: 2.3125em;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  transition: all 0.15s linear; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none; }
  input[type="text"][disabled],
  input[type="password"][disabled],
  input[type="date"][disabled],
  input[type="datetime"][disabled],
  input[type="datetime-local"][disabled],
  input[type="month"][disabled],
  input[type="week"][disabled],
  input[type="email"][disabled],
  input[type="number"][disabled],
  input[type="search"][disabled],
  input[type="tel"][disabled],
  input[type="time"][disabled],
  input[type="url"][disabled],
  textarea[disabled] {
    background-color: #dddddd; }

/* We add basic fieldset styling */
fieldset {
  border: solid 1px #dddddd;
  padding: 1.25em;
  margin: 1.125em 0; }
  fieldset legend {
    font-weight: bold;
    background: white;
    padding: 0 0.1875em;
    margin: 0;
    margin-left: -0.1875em; }

/* Error Handling */
.error input,
input.error,
.error textarea,
textarea.error {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1); }
  .error input:focus,
  input.error:focus,
  .error textarea:focus,
  textarea.error:focus {
    background: #fafafa;
    border-color: #999999; }

.error label,
label.error {
  color: #c60f13; }

.error small,
small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: -1.3125em;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: white; }
  
  /* Inline Lists */
.inline-list {
  margin: 0 auto 1.0625em auto;
  margin-left: -1.375em;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }
  .inline-list > li {
    list-style: none;
    float: left;
    margin-left: 1.375em;
    display: block; }
    .inline-list > li > * {
      display: block; }
html{
    height: 100%;
}
html, body{
    min-height:100%;
    background-color: #fafafa;
}

body a,
body a:visited{
    color: #24bab3;
}


body a:hover,
body a:active{
    color: #24b5a2;
}

ul li{
    list-style:none;
}

.clear{
    clear:both;
}

.center-text{
    text-align: center;
}

.left-text{
    text-align:left;
}

.center-box{
    margin-left:auto;
    margin-right:auto;
}

.pointer{
    cursor: pointer;
}

body .button {
    border-radius: 3px;
    border-color: #bbb;
    background: #fff;
    color: #1D9283;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.15);
}

body .button[disabled]{
    background: #dedede;
    border-color: #bbb;
    color: #555;
}

.yui3-scrollview-scrollbar{
    margin-right: 0.35em;
}

body .button.disabled:focus,
body .button.disabled:hover,
body .button[disabled]:focus,
body .button[disabled]:hover{
    color: #444;
    background: #dedede;
    border-color: #bbb;
    box-shadow: none;
}

body .button.disabled:active,
body .button[disabled]:active{
    position: fixed;
}

body .button:hover{    
    box-shadow: none;
    background: #fff;
    border-color:#24b5a2;
    color: #24b5a2 !important;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.15);
}

body .button:active{
    box-shadow: none;
    position:relative;
    left: 1px;
    top: 1px;
}

@-webkit-keyframes blink {  
  0% { background: #fff; color: #666; }
  50% { background: #2284a1; color: #fff; }
  100% { background: #fff; color: #666; }
}
@keyframes blink {  
  0% { background: #fff; color: #666; }
  50% { background: #2284a1; color: #fff; }
  100% { background: #fff; color: #666; }
}

.fly-out-wrap{
    position: relative;
    z-index:1;
}

.fly-out-wrap:hover .fly-out,
.fly-out-wrap:active .fly-out,
.fly-out-wrap:focus .fly-out,
.fly-out-wrap .fly-out.show{
    display: block;
}

.fly-out{
    display: none;
    position: absolute;
    top:100%;
    left:0;
    z-index:2;
}

.fly-out.top{
    top:initial;
    bottom:100%;
    padding-bottom: 0.5em;
}

.arrow-box {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.35);
    padding: 1.5em;
    background: #fff;
}
.arrow-box:after, .arrow-box:before {
    bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow-box:before {
	border-color: rgba(221, 221, 221, 0);
	border-width: 11px;
	left: 50%;
	margin-left: -11px;
}
.arrow-box:after {
	border-color: rgba(255, 255, 255, 0);
	border-width: 10px;
	left: 50%;
	margin-left: -10px;
}

.arrow-box.bottom-arrow:after, .arrow-box.bottom-arrow:before {
    bottom: 0;
    margin-bottom: -11px;
}

.arrow-box.top-arrow:before {
    border-bottom-color: #ddd;
}
.arrow-box.bottom-arrow:before {
    margin-bottom: -13px;
    border-top-color: #ddd;
}

.arrow-box.top-arrow:after {
    border-bottom-color: #fff;
}
.arrow-box.bottom-arrow:after {
    border-top-color: #fff;
}

.content{
    margin-top: 5em;
}

.like-toggle .on,
.like-toggle.liked .off{
    display:none;
}

.like-toggle .off,
.like-toggle.liked .on{
    display:block;
}

.sprite{
    background: no-repeat 0 0 transparent url("/res/img/2.0splash2/zite-sprite.png");
    text-indent: -999px;
    overflow:hidden;
    display:inline-block;
    vertical-align: top;
}

.email-32{ background-position: 0 0; width: 32px; height: 32px; } 
.explore_facebook{ background-position: 0 -82px; width: 74px; height: 76px; } 
.explore_facebook:active{ background-position: 0 -208px; width: 74px; height: 76px; } 
.explore_pocket{ background-position: 0 -334px; width: 74px; height: 76px; } 
.explore_pocket:active{ background-position: 0 -460px; width: 74px; height: 76px; } 
.explore_twitter{ background-position: 0 -586px; width: 74px; height: 76px; } 
.explore_twitter:active{ background-position: 0 -712px; width: 74px; height: 76px; } 
.facebook-32{ background-position: 0 -838px; width: 32px; height: 32px; } 
.heart_empty{ background-position: 0 -920px; width: 40px; height: 40px; } 
.heart_filled{ background-position: 0 -1010px; width: 40px; height: 40px; } 
.history_shared{ background-position: 0 -1100px; width: 14px; height: 14px; } 
.history_shared_big{ background-position: 0 -1164px; width: 28px; height: 28px; } 
.history_thumbs_down{ background-position: 0 -1242px; width: 14px; height: 14px; } 
.history_thumbs_down_big{ background-position: 0 -1306px; width: 28px; height: 28px; } 
.history_thumbs_up{ background-position: 0 -1384px; width: 14px; height: 14px; } 
.history_thumbs_up_big{ background-position: 0 -1448px; width: 28px; height: 28px; } 
.logo-33{ background-position: 0 -1526px; width: 82px; height: 33px; } 
.thumb_down_button{ background-position: 0 -1609px; width: 32px; height: 32px; } 
.thumb_down_button_on{ background-position: 0 -1691px; width: 32px; height: 32px; } 
.thumb_up_button{ background-position: 0 -1773px; width: 32px; height: 32px; } 
.thumb_up_button_on{ background-position: 0 -1855px; width: 32px; height: 32px; } 
.twitter-32{ background-position: 0 -1937px; width: 32px; height: 32px; } .sprite {
  background: url( '/res/img/2.0splash2/sprite.png' ) no-repeat;
  background-size: 1024px 427px;
}

.sprite.divider {
  width: 1024px;
  height: 27px;
  background-position: 0px 0px;
}

.sprite.side_mask_left {
  width: 86px;
  height: 400px;
  background-position: 0px -27px;
}

.sprite.side_mask_right {
  width: 86px;
  height: 400px;
  background-position: -86px -27px;
}

.sprite.logo {
  width: 93px;
  height: 41px;
  background-position: -172px -27px;
}

.sprite.profile_guy {
  width: 71px;
  height: 71px;
  background-position: -172px -68px;
}

.sprite.facebook {
  width: 42px;
  height: 42px;
  background-position: -243px -68px;
}

.sprite.twitter {
  width: 42px;
  height: 42px;
  background-position: -285px -68px;
}



@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2/1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2) {
.sprite {
  background: url( '/res/img/2.0splash2/sprite@2x.png' ) no-repeat;
  background-size: 1024px 426.5px;
}

}
.sprite-ipad {
  background: url( '/res/img/2.0splash2/ipad-sprite.png' ) no-repeat;
  background-size: 1232px 1168px;
}

.sprite-ipad.ipad_flat {
  width: 950px;
  height: 731px;
  background-position: 0px 0px;
}

.sprite-ipad.android_screen {
  width: 282px;
  height: 494px;
  background-position: -950px 0px;
}

.sprite-ipad.iphone {
  width: 207px;
  height: 437px;
  background-position: 0px -731px;
}

.sprite-ipad.circle-art {
  width: 71px;
  height: 71px;
  background-position: -950px -494px;
}

.sprite-ipad.circle-basketball {
  width: 71px;
  height: 71px;
  background-position: -1021px -494px;
}

.sprite-ipad.circle-food {
  width: 71px;
  height: 71px;
  background-position: -1092px -494px;
}



@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2/1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2) {
.sprite-ipad {
  background: url( '/res/img/2.0splash2/ipad-sprite@2x.png' ) no-repeat;
  background-size: 1231.5px 1167.5px;
}

}
.sprite-topic {
  background: url( '/res/img/2.0splash2/topic-sprite.png' ) no-repeat;
  background-size: 760px 730px;
}

.sprite-topic.genetics {
  width: 190px;
  height: 146px;
  background-position: 0px 0px;
}

.sprite-topic.adventuretravel {
  width: 190px;
  height: 146px;
  background-position: -190px 0px;
}

.sprite-topic.business {
  width: 190px;
  height: 146px;
  background-position: 0px -146px;
}

.sprite-topic.diets {
  width: 190px;
  height: 146px;
  background-position: -190px -146px;
}

.sprite-topic.entrepreneur {
  width: 190px;
  height: 146px;
  background-position: -380px 0px;
}

.sprite-topic.football {
  width: 190px;
  height: 146px;
  background-position: -380px -146px;
}

.sprite-topic.gardening {
  width: 190px;
  height: 146px;
  background-position: 0px -292px;
}

.sprite-topic.geek {
  width: 190px;
  height: 146px;
  background-position: -190px -292px;
}

.sprite-topic.amazing {
  width: 190px;
  height: 146px;
  background-position: -380px -292px;
}

.sprite-topic.guncontrol {
  width: 190px;
  height: 146px;
  background-position: -570px 0px;
}

.sprite-topic.happiness {
  width: 190px;
  height: 146px;
  background-position: -570px -146px;
}

.sprite-topic.nba {
  width: 190px;
  height: 146px;
  background-position: -570px -292px;
}

.sprite-topic.painting {
  width: 190px;
  height: 146px;
  background-position: 0px -438px;
}

.sprite-topic.recipes {
  width: 190px;
  height: 146px;
  background-position: -190px -438px;
}

.sprite-topic.tapreparation {
  width: 190px;
  height: 146px;
  background-position: -380px -438px;
}

.sprite-topic.wildlife {
  width: 190px;
  height: 146px;
  background-position: -570px -438px;
}

.sprite-topic.yoga {
  width: 190px;
  height: 146px;
  background-position: 0px -584px;
}



@media (min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2/1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2) {
.sprite-topic {
  background: url( '/res/img/2.0splash2/topic-sprite@2x.png' ) no-repeat;
  background-size: 760px 730px;
}

}
.sprite {
    background-image: url( '/res/img/2.0splash2/sprite.png' );
}

@media (min--moz-device-pixel-ratio: 2),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2) {
    .sprite {
        background-image: url( '/res/img/2.0splash2/sprite@2x.png' );
    }
}

.sprite-ipad {
    background-image: url( '/res/img/2.0splash2/ipad-sprite.jpg' );
}

@media (min--moz-device-pixel-ratio: 2),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2) {
    .sprite-ipad {
        background-image: url( '/res/img/2.0splash2/ipad-sprite@2x.jpg' );
    }
}

.sprite-topic {
    background-image: url( '/res/img/2.0splash2/topic-sprite.jpg' );
}

@media (min--moz-device-pixel-ratio: 2),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2) {
    .sprite-topic {
        background-image: url( '/res/img/2.0splash2/topic-sprite@2x.jpg' );
    }
}

body{
    background: #F9F9F9;
}

body *{
    font-family: Lato, Helvetica, Arial, sans-serif;
}

h2{
    font: 300 1.75em/1.286em Lato, Helvetica, Arial, sans-serif;
    color: #24bab3;
    margin-bottom: 1.215em;
}

p{
    font: 1em/1.5em Lato, Helvetica, Arial, sans-serif;
    color: #666;
}

.divider{
    border: none;
    margin: auto;
    display: block;
}

.flip{
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.text-center{
    text-align: center;
}

.row.full{
    max-width: auto !important;
}

.m-0{
    margin: 0;
}

.p-0{
    padding: 0;
}



.topBar{
    max-height: 5em;
    box-shadow: 0 1px 0.125em 0 rgba(0,0,0,0.15);
    overflow: hidden;
    background: rgba(255,255,255,0.96);
}

.topBar .row{
    padding: 0 2.5em;
}

.topBar .row .columns{
    padding: 0;
}

.topBar h1{
    font-size: 1em;
    margin: 1.25em 0 0;
}

.topBar .inline-list li{
    margin: 0 2.5em 0 0;
    line-height: 5em;
}

.topBar .inline-list li:last-child{
    margin: 0;
}

.topBar nav a{
    font-size: 1.125em;
}



footer{
    text-align: center;
    height: 11.5em;
    background-color: #F5F5F5;
    border-top: solid 1px #E2E2E2;
}

footer a{
    font-weight: 700;
    font-size: 1em;
    line-height: 1.75em;
    color: #666;
}

footer > .row > li > ul{
    margin: 2.8em 0 0 0;
    border-right: solid 1px #E2E2E2;
}

footer > .row > li:last-child > ul{
    border-right: none;
}

footer > .row .columns{
    padding:0;
}

footer .row .columns .inline-list{
    width: 6.875em;
    margin: 4.125em auto;
}

footer .inline-list li:first-child{
    margin-left: 0;
}