/* @group Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* @end */

/*@font-face {*/
/*    font-family: 'Roboto';*/
/*    src: local('Roboto');*/
/*}*/
html  { background:#efefef;  }
body  { background:#ffffff;  }
/*a           { transition:color 0.3s ease; }*/

.text-bold      { font-weight:600; }
.text-medium    { font-weight:500; }
.text-regular   { font-weight:400; }
.text-light     { font-weight:300; }
.text-thin      { font-weight:100; }
.text-italic    { font-weight:400; font-style: italic; }

ul.item-list  { list-style: none; max-width:650px; margin:0 auto; }
ul.item-list > li  { margin:0 0 0 20px; line-height:1.5 }
.app_red         { color: #AB0909; }
.logo_blue_dark  { color: #001C35 }
.logo_blue_light { color: #00ABE0 }
.app_blue_light  { color: #0079e6 }

.sora {
    font-family: "Sora", "sans-serif";
}
.source-serif {
     font-family: "Source Serif 4", serif;
}
.source-sans {
    font-family: "Source Sans 3", sans-serif;
}

html, body {
    overflow-x: hidden;
}
body {
    position: relative
}
body {

    line-height:1.5;

    font-family: "Source Sans 3", "helvetica neue", "helvetica", "sans-serif";
    font-size: 11pt;
    color: #001C35;
    text-rendering: optimizelegibility;

    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;

    -moz-tap-highlight-color:rgba(0,0,0,0);
    -moz-text-size-adjust: none;
    -moz-font-smoothing: antialiased;

    -ms-tap-highlight-color:rgba(0,0,0,0);
    -ms-text-size-adjust: none;
    -ms-font-smoothing: antialiased;
}



header {
    /*background-image: url("/img/background/top-bar2.svg");*/
    background-color: #004B8C;
    background-size:     cover;
    background-position: center right;
    background-repeat: no-repeat;
    z-index: 2;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}

header > div { width:100%; max-width:1400px; height:100px; margin: 0 auto; display:table; }
#header-left { text-align: left; display:table-cell; vertical-align: middle; height: 100px; padding:0 0 0 40px }
#header-left a { text-decoration: none; }
/*#header-left a { font-family: "Source Serif 4", "sans-serif"; font-size: 32pt; color:#ffffff; text-decoration: none; font-weight: 700; font-style: italic }*/
/*#header-left a:hover { text-decoration: none; }*/
/*#header-left span:last-child { display:none; }*/
/*#header-left span:first-child { display:inline; }*/

#header-right { display:table-cell; text-align: right; vertical-align: middle; padding:0 40px 0 0; }
#header-right a { text-decoration: none; padding-left: 18px; }
#header-logo { height: 72px; }

.header-button {
    background:#FFFFFF; height: 40px; border-radius: 32px; vertical-align: middle; display:table-cell;
}

.with-platform .header-button {
    /*border: 3px solid #00ABE0;*/
    /*outline: 2px solid #00ABE0;*/
}

.no-platform .header-button {
    /*border: 3px solid #00ABE0;*/
    /*outline: 2px solid #00ABE0;*/
}

.header-button span { font-size: 12pt; color:#001C35; vertical-align: middle; text-align: center; font-weight: 700; text-transform: uppercase; position:relative; top:1px; padding:0 22px 0 0; }
.header-button img { padding: 0 0 0 16px; vertical-align: middle; }

.content-button { text-decoration: none; padding: 0 6px;  }
.content-button > div {
    background:#ffffff; height: 40px; border-radius: 23px; vertical-align: middle; display:table-cell;
    border: 3px solid #0079e6;
}
.content-button span { font-size: 12pt; color:#005DB2; vertical-align: middle; text-align: center; font-weight: 700; text-transform: uppercase; position:relative; top:1px; padding:0 22px 0 0; }
.content-button img { padding: 0 0 0 16px; vertical-align: middle; }


footer { color:#707070; font-size: 10pt; padding: 20px; background:#efefef; margin-top:60px }
footer > div { max-width:1400px; margin: 0 auto; }
footer a { color:#707070; }
footer a:hover { color:#202020; }
.footer-copy {  }
.footer-links { text-align:center;line-height: 1.7 }
.footer-disclaimer { color:#909090;padding-top:20px;font-size: 9pt; }

/*.menu { background:#0079e6; margin: 64px 0 0 0;text-align: center; }*/
/*.menu > div { margin: 0 auto; display:table; }*/
/*.menu > div > a > div { display:table-cell;height:100%; vertical-align: middle; padding:12px 0 }*/
/*.menu > div > a  { font-size: 12pt; font-weight: 400;  color:#ffffff; text-decoration: none;margin:0 15px;vertical-align: middle;}*/
/*.menu > div > a > div:hover { text-decoration: underline; }*/
/*.menu > div > a > div > img { height:18px;width:18px;margin:0 5px 0 0;vertical-align: middle; }*/
/*.menu > div > a > div:nth-child(2) { vertical-align: bottom }*/

/*.content  { padding: 12px 0 0 0; background-color: #ffffff; min-height:300px; margin: 0 auto;  }*/
/*.innerContent { max-width:1400px; margin:20px auto; padding:0 10px }*/

#content  { background-color: #ffffff; min-height:300px; margin-top: 140px;  }
#content > div {
    max-width:1400px; margin:0 auto;
}


#home-top {
    width:100%; max-width:1400px; margin: 0 auto 70px auto; display:table;
}
#home-top > div {
    display:table-cell;
}
#home-top > div:first-child {
    width:360px; font-family: "Source Sans 3", sans-serif; padding:0 60px 0 40px; vertical-align: middle;
}
#home-top h1 {
    text-align: right; line-height: 44pt; font-weight: 500; font-size: 40pt; color:#202020;
}
#home-top h1 > span {
    font-family: "Source Serif 4", serif; font-weight: 900; font-style: italic
}
#home-top h2 {
    padding-top: 30px; text-align: right; font-style: italic; font-weight: 400; font-size: 16pt; color:#404040;
}
#home-top h2 > span {
    font-family: "Source Serif 4", serif; font-weight: 900; font-style: italic
}
#home-top > div:last-child {
    height:500px; display:table-cell;
}
#home-top-image { display:none; }
#home-buttons-middle { display: none; }
#home-buttons-bottom { display:table; margin:20px auto 0 auto; padding-top:12px; }
@media only screen and (max-width: 780px) {
    /*#header-left a { font-size: 20pt; line-height: 0.8 !important; }*/
    /*#header-left span:last-child { display:inline; }*/
    /*#header-left span:first-child { display:none; }*/
    /*header {*/
    /*    background: #0079e6 none;*/
    /*}*/
    header > div { height: 100px; }
    #header-left { height: 100px; padding:0 0 0 20px; }
    #header-right { padding:0 20px 0 0; }
    #content     { margin: 100px 0 0 0;  }
    #header-logo { height: 60px; }
    #home-top { display: block; margin:0 0 40px 0; }
    #home-top > div {
        display:block;
    }
    #home-top > div:first-child {
        display: block; padding:0; width:100%;
    }
    #home-top h1 {
        display: block; padding: 20px;
    }
    #home-top > div:last-child {
        display: none;
    }
    #home-top h1 {
        text-align: left; line-height: 34pt; font-size: 32pt;
    }
    #home-top h2 {
        padding: 20px 20px 0 20px; text-align: left; font-size: 16pt; color: #404040;
    }
    #home-top-image {
        display:block; width:100%; height:300px;
    }
    #home-buttons-middle { display: table; margin: 0 auto; padding:0 0 40px 0; }
}

