/*************** DIRECT ***************/

.title-md {
    font-size: 16px;
    font-family: "BNPPSans";
    color: #2d2926;
    line-height: 20px;
    word-break: break-word;
}

.title-lg {
    font-size: 18px;
    font-family: "BNPPSans";
    color: #2d2926;
    font-weight: 700;
}

.title-md .col-lg-4,
.title-md-green .col-lg-4 {
    text-align: right;
}

.title-md.text-center {
    padding-top: 23px;
}

.title-lg.space-between-rates {
    padding-bottom: 20px;
}

.title-md-green {
    font-size: 16px;
    font-family: "BNPPSans";
    color: #00965e;
    line-height: 20px;
    font-weight: 700;
}

.value-sm {
    font-size: 28px;
}

.value-md {
    font-family: "BNPPSansCondensed";
    color: #2d2926;
    font-size: 50px;
    font-weight: 700;
    height: 55px;
}

.value-lg {
    font-family: "BNPPSansCondensed";
    color: #2d2926;
    font-size: 68px;
    font-weight: 700;
}

.currency-md {
    font-family: "BNPPSans";
    font-size: 20px;
}

.currency-lg {
    font-family: "BNPPSans";
    font-size: 28px;
}

.space-between-rates {
    padding-bottom: 12px;
}

.d-flex {
    display: flex;
    padding-bottom: 30px;
}

.title-no-long-duration {
    padding-bottom: 9px;
}

.box-content {
    font-family: "BNPPSans";
    text-align: left;
    height: 100%;
    font-size: 21px;
    color: #2c3e50;
    padding: 30px;
    background: #fff;
    border-top: 4px solid #00965e;
}

.box-border-right {
    border-right: 1px solid #e1e1e1;
}

.box-border-bottom {
    border-bottom: 1px solid #e1e1e1;
}


.flex-header {
    display: flex;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #e1e1e1;
}

.flex-header div.flex-box:first-child {
    border-right: 1px solid #e1e1e1;
}

.flex-box {
    position: relative;
    width: 100%;
    padding-bottom: 22px;
}

.flex-text-right {
    position: absolute;
    right: 0;
}

.calculator-submit-button-content {
    padding-top: 10px;
    display: flex;
}

.calculator-submit-button.customize-desired-credit-button,
.calculator-submit-button.customize-desired-credit-button:hover {
    cursor: pointer;
    margin-top: 33px;
    background-color: #cdcdcd;
}


.monthly-rate-content {
    border-top: 1px solid #e1e1e1;
    padding-top: 28px;
}

.monthly-rate-content .title-md {
    padding-top: 11px;
    padding-right: 0;
}

.monthly-rate-content .value-md {
    text-align: right;
    font-size: 60px;
    line-height: 60px;
}

.max-label {
    padding-left: 13px;
    font-size: 13px;
    color: #989898;
}

.link-enter-amount {
    font-size: 13px;
    float: right;
    text-decoration: underline;
    cursor: pointer;
}

.form-input-currency {
    border: none;
    font-family: "BNPPSansCondensed";
    font-size: 39px;
    color: #2d2926;
    font-weight: 700;
    border-bottom: 1px solid #dcdcdc;
    margin-top: 5px;
    width: 100%;
    padding-left: 10px;
    outline: none;
    text-align: center;
}

input.form-input-currency:focus {
    outline: none;
}

.currency-mark {
    font-family: "BNPPSansCondensed";
    font-size: 39px;
    color: #2d2926;
    font-weight: 700;
    position: absolute;
    right: 110px;
    top: 15px;
}

.btn-submit-input {
    font-family: "BNPPSans";
    cursor: pointer;
    color: #000000;
    font-size: 13px;
    max-height: 27px;
    max-width: 93px;
    background-color: #91bd24;
    padding: 7px 10px;
    position: absolute;
    font-weight: 400;
    right: 0px;
    top: 24px;
}

.show_input_amount{
    position:relative;
    margin-bottom:10px;
}


.disable-content {
    background-color: #fcfcfc;
    opacity: 0.95;
    z-index: 1;
    position: absolute;
    bottom: 0;
    right: 15px;
    left: 15px;
    top: calc(0% + 5px);
    text-align: center;
    padding: 29% 22%;
    font-size: 13px;
    font-family: Arial;
    color: #2d2926;
}

.calculator-credit-card-title {
    font-family: "BNPPSansCondensed";
    font-size: 32px;
    font-weight: 700;
    color: #ffffff;
    text-align: left;
    padding: 0 0 10px 0;
}

.calculator-credit-card-title sup {
    top: 0;
    font-size: 100%;
    font-weight: 400;
}



/*************** END DIRECT ***************/
.calculator-title {
    padding-top: 30px;
    padding-left: 30px;
    color: #2d2926;
    font-family: "BNPPSansCondensed";
    font-size: 34px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    line-height: 34px;
}

.calculator-subtitle-wrapper {
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    color: #2d2926;
    font-family: "BNPPSans";
    font-size: 13px;
    font-weight: 400;
}

.calculator-subtitle-left {
    padding: 0;
    text-align: left;
}

.calculator-subtitle-right {
    padding: 0;
    text-align: right;
}

.calculator-vendor-amount-wrapper {
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
}

.calculator-vendor-amount-box {
    padding: 0;
    background-color: #ffffff;
}

.calculator-vendor-amount-left {
    padding-left: 15px;
    padding-top: 20px;
    text-align: left;
}

