@charset "UTF-8";
/* CSS Document */

#heroTitle h1 {
    color: #ffffff;
}

#heroTitle p {
    color: #cccccc;
}

#headerLogo {
    display: inline-block;
    vertical-align: middle;
    min-height: 40px;
    min-width: 60px;
}

a:focus,
a:hover {
    color: #5753cc;
}

.text-primary {
    color: #5753cc;
}

a.text-primary:hover {
    color: #5753cc;
}

.bg-primary {
    background-color: #5753cc;
}

a.bg-primary:hover {
    background-color: #5753cc;
}

.btn {
    background-color: #5753cc;
    border-color: #5753cc;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    background-color: #5753cc;
    border-color: #5753cc;
}

.btn-primary .badge {
    color: #5753cc;
}

.btn-link {
    color: #5753cc;
}

.btn-link:hover,
.btn-link:focus {
    color: #5753cc;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #5753cc;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    border-color: #5753cc;
}

.progress-bar {
    background-color: #5753cc;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background-color: #5753cc;
    border-color: #5753cc;
}

.icon-list-icon {
    background-color: #5753cc;
}

.navbar-nav>li.header-action-button>a.btn-primary:hover,
.navbar-nav>li.header-action-button>a.btn-primary:focus {
    background-color: #5753cc;
}

.benefit-icon {
    color: #5753cc;
}

#jpreBar {
    background-color: #5753cc;
}

.mktoForm * {
    box-sizing: border-box;
}

li.header-action-button {
    display: block;
}

.icon-list li {
    position: relative;
    padding: 20px 0 20px 0;
}

.icon-list .icon-list-img {
    display: block;
    float: left;
    width: 70px;
    height: 70px;
    margin: 20px 15px 0 0;
}

.icon-list .icon-list-img img {
    width: 70px;
    height: 70px;
}

/**
 * ========================================
 * GENERAL STYLES
 * ========================================
 */
html {
    height: 100% !important;
}

body {
    height: 100%;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    line-height: 1.715;
    background-color: #fff;
    color: #666;
    overflow-x: hidden;
    max-width: 100%;
}

address {
    font-size: inherit;
    line-height: inherit;
}

*:last-child {
    margin-bottom: 0;
}

a {
    -webkit-transition: all ease 0.25s;
    transition: all ease 0.25s;
    font-weight: bold;
}

a:focus,
a:hover {
    text-decoration: none;
    outline: 0;
}

.section-accent a {
    color: #444;
}

.section-accent a:focus,
.section-accent a:hover {
    color: #222;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #222;
    margin-bottom: 25px;
    line-height: 1.4;
    font-weight: 600;
}

.section-dark h1,
.section-dark .h1,
.section-dark h2,
.section-dark .h2,
.section-dark h3,
.section-dark .h3,
.section-dark h4,
.section-dark .h4,
.section-dark h5,
.section-dark .h5,
.section-dark h6,
.section-dark .h6 {
    color: #fff;
}

.section-accent h1,
.section-accent .h1,
.section-accent h2,
.section-accent .h2,
.section-accent h3,
.section-accent .h3,
.section-accent h4,
.section-accent .h4,
.section-accent h5,
.section-accent .h5,
.section-accent h6,
.section-accent .h6 {
    color: #fff;
}

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

p,
ul,
ol,
address {
    margin-bottom: 25px;
}

iframe {
    max-width: 100%;
    border: none;
}

/**
 * ========================================
 * COMMON CLASSES
 * ========================================
 */
.lead {
    position: relative;
    font-size: 20px;
    line-height: inherit;
    font-style: italic;
    font-weight: normal;
    padding: 10px 0 25px;
}

.lead:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    height: 2px;
    width: 80px;
    background-color: rgba(0, 0, 0, 0.1);
}

.lead.text-center:after {
    left: 50%;
}

.section-dark .lead:after,
.section-accent .lead:after {
    background-color: rgba(255, 255, 255, 0.2);
}

.clear {
    clear: both;
}

/**
 * ========================================
 * BASIC LAYOUT
 * ========================================
 */
.document {
    height: 100%;
    position: relative;
}

