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

/*
* 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: "NouvelR-Bold", "arial", "helvetica", sans-serif;
    color: #000;
}

h4,
h5,
h6 {
    margin: 0.2em 0;
    font-family: "NouvelR-Regular", "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);
}

.multiCarCallBackInstructionSection .whiteText {
	color: #FFF;
}

.heading {
    letter-spacing: 0.025em;
}

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

h4.bodytext {
    color: #000;
}

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

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

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

.ProofOfNcdText {
	padding-left: 30px;
}

h1.heading {
	text-transform: uppercase;
}

/* 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: #f2f2f2;
    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: 36px;
    line-height: 42px;
    text-transform: uppercase;
    margin: 0.25em 0 0.25em 0;
    color: #000;
}

.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: #000;
}

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

.fi-landing-page .quote-options-box h4.bodytext,
h4.bodytext {
    font-family: "NouvelR-Regular", arial;
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

.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: 36px/42px NouvelR-Bold, arial, sans-serif;
    text-transform: uppercase;
    padding-bottom: 1em;
}

#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;
}

.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;
}

.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 "NouvelR-Bold", "arial";
    height: 45px;
    min-width: 200px;
    padding: 0 1em;
    background: #EFDF00;
    color: #000;
    text-transform: uppercase;
    border: 0 none;
	text-transform: lowercase;
}

.CarouselNewQuoteButton:hover {
	background: #F8EB4C;
	color: #000;
	border: 0 none;
}

.CarouselRetrieveQuoteButton {
    background: 0 none;
    border: 1px solid #000;
    color: #000;
}
.CarouselRetrieveQuoteButton:hover {
	background: #000;
	color: #FFF;
}

.CarouselCallText {
    color: #000;
    font: 16px/34px NouvelR-Bold, "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: 14px/15px "NouvelR-Bold", arial;
}

.section-two,
.section-three,
.section-four,
.section-five {
    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: 60vw; */
    margin: 0 auto;
	padding: 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 0 1em 0;
}

.section-two .deserve-content-wrapper h2.heading {
    font-size: 24px;
    line-height: 32px;
    text-transform: lowercase;
}

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

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

.fi-landing-page .card-content-wrapper:nth-of-type(1) > div {
	width: 100%;
	background: #f2f2f2;
	padding: 2em;
	margin-top: 2em;
}

.fi-landing-page .card-content-wrapper:nth-of-type(1) > div div.card-wrapper {
	 display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}

.fi-landing-page .card-content-wrapper:nth-of-type(1) > div div.card-wrapper > div {
	flex: 0 1 auto;
}

div.clearBoth {
	width: 0 !important;
	padding:0 !important;
}

.fi-landing-page .card-content-wrapper:nth-of-type(1) > div div.card-wrapper > div.milrw-info-box {
	padding: 0;
}

.fi-landing-page .card-content-wrapper:nth-of-type(1) > div div.card-wrapper > div.milrw-info-box .btn-section > div {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	flex-flow: wrap;
	justify-content: space-evenly;
	padding: 1em 0;
}

div.milrw-info-box a, .mileage-reward-info  a#BUT_310DD3A987D1D1CE132238 {
	text-decoration: underline;
}

.card-wrapper {
    padding: 0.5em 0;
}

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

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

.section-three {
    padding: 3em 2em;
    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: lowercase;
}

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

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

.section-three button.CarouselNewQuoteButton {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}

.section-three button.CarouselNewQuoteButton:hover {
    background: #efdf00;
    color: #000;
	border: 0 none;
}

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

.benefits-wrapper {
    width: 100%;
    padding: 2em 0;
    /* max-width: 60vw; */
    margin: auto;
}

.section-four .benefits-wrapper h3.heading {
    font: 24px/32px "NouvelR-Bold", arial, sans-serif;
    text-transform: lowercase;
    text-align: center;
}

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

.section-four .benefits-wrapper h6.paragraph {
    font: 10px/14px NouvelR-Regular, 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 {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}

.section-four .benefits-wrapper button.CarouselNewQuoteButton:hover {
    background: #efdf00;
    color: #000;
	border: 0 none;
}

.hero-banner-mobile button.CarouselNewQuoteButton {
}

.section-five {
    width: 100%;
    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;
	padding-top: 2em;
}

.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;
    color: #000;
}

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

