/*FONT START*/
@font-face {
	font-family: 'BMWTypeNextTT-Bold';
	src: url("../fonts/BMWTypeNextTT-Bold.eot");
	src: url("../fonts/BMWTypeNextTT-Bold.eot?#iefix") format("embedded-opentype"),
		url("../fonts/BMWTypeNextTT-Bold.woff") format("woff"),
		url("../fonts/BMWTypeNextTT-Bold.ttf") format("truetype");
	font-display: swap
}

@font-face {
	font-family: 'BMWTypeNextTT-Light';
	src: url("../fonts/BMWTypeNextTT-Light.eot");
	src: url("../fonts/BMWTypeNextTT-Light.eot?#iefix") format("embedded-opentype"),
		url("../fonts/BMWTypeNextTT-Light.woff") format("woff"),
		url("../fonts/BMWTypeNextTT-Light.ttf") format("truetype");
	font-display: swap
}

@font-face {
	font-family: 'BMWTypeNextTT-Thin';
	src: url("../fonts/BMWTypeNextTT-Thin.woff2") format("woff2"),
		url("../fonts/BMWTypeNextTT-Thin.woff") format("woff"),
		url("../fonts/BMWTypeNextTT-Thin.ttf") format("truetype");
	font-display: swap
}

@font-face {
	font-family: 'BMW_iconFont';
	src: url("../fonts/BMW_iconFont.eot");
	src: url("../fonts/BMW_iconFont.eot#iefix") format("embedded-opentype"),
		url("../fonts/BMW_iconFont.woff2") format("woff2"),
		url("../fonts/BMW_iconFont.ttf") format("truetype"),
		url("../fonts/BMW_iconFont.woff") format("woff"),
		url("../fonts/BMW_iconFont.svg") format("svg");
	font-style: normal;
	font-weight: normal
}

::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #333;
	opacity: 1;
	/* Firefox */
	font-size: 13px !important;
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: var(--grey);
	font-size: 13px !important;
	opacity: .7;
	/* Firefox */
}

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: var(--grey);
	font-size: 13px !important;
	opacity: .7;
	/* Firefox */
}

* {
	transition: all .1s ease;
}
.textleft {
    text-align: left !important;
}
.mb0{padding-bottom: 0px !important;}
.notetxt{
	font-size: 12px;
	width: 100%;
	float: left;
	text-align: center;
	padding: 5px 0px 10px;
}
.greencolor{
	color: #3db014 !important;
}
.fullborder{
	background:#ebf3ff;
	padding: 20px 20px;
	margin-top: 30px;
}
.fullborder .table-striped tbody tr:nth-of-type(odd){
    background: none !important;
}
.fullborder .table-striped tbody tr td{
	background: none !important;
}
.in-icon{
	width: 15px;
}
.boldTable tr td{
	font-family: 'BMWTypeNextTT-Bold';
	font-size: 18px;
	padding-bottom:20px  !important;
}
.boldTable tr td:first-child{
	color: var(--black);
}
.boldTable tr td{
	position: relative;
}
.boldTable tbody tr td{
	padding:20px 0px !important;
}
.checkBox_co2{
	float: left;
	width: 100%;
	padding: 10px 5px 0px 0px;
}
.checkBox_co2 input{
	float: left;
    margin-right: 5px;
}
.checkBox_co2 a{
	float: left;
    margin-top: -2px;
}
.table{margin-bottom: 0px !important;}
.boldTable tr td:nth-child(1)::after,
.boldTable tbody tr td:nth-child(2)::after, 
.boldTable tbody tr td:nth-child(3)::after, 
.boldTable tbody tr td:nth-child(4)::after{
    position: absolute;
    width: 100% !important;
    content: '';
    height: 1px;
    background: #bbbbbb;
    margin: 0px 0px !important;
    bottom: 0px;
    left: 0px;
}
.noUi-horizontal .noUi-tooltip{
	font-family: 'BMWTypeNextTT-Bold' !important;
}
.boldTable td:first-child {
    font-weight: 600;
    width: 33.3%;
}
.boldTable  tr td:first-child span{
 font-size: 1rem;
}
.blueColor{
	color: var(--blue) !important;
}
.blackColor{
	color: var(--black) !important;
}
#accordion1 div.head .btn{
	float: left;
}
#accordion1 div.head div{
	float: left;
    width: 33.3%;
    text-align: center;
    font-size: 13px;
    font-weight: 200;
}
#accordion1 div.head .btn{
	width: 33.3%;
    text-align: left;
}

.car_des{
	width: 70%;
	float: left;
	text-align: center;
	padding: 20px 0px;
	margin:0px 15%
}
.car_des p{
	font-size: 12px;
	line-height: 16px;
}
/*POPUP*/
  @keyframes fade {
	from {
	  opacity: 0;
	  transform: translate(-50%, -50%) scale(0.8);
	}
	to {
	  opacity: 1;
	  transform: translate(-50%, -50%) scale(1);
	}
  }
  .confirm {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	min-width: 280px;
	max-width: 500px;
	height: auto;
	background: #ffffff;
	border-radius: 10px;
	padding: 0;
	margin: 0;
	border-top: 1px solid white;
	animation: fade 1s ease 1 forwards;
  }
  .popupDark{
	display: none;
	background:rgba(0,0,0,.4);
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:999;
  }
  .confirm h1 {
	text-align: center;
	font-size: 1.2rem;
	margin: 1.5rem 1rem 0.5rem;
  }
  .confirm p {
	text-align: center;
	font-size: 1rem;
	margin: 0 2rem 4.5rem;
  }
  .confirm button {
	background: transparent;
	border: none;
	color: #1678E5;
	height: 3rem;
	font-size: 1rem;
	width: 50%;
	position: absolute;
	bottom: 0;
	cursor: pointer;
  }
  .confirm button:nth-of-type(1) {
	border-top: 1px solid #B4B4B4;
	border-right: 1px solid #B4B4B4;
	left: 0;
	border-radius: 0 0 0 10px;
  }
  .confirm button:nth-of-type(2) {
	border-top: 1px solid #B4B4B4;
	right: 0;
	border-radius: 0 0 10px 0;
  }
  .confirm button:focus,
  .confirm button:hover {
	font-weight: bold;
	background: #EFEFEF;
  }
  .confirm button:active {
	background: #D6D6D6;
  }
  .h3, h3 {
    font-size: 1rem;
}
.remove-marker {
	position: absolute;
    right: 14px;
    top: 9px;
    background: #8e8e8e;
    border-radius: 100%;
    color: #fff;
    width: 20px;
    font-size: 10px;
    height: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sharemapBtn{
	width: 100%;
    float: left;
	text-align:center;
    font-size: 12px;
    padding: 10px 20px;
    color: var(--white);
    background: var(--blue);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0px;
	font-family: 'BMWTypeNextTT-Bold';
}
.sharemapBtn:hover{
	color:var(--white);
	background:var(--bluehover);
}

.addtoTrip {
	float: left;
	text-align:center;
    font-size: 12px;
    padding: 10px 20px;
    color: var(--white);
    background: var(--blue);
    display: flex;
    justify-content: center;
    align-items: center;
	font-family: 'BMWTypeNextTT-Bold';
}
.addtoTrip:hover{
	color:var(--white);
	background:var(--bluehover);
}

button:focus {outline:0 !important;}
.btn-check:focus+.btn, .btn:focus{box-shadow: none !important;}

.i-popup-parent{background: 0 0;border: none;position: relative;padding: 0;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word;
	box-shadow: 0 2px 8px 0 rgb(0 0 0 / 15%), 0 8px 15px 0 rgb(0 0 0 / 15%);
    border-radius: 2px;
    border-color: #fff;
    background: #fff !important;
    color: #262626;
	position: absolute;
    border: none;
    background: 0 0;display: block;max-width: 385px;min-width: 50px;direction: ltr;padding: 0;opacity: 1;
    transition: opacity .25s ease-in-out;z-index: 12;padding: 10px 0px 0px 20px;left: 30%;bottom: -10%;width: 350px;
}
.i-popup{position: relative;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;overflow: hidden;max-height: 80vh;touch-action: none;padding: 30px 10px 10px 0;border: none;color: #262626;background: 0 0;}
.i-popup p{text-align: left;width: 100%;float: left;}
.c-popup{position: absolute !important; top: 0px; right: 10px; z-index: 13; cursor: pointer; width: auto !important;}
.c-popup img{width: 20px !important;}
.wltpTxt{margin:20px 0px;}
.wltpTxt span{ font-size: 13px;}

/*I ICON WITH POPUP*/
.i-icon{position: relative;cursor: pointer;pointer-events: all;height: 16px;width: 16px;display: inline-block; margin-left: 10px;}
div.i-icon::after {opacity: 0;}
div.i-icon::after, div.i-icon::before {transition: opacity .25s ease;height: 16px;width: 16px;}
.i-icon::before {content: ' ';position: absolute;left: 0;top:4px;background-size: 16px;background: url(../images/i.svg) no-repeat;background-position: center;background-color: #fff;border-radius: 50%;border: 1px solid #262626;width: 16px;height: 16px;}

.head button label{font-size: 11px;width: 100%; float: left;}



.blinkTxt{
	animation: blink-text 1s linear infinite;
}


@keyframes blink-text {
	0% {
	 color: #8e8e8e;
	}
	50% {
		color: #000;
	}
	100% {
		color: #8e8e8e;
	}
}
#mobile-hamburger {
	width: 20px;
	height: 30px;
	float: right;
	margin-top: 22px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

#mobile-hamburger span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #fff;
	border-radius: 0px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#mobile-hamburger span:nth-child(1) {
	top: 0px;
}

#mobile-hamburger span:nth-child(2) {
	top: 7px;
}

#mobile-hamburger span:nth-child(3) {
	top: 14px;
}

