/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 10 version
*/

/* New Renault Landing page design styles */
/* Mobile first styles */

/* #EDGE_CONNNECT_PHASE DIV */
.phase {
    /* display: flex;
	flex-flow: wrap; */
    letter-spacing: 0.01em;
    padding: 0;
}

h1,
h2,
h3 {
    margin: 0.2em 0;
    font-family: "DaciaBlock-Bold", "arial", "helvetica", sans-serif;
    color: #000;
}

h4,
h5,
h6 {
    margin: 0.2em 0;
    font-family: "READ-LIGHT", "arial", "helvetica", sans-serif;
    color: #000;
    font-weight: normal;
}
button {
    -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.heading {
    letter-spacing: 0.025em;
}

.paragraph {
    font-family: "READ-LIGHT", arial;
    font-size: 14px;
    line-height: 20px;
}

h4.bodytext {
    color: #000;
}

.bodytext {
	margin: 0;
	margin-bottom: 10px;
	font: 14px/22px READ-LIGHT, sans-serif;
	color: #000;
}

h5.bodytext {
	font: 14px/22px READ-LIGHT, sans-serif;
}

.FAQContentText {
  font: 14px/20px READ-LIGHT,"arial";
  color: black;
  margin: 0 0 10px;
}

/* h1.heading, h2.heading {
	font-size: 26px;
	line-height: 30px;
	text-transform: uppercase;
	font-weight: 500;
} */

/* h5.heading {
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	text-transform: uppercase;
} */

/* h6.paragraph {
	font-size: 12px;
	line-height: 16px;
} */

.HomePageImage {
    background: 0 none;
}

.HomePageBanner {
    display: none;
}

.quote-options-box {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    position: relative;
    padding: 0;
    background: #646b52;
    left: 0;
    top: 0;
    text-align: left;
    opacity: 1;
    margin-top: 0;
    -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.quote-options-box .page-banner-button {
    padding: 0;
}

.quote-options-box .page-banner-button > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 480px;
}

.quote-options-box h1.page-title {
    font-size: 40px;
    line-height: 46px;
    text-transform: uppercase;
    margin: 0.25em 0 0.25em 0;
    color: #fff;
}

.fi-landing-page .quote-options-box h1.heading.hero-title {
    font-size: 36px;
    line-height: 42px;
    text-transform: uppercase;
    margin: 0.25em 0 0.25em 0;
    color: #fff;
}

.Quote-New h4.bodytext {
    color: #000;
}

.fi-landing-page .quote-options-box h4.bodytext,
h4.bodytext {
    font-family: "READ-LIGHT", arial;
    font-size: 14px;
    line-height: 20px;
}

.fi-landing-page .quote-options-box h4.bodytext {
	color: #FFF;
}

.hero-banner-mobile {
    padding: 2em 0;
}

.hero-banner-mobile > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hero-banner-mobile h1.heading.hero-title {
    text-align: center;
    font: 22px/34px DaciaBlock-Bold, arial, sans-serif;
    text-transform: uppercase;
    padding-bottom: 1em;
}

.hero-banner-mobile .banner-btn-grp > div{
	display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column wrap;
}

.hero-banner-mobile .banner-btn-grp .CarouselRetrieveQuoteButton {
	margin-top: 1em;
	background: 0 none;
    border:1px solid #646b52;
    color: #000;
}

#FMT_15AB2F2CC5C1DE3D124926 > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
}

.CarouselNewQuoteButton,
.CarouselRetrieveQuoteButton {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font: 14px/20px "READ-MEDIUM", "arial";
    height: 45px;
    min-width: 200px;
    padding: 0 1em;
    background: #FFF;
    color: #000;
    text-transform: uppercase;
    border: 1px solid #646b52;
}

.CarouselRetrieveQuoteButton {
    background: 0 none;
    border: 1px solid #fff;
    color: #fff;
}

.CarouselCallText {
    color: #fff;
    font: 22px/34px READ-MEDIUM, "arial";
}

/* #GRP_2CEC6EBBA589AD0D299091 */
#MNU_2CEC6EBBA589AD0D299098,
#MNU_8112497A218879BB111895 {
    width: 100%;
    display: none;
}

#MNU_2CEC6EBBA589AD0D299098 .menufixedlinks ul,
#MNU_8112497A218879BB111895 .menufixedlinks ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 0.25em 0;
    background: #4a4f54;
    margin-top: -5px;
}

#MNU_2CEC6EBBA589AD0D299098 .menufixedlinks li,
#MNU_8112497A218879BB111895 .menufixedlinks li {
    padding: 0;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
}

#MNU_2CEC6EBBA589AD0D299098 .menufixedlinks li a,
#MNU_8112497A218879BB111895 .menufixedlinks li {
    font: 12px/16px "lr_ot4", arial;
    font-weight: 500;
}

.section-two,
.section-three,
.section-four,
.section-five,
.section-six {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    max-width: 65em;
    margin: 0 auto;
	padding: 3em 2em;
}

.deserve-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    /* padding: 2em 2em; */
}

.section-two .deserve-content-wrapper h2.heading {
    font-size: 26px;
    line-height: 34px;
    text-transform: uppercase;
}

.card-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
	justify-content: space-between;
    padding-left: 0;
    max-width: 70em;
    margin: auto;
}

.card-content-wrapper > div {
    width: 100%;
}

.rci-landing-page .card-wrapper, .fi-landing-page .card-wrapper {
    padding: 1em 1em 1em 2em;
}

/* .card-wrapper > div > div > div {
    float: none !important;
    text-align: center !important;
} */

.section-two .card-content-wrapper .card-wrapper h5.heading {
    font: 16px/22px DaciaBlock-Bold, arial, sans-serif;
    text-transform: uppercase;
    padding: 0.5em 0;
}

.section-three {
    /* padding: 3em 0 3em 0; */
    background: #f2f2f2;
}

.section-three div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}

.section-three h1.heading.hero-title {
    font-size: 24px;
    line-height: 32px;
    text-transform: uppercase;
}

.section-three h4.bodytext {
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.section-three h4#HEAD_8112497A218879BB111943.paragraph {
    font: 16px/34px "DaciaBlock-Bold", arial, sans-serif;
    text-transform: lowercase;
}

.section-three button.CarouselNewQuoteButton {
    background: #646b52;
    color: #fff;
}

.section-four {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    /* padding-left: 0; */
    background-color: #f2f2f2;
    max-width: 100%;
}

.benefits-wrapper {
    width: 100%;
    /* padding: 3em 2em; */
    max-width: 65em;
    margin: auto;
}

.section-four .benefits-wrapper h3.heading {
    font: 18px/24px "DaciaBlock-Bold", arial, sans-serif;
    /* font-size: 24px; */
    /* line-height: 32px; */
    text-transform: uppercase;
    text-align: center;
}

.section-four .benefits-wrapper h4.paragraph {
    text-align: center;
}

.section-four .benefits-wrapper h6.paragraph {
    font: 10px/14px READ-LIGHT, arial, sans-serif;
}

.section-four .benefits-wrapper .flex-section {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 3em 0 2em;
}

.section-four .benefits-wrapper button.CarouselNewQuoteButton,
.hero-banner-mobile button.CarouselNewQuoteButton {
    background: #646b52;
    color: #fff;
    border: 1px solid #646b52;
}

.section-five {
    width: 100%;
    /* padding: 2em 2em; */
    background: #fff;
}

