@import url('animate.css');
@import url('fancybox.css');
@import url('bootstrap.css');
@import url('fontawesome.css');
@import url('icomoon.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* Layout
------------------------------------*/
* { margin: 0; padding: 0; }
body { margin: 0; padding: 0; font-family: 'Poppins', sans-serif; font-weight: 400;font-size: 16px; line-height: 24px; color: #323234; background:#fff url(../images/bg.png) no-repeat top center; }
ul { list-style: none; margin: 0; padding: 0; }
a { -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; color:#fff; }
a, a:hover, a:focus { text-decoration: none; color:#fff; }
img { display: block; max-width: 100%; }
.errorMsg {
	color: #DD2127;
	font-size:13px;
	font-weight:500;
	float:right;
}
.errorMsg1 {
	color: #DD2127;
	font-size: 13px;
	font-weight: 500;
	position: relative;
	top: -15px;
}
.errMsgPosition{position:relative; top:-20px;}
*:focus {
	box-shadow: none;
}
button:focus{
	outline: none !important;
}

.readonly1 {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	pointer-events: none;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #000;
	opacity: 0.3; /* Firefox */
}
/* Index page
------------------------------------*/
.InstallationDate {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 150%;
	/* identical to box height, or 27px */
	letter-spacing: 0.012em;
	text-decoration-line: underline;
	/* General / Dark */
	color: #222222;
	padding-bottom: 15px;
}
.actionarea {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 100px;
}
	.actionarea .leftPanel {
		float: left;
		width: 54%;
		/*height: 1133px;*/
		margin: 86px 0;
		padding: 50px 35px;
		background: #FFFFFF;
		border: 1px solid #E8E5E5;
		box-sizing: border-box;
		border-radius: 5px;
	}
		.actionarea .leftPanel h2 {
			margin-top: 0;
			margin-bottom: 8px;
			font-weight: 600;
			line-height: 27px;
			/* identical to box height, or 31px */
			letter-spacing: 0.0179em;
			/* General / Dark */
			color: #222222;
			font-size: 18px;
		}
		.actionarea .leftPanel p {
			font-weight: normal;
			font-size: 14px;
			line-height: 21px;
			/* or 22px */
			letter-spacing: 0.012em;
			/* Charcoal-grey */
			color: #323234;
			margin-bottom: 15px;
		}
			.actionarea .leftPanel .step_count {
				font-weight: 600;
				font-size: 14px;
				line-height: 118.9%;
				/* identical to box height, or 17px */
				letter-spacing: 0.0179em;
				/* General / Dark */
				color: #222222;
				margin-bottom: 22px;
			}
		.actionarea .leftPanel .payDetailsTop {
			display: flex;
			justify-content: space-between;
		}
		.actionarea .leftPanel .payDetailsTop a {
			font-weight: 500;
			font-size: 12px;
			line-height: 24px;
			color: #4B89E2;
		}
		.actionarea .rightPanel {
			float: right;
			width: 43%;
			margin-top: 86px;
			margin-bottom: 86px;
			padding: 46px 35px;
			background: #FFFFFF;
			border: 1px solid #E8E5E5;
			box-sizing: border-box;
			border-radius: 5px;
		}
			
			.actionarea .rightPanel h2 {
				font-weight: 600;
				font-size: 24px;
				line-height: 32px;
				/* identical to box height, or 178% */
				display: flex;
				justify-content: center;
				letter-spacing: 0.2px;
				/* Charcoal-grey */
				color: #323234;
			}
			.actionarea .rightPanel .productDetails {
				display: flex;
				border-bottom: 2px #DD2127 solid;
				justify-content: space-around;
				align-items: center;
				margin-bottom: 15px;
			}
				.actionarea .rightPanel .productDetails .leftPart {
					width: 40%;
					display: flex;
					justify-content: flex-end;
				}
				.actionarea .rightPanel .productDetails .rightPart {
					width: 60%;
					text-align: center;
				}
				.actionarea .rightPanel h4 {
					font-size: 16px;
					font-weight: 600;
					margin-bottom: 20px;
				}
			.actionarea .rightPanel p {
				font-size: 14px;
				font-weight: 500;
				margin-bottom: 20px;
			}
			
.coverfeature {
	padding: 10px 0 20px;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
	/* or 171% */

	letter-spacing: 0.2px;
	/* Black */
	border-bottom: 1px solid #EDEDED;
	margin-bottom: 20px;
	color: #2D3436;
}

	.coverfeature h5 {
		font-weight: 700;
		font-size: 14px;
		line-height: 24px;
		color: #2D3436;
	}

	.coverfeature ul li {
		list-style: url(../images/check.png) outside;
		margin: 0 0 10px 28px !important;
		font-weight: 400;
		font-size: 14px;
		line-height: 150%;
	}
	
	.coverfeature ul li.notcovered {
            list-style: url(../images/cross.png) outside;
            margin: 0 0 10px 28px !important;
            font-size: 14px;
            line-height: 150%;
            text-decoration: line-through;
            color: #878F9D;
            font-weight: 400;
        }
#divincludenotincludenew p {
	border-bottom: 1.5px solid #EDEDED;
	
	padding-bottom: 15px;
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 18px;
}
.actionarea .rightPanel a {
	color: #4b89e2;
	font-size: 14px;
	font-weight: 600;
	text-decoration: underline;
}
.actionarea .rightPanel .impDoc {
	border-bottom: 1.5px solid #EDEDED;
	border-top: 1.5px solid #EDEDED;
	padding: 15px 0;
	margin-bottom: 15px;
}
	.actionarea .rightPanel .impDoc h5 {
		font-weight: 500;
		font-size: 14px;
		line-height: 24px;
		color: #2D3436;
		margin-bottom:10px;
	}
	.actionarea .rightPanel .impDoc p {
		font-weight: 400;
		font-size: 14px;
		line-height: 21px;
	}
.actionarea .rightPanel .priceexcess {
}
	.actionarea .rightPanel .priceexcess .topRow {
		display: flex;
		margin-bottom: 10px;
		justify-content: space-between;
		align-items: center;
	}
		.actionarea .rightPanel .priceexcess .topRow .title {
			font-weight: 600;
			font-size: 16px;
			line-height: 24px;
			color: #2D3436;
		}
		.actionarea .rightPanel .priceexcess .topRow .amount {
			font-weight: 600;
			font-size: 16px;
			line-height: 24px;
			color: #282828;
		}
	.actionarea .rightPanel .priceexcess p {
		font-weight: 400;
		font-size: 14px;
		line-height: 19px;
		color: #333;
		border-bottom: 1.5px solid #EDEDED;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
		.actionarea .rightPanel ul.include {
			display: flex;
			flex-direction: column;
			flex-wrap: nowrap;
			justify-content: flex-start;
			align-items: flex-start;
		}
				.actionarea .rightPanel ul.include li {
					list-style: url(../images/yes.svg) outside;
					margin-left:20px;
					width: 100%;
					font-weight: 500;
					font-size: 14px;
					line-height: 24px;
					letter-spacing: 0.2px;
					/* Black */
					color: #2D3436;
					margin-bottom:10px;
				}
	.actionarea .rightPanel ul.not_include {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-bottom: 30px;
	}
		.actionarea .rightPanel ul.not_include li {
			list-style: url(../images/no.png) outside;
			width: 100%;
			font-size: 14px;
			padding-bottom: 10px;
			margin-left: 25px;
		}
.discount-code{
	padding-top:20px;
}
/*discount*/
.reveal {
	background: #4B89E2;
	width: 100%;
	margin-bottom: 15px;
	padding: 15px;
	border-radius: 5px;
	font-family: Poppins;
	font-style: normal;
	font-weight: 500 !important;
	font-size: 14px !important;
	line-height: 24px;
	color: #fff !important;
	text-decoration: none !important;
}
.discount_active, .accordion:hover {
}
.reveal:after {
	content: url('../images/caret-left-solid.png');
	float: right;
	margin-left: 5px;
}
.discount_active:after {
	content: url('../images/caret-down-solid.png');
}
.slidingDiv {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	padding: 0 15px;
	font-size: 15px;
	border: 1px solid #f6f6f6;
	border-top: 0px;
	margin-bottom: 15px;
}
 .excess {
  font-size: 16px;
  line-height: 1.6;
  color: #323234;
  font-weight:600;
}
.excess span{color: #323234;}
.excessDD {
  width: 60px;
  height: 30px;
  border: solid 2px #74a4e9;
  color:#323234;
  font-size:16px;
  font-weight:700;
  padding-left:7px;
  appearance: none;
  -webkit-appearance: none;       /* remove default arrow */
   background:#dbe7f9 url(../images/triangle.png) no-repeat 90%;
}
.step1{margin-top:10px;}
	.step1 .topPart {
		display: flex;
		justify-content: space-between;
	}
	.step1 h3 {
		font-weight: 600;
		font-size: 18px;
		line-height: 118.9%;
		/* or 21px */
		letter-spacing: 0.0179em;
		/* General / Dark */
		color: #222222;
		margin-bottom: 37px;
	}
	.step1 .trustpilot {
	}
.step1 ul li{margin-bottom:25px;}
.step1 ul li.half{width:49%; margin-right:2%; display:inline-block; float:left;}
	.step1 ul li.sixty {
		width: 60%;
		margin-right: 2%;
		display: inline-block;
		float: left;
	}
	.step1 ul li.forty {
		width: 38%;
		display: inline-block;
		float: left;
	}
	.step1 ul li.break {
		border-top: 1px #ddd solid;
		padding: 25px 0 0;
		margin: 10px 0 0;
		float: left;
		width: 100%;
	}
	.step1 ul li a {
		font-weight: 500;
		font-size: 12px;
		line-height: 24px;
		letter-spacing: 0.2px;
		/* dark skyblue */
		color: #4B89E2;
		text-decoration:none;
		/*float:right;*/
	}
.label {
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	/*letter-spacing: 1px;*/
	color: #222;
	/*text-transform: capitalize;*/
	padding-left: 5px;
	white-space:normal!important;
}
.datefield {
	border-radius: 0px;
	width: 100%;
	padding: 10px 3%;
	color: #323234;
	border: 1px #e2e2e2 solid;
	font-size: 14px;
	background: url(../images/date.png) no-repeat 97%;
}
	.datefield:focus {
		border: 1px #4b89e2 solid;
	}
.datefield:visited{color:#323234;}
.textfield {
	border-radius: 0px;
	width: 100%;
	padding: 10px 3%;
	border: 1px #e2e2e2 solid;
	font-size: 16px;
	color: #222222;
	font-weight: 300;
	border-radius: 5px;
}
	.textfield:focus {
		border: 1px #4b89e2 solid;
	}
.textfield:visited{color:#323234;}
.cardbg {
	background: url(../images/card.png) no-repeat 98% center;
}
.cvcbg {
	background: url(../images/cvc.png) no-repeat 98% center;
}
.nav-tabs .active:after{content:none;}
.tab-content .active:after {
	content: none;
}
.nav-tabs {
	border-bottom: 0!important;
}
	.nav-tabs > li {
		float: left;
		/* margin-bottom: -1px; */
		width: 49%;
		margin-right: 4px;
		text-align: center;
	}
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
		font-weight: 500;
		font-size: 16px;
		line-height: 18px;
		color: #222222;
		opacity: 0.8;
		border: 0;
		border-bottom: 4px solid #4b89e2;
	}
	.nav-tabs > li > a {
		font-weight: 500;
		font-size: 16px;
		line-height: 18px;
		color: #878F9D;
		opacity: 0.6;
		margin-right: 4px;
		border: 0;
		border-bottom: 4px solid #dbdee2;
	}
#opc_input {
	border-radius: 0px;
	width: 49%;
	padding: 10px 3%;
	border: 1px #e2e2e2 solid;
	font-size: 16px;
	color: #222222;
	font-weight: 300;
	margin-right: 2%;
}
	#opc_input:focus {
		border: 1px #4b89e2 solid;
	}
	#opc_input:visited {
		color: #323234;
	}
#opc_dropdown {
	border-radius: 0px;
	width: 100%;
	padding: 10px 3%;
	border: 1px #e2e2e2 solid;
	font-size: 16px;
	color: #222222;
	font-weight: 300;
	margin-top: 25px;
}
	#opc_dropdown:focus {
		border: 1px #4b89e2 solid;
	}
	#opc_dropdown:visited {
		color: #323234;
	}
