:root {
  base-font-size: 14px;
  base-line-height: 1.5;
  base-form-field-height: 30px;
}

/* KIA STYLES FOR DESKTOP */

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

body {
  font-size: 14px;
  color: #000;
  line-height: 1.5;
  letter-spacing: normal;
  font-family: "genesis-regular", arial, verdana;
  background-color: #fff;
  text-transform: none;
}

select[multiple],
select[size] {
  height: 30px;
  outline: 0 none;
  border: 0 none;
}

option {
  font-family: genesis-regular, "arial";
}

input:read-only {
  border: 0 none;
  outline: 0 none;
}

input:disabled,
select:disabled {
  background: #dddddd;
  color: rgba(5, 20, 31, 0.2);
  border: 1px solid grey;
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.6;
  font-weight: bold;
}

* > span {
  border: 0 none;
}

*:focus,
*:active {
  outline: none;
  outline: 0;
}

br {
  border: 0 none;
  outline: 0 none;
  display: inline-block;
}

/* START COLOR CODES */
.LightRedColor {
  color: rgb(162, 22, 41);
}

.MidRedColor {
  color: rgb(162, 22, 41);
}

.DarkRedColor {
  color: rgb(138, 19, 34);
}

.BGGreyColor {
  color: rgb(246, 246, 246);
}

.DisplayGreyColor {
  color: #101820;
}

.TextGreyColor {
  color: #101820;
}

.DarkGreyColor {
  color: #101820;
}

.MidGreyColor {
  color: rgb(5, 20, 31);
}

.BrightGreyColor {
  color: rgba(5, 20, 31, 0.2);
}

.LightGreyColor {
  color: #101820;
}

.BlackColor {
  color: #141414;
}

.BlueColor {
  color: #101820;
}

.WhiteColor {
  color: #fff;
}

.BackgroundLightRedColor {
  background-color: #101820;
}

.BackgroundMidRedColor {
  background-color: rgb(162, 22, 41);
}

.BackgroundDarkRedColor {
  background-color: rgb(138, 19, 34);
}

.BackgroundBGGreyColor {
  background-color: rgb(246, 246, 246);
}

.BackgroundLightGreyColor {
  background-color: rgb(236, 236, 231);
}

.BackgroundBlueColor {
  background-color: #101820;
}

.BackgroundDarkGreyColor {
  background-color: #141414;
}
/* END COLOR CODES */

/* Fonts */
.Font-Bold {
  font-family: "genesis-regular", "arial";
}

.Font-Medium {
  font-family: "genesis-regular", "arial";
}

.Font-Light {
  font-family: genesis-regular, "arial";
}

.Font12px16pxLight {
  font-size: 12px;
  line-height: 1.5;
  font-family: "genesis-regular", "arial", "helvetica", sans-serif;
}

.Font18px25pxLight {
  font-size: 18px;
  line-height: 1.5;
  font-family: "genesis-regular", "arial", "helvetica", sans-serif;
}

.Font18px25pxBold {
  font-size: 18px;
  line-height: 1.5;
  font-family: "genesis-regular", "arial", "helvetica", sans-serif;
}

.Font20px24pxBold {
  font-size: 20px;
  line-height: 1.5;
  font-family: "genesis-regular", "arial", "helvetica", sans-serif;
  letter-spacing: 0;
}

.Font30px36pxBold {
  font: 1.5rem "genesis-regular", "arial";
  letter-spacing: 0;
}

/* end Fonts */

/* Line Height */
.LineHeight17px {
  line-height: 17px;
}

.LineHeight16px {
  line-height: 1.1rem;
}

.LineHeight19px {
  line-height: 19px;
}

.LineHeight20px {
  line-height: 20px;
}

.LineHeight24px {
  line-height: 24px;
}

.LineHeight25px {
  line-height: 25px;
}

/* Padding styles */
.Padding10TB20LRpx {
  padding: 10px 20px;
}

.PaddingLeft2-5Percent {
  padding-left: 2.5%;
}

.Padding4px {
  padding: 4px;
}

.PaddingTB2em {
  padding: 2em 0;
}

.PaddingTB1em {
  padding: 1em 0;
}

.PaddingTB5px {
  padding: 5px 0;
}

.PaddingTB10px {
  padding: 10px 0;
}

.PaddingTop20px {
  padding-top: 20px;
}

.Padding10px {
  padding: 10px;
}
.Padding15px {
  padding: 15px;
}
.PaddingBottom10px {
  padding-bottom: 10px;
}

/* Margin Styles */
.MarginLeftRight15Percent {
  margin: auto 15%;
}

.MarginLeftRight13Percent {
  /* margin: auto 13%; */
  margin: auto 6%;
}
/* end Margin styles */

/* start select drop down arrow image 
select.verexDropdownImage {-webkit-appearance:none;-moz-appearance:none;background:url(../../../images/K1/icon_arrow_down_black.png) no-repeat scroll 98% 50% #FFFFFF; padding-right:30px;}
*/

select.verexDateDropDownImage {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../../../images/K1/icon_arrow_down_black.png) no-repeat scroll
    86% 50% #ffffff;
  padding-right: 30px;
}

/* end select drop down image */

/* MAIN CONTAINER */
.BrowserWindow {
  font-family: "genesis-regular", "arial", "helvetica", sans-serif;
  background-repeat: no-repeat;
  margin: 0 auto;
  /*max-width:1440px;*/
}

/* Page Header Styles */
.MainHeaderStyle1 {
  font: 1.5rem "genesis-regular", "arial";
  letter-spacing: 0rem;
  color: #101820;
  /* text-transform: uppercase; */
}

.MainHeaderStyle2 {
  font: 20px/1.5 "genesis-regular", "arial";
  color: #101820;
  letter-spacing: 0rem;
  /* text-transform: uppercase;	 */
}

.MainContentSection {
  width: 65%;
  margin-top: 2rem;
}

.LeftColumn {
  width: 49%;
  margin-right: 0.5rem;
}

.RightColumn {
  width: 49%;
}

.LRQuestionError {
  border: 0 none !important;
  border-bottom: 1.5pt solid rgb(234, 0, 41) !important;
}

/* COOKIE POLICY */
.CookiePolicySection {
  background-color: #101820;
  /*display:none;*/
}

.CookiePolicyHeaderText {
  font: 20px genesis-regular, "arial";
  color: #fff;
}
.CookieContentTextStyle {
  font: 12px genesis-regular, "arial";
  color: #fff;
}
.CookieContent {
  width: calc(100% - 62px);
  width: -moz-calc(100% - 62px);
  width: -webkit-calc(100% - 62px);
  /* specified as percentage rather than absolute pixels */
  padding: 1% 2%;
}
.TabletCookieSection {
  background-color: #101820;
  display: none;
}
.CookieContentText {
  padding-top: 10px;
  line-height: 17px;
  color: white;
}

.CookieCloseButtonSection {
  width: 62px;
  border-left: 1px solid #101820;
}

.CookieCloseButton {
  color: #fff;
  background-color: transparent;
  border: medium none;
  line-height: 0;
  height: auto;
  font-size: 2em;
  padding: 1.5em 0.6em;
}

/* END COOKIE POLICY */

/* KIA LOGO AND TOP MENU */
.LogoTopMenuSection {
  max-height: 120px;
  background-color: #141414;
}

/* SHARAD update New GE landing page */
.LogoSection {
  padding: 1em 0 0 7em;
}
/* SHARAD update New GE landing page END */
.LogoIcon {
  background: #141414 url(../../../images/GE/ge_logo.png) no-repeat left center;
  border: 0 none;
  width: 12em;
  /* margin-left: 20px; */
  background-size: contain;
  height: 6.75em;
  display: flex;
  align-items: center;
}
/* END KIA LOGO SECTION */

.LogoPageHeading {
  display: none;
}

/* TOP MENU FIXED LINKS */
.TopLinkMenus {
  width: auto;
}

.TopLinkMenuFloat {
  float: left !important;
}

.menufixedlinks {
  display: inline-flex;
  align-items: center;
  min-height: 120px;
  margin-left: 2em;
}

.menufixedlinks ul {
  list-style-type: none;
  display: inline;
  text-align: center;
}

.menufixedlinks li {
  list-style-type: none;
  list-style: none;
  display: inline;
  padding: 0 4rem 0 0;
  font-family: "genesis-regular";
  font-size: 1.15rem;
  color: #101820;
  letter-spacing: 0;
}

.LogoTopMenuSection .menufixedlinks li a {
  color: #fff;
  text-transform: uppercase;
}
.menufixedlinks a:hover,
#menu a:focus {
  text-decoration: underline;
}

#CUSTOMER_MENU_VM_LINK a {
  text-transform: none;
}

/* Footer Styles */
#Footer {
  border-top: 1px solid #141414;
  color: #fff;
  background: #000;
  padding: 5em;
  text-align: center;
}

#Footer_Links {
  padding: 1em 0;
}

#Footer a {
  padding-right: 1em;
  letter-spacing: 0;
  text-transform: none;
}

#Footer a:hover {
  /* text-decoration: underline; */
  color: #a36b4f;
}

#Footer_Text {
  width: calc(100%);
  padding: 1em 0;
}

#Footer_Text a {
  font: 0.85rem/1.5 genesis-regular, "arial";
  text-transform: none;
  letter-spacing: 0;
  text-decoration: underline;
}

/*#footer_base_wrap {
  margin: 0 auto;
  height: 67px;
  position: relative;
  background: #FFF none repeat scroll 0 0%;
  display: block;
  overflow: visible;
} */

#footer_logo {
  width: 155px;
  height: 0;
  padding-top: 60px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: -34px;
  margin-right: 2.5%;
  /* background: transparent url("../../../images/K1/footer_logo.png") no-repeat scroll 0 0; */
}

/* START KIA CAROUSEL BUTTONS */
.CarouselButton {
  /*-webkit-border-radius: 24;
  -moz-border-radius: 24;
  border-radius: 24px;*/
  font-family: Arial;
  color: #a21629;
  font-size: 20px;
  background: #fff;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.CarouselButton:hover {
  background: rgba(234, 0, 41, 1);
  text-decoration: none;
  color: #fff;
}
/* END KIA CAROUSEL BUTTONS */

/* 
/* Compare cover button */
.CompareCoverButtonSection {
  width: 100%;
  padding: 2em 0;
}

.CompareCoverButton {
  /*-webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;*/
  font-family: Arial;
  color: #fff;
  font: 1.1rem/1.5 "genesis-regular";
  letter-spacing: 0;
  background: #101820;
  padding: 8px 8px;
  text-decoration: none;
  border: none;
  height: 37px;
  width: 214px;
}

.CompareCoverButton:hover {
  background: #fff;
  text-decoration: none;
  color: #101820;
}
/* end compare cover button */

/* Compare Cover Header Heading */
.CompareCoverHeading {
  font: 1.75rem "genesis-head-light", "arial";
  text-transform: uppercase;
  margin-bottom: 0;
  color: #cd9a81;
}

.CompareCoverHeader1 {
  font: 28px/1.5 Font-regular, "arial";
  width: 65%;
  margin-bottom: 2%;
}

.CompareCoverHeader2 {
  font: 28px/1.5 Font-regular, "arial";
  width: 35%;
  margin-bottom: 2%;
}

.CompareCoverTableWrapper {
  padding-top: 4.0625em;
}

.ge-deserve-content {
}

.CompareCoverTableRow {
  border-bottom: 1px solid #fff;
  padding-bottom: 1px;
}

.CompareCoverTableColumn1 {
  width: 60%;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0;
  /*text-transform: uppercase;*/
}

.CompareCoverTableColumn2 {
  width: 20%;
  /* background: #101820 repeat; */
  height: 54px;
}

.CompareCoverTableColumn3 {
  width: 20%;
}

.CompareCoverTableHeaderRowCol2 {
  font: 1.1rem "genesis-bold", "arial";
  text-transform: uppercase;
  color: #fff;
}

.CompareCoverTableHeaderRowCol3 {
  font-family: "genesis-regular", "arial";
  /* text-transform: uppercase; */
}

.CompareTableRow1Col2HeaderText,
.CompareTableRow1Col3HeaderText {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  /* text-transform: uppercase; */
  padding: 8px 0;
}

.CompareTableContentText {
  font: 1.1rem/1.5 genesis-regular, arial;
  padding: 10px 0;
}

.GenuineSparePartsQuestion {
  font: 1.1rem/1.5 genesis-regular, "arial";
  width: 100%;
}

.GenuineSparePartsAnswer {
  font: 12px/1.5 genesis-regular, "arial";
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(../../../images/K1/icon_arrow_down_black.png) no-repeat scroll
    98% 50% #ffffff;
  /* text-transform: uppercase; */
  color: black;
}

span.GenuineSparePartsAnswer {
  display: none;
}

.CompareCoverSourceText {
  padding: 0.75em 0 0 0.75em;
  font: 12px/1.5 genesis-regular;
  /* text-transform: uppercase; */
}

.CurrentInsurerDesc {
  margin: 0 0 2em 0;
  background: #101820 none repeat scroll 0 0%;
}

.CurrentInsurerHeader {
  font: 1.5rem genesis-regular, "arial";
  letter-spacing: 0;
  padding-bottom: 10px;
  /* text-transform: uppercase; */
}

.CurrentInsurerPolicyWording {
  font: 20px/1.5 "genesis-regular", "arial";
  padding-bottom: 10px;
}

.CurrentInsurerPolicyWordingYear {
  font: 20px/1.5 genesis-regular, "arial";
  padding-bottom: 10px;
}

.CompareCoverBespokeHeading {
  font: 1.5rem "genesis-head-light", "arial";
  /* text-transform: uppercase; */
  padding: 10px 0;
}

.CompareCoverBespokeSubHeading {
  font: 1.1rem/1.5 "genesis-head-light", "arial";
  padding: 5px 0;
}

