
text/css style.css ( ASCII C program text, with very long lines )
/* CSS Document */

* { box-sizing: border-box; }

html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, footer, section, aside, nav, article, figure, address, audio, video { background: transparent; border: 0; margin: 0; padding: 0; outline: 0; }

html { min-height: 100%; position: relative; }

body {font-family: 'averta_cyregular';font-size: 16px; color: #000; font-weight: normal; text-decoration: none; background: #ffffff;}

h1, h2, h3, h4, h5, h6 { color: #333333; margin-bottom: 15px; font-family: 'averta_cysemibold'; font-weight: normal; }

input[type="text"], input[type="password"] { margin: 0px; padding: 0px; border: 1px solid #d0d0d0; background: #ffffff; font-size: 16px; color: #333333; padding: 5px 10px; -webkit-appearance: none; border-radius: 3px; box-sizing: border-box; }

select, textarea { margin: 0px; padding: 0px; border: 1px solid #d0d0d0; background: #ffffff; font-size: 16px; color: #333333; padding: 5px 10px; resize: none; border-radius: 3px; box-sizing: border-box; }

textarea { overflow-y: auto; overflow-x: hidden; }

small { color: #666; font-size: 11px; }

:focus { outline: none; }

a:focus { outline: none; }

p { margin-bottom: 20px; line-height: 20px; }

img { border: none; outline: none; }

a { color: #ED1C24; text-decoration: none; outline: none; transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }

a:hover, a:focus { color: #333333; text-decoration: none; outline: none; transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }

.rlatv { position: relative; }

.fnone { float: none !important; }

.nomrgn { margin: 0 !important; }

.nopad { padding: 0 !important; }

.wauto { width: auto !important; }

.req { color: #ff0000; font-size: 12px; }

.form-control{padding:5px 10px !important; font-size: 16px;}

.form-control:focus{box-shadow: none;}

@font-face {

    font-family: 'averta_cyblack';

    src: url('../plugins/fonts/averta_cyrillic_black-webfont.woff2') format('woff2'),

         url('../plugins/fonts/averta_cyrillic_black-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'averta_cybold';

    src: url('../plugins/fonts/averta_cyrillic_bold-webfont.woff2') format('woff2'),

         url('../plugins/fonts/averta_cyrillic_bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'averta_cyextrathin';

    src: url('../plugins/fonts/averta_cyrillic_extra_thin-webfont.woff2') format('woff2'),

         url('../plugins/fonts/averta_cyrillic_extra_thin-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'averta_cyextrabold';

    src: url('../plugins/fonts/averta_cyrillic_extrabold-webfont.woff2') format('woff2'),

         url('../plugins/fonts/averta_cyrillic_extrabold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'averta_cylight';

    src: url('../plugins/fonts/averta_cyrillic_light-webfont.woff2') format('woff2'),

         url('../plugins/fonts/averta_cyrillic_light-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'averta_cyregular';

    src: url('../plugins/fonts/averta_cyrillic_regular-webfont.woff2') format('woff2'),

         url('../plugins/fonts/averta_cyrillic_regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'averta_cysemibold';

    src: url('../plugins/fonts/averta_cyrillic_semibold-webfont.woff2') format('woff2'),

         url('../plugins/fonts/averta_cyrillic_semibold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'averta_cythin';

    src: url('../plugins/fonts/averta_cyrillic_thin-webfont.woff2') format('woff2'),

         url('../plugins/fonts/averta_cyrillic_thin-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



/* Common CSS end here */



#middle { display: block; padding-top:130px;}

.carousel { width: 100%; }

.carousel-item { height: 550px; }

.navbar-collapse { flex-grow: 0; }

.common-section { padding: 30px 0; }

h2.section-heading { margin-bottom: 50px; font-size: 50px; }

h3.section-inner-heading { margin-bottom: 10px; font-size: 25px; }

h4.section-inner-heading { margin-bottom: 0px; font-size: 20px; }

h5.footer-heading { color: #fff; font-size: 18px; font-weight: 700; margin-bottom: 10px;}

.dark-section { background: #ebebeb; }

ul.footerlink li { margin-bottom: 5px; }

ul.footerlink li a { color: #CCC; }

ul.footerlink li a:hover { color: #ffffff;}



/*header*/

.container {max-width:1200px;}

.hd_topbar{width:100%; display:inline-block; border-bottom:1px solid #DDDDDD;padding:13px 0;}

.hd_logo{ float:left; margin-right:76px;}

.hd_serchbar{ float:left;background:#FAFAFA;border: 1px solid #DDDDDD;border-radius: 6px;height: 40px;width: 400px; margin-top:7px;}

.hd_menu{ width:100%; display:inline-block;padding:12px 0;}

.hd_menu ul{ margin:0; padding:0;}

.hd_menu li{ list-style:none; float:left; margin-right:30px; position:relative;}

.hd_menu li a{color:#444444; font-size:16px;font-family: 'averta_cysemibold';}

.hd_menu li::after {content: '';display: block;width: 0;height: 3px;background: #ED1C24;transition: width .3s;top:-14px;position: absolute;}

.hd_menu li:hover::after {width: 100%;}

.hd_serchbar button{border: 0;background: none;outline: none;cursor: pointer;font-size: 18px;padding: 6px 14px;float: right;}

.hd_serchbar button:hover i{color:#ED1C24;}

.serchbar_input{background: transparent !important;border: 0 !important;padding: 7px 16px !important;color:#777777 !important; font-size:16px !important;}

.hd_numb{ float:right;color:#ED1C24; font-size:18px;margin-top: 14px;font-family: 'averta_cysemibold';}

.hd_numb span{color:#444444;}

.hd_numb i{color: #444444;font-size: 20px;margin-right: 5px;top: 2px;position: relative;}

.store_location{width:100%; display:inline-block; border-right:1px solid #565559;padding:14px 0;}

.banner_cnt{ position:absolute; z-index:10;padding:50px;left:0;right:0;}

.your_dream{background:#FFFFFF;box-shadow: 0px 0px 30px #00000029;border-radius: 6px;width: 360px;height: 304px; display:inline-block;padding:30px;}

.your_dream h2{letter-spacing: 0px;color: #444444; font-size:26px;margin:0 0 22px 0;}

.your_dream_tab{width:100%; display:inline-block; margin-bottom:20px;}

.your_dream_tab button.btn{width:48%;background:#FFFFFF;border: 1px solid #DDDDDD;border-radius: 6px;height: 50px; line-height:50px; text-align:center;color:#444444; font-size:16px;padding:0;font-family: 'averta_cysemibold';}

.your_dream_tab button.btn:hover, .your_dream_tab button.btn.active{background:#FFEBEC;border: 1px solid #ED1C24;color:#ED1C24;}

.your_dream .dropdown .btn-secondary {color: #777777 !important;background-color: #fff !important;border-color: #DDDDDD !important;width:100%;text-align: left;border-radius:0;box-shadow: none !important;padding:10px 12px;}

.your_dream .dropdown .dropdown-toggle::after{ float:right;    margin-top: 10px;}

.your_dream .dropdown .dropdown-menu{width:100%;padding:0 !important;}

.your_dream .dropdown-item{padding:10px 6px !important;}

.your_dream .dropdown-item:focus, .your_dream .dropdown-item:hover {color: #fff !important;background-color: #ED1C24 !important;}

.btn_red{ height:48px; line-height:48px; text-align:center; padding:0; background:#ED1C24;border-radius: 6px;color: #FFFFFF; font-size:16px; border:1px solid #ED1C24;font-family: 'averta_cysemibold';}

.btn_red:hover{ background:#ffffff; color:#ED1C24;}

.banner_main_img{  margin-left:13px;display: inline-block;vertical-align: top;}

.slider_big .owl-carousel .owl-item img{ height:464px; width:auto;}

.btn_green{ height:48px; line-height:48px; text-align:center; padding:0; background:#159830;border-radius: 6px;color: #FFFFFF; font-size:16px; border:1px solid #159830;font-family: 'averta_cysemibold';}

.btn_green:hover{ background:#ffffff; color:#159830;}

.buttons_block{ width:100%; display:inline-block; margin-top:20px;background: #e2e2e4; padding:20px;}

.buttons_block .btn{ width:48%;}

.availability_stock .btn i{font-size: 18px; margin-right:3px;}

.buttons_whiteblock{ background:#fff; padding:20px;}







/*homepage*/



.feature-product{ width:100%; display:inline-block;}

.nav_tabs_block{ margin-bottom:40px; display:inline-block; width:100%; border-bottom:1px solid #E6E6E6;}

.feature-product .nav_tabs_block .nav-tabs {border-bottom: 0; flex-wrap: inherit; display:inline-block;    }

.feature-product .nav_tabs_block .nav-tabs li{ float:left; padding:0; margin-right:22px; position:relative;}

.feature-product .nav_tabs_block .nav-tabs li a{padding:0px; text-align:center; color:#565559; font-size:16px; display: block;font-family: 'averta_cysemibold'; border:0 !important;}



.product_img{ width:100%; display:inline-block;height: 200px; position:relative; overflow:hidden;}

.product_img .prod_type .prod_sale{ width:40px; height:40px; line-height:40px; font-size:16px;    text-align: center;}

.product_img .pro_img{ max-width:100%; height:200px;margin: 0 auto;display: table;    object-fit: cover;}

.product_box h4{ font-size:16px; color:#444444; font-weight:normal; margin:0;}

.product_box h5{ font-size:18px; color:#444444; font-weight:normal; margin:3px 0 0 0;}

.car_price_budget{width:100%; display:inline-block;background: #FAFAFA;border-radius: 15px;height: 30px; line-height:30px; text-align:center;color:#444444; font-size:14px; margin-top:10px;}

.car_price_budget span{padding:0 8px;}



.adds_product{ width:100%; display:inline-block; margin-top:30px;}

.adds_banner{ width:33%; float:left; padding:0 15px; position:relative;}

.adds_banner .bnr_img{ max-width:100%;height: 237px;border-radius: 5px;}

.adds_banner_cnt{ position:absolute; margin-left:30px; top:50%;    margin-top: -32px;}

.adds_banner_cnt h3{color:#fff; font-size:11px;}

.adds_banner_cnt p{color:#fff; font-size:18px; line-height:25px;}

.adds_banner_cnt p span{ display:block;}

.electronic_adds_banner .adds_banner_cnt {margin-left: 0;left: 0;right: 0;text-align: center;}

.electronic_adds_banner h3{font-size: 30px;margin-bottom:5px;}

.electronic_adds_banner p{font-size: 14px;color: #e2e2e2; margin-bottom:5px;}

.electronic_adds_banner p a{color: #e2e2e2; font-size:11px; border-bottom:1px solid #e2e2e2;}

.electronic_adds_banner p a:hover{ border-bottom:0;}

.white_bg{width:100%; display:inline-block;background: #FFFFFF;box-shadow: 0px 0px 10px #00000014;border-radius: 6px;padding:34px 40px;}

.shop_brands{width:100%; display:inline-block; margin:40px 0;}

h1{letter-spacing: 0px;color: #444444; font-size:26px; margin-bottom:40px;}

.shop_brands .owl-dots{ display:none;}

.shop_brands .owl-theme .owl-nav{ bottom:30%;text-align: left;}

.shop_brands .owl-nav .owl-next{ float:right;}

.shop_brands .brands_logo{background: #FFFFFF;border: 1px solid #DDDDDD;border-radius: 6px;height: 140px; text-align:center; margin:0 8px; cursor:pointer;}

.shop_brands .brands_logo:hover{box-shadow: 0px 0px 10px #00000014;}

.shop_brands .brands_logo:hover h4{color:#ED1C24;}

.shop_brands .brands_logo img{    max-height: 80px;
    width: auto;
    display: table;
    margin: 15px auto 5px auto !important;}

.shop_brands .brands_logo h4{letter-spacing: 0px;color: #444444; font-size:16px; text-align:center;font-family: 'averta_cyregular';}

.white_bg .owl-theme .owl-nav button span{background: #FFFFFF;box-shadow: 2px 0px 10px #00000014;border-radius: 6px;width: 50px;

height: 60px; text-align:center;    display: inline-block; font-size:0;    line-height: 60px;}

.white_bg .owl-theme .owl-nav button span:hover{background: #ED1C24;}

.white_bg .owl-theme .owl-nav button span:hover:before{color:#fff;}

.owl-nav button.owl-prev span:before {content: "\f104";font-size:20px;color:#444444;}

.owl-carousel .owl-nav button.owl-next span:before {content: "\f105";font-size:20px; color:#444444;}

.white_bg .owl-carousel .owl-nav button.owl-next{ position:absolute;    position: absolute;right: -64px;top: -55px; font-family: 'Line Awesome Free';

    font-weight: 900;}

.white_bg .owl-carousel .owl-nav button.owl-prev{position:absolute;    position: absolute;left: -64px;top: -55px; font-family: 'Line Awesome Free';

    font-weight: 900;}

.slider_big{ height:460px; overflow:hidden;}

.product_box{width:99.5%; display:inline-block;background: #FFFFFF;box-shadow: 0px 0px 10px #00000014;border-radius: 6px;margin:1px;    overflow: hidden;}

.product_cnt{padding:15px;display: block;}

.feature-product .owl-carousel .owl-nav button.owl-next{ position:absolute;    position: absolute;right: -64px;top: -200px;}

.feature-product .owl-carousel .owl-nav button.owl-prev{position:absolute;    position: absolute;left: -64px;top: -200px;}

.slider_big .owl-theme .owl-nav{ display:none;}

.banner_hd{ float:right; margin-right:20px; width:360px;}

.banner_hd h4{color:#444444; font-size:40px;font-family: 'averta_cybold';}

.banner_hd h4 span{ display:block;font-size:26px;}

.view_brands{ width:100%; display:inline-block; text-align:right; margin-top:30px;}

.view_brands a{height: 40px;line-height: 40px;padding:0 20px;background: #F4F8FF;

border-radius: 6px;color:#4C89EA; font-size:16px;font-family: 'averta_cysemibold'; display:inline-block;}

.view_brands a:hover{ background:#ED1C24; color:#fff;}



.feature-product .nav_tabs_block .nav-tabs li a::after, .feature-product .nav_tabs_block .nav-tabs li a.active::after {content: '';display: block;width: 0;height: 3px;background: #ED1C24;transition: width .3s;bottom: -6px;position: absolute;}

.feature-product .nav_tabs_block .nav-tabs li:hover a::after, .feature-product .nav_tabs_block .nav-tabs li a.active::after {width: 100%;}

.feature-product .nav_tabs_block .nav-tabs li a.active, .feature-product .nav_tabs_block .nav-tabs li a:hover{color:#ED1C24;}

.verified_cars{ width:100%; display:inline-block; padding:50px 0;border-bottom: 1px solid #DDDDDD; text-align:center;}

.verified_cars h4{ font-size:18px; color:#444444; margin:15px 0 5px 0;}

.verified_cars p{ font-size:18px;color:#444444; margin:0;}

.verified_cars .container{max-width: 886px;}



/*footer*/

#footer {display: block;width: 100%;background:#FFFFFF;margin-top:60px;color:#565559;padding:0px 0 0px 0; border-top:1px solid #DDDDDD;}

.footerlink{ width:100%; display:inline-block; padding:40px 0 0 0;}

.footerlink ul{margin:0;padding:0; width:100%;display: inline-block;}

.footerlink li{ float:left; margin-right:30px; list-style:none;}

.footerlink a{ font-size:16px; color:#444444;}

.footerlink a:hover, .footerlink a.active{ color:#ED1C24;}

.footerlink p{ font-size:14px;color:#565559;}

.footerlink_lt{ width:24%; float:left;}

.footerlink_rt{ width:70%; float:right;}

.footer_logo{ width:100%; display:inline-block;}

.footer_logo a{letter-spacing: 0.5px;color: #FFFFFF; font-size:20px;}

.footer_logo a span{color:#ED1C24; font-size:30px;}

.footermenu{ width:60%; float:left;}

.footerlink h3{ color:#444444;font-size:18px; margin-bottom:20px;text-align:left;}

.footermenu li{ width:100%; margin-bottom:10px;}

.footer_info{ width:40%; float:left; text-align:right;}

.footer_info p{ color:#444444; font-size:16px; text-align:left; line-height:26px; margin-bottom:12px; padding-left:26px; position:relative;}

.footer_info p i{ position:absolute; left:0; color:#444444; font-size:20px;    top: 5px;}

.navbar_menu li::after {content: '';display: block;width: 0;height: 1px;background: #ED1C24;transition: width .3s;bottom: -8px;position: absolute;}

.navbar_menu li:hover::after {width: 100%;}

.product_box .pro_img{-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}

.product_box:hover .pro_img {-webkit-transform: scale(1.3);transform: scale(1.3);}

.hot_prod .product_box:hover .pro_img {transform: inherit;}

.copyright_block{width:100%; display:inline-block;border-top:1px solid #DDDDDD; color:#444444; font-size:16px; padding:30px 0;}





/*categories*/

.categories_list{ width:100%; display:inline-block; margin:30px 0 0px 0;}

.categories_banner{ width:100%; display:inline-block;}

.cgrs_bnr_cnt{ position:absolute; left:80px; top:74px; max-width:410px;}

.cgrs_bnr_cnt h3{color:#FFFFFF; font-size:16px;letter-spacing: 0.4px; margin:0 0 20px 0;}

.cgrs_bnr_cnt h4{color:#FFFFFF; font-size:30px;letter-spacing:0.75px; margin:0 0 7px 0;line-height: 40px;}

.cgrs_bnr_cnt p{color:#FFFFFF; font-size:14px;letter-spacing:0.35px; margin:0 0 30px 0;}

.categories_small_bnr img{ max-width:100%;}

.categories_banner .owl-theme .owl-nav {bottom: 25px;}

.cgrs_small_bnr_cnt{ position:absolute; bottom:30px; left:35px;}

.cgrs_small_bnr_cnt h3{letter-spacing: 0.5px;color: #FFFFFF;font-size:20px;}

.cgrs_small_bnr_cnt p{letter-spacing: 0.35px;color: #FFFFFF; font-style:14px;}

.btn_white{height: 40px; line-height:38px; text-align:center; padding:0 25px;border: 1px solid #F2F2F2;border-radius: 42px; display:inline-block; color:#FFFFFF; font-size:14px;}

.btn_white:hover{ background:#ffffff;}

.cgrs_list_search{ float:right;}

.cgrs_list_search .dropdown{ float:left; margin-left:30px;}

.cgrs_list_search .dropdown .btn-secondary {color: #565559;background-color: #F2F2F2;border-color:#F2F2F2;border-radius: 42px; font-size:14px;    padding:8px 20px;    min-width: 230px;text-align: left;}

.cgrs_list_search .dropdown .btn-secondary:not(:disabled):not(.disabled).active, .cgrs_list_search .dropdown .btn-secondary:not(:disabled):not(.disabled):active, .cgrs_list_search .dropdown .show>.btn-secondary.dropdown-toggle {

    color: #000;background-color: #ED1C24;border-color: #ED1C24;box-shadow:none;}

.cgrs_list_search .dropdown .btn-secondary.focus, .cgrs_list_search .dropdown .btn-secondary:focus{color: #fff;background-color: #ED1C24;border-color: #ED1C24;box-shadow: none;}

.cgrs_list_search .dropdown .dropdown-toggle::after{float: right;margin-top: 8px;}

.cgrs_list_search .dropdown .dropdown-menu.show {width: 88%;margin: 0 6%;border: 0;background: #f2f2f2;padding: 0;}

.cgrs_list_search .dropdown .dropdown-item{border: 0;font-size: 14px;padding: 10px 20px;}

.cgrs_list_search .dropdown-item:focus, .cgrs_list_search .dropdown-item:hover {color: #fff;background-color: #ED1C24;}

.load_more{ width:100%; display:inline-block; text-align:center; margin-top:60px;}

.load_more .btn{ height:50px; line-height:50px; padding:0 50px;margin-top: 0;}

.categories_list .nav_tabs_block{border-top: 1px solid #E6E6E6;padding-top: 13px;}

.list_box{background: #FFFFFF;box-shadow: inset 0px 0px 30px #0E0D120D;border: 1px solid #E6E6E6;border-radius: 5px; min-height:200px; margin-bottom:15px;padding:20px;}

.list_box h2{ font-size:20px; color:#0E0D12;border-bottom: 1px solid #E6E6E6;padding:0 10px; padding-bottom:22px;}

.list_box h3{ font-size:16px; color:#0E0D12;border-bottom: 1px solid #E6E6E6;padding:0 10px; padding-bottom:15px;}

.list_box h3 i{ float:right;font-size: 20px; cursor:pointer;}

.custom-checkbox .custom-control-label{ font-size:14px; color:#565559;}

.custom-checkbox{ margin-bottom:8px;}

.custom-checkbox .custom-control-label::before {border-radius: 0;}

.custom-control-label::before{background-color: transparent;border: 1px solid #222;width: 14px;height: 14px;}

.custom-control-label::after{width: 14px;height: 14px;}	

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {background-color: transparent;content: "\f00c";font-family: 'Font Awesome 5 Free';font-weight: 900;color:#222; text-align:center;    font-size: 9px;line-height: 14px;}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {background-image:none !important;}

.price_rank{ width:100%; display:inline-block;}

.price_rank_text{ width:100%; display:inline-block; color:#565559; font-size:14px;letter-spacing: 0.35px;    padding: 0 11px;}

.price_rank_text_lt{ float:left;}

.price_rank_text_rt{ float:right;}

.price_rank_line{ width:100%; display:inline-block; background:#CECECF; height:3px; border-radius:42px; position:relative;}

.rank_dott1{position: absolute;left: 15px;border: 3px solid #FFFFFF;width: 15px;height: 15px;display: inline-block;background: #ED1C24;z-index: 1;border-radius: 50%;top: -6px;}

.rank_dott2{position: absolute;right: 15px;border: 3px solid #FFFFFF;width: 15px;height: 15px;display: inline-block;background: #ED1C24;z-index: 1;border-radius: 50%;top: -6px;}

.rank_line_red{background: #ED1C24;position: absolute;width: auto;height: 3px;left: 20px;right: 20px;}

.list_box .btn_blue{ line-height:28px;}

.list_box ul{ margin:0; padding:0;}

.list_box li{ list-style:none; font-size:14px; color:#565559; margin-bottom:10px;}

.list_box li a{ display:block;color:#565559; padding:0 10px;}

.list_box li a:hover, .list_box li a.active{color:#222222;}

.list_box li a.active{color:#222222;}

.price_rank_yellow .rank_dott1, .price_rank_yellow .rank_dott2, .price_rank_yellow .rank_line_red{background: #fdc70d;}

.list_need_help{ width:100%; display:inline-block;background: rgb(14,91,161);

background: linear-gradient(180deg, rgba(14,91,161,1) 0%, rgba(14,91,161,1) 26%, rgba(53,132,231,1) 100%);

box-shadow: inset 0px 0px 30px #0E0D120D;

border-radius: 5px; text-align:center; padding-top:28px;}

.list_need_help h4{ color:#FFFFFF; font-size:20px;letter-spacing: 0.5px; margin-bottom:5px;}

.list_need_help p{ color:#FFFFFF; font-size:16px;letter-spacing: 0.4px;}

.list_need_help .btn{ margin-bottom:28px; color:#0E5BA1;}



/*detail*/

.detail_thumbnail{ width:100%; display:100%; position:relative;  }

.detail_thumbnail ul{margin:0; padding:0;  max-height: 620px;
    overflow-x: auto;}

.detail_thumbnail li{ list-style:none;border: 1px solid #E6E6E6;border-radius: 5px;width: 90px;height: 90px; text-align:center; margin-bottom:20px; cursor:pointer;}

.detail_thumbnail li img{ max-width:100%; height:98px;border-radius: 5px;}

.product_detail_banner{margin-top: 40px;}

.thumbnail_arrow_up{position: absolute;background: #F2F2F2;width: 30px;height: 30px;display: inline-block;border-radius: 50%;left: 0;right: 0;top: -15px;margin: 0 auto;text-align: center;line-height: 30px; color:#565559; cursor:pointer; display:none;}

.thumbnail_arrow_up:hover{ background:#0E0D12; color:#fff;}

.thumbnail_arrow_down{position: absolute;background: #F2F2F2;width: 30px;height: 30px;display: inline-block;border-radius: 50%;left: 0;right: 0;bottom: -15px;margin: 0 auto;text-align: center;line-height: 30px; color:#565559; cursor:pointer; display:none;}

.thumbnail_arrow_down:hover{ background:#0E0D12; color:#fff;}

.detail_prod{ width:100%; margin:0;}

.detail_prod .product_img{height: 620px;}

.detail_prod .pro_img{height: 620px;}

.detail_prod .product_img .prod_type .prod_sale {width: 60px;height: 60px;line-height: 60px;font-size: 20px;text-align: center;}

.detail_prod .prod_type {right: inherit;top: 20px;left: 20px;}

.product_detail_banner .big_title{    line-height: 36px;}

.product_detail_banner .nav_tabs_block{height: auto;padding-bottom: 11px;    margin-bottom: 5px;}

.accordion .card-header{background-color:#fff;padding:0;border:0;}

.accordion .card{ border:0;}

.accordion .card-header h2 button.btn{ padding:13px;border-top: 1px solid #E6E6E6; font-size:16px; color:#0E0D12; text-decoration:none;}

.accordion .card-header h2 button.btn i{ float:right;    margin-top: 5px;}

.accordion .card-header h2 button.btn.collapsed{}

.accordion  .card-body {padding:0 37px 14px 48px; color:#565559; font-size:14px;    min-height: 170px;}

.accordion .card-header h2 button.btn i.icon_lt{float: left;font-size: 24px;position: relative;top: -4px;min-width: 35px; color:#565559;}

.availability_stock{ width:100%; display:inline-block; background:#F2F2F2;border-radius: 5px;padding:30px 0 0 0;}

.availability_stock h4{color:#444444; font-size:30px;text-align:center; margin-bottom:12px;font-weight: bold;}

.availability_stock h4 .la-rupee-sign {font-size:30px;    width: 22px;    position: relative;

    top: 3px;}

.availability_stock h4 span .la-rupee-sign {font-size:14px;    width: 11px;    position: relative;

    top: 0;}

.availability_stock h4 span{ display:block;color:#565559; font-size:14px; margin-bottom:10px;font-weight:normal;}

.stock_save{ width:100%; display:inline-block; text-align:center; font-size:14px; color:#565559;letter-spacing: 0.35px;padding:10px 0; border-bottom:1px solid #CECECF; border-top:1px solid #CECECF; margin:20px 0;}

.stock_save span{color:#107A15;}

.prod_count{ width:100%; text-align:center;}

.prod_count_box{ width:110px;background:#FFFFFF;border-radius: 25px;height: 40px; display:inline-block;padding:5px;}

.count_mine{ background:#F2F2F2;width:30px; height:30px;border-radius:50%; float:left;    line-height: 30px;cursor:pointer;}

.count_mine:hover, .count_pluse:hover{ background:#565559; color:#fff;}

.count_text{ font-size:14px; color:#565559;letter-spacing: 0.35px;}

.count_pluse{ background:#F2F2F2;width:30px; height:30px;border-radius:50%; float:right;    line-height: 30px; cursor:pointer;}

.avlty_stock_text{ width:100%; text-align:center; display:inline-block; font-size:14px; color:#565559;letter-spacing: 0.35px;}

.avlty_stock_text strong{color:#0E0D12;letter-spacing: 0.35px;}

.avlty_stock_text i{color:#107A15;    font-size: 14px}

.availability_stock .btn{ height:50px; font-size:16px;}

.share_with{ width:100%; display:inline-block;}

.share_with i{ font-size:22px;color:#444444; cursor:pointer;}

.share_with i:hover{color:#ED1C24;}



.detail_desc_tab{ width:100%; display:inline-block; margin:40px 0; background:#F2F2F2; padding:40px 0;}

.detail_desc_tab .nav-tabs .nav-item {margin-bottom: 0px; position:relative; margin-right:30px;}

.detail_desc_tab .nav-tabs .nav-item.show .nav-link, .detail_desc_tab .nav-tabs .nav-link.active {color: #0E0D12;background-color: transparent;border-color: transparent;}

.detail_desc_tab .nav-tabs .nav-link{padding:0; font-size:20px; color:#565559; padding:15px 0;letter-spacing: 0.5px;}

.detail_desc_tab .nav-tabs .nav-link{ border:0px !important;}

.detail_desc_tab .nav-tabs .nav-item .nav-link::after, .detail_desc_tab .nav-tabs .nav-item .nav-link.active::after {content: '';display: block;width: 0;height: 3px;background: #ED1C24;transition: width .3s;bottom: -2px;position: absolute;}

.detail_desc_tab .nav-tabs .nav-item .nav-link:hover::after, .detail_desc_tab .nav-tabs .nav-item .nav-link.active::after {width: 100%;}

.detail_desc_tab .tab-content{padding:34px 0;}

.detail_desc_tab .tab-content h3{letter-spacing: 0.4px;color: #0E0D12; font-size:16px;margin-bottom:15px;}

.detail_desc_tab .tab-content p{color:#565559; font-size:14px; margin-bottom:30px;}

.detail_desc_tab .tab-content ul{margin:0;padding:0;}

.detail_desc_tab .tab-content li{color:#565559;letter-spacing: 0.35px; font-size:14px; margin-bottom:10px; list-style:none;}

.detail_desc_tab .tab-content li i{ margin-right:15px;}

.share_with i, .social_block i {-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);position: relative;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;

-webkit-transition-property: transform;transition-property: transform;}

.share_with i:hover, .social_block i:hover{

-webkit-transform: translateY(-5px);transform: translateY(-5px);}

.mobile_apps span{-webkit-transform: perspective(0px) translateX(0);transform: perspective(0px) translateX(0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;

-webkit-transition-property: transform;transition-property: transform;}

.mobile_apps:hover span{

-webkit-transform: translateX(5px);transform: translateX(5px);}

.feature-product .owl-dots{ display:none;}

.product_star img{max-width:100%;width: auto !important;}

.feature-product .owl-theme .owl-nav{ bottom:50%;text-align: left; position:relative;}

.feature-product .owl-nav .owl-next{ float:right;}

.header{ position:fixed; left:0;right:0; z-index:10; background:#fff;box-shadow: 0px 3px 4px #0000001A; height:130px;}

.cgrs_list_block .big_title{height: 53px;line-height: 40px; display:inline-block;}

.la-rupee-sign{ font-size:18px;}

.cgrs_list_block .product_box{ margin-bottom:30px;}

.categories_list_bnr{ width:100%; display:inline-block;}

.categories_list_bnr img{ width:100%; height:221px;}

.availability_stock .share_with{ text-align:center;}

.availability_stock .share_with i{ font-size:30px;}

.availability_stock .share_with i.la-facebook-f{ font-size:28px;}

.availability_stock .share_with i.la-twitter{ margin-right:8px;}

.car_inquiry{padding:20px 20px;background: #F2F2F2;}

.car_inquiry h4{ text-align:left; font-size:22px;}

.car_inquiry .form-group label{ display:inline-block; width:100%;margin-bottom: 5px;

    font-size: 15px;}

.car_inquiry .form-group label em{color:#ED1C24; font-style:normal;}

.car_inquiry .form-control{ font-size:15px; color:#777777;background-color: #fff !important;border-color: #DDDDDD !important;border-radius: 0;}

.car_inquiry .form-control:focus{border-color: #ED1C24 !important;}	

.car_inquiry .btn{height: 45px;font-size: 16px;line-height: 40px;}

.specifications_car{ width:100%; display:inline-block;    background: #F2F2F2;    margin-top: 40px;padding:30px;}

.specifications_car i{ font-size:22px;    vertical-align: middle;}

.specifications_car .box{    font-size: 14px; margin-bottom:20px;}

.specifications_car h1{ margin-bottom:25px;}

.related_cars{ width:100%; display:inline-block; margin-top:50px;}

.inner_bn_cnt{ position:absolute; left:0;right:0;}

.inner_bn_cnt h1{margin-top: 74px;font-size: 35px; margin-bottom:10px;}

.inner_bn_cnt ul{margin:0;padding:0;}

.inner_bn_cnt li{float:left; margin-left:0; margin-right:5px; list-style:none;}

.inner_bn_cnt li a{color:#222;}

.contact_page{width:100%; display:inline-block; margin-top:40px;}

.contact_page .car_inquiry{padding: 0;background: transparent;}

.contact-info{display:inline-block;width:100%;}

.rowinfo{ position:relative; padding-left:35px; margin-bottom:20px;}

.rowinfo i{ position:absolute; left:0; top:0; font-size:24px;color: #ED1C24;}

.contact_page .white_bg{ min-height:500px;}

.contact_page .share_with h4{color: #ED1C24;}

.contact_page .share_with i{ font-size:32px;}





.login_page{width: 100%;display: table;max-width: 520px;margin: 60px auto 0 auto;}

.contact_page.login_page .white_bg {min-height: inherit;}

.buy-used-page{ width:100%; display:inline-block; margin-top:35px; margin-bottom:0;}

.shop_brand{ width:100%; display:inline-block;}

.buy-used-page .brands_logo{margin:0;    margin-bottom: 30px;}

.gray_bg_block{ background:#f5f5f5; padding-top:30px; padding-bottom:20px;}

.fuel_types .brands_logo  i{ font-size:60px;    margin-top: 10px; color:#444444;}

.loader {

    height: 100vh;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  

  .car__body {

    -webkit-animation: shake 0.2s ease-in-out infinite alternate;

            animation: shake 0.2s ease-in-out infinite alternate;

  }

  .car__line {

    transform-origin: center right;

    stroke-dasharray: 22;

    -webkit-animation: line 0.8s ease-in-out infinite;

            animation: line 0.8s ease-in-out infinite;

    -webkit-animation-fill-mode: both;

            animation-fill-mode: both;

  }

  .car__line--top {

    -webkit-animation-delay: 0s;

            animation-delay: 0s;

  }

  .car__line--middle {

    -webkit-animation-delay: 0.2s;

            animation-delay: 0.2s;

  }

  .car__line--bottom {

    -webkit-animation-delay: 0.4s;

            animation-delay: 0.4s;

  }

  

  @-webkit-keyframes shake {

    0% {

      transform: translateY(-1%);

    }

    100% {

      transform: translateY(3%);

    }

  }

  

  @keyframes shake {

    0% {

      transform: translateY(-1%);

    }

    100% {

      transform: translateY(3%);

    }

  }

  @-webkit-keyframes line {

    0% {

      stroke-dashoffset: 22;

    }

    25% {

      stroke-dashoffset: 22;

    }

    50% {

      stroke-dashoffset: 0;

    }

    51% {

      stroke-dashoffset: 0;

    }

    80% {

      stroke-dashoffset: -22;

    }

    100% {

      stroke-dashoffset: -22;

    }

  }

  @keyframes line {

    0% {

      stroke-dashoffset: 22;

    }

    25% {

      stroke-dashoffset: 22;

    }

    50% {

      stroke-dashoffset: 0;

    }

    51% {

      stroke-dashoffset: 0;

    }

    80% {

      stroke-dashoffset: -22;

    }

    100% {

      stroke-dashoffset: -22;

    }

  }
.hd_serchbar ul.drop {background: #FFFFFF;box-shadow: 0px 0px 30px #00000029;border-radius: 6px;position: relative;z-index: 1;    max-height: 300px;
    overflow-x: auto;}
.hd_serchbar ul.drop li{margin:0;padding:0;    letter-spacing: 0px;color: #444444;font-size: 14px;text-align: center;font-family: 'averta_cyregular';    list-style: none;    text-align: left;}
.hd_serchbar ul.drop li a{ letter-spacing: 0px;color: #444444;font-size: 14px;text-align: center;font-family: 'averta_cyregular';    padding: 8px;
display: block;text-align: left;}	
::marker{display:none;}	
.hd_serchbar ul.drop li a:hover{ background:#ED1C24;color:#fff;}
/* width */
::-webkit-scrollbar {
  width:4px;
   height: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #ED1C24;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ED1C24;
}

.cntnt-grp li{ list-style:none;font-size: 16px;color: #444444; margin-bottom:20px;    position: relative;}
.cntnt-grp li i{    position: absolute;left: -35px;top: 2px;font-size: 20px;    color: #ED1C24;}
.cntnt-grp ul{    margin-left: 20px;}
.attech_box{ margin-bottom:20px;    width: 100%;display: inline-block;}
.attech_box .attach-col{ float:left;width:100px; height:100px; border-radius:8px; margin:0 12px 12px 0;}
.attech_box .attech_file{ float:left;width:100px; height:100px; border:1px solid #ED1C24; position:relative;cursor: pointer;border-radius:8px; background:#ED1C24;}
.attech_box .attech_file input{width:100px; height:100px;    opacity: 0;position: relative;z-index: 1;    cursor: pointer;}
.attech_box .attech_file  span{position: absolute;left: 0;right: 0;text-align: center;line-height: 100px;border-radius:8px;    font-size: 46px;
    color: #fff;}	
    .attech_box .attach-col img{ width: 100%; height:100%;}
    
.about_page{ padding:60px 0 0 0;}	
.about_page h3{font-size: 35px; margin-bottom:30px;}
.about_page h3 span{ color: #ED1C24;}

.card { border:1px solid #ED1C24;    margin-bottom: 16px;}
.card .card-header{ background:#ED1C24;}
.card .card-header .btn-link{ color:#fff; text-decoration:none;}