.rci-landing-page
    .section-five:nth-child(1)
    .flex-section
    .section-five-image-col {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.rci-landing-page .section-five:nth-child(1) .flex-section .std-covers-wrapper {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.std-covers-wrapper h1#HEAD_8112497A218879BB112002.heading {
    font-size: 16px;
    line-height: 34px;
	text-transform: uppercase;
    color: #000;
}

.fi-landing-page .section-five .std-covers-wrapper h4.bodytext {
    font: 14px/20px READ-LIGHT, arial, sans-serif;
}

.std-covers-wrapper ul {
    margin: 0;
    list-style-type: none;
    /* margin-left: 0.4em; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    padding-top: 1em;
}
.std-covers-wrapper ul > li {
    font: 14px/20px READ-LIGHT, arial, sans-serif;
    border-bottom: 1px solid #000;
    padding: 0.5em 0 0.5em;
    /*padding-left: 0.5em;
   text-indent: -0.9em; */
    margin: 0;
    /* max-width: 80%; */
}
/* .std-covers-wrapper ul > li:before {
  content: "-";
  text-indent: -5px;
  font-size: inherit;
  padding-right: 0.5em;
} */

.section-five .stdcoveroptions:before {
    content: "\2010";
    font-size: inherit;
    padding-right: 0.5em;
}

.section-five .std-covers-wrapper,
.section-five .section-five-image-col {
    width: 85%;
    padding: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.section-five .std-covers-wrapper {
    /* padding: 2em; */
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.section-five button.CarouselNewQuoteButton {
    background: #646b52;
    color: #fff;
}

.section-six {
    /* padding: 3em 0; */
    background: #f2f2f2;
    color: #fff;
	max-width: none;
}
.section-six div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.section-six .flex-section {
    padding-bottom: 1em;
}

.section-six .flex-section h3.heading {
    font: 18px/24px "DaciaBlock-Bold", arial;
    color: #000;
    text-transform: uppercase;
}

.section-six .flex-section button.CarouselNewQuoteButton {
    background: #646b52;
    color: #fff;
    border: 1px solid #646b52;
}

/* Compare table */
.flex-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin: 2em 0;
    line-height: 1.5;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 20em;
}

.flex-tr {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.flex-th {
}

.flex-th > .flex-td {
    white-space: normal;
}

.flex-tr:nth-of-type(even) {
	border-bottom: 1pt solid #000;
}

.flex-tr:nth-of-type(odd) {
	border-bottom: 1pt solid #000;
}

.flex-td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.5em 0;
    /* word-break: break-word; */
    overflow: hidden;
    /* text-overflow: ellipsis; */
    min-width: 0;
    /* white-space: nowrap; */
    word-wrap: break-word;
}

.flex-td h5.heading {
    font-size: 14px;
    line-height: 20px;
    line-height: normal;
}

.flex-tr .flex-td:nth-child(2),
.flex-tr .flex-td:nth-child(3) {
    width: 30%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-row-data {
    font: 14px/20px READ-LIGHT, arial;
}

.flex-td h4.flex-row-data.paragraph {
    text-align: left;
}

.flex-td.tickimg:before,
.flex-td.crossimg:before {
    content: "\f00c";
    font-family: "icons", arial;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.25em;
    text-align: center;
    color: #ec6528;
}

.flex-td.crossimg:before {
    content: "\f00d";
    color: #000;
}

#Footer {
    padding: 2em 0;
    background: #000;
}

.Footer_Links_Content,
.footerTextStyle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 2em;
}

.footerTextStyle {
    font: 10px/14px READ-LIGHT, "arial";
    text-align: left;
}

.Footer_Links_Content a {
    font: 14px/20px "READ-MEDIUM", "arial";
    padding: 0;
    padding-bottom: 1em;
    /* text-transform: uppercase; */
}

.SlideOutMenuItem {
    font: 16px/22px "READ-LIGHT", "arial";
    color: #fff;
    padding-left: 2em;
    vertical-align: middle;
    text-transform: uppercase;
}

.uxp-q-row > .uxp-question {
    font-family: READ-LIGHT, Arial, Helvetica, Sans-Serif;
}

.paragraph,
.flex-row-data {
    font: 14px/20px READ-LIGHT, arial, sans-serif;
}

.std-covers-wrapper h4 {
    padding: 1em 0em 1em;
    border-bottom: 1px solid;
}

.flex-table h5.form-body-text {
    font: 14px/20px READ-LIGHT, arial, sans-serif;
}

.flex-td h4.form-body-text {
    font: 14px/20px READ-LIGHT, arial, sans-serif;
}

.flex-td #HEAD_A8C978CEEA5D24AB238078 {
    font: 14px/20px READ-LIGHT, arial, sans-serif;
}

.flex-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

.std-covers-wrapper h3 {
    font: 18px/24px "DaciaBlock-Bold", arial, sans-serif;
    text-transform: uppercase;
}

.flex-table #FMT_A8C978CEEA5D24AB238076,.flex-table #FMT_A8C978CEEA5D24AB238081,
.flex-table #FMT_A8C978CEEA5D24AB238086,
.flex-table #FMT_A8C978CEEA5D24AB238091 {
    border-bottom: 1px solid;
}

/* Fi Landing Page mobile */
.fi-landing-page .section-three {
    max-width: none;
    /* padding: 2em 1em 2em 1em; */
}

.fi-landing-page .section-four {
    background-color: #fff;
}

.fi-landing-page .section-four .benefits-wrapper h1.heading {
	text-transform: uppercase;
}

.fi-landing-page .hero-banner-mobile > div {
    padding: 0 2em;
}
.fi-landing-page .hero-banner-mobile {
    padding-bottom: 0;
}

.fi-landing-page #p4_QUE_15AB2F2CC5C1DE3D124654 {
    width: 95%;
}

.fi-landing-page .section-six .wrapper {
	max-width: 65em;
	margin: 0 auto;
}

.fi-landing-page .section-six .wrapper .heading.hero-title {
	text-transform: uppercase;
}

.fi-landing-page .section-six .wrapper h4#HEAD_75784858A39FC72F123788.paragraph {
    font: 16px/34px "DaciaBlock-Bold", arial, sans-serif;
    text-transform: lowercase;
}

.fi-landing-page .section-six .wrapper button.CarouselNewQuoteButton {
	background: #646b52;
    color: #fff;
    border: 1px solid #646b52;
}

.RetrieveQuoteHeading, .RetrieveQuoteHeadingBold, .PolicyDocumentHeading, .FAQHeadingText, .FAQHeading, .AdditionalDriverHeading  {
  font: 18px/24px DaciaBlock-Bold,"arial";
  margin: 10px 0 10px;
  text-transform: uppercase;
  color: #000;
}

.DealerResourceLeftAlignText {
  font: 14px/20px READ-LIGHT, "arial";
  color: black;
}

/* styles for Policy Document page */
.PhaseHeaderContainer .PhaseHeaderStyle {
    font: 32px/40px DaciaBlock-Bold, "arial";
    color: #fff;
    top: 0;
    left: 0;
    position: absolute;
	text-transform: uppercase;
}

.process .Policydocuments .QuoteFormSection .PolicyDocumentHeading {
    font: 18px/24px DaciaBlock-Bold, "arial";
}

.process
    .Policydocuments
    .FormFieldSection
    .PolicyDocumentColumn1
    .FAQContentText {
    font: 16px/22px DaciaBlock-Bold, "arial";
}

.process
    .Policydocuments
    .FormFieldSection
    .PolicyDocumentColumn1
    .PolicyDocumentsStartDates {
    font: 14px/20px READ-LIGHT, "arial";
}

.process
    .Policydocuments
    .FormFieldSection
    .PolicyDocumentColumn2
    .policyDocumentlinkText {
    font: 14px READ-LIGHT, "arial";
}

.process .NeedHelpColumn .NeedHelpHeading {
    font: 16px/22px "DaciaBlock-Bold", "arial";
    color: #fff;
}

.process .NeedHelpColumn .NeedHelpContentText2 {
    font: 14px/20px READ-LIGHT, "arial";
}

.NeedHelpContactNo {
    font: 18px/24px "DaciaBlock-Bold", "arial";
    margin: 10px 0;
    color: #fff;
}

.NeedHelpBasicQuestion {
    font: 16px/22px READ-MEDIUM, arial;
    color: #fff;
    margin-bottom: 8px;
    width: 100%;
}

.NeedHelpBasicAnswer {
    font: 16px/22px READ-LIGHT, "arial";
    color: black;
    background-color: white;
    margin-bottom: 8px;
    padding: 5px 3px;
    width: 90%;
}

.NeedHelpContentText {
    font: 14px/20px "READ-LIGHT", "arial";
    color: #fff;
}

.callMeBackButton {
    font: 14px/20px READ-MEDIUM, "arial";
    background-color: white;
    color: black;
    width: 175px;
    height: 40px;
    border: none;
    vertical-align: middle;
    margin: 1em auto;
    text-transform: uppercase;
}

/* styles for Policy Document page END */

/* styles for FAQ page */

.FAQs .QuoteFormSection .FormFieldSection .FAQHeadingText {
    font: 18px/24px DaciaBlock-Bold, "arial";
}

.FAQs .QuoteFormSection .content .FAQSection .faqlinkL2 .FAQQuestionText {
    font: 16px/22px DaciaBlock-Bold, "arial";
    text-transform: uppercase;
}

.FAQs .QuoteFormSection .content .FAQSection .contentL2 .FAQContentText {
    font: 14px/20px READ-LIGHT, "arial";
}

.FAQs .QuoteFormSection .FAQContentText {
    font: 14px/22px READ-LIGHT, "arial";
}
/* styles for FAQ page END*/

/* styles for Make a claim page */