.section-screen {
    width:100%; max-width:1400px; margin: 0 auto; display:table;
}
.section-screen > div {
    display:table-cell; vertical-align:middle;
}
.section-screen > div:first-child {

}
.section-screen > div:last-child {
    width:460px; vertical-align: center; padding-left: 40px;
}
.screens-layout {
    text-align: left; display: block;
}
.screens-layout img {
    width:25%; display: inline;
}
.section-screen h3 {
    font-family: "Source Sans 3", sans-serif;line-height: 38pt; font-weight: 500; font-size: 36pt; color:#202020;
}
.section-screen h3 > span {
    font-family: "Source Serif 4", serif;font-weight: 900; font-style: italic
}
.section-screen h4 {
    padding-top: 30px; font-style: italic; font-weight: 400; font-size: 16pt; color:#404040;
}
.section-screen h4 > span {
    font-family: "Source Serif 4", serif; font-weight: 900; font-style: italic
}
@media only screen and (max-width: 780px) {
    .section-screen {
        display: block; margin:0;
    }
    .section-screen > div {
        display:block;
    }
    .section-screen > div:last-child {
        padding: 20px; width:100%;
    }
    .section-screen h3 {
        line-height: 32pt; font-size: 28pt;
    }
    .section-screen h4 {
        font-size: 15pt; padding-top: 20px;
    }
}