.calculator-vendor-amount-right {
    padding-right: 15px;
    text-align: right;
}

.calculator-vendor-amount-currency {
    color: #2d2926;
    font-family: "BNPPSansCondensed";
    font-size: 24px;
    font-weight: 700;
    padding-top: 10px;
    padding-right: 5px;
}

.calculator-vendor-amount {
    color: #2d2926;
    font-family: "BNPPSansCondensed";
    font-size: 47px;
    font-weight: 700;
    padding-top: 5px;
}

.calculator-spliter-wrapper {
    padding-top: 25px;
    padding-left: 30px;
    padding-right: 30px;
}

.calculator-spliter {
    height: 1px;
    border: 1px solid #e1e1e1;
    padding: 0;
    border-top: 0;
}

.calculator-duration-title {
    color: #2d2926;
    font-family: "BNPPSansCondensed";
    font-size: 34px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    padding-top: 25px;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 34px;
}

.calculator-duration-subtitle {
    color: #2d2926;
    font-family: "BNPPSans";
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10px;
}

.calculator-financial-box {
    background-color: #ffffff;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px;
}

.calculator-financial-arrow-down {
    padding:0;
    line-height: 0;
    text-align: center;
    margin-top: -1px;
}

.calculator-financial-installment {
    padding-left: 0;
    padding-right: 0;
    padding-top: 25px;
    text-align: center;
}

.calculator-financial-installment-adjust {
    padding-top: 40px;
}

.calculator-financial-installment-currency {
    color: #2d2926;
    font-family: "BNPPSansCondensed";
    font-size: 32px;
    font-weight: 700;
    line-height: 2.5px;
}

.calculator-financial-installment-value {
    color: #2d2926;
    font-family: "BNPPSansCondensed";
    font-size: 84px;
    font-weight: 700;
    line-height: 58px;
    padding-left: 10px;
}

@media only screen and (max-width: 360px) {
    .calculator-financial-installment-value {
        font-size: 65px;
    }
}

.calculator-financial-rates {
    padding:0;
    border: 1px solid #e1e1e1;
    border-top:0;
    border-bottom:0;
    border-right:0;
    min-height: 165px;
}

.calculator-conditions-title {
    color: #00965e;
    font-family: "BNPPSans";
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    padding-left: 30px;
    padding-top: 12px;
}

.calculator-conditions-title img {
	width: 30px;
}

.calculator-condition-wrapper {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
}

@media only screen and (min-width: 768px) {
    .calculator-condition-wrapper {
        padding-left: 0;
        padding-right: 0;
    }
}

.calculator-condition {
    color: #2d2926;
    font-family: "Arial";
    font-size: 16px;
    font-weight: 400;
    padding-left: 15px;
    padding-right: 0;
    text-align: left;
}

@media only screen and (min-width: 768px) {
    .calculator-condition {
        font-size: 14px;
    }
}

.calculator-credit-card-box-wrapper {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
}

.calculator-credit-card-box {
    background-color: #d1e4d9;
    padding: 30px;
}

.calculator-credit-card-text {
    color: #2d2926;
    font-family: "Arial";
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    padding: 0;
}

.calculator-credit-card-question-text {
    color: #2d2926;
    font-family: "Arial";
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    padding-top: 20px;
    padding-left: 0;
}

.calculator-credit-card-img-wrapper {
    text-align: center;
    padding-left:0;
    padding-right: 0;
    padding-top: 20px;
}

.calculator-legal-wrapper {
    padding: 30px;
}

.calculator-legal-icon {
    text-align: left;
    padding: 0;
}

.calculator-legal-text {
    color: #2d2926;
    font-family: "Arial";
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    padding: 0;
    padding-bottom: 10px;
    margin-left: -15px;
}

@media only screen and (max-width: 767px) {
    .calculator-legal-text {
        margin-left: 0;
    }
}

@media only screen and (max-width: 400px) {
    .calculator-legal-text {
        padding-left: 10px;
    }
}

.calculator-submit-button-wrapper {
    padding-top: 83px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
}

.calculator-submit-button {
    cursor: pointer;
    text-align: center;
    color: #2c2925;
    font-family: "BNPPSans";
    font-size: 23px;
    font-weight: 400;
    text-transform: uppercase;
    background-color: #91bb22;
    line-height: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 22px;
    padding-bottom: 18px;
    outline: none;
    border: none;
    border-radius: 0;
    white-space: pre-line;
}

.calculator-submit-button:hover {
    background-color: #87ac0e;
}

.calculator-online-process-box {
    background-color: #ffffff;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
}

.calculator-online-process-title {
    padding-left: 30px;
    padding-right: 30px;
    text-align: left;
    color: #2d2926;
    font-family: "BNPPSans";
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: inherit;
}

.calculator-online-process-subtitle {
    padding-left: 30px;
    padding-right: 30px;
    text-align: left;
    padding-top: 0;
    color: #00965e;
    font-family: "BNPPSans";
    font-size: 18px;
    font-weight: 700;
}

.calculator-online-process-text {
    padding-left: 10px;
    padding-right: 0;
    color: #2d2926;
    font-family: "Arial";
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}

@media only screen and (min-width: 768px) {
    .calculator-online-process-text {
        font-size: 14px;
    }
}

.calculator-online-process-img-wrapper {
    padding: 0;
    text-align: left;
}

.calculator-online-process-wrapper {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 25px;
}

