.frontend div,
.frontend span,
.frontend applet,
.frontend object,
.frontend iframe,
.frontend h1,
.frontend h2,
.frontend h3,
.frontend h4,
.frontend h5,
.frontend h6,
.frontend p,
.frontend blockquote,
.frontend pre,
.frontend a,
.frontend abbr,
.frontend acronym,
.frontend address,
.frontend big,
.frontend cite,
.frontend code,
.frontend del,
.frontend dfn,
.frontend em,
.frontend img,
.frontend ins,
.frontend kbd,
.frontend q,
.frontend s,
.frontend samp,
.frontend small,
.frontend strike,
.frontend strong,
.frontend sub,
.frontend sup,
.frontend tt,
.frontend var,
.frontend b,
.frontend u,
/* .frontend i, */
.frontend center,
.frontend dl,
.frontend dt,
.frontend dd,
.frontend ol,
.frontend ul,
.frontend li,
.frontend fieldset,
.frontend form,
.frontend label,
.frontend legend,
.frontend table,
.frontend caption,
.frontend tbody,
.frontend tfoot,
.frontend thead,
.frontend tr,
.frontend th,
.frontend td,
.frontend article,
.frontend aside,
.frontend canvas,
.frontend details,
.frontend embed,
.frontend figure,
.frontend figcaption,
.frontend footer,
.frontend header,
.frontend hgroup,
.frontend menu,
.frontend nav,
.frontend output,
.frontend ruby,
.frontend section,
.frontend summary,
.frontend time,
.frontend mark,
.frontend audio,
.frontend video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}

/*!
 * Bootstrap Grid v4.5.0 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


.frontend .container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

@media (min-width:576px) {
  .frontend .container {
    max-width: 540px
  }
}

@media (min-width:768px) {
  .frontend .container {
    max-width: 720px
  }
}

@media (min-width:992px) {
  .frontend .container {
    max-width: 960px
  }
}

@media (min-width:1200px) {
  .frontend .container {
    max-width: 1140px
  }
}

@media (min-width:576px) {

  .frontend .container {
    max-width: 540px
  }
}

@media (min-width:768px) {

  .frontend .container {
    max-width: 720px
  }
}

@media (min-width:992px) {

  .frontend .container {
    max-width: 960px
  }
}

@media (min-width:1200px) {

  .frontend .container {
    max-width: 1140px
  }
}

.qs-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px
}

.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width:768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%
  }

  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }

  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }

  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }

  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }

  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }

  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }

  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }

  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }

  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

.frontend .deployment {
  display: none;
}

.frontend .container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .frontend .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .frontend .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .frontend .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .frontend .container {
    max-width: 1140px;
  }
}

/* start */

/**********************************
********* UI RESETS & SETUP *******
***********************************/
.frontend .question-input-wrapper {
  max-width: 350px;
  position: relative;
}

.frontend #ctl00_MainContent_divGetQuote {
  padding: 0;
}

.AdmDropDown-Container {
  display: block;
}

.TableControl table tbody tr td {
  vertical-align: middle;
}

/* Text Reset */

.warning td select,
.warning td option,
.warning td label,
.warning td .radio,
.warning td .text_input,
.warning td .text_input_small,
.warning td .number_input,
.warning td .postcode_input,
.warning td .text_input,
.warning td .text_input_small,
.warning td .number_input,
.warning td .validate_number,
.warning .client-address * {
  color: red;
}

body.frontend,
.frontend h1,
.frontend h2,
.frontend h3,
.frontend h4,
.frontend h5,
.frontend h6,
.frontend p,
.frontend span,
.frontend #pages .text,
.frontend .info_text {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: #454545;
}

#pages .text {
  font-weight: 500;
}

.frontend label,
.frontend .info_text {
  color: #686565;
}

.frontend #ctl00_MainContent_lblSchemeName {
  display: none;
}