#mobile-hamburger.open span:nth-child(1) {
	top: 10px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

#mobile-hamburger.open span:nth-child(2) {
	opacity: 0;
	left: -60px;
}

#mobile-hamburger.open span:nth-child(3) {
	top: 10px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

:root {
	--font-family: 'Public Sans', sans-serif;
	--black: #262626;
	--white: #ffffff;
	--blue: #1b69d4;
	--bluehover: #0a57b3;
	--grey: #8e8e8e;
}

.grey {
	color: var(--grey);
}

.blue {
	color: var(--blue);
}


body {
	min-height: 100vh;
	margin: 0;
}





body,
html {
	overflow: visible;
	font-family: 'BMWTypeNextTT-Light' !important;
	color: #262626;

}

a {
	text-decoration: none !important;
}

a:hover {
	text-decoration: none;
}

.hiddenOverflow {
	overflow: hidden !important;
}

.topfixed {
	top: 0px !important
}
.content {
	flex: 1;
	position: relative;
}
.content{width: 100%;float: left;}
/*COMMON*/
*,
::after,
::before {
	box-sizing: border-box;
}

* {
	margin: 0;
	padding: 0;
}

ul,
li {
	list-style: none;
}

textarea {
	font-family: 'BMWTypeNextTT-Light';
	font-size: 13px;
}

body,
html {
	color: #262626;
	font-family: 'BMWTypeNextTT-Light', Arial, Helvetica, sans-serif;
	background-color: var(--white);
	display: flex;
	flex-direction: column;
}

.btnfont {
	font-family: 'BMWTypeNextTT-Bold' !important;
}

.litefont {
	font-family: 'BMWTypeNextTT-Light' !important;
}

.strong,
strong {
	font-family: 'BMWTypeNextTT-Bold' !important;
}

.posrel {
	position: relative;
}

