@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');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css');
/* 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-image: none;
}

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

img {
	display: block;
	max-width: 100%;
}

html {
	scroll-behavior: smooth;
}

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



::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #000;
	opacity: 0.3; /* Firefox */
}
/* Header
------------------------------------*/
.header {
	padding: 0;
	margin: 0;
	height: 100px;
	background: #FFFFFF;
	box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.15);
	position: relative;
}

	.header .headRow {
		display: flex;
		flex-direction: row;
		align-items: center;
		flex-wrap: nowrap;
		justify-content: space-between;
		margin-top: 20px;
	}

	.header .logo {
		display: block;
		background: url(../images/logo.png) no-repeat;
		background-size: contain;
		width: 132px;
		height: 42px;
	}

.call {
	width: 40%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
}

.header .call-mob {
	display: none;
}

.bluBtn {
	background: #4B89E2;
	border-radius: 4px;
	padding: 15px 25px;
	margin-left: 5px;
	color: #fff;
	font-family: Poppins;
	font-style: normal;
	font-size: 14px;
	line-height: 21px;
	font-weight: 600;
	border: 0;
	cursor: pointer;
}

	.bluBtn:hover {
		background: #3a6eb8;
		color: #fff;
	}

.ph {
	background-image: url('../images/ph.png') !important;
	background-repeat: no-repeat !important;
	background-position: 10% center !important;
	padding: 15px 25px 15px 45px !important;
}

	.ph:hover {
		background-image: url('../images/ph.png');
		background-repeat: no-repeat;
		background-position: 10% center;
		padding: 15px 25px 15px 45px;
	}
/*Hero section*/

.main {
	margin: 0;
	width: 100%;
	background-image: none;
}

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

.tp {
	display: block;
	float: left;
	width: 61%;
}

.hero_section_mobile {
	display: none;
}

