@charset "UTF-8";
/* CSS Document */

a#ui-id-4 span.desktop_tab {
    color: white;
}

a#ui-id-4 span.desktop_tab b {
    color: white;
}



* { font-family: "Roboto" !important; }
@font-face {
    font-family: Roboto;
    src: url(http://atdwsimages.creative-lab.co.za/images/supercars2019/RobotoRegular.ttf);
}


/**
 *  The main background colour of the site. In certain cases the "body" class is also used.
*/

body, .body {
      background: url(http://atdwsimages.creative-lab.co.za/images/supercars2019/3.jpg ) !important;
}
.spacer.clear.full_width.large_bg_height.header_margin.search_outer {
    margin-top: 200px !important;
}
/*ul.kwicks.kwicks-horizontal.mobile {
    display: inline-flex !important;
}*/
#ctabuttons {
    padding: 0 5%;
}

#filter_results select {
    /* outline: 0; */
    /* cursor: pointer; */
    /* border: 0; */
    /* line-height: 17px; */
    /* font-size: 15px; */
    /* background: 0; */
    /* color: #000000 !important; */
    /* float: left; */
    /* width: 200px; */
    /* height: 30px; */
    /* margin: -5px 0 9px 10px; */
}
li.show_feed.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active * {
  color: #000 !important;
  text-decoration: none;
  background: rgba(0, 117, 184, 0.01);
}
.mobi_toolbar {
    border-top: 0px solid #000;
}

  /*.social_link_div {
   background: #000000 !important; */
    /* border-top-left-radius: 0px !important; */
    /* border-bottom-left-radius: 0px !important; */
    /* border-top-right-radius: 0px !important; */
    /* border-bottom-right-radius: 0px !important; */
    /* border: 0px solid #000 !important; */
    /* border-right: none; */
    /* float: none !important; 
}

.social_link_div {
    position: fixed;
    top: 225px;
    right: 0;
    overflow: hidden;
    width: 50px;
    z-index: 999;
    padding: 6px 2px;
}*/

/* social */
/*.social_link_div.desktop i {
  color: white;
}

.social_link_div.desktop i:hover {
  color: #fff !important;
}

i.fa {
  color: white !important;
}

.social_link_div a {
  border-radius: 0px;
  border-top: 0px solid #565656;
  border-bottom: 0px solid #565656;
  border-left: 0px solid #565656;
  display: block;
  height: 40px;
  margin-bottom: 10px;
  line-height: 40px;
  text-align: center;
  font-size: 21px;
}

.social_link_div {
    background: #fcbe32 !important;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border: 0px solid #000000;
    border-right: none;
    text-align: center;
}*/

/* --------------------------*/

#vehicle_feed {
    width: 100%;
    background: #000000 !important;
    padding-bottom: 20px !important;
    padding-top: 20px !important;
}
.mobi_toolbar.mobile {
      background: white;

}
.search_box {
    background: #000 !important;
}
.sort_box {
   background: #000 !important;
    border-radius: 0;
    color: #fff !important;
}
.mobile_header img {
  width: 87%;
  margin-top: 20px;
  margin-bottom: 5px;
}

.main_search_button {
  /* margin: 8px auto 0; */
}

#tabs {
  border: 0.0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.kwicks {
    border-top: 0px solid #6F6B6F;
    border-bottom: 0px solid #6F6B6F;
    position: relative;
    left: 0 !important;
}

.main_search_button {
  background-position: 10px;
}

.page_title.mobile {
  display: none !important;
}
.pagination {
  background-color: #fff !important;
  height: 40px;
  line-height: 40px;
  color: #000000 !important;
  padding: 11px -13px;
  /* margin-left: 20px;
  margin-right: 20px;
  width: 100; */
}

.home_message {
    -webkit-column-gap: 18px;
    -moz-column-gap: 18px;
    column-gap: 18px;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    text-align: justify;
}
.nav-collapse a:hover {
  color: #fff !important;
  text-decoration: none!important;
  background: #000;
}

.nav-collapse .current_page_item a {
  color: #fff !important;
  background: #000000;
}

#topnav ul li a {
  color: #000;
  background: #BB1D2F;
}

.nav-collapse a {
  background: #000;
  /* background: #006fb9 !important; */
}

#topnav ul li {
  /* background: url(http://atdwsimages.creative-lab.co.za/images/omar_auto_city/bg_menu_b.png) !important; */
}

