/*background color*/.sec-blk-bg{background:#f8f8f8;}
/*font color*/#data-head,#data-head-small{color:#008ad5 !important; margin:20px 0 40px 0;} #menu-button .active{color:white !important;}#info-table,.panel,.sec-block .left-head,#data-sub-head,#data-sub-head-nomrg,.sec-block >div,.panel-default >.panel-heading, #pmr-blk-tbl,.sec-block .padd,.fc-55{color:#555;}#data-sub-head sup,#data-sub-head-nomrg sup {color:red;}
/*font size*/.custom-footer{font-size:11px;}.sec-block-txt,#pmr-blk-tbl{font-size:12px;}#main-menu button,#prim-block .gray-block,.sec-block,#info-table >div >div,#query-form,#data-sub-head-commnt span{font-size:13px;}#data-sub-head >div,#data-sub-head-nomrg >div,.panel-title,.fn-19{font-size:19px;}#data-head{font-size:30px;}#data-head-small,.data-head-sm{font-size:24px;}.fn-14{font-size:14px;}
/*menubar*/#main-tabs li a{background:#f1f1f1;padding-top:5px;padding-bottom:5px;border-top:2px solid #ddd;border-bottom:2px solid #ddd;border-left:2px solid #ddd;}
#main-menu button:hover{color:#008ad5 !important;}#main-menu button{background:#f1f1f1; padding-top:4px; padding-bottom:4px;}#main-menu button:hover{background:white;}#menu-dropdown btn-group{width:100%;}#menu-button .active{background:#008ad5; border-color:#008ad5; font-weight:bold;}#menu-dropdown{display:none;}
/*data-container*/#data-container{margin-top:5px;background:white;}#prm-content{padding-top:10px;padding-bottom:10px;}#data-head{font-weight:bold;}#data-sub-head{margin-bottom:10px;}#data-sub-head-commnt{position:relative;top:-8px;}#data-head-small img{width:20px; margin-top:-4px}#data-sub-head img,#data-sub-head-nomrg img{margin-top:-4px; width:15px;}
/*data-top-dropdown*/#variant-dpw{width:100%; margin-bottom:8px; margin-top:20px}#variant-dpw button{width:100%;position:relative;text-align:left; border:solid 2px #66B9E5;}#variant-dpw button span{position:absolute; right:5px; top:15px;}#variant-dpw ul{max-height:210px;overflow:auto;overflow-x:hidden;}#variant-dpw .dropdown-menu{width:100%; z-index:9999 !important;}#variant-dpw a, #variant-dpw button{font-size:12px !important;}#variant-dpw .head a{background:#008ad5; color:white !important;word-break: break-all;white-space:normal;}#variant-dpw .sub-head a{background:#efefef;color:#333 !important;word-break: break-all;white-space:normal; padding-left:25px;}#variant-dpw .sub-sub-head a{word-break: break-all;white-space:normal;padding-left:30px;}#variant-dpw a:hover{background:#38b9ff !important;color:white !important;}#data-container{background:white;}
/*primary block*/#prim-block{margin-bottom:40px;}#prim-block #info-table-outer,#prim-block #prim-block-img,#info-table{display:table-cell;vertical-align:top;}#prim-block #info-table-outer{max-width:450px;}#prim-block #prim-block-img{padding-left:100px;height:340px;}#prim-block .gray-block{float:left;padding:3px 6px; background:#999;font-weight:bold;margin-bottom:5px; margin-right:5px;}#prim-block .gray-block a{color:white; text-decoration:none;}#info-table {min-width:260px;}
/*primary info table*/#info-table >div{display:table-row;}#info-table >div >div{display:table-cell;vertical-align:middle;font-weight:normal; white-space:nowrap; padding-top:3px; padding-bottom:5px;}#info-table >div >div:first-child{padding-right:70px;}
/*description block*/.desc-txt-top{max-width:700px; margin-bottom:20px;}.desc-txt-top img{height:12px; margin-top:-3px;}
/*secondary block*/.sec-block .rs-smy{height:11px; margin-top:-3px} .sec-block{margin-top:40px; margin-bottom:20px} .sec-block >div >div:first-child{padding-top:5px;}.sec-block >div >div:last-child {border-bottom:solid 0px #ddd; padding-bottom:5px;}.sec-block-row >.head{background:none;padding-top:5px;padding-bottom:5px;color:#008ad5; font-weight:bold;}
.sec-block-pad >div >div:first-child{padding-top:5x;} .sec-block-pad >div >div:last-child {padding-bottom:5px;}
.sec-block-cmpt >div >div:last-child {border-bottom:solid 1px #ddd; padding-bottom:5px;}
.sec-block >div >div{padding:5px;padding-top:0;border-top:none;border-bottom:none; padding-bottom:4px;}.sec-block-cmpt .padd-btm{margin-bottom:20px}
.sec-block-cmpt >div >div{padding:5px;padding-top:0;border-top:none;border-bottom:none;padding-bottom:4px;}.sec-block >div >div:first-child {border-top:solid 0px #ddd;}.sec-block .sup{z-index:1; position:relative;top:-13px;}.sec-block .left-head{padding:5px 8px; background:#008ad5;color:white; z-index:1; font-weight:bold;position: relative;top: 14px}.sec-block .right-head .rs-smy{height:12px}.sec-block{min-width:200px;max-width:700px;}.sec-block-row >div{padding:10px;margin:2px 2px 2px 0px;}.sec-block-row-padd >div{padding-top:5px;padding-bottom:5px; margin:2px 2px 2px 0px;}.sec-block-row-nopadd >div{border:solid 1px #ddd; padding:5px 10px; margin:2px 2px 2px 0px;}.sec-block-row-cmpt >div{padding:5px 10px; margin:2px 2px 2px 0px;}.sec-block .padd{padding:4px 0;}.overview-fuel-type-blk{margin-bottom:40px;}.sec-block-txt{font-weight:normal;}.sec-block .right-head{position: relative;top: 15px}
/*color block*/.clr-block-cont {margin-top:20px; font-size:12px; margin-left:auto; margin-right:auto;}.clr-block{width:100px; float:left; margin-bottom:10px; margin-right:20px;} .clr-block .clr-box{height:30px; box-shadow: 2px 2px 5px #888888;}.clr-block .clr-block-txt{padding-top:5px; height:45px;}
/*other block*/.other-block .panel{max-width:670px; min-width:200px;}.other-block,.other-block .panel,.other-block .panel-default,.other-block .panel-heading,.other-block .panel-body{border:none; background:white;box-shadow:none;}.other-block .panel-heading,.other-block .panel-body{padding-bottom:0px;padding-left:0px;padding-right:0px;}.other-block .panel-body{padding-top:5px;}
.other-block{margin-top:20px;}
/*query form*/#query-form{max-width:400px !important; margin-bottom:40px;}#query-form >div:first-child{background:#f1f1f1;padding:10px 20px!important;}#query-form button{ background:#008ad5;color:white;}#query-form-txt{padding-bottom:10px;}#query-form-txt span{font-size:14px;color:#008ad5;}#query-form .input-group{margin-bottom:10px;}#query-form .input-group-addon{min-width:85px;}#query_form_dpw button{text-align:left;}#query_form_dpw button >span{float:right;margin-top:8px}#query_form_dpw .dropdown-menu{min-width:100%;}#query_form_dpw .dropdown-menu div{padding:2px 10px;cursor:pointer;}#query-form .input-blank{border:solid red 1px !important; box-shadow:red 0 0 5px !important;} #query-form .form_error{min-height:20px; margin-bottom:5px;} #query-form .form_error .error_txt{padding:2px; border-left:solid 5px #a94442; padding-left:10px; font-size:14px;color:red;}#queryform .alert{display:none;}
/*custom footer*/.custom-footer-outer >div{padding-top:20px;}.custom-footer-outer >div:first-child{padding-bottom:20px;}.custom-footer-outer .lrg-fnt{font-weight:bold;font-size:20px;}.custom-footer-outer .mid-fnt{font-weight:bold;font-size:18px;}.custom-footer a{color:#666;}.custom-footer{padding-top:5px;width:inherit; overflow:hidden;}.custom-footer >div{margin-right:-10px;}.custom-footer .custom-footer-blk{display:inline-block;width:20%;float:left;}.custom-footer .custom-blk-upr{width:33.33%}.custom-footer .custom-footer-blk >div{margin-right:10px; background:white; padding:5px; height:145px}.custom-footer-sm .custom-footer-blk >div{margin-right:10px; background:white; padding:5px; height:50px}.custom-footer-blk .custom-footer-img-blk >a >img{display:block; margin:auto;}.custom-footer-blk .custom-footer-img-blk button{position:absolute; right:5px; top:5px;}.custom-footer .custom-footer-blk .custom-footer-img-blk{height:90px}.custom-footer-txt-blk .large{font-size:16px; font-weight:bold;}.custom-footer-txt-blk .mid{font-size:14px;}.custom-footer-txt-blk .rs-sym{height:12px;}.custom-footer-outer .other-model{margin-bottom:10px;}.custom-footer-outer .other-model span{margin-right:50px; position:relative;top:10px;}
.custom-footer-outer:last-child {margin-bottom:20px;}
.mileage-tbl-bdr{padding-top:5px;}#upcoming-label{margin-top:20px;width:200px;float:right;}#upcoming-label .head{background:#ff5500;font-size:24px;padding:10px 10px 7px 10px;text-align:center;color:white;}
#upcoming-label .head-sm{font-size:20px; text-align:center; margin-top:5px;}#price_city_dpw{width:100%}#price_city_dpw button{width:100%;}#price_city_dpw ul{width:100%;}.dl-button{float:right;}.nav-add-pad1{height:170px;}.nav-add{padding:10px 0 0 0;}.nav-add-pad2{height:140px;}
@media(max-width:598px){#data-head-small span{display:inline-block; margin-bottom:10px;}.sec-block .left-head span{display:none;}.sec-block-row-nopadd >div{padding:5px 15px;}
.nav-add{margin-top:10px;}
#data-head-small h1 {
    margin-top: 0;
}
}
@media(max-width:767px){
/*hidden elemnts*/
#menu-button{display:none;}.nav-add{display:none;}.nav-add-pad1{height:55px;}.nav-add-pad2{height:40px;}
/*show elements*/
#menu-dropdown{display:block;}#menu-dropdown .btn-group{clear:both;}#menu-dropdown .btn-group,#menu-dropdown .btn-group > .btn,#menu-dropdown .btn-group> dropdown-menu{width:100%;}#data-head-small span{}#data-head-small img,#data-sub-head-nomrg img{margin-top:-4px; width:15px;}#info-table {max-width:400px;}
#prim-block >div {display:block !important;width:100%;}#prim-block-img img{width:inherit;}#prim-block #prim-block-img{padding:0;}
#upcoming-label{float:none; margin:auto; margin-bottom:20px;}.dl-button{float:none;}
}
@media(min-width:992px){.spec-blk-clr{max-width:700px;}#query-form {float:right !important;}}
@media(min-width:500px){#variant-dpw{max-width:200px; float:right;}} 
@media(min-width:768px) and (max-width:1279px){#info-table {min-width:250px !important;max-width:300px;}}
@media(min-width:900px) and (max-width:1279px)
{
	.custom-footer .custom-footer-blk:last-child{display:none;}
	.custom-footer .custom-footer-blk{width:25%;}
	.custom-footer .custom-blk-upr{width:50%;}
}
@media(min-width:690px) and (max-width:899px)
{
	.custom-footer .second-last-child ,.custom-footer .last-child{display:none;}
	.custom-footer .custom-footer-blk{width:33.33%;}
	.sec-block-row-padd >div{border:solid 1px #ddd; padding:5px 20px; margin:2px 2px 2px 0px;}
}
@media(min-width:480px) and (max-width:689px)
{
	.custom-footer .second-last-child ,.custom-footer .last-child,.custom-footer .third-last-child{display:none;}
	.custom-footer .custom-footer-blk{width:50%;}
	.custom-footer-blk >div >div button{top:50px;right:20px;}
	.sec-block-row-padd >div{border:solid 1px #ddd; padding:5px 20px; margin:2px 2px 2px 0px;}
	.other-model .btn-md{margin-top:10px;}
}
@media(max-width:480px)
{
	.custom-footer .custom-footer-blk{display:none;}
	.custom-footer .custom-footer-blk:first-child{display:inline-block;}
	.custom-footer .custom-footer-blk{width:100%;}
	.sec-block-row-padd >div{border:solid 1px #ddd; padding:5px 10px; margin:2px 2px 2px 0px;}
	.other-model .btn-md{margin-top:10px;}
}


/*-----------aditya-------------*/

.get-offer-btn{
	background-color: #ff5500; 
    padding: 6px 8px; 
    color: #fff; 
    font-size: 18px; 
    position: fixed;
    right: -113px;
    top: calc(100% - 55%);
    z-index: 82;
    transform: rotate(90deg);
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    cursor: pointer;
    width: auto;
    white-space: nowrap;
    text-align: center;
}
.get-offer-btn span{text-transform: capitalize;}
.offer-enquery{
width: 300px;
    position: fixed;
    right: -325px;
    top: calc(100% - 80%);
    height: auto;
    background-color: #fff;
    box-shadow: 0 0 10px 0 #000;
    z-index: 1001;
    opacity: 0;
    transition: right .8s cubic-bezier(0.4, 0, 1, 1), opacity .4s cubic-bezier(0.4, 0, 1, 1);
    -moz-transition: right .8s cubic-bezier(0.4, 0, 1, 1), opacity .4s cubic-bezier(0.4, 0, 1, 1);
    -webkit-transition: right .8s cubic-bezier(0.4, 0, 1, 1), opacity .4s cubic-bezier(0.4, 0, 1, 1);
    -o-transition: right .8s cubic-bezier(0.4, 0, 1, 1), opacity .4s cubic-bezier(0.4, 0, 1, 1);  

/*    transition: right .8s ease-in-out;
    -moz-transition: right .8s ease-in-out;
    -webkit-transition: right .8s ease-in-out;
    -o-transition: right .8s ease-in-out;*/
}
.inquery-box{
	padding:8px 15px 8px 18px;
}
.offer-enquery-header{background-color: #ff5500; padding: 5px 15px}
/*.offer-enquery-header .form-control{
	height: 30px;padding: 4px; border-radius: 0
}*/
/*.inquery-box .form-control{border-radius: 0}*/
.offer-enquery-header p{color: #fff; margin:0px 0; font-size: 21px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; font-weight: bold;}
/*.offer-enquery-header p span{margin-left: 4px}*/
.close-right-offer{
    position: absolute;
    top: 5px;
    right: 10px;
    width: 20px;
    cursor: pointer;
}
.close-right-offer img{max-width: 12px; cursor: pointer; margin:10px 0;}
.checkbox{
  width:20px;
  height:20px;
  border:1px solid #ff5500;
  display:inline-block;
 cursor:pointer;
  margin:0 2px;
  position:relative;
}
.checkbox label{
  margin-left:10px;
}
.checkbox input[type='checkbox']{
  opacity:0;
}
.checkbox input[type='checkbox']:checked + .ck:after{
  opacity:1;
}
 .ck:after{
  content: "\2714";
    color: #ff5500;
    font-size: 15px;
    position: absolute;
    top: -2px;
    left: 2px;
    opacity: 0;
}
.ck-labl{position: relative;top: -5px; font-weight: normal;}

/*check box*/
.chkBtn .checkbox{
  width:17px;
  height:17px;
  border:2px solid #333;
  display:inline-block;
 cursor:pointer;
  margin:0 2px;
  position:relative;
  border-radius: 4px;
  top: 6px;
}
.chkBtn .checkbox label{
  margin-left:10px;
}
.chkBtn .checkbox input[type='checkbox']{
  opacity:0;
}
.chkBtn .checkbox input[type='checkbox']:checked + .chkBtn .ck:after{
  opacity:1;
}
 .chkBtn .ck:after{
    content: "\f00c";
        color: #ffffff;
    font-size: 16px;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    font: normal normal normal 13px/1 FontAwesome;
    background-color: #333;
    width: 14px;
    height: 14px;
    text-align: center;
    border-radius: 0;
}
.chkBtn .ck-labl{position: relative;top: 2px; font-weight: normal;}
/*check box*/

select{
         overflow: hidden !important; white-space: nowrap; text-overflow: ellipsis; padding-right: 35px; z-index: 2; position: relative; background-color: transparent;
    }
.selectArrow{position: relative;background-color: #fff}
    .selectArrow .icon{
    	width: 17px;
        height: 28px;
        background-color: #fff;
        position: absolute;
        right: 1px;
        top: 1px;
        cursor: pointer;
    }
    .selectArrow .icon i{
    position: relative;
        top: 12%;
        left: 24%;	
    }
    .selectArrow select{
      -webkit-appearance:none;
       appearance:none;
        -moz-appearance:none;
        background-color: transparent !important;
        padding-right: 25px !important;
    }

    .selectArrow span.pointer{
        height:30px;
        width:30px;
        border-left:0px solid #ddd;
        position:absolute;
        right:0;
        bottom:4px;
        text-align:center;
        color:#333;
        font-size:20px;
        z-index:1;
    }
    .selectArrow span.pointer i{
        margin-top:9px; font-size: 16px;
    }
#onRoadPrice {
    width: calc(100% - 50%);
    height: auto;
    background-color: #fff;
    position: fixed;
    top: calc(100% - 80%);
    z-index: 1032;
    left: calc(100% - 74%);
    transform: translate(0);
    display: none;
    box-shadow: 0 0 10px 0 #000;
}
#onRoadPrice .form-control{border-radius: 0;}
.md-head{width: 100%; padding: 10px 15px; background-color: #ff5500}
.md-left{
	border-right: 1px solid #ccc;
    width: calc(100% - 65%);
    height: calc(100% - 15%);
    float: left;
    padding: 15px;
}
.md-left h3, .md-right h3{text-align: center; text-transform: capitalize; margin: 10px 0; color: #635e5e}
.md-left img{margin: 0 auto; width: 80%}
.md-right{
	padding: 15px;
    width: calc(100% - 35%);
    height: calc(100% - 15%);
    float: left;
}
.body-bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.34);
	display: none;
	z-index: 1030;
}
.roadPriceCls{
	/*padding: 6px 20px 0 0;*/
}
.roadPriceCls img{width: 17px; cursor: pointer;}
#similar-left .custom-footer .custom-footer-blk {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
#similar-left .custom-footer-img-blk{
    width: 40%;
    float: left;
}
#similar-left .custom-footer-txt-blk{
     width: 60%;
    float: left;
    margin-top: 12px;
}
#similar-left .posRel{
    height: 125px; padding: 20px 0;
}
#similar-left .mid p{font-size: 12px}
.no-btn, .no-btn:hover, .no-btn:focus{
    background-color: transparent !important;
    color: #ff5500 !important;
    /*padding: 4px 12px;*/
    font-size: 12px;
    position: relative;
    top: 22px;
    border-style: none;
}

/*near city price block*/
.price-box-head{
    padding: 5px 8px;
    background: #66B9E5;
    color: white;
    z-index: 1;
    font-weight: bold;
    position: relative;
    top: -2px;
    text-transform: capitalize;
}
.price-box-head h3{
    margin: 0; color: #fff; text-transform: capitalize;font-size: 18px
}
.near-city-block{
    display: flex;
display: -webkit-flex;
padding: 10px 0;
}
.price-box{
    flex: 1 ;
    -webkit-flex: 1 ;
    -ms-flex: 1 ;
}
/*.border-price-box{
    border-right: 1px solid #565656; margin-right: 10px;
}*/
/*.price-box:last-child{
    border-right: 0px; margin-right: 0
}*/
.price-box p a{text-transform: capitalize; color: #565656;font-size: 14px}
.price-box p:first-child a span{text-transform: uppercase;}
.price-box p:last-child{font-weight: normal;}
.req{
    font-size: 12px;
    font-weight: normal;
    color: #555;
    margin-bottom: 0;
    text-transform: capitalize;
}
.req span{
    font-size: 16px;
    color: #f00;
    position: relative;
    bottom: -5px;
}
.modal .form-control{border-radius: 0}
.selectCityDrop{
    margin-top: 0;
    margin-bottom: 0;
}
.close-modal{
    color: #ff5500;
    position: absolute;
    bottom: -22px;
    right: 13px;
    cursor: pointer;
}
.car-images{ max-width: 1100px; margin: 25px auto}

.scroll .owl-wrapper::-webkit-scrollbar {
    width: 6px;
}
 
.scroll .owl-wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); 
    border-radius: 10px;
}
 
.scroll .owl-wrapper::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.success_msg{
padding:5px;
background-color: #ccffe6;
color: #008000;
margin-bottom: 10px;
}

.error_msg{
padding:5px;
background-color: #ffcccc;
color: #990000;
margin-bottom: 10px;
}
.msg:empty{display: none;}
.car-info-box{
    display: flex;
}
.car-info-box tr{background-color: #ccc; margin: 2px 0}
.imp-features{ margin-bottom: 20px; border-radius: 0 !important; position: relative;}
.imp-features .panel-body{padding: 0; position: relative; border: 1px solid #ccc;}

.imp-features .panel-heading {
    border-bottom: 0;
    border-radius:0;
    padding: 6px 8px !important;
}
.imp-features .panel-heading h3{
     background-color: #008ad5;
    border-color: #008ad5;
}
.imp-features .panel-heading h3{color: #fff !important; font-size: 14px; font-weight: bold; padding: 6px 8px; position: relative; left: -8px; top: 6px; display: inline-block;}
.less{
    /*min-height: 304px;*/
    overflow: hidden;

}

.imp-features .panel-body table{margin-bottom: 0}
.imp-features .panel-body table tr td{width: 50%}
.imp-features .panel-body table tr span{font-size: 12px; text-transform: capitalize;}
.imp-features .panel-body table tr{font-size: 12px;}
.more-features{
    color: #008ad5;
    position: absolute;
    bottom: -17px;
    right: 2px;
    cursor: pointer;
    font-size: 12px;
}

.imp-features .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 1px solid rgba(221, 221, 221, 0.20);
    padding: 10px;
}
.imp-features .table>tbody>tr:first-child td{
    padding: 0; border-top: 0;
}
@media (min-width: 991px) and (max-width: 1280px){
    .less{max-height: 336px;}
}

.dualTone{
/*	list-style: none;
    padding-left: 0;
    margin: 0;
    position: relative;
    top: -2px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
	*/
}
.dualTone span{
	    height: 12px;
    width: 24px;
	padding-left:0;
	background-color:#f00;
	border-radius: 12px 12px 0 0;
    /*box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.22);*/
	display: block;
}
.dualTone span:last-child{
	background-color:#ccc;
	border-radius:  0 0 12px 12px;
	
}
/*----------running cost-----------------*/
.running-cost{ margin-bottom: 20px; border-radius: 0 !important}
.running-cost .panel-body{padding: 0; position: relative; border: 1px solid #ccc;}

.running-cost .panel-heading {
    border-bottom: 0;
    border-radius:0;
    padding: 6px 8px !important;
}
.running-cost .panel-heading h2{
     background-color: #008ad5;
    border-color: #008ad5;
}
.running-cost .panel-heading h2{color: #fff !important; font-size: 14px; font-weight: bold; padding: 6px 8px; position: relative; left: -8px; top: 6px; display: inline-block;}
.less{
    min-height: 200px;
    height: 200px;
    overflow: hidden;

}

.running-cost .panel-body table{margin-bottom: 0}
.running-cost .panel-body table tr span{font-size: 12px; text-transform: capitalize;}
.running-cost .panel-body table tr{font-size: 12px;}
.running-cost-top{
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
.running-cost-top label:first-child{
    margin: 0;
    font-weight: bold;
    font-size: 14px;
}
.running-cost-bottom{
    padding: 10px;
    background-color: #f8f8f8;
}
.running-cost-bottom p{margin-bottom: 2px; font-size:15px; text-align: center;}
.final-cost-cty span, .final-cost-hwy span{
    font-size: 20px;
    font-weight: bold;
}
.final-cost-hwy .fa, .final-cost-cty .fa{
    font-size: 15px;
    font-weight: normal;
    margin-right: 2px;
}
.final-cost-cty, .final-cost-hwy{
    color: #333;
    margin-bottom: 4px;
    font-weight: normal;
    text-transform: capitalize;
}
/*.running-cost-bottom{text-align: center;}*/
.based-on{
    position: absolute;
    right: 2px;
    bottom: -2px;
    font-size: 11px !important;
}
.km{
    position: absolute;
    top: 27px;
    color: #a9a9a9;
    right: 25px;
    font-size: 16px;
    font-weight: normal;
}
.car-colours{
    list-style: none;
    padding-left: 0;
}
.car-colours li{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    float: left;
    margin:0 6px 6px 0;
    border: 1px solid #ddd;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.avgCost:before{
    content: "\f156";
        display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 4px;
}
.running-cost-bottom h4{
    font-size: 14px;
}
.avgCost{
    margin: 0px 0 14px 0;
    font-weight: normal;
}
.avgCost span{
    font-weight: bold;
   color: #333;
    font-size: 20px;
}
.hr-line{margin: 8px 0 !important; border-top: 1px solid #e4e4e4 !important}
.running-cost-bottom img{max-width: 40px; margin: 0 auto}
.running-cost-bottom .center{text-align: center; display: block;}
.running-cost-bottom sup {
    top: -0.4em;
}
.running-cost-bottom sup {
    position: relative;
    font-size: 15px;
    line-height: 0;
    vertical-align: baseline;
}

.custom-footer-outer .other-model h5 {
    margin-right: 50px;
    position: relative;
    top: 6px;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
}
#data-head-small h1{
    font-size: 24px;
}
h1.bold{
    margin-bottom: 0;
}
.sec-block h2.left-head {
    padding: 6px 8px;
    top: 14px;
    margin: 0;
    display: inline-block;
}
.left-head.emiHead {
    padding: 6px 8px;
    top: 20px !important;
    margin: 0;
    display: inline-block;
}
.sec-block h4.left-head {
    padding: 6px 8px;
    top: 14px;
    margin: 0;
    display: inline-block;
    text-transform: capitalize;
}
.sec-block span.left-head {
    padding: 14px 8px;
    top: 5px;
    margin: 0;
    display: inline-block;
}
.pac-container{
    position: absolute !important;
    top: 31px !important;
    z-index: 99999 !important;
    left: 1px !important;
}
/*changes in right side enquiry form*/
.grayBg{
    background-color: #ecf0f1;
    padding: 8px;
    border-radius: 4px;
    position: relative;
    margin-bottom: 7px;
}
.grayBg .form-group:last-child{
    margin-bottom: 0;
}
.grayBg .form-group{
    margin-bottom: 6px;
    position: relative;
}
.grayBg .form-control{
    height: 32px;

}
.grayBg .form-control:last-child{
    height: auto;
}
.grayBg:last-child{
    background-color: #fff;
    padding: 0;
    border-radius: 0;
    position: relative;
}
.chkBtn .form-group{
    margin-bottom: 0;
}
.sectionIcon{
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 39%;
    left: -34px;
    box-shadow: -1px 0px 2px 0 rgba(0, 0, 0, 0.4);
}
.grayBg:first-child .sectionIcon{
    top: 33%;
}
.grayBg:nth-child(2) .sectionIcon{
    top: 39%;
}
.grayBg:nth-child(3) .sectionIcon{
    top: 18%;
}
.sectionIcon div{
        width: 25px;
    height: 25px;
    background-color: #ff5500;
    border-radius: 50%;
    position: relative;
    top: 4px;
    left: 4px;
}
.sectionIcon div i{
    color: #fff;
    position: relative;
    top: 5px;
    text-align: center;
    display: block;
}
/*[title]{text-transform: capitalize !important;}
-moz-title{text-transform: capitalize !important;}
-o-title{text-transform: capitalize !important;}*/


.pholder{
    color: #a5a5a5;
    font-size: 14px;
    margin: 0;
    text-transform: capitalize;
    position: absolute;
    font-weight: normal;
    top: 1px;
    left: 1px;
    cursor: text;
    height: 99%;
    background-color: #fff;
    border-radius: 4px 0 0 4px;
    z-index: 1;
    width: 93%;
    box-sizing: border-box;
    line-height: 2.2;
    padding-left: 12px;
    width: 99%;
}
.pholder span{
    color: #ff5500;
}

.placeInput{
    position: relative;
    z-index: 2;
    background-color: transparent;
}
.placeInputW{background-color: #fff}
.grayBg ::placeholder{color: #a5a5a5 !important}
.grayBg select{padding: 6px 8px !important;}

.enqVryBtn{
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 9;
    padding: 4px;
    font-size: 12px;
    line-height: 1;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.19);
    opacity: .4;
    pointer-events: none;
}
#time option span{color: #ff5500}
.vrfyOtp{
    display: none;
}
.otpSuccess{
 background: url(images/check.png) #fff;
    background-repeat: no-repeat;
    background-position-x: 96%;
    background-position-y: 8px;
    background-size: 14px;
}
.otpError{
    background: url(images/redcross.png) #fff;
    background-repeat: no-repeat;
    background-position-x: 96%;
    background-position-y: 9px;
    background-size: 12px;
}
.otpLoader{
background: url(images/loader.gif) rgba(255, 255, 255, 0);
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 1px;
    background-size: 18px;
     display: none; 
    height: 20px;
}
.otpLoaderVrfying{
background: url(images/loader.gif) rgba(255, 255, 255, 0);
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 1px;
    background-size: 18px;
     display: none; 
    position: absolute;
    z-index: 9999;
    top: 7px;
    width: 30px;
    height: 100%;
    right: 0;
}
.otpSucesMsg{
padding: 3px 5px;
    background-color: #ccffe6;
    color: #008000;
    margin-bottom: 0px;
    font-size: 12px;
    display: none;
}

.otpWrong{
    padding: 3px 5px;
    background-color: #ffcccc;
    color: #990000;
    margin-bottom: 0px;
    font-size: 12px;
    display: none;
}
.disable{
    opacity: .5;
    pointer-events: none;
}
#mobile[readonly]{
    background-color: rgba(255, 255, 255, 0.4)
}
.editMobile{display: none;}

.dlrLeft{
    color: #333;
    /*border-bottom: 1px solid #ddd;*/
}
.dlrRight{
    color: #008ad5;
    /*border-bottom: 1px solid #ddd;*/
}
.tbl-border{
    border-bottom: 1px solid #ddd;
}
.redirect{
    width: 20px;
    display: none;
}
#time option:first-child{
    color: transparent;
}

 .loadd{position:absolute;margin:5px 0 0 5px;z-index:2;background:url('images/Spinner.gif')no-repeat;height:20px;width:20px;background-size:20px;}
.electricCar{display: none;}

@media(min-width: 1200px){
    .car-images{min-height: 592px}
}

/*change in enquiry form on mobile starts here*/
#price_city_dpw {z-index: 9;}
@media(max-width: 768px){
#get-car-offer{position: fixed;top: 0;bottom: 0;left: 0;right: 0; width: 100%;overflow-y: auto;overflow-x: hidden;z-index: 9999; margin: 10px; display: none;}
.offer-enquery{position: absolute;top: 51px !important}
.dropdown, .dropup {position: relative;z-index: 10;}
.irs-grid-text{font-size: 10px !important}
}

@media(max-width: 640px){
.get-offer-btn{bottom: 0 !important;left: 0 !important;right: 0 !important;top: auto !important;transform: none !important;-webkit-transform: none !important;-ms-transform: none !important;font-size: 14px;white-space: normal;}
}
/*change in enquiry form ends here*/


#c_p{border-color: #ff5500}

@media (min-width: 801px){#c_p{display: none;}}
/*@media(max-width: 800px){.chosen-select{display: none;}}*/
@media(max-width: 800px){.chosen-container{display: none !important}}

/*aniamtion*/

@keyframes glowing {
    0% { background-color: #ff9966; box-shadow: 0 0 3px #ff9966}
    50% { background-color: #ff7733; box-shadow: 0 0 10px #ff7733}
    100% { background-color: #ff5500; box-shadow: 0 0 3px #ff5500}
}

@media (max-width: 767px){
.get-offer-btn{box-shadow: 0 0 10px rgba(0, 0, 0, 0.55)}

.shake-btn {
  animation: shake 1s cubic-bezier(.36,.07,.19,.97) both;
  /*animation: shake 1s infinite both;*/
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.55);
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
#prim-block .gray-block{position: relative;z-index: 1}
#prim-block #prim-block-img{height: auto}
.breadcrumb, .breadcrumb li{line-height: 10px}
}
@media (width: 768px){.navbar-static-top {top: 37px;}}

/*animation ends*/

.blue_head{display: inline-block; background-color: #008ad5; height: 28px; position: relative; top: 13px; padding: 0 !important}
.blue_head .left-head{top: 0 !important}
.blue_head .city_drop_blue .chosen-container{top: -1px !important}
@media (min-width: 1200px){
    .car-colours{min-width: 250px}
}

/*for auto verify OTP*/
.dyn_msg{font-weight: normal}
.resendText, .resendTextAgn{display: none}
.resendText, .resendTextAgn{font-size: 13px; line-height: 12px; color: #ff5500} 
.resendText span, .resendTextAgn span{color: #008ad5; cursor:pointer}