/*! PLEASE DO NOT EDIT MAIN.CSS - YOUR EDITS WILL BE OVERWRITTEN Always edit main.scss and compile (see sass-lang.com for more info) @author jamie@bronte.co.nz @date	May 2017 @note 	For a changelog, see GitHub */
/* Variables */
/* Helper Styles and Mixins */
.soft-movement, a, .btn { transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -webkit-transition: 0.2s ease-in-out; }

.image-replace, footer .footer-spike-character, .logo { text-indent: -999px; overflow: hidden; }

::-moz-selection { background-color: #E97B00; color: white; }

::selection { background-color: #E97B00; color: white; }

:root { --animate-duration: 1s; }

@keyframes headShake { 0% { transform: translateX(0); }
  6.5% { transform: translateX(-6px) rotateY(-9deg); }
  18.5% { transform: translateX(5px) rotateY(7deg); }
  31.5% { transform: translateX(-3px) rotateY(-5deg); }
  43.5% { transform: translateX(2px) rotateY(3deg); }
  50% { transform: translateX(0); } }

.headShake, h1:target, h2:target, h3:target, h4:target, h5:target { animation-timing-function: ease-in-out; animation-name: headShake; animation-duration: calc(var(--animate-duration) * 1.3); }

/* Site-wide Styles */
body { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; line-height: 1.6; font-size: 16px; background-color: #F6F9FB; background-image: url("images/bg-shapes.png"); background-position: center top; background-repeat: repeat; font-family: "Freight Sans Pro", "freight-sans-pro", "Open Sans", "Helvetica Neue", "Helvetica", sans-serif; color: #326E8F; }

/* Bootstrap five columns layout */
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 7px; padding-left: 7px; }

.col-xs-5ths { width: 20%; float: left; }

@media (min-width: 768px) { .col-sm-5ths { width: 20%; float: left; } }

@media (min-width: 992px) { .col-md-5ths { width: 20%; float: left; } }

@media (min-width: 1200px) { .col-lg-5ths { width: 20%; float: left; } }

h1, h2 { font-family: "aisha-latin", sans-serif; color: #008DDB; font-size: 3.5em; line-height: 0.8; }

h3, h4, h5 { line-height: 1.4; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child { margin-top: 0; }

h1 small, h2 small, h3 small, h4 small, h5 small { color: #9ebed4; }

h4 { font-size: 1.1em; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; }

h5 { font-size: 0.9em; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; }

blockquote { color: #008DDB; padding-left: 0; border-left: 0; font-size: 1.5em; }

@media (min-width: 992px) { blockquote { line-height: 0.9em; font-family: "aisha-latin", sans-serif; font-size: 3.5em; } }

.callout { background-color: #326E8F; padding: 40px; text-align: left; color: white; margin: 20px 0; }

.btn.btn-primary { background-color: #326E8F; }

.btn.btn-primary:hover { border-color: transparent; background-color: #E97B00; }

.btn.btn-inverted { background-color: #E97B00; border-color: transparent; color: white; }

.btn.btn-inverted:hover { background-color: #326E8F; }

.btn.btn-tab { border-radius: 0; position: relative; background-color: #008DDB; border: none; padding: 14px; font-size: 0.8em; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; }

.btn.btn-tab:hover { background-color: #FFC500; }

.btn.btn-tab.active { background-color: #FFC500; }

.btn.btn-tab.active:before { content: ''; position: absolute; z-index: 2; bottom: -8px; right: 0; left: 0; margin: 0 auto; display: block; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 16px solid #FFC500; }

@media (min-width: 768px) { .btn.btn-tab.active:before { bottom: -16px; } }

.btn.btn-external { border: 1px #444444 solid; border-radius: 5px; font-weight: 700; font-size: 0.9em; text-transform: uppercase; letter-spacing: 1px; padding: 10px 0; color: #444444; max-width: 200px; margin: 0 auto; }

.btn.btn-external:hover { border-color: #E97B00; background-color: #E97B00; }

.btn.btn-external i { margin-left: 6px; font-size: 1.2em; position: relative; top: 2px; }

.btn.btn-xlarge { padding: 18px; font-size: 1.2em; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; }

.btn-free-trial { background: #E97B00; color: white; }

.btn-free-trial:focus, .btn-free-trial:hover { transform: scale(1.05); color: white; background: #FFC500; }

a { color: #E97B00; }

a:focus, a:hover { color: #d06e00; text-decoration: none; }

.reverse-bg h1, .reverse-bg h2, .reverse-bg h3, .reverse-bg h4, .reverse-bg h5, .reverse-bg p, .reverse-bg blockquote, .reverse-bg a { color: white; }

.orange-text { color: #E97B00; }

hr.thick { border-top-width: 3px; }

hr.blue { border-color: #326E8F; }

p.large { font-size: 1.2em; }

p.large a { color: #326E8F; border-bottom: 1px solid #326E8F; }

.label-new { background-color: #E97B00; font-size: 0.5em; }

.post-thumbnail img { width: 100%; height: auto; }

.logo-wrap { position: relative; }

.logo-wrap .header-badge { display: none; position: absolute; width: 118px; height: 118px; }

.logo-wrap .header-badge > img { width: 100%; height: 100%; }

@media (min-width: 768px) { .logo-wrap .header-badge { display: block; top: -60px; right: -30px; } }

@media (min-width: 992px) { .logo-wrap .header-badge { width: calc(118px / 1.5); height: calc(118px / 1.5); top: -54px; right: -100px; } }

@media (min-width: 1200px) { .logo-wrap .header-badge { width: 118px; height: 118px; top: -54px; right: -120px; } }

.logo { background-image: url("images/logo.png"); display: inline-block; width: 277px; height: 63px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .logo { background-image: url("images/logo@2x.png"); background-size: 100%; } }

form input { box-shadow: 0 3px 6px rgba(68, 68, 68, 0.2); }

/* Styles for Includes */
.preheader-phone { text-align: center; font-size: 1.3em; }

.preheader-phone a { background: #E97B00; color: white; display: block; padding: 0.5em; }

header { background-color: #326E8F; padding-top: 20px; padding-bottom: 50px; background-image: url("images/bg-header.jpg"); background-position: top center; background-size: cover; text-align: center; font-size: 1.1em; }

@media (min-width: 992px) { header { min-height: 400px; text-align: left; } }

@media (min-width: 1200px) { header { font-size: 1.2em; } }

header a { color: #326E8F; }

header .header-spm-link { padding-bottom: 5px; text-align: center; }

@media (min-width: 992px) { header .header-spm-link { text-align: right; } }

header .header-spm-link span { color: #FFD629; font-size: 0.7em; text-transform: uppercase; }

header .header-spm-link a { color: white; font-size: 0.8em; }

header nav { padding: 20px; }

@media (min-width: 992px) { header nav { text-align: right; } }

header nav > ul { padding-left: 0; list-style: none; margin-bottom: 0; }

header nav > ul > li { display: inline-block; padding-left: 20px; }

@media (min-width: 992px) { header nav > ul > li { position: relative; padding-left: 6px; padding-right: 6px; } }

@media (min-width: 1200px) { header nav > ul > li { padding-left: 12px; padding-right: 12px; } }

header nav > ul > li.featured a { background-color: #E97B00; padding: 3px 10px; border-radius: 3px; color: white; font-size: 0.75em; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; }

header nav > ul > li.featured a:focus, header nav > ul > li.featured a:hover { transform: scale(1.1); background-color: #FFC500; }

header .mega-menu-wrap { display: none; padding-top: 15px; top: 52px; left: 50%; z-index: 3; transition: 0.2s top linear; position: absolute; transform: translateX(-50%); width: 95%; }

@media (min-width: 992px) { header .mega-menu-wrap { width: 800px; } }

header .mega-menu-wrap.collapsed { top: 62px; }

header .mega-menu { box-shadow: 0 4px 5px rgba(68, 68, 68, 0.2); text-align: left; position: relative; background: white; padding: 10px; border-radius: 3px; font-size: 0.9em; background-image: url("images/bg-mega-menu.png"); background-repeat: repeat-x; background-position: center top; }

@media (min-width: 992px) { header .mega-menu { padding: 20px; } }

header .mega-menu::before { content: ''; background: #F6F9FB; transform: rotate(45deg); position: absolute; left: 50%; top: -6px; margin-left: -3px; width: 18px; height: 18px; }

header .mega-menu h3 { margin-top: 0; margin-bottom: 1em; }

header .mega-menu ul { padding-left: 0; list-style: none; }

header .header-content { box-shadow: 0 4px 20px rgba(68, 68, 68, 0.2); background: white; border-top: 5px solid #FFC500; padding-top: 30px; padding-bottom: 5px; }

@media (min-width: 992px) { header .header-content { padding-top: 15px; padding-bottom: 15px; } }

header .page-title { text-align: center; margin-top: 30px; }

@media (min-width: 992px) { header .page-title { margin-top: 60px; } }

header .page-title img { margin: 80px auto 0; display: block; width: 100%; max-width: 480px; height: auto; }

header .page-title .view-features-button { font-size: 0.8em; padding: 8px 24px; letter-spacing: 1px; font-weight: 500; text-transform: uppercase; position: relative; top: -28px; left: -40px; }

@media (min-width: 480px) { header .page-title .view-features-button { top: -64px; } }

.content { padding: 30px 0; }

@media (min-width: 992px) { .content { padding: 60px 0; } }

.intro-paragraph { box-shadow: 0 4px 20px rgba(68, 68, 68, 0.2); background: white; text-align: center; padding: 20px 0; }

@media (min-width: 768px) { .intro-paragraph { padding: 40px 0; } }

.hr-hidden { width: 100%; visibility: hidden; }

.announcement { background-color: #326E8F; padding: 40px; text-align: left; margin-bottom: 60px; display: flex; gap: 40px; }

@media (max-width: 767px) { .announcement { flex-direction: column; } }

.announcement h1, .announcement p { color: white; }

.announcement .announcement__left { flex: 1 1 60%; display: flex; flex-direction: column; }

.announcement .announcement__left > p { flex: 1 1 0; }

.announcement .announcement__left .announcement__button-holder { margin: 2rem 0 0 0; flex: 0 0 0; }

.announcement .announcement__left .announcement__button.btn.btn-inverted { text-transform: uppercase; font-size: 1.5rem; letter-spacing: 1px; font-weight: 500; }

.announcement .announcement__left .announcement__button.btn.btn-inverted:hover { background-color: #FFC500; }

.announcement .announcement__right { flex: 1 1 40%; max-width: 500px; display: flex; position: relative; }

@media (max-width: 767px) { .announcement .announcement__right { flex: 1 1 800px; max-width: none; } }

.announcement .announcement__right > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 4px 20px rgba(68, 68, 68, 0.2); border-radius: 10px; transform: rotate(3deg); object-fit: cover; object-position: center top; }

@media (max-width: 767px) { .announcement .announcement__right > img { transform: rotate(0); } }

.testimonial-slider { box-shadow: 0 4px 20px rgba(68, 68, 68, 0.2); background: #326E8F; padding: 30px 0; margin: 20px 0; text-align: center; }

@media (min-width: 992px) { .testimonial-slider { padding: 80px 0; margin: 40px 0; } }

.testimonial-slider > .container > .row { position: relative; }

.testimonial-slider .testimonial { padding: 0 30px; }

@media (min-width: 992px) { .testimonial-slider .testimonial { padding: 0; } }

.testimonial-slider .testimonial img { border-radius: 50%; margin: 0 auto 36px; max-width: 172px; max-height: 172px; }

.testimonial-slider .testimonial h5 { font-weight: 500; }

.testimonial-slider .testimonial blockquote { padding: 0 1em; }

.testimonial-slider .slider-nav { position: absolute; top: 0; left: 0; right: 0; }

.testimonial-slider .slider-nav a { position: absolute; top: 1em; font-size: 2.7em; }

.testimonial-slider .slider-nav a.slick-prev { left: 10px; right: auto; }

@media (min-width: 992px) { .testimonial-slider .slider-nav a.slick-prev { left: 0; } }

.testimonial-slider .slider-nav a.slick-next { left: auto; right: 10px; }

@media (min-width: 992px) { .testimonial-slider .slider-nav a.slick-next { right: 0; } }

.top-12-features { counter-reset: count; }

.top-12-features .intro { margin-bottom: 10px; }

.top-12-features .intro p { font-size: 0.9em; color: #B2B2B2; }

.top-12-features .features-tabs { margin-bottom: 40px; padding: 0 15px; }

.top-12-features .features-tabs .col { padding: 0; }

@media (min-width: 992px) { .top-12-features .features-row { margin-bottom: 70px; } }

@media (min-width: 992px) { .top-12-features .features-row:last-child { margin-bottom: 60px; } }

.top-12-features .features-row h5 { text-align: left; }

.top-12-features .features-row .feature { margin-bottom: 54px; font-size: 0.9em; position: relative; }

@media (min-width: 768px) { .top-12-features .features-row .feature { text-align: left; } }

.top-12-features .features-row .feature:before { display: block; margin-bottom: 8px; text-align: center; color: #FFFFFF; content: counter(count); counter-increment: count; border-radius: 50%; width: 34px; height: 34px; padding-top: 5px; font-weight: 500; background-color: #FFC500; margin: 0 auto 8px; }

@media (min-width: 768px) { .top-12-features .features-row .feature:before { margin-left: 0; margin-right: 0; } }

.top-12-features .features-row .feature.new:after { position: absolute; content: 'new'; text-transform: uppercase; color: #FFFFFF; background-color: #E97B00; border-radius: 4px; display: inline-block; top: 7px; left: 90px; right: 0; margin: 0 auto; font-size: 0.7em; font-weight: 500; padding: 2px 5px; width: 40px; }

@media (min-width: 768px) { .top-12-features .features-row .feature.new:after { margin-left: 0; margin-right: 0; left: 42px; right: auto; width: auto; } }

@media (min-width: 992px) { .top-12-features .features { padding-top: 36px; } }

.top-12-features .features-image { margin-top: 32px; margin-bottom: 32px; }

@media (min-width: 992px) { .top-12-features .features-image { margin-top: 0; margin-bottom: 0; } }

.top-12-features .features-actions { margin-top: 20px; }

.tabs .tab { display: none; }

.tabs .tab.active { display: block; }

.example-selected { margin-bottom: 40px; padding-bottom: 60px; border-bottom: 2px #DEDEDE solid; }

@media (min-width: 992px) { .example-selected { margin-bottom: 70px; } }

.example-selected .details { text-align: center; margin-bottom: 24px; }

@media (min-width: 768px) { .example-selected .details { margin-bottom: 0; } }

.example-selected .details h2 { line-height: 1.5em; font-weight: 700; font-size: 1.5em; margin-top: 0; margin-bottom: 1em; color: #326E8F; }

@media (min-width: 992px) { .example-selected .details h2 { font-size: 2em; } }

.example-selected img { box-shadow: 0 3px 16px rgba(68, 68, 68, 0.2); }

.examples-list #spinner { margin: 0 auto; display: block; }

.examples-list .example { display: block; text-align: center; color: #326E8F; margin-bottom: 40px; }

.examples-list .example h5 { line-height: 1.5em; }

.examples-list .example > .screenshot { margin-bottom: 6px; box-shadow: 0 3px 4px rgba(68, 68, 68, 0.2); height: 0; padding-bottom: 56.25%; background-size: cover; background-position: center top; }

.examples-list .example .quote { display: none; }

.subscribe-form { padding-top: 30px; text-align: center; }

@media (min-width: 992px) { .subscribe-form { text-align: left; } }

.subscribe-form label { font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; }

@media (min-width: 992px) { .subscribe-form label { position: absolute; top: -22px; } }

.subscribe-form input[type="email"] { height: 40px; max-width: 300px; margin: 0 auto 24px; box-shadow: 0 3px 6px rgba(68, 68, 68, 0.2); border: none; }

@media (min-width: 992px) { .subscribe-form input[type="email"] { margin-bottom: 0; } }

.subscribe-form input[type="submit"] { height: 40px; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; max-width: 300px; margin: 0 auto; }

footer { text-align: center; margin: 30px 0 0 0; }

@media (min-width: 768px) { footer { text-align: left; margin: 60px 0 0 0; } }

footer .footer-spike-character { display: none; width: 183px; height: 385px; background-image: url("images/footer-spiketall.png"); }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { footer .footer-spike-character { background-image: url("images/footer-spiketall@2x.png"); background-size: 100%; } }

@media (min-width: 768px) { footer .footer-spike-character { display: block; } }

footer .footer-mega-menu { overflow: hidden; padding-top: 20px; padding-bottom: 20px; }

footer .footer-mega-menu h5 { margin-top: 40px; }

@media (min-width: 768px) { footer .footer-mega-menu h5 { margin-top: 0; } }

footer .footer-mega-menu > ul { float: left; width: 100%; margin-bottom: 0; }

@media (min-width: 768px) { footer .footer-mega-menu > ul { width: 50%; } }

@media (min-width: 992px) { footer .footer-mega-menu > ul { width: 20%; } }

footer h2 { margin-bottom: 0; margin-top: 0; }

footer ul { padding-left: 0; list-style: none; font-size: 1.1em; }

.copyright { color: #B2B2B2; padding: 2em; text-align: center; }

.footer-management { box-shadow: 0 3px 6px rgba(68, 68, 68, 0.2); padding: 38px 0 32px 0; background-color: #FFD629; margin-top: 50px; color: #444444; text-align: center; }

@media (min-width: 1200px) { .footer-management { text-align: left; padding: 74px 0 64px 0; } }

@media (min-width: 1200px) { .footer-management .col:first-child { position: relative; padding-top: 1em; } }

.footer-management h3 { margin-top: 0; margin-bottom: 0; }

.footer-management .btn { margin-top: 24px; }

@media (min-width: 1200px) { .footer-management .btn { margin-top: 4px; } }

/* Layout Specific Styles */
@media (min-width: 992px) { body.home header { min-height: 700px; } }

body.home .content { text-align: center; }

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