.CompareCoverBespokeText {
  font: 1.1rem/1.5 genesis-regular, "arial";
  padding: 5px 0;
}

.CompareCoverTableTickImge {
  background: transparent url("../../../images/VER_LR_tick_white.png") no-repeat
    scroll center center;
}

.CompareCoverCrossImge {
  background: transparent
    url("../../../images/VER_LR_cross_light-warm-grey.png") no-repeat scroll
    center center;
}

.WhiteTickImage {
  background: transparent url("../../../images/K1/M&C_Kia_tick_white.png")
    no-repeat scroll center center;
}

.tickImage {
  background: transparent url("../../../images/K1/M&C_Kia_tick_white.png")
    no-repeat scroll right center;
}

.WhiteCrossImage {
  background: transparent url("../../../images/K1/M&C_Kia_cross_white.png")
    no-repeat scroll center center;
}

.ev-table-tick {
  background: transparent url("../../../images/VER_LR_tick_blue.png") no-repeat
    scroll center center;
}

.ev-table-cross {
  background: transparent url("../../../images/K1/icon_close_black.png")
    no-repeat scroll center center;
}

.ev-table-tick,
.ev-table-cross {
  background-size: auto;
}

.CompareCoverTickImge,
.GreenTickImage,
.RedCrossImage {
  background: none;
}

.CompareCoverOptionsSection {
  border: 0 none;
  background-origin: content-box;
  padding: 1rem 0.25rem;
  border-bottom: 1pt solid #cbcbcc;
}

.CompareCoverOptionsText {
  font: 1.1rem/1.5 genesis-regular, "arial";
  padding: 0 0 0.25em 0;
  display: flex;
}
/* .CompareCoverOptionsText:before, */

/* http://www.evotech.net/blog/2007/04/named-html-entities-in-numeric-order/ */
.ProofOfNcdText:before,
.StandardCoversText:before,
.eligibilityTextcontent:before {
  content: "\2022";
  padding-right: 10px;
}

.CompareCoverTAndC {
  font: 12px/1.5 genesis-regular, "arial";
  padding: 1em 0;
}

.CompareCoverCloseButton {
  /*-webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;*/
  font-family: Arial;
  color: #fff;
  font: 1.1rem/1.5 "genesis-regular";
  letter-spacing: 0;
  background: #101820;
  padding: 0 25px;
  text-decoration: none;
  border: none;
  height: 35px;
}

/* end compare cover content styles */

/* start 4 Reasons To Choose Section*/
.FourReasonsContainer {
  /* background-color: #101820; */
  background-color: #fff;
  color: #fff;
  display: none;
}

.FourReasonsHeaderSection {
  letter-spacing: 0;
}

.FourReasonsHeaderSection .FourReasonsHeader1 {
  font: 1.5rem "genesis-regular";
  padding-top: 1.125em;
  /* text-transform: uppercase; */
  color: #101820;
}

.FourReasonsHeaderSection .FourReasonsHeader2 {
  font: 1.5rem "genesis-regular";
  padding-bottom: 1.125em;
  /* text-transform: uppercase; */
}

/* Numbered Heading Style */
/* .FourReasonsNumberSection {
  width: 59px;
  height: 59px;
  font: 34px/22px "genesis-regular";
				 
  border-radius: 50%;
  margin: auto;
  background-color: rgb(162,22,41);
  padding: 17px;
} */

.FourReasonsHeaderText {
  font: 18px/1.5 "genesis-regular";
  letter-spacing: 0;
  color: #101820;
  padding-top: 0.5em;
  text-transform: capitalize;
}

.FourReasonsText {
  font: 1.1rem/1.5 genesis-regular;
  color: #101820;
  padding-top: 0.5em;
}
/* end 4 reasons section styles*/

.CarouselTextColor {
  color: #101820;
}

/* Modal close button style */
.ModalCloseButton {
  background: transparent url("../../../images/close.png") no-repeat scroll
    right 10%;
}

/* Top Progress bar Styles */
.FEAturesCurrentStepStyle {
  color: #101820;
  font: 20px/1.15 "genesis-regular", "arial";
  padding-right: 10px;
  vertical-align: middle;
}

.FEAturesVisitedStepStyle {
  background: transparent no-repeat scroll left center;
  padding: 3px 0 0 0.8em;
  width: 200px;
  height: 31px;
  color: #d9d9d6;
  font: 20px/1.15 "genesis-regular", "arial";
  /*margin-left: 15px;*/
  vertical-align: middle;
  letter-spacing: 0;
}

.FEAturesVisitedStepStyle:nth-child(3) {
  width: 200px;
}

.FEAturesVisitedStepStyle:nth-child(5) {
  width: 200px;
}

.FEAturesFutureStepStyle {
  color: rgba(5, 20, 31, 0.2);
  font: 20px/1.15 "genesis-regular", "arial";
  padding-right: 10px;
}

.FEAturesVisitedIndicatorStyle,
.FEAturesCurrentIndicatorStyle {
  font: 19px "genesis-regular", arial;
  background-color: #000;
  margin: 5px;
  padding: 8px 15px;
  border-radius: 50%;
  color: #fff;
}

.FEAturesVisitedIndicatorStyle {
  background-color: #d9d9d6;
  padding: 8px 15px;
}

.FEAturesFutureIndicatorStyle {
  background-color: white;
  border-radius: 50%;
  padding: 7px 13px;
  margin: 5px;
  font: 20px/1.5 "genesis-regular", arial;
}

.FEAturesSeparatorStyle {
  background: url(../../../images/K1/M&C_Kia_tracker_arrow_desktop.png)
    no-repeat center;
  /* background-repeat: no-repeat; */
  width: 1.1rem;
  vertical-align: middle;
  margin: 0;
}
/* end progress bar styles */

/* Floating Need Help Section styles */
.HelpBox {
  background-color: #000;
  margin: 10% auto;
  width: 85%;
  color: #fff;
}
.TabletMobileHelpBox {
  background-color: #101820;
  padding: 20px;
  /* width: 95%; */
  margin: auto;
  color: #fff;
}
.NeedHelpHeading {
  font: 1.5rem "genesis-head-light", "arial";
  letter-spacing: 0rem;
}

.NeedHelpContactNo {
  font: 1.5rem "genesis-regular", "arial";
  letter-spacing: 0;
  padding-top: 10px;
}

.NeedHelpContentText {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  padding-top: 10px;
}

.callMeBackButton {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  background: #fff;
  color: #000;
  padding: 0 1rem;
  height: 2.5rem;
  border: none;
  /* border-radius: 24px; */
  vertical-align: middle;
  margin-top: 1em;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
/* sharad button animation udpate */
.callMeBackButton:hover {
  color: #fff;
}
.callMeBackButton::after {
  content: "";
  background: #000;
  position: absolute;
  z-index: -1;
  padding: 0.85em 0.75em;
  display: block;
}
.callMeBackButton[class^=""]::after {
  transition: all 0.2s;
}
.callMeBackButton[class^="callMeBackButton"]:hover::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.3s;
  border: 0.1px solid #8b8080;
}

button.callMeBackButton::after {
  top: 0;
  bottom: 0;
  left: -100%;
  right: 100%;
}
/* sharad button animation udpate END*/
.callMeBackButton:hover {
  /* background-color: #fff;
  color: rgba(5,20,31,0.2);
  text-decoration: underline; */
}
/* end floating need help section */

/* Quote Form Question Answer Styles */
.QuoteFormSection {
  /* background-color: rgba(246,246,246,1); */
  /*border: 1px solid #101820;*/
}

.FAQSection {
  padding-left: 0;
  padding-top: 0.25rem;
}

.FormFieldSection {
  padding: 0.75em 0;
  /* border-bottom: 1px solid rgba(5,20,31,0.2); */
}

.ThankyouFieldSection {
  padding: 5px 0;
  border-bottom: 1px solid #fff;
}

.UsefulResourcesFieldSection {
  padding: 15px 0;
}

.FormSection {
  padding: 5px 0;
}

.PopupWrapper {
  margin: 1em 0 1em 0;
}
.FormText, .bodytext {
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #000;
}

.ge-FormText {
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #fff;
}

.FormTextBold {
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #000;
}

.AboutYouSummaryHeader {
  font: 1.2em "genesis-regular", "arial", "helvetica", sans-serif;
  color: #101820;
}

.BasicQuestion {
  font: 1.2em "genesis-regular", "arial", "helvetica", sans-serif;
  color: #101820;
  margin-bottom: 8px;
  width: 100%;
}

.BasicQuestionBold {
  font: 1.2em "genesis-regular", "arial", "helvetica", sans-serif;
  color: #101820;
  margin-bottom: 8px;
  width: 100%;
}

.LeftColumnButton {
  /* width: 38%; */
}
.MiddleColumnButton {
  /* width: 45%; */
}
.RightColumnButton {
  /* width: 17%; */
}

div[id^="row_ansRowQUE_"] {
	padding-bottom: 1em;
}
.BasicAnswerReadOnly {
  font: 1.1rem/1.5 "genesis-regular";
  color: #333;
  padding: 0 0 0 0;
  width: 90%;
  border: 0 none;
}

.BasicAnswerTextField {
  border: 0;
  border-bottom: 2px solid #000;
  outline: none;
  width: 90%;
  font: 1.1rem/1.5 "genesis-regular";
}

.BasicAnswerTextField:focus,
.CompleteAnswerTextFieldWithHelp:focus,
.BasicAnswerTextFieldWithHelp:focus,
.NeedHelpBasicAnswer:focus {
  outline: none;
  border: 0 none;
  border-bottom: 2px solid #996449;
}

.BasicAnswerReadOnlyTextField {
  font: 1.1rem/1.5 "genesis-regular";
  color: #333;
  border: none;
  padding: 0 0 0 0;
  width: 90%;
  margin-bottom: 5px;
  height: var(--base-form-field-height);
}

.BasicAnswerTextFieldReverseBackground {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  color: #333;
  border-bottom: 2px solid rgb(0, 0, 0);
  padding: 0 0 0 0;
  width: 90%;
  margin-bottom: 5px;
  background-color: rgba(246, 246, 246, 1);
  height: var(--base-form-field-height);
}

.BasicRadioButtonField {
  font: 1.1rem/1.5 genesis-regular;
  color: #101820;
  padding: 4px 0;
  width: 35%;
  border: 0 none;
  margin-bottom: 5px;
  height: var(--base-form-field-height);
}

.RowRadioButtonAnswer {
  font: 1.1rem/1.5 genesis-regular;
  color: #101820;
  padding: 4px 0;
  width: auto;
  border: 0 none;
  margin-bottom: 5px;
  min-width: 8rem;
}

.BasicAnswerTextFieldWithHelp {
  border: 0 none;
  border-bottom: 2px solid;
  outline: none;
  width: 90%;
  font: 1.1rem/1.5 "genesis-regular";
}

.CompleteAnswerTextFieldWithHelp {
  border: 0 none;
  border-bottom: 2px solid;
  outline: none;
  width: 94.5%;
  font: 1.1rem/1.5 "genesis-regular";
}

.CompleteAnswer {
  font: 1.1rem/1.5 "genesis-regular";
  color: #333;
  border-bottom: 2px solid rgb(0, 0, 0);
  padding: 0 0 0 0;
  width: 100%;
  margin-bottom: 5px;
  height: var(--base-form-field-height);
}

/* to align help icon */
.FormFieldSection a img {
  vertical-align: middle;
}

.BasicAnswerDropDown {
  font: 1.1rem/1.5 "genesis-regular";
  color: #333;
  /* text-transform: uppercase; */
  width: 88%;
  border-bottom: 2px solid rgb(0, 0, 0);
  padding: 0 0;
  margin-bottom: 5px;
  height: var(--base-form-field-height);
}

.CompleteAnswerDropDown {
  font: 1.1rem/1.5 "genesis-regular";
  color: #333;
  /* text-transform: uppercase; */
  width: 94%;
  border-bottom: 2px solid rgb(0, 0, 0);
  padding: 0 0;
  margin-bottom: 5px;
  height: var(--base-form-field-height);
}

.BasicAnswerDOBDropDown {
  font: 1.1rem/1.5 "genesis-regular";
  color: #333;
  /* text-transform: uppercase; */
  border-bottom: 2px solid rgb(0, 0, 0);
  margin-right: 10px;
  margin-bottom: 5px;
  height: var(--base-form-field-height);
}

select.BasicAnswerDropDown,
select.BasicAnswerDOBDropDown,
select.CompleteAnswerDropDown.verexDropdownImage {
  border-bottom: 2px solid;
}

.RemoveClaimButton {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  background-color: rgba(0, 0, 0, 1);
  color: #fff;
  padding: 5px 20px;
  height: 38px;
  border: medium none;
  /* border-radius: 24px; */
  vertical-align: middle;
  margin-top: 37px;
  text-transform: uppercase;
}

.AddClaimConvictionButton {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  letter-spacing: 0;
  background-color: rgba(0, 0, 0, 1);
  color: #fff;
  padding: 5px 20px;
  height: 38px;
  border: medium none;
  /* border-radius: 24px; */
  vertical-align: middle;
  margin: 15px 0 5px 0;
  text-transform: uppercase;
}

.RoundButton {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  letter-spacing: 0.1em;
  color: #fff;
  min-width: 150px;
  height: 3rem;
  border: 0 none;
  padding: 0 1rem;
  vertical-align: middle;
  margin: 0;
  background: #fff;
  border: 1px solid;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-transform: uppercase;
}

.RoundButton:hover {
  /* text-decoration: underline; */
}