/* SECTION */
.section {
    color: inherit;
    position: relative;
    padding: 90px 0;
    overflow: hidden;
}

.section-brief {
    font-size: 18px;
}

.section-heading {
    position: relative;
    margin: 0 0 30px;
    font-family: "Montserrat", sans-serif;
    font-size: 45px;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 600;
}

.section-gray {
    background-color: #f6f6f6;
    color: inherit;
}

.section-dark {
    background-color: #222;
    color: #ccc;
}

.section-accent {
    color: #fff;
}


/* SECTION BACKGROUND */
.section-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}

.section-background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.section-background-image img {
    position: absolute;
    min-width: 100%;
    max-width: none;
    min-height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.section-background-video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.section-background-video iframe {
    width: 100%;
    height: 100%;
}

.section>.container-fluid,
.section>.container {
    position: relative;
}

#thank-page {
    padding: 15rem 0;
}

/**
 * ========================================
 * BUTTON
 * ========================================
 */
.btn {
    padding: 12px 30px;
    border-radius: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 1.819;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    -webkit-transition: all ease 0.25s;
    transition: all ease 0.25s;
}

.btn:active,
.btn.active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-primary {
    color: #fff !important;
}

/* BUTTON SIZE */
.btn-lg {
    font-size: 15px;
    line-height: 30px;
    padding: 14px 24px;
}

/* BUTTON COLOR */
.btn-default {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: transparent;
    color: inherit;
}

.btn-default:hover,
.btn-default:focus {
    background-color: transparent;
    color: #222;
    border-color: #222;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
}

.section-dark .btn-default,
.section-accent .btn-default {
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: inherit;
}

.section-dark .btn-default:hover,
.section-dark .btn-default:focus,
.section-accent .btn-default:hover,
.section-accent .btn-default:focus {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}

.section-accent .btn-primary {
    color: #fff;
    background-color: #444;
    border-color: #222 !important;
}

.section-accent .btn-primary:hover,
.section-accent .btn-primary:focus {
    color: #fff;
    background-color: #222;
    border-color: #222 !important;
}

/**
 * ========================================
 * HEADER
 * ========================================
 */
.header-section {
    position: fixed;
    z-index: 100;
    min-height: 80px;
    margin: 0;
    padding: 0;
    -webkit-transition: all ease 0.25s;
    transition: all ease 0.25s;
    overflow: visible;
    width: 100%;
    border: none;
}

.header-section {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #ccc;
}

.header-section.navbar-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #444;
}

.header-section.floating {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-nav {
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    line-height: 1.819;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.navbar-nav>li {
    padding: 30px 15px;
    -webkit-transition: all ease 0.25s;
    transition: all ease 0.25s;
}

.navbar-nav a {
    position: relative;
    font-weight: normal;
}

.navbar-nav>li>a {
    padding: 0;
    position: relative;
    color: inherit;
    line-height: inherit;
}

.navbar-nav>li>a,
.navbar-inverse .navbar-nav>li>a {
    color: #ccc;
}

.navbar-default .navbar-nav>li>a {
    color: #444;
}

.navbar-nav>li>a:focus,
.navbar-nav>li>a:hover {
    background-color: inherit;
}

.navbar-nav>li>a:focus,
.navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #222;
}

.navbar-nav>li>a.active {
    color: #fff;
}

.navbar-nav>li>a.active:after {
    content: "";
    position: absolute;
    top: 100%;
    height: 2px;
    width: 100%;
}

.navbar-nav>li>a.active:after,
.navbar-inverse .navbar-nav>li>a.active:after {
    background-color: #fff;
}

.navbar-default .navbar-nav>li>a.active:after {
    background-color: #222;
}

.navbar-nav>li.header-action-button {
    padding: 20px 15px;
}

.navbar-nav>li.header-action-button>a {
    padding: 9px 14px;
    display: inline-block;
}

.navbar-nav>li.header-action-button>a,
.navbar-inverse .navbar-nav>li.header-action-button>a {
    color: #fff;
}

.navbar-nav>li.header-action-button>a.btn-primary,
.navbar-inverse .navbar-nav>li.header-action-button>a.btn-primary {
    color: #fff;
}

.navbar-default .navbar-nav>li.header-action-button>a.btn-primary {
    color: #222;
}

.navbar-nav>li.current:not(.header-action-button)>a,
.navbar-inverse .navbar-nav>li.current:not(.header-action-button)>a {
    color: #fff;
}

.navbar-default .navbar-nav>li.current:not(.header-action-button)>a {
    color: #222;
}

.navbar-nav>li.current:not(.header-action-button)>a:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
}