.make-a-claim .QuoteFormSection .formTopSection .PolicyDocumentHeading {
    font: 18px/24px DaciaBlock-Bold, "arial";
}

.make-a-claim .QuoteFormSection .FAQContentText {
    font: 14px/20px READ-LIGHT, "arial";
}

.make-a-claim .QuoteFormSection .ProofOfNcdSubHeading {
    font: 16px/22px DaciaBlock-Bold, "arial";
}
/* styles for Make a claim page END*/

.proof-of-ncd .FAQHeading {
    font: 16px/22px "DaciaBlock-Bold", "arial";
    text-transform: uppercase;
    margin: 0;
    color: black;
}

.MultiCarDescription,
.FormText, .VehicleSearchResultsSectionText {
    font: 14px/20px READ-LIGHT, "arial";
    margin: 0 0 10px;
    color: #000;
}

.FormTextBold, .VehicleSearchResultsSectionTextBold {
    font: 14px/20px READ-MEDIUM, "arial";
    color: black;
}

.VehicleSearchResultsSectionText, .VehicleSearchResultsSectionTextBold {
	color: #FFF;
}


.AboutYouSummaryHeader {
    font: 14px/20px READ-LIGHT, "arial", "helvetica", sans-serif;
}

.BasicQuestion {
    font: 14px/20px READ-MEDIUM, "arial";
    color: black;
    margin-bottom: 8px;
    width: 100%;
}

.BasicQuestionBold {
    font: 14px/20px READ-MEDIUM, "arial";
    color: black;
    margin-bottom: 8px;
    width: 100%;
}

.BasicAnswerReadOnly {
    font: 14px/20px READ-LIGHT, "arial";
    color: black;
    padding: 4px 2px;
    width: 90%;
    border: 0 none;
}

.BasicAnswerTextFieldReverseBackground {
    font: 14px/20px READ-LIGHT, "arial";
    color: black;
    border: 1px solid rgb(244, 242, 241);
    padding: 4px 2px;
    width: 90%;
    margin-bottom: 5px;
    background-color: white;
}

input.BasicAnswerTextField {
    font: 14px/20px READ-LIGHT, "arial";
    color: black;
    border: 0 none;
    outline: 0 none;
    border-bottom: 1pt solid #a2a2a2;
    padding: 0 4px;
    width: 90%;
    margin-bottom: 5px;
}

input.BasicAnswerReadOnlyTextField {
    font: 14px/20px READ-LIGHT, "arial";
    color: black;
    border: none;
    padding: 4px 2px;
    width: 90%;
    margin-bottom: 5px;
}

.BasicRadioButtonField {
    font: 16px/20px DaciaBlock-Bold, "arial";
    color: black;
    padding: 4px 0;
    width: 35%;
    border: 0 none;
    margin-bottom: 5px;
}

.RowRadioButtonAnswer {
    font: 14px/20px READ-LIGHT, "arial";
    color: black;
    padding: 4px 0;
    width: 20%;
    border: 0 none;
    margin-bottom: 5px;
    min-width: 100px;
}

input.BasicAnswerTextFieldWithHelp {
    font: 14px/20px READ-LIGHT, "arial";
    color: black;
    border: 0 none;
    outline: 0 none;
    border-bottom: 1pt solid #a2a2a2;
    padding: 0 4px;
    width: 90%;
    margin-bottom: 5px;
}

input.CompleteAnswerTextFieldWithHelp {
    font: 14px/20px READ-LIGHT, "arial";
    color: black;
    border: 0 none;
    outline: 0 none;
    border-bottom: 1pt solid #a2a2a2;
    padding: 0 4px;
    width: 95%;
    margin-bottom: 5px;
}

input.CompleteAnswer {
    font: 14px/20px READ-LIGHT, "arial";
    color: black;
    border: 0 none;
    outline: 0 none;
    border-bottom: 1pt solid #a2a2a2;
    padding: 0 4px;
    width: 100%;
    margin-bottom: 5px;
}

.BasicAnswerDropDown,
.CompleteAnswerDropDown,
.BasicAnswerDOBDropDown, .VoluntaryExcessAnswerDropDown {
    font: 14px/20px READ-LIGHT, "arial";
    color: black;
    text-transform: uppercase;
    width: 90%;
    border: 1pt solid #a2a2a2;
    padding: 0 8px;
}

.CompleteAnswerDropDown {
    width: 95%;
}

.BasicAnswerDOBDropDown {
    width: 120px;
}

.uxp-ans-prefix {
    font: 10px/14px READ-LIGHT, arial, sans-serif;
    padding: 0.5em 0;
}

.HelpContentBox {
    font: 14px/20px READ-LIGHT, "arial";
    background-color: #646b52;
    padding: 8px;
    color: white;
}

.Help .FAQContentText {
    font: 16px/22px "DaciaBlock-Bold", "arial";
    text-transform: uppercase;
    color: black;
}

/* Button as link */
.LinkButton,
.YouExcessButton,
.SiteMapLink,
.policyDocumentlinkText,
.DealerResourceLinkButton {
    color: black;
    font: 14px/22px READ-LIGHT, "arial";
    margin: 0 0 10px;
    background: transparent
        url(../../../../images/R1/M&C_Renault_find_out_more_chevron.png) right
        center no-repeat;
    padding-right: 10px;
    vertical-align: middle;
    text-decoration: none;
    border: 0 none;
}

/* COOKIE, PRIVACY AND TERMS OF USE STYLES */
.privacyPolicy h1 {
    font: 26px/34px DaciaBlock-Bold, "arial";
    margin: 20px 0 20px;
    color: black;
    text-align: left;
		text-transform: uppercase;
    padding: 0;
}

.privacyPolicy h2 {
    font: 16px/22px DaciaBlock-Bold, "arial";
    margin: 2em 0 1em;
    color: black;
    text-align: left;
    text-transform: uppercase;
    padding: 0;
}

.privacyPolicy p,
.privacyPolicy pre {
    font: 14px/20px READ-LIGHT, "arial";
    color: #000;
    padding: 1em 0;
    text-align: left;
}

.modal-close {
    background-image: url(../../../../images/D1/modal_close.png);
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    right: 25px;
    color: transparent !important;
}

.privacyPolicy ol,
.privacyPolicy ul {
    list-style: none;
    padding: 0;
}

.privacyPolicy ul ol {
    /* padding-left: 1em; */
}

.privacyPolicy li {
    list-style-position: inside;
    padding-left: 3em;
    text-indent: -1.5em;
    font: 14px/20px READ-LIGHT, "arial";
    color: #000;
    margin-bottom: 1em;
    text-align: left;
}

.termsOfUse h1 {
    font: 26px/34px DaciaBlock-Bold, "arial";
    margin: 15px 0 15px;
    color: black;
    text-align: left;
    text-transform: uppercase;
    padding: 0;
}

.termsOfUse h2 {
    font: 16px/22px DaciaBlock-Bold, "arial";
    margin: 10px 0 10px;
    color: black;
    text-align: left;
    text-transform: uppercase;
    padding: 0;
}

.termsOfUse p {
    font: 14px/20px READ-LIGHT, "arial";
    color: #000;
    padding: 10px 0 10px;
    text-align: left;
}

.termsOfUse ul,
.termsOfUse li,
.termsOfUse ol li {
    list-style-position: inside;
    padding-left: 3em;
    text-indent: -1.5em;
    font: 16px/22px READ-LIGHT, "arial";
    color: #000;
    margin-bottom: 10px;
    text-align: left;
}

.PolicyDocumentsStartDates {
    font: 10px/14px READ-LIGHT, "arial";
    margin: 0 0 10px;
}

/*Renewal Date*/
.RenewalDateHeading {
    font: 18px/24px DaciaBlock-Bold, "arial";
}

.RenewalDateFormText {
    font: 14px/20px READ-LIGHT, "arial";
    color: #000;
    padding-bottom: 1em;
}

.RenewalDateFormText a {
    text-decoration: underline;
}

.RenewalDatePostcodeFieldSection {
    padding: 1em 0;
}

.SaveForLaterButton,
.UploadNCDdocumentConfirmationButton,
.PostcodeLookupButton,
.RegistrationFindButton, .PaymentFindPostCodeButton, .RenewalDateSubmitButton {
    font: 14px/20px READ-MEDIUM, "arial";
    color: white;
    padding: 5px 20px;
    height: 45px;
    border: medium none;
    vertical-align: middle;
    margin: 15px 0;
    background-color: #646b52;
    min-width: 125px;
	background-image: none;
	text-transform: uppercase;
	
}

.PaymentFindPostCodeButton:after {
	content: '\2295';
    font-family: "icons", arial;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 1.15em;
    text-align: center;
	padding: 0 0 0 0.5em;
}