.std-covers-wrapper ul {
    margin: 0;
    list-style-type: none;
    margin-left: 0;
    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 NouvelR-Regular, 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;
	padding-top: 2em;
}

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

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

.section-six {
    padding: 3em 0;
    background: #f2f2f2;
    color: #fff;
}
.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 "NouvelR-Bold", arial;
    color: #000;
    text-transform: lowercase;
}

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

.section-six .flex-section button.CarouselNewQuoteButton:hover {
    background: #efdf00;
    color: #000;
	border: 0 none;
}

/* 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 NouvelR-Regular, 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: #000;
}

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

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

.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 NouvelR-Regular, "arial";
    text-align: left;
}

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

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

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

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

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

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

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

.flex-td #HEAD_A8C978CEEA5D24AB238078 {
    font: 14px/20px NouvelR-Regular, 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 "NouvelR-Bold", arial, sans-serif;
    text-transform: lowercase;
}

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

/* Fi Landing Page mobile */
.fi-landing-page .section-three {
    max-width: initial;
}

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

.fi-landing-page .hero-banner-mobile > div {
    padding: 0 1.5em;
}
.fi-landing-page .hero-banner-mobile {
    padding: 2em 0 0 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 button.CarouselNewQuoteButton {
background: #000;
    color: #fff;
    border: 1px solid #000;
}

.fi-landing-page .section-six .wrapper button.CarouselNewQuoteButton:hover {
    background: #efdf00;
    color: #000;
	border: 0 none;
}

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

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

/* styles for Policy Document page */
.PhaseHeaderContainer .PhaseHeaderStyle {
    font: 36px/42px NouvelR-Bold, "arial";
    color: #fff;
    top: 0;
    left: 0.5em;
    position: absolute;
	text-transform: uppercase;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: flex-end;
}

.process
    .Policydocuments
    .FormFieldSection
    .PolicyDocumentColumn1
    .FAQContentText {
    font: 16px/34px NouvelR-Bold, "arial";
	text-transform: lowercase;
}

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

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

.NeedHelpHeading {
    font: 24px/32px "NouvelR-Bold", "arial";
    color: #fff;
}

.NeedHelpContentText2 {
    font: 14px/20px NouvelR-Regular, "arial";
}

.NeedHelpContactNo {
    font: 36px/42px "NouvelR-Bold", "arial";
    margin: 10px 0;
    color: #fff;
}

.NeedHelpBasicQuestion {
    font: 16px/22px NouvelR-Bold, arial;
	text-transform: lowercase;
    color: #fff;
    margin-bottom: 8px;
    width: 100%;
}

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

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

.callMeBackButton {
    font: 14px/20px NouvelR-Bold, "arial";
    background-color: #FFF;
    color: #000;
    width: 175px;
    padding: 13px;
    border: 1px solid #3f3f40;
    vertical-align: middle;
    margin: 1em auto;
    text-transform: lowercase;
}
.callMeBackButton:hover {
	background: #3f3f40;
	color: #FFF;
}

/* styles for Policy Document page END */

/* styles for FAQ page */

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

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

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

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

/* styles for Make a claim page */

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

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

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

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

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

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

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


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

.BasicQuestion {
    font: 14px/20px NouvelR-Regular, "arial";
	text-transform: lowercase;
    color: black;
    margin-bottom: 8px;
    width: 100%;
}

.BasicQuestionBold {
    font: 14px/20px NouvelR-Regular, "arial";
	text-transform: lowercase;
    color: black;
    margin-bottom: 8px;
    width: 100%;
}

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

.BasicAnswerTextFieldReverseBackground {
    font: 14px/20px NouvelR-Regular, "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 NouvelR-Regular, "arial";
    color: black;
    border: 0 none;
    outline: 0 none;
    border: 1pt solid #a2a2a270;
    padding: 0 4px;
    width: 90%;
    margin-bottom: 5px;
}

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

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

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

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

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

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

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

.CompleteAnswerDropDown {
    width: 95%;
}

.BasicAnswerDOBDropDown {
    width: auto;
}

.uxp-ans-prefix {
    font: 10px/14px NouvelR-Regular, arial, sans-serif;
    padding: 0.25em 0 1em 0;
}

.HelpContentBox {
    font: 14px/20px NouvelR-Regular, "arial";
    background-color: #000;
    padding: 8px;
    color: white;
}

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

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



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

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

.privacyPolicy p,
.privacyPolicy pre {
    font: 14px/20px NouvelR-Regular, "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 NouvelR-Regular, "arial";
    color: #000;
    margin-bottom: 1em;
    text-align: left;
}

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

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

.termsOfUse p {
    font: 14px/20px NouvelR-Regular, "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 NouvelR-Regular, "arial";
    color: #000;
    margin-bottom: 10px;
    text-align: left;
}

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

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

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

.RenewalDateFormText a {
    text-decoration: underline;
}

.RenewalDatePostcodeFieldSection {
    padding: 1em 0;
}

.UploadNCDdocumentConfirmationButton,
.PostcodeLookupButton,
.RegistrationFindButton, .PaymentFindPostCodeButton, .RenewalDateSubmitButton {
    font: 14px/20px NouvelR-Bold, "arial";
    color: #000;
    padding: 5px 20px;
    height: 45px;
    vertical-align: middle;
    margin: 15px 0;
    background-color: #FFF;
    min-width: 125px;
	background-image: none;
	text-transform: lowercase;
	background: #000;
	color: #fff;
	border: 0 none;
}

.UploadNCDdocumentConfirmationButton:hover,
.PostcodeLookupButton:hover,
.RegistrationFindButton:hover, .PaymentFindPostCodeButton:hover, .RenewalDateSubmitButton:hover {
	background: #efdf00;
  color: #000;
}

.PaymentFindPostCodeButton {
	
}

.PaymentFindPostCodeButton:after {
	/* content: '\f105';
    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;
	color: yellow; */
}

.SaveForLaterButton {
	background: 0 none;
	color: #000;
	text-transform: lowercase;
}

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

.Quote-New h1#HEAD_E0BB58054B38AD2A126233, .quote_grey.last .col1 h1#HEAD_5C06C3F58683733E127892 {
	font: 36px/42px "NouvelR-Bold", "arial";
	text-transform: lowercase;
	padding: 0;
	text-align: left;
	color: #000;
}

