/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 08 2023 | 13:52:18 */
.op-calc{
    width: 720px;
    margin: auto;
    border: 3px solid #b6bb20;
    padding: 0;
    font-size: 12px;
    display: block;
    background: #fff;
}
.et_pb_section_2{
	position: relative;
    z-index: 99;
}
.op-calc p{
    margin: 0;
}
.op-calc-wrapper{
    display: none;
    align-items: flex-start;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ffffffd4;
    z-index: 9999;
	padding-top: 120px;
}
.op-calc-wrapper.initiated{
    display: flex;
}
.op-calc__row{
    display: flex;
    justify-content: space-between;
}
.op-calc,
.op-calc *{
    box-sizing:border-box;
}
.op-calc .op-calc__left{
    width: 50%;
    border-right: 1px solid #0b4d851f;
    padding-bottom: 20px;
}
.op-calc .op-calc__right{
    width: 50%;
    padding-bottom: 1px;
}
.op-calc table{
    width: 100%;
}
.op-calc table tr{}
.op-calc table td,
.op-calc table th{
	padding: 0;
}
.op-calc table td{
    padding: 2px 2px;
    vertical-align: bottom;
}
.op-calc table th h3{
    background: #0b4d85;
    color: #fff;
    padding: 12px 0;
    display: block;
    margin: 0 0 5px;
    font-size: 15px;
    text-align: center;
}
.op-calc table td.op-calc__Label{
    font-size: 13px;
    padding-right: 10px;
    text-align: right;
    padding-bottom: 11px;
}
.op-calc table td.op-calc__value{
    width: 110px;
    position: relative;
}
.op-calc table td.op-calc__value.op-calc__value--cost:before{
    content: '$';
    display: block;
    position: absolute;
    left: 8px;
    font-size: 12px;
    bottom: 10px;
    color: #aaa;
}
.op-calc table td.op-calc__value .op-calc__input{
    width: 100%;
    border: 0;
    text-align: right;
    outline: 0;
    height: 30px;
    padding: 7px;
    font-size: 12px;
    border-radius: 3px;
}
.op-calc .wpcf7-form-control-wrap{
    display: inline-block;
}
.op-calc .wpcf7-not-valid{
    border-color: red !important;
}
.op-calc .wpcf7-not-valid-tip{
    position: absolute;
    font-size: 9px;
    z-index: 1;
    bottom: 2px;
    line-height: normal;
    left: 1px;
    right: 1px;
    text-align: center;
    display: none;
}
.op-calc table td.op-calc__value .op-calc__input[readonly]{
    border: 0 !important;
    box-shadow: 0 0 !important;
    cursor: default;
    font-size: 14px;
    padding-right: 0;
    background: transparent;
}
.op-calc table td.op-calc__value .op-calc__input:focus{
    border-bottom: 1px solid #b6bb20;
    box-shadow: 0px 1px #b6bb20;
}
.op-calc table td.op-calc__value .op-calc__input.op-calc__input--cost{}
.op-calc table td.op-calc__unit{
    font-size: 11px;
    color: #666;
    width: 45px;
    padding-bottom: 7px;
}
.op-calc__footer{
    background: #b6bb20;
    padding: 10px;
    text-align: center;
    background: rgb(174,183,4);
    background: -moz-linear-gradient(90deg, rgba(174,183,4,1) 0%, rgba(65,105,69,1) 50%, rgba(0,58,109,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(174,183,4,1) 0%, rgba(65,105,69,1) 50%, rgba(0,58,109,1) 100%);
    background: linear-gradient(90deg, rgba(174,183,4,1) 0%, rgba(65,105,69,1) 50%, rgba(0,58,109,1) 100%);
}
.op-calc__footer p{
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.op-calc__footer br{
    display: none;
}
.op-calc__footer .op-calc__footer__label{
    font-size: 15px;
    font-weight: bold;
    color: #fff;
}
.op-calc__footer .op-calc__footer__input{
    padding: 7px;
    border: 1px solid #0b4d85;
    margin: 0 0px 0 5px;
    height: 32px;
    outline: 0;
    width: 270px;
    vertical-align: top;
}
.op-calc__footer .op-calc__footer__btn{
    background: #aab407;
    color: #063e69;
    border: 0;
    height: 30px;
    padding: 0 30px;
    font-weight: bold;
    vertical-align: top;
}
.op-calc__highlight{}
.op-calc__highlight .op-calc__Label{
    font-weight: bold;
    color: #0b4d85;
}
.op-calc__highlight .op-calc__value .op-calc__input{
    font-weight: bold;
    font-size: 12px;
}
.op-calc__head{
    color: #ffffff;
    background: rgb(174,183,4);
    background: -moz-linear-gradient(90deg, rgba(174,183,4,1) 0%, rgba(65,105,69,1) 50%, rgba(0,58,109,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(174,183,4,1) 0%, rgba(65,105,69,1) 50%, rgba(0,58,109,1) 100%);
    background: linear-gradient(90deg, rgba(174,183,4,1) 0%, rgba(65,105,69,1) 50%, rgba(0,58,109,1) 100%);
    display: flex;
    align-items: center;
    padding: 10px 10px;
}
.op-calc__head .op-calc__logo{}
.op-calc__head .op-calc__name{
    font-size: 17px;
    font-weight: bold;
    flex: 1;
}
.op-calc__head .op-calc__close{
    width: 30px;
    height: 28px;
    background-color: #ffffff;
    border-radius: 8px;
    border: solid 3px #000000;
    color: #000000;
    font-size: 19px;
    cursor: pointer;
    text-align: center;
    padding: 0;
    line-height: normal;
}
.hide-td{
    display: none !important;
}

#aed01,
#load03,
#aoh05,
#cgd10,
#da12,
#ngcscf17{
    border: 1px solid #aaa;
}

@media (max-width: 800px){
    .op-calc{
        width: 90%;
        max-width: 400px;
    }
    .op-calc__row{
        flex-direction: column;
    }
    .op-calc .op-calc__right,
    .op-calc  .op-calc__left{
        width: 100%;
        padding-bottom: 20px;
        border: 0;
    }
    .op-calc__footer .op-calc__footer__label{
        display: block;
        padding-bottom: 10px;
    }
    .op-calc__footer .op-calc__footer__input{
        margin: 0;
        width: 170px;
    }
}
.wpcf7 .op-calc + .wpcf7-response-output{
    margin: 0;
    text-align: center;
    font-size: 11px;
}