@import url("https://use.typekit.net/cqz6pwo.css");

html, body {
    width: 100%;
    height: 100%;
    overflow: auto;
    font-family: 'benton-sans', 'sans-serif';
}

.nav-inputs:before {
    padding-top: 10px;
    display:inline-block;
    height:18px;
    width:20px;
    content: "";
    background:url(../img/inputs-nav.png);
    background-size: 1.2rem !important;
}
.nav-register:before {
    display:inline-block;
    height:18px;
    width:20px;
    content: "";
    background:url(../img/register.png);
    background-size: 1.2rem !important;
}

.slider-group {
    max-width: 100%;
    max-height: 100%
}

.slider-input {
    height: 4.6rem;
    max-width: 100%;
    max-height: 100%
}

.slider-input-div {
    height: 4.6rem;
    max-width: 100%;
    max-height: 100%
}

.slider-label {
    height: 4.6rem;
    max-width: 100%;
    max-height: 100%
}

.col {
    height: 4.6rem;
    max-width: 100%;
    max-height: 100%

}

.qualtricsBox {
    flex: 0 1 auto;
    width: 28rem;
    max-height: 100%;
}

.left-box {
    padding-left: .5rem;
    align-items: center !important;
    text-align: center !important;
    display: flex;
    /*    display: flex;*/
    /*    overflow: hidden;*/
    flex: 1 1 auto;
    font-size: 1.1rem;
    color: #000000;
    max-width: 100%;
    width: 4rem;
}
.right-box {
    padding-right: .5rem;
    text-align: center !important;
    align-items: center !important;
    display: flex;
    flex: 1 1 auto;
    font-size: 1.1rem;
    color: #000000;
    max-width: 100%;
    width: 5rem;
}
.qd{
    background-color: #EDF2F4;
    width: 28rem;
    flex: 1 1 auto;
    max-width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    font-size: 1.1em;
}

input.q-input{
    text-align: center;
    width: 12.5rem;
    height: 2.7rem;
    /*max-width: 80%;
    max-height: 80%;*/
    font-size: 1.3rem;
    color: #000000;
    border: 1px solid #EDF2F4;
}

.center-box {
    height: 100%;
    display: flex;
    width: 12.5rem;
    align-items: center !important;
    text-align: center;
    flex: 1 1 auto;
    font-size: 1.5rem;
}


.qtext{
    align-items: center !important;
    display: inline-block;
}
.qtextSpan{
    align-items: center !important;
    display: inline-block;
    width: 18.75px
}
/*@media (max-width: 400px) {

    .center-box{
    width: 3em;
}
    #content input[type=text], #content input[type=email], #content input[type=tel], #content select {
        width: 3em;
        font-size: 1em;
    }
}*/
@media (max-width: 865px) {
    .right-q-text {
        text-align: center !important;
    }

    input.q-input {
        text-align: center;
        width: 5em;
        height: 1.5em;
        /*max-width: 80%;
        max-height: 80%;*/
        font-size: 1em;
        color: #000000;
        font-weight: 500;
    }

    .qd{
        font-size: .8em;
        width: 28em;
    }
    .qualtricsBox{
        width: 28em;
    }
    .right-box{
        padding-right: .4rem;
        padding-left: .1rem;
        width: 5em;
        font-size: 1.2em;

    }
    .center-box{
        width: 8em;
    }
    .left-box{
        width: 5em;
        padding-right: .1rem;
        padding-left: .4rem;
        font-size: 1.2em;
    }
    .qualtricsBox{
        align-content: center !important;
        justify-content: center !important;
    }
    .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel]{
        padding-top: 1px !important;
    }
    .mktoForm input[type=url], .mktoForm input[type=text], .mktoForm input[type=date], .mktoForm input[type=tel], .mktoForm input[type=email], .mktoForm input[type=number], .mktoForm textarea.mktoField, .mktoForm select.mktoField .mktoField {
        width: 100%;
        height: 2.5em !important;
        line-height: 1.5em;
        font-size: 18px;
    }
}

.right-q-text {
    text-align: right;
    font-weight: 600;
    height: auto;
    width: 23em;
    max-width: 100%;
    flex: 0 1 auto;
    font-size: 1.1em;

}
.table-striped tbody tr:nth-of-type(odd) {
    /* background-color: rgba(0,0,0,.05); */
}
.qicons,
.nav-title{
    vertical-align: center;
    display: inline-block;
}