/* BUTTONS */
.frontend input[type="button"],
.frontend input[type="submit"],
.frontend .Back,
.frontend .Next,
.frontend .DeletePage,
.frontend .AddPageButton,
.frontend .ClonePage,
.frontend button,
.frontend #PageButtonsTop .rounded,
.frontend #PageButtonsBottom .rounded,
.frontend input.rounded.Next,
.frontend input.rounded.Back,
.frontend .TableControl .delete,
.frontend .TableControl .AddRow,
.frontend .multipagecontroller .AddRow {
  background: #1B3562;
  border: 1px solid #cacaca;
  font-size: .8em;
  padding: 1rem 2rem;
  cursor: pointer;
  transition: all .2s;
  color: black;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 8px;
  text-decoration: none;
  color: white;

}

.frontend .AddRow,
.frontend .delete {
  display: flex !important;
  padding: 0 !important;
  background: #1B3562 !important;
  width: 47px;
  height: 47px;
  align-items: center;
  justify-content: center;
}

.frontend .AddRow i,
.frontend .delete i {
  margin-top: 4px;
  color: white !important;
}

.frontend input[type="button"]:hover,
.frontend input[type="submit"]:hover,
.frontend .Back:hover,
.frontend .Next:hover,
.frontend .DeletePage:hover,
.frontend .AddPageButton:hover,
.frontend .ClonePage:hover,
.frontend button:hover,
.frontend #PageButtonsTop .rounded:hover,
.frontend #PageButtonsBottom .rounded:hover,
.frontend input.rounded.Next:hover,
.frontend input.rounded.Back:hover,
.frontend .TableControl .delete:hover,
.frontend .TableControl .AddRow:hover,
.frontend .multipagecontroller .AddRow:hover {
  background: #3c5174;
  color: #fff !important;
  font-weight: 700;
}

.frontend #ctl00_MainContent_lnkBack:hover {
  color: black;
  text-decoration: none;
}


/* INPUTS */
.frontend input[type="text"],
.frontend input[type="file"],
.frontend input[type="text"].warning,
.frontend input[type="password"],
.frontend input[type="password"].warning,
.frontend input[type="number"],
.frontend input[type="number"].warning,
.frontend textarea,
.frontend select,
.frontend .TableControl table td input.text_input,
.frontend .TableControl table td input.text_input,
.frontend .TableControl table td textarea.text_input,
.frontend .TableControl table td input.number_input,
.frontend .calculation div.TableControl table td input.cover,
.frontend .calculation div.TableControl table td input.text_input {
  outline: none;
  border: 1px solid #cacaca;
  padding: .5rem;
  font-size: 1.6rem;
  width: 100%;
  box-sizing: border-box;
}

.frontend select {
  width: 100%;
  height: auto !important;
}

.frontend input[type="text"].warning,
.frontend input[type="password"].warning {
  border: 1px solid red;
}

.postcode_input.Postcode {
  margin-left: 0px;
}

.frontend .TableControl .AddRow {
  margin-top: 1rem;
  display: inline-block;
}

.frontend input[type="file"] {
  background: #fff;
}

.frontend .text_input {
  width: 100%;
  font-family: inherit;
}

.frontend .char_label {
  display: block;
}

.frontend .adornment-field-input-wrapper {
  position: relative;
  width: 100%;
}

.frontend .prefix-field .adornment-field-input-wrapper input {
  padding-left: 1.5em !important;
}

.frontend .prefix {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: .5em;
  z-index: 10;
  color: #939191;
  user-select: none;
}

.frontend .suffix {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: .5rem;
  z-index: 10;
  color: #939191;
  user-select: none;
  background: #fff;
  padding-left: 1rem;
}

/* MP TABLE CONTROLS */
.frontend .DeletePage,
.frontend .AddPageButton,
.frontend .ClonePage,
.frontend .TableControl .delete,
.frontend .TableControl .AddRow,
.frontend .multipagecontroller .AddRow {
  background: #fff;
}

.frontend.custom-icons .AddRow img,
.frontend.custom-icons .delete img,
.frontend.custom-icons .DeletePage img,
.frontend.custom-icons .ClonePage img {
  display: none;
}

.frontend.custom-icons .AddRow i,
.frontend.custom-icons .delete i,
.frontend.custom-icons .DeletePage i,
.frontend.custom-icons .ClonePage i {
  color: #454545;
  width: 1rem;
  height: 1rem;
  text-align: center;
}

