@import url("https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i");
@import url("https://fonts.googleapis.com/css?family=Merriweather");
body { font-family: 'Lato', sans-serif; margin-top: 60px; margin-bottom: 580px; }

@media (min-width: 768px) { body { margin-bottom: 380px; } }

body.show { padding-top: 190px; }

@media (min-width: 310px) { body.show { padding-top: 170px; } }

@media (min-width: 401px) { body.show { padding-top: 145px; } }

@media (min-width: 529px) { body.show { padding-top: 125px; } }

@media (min-width: 768px) { body.show { padding-top: 90px; } }

.h1, .h2, .h3, .h4, .h5 { font-weight: 700; }

.post-content p, .post-content li { -moz-osx-font-smoothing: grayscale; color: #444; line-height: 2; font-size: 1.2rem; font-family: Merriweather,Lucida Bright,Lucidabright,Lucida Serif,Lucida,DejaVu Serif,Bitstream Vera Serif,Liberation Serif,Georgia,serif; margin-bottom: 1.6rem; letter-spacing: -.003rem; }

.post-content ul { margin-bottom: 1.6rem; }

.post-content li { margin-bottom: 0.8rem; }

html { font-size: 14px; position: relative; min-height: 100%; }

@media (min-width: 768px) { html { font-size: 16px; } }

.dynamic-content { display: none; }

span.nobreak { white-space: nowrap; }

.container { max-width: 960px; }

.navbar-dark .navbar-nav .nav-link { color: #ffffff; }

.navbar { min-height: 62px; }

.navbar.show { top: 190px; }

@media (min-width: 310px) { .navbar.show { top: 170px; } }

@media (min-width: 401px) { .navbar.show { top: 145px; } }

@media (min-width: 529px) { .navbar.show { top: 125px; } }

@media (min-width: 768px) { .navbar.show { top: 90px; } }

.navbar-dark .navbar-toggler { color: #ffffff; border-color: #ffffff; }

figcaption { font-family: Lato; font-size: 13px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.69; letter-spacing: normal; text-align: center; color: #24252a; }

.stats-box { top: -13em; position: absolute; padding: 25px; background-color: #ebf5ff; border: 1px solid #e4ecff; border-radius: 6px; margin-bottom: 20px; color: #969696; }

.stats-box p { font-weight: 500; }

@media (min-width: 576px) { .stats-box { min-width: 500px; left: 3em; top: -10em; } }

@media (min-width: 768px) { .stats-box { left: 10em; min-width: 600px; top: -11em; } }

.video-play-button { position: absolute; z-index: 10; top: 45%; left: 50%; transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 32px; height: 44px; -webkit-appearance: none !important; border-radius: 50%; padding: 18px 20px 18px 28px; opacity: 0.90; }

.video-play-button:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background-image: linear-gradient(to bottom, #fa6666, #fa5a5a); border-radius: 50%; animation: pulse-border 1500ms ease-out infinite; }

.video-play-button:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background-image: linear-gradient(to bottom, #f06060, #ec6060); border-radius: 50%; transition: all 200ms; }

.video-play-button:hover:after { background-image: linear-gradient(to bottom, #e05959, #ec6060); }

.video-play-button:focus { outline: none; }

.video-play-button img { position: relative; z-index: 3; max-width: 100%; width: auto; height: auto; }

.video-play-button span { display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 32px solid #fff; border-top: 22px solid transparent; border-bottom: 22px solid transparent; }

@keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1; }
  100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0; } }

.modal-dialog { max-width: 1080px; margin: 30px auto; }

.modal-body { position: relative; padding: 0px; }

.close { position: absolute; right: -30px; top: 0; z-index: 999; font-size: 2rem; font-weight: normal; color: #fff; opacity: 1; }

video { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; transform: translateX(-50%) translateY(-50%); background: url("../video/404-giphy.png") no-repeat; background-size: cover; transition: 1s opacity; }

.giphy { background-color: #000; padding: 10px; position: fixed; bottom: 0; clear: both; color: #fff; display: inline-block; font-weight: 600; font-size: 14px; height: 50px; line-height: 32px; margin: 0; text-decoration: none; font-weight: 600; line-height: 32px; }

.giphy-logo { display: inline-block; height: 20px; margin: 5px; vertical-align: top; }

.take-me-home { border-radius: 8px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25); background-color: rgba(255, 255, 255, 0.5); }

.pricing-faq { max-width: 600px; }

.faq-row { margin-top: 30px; border-top: solid 1px #cccccc; }

.faq-question { margin-top: 30px; }

.pricing-header { max-width: 600px; margin-top: 140px; margin-bottom: 50px; }

@media (min-width: 576px) { .pricing-header { margin-top: 60px; margin-bottom: 50px; } }

@media (min-width: 768px) { .pricing-header { margin-top: 120px; margin-bottom: 50px; } }

.ph-badge { line-height: 1.2; background: #24273f; border-radius: 6px; border: 1px solid #1F2532; cursor: pointer; height: 55px; width: 210px; padding: 2px 15px 0 10px; }

a.ph-badge-link { color: #fff; }

a.ph-badge-link:hover { text-decoration: none; }

.ph-badge-txt { font-weight: 600; color: #fff; font-size: 13px; }

.ph-badge-sub-txt { font-weight: 100; color: #fff; font-size: 12px; }

.card-deck .card { min-width: 220px; }

.btn-filled-red { background-image: linear-gradient(to bottom, #fa6666, #fa5a5a); color: #ffffff; }

.btn-filled-red:hover { background-image: linear-gradient(to bottom, #f06060, #ec6060); color: #ffffff; }

.btn-filled-red:active { background-image: linear-gradient(to bottom, #e05959, #ec6060); color: #ffffff; }

.btn-filled-blue { background-image: linear-gradient(to bottom, #3eb9cc, #29b2c7); color: #ffffff; }

.btn-filled-blue:hover { background-image: linear-gradient(to bottom, #3db8cb, #29b4c9); color: #ffffff; }

.btn-filled-blue:active .btn-filled-blue:focus { background-image: linear-gradient(to bottom, #3aadbf, #28adc2); color: #ffffff; }

.badge-primary { background-color: #29B2C7; }

.btn-icon { vertical-align: bottom; }

.btn-secondary-toggle.active { border: solid 2px #898989; background-image: linear-gradient(to bottom, #3eb9cc, #29b2c7); color: #fff !important; -webkit-appearance: none !important; border-color: #29b2c7; box-shadow: none; }

.btn-secondary-toggle.active:hover { background-image: linear-gradient(to bottom, #3db8cb, #29b4c9); border-color: #29b2c7; color: #fff !important; -webkit-appearance: none !important; border-color: #29b2c7; box-shadow: none; border: solid 2px #29b2c7; }

.btn-secondary-toggle { border: solid 2px #cccccc; background-image: linear-gradient(to bottom, #f9fafa, #ffffff); color: #7f7f7f !important; }

.btn-secondary-toggle:hover { border: solid 2px #a3a3a3; background-image: linear-gradient(to bottom, #f1f1f1, #f4f4f4); color: #7f7f7f; -webkit-appearance: none !important; box-shadow: none !important; }

.btn-secondary-toggle:active { border: solid 2px #898989; background-image: linear-gradient(to bottom, #3eb9cc, #29b2c7); color: #fff !important; -webkit-appearance: none !important; border-color: #29b2c7; box-shadow: none; }

.btn-secondary-toggle:focus { border: solid 2px #898989; border-color: #898989; background-image: linear-gradient(to bottom, #e7e7e7, #e9e9e9); color: #7f7f7f; -webkit-appearance: none !important; box-shadow: none !important; }

.btn-secondary { border: solid 2px #cccccc; background-image: linear-gradient(to bottom, #f9fafa, #ffffff); color: #7f7f7f !important; }

.btn-secondary:hover { border: solid 2px #a3a3a3; background-image: linear-gradient(to bottom, #f1f1f1, #f4f4f4); color: #7f7f7f; -webkit-appearance: none !important; box-shadow: none !important; }

.btn-secondary:active { border: solid 2px #898989; border-color: #898989; background-image: linear-gradient(to bottom, #e7e7e7, #e9e9e9); color: #7f7f7f; -webkit-appearance: none !important; box-shadow: none !important; }

.btn-secondary:focus { border: solid 2px #898989; border-color: #898989; background-image: linear-gradient(to bottom, #e7e7e7, #e9e9e9); color: #7f7f7f; -webkit-appearance: none !important; box-shadow: none !important; }

.btn-primary { border: none; background-color: transparent; background-image: linear-gradient(to bottom, #5ebf5e, #4db84d); color: #ffffff; }

.btn-primary:hover { background-image: linear-gradient(to bottom, #5cb35c, #4db84d); }

.btn-primary:active .btn-primary:focus { background-image: linear-gradient(to top, #5cb35c, #58aa58); }

button { background-color: none; border: none; }

.alert-secondary { width: 210px; height: auto; border-radius: 6px; background-color: #3e3e58; color: #ffffff; }

.arrow_box { font-size: 14px; position: relative; background: #3e3e58; }

.arrow_box:after, .arrow_box:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.arrow_box:after { border-color: rgba(62, 62, 88, 0); border-bottom-color: #3e3e58; border-width: 12px; margin-left: -12px; }

.arrow_box:before { border-color: rgba(0, 0, 0, 0); border-width: 20px; margin-left: -20px; }

.alert-dismissible { border: none; position: absolute; left: 52.15%; top: 100%; z-index: 9999; padding: 0.75rem; }

.alert-link { color: #fa6666 !important; }

.ph { background-color: #da552f; position: inherit; color: #ffffff; margin-bottom: 0; border: none; border-radius: 0; }

.ph a { color: #ffffff; }

.ph a:hover, .ph a:focus { color: #ffffff; }

.lead { font-weight: 700; }

.badge-secondary { background-color: #F9FAFA; color: #7F848C; }

.btn { font-size: 18px; font-weight: 700; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; padding: 10px 30px 11px; height: 45px; border-radius: 6px; }

.btn:focus { box-shadow: none; }

.btn-small { height: 30px; font-size: 14px; color: #ffffff; padding: 5px 15px 6px; }

.btn-outline { background-color: transparent; border: solid 2px #ffffff; color: #ffffff; }

.btn-outline:hover { background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.9); border: solid 2px rgba(255, 255, 255, 0.9); }

.btn-outline:active { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.9); border: solid 2px rgba(255, 255, 255, 0.9); }

.bg-blue { background-color: #6BC9F1; }

.bg-dark { background-color: #24252A !important; }

#features { background-color: #F9FAFA; margin-bottom: 100px; }

@media (min-width: 576px) { #features { margin-bottom: 0px; } }

#about { background-color: #F9FAFA; }

#steps { margin-top: 50px !important; }

@media (min-width: 576px) { #steps { margin-top: 0px; } }

footer { background-color: #3E3E58; position: absolute; bottom: 0; width: 100%; min-height: none; }

@media (min-width: 576px) { footer { min-height: 380px; } }

.footer-dark { background-color: #24252A !important; }

.bg-none { border: none; }

.border-light { border-top-color: #1F2532 !important; }

.text-credit { color: #F9FAFA; }

.text-highlight-red { color: #fa5a5a; }

.badge-save { font-family: Lato; font-size: 20px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #ffffff; height: 33px; border: none; background-color: #fa5a5a; padding: 4px 8px; }

.price-save { color: #fa5a5a; }

.btn-disabled { background-image: linear-gradient(to bottom, #8b8f96, #7f848c); color: #ffffff; }

.btn:disabled { opacity: 1.0; }

#questions a { color: #3eb9cc; }

#questions a:hover, #questions a:focus { color: #2d99aa; text-decoration: none; }

.social a { color: #3eb9cc; }

.social a:hover, .social a:focus { color: #2d99aa; text-decoration: none; }

/* stylelint-disable selector-list-comma-newline-after */
.card-img-right { height: 100%; border-radius: 0 3px 3px 0; }

.flex-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; }

.h-250 { height: 280px; }

@media (min-width: 768px) { .h-md-250 { height: 280px; } }

.meet-intro-bg { background-color: #24252A; }

.meet-intro-bg-img { background-image: url("/assets/images/meet/lito-meet-intro.png"); background-color: #24252A; background-position: center 5%; background-repeat: no-repeat; background-size: contain; }

.meet-intro-text { margin-top: 220px; }

@media (min-width: 576px) { .meet-intro-text { margin-top: 460px; } }

@media (min-width: 768px) { .meet-intro-text { margin-top: 620px; } }

.meet-intro-row { background: #24252a; background: linear-gradient(180deg, rgba(36, 37, 42, 0) 0%, #24252a 95%); color: #fff; }

#meet-steps { background-color: #1A1B1F; color: #fff; }

.cookiealert { position: fixed; top: 0 !important; left: 0; width: 100%; margin: 0 !important; z-index: 9999; display: none; border-radius: 0; color: #fff; background: #24273f; }

.cookiealert.show { display: block; top: 0; }

.cookiealert a { text-decoration: underline; }

.cookiealert .acceptcookies { margin-left: 10px; vertical-align: baseline; }

/*# sourceMappingURL=style.css.map */