a.button, a.button:hover, .button {
  background-color: #f3f3f3;
  padding: 8px 5px;
  font-size: 9px !important;
  border: 0;
  color: #fff;
  text-decoration: none;
  margin-top: 5px;
}

.nav-toggle::before {
  color: #000;
}

.nav-toggle {
  border: 2px solid #f7f7f7;
}

#topnav {
  /* background: #0569ad; */
}

#topnav #current_pagem, #topnav .current_page_item {
  /* background-image: none !important; */
  background: #ca0607 !important;
}

.vehicle_search {
    background: #ffffff;
    margin: 0 auto;
    color: #000 !important;
    line-height: 25px;
    display: inline-block !important;
    /* position: relative; */
    /* top: 40px; */
}

#content {
    /* background: #000; */
    /* border-top: 2px solid #FFFFFF; */
    /* overflow: hidden; */
    position: relative;
    top: 40px;
    /* font-size:10px; */
    /* padding-bottom: 1px !important; */
    border-radius: 0px !important;
}

.mobifymenu {
    /* background: url(../images/bg_mobi_toolbar.png) repeat; */
    border-top: 1px solid #000;
    background-color: #ccc;
}

.wpcf7-form .submit_button, .wpcf7-form .wpcf7-submit {
    background: #cc0000!important;
    color: #FFF!important;
    font-weight: 400!important;
    cursor: pointer!important;
    font-size: 15px!important;
    border: none;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 0;
    height: 46px;
    width: 125px;
    line-height: 20px;
    display: block;
    margin: 0 auto;
}

.pagecontainer {
    clear: both;
    overflow: hidden;
    position: relative;
    top: 20px;
    border-bottom: 2px solid #303030;
}

.list-item .box {
    border: 2px solid #2c2b2a;
    /* background: rgba(0, 117, 184, 0.06) !important; */
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 0;
    overflow: hidden;
}

li.page_item.page-item-25 {
    display: none !important;
}

li.page_item.page-item-5 {
    display: none !important;
}

.nav-toggle {
    border: 1px solid #f7f7f7;
}

.ui-tabs-anchor {
  background: #000;
}

.backsh_link_mobile {
    float: right;
    color: #fff !important;
    background: none !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    line-height: 25px;
    font-weight: 700;
    height: 25px;
    padding: 0 5px;
    margin-top: 3px;
    margin-bottom: 10px;
}

.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsThumbs, .rsDefault .rsVideoFrameHolder {
    background: none !important;
}

.search_box .submitme {
    /* background: url(http://atdwsimages.creative-lab.co.za/images/mompreowned/main_search_btn.png) no-repeat; */
}

div.nextbox {
    float: left;
    width: 25%;
    text-align: left;
}

a.next {
    color: #000 !important;
    padding-right: 35px;
}

a.previous {
    color: #000 !important;
    padding-left: 35px;
}

.search_box {
    width: 90%;
}

.footer_mobi {
    /* margin-bottom: 75px; */
    /* padding-top: 220px; */
    /* color: #0e0e0e; */
    /* text-align: center; */
    /* font-size: 13px; */
}

.footer_mobi a {
    color: #821c19;
}

.header_sr_margin {
    margin-top: 5% !important;
    margin-bottom: 5% !important;
}

#sr_content {
    margin-bottom: 35px;
}

.content {
    padding: 5px 10px 0;
    overflow: hidden;
    margin: 0 10px 18px;
    border-radius: 10px;

}

.sort_box {
    margin-top: 40px !important;
}

.sorting_search_div {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-top: 36px;
}

#ctabuttons {
    margin: 2px 0;
    padding: -1px  8%;
 /*background: #fcbe32 !important;*/
}

#sr_sidebar {
    background: #000;
    border-bottom: 1px dashed #555;
}

#side_filter_menu button {
    color: white !important;
    border: none;
    margin: 0;
    width: 50%;
    padding: 0;
    float: left;
    text-align: centre;
    font-size: 16px;
    cursor: pointer;
}

#search_filter .ui-state-active {
    background: url('../images/nav_ul_li_current_background.png') repeat-x !important;
    color: #fff !important;
}

#search_filter .ui-accordion-content li {
    background: #ccc;
    color: #FFF!important;
    padding: 3px 7px;
}

#search_filter .ui-accordion-content {
    /* background: url(../images/social_bg.png); */
    background: none !important;
}