/* sharad button animation udpate */
.RoundButton:hover {
  color: #fff;
}
.RoundButton::after {
  content: "";
  background: #000;
  position: absolute;
  z-index: -1;
  padding: 0.85em 0.75em;
  display: block;
}
.RoundButton[class^=""]::after {
  transition: all 0.2s;
}
.RoundButton[class^="RoundButton"]:hover::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.3s;
  border: 0.1px solid #8b8080;
}

button.RoundButton::after {
  top: 0;
  bottom: 0;
  left: -100%;
  right: 100%;
}
/* sharad button animation udpate END*/

.showReviewButton {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  letter-spacing: 0;
  color: #fff;
  padding: 5px 20px;
  height: 40px;
  border: 0 none;
  /* border-radius: 24px; */
  vertical-align: middle;
  margin: 15px 0 5px 0;
  text-transform: uppercase;
}

.BackButton {
  color: #101820;
  text-transform: uppercase;
}

.NextButton {
  /*rgb(83,86,90)*/
  background: rgba(0, 0, 0, 1);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

/* sharad button animation udpate */
.NextButton:hover {
  color: #000;
}
.NextButton::after {
  content: "";
  background: #fff;
  position: absolute;
  z-index: -1;
  padding: 0.85em 0.75em;
  display: block;
}
.NextButton[class^=""]::after {
  transition: all 0.2s;
}
.NextButton[class^="NextButton"]:hover::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.3s;
  border: 0.1px solid #8b8080;
}

button.NextButton::after {
  top: 0;
  bottom: 0;
  left: -100%;
  right: 100%;
}
/* sharad button animation udpate END*/

.ProgressButton {
	padding: 0 1rem;
}

.RedButton {
  background-color: #000;
  padding: 5px 25px 5px 25px;
}

.BlueButton {
  background-color: rgba(0, 0, 0, 1);
  padding: 5px 25px 5px 25px;
}

.BlackButton {
  background-color: rgb(0, 0, 0);
  padding: 5px 25px 5px 25px;
}

.AdditionalDriverHeading {
  font: 1.5rem genesis-head-light, "arial";
  letter-spacing: 0;
  color: #101820;
  margin-top: 1em;
}

.FindPostCodeButton {
  background-color: rgb(0, 0, 0);
  margin: 10px 0 5px;
}

/* Reviews Screen */
.ReviewText {
  font: 1.5rem genesis-regular, "arial";
  color: #101820;
}

.ReviewerText {
  font: 1.1rem/1.5 genesis-regular, "arial";
  letter-spacing: 0;
  color: rgb(5, 20, 31);
}

.RetrieveQuoteHeading {
  font: 1.875rem "genesis-head-light", "arial";
  color: #101820;
  letter-spacing: 0rem;
  text-transform: uppercase;
}

.RetrieveQuoteHeadingBold {
  font: 1.875rem/1.5 "genesis-head-light", "arial";
  color: #101820;
  text-transform: uppercase;
}

.PolicyDocumentHeading {
  font: 1.875rem "genesis-head-light", "arial";
  color: #101820;
  /* text-transform: capitalize; */
  padding: 0.5em 0;
}

.PolicyDocumentsStartDates {
  font: 12px/1.5 genesis-regular, "arial";
  color: rgb(5, 20, 31);
}
/* FAQ SECTION STYLES */

.FAQHeadingText,
.FAQHeading {
  font: 1.5rem/1.5 "genesis-head-light", "arial";
  color: #101820;
  letter-spacing: 0;
  padding: 1rem 0;
  /* text-transform: capitalize; */
}
.FAQHeadingText {
  /* text-transform: uppercase; */
}
.FAQContentText {
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #101820;
  padding: 5px 0;
}

.ProofOfNcdText {
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #101820;
  padding-left: 0;
  display: flex;
}
.ProofOfNCDHeadingSection {
  padding: 5px 0;
}

.ProofOfNcdSubHeading {
  font: 1.1rem/1.5 "genesis-head-light", "arial";
  /*color: rgb(96,97,100);*/
  padding: 10px 0;
  /* text-transform: capitalize; */
}

.MakeAClaimContentTextBold {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  color: #101820;
  padding: 5px 0;
}

.MakeAClaimContentTextTableRightAlign {
  font: 15px/1.5 genesis-regular, "arial";
  color: #101820;
  padding: 5px 0;
  text-align: right;
  float: right !important;
}

.MakeAClaimContentTextTableCenter {
  font: 15px/1.5 genesis-regular, "arial";
  color: #101820;
  padding: 5px 0;
  text-align: right;
}

.MakeAClaimContentTextTableLeftAlign {
  font: 15px/1.5 genesis-regular, "arial";
  color: #101820;
  padding: 5px 0;
  text-align: left;
  float: left;
}

.formTopSection {
  padding-top: 0.5em;
}

/* FAQ Table style*/

.tblFAQBorder {
  /*text-align: center;*/
  border: 1px solid #101820;
}

.tblFAQHeadingText {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  color: #101820;
}

.tblFAQContentText {
  font: 1.1rem/1.5 ps-light, "arial";
  color: #101820;
  padding-left: 2%;
  vertical-align: top;
}

/* END FAQ Table style*/

/*END FAQ SECTION STYLE */

/* Auto Complete List Style */
.w-form-autocomplete {
  border: 1px solid rgba(5, 20, 31, 0.1);
  cursor: pointer;
  max-height: 200px;
  overflow-y: auto;
  background-color: #f1f1f1;
  font: 1.1rem "genesis-regular", "arial";
  color: #101820;
}

.w-form-autocomplete div {
  padding: 4px 5px;
}

.w-form-autocomplete div:hover {
  background-color: rgba(5, 20, 31, 0.03);
}

.RightBorderDarkRedColor {
  border-right: 1px solid rgb(138, 19, 34);
}

/* QUOTE PRICE PAGE */

/* hide quote price section at the bottom of screen on quote page */
#p1_GRP_C422EB1DBAC4C53039936 {
  display: block;
}
.QuotePriceSection {
  margin-top: 0;
  background-color: #0c0c0c;
  color: #FFF;
  padding: 2em;
}

.QuotePriceSection .QuotePriceHeader1, .QuotePriceSection .bodytext, .QuotePriceSection .VoluntaryExcessAnswerDropDown {
	color: #FFF;
}

.QuotePriceSection .VoluntaryExcessAnswerDropDown {
	border: 1px solid #FFF;
}

.QuotePriceHeader1 {
  font: 1.5rem genesis-regular, "arial";
  letter-spacing: 0;
  color: #101820;
  /* text-transform: uppercase; */
}

.QuotePriceHeader2 {
  font: 20px/1.5 "genesis-regular", "arial";
  letter-spacing: 0;
  color: #101820;
  margin-top: 0.5em;
  /* text-transform: uppercase; */
}

.QuotePriceBreakup {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  color: #101820;
  margin-top: 1em;
}

.YourExcessSection {
  padding: 10px 0;
  border-bottom: 1px solid rgba(5, 20, 31, 0.5);
}

.YourExcessButtonSection {
  padding: 10% 0 0 10%;
}

.RetailerAdminButton {
  background-color: #101820;
}

.VoluntaryExcessAnswerDropDown {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  color: #101820;
  width: 100%;
  border: 1px solid #fff;
  padding: 4px;
}

.VoluntaryExcessAnswerDropDown.verexDropdownImage {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(../../../images/VER_LR_chevron_drop-down.png) no-repeat scroll
    98% 50%;
  padding-right: 30px;
}

.VoluntaryExcessAnswerDropDown > option {
  background-color: transparent;
}
/* Dealer Chat functionality styles */
.DealerLoginChatButton {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  color: #101820;
}
.DealerChatNowButton {
  color: #fff;
  font-size: 20px;
  background: #101820;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width: 90%;
}
.DealerChatNowButton:hover {
  color: #101820;
  background: #fff;
}
.DelaerChatPopupContentText {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  padding-top: 10px;
  color: #101820;
}
.DelaerChatPopupContactNo {
  font: 24px/1.5 "genesis-regular", "arial";
  padding-top: 10px;
  color: #101820;
}
.NeedHelpBasicQuestion {
  font: 1.1rem/1.5 "genesis-regular";
  /* color: #fff; */
  margin-bottom: 0;
  width: 100%;
}
.NeedHelpBasicAnswer {
  border: 0;
  border-bottom: 2px solid;
  outline: 0 none;
  width: 95%;
  font: 1.1rem/1.5 "genesis-regular";
}
.NeedHelpContentText2 {
  padding-top: 10px;
  font: 1.1rem/1.5 "genesis-regular", "arial";
  margin-bottom: 10px;
}
/* STANDARD COVERS TEXT */
.IncludedAsStandardHeader {
  font: 1.5rem "genesis-regular", "arial";
  color: #101820;
}

.StandardCoversText {
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #101820;
  padding-left: 0;
  display: flex;
}

.UsefulResourcesText {
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #101820;
}

.RightAlignedLink {
  float: right;
}
/* Button as link */
.LinkButton,
.YouExcessButton,
.SiteMapLink,
.policyDocumentlinkText,
.DealerResourceLinkButton {
  color: #101820;
  font: 1.1rem/1.5 "genesis-regular", "arial";
  margin-bottom: 0.3em;
  vertical-align: middle;
  text-decoration: none;
  border: 0 none;
}
.YouExcessButton {
  color: black;
  background: transparent url(../../../images/VER_LR_link.png) left center
    no-repeat;
  /* margin-left:15px; */
  text-transform: uppercase;
}

.SiteMapLink {
  font-size: 15px;
  margin-top: 0.5em;
}

.SiteMapLink a {
  text-decoration: none;
}

.LinkButton:hover,
.YouExcessButton:hover,
.DealerResourceLinkButton:hover,
.SiteMapLink a:hover,
.policyDocumentlinkText:hover {
  text-decoration: underline;
}
/* Excess Popup styles*/
.ExcessPriceHeading {
  border: 1px solid #fff;
  width: 100%;
  height: 35px;
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #FFF;
}

.ExcessPopupHeaderStyle1 {
  font: 1.5rem "genesis-regular", "arial";
  letter-spacing: 0rem;
  /* text-transform: uppercase; */
  margin: 1em 0 0.5em 0;
  color: #101820;
}

.ExcessPopupHeaderStyle2 {
  font: 20px/1.5 "genesis-regular", "arial";
  letter-spacing: 0;
  /* text-transform: uppercase; */
  margin: 0.5em 0;
  color: #101820;
}

.ExcessPopupContentText {
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #101820;
  margin-bottom: 0.5em;
}

.DriverTableRow {
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #101820;
  border-bottom: 1px solid #101820;
}

.DriverTableExcessAmount {
  float: right;
}

.DriverTableWrapper .DriverTableRow:last-of-type {
  border: none 0;
}
/* end excess popup styles */

/* Quote Referral Page */
.referralHeader {
  font: 1.875rem "genesis-regular", "arial";
  color: #101820;
  letter-spacing: 0rem;
}

.referralBody {
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #101820;
}

.referralCallUs {
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #101820;
}
/* end referral page styles */

/* Quote Protection Page Styles */

.DealerHomePageHeader,
.QuoteProtectionPageHeader {
  font: 1.875rem "genesis-head-light", "arial";
  /* text-transform: uppercase; */
  color: #101820;
}
.QuoteProtectionPriceSection {
  background-color: #ffffff;
  width: 98%;
}
.QuoteProtectionTableHeader {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  color: #101820;
  width: 98%;
}
.QuoteProtectionTableHeaderSelected {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  color: white;
  background-color: #101820;
  letter-spacing: 0;
  width: 98%;
}
.QuoteProtectionTableOptions {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  color: #101820;
}
.QuoteProtectionKeyFacts {
  font: 12px/1.5 "genesis-regular", "arial";
  color: #101820;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url(../../../images/K1/M&C_Kia_link.png);
  padding-left: 10px;
}
.QuoteProtectionSelectionR1C2,
.QuoteProtectionSelectionR2C2,
.QuoteProtectionSelectionR3C2 {
  background: #fff url(../../../images/K1/M&C_Kia_tracker_tick.png) center
    center no-repeat;
  padding: 82% 0;
  width: 98%;
}
.QuoteProtectionSelectionR2C2 {
  padding: 53% 0;
}
.QuoteProtectionSelectionR3C2 {
  padding: 65% 0;
}

.QuoteProtectionSelectedPackageR1C2,
.QuoteProtectionSelectedPackageR2C2,
.QuoteProtectionSelectedPackageR3C2 {
  background: #101820 url(../../../images/K1/M&C_Kia_tick_white.png) center
    center no-repeat;
  padding: 82% 0;
  width: 98%;
}
.QuoteProtectionSelectedPackageR2C2 {
  padding: 53.4% 0;
}

.QuoteProtectionSelectedPackageR3C2 {
  padding: 47% 0;
}

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

.LegalOptionPadding {
  padding-top: 1rem;
  padding-left: 2rem;
}
.LegalPrice {
  font: 1.15rem "genesis-regular", "arial";
  color: #101820;
}

.KeyCoverOptionPadding {
  padding-top: 1rem;
  padding-left: 2rem;
}

.CourtesyCarOptionPadding {
  padding-top: 2.75rem;
  padding-left: 0.5rem;
}