.navbar-nav>li.current:not(.header-action-button)>a:after,
.navbar-inverse .navbar-nav>li.current:not(.header-action-button)>a:after {
    background-color: #fff;
}

.navbar-default .navbar-nav>li.current:not(.header-action-button)>a:after {
    background-color: #222;
}

.navbar-nav .open>a {
    background-color: inherit !important;
}

.navbar-logo {
    height: 80px;
    line-height: 50px;
    margin-left: 0 !important;
    padding: 12px 0 18px;
    color: #ffffff;
}

.navbar-logo img {
    display: inline-block;
    vertical-align: middle;
    max-height: 50px;
}

.navbar-toggle {
    position: relative;
    z-index: 200;
    margin: 20px 15px;
    padding: 12px 10px;
    border-radius: 0;
    -webkit-transition: all ease 0.25s;
    transition: all ease 0.25s;
}

.navbar-toggle:hover,
.navbar-toggle:focus {
    background-color: transparent !important;
}

.navbar-toggle,
.navbar-inverse .navbar-toggle {
    border-color: rgba(255, 255, 255, 0.25);
}

.navbar-toggle:hover,
.navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    border-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    border-color: #222;
}

.navbar-toggle .icon-bar,
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ccc;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #666;
}

.navbar-toggle:hover .icon-bar,
.navbar-toggle:focus .icon-bar,
.navbar-inverse .navbar-toggle .icon-bar:hover,
.navbar-inverse .navbar-toggle .icon-bar:focus {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #222;
}

