@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;
	background:transparent;
	font-family: 'Nunito Sans';
	font-size: 16px;
}
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;
}
.errMsgPosition{position:relative; top:-20px;}
*:focus {
	box-shadow: none;
}
button:focus{
	outline: none !important;
}

select {
	appearance: none;
	background: url('../images/d-arrow.png') no-repeat 95% center;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #000;
	opacity: 0.3; /* Firefox */
}
/* Index page
------------------------------------*/
.actionarea{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
	.actionarea .leftPanel {
		float: left;
		width: 58%;
		/*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: 20px;
			font-weight: 600;
			line-height: 118.9%;
			/* identical to box height, or 31px */
			letter-spacing: 0.0179em;
			/* General / Dark */
			color: #222222;
			font-size: 26px;
		}
		.actionarea .leftPanel p {
			font-weight: normal;
			font-size: 16px;
			line-height: 140%;
			/* or 22px */
			letter-spacing: 1.2px;
			/* Charcoal-grey */
			color: #323234;
			margin-bottom:45px;
		}
			.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: 39%;
			margin-top: 86px;
			margin-bottom: 86px;
			padding: 46px 35px;
			background: #FFFFFF;
			border: 1px solid #E8E5E5;
			box-sizing: border-box;
			border-radius: 5px;
		}
			.actionarea .rightPanel h1 {
				font-weight: bold;
				font-size: 18px;
				line-height: 32px;
				/* identical to box height, or 178% */
				display: flex;
				letter-spacing: 0.2px;
				/* Charcoal-grey */
				color: #323234;
				background: rgba(75, 137, 226, 0.2);
				border: 1px solid #4B89E2;
				box-sizing: border-box;
				padding: 7px 5px;
				justify-content: center;
				text-align: center;
				margin-bottom: 8px;
			}
			.actionarea .rightPanel h2 {
				font-weight: 500;
				font-size: 18px;
				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 {
				padding-bottom:10px;
				display:flex;
			}
				.actionarea .rightPanel .productDetails .leftPart {
					width: 40%;
					display: flex;
					align-items: center;
				}
				.actionarea .rightPanel .productDetails .rightPart {
					width: 60%;
				}
				.actionarea .rightPanel h4 {
					font-size: 16px;
					font-weight: 600;
					margin-bottom: 20px;
				}
			.actionarea .rightPanel h5 {
				font-size: 16px;
				font-weight: 500;
				line-height: 19px;
				color: #333;
				margin-bottom: 23px;
			}
			.actionarea .rightPanel h3 {
				font-size: 20px;
				font-weight: 600;
				line-height: 24px;
				color: #2D3436;
				margin-bottom: 40px;
			}
#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;
	padding-bottom: 15px;
	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: 500;
			font-size: 14px;
			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: 20px;
					letter-spacing: 0.2px;
					/* Black */
					color: #2D3436;
					margin-bottom:4px;
				}
	.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: 32px;
	}
	.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;
}
.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: 7px;
	width: 100%;
	padding: 10px 3%;
	border: 1px #e2e2e2 solid;
	font-size: 16px;
	color: #222222;
	font-weight: 300;
}
	.textfield:focus {
		border: 1px #4b89e2 solid;
	}
.textfield:visited{color:#323234;}
#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;
	}

#addressLineOneLP {
	border-radius: 0px;
	width: 100%;
	padding: 10px 3%;
	border: 1px #e2e2e2 solid;
	font-size: 16px;
	color: #222222;
	font-weight: 300;
	background: #D2D2D2;
}

#postCodeLP {
	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: #4B89E2;
	border-radius: 7px;
	padding: 7px 45px;
	font-weight: 600;
	font-size: 18px;
	line-height: 32px;
	border: 0;
	cursor: pointer;
	text-align: center;
	width: 100%;
	color: #fff;
}
.btnWidth{width:auto; float:right;}
#opc_button {
	background: #4B89E2;
	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;
}
.bluBtn {
	background: #4b89e2;
	padding: 7px 25px;
	color: #fff !important;
	font-size: 14px;
	font-weight: 500;
	border: 0;
	cursor: pointer;
	text-align: center;
	border-radius:4px;
	float:right;
	text-decoration:none !important;
}
	.bluBtn:hover {
		background: #3a6eb8;
	}
.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;
}
/* 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: 2px solid #4B89E2;
	border-radius: 0px;
}
/* On mouse-over, add a grey background color */
.check_container:hover input ~ .checkmark {
  background-color: #dbe7f9;
}
/* When the checkbox is checked, add a blue background */
.check_container input:checked ~ .checkmark {
	background-color: #dbe7f9;
	border: 2px solid #4B89E2;
}
/* 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 #4B89E2;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*.tooltip_ico {
	position: absolute;
	display: inline-block;
}*/
#lblLandlordText{margin-top:90px;}
.tooltipIco {
	position: relative;
	display: inline-block;
	margin-left: 20px;
}
	.tooltipIco img{
		width:12px;
		height:12px;
	}

	.tooltipIco .tooltiptext {
		display: none;
		width: 120px;
		height: auto;
		font-size: 11px;
		font-weight: 300;
		line-height: 140%;
		white-space: normal;
		text-transform: none;
		background-color: #323234;
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 5px 10px;
		position: absolute;
		z-index: 1;
		/*top: -25px;
		left: 110%;*/
		top: 150%;
		left: 50%;
		margin-left: -60px;
	}

		.tooltipIco .tooltiptext::after {
			/*content: "";
			position: absolute;
			top: 50%;
			right: 100%;
			margin-top: -5px;
			border-width: 5px;
			border-style: solid;
			border-color: transparent black transparent transparent;*/
			content: "";
			position: absolute;
			bottom: 100%;
			left: 50%;
			margin-left: -5px;
			border-width: 5px;
			border-style: solid;
			border-color: transparent transparent black transparent;
		}

	.tooltipIco:hover .tooltiptext {
		display: block;
	}