.QuoteProtectionAddButton {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  letter-spacing: 0;
  color: #fff;
  padding: 5px 20px;
  height: 36px;
  border: medium none;
  /*border-radius: 24px;*/
  vertical-align: middle;
  margin: 5px 0 5px 0;
  background-color: #101820;
  padding: 5px 25px 5px 25px;
}
.QuoteProtectionRemoveButton {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  letter-spacing: 0;
  color: #fff;
  padding: 5px 20px;
  height: 36px;
  border: medium none;
  /*border-radius: 24px;*/
  vertical-align: middle;
  margin: 5px 0 5px 0;
  background-color: #101820;
  padding: 5px 15px 5px 15px;
}
.QuoteProtectionPriceHeading {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  color: #101820;
  width: 100%;
}
.QuoteProtectionPackagePrice {
  font: 1.3rem/1.5 "genesis-regular", "arial";
  color: #101820;
  width: 100%;
}
.QuoteProtectionSelectedPackagePrice {
  font: 1.3rem/1.5 "genesis-regular", "arial";
  color: white;
  width: 100%;
}
.QuoteProtectionSelectedSection {
  background-color: #101820;
  width: 98%;
}
.QuoteProtectionSavePercent {
  font: 15px/1.5 "genesis-regular", "arial";
  color: #101820;
}
.QuoteProtectionSelectedSavePercent {
  font: 15px/1.5 "genesis-regular", "arial";
  color: white;
}
.QuoteProtectionEmptySectionWhite {
  width: 98%;
  height: 16em;
  background-color: white;
}
.QuoteProtectionEmptySectionBlue {
  width: 98%;
  height: 16em;
  background-color: #101820;
}

.QuoteFieldSection {
  /*padding: 5px 0;*/
  border-bottom: 1px solid rgba(5, 20, 31, 0.1);
}
.QuoteProtectionTickTopPadding {
  padding-top: 20px;
}
/* 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: white;
  text-align: center;
  vertical-align: top;
  padding: 5px;
}

.ResultsTable tr {
  background: transparent white;
  font: 1.1rem/1.5 "genesis-regular", "arial";
  text-align: center;
  color: #101820;
}

.ResultsTable th {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  color: #101820;
  letter-spacing: 0;
  vertical-align: bottom;
  padding-bottom: 5px;
  /* text-transform: uppercase; */
}

*.ResultsTable th:last-child {
  background-color: #101820;
  color: #fff;
  font: 1.1rem/1.5 "genesis-regular", "arial";
  letter-spacing: 0;
}

.ResultsTable *.BlackCol {
  background-color: #101820;
  color: #fff;
  font: 12px/1.5 "genesis-regular", "arial";
  letter-spacing: 0;
}

.ResultsTable td:last-child {
  background-color: #101820;
  color: #fff;
}

.ActionsLink {
  background: transparent url(../../../images/VER_LR_link.png) left top
    no-repeat;
  height: auto;
  width: auto;
  padding-left: 10px;
  font-size: 12px;
  line-height: 1.5;
  font-family: "genesis-regular", "arial";
  letter-spacing: 0;
  text-align: left;
}

.GroupColSpan {
  border-bottom: 1px solid #101820;
  padding-bottom: 1px;
}
.navRow {
  height: 50px;
  text-align: center;
  margin-top: 20px;
}

.navItem {
  display: inline-block;
  height: 15px;
  padding: 10px;
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: rgba(5, 20, 31, 0.2);
}

span.navItem {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  color: #101820;
}

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

.navItem:first-child {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  letter-spacing: 0;
  color: #fff;
  padding: 5px 20px;
  height: 36px;
  border: medium none;
  /*border-radius: 24px;*/
  vertical-align: middle;
  background: #101820 url("../../../images/K1/M&C_Kia_back.png") 6% center
    no-repeat;
  padding: 9px 25px 9px 45px;
}

.navItem:last-child {
  float: right;
  font: 1.1rem/1.5 "genesis-regular", "arial";
  letter-spacing: 0;
  color: #fff;
  padding: 5px 20px;
  height: 36px;
  border: medium none;
  /*border-radius: 24px;*/
  vertical-align: middle;
  background: #101820;
  padding: 9px 45px 9px 25px;
}
/* End Dealer Admin Page Search Results Table Styles */

/*Almost There - confirmation page */
.pageHeading {
  font: 1.875rem "genesis-head-light", "arial";
  color: #101820;
  letter-spacing: 0;
  /* text-transform: uppercase; */
}

.eligibilityTextcontent {
  letter-spacing: 0;
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #101820;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  display: flex;
}

.almostThereformTopSection {
  padding-top: 30px;
}

.eligibilityTextcontentWithoutTick {
  letter-spacing: 0;
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #101820;
  padding-top: 13px;
  padding-bottom: 18px;
}

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

/*Payment page styles */

/* Make the section as flex so that we can order the items within it */
#p1_GRP_820A677763093AA382082,
#p1_GRP_820A677763093AA381993 {
  display: flex;
  flex-direction: column;
}

/* Display monthly price first */
#FMT_820A677763093AA382937,
#FMT_820A677763093AA382966 {
  order: 2;
}

/* Display annual price second */
#FMT_820A677763093AA382909,
#FMT_820A677763093AA382895 {
  order: 1;
}

.SelectedPaymentTextColumn {
  width: 80%;
}

.UnselectedPaymentTextColumn {
  width: 80%;
}

.paymentHeading {
  font: 1.2rem/1.5 "genesis-head-light", "arial";
  color: #101820;
  letter-spacing: 0;
  padding-bottom: 5px;
}
.paymentText {
  letter-spacing: 0;
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #101820;
  padding-bottom: 18px;
}

.paymentText {
  letter-spacing: 0;
  font: 1.1rem/1.5 "genesis-regular", "arial";
  color: #101820;
  padding-bottom: 18px;
}

.paymentWhiteSection {
  background-color: rgba(255, 255, 255, 1);
  padding: 25px;
}
.promotionalCodeSection {
  background-color: rgba(255, 255, 255, 1);
  padding: 25px;
}
.paymentWhiteSectionHeading {
  font: 1.2rem/1.5 "genesis-head-light", "arial";
  color: rgba(5, 20, 31, 1);
  letter-spacing: 0;
  padding-bottom: 5px;
}
.paymentWhiteSectionText {
  letter-spacing: 0;
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: rgba(5, 20, 31, 1);
  padding-bottom: 18px;
}
.paymentRedSectionHeading {
  font: 1.2rem/1.5 "genesis-head-light", "arial";
  color: rgba(255, 255, 255, 1);
  letter-spacing: 0;
  padding-bottom: 5px;
}
.paymentRedSectionText {
  letter-spacing: 0;
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: rgba(255, 255, 255, 1);
  padding-bottom: 18px;
}
.paymentRedSection {
  background-color: rgba(0, 0, 0, 1);
  padding: 25px;
}
.paymentBorder {
  border: 1px solid rgba(5, 20, 31, 0.1);
}
.paymentTopSection {
  padding-top: 30px;
  padding-bottom: 25px;
}
.tickImagedisplay {
  clear: both;
  height: 2em;
  width: 2em;
  /*float: right;*/
  padding: 20px 30px;
}
.paymentQuestion {
  font: 1.4em/1.5 "genesis-regular", "arial";
  color: #101820;
  letter-spacing: 0;
  width: 62%;
}
.whiteSection {
  background-color: rgba(255, 255, 255, 1);
  padding: 9px 25px 19px 25px;
}
.RoundButtonPayment {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  letter-spacing: 0rem;
  color: #fff;
  padding: 5px 20px;
  height: 36px;
  border: medium none;
  /*border-radius: 24px;*/
  vertical-align: middle;
  /*   margin: 15px 0 5px 0;*/
}
.PaymentRadioButtonField {
  font: 1.1rem/1.5 genesis-regular;
  color: #101820;
  width: 100%;
  border: 0 none;
}

/* Thank you page */
.thankYouBlueSection {
  background-color: #fff;
  margin-bottom: 1em;
}

.quoteProtectionCustomPriceSection {
  background-color: #101820;
}

.thankYouRedBoldText {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  color: #101820;
  padding-bottom: 5px;
}
.thankYou30WhiteBoldHeading {
  font: 1.5rem "genesis-head-light", "arial";
  color: #101820;
  padding-bottom: 5px;
}
.thankYou16WhiteLightText {
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #101820;
  padding: 4px 0 0 0;
}
.thankYou18LightTextGrey {
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #101820;
  padding-bottom: 5px;
}
.paddingleft30px {
  padding-left: 30px;
}
.paddingright30px {
  padding-right: 30px;
}
.paddingbottom25px {
  padding-bottom: 25px;
}
.paddingtop23px {
  padding-top: 23px;
}

/* Dealer login page */

.DealerFormFieldsWrapper {
  margin: 1% 20%;
}

.DealerLoginConfirmationCol1 {
  width: 5%;
  font: 1em/1.5 genesis-regular, "arial";
  color: #101820;
}

.DealerLoginConfirmationCol2 {
  width: 95%;
  font: 1em/1.5 genesis-regular, "arial";
  color: #101820;
}

.DealerLoginSubHeading {
  font: 1em/1.5 genesis-head-light, "arial";
  color: #101820;
}

/* COOKIE, PRIVACY AND TERMS OF USE STYLES */
.privacyPolicy h1 {
  font: 1.875rem genesis-bold, arial;
  color: #101820;
  text-align: left;
  /* text-transform: uppercase; */
  padding: 0;
}

.privacyPolicy h2 {
  font: 1.5rem/1.5 genesis-bold, "arial";
  color: #101820;
  text-align: left;
  margin-top: 10px;
}

.privacyPolicy p,
.privacyPolicy pre {
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #101820;
  padding-top: 8px;
  text-align: left;
  word-spacing: 1px;
}

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

.privacyPolicy ul,
.privacyPolicy ol {
  padding-left: 20px; /* DO WE NEED ??*/
  /*text-indent: -1em;*/
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #101820;
  padding-top: 8px;
  text-align: left;
}

.privacyPolicy li {
  list-style-position: outside;
  margin-bottom: 0.5em;
}

.termsOfUse h1 {
  font: 1.875rem genesis-bold, "arial";
  color: #101820;
  text-align: left;
  /* text-transform: uppercase; */
  padding: 0;
}

.termsOfUse h2 {
  font: 1.5em/1.5 genesis-bold, "arial";
  color: #101820;
  text-align: left;
  margin-top: 10px;
}

.termsOfUse p {
  font: 1.3em/1.5 genesis-regular, "arial";
  color: #101820;
  padding-top: 8px;
  text-align: left;
}

.termsOfUse ul,
.termsOfUse ol {
  padding-left: 20px;
  /*  text-indent: -1em; */
  font: 1.3em/1.5 genesis-regular, "arial";
  color: #101820;
  padding-top: 8px;
  text-align: left;
}

.termsOfUse li {
  list-style-position: outside;
}
.cookiePolicy h1 {
  font: 1.875rem genesis-bold, arial;
  color: #101820;
  text-align: left;
  /* text-transform: uppercase; */
  padding: 0;
}

.cookiePolicy h2 {
  font: 1.5em/1.5 genesis-bold, "arial";
  color: #101820;
  text-align: left;
  margin-top: 10px;
}

.cookiePolicy p {
  font-family: genesis-regular, arial;
  font-size: 1.1rem;
  color: #101820;
  padding-top: 8px;
  text-align: left;
}

.cookiePolicy ul,
.cookiePolicy ol {
  padding-left: 20px;
  /*  text-indent: -1em; */
  font-family: genesis-regular, arial;
  font-size: 1.1rem;
  color: #101820;
  padding-top: 8px;
  text-align: left;
}

.cookiePolicy li {
  list-style-position: outside;
}

.cookiePolicy table tr {
  font-family: genesis-regular, arial;
  font-size: 1.1rem;
  color: #101820;
}
/* END */

.modal-content table {
  width: 80%;
}

.modal-content td {
  width: 150px;
  vertical-align: top;
}

input,
select,
textarea,
button {
  border: 0 none;
  outline: 0;
}

div.hr {
  border-top: 1px solid gray;
  padding: 0;
}