.dropdown-menu {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dropdown-menu,
.navbar-inverse .dropdown-menu {
    border-radius: 0;
    border: none;
    background-color: rgba(0, 0, 0, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-size: inherit;
}

.navbar-default .dropdown-menu {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.dropdown-menu>li>a {
    padding: 10px 20px;
}

.dropdown-menu>li>a,
.navbar-inverse .dropdown-menu>li>a {
    color: #ccc;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.navbar-inverse .dropdown-menu>li>a:hover,
.navbar-inverse .dropdown-menu>li>a:focus {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.navbar-default .dropdown-menu>li>a {
    color: #444;
}

.navbar-default .dropdown-menu>li>a:hover,
.navbar-default .dropdown-menu>li>a:focus {
    color: #222;
    background-color: rgba(0, 0, 0, 0.1);
}

@media (min-width: 992px) {
    .navbar-nav>li.header-action-button+li.header-action-button {
        margin-left: -15px;
    }

    .header-section.floating .navbar-nav>li {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .header-section.floating .navbar-nav>li.header-action-button {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .header-section.floating .navbar-logo img {
        max-height: 40px;
    }

    .header-section.floating .navbar-toggle {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media (max-width: 991px) {
    .navigation {
        position: fixed;
        bottom: 100%;
        left: 0;
        width: 100%;
        height: 100% !important;
        max-height: none !important;
        margin: 0 !important;
        display: block !important;
        opacity: 0;
        padding-top: 80px;
        text-align: center;
        -webkit-transition: all ease 0.25s !important;
        transition: all ease 0.25s !important;
    }

    .navigation,
    .navbar-inverse .navigation {
        background-color: rgba(0, 0, 0, 0.95);
    }

    .navbar-default .navigation {
        background-color: rgba(255, 255, 255, 0.95);
    }

    .navigation.collapsing,
    .navigation.collapse.in {
        bottom: 0;
        opacity: 1;
    }

    .navigation:before {
        content: "";
        display: inline-block;
        height: 100%;
        width: 1px;
        vertical-align: middle;
    }

    .navbar-nav {
        display: inline-block;
        vertical-align: middle;
        width: 99%;
        padding-bottom: 40px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .navbar-nav>li {
        -webkit-transition: none;
        transition: none;
    }

    .navbar-nav>li,
    .header-section.floating .navbar-nav>li {
        padding: 0;
    }

    .navbar-nav>li>a {
        padding: 15px 15px;
    }

    .navbar-nav>li>a:focus,
    .navbar-nav>li>a:hover,
    .navbar-inverse .navbar-nav>li>a:focus,
    .navbar-inverse .navbar-nav>li>a:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .navbar-default .navbar-nav>li>a:focus,
    .navbar-default .navbar-nav>li>a:hover {
        background-color: #f6f6f6;
    }

    .navbar-nav>li.header-action-button,
    .header-section.floating .navbar-nav>li.header-action-button {
        padding: 10px 15px;
    }

    .navbar-nav>li.current:not(.header-action-button)>a,
    .navbar-inverse .navbar-nav>li.current:not(.header-action-button)>a {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.1);
    }

    .navbar-default .navbar-nav>li.current:not(.header-action-button)>a {
        color: #222;
        background-color: #f6f6f6;
    }

    .navbar-nav>li.current:not(.header-action-button)>a:after {
        display: none;
    }

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

    .dropdown-menu>li>a {
        padding: 15px 15px !important;
    }
}

/**
 * ========================================
 * HERO
 * ========================================
 */
.hero-section {
    padding: 160px 0;
    position: relative;
}

.hero-section .container {
    position: relative;
    z-index: 1;
    vertical-align: middle;
}

.hero-section .hero--form {
    background-color: #343434;
    padding: 70px;
}

.hero-section .hero--form h3 {
    margin: 0;
    text-align: center;
    font-size: 35px;
}

.hero-section .hero--form p {
    margin: 0;
    text-align: center;
    margin-bottom: 30px;
}

.hero-section .mktoForm {
    width: 100% !important;
}

.hero-section .mktoForm .mktoFormCol {
    float: left;
    position: relative;
    min-height: 2em;
    width: 100%;
}

.hero-section .mktoForm .mktoFieldWrap {
    width: 100%;
}

.hero-section .mktoForm .mktoOffset {
    display: none;
}

.hero-section .mktoForm input[type=text], .hero-section .mktoForm input[type=url], 
.hero-section .mktoForm input[type=email], .hero-section .mktoForm input[type=tel], .hero-section .mktoForm input[type=number], 
.hero-section .mktoForm input[type=date], .hero-section .mktoForm textarea.mktoField, .hero-section .mktoForm select.mktoField {
    width: 100% !important;
    padding: 0 15px;
    height: 45px;
}

.hero-section .mktoForm .mktoRequiredField label.mktoLabel {
    font-weight: normal;
    color: #ffffff;
    display: flex;
}

.hero-section .mktoForm .mktoRequiredField .mktoAsterix {
    display: block;
    order: 1;
}

.hero-section .mktoButtonRow {
    display: flex;
    justify-content: flex-end;
}

.hero-section .mktoForm .mktoButtonWrap.mktoAnimGlow .mktoButton {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    width: 100%;
    background: #5753cc;
    color: #ffffff;
    padding: 12px 30px;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: .5rem;
    height: auto;
}

.hero-content {
    display: table;
    width: 100%;
    height: 100%;
}

.hero-content-inner {
    display: table-cell;
    vertical-align: middle;
}

.hero-title {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    text-transform: none;
    margin-bottom: 10px;
}

.hero-subtitle {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
}

.hero-tagline {
    font-size: 20px;
    margin-top: 40px;
    padding: 0;
    list-style: none;
}

.hero-tagline li {
    margin-bottom: 1rem;
}

.hero-buttons {
    margin-top: 30px;
}

.hero-buttons>a {
    margin: 15px 15px 0;
}

.hero-buttons>a:only-child {
    margin: 0;
}

.hero-countdown {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
}

.hero-countdown .countdown {
    color: #222;
}

.section-dark .hero-countdown .countdown,
.section-accent .hero-countdown .countdown {
    color: #fff;
}

.hero-countdown-heading {
    font-size: 20px;
    margin-bottom: 10px;
}

.hero-start-link {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -25px;
    margin-bottom: 30px !important;
    display: block;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    line-height: 48px;
    text-align: center;
    font-size: 32px;
    color: #ccc;
}

.hero-start-link:hover,
.hero-start-link:focus {
    border-color: #fff;
    color: #fff;
}

@media (max-width: 479px) {
    .hero-countdown .countdown-number {
        font-size: 40px;
    }

    .hero-countdown .countdown-label {
        font-size: 11px;
    }
}

@media (max-width: 991px) {
    .hero-section {
        padding: 120px 0;
    }

    .hero-section.hero-fullscreen {
        height: auto;
    }

    .hero-start-link {
        display: none;
    }
}

/* HERO LAYOUT: FULLSCREEN CTA (SIMPLE) */
.hero-layout-simple .hero-title {
    font-size: 64px;
    line-height: 1.2;
}

.hero-layout-simple .hero-subtitle {
    font-size: 48px;
    line-height: 1.2;
}

@media (max-width: 991px) {
    .hero-layout-simple .hero-title {
        font-size: 56px;
    }

    .hero-layout-simple .hero-subtitle {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .hero-layout-simple .hero-title {
        font-size: 48px;
    }

    .hero-layout-simple .hero-subtitle {
        font-size: 32px;
    }

    .hero-layout-simple .hero-tagline {
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .hero-layout-simple .hero-title {
        font-size: 40px;
    }

    .hero-layout-simple .hero-subtitle {
        font-size: 24px;
    }

    .hero-layout-simple .hero-tagline {
        font-size: 16px;
    }
}

/* HERO LAYOUT: CLASSIC */
.hero-layout-classic {
    padding: 130px 0 90px;
    height: auto !important;
}

.hero-layout-classic .hero-title {
    font-size: 45px;
    line-height: 1.4;
    margin-top: 0;
}

.hero-heading .col-md-6 {
    flex: 1 1;
    max-width: 100%;
}

.hero-heading h5 {
    margin-bottom: 0;
    color: #0cbef2;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}

.hero-features {
    margin-top: 60px;
    text-align: left;
}

/**
 * ========================================
 * HEADLINE
 * ========================================
 */
.headline-text {
    position: relative;
    padding: 50px 0;
    font-size: 20px;
    text-align: center;
}

.headline-text:before,
.headline-text:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -60px;
    display: block;
    height: 2px;
    width: 120px;
    background-color: rgba(0, 0, 0, 0.1);
}

.headline-text:before {
    top: 0;
}

.headline-text:after {
    bottom: 0;
}

.section-dark .headline-text:before,
.section-dark .headline-text:after,
.section-accent .headline-text:before,
.section-accent .headline-text:after {
    background-color: rgba(255, 255, 255, 0.2);
}

.about-section h4.sub--title {
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    font-size: 16px;
    color: #0cbef2;
    font-weight: 600;
}

.about-section .section-heading {
    margin: 0 0 50px;
    text-transform: none;
}

#about {
    padding-bottom: 0;
}

.about-section .card {
    border: 0;
    border-radius: 0;
    text-align: center;
    margin-bottom: 30px;
    background: none;
}

.about-section .card .card-body {
    padding-top: 0;
}

.about-section .card .card--icon img {
    height: auto;
    max-width: 50px;
    margin: auto;
    margin-bottom: .5rem;
}

.about-section .card .card--icon {
    margin-bottom: 0;
}

.about-section .card .card-title {
    font-size: 20px;
    margin: 0 0 12px;
    font-weight: 600;
}

.about-section .card .card-text {
    margin: 0;
}

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

@media (min-width: 992px) {
    .about-image {
        padding-right: 40px;
    }

    .about-image.col-md-push-6 {
        padding-left: 40px;
        padding-right: 15px;
    }
}

@media (max-width: 991px) {
    .about-image {
        margin-bottom: 15px;
    }
}

#work .section-heading {
    position: relative;
    margin: 0 0 30px;
    font-size: 45px;
    line-height: 1.2;
}

#work .card {
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.05);
    padding: 50px 30px;
    text-align: center;
}

#work .card .card-body {
    padding-bottom: 0;
}

/**
 * ========================================
 * Testimonials
 * ========================================
 */
.testimonials,
#logos {
    background: #f1f1f170;
}

#testimonials--columns {
    padding-bottom: 0;
}

#testimonials span.card--image , #testimonials--columns span.card--image {
    width: 120px;
    height: 120px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    overflow: hidden;
    margin: auto auto 1rem;
}

#testimonials span.card--image img, #testimonials--columns span.card--image img {
    object-fit: cover;
}

#testimonials .card-text, #testimonials--columns .card-text {
    font-size: 26px;
    line-height: 1.4;
    font-style: italic;
    color: #99999980;
    margin-bottom: 2rem;
}

#testimonials .card-title, #testimonials--columns .card-title {
    font-size: 15px;
    margin: 0;
    color: #666666;
}