.hero_section {
	background: url('../images/hero_bg.png') no-repeat center top;
	background-size: cover;
	width: 100%;
	height: 610px;
}

	.hero_section .herorow {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

.hero_text_section {
	width: 35%;
	display: flex;
	flex-direction: column;
}



.hero_image_section {
	width: 40%;
	position: relative;
	bottom: -45px;
}

.hero_text_section h1 {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 64px;
	line-height: 115.5%;
	/* identical to box height, or 74px */

	letter-spacing: 0.012em;
	text-transform: capitalize;
	/* Light Blue */

	color: #4B89E2;
}
.hero_text_section h3 {
	font-weight: 600;
	font-size: 20px;
	line-height: 150%;
	/* identical to box height, or 30px */
	letter-spacing: 0.012em;
	text-decoration-line: underline;
	text-transform: capitalize;
	/* Charcoal Grey */
	color: #323234;
	padding:70px 0 20px;
}
	.hero_text_section p {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 150%;
	/* or 36px */

	letter-spacing: 0.012em;
	/* Light Blue */

	color: #4B89E2;
	padding-top: 30px;
	padding-bottom: 50px;
}

.hero_text_section .green_btn, .hero_text_section_landlord .green_btn {
	background: #4B89E2;
	border-radius: 7px;
	border: none;
	font-family: 'Poppins';
	font-weight: 600;
	font-size: 18px;
	line-height: 32px;
	color: #fff;
	text-decoration: none;
	display: table;
	padding: 8px 30px;
	cursor: pointer;
	width: 295px;
	text-align: center;
	margin-bottom: 30px;
}

.tpposition {
	width: 50%;
	margin-bottom: 30px;
}

.lmtd {
	float: right;
	position: relative;
	/*top:-30px;*/
	font-size: 12px;
}

/* action area
------------------------------------*/
.actionarea {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

	.actionarea .leftPanel {
		float: left;
		width: 55%;
		/*height: 1133px;*/
		margin: 45px 0 60px;
		padding: 50px 35px;
		background: #FFFFFF;
		border: 1px solid #E8E5E5;
		box-sizing: border-box;
		border-radius: 5px;
		position: relative;
	}

	.actionarea .rightPanel {
		float: right;
		width: 42%;
		margin-top: 45px;
		margin-bottom: 60px;
		padding: 46px 35px 0;
		background: #FFFFFF;
		border: 1px solid #E8E5E5;
		box-sizing: border-box;
		border-radius: 5px;
	}


#divincludenotincludenew p {
	border-bottom: 1.5px solid #EDEDED;
	padding-bottom: 15px;
	margin-bottom: 15px;
	padding-top: 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: 28px;
	}

.actionarea .rightPanel h3 {
	font-weight: 500;
	font-size: 16px;
	line-height: 118.9%;
	/* identical to box height, or 19px */
	letter-spacing: 0.0179em;
	/* General / Dark */
	color: #222222;
	text-align: left;
	margin-bottom: 20px;
}

.actionarea .rightPanel ul.include {
	float: left;
	padding-bottom: 20px;
	border-bottom: 1.5px solid #EDEDED;
}

	.actionarea .rightPanel ul.include li {
		list-style: url(../images/tick.png) inside;
		width: 50%;
		float: left;
		font-weight: 400;
		font-size: 14px;
		line-height: 32px;
		letter-spacing: 0.2px;
		/* Black */
		color: #000;
	}

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

.carBdownCover {
	width: 100%;
	padding: 95px 0;
	background: rgba(238, 245, 255, 0.6);
}

	.carBdownCover h1 {
		font-weight: 600;
		font-size: 32px;
		line-height: 115.5%;
		/* identical to box height, or 37px */
		letter-spacing: 0.012em;
		text-transform: capitalize;
		/* Light Blue */
		color: #4B89E2;
		text-align: center;
	}

	.carBdownCover h3 {
		font-weight: 400;
		font-size: 20px;
		line-height: 130%;
		/* identical to box height, or 26px */
		text-align: center;
		letter-spacing: 0.01em;
		/* Charcoal Grey */
		color: #323234;
		margin-bottom: 40px;
	}

	.carBdownCover .boxContain {
		display: flex;
		justify-content: space-between;
	}

	.carBdownCover .box {
		width: 32%;
		height: 157px;
		background: #FFFFFF;
		box-shadow: 0px 4px 26px -8px rgba(0, 0, 0, 0.25);
		border-radius: 5px;
		padding: 22px 25px 17px 30px;
	}

		.carBdownCover .box .heading {
			display: flex;
			margin-bottom: 10px;
		}

			.carBdownCover .box .heading .icon {
				width: 85px;
				height: 50px;
			}

			.carBdownCover .box .heading h2 {
				font-weight: 700;
				font-size: 20px;
				line-height: 150%;
				/* identical to box height, or 30px */
				display: flex;
				align-items: flex-end;
				letter-spacing: 0.012em;
				text-transform: capitalize;
				color: #4B89E2;
			}

		.carBdownCover .box p {
			font-weight: 400;
			font-size: 12px;
			line-height: 150%;
			/* or 18px */
			letter-spacing: 0.012em;
			color: #000000;
		}

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

.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-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: 1px #74a4e9 solid;
}
/* 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 #74a4e9;
	border-width: 0 1px 1px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.tooltip_ico {
	position: absolute;
	display: inline-block;
}
/* Accordian */
.Rectangle {
	width: 100%;
	font-size: 12px;
	color: #323234;
	margin: 44px 0 55px;
}

.accordion {
	padding: 10px 25px 10px 55px;
	background: url('../images/direct.png') no-repeat 15px 10px;
	background-color: #ebf3ff;
	cursor: pointer;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-weight: bold;
	transition: 0.4s;
	margin-bottom: 15px;
}

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

.faqMobile {
	display: none;
}

/* confirmation
------------------------------------*/
.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 span {
		font-weight: 400;
	}

