html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }   body {
margin: 0;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
}   hr {
box-sizing: content-box; height: 0; overflow: visible; }  pre {
font-family: monospace, monospace; font-size: 1em; }   a {
background-color: transparent;
}  abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }  b,
strong {
font-weight: bolder;
}  code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; }  small {
font-size: 80%;
}  sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
} sub {
bottom: -0.25em;
} sup {
top: -0.5em;
}   img {
border-style: none;
}   button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }  button,
input { overflow: visible;
}  button,
select { text-transform: none;
}  button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}  button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}  button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}  fieldset {
padding: 0.35em 0.75em 0.625em;
}  legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }  progress {
vertical-align: baseline;
}  textarea {
overflow: auto;
}  [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; }  [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}  [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; }  [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}  ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }   details {
display: block;
}  summary {
display: list-item;
}   template {
display: none;
}  [hidden] {
display: none;
} .clearfix, .cf {
zoom: 1;
} .clearfix:before, .clearfix:after, .cf:before, .cf:after {
display: table;
content: "";
} .clearfix:after, .cf:after {
clear: both;
} * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .image-replacement,
.ir {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}   .green {
color: #cdde00;
} .green-bg {
background-color: #cdde00;
} .black-bg {
background-color: #000;
} .white {
color: #fff;
} .l-gray-bg {
background-color: #eeeeee;
} .gray-bg {
background-color: #eaedf2;
}          p {
-ms-word-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
-webkit-hyphenate-before: 2;
-webkit-hyphenate-after: 3;
hyphenate-lines: 3;
-webkit-font-feature-settings: "liga", "dlig";
-moz-font-feature-settings: "liga=1, dlig=1";
-ms-font-feature-settings: "liga", "dlig";
-o-font-feature-settings: "liga", "dlig";
font-feature-settings: "liga", "dlig";
}         .foo {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .foo-parent {
position: relative;
}            .m-t-5 {
margin-top: 5px !important;
} .p-t-5 {
padding-top: 5px !important;
} .m-b-5 {
margin-bottom: 5px !important;
} .p-b-5 {
padding-bottom: 5px !important;
} .m-l-5 {
margin-left: 5px !important;
} .p-l-5 {
padding-left: 5px !important;
} .m-r-5 {
margin-right: 5px !important;
} .p-r-5 {
padding-right: 5px !important;
} .m-t-10 {
margin-top: 10px !important;
} .p-t-10 {
padding-top: 10px !important;
} .m-b-10 {
margin-bottom: 10px !important;
} .p-b-10 {
padding-bottom: 10px !important;
} .m-l-10 {
margin-left: 10px !important;
} .p-l-10 {
padding-left: 10px !important;
} .m-r-10 {
margin-right: 10px !important;
} .p-r-10 {
padding-right: 10px !important;
} .m-t-15 {
margin-top: 15px !important;
} .p-t-15 {
padding-top: 15px !important;
} .m-b-15 {
margin-bottom: 15px !important;
} .p-b-15 {
padding-bottom: 15px !important;
} .m-l-15 {
margin-left: 15px !important;
} .p-l-15 {
padding-left: 15px !important;
} .m-r-15 {
margin-right: 15px !important;
} .p-r-15 {
padding-right: 15px !important;
} .m-t-16 {
margin-top: 16px !important;
} .p-t-16 {
padding-top: 16px !important;
} .m-b-16 {
margin-bottom: 16px !important;
} .p-b-16 {
padding-bottom: 16px !important;
} .m-l-16 {
margin-left: 16px !important;
} .p-l-16 {
padding-left: 16px !important;
} .m-r-16 {
margin-right: 16px !important;
} .p-r-16 {
padding-right: 16px !important;
} .m-t-20 {
margin-top: 20px !important;
} .p-t-20 {
padding-top: 20px !important;
} .m-b-20 {
margin-bottom: 20px !important;
} .p-b-20 {
padding-bottom: 20px !important;
} .m-l-20 {
margin-left: 20px !important;
} .p-l-20 {
padding-left: 20px !important;
} .m-r-20 {
margin-right: 20px !important;
} .p-r-20 {
padding-right: 20px !important;
} .m-t-25 {
margin-top: 25px !important;
} .p-t-25 {
padding-top: 25px !important;
} .m-b-25 {
margin-bottom: 25px !important;
} .p-b-25 {
padding-bottom: 25px !important;
} .m-l-25 {
margin-left: 25px !important;
} .p-l-25 {
padding-left: 25px !important;
} .m-r-25 {
margin-right: 25px !important;
} .p-r-25 {
padding-right: 25px !important;
} .m-t-30 {
margin-top: 30px !important;
} .p-t-30 {
padding-top: 30px !important;
} .m-b-30 {
margin-bottom: 30px !important;
} .p-b-30 {
padding-bottom: 30px !important;
} .m-l-30 {
margin-left: 30px !important;
} .p-l-30 {
padding-left: 30px !important;
} .m-r-30 {
margin-right: 30px !important;
} .p-r-30 {
padding-right: 30px !important;
} .m-t-35 {
margin-top: 35px !important;
} .p-t-35 {
padding-top: 35px !important;
} .m-b-35 {
margin-bottom: 35px !important;
} .p-b-35 {
padding-bottom: 35px !important;
} .m-l-35 {
margin-left: 35px !important;
} .p-l-35 {
padding-left: 35px !important;
} .m-r-35 {
margin-right: 35px !important;
} .p-r-35 {
padding-right: 35px !important;
} .m-t-40 {
margin-top: 40px !important;
} .p-t-40 {
padding-top: 40px !important;
} .m-b-40 {
margin-bottom: 40px !important;
} .p-b-40 {
padding-bottom: 40px !important;
} .m-l-40 {
margin-left: 40px !important;
} .p-l-40 {
padding-left: 40px !important;
} .m-r-40 {
margin-right: 40px !important;
} .p-r-40 {
padding-right: 40px !important;
} .m-t-45 {
margin-top: 45px !important;
} .p-t-45 {
padding-top: 45px !important;
} .m-b-45 {
margin-bottom: 45px !important;
} .p-b-45 {
padding-bottom: 45px !important;
} .m-l-45 {
margin-left: 45px !important;
} .p-l-45 {
padding-left: 45px !important;
} .m-r-45 {
margin-right: 45px !important;
} .p-r-45 {
padding-right: 45px !important;
} .m-t-50 {
margin-top: 50px !important;
} .p-t-50 {
padding-top: 50px !important;
} .m-b-50 {
margin-bottom: 50px !important;
} .p-b-50 {
padding-bottom: 50px !important;
} .m-l-50 {
margin-left: 50px !important;
} .p-l-50 {
padding-left: 50px !important;
} .m-r-50 {
margin-right: 50px !important;
} .p-r-50 {
padding-right: 50px !important;
} .m-t-60 {
margin-top: 60px !important;
} .p-t-60 {
padding-top: 60px !important;
} .m-b-60 {
margin-bottom: 60px !important;
} .p-b-60 {
padding-bottom: 60px !important;
} .m-l-60 {
margin-left: 60px !important;
} .p-l-60 {
padding-left: 60px !important;
} .m-r-60 {
margin-right: 60px !important;
} .p-r-60 {
padding-right: 60px !important;
} .m-t-75 {
margin-top: 75px !important;
} .p-t-75 {
padding-top: 75px !important;
} .m-b-75 {
margin-bottom: 75px !important;
} .p-b-75 {
padding-bottom: 75px !important;
} .m-l-75 {
margin-left: 75px !important;
} .p-l-75 {
padding-left: 75px !important;
} .m-r-75 {
margin-right: 75px !important;
} .p-r-75 {
padding-right: 75px !important;
} .m-t-80 {
margin-top: 80px !important;
} .p-t-80 {
padding-top: 80px !important;
} .m-b-80 {
margin-bottom: 80px !important;
} .p-b-80 {
padding-bottom: 80px !important;
} .m-l-80 {
margin-left: 80px !important;
} .p-l-80 {
padding-left: 80px !important;
} .m-r-80 {
margin-right: 80px !important;
} .p-r-80 {
padding-right: 80px !important;
} .m-t-100 {
margin-top: 100px !important;
} .p-t-100 {
padding-top: 100px !important;
} .m-b-100 {
margin-bottom: 100px !important;
} .p-b-100 {
padding-bottom: 100px !important;
} .m-l-100 {
margin-left: 100px !important;
} .p-l-100 {
padding-left: 100px !important;
} .m-r-100 {
margin-right: 100px !important;
} .p-r-100 {
padding-right: 100px !important;
} .m-t-150 {
margin-top: 150px !important;
} .p-t-150 {
padding-top: 150px !important;
} .m-b-150 {
margin-bottom: 150px !important;
} .p-b-150 {
padding-bottom: 150px !important;
} .m-l-150 {
margin-left: 150px !important;
} .p-l-150 {
padding-left: 150px !important;
} .m-r-150 {
margin-right: 150px !important;
} .p-r-150 {
padding-right: 150px !important;
} .m-t-160 {
margin-top: 160px !important;
} .p-t-160 {
padding-top: 160px !important;
} .m-b-160 {
margin-bottom: 160px !important;
} .p-b-160 {
padding-bottom: 160px !important;
} .m-l-160 {
margin-left: 160px !important;
} .p-l-160 {
padding-left: 160px !important;
} .m-r-160 {
margin-right: 160px !important;
} .p-r-160 {
padding-right: 160px !important;
} .m-t-200 {
margin-top: 200px !important;
} .p-t-200 {
padding-top: 200px !important;
} .m-b-200 {
margin-bottom: 200px !important;
} .p-b-200 {
padding-bottom: 200px !important;
} .m-l-200 {
margin-left: 200px !important;
} .p-l-200 {
padding-left: 200px !important;
} .m-r-200 {
margin-right: 200px !important;
} .p-r-200 {
padding-right: 200px !important;
}    .flexbox-container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
@supports (grid-area: auto) {  .grid {
display: grid;
margin: 0 auto;
width: 100%;
height: 100vh;
grid-gap: 12px;
} .grid #content {
flex: 1;
background-color: ghostwhite;
} .grid aside {
background-color: honeydew;
min-height: 80px;
} .grid #footer {
background-color: powderblue;
} .grid-aside {
grid-template-rows: auto 1fr auto;
}
@media only screen and (min-width: 768px) { .grid-aside {
grid-template-columns: repeat(12, minmax(0, 1fr));
grid-template-rows: auto 1fr auto;
} .grid-aside #header, .grid-aside #footer {
grid-column: span 12;
} .grid-aside #content {
grid-column: 1/8;
} .grid-aside aside {
grid-column: 8/-1;
} .grid-full {
grid-template-columns: repeat(12, minmax(0, 1fr));
grid-template-rows: auto 1fr auto;
} .grid-full #header, .grid-full #footer {
grid-column: span 12;
} .grid-full #content {
grid-column: 1/-1;
} .grid-full aside {
display: none;
}
}
@media only screen and (min-width: 1170px) { .grid-aside #content {
grid-column: 2/8;
} .grid-aside aside {
grid-column: 8/12;
} .grid-full #content {
grid-column: 0/12;
}
}
@media only screen and (min-width: 1600px) { .grid-aside #content {
grid-column: 3/8;
} .grid-aside aside {
grid-column: 8/11;
} .grid-full #content {
grid-column: 0/12;
}
}
}  * {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .frame {
margin: 0 auto;
max-width: 100%;
} .frame:after {
content: "";
display: table;
clear: both;
} [class*='bit-'] {
float: left;
padding: 0em;
} .nopad {
padding: 0px;
} .bit-center {
float: none !important;
margin: 0 auto;
} .bit-1 {
width: 100%;
} .bit-2 {
width: 50%;
} .bit-3 {
width: 33.33333%;
} .bit-4 {
width: 25%;
} .bit-5 {
width: 20%;
} .bit-6 {
width: 16.66667%;
} .bit-7 {
width: 14.28571%;
} .bit-8 {
width: 12.5%;
} .bit-9 {
width: 11.11111%;
} .bit-10 {
width: 10%;
} .bit-11 {
width: 9.09091%;
} .bit-12 {
width: 8.33333%;
} .bit-10 {
width: 10%;
} .bit-15 {
width: 15%;
} .bit-25 {
width: 25%;
} .bit-30 {
width: 30%;
} .bit-35 {
width: 35%;
} .bit-40 {
width: 40%;
} .bit-60 {
width: 60%;
} .bit-65 {
width: 65%;
} .bit-70 {
width: 70%;
} .bit-75 {
width: 75%;
} .bit-80 {
width: 80%;
} .bit-90 {
width: 90%;
}
@media (max-width: 481px) { .bit-1 {
width: 100%;
} .bit-2 {
width: 100%;
} .bit-3 {
width: 100%;
} .bit-4 {
width: 100%;
} .bit-5 {
width: 100%;
} .bit-6 {
width: 100%;
} .bit-7 {
width: 100%;
} .bit-8 {
width: 100%;
} .bit-9 {
width: 100%;
} .bit-10 {
width: 100%;
} .bit-11 {
width: 100%;
} .bit-12 {
width: 100%;
} .bit-25, .bit-35, .bit-40, .bit-60, .bit-65, .bit-75 {
width: 100%;
} .bit-3 {
width: 100%;
}
}
@media (min-width: 481px) and (max-width: 768px) { .bit-4,
.bit-6,
.bit-8,
.bit-10,
.bit-12 {
width: 50%;
} .bit-1,
.bit-2,
.bit-3,
.bit-5,
.bit-7,
.bit-9,
.bit-11 {
width: 100%;
} .bit-25, .bit-40, .bit-60, .bit-75, .bit-35, .bit-60, .bit-65 {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1240px) { .bit-3,
.bit-7 {
width: 100%;
} .bit-2,
.bit-4,
.bit-5,
.bit-8,
.bit-10,
.bit-12,
.bit-40,
.bit-60 {
width: 50%;
} .bit-25, .bit-40, .bit-75, .bit-35, .bit-60, .bit-65 {
width: 100%;
}
}
@media (min-width: 1240px) and (max-width: 1240px) { .bit-2,
.bit-3,
.bit-7 {
width: 100%;
} .bit-4,
.bit-5,
.bit-8,
.bit-10,
.bit-12 {
width: 50%;
} .bit-25, .bit-40, .bit-75, .bit-35, .bit-60, .bit-65 {
width: 100%;
}
}     .alert-help, .alert-info, .alert-error, .alert-success {
margin: 10px;
padding: 5px 18px;
border: 1px solid;
} .alert-help {
border-color: #e8dc59;
background: #ebe16f;
} .alert-info {
border-color: #bfe4f4;
background: #d5edf8;
} .alert-error {
border-color: #f8cdce;
background: #fbe3e4;
} .alert-success {
border-color: #deeaae;
background: #e6efc2;
}   .button, .white-btn, .black-btn, .black-btn-wide, #getaddress_button, .green-btn, .green-btn-wide, .teal-btn-wide, .orange-btn-wide, .green-btn-fw, .green-outline-btn, .black-outline-btn, .white-outline-btn {
position: relative;
display: inline-block;
margin-bottom: 0;
padding: 4px 10px;
border: 0;
border-radius: 2px;
text-decoration: none;
} .button:hover, .white-btn:hover, .black-btn:hover, .black-btn-wide:hover, #getaddress_button:hover, .green-btn:hover, .green-btn-wide:hover, .teal-btn-wide:hover, .orange-btn-wide:hover, .green-btn-fw:hover, .green-outline-btn:hover, .black-outline-btn:hover, .white-outline-btn:hover, .button:focus, .white-btn:focus, .black-btn:focus, .black-btn-wide:focus, #getaddress_button:focus, .green-btn:focus, .green-btn-wide:focus, .teal-btn-wide:focus, .orange-btn-wide:focus, .green-btn-fw:focus, .green-outline-btn:focus, .black-outline-btn:focus, .white-outline-btn:focus {
text-decoration: none;
} .white-btn {
width: 225px;
max-width: 100%;
text-align: center;
border-radius: 25px;
background: #fff;
color: #000 !important;
text-transform: uppercase;
} .white-btn:hover, .white-btn:focus {
cursor: pointer;
color: #000 !important;
} .black-btn {
width: 225px;
max-width: 100%;
text-align: center;
border-radius: 25px;
background: #000;
color: #fff !important;
text-transform: uppercase;
max-height: auto;
} .black-btn:hover, .black-btn:focus {
cursor: pointer;
color: #fff !important;
} .black-btn-wide {
width: 94%;
max-width: 500px;
text-align: center;
border-radius: 25px;
background: #000;
color: #fff !important;
text-transform: uppercase;
} .black-btn-wide:hover, .black-btn-wide:focus {
cursor: pointer;
color: #fff !important;
} #getaddress_button {
width: 225px;
max-width: 100%;
text-align: center;
border-radius: 25px;
background: transparent;
border: 1px solid #000;
color: #000 !important;
text-transform: uppercase;
transition: background 0.25s ease, color 0.25s ease;
} #getaddress_button:hover, #getaddress_button:focus {
cursor: pointer;
background: black;
color: #fff !important;
} .green-btn {
width: 225px;
max-width: 100%;
text-align: center;
border-radius: 25px;
background: #cdde00;
color: #000 !important;
text-transform: uppercase;
transition: background 0.25s ease, color 0.25s ease;
} .green-btn:hover, .green-btn:focus {
cursor: pointer;
background: #a4b200;
color: #000 !important;
} .green-btn:disabled {
background: #d5d5d5;
cursor: not-allowed;
} .green-btn-wide {
width: 94%;
max-width: 500px;
text-align: center;
border-radius: 25px;
background: #cdde00;
color: #000 !important;
text-transform: uppercase;
transition: background 0.25s ease, color 0.25s ease;
} .green-btn-wide.is-checked {
border-bottom: 5px solid #3e4300;
} .green-btn-wide:hover, .green-btn-wide:focus {
cursor: pointer;
background: #a4b200;
color: #000 !important;
} .teal-btn-wide {
width: 94%;
max-width: 500px;
text-align: center;
border-radius: 25px;
background: #00a199;
color: #000 !important;
text-transform: uppercase;
transition: background 0.25s ease, color 0.25s ease;
} .teal-btn-wide.is-checked {
border-bottom: 5px solid #00302e;
} .teal-btn-wide:hover, .teal-btn-wide:focus {
cursor: pointer;
background: #00817a;
color: #000 !important;
} .orange-btn-wide {
width: 94%;
max-width: 500px;
text-align: center;
border-radius: 25px;
background: #ff8300;
color: #000 !important;
text-transform: uppercase;
transition: background 0.25s ease, color 0.25s ease;
} .orange-btn-wide.is-checked {
border-bottom: 5px solid #4d2700;
} .orange-btn-wide:hover, .orange-btn-wide:focus {
cursor: pointer;
background: #cc6900;
color: #000 !important;
} .green-btn-fw {
width: 100%;
max-width: 100%;
text-align: center;
border-radius: 25px;
background: #cdde00;
color: #000 !important;
text-transform: uppercase;
transition: background 0.25s ease, color 0.25s ease;
} .green-btn-fw:hover, .green-btn-fw:focus {
cursor: pointer;
background: #a4b200;
color: #000 !important;
} .green-outline-btn {
width: 94%;
max-width: 100%;
text-align: center;
border-radius: 25px;
background: #000;
border: 1px solid #cdde00;
color: #fff !important;
text-transform: uppercase;
transition: background 0.25s ease, color 0.25s ease;
} .green-outline-btn:hover, .green-outline-btn:focus, .green-outline-btn.is-checked {
cursor: pointer;
background: #a4b200;
color: #000 !important;
} .black-outline-btn {
width: 94%;
max-width: 100%;
text-align: center;
border-radius: 25px;
background: transparent;
border: 1px solid #000;
color: #000 !important;
text-transform: uppercase;
transition: background 0.25s ease, color 0.25s ease;
} .black-outline-btn:hover, .black-outline-btn:focus, .black-outline-btn.is-checked {
cursor: pointer;
background: black;
color: #fff !important;
} .white-outline-btn {
width: 94%;
max-width: 100%;
text-align: center;
border-radius: 25px;
background: #000;
border: 1px solid #fff;
color: #fff !important;
text-transform: uppercase;
transition: background 0.25s ease, color 0.25s ease;
} .white-outline-btn:hover, .white-outline-btn:focus, .white-outline-btn.is-checked {
cursor: pointer;
background: #cccccc;
color: #000 !important;
}   input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="currency"],
select,
textarea,
.field {
display: block;
} input[type="text"][disabled], input[type="text"].is-disabled,
input[type="password"][disabled],
input[type="password"].is-disabled,
input[type="datetime"][disabled],
input[type="datetime"].is-disabled,
input[type="datetime-local"][disabled],
input[type="datetime-local"].is-disabled,
input[type="date"][disabled],
input[type="date"].is-disabled,
input[type="month"][disabled],
input[type="month"].is-disabled,
input[type="time"][disabled],
input[type="time"].is-disabled,
input[type="week"][disabled],
input[type="week"].is-disabled,
input[type="number"][disabled],
input[type="number"].is-disabled,
input[type="email"][disabled],
input[type="email"].is-disabled,
input[type="url"][disabled],
input[type="url"].is-disabled,
input[type="search"][disabled],
input[type="search"].is-disabled,
input[type="tel"][disabled],
input[type="tel"].is-disabled,
input[type="color"][disabled],
input[type="color"].is-disabled,
input[type="currency"][disabled],
input[type="currency"].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
opacity: 0.6;
cursor: not-allowed;
} input[type="password"] {
letter-spacing: 0.3em;
} textarea {
max-width: 100%;
width: 100%;
} #formFrame textarea {
margin-top: 10px;
border-radius: 15px;
padding: 0.5em;
} #formFrame textarea:focus {
border-radius: 15px;
outline-style: auto;
} fieldset {
border: 1px solid #ccc;
} fieldset label {
font-weight: 600;
} fieldset p {
margin-bottom: 0;
} legend {
padding: 0 0.5em;
} .radio-buttons {
margin-top: 0;
} .radio-buttons li {
margin-left: 2px;
list-style-type: none;
} .radio-buttons label {
font-weight: normal;
}    html {
font-size: 1em;
height: 100%;
} body {
color: #333333;
font-size: 100%;
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.2;
height: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} img {
display: block;
max-width: 100%;
height: auto;
} #progress-gif {
display: none;
position: fixed; top: 40%;
left: 50%;
transform: translate(-50%, -50%); width: 60px; height: 60px; background: url(//tmpmortgages.co.uk/wp-content/themes/ashbestos_v3/library/images/progress.gif) no-repeat center center; background-size: contain; z-index: 1000; } .swiper-pagination-bullet.completed {
background-color: darkgreen !important;
} pre code {
white-space: pre-line;
} section, #welcome {
outline: none !important;
} .boldest {
font-weight: 900;
} .small-text {
font-size: 12px;
} #invalid-text {
padding: 0.5em;
width: 100%;
background-color: red;
color: #fff;
display: none;
} #zsiqbtn {
position: fixed;
bottom: 1.5em;
right: 1.5em;
} .page-template-page-mortgage-form .container {
min-height: 100vh;
} .page-template-page-mortgage-form .container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
} .page-template-page-mortgage-form .container:before,
.page-template-page-mortgage-form .container:after {
display: table;
content: " ";
} .page-template-page-mortgage-form .container:after {
clear: both;
} .page-template-page-mortgage-form .container:before,
.page-template-page-mortgage-form .container:after {
display: table;
content: " ";
} .page-template-page-mortgage-form .container:after {
clear: both;
} .text-right {
text-align: right;
} .text-left {
text-align: left;
} .center {
text-align: center;
} .light {
font-weight: 300 !important;
} .reg {
font-weight: 400 !important;
} .bold {
font-weight: 700 !important;
} .upper {
text-transform: uppercase;
} .rounded {
border-radius: 25px;
} .white {
color: #fff !important;
} .green-link {
color: #cdde00;
font-weight: bold;
text-decoration: underline;
} .modal {
display: none;
padding: 1.5em !important;
width: 400px;
max-width: 760px !important;
} .modal a {
color: #000;
font-weight: 700;
} .modal h3 {
text-transform: uppercase;
} .modal p {
margin-bottom: 20px;
} .stars {
padding-top: 20px;
} .stars svg {
max-width: 120px;
} .page-template-page-ha .stars, .page-template-page-get-prepared .stars {
padding-top: 0px;
} .feefo-logo svg {
max-width: 100px;
} .blimey {
display: inline-block;
max-width: 150px;
} .house-icon {
display: inline-block;
max-width: 175px;
} .tweet-tweet {
max-height: 50px;
width: auto;
} .info-icon {
display: inline-block;
max-width: 40px;
width: 40px;
height: auto;
} .info-icon:hover {
cursor: pointer;
} .phone-icon, .email-icon {
display: inline-block;
max-width: 50px;
height: auto;
margin: 0 5px;
} .phone-icon:hover, .email-icon:hover {
cursor: pointer;
} .disclaimer {
font-size: 14px;
} .b-u-link {
color: #000;
text-decoration: underline;
} .testimonial-copy {
font-weight: 700;
} .all-count, .filter-count {
color: #cdde00;
} .filter-stat {
font-size: 1.2em;
} .filter-stat p {
color: #fff;
} .email-address, .telephone-number {
font-size: 1.8em;
font-weight: 700;
} .app-store {
display: inline-block;
max-width: 80%;
} #about {
background-color: #eeeeee;
} .mr-bg {
background: black;
}   a, a:visited {
color: #cdde00;
text-decoration: none;   } a:hover, a:focus, a:visited:hover, a:visited:focus {
text-decoration: underline;
} a:link, a:visited:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}    h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
margin: 0;
color: #000;
font-weight: 700;
text-rendering: optimizelegibility;  } h1::before, .h1::before, h2::before, .h2::before, h3::before, .h3::before, h4::before, .h4::before, h5::before, .h5::before, h6::before, .h6::before {
content: '';
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.2) * 0.5em);
} h1::after, .h1::after, h2::after, .h2::after, h3::after, .h3::after, h4::after, .h4::after, h5::after, .h5::after, h6::after, .h6::after {
content: '';
display: block;
height: 0;
width: 0;
margin-bottom: calc((1 - 1.2) * 0.5em);
} h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
text-decoration: none;
} h1, .h1 {
margin-top: 0;
font-size: 3.157em;
} h2, .h2 {
font-size: 2.369em;
} h3, .h3 {
font-size: 1.777em;
} h4, .h4 {
font-size: 1.333em;
} h5, .h5 {
font-size: 1em;
} h6, .h6 {
text-transform: uppercase;
letter-spacing: 4.333px;
} .entry-content h1, .entry-content .h1, .entry-content h2, .entry-content .h2, .entry-content h3, .entry-content .h3, .entry-content h4, .entry-content .h4, .entry-content h5, .entry-content .h5, .entry-content h6, .entry-content .h6 {
margin: 30px 0px 20px 0px;
}  .header {
background: #efefef;
} #inner-header {
display: block;
} #site-title {
margin: 0 0.5em 0 0;
font-size: 2em;
line-height: inherit;
} #site-title a {
color: #303030;
} #bloginfo {
display: block;
} #logo {
margin-right: 8px;
} #logo img {
width: 175px;
height: auto;
} .social-icons a {
outline: none;
text-decoration: none;
} .social-icons img {
display: inline-block;
width: 30px;
height: 30px;
margin-right: 10px;
}  ul, ol {
-webkit-padding-start: 20px;
} .list-square {
margin-bottom: 1.5em;
list-style-position: outside;
list-style-type: square;
} .nostyle {
margin-left: 0;
padding-left: 0;
list-style-type: none;
} .related-posts-list {
display: flex;
} .page-numbers {
margin: 1em 0;
padding-left: 0;
list-style-type: none;
display: flex;
} .page-numbers li {
margin-right: 1em;
}     .error404 .search-outer {
padding: 1.5em 0;
} .error404 .search-input {
display: flex;
width: 100%;
} .error404 input[type="search"] {
margin: 0 1em 0 0;
height: 40px;
min-width: 250px;
} .error404 .search-submit {
width: 100px;
} .page-blog .entry-content .alignfull, .page-blog .entry-content .alignwide {
margin: 0;
max-width: 100%;
}    .byline-wrap {
margin-bottom: 1.5em;
}  .entry-content { } .entry-content p {
margin-bottom: 20px;
} .entry-content h4 {
margin-bottom: 20px;
} .entry-content ul {
margin-bottom: 20px;
} .entry-content table {
margin-bottom: 1.5em;
width: 100%;
border: 1px solid #ccc;
} .entry-content tr {
border-bottom: 1px solid #ccc;
} .entry-content tr:nth-child(even) {
background-color: #dedede;
} .entry-content td {
padding: 7px;
border-right: 1px solid #ccc;
} .entry-content td:last-child {
border-right: 0;
} .entry-content th {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #dedede;
} .entry-content th:last-child {
border-right: 0;
}  .wp-caption { }        .screen-reader-text {
position: absolute !important;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
white-space: nowrap;
} .screen-reader-text:focus {
top: 5px;
left: 5px;
z-index: 100000; display: block;
clip: auto !important;
padding: 15px 23px 14px;
width: auto;
height: auto;
border-radius: 3px;
background-color: #f1f1f1;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
color: #21759b;
text-decoration: none;
font-weight: bold;
font-size: 0.875rem;
font-size: 14px;
line-height: normal;
}    .wp-prev-next .prev-link {
float: left;
} .wp-prev-next .next-link {
float: right;
}    #comments-title { } .commentlist {
margin: 0;
list-style-type: none;
} .comment {
margin-bottom: 1.5rem;
padding-bottom: 1rem;
border-bottom: 1px dotted #ccc;    } .comment .comment-author {
display: flex;
align-items: center;
} .comment .vcard .avatar {
margin-right: 1rem;
} .comment .children {  }       .comment-edit-link {
margin-right: 6px;
}         .widget ul li { }  .footer {
clear: both;
overflow: hidden;
font-size: 12px;
padding-top: 40px;
padding-bottom: 40px;
background-color: #000;
color: #fff;
} .footer a {
color: #fff;
} #banner-section {
margin-top: 0px;
} .housingimg {
margin-top: 20px;
max-width: 100%;
} .accordion dt {
font-weight: bold;
margin: 0;
font-size: 1em;
padding-bottom: 10px;
border-bottom: 1px solid #cdde00;
color: #000;
} .accordion dd {
margin: 0;
padding-top: 10px;
}  .accordion[role="tablist"] dt {
position: relative;
background-color: #fff;
color: #000;
padding: 1em;
border-radius: 10px;
user-select: none;
font-size: 1em;
letter-spacing: 1px;
cursor: pointer;
transition: background-color .4s, color .4s;
margin-top: 0.5em;
margin-bottom: 0.5em;
outline: none;
text-transform: uppercase;
} .accordion[role="tablist"] dt:after {
content: "";
border: 8px solid transparent;
border-top-color: #000;
position: absolute;
top: 50%;
right: 1em;
margin-top: -3px;
transform: rotate(0deg);
transition: transform .8s, color .4s;
transform-origin: 50% 20%;
}  .accordion[role="tablist"] dt[aria-selected="true"] {
background-color: #cdde00;
}  .accordion[role="tablist"] dt[aria-selected="true"]:focus,
.accordion[role="tablist"] dt[aria-selected="true"]:hover,
.accordion[role="tablist"] dt:focus,
.accordion[role="tablist"] dt:hover {
color: #fff;
background-color: #cdde00;
}  .accordion[role="tablist"] dt[aria-expanded="true"] {
color: #fff;
background-color: #cdde00;
} .accordion[role="tablist"] dt[aria-expanded="true"]:after {
transform: rotate(180deg);
}  .accordion[role="tablist"] dd {
overflow: hidden;
padding: 16px 24px;
background-color: #fff;
color: #000;
transition: visibility .1s, max-height .5s .1s, padding .5s .1s, opacity .2s .1s;
} .accordion[role="tablist"] dd *:first-child {
margin-top: 0;
} .accordion[role="tablist"] dd *:last-child {
margin-bottom: 0;
}  .accordion[role="tablist"] dd[aria-hidden="true"] {
visibility: hidden;
max-height: 0;
padding: 0 24px;
transition: visibility .1s .5s, max-height .5s, padding 1s;
} .page-template-page-explainers-2 {      } .page-template-page-explainers-2 .accordion dt {
font-weight: bold;
margin: 0;
font-size: 1em;
padding-bottom: 10px;
border-bottom: 1px solid #00a199;
color: #000;
} .page-template-page-explainers-2 .accordion dd {
margin: 0;
padding-top: 10px;
} .page-template-page-explainers-2 .accordion[role="tablist"] dt {
position: relative;
background-color: #fff;
color: #000;
padding: 1em;
border-radius: 10px;
user-select: none;
font-size: 1em;
letter-spacing: 1px;
cursor: pointer;
transition: background-color .4s, color .4s;
margin-top: 0.5em;
margin-bottom: 0.5em;
outline: none;
text-transform: uppercase;
} .page-template-page-explainers-2 .accordion[role="tablist"] dt:after {
content: "";
border: 8px solid transparent;
border-top-color: #000;
position: absolute;
top: 50%;
right: 1em;
margin-top: -3px;
transform: rotate(0deg);
transition: transform .8s, color .4s;
transform-origin: 50% 20%;
} .page-template-page-explainers-2 .accordion[role="tablist"] dt[aria-selected="true"] {
background-color: #00a199;
} .page-template-page-explainers-2 .accordion[role="tablist"] dt[aria-selected="true"]:focus,
.page-template-page-explainers-2 .accordion[role="tablist"] dt[aria-selected="true"]:hover,
.page-template-page-explainers-2 .accordion[role="tablist"] dt:focus,
.page-template-page-explainers-2 .accordion[role="tablist"] dt:hover {
color: #fff;
background-color: #00a199;
} .page-template-page-explainers-2 .accordion[role="tablist"] dt[aria-expanded="true"] {
color: #fff;
background-color: #00a199;
} .page-template-page-explainers-2 .accordion[role="tablist"] dt[aria-expanded="true"]:after {
transform: rotate(180deg);
} .page-template-page-explainers-2 .accordion[role="tablist"] dd {
overflow: hidden;
padding: 16px 24px;
background-color: #fff;
color: #000;
transition: visibility .1s, max-height .5s .1s, padding .5s .1s, opacity .2s .1s;
} .page-template-page-explainers-2 .accordion[role="tablist"] dd *:first-child {
margin-top: 0;
} .page-template-page-explainers-2 .accordion[role="tablist"] dd *:last-child {
margin-bottom: 0;
} .page-template-page-explainers-2 .accordion[role="tablist"] dd[aria-hidden="true"] {
visibility: hidden;
max-height: 0;
padding: 0 24px;
transition: visibility .1s .5s, max-height .5s, padding 1s;
} .page-template-page-explainers-3 {      } .page-template-page-explainers-3 .accordion dt {
font-weight: bold;
margin: 0;
font-size: 1em;
padding-bottom: 10px;
border-bottom: 1px solid #ff8300;
color: #000;
} .page-template-page-explainers-3 .accordion dd {
margin: 0;
padding-top: 10px;
} .page-template-page-explainers-3 .accordion[role="tablist"] dt {
position: relative;
background-color: #fff;
color: #000;
padding: 1em;
border-radius: 10px;
user-select: none;
font-size: 1em;
letter-spacing: 1px;
cursor: pointer;
transition: background-color .4s, color .4s;
margin-top: 0.5em;
margin-bottom: 0.5em;
outline: none;
text-transform: uppercase;
} .page-template-page-explainers-3 .accordion[role="tablist"] dt:after {
content: "";
border: 8px solid transparent;
border-top-color: #000;
position: absolute;
top: 50%;
right: 1em;
margin-top: -3px;
transform: rotate(0deg);
transition: transform .8s, color .4s;
transform-origin: 50% 20%;
} .page-template-page-explainers-3 .accordion[role="tablist"] dt[aria-selected="true"] {
background-color: #ff8300;
} .page-template-page-explainers-3 .accordion[role="tablist"] dt[aria-selected="true"]:focus,
.page-template-page-explainers-3 .accordion[role="tablist"] dt[aria-selected="true"]:hover,
.page-template-page-explainers-3 .accordion[role="tablist"] dt:focus,
.page-template-page-explainers-3 .accordion[role="tablist"] dt:hover {
color: #fff;
background-color: #ff8300;
} .page-template-page-explainers-3 .accordion[role="tablist"] dt[aria-expanded="true"] {
color: #fff;
background-color: #ff8300;
} .page-template-page-explainers-3 .accordion[role="tablist"] dt[aria-expanded="true"]:after {
transform: rotate(180deg);
} .page-template-page-explainers-3 .accordion[role="tablist"] dd {
overflow: hidden;
padding: 16px 24px;
background-color: #fff;
color: #000;
transition: visibility .1s, max-height .5s .1s, padding .5s .1s, opacity .2s .1s;
} .page-template-page-explainers-3 .accordion[role="tablist"] dd *:first-child {
margin-top: 0;
} .page-template-page-explainers-3 .accordion[role="tablist"] dd *:last-child {
margin-bottom: 0;
} .page-template-page-explainers-3 .accordion[role="tablist"] dd[aria-hidden="true"] {
visibility: hidden;
max-height: 0;
padding: 0 24px;
transition: visibility .1s .5s, max-height .5s, padding 1s;
} #postcode_lookup {
display: flex;
flex-wrap: wrap;
} #postcode_lookup #getaddress_button {
margin-top: 10px;
} #postcode_lookup #getaddress_input {
color: #000 !important;
} @media only screen and (min-width: 481px) {   .menu { } .menu ul {   } .menu ul li { } .menu ul li a { }    .entry-content { } .entry-content .alignleft, .entry-content img.alignleft {
margin-right: 1.5em;
display: inline;
float: left;
margin-top: 11px;
} .entry-content .alignright, .entry-content img.alignright {
margin-left: 1.5em;
display: inline;
float: right;
margin-top: 11px;
} .entry-content .aligncenter, .entry-content img.aligncenter {
margin-right: auto;
margin-left: auto;
display: table;
clear: both;
margin-top: 11px;
} .entry-content .wp-block-media-text.alignfull {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}    } @media only screen and (max-width: 767px) {  .wrap {
padding: 1.5em;
} #logo {
padding-top: 0 !important;
} #mob-assessment {
display: block !important;
} section.ctas-section .not-ready {
text-align: center;
} section.ctas-section .not-ready svg {
display: inline-block;
max-width: 200px;
position: relative;
top: 0px !important;
right: 0 !important;
left: 0 !important;
z-index: 99;
} .ctas-section .ctas {
display: flex;
flex-direction: column;
} .ctas-section .ctas .bit-25:first-of-type {
order: 3;
display: flex;
justify-content: center;
} .ctas-section .ctas .bit-2 {
order: 2;
} .ctas-section .ctas .bit-25:last-of-type {
padding-bottom: 20px;
order: 1;
} #designed-around-you h2 br {
display: none;
} #team .tip-top {
display: none !important;
} .p-l-20 {
padding-left: 0 !important;
} .p-b-40 {
padding-bottom: 20px !important;
} .p-b-80 {
padding-bottom: 20px !important;
} .p-t-100 {
padding-top: 20px !important;
} #contact .bit-40 .bit-2 {
padding: 1.5em 0;
} .modal .h3 {
font-size: 1em;
} .header-quote {
max-width: 100% !important;
padding: 1.5em;
}  .nav {
margin: 0;
padding: 0;
border-bottom: 0;
list-style-type: none;   } .nav li { } .nav li a {
display: block;
padding: 0.2em;
text-decoration: none;
} .nav li ul.sub-menu li a,
.nav li ul.children li a {
padding-left: 30px;
}  .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon {
padding-bottom: 100%;
}
} @media only screen and (min-width: 768px) {   section#m-ready .wrap {
padding: 0 1.5em;
} .entry-content .alignfull {
margin-left: calc( -100vw / 2 + 100% / 2);
margin-right: calc( -100vw / 2 + 100% / 2);
max-width: 100vw;
} .entry-content .alignwide {
margin-right: calc(25% - 25vw);
margin-left: calc(25% - 25vw);
max-width: 1000%;
width: auto;
} .entry-content .alignwide img,
.entry-content .alignfull img {
display: block;
margin: 0 auto;
}  .wrap {
padding: 0 2em;
}   .header-nav {
display: flex;
align-items: center;
} .nav {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;   } .nav li {
float: left;
list-style: none;  } .nav li a {
display: block;
border-bottom: 0;
padding: 0 0.5em;
text-decoration: none;
text-transform: uppercase;
color: #000 !important;
font-weight: 700; } .nav li a:hover, .nav li a:focus {
text-decoration: underline;
} .nav li a:after {
display: inline-block;
content: '/';
padding-left: 10px;
} .nav li:last-child a:after {
display: none;
content: '';
padding-left: 0px;
} .nav li ul.sub-menu,
.nav li ul.children {
position: absolute;
z-index: 8999;
visibility: hidden;
padding-left: 0; } .nav li ul.sub-menu li,
.nav li ul.children li {
padding: 5px;
background-color: rgba(0, 0, 0, 0.2); } .nav li ul.sub-menu li:last-child a,
.nav li ul.children li:last-child a {
border-bottom: 0;
} .nav li:hover > ul {
top: auto;
visibility: visible;
}    .single-full #main {
max-width: 640px;
float: none;
margin: 0 auto;
}  .widget ul li { }               .footer-links ul li { } }
@media only screen and (max-width: 899px) { }
@media only screen and (max-width: 1029px) {  .header .bit-60, .header .bit-75 {
text-align: center;
} .header #header-flex {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
} .header #header-flex .header-flex-logo {
margin-bottom: 20px;
} .hb-wrap, .inner-wrap {
padding: 0 1.5em;
} .mcenter {
text-align: center;
} .apply-arrow {
display: none;
} #header-bottom {
padding-top: 80px;
padding-bottom: 60px;
background-color: #eee;
overflow: hidden;
} #header-bottom .header-quote {
max-width: 60%;
margin: 0 auto;
} #chirpy-mob {
display: block;
} .chirpy-headset {
margin: 0 auto;
max-width: 50%;
} #logo {
padding-top: 1em;
} section#working-together {
position: relative;
} section#working-together .gray-chirpie-bg {
background-color: #eaedf2;
min-height: 600px;
text-align: center;
padding: 1em;
} section#working-together .get-your-copy {
display: none;
} section#careers {
background-image: url(//tmpmortgages.co.uk/wp-content/themes/ashbestos_v3/library/images/chirpie-hats-bg.jpg);
background-size: cover;
background-position: bottom center;
position: relative;
} section#careers .were-hiring {
width: 200px;
height: auto;
margin: 0 auto;
position: relative;
} section#careers .careers-content {
margin: 0 auto;
max-width: 640px;
padding: 1.5em;
} section#careers .careers-content h2 {
margin-bottom: 40px;
} section#careers .careers-content p {
margin-bottom: 20px;
} section.ctas-section .not-ready {
text-align: center;
} section.ctas-section .not-ready svg {
display: inline-block;
max-width: 200px;
position: relative;
top: 0px !important;
right: 0 !important;
left: 0 !important;
z-index: 99;
} section.ctas-section {
position: relative;
min-height: 350px;
} section.ctas-section .ctas-grid {
display: grid;
grid-template-columns: 100%;
align-items: center;
grid-gap: 1.5em;
} section.ctas-section #assessment-box {
margin-top: 60px;
padding: 2em;
background: #000;
color: #fff;
text-align: center;
border-radius: 20px;
min-height: 350px;
position: relative;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
display: flex;
flex-direction: column;
justify-content: space-between;
} section.ctas-section #assessment-box #assessment-header {
display: flex;
justify-content: center;
} section.ctas-section #assessment-box #assessment-header h1 {
margin-left: 10px;
} section.ctas-section #assessment-box h2 {
margin-top: 25px;
margin-bottom: 25px;
color: #fff;
font-weight: 300;
} section.ctas-section #assessment-box svg {
max-width: 80px;
height: auto;
} section.ctas-section #assessment-box a.green-btn {
display: block;
margin: 0 auto;
} section.ctas-section #welcome {
grid-column: 1/1;
position: relative;
} section.ctas-section #featured-testimonial {
display: flex;
} section.ctas-section #phone-assessment {
grid-column: 1/1;
} section.ctas-section #phone-assessment {
padding: 1.5em;
background: #cdde00;
color: #000;
text-align: center;
border-radius: 20px;
min-height: 240px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
} section.ctas-section #phone-assessment img {
width: 100px;
} section.ctas-section .not-ready {
display: block;
} section.ctas-section .not-ready svg {
max-width: 200px;
position: relative;
z-index: 99;
} section.ctas-section .not-ready svg path {
transition: fill ease 0.75s;
} section.ctas-section .not-ready:hover svg path {
fill: #cdde00;
} section.ctas-section .not-ready-mob {
display: none;
order: 2;
} .page-template-page-assessment-application-intro .green-btn {
margin-bottom: 20px;
} .page-template-page-assessment-application-intro h1.h2, .page-template-page-assessment-application-new h1.h2, .page-template-page-joint-assessment-application h1.h2, .page-template-page-assessment-application-return h1.h2 {
line-height: 1.4em;
} .page-template-page-assessment-application-intro h1, .page-template-page-assessment-application-new h1, .page-template-page-joint-assessment-application h1, .page-template-page-assessment-application-return h1 {
font-size: 1.4em;
margin-bottom: 0.4em;
} .page-template-page-assessment-application-intro .wrap, .page-template-page-assessment-application-new .wrap, .page-template-page-joint-assessment-application .wrap, .page-template-page-assessment-application-return .wrap {
padding: 0;
} .page-template-page-assessment-application-intro button, .page-template-page-assessment-application-new button, .page-template-page-joint-assessment-application button, .page-template-page-assessment-application-return button {
margin-bottom: 20px !important;
} .page-template-page-assessment-application-intro section#formFrame, .page-template-page-assessment-application-new section#formFrame, .page-template-page-joint-assessment-application section#formFrame, .page-template-page-assessment-application-return section#formFrame {
width: 100%;
} .page-template-page-assessment-application-intro section#formFrame .gray-chirpie-bg, .page-template-page-assessment-application-new section#formFrame .gray-chirpie-bg, .page-template-page-joint-assessment-application section#formFrame .gray-chirpie-bg, .page-template-page-assessment-application-return section#formFrame .gray-chirpie-bg {
padding: 1em !important;
box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
background-color: #eeeeee;
background-image: url(//tmpmortgages.co.uk/wp-content/themes/ashbestos_v3/library/images/gray-chirpie-bg.jpg);
background-size: contain;
background-position: -2px bottom;
background-repeat: no-repeat;
border-radius: 25px;
} .page-template-page-assessment-application-intro section#formFrame #assessment-form-0 label, .page-template-page-assessment-application-new section#formFrame #assessment-form-0 label, .page-template-page-joint-assessment-application section#formFrame #assessment-form-0 label, .page-template-page-assessment-application-return section#formFrame #assessment-form-0 label {
font-weight: 700;
} .page-template-page-assessment-application-intro section#formFrame #assessment-form-0 #applying-for ul li label, .page-template-page-assessment-application-new section#formFrame #assessment-form-0 #applying-for ul li label, .page-template-page-joint-assessment-application section#formFrame #assessment-form-0 #applying-for ul li label, .page-template-page-assessment-application-return section#formFrame #assessment-form-0 #applying-for ul li label {
font-weight: 300;
} .page-template-page-assessment-application-intro .loading, .page-template-page-assessment-application-new .loading, .page-template-page-joint-assessment-application .loading, .page-template-page-assessment-application-return .loading {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
width: 300px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
color: #000;
background: #cdde00;
border-radius: 14px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
z-index: 999999;
} .page-template-page-assessment-application-new #dob_dd-error, .page-template-page-assessment-application-new #applicant_2_dob_dd-error, .page-template-page-assessment-application-return #dob_dd-error, .page-template-page-assessment-application-return #applicant_2_dob_dd-error, .page-template-page-joint-assessment-application #dob_dd-error, .page-template-page-joint-assessment-application #applicant_2_dob_dd-error {
display: none !important;
} .page-template-page-assessment-application-new #dob_mm-error, .page-template-page-assessment-application-new #applicant_2_dob_mm-error, .page-template-page-assessment-application-return #dob_mm-error, .page-template-page-assessment-application-return #applicant_2_dob_mm-error, .page-template-page-joint-assessment-application #dob_mm-error, .page-template-page-joint-assessment-application #applicant_2_dob_mm-error {
display: none !important;
} .page-template-page-assessment-application-new #dob_yyyy-error, .page-template-page-assessment-application-new #applicant_2_dob_yyyy-error, .page-template-page-assessment-application-return #dob_yyyy-error, .page-template-page-assessment-application-return #applicant_2_dob_yyyy-error, .page-template-page-joint-assessment-application #dob_yyyy-error, .page-template-page-joint-assessment-application #applicant_2_dob_yyyy-error {
display: none !important;
} .page-template-page-assessment-application-new #moved_dd-error, .page-template-page-assessment-application-new #applicant_2_moved_dd-error, .page-template-page-assessment-application-return #moved_dd-error, .page-template-page-assessment-application-return #applicant_2_moved_dd-error, .page-template-page-joint-assessment-application #moved_dd-error, .page-template-page-joint-assessment-application #applicant_2_moved_dd-error {
display: none !important;
} .page-template-page-assessment-application-new #moved_mm-error, .page-template-page-assessment-application-new #applicant_2_moved_mm-error, .page-template-page-assessment-application-return #moved_mm-error, .page-template-page-assessment-application-return #applicant_2_moved_mm-error, .page-template-page-joint-assessment-application #moved_mm-error, .page-template-page-joint-assessment-application #applicant_2_moved_mm-error {
display: none !important;
} .page-template-page-assessment-application-new #moved_yyyy-error, .page-template-page-assessment-application-new #applicant_2_moved_yyyy-error, .page-template-page-assessment-application-return #moved_yyyy-error, .page-template-page-assessment-application-return #applicant_2_moved_yyyy-error, .page-template-page-joint-assessment-application #moved_yyyy-error, .page-template-page-joint-assessment-application #applicant_2_moved_yyyy-error {
display: none !important;
} .page-template-page-assessment-application-new #started_dd-error, .page-template-page-assessment-application-new #applicant_2_started_dd-error, .page-template-page-assessment-application-return #started_dd-error, .page-template-page-assessment-application-return #applicant_2_started_dd-error, .page-template-page-joint-assessment-application #started_dd-error, .page-template-page-joint-assessment-application #applicant_2_started_dd-error {
display: none !important;
} .page-template-page-assessment-application-new #started_mm-error, .page-template-page-assessment-application-new #applicant_2_started_mm-error, .page-template-page-assessment-application-return #started_mm-error, .page-template-page-assessment-application-return #applicant_2_started_mm-error, .page-template-page-joint-assessment-application #started_mm-error, .page-template-page-joint-assessment-application #applicant_2_started_mm-error {
display: none !important;
} .page-template-page-assessment-application-new #started_yyyy-error, .page-template-page-assessment-application-new #applicant_2_started_yyyy-error, .page-template-page-assessment-application-return #started_yyyy-error, .page-template-page-assessment-application-return #applicant_2_started_yyyy-error, .page-template-page-joint-assessment-application #started_yyyy-error, .page-template-page-joint-assessment-application #applicant_2_started_yyyy-error {
display: none !important;
} .page-template-page-assessment-application-new .error, .page-template-page-assessment-application-return .error, .page-template-page-joint-assessment-application .error {
color: red;
font-size: 12px !important;
} .page-template-page-assessment-application-new .green-btn, .page-template-page-assessment-application-new .black-btn, .page-template-page-assessment-application-new .white-btn, .page-template-page-assessment-application-return .green-btn, .page-template-page-assessment-application-return .black-btn, .page-template-page-assessment-application-return .white-btn, .page-template-page-joint-assessment-application .green-btn, .page-template-page-joint-assessment-application .black-btn, .page-template-page-joint-assessment-application .white-btn {
padding: 0.75em 1em;
} .page-template-page-assessment-application-new footer, .page-template-page-assessment-application-return footer, .page-template-page-joint-assessment-application footer {
background-color: #1d1d1b;
} .page-template-page-assessment-application-new .modal, .page-template-page-assessment-application-return .modal, .page-template-page-joint-assessment-application .modal {
font-size: 1.2em;
background-color: #cdde00;
} .page-template-page-assessment-application-new #thank-you.modal, .page-template-page-assessment-application-return #thank-you.modal, .page-template-page-joint-assessment-application #thank-you.modal {
color: #fff;
background-color: #1d1d1b;
} .page-template-page-assessment-application-new #thank-you.modal .h3, .page-template-page-assessment-application-return #thank-you.modal .h3, .page-template-page-joint-assessment-application #thank-you.modal .h3 {
color: #fff;
} .page-template-page-assessment-application-new #thank-you.modal iframe, .page-template-page-assessment-application-return #thank-you.modal iframe, .page-template-page-joint-assessment-application #thank-you.modal iframe {
max-width: 100%;
} .page-template-page-assessment-application-new .radio-inputs ul, .page-template-page-assessment-application-return .radio-inputs ul, .page-template-page-joint-assessment-application .radio-inputs ul {
width: 100%;
list-style: none;
margin: 0;
padding: 0;
overflow: auto;
display: flex;
justify-content: flex-start;
} .page-template-page-assessment-application-new .radio-inputs#applying-for ul, .page-template-page-assessment-application-new .radio-inputs#application_2_applying-for ul, .page-template-page-assessment-application-return .radio-inputs#applying-for ul, .page-template-page-assessment-application-return .radio-inputs#application_2_applying-for ul, .page-template-page-joint-assessment-application .radio-inputs#applying-for ul, .page-template-page-joint-assessment-application .radio-inputs#application_2_applying-for ul {
justify-content: center;
} .page-template-page-assessment-application-new .radio-inputs ul li, .page-template-page-assessment-application-return .radio-inputs ul li, .page-template-page-joint-assessment-application .radio-inputs ul li {
color: #000;
display: block;
position: relative;
float: left;
max-width: auto;
width: auto;
height: 60px;
} .page-template-page-assessment-application-new .radio-inputs ul li input[type=radio], .page-template-page-assessment-application-return .radio-inputs ul li input[type=radio], .page-template-page-joint-assessment-application .radio-inputs ul li input[type=radio] {
position: absolute;
visibility: hidden;
} .page-template-page-assessment-application-new .radio-inputs ul li label, .page-template-page-assessment-application-return .radio-inputs ul li label, .page-template-page-joint-assessment-application .radio-inputs ul li label {
display: block;
position: relative;
font-weight: 300;
font-size: 1.35em;
padding: 15px 25px 25px 80px;
margin: 10px auto;
z-index: 9;
cursor: pointer;
-webkit-transition: all 0.25s linear;
} .page-template-page-assessment-application-new .radio-inputs ul li:hover label, .page-template-page-assessment-application-return .radio-inputs ul li:hover label, .page-template-page-joint-assessment-application .radio-inputs ul li:hover label {
color: #000;
} .page-template-page-assessment-application-new .radio-inputs ul li .check, .page-template-page-assessment-application-return .radio-inputs ul li .check, .page-template-page-joint-assessment-application .radio-inputs ul li .check {
display: block;
position: absolute;
border: 5px solid #000;
border-radius: 100%;
height: 25px;
width: 25px;
top: 30px;
left: 20px;
z-index: 5;
transition: border .25s linear;
-webkit-transition: border .25s linear;
} .page-template-page-assessment-application-new .radio-inputs ul li:hover .check, .page-template-page-assessment-application-return .radio-inputs ul li:hover .check, .page-template-page-joint-assessment-application .radio-inputs ul li:hover .check {
border: 5px solid #cdde00;
} .page-template-page-assessment-application-new .radio-inputs ul li .check::before, .page-template-page-assessment-application-return .radio-inputs ul li .check::before, .page-template-page-joint-assessment-application .radio-inputs ul li .check::before {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 15px;
width: 15px;
top: 0px;
left: 0px;
margin: auto;
transition: background 0.25s linear;
-webkit-transition: background 0.25s linear;
} .page-template-page-assessment-application-new .radio-inputs input[type=radio]:checked ~ .check, .page-template-page-assessment-application-return .radio-inputs input[type=radio]:checked ~ .check, .page-template-page-joint-assessment-application .radio-inputs input[type=radio]:checked ~ .check {
border: 5px solid #000;
} .page-template-page-assessment-application-new .radio-inputs input[type=radio]:checked ~ .check::before, .page-template-page-assessment-application-return .radio-inputs input[type=radio]:checked ~ .check::before, .page-template-page-joint-assessment-application .radio-inputs input[type=radio]:checked ~ .check::before {
background: #000;
} .page-template-page-assessment-application-new .radio-inputs input[type=radio]:checked ~ label, .page-template-page-assessment-application-return .radio-inputs input[type=radio]:checked ~ label, .page-template-page-joint-assessment-application .radio-inputs input[type=radio]:checked ~ label {
color: #000;
} .page-template-page-assessment-application-new section#formFrame, .page-template-page-assessment-application-return section#formFrame, .page-template-page-joint-assessment-application section#formFrame {
width: 100%;
line-height: normal;
height: -webkit-max-content !important;
height: -moz-max-content !important;
height: max-content !important;
} .page-template-page-assessment-application-new section#formFrame .swiper-container, .page-template-page-assessment-application-return section#formFrame .swiper-container, .page-template-page-joint-assessment-application section#formFrame .swiper-container {
height: -webkit-max-content !important;
height: -moz-max-content !important;
height: max-content !important;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide, .page-template-page-assessment-application-return section#formFrame .swiper-slide, .page-template-page-joint-assessment-application section#formFrame .swiper-slide {
visibility: hidden;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide.swiper-slide-active, .page-template-page-assessment-application-return section#formFrame .swiper-slide.swiper-slide-active, .page-template-page-joint-assessment-application section#formFrame .swiper-slide.swiper-slide-active {
visibility: visible !important;
padding-bottom: 80px;
outline: none !important;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide.swiper-slide-active svg, .page-template-page-assessment-application-return section#formFrame .swiper-slide.swiper-slide-active svg, .page-template-page-joint-assessment-application section#formFrame .swiper-slide.swiper-slide-active svg {
display: block;
} .page-template-page-assessment-application-new section#formFrame input[type=text], .page-template-page-assessment-application-new section#formFrame input[type=date], .page-template-page-assessment-application-new section#formFrame input[type=number], .page-template-page-assessment-application-new section#formFrame input[type=email], .page-template-page-assessment-application-new section#formFrame input[type=tel], .page-template-page-assessment-application-new section#formFrame select, .page-template-page-assessment-application-new section#formFrame .select-2, .page-template-page-assessment-application-return section#formFrame input[type=text], .page-template-page-assessment-application-return section#formFrame input[type=date], .page-template-page-assessment-application-return section#formFrame input[type=number], .page-template-page-assessment-application-return section#formFrame input[type=email], .page-template-page-assessment-application-return section#formFrame input[type=tel], .page-template-page-assessment-application-return section#formFrame select, .page-template-page-assessment-application-return section#formFrame .select-2, .page-template-page-joint-assessment-application section#formFrame input[type=text], .page-template-page-joint-assessment-application section#formFrame input[type=date], .page-template-page-joint-assessment-application section#formFrame input[type=number], .page-template-page-joint-assessment-application section#formFrame input[type=email], .page-template-page-joint-assessment-application section#formFrame input[type=tel], .page-template-page-joint-assessment-application section#formFrame select, .page-template-page-joint-assessment-application section#formFrame .select-2 {
display: none;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide-active input[type=text], .page-template-page-assessment-application-new section#formFrame .swiper-slide-active input[type=date], .page-template-page-assessment-application-new section#formFrame .swiper-slide-active input[type=number], .page-template-page-assessment-application-new section#formFrame .swiper-slide-active input[type=email], .page-template-page-assessment-application-new section#formFrame .swiper-slide-active input[type=tel], .page-template-page-assessment-application-new section#formFrame .swiper-slide-active select, .page-template-page-assessment-application-new section#formFrame .swiper-slide-active .select-2, .page-template-page-assessment-application-return section#formFrame .swiper-slide-active input[type=text], .page-template-page-assessment-application-return section#formFrame .swiper-slide-active input[type=date], .page-template-page-assessment-application-return section#formFrame .swiper-slide-active input[type=number], .page-template-page-assessment-application-return section#formFrame .swiper-slide-active input[type=email], .page-template-page-assessment-application-return section#formFrame .swiper-slide-active input[type=tel], .page-template-page-assessment-application-return section#formFrame .swiper-slide-active select, .page-template-page-assessment-application-return section#formFrame .swiper-slide-active .select-2, .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active input[type=text], .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active input[type=date], .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active input[type=number], .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active input[type=email], .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active input[type=tel], .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active .select-2 {
display: inline-block;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide, .page-template-page-assessment-application-return section#formFrame .swiper-slide, .page-template-page-joint-assessment-application section#formFrame .swiper-slide {
padding: 1.5em 1.5em;
display: flex;
align-items: center;
outline: 0;
height: -webkit-max-content !important;
height: -moz-max-content !important;
height: max-content !important;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .ques-icon, .page-template-page-assessment-application-return section#formFrame .swiper-slide .ques-icon, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .ques-icon {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
overflow: hidden;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full {
min-height: 500px;
width: 100%;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields .select2, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields .select2, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields .select2, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2 {
display: block;
max-width: 100%;
width: 100%;
height: 40px;
border-radius: 25px !important;
border: 0;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select {
display: block;
width: 100%;
height: 40px;
border-radius: 10px !important;
border: 0;
background: #eeeeee;
padding-left: 5px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select.dob_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select.moved_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select.started_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select.app_2_dob_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select.app_2_moved_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select.app_2_started_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.dob_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.moved_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.started_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.app_2_dob_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.app_2_moved_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.app_2_started_select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields select.dob_select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields select.moved_select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields select.started_select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields select.app_2_dob_select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields select.app_2_moved_select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields select.app_2_started_select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.dob_select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.moved_select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.started_select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.app_2_dob_select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.app_2_moved_select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.app_2_started_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select.dob_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select.moved_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select.started_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select.app_2_dob_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select.app_2_moved_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select.app_2_started_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.dob_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.moved_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.started_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.app_2_dob_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.app_2_moved_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.app_2_started_select {
display: inline-block;
width: auto;
min-width: 15%;
height: 40px;
border-radius: 10px !important;
border: 0;
background: #eeeeee;
padding-left: 5px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields .select2-selection, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2-selection, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields .select2-selection, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2-selection, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields .select2-selection, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2-selection {
height: 40px;
background: #eeeeee;
border: 0;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields .select2-selection .select2-selection__rendered, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2-selection .select2-selection__rendered, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields .select2-selection .select2-selection__rendered, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2-selection .select2-selection__rendered, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields .select2-selection .select2-selection__rendered, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2-selection .select2-selection__rendered {
line-height: 40px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=text], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=date], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=number], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=email], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=tel], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=text], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=date], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=number], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=email], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=tel], .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=text], .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=date], .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=number], .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=email], .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=tel], .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=text], .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=date], .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=number], .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=email], .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=tel], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=text], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=date], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=number], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=email], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=tel], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=text], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=date], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=number], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=email], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=tel] {
width: 100%;
height: 40px;
background: #f5f5f5;
border-radius: 25px;
border: 0;
padding: 0px 10px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=text]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=date]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=number]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=email]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=tel]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=text]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=date]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=number]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=email]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=tel]:focus, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=text]:focus, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=date]:focus, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=number]:focus, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=email]:focus, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=tel]:focus, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=text]:focus, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=date]:focus, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=number]:focus, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=email]:focus, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=tel]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=text]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=date]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=number]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=email]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=tel]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=text]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=date]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=number]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=email]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=tel]:focus {
outline: none;
border: 1px solid #eaedf2;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields label, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full label, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields label, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full label, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields label, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full label {
display: block;
font-size: 1.2em;
font-weight: 600;
padding-bottom: 5px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields label .ques-icon, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full label .ques-icon, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields label .ques-icon, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full label .ques-icon, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields label .ques-icon, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full label .ques-icon {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full {
width: 100%;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .info-box, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .info-box, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .info-box {
width: 30%;
background-color: #eeeeee;
padding: 1.5em;
border-radius: 25px;
min-height: 400px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .info-box .info-heading, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .info-box .info-heading, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .info-box .info-heading {
margin-bottom: 20px;
} .page-template-page-assessment-application-new section#formFrame .title-screen, .page-template-page-assessment-application-return section#formFrame .title-screen, .page-template-page-joint-assessment-application section#formFrame .title-screen {
background-color: #000;
color: #fff;
} .page-template-page-assessment-application-new section#formFrame .swiper-pagination-bullet, .page-template-page-assessment-application-return section#formFrame .swiper-pagination-bullet, .page-template-page-joint-assessment-application section#formFrame .swiper-pagination-bullet {
width: 20px;
height: 20px;
background: #eeeeee;
opacity: 1;
} .page-template-page-assessment-application-new section#formFrame .swiper-pagination-bullet-active, .page-template-page-assessment-application-return section#formFrame .swiper-pagination-bullet-active, .page-template-page-joint-assessment-application section#formFrame .swiper-pagination-bullet-active {
background: #cdde00 !important;
} .page-template-page-assessment-application-new section#formFrame #options-grid, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid, .page-template-page-assessment-application-return section#formFrame #options-grid, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid, .page-template-page-joint-assessment-application section#formFrame #options-grid, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid {
margin-top: 40px;
margin-bottom: 40px;
max-width: 800px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
text-align: center;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon {
max-width: 220px;
max-height: 220px;
width: 100%;
height: 100%;
padding-right: 20px;
padding-bottom: 80px;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon:hover, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon:hover, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon:hover, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon:hover, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon:hover, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon:hover, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon:hover, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon:hover, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon:hover, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon:hover, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon:hover, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon:hover {
cursor: pointer;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon:hover span, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon:hover span, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon:hover span, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon:hover span, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon:hover span, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon:hover span, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon:hover span, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon:hover span, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon:hover span, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon:hover span, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon:hover span, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon:hover span {
color: #cdde00;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon.option-selected span, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon.option-selected span, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected span, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon.option-selected span, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon.option-selected span, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon.option-selected span, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected span, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon.option-selected span, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon.option-selected span, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon.option-selected span, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected span, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon.option-selected span {
color: #cdde00;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon.option-selected svg path, .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon.option-selected svg rect.icon-stem, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon.option-selected svg path, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon.option-selected svg rect.icon-stem, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg rect.icon-stem, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg rect.icon-stem, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon.option-selected svg path, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon.option-selected svg rect.icon-stem, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon.option-selected svg path, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon.option-selected svg rect.icon-stem, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg rect.icon-stem, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg rect.icon-stem, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon.option-selected svg path, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon.option-selected svg rect.icon-stem, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon.option-selected svg path, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon.option-selected svg rect.icon-stem, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg rect.icon-stem, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg rect.icon-stem {
fill: #fff !important;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon.option-selected svg path.icon-circ, .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon.option-selected svg path.hover-dark, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon.option-selected svg path.icon-circ, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon.option-selected svg path.hover-dark, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path.icon-circ, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path.hover-dark, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path.icon-circ, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path.hover-dark, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon.option-selected svg path.icon-circ, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon.option-selected svg path.hover-dark, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon.option-selected svg path.icon-circ, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon.option-selected svg path.hover-dark, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path.icon-circ, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path.hover-dark, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path.icon-circ, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon.option-selected svg path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon.option-selected svg path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon.option-selected svg path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon.option-selected svg path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path.hover-dark {
fill: #1d1d1d !important;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon svg, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon svg, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon svg, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon svg, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon svg, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon svg, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon svg, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon svg, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon svg, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon svg, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon svg, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon svg {
height: 160px;
margin: 0 auto;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon svg path, .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon svg rect, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon svg path, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon svg rect, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon svg path, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon svg rect, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon svg path, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon svg rect, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon svg path, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon svg rect, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon svg path, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon svg rect, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon svg path, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon svg rect, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon svg path, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon svg rect, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon svg path, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon svg rect, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon svg path, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon svg rect, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon svg path, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon svg rect, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon svg path, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon svg rect {
transition: fill 0.5s ease;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon svg:hover, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon svg:hover, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon svg:hover, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon svg:hover, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon svg:hover, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon svg:hover, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon svg:hover, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon svg:hover, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon svg:hover {
cursor: pointer;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon svg:hover path, .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon svg:hover rect.icon-stem, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon svg:hover path, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon svg:hover rect.icon-stem, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover rect.icon-stem, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon svg:hover rect.icon-stem, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon svg:hover path, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon svg:hover rect.icon-stem, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon svg:hover path, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon svg:hover rect.icon-stem, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover rect.icon-stem, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon svg:hover rect.icon-stem, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon svg:hover path, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon svg:hover rect.icon-stem, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon svg:hover path, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon svg:hover rect.icon-stem, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover rect.icon-stem, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon svg:hover rect.icon-stem {
fill: #fff !important;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon svg:hover path.icon-circ, .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon svg:hover path.hover-dark, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon svg:hover path.icon-circ, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon svg:hover path.hover-dark, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path.icon-circ, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path.hover-dark, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path.icon-circ, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path.hover-dark, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon svg:hover path.icon-circ, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon svg:hover path.hover-dark, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon svg:hover path.icon-circ, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon svg:hover path.hover-dark, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path.icon-circ, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path.hover-dark, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path.icon-circ, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon svg:hover path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon svg:hover path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon svg:hover path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon svg:hover path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path.hover-dark {
fill: #1d1d1d !important;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon span, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon span, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon span, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon span, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon span, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon span, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon span, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon span, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon span, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon span, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon span, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon span {
display: inline-block;
padding: 10px 0px;
font-weight: 600;
font-size: 1.2em;
} #phone-assessment {
margin-top: 40px;
padding: 1.5em;
background: #cdde00;
color: #000;
text-align: center;
border-radius: 20px;
min-height: 240px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
} #phone-assessment img {
width: 100px;
} #m-ready .p-r-80 {
padding-right: 0 !important;
} #m-ready .p-l-80 {
padding-left: 0 !important;
} #m-ready .app-store {
display: block !important;
width: 250px !important;
max-width: 80% !important;
margin: 20px auto;
} #m-ready #mready-logo {
width: 300px;
max-width: 80%;
margin: 40px auto;
} #m-ready .twitter-section {
padding: 1.5em !important;
} .page-template-page-ha #chirpy-mob {
display: none;
} .page-template-page-ha .p-r-20 {
padding-right: 0 !important;
} .page-template-page-ha #header-bottom {
background-image: url(//tmpmortgages.co.uk/wp-content/themes/ashbestos_v3/library/images/curve.jpg);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
min-height: 1200px;
text-align: center;
} .page-template-page-ha main {
position: relative;
top: -50px;
margin-bottom: -50px;
} .page-template-page-ha .black-box {
overflow: hidden;
padding: 40px;
padding-bottom: 80px;
color: #fff;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-ha .black-box #around-you {
display: inline-block;
text-align: center;
} .page-template-page-ha .black-box #around-you svg {
width: 80% !important;
height: 80% !important;
} .page-template-page-ha #introboxes .intro-box-l {
padding: 1.5em;
background: #eeeeee;
text-align: center;
border-radius: 20px;
min-height: 500px;
position: relative;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
color: #000;
margin-bottom: 1.5em;
} .page-template-page-ha #introboxes .intro-box-l p {
max-width: 50ch;
margin: 0 auto;
} .page-template-page-ha #introboxes .intro-box-l h2 {
margin-top: 25px;
margin-bottom: 25px;
color: #000;
font-weight: 300;
} .page-template-page-ha #introboxes .intro-box-l svg {
max-width: 80px;
height: auto;
} .page-template-page-ha #introboxes .intro-box-l a.green-btn {
display: block;
position: absolute;
bottom: 3em;
left: 0;
right: 0;
margin: 0 auto;
} .page-template-page-ha #introboxes .intro-box-r {
padding: 1.5em;
background: #cdde00;
text-align: center;
border-radius: 20px;
min-height: 500px;
position: relative;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
color: #000;
} .page-template-page-ha #introboxes .intro-box-r p {
max-width: 50ch;
margin: 0 auto;
} .page-template-page-ha #introboxes .intro-box-r h2 {
margin-top: 25px;
margin-bottom: 25px;
color: #000;
font-weight: 300;
} .page-template-page-ha #introboxes .intro-box-r svg {
max-width: 80px;
height: auto;
} .page-template-page-ha #introboxes .intro-box-r a.green-btn {
display: block;
position: absolute;
bottom: 3em;
left: 0;
right: 0;
margin: 0 auto;
} .page-template-page-monthly-updates #monthly-updates {
position: relative;
} .page-template-page-monthly-updates #monthly-updates p br {
display: none;
} .page-template-page-monthly-updates #monthly-updates .mob-document-thumbnail {
display: block;
margin: 40px auto;
width: 75%;
height: auto;
transform: rotate(9deg);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-monthly-updates #monthly-updates .document-thumbnail {
display: none;
} .page-template-page-monthly-updates #monthly-updates .calendar {
display: none;
} .page-template-page-ha-insiders #lightbulb {
position: relative;
margin: 0 auto;
width: 100px;
height: 100px;
} .page-template-page-ha-insiders #secret {
display: none;
} .page-template-page-ha-insiders #chirpy-mob {
display: none;
} section#ha-blog {
position: relative;
} section#ha-blog p br {
display: none !important;
} section#ha-blog .swiper-container {
background-color: #000;
margin: 0 auto;
width: 90%;
min-height: 200px;
color: #000;
display: flex;
padding-bottom: 40px;
} section#ha-blog .swiper-container .swiper-pagination {
bottom: 0px;
} section#ha-blog .swiper-container .swiper-pagination-bullet {
background: #fff !important;
opacity: 1;
} section#ha-blog .swiper-container .swiper-pagination-bullet-active {
background: #cdde00 !important;
} section#ha-blog .swiper-container .swiper-slide .post-box {
padding: 1.5em;
background-color: #fff;
border-radius: 15px;
} section#ha-blog .swiper-container .swiper-slide .post-box .ha-article-title {
padding: 1.5em 0;
} section#ha-blog .swiper-container .swiper-slide .post-box .ha-article-title h3 {
min-height: 95px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
} section#ha-blog .swiper-button-next, section#ha-blog .swiper-button-prev {
color: #fff;
outline: none;
} section#ha-blog .swiper-button-next {
right: -15px;
} section#ha-blog .swiper-button-prev {
left: -15px;
} .page-template-page-ha-insiders #header-bottom {
background-image: url(//tmpmortgages.co.uk/wp-content/themes/ashbestos_v3/library/images/curve.jpg);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
min-height: 600px;
text-align: center;
} .page-template-page-ha-insiders main {
position: relative;
} .page-template-page-ha-insiders .p-t-80 {
padding-top: 40px !important;
} .page-template-page-ha-insiders .black-box {
overflow: hidden;
padding: 40px 1em;
color: #fff;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-ha-insiders .black-box #around-you {
display: inline-block;
text-align: center;
} .page-template-page-ha-insiders .black-box #around-you svg {
width: 80% !important;
height: 80% !important;
} .page-template-page-ha-insiders #monthly-updates {
position: relative;
} .page-template-page-ha-insiders #monthly-updates p br {
display: none;
} .page-template-page-ha-insiders #monthly-updates .mob-document-thumbnail {
display: block;
margin: 40px auto;
width: 75%;
height: auto;
transform: rotate(9deg);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-ha-insiders #monthly-updates .document-thumbnail {
display: none;
} .page-template-page-ha-insiders #monthly-updates .calendar {
display: none;
} .page-template-page-ha-insiders .green-box {
position: relative;
overflow: hidden;
padding: 40px;
padding-bottom: 80px;
color: #000;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-ha-insiders .green-box h2 {
color: #000;
margin-bottom: 40px;
} .page-template-page-ha-insiders #mu-grid {
max-width: 500px;
margin: 20px auto;
display: grid;
grid-template-columns: 1fr 1fr;
grid-tempalte-rows: auto;
grid-gap: 1.5em;
} .page-template-page-ha-insiders #mu-grid a.mu-download {
background: #fff;
border-radius: 15px;
padding: 1.5em;
color: #000;
font-weight: 600;
font-family: 2em;
text-transform: uppercase;
transition: background 0.5s ease, color 0.5s ease;
} .page-template-page-ha-insiders #mu-grid a.mu-download:hover, .page-template-page-ha-insiders #mu-grid a.mu-download.latest, .page-template-page-ha-insiders #mu-grid a.mu-download:first-of-type {
background: #000 !important;
color: #fff !important;
} .page-template-page-ha-insiders #exclusive-data-analysis {
position: relative;
} .page-template-page-ha-insiders #exclusive-data-analysis .swiper-container-report {
margin: 0 auto;
width: 90%;
min-height: 200px;
color: #000;
display: flex;
margin-top: 40px;
} .page-template-page-ha-insiders #exclusive-data-analysis .swiper-container-report .swiper-pagination-report {
bottom: 30px;
} .page-template-page-ha-insiders #exclusive-data-analysis .swiper-container-report .swiper-pagination-bullet {
background: #fff !important;
opacity: 1;
} .page-template-page-ha-insiders #exclusive-data-analysis .swiper-container-report .swiper-pagination-bullet-active {
background: #cdde00 !important;
} .page-template-page-ha-insiders #exclusive-data-analysis .swiper-container-report .swiper-slide img {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-ha-insiders #exclusive-data-analysis .swiper-button-next, .page-template-page-ha-insiders #exclusive-data-analysis .swiper-button-prev {
color: #cdde00;
outline: none;
} .page-template-page-ha-insiders #exclusive-data-analysis .report {
display: none;
position: relative;
} .page-template-page-ha-insiders .gray-box {
position: relative;
overflow: hidden;
padding: 40px;
padding-bottom: 80px;
color: #000;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-get-prepared .chirpy-headset {
display: none;
} .page-template-page-get-prepared .app-store {
max-width: 200px;
} .page-template-page-get-prepared #chirpy-mob, .page-template-page-get-prepared .chirpy-head, .page-template-page-get-prepared .check-this {
display: none;
} .page-template-page-get-prepared .report-icon {
margin: 20px auto;
width: 50%;
} .page-template-page-get-prepared .p-r-20 {
padding-right: 0 !important;
} .page-template-page-get-prepared #header-bottom {
background-image: url(//tmpmortgages.co.uk/wp-content/themes/ashbestos_v3/library/images/curve.jpg);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
min-height: auto;
text-align: center;
} .page-template-page-get-prepared main {
position: relative;
top: -50px;
margin-bottom: -50px;
} .page-template-page-get-prepared #which-grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
padding: 1.5em;
} .page-template-page-get-prepared #which-grid .graphic-r {
width: 200px;
justify-self: center;
align-content: center;
} .page-template-page-get-prepared #schemes-columns {
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.5em;
padding: 0 1.5em;
padding-bottom: 1.5em;
} .page-template-page-get-prepared #schemes-columns .schemes-grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-gap: 1.5em;
} .page-template-page-get-prepared #schemes-columns .schemes-grid .scheme {
color: #fff;
} .page-template-page-get-prepared #schemes-columns .schemes-grid .scheme h3 {
color: #cdde00 !important;
margin-bottom: 20px;
text-transform: uppercase;
font-size: 1.2em;
} .page-template-page-get-prepared #schemes-columns .schemes-grid .scheme p {
margin-bottom: 20px;
} .page-template-page-get-prepared #schemes-columns .schemes-grid .scheme #more-deets {
padding-top: 40px;
width: 100%;
} .page-template-page-get-prepared #schemes-columns .schemes-grid .scheme #more-deets path {
transition: fill 0.75s ease;
} .page-template-page-get-prepared #schemes-columns .schemes-grid .scheme #more-deets path:hover {
cursor: pointer;
} .page-template-page-get-prepared #schemes-columns .schemes-grid .scheme #more-deets path:hover#btn-bg {
fill: #fff;
} .page-template-page-get-prepared .black-box {
overflow: hidden;
padding: 40px;
padding-bottom: 80px;
color: #fff;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-get-prepared .black-box #around-you {
display: inline-block;
text-align: center;
} .page-template-page-get-prepared .black-box #around-you svg {
width: 80% !important;
height: 80% !important;
} .page-template-page-get-prepared #introboxes .intro-box-l {
padding: 1.5em;
background: #eeeeee;
text-align: center;
border-radius: 20px;
min-height: auto;
overflow: hidden;
position: relative;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
color: #000;
margin-bottom: 1.5em;
} .page-template-page-get-prepared #introboxes .intro-box-l p {
max-width: 50ch;
margin: 0 auto;
} .page-template-page-get-prepared #introboxes .intro-box-l h2 {
margin-top: 25px;
margin-bottom: 25px;
color: #000;
font-weight: 300;
} .page-template-page-get-prepared #introboxes .intro-box-l svg {
max-width: 80px;
height: auto;
} .page-template-page-get-prepared #introboxes .intro-box-l a.green-btn {
display: block;
position: absolute;
bottom: 3em;
left: 0;
right: 0;
margin: 0 auto;
} .page-template-page-get-prepared #introboxes .intro-box-r {
padding: 1.5em;
background: #cdde00;
text-align: center;
border-radius: 20px;
min-height: auto;
overflow: hidden;
position: relative;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
color: #000;
} .page-template-page-get-prepared #introboxes .intro-box-r p {
max-width: 50ch;
margin: 0 auto;
} .page-template-page-get-prepared #introboxes .intro-box-r h2 {
margin-top: 25px;
margin-bottom: 25px;
color: #000;
font-weight: 300;
} .page-template-page-get-prepared #introboxes .intro-box-r svg {
max-width: 80px;
height: auto;
} .page-template-page-get-prepared #introboxes .intro-box-r a.green-btn {
display: block;
position: absolute;
bottom: 3em;
left: 0;
right: 0;
margin: 0 auto;
} section#invitation-insight .in-in {
padding: 0 3em;
} section#invitation-insight .in-in.inv {
background-color: #eeeeee;
} section#invitation-insight .in-in.inv .in-main-content {
min-height: 200px;
} section#invitation-insight .in-in.inv img {
max-width: 250px;
display: inline-block;
} section#invitation-insight .in-in.ins {
background-color: #000;
color: #fff;
} section#invitation-insight .in-in.ins .in-main-content {
min-height: 200px;
} section#invitation-insight .in-in.ins h2 {
color: #fff;
} section#invitation-insight .in-in.ins img {
max-width: 250px;
display: inline-block;
} section#testimonials .swiper-container {
margin: 0 auto;
width: 100%;
min-height: 200px;
color: #000;
} section#testimonials .swiper-container .swiper-pagination-bullet {
background: #000 !important;
opacity: 1;
} section#testimonials .swiper-container .swiper-pagination-bullet-active {
background: #cdde00 !important;
} .single #header-bottom {
background-image: url(//tmpmortgages.co.uk/wp-content/themes/ashbestos_v3/library/images/curve.jpg);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
min-height: 600px;
text-align: center;
} .single main {
position: relative;
margin-top: -550px;
margin-bottom: 80px;
} .single #chirpy-mob {
display: none;
} .single .article-header {
position: relative;
} .single .article-header:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #2d2d2d;
opacity: .5;
border-radius: 40px;
} .single .p-l-40 {
padding-left: 0px !important;
} .single .article-banner {
background-color: #cdde00;
border-radius: 40px;
width: 100%;
min-height: 300px;
} .single .article-banner .article-title {
display: flex;
align-items: flex-end;
width: 100%;
height: 100%;
padding: 1em;
} .single .article-banner .entry-title {
color: #fff;
max-width: 100%;
font-weight: 300;
font-size: 2em !important;
text-transform: uppercase;
z-index: 999;
} .single .article-banner.short:before {
opacity: 0.3;
} .single .article-banner.short .article-title {
align-items: center;
} .single .article-banner.short .entry-title {
color: #000;
} .single .entry-content h2 {
font-size: 1.2em;
} .single #recent-posts {
background-color: #eeeeee;
border-radius: 25px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
padding: 1.5em;
} .single #recent-posts #recent-posts-list {
list-style-type: none;
padding: 0;
margin: 0;
} .single #recent-posts #recent-posts-list li {
margin-bottom: 20px;
} .single #recent-posts #recent-posts-list li .post-box img {
width: 75%;
} .single #recent-posts #recent-posts-list li .post-box .black-link {
color: #000;
text-decoration: underline;
} .loading {
top: 0%;
left: unset;
transform: unset;
position: absolute;
width: 300px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
color: #000;
background: #cdde00;
border-radius: 14px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
z-index: 999999;
} .page-template-page-assessment-application-return #chirpy-mob {
display: none;
} .page-template-page-assessment-application-return .gray-chirpie-bg.p-t-80 {
padding-top: 0px !important;
} .page-template-page-assessment-application-new input, .page-template-page-assessment-application-new select, .page-template-page-joint-assessment-application input, .page-template-page-joint-assessment-application select {
font-size: 16px !important;
} .page-template-page-assessment-application-new .gray-chirpie-bg.p-t-80, .page-template-page-joint-assessment-application .gray-chirpie-bg.p-t-80 {
padding-top: 0 !important;
} .page-template-page-assessment-application-new #dob_dd-error, .page-template-page-assessment-application-new #applicant_2_dob_dd-error, .page-template-page-joint-assessment-application #dob_dd-error, .page-template-page-joint-assessment-application #applicant_2_dob_dd-error {
display: none !important;
} .page-template-page-assessment-application-new #dob_mm-error, .page-template-page-assessment-application-new #applicant_2_dob_mm-error, .page-template-page-joint-assessment-application #dob_mm-error, .page-template-page-joint-assessment-application #applicant_2_dob_mm-error {
display: none !important;
} .page-template-page-assessment-application-new #dob_yyyy-error, .page-template-page-assessment-application-new #applicant_2_dob_yyyy-error, .page-template-page-joint-assessment-application #dob_yyyy-error, .page-template-page-joint-assessment-application #applicant_2_dob_yyyy-error {
display: none !important;
} .page-template-page-assessment-application-new #moved_dd-error, .page-template-page-assessment-application-new #applicant_2_moved_dd-error, .page-template-page-joint-assessment-application #moved_dd-error, .page-template-page-joint-assessment-application #applicant_2_moved_dd-error {
display: none !important;
} .page-template-page-assessment-application-new #moved_mm-error, .page-template-page-assessment-application-new #applicant_2_moved_mm-error, .page-template-page-joint-assessment-application #moved_mm-error, .page-template-page-joint-assessment-application #applicant_2_moved_mm-error {
display: none !important;
} .page-template-page-assessment-application-new #moved_yyyy-error, .page-template-page-assessment-application-new #applicant_2_moved_yyyy-error, .page-template-page-joint-assessment-application #moved_yyyy-error, .page-template-page-joint-assessment-application #applicant_2_moved_yyyy-error {
display: none !important;
} .page-template-page-assessment-application-new #started_dd-error, .page-template-page-assessment-application-new #applicant_2_started_dd-error, .page-template-page-joint-assessment-application #started_dd-error, .page-template-page-joint-assessment-application #applicant_2_started_dd-error {
display: none !important;
} .page-template-page-assessment-application-new #started_mm-error, .page-template-page-assessment-application-new #applicant_2_started_mm-error, .page-template-page-joint-assessment-application #started_mm-error, .page-template-page-joint-assessment-application #applicant_2_started_mm-error {
display: none !important;
} .page-template-page-assessment-application-new #started_yyyy-error, .page-template-page-assessment-application-new #applicant_2_started_yyyy-error, .page-template-page-joint-assessment-application #started_yyyy-error, .page-template-page-joint-assessment-application #applicant_2_started_yyyy-error {
display: none !important;
} .page-template-page-assessment-application-new .error, .page-template-page-joint-assessment-application .error {
color: red;
font-size: 12px !important;
} .page-template-page-assessment-application-new .green-btn, .page-template-page-assessment-application-new .black-btn, .page-template-page-assessment-application-new .white-btn, .page-template-page-joint-assessment-application .green-btn, .page-template-page-joint-assessment-application .black-btn, .page-template-page-joint-assessment-application .white-btn {
padding: 0.75em 1em;
} .page-template-page-assessment-application-new footer, .page-template-page-joint-assessment-application footer {
background-color: #1d1d1b;
} .page-template-page-assessment-application-new .modal, .page-template-page-joint-assessment-application .modal {
font-size: 1.2em;
background-color: #cdde00;
} .page-template-page-assessment-application-new .radio-inputs ul, .page-template-page-joint-assessment-application .radio-inputs ul {
width: 100%;
list-style: none;
margin: 0;
padding: 0;
overflow: auto;
display: flex;
justify-content: flex-start;
} .page-template-page-assessment-application-new .radio-inputs#applying-for ul, .page-template-page-assessment-application-new .radio-inputs#application_2_applying-for ul, .page-template-page-joint-assessment-application .radio-inputs#applying-for ul, .page-template-page-joint-assessment-application .radio-inputs#application_2_applying-for ul {
justify-content: center;
} .page-template-page-assessment-application-new .radio-inputs ul li, .page-template-page-joint-assessment-application .radio-inputs ul li {
color: #000;
display: block;
position: relative;
float: left;
max-width: auto;
width: auto;
min-height: 60px;
} .page-template-page-assessment-application-new .radio-inputs ul li input[type=radio], .page-template-page-joint-assessment-application .radio-inputs ul li input[type=radio] {
position: absolute;
visibility: hidden;
} .page-template-page-assessment-application-new .radio-inputs ul li label, .page-template-page-joint-assessment-application .radio-inputs ul li label {
display: block;
position: relative;
font-weight: 300;
font-size: 1em;
padding: 10px 10px 10px 50px;
margin: 10px auto;
z-index: 9;
cursor: pointer;
-webkit-transition: all 0.25s linear;
} .page-template-page-assessment-application-new .radio-inputs ul li:hover label, .page-template-page-joint-assessment-application .radio-inputs ul li:hover label {
color: #000;
} .page-template-page-assessment-application-new .radio-inputs ul li .check, .page-template-page-joint-assessment-application .radio-inputs ul li .check {
display: block;
position: absolute;
border: 5px solid #000;
border-radius: 100%;
height: 25px;
width: 25px;
top: 30px;
left: 20px;
z-index: 5;
transition: border .25s linear;
-webkit-transition: border .25s linear;
} .page-template-page-assessment-application-new .radio-inputs ul li:hover .check, .page-template-page-joint-assessment-application .radio-inputs ul li:hover .check {
border: 5px solid #cdde00;
} .page-template-page-assessment-application-new .radio-inputs ul li .check::before, .page-template-page-joint-assessment-application .radio-inputs ul li .check::before {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 15px;
width: 15px;
top: 0px;
left: 0px;
margin: auto;
transition: background 0.25s linear;
-webkit-transition: background 0.25s linear;
} .page-template-page-assessment-application-new .radio-inputs input[type=radio]:checked ~ .check, .page-template-page-joint-assessment-application .radio-inputs input[type=radio]:checked ~ .check {
border: 5px solid #000;
} .page-template-page-assessment-application-new .radio-inputs input[type=radio]:checked ~ .check::before, .page-template-page-joint-assessment-application .radio-inputs input[type=radio]:checked ~ .check::before {
background: #000;
} .page-template-page-assessment-application-new .radio-inputs input[type=radio]:checked ~ label, .page-template-page-joint-assessment-application .radio-inputs input[type=radio]:checked ~ label {
color: #000;
} .page-template-page-assessment-application-new section#formFrame, .page-template-page-joint-assessment-application section#formFrame {
width: 100%;
line-height: normal;
} .page-template-page-assessment-application-new section#formFrame.p-t-40, .page-template-page-joint-assessment-application section#formFrame.p-t-40 {
padding-top: 0 !important;
} .page-template-page-assessment-application-new section#formFrame .button-div, .page-template-page-joint-assessment-application section#formFrame .button-div {
display: flex;
flex-direction: column-reverse;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide, .page-template-page-joint-assessment-application section#formFrame .swiper-slide {
visibility: hidden;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide.swiper-slide-active, .page-template-page-joint-assessment-application section#formFrame .swiper-slide.swiper-slide-active {
visibility: visible !important;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide.swiper-slide-active svg, .page-template-page-joint-assessment-application section#formFrame .swiper-slide.swiper-slide-active svg {
display: block;
} .page-template-page-assessment-application-new section#formFrame input[type=text], .page-template-page-assessment-application-new section#formFrame input[type=date], .page-template-page-assessment-application-new section#formFrame input[type=number], .page-template-page-assessment-application-new section#formFrame input[type=email], .page-template-page-assessment-application-new section#formFrame input[type=tel], .page-template-page-assessment-application-new section#formFrame select, .page-template-page-assessment-application-new section#formFrame .select-2, .page-template-page-joint-assessment-application section#formFrame input[type=text], .page-template-page-joint-assessment-application section#formFrame input[type=date], .page-template-page-joint-assessment-application section#formFrame input[type=number], .page-template-page-joint-assessment-application section#formFrame input[type=email], .page-template-page-joint-assessment-application section#formFrame input[type=tel], .page-template-page-joint-assessment-application section#formFrame select, .page-template-page-joint-assessment-application section#formFrame .select-2 {
display: none;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide-active input[type=text], .page-template-page-assessment-application-new section#formFrame .swiper-slide-active input[type=date], .page-template-page-assessment-application-new section#formFrame .swiper-slide-active input[type=number], .page-template-page-assessment-application-new section#formFrame .swiper-slide-active input[type=email], .page-template-page-assessment-application-new section#formFrame .swiper-slide-active input[type=tel], .page-template-page-assessment-application-new section#formFrame .swiper-slide-active select, .page-template-page-assessment-application-new section#formFrame .swiper-slide-active .select-2, .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active input[type=text], .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active input[type=date], .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active input[type=number], .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active input[type=email], .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active input[type=tel], .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active .select-2 {
display: inline-block;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide, .page-template-page-joint-assessment-application section#formFrame .swiper-slide {
padding: 0.5em;
display: flex;
align-items: center;
outline: 0;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .ques-icon, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .ques-icon {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .white-btn, .page-template-page-assessment-application-new section#formFrame .swiper-slide .black-btn, .page-template-page-assessment-application-new section#formFrame .swiper-slide .green-btn, .page-template-page-assessment-application-new section#formFrame .swiper-slide .white-outline-btn, .page-template-page-assessment-application-new section#formFrame .swiper-slide .green-outline-btn, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .white-btn, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .black-btn, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .green-btn, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .white-outline-btn, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .green-outline-btn {
width: 100%;
margin-bottom: 10px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
overflow: hidden;
flex-direction: column;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full {
min-height: 500px;
width: 100%;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields .select2, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields .select2, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2 {
display: block;
max-width: 100%;
width: 100%;
height: 40px;
border-radius: 25px !important;
border: 0;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select {
display: block;
width: 100%;
height: 40px;
border-radius: 10px !important;
border: 0;
background: #eeeeee;
padding-left: 5px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select.dob_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select.moved_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select.started_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.dob_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.moved_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.started_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select.dob_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select.moved_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select.started_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.dob_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.moved_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.started_select {
display: inline-block;
width: auto;
min-width: 15%;
height: 40px;
border-radius: 10px !important;
border: 0;
background: #eeeeee;
padding-left: 5px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields .select2-selection, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2-selection, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields .select2-selection, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2-selection {
height: 40px;
background: #eeeeee;
border: 0;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields .select2-selection .select2-selection__rendered, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2-selection .select2-selection__rendered, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields .select2-selection .select2-selection__rendered, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2-selection .select2-selection__rendered {
line-height: 40px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=text], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=date], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=number], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=email], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=tel], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=text], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=date], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=number], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=email], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=tel], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=text], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=date], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=number], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=email], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=tel], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=text], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=date], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=number], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=email], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=tel] {
width: 100%;
height: 40px;
background: #f5f5f5;
border-radius: 25px;
border: 0;
padding: 0px 10px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=text]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=date]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=number]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=email]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=tel]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=text]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=date]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=number]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=email]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=tel]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=text]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=date]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=number]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=email]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=tel]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=text]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=date]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=number]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=email]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=tel]:focus {
outline: none;
border: 1px solid #eaedf2;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields label, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full label, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields label, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full label {
display: block;
font-size: 1.2em;
font-weight: 600;
padding-bottom: 5px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields label .ques-icon, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full label .ques-icon, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields label .ques-icon, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full label .ques-icon {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full {
width: 100%;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .info-box, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .info-box {
order: 1;
margin-top: 40px;
margin-bottom: 40px;
width: 100%;
background-color: #eeeeee;
padding: 1.5em;
border-radius: 25px;
min-height: 400px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .info-box .info-heading, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .info-box .info-heading {
margin-bottom: 20px;
} .page-template-page-assessment-application-new section#formFrame .title-screen, .page-template-page-joint-assessment-application section#formFrame .title-screen {
background-color: #000;
color: #fff;
} .page-template-page-assessment-application-new section#formFrame .swiper-pagination-bullets, .page-template-page-joint-assessment-application section#formFrame .swiper-pagination-bullets {
position: relative !important;
padding: 1rem;
background: #000;
} .page-template-page-assessment-application-new section#formFrame .swiper-pagination-bullet, .page-template-page-joint-assessment-application section#formFrame .swiper-pagination-bullet {
width: 20px;
height: 20px;
background: #eeeeee;
opacity: 1;
} .page-template-page-assessment-application-new section#formFrame .swiper-pagination-bullet-active, .page-template-page-joint-assessment-application section#formFrame .swiper-pagination-bullet-active {
background: #cdde00 !important;
} .page-template-page-assessment-application-new section#formFrame #options-grid, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid, .page-template-page-joint-assessment-application section#formFrame #options-grid, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid {
margin-top: 40px;
margin-bottom: 40px;
max-width: 800px;
display: flex;
align-items: center;
justify-content: space-between;
text-align: center;
flex-direction: column;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon {
width: 220px;
min-height: 220px;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon:hover, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon:hover, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon:hover, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon:hover, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon:hover, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon:hover, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon:hover, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon:hover {
cursor: pointer;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon:hover span, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon:hover span, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon:hover span, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon:hover span, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon:hover span, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon:hover span, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon:hover span, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon:hover span {
color: #cdde00;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon.option-selected span, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon.option-selected span, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected span, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon.option-selected span, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon.option-selected span, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon.option-selected span, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected span, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon.option-selected span {
color: #cdde00;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon.option-selected svg path, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon.option-selected svg path, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon.option-selected svg path, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon.option-selected svg path, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path {
fill: #fff !important;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon.option-selected svg path.icon-circ, .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon.option-selected svg path.hover-dark, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon.option-selected svg path.icon-circ, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon.option-selected svg path.hover-dark, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path.icon-circ, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path.hover-dark, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path.icon-circ, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon.option-selected svg path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon.option-selected svg path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon.option-selected svg path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon.option-selected svg path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path.hover-dark {
fill: #1d1d1d !important;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon svg path, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon svg path, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon svg path, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon svg path, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon svg path, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon svg path, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon svg path, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon svg path {
transition: fill 0.5s ease;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon svg:hover, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon svg:hover, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon svg:hover, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon svg:hover, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon svg:hover, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon svg:hover {
cursor: pointer;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon svg:hover path, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon svg:hover path, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon svg:hover path, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon svg:hover path, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path {
fill: #fff !important;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon svg:hover path.icon-circ, .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon svg:hover path.hover-dark, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon svg:hover path.icon-circ, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon svg:hover path.hover-dark, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path.icon-circ, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path.hover-dark, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path.icon-circ, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon svg:hover path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon svg:hover path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon svg:hover path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon svg:hover path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path.hover-dark {
fill: #1d1d1d !important;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon span, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon span, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon span, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon span, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon span, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon span, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon span, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon span {
display: inline-block;
padding: 10px 0px;
font-weight: 600;
font-size: 1.2em;
} section#sustainability #sustainability-grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-gap: 1.5em;
padding: 1.5em;
} section#sustainability #sustainability-grid #sustainability-copy {
text-align: center;
} section#sustainability #sustainability-grid #sustainability-copy h2 {
margin-bottom: 20px;
font-size: 1.2em;
} section#sustainability #sustainability-grid #sustainability-copy p {
margin-bottom: 20px;
} section#sustainability #sustainability-grid #sustainability-copy .black-outline-btn {
margin-bottom: 20px;
} section#sustainability #sustainability-grid #sustainability-copy #lockdown-hidden a {
color: #000 !important;
text-decoration: underline;
} section#sustainability #sustainability-grid #sustainability-graphic {
width: 150px;
max-width: 100%;
justify-self: center;
} .black-box {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} section#charity #charity-grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-gap: 1.5em;
padding: 1.5em;
} section#charity #charity-grid #charity-copy h2 {
margin-bottom: 40px;
} section#charity #charity-grid #charity-copy p {
margin-bottom: 20px;
} section#charity #charity-grid #charity-copy a.black-btn-wide {
margin-top: 20px;
} section#charity #charity-grid #tommy-crush-logo, section#charity #charity-grid #gift-graphic {
width: 150px;
max-width: 100%;
margin: 0 auto;
} section#charity #charity-grid #tommy-crush-logo {
align-self: center;
justify-self: center;
} .page-template-page-explainers-1 #header-bottom, .page-template-page-explainers-2 #header-bottom, .page-template-page-explainers-3 #header-bottom {
background-image: url(//tmpmortgages.co.uk/wp-content/themes/ashbestos_v3/library/images/curve.jpg);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
min-height: 700px;
text-align: center;
} .page-template-page-explainers-1 main, .page-template-page-explainers-2 main, .page-template-page-explainers-3 main {
position: relative;
top: -175px;
margin-bottom: -175px;
} .page-template-page-explainers-1 #disclaimer #disclaimer-grid, .page-template-page-explainers-2 #disclaimer #disclaimer-grid, .page-template-page-explainers-3 #disclaimer #disclaimer-grid {
background-color: #cdde00;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-gap: 3em;
padding: 1.5em 3em;
} .page-template-page-explainers-1 #disclaimer #disclaimer-grid img, .page-template-page-explainers-2 #disclaimer #disclaimer-grid img, .page-template-page-explainers-3 #disclaimer #disclaimer-grid img {
width: 80px;
height: auto;
justify-self: center;
align-self: center;
} .page-template-page-explainers-1 .hb-wrap {
margin: 0 auto;
padding-top: 50px;
position: relative;
} .page-template-page-explainers-1 #help-with-app {
position: relative;
width: 200px;
height: 200px;
margin: 0 auto;
} .page-template-page-explainers-1 #app-help-icon {
position: relative;
width: 200px;
margin: 0 auto;
} .page-template-page-explainers-1 #search-box-grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
} .page-template-page-explainers-1 #search-box-grid #me-title {
position: relative;
width: 100%;
} .page-template-page-explainers-1 #search-box-grid #explainer-search-input {
justify-content: center;
padding: 1.5em 2.5em;
} .page-template-page-explainers-1 #search-box-grid #explainer-search-input .sf-field-search label {
width: 100%;
} .page-template-page-explainers-1 #search-box-grid #explainer-search-input .sf-field-search label input {
width: 100%;
height: 60px;
padding: 0 1.5em;
border-radius: 30px;
} .page-template-page-explainers-1 #search-box-grid #explainer-search-input .sf-field-search label input:focus {
outline: 1px solid #cdde00;
} .page-template-page-explainers-1 ul.jump-to-list {
list-style-type: none;
} .page-template-page-explainers-1 ul.jump-to-list li {
font-size: 1.5em;
text-transform: uppercase;
} .page-template-page-explainers-1 ul.jump-to-list li a {
color: #000;
} .page-template-page-explainers-1 #phrases, .page-template-page-explainers-1 #mortgage-and-buying {
background-color: #eaedf2;
padding: 1.5em;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-1 #money-stuff {
background-color: #000;
color: #fff;
padding: 1.5em;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-1 #exp-ctas-grid {
display: grid;
grid-template-columns: 1fr;
grid-gap: 40px;
align-items: space-between;
justify-content: center;
text-align: center;
} .page-template-page-explainers-1 #exp-ctas-grid #fancy-copy {
padding: 1.5em;
background-color: #eaedf2;
color: #000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-1 #exp-ctas-grid #fancy-copy img {
display: inline-block;
max-width: 150px;
} .page-template-page-explainers-1 #exp-ctas-grid #get-in-touch {
padding: 1.5em;
background-color: #cdde00;
color: #000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-1 #exp-ctas-grid #get-in-touch img {
display: inline-block;
max-width: 150px;
} .page-template-page-explainers-1 #g1 {
position: relative;
width: 150px;
} .page-template-page-explainers-1 #g2 {
position: relative;
width: 150px;
} .page-template-page-explainers-1 #g3 {
position: relative;
width: 150px;
} .page-template-page-explainers-1 #g4 {
width: 150px;
} .page-template-page-explainers-2 .hb-wrap {
max-width: 1030px;
margin: 0 auto;
padding-top: 50px;
position: relative;
} .page-template-page-explainers-2 #help-with-app {
position: absolute;
right: -100px;
top: 50px;
width: 200px;
height: 200px;
} .page-template-page-explainers-2 #app-help-icon {
position: absolute;
left: -100px;
top: 100px;
width: 200px;
} .page-template-page-explainers-2 #search-box-grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
} .page-template-page-explainers-2 #search-box-grid #me-title {
position: relative;
width: 100%;
} .page-template-page-explainers-2 #search-box-grid #explainer-search-input {
justify-content: center;
padding: 1.5em 2.5em;
} .page-template-page-explainers-2 #search-box-grid #explainer-search-input .sf-field-search label {
width: 100%;
} .page-template-page-explainers-2 #search-box-grid #explainer-search-input .sf-field-search label input {
width: 100%;
height: 60px;
padding: 0 1.5em;
border-radius: 30px;
} .page-template-page-explainers-2 #search-box-grid #explainer-search-input .sf-field-search label input:focus {
outline: 1px solid #00a199;
} .page-template-page-explainers-2 ul.jump-to-list {
list-style-type: none;
} .page-template-page-explainers-2 ul.jump-to-list li {
font-size: 1.5em;
text-transform: uppercase;
} .page-template-page-explainers-2 ul.jump-to-list li a {
color: #000;
} .page-template-page-explainers-2 #phrases, .page-template-page-explainers-2 #mortgage-and-buying {
background-color: #eaedf2;
padding: 1.5em;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-2 #money-stuff {
background-color: #000;
color: #fff;
padding: 1.5em;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-2 #exp-ctas-grid {
display: grid;
grid-template-columns: 1fr;
grid-gap: 40px;
align-items: space-between;
justify-content: center;
text-align: center;
} .page-template-page-explainers-2 #exp-ctas-grid #fancy-copy {
padding: 1.5em;
background-color: #eaedf2;
color: #000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-2 #exp-ctas-grid #fancy-copy img {
display: inline-block;
max-width: 150px;
} .page-template-page-explainers-2 #exp-ctas-grid #get-in-touch {
padding: 1.5em;
background-color: #cdde00;
color: #000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-2 #exp-ctas-grid #get-in-touch img {
display: inline-block;
max-width: 150px;
} .page-template-page-explainers-3 .hb-wrap {
margin: 0 auto;
position: relative;
} .page-template-page-explainers-3 #help-with-app {
position: relative;
width: 200px;
height: 200px;
} .page-template-page-explainers-3 #app-help-icon {
position: relative;
width: 200px;
} .page-template-page-explainers-3 #search-box-grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
} .page-template-page-explainers-3 #search-box-grid #me-title {
position: relative;
width: 100%;
} .page-template-page-explainers-3 #search-box-grid #explainer-search-input {
justify-content: center;
padding: 1.5em 2.5em;
} .page-template-page-explainers-3 #search-box-grid #explainer-search-input .sf-field-search label {
width: 100%;
} .page-template-page-explainers-3 #search-box-grid #explainer-search-input .sf-field-search label input {
width: 100%;
height: 60px;
padding: 0 1.5em;
border-radius: 30px;
} .page-template-page-explainers-3 #search-box-grid #explainer-search-input .sf-field-search label input:focus {
outline: 1px solid #00a199;
} .page-template-page-explainers-3 ul.jump-to-list {
list-style-type: none;
} .page-template-page-explainers-3 ul.jump-to-list li {
font-size: 1.5em;
text-transform: uppercase;
} .page-template-page-explainers-3 ul.jump-to-list li a {
color: #000;
} .page-template-page-explainers-3 #phrases, .page-template-page-explainers-3 #mortgage-and-buying {
background-color: #eaedf2;
padding: 1.5em;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-3 #money-stuff {
background-color: #000;
color: #fff;
padding: 1.5em;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-3 #exp-ctas-grid {
display: grid;
grid-template-columns: 1fr;
grid-gap: 40px;
align-items: space-between;
justify-content: center;
text-align: center;
} .page-template-page-explainers-3 #exp-ctas-grid #fancy-copy {
padding: 1.5em;
background-color: #eaedf2;
color: #000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-3 #exp-ctas-grid #fancy-copy img {
display: inline-block;
max-width: 150px;
} .page-template-page-explainers-3 #exp-ctas-grid #get-in-touch {
padding: 1.5em;
background-color: #cdde00;
color: #000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-3 #exp-ctas-grid #get-in-touch img {
display: inline-block;
max-width: 150px;
} .green-dot {
display: inline-block;
background-color: #cdde00;
width: 8px;
height: 8px;
border-radius: 50%;
margin: 5px;
} .accordion[role="tablist"] dt {
font-size: 1.2em;
} .accordion dt {
font-size: 1.2em;
} .click-here-container {
position: relative;
width: 100%;
} .click-here-roundel {
width: 150px;
position: absolute;
right: 0px;
top: -100px;
margin-bottom: 100px;
} select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
font-size: 16px;
} #mortgages-explained-boxes {
position: relative;
} #mortgages-explained-boxes #mortgages-explained-boxes-grid {
display: grid;
grid-template-columns: 1fr;
grid-gap: 1em;
} #mortgages-explained-boxes #mortgages-explained-boxes-grid .mortages-explained-box {
margin-top: 40px;
text-align: left;
padding: 1.5rem;
border-radius: 7px;
display: flex;
flex-direction: column;
position: relative;
} #mortgages-explained-boxes #mortgages-explained-boxes-grid .mortages-explained-box:nth-of-type(1) {
background-color: #cdde00;
} #mortgages-explained-boxes #mortgages-explained-boxes-grid .mortages-explained-box:nth-of-type(2) {
background-color: #00a199;
} #mortgages-explained-boxes #mortgages-explained-boxes-grid .mortages-explained-box:nth-of-type(3) {
background-color: #ff8300;
} #mortgages-explained-boxes #mortgages-explained-boxes-grid .mortages-explained-box .me-box-label {
text-transform: uppercase;
font-size: 2rem;
font-weight: bold;
min-height: 125px;
padding: 5px;
border-radius: 7px;
margin-bottom: 0px;
flex: 1;
} #mortgages-explained-boxes #mortgages-explained-boxes-grid .mortages-explained-box .me-box-label span {
display: inline;
padding: 5px;
background-color: #fff;
outline: 10px solid white;
} #mortgages-explained-boxes #mortgages-explained-boxes-grid .mortages-explained-box .me-box-body {
font-size: 1.2em;
min-height: 100px;
margin-left: -1.5em;
margin-right: -1.5em;
color: #000;
padding: 0px 20px;
margin-bottom: 0px;
display: flex;
justify-content: flex-start;
align-items: center;
} #mortgages-explained-boxes #mortgages-explained-boxes-grid .mortages-explained-box .guide-graphic {
display: block;
width: 60%;
position: relative;
margin: 20px 0;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);
border: 10px solid white;
} .page-template-page-mortgages-explained #search-box-grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
} .page-template-page-mortgages-explained #search-box-grid #me-title {
position: relative;
width: 200px;
margin: 10px auto;
} .page-template-page-mortgages-explained #search-box-grid #explainer-search-input {
justify-content: center;
padding: 1.5em 2.5em;
} .page-template-page-mortgages-explained #search-box-grid #explainer-search-input .sf-field-search label {
width: 100%;
} .page-template-page-mortgages-explained #search-box-grid #explainer-search-input .sf-field-search label input {
width: 100%;
height: 60px;
padding: 0 1.5em;
border-radius: 30px;
} .page-template-page-mortgages-explained #search-box-grid #explainer-search-input .sf-field-search label input:focus {
outline: 1px solid #00a199;
} #me-main-cta br {
display: none;
} .page-template-page-mortgages-explained #chirpy-mob {
display: none;
} #assessment-options {
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.5rem;
} .options-box {
background-color: #cdde00;
color: black;
border-radius: 25px;
padding: 0.5rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-end;
} #aff-cal.ui-slideouttab-panel {
z-index: 99999;
color: #fff;
background-color: #000;
border-color: #cdde00;
padding: 1.5rem;
border-radius: 0px 0px 25px 0px;
max-width: calc(100% - 1rem);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22), 0 14px 56px rgba(0, 0, 0, 0.25);
} #aff-cal.ui-slideouttab-panel .handle {
background-color: #cdde00;
color: #000;
font-weight: bold;
padding: 0.5rem;
} #aff-cal.ui-slideouttab-panel .handle:hover {
text-decoration: none !important;
} #aff-cal.ui-slideouttab-panel #aff-cal-contents {
display: flex;
flex-direction: column;
align-items: space-between;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
} #aff-cal.ui-slideouttab-panel #share-info {
background-color: #eeeeee;
color: #000;
padding: 0.75rem;
border-radius: 7px;
} #aff-cal.ui-slideouttab-panel #share-info .info-icon {
display: inline-block;
width: 20px;
height: 20px;
} #aff-cal.ui-slideouttab-panel #aff-cal-info {
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
} #aff-cal.ui-slideouttab-panel #aff-cal-info h4 {
color: #fff;
margin-bottom: 0.5rem;
} #aff-cal.ui-slideouttab-panel #calculation-error {
color: red;
padding-top: 1rem;
} #aff-cal.ui-slideouttab-panel #result {
display: none;
padding: 1rem;
border-radius: 15px;
text-align: center;
} #aff-cal.ui-slideouttab-panel #result h4 {
color: #fff;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
font-size: 1.2rem;
} #aff-cal.ui-slideouttab-panel #result a {
width: auto;
} #aff-cal.ui-slideouttab-panel #result svg {
width: 60%;
display: block;
margin: 1.5rem auto;
} #aff-cal.ui-slideouttab-panel #result #result-ctas {
width: 100%;
display: grid;
grid-template-columns: 50% 1fr;
grid-gap: 0.5rem;
} #aff-cal.ui-slideouttab-panel #result #results-calculations {
background-color: #fff;
color: #000;
padding: 0.5rem;
margin: 0.5rem 0rem;
} #aff-cal.ui-slideouttab-panel label {
display: block;
margin-top: 10px;
} #aff-cal.ui-slideouttab-panel input {
width: 100%;
padding: 8px;
margin-top: 5px;
margin-bottom: 20px;
border: 1px solid #ccc;
border-radius: 3px;
}
}
@media only screen and (max-width: 1239px) {  .header .bit-60, .header .bit-75 {
text-align: center;
} .hb-wrap, .wrap, .inner-wrap {
padding: 0 1.5em;
} .mcenter {
text-align: center;
} #header-bottom {
padding-top: 80px;
padding-bottom: 60px;
background-color: #eee;
overflow: hidden;
} #header-bottom .header-quote {
max-width: 60%;
margin: 0 auto;
} #chirpy-mob {
display: block;
} .chirpy-headset {
margin: 0 auto;
max-width: 50%;
} #logo {
padding-top: 1em;
} section#working-together {
position: relative;
} section#working-together .gray-chirpie-bg {
background-color: #eaedf2;
min-height: 600px;
text-align: center;
padding: 1em;
} section#working-together .get-your-copy {
display: none;
} section#careers {
padding-top: 40px;
background-image: url(//tmpmortgages.co.uk/wp-content/themes/ashbestos_v3/library/images/chirpie-hats-bg.jpg);
background-size: cover;
background-position: bottom center;
position: relative;
} section#careers .team-tmp {
width: 200px;
margin: 0 auto;
} section#careers .were-hiring {
width: 200px;
height: auto;
margin: 0 auto;
position: relative;
} section#careers .careers-content {
margin: 0 auto;
max-width: 640px;
padding: 1.5em;
} section#careers .careers-content h2 {
margin-bottom: 40px;
} section#careers .careers-content p {
margin-bottom: 20px;
} section.ctas-section {
position: relative;
min-height: 500px;
top: 0px;
margin-bottom: 0px;
} section.ctas-section .eqWrap {
display: flex;
} section.ctas-section .eq {
padding: 1.5em;
background: #000;
color: #fff;
text-align: center;
border-radius: 20px;
min-height: 350px;
position: relative;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} section.ctas-section .eq h2 {
margin-top: 25px;
margin-bottom: 25px;
color: #fff;
font-weight: 300;
} section.ctas-section .eq svg {
max-width: 80px;
height: auto;
} section.ctas-section .eq a.green-btn {
display: block;
position: absolute;
bottom: 3em;
left: 0;
right: 0;
margin: 0 auto;
} section.ctas-section .not-ready {
display: none;
} section.ctas-section .not-ready-mob {
display: block;
text-align: center;
} section.ctas-section .not-ready-mob svg {
display: inline-block;
width: 200px;
max-width: 100%;
} section.ctas-section .equalHW {
flex: 1;
} section.ctas-section .equalHMWrap {
justify-content: space-between;
} section.ctas-section .equalHM {
width: 100%;
} section.ctas-section .equalHMR {
width: 100%;
margin-bottom: 2%;
} section.ctas-section .featured-testimonial {
text-align: center;
} section.ctas-section .featured-testimonial.p-t-100 {
padding-top: 40px !important;
} section.ctas-section .not-ready {
text-align: center;
} section.ctas-section .not-ready svg {
display: inline-block;
max-width: 200px;
position: relative;
top: 0px !important;
right: 0 !important;
left: 0 !important;
z-index: 99;
} .ctas-section .ctas {
display: flex;
flex-direction: column;
align-items: center;
} .ctas-section .ctas .bit-25:first-of-type {
order: 3;
display: flex;
justify-content: center;
} .ctas-section .ctas .bit-2 {
order: 2;
} .ctas-section .ctas .bit-25:last-of-type {
padding-bottom: 20px;
order: 1;
} #phone-assessment {
margin-top: 40px;
padding: 1.5em;
background: #cdde00;
color: #000;
text-align: center;
border-radius: 20px;
min-height: 240px;
position: relative;
display: block;
} #phone-assessment img {
width: 100px;
position: relative;
margin: 20px auto;
} section#team {
color: #000;  } section#team .frame {
position: relative;
} section#team .frame .wrap {
position: relative;
} section#team .tip-top {
display: inline-block;
max-width: 175px;
position: absolute;
top: 40px;
left: 40px;
} section#team .work-with-us {
display: none;
} section#team .work-with-us img {
display: inline-block;
max-width: 175px;
position: absolute;
top: 40px;
right: 40px;
} section#team .work-with-us img:hover {
cursor: pointer;
} section#team .work-with-us img:hover path {
fill: #cdde00;
} section#team .work-with-us-mob {
display: none;
} section#team .btn-div {
padding-bottom: 10px;
} section#team h2 {
color: #000;
} section#team .mel-nav ul {
display: flex;
flex-direction: row;
padding-left: 15px;
} section#team .mel-nav li {
padding-right: 15px;
cursor: pointer;
} section#team .meet-the-team-container {
background: #00a199;
overflow: -moz-scrollbars-horizontal;
overflow-y: hidden;
} section#team .swiper {
overflow: hidden;
} section#team .swiper-slide {
-webkit-box-sizing: border-box;
box-sizing: border-box;
} section#team .swiper-scrollbar {
opacity: 1 !important;
transition: opacity 0.3s;
z-index: 9999;
} section#team .swiper-container-inner {
display: flex;
} section#team .swiper-slide {
width: auto !important;
} section#team .swiper-container:hover .swiper-scrollbar {
opacity: 1 !important;
} section#team .swiper-container:not(.swiper-container-dragging):not(:hover) .swiper-scrollbar {
opacity: 0 !important;
} section#team .swiper-scrollbar {
height: 25px;
padding: 5px 0px;
} section#team .swiper-scrollbar-drag {
background-color: #00a199;
} section#team .mel-grid {
width: 100%;
height: auto;
display: block;
grid-template-columns: 100%;
grid-template-rows: repeat(2, 350px);
overflow: scroll; } section#team .mel-grid:after {
content: '';
display: block;
clear: both;
} section#team .med-grid-adjust {
grid-template-columns: repeat(auto-fill, 400px) !important;
grid-template-rows: repeat(2, 350px);
height: auto;
} section#team .med-grid-adjust-more {
grid-template-columns: repeat(auto-fill, 400px) !important;
grid-template-rows: repeat(2, 350px);
} section#team .mel-grid-sizer {
width: 100%;
height: auto;
} section#team .mel-grid-item {
width: 100%;
height: auto;
} section#team .mel-grid-item a {
text-decoration: none;
outline: none;
} section#team .mel-item-wrapper {
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
} section#team .mel-image-container {
position: relative;
} section#team .mel-image-container .mel-image {
width: 200px;
height: 200px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 50%;
margin: 0 auto;
position: relative;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
z-index: 0;
} section#team .mel-image-container .mel-info-link {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 200px;
height: 200px;
z-index: 1;
} section#team .mel-image-container .info-icon {
position: absolute;
top: 0px;
right: 20px;
opacity: 0.8;
} section#team .mel-content {
padding: 15px;
font-size: 1.2em;
text-align: center;
} section#team .mel-content .team-member-name {
color: #fff;
font-weight: 700;
} section#team .mel-content .email-tel img {
margin-right: 5px;
}
}
@media only screen and (max-width: 1239px) and (max-width: 768px) { section#team .mel-grid-item {
width: 100%;
}
}
@media only screen and (max-width: 1239px) { section#team {
background-color: #00a199;
} section#team .team-desktop {
display: none;
} section#team .team-mobile {
display: block;
} section#team .team-mobile img {
margin: 0 auto;
} .page-template-page-team section#team .team-desktop {
display: block;
} .page-template-page-team section#team .team-mobile {
display: none;
} #m-ready .p-r-80 {
padding-right: 0 !important;
} #m-ready .p-l-80 {
padding-left: 0 !important;
} #m-ready .app-store {
display: block !important;
width: 250px !important;
max-width: 80% !important;
margin: 20px auto;
} #m-ready #mready-logo {
width: 300px;
max-width: 80%;
margin: 40px auto;
} #m-ready .twitter-section {
padding: 1.5em !important;
} .page-template-page-ha #chirpy-mob {
display: none;
} .page-template-page-ha .p-r-20 {
padding-right: 0 !important;
} .page-template-page-ha #header-bottom {
background-image: url(//tmpmortgages.co.uk/wp-content/themes/ashbestos_v3/library/images/curve.jpg);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
min-height: 1200px;
text-align: center;
} .page-template-page-ha main {
position: relative;
top: -50px;
margin-bottom: -50px;
} .page-template-page-ha .black-box {
overflow: hidden;
padding: 40px;
padding-bottom: 80px;
color: #fff;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-ha .black-box #around-you {
display: inline-block;
text-align: center;
} .page-template-page-ha .black-box #around-you svg {
width: 80% !important;
height: 80% !important;
} .page-template-page-ha #introboxes .intro-box-l {
padding: 1.5em;
background: #eeeeee;
text-align: center;
border-radius: 20px;
min-height: 500px;
position: relative;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
color: #000;
margin-bottom: 1.5em;
} .page-template-page-ha #introboxes .intro-box-l p {
max-width: 50ch;
margin: 0 auto;
} .page-template-page-ha #introboxes .intro-box-l h2 {
margin-top: 25px;
margin-bottom: 25px;
color: #000;
font-weight: 300;
} .page-template-page-ha #introboxes .intro-box-l svg {
max-width: 80px;
height: auto;
} .page-template-page-ha #introboxes .intro-box-l a.green-btn {
display: block;
position: absolute;
bottom: 3em;
left: 0;
right: 0;
margin: 0 auto;
} .page-template-page-ha #introboxes .intro-box-r {
padding: 1.5em;
background: #cdde00;
text-align: center;
border-radius: 20px;
min-height: 500px;
position: relative;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
color: #000;
} .page-template-page-ha #introboxes .intro-box-r p {
max-width: 50ch;
margin: 0 auto;
} .page-template-page-ha #introboxes .intro-box-r h2 {
margin-top: 25px;
margin-bottom: 25px;
color: #000;
font-weight: 300;
} .page-template-page-ha #introboxes .intro-box-r svg {
max-width: 80px;
height: auto;
} .page-template-page-ha #introboxes .intro-box-r a.green-btn {
display: block;
position: absolute;
bottom: 3em;
left: 0;
right: 0;
margin: 0 auto;
} .page-template-page-ha-insiders #lightbulb {
position: relative;
margin: 0 auto;
width: 100px;
height: 100px;
} .page-template-page-ha-insiders #secret {
display: none;
} .page-template-page-ha-insiders #chirpy-mob {
display: none;
} section#ha-blog {
position: relative;
} section#ha-blog p br {
display: none !important;
} section#ha-blog .swiper-container {
background-color: #000;
margin: 0 auto;
width: 90%;
min-height: 200px;
color: #000;
display: flex;
padding-bottom: 40px;
} section#ha-blog .swiper-container .swiper-pagination {
bottom: 0px;
} section#ha-blog .swiper-container .swiper-pagination-bullet {
background: #fff !important;
opacity: 1;
} section#ha-blog .swiper-container .swiper-pagination-bullet-active {
background: #cdde00 !important;
} section#ha-blog .swiper-container .swiper-slide .post-box {
padding: 1.5em;
background-color: #fff;
border-radius: 15px;
} section#ha-blog .swiper-container .swiper-slide .post-box .ha-article-title {
padding: 1.5em 0;
} section#ha-blog .swiper-container .swiper-slide .post-box .ha-article-title h3 {
min-height: 95px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
} section#ha-blog .swiper-button-next, section#ha-blog .swiper-button-prev {
color: #fff;
outline: none;
} section#ha-blog .swiper-button-next {
right: -15px;
} section#ha-blog .swiper-button-prev {
left: -15px;
} .page-template-page-ha-insiders #header-bottom {
background-image: url(//tmpmortgages.co.uk/wp-content/themes/ashbestos_v3/library/images/curve.jpg);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
min-height: 600px;
text-align: center;
} .page-template-page-ha-insiders main {
position: relative;
} .page-template-page-ha-insiders .p-t-80 {
padding-top: 40px !important;
} .page-template-page-ha-insiders .black-box {
overflow: hidden;
padding: 40px 1em;
color: #fff;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-ha-insiders .black-box #around-you {
display: inline-block;
text-align: center;
} .page-template-page-ha-insiders .black-box #around-you svg {
width: 80% !important;
height: 80% !important;
} .page-template-page-ha-insiders #monthly-updates {
position: relative;
} .page-template-page-ha-insiders #monthly-updates p br {
display: none;
} .page-template-page-ha-insiders #monthly-updates .mob-document-thumbnail {
display: block;
margin: 40px auto;
width: 75%;
height: auto;
transform: rotate(9deg);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-ha-insiders #monthly-updates .document-thumbnail {
display: none;
} .page-template-page-ha-insiders #monthly-updates .calendar {
display: none;
} .page-template-page-ha-insiders .green-box {
position: relative;
overflow: hidden;
padding: 40px;
padding-bottom: 80px;
color: #000;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-ha-insiders .green-box h2 {
color: #000;
margin-bottom: 40px;
} .page-template-page-ha-insiders #mu-grid {
max-width: 500px;
margin: 20px auto;
display: grid;
grid-template-columns: 1fr 1fr;
grid-tempalte-rows: auto;
grid-gap: 1.5em;
} .page-template-page-ha-insiders #mu-grid a.mu-download {
background: #fff;
border-radius: 15px;
padding: 1.5em;
color: #000;
font-weight: 600;
font-family: 2em;
text-transform: uppercase;
transition: background 0.5s ease, color 0.5s ease;
} .page-template-page-ha-insiders #mu-grid a.mu-download:hover, .page-template-page-ha-insiders #mu-grid a.mu-download.latest, .page-template-page-ha-insiders #mu-grid a.mu-download:first-of-type {
background: #000 !important;
color: #fff !important;
} .page-template-page-ha-insiders #exclusive-data-analysis {
position: relative;
} .page-template-page-ha-insiders #exclusive-data-analysis .swiper-container-report {
margin: 0 auto;
width: 90%;
min-height: 200px;
color: #000;
display: flex;
margin-top: 40px;
} .page-template-page-ha-insiders #exclusive-data-analysis .swiper-container-report .swiper-pagination-report {
bottom: 30px;
} .page-template-page-ha-insiders #exclusive-data-analysis .swiper-container-report .swiper-pagination-bullet {
background: #fff !important;
opacity: 1;
} .page-template-page-ha-insiders #exclusive-data-analysis .swiper-container-report .swiper-pagination-bullet-active {
background: #cdde00 !important;
} .page-template-page-ha-insiders #exclusive-data-analysis .swiper-container-report .swiper-slide img {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-ha-insiders #exclusive-data-analysis .swiper-button-next, .page-template-page-ha-insiders #exclusive-data-analysis .swiper-button-prev {
color: #cdde00;
outline: none;
} .page-template-page-ha-insiders #exclusive-data-analysis .report {
display: none;
position: relative;
} .page-template-page-ha-insiders .gray-box {
position: relative;
overflow: hidden;
padding: 40px;
padding-bottom: 80px;
color: #000;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-get-prepared .chirpy-headset {
display: none;
} .page-template-page-get-prepared .app-store {
max-width: 200px;
} .page-template-page-get-prepared #chirpy-mob, .page-template-page-get-prepared .chirpy-head, .page-template-page-get-prepared .check-this {
display: none;
} .page-template-page-get-prepared .report-icon {
margin: 20px auto;
width: 50%;
} .page-template-page-get-prepared .p-r-20 {
padding-right: 0 !important;
} .page-template-page-get-prepared #header-bottom {
background-image: url(//tmpmortgages.co.uk/wp-content/themes/ashbestos_v3/library/images/curve.jpg);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
min-height: auto;
text-align: center;
} .page-template-page-get-prepared main {
position: relative;
top: -50px;
margin-bottom: -50px;
} .page-template-page-get-prepared #which-grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
padding: 1.5em;
} .page-template-page-get-prepared #which-grid .graphic-r {
width: 200px;
justify-self: center;
align-content: center;
} .page-template-page-get-prepared #schemes-columns {
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.5em;
padding: 0 1.5em;
padding-bottom: 1.5em;
} .page-template-page-get-prepared #schemes-columns .schemes-grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-gap: 1.5em;
} .page-template-page-get-prepared #schemes-columns .schemes-grid .scheme {
color: #fff;
} .page-template-page-get-prepared #schemes-columns .schemes-grid .scheme h3 {
color: #cdde00 !important;
margin-bottom: 20px;
text-transform: uppercase;
font-size: 1.2em;
} .page-template-page-get-prepared #schemes-columns .schemes-grid .scheme p {
margin-bottom: 20px;
} .page-template-page-get-prepared #schemes-columns .schemes-grid .scheme #more-deets {
padding-top: 40px;
width: 100%;
} .page-template-page-get-prepared #schemes-columns .schemes-grid .scheme #more-deets path {
transition: fill 0.75s ease;
} .page-template-page-get-prepared #schemes-columns .schemes-grid .scheme #more-deets path:hover {
cursor: pointer;
} .page-template-page-get-prepared #schemes-columns .schemes-grid .scheme #more-deets path:hover#btn-bg {
fill: #fff;
} .page-template-page-get-prepared .black-box {
overflow: hidden;
padding: 40px;
padding-bottom: 80px;
color: #fff;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-get-prepared .black-box #around-you {
display: inline-block;
text-align: center;
} .page-template-page-get-prepared .black-box #around-you svg {
width: 80% !important;
height: 80% !important;
} .page-template-page-get-prepared #introboxes .intro-box-l {
padding: 1.5em;
background: #eeeeee;
text-align: center;
border-radius: 20px;
min-height: auto;
overflow: hidden;
position: relative;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
color: #000;
margin-bottom: 1.5em;
} .page-template-page-get-prepared #introboxes .intro-box-l p {
max-width: 50ch;
margin: 0 auto;
} .page-template-page-get-prepared #introboxes .intro-box-l h2 {
margin-top: 25px;
margin-bottom: 25px;
color: #000;
font-weight: 300;
} .page-template-page-get-prepared #introboxes .intro-box-l svg {
max-width: 80px;
height: auto;
} .page-template-page-get-prepared #introboxes .intro-box-l a.green-btn {
display: block;
position: absolute;
bottom: 3em;
left: 0;
right: 0;
margin: 0 auto;
} .page-template-page-get-prepared #introboxes .intro-box-r {
padding: 1.5em;
background: #cdde00;
text-align: center;
border-radius: 20px;
min-height: auto;
overflow: hidden;
position: relative;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
color: #000;
} .page-template-page-get-prepared #introboxes .intro-box-r p {
max-width: 50ch;
margin: 0 auto;
} .page-template-page-get-prepared #introboxes .intro-box-r h2 {
margin-top: 25px;
margin-bottom: 25px;
color: #000;
font-weight: 300;
} .page-template-page-get-prepared #introboxes .intro-box-r svg {
max-width: 80px;
height: auto;
} .page-template-page-get-prepared #introboxes .intro-box-r a.green-btn {
display: block;
position: absolute;
bottom: 3em;
left: 0;
right: 0;
margin: 0 auto;
} section#invitation-insight .in-in-grid {
width: 100%;
display: grid;
grid-template-columns: 1fr;
} section#invitation-insight .in-in {
padding: 0 3em;
} section#invitation-insight .in-in.inv {
background-color: #eeeeee;
} section#invitation-insight .in-in.inv .in-main-content {
min-height: 200px;
} section#invitation-insight .in-in.inv h2 {
text-transform: uppercase;
} section#invitation-insight .in-in.inv img {
max-width: 250px;
display: inline-block;
} section#invitation-insight .in-in.market-update {
background-color: #000;
color: #fff;
} section#invitation-insight .in-in.market-update .in-main-content {
min-height: 200px;
} section#invitation-insight .in-in.market-update h2 {
color: #fff;
text-transform: uppercase;
} section#invitation-insight .in-in.market-update img {
max-width: 250px;
display: inline-block;
} section#invitation-insight .in-in.ins {
background-color: #cdde00;
color: #000;
} section#invitation-insight .in-in.ins .in-main-content {
min-height: 200px;
} section#invitation-insight .in-in.ins h2 {
color: #000;
text-transform: uppercase;
} section#invitation-insight .in-in.ins img {
max-width: 250px;
display: inline-block;
} section#testimonials .swiper-container {
margin: 0 auto;
width: 100%;
min-height: 200px;
color: #000;
} section#testimonials .swiper-container .swiper-pagination-bullet {
background: #000 !important;
opacity: 1;
} section#testimonials .swiper-container .swiper-pagination-bullet-active {
background: #cdde00 !important;
} .single #header-bottom {
background-image: url(//tmpmortgages.co.uk/wp-content/themes/ashbestos_v3/library/images/curve.jpg);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
min-height: 600px;
text-align: center;
} .single main {
position: relative;
margin-top: -550px;
margin-bottom: 80px;
} .single #chirpy-mob {
display: none;
} .single .article-header {
position: relative;
} .single .article-header:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #2d2d2d;
opacity: .5;
border-radius: 40px;
} .single .p-l-40 {
padding-left: 0px !important;
} .single .article-banner {
background-color: #cdde00;
border-radius: 40px;
width: 100%;
min-height: 300px;
} .single .article-banner .article-title {
display: flex;
align-items: flex-end;
width: 100%;
height: 100%;
padding: 1em;
} .single .article-banner .entry-title {
color: #fff;
max-width: 100%;
font-weight: 300;
font-size: 2em !important;
text-transform: uppercase;
z-index: 999;
} .single .article-banner.short:before {
opacity: 0.3;
} .single .article-banner.short .article-title {
align-items: center;
} .single .article-banner.short .entry-title {
color: #000;
} .single .entry-content h2 {
font-size: 1.2em;
} .single #recent-posts {
background-color: #eeeeee;
border-radius: 25px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
padding: 1.5em;
} .single #recent-posts #recent-posts-list {
list-style-type: none;
padding: 0;
margin: 0;
} .single #recent-posts #recent-posts-list li {
margin-bottom: 20px;
} .single #recent-posts #recent-posts-list li .post-box img {
width: 75%;
} .single #recent-posts #recent-posts-list li .post-box .black-link {
color: #000;
text-decoration: underline;
} .loading {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
width: 300px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
color: #000;
background: #cdde00;
border-radius: 14px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
z-index: 999999;
} .page-template-page-assessment-application-return #chirpy-mob {
display: none;
} .page-template-page-assessment-application-return .gray-chirpie-bg.p-t-80 {
padding-top: 0px !important;
} .page-template-page-assessment-application-new input, .page-template-page-assessment-application-new select, .page-template-page-joint-assessment-application input, .page-template-page-joint-assessment-application select {
font-size: 16px !important;
} .page-template-page-assessment-application-new .gray-chirpie-bg.p-t-80, .page-template-page-joint-assessment-application .gray-chirpie-bg.p-t-80 {
padding-top: 0 !important;
} .page-template-page-assessment-application-new #dob_dd-error, .page-template-page-assessment-application-new #applicant_2_dob_dd-error, .page-template-page-joint-assessment-application #dob_dd-error, .page-template-page-joint-assessment-application #applicant_2_dob_dd-error {
display: none !important;
} .page-template-page-assessment-application-new #dob_mm-error, .page-template-page-assessment-application-new #applicant_2_dob_mm-error, .page-template-page-joint-assessment-application #dob_mm-error, .page-template-page-joint-assessment-application #applicant_2_dob_mm-error {
display: none !important;
} .page-template-page-assessment-application-new #dob_yyyy-error, .page-template-page-assessment-application-new #applicant_2_dob_yyyy-error, .page-template-page-joint-assessment-application #dob_yyyy-error, .page-template-page-joint-assessment-application #applicant_2_dob_yyyy-error {
display: none !important;
} .page-template-page-assessment-application-new #moved_dd-error, .page-template-page-assessment-application-new #applicant_2_moved_dd-error, .page-template-page-joint-assessment-application #moved_dd-error, .page-template-page-joint-assessment-application #applicant_2_moved_dd-error {
display: none !important;
} .page-template-page-assessment-application-new #moved_mm-error, .page-template-page-assessment-application-new #applicant_2_moved_mm-error, .page-template-page-joint-assessment-application #moved_mm-error, .page-template-page-joint-assessment-application #applicant_2_moved_mm-error {
display: none !important;
} .page-template-page-assessment-application-new #moved_yyyy-error, .page-template-page-assessment-application-new #applicant_2_moved_yyyy-error, .page-template-page-joint-assessment-application #moved_yyyy-error, .page-template-page-joint-assessment-application #applicant_2_moved_yyyy-error {
display: none !important;
} .page-template-page-assessment-application-new #started_dd-error, .page-template-page-assessment-application-new #applicant_2_started_dd-error, .page-template-page-joint-assessment-application #started_dd-error, .page-template-page-joint-assessment-application #applicant_2_started_dd-error {
display: none !important;
} .page-template-page-assessment-application-new #started_mm-error, .page-template-page-assessment-application-new #applicant_2_started_mm-error, .page-template-page-joint-assessment-application #started_mm-error, .page-template-page-joint-assessment-application #applicant_2_started_mm-error {
display: none !important;
} .page-template-page-assessment-application-new #started_yyyy-error, .page-template-page-assessment-application-new #applicant_2_started_yyyy-error, .page-template-page-joint-assessment-application #started_yyyy-error, .page-template-page-joint-assessment-application #applicant_2_started_yyyy-error {
display: none !important;
} .page-template-page-assessment-application-new .error, .page-template-page-joint-assessment-application .error {
color: red;
font-size: 12px !important;
} .page-template-page-assessment-application-new .green-btn, .page-template-page-assessment-application-new .black-btn, .page-template-page-assessment-application-new .white-btn, .page-template-page-joint-assessment-application .green-btn, .page-template-page-joint-assessment-application .black-btn, .page-template-page-joint-assessment-application .white-btn {
padding: 0.75em 1em;
} .page-template-page-assessment-application-new footer, .page-template-page-joint-assessment-application footer {
background-color: #1d1d1b;
} .page-template-page-assessment-application-new .modal, .page-template-page-joint-assessment-application .modal {
font-size: 1.2em;
background-color: #cdde00;
} .page-template-page-assessment-application-new .radio-inputs ul, .page-template-page-joint-assessment-application .radio-inputs ul {
width: 100%;
list-style: none;
margin: 0;
padding: 0;
overflow: auto;
display: flex;
justify-content: flex-start;
} .page-template-page-assessment-application-new .radio-inputs#applying-for ul, .page-template-page-assessment-application-new .radio-inputs#application_2_applying-for ul, .page-template-page-joint-assessment-application .radio-inputs#applying-for ul, .page-template-page-joint-assessment-application .radio-inputs#application_2_applying-for ul {
justify-content: center;
} .page-template-page-assessment-application-new .radio-inputs ul li, .page-template-page-joint-assessment-application .radio-inputs ul li {
color: #000;
display: block;
position: relative;
float: left;
max-width: auto;
width: auto;
min-height: 60px;
} .page-template-page-assessment-application-new .radio-inputs ul li input[type=radio], .page-template-page-joint-assessment-application .radio-inputs ul li input[type=radio] {
position: absolute;
visibility: hidden;
} .page-template-page-assessment-application-new .radio-inputs ul li label, .page-template-page-joint-assessment-application .radio-inputs ul li label {
display: block;
position: relative;
font-weight: 300;
font-size: 1em;
padding: 10px 10px 10px 50px;
margin: 10px auto;
z-index: 9;
cursor: pointer;
-webkit-transition: all 0.25s linear;
} .page-template-page-assessment-application-new .radio-inputs ul li:hover label, .page-template-page-joint-assessment-application .radio-inputs ul li:hover label {
color: #000;
} .page-template-page-assessment-application-new .radio-inputs ul li .check, .page-template-page-joint-assessment-application .radio-inputs ul li .check {
display: block;
position: absolute;
border: 5px solid #000;
border-radius: 100%;
height: 25px;
width: 25px;
top: 30px;
left: 20px;
z-index: 5;
transition: border .25s linear;
-webkit-transition: border .25s linear;
} .page-template-page-assessment-application-new .radio-inputs ul li:hover .check, .page-template-page-joint-assessment-application .radio-inputs ul li:hover .check {
border: 5px solid #cdde00;
} .page-template-page-assessment-application-new .radio-inputs ul li .check::before, .page-template-page-joint-assessment-application .radio-inputs ul li .check::before {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 15px;
width: 15px;
top: 0px;
left: 0px;
margin: auto;
transition: background 0.25s linear;
-webkit-transition: background 0.25s linear;
} .page-template-page-assessment-application-new .radio-inputs input[type=radio]:checked ~ .check, .page-template-page-joint-assessment-application .radio-inputs input[type=radio]:checked ~ .check {
border: 5px solid #000;
} .page-template-page-assessment-application-new .radio-inputs input[type=radio]:checked ~ .check::before, .page-template-page-joint-assessment-application .radio-inputs input[type=radio]:checked ~ .check::before {
background: #000;
} .page-template-page-assessment-application-new .radio-inputs input[type=radio]:checked ~ label, .page-template-page-joint-assessment-application .radio-inputs input[type=radio]:checked ~ label {
color: #000;
} .page-template-page-assessment-application-new section#formFrame, .page-template-page-joint-assessment-application section#formFrame {
width: 100%;
line-height: normal;
} .page-template-page-assessment-application-new section#formFrame.p-t-40, .page-template-page-joint-assessment-application section#formFrame.p-t-40 {
padding-top: 0 !important;
} .page-template-page-assessment-application-new section#formFrame .button-div, .page-template-page-joint-assessment-application section#formFrame .button-div {
display: flex;
flex-direction: column-reverse;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide, .page-template-page-joint-assessment-application section#formFrame .swiper-slide {
visibility: hidden;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide.swiper-slide-active, .page-template-page-joint-assessment-application section#formFrame .swiper-slide.swiper-slide-active {
visibility: visible !important;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide.swiper-slide-active svg, .page-template-page-joint-assessment-application section#formFrame .swiper-slide.swiper-slide-active svg {
display: block;
} .page-template-page-assessment-application-new section#formFrame input[type=text], .page-template-page-assessment-application-new section#formFrame input[type=date], .page-template-page-assessment-application-new section#formFrame input[type=number], .page-template-page-assessment-application-new section#formFrame input[type=email], .page-template-page-assessment-application-new section#formFrame input[type=tel], .page-template-page-assessment-application-new section#formFrame select, .page-template-page-assessment-application-new section#formFrame .select-2, .page-template-page-joint-assessment-application section#formFrame input[type=text], .page-template-page-joint-assessment-application section#formFrame input[type=date], .page-template-page-joint-assessment-application section#formFrame input[type=number], .page-template-page-joint-assessment-application section#formFrame input[type=email], .page-template-page-joint-assessment-application section#formFrame input[type=tel], .page-template-page-joint-assessment-application section#formFrame select, .page-template-page-joint-assessment-application section#formFrame .select-2 {
display: none;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide-active input[type=text], .page-template-page-assessment-application-new section#formFrame .swiper-slide-active input[type=date], .page-template-page-assessment-application-new section#formFrame .swiper-slide-active input[type=number], .page-template-page-assessment-application-new section#formFrame .swiper-slide-active input[type=email], .page-template-page-assessment-application-new section#formFrame .swiper-slide-active input[type=tel], .page-template-page-assessment-application-new section#formFrame .swiper-slide-active select, .page-template-page-assessment-application-new section#formFrame .swiper-slide-active .select-2, .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active input[type=text], .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active input[type=date], .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active input[type=number], .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active input[type=email], .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active input[type=tel], .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active .select-2 {
display: inline-block;
} .page-template-page-assessment-application-new section#formFrame #aff-cal, .page-template-page-joint-assessment-application section#formFrame #aff-cal {
max-width: 100% !important;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide, .page-template-page-joint-assessment-application section#formFrame .swiper-slide {
max-width: 100% !important;
padding: 1rem;
display: flex;
align-items: center;
outline: 0;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .ques-icon, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .ques-icon {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .white-btn, .page-template-page-assessment-application-new section#formFrame .swiper-slide .black-btn, .page-template-page-assessment-application-new section#formFrame .swiper-slide .green-btn, .page-template-page-assessment-application-new section#formFrame .swiper-slide .white-outline-btn, .page-template-page-assessment-application-new section#formFrame .swiper-slide .green-outline-btn, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .white-btn, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .black-btn, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .green-btn, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .white-outline-btn, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .green-outline-btn {
width: 100%;
margin-bottom: 10px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
overflow: hidden;
flex-direction: column;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full {
min-height: 500px;
width: 100%;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields .select2, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields .select2, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2 {
display: block;
max-width: 100%;
width: 100%;
height: 40px;
border-radius: 25px !important;
border: 0;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select {
display: block;
width: 100%;
height: 40px;
border-radius: 10px !important;
border: 0;
background: #eeeeee;
padding-left: 5px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select.dob_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select.moved_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select.started_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.dob_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.moved_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.started_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select.dob_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select.moved_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select.started_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.dob_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.moved_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.started_select {
display: inline-block;
width: auto;
min-width: 15%;
height: 40px;
border-radius: 10px !important;
border: 0;
background: #eeeeee;
padding-left: 5px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields .select2-selection, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2-selection, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields .select2-selection, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2-selection {
height: 40px;
background: #eeeeee;
border: 0;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields .select2-selection .select2-selection__rendered, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2-selection .select2-selection__rendered, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields .select2-selection .select2-selection__rendered, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2-selection .select2-selection__rendered {
line-height: 40px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=text], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=date], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=number], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=email], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=tel], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=text], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=date], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=number], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=email], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=tel], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=text], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=date], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=number], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=email], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=tel], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=text], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=date], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=number], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=email], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=tel] {
width: 100%;
height: 40px;
background: #f5f5f5;
border-radius: 25px;
border: 0;
padding: 0px 10px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=text]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=date]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=number]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=email]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=tel]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=text]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=date]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=number]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=email]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=tel]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=text]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=date]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=number]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=email]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=tel]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=text]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=date]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=number]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=email]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=tel]:focus {
outline: none;
border: 1px solid #eaedf2;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields label, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full label, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields label, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full label {
display: block;
font-size: 1.2em;
font-weight: 600;
padding-bottom: 5px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields label .ques-icon, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full label .ques-icon, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields label .ques-icon, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full label .ques-icon {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full {
width: 100%;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .info-box, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .info-box {
order: 1;
margin-top: 40px;
margin-bottom: 40px;
width: 100%;
background-color: #eeeeee;
padding: 1.5em;
border-radius: 25px;
min-height: 400px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .info-box .info-heading, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .info-box .info-heading {
margin-bottom: 20px;
} .page-template-page-assessment-application-new section#formFrame .title-screen, .page-template-page-joint-assessment-application section#formFrame .title-screen {
background-color: #000;
color: #fff;
} .page-template-page-assessment-application-new section#formFrame .swiper-pagination-bullets, .page-template-page-joint-assessment-application section#formFrame .swiper-pagination-bullets {
position: relative !important;
padding: 1rem;
background: #000;
} .page-template-page-assessment-application-new section#formFrame .swiper-pagination-bullet, .page-template-page-joint-assessment-application section#formFrame .swiper-pagination-bullet {
width: 20px;
height: 20px;
background: #eeeeee;
opacity: 1;
} .page-template-page-assessment-application-new section#formFrame .swiper-pagination-bullet-active, .page-template-page-joint-assessment-application section#formFrame .swiper-pagination-bullet-active {
background: #cdde00 !important;
} .page-template-page-assessment-application-new section#formFrame #options-grid, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid, .page-template-page-joint-assessment-application section#formFrame #options-grid, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid {
margin-top: 40px;
margin-bottom: 40px;
max-width: 800px;
display: flex;
align-items: center;
justify-content: space-between;
text-align: center;
flex-direction: column;
grid-gap: 2rem;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon {
width: 220px;
min-height: 220px;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon:hover, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon:hover, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon:hover, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon:hover, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon:hover, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon:hover, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon:hover, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon:hover {
cursor: pointer;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon:hover span, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon:hover span, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon:hover span, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon:hover span, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon:hover span, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon:hover span, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon:hover span, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon:hover span {
color: #cdde00;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon.option-selected span, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon.option-selected span, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected span, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon.option-selected span, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon.option-selected span, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon.option-selected span, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected span, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon.option-selected span {
color: #cdde00;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon.option-selected svg path, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon.option-selected svg path, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon.option-selected svg path, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon.option-selected svg path, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path {
fill: #fff !important;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon.option-selected svg path.icon-circ, .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon.option-selected svg path.hover-dark, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon.option-selected svg path.icon-circ, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon.option-selected svg path.hover-dark, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path.icon-circ, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path.hover-dark, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path.icon-circ, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon.option-selected svg path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon.option-selected svg path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon.option-selected svg path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon.option-selected svg path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path.hover-dark {
fill: #1d1d1d !important;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon svg path, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon svg path, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon svg path, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon svg path, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon svg path, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon svg path, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon svg path, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon svg path {
transition: fill 0.5s ease;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon svg:hover, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon svg:hover, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon svg:hover, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon svg:hover, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon svg:hover, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon svg:hover {
cursor: pointer;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon svg:hover path, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon svg:hover path, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon svg:hover path, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon svg:hover path, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path {
fill: #fff !important;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon svg:hover path.icon-circ, .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon svg:hover path.hover-dark, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon svg:hover path.icon-circ, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon svg:hover path.hover-dark, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path.icon-circ, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path.hover-dark, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path.icon-circ, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon svg:hover path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon svg:hover path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon svg:hover path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon svg:hover path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path.hover-dark {
fill: #1d1d1d !important;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon span, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon span, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon span, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon span, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon span, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon span, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon span, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon span {
display: inline-block;
padding: 10px 0px;
font-weight: 600;
font-size: 1.2em;
} section#sustainability #sustainability-grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-gap: 1.5em;
padding: 1.5em;
} section#sustainability #sustainability-grid #sustainability-copy {
text-align: center;
} section#sustainability #sustainability-grid #sustainability-copy h2 {
margin-bottom: 20px;
font-size: 1.2em;
} section#sustainability #sustainability-grid #sustainability-copy p {
margin-bottom: 20px;
} section#sustainability #sustainability-grid #sustainability-copy .black-outline-btn {
margin-bottom: 20px;
} section#sustainability #sustainability-grid #sustainability-copy #lockdown-hidden a {
color: #000 !important;
text-decoration: underline;
} section#sustainability #sustainability-grid #sustainability-graphic {
width: 150px;
max-width: 100%;
justify-self: center;
} .black-box {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} section#charity #charity-grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-gap: 1.5em;
padding: 1.5em;
} section#charity #charity-grid #charity-copy h2 {
margin-bottom: 40px;
} section#charity #charity-grid #charity-copy p {
margin-bottom: 20px;
} section#charity #charity-grid #charity-copy a.black-btn-wide {
margin-top: 20px;
} section#charity #charity-grid #tommy-crush-logo, section#charity #charity-grid #gift-graphic {
width: 150px;
max-width: 100%;
margin: 0 auto;
} section#charity #charity-grid #tommy-crush-logo {
align-self: center;
justify-self: center;
} .page-template-page-explainers-1 #header-bottom, .page-template-page-explainers-2 #header-bottom, .page-template-page-explainers-3 #header-bottom {
background-image: url(//tmpmortgages.co.uk/wp-content/themes/ashbestos_v3/library/images/curve.jpg);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
min-height: 700px;
text-align: center;
} .page-template-page-explainers-1 main, .page-template-page-explainers-2 main, .page-template-page-explainers-3 main {
position: relative;
top: -175px;
margin-bottom: -175px;
} .page-template-page-explainers-1 #disclaimer #disclaimer-grid, .page-template-page-explainers-2 #disclaimer #disclaimer-grid, .page-template-page-explainers-3 #disclaimer #disclaimer-grid {
background-color: #cdde00;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-gap: 3em;
padding: 1.5em 3em;
} .page-template-page-explainers-1 #disclaimer #disclaimer-grid img, .page-template-page-explainers-2 #disclaimer #disclaimer-grid img, .page-template-page-explainers-3 #disclaimer #disclaimer-grid img {
width: 80px;
height: auto;
justify-self: center;
align-self: center;
} .page-template-page-explainers-1 .hb-wrap {
margin: 0 auto;
padding-top: 50px;
position: relative;
} .page-template-page-explainers-1 #help-with-app {
position: relative;
width: 200px;
height: 200px;
margin: 0 auto;
} .page-template-page-explainers-1 #app-help-icon {
position: relative;
width: 200px;
margin: 0 auto;
} .page-template-page-explainers-1 #search-box-grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
} .page-template-page-explainers-1 #search-box-grid #me-title {
position: relative;
width: 100%;
} .page-template-page-explainers-1 #search-box-grid #explainer-search-input {
justify-content: center;
padding: 1.5em 2.5em;
} .page-template-page-explainers-1 #search-box-grid #explainer-search-input .sf-field-search label {
width: 100%;
} .page-template-page-explainers-1 #search-box-grid #explainer-search-input .sf-field-search label input {
width: 100%;
height: 60px;
padding: 0 1.5em;
border-radius: 30px;
} .page-template-page-explainers-1 #search-box-grid #explainer-search-input .sf-field-search label input:focus {
outline: 1px solid #cdde00;
} .page-template-page-explainers-1 ul.jump-to-list {
list-style-type: none;
} .page-template-page-explainers-1 ul.jump-to-list li {
font-size: 1.5em;
text-transform: uppercase;
} .page-template-page-explainers-1 ul.jump-to-list li a {
color: #000;
} .page-template-page-explainers-1 #phrases, .page-template-page-explainers-1 #mortgage-and-buying {
background-color: #eaedf2;
padding: 1.5em;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-1 #money-stuff {
background-color: #000;
color: #fff;
padding: 1.5em;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-1 #exp-ctas-grid {
display: grid;
grid-template-columns: 1fr;
grid-gap: 40px;
align-items: space-between;
justify-content: center;
text-align: center;
} .page-template-page-explainers-1 #exp-ctas-grid #fancy-copy {
padding: 1.5em;
background-color: #eaedf2;
color: #000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-1 #exp-ctas-grid #fancy-copy img {
display: inline-block;
max-width: 150px;
} .page-template-page-explainers-1 #exp-ctas-grid #get-in-touch {
padding: 1.5em;
background-color: #cdde00;
color: #000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-1 #exp-ctas-grid #get-in-touch img {
display: inline-block;
max-width: 150px;
} .page-template-page-explainers-1 #g1 {
position: relative;
width: 150px;
} .page-template-page-explainers-1 #g2 {
position: relative;
width: 150px;
} .page-template-page-explainers-1 #g3 {
position: relative;
width: 150px;
} .page-template-page-explainers-1 #g4 {
width: 150px;
} .page-template-page-explainers-2 .hb-wrap {
max-width: 1030px;
margin: 0 auto;
padding-top: 50px;
position: relative;
} .page-template-page-explainers-2 #help-with-app {
position: absolute;
right: -100px;
top: 50px;
width: 200px;
height: 200px;
} .page-template-page-explainers-2 #app-help-icon {
position: absolute;
left: -100px;
top: 100px;
width: 200px;
} .page-template-page-explainers-2 #search-box-grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
} .page-template-page-explainers-2 #search-box-grid #me-title {
position: relative;
width: 100%;
} .page-template-page-explainers-2 #search-box-grid #explainer-search-input {
justify-content: center;
padding: 1.5em 2.5em;
} .page-template-page-explainers-2 #search-box-grid #explainer-search-input .sf-field-search label {
width: 100%;
} .page-template-page-explainers-2 #search-box-grid #explainer-search-input .sf-field-search label input {
width: 100%;
height: 60px;
padding: 0 1.5em;
border-radius: 30px;
} .page-template-page-explainers-2 #search-box-grid #explainer-search-input .sf-field-search label input:focus {
outline: 1px solid #00a199;
} .page-template-page-explainers-2 ul.jump-to-list {
list-style-type: none;
} .page-template-page-explainers-2 ul.jump-to-list li {
font-size: 1.5em;
text-transform: uppercase;
} .page-template-page-explainers-2 ul.jump-to-list li a {
color: #000;
} .page-template-page-explainers-2 #phrases, .page-template-page-explainers-2 #mortgage-and-buying {
background-color: #eaedf2;
padding: 1.5em;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-2 #money-stuff {
background-color: #000;
color: #fff;
padding: 1.5em;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-2 #exp-ctas-grid {
display: grid;
grid-template-columns: 1fr;
grid-gap: 40px;
align-items: space-between;
justify-content: center;
text-align: center;
} .page-template-page-explainers-2 #exp-ctas-grid #fancy-copy {
padding: 1.5em;
background-color: #eaedf2;
color: #000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-2 #exp-ctas-grid #fancy-copy img {
display: inline-block;
max-width: 150px;
} .page-template-page-explainers-2 #exp-ctas-grid #get-in-touch {
padding: 1.5em;
background-color: #cdde00;
color: #000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-2 #exp-ctas-grid #get-in-touch img {
display: inline-block;
max-width: 150px;
} .page-template-page-explainers-3 .hb-wrap {
margin: 0 auto;
position: relative;
} .page-template-page-explainers-3 #help-with-app {
position: relative;
width: 200px;
height: 200px;
} .page-template-page-explainers-3 #app-help-icon {
position: relative;
width: 200px;
} .page-template-page-explainers-3 #search-box-grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
} .page-template-page-explainers-3 #search-box-grid #me-title {
position: relative;
width: 100%;
} .page-template-page-explainers-3 #search-box-grid #explainer-search-input {
justify-content: center;
padding: 1.5em 2.5em;
} .page-template-page-explainers-3 #search-box-grid #explainer-search-input .sf-field-search label {
width: 100%;
} .page-template-page-explainers-3 #search-box-grid #explainer-search-input .sf-field-search label input {
width: 100%;
height: 60px;
padding: 0 1.5em;
border-radius: 30px;
} .page-template-page-explainers-3 #search-box-grid #explainer-search-input .sf-field-search label input:focus {
outline: 1px solid #00a199;
} .page-template-page-explainers-3 ul.jump-to-list {
list-style-type: none;
} .page-template-page-explainers-3 ul.jump-to-list li {
font-size: 1.5em;
text-transform: uppercase;
} .page-template-page-explainers-3 ul.jump-to-list li a {
color: #000;
} .page-template-page-explainers-3 #phrases, .page-template-page-explainers-3 #mortgage-and-buying {
background-color: #eaedf2;
padding: 1.5em;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-3 #money-stuff {
background-color: #000;
color: #fff;
padding: 1.5em;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-3 #exp-ctas-grid {
display: grid;
grid-template-columns: 1fr;
grid-gap: 40px;
align-items: space-between;
justify-content: center;
text-align: center;
} .page-template-page-explainers-3 #exp-ctas-grid #fancy-copy {
padding: 1.5em;
background-color: #eaedf2;
color: #000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-3 #exp-ctas-grid #fancy-copy img {
display: inline-block;
max-width: 150px;
} .page-template-page-explainers-3 #exp-ctas-grid #get-in-touch {
padding: 1.5em;
background-color: #cdde00;
color: #000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-3 #exp-ctas-grid #get-in-touch img {
display: inline-block;
max-width: 150px;
} .green-dot {
display: inline-block;
background-color: #cdde00;
width: 8px;
height: 8px;
border-radius: 50%;
margin: 5px;
} .accordion[role="tablist"] dt {
font-size: 1.2em;
} .accordion dt {
font-size: 1.2em;
} .apply-arrow {
padding-top: 1em;
width: 100%;
text-align: center;
position: relative;
margin: 0 auto;
} .apply-arrow img {
display: inline-block;
width: 150px;
} .marquee {
overflow: hidden;
} .marquee-content-top {
display: flex;
animation: scrolling-left 15s linear infinite;
margin-bottom: 2em;
align-items: center;
} .marquee-content-bottom {
display: flex;
animation: scrolling-right 15s linear infinite;
} .marquee-item {
margin: 0 20px;
justify-items: center;
} .marquee-item img {
display: block;
width: auto;
max-width: 200px;
max-height: 100px; }
@keyframes scrolling-left {
0% {
transform: translateX(0);
}
100% {
transform: translatex(-144vw);
}
}
@keyframes scrolling-right {
0% {
transform: translatex(-144vw);
}
100% {
transform: translateX(0);
}
} section#contact {
position: relative;
} section#contact .chirpy-headset {
position: absolute;
bottom: 0px;
right: 0px;
width: 200px;
height: 200px;
} section#contact #contact-grid {
display: grid;
grid-template-columns: 1fr;
align-items: center;
} section#contact #contact-grid #contact-details {
padding: 1.5em;
background-size: 140px;
background-position: 90% bottom;
background-repeat: no-repeat;
height: 100%;
display: flex;
align-items: space-between;
} section#contact #contact-grid #twitter-feed {
background-color: #cdde00;
padding: 1.5em;
} #mortgage-ready {
background-color: #00a199;
padding-top: 40px;
} #mortgage-ready #mortgage-ready-grid {
width: 100%;
display: grid;
grid-template-columns: 1fr;
align-items: center;
grid-gap: 1.5em;
} #mortgage-ready h2 {
font-size: 2.1em;
} #mortgage-ready .green-hl {
color: #cdde00;
} #mortgage-ready #logo-btn {
display: flex;
flex-direction: row;
padding: 3em 0;
} #mortgage-ready #logo-btn img {
width: 200px;
} #mortgage-ready #mready-logo {
max-width: 100%;
margin-right: 40px;
} #mortgage-ready .app-store {
max-width: 100%;
} .page-template-page-team #chirpy-mob {
background-color: #00a199;
} #two-ctas #two-ctas-grid {
display: grid;
grid-template-columns: 1fr;
} #two-ctas #two-ctas-grid #two-ctas-left {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
padding: 0 3em;
background-color: #eee;
padding-bottom: 3em;
} #two-ctas #two-ctas-grid #two-ctas-right {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
padding: 0 3em;
background-color: #cdde00;
padding-bottom: 3em;
} #two-ctas #two-ctas-grid .main-content-copy {
flex: 1;
text-align: center;
} #two-ctas #two-ctas-grid img {
max-width: 250px;
} #two-ctas #two-ctas-grid .two-ctas-main-content {
display: flex;
flex-direction: column;
align-items: center;
} .page-template-page-assessment-application-new #aff-cal-contents .result .result-grid {
display: flex;
flex-wrap: wrap;
} .page-template-page-assessment-application-new #aff-cal-contents .result .result-grid .result-heading h2 {
color: #fff;
} .page-template-page-assessment-application-new #aff-cal-contents .result .result-grid .result-heading h2 br {
display: none;
} .page-template-page-assessment-application-new #aff-cal-contents .result .result-grid .result-message {
background-color: #fff;
padding: 1.25rem;
border-radius: 14px;
color: #000;
text-wrap-style: pretty;
font-size: 1.2rem;
} .page-template-page-assessment-application-new #aff-cal-contents .result .result-grid .result-img {
padding-bottom: 1.5rem;
} .page-template-page-assessment-application-new #aff-cal-contents .result .result-grid .result-img #rive-canvas {
max-width: 100%;
}
} @media only screen and (min-width: 900px) { } @media only screen and (min-width: 1030px) {  .header #logo {
text-align: left;
margin: 0;
} .header #logo img {
margin: 0 auto;
margin-bottom: 0px;
display: inline-block;
} .header .bit-60 {
text-align: center;
} .header .bit-75 {
text-align: right;
} .header .bit-3 {
width: 33.3% !important;
} .header #header-flex {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
} #responsive-menu-pro-wrapper {
text-align: center;
} #header-bottom {
background-image: url(//tmpmortgages.co.uk/wp-content/themes/ashbestos_v3/library/images/chirpy-curve.png);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
min-height: 800px;
} #header-bottom .header-quote {
max-width: 60%;
margin: 0 auto;
} .inner-wrap {
max-width: 1220px !important;
padding: 1.5em;
} #inner-header.inner-wrap {
max-width: 1440px !important;
} .mcenter {
text-align: center;
} #chirpy-mob {
display: none;
} .page-template-page-video h1.page-title {
font-size: 2.5em;
margin-bottom: 20px;
} .single #header-bottom {
background-image: url(//tmpmortgages.co.uk/wp-content/themes/ashbestos_v3/library/images/curve.jpg);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
min-height: 600px;
text-align: center;
} .single main {
position: relative;
margin-top: -550px;
margin-bottom: 80px;
} .single .article-banner {
background-color: #cdde00;
border-radius: 40px;
width: 100%;
padding-bottom: 50%;
position: relative;
} .single .article-banner > :first-child {
left: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
} .single .article-banner:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(transparent, transparent, #2d2d2d);
opacity: .7;
border-radius: 40px;
} .single .article-banner .article-title {
display: flex;
align-items: flex-end;
width: 100%;
height: 100%;
padding: 3em;
} .single .article-banner .entry-title {
color: #fff;
max-width: 75%;
font-weight: 300;
font-size: 2.5em !important;
text-transform: uppercase;
} .single .article-banner.short {
padding-bottom: 25%;
position: relative;
} .single .article-banner.short > :first-child {
left: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
} .single .article-banner.short:before {
opacity: 0.3;
} .single .article-banner.short .article-title {
align-items: center;
} .single .article-banner.short .entry-title {
color: #000;
} .single #recent-posts {
background-color: #eeeeee;
border-radius: 25px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
padding: 1.5em;
} .single #recent-posts #recent-posts-list {
list-style-type: none;
padding: 0;
margin: 0;
} .single #recent-posts #recent-posts-list li {
margin-bottom: 20px;
} .single #recent-posts #recent-posts-list li .post-box img {
width: 75%;
} .single #recent-posts #recent-posts-list li .post-box .black-link {
color: #000;
text-decoration: underline;
} .page-template-page-thank-you #header-bottom {
background-image: url(//tmpmortgages.co.uk/wp-content/themes/ashbestos_v3/library/images/curve.jpg);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
min-height: 500px;
text-align: center;
} .page-template-page-ha #credentials-grid {
display: grid;
grid-template-columns: 1fr 1fr;
} .page-template-page-ha #credentials-grid .credentials-col {
display: flex;
flex-direction: column;
} .page-template-page-ha #credentials-grid .credentials-col .big-number {
font-size: 3.5em;
font-weight: 700;
} .page-template-page-ha #credentials-grid .credentials-col .over {
font-size: 1.2em;
} .page-template-page-ha #credentials-grid .credentials-col .cred-stat {
font-size: 1.2em;
} .page-template-page-ha #header-bottom {
background-image: url(//tmpmortgages.co.uk/wp-content/themes/ashbestos_v3/library/images/curve.jpg);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
min-height: 900px;
text-align: center;
} .page-template-page-ha main {
position: relative;
top: -175px;
margin-bottom: -175px;
} .page-template-page-ha .black-box {
overflow: hidden;
padding: 40px;
padding-bottom: 80px;
color: #fff;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-ha .black-box #around-you {
display: inline-block;
text-align: center;
} .page-template-page-ha .black-box #around-you svg {
width: 80% !important;
height: 80% !important;
} .page-template-page-ha #introboxes .intro-box-l {
padding: 1.5em;
background: #eeeeee;
text-align: center;
border-radius: 20px;
min-height: 350px;
position: relative;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
color: #000;
} .page-template-page-ha #introboxes .intro-box-l p {
max-width: 50ch;
margin: 0 auto;
} .page-template-page-ha #introboxes .intro-box-l h2 {
margin-top: 25px;
margin-bottom: 25px;
color: #000;
font-weight: 300;
} .page-template-page-ha #introboxes .intro-box-l svg {
max-width: 80px;
height: auto;
} .page-template-page-ha #introboxes .intro-box-l a.green-btn {
display: block;
position: absolute;
bottom: 3em;
left: 0;
right: 0;
margin: 0 auto;
} .page-template-page-ha #introboxes .intro-box-r {
padding: 1.5em;
background: #cdde00;
text-align: center;
border-radius: 20px;
min-height: 350px;
position: relative;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
color: #000;
} .page-template-page-ha #introboxes .intro-box-r p {
max-width: 50ch;
margin: 0 auto;
} .page-template-page-ha #introboxes .intro-box-r h2 {
margin-top: 25px;
margin-bottom: 25px;
color: #000;
font-weight: 300;
} .page-template-page-ha #introboxes .intro-box-r svg {
max-width: 80px;
height: auto;
} .page-template-page-ha #introboxes .intro-box-r a.green-btn {
display: block;
position: absolute;
bottom: 3em;
left: 0;
right: 0;
margin: 0 auto;
} .page-template-page-monthly-updates #monthly-updates {
position: relative;
} .page-template-page-monthly-updates #monthly-updates .mob-document-thumbnail {
display: none;
} .page-template-page-monthly-updates #monthly-updates .document-thumbnail {
width: 275px;
height: auto;
position: absolute;
top: 150px;
left: -25px;
transform: rotate(-15deg);
z-index: 999;
-webkit-filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.5));
filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.5));
} .page-template-page-monthly-updates #monthly-updates .calendar {
width: 150px;
height: auto;
position: absolute;
top: 100px;
right: 50px;
transform: rotate(15deg);
} .page-template-page-monthly-updates .green-box {
position: relative;
overflow: hidden;
padding: 40px;
padding-bottom: 80px;
color: #000;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-monthly-updates .green-box h2 {
color: #000;
margin-bottom: 40px;
} .page-template-page-monthly-updates #mu-grid {
width: 500px;
margin: 20px auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-tempalte-rows: 1fr 1fr;
grid-gap: 1.5em;
} .page-template-page-monthly-updates #mu-grid a.mu-download {
background: #fff;
border-radius: 15px;
padding: 1.5em;
color: #000;
font-weight: 600;
font-family: 2em;
text-transform: uppercase;
transition: background 0.5s ease, color 0.5s ease;
} .page-template-page-monthly-updates #mu-grid a.mu-download:hover, .page-template-page-monthly-updates #mu-grid a.mu-download.latest, .page-template-page-monthly-updates #mu-grid a.mu-download:first-of-type {
background: #000 !important;
color: #fff !important;
} .page-template-page-ha-insiders section#contact #contact-grid #twitter-feed {
background-color: #eaedf2 !important;
} .page-template-page-ha-insiders section#contact {
position: relative;
background: linear-gradient(to right, white, white 58%, #eaedf2 58%, #eaedf2 100%);
} .page-template-page-ha-insiders #header-bottom {
background-image: url(//tmpmortgages.co.uk/wp-content/themes/ashbestos_v3/library/images/curve.jpg);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
min-height: 600px;
text-align: center;
} .page-template-page-ha-insiders main {
position: relative;
top: -175px;
margin-bottom: -175px;
} .page-template-page-ha-insiders .black-box {
overflow: hidden;
padding: 40px;
padding-bottom: 80px;
color: #fff;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-ha-insiders .black-box #around-you {
display: inline-block;
text-align: center;
} .page-template-page-ha-insiders .black-box #around-you svg {
width: 80% !important;
height: 80% !important;
} .page-template-page-ha-insiders #monthly-updates {
position: relative;
} .page-template-page-ha-insiders #monthly-updates .mob-document-thumbnail {
display: none;
} .page-template-page-ha-insiders #monthly-updates .document-thumbnail {
width: 275px;
height: auto;
position: absolute;
top: 150px;
left: -25px;
transform: rotate(-15deg);
z-index: 999;
-webkit-filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.5));
filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.5));
} .page-template-page-ha-insiders #monthly-updates .calendar {
width: 150px;
height: auto;
position: absolute;
top: 100px;
right: 50px;
transform: rotate(15deg);
} .page-template-page-ha-insiders .green-box {
position: relative;
overflow: hidden;
padding: 40px;
padding-bottom: 80px;
color: #000;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-ha-insiders .green-box h2 {
color: #000;
margin-bottom: 40px;
} .page-template-page-ha-insiders #mu-grid {
width: 500px;
margin: 20px auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-tempalte-rows: 1fr 1fr;
grid-gap: 1.5em;
} .page-template-page-ha-insiders #mu-grid a.mu-download {
background: #fff;
border-radius: 15px;
padding: 1.5em;
color: #000;
font-weight: 600;
font-family: 2em;
text-transform: uppercase;
transition: background 0.5s ease, color 0.5s ease;
} .page-template-page-ha-insiders #mu-grid a.mu-download:hover, .page-template-page-ha-insiders #mu-grid a.mu-download.latest, .page-template-page-ha-insiders #mu-grid a.mu-download:first-of-type {
background: #000 !important;
color: #fff !important;
} .page-template-page-ha-insiders #exclusive-data-analysis {
position: relative;
} .page-template-page-ha-insiders #exclusive-data-analysis .swiper-container-report {
margin: 0 auto;
width: 90%;
min-height: 200px;
color: #000;
display: flex;
margin-top: 40px;
} .page-template-page-ha-insiders #exclusive-data-analysis .swiper-container-report .swiper-wrapper {
justify-content: center;
} .page-template-page-ha-insiders #exclusive-data-analysis .swiper-container-report .swiper-pagination-report {
bottom: 30px;
} .page-template-page-ha-insiders #exclusive-data-analysis .swiper-container-report .swiper-pagination-bullet {
background: #cdde00 !important;
opacity: 1;
} .page-template-page-ha-insiders #exclusive-data-analysis .swiper-container-report .swiper-pagination-bullet-active {
background: #cdde00 !important;
} .page-template-page-ha-insiders #exclusive-data-analysis .swiper-container-report .swiper-slide img {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-ha-insiders #exclusive-data-analysis .swiper-button-next, .page-template-page-ha-insiders #exclusive-data-analysis .swiper-button-prev {
color: #cdde00;
outline: none;
} .page-template-page-ha-insiders #exclusive-data-analysis .report {
width: 150px;
height: auto;
position: absolute;
top: 50px;
left: 150px;
transform: rotate(-30deg);
} .page-template-page-ha-insiders .gray-box {
position: relative;
overflow: hidden;
padding: 40px;
padding-bottom: 80px;
color: #000;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-ha-insiders section#working-together {
position: relative;
} .page-template-page-ha-insiders section#working-together .gray-chirpie-bg {
background-image: radial-gradient(ellipse at center, #cdde00 0%, #cdde00 47%, #cdde00 47%, transparent 47%, transparent 48%), url(//tmpmortgages.co.uk/wp-content/themes/ashbestos_v3/library/images/gray-chirpie-bg.jpg);
background-size: 100% 300%, cover;
background-position: center center, left bottom;
background-repeat: no-repeat;
background-blend-mode: darken;
min-height: 600px;
text-align: center;
display: flex;
align-items: center;
} .page-template-page-ha-insiders section#working-together .get-your-copy {
position: absolute;
right: 50px;
bottom: 50px;
width: 20%;
height: auto;
} .page-template-page-get-prepared #header-bottom {
background-image: url(//tmpmortgages.co.uk/wp-content/themes/ashbestos_v3/library/images/curve.jpg);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
min-height: 500px;
text-align: center;
} .page-template-page-get-prepared main {
position: relative;
top: -175px;
margin-bottom: -175px;
} .page-template-page-get-prepared #which {
background: linear-gradient(to bottom, #fff, #fff 40%, #eaedf2 40%, #eaedf2 100%);
} .page-template-page-get-prepared #which-grid {
display: grid;
grid-template-columns: 25% 1fr 25%;
grid-template-rows: auto;
padding: 1.5em;
} .page-template-page-get-prepared #which-grid #which-copy {
grid-column-start: 2;
grid-column-end: 3;
} .page-template-page-get-prepared #which-grid .graphic-r {
grid-column-start: 3;
grid-column-end: 4;
width: 200px;
justify-self: flex-end;
align-content: flex-start;
} .page-template-page-get-prepared #schemes-columns {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 3em;
padding: 0 3em;
padding-bottom: 3em;
} .page-template-page-get-prepared #schemes-columns #schemes-col-1 {
grid-column-start: 1;
grid-column-end: 2;
} .page-template-page-get-prepared #schemes-columns #schemes-col-2 {
grid-column-start: 2;
grid-column-end: 3;
} .page-template-page-get-prepared #schemes-columns .schemes-grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-gap: 3em;
} .page-template-page-get-prepared #schemes-columns .schemes-grid .scheme {
color: #fff;
} .page-template-page-get-prepared #schemes-columns .schemes-grid .scheme h3 {
color: #cdde00 !important;
margin-bottom: 20px;
text-transform: uppercase;
font-size: 1.2em;
} .page-template-page-get-prepared #schemes-columns .schemes-grid .scheme p {
margin-bottom: 20px;
} .page-template-page-get-prepared #schemes-columns .schemes-grid .scheme #more-deets {
padding-top: 40px;
width: 100%;
} .page-template-page-get-prepared #schemes-columns .schemes-grid .scheme #more-deets path {
transition: fill 0.75s ease;
} .page-template-page-get-prepared #schemes-columns .schemes-grid .scheme #more-deets path:hover {
cursor: pointer;
} .page-template-page-get-prepared #schemes-columns .schemes-grid .scheme #more-deets path:hover#btn-bg {
fill: #fff;
} .page-template-page-get-prepared .black-box {
overflow: hidden;
padding: 40px 40px 40px 40px;
color: #fff;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
}
}
@media only screen and (min-width: 1030px) and (max-width: 1300px) { .page-template-page-get-prepared .grid-item h2 span.bold br {
display: none;
}
}
@media only screen and (min-width: 1030px) { .page-template-page-get-prepared .grid-container {
display: grid;
grid-template-columns: 1fr 60% 1fr;
grid-template-rows: 1fr;
gap: 20px;
grid-template-areas: ". . .";
align-items: end;
} .page-template-page-get-prepared .grid-container .grid-item {
display: grid;
grid-template-rows: auto auto;
text-align: center;
align-self: start;
} .page-template-page-get-prepared .grid-container .grid-item img {
display: block;
margin: 0 auto;
margin-top: 80px;
} .page-template-page-get-prepared .grid-container .grid-item:nth-of-type(1) {
display: grid;
grid-template-rows: auto auto;
align-self: start;
align-items: start;
} .page-template-page-get-prepared .app-store {
max-width: 200px;
} .page-template-page-get-prepared #introboxes .intro-box-l {
padding: 1.5em;
background: #cdde00;
text-align: center;
border-radius: 20px;
min-height: 650px;
position: relative;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
color: #000;
} .page-template-page-get-prepared #introboxes .intro-box-l p {
max-width: 50ch;
margin: 0 auto;
} .page-template-page-get-prepared #introboxes .intro-box-l h2 {
margin-top: 25px;
margin-bottom: 25px;
color: #000;
font-weight: 300;
} .page-template-page-get-prepared #introboxes .intro-box-l svg {
max-width: 80px;
height: auto;
} .page-template-page-get-prepared #introboxes .intro-box-l a.green-btn {
display: block;
position: absolute;
bottom: 3em;
left: 0;
right: 0;
margin: 0 auto;
} .page-template-page-get-prepared #introboxes .intro-box-r {
padding: 1.5em;
background: #eeeeee;
text-align: center;
border-radius: 20px;
min-height: 650px;
position: relative;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
color: #000;
} .page-template-page-get-prepared #introboxes .intro-box-r p {
max-width: 50ch;
margin: 0 auto;
} .page-template-page-get-prepared #introboxes .intro-box-r ol {
max-width: 50ch;
margin: 0 auto;
text-align: left;
counter-reset: item;
} .page-template-page-get-prepared #introboxes .intro-box-r ol > li {
margin: 0;
padding: 0 0 0 2em;
text-indent: -2.2em;
list-style-type: none;
counter-increment: item;
padding-bottom: 10px;
} .page-template-page-get-prepared #introboxes .intro-box-r ol > li:before {
display: inline-block;
width: 1.5em;
padding-right: 0.5em;
font-weight: bold;
text-align: right;
content: counter(item) ".";
} .page-template-page-get-prepared #introboxes .intro-box-r h2 {
margin-top: 25px;
margin-bottom: 25px;
color: #000;
font-weight: 300;
} .page-template-page-get-prepared #introboxes .intro-box-r svg {
max-width: 80px;
height: auto;
} .page-template-page-get-prepared #introboxes .intro-box-r a.green-btn {
display: block;
position: absolute;
bottom: 3em;
left: 0;
right: 0;
margin: 0 auto;
} .hb-wrap {
max-width: 1030px;
margin: 0 auto;
padding-top: 50px;
} .mu-wrap {
max-width: 640px;
margin: 0 auto;
padding-top: 50px;
} .page-template-page-ha .hb-wrap, .page-template-page-ha-insiders .hb-wrap, .page-template-page-get-prepared .hb-wrap {
max-width: 1030px;
margin: 0 auto;
padding-top: 50px;
position: relative;
} .page-template-page-ha #lightbulb, .page-template-page-ha-insiders #lightbulb, .page-template-page-get-prepared #lightbulb {
position: absolute;
right: -100px;
top: 50px;
width: 200px;
height: 200px;
} .page-template-page-ha #secret, .page-template-page-ha-insiders #secret, .page-template-page-get-prepared #secret {
position: absolute;
left: 0px;
top: 100px;
width: 200px;
} #inner-header, #inner-footer, .wrap {
max-width: 100%;
margin: 0 auto;
} .col-wrap {
padding: 0 3em;
} #inner-header {
padding-top: 40px;
} #responsive-menu-pro {
padding: 0;
margin: 0 auto;
} #responsive-menu-pro li a {
font-size: 14px !important;
} .responsive-menu-pro-item-link {
text-transform: uppercase;
font-weight: 700;
padding-right: 0px !important;
} .responsive-menu-pro-item-link:focus {
outline: none;
border-bottom: 1px dotted #000;
} .responsive-menu-pro-item-link:after {
display: inline-block;
content: '/';
padding-left: 15px;
} .responsive-menu-pro-current-item {
padding-left: 10px;
} .responsive-menu-pro-current-item .responsive-menu-pro-item-link {
line-height: 30px;
height: 30px;
} .responsive-menu-pro-current-item .responsive-menu-pro-item-link:after {
color: #000;
} .responsive-menu-pro-item:first-of-type .responsive-menu-pro-item-link {
padding-left: 0px !important;
} .responsive-menu-pro-item:last-of-type .responsive-menu-pro-item-link:after {
display: none;
content: '';
padding-left: 0px;
} .responsive-menu-pro-submenu .responsive-menu-pro-item {
padding-left: 15px;
} .responsive-menu-pro-submenu .responsive-menu-pro-item .responsive-menu-pro-item-link {
padding-left: 0px !important;
} .responsive-menu-pro-submenu .responsive-menu-pro-item .responsive-menu-pro-item-link:before {
display: none;
content: '';
padding-left: 0px;
} .page-template-page-home #header-bottom {
min-height: 600px;
} #content section.ctas-section {
position: relative;
top: -50px;
} section.ctas-section {
position: relative;
min-height: 350px;
} section.ctas-section .ctas-grid {
display: grid;
grid-template-columns: 25% 1fr 25%;
align-items: center;
grid-gap: 1.5em;
} section.ctas-section #assessment-box {
grid-column-start: 2;
margin-top: 60px;
padding: 2em;
background: #000;
color: #fff;
text-align: center;
border-radius: 20px;
min-height: 350px;
position: relative;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
display: flex;
flex-direction: column;
justify-content: space-between;
} section.ctas-section #assessment-box #assessment-header {
display: flex;
justify-content: center;
} section.ctas-section #assessment-box #assessment-header h1 {
margin-left: 10px;
} section.ctas-section #assessment-box h2 {
margin-top: 25px;
margin-bottom: 25px;
color: #fff;
font-weight: 300;
} section.ctas-section #assessment-box svg {
max-width: 80px;
height: auto;
} section.ctas-section #assessment-box a.green-btn {
display: block;
margin: 0 auto;
} section.ctas-section #welcome {
grid-column: 2/3;
position: relative;
top: -50px;
margin-bottom: -50px;
} section.ctas-section #featured-testimonial {
display: flex;
} section.ctas-section #phone-assessment {
grid-column: 2/3;
} section.ctas-section #phone-assessment {
padding: 1.5em;
background: #cdde00;
color: #000;
text-align: center;
border-radius: 20px;
min-height: 240px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
} section.ctas-section #phone-assessment img {
width: 100px;
position: absolute;
top: 30px;
left: 30px;
} section.ctas-section .not-ready {
grid-column: 1/2;
display: block;
} section.ctas-section .not-ready svg {
max-width: 200px;
position: relative;
z-index: 99;
} section.ctas-section .not-ready svg path {
transition: fill ease 0.75s;
} section.ctas-section .not-ready:hover svg path {
fill: #cdde00;
} section.ctas-section .not-ready-mob {
display: none;
} section#team {
color: #000;  } section#team .frame {
position: relative;
} section#team .frame .wrap {
position: relative;
} section#team .tip-top {
display: inline-block;
max-width: 175px;
position: absolute;
top: 40px;
left: 40px;
} section#team .work-with-us img {
display: inline-block;
max-width: 175px;
position: absolute;
top: 40px;
right: 40px;
} section#team .work-with-us img:hover {
cursor: pointer;
} section#team .work-with-us img:hover path {
fill: #cdde00;
} section#team .work-with-us-mob {
display: none;
} section#team .btn-div {
padding-bottom: 10px;
} section#team h2 {
color: #000;
} section#team .mel-nav ul {
display: flex;
flex-direction: row;
padding-left: 15px;
} section#team .mel-nav li {
padding-right: 15px;
cursor: pointer;
} section#team .meet-the-team-container {
background: #00a199;
overflow: -moz-scrollbars-horizontal;
overflow-y: hidden;
height: 700px;
} section#team .swiper {
height: 100%;
overflow: hidden;
} section#team .swiper-slide {
-webkit-box-sizing: border-box;
box-sizing: border-box;
} section#team .swiper-scrollbar {
opacity: 1 !important;
transition: opacity 0.3s;
z-index: 9999;
} section#team .swiper-container-inner {
height: 100%;
display: flex;
} section#team .swiper-slide {
width: auto !important;
} section#team .swiper-container:hover .swiper-scrollbar {
opacity: 1 !important;
} section#team .swiper-container:not(.swiper-container-dragging):not(:hover) .swiper-scrollbar {
opacity: 0 !important;
} section#team .swiper-scrollbar {
height: 25px;
padding: 5px 0px;
} section#team .swiper-scrollbar-drag {
background-color: #00a199;
} section#team .mel-grid {
height: 700px;
display: grid;
grid-template-columns: repeat(auto-fill, 400px);
grid-template-rows: repeat(2, 350px);
overflow: hidden; } section#team .mel-grid:after {
content: '';
display: block;
clear: both;
} section#team .med-grid-adjust {
grid-template-columns: repeat(auto-fill, 400px) !important;
grid-template-rows: repeat(2, 350px);
height: auto;
} section#team .med-grid-adjust-more {
grid-template-columns: repeat(auto-fill, 400px) !important;
grid-template-rows: repeat(2, 350px);
} section#team .mel-grid-sizer {
width: 400px;
height: 350px;
} section#team .mel-grid-item {
width: 400px;
height: 350px;
} section#team .mel-grid-item a {
text-decoration: none;
outline: none;
} section#team .mel-item-wrapper {
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
} section#team .mel-image-container {
position: relative;
} section#team .mel-image-container .mel-image {
width: 200px;
height: 200px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 50%;
margin: 0 auto;
position: relative;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
z-index: 0;
} section#team .mel-image-container .mel-info-link {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 200px;
height: 200px;
z-index: 1;
} section#team .mel-image-container .info-icon {
position: absolute;
top: 0px;
right: 20px;
opacity: 0.8;
} section#team .mel-content {
padding: 15px;
font-size: 1.2em;
text-align: center;
} section#team .mel-content .team-member-name {
color: #fff;
font-weight: 700;
} section#team .mel-content .email-tel img {
margin-right: 5px;
}
}
@media only screen and (min-width: 1030px) and (max-width: 768px) { section#team .mel-grid-item {
width: 100%;
}
}
@media only screen and (min-width: 1030px) { section#contact {
position: relative;
} section#contact .chirpy-headset {
position: absolute;
bottom: 0px;
right: 0px;
width: 200px;
height: 200px;
} section#contact #contact-grid {
display: grid;
grid-template-columns: 60% 1fr;
align-items: center;
} section#contact #contact-grid.wrap {
max-width: unset !important;
} section#contact #contact-grid #contact-details {
padding: 1.5em;
background-size: 400px;
background-position: 90% bottom;
background-repeat: no-repeat;
height: 100%;
display: flex;
align-items: space-between;
padding-left: 15%;
} section#contact #contact-grid #twitter-feed {
background-color: #cdde00;
padding: 1.5em;
padding-right: 15%;
} section#invitation-insight .in-in-grid {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
} section#invitation-insight .in-in {
padding: 0 3em;
} section#invitation-insight .in-in.inv {
background-color: #eeeeee;
} section#invitation-insight .in-in.inv .in-main-content {
min-height: 200px;
} section#invitation-insight .in-in.inv h2 {
text-transform: uppercase;
} section#invitation-insight .in-in.inv img {
max-width: 250px;
display: inline-block;
} section#invitation-insight .in-in.market-update {
background-color: #000;
color: #fff;
} section#invitation-insight .in-in.market-update .in-main-content {
min-height: 200px;
} section#invitation-insight .in-in.market-update h2 {
color: #fff;
text-transform: uppercase;
} section#invitation-insight .in-in.market-update img {
max-width: 250px;
display: inline-block;
} section#invitation-insight .in-in.ins {
background-color: #cdde00;
color: #000;
} section#invitation-insight .in-in.ins .in-main-content {
min-height: 200px;
} section#invitation-insight .in-in.ins h2 {
color: #000;
text-transform: uppercase;
} section#invitation-insight .in-in.ins img {
max-width: 250px;
display: inline-block;
} section#careers {
background-color: #eaedf2;
min-height: 550px;
position: relative;
} section#careers .were-hiring {
width: 200px;
height: auto;
position: relative;
margin: 0 auto;
} section#careers .careers-content {
margin: 0 auto;
max-width: 640px;
} section#careers .careers-content h2 {
margin-bottom: 40px;
} section#careers .careers-content p {
margin-bottom: 20px;
} section#sustainability #sustainability-grid {
display: grid;
grid-template-columns: 25% 1fr 25%;
grid-template-rows: auto;
grid-gap: 3em;
padding: 3em;
} section#sustainability #sustainability-grid #sustainability-copy {
grid-column-start: 2;
grid-column-end: 3;
text-align: center;
} section#sustainability #sustainability-grid #sustainability-copy h2 {
margin-bottom: 20px;
} section#sustainability #sustainability-grid #sustainability-copy p {
margin-bottom: 20px;
} section#sustainability #sustainability-grid #sustainability-copy .black-outline-btn {
margin-bottom: 20px;
} section#sustainability #sustainability-grid #sustainability-copy #lockdown-hidden a {
color: #000 !important;
text-decoration: underline;
} section#sustainability #sustainability-grid #sustainability-graphic {
grid-column-start: 3;
grid-column-end: 4;
width: 150px;
justify-self: flex-end;
} .black-box {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} section#charity #charity-grid {
display: grid;
grid-template-columns: 25% 1fr 25%;
grid-template-rows: auto;
grid-gap: 3em;
padding: 3em;
} section#charity #charity-grid #charity-copy h2 {
margin-bottom: 40px;
} section#charity #charity-grid #charity-copy p {
margin-bottom: 20px;
} section#charity #charity-grid #charity-copy a.black-btn-wide {
margin-top: 20px;
} section#charity #charity-grid #tommy-crush-logo, section#charity #charity-grid #gift-graphic {
width: 250px;
} section#charity #charity-grid #tommy-crush-logo {
align-self: flex-end;
justify-self: flex-end;
} #mortgage-ready {
background-color: #00a199;
} #mortgage-ready #mortgage-ready-grid {
width: 100%;
display: grid;
grid-template-columns: 60% 1fr;
align-items: center;
grid-gap: 1.5em;
} #mortgage-ready h2 {
font-size: 2.1em;
} #mortgage-ready .green-hl {
color: #cdde00;
} #mortgage-ready #logo-btn {
display: flex;
flex-direction: row;
padding: 3em 0;
} #mortgage-ready #logo-btn img {
width: 200px;
} #mortgage-ready #mready-logo {
max-width: 200px;
margin-right: 40px;
} #mortgage-ready .app-store {
max-width: 200px;
} section#ha-blog {
position: relative;
} section#ha-blog .swiper-container {
background-color: #000;
margin: 0 auto;
width: 90%;
min-height: 200px;
color: #000;
display: flex;
padding-bottom: 40px;
} section#ha-blog .swiper-container .swiper-pagination {
bottom: 0px;
} section#ha-blog .swiper-container .swiper-pagination-bullet {
background: #fff !important;
opacity: 1;
} section#ha-blog .swiper-container .swiper-pagination-bullet-active {
background: #cdde00 !important;
} section#ha-blog .swiper-container .swiper-slide .post-box {
padding: 1.5em;
background-color: #fff;
border-radius: 15px;
} section#ha-blog .swiper-container .swiper-slide .post-box .ha-article-title {
padding: 1.5em;
} section#ha-blog .swiper-container .swiper-slide .post-box .ha-article-title h3 {
min-height: 95px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
} section#ha-blog .swiper-button-next, section#ha-blog .swiper-button-prev {
color: #fff;
outline: none;
} .page-template-page-assessment-application-new .affordability-result {
justify-content: center;
} .page-template-page-assessment-application-new .affordability-result #aff-cal-info ul {
list-style-type: none;
} .page-template-page-assessment-application-intro h1.h2, .page-template-page-assessment-application-new h1.h2, .page-template-page-joint-assessment-application h1.h2, .page-template-page-assessment-application-return h1.h2 {
line-height: 1.4em;
} .page-template-page-assessment-application-intro section#formFrame, .page-template-page-assessment-application-new section#formFrame, .page-template-page-joint-assessment-application section#formFrame, .page-template-page-assessment-application-return section#formFrame {
width: 100%;
min-height: calc(100vh - 190px);
} .page-template-page-assessment-application-intro section#formFrame .gray-chirpie-bg, .page-template-page-assessment-application-new section#formFrame .gray-chirpie-bg, .page-template-page-joint-assessment-application section#formFrame .gray-chirpie-bg, .page-template-page-assessment-application-return section#formFrame .gray-chirpie-bg {
box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
background-color: #eeeeee;
background-image: url(//tmpmortgages.co.uk/wp-content/themes/ashbestos_v3/library/images/gray-chirpie-bg.jpg);
background-size: contain;
background-position: -2px bottom;
background-repeat: no-repeat;
min-height: 600px;
min-height: calc(100vh - 190px - 80px);
border-radius: 25px;
} .page-template-page-assessment-application-intro section#formFrame #assessment-form-0 label, .page-template-page-assessment-application-new section#formFrame #assessment-form-0 label, .page-template-page-joint-assessment-application section#formFrame #assessment-form-0 label, .page-template-page-assessment-application-return section#formFrame #assessment-form-0 label {
font-weight: 700;
} .page-template-page-assessment-application-intro section#formFrame #assessment-form-0 #applying-for ul li label, .page-template-page-assessment-application-new section#formFrame #assessment-form-0 #applying-for ul li label, .page-template-page-joint-assessment-application section#formFrame #assessment-form-0 #applying-for ul li label, .page-template-page-assessment-application-return section#formFrame #assessment-form-0 #applying-for ul li label {
font-weight: 300;
} .page-template-page-assessment-application-intro .loading, .page-template-page-assessment-application-new .loading, .page-template-page-joint-assessment-application .loading, .page-template-page-assessment-application-return .loading {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
width: 300px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
color: #000;
background: #cdde00;
border-radius: 14px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
z-index: 999999;
} .page-template-page-assessment-application-new #dob_dd-error, .page-template-page-assessment-application-new #applicant_2_dob_dd-error, .page-template-page-assessment-application-return #dob_dd-error, .page-template-page-assessment-application-return #applicant_2_dob_dd-error, .page-template-page-joint-assessment-application #dob_dd-error, .page-template-page-joint-assessment-application #applicant_2_dob_dd-error {
display: none !important;
} .page-template-page-assessment-application-new #dob_mm-error, .page-template-page-assessment-application-new #applicant_2_dob_mm-error, .page-template-page-assessment-application-return #dob_mm-error, .page-template-page-assessment-application-return #applicant_2_dob_mm-error, .page-template-page-joint-assessment-application #dob_mm-error, .page-template-page-joint-assessment-application #applicant_2_dob_mm-error {
display: none !important;
} .page-template-page-assessment-application-new #dob_yyyy-error, .page-template-page-assessment-application-new #applicant_2_dob_yyyy-error, .page-template-page-assessment-application-return #dob_yyyy-error, .page-template-page-assessment-application-return #applicant_2_dob_yyyy-error, .page-template-page-joint-assessment-application #dob_yyyy-error, .page-template-page-joint-assessment-application #applicant_2_dob_yyyy-error {
display: none !important;
} .page-template-page-assessment-application-new #moved_dd-error, .page-template-page-assessment-application-new #applicant_2_moved_dd-error, .page-template-page-assessment-application-return #moved_dd-error, .page-template-page-assessment-application-return #applicant_2_moved_dd-error, .page-template-page-joint-assessment-application #moved_dd-error, .page-template-page-joint-assessment-application #applicant_2_moved_dd-error {
display: none !important;
} .page-template-page-assessment-application-new #moved_mm-error, .page-template-page-assessment-application-new #applicant_2_moved_mm-error, .page-template-page-assessment-application-return #moved_mm-error, .page-template-page-assessment-application-return #applicant_2_moved_mm-error, .page-template-page-joint-assessment-application #moved_mm-error, .page-template-page-joint-assessment-application #applicant_2_moved_mm-error {
display: none !important;
} .page-template-page-assessment-application-new #moved_yyyy-error, .page-template-page-assessment-application-new #applicant_2_moved_yyyy-error, .page-template-page-assessment-application-return #moved_yyyy-error, .page-template-page-assessment-application-return #applicant_2_moved_yyyy-error, .page-template-page-joint-assessment-application #moved_yyyy-error, .page-template-page-joint-assessment-application #applicant_2_moved_yyyy-error {
display: none !important;
} .page-template-page-assessment-application-new #started_dd-error, .page-template-page-assessment-application-new #applicant_2_started_dd-error, .page-template-page-assessment-application-return #started_dd-error, .page-template-page-assessment-application-return #applicant_2_started_dd-error, .page-template-page-joint-assessment-application #started_dd-error, .page-template-page-joint-assessment-application #applicant_2_started_dd-error {
display: none !important;
} .page-template-page-assessment-application-new #started_mm-error, .page-template-page-assessment-application-new #applicant_2_started_mm-error, .page-template-page-assessment-application-return #started_mm-error, .page-template-page-assessment-application-return #applicant_2_started_mm-error, .page-template-page-joint-assessment-application #started_mm-error, .page-template-page-joint-assessment-application #applicant_2_started_mm-error {
display: none !important;
} .page-template-page-assessment-application-new #started_yyyy-error, .page-template-page-assessment-application-new #applicant_2_started_yyyy-error, .page-template-page-assessment-application-return #started_yyyy-error, .page-template-page-assessment-application-return #applicant_2_started_yyyy-error, .page-template-page-joint-assessment-application #started_yyyy-error, .page-template-page-joint-assessment-application #applicant_2_started_yyyy-error {
display: none !important;
} .page-template-page-assessment-application-new .error, .page-template-page-assessment-application-return .error, .page-template-page-joint-assessment-application .error {
color: red;
font-size: 12px !important;
} .page-template-page-assessment-application-new .green-btn, .page-template-page-assessment-application-new .black-btn, .page-template-page-assessment-application-new .white-btn, .page-template-page-assessment-application-return .green-btn, .page-template-page-assessment-application-return .black-btn, .page-template-page-assessment-application-return .white-btn, .page-template-page-joint-assessment-application .green-btn, .page-template-page-joint-assessment-application .black-btn, .page-template-page-joint-assessment-application .white-btn {
padding: 0.75em 1em;
} .page-template-page-assessment-application-new footer, .page-template-page-assessment-application-return footer, .page-template-page-joint-assessment-application footer {
background-color: #1d1d1b;
} .page-template-page-assessment-application-new .modal, .page-template-page-assessment-application-return .modal, .page-template-page-joint-assessment-application .modal {
font-size: 1.2em;
background-color: #cdde00;
} .page-template-page-assessment-application-new #thank-you.modal, .page-template-page-assessment-application-return #thank-you.modal, .page-template-page-joint-assessment-application #thank-you.modal {
color: #fff;
background-color: #1d1d1b;
} .page-template-page-assessment-application-new #thank-you.modal .h3, .page-template-page-assessment-application-return #thank-you.modal .h3, .page-template-page-joint-assessment-application #thank-you.modal .h3 {
color: #fff;
} .page-template-page-assessment-application-new #thank-you.modal iframe, .page-template-page-assessment-application-return #thank-you.modal iframe, .page-template-page-joint-assessment-application #thank-you.modal iframe {
max-width: 100%;
} .page-template-page-assessment-application-new .radio-inputs ul, .page-template-page-assessment-application-return .radio-inputs ul, .page-template-page-joint-assessment-application .radio-inputs ul {
width: 100%;
list-style: none;
margin: 0;
padding: 0;
overflow: auto;
display: flex;
justify-content: flex-start;
} .page-template-page-assessment-application-new .radio-inputs#applying-for ul, .page-template-page-assessment-application-new .radio-inputs#application_2_applying-for ul, .page-template-page-assessment-application-return .radio-inputs#applying-for ul, .page-template-page-assessment-application-return .radio-inputs#application_2_applying-for ul, .page-template-page-joint-assessment-application .radio-inputs#applying-for ul, .page-template-page-joint-assessment-application .radio-inputs#application_2_applying-for ul {
justify-content: center;
} .page-template-page-assessment-application-new .radio-inputs ul li, .page-template-page-assessment-application-return .radio-inputs ul li, .page-template-page-joint-assessment-application .radio-inputs ul li {
color: #000;
display: block;
position: relative;
float: left;
max-width: auto;
width: auto;
height: 60px;
} .page-template-page-assessment-application-new .radio-inputs ul li input[type=radio], .page-template-page-assessment-application-return .radio-inputs ul li input[type=radio], .page-template-page-joint-assessment-application .radio-inputs ul li input[type=radio] {
position: absolute;
visibility: hidden;
} .page-template-page-assessment-application-new .radio-inputs ul li label, .page-template-page-assessment-application-return .radio-inputs ul li label, .page-template-page-joint-assessment-application .radio-inputs ul li label {
display: block;
position: relative;
font-weight: 300;
font-size: 1.35em;
padding: 15px 25px 25px 80px;
margin: 10px auto;
z-index: 9;
cursor: pointer;
-webkit-transition: all 0.25s linear;
} .page-template-page-assessment-application-new .radio-inputs ul li:hover label, .page-template-page-assessment-application-return .radio-inputs ul li:hover label, .page-template-page-joint-assessment-application .radio-inputs ul li:hover label {
color: #000;
} .page-template-page-assessment-application-new .radio-inputs ul li .check, .page-template-page-assessment-application-return .radio-inputs ul li .check, .page-template-page-joint-assessment-application .radio-inputs ul li .check {
display: block;
position: absolute;
border: 5px solid #000;
border-radius: 100%;
height: 25px;
width: 25px;
top: 30px;
left: 20px;
z-index: 5;
transition: border .25s linear;
-webkit-transition: border .25s linear;
} .page-template-page-assessment-application-new .radio-inputs ul li:hover .check, .page-template-page-assessment-application-return .radio-inputs ul li:hover .check, .page-template-page-joint-assessment-application .radio-inputs ul li:hover .check {
border: 5px solid #cdde00;
} .page-template-page-assessment-application-new .radio-inputs ul li .check::before, .page-template-page-assessment-application-return .radio-inputs ul li .check::before, .page-template-page-joint-assessment-application .radio-inputs ul li .check::before {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 15px;
width: 15px;
top: 0px;
left: 0px;
margin: auto;
transition: background 0.25s linear;
-webkit-transition: background 0.25s linear;
} .page-template-page-assessment-application-new .radio-inputs input[type=radio]:checked ~ .check, .page-template-page-assessment-application-return .radio-inputs input[type=radio]:checked ~ .check, .page-template-page-joint-assessment-application .radio-inputs input[type=radio]:checked ~ .check {
border: 5px solid #000;
} .page-template-page-assessment-application-new .radio-inputs input[type=radio]:checked ~ .check::before, .page-template-page-assessment-application-return .radio-inputs input[type=radio]:checked ~ .check::before, .page-template-page-joint-assessment-application .radio-inputs input[type=radio]:checked ~ .check::before {
background: #000;
} .page-template-page-assessment-application-new .radio-inputs input[type=radio]:checked ~ label, .page-template-page-assessment-application-return .radio-inputs input[type=radio]:checked ~ label, .page-template-page-joint-assessment-application .radio-inputs input[type=radio]:checked ~ label {
color: #000;
} .page-template-page-assessment-application-new section#formFrame, .page-template-page-assessment-application-return section#formFrame, .page-template-page-joint-assessment-application section#formFrame {
width: 100%;
max-height: auto;
min-height: calc(100vh - 190px);
line-height: normal;
} .page-template-page-assessment-application-new section#formFrame .swiper-container, .page-template-page-assessment-application-return section#formFrame .swiper-container, .page-template-page-joint-assessment-application section#formFrame .swiper-container {
max-height: auto;
min-height: 100%;
} .page-template-page-assessment-application-new section#formFrame .swiper-wrapper, .page-template-page-assessment-application-return section#formFrame .swiper-wrapper, .page-template-page-joint-assessment-application section#formFrame .swiper-wrapper {
max-height: auto;
min-height: 100%;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide, .page-template-page-assessment-application-return section#formFrame .swiper-slide, .page-template-page-joint-assessment-application section#formFrame .swiper-slide {
visibility: hidden;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide.swiper-slide-active, .page-template-page-assessment-application-return section#formFrame .swiper-slide.swiper-slide-active, .page-template-page-joint-assessment-application section#formFrame .swiper-slide.swiper-slide-active {
visibility: visible !important;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide.swiper-slide-active svg, .page-template-page-assessment-application-return section#formFrame .swiper-slide.swiper-slide-active svg, .page-template-page-joint-assessment-application section#formFrame .swiper-slide.swiper-slide-active svg {
display: block;
} .page-template-page-assessment-application-new section#formFrame input[type=text], .page-template-page-assessment-application-new section#formFrame input[type=date], .page-template-page-assessment-application-new section#formFrame input[type=number], .page-template-page-assessment-application-new section#formFrame input[type=email], .page-template-page-assessment-application-new section#formFrame input[type=tel], .page-template-page-assessment-application-new section#formFrame select, .page-template-page-assessment-application-new section#formFrame .select-2, .page-template-page-assessment-application-return section#formFrame input[type=text], .page-template-page-assessment-application-return section#formFrame input[type=date], .page-template-page-assessment-application-return section#formFrame input[type=number], .page-template-page-assessment-application-return section#formFrame input[type=email], .page-template-page-assessment-application-return section#formFrame input[type=tel], .page-template-page-assessment-application-return section#formFrame select, .page-template-page-assessment-application-return section#formFrame .select-2, .page-template-page-joint-assessment-application section#formFrame input[type=text], .page-template-page-joint-assessment-application section#formFrame input[type=date], .page-template-page-joint-assessment-application section#formFrame input[type=number], .page-template-page-joint-assessment-application section#formFrame input[type=email], .page-template-page-joint-assessment-application section#formFrame input[type=tel], .page-template-page-joint-assessment-application section#formFrame select, .page-template-page-joint-assessment-application section#formFrame .select-2 {
display: none;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide-active input[type=text], .page-template-page-assessment-application-new section#formFrame .swiper-slide-active input[type=date], .page-template-page-assessment-application-new section#formFrame .swiper-slide-active input[type=number], .page-template-page-assessment-application-new section#formFrame .swiper-slide-active input[type=email], .page-template-page-assessment-application-new section#formFrame .swiper-slide-active input[type=tel], .page-template-page-assessment-application-new section#formFrame .swiper-slide-active select, .page-template-page-assessment-application-new section#formFrame .swiper-slide-active .select-2, .page-template-page-assessment-application-return section#formFrame .swiper-slide-active input[type=text], .page-template-page-assessment-application-return section#formFrame .swiper-slide-active input[type=date], .page-template-page-assessment-application-return section#formFrame .swiper-slide-active input[type=number], .page-template-page-assessment-application-return section#formFrame .swiper-slide-active input[type=email], .page-template-page-assessment-application-return section#formFrame .swiper-slide-active input[type=tel], .page-template-page-assessment-application-return section#formFrame .swiper-slide-active select, .page-template-page-assessment-application-return section#formFrame .swiper-slide-active .select-2, .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active input[type=text], .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active input[type=date], .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active input[type=number], .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active input[type=email], .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active input[type=tel], .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide-active .select-2 {
display: inline-block;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide, .page-template-page-assessment-application-return section#formFrame .swiper-slide, .page-template-page-joint-assessment-application section#formFrame .swiper-slide {
padding: 1.5em 3em;
height: auto !important;
min-height: calc(100vh - 190px);
display: flex;
align-items: center;
outline: 0;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .ques-icon, .page-template-page-assessment-application-return section#formFrame .swiper-slide .ques-icon, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .ques-icon {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide #check-email-address input[type=text], .page-template-page-assessment-application-new section#formFrame .swiper-slide #check-email-address input[type=date], .page-template-page-assessment-application-new section#formFrame .swiper-slide #check-email-address input[type=number], .page-template-page-assessment-application-new section#formFrame .swiper-slide #check-email-address input[type=email], .page-template-page-assessment-application-new section#formFrame .swiper-slide #check-email-address input[type=tel], .page-template-page-assessment-application-return section#formFrame .swiper-slide #check-email-address input[type=text], .page-template-page-assessment-application-return section#formFrame .swiper-slide #check-email-address input[type=date], .page-template-page-assessment-application-return section#formFrame .swiper-slide #check-email-address input[type=number], .page-template-page-assessment-application-return section#formFrame .swiper-slide #check-email-address input[type=email], .page-template-page-assessment-application-return section#formFrame .swiper-slide #check-email-address input[type=tel], .page-template-page-joint-assessment-application section#formFrame .swiper-slide #check-email-address input[type=text], .page-template-page-joint-assessment-application section#formFrame .swiper-slide #check-email-address input[type=date], .page-template-page-joint-assessment-application section#formFrame .swiper-slide #check-email-address input[type=number], .page-template-page-joint-assessment-application section#formFrame .swiper-slide #check-email-address input[type=email], .page-template-page-joint-assessment-application section#formFrame .swiper-slide #check-email-address input[type=tel] {
width: 80%;
height: 40px;
background: #f5f5f5;
border-radius: 25px;
border: 0;
padding: 0px 10px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide #check-email-address input[type=text]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide #check-email-address input[type=date]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide #check-email-address input[type=number]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide #check-email-address input[type=email]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide #check-email-address input[type=tel]:focus, .page-template-page-assessment-application-return section#formFrame .swiper-slide #check-email-address input[type=text]:focus, .page-template-page-assessment-application-return section#formFrame .swiper-slide #check-email-address input[type=date]:focus, .page-template-page-assessment-application-return section#formFrame .swiper-slide #check-email-address input[type=number]:focus, .page-template-page-assessment-application-return section#formFrame .swiper-slide #check-email-address input[type=email]:focus, .page-template-page-assessment-application-return section#formFrame .swiper-slide #check-email-address input[type=tel]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide #check-email-address input[type=text]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide #check-email-address input[type=date]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide #check-email-address input[type=number]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide #check-email-address input[type=email]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide #check-email-address input[type=tel]:focus {
outline: none;
border: 1px solid #eaedf2;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide #check-email-address label, .page-template-page-assessment-application-return section#formFrame .swiper-slide #check-email-address label, .page-template-page-joint-assessment-application section#formFrame .swiper-slide #check-email-address label {
display: block;
font-size: 1.2em;
font-weight: 600;
padding-bottom: 5px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide #check-email-address label .ques-icon, .page-template-page-assessment-application-return section#formFrame .swiper-slide #check-email-address label .ques-icon, .page-template-page-joint-assessment-application section#formFrame .swiper-slide #check-email-address label .ques-icon {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
overflow: hidden;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full {
min-height: 500px;
width: 60%;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields .select2, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields .select2, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields .select2, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2 {
display: block;
max-width: 80%;
width: 80%;
height: 40px;
border-radius: 25px !important;
border: 0;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select {
display: block;
width: 100%;
height: 40px;
border-radius: 10px !important;
border: 0;
background: #eeeeee;
padding-left: 5px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select.dob_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select.moved_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select.started_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select.app_2_dob_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select.app_2_moved_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields select.app_2_started_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.dob_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.moved_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.started_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.app_2_dob_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.app_2_moved_select, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.app_2_started_select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields select.dob_select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields select.moved_select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields select.started_select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields select.app_2_dob_select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields select.app_2_moved_select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields select.app_2_started_select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.dob_select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.moved_select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.started_select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.app_2_dob_select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.app_2_moved_select, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.app_2_started_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select.dob_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select.moved_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select.started_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select.app_2_dob_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select.app_2_moved_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields select.app_2_started_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.dob_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.moved_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.started_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.app_2_dob_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.app_2_moved_select, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full select.app_2_started_select {
display: inline-block;
width: auto;
min-width: 15%;
height: 40px;
border-radius: 10px !important;
border: 0;
background: #eeeeee;
padding-left: 5px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields .select2-selection, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2-selection, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields .select2-selection, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2-selection, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields .select2-selection, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2-selection {
height: 40px;
background: #eeeeee;
border: 0;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields .select2-selection .select2-selection__rendered, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2-selection .select2-selection__rendered, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields .select2-selection .select2-selection__rendered, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2-selection .select2-selection__rendered, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields .select2-selection .select2-selection__rendered, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full .select2-selection .select2-selection__rendered {
line-height: 40px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=text], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=date], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=number], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=email], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=tel], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=text], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=date], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=number], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=email], .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=tel], .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=text], .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=date], .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=number], .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=email], .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=tel], .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=text], .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=date], .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=number], .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=email], .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=tel], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=text], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=date], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=number], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=email], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=tel], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=text], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=date], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=number], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=email], .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=tel] {
width: 80%;
height: 40px;
background: #f5f5f5;
border-radius: 25px;
border: 0;
padding: 0px 10px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=text]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=date]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=number]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=email]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=tel]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=text]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=date]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=number]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=email]:focus, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=tel]:focus, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=text]:focus, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=date]:focus, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=number]:focus, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=email]:focus, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=tel]:focus, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=text]:focus, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=date]:focus, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=number]:focus, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=email]:focus, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=tel]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=text]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=date]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=number]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=email]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields input[type=tel]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=text]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=date]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=number]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=email]:focus, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full input[type=tel]:focus {
outline: none;
border: 1px solid #eaedf2;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields label, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full label, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields label, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full label, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields label, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full label {
display: block;
font-size: 1.2em;
font-weight: 600;
padding-bottom: 5px;
text-wrap-style: balance;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields label .ques-icon, .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full label .ques-icon, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields label .ques-icon, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full label .ques-icon, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields label .ques-icon, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full label .ques-icon {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .application-form-fields-full, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .application-form-fields-full, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .application-form-fields-full {
width: 100%;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .info-box, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .info-box, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .info-box {
width: 30%;
background-color: #eeeeee;
padding: 1.5em;
border-radius: 25px;
min-height: 400px;
} .page-template-page-assessment-application-new section#formFrame .swiper-slide .application-form-content .info-box .info-heading, .page-template-page-assessment-application-return section#formFrame .swiper-slide .application-form-content .info-box .info-heading, .page-template-page-joint-assessment-application section#formFrame .swiper-slide .application-form-content .info-box .info-heading {
margin-bottom: 20px;
} .page-template-page-assessment-application-new section#formFrame .title-screen, .page-template-page-assessment-application-return section#formFrame .title-screen, .page-template-page-joint-assessment-application section#formFrame .title-screen {
background-color: #1D1D1B;
color: #fff;
} .page-template-page-assessment-application-new section#formFrame .swiper-pagination-bullet, .page-template-page-assessment-application-return section#formFrame .swiper-pagination-bullet, .page-template-page-joint-assessment-application section#formFrame .swiper-pagination-bullet {
width: 20px;
height: 20px;
background: #eeeeee;
opacity: 1;
} .page-template-page-assessment-application-new section#formFrame .swiper-pagination-bullet-active, .page-template-page-assessment-application-return section#formFrame .swiper-pagination-bullet-active, .page-template-page-joint-assessment-application section#formFrame .swiper-pagination-bullet-active {
background: #cdde00 !important;
} .page-template-page-assessment-application-new section#formFrame #options-grid, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid, .page-template-page-assessment-application-return section#formFrame #options-grid, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid, .page-template-page-joint-assessment-application section#formFrame #options-grid, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid {
margin-top: 40px;
margin-bottom: 40px;
width: 800px;
display: flex;
align-items: center;
justify-content: space-between;
text-align: center;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon {
width: 220px;
height: 220px;
padding-right: 20px;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon:hover, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon:hover, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon:hover, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon:hover, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon:hover, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon:hover, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon:hover, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon:hover, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon:hover, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon:hover, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon:hover, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon:hover {
cursor: pointer;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon:hover span, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon:hover span, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon:hover span, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon:hover span, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon:hover span, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon:hover span, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon:hover span, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon:hover span, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon:hover span, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon:hover span, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon:hover span, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon:hover span {
color: #cdde00;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon.option-selected span, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon.option-selected span, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected span, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon.option-selected span, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon.option-selected span, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon.option-selected span, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected span, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon.option-selected span, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon.option-selected span, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon.option-selected span, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected span, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon.option-selected span {
color: #cdde00;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon.option-selected svg path, .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon.option-selected svg rect.icon-stem, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon.option-selected svg path, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon.option-selected svg rect.icon-stem, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg rect.icon-stem, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg rect.icon-stem, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon.option-selected svg path, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon.option-selected svg rect.icon-stem, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon.option-selected svg path, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon.option-selected svg rect.icon-stem, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg rect.icon-stem, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg rect.icon-stem, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon.option-selected svg path, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon.option-selected svg rect.icon-stem, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon.option-selected svg path, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon.option-selected svg rect.icon-stem, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg rect.icon-stem, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg rect.icon-stem {
fill: #fff !important;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon.option-selected svg path.icon-circ, .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon.option-selected svg path.hover-dark, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon.option-selected svg path.icon-circ, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon.option-selected svg path.hover-dark, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path.icon-circ, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path.hover-dark, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path.icon-circ, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path.hover-dark, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon.option-selected svg path.icon-circ, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon.option-selected svg path.hover-dark, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon.option-selected svg path.icon-circ, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon.option-selected svg path.hover-dark, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path.icon-circ, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path.hover-dark, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path.icon-circ, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon.option-selected svg path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon.option-selected svg path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon.option-selected svg path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon.option-selected svg path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon.option-selected svg path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon.option-selected svg path.hover-dark {
fill: #1d1d1d !important;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon svg path, .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon svg rect, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon svg path, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon svg rect, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon svg path, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon svg rect, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon svg path, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon svg rect, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon svg path, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon svg rect, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon svg path, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon svg rect, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon svg path, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon svg rect, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon svg path, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon svg rect, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon svg path, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon svg rect, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon svg path, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon svg rect, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon svg path, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon svg rect, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon svg path, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon svg rect {
transition: fill 0.5s ease;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon svg:hover, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon svg:hover, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon svg:hover, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon svg:hover, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon svg:hover, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon svg:hover, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon svg:hover, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon svg:hover, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon svg:hover {
cursor: pointer;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon svg:hover path, .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon svg:hover rect.icon-stem, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon svg:hover path, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon svg:hover rect.icon-stem, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover rect.icon-stem, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon svg:hover rect.icon-stem, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon svg:hover path, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon svg:hover rect.icon-stem, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon svg:hover path, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon svg:hover rect.icon-stem, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover rect.icon-stem, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon svg:hover rect.icon-stem, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon svg:hover path, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon svg:hover rect.icon-stem, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon svg:hover path, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon svg:hover rect.icon-stem, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover rect.icon-stem, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon svg:hover rect.icon-stem {
fill: #fff !important;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon svg:hover path.icon-circ, .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon svg:hover path.hover-dark, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon svg:hover path.icon-circ, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon svg:hover path.hover-dark, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path.icon-circ, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path.hover-dark, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path.icon-circ, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path.hover-dark, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon svg:hover path.icon-circ, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon svg:hover path.hover-dark, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon svg:hover path.icon-circ, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon svg:hover path.hover-dark, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path.icon-circ, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path.hover-dark, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path.icon-circ, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon svg:hover path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon svg:hover path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon svg:hover path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon svg:hover path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon svg:hover path.hover-dark, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path.icon-circ, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon svg:hover path.hover-dark {
fill: #1d1d1d !important;
} .page-template-page-assessment-application-new section#formFrame #options-grid .employment-option-icon span, .page-template-page-assessment-application-new section#formFrame #options-grid .home-option-icon span, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .employment-option-icon span, .page-template-page-assessment-application-new section#formFrame #applicant_2_options-grid .home-option-icon span, .page-template-page-assessment-application-return section#formFrame #options-grid .employment-option-icon span, .page-template-page-assessment-application-return section#formFrame #options-grid .home-option-icon span, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .employment-option-icon span, .page-template-page-assessment-application-return section#formFrame #applicant_2_options-grid .home-option-icon span, .page-template-page-joint-assessment-application section#formFrame #options-grid .employment-option-icon span, .page-template-page-joint-assessment-application section#formFrame #options-grid .home-option-icon span, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .employment-option-icon span, .page-template-page-joint-assessment-application section#formFrame #applicant_2_options-grid .home-option-icon span {
display: inline-block;
padding: 10px 0px;
font-weight: 600;
font-size: 1.2em;
} .page-template-page-explainers-1 #header-bottom, .page-template-page-explainers-2 #header-bottom, .page-template-page-explainers-3 #header-bottom {
background-image: url(//tmpmortgages.co.uk/wp-content/themes/ashbestos_v3/library/images/curve.jpg);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
min-height: 700px;
text-align: center;
} .page-template-page-explainers-1 main, .page-template-page-explainers-2 main, .page-template-page-explainers-3 main {
position: relative;
top: -175px;
margin-bottom: -175px;
} .page-template-page-explainers-1 #disclaimer #disclaimer-grid, .page-template-page-explainers-2 #disclaimer #disclaimer-grid, .page-template-page-explainers-3 #disclaimer #disclaimer-grid {
background-color: #cdde00;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
display: grid;
grid-template-columns: 200px 1fr;
grid-template-rows: auto;
grid-gap: 3em;
padding: 1.5em 3em;
} .page-template-page-explainers-1 #disclaimer #disclaimer-grid img, .page-template-page-explainers-2 #disclaimer #disclaimer-grid img, .page-template-page-explainers-3 #disclaimer #disclaimer-grid img {
width: 80px;
height: auto;
justify-self: center;
align-self: center;
} .page-template-page-explainers-1 .hb-wrap {
max-width: 1030px;
margin: 0 auto;
padding-top: 50px;
position: relative;
} .page-template-page-explainers-1 #help-with-app {
position: absolute;
right: -100px;
top: 50px;
width: 200px;
height: 200px;
} .page-template-page-explainers-1 #app-help-icon {
position: absolute;
left: -100px;
top: 100px;
width: 200px;
} .page-template-page-explainers-1 #search-box-grid {
display: grid;
grid-template-columns: 300px 1fr;
grid-template-rows: auto;
} .page-template-page-explainers-1 #search-box-grid h3 {
grid-column-start: 1;
grid-column-end: 3;
} .page-template-page-explainers-1 #search-box-grid #me-title {
grid-column-start: 1;
grid-column-end: 2;
position: relative;
left: -50px;
top: -150px;
width: 100%;
margin-bottom: -150px;
margin-right: -50px;
} .page-template-page-explainers-1 #search-box-grid #explainer-search-input {
grid-column-start: 2;
grid-column-end: 3;
justify-content: center;
padding: 1.5em 2.5em;
} .page-template-page-explainers-1 #search-box-grid #explainer-search-input .sf-field-search label {
width: 100%;
} .page-template-page-explainers-1 #search-box-grid #explainer-search-input .sf-field-search label input {
width: 100%;
height: 60px;
padding: 0 1.5em;
border-radius: 30px;
} .page-template-page-explainers-1 #search-box-grid #explainer-search-input .sf-field-search label input:focus {
outline: 1px solid #cdde00;
} .page-template-page-explainers-1 ul.jump-to-list {
list-style-type: none;
} .page-template-page-explainers-1 ul.jump-to-list li {
font-size: 1.5em;
text-transform: uppercase;
} .page-template-page-explainers-1 ul.jump-to-list li a {
color: #000;
} .page-template-page-explainers-1 #phrases, .page-template-page-explainers-1 #mortgage-and-buying {
background-color: #eaedf2;
padding: 1.5em;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-1 #money-stuff {
background-color: #000;
color: #fff;
padding: 1.5em;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-1 #exp-ctas-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 40px;
align-items: space-between;
justify-content: center;
text-align: center;
} .page-template-page-explainers-1 #exp-ctas-grid #fancy-copy {
padding: 1.5em;
background-color: #eaedf2;
color: #000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-1 #exp-ctas-grid #fancy-copy img {
display: inline-block;
max-width: 150px;
} .page-template-page-explainers-1 #exp-ctas-grid #get-in-touch {
padding: 1.5em;
background-color: #cdde00;
color: #000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-1 #exp-ctas-grid #get-in-touch img {
display: inline-block;
max-width: 150px;
} .page-template-page-explainers-1 #g1 {
position: absolute;
right: 1.5em;
top: 1.5em;
width: 150px;
} .page-template-page-explainers-1 #g2 {
position: absolute;
left: 1.5em;
top: 1.5em;
width: 150px;
} .page-template-page-explainers-1 #g3 {
position: absolute;
right: 1.5em;
top: 1.5em;
width: 150px;
} .page-template-page-explainers-1 #g4 {
width: 150px;
} .page-template-page-explainers-2 .hb-wrap {
max-width: 1030px;
margin: 0 auto;
padding-top: 50px;
position: relative;
} .page-template-page-explainers-2 #help-with-app {
position: absolute;
right: -100px;
top: 50px;
width: 200px;
height: 200px;
} .page-template-page-explainers-2 #app-help-icon {
position: absolute;
left: -100px;
top: 100px;
width: 200px;
} .page-template-page-explainers-2 #search-box-grid {
display: grid;
grid-template-columns: 300px 1fr;
grid-template-rows: auto;
} .page-template-page-explainers-2 #search-box-grid h3 {
grid-column-start: 1;
grid-column-end: 3;
} .page-template-page-explainers-2 #search-box-grid #me-title {
grid-column-start: 1;
grid-column-end: 2;
position: relative;
left: -50px;
top: -150px;
width: 100%;
margin-bottom: -150px;
margin-right: -50px;
} .page-template-page-explainers-2 #search-box-grid #explainer-search-input {
grid-column-start: 2;
grid-column-end: 3;
justify-content: center;
padding: 1.5em 2.5em;
} .page-template-page-explainers-2 #search-box-grid #explainer-search-input .sf-field-search label {
width: 100%;
} .page-template-page-explainers-2 #search-box-grid #explainer-search-input .sf-field-search label input {
width: 100%;
height: 60px;
padding: 0 1.5em;
border-radius: 30px;
} .page-template-page-explainers-2 #search-box-grid #explainer-search-input .sf-field-search label input:focus {
outline: 1px solid #00a199;
} .page-template-page-explainers-2 ul.jump-to-list {
list-style-type: none;
} .page-template-page-explainers-2 ul.jump-to-list li {
font-size: 1.5em;
text-transform: uppercase;
} .page-template-page-explainers-2 ul.jump-to-list li a {
color: #000;
} .page-template-page-explainers-2 #phrases, .page-template-page-explainers-2 #mortgage-and-buying {
background-color: #eaedf2;
padding: 1.5em;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-2 #money-stuff {
background-color: #000;
color: #fff;
padding: 1.5em;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-2 #exp-ctas-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 40px;
align-items: space-between;
justify-content: center;
text-align: center;
} .page-template-page-explainers-2 #exp-ctas-grid #fancy-copy {
padding: 1.5em;
background-color: #eaedf2;
color: #000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-2 #exp-ctas-grid #fancy-copy img {
display: inline-block;
max-width: 150px;
} .page-template-page-explainers-2 #exp-ctas-grid #get-in-touch {
padding: 1.5em;
background-color: #cdde00;
color: #000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-2 #exp-ctas-grid #get-in-touch img {
display: inline-block;
max-width: 150px;
} .page-template-page-explainers-3 .hb-wrap {
max-width: 1030px;
margin: 0 auto;
padding-top: 50px;
position: relative;
} .page-template-page-explainers-3 #help-with-app {
position: absolute;
right: -100px;
top: 50px;
width: 200px;
height: 200px;
} .page-template-page-explainers-3 #app-help-icon {
position: absolute;
left: -100px;
top: 100px;
width: 200px;
} .page-template-page-explainers-3 #search-box-grid {
display: grid;
grid-template-columns: 300px 1fr;
grid-template-rows: auto;
} .page-template-page-explainers-3 #search-box-grid h3 {
grid-column-start: 1;
grid-column-end: 3;
} .page-template-page-explainers-3 #search-box-grid #me-title {
grid-column-start: 1;
grid-column-end: 2;
position: relative;
left: -50px;
top: -150px;
width: 100%;
margin-bottom: -150px;
margin-right: -50px;
} .page-template-page-explainers-3 #search-box-grid #explainer-search-input {
grid-column-start: 2;
grid-column-end: 3;
justify-content: center;
padding: 1.5em 2.5em;
} .page-template-page-explainers-3 #search-box-grid #explainer-search-input .sf-field-search label {
width: 100%;
} .page-template-page-explainers-3 #search-box-grid #explainer-search-input .sf-field-search label input {
width: 100%;
height: 60px;
padding: 0 1.5em;
border-radius: 30px;
} .page-template-page-explainers-3 #search-box-grid #explainer-search-input .sf-field-search label input:focus {
outline: 1px solid #00a199;
} .page-template-page-explainers-3 ul.jump-to-list {
list-style-type: none;
} .page-template-page-explainers-3 ul.jump-to-list li {
font-size: 1.5em;
text-transform: uppercase;
} .page-template-page-explainers-3 ul.jump-to-list li a {
color: #000;
} .page-template-page-explainers-3 #phrases, .page-template-page-explainers-3 #mortgage-and-buying {
background-color: #eaedf2;
padding: 1.5em;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-3 #money-stuff {
background-color: #000;
color: #fff;
padding: 1.5em;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-3 #exp-ctas-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 40px;
align-items: space-between;
justify-content: center;
text-align: center;
} .page-template-page-explainers-3 #exp-ctas-grid #fancy-copy {
padding: 1.5em;
background-color: #eaedf2;
color: #000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-3 #exp-ctas-grid #fancy-copy img {
display: inline-block;
max-width: 150px;
} .page-template-page-explainers-3 #exp-ctas-grid #get-in-touch {
padding: 1.5em;
background-color: #cdde00;
color: #000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
} .page-template-page-explainers-3 #exp-ctas-grid #get-in-touch img {
display: inline-block;
max-width: 150px;
} .green-dot {
display: inline-block;
background-color: #cdde00;
width: 8px;
height: 8px;
border-radius: 50%;
margin: 5px;
} .accordion[role="tablist"] dt {
font-size: 1.2em;
} .accordion dt {
font-size: 1.2em;
} #callback-form input[type=text], #callback-form input[type=date], #callback-form input[type=number], #callback-form input[type=email], #callback-form input[type=tel], .page-template-page-callback-test input[type=text], .page-template-page-callback-test input[type=date], .page-template-page-callback-test input[type=number], .page-template-page-callback-test input[type=email], .page-template-page-callback-test input[type=tel] {
width: 100%;
height: 40px;
background: #f5f5f5;
border-radius: 25px;
border: 0;
padding: 0px 10px;
} #callback-form input[type=text]:focus, #callback-form input[type=date]:focus, #callback-form input[type=number]:focus, #callback-form input[type=email]:focus, #callback-form input[type=tel]:focus, .page-template-page-callback-test input[type=text]:focus, .page-template-page-callback-test input[type=date]:focus, .page-template-page-callback-test input[type=number]:focus, .page-template-page-callback-test input[type=email]:focus, .page-template-page-callback-test input[type=tel]:focus {
outline: none;
border: 1px solid #eaedf2;
} #callback-form select, .page-template-page-callback-test select {
display: block;
width: 100%;
height: 40px;
border-radius: 10px !important;
border: 0;
background: #eeeeee;
padding-left: 5px;
} #callback-form .loading, .page-template-page-callback-test .loading {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
width: 300px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
color: #000;
background: #cdde00;
border-radius: 14px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
z-index: 999999;
} .jquery-modal {
z-index: 9999999 !important;
} .click-here-container {
position: relative;
width: 100%;
} .click-here-roundel {
width: 200px;
position: absolute;
right: 0px;
top: -100px;
margin-bottom: 400px;
} #mortgages-explained-boxes {
position: relative;
top: -250px;
margin-bottom: -150px;
} #mortgages-explained-boxes #mortgages-explained-boxes-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 1em;
} #mortgages-explained-boxes #mortgages-explained-boxes-grid .mortages-explained-box {
margin-bottom: 80px;
text-align: left;
padding: 1.5rem;
border-radius: 7px;
display: flex;
flex-direction: column;
position: relative;
} #mortgages-explained-boxes #mortgages-explained-boxes-grid .mortages-explained-box:nth-of-type(1) {
background-color: #cdde00;
} #mortgages-explained-boxes #mortgages-explained-boxes-grid .mortages-explained-box:nth-of-type(2) {
background-color: #00a199;
} #mortgages-explained-boxes #mortgages-explained-boxes-grid .mortages-explained-box:nth-of-type(3) {
background-color: #ff8300;
} #mortgages-explained-boxes #mortgages-explained-boxes-grid .mortages-explained-box .me-box-label {
text-transform: uppercase;
font-size: 2rem;
font-weight: bold;
min-height: 125px;
padding: 5px;
border-radius: 7px;
margin-bottom: 20px;
flex: 1;
} #mortgages-explained-boxes #mortgages-explained-boxes-grid .mortages-explained-box .me-box-label span {
display: inline;
padding: 5px;
background-color: #fff;
outline: 10px solid white;
} #mortgages-explained-boxes #mortgages-explained-boxes-grid .mortages-explained-box .me-box-body {
font-size: 1.2em;
min-height: 100px;
color: #000;
padding: 1.5em;
margin-bottom: 0px;
display: flex;
justify-content: flex-start;
align-items: center;
} #mortgages-explained-boxes #mortgages-explained-boxes-grid .mortages-explained-box .me-box-cta {
display: flex;
justify-content: space-between;
margin-bottom: 80px;
} #mortgages-explained-boxes #mortgages-explained-boxes-grid .mortages-explained-box .guide-graphic {
width: 150px;
position: absolute;
bottom: -120px;
right: 40px;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);
} .page-template-page-mortgages-explained #search-box-grid {
display: grid;
grid-template-columns: 300px 1fr;
grid-template-rows: auto;
} .page-template-page-mortgages-explained #search-box-grid h3 {
grid-column-start: 1;
grid-column-end: 3;
} .page-template-page-mortgages-explained #search-box-grid #me-title {
grid-column-start: 1;
grid-column-end: 2;
position: relative;
left: -50px;
top: -150px;
width: 100%;
margin-bottom: -150px;
margin-right: -50px;
} .page-template-page-mortgages-explained #search-box-grid #explainer-search-input {
grid-column-start: 2;
grid-column-end: 3;
justify-content: center;
padding: 1.5em 2.5em;
} .page-template-page-mortgages-explained #search-box-grid #explainer-search-input .sf-field-search label {
width: 100%;
} .page-template-page-mortgages-explained #search-box-grid #explainer-search-input .sf-field-search label input {
width: 100%;
height: 60px;
padding: 0 1.5em;
border-radius: 30px;
} .page-template-page-mortgages-explained #search-box-grid #explainer-search-input .sf-field-search label input:focus {
outline: 1px solid #00a199;
} .marquee {
overflow: hidden;
} .marquee-content-top {
display: flex;
animation: scrolling-left 30s linear infinite;
margin-bottom: 2em;
align-items: center;
} .marquee-content-bottom {
display: flex;
animation: scrolling-right 30s linear infinite;
} .marquee-item {
margin: 0 40px;
justify-items: center;
} .marquee-item img {
display: block;
width: auto;
max-width: 240px;
max-height: 100px; }
@keyframes scrolling-left {
0% {
transform: translateX(0);
}
100% {
transform: translatex(-144vw);
}
}
@keyframes scrolling-right {
0% {
transform: translatex(-144vw);
}
100% {
transform: translateX(0);
}
} #assessment-options {
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.5rem;
} .options-box {
background-color: #cdde00;
color: black;
border-radius: 25px;
padding: 0.5rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-end;
display: grid;
grid-template-columns: 1fr 30%;
grid-gap: 3rem;
align-items: center;
} .options-box p {
margin-bottom: unset;
} .options-box:nth-of-type(2) {
padding: 1.5rem 0.5rem;
} .options-box:nth-of-type(2) .black-btn {
padding-top: 1rem;
padding-bottom: 1rem;
} #aff-cal {
z-index: 99999;
color: #fff;
background-color: #000;
border-color: #cdde00;
padding: 1.5rem;
border-radius: 0px 0px 25px 0px;
width: 500px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22), 0 14px 56px rgba(0, 0, 0, 0.25);
} #aff-cal section {
display: block;
width: 80%;
} #aff-cal .handle {
background-color: #cdde00;
color: #000;
font-weight: bold;
padding: 0.5rem;
} #aff-cal .handle:hover {
text-decoration: none !important;
} #aff-cal #aff-cal-contents {
display: flex;
flex-direction: column;
align-items: space-between;
height: 100%;
overflow-x: auto;
overflow-y: auto;
padding-right: 4px;
} #aff-cal #aff-cal-contents::-webkit-scrollbar {
width: 8px; } #aff-cal #aff-cal-contents::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 8px;
} #aff-cal #aff-cal-contents::-webkit-scrollbar-thumb {
background: #888;
border-radius: 10px;
} #aff-cal #aff-cal-contents::-webkit-scrollbar-thumb:hover {
background: #555;
} #aff-cal #share-info {
background-color: #eeeeee;
color: #000;
padding: 0.75rem;
border-radius: 7px;
} #aff-cal #share-info .info-icon {
display: inline-block;
width: 20px;
height: 20px;
} #aff-cal #aff-cal-info {
margin-top: 40px;
display: flex;
flex-direction: column;
justify-content: flex-end;
} #aff-cal #aff-cal-info ul {
padding-left: 0;
} #aff-cal #aff-cal-info ul li {
color: #cdde00;
} #aff-cal #aff-cal-info h4 {
color: #fff;
margin-bottom: 0.5rem;
} #aff-cal #calculation-error {
color: red;
padding-top: 1rem;
} #aff-cal #result {
padding: 1rem;
border-radius: 15px;
} #aff-cal #result .result-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 2rem;
} #aff-cal #result .result-img {
height: 400px;
display: flex;
justify-content: center;
} #aff-cal #result .result-img canvas {
height: 400px;
} #aff-cal #result .result-message {
background-color: #fff;
padding: 1.25rem;
border-radius: 14px;
color: #000;
text-wrap-style: pretty;
font-size: 1.2rem;
} #aff-cal #result .result-heading {
grid-column: 1/-1;
} #aff-cal #result h2 {
color: #fff;
margin-left: 80px;
} #aff-cal #result h2:nth-of-type(2) {
color: #cdde00;
} #aff-cal #result h4 {
color: #fff;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
font-size: 1.2rem;
} #aff-cal #result a {
width: auto;
} #aff-cal #result svg {
width: 60%;
display: block;
margin: 1.5rem auto;
max-width: 350px;
} #aff-cal #result #result-ctas {
width: 100%;
display: grid;
grid-template-columns: 50% 1fr;
grid-gap: 0.5rem;
} #aff-cal #result #results-calculations {
background-color: #fff;
color: #000;
padding: 0.5rem;
margin: 0.5rem 0rem;
} #aff-cal label {
display: block;
margin-top: 10px;
} #aff-cal input {
width: 100%;
padding: 8px;
margin-top: 5px;
margin-bottom: 20px;
border: 1px solid #ccc;
border-radius: 3px;
}
} @media only screen and (min-width: 1240px) {  #inner-header, #inner-footer, .wrap {
max-width: 1440px;
margin: 0 auto;
} .mr-bg {
background: black;
background: -moz-linear-gradient(90deg, black 0%, black 60%, #eeeeee 60%, #eeeeee 100%);
background: -webkit-linear-gradient(90deg, black 0%, black 60%, #eeeeee 60%, #eeeeee 100%);
background: linear-gradient(90deg, black 0%, black 60%, #eeeeee 60%, #eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#eeeeee",GradientType=1);
} #mready-logo {
max-width: 450px;
display: block;
} .mcenter {
text-align: left;
} section#careers {
min-height: 550px;
position: relative;
} section#careers .were-hiring {
width: 200px;
height: auto;
position: absolute;
left: 10%;
top: -10px;
} section#careers .team-tmp {
width: 200px;
height: auto;
position: absolute;
right: 10%;
top: 40px;
} section#careers .careers-content {
margin: 0 auto;
max-width: 640px;
} section#careers .careers-content h2 {
margin-bottom: 40px;
} section#careers .careers-content p {
margin-bottom: 20px;
} section.ctas-section .not-ready svg {
max-width: unset !important;
} .apply-arrow {
width: 150px;
position: absolute;
bottom: 3em;
right: 3em;
} section#team .team-desktop {
display: block;
} section#team .team-mobile {
display: none;
} #two-ctas #two-ctas-grid {
display: grid;
grid-template-columns: 1fr 1fr;
} #two-ctas #two-ctas-grid #two-ctas-left {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
padding: 0 3em;
background-color: #eee;
padding-bottom: 3em;
} #two-ctas #two-ctas-grid #two-ctas-right {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
padding: 0 3em;
background-color: #cdde00;
padding-bottom: 3em;
} #two-ctas #two-ctas-grid .main-content-copy {
flex: 1;
text-align: center;
} #two-ctas #two-ctas-grid img {
max-width: 250px;
} #two-ctas #two-ctas-grid .two-ctas-main-content {
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
}
} @media only screen and (min-width: 1600px) {  .wrap {
padding: 0px;
}
} @media print { }
@media print { * {
background: transparent !important;
color: black !important;
text-shadow: none !important;
-ms-filter: none !important;
filter: none !important;
}   #content {
width: 100%;
margin: 0;
float: none;
} @page {
margin: 2cm;
} @page :left {
margin: 1cm;
}
@page :right {
margin: 1cm;
} @page :first {
margin: 1cm 2cm;
}   body {
font-size: 13pt;
line-height: 1.3;
background: #fff !important;
color: #000;
} h1 {
font-size: 24pt;
} h2, h3, h4 {
font-size: 14pt;
margin-top: 25px;
} p, h2, h3 {
orphans: 3;
widows: 3;
}  a {
page-break-inside: avoid;
} blockquote {
page-break-inside: avoid;
} h1, h2, h3, h4, h5, h6 {
page-break-after: avoid;
page-break-inside: avoid;
} img {
page-break-inside: avoid;
page-break-after: avoid;
} table, pre {
page-break-inside: avoid;
} ul, ol, dl {
page-break-before: avoid;
} pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
} thead {
display: table-header-group;
}  a:link, a:visited, a {
background: transparent;
color: #0088cc;
font-weight: bold;
text-decoration: underline;
text-align: left;
} a[href^=http]:after {
content: " < " attr(href) "> ";
} article a[href^="#"]:after {
content: "";
} a:not(:local-link):after {
content: " < " attr(href) "> ";
}  .entry-content iframe, ins {
display: none;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
line-height: 0pt !important;
white-space: nowrap;
} .embed-youtube, .embed-responsive, .embed-container {
display: none;
position: absolute;
height: 0;
overflow: hidden;
}  #header-widgets, nav, aside,
.sidebar, .content-ads, .make-comment, .author-bio,
.heading, .related-posts, #decomments-form-add-comment,
#breadcrumbs, #footer, .post-byline, .byline, .meta-single,
.site-title img, .post-tags, .readability, .sidebar, .page-navigation, .wp-prev-next,
.respond-form {
display: none;
}
}