.Quote-New .quote_grey h3 {
    font: 16px/34px "NouvelR-Bold", "arial";
    /* text-transform: uppercase; */
    margin: 0 0 0 0;
    text-align: left;
}
	
.Quote-New .quote_grey h4.bodytext {
    color: #000;
}

.Quote-New .excess-box h3 {
    font: 16px/34px NouvelR-Bold, arial;
    margin: 15px 0 15px;
    text-transform: lowercase;
}

.Quote-New .excess-box .VoluntaryExcessAnswerDropDown {
    border: 2px solid #f2f2f2;
}	

.documents h2#HEAD_E0BB58054B38AD2A126900 {
    font: 16px/34px NouvelR-Bold, arial;
    text-transform: lowercase;
    margin: 15px 0;
}

.Quote-New .quote_grey.last .quote-button-group .NextButton {   
}

.Quote-New .milrw-info {
	display: flex;
	flex-flow: row;
	align-items: center;
	padding: 2em;
	background: #000;
}

.Quote-New .milrw-info .milrw-img {
	width: 20%;
}

.Quote-New .milrw-info .milrw-text {
	width: 65%;
	padding: 0 2em;
	color: #FFF;
}

.Quote-New .milrw-info .milrw-text h2.heading, .Quote-New .milrw-info .milrw-text h4.bodytext {
	color: #FFF;
}

.Quote-New .milrw-info .milrw-btn {
	display: flex;
	align-items: flex-end;
	flex-flow: column;
}

.yellow-btn {
	background-color: #efdf00;
	color: #000;
}

.quote-milrw-price {
	display: flex;
	justify-content: space-between;
	flex-flow: column;
	padding: 1em 0;
}

.milrw-price-breakup {
	display: flex;
	justify-content: space-between;
}


