html {
    /* Adjust font size */
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    /* Font varient */
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    /* Smoothing */
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}
body{font-family: 'Inter', sans-serif;font-weight: 300; font-size: 20px;}
@media screen and (min-width: 576px){
    body{font-size: 16px;}
}

header{
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    max-width: inherit;
    display: inherit;
    overflow: hidden;
    z-index: 100;
    margin-bottom: 0;
    padding: 6px 0 7px;
    font-weight: 400;
}
.homepage section.home{padding-top: 40px;}
.homepage section{overflow: hidden;}
header.is-scrolled{
    padding-bottom: 7px;
    margin-bottom: 0;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);
}
header.is-scrolled.remove-shadow{
    padding-bottom: 7px;
    margin-bottom: 0;
    box-shadow: none;
}

header .header-elypslp{
    padding: 5px 0 0 0;
}

.warning-banner{
    color: #fff;
    background-color: #ff0000;
    margin-top: -6px;
    margin-bottom: 7px;
    padding: 5px 0;
    font-size: 0.8em;
    /** Hide .warning-banner */
    display: none;
}
.warning-banner a, .warning-banner a:hover, .warning-banner a:visited{
    color: #ccc;
}

.close-warning-banner{
    position: relative;
}
.close-warning-banner .symbol{
    position: absolute; top: -6px; right: 0; font-size: 1.5em;    
}
.warning-banner .text{
    width: calc(100% - 20px);
}

body main > section:nth-of-type(1) h1{font-weight: 400; letter-spacing: 0;}