i.fa {
    color: #000 !important;
}

.ui-tabs-active a {
    background: #fff !important;
}

.large_bg_height {
    height: 50px !important;
}

li.page_item.page-item-43 {
    display: none !important;
}

#topnav {
    background: #ffffff !important;
    border-bottom: 1px solid #fff;
}

#topnav {
    /* top: -12px; */
    /* z-index: 9999; */
    left: 0;
}

li.page_item.page-item-19 {
  display: none !important;
}

.nav-collapse li {
    /* display: block; */
    float: left;
    /* width: 100%; */
}

.main_search_button {
    /* position: relative; */
    /* margin: -8px 10px 0px; */
    /* float: right; */
    /* width: 75px; */
    /* height: 70px; */
}

#section {
      background: #00000075;
      line-height: 0px;
}

.search_outer {
    height: auto !important;
    margin-top: 120px !important;
    margin-bottom: 0px !important;
}

#bg-body {
    /* height: 10%; */
    /* left: 0%; */
    /* position: fixed; */
    /* top: 0%; */
    /* width: 100%; */
    /* z-index: -1; */
}

#bg-body img {
    /* width: auto !important; */
    /* height: 25% !important; */
    /* min-width: 0; */
    /* min-height: 0; */
    /* top: 25%; */
    /* bottom: auto; */
    /* background: none !important; */
}

li.page_item page-item-38 {
  display: none !important;
}



.kwicks {
  overflow: hidden;
  padding: 10px 0px;
}

.mobi_foot_space {
    height: 20px;
}

#topnav {
    position: fixed;
    top: 0px;
    z-index: 9999;
    left: 0;
    right: 0;
    width: 100%;
}

#topnav.mobile.mobile_header > a.nav-toggle:before {
  background: #ffffff !important;
  font-size: 20px;
  line-height: 25px;
  cursor: pointer;
  border: 1px solid white;
}
#bg-body {
    /* background: none; */
}
.nav-collapse .current_page_item a, .nav-collapse a:hover:hover {
  background-color: #000 !important;
  /* background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d49910), to(#821c19)) !important;
  background: -webkit-linear-gradient(top, #d49910, #821c19) !important;
  background: -moz-linear-gradient(top, #d49910, #821c19) !important;
  background: -ms-linear-gradient(top, #d49910, #821c19) !important;
  background: -o-linear-gradient(top, #d49910, #821c19) !important;
  color: #d49910 !important; */
}

.list-items {
    padding: 12px;
    border: solid 1px #000;
    background: #000;
}

.rsDefault .rsGCaption {
    position: absolute;
    float: none;
    bottom: 0px;
    left: 0px;
    text-align: left;
    background: rgba(0, 0, 0, 0.75);
    color: #FFF;
    padding: 0px 0px 0px !important;
    width: auto;
    font-size: 12px;
    border-radius: 0px 4px 0px 0px;
    padding-left: 25px;
}

.kwicks span {
    position: relative;
    background-color: rgba(237, 35, 36, 0);
    border: none;
    font-size: 15px;
    color: #FFFFFF !important;
    padding: 0px 0px 0px 0px !important;
    width: 100% !important;
    text-align: center;
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    font-size: 20px;
}

.kwicks span {
    display: block;
    margin: 14px 0;
}
#filter_results select {
    border-right: 0px solid #000000;
    color: #000000 !important;
}
.show_more, .show_more_direction:hover {
  background-color: #000 !important;

}
.show_more, .show_more_direction {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #797979 !important;
    width: 100%;
    border: 0;
    height: 40px;
    font-size: 16px;
    outline: 0;
    visibility: hidden;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #000 !important;
}
li.page_item.page-item-34 {
    display: none !important;
}
.social_link_div a {
    display: inline-block;
    width: 100%;
    text-align: center;
    float: left;
}

#financeCalculator .ui-state-active {
    background: #bfbfbf !important;
    color: #fff !important;
}
#financeCalculator .left .or_option span {
    display: inline-block;
    background-color: #000 !important;
    width: 42px;
    height: 37px;
    padding: 0;
    line-height: 37px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-right: 1%;
}
#financeCalculator .right p b {
    color: #000 !important;
    font-weight: bold;
}
#financeCalculator .apply_button {
    background-color: rgba(0, 155, 222, 0) !important;
    padding: 2%;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
#financeCalculator .ui-state-default {
    background: #000 !important;
    color: #fff;
}