.btn-forr,
.btn-forr:hover,
.btn-forr:active,
.btn-forr:focus,
.btn-forr:active:focus,
.btn-forr.disabled,
.btn-forr.disabled:focus,
.btn-forr[disabled],
.btn-forr[disabled]:focus,
.btn-forr:active:hover,
.btn-forr.disabled:hover,
.btn-foor[disabled]:hover,
.btn-success,
.btn-success:hover,
.btn-success:active,
.btn-success:focus,
.btn-success:active:focus,
.btn-success.disabled,
.btn-success.disabled:focus,
.btn-success[disabled],
.btn-success[disabled]:focus,
.btn-success:active:hover,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
.btn-info,
.btn-info:hover,
.btn-info:active,
.btn-info:focus,
.btn-info:active:focus,
.btn-info.disabled,
.btn-info.disabled:focus,
.btn-info[disabled],
.btn-info[disabled]:focus,
.btn-info:active:hover,
.btn-info.disabled:hover,
.btn-info[disabled]:hover {
    background-color: #000000;
    border-color:#000000 !important;
    outline-color:#000000 !important;
}
/*
.qicons,
.nav-title{
    vertical-align: middle;
    display: inline-block;
}
*/

#content div.totalNPVArea {
    background-color: #EDF2F4;
    font-size: 1.5em;
}

.totalNPV{
    font-size: 1.9em;
}
.totalNPVDescription{
    font-size: .7em;
    padding-bottom: 2em !important;
}
.res-npv{
    font-size: 1.4em;
    font-weight: 900;
    color: #333;
}

#content h2.h2-forr, #content h3.h3-forr {
    color: #000000;
    font-weight: 900;

}
/*#content h2.h2-forr::after{
    content: "";
    display: block;
    width: 90%;
    padding-top: 0.6em;
    border-bottom: .06em solid #e4e4e4;

}*/

#content #s2Sub1-section.tbl{
    margin-bottom: 0;
}
#content #s2Sub1-section.tbl::after{
    content: "";
    display: block;
    margin: 0 auto;
    width: 96%;
    padding-top: 0.6em;
    border-bottom: .06em solid #e4e4e4;
}
#content #s5Sub0-section::after,
#content #s7Sub0-section::after,
#content #s6Sub0-section::after {
    content: "";
    display: block;
    width: 96%;
    padding-top: 0.6em;
    border-bottom: .06em solid #e4e4e4;
}
#content #s6Sub0-section::after {
    content: "";
    display: block;
    width: 96%;
    padding-top: 0.6em;
    border-bottom: .06em solid #e4e4e4;
}
.text-center.btnspacing.btnRegister::before {
    content: "\00a0";
    display: block;
    margin: 0 auto;
    width: 99%;
    border-top: .06em solid #e4e4e4;
}

#content section{
    border-bottom: none;
}
#content h3.h3-forr{
    font-size: 1.2em;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.0);
}
#content p.equationRowsTrigger{background-color: #EDF2F4;
    color: #007DC3;
}


.border-bottom {
    /*    position: relative;*/
    /*  display: inline-block;*/
}


.table-striped{
    border-radius: 1rem;
    width: 50%;
    margin: 0 auto;
    float: none;
}

#content section table, #content section tbody {
    width: 90%;
}

#content h3.h3-forr{
    text-transform: none;
}

.table-striped{
    border-top: none;

}
#content p.equationRowsTrigger {
    width: 90%;
}
.icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

/* Step 2: Reference Individual Icons */
.down-arrow::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    text-align: right !important;
    float: right;
    content: "\f078";
}
.down-arrow::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    text-align: right !important;
    float: right;
    content: "\f078";
    color: #007DC3;
}
.up-arrow::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    text-align: right !important;
    float: right;
    content: "\f077";
    color: #007DC3;
}

.table th{
    border-top: none;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #000000;
}

ul{
    list-style: none;
    padding-left: 0;
}

ul > li {
    margin-left: 15px;
}


ul> li::before {
    content: "- ";
    margin-left: -15px;
}
ul.social-icons > li::before{
    content: "";
    display: none;
}
.nav-pills > ul > li::before{
    content: "";
    display: none;
}


.nav-wrap.nav-horiz {
    padding-bottom: 0px;
}

.nav-pills li {
    margin-bottom: 0px;
}

.mainmnu{
    color: #000000;
    background: #FFFFFF;
    text-transform: none;
    font-size: 1.2em;
    letter-spacing: .1em;
    text-align: center !important;
    align-items: center !important;
    display: block;

}

.nav-menu li.active .mainmnu {
    color: #000000;
}

#content .c-head{
    padding-top: 1.3em;
}
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton, .mktoForm .mktoButtonWrap.mktoGlow .mktoButton, .mktoButton {
    background-color:#000000 !important;
    border-color:#000000 !important;
    outline-color:#000000 !important;
}