.flexDirection .itemblock {
	width: 100%;
}
/* Footer
------------------------------------*/
.footer {
	float: left;
	width: 100%;
	background: #000;
	padding: 0;
}

	.footer .wf-container-footer {
		padding-top: 60px;
		padding-bottom: 25px;
		display: inline-block;
		width: 100%;
		border-bottom: 1px #5D5D5E solid;
	}

		.footer .wf-container-footer .panelF {
			float: left;
			margin-right: 2%;
			color: #adadad;
			width: 23%;
		}

			.footer .wf-container-footer .panelF .logo {
				margin-bottom: 10px;
				width: 180px;
			}

		.footer .wf-container-footer .textWidget {
			color: #adadad;
			font-size: 12px;
			line-height: 25px;
			margin-bottom: 10px;
		}

			.footer .wf-container-footer .textWidget ul li {
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				justify-content: flex-start;
				border: 0 !important;
				padding: 0 !important;
				align-items: baseline;
			}

				.footer .wf-container-footer .textWidget ul li a {
					color: #adadad;
					font-size: 12px;
					line-height: 25px;
					/*margin-bottom: 10px;*/
				}

	.footer .titleF {
		color: #ededed;
		font-size: 15px;
		font-weight: 500;
		margin-bottom: 15px;
		clear: both;
	}

	.footer .wf-container-footer .panelF a {
		color: #adadad !important;
		font-size: 12px;
		font-weight: 400;
		/*opacity: .6;*/
		display: inline-block;
		border: 0;
	}

		.footer .wf-container-footer .panelF a:hover {
			color: #d33;
		}

	.footer .wf-container-footer .panelF ul li {
		margin: 0 0 5px;
		padding: 0 0 5px;
		border-bottom: 1px solid;
		border-color: rgba(173,173,173,0.15);
	}

		.footer .wf-container-footer .panelF ul li:last-child {
			border: 0;
		}

		.footer .wf-container-footer .panelF ul li a {
			color: #ededed !important;
			font-size: 12px;
			font-weight: 400;
			opacity: .6;
			display: inline-block;
		}

			.footer .wf-container-footer .panelF ul li a:hover {
				color: #d33;
			}
	/*.footer .wf-container-footer .panel ul li a:before {
				background: url(../images/arrow.png);
				position: relative;
				width: 14px;
				top: 1px;
				left: 0;
				height: 14px;
				content: "";
				border-radius: 1px;
				display: inline-block;
				margin-right: 10px;
			}*/
	.footer .footer-bottom {
		padding-top: 8px;
		padding-bottom: 8px;
		display: inline-block;
		width: 100%;
		font-size: 11px;
		font-weight: 300;
		color: #fff;
		opacity: 0.6;
	}

.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: 500;
	padding: 7px 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*/

[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: 15px;
		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*/



.mainfield 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: 100%;
	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;
		padding-right:20px;
		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: -20px;
	}

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

	.regField button:focus {
		border: 0;
		outline: none !important;
		box-shadow: none;
		outline-color: #fff;
	}

.carData {
	display: flex;
	padding-top: 20px;
	width: 100%;
	min-height: 100px;
	border-bottom: 1px solid #ededed;
	padding-bottom: 20px;
}

	.carData div {
		width: 63%;
	}

		.carData div:first-child {
			width: 24%;
			font-weight: 500;
			font-size: 15px;
		}

		.carData div table td {
			padding-bottom: 10px;
			min-width: 238px;
			font-weight: 500;
			font-size: 15px;
		}
			.carData div table td:first-child {
				min-width: 120px;
			}

			.carData div table td span {
				font-weight: 400;
			}

.discalimer {
	font-weight: 400;
	font-size: 12px;
	line-height: 180%;
	/* or 22px */
	letter-spacing: 0.012em;
	color: #222222;
	margin-top: 40px;
	position: absolute;
	bottom: 25px;
	padding-right: 20px;
}

.mainfield {
}

	.mainfield h3 {
		font-weight: 600;
		font-size: 24px;
		line-height: 180%;
		/* or 43px */
		letter-spacing: 0.012em;
		/* Charcoal Grey */
		color: #323234;
	}

	.mainfield p {
		font-weight: 500;
		font-size: 16px;
		line-height: 150%;
		/* identical to box height, or 24px */
		letter-spacing: 0.0179em;
		/* Charcoal Grey */
		color: #323234;
	}

.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: 42%;
	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;
	padding-bottom: 25px;
}

.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;
		margin-bottom: 20px;
	}

	.homeStartBox ul {
		margin-left: 10px;
	}

		.homeStartBox ul li {
			background: url(../images/Step_indicator.png) no-repeat top left;
			padding-bottom: 8px;
			padding-left: 25px;
			font-weight: 500;
			font-size: 14px;
			line-height: 150%;
			letter-spacing: 0.012em;
			color: #323234;
			
		}
.policyFeature{display:block;}
.policyFeatureMobile {
	display: none;
}
/**/
/* Responsive
------------------------------------*/
@media only screen and (min-width: 280px) {
	.container {
		max-width: 92%;
	}
}

@media only screen and (min-width: 1350px) {
	.container {
		max-width: 92%;
	}
}

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

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

@media only screen and (max-width: 1370px) {
	.scroller-container, .scroller-container {
		min-height: 425px;
	}
	.hero_text_section h1 {
		font-size: 60px;
	}
	.upsellBtn {
		width: 44%;
	}
	.ph {
		background-position: 15% center !important;
		padding: 15px 35px 15px 53px;
	}
}