[class*=' icon-'],
[class^=icon-] {
	font-family: BMW_iconFont !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-feature-settings: normal;
	font-variant: normal;
	line-height: 1;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-shopping-cart::before {
	content: '\e93e';
}

.icon-dealer-locator::before {
	content: '\e943'
}






/*HEADER STYLE START*/
header {
	width: 100%;
    float: left;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.mainTitle.m40{margin-top:40px;}
.mainTitle {
	font-size: 1.5em;
	width: 100%;
	float: left;
	text-align: center;
	padding: 20px 0px;
	line-height: 1.5;
}

.navArea {
    position: relative;
    z-index: 100;
    width: 100%;
    left: 0;
}
.borderBottom {
    border-bottom: 1px solid #fff;
}

.nav_left {
	float: left;
}

.nav_left ul {
	margin: 0px;
	padding: 0px;
}

.nav_left ul li {
	float: left;
	margin-right: 0px;
	padding: 26px 0px;
	line-height: 30px;
	border-bottom: 6px solid #fff0;
}

.nav_left ul li a {
	font-size: 15px;
	padding: 27px 20px;
	color: var(--white);
	cursor: pointer;
	font-family: 'BMWTypeNextTT-Bold' !important;
	font-weight: 400;
}

.nav_left ul li a:hover {
	color: var(--bluehover);
	border-bottom: 6px solid var(--bluehover);
}

.nav_left ul li a.active {
	color: var(--bluehover);
}

.desktop {
	display: block;
}

.mobile {
	display: none;
}

.fixed {
	position: fixed;
	top: 0px;
	background: #000;
	z-index: 100;
	width: 100%;
}

.nav_right {
	float: right;
	position: relative;
}

.nav_right ul {
	float: left;
	margin: 0px;
	padding: 0px;
}

.nav_right ul li {
	float: left;
	margin-right: 10px;
	padding: 0px 0px;
}

.nav_right ul li a {
	color: var(--grey);
	border-bottom: 6px solid #fff0;
	padding: 17px 0px;
}

.nav_right ul li a:hover {
	color: var(--bluehover);
	border-bottom: 6px solid var(--bluehover);
}
.form-control{
 border-top:0px !important;
 border-left:0px !important;
 border-right:0px !important;

}
.form-control:focus{box-shadow: none !important;}
.logo {
	float: left;
	margin-right: 30px;
	margin-top: 12px;
}

.logo img {
	width: 60px;
}

.white-bg {
	background: #fff;
	border-bottom: 1px solid #d9d9d9;
}

.icons {
	font-size: 48px;
	text-decoration: none;
	border-color: transparent;
	border-bottom-width: 4px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 0;
	height: 100%;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
	cursor: pointer;
}

.fixed {
	position: fixed;
	top: 0px;
	background: #fff;
	z-index: 100;
	width: 100%;
}


.clOn {
	display: none;
}



.control {
	width: 100px;
	height: 100px;
	float: left;
	cursor: pointer;
}


.climateControl {
	width: 100%;
    margin-top: 0px;
    margin-bottom: 50px;
    float: left;
}

.climateControl .control {
	width: 110px;
    height: 23px;
    position: relative;
    left: 50%;
    margin-left: -55px;
}

.climateControl .control img {
	height: 21px;
    margin-right:10px;
}

.controlTxt {
	font-size: 13px;
	padding: 10px 0px;
	text-align: center;
	width: 100%;
	float: left;
}
.drivingT .noUi-target{background:#fff;}
.drivingT{
	margin:30px 0px;
	position: relative;
}
.drivingT-value{    
	position: absolute;
    top: -30px;
    left: 0px;
    width: 100%;
}
.drivingT-value span{
	width: 50%; 
	float: left; 
	text-align: right; 
	font-size: 13px; 
	color: var(--black);
    margin-top: 40px;
    position: relative;
    z-index: 3;
}
.drivingT-value span:first-child{text-align: left;}
.climateControl {
	margin-right: 50px !important;
}
.climateControl .control {
	display: flex;
	align-items: center;
	justify-content: center;
}
.cityControl {
	float: left;
}
.combinedControl .control,
.highwayControl .control {
	display: flex;
	align-items: end;
}
.combinedControl {
	float: left;
}
.highwayControl {
	float: left;
}


/*CHARGING NETWORK CSS START*/
.chargingTitle {
	font-size: 15px;
	margin-bottom: 20px;
	color: var(--blue);
}

.chargingStation {
	margin: 0px 0px 30px;
}

.chargingStation ul {
	margin: 0px;
	padding: 0px
}

.chargingStation ul li {
	margin: 5px 0px;
}

.chargingStation ul li img {
	height: 30px;
}

.chargingStation ul li span {
	font-size: 13px;
}

.chargingSlist {
	width: 100%;
	height: 300px;
	overflow: auto;
}

.chargingSearchList {
	margin-top: 30px;
}

.chargingSearchList ul {
	margin: 0px;
	padding: 0px;
}

.chargingSearchList ul li {
	margin: 10px 0px;
	color: var(--grey);
	font-size: 13px;
}

#direction-form {
	position: relative;
}

#direction-form input {
	font-size: 12px;
	position: relative;
	width: 100%;
	padding: 5px 10px;
	margin: 5px 0px;
	border: 1px solid var(--grey);
	color:#262626;
}

.formpanel {
	position: relative;
	padding: 0px 40px 0px 25px;
}

#direction-form .formpanel::before {
	content: '';
	width: 30px;
	height: 40px;
	position: absolute;
	left: -5px;
	top: 0px;
	background: url(../images/locationpointer.svg) no-repeat;
	background-position: center;
}

.changeLocation {
	position: absolute;
	top: 25px;
	right: 0px;
	cursor: pointer;
}

/*CHARGING NETWORK CSS END*/

/*FOOTER START HERE*/
footer {
	width: 100%;
	float: left;
	background-color: #f6f6f6;
	padding: 30px 0px 20px;
	display: none;
}

.footer_up {
	width: 100%;
	float: left;
}

.social {
	width: 30%;
	float: left;
	margin-bottom: 0.25rem;
	padding-bottom: 1rem;
	padding-top: 2rem;
}

.social ul {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
}

.social ul li {
	float: left;
	margin-right: 0.75rem;
}

.social ul li a img {
	height: 2em;
}

.social h4 {
	font-size: 1.25rem;
	line-height: 1.75rem;
	margin-left: 10px;
	font-weight: 300;
	width: 100%;
	float: left;
}

.footer_line {
	width: 100%;
	float: left;
	height: 1px;
	background: #bbb;
}

.footer_nav {
	width: 100%;
	float: left;
	margin: 10px 0px;
}

.footer_nav_box {
	width: 25%;
	float: left;
	padding-top: 40px
}

.footer_nav_box h4 {
	color: #4d4d4d;
	font-size: .625rem;
	font-weight: 300;
	letter-spacing: 2px;
	line-height: .75rem;
	margin-bottom: 1rem;
	position: relative;
	text-transform: uppercase;
	;
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
}

.footer_nav_box ul {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	width: 100%;
	float: left;
}

.footer_nav_box ul li {
	padding: 0 0 .25rem;
}

.footer_nav_box ul li a {
	color: #4d4d4d;
	font-family: 'BMWTypeNextTT-Bold';
	text-decoration: none;
	font-size: .875rem;
	line-height: 1.25rem;
	font-weight: 700;
}

.footer_down {
	width: 100%;
	float: left;
	background-color: #fff;
	padding: 30px 0px 20px;
}

.footer_down p {
	float: left;
	font-size: .875rem;
	line-height: 1.25rem;
	font-weight: 300;
	width: 40%;
}

.footer_down ul {
	float: right;
	text-align: right;
	width: 60%;
}

.footer_down ul li {
	margin-right: 20px;
	display: inline;
}

.footer_down li a {
	font-size: .75rem;
	font-weight: 700;
	line-height: 1rem;
	background: #0000;
	color: #262626;
	font-family: 'BMWTypeNextTT-Bold';
}

/*FOOTER END HERE*/

.stxtArea {
	width: 100%;
	float: left;
}

.stxt {
	width: 33%;
	float: left;
	text-align: center;
}

#range-calculator.noUi-target {
	height: 150px;
}

.slideTxtArea {
	width: 100%;
	float: left;
}

.slideTxtArea .stxt {
	width: 33%;
	float: left;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
	right: -35px !important;
	left: auto;
}

#range-calculator.noUi-horizontal .noUi-handle {
	width: 20px !important;
	height: 60px !important;
	top: 40px !important;
}

.noUi-handle:after,
.noUi-handle:before {
	background: #fff !important
}

#range-calculator .noUi-handle {
	background: var(--white);
	box-shadow: none;
	border-radius: 30px;
	border: none;
	outline: none;
	cursor: pointer;
}

#temperature-slider {
	height: 6px;
	width: 100%;
	background: none;
}



#drivingTerrain-slider .noUi-value {
	font-size: 11px;
	line-height: 15px;
}

#drivingTerrain-slider .noUi-connects {	
	border-radius:0px;
	background: #000000;
}

#drivingTerrain-slider .noUi-pips-horizontal {
	top: -50px;
}

#drivingTerrain-slider .noUi-marker-horizontal.noUi-marker-large {
	display: none;
}

#drivingTerrain-slider .noUi-marker-horizontal.noUi-marker {
	display: none;
}

#drivingTerrain-slider .noUi-handle {
	height: 20px;
    width: 60px;
    top: -6px;
    right: -9px;
    /* border-radius: 100%; */
    box-shadow: none !important;
    border: 1px solid #3b7fdd00;
    background: url(../images/car_slide.png) no-repeat;
    background-size: 100%;
}

#drivingTerrain-slider.noUi-target {
	border: 0px !important;
	box-shadow: none !important;
	position: relative;
}


.noUi-connects {
	border: 0px !important;
	background: #e2e2e264
}