/* SMALL SIZED INPUTS */
@media(min-width: 768px) {

  .frontend .question.Kilometre .question-input-wrapper,
  .frontend .question.Metre .question-input-wrapper,
  .frontend .question.Mile .question-input-wrapper,
  .frontend .question.Money .question-input-wrapper,
  .frontend .question.Number .question-input-wrapper,
  .frontend .question.Percentage .question-input-wrapper,
  .frontend .question.PercentageOfCover .question-input-wrapper,
  .frontend .question.InitialPaymentAmount .question-input-wrapper {
/*     max-width: 200px; */
  }
}

/* RADIO / CHECKBOX */
.frontend .CheckBox label {
  padding-left: 32px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;

}

.frontend .CheckBox label::before {
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  background: #fff;
  border: 1px solid #707070;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all .2s;
}

.frontend .CheckBox label:hover::before {
  background: #ccc;
}

.frontend .CheckBox label::after {
  content: '';
  position: absolute;
  left: 7px;
  width: 5px;
  height: 12px;
  border: solid #707070;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg) scale(0);
  -ms-transform: rotate(45deg) scale(0);
  transform: rotate(45deg) scale(0);
  transition: all .2s;
}

.frontend .CheckBox input[type="checkbox"]:checked+label::after {
  transform: rotate(45deg) scale(1);
}

.frontend .CheckBox input[type="checkbox"] {
  position: absolute;
  visibility: hidden;
}

.frontend .CheckBox label {
  margin: 0;
}








.frontend label.radio {
  position: relative;
  padding-left: 30px;
  padding-right: 20px;
  padding-top: 6px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 0;
}

.frontend label.radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.frontend .radio-checkmark {
  position: absolute;
  top: 0;
  left: -6px;
  height: 30px;
  width: 30px;
  border: 1px solid #707070;
  border-radius: 5px;
  transition: all .2s;
}

.frontend label.radio:hover input~.radio-checkmark {
  background-color: #1B3562;
}


.frontend label.radio input:checked~.radio-checkmark:after {
  display: block;
}

.frontend label.radio input:checked~.radio-checkmark {
  background: #1B3562;
}

.frontend label.radio .radio-checkmark:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 10px;
  width: 5px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all .2s;
  display: none;
  /*   display: block;
  top: 50%;
  transform: translateY(-50%) translateX(-50%) scale(0);
  left: 50%;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #1B3562;
  transition: all .2s; */
}

.frontend.inline-radios label.radio {
  width: auto;
  min-width: auto;
  margin: 12px 0 0 12px;
}

.frontend.inline-radios label.radio:first-of-type {
  margin-left: 12px !important;
}

.frontend.inline-radios label.radio:first-of-type {}

.frontend.inline-radios .question.Radio .question-input-wrapper,
.frontend.inline-radios .question.YesNo .question-input-wrapper {
  display: flex;
  margin: -12px 0 0 -12px;
  width: calc(100% + 12px);
  flex-wrap: wrap;
}


/**********************************************************************
                               HEADER
**********************************************************************/

.frontend #header {
  margin-bottom: 40px;
}

.frontend #header .logo img {
  max-width: 100%;
  max-height: 70px;
}

.frontend #header nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

.frontend #header nav li {
  display: inline-block;

}

.frontend #header nav li:not(:first-child) {
  margin-left: 1em !important;
}


.frontend #header nav ul li a {
  text-decoration: none;
  color: black !important;
  font-size: 1em !important;
  display: block !important;
  padding: 1em !important;
  transition: all .2s;
}

.frontend #header nav ul li a:hover,
.frontend #header nav ul li a.selected {
  background: #f6f6f6;
}

.frontend #header #extra-links {
  text-align: right;
}

#ctl00_HelplineNumber,
.frontend #header .login {
  display: inline-block;
  margin-left: 1em;
  margin-bottom: .5em;
}

@media(max-width:768px) {
  .frontend #header nav ul {
    text-align: center;
  }
}

@media(max-width:576px) {
  .frontend #header nav ul li {
    display: block;
  }
}



