/* CSS Document */
html, body { overflow-x: hidden !important }
body { background-color: #262626 !important; font-size: 13px; font-family:Arial, Helvetica, sans-serif; overflow-x: hidden;}
/* $$$$ HEADER $$$$ */
#header { width:100%; min-height: 90px; height: auto; background-color: #000; padding-top: 5px; padding-bottom: 5px }
.logo a img { max-height: 75px; height:auto; }
.contact-info { text-align: right; margin-top: 19px; }
.cntct-txt { font-weight: bold; color: #e6e6e6; padding-top: 2px; font-size: 15px; display: inline-block; letter-spacing: .5px; }
.cntct-arr { display: inline-block; margin-right:10px; margin-left:10px; }
.cntct-arr > img { margin-top: -4px; }
.cntct-icon { display: inline-block; width: 36px; height: 36px; border-radius: 100%; margin-left: 5px; margin-right: 5px; color: #e6e6e6; text-align: center; font-size:17px; line-height: 34px; }
.cntct-num { font-size: 21px; font-weight: bold; color: #e6e6e6; }
.dealer-btn { display: inline-block; }
.dealer-btn a { padding: 9px 24px; text-decoration: none; color: #fff; border-radius: 2px; font-size: 13px; font-weight: bold; text-transform: uppercase; opacity: .85; letter-spacing: -0.1px; transition: opacity .4s }
.dealer-btn a:hover { opacity: 1 }
/* $$$ Mobile (320px) $$$ */
@media (max-width:359px) {
.mobhide-arrw1 { display: none }
.cntct-icon { font-size: 15px; height: 32px; line-height: 26px; margin-left: 5px; margin-right: 0; width: 32px; margin-bottom: 4px;}
.mob-mail, .mob-phone { display: block; text-align: left; padding-left: 15px; margin-bottom: 5px; }
.cntct-txt { font-size: 16px; }
.cntct-num { font-size: 16px; margin-right: 5px; }
.dealer-btn a { padding: 9px 10px; font-size: 12px; }
}
/* $$$ Mobile $$$ */
@media (max-width:545px) {
.mobhide-arr { display: none }
}
@media (min-width: 360px) and (max-width: 767px) {
.cntct-icon { font-size: 13px; height: 26px; line-height: 22px; margin-left: 5px; margin-right: 0; width: 26px; margin-bottom: 18px;}
.cntct-txt { font-size: 12px; }
.cntct-num { font-size: 14px; }
.dealer-btn a { padding: 10px 13px; font-size: 12px; }
}
@media (max-width:767px) {
#header { padding-top: 5px; }
.logo { text-align:center; }
.logo a img { max-height: 42px; height:auto; }
.contact-info { text-align: center; margin-bottom: 15px; padding-left:5px; padding-right: 5px}
.cntct-arr { margin-right:0px; margin-left:2px; }
}
/* $$$ Portrait tablet to landscape and desktop $$$ */
@media (min-width: 768px) and (max-width: 991px) {
.logo a img { max-height: 46px; height:auto; }
.contact-info { text-align: right; margin-bottom: 15px; padding-left:5px; padding-right: 5px}
.cntct-txt { font-size: 13px; }
.cntct-icon { font-size: 14px; height: 28px; line-height: 25px; margin-left: 5px; margin-right: 0; width: 28px; margin-bottom: 18px;}
.cntct-num { font-size: 16px; }
.cntct-arr { margin-left: 4px; margin-right: 6px; }
.navbar-toggle { margin-right: 6px; }
.mob-nav { margin-left: 0px; }
}
/* $$$ Portrait tablet to landscape and desktop $$$ */
@media (min-width: 768px) and (max-width: 1199px) {
.cntct-arr { margin-right:3px; margin-left:1px; }
.dealer-btn a { padding: 9px 16px; font-size: 12px; }
.cntct-icon { width: 30px; height: 30px; line-height: 25px; margin-bottom: 10px; font-size: 14px; }
}
/* $$$$ NAVIGATION $$$$ */
.navbar { border-radius: 0px; min-height: 60px; margin-bottom: 0px; }
.navbar-default { border: 0px; }
.nav > li > a { display: block; margin-top: 14px; padding: 7px 25px; position: relative; }
.navbar-default .navbar-nav > li > a { color: #fff; font-size: 13px; font-weight: bold; text-transform: uppercase; transition: all 0.5s; margin-left: 1px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, #more-tab.open > a, #more-tab.open > a:focus, #more-tab.open > a:hover { background-color: #000; color: #F3F3F3; border-radius: 3px; }
.mob-nav { display: none; }
.navbar-default .navbar-toggle .icon-bar { background-color: #E6E6E6; }
.navbar-toggle { background-color: #000; }
.navbar-default .navbar-toggle { border-color: #000; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #000; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #000; }
.navbar-collapse { padding-left: 0px; padding-right: 0px; }
/* $$$ More Tabs DropDown $$$ */
#more-tab ul.dropdown-menu { margin-top: -3px; left: 1px; min-width: 175px; border: 1px solid rgba(0,0,0,1); border-radius: 3px; background: #000; }
#more-tab ul.dropdown-menu a { color: #fff; text-transform:uppercase; font-size: 13px; font-weight: bold; padding: 7px 20px; }
/* $$$ Mobile $$$ */
@media (max-width:991px) {
.mob-nav { color: #E6E6E6; display: block; font-size: 13px; font-weight: bold; margin-left: 15px; text-transform: uppercase; padding-top: 18px; }
.navbar { min-height: 50px; }
.navbar-nav { margin: 2px 0px; }
.nav > li > a { display: block; margin-top: 1px; padding: 10px 15px; position: relative; }
.navbar-default .navbar-nav > li > a { color: #F3F3F3; font-size: 13px; font-weight: bold; text-transform: uppercase; transition: all 0.5s; margin-left: 0px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background-color: #000; color: #F3F3F3; border-radius: 0px; }
}
/* $$$ Portrait tablet to landscape and desktop $$$ */
@media (min-width: 768px) and (max-width: 991px) {
.navbar-toggle { margin-right: 6px; }
.mob-nav { margin-left: 0px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.navbar { min-height: 60px; height: auto; }
.nav > li > a { margin-top: 13px; padding: 7px 16px; }
.navbar-default .navbar-nav > li > a { font-size: 13px; transition: all 0.5s; margin-left: 1px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background-color: #000; color: #F3F3F3; border-radius: 3px; }
#more-tab ul.dropdown-menu { left: -90px; }
}
/* $$$$ ORP SLIDER $$$$ */
#slider1 .carousel-inner { max-height:480px; height:auto; z-index: -1 }
.fill { width:100%; height: auto; background-position:center; background-size:cover; position:relative }
.img-pat { background-image:url(https://s3.ap-south-1.amazonaws.com/usedgaadi-backend-raj/static/static_assets/img/T6/pattern.png); background-repeat:repeat; z-index:1; width: 100%; height:auto; }
#orp_search { position:absolute; top:50%; margin-top: -80px; width:100%; text-align: center; height:auto}
#orp_search h2.orp_heading { color: #f6f6f6; font-size: 24px; text-transform: uppercase; font-weight: bold; margin-bottom: 5px }
#orp_search .txt-btmbar, .txt-redbar { height: 4px; background-color: #e6e6e6; width: 80px; margin:0 auto; }
#orp_search .orp-box { margin-top: 20px; height: auto; margin-bottom: 5px; }
#orp_search .orp-box-wrapper { /*box-shadow: 0 0 15px #666; height: 50px; border-radius: 3px;*/ }
.orp-box-wrapper { display: inline-block; height: 50px; padding: 1px; position: relative; }
.srch_box { float: left; }
.brdr-R2 { border-right: 2px solid #dddddd !important; }
.srch_box input { width: 220px; height:46px; background: #f6f6f6; border: 0px; display: block; font-size: 14px; color: #444; padding-left:10px; }
.input-brdr { border-bottom-left-radius:3px; border-top-left-radius:3px; }
.srch_box button { width: 150px; height:46px; border: 0px; display: block; font-size: 13px; color: #fff; text-align:center; font-weight: bold; text-transform: uppercase; opacity: .85; transition: all .4s }
.srch_box button:hover, .srch_box button:focus { opacity: 1; }
.btn-brdr { border-bottom-right-radius:3px; border-top-right-radius:3px; }
@media (max-width:767px) {
#slider1 .carousel-inner, #slider1 a { display: none }
.fill { width:100%; height: 320px; background-position:center; background-size:auto; z-index:-1; position:relative }
.img-pat { background-image:url(https://s3.ap-south-1.amazonaws.com/usedgaadi-backend-raj/static/static_assets/img/T6/pattern.png); background-repeat:repeat; z-index:1; width: 100%; }
}
@media (max-width: 767px) {
.img-pat { min-height:330px; height: auto; }
#orp_search { top:5%; margin-top: 0px }
#orp_search h2.orp_heading { font-size: 22px }
.srch_box { float: none; }
#orp_search .orp-box-wrapper { width: 100% }
.srch_box input, .srch_box button { width: 100%; border-radius: 3px; display: block; margin-bottom: 5px }
.brdr-R2 { border-right: 0px !important }
}
/* $$$$ SLIDER $$$$ */
#slider1 a { z-index: 9999 }
#slider1 a.carousel-control { width: 5% }
#slider1 a.carousel-control.left, #slider1 a.carousel-control.right { background-image: none }
#slider1 a.carousel-control.left { text-align: left; left: 25px }
#slider1 a.carousel-control.right { right: 25px }
#slider1 a.carousel-control .slide-prev, #slider1 a.carousel-control .slide-next { position: absolute; display: inline-block; top: 50%; width: 40px; height: 40px; background: #181818; margin-top: -20px; font-size: 16px; line-height: 40px; border-radius: 2px; text-shadow: none; text-align: center }
/* $$$$ CAR LISTING $$$$ */
#car_listing { margin: 0 auto; text-align: center; padding: 20px 0px; position:relative }
.txt-redbar { height: 3px; width: 70px; margin:0 auto; }
.list-btn { position:relative; float: right; top:-33px; }
.list-btn a { padding: 7px 21px; border-radius: 3px; text-decoration:none; display: block; font-size: 13px; color: #fff; text-align:center; font-weight: bold; text-transform: uppercase; opacity: .85; transition: all .4s }
.list-btn a:hover { opacity: 1 }
#car_listing h2.large_title, #brands_listing h2.large_title { color: #bbb; font-size: 23px; text-transform: uppercase; font-weight: bold; margin-bottom: 5px }
.listing-bg { background: #181818; padding-top: 15px; padding-bottom: 15px; width: 100%; margin: 0 auto; max-width: 1170px; position: relative }
.listing-Tmrg, .brands-Tmrg { margin-top: 0px !important; }
#slider_box { width: 100%; position: relative; overflow:hidden; min-height: 344px; }
#car_listing .list-box { width: 100%; border-radius: 3px; border: 1px solid #444; transition: all .4s }
#car_listing .list-title { font-size: 18px; color: #999; margin-top:15px; }
#car_listing .list-details { padding: 10px; }
#car_listing .list-details ul { padding: 0px; margin: 0px; width:100%; list-style: none; }
#car_listing .list-details ul li { float: left; display: block; width: 33%; font-size:13px; color: #666; }
#car_listing .list-details ul li span { vertical-align: 1px; }
#car_listing .bottm-box { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top: 1px solid #444; background: #262626; margin-top: 20px; padding: 7px 0px }
#car_listing .bottm-box .list-price { font-size: 19px; color: #999; font-weight: bold; text-align: left; }
#car_listing .bottm-box .list-view { position: relative; display: block }
#car_listing .bottm-box .list-view a { padding: 7px 21px; border-radius: 3px; text-decoration:none; background: #000; display: block; font-size: 13px; color: #666; text-align:center; font-weight: bold; text-transform: uppercase; transition: all .4s }
#car_listing .bottm-box .list-view a:hover, #car_listing .bottm-box .list-view a:focus { color: #fff; }
@media (width: 1024px) {
#car_listing .bottm-box .list-price { font-size: 19px; }
#car_listing .bottm-box .list-view a { padding: 6px 10px; font-size: 12px; }
#car_listing .list-details { padding: 0px }
#slider_box { min-height: 280px }
}
/* $$$$ BRANDS LISTING $$$$ */
#brands_listing { margin: 45px auto 0; text-align: center; padding: 0px; position:relative; background-color: #101010; min-height: 210px; height: auto; padding-bottom: 20px; }
.logo-box { width: 100%; position: relative; overflow:hidden; min-height: 80px; height: auto; }
.logo-box ul { width: 100%; display: block; list-style: none; padding-left: 0px; padding-right: 0px; }
.logo-box ul li { float: left }
.logo-box ul li { border: 3px dashed #565656; border-radius: 7px; text-align: center; padding-top: 5px; width: 125px; height: 66px; }
.brands-bg { padding-top: 15px; padding-bottom: 15px; width: 100%; margin: 0 auto; max-width: 1170px; }
.brands-logo { display: block; margin: 0 auto; width: 66px; height: 48px; background: url(https://s3.ap-south-1.amazonaws.com/usedgaadi-backend-raj/static/static_assets/img/T6/cars-logo.png) center top no-repeat; clear: both; transition: all .4s; }
.logo-box li { opacity: .5; transition: all .4s; }
.logo-box ul li:hover { opacity: 1; }
.brands-logo.Maruti { background-position: center -50px; }
.brands-logo.Hyundai { background-position: center -105px; }
.brands-logo.Honda { background-position: center -162px; }
.brands-logo.Tata { background-position: center -217px; }
.brands-logo.Chevrolet { background-position: center -274px; }
.brands-logo.Ford { background-position: center -330px; }
.brands-logo.Toyota { background-position: center -386px; }
.brands-logo.Mahindra { background-position: center -442px; }
.brands-logo.Skoda { background-position: center -498px; }
.brands-logo.Audi { background-position: center -553px; }
.brands-logo.Volkswagen { background-position: center -610px; }
.brands-logo.BMW { background-position: center -666px; }
.brands-logo.Buggati { background-position: center -721px; }
.brands-logo.Fiat { background-position: center -777px; }
.brands-logo.Hindustan-Motors { background-position: center -832px; }
.brands-logo.Icml { background-position: center -890px; }
.brands-logo.Jaguar { background-position: center -945px; }
.brands-logo.Lamborghini { background-position: center -1003px; }
.brands-logo.Land-Rover { background-position: center -1057px; }
.brands-logo.Force { background-position: center -1112px; }
.brands-logo.Datsun { background-position: center -1170px; }
.brands-logo.Mercedes-Benz { background-position: center -1225px; }
.brands-logo.Mitsubishi { background-position: center -1280px; }
.brands-logo.Nissan { background-position: center -1338px; }
.brands-logo.Porsche { background-position: center -1391px; }
.brands-logo.Premier { background-position: center -1448px; }
.brands-logo.Renault { background-position: center -1505px; }
.brands-logo.Rolls-Royce { background-position: center -1562px; }
.brands-logo.San { background-position: center -1617px; }
.brands-logo.Bentley { background-position: center -1673px; }
.brands-logo.Volvo { background-position: center -1727px; }
.brands-logo.Aston-Martin { background-position: center -1783px; }
.brands-logo.Ferrari { background-position: center -1840px; }
.brands-logo.Ashok-Leyland { background-position: center -1897px; }
.brands-logo.Isuzu { background-position: center -1953px; }
.brands-logo.Maserati { background-position: center -2009px; }
.brands-logo.SsangYong { background-position: center -2065px; }
.brands-logo.Mini { background-position: center -2119px; }
.brands-logo.Polaris { background-position: center -2176px; }
.brands-logo.Bajaj { background-position: center -2233px; }
.brands-logo.Cadillac { background-position: center -2287px; }
.brands-logo.Daewoo { background-position: center -2400px; }
.brands-logo.Foton { background-position: center -2456px; }
.brands-logo.Great-Walls { background-position: center -2511px; }
.brands-logo.Infiniti { background-position: center -2622px; }
.brands-logo.Morris { background-position: center -2902px; }
.brands-logo.Peugeot { background-position: center -3013px; }
.brands-logo.Kia { background-position: center -3238px; }
.brands-logo.Maybach { background-position: center -2846px; }
.brands-logo.Hummer { background-position: center -2565px; }
.brands-logo.MINI { background-position: center -2119px; }
@media (max-width:399px) {
.list-btn { position: absolute; right: 30%; top: 85px; left: 30%; z-index: 1 }
#slider_box { min-height: 365px; }
.listing-Tmrg { margin-top: 60px !important; }
.brands-Tmrg { margin-top: 15px !important; }
#brands_box .logo-box ul li { margin-bottom: 10px; margin-left: 12px; margin-right: 12px; width: 130px }
#brands_listing { min-height: 230px; padding-bottom: 35px }
}
@media (min-width: 400px) and (max-width: 767px) {
.list-btn { position: absolute; right: 30%; top: 85px; left: 30%; z-index: 1 }
#slider_box { min-height: 365px; }
.listing-Tmrg { margin-top: 60px !important; }
.brands-Tmrg { margin-top: 15px !important; }
#brands_box .logo-box ul li { margin-bottom: 10px; margin-left: 10px; margin-right: 8px; width: 130px }
#brands_listing { min-height: 235px; padding-bottom: 35px }
}
@media (max-width:991px) {
#car_listing .list-box { margin-bottom: 10px; }
}
/* $$$$ ABOUT US AND TESTIMONIALS $$$$ */
#about, #testimonial { margin: 0 auto; text-align: center; position:relative; margin-top: 10px; margin-bottom: 20px }
#about h2.large_title, #testimonial h2.large_title { color: #bbb; font-size: 23px; text-transform: uppercase; font-weight: bold; margin-bottom: 5px }
.about-us, .testimonials { min-height: 315px; height: auto; padding-top: 5px; padding-bottom: 15px; }
.about-us { border-right: 1px solid #121212; }
.testimonials { border-left: 1px solid #393939; }
#about .txt-style p, #testimonial .txt-style p.content { font-size:13px; text-align:justify; color: #878787; margin-top: 20px; line-height: 18px; }
#about .txt-style p { padding-right: 15px; }
#testimonial .txt-style p.content { margin-left: 15px; }
#testimonial p.content { font-style:italic; padding-left:21px; position:relative; overflow:hidden; }
/*#testimonial p.content span { text-indent: }*/
#testimonial p.content span.laquo { background:url(https://s3.ap-south-1.amazonaws.com/usedgaadi-backend-raj/static/static_assets/img/T6/laquo.png) no-repeat; width:14px; height:11px; position:absolute; left:0; top:4px; display:block;}
#testimonial p.content span.raquo { background:url(https://s3.ap-south-1.amazonaws.com/usedgaadi-backend-raj/static/static_assets/img/T6/raquo.png) no-repeat right 4px; width:13px; height:15px; padding-left:4px; display:inline-block;}
.abt-btn { display: block; margin-right: 15px }
.testimonial-btn { display: block; float: right; margin-top: 20px; position: absolute; right:0px; bottom:0px}
.abt-btn a, .testimonial-btn a { padding: 8px 10px; text-decoration: none; color: #fff; border-radius: 2px; font-size: 12px; font-weight: normal; text-transform: capitalize; opacity: .85; transition: opacity .4s }
.abt-btn a:hover, .testimonial-btn a:hover { opacity: 1; }
.testimonial-name { float: left }
.usr-name { font-size: 13px; font-weight: bold; text-transform: uppercase; color: #bbb; margin-left: 5px; }
@media (max-width:479px) {
.usr-name { margin-left: 0px; font-size: 12px; }
#footer_box { margin-top: 15px; }
#testimonial .testimonial-name { text-align: left }
#testimonial .txt-style { padding-bottom: 30px }
}
@media (max-width:399px) {
.testimonials { min-height: 350px; height: auto }
}
@media (min-width: 400px) and (max-width: 540px) {
.testimonials { min-height: 320px; height: auto }
}
@media (max-width:767px) {
.t-arrIcon { height: 22px; margin-top: -3px; }
}
@media (max-width:991px) {
#about .txt-style p { padding-left: 15px; }
#testimonial .txt-style p { padding-right: 15px }
.testimonial-btn { margin-right: 0px; }
.about-us, .testimonials { border: 0px }
}
#testimonial_slider { overflow: visible !important; }
#testimonial_slider ol.carousel-indicators { bottom: -35px; }
#testimonial_slider ol.carousel-indicators li { border: 1px solid #111 }
/* $$$$ CAR AVAILABLE $$$$ */
#breadcrumb a { text-decoration: none; font-size: 14px; transition: all 0.4s }
#breadcrumb a:hover, #breadcrumb a:focus{ color: #d6d6d6; }
#breadcrumb li.active { font-size: 14px; }
.dark-bg { background: #181818 }
.carList-bg { border-radius: 3px; border: 0px }
.form-control { display: block; width: 100%; height: 36px; padding: 6px 5px; font-size: 14px; line-height: 1.42857143; color: #bbb; background-color: #080808;
background-image: none; border: 1px solid #232323; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; transition: all 0.4s; opacity: .85 }
/*.form-control:focus { opacity: 1; border: 1px solid #303030; box-shadow: none;}*/
/* Car List View */
.mrg-bottom { margin-bottom: 5px; margin-top: 10px; }
#tab-panel.nav-tabs { border-bottom: 1px solid #565656; }
#tab-panel.nav li a { padding: 10px 26px; color: #aaa; background: #343434; border: 1px solid #565656; border-top-left-radius: 2px; border-top-right-radius: 2px; margin-top: 5px;}
#tab-panel.nav li.active a, #tab-panel.nav li a:hover, #tab-panel.nav li a:focus { color: #fff; border-top-left-radius: 2px; border-top-right-radius: 2px; }
#tab-panel li a { color: #fff; }
@media (max-width: 639px) {
#tab-panel.nav li { width: 100% }
#tab-panel.nav li a { padding: 12px 26px; border-radius: 0px }
}
.black-all{ position:fixed; left:0; top:0px; background-color: #000; width: 100%; height: 100%; z-index: 999; opacity:0.9}
.block.grid-block .content { -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.2); box-shadow: 0px 1px 1px rgba(0,0,0,0.2); padding-top: 15px; padding-bottom: 15px}
.block.grid-block .inner-block { padding: 15px; float: left; width: 100% }
.block .grid-carousel { margin-left: -15px; margin-right: -15px }
.block .grid-carousel>.inner { padding: 0px 15px }
.block .grid-item .inner { border: 1px solid rgba(0,0,0,0.1) }
.block .grid-item .inner .picture { overflow: hidden; margin-left: -2px; margin-right: -2px; margin-top: -1px; padding: 0px 1px; position: relative }
.block .grid-item .inner .picture:hover .cycle-pager { margin-top: -24px }
.block .grid-item .inner .picture .cycle-pager { -webkit-transition: margin-top 0.2s; -moz-transition: margin-top 0.2s; -o-transition: margin-top 0.2s;
transition: margin-top 0.2s; background-color: rgba(0,0,0,0.7); height: 24px; left: 0px; margin-top: 0px; padding: 7px 1px; position: absolute;
right: 0px; text-align: center; z-index: 120 }
.block .grid-item .inner .picture .cycle-pager span { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; border-radius: 10px; width: 8px; height: 8px; color: #ffffff; background-color: #ffffff; cursor: pointer; display: inline-block; margin: 1px 4px 0px 4px; text-indent: -9999px }
.block .grid-item .inner .picture .cycle-pager .cycle-pager-active, .block .grid-item .inner .picture .cycle-pager span:hover { background-color: #01ADE3;
color: #01ADE3 }
.block .grid-item .inner .picture a { width: 100% }
.block .grid-item .inner .picture a img { height: auto; width: 100% }
.block .grid-item .inner .like { -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.5); box-shadow: 0px 1px 1px rgba(0,0,0,0.5); background-color: #fff; padding: 10px; color: #01ADE3; position: absolute; top: 10px; left: 24px; z-index: 101 }
.block .grid-item .inner .like a { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; display: block; text-decoration: none }
.block .grid-item .inner .like a:hover { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg) }
.block .grid-item .inner h3 { font-weight: bold; text-align: center }
.block .grid-item .inner h3 a { color: #333; }
.block .grid-item .inner h3 a:hover { color: #004058; text-decoration: none }
.block .grid-item .inner .subtitle { color: rgba(0,0,0,0.6); text-align: center; font-size: 12px }
.block .grid-item .inner .meta { border-top: 1px solid rgba(0,0,0,0.1); padding: 8px }
.block .grid-item .inner .meta ul { margin: 0px; padding: 0px; list-style: none; width: 100% }
.block .grid-item .inner .meta ul li { display: block; float: left; width: 33% }
.block .grid-item .inner .meta ul li i { vertical-align: -6px }
.block .grid-item .inner .price { color: #01ADE3; text-align: center; font-weight: bold; font-size: 14px; margin-bottom: 15px }
.block.row-block .inner-block { padding: 15px }
.block.row-block .content { padding: 15px 0px; margin: 0 -15px; }
.block.row-block .row-item { margin-bottom: 15px; }
.block.row-block .row-item:last-child { margin-bottom: 0px }
.block.row-block .row-item .inner { border: 1px solid #444; border-radius: 3px; }
.block.row-block .row-item .inner .picture { overflow: hidden; margin-left: -2px; margin-right: -2px; margin-top: -1px; padding: 0px 1px; position: relative }
.block.row-block .row-item .inner .picture:hover .cycle-pager { margin-top: -24px }
.block.row-block .row-item .inner .picture .cycle-pager { -webkit-transition: margin-top 0.2s; -moz-transition: margin-top 0.2s; -o-transition: margin-top 0.2s; transition: margin-top 0.2s; background-color: rgba(0,0,0,0.7); height: 24px; left: 0px; margin-top: 0px; padding: 7px 1px; position: absolute; right: 0px; text-align: center; z-index: 120 }
.block.row-block .row-item .inner .picture .cycle-pager span { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; border-radius: 10px; width: 8px; height: 8px; color: #ffffff; background-color: #ffffff; cursor: pointer; display: inline-block; margin: 1px 4px 0px 4px; text-indent: -9999px }
.block.row-block .row-item .inner .picture { margin: 0px; padding: 0px; display: table; min-height: 190px; text-align: center; vertical-align: middle; width: 100%; background-color: #2d2d2d; height: 190px; }
.block.row-block .row-item .inner .picture a { width: 100%; display: table-cell; vertical-align: middle; text-align: center; }
.block.row-block .row-item .inner .picture a img { display: inline-block; height: auto; max-width: 269px; max-height: 190px; width:auto; }
.block.row-block .row-item .inner h3 { font-weight: bold; margin-bottom: 5px; margin-top: 15px }
.block.row-block .row-item .inner h3 a { color: #d6d6d6; text-decoration: none; font-size: 21px; transition: all 0.4s }
.block.row-block .row-item .inner .subtitle { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; color: #d6d6d6; font-size: 12px; margin-bottom: 10px }
.block.row-block .row-item .inner p { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; color: #d6d6d6; }
.block.row-block .row-item .inner .meta ul { margin: 0px; padding: 0px; list-style: none; width: 100% }
.block.row-block .row-item .inner .meta ul li { display: inline-block; padding: 4px 8px; margin-right: 2px; background-color: #424242; color: #adadad; font-size: 13px; }
.block.row-block .row-item .inner .meta ul li i { vertical-align: -6px }
.block.row-block .row-item .inner .price { font-weight: 500; font-size: 22px; margin-bottom: 0px }
.block.row-block .row-item-small .inner .subtitle { margin-bottom: 5px }
.block.row-block .row-item-small .inner .price { margin-bottom: 5px }
.block.row-block .row-item-small .inner .meta ul li { margin-right: 0px; padding: 3px 6px }
.block.row-block .row-item-small .inner .meta ul li .icon { font-size: 18px; vertical-align: -4px }
.cntct-sellr-btn { padding: 9px 18px; border-radius: 3px; text-decoration:none; border: 0px; margin-top: 10px; display: block; font-size: 12px; color: #fff; text-align:center; font-weight: bold; text-transform: uppercase; opacity: .85; transition: all .4s;}
.cntct-sellr-btn:hover { opacity: 1 }
.cancel-btn { padding: 9px 18px; border-radius: 3px; text-decoration:none; border: 0px; margin-top: 10px; background: #484848; display: block; font-size: 12px; color: #bbb; text-align:center; font-weight: bold; text-transform: uppercase; opacity: .85; transition: all .4s; }
.cancel-btn:hover { opacity: 1 }
.sort-drpdwn { margin: 0px -15px; }
.pagination-box { text-align: right }
ul.pagination { margin-top: 0px }
.pagination > li > a, .pagination > li > span { background-color: #181818; border: 1px solid #666; color: #666; }
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { color: #fff; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { color: #fff }
.pagination > li:first-child > a, .pagination > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; }
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { background-color: #444; border-color: #666; color: #999; cursor: not-allowed; }
@media (max-width: 768px) {
.row-item .content-inner { padding: 15px }
.row-item .meta li { margin-bottom: 5px !important }
.sort-drpdwn { margin: 0px; }
}
@media (width: 768px) {
.block.row-block .row-item .inner .meta ul li { padding: 4px 6px; }
.block.row-block .row-item .inner h3 { margin-top: 0px; }
.row-item .content-inner { padding: 10px; }
}
@media (max-width: 991px) {
.block.row-block .content { margin: 0; }
.pagination-box { text-align: center }
}
.teaser-item-wrapper { margin-bottom: 15px }
.teaser-item-wrapper:last-child { margin-bottom: 0px }
.teaser-item-wrapper:last-child .teaser-item { border-bottom: 0px }
.teaser-item-wrapper:last-child .teaser-item .picture-wrapper { margin-bottom: 0px }
.teaser-item-wrapper:last-child .teaser-item p { margin-bottom: 0px }
.teaser-item-wrapper .teaser-item { border-bottom: 1px solid rgba(0,0,0,0.1) }
@media (min-width: 768px) and (max-width: 990px) {
.teaser-item-wrapper .teaser-item { border-bottom: 0px }
}
.teaser-item-wrapper .teaser-item .content-inner { padding: 0px }
.teaser-item-wrapper .teaser-item .title { margin-bottom: 5px; margin-top: 0px }
.teaser-item-wrapper .teaser-item .title a { color: #464646; font-size: 14px; text-decoration: none }
.teaser-item-wrapper .teaser-item .title a:hover { color: #222 }
.teaser-item-wrapper .teaser-item .subtitle { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; color: #404040; font-size: 12px;
margin-bottom: 7px }
.teaser-item-wrapper .teaser-item .price { color: #01ADE3; font-weight: bold; font-size: 14px; line-height: 1; margin-bottom: 7px }
.teaser-item-wrapper .teaser-item .picture-wrapper { margin-bottom: 15px; padding-right: 5px }
.teaser-item-wrapper .teaser-item .picture-wrapper .picture img { width: 100% }
.teaser-item-wrapper .teaser-item .picture-wrapper .picture a .hover { -webkit-transition: margin-top 0.2s linear; -moz-transition: margin-top 0.2s linear;
-o-transition: margin-top 0.2s linear; transition: margin-top 0.2s linear; background-color: rgba(0,0,0,0.2); height: 100%; left: 0px; margin-top: -100%;
position: absolute; right: 0px; text-align: center }
.teaser-item-wrapper .teaser-item .picture-wrapper .picture a .hover .hover-inner { bottom: 0; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px }
.teaser-item-wrapper .teaser-item .picture-wrapper .picture a .hover .hover-inner .icon { color: #fff; display: block; font-size: 30px; margin-left: -5px;
margin-top: -5px }
.teaser-item-wrapper .teaser-item .picture-wrapper .picture a:hover .hover { margin-top: 0% }
.teaser-item-wrapper .teaser-item .content-wrapper p { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; line-height: 14px }
.imgcount { display: block; padding: 1px 5px; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.40); color: rgba(255,255,255,0.70); text-align: center; font-size: 12px; transition: all 0.3s; }
/* $$ Contact Seller Modal $$ */
.contactDealer .modal-content { background-color: #181818; border: 1px solid #484848; border-radius: 2px; color: #9d9d9d }
.contactDealer .modal-header { background-color: #363636; border-bottom: 1px solid #666; color: #d6d6d6 }
.d-in { display: inline-block !important }
.close { color: #bbb; opacity: .7; text-shadow:none; transition: all 0.4s }
.close:hover { color: #ddd; opacity: 1; }
/* $$ Car Details $$ */
.left-container h3.car-name { margin-top: 0px; margin-bottom: 15px; }
.container-box { background: #181818; border-radius: 3px; padding: 15px; }
.left-container h3.car-name, .left-container h2.small-sub-head , h3.small-sub-head{ color: #aaa; text-decoration: none; font-size: 21px; font-weight: 700; transition: all 0.4s }
.details-txt { color: #888; }
.car-infor { padding: 15px; color: #888; background: #333; border-radius: 3px; }
hr { margin-bottom: 10px; margin-top: 5px; border-top: 1px solid #484848; }
p.price-sllr { font-size: 14px; color: #999 }
.c-price { font-size: 21px; font-weight: bold }
ul.ucd-media > li.media > .media-body > a > h4 { font-size: 12px; margin: 0px; text-align: left }
ul.ucd-media > li.media > .media-body > p { font-size: 11px; margin: 0px; line-height: 1.458571429; color: #888; text-decoration: none; text-align: left }
.car-name {margin:0px 0px 10px; }
.text-muted { color: #555; }
#seller_details { color: #999 !important }
/* $$$$ SELL CAR $$$$ */
.left-box, .left-container { padding-right: 15px; }
.panel .table { margin-bottom: 0px; border: none !important; }
.panel { margin-bottom: 20px; background-color: #181818 !important; border: 0; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; }
.panel-default > .panel-heading { font-size: 15px; background: #393939; border: 1px solid #484848; color: #bbb; font-weight: bold; }
.left-box h3 { color: #aaa; }
.left-box label { color: #9d9d9d }
.left-box hr { border-top: 1px solid #484848; }
#sidebar .list-group-item.active, .left-box .list-group-item.active:focus, .left-box .list-group-item.active:hover, #address-side .list-group-item.active, #address-side .list-group-item.active:focus, #address-side .list-group-item.active:hover { z-index: 2; color: #fff; background-color: #393939; border-color: #484848; font-size: 15px; font-weight: bold; color: #bbb; }
.list-group { background: #181818; }
.box-sec { padding: 15px; text-align: center }
.box-sec .testimonial { color: #6b6b6b; line-height: 16px; text-align: justify; }
.box-sec .ryt-btn-blk { display: inline-block; }
/* $$ Side Panel $$ */
.toggle-right-panel { position: absolute; z-index: 1111; right: -14px; cursor: pointer; border:0px solid #fff; border-radius:3px; top: -35px; }
.sidebar-toggle { border-radius: 2px 0px 0px 2px !important; font-size: 24px; padding: 3px 15px 3px 10px; }
.sidebar-toggle:hover { border-radius: 2px 0px 0px 2px !important; font-size: 24px; padding: 3px 15px 3px 10px; background-color: #333333 !important;
border-color: #333333 !important; }
.sidebar-toggle:focus { border-radius: 2px 0px 0px 2px !important; font-size: 24px; padding: 3px 15px 3px 10px; background-color: #333333 !important;
border-color: #333333 !important; }
.visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; }
@media (max-width: 767px) {
.visible-xs { display: block !important; }
#sidebar { padding-left: 30px; padding-right: 30px; }
#address-side { padding: 0 30px; }
}
@media (max-width: 767px) {
.left-box, .left-container { padding-left: 15px; }
}
/*
* Off Canvas
* --------------------------------------------------
*/
@media screen and (max-width: 767px) {
.row-offcanvas { position: relative; -webkit-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; }
.row-offcanvas-right { right: 0; }
.row-offcanvas-left { left: 0; }
.row-offcanvas-right .sidebar-offcanvas { right: -90%; /* 6 columns */ top:-130px; }
.row-offcanvas-left .sidebar-offcanvas { left: -90%; /* 6 columns */ display:none }
.row-offcanvas-right.active { right: 100%; /* 6 columns */ }
.row-offcanvas-left.active { left: 90%; /* 6 columns */ opacity:0.3; }
.sidebar-offcanvas { position: absolute; top: 0; width: 90%; /* 6 columns */ z-index: 1002; }
}
/* $$$$ SHOWROOM $$$$ */
.showroom-gal { padding-right: 15px }
.car-gallery-1 { padding:20px; border-top:none; }
.gallery-samall { max-height:100px; margin:3px 3px; } /*changed*/
.dlinfo-right { color: #bbb }
.dlinfo-right .panel-body { padding: 15px 0px }
@media screen and (max-width: 767px) {
.showroom-gal { padding: 0px 15px; margin: 0 auto }
.car-gallery { text-align: center }
.gallery-samall { max-width:248px; }
.dlinfo-right .panel-body, .dlinfo-right .map { padding: 15px }
}
/* $$$$ FINANCE $$$$ */
.box-sec .f-txt, .sellr-txt { color: #9d9d9d; }
/* $$$$ ABOUT US $$$$ */
.about-txt { padding-bottom: 15px; }
.about-txt h4.abt-title { font-size: 16px; color: #bbb; text-transform: uppercase; }
.about-txt p.abt-details { font-size: 13px; color: #777; text-align: justify }
.manager img { width: 100% }
.manager strong { display: block; font-weight: 600; margin: 20px 0 10px 0; color: #bbb; font-size: 16px }
.manager p { color: #777 }
/* $$$$ CONTACT ADDRESS $$$$ */
#address-side .list-group-head { margin-top: 0px; border-top-left-radius: 3px; border-top-right-radius: 3px; position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; border: 1px solid #484848; }
.contact-address { padding: 15px; padding-top: 0px }
.contact-address h2.address-city { font-size: 14px; text-transform: uppercase; color: #666; font-weight: bold; }
.contact-address p.address-txt { font-size: 13px; color: #888; }
@media (max-width: 767px) {
.m-contact-box { }
}
/* $$$$ FOOTER $$$$ */
#footer_nav, #footer_box { width: 100%; min-height: 48px; height: auto; background: #181818; }
#footer_nav { border-bottom: 1px solid #0a0a0a; }
#footer_box { border-top: 1px solid #232323; border-bottom: 1px solid #0a0a0a; padding-bottom: 10px }
#footer_nav ul.footer { padding: 0; width: 100%; list-style: none; display: inline-block; text-align: center; margin-top: 15px; }
#footer_nav ul.footer li { display: inline-block }
#footer_nav ul.footer li a { padding: 8px 14px; font-size: 13px; text-transform: capitalize; text-decoration: none; color: #666; transition: color .4s }
#footer_nav ul.footer li a:hover { color: #bbb; }
#footer_box { text-align: left }
#footer_box .footer-box h2.large_title { color: #999; font-size: 15px; text-transform: uppercase; font-weight: bold; margin-bottom: 5px }
#footer_box .footer-box .txt-redbar { height: 2px; width: 60px; margin: 0 }
.cmpny-name { font-size: 18px; color: #999; font-weight: bold; text-transform: uppercase; margin-top: 20px }
.cmpny-addrss { font-size: 13px; color: #666; text-align: left; }
.footer-icon { display: inline; font-size: 16px; }
.cmpny-addrss-txt { margin-left: 5px; display: inline }
.tbox1, .tbox2 { display: inline-block; font-size: 15px; text-transform: uppercase; color: #666; width: 40%; }
.tbox1 { font-weight: bold; }
.tbox2 { font-weight: normal; width: 100% !important }
.f-social { margin-top: 20px; width: 100%; display: block }
.f-social a.s-box { display: inline-block; border: 1px solid #444; border-radius: 3px; font-size: 16px; color: #444; width: 40px; height: 40px; line-height: 40px; text-align: center; margin-right: 5px; transition: all .4s }
.f-social a.s-box:hover { color: #fff; }
.f-box1, .f-box2, .f-box3 { min-height: 245px; height: auto; }
.f-box1 { border-right: 1px solid #0a0a0a; padding-right: 10px; }
.f-box2 { border-left: 1px solid #232323; border-right: 1px solid #0a0a0a; padding: 0px 10px; }
.f-box3 { border-left: 1px solid #232323; padding-left: 10px; }
.f-box3 { width:380px; height:185px; }
@media (max-width:359px) {
.f-box3 { width:300px; height:160px; }
.f-box1, .f-box2 { min-height: 175px; }
.f-box1, .f-box2, .f-box3 { border: none }
.tbox1, .tbox2 { width: 45% }
#googleMap { max-width: 100%; margin-right: 15px; }
}
@media (max-width:991px) {
#footer_nav { display: none }
.f-box1, .f-box2, .f-box3 { padding-left: 15px; }
.f-box2 { border-right: 0px }
.f-box3 { border-left: 0px; width:100%; }
#googleMap { max-width: 100%; margin-right: 15px; }
}
@media (min-width: 360px) and (max-width: 767px) {
.f-box1, .f-box2 { min-height: 175px; }
#googleMap { max-width: 100%; margin-right: 15px; }
}
@media (min-width: 360px) and (max-width: 1200px) {
.f-box3 { height:185px; }
.tbox1, .tbox2 { width: 48% }
}
@media (min-width: 992px) and (max-width: 1200px) {
.f-box3 { width:310px; }
}
/* $$$$ COPYRIGHT $$$$ */
#copyright_box { border-top: 1px solid #232323; background: #181818; }
#copyright_box .copy-left, #copyright_box .copy-right { padding: 10px 0px; color: #666; font-size: 13px; }
#copyright_box .copy-left { text-align: left }
#copyright_box .copy-right { text-align: right }
@media (max-width:991px) {
#copyright_box .copy-left, #copyright_box .copy-right { text-align: center; }
}
/*-- Slider */
.gallery { margin-bottom:0px; }
.crsl-nav { position: absolute; height: 0px; z-index: 99; left: 50%; margin-left: -33px; bottom: -65px; }
#car_listing .previous, #car_listing .next, #brands_listing .previous, #brands_listing .next { height: 35px; width: 35px; border-radius:2px; background: #181818; font-size: 14px; border: 1px solid #444; color: #444; display:block; float:left; position:relative; line-height: 35px; text-align: center; transition: all 0.5s }
#car_listing .previous { left: auto; right: 5px; top: -50px; }
#car_listing .next { left: auto; right: 0; top: -50px; }
#brands_listing .previous { left: auto; right: 5px; top: -70px; }
#brands_listing .next { left: auto; right: 0; top: -70px; }
#car_listing .previous:hover, #car_listing .next:hover, #brands_listing .previous:hover, #brands_listing .next:hover, #car_listing .previous:focus, #car_listing .next:focus, #brands_listing .previous:focus, #brands_listing .next:focus { color: #fff; }
@media (max-width:767px) {
#brands_listing .gallery { padding-left: 15px; }
}
/* $$$ BLOG $$$ */
.news-blog-box h3 { font-size: 21px; margin-bottom: 0px; font-weight: bold }
.news-blog-box .post-by { font-size: 13px; font-style: italic; color: #777; margin-bottom: 15px; }
.news-blog-box .post-by strong { font-style: normal; font-style: normal; }
.news-blog-box .post-by span { font-style: normal; font-size: 14px; }
.news-blog-box .img-box { display: block; width: 100%; text-align: center }
.news-blog-box .img-box img { max-height: 555px; height: auto; max-width: 100%; display: inline-block }
.news-blog-box .content-box { margin: 15px 0px; display: block; color: #9d9d9d !important }
.news-blog-box .content-box p { color: #777; font-size: 13px; text-align: justify }
.news-blog-box .content-box p img { margin: 10px 0px }
.news-blog-box .last-box { text-align: right; }
.news-blog-box .last-box a { color: #bbb; text-decoration: none; }
.rightbox { padding: 15px; padding-top: 10px; color: #999 }
ul.sidebox { margin: 0px; list-style: none; padding: 0px; }
ul.sidebox li { padding: 10px 0px; border-bottom: 1px dotted #999; }
ul.sidebox li a { text-decoration: none; color: #999; transition: color 0.3s }
ul.sidebox li a:hover { background-position: 0px -12px; }
.pagination .current.prev, .pagination .current.next {
color: #999;
border: 1px solid #666;
background: #444;
position: initial;
width: auto;
border-radius:2px;
}
.pagination a, .pagination span {
display: block;
float: left;
padding: 6px 12px;
margin-bottom: 5px;
background:#181818;
position: initial;
width: auto;
border-radius:2px;
}
.pagination a {
text-decoration: none;
border: solid 1px #666;
color: #666;
border-radius:2px;
background: #181818;
}
/*pagination ends*/
/* .pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px
}
.pagination>li {
display: inline
}
.pagination>li>a, .pagination>li>span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
color: #23527c;
background-color: #eee;
border-color: #ddd
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
z-index: 2;
color: #fff;
cursor: default;
background-color: #337ab7;
border-color: #337ab7
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
color: #777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd
}
.pagination-lg>li>a, .pagination-lg>li>span {
padding: 10px 16px;
font-size: 18px
}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px
}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px
}
.pagination-sm>li>a, .pagination-sm>li>span {
padding: 5px 10px;
font-size: 12px
}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px
}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px
}
*/
/* $$$$ Add Testimonial Modal $$$$ */
#addTestimonialModal .modal-header, #addTestimonialModal .modal-footer { font-size: 15px; background: #393939; border: 1px solid #484848; color: #bbb; font-weight: bold; text-transform:uppercase; }
#addTestimonialModal .modal-body { background: #2d2d2d; color: #9d9d9d }
#addTestimonialModal .modal-footer button.cntct-sellr-btn { display: inline-block }
/* $$$$ Customize Widget $$$$ */
#widget_rightside.box-sec { padding: 0px 15px; text-align: center; margin-top: -10px; }
#widget_rightside.box-sec .panel-heading { text-align: left }
#widget_rightside.box-sec .fullwidth { padding: 9px 18px; border-radius: 3px; text-decoration:none; border: 0px; margin-top: 10px; display: block; font-size: 12px; color: #fff; text-align:center; font-weight: bold; text-transform: uppercase; opacity: .85; transition: all .4s; }
.list-thumb { min-height: 190px;height:190px; display: table; background-color: #262626; width: 100%; text-align: center; vertical-align: middle; }
.list-thumb .img-thumb { display: table-cell; vertical-align: middle; }
.list-thumb .img-thumb img { display: inline; max-height: 190px; }
.txt-style { max-height: 280px; overflow: hidden; margin-bottom: 15px }
.map { position: relative; }
.loc_finder { position: absolute; background: rgba(0, 0, 0, .90); padding: 15px 0px; bottom: 15px; left: 50px; width: 90%; color: #9d9d9d; margin-left:0; border-radius: 3px; }
.pad-R0M { padding-right: 0px !important; }
.showroom_bg { background: #262626 !important }
.gall_bg { padding: 15px 0px 0px; }
.home-link-box, .home-link-box form, .home-link-box .filedbox { color: #9d9d9d; text-align: left; }
.txt-C{
margin:0 !important;
padding-top:10px;
}
#aboutUsPage .about_body{
padding:15px;
color:#777;
}
.comment_style {
color:#999;
margin-bottom:20px;
}
.comment_style a, .readMoreTxt a{
color:#bbb;
text-decoration: none;
}
h3.comment-text2 {
margin-bottom:20px;
}
.left-box a { color: #bbb; text-decoration: none }
.comment_style .comment-body h3 { font-size: 21px; margin: 0px; font-weight: bold }
.comment_style .comment-body img { margin: 10px 0px; display: block !important; }
/*.news_header_icon { padding-top: 7px; }*/
.model-txtColor {
color:#9d9d9d !important;
}
#verification_form606424 { color:#9d9d9d !important;}
#verification_form606424 a { color: #bbb; text-decoration: none; }
#verification_form606424 a:hover { color: #c60000 }
.mob_Bpadd { padding-right: 0px !important }
@media (max-width:767px) {
.mob_Bpadd { padding-right: 15px !important }
.comment_style { padding: 0px 15px; }
}
a.cntct-sellr-btn {
text-decoration: none;
color: #fff;
opacity: .85;
display: inline-block !important;
}
.breadcrumb { color: #999 }
.details_txt { background: #181818; border-radius: 3px; padding: 15px; margin-bottom: 20px; }
.details_txt p { color: #777 }
.details_txt p strong u, .details_txt p strong, .details_txt p strong em u { font-size: 16px; font-weight: bold; text-transform: uppercase; text-decoration: none }
.required select {display: block; width: 100%; height: 36px; padding: 6px 5px; font-size: 14px; line-height: 1.42857143; color: #bbb; background-color: #080808; background-image: none; border: 1px solid#232323; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; transition: all 0.4s; opacity:.85;}
#widget_rightside .box-sec , .list-group { background: none !important;}
#sidebar .rtwidgt_bg, #address-side .rtwidgt_bg { background-color: #181818 !important }
#div_right_bar_testimonial p span, .home-link-box #postrequirement label.reqfont-size { color: #9d9d9d !important; font-size: 13px !important }
#usedcar_contactform { padding-top: 10px; }
p.price-sllr { padding-left: 15px; margin-bottom: 0px }
.fa{ margin-top:6px !important;}
.fig-icon-sec{margin:0px auto !important;}
.fig-icon-center{display: inline-block !important;}
@media (max-width:1199px) {
.loc_finder{}
}
@media (max-width:780px) {
.loc_finder{ width:100%; left:0px !important;}
.adp, .adp table {font-size: 12px; padding: .3em 0px; width:95%;}
}
.carousel-caption, .crousl-box{ background: rgba(19, 19, 19, 0.59) !important; right:0% !important; left:0% !important; color:#fff !important; padding: 10px; bottom:35px !important; }
.crousl-txt{ margin:0 !important;}
.pp{ font-size:16px !important; margin: 0 !important;}
@media (max-width: 768px){
.crousl-txt{ margin:0 !important;}
.pp{ font-size:14px !important;}
h3{font-size:14px !important;}
.carousel-caption, .crousl-box{ display:none !important;}
}
.btn-file {
position: relative;
overflow: hidden;
}
.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: inherit;
display: block;
}
#img-upload{
width: 100%;
}
.user{ width:90px; height:90px; border-radius:50%; background:#999; color:#fefefe; font-size:60px; padding:0px; text-align:center;overflow:hidden}
.trustmarktext {
font-size: large;
color: #696969;
position: relative;
top: 24px;
padding-right: 12px;
}
.floatleft {
float: left;
}
.breadcrumb {
background-color: #181818;
}
/*.panel {
margin-bottom: 20px;
background-color: #181818;
}*/
.contactDealer .modal-header {
background-color: #363636 !important ;
border-bottom: 1px solid #666!important ;
color: #d6d6d6!important ;
}
.contactDealer .modal-content {
background-color: #181818!important ;
border: 1px solid #484848!important ;
border-radius: 2px!important ;
color: #9d9d9d!important ;
}
.contactDealer .modal-body {
background-color: #181818!important ;
border-radius: 2px!important ;
color: #9d9d9d!important ;
}
@media (max-width:480px) {
.txt-style {
max-height: 280px;
overflow: hidden;
margin-bottom: 15px;
}
}
.txt-style p{color:#878787;}
@media (max-width:480px) {
.user {
margin-top: -50px;
}
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
cursor: not-allowed !important;
background-color: #0c0c0c !important;
opacity: 1!important;
}
input[type=file]{
width:90px;
color:transparent;
}
/*finace page banks slider css*/
#banks_listing .previous:focus, #banks_listing .next:focus { background: #c60000; border: 1px solid #c60000; }
#banks_listing .logo-box1 { width: 100%; position: relative; overflow:hidden; min-height: 80px; height: auto; }
#banks_listing .logo-box1 ul { width: 100%; display: block; list-style: none; padding-left: 0px; padding-right: 0px; }
#banks_listing .logo-box1 ul li { float: left }
#banks_listing .logo-box1 ul li { border: 1px solid #565656; border-radius: 7px; text-align: center; padding-top: 5px; width: 280px; height: 100px; background: #fff;}
#banks_listing .brands-bg { padding-top: 15px; padding-bottom: 15px; width: 100%; margin: 0 auto; max-width: 1170px; }
#banks_listing .brands-logo { display: block; margin: 0 auto; width: 66px; height: 48px; background: url(https://s3.ap-south-1.amazonaws.com/usedgaadi-backend-raj/static/static_assets/img/T6//banks-logo.png) center top no-repeat; clear: both; transition: all .4s; }
/*.logo-box1 li { opacity: .5; transition: all .4s; }*/
/*.logo-box1 ul li:hover { opacity: 1; }*/
#banks_listing { margin: 45px auto 0; text-align: center; padding: 0px; position:relative; background-color: #101010; min-height: 280px; height: auto; padding-bottom: 20px; }
#car_listing .previous, #car_listing .next, #banks_listing .previous, #banks_listing .next { height: 35px; width: 35px; border-radius:2px; background: #181818; font-size: 14px; border: 1px solid #444; color: #444; display:block; float:left; position:relative; line-height: 35px; text-align: center; transition: all 0.5s }
#banks_listing .previous { left: auto; right: 5px; top: -70px; }
#banks_listing .next { left: auto; right: 0; top: -70px; }
#car_listing .previous:hover, #car_listing .next:hover, #brands_listing .previous:hover, #banks_listing .next:hover, #car_listing .previous:focus, #car_listing .next:focus, #banks_listing .previous:focus, #banks_listing .next:focus { color: #fff; }
@media (max-width:399px) {
.list-btn { position: absolute; right: 30%; top: 85px; left: 30%; z-index: 1 }
#slider_box { min-height: 365px; }
.listing-Tmrg { margin-top: 60px !important; }
.brands-Tmrg { margin-top: 15px !important; }
#brands_box .logo-box ul li { margin-bottom: 10px; margin-left: 12px; margin-right: 12px; width: 130px }
#banks_listing { min-height: 230px; padding-bottom: 35px }
}
@media (min-width: 400px) and (max-width: 767px) {
.list-btn { position: absolute; right: 30%; top: 85px; left: 30%; z-index: 1 }
#slider_box { min-height: 365px; }
.listing-Tmrg { margin-top: 60px !important; }
.brands-Tmrg { margin-top: 15px !important; }
#brands_box .logo-box ul li { margin-bottom: 10px; margin-left: 10px; margin-right: 8px; width: 130px }
#banks_listing { min-height: 235px; padding-bottom: 35px }
}
#banks_listing .banks-logo { display: block; margin: 0 auto; width: 200px; height: 75px; background: url(https://s3.ap-south-1.amazonaws.com/usedgaadi-backend-raj/static/static_assets/img/T6//banks-logo.png) center top no-repeat; clear: both; transition: all .4s; }
/*.logo-box1 li { opacity: .5; transition: all .4s; }*/
#banks_listing .logo-box1 ul li:hover { opacity: 1; }
#banks_listing .banks-logo.hdfc { background-position: center -104px; }
#banks_listing .banks-logo.reliance-captal {background-position: center -208px;}
#banks_listing .banks-logo.kotakmahindra { background-position: center -7px; }
#banks_listing .banks-logo.tata-capital { background-position: center -308px; }
#banks_listing .banks-logo.tvs { background-position: center -415px; }
#banks_listing .banks-logo.cenara-bank { background-position: center -506px; }
#banks_listing .banks-logo.cholamandalam{background-position: center -598px;}
.block.row-block .row-item .inner p {
opacity: 0.6;
color: #d6d6d6;;
}
.block.row-block .row-item .inner h3 a {
color: #d6d6d6;;
text-decoration: none;
font-size: 21px;
transition: all 0.4s;
}
#banks_listing {
margin: 0px 0px 20px 0px;
text-align: center;
padding: 0px;
position: relative;
background-color: #ffffff;
min-height: 280px;
height: auto;
padding-bottom: 20px;
}
.about-txt h4.abt-title {
font-size: 22px;
color: #f5f5f5;
font-weight:700;
text-transform: uppercase;
}
.why-listing ul li {
font-size: 17px;
list-style: none;
padding: 0px;
color: #f5f5f5;
text-transform: none;
}
.list-space- why-me ul li {
padding-left: 20px;
font-size: 17px;
color: #f5f5f5;
}