@import url("/FormBuilder/_Resource/_module/plugin/base/styles.min.css");
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700|PT+Serif&display=swap');
body {
	font-family: Arial, sans-serif;
    word-break: break-word;
    color: #444;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 120px
}

.page__content {
    min-height: inherit !important
}

table tr:nth-child(even) {
    background: #f8f8f8
}

table tr td:last-child {
    /* width: 180px; */
}

.icons i:first-child {
    color: #608265
}

a {
    color: #608265;
    text-decoration: none !important;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none
}

a:hover,
a:focus,
a:active {
    text-decoration: underline !important;
    color: #608265;
    border-bottom-color: transparent !important;
}

.btn,
.btn-return,
button,
input[type="button"],
input[type="submit"] {
    background: #608265 !important;
    border: none !important;
    border-radius: 0;
    display: inline-block;
    font-weight: 600;
    padding: 12px 24px !important;
    text-align: center;
    height: auto;
    text-decoration: none !important;
    text-transform: uppercase;
    outline: 0 !important;
    white-space: normal;
    color: #fff !important;
    font-size: 18px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.btn:hover,
.btn:active,
.btn:focus,
.btn-return:hover,
.btn-return:active,
.btn-return:focus,
button:hover,
button:active,
button:focus,
input[type="button"]:hover,
input[type="button"]:active,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {
    background: #608265 !important;
    color: #fff !important;
    text-decoration: none !important
}

.btn-return::after,
.btn::after,
button::after {
    display: none
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Arial, sans-serif;
	color: #608265;
	letter-spacing: 0em;
	font-style: normal;
	text-transform: none;
}

.h2,
.h3,
.h4,
.h5,
.h6,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 1rem
}

h1,
.h1 {
    font-size: 60px
}

.page__header .navbar {
    padding: 0
}

.page__header .navbar .navbar-brand {
    border: none;
    width: inherit;
    padding: 10px 0
}

.page__header .navbar .navbar-brand img {
    width: 120px;
    height: auto
}

.page__banner {
    position: relative;
    background: #0A0524 url("/FormBuilder/_Resource/_module/8sDAC38B6UO2phJmB_ZYWw/image/banner.png") no-repeat center/cover;
    padding: 120px 0 120px
}

.page__banner h1{
	color: #fff;
}

.page__footer {
    padding: 30px 0;
    background: #000;
    color: #fff;
    font-size: 1rem
}

.page__footer a {
    color: #fff;
    border: none;
    text-decoration: none !important
}

.page__footer a:hover,
.page__footer a:focus,
.page__footer a:active {
    text-decoration: underline !important
}

.iconLink a {
    background: #608265 !important;
    border: none !important;
    color: #fff !important;
    padding: 1rem 1rem 1rem 55px !important;
    text-decoration: none !important;
    border-radius: 0
}

.iconLink a:hover {
    background: #608265 !important;
    color: #fff !important;
    text-decoration: none !important
}

.iconLink a::before {
    font-weight: 300;
    left: 20px;
    top: 8px
}

.formModule form>input[value="review-application"]+.step>.row.checkboxFullWidth,
.formModule form>input[value="contact-details"]+.step>.row.checkboxFullWidth {
    text-align: left;
    margin: 0
}

.formModule form>input[value="validation"]+.step>.formNav>.next {
    float: right;
    max-width: 200px;
    width: 100%
}

.formModule form>input[value="validation"]+.step>.formNav>.back {
    float: left;
    max-width: 200px;
    width: 100%
}

label[for="lms_number_applied_1"]+.inputFields {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.additional-shares label {
    margin: 0
}

.bg-grey {
    position: relative;
    z-index: 1
}

.bg-grey:before {
    content: '';
    background: #f8f8f8;
    position: absolute;
    left: 50%;
    top: 0;
    width: 100vw;
    height: 100%;
    z-index: -2;
    margin-left: -50vw
}

.confirmation td:first-child {
    vertical-align: top
}

@media (max-width: 767px) {
    .page__banner .page__banner-title p {
        font-size: 1.25rem
    }
    h1,
    .h1 {
        font-size: 42px
    }
}

@media (max-width: 575px) {
    h1,
    .h1 {
        font-size: 36px
    }
    table.dates th,
    table.dates td,
    table.dates tr {
        display: block
    }
    table.dates th:last-child {
        display: none
    }
    table.dates td:first-child {
        padding-bottom: 0
    }
    table.dates td:last-child {
        padding-top: .25rem;
        font-style: italic
    }
}