/* 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: #000;
		border-color: #000;
	}
	
	.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 #000;
		background: 0 none;
	}
	
	.CCPTable .CCPTableHeaderRow .FormTextBold {
		font: 14px/20px NouvelR-Regular, arial; 
	}

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

.QuotePriceHeader1 {
  font: 24px/32px NouvelR-Bold,"arial";
  text-transform: lowercase;
  margin: 1em 0 0.5em 0;
  color: #000;
}

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

.optional-covers-cost-box .QuotePriceHeader2 {
	font: 18px/24px NouvelR-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 NouvelR-Regular,"arial";
  color: #000;
  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 NouvelR-Regular,"arial";
  color: #000;
  margin: 1em 0;
}

div#p1_HEAD_52A996AC171F92B377859.pageHeading {
	font: 24px/32px NouvelR-Bold, arial;
	text-transform: lowercase;
}

div#p1_HEAD_52A996AC171F92B377861.pageHeading, div#p1_HEAD_52A996AC171F92B377957.pageHeading  {
	font: 16px/34px NouvelR-Bold, arial;
	text-transform: lowercase;
}
	
.QuoteProtectionTableHeader {
    font: 16px/19px NouvelR-Regular, "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 NouvelR-Regular, "arial";
    color: black;
    background-color: rgb(244, 242, 241);
    width: 98%;
}

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

.QuoteProtectionKeyFacts {
    font: 14px/15px NouvelR-Regular, "arial";
    color: black;
    background-repeat: no-repeat;
    background-position: center left;
    background-image: url(../../../../images/R1/M&C_Renault_chevron_yellow.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 NouvelR-Regular, "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 NouvelR-Regular, "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 NouvelR-Regular, "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 NouvelR-Regular, "arial";
    color: black;
    width: 100%;
}

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

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

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

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

.QuoteProtectionSelectedSavePercent {
    font: 15px/20px NouvelR-Regular, "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 NouvelR-Regular, "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 NouvelR-Regular, "arial";
    text-align: center;
    color: black;
}

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

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

.ResultsTable *.BlackCol {
    background-color: rgb(254, 203, 69);
    color: black;
    font: 12px/15px NouvelR-Regular, "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: NouvelR-Regular, "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 NouvelR-Regular, "arial";
    color: black;
}

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

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

.navItem:first-child {
    font: 18px/22px NouvelR-Regular, "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 NouvelR-Regular, "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: 24px/32px NouvelR-Bold, "arial";
    text-transform: lowercase;
    margin: 15px 0 15px;
    color: #000;
}

.pageHeadingblue {
    color: #000;
}

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

.almostThereformTopSection {
    padding-top: 30px;
}

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

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

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

.UnselectedPaymentTextColumn, .SelectedPaymentTextColumn {
    width: auto;
}

.SelectedPaymentTextColumn .PaymentPriceBreakdown{
	font: 14px/20px NouvelR-Regular,"arial";
	color: #FFF;
}

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

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

.paymentTextBold {
    font: 18px/24px NouvelR-Regular, "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/34px NouvelR-Bold,"arial";
    color: white;
    padding-bottom: 0.5em;
}

.paymentWhiteSectionHeading {
    color: #a2a2a2;
}

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

.paymentWhiteSectionText {
    color: #a2a2a2;
}

.paymentRedSection {
    background-color: #000;
    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 NouvelR-Regular, "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 NouvelR-Bold, "arial";
    color: #000;
    width: 100%;
    border: 0 none;
}

/* Thank you page */

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

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

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

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

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

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

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

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

/* Nav buttons */
.QuoteFormNav > div {
	width: 100%;
	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;
}

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

.QuoteFormNav .NextButton, .quote-button-group .NextButton {
	background: #000;
	color: #fff;
	border: 0 none;
}

.QuoteFormNav .NextButton:hover, .quote-button-group .NextButton:hover {
	background: #efdf00;
  color: #000;
}

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

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

.SummaryPage .QuotePriceHeader1 {
	color: #000;
	margin-bottom: 0;
}

.SummaryPage .QuotePriceHeader2 {
}

