@charset "UTF-8";
:root {
  --color: #000;
  --color1: #040523;
  --color1b: #040523;
  --color1bc: #f3f3f3;
  --color1c: #fff;
  --color1cc: #000;
  --color2: #131561;
  --color2c: #fff;
  --color3: rgba(255, 255, 255, .1);
  --color4: rgba(255, 255, 255, .2);
  --color5: rgba(255, 255, 255, .8);
}
::selection { background-color: var(--color1); color: var(--color1c) }
.bg-yellow ::selection, header.on ::selection { background-color: var(--color1c); color: var(--color1) }
body{color:var(--color)}
section { background-color: #fff }
footer { background-color: rgb(233, 233, 233) !important }
a, a:link, a:hover, a:active, a:focus { color: inherit }
main > header a, main > header a:link, .menu-icons-header { color: #fff }
main > header.on a, header.on .menu-icons-header { color: var(--color1c) }
.pages-site { background-color: var(--color1b) !important }
header.on { background-color: var(--color1) !important }
header a:hover, header a:active, header a.active, .menu-icons-header:hover, .menu-icons-header:active { color: #6466ca }
main > header .menu-icons-header::after, .logo::after { background: rgba(255, 255, 255, .3) }
main > header.on .menu-icons-header::after, header.on .logo::after { background: rgba(0, 0, 0, .3) }
main > header .container { border-color: rgba(255, 255, 255, .15) }
.menu-icons-header i { background-color: var(--color3); }
.home-banner-text { color: #fff }
.bg-dark { background-color: #444; border-color: #444; color: #ddd }
.bg-gray1 { background-color: #f0f0f0 !important }
.bg-primary1 { background-color: var(--color1bc) !important }
.bg-primary { background-color: var(--color1) !important }
.color-primary { color: var(--color1cc) !important }
.color-default { color: var(--color1) !important }
.home-banner-text .btn,
.home-banner-text .btn:hover,
.home-banner-text .btn:focus { background-color: rgba(255, 255, 255, .05); border-color: #fff }
.home-slide-show .owl-dot { background: #fff }
.home-slide-show .owl-dot.active { background: var(--color1b) }
.home-slide-show .item::before { background-color: rgba(0, 0, 0, .45) }
.home-filter { background-color:#09054461 }
.home-filter .form-label { color: #fff }
.home-filter .form-control { color: #888 }
.home-banner-filter-text { color: #fff }
.home-banner-filter-text::after { background-color: var(--color2c) }
.home-slide-show .owl-prev, .home-slide-show .owl-next { background-color: rgba(255, 255, 255, .3) }
.home-filter button,
.home-filter button:focus,
.home-filter button:active,
.home-filter button:hover { background-color: var(--color1b) !important; border-color: var(--color1b) !important; color: var(--color1c) !important }
.social-icons { background-color: var(--color1); color: var(--color1c) }
.input-hidden + dl { border-bottom-color: var(--color1) }
.input-hidden + dl, .input-hidden:focus + dl + label { background-color: rgba(255, 255, 255, .85); color: #000 }
.input-hidden + dl > dd > a { color: var(--color) }
.input-hidden + dl > dd > a > i { background-color: #ccc; border-color: #c9c9c9 }
.input-hidden + dl > dd > a:hover > i { background-color: var(--color1b); border-color: var(--color1bc); color: var(--color1c) }
.card, .card-car { background-color: #fff } .card:hover { background-color: var(--color1b); color: #fff }
.card small { color: #999 }
.card i { color: var(--color1) } .card:hover i, .card:hover small { color: #fff }
.card-car { border-color: #e9e9e9 }
.card-car .car-price b { background-color: var(--color1); color: #fff }
.card-car .car-name strong { color: var(--color1) } .card-car .car-name strong b { color: #000 }
.card-car .car-name small {  color: #999 }
.card-car .car-price { color: #999 }
.car-detail { border-top-color: #ddd; color: #999 }
.btn.btn-block, .btn.btn-block:hover, .btn.btn-block:active, .btn.btn-block:focus { background-color: var(--color1b); border-color: var(--color1b); color: var(--color1c) }
.bg-contato::before { background-color: var(--color5) }
.btn-scroll-top { background-color: rgba(0, 0, 0, .3); border-color: rgba(255, 255, 255, .2); color: #fff }
.btn-scroll-top:hover { background-color: var(--color1b); color: var(--color1c) }
.car-name-detail .share-car-social { background-color: #ddd }
.car-name-detail .share-car-social:hover { background-color: var(--color1); color: var(--color1c) }
.social-icons i { background-color: var(--color3) }
.list-control-button { background-color: var(--color3) }
.list-control-button:hover, .list-control-button:active { background-color: var(--color1); color: var(--color1c)  }
#map .btn { background-color: var(--color1); border-color: var(--color1); color: var(--color1c) }
footer article form input {
  background-color: #f0f0f0 !important
}
footer article form button {
  background-color: var(--color1) !important;
  color: #fff
}
hr { border-color: #ccc }
.irs-min, .irs-max { background: var(--color2) !important }
.irs-from, .irs-to, .irs-single { background-color: var(--color1b) !important }
.aside-filter { background-color: var(--color1) }
.aside-filter .irs-from, .aside-filter .irs-to,
.aside-filter .irs-single { background-color: var(--color4) !important; color: #fff }
.aside-filter .irs-bar {background: #6b6cbd;border-color: #6b6cbd;}
.aside-filter .irs-min, .aside-filter .irs-max { background-color: var(--color3) !important; color: #fff }
.aside-filter .irs-grid-text { color: var(--color1c) }
.aside-filter .form-header { background-color: var(--color4); color: #fff }
.aside-filter .form-header::after { background-color: #fff }
.aside-filter .form-label { background-color: var(--color3); border-color: var(--color3); color: var(--color1c) }
.aside-filter .btn, .aside-filter .btn:active, .aside-filter .btn:focus, .aside-filter .btn:hover { background-color: #fff; border-color: #fff; color: #000 }
.footer-social-link i { background-color: #ddd }
.pagination dd a {
  background-color: #fff;
  border-bottom-color: var(--color1);
  color: var(--color2)
}
.car-detail-icons {
  /* background-color: rgba(0, 0, 0, .07); */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, .45) 100%);
  color: #fff;
}
.car-detail-icon + .car-detail-icon {
  border-left-color: rgba(255, 255, 255, .0)
}
.car-propose { background-color: #f6f6f6 }
.car-propose { border-color: #eee }
.car-propose .location { background-color: var(--color2); color: #fff }
.car-propose::before { background-color: var(--color1b) }
.car-propose::after { background-color: var(--color2) }
.car-price-detail { background-color: var(--color1); color: var(--color1c) }
.car-price-detail strong span { background-color: var(--color3) }
.car-propose .form-label { background-color: rgba(0, 0, 0, .05); border-color: #ddd; color: var(--color2) }
.car-name-detail h2 { color: #999 }
.car-detail-icons::after { background-color: var(--color1b) }
.car-name-detail::before, .tab-pane p::before { background-color: #eee }
.car-name-detail::after, .tab-pane p::after { background-color: var(--color1b) }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover { border-color: #ccc; border-bottom-color: transparent }
.nav-tabs > li > a { border-radius: 0px }
.lista-opcionais li i { background-color: #f6f6f6; border-color: #ddd }
.nav-tabs > li a { background-color: #eee; color: #666 }
.nav-tabs > li { background-color: var(--color1b) }
.nav-tabs > li:hover a { color: var(--color2) }
.tab-pane p i { background-color: #eee; border-color: #ddd }
.tab-pane { border-color: #ccc }
@media (max-width: 1199px) { .car-detail-icons { background: transparent; color: var(--color) } }
@media (max-width: 991px) {
  .car-detail-icons { background: transparent; color: var(--color) }
  .car-detail-icon { background-color: var(--color3)}
  nav.menu-principal { background-color: var(--color2) }
  #menu-mobile + nav + label { background-color: var(--color1); color: var(--color1c) }
  #menu-mobile:checked + nav + label { background-color: transparent; color: #fff }
  .on #menu-mobile + nav.menu-principal dl dd a { color: var(--color1c) }
}
@media (max-width: 480px) { .copy { background-color: #f6f6f6 } }