﻿body {
}

.yellow-header {
    font-family: "DIN Light", "Arial";
    font-size: 24px;
    color: #da9000;
}

.yellow-subheader {
    font-family: "DIN Light", "Arial";
    font-size: 17px;
    color: #da9000;
    display: block;
    padding-top: 15px;
    padding-bottom: 10px;
}

.medium-subheader {
    font-family: "DIN Medium", "Arial";
    font-size: 16px;
    display: block;
    color: #353b4d;
    padding-top: 15px;
    padding-bottom: 10px;
    
}

.medium-subheaderinfo {
    font-family: "DIN Medium", "Arial";
    font-size: 12px;
    display: block;
    color: #da9000;
    padding-top: 0;
    padding-bottom: 0;
    
}

.blue-line {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #2687c4;
    border-top: 1px solid rgba(98, 195, 255, 50);
    margin: 1em 0;
    padding: 0;
}

.dont-show {
    display: none !important;
}
.blue-mod {
    color: #2687c4;
}

.form-container {
    padding-top: 10px;
}

.quoteFormLabel {
    font-family: "PT Sans", Arial;
    font-size: 12.5px;
    font-weight: bold;
    line-height: 26px;
    color: #524f48;
}

.about-you-pad {
    display: block;
    margin-top: 30px;
}

.quoteFormSubLabel {
    font-family: "PT Sans", Arial;
    color: #524f48;
    font-size: 11.5px;
    vertical-align: top;
    
}

.submit-button {
    display: block;
    margin-top: 30px;
    width: 200px;

}


.quoteFormInput {
    width: 320px;
    line-height: 20px;
    height: 20px;
}

.quoteFormSelect {
    width: 325px;
    line-height: 20px;
    height: 20px;
}

.left-subcontainer {
    display: inline-block;
    width: 50%;
    margin-top: 10px;
    vertical-align: top;
}


.right-subcontainer {
    display: inline-block;
    width: 50%;
    margin-top: 10px;
    vertical-align: top;
}

.checkbox {
    font-family: "PT Sans", Arial;
    font-size: 12px;
    color: #524f48;
    vertical-align: middle;
    margin-left: 12px;
}

.ptsans {
    font-family: "PT Sans", Arial;
    font-size: 12px;
    color: #524f48;
    line-height: 16px;
    padding-bottom: 3px;
    vertical-align: middle;
    
}

.quote-header {
    font-size: 34px;
}

.quote-sup-header {
    position: relative;
    color: #2587c4;
    font-family: DIN_Medium, Arial;
    font-size: 16.5px;
    text-align: center !important;
    width: 100%;
    margin: 0 auto !important;
    font-weight: bold;
    line-height: 32px;
}

.FAQContentArea {
    height: 1350px; /* 2400 */
}

.innerBorder {
    height: 1600px; 
}

.outerBorder {
    height: 1620px;
}

.bottomContentArea {
    top: 160px !important;
}

.customSelect2 {
    
}

.foundationInputContainer {
    width: 100%;
}

.foundationInput {
    width: 704px;
}

.white-popup-block{background:#FFF;padding:20px 30px;text-align:left;max-width:650px;margin:40px auto;position:relative}

.modal-header {
    font-family: "DIN Light", Arial;
    font-size: 34px;
    color: #da9000;
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
    text-align: center;
}

.modal-sub-header {
    display: block;
    font-family: "PT Sans", Arial;
    font-size: 16.5px;
    color: #353b4d;
    line-height: 40px;
    vertical-align: middle;
}

.modal-form-text {
    display: block;
    font-family: "PT Sans", Arial;
    font-size: 16.5px;
    color: #353b4d;
    line-height: 30px;
    vertical-align: middle;
}

.modal-bold-text {
    display: block;
    font-family: "PT Sans", Arial;
    font-size: 16.5px;
    font-weight: bold;
    color: #353b4d;
    line-height: 36px;
    vertical-align: middle; 
}

.modal-form-blocktext {
    display: block;
    font-family: "PT Sans", Arial;
    font-size: 16.5px;
    color: #353b4d;
    line-height: 23px;
    vertical-align: middle;
}

.modal-form-finetext {
    display: block;
    font-family: "PT Sans", Arial;
    font-size: 10.5px;
    color: #353b4d;
    vertical-align: middle;
    padding-top: 4px;
    padding-bottom: 10px;
}

.modal-output-div {
    
    padding-top: 22px;
    padding-bottom: 18px;
}

.modal-footer {
    font-family: "DIN Light", Arial;
    font-size: 22px;
    color: #2687c4;
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.FAQList {
    margin-top: 40px;
}