.tag-line { font-weight: 500; }
.tag-line > div:nth-child(1) { display:none; }
.tag-line > div:nth-child(2) { display:inline; }
.tag-line > div:nth-child(3) { padding-top:6px; font-weight: 500; }

.follow { padding:14px 0 0 0; }
.follow > div:first-child { padding-bottom: 5px;text-align:center; font-size: 11pt; }
.follow > div:last-child { display:flex;justify-content: center;  }
.follow a { margin:0 8px; }

.section-title { font-size:16pt; font-weight: 700; padding:30px 0 20px 0;  }

.features-table td:nth-child(1) { font-size:16pt; padding:3px 10px 4px 20px; vertical-align: top }
.features-table td:nth-child(2) { font-size:14pt; font-weight: 400; vertical-align: top; padding:5px 10px 5px 0; }

.apps {  margin:10px; }
#apps-table { text-align: center; padding:0 0 0 0; display:table; margin:0 auto; }
#apps-table > div { display:table-row; }
#apps-table > div > div { display:table-cell; vertical-align: bottom; padding:0 20px; }
#apps-table > div:first-child > div { padding-bottom: 30px; }
#apps-table img { vertical-align: middle; padding:0 0 8px 0 }
#apps-table a { color:#404040; text-decoration: none; }
#apps-table a:hover { color:#001C35; text-decoration: underline; }
/*#app-list { display: block }*/
/*#app-list-mobile { display: none }*/


/**** Home Page ****/

/*#app-list { padding:40px 20px; }*/

/*#app-list > div { display: table; }*/
/*#app-list > div { display: table; }*/
/*#app-list > div > div { display: table-cell; }*/
/*#app-list a { text-decoration: none; color:#202020; }*/
/*#app-list a:hover > span { text-decoration: underline; }*/
/*#app-list img { width:48px; height:48px; }*/

#app-list { display: table; margin: 40px auto;  }
#app-list > div  { display: table-cell; vertical-align: middle; width:50%; }

#app-list a { text-decoration: none; color: #202020; }
#app-list a:hover h3 { text-decoration: underline; }

#app-listing { padding:20px; }
#app-listing > a > div { display: table; }
#app-listing > a > div > div { display: table-cell; vertical-align: middle; }
#app-listing > a > div > div:last-child { padding-left: 18px; }
#app-listing h3 { font-size: 18pt; font-weight: 700; }
#app-listing h3 > span { font-size: 18pt; font-weight: 700; font-style: italic; }
#app-listing > div:last-child { padding-left: 16px;  }
#app-listing img { width:72px; height:72px; }

#app-listing .star-rating { top:-2px; }
#app-listing .star-rating i { font-size: 14pt; }

@media only screen and (max-width: 780px) {

    #app-list { display:block; margin: 0 10px; }
    #app-list > div { display: block; width:100%; }

    #app-listing { padding:14px 10px; }
    #app-listing > a > div { display: table;width:100%; }
    #app-listing > a > div > div:last-child { padding-left: 12px; width: 100%; }

    #app-listing h3 { font-size: 16pt; line-height: 24px; font-weight: 500; }
    #app-listing img { width:52px; height:52px; }
    #app-listing .star-rating { top:-2px; }

    #app-listing .star-rating { font-size: 11pt; }
    #app-listing .star-rating i { font-size: 12pt; }
}

/**** App Pages ****/

#app-title { padding:32px 20px 26px 20px; display: table; }
#app-title > div { display: table-cell; vertical-align: middle; }
#app-title h2 { font-size: 30pt; font-weight: 700;font-family: "Source Sans 3", sans-serif; }
#app-title h2 > span { font-size: 30pt; font-weight: 500; font-family: "Source Serif 4", serif; font-style: italic; }
#app-title > div:last-child { padding-left: 16px;  }
#app-title img { width:72px; height:72px; }