.GlobalFont {
  font-size: 1.1rem;
  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

.Color1 {
  color: #636363;
}

.Color2 {
  color: #7f679b;
}

.Color3 {
  color: White;
}

.ErrorColor {
  color: #ff0034;
}

.BgColor1 {
  background-color: #f7f7f7;
}

.BgColor2 {
  background-color: #ebebeb;
}

.BgColor3 {
  background-color: #beafd0;
}

.ErrorBgColor {
  background-color: #ffe8e8;
}

.VVLargeFont {
  font-size: 2em;
  font-style: normal;
}

.VLargeFont {
  font-size: 1.5em;
  font-style: normal;
}

.LargeFont {
  font-size: 1.2em;
}

.MediumFont {
  font-size: 1em;
}

.SmallFont {
  font-size: 0.9em;
}

.VSmallFont {
  font-size: 0.8em;
}

.VVSmallFont {
  font-size: 0.6em;
}

.Underline {
  text-decoration: underline;
}

.Bold {
  font-weight: bold;
}

.Italic {
  font-style: italic;
}

.NotDisplayed {
  display: none;
}

.VShortAnswer {
  width: 7em;
}

.ShortAnswer {
  width: 9em;
}

.LongAnswer {
  width: 17em;
}

.VLongAnswer {
  width: 27em;
}

.CenteredLayout {
  margin-left: auto;
  margin-right: auto;
}

.TextAlignCenter {
  text-align: center;
}

.VAlignCenter {
  vertical-align: middle;
}

.NoDecoration {
  text-decoration: none;
}

.DivAdjustment {
  margin-top: 0.4em;
}

.phase {
}

.roundedtop {
  /*width: 808px;
background-color: #fff;
border-left: 1px solid #c9c9c9;
border-right: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;
box-shadow: 5px 5px 10px #c9c9c9;
padding: 15px;
border-radius:20px 20px 20px 20px; */
}

.QuestionRow {
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #fff;
  padding: 6px 20px 6px 10px;
}

.TextAlign {
  text-align: left;
}

.nowrap {
  white-space: nowrap;
}

.font14 {
  font-size: 10pt;
}

.VisitedProgressStep {
  margin-top: 6px;
  background: url("../../../images/LD/VisitedProgress.png") no-repeat right;
  opacity: 0.5;
  width: 165px;
  height: 25px;
  text-align: center;
  line-height: 30px;
}

.CurrentProgressStep {
  box-sizing: border-box;
  background: url("../../../images/LD/CurrentProgress.png") no-repeat right;
  height: 35px;
  width: 165px;
  text-align: center;
  line-height: 43px;
}

.FutureProgressStep {
  box-sizing: border-box;
  margin-top: 6px;
  background: url("../../../images/LD/VisitedProgress.png") no-repeat right;
  opacity: 0.5;
  width: 165px;
  height: 25px;
  text-align: center;
  line-height: 30px;
}

.TrailStep {
  padding: 4px;
}

.TablePadding {
  padding-top: 6px;
  padding-bottom: 6px;
}

.TableNavigator {
  text-align: center;
}

.TablePaging {
  text-align: right;
}

.StandardTabUnselected {
  width: 10em;
  height: 1.8em;
  border-top: solid 0.06em #919b9c;
  border-left: solid 0.06em #919b9c;
  border-right: solid 0.06em #919b9c;
  text-align: center;
  padding: 4px;
  z-index: 0;
}

.StandardTabSelected {
  width: 10em;
  height: 1.8em;
  border-top: solid 0.06em #919b9c;
  border-right: solid 0.06em #919b9c;
  border-left: solid 0.06em #919b9c;
  text-align: center;
  padding: 4px;
}

.StandardTabPane {
  display: none;
  border-top: solid 0.06em #919b9c;
  border-right: solid 0.06em #919b9c;
  border-left: solid 0.06em #919b9c;
  border-bottom: solid 0.06em #919b9c;
  width: 99%;
  padding: 4px;
}

.autoCompleteListDefault {
  background-color: window;
  color: graytext;
  text-align: left;
  border: 0.07em solid gray;
  padding: 0.12em 1em 0.12em 0.12em;
  width: 300px;
}

html > body *.autoCompleteListDefault {
  width: auto;
}

.autoCompleteItemDefault,
*.autoCompleteListDefault div:hover {
  color: highlighttext;
  background-color: highlight;
}

.LeftAlignedImage {
  background-repeat: no-repeat;
  background-position: left center;
  background-color: Transparent;
  overflow: visible;
  padding-left: 20px;
  padding-right: 0;
  border: 0;
}

.RightAlignedImage {
  background-repeat: no-repeat;
  background-position: right center;
  background-color: Transparent;
  overflow: visible;
  padding-left: 0;
  padding-right: 20px;
  border: 0;
}

.BackArrow {
  background-image: url(../../images/BackArrow.gif);
}

.ForwardArrow {
  background-image: url(../../images/ForwardArrow.gif);
}

.ActionArrow {
  background-image: url(../../images/ActionArrow.gif);
}

.confirmheading {
  width: 790px;
}

.paymentheadingpadding {
  padding-bottom: 5px;
  padding-top: 2px;
  padding-left: 8px;
}

.Header {
  background: url(../../../images/LD/Logo.png) top left no-repeat;
  width: 120px;
  height: 125px;
  position: relative;
  text-align: left;
}
.HeaderName {
  height: 76px;
  text-align: left;
  padding-top: 14px;
}

.LargeBold {
}

.Button,
.SecondaryButton {
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  /* border-radius: 5px; */
  margin: 0 0 5px 5px;
  font-size: 0.8em;
  min-height: 30px;
  line-height: 30px;
  text-align: center;
  width: auto;
  padding-right: 39px;
  width: auto;
  border: none;
  background-color: #f7f7f7;
  color: #e05206;
  /* text-transform: uppercase; */
  font-weight: bold;
  font-family: sans-serif;
  cursor: pointer;
  margin-left: 0;
  background-image: url(../../../images/LD/home-button.gif);
  margin-top: 6px;
  background-position: right center;
  background-repeat: no-repeat;
  margin-left: 12px;
}

/*
.BackButton {
text-align: right;
padding-left: 35px;
padding-right: 10px;
background-image: url(../../../images/LD/home-button-bk.gif);
background-position: left center;
}
*/

.ButtonAsRadioSelected {
  display: inline-block;
  width: auto;
  text-decoration: none;
  border: 0 none;
  padding-top: 5px;
  border-radius: 12px;
  background: none repeat scroll 0 0 green;
  color: white;
  cursor: pointer;
}

.ButtonAsRadioUnSelected {
  display: inline-block;
  width: auto;
  text-decoration: none;
  border: 0 none;
  padding-top: 5px;
  border-radius: 12px;
  background: none repeat scroll 0 0 white;
  color: white;
  cursor: pointer;
}

@font-face {
  font-family: "lr_bold";
  src: url("fonts/landroverbldl-webfont.woff") format("woff");
  font-weight: bold;
}

.H1Landrover {
  font-size: 40px;
  text-transform: uppercase;
  margin: 0;
  line-height: 40px;
  padding-bottom: 4px;
  color: #00173a;
  font-family: lr_bold, arial;
  font-weight: normal;
}

.tableBordered {
  border: 1px solid #349bd6;
}

.tableRowMediumGrey {
  background-color: #7cc1ea;
  color: rgb(45, 54, 57);
}

.tableRowMediumGrey th {
  color: rgb(45, 54, 57);
  border-bottom: 1px solid #349bd6;
}

*.tableRowMediumGrey div {
  color: rgb(45, 54, 57);
  font-weight: normal;
  font-size: 14px;
}

.tableRowLightGrey {
  background-color: #b2daf3;
}

.useDash li {
  list-style-type: none;
  padding: 4px 0 4px 9px;
  background: url("../../../images/LD/Hyphen.png") left 0.8em no-repeat;
}

td.title {
  width: 180px;
}

.RoundedCornerColumnSelected {
  background-color: #dce6f2;
  border-left: 2px;
  border-right: 2px;
  border-top: 2px;
  border-bottom: 2px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-style: solid;
  border-color: #5a7ba3;
  border-width: 1px;
  height: 107px;
}

.RoundedCornerColumnUnSelected {
  background-color: #c6d9f1;
  border-left: 2px;
  border-right: 2px;
  border-top: 2px;
  border-bottom: 2px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-style: solid;
  border-color: #51729c;
  border-width: 1px;
  height: 107px;
}

.ButtonAsRadioColumn {
  padding-top: 30px;
  margin-right: -5px;
}

.paymentOptionSubHeading {
  padding-left: 20px;
}

.RightSideColumn {
  border-left: 2px;
  border-right: 2px;
  border-top: 2px;
  border-bottom: 2px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-style: solid;
  border-color: grey;
}

.lineSpacing {
  border-style: solid;
  border-width: 1px;
  border-color: #d0cbb4;
}

.lineSpacing:focus {
  border-color: #eb5812;
}

.RequestCallBackSection {
  border-style: solid;
  border-color: #f0eee1;
  border-width: 5px;
}

.OptionalCoverColumn {
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  height: 60px;
}

.OptionalGuarnteedHireCoverColumn {
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  height: 80px;
}

.OptionalGuranteedHireCarCoverPrice {
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  height: 80px;
}

.OptionalCoverPrice {
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  height: 60px;
}

.topBorder {
  border-top: 1px solid black;
}

.coverSubHeading {
  padding-left: 4px;
  padding-bottom: 4px;
}

.coverTableBordered {
  border-right: 1px solid #c9c9c9;
  border-left: 1px solid #c9c9c9;
  border-top: 1px solid #c9c9c9;
  margin-right: 20px;
}

.coverTableColumnValueBordered {
  border-right: 1px solid #c9c9c9;
}

.coverTableColumnBordered {
  border-right: 1px solid #c9c9c9;
}

#COL_5CA1026BDC7C042A378692_R4,
#COL_5CA1026BDC7C042A378688_R4 {
  height: 76px;
}

#COL_5CA1026BDC7C042A378692_R5,
#COL_5CA1026BDC7C042A378688_R5 {
  height: 98px;
}

#COL_5CA1026BDC7C042A378692_R1,
#COL_5CA1026BDC7C042A378692_R2,
#COL_5CA1026BDC7C042A378692_R3,
#COL_5CA1026BDC7C042A378688_R1,
#COL_5CA1026BDC7C042A378688_R2,
#COL_5CA1026BDC7C042A378688_R3 {
  height: 61px;
}

#FMT_5CA1026BDC7C042A378710_R5 {
  border-bottom: 1px solid #c9c9c9;
}

.useDashForStandardCover li {
  list-style-type: none;
  padding: 4px 0 0 4px;
}

.modal-wrapper {
  border-radius: 1px;
}

.cursorPointer {
  cursor: pointer;
}
/* tick mark display issue after answering the question hence commented it 24-Jun-2015
.statusValid {
	background: transparent url(../../../images/TickCross.png) no-repeat scroll 785px 6px;
}
.statusInValid {
	background: transparent url(../../../images/TickCross.png) no-repeat scroll 785px -75px;
}*/

.cookiePolicySection {
  background-color: #101820;
  display: none;
}

.cookieContentWidth {
  -webkit-box-sizing: border-box;
  width: -moz-calc(100% - 81px);
  width: -webkit-calc(100% - 81px);
  width: calc(100% - 81px);
  padding: 25px;
}

.leftCoulmnAnswerWidth {
  -webkit-box-sizing: border-box;
  width: -moz-calc(100% - 14px);
  width: -webkit-calc(100% - 14px);
  width: calc(100% - 14px);
  height: 35px;
  padding: 0;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  color: #101820;
  border: none;
  font-family: genesis-regular;
}

.CompleteAnswerWithHelpIcon {
  width: -moz-calc(100% - 50px);
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  color: #101820;
  padding: 0;
  border: none;
  font-family: genesis-regular;
}

.DropDownAnswerWithHelpIcon {
  width: -moz-calc(100% - 42px);
  width: -webkit-calc(100% - 42px);
  width: calc(100% - 42px);
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  color: #101820;
  padding: 0;
  border: none;
  font-family: genesis-regular;
}

.CompleteErrorAnswerWithHelpIcon {
  width: -moz-calc(100% - 54px);
  width: -webkit-calc(100% - 54px);
  width: calc(100% - 54px);
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  color: #101820;
  padding: 0;
  border: none;
  font-family: genesis-regular;
}

.CompleteAnswerControl {
  width: -moz-calc(100% - 8px);
  width: -webkit-calc(100% - 8px);
  width: calc(100% - 8px);
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  color: #101820;
  padding: 0;
  border: none;
  font-family: genesis-regular;
  height: 35px;
  padding-left: 8px;
}

.CompleteDropDownAnswerControl {
  width: 100%;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  color: #101820;
  padding: 0;
  border: none;
  font-family: genesis-regular;
  height: 35px;
  padding-left: 8px;
}

.PhaseHeaderStyle {
  font: 1.875rem "genesis-head-light", "arial";
  text-transform: uppercase;
  color: #fff;
  padding-left: 4em;
  /* text-shadow: 0 0 7px rgba(51, 51, 51, 0.4); */
  position: absolute;
  top: 1em;
  left: 0;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

.webCenterColoumWidth {
  width: 49%;
  /*min-width:720px;
	padding: 20px 0 0 1.75%; */
}

.webLeftSideColoumWidth {
  -webkit-box-sizing: border-box;
  width: -moz-calc(50% - 360px);
  width: -webkit-calc(50% - 360px);
  width: calc(50% - 360px);
}

.webRightSideColoumWidth {
  -webkit-box-sizing: border-box;
  width: -moz-calc(50% - 360px);
  width: -webkit-calc(50% - 360px);
  width: calc(50% - 360px);
}

input[type="checkbox"] {
  border: 0;
}

/*
input[type="checkbox"] {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

input[type='checkbox'] + label {
padding-left: 25px;
background-image: url(../../../images/K1/Kia_Check_Box_Background.png);
background-repeat: no-repeat;
}

input[type="checkbox"]:checked + label {
padding-left: 25px;
background-image: url(../../../images/K1/M&C_Kia_tick_green.png), url(../../../images/K1/Kia_Check_Box_Background.png);
background-repeat: no-repeat;
}
*/

input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

input[type="radio"] + label {
  padding-left: 25px;
  background: transparent url(../../../images/RadioButton.png) no-repeat left
    center;
  background-size: contain;
}

input[type="radio"]:checked + label {
  padding-left: 25px;
  background-image: url(../../../images/RadioButton-Selected.png);
  background-repeat: no-repeat;
}

input[type="radio"] + label[for^="Payment_Radio"] {
  padding-left: 25px;
  background-image: url(../../../images/RadioButton-onWhite.png);
  background-repeat: no-repeat;
  background-size: 18px 18px;
}

input[type="radio"]:checked + label[for^="Payment_Radio"] {
  padding-left: 25px;
  background-image: url(../../../images/RadioButton-onWhite-selected.png);
  background-repeat: no-repeat;
  background-size: 19px 19px;
}
/* Ravikishore
select[id="QUE_D151909C99D46F53113643"], option[id*="QUE_D151909C99D46F53113643"] {font-family:genesis-regular;   background-image: url(../../../images/LD/Grey-very-dark_background_texture);
    background-repeat: repeat; background-color:black;} */

input[type="radio"]:required + label {
  padding-left: 25px;
  background-image: url(../../../images/RadioButtonError.png);
  background-repeat: no-repeat;
}

.helpDiv {
  position: static;
  display: none;
  margin-top: -14px;
}

.helpDiv2 {
  position: static !important;
}

.helpLink {
  height: 1.5em;
  border-right: 1.5pt solid #101820;
  margin-right: 0.65em;
  /* margin-top: -0.8em; */
}

.HelpIcon img {
  float: right;
}

.HelpContentBox {
  background-color: #000;
  padding: 10px 8px;
  font: 14px/18px genesis-regular, "arial";
  color: #fff;
}

.HelpContentBox ul,
.HelpContentBox li,
.HelpContentBox ol li {
  list-style-position: inside;
  padding-left: 14px;
  text-indent: -1em;
}

.loader {
  font-size: 10px;
  margin: 2em auto;
  text-indent: -9999em;
  width: 7em;
  height: 7em;
  border-radius: 50%;
  background: #ffffff;
  background: -moz-linear-gradient(
    left,
    rgb(0, 0, 0) 10%,
    rgba(255, 255, 255, 0) 42%
  );
  background: -webkit-linear-gradient(
    left,
    rgb(0, 0, 0) 10%,
    rgba(255, 255, 255, 0) 42%
  );
  background: -o-linear-gradient(
    left,
    rgb(0, 0, 0) 10%,
    rgba(255, 255, 255, 0) 42%
  );
  background: -ms-linear-gradient(
    left,
    rgb(0, 0, 0) 10%,
    rgba(255, 255, 255, 0) 42%
  );
  background: linear-gradient(
    to right,
    rgb(0, 0, 0) 100%,
    rgba(255, 255, 255, 0) 9px
  );
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  box-shadow: 0 0 7px rgba(61, 70, 87, 0.4);
  transform: translateZ(0);
}

.loader:before {
  width: 50%;
  height: 50%;
  background: #fff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  box-shadow: 0 0 7px rgba(61, 70, 87, 0.4);
}

.loader:after {
  background: #fff;
  width: 70%;
  height: 70%;
  border-radius: 50%;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  box-shadow: 0 0 7px rgba(61, 70, 87, 0.4);
}

@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#COL_07E407314E560221108808 {
  width: 22%;
}