.SaveForLaterButton {
	background: 0 none;
	color: #000;
}

.Quote-New h1.title {
    font: 18px/24px "DaciaBlock-Bold", "arial";
    text-transform: uppercase;
    margin: 0 0 1em 0;
    text-align: left;
    color: black;
}

.Quote-New h1#HEAD_E0BB58054B38AD2A126233 {
	font: 26px/34px "DaciaBlock-Bold", "arial";
	text-transform: uppercase;
	padding: 0;
	text-align: left;
	color: white;
}

.Quote-New .quote_grey h3 {
    font: 16px/22px "DaciaBlock-Bold", "arial";
    text-transform: uppercase;
    margin: 0 0 0.5em 0;
    text-align: left;
}
	
.Quote-New .quote_grey h4.bodytext {
    color: #fff;
}

.Quote-New .excess-box h3 {
    font: 16px/22px DaciaBlock-Bold, arial;
    margin: 15px 0 15px;
    text-transform: uppercase;
}

.Quote-New .excess-box .VoluntaryExcessAnswerDropDown {
    border: 1px solid #000;
}	

.documents h2#HEAD_E0BB58054B38AD2A126900 {
    font: 16px/22px DaciaBlock-Bold, arial;
    text-transform: uppercase;
    margin: 15px 0;
}

.Quote-New .quote_grey.last .quote-button-group .NextButton {
    background: transparent;
    border: 1px solid #fff;
    padding: 10px 15px;
}

/* Quote Protection Page Styles */

	.round {
		position: relative;
		margin-right: 1em;
	}

	.round label {
		height: 21px;
		width: 21px;
		top: 0.25em;
	}
	
	.round label:after {
		left: 4px;
		top: 4px;
	}
	
	.round input[type="checkbox"]:checked+label {
		background-color: #646b52;
		border-color: #646b52;
	}
	
	.CCPTable {
		max-width: 40em;
		border: 0 none;
	}
	
	.CCPTableHeaderRow, .CCPTableRow, .CCPTableHeaderRow, .CCPTableRow:nth-child(2), .CCPTableRow:nth-child(4), .CCPTableRow:nth-child(6) {
		border-bottom: 1pt solid #646b52;
		background: 0 none;
	}
	
	.CCPTable .CCPTableHeaderRow .FormTextBold {
		font: 14px/20px READ-LIGHT, arial; 
	}

.DealerHomePageHeader,
.QuoteProtectionPageHeader {
    font: 18px/24px DaciaBlock-Bold, "arial";
    margin: 15px 0;
    text-transform: uppercase;
    color: #000;
}

.QuotePriceHeader1 {
  font: 18px/24px DaciaBlock-Bold,"arial";
  text-transform: uppercase;
  margin: 0.5em 0;
  color: #000;
}

.QuotePriceHeader2 {
  font: 14px/22px READ-MEDIUM,"arial";
  color: #000;
  margin: 0.5em 0;
}

.optional-covers-cost-box .QuotePriceHeader2 {
	font: 18px/24px DaciaBlock-Bold,"arial";
}

.QuoteSelectedOptionsText {
  /* background: transparent url("../../../../images/R1/M&C_Renault_mid-grey_tick.png") no-repeat left center; */
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font: 14px/22px READ-LIGHT,"arial";
  color: #FFF;
  margin: 10px 0; 
}
.QuoteSelectedOptionsText:before {
    content: '\f00c';
    font-family: "icons", arial;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 1.25em;
    text-align: center;
	padding: 0 0.5em 0 0;
}

button#BUT_79CC08C5C37DF91C102129.NextButton:after, button#BUT_79CC08C5C37DF91C99160.NextButton:after, button#BUT_79CC08C5C37DF91C99443.NextButton:after {
	content: '\2295';
    font-family: "icons", arial;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 1.15em;
    text-align: center;
	padding: 0 0 0 0.5em;
}

.QuotePriceBreakup {
  font: 14px/22px READ-LIGHT,"arial";
  color: #FFF;
  margin: 1em 0;
}

div#p1_HEAD_52A996AC171F92B377859.pageHeading {
	font: 18px/24px DaciaBlock-Bold, arial;
	text-transform: uppercase;
}

div#p1_HEAD_52A996AC171F92B377861.pageHeading, div#p1_HEAD_52A996AC171F92B377957.pageHeading  {
	font: 16px/22px DaciaBlock-Bold, arial;
	text-transform: uppercase;
}
	
.QuoteProtectionTableHeader {
    font: 16px/19px READ-LIGHT, "arial";
    color: black;
    width: 98%;
    background-color: rgb(244, 242, 241);
    border-bottom: 1px solid white;
}

.QuoteProtectionPriceSection {
    background-color: rgb(244, 242, 241);
    width: 98%;
}

.CreateOwnPackageHeader {
    background-color: transparent;
}

.QuoteProtectionTableHeaderSelected {
    font: 16px/19px READ-LIGHT, "arial";
    color: black;
    background-color: rgb(244, 242, 241);
    width: 98%;
}

.QuoteProtectionTableOptions {
    font: 18px/25px DaciaBlock-Bold, "arial";
    color: black;
}

.QuoteProtectionKeyFacts {
    font: 12px/16px READ-LIGHT, "arial";
    color: black;
    background-repeat: no-repeat;
    background-position: center left;
    background-image: url(../../../../images/R1/M&C_Renault_find_out_more_chevron.png);
    padding-left: 10px;
}

.QuoteProtectionSelection {
    background: rgb(244, 242, 241)
        url(../../../../images/D1/M&C_Dacia_tracker_tick.png) center center
        no-repeat;
    padding: 36px;
    width: 98%;
}

.QuoteProtectionSelectedPackage {
    background: rgb(244, 242, 241)
        url(../../../../images/D1/M&C_Dacia_tick_grey.png) center center
        no-repeat;
    padding: 36px;
    width: 98%;
}

/* Ancillary option check boxes */
.QuoteProtectionCheckbox {
    margin: 0;
    margin-top: 0.35rem;
}

.LegalOptionPadding {
    padding-top: 3.5rem !important;
    padding-left: 0.5rem !important;
}
.LegalPrice {
    font: 16px/22px READ-LIGHT, "arial";
}

.KeyCoverOptionPadding {
    padding-top: 3rem !important;
    padding-left: 0.5rem !important;
}

.CourtesyCarOptionPadding {
    padding-top: 3.25rem !important;
    padding-left: 0.5rem !important;
}

.QuoteProtectionAddButton {
    font: 16px/20px READ-LIGHT, "arial";
    color: white;
    padding: 5px 20px;
    height: 36px;
    border: none;
    vertical-align: middle;
    margin: 5px 0 5px 0;
    background-color: rgb(210, 71, 0);
    padding: 5px 25px 5px 25px;
    border-radius: 5px;
}

.QuoteProtectionAddButton:hover {
    background-color: none;
}

.QuoteProtectionRemoveButton,
.NCDRemoveButton {
    font: 16px/20px READ-LIGHT, "arial";
    color: rgb(210, 71, 0);
    padding: 5px 20px;
    height: 36px;
    border: none;
    border-radius: 5px;
    vertical-align: middle;
    margin: 5px 0 5px 0;
    background-color: white;
    padding: 5px 15px 5px 15px;
}

.NCDRemoveButton {
    background-color: black;
    color: white;
}

.QuoteProtectionRemoveButton:hover,
.NCDRemoveButton:hover {
    background-color: none;
}

.QuoteProtectionPriceHeading {
    font: 16px/20px READ-LIGHT, "arial";
    color: black;
    width: 100%;
}

.QuoteProtectionPackagePrice {
    font: 25px READ-LIGHT, "arial";
    color: black;
    width: 100%;
}

.QuoteProtectionSelectedPackagePrice {
    font: 25px READ-LIGHT, "arial";
    color: black;
    width: 100%;
}

.QuoteProtectionSelectedSection {
    background-color: rgb(244, 242, 241);
    width: 98%;
    border-bottom: 1px solid white;
}

.QuoteProtectionSavePercent {
    font: 15px/20px DaciaBlock-Bold, "arial";
    color: rgb(153, 154, 156);
}

.QuoteProtectionSelectedSavePercent {
    font: 15px/20px READ-LIGHT, "arial";
    color: rgb(153, 154, 156);
}

.QuoteProtectionEmptySectionWhite {
    width: 98%;
    height: 88px;
    background-color: rgb(244, 242, 241);
}

.QuoteProtectionEmptySectionBlue {
    width: 98%;
    height: 88px;
    background-color: rgb(244, 242, 241);
}

