Pricing calculation

section-a4b38e2


Choose your product and features

#formheader_1 h2{
color: #000 !important;
font-weight: 700 !important;
}

#formheader_1 span{
color: #333 !important;
font-weight: 700 !important;
}

#fieldname6_1{
height: 500px !important;
}

#fbuilder .fields.column2.calculate_block{
width: 58.666667%;
}

#fbuilder .fields.column2.summary_block{
width: 39.333333%;
}

.radio-package input[type=”radio”]{
display: none !important;
}

.radio-package .side_by_side{
margin-right: 0px !important;
flex: 1 1 auto;
}

.radio-package p{
text-align: center
}

.radio-package input[type=”radio”] ~ span p{
margin: 0px !important;
padding: 16px 0;
border: 1px solid #fdcd67;
display: block;
}

.radio-package input[type=”radio”]:checked ~ span p{
border: 2px solid #fdcd67;
background: #f2f2ea;
margin: -1px !important;
}

.transcription-hours-num-block>div{
display:flex;
justify-content: space-between;
}

.text-right>div.dfield{
text-align: right;
}
.input-label>div.dfield{
margin-top: -20px;
}
.text-right>div.dfield>input{
text-align: right;
}

.input-label input, .input-label input[readonly]{
border: none !important;
background: none !important;
pointer-events: none;
}

#fbuilder .cc-slider .corner-captions.large{
position: absolute !important;
width: auto !important;
right: 0px;
top: -20px;
color: #32373c !important;
}

#fbuilder .cc-slider .dfield .slider{
margin-top: 10px
}

#fbuilder .cc-slider .slider-type-components.large{
padding-right: 50px;
display: inline-flex;
justify-content: flex-end;
margin-bottom: 10px;
width: 100px !important;
right: 0px;
position: absolute;
top: -25px;
}

#fbuilder .number-account .dfield {
display: flex !important;
grid-gap: 4px;
flex-direction: row-reverse;
}

#fbuilder .number-account .dfield input[type=button] {
padding: 0 0px;
width: 30px;
height: 30px;
}

#fbuilder .number-account .dfield i {
display: none !important;
}

#fbuilder .number-account .dfield span{
display: none !important;
}

#fbuilder .ui-slider-horizontal .ui-slider-handle{
margin-left: 0px !important;
background: #fdcd67 !important;
border-color: #d5a43c !important;
}

#fbuilder .ui-slider-range{
background: #fdcd67 !important;
}

#fbuilder input[type=button]{
background: #fdcd67 !important;
border-color: #fdcd67 !important;
}

#fieldname4_1{
display: flex;
justify-content: space-between;
}

#fieldname6_1{
display: flex;
flex-direction: column;
height: 100%;
padding: 12px 24px;
border-top: 3px solid #fdcd67;
box-shadow: 0px 2px 4px -1px #a7a7a7;
}

#field_1-23{
flex: 1 1 auto;
}

#fieldname25_1{
width: 100%;
}

#fieldname26_1{
font-size: 22px !important;
font-weight: 700 !important;
margin-top: 24px;
text-align: center !important;
margin-bottom: -10px !important;
}

#fieldname35_1{
font-size: 22px !important;
font-weight: 700 !important;
margin-top: 24px;
text-align: center !important;
border-bottom: 1px solid #c1c1c1 !important;
padding-bottom: 12px !important;
margin-bottom: 12px !important;
}

#fieldname33_1{
text-align: center !important;
border-bottom: 1px solid #c1c1c1 !important;
padding-bottom: 24px !important;
}

#fbuilder_1{
position: relative !important;
}

#fbuilder_1:after{
content: none;
background: #d3d3d3;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
opacity: 0.9;
}

#fieldname27_1{
font-size: 12px !important;
font-weight: 400 !important;
margin-top: 0px;
text-align: center !important;
width: 100% !important;
border-bottom: 1px solid #c1c1c1 !important;
padding-bottom: 12px !important;
}

#fieldname36_1{
position: absolute !important;
z-index: 100 !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
display: flex;
align-items: center;
justify-content: center;
display: none;
background: #efefef;
}

#fieldname36_1 .loader {
width: 48px;
height: 48px;
border-radius: 50%;
display: inline-block;
position: relative;
border: 3px solid;
border-color: #FFF #FFF transparent;
box-sizing: border-box;
animation: rotation 1s linear infinite;
}
#fieldname36_1 .loader::after {
content: ”;
box-sizing: border-box;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
border: 3px solid;
border-color: transparent #FF3D00 #FF3D00;
width: 24px;
height: 24px;
border-radius: 50%;
animation: rotationBack 0.5s linear infinite;
transform-origin: center center;
}

@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

@keyframes rotationBack {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
}
}