#addressLineOne {
	border-radius: 0px;
	width: 100%;
	padding: 10px 3%;
	border: 1px #e2e2e2 solid;
	font-size: 16px;
	color: #222222;
	font-weight: 300;
	background: #D2D2D2;
}
	#postCode {
		border-radius: 0px;
		width: 100%;
		padding: 10px 3%;
		border: 1px #e2e2e2 solid;
		font-size: 16px;
		color: #222222;
		font-weight: 300;
		background: #D2D2D2;
	}
.directD {
	background: url(../images/direct.png) no-repeat 95%;
}
.searchfield {
	border-radius: 5px;
	width: 90%;
	padding: 15px 3%;
	color: #999;
	border: 1px #e2e2e2 solid;
	font-size: 14px;
	background: url(../images/search.png) no-repeat 95%;
}
.searchfield:focus{border:1px #2aace2 solid;}
.searchfield:visited{color:#323234;}
.paymentBtn {
	background: #DD2127;
	border-radius: 7px;
	padding: 7px 45px;
	font-weight: 600 !important;
	font-size: 18px !important;
	line-height: 32px !important;
	border: 0;
	cursor: pointer;
	text-align: center;
	width: 100%;
	color: #fff !important;
	display: block;
}
.btnWidth{width:auto; float:right;}
.btn_holder{
	float:right;
	width:50%;
}
#opc_button {
	background: #DD2127;
	border-radius: 7px;
	padding: 7px 0px;
	font-weight: 600;
	font-size: 18px;
	line-height: 32px;
	border: 0;
	cursor: pointer;
	text-align: center;
	width: 49%;
	color: #fff;
}
.border {
	border: 1px solid #eee !important;
	display: inline-block;
	width: 100%;
	margin: 20px 0;
}
.security {
	display: block;
	color: #022B50;
	font-size: 14px;
	background: url(../images/Lock.png) no-repeat left 4px;
	padding-left: 30px;
	line-height: 21px;
	opacity: 0.7;
	float:left;
}
/* Customize the label (the container) */
.check_container {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 12px;
	/* margin-top: 24px; */
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: 400;
	font-size: 14px;
	border-bottom: 1.5px solid #EDEDED;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.terms {
	font-weight: 400;
	font-size: 14px;
	color: #022B50;
	opacity: 0.7;
	border-bottom: 0;
	padding-bottom: 10px;
	margin-bottom: 0;
}
	.terms a {
		font-weight: 400;
		font-size: 14px !important;
		color: #022B50 !important;
	}
.marketting {
	font-size: 14px !important;
	line-height: 21px !important;
	color: #022B50 !important;
	opacity: 0.7;
	margin-bottom: 20px !important;
}
	.marketting a {
		font-size: 14px !important;
		line-height: 21px !important;
		color: #022B50 !important;
		opacity: 0.7;
		float:none !important;
	}
	/* Hide the browser's default checkbox */
	.check_container input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}
/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 3px;
	left: 0;
	height: 22px;
	width: 22px;
	background-color: #fff;
	/*border: 1px #74a4e9 solid;*/
	border: 1px solid #DD2127;
	border-radius: 0px;
}
/* On mouse-over, add a grey background color */
.check_container:hover input ~ .checkmark {
	background-color: #f7eaeb;
}
/* When the checkbox is checked, add a blue background */
.check_container input:checked ~ .checkmark {
	background-color: #f7eaeb;
	border: 1px solid #DD2127;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.check_container input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.check_container .checkmark:after {
	left: 7px;
	top: 3px;
	width: 6px;
	height: 11px;
	border: solid #DD2127;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.tooltip_ico {
	position: absolute;
	display: inline-block;
}
/* Accordian */
/* Accordian */
.Rectangle {
	width: 100%;
	color: #323234;
	margin: 0 0 10px;
	/*padding: 0 0 45px;*/
	/*border-bottom: 1px solid #EDEDED;*/
}

.accordion {
	padding: 7px 15px;
	background-color: #ebebeb;
	color: #323234;
	cursor: pointer;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-weight: 600;
	font-size: 16px;
	transition: 0.4s;
	margin-bottom: 15px;
	border-radius: 5px;
}

	.active, .accordion:hover {
	}

	.accordion:after {
		content: url(../images/l-arrow.png);
		font-size: 22px;
		float: right;
		margin-left: 5px;
	}

.active:after {
	content: url(../images/d-arrow.png);
}

.panel {
	/*max-height: 0;
    overflow: hidden;*/
	transition: max-height 0.2s ease-out;
	margin-bottom: 0px;
	background-color: transparent;
	border-radius: 0px;
	-webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 0%);
	box-shadow: 0 1px 1px rgb(0 0 0 / 0%);
	display: none;
}
.address_accordion a{
	cursor: pointer;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	transition: 0.4s;
	margin-bottom: 15px;
	background: #f2f2f2;
	padding:7px 20px;
	float:left;
}

	.address_active, .address_accordion a:hover {
	}

	.address_accordion a:after {
		content: url(../images/d-arrow.png);
		font-size: 22px;
		float: right;
		margin-left: 5px;
	}

.address_active a:after {
	content: url(../images/u-arrow.png);
}