/**
 * ========================================
 * LOGOS
 * ========================================
 */

#logos ul {
    list-style: none;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    gap: 15px;
    margin: 0;
    margin-top: 2rem;
    padding: 0;
}

#logos li {
    flex: 1 1;
}

/**
 * ========================================
 * FOOTER
 * ========================================
 */
.footer-section {
    padding-bottom: 30px;
    text-align: center;
    background: #222222;
    color: #ffffff;
}

.footer--cta {
    margin-bottom: 80px;
}

.footer--cta h4.sub--title {
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    font-size: 16px;
    color: #0cbef2;
    font-weight: 600;
}

.footer--cta .section-heading {
    position: relative;
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 45px;
    letter-spacing: 0;
    text-transform: none;
    color: #ffffff;
}

#footerImage {
    color: #ffffff;
    text-align: left;
}

/**
 * ========================================
 * PRELOADER
 * ========================================
 */
body.enable-preloader>.document {
    opacity: 0;
    -webkit-transition: all ease 0.25s;
    transition: all ease 0.25s;
}

body.enable-preloader.done-preloader>.document {
    opacity: 1;
}

body.enable-preloader.preloader-dark {
    background-color: #222;
}

#jpreOverlay {
    background-color: #fff;
}

body.enable-preloader.preloader-dark #jpreOverlay {
    background-color: #222;
}