@media only screen and (max-width: 1280px) {
	.hero_text_section h1 {
		font-size: 56px;
	}
	.upsellBtn {
		width: 48%;
	}
	.carData {
		display: flex;
		flex-direction: column;
	}
		.carData div:first-child {
			font-weight: 700;
			padding-bottom:20px;
			width:100%;
		}
}

@media only screen and (max-width: 1024px) {
	/* index
------------------------------------*/
	.main {
		background: none;
	}
	.hero_section {
		height: 438px;
	}
	.hero_text_section h3 {
		font-size: 18px;
		padding: 25px 0 20px;
	}
	.hero_text_section h1 {
		font-size: 45px;
	}
	.hero_text_section p {
		font-size: 20px;
		padding-top: 14px;
		padding-bottom: 20px;
	}
	.actionarea .leftPanel {
		width: 59%;
	}
	.regField .fieldBox {
		width: 91%;
	}
	.upsellBtn {
		width: 49%;
	}
	.actionarea .rightPanel ul.include li {
		width: 100%;
	}
	.carData div {
		width: 100%;
	}
		.carData div table td {
			min-width: 200px;
			vertical-align:top;
		}
	.carBdownCover .box {
		height: 200px;
	}
		.carBdownCover .box .heading h2 {
			font-size: 18px;
		}
	.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%;
		}

	[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;
	}
	/*.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;
	}


	.homeStartBox {
		width: 100%;
	}

	.carData {
		display: flex;
		flex-direction: column;
	}

		.carData div:first-child {
			margin-bottom: 20px;
		}
	.footer .wf-container-footer .panelF {
		width: 22%;
	}
	.footer .wf-container-footer .panelF:first-child {
		width: 28%;
	}
}

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

	.hero_text_section h1 {
		font-size: 40px;
	}
	.hero_text_section .green_btn, .hero_text_section_landlord .green_btn {
		font-size: 15px;
		width: 230px;
	}
	.actionarea .leftPanel {
		width: 100%;
		margin-bottom: 20px;
	}

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


	.actionarea .rightPanel {
		width: 100%;
		top: 45px;
		margin-top: 20px;
	}
	.actionarea .leftPanel {
		margin-bottom: 0px;
		border-bottom: 0;
		border-radius: 5px 5px 0 0;
	}

	.actionarea .rightPanel {
		margin-top: 0px;
		border-top: 0;
		padding-top: 0;
		border-radius: 0 0 5px 5px;
	}
	[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;
	}
	.regField .fieldBox {
		 width: 364px; 
	}
	.actionarea .rightPanel ul.include li {
		width: 50%;
	}
	.carBdownCover .box .heading {
		display: flex;
		margin-bottom: 10px;
		height: 64px;
		align-items: center;
	}
	.footer .titleF {
		font-size: 14px;
	}
	.discalimer {
		position: relative;
		bottom: 0;
		margin-top: -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;
	}
	.policyFeature {
		display: none;
	}

	.policyFeatureMobile {
		display: inline-block;
		padding: 40px 0 0;
	}
}


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

	.main {
		background: none;
	}
	.hero_section {
		height: 382px;
	}
	.header .logo {
		display: block;
		/*			background: url(../images/logo1.png) no-repeat;
            width: 200px;
            height: 90px;*/
		background-size: 90%;
	}

	.call {
		width: 52%;
	}

	.call2 {
		display: none;
	}
	.hero_text_section h1 {
		font-size: 36px;
	}
	.actionarea .leftPanel {
		width: 100%;
		margin-bottom: 0px;
	}

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

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

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

	.footer .wf-container-footer .panelF {
		width: 100%;
	}

		.footer .wf-container-footer .panelF:last-child {
			width: 100%;
			margin-top: 20px;
		}

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

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

	.upsellBtn {
		width: 54%;
	}
	/* index
------------------------------------*/
	/* footer
------------------------------------*/
	.footer .wf-container-footer .panelF:first-child {
		width: 100%;
	}
}