#temperature-slider .noUi-value {
	font-size: 15px;
	line-height: 15px;
	color: #99ccff;
	font-family: 'BMWTypeNextTT-Bold';
}

#temperature-slider .noUi-connect {
	background: linear-gradient(90deg, rgba(140, 183, 242, 1) 0%, rgba(226, 38, 25, 1) 100%);
}

#temperature-slider .noUi-pips-horizontal {
	top: -100px;
	width: 78%;
    margin: 0px 8% 0px 12%;
}
#temperature-slider .noUi-base, .noUi-connects{
	width: 80%;
    margin: 0px 10%;
}
#temperature-slider .noUi-marker-horizontal.noUi-marker-large {
	display: none;
}

#temperature-slider .noUi-marker-horizontal.noUi-marker {
	display: none;
}

#temperature-slider .noUi-handle {
	height: 30px;
    width: 50px;
    top: -15px;
    right: -0px;
    background: url(../images/car_slide.png) no-repeat;
    background-size: 100%;
    box-shadow: none;
    border: 0px;
}

#temperature-slider.noUi-target {
	border: 0px !important;
	box-shadow: none !important;
	position: relative;
	height: 20px;
    border-radius: 0px;
	background:#000;
}






#mileage-slider .noUi-value {
	font-size: 15px;
	line-height: 15px;
	color: #99ccff;
	font-family: 'BMWTypeNextTT-Bold';
}

#mileage-slider .noUi-connect {
	background: linear-gradient(90deg, rgba(140, 183, 242, 1) 0%, rgba(226, 38, 25, 1) 100%);
}
#mileage-slider .noUi-value:nth-child(1){
	left: 10% !important;
}

#mileage-slider .noUi-pips-horizontal {
	top: -100px;
    width: 73%;
    margin: 0px 6% 0px 18%;
}
#mileage-slider .noUi-base, .noUi-connects{
	
	z-index: 4;
	width: 80%;
    margin: 50px 10%;
}

#mileage-slider .noUi-marker-horizontal.noUi-marker-large {
	display: none;
}

#mileage-slider .noUi-marker-horizontal.noUi-marker {
	display: none;
}

#mileage-slider .noUi-handle {
	height: 30px;
    width: 50px;
    top: -15px;
    right: -9px;
    background: url(../images/car_slide.png) no-repeat;
    background-size: 100%;
    box-shadow: none;
    border: 0px;
}

#mileage-slider.noUi-target {
	border: 0px !important;
	box-shadow: none !important;
	position: relative;
	height: 20px;
    border-radius: 0px;
    background: #000;
}


/*
#temperature-slider.noUi-target::before {
	content: '';
	background: url(../images/tem1.svg) no-repeat;
	width: 30px;
	height: 20px;
	position: absolute;
	left: -30px;
	top: -6px;
}

#temperature-slider.noUi-target::after {
	content: '';
	background: url(../images/tem2.svg) no-repeat;
	width: 30px;
	height: 20px;
	position: absolute;
	right: -40px;
	top: -8px;
}
*/

.kmIcon {
	float: left;
	margin: 17px 0px 0px 40px;
}

.noUi-handle:after,
.noUi-handle:before {
	display: none !important;
}

.rangeSliderArea {
	margin: 50px 0px;
	width: 100%;
	float: left;
}

/*TEMPERATURE AREA*/
.temperatureArea {
	margin: 0px;
	width: 100%;
	box-sizing: border-box;
	float: left;
	text-align: center;
	width: 100%;
    margin: 50px 0px;
	position: relative;
}

.temperatureArea p {
	font-size: 12px;
	margin-bottom: 20px;
}

.temperatureArea .temTxt {
	font-size: 13px;
	padding: 10px 0px;
}

.kmprogress {
	position: relative;
	margin: 4px;
	float: left;
	text-align: center;
	height: 120px;
	margin: 20px 25%;
}

.barOverflow {
	position: relative;
	overflow: hidden;
	width: 200px;
	height: 100px;
	margin-bottom: -14px;
}

.bar {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	box-sizing: border-box;
	border: 10px solid #fff;
	border-bottom-color: var(--blue);
	border-right-color: var(--blue);
}

.showkm {
	position: absolute;
	top: 60px;
}

.showkm span {
	float: left;
	font-size: 42px;
	margin-right: 10px;
	line-height: 38px;
	margin-left: 10px;
}

.kmtxt {
	font-size: 16px;
	float: left;
	margin-top: 14px;
	margin-left: 10px;
}


/*GALLERY START*/
.galleryArea {
	margin-top: 20%;
}

.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.w100 {
	width: 100%;
	float: left;
}

.swiper-pagination {
	left: 50%;
	margin-left: -24px;
	bottom: -10px;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	margin-right: 8px;
}

.swiper {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

.swiper-slide {
	background-size: cover;
	background-position: center;
}

.mySwiper2 {
	height: 80%;
	width: 100%;
}

.mySwiper {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
}

.mySwiper .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 1;
}

.mySwiper .swiper-slide-thumb-active {
	opacity: 1;
}

.swiper-slide img {
	display: block;
	width: 80%;
	height: 100%;
	object-fit: cover;
	margin: 0px 10%;
}

.swiper-button-next::after,
.swiper-button-prev::after {
	font-size: 25px !important;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	color: #000 !important;
	right: 50px !important;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	color: #000 !important;
	left: 50px !important;
}

.modelName {
	text-align: center;
	padding: 10px 0px;
	font-size: 14px;
}

.menu {
	display: none;
}

/*EMISSION CALCULATOR*/
.col-form-label {
	font-size: 15px;
	color: var(--grey);
}

.form-control {
	border-radius: 0px !important;
	color: var(--grey);
}

.range {
	position: relative;
	width: 100%;
	margin-top: 20px;
}

.range input {
	width: 100%;
	position: absolute;
	top: 2px;
	border: none !important;
	-webkit-appearance: none;
}

.range input::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 18px;
	height: 18px;
	margin: -8px 0 0;
	border-radius: 50%;
	background: var(--blue);
	cursor: pointer;
	border: 0 !important;
}

.range input::-moz-range-thumb {
	width: 18px;
	height: 18px;
	margin: -8px 0 0;
	border-radius: 50%;
	background: var(--blue);
	cursor: pointer;
	border: 0 !important;
}

.range input::-ms-thumb {
	width: 18px;
	height: 18px;
	margin: -8px 0 0;
	border-radius: 50%;
	background: var(--blue);
	cursor: pointer;
	border: 0 !important;
}

.range input::-webkit-slider-runnable-track {
	width: 100%;
	height: 3px;
	cursor: pointer;
	background: #b6cef0;
}

.range input::-moz-range-track {
	width: 100%;
	height: 3px;
	cursor: pointer;
	background: #b6cef0;
}

.range input::-ms-track {
	width: 100%;
	height: 3px;
	cursor: pointer;
	background: #b6cef0;
}

.range input:focus {
	background: none;
	outline: none;
}

.range input::-ms-track {
	width: 100%;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent;
}

.range-labels {
	margin: -28px -65px 0 0px;
	padding: 0;
	list-style: none;
}

.range-labels li {
	position: relative;
	float: left;
	width: 11%;
	text-align: left;
	color: var(--grey);
	font-size: 7px;
	cursor: pointer;
}