/*.section-screen h3 {*/
/*    font-family: "Source Sans 3", sans-serif;line-height: 38pt; font-weight: 500; font-size: 36pt; color:#202020;*/
/*}*/
/*.section-screen h3 > span {*/
/*    font-family: "Source Serif 4", serif;font-weight: 900; font-style: italic*/
/*}*/

#app-title .star-rating { top:-11px; }
.star-rating { font-size: 13pt;position: relative; color:#909090 }
.star-rating i { font-size: 16pt; }

@media only screen and (max-width: 780px) {
    /*#app-title img { width: 48px; height: 48px; }*/
    /*#app-title { padding:30px 20px 26px 20px; }*/
    #app-title > div:first-child { vertical-align: top; }
    #app-title h2 { font-size: 18pt; line-height: 26px; font-weight: 600; }
    #app-title h2 > span { font-size: 18pt;display:block; }
    #app-title img { width:58px; height:58px; }
    #app-title .star-rating { top:-1px; }
    #app-title > div:last-child { padding-left: 12px;  }

    .star-rating { font-size: 11pt; }
    .star-rating i { font-size: 13pt; }

}


.app-screens { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.app-screens > div { padding-right:10px; display:inline; }
.app-screens > div:last-child { padding-right:0; display:inline; }
.app-screens img { border-radius: 12px; }

/**** Terms & Privacy ****/

.terms { padding:20px; max-width:800px; margin:0 auto;  font-size:12pt; }
.terms-title { font-weight: 600; padding:6px 0 18px 0; font-size:17pt !important; }
.terms div { line-height: 140% }
.terms > div > div { font-weight:600;padding:24px 0 8px;font-size: 15pt; text-transform:capitalize; }
.terms ol { list-style:upper-roman }
.terms li { margin:12px 0 0 38px }
.terms strong { font-weight: 600; }
.terms a { color: #0000EE; }


@media only screen and (max-width: 780px) {

    header {
        padding:0 0;
        /* starting point */
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    .no-platform { display: none !important; }

    /*header h1 { height:60px; }*/
    /*header h1 img { height:32px; }*/

    .footer-copy { display:block; float:none; }
    .footer-disclaimer { padding-top:12px; }

    /*.menu { display: none; }*/

    .content { margin-top:60px;padding-top:26px; }
    .innerContent { margin:0 auto 10px auto; }

    .tag-line { font-size:14pt;padding-top:50px; }
    .tag-line > div:nth-child(1) { display:block; }
    .tag-line > div:nth-child(2) { display:none; }

    .section-title { padding:30px 0 20px 6px;  }

    #apps { padding:0; }
    #apps-table { width:100%; margin:0; }
    #apps-table > div > div { padding:0; width:25%; }
    #apps-table > div > div span { display:block; }
    /*#app-list { display: none }*/
    /*#app-list-mobile { display: block }*/


    /**** Home Page ****/
    .home-blurb { font-size:14pt;font-weight: 400; padding:0 8px; }


    /**** App Pages ****/

    .app-header { display:table; width: 100%; }
    .app-header > div { display:block; }
    .app-header > div:last-child { text-align: center; padding-top:20px; }

    .app-screens { padding-top:24px; }

    /**** Terms & Privacy ****/


}

[data-star] {
    font-style:normal;
    display:inline-block;
    position: relative;
    unicode-bidi: bidi-override;
}
[data-star]::before {
    display:block;
    content: '★★★★★';
    color: #d0d0d0;
}
[data-star]::after {
    position: absolute;
    top: 0;
    content: '★★★★★';
    width: 0;
    color: orange;
    overflow: hidden;
    height: 100%;
    display: flex;
}

[data-star^="4.1"]::after{width:80%}
[data-star^="4.2"]::after{width:82%}
[data-star^="4.3"]::after{width:84%}
[data-star^="4.4"]::after{width:86%}
[data-star^="4.5"]::after{width:88%}
[data-star^="4.6"]::after{width:90%}
[data-star^="4.7"]::after{width:92%}
[data-star^="4.8"]::after{width:94%}
[data-star^="4.9"]::after{width:96%}
[data-star^="5"]::after{width:100%}