.address_Panel {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	margin-bottom: 0px;
	background-color: transparent;
	border: 0;
	border-radius: 0px;
	float:left;
	width:100%;
}
.faq {
	width: 98%;
	margin-top: 80px;
	margin-bottom: 80px;
	text-align: center;
}
.faq .prevBtn{
	background:none;
	border:0;
	opacity:0.50;
}
.faq .prevBtn:hover{opacity:1;}
.faq .nxtBtn{
	background:none;
	border:0;
	opacity:0.50;
}
.faq .nxtBtn:hover{opacity:1;}
	.faq h1 {
		font-size: 34px;
		font-weight: 700;
		text-align: left;
		padding-right: 30%;
		display:inline-block;
		margin-bottom: 70px;
		position: relative;
    left: -5%;
	}
.yellow{background:#ffbc46;}
.litePink{background:#fff8f8;}
.liteBlue{background:#ddebff;}
.blue{background:#4b89e2;}
.pink{background:#fdf0f1;}
			.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; left:5px; }
    .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
        .MultiCarousel .MultiCarousel-inner .item { float: left;}
        .MultiCarousel .MultiCarousel-inner .item > div { padding:48px 35px; text-align:left; line-height:130%; font-size:14px; margin:10px 15px; color:#222; min-height:650px;}
		.MultiCarousel .MultiCarousel-inner .item h3{font-size:22px; font-weight:600; margin-bottom:40px; height:60px;}
    .MultiCarousel .leftLst, .MultiCarousel .rightLst { position:relative; top:10px; }
    .MultiCarousel .leftLst { left:-25px; }
    .MultiCarousel .rightLst { right:0; }
        .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; }
.faqMobile {
	display: none;
}


.reasonMob {
	display: none;
}

.reason {
	width: 100%;
	padding-bottom: 80px;
	display: block;
	text-align: center;
}

	.reason h1 {
		font-family: Poppins;
		font-style: normal;
		font-weight: bold;
		font-size: 34px;
		line-height: 125%;
		/* identical to box height, or 42px */
		letter-spacing: 1.2px;
		/* Charcoal-grey */
		color: #323234;
		margin-bottom: 70px;
		text-align: center;
	}

	.reason ul {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-around;
		align-items: flex-start;
	}

		.reason ul li {
			width: 24%;
			height: 276px;
			margin: 0 0 50px;
			/*padding: 32px 0px;*/
			background: #FFFFFF;
			border-radius: 12px;
			padding: 30px 25px;
			box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.10);
		}

.iconHappy {
	background: url(../images/happy.png) no-repeat center;
	width: 100%;
	height: 71px;
	margin-bottom: 20px;
	background-size: contain;
}

.iconDeposite {
	background: url(../images/deposite.png) no-repeat center;
	width: 100%;
	height: 71px;
	margin-bottom: 20px;
	background-size: contain;
}

.iconHeater {
	background: url(../images/heater.png) no-repeat center;
	width: 100%;
	height: 71px;
	margin-bottom: 20px;
	background-size: contain;
}

.iconSafe {
	background: url(../images/safe.png) no-repeat center;
	width: 100%;
	height: 71px;
	margin-bottom: 20px;
	background-size: contain;
}

.reason ul li h3 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 150%;
	height: 65px;
	/* identical to box height */
	align-items: center;
	text-align: center;
	/* Charcoal-grey */
	color: #323234;
	margin-bottom: 0;
	padding: 0;
}

.reason ul li p {
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 150%;
	align-items: center;
	text-align: center;
	/* Charcoal-grey */
	color: #323234;
}

#msgModalContent {
	font-size: 20px;
	font-weight: 500;
	text-align: center;
}





/* step2
------------------------------------*/
.secStep2 h4 {
	font-weight: 500;
	font-size: 18px;
	line-height: 30px;
	color: #323234;
	margin: 40px 0 15px;
	padding: 0;
}
.secStep2 .ansWrap {
	display: flex;
	flex-direction: row;
	flex-wrap:nowrap;
	padding-bottom: 30px;
	border-bottom: 1px solid #EDEDED;
	margin: 0 auto 30px;
}
	

	.secStep2 .option {
		display: flex;
		flex-direction: column;
		margin: 0 15px;
		max-width: 120px;
		cursor: pointer;
		align-items: center;
	}

	.secStep2 .option:hover .opWrap {
		background: #dd2127;
		border-color: #dd2127;
	}

	.secStep2 .option .active {
		background: #dd2127 !important;
		border-color: #dd2127 !important;
	}
	.secStep2 .option .active:after {
		content:'';
	}

	.secStep2 .option:hover i:before {
		color: #fff;
	}

	.secStep2 .option .active i:before {
		color: #fff;
	}

	.secStep2 .option .opWrap {
		width: 94px;
		height: 94px;
		background: #fff;
		border: 1px solid #f3f3f3;
		box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.04), 0px 8px 32px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
		border-radius: 14px;
		margin: 0 auto 15px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}

	.secStep2 .option small {
		font-weight: 500;
		font-size: 16px;
		text-align: center;
	}

	.secStep2 .option .opWrap span {
		font-weight: 600;
		font-size: 18px;
		line-height: 30px;
		color: #323234;
	}

	.secStep2 .option:hover .opWrap span {
		color: #fff;
	}

	.secStep2 .option .active span {
		color: #fff;
	}

	.secStep2 .option i {
		font-size: 92px;
		line-height: 94px;
	}
#winEligibilityContent {
	font-size: 20px;
	font-weight: 500;
	text-align: center;
}
.Rectangle h4 {
	font-family: Poppins;
	font-size: 16px;
	font-weight: 600;
	line-height: 18px;
	letter-spacing: 0px;
	text-align: left;
	padding-left: 15px;
}
.range-form {
	width: 100%;
	padding: 0 0 20px 15px;
}

.range-slider {
	-webkit-appearance: none;
	/* Override default CSS styles */
	appearance: none;
	width: 100%;
	/* Full-width */
	height: 4px;
	/* Specified height */
	background: #DD2127;
	/* Grey background */
	outline: none!important;
	/* Remove outline */
	opacity: 0.8;
	/* Set transparency (for mouse-over effects on hover) */
	-webkit-transition: 0.2s;
	/* 0.2 seconds transition on hover */
	transition: opacity 0.2s;
}

	.range-slider:hover {
		opacity: 1;
		/* Fully shown on mouse-over */
	}

	.range-slider::-webkit-slider-thumb {
		-webkit-appearance: none;
		/* Override default look */
		appearance: none;
		width: 24px;
		/* Set a specific slider handle width */
		height: 24px;
		/* Slider handle height */
		background: #fff;
		border: 2px #DD2127 solid;
		/* Green background */
		cursor: pointer;
		/* Cursor on hover */
		border-radius: 50%;
	}

	.range-slider::-moz-range-thumb {
		width: 24px;
		/* Set a specific slider handle width */
		height: 24px;
		/* Slider handle height */
		background: #fff;
		border: 2px #DD2127 solid;
		/* Green background */
		cursor: pointer;
		/* Cursor on hover */
	}
.range-form span {
	color: #DD2127;
	font-family: Poppins;
	font-size: 26px;
	font-weight: 600;
	line-height: 26px;
	letter-spacing: 0.01em;
	text-align: center;
}
.range_count {
	display: flex;
	justify-content: flex-end;	
}
	.range_count div {
		padding: 10px 25px;
		/*border: 1px #eee solid;*/
	}

.emi_holder {
	margin: 5px 0;
	border: 2px solid rgba(135, 143, 157, 0.1);
	border-radius: 5px;
	box-shadow: 0px 0px 4px 0px rgba(38, 50, 56, 0.1);
}
.emi_accordion {
	padding: 15px 25px 5px 10px;
	cursor: pointer;
	width: 100%;
	border: none;
	outline: none;
	float: left;
	font-size: 16px;
	font-weight: 600;
}
	.emi_accordion .leftPortion {
		color:#DD2127;
		float:left;
	}
	.emi_accordion .rightPortion {
		color: #323234;
		float:right;
		font-size:14px;
	}

	.emi_active, .emi_accordion:hover {
		font-weight: 800;
	}

	.emi_accordion:before {
		content: url(../images/emi-d.png);
		float: right;
		margin-left: 15px;
		line-height: 30px;
	}

.emi_active:before {
	content: url(../images/emi-u.png);
}



.emi_panel {
	padding: 0 30px;
	background-color: #fff;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	font-size: 14px;
	line-height: 150%;
	/* or 27px */
	letter-spacing: 0.012em;
	/* General / Dark */
	color: #323234;
	width: 100%;
}


