﻿/* General css */
.noborder { border: none !important; }
button { transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; display: inline-block; padding: 4px 15px; text-decoration: none; font-family: 'robotolight'; }
button:hover { color: #fff; }
* { margin: 0; padding: 0; }
.no_scroll { overflow: hidden; }
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary, title { display: block; }
body { background: #fff; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-size: 12px; line-height: 15px; color: #000; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; line-height: 1.5; }
div, span, p, section { box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0 none; }
strong, th { font-style: normal; }
ol, ul { list-style: none }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -0.4em; }
sub { bottom: -0.25em; }
a img { border: none; display: block; }
img { max-width: 100%; }
a { text-decoration: none; }
a:active, a:focus, input[type="image"], select:focus, input, input[type="button"]:focus, :focus { outline: 0; }
/*For Clear*/
.clearfix { *zoom: 1;
}
.clearfix:before, .clearfix:after { display: block; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
.clear { clear: both; }
/*Form Elements*/
button, input, select, textarea { font-family: inherit; }
button, input { line-height: normal; text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"], li, div, p, span { box-sizing: border-box; }
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
textarea { overflow: auto; vertical-align: top; padding: 10px 0 0 13px; resize: none; height: 80px !important; }
.
/*Fonts family*/
@font-face { font-family: 'robotobold'; src: url('../fonts/roboto-bold_1-webfont.eot'); src: url('../fonts/roboto-bold_1-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-bold_1-webfont.woff') format('woff'), url('../fonts/roboto-bold_1-webfont.ttf') format('truetype'), url('../fonts/roboto-bold_1-webfont.svg#robotobold') format('svg'); }
@font-face { font-family: 'robotolight'; src: url('../fonts/roboto-light_1-webfont.eot'); src: url('../fonts/roboto-light_1-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-light_1-webfont.woff') format('woff'), url('../fonts/roboto-light_1-webfont.ttf') format('truetype'), url('../fonts/roboto-light_1-webfont.svg#robotolight') format('svg'); }
@font-face { font-family: 'robotomedium'; src: url('../fonts/roboto-medium_1-webfont.eot'); src: url('../fonts/roboto-medium_1-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-medium_1-webfont.woff') format('woff'), url('../fonts/roboto-medium_1-webfont.ttf') format('truetype'), url('../fonts/roboto-medium_1-webfont.svg#robotomedium') format('svg'); }
@font-face { font-family: 'robotoregular'; src: url('../fonts/roboto-regular_1-webfont.eot'); src: url('../fonts/roboto-regular_1-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-regular_1-webfont.woff') format('woff'), url('../fonts/roboto-regular_1-webfont.ttf') format('truetype'), url('../fonts/roboto-regular_1-webfont.svg#robotoregular') format('svg'); }
@font-face { font-family: 'robotothin'; src: url('../fonts/roboto-thin_1-webfont.eot'); src: url('../fonts/roboto-thin_1-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-thin_1-webfont.woff') format('woff'), url('../fonts/roboto-thin_1-webfont.ttf') format('truetype'), url('../fonts/roboto-thin_1-webfont.svg#robotothin') format('svg'); }
@font-face { font-family: 'rupee'; src: url('../fonts/rupee_foradian-webfont.eot'); src: url('../fonts/rupee_foradian-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/rupee_foradian-webfont.woff') format('woff'), url('../fonts/rupee_foradian-webfont.ttf') format('truetype'), url('../fonts/rupee_foradian-webfont.svg#robotothin') format('svg'); }
/*Misc*/
.floatleft { float: left; }
.floatright { float: right; }
.textleft { text-align: left; }
.textright { text-align: right; }
.textcenter { text-align: center; }
.display-in { display: inline-block; *display:inline;
zoom: 1; vertical-align: middle; }
.block { display: block; }
.none { display: none; }
.overflowhidden { overflow: hidden; }
.justify { text-align: justify; }
.text10 { font-size: 10px; }
.text12 { font-size: 12px; line-height: 17px; }
.marginauto { margin: 0 auto; }
.heightauto { height: auto; }
.padleftnone { padding-left: 0px !important; }
.padrghtnone { padding-left: 0px !important; }
/*Headings*/
h1 { font-family: "robotoregular"; color: #353535; font-weight: normal; }
h2, h3 { font-family: "robotoregular"; font-weight: normal; }
input[type="checkbox"], input[type="radio"] { margin-left: 10px; padding: 0; position: relative; top: 2px; display: none; }
input[type="radio"] + label span { border-radius: 50% !important; cursor: pointer; display: inline-block; height: 16px; left: 0; padding: 0 !important; position: relative; top: 1px; margin-right: 5px; transition: all 0.5s ease-in-out 0s; width: 16px !important; }
/*Main Slider*/
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#owl-demo.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
 .owl-item.loading{ min-height: 150px;background: url("../image/loading.gif") no-repeat center center;}
 #sync3 .owl-item { min-height: 150px;background: url("../image/loading.gif") no-repeat center center;}

.grabbing { cursor: url(../../../en.html) 8 8, move; }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); overflow: hidden; }
.container { margin: 0 auto; max-width: 100%; }
/*Custom Select Css */
.rupee { font-family: 'rupee'; font-style: normal; }
option {  padding-left: 10px;}
.select-wrapper { float: left; border: 1px solid #d4d4d4; background: url(../image/br_down.png) no-repeat 95% 50% #FFF; cursor: pointer; position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.select-wrapper, .select-wrapper select { width: 100%; height: 40px; font-size: 14px; line-height: 40px; color: #717171; }
.select-wrapper:hover, .select-wrapper:focus { background: url(../image/br_downhover.png) no-repeat scroll 95% 50% #FFF; border-color: #a4a4a4; }
.select-wrapper .holder { display: block; margin: 0 40px 0 16px; white-space: nowrap; overflow: hidden; *overflow:inherit;
cursor: pointer; position: relative; z-index: 1; color: #717171; font-family: 'robotoregular'; font-size: 14px; }
.select-wrapper select { margin: 0; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0; _noFocusLine: expression(this.hideFocus=true);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; -webkit-appearance: none; left: 0px; vertical-align: middle; }
/*Header CSS*/
#stickyheader { z-index: 8000; }
.main { width: 100%; max-width: 1180px; margin: 0px auto; }
header { font-family: 'robotoregular'; position: relative; z-index: 100000; border-bottom: 1px solid #e7e8e8; }
.trans { -moz-transition: all .4s ease-in; -webkit-transition: all .4s ease-in; -o-transition: all .4s ease-in; transition: all .4s ease-in; }
header .headertop { 
background: #12416b;  float: left; width: 100%; }
header .headertop .mobdots { cursor: pointer; display: inline-block; height: 23px; margin-left: 9px; margin-top: 8px; width: 30px; }
header .headertop .mobdots i.sprite { background-position: -138px -52px; display: block; height: 23px; margin: 0 auto; width: 5px; }
header .headertop .mobdots.mobdotsactive i.sprite { background-position: -129px -52px; }
header .headertop .toplink { background: #2f3942; box-shadow: 0 0 3px #000000; display: none; left: 0; margin: 0 auto; position: absolute; right: 0; top: 39px; width: 96%; z-index: 9000; }
header .headertop .toplink::before { content: ""; height: 4px; position: absolute; width: 100%; }
header .headertop .toplink a { text-align: center; color: #fff; font-size: 14px; display: inline-block; width: 100%; padding: 13px 0 13px 10px; box-sizing: border-box; }
#menu .main li.homeicon a:hover { background: none; }
header .offers { float: left; margin: 4px 0 0 20px; display: none; }
header .offers a { width: 85px; height: 30px; background-position: -1px -1px; }
header .offers a:hover { background-position: -1px -32px; }
header .phno { width: 100%; height: 39px; float: right; padding-top: 10px; }
header .phno a { font-size: 12px; color: #fff; border-right: solid 1px #fff; margin-right: 5px; padding-right: 5px;}
header .phno a:last-child{ border-right: none; margin-right: 0px; padding-right: 0px; }
header .phno span { background-position: -93px -1px; height: 20px; margin: 0 8px 0 5px; width: 20px; }
header .headermain { clear: both; background: #fff; width: 100%; float: left;}
.headershadow { -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.3); box-shadow: 0 2px 3px rgba(0,0,0,.3); }
header .logo { display: inline-block;}
 .logo img{ height: 64px; }
.moredrop { width: 220px; height: 188px; background-color: #fff; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.36); -moz-box-shadow: 0 1px 5px rgba(0,0,0,.36); box-shadow: 0 1px 5px rgba(0,0,0,.36); border: solid 1px #ccc; font-family: 'robotoregular'; position: absolute; display: none; left: 10px; }
.moredrop ul { margin: 30px 0 0 30px; }
.moredrop li { padding-bottom: 17px; }
.moredrop li a { font-size: 14px; color: #231f20; padding: 0; text-align: left; }
.moredrop span { background-position: -104px -82px; height: 9px; right: 40px; position: absolute; top: -9px; width: 18px; }
/*Navigation*/

#menu { position: absolute; width: 100%; }
#menu .main .menu_aberto:before { content: ""; height: 4px; position: absolute; width: 100%; }
#menu .main { font-family: 'robotoregular'; font-size: 9px; text-transform: uppercase; color: #fff; }
#menu .main ul { display: none; }
#menu .main .menu_aberto { background: #fff !important; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; box-shadow: 0 1px 4px #8c8c8c; position: absolute; top: 0; width: 100%; z-index: 99999; }
#menu .main ul.display { display: block; }
#menu .main li { cursor: pointer; background: #fff; }
#menu .main li a { color: #6b7176; display: block; font-size: 14px; line-height: 50px; padding-left: 9px; text-align: center; text-decoration: none; }
#menu .main li.active a.mainmenu .arrowbg i.sprite { background-position: -125px -14px; }
#menu .main li:hover a.mainmenu .arrowbg i.sprite { background-position: -125px -8px; }
#menu .main li a:hover { background: #f0f0f0; }
.burger-menu { color: #60635e; height: 17px; position: absolute; right: 18px; text-transform: uppercase; top: -31px; width: 25px; }
.abrir_menu { cursor: pointer; position: absolute; top: 8px; left: 10px }
.arrowbg i { background-position: -125px -1px; width: 9px; height: 5px; }
.arrowbg { margin-left: 6px; }
.more .moreicon { background-position: -138px -1px; width: 21px; height: 21px; margin-left: 10px; vertical-align: -5px; }
.more:hover .moreicon, .more.active .moreicon, .nav-list .more.active a .moreicon, .nav-item:hover a .moreicon { background-position: -138px -25px; }
#menu .main li.homeicon span { width: 24px; height: 20px; background-position: -96px -25px; position: relative; top: 0px; }
#menu .main li.homeicon a { font-size: 0; width: auto; }
#menu .main li.homeicon:hover span { background-position: -96px -48px; }
#menu .main li.active.homeicon span { background-position: -96px -48px; }
/*Menu*/
.burger-menu { position: absolute; margin: 0 auto; color: #60635E; text-transform: uppercase; width: 25px; height: 17px; top:-40px; right: 18px }
.burger-click-region { position: absolute; left: 0; width: 25px; height: 17px; cursor: pointer; }
.burger-menu-txt { display: block; position: absolute; left: 0; top: 5px; cursor: default; -webkit-transition: opacity 200ms ease-out, -webkit-transform 200ms cubic-bezier(0.34, 0.55, 0.25, 0.83); transition: opacity 200ms ease-out, transform 200ms cubic-bezier(0.34, 0.55, 0.25, 0.83); }
.is-open .burger-menu-txt { opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); }
.burger-menu-piece { display: block; position: absolute; width: 25px; border-top: 3px solid #586168; -webkit-transform-origin: 77% 50%; -ms-transform-origin: 77% 50%; transform-origin: 77% 50%; -webkit-transition: -webkit-transform 200ms ease-out; transition: transform 400ms ease-out; }
.burger-menu-piece:nth-child(1) { top: 0; }
.burger-menu-piece:nth-child(2) { top: 7px; opacity: 1; -webkit-transition: -webkit-transform 400ms ease-out, opacity 0ms linear 200ms; transition: transform 400ms ease-out, opacity 0ms linear 200ms; }
.burger-menu-piece:nth-child(3) { top: 14px; }
.active .burger-menu-piece:nth-child(1) { -webkit-animation: burger-open-top 400ms ease-out forwards; animation: burger-open-top 400ms ease-out forwards; }
.active .burger-menu-piece:nth-child(2) { opacity: 0; -webkit-transition: -webkit-transform 400ms ease-out, opacity 0ms linear 200ms; transition: transform 400ms ease-out, opacity 0ms linear 200ms; }
.active .burger-menu-piece:nth-child(3) { -webkit-animation: burger-open-bot 400ms ease-out forwards; animation: burger-open-bot 400ms ease-out forwards; }
.closing .burger-menu-piece:nth-child(1) { -webkit-animation: burger-close-top 400ms ease-out forwards; animation: burger-close-top 400ms ease-out forwards; }
.closing .burger-menu-piece:nth-child(3) { -webkit-animation: burger-close-bot 400ms ease-out forwards; animation: burger-close-bot 400ms ease-out forwards; }
 @-webkit-keyframes burger-open-top { 50% {
-webkit-transform:translate3d(0, 12px, 0);
transform:translate3d(0, 12px, 0)
}
100% {
-webkit-transform:translate3d(0, 12px, 0) rotate(45deg);
transform:translate3d(0, 12px, 0) rotate(45deg)
}
}
@keyframes burger-open-top { 50% {
-webkit-transform:translate3d(0, 12px, 0);
transform:translate3d(0, 12px, 0)
}
100% {
-webkit-transform:translate3d(0, 12px, 0) rotate(45deg);
transform:translate3d(0, 12px, 0) rotate(45deg)
}
}
@-webkit-keyframes burger-open-bot { 50% {
-webkit-transform:translate3d(0, -12px, 0);
transform:translate3d(0, -12px, 0)
}
100% {
-webkit-transform:translate3d(0, -12px, 0) rotate(-45deg);
transform:translate3d(0, -12px, 0) rotate(-45deg)
}
}
@keyframes burger-open-bot { 50% {
-webkit-transform:translate3d(0, -12px, 0);
transform:translate3d(0, -12px, 0)
}
100% {
-webkit-transform:translate3d(0, -12px, 0) rotate(-45deg);
transform:translate3d(0, -12px, 0) rotate(-45deg)
}
}
@-webkit-keyframes burger-close-top { 0% {
-webkit-transform:translate3d(0, 12px, 0) rotate(45deg);
transform:translate3d(0, 12px, 0) rotate(45deg)
}
50% {
-webkit-transform:translate3d(0, 12px, 0) rotate(0);
transform:translate3d(0, 12px, 0) rotate(0)
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes burger-close-top { 0% {
-webkit-transform:translate3d(0, 12px, 0) rotate(45deg);
transform:translate3d(0, 12px, 0) rotate(45deg)
}
50% {
-webkit-transform:translate3d(0, 12px, 0) rotate(0);
transform:translate3d(0, 12px, 0) rotate(0)
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@-webkit-keyframes burger-close-bot { 0% {
-webkit-transform:translate3d(0, -12px, 0) rotate(-45deg);
transform:translate3d(0, -12px, 0) rotate(-45deg)
}
50% {
-webkit-transform:translate3d(0, -12px, 0) rotate(0);
transform:translate3d(0, -12px, 0) rotate(0)
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes burger-close-bot { 0% {
-webkit-transform:translate3d(0, -12px, 0) rotate(-45deg);
transform:translate3d(0, -12px, 0) rotate(-45deg)
}
50% {
-webkit-transform:translate3d(0, -12px, 0) rotate(0);
transform:translate3d(0, -12px, 0) rotate(0)
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.plusminus { display: inline-block; font-style: normal; margin: 0 6px; width: 10px; }
#menu .main .submenu { min-width: 150px; left: 0; position: relative; }
#menu .main .submenu .submenu2  { min-width: 150px; left: 0; position: relative; }
#menu .main .submenu li { background: #e7e7e7; }
#menu .main .submenu li .submenu2 li { background: #e7e7e7; }
#menu .main .submenu li, #menu .main .submenu li a, #menu .main .submenu .submenu2 li a { box-sizing: border-box; display: block; padding: 0; text-indent: 24px; width: 100%; }
#menu .main .submenu li a { color: #6b7176 !important; }
#menu .main .submenu-onclick li { background: #e8e8e8; }
@media screen and (max-width:1006px) {
#menu .main .submenu { width: 100%; }
}
/*Title*/
.titlecont h1, .titlecont h2 { font-size: 30px; margin: 0 auto; text-align: center; position: relative; color: #2e3942; font-family: "robotolight" }
.titlecont h1:after, .titlecont h2:after { content: ""; width: 0px; height: 3px; border-top: solid 1px #000; border-bottom: solid 1px #000; display: none; margin-left: 15px; vertical-align: 7px; transition: width 1s ease-in-out; }
.titlecont h1:before, .titlecont h2:before {content: ""; width: 0px; height: 3px; border-top: solid 1px #000; border-bottom: solid 1px #000; display: none; margin-right: 15px; vertical-align: 7px; transition: width 1s ease-in-out; }
.titlecont.titleblock h1:after, .titlecont.titleblock h2:after, .titlecont.titleblock h1:before, .titlecont.titleblock h2:before { width: 36px; }
/*select a car section*/
#select_car { background-color: #fff ; clear: both; padding: 25px 10px 60px; }
#select_a_car { position: relative; }
#select_a_car .item { float: left; border: 1px solid #e3e3e3; height: 50px; text-align: center; border-right:0}
#select_a_car .item.active{ border-top-width:5px}
#select_a_car .item.active p a{ padding-top:9px}
#select_a_car .item p { height: 50px; }
#select_a_car .item p a { box-sizing: border-box; color: rgba(0,0,0,.7); display: block; font-family: "robotomedium"; font-size: 14px; height: 50px; padding: 10px 0; line-height: 1.2; text-decoration: none; width: 100%; }
.car-model-selection { margin: 25px auto 0; background: #f5f7f7; overflow: hidden; }
#select_a_car .item.slick-center, #select_a_car .item.slick-selected { border-width: 5px 1px 1px; background-color: #fff; }
#select_a_car .owl-buttons { margin: auto; position: absolute; top: 0; width: 100%; }
#select_a_car .slick-prev { cursor: pointer; background-color: #f5f7f7; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; border: 1px solid #e3e3e3; height: 50px; left: 0px; position: absolute; width: 50px; text-indent: -1000px; }
#select_a_car .slick-next { cursor: pointer; text-indent: 10000px; background-color: #f5f7f7; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; height: 50px; border: 1px solid #e3e3e3; position: absolute; width: 50px; right: 0px; }
#select_a_car .slick-prev .sprite { background-position: -316px 0; bottom: 0; height: 21px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 12px; }
#select_a_car .slick-next .sprite { background-position: -334px 0; bottom: 0; height: 21px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 12px; }
#select_a_car.tabbing { height: 50px; margin: 0 auto; max-width: 1080px; width: 100%; }
#select_car .slick-list.draggable { left: 0; position: relative; }
#select_car .car_specs { background-color: #fff; padding: 38px 0 34px; }
#select_car .car360img { display: inline-block; width: 100%; vertical-align: top; }
#select_car .car360img h3 { text-align: center; }
#select_car .car360img h3 a { color: rgba(32, 32, 32, 0.8); font-family: "robotolight"; font-size: 30px; text-decoration: none; }
#select_car .caroverinfo { display: inline-block; vertical-align: middle; width: 100%; }
#select_car .caroverinfo > p { color: rgba(23,35,45,0.75); text-align: center; }
#select_car .rupee { font-weight: bold; font-size: 36px; }
#select_car .price {  font-size: 36px; }
#select_car .smallprice { font-family: "robotoregular"; font-size: 20px; color: #767b7e; }
#select_car .ex-show { font-family: "robotoregular"; font-size: 12px; display: block; }
.caroverinfo p span, .caroverinfo p i { margin: 0 3px 0 0; }
#select_car .carinfo { margin: 50px 0 0; text-align: center; }
#select_car .carinfo li { border-right: 1px solid #d3d6d7; display: inline-block; height: 60px; text-align: center; width: 49.5%; }
#select_car .carinfo li:last-child, #select_car .carinfo li:nth-child(2) { border-right: none; }
.metericon { margin-top: 15px; }
.engineicon .sprite { background-position: 0 -75px; height: 24px; width: 36px; }
.fuelicon .sprite { background-position: -40px -78px; height: 22px; width: 24px; }
.metericon .sprite { background-position: -69px -78px; height: 23px; width: 27px; }
#select_car .carinfo li span { display: inline-block; margin: 0 10px 0 0; vertical-align: middle; }
#select_car .carinfo .value { color: rgba(32, 32, 32, 0.8); font-family: "robotolight"; font-size: 24px; }
#select_car .carinfo .descip-bottom { margin-top: 5px; color: #17232d; font-family: "robotoregular"; font-size: 12px; width: 100%; }
.select-button { border: 1px solid transparent; border-radius: 5px; color: #fff; text-align: center; display: block; font-family: "robotomedium"; font-size: 14px; line-height: 39px; margin: 57px auto 0; text-transform: uppercase; width: 250px; }
.moredetails { color: #17232d; display: block; font-family: "robotoregular"; font-size: 14px; margin: 14px auto; text-align: center; text-decoration: none; }
.moredetails .sprite { background-position: -335px -24px; display: inline-block; height: 12px; margin: -1px 0 0 9px; vertical-align: middle; width: 10px; }
.moredetails:hover .sprite { background-position: -335px -54px; }
#select_a_car .owl-prev { border: 1px solid #e3e3e3; font-size: 0; height: 50px; left: -50px; position: absolute; width: 50px; }
#select_a_car .owl-next { font-size: 0; height: 50px; border: 1px solid #e3e3e3; position: absolute; width: 50px; right: -50px; }
.pccar { display: none; }
.mobicar { display: block; margin: 0 auto; width: auto; }
/* Main Slider*/
#mainslider { position: relative; }
#mainslider #toplsidermain ul { text-align: center; overflow: hidden; width: 100% }
#mainslider #toplsidermain li { display: inline-block; }
#mainslider .slick-next { position: absolute; z-index: 99; top: 50%; right: 40px; display: block; width: 29px; height: 49px; margin-top: -24px; border: none; font-size: 0px; text-indent: -9999px; background-color: transparent; opacity: 0; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -ms-transition: opacity 1s ease; transition: opacity 1s ease; padding: 0; opacity: 0.5 }
#mainslider .slick-prev { position: absolute; z-index: 99; top: 50%; left: 40px; display: block; width: 29px; height: 49px; margin-top: -24px; border: none; font-size: 0px; text-indent: -9999px; background-color: transparent; opacity: 0; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -ms-transition: opacity 1s ease; transition: opacity 1s ease; padding: 0; opacity: 0.5 }
#mainslider .slick-prev:hover, #mainslider .slick-next:hover { opacity: 1 }
#mainslider .slick-list { margin: 0px; }
#mainslider .slick-list div, #mainslider .slick-list li { line-height: 0 }
#mainslider .topslider .slick-prev:hover, #mainslider .topslider .slick-next:hover { opacity: 1; }
#mainslider #toplsidermain .slick-dots { bottom: 7px; display: block; list-style: outside none none; padding: 0; position: absolute; right: 7px; text-align: right; }
.slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 3px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 0px; cursor: pointer; color: transparent; outline: none; background: rgba(255,255,255,0.5); border-radius: 12px; -webkit-border-radius: 12px; -ms-border-radius: 12px; -moz-border-radius: 12px; outline: none; border: 0 }
.slick-dots li.slick-active { display: inline-block; zoom: 1; *display:inline;
}
.slick-dots li button:hover, .slick-dots li button:focus, .slick-dots li.slick-active button, .slick-dots li button:hover, .slick-dots li button:focus { background: #2e3942; }
/*Home Page Feature*/

.bg-tagline {
    background: #8ecc3a none repeat scroll 0 0;
    border-bottom: 1px solid #3d6802;
    border-top: 1px solid #3d6802;
    padding: 12px 0 1px;
    position: relative;
    width: 100% !important;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    opacity: 0;
}
.animated.fadeInLeft {
    animation-name: fadeInLeft;
    opacity: 1;
}
.button-group {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.button-group .button {
    font-size: 18px;
    letter-spacing: -1px;
    margin: 0;
    overflow: hidden;
    padding: 25px 0;
    text-align: center;
    text-transform: uppercase;
    width: 25%;
}
.button-group .or {
    background-color: #fff;
    border-radius: 50%;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 40px;
    left: 50%;
    line-height: 42px;
    margin-left: -23px;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    width: 40px;
    z-index: 99;
}
.button-group .title {
    display: block;
}
.button-group .subtitle {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 15px;
}
.centered {
    text-align: center;
}
.button.gray {
    background: #8ecc3a none repeat scroll 0 0;
    color: #fff;
}
.button.color {
	 background: #3399cc none repeat scroll 0 0;
	 color: #fff;
}
.button.gray:hover {
    background: #a0a5aa none repeat scroll 0 0;

}
.button.color:hover {
    background: #a0a5aa none repeat scroll 0 0;

}
.container .column, .container .columns {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.animated.fadeInRight {
    animation-name: fadeInRight;
    opacity: 1;
}

input.add-comment-btn {
    float: left;
    margin: 0;
    min-width: 100px;
}
.button, input[type="button"], input[type="submit"] {
    border: 0 none;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    outline: medium none;
    padding: 8px 16px;
    transition: all 0.2s ease-in-out 0s;
    width: auto;
}
.small.button, .small input[type="button"], .small input[type="submit"] {
    border: 0 none;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    outline: medium none;
    padding: 4px 10px;
    transition: all 0.2s ease-in-out 0s;
    width: auto;
}
.big.button, .big input[type="button"], .big input[type="submit"] {
    border: 0 none;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    outline: medium none;
    padding: 8px 16px;
    transition: all 0.2s ease-in-out 0s;
    width: auto;
}
.button i {
    margin: 0 2px 0 0;
}
.button.gray {
    background: #8ecc3a none repeat scroll 0 0;
    color: #fff;
}
.button.gray:hover {
    background: #a0a5aa none repeat scroll 0 0;
}
.button.white {
    background: #fff none repeat scroll 0 0;
    color: #2d3237;
}
.button.white:hover {
    background: #a0a5aa none repeat scroll 0 0;
}
.button.light {
    background: #f2f4f6 none repeat scroll 0 0;
    color: #a0a5aa;
}
.button.light:hover {
    background: #a0a5aa none repeat scroll 0 0;
    color: #fff;
}

.button.line {
    border: 1px solid #000;
    color: #000;
    height: 22px;
    padding-top: 10px;
}
.button.line:hover {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #000;
}
.button.line-color {
    border: 1px solid #000;
    color: #000;
}
.button.line-color:hover {
    color: #fff;
}
.button.line-white {
    border: 1px solid #fff;
    color: #fff;
}
.button.line-white:hover {
    color: #fff;
    opacity: 0.7;
}
input[type="button"], input[type="submit"], input[type="button"]:focus, input[type="submit"]:focus {
    background: #a0a5aa none repeat scroll 0 0;
    border: medium none !important;
    color: #fff;
    padding: 8px 14px;
}
input[type="button"], input[type="submit"] {
    float: left;
    font-weight: 600;
}
input[type="button"]:hover, input[type="submit"]:hover {
    background: #a0a5aa none repeat scroll 0 0;
}
.footer .footer-upper {
    padding: 90px 0;
    background-color: #306da3;
}
.footer-widget ul {
    margin: 0;
    padding: 0;
}
.footer-widget ul li {
    list-style: outside none none;
}
.footer-widget .contact {
    margin-top: 21px;
}
.footer-widget .contact li {
    color: #000;
    font-size: 13px;
    margin-bottom: 18px;
}
.footer-widget .contact li i, .footer-widget .contact li span {
    display: table-cell;
    vertical-align: middle;
}
.footer-widget .contact li i {
    color: #000;
    font-size: 16px;
    padding-right: 18px;
    text-align: center;
    width: 18px;
}
.footer-widget.about-widget img {
    margin-bottom: 0;
}
.footer-widget.about-widget p {
    color: #fff;
    font-size: 13px;
    line-height: 27px;
    margin: 0;
}
.footer-widget .social {
    margin-top: 30px;
}
.footer-widget .social li {
    display: inline-block;
}
.footer-widget .social li a {
    border: 1px solid #000;
    border-radius: 50%;
    color: #000;
    display: inline-block;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    margin-right: 3px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 30px;
}
.footer-widget .social li a:hover {
    background: #004b8d none repeat scroll 0 0;
    border-color: #004b8d;
    color:#fff;
}
.footer-widget h3.title {
    color: #000;
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 10px;
    text-transform: uppercase;

}
.footer-widget.quick-links ul li a {
    color: #000;
    font-size: 14px;
    line-height: 30px;
    
    text-decoration:none; 
}
.footer-widget.quick-links ul li a:hover {
    color: #fff;
}
.footer-widget.latest-post ul {
    margin-top: 42px;
}
.footer-widget.latest-post ul li {
    margin-bottom: 20px;
}
.footer-widget.latest-post ul li:last-child {
    margin-bottom: 0;
}
.footer-widget.latest-post ul li span.border {
    display: table-cell;
    vertical-align: top;
}
.footer-widget.latest-post ul li span.border::before {
    background: #ffffff none repeat scroll 0 0;
    content: " ";
    display: block;
    height: 2px;
    width: 10px;
}
.footer-widget.latest-post ul li .content {
    display: table-cell;
    padding-left: 18px;
    position: relative;
    top: -8px;
    vertical-align: top;
}
.footer-widget.latest-post ul li a {
    color: #c9c9c9;
    display: block;
    font-size: 13px;
    line-height: 25px;
    transition: all 0.3s ease 0s;

}
.footer-widget.latest-post ul li a:hover {
    color: #004b8d;
}
.footer-widget.latest-post ul li span {
    color: #576673;
    display: block;
    font-size: 13px;
}
.footer-widget.contact-widget input, .footer-widget.contact-widget textarea {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    color: #FFF;
    font-size: 13px;
    height: 50px;
    margin-bottom: 10px;
    outline: medium none;
    padding: 0 20px;
    width: 100%;
}
.footer-widget.contact-widget textarea {
    height: 100px;
    margin-bottom: 5px;
    padding-top: 15px;
}
.footer-widget.contact-widget button {
    background: #1a5d99 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    outline: medium none;
    padding: 0;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.footer-widget.contact-widget button:hover {
    background: #004b8d none repeat scroll 0 0;
    color: #fff;
}
.footer-widget.quick-links ul li {
    /*border-bottom: 1px dashed #fff;
    margin-bottom: 6px;
    padding-bottom: 6px;*/
}

#owl-1 .item{
  background: ;
  padding: 0 15px 10px 15px ;
  margin: 10px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  width: auto;
  height: auto;
}
.customNavigation{
  text-align: center;
}
//use styles below to disable ugly selection
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#owl-2 .item{
  background: ;
  padding: 0 15px 10px 15px ;
  margin: 10px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  width: auto;
  height: auto;
}
.customNavigation{
  text-align: center;
}
//use styles below to disable ugly selection
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


    #owl-3 .item{
      margin: 3px;
    }
    #owl-3 .item img{
      display: block;
      width: 150px;
      height: auto;
    }
#serviceblock{

	font-size: 20px !important;
    line-height: 20px !important;
    padding: 30px !important;
    text-transform: uppercase !important;
    border-radius:5px; 
    background-color: #d4ad35;
    color:#000;
    transition: all 0.2s ease-in-out 0s;
    width: 220px;
    height: 120px;
    border: 1px solid #1a5d99;
}
#serviceblock.s:hover{

	font-size: 23px !important;
    line-height: 23px !important;
    padding: 30px !important;
    text-transform: uppercase !important;
    border-radius:10px; 
    background-color: #1a5d99;
    color: #FFF;
    border: 1px solid #1a5d99;
}
#serviceblock.s1{
	
	background-color: #31698A;
    color: #FFF;
}
#serviceblock.s2{
	
	background-color: #F6546A;
    color: #FFF;
}
#serviceblock.s3{
	
	background-color: #003366;
    color: #FFF;
}
#serviceblock.s4{
	
	background-color: #20B2AA;
    color: #FFF;
}
#serviceblock.s5{
	
	background-color: #088DA5;
    color: #FFF;
}
#serviceblock.s6{
	
	background-color: #66CDAA;
    color: #FFF;
}
#serviceblock.s7{
	
	background-color: #C4941C;
    color: #FFF;
}
#serviceblock.s8{
	
	background-color: #794044;
    color: #FFF;
}
#priceblock {
	background-color: none;
}
#priceblock:hover{
	background-color: #1a5d99;
	color:#fff;
}
.serviceback {
	background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(../image/Services.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: 50% 50%;
	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
.knowmore {
	background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(../image/knowmore.png) ;
	background-size: cover;
	background-attachment: fixed;
	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
/*.side-lines {
  text-align: center;
}
.side-lines:before, .side-lines:after {
  position: absolute;
  width: 4%;
  height: 3px;
  content: '';
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  margin-top: .50em;
  transition: width 1s ease-in-out;

  

}

.side-lines:before {
  margin-left: -5%;
}
.side-lines:after {
  margin-left: 1%;
}*/


.side-lines h1, .side-lines h2 { font-size: 30px; margin: 0 auto; text-align: center; position: relative; color: #2e3942; font-family: "robotolight" }
.side-lines h1:after, .side-lines h2:after { content: ""; width: 0px; height: 3px; border-top: solid 1px #fff; border-bottom: solid 1px #fff; display: none; margin-left: 15px; vertical-align: 7px; transition: width 1s ease-in-out; }
.side-lines h1:before, .side-lines h2:before {content: ""; width: 0px; height: 3px; border-top: solid 1px #fff; border-bottom: solid 1px #fff; display: none; margin-right: 15px; vertical-align: 7px; transition: width 1s ease-in-out; }
.side-lines.sideblock h1:after, .side-lines.sideblock h2:after, .side-lines.sideblock h1:before, .side-lines.sideblock h2:before { width: 36px; }




#header_nav {
    
    top:10px;
    
    z-index: 100000 !important;
	border-bottom:1px solid #3d6802;
	background: rgba(255,255,255,0.75);
}

.footergreencolor{
	
background: #8ecc3a;

}

/* To Dropdown navbar dropdown on hover */
.navbar-nav > li:hover > .dropdown-menu {
    display: block;

}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}







/* 06 Revolution Slider

================================================== */

.tp-banner-container { width: 100%; position: relative; /*top:80px;*/z-index: 10;  }


.tp-banner { width: 100%; position: relative; }

.tp-banner-fullscreen-container { width: 100%; position: relative; padding: 0; }

.tp-caption a {
    color: #28b8d8;
}
.tp-caption a:hover {
    color: #2e2e2e !important;
}
.tp-caption.condensed {
    color: #000;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 55px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
}
.tp-caption.slab {
    color: #000;
    font-family: "Roboto Slab",serif;
    font-size: 40px;
    font-weight: 300;
    line-height: 1;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
}
.tp-caption.lined {
    color: #000;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.tp-caption.upper {
    color: #f5f5f5;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
}
.tp-caption.lower {
    color: #f5f5f5;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 1;
}
.tp-caption.opacity-bg {
    background: rgba(0, 0, 0, 0.55) none repeat scroll 0 0;
    color: #f5f5f5 !important;
    line-height: 1;
    padding: 15px 20px;
}
.tp-caption a.btn {
    color: #fff;
}

/* Navigation

====================================*/

.tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: background-color 150ms ease-in-out, opacity 0.2s ease-out; -moz-transition: background-color 150ms ease-in-out, opacity 0.2s ease-out; -o-transition: background-color 150ms ease-in-out, opacity 0.2s ease-out; -ms-transition: background-color 150ms ease-in-out, opacity 0.2s ease-out; transition: background-color 150ms ease-in-out, opacity 0.2s ease-out; }

.tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }

.tp-leftarrow.default, .tp-rightarrow.default { z-index: 100; cursor: pointer; position: relative; border: 1px solid rgba(255, 255, 255, 0.5); width: 40px; height: 80px; }

.tp-leftarrow:hover, .tp-rightarrow:hover { border: 1px solid #000;background-color: #000 }

.tp-leftarrow.default { background-image: url(../image/back.png); background-repeat: no-repeat; background-position: 45% 50%; border-radius: 2px; left: 15px; }

.tp-rightarrow.default { background-image: url(../image/next.png); background-repeat: no-repeat; background-position: 55% 50%; border-radius: 2px; right: 15px; }

/* Other Styles

====================================*/

.tp_inner_padding { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; max-height: none !important; }

.tp-simpleresponsive .slotholder *, .tp-simpleresponsive img { -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; }

.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; visibility: hidden; }

.tp-simpleresponsive img { max-width: none; }

.noFilterClass { filter: none !important; }

/* Shadows

====================================*/

.tp-bannershadow { position: absolute; margin-left: auto; margin-right: auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; }

.tp-bannershadow.tp-shadow1 { background: url(../assets/shadow1.html) no-repeat; background-size: 100%; width: 890px; height: 30px; bottom: -30px; }

.tp-bannershadow.tp-shadow2 { background: url(../assets/shadow2.html) no-repeat; background-size: 100%; width: 890px; height: 60px; bottom: -60px; }

.tp-bannershadow.tp-shadow3 { background: url(../assets/shadow3.html) no-repeat; background-size: 100%; width: 890px; height: 60px; bottom: -60px; }

/* Fullscreen Video

====================================*/

.caption.fullscreenvideo { left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; }

.caption.fullscreenvideo iframe { width: 100% !important; height: 100% !important; }

.tp-caption.fullscreenvideo { left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; }

.tp-caption.fullscreenvideo iframe { width: 100% !important; height: 100% !important; }

/* Basic Settings For Banner

====================================*/

.tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; }

.tp-simpleresponsive a { text-decoration: none; }

.tp-simpleresponsive ul { list-style: none; padding: 0; margin: 0; }

.tp-simpleresponsive >ul >li { list-stye: none; position: absolute; visibility: hidden; }

.tp-transparentimg { content: "url(../assets/transparent.png)" }

.tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; }




/* 15 Parallex Section

================================================== */

.parallex { overflow: hidden; width: 100%; background-attachment: fixed; background-position: 50% 0; }

.parallex .container { text-align: center; padding: 80px 0; }

.parallex, .parallex h1, .parallex h2, .parallex h3, .parallex h4, .parallex h5, .parallex h6, .parallex a:hover { color: #fff; }

.parallex .titles { border-color: rgba(255, 255, 255, 0.2); }

.parallex a { color: #fff; color: rgba(255, 255, 255, 0.8); }

 @media only screen and (min-width: 1920px) {

.parallex { background-size: cover; }

}


/*------------------------------------------

        parallex bagkground

    ------------------------------------------*/

        

        

#parallex1 { background-image: url(../image/parallex1.png); }

#parallex2 { background-image: url(../image/parallex2.png); }

#parallex3 { background-image: url(../image/parallex3.png); }

#parallex4 { background-image: url(../image/parallex4.png); }

#parallex5 { background-image: url(../image/parallex5.png); }

#parallex-inner { background-image: url(../image/parallex-inner1.png); margin-bottom: 0px; }

#parallex-inner .container { text-align: left; padding: 16px 0 2px; }

#parallex-inner .container h1 { font-size: 36px; font-family: 'raleway'; font-weight: 200; line-height: 36px; letter-spacing: -1px }

#parallex-inner .container p { font-size: 13px; color: #b9bec3; }

.parallex-slider { height: 100%; min-height: 100%; position: relative; overflow: hidden; text-align: center; z-index: 750; }

.parallex-slider .parallex-holder { display: inline-block; position: absolute; top: 50%; left: 80%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 820px; max-width: 100%; }

.js .parallex-slider .parallex-holder { opacity: 0; }

.parallex-slider-title { font-size: 4em; letter-spacing: 0.3em; margin-bottom: 20px; text-transform: uppercase; text-align: center; display: inline-block; color: #FFFFFF; padding: 20px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.parallex-slider-description { color: #FFFFFF; font-size: 12px; letter-spacing: 1px; margin-bottom: 10px; text-align: center; text-transform: uppercase; display: block; }

.btn-holder { display: block; margin: 10px auto; text-align: center; }

.parallex-slider-btn { background: transparent; color: #FFFFFF; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 2px; padding: 10px 15px; font-size: 12px; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; text-align: center; display: inline-block; -webkit-transition: 0.2s background linear; -moz-transition: 0.2s background linear; transition: 0.2s background linear; }

.parallex-slider-btn:hover { color: #FFFFFF; background: rgba(255, 255, 255, 0.15); }

.about-gdata {
    height: 56.25rem;
}
.about-gdata {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    clear: both;
    display: table;
    height: 40rem;
    position: relative;
    width: 100%;
}
.about-gdata .content-left {
    width: 50%;
}
.about-gdata .content-left {
    width: 70%;
}
.about-gdata .content-left {
    background-color: rgba(240, 240, 240, 0.8);
    display: table-cell;
    height: 100%;
    padding: 5%;
    position: relative;
    transition: width 0.3s ease-out 0s;
    vertical-align: middle;
    width: 50%;
}
.about-gdata .content-right {
    
    height: 100%;
    padding-top: 4em;
    position: relative;
    text-align: center;
    width: 100%;
}
.about-gdata .content-right .logo-campus {
    bottom: 2em;
    position: absolute;
    right: 2em;
}
.bg-about-gdata .logo-overlay .logo30y {
    margin-bottom: 25px;
    margin-top: 25px;
    position: relative;
}

.bg-about-gdata h3 {
    font-size: 26px !important;
}
.bg-about-gdata .span6 {
    width: 50%;
}
.bg-about-gdata .text-full-opacity {
    color: #fff;
    line-height: 25px;
    margin: 47px 24px;
}
.bg-about-gdata .text-full-opacity h3, .bg-about-gdata .text-full-opacity h4, .bg-about-gdata .text-full-opacity li {
    color: #000;
}
.bg-about-gdata .bg-white-50 {
    background: rgba(240, 240, 240, 0.7) none repeat scroll 0 0;
    height: auto;
    margin: 0;
    overflow: hidden;
}
.bg-about-gdata .logo-campus {
    bottom: 30px;
    position: absolute;
    right: 30px;
    top: auto;
}
.bg-about-gdata .logo-overlay {
    margin: 0;
    position: relative;
}







.focus-grid a {
    text-decoration: none;
}
.focus-grid a:hover {
    text-decoration: none;
}
.focus-grid {
    margin-top: 30px;
}
.focus-grid h4 {
    color: #323232;
    font-size: 2.5em;
    font-weight: 400;
    text-align: left;
}
.focus-grid h4 span {
    display: block;
    font-size: 0.5em;
    margin: 10px 0;
    transition: all 1.5s ease 0s;
}
.focus-grid p {
    color: #797979;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.9em;
    margin: 20px 0 0;
}
.focus-border {
    border: 1px solid transparent;
}
.focus-layout {
    background: transparent none repeat scroll 0 0;
    transition: all 1.5s ease 0s;
}
.focus-layout {
    margin: 5px;
    padding: 20px 0;
    text-align: center;
    transition: all 1.5s ease 0s;
}
.focus-layout:hover {
    background-color: transparent;
    transition: all 1.5s ease 0s;
}
.focus-layout h4 {
    color: #fff;
    font-size: 18px;
    height: 35px;
    margin: 20px 0 0;
    text-align: center;
}
.focus-layout:hover h4.clrchg {
    color: #fff;
}
.focus-grids {
    margin-top: 5em;
}
.focus-image {
    text-align: center;
    transition: all 1.5s ease 0s;
}
.focus-image i {
    background: #3399cc none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-size: 40px;
    height: 90px;
    line-height: 95px;
    transition: all 1.5s ease 0s;
    width: 90px;
}
/*.focus-layout:hover div.focus-image i {
    background: #fbfbfb none repeat scroll 0 0;
    color: #000;
    transition: all 1.5s ease 0s;
}*/
.focus-border:hover {

	background: #3399cc none repeat scroll 0 0;
	color:#fff;
	text-decoration: none;

}
.focus-border:hover div.focus-image i{

	background: #fff none repeat scroll 0 0;
	color:#3399cc;
	text-decoration: none;
	
}
.focus-image i:hover {

	background: #fff none repeat scroll 0 0;
	color:#3399cc;
	text-decoration: none;
	
}


.focus-image i.fa-laptop {
    background: #ff9e29 none repeat scroll 0 0;
}
.focus-image i.fa-car {
    background: #3fb7d2 none repeat scroll 0 0;
}
.focus-image i.fa-motorcycle {
    background: #15c01c none repeat scroll 0 0;
}
.focus-image i.fa-wheelchair {
    background: #7e3b07 none repeat scroll 0 0;
}
.focus-image i.fa-paw {
    background: #1963ce none repeat scroll 0 0;
}
.focus-image i.fa-book {
    background: #c119ce none repeat scroll 0 0;
}
.focus-image i.fa-asterisk {
    background: #7fbad8 none repeat scroll 0 0;
}
.focus-image i.fa-gamepad {
    background: #1ca39d none repeat scroll 0 0;
}

.focus-image i.fa-at {
    background: #070c1f none repeat scroll 0 0;
}
.focus-image i.fa-home {
    background: #df8012 none repeat scroll 0 0;
}
.focus-layout:hover div.focus-image i.mobile {
}
i.laptop {
}
.focus-layout:hover div.focus-image i.laptop {
}
i.car {
}
.focus-layout:hover div.focus-image i.car {
}
i.bike {
}
.focus-layout:hover div.focus-image i.bike {
}
i.furniture {
}
.focus-layout:hover div.focus-image i.furniture {
}
i.pets {
}
.focus-layout:hover div.focus-image i.pets {
}
i.books {
}
.focus-layout:hover div.focus-image i.books {
}
i.fashion {
}
.focus-layout:hover div.focus-image i.fashion {
}
i.kids {
}
.focus-layout:hover div.focus-image i.kids {
}
i.services {
}
.focus-layout:hover div.focus-image i.services {
}
i.job {
}
.focus-layout:hover div.focus-image i.job {
}
i.real-estate {
}
.focus-layout:hover div.focus-image i.real-estate {
}

.focus-grid {
    display: block;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
}
.w3layouts-boder1 {
    border: 1px solid #3399cc;
}
.w3layouts-boder2 {
    border: 1px solid #ff9e29;
}
.w3layouts-boder3 {
    border: 1px solid #3fb7d2;
}
.w3layouts-boder4 {
    border: 1px solid #15c01c;
}
.w3layouts-boder5 {
    border: 1px solid #7e3b07;
}
.w3layouts-boder6 {
    border: 1px solid #1963ce;
}
.w3layouts-boder7 {
    border: 1px solid #c119ce;
}
.w3layouts-boder8 {
    border: 1px solid #7fbad8;
}
.w3layouts-boder9 {
    border: 1px solid #1ca39d;
}
.w3layouts-boder10 {
    border: 1px solid #f49ecf;
}
.w3layouts-boder11 {
    border: 1px solid #070c1f;
}
.w3layouts-boder12 {
    border: 1px solid #df8012;
}
.w3layouts-boder1:hover, .w3layouts-boder2:hover, .w3layouts-boder3:hover, .w3layouts-boder4:hover, .w3layouts-boder5:hover, .w3layouts-boder6:hover, .w3layouts-boder7:hover, .w3layouts-boder8:hover, .w3layouts-boder9:hover, .w3layouts-boder10:hover, .w3layouts-boder11:hover, .w3layouts-boder12:hover {
    border: 1px solid #fff;
}

/*.btn-8::before, .btn-8::after {
    background: #3399cc none repeat scroll 0 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.btn-8::after {
    bottom: 0;
    top: auto;
}
.btn-8:hover {
    color: #d8e4ef;
}
.btn-8:hover::before, .btn-8:hover::after {
    height: 100%;
}
.btn-8:active {
    background: #6492bf none repeat scroll 0 0;
}*/

.w3-categories {
    padding: 60px 0;
}
.w3-categories h3 {
    color: #0099e5;
    font-size: 40px;
    margin-bottom: 15px;
    text-align: center;
}
.w3-categories h3::before, .w3-categories h3::after {
    background: #000 none repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 1px;
    margin: 0 1%;
    vertical-align: middle;
    width: 170px;
}

.categories a {
    color: #848688 !important;
    display: block;
    line-height: 28px;
    padding: 3px 0;
    text-transform: uppercase;
}
.categories a:hover {
    background-color: #eee;
    color: #a0a5aa;
    text-decoration: none;
}
.cat a {
    background-color: #eee !important;
    color: #3399cc !important;
    font-weight: 600;
}
.categories ul li::before {
    color: #ccc;
    content: "";
    float: left;
    font-family: "FontAwesome";
    font-size: 13px;
    margin: 8px 9px 0 0;
}
.categories ul li ul li::before {
    content: "";
    margin: 3px 9px 0 0;
}
.categories ul li ul li ul li::before {
    content: "";
    margin: 3px 9px 0 0;
}
.categories ul li ul li ul li a {
    font-size: 14px;
}









.feature { width: 100%; font-family: "robotoregular"; float: left; }
.feature li { border-right: 1px solid; color: #fff; cursor: pointer; float: left; font-size: 12px; height: 81px; padding:0; text-align: center; width: 25%; }
.stickyshortcut .feature li { line-height: 81px; }
.feature li a{display: inline-block;height: 55px;padding: 13px 0;width: 100%;}
.feature li a .slidertext { color: #fff;}
.feature li:nth-of-type(4n) { border-right: none; }
/*Map*/
.map .fullmap { height: 670px; overflow: hidden; position: absolute; top: 0; width: 100%; }
.map .fullmap > img { height: 100%; width: 100%; }
.map .main { padding: 0 20px; position: relative; }
#googleMap{display:none;}
.map { clear: both; padding: 28px 0; position: relative; width: 100%;}
.map .locateus { max-width: 400px; width: 95%; padding:25px 30px 0; background: url(../image/locatebg.png) repeat; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 0px auto; }
.map .locateus h2 { color: #fff; font-size: 12px; letter-spacing: 2px; text-align: center; text-transform: uppercase; }
.map .cityname { color: #fff; font-family: "robotolight"; font-size: 26px; margin: 0 auto; position: relative; text-align: center; line-height: 32px; }
.map .cityname::before { border-bottom: 1px solid #9d9e9e; border-top: 1px solid #9d9e9e; content: ""; display: inline-block; height: 3px; margin: auto 15px auto auto; vertical-align: middle; width: 32px; }
.map .cityname::after { border-bottom: 1px solid #9d9e9e; border-top: 1px solid #9d9e9e; content: ""; display: inline-block; height: 3px; margin: auto auto auto 15px; vertical-align: middle; width: 32px; }
.map .chooseasset { margin-top: 36px; display: inline-block; width: 100%; }
.map .chooseasset .select-wrapper { margin-bottom: 19px; }
.map .addressasset { margin-top: 8px; border-top: solid 1px #575755; padding-top: 30px; font-family: "robotolight"; color: #fff; }
.map .adcontain h3 { font-family: "robotomedium"; font-size: 17px; line-height: 1; }
.map .adcontain p { width: 100%; padding-top: 5px; }
.map .adcontain { float: left; font-family: "robotolight"; font-size: 16px; margin-left: 25px; width: 80%; }
.map .viewall a { font-size: 14px; font-family: "robotomedium"; margin-left: 40px; }
.map .viewall a span { width: 9px; height: 9px; background-position: -336px -56px; margin-left: 18px; }
.map .viewall a:hover { color: #fff; }
.map .viewall a:hover .sprite { background-position: -336px -40px; }
.map .adresicon { background-position: -238px 0; float: left; height: 18px; width: 13px; }
.map .telicon { background-position: -175px -35px; float: left; height: 24px; width: 21px; }
.map .addressasset li { display: inline-block; width: 100%; margin-bottom: 25px; }
.telno .adcontain { margin-left: 17px; }
.telno .adcontain a { color: #fff; }
/*Footer*/
.ftr { width: 100%; background: #2F3942; font-family: "robotoregular"; min-height: 83px; }
.ftrpanel { text-align: center; /*background: #12416b;*/ width: 100%; padding: 10px 0; font-family: "robotoregular"; }
.ftrpanel .right img{ width: 134px; }
.ftr .left ul { text-align: center; }
.ftr .left li { margin-bottom: 5px; }
.ftr .left .ftrlink { padding: 19px 0 0; margin-left: 3px; }
.ftr .left .ftrlink li { margin-right: 10px; display: inline-block; }
.ftr .left a { color: #FFF; font-size: 14px; line-height: 1; font-size: 12px; }
.ftr .left a:hover { color: #fff; }
.ftr .left ul.ftrlinksite { margin-top: 0; padding: 10px 0 10px; text-align: center; width: 100%; }
.ftr .left .ftrlinksite li { border-right: 1px solid #777d81; display: inline-block; line-height: 1; margin-right: 5px; padding-right: 8px; }
.ftr .left .ftrlinksite li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
.ftr .right { margin-right: 35px; margin-top: 37px; padding-bottom: 30px; text-align: center; vertical-align: top; width: 100%; }
.ftrpanel .left { color: #000; font-size: 12px; line-height: 23px; }
.ftrpanel .right { color: #000; font-size: 12px; margin-top: 10px; }
.ftrpanel .right a { display: inline-block; margin-left: 8px;text-decoration: none;margin-top: 0px;}
/*Gallery*/
.gallery { width: 100%; background: #fff; font-family: "robotoregular"; text-align: center; margin: 0px auto; padding: 46px 0 70px; background: hsl(0, 0%, 100%) url("../image/second-strip.png") repeat-x;}
.gallery ul { margin: 29px auto 0; text-align: center; width: 100%; }
.select-button.gallerybtn { margin-top: 36px; }
.gallery li { display: inline-block; height: 100%; margin: -1px 2px 0 0; max-height: 75px; max-width: 74px; overflow: hidden; padding: 0; position: relative; width: 100%; }
.gallery li a { display: block; }
.gallery .select-button { font-size: 15px; text-transform: uppercase; line-height: 28px; padding: 5px 0;}
.gallery .select-button:hover { color: #fff; }
.gallery .select-button:after { content: url(../image/rtarrow.png); padding-left: 15px; vertical-align: top; }
.hitem > img { max-width: none; width: 200%; height:auto; }
/*.gallery li a img{ width:100%;}*/
.gallery li a img { max-width: none; width: auto; }
.hitem .text { bottom: 0; display: block !important; height: 100%; left: 0; border-radius: 50%; margin: auto; position: absolute; right: 0; top: 0; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; width: 100%; background-image: url(../image/eye.png); background-position: center; background-repeat: no-repeat; background-origin: border-box; background-size: 0; }
.hitem .text a { display: block; height: 100%; position: absolute; width: 100%; }
.eventgallery .hovereffect { background-image: url("../../../en.html"); background-position: center center; background-repeat: no-repeat; height: 100%; opacity: 0; position: absolute; transition: all 0.5s ease-in-out 0s; width: 100%; }
.fancybox-buttons img { margin: 0 auto; }
.fancybox-image { max-height: 100%; max-width: 100%; }
.fancybox-image, .fancybox-iframe { display: block; height: 100%; width: 100%; }
.fancybox-custom .fancybox-skin { box-shadow: 0 0 50px #222; }
.fancybox-skin { background: hsl(0, 0%, 98%) none repeat scroll 0 0; border-radius: 4px; color: hsl(0, 0%, 27%); position: relative; text-shadow: none; }
.fancybox-overlay { background: hsla(0, 0%, 0%, 0) url("../image/fancybox_overlay.png") repeat scroll 0 0; display: none; left: 0; overflow: hidden; position: absolute; top: 0; z-index: 8010; }
.fancybox-close { cursor: pointer; height: 36px; position: absolute; right: -18px; top: -18px; width: 36px; z-index: 8040; }
/*Testimonials and about us section*/
#testimonials { width: 100%; display: table; }
#testimonials .aboutus { overflow: hidden; padding: 0 10px; }
#testimonials .aboutus .wrap { width: 100%; margin: auto; }
#testimonials .aboutus h2 { color: #fff; font-size: 30px; margin: 30px auto; ; position: relative; text-align: center; width: auto; font-family: "robotolight"; }
#testimonials .aboutus h3{ font-size: 16px; color: #fff; font-family: "robotoregular"; margin: 10px auto 10px 0px; text-align: center; }
#testimonials .aboutus p { color: #fff; font-family: "robotolight"; font-size: 13px; height: 146px; line-height: 24px; margin-top: 10px; padding-bottom: 15px; text-align: center; }
#testimonials .aboutus .moredetails { color: #fff; display: block; font-family: "robotoregular"; font-size: 14px; margin: 7px auto 44px; text-align: center; text-decoration: none; }
#testimonials .aboutus .moredetails .sprite { background-position: -336px -40px; display: inline-block; height: 12px; margin: 2px 0 0 9px; vertical-align: middle; width: 10px; }
#testimonials .aboutus .moredetails:hover { color: #000 !important; }
#testimonials .aboutus .moredetails:hover .sprite { background-position: -336px -25px; }
#testimonials .testimonial { background-color: #f1f100; background-size: cover; overflow: hidden; padding: 0 10px; }
#testimonials .testimonial .wrap { width: 100%; margin: auto; }
#testimonials .testimonial h2 { color: #000; font-size: 30px; margin: 30px auto 21px; position: relative; text-align: center; font-family: "robotolight"; }
#testimonials .testimonial .subtitle { font-size: 16px; color: #fff; font-family: "robotomedium"; margin: 10px auto 10px 0px; text-align: center; }
#testimonials .testimonial p { font-size: 13px; color: #000; text-align: center; padding-bottom: 15px; line-height: 24px; font-family: "robotolight"; padding-top: 10px; }
#testimonials .testimonial h2::before, #testimonials .testimonial h2::before, #testimonials .testimonial h2::after { border-bottom: 1px solid #000; border-top: 1px solid #000; bottom: 0; content: ""; display: inline-block; height: 3px; margin-bottom: auto; margin-right: 15px; margin-top: auto; top: 0; vertical-align: middle; width: 0px; }
#testimonials .testimonial h2::before, #testimonials .aboutus h2::before,  #testimonials .aboutus h2::after { border-bottom: 1px solid #fff; border-top: 1px solid #fff; bottom: 0; content: ""; display: inline-block; height: 3px; margin-bottom: auto; margin-right: 15px; margin-top: auto; top: 0; vertical-align: middle; width: 0px; }
#testimonials .testimonial.titleblock h2::before, #testimonials .aboutus.titleblock h2::before, #testimonials .testimonial.titleblock h2::after, #testimonials .aboutus.titleblock h2::after { width: 36px; }

#testimonials .testimonial.titleblock h2::before, #testimonials .aboutus.titleblock h2::before, #testimonials .aboutus.titleblock h2::after { border-bottom: 1px solid #fff; border-top: 1px solid #fff; bottom: 0; content: ""; display: inline-block; height: 3px; margin-bottom: auto; margin-right: 15px; margin-top: auto; top: 0; vertical-align: middle; width: 0px;  }
#testimonials .testimonial.titleblock h2::before, #testimonials .testimonial.titleblock h2::before, #testimonials .testimonial.titleblock h2::after { border-bottom: 1px solid #000; border-top: 1px solid #000; bottom: 0; content: ""; display: inline-block; height: 3px; margin-bottom: auto; margin-right: 15px; margin-top: auto; top: 0; vertical-align: middle; width: 0px;  }



#testimonials .testimonial h2::after, #testimonials .aboutus h2::after { margin-left: 15px; }
#testimonials .testimonial .name { color: #fff; font-family: "robotoregular"; font-size: 16px; margin: 15px 0 0 auto; position: relative; text-align: center; top: -13px; }
.moredetails2 {display: block; font-family: "robotoregular"; font-size: 14px; margin: 26px auto 56px; text-align: center; text-decoration: none; }
.moredetails2:hover { color: #fff !important; }
.moredetails2 .sprite { background-position: -336px -56px; display: inline-block; height: 9px; margin: -1px 0 0 9px; vertical-align: middle; width: 9px; }
.moredetails2:hover .sprite { background-position: -336px -40px; }
.container > div#dp_swf_engine { display: none; }

/*Scroll Top*/

.top { bottom: .8em; color: #fff; display: none; padding: 18px 14px; position: fixed; right: 1.5em; text-decoration: none; z-index: 888; }
.top span { background-position: -254px -79px; width: 25px; height: 14px; }
.top:hover { background: #1B232A; }
/*New Car*/
.newcarwrap { width: 100%; background: #fff; font-family: "robotoregular"; text-align: center; margin: 0px auto;  background: hsl(0, 0%, 100%) url("../image/second-strip.png") repeat-x; }
.newcarwrap .title p { font-size: 16px; color: #17232d; font-family: "robotolight"; padding-top: 41px; width: 80%; margin: 0px auto; line-height: 22px; }
.newcarwrap .highlighted { font-size: 16px; color: #17232d; font-family: "robotomedium"; font-weight: normal; padding-top: 17px; line-height: 1; padding-bottom: 15px; }
.newcarwrap .cars { margin-top: 42px; }
.newcarwrap .cars ul { width: 280px; margin: 0px auto; }
.newcarwrap .cars li { width: 280px; position: relative; height: 312px; z-index: 5; margin: 0 auto 40px; float: left; }
.newcarwrap .cars .carname { height: 39px;line-height: 1;margin-top: 10px;overflow: hidden;}
.newcarwrap .cars .carname a { color: #17232d; font-size: 16px; font-family: "robotoregular"; }
.newcarwrap .carprice { padding-top: 12px; font-family: "robotomedium"; font-size: 22px; color: rgba(23, 35, 45, 0.8); line-height: 1; }
.newcarwrap .carprice .rupee { font-size: 22px; }
.newcarwrap .carprice .lacs { font-size: 18px; }
.newcarwrap .quickview { padding-top: 14px; font-family: "robotoregular"; font-size: 12px; }
.quickview a span { background-position: -337px -56px; display: inline-block; height: 9px; margin: -1px 0 0 5px; vertical-align: middle; width: 9px; }
.newcarwrap .cars li .listhold { position: absolute; left: 0px; top: 0; width: 280px; height: 312px; -webkit-border-radius: 4px/5px; -moz-border-radius: 4px/5px; border-radius: 4px/5px; background-color: #fff; -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.0); -moz-box-shadow: 0 4px 8px rgba(0,0,0,.0); box-shadow: 0 4px 8px rgba(0,0,0,.0); }
.newcarwrap .cars li:hover { z-index: 9; }
.newcarwrap .cars li:hover .listhold { -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.2); -moz-box-shadow: 0 4px 8px rgba(0,0,0,.2); box-shadow: 0 4px 8px rgba(0,0,0,.2); }
.newcarwrap .cars li a img { display: inline-block; padding-top: 10px; }
.newcarwrap .cars li .listhold .quickdetail { background: #fff; margin: 10px auto 0; width: 200px; display: none; }
.detaildes { width: 200px; border-bottom: solid 1px #eceaea; float: left; padding-bottom: 17px; margin-bottom: 12px; padding-left: 30px; }
.detaildes.last { border-bottom: 0; }
.detaildes .engine { float: left; width: 36px; height: 38px; margin-right: 15px; }
.detaildes .engine span { background-position: 0 -75px; height: 24px; width: 36px; margin-top: 10px; }
.detaildes .title { float: left; height: 38px; }
.detaildes .title h3 { font-size: 12px; font-family: "robotoregular"; color: rgba(23, 35, 45, 0.7); text-align: left; }
.detaildes .title .valuecar { font-size: 22px; color: rgba(32, 32, 32, 0.8); line-height: 1; }
.detaildes .title .valuecar span { font-size: 10px; color: rgba(23, 35, 45, 0.8); }
.detaildes .mileage { float: left; width: 36px; height: 38px; margin-right: 15px; }
.detaildes .mileage span { background-position: -40px -78px; height: 22px; width: 24px; margin-top: 10px; }
.detaildes .power { float: left; width: 36px; height: 38px; margin-right: 15px; }
.detaildes .power span { background-position: -69px -78px; height: 23px; width: 27px; margin-top: 10px; }
.quickdetail button { width: 200px;  float: left; margin-top: 0 }/*Breadcump */
.breadcump { background: #f6f7f7; height: 42px; padding-top: 14px; display: none;border-bottom:1px solid #3d6802;border-top:1px solid #3d6802; }
.breadcump a .homeicon { width: 16px; height: 14px; background-position: -209px -23px; position: relative; top: -2px; }
.breadcump a .homeicon:hover { background-position: -209px -41px; }
.breadcump span, .breadcump a { border-left: 1px solid #e0e0e0; color: rgba(93, 99, 104, 0.8); display: inline-block; font-family: "robotoregular"; font-size: 12px; margin-left: 8px; padding-left: 12px; vertical-align: middle; }
.breadcump a:first-child { border-left: 0 }
.newcarwrap .carprice sup { top: -0.5em; }
.headtitle { padding: 44px 0 40px; min-height: 600px; }

/*About us page*/

#page { background: hsl(0, 0%, 100%) url("../image/second-strip.png") repeat-x; clear: both;}
#page .title { padding: 0 10px 25px; }
#page .mainhead.title > p { font-family: "robotolight"; font-size: 16px; line-height: 1.5; padding-top: 10px; color: rgba(32, 32, 32, 0.8); text-align: center; }
#page .title h2 { color: #2e3942; font-family: "robotoregular"; font-size: 25px; }
#page .title h2:nth-of-type(2n) {border-top:1px solid #e1e1e1; margin-top: 40px;padding-top: 42px;}
#page .title p { color:#2e3942; font-family: "robotoregular"; font-size: 14px; line-height: 2; padding-top: 15px; text-align: left; }
#page .last-abt { margin-bottom: 40px; }
.border_bottom { border-bottom: 1px solid #e1e1e1; }
/*error page*/

#page.error li { display: inline-block; margin: 0 20px 0 0; }
#page.error .innermid { padding: 60px 20px; text-align: center; min-height:720px; }
#page.error .leftarea { display: inline-block; margin: 0 auto; text-align: left; width: 60%; }
#page.error .rightarea { display: inline-block; }
#page.error .look { font-family: "robotomedium"; font-size: 20px; color: rgba(32, 32, 32, 0.8); padding: 20px 0 0; line-height: 1; }
#page.error .codeerror { font-family: "robotomedium"; font-size: 16px; color: rgba(32, 32, 32, 0.8); padding: 20px 0 0; }
#page.error .helpful { font-family: "robotomedium"; font-size: 14px; color: rgba(32, 32, 32, 0.8); padding: 20px 0 0; }
#page.error li a { font-family: "robotoregular"; font-size: 16px; padding: 20px 0 0; }
#page.error li a:hover { color: rgba(32, 32, 32, 0.8) !important; }
/*Testimonials page*/
.testimonials .testi1 p, .testimonials .testi2 p { color: rgba(32, 32, 32, 0.8); font-family: "robotolight"; font-size: 16px; text-align: center; line-height: 24px; }
.testimonials .testi1, .testimonials .testi2 { padding: 50px 10px; }
.testimonials .testi2, .testimonials .testi1 { border-bottom: 1px solid #e1e1e1; clear: both; }
.testimonials p.clientname { font-family: "robotoregular"; font-size: 14px; padding-top: 20px; }
.testimonials p.clientname span { font-family: "robotomedium"; font-size: 16px; padding-top: 20px; }
/*FAQ page*/
.faq { padding-bottom: 50px; }
.faq ul { padding: 0 20px; }
.faq #frequentQA li { border-bottom: 1px solid #e1e1e1; padding: 20px 0 35px; }
.faq #frequentQA li:last-child { border-bottom: none; }
.faq .questions::before { content: "Q."; position: absolute; text-indent: -23px; }
.faq .questions { font-family: "robotomedium"; font-size: 16px; }
.faq p { padding: 5px 0 0 20px; color: rgba(32, 32, 32, 0.8); }
.faq .answers::before { content: "A."; position: absolute; text-indent: -23px; font-family: "robotomedium"; font-size: 16px; }
.faq .answers { color: rgba(32, 32, 32, 0.8); font-family: "robotoregular"; font-size: 14px; }
/*disclaimer page*/
.disclaimer { padding: 4px 0 100px; }
.disclaimer .disc_cont { padding: 10px 17px 0; text-align: center; }
.disclaimer .Discimg { margin: 0 auto 20px; }
.disclaimer p { color: rgba(32, 32, 32, 0.8); font-family: "robotolight"; font-size: 16px; margin-top: 11px; padding: 10px 20px 0; text-align: left; }
/*Accessories*/
#accdetail { padding-top: 40px; color: #1c1c1c; font-family: "robotoregular"; margin: 0 20px; }
#accdetail .accimgholder { width: 100%; margin: 0 auto; text-align: center }
#accdetail .accimgholder img { width: 100%; height: 299px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; border: 10px solid #e1e1e1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#accdetail .descrip { font-size: 18px; margin-top: 24px; line-height: 1.2; color: #5c6267; text-align: left;}
#accdetail .outofstock { font-size: 16px; font-family: "robotomedium"; margin-top: 18px; color: #f0201b; }
#accdetail .acccont { width: 100%; margin-top: 30px; text-align: center }
#accdetail h2 { font-size: 30px; margin-bottom: 7px; color: rgba(23, 35, 45, 0.75); }
#accdetail .acccont p { font-size: 14px; color: #17232d; margin-bottom: 5px; }
#accdetail .knowmore { font-size: 14px; margin-top: 42px }
#accdetail .acccont .select-button { margin: 10px auto 0; padding: 4px 15px; text-align: center; width: 180px; }
#accdetail .acccont .select-button:hover { color: #fff; }
.select-wrapper .holder { text-align: left; }
.accessories button { margin: 0px auto; padding-left: 30px; padding-right: 30px; width: auto; }
.accessories table .select-button { margin-top: 0; text-align: center; width: 160px;  color: #666666; font-size: 14px; font-family: "robotoregular"; background: #f1f1f1; border: none; box-sizing: border-box; display: inline-block; float: right; margin-bottom: 10px; padding-top: 4px 0; }
.accessories table .select-button:hover { color: #fff; }
#accdetail .acccont p.acrupes { font-size: 20px; }
#accdetail .acccont p .pricestax { font-size: 12px; color: #6b7176; margin-left: 10px; }
#accdetail .acccont p .element { max-width: 320px; word-wrap: break-word; }
#accdetail .acccont p .acvalue { color: #6b7176; }
/*page heading section css*/
.pageheading { width: 100%; font-family: "robotoregular"; text-align: center; margin: 0px auto; padding: 24px 0 70px; background: hsl(0, 0%, 100%) url("../image/second-strip.png") repeat-x; background-color: #fff; }
.pageheading .title p { font-size: 16px; color: #17232d; font-family: "robotolight"; padding-top: 33px; width: 80%; margin: 0px auto; line-height: 22px; }
.accestable { margin: 10px 15px 0; }
.accestable .selectboxes { text-align: center; margin-bottom: 46px }
.accestable .always_show { float: none; display: inline-block }
.accestable .select-wrapper { width: 240px; margin-right: 22px; display: block; margin: 0 auto 20px; float: none }
.accestable .selecttext { font-size: 15px; color: #1c1c1c; font-family: "robotomedium"; margin-bottom: 22px }
/*Career*/
.careerbtn { padding: 40px 0 10px; text-align: center; }
.careerbtn a { margin: 0 auto; padding: 4px 15px; }
.careerbtn a:hover { color: #fff; }
.careertable { margin: 0 10px; }
/*Submit Resume*/
#submitresume { padding: 55px 20px 0; }
#submitresume .submithead { color: #17232d; font-family: "robotomedium"; font-size: 15px; margin-bottom: 22px; text-align: left; }
#submitresume .fields { width: 100%; margin-bottom: 10px; float: left }
#submitresume input[type="text"], #submitresume input[type="email"], #submitresume input[type="tel"] { width: 100% }
#submitresume .fields2 { width: 100%; float: left }
#submitresume .fields2 textarea { width: 100%; height: 84px; box-sizing: border-box; padding: 5px 0 0 18px; resize: none; }
#submitresume .fields5 { width: 100%; float: left; padding-top: 45px; text-align: left; }
.browsetext { font-size: 12px; color: #6b7176; font-family: "robotoregular"; margin-top: 8px }
#submitresume .fields4 { text-align: center }
#submitresume .fields4 button { text-transform: uppercase }
#submitresume h2 { color: #5c6267; font-family: "robotoregular"; font-size: 25px; text-align: left; margin-bottom: 10px; }
#submitresume label { float: left; font-size: 14px; color: #6b7176; font-family: "robotomedium"; margin-bottom: 8px; margin-top: 10px; width: 100%; margin-left: 5px; text-align: left; }
input[type="text"], input[type="email"], input[type="tel"], textarea { float: left; font-size: 14px; transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; -webkit-transition: all .4s ease-in-out 0s; color: #3f4348; font-family: "robotolight"; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #fff; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.05); -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.05); box-shadow: inset 0 0 5px rgba(0,0,0,.05); border: 1px solid #d4d4d4; height: 40px; padding-left: 18px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.05); -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.05); box-shadow: inset 0 0 5px rgba(0,0,0,.05); box-sizing: border-box; }
 ::-webkit-input-placeholder {
color: #3f4348;
opacity: 1 !important; /* for chrome */
}
:-moz-placeholder { /* Firefox 18- */
color: #3f4348;
opacity: 1 !important;
}
::-moz-placeholder {  /* Firefox 19+ */
color: #3f4348;
opacity: 1 !important;
}
:-ms-input-placeholder {
color: #3f4348;
opacity: 1 !important;
}
/*Responsive Table*/
.rwd-table { margin: 1em 0; min-width: 100%; }
.rwd-table tr { border-bottom: 1px solid #e0e0e0; }
.rwd-table tr:last-child{ border-top:0;}
.rwd-table th { display: none; background: #f6f7f7; }
.rwd-table td { display: block; }
.rwd-table td:first-child { padding-top: .5em; }
.rwd-table td:last-child { padding-bottom: .5em; }
.rwd-table td:before { content: attr(data-th) ""; width: 6.5em; display: inline-block; }
@media (min-width: 767px) {
.rwd-table td:before { display: none; }
}
.rwd-table th, .rwd-table td { text-align: left; }
@media (min-width: 767px) {
.rwd-table th, .rwd-table td { display: table-cell; padding: .25em .5em; }
.rwd-table th:first-child, .rwd-table td:first-child { padding-left: 0; }
.rwd-table th:last-child, .rwd-table td:last-child { padding-right: 0; border-right: 1px solid #e0e0e0; }
}
.rwd-table { background: #ffffff; color: #666666; font-size: 14px; font-family: "robotomedium"; border: 1px solid #e0e0e0; width: 100%; }
.rwd-table tr { border-color: #e0e0e0; }
.rwd-table th, .rwd-table td { margin: .5em 1em; }
@media (min-width: 767px) {
.rwd-table th, .rwd-table td { padding: 1.2em !important; }
}
.rwd-table th, .rwd-table td:before { color: #17232d; font-size: 14px; font-family: "robotomedium"; font-weight: normal; }
/*----contact Page------*/
.contact { margin-top: 44px; }
.contact form { margin: 0px auto; width: 300px; }
.contact .contactdetail { display: inline-block; width: 100%; margin-top: 30px auto; text-align: center }
.contact .contactdetail label, #submitresume label { float: left; font-size: 14px; color: #3f4348; font-family: "robotomedium"; margin-bottom: 8px; width: 100%; margin-left: 5px; text-align: left; }
.contact .contactdetail input[type="text"], .contact .contactdetail input[type="email"], .contact .contactdetail input[type="tel"], .contact .contactdetail .select-wrapper, .contactdetail .select-wrapper select { width: 299px; }
.contact .contactdetai .contactdetail .fields { float: left; width: 299px; margin-bottom: 10px; margin-left: 39px; }

.contactdetail .fields2 textarea { background-color: #fff; border-radius: 2px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.05) inset; height: 130px; padding-top: 10px; resize: none; transition: all 0.4s ease-in-out 0s; box-sizing: border-box; width: 100%; }
.contactdetail .fields3 { float: left; width: 299px; }
.contactdetail .fields3 .select-wrapper select { float: left; width: 299px; }
.contactdetail .fields4 { margin: 37px auto; width: 299px; }
.contactdetail .fields4 button { margin: auto; }
.contactdetail p { color: #333132; font-family: "robotoregular"; font-size: 14px; }
/*sitemap page*/
.sitemap { text-align: center; }
.sitemap .sitemapheading { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin: 20px; padding: 7px 20px 30px; vertical-align: top; text-align: left; }
.sitemap .column { margin: 0 auto; max-width: 290px; vertical-align: top; width: 100%; }
.sitemap .listinghead { color: rgba(32, 32, 32, 0.8); font-family: "robotomedium"; font-size: 16px; padding: 10px 0 15px; }
.sitemap .sitemapheading a { color: rgba(32, 32, 32, 0.8); display: block; font-size: 13px; padding: 3px 6px; }
@media screen and (min-width:767px) and (max-width:1025px) {
.last-site { max-width: 700px !important; width: 100% !important; }
.sitemap .sitemapheading { display: inline-block; }
}
/*checkbox*/
.chkhold {
*display:inline; zoom: 1; }
.has-js .label_check { background-position: 0 -182px; position: relative; }
.has-js .label_check.c_on { background-position: -18px -182px; }
/*Custom Checkbox*/
.chkhold { display: inline-block; *display:inline;
zoom: 1; margin: 0; }
.chkhold label { font-family: "robotoregular"; font-size: 14px; color: rgba(32, 32, 32, 0.8); padding: 0 15px 0 15px; cursor: pointer; }
.labelcheck { cursor: pointer; padding: 0px; width: 16px; height: 16px; margin: 0; top: 2px; }
.has-js .label_check input { position: absolute; left: 0; top: 0px; opacity: 0; margin: 0px; filter: alpha(opacity=0); width: 15px; height: 15px; cursor: pointer; }
/*-----------Sell car page css--------------*/
#sell_car { text-align: center; }
#sell_car form.sell_your_car { margin: 10px 0 0; }
#sell_car h2 { color: rgba(32, 32, 32, 0.8); font-family: "robotoregular"; font-size: 25px; margin-bottom: 15px; }
#sell_car .sell_input { position: relative; display: inline-block; margin: 0 10px 25px 0; width: 235px; }
#sell_car .sell_input p { color: rgba(32, 32, 32, 0.8); display: inline-block; float: right; font-family: "robotoregular"; font-size: 12px; padding: 0; position: relative; text-align: left; top: 0; width: 100%; }
#sell_car input[type="radio"] { display: none; margin-left: 10px; padding: 0; position: relative; top: 2px; }
#sell_car label { cursor: pointer; font-family: "robotomedium"; color: #717171; font-size: 14px; margin: 0 10px 4px 0; text-transform: capitalize; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; float: left; }
#sell_car .installed_features { margin-top:35px; }
#sell_car .installed_features .sell_input { width: 172px; text-align: left; position: relative; }
#sell_car .installed_features .chkhold.has-js > label { font-size: 14px; left: 0; padding: 0 0 0 22px; position: absolute; top: 0; }
#sell_car .car_condition { margin-top: 20px; }
#sell_car .left_select { vertical-align: top; max-width: 540px; width: 100%; display: inline-block; padding: 0 5px 0 0; }
#sell_car .sell_table { display: table; margin-top: 11px; width: 100%; }
#sell_car .sell_table label { line-height: 0; color: transparent; left: 0; position: absolute; top: 7px; }
#sell_car .sell_table .sell_head span, .sell_table .sell_row span { background-color: #fafafa; border-right: 1px solid #e2e2e2; color: rgba(32, 32, 32, 0.8); display: table-cell; font-family: "robotoregular"; font-size: 14px; padding: 10px; text-align: center; width: 16.25%; position: relative; }
#sell_car .sell_table .sell_head span:first-child, .sell_row span:first-child { background-color: transparent; text-align: left; width: 35%; }
#sell_car .sell_table .sell_head { display: table-header-group; }
#sell_car .sell_table .sell_row { display: table-row; }
#sell_car .sell_table .sell_head span { border-radius: 3px 3px 0 0; padding: 22px 0 10px; border-top: 1px solid #e2e2e2; }
#sell_car .sell_table .sell_head span:first-child { border-top: none; }
.sell_table .sell_row:last-child span { border-bottom: 1px solid #e2e2e2; border-radius: 0 0 3px 3px; }
.sell_table .sell_row:last-child span:first-child { border-bottom: none; }
#sell_car .right_select { vertical-align: top; max-width: 540px; display: inline-block; width: 100%; padding: 0 5px 0 0; }
#sell_car .additional_features { margin-top: 39px; }
#sell_car .additional_features > label { color: #717171; display: inline-block; margin: 0 4px 28px; max-width: 305px; width: 100%; float: none;  position: relative; vertical-align: top;}
#sell_car .field-usedcars-image .help-block{font-size: 12px;position: static; font-family: arial;}
#sell_car textarea { height: 80px; resize: none; margin-top: 3px; }
#sell_car .contact_details { margin-top: 14px; }
#sell_car .select-button { margin: 0 auto 50px; }
#sell_car input[type="text"], #sell_car input[type="email"], #sell_car input[type="tel"], #sell_car textarea, #sell_car textarea { width: 100%; }
#sell_car .radioboxspace span { float: left; margin-right: 8px; vertical-align: middle; }
#sell_car .radioboxspace { width: 245px; margin: 10px auto auto auto !important; display: block; text-align: center }
#sell_car .radioboxspace .radioname { color: rgba(32, 32, 32, 0.8); width: 110px; }
#sell_car .radioboxspace label { color: rgba(32, 32, 32, 0.8); font-size: 12px; line-height: 18px; margin-top: 3px; }
.carcondition label, .sell_row label { margin: 0 36% !important; }
#sell_car .page .newcar li:hover, .page .searchused a.button:hover, .page .searchused a.button, #sell_car input[type="radio"] + label span, #online input[type="radio"] + label span { border: 1px solid; }
#sell_car #insurance input[type="radio"]:checked + label span, .popupwrap .inputvalue input[type="radio"]:checked + label span, #sell_car input[type="radio"]:checked + label span, #online input[type="radio"]:checked + label span { border: 5px double; }
/*Popup*/
.popupbg { background: url(../image/popupbg.png) repeat; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; }
.popupwrap { position: absolute; width: 90%; z-index: 10000; top: 30px; left: 50%; margin-left: -45%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3); -moz-box-shadow: 0 0 3px rgba(0,0,0,.3); box-shadow: 0 0 3px rgba(0,0,0,.3); overflow: hidden; }
.popupwrap .popuptitle { width: 88%; font-size: 20px; font-family: "robotolight"; color: rgba(23, 35, 45, 0.8); padding:17px 0 14px 15px; text-align: left; line-height: 1.2; }
.popupwrap .popupcontain { width: 100%; float: left; border-top: solid 1px #d1d1d1; }
.popupwrap .formerror { color: #f00; float: left; font-family: "robotoregular"; font-size: 12px; height: 37px; padding-top: 5px; visibility: hidden; }
.popupwrap .formerror.visiable { visibility: visible; }
.popupwrap .popupinner { padding: 25px 15px 0; }
.popupwrap .popupinner textarea{ width: 100%; }
.popupwrap .inputvalue { width: 100%; float: left; margin: 0 0px 35px 0; text-align: left; position: relative; }
.popupwrap .popupbutton button { text-transform: uppercase; margin-top: 0; }
.popupwrap .input, .select-wrapper, .select-wrapper select { width: 100%; }
.popupwrap .lookingfor { color: #6e6e6e; font-family: "robotoregular"; font-size: 12px; line-height: 1; padding-bottom: 7px; text-align: left; }
.popupwrap .popupbutton { margin: 15px auto 0; text-align: center; }
.inputvalue p { font-family: "robotoregular"; font-size: 14px; padding: 0px 0 1px 1px; color: #696969; text-align: left; margin-top: -6px; }
.popupwrap .roadpriceradio .lookingfor { float: left; width: 170px; }
.popupwrap .roadpriceradio form { float: left; position: relative; top: -6px; }
.popupwrap .roadpriceradio label { margin: 0 5px; }
.popupwrap .close { background-position: -74px -112px; height: 24px; position: absolute; right: 16px;top: 25px; width: 24px;  cursor: pointer;}
.popupwrap .close:hover { background-position: -74px -138px; }
.inputvalue input[type="radio"] + label span { border: solid 1px; }
.popupwrap .titlepopup { font-size: 18px; color: #717171; font-family: "robotomedium"; line-height: 1.2; margin-bottom: 12px; display: inline-block; width: 100%; }
.popupwrap .leftcolumn { color: #717171; font-family: "robotoregular"; font-size: 12px; line-height: 1; max-width: 270px; padding: 0 0 0 10px; width: 46%; display: inline-block; }
.popupwrap .rightcolumn { color: #17232d; font-family: "robotoregular"; font-size: 15px; line-height: 1; max-width: 290px; width: 50%; display: inline-block; margin-left: 5px; }
.popupwrap .pricerow, .popupwrap .pricerowfinal { margin: 0 auto; max-width: 560px; width: 100%; height: 50px; padding-top: 15px; }
.popupwrap .pricerow { border: solid 1px #e3e3e3; border-bottom: none; }
.popupwrap .pricerowfinal { border: solid 1px #e3e3e3; background: #f7f7f7; }
.popupwrap .pricerowfinal .rightcolumn, .popupwrap .pricerowfinal .leftcolumn { font-family: "robotomedium"; }
.popupwrap .mandatory { font-size: 14px; line-height: 1.5; padding: 31px 0 0; color: #717171; font-family: "robotoregular"; }
.popupwrap .selldetail .titlepopup { margin-bottom: 33px; }
.popupwrap .pleasecon { font-size: 16px; font-family: "robotoregular"; margin-bottom: 20px; }
.popupwrap .detaildes { border: none; color: #4c4c4c; float: none; font-family: "robotoregular"; font-size: 12px; margin: 0; padding: 0; width: auto; }
.popupwrap .name { color: #717171 !important; width: 94px; }
.popupwrap .dotter { width: 13px; }
.popupwrap .gap { height: 10px; }
.select-wrapper { transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; -webkit-transition: all .4s ease-in-out 0s; }
.buttonwrap { background: #f7f7f7; width: 100%; padding: 12px 0; }
.popupwrap .manda { color: #717171; font-size: 14px; padding-top: 5px; text-align: center; }
.popupwrap label { color: #717171; display: inline-block; font-family: "robotomedium"; font-size: 14px; margin-bottom: 7px; cursor: auto; font-weight: normal; }
.radiobox label { margin-right: 20px; font-size: 14px; color: #717171; font-family: "robotoregular"; cursor: pointer; }
.radiobox label span { margin-right: 5px; }
.selldetail .popupinner, .onroadprice .popupinner { padding-bottom: 37px; }
.popupwrap .marbottom { margin-bottom: 10px !important; }
/*----Popup Offer----*/
.offerpopup .saveupto { font-size: 20px; color: #717171; font-family: "robotolight"; line-height: 1.2; margin-bottom: 20px; text-align: center; }
.offerpopup .saveupto .saveup, .offerpopup .saveupto .saveuprup { font-family: "robotomedium"; }
.offerpopup .offerimg { float: left; width: 100%; height: 163px; padding-top: 10px; text-align: center; }
.offerpopup .description { font-size: 16px; font-family: "robotoregular"; width: 250px; margin: 0px auto; }
.offerpopup .description .element { color: #717171; width: 180px; float: left; line-height: 1.7; }
.offerpopup .description .elemvalue { float: left; line-height: 1.7; }
.offerpopup p { font-size: 14px; color: #373636; font-family: "robotolight"; text-align: center; padding: 0 0 10px;  max-height: 110px; margin-top: 10px; overflow-y:auto; }
.inputvalue .help-block { bottom: -20px; }
/*Popup- Book a TEst Drive*/
.popbooktestdrive .inputvalue p { margin-top: 7px; }
/*Popup-On Road Price*/
.onroadprice .titlepopup { margin-bottom: 36px; }
/*Popup-sell detail*/
.selldetail .detaildes td { color: #17232d; }
/*Thank You Popup*/
.thankyou { top: 150px; }
.thankyou .popupcontain { padding-bottom: 30px; }
.thankmsg { font-size: 14px; color: #717171; font-family: "robotoregular"; width: 100%; }
.thankyou .titlepargh { font-size: 18px; }
.thankyou p { padding-bottom: 20px; }
.thankyou p span { font-size: 16px; font-family: "robotomedium"; }
.thankyou .padbnone { padding-bottom: 0px; }
.thankyou p a:hover { color: #17232d; }
/*error msg class*/
.fields, .fields2 {  margin-bottom: 35px; position: relative; width: 100%; float: left; }
.help-block { bottom: -20px; left: 0; position: absolute; color: #e00000; }
.has-error input, .has-error .select-wrapper, .has-error textarea { border:1px solid #e00000 !important}
/*Book*/
.bookservice h2 { margin-bottom: 10px; font-size: 24px; text-align: left }
.bookservice .contactdetail { width: 96%; margin: 30px auto; text-align: center;  }
.bookservice .bookservicemain p { margin-bottom: 0 }
.bookservice .txt_star { margin: 15px auto 0px; display: block; }
.bookservice .titlemark { margin: 6px 0px 10px; width: 40px; text-align: left; float: left; }
.bookservice .selectsec { width: 100%; margin: 15px 0px 0px; }
.bookservice .textsec { margin-top: 35px; width: 100% }
.bookservice label { color: #717171; font-size: 14px; width: 100%; display: block; text-align: left; font-family: "robotomedium"; }
.bookservice .textsec2 { margin-top: 15px; width: 100% }
.bookservice sup { color: #ff0000; }
.bookservice .select-wrapper { margin: 5px 0px 0; width: 100%; }
.bookservice .textsec2 h3 { color: #1c1c1c; text-align: left; margin: 30px 0px 0px; float: left; width: 100%; font-family: "robotoregular"; }
.bookservice .textsec2 .titlemark { float: left; }
.bookservice .select-button { margin: 40px 0 0; font-family: "robotoregular"; display: inline-block }
.bookservice input { margin: 5px 0 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.bookservice .contactdetail textarea { margin-top: 5px }

/*-------Online Services ---------*/
#online { padding: 0 10px; }
#online .purpose, #online .personal, #online .contact { width: 100%; padding-bottom: 4px; }
#online .contact { margin-top: 0; }
#online .terms { width: 100%; float: left; padding-bottom: 4px; }
#online .agree { padding: 10px 0 8px; }
#online .purpose .heading, #online .personal .heading, #online .contact .heading, #online .terms .heading { color: rgba(32, 32, 32, 0.8); font-family: "robotobold"; font-size: 18px; font-weight: normal; line-height: 28px; margin-bottom: 13px; text-transform: none; }
#online sup { color: #d58900; font-size: 20px; vertical-align: middle; }
#online .online_input { display: inline-block; margin: 0 20px 30px 0; width: 98%; float: left; position: relative; }
#online .contact_input { margin: 0 10px 13px 0; }
#online .payment_input { margin: 0 20px 27px 0 !important; }
#online .online_radio { display: inline-block; width: 98%; margin-bottom: 20px; }
#online .online_input input { border-radius: 3px; display: block; height: 43px; color: #707070; font-family: "robotoregular"; font-size: 14px; line-height: 28px; padding: 0 0 0 11px; width: 100%; }
#online .online_input p { color: rgba(32, 32, 32, 0.8); display: inline-block; float: right; font-family: "robotoregular"; font-size: 14px; padding: 0; position: relative; text-align: left; top: 0; width: 100%; }
#online input[type="radio"] { display: none; margin-left: 10px; padding: 0; position: relative; top: 2px; }
.online_input label { margin: 0 11px; cursor: pointer; font-family: "robotoregular"; font-size: 14px; position: relative; top: 4px; line-height: 17px; color: #717171; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; float: left; width: 100%; }
textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
color:#707070 !important;
}
.online_radio label { display: inline-block; float: left; margin: 0 20px 0 0; font-size: 14px; color: #717171; font-family: "robotoregular"; cursor: pointer; }
#online .select-button { margin: 20px 0 50px; padding: 4px 0; }
#online .online_radio textarea { width: 95%; line-height: normal; font-size: 14px; border: 1px solid #c7c7c7; padding: 5px 15px; }
#online .online_input textarea { height: 126px; padding: 5px 15px; resize: none; float: left; color: #707070; width: 100%; }
#online .other { float: left; font-size: 12px; height: 30px; line-height: 28px; margin: 7px 0 0 10px; font-family: "robotoregular"; color: #717171; }

#online .agree label {
    display: inline-block;
    float: none;
    left: -35px;
    margin: 0;
    padding-left: 38px;
    position: relative;
    top: 2px;
    width: auto;
}
.online_radio.mode_input label[for="others"] { clear: both; margin: 10px 0 0px 0 !important; }
#online .online_input > label, #online .online_radio > label { margin-bottom: 7px; top: 0; margin-left: 0; }
#online .online_area { border: 1px solid #d6d6d6; max-height: 110px; overflow-y: auto; padding: 7px 13px; border-radius: 3px; width: 98%; }
#online .online_area .head { font-size: 12px; line-height: 20px; color: rgba(32, 32, 32, 0.8); font-style: italic; font-weight: bold; }
#online .terms p { font-size: 12px; line-height: 20px; color: rgba(32, 32, 32, 0.8); }
#online .online_radio .remark { height: 172px; width: 100%; }
/*--------------outlets page---------------------*/
.outlet { display: inline-block; width: 100%; margin: 30px 0 0 0; }
.outlet .contain { padding: 0 16px; text-align: center; width: 100%; }
.outlet .contain p { font-size: 14px; color: #373737; font-family: "robotolight"; text-align: center; }
.outlet .inputout { margin: 0 0 20px 0; display: inline-block;  }
.outlet .inputout .select-wrapper { margin: 0 20px 8px 0; }
.outlet .outletmap { width: 100%; border: solid 1px #cbcbcb; overflow: hidden; margin-bottom: 30px; margin-top: 10px; }
.outlet .shoppanel { display: inline-block; margin-bottom: 12px; margin-top: 20px; padding: 0 20px; width: 100%; }
.outlet .shoplocation { width: 100%; float: left; margin-top: 20px; }
.outlet .shoppanel .shoplocation h3, .outlet .shoppanel .contactpanel h3 { color: #5c6267; font-family: "robotoregular"; font-size: 25px; }
.outlet ul { margin-top: 20px; }
.outlet .shoppanel .imgpanel { border: 1px solid #c3c3c3; margin-top: 40px; padding: 8px; position: relative; width: 100%; }
.outlet .shoppanel .imgpanel a img { transition: all 0.5s ease 0s; margin: 0 auto; }
.outlet .shoppanel .imgpanel a img:hover { opacity: 0.9; }
.outlet .shoppanel .contactpanel { float: left; width: 100%; position: relative; }
.outlet .shoppanel .contactpanel li { display: inline-block; margin: 10px auto !important; width: 300px; }
.outlet .shoppanel .contactpanel li.marginrnone { margin: 0px; }
.outlet .shoppanel .contactpanel li.contact {/* height:40px;*/ }
.outlet .shoppanel .iconspace { float: left; height: 25px; margin-right: 10px; position: relative; text-align: center; top: 5px; width: 27px; }
.outlet .shoppanel .iconspace span { margin: 0 auto; position: relative; text-align: center; }
.outlet .shoppanel .addressicon { background-position: -54px -205px; height: 22px; width: 25px; }
.outlet .shoppanel .contacticon { background-position: -85px -205px; height: 24px; width: 24px; }
.outlet .shoppanel .conpersonicon { background-position: -116px -205px; height: 20px; width: 24px; }
.outlet .shoppanel .landicon { width: 20px; height: 25px; background-position: -29px -202px; }
.outlet .shoppanel .opencloseicon { width: 23px; height: 23px; background-position: 0px -204px; }
.outlet .shoppanel .contactbar { float: left; width: 228px; }
.outlet .shoppanel .contactbar .cotitle { color: rgba(32, 32, 32, 0.8); font-family: "robotomedium"; font-size: 14px; }
.outlet .shoppanel .contactbar p { color: rgba(32, 32, 32, 0.8); font-family: "robotoregular"; font-size: 14px; padding: 0; }
.outlet .shoppanel .contactpanel .button { margin-right: 9px; }
.outlet .shoppanel .contactpanel .sendsms span { width: 24px; height: 17px; background-position: -8px -132px; position: relative; top: -2px; }
.outlet .shoppanel .contactpanel .sendsms:hover span { background-position: -8px -181px; }
.outlet .shoppanel .contactpanel .bookservicebtn span { background-position: -9px -153px; width: 24px; height: 24px; }
.outlet .shoppanel .contactpanel .bookservicebtn:hover span { background-position: -9px -202px; }
.outlet .topbtn { border-bottom: 1px solid #e1e1e1; color: rgba(32, 32, 32, 0.8); display: inline-block; font-family: "robotomedium"; font-size: 14px; margin-top: 17px; padding: 0 0 5px; vertical-align: top; }
.outlet .topbtn .sprite { background-position: 0 -232px; height: 18px; margin-right: 6px; width: 13px; }
.outlet .topbtn:hover .sprite { background-position: -16px -232px; }
.outlet .select-button { margin: 4px auto; vertical-align: top; width: 260px; }
/*Offers*/
.offerwrap .saveupto { font-size: 20px; color: rgba(23, 35, 45, 0.8) }
.offerwrap .carprice .rupee { font-size: 22px }
.validupto { padding-top: 20px }
.offerwrap .cars li .listhold { cursor: pointer }
.tabbutton { padding-top: 58px }
.tabbutton li { display: inline-block; margin: 10px 2px; color: #5c646b; border: solid 1px #cecece; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; line-height: 1.2; cursor: pointer; font-size: 14px; font-family: 'robotomedium'; width: 28%; max-width: 96px; text-align: center; padding: 8px 0 }
.tabbutton li:hover, .tabbutton li.active:hover, .tabbutton li.active { border: 1px solid; color: #fff }
/*Insurance*/
#page .insurancewrap { padding-top: 0 }
#page .insurancewrap .contactdetail { margin: 0 auto; padding: 0 }
.insurancewrap .tabbutton li { max-width: 128px; width: 128px }
.insurancewrap .oldpolicy { margin-top: 23px }
/*EventGallery*/
#page .eventwrap{ padding-top:0}
.eventwrap .gallery { background: none; padding-top: 0; width: 235px }
#page .eventwrap .gallery p { text-align: center; padding: 0; }
#page .eventwrap .gallery p span { color: #8f8f8f }
.eventwrap .slick-list::after, .eventwrap .slick-list::before { width: 0 }
.eventwrap .gallery li { margin: 0 2px; height: 235px; max-height: 235px; max-width: 235px }
.galleryslider { position: relative; overflow: hidden; }
/*Compare page*/
.panaldata table { width: 100% }
.compare-three { width: 745px; float: right; }
.compare-three .col-1 { width: 32%; background-color: #fff; border: solid 1px #ebebeb; float: left; padding: 30px 20px 20px; position: relative; margin-left: 9px; min-height: 292px; }
.comwrap .combox {  width: 100%; }
.comwrap { width: 100%; }
.comparewrap { padding: 0 0 35px; }
.comwrap .comparehead { width: 100%; margin-bottom: 20px; }
.comwrap .comparehead .compareleft { width: 500px; float: left; }
.comwrap .comparehead .compareright { width: 500px; float: right; font-size: 12px; color: #6c6c6c; text-align: right; font-style: italic; }
.comwrap .combox .comcol { float: left; padding: 46px 0 0; width: 190px; margin-left: 6px; display: none; }
.diffradiobox .filter .filterinn { margin-right: 5px; width: 70px !important; text-transform: uppercase; }
.compare-two { width: 750px; float: right; }
.compare-two .col-1 { width: 42%; background-color: #fff; -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.21); -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.21); box-shadow: 2px 3px 5px rgba(0,0,0,.21); border: solid 1px #a8a8a8; float: left; padding: 10px 3% 22px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; position: relative; margin-left: 10px; min-height: 280px; }
.comwrap .compare-four .getonroadp button { width: 100%; padding: 13px 0; font-size: 12px; color: #fff; letter-spacing: 0px; font-weight: bold; text-transform: uppercase; font-family: Arial, Helvetica; }
.comwrap .compic { width: 100%; text-align: center; padding-bottom: 10px; }
.comwrap .compic a { display: inline-block; }
.comwrap .comhead { font-size: 20px; font-family: 'robotomedium'; margin-bottom: 20px; line-height: 1; text-align: center; min-height:42px; max-height:62px; overflow: hidden; }
.comwrap .comhead a { color: #717171; text-decoration: none; font-family: 'robotoregular'; }
.comwrap .compareselect { height: 40px; margin: 0 auto 5px; text-align: center; width: 200px; }
.compare-one { width: 750px; float: right; }
.compcontent li { width: 100%; float: left; font-size: 14px; font-family: 'robotoregular'; color: #1e1e1e; padding: 0 0; background: #fff; border-bottom: 1px solid #d9d9d9; }
.compcontent li:nth-of-type(2n) { background: #fff; }
.compcontent li .compareleft { width: 213px; float: left; padding: 13px 0 13px 10px; color: #717171; font-family: 'robotoregular'; text-align: left; }
.compcontent li .compareright { width: 809px; float: left; padding: 13px 0 13px 0; background: #fff; }
.compcontent li .compareright div { padding: 0 0 0 20px; line-height: normal; float: left; width: 240px; }
.compcontent li .compareright.comparewrap-four div { width: 155px; }
.compcontent li .compareright.comparewrap-two div { width: 342px; }
.crcle { width: 14px; height: 14px; border-radius: 50px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 6px 6px 0; display: inline-block; }
.white { background: #fbfbfd; border: 2px solid #e6e6e6; }
.Mercury { background: #e1e1e1; border: 2px solid #e1e1e1; }
.MineShaft { background: #313131; border: 2px solid #313131; }
.MilanoRed { background: #b1160c; border: 2px solid #b1160c; }
.Atoll { background: #0A5D6B; border: 2px solid #0A5D6B; }
.WildBlueYonder { background: #788cb2; border: 2px solid #788cb2; }
.Hemlock { background: #625B41; border: 2px solid #625B41; }
.Dorado { background: #665956; border: 2px solid #665956; }
.twocars li { float: left; width: 50%; }
.comparereviews { overflow: hidden; border-bottom: solid 1px #d8d8d8; }
.comparereviews.last { border: none; }
.compareone { width: 470px; float: left; font-family: Arial, Helvetica, sans-serif; line-height: 17px; padding: 14px 14px 1000px; border-right: solid 1px #d8d8d8; margin: 0 0 -1000px; }
.four .compareone { width: 221px; }
.three .compareone { width: 303px; }
.compareone.last { border: none; }
.compareone p { color: #767676; font-size: 12px; padding: 0 0 10px; }
.heading { font-size: 14px; text-transform: uppercase; }
.imgholder { border: solid 1px #d8d8d8; padding: 3px; float: left; margin: 5px 0 0; }
.imgholder img { display: block; width: 100%; height: auto; }
.subheading { font-size: 12px; text-transform: uppercase; line-height: 17px; font-weight: bold; padding: 5px 0 0; }
.comparewrap h3 { background: #f5f5f5; display: block; width: 100%; margin-top: 10px; line-height: 45px; float: left; border: solid 1px #e0e0e0; box-sizing: border-box; }
.comparewrap h3.margintop0 { margin-top: -1px; }
.comparewrap h3 a { color: #717171; text-decoration: none; font-weight: normal; font-size: 16px; font-family: "robotoregular"; padding: 14px 0 10px 10px; }
.comparewrap h3 a .spleft { float: left; width: 95%; padding-left: 10px; text-align: left; }
.comparewrap h3 a .sprite { width: 12px; height: 6px; float: right; margin-right: 15px; background-position: -284px -78px; margin-top: 21px; }
.comparewrap h3:hover, h3.open { background: #f5f5f5; }
.comparewrap h3.open { border-bottom: solid 3px; }
.comparewrap h3.open a .sprite { width: 12px; height: 6px; background-position: -284px -87px; margin-top: 21px; }
.comparewrap .compcontent { float: left !important; margin: -1px 0 0; padding: 0 !important; position: relative; width: 1024px !important; min-height: auto !important; max-width: auto !important; border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; }
.adddropdown span.holder { background: none; height: auto; width: 200px; margin-right: 0; font-size: 12px; color: #7f7f7f; margin: 0 0 0 10px; }
.adborder { border: 1px solid #d6d6d6 !important; margin-bottom: 3px; margin-top: 5px; min-width: 1000px; }
.adborder .admainbox { background: #fff; border-radius: 3px; padding: 8px 8px 8px 15px; width: 972px; }
.largeadblock p { color: #8c8c8c; font-size: 10px; margin: 0; padding-bottom: 3px; text-align: right; }
.comparewrap .compareclose { background-position: -304px -77px; height: 16px; width: 16px; }
.comparewrap .comparerighticon { background-position: -304px -97px; height: 16px; width: 16px; }
.comwrap .combotarrow { background-position: -87px -54px; bottom: -13px; height: 13px; left: 32px; position: absolute; width: 25px; }
.fourcarcompare .cell { width: 141px; }
.comparewrap .adborder { margin-bottom: 5px; }
.compcontent li.offerdiscount { background: #fffde9; }
.compcontent li.offerdiscount span { color: #d2201e; font-size: 14px; font-weight: bold; margin: 0 5px 0 0; }
.compcontent li .compareright div a { color: #464646; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; margin: 0 0 0 5px; }
.compare-desktopview { display: none; }
.compare-mobview { display: inline-block; padding: 20px 0; width: 100%; }
.commobwrap .comtitle { width: 100%; background: #f7f7f7; padding: 10px 0 10px 10px; }
.commobwrap .comtitle h1 { font-size: 14px !important; text-transform: capitalize !important; font-family: "robotomedium"; color: #717171; }
.commobwrap .comcarimg { float: left; width: 100%; margin: 8px 0 3px 0; text-align: center; }
.W2P { width: 2%; }
.W47P { width: 47%; }
.Hand { cursor: pointer; }
.W45P { width: 45%; }
.comcarname { width: 100%; padding-top: 5px; text-align: center; float: left; margin-top: 8px; }
.MarginL5 { margin-left: 5px !important; }
.comcarname a { color: #717171; text-decoration: none; font-family: "robotomedium"; font-size: 14px; margin-bottom: 10px; display: block; }
.commobwrap .select-wrapper { margin: 0px auto; margin-bottom: 5px; float: none; display: block; }
.commobwrap .select-wrapper, .commobwrap .select-wrapper select { width: 122px; font-size: 11px; }
.commobwrap .select-wrapper .holder { font-size: 11px; font-family: "robotoregular"; margin: 0 21px 0 5px; }
.commobwrap .compareDivBox { margin: 8px auto 10px; width: 95.5%; }
.BgGreyf1 { background-color: #f1f1f1 !important; }
.MarginT10 { margin-top: 10px !important; }
.commobwrap .carprice { display: inline-block; font-size: 14px; width: 47%; margin-top: 10px; text-align: center; color: #717171; font-family: "robotoregular"; }
.W51P { width: 51%; }
.commobwrap .onroadprice { text-align: center !important; margin-bottom: 10px !important; width: 47% !important; display: inline-block; font-family: "robotomedium"; }
.commobwrap .onroadprice span { text-decoration: none; color: #17232d; }
.comparetab { width: 100%; display: inline-block; }
.comparetab li { width: 33%; float: left; background: #717171; text-align: center; color: #fff; border-right: 1px solid #fff; font-family: "robotomedium"; }
.comparetab li.selected { border-top: solid 2px; background: #fff; }
.overviewresult { display: inline-block; width: 100%; }
.respanal { width: 100%; float: left; margin: 10px 0 0 0; }
.paneltitle { background: #717171; color: #f5f5f5; width: 100%; font-family: "robotomedium"; font-size: 14px; padding: 10px 0 10px 10px; }
#tb_second { display: none; }
.panaldata { border: 1px solid #dedede; border-top: none; width: 100%; padding: 10px 10px; }
.panaldata td { text-align: center; font-family: "robotoregular"; color: #3b3b3b; font-size: 12px; padding: 3px 0; }
.panaldata tr:nth-of-type(2n) { background: #e7e7e7; }
.panaldata td.title { font-family: "robotomedium"; }
.commobwrap .crcle { float: none; margin: 5px 2px; }
.commobwrap .compareclose { background-position: -304px -77px; height: 16px; width: 16px; }
.commobwrap .comparerighticon { background-position: -304px -97px; height: 16px; width: 16px; }
#safety_info, #comfort_convenience { display: none; }
.comparetab li a { color: #fff; display: block; font-size: 12px; width: 100%; text-align: center; line-height: 28px; text-decoration: none; height: 100%; }
.compare .compareselect .holder { height: auto; background: none; margin-right: 5px; width: 80%; }
/*Finance Page Start*/
.carfinence { float: left; padding: 5px 20px; width: 100%; background: #fff; text-align: left; position: relative; }
.carfinence .topcontain p { color: #2e3942; font-size: 14px; font-family: "robotoregular"; margin-bottom: 20px; }
.carfinence .left { width: 100%; float: left; background: #fff; font-family: "robotoregular"; animation: none; -webkit-animation: none; -moz-animation: none; -o-animation: none; -ms-animation: none; }
.carfinence h2 { font-family: "robotomedium"; font-size: 18px; font-weight: normal; margin-bottom: 40px; color: #2e3942; text-align: left; }
.carfinence .contactinform h3 { font-family: "robotomedium"; font-size: 18px; font-weight: normal; margin-bottom: 15px; color: #2e3942; text-align: left; }
.contactinform { display: inline-block; width: 100%; margin-bottom: 50px; }
.contactinform ul { display: inline-block; }
.contactinform li { float: left; width: 100%; margin-bottom: 35px; position: relative; }
.contactinform .button, .calcuresult .button { width: 273px; height: 52px; font-size: 16px; color: #fff; text-transform: uppercase; font-family: "robotomedium"; border-radius: 5px; margin-top: 35px; }
.calcuresult .button { height: 44px; margin-top: 15px; width: 196px; }
.carfinence .left .financetitleimg { margin: 16px 0 14px; }
.carfinence .left article { font-size: 13px; color: #3c3c3c; margin-bottom: 8px; }
.carfinence .left article p { margin-bottom: 25px; line-height: 20px; }
.carfinence .left .whychoose { margin-bottom: 20px; }
.carfinence .whychoose h2 { font-size: 16px; font-family: "robotomedium"; margin-bottom: 7px; font-weight: normal; }
.carfinence .whychoose li a { font-size: 11px; color: #262626; margin-bottom: 13px; }
.carfinence .whychoose li span { width: 4px; height: 4px; display: inline-block; background: #ee3d22; margin-right: 6px; vertical-align: middle; }
.carfinence .whychoose span { color: #a41513; font-family: "robotobold"; font-size: 12px; }
.carfinence .whychoose p { color: #262626; font-size: 11px; }
.carfinence .left .financeinquiry { border: solid 1px #bfbfbf; background: #f8f8f8; border-radius: 1px; width: 100%; display: block; padding: 5px; }
.carfinence .financeinquiry div { display: inline-block; vertical-align: middle; }
.carfinence .financeinquiry .financecontain { width: 45%; color: #424141; font-size: 13px; font-family: "robotobold"; margin: 0 5px 0 15px; }
.carfinence .financeinquiry .financecontain .pleasecall { color: #5d5d5d; font-size: 13px; font-family: "robotoregular"; border-bottom: solid 1px #f74644; padding-bottom: 5px; margin-bottom: 7px; }
.carfinence .financeinquiry .carimage { width: 30%; }
.carfinence .financeinquiry .financecontain div { display: block; }
.carfinence .right { width: 100%; float: left; padding: 20px 7px 10px; margin-top: 20px; }
.carfinence .tabresult { border: solid 1px #cacaca; border-top: solid 10px; padding: 30px 10px 10px 10px; background: #fff; float: left; width: 100%; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.carfinence .tabresult h2 { font-size: 18px; font-family: "robotoregular"; color: #262626; letter-spacing: 0px; margin-bottom: 15px; }
.carfinence .tabresult form { font-family: "robotoregular"; }
.carfinence .tabresult form li { margin-bottom: 10px; }
.carfinence .tabresult form label i { font-size: 13px; color: #ff0000; font-style: normal; }
.carfinence .tabresult form select, .carfinence .tabresult form input, .carfinence .tabresult form textarea { background: #f6f6f6; border: 1px solid #bebebe; color: #9f9d9d; font-family: "robotolight"; font-size: 11px; padding: 3px 0 3px 5px; width: 100%; height: auto; border-radius: 0; -webkit-border-radius: 0; }
.carfinence .tabresult form input { padding: 3px 0 5px 5px; }
.carfinence .tabresult form select:hover, .carfinence .tabresult form input:hover, .carfinence .tabresult form textarea:hover { -webkit-box-shadow: 0 0 4px rgba(64,133,197,.47); -moz-box-shadow: 0 0 4px rgba(64,133,197,.47); box-shadow: 0 0 4px rgba(64,133,197,.47); border: solid 1px #bcd4eb; background: #fff; }
.carfinence .tabresult .contactinform { margin-top: 30px; }
.carfinence .comments span { font-style: italic; font-size: 11px; }
.carfinence .comments { width: 100%; margin-bottom: 0; }
.carfinence .comments textarea { height: 114px; resize: none; width: 100%; }
.carfinence .getyourcarbtn .button { height: 46px; width: 252px; font-size: 17px; font-family: "robotoregular"; }
.carfinence input { width: 100%; }
.carfinence button, .carfinence input { text-transform: none; }
.carfinence button, .carfinence html input[type=button], .carfinence input[type=reset], .carfinence input[type=submit] { cursor: pointer; -webkit-appearance: button; margin: 0px auto; }
.carfinence button[disabled], .carfinence input[disabled] { cursor: default; }
.carfinence textarea { overflow: auto; vertical-align: top; }
.carfinence .financetab { width: 100%; float: left; }
.carfinence .financetab li { float: left; margin-right: 4px; }
.carfinence .marginrnone { margin-right: 0px !important; }
.carfinence .financetab li a { background: #e1e1e1; border-top-left-radius: 2px; border-top-right-radius: 2px; color: #000000; font-size: 10.5px; font-family: "robotomedium"; float: left; padding: 9px 2px; text-decoration: none; }
.carfinence .financetab li a:hover, .carfinence .financetab li a.active { color: #fff; }
.carfinence .doctabs { float: left; position: relative; margin-top: 6px; width: 100%; top: 6px; }
.carfinence .doctabs li { float: left; }
.carfinence .doctabs li a { background: #f5f7f7; border: solid 1px #e3e3e3; color: rgba(23, 35, 45, 0.7);  font-family: "robotomedium"; font-size: 14px; padding: 10px 7px; float: left; text-align: center; border-right: none; box-sizing: border-box; }
.carfinence .doctabs li a.lasttab { border-right: solid 1px #e3e3e3; }
.carfinence .doctabs li a:hover, .carfinence .doctabs li a.active { background: #fff; text-decoration: none; }
.carfinence .doctabs li a.active { border-top: solid 5px; padding-top: 6px; border-bottom: none !important; }
.carfinence .doctabresult { background: #fff; float: left; width: 100%; border: solid 1px #e3e3e3; padding: 10px; font-family: "robotoregular"; margin-top: -1px; }
.carfinence .doctabresult li { color: #717171; font-size: 12px; line-height: 1.5; position: relative; padding-bottom: 13px; padding-left: 10px; }
.carfinence .doctabresult li span { border-radius: 50%; display: inline-block; height: 5px; left: -5px; margin: 0; padding: 0; position: absolute; top: 6px; vertical-align: middle; width: 5px; background: #c1c1c1; }
.carfinence .calcuresult { display: inline-block; width: 100%; }
.carfinence .calcuresult h2 { margin-bottom: 5px; }
.carfinence .calcuresult .calleft { width: 100%; float: left; }
.carfinence .calcuresult .title { font-size: 14px; font-family: "robotoregular"; color: #717171; }
.carfinence .calcuresult .titletagline { color: #787777; font-size: 12px; font-family: "robotoregular"; }
.carfinence .calcuresult p { color: rgba(32, 32, 32, 0.8); font-size: 14px; font-family: "robotoregular"; padding-top: 0; margin-bottom: 2px; }
.carfinence .calcuresult form { margin: 0; }
.carfinence .calcuresult form div { margin-bottom: 36px; margin-top: 0; }
.carfinence .calcuresult .title{  margin-top: -14px; padding-bottom: 16px !important; padding-left: 0px !important; }
/* .carfinence .calcuresult form label { font-size: 11px; color: #141414; font-family: "robotobold"; } */
.carfinence .emical { width: 265px; float: left; font-family: "robotoregular"; border: solid 1px #e3e3e3; }
.carfinence .emical .emititle { background: #f7f7f7; color: #717171; font-size: 14px; font-family: "robotomedium"; float: left; border-bottom: solid 1px #e3e3e3; }
.carfinence .emical .months { width: 126px; float: left; padding: 9px 0 9px 17px; }
.carfinence .emical .emis { width: 136px; text-align: left; float: left; padding: 9px 0 9px 23px; color: #17232d; }
.carfinence .emivalues { float: left; width: 265px; font-size: 14px; font-family: "robotoregular"; }
.carfinence .emivalues .monthvalue { width: 128px; float: left; }
.carfinence .emivalues .monthvalue li { padding: 6px 0 7px 17px; border-bottom: solid 1px #e3e3e3; color: #717171; }
.carfinence .emivalues .emisvalue { width: 135px; text-align: left; float: left; }
.carfinence .emivalues .emisvalue li { padding: 6px 0 7px 17px; border-bottom: solid 1px #e3e3e3; color: #17232d; }
.carfinence label { color: #717171; display: inline-block; font-family: "robotomedium"; font-size: 14px; font-weight: normal; margin-bottom: 7px; width: 100%; text-align: left; }
.carfinence .loanemi { float: left; margin: 0 0 30px; width: 100%; }
.calcuresult button { float: left; margin-bottom: 0; margin-top: 25px; }
.carfinence .emivalues li.borderbnone { border-bottom: none; }
.carfinence .help-block { bottom: -20px; }
.errorborder { border: 1px solid #e00000 !important; }
/*----------------------------------Model page tabbing start here-----------------------------------------------*/
.carmodel{margin-bottom:5px;}
#carmodel.pagecontent { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; padding-bottom: 0; }
.cd-tabs { margin: -1em auto 0; position: relative; width: 100%; }
.cd-tabs:after { content: ""; display: table; clear: both; }
.cd-tabs.is-ended .cd-tabs-navigation:after { visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.cd-tabs nav { overflow-x: auto; -webkit-overflow-scrolling: touch; overflow-y: visible; }
.cd-tabs-navigation { width: 700px; margin: 0 auto; }
.cd-tabs-navigation:after { content: ""; display: table; clear: both; }
.cd-tabs-navigation > li { float: left; }
.cd-tabs-navigation a { border: 1px solid #e3e3e3; position: relative; background: #f5f7f7 none repeat scroll 0 0; box-sizing: border-box; color: rgba(23, 35, 45, 0.7); display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "robotomedium"; font-size: 0.75rem; height: 50px; line-height: 49px; padding-top: 0; text-align: center; width: 115px; border-left-width:0}
.cd-tabs-navigation > li:first-child a{border-left-width:1px}
.no-touch .cd-tabs-navigation a:hover { color: #29324e; background-color: rgba(233, 230, 202, 0.3); }
.cd-tabs a.selected { border-top: 5px solid; line-height: 42px; border-bottom: none; background: #fefefe; }
.cd-tabs-navigation::after { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0), #808080) repeat scroll 0 0; clear: both; content: ""; display: table; height: 50px; position: absolute; right: 0; width: 30px; }
.cd-tabs-content { background: #ffffff; }
.cd-tabs-content > li { display: none; padding: 0 0 1px; }
.cd-tabs-content li.selected { display: block; -webkit-animation: cd-fade-in 0.5s; -moz-animation: cd-fade-in 0.5s; animation: cd-fade-in 0.5s; }
.ex { color: #8c8c8c; text-align: center; }
@-webkit-keyframes cd-fade-in { 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@-moz-keyframes cd-fade-in { 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@keyframes cd-fade-in { 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
/*model overview tab*/

.carmodel .caroverinfo { display: inline-block; padding-top: 47px; vertical-align: top; width: 100%; }
.carmodel .caroverinfo > p { color: rgba(23, 35, 45, 0.75); text-align: center; }
.carmodel .caroverinfo > img { clear: both; display: block; margin: 0 auto; padding-top: 45px; }
.carmodel .carinfo { padding-top: 12px; text-align: center; }
.carmodel .carinfo li { border-right: 1px solid #d3d6d7; display: inline-block; height: 60px; text-align: center; width: 49.5%; }
.carmodel .carinfo li:last-child, .carmodel .carinfo li:nth-child(2) { border-right: none; }
.carmodel .rupee { font-weight: bold; font-size: 36px; }
.carmodel .price { font-family: "robotobold"; font-size: 36px; }
.carmodel .smallprice { font-family: "robotoregular"; font-size: 14px; }
.carmodel .ex-show { font-family: "robotoregular"; font-size: 12px; display: block; }
.carmodel .carinfo li span { display: inline-block; margin: 0 10px 0 0; vertical-align: middle; }
.carmodel .carinfo .value { color: rgba(32, 32, 32, 0.8); font-family: "robotolight"; font-size: 24px; }
.carmodel .carinfo .descip-bottom { margin-top: 5px; color: rgba(32, 32, 32, 0.8); font-family: "robotoregular"; font-size: 12px; width: 100%; }
.carmodel .metericon { margin-top: 15px; }
/*model overview table*/

.carmodel table button { font-family: "robotoregular"; font-size: 14px; line-height: 36px; margin-top: 0; padding: 0; width: 160px; background: #f1f1f1; color: #666666; border: 0 }
.carmodel table button:hover { color: #fff; }
.carmodel table .rupee { font-size: 14px; font-weight: bold; }
.carmodel table .fueltype { border: 1px solid; display: inline-block; font-size: 12px; line-height: 20px; padding: 0 5px; text-align: center; text-transform: uppercase;}
.carmodel .rwd-table th, .carmodel .rwd-table td { text-align: right; }
.tablebg { background-color: #fcfcfc; margin-top: 10px; padding: 60px 10px 0px; }
.carmodel .rwd-table td::before { clear: both; float: left; text-align: left; width: 8.5em; }
.carmodel h2 { color: #5c6267; font-family: "robotoregular"; font-size: 25px; margin-bottom: 7px; }
.carmodel .rwd-table td { padding: 0.7em 1.2em !important; }
.colorimage { max-height: 399px; padding-top: 44px; text-align: center;  min-height: 350px;}
.colorpalet > ul { text-align: center; }
.colorblue { background: blue; }
.colorred { background: red; }
.colorblack { background: black; }
.colorgrey { background: grey; }
.colorsilver { background: silver; }
img.colorblue, img.colorred, img.colorblack, img.colorgrey, img.colorsilver { background: none; }
.colorpalet li { border-radius: 3px; cursor: pointer; display: inline-block; height: 40px; margin: 0 7px 0 0; width: 40px; border:1px solid #d1d1d1; }
.colorimage > img { margin: 0 auto; }
.carmodel .mileagedata .rwd-table td {
    padding: 0.7em 0.3em !important;
}
.carmodel .mileagedata .rwd-table th,.carmodel .mileagedata .rwd-table td {
    margin: 0.5em 0;
}
.carmodel .mileagedata .rwd-table td::before {
    width: 12.5em;
}
/*feature buttons*/
.stickyshortcut { position: fixed; right: 0; top: 65%; z-index:99; }
.stickyshortcut div { font-size: 0; }
.stickyshortcut .feature { float: right; font-family: "robotoregular"; width: 200px; max-height: 81px; }
.stickyshortcut .feature li { max-height: 81px; }
.stickyshortcut .sprite.rupeesicon { background-position: -129px -80px; height: 18px; width: 12px; }
.stickyshortcut .sprite.driveicon { background-position: -189px -1px; height: 18px; width: 20px; }
.stickyshortcut .sprite.contacticon { background-position: -213px -2px; height: 16px; width: 19px; }
.stickyshortcut .sprite.locateicon { background-position: -238px 0; height: 18px; width: 13px; }
.featureclose { cursor: pointer; display: inline-block; height: 81px; left: -40px; position: absolute; width: 40px; }
.featureclose .sprite { background-position: -314px -120px; bottom: 0; height: 21px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 15px; animation: sprite 2s infinite; -webkit-animation: sprite 2s infinite; -moz-animation: sprite 2s infinite; -o-animation: sprite 2s infinite; }
@-webkit-keyframes sprite {  0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateX(0);
}
 40% {
-webkit-transform: translateX(-7px);
}
 60% {
-webkit-transform: translateX(-4px);
}
}
@-moz-keyframes sprite {  0%, 20%, 50%, 80%, 100% {
-moz-transform: translateX(0);
}
 40% {
-moz-transform: translateX(-7px);
}
 60% {
-moz-transform: translateX(-4px);
}
}
@-o-keyframes sprite {  0%, 20%, 50%, 80%, 100% {
-o-transform: translateX(0);
}
 40% {
-o-transform: translateX(-7px);
}
 60% {
-o-transform: translateX(-4px);
}
}
@keyframes sprite {  0%, 20%, 50%, 80%, 100% {
transform: translateX(0);
}
 40% {
transform: translateX(-7px);
}
 60% {
transform: translateX(-4px);
}
}
.featureclose.showfeature .sprite { background-position: -331px -120px; }
/*Model Price*/
.carmodel .modelprice .pricedata { width: 250px; margin: 0px auto; display: block; }
.carmodel .modelprice .pricedata p { margin-bottom: 40px; }
.carmodel .pricedata .select-button { display: inline-block; margin: 20px 0 0; }
.termscon{color: #666666;font-family: "robotoregular";font-size: 12px;position: relative;top: -35px; padding-left:10px;}
/*Model Mileage*/
.carmodel .mileagedata .value { font-size: 30px; line-height: 1; }
.carmodel .mileagedata .carinfo li { padding-top: 5px; }
/*Specs*/
.specsfront, .specsside { display: inline-block; text-align: center; width: 100%; padding-top: 80px }
/*Pictab*/
.modelpictures { min-height: 400px }
.modelpictures .tabbutton { text-align: center; padding-top: 10px }
.modelpictures .slick-list::after, .modelpictures .slick-list::before { width: 0 }
#picturetab { width: 100%; margin: 30px auto 0; overflow: hidden; text-align: center; position: relative }
#Interior li { display: inline-block; width: 100% }
#sync1 .item img, #sync3 .item img { display: block; width: 100%; height: auto; }
.tabdetail { width: 100%; }
.tabdetail .owl-buttons { position: absolute; width: 100%; top: 180px; }
.tabdetail .owl-theme .owl-controls .owl-buttons div { border-radius: 0; color: #fff; display: inline-block; font-size: 0; margin: 5px; opacity: 1; padding: 0; border: 0; }
.tabdetail .owl-theme .owl-controls .owl-buttons div.owl-prev { background-image: url(../image/mprev.png); width: 26px; height: 61px; bottom: 54px; left: 10px; margin: 0; position: absolute; }
.tabdetail .owl-theme .owl-controls .owl-buttons div.owl-next { background-image: url(../image/mnext.png); width: 26px; height: 61px; right: 10px; bottom: 54px; margin: 0; position: absolute; }
.tabdetail .owl-theme .owl-controls .owl-buttons div.owl-prev:hover { background-image: url(../image/mprev2.png); }
.tabdetail .owl-theme .owl-controls .owl-buttons div.owl-next:hover { background-image: url(../image/mnext2.png); }
.colorsliderbntmain { width: 148px; margin: 8px auto; }
#sync2, #sync4 { width: 100%; }
#sync2 .owl-wrapper-outer, #sync4 .owl-wrapper-outer { text-align: center; }
#sync2 .owl-wrapper, #sync4 .owl-wrapper { text-align: center; }
#sync2 .owl-item, #sync4 .owl-item { width: 142px !important; margin: 0 3px; opacity: 0.4 }
#sync2 .synced div, #sync4 .synced div { border-radius: 0; }
#sync2 .colorsliderbnt, #sync4 .colorsliderbnt { border-radius: 8px; cursor: pointer; height: 62px; position: relative; width: 142px; }
.usedcardetail #sync2 .colorsliderbnt { height: 102px; }
.owl-controls { position: absolute; top: 50%; margin-top: -30px; width: 100% }
#sync2 .synced, #sync4 .synced { opacity: 1 }
.colorsliderbnt { }
.colorsliderbnt img { padding: 2px; border:1px solid #afafaf; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
/*variant page*/
.variantpage .cd-tabs-navigation { width: 810px; }
.variantpage .rwd-table td, .variantpage .rwd-table th { display: table-cell; padding: 1.2em; }
.variantpage .rwd-table th[colspan="2"] { text-align: left; font-family: "robotomedium"; }
.variantpage .rwd-table td:last-child { color: #242424; }
.vartable { padding-top: 46px; }
.varientleft, .variantright { margin: 0 auto; max-width: 300px; width: 100%; }
table .yes.sprite { background-position: -304px -97px; display: inline-block; height: 16px; width: 21px;}
table .no.sprite { background-position: -304px -77px; display: inline-block; height: 16px; width: 16px; }
.variantpage .vartable .rwd-table tr td { width: 50%; font-family: "robotoregular"; text-align: left; padding-bottom: .48em !important; padding-top: .48em !important; }
.vartable .rwd-table { margin: 1em 0 2.2em; }
/*Used Car*/
.usedcar{padding:55px 10px 0 10px;}
.usedcar .doctabs { float: left; position: relative; top: 1px; width: 100%; }
.usedcar .doctabs li { float: left; }
.usedcar .doctabs .forbuying{ float:right; font-size:14px; color:#717171;font-family: "robotoregular"; line-height:1; margin-top:10px; position:absolute; top:-40px; }
.usedcar .doctabs li a { background: #f5f7f7; border: solid 1px #e3e3e3; color: rgba(23, 35, 45, 0.7); font-family: "robotomedium"; font-size: 14px; padding:13px 22px; float: left; text-align: center; box-sizing: border-box; border-right:none; }
.usedcar .doctabs li a.lasttab { border-right: solid 1px #e3e3e3; }
.usedcar .doctabs li a:hover, .usedcar .doctabs li a.active { background: #fff; text-decoration: none; }
.usedcar .doctabs li a.active { border-top: solid 5px; padding-top: 9px; border-bottom: none; }
.usedcar .doctabresult { background: #fff; float: left; width: 100%; border: solid 1px #e3e3e3; padding: 10px; font-family: "robotoregular"; margin-top: -1px; }
.usedcar .doctabresult .blockdiv {width:235px; margin:0px auto;}
.usedcar .doctabresult li { color: #717171; font-size: 12px; line-height: 1.5; position: relative; padding-bottom: 13px; padding-left: 10px; }
.usedcar .doctabresult li span { border-radius: 50%; display: inline-block; height: 5px; left: -5px; margin: 0; padding: 0; position: absolute; top: 6px; vertical-align: middle; width: 5px; background: #c1c1c1; }
.searchpanel .usedvalue{ float:left;width:231px; margin:0 20px 15px 0; position:relative;}
.searchpanel .usedvalue .help-block{ bottom:-20px;}
.searchpanel .usedvalue label{color: #717171;display: inline-block;font-family: "robotomedium";font-size: 14px;font-weight: normal;margin-bottom: 7px;text-align: left;width: 100%;}
.searchpanel .select-button{margin:0 auto;width: 132px; }
.searchpanel .select-button:after { content: url(../image/rtarrow.png); padding-left: 15px; vertical-align: top; }
.usedcar .found{ color:#17232d; font-family:"robotolight"; font-size:16px; text-align:left; margin-top:40px;}
.carpanel{ padding-top:50px;}
.carpanel ul li img {
    height: 180px;
}
.carpanel li{ vertical-align: top;width:280px; height:320px; cursor:pointer;-moz-transition: all .4s ease-in; -webkit-transition: all .4s ease-in; -o-transition: all .4s ease-in; transition: all .4s ease-in; position:relative; display:inline-block; margin-bottom:40px; margin-right: 12px;}
.carpanel li a img{ display:inline-block;-moz-transition: all .4s ease-in; -webkit-transition: all .4s ease-in; -o-transition: all .4s ease-in; transition: all .4s ease-in; }
.carpanel li:hover{ -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.2); -moz-box-shadow: 0 4px 8px rgba(0,0,0,.2); box-shadow: 0 4px 8px rgba(0,0,0,.2);}
.carpanel li:hover a img{ opacity:0.4;-moz-opacity: 0.4;filter: alpha(opacity=40);}
.carpanel li h2{margin-top: 20px;}
.carpanel li h2 a{color: #17232d;font-family: "robotoregular";font-size: 16px;}
.carpanel li .carprice { padding-top: 12px; font-family: "robotomedium"; font-size: 22px; color: rgba(23, 35, 45, 0.8); line-height: 1; }
.carpanel li .carprice .rupee { font-size: 18px; }
.carpanel li .carprice .lacs { font-size: 15px; }
.carpanel .featurehold{margin: 20px auto 0;width: 195px;}
.carpanel .featurehold span{ font-size:14px; font-family:"robotoregular"; color: rgba(23, 35, 45, 0.7); float:left; line-height:1;}
.carpanel .featurehold span.divider{ height:12px; width:1px; border-left:solid 1px #7a7e82; margin:0 12px;}
.viewdetailbtn{left: 40px;position: absolute;top: 0;width: 200px; padding:4px 15px; box-sizing:border-box; display:none;}
.viewdetailbtn:hover{color:#fff;}
.carpanel li:hover .viewdetailbtn{display:block;}
/*used car detail*/
.usedcardetail{ padding-top:60px;}
.usedcardetail .right{ width:100%; padding: 0 10px; margin-top:40px;}
.usedcardetail .right .detailprice{ font-size:36px; font-family:"robotoregular";color: rgba(23, 35, 45, 0.7); line-height:1;}
.usedcardetail .moyear{font-size:14px; color:#17232d; font-family:"robotomedium";margin-top:10px;}
.usedcardetail .moyear span{color: rgba(23, 35, 45, 0.7);font-size:14px;font-family:"robotoregular"; margin-right:10px; }
.usedcardetail .right a{width:200px; padding:4px 15px; box-sizing:border-box; margin-top:20px;}
.usedcardetail .right a:hover{color:#fff;}
.detailfeature{ background:#f7f7f7;-webkit-border-radius: 4px/3px;-moz-border-radius: 4px/3px;border-radius: 4px/3px; margin: 35px auto 0; padding: 10px; width: 260px;}
.detailfeature li{display: inline-block;margin-bottom: 10px;margin-right: 16px;padding-bottom: 10px;position: relative;}
.detailfeature li span{ display:block; width:100%;color: rgba(23, 35, 45, 0.7);font-size:14px;font-family:"robotoregular"; }
.usedcardetail .fevalue{ color:#17232d;font-family: "robotomedium";}
.vehiclein{ margin-top:40px;}
.vehiclein .title{ font-size:18px; color:#424242;font-family:"robotomedium";}
.safetyfea{width:100%; margin-top:20px;}
.safetyfea .title{ font-size:16px;color: rgba(66, 66, 66, 0.7);font-family:"robotoregular";margin-bottom:10px; }
.safetyfea .fealist{font-size:14px;color:#17232d;font-family:"robotoregular";  line-height: 1.3;}
.usedcardetail .carpanel .title{ font-size:26px; margin-bottom:20px;}
.loader{ margin-top:50px;}
/*Popup-Phone No*/
.phonepop{ position:fixed;}
.Phoneno ul{margin:0 auto 30px;width: 150px;}
.Phoneno li.title{color:#717171;font-size: 18px;margin-bottom:15px; padding:0;}
.Phoneno li{ text-align:center; margin-bottom:5px; font-family:"robotomedium";}
.Phoneno li a{font-size:16px; color:#717171;font-family: "robotoregular"; }
#page .title > p{ padding-top:10px !important}

.rwd-table a{ color: #666}

/*Dev Css*/
.fancybox-opened .fancybox-skin { box-shadow: none !important; }
.fancybox-skin { background: none !important; }
object{ display:none}
#select_a_car .item.slick-selected p a {    padding: 10px 0 13px;}
.fancybox-nav span{visibility: visible !important;}
.modelpictures .tabbutton li.three60{ display:none}

.success { color: green; font-size: 18px; clear: both; margin: 10px 0; text-align: center; line-height: 1.5; }
.locateus .mobile_map {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 20px;
    margin-left: 36px;
}
@media screen and (min-width:1007px){
    .mobile_map{display:none !important;}
}
#online input[type="checkbox"]{display:block;}
.carmodel{ margin-top:23px}
/* start*/

.color-title { float: left; font-size: 18px; font-weight: bold; padding: 0 0 10px; text-align: center; width: 100%;}
.insurancewrap .select-button{ margin:0 }

.careertable .rwd-table td::before {  background: #f3f3f3 none repeat scroll 0 0; font-weight: normal;  margin-bottom: 10px;  padding: 1em 0.5em 1em 10px;  width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
.careertable{ padding-top: 46px}
.careertable table .select-button{ background: #606060; color: #fff; float: left}
.careertable .rwd-table th, .careertable .rwd-table td{ text-align: left; border-bottom: 0}
.careertable .rwd-table td:last-child::before {display: none }
.careertable .rwd-table td:last-child{padding:10px 0 10px 10px; margin: 0}
.careertable .highlight { color: #333; display: inline-block !important;    margin: 0 !important;}
.careertable .rwd-table td div span {  display: block;  margin: 5px 0;}

.popupwrap .offerpopup button{ float: left; margin-top: 0}
.offerpopup .buttonwrap .saveupto {    margin-bottom: 20px;}

/*Editor CSS*/
hr{opacity:0.3}
.editor ul { list-style: inside; display: inline-block; text-align: left;}
.editor li { font-size: 16px; line-height: 1.5; list-style: inside;}
.editor img{ margin:0 25px 20px 0 !important}
/*new*/
.feature .slidertext{ padding:0 5px}
.headertop .fb {background-position:-4px -148px; float: right; height: 30px; margin: 4px 15px 0 0; width: 14px;
-moz-transition: all .4s ease-in; -webkit-transition: all .4s ease-in; -o-transition: all .4s ease-in; transition: all .4s ease-in;}
.headertop .fb:hover{ opacity: 0.7; }
.headertop .twitter { background-position: -28px -149px; width: 37px; height: 31px; float: right; margin: 4px 10px 0 0;
-moz-transition: all .4s ease-in; -webkit-transition: all .4s ease-in; -o-transition: all .4s ease-in; transition: all .4s ease-in;}
.headertop .twitter:hover {opacity: 0.7;}

.headertop .google_plus {background-position:-108px -147px; float: right; height: 32px; margin: 4px 15px 0 0; width: 30px;
    -moz-transition: all .4s ease-in; -webkit-transition: all .4s ease-in; -o-transition: all .4s ease-in; transition: all .4s ease-in;}
.headertop .google_plus:hover{ opacity: 0.7; }


.pricerow .leftcolumn{ position: relative;}
.sprite.noteicon {  background: url("../image/noteicon.png") no-repeat;  bottom: 0;  cursor: pointer;  height: 16px;  margin: -8px;  position: absolute;  right: 40px;  top: 50%;  width: 16px;}
.notetext {  background-color: #fff;  border: 1px solid #e1e1e1;  bottom: 22px;  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.13);  color: #515151;  display: none;  font-family: Arial,Helvetica,sans-serif;  font-size: 11px;  font-style: normal;  height: 90px;  line-height: 18px;  margin-left: -83px;  padding: 8px;  position: absolute;  right: -105px;  text-align: left;  transition: color 0.1s ease-in 0s;  width: 180px;  z-index: 200;  color: #515151;  font-family: Arial,Helvetica,sans-serif;  font-size: 11px;  font-style: normal;  line-height: 18px;  text-align: left;}
.notearrow {  border-left: 6px solid transparent;  border-right: 6px solid transparent;  border-top: 6px solid #c8c8c8;  bottom: -7px;  height: 0;  left:38%;  margin-left: -8px;  position: absolute;  width: 0; }
.notetext .othertexbox2 li {  float: left;  width: 100%; line-height: 2}
.leftcolumn .noteicon:hover .notetext{ display: block;}
.resfound {
    background: #d5d5d5;
    margin: 20px auto;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}
/*paGINATION*/

.pagination {
    clear: both;
    display: block;
    text-align: center;
    width: 100%;
}
.pagination li {
    border: 1px solid #e1e1e1;
    display: inline-block;
    font-size: 14px;
    line-height: 2;
    margin: 0 2px;
    text-align: center;
    width: 30px;
}

.pagination li a:hover,.pagination li.active a {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
}
.pagination li a {
    color: rgba(0, 0, 0, 0.65);
    display: block;
}


/*Popup OTP */
.otptitle{color: #454140;font-family: "robotoregular";font-size: 17px;padding:0 0 20px;text-align: center;  position: relative; margin-bottom: 30px;line-height: 1.3;}
.otppopup .inputvalue{ margin: 0px auto !important; float: none;   }
.otppopup .inputvalue input{ width: 100% !important;  }
.otppopup .getme{color: #454140;font-family: "robotoregular"; font-size: 14px; margin-bottom: 5px;text-align: center}
.otptitle:after {border-top: 2px solid #ccc;bottom: 0;content: "";left: 0;margin: 0 auto;position: absolute;right: 0;width: 170px;}
.otppopup .dintreceive{ margin-top: 10px; font-family: "robotoregular"; font-size: 13px; text-align: center;}
.otppopup .wrongno{ margin-bottom: 30px; }
.otppopup .dintreceive a:hover{ color: #000; }



/*FTC*/
#tab3 .picmain > div:last-child.feeltab{ display: inline-block !important; }
.feelcarpanel {margin-top: 20px;}
.feelslide{margin-top: 15px;position: relative;    border: 1px solid #ccc;border-radius: 2px;box-sizing: border-box;  height: auto;margin: 0 auto;overflow: hidden;
    width: 95%;}
.feelslide .item img {width: 100%;}
.feelslide .item {max-height: 400px;overflow: hidden;}
.ftctab{ margin-bottom: 20px; }
.ftctab span{display:inline-block; width: auto; height: auto; border:none; zoom:1; *display:inline; margin:0 3px 0 0; padding:6px 8px; border-bottom:1px solid #848484;
    color:#848484; font-size:1.1em; font-family: 'robotoregular'; text-align:center; -moz-transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -ms-transition:all 0.5s linear;
    transition:all 0.5s linear; cursor:pointer;}
.ftctab span:hover, .ftctab span.active{border-bottom:1px solid #000; color:#000;}
#owl-picture2{ display: none !important; }
.feelcarpanel .downbrchre {display: inline-block;float: left;margin-bottom: 10px;margin-top: 10px;width: 100%;}
.feelcarpanel .owl-pagination .owl-page span{background-color: hsl(0, 0%, 100%);border-radius: 50%;height: 10px;width: 10px;}
.feelcarpanel .owl-pagination .owl-page.active span{ opacity: 0.5; }
.feelcarpanel .owl-pagination .owl-page{ width: 10px; height: 10px; }

/*Feel Car Popup*/
#leadpopup_point {border: 1px solid #ccc !important;max-height: 360px !important;width: 260px !important;top: 100px;left: 30px;background: #fff;padding: 10px;
    box-shadow: 2px 5px 9px hsla(0, 0%, 0%, 0.59);  -webkit-box-shadow: 2px 5px 9px hsla(0, 0%, 0%, 0.59); -moz-box-shadow: 2px 5px 9px hsla(0, 0%, 0%, 0.59);
    -ms-box-shadow: 2px 5px 9px hsla(0, 0%, 0%, 0.59); -o-box-shadow: 2px 5px 9px hsla(0, 0%, 0%, 0.59); height: auto !important;}
#leadpopup_point .titlenew {color:#000;font-family: "robotoregular";font-size: 20px;line-height: 1;padding: 0 30px 10px;text-align: center;  word-wrap: break-word;}
#leadpopup_point .topcross {cursor: pointer;font-size: 0;height: 17px;position: absolute;right: 17px;top: 15px;width: 17px;background-image: url("../image/ftc_close.png");}
#leadpopup_point .topcross:hover{ opacity: 0.7; }
img#hotSpotImg {width: 240px !important;}
#leadpopup_point.feelpopup .description {color: #000; font-family: "robotoregular";font-size: 12px;line-height: 20px;padding: 10px 0 0 0;}
.feelslide iframe{ width: 100%; border: none; }
#leadpopup_point .popupimg{max-height: 300px;overflow-y: auto;}

/*Download Brochure*/
.downbrchre a{font-family: "robotomedium"; font-size: 14px; color: #8c8c8c !important;}
.downbrchre a:hover, .downbrchre a:focus{color:#212121 !important; }
.downbrchre a i{background-image: url("../image/pdf.png"); width: 17px; height: 21px; display: inline-block; position: relative;top: 2px;}


/*feel the car*/
#leadpopup_point {
    position:absolute;
    width:400px;
    height:400px;
    border:5px solid #000;
    z-index: 9002;
}

.abtcontain li{color:#2e3942; font-family: "robotoregular"; font-size: 14px; line-height: 2; padding-top: 15px; text-align: left;}
.field-testimonial-image .help-block{ position: static; }
.videopg iframe {width: 100%;}
.aboutinput textarea{ width: 100%; box-sizing:border-box; height: 60px; resize:none;}

/*updated compare page css */
.compare-mobview .comparedetail { margin-top: 30px; }
.compare-mobview .comparedetail .cd-tabs-navigation  { width:2200px;}
.compare-mobview .cd-tabs-navigation a {font-size: 14px;padding-left: 5px;padding-right: 5px;width: auto;}
.compare-mobview .cd-tabs-navigation{ text-align: left; }
.compare-mobview .cd-tabs-navigation:after { background: none }

img[data-gsll-src]{background:url("../image/loading.gif"); height: 32px; text-indent: -9999px; line-height: 1;
    margin: 0 auto;width: 32px !important; background-repeat: no-repeat;display: inline-block; margin: 0 !important;
    padding: 0 !important; }
    /*Manual Payment CSS*/

/*Manual Payment CSS*/
.manualpayment{border: 1px solid #ccc; margin: 0 auto;padding:0 0 10px;width: 90%;  font-family: "robotoregular";max-width: 400px; }
.manualpayment li {border-bottom: 1px solid #ccc;padding: 10px; font-size: 13px;}
.manualpayment li:last-child{border-bottom: none; padding-bottom: 0;}
.manualpayment li span{font-family: "robotomedium"; width: 110px; display:inline-block; font-size: 14px;}

.offershow {margin: 30px auto 0;text-align: center;width: 100%;  }
.offershow a {background-position: -1px -1px; height: 31px;width: 87px;}
.offershow a:hover{ background-position:-1px -32px}