.calculator-icon-up-wrapper {
    text-align: center;
    background-color: #fff;
    padding-top: 45px;
    padding-bottom: 45px;
}

.calculator-duration-wrapper {
    padding-left: 0;
    padding-right: 0;
    padding-top: 25px;
}

.calculator-duration-inner-wrapper {
    padding-left: 30px;
    padding-right: 30px;
}

.calculator-duration-left {
    padding-left: 5%;
    padding-right: 2.5%;
}

.calculator-duration-center {
    padding-left: 2.5%;
    padding-right: 2.5%;
}

.calculator-duration-right {
    padding-left: 2.5%;
    padding-right: 5%;
}
@media only screen and (min-width: 280px) {
    .calculator-duration {
        background-color: #ffffff;
        max-height: 44px;
        width: 100%;
        padding: 0;
        min-width: 45px;
        color: #2d2926;
        font-family: "BNPPSansCondensed";
        font-size: 38px;
        font-weight: 700;
        line-height: 48px;
        text-transform: uppercase;
        text-align: center;
        cursor: pointer;
        border: 2px solid #fff;
    }

    .calculator-duration-button {
        padding-left: 0 !important;
        padding-right: 0 !important;
        cursor: pointer;
        width: 38px;
        height: 38px;
        background-color: #91bc23;
        display: inline-block;

    }

    .calculator-duration-button:hover {
        background-color: #87ac0e;
    }
}

@media only screen and (min-width: 320px) {
    .calculator-duration {
        background-color: #ffffff;
        max-height: 46px;
        width: 100%;
        padding: 0;
        min-width: 45px;
        color: #2d2926;
        font-family: "BNPPSansCondensed";
        font-size: 38px;
        font-weight: 700;
        line-height: 48px;
        text-transform: uppercase;
        text-align: center;
        cursor: pointer;
        border: 2px solid #fff;
    }

    .calculator-duration-button {
        padding-left: 0 !important;
        padding-right: 0 !important;
        cursor: pointer;
        width: 46px;
        height: 46px;
        background-color: #91bc23;
        display: inline-block;

    }

    .calculator-duration-button:hover {
        background-color: #87ac0e;
    }
}


@media only screen and (min-width: 410px) {
    .calculator-duration {
        background-color: #ffffff;
        max-height: 55px;
        width: 100%;
        padding: 0;
        min-width: 45px;
        color: #2d2926;
        font-family: "BNPPSansCondensed";
        font-size: 39px;
        font-weight: 700;
        line-height: 53px;
        text-transform: uppercase;
        text-align: center;
        padding-top: 5px;
        cursor: pointer;
        border: 2px solid #fff;
    }

    .calculator-duration-button {
        padding-left: 0 !important;
        padding-right: 0 !important;
        cursor: pointer;
        width: 55px;
        height: 55px;
        background-color: #91bc23;
        display: inline-block;

    }

    .calculator-duration-button:hover {
        background-color: #87ac0e;
    }
}

@media only screen and (min-width: 535px) {
    .fr-custom-sm {
        display: none;
    }
}
@media only screen and (max-width: 535px) {
    .fr-custom-lg {
        display: none;
    }
}

.calculator-duration-button-disabled {
    background-color: #e4e2e1;
    cursor: default;
}

.calculator-duration-button-disabled img {
    opacity: 0.25;
}

.calculator-duration-button-disabled:hover {
    background-color: #e4e2e1;
}

.calculator-vendor-img {
    max-height:20px;
    max-width: 100%;
}

.calculator-vendor-name {
    text-align: left;
    color: #2d2926;
    font-family: "BNPPSans";
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    white-space: nowrap;
    max-width: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media only screen and (min-width: 350px) {
    .calculator-vendor-name {
        max-width: 150px;
    }
}

.calculator-financial-installment-subtitle {
    color: #2d2926;
    font-family: "BNPPSans";
    font-size: 13px;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
    padding: 0;
    padding-top: 10px;
}

.calculator-financial-installment-link-wrapper {
    text-align: center;
    padding: 0;
}

.calculator-financial-installment-link {
    color: #00965e;
    font-family: "BNPPSans";
    font-size: 13px;
    font-weight: 400;
    line-height: 34px;
    text-decoration: underline;
}

.calculator-financial-installment-link:hover {
    color: #46b496;
}

.calculator-financial-rate-1 {
	color: #2d2926;
	font-family: "BNPPSans";
	font-size: 13px;
	font-weight: 400;
	line-height: 19.2px;
}

.calculator-financial-rate-2,
.calculator-financial-rate-7 {
	color: #2d2926;
	font-family: "BNPPSans";
	font-size: 13px;
	font-weight: 700;
	line-height: 19.2px;
	padding-top: 10px;
}

.calculator-financial-rate-3,
.calculator-financial-rate-4,
.calculator-financial-rate-5,
.calculator-financial-rate-6 {
	color: #2d2926;
	font-family: "BNPPSans";
	font-size: 13px;
	font-weight: 400;
	line-height: 19.2px;
	padding-top: 10px;
}

@media only screen and (min-width: 350px) {

    .calculator-financial-rate-1,
	.calculator-financial-rate-2,
	.calculator-financial-rate-3 {
		font-size: 13px;
	}
	
	.calculator-financial-rate-4,
	.calculator-financial-rate-5,
	.calculator-financial-rate-6,
	.calculator-financial-rate-7 {
		font-size: 14px;
	}
}

.calculator-financial-rate-label {
    text-align: left;
    padding-left: 15px;
    padding-right: 0;
}

.calculator-financial-rate-value {
    text-align: right;
    padding-right: 5px;
    padding-left: 0;
    align-self: flex-end;
}

.wrap {
    word-wrap: break-word;
    hyphens: auto;
}

.calculator-extend-duration-wrapper {
    padding-left: 0;
    padding-right: 0;
}

.calculator-extend-duration-box {
    padding: 15px;
    background-color: #ffffff;
}

.calculator-diff-duration {
    color: #2d2926;
    font-family: "BNPPSans";
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2em;
    padding: 0;
    text-align: left;
    padding-top: 4px;
}


/* HIDE DEFAULT CHECKBOX */

.calculator-duration-switch-wrapper {
    padding: 0;
    right: 5px;
}

@media only screen and (max-width: 335px) {
    .calculator-diff-duration {
        padding-top: 0;
    }

    .calculator-duration-switch-wrapper {
        right: 10px;
        padding-top: 5px;
    }
}

.calculator-duration-switch-button input[type='checkbox'] {
    display: none;
}

.calculator-duration-switch-button {
    float: right;
}

.calculator-duration-switch-button,
.calculator-duration-switch-button .slider {
    height: 23px;
    width: 56px;
    margin-bottom: 0;
}

.calculator-duration-switch-button .slider {
    position: relative;
    cursor: pointer;
    background-color: #ffffff;
    border: 1px solid #3fb295;
    border-radius: 40px;
}

.calculator-duration-switch-button .sliderOn {
    background-color: #3fb295;
}

/* SWITCH BUTTON BALL WHEN LEFT */
.calculator-duration-switch-button .slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 2.3px;
    top: 2px;
    background-color: #3fb295;
    border-radius: 50%;
    -webkit-transition: .4s;
    transition: .4s;
}

