@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');

body {
    /*font-family: 'Baloo 2', cursive;*/
    font-family: 'Comfortaa', cursive;
    color: #000000;
    /* color: #6b8026;*/
    background-color: #e8e5e5;
    font-size: 14px;
    font-weight: 500;
}

.small {
    font-weight: 400;
    font-size: 13px
}

.primaryCol {
    color: #0d6efd;
}

h1, h2, h3, h4, h5 {
    font-family: 'Baloo 2', cursive;
    color: #000000;
}

p {
    line-height: 2rem;
}

.SectionHeader {
    font-weight: bold;
    font-size: 48px;
}

.invertCol {
    color: #f1bb00 !important;
}

.invertBg {
    background-color: #f1bb00 !important;
    color: #ffffff;
}

.navbar {
    /*border-top: solid 5px #6b8026;
    border-bottom: solid 1px #EFBD2D;*/
    box-shadow: -1px 3px 8px -2px rgba(0,0,0,0.50);
    -webkit-box-shadow: -1px 3px 8px -2px rgba(0,0,0,0.50);
    -moz-box-shadow: -1px 3px 8px -2px rgba(0,0,0,0.50);
}

.navbar-nav .nav-item {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

    .navbar-nav .nav-item:last-child {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

.nav-link {
    color: #000 !important;
    font-weight: normal;
    font-size: 100%;
}

    .nav-link:hover {
        color: #0d6efd !important;
    }

.topMessage {
    background-color: #088016;
    text-align: center;
    color: #ffffff !important;
    font-size: 75%;
    width: 100%;
}

.topbanner {
    position: relative;
    width: 100%;
}

.topbannericon {
    position: relative;
}

    .topbannericon img:hover {
        border-right: solid 2px #fff;
    }

.topbannericoncaption {
    position: absolute;
    top: 67%;
    /* left: 30%; */
    color: #000;
    /* transform: translate(-75%, -30%); */
    text-align: right;
    width: 90%;
    font-family: 'Baloo 2', cursive;
    font-weight: 500;
}

.caption {
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: 'Baloo 2', cursive;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-shadow: 2px 2px #808080;
    text-align: center;
}

    .caption small {
        position: absolute;
        top: 50%;
        left: 50%;
        font-family: 'Baloo 2', cursive;
        transform: translate(-50%, -50%);
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        text-align: center;
    }

.carousel-caption {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-right: unset !important;
    width: 75%;
}

    .carousel-caption h1 {
        font-size: 60px;
        color: #EFBD2D !important;
        font-weight: bold;
    }

    .carousel-caption h3 {
        color: #ffffff !important;
    }

@media (min-width: 768px) {
    .caption {
        position: absolute;
        top: 50%;
        left: 50%;
        font-family: 'Baloo 2', cursive;
        transform: translate(-50%, -50%);
        font-size: 48px;
        font-weight: bold;
        color: #fff;
        text-shadow: 2px 2px #808080;
        text-align: center;
    }

        .caption small {
            position: absolute;
            top: 50%;
            left: 50%;
            font-family: 'Baloo 2', cursive;
            transform: translate(-50%, -50%);
            font-size: 30px;
            font-weight: bold;
            color: #fff;
            text-align: center;
        }
}

.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path stroke='rgb(13,110,253)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/></svg>");
}

.carousel {
    margin-top: -75px;
}

@media (max-width: 600px) {
    .navbar {
        background-color: #fff !important;
    }

    .carousel {
        margin-top: 80px !important;
    }

    .topButton {
        margin-top: -50px !important;
    }

    .navbar-nav .nav-item:last-child {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

.calculator {
    position: relative;
}

    .calculator .bg_image {
        padding-top: 150px !important;
        padding-bottom: 250px !important;
        /*     background-image: url(/Content/images/dilXaJH.jpg) !important;*/
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

        .calculator .bg_image .wrap {
            box-sizing: border-box;
            padding-left: 15px;
            padding-right: 15px;
            width: 100%;
            text-align: center;
            color: #0d6efd !important;
        }

    .calculator .calc {
        margin-top: -200px !important;
        margin-bottom: 40px !important;
        padding-top: 55px !important;
        padding-right: 55px !important;
        padding-left: 55px !important;
        background-color: #ffffffaf !important;
        padding-bottom: 55px;
        width: 830px;
    }

h1.bannerHeader span {
    background-color: #0d6efdb9;
    color: #fff !important;
    font-size: 48px !important;
    /*text-shadow: 2px 2px #808080;*/
    width: unset !important;
    padding-left: 20px;
    padding-right: 20px;
}

.bg_image p span {
    background-color: #0d6efdb9;
    color: #fff !important;
    font-size: 22px !important;
    /* text-shadow: 2px 2px #808080;*/
    padding: 2px 20px;
}
/*.calculator .container {
        position: absolute;
        top: 500px;
        left: 50%;
        transform: translate(-50%, -50%);
    }
*/
.card-primary {
    border-top: solid 3px #0d6efd !important;
}

    .card-primary .card-body {
        padding: 30px 30px;
    }

.input-group-text {
    background-color: #0d6efd;
    color: #ffffff;
}

.footer {
    color: #ffffff;
}

    .footer a {
        color: #ffffff !important;
        margin-left: 5px;
        text-decoration: none !important;
    }

        .footer a:hover {
            color: #0d6efd !important;
        }


#sgi .sgi-calculator, #sgi_widget .sgi-calculator {
    width: 100%;
    padding: 20px;
    max-width: unset !important;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    font-family: 'Comfortaa', cursive !important;
    background-color: #ffffff00 !important;
    color: #000000 !important;
}

.sgi-header__title {
    color: #0d6efd !important;
    font-weight: 700 !important;
    font-family: 'Comfortaa', cursive !important;
}

.sgi-header__subtitle {
    font-family: 'Comfortaa', cursive !important;
}

#FIRST_CHART_TAB {
    font-family: 'Comfortaa', cursive !important;
}

#sgi .sgi-header__subtitle[data-v-52a6cfce], #sgi_widget .sgi-header__subtitle[data-v-52a6cfce] {
    color: #000000 !important;
    font-size: 15px;
}

.sgi-field__title {
    color: #000000 !important;
}

.simple-input {
    background-color: #ffffff !important;
}

.dollar-input {
    background-color: #ffffff !important;
}

.simple-select {
    background-color: #ffffff !important;
}

.sgi-field__row {
    background-color: #ffffff !important;
}