#jpreButton,
#jprePercentage {
    display: none !important;
}

#jpreLoader {
    width: 200px !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    margin: -4px 0 0 -100px;
    height: 8px;
    background-color: #eee;
}

body.enable-preloader.preloader-dark #jpreLoader {
    background-color: #444;
}

#jpreBar {
    position: absolute !important;
    top: 0;
    overflow: hidden;
    text-align: center;
}

.footer--text a {
    font-weight: 500;
    color: #ffffff;
    text-decoration: underline;
    position: relative;
    font-size: 14px;
}

.footer--text a+a {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    padding-left: 8px;
    margin-left: 4px;
}


@media (max-width: 991px) {
    .hero-layout-classic .hero-title {
        font-size: 35px;
    }

    .hero-section form h3 {
        font-size: 25px;
    }

    .hero-features {
        margin-top: 30px;
    }

    .section-heading {
        font-size: 30px;
    }

    .hero-features-right {
        margin-top: 30px;
    }

    .hero-section form {
        padding: 30px;
    }

    .hero-tagline {
        margin-top: 20px;
    }

    #work .section-heading {
        font-size: 30px;
    }

    .footer--cta .section-heading {
        font-size: 30px;
        margin-bottom: 30px;
    }
}

@media (max-width:767px) {
    .section {
        padding: 45px 0;
    }

    .hero-section form {
        padding: 30px;
    }

    #footerImage {
        text-align: center;
        margin-bottom: 1rem;
    }

    .header-section {
        padding: 0;
    }

    .hero-layout-classic {
        padding: 120px 0 45px;
    }

    #testimonials .card-text {
        font-size: 22px;
    }

    .hero-layout-classic .hero-title {
        font-size: 40px;
    }

    .hero-layout-classic .hero-tagline {
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .hero-layout-classic .hero-title {
        font-size: 32px;
    }

    .hero-layout-classic .hero-tagline {
        font-size: 16px;
    }
}

@media (max-width:380px) {
    .hero-section form h3, .section-heading {
        font-size: 28px;
    }
}