/* 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: 'robotomedium'; src: url('../fonts/roboto-bold_1-webfont.eot'); src: url('../fonts/roboto-bold_1-webfont.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#robotomedium') format('svg'); } @font-face { font-family: 'robotolight'; src: url('../fonts/roboto-light_1-webfont.eot'); src: url('../fonts/roboto-light_1-webfont.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-webfont.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-webfont.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-webfont.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: 'girnar-rupee'; src: url('../fonts/girnar_rupee.eot'); src: url('../fonts/girnar_rupee.eot?#iefix') format('embedded-opentype'), url('../fonts/girnar_rupee.woff') format('woff'), url('../fonts/girnar_rupee.ttf') format('truetype')} /*Rupees symble */ .rupee {font-style:normal;font-family: "girnar-rupee";margin-right:2px;} /*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: 3px; 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(grabbing.png) 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 */ 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 10px; 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; -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: 1200px; margin: 0px auto; } header { font-family: 'robotoregular'; position: relative; z-index: 10; 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: #2e3942; float: left; width: 100%;padding:0; } header .headertop .mobdots { background: transparent none repeat scroll 0 0;border: 1px solid #fff; border-radius: 50px;cursor: pointer;display:none;float: right;height:29px;margin-right: 15px;margin-top: 0;width: 29px; } header .headertop .mobdots i{ background:url(../image/mobicallicon.png) no-repeat; display: block;height: 20px;margin: 0 auto;position: relative;top: 3px;width: 18px; } header .mobitoplink {float: left;padding: 5px 0 0 10px; display: none;} header .mobitoplink a{color: rgba(255, 255, 255, 0.7); font-size: 13px;line-height: 1;margin-right: 10px; font-weight: bold; transition: 0.3s ease-in} header .mobitoplink a:hover{ color: rgba(255,255,255,1)} header .headertop .mobdots.mobdotsactive i{opacity: 0.5;} header .headertop .toplink { background: #2f3942; box-shadow: 0 0 3px #000000; display: none; left: 0; margin: 0 auto; position: absolute; right: 0; top: 106px; 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:0 0 10px; box-sizing: border-box; } header .headertop .toplink li:first-child{ padding-top: 10px; } #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: 11px; 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 li { background: #e7e7e7; } #menu .main .submenu li, #menu .main .submenu 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 #9e9e9e; border-bottom: solid 1px #9e9e9e; 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 #9e9e9e; border-bottom: solid 1px #9e9e9e; 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: #edf0f0 url("../image/sectionbg.png") no-repeat scroll center top /100% auto; clear: both; padding: 25px 10px 60px; } #select_car .gscr_slideWrapper { position: relative; height: 52px; margin: 0 auto;/* max-width: 1065px;*/ width: 100%; } #select_car .gscr_slideWrapper .item { float: left; border: 1px solid #e3e3e3; height: 50px; text-align: center; border-right:0} #select_car .gscr_slideWrapper .item.active{ border-top-width:5px} #select_car .gscr_slideWrapper .item.active p a{ padding-top:9px} #select_car .gscr_slideWrapper .item p { height: 50px; } #select_car .gscr_slideWrapper .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_car .gscr_slideWrapper .item.slick-center, #select_car .gscr_slideWrapper .item.gscr_active { border-width: 5px 1px 1px; background-color: #fff; } #select_car .gscr_slideWrapper .owl-buttons { margin: auto; position: absolute; top: 0; width: 100%; } #select_car .gscr_lSAction > a { margin-top: 0; top: 0; opacity: 1; } #select_car .gscr_lSPrev { cursor: pointer; background-color:rgba(245, 247, 247, .8); 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; z-index: auto; } #select_car .gscr_lSNext{ cursor: pointer; text-indent: 10000px; background-color:rgba(245, 247, 247, .8); 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; z-index: auto; } #select_car .gscr_lSPrev .sprite { background-position: -316px 0; bottom: 0; height: 21px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 12px; } #select_car .gscr_lSNext .sprite { background-position: -334px 0; bottom: 0; height: 21px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 12px; } #select_car .gscr_outerwrapper { 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; } .select-button:hover{color:#ffffff} .moredetails { color: #17232d; display:inline-block; font-family: "robotoregular"; font-size: 14px; margin: 14px auto 0; 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; } .topslider {min-height: auto; } #toplsidermain .topslider li a{ display: inline-block; width: 100%; } #mainslider .gscr_lSAction { display: none !important; } #mainslider #toplsidermain .gscr_slideOuter { overflow: hidden; width: 100% } #mainslider #toplsidermain li { display: inline-block; } #mainslider .slick-next {cursor: pointer; 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 {cursor: pointer; 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 .gscr_outerwrapper { margin: 0px; } #mainslider .gscr_outerwrapper div, #mainslider .gscr_outerwrapper li { line-height: 0 } #mainslider .topslider .slick-prev:hover, #mainslider .topslider .slick-next:hover { opacity: 1; } #mainslider #toplsidermain .gscr_lSPager { bottom: 7px; display: block; list-style: outside none none; padding: 0; position: absolute; right: 7px; text-align: right; } #toplsidermain .gscr_lSPager li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 3px; padding: 0; cursor: pointer; } #toplsidermain .gscr_lSPager li a { 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; z-index: 1 !important; } #toplsidermain .gscr_lSPager li.gscr_active { display: inline-block; zoom: 1; *display:inline; } #toplsidermain .gscr_lSPager li a:hover, #toplsidermain .gscr_lSPager li a:focus, #toplsidermain .gscr_lSPager li.gscr_active a, #toplsidermain .gscr_lSPager li a:hover, #toplsidermain .gscr_lSPager li a:focus { background: #2e3942; } #owl-demo #owl-demo1 { height: auto !important; } #owl-demo #owl-demo1 .item { position: relative; } #owl-demo .item img { display: block; height: 170px; margin: 0 auto; max-width: none; width: 100%; } /*Home Page Feature*/ .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; } /*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: 0px 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: none; max-width: 300px; 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: 100% !important; 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/zoom.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("../image/mag.png"); 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: rgba(0,0,0,.70); background-size: cover; overflow: hidden; padding: 0 10px; } #testimonials .testimonial .wrap { width: 100%; margin: auto; } #testimonials .testimonial h2 { color: #fff; 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: #FFF; text-align: center; padding-bottom: 15px; line-height: 24px; font-family: "robotolight"; padding-top: 10px; } #testimonials .testimonial h2::before, #testimonials .aboutus h2::before, #testimonials .testimonial h2::after, #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 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: 10px; 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 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); border: solid 1px #ececec;} .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; } .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: 750px; } /*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 .title p a{ color: #000; } #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; margin-top: 10px; } #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; } /*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*/ #gsp_popup .popupwrap {max-width: 300px; margin: 6px;} #gsp_popup #gspp_LoadedContent.gspp_titled {padding-top: 0px !important; height: auto !important;} #gsp_popup, #gspp_Overlay, #gspp_Wrapper{ overflow: unset !important; } #gspp_Content { background:none !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important;} #gspp_LoadedContent{background:transparent !important;border-radius: 0 !important;padding: 0 !important;} #gspp_Close { display: none; } #gspp_Title { display: none !important; } .popupwrap { background: #fff; display: inline-block;border-radius: 4px;} .popupwrap .popuptitle {color: rgba(23, 35, 45, 0.8);font-family: "robotolight";font-size: 20px;line-height: 1.2;min-height: 61px;padding:10px 0 10px 15px;text-align: left; width: 88%; } .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%;height: 50px !important; } .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:5px 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: 9px 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; font-size: 10px;} .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: "robotomedium"; 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; margin: 0 10px 11px 0; width: 98%; position: relative; } #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%; } #online{ top:65px;color: #a00000; font-family: "robotoregular"; left: 10px; line-height: 1;} #paymentErr{ top:auto;color: #a00000; font-family: "robotoregular"; left: 0; line-height: 1; bottom:-15px;} /*--------------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: 300px } #page .eventwrap .gallery p { text-align: center; padding: 0;margin-bottom: 20px; } #page .eventwrap .gallery p span { color: #8f8f8f } .eventwrap .slick-list::after, .eventwrap .slick-list::before { width: 0 } .eventwrap .gallery li {height: auto; max-height: none; max-width: 300px } .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: "robotomedium"; 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: "robotomedium"; 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:4px; } .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: "robotomedium"; } */ .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;height: 35px; } .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; height: 35px;} .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; } .nearcity_citieswrap .rupee { font-size: 17px; } .carmodel .price { font-family: "robotomedium"; 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 .gscr_lSAction a{ border-radius: 0; color: #fff; display: inline-block; font-size: 0; margin: 0; opacity: 1; padding: 0; border: 0; } .tabdetail .gscr_lSPrev{ background-image: url(../image/mprev.png); width: 26px; height: 61px; margin: 0; position: absolute; background-position: 0 0 !important; } .tabdetail .gscr_lSNext { background-image: url(../image/mnext.png); width: 26px; height: 61px; margin: 0; position: absolute; background-position: 0 0 !important; } .tabdetail .gscr_lSPrev:hover { background-image: url(../image/mprev2.png); } .tabdetail .gscr_lSNext: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; } .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;} .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.gscr_active 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%; padding-top: 75px; color: #6d6d6d; font-family: "robotoregular";} .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 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; display: none;} .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; display: none;} .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; display: none;} .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: auto; line-height: 18px; margin-left: -83px; padding: 8px; position: absolute; right: -105px; text-align: left; transition: color 0.1s ease-in 0s; width: 200px; 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; padding-bottom: 5px !important;} .notetext .othertexbox2 li .floatleft{max-width: 130px; word-break: break-word; line-height:1.2; text-align: left;} .notetext .othertexbox2 li .floatright{ line-height: 1.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: 10px; } .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} /*Gallery Popup*/ #gallery-popup .L-Info{background: #fff;border-radius: 3px 3px 0 0;color: #333;font-size: 14px;overflow: hidden;padding: 26px 0 5px 10px;} #gallery-popup .L-Img {background-color: #fff;border-radius: 0 0 3px 3px;padding: 15px 10px 20px;width: 100%;} #gallery-popup .L-Info div{color: #353535;float: left;font-family: "robotoregular";font-size: 18px;line-height: 1;text-transform: uppercase;} #gallery-popup .L-Info div:after{clear: both;content: " ";display: block;height: 3px;margin: 10px 0 0;padding: 0;width: 53px;} #gallery-popup .L-Info div.subhd{clear: both;display: block;font-size: 14px !important; margin: 10px 0 0; text-transform: capitalize;} #gallery-popup .L-Info div.subhd:after{display: none !important;} #gallery-popup .L-Img img {border: 1px solid #626262;border-radius: 2px !important;max-height: 64vh;transition: all 1s ease-in 0s;-ms-transition: all 1s ease-in 0s;-o-transition: all 1s ease-in 0s; -webkit-transition: all 1s ease-in 0s;width: 100%; box-shadow: none !important; -webkit-box-shadow: none !important; -o-box-shadow: none !important;} .gsc_modal_close{ display: none !important; } #gallery-popup #gallery-container a.model_close{background-position: -477px -166px;height: 39px;position: absolute; right: 0;top: -1px;width: 39px; z-index: 1;} #gallery-popup #gallery-container a.model_close:hover{background-position: -516px -166px;} #gspp_LoadingGraphic{background:url("../image/loading.gif") no-repeat center !important;} #gsc_modal_overlay { background-color: rgba(0, 0, 0, 0.7) !important;} #gallery-container {margin: 0 auto 0;max-width: 100%;position: relative;width: 400px;} #gallery-popup .model_close, #modal-box .model_close { background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; height: 35px; position: absolute; right: -13px; top: -10px; width: 35px; z-index: 1; } #gallery-popup .popup_close, #gallery-popup .gscr_lSPrev i, #gallery-popup .gscr_lSNext i {background-image: url("../image/popup_sprite.png");} #gallery-popup .popup_close {cursor: pointer;height: 36px;position: absolute;right:0;top:0;width: 36px;z-index: 8040;} #gallery-popup .gscr_lSAction > a{ opacity: 1; background: none; } #gallery-popup .gscr_lSPrev i{background-position: 0 -36px;height: 34px;left: 0;position: absolute;width: 36px;z-index: 100000;} #gallery-popup .gscr_lSNext i{background-position: 0 -72px;height: 34px;right: 0;position: absolute;width: 36px;z-index: 100000;} .modelpictures .gscr_lSPager li{ width: 142px !important; height: 62px; border: 1px solid #afafaf; border-radius: 2px; opacity: 0.4;margin: 0 3px; } .modelpictures .gscr_lSPager li.gscr_active{ opacity: 1; } .modelpictures .modeltab .gscr_lSAction{width: 100%;} .field-career-resume .help-block { bottom:-30px; line-height: 1.2; } /*Video Banner*/ #toplsidermain .topslider li {position: relative;} .slidebg { background-color: rgba(0, 0, 0, 0.7);height: 100%;position: absolute;top: 0;width: 100%;} .homeslidecontain {height: 100%;position: absolute;text-align: center;top: 0;width: 100%;z-index: 1;} .slidevideo {background-color: #ccc;border: 1px solid rgba(0, 0, 0, 0.4);display: inline-block;height: 100%;overflow: hidden;vertical-align: middle;width: 100%;} .slidemsg { background-color: rgba(0, 0, 0, 0.7);bottom: 10px;padding: 5px;position: absolute;vertical-align: middle;width: 100%;} .slidemsg span {display: inline-block;color: #fff;font-family: "robotoregular";font-size: 12px;font-style: italic;max-height: 30px;overflow: hidden;overflow-wrap: break-word;text-align: center;width: 98%;} /*New Used Car*/ .usedwrap {padding: 0 5px;position: relative; margin-top: 20px;} .usedsearchwrap{background-color: #f5f5f5; border: 1px solid #e3e3e3; padding: 10px;display:block; margin: 0 auto 30px; width: 100%; max-width: 450px;} .usedsearchwrap li {display: inline-block;width:100%; margin-bottom: 15px;} .usedsearchwrap li.onecolumn{ width: 100%; } .usedreset {margin: 0 0 0 10px; padding:0px 5px; line-height: 38px; text-transform: capitalize;width: auto; border: 1px solid transparent; border-radius: 5px; color: #fff !important; display: block; font-family: "robotomedium"; font-size: 14px; 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; text-decoration: none; } .nulistingbtn a.usedreset {margin: 0 0 0 10px; padding:6px 5px;text-transform: capitalize;width: auto; border: 1px solid transparent; border-radius: 5px; color: #fff !important; font-family: "robotomedium"; font-size: 14px; line-height: 28px; 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; text-decoration: none; } .usedreset { float: left; } .usedsearchwrap li.last{ margin-bottom: 0; } .usedsearchwrap ul { margin-top:20px;} .usedwrap > h1 {font-size: 21px;margin-top: 40px;text-align: left;} .newusedcartab ul {float: left;width: 300px; position: relative;top: 5px;} .newusedcartab li { display: inline-block; } .newusedcartab li a{ width: auto;border-radius: 3px 3px 0 0;font-size: 14px; padding: 7px;margin-right: 2px;float: left; color: #fff; } .newusedcartab { display: inline-block; width: 100%; margin-top: 20px;border-bottom: 1px solid #ccc; } .newusedcartab .sort {display: inline-block;float: none;margin: 10px auto;width: 100%;} .newusedresult{ margin-top: 30px; } .nucarblock{ position: relative;border: 1px solid #e4e4e4;float: left;text-align: center;width: 100%; height:218px;overflow: hidden;} .nucarblock img{ display: inline-block;} .nucarblock span{background: rgba(0, 0, 0, 0.4);bottom: 0;color: rgba(255, 255, 255, 0.7);display: block;font-size: 12px;left: 0;padding: 1px 5px;position: absolute;text-align: center;transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;} .nucarblock a:hover span, .nusedlisting:hover .nucarblock a span {background: rgba(0, 0, 0, 0.6);bottom: 0;color: rgba(255, 255, 255, 1);} .nudes {float: left;margin-top: 15px;text-align: left;width: 100%; position: relative;} .nuplace { font-size: 14px;margin-top: 5px; margin-top: 15px; } .certifiedpara{ margin-top: 10px; } .nuplace span{color: #606060;} .nufeature { margin: 10px 0 0; width: 100%; display: inline-block;font-family: "robotoregular"; } .nufeature .nuelement{ float: left; font-size: 14px; margin-right:9%; color: #404040;} .nuelement div:last-child{font-family: "robotomedium"; color: #000;} .nufeature div:nth-of-type(4n) { margin-right: 0px;} .nuprice { font-size: 22px;font-weight: 700;line-height: 1;color: #444;font-family: "robotoregular"; margin-top: 15px;} .nulistingbtn {float: left;text-align: center;width: 100%; margin-top: 20px; } .nulistingbtn .nubtn { display: inline-block;margin-top: 0; font-size: 13px; margin-left: 0;padding: 0 20px; float: right;} .nusedlisting{border-bottom: 1px solid #ccc;clear: both;display: inline-block;margin-bottom: 20px;padding-bottom: 20px;width: 100%; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;} .nulistingbtn .nuviewlink {float: left;margin-top: 10px;text-transform: uppercase;} /*.nusedlisting:hover{background: #f5f5f5;}*/ .preownbtn{float: left;height: 40px;line-height: 40px;margin-left: 0;position: relative;width: 130px;} .preownbtn img{float: left;left: 0;position: relative;top:11px;margin-right: 8px;} .preownbtn:hover{ color: #fff; } .usedsearchwrap .sort{float: right;width: 140px;} /*used car detail*/ .usedcardetail{ padding-top:20px;} .usedcardetail h1{ text-align: left; font-size: 25px;font-family: "robotomedium"; margin-bottom:30px; line-height:1; padding-left: 10px;} .usedcardetail .right{ width:100%; padding: 0 10px; margin-top:20px;} .usedcardetail .right .detailprice{ font-size:25px; font-family:"robotomedium";color: rgba(23, 35, 45, 0.7); line-height:1;} .loader{ margin-top:50px;} .nusedsimilarcar{margin-bottom: 20px; display: inline-block; width: 100%; margin-top: 20px; padding: 0 10px;} .pull-left {float: left; margin-right: 10px;} .ucd-media {border: 1px solid #ccc;padding:10px 10px 0; border-radius: 4px; display: inline-block; width: 100%; text-align: center;} .ucd-media li{cursor: pointer;display: inline-block;margin-bottom: 30px;position: relative; vertical-align: top; transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; width: 100%;text-align: center; } .ucd-media li a.imgsec{border: 1px solid #ccc;display: inline-block;height: 208px;overflow: hidden;width: 100%;transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s;} .ucd-media li a.imgsec img { display: inline; } .ucd-media li h2{margin-top: 10px;} .ucd-media h2 a {color: #17232d;font-family: "robotoregular";font-size: 16px;} .ucd-media li .carprice {color: rgba(23, 35, 45, 0.8);font-family: "robotomedium";font-size: 22px;line-height: 1;padding-top: 12px; width: 100%; display: inline-block;height: 36px;} .ucd-media .lacs {font-size: 15px;} .ucd-media .featurehold {margin: 5px auto 0;width: 100%;} .ucd-media .featurehold span {color: rgba(23, 35, 45, 0.7);float: none;font-family: "robotoregular";font-size: 14px;line-height: 1;} .ucd-media .featurehold span.divider {border-left: 1px solid #7a7e82;height: 16px;margin: 0 5px;width: 1px;} .similarname{float: left;font-family: 'robotomedium';font-size: 14px;padding-left: 20px;} .inform {margin-top: 20px;text-align: left;} .nusedtitle {font-family: 'robotomedium';font-size: 20px;line-height: 1;margin-bottom: 20px; text-align: left;} .inform li {color: #6c6c6c;float: left;font-family: 'robotoregular';font-size: 14px;margin-bottom: 15px;width:30%; height: 40px; position: relative;} .inform li:nth-child(odd) { width: 60%; } .inform li span:last-child{ color: #000; font-family: 'robotomedium'; display: block; } .numoredetail {margin-top:0;text-align: left; padding: 0 10px;} .numoredetail .rowtitle{display: block;margin-bottom: 10px;text-align: center;} .numoredetail .rowtitle.active {border-radius: 5px;} .numoredetail .rowtitle.active a{color: #fff;} .numoredetail .rowtitle a {color: #444; font-size: 14px; font-family:'robotoregular'; cursor: pointer; display: inline-block;padding: 10px; } .conditioncar {background-color: #fff;border: 1px solid #ddd;border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);margin-bottom: 20px; margin-top: 20px;} .conditioncar#div2, .conditioncar#div3{ display: none; } .conditioncar .title{background-color: #f5f5f5;color: #333;font-family: 'robotomedium';font-size: 17px;padding: 15px 0 15px 10px; border-bottom: 1px solid #ccc;} .conditioncar li {background: #fff;display: inline-block;width: 100%;border-bottom: 1px solid #ccc; padding: 0 10px; box-sizing: border-box; -webkit-box-sizing: border-box;} .conditioncar li:last-child{ border-bottom: none; } .conditioncar li div{color: #333;font-family: 'robotomedium';font-size: 13px;display: inline-block; vertical-align:top;} .contlisting { width:100%; padding: 10px 0;} .contlisting div{ width:60%; color:#000; } .contlisting div:last-child{ color:#707070; font-family:'robotoregular'; width: auto; } .usedcardetail .requbtn {display: inline-block;float: none;height: 38px;line-height: 38px;padding: 0 15px; margin-top: 10px;transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; margin-left: 0;margin-top: 0; width: 100%; text-align: center; margin-top: 10px; box-sizing: border-box; -wekit-box-sizing: border-box;} .usedcardetail .requbtn:hover{ color: #fff; } .nulistdate{ text-align: left; color: #8c8c8c;font-size: 13px;line-height: 1;margin-bottom: 10px;margin-top: 5px;} .newusedsprite{ background: url(../image/newuseddetail-sprite.png) no-repeat; line-height: 0px; font-size: 0px; display: inline-block; vertical-align: middle; zoom: 1; } .icon1{background-position:-5px -6px;width: 20px;height: 22px;} .icon2{background-position: -64px -5px;width: 23px;height: 17px;} .icon3, .icon4 {background-position: -39px -6px;width: 13px;height: 19px;} .icon5 {background-position: -163px -6px;width: 23px;height:16px;} .icon6 {background-position:-100px -6px; width: 14px; height: 19px;} .icon7 { background-position:-35px -39px;width: 20px; height:20px;} .icon8 { background-position: -128px -6px;width: 24px;height: 23px;} .icon9 {background-position:-71px -39px;width: 18px; height: 20px;} .inform li i{ display: none; } .nuviewbtn{border-top: 1px solid #ccc;margin-bottom: 10px;padding-top: 10px;text-align: center;width: 100%;transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s;} .nuviewbtn a{float: none;margin: 0;} .usedcardetail .gscr_slideOuter .owl-prev{background-position: -11px -79px;float: left;height: 26px;left: 7px;text-indent: -1000px;width: 15px; top: 16px; position: absolute;} .usedcardetail .gscr_slideOuter .gscr_lSPrev:hover .owl-prev{background-position: -62px -79px;} .usedcardetail .gscr_slideOuter .owl-next{background-position:-32px -79px;float: left;height: 26px;left: 10px;text-indent: -1000px;width: 15px; top: 19px; position: absolute;} .usedcardetail .gscr_slideOuter .gscr_lSNext:hover .owl-next{background-position: -83px -79px;} .usedcardetail .gscr_lSAction > .gscr_lSPrev { left: 0; } .usedcardetail .gscr_counter{ bottom: 0px;left: 18px;border-radius: 0;} .usedcardetail .gscr_lSPrev, .usedcardetail.gscr_lSNext{height: 62px;margin: 0;position: absolute;width: 33px;} .usedcardetail .gscr_lSAction > .gscr_lSPrev, .usedcardetail .gscr_lSAction > .gscr_lSNext {background-position: 0 center;height: 62px;margin: 0;right: 0; opacity: 1; background-color: rgba(0, 0, 0, 0.1);} .maintitlewrap { display: none; } .numoredetail .featitle { width:100%;font-family: "robotomedium"; font-size:14px; color: #000; padding: 10px 0 15px; line-height: 1; } .numoredetail .fealist { width: 100%;margin-bottom: 10px;} .numoredetail .feaname { width: 60%; float: left; } .numoredetail .feavalue {color: #707070;font-family: "robotoregular";} .newcar h2 { line-height: 1.2; display: inline-block; color: #fff; text-transform: uppercase; font-size: 30px; font-family: 'robotomedium'; font-weight: normal; position: relative; margin-bottom: 10px; } .usedcardetail #newusedslide{ height:225px !important;} .usedcardetail .gscr_lSAction {position: absolute;top: 90px;width: 100%;} .usedcardetail .gscr_slideOuter .gscr_carousel, .usedcardetail .gscr_slideOuter .gscr_lSGallery li{text-align:center;} .usedcardetail .gscr_carousel img{width:auto; max-height: 225px;} .usedcardetail #used-car .item { text-align: center; } .usedcardetail .left{display:inline-block; width: 100%;} /*New Footer*/ footer {font-family: 'robotoregular';} footer .copyright {background: #2f3942; display: inline-block; padding-top: 20px; text-align: center;width: 100%;} .allright {color:#999;font-family: "robotoregular";font-size: 11px;margin-bottom: 5px;} .developed-by {color:#999;font-family: "robotoregular";font-size: 11px;padding-bottom: 15px;} .newftr { background: #2f3942; padding:15px 0 0; } .newftr .newftrlinkdesktop {display:none;width: 100%;} .newftr .newftrlinkdesktop ul{float: left;width: 200px;} .newftr .newftrlinkdesktop .newftr_rightwrap { width: 170px; } .newftr .newftrlinkdesktop ul:first-child{ margin-left: 10px; } .newftr .newftrlinkdesktop li {color: #fff; line-height: 1; margin-bottom: 10px;} .newftr .newftrlinkdesktop li.title{font-family: 'robotomedium'; font-size: 15px;margin-bottom: 20px; text-transform: uppercase; color: #fff;} .newftr .newftrlinkdesktop li a{color: #999; font-family: 'robotoregular';font-size: 14px; margin-bottom: 5px;} .newftr .newftrlinkdesktop li a:hover, .newftrmobi li a:hover, .newftrmobi li a:focus{color: #fff;} .newftrlinkdesktop .newftrsocial{ margin-bottom: 30px; } .newftrlinkdesktop .newftrsocial a{ margin-right: 10px;transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; } .newftrlinkdesktop .newftrsocial .fbicon{width: 30px; height: 30px; background-position:-43px -7px;} .newftrlinkdesktop .newftrsocial .twittericon{width: 30px; height: 30px; background-position: -114px -4px;} .newftrlinkdesktop .newftrsocial .gplusicon{width: 30px; height: 30px; background-position:-43px -42px;} .newftrlinkdesktop .newftrsocial .youtubeicon{width: 30px; height: 30px; background-position:-114px -42px;} .newftrlinkdesktop .newftrsocial .pinicon{width: 30px; height: 30px; background-position:-184px -4px;} .newftrlinkdesktop .newftrsocial .linkicon{width: 30px; height: 30px; background-position:-184px -42px;} .newftrlinkdesktop .newftrsocial .instaicon{background-position: -183px -82px;width: 30px; height: 30px;} .newftrlinkdesktop .newftrsocial .whtsappicon{width: 30px; height: 30px; background-position: -185px -156px; } .newftrlinkdesktop .newftrsocial .fbicon:hover{opacity: 0.5;} .newftrlinkdesktop .newftrsocial .twittericon:hover{opacity: 0.5;} .newftrlinkdesktop .newftrsocial .gplusicon:hover{ opacity: 0.5;} .newftrlinkdesktop .newftrsocial .youtubeicon:hover{opacity: 0.5;} .newftrlinkdesktop .newftrsocial .pinicon:hover{opacity: 0.5;} .newftrlinkdesktop .newftrsocial .linkicon:hover{opacity: 0.5;} .newftrlinkdesktop .newftrsocial .instaicon:hover{ opacity:0.5; } .newftrlinkdesktop .newftrsocial .whtsappicon:hover{ opacity:0.5; } .newftrgplay .gplay{background-position:-5px -125px;width: 130px;height: 42px; margin-right: 10px;} .newftrgplay .gplay:hover{background-position:-5px -77px;} .newftrgplay .iphoneapp{background-position: -5px -221px;width: 130px;height: 42px;} .newftrgplay .iphoneapp:hover{background-position:-5px -173px;} .copyright .floatleft {float: none;margin: 0 auto;width: 290px; display: none;} .copyright .logowdh {display: none;} .ftrsocial { margin-top: 10px; } .newftr .newftrmobi { display: inline-block;width: 100%; text-align: center; } .newftrmobi li {display: inline-block;width: auto;margin-right: 4px;padding-right: 4px; border-right: solid 1px #999; line-height: 1;} .newftrmobi li:last-child{ border-right: none; margin-right: 0; padding-right: 0; } .newftrmobi li a{color:#999; font-size: 11px;} .ftrgirnarlink a { color:#fff; } .ftrgirnarlink a:focus, .ftrgirnarlink a:hover{ color: #999; } .newftrmobi li a:hover, .newftrmobi li a:focus{ color: #fff; } .ftrlink2 { display:none; } .ftrsprite{ background: url(../image/newfooter-sprite.png) no-repeat;font-size: 0px; display: inline-block; vertical-align: middle; zoom: 1; } /*Click To Call*/ .clicktocall_model {background: #fff !important;height: auto !important;overflow: hidden !important;padding: 0 !important;width: 300px !important;} .callwrap{bottom: 32px;height: 60px;left: 20px;position: fixed;z-index: 999;} .clickcall{border-radius: 32px;background-color:#18cc25;box-shadow: 1px 1.7px 5px rgba(0, 0, 0, 0.35);height: 60px;width:60px; cursor:pointer; transition: all 0.4s ease-in-out 0s; -webkit-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;} .grow{ width: 176px;} .clickcall i{display: inline-block;height: 27px;left: 19px;position: absolute;top: 18px;width: 27px;} .clickcall span{color: white;font-family: "robotomedium"; font-size: 15px;left: 65px;position: absolute;text-transform: uppercase;top: 20px;width: 179px; opacity:0; visibility: hidden; transition: all 0.4s ease-in-out 0s; -webkit-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;} .grow span{ opacity: 1; visibility: visible;} .callpopupbg { z-index: 99;background-color: rgba(0,0,0,.7); height: 100%; width: 100%; position: fixed; top: 0; left: 0; display: none; } .callparenttab{display: none; left: 60px;position: absolute;bottom: 60px;width: 160px;} .callparenttab a{ width: 160px; height: 35px; background-color: rgba(255,255,255,.75); border-radius: 17px; display: block; margin-bottom: 10px; font-family:'robotoregular'; font-size: 14px; color: #000; text-align: center; line-height: 35px;transition: all 0.4s ease-in-out 0s; -webkit-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; } .callparenttab a:hover, .callparenttab a:focus, .callparenttab a:active{ background-color:#fff !important; color: #000 !important; } .callpopup{background: #fff;display: none; } .callpopup a.callpclose{position: absolute;right: 6px;top: 7px;transition: all 0.4s ease-in-out 0s; -webkit-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;} .callpopup a.callpclose:hover{transform: rotate(90deg); } .callpclose img {box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; -o-box-shadow:none !important; -ms-box-shadow:none !important; border:none !important;} .callpopwrap{height: 350px;margin-top: 10px;overflow-y: scroll !important;padding: 0 10px; margin-bottom: 20px;} .callpopup #search {border-radius: 5px;margin: 10px 0;padding-left: 10px;width: 80%; color: #a1a1a1; float: none !important; } .callpopup #search:hover, .callpopup #search:focus { color: #212121; } .callpopwrap .userdetail:first-child{ border-top:none; padding-top: 0; margin-top:0; } .callpopwrap .name{ font-size: 18px; color: #212121;font-family: "robotomedium"; padding-bottom: 16px; } .callpopwrap .landmark, .callpopwrap .ph a{font-size: 16px; color: #000 !important;font-family: "robotoregular"; line-height: 1; padding-bottom: 12px; text-align: left; } .callpopwrap .addrs{color: #404040;text-align: left;} .callpopwrap .ph{color:#18cc25;font-family: 'robotomedium';font-size: 14px;text-align: center; width:60px; float: right;} .callpopwrap .ph > span { display: block;text-align: center;width: 100%;padding-bottom: 5px;} .callpopwrap .ph span img{box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; display: inline;} .callpop_left { width: 75%; float: left; } .callpopwrap .userdetail {border-top: 1px solid #ccc;padding-top: 15px; margin-top:10px; display: inline-block; width: 100%;} .callpopwrap .userdetail a{display: inline-block; width: 100%;} .callbgnoscroll{ overflow:hidden; height: 100%; position: relative;} #gsc_modal_overlay{background-color: rgba(0, 0, 0, 0.5) !important;} .borderradius5 { border-radius: 5px !important; } .nosearchmrgn .callpopwrap{ margin-bottom: 40px !important; margin-top: 40px !important;} /*New Book Service Page*/ .nb-desktopview { display: none; } .nb-mobiview { display: block; } .nbinput-active label{ color: #000 !important; } .nbinput-active .nbinput { border-bottom: solid 1px #7c7c7c !important; } .nberror input { background: #fef2f2;padding-left: 5px !important; border-bottom: solid 1px #ff2524 !important; } .nberror .errormsg{bottom: -21px;color: #ff2524;font-size: 12px;left: 0;position: absolute;} .nbook-mobitab {background: #f6f6f6;padding: 15px 0;text-align: center; margin-bottom: 30px;} .basicmobitab { display: inline-block; text-align: center; position: relative; } .nbook-mobitab .tabcircle{ background: #d71a21; width: 40px; height: 40px; border-radius: 20px; color: #fff; font-size: 16px; font-family: "robotomedium";line-height: 40px; display: inline-block;} .nbook-mobitab .tabname{ color:rgba(26, 26, 26,.8); font-size: 12px; margin-top: 10px; } .nbtabdivi { display: inline-block; padding-top: 15px; vertical-align: top; } .nbtabdivi .nbone{ display: inline-block; border-bottom: solid 1px #c2c2c2; width: 40px;vertical-align: middle; } .nbtabdivi .nbtwo{ background: #c2c2c2; width: 8px; height: 8px; display: inline-block; border-radius: 50%; vertical-align: middle;} .nbtabdivi .nbth{ display: inline-block; border-bottom: solid 1px #c2c2c2; width: 13px; vertical-align: middle;} .nbtabdivi .nbfour{background: #fff;border: 3px solid #c2c2c2;border-radius: 50%;display: inline-block;height: 12px;width: 12px;vertical-align: middle;} .servicemobitab { display: inline-block;text-align: center; position: relative; } .nb-tabhide{background: rgba(246, 246, 246, 0.8);display: inline-block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;} .nb-shareresult, .nb-addresspick{ display: none; } .nb-addresspick{ margin-top:15px} .nb-sharecar{color: #ec2028 !important;display: inline-block;float: left;font-size: 11px;margin: 25px 0;text-align: right;text-transform: uppercase;width: 100%;} .nb-shareactive{color: #0d4896 !important;} .newbookser{ padding-top: 25px; font-family: "robotoregular"; } .newbookser h1{/* color: #353535; */font-size: 21px; line-height: 1;/* font-family: "robotomedium"; */text-align: center; } .nbookser-wrap{ margin:0px auto; margin-top: 25px; margin-bottom: 40px; width: 100%; max-width: 1006px; display: block; } .nformwrap { display: inline-block;width: 100%; /*border-bottom: solid 1px #d4d4d4;margin-bottom: 50px;*/ padding: 0 15px;} .nformwrap .title {color: #1a1a1a; font-size: 16px; font-family: "robotomedium"; opacity: 0.8; margin-bottom: 30px; display: none;letter-spacing:0.8px; } .nformwrap .drop { width: 100%; float: left; margin-right: 0; margin-bottom: 25px; position: relative; } .nformwrap .drop:nth-child(3n+1) { margin-right: 0px; } .nformwrap .select-wrapper{ border: none; border-bottom: solid 1px #d4d4d4; border-radius: 0; background-position: center right; } .nformwrap select{ margin-top: 5px !important; border:solid 1px #7c7c7c !important; } .nformwrap select option{ padding: 7px !important; color: #000; font-family: arial; } .nformwrap .select-wrapper .holder {font-size: 16px;margin-left: 0;font-family: arial; color: #3f4348;} .nformwrap .select-wrapper:hover, .nformwrap .select-wrapper:focus{border-bottom: solid 1px #7c7c7c; box-shadow: none; -webkit-box-shadow: none; } .nformwrap label{ color: #a0a0a3;font-size: 12px;display: inline-block; margin-bottom: 3px; width: 100%; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; font-family: arial; text-align: left; } .nformwrap label sup{color: #ec2028;font-size: 13px;top:-1px;} .nformwrap input[type="text"], .nformwrap input[type="email"], .nformwrap input[type="tel"], .nformwrap textarea { border: none; border-bottom: solid 1px #d4d4d4; font-size: 16px; padding-left: 0; font-family: arial;height: 39px; width: 100%; } .nformwrap input[type="text"]:hover, .nformwrap input[type="email"]:hover, .nformwrap input[type="tel"]:hover, .nformwrap textarea:hover, .nformwrap input[type="text"]:focus, .nformwrap input[type="email"]:focus, .nformwrap input[type="tel"]:focus, .nformwrap textarea:focus {border-bottom: solid 1px #7c7c7c; box-shadow: none; -webkit-box-shadow: none;} .nformwrap .has-error input{ background: #fef2f2; border:none !important; border-bottom: 1px solid #ff2524 !important;padding-left: 5px;} .nformwrap .has-error .select-wrapper { background: #fef2f2; border:none !important; border-bottom: 1px solid #ff2524 !important;padding-left: 5px;} .nbook-pickupradio {display: inline-block;width: 100%;} .nbook-pickupradio label{ font-size: 16px; color: #717171; margin-right: 20px; width: auto; } .nbook-pickupradio > p {display: inline-block;width: auto;} .nbook-pickupradio input[type="radio"] + label span { border-radius: 50% !important;cursor: pointer;display: inline-block;height: 16px;left: 0;margin-right: 5px;padding: 0 !important; position: relative;top: 1px;transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;width: 16px !important; border:solid 2px #ababab; } .nbook-pickupradio input[type="radio"]:checked + label span:after { border-radius: 50%;content: "";height: 6px;left: 3px;position: absolute;top: 3px;width: 6px;} .nformwrap .nbook-btn { margin-top:0;border-radius: 2px 3px 3px 2px;width: 290px;height:40px; display:table; color: #fff; font-size: 18px; font-family:"robotomedium"; text-transform: uppercase; text-align: center; line-height: 40px; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; letter-spacing: 2px; margin: 0px auto; border:none; } .nformwrap .nbook-btn:hover{ color: #fff; } .nformwrap .marksfields {color: #a0a0a3;font-size: 12px;margin-top: 10px;} .nb-serresult{ border-bottom: none; margin-bottom: 0; display: none; } body.pnoscroll { overflow: hidden; } #gsp_popup{ overflow: scroll !important; height: 100% !important;} /*New Outlet Page - Listing*/ .newoutlist-left{ width: 75%; display: inline-block; } .newoutlist-left.leftwrap100{width:100% !important;} .newoutlist-right {display: inline-block;width: 200px; vertical-align: top; margin-left: 10px;} .newoutlist-right .newolistr-column {background: #ffffff;border: 1px solid #cccccc;border-radius: 4px;margin-bottom: 10px;padding: 0;width: 100%; display: inline-block;} .newoutr-title {font-family: "robotomedium";font-size: 15px;padding: 10px; color: #fff;} .newolistr-column > ul {padding: 10px;} .newolistr-column li {border-bottom: 1px solid #ececec;font-size: 14px;margin-bottom: 10px;padding-bottom: 5px;} .newolistr-column li a:hover{color: #5b5b5b;} .newolistr-column .vmoreclick {float: right;font-size: 14px;margin-bottom: 20px;margin-right: 10px; color: #000;} .newolistr-column .vmoreclick:hover{ opacity: 0.5; } .filtercitytitle {border-bottom: 1px solid #cccccc;font-size: 16px;margin-bottom: 10px;padding-bottom: 10px;} .newoutlet-desktopview{ display: none; } .newoutlet-mobiview{ display: block; padding:20px 10px !important; position: relative;} .newoutlet-mobiview .innermain{ width: 100%; } .nout-btn1{border-radius: 10px;color: #fff;display: block;font-size: 15px;height: 47px;margin: 0 auto;padding-top: 14px;text-align: center; width: 190px; box-sizing: border-box; -webkit-box-sizing: border-box;} .nout-btn1:hover, .nout-btn1:focus{ color: #fff; } .nout-btn1 > img {display: inline-block; margin-right: 5px;position: relative;top: -2px;vertical-align: middle;width: 20px;} .mobi-modisearch {background: #d0d0d0;display: none;left: 0;padding: 30px 10px;position: absolute;top: 0;width: 100%; z-index: 2;} .mobi-modisearch .title{color: #0c0c0c;float: left;font-family: 'robotomedium';font-size: 18px;line-height: 1; display: inline-block; width: 100%; margin-bottom: 30px;} .modiclose{background:#1e1e1e; border-radius: 8px; width: 40px; height: 30px; float: right; position: absolute; text-align: center; right: 10px; top: 25px;} .modiclose:hover, .modiclose:focus{ background: #000; } .modiclose i { background: #fff;border-radius: 10px;display: inline-block;height: 4px;position: relative;top: 4px;width: 20px;} .mobi-modisearch .drop .select-wrapper{border: 1px solid #727272; border-radius: 5px;} .mobi-modisearch .drop .holder{ color: #000; } .mobi-modisearch .drop { display: inline-block; margin-bottom: 10px; width: 100%;} .mobi-noutlistwrap { margin-top: 30px; } .mobi-noutlist li{ background: #f0f0f0; border-radius: 5px;box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); display: inline-block; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px 10px; margin-bottom: 25px;} .mobi-noutlist li:last-child{ margin-bottom: 0; } .mobi-namelocate{ float:left; max-width:185px; } .mobi-noutname{color: #0c0c0c; font-family: "robotomedium"; font-size: 17px; line-height: 1; padding-bottom: 10px; text-decoration: underline;} .mobi-noutname:hover{ text-decoration: none; } .mobi-noutlocation{color: #0c0c0c; font-size: 15px;line-height: 1; word-wrap: break-word; } .nout-btn2{ background: #f9f9f9; border:solid 1px; float: right; padding: 5px 15px; border-radius: 5px} .nout-btn2:hover{ color: #fff; } .mobi-noutadd { display: inline-block; margin-bottom: 15px;margin-top: 15px;width: 100%;} .mobi-gmapicon{ float: left; width:30px; } .mobi-noutaddress {color: #0c0c0c;float: left;font-size: 15px;line-height: 1.3;margin-left: 20px;width: 80%;} .nout-mobilink a{ float: left; margin-right: 5px; } .nout-mobilink .nout-btn2 {padding: 12px 10px;} .nout-listlink{ width: 54px; height: 45px; float: left;box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);border-radius: 5px; position: relative; text-align: center;padding-top: 10px; box-sizing: border-box; -webkit-box-sizing: border-box;} .nout-listlink:hover, .nout-listlink:focus{ opacity: 0.8; } .nout-listlink img{ display: inline; position: relative; } .nout-green{background-color: #429229;} .nout-blue{background-color: #0e7fe4;} .nout-grey{background-color: #414141; margin-right: 0 !important;} .nout-blue img{ top: 2px; } .nout-grey img{ top: -2px; } .noutmobi-bgtrans {background: rgba(0, 0, 0, 0.8);height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 1; display: none;} .noutdetailwrap { font-family: "robotoregular"; padding: 20px 0 !important; } .noutdetailwrap a, .noutdetailwrap button{transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;} .mobi-outbtn{border-radius: 7px;box-sizing: border-box; -webkit-box-sizing: border-box;color: #fff;float: right;font-size: 15px;height: 37px;padding-top: 9px; text-align: center;text-transform: uppercase;width: 180px; margin-right: 10px;} .mobi-outbtn:hover, .mobi-outbtn:focus{ color: #fff; } .mobi-outbtn > img {display: inline-block;margin-right: 5px;position: relative;top: -2px;vertical-align: middle;width: 15px;} .nout-dealerdes {background: #f0f0f0;display: inline-block;width: 100%; padding: 20px 15px; margin-top: 10px;} .nout-dealerdes .dealerdestop { width: 100%; display: inline-block; margin-bottom: 10px; } .nout-dealerdes .left{ width:60%; float: left; border-right: 1px solid #b3b3b3; padding-right: 5px; } .nout-dealerdes .right{ width: 39%; float:left; padding-left: 10px; } .nout-dealerdes .dealerdesbottom { width: 100%; display: inline-block; } .dealerdesbottom .left { width: 100%; border-right: none; padding-right: 0;} .dealerdesbottom .right{ width: 100%; padding-top: 10px; padding-left: 0; } .nout-dealerdes .nout-type{ text-transform: uppercase; font-family: "robotomedium"; } .nout-dealerdes .nout-typename { color: #0c0c0c; font-family: "robotoregular"; line-height: 1.3; font-size: 14px; float: left; } .mobi-outmail { margin-top: 20px; } .nout-dealerdes .nout-typename a{ color: #0c0c0c;overflow-wrap: break-word; } .nout-dealerdes .nout-typename a:focus{ color: #000; } .mobi-outseemore{background:none;border: medium none;float: left;margin-top: -21px;padding: 0; margin-left: 50px;} .mobi-outseemore:hover, .mobi-outseemore:active{ background-color: transparent !important; } .outplus{ background: url(../image/outlet-plus.png); width: 20px; height: 20px; } .outminus{ background: url(../image/outlet-minus.png); width: 20px; height: 20px;} .showless { display: none; } .nout-tablink{ display: inline-block; width:100%; } .nout-tablink a{border-radius: 0;height: 60px;padding-top: 15px;width: 50%; } .nout-tablink.threeprt a{width: 33.33%;} .mobi-outgal { margin-top: 50px; display: inline-block; width: 100%; position: relative;border-bottom: solid 1px #bfbfbf; padding-bottom: 30px; padding-left: 10px; padding-right: 10px; } .mobigalslider {display: inline-block;width: 100%; margin-top: 20px;} #mobigallery li a {background: #f0f0f0;display: inline-block;overflow: hidden;padding: 6px;} .mobigalslider .gscr_lSAction > a {background: #000; border-radius: 50%; background-position: none; border:solid 1px #fff; transition: none; -webkit-transition: none; } .mobigalslider .gscr_lSAction > .gscr_lSNext span{background-position:-334px -120px;height: 20px;left: 12px;position: absolute;top: 5px;width: 12px;} .mobigalslider .gscr_lSAction > .gscr_lSPrev span{background-position: -316px -120px;height: 20px;left: 9px;position: absolute;top: 5px;width: 12px;} #noutgal-popup .gscr_lSAction > a { background: #000; border-radius: 50%; background-position: none; border:solid 1px #fff; transition: none; -webkit-transition: none; } #noutgal-popup .gscr_lSAction > .gscr_lSNext .sprite{background-position:-334px -120px;height: 20px;left: 12px;position: absolute;top: 5px;width: 12px;} #noutgal-popup .gscr_lSAction > .gscr_lSPrev .sprite{background-position:-316px -120px;height: 20px;left: 9px;position: absolute;top: 5px;width: 12px;} #noutgal-popup #galler_cr { padding: 0; } .noutdetailwrap .title{color: #363636;display: inline-block;float: left;font-family: "robotomedium";font-size:18px;line-height: 1;width: 100%; text-transform: uppercase;} .mobiout-view{ position: absolute; top: 0; right: 15px; font-family: 'robotomedium';font-size: 16px; text-decoration: underline;} .mobi-outreview { margin-top: 30px; display: inline-block; width: 100%; position: relative; padding-left: 10px;padding-right: 10px; } .mobirelist{ display: inline-block; width: 100%; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); background: #f0f0f0; border-radius: 10px; margin-top: 20px; padding:25px 10px; } .mobirelist .writerpic{ float: left; width: 56px; height: 56px; overflow: hidden; } .mobirelist .writedes{ float: left; margin-left: 10px;width: 75%; } .mobirelist .writedes .name{ font-family: "robotomedium"; color: #0c0c0c; font-size: 16px; } .mobi-noutlist .mobiout-star {margin-top: 10px;} .mobiout-star span{ display: inline-block; } .mobirelist .writedes p{color: #1f1f1f; margin-top: 10px; line-height: 1.3; font-size: 14px; } .clicktoadd-review { display: inline-block; margin-top: 20px;text-align: center;width: 100%; text-transform: uppercase; font-size: 16px; font-family: "robotomedium";text-decoration: underline; } .noutdetailwrap .nout-nearby { padding:20px 10px 0 10px;border-top: 1px solid #bfbfbf; width: 100%; display: inline-block; } .noutdetailwrap .nreview-nearwrap{ border-top: none; padding-top: 0; margin-top: 20px; } .noutdetailwrap .nreview-nearwrap a{padding: 0 25px; margin-bottom: 10px;border: 1px solid #727272;border-radius: 15px;} .noutdetailwrap .nreview-nearwrap a:hover{ border:solid 1px transparent; } .nout-popupbg {background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;display: none;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 9999;} .nout-popupwrap {background-color: #fff;border-radius: 4px;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); left: 50%;margin-left: -45%;overflow: hidden;position: fixed;top: 30px;width: 90%;z-index: 10000; display: none;} .nout-popupwrap .nout-close{background: rgba(0, 0, 0, 0) url("../image/outlet-popclose.png") no-repeat scroll 0 0;height: 32px;position: absolute;right:0;top: 0;width: 32px;} .nout-popupwrap .poptitle { box-sizing: border-box;color: #1b1b1b;font-size: 20px;line-height: 1.2;padding: 15px 35px;text-align: left;width: 100%; text-transform: uppercase;} .nout-popupwrap .nout-popupcontain {border-top: 1px solid #d1d1d1;float: left;width: 100%;} .nout-popupwrap .nout-popupinner {padding: 30px 15px 20px;} .nout-popupwrap .nout-inputvalue {float: left;margin: 0 0 25px;position: relative;text-align: left;width: 100%;} .nout-inputvalue input, .nout-inputvalue textarea{ padding-left: 10px;background-color: #fbfbfb;border-radius: 10px;box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); color: rgba(27,27,27,.7); border:none; width: 100%;} .nout-inputvalue input:hover, .nout-inputvalue textarea:hover{ border:1px solid #9f9f9f; } .nout-inputvalue label{color: rgba(27,27,27,.7); font-size: 14px; float: left; margin-right: 20px;} .nout-popupwrap .noutpoop-starcount { float: left; position: relative;top: -3px; } .nout-inputvalue textarea { resize: none; height: 100px; } .nout-popupwrap .nout-viewbtn{display: block;margin: 0 auto;padding: 13px 0;width: 140px; border-radius:10px; text-align: center;background-color: #0e7fe4; color: rgba(255,255,255,.7); text-transform: uppercase; font-size: 14px; border:none;} .newoutlist { padding-top: 55px; font-family: 'robotoregular'; } .newoutlist a, .newoutlist button{ transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;} .noutsearch .drop{ float: left; width: 332px; margin-right: 16px; } .nout-viewbtn{ padding:14px 50px; color: #fff; font-size: 18px; font-family:'robotomedium'; display: inline-block; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; } .nout-viewbtn:hover, .nout-viewbtn:focus{color: #fff;transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;} .noutsearch .holder{ color: #a9a8a8;} .noutsearch .select-wrapper{border: solid 1px #cfcfcf;} .noutlistwrap{ background: #fafafa; border-top: solid 1px #e9e9e9; margin-top: 28px; padding-top: 20px; } .nout-listgrp li{ width: 100%; display: inline-block; background: #fff; margin-bottom: 30px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12); border-style: solid; border-width: 0.5px; border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.02) 95%, rgba(0, 0, 0, 0.04)); -webkit-border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.02) 95%, rgba(0, 0, 0, 0.04)); border-image-slice: 1; } .nout-top {border-bottom: solid 1px #dedede; width: 100%; display: inline-block; float: left; } .nout-left{ float: left; border-right: solid 1px #d7d7d7; padding: 20px 0px 20px 25px; width: 75%; } .nout-right{ float: left;padding-left: 30px;padding-top: 20px; } .ndealer-name{color: #434343; font-family: 'robotomedium'; font-size: 18px; line-height: 1; padding-bottom: 6px; text-decoration: underline;} .ndealer-name:hover{ text-decoration: none; } .ndealer-add{ font-family: 'robotoregular'; font-size:16px; color: #5b5b5b; line-height: 1; } .nout-type{ color: #3f3f3f; font-size: 12px; font-family: 'robotoregular'; line-height: 1; padding-bottom: 6px; } .nout-typename{ color: #3f3f3f; font-family: 'robotomedium'; font-size: 18px;line-height: 1; word-wrap: break-word; } .nout-bootam{ display: inline-block; width: 100%; float: left; } .nout-working{ float: left;width: 200px; } .noutbrandname { margin-left: 110px; width: auto;} .nout-working .ntitle{color: #434343; font-family: 'robotomedium'; font-size: 14px; text-transform: uppercase;} .nout-working .ntime{color: #8c8c8c; font-size: 16px; max-width: 250px; overflow-wrap: break-word;} .requesticon{ padding-top: 15px;text-align: center; width:50px; height:50px; background: #4a9431; box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.24), 0 0 6px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.24), 0 0 6px 0 rgba(0, 0, 0, 0.12); border-radius: 50%; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;} .requesticon img{ display: inline-block; } .nout-recall{border-radius: 5px;font-size: 14px;padding: 9px 25px;} .nout-re { float: right; margin-right: 20px; } .nout-re:hover .nout-recall {color: #434343;} .nout-re:hover .requesticon { background: #3a8421; } .nout-right a{background: #fff;border: 1px solid;border-radius: 5px;font-size: 14px;padding: 7px 25px;} .nout-right a:hover{ color: #fff !important; } .noutlistwrap .pagination li{ width: auto;} .noutlistwrap .pagination li a{ width: auto; padding: 0 10px; } .noutlistwrap .pagination li span{ padding: 0 10px; } /*New Outlet Page- Detail*/ .newoutlet-detail .noutlistwrap { margin-top: 0; border-top: none; padding-top: 40px; font-family: "robotoregular" } .noutaddress{ background-color: #ffffff;float: left; width: 100%; padding-bottom: 0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12); border-style: solid; border-width: 0.5px; border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.02) 95%, rgba(0, 0, 0, 0.04)); border-image-slice: 1;} .noutadd-top{border-bottom: solid 1px #dfdfdf; float: left; width: 100%;} .noutadd-left{ float: left;padding-top: 24px; padding-left: 26px; padding-bottom: 20px; } .noutname{ color: #202020; font-family: "robotomedium"; font-size:24px; line-height: 1; padding-bottom: 10px; display: block; } .nout-rating .ratcount{ color: #d88e14; font-size: 18px; padding-left: 20px; letter-spacing: 2px; padding-top: 5px; vertical-align: top; } .nout-rating span, .iconwrap, .namerating span, .rate_me span{ display: inline-block; } .nout-brandtype {border-left: 1px solid #dfdfdf;float: right;height: 104px;padding-left: 20px;padding-right: 10px;} .noutadd-right{float: left; margin-right: 20px; height: 104px; padding-top: 20px;border-right: 1px solid #ccc; padding-right: 10px;} .noutadd-right:last-child{ margin-right: 0; border-right: none; } .noutde-brandnm{max-width: 270px;min-width: 200px;width: auto;} .noutd-type{color: #202020; font-size: 14px; line-height: 1; padding-bottom: 10px;} .noutd-typename{color: #000000; font-size: 20px; font-family: "robotomedium";line-height: 1;} .ndetail-left{ width: 50%; float: left;margin-top: 30px; padding: 0px 10px 0 25px; margin-bottom: 30px;} .ndetail-left .title{ font-size: 18px; color: #202020; font-family: "robotomedium"; padding-bottom: 20px; line-height: 1; } .ndetail-left p{ color: #242424; font-size: 14px; font-family:'robotoregular'} .noutdetail-map{ margin-top: 15px; border:solid 1px #bbbbbb; width: 100%; height:197px; float: left; overflow: hidden;} .noutdetail-map #googleMap{ margin-top: 0 !important; } .ndetail-right{ float: left; width: 40%;margin-top: 30px;padding-top:0; padding-left: 25px; position: relative; min-height: 272px; margin-bottom: 30px;} .ndetail-right:before {border-left: 1px solid #d7d7d7;content: "";height: 100%;left: 0;position: absolute;top: 0;width: 10px;} .noutde-links li{ margin-bottom: 15px; width: 100%; display: inline-block; } .noutde-links li .iconwrap{ width: 40px; height: 40px; border-radius: 50%; background: #ed1c25; padding-top: 11px;text-align: center;} .iconwrap > img {display: inline-block;} .noutde-links li .iconwrap.requbg{ background: #4a9431; box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.24), 0 0 6px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.24), 0 0 6px 0 rgba(0, 0, 0, 0.12); } .noutde-links li .iconwrap.callbackbg{ background: #1081e0;box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.24), 0 0 6px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.24), 0 0 6px 0 rgba(0, 0, 0, 0.12); } .noutde-links li .values{color: #000000;font-family: "robotoregular";font-size: 14px;padding-left: 20px;padding-top: 8px;vertical-align: top;} .noutde-links a { display: inline-block;} .noutde-links a:hover .values { color: #606060; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;} .noutde-links a:hover .iconwrap{ opacity: 0.8;transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; } .workingh {margin-top: 20px;} .workingh .workname{color: #000000; font-family: "robotomedium"; font-size: 16px; padding-right: 20px;} .workingh .workingtime{color: #2f2f2f; font-size: 14px;} .workingh .workingslide{display: inline-block;height: 20px;width: 20px; text-align: center; margin-left: 20px; position: relative; top: 5px; } .workingh .workingslide.nout-plus{ background: url(../image/outlet-plus.png); width: 20px; height: 20px; } .workingh .workingslide.nout-minus{ background: url(../image/outlet-minus.png); width: 20px; height: 20px; } .workingh .workingicon{margin-right: 10px;position: relative;top: 3px;} .daywise{ border-top: solid 1px #e8e8e8; padding-top: 12px; margin-top: 10px; display: inline-block; display: none;} .daywise li{ float: left; margin-right: 10px; } .daywise li div{ text-align: center; } .daywise .dayname{ font-family: "robotomedium"; font-size: 12px; color: #000; } .daywise .daytime{ font-family:"robotoregular"; font-size: 11px; color: #000; letter-spacing: -1px; } .noutdetail-reviews{ margin-top: 50px; display: inline-block; width: 100%;} .noutallreview { margin-top: 0; } .noutallreview .nout-reviewtop > ul { max-height: 100%; overflow: hidden; } .nreview-totalrating { margin-top: 10px; } .nreview-totalrating .overstar {float: left;margin-left: 10px;position: relative;top: -3px;} .nreview-totalrating .nout-totalst{ display: inline-block;font-size: 14px;margin-left: 10px;padding-top: 5px;vertical-align: top; } .nreview-totalrating .overltitle{color: #363636;float: left;font-family: "robotomedium";font-size: 15px;line-height: 1;} .noutdetail-reviews .title{color: #363636; font-family: "robotomedium"; font-size: 20px; line-height: 1; float: left;} .noutdetail-reviews .ndetail-view {color: #000000; font-size: 14px; font-family: "robotomedium"; float: right;} .noutdetail-reviews .ndetail-view:hover{color:#ed1c25;} .ndetailreviewwrap{ margin-top: 15px; background-color: #ffffff;float: left; width: 100%; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12); border-style: solid; border-width: 0.5px; border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.02) 95%, rgba(0, 0, 0, 0.04)); border-image-slice: 1;} .nout-reviewtop{ margin-top: 40px; display: inline-block; width: 100%; } .nout-reviewtop > ul {margin-right: 20px;overflow: auto;padding: 0 0 0 20px;} .nout-reviewtop li{ margin-bottom: 40px; display: inline-block; width: 100%; } .nout-reviewimg{ background: #cfcfcf; width: 60px; height:60px; overflow: hidden; border-radius: 50%; float: left; } .nout-reviewimg img{ max-width: 100%; display: block; opacity: 0.2; } .nout-reviewcontain{ margin-left: 30px; float: left;width: 85%; } .namerating{ color: #464646; font-size: 16px; font-family: "robotomedium";} .namerating .reviewer {display: inline-block;vertical-align: top;} .nout-reviewcontain .ratingcount{color: #2f2f2f; font-size: 16px;letter-spacing: 2px; vertical-align: top;} .nout-reviewcontain p{color: #464646; font-size: 14px;} .nout-reviewbtm{ border-top: solid 1px #bfbfbf;padding: 30px 20px 40px;display: inline-block; width: 100%;} .revileft { width: 48%; float: left; } .reviright{ width: 50%; float: left; margin-left: 20px; } .revi-rateex{ width: 100%; display: inline-block; margin-bottom: 30px; } .revi-rateex .input{ padding-left: 15px; width: 100%; border:solid 1px #cbcbcb; color: #929292; font-size:16px; font-family: "robotolight"; } .revi-rateex .revititle{color: #363636;font-family: "robotomedium";font-size: 15px;line-height: 1; margin-bottom: 10px;} .revi-rateex textarea{width:100%; border:solid 1px #cbcbcb; height: 100px; resize: none; color: #929292; font-size:16px; font-family: "robotolight"; padding: 15px 10px 10px 25px;} .nout-reviewbtm .nout-viewbtn { margin-top: 0; float: right; border-radius: 5px; padding: 11px 40px; text-transform: uppercase; font-size: 15px; font-family: "robotomedium"; border:none; } .ndetailreviewwrap .revi-rateex .form-group{ position:relative; display: inline-block; width: 100%; } .ndetailreviewwrap .revi-rateex .form-group.has-error input { border:solid 1px red; } .nout-reviewbtm .mainreview{display: inline-block;padding-left: 40px;width: 100%;} .nout-reviewbtm .nout-reviewright{ float: left; width: 800px; margin-left: 30px; } .nout-reviewbtm .ratername{color: #464646; font-family: "robotomedium"; font-size: 16px; float: left; border-right: solid 1px #d6d6d6; height: 55px;line-height: 55px; padding-right: 30px;} .nout-starrate { float: left; margin-left: 30px;margin-top: 13px; } .star-fullselect{background: url(../image/outlet-star1.png) no-repeat; width: 23px; height: 23px; background-size: 100%; margin-right: 5px; display:inline-block} .star-unselect { background: url(../image/outlet-star2.png) no-repeat; width: 23px; height: 23px; background-size: 100%; margin-right: 5px; display:inline-block} .star-midselect { background: url(../image/outlet-star3.png) no-repeat; width: 23px; height: 23px; background-size: 100%; margin-right: 5px;display:inline-block } .nout-rightfea{float:right; background:#fff; border:solid 1px #ccc; padding:5px 15px; border-radius:5px;} .nout-gallery { margin-top: 50px; } .nout-gallery .title {color: #363636;float: left;font-family: "robotomedium";font-size: 20px;line-height: 1; width: 100%; display: inline-block;} .nreview-gallerywrap { display: inline-block; width: 100%; margin-top: 25px; background-color: #ffffff;float: left; width: 100%; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12); border-style: solid; border-width: 0.5px; border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.02) 95%, rgba(0, 0, 0, 0.04)); border-image-slice: 1; padding: 25px 60px;} .nreview-gallerywrap li{float:left;width: 140px; height: 103px; margin-right: 10px; overflow: hidden; position: relative; margin-bottom: 10px;} .nout-viewgal span { cursor:pointer;background: rgba(0, 0, 0, 0.6);color: #fff;display: inline-block;font-family: "robotomedium";font-size: 20px;height: 100%;left: 0;padding-top: 36px; position: absolute;text-align: center; top: 0;width: 100%; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;} .nout-viewgal span:hover{ background: rgba(0, 0, 0, 0.2);color: #fff;transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; } .nout-showgal { display: none; } .nout-nearby{ margin-top: 50px; padding-bottom: 40px; } .nout-nearby .title{color: #363636;float: left;font-family: "robotomedium";font-size: 20px;line-height: 1; width: 100%; display: inline-block;} .nreview-nearwrap{ display: inline-block; width: 100%; border-top: solid 1px #bbbbbb; margin-top: 30px;padding-top: 30px; } .nreview-nearwrap li{ border: solid 1px #e0e0e0; float: left; height: 35px; padding: 0 45px; color: #0d0d0d; font-size: 13px; text-align: center; margin-right: 10px; line-height: 35px; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; margin-bottom: 10px; } #noutgal-popup .model_close{ width: 36px; height: 36px;/* background: #fff;*/ border-radius: 50%; position: absolute;right:3px;top:3px; z-index: 99;} #noutgal-popup .model_close i {background-position: -74px -138px;height:24px;width: 24px; left: 8px; position: absolute;top: 8px;} #noutgal-popup .model_close:hover i{ opacity: 0.5; } .nout-totalst-mobi{color: #000;padding-top: 10px;display: inline-block;font-size: 13px;font-family: "robotoregular";} .ratingdat {vertical-align: top;} .nout-left a {display: inline-block;position: relative;top: -5px;} .nout-left .nout-rating {display: inline-block;float: right;margin-right: 10px;} .nout-viewbtn.nout-showreview{display: block;margin: 0 auto 10px;padding: 10px 0;text-align: center;width: 130px; margin-top:40px;} .outpop-galtitle {background: #fff;color: #404040;font-family: "robotomedium";font-size: 16px;max-width: 650px;padding: 10px 0;text-transform: uppercase;width: 100%;} /*New Contact Page*/ #show_contactus .popupwrap .close { right: 7px; top: 9px;} .newcontact h2{color: #353535;font-family: 'robotolight';font-size: 21px;line-height: 1;padding-bottom:25px;padding-top: 30px; text-align: center;line-height:28px;} .newcontact .innermain{ max-width: 1006px; width: 100%; padding: 0 15px; } .newcontactwrap{ width: 100%;border: 1px solid #eaeaea; display: inline-block; margin-bottom: 34px; } .newcontactwrap .ncont-left { padding-top: 0; width:100%; padding-left:10px; padding-right:10px; display: inline-block; vertical-align: top; } .nco-tabresult{ padding-top: 28px; padding-left: 0;padding-right: 0; } .nco-tabresult textarea{ width: 100%; resize: none; height: 80px; } .newcontactwrap .nformwrap .drop{width: 100%; margin-bottom: 23px;} .newcontactwrap .nformwrap .ncon-query{width: 100% !important; margin-right: 0;} .newcontactwrap .nformwrap .nbook-btn{height:40px;line-height:40px;margin-top: 0;padding: 0;width: 269px;} .newcontactwrap .ncont-right{ width: 100%; display: inline-block; background-color: #f9f9f9; vertical-align: top; padding: 25px 35px; margin-top: 30px; text-align: center;} .nco-sharedetail{ margin-bottom:25px; display:inline-block; width: 100%; } .ncon-calldealer{ width: 190px; height: 37px; line-height: 37px; color: #fff; text-align: center; background: #3b3b3b; border-radius: 5px; display: block; font-size: 14px; font-family: "robotoregular";transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; margin: 0px auto} .ncon-calldealer:hover, .ncon-calldealer:focus{ color:#fff !important; background: #d71a21;transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; } .nco-sharelist { display:none; width: 100%; padding-bottom: 25px; } .nco-sharelist:last-child{ padding-bottom: 0; } .nco-conticon{ float: left; } .nco-contno{ float: left; margin-left: 7px; } .nco-contno span{ display: block; } .nco-title{ font-family: "robotomedium"; font-size: 14px; color: rgb(0,0,0,.9); padding-bottom: 7px; line-height:1; } .nco-no {color: #666; font-size: 14px; font-family: "robotoregular"; line-height:1; overflow-wrap: break-word;width: 130px;} .nco-mail {overflow-wrap: break-word;width: 190px;} .nco-mail a{color:#666; font-family:"robotoregular"; font-size: 14px;} .nco-mail a:hover{ color: #000 !important; } .nco-sublinks li{ display: inline-block; width: 100%; margin-bottom: 15px; } .nco-sublinks li a{ width: 215px; height: 37px; line-height: 37px;border-radius: 3px; display: inline-block; border: solid 1px; text-align:center; font-family: "robotoregular"; font-size: 14px;transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; } .nco-sublinks li a:hover{ color: #fff; } .newcontactwrap .drop .nconstar{display: block;margin-top: 10px;} .newarrival .morecategory { overflow-x: scroll;overflow-y: hidden;text-align: center;} .newarrival .morecategory ul { text-align: left;margin-top: 0;position: relative;width: 700px;} .newarrival .morecategory li { color:rgba(102,102,102,.7); border:none; cursor: pointer;display: inline-block;float: left;font-size: 14px; padding:17px 13px; margin: 0; border-bottom: 1px solid rgba(59, 59, 59, 0.5);position: relative;line-height: 1;font-family: "robotoregular";} .newarrival .morecategory li.gsc-ta-active { border-bottom: 2px solid #3b3b3b;} .ncont-left .gsc-ta-contentWrap{ background: none; margin: 0; border:none; padding: 0; } .ncont-left .gsc-ta-overHide{ height: 51px !important; } .ncont-left .gsc-ta-content { margin-bottom: 0; } #show_contactus .popupbg {background: rgba(0, 0, 0, 0.85); height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 9999;} #show_contactus .popupwrap {background: #fff;left: 0; margin: 0 auto !important; position: fixed; right: 0; top: 20%; width: 90%; z-index: 10000;} #show_contactus .Phoneno {text-align: center;} #show_contactus .title{border-bottom: 1px solid #5c5c5c;color: #666;font-family: "robotomedium";font-size: 18px;margin-bottom: 20px;padding-bottom: 10px; } #show_contactus .Phoneno li {padding-bottom: 10px;} #show_contactus .Phoneno a{color: #000;font-family: "robotoregular";font-size: 20px;} #show_contactus .Phoneno a:hover{ color: #f23d18; } .ratingdat {vertical-align: top;} /* .ncont-left #carousel-tab{ left:0 !important; } #show_contactus .popupcontain{overflow: auto; }*/ .nout-viewbtn.nout-showreview{display: block;margin: 0 auto 10px;padding: 10px 0;text-align: center;width: 130px; margin-top:40px;} .outpop-galtitle {background: #fff;color: #404040;font-family: "robotomedium";font-size: 16px;max-width: 650px;padding: 10px 0;text-transform: uppercase;width: 100%;} /*New Special Offer*/ .mt20{ margin-top:20px !important;} .specoffer { font-family: "robotoregular"; background: #f7f7f7; padding: 30px 5px;} .specoffer .terms_conditions { clear: both; color: #535353;float: left; font-family: 'robotoregular';font-size: 12px;margin-top: 10px;width: 100%;} .specoffer a, .specoffer button{transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; cursor: pointer; text-decoration: none;} .specoffer .pagination li{ border:solid 1px transparent; border-bottom: 1px solid #e4e4e4; } .specoffer .pagination li a, .specoffer .pagination li span { color: #636363;} .newofferbtn-wrap .offer-viewbtn {margin-bottom: 10px;margin-right: 4px;margin-top: 15px;} .newofferbtn-wrap .offer-viewbtn:last-child{ margin-right: 0; } .specoffer .pagination li:hover, .specoffer .pagination li.active { background:none;border: 1px solid #636363 ; color: #fff;} .specoffer .innermain { max-width: 1105px; width: 100%; margin: 0 auto; } #soffer_tab li{ float: left; margin-right: 10px; } #soffer_tab li:last-child{ margin-right: 0; } #soffer_tab li a{ line-height: 1; border-bottom:solid 5px #f1f1f1; padding-bottom: 10px; width: auto; float: left;font-family:'robotoregular';font-size:17px; color: #707070; text-align: center;} .spoffer-result {display: inline-block;width: 100%; padding-top: 0;} .spoffer-result a.soffer-selectbtn {color: #fff;float: left;font-size: 14px;padding: 10px 0;text-align: center;width: 100%; border-radius: 5px;} .spoffer-result a.soffer-selectbtn:hover{ background: #707070; } .specoffer-drop{display: inline-block; width: 100%;text-align: center; background-color: #ffffff;border: solid 1px #eaeaea; padding: 10px;margin-top: 15px; display: none;float: left;} .specoffer .drop {display: inline-block;margin-right:0;width: 100%;} .specoffer .drop.dropoffertyp{ margin-right: 0; } .specoffer-drop .select-wrapper{ border: none; border-bottom: solid 1px #cfcfcf; border-radius: 0; } .specoffer-drop .select-wrapper .holder { color: #595656; text-align: left; } .specoffer-drop .select-wrapper:hover, .specoffer-drop .select-wrapper:focus{border:none;border-bottom: solid 1px #7c7c7c; box-shadow: none; -webkit-box-shadow: none;} .spoffer_listing { margin-top: 20px; margin-bottom: 40px; } .spofferlist{ border:solid 1px #ccc; padding:10px 5px;display: inline-block;margin-bottom: 15px; box-sizing: border-box; -webkit-box-sizing: border-box; text-align: left; background-color: #ffffff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12); border-style: solid; border-width: 0.5px; border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.02) 95%, rgba(0, 0, 0, 0.04)); border-image-slice: 1; width: 100%; } .spofferlist.sofselected{ background-color: #ffffff; box-shadow: 0 -1px 13px 0 rgba(190, 190, 190, 0.24), 0 8px 27px 0 rgba(0, 0, 0, 0.12);} .specoffer .soffer_carblock {border-right: 1px solid #dfdfdf;display: inline-block;text-align: center; width: 50%; float: left; padding-top:5px; padding-bottom:5px;} .specoffer .soffer_carblock img{ height: 82px; display: none; } .soffer_carblock h2{color: #232323;font-family: 'robotomedium';font-size: 18px;line-height: 1; margin-top: 0; text-align: left;} .soffer_right { float: left;margin-left: 0;width: 100%; border-top: solid 1px #e5e5e5; margin-top: 5px; padding-top: 8px;} .soffer_top {border-bottom: 1px solid #dadada; padding-bottom: 8px; margin-bottom: 13px; width: 100%; display: inline-block;} .soffer_top h3 a{ font-family: "robotomedium"; font-size:16px; color: #535353;line-height: 1; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 270px;} .soffsaving{font-family: "robotomedium"; font-size: 14px; color: #535353; font-weight: normal;line-height: 1; } .spofferlist .soffer-left {float: left;} .soffer-left a{ margin-right: 10px; } .soffer-left a:last-child{ margin-right: 0; } .soffer_top .soffernewcar{ display: none; color: #535353;float: left;font-family: "robotoregular";font-size: 22px;line-height: 1;padding-left: 31px;padding-top: 15px; } .soffernewcarmobi {color: #000;float: left;font-family: "robotoregular";font-size: 14px;line-height: 1;padding-left: 15px;padding-top: 5px; width: 50%;} .specoffer .offer-viewbtn{ width: 126px; border: solid 1px #e6e4e4;color: #636363;font-size: 12px;font-family: "robotoregular"; float: left; text-align: center;padding: 7px 0; background: #fff;} .specoffer .offer-viewbtn:hover, .specoffer .offer-viewbtn.active{color: #fff; } /*.soffer_bot .soffer-left{ padding-left: 22px; }*/ .soffervalid{ padding-left: 31px; float: left;padding-top: 8px; display: none;} .soffervalid img{ float: left; width: 28px; margin-top: 13px; } .soffervalid .svalidwrap {float: left;margin-left: 13px;text-align: left;} .soffervalid span{ font-size: 14px;color: #646464; font-family: "robotolight"; display: block;} .soffervalid span.validdate {font-size: 18px;color: #151515;font-family: "robotolight";line-height: 1.2;} .mobi-soffervalid { display: block; padding: 0; width: 100%; margin-bottom: 10px; } .mobi-soffervalid span { font-size: 12px; } .mobi-soffervalid .validdate { font-size: 14px !important;font-family: "robotoregular" !important; } .mobi-soffervalid img { margin-top: 0; } .soffer-des{border-top: 1px solid #dadada;margin-top: 14px; padding-top: 10px; position: relative; display: none;} .soffer-des .soff-close {background: #fafafa; color: #adadad; font-family: 'robotolight'; font-size: 14px; height: 30px; line-height: 30px; position: absolute;right: 0;text-align: center; width: 62px;} .soffer-des .soff-close i{ display: inline-block;height: 10px;position: relative; top: -1px;width: 8px; background: url(../image/sof-close.png) no-repeat; } .soffer-des .soff-close:hover i{background: url(../image/sof-close-white.png) no-repeat; } .soffer-des .soff-close:hover{ color: #fff; } .soffer-des .sdes-title {color: #151515;font-family: 'robotomedium';font-size: 14px;line-height: 1;margin-top: 4px;text-align: left;} .soffer-des .sdes-para{ color: #787878;font-size: 12px;line-height: 1.5;margin-top: 20px; text-align: left;} .soffer-des .sdes-values {margin-top: 15px; display: inline-block; width: 100%;} .sdes-values li { float:left; border-bottom: 1px dotted #d1d1d1; width: 100%;margin-bottom: 10px;} .soffer-des .valuestitle{font-size: 14px;color:#7c7c7c; margin-bottom: 8px; line-height: 1; width: 50%; float: left; text-align: left;} .soffer-des .valueselemnt{font-size: 14px;color: #000; line-height: 1; float: left; width: 50%; text-align: right; padding-right: 10px;} .soffer-des .offer-viewbtn { font-family: "robotomedium"; font-size: 14px; color: #fff; float: left; margin-right: 4px; } .soffer-des .offer-viewbtn:hover{ background: #af0000 ; } .corofferresult {margin-top: 30px; display: none; background-color: #ffffff; padding: 10px; box-shadow: 0 -1px 13px 0 rgba(190, 190, 190, 0.24), 0 8px 27px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 -1px 13px 0 rgba(190, 190, 190, 0.24), 0 8px 27px 0 rgba(0, 0, 0, 0.12); } .co-search { margin-bottom: 0; display: inline-block; width: 100%; position: relative; } .co-search input{ border:none; border-bottom: solid 1px #e2e2e2; font-size: 14px; font-family: "robotolight"; padding-left: 0; padding-bottom: 0; height:40px; color: #262626; } .co-search a{position: absolute;right: 1px;top: 15px;width: 17px;} .co-search .co-showresult{font-size: 14px;color: #868282; margin-top: 6px; display: inline-block;} .co-search .co-showresult span{ color: #373636;} .co-search a:hover{ opacity: 0.5; } .co-search input:hover, .co-search input:focus{border:none; border-bottom: solid 1px; color: #000; box-shadow: none; -webkit-box-shadow: none; } .co-or{ color: #b7b7b7; font-size: 16px;font-family: "robotolight"; text-transform: uppercase; text-align: center; display: none; } .co-browsewrap { margin-top: 0; } .co-browsewrap .co-brotitle { font-size: 16px; color: #959595;font-family: "robotolight"; text-align: center; line-height: 1.2; display: none; } .cobrowsenav{ margin-top: 60px;border-top: solid 1px #eee9e9; padding-top: 33px; display: inline-block; width: 100%; text-align: center; display: none; } .cobrowsenav li { float: left; } .cobrowsenav li a{ float: left; width: 41px; height: 41px; line-height: 41px; text-align: center;font-size: 16px;color: #959595; } .cobrowsenav li a:hover, .cobrowsenav li a.active{ background: url(../image/sof-tabhover.png) no-repeat; width: 41px; height: 41px; color: #fff; } .cobrowsenav > ul { margin: 0 auto; width: 1070px;} .co-listingwrap { margin-top: 86px; display: inline-block; width: 100%; } .co-listingwrap .browseleft { width: 535px; height: 392px; border: solid 1px #d0cfcf; background-color: #ffffff; float: left; margin-right: 25px; display: none; } .co-listingwrap .browseright { width: 100%; border: solid 1px #d0cfcf; background-color: #ffffff; float: left; position: relative; } .cobrowselisting li { width: 100%; padding:10px 0 10px 10px;font-size: 14px;color: #636161; display: inline-block; border-bottom: solid 1px #f5f5f5; line-height: 1;} .cobrowselisting li label{ cursor: pointer; } .cobrowselisting .co-radio { margin-left: 37px; margin-right: 28px; float: left; } .co-righttitle{font-size: 24px;color: #000; margin-top: 0; margin-left: 0; line-height: 1; margin-bottom: 0; position: absolute; top: -57px;} .co-righttitle > span {color: #7d7c7c;display: block;font-size: 14px;margin-bottom: 5px;width: 100%;} .browseright .cobrowselisting li:first-child {border-top: solid 1px #f5f5f5;} .browseright .soffer-des {border-top:none;display: block;margin-top: 0;padding-top: 10px; display: none;} .browseright .soffer-des { display: block; padding-left: 10px; padding-right: 10px; padding-bottom: 15px; } .browseright .soffer-des li { border:none; padding: 0; border-bottom: 1px dotted #d1d1d1; } .browseright .soffer-des .valueselemnt { color: #ed1d25; } .browseright .soffervalid { display: block;padding: 0; } .browseright .soffervalid img {margin-top: 0;} .browseright .soffervalid span {font-size: 12px;} .browseright .soffervalid span.validdate { font-family: "robotoregular" !important; font-size: 14px !important;} .browseright .soffer-des .offer-viewbtn { width: 110px; } .specoffer .cobrobtnwrap{/*background-color: #fcfcfc;*/ height: 66px; width: 100%; display: inline-block; margin-top: 0; padding: 16px 0 16px 15px;} .specoffer .cobrobtnwrap a{ margin-top: 0; margin-right:9px; height: 35px; line-height: 35px; font-size: 14px; font-family: "robotomedium";color: #fff;} .specoffer .cobrobtnwrap a:hover{ background: #bf0006; } .offer_terms_conditions{ position: relative; border-radius: 3px;font-family: 'robotoregular';font-size: 14px;max-width: 600px;padding: 15px !important;width: 100%; min-height: 70px; background: #fff; line-height: 1.3;} .offer_terms_conditions .close{background-position: -482px -170px;height: 31px;position: absolute;right: 2px;top: 2px;width: 31px; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s;} .offer_terms_conditions .close:hover{ opacity: 0.5; } /*.browseleft .cobrowselisting > ul {height: 292px;overflow-x: hidden;overflow-y: auto;} .browseright .cobrowselisting > ul {height: 192px;overflow-x: hidden;overflow-y: auto;}*/ .cobrowselisting input[type="radio"] { margin-left: 10px; padding: 0; position: relative; top: 2px; display: none; } .cobrowselisting input[type="radio"] + label span { border-radius: 50% !important; cursor: pointer; display: inline-block;left: 0; padding: 0 !important; position: relative; float: left; top: 1px; margin-right: 10px; transition: all 0.5s ease-in-out 0s; width: 24px !important;height: 24px !important;border: solid 2px #979797;} .cobrowselisting input[type="radio"]:checked + label span:after {border-radius: 50%;content: "";height: 14px;left: 3px;position: absolute;top: 3px;width: 14px; transition: all 0.5s ease-in-out 0s; } select#offers-model_name{ width: 100% !important; } /*---------- Offer Ends---------*/ /*Near Cities */ .nearcity_citieswrap {text-align: left;border: 1px solid #cccccc;border-radius: 3px; margin:0px auto; padding: 10px; width: 100%; margin-top: 20px; margin-bottom: 20px; position: relative; background: #fff; box-sizing: border-box; -webkit-box-sizing: border-box;} .nearcity_title{color: #404040;font-family: "robotomedium";font-size: 16px;margin-bottom: 20px;width: 100%; display: inline-block;} .nearcity_title > span {color: #afafaf;font-family: "robotoregular";font-size: 12px;} .nearcity_allcity{ width: 100%; display: inline-block; margin-bottom: 10px; } .nearcity_citylist { display: inline-block; width: 100%; position: relative; border-bottom: 1px solid #cccccc; padding-bottom: 10px; margin-bottom: 20px;} .nearcity_cityname a{display: inline-block;font-family: "robotomedium";font-size: 16px;margin-bottom: 10px;} .nearcity_cityname a:hover{ color: #000 !important; } .nearcity_citylist .exshowroom, .nearcity_citylist .exshowroom .smallprice {font-size: 16px;} .nearcity_citieswrap .nearcity_morebtn{padding: 10px 20px; border-radius: 5px; color: #fff !important; font-family: 'robotomedium'; font-size: 15px; border: none;letter-spacing: 0; -webkit-transition: all .4s ease-in; transition: all .5s ease-in; display: inline-block; } /*New Price Page*/ .carvariantblock { margin-top:13px; width:780px;position: relative; float: right; } .carvariantblock .gscr_counter { display: none !important; } .carvariantblock .variantstick { float: left;width:215px; vertical-align: top;} .carvariantblock .variantname {background-color:#f2f2f2; padding:10px 0 10px 12px; font-size:16px; color:#000; font-family:'robotomedium'; line-height:20px; margin-bottom:21px;} .carvariantblock .varianttext {padding:10px 0 17px 12px;} .carvariantblock .varianttext { font-size:14px; color:#000; font-family: "robotoregular"; margin-top:7px;line-height: unset;} .variantpopmain .rupeeS { font-family:"girnar-rupee"; color:#545454; font-size:12px; margin-right:2px; font-style:normal;} .carvariantblock .varianttext.last {/* border-top:1px solid #cccccc; */padding:0 0 10px 12px; font-size:15px; font-family:'robotomedium'; margin-top:15px; color: #000;} .carvariantblock .varianttext.last.newprice_sharecon{ border-top: none; line-height: 1.3; } .variantvariable { width:558px; float: left; } .carvariantblock .carvariantslider { text-align:right;} .carvariantblock .carvariantslider .variantname {padding: 10px 0 10px 10px;position: relative;text-align: center;} .carvariantblock .carvariantslider .variantname span{text-overflow: ellipsis;white-space: nowrap;color: #000000;font-family: "robotomedium";text-align: center; overflow: hidden; display: block;} .carvariantblock .carvariantslider .varianttext { position:relative; text-align: center; color: #515151;} /*.othrdata{position: absolute;text-align: center;width: 100%;}*/ .carvariantblock .carvariantslider .varianttext.last { color:#1c1c1c; font-size:15px; padding: 0 0 10px;text-align: center; /*margin-top: 37px;*/font-style: normal;} .carvariantblock .carvariantslider .rupee20 { font-family:"girnar-rupee"; color:#1c1c1c; font-size:20px; margin-right:0; font-style:normal; font-weight:normal;} .variantpopmain .varianttext .rupeeS { font-size:14px; color:#515151; line-height:11px;} .newprice-divdr {border-top: 1px solid #cccccc;bottom: 110px;height: 10px;left: 0;position: absolute;width: 770px;} .carvariantslider.owl-theme .owl-controls { height:0; margin-top:0; width:100%; } .carvariantslider .owl-controls .owl-prev, .carvariantslider .owl-controls .owl-next { position:absolute; top:2px; width:35px; height:35px; font-size:0; line-height:0; cursor:pointer; z-index:999;} .variantvariable .owl-item, .variantvariable .owl-carousel .owl-wrapper, .variantvariable .owl-carousel .owl-item{transform:none; -webkit-transform:none;} .carvariantslider .owl-controls .owl-prev {background-position:-133px -765px; left:-48px; } .carvariantslider .owl-controls .owl-prev:hover {background-position:-206px -765px;} .carvariantslider .owl-controls .owl-next {background-position:-170px -765px; right:-1px;} .carvariantslider .owl-controls .owl-next:hover {background-position:-245px -765px;} .tabvariantcont .button { background-color:#6bad23; font-family:'robotomedium'; font-size:14px; width:346px; height:44px; padding:0; letter-spacing:normal; margin:7px 49px 0 0; float:right;} .tabvariantcont .button:hover { background-color:#7fc730;} .variantfooter{ float:right; width:800px; text-align:center; margin-top:12px;} .variantfooter li { float:left; width:373px; background-color:#f2f2f2; color:#757575; font-family: "robotoregular"; font-size:14px; padding:12px 10px; line-height:20px; border:1px solid #dcd9d9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px} .variantfooter { text-align:center;} .variantfooter li.first { margin-right:10px;} .variantfooter li a { color:#ef5a28;} .variantadd { margin:10px 1px 0 0; float:right;} .NewPricepgwrap .topclose { background-position:-99px -781px; width:21px; height:21px; font-size:0; line-height:0; top:11px; right:16px;} .NewPricepgwrap .topclose:hover { background-position:-69px -781px;} .NewPricepgwrap .noteicon {background: url(../image/icon-ques.png) no-repeat; width:13px; height:13px; position:absolute; margin-left: 70px; top: 13px;cursor:pointer;background-size: 100%;} .varinttooltip {background: #f2f2f2;border-radius: 0 0 3px 3px;bottom:-17px;color: #959595;font-family:"robotoregular";font-size: 12px;height: 17px;left: 50%;line-height: 14px;margin-left: -33px;padding: 0 5px;position: absolute;width: 85px;} .nearcity_locateout .nearcity_allcity a { font-size: 14px; color: #5c5c5c; font-family: "robotoregular"; border-right: solid 1px #5c5c5c; padding-right: 10px; margin-right:10px; margin-bottom: 10px; display: inline-block; } .nearcity_locateout .nearcity_allcity a:hover{ color: #000; } .nearcity_locateout .nearcity_allcity a:last-child{ border-right: none; margin-right: 0; padding-right: 0; } .NewPricepgwrap .notetext {background-color: #ffffff;border: 1px solid #e1e1e1;bottom: 20px;box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.13);-webkit-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: auto;line-height: 18px;margin-left: -83px;padding: 8px;position: absolute;right: -42px;text-align: left;transition: color 0.1s ease-in 0s;-webkit-transition: color 0.1s ease-in 0s;width: 180px;z-index: 200;} .NewPricepgwrap .notearrow{ width: 0; height: 0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #c8c8c8; position:absolute; left:73%; bottom:-7px; margin-left:-8px;} .NewPricepgwrap .noteicon:hover .notetext, .NewPricepgwrap .noteicon:hover .notearrow { display:block} .NewPricepgwrap .variantpopmain .tabvariant .plusicon {background-position:-282px -765px; width:16px; height:16px; display:inline-block; margin-right:10px;} .NewPricepgwrap .variantpopmain .tabvariant li.moreprice .plusicon, .NewPricepgwrap .variantpopmain .tabvariant li.moreprice .heading { display:inline-block; vertical-align:middle; *display:inline; zoom:1;} .NewPricepgwrap .variantpopmain .tabvariant li.moreprice a{ line-height:19px; padding:18px 10px; font-family:'robotolight';} .checkmorecont { width:100%; float:left; text-align:center; height:auto;} .checkmorecont .selectouter { width:346px; margin:0 auto 20px auto; text-align:left;} .checkmorecont .select-wrapper { width:344px;} .checkmorevariant .select-wrapper select, .checkmorevariant .select-wrapper, .select-wrapper select { height:38px; line-height:38px;} .checkmorevariant .checkmorecont .button { margin:0 auto; float:none;} .checkmorevariant .checkmoreheading {color:#252525; font-size:18px; font-family: "robotoregular"; line-height:28px; margin:60px 5px 10px 2px;text-align:center;} .NewPricepgwrap { padding-top: 40px; } .NewPricepgwrap .innermain {max-width:1006px; width: 100%;margin: 0px auto;} .NewPricepgwrap h1{border-left: none;color: #000000;display: inline-block;font-family: "robotomedium";font-size: 20px;padding: 0 0 10px !important;position: relative;text-overflow: ellipsis;white-space: nowrap; line-height: 1; vertical-align: top; text-transform: capitalize; margin-top: 0;} .cityselectblock {float: left;width: 70%;} .cityselectblock .holder2 { display: none; } .cityselectblock .select-wrapper{border: none;display: inline-block;float: none;width: 200px; height: 34px;width: auto;} .cityselectblock .select-wrapper:hover{ box-shadow: none; -webkit-box-shadow: none; } .cityselectblock .select-wrapper .custom-select{ height: auto; line-height: 1; } .cityselectblock .holder{font-family: "robotomedium";font-size: 20px;line-height: 1;margin-left: 5px;padding-top: 5px;} .fueltypeblock {float: right; text-align: right;width: 280px;} .fueltypeblock form{ display: inline-block; height: 35px; } .fueltypeblock .heading {display: inline-block;font-family: "robotoregular";font-size: 13px;margin-right: 5px;padding-top: 8px;vertical-align: top; text-transform: capitalize;margin-top: 0;} .fueltypeblock .select-wrapper{display: inline-block;float: none;width: 115px; height: 35px; line-height: 35px;} .fueltypeblock .select-wrapper select {height: 35px; line-height: 35px;} .fueltypeblock .select-wrapper .holder { line-height: 35px;text-align: left; margin-left: 10px;margin-right: 15px; } .newpricemain {border: 1px solid #dcdcdc;border-radius: 3px;display: inline-block;margin-top: 10px;width: 100%; margin-bottom: 40px;} .newpriceleft {float:left; height: 400px;padding-top: 5%;width: 220px;} .newpriceleft .carnm { color: #000;font-family: "robotomedium";font-size: 20px;line-height: 1;text-align: center;/* background: #ebebeb;*/ border-radius: 4px;padding: 10px; margin-left: 20px;} .newprice_vwrapr { display: inline-block;vertical-align: top; width:48%; } .carvariantblock .gscr_lSAction > .gscr_lSNext, .carvariantblock .gscr_lSAction > .gscr_lSPrev { background: #fff; opacity: 1; border: 1px solid #878787; border-radius: 3px; height: 22px; left: auto; position: absolute; right:10px; top: 24px; width: 19px; z-index: 9;} .carvariantblock .gscr_lSAction > .gscr_lSPrev { left: -16px;} .carvariantblock .gscr_lSPrev::after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #000000; border-image: none; border-style: solid; border-width: 0 0 2px 2px; content: ""; font-size: 0; line-height: 0; margin: -6px 0 0 -2px; top: 50%; transform: rotate(-315deg); width: 8px;} .carvariantblock .gscr_lSAction > .gscr_lSPrev::after {border-color: #000; border-image: none; border-style: solid; border-width: 0 0 2px 2px; content: ""; display: block; font-size: 0; height: 8px; left: 50%; line-height: 0; margin: -4px 0 0 -2px; position: absolute; right: 43px; top: 50%; transform: rotate(-315deg); width: 8px;} .carvariantblock .gscr_lSAction > .gscr_lSNext:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #000; border-image: none; border-style: solid; border-width: 0 0 2px 2px; content: ""; display: block; font-size: 0; height: 8px; left: 50%; line-height: 0; margin: -6px 0 0 -8px; position: absolute; right: 10px; top: 50%; transform: rotate(-135deg); width: 8px;} .carvariantblock .gscr_lSNext:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #000000; border-image: none; border-style: solid;border-width: 0 0 2px 2px; content: ""; font-size: 0; height: 8px; left: 50%; line-height: 0; margin: -6px 0 0 -6px; top: 50%; transform: rotate(-135deg); width: 8px;} .carvariantblock .gscr_lSAction > .gscr_lSNext:hover::after, .carvariantblock .gscr_lSAction > .gscr_lSPrev:hover::after { border-color: #000000;} .carvariantblock .gscr_lSAction > .gscr_lSNext:hover, .carvariantblock .gscr_lSAction > .gscr_lSPrev:hover { background: #c7c7c7 none repeat scroll 0 0;} .carvariantblock .carvariantslider .varianttext.last.anothrlast {border-top:none; margin-top: 10px; padding-top: 0;} .carvariantblock .carvariantslider .varianttext.last.anothrlast a{border-radius: 5px;font-size: 14px;padding: 8px 12px;} .carvariantblock .dealerprice {float: right;font-size: 11px; padding: 0 10px 0 0;} .newprice_termscon {bottom:70px;position: absolute;right: 10px;} .newprice_termscon a {color: #7c7c7c;font-family: "robotomedium";font-size: 12px;} .newprice_termscon a:hover{ color: #000; } .carvariantblock .carvariantslider li{ height: auto; margin: 0; padding: 0; width: 100%; } .carvariantblock .carvariantslider li:before, .carvariantblock .carvariantslider li:after{ display: none !important; } .newprice_cityinputnam { display: inline-block; width: 100%; cursor: pointer; display: block; overflow: hidden;} .overviewright .newprice_cityinputnam { border:solid 1px #ccc; border-radius: 3px; } .overviewright .icondroper { right: 10px !important; } .newprice_citydrop {display: inline-block;width: 100%; position: relative;top: -3px;} .newprice_citydrop input[type=text]{padding-left: 10px; position: relative; border: none;color: #000000;font-family: "robotoregular";font-size: 17px; height: 31px; cursor: pointer;text-overflow: ellipsis; white-space: nowrap; background: none;} .newprice_citydrop input[type=text]:hover, .newprice_citydrop input[type=text]:focus{ box-shadow: none; -webkit-box-shadow: none; } .newprice_citydrop .icondroper{ position: absolute;width: 14px; height: 23px; background: url(../image/br_down.png) no-repeat 95% 50% #fff;right: 0;top: 6px;} .newprice_citydrop > ul {border: 1px solid #cccccc; margin-top: 10px; padding: 5px; max-height: 213px;overflow-y: auto; height: auto;overflow-x: hidden; position: absolute; background: #fff; z-index: 999; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;} .newprice_citydrop li {border-bottom: 1px solid #cccccc;display: block;height: auto;margin: 0;text-align: left;transform: none; -webkit-transform: none;width: 100%;} .newprice_citydrop li a {box-sizing: border-box; -webkit-box-sizing: border-box; color: #000000;display: inline-block;font-family: "robotoregular"; font-size: 14px;padding-bottom: 5px; padding-left: 5px;width: 100%;} .newprice_citydrop li a:hover{color: #8c8c8c;} .newprice_citydrop li:last-child{ margin-bottom: 0px; border-bottom:none; } .newprice_citydrop li:before, .newprice_citydrop li:after { display: none; } .NewPricepgwrap .rupee, .newpricewrapmobi .rupee { font-size: inherit; } /*New Price Page- Mobile*/ .newpricewrapmobi{background-color: #e5e5e5; padding: 30px 10px 10px;box-sizing: border-box; -webkit-box-sizing: border-box;} .newpricewrapmobi .holder2{ display: none; } .pricemobiCard{border: 1px solid #ccc; background: #fff;border-radius: 4px; width:100%; margin-bottom: 10px; display: inline-block; padding: 10px; position: relative;box-sizing: border-box; -webkit-box-sizing: border-box;} .newpricewrapmobi h1 {font-size: 17px;line-height: 1.1; margin-bottom: 15px;} .npricemob-proimg {float: left;width:40%;} .npricemob-namrate {color: #3c3c3c;float: left;font-family: "robotomedium"; font-size: 15px;width: 59%;} .exshow {font-family: "robotoregular";margin-top: 10px; display: block;font-size: 12px;} .citychange .select-wrapper{ border:none; height: 30px; line-height: 30px;} .citychange .select-wrapper select{ line-height: 30px; height: 30px; } .citychange .select-wrapper .holder { line-height: 30px; } .citychange .select-wrapper:hover{ box-shadow: none; -webkit-box-shadow: none; } .newpricewrapmobi .locaicon {left: 5px;position: absolute; top: 17px;z-index: 9;} .fuelchange .select-wrapper{ border:none; border-bottom: 1px solid #dddddd; } .fuelchange .select-wrapper:hover{ box-shadow: none; -webkit-box-shadow: none; } .fuelchange .holder{ margin-left: 0; } .pricemobiCard h2{ font-size: 17px !important; } .fuelchange h2{ margin-bottom: 10px !important; } .newpricewrapmobi .npricemob-accortitle {background:none !important;border-bottom:none !important;font-family:"robotomedium";font-size: 17px;margin: 0 !important; padding: 0 !important; color: #000 !important;} .npricemob-plusminus {height: 14px;position: absolute;right: 10px;width: 14px;} .npricemob-plusminus:after{content: ""; position: absolute;background-color: rgba(0,0,0,.87); top: 50%; left: 0; width: 100%;height: 2px;margin-top: -1px;} .npricemob-plusminus:before{content: "";position: absolute;background-color: rgba(0,0,0,.87);top: 0;left: 50%;width: 2px;height: 100%;margin-left: -1px;} .npricemob-accor h3.open .npricemob-plusminus:before{ display: none; } .npricemob-accordata {margin-top: 0;padding-top: 10px;} .npricemob-des {border-bottom: 1px solid #cccccc;display: inline-block;margin-bottom: 7px;padding-bottom: 7px;width: 100%;} .npricemob-des span{ width: 55%; float: left; font-family: "robotomedium"; color: #8c8c8c; font-size: 13px; } .npricemob-des span:last-child{ float: right; width: 35%; color: #000; text-align: right; } .shareoffer{border-bottom:none;margin-top: 10px;text-align: center;} .shareoffer span{ display: block; width: 100%; color: #000;font-family: "robotomedium";font-size: 15px; } .shareoffer a{border-radius: 3px;font-size: 15px;margin-top: 10px;padding: 10px 15px; color:#fff !important;} .npricemob-accor h3.margintop0{background: #ffffff;box-sizing: border-box; -webkit-box-sizing: border-box;border: 1px solid #cccccc;border-radius: 4px;display: inline-block;margin-bottom: 10px; padding: 10px;position: relative;width: 100%;} .npricemob-accor h3.open { margin-bottom: 0; border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .npricemob-accor .compcontent { background: #ffffff;box-sizing: border-box; -webkit-box-sizing: border-box;border: 1px solid #cccccc;border-radius: 4px;display: inline-block;margin-bottom: 10px; padding: 10px;position: relative;width: 100%; border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .desk-banner{ display:none !important;} /* Blogs css*/ .main .bloglisting { text-align: left; padding: 20px 10px; max-width: 1180px; margin: 0px auto; width: 100%; position: relative;} .blisting { margin-bottom: 40px; display: inline-block; width: 100%; font-family: 'robotoregular';} .main .bloglisting .blisting .blistcontain{padding: 20px 10px;max-width: 1180px;margin: 0px auto;width: 100%; position: relative;} .bloglisting .blisting .blistcontain a{display: inline-block;text-decoration: none;width: auto;} .bloglisting .blisting img {float: left; } .bloglisting .blisting h2{font-size: 16px;line-height: 1; margin:0; padding:0; width: 100%; color: #000;} .bloglisting .blistcontain h2{font-size: 16px !important; line-height:1;width: 100%; color: #000;} .bloglisting .blisting p{color: #505050;font-size: 14px;line-height: 1.5;margin-top:15px; overflow-wrap: break-word; font-family: 'robotoregular';} .blog_readmore:hover{ color: #000; } .blogdetailpg h1 { font-size: 25px !important; color: #353535 !important; margin:0 !important; font-family: 'robotomedium'; line-height: 1.3;-webkit-margin-before: 0.67em; -webkit-margin-after: 0.67em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; padding:20px 0px 10px 0px !important;} .bvenuedetail{ margin-top: 20px; color: #505050; font-size: 13px; } .bvenuedetail li{ margin-bottom: 25px; } .bvenuedetail li span:first-child{float:left; color: #000; margin-right: 10px; } .blogdetailpg .fbcomments { margin-top: 40px;} .blogdetailpg .fbcomments img{ margin-right: 0; } .fbshare{ margin-top: 20px; background-color:#4d6ab4;border:solid 1px #3d5aa4;border-radius: 3px;padding: 5px 10px;cursor: pointer; display: inline-block; text-align: center;vertical-align: middle;white-space: nowrap;} .fbshare a{color: #fff !important;font-size: 12px;line-height: 1.5;} .fbshare .counts{background-color: #fff;color: #4d6ab4;border-radius: 10px;display: inline-block;font-size: 12px;font-weight: 700;line-height: 1;min-width: 10px;padding: 3px 7px;text-align: center;vertical-align: middle;white-space: nowrap;} .fbshare:hover {background-color: #3d5aa4;border-color:#4d6ab4;color:#fff;} .blog_img { float:left !important;margin-left: 10px; max-width:100%; border: 0 none;} .blog_detail_img {float: right !important; margin-left: 10px; max-width: 300px; border: solid 1px #ccc;} .aboutinput 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;float: left; text-align: left;} .aboutinput input[type="text"], .aboutinput input[type="email"], .aboutinput input[type="tel"], .aboutinput textarea { width: 100%; } .aboutinput .select-button { margin-top: 0 } .nout-bikeicon {width: 80%;top: -8px !important;} .newifrmview360img{border: 1px solid #ccc; border-radius: 5px; height: auto; width: 98%;} #ui-datepicker-div { z-index: 999 !important; } .newftrmobi .newftrsocial{ text-align: center; background: #2f3942; padding-top: 10px; } .newftrmobi .newftrsocial a{ margin-right: 10px;transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; } .newftrmobi .newftrsocial a:hover{ opacity: 0.5; } .newftrmobi .newftrsocial .fbicon{width: 30px; height: 30px; background-position:-43px -7px;} .newftrmobi .newftrsocial .twittericon{width: 30px; height: 30px; background-position:-114px -4px;} .newftrmobi .newftrsocial .gplusicon{width: 30px; height: 30px; background-position: -43px -42px;} .newftrmobi .newftrsocial .youtubeicon{width: 30px; height: 30px; background-position: -114px -42px;} .newftrmobi .newftrsocial .pinicon{width: 30px; height: 30px; background-position:-184px -4px;} .newftrmobi .newftrsocial .linkicon{width: 30px; height: 30px; background-position:-184px -42px;} .newftrmobi .newftrsocial .instaicon{background-position:-183px -82px;width: 30px; height: 30px;} .newftrmobi .newftrsocial .whtsappicon{ background-position: -183px -119px; width: 30px;height: 30px; } .popupwrap sup, .finance sup, .newoutlet-detail sup, #submitresume sup{ color: red; } /* .newftrmobi .newftrsocial .fbicon:hover{background-position: -43px -7px;} .newftrmobi .newftrsocial .twittericon:hover{background-position:-114px -4px;} .newftrmobi .newftrsocial .gplusicon:hover{ background-position: -43px -42px;} .newftrmobi .newftrsocial .youtubeicon:hover{background-position: -114px -42px;} .newftrmobi .newftrsocial .pinicon:hover{background-position:-184px -4px;} .newftrmobi .newftrsocial .linkicon:hover{background-position:-184px -42px;} .newftrmobi .newftrsocial .instaicon:hover{background-position:-183px -82px;} .newftrmobi .newftrsocial .whtsappicon:hover{ background-position: -183px -119px;}*/ .checkoptionprice{display: inline-block !important; margin-left: 0 !important;margin-right: 5px;float: left;} .npricemob-des span.npricemob_price{float: right; width: 35%; color: #000;text-align: right;} /*video section*/ ..videohomsec{ border-top: 1px solid #e6e6e6; padding-top: 30px;border-bottom: 1px solid #e6e6e6;padding-bottom: 30px; } .videohomsec h2{font-size: 26px; text-align: center;font-family: 'robotomedium';line-height: 1;color: rgb(0, 0, 0);font-weight: normal;margin: 0 0px 20px 0;} .videohomsec .videosec iframe{ border:none; margin-bottom:15px;} .videohomsec a.button {padding-top: 10px;padding-bottom: 10px;display: block;width: 100px;color: #fff; margin: 0px auto; text-align: center;} .videohomsec .videosec { text-align: center; position: relative; width: 90%; margin: 0px auto; margin-bottom: 15px; } /*======== Youtube video Popup Css============*/ #thankyou-popup {border-radius: 5px; text-align: center; width: 90%; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #000; z-index: 1599; height: auto; } .overlapebg{ position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 1598; background: rgba(0, 0, 0, 0.8); } #thankyou-popup .popupcontent{ padding: 0; position: relative; } #thankyou-popup .popupcontent iframe{ height: 360px; border:none;} .close-icon{ position: fixed; top: -45px;right: -5px;cursor: pointer;z-index: 1600;height: 24px;transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;} .close-icon:hover{ opacity: 0.75 } [data-icon="close"] { width: 20px; height: 2px; background: #fff; margin: 15px 0 0 4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); display: block; margin:0 auto; position: relative; top: 11px; } [data-icon="close"]:after { content: ''; width: 20px; height: 2px; background: #fff; position: absolute; top: 0px; left: 0px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} .close-icon { pointer-events: visible; line-height: 0;} .playerimg {position: absolute;background: url(../image/ytubeicon2.png); background-size:100%; width:67px;height:47px; -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s;transition: transform .2s;transition: transform .2s,-webkit-transform .2s;transform: translateY(-50%); margin: auto;top: 50%;left: 0; right: 0;} .colorntavl{padding-top: 140px; padding-bottom: 100px;}