.calculator-duration-switch-button .sliderOn:before {
    background-color: #fff;
}

/* SWITCH BUTTON BALL WHEN RIGHT */
.calculator-duration-switch-button input[type='checkbox']:checked + .slider:before {
    /* horizontal transformation applied to move the ball */
    -webkit-transform: translateX(32.8px);
    -ms-transform: translateX(32.8px);
    transform: translateX(32.8px);
}

.calculator-duration-modal {
    top: 2%;
    padding: 30px;
}

@media only screen and (min-width : 768px) {
    .calculator-duration-modal {
        top: 10%;
    }
}

.calculator-duration-modal-title {
    color: #00965e;
    font-family: "BNPPSansCondensed";
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    text-transform: uppercase;
    text-align: left;
    padding: 0;
}

.calculator-duration-modal-tip-box-wrapper {
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
}

.calculator-duration-modal-tip-box {
    background-color: #d1e4d9;
    padding: 15px;
}

.calculator-duration-modal-tip {
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    color: #00965e;
    font-family: "BNPPSans";
    font-size: 15px;
    font-weight: 400;
}

.calculator-duration-modal-tip-subtitle-wrapper {
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.calculator-duration-modal-tip-subtitle {
    color: #2d2926;
    font-family: "BNPPSans";
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    padding: 0;
}

.calculator-duration-submit-button-wrapper {
    padding-left: 0;
    padding-right: 0;
    padding-top: 30px;
}

.calculator-duration-modal-submit-button {
    text-align: center;
    color: #2c2925;
    font-family: "BNPPSans";
    font-size: 23px;
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #e4e2e1;
    border: none;
    border-radius: 0;
    white-space: pre-wrap;
    line-height: 1.1em;
    outline: none;
}

.calculator-slider-text {
    color: #3fb295;
    font-size: 12px;
    padding-left: 20px;
    font-family: "BNPPSans";
    padding-top: 2.5px;
}

.calculator-slider-text-on {
    color: #ffffff;
    font-size: 12px;
    padding-right: 20px;
    font-family: "BNPPSans";
    padding-top: 2.5px;
}

.tooltip-image {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.calculator-underlined {
    text-decoration-line: underline;
    text-decoration-color: #00965e;
    text-decoration-skip-ink: none;
    text-underline-position: under;
    text-decoration-style: dashed;
    cursor:pointer;
}

.calculator-underlined:hover {
    color: #00965e;
}

.calculator-table {
    width: 100%;
    margin-bottom: 28px;
}

.calculator-no-dealer-wrapper {
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
}

.calculator-no-dealer-img-wrapper {
    padding: 0;
    text-align: left;
}

.calculator-no-dealer-img {
    height: 120px;
    margin-bottom: -5px;
    position: relative;
    z-index: 2;
	top: -5px;
}

.calculator-spliter-wrapper-no-dealer {
    padding-top: 0;
}

.calculator-spliter-no-dealer {
    z-index: -1;
}

.calculator-subtitle-no-dealer {
    text-align: left;
    padding-left: 15px;
}

.calculator-installment-slider-wrapper {
    padding-left: 5px;
    padding-right: 5px;
}

.calculator-financial-section {
    padding: 0;
}

.calculator-title-wrapper {
    padding: 0;
}

@media only screen and (min-width: 280px) {
    .calculator-installment-slider {
        background-color: #ffffff;
        width: 100%;
        color: #2d2926;
        font-family: "BNPPSansCondensed";
        font-size: 48px;
        font-weight: 700;
        line-height: 50px;
        text-transform: uppercase;
        text-align: center;
        border: 1px solid #fff;
        height: 40px;
        display: block !important;
    }
}

@media only screen and (min-width: 320px) {
    .calculator-installment-slider {
        background-color: #ffffff;
        width: 100%;
        color: #2d2926;
        font-family: "BNPPSansCondensed";
        font-size: 48px;
        font-weight: 700;
        line-height: 50px;
        text-transform: uppercase;
        text-align: center;
        border: 1px solid #fff;
        height: 46px;
    }
}

@media only screen and (max-width: 319px) {
    .calculator-installment-slider {
        background-color: #ffffff;
        width: 100%;
        color: #2d2926;
        font-family: "BNPPSansCondensed";
        font-size: 38px;
        font-weight: 700;
        line-height: 50px;
        text-transform: uppercase;
        text-align: center;
        border: 1px solid #fff;
        height: 46px;
    }
}

@media only screen and (min-width: 410px) {
    .calculator-installment-slider {
        background-color: #ffffff;
        width: 100%;
        color: #2d2926;
        font-family: "BNPPSansCondensed";
        font-size: 39px;
        font-weight: 700;
        line-height: 58px;
        text-transform: uppercase;
        text-align: center;
        padding-top: 1px;
        border: 2px solid #fff;
        height: 55px;
    }
}

.calculator-conditions-box {
    padding: 0;
}

.calculator-online-process-box-wrapper {
    padding-left: 0;
    padding-right: 0;
}

/* mobile specific rules */
@media (max-width : 768px) {
    .ops_body_width.calculator-legal-wrapper {
        padding: 0 30px;
    }

    .box-content {
        background: transparent;
        padding: 30px 0;
        border-top: none;
    }
}

/* desktop + tablet specific rules */
@media only screen and (min-width : 768px) {

    .calculator-title-wrapper {
        padding-top: 25px;
    }

    .calculator-title {
        padding-top: 20px;
        font-size: 48px;
        line-height: 58px;
        background-color: #f2f2f2;
        padding-bottom: 10px;
    }

    .calculator-title img {
        vertical-align: text-top;
    }

    .calculator-duration-title {
        color: #2d2926;
        font-family: "BNPPSansCondensed";
        font-size: 34px;
        font-weight: 700;
        line-height: 58px;
        text-align: left;
        padding-top: 25px;
        padding-left: 30px;
        padding-right: 30px;
        text-transform: uppercase;
    }

    .calculator-financial-section {
        padding-left: 30px;
        padding-right: 30px;
    }

    .calculator-animation-wrapper {
        border: 1px solid #f3f3f3;
    }

    .calculator-duration {
        border: 2px solid #e5e3e2;
    }

    .calculator-financial-desktop-box {
        border: 1px solid #e1e1e1;
        border-top:0;
        border-bottom:0;
        border-right:0;
        padding-bottom: 50px;
    }

    .calculator-shop-desktop-wrapper {
        padding: 0;
    }

    .calculator-shop-desktop-label {
        color: #2d2926;
        font-family: "BNPPSans";
        font-size: 13px;
        font-weight: 400;
        line-height: 34px;
        text-align: left;
        padding: 0;
    }

    .calculator-shop-desktop {
        color: #2d2926;
        font-family: "BNPPSans";
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        text-align: right;
        padding: 0;
    }

    .calculator-vendor-img-desktop {
        max-width: 95px;
        max-width: 100%;
    }

    .calculator-financial-amount-desktop-wrapper {
        padding: 0;
    }

    .calculator-financial-amount-desktop-label {
        color: #2d2926;
        font-family: "BNPPSans";
        font-size: 13px;
        font-weight: 400;
        line-height: 34px;
        text-align: left;
        padding: 0;
    }

    .calculator-financial-amount-desktop {
        color: #2d2926;
        font-family: "BNPPSans";
        font-size: 18px;
        font-weight: 700;
        line-height: 34px;
        text-align: right;
        padding: 0;
    }

    .calculator-spliter-desktop-wrapper {
        padding-left: 0;
        padding-right: 0;
        padding-top: 10px;
    }

    .calculator-extend-duration-box {
        background-color: #f2f2f2;
    }

    .calculator-conditions-box {
        background-color: #f2f2f2;
        padding-left: 30px;
        background-clip: content-box;
        padding-right: 30px;
    }

    .calculator-financial-rate-label {
        padding-left: 0;
    }

    .calculator-condition-img-desktop{
        width: 43px;
        vertical-align: text-bottom;
        display: inline-block;
    }

    .calculator-online-process-img-wrapper {
        text-align: center;
        padding-right: 10px;
    }

    .calculator-online-process-img-wrapper img {
        /* 		width: 45px; */
        /* 		height: 50px; */
        width: 100%;
        height: auto;
    }

    .calculator-online-process-text {
        padding-left: 0;
    }

    .calculator-online-process-box-wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }

    .calculator-online-process-box {
        border: 1px solid #f3f3f3;
    }

    .calculator-financial-arrow-down {
        background-color: #f2f2f2;
    }

    .calculator-installment-slider {
        border: 2px solid #e5e3e2;
    }

    .calculator-duration-subtitle {
        font-size:15px;
        line-height: 1.2em;
    }

    .calculator-duration-wrapper {
        padding-top:15px;
    }

    .calculator-financial-installment-subtitle {
        font-size:16px;
    }
}

/* desktop + tablet specific rules */
@media only screen and (min-width : 992px) {
    .calculator-financial-desktop-box {
        padding-bottom: 50px;
    }
}

/* desktop specific rules */
@media only screen and (min-width : 992px) {
    .calculator-financial-desktop-box {
        padding-bottom: 40px;
    }
}

.calculator-duration-selected {
    border: 2px solid #91bc23;
}

.calculator-condition-wrapper img {
    max-width: 90px;
}

.calculator-vendor-amount-img-adjust {
    padding-top: 22px;
}

.calculator-credit-card-img {
    width: 100%;
}

.calculator_visible_l_360 {
    display: block;
}

.calculator_visible_360_768 {
    display: none;
}

.calculator_visible_g_768 {
    display: none;
}

@media only screen and (min-width : 360px) {
    .calculator_visible_l_360 {
        display: none;
    }
    .calculator_visible_360_768 {
        display: block;
    }
    .calculator-credit-card-img-wrapper {
        text-align: center;
        padding:0;
    }
    .calculator-credit-card-img {
        width: 85%;
    }
}

@media only screen and (min-width : 528px) {
    .calculator_visible_360_768 {
        display: none;
    }
    .calculator_visible_g_768 {
        display: block;
        padding: 0;
    }
    .calculator-credit-card-img {
        width: 90%;
    }
    .calculator-credit-card-img-wrapper {
        text-align: left;
        padding:0;
    }

    .calculator-credit-card-question-text {
        padding-top: 20px;
    }
}

.calculator-conditions-wrapper {
    padding: 0;
}

@media only screen and (min-width : 768px) {
    .calculator-conditions-wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.legal3EffRateId {
    display: none;
}

@media only screen and (max-width : 400px) {
    .calculator-submit-button {
        line-height: 23px;
    }
}


@media only screen and (min-width : 768px) {
    .calculator-condition-wrap {
        white-space: nowrap;
    }
}

.calculator-credit-card-text-pt {
    padding-top: 20px;
}


@media only screen and (max-width: 420px) {
    .span-break-xs:after {
        content: '\A';
        white-space: pre;
    }
}

@media only screen and (min-width: 768px) {
    .span-break-lg:after {
        content: '\A';
        white-space: pre;
    }
}

/* NEW LARGE DESKTOP RULES */
.ops_body_width {
    padding: 0;
}
.lg_desktop_only {
    display: none;
}
.calculator-condition {
    background-color: inherit;
}

@media only screen and (min-width : 768px) {
    .bgc_credit_card {
        padding-left: 30px !important;
        padding-right: 30px !important;
        background-color: #f2f2f2;
        background-clip: content-box;
    }
    .bgc_legal {
        padding-left: 30px !important;
        padding-right: 30px !important;
        background-color: #f2f2f2;
        background-clip: content-box;
    }
}


/* JUST TABLET */

@media (max-width:992px) and (min-width:768px) {
    .value-md {
        font-size: 35px;
    }

    .value-lg {
        font-size: 58px;
    }

    .box-content {
        padding: 15px;
    }

    .d-flex {
        display: block;
    }

    .flex-box {
        padding-bottom: 0;
    }

    .box-content {
        border-top: none;
        background: #f2f2f2;
        margin-bottom: 15px;
    }
    .title-customize-credit-mobile {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (min-width:769px) {
    .mobile-only {
        display: none !important;
    }
}

/* JUST MOBILE */
@media (max-width:768px) {
    .desktop-only {
        display: none !important;
    }

    .box-content {
        padding-top: 35px;
    }

    .d-flex {
        display: block;
    }

    .bgc_footer {
        display: none;
    }

    .calculator-condition-wrapper img {
        max-width: 55px;
    }

    .flex-box {
        padding-bottom: 0;
    }

    .flex-header {
        padding: 18px 20px;
        background: #ffffff;
        border-bottom: none;
    }

    .flex-header .title-md {
        font-size: 14px;
        margin-top: -43px;
        padding-bottom: 12px;
        margin-right: -20px;
        margin-left: -20px;
    }

    .flex-header div.flex-box:first-child {
        border-right: none;
    }

    .flex-text-right {
        position: relative;
        text-align: right;
    }

    .calculator-submit-button.customize-desired-credit-button,
    .calculator-submit-button.customize-desired-credit-button:hover {
        margin-top: 0;
    }

    .title-md.text-center {
        padding-top: 0;
    }

    .title-no-long-duration {
        padding-bottom: 0;
    }

    .monthly-rate-content {
        display: none;
    }

    .row.title-lg.space-between-rates {
        text-align: left;
        padding-top: 10px;
        padding-bottom: 8px;
        font-size: 16px;
    }

    .line-left-mobile {
        padding-top: 19px;
        margin-top: -19px;
        border-top: 1px solid #e1e1e1;
    }

    .first-box-mobile .value-lg {
        padding-top: 10px;
        font-size: 84px;
    }

    .first-box-mobile .value-lg,
    .first-box-mobile .title-md.text-center {
        background: #ffffff;
        padding-right: 45px;
        margin-right: -45px;
        margin-left: -45px;
        padding-left: 45px;
    }

    .second-box-mobile .box-content {
        background: #ffffff;
        padding-right: 45px;
        margin-right: -45px;
        margin-left: -45px;
        padding-left: 45px;
        padding-bottom: 24px;
    }

    .second-box-mobile .box-content::after {
        content: '';
        margin-top: 21px;
        margin-right: 45%;
        float: right;
        width: 0;
        height: 0;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-top: 30px solid #ffffff;
    }

    .second-box-mobile {
        padding-bottom: 20px;
    }

    .box-content .calculator-submit-button-content {
        padding: 0 20px 20px 20px;
        background: #ffffff;
    }

    .calculator_visible_l_360,
    .calculator_visible_g_768 {
        display: none;
    }
    .calculator_visible_360_768 {
        display: block;
    }

    .calculator-credit-card-img-wrapper.calculator_visible_360_768 {
        text-align: center;
    }

    .calculator_visible_360_768 img {
        max-width: 257px;
    }

    .calculator-submit-button-wrapper {
        padding-top: 30px;
    }

    .box-content.show_customize_credit {
        padding-bottom: 0;
    }

    .bgc_navigation.show_customize_credit_mobile.customize-credit-mobile,
    .conditions-section-mobile.show_customize_credit_mobile.customize-credit-mobile {
        display: none;
    }

    .title-customize-credit-mobile.show_customize_credit_mobile.customize-credit-mobile {
        display: flex;
        background: #ffffff;
        margin-top: -73px;
    }

    .title-customize-credit-mobile.show_customize_credit_mobile.customize-credit-mobile .close-popup img {
        display: block !important;
        width: 29px;
        cursor: pointer;
        margin: 20px;
    }

    .customize-desired-credit-btn-mobile {
        padding: 30px;
    }
}
@media (max-width:320px) {
	.flex-header .title-md {
        font-size: 12px;
        margin-top: -43px;
        padding-bottom: 12px;
        margin-right: -20px;
        margin-left: -20px;
    }
}

@media (max-width:280px) {
	.flex-header .title-md {
        font-size: 10px;
        margin-top: -43px;
        padding-bottom: 12px;
        margin-right: -20px;
        margin-left: -20px;
    }
    
    .calculator-condition-wrapper img {
    	max-width: 45px;
    }
    .calculator-conditions-title {
    	font-size: 16px;
    }
    .calculator-conditions-title img {
		width: 20px;
	}
}

@media only screen and (max-width: 320px) {
    .calculator-title {
        font-size: 30px;
    }
    
    .value-md {
        font-size: 35px;
    }
}

@media only screen and (max-width: 280px) {
    .calculator-title {
        font-size: 29px;
    }
    
    .value-md {
        font-size: 30px;
    }
    
    .first-box-mobile .value-lg {
    	font-size: 66px;
    }
    
    .calculator-submit-button {
    	font-size: 18px;
    }
}

@media only screen and (min-width : 992px) {
    .ops_screen_width {
        max-width: 100%;
    }
    .ops_screen_width_header {
        max-width: 980px;
    }
    .ops_body_width {
        max-width: 980px;
        float: none;
        display: block;
        margin: 0 auto;
    }
    .ops_screen_width_footer {
        max-width: 980px !important;
    }
    .header_spliter {
        display: none;
    }
    .bgc_navigation {
        background-color: #fff;
    }
    .bgc_calculation {
        background-color: #eaeaea;
        padding-bottom: 30px !important;
    }
    .calculator-title-wrapper {
        padding-left: 0;
    }
    .calculator-title {
        background-color: #eaeaea;
    }
    .calculator-animation-wrapper {
        border: none;
    }
    .calculator-duration-wrapper {
        background-color: #fff;
        padding-top: 0;
    }
    .calculator-extend-duration-box {
        background-color: #eaeaea;
    }
    .calculator-diff-duration {
        font-size: 16px;
    }
    .no_lg_desktop {
        display: none;
    }
    .lg_desktop_only {
        display: block;
    }
    .calculator-duration-title {
        padding-top: 15px;
    }
    .green-top-bar {
        padding: 0;
        height: 4px;
        background-color: #00965e;
    }
    .calculator-financial-box {
        padding-top: 5px;
    }
    .calculator-financial-installment-subtitle {
        padding-top: 5px;
        line-height: 1.2em;
    }
    .calculator-financial-installment {
        padding-top: 30px;
    }
    .calculator-financial-installment-value {
        font-size: 120px;
        line-height: 1.2em;
    }
    .calculator-financial-installment-currency {
        font-size: 39px;
    }
    .bgc_conditions {
        background-color: #fff;
        padding-bottom: 60px !important;
    }
    .calculator-conditions-box {
        background-color: #fff;
        padding-left: 0;
        padding-right: 0;
    }
    .calculator-financial-arrow-down {
        background-color: inherit;
    }
    .calculator-financial-arrow-down img {
        height: 30px;
    }
    .calculator-conditions-title {
        font-size: 24px;
        text-align: center;
        padding-top: 30px;
    }
    .calculator-condition {
        background-color: #96d2f0;
        padding: 21px;
        text-align: center;
        font-size: 16px;
        min-height: 280px;
    }
    .calculator-condition-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
    .calculator-condition-wrapper img {
        width: 90px;
    }
    .condition_image_circle {
        margin-bottom: 15px;
        margin-top: 16px;
    }
    .condition_box_title {
        position: absolute;
        top: -10px;
        background-color: #00965e;
        color: #ffffff;
        font-family: "BNPPSans";
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
        left: 30%;
        right: 30%;
    }
    .bgc_credit_card {
        background-color: #e9721c;
        padding-left: 0 !important;
        padding-right: 0 !important;
        background-clip: padding-box;
    }
    .calculator-credit-card-box {
        background-color: #e9721c;
    }
    .calculator-credit-card-box-wrapper {
        margin: auto;
        float: none;
    }
    .calculator-credit-card-text {
        color: #fff;
        font-size: 16px;
    }
    .calculator-credit-card-question-text {
        color: #fff;
    }
    .progress-bar-text-step {
        font-size: 16px;
    }
    .progress-bar-text-last-step {
        font-size: 16px;
    }
    .progress-bar-step-text-unselected {
        color: #c1c0bf;
    }
    .progress-bar-step-text-selected {
        font-weight: normal;
    }
    .bgc_legal {
        background-color: #fff;
        background-clip: padding-box;
    }
    .calculator-submit-button-wrapper {
        margin: auto;
        float: none;
        display: inline-block;
    }
    .calculator-submit-button {
        font-size: 18px;
        line-height: 18px;
        padding-top: 19px;
        padding-bottom: 14px;
    }
    .calculator-duration-modal-submit-button {
        font-size: 18px;
        line-height: 18px;
        padding-top: 19px;
        padding-bottom: 14px;
    }
    .calculator-legal-wrapper {
        padding-left: 45px;
        padding-right: 45px;
    }
    .calculator-online-process-title {
        text-transform: none;
        padding-left: 15px;
        padding-right: 15px;
    }
    .bgc_footer {
        background-color: #fff;
    }
    .calculator-online-process-box {
        border: none;
    }
    .calculator-online-process-subtitle {
        padding-left: 15px;
        padding-right: 15px;
    }
    .calculator-spliter-wrapper {
        padding-left: 45px;
        padding-right: 45px;
        padding-top: 0;
    }
    .calculator-online-process-wrapper {
        background-color: #f3f3f2;
        padding-top: 25px;
        background-clip: content-box;
        padding-left: 15px;
        padding-right: 15px;
        /* 		min-height: 150px; */
    }
    .calculator-online-process-img-wrapper {
        text-align: center;
        padding-right: 0;
        padding-top: 15px;
    }
    .calculator-online-process-img-wrapper img {
        /* 	    width: 55px; */
        width: 100%;
        height: auto;
    }
    .calculator-online-process-text {
        font-size: 16px;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .calculator-icon-up-wrapper {
        padding-top: 78px;
    }
    .calculator-credito-choose-img {
        position: absolute;
        z-index: 2;
        top: -80px;
        width: 25%;
        right: -100px;
    }
    .calculator-credito-choose-img-ecom {
        position: absolute;
        z-index: 2;
        top: -60px;
        width: 25%;
        right: -100px;
    }
    .calculator-financial-desktop-box {
        padding-left: 30px;
        padding-right: 0;
        border: 0;
        padding-bottom: 0;
    }
    .calculator-lg-desktop-amount-box {
        padding: 0;
        background-color: #fff;
        padding-right: 15px;
        background-clip: content-box;
        min-height: 120px;
    }
    .calculator-lg-desktop-vendor-box {
        padding: 0;
        background-color: #fff;
        padding-left: 15px;
        background-clip: content-box;
        min-height: 120px;
    }
    .calculator-financial-amount-desktop-label {
        padding-left: 25px;
        font-size: 16px;
        padding-top: 15px;
    }
    .calculator-financial-amount-desktop {
        font-size: 30px;
        padding-right: 30px;
        padding-top: 10px;
    }
    .calculator-shop-desktop {
        font-size: 25px;
        padding-right: 15px;
        padding-top: 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        white-space: nowrap;
        max-width: 200px;
        padding-left: 5px;
    }
    .calculator-vendor-img-desktop {
        max-width: 75%;
    }
    .calculator-lg-desktop-rates-box {
        padding: 0;
        background-color: #fff;
        padding-top: 30px;
        background-clip: content-box;
    }
    .calculator-duration-subtitle {
        font-size: 16px;
        line-height: 1.2em;
        padding-left: 30px;
        padding-top: 25px;
    }
    .span-break-lg-dk:after {
        content: '\A';
        white-space: pre;
    }
    .calculator-financial-installment-adjust {
        padding-top: 0;
    }
    .calculator-financial-rate-label {
        padding-left: 30px;
        font-size: 16px;
        padding-top: 5px;
    }
    .calculator-lg-novendor-desktop-amount-box {
        padding: 0;
        background-color: #fff;
        background-clip: content-box;
        min-height: 120px;
    }
    .calculator-lg-novendor-amount-label {
        text-align: right;
        padding-right: 30px;
    }
    .calculator-no-dealer-img {
        position: absolute;
        left: 30px;
        height: 140px;
        top: -20px;
    }
    .calculator-financial-rate-7 {
        font-size: 16px;
        padding-bottom: 30px;
        color: #00965e;
    }
    .calculator-financial-rate-2 {
        padding-bottom: 30px;
        color: #00965e;
    }
    .calculator-financial-rate-value {
        padding-right: 30px;
        font-size: 16px;
    }
    .calculator-financial-installment-value {
        line-height: 1em;
    }

    .header-top-box {
        padding-top: 34px;
    }
    .header-top-box img {
        width: 265px !important;
        height: 40px !important;
    }
    .navigation {
        padding-top: 20px;
    }
    .calculator-financial-installment-link {
        font-size: 16px;
    }
    .calculator-legal-text {
        margin-left: -35px;
    }
    .calculator-online-process-img-wrapper img.sack-truck-icon {
        width: auto;
        height: 58px;
    }
}

.month-container {
    margin-left: 10px;
}

@media only screen and (min-width: 280px){
	.desktop_only {
	    display: none;
	}
}