.range-labels .active {
	color: var(--blue);
}



.range-labels .selected::before {
	background: var(--blue);
}

.range-labels .active.selected::before {
	display: none;
}

.smtxt {
	margin-top: 20px;
	float: left;
	text-align: center;
	font-size: 11px;
	text-align: center;
	width: 100%;
	position: absolute;
    bottom: -20px;
    left: 0px;
}


/*LIFETIME COST*/

.ownerCalsel select {
	width: 200px;
	margin-right: 20px;
	float: left;
}

.ownerCalsel input {
	width: 200px;
	float: left;
	margin-left: 10px;
	font-size: 12px;
	line-height: 24px;
	padding: 5px 10px;
}

.ownerCalsel {
	width: 500px;
	margin: 20px auto
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

.emSel .selectdropdown {
	width: 100%;
}

.emSel .selectdropdown::after {
	right: 6px;
}
select:disabled {
   opacity: .7 !important;
}

input {
	border: 0px;
	color: var(--grey);
	font-size: 12px;
	border-bottom: 1px solid #838383 !important;
}

.form-control {
	display: inherit;
	background: transparent !important
}

select {
	padding: 8px 10px;
	z-index: 2;
	position: relative;
	font-size: 13px;
	background: none;
	box-shadow: none;
	border: 1px solid #fff !important;
	border: 0px;
	border-radius: 0px;
	color: var(--grey);
	border-radius: 0px;
	border-radius: 0px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.removearrow::after{
 background: none !important;
}
.selectdropdown::after {
	content: '';
	position: absolute;
	z-index: 1;
	top: 13px;
	right: 25px;
	width: 20px;
	height: 20px;
	background: url(../images/selectarrow.svg) no-repeat;
}
#vehicle_fueltype{
	margin-left: 30px;
}
.selectdropdown {
	position: relative;
	float: left;
}

.modelCont {
	width: 70%;
	margin-left: 30%;
	float: left;
}

.models {
	width: 50%;
	float: left;
	text-align: center;
}

.modelImg {
	margin: 10px 0px;
}

.modelImg img {
	width: 70%;
	max-width: 400px;
}

.modelTxt {
	font-size: 15px;
	/*border: 1px solid #8e8e8e;*/
	padding: 6px 10px;
	max-width: 200px;
	margin: auto;
}

.fuelprice {
	position: relative;
}

.fuelprice::after {
	content: '₹ Per Litre';
	position: absolute;
	right: 60px;
	top: 7px;
	font-size: 13px;
	color: var(--grey);
}

.ownerCalTable {
	width: 100%;
	float: left;
	margin-top: 30px;
	position: relative;
}

.table-striped td>* {
	vertical-align: middle;
}

.right_selectcar {
	float: left;
	width: 70% !important;
	width: calc(100% - 400px);
}

.right_selectcar ul li {
	width: 200px;
	float: left;
	list-style-type: none;
	text-align: center;
	min-height: 170px;
	box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.29);
	margin-right: 20px;
	position: relative;
	margin-bottom: 20px;
	cursor: pointer;
}

.accordionoffets .table td:first-child {
	font-weight: 600;
	width: 33.3%;
}

.tab-content {
	width: 100%;
	float: left;
	margin-top: 20px;
}

.btn-link.collapsed {
	color: var(--blue) !important;
	text-decoration: none !important;
}

.btn-link {
	color: var(--blue) !important;
	text-decoration: none !important;
}

.tab-pane.active .show {
	border-bottom: 0px !important;
}

.tab-pane .head button:hover {
	text-decoration: none !important;
}

.table-striped tbody tr td {
	padding: 30px 0px 2px;
	background: #fff;
	font-size: 13px;
	color: var(--grey);
	vertical-align: bottom;
	line-height: 17px;
}

.table-striped tbody tr td img {
	float: none;
}

.table-striped tbody tr td span {
	max-width: 100%;
	font-size: 13px;
}

.table-striped tbody tr:nth-of-type(odd) {
	background: #fff !important;
	--bs-table-accent-bg: none;
}

.table-striped tbody tr td {
	text-align: center;
}

.table-striped tbody tr td:first-child {
	text-align: left !important;
}

.table-striped tbody tr td:nth-child(2),
.table-striped tbody tr td:nth-child(3),
.table-striped tbody tr td:nth-child(4) {
	position: relative;
	width: 33.3%;
}

.table-striped tbody tr td:nth-child(2)::after,
.table-striped tbody tr td:nth-child(3)::after,
.table-striped tbody tr td:nth-child(4)::after {
	position: absolute;
	width: 90%;
	content: '';
	height: 1px;
	background: #bbbbbb;
	margin: 0px 5%;
	bottom: 0px;
	left: 0px;
}

.cm_icon {
	margin-right: 12px;
}

.table-striped tbody tr td:first-child img {
	width: 35px;
}

.table-striped tbody tr td {
	max-width: 300px;
}

.table-striped tbody tr td:nth-child(2) img,
.table-striped tbody tr td:nth-child(3) img,
.table-striped tbody tr td:nth-child(4) img {
	float: none !important;
}

#accordion1 div.head,
#accordion2 div.head,
#accordion3 div.head {
	width: 100%;
	float: left;
}

#accordion1 div.head .btn {
	padding: 0px;
}

#accordion1 div.head,
#accordion2 div.head,
#accordion3 div.head {
	border-bottom: 1px solid #cfcfcf;
	font-family: 'BMWTypeNextTT-Bold';
	padding: 10px 0px;
	line-height: 30px;
}

#accordion1 button::after,
#accordion2 button::after,
#accordion3 button::after {
	content: "";
	margin-top: 5px;
	right: 30px;
	background: url(../images/arrow_up.svg) no-repeat;
	width: 16px;
	height: 16px;
	background-size: contain;
	position: absolute;
	margin-left: 8px;
}

#accordion1 button.collapsed::after,
#accordion2 button.collapsed::after,
#accordion3 button.collapsed::after {
	content: "";
	background: url(../images/arrow-down.svg) no-repeat !important;
	margin-top: 5px;
	width: 16px;
	height: 16px;
	right: 30px;
	background-size: contain;
	position: absolute;
	margin-left: 8px;
}

#googleMap {
	height: 100%;
	width: 100%;
	margin: 0px 0px;
}

#footerAcc div.head {
	width: 100%;
	float: left;
}

#footerAcc div.head .btn {
	padding: 0px;
}

#footerAcc div.head {
	border-bottom: 1px solid #cfcfcf;
	font-family: 'BMWTypeNextTT-Bold';
	padding: 14px 0px;
}

#footerAcc button::after {
	content: "";
	margin-top: 5px;
	right:0px;
	background: url(../images/arrow_up.svg) no-repeat;
	width: 16px;
	height: 16px;
	background-size: contain;
	position: absolute;
	margin-left: 8px;
}

#footerAcc button.collapsed::after {
	content: "";
	background: url(../images/arrow-down.svg) no-repeat !important;
	margin-top: 5px;
	width: 16px;
	height: 16px;
	right:0px;
	background-size: contain;
	position: absolute;
	margin-left: 8px;
}

/*neeeeeeewwwwww cssssss*/
.val_tool {
    display: none;
}
.noUi-tooltip {
	font-size: 10px;
}