/**********************************************************************
                              LAYOUT
**********************************************************************/

.frontend #ctl00_MainContent_PageTitle,
.getquote-ui h1:first-of-type {
  font-size: 1.6rem;
  margin: 0 0 2rem 0;
  display: inline-block;
  padding-bottom: .5rem;
  font-weight: bold;
}

.frontend .getquote-ui h1:first-of-type {
  margin-bottom: .2rem;
}

.frontend .getquote-ui h2:first-of-type {
  float: none;
  margin-bottom: 2rem;
}

.frontend h1.PageTitle {
  display: block;
  font-size: 1.6rem;
  margin: 1rem 0;
  margin-bottom: 2.5rem !important;
  padding-bottom: .5rem;
  border-bottom: 1px solid #cacaca;
  font-weight: bold;
}


.frontend #pages {
  margin: 0;
}

.frontend #page_stubs .stub .inner {
  font-size: 1em;
  padding: 0;
}

.frontend.top-nav #page_stubs {
  float: none;
  display: block;
  text-align: center;
  padding: 0;
  margin-bottom: 2rem;
  /*     border: 1px solid #cacaca; */
}

.frontend.top-nav #page_stubs .stub {
  display: inline-block;
  height: auto;
  width: auto;
  padding: 1rem 2rem;
  transition: all .2s;
  margin-left: -4px;
  overflow: visible;
  background: transparent;
}


.frontend.top-nav #page_stubs .stub.last-visible-stub {
  border-right: 0;
}


.frontend.top-nav #page_stubs .stub.selected_stub {
  width: auto;
}

.frontend.nav-borders.top-nav #page_stubs .stub {
  border-right: 1px solid #cacaca;
}

.frontend.nav-borders.top-nav #page_stubs .stub.selected_stub,
.frontend.nav-borders.top-nav #page_stubs .stub:hover {
  width: auto;
  background: #f6f6f6;
}


.frontend.nav-arrows.top-nav #page_stubs .stub:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  border: solid #cacaca;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 6px;
  transform: rotate(-45deg) translate(50%);
  -webkit-transform: rotate(-45deg) translate(50%);
  transition: all .2s;
}

.frontend.nav-arrows.top-nav #page_stubs .stub:hover:after {
  border-color: #686363;
}


/**********************************************************************
                              MULTI PAGE
**********************************************************************/


.frontend .MultiPage .multi-page-question {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #d5d5d5;
}

.frontend .MultiPage .multi-page-question:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.frontend .question:not(.composite-question-child) {
  margin-bottom: 3rem;
}

.frontend.question-boxes .question:not(.composite-question-child) {
  background: #f6f6f6;
  padding: 1rem;
  margin-bottom: 2rem;
}

.frontend .question-text {
  margin-bottom: 1rem;
}

.frontend.block-labels .composite-question-child br {
  display: none;
}

.frontend .multi-page-options {
  text-align: left;
  margin-bottom: 1rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #cacaca;
}

.frontend .multi-page-options select {
  min-width: 150px;
}

.frontend .DeletePage img {
  /*   display: none; */
}

.frontend .multi-page-options li a.DeletePage {
  text-decoration: none;
  color: black;
  display: block;
}


/**********************************************************************
                              QUESTION TYPES
**********************************************************************/

/* date */
.frontend .date-field .DateDropDown {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.frontend .date-field .DateDropDown select:nth-child(1) {
  flex: 1;
  margin-right: 5px;
}

.frontend .date-field .DateDropDown select:nth-child(2) {
  flex: 2;
  margin-right: 5px;
}

.frontend .DateDropDown select:nth-child(3) {
  flex: 2;
  margin-right: 0;
}


/* ADDRESS */
.frontend .client-address {
  width: 100%;
}

.frontend .client-address #selectId {
  margin-bottom: 1rem;
}

.frontend .client-address #resultsContainer div {
  text-align: right;
  margin-left: auto;
}

.frontend .postcodeLine,
.frontend .line {
  position: relative;
}


/* CONTACT NAME */
.frontend .contact-name-field {
  max-width: 520px;
}

