body {
    font-family: 'Roboto', sans-serif !important;
} 

button {
    font-family: 'Roboto', sans-serif !important;
} 

.of-colour-primary {
    background-color: #8d847a !important;
} 

.of-colour-primary-border {
    border-color: #8d847a !important;
}

.of-colour-secondary {
    background-color: #002855 !important;
}

.of-nav-btn {
    
}

 

 


 .of-nav-prev,
.of-save-progress-button,
.of-footer {
    display: none;
}

.of-form-container {
    margin: 0;
    width: 100%;
    font-size: 16px;
    line-height: 1.75;
}

.of-section-element {
    margin: 0;
}

body {
    font-family: FrutigerLight, sans-serif!important;
    font-weight: 300;
    padding: 50px 0 0;
    color: #585451;
}

h1, h2, h3, h4, h5, h6, p {
    font-weight: 300;
}

.of-display-body {
    background-color: #e8e6e4;
    box-shadow: none;
    padding: 20px;
}

.of-display-body .of-sectionbox {
    padding: 0;
    border: 0;
}
.of-all-section-container {
    background: none;
}

.of-input,
.of-textarea {
    border: 2px solid #99938a;
}
.of-input:focus,
.of-textarea:focus,
.of-sectionbox .dropzone:focus {
    border: 2px solid #2e2925;
    outline: none;
}

.of-nav-btn {
    outline: 0;
    box-shadow: none;
    font-weight: normal;
    max-width: 200px;
    font-size: 16px;
    font-weight: normal;
}
.of-nav-btn:focus {
    border: 2px solid #039be5;
    outline: none;
}

.of-textarea {
    background-color: #fff;
    font-family: FrutigerLight, sans-serif!important;
    color: #585451;
}

.of-display-navigation {
    height: 60px;
}