.QuoteFieldSection {
    /*padding: 5px 0;*/
    border-bottom: 1px solid rgb(228, 223, 223);
}

.QuoteProtectionTickTopPadding {
    padding-top: 20px;
}

.QuoteProtectionClaimsButton {
    font: 16px/20px READ-LIGHT, "arial";
    color: white;
    padding: 5px 20px;
    height: 36px;
    border: none;
    border-radius: 5px;
    vertical-align: middle;
    margin: 5px 0 5px 0;
    background-color: rgb(210, 71, 0);
    padding: 5px 25px 5px 25px;
}

.QuoteProtectionClaimsButton:hover {
    background-color: none;
}
/* end Quote Protection Page Styles */

/* Dealer Admin Page Search Results Table Styles */
.ResultsTable td + td {
    border-spacing: 2px;
    border-collapse: separate;
    margin: 0;
    padding: 0;
}

.ResultsTable th,
*.ResultsTable td {
    background-color: rgb(244, 242, 241);
    text-align: center;
    vertical-align: top;
    padding: 5px;
}

.ResultsTable tr {
    background-color: transparent white;
    font: 16px/20px READ-LIGHT, "arial";
    text-align: center;
    color: black;
}

.ResultsTable th {
    font: 16px/20px READ-LIGHT, "arial";
    color: black;
    vertical-align: bottom;
    padding-bottom: 5px;
}

*.ResultsTable th:last-child {
    background-color: black;
    color: white;
    font: 16px/20px READ-LIGHT, "arial";
}

.ResultsTable *.BlackCol {
    background-color: rgb(254, 203, 69);
    color: black;
    font: 12px/15px READ-LIGHT, "arial";
}

.ResultsTable td:last-child {
    background-color: black;
    color: white;
}

.DealerResourceLinkButton {
    /*	line-height: 30px; */
}

.ActionsLink {
    background: transparent
        url(../../../../images/D1/M&C_Dacia_chevron_white_right.png) 6% center
        no-repeat;
    height: auto;
    width: auto;
    padding: 5px 0 5px 30px;
    font-size: 13px;
    line-height: 15px;
    font-family: READ-LIGHT, "arial";
    text-align: left;
}

.GroupColSpan {
    border-bottom: 1px solid rgb(88, 89, 91);
    padding-bottom: 1px;
}

.navRow {
    height: 50px;
    text-align: center;
    margin-top: 20px;
}

.navItem {
    display: inline-block;
    height: 15px;
    padding: 10px;
    font: 16px/20px READ-LIGHT, "arial";
    color: black;
}

span.navItem {
    font: 16px/20px READ-LIGHT, "arial";
    color: black;
}

span.navItem:hover {
    background-color: 0 none;
}

.navItem:first-child {
    font: 18px/22px READ-LIGHT, "arial";
    color: white;
    padding: 5px 20px;
    height: 50px;
    border: none;
    vertical-align: middle;
    background: black url("../../../../images/R1/M&C_Renault_back_yellow.png")
        15% 50% no-repeat;
    padding: 12px 25px 12px 45px;
    border: 1px solid black;
}

.navItem:first-child:hover {
    background-color: rgb(51, 51, 51);
}

.navItem:last-child {
    float: right;
    font: 18px/22px READ-LIGHT, "arial";
    color: black;
    padding: 5px 20px;
    height: 50px;
    border: none;
    vertical-align: middle;
    background: rgb(254, 203, 69)
        url("../../../../images/R1/M&C_Renault_chevron_black.png") no-repeat
        scroll 85% 50%;
    padding: 15px 45px 15px 25px;
}

.navItem:last-child:hover {
    background-color: rgb(254, 219, 71);
}

/* End Dealer Admin Page Search Results Table Styles */

/*Almost There - confirmation page */
.pageHeading {
    font: 26px/34px DaciaBlock-Bold, "arial";
    text-transform: uppercase;
    margin: 15px 0 15px;
    color: #000;
}

.pageHeadingblue {
    color: #646b52;
}

.eligibilityTextcontent {
    font: 14px/20px READ-LIGHT, "arial";
    color: black;
    padding-left: 30px;
    padding-right: 0px;
}

.almostThereformTopSection {
    padding-top: 30px;
}

.eligibilityTextcontentWithoutTick {
    font: 14px/20px READ-LIGHT, "arial";
    color: black;
    padding: 1em 0;
}

.eligibilitySectionPadding {
    padding-top: 13px;
    padding-bottom: 18px;
}	

/*Payment page styles */
.Payment .paymentTopSection .pageHeading {
	font: 18px/24px DaciaBlock-Bold, arail;
	text-transform: uppercase;
}

.UnselectedPaymentTextColumn, .SelectedPaymentTextColumn {
    width: auto;
}

.paymentHeading {
    font: 16px/22px DaciaBlock-Bold, "arial";
    color: #000;
    padding: 0.5em 0;
	text-transform: uppercase;
}

.paymentText {
    font: 14px/22px READ-LIGHT, "arial";
    color: black;
    padding: 10px 0 15px 0;
}

.paymentTextBold {
    font: 18px/24px READ-LIGHT, "arial";
    color: black;
    padding: 15px 0;
}

.paymentWhiteSection {
    background-color: rgb(244, 242, 241);
    padding: 25px;
}

.promotionalCodeSection {
    background-color: rgb(244, 242, 241);
    padding: 25px;
}

.paymentRedSectionHeading, .paymentWhiteSectionHeading {
    font: 16px/22px DaciaBlock-Bold, "arial";
    color: white;
    text-transform: uppercase;
    padding-bottom: 1em;
}

.paymentWhiteSectionHeading {
    color: #a2a2a2;
}

.paymentRedSectionText, .paymentWhiteSectionText {
    font: 14px/20px READ-LIGHT, "arial";
    color: white;
    padding-bottom: 1em;
}

.paymentWhiteSectionText {
    color: #a2a2a2;
}

.paymentRedSection {
    background-color: #646b52;
    padding: 25px;
}

.paymentBorder {
    border-bottom: 2px solid white;
}

.paymentTopSection {
    padding-top: 30px;
    padding-bottom: 25px;
}

.tickImagedisplay {
    clear: both;
    height: 31px;
    width: 31px;
    padding: 20px 30px;
}

.paymentQuestion {
    font: 16px/22px READ-LIGHT, "arial";
    color: black;
    width: 62% !important;
}

.whiteSection {
    background-color: rgba(255, 255, 255, 1);
    padding: 9px 25px 19px 25px;
}

.RoundButtonPayment {
    color: white;
    padding: 5px 20px;
    height: 35px;
    border: none;
    background-image: none;
    margin-top: 0;
}

.PaymentRadioButtonField {
    font: 18px/22px DaciaBlock-Bold, "arial";
    color: #000;
    width: 100%;
    border: 0 none;
}

/* Thank you page */

.Thankyou .pageHeading {
	font: 18px/24px DaciaBlock-Bold, "arial";
    color: black;
    padding: 15px 0;
	text-transform: uppercase;
}

.thankYouBlueSection {
    background-color: #f2f2f2;
	padding: 2em;
	margin: 2em 0 5em;
	color: #000;
}

.quoteProtectionCustomPriceSection {
    background-color: rgb(244, 242, 241);
}

.thankYouRedBoldText {
    font: 14px/20px READ-MEDIUM, "arial";
    color: #000;
    padding-bottom: 0.5em;
}

.thankYou30WhiteBoldHeading {
    font: 16px/22px DaciaBlock-Bold, "arial";
	text-transform: uppercase;
    color: #000;
    padding: 0.5em 0;
}

.thankYou16WhiteLightText {
    font: 14px/20px READ-LIGHT, "arial";
    color: #000;
    padding-bottom: 5px;
}

.thankYou18LightTextGrey {
    font: 14px/20px READ-LIGHT, "arial";
    color: #000;
    padding-bottom: 5px;
}

.numberCircle {
  border-radius: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  background: 0 none;
  text-align: center;
  color: #646b52;
  font: 26px/34px DaciaBlock-Bold,"arial";
}

/* Nav buttons */
.QuoteFormNav > div {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
			width: 100%;
}

/* Summary Page */
.SummaryPageDetailsBold {
  font: 14px/22px READ-MEDIUM,"arial";
  color: black;
}

.SummaryPageDetailsLight {
  font: 14px/22px READ-LIGHT,"arial";
  color: #000;
}

.SummaryPage .QuotePriceHeader1, .SummaryPage .QuotePriceHeader2, .Payment .QuotePriceHeader1, .Payment .QuotePriceHeader2 {
	color: #FFF;
}