#COL_07E407314E560221108820 {
  width: 78%;
}

#COL_07E407314E560221108812 {
  width: 25%;
}

#COL_07E407314E560221108824 {
  width: 32%;
}

#COL_07E407314E560221108828 {
  width: 42%;
}

#POPUP_20F3D1FD9D33F753105272 {
  position: fixed;
  z-index: 1002;
  width: 30%;
  height: 520px;
  top: 20%;
  left: 35%;
  padding: 30px;
  background-color: #ffffff;
}

.paymentColumnPadding {
  margin-left: -28px;
}

.WebOnly {
  display: block;
}

.compareDescription {
  /*	margin: 20px 0 20px 0 ;*/
}

.repeatBg {
  background-image: url(../../../images/bg-low-opacity-seperator.png),
    url(../../../images/bg-low-opacity-seperator.png),
    url(../../../images/bg-low-opacity-seperator.png);
  background-repeat: repeat-y;
  background-position: 33% top, 66% top;
}

.ReasonsToChooseForColumn1 {
  /* width:24%; */
  width: 33%;
}
.ReasonsToChooseForColumn2 {
  width: 25%;
  display: none;
}
.ReasonsToChooseForColumn3 {
  /* width:27%;	 */
  width: 33%;
}
.ReasonsToChooseForColumn4 {
  /* width:24%;	 */
  width: 33%;
}

.tabletCookie {
  display: none;
}

.statusValid {
  background: transparent;
}

.statusInValid {
  background: transparent;
}
/* Slideout styles for Tablet and mobile*/

.SlideOutButtonImage {
  content: url("../../../images/VER_mobile_hamburger_white.png");
  background-image: url(../../../images/VER_mobile_hamburger_white.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 42px;
  height: 30px;
  border: 0 none;
}
.SlideoutSection {
  background-color: #0c0c0c;
  height: 100%;
}
.SlideoutCloseButtonSection {
  border-bottom: 1px solid #fff;
}
.SlideoutCloseButton {
  font: 13px/1.5 "genesis-regular", "arial";
  color: #101820;
  background-color: #e2e2e2;
  /*border-radius: 24px;*/
  border: 0 none;
  letter-spacing: 0;
  width: 68px;
  height: 36px;
  margin: 10px 0 10px 0;
}

.SlideOutLeftMargin {
  margin-left: 1em;
}
.SlideOutMenuItem {
  font: 13px/1.5 "genesis-regular";
  color: white;
  padding: 10px 0 5px 5px;
  vertical-align: middle;
  display: flex;
}
/* .SlideoutMenuQuoteImage{
	background: url(../../../images/K1/M&C_Kia_navigation_quote.png) no-repeat scroll 0 50%;
}
.SlideoutMenuRetrieveImage{
	background: url(../../../images/K1/M&C_Kia_navigation_retrieve.png) no-repeat scroll 0 50%;
}
.SlideoutMenuExistingImage{
	background: url(../../../images/K1/M&C_Kia_navigation_existing.png) no-repeat scroll 0 50%;
}
.SlideoutMenuReviewsImage{
	background: url(../../../images/K1/M&C_Kia_navigation_reviews.png) no-repeat scroll 0 50%;
}
.SlideoutMenuOurCoverImage{
	background: url(../../../images/K1/M&C_Kia_navigation_cover.png) no-repeat scroll 0 50%;
}
.SlideoutMenuHomeImage{
	background: url(../../../images/K1/M&C_Kia_navigation_home.png) no-repeat scroll 0 50%;
}
.SlideoutMenuLogoutImage{
	background: url(../../../images/K1/M&C_Kia_navigation_logout.png) no-repeat scroll 0 50%;
} */
.SlideoutMenuItemSection {
  background-color: #0c0c0c;
  border-bottom: 1px solid #fff;
  padding-top: 1em;
  padding-bottom: 1em;
}

/* Summary Page*/
.LREditButton {
  background-image: url(../../../images/LD/OC_LandRover_Edit-Button_Hover_std.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: top right;
  width: 38px;
  height: 38px;
  background-color: transparent;
  border: none;
  margin-left: -5px;
}

.LREditButton:hover {
  background-image: url(../../../images/LD/OC_LandRover_Edit-Button_std.png);
  background-repeat: no-repeat;
}

.SummaryPageDetailsBold {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  color: #101820;
}
.SummaryPageDetailsLight {
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #101820;
}
.SummaryDetailsDoneButton {
  background-color: #101820;
  margin: 0;
}
.SummaryEditableSection {
  /* border-top: 1px solid #101820; */
  border-bottom: 1px solid #101820;
  padding: 5px 0;
}

.LRUnderLineMidCoolGrey {
  border: 0 none;
}
/*Summary Page*/

/* Tablet CSS modifications */
@media only screen and (min-device-width: 641px) and (max-device-width: 1025px),
  only screen and (max-width: 1025px) and (min-width: 641px) {
  /*Help section*/
  .NeedHelpColumn {
    display: none;
  }
  /* Tablet screen set-up */
  .Footer_Text {
    padding: 0 0 37px 0;
    width: 95%;
    margin: auto;
  }
  *[id="COL_B04C9004F228F46D91900"] {
    width: 1%;
  }

  .QuoteFormSection {
    width: 95%;
    margin: 0 auto;
  }
  .MainContentSection {
    width: 95%;
    margin: 0 auto;
    float: none !important;
    padding-top: 10px;
  }
  .statusValid {
    background: transparent;
  }

  .statusInValid {
    background: transparent;
  }
  /* Tablet screen set-up */
  .HomeImageSection {
    display: block;
  }

  .WebOnly {
    display: none;
  }
  .TabletAndMobileOnly {
    display: block;
  }

  .tabletMargin {
    margin-top: 3%;
    margin-left: 12%;
    margin-right: 12%;
    margin-bottom: 1%;
  }

  #FMT_24E831715D1830B758258 {
    margin: 20px 0 20px 0;
  }
  /* Reasons to choose section formatting start */

  .TabletHeading {
    display: block;
    width: 80%;
    font-size: 30px;
    color: #b0b7bb;
    text-align: center;
    padding-top: 20px;
    padding-left: 1.75%;
    font-family: LandRoverWeb-Light;
  }

  .setConditionStyle {
    left: 220px;
    bottom: 129px;
  }

  *[id="COL_B04C9004F228F46D91900"] {
    display: none;
  }

  /* Removal & change of Current phase style in header */
  .FEAturesSeparatorStyle {
    display: none;
  }

  .FEAturesVisitedStepStyle {
    display: none;
  }

  .FEAturesFutureStepStyle {
    display: none;
  }

  .FEAturesCurrentStepStyle {
    float: none;
    text-align: center;
    margin-top: 0;
  }
  /* carousal text changes for tablet */
  /* Floating Right sidemenu display removal */
  *[id="FMT_7D4F2E8D5B199E9D983182"] {
    display: none;
  }

  /* Removal of Links in header for Tablet */
  *[id="FMT_7FF7D21FD09131E554189"] {
    display: none;
  }

  *[id="COL_B04C9004F228F46D91611"] {
    display: none;
    width: 3%;
  }

  .FloatPopupSection {
    left: 5%;
    width: 90%;
    height: inherit;
  }
  /*Phase header text style to overlay on image*/
  .PhaseHeaderStyle {
    font: 1.25rem "genesis-regular", "arial";
  }
}

.tickStyle {
  padding: 1.1rem;
}

#MNU_B04C9004F228F46D73804 {
  float: right;
}

.content {
  display: none;
}

.contentL2 {
  display: none;
}

.LDMediumFont {
  font-size: 18px;
  line-height: 20px;
  font-family: genesis-regular;
  color: #00173a;
}

.carousel-indicators {
  bottom: 20px;
}

/* on hover of element containing tooltip default*/

*:not(.on-focus):hover > .tool-tip,
.on-focus input:focus + .tool-tip {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 240ms ease-in-out;
  -moz-transition: all 240ms ease-in-out;
  -ms-transition: all 240ms ease-in-out;
  -o-transition: all 240ms ease-in-out;
  transition: all 240ms ease-in-out;
}

.slateBlueBackground {
  background-color: #101820;
}

#Customer_NavigationMenu {
  display: none;
}

#Customer_NavigationMenu .show-popup span {
  background-color: #0c0c0c;
  letter-spacing: 0;
  color: white;
  /*text-shadow:1px 1px 0 #44a8d0;*/
  font-family: genesis-regular, "arial";
}

#Retailer_NavigationMenu .show-popup span {
  background-color: rgba(5, 20, 31, 0.77);
  letter-spacing: 0;
  color: white;
  /*text-shadow:1px 1px 0 #44a8d0;*/
  font-family: genesis-regular, "arial";
}

/**contact call center */
.contactTopSection {
  padding: 1rem 0;
}

.contactText {
  font: 1.5rem genesis-regular, "arial";
  letter-spacing: 0;
  color: #101820;
  /* text-transform: uppercase; */
}

.contactEPText {
  font: 1rem/1.5 genesis-regular, "arial";
  letter-spacing: 0;
  color: #101820;
  /* text-transform: uppercase; */
}

.ContactTextRed {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  letter-spacing: 0;
  color: #101820;
}
.referralText {
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #101820;
  padding: 5px 4px;
}

.referralSectionText {
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #101820;
  border-bottom: 1px solid #101820;
  padding-bottom: 15px;
}
.QuoteSelectedOptionsText {
  background: transparent url("../../../images/VER_LR_tick_blue.png") no-repeat
    left center;
  padding-left: 30px;
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: black;
  margin-top: 10px;
}
.QuoteProtectionNoClaimsHeader {
  font: 24px/1.5 "genesis-regular", "arial";
  letter-spacing: 0;
  /* text-transform: uppercase; */
  color: #101820;
  margin-top: 5px;
}
.QuoteProtectionNoClaimsDesc {
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #101820;
  padding-top: 0;
}
.bcImage2 {
  content: url("../../../images/help-circle-outline.svg");
  background-image: url(../../../images/help-circle-outline.svg);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: center;
  border: 0 none;
}

.bcImage2:hover {
  content: url("../../../images/help-circle-outline.svg");
  background-image: url(../../../images/help-circle-outline.svg);
  background-repeat: no-repeat;
}

.tool-tip {
  background-color: #c8c7c9;
  font: 14px/1.15 genesis-regular, "arial";
  color: #000;
  text-shadow: none;
  visibility: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  text-align: left;
  opacity: 0;
  z-index: 999;
  position: absolute;
  cursor: default;
  -webkit-transition: all 240ms ease-in-out;
  -moz-transition: all 240ms ease-in-out;
  -ms-transition: all 240ms ease-in-out;
  -o-transition: all 240ms ease-in-out;
  transition: all 240ms ease-in-out;
  border: 1px solid #c7c8c9;
  padding: 4px;
}

.tool-tip,
*.tool-tip.top {
  top: auto;
  bottom: 114%;
  left: 50%;
}

.tool-tip,
*.tool-tip.top {
  width: 300px;
  margin-left: -6px;
  margin-top: 6px;
}

.tool-tip.bottom {
  top: 120%;
  bottom: auto;
  left: 50%;
  margin-bottom: auto;
}

.tool-tip.bottom:before {
  position: absolute;
  display: inline-block;
  border-top: 15px solid #101820;
  border-left: 0 solid #101820;
  border-right: 2px solid #101820;
  border-bottom: 0 solid #101820;
  left: 0;
  top: -15px;
  content: "";
}

.tool-tip.bottom after {
  position: absolute;
  top: -40px;
  left: 95%;
  margin-left: -7px;
  content: " ";
  height: 39px;
  width: 0;
  border: 1px solid;
  border-top-color: #101820;
  border-bottom-color: #101820;
  border-left-color: #101820;
  border-right-color: #101820;
}
.LoadingText {
  font: 1.5rem "genesis-regular", "arial";
  color: #101820;
  margin-top: 10px;
  padding: 5px 4px;
  /* text-transform: uppercase; */
}
.PopupLoadingText {
  font: 20px "genesis-regular", "arial";
  color: #101820;
  margin-top: 20px;
  padding: 5px 4px;
  /* text-transform: uppercase; */
}
.UploadNCDLink {
  font: 12px/1.5 genesis-regular, "arial";
  color: #101820;
  text-decoration: underline;
}
.UploadNCDQuestion {
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #101820;
  border: none;
  padding: 4px 2px;
  width: 100%;
  margin-bottom: 5px;
}
.UploadNCDAnswerControl {
  font: 1.1rem/1.5 "genesis-regular", arial;
  color: #333;
  padding: 0;
  border: none;
}

