@charset "UTF-8";
/*MDB THEME OVERRIDES FOR COMPANY STYLES------------------------------------------------------------*/
body {
    font-family: 'Catamaran','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif !important;
}
.btn-primary {
    background-color: #0063bd !important;
    color: #fff;
}
.btn-primary:hover {
    background-color: #00427d !important;
    color: #fff;
}
a:hover {
    color: steelblue;
    Background: transparent;
}

/*MDB THEME OVERRIDES FOR COMPANY STYLES -----------------------------------------------------------*/
.landing-body {
    background-image: url('../Content/Images/2019Landing/hero-bg@2x.jpg');
    background-repeat: no-repeat;
    background-size:  cover;
    background-position: center center;
    /*height: 100%;*/
    background-attachment: fixed;
}
@media (max-width: 425px) {
    .landing-body {
        background-image: url('../Content/Images/2019Landing/Mobile/mobile_home.jpg') !important;
    }
    .LayoutSection {
        background-image: url('../Content/Images/2019Landing/Mobile/mobile_features.jpg') !important;
    }
    .LayoutSectionProductivity {
        background-image: url('../Content/Images/2019Landing/Mobile/mobile_benefits.jpg') !important;
    }
    .LayoutSectionProblem {
        background-image: url('../Content/Images/2019Landing/Mobile/mobile_detection.jpg') !important;
    }
}
        @media (max-width: 1199px) {
            .landing-body {
                background-size: cover;
                background-repeat: no-repeat;
                background-color: #fff;
                background-position: 10% 50%;
                width: 100%;
                height: 100vh;
                z-index: -1;
            }

            .LayoutSection {
                background-size: cover;
                background-repeat: no-repeat;
                background-color: #fff;
                background-position: 10% 50%;
            }

            .LayoutSectionProductivity {
                background-position: 100% 50%;
                height: auto;
            }

            .LayoutSectionProblem {
                background-position: 0% 50%;
                height: auto;
            }

            .LayoutContainer {
                background: rgba(255, 255, 255, 0.9);
                padding: 30px;
            }

            .LayoutSectionContact .LayoutContainer {
                background-color: transparent;
                padding: 0 15px;
            }
        }

        .navbar {
    z-index: 1;
    background-color: transparent;
}
.transparent-bg {
    background-color: transparent;
}
.landing-img {
    margin-top: -10px;
    height: 65px;
    margin-left: 25px;
}
.landing-mobile-img {
    margin-top: -10px;
    height: 65px;
    margin-left: -60px;
}
.LandingNav a {
    color: white;
    font-family: 'Catamaran','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif !important;
}

.LandingNav > li > a:hover {
    color: steelblue;
    Background: transparent;
}
.nav-item{
    padding-left:15px;
    padding-right:15px;
    color:black;
}
.header__title {
    font-weight: 900;
    font-size: 64px;
    color: white;
}
.header__title-mobile {
    font-weight: 900;
    font-size: 58px;
    color: white;
}
.header__text {
    font-weight: normal;
    font-size: 16px;
    margin: auto;
    display: block;
    color: white;
    text-align: center;
    width: 80%
}
.header__text a {
color: white;
}

.header__text a:hover {
    color: white;
}
.btn-withaddon {
    font-family: 'Catamaran','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif !important;
    border-width: 0px;
    height: 27px;
    width: 100px;
    font-size: x-small;
}
.btn-addon-sm {
    margin-right: 10px;
    padding-left: 10px;
    border-left: solid thin #2b2622;
    width: 27px;
    height: 27px;
}
.btn-withaddon-text {
    margin: auto;
    padding: 10px;
}
.LayoutSection {
    background-image: url('Images/2019Landing/key-features-bg.jpg');
    height: 741px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 30% 50%;
    padding: 20px 20px;
}
.LayoutContainer {
    padding: 60px 35px;
    margin-right: auto;
    margin-left: auto;
}
.LayoutContainer-mobile {
    padding: 10px 10px;
    margin-right: auto;
    margin-left: auto;
}
.section__title {
    font-weight: 900;
    font-size: 28px;
    color: #00427d;
    line-height: 1.5;
    text-transform: uppercase;
}

.section__title--no-margin {
    margin-top: 40px;
    margin-bottom: 40px;
}

.key-features {
    border-bottom: solid thin;
    border-color: #9a9b9d;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.5;
    color: #2a2723;
}
.LayoutSectionProductivity {
    background-image: url('Images/2019Landing/benefits-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 647px;
    background-position: 50% 50%;
    padding: 20px 20px;
}
.benifits-title {
    font-weight: bold;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size: 16px;
}

.benifits-desc {
    font-size: 16px;
    line-height: 1.5;
    color: #666666;
}

.LayoutSectionProblem {
    padding: 20px 20px;
    background-image: url('Images/2019Landing/problem-detection-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 647px;
    background-position: 30% 50%;
}

.problem-list {
    font-size: 16px;
}

.LayoutSectionContact {
    padding: 20px 40px;
    background-color: #e5e5e5;
}
.LayoutSectionFooter {
    padding: 20px 40px;
    background-color: #ffffff;
}
.btn-addon-dark {
    border-left: solid thin #9a9b9d;
}