.range-labels li.active span {
    background: #1b69d4;
    color: #fff;
    width: 53px;
    position: relative;
    padding: 3px;
   top: -18px;
    left: -15px;
    font-weight: bold;
    border-radius: 10px;
    text-align: center;
    font-size: 10px;
    display: block;
    z-index: 2;
}















/*TESTDRIVE FORM*/
.contentArea,.videoArea,.formMaster{margin-top:0px;}
.formMaster{max-width: 100%; padding-left: 0%;}
.gradientHed{background: rgb(234,239,240);background: linear-gradient(0deg, rgba(234,239,240,0) 0%, rgba(0,0,0,1) 100%); }
#msg{background: #eee;padding: 10px 20px;margin: 20px 0px;font-size: 14px;line-height: 18px;}
input{width:100%;background: none;}
select{padding:10px 1%;width:98%; font-size: 13px !important; }
select option{padding:0px;width:100%;}
.clear{clear:both;}
.tnc{font-size:11px;padding:8px 0 0 0; color: #000; width:100%; line-height: 25px;}
.tnc a{font-size:11px;}
.tnc input{float:left;margin-right:2px;width:15px;}
input:focus,
select:focus,
textarea:focus {outline: none;box-shadow: none !important;}
select{box-shadow: none !important;padding-right: 5%; border-radius: 0px; border-radius: 0px;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
input {padding: 10px 10px;color:#262626; font-size: 13px;border-radius: 0px;box-shadow: none !important;}

.formMaster input::-webkit-input-placeholder {font-size: 13px !important;line-height: 3;color: #000; opacity:1;}
.formMaster input[type="text"]::-moz-placeholder { color: #000; }
.formMaster input[type="text"]:-moz-placeholder { color: #000; }

.form100{width: 100%;}
.ar {position: absolute;right: 10px;top: 5px;z-index: 1;}
.ar img{width:30px !important;}
.artop{top:1px !important; z-index: 0 !important;}
textarea{border-radius: none;}
.selectArea select{padding-left: 10px;}
.formP{width:100%; float: left; margin:10px 0px;}
.formP label{font-size: 14px; font-family:'BMWTypeNextTT-Light';color:#8E8E8E;}
.form50,.w50{width:48%; float: left;  position: relative;}
.form70{width:68%; float: left;}
.form30{width: 28%; float: left;}
.form20{width: 17%; float: left;}
select {     border-bottom: 1px solid #838383 !important;display: inline-block;width: 100%;white-space: nowrap;overflow: hidden !important;text-overflow: ellipsis;}
.form25{width: 26%; float: left;}
.form32{width:29%; float: left;}
.marginR{margin-right: 2%;}
.marginL{margin-left: 2%;}
.selectauto{width: auto;}
.mbt20{margin-bottom: 10px;}
.autoD{padding:0px; cursor: pointer; margin-top:28px;margin-left: 10px; text-align: center; background:#1c69d4;color:#fff; float: left; }
.autoD span{width: 100%; float: left; text-align: center;font-size: 9px; line-height: 13px;}
.autoD img{width: 12px;}
.tnc input{margin-top:6px;}
.im100{width:100%;}
.mtb20{margin-bottom: 20px;}
input,select{font-size: 13px !important;}
select{padding: 10px 10px; background: none; box-shadow: none;  border-radius: 0px;color: #000; opacity: 1;}
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}

.w100{width:100%; float: left;}
.errormess{display: none;}
.errormess span{color:rgb(206, 8, 8); font-size: 12px; line-height: 14px; position: absolute; bottom: -18px;}
.tnc a{color: #000; }
.formContainer{width: 100%; margin-top:0px;background-repeat: no-repeat; padding:50px 0px; float: left; height: auto; }
form{width: 100%; margin-left:0%;}
.heading{font-size:37px; letter-spacing: 1px; text-transform: uppercase; line-height: 45px; margin:0px 0 30px; float: left; color: #262626;}
.subheading{font-size:19px; margin:0px 0 20px; float: left; color: #262626;}
.submitBtn{    padding: 10px 50px;
    margin-top: 20px;
    width: auto;
    border: 0px;
    font-family: 'BMWTypeNextTT-Bold';
    font-size: 13px;
    line-height: 21px;
    float: left;
    background: #1c69d5;
    color: #fff !important; }
.submitBtn:hover{border: 2px solid #fff; }
.blue_cta{padding: 10px 30px; color:#fff; float: left; font-size: 13px; background: #1C69D4;}
.blue_cta:hover, .blue_cta:active, .blue_cta:visited{background: #0a57b3; color: #fff !important;}
.blue_cta:visited{background: #1C69D4;}

.searchCity{margin-bottom: 20px;}
.searchCity .frominput{padding:5px 10px;max-width: calc(100% - 40px);}

/*MASTER BANNER*/
.master_banner{width: 100%; float: left; }
.master_banner img{width: 100%;}
.m_banner_content{width: 100%; position: absolute; z-index: 2; top: 23%; left: 0%;}
.m_banner_content h2{color:#fff; font-size: 45px; margin-bottom: 10px; width: 100%; float: left;}
.m_banner_content h3{color:#fff; text-transform: uppercase; font-size: 20px; margin-bottom: 20px;width: 100%; float: left;}
.m_banner_content .book_t_d_cta{padding: 10px 30px; color:#fff; float: left; font-size: 13px; background: #1C69D4;}
.m_banner_content .book_t_d_cta:hover, .book_t_d_cta:active, .book_t_d_cta:visited{background: #0a57b3;}

/*TOP CONTENT*/
.top_content{text-align: center; padding: 40px 0px;}
.top_content h1{font-size: 35px; margin-bottom: 20px;}
.top_content p{font-size: 20px; float: left;  line-height: 1.5; width: 80%; margin: 10px 10%;}

/*TAB AREA*/
.tab_content{width: 100%; min-height: 340px; float: left; display: flex; align-items: center; justify-content: center;}
.tab_content .tab_txt{width: 35%;}
.tab_content .tab_txt p{margin:20px 0px;}
.tab_content .tab_img{width: 65%;}
.tab_content .tab_img img{width: 100%;}
/* Nav tabs*/

.car_details{padding: 40px 0px;}
.tabs-nav{width: 100%;float: left;display: flex;align-items: center;justify-content: center; margin-bottom: 30px;}
.tabs-nav ul {margin: 0;padding: 0px 50px; border-bottom: 1px solid #707070;}
.tabs-nav li {display: inline-block;color: #262626;margin-right: 5px;border-bottom: 8px solid #fff;}
.tabs-nav a {display: block;padding: 10px 15px;color: #262626;}
.tabs-nav li.active {color: #1C69D4;border-bottom: 8px solid #1C69D4;}
.tabs-nav li.active a {color: #1C69D4;}
.tabs-content {padding: 10px;margin-top: -1px;overflow: hidden;}
.tabs-content IMG {margin-right: 10px;}
.tabs-content .tab_inner:not(:first-child) {display: none;}

/*ICON BOX*/
.icon_box_area{width: 100%;float: left;display: flex; align-items: center;justify-content: center; margin:50px 0px;}
.icon_box{box-shadow:1px 5px 7px 1px #e6e6e6; flex-flow: column; display: flex; align-content: center; justify-content: center; padding: 20px 40px; text-align: center; margin:0px 20px; height: 250px; max-width: 300px;}
.icon_box img{height: 80px;}
.icon_box p{font-size: 15px; margin-top:20px}

p{margin-bottom: 0px; width: 100%; float: left;}
/*PRICE BOX*/
.price_box_area{width: 100%;float: left;display: flex; align-items: flex-start;justify-content: flex-start; margin:0px 0px 50px 0px;}
.price_box{background: #F2F2F2;  flex-flow: column; display: flex; align-content: center; justify-content: center; padding: 20px 40px; text-align: center; margin:0px 20px 0px 0px;width: 33%;}
.price_box span{font-size: 70px; color: #262626;}
.price_box p{font-size: 15px; margin-top:0px; color: #8E8E8E;}


.formore{margin:20px 0px;}
/*JOY BOX*/
.joydriving_area{width: 100%; float: left; background: #262626; margin: 30px 0px;}
.joydriving_area .joyBox{display: flex; align-items: center;}

.journey_area h2{width: 100%; float: left; font-size: 35px; margin-bottom: 30px;}
.joydriving_area .joyBox .joy_txt{width: 50%; color:#fff; padding: 5%;}
.joydriving_area .joyBox .joy_txt h3{font-size: 28px; margin-bottom: 30px;}
.joydriving_area .joyBox .joy_txt p{font-size: 16px; margin-bottom: 10px; max-width: 75%;}

.joydriving_area .joyBox .joy_img{width: 50%; height: 400px; background: url(../images/joy1.jpg) no-repeat; background-size:cover; background-position: center;}
.joydriving_area .joyBox .joy_img img{width: 100%;}

.joydriving_area .joyBox .joy_img1{background: url(../images/joy1.jpg) no-repeat; background-size:cover; background-position: center;}
.joydriving_area .joyBox .joy_img2{background: url(../images/joy2.jpg) no-repeat; background-size:cover; background-position: center;}


/*CALCULATOR*/
.calculator_box select option{background: #ffffff !important;}
.calculator_box{ margin: 40px 0px;}
.cal_b{margin: 10px 0px 40px;}
.calculator_box .calculator_slide{ margin-bottom: 50px;}
.calculator_box p{font-size: 18px; line-height: 1.5; margin-bottom: 20px; width: 100%; float: left;}
.calculator_sp{float: left; width:20%; padding-right: 5%; margin-right: 5%; border-right: 1px solid #262626;}
.calculator_sp .in_box{width: 100%; float: left; margin-bottom: 20px; display: flex; align-items: flex-start;}
.calculator_sp .in_box div{width: 50%;     display: flex;align-items: flex-start;}
.calculator_sp .in_box div input{float: left;width: 18px; margin:5px 10px 0px 0px;} 
.calculator_sp .in_box div span{font-size: 14px;}
.calculator_MD{width: 25%; min-width: 200px; float: left; margin-right: 5%;}
.calculator_MD select{margin-bottom: 20px;color: #262626;opacity: 1;    padding: 13px 10px;}
.calculator_MD .ar{right: 10px; top:10px;}
.calculator_MD .ar img{width: 18px !important;}
.calculator_MD .cal_output{border:1px solid #262626; padding:5px 10px; width: 100%; float: left;}
.calculator_MD .cal_output span{font-size: 12px; width: 100%; float: left;}
.calculator_MD .cal_output span:nth-child(2){font-size: 11px; color: #6E6E6E;}
.price_box p{text-align: center !important;}

.range_top_txt{}
.range_top_txt span{font-size: 18px;}
.range_top_txt span:nth-child(2){float: right;}



.range-slider {position: relative;width: 100%;height: auto; float: left;}
.range-slider_input {width: 100%;position: absolute;top: 50%;z-index: 3;transform: translateY(-50%);-webkit-appearance: none;appearance: none;width: 100%;height: 4px;opacity: 0;margin: 0;}
.range-slider_input::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 100px;height: 100px;cursor: pointer;border-radius: 50%;opacity: 0;}
.range-slider_input::-moz-range-thumb {width: 14vmin;height: 14vmin;cursor: pointer;border-radius: 50%;opacity: 0;}
.range-slider_thumb {width: 8vmin;height: 8vmin;
	border: 0.1vmin solid #1d69d4;
	border-radius: 50%;
	position: absolute;
	left: 0;top: 50%;transform: translateY(-50%);background-color: #ffffff;display: flex;justify-content: center;align-items: center;font-weight: 700;font-size: 4vmin;color: #303030;z-index: 2;
}
.range-slider_line {height: 2.5vmin;width: 100%;background-color: #1d69d4;top: 50%;transform: translateY(-50%);left: 0;position: absolute;z-index: 1;}
.range-slider_line-fill {position: absolute;height: 0.5vmin;width: 0;background-color: #1d69d4;}



/*FAQ*/
.faq{margin:40px 0px 0px;}
.faq h2{margin: 20px 0px 30px; font-size:35px}
button.accordion {width: 100%;border: none;outline: none;text-align: left;padding: 10px 0px;font-size: 18px;color: #262626;background:#ffffff;cursor: pointer;border-bottom: 1px solid #e6e6e6;}
button.accordion img{float: left; width: 40px;}
button.accordion span{ width: calc(100% - 40px); margin-top:8px; padding-left: 20px; line-height: 26px; float: left;}
button.accordion.is-open img{transform: rotate(-180deg);transform-origin: center;}
button.accordion:hover,
button.accordion.is-open {
}
.accordion-content {background-color: white;padding: 0px 20px;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-in-out;}
.accordion-content p{max-width: 70%; margin-top:20px;}



[type="radio"]:checked,
[type="radio"]:not(:checked) {
	position: absolute;left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #1d69d4;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -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);
}

.formArea input{color: #000;}


.selectionNav span{font-size: 16px; font-weight: 500; padding: 20px 0px; width: 100%; float: left;}
.selectionNav {width:100%; float: left; padding: 10px 0px;}
.selectionNav ul{padding: 0px;}
.selectionNav ul li{float: left; padding: 5px 10px;}
.selectionNav ul li a{color: #000;}
.selectionNav ul li.active{background: #1678E5; color: #fff;}
.selectionNav ul li.active a{color: #fff;}

.terms {width: 100%;float: left;}
.terms h4 {font-size: 17px;float: left;width: 100%;padding: 30px 0px 0px;margin: 0px;font-family: 'BMWTypeNextTT-Bold';}
.terms p {font-size: 13px;margin: 10px 0px 0px;float: left;width: 90%;}

.tab_txt h2{font-size: 26px;}



/*iCONSET*/
.icongrp{width: 100%; padding: 60px 0px 20px; display: flex; align-items: center; justify-content: center; }
.icon_set{width: 25%; min-width: 100px;}
.icon_set img{height: 50px;margin-bottom: 10px;}
.icongrp p{font-size: 16px; margin-top: 10px;}


.discover_sec{margin-bottom: 70px;}
.discover_boxs{width: 100%; display: flex; align-items: center; justify-content: center;column-gap: 70px;}
.discover_boxs > div{width: 30%; min-height: 500px;  position: relative; }

.discover_boxs > div::before{background: url(../images/dark.png); position: absolute; content:''; z-index: 1; background-size: cover;left: 0px;bottom: 0px;width: 100%;height: 100%;}
.discover_bot{position: absolute; bottom: 20px;left:20px; z-index: 2;}
.discover_bot span{font-size: 80px; color: #fff;}
.discover_bot p{color:#fff; font-size: 18px;}
.discover_a_inner{overflow: hidden; position: relative;}
.discover_boxs .discover_a{background: url(../images/ben1.png) no-repeat center center; background-size: cover;    width: 100%;
    height: 100%;
    position: absolute;transition: 1s ease;  }
	.discover_boxs > div:hover .discover_a{ -webkit-transform: scale(1.2,1.2);
    -webkit-transition: all 0.3s ease-in-out;}

.discover_boxs .discover_b{background: url(../images/ben2.png) no-repeat center center;background-size: cover;  width: 100%;
    height: 100%;
    position: absolute;transition: 1s ease;  }
	.discover_boxs > div:hover .discover_b{ -webkit-transform: scale(1.2,1.2);
		-webkit-transition: all 0.3s ease-in-out;}
.discover_boxs .discover_c{background: url(../images/ben3.png) no-repeat center center;background-size: cover;  width: 100%;
    height: 100%;
    position: absolute;transition: 1s ease;  }
	.discover_boxs > div:hover .discover_c{ -webkit-transform: scale(1.2,1.2);
		-webkit-transition: all 0.3s ease-in-out;}





/*CALCULATOR*/
.cal-container{
	width: 100%;
	height: 100%;
	padding: 30px 0px;
	background: #fff;
	background-size: 100%;

}

.cal-header{width: 100%;float: left;padding: 0px 0px 30px;}
.cal-header .cal-header-txt{float: left;width: 100%;}
.cal-header h2{color: #262626; font-size: 40px;float: left;width: 100%;}
.cal-header h3{color: #262626; font-size: 20px;float: left;
	width: 100%;
}

.cal-subcontainer{
	background: #1d69d5;
	margin: 0px 0px;
	width: 100%;
    float: left;
    padding: 50px 30px 30px 30px;
	box-sizing: border-box;
}
.cal-result{
 width: 70%;
 float: left;
 margin: 0px 15%;
 padding: 20px 0px;
 text-align: center;
 display: flex;
 align-items: center;
 justify-content: center;
 gap:15%;
 background: linear-gradient(90deg, rgb(0 0 0 / 16%) 0%, rgb(173 173 173 / 16%) 24%, rgb(219 219 219 / 15%) 53%, rgb(103 103 103 / 15%) 87%, rgb(0 0 0 / 15%) 100%);

}
.cal-slider-grp{
	width: 96%;
	float: left;
	margin: 20px  2%;
	padding: 20px 30px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	gap:15%;
	min-height: 200px;
	text-align: left;
	background: linear-gradient(90deg, rgb(0 0 0 / 16%) 0%, rgb(173 173 173 / 16%) 24%, rgb(219 219 219 / 15%) 53%, rgb(103 103 103 / 15%) 87%, rgb(0 0 0 / 15%) 100%);
   
}
.cal-tenure-slide{
	width: 50%;
}
.cal-mileage-slide{
	width: 50%;
}

.cal-mileage-slide .bariocn .bar_ic:nth-child(1) {
    background-position: 65px;
}
.streetlamp .lamp:nth-child(2){
	background-position: 67px;
}
.streetlamp .lamp:nth-child(3){
	background-position: 87px;
}

.cal-buback{
	width: 96%;
	float: left;
	margin: 20px  2%;
	padding: 10px 0px 0px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	gap:15%;
	min-height: 130px;
	text-align: left;

}
.txtwhite{color: #fff;}
.txtgreen{color: #ffffff;}
.cal-result span:first-child{font-size: 15px;font-family: 'BMWTypeNextTT-Bold';}
.cal-result span{font-size: 22px;}
.largetxt{font-size: 42px;}
.cal-result .cal-IT{display: flex;align-items: center;justify-content: center;flex-flow: column;}
.cal-result .cal-FA{display: flex;align-items: center;justify-content: center;flex-flow: column;}
.cal-result .cal-AP{display: flex;align-items: center;justify-content: center;flex-flow: column;}
.cal-as-buyback{display: flex;align-items: center;justify-content: center;flex-flow: column;color: #fff;}
.cal-as-buyback span:first-child{font-family: 'BMWTypeNextTT-Bold'; font-size: 15px;}
.cal-emi{display: flex;align-items: center;justify-content: center;flex-flow: column;color: #fff;}
.cal-emi span:first-child{font-family: 'BMWTypeNextTT-Bold'; font-size: 15px;}

.cal-gap{width: 2px;height: 130px;background: #ffffff54;}
.right-logo{float: right; display: flex; gap: 20px; align-items: center; padding: 15px 0px 0px 0px;}
.logo_a img{width: 40px;}
.logo_b img{width: 40px;}
.logo_b{float: left;}
.logo_c{float: left;}
.logo_c img{width: 120px;}
.noUi-connects{border-radius: 0px !important;background: #000;height: 20px !important;}
.cal-tenure-slide-head span{font-family: 'BMWTypeNextTT-Bold'; font-size: 15px;}

.cal-tenure-slide-head{width: 100%; float: left;  margin-bottom: 30px;}
.cal-tenure-slide-head.textright{text-align: right;}
.bariocn{width: 100%;position: absolute;left: 0px;display: flex;align-items: center;justify-content: center;z-index: 5; bottom: 0px;}
.bar_ic{width: 33%; height: 20px; float: left; background: url(../images/baricon.png) no-repeat; background-position: center;}

.bariocn .bar_ic:nth-child(1){background-position: 25px;}

.bariocn .bar_ic:nth-child(3){background-position: 82%;}
.bariocn .bar_ic:nth-child(2){background-position: 52%;}

.cal-mileage-slide .bariocn .bar_ic:nth-child(3){background-position: 75%;}
.cal-mileage-slide .bariocn .bar_ic:nth-child(2) {background-position: 60%;}

.streetlamp{width: 100%;position: absolute;left: 0px;bottom: 0px;  display: flex;align-items: center;justify-content: center;z-index: 0;}
.lamp{width: 33%; height: 100px; float: left; background: url(../images/streetlamp.png) no-repeat;    background-position: center 25px;
    background-size: 50px 60px;}

.carSelection{width: 100%; max-width: 300px; float: left; margin: 0px 0px 40px;}
.carSelection select{max-width: 300px;}
.carSelection span{color: #fff; font-size: 18px; margin-bottom: 10px; width: 100%; float: left;}

.active-point,.active-point-m{color:#ffffff !important}

/*DISCLAIMER START*/
.disclaimerArea{margin:40px 0px 10px;}
.disclaimerArea p{margin:3px 0px; font-size: 13px;}
.disclaimerArea h5{font-family: 'BMWTypeNextTT-Bold';margin-top:20px; font-size: 18px; line-height: 25px;}
.disclaimerArea ul{padding:10px 0px 0px 30px;}
.disclaimerArea ul li{margin:10px 0px; list-style-type: circle; font-size: 13px;}
/*DISCLAIMER END*/