.summary-header {
	border-top: 2pt solid #000;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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


.fi-field-highlight {
	border: 2pt solid yellow !important;
}

.mileage-reward-info .header-block {
	padding: 2em;
	background-color: rgb(244, 242, 241);
}

.mileage-reward-info .header-block > div:nth-child(1) {
	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;
	flex-flow: column;
	max-width: 100%;
	margin: 0 auto;
}

.mileage-reward-info .header-block h2.heading {
	font: 24px/34px "NouvelR-Bold", "arial";
	text-transform: lowercase;
	padding: 0.25em 0;
}

.mileage-reward-info h3 {
	font: 16px/34px NouvelR-Bold,"arial";
	text-transform: lowercase;
}
	

.mileage-reward-info .header-block h4.bodytext {
	text-align: center;
	padding: 0.25em 0;
}

.mileage-reward-info .privacyPolicy ul li, .mileage-reward-terms .privacyPolicy ul li {
	margin: 0;
}

.mileage-reward-info .btn-section {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	justify-content: space-between;
}

.mileage-reward-info .btn-section a.home-btn-zombie:before {
	content: '\f053';
    font-family: "icons", arial;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 1em;
    text-align: center;
	padding: 0 0.25em 0 0;
	color: #FFEB3B;
}

.mileage-reward-terms .quote-btn {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	justify-content: flex-end;
}

@media only screen and (max-width: 500px) {
	.QuoteFormNav > div {
		flex-flow: column-reverse;
	}
	
	.Quote-New .milrw-info {
		flex-flow: column;
	}
	
	.Quote-New .milrw-info .milrw-img, .Quote-New .milrw-info .milrw-text {
		width: 100%;
		padding: 0;
	}
	
	.Quote-New .milrw-info .milrw-text {
		padding: 1em 0;
	}
}

@media only screen and (min-width: 667px) {
	.PhaseHeaderContainer .PhaseHeaderStyle {
		bottom: 1em;
	}
	
	.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) {
	
	.mileage-reward-info .header-block {
		padding: 2em 4em;
	}
	
	.mileage-reward-info .header-block h2.heading {
		font: 30px/34px NouvelR-Bold, arial, sans-serif;
	}
	
	.mileage-reward-info .header-block > div:nth-child(1) {
		max-width: 80%;
	}
	
	.mileage-reward-info h3 {
		font: 22px/34px NouvelR-Bold,"arial";
	}
	
	.DealerResourceLeftAlignText {
	  font: 16px/22px NouvelR-Regular, "arial";
	}
	
	/* Thank you page */

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

	.thankYouRedBoldText {
		font: 16px/22px NouvelR-Bold, "arial";
	}

	.thankYou30WhiteBoldHeading {
		font: 22px/34px NouvelR-Bold, "arial";
	}

	.thankYou16WhiteLightText {
		font: 16px/22px NouvelR-Regular, "arial";
	}

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

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

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

    .privacyPolicy p,
    .privacyPolicy pre {
        font: 16px/22px NouvelR-Regular, "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 NouvelR-Regular, "arial";
        color: #000;
        margin-bottom: 5px;
        padding: 0.35em 0 0.35em 1.5em;
        text-align: left;
    }

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

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

    .termsOfUse p {
        font: 16px/22px NouvelR-Regular, "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: NouvelR-Regular, "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 NouvelR-Bold, "arial"; */
    }

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

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

    /* styles for Make a claim page END*/

    /* styles for FAQ page */

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

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

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

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

    /* styles for Policy Document page */
    .PhaseHeaderContainer .PhaseHeaderStyle {
        font: 60px/66px NouvelR-Bold, "arial";
    }
	
    .process
        .Policydocuments
        .FormFieldSection
        .PolicyDocumentColumn1
        .FAQContentText {
        font: 22px/34px NouvelR-Bold, "arial";
    }

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

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

    .NeedHelpHeading {
        font: 30px/48px "NouvelR-Bold", "arial";
        color: #fff;
    }

    .NeedHelpContentText2 {
        font: 16px/22px NouvelR-Regular, "arial";
    }

    .NeedHelpContactNo {
        font: 50px/45px "NouvelR-Bold", "arial";
    }

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

    .callMeBackButton {
        font: 16px/22px NouvelR-Bold, "arial";
    }

    .LinkButton,
    .YouExcessButton,
    .SiteMapLink,
    .policyDocumentlinkText,
    .DealerResourceLinkButton {
        font: 16px/22px NouvelR-Regular, "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: #FFF;
        padding: 2em;
    }

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

    .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 NouvelR-Regular, arial, sans-serif;
    }

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

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

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

	h5.bodytext {
		font: 16px/22px NouvelR-Regular, sans-serif;
	}
	
	.FAQContentText, .ProofOfNcdText {
	  font: 16px/22px NouvelR-Regular,"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: 100%;
	}

    .quote-options-box {
        max-width: 50em;
        /* 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 NouvelR-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: "NouvelR-Regular", arial;
        font-size: 16px;
        line-height: 22px;
    }

    .CarouselNewQuoteButton,
    .CarouselRetrieveQuoteButton {
        font: 16px/22px "NouvelR-Bold", "arial";
    }
	
	.CarouselCallText {
		font: 22px/34px NouvelR-Bold, "arial";
	}

    .hero-banner-mobile {
        display: none;
    }
	
	.section-two,
.section-three,
.section-four,
.section-five {
    max-width: 60vw;
}

.section-four {
    max-width: 100%;
}

.benefits-wrapper {
	max-width: 60vw;
}

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

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

    .card-content-wrapper > div {
        width: 48%;
    }
	
	.fi-landing-page .card-content-wrapper > div {
        width: 49%;
    }
	
	.fi-landing-page .card-content-wrapper:nth-of-type(1) > div {
		width: 100%;
	}
	

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

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

    .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 {
        font: 16px/34px "NouvelR-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: 30px/48px "NouvelR-Bold", arial, sans-serif;
    }

    .section-four .benefits-wrapper h6.paragraph {
        font: 14px/15px NouvelR-Regular, arial, sans-serif;
    }

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

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

    .section-five:nth-child(1) {
        padding: 50px 0 100px 0;
    }
	
	.section-five:nth-child(2) {
        padding: 100px 0;
    }

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

    .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%; */
		padding-top: 0;
    }

    .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 NouvelR-Regular, arial, sans-serif;
        color: #000;
    }

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

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

    .footerTextStyle {
        font: 14px/15px NouvelR-Regular, "arial";
    }

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

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

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

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

    /* New styles */
    .Policydocuments .FAQContentText {
        font: 22px/34px "NouvelR-Bold", "arial";
        text-transform: lowercase;
        color: black;
    }

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

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

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

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

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

    .Quote-New h1.title {
        font: 30px/48px "NouvelR-Bold", "arial";
    }

    .Quote-New h1#HEAD_E0BB58054B38AD2A126233, .quote_grey.last .col1 h1#HEAD_5C06C3F58683733E127892 {
        font: 50px/45px "NouvelR-Bold", "arial";
    }
	
	.Quote-New .quote_grey h3 {
		font: 22px/34px "NouvelR-Bold", "arial";
	}

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

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

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

    .BasicQuestion {
        font: 16px/22px NouvelR-Regular, "arial";
    }

    .BasicQuestionBold {
        font: 16px/22px NouvelR-Regular, "arial";
    }

    input.BasicAnswerReadOnly {
        font: 16px/22px NouvelR-Regular, "arial";
    }

    input.BasicAnswerTextFieldReverseBackground {
        font: 16px/22px NouvelR-Regular, "arial";
    }

    input.BasicAnswerTextField {
        font: 16px/22px NouvelR-Regular, "arial";
    }

    input.BasicAnswerReadOnlyTextField {
        font: 16px/22px NouvelR-Regular, "arial";
    }

    input.BasicRadioButtonField {
        font: 16px/20px NouvelR-Regular, "arial";
    }

    input.RowRadioButtonAnswer {
        font: 16px/22px NouvelR-Regular, "arial";
    }

    input.BasicAnswerTextFieldWithHelp {
        font: 16px/22px NouvelR-Regular, "arial";
    }

    input.CompleteAnswerTextFieldWithHelp {
        font: 16px/22px NouvelR-Regular, "arial";
    }

    input.CompleteAnswer {
        font: 16px/22px NouvelR-Regular, "arial";
    }

    .BasicAnswerDropDown, .VoluntaryExcessAnswerDropDown {
        font: 16px/22px NouvelR-Regular, "arial";
    }

    .CompleteAnswerDropDown {
        font: 16px/22px NouvelR-Regular, "arial";
    }

    .BasicAnswerDOBDropDown {
        font: 16px/22px NouvelR-Regular, "arial";
    }

    .uxp-ans-prefix {
        font: 14px/15px NouvelR-Regular, arial, sans-serif;
    }

    .HelpContentBox {
        font: 16px/22px NouvelR-Regular, "arial";
    }

    .PolicyDocumentsStartDates {
        font: 14px/15px NouvelR-Regular, "arial";
    }

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

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

    .RenewalDateFormText a {
        text-decoration: underline;
    }

    .RenewalDatePostcodeFieldSection {
        padding: 1em 0;
    }

    .RenewalDateSubmitButton {
        font: 16px/20px NouvelR-Bold, "arial";
    }

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

    /*buttons*/

    .SaveForLaterButton,
    .UploadNCDdocumentConfirmationButton,
    .PostcodeLookupButton,
    .RegistrationFindButton, .PaymentFindPostCodeButton, .RenewalDateSubmitButton {
        font: 16px/22px NouvelR-Bold, "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: 22px/34px NouvelR-Bold, arial;
    }

    .documents h2#HEAD_E0BB58054B38AD2A126900 {
        font: 22px/34px NouvelR-Bold, arial;
    }
	
	.docs-list .document-box a {
		font: 16px/22px NouvelR-Regular, arial, sans-serif;
	}
	
	.DealerHomePageHeader,
	.QuoteProtectionPageHeader {
		font: 30px/48px NouvelR-Bold, "arial";
	}
	
	.QuotePriceHeader2 {
		font-size: 16px;
	}
	
	.QuotePriceHeader1 {
		font-size: 30px;
		line-height: 48px;
	}
	
	.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 NouvelR-Regular,"arial";
	}
	
	div#p1_HEAD_52A996AC171F92B377859.pageHeading {
		font: 30px/48px NouvelR-Bold, arial;
		text-transform: uppercase;
	}
	
	div#p1_HEAD_52A996AC171F92B377861.pageHeading, div#p1_HEAD_52A996AC171F92B377957.pageHeading  {
		font: 22px/34px NouvelR-Bold, arial;
		text-transform: lowercase;
	}
	
	.ConfirmationPage .pageHeading, .VehicleDetails .pageHeading {
		font: 30px/48px NouvelR-Bold, arial, sans-serif;
	}
	
	.Payment .paymentTopSection .pageHeading {
		font-size: 26px;
		line-height: 34px;
	}
	
	.Payment .paymentRedSectionHeading, .paymentWhiteSectionHeading {
		font: 22px/34px NouvelR-Bold,"arial";
	}
	
	.Payment .paymentRedSectionText, .paymentWhiteSectionText {
		font: 16px/22px NouvelR-Regular, "arial";
	}
	
	.Payment .paymentHeading {
		font-size: 22px;
	}
	
	.SelectedPaymentTextColumn .PaymentPriceBreakdown{
		font: 16px/22px NouvelR-Regular,"arial";
	}
	
	.paymentText {
		font: 16px/22px NouvelR-Regular, "arial";
	}

}

/* end of desktop styles */

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

.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%;
    }
}

.VehicleNotFoundError {
	color:#FFF;
	background: #000;
	padding: 1em 0.5em;
}

.monthly-breakup-table .price-table {
	padding: 1.25em 0;
}

.QuotePriceSection .shaded-box {
	background: #FFF;
	padding: 0 2em 2em 2em;
}

.PaymentSwitchActive {
	background: #d2d2d2;
	color: #000;
}

.phase.Thankyou .thankYouBlueSection a {
  color: #000;
}

.PopupWrapper button.RoundButton {
	background: #FFF;
  padding: 12px;
  color: #000;
  border: 1px solid black;
}

.PopupWrapper button.RoundButton:hover {
  background-color: #000;
  color: #fff;
}