/* Accordian */
.Rectangle {
	width: 100%;
	font-size: 12px;
	color: #323234;
	margin: 44px 0 55px;
}

.accordion {
	cursor: pointer;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-weight: bold;
	transition: 0.4s;
	margin-bottom: 4px;
}

	.active, .accordion:hover {
	}

	.accordion:after {
		content: "+";
		font-size: 22px;
		font-weight: bold;
		float: right;
		margin-left: 5px;
	}

.active:after {
	content: "-";
}

.panel {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	margin-bottom: 0px;
	background-color: transparent;
	border: 0;
	border-radius: 0px;
	-webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 0%);
	box-shadow: 0 1px 1px rgb(0 0 0 / 0%);
}
.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;
}
.errorMake {
	margin-bottom: 10px !important;
	height: 15px;
}
/* step2
------------------------------------*/
/* 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;
}
.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 table{width:100%;}
		
		.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;
	height: 300px;
	overflow-y: scroll;
	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*/

[type="radio"]:checked,
[type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

	[type="radio"]:not(:checked) + label {
		position: relative;
		padding: 8px 15px 8px 38px;
		width: 120px;
		cursor: pointer;
		line-height: 20px;
		display: inline-block;
		background: #F3F4F5;
		border: 1px solid rgba(135, 143, 157, 0.4);
		border-radius: 5px;
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
		/* identical to box height, or 150% */
		margin-right: 7px;
		letter-spacing: 0.012em;
		color: rgba(135, 143, 157, 0.6);
	}
	[type="radio"]:checked + label {
		position: relative;
		padding: 8px 15px 8px 38px;
		width: 120px;
		cursor: pointer;
		line-height: 20px;
		display: inline-block;
		background: rgba(221, 235, 255, 0.5);
		/* dark skyblue */
		margin-right: 15px;
		border: 2px solid #4B89E2;
		border-radius: 5px;
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
		/* identical to box height, or 150% */

		letter-spacing: 0.012em;
		/* dark skyblue */

		color: #4B89E2;
	}


	[type="radio"]:not(:checked) + label:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 18px;
		height: 18px;
		border-radius: 100%;
		background: #EDEDED;
		margin: 10px 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: 10px 0 0 15px;
		border: 1px solid #4B89E2;
	}

	[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: 10px 0 0 15px;
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	[type="radio"]:checked + label:after {
		content: "";
		width: 8px;
		height: 8px;
		background: #4B89E2;
		position: absolute;
		top: 5px;
		left: 5px;
		border-radius: 100%;
		margin: 10px 0 0 15px;
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s 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);
		}
/**/

/*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;
		}
		/**/
		/* 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) {
		}

		@media only screen and (max-width: 1300px) {
		}

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

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

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

			.confirmationDetails {
				flex-direction: column;
			}

				.confirmationDetails .itemblock {
					width: 100%;
				}
					.confirmationDetails .itemblock table td:first-child {
						width: 50% !important;
					}

			[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
------------------------------------*/
			
			

.mainfield h1{display:none;}
.mainfield h1.mview {
	display: 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;
	}*/
			.terms {
				font-size: 12px;
			}
	}
	@media only screen and (max-width: 912px) {
		.terms {
			font-size: 14px;
		}
		.actionarea .leftPanel {
				width: 100%;
				margin-bottom: 20px;
			}

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

			.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) {
			
			.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%;
			}
			/* 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;
		
		}*/


	.errorMake {
		margin-bottom: 30px !important;
		height: 15px;
	}
	
}

	@media only screen and (max-width: 540px) {
		/* index
------------------------------------*/
		

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

		.check_container {
			font-size: 12px;
		}

		.actionarea .rightPanel .impDoc p {
			font-size: 12px;
			line-height: 15px;
		}

		.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: 4px;
			}

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

			}*/
		
		/* step2
------------------------------------*/
	}

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

@media screen and (max-width: 393px) {
	.regFieldCont a {
		font-size: 11px;
	}
}

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

	@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 15px 8px 31px;
		}

		[type="radio"]:checked + label {
			width: 105px;
			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;
		}

		.mainfield h1.mview img {
			width: 70px;
			display: inline-block;
		}
		.regFieldCont a {
			font-size: 10px;
		}
	}

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

		.bluBtn {
			padding: 8px 18px !important;
		}

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

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