table.emi_details{
	border-top:1px #eee solid;
	padding-top:25px;
	width:100%;
}
	table.emi_details td:first-child{
		font-weight:500;
	}
	table.emi_details td {
		padding: 10px 0;
	}
	/* Mouse-over effects */
	/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
	[type="radio"]:checked,
	[type="radio"]:not(:checked) {
		position: absolute;
		left: -9999px;
	}

	[type="radio"]:not(:checked) + label {
		position: relative;
		padding: 0 0 0 40px;
		cursor: pointer;
		font-weight: 600;
		font-size: 16px;
	}

	[type="radio"]:checked + label {
		position: relative;
		padding: 0 0 0 40px;
		cursor: pointer;
		
		font-weight: 700;
		font-size: 16px;
	
	}


	[type="radio"]:not(:checked) + label:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 18px;
		height: 18px;
		border-radius: 100%;
		background: #fff;
		border: 1px solid #878F9D;
		margin: 0 0 0 15px;
	}

	[type="radio"]:checked + label:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 18px;
		height: 18px;
		border-radius: 100%;
		background: #FFFFFF;
		/* dark skyblue */
		margin: 0 0 0 15px;
		border: 1px solid #DD2127;
	}

	[type="radio"]:not(:checked) + label:after {
		content: "";
		width: 8px;
		height: 8px;
		background: rgba(135, 143, 157, 0.5);
		position: absolute;
		top: 5px;
		left: 5px;
		border-radius: 100%;
		margin: 0 0 0 15px;
		-webkit-transition: all 0.1s ease;
		transition: all 0.1s ease;
	}

	[type="radio"]:checked + label:after {
		content: "";
		width: 8px;
		height: 8px;
		background: #DD2127;
		position: absolute;
		top: 5px;
		left: 5px;
		border-radius: 100%;
		margin: 0 0 0 15px;
		-webkit-transition: all 0.1s ease;
		transition: all 0.1s ease;
	}

	[type="radio"]:not(:checked) + label:after {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	[type="radio"]:checked + label:after {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
.elgChkr{
	display:flex;
	margin:20px 0;
	justify-content:space-between;
}
	.elgChkr [type="radio"]:not(:checked) + label {
		padding: 0 0 0 35px;
		font-weight: 400;
	}
	.elgChkr [type="radio"]:checked + label {
		padding: 0 0 0 35px;
		font-weight: 400;
	}
	.elgChkr [type="radio"]:not(:checked) + label:before {
		margin: 0 0 0 5px;
	}

	.elgChkr [type="radio"]:checked + label:before {
		margin: 0 0 0 5px;
	}

	.elgChkr [type="radio"]:not(:checked) + label:after {
		margin: 0 0 0 5px;
	}

	.elgChkr [type="radio"]:checked + label:after {
		margin: 0 0 0 5px;
	}
	/* Step 03
------------------------------------*/
	.confirmation {
		font-size: 16px;
		line-height: 140%;
		/* or 22px */
		letter-spacing: 1.2px;
		/* Charcoal-grey */
		color: #323234;
	}
.confirmation a{
	display:inline-block;
	margin-right:20px;
	margin-top:20px;
}
		.confirmation h1 {
			font-size: 26px !important;
			font-weight: 600 !important;
			line-height: 39px !important;
			letter-spacing: 0.012em !important;
			text-align: left;
		}
.confirmationDetails {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1.5px solid #EDEDED;
	margin-bottom: 15px;
}
.flexDirection {
	flex-direction: column;
}
	.flexDirection .itemblock{width:100%;}
	.confirmationDetails .itemblock {
		font-weight: 500;
		font-size: 16px;
		line-height: 19px;
		letter-spacing: 0.2px;
		padding-bottom: 20px;
		color: #333333;
		width: 50%;
	}
		.confirmationDetails .itemblock span {
			font-weight: 400;
		}
.flexDirection .itemblock {
	width: 100%;
}
		/* Footer
------------------------------------*/
		.cookie-banner {
			position: fixed;
			bottom: 0;
			border-top: 2px solid #000000;
			left: 1px;
			right: 1px;
			width: 100%;
			padding: 10px 0px;
			color: #fff;
			text-align: center;
			/*display: flex;	*/
			background-color: #000000;
			box-shadow: -1px -1px 2px 0 rgba(66, 66, 66, 0.6);
			font-size: 14px;
		}
	.cookie-banner a {
		color: #fff;
		text-decoration: underline;
	}
.close1 {
	height: 20px;
	float: left;
	background: transparent;
	border: 0;
	margin: -35px 0 0 40px;
}
.xlQuestion {
	font-size: 17px !important;
	letter-spacing: -1px;
}
#more {
	display: none;
}
/*ERROR PAGE*/
.error_bg {
	width: 100%;
	background: url(../images/error-bg.png) no-repeat bottom center;
}
.error_main {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	background: url(../images/error_graphic.png) no-repeat center 50%;
	width: 100%;
	padding: 130px 0;
	text-align: center;
}
	.error_main p {
		font-size: 25px;
		text-align: center;
		line-height: 160%;
		margin-bottom: 35px;
	}
	.error_main .Rbtn {
		background: #dd2127;
		padding:10px 120px;
		color:#fff;
		font-size:18px;
		border-radius:10px;
		text-decoration:none;
}
		.error_main .Rbtn:hover {
			background: #b1181d;}
		.error_logo {
			display: block;
			text-align: center;
		}
	.error_logo img {
		display: inline-block;
	}
	.oops {
		display: block;
		font-size: 60px;
		color: #4b89e2;
		font-weight: bold;
		padding: 210px 0 15px;
		text-align: center;
	}
.error_msg {
	display: block;
	font-size: 25px;
	color: #323234;
	font-weight: bold;
	padding: 25px 0 45px;
	text-align:center;
}
.footer_error {
	background: #f8f8f8;
	margin: 0;
	padding: 20px 5%;
	font-size: 12px;
	line-height: 140%;
/*	position: absolute;
	bottom: 0;*/
	width: 100%;
}
.modal-dialog {
	max-width: 700px !important;
	width: 700px !important;
}
/* 09/03/2022*/
.btn-danger {
	font-weight: 600;
	padding: 13px 25px !important;
	font-size: 14px !important;
	border-radius: 4px;
}

.modal-header {
	justify-content: flex-start !important;
	padding: 25px !important;
	border-bottom: 0 !important;
}
#wbox {
	margin-left: -15px;
}
/*select dropdown list*/

/*the container must be positioned relative:*/
.custom-select {
	position: relative;
	font-family: Arial;
}

	.custom-select select {
		display: none; /*hide original SELECT element:*/
	}

.select-selected {
	background-color: #fff;
}

	/*style the arrow inside the select element:*/
	.select-selected:after {
		position: absolute;
		content: url(../images/d-arrow.png);
		top: 34px;
		right: 30px;
		width: 0;
		height: 0;
		/*border: 6px solid transparent;
		border-color: #323234;*/
	}

	/*point the arrow upwards when the select box is open (active):*/
	.select-selected.select-arrow-active:after {
		/*border-color: transparent transparent #323234 transparent;
		top: 34px;*/
	}

/*style the items (options), including the selected item:*/
.select-items div, .select-selected {
	color: #323234;
	padding: 8px 16px;
	border: 1px solid #e2e2e2;
	/*border-color:transparent #e2e2e2 #e2e2e2 #e2e2e2;*/
	cursor: pointer;
	user-select: none;
}
.select-items div {
	border-color: transparent transparent #e2e2e2 transparent;
	background: #fff;
}
.select-items div:last-child {
	border-color: transparent;
}
	/*style items (options):*/
.select-items {
	position: absolute;
	background-color: #fff;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
	padding: 0 18px;
	box-shadow: 0 1px 10px rgb(0 0 0 / 10%);
}

/*hide the items when the select box is closed:*/
.select-hide {
	display: none;
}

.select-items div:hover, .same-as-selected {
	/*background-color: rgba(0, 0, 0, 0.1);*/
	font-weight:700;
}

.swal-button {
	background-color: #00B67A !important;
	color: #fff;
	border: none;
	box-shadow: none;
	border-radius: 5px;
	font-weight: 600;
	font-size: 14px;
	padding: 10px 24px;
	margin: 0;
	cursor: pointer;
}
/*custom radio button for annual payment*/


/**/

/*Car Upsell*/

.carUpsellCont {
	width: 100%;
	min-height: 170px;
	background: linear-gradient(180deg, #DDEBFF -50%, #FFFFFF 47.97%);
	border-radius: 5px;
}
.congratsBG {
	background: url(../images/GlitterBG.png) center;
}
.carUpsellCont .carUpsell {
	display: flex;
	justify-content: space-between;
	padding: 40px 0;
}
		.carUpsellCont .carUpsell .carUpsellL {
			display: flex;
		}
		.width60{width:60%;}
.width40 {
	width: 40%;
}
			.carUpsellCont .carUpsell .carUpsellL .switch {
				padding-top: 10px;
				width: 80px;
			}
.switchBtn {
	position: relative;
	display: inline-block;
	width: 62px;
	height: 34px;
}

	.switchBtn input {
		opacity: 0;
		width: 0;
		height: 0;
	}

.sliderUpsell {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #878F9D;
	box-sizing: border-box;
}

	.sliderUpsell:before {
		position: absolute;
		content: "";
		height: 28px;
		width: 28px;
		left: 3px;
		bottom: 3px;
		background: #fff url(../images/upsell_lock.png) no-repeat center;
		box-sizing: border-box;
	}

input:checked + .sliderUpsell {
	background: #4C82CE;
	border: 1px solid #F1F1F1;
}
	input:checked + .sliderUpsell:before {
		background: #fff url(../images/upsell_lock_open.png) no-repeat center;
	}

	input:focus + .sliderUpsell {
		box-shadow: 0 0 1px #2196F3;
	}

input:checked + .sliderUpsell:before {
	-webkit-transform: translateX(27px);
	-ms-transform: translateX(27px);
	transform: translateX(27px);
}
/* Rounded sliders */
.sliderUpsell.round {
	border-radius: 30px;
}

	.sliderUpsell.round:before {
		border-radius: 50%;
	}
			.carUpsellCont .carUpsell .carUpsellL .mainfield {
			}
			.carUpsellCont .carUpsell .carUpsellL h1 {
				font-weight: 700;
				font-size: 24px;
				line-height: 180%;
				/* or 43px */
				letter-spacing: 0.0179em;
				/* dark skyblue */
				color: #4B89E2;
			}
			h1.mview{display:none;}
			.carUpsellCont .carUpsell .carUpsellL h2 {
				font-weight: 600;
				font-size: 24px;
				line-height: 180%;
				/* or 43px */

				letter-spacing: 0.012em;
				/* Charcoal Grey */

				color: #323234;
			}
				.carUpsellCont .carUpsell .carUpsellL h2 span {
					color: #DD2127;
				}
.carUpsellCont .carUpsell .carUpsellL h3 {
	font-weight: 600;
	font-size: 18px;
	line-height: 180%;
	/* or 32px */
	letter-spacing: 0.012em;
	/* Charcoal Grey */
	color: #323234;
}
.carUpsellCont .carUpsell .carUpsellL p {
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	/* identical to box height, or 24px */
	letter-spacing: 0.0179em;
	/* Charcoal Grey */
	color: #323234;
}
	.carUpsellCont .carUpsell .carUpsellL p.special {
		font-weight: 300;
		font-size: 13px;
		line-height: 150%;
		/* identical to box height, or 20px */

		letter-spacing: 0.0179em;
		color: #4B89E2;
	}
.regFieldCont {
	width: 90%;
	display: inline-block;
	margin-top: 20px;
}
	.regFieldCont a {
		font-weight: 500;
		font-size: 14px;
		line-height: 24px;
		/* identical to box height, or 171% */
		padding-left:15px;
		letter-spacing: 0.2px;
		/* dark skyblue */

		color: #4B89E2;
	}
	.regField {
		display: flex;
		justify-content: space-between;
		margin-bottom:20px;
		width:100%;
	}
	.regField .label {
		font-weight: 500;
		font-size: 16px;
		line-height: 40px;
		/* identical to box height, or 24px */
		padding-left: 0px;
		letter-spacing: 0.0179em;
		/* Charcoal Grey */

		color: #323234;
	}
		.regField .fieldBox {
			/* Charcoal Grey */
			padding: 10px 15px;
			border: 1px solid #E8E5E5;
			display: flex;
			width: 270px;
			position: relative;
			left: 20px;
		}
		/*.regField .fieldBox .searchfield1{
			background-color:transparent;
			width:90%;
			border:0;
		}
			*/
		.regField .search {
			background: url(../images/search.png) no-repeat center;
			width: 21px;
			height: 20px;
			padding: 5px;
			border: 0;
			outline: none !important;
			position: relative;
			z-index: 100;
			top: 12px;
			left: -10px;
		}
		.regField .searchFocus {
			background: url(../images/searchFocus.png) no-repeat center;
			width: 21px;
			height: 20px;
			padding: 5px;
			border: 0;
			outline: none !important;
			position: relative;
			z-index: 100;
			top: 12px;
			left: -10px;
		}

			.regField button:focus {
				border: 0;
				outline: none !important;
				box-shadow: none;
				outline-color: #fff;
			}
				.carUpsellCont .carUpsell .carUpsellR {
					font-weight: 500;
					font-size: 14px;
					line-height: 118.9%;
					/* identical to box height, or 17px */

					letter-spacing: 0.0179em;
					/* General / Dark */

					color: #222222;
				}
.carData {
	display: flex;
	padding-top: 33px;
	width: 100%;
	min-height:100px;
}
	/*.carData div:first-child {
		width: 37%;
		font-weight: 500;
		font-size: 15px;
	}*/
	.carData div table td {
		padding-bottom: 10px;
		min-width: 200px;
		font-weight: 500;
		font-size: 15px;
	}
		.carData div table td span{font-weight:400;}
		.discalimer {
			font-size: 12px;
			line-height: 180%;
			/* or 22px */
			margin-top: 50px;
			letter-spacing: 0.012em;
			color: #4B89E2;
		}
.carUpsellCont .carUpsell .carUpsellL .mainfield2 {
	padding-left: 15px;
}

	.carUpsellCont .carUpsell .carUpsellL .mainfield2 h1 {
		font-weight: 800;
		font-size: 32px;
		line-height: 180%;
		/* identical to box height, or 58px */

		letter-spacing: 0.0179em;
		color: #4B89E2;
	}
.upsellBtn {
	background: #4B89E2;
	border-radius: 7px;
	padding: 7px 45px;
	font-weight: 600;
	font-size: 18px;
	line-height: 32px;
	border: 0;
	cursor: pointer;
	text-align: center;
	width: 44%;
	color: #fff;
}
.upsellBtnMob{display:none;}
.upsellLogo {
	float: right;
	width: 120px;
}
.freePromotion{
}
	.freePromotion h1 {
		font-weight: 600 !important;
		font-size: 24px !important;
		line-height: 180% !important;
		/* or 43px */
		margin-bottom: 13px !important;
		letter-spacing: 0.0179em !important;
		color: #333333 !important;
	}
	.freePromotion h2 {
		font-weight: 600 !important;
		font-size: 20px !important;
		line-height: 118.9% !important;
		/* identical to box height, or 24px */

		letter-spacing: 0.0179em !important;
		/* General / Dark */
		margin-bottom: 42px !important;
		color: #222222 !important;
	}
	.freePromotion p {
		font-weight: 400 !important;
		font-size: 16px !important;
		line-height: 150% !important;
		/* identical to box height, or 24px */

		letter-spacing: 0.012em !important;
		/* Charcoal Grey */
		margin-bottom: 21px !important;
		color: #323234 !important;
	}
		.freePromotion p span {
			font-weight: 400;
			font-size: 10px;
			line-height: 150%;
			/* identical to box height, or 15px */
			letter-spacing: 0.0179em;
			/* Charcoal Grey */
			color: #323234;
			display:block;
		}
.freePromoNote {
	font-weight: 400;
	font-size: 12px;
	line-height: 150%;
	/* or 18px */
	letter-spacing: 0.012em;
	/* Charcoal Grey */
	color: #323234;
}
.vehicleCoverDetail h3 {
	font-weight: 600 !important;
	font-size: 20px !important;
	line-height: 118.9% !important;
	/* identical to box height, or 24px */

	letter-spacing: 0.0179em !important;
	/* General / Dark */
	text-align: center !important;
	margin-bottom: 23px !important;
	color: #222222 !important;
}
.homeStartBox {
	background: #FFFFFF;
	/* 2 dp • Dark shadow */
	margin: 0 auto 30px;
	width: 68%;
	padding: 30px;
	box-shadow: 0px 2px 4px rgba(38, 50, 56, 0.16), 0px 4px 8px rgba(38, 50, 56, 0.08);
	border-radius: 16px;
}
	.homeStartBox h4 {
		background: #C0C0C0;
		border-radius: 5px;
		font-weight: 600;
		font-size: 16px;
		line-height: 24px;
		/* or 150% */
		padding:5px;
		width:100%;
		text-align: center;
		letter-spacing: 1.6px;
		text-transform: uppercase;
		color: #08316B;
	}
	.homeStartBox ul{margin-left:10px;}
		.homeStartBox ul li {
			background: url(../images/Step_indicator.png) no-repeat top left;
			padding-bottom: 5px;
			padding-left: 25px;
			font-weight: 500;
			font-size: 14px;
			line-height: 150%;
			letter-spacing: 0.012em;
			color: #323234;
		}

.how_we_work {
	display: inline-block;
	width: 100%;
	padding-bottom: 40px;
	text-align: center;
	background: url('../images/Vector.png') no-repeat center bottom;
	background-size: contain;
}

	.how_we_work h1 {
		font-size: 36px;
		font-weight: 700;
		line-height: 100%;
		margin-bottom: 50px;
		text-align: center;
	}

	.how_we_work ul {
		width: 100%;
		display: flex;
	}

		.how_we_work ul li {
			width: 33%;
			height: 380px;
			border-radius: 10px;
			box-shadow: 0px 15px 32px 0px rgba(0,0,0,0.1);
			border: 1px #f1f1f1 solid;
			margin: 0 1% 60px;
			padding: 32px 41px;
			background: #fff;
		}

			.how_we_work ul li .number {
				font-size: 48px;
				line-height: 150%;
				text-align: center;
				letter-spacing: 0.012em;
				color: #4B89E2;
			}

			.how_we_work ul li h3 {
				font-weight: 600;
				font-size: 20px;
				line-height: 150%;
				text-align: center;
				margin-bottom: 20px;
			}

			.how_we_work ul li p {
				font-weight: normal;
				font-size: 16px;
				line-height: 150%;
				text-align: left;
			}

/*Card types*/


.card-bounding {
	width: 90%;
	max-width: 500px;
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	padding: 30px;
	border: 1px solid #3e73ea;
	border-radius: 6px;
	font-family: 'Roboto';
	background: #ffffff;
}

	.card-bounding aside {
		font-size: 24px;
		padding-bottom: 8px;
	}

.card-container {
	width: 100%;
	padding-left: 65px;
	padding-right: 40px;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #e2e2e2;
	margin: 0 auto 30px auto;
	border-radius: 5px;
}

	.card-container input {
		width: 100%;
		letter-spacing: 1px;
		/*padding: 10px 3%;*/
		border: 1px #e2e2e2 solid;
		font-size: 16px;
		color: #222222;
		font-weight: 300;
		padding: 10px 15px 10px 25px;
		border: 0;
		outline: none;
		box-sizing: border-box;
	}

.card-type {
	width: 55px;
	height: 36px;
	background: url("../images/cards.png");
	/*background-position: 0 -291px;*/
	background-position: 0 -844px;
	background-repeat: no-repeat;
	position: absolute;
	top: 3px;
	left: 4px;
}

	.card-type.maestro {
		background-position: 0 -123px;
	}

	.card-type.mastercard {
		background-position: 0 -185px;
	}

	.card-type.visa {
		background-position: 0 -304px;
	}

	.card-type.amex {
		background-position: 0 -65px;
	}

	.card-type.diners_club_carte_blanche {
		background-position: 0 -485px;
	}

	.card-type.diners_club_international {
		background-position: 0 -485px;
	}

	.card-type.jcb {
		background-position: 0 -785px;
	}

	.card-type.laser {
		background-position: 0 -605px;
	}

	.card-type.discover {
		background-position: 0 -366px;
	}

.card-valid {
	position: absolute;
	top: -5px;
	right: 15px;
	line-height: 60px;
	font-size: 18px;
	font-family: 'fontawesome';
	color: #ccc;
}

	.card-valid.activeCard {
		color: #42ca7c;
	}

.card-details {
	width: 100%;
	text-align: left;
	margin-bottom: 30px;
	transition: 300ms ease;
}

	.card-details input {
		font-size: 30px;
		padding: 15px;
		box-sizing: border-box;
		width: 100%;
	}

		.card-details input.error {
			border: 1px solid #c2313c;
			box-shadow: 0 4px 8px 0 rgba(238,76,87,0.3);
			outline: none;
		}

	.card-details .expiration {
		width: 50%;
		float: left;
		padding-right: 5%;
	}

	.card-details .cvv {
		width: 45%;
		float: left;
	}
.quoteBtnHolder{
	float:right;
}
.whiteBtnSm {
	border: 2px solid #DD2127;
	background: #fff;
	color: #DD2127;
	line-height: 24px;
	padding: 10px 25px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	text-align: center;
	border-radius: 4px;
	text-decoration: none !important;
}
.downloadBtn {
	background: #DD2127;
	border-radius: 4px;
	padding: 12px 25px;
	font-weight: 500 !important;
	font-size: 14px !important;
	line-height: 24px;
	border: 2px solid #DD2127;
	cursor: pointer;
	text-align: center;
	color: #fff !important;
	text-decoration: none !important;
}
/**/
/* Responsive
------------------------------------*/
/*@media only screen and (min-width: 576px) {
	.container {
				max-width: 96%;
			}
		}

		@media only screen and (min-width: 1200px) {
			.container {
				max-width: 1170px;
			}
		}

		@media only screen and (max-width: 1440px) {
		}*/
@media only screen and (max-width: 1370px) {
	.reason ul li h3 {
				font-size: 22px;
			}
		}

		@media only screen and (max-width: 1300px) {
			.reason ul li h3 {
				height: 102px;
			}

			.reason ul li {
				height: 320px;
			}
			.secStep2 .option {
				margin: 0 10px;
				max-width: 100px;
				width:20%;
			}

			

				.secStep2 .option .opWrap {
					width: 70px;
					height: 68px;
					display: flex;
					flex-wrap:nowrap;
				}

				

				

				.secStep2 .option i {
					font-size: 70px;
					line-height: 68px;
				}
			.paymentBtn {
				font-size: 16px !important;
			}

		}

		@media only screen and (max-width: 1024px) {
			/* index
------------------------------------*/
			.main {
				background: none;
			}

			.actionarea .leftPanel {
				width: 59%;
			}

			.actionarea .rightPanel {
				width: 40%;
			}

			.actionarea .leftPanel h1 {
				margin-bottom: 1.3rem;
				font-size: 3.1rem;
			}

			.actionarea .leftPanel .highlight {
				width: 94%;
				font-size: 1rem;
				letter-spacing: 0.1rem;
			}

			.actionarea .leftPanel ul.include li {
				width: 50%;
			}
			/*.paymentBtn {
				padding: 7px 0;
			}*/
			.elgChkr {
				display: flex;
				margin: 20px 0;
				flex-direction: column;
			}
			.actionarea .rightPanel h1 {
				padding: 7px 15px;
			}

			.confirmationDetails {
				flex-direction: column;
			}

				.confirmationDetails .itemblock {
					width: 100%;
				}

			[type="radio"]:not(:checked) + label {
				/*width: 99px;*/
				padding: 8px 15px 8px 31px;
			}

			[type="radio"]:checked + label {
				/*width: 99px;*/
				padding: 8px 15px 8px 31px;
			}

			[type="radio"]:not(:checked) + label:before {
				margin: 10px 0 0 10px;
			}

			[type="radio"]:checked + label:before {
				margin: 10px 0 0 10px;
			}

			[type="radio"]:not(:checked) + label:after {
				margin: 10px 0 0 10px;
			}

			[type="radio"]:checked + label:after {
				margin: 10px 0 0 10px;
			}
			[type="radio"]:not(:checked) + label {
				font-size: 14px;
			}

			[type="radio"]:checked + label {
				font-size: 14px;
			}
			/*.actionarea .leftPanel ul.not_include li {
		width: 33%;
	}*/
			/*.cookie-banner p {
		width: 70%;
		padding: 0 15%;
	}*/
			/* step2
------------------------------------*/
			.carUpsellCont .carUpsell {
				display: flex;
				flex-direction: column;
			}
			.carUpsellR img{display:none;}

.mainfield h1{display:none;}
.mainfield h1.mview {
	display: block;
}
	.mainfield h1.mview img {
		width: 100px;
		display: inline-block;
	}
.width60 {
	width: 100%;
}
.width40 {
	width: 80%;
	margin:auto;
}
.upsellBtn {
	width: 42%;
}
.homeStartBox {
	width: 100%;
}
.carData {
	display: flex;
	flex-direction: column;
}
	/*.carData div:first-child {
		margin-bottom: 20px;
	}*/


			.reason ul li {
				padding: 30px 20px;
			}

				.reason ul li h3 {
					font-size: 18px;
				}

				.reason ul li p {
					font-size: 16px;
				}

			.how_we_work {
				margin-bottom: 12px;
			}

				.how_we_work ul li {
					height: 400px;
					padding: 32px 25px;
				}

					.how_we_work ul li h3 {
						font-size: 15px;
					}

					.how_we_work ul li p {
						font-size: 14px;
					}

}
	@media only screen and (max-width: 912px) {
		.actionarea .leftPanel {
				width: 100%;
				margin-bottom: 20px;
			}

				.actionarea .leftPanel h1 {
					text-align: center;
				}
		.elgChkr {
			display: flex;
			margin: 20px 0;
			flex-direction: row;
		}
			.actionarea .rightPanel {
				width: 100%;
				top: 45px;
				margin-top: 20px;
			}

			[type="radio"]:not(:checked) + label {
				/*width: 110px;*/
				padding: 8px 15px 8px 31px;
			}

			[type="radio"]:checked + label {
				/*width: 110px;*/
				padding: 8px 15px 8px 31px;
			}
		.freePromotionMobile{display:none;}
		.carData div table td {
			min-width:100px;
		}
		.carUpsellCont .carUpsell .carUpsellL .mainfield2 {
			padding-left: 0px;
		}
		}


		@media only screen and (max-width: 820px) {
			body {
				background: #fff url(../images/bg-tab.png) no-repeat top center;
			}

			.main {
				background: none;
			}

			.header .headRow {
				justify-content: space-evenly;
			}

			.actionarea .leftPanel {
				width: 100%;
				margin-bottom: 20px;
			}

				.actionarea .leftPanel h1 {
					text-align: center;
				}

			.actionarea .rightPanel {
				width: 100%;
				top: 45px;
				margin-top: 20px;
			}

			.confirmation {
				margin-top: 20px;
			}

			.modal-dialog {
				width: auto !important;
			}

			.modal-content .download {
				flex-direction: column;
			}

				.modal-content .download a {
					padding: 10px 0;
				}

			.faqMobile {
				width: 100%;
				margin-top: 100px;
				margin-bottom: 80px;
				display: block;
			}

				.faqMobile h1 {
					font-size: 26px;
					font-weight: 900;
					margin-bottom: 40px;
				}

			.faq_accordion {
				background: #fdf0f1;
				font-weight: bold;
				color: #323234;
				padding: .75em;
				cursor: pointer;
				width: 100%;
				border: none;
				text-align: left;
				outline: none;
				transition: 0.4s;
				font-size: 14px;
			}

				.faq_active, .faq_accordion:hover {
					background-color: #ddebff;
				}

				.faq_accordion:after {
					content: url(../images/l-arrow.png);
					float: right;
					margin-left: 5px;
					line-height: 30px;
				}

			.faq_active:after {
				content: url(../images/d-arrow.png);
			}

			.faq_holder {
				margin: .2em 0;
			}

			.faq_panel {
				padding: 0 .75em;
				background-color: #ddebff;
				max-height: 0;
				overflow: hidden;
				transition: max-height 0.2s ease-out;
				font-size: 14px;
			}

			.cookie-banner p {
				width: 100%;
				padding: 0 10%;
			}

			.close1 {
				margin: -50px 0 0 40px;
			}

			.upsellBtn {
				width: 46%;
			}

			.reason ul {
				flex-wrap: wrap;
			}

				.reason ul li {
					width: 47%;
					height: 280px;
					margin: 0 0 100px;
					padding: 32px 15px;
				}

					.reason ul li h3 {
						height: 55px;
					}

			.how_we_work h1 {
				font-size: 35px;
				margin-bottom: 25px;
			}

			.how_we_work ul {
				width: 100%;
				display: flex;
				flex-direction: column;
			}

				.how_we_work ul li {
					width: 100%;
					height: auto;
					margin: 0 0% 25px;
					padding: 42px 5%;
				}

					.how_we_work ul li h3 {
						font-size: 22px;
					}
			/* index
------------------------------------*/
			/* footer
------------------------------------*/
		}

@media only screen and (max-width: 600px) {
	/*.carUpsellCont .carUpsell .carUpsellL .mainfield2 {
		position: relative;
		left: -56px;
	}

		.carUpsellCont .carUpsell .carUpsellL .mainfield2 h1 {
			text-indent: 68px;
		}*/
	.regField {
		flex-direction: column;
		align-items: flex-start;
	}
		.regField div {
			width: 100%;
		}
		.regField .label {
			text-align: left;
		}
		.regField .fieldBox {
			width: 100%;
			position: relative;
			left: 0px;
		}
		.regField .search {
			left: -38px;
		}

	.how_we_work {
		margin-bottom: 0px;
	}

		.how_we_work ul li {
			margin: 0 0% 20px;
			padding: 32px 5%;
		}

			.how_we_work ul li .number {
				font-size: 45px;
				line-height: 120%;
			}

		.how_we_work h1 {
			font-size: 25px;
			margin-bottom: 19px;
		}
}

	@media only screen and (max-width: 540px) {
		/* index
------------------------------------*/
		body {
			background: #fff url(../images/bg-mob.png) no-repeat top center;
		}

		.header {
			box-shadow: none;
		}

			.header .headRow {
				flex-wrap: nowrap;
			}

		.actionarea .leftPanel {
			width: 100%;
			margin: 50px 0 20px;
			padding: 50px 15px;
		}

			.actionarea .leftPanel h1 {
				margin-bottom: 1.3rem;
				font-size: 2.1rem;
			}

			.actionarea .leftPanel h2 {
				font-size: 24px;
			}

		.step1 .topPart {
			flex-direction: column;
		}

		.step1 .trustpilot {
			position: absolute;
			margin-top: -20px;
		}

		.step1 h3 {
			margin-top: 50px;
			font-size: 16px;
		}

		.label {
			font-size: 12px;
		}

		.step1 ul li.half {
			width: 100%;
			margin-right: 0%;
		}

		#opc_input {
			width: 100%;
			margin-right: 0%;
		}

		#opc_button {
			width: 100%;
			margin-top: 25px;
		}

		.step1 ul li.sixty {
			width: 100%;
			margin-right: 0%;
		}

		.step1 ul li.forty {
			width: 100%;
		}

		.actionarea .rightPanel {
			padding: 46px 15px;
		}

			.actionarea .rightPanel .productDetails .leftPart {
				width: 35%;
				margin-right: 5%;
			}

			.actionarea .rightPanel h2 {
				font-size: 16px;
			}

			.actionarea .rightPanel h1 {
				font-size: 14px;
				line-height:150%;
			}

		.check_container {
			font-size: 12px;
		}

		.actionarea .rightPanel .impDoc p {
			font-size: 12px;
			line-height: 15px;
		}
		.elgChkr {
			display: flex;
			margin: 20px 0;
			flex-direction: column;
		}
		.actionarea .rightPanel a {
			font-size: 12px;
		}

		.actionarea .rightPanel .priceexcess p {
			font-size: 12px;
		}

		.actionarea .rightPanel .priceexcess .topRow .amount {
			font-size: 14px;
		}

		.excessDD {
			font-size: 14px;
			font-weight: 600;
		}

		.modal-content .download {
			flex-direction: column;
		}

			.modal-content .download a {
				padding: 10px 0;
			}

		.modal-dialog {
			width: auto !important;
		}

		.actionarea .leftPanel .payDetailsTop {
			display: flex;
			justify-content: space-between;
			flex-direction: column;
		}

			.actionarea .leftPanel .payDetailsTop a {
				float: right;
				margin-top: -91px;
			}

		/*.step1 {
			margin-top: -8px !important;
		}*/

			.step1 ul li a {
				font-size: 12px !important;
				padding-left: 15px;
			}

		.confirmation {
			margin-top: -15px;
			width: 100%;
		}

		.confirmationDetails .itemblock {
			font-size: 14px;
		}

		.btnWidth {
			width: 100%;
			float: right;
			padding: 7px 10px;
			font-size: 16px;
		}

		.close1 {
			margin: -65px 0 0 20px;
		}
		/*.carData div:first-child {
				width: 100%;

			}*/
		.carUpsellCont .carUpsell {
			padding-bottom: 0;
		}
		.carUpsellCont .carUpsell .carUpsellL {
			display: inline-block;
		}

			.carUpsellCont .carUpsell .carUpsellL .switch {
				position: relative;
				z-index: 100;
				display: inline-block;
			}

			.carUpsellCont .carUpsell .carUpsellL .mainfield {
				text-indent: 76px;
				position: relative;
				top: -30px;
			}

			.carUpsellCont .carUpsell .carUpsellL h2 {
				text-indent: 0px;
			}

			.carUpsellCont .carUpsell .carUpsellL .mainfield2 {
				position: relative;
				top: -32px;
				display: inline-block;
				width: 100%;
			}

				.carUpsellCont .carUpsell .carUpsellL .mainfield2 h1 {
					text-indent: 68px;
				}

		.width40 {
			width: 100%;
			margin: auto;
		}

		.regFieldCont {
			width: 100%;
			margin-top: 0px;
		}

		.regField {
			display: flex;
			margin-bottom: 20px;
			width: 100%;
			flex-direction: column;
			justify-content: space-between;
			align-items: flex-start;
		}

			.regField div {
				width: 100%;
			}

			.regField .fieldBox {
				width: 80%;
				position: relative;
				left: 0px;
			}

			.regField .label {
				text-align: left;
			}

			.regField .search {
				left: -36px;
			}

			.regField .upsellBtn {
				display: none;
			}

		.upsellBtnMob {
			width: 60%;
			margin: auto;
			background: #4B89E2;
			border-radius: 7px;
			padding: 7px 45px;
			font-weight: 600;
			font-size: 18px;
			line-height: 32px;
			border: 0;
			cursor: pointer;
			text-align: center;
			color: #fff;
			display: flex;
			justify-content: center;
			margin-top: 30px;
		}

		.display {
			display: none;
		}

		.regField .searchFocus {
			background: url(../images/searchFocus.png) no-repeat center;
			width: 21px;
			height: 20px;
			padding: 5px;
			border: 0;
			outline: none !important;
			position: relative;
			z-index: 100;
			top: 12px;
			left: -36px;
		}

		.reason {
			display: none;
		}

		.reasonMob {
			width: 100%;
			padding-top: 50px;
			padding-bottom: 60px;
			display: block;
			margin-top: -50px;
			/*position:relative;
			top:-20px;*/
		}

			.reasonMob h1 {
				font-size: 24px;
				line-height: 100%;
				margin-bottom: 25px;
			}

			.reasonMob .item {
				background: #FFFFFF !important;
				border-radius: 12px !important;
				padding: 30px 60px !important;
				/*box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.10)!important;*/
			}

				.reasonMob .item h3 {
					font-family: Poppins;
					font-style: normal;
					font-weight: bold;
					font-size: 20px;
					line-height: 30px;
					height: auto;
					/* identical to box height */
					align-items: center;
					text-align: center;
					/* Charcoal-grey */
					color: #323234;
					margin-bottom: 21px;
					padding: 0 15px;
				}

				.reasonMob .item p {
					font-family: Poppins;
					font-style: normal;
					font-weight: normal;
					font-size: 16px;
					line-height: 24px;
					align-items: center;
					text-align: center;
					/* Charcoal-grey */
					color: #323234;
				}

		.carousel-indicators {
			width: 70% !important;
			bottom: -40px !important;
		}

			.carousel-indicators li {
				width: 14px !important;
				height: 14px !important;
				margin: 2px !important;
				background: rgba(75, 137, 226, 0.32) !important;
				border: 1px solid #F1F1F1 !important;
				border-radius: 10px;
			}

			.carousel-indicators .active {
				opacity: 1;
				background: #4B89E2 !important;
				border: 1px solid #2265C5 !important;
			}



		/* step2
------------------------------------*/
		.secStep2 .ansWrap {
			flex-wrap: wrap;
		}
		.quoteBtnHolder {
			float: right;
			width:100%;
		}

	}

	@media screen and (max-width: 428px) {
		#wbox {
			margin-left: 0px;
			margin-top: -25px;
		}

		.regFieldCont a {
			font-size: 12px;
		}

		.carUpsellCont .carUpsell .carUpsellL h1 {
			font-size: 20px;
			padding-top: 6px;
		}

		.carUpsellCont .carUpsell .carUpsellL h2 {
			font-size: 16px;
		}

		.carUpsellCont .carUpsell .carUpsellL .mainfield2 h1 {
			font-size: 24px;
		}

		.carUpsellCont .carUpsell .carUpsellL h3 {
			font-size: 16px;
		}

		.carUpsellCont .carUpsell .carUpsellL p.special {
			font-size: 10px;
			letter-spacing: 0;
		}

		.carUpsellCont .carUpsell .carUpsellL p {
			font-size: 14px;
		}

		.regField .label {
			font-size: 12px;
			line-height: 20px;
		}

		.carData div table td {
			font-size: 12px;
			line-height: 100%;
		}
		.nav-tabs > li {
			width: 100%;
			margin-right: 0px;
		}
			.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
				color: #fff;
				border-radius: 4px;
				background: #4b89e2;
				border-bottom: 0;
				margin-bottom: 3px;
			}
			.nav-tabs > li > a {
				border-radius: 4px;
				margin-right: 0;
				border: 0;
				background: #dbdee2;
				border-bottom: 0;
				margin-bottom: 3px;
			}
		.secStep2 .option {
			width: 19%;
		}
		.secStep2 h4 {
			font-size: 14px;
			line-height: 20px;
			margin: 20px 0 15px;
		}
		.secStep2 .option small {
			font-size: 14px;
			line-height: 20px;
		}
		.paymentBtn {
			font-size: 14px !important;
			width:100%!important;
		}
		.btn_holder {
			float: none;
			width: 80%;
			margin: auto;
		}
		.actionarea .leftPanel {
			width: 100%;
			margin: 50px 0 20px;
			padding: 50px 10px;
		}
		.emi_accordion .leftPortion {
			position: relative;
			top: -8px;
		}
	}

