/* @font-face{font-family:"roboto";src:url("fonts/roboto-regular.ttf")format("TrueType");font-weight:400;font-display:swap}
@font-face{font-family:"roboto";src:url("fonts/roboto-bold.ttf")format("TrueType");font-weight:700;font-display:swap} */
/* @font-face{font-family:"utm-centur";src:url("fonts/utm-centur.ttf")format("TrueType");font-weight:400;font-display:swap}
@font-face{font-family:"utm-centur";src:url("fonts/utm-centur-italic.ttf")format("TrueType");font-weight:400;font-display:swap;font-style:italic;}
@font-face{font-family:"utm-centur";src:url("fonts/utm-centur-bold.ttf")format("TrueType");font-weight:700;font-display:swap}
@font-face{font-family:"utm-centur";src:url("fonts/utm-centur-bold-italic.ttf")format("TrueType");font-weight:700;font-display:swap;font-style:italic;} */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');

:root{
	--burger:#000;
	--blue-light: #416ddf;
	--blue: #214fc6;
	--blue-dark: #042945;
	--blue-grey: #5D6C79;
	--yellow: #ffb703;
	--orange: #fb8500;
}
.datepicker-picker { color:#000; }
html, body { font-family: Inter, sans-serif; font-size:16px; line-height:1.5em; background-color:#FEFEFE; /* overflow-x:hidden; */ }
/* body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } */
.container .boundary { width:100%; max-width:1000px; box-sizing:border-box; }
h1, h2, h3, h4 { font-family:Inter, sans-serif; }
a {color:inherit;}

::-webkit-scrollbar { height: 3px; width:5px; }
::-webkit-scrollbar-track { background: #888; }
::-webkit-scrollbar-thumb { background: var(--orange); border-radius:10px; }
::-webkit-scrollbar-thumb:hover { background: var(--yellow); }

body { padding-top:50px; }
.search-filter-box {display:none;}
.search-filter-box, .search-filter-box-bg { position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; }
.search-filter-box-bg { background:rgba(0,0,0,0.5); z-index:1; }
.search-filter-box-container { background-color:#FFF; position:absolute; top:50%; left:50%; width:90%; max-width:700px; height:auto; transform:translate(-50%,-50%); z-index:2; border-radius:5px; padding:20px; box-sizing:border-box; text-align:left; max-height:600px; overflow-y:auto; overflow-x:hidden; }
.search-filter-box-container strong { display:block; margin:20px 0 10px; }
.search-filter-box-container a { display:inline-block; padding:5px 10px; border-radius:3px; vertical-align:top; margin:0 10px 10px 0; background-color:#CCC; position:relative; font-size:0.8em; }
.search-filter-box-container a:hover { background-color:#BBB; }
.search-filter-box-container a span {display:none;}
.search-filter-box-container a.active { border:1px solid var(--orange); background-color:#FFF; }
.search-filter-box-container a.active span { position:absolute; display:inline-block; top:0; right:0; border-top: 20px solid var(--orange); border-left: 20px solid transparent; }
.search-filter-box-container a span:before { content:"\e920"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; bottom: 8px; right: 0; font-size: 0.6em; color:#FFF; }

.search-filter-box-container form { position:sticky; bottom:0; left:0; transform:translate(-20px, 20px); padding:20px; border-top:1px solid #DDD; background-color:#FFF; display:block; width:100%; text-align:center; }

.top-menu { height:50px; line-height:50px; position:fixed; top:0; left:0; background-color:#EAEAEA; z-index:9999; }
.banner-left, .banner-right { display:none; position:absolute; top:621px; left:0; width:calc(50% - 510px); max-width:300px; height:auto; z-index:8888; transition:all 0.3s; }
.banner-right { left:unset; right:0; }
.banner-left .square-image, .banner-right .square-image {margin-bottom:5px; border:0; }
.banner-left .square-image:before, .banner-right .square-image:before {padding-top:200%;}

.top-menu .boundary { padding:0 10px; position:relative; }
.top-menu .top-menu-logo { height:20px; width:auto; display:inline-block; vertical-align:middle; }
.top-menu .top-menu-logo img { width:auto; height:100%; display:inline-block; vertical-align:top; }
.top-menu .top-menu-logo.subdomain img { width:100%; max-width:100px; height:auto; transform:translate(-10px,-30%); }
.top-menu .top-menu-hotline, .top-menu .hamburger { display:inline-block; float:right; line-height:30px; vertical-align:middle; margin:5px 5px 0 0; }
.top-menu .top-menu-hotline i { font-size:1.5em; }
.top-menu .top-menu-hotline div { display: inline-block; line-height: 1.3em; vertical-align: middle; padding-left: 10px; font-weight:bold; }
.top-menu .top-menu-hotline div span { display:block; font-size:0.8em; font-weight:normal; }

.top-menu .hamburger { margin:10px 0 0 10px; z-index:999999; position:relative; }

.top-menu .top-menu-content { position:fixed; display:block; width:100%; height:100%; top:0; left:-100%; background-color:#FFF; margin:0; padding:0 20px 50px; box-sizing:border-box; z-index:99999; color:#333; list-style-type:none; overflow-y:auto; }
.top-menu .top-menu-content.active { left:0; box-shadow:0 3px 5px #666; }
.top-menu .top-menu-content li .top-menu-logo { height:30px; margin-bottom:20px; display:inline-block; }
.top-menu .top-menu-content li .top-menu-logo.subdomain { transform:unset; }
.top-menu .top-menu-content li { font-size:1.2em; font-weight:bold; border-bottom:1px solid #DDD; }
.top-menu .top-menu-content li a { display:block; width:100%; height:auto; line-height:1.5em; padding:10px 0; }
.top-menu .top-menu-content li.active > a { color:var(--orange); }
.top-menu .top-menu-content li.sub-menu a { pointer-events:none; }
.top-menu .top-menu-content li.sub-menu ul li a { pointer-events:auto; }
.top-menu .top-menu-content li.sub-menu a i { display:inline-block; transform:rotate(-90deg); margin-left:5px; transition:all 0.3s; }
.top-menu .top-menu-content li.sub-menu > ul > li > a { pointer-events:auto; font-weight:bold; }
.top-menu .top-menu-content li ul { list-style-type:none; padding: 0 0 0 20px; display:none; }
.top-menu .top-menu-content li ul li { font-size:1.1rem; border-bottom:unset; color:#666; font-weight:normal;}
.top-menu .top-menu-content li:first-child, .top-menu .top-menu-content li:last-child {border-bottom:0;}

.top-menu .top-menu-content li.sub-menu.active ul { display:block; }
.top-menu .top-menu-content li.sub-menu.active ul li ul { display:none; }
.top-menu .top-menu-content li.sub-menu.active a i { transform:unset; }
.top-menu .top-menu-content li.sub-menu.active ul li i, .top-menu .top-menu-content li.sub-menu ul li i { transform:rotate(-90deg); display:inline-block; width:30px; height:26px; line-height:26px; text-align:center; float:right; margin-top: -36px; margin-right: 20px; font-size: 0.8em; }
.top-menu .top-menu-content li.sub-menu.active ul li.active i { transform:unset; }
.top-menu .top-menu-content li.sub-menu.active ul li.active ul { display:block; }
.top-menu .top-menu-content li.sub-menu.active ul li ul li a { pointer-events:auto; }


.top-menu .top-menu-content li.sub-menu ul li ul { position:relative;}

.s-hidden { visibility:hidden; }
.custom-select { width: 200px; cursor:pointer; display:inline-block; position:relative; color:black; height:35px; line-height:35px; border:1px solid #DDD; box-sizing: border-box; margin:0 10px 10px 0; vertical-align:top; border-radius:3px; }
.styledSelect { position:absolute; top:0; right:0; bottom:0; left:0; background-color:white; padding:0 10px; font-weight:bold; }
.styledSelect span { width: 95%; padding-right: 5%; display: inline-block; line-height: 35px; vertical-align: bottom; white-space: nowrap; }
.styledSelect:after { content:""; width:0; height:0; border:5px solid transparent; border-color:black transparent transparent transparent; position:absolute; top:14px; right:6px; }
.styledSelect:active, .styledSelect.active { background-color:#eee; }
.options { display:none; position:absolute; top:100%; left:0; z-index:999; margin:0 0; padding:0 0; list-style:none; border:1px solid #ccc; background-color:white; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); }
.options li { padding:0 6px; margin:0 0; padding:0 10px; white-space: nowrap; box-sizing:border-box; width:200px; font-weight:normal; }
.options li.active, .options li:hover { background-color:#87CEFA; color:#FFF; }

.breadcrumb .boundary { margin:10px 0; max-width:1120px; margin-left:auto; margin-right:auto; line-height:1.5em; }
.breadcrumb li {color:#333; display:inline; font-size:0.8em; }
.breadcrumb li a { color:inherit; text-transform:uppercase; }
.breadcrumb li a:hover {color:var(--orange);}

.modal h2 {background-color:var(--orange)!important;}
.form-message { background-color: var(--yellow-light); color: #333; border-color: var(--yellow-light); }

.owl-carousel .owl-nav button { color:#FFF; text-shadow:0 0 2px #000; display:inline-block; width:50px; height:50px; line-height:50px; font-size:1em!important; position:absolute; top:40%; left:0; transform:translateY(-50%);}
.owl-carousel .owl-nav button i { font-size:2em; }
.owl-carousel .owl-nav button.owl-next {left:unset; right:0;}
.owl-carousel .owl-nav button:hover {color:var(--blue-dark)!important;}

.section { margin-top:30px; }
.section .boundary {width:96%;}
.section .section-title { text-transform:capitalize; font-size:1.6em; color:var(--orange); line-height:1.5em; }

.top-banner .boundary, .main-banner .boundary { max-width:unset!important; width:100%!important; }
.top-banner { width:100%; height:auto; }
.top-banner .square-image:before {padding-top:13.15%;}

.main-banner { border-bottom:2px solid #FFF; border-top:2px solid #FFF; }
.main-banner .square-image:before {padding-top:32.8%;}
.main-banner .square-image.agency-banner:before {padding-top:23%;}

#banners .owl-prev, #banners .owl-next {position:absolute; top:50%; left: 5px; font-size:1.5em; color:#FFF; transform:translateY(-50%); text-shadow: 0 0 3px #333; }
#banners .owl-next { left: unset; right: 5px; }

.filter-box { color:#FFF; min-height:350px; position:relative; background: var(--blue) url(../images/search-bg.jpg) bottom right no-repeat; background-size:auto 100%; }
.filter-box .boundary { padding:30px 0; width:94%; }
.filter-box .filter-box-bg { position:absolute; top:0; left:50%; transform:translateX(-50%); width:100%; height:100%; max-width:1120px; z-index:0; }
.filter-box .filter-box-search-form { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:94%; max-width:1120px; height:auto; padding:2em 0; }
.filter-box .filter-box-search-form h1 {line-height:1.5em; font-size:1.5em; text-align:center; margin-bottom:1em;}
.filter-box .filter-box-search-form h1 span {display:block;}
.filter-box form { position:relative; z-index:1; width:100%; height:auto; background-color:#FFF; color:#000; padding:10px; border-radius:3px; box-sizing:border-box; }
.filter-box form .textbox, .filter-box form button, .filter-box form .icon-search1 {display:inline-block; vertical-align:middle; margin:0; }
.filter-box form .textbox { border:0; width:calc(100% - 108px); }
.filter-box form .icon-search1 { font-size:2em; cursor:pointer; }
.filter-box form .button { background:unset; border:unset; color:#000!important; display:inline-block; margin:0; }
.filter-box form .button:hover { color:var(--orange)!important; }
.filter-box form .button i {vertical-align:top;}
.filter-box .filter-box-search-form .filter-box-top-key { padding:0 5px; margin-top:10px; }
.filter-box .filter-box-search-form .filter-box-top-key label {min-width:unset; padding-right:10px; }
.filter-box .filter-box-search-form .filter-box-top-key a { display:inline-block; background-color:var(--blue-light); color:#FFF; margin:0 3px 5px 0; padding:3px 5px; border-radius:3px; }
.filter-box .filter-box-search-form .filter-box-top-key a:hover { background-color:var(--orange); }

.car-price .car-price-header form { width:auto; display:inline-block; }
.car-price .car-price-header .selection { width:auto; margin-right:5px; min-width:150px; }
.car-price .car-price-header .selection, .car-price .car-price-header .button { border-radius:3px; }
.car-price .car-price-header .button { background-color:var(--blue-grey); border-color:var(--blue-grey); }
.car-price .car-price-table { position:relative; width:96vw; overflow-x:auto; height:auto; padding-bottom:10px; }

.car-price .car-price-table .car-price-table-scroll { width:100%; height:auto; max-height:400px; overflow-y:scroll; border-bottom:1px solid #DDD; }
.car-price .car-price-table .car-price-table-scroll::-webkit-scrollbar { width:0; }

.car-price .car-price-table .car-price-table-container { width:100%; border-collapse:collapse; }

.car-price .car-price-table .car-price-table-container thead { position:sticky; top:-1px; }

.car-price .car-price-table .car-price-table-container tr th, .car-price .car-price-banner tr th { background-color:var(--blue-grey); color:#FFF; white-space:nowrap; font-weight:normal; }
.car-price .car-price-table .car-price-table-container tr td, .car-price .car-price-table .car-price-table-container tr th, .car-price .car-price-banner tr th, .car-price .car-price-banner tr td { border:1px solid #DDD; padding:10px; font-size:0.9em; text-align:left; }
.car-price .car-price-table .car-price-table-container tr td { vertical-align:middle; }
.car-price .car-price-table .car-price-table-container tr td a { color:var(--blue); }
.car-price .car-price-table .car-price-table-container tr td a:hover { color:var(--orange); }

.car-price .car-price-banner tr th img { display:inline-block; width:auto; height:25px; margin-right:5px; vertical-align:middle; }

.car-price .car-price-table .car-price-table-container .tbody { display:block; height:auto; max-height:300px; overflow-y:auto;}

.car-price .car-price-banner-bg { background:url(../images/banners/banner-contact-1x2.jpg) right bottom no-repeat; background-size:100% auto; }
.car-price .car-price-banner { border-collapse:collapse; width:100%; margin-top:10px; }
.car-price .car-price-banner tr th { white-space:nowrap;}
.car-price .car-price-banner tr td { border:0; }

.car-price .car-price-banner .car-price-form { position:relative; padding:20px 0; }
.car-price .car-price-banner .car-price-form form { width:100%; height:auto; }
.car-price .car-price-banner .car-price-form form .circle-image { width:150px; margin:20px auto; }
.car-price .car-price-banner .car-price-form form .circle-image:before {padding-top:50%;}
.car-price .car-price-banner .car-price-form form .sale-info { padding:10px; box-sizing:border-box; width:90%; margin:0 auto; text-align:center; }
.car-price .car-price-banner .car-price-form form .sale-info a { display:block; margin:10px 0; font-weight:bold; color:var(--orange); font-size:1.2em; }
.car-price .car-price-banner .car-price-form form .textbox { border-radius:3px; padding:10px; }
.car-price .car-price-banner .car-price-form form .button{ margin:10px 0 0; background-color:var(--blue); border-color:var(--blue); }

.ads-banner { margin:10px 0 0; }
.ads-banner .ads-banner-items { }
.ads-banner .ads-banner-items .square-image { border:1px solid #DDD; margin-bottom:10px; }
.ads-banner .ads-banner-items .square-image:before { padding-top:33.333%; }
.ads-banner .ads-banner-items .square-image:last-child {margin-bottom:0;}

.ads-banner.big-banner .ads-banner-items {text-align:center;}
.ads-banner.big-banner .ads-banner-items .square-image { width:100%; margin:0 auto; }
.ads-banner.big-banner .ads-banner-items .square-image:before { padding-top:25.77%; }

.news .news-items .news-item { margin-bottom:20px; vertical-align:top; }
.news .news-items .news-item .new-cars-item-title, .top-cars .top-cars-items .top-cars-item .top-cars-item-name { font-family:verdana; margin-bottom:5px; }
.news .news-items .news-item .new-cars-item-title { font-size:1.2em; line-height:1.5em; }
.news .news-items .news-item .square-image:before, .top-cars .top-cars-items .top-cars-item .square-image:before { padding-top:52.333%; }

.news .news-buttons { text-align:center; margin-top:10px; }
.news .news-buttons .button { border-radius:3px; background-color:var(--blue-grey); border-color:var(--blue-grey); margin:0 3px; }
.news .news-buttons .button i { transform:rotate(90deg); display:inline-block; vertical-align:middle; margin-top:-3px; }
.news .news-buttons .button:hover { background-color:#666; border-color:#666; }

.top-cars .top-cars-items .top-cars-item { display:block; margin-bottom:10px; font-size:0.9em; line-height:1.3em; background-color:#EDEDED; }
.top-cars .top-cars-items .top-cars-item .top-cars-item-name { margin:0 0 5px; }
.top-cars .top-cars-items .top-cars-item .top-cars-item-info { padding:10px 5px; text-align:left; }
.top-cars .top-cars-items .top-cars-item .top-cars-item-image { position:relative; }
.top-cars .top-cars-items .top-cars-item .top-cars-item-image .square-image { position:absolute; top:0; left:0; width:100%; height:100%; }
.top-cars .top-cars-items .top-cars-item .square-image .top-cars-item-count { position:absolute; top:0; left:0; width: 0; height: 0; border-top: 50px solid var(--blue-grey); border-right: 50px solid transparent; z-index:19; color:#FFF; }
.top-cars .top-cars-items .top-cars-item .square-image .top-cars-item-count span { position:absolute; top:0; left:0; display:inline-block; width: 30px; height: 50px; line-height: 30px; transform: translateY(-100%); text-align: center; font-size: 1.2em; }

.cars-search .cars-search-container { background-color:#EEE; padding:20px; }
.cars-search .section-title { color:var(--orange); }
.cars-search .slider-box { margin: 25px 20px 25px 0; }
.cars-search .slider-box #price_range, .cars-search .slider-box .button { display:inline-block; vertical-align:middle; }
.cars-search .slider-box #price_range { background-color:#EEE; width:100%; }
.cars-search .slider-box .ui-slider-range { background-color:var(--blue-light); }
.cars-search .slider-box label { display:block; }
.cars-search .slider-box .button { width:150px; margin:20px auto 0; }
.cars-search .slider-box .textbox.min { width:120px; padding:10px; border-radius:5px; }
.cars-search .slider-box label, .cars-search .slider-box .textbox.min { margin-bottom:10px; }

.cars-search .cars-search-result { border:1px solid #DDD; border-top:unset; background-color:#FAFAFA; padding:20px; box-sizing:border-box; }
.cars-search .cars-search-result .cars-search-result-title { text-align:center; border-bottom:1px solid #333; margin-bottom:20px; }
.cars-search .cars-search-result .cars-search-result-title span { background-color:#FAFAFA; display:inline-block; padding: 0 20px; transform: translateY(30%); }

.cars-companies .cars-company-items .cars-company-item { display:inline-block; width:23.5%; margin:0 2% 20px 0; text-align:center; white-space:nowrap; }
.cars-companies .cars-company-items .cars-company-item:nth-child(4n+0){ margin-right:0; }
.cars-companies .cars-company-items .cars-company-item .square-image { width:80%; margin:0 auto 5px; }
.cars-companies .cars-company-items .cars-company-item .square-image:before { padding-top:50%; }

.cars-segments { margin:3em 0; }
.cars-segments label { font-size:1em; font-weight:bold; display:block; }
.cars-segments .table .col { text-align:left; }
.cars-segments .cars-segments-list { list-style-type:none; margin:0 0 20px; padding:0; }
.cars-segments .cars-segments-list li, .cars-segments .cars-segments-list li a { display:inline-block; }
.cars-segments .cars-segments-list li { margin:0 2% 0 0; padding:0; width:49%; }
.cars-segments .cars-segments-list li:nth-child(2n+0) {margin-right:0;}
.cars-segments .cars-segments-list li a:hover { color:var(--orange); }

.cars-segments .cars-types-item { display:inline-block; vertical-align:top; width:32%; margin:0 2% 10px 0; text-align:center; }
.cars-segments .cars-types-item:nth-child(3n+0) { margin-right:0; }
.cars-segments .cars-types-item .square-image { width:70%; margin:0 auto 5px;}
.cars-segments .cars-types-item .square-image:before { padding-top:50%; }

.boundary.mc-share { border:0!important; text-align:right!important; background:unset!important; }
.boundary.mc-share div {display:inline;}
.boundary.mc-share a { color:inherit; text-decoration:none; }
.boundary.mc-share [class^='icon-'] { font-size:1.3em; display:inline-block; margin-left:10px;}
.boundary.mc-share [class^='icon-']:hover {color:var(--blue);}

.footer { background-color:#EAEAEA; margin-top:3em; font-size:0.9em; }
.footer .boundary { width:96%; }
.footer .table .col { text-align:left; }
.footer .footer-logo { display:inline-block; width:60%; max-width:120px; margin:20px auto;}
.footer .footer-logo img { display:inline-block; width:100%; height:auto; }
.footer .footer-logo.subdomain img { margin-left:-15px; }

.footer h3 { margin-top:0; padding-bottom:5px; border-bottom:2px solid #000; }
.footer h3.footer-car-header, .footer h2 { margin-top:2em; }
.footer .car-list { list-style-type:none; padding:0; margin:0; }

.footer label { width:20px; min-width:unset; font-size:1.2em; margin:0 5px 0 0; vertical-align:middle; text-align:center; }
.footer label i { vertical-align:top; }

.footer form { padding:10px; background-color:#FAFAFA; display:block; box-sizing:border-box; margin-bottom:20px; }

.footer .text-left { margin-bottom:20px; }
.footer .copyright {border-top:1px solid #333;}
.footer .copyright strong {font-size:0.8em;}
.footer .copyright .col:first-child { padding-top:20px;}
.footer .copyright ul {padding:0;}
.footer .copyright ul li a:hover {color:var(--blue-grey);}

.footer .footer-social {margin-top:20px;}
.footer .footer-social [class^="icon-"] { font-size:1.5em; display:inline-block; margin-right:10px; }
.footer .footer-social strong { font-size: 1.2em; margin: 5px 0 0 5px; display: inline-block; color:var(--blue-grey); }

#price_popup { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0, 0.7); text-align:center; z-index:9999; }
#price_popup .price-popup-title { color:#F00; font-weight:bold; margin-bottom:15px; }
#price_popup .price-popup-title span {display:block;}
#price_popup .price-popup-image { border-bottom:1px solid #DDD; position:relative; }
#price_popup .icon-x { position:absolute; top:5px; right:5px; font-size:2em; z-index:2; }
#price_popup .icon-x:hover { color:#666; }
#price_popup .price-popup-image .square-image:before {padding-top:80%;}
#price_popup .textbox, #price_popup .button, #price_popup .selection { border-radius:10px; margin-bottom:10px; }
#price_popup .textbox, #price_popup .selection { border-color:var(--blue); color:var(--blue); }
#price_popup .textbox::placeholder, #price_popup .textbox::-ms-input-placeholder { color:var(--blue); }
#price_popup .button { background-color:#F00; border-color:#F00; color:#FFF; }
#price_popup .button:hover { background-color:#b82116; border-color:#b82116; }
#price_popup form { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background-color:#FFF; width:90%; max-width:500px; box-sizing:border-box; border:1px solid #F00; }


.hotline{ width: auto; height: 40px; position: fixed; z-index: 9999; bottom: 60px; right: 17px; display: block; background: url(/images/hotline_edit.gif) no-repeat top left; background-size: 50px; padding-left: 50px; padding-top: 1.2em;  }
.hotline span{ font-size: 1.3em; font-weight: bold; color: #FFF; background-color: #F00; text-transform: uppercase; border-radius: 10px; box-sizing: border-box; box-shadow: 1px 1px 2px 0px #333; padding: 5px 10px;  }

/* TOC CSS */
#toc { margin-bottom:0; padding:10px 10px 10px 0; max-height:400px; overflow-y:auto; }
#toc > li:before { content:"- "; }
#toc > li > a { font-weight:bold; text-decoration:none; }
.toc-content .toc-container { border-bottom:1px solid #DDD; border-left:1px solid #FFF: border-right:1px solid #FFF; margin-bottom:20px; padding-top:10px; background-color:#FFF; }
.toc-content .toc { position:relative; padding:10px; background-color:#FAFAFA; box-sizing:border-box; }
.toc-content .toc.active .toc-title i { transform:rotate(90deg); }
.toc-content .toc .toc-title {	font-weight: bold; padding:5px 0; color: #333; margin: 0; display: block; text-transform: capitalize; cursor:pointer; }
.toc-content .toc .toc-title a:after { content:"\e912"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:inline-block; margin-left:10px; transform:rotate(90deg); vertical-align:middle; transition:all 0.3s; }
.toc-content .toc .toc-title a.active:after {transform:rotate(180deg);}
.toc-content .toc .toc-title i { display:inline-block; float:right; margin-top:5px; transition:all 0.3s; font-size:1.2em; }
.toc-content .toc ul { margin: 0; width: auto; list-style-type:none; padding:0 0 0 30px; transition:all 0.3s; display:none; }
.toc-content .toc ul li { padding:5px 0; position:relative; }
.toc-content .toc ul li a { color:#333; }
.toc-content .toc ul li a:hover, .toc-content .toc ul li a.active { color:var(--orange)!important; }
.toc-content .toc ul li a.active:before {content:"\e912"; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:inline-block; margin-right:5px; margin-left:-15px; transform:rotate(90deg); }
.toc-content .toc ul li ul { padding-left:15px; display:block; }

#toc::-webkit-scrollbar { height: 3px; width:5px; }
#toc::-webkit-scrollbar-track { background: #888; }
#toc::-webkit-scrollbar-thumb { background: var(--orange); border-radius:10px; }
#toc::-webkit-scrollbar-thumb:hover { background: var(--yellow); }
/* / TOC CSS */

@media (min-width:576px){	
	/* .filter-box .filter-box-search-form h1 span {display:inline-block;} */
	.filter-box .filter-box-search-form h1 span:before {content:"\00a0";}

	.car-price .car-price-header .section-title { display:inline-block; margin-right:20px; vertical-align:middle;}
	
	.news .news-items .news-item { display:inline-block; width:48%; margin-right:2%; }
	.news .news-items .news-item:nth-child(2n+0) { margin-right:0; }
	
	.footer .footer-email { display:inline-block; width:auto; }
	.footer .footer-email:before {content:"\00a0|\00a0"; }
	.footer .min-show {font-size:1em;}
	
	.footer .copyright ul li { display:inline-block; margin-right: 10px; padding-right:10px; border-right:1px solid #333; }
	.footer .copyright ul li:last-child {border:0;}
}

@media (min-width:768px){
	
	.owl-carousel .owl-nav button i {font-size:2.5em;}
	
	.top-menu .top-menu-content li ul li, .top-menu .top-menu-content li ul li:first-child { border-bottom:1px solid #DDD; }
	
	.filter-box .filter-box-search-form h1 { font-size:1.7em; }
	
	.car-price .car-price-table-border { border:1px solid #DDD; border-right:0; border-top:0; background-color:#FAFAFA; }
	
	.car-price .car-price-table { width:100%; padding-bottom:0; background-color:#FFF; }
	.car-price .car-price-table .car-price-table-scroll { max-height:380px; }
	
	.car-price .car-price-banner { margin-top:0; }
	.car-price .car-price-banner tr th img { height:15px; }
	
	.car-price .car-price-banner .car-price-form form .sale-info { padding:0; }
	.car-price .car-price-banner .car-price-form form .circle-image { width:120px; }
	
	.ads-banner .ads-banner-items .square-image { display:inline-block; width:49%; margin-right:2%; margin-bottom:15px; box-sizing:border-box; vertical-align:top; }
	.ads-banner .ads-banner-items .square-image:nth-child(2n+0) { margin-right:0; }
	
	.top-cars .top-cars-items .top-cars-item { display:inline-block; width:49%; margin:0 2% 10px 0; min-height:100px; }
	.top-cars .top-cars-items .top-cars-item:nth-child(2n+0) {margin-right:0;}
	
	.cars-search .slider-box #price_range { background-color:#EEE; width:calc(100% - 230px); }
	.cars-search .slider-box label { display:inline-block; margin-right:20px; min-width:unset; padding:10px 0; }
	.cars-search .slider-box .button { margin:0 0 0 20px; }
	
	.cars-companies .cars-company-items .cars-company-item { width:10.75%; margin-bottom:40px; }
	.cars-companies .cars-company-items .cars-company-item:nth-child(4n+0){ margin-right:2%; }
	.cars-companies .cars-company-items .cars-company-item:nth-child(8n+0){ margin-right:0; }
	
	.cars-segments .cars-types-item {margin-bottom:30px;}
	.cars-segments .table .col { padding-right:20px; }
	.cars-segments .table .col:last-child { padding-right:0px; padding-left:20px; border-left:1px solid #DDD; }
	.cars-segments .section-title { margin-top:0; }
	
	.footer .boundary {padding:3em 0 1em;}
	.footer .footer-logo { margin-top:0; width:50%; }
	.footer .footer-logo.subdomain { width:120px; }
	.footer .table .col.subdomain:last-child { padding-left:20px; }
	.footer .table .col .table .col:last-child { padding-left:40px; }
	.footer .table .col.subdomain .table .col:last-child { padding-left:20px; }
	.footer .min-hide {display:none;}
	
	.footer h2 { margin-top:3.8em; }
	.footer h3.footer-car-header { margin-top:5.2em; }
	
	.footer .copyright .col:first-child {padding-top:1em;}
	.footer .copyright .col:last-child {text-align:right;}
	
	#price_popup .price-popup-title { font-size:1.1em;}
	#price_popup .price-popup-title span {display:inline-block;}
	
	.hotline { bottom:130px; }
}

@media (min-width:996px){
	body { padding-top:60px; }
	.owl-carousel .owl-nav button i {font-size:3em;}
	
	.filter-box .filter-box-search-form h1 { font-size:2.5em; }

	.car-price .car-price-table .car-price-banner { width:100%; }
	.car-price .car-price-table .car-price-banner tr th img { height:20px; }
	
	.top-menu {height:60px; line-height:60px;}
	.top-menu .top-menu-logo { height:32px; }
	.top-menu .top-menu-logo.subdomain img { transform:translate(-10px, -20%); }
	.top-menu .hamburger { display:none; }
	.top-menu .top-menu-hotline { margin-top:10px; }
	.top-menu .top-menu-content { position:relative; top:unset; left:unset; padding:0; margin:0; width:auto; height:auto; display:inline-block; float:right; background:unset; margin-right:20px; overflow-y:unset; }
	.top-menu .top-menu-content.active { box-shadow:unset; }
	.top-menu .top-menu-content li { border:0; display:inline-block; padding:0 10px; margin-left:5px; font-weight:normal; border-radius:3px; font-size:1.1em; }
	.top-menu .top-menu-content li.active, .top-menu .top-menu-content li.sub-active, .top-menu .top-menu-content li:hover { background-color:var(--blue); color:#FFF; }
	.top-menu .top-menu-content li.active > a { color:#FFF; }
	.top-menu .top-menu-content li a { padding:5px 0; }
	.top-menu .top-menu-content li:first-child {display:none;}
	
	.top-menu .top-menu-content li.sub-menu { position:relative; }
	.top-menu .top-menu-content li.sub-menu ul { position:absolute; top:100%; left:0; background-color:#FFF; border:1px solid #DDD; padding:0; display:none; width:auto; min-width:100%; }
	.top-menu .top-menu-content li.sub-menu ul li { white-space:nowrap; width:100%; display:block; padding:5px 10px; box-sizing:border-box; margin:0; }
	.top-menu .top-menu-content li.sub-menu ul li a { color:inherit; }
	.top-menu .top-menu-content li.sub-menu ul li:hover, .top-menu .top-menu-content li ul li.active { background:unset; color:var(--blue); }
	.top-menu .top-menu-content li.sub-menu ul li { position:relative; padding:0 10px; }
	.top-menu .top-menu-content li.sub-menu ul li ul { position:absolute; display:none; top:0; left:100%; max-height:400px; overflow-y:auto; }
	.top-menu .top-menu-content li.sub-menu ul li:nth-last-child(-n+4) ul{ bottom:0; top:unset; } 
	.top-menu .top-menu-content li.sub-menu.active ul li i, .top-menu .top-menu-content li.sub-menu ul li i{ margin-right:0; }
	.ads-banner .ads-banner-items .square-image { margin-bottom:20px; }
	
	.news .news-items .news-item { width:23.5%; }
	.news .news-items .news-item:nth-child(2n+0) { margin-right:2%; }
	.news .news-items .news-item:nth-child(4n+0) { margin-right:0; }

	.top-cars .top-cars-items .top-cars-item {margin-bottom:15px;}
	.top-cars .top-cars-items .top-cars-item .top-cars-item-info { padding:10px; }
	.top-cars .top-cars-items .top-cars-item .top-cars-item-image .square-image { position:relative; top:unset; left:unset; height:auto; }
	
	.cars-companies .cars-company-items .cars-company-item .square-image { width:80%; }
	
	.footer .text-left { vertical-align: bottom; padding-left: 30px; text-align:right!important; }
	.footer .min-hide { display:block; font-size:0.9em; }
	.footer .min-show {display:none;}
	
	.footer .footer-social { margin-top:10px; }
	.footer .footer-social strong {text-align:right;}
	.footer .footer-social [class^="icon-"] { margin-left:10px; margin-right:unset; }
	
	.footer .copyright strong {font-size:1em;}
	.footer .copyright ul li:last-child {margin-right:0; padding-right:0;}
	
	
	#price_popup form { max-width:500px; }
	#price_popup form .textbox { width:49%; margin-right:2%; }
	#price_popup form .textbox.last { margin-right:0; }
	#price_popup form .button {margin-top:5px;}
	
	.hotline { bottom:0; right:60px; }
}

@media (min-width:1200px){
	.owl-carousel .owl-nav button i {font-size:3.5em;}
	
	.banner-left, .banner-right { display:inline-block; }
	
	.top-menu .top-menu-content li { padding:0 15px; }
	.top-menu .top-menu-content li.sub-menu:hover i { transform:unset; }
	.top-menu .top-menu-content li.sub-menu:hover ul { display:block; }
	.top-menu .top-menu-content li.sub-menu:hover ul li ul { display:none; }
	.top-menu .top-menu-content li.sub-menu:hover ul li:hover ul { display:block; }
	.top-menu .top-menu-content li.sub-menu:hover ul li i { transition:all .3s; }
	.top-menu .top-menu-content li.sub-menu:hover ul li:hover i { transform:rotate(-90deg); }
	/* .top-menu .top-menu-content li.sub-menu a { pointer-events:auto; } */
	
	.filter-box { background-size:100% auto; }
	.filter-box .filter-box-search-form { width:70%; }
	
	.top-cars .top-cars-items .top-cars-item { min-height:128px; }
	
	.cars-segments .cars-segments-list li { width:32%; }
	.cars-segments .cars-segments-list li:nth-child(2n+0) {margin-right:2%;}
	.cars-segments .cars-segments-list li:nth-child(3n+0) {margin-right:0;}
	
	.footer .footer-title { margin-top:0; }
	.footer .min-hide { display:block; font-size:1em; }
	
	#price_popup form { max-width:500px; }
	
	.hotline { bottom:60px; right:9px; }
}

@media (min-width:1400px){
	.container .boundary { max-width:1120px; }
	.banner-left, .banner-right { width:calc(50% - 570px); }
	.top-menu .top-menu-content li { padding:0 20px; }
}