.shaded-box .QuotePriceHeader1, .shaded-box .bodytext {
	color: #000;
}


.ConfirmationPage .pageHeading, .VehicleDetails .pageHeading {
	font: 18px/24px DaciaBlock-Bold, arial, sans-serif;
	text-transform: uppercase;
	margin: 0.5em 0;
}

.LineRadioOption, .GdprOptionQuestion {
	font-size: 14px;
	line-height: 20px;
}

/* Quote Referral Page */
.referralHeader {
  font: 18px/24px DaciaBlock-Bold,"arial";
  color: black;
  margin: 10px 0;
}

.referralBody {
  font: 14px/20px READ-LIGHT, "arial";
  margin: 10px 0;
}

.referralCallUs {
  font: 14px/20px READ-LIGHT, "arial";
  margin: 10px 0;
}
/* end referral page styles */

/* Eligibility page */
.self-service-eligbitlity .pageHeading {
	font: 18px/24px DaciaBlock-Bold, "arial";
    color: black;
    padding: 15px 0;
	text-transform: uppercase;
}

/* Hide tick image on payment page */
.Payment .paymentRedSection .tickImagedisplay {
	display: none;
}

/* dealer login popup */
.DealerFormFieldsWrapper {
  margin: 1%;
}

.DealerLoginConfirmationCol1 {
  width: 5%;
  font: 14px/20px READ-LIGHT,"arial";
  color: black;
}

.DealerLoginConfirmationCol2 {
  width: 95%;
  font: 14px/20px READ-LIGHT,"arial";
  color: black;
}

.DealerLoginSubHeading {
  font: 14px/20px READ-LIGHT,"arial";
  color: black;
}

.DealerFormFieldsWrapper #FMT_BF2FA58C7AD69AC559070 {
	padding: 2em 0;
}

.formSubSection {
	padding: 10px 0;
}

.CCPTableCol2, .CCPTableCol3 {
  width: 24.5%;
}

.paymentWhiteSection > div {
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}

/* MTA page styles */

.mta-change-address,.mta-change-car, .mta-add-driver {
	padding: 2em 0;
}

.mta-change-address div[id^="row_QUE_"], .mta-change-address div[id^="row_ansRowQUE_"] {
	padding: 0.75em 0;
}

.mta-change-address .pageHeading, .mta-change-car .pageHeading, .mta-add-driver .pageHeading, .mta-change-summary .pageHeading {
	font: 18px/24px DaciaBlock-Bold, "arial";
    text-transform: uppercase;
    margin: 15px 0 15px;
    color: #000;
}

.mta-change-address .QuoteFormNav > div,.mta-change-car .QuoteFormNav > div, .mta-add-driver .QuoteFormNav > div {
	flex-flow: row-reverse;
}


@media only screen and (max-width: 500px) {
	.QuoteFormNav > div {
		flex-flow: column-reverse;
	}
}

@media only screen and (min-width: 667px) {
	.hero-banner-mobile .banner-btn-grp > div{
		flex-flow: row;
	}

	.hero-banner-mobile .banner-btn-grp .CarouselRetrieveQuoteButton {
		margin-top: 0;
		margin-left: 1em;
	}
}

/* Desktop styles */