.frontend .client-contact-name {
  display: flex;
  flex-wrap: wrap;
  margin: -5px 0 0 -5px;
  width: calc(100% + 5px);
}

.frontend .client-contact-name select {
  flex: 1;
  min-width: 120px;
  margin: 5px 0 0 5px;
  margin-bottom: .5rem;
}

.frontend .client-contact-name input {
  min-width: 120px;
  margin: 5px 0 0 5px;
  flex: 2;
  margin-bottom: .5rem;
}


/* SPACER */
.frontend .question.Spacer {
  background: none !important;
}

/* ERN */
.frontend .EmployersReferenceNumber #RequiredContainer {
  display: flex;
}

.frontend .EmployersReferenceNumber #taxOfficeNumberContainer {
  flex: .7;
}

.frontend .EmployersReferenceNumber #ERNContainer {
  flex: 2;
}

.frontend .EmployersReferenceNumber .delimiter {
  padding-left: .5rem;
  padding-right: .5rem;
  align-self: center;
}


/* DVLA */
.Registration {
  display: flex;
}

.Registration input[type="text"] {
  text-transform: uppercase;
  margin-right: 5px;
  margin-bottom: 1rem;
}

.Registration input[type="button"] {
  margin-bottom: 1rem;
}


/* WARNING ICONS */
.frontend .question .custom-warning-icon {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  right: -30px;
  margin-top: .3em;
  font-size: 15px;
  color: red;
  height: 25px;
  width: 25px;
  background: #e6e6e6;
  text-align: center;
  padding-top: 3px;
  border-radius: 50%;
  cursor: pointer;
  transition: all .2s;
}

.frontend .question .custom-warning-icon:hover {
  background: #c7c7c7;
}

.frontend .question.warning .custom-warning-icon {
  visibility: visible;
  opacity: 1;
}

.frontend .AddressNoPostCode .custom-warning-icon {
  margin-top: 1.9em;
}

.frontend .ContactName .custom-warning-icon {
  margin-top: .5em;
}

.frontend .Email .custom-warning-icon,
.frontend .EmailAndPassword .custom-warning-icon {
  margin-top: 1.2em;
}

.frontend .QuestionWarning {
  display: none;
}


/**********************************************************************
                              PAGES
**********************************************************************/

.getquote-ui ul.QuickQuoteSchemesList {
  margin: 0;
}

.getquote-ui ul.QuickQuoteSchemesList li {
  border: 0;
}


/* Client details */
#getquote_client_aspx .question .question-input-wrapper {
  max-width: 100%;
}

label.subfirstname,
label.subsurname {
  display: none !important;
}

#getquote_client_aspx.frontend label.sub {
  margin-top: 1rem;
  display: block;
}

.frontend .client-details-contact-name {
  display: flex;
  flex-wrap: wrap;
}

.frontend .client-details-contact-name .title {
  height: 36px !important;

}

.frontend .client-details-contact-name .firstname,
.frontend .client-details-contact-name .surname {
  margin-bottom: .5rem;
  width: auto;
}

#ctl00_MainContent_UserEmailAddress {
  margin-bottom: 2rem;
}

#ctl00_MainContent_MobileNumber {
  margin-bottom: 2rem;
}

#ctl00_MainContent_OrganisationName {
  margin-bottom: 2rem;
}

/* CONTACT */
#contactus_default_aspx #contact_form input,
#contactus_default_aspx #contact_form select {
  margin-bottom: 1rem;
}






.question:not(.composite-question-child) {
  display: flex;
}


.question .question-text {
  flex: 1;
  margin-right: 1rem;
  /*   max-width: 600px !important;
  min-width: 200px; */
}

.question-input-wrapper {
  flex: .8;
  /*   width: 100%;
  max-width: 350px !important; */
  justify-content: flex-end;
  margin-right: 1.2rem !important;
}

@media(max-width:768px) {
  .question:not(.composite-question-child) {
    flex-direction: column;
  }
  .question .question-input-wrapper{
    max-width: 100%;
    justify-content: flex-start;
  }
}


#question_ELHeader,
#question_PLHeader {
  display: block;
}