/* Colors */
body,
body header,
body main,
body footer,
body #mobilemenu-content
{
    background: #F2EBE8;
}
body header li a, body header li a:visited{color: #0a3677;}
body header .tagline{color: #261611;}
body main, body main p, .legals {color: #14172A;}
body main h2, body main h3 {color: #261611; font-weight: 400; letter-spacing: 0; padding:0.6em 0;}
body main h3.alternative {color: #261611;}
body main > section.even,
body main > section:nth-of-type(1){background: #FCF9F8;color: #555555}
body main > section:nth-of-type(1) h1{color: #261611;}
body main > section:nth-of-type(1) h1.home-tagline {font-weight: 400; line-height: 1.2; color: #261611;}
body main > section:nth-of-type(1) h1 .h1-under { display: block; line-height: 1.3;}
body main > section:nth-of-type(1) h2 { display: block; line-height: 1.3; text-align: left;}
body main > section:nth-of-type(1) h1 .h1-subtitle {color: #C57D64;}
body h1 .highlight, body main h2 .highlight, body main h3 .highlight{color: #C57D64;}
body p .highlight{color: #C57D64; font-weight: 400;}

body header .home .menu a,body #mobilemenu-content li a{color: #0588b1;}
body header .home .menu a.selected,body #mobilemenu-content li a.selected{color: #14172A;}
body header .home .menu a:hover, body #mobilemenu-content li a:hover{color: #C57D64;}

/** CTA **/
body header .home .menu a.cta, body #mobilemenu-content li a.cta{background-color: #0588b1;color: #ffffff;}
body header .home .menu a.cta:hover, body #mobilemenu-content li a.cta:hover{background-color: #003445;color: #ffffff;}

span.cta, button.cta{background: #0588b1; color:#fff; font-weight: 400;}
span.cta a{color:#fff; font-weight: 400;}

span.cta:hover, button.cta:hover{background: #003445; color:#fff;}
span.cta:hover a{color:#fff;}

/** Top Section **/
body main > section.home.top{
    background: url('./images/hcbg160-0D3E4F.svg') repeat #003445;
    background-position: center center;
    padding: 100px 0 30px 0;
}
body main > section.home.top h1{color: #ffffff; font-size: 48px;}
@media screen and (max-width: 575px){
    body main > section.home.top {padding-top: 60px}
    body main > section.home.top h1{font-size: 40px; text-align: left;}
}
.home.top h1 .h1-under{font-size: 1.8rem;}
.home.top h2{font-size: 1.8rem;}
@media screen and (min-width: 576px){
    .home.top h1 .h1-under{font-size: 32px;}
    .home.top h2{font-size: 26px;}
}
body main > section.home.top .largertxt{padding: 0 0 20px 0; font-size: 1.1em; color: #ffffff}
@media screen and (max-width: 575px){
    body main > section.home.top .largertxt{padding: 25px 0 20px 0;}
}
body main > section.home.top .smallertxt{font-size: 14px; color: #fff;padding-top: 60px;}
@media screen and (max-width: 575px){
    body main > section.home.top .smallertxt{padding-top: 34px;}
}
body main > section.home.top p {color: #FFC1AC;font-weight: 400;}
body main > section.home.top .cta{padding:10px 30px 10px; margin: 0;}
body main > section.home.top .cta:hover{background: #ffffff;}
body main > section.home.top .cta:hover a{color: #0588b1 !important;font-weight: 400;}
body main > section.home.top .h1-under{color: #FFFFFF;}
body main > section.home.top .h1-alt{color: #FFC1AC;}
body main > section.home.top h2{color: #FFC1AC;}

.row.valign-middle {align-items: center;}

section.contact-me-area p{font-size: 16px;}
strong{font-weight: 400;}
a, a:visited, a:hover{color: #0588b1; text-decoration: none;}
p{font-weight: 300;  font-size: 20px;}
@media screen and (min-width: 576px){
    p{font-size: 16px;}
}
h1,h2,h3,h4{font-family: 'Inter', sans-serif; font-weight: 400; color: #261611;}
span{display: block;}

.homepage h2.h2-w-subtitle{margin-bottom: 0}

nav a:hover{text-decoration: none;}
h2{margin-bottom: 20px; font-size: 23px; letter-spacing: 0;}
h1 span, h2 span, p span{display: inline;}

.homepage h2{font-size: 2.5rem; margin-bottom: 0; margin-top: 0;}
@media screen and (min-width: 576px){
    .homepage h2{font-size: 30px;}
    h3{font-size: 20px;}
}

.logoa .logo{
    display: block;
    background: url('./images/elyps-dark-hex.svg') no-repeat;
    background-size: contain;
}

.logo{height: 30px;}
.nowrap{white-space: nowrap;}

.menu ul{margin: 0;}
.menu li{margin: 0 13px; list-style:none; float: left;}

.subtitle div>span{font-size: 23px; display: inline; line-height: 28px; padding-top: 0.5rem;}
section:first-of-type{margin: 0;}


.flex-center{display: flex; justify-content: center;}

.subnav{margin-right: auto; margin-top: 5px;}


.disclaimer{
    height:100%;
    width:100%;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 100;
    overflow-y: scroll !important;
    padding: 1em 0;
}
.disclaimer-text, .disclaimer-text p{
    font-size: 16px;
}

/** Home */
.home{position: relative;}

.head-home{font-size: 28px; line-height: 40px;}
.home h1{margin:30px auto 25px !important;font-size: 3rem;line-height: 53px;}
@media screen and (min-width: 576px){
    .home h1{font-size: 40px;}
    .home h1.home-tagline{font-size: 40px;}
}
body main > section h1 .h1-under {
    font-size: 2rem;
}
@media screen and (max-width: 575px){
    body main > section.home h1{
        font-size: 2.5rem;
        line-height: 1.2;
    }
}
span.crdesktop{display: block;}
span.crmobile{display: inline;}
.appstores-btn{padding: 40px 0 10px 0;}
section.even{
    margin: 0 auto !important;
    padding: 32px 0;
}
section.home.even{
    margin: 0 auto !important;
    padding: 40px 0;
}

.footnote{color: #9D9D9D !important;font-size: 16px;}

h4{color: #14172A;}
h4 span{display: inline-block;}

.info-card-inner-card{
    border-radius: 10px;
    background-color: #fff;
    padding: 10px;
    margin: 10px;
}
.learnmore{white-space: nowrap;}

section ul li{list-style: none; margin:0; padding: 0;}
section ul{margin: 0; padding: 0;}

.mobileonly{display:none;}
.hideme{display: none!important;}
.appstores-icons img{height: 60px;}

.appstores{
    display: flex;
    justify-content: space-evenly;
}

/** Footer */
.contact-me-area .smart-block{background: #FFF; border-radius: 10px; -webkit-box-shadow: 0px 0px 20px -8px rgba(0,0,0,0.61); -moz-box-shadow: 0px 0px 20px -8px rgba(0,0,0,0.61); box-shadow: 0px 0px 20px -8px rgba(0,0,0,0.61); padding: 30px; margin:0 auto;}
.contact-me-area span{display:initial;}
.legals{font-size: 12px; margin: 0 auto;}
.legals span {display: inline;}
.copyright{margin-bottom: 30px;}
.tcfoot{padding: 0;}

/** Main menu CTA */
li a.cta {
    list-style: none;
    padding: 3px 15px 3px;
    border-radius: 6px;
    margin-top: -4px;
    white-space: nowrap;
}

/** Cookie consent */
.cc-btn{color: #14172A;border-radius: 10px;font-weight: 300;min-width: 140px;}
.cc-banner .cc-btn:last-child{color: #14172A;border-radius: 10px;font-weight: 300;min-width: 140px;}
.cc-revoke,.cc-window{font-family: 'Inter', sans-serif;font-weight: 300; font-size: 18px;}
@media screen and (min-width: 576px){
    .cc-revoke,.cc-window{font-size: 16px;}
}
.cc-link{text-decoration: none;}

.largertxt{font-size: 1.2em;}
@media screen and (max-width: 575px){
    .largertxt{font-size: 1.2em;}
}

/** All media queries */
@media screen and (max-width: 575px){
	.mobileonly, .proper-useragent{display: block!important;}
	.lnf-lp .app-desktop{display: none!important;}
	.lnf-lp h1{font-size: 40px;}
	h1,h2,h3,h4{text-align: center;}
	.apple, .googlep{display: flex;width: 100%;}
	.apple{margin-bottom: 5px; float: right;}
	section{margin: 30px auto 0;}
    section.odd{margin: 0; padding: 80px 0;}
  	p.appstores{margin-bottom:1rem;}
    .above-list{padding:0 25px 30px 25px}
	.desktop{display: none !important;}

    span.crdesktop{display: inline;}
    span.crmobile{display: block;}
	h1{margin: 0 auto 10px auto !important;}
    .appstores-btn{padding: 40px 0 10px 0;}
    .plan-card{border-radius: 0;}
    .menu li a{font-size: 18px;}
    .menu{ padding: 20px 0 0;}
    .menu{display: flex;justify-content: center;flex-wrap: wrap;}
    .menu li{display: inline-flex; float: initial; padding:10px 0;}

    p.small{color: #777777;}
    .homepage section.home{padding-top: 0;}

    header .header-elypslp{padding: 0;}

    section.home.even { padding: 50px 0;}
    section.even, section.odd { padding: 50px 0;}

    body header .tagline{font-size: 16px;}

    section{padding-bottom: 4rem;}
}

@media screen and (max-width: 991px){
    .menu > li:nth-of-type(6),
    .menu > li:nth-of-type(7) {display: none !important;}
    .menu li:nth-of-type(1){margin-left: 0;}
    .menu li:nth-of-type(4){margin-right: 0;}
    .contact-me-area .left{max-width: 100%; width: 100%; margin-bottom: 30px; text-align: center;}
    .contact-me-area .col-md-6{-ms-flex: unset;flex: unset;max-width: unset;}
    footer{padding-top: 20px}
    footer ul{font-size: 14px;list-style: none;text-align: center;justify-content: center;}
    footer ul li{padding: 0 10px;display: block;}
}

@media screen and (min-width: 576px){
    h1 {padding: 30px 0;}
    h1.head-home {padding: 0;}
	.mobile{display: none !important;}
    .menu{display: flex;justify-content: center;flex-wrap: wrap;padding-inline-start: 10px;}
    .menu li{display: inline-flex; float: initial; padding:10px 0;}
    .nowrap{display: initial;}

    section{padding: 32px 0;}
    .row.mt40{margin-top: 40px;}

    .logo img{margin-left: 100px;}
    span.company.l1{margin-top: 26px !important;}
    .logo, .logoa{margin-right: auto;}
    .menu{display: flex; padding-bottom: 0; margin-bottom: 0;}
    nav{display: flex; align-items: center;}
    .left{min-width: 400px;}

    section.home:nth-of-type(2){padding-top: 160px;}

    body header .tagline{font-size: 16px;}

}

@media screen and (min-width: 576px) and (max-width: 991px){
    img.mobile{ display: block !important;}
    img.desktop{ display: none !important;}
}

@media screen and (min-width: 992px){
    footer ul{font-size: 14px;list-style: none;text-align: center;display: flex;justify-content: center;}
    footer ul li{padding: 0 10px;}
    footer{padding-top: 40px;}
}

.info-card {
    border-radius: 10px;
    padding: 10px 15px;
    background-color: #fff;
    margin: 0;
    box-shadow: 2px 4px 12px #00000014;
    height: 100%;
    position: relative;
}
.cta {
    box-shadow: 2px 4px 12px #00000014;
}
button.cta {
    box-shadow: 2px 4px 12px #00000014;
    display: inline-block;
    list-style: none;
    padding: 3px 15px 3px;
    border-radius: 6px;
    white-space: nowrap;
    margin: 10px;
    cursor: pointer;
    border: none;
}
@media screen and (min-width: 992px){
    .info-card {
        transition-duration: .3s;
        transition-timing-function: cubic-bezier(0,0,.5,1);
        transition-property: box-shadow, transform;
    }
    .info-card:hover {
        box-shadow:2px 4px 16px #00000029;
        transform:scale3d(1.01,1.01,1.01);
    }

    .cta {
        transition-duration: .3s;
        transition-timing-function: cubic-bezier(0,0,.5,1);
        transition-property: box-shadow, transform, background;
    }
    .cta:hover{
        box-shadow:2px 4px 16px #00000029;
        transform:scale3d(1.01,1.01,1.01);
    }
}
@media screen and (max-width: 575px){
    .row > div{margin-top: 12px;}
}
@media screen and (min-width: 576px){
    .row1 .col-md-4{padding-bottom: 12px;}
    .row2 .col-md-4{margin-top: 12px;}
}
.form-shadow{
    box-shadow: 0 1px 13px 0 rgb(0 0 0 / 20%);
}

/** Burger menu */

#nav-burger-icon {
    width: 34px;
    height: 20px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;

    float: right;
    margin: 10px 10px 0 0;
}

#nav-burger-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 50%;
    background: #003445;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-burger-icon span:nth-child(even) {
    left: 50%;
    border-radius: 0 3px 3px 0;
}

#nav-burger-icon span:nth-child(odd) {
    left:0px;
    border-radius: 3px 0 0 3px;
}

#nav-burger-icon span:nth-child(1), #nav-burger-icon span:nth-child(2) {
    top: 0px;
}

#nav-burger-icon span:nth-child(3), #nav-burger-icon span:nth-child(4) {
    top: 9px;
}

#nav-burger-icon span:nth-child(5), #nav-burger-icon span:nth-child(6) {
    top: 18px;
}

#nav-burger-icon.open span:nth-child(1),#nav-burger-icon.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-burger-icon.open span:nth-child(2),#nav-burger-icon.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-burger-icon.open span:nth-child(1) {
    left: 4px;
    top: 5px;
}

#nav-burger-icon.open span:nth-child(2) {
    left: calc(50% - 4px);
    top: 5px;
}

#nav-burger-icon.open span:nth-child(3) {
    left: -50%;
    opacity: 0;
}

#nav-burger-icon.open span:nth-child(4) {
    left: 100%;
    opacity: 0;
}

#nav-burger-icon.open span:nth-child(5) {
    left: 4px;
    top: 13px;
}

#nav-burger-icon.open span:nth-child(6) {
    left: calc(50% - 4px);
    top: 13px;
}

.subnav{position: relative;}
#mobilemenu-content-container {
    position: fixed;
    clear: both;
    overflow: hidden;
    width: 100%;
    top: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);
}
#mobilemenu-content {
    position: relative;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    text-align: right;
    width: 100%;
    padding: 15px 15px 0 15px;
    margin-right: auto;
    margin-left: auto;
    margin-top: -400px;
    display: flex;
    justify-content: end;
    padding-top: 100px;
}
#mobilemenu-content.open {
    margin-top: -30px;
}
#mobilemenu-content.open.with-warning-banner {
    margin-top: 160px;
    /** Hide .warning-banner */
    margin-top: -30px;
}

.mobilemenu{
    padding: 0;
    margin: 0;
}

.mobilemenu.mobile{
    text-align: right;
    position:absolute;
    width: auto;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
}
#mobilemenu-content li{
    list-style: none;
    padding: 0;
    margin: 15px 0 0 0;
}
.leadership h3{color: #14172A;}
img.portrait{max-width: 30%; margin: 0 35%; padding: 0.5rem 0;}
img.linkedin{max-width: 4%; margin: 0 48%;}
@media screen and (max-width: 575px){
    img.portrait{max-width: 50%; margin: 0 25%;}
    img.linkedin{max-width: 10%; margin: 0 45%;}
}
.social-icon-holder{padding: 10px 0 0 0}
.social-icon-holder > .icon {
    display: inline-block;
    padding: 10px;
    background-size: contain;
}
.social-icon-holder > .icon.linkedin{
    background-image: url(./images/linkedin-icon-blue.svg);
}
.social-icon-holder > .icon.x{
    background-image: url(./images/x-icon-black.svg);
}


span.cta {
    display: inline-block;
    list-style: none;
    padding: 3px 15px 3px;
    border-radius: 6px;
    white-space: nowrap;
    margin: 10px;
    cursor: pointer;
}

section.sidenote h2{
    font-size: 1.5rem;
}
section.sidenote p{
    font-size: 0.9rem;
}

/* tablet */
@media screen and (min-width: 576px) and (max-width: 991px){
    .menu.desktop{ display: none !important;}
    #mobilemenu-content-container{ display: block !important;}
    .mobilemenu.mobile{ display: block !important;}
    .subnav{width: 100%;}
    #mobilemenu-content.open{margin-top: 60px;}

    img.desktop{display: block !important;}
}

/*  extra lateral padding */
@media screen and (min-width: 576px){
    .extra-lpadding {padding:0 100px;}
}