.NeedHelpColumn {
  width: 25%;
}
/*ThankYou Page*/
.numberCircle {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  padding: 0;
  background: #fff;
  text-align: center;
  color: #101820;
  font: 1.3rem/1.5 "genesis-regular", "arial";
}

.paddingtop1Percent {
  padding-top: 1%;
}
.paddingbottom1Percent {
  padding-bottom: 1%;
}
.marginleft3Percent {
  padding-left: 0;
  margin-left: 3%;
}

.ThankyouSubsectionRow1Column1Width {
  width: 4%;
}
.ThankyouSubsectionRow1Column2Width {
  width: 75%;
}
.ThankyouSubsectionRow1Column3Width {
  width: 21%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ThankyouSubsectionColumn2Width {
  width: 91%;
}

.FAQQuestionText {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  color: #000;
  padding: 5px 0;
}

.PolicyDocumentColumn2 {
  width: 25%;
  padding: 10px 0 0 0;
}
.PolicyDocumentColumn1 {
  width: 75%;
}
.DealerResourceLeftAlignText {
  font: 15px/1.5 genesis-regular, "arial";
  color: #101820;
}
/*LRQuote*/
.LRQuoteYourExcessesColumn1 {
  width: 50%;
}
.LRQuoteYourExcessesColumn2 {
  width: 30%;
  margin: 10% 0 0 20%;
}
/*LRQuote*/

.SessionTimeOutGoHomeHeading {
  color: #000;
  font: 1.1rem/1.5 "genesis-regular", "arial";
}

/* Vehicle Details */
.multiCarCallBackInstructionSection,
.VehicleSearchResultsSection {
  background-color: #000;
  padding: 1rem;
}

.VehicleSearchResultsSectionText,
.VehicleSearchResultsSectionTextBold {
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #fff;
}

/* Vehicle Details */

/*buttons*/

.SaveForLaterButton,
.NCDRemoveButton {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  color: #101820;
  min-width: 100px;
  height: 40px;
  border: medium none;
  /* border-radius: 24px; */
  vertical-align: middle;
  background-color: transparent;
  text-transform: uppercase;
}

.NCDRemoveButton {
  background: rgba(0, 0, 0, 1);
  color: #fff;
}

.UploadNCDdocumentConfirmationButton {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  color: #fff;
  padding: 0 1rem;
  height: 45px;
  border: medium none;
  /*border-radius: 24px;*/
  vertical-align: middle;
  margin: 0 0 5px 0;
  background-color: rgba(0, 0, 0, 1);
  text-transform: uppercase;
}

.DoneButton {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  letter-spacing: 0;
  color: #fff;
  padding: 0 1rem;
  height: 45px;
  border: medium none;
  /*border-radius: 24px;*/
  vertical-align: middle;
  margin: 0 0 5px 0;
  background-color: rgba(0, 0, 0, 1);
  text-transform: uppercase;
}
.QuoteProtectionClaimsButton {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  letter-spacing: 0;
  color: #fff;
  padding: 0 1rem;
  height: 45px;
  border: medium none;
  /*border-radius: 24px;*/
  vertical-align: middle;
  margin: 0 0 5px 0;
  background-color: rgba(0, 0, 0, 1);
  text-transform: uppercase;
}

.DealerLoginButton,
.PostcodeLookupButton {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  letter-spacing: 0;
  color: #fff;
  height: 45px;
  min-width: 125px;
  border: medium none;
  /*border-radius: 24px;*/
  vertical-align: middle;
  margin: 0.5rem 0;
  background-color: #000;
  padding: 0 1rem;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

/* sharad button animation udpate */
.PostcodeLookupButton:hover {
  color: #000;
}
.PostcodeLookupButton::after {
  content: "";
  background: #fff;
  position: absolute;
  z-index: -1;
  padding: 0.85em 0.75em;
  display: block;
}
.PostcodeLookupButton[class^=""]::after {
  transition: all 0.2s;
}
.PostcodeLookupButton[class^="PostcodeLookupButton"]:hover::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.3s;
  border: 0.1px solid #8b8080;
}

button.PostcodeLookupButton::after {
  top: 0;
  bottom: 0;
  left: -100%;
  right: 100%;
}
/* sharad button animation udpate END*/
.RegistrationFindButton {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  color: #fff;
  padding: 0 1rem;
  height: 45px;
  border: medium none;
  vertical-align: middle;
  margin: 0 0 5px 0;
  background-color: rgba(0, 0, 0, 1);
  text-transform: uppercase;
}

.RetrieveQuoteError {
  background: transparent url("../../../images/K1/M&C_Kia_error.png") no-repeat 2%;
  width: 89%;
  margin: 8px 0 0 4px;
  background-color: rgb(234, 0, 41);
}

.RetrieveQuoteErrorText {
  font: 1em/1.5 genesis-regular, "arial";
  color: white;
  padding: 5px 0 5px 40px;
  letter-spacing: 0;
}

.ExcessProtectPrintLink {
  font: 1.1rem/1.5 genesis-regular, "arial";
  letter-spacing: 0;
  color: #101820;
  /* text-transform: uppercase; */
  width: 100%;
}

/* NCD Protection Price Style */
.NCDCostText {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  color: black;
  padding: 10px 0;
  text-align: left;
  margin-left: 0.5em;
}

/* Header image replacement styles */
.HomePageBanner {
  left: 6%;
  top: 10%;
  /* background-color: rgba(256,256,256,0.7); */
  max-width: 44rem;
  color: #fff;
  text-align: left;
  text-shadow: none;
  padding: 0;
  bottom: auto;
  position: absolute;
  display: flex;
  /* align-items: center; */
  flex-direction: column;
  padding: 20px;
  /* border: 1px solid #000; */
}

.BannerButtons {
  /* width: 36% ; */
  margin: 0 auto;
  display: flex;
  /* align-items: center; */
  flex-direction: column;
  padding-top: 1em;
  display: none;
}

.ps-banner-button-group > div {
  display: flex;
  align-items: center;
}

.banner-old-vehicle-btn {
  font: 1rem genesis-regular, "arial";
  color: #000;
  padding: 0.5rem 2rem 0.5em 1rem;
  text-decoration: none;
  border: 0 none;
  min-width: 225px;
  height: 3rem;
  background: #FFF;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.ge-old-vehicle-content {
  padding-bottom: 1em;
}

.quote-options-box {
}

.banner-new-vehicle-btn,
.ps-option-retrieve-btn {
  font: 1rem genesis-regular, "arial";
  color: #000;
  padding: 0.5rem 2rem 0.5em 1rem;
  text-decoration: none;
  border: 0 none;
  min-width: 225px;
  height: 3rem;
  background: #FFF;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-left: 1rem;
}

.ge-banner-new-vehicle-btn {
  font: 13px genesis-regular, "arial";
  color: #000;
  padding: 0.5rem 2rem 0.5em 1rem;
  text-decoration: none;
  border: 0 none;
  min-width: 175px;
  height: 3rem;
  background: #fff;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-left: 1rem;
}

.ps-option-retrieve-btn {
  min-width: 150px;
  font-weight: normal;
  font-size: 13px;
  border: 1px solid;
  background: transparent none;
}

.ps-options-box-old-vehicle, .ps-options-box-new-vehicle {
  background: #FFF;
  padding: 1em;
  color: #000;
}

#GROUP_FS_BUT_324848A6E597D31469804 {
  display: flex;
}
.stickyButtonsSection {
  display: none;
}

.ge-quote-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.GetMeHomeCover {
  width: 50%;
}

/*Renewal Date*/
.RenewalDateHeading {
  font: 1.5rem "genesis-regular", "arial";
  padding: 0.5em 0;
  color: #101820;
}

.RenewalDateFormText {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  padding-bottom: 1em;
}

.RenewalDateFormText a {
  text-decoration: underline;
}

.RenewalDatePostcodeFieldSection {
  padding: 15px 0;
}

.RenewalDateSubmitButton {
  color: white;
  font: 1.1rem/1.5 "genesis-regular", "arial";
  margin-bottom: 10px;
  text-decoration: none;
  border: none;
  height: 45px;
  min-width: 125px;
  background: rgba(0, 0, 0, 1);
  padding: 0 1rem;
  float: left;
  vertical-align: middle;
}

/*Renewal Date*/

/* MultiCar Page */
.MultiCarCallBackText {
  font: 28px/34px genesis-regular, "arial";
  padding: 0;
}

.MultiCarCallBackText sup {
  font-size: 16px;
}

.MultiCarOfferText {
  font: 1.1rem/1.5 genesis-regular, "arial";
  margin-bottom: 1em;
  color: #101820;
}

.MultiCarDescription {
  font: 20px/1.5 genesis-regular, "arial";
  padding-bottom: 1em;
  color: #101820;
}

.ProgressBarSection {
  padding: 1em 0;
  border-bottom: 1px solid #101820;
  display: flex;
  justify-content: space-between;
}

.SubText {
  font-size: 1em;
  line-height: 1.2em;
  color: #101820;
  padding: 4px;
}

.PaymentComodoSecureHelpColumn {
  width: 7%;
}

/* payment page voucher code question */

.VoucherCodeQuestionColumn {
  width: 80%;
}

.VoucherCodeQuestion {
  font: 18px/1.5 "genesis-regular", "arial";
  color: #101820;
  width: 49%;
}

.VoucherCodeApplyButtonColumn {
  width: 20%;
}

.PaymentFindPostCodeButton {
  font: 1.1rem/1.5 "genesis-regular", "arial";
  letter-spacing: 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 1);
  padding: 5px 20px;
  height: 36px;
  border: medium none;
  /*border-radius: 24px;*/
  vertical-align: middle;
  margin-top: 1.2em;
  /* text-transform: uppercase; */
}

.PrivacyOptinText {
  font: 1.1rem/1.5 genesis-regular;
  color: #101820;
  letter-spacing: 0;
}

.PrivacyOptinText a {
  text-decoration: underline;
}

.QuoteHelpToolTipButton {
  background: transparent url(../../../images/help-circle-outline.svg) left
    no-repeat;
  width: 25px;
  height: 35px;
  border: 0 none;
}

.GdprOptionQuestion {
  color: #101820;
}

.PaymentPriceBreakdown {
  font: 1.1rem/1.5 genesis-regular, "arial";
  color: #fff;
}

.CCPTableHeaderRow,
.CCPTableRow {
  color: #101820;
}

.DarkText {
  color: #fff;
}

.QuoteFormNav > div {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.TabletMobileHeading {
  display: none;
}

.uxp-ans-prefix {
  display: inline-block;
  padding-bottom: 1em;
}

.AncillarySubtext {
  display: none;
}

.LineRadioOption {
  font: 1.1rem/1.5 genesis-regular, "arial";
  width: auto;
}

.LinkButton a:before {
  /* content:'\003E'; */
}

.cn-info-box {
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: rgb(217, 217, 214);
}

.CCPTableHeaderRow,
.CCPTableRow:nth-child(2),
.CCPTableRow:nth-child(4),
.CCPTableRow:nth-child(6) {
  background-color: #d9d9d6;
}

/* Quote protection page Courtesy car radio button styles */

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

.round label {
  border: 1px solid #75787b;
  height: 22px;
  width: 22px;
}

.round label:after {
  left: 4px;
  top: 6px;
}

.round input[type="checkbox"]:checked + label {
  background-color: #ff7500;
  border-color: #ff7500;
}

/* Landing page - MainPhase covers section styles */

/* hide existing lists */
#COL_40DA17B5EBD45AB677770,
#COL_40DA17B5EBD45AB677774 {
  display: none;
}

.hide-cover-details {
  display: none;
}

.cover-section-wrapper,
.cover-section-flex-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 2rem 5rem;
  background: #141414;
}

.std-cover-section {
  width: 50%;
  background: #141414;
  color: #fff;
  height: 100%;
}

.std-cover-flex-section {
  width: 100%;
  background: #141414;
  color: #fff;
  height: 100%;
}

.optional-cover-section {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 2em;
}

.section-four-img-wrapper {
  max-width: 41em;
}

.optional-cover-section .cover-details {
  background: #ecece7;
  padding: 2rem;
}

.optional-cover-section .cover-details .CompareCoverOptionsSection {
  border-bottom: 2pt solid #75787b;
}
.cover-details-img {
  margin: 3rem 0 0 0;
  position: relative;
  overflow: hidden;
}

.cover-details-img {
  background: transparent url(../../../images/PS/13.jpg) no-repeat;
  height: 100%;
  background-size: cover;
}

.cover-details-img .cover-details-img-wrapper {
  /* resolution 1280px */
  max-height: 46vh;
  transform: translate(0%, -39%);
  /* width: 100%; */
  /* height: 100%; */
  /* position: absolute; */
  /* top: 50%; */
  /* left: 50%; */
}

.flex-img {
  display: block;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%;
  height: auto;
  width: 100%;
  *width: auto;
}

#FMT_2FCEDE8D55FC964E97917 > .CompareCoverOptionsSection,
#FMT_C422EB1DBAC4C53039590 > * .CompareCoverOptionsSection {
  border: 0 none;
}

.NCDHeadingColumn {
  width: auto;
}

/* Sharad Updated CSS for a */
.saveLater {
  width: 35%;
  margin-left: 3%;
}

.UploadNCDLink:hover {
  border-bottom: 2px solid #e9ad60;
}

input[placeholder]:placeholder-shown {
  /* Standard Pseudo-class */
  color: #000;
}

