/*CSS*/
/** Generated by FG **/
@font-face {
	font-family: 'EUROST_Bold';
	src: url('fonts/Eurostib_0.eot');
	src: local('☺'), url('fonts/Eurostib_0.woff') format('woff'), url('fonts/Eurostib_0.ttf') format('truetype'), url('fonts/Eurostib_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'EUROST_Reg';
	src: url('fonts/EUROSTI.eot');
	src: local('☺'), url('fonts/EUROSTI.woff') format('woff'), url('fonts/EUROSTI.ttf') format('truetype'), url('fonts/EUROSTI.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, input, select {
border: 0 none; margin: 0; padding: 0; }
body { background: #fff; color: #282828; font-family: 'EUROST_Bold', Arial; font-size: 13px; }
.container {
height: 100%; width: 100%; }
input, textarea, select{outline:none;}
a {outline: 0 none;text-decoration: none;}
a:hover, a:focus {text-decoration: none; outline: none;}
input{outline:none;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {display: block;}
ul {list-style:  none; margin: 0; padding: 0;}
.clear {clear: both;}
.floatl {float: left;}
.floatr {float: right;}
.no_bg{background:none;}
.text-justify{text-align:justify;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
#preloader{background:#fff url(../images/preloader-white.gif) no-repeat center;width:100%;height:100%;position:fixed;left:0px;top:0px;z-index:50;}
.clearfix:after{display:block;height:0;content:"";clear:both;}
.wrapper {margin: 0 auto;width:1220px;}

/*css starts here*/
/*body{background: url(../images1/BG.jpg) no-repeat; background-size: cover;}*/
header{background: #ffcf01;}
.logo{margin: 10px 15px;}
img{max-width: 100%;}
.mahindra-title{float: right; margin : 10px 10px 0 0;}
.box-section{position: relative; width: 100%;}
.box-section .left{ width: 63.5%; float: left;}
.box-section .right{ width: 36%; float: right;}
.form-title{ color: #FFCE01; background: #353535; position: relative;height: 18px;padding: 20px; font-size: 16px; text-transform: uppercase;}
.caret{background: url(../images/caret.png) no-repeat; width:24px; height: 10px; position: absolute; bottom: -10px; left: 20px; z-index: 1;}
.banner-section{height: auto; padding-top: 20px; position: relative;}
.caption{position: absolute; top:35px; right: 50px; z-index: 0; font-size: 24px; line-height: 28px;}
.caption span{display: block; text-transform: uppercase;}
.offers-section {position: relative; z-index: 0;margin-top: 10px;}
.offers-section ul { background: url("../images/offers/bg.png") repeat; border-radius: 8px; margin-bottom: 5px; padding: 6px; }
.offers-section li{ display: inline-block; margin-right: 0.5%; width: 49%;}
.offers-section li:last-child{ margin-right: 0%;}
.terms{font-size: 8px; margin-bottom: 10px;}
.terms{position: absolute;bottom: 10px}

/*book-service*/
.book-service{padding: 15px; background: #fff; font-size: 15px;}
.form-group {margin-bottom: 10px;position: relative;}
.form-group label{display: block; margin-bottom: 6px; font-family: 'EUROST_Reg', arial;}
input{border:1px solid #FFCE01; padding: 5px 6px; width: 94%; border-radius: 3px; font-size: 14px;}
.form-group select{border:1px solid #FFCE01; padding: 5px 6px; width: 96%; border-radius: 3px;}
.col-sm-6{width:48%; float: left; padding-right: 2%;}
.col-sm-6 input{width: 91%;}
.col-sm-6 input.small{width: 14%;}
#car_no.small { width: 20%; }
.input-group{display: block; margin-bottom: 6px;}
.input-group input{ display: inline; width: auto; margin-right: 8px;}
.input-group label{ display: inline;}
.btn-group{ text-align: center;}
.btn-group label{ font-family: 'EUROST_Bold', arial; font-size: 17px; padding: 0px 0 10px 0; display: inline-block;}
.btn{ background: #FF0000; font-family: 'EUROST_Bold', arial; font-size: 16px; border:0; border-bottom: 2px solid #8E0300; color: #fff;  text-transform: uppercase; padding: 8px 0; max-width: 80%; display: inline-block; margin: 0 auto; cursor: pointer;}

/*thanks you section*/
.thanks-section{padding: 60px 15px; background: #fff; font-size: 15px; text-align: center; display: none;}
.thanks-section > img {display: block; margin: 0 auto; border-bottom: 1px solid #FFCE01; padding-bottom: 30px; margin-bottom: 30px;}
.thanks-section .btn.yellow{ background: #FFCE01; color: #282828;}
.thanks-section .btn{max-width: 100%; margin-bottom: 30px; border-bottom: 0; font-size: 16px; padding: 15px 5px;}
.thanks-section p{margin-bottom: 10px; font-size: 20px; font-family: 'EUROST_Reg', arial;}

/*features section*/
.features{background: #fff; padding: 40px 0;}
.features .f_wrapper{padding: 0 5%;}
.features ul {}
.features ul li{display: inline-block; width: 23%; margin-right: 2%; text-align: center;}
.features ul li p{font-size: 18px;}
.features ul li img {display: block; margin: 0 auto 15px; text-align: center; }
.features ul li:last-child{margin-right: 0;}
.marr0{margin-right:0 !important;}
.heading{text-align: center; background: #fff; position: relative; z-index: 1; margin: 0 auto; width: 410px; padding-bottom: 30px;}
.heading h3{color: #282828; font-size: 22px; text-transform: uppercase; line-height: 28px;}
.border{ background: #282828; height: 2px; width: 100%; position: relative; z-index: 0; top:-44px;}

/*services section*/
.services{ background: #282828;}
.services .heading{ background: #282828; width: 200px;}
.services .heading h3{color: #FFCE01;}
.services .border{ background: #FFCE01;}
.services  ul li {width: 14.5%;}
.services  ul li p{color: #FFCE01;}

/*footer*/
footer{padding: 20px 0; }
.conditions{ font-size: 10px; font-family: arial; font-weight: 500; text-align: justify;}
.ui-datepicker-trigger { cursor: pointer; position: absolute; right: 13px; top: 28px; }
.vis-mobile{display: none;} .vis-desc{display: block;}

/*Error*/
.err { color: #ff0000; font-size: 11px; }
.carSizeCInPop li{ font-size: 13px !important; height: auto !important; margin-bottom: 5px; line-height: 15px;}
ul#car_make_model_list {
    max-height: 150px;
    position: absolute;
    background: #fff;
    z-index: 1;
}

/***************** popup ****************/

.sryOvly{
	background: url(https://www.mahindrafirstchoiceservices.com/assests/lp/book1/images/bg-Overlay.png) repeat 0 0;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index:99999;
	left: 0;
	top: 0;
}
.divDefovly {
    left: 50%;
    margin: -210px auto auto -250px;
    max-width: 540px;
    position: absolute;
    top: 80%;
    width: 100%;
    z-index: 100000;
	
}
 
.closeCont{
	position:relative;
	z-index:300;
}


.clbtn {
    background:#000000;
    border-radius: 25px;
    color: #FFFFFF;
    font-size: 18px;
    padding: 2% 3%;
    position: absolute;
    right: -8px;
    top: -9px;
    z-index: 240;
}
.sryCont
{
	color:#444444;
	margin: auto;
	max-width: 540px;
 	position: relative;
	z-index: 230;
	background:#fff;
	border:10px solid #ffd000;
	
}
.topMsg{
	padding:5%;	
	width:90%:
}


.sryCont h2{

	font-size:2em;	
	font-weight:bold;
	margin:0 0 2%;
}
.btmMsg{
	padding:2% 5%;
	background:#ccc; 
	color:#000;
	line-height:2;
}
.btmMsg h3{
	font-weight:bold;
	font-size:1.6em;
}

.btmMsg a {
    color: #FF0000;
    text-decoration: none;	
}
.hd5{ font-size:1.7em; padding-bottom:.5em;}