@media only screen and (min-width: 1025px) {
	
	.PhaseHeaderContainer .PhaseHeaderStyle {
	    font: 40px/46px DaciaBlock-Bold, "arial";
	}
	
	.mta-change-address .pageHeading, .mta-change-car .pageHeading, .mta-add-driver .pageHeading, .mta-change-summary .pageHeading {
		font: 26px/34px DaciaBlock-Bold, "arial";
	}
	
	.DealerResourceLeftAlignText {
	  font: 16px/22px READ-LIGHT, "arial";
	}
	
	/* Thank you page */

	.Thankyou .pageHeading {
		font-size: 26px;
		line-height: 34px;
	}

	.thankYouRedBoldText {
		font: 16px/22px READ-MEDIUM, "arial";
	}

	.thankYou30WhiteBoldHeading {
		font: 18px/22px DaciaBlock-Bold, "arial";
	}

	.thankYou16WhiteLightText {
		font: 16px/22px READ-LIGHT, "arial";
	}

	.thankYou18LightTextGrey {
		font: 16px/22px READ-LIGHT, "arial";
	}
	
	/* Quote Referral Page */
	.referralHeader {
	  font: 26px/34px DaciaBlock-Bold,"arial";
	}

	.referralBody, .referralCallUs {
	  font: 16px/22px READ-LIGHT, "arial";
	}
	/* end referral page styles */
	
	.RetrieveQuoteHeading, .RetrieveQuoteHeadingBold, .PolicyDocumentHeading, .FAQHeadingText, .FAQHeading, .AdditionalDriverHeading  {
	  font: 26px/34px DaciaBlock-Bold,"arial";
	}
	
	.eligibilityTextcontent, .eligibilityTextcontentWithoutTick {
		font: 16px/22px READ-LIGHT, "arial";
	}
	
	.LineRadioOption, .GdprOptionQuestion {
		font-size: 16px;
		line-height: 22px;
	}
	
    /* styles for tpl content */
    /* COOKIE, PRIVACY AND TERMS OF USE STYLES */
    .privacyPolicy h1 {
        font: 40px/48px DaciaBlock-Bold, "arial";
        margin: 20px 0 20px;
        color: black;
        text-align: left;
        text-transform: uppercase;
        padding: 0;
    }

    .privacyPolicy h2 {
        font: 18px/22px DaciaBlock-Bold, "arial";
        margin: 2em 0 1em;
        color: black;
        text-align: left;
        text-transform: uppercase;
        padding: 0;
    }

    .privacyPolicy p,
    .privacyPolicy pre {
        font: 16px/22px READ-LIGHT, "arial";
        color: #000;

        padding: 10px 0 10px;
        text-align: left;
    }

    .modal-close {
        background-image: url(../../../../images/D1/modal_close.png);
        background-repeat: no-repeat;
        width: 36px;
        height: 36px;
        right: 25px;
        color: transparent !important;
    }

    .privacyPolicy ol,
    .privacyPolicy ul {
        list-style: none;
        padding: 0;
    }

    .privacyPolicy ul ol {
        padding-left: 0;
    }

    .privacyPolicy li {
        list-style-position: inside;
        font: 16px/22px READ-LIGHT, "arial";
        color: #000;
        margin-bottom: 5px;
        padding: 0.35em 0 0.35em 1.5em;
        text-align: left;
    }

    .termsOfUse h1 {
        font: 40px/48px DaciaBlock-Bold, "arial";
        margin: 15px 0 15px;
        color: black;
        text-align: left;
        text-transform: uppercase;
        padding: 0;
    }

    .termsOfUse h2 {
        font: 18px/22px DaciaBlock-Bold, "arial";
        margin: 10px 0 10px;
        color: black;
        text-align: left;
        text-transform: uppercase;
        padding: 0;
    }

    .termsOfUse p {
        font: 16px/22px READ-LIGHT, "arial";
        color: #000;

        padding: 10px 0 10px;
        text-align: left;
    }

    .termsOfUse ul,
    .termsOfUse li,
    .termsOfUse ol li {
        list-style-position: inside;
        padding-left: 0;
        /* text-indent: 1em; */
        font-family: READ-LIGHT, "arial";
        font-size: 16px;
        color: #000;
        margin-bottom: 10px;
        text-align: left;
    }

    /* styles for Make a claim page */

    .make-a-claim .QuoteFormSection .formTopSection .PolicyDocumentHeading {
        font: 26px/34px DaciaBlock-Bold, "arial";
    }

    .make-a-claim .QuoteFormSection .FAQContentText {
        font: 16px/22px READ-LIGHT, "arial";
    }

    .make-a-claim .QuoteFormSection .ProofOfNcdSubHeading {
        font: 18px/22px DaciaBlock-Bold, "arial";
    }

    /* styles for Make a claim page END*/

    /* styles for FAQ page */

    .FAQs .QuoteFormSection .FormFieldSection .FAQHeadingText {
        font: 26px/34px DaciaBlock-Bold, "arial";
    }

    .FAQs .QuoteFormSection .content .FAQSection .faqlinkL2 .FAQQuestionText {
        font: 18px/22px DaciaBlock-Bold, "arial";
    }

    .FAQs .QuoteFormSection .content .FAQSection .contentL2 .FAQContentText {
        font: 16px/22px READ-LIGHT, "arial";
    }

    .FAQs .QuoteFormSection .FAQContentText {
        font: 16px/22px READ-LIGHT, "arial";
    }
    /* styles for FAQ page END*/

    /* styles for Policy Document page */
    .PhaseHeaderContainer .PhaseHeaderStyle {
        font: 60px/66px DaciaBlock-Bold, "arial";
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        /*background-color: rgba(256,256,256,0.7);*/
        padding: 50px 0 50px 32px;
    }

    .process .Policydocuments .QuoteFormSection .PolicyDocumentHeading {
        font: 26px/34px DaciaBlock-Bold, "arial";
    }

    .process
        .Policydocuments
        .FormFieldSection
        .PolicyDocumentColumn1
        .FAQContentText {
        font: 18px/22px DaciaBlock-Bold, "arial";
    }

    .process
        .Policydocuments
        .FormFieldSection
        .PolicyDocumentColumn1
        .PolicyDocumentsStartDates {
        font: 16px/22px READ-LIGHT, "arial";
    }

    .process
        .Policydocuments
        .FormFieldSection
        .PolicyDocumentColumn2
        .policyDocumentlinkText {
        font: 16px/22px READ-LIGHT, "arial";
    }

    .process .NeedHelpColumn .NeedHelpHeading {
        font: 18px/22px "DaciaBlock-Bold", "arial";
        color: #fff;
    }

    .process .NeedHelpColumn .NeedHelpContentText2 {
        font: 16px/22px READ-LIGHT, "arial";
    }

    .NeedHelpContactNo {
        font: 26px/34px "DaciaBlock-Bold", "arial";
    }

    .NeedHelpColumn .NeedHelpContentText {
        font: 16px/22px "READ-LIGHT", "arial";
        padding-top: 10px;
        color: white;
    }

    .callMeBackButton {
        font: 16px/22px READ-MEDIUM, "arial";
    }

    .LinkButton,
    .YouExcessButton,
    .SiteMapLink,
    .policyDocumentlinkText,
    .DealerResourceLinkButton {
        font: 16px/22px READ-LIGHT, "arial";
    }

    /* styles for Policy Document page END */

    /* Fi Landing Page WEB */

    .fi-landing-page .section-three {
        max-width: initial;
    }

    .fi-landing-page .section-four {
        background-color: #fff;
    }
    /* Fi Landing Page WEB END*/

    .LogoSection {
    }
    .Footer_Links_Content a {
        padding: 1em 1em 0em 0;
    }

    .Footer_Links_Content,
    .footerTextStyle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 2em;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        background: #000;
        padding: 2em 0;
    }

    .std-covers-wrapper h3 {
        font: 26px/34px "DaciaBlock-Bold", arial, sans-serif;
        text-transform: uppercase;
    }

    .std-covers-wrapper h4 {
        padding: 0.5em 0em 0.5em 0em;
    }

    .flex-section {
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }

    .paragraph,
    .flex-row-data {
        font: 16px/22px READ-LIGHT, arial, sans-serif;
    }

    /* h1.heading, h2.heading {
		font-size: 32px;
	}

	h5.heading {
		font-size: 16px;
		line-height: 24px;
	}

	h6.paragraph {
	} */
	
	.bodytext {
		font: 16px/22px READ-LIGHT, sans-serif;
	}

	h5.bodytext {
		font: 16px/22px READ-LIGHT, sans-serif;
	}
	
	.FAQContentText {
	  font: 16px/22px READ-LIGHT,"arial";
	}

    .HomePageImage {
        background: #fff;
    }

    .PhaseHeaderImage {
    }

    .HomePageBanner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /* -ms-flex-flow: wrap;
        flex-flow: wrap; */
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: stretch;
        left: 0;
        top: 0;
        position: absolute;
        background: 0 none;
        padding: 0 0;
        width: 100%;
		height: 100%;
    }
	
	.HomePageBanner #p1_GRP_A8C978CEEA5D24AB237998, .HomePageBanner #p1_GRP_8112497A218879BB111881 {
		position: relative;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		height: 99%;
	}

    .quote-options-box {
        max-width: 43em;
        /* height: 65vh; */
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .quote-options-box > div > div {
        padding: 1em 2em;
    }

    .quote-options-box h1.page-title {
        /* font-size: 50px;
		line-height: 45px; */
        font: 60px/66px DaciaBlock-Bold, arial, sans-serif;
    }

    .fi-landing-page .quote-options-box h1.heading.hero-title {
        font-size: 50px;
        line-height: 45px;
        text-transform: uppercase;
        margin: 0.25em 0 0.25em 0;
    }

    .fi-landing-page .quote-options-box h4.bodytext,
    h4.bodytext {
        font-family: "READ-LIGHT", arial;
        font-size: 16px;
        line-height: 22px;
    }

    .CarouselNewQuoteButton,
    .CarouselRetrieveQuoteButton {
        font: 16px/22px "READ-MEDIUM", "arial";
    }

    .hero-banner-mobile {
        display: none;
    }

    .deserve-content-wrapper {
        margin-left: auto;
        margin-right: auto;
    }

    .section-two .deserve-content-wrapper h2.heading {
        font-size: 40px;
        line-height: 48px;
    }

    .card-content-wrapper > div {
        width: 50%;
    }
	
	.fi-landing-page .card-content-wrapper > div {
        width: 49%;
    }

    .section-two .card-wrapper img.flex-img {
        /* height: 30vh; */
    }

    .section-two .card-content-wrapper .card-wrapper h5.heading {
        font: 18px/22px "DaciaBlock-Bold", arial, sans-serif;
        text-transform: uppercase;
    }

    .section-three h1.heading.hero-title {
        font-size: 30px;
        line-height: 48px;
    }

    .section-three h4.bodytext {
        font-size: 16px;
        line-height: 22px;
    }

    .section-three h4#HEAD_8112497A218879BB111943.paragraph, .fi-landing-page .section-six .wrapper h4#HEAD_75784858A39FC72F123788.paragraph {
        font: 22px/34px "DaciaBlock-Bold", arial, sans-serif;
        text-transform: lowercase;
    }

    #MNU_2CEC6EBBA589AD0D299098,
    #MNU_8112497A218879BB111895 {
        display: block;
    }

    /* .benefits-wrapper { */
    /* padding: 3em 6em; */
    /* } */

    .section-four .benefits-wrapper h3.heading {
        font: 26px/34px "DaciaBlock-Bold", arial, sans-serif;
        text-transform: uppercase;
    }

    .section-four .benefits-wrapper h6.paragraph {
        font: 12px/16px READ-LIGHT, arial, sans-serif;
    }

    .section-four .benefits-wrapper button.CarouselNewQuoteButton,
    .hero-banner-mobile button.CarouselNewQuoteButton {
        background: #646b52;
        color: #fff;
        border: 1px solid #646b52;
    }

    .flex-td h5.heading {
        font-size: 16px;
        line-height: 22px;
    }

    .section-five {
        padding: 3em 6em;
    }

    .section-five .std-covers-wrapper,
    .section-five .section-five-image-col {
        width: 50%;
    }

    .rci-landing-page
        .section-five:nth-child(1)
        .flex-section
        .section-five-image-col {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        max-width: 45%;
    }

    .rci-landing-page
        .section-five:nth-child(1)
        .flex-section
        .std-covers-wrapper {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .fi-landing-page
        .section-five:nth-child(1)
        .flex-section
        .std-covers-wrapper {
        padding: 0 3em 0 0;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }

    .rci-landing-page
        .section-five:nth-child(1)
        .flex-section
        .std-covers-wrapper {
        padding: 0 0 0 3em;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }

    .rci-landing-page
        .section-five:nth-child(2)
        .flex-section
        .std-covers-wrapper {
        padding: 0 3em 0 0;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }

    .section-five .std-covers-wrapper h1#HEAD_8112497A218879BB112002.heading {
        font-size: 22px;
        line-height: 34px;
    }

    .fi-landing-page .section-five .std-covers-wrapper h4.bodytext {
        font: 16px/22px READ-LIGHT, arial, sans-serif;
        color: #000;
    }

    .std-covers-wrapper ul > li {
        font: 16px/22px READ-LIGHT, arial, sans-serif;
        border-bottom: 1px solid #000;
        max-width: 100%;
        /* padding: 1em; */
    }

    .section-six .flex-section h3.heading {
        font: 26px/34px "DaciaBlock-Bold", arial;
    }

    .footerTextStyle {
        font: 12px/16px READ-LIGHT, "arial";
    }

    .Footer_Links_Content a {
        font: 16px/22px "READ-MEDIUM", "arial";
    }

    .flex-table h5.form-body-text {
        font: 16px/22px READ-LIGHT, arial, sans-serif;
    }

    .flex-td h4.form-body-text {
        font: 16px/22px READ-LIGHT, arial, sans-serif;
    }

    .flex-td #HEAD_A8C978CEEA5D24AB238078 {
        font: 16px/22px READ-LIGHT, arial, sans-serif;
    }

    /* New styles */
    .Policydocuments .FAQContentText {
        font: 18px/22px "DaciaBlock-Bold", "arial";
        text-transform: uppercase;
        color: black;
    }

    .Help .FAQContentText {
        font: 18px/22px "DaciaBlock-Bold", "arial";
        text-transform: uppercase;
        color: black;
    }

    .Help .MakeAClaimContentTextTableLeftAlign {
        font: 18px/22px "DaciaBlock-Bold", "arial";
        text-transform: uppercase;
        color: black;
    }

    .Help #p1_HEAD_72B07A27C4DF071B36332.MakeAClaimContentTextTableLeftAlign {
        font: 16px/22px READ-LIGHT, "arial";
        margin: 0 0 10px;
        color: #000;
        text-transform: none;
    }

    .proof-of-ncd .PolicyDocumentHeading {
        font: 18px/22px "DaciaBlock-Bold", "arial";
        text-transform: uppercase;
        margin: 0;
        color: black;
    }

    .proof-of-ncd .FAQHeading {
        font: 18px/22px "DaciaBlock-Bold", "arial";
        text-transform: uppercase;
        margin: 0;
        color: black;
    }

    .Quote-New h1.title {
        font: 26px/34px "DaciaBlock-Bold", "arial";
    }

    .Quote-New h1#HEAD_E0BB58054B38AD2A126233 {
        font: 40px/48px "DaciaBlock-Bold", "arial";
    }
	
	.Quote-New .quote_grey h3 {
		font: 18px/22px "DaciaBlock-Bold", "arial";
	}

    .MultiCarDescription,
    .FormText, .VehicleSearchResultsSectionText {
        font: 16px/22px READ-LIGHT, "arial";
    }

    .FormTextBold, .VehicleSearchResultsSectionTextBold {
        font: 16px/22px READ-MEDIUM, "arial";
    }

    .AboutYouSummaryHeader {
        font: 16px/22px READ-LIGHT, "arial", "helvetica", sans-serif;
    }

    .BasicQuestion {
        font: 16px/22px READ-MEDIUM, "arial";
    }

    .BasicQuestionBold {
        font: 16px/22px READ-MEDIUM, "arial";
    }

    .BasicAnswerReadOnly {
        font: 16px/22px READ-LIGHT, "arial";
    }

    .BasicAnswerTextFieldReverseBackground {
        font: 16px/22px READ-LIGHT, "arial";
    }

    .BasicAnswerTextField {
        font: 16px/22px READ-LIGHT, "arial";
    }

    .BasicAnswerReadOnlyTextField {
        font: 16px/22px READ-LIGHT, "arial";
    }

    .BasicRadioButtonField {
        font: 16px/20px DaciaBlock-Bold, "arial";
    }

    .RowRadioButtonAnswer {
        font: 16px/22px READ-LIGHT, "arial";
    }

    .BasicAnswerTextFieldWithHelp {
        font: 16px/22px READ-LIGHT, "arial";
    }

    .CompleteAnswerTextFieldWithHelp {
        font: 16px/22px READ-LIGHT, "arial";
    }

    .CompleteAnswer {
        font: 16px/22px READ-LIGHT, "arial";
    }

    .BasicAnswerDropDown {
        font: 16px/22px READ-LIGHT, "arial";
    }

    .CompleteAnswerDropDown {
        font: 16px/22px READ-LIGHT, "arial";
    }

    .BasicAnswerDOBDropDown, .VoluntaryExcessAnswerDropDown {
        font: 16px/22px READ-LIGHT, "arial";
    }

    .uxp-ans-prefix {
        font: 12px/16px READ-LIGHT, arial, sans-serif;
    }

    .HelpContentBox {
        font: 16px/22px READ-LIGHT, "arial";
    }

    .PolicyDocumentsStartDates {
        font: 12px/16px READ-LIGHT, "arial";
    }

    /*Renewal Date*/
    .RenewalDateHeading {
        font: 26px/34px DaciaBlock-Bold, "arial";
        text-transform: uppercase !important;
        margin: 15px 0 15px;
    }

    .RenewalDateFormText {
        font: 16px/22px READ-LIGHT, "arial";
        color: #000;
        padding-bottom: 1em;
    }

    .RenewalDateFormText a {
        text-decoration: underline;
    }

    .RenewalDatePostcodeFieldSection {
        padding: 1em 0;
    }

    .RenewalDateSubmitButton {
        font: 16px/20px READ-MEDIUM, "arial";
    }

    .RenewalDateSubmitButton:hover {
    }
    /*Renewal Date*/

    /*buttons*/

    .SaveForLaterButton,
    .UploadNCDdocumentConfirmationButton,
    .PostcodeLookupButton,
    .RegistrationFindButton, .PaymentFindPostCodeButton, .RenewalDateSubmitButton {
        font: 16px/22px READ-MEDIUM, "arial";
    }

    .UploadNCDdocumentConfirmationButton {
        background: rgb(255, 255, 255)
            url("../../../../images/D1/M&C_Dacia_chevron_grey.png") no-repeat
            scroll 90% 48%;
    }

    .PostcodeLookupButton {
    }

    /*
	.PostcodeLookupButton:hover{
		background-color: rgb(254,219,71);
	}
	*/
    .RegistrationFindButton {
    }

    .Quote-New .excess-box h3 {
        font: 18px/22px DaciaBlock-Bold, arial;
    }

    .documents h2#HEAD_E0BB58054B38AD2A126900 {
        font: 18px/22px DaciaBlock-Bold, arial;
    }
	
	.DealerHomePageHeader,
	.QuoteProtectionPageHeader {
		font: 26px/34px DaciaBlock-Bold, "arial";
	}
	
	.QuotePriceHeader2 {
		font-size: 16px;
	}
	
	.QuotePriceHeader1 {
		font-size: 26px;
		line-height: 34px;
	}
	
	.optional-covers-cost-box .QuotePriceHeader2 {
		font-size: 26px;
		line-height: 34px;
	}
	
	.QuotePriceBreakup {
	  font-size: 16px;
	}
	
	.CCPTableCol2, .CCPTableCol3 {
	  width: 14.5%;
	}
	
	.SummaryPageDetailsBold, .SummaryPageDetailsLight {
	  font-size: 16px;
	}
	
	.QuoteSelectedOptionsText {
		font: 16px/22px READ-LIGHT,"arial";
	}
	
	div#p1_HEAD_52A996AC171F92B377859.pageHeading {
		font: 26px/34px DaciaBlock-Bold, arial;
		text-transform: uppercase;
	}
	
	div#p1_HEAD_52A996AC171F92B377861.pageHeading, div#p1_HEAD_52A996AC171F92B377957.pageHeading  {
		font: 18px/22px DaciaBlock-Bold, arial;
		text-transform: uppercase;
	}
	
	.ConfirmationPage .pageHeading, .VehicleDetails .pageHeading {
		font: 26px/34px DaciaBlock-Bold, arial, sans-serif;
	}
	
	.Payment .paymentTopSection .pageHeading {
		font-size: 26px;
		line-height: 34px;
	}
	
	.Payment .paymentRedSectionHeading, .paymentWhiteSectionHeading {
		font: 18px/22px DaciaBlock-Bold, "arial";
	}
	
	.Payment .paymentRedSectionText, .paymentWhiteSectionText {
		font: 16px/22px READ-LIGHT, "arial";
	}
	
	.Payment .paymentHeading {
		font-size: 18px;
	}
	
	.paymentText {
		font: 16px/22px READ-LIGHT, "arial";
	}

}

/* end of desktop styles */

.quote_grey {
    margin-top: 0px;
    padding: 30px;
    background-color: #e4e8e8;
}

.quote_grey.upsell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 768px) {
    .quote_grey.upsell {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.upsell-img-col {
    width: 50%;
}

@media (max-width: 768px) {
    .upsell-img-col {
        width: 100%;
    }
}

.div-block-15 {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 576px) {
    .div-block-15 {
        width: 100%;
        margin-top: 20px;
        margin-left: 0px;
    }
}

.div-block-15 h1,
.div-block-15 h2,
.div-block-15 h3,
.div-block-15 h4,
.div-block-15 h5 {
    color: #fff;
}

.div-block-15 h3 {
    text-transform: none;
}

.upsell-image {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 576px) {
    .upsell-image {
        width: 100%;
    }
}

input.SingleDigitInput {
	width: 50px;
}