.HomeImageSection .hero-gold-border .border-frame {
  position: absolute;
  top: 0rem;
  bottom: 3.5rem;
  left: 5rem;
  right: 5rem;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.HomeImageSection .hero-gold-border .border-frame:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #a36b4f;
  border-top: none;
  content: "";
}

.scroll-indicator {
  position: absolute;
  width: 100%;
  /* margin: 0%; */
  margin: -1% 0 0 0%;
  background: #000;
}
.scroll-indicator-btn {
  background: #000 url(../../../images/GE/down-arrow.png) no-repeat scroll 50%
    143%;
}

.scroll-indicator-btn:hover {
  color: #fff;
}

.scroll-indicator-btn::after {
  content: "";
  background: #000;
  position: absolute;
  z-index: -1;
  padding: 0.85em 0.75em;
  display: block;
}

.scroll-indicator-btn[class^=""]::after {
  transition: all 0.2s;
}

.scroll-indicator-btn[class^="scroll-indicator"]:hover::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.3s;
  border: 0.1px solid #000;
}

button.scroll-indicator-btn::after {
  top: 0;
  bottom: 0;
  left: -100%;
  right: 100%;
}

.HomeImageFlexSection {
  padding: 3em 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #141414;
  color: #fff;
}

.section-three-img-wrapper {
  background: #141414;
}

.section-three-header {
  font: 2.875rem "genesis-head-light", "arial";
  color: #fff;
  padding-left: 1.5%;
  position: absolute;
  top: 8.5em;
  left: 4em;
  max-width: 20em;
}

.HomePageBanner .accordionItem {
  display: none;
}

.section-two-img-wrapper {
  width: auto;
  padding: 0;
}

.section-two-img-div {
  padding: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-two-img-desktop,
.section-two-img-mobile {
  display: none;
}

.section-two-content {
  width: 50%;
  padding: 0 5em;
}

.section-two-content .FormText {
  color: #fff;
}

.section-two-startq-button {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.flex-td.tickimg:before {
  content: "\2714";
  flex: 1;
  font-size: 2em;
  text-align: center;
  transform: rotate(10deg);
  color: #cd9a81;
}

.flex-td.crossimg:before {
  content: "\2716";
  flex: 1;
  font-size: 2em;
  text-align: center;
}

.center-con {
  display: flex;
  height: 4vh;
  position: relative;
  align-items: center;
  background: #000;
  width: 100%;
  margin-top: -2em;
  justify-content: center;
}

.center-con .round {
	transform: rotate(90deg);
}

.bottom-round {
  position: absolute;
  width: 40px;
  height: 40px;
  transform: rotate(-90deg);
  left: 87%;
}

.text-scroll-top {
  padding: 0%;
  margin: 0.5% 0%;
  position: absolute;
  height: 0;
  /* top: 217%; */
  left: 86%;
  color: #fff;
  background: #000;
}

.ge-dealer-subheading {
  padding: 2% 0;
}

/* sharad update for flex table  */

.flex-table {
  display: flex;
  flex-flow: column nowrap;
  /* margin: 0.5rem; */
  line-height: 1.5;
  border-bottom: 1px solid #d0d0d0;
  flex: 1 1 auto;
  min-width: 20em;
}

.flex-tr {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}

.flex-th {
  font-weight: 700;
}

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

.flex-tr:nth-of-type(even) {
  background-color: #141414;
}

.flex-tr:nth-of-type(odd) {
  background-color: #141414;
}

.flex-td {
  display: flex;
  flex-flow: row nowrap;
  width: 50%;
  align-items: center;
  padding: 0.5em;
  /* word-break: break-word; */
  overflow: hidden;
  /* text-overflow: ellipsis; */
  min-width: 0;
  /* white-space: nowrap; */
  border-bottom: 1px solid #cbcbcc;
  word-wrap: break-word;
}

.flex-tr .flex-td:nth-child(2),
.flex-tr .flex-td:nth-child(3) {
  width: 25%;
  justify-content: center;
}

.flex-row-data {
  font: 1.1rem/1.5 genesis-regular, arial;
}

.cover-flex-footer {
  display: flex;
  justify-content: space-between;
}

.cover-flex-mobile-footer {
  display: none;
}

.std-flex-section {
  width: 100%;
  background: #141414;
  color: #fff;
}
.cover-flex-footer-details {
  display: flex;
  /* width: 50%; */
  justify-content: center;
  margin: 2em 0;
}

.ge-footer-links {
}

.flex-section-information, .flex-section-insurance {
  padding: 1rem 2rem;
}

.footer-flex-header {
	font-size: 1.3em;
    padding-bottom: 1em;
}

.footer-links-lable {
  padding: 0.5rem 0;
}

.flex-section-align {
  margin-top: 203px;
  width: 60%;
}

.warningPopupLeftColumn {
	width: 95%;
}

.warningPopupRightColumn {
    margin: 0.5em 0 0 0;
    width: 4%;
}

.std-mobile-flex {
}
/* sharad update for flex table END */

@keyframes bounceAlpha {
  0% {opacity: 1; transform: translateX(0px) scale(1);}
  25%{opacity: 0; transform:translateX(10px) scale(0.9);}
  26%{opacity: 0; transform:translateX(-10px) scale(0.9);}
  55% {opacity: 1; transform: translateX(0px) scale(1);}
}

.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.arrow.primera.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.round:hover .arrow{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.round:hover .arrow.primera{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.PaymentSwitchActive {
	background: #0c0c0c;
	color: #fff;
	border: 0 none;
}

.LRQuote .QuotePriceSection, .SummaryPage .QuotePriceSection, .Payment .QuotePriceSection {
	padding: 3em 2em;
}

.SummaryPage .QuotePriceSection {
	margin-bottom: 3em;
}

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

.price-table .table-row {
	padding: 0.5em 0;
}

.shaded-box {
	padding: 2em;
}

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

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

#HEAD_0448A75EBA53F9EA127423 {
	font-size: 35px;
}

@media only screen and (min-device-width: 1280px) {
  .TopLogoColumn {
    width: 20% !important;
  }
  .QuoteProtectionTableWrapper {
    width: 60%;
  }

  .CCPTable {
    width: auto;
  }

  .AncillaryTableLastColumn {
    width: 20%;
  }

  .section-two-img-desktop {
    display: block;
  }
}

@media only screen and (min-device-width: 1366px) and (max-device-width: 1600px),
  only screen and (max-width: 1600px) and (min-width: 1366px) {
  .QuoteProtectionSelectionR1C2,
  .QuoteProtectionSelectionR2C2,
  .QuoteProtectionSelectionR3C2 {
    padding: 67% 0;
  }
  .QuoteProtectionSelectionR2C2 {
    padding: 42.4% 0;
  }
  .QuoteProtectionSelectionR3C2 {
    padding: 52.5% 0;
  }

  .QuoteProtectionSelectedPackageR1C2,
  .QuoteProtectionSelectedPackageR2C2,
  .QuoteProtectionSelectedPackageR3C2 {
    padding: 67% 0;
  }
  .QuoteProtectionSelectedPackageR2C2 {
    padding: 42.4% 0;
  }

  .QuoteProtectionSelectedPackageR3C2 {
    padding: 47% 0;
  }
  .cover-details-img .cover-details-img-wrapper {
    max-height: 69vh;
    transform: translate(0%, -39%);
  }
}

@media only screen and (min-device-width: 1440px) and (max-device-width: 1600px),
  only screen and (max-width: 1600px) and (min-width: 1440px) {
  .QuoteProtectionSelectionR1C2,
  .QuoteProtectionSelectionR2C2,
  .QuoteProtectionSelectionR3C2 {
    padding: 57% 0;
  }
  .QuoteProtectionSelectionR2C2 {
    padding: 40% 0;
  }
  .QuoteProtectionSelectionR3C2 {
    padding: 49.5% 0;
  }

  .QuoteProtectionSelectedPackageR1C2,
  .QuoteProtectionSelectedPackageR2C2,
  .QuoteProtectionSelectedPackageR3C2 {
    padding: 57% 0;
  }
  .QuoteProtectionSelectedPackageR2C2 {
    padding: 40% 0;
  }

  .QuoteProtectionSelectedPackageR3C2 {
    padding: 49.5% 0;
  }

  .cover-details-img .cover-details-img-wrapper {
    max-height: 57vh;
    transform: translate(0%, -47%);
  }
}

@media only screen and (min-device-width: 1601px) and (max-device-width: 1690px),
  only screen and (max-width: 1601px) and (min-width: 1690px) {
  .QuoteProtectionSelectionR1C2,
  .QuoteProtectionSelectionR2C2,
  .QuoteProtectionSelectionR3C2 {
    padding: 44% 0;
  }
  .QuoteProtectionSelectionR2C2 {
    padding: 40% 0;
  }
  .QuoteProtectionSelectionR3C2 {
    padding: 42% 0;
  }

  .QuoteProtectionSelectedPackageR1C2,
  .QuoteProtectionSelectedPackageR2C2,
  .QuoteProtectionSelectedPackageR3C2 {
    padding: 44% 0;
  }
  .QuoteProtectionSelectedPackageR2C2 {
    padding: 40% 0;
  }

  .QuoteProtectionSelectedPackageR3C2 {
    padding: 49.5% 0;
  }

  .QuoteProtectionEmptySectionBlue {
    padding: 7em 0;
  }
  .cover-details-img .cover-details-img-wrapper {
    max-height: 45vh;
    transform: translate(0%, -83%);
  }
}

@media only screen and (min-device-width: 1700px) and (max-device-width: 1920px),
  only screen and (max-width: 1700px) and (min-width: 1920px) {
  .QuoteProtectionSelectionR1C2,
  .QuoteProtectionSelectionR2C2,
  .QuoteProtectionSelectionR3C2 {
    padding: 54% 0;
  }
  .QuoteProtectionSelectionR2C2 {
    padding: 37% 0;
  }
  .QuoteProtectionSelectionR3C2 {
    padding: 47% 0;
  }

  .QuoteProtectionSelectedPackageR1C2,
  .QuoteProtectionSelectedPackageR2C2,
  .QuoteProtectionSelectedPackageR3C2 {
    padding: 54% 0;
  }
  .QuoteProtectionSelectedPackageR2C2 {
    padding: 37.4% 0;
  }

  .QuoteProtectionSelectedPackageR3C2 {
    padding: 47% 0;
  }
  .QuoteProtectionEmptySectionWhite {
    height: 14em;
  }
  .QuoteProtectionEmptySectionBlue {
    height: 14em;
  }
  .cover-details-img .cover-details-img-wrapper {
    max-height: 44vh;
    transform: translate(0%, -108%);
  }
}

@media only screen and (min-device-width: 740px) and (max-device-width: 768px) and (orientation: landscape) {
}

@media only screen and (max-device-width: 1025px) and (min-device-width: 768px) and (orientation: landscape),
  only screen and (max-width: 1025px) and (min-width: 768px) and (orientation: landscape) {
  .LeftColumn {
    width: 100%;
    padding: 5px 0;
  }

  .RightColumn {
    width: 100%;
  }

  .section-three-header {
    top: 5.5em;
    left: 2em;
  }
  
  .HomePageBanner {
	  left: 9%;
  }
}
@media only screen and (max-device-width: 1025px) and (min-device-width: 768px) and (orientation: landscape),
  only screen and (max-width: 1025px) and (min-width: 768px) and (orientation: landscape) {
  .QuoteProtectionSelectionR1C2,
  .QuoteProtectionSelectionR2C2,
  .QuoteProtectionSelectionR3C2 {
    padding: 7.5em 0;
  }
  .QuoteProtectionSelectionR2C2 {
    padding: 5.6em 0;
  }
  .QuoteProtectionSelectionR3C2 {
    padding: 7em 0;
  }

  .QuoteProtectionSelectedPackageR1C2,
  .QuoteProtectionSelectedPackageR2C2,
  .QuoteProtectionSelectedPackageR3C2 {
    padding: 7.5em 0;
  }
  .QuoteProtectionSelectedPackageR2C2 {
    padding: 5.6em 0;
  }

  .QuoteProtectionSelectedPackageR3C2 {
    padding: 7em 0;
  }
  .QuoteProtectionEmptySectionWhite {
    height: 15.2em;
  }
  .QuoteProtectionEmptySectionBlue {
    height: 15.2em;
  }

  .cover-details-img {
    background-position-x: 68%;
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) {
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
}

@media only screen and (min-device-width: 740px) and (max-device-width: 768px) and (orientation: portrait) {
  .HomePageBanner {
    max-width: 32rem;
    left: 14%;
    top: 6%;
  }

  .section-three-header {
    font: 1.875rem "genesis-regular", "arial";
    top: 6em;
    left: 2em;
  }

  .QuoteProtectionSelectionR1C2,
  .QuoteProtectionSelectionR2C2,
  .QuoteProtectionSelectionR3C2 {
    padding: 9.5em 0;
  }
  .QuoteProtectionSelectionR2C2 {
    padding: 6em 0;
  }
  .QuoteProtectionSelectionR3C2 {
    padding: 7em 0;
  }

  .QuoteProtectionSelectedPackageR1C2,
  .QuoteProtectionSelectedPackageR2C2,
  .QuoteProtectionSelectedPackageR3C2 {
    padding: 9.5em 0;
  }
  .QuoteProtectionSelectedPackageR2C2 {
    padding: 6em 0;
  }

  .QuoteProtectionSelectedPackageR3C2 {
    padding: 7em 0;
  }
  .QuoteProtectionEmptySectionWhite {
    height: 15.2em;
  }
  .QuoteProtectionEmptySectionBlue {
    height: 15.2em;
  }

  .cover-details-img {
    background-position-x: 55%;
  }
  .LogoPageHeading {
    display: none;
  }
  .carousel-Header1 {
	font-size: 1.5rem;
  }
}