@media screen and (max-width: 393px) {
	.regFieldCont a {
		font-size: 11px;
	}
	.secStep2 .option {
		width: 18%;
		margin: 10px;
	}
	.emi_accordion .rightPortion {
		font-size: 12px;
	}
}

	@media screen and (max-width: 377px) {
		/* index
------------------------------------*/
		.faq_panel {
			font-size: 13px;
			line-height: 140%;
		}

		.faq_accordion {
			font-size: 13px;
		}

		.discount-code p {
			font-size: 14px;
		}

		.step1 ul li a {
			font-size: 9px;
		}

		.check_container {
			padding-left: 25px;
		}

		.carUpsellCont .carUpsell .carUpsellL h1 {
			font-size: 18px;
			padding-top: 8px;
		}

		.regFieldCont a {
			font-size: 11px;
		}
		.emi_accordion {
			padding: 15px 8px 5px 0px;
		}
	}

	@media screen and (max-width: 360px) {
		.discount-code p {
			font-size: 12px;
		}

		.actionarea .rightPanel h1 {
			padding: 7px 15px;
		}

		.actionarea .rightPanel ul.include li {
			font-size: 11px;
			line-height: 18px;
		}

		.actionarea .rightPanel ul.not_include li {
			font-size: 11px;
		}

		[type="radio"]:not(:checked) + label {
			/*width: 105px;*/
			padding: 8px 7px 8px 31px;
			font-size: 11px;
		}

		[type="radio"]:checked + label {
			/*width: 105px;*/
			padding: 8px 7px 8px 31px;
			font-size: 11px;
		}

		[type="radio"]:not(:checked) + label:before {
			margin: 10px 0 0 10px;
		}

		[type="radio"]:checked + label:before {
			margin: 10px 0 0 10px;
		}

		[type="radio"]:not(:checked) + label:after {
			margin: 10px 0 0 10px;
		}

		[type="radio"]:checked + label:after {
			margin: 10px 0 0 10px;
		}

		.mainfield h1.mview img {
			width: 70px;
			display: inline-block;
		}
		.regFieldCont a {
			font-size: 10px;
		}
		.reasonMob h1 {
			font-size: 22px;
		}
		.secStep2 .option {
			width: 25%;
			margin: 10px;
		}
		.emi_accordion .rightPortion {
			font-size: 11px;
		}
	}

	@media screen and (max-width: 320px) {
		/* index
------------------------------------*/
		body {
			font-size: 12px;
		}

		.step1 .topPart {
			align-items: center;
		}

		.actionarea .rightPanel h1 {
			padding: 7px 15px;
		}

		.actionarea .rightPanel ul.include li {
			font-size: 11px;
			line-height: 18px;
		}

		.actionarea .rightPanel ul.not_include li {
			font-size: 11px;
		}

		

		.btn-danger {
			padding: 8px 18px !important;
			font-size: 12px !important;
		}

		.discount-code p {
			font-size: 11px;
		}

		.check_container {
			padding-left: 18px;
		}

		.checkmark {
			height: 16px;
			width: 16px;
		}

		.check_container .checkmark:after {
			left: 4px;
			top: 0px;
			width: 5px;
			height: 9px;
		}

		.tabs h6 {
			font-size: 15px;
		}

		.faq_panel {
			font-size: 11px;
		}

		.faq_accordion {
			font-size: 11px;
		}

		.carUpsellCont .carUpsell .carUpsellL h1 {
			font-size: 17px;
			padding-top: 11px;
		}
		.regFieldCont a {
			font-size: 9px;
		}
		.address_accordion a:after {
			margin-left: 1px;
		}
		.emi_accordion .rightPortion {
			font-size: 10px;
		}
		.accordion {
			font-size: 15px;
		}
	}

	@media screen and (max-width: 280px) {
		.btnWidth {
			font-size: 13px;
		}

		.check_container {
			padding-left: 36px;
		}

		.actionarea .leftPanel .payDetailsTop a {
			font-size: 9px;
		}

		.actionarea .rightPanel h4 {
			font-size: 14px;
		}

		.confirmationDetails .itemblock {
			font-size: 12px;
		}
		.carUpsellCont .carUpsell .carUpsellL .mainfield2 h1 {
			font-size: 19px;
		}
		.carUpsellCont .carUpsell .carUpsellL h3 {
			font-size: 14px;
		}
		.regFieldCont a {
			font-size:8px;
			padding-left:8px;
		}
		.reasonMob h1 {
			font-size: 22px;
		}
	}