#question_EmailAddress .composite-question-child:last-of-type {
  margin-top: 1rem;
}

#question_CoverPeriod,
#question_Claims {
  display: block;
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
textarea,
select {
  border-radius: 8px;
  padding: .7rem !important;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(145, 143, 145, 1);
  -moz-box-shadow: 0px 0px 2px 0px rgba(145, 143, 145, 1);
  box-shadow: 0px 0px 2px 0px rgba(145, 143, 145, 1);
}

#question_DisclosureHeader,
#question_ClaimsDetailsHeader {
  display: block;
  width: 100%;
}

#question_DisclosureHeader .question-input-wrapper,
#question_ClaimsDetailsHeader .question-input-wrapper {
  width: 100%;
  max-width: 100%;
}

#question_DisclosureHeader .question-input-wrapper h5,
#question_ClaimsDetailsHeader .question-input-wrapper h5 {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: -1.8rem;
}

#header {
  text-align: center;
  background-image: url('https://www.bennettchristmas.com/wp-content/uploads/2020/05/20-829-Project-Oar-Website-Imagery-1920x924_4.jpg');
  background-size: cover;
  background-position: top;
  padding: 30px 20px;
  position: relative;
  margin-bottom: 0 !important;
}

#header-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
}

#header-container {
  position: relative;
  z-index: 1;
}

#header-logo {
  max-width: 100px;
}

#header h1 {
  margin-top: 2rem;
  color: #fff;
  font-size: 35px;
  font-weight: 300;
}

#header h3 {
  max-width: 400px;
  margin: auto;
  margin-top: 15px;
  color: #fff;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.5;
}

nav:first-of-type {
  display: none;
}

.frontend {
  background: #F5F5F5;
}

.frontend .getquote-ui {
  padding-top: 2rem;
}

#PageButtonsTop {
  display: none;
}

#ctl00_MainContent_PageTitle {
  display: none !important;
}

.PageTitle {
  border: none !important;
}

#page_stubs .stub {
  width: 100%;
}

#pages {
  border-left: 2px solid #cacaca;
  padding-left: 30px;
}

.stub {
  border-left: 8px solid transparent !important;
  display: flex;
  align-items: center;
  padding: 25px 10px !important;
  transition: all .2s;
}

.stub.selected_stub {
  border-color: #1B3562 !important;
}

.stub:hover {
  border-color: #1B3562 !important;
}


#ctl00_MainContent_UserTitle {
  height: 42px !important;
}

.columns h4 {
  margin-bottom: 1rem;
  font-weight: 500;
}

.columns .LookupGetAddress {
  margin-top: 1rem;
}

#ctl00_MainContent_Address_txtPostcode {
  margin-top: 1rem;
}

#question_ShortTermCoverLength,
#question_RequestedInceptionDate {
  display: block;
}



#question_OwnerName .question-text {
  flex: .5
}

#question_PartnershipTable {
  display: block;
}

#question_PartnershipTable input[type="text"] {
  max-width: 400px;
}

#question_PartnershipTable #HeaderRow th {
  display: none;
}

#question_ProductsNorthAmericaDetail {
  display: block;
}

#question_ProductsNorthAmericaDetail input[type="text"] {
  max-width: 400px;
}

#question_OthersOffshoreWorkYNDetail {
  display: block;
}

#question_OthersOffshoreWorkYNDetail input[type="text"] {
  max-width: 400px;
}
#question_ManualWorkDetailTable {
  display: block;
}

#question_ManualWorkDetailTable input[type="text"] {
  max-width: 400px;
}

#getquote_paymentchoice_aspx .getquote-ui h1,
#getquote_paymentchoice_aspx .getquote-ui h2 {
  width: 100%;
  text-align: center;
}

#ctl00_MainContent_ClientDetailsContainer {
  opacity: 0;
}


#ctl00_MainContent_EmailAndPasswordContainer input[type="text"],
#ctl00_MainContent_EmailAndPasswordContainer input[type="password"] {
  padding: 1.2rem !important;
}


#question_PIHeader {
  display: block;
}

#question_WagesSHeader {
  display: block;
}

#question_MTADetailsHeader {
  display: block;
}