@media only screen and (max-width: 600px) {
	.hero_section {
		background: url(../images/heroBG_M.png) no-repeat center top;
		background-size: cover;
		width: 100%;
		height: 430px;
	}
		.hero_section .herorow {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			flex-direction: column;
		}
	.hero_text_section {
		width: 75%;
	}
	.actionarea .leftPanel {
		margin-bottom: 0px;
		border-bottom:0;
		border-radius:5px 5px 0 0;
	}
	.actionarea .rightPanel {
		margin-top: 0px;
		border-top: 0;
		padding-top:0;
		border-radius: 0 0 5px 5px;
	}
	.actionarea .fPanelSpl {
		margin-bottom: 20px;
		border-bottom: 1px solid #E8E5E5;
		border-radius: 5px;
	}
	.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;
		}
	.policyFeature {
		display: none;
	}

	.policyFeatureMobile {
		display: inline-block;
		padding:40px 0 0;
	}
	.carData {
		padding-top: 0;
		padding-bottom: 30px;
	}
	.header {
		box-shadow: none;
	}
	.carBdownCover {
		padding: 50px 0;
	}
	.carBdownCover h3 {
		font-size: 16px;
	}
	.carBdownCover h1 {
		font-size: 26px;
	}
		.carBdownCover .boxContain {
			display: flex;
			justify-content: space-between;
			flex-direction: column;
		}
		.carBdownCover .box {
			height: auto;
			width: 100%;
			margin-bottom: 15px;
		}
}

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


	.header {
		box-shadow: none;
	}

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

	.call {
		display: none;
	}

	.header .call-mob {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
	}

		.header .call-mob a {
			background: #4B89E2;
			border-radius: 5px;
			overflow: hidden;
			padding: 10px 15px;
			color: #fff;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			align-items: center;
		}

			.header .call-mob a > i {
				font-size: 24px;
				line-height: 24px;
			}

	

	
	

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

	.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;
		}
	.regFieldCont a{
		padding-right:8px;
	}
	.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;
	}
	.discalimer {
		position: relative;
		bottom: 0;
		margin-top: 21px;
	}
	.footer .wf-container-footer {
		padding-top: 35px;
	}

		.footer .wf-container-footer .panelF {
			width: 100%;
			margin-right: 0;
			margin-bottom: 30px;
		}

	.close1 {
		margin: -65px 0 0 20px;
	}
	/* step2
------------------------------------*/
}

@media screen and (max-width: 428px) {
	.hero_section {
		height: 310px;
	}
	.hero_text_section h1 {
		font-size: 33px;
	}
	.hero_text_section h3 {
		font-size: 16px;
		padding: 15px 0 10px;
	}
	.hero_text_section p {
		font-size: 16px;
		padding-top: 5px;
		padding-bottom: 8px;
	}
	.hero_text_section .green_btn {
		font-size: 13px;
		width: 75%;
		padding: 4px 15px;
	}
	.actionarea .rightPanel ul.include li {
		width: 100%;
	}
	.carBdownCover h1 {
		font-size: 24px;
	}
	.carBdownCover h3 {
		font-size: 14px;
	}
	.regField .fieldBox {
		width: 100%;
	}
	.actionarea .leftPanel {
		padding: 50px 18px;
	}
	.actionarea .rightPanel {
		padding: 0 18px 46px;
	}
	.regFieldCont a {
		font-size: 11px;
	}

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

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

	.check_container {
		padding-left: 25px;
	}

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

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

@media screen and (max-width: 360px) {
	body {
		font-size: 12px;
	}
	.hero_section {
		height: 290px;
	}
	.actionarea .rightPanel h1 {
		padding: 7px 15px;
	}

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



	.mainfield h1.mview img {
		width: 70px;
		display: inline-block;
	}


}

@media screen and (max-width: 320px) {
	/* index
------------------------------------*/
	body {
		font-size: 12px;
	}
	.hero_section {
		height: 264px;
	}
	.hero_text_section h1 {
		font-size: 28px;
	}
	.hero_text_section p {
		font-size: 13px;
	}
	.hero_text_section .green_btn {
		font-size: 12px;
		width: 80%;
		padding: 4px 15px;
	}
	.mainfield h3 {
		font-size: 23px;
		line-height: 141%;
	}
	.mainfield p {
		font-size: 14px;
	}
	.regFieldCont a {
		line-height: 13px;
	}
	.address_accordion a:after {
		font-size: 2px;
	}
	.actionarea .rightPanel ul.include li {
		font-size: 11px;
		line-height: 18px;
	}

	

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

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

	

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

@media screen and (max-width: 280px) {
	.btnWidth {
		font-size: 13px;
	}
	.hero_text_section h1 {
		font-size: 25px;
	}
	.hero_text_section .green_btn {
		width: 94%;
		padding: 3px 10px;
	}
	.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;
	}
}