body{font-family: 'Open Sans','Trebuchet MS','Tahoma','Arial';background:#ffffff;}
.topnavbarspacer{background-color:white;z-index:100;width:100%;height:48px;position:fixed;top:0;}
.ccnumbertopnav,.ccnumbertopnav:active,.ccnumbertopnav:hover,.ccnumbertopnav:focus{color:inherit;text-decoration:none;}
.totopbuttom{position:fixed;right:0.25%;bottom:5.75%;font-size:26px;display:none;z-index: 20;}
.full{width:100%;max-width:1800px;}
.special-max-width{max-width:564px !important;}
.container-fluid{max-width:1800px;}
.push-down{margin-top:120px;margin-bottom:0px;}
.pointer{cursor:pointer;}
.fltl{float:left;}
.fltr{float:right;}
.clear{clear:both;}
.perm-show{display:block !important;}
.perm-hide{display:none !important;}
.row{margin-bottom:10px;}
.nolink,.nolink:hover{text-decoration:none;}
.whiteft{color:white;}
.fs10{font-size: 10px;}
.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs24{font-size: 24px;}
.fs30{font-size: 30px;}
.fs200{font-size: 200px;}
.mb2px{margin-bottom:2px;}
.mb5px{margin-bottom:5px;}
.mb10px{margin-bottom:10px;}
.mb50px{margin-bottom:50px;}
.mt10px{margin-top:10px;}
.mt20px{margin-top:20px;}
.mt5px{margin-top:5px;}
.m5050{margin: 5px 0 5px 0;}
.p12px{padding:12px;}
.wid15pc{width:15% !important;}
.btn-wrap{white-space:normal;}
.notavailable-icon-large{font-size:90px;color:lightslategrey;}
.heading{font-size: 24px;padding: 10px;}
.sub-heading{font-size: 16px;padding: 5px;}
.headerunderline{border-bottom: 1px solid #ececec;}
.nav-powered{font-size: 12px;margin-right: 26px;}
.navbar{border:0px !important;}
.navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color: #ffffff;
	background-color: #004080;
}
.form-valid-requirements{margin:10px 0 0 10px;}
.form-valid-requirements>div{margin-bottom:5px;font-size:10px;color:#990000;}
.searchfilter-shrinker{overflow:hidden;height:212px;}
.searchfilter-showmore{font-size:10px;cursor:pointer;text-align:center;padding:6px;}
.searchfilter-panel{border-top-left-radius:23px;border-top-right-radius:23px;border-bottom-left-radius:20px;border-bottom-right-radius:24px;}
.searchfilter-heading{border-top-left-radius:20px;border-top-right-radius:20px;}
.searchfilter-heading h1{font-size:24px;padding:3px;}
.searchfilter-panelbody{padding:0px;min-height:16px;}
.searchfilter-navtabs{width:33%;margin: 5px 0px 5px 0px;}
.searchfilter-navforms{width:64%;margin: 5px 6px 5px 0px;}
.searchfilter-btn{margin:2px 0;padding: 20px 0;border-bottom-right-radius: 20px;}

.angular-google-map-container {height:500px;}
.top-nav-underbar{margin-top:48px;z-index:11;position:fixed;top:0;left:0;width:100%;}

.underbar-fade-show {
   opacity: 1;
   transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
   }
.underbar-fade-hide {
   opacity: 0;
   transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
   }
.modalbrands div div.panel:hover{background:#e4e4e4}
.overlayimg{position:absolute;}
.search-result-model-makeseries{font-size:30px;line-height:120%;text-transform:uppercase;font-weight:600;}
.search-result-model-model{font-size:18px;line-height:120%;}
.search-result-model-features{font-size:16px;line-height: 150%;margin:3px 0;}
.search-result-model-from{font-size:12px;margin-top:10px;}
.search-result-model-price{font-size:40px;margin-top:-14px;}
.search-result-model-estimated{font-size:12px;}
.search-result-model-monthly{font-size:18px;}

.search-result-stock-descr{font-size:28px;line-height:120%;font-weight:600;}
.search-result-stock-kms{font-size:18px;line-height:120%;}
.search-result-stock-features{font-size:16px;line-height: 150%;margin:3px 0;}
.search-result-stock-from{font-size:12px;margin-top:10px;}
.search-result-stock-price{font-size:38px;margin-top:-14px;}
.search-result-stock-estimated{font-size:12px;}
.search-result-stock-monthly{font-size:18px;}

.search-result-noresults{font-size:90px;color:lightslategrey;}

.search-result-specials-header{font-size:30px;line-height:110%;text-transform:uppercase;font-weight:600;}
.search-result-specials-descr{font-size:14px;line-height: 130%;margin-top:5px;}

.search-details-specials-header{font-size:30px;line-height:110%;margin-bottom:15px;text-transform:uppercase;font-weight:600;}
.search-details-specials-dealer{font-size:18px;margin-bottom:15px;}
.search-details-specials-descr{font-size:18px;line-height:130%;border-top:1px solid #e5e5e5;margin-top:5px;padding-top:5px;}
.search-details-specials-why{border-top:1px solid #e5e5e5;margin-top:10px;padding-top:10px;}

.model-details-contain{text-align: center;margin-bottom:10px;}
.model-details-makeseries{font-size:34px;line-height:110%;}
.model-details-from{font-size:12px;}
.model-details-price{font-size:40px;border-top:1px solid #e5e5e5;}
.model-details-estimated{font-size:12px;}
.model-details-planprice{font-size:22px;border-top:1px solid #e5e5e5;}
.model-details-monthly{font-size:18px;border-top:1px solid #e5e5e5;}
.model-details-instalment{width:49%;text-align: left;margin-bottom:5px;}
.model-details-instalment select{width:70%;}

.stock-details-contain{text-align: center;margin-bottom:10px;}
.stock-details-descr{font-size:34px;line-height:110%;}
.stock-details-kms{font-size:18px;}
.stock-details-from{font-size:12px;}
.stock-details-price{font-size:40px;border-top:1px solid #e5e5e5;}
.stock-details-estimated{font-size:12px;}
.stock-details-monthly{font-size:30px;border-top:1px solid #e5e5e5;}
.stock-details-instalment{width:49%;text-align: left;margin-bottom:5px;}
.stock-details-instalment select{width:70%;}

.model-choice-btn{padding: 25px 0;margin-bottom:10px;}
.stock-choice-btn{padding: 25px 0;margin-bottom:10px;}

.brandHeroBanner{
	height:550px;
	background-size: cover; 
	background-repeat: no-repeat;
	background-position:0% 40%;
}
.brandHeroBanner div{
	height:100%;width:100%;
	background-image: url('https://storage.googleapis.com/cdn.callacar.co.za/images/content/pat2.png');
	opacity: 0.75;
}
.brandTitle{
    color: gray;
    font-size: 12px;
    font-weight: bolder;
    position: absolute;
    top: 6px;
    background: white;
    padding: 5px 20px;
    border-top: 1px solid silver;
	max-width: 88%;}
.brand-hover{
	position:absolute;
	text-align: center;
	width: 90%;
	height: 100%;
	color: #FFF;
	background-color: rgba(255,255,255,0.7);
	opacity: 0;
	-webkit-transition: all 0.45s;
	-moz-transition: all 0.45s;
	-o-transition: all 0.45s;
	transition: all 0.45s;
	z-index: 10;
}
.brand-hover:hover{
	opacity: 1;
}
.brand-hover-txt{
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -12px;
	color: #000;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.brand-hover-txt span{
	border: 2px solid #337ab7;
	border-radius: 2px;
	padding: 8px 18px;
	margin: 0 1px;
	color: #337ab7;
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.brand-hover-txt span {
	background-color:#337ab7;
	color: #fff;
	border: 2px solid #fff;
}

.promotion-hover{
	position:absolute;
	text-align: center;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 0.45s;
	-moz-transition: all 0.45s;
	-o-transition: all 0.45s;
	transition: all 0.45s;
	z-index: 10;
}
.promotion-hover-show{
	opacity: 1;
}
.promotion-hover-txt{
	position: absolute;
	top: 20%;
	width: 100%;
	margin-top: -12px;
	color: #000;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.promotion-hover-txt span{
	border-radius: 2px;
	padding: 8px 18px;
	margin: 0 1px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.promotion-hover-txt span {
	font-size: 160px;
	color: lime;
}
.promotion-hover-extra{
	position:absolute;
	width:100%;
	background-color: white;
	top:100%;
	z-index:10;
	opacity:0.9;
	font-size:14px;
	text-align:left;
	padding:0px 13px 22px 13px;
	border-bottom:1px solid silver;
}

.homeHeroBanner{
	height:500px;
	background-size: cover; 
	background-repeat: no-repeat;
	background-position:0% 40%;
}
.homeHeroBanner div{
	height:100%;width:100%;
	background-image: url('https://storage.googleapis.com/cdn.callacar.co.za/images/content/pat2.png') !important;
}
.homeHeroBanner div div {
	height:auto;
	font-size:60px;
	bottom:0px;
	position:absolute;
	width:90%;
	text-align: left;
	margin: 0 0 20px 20px;
	line-height: 80%;
    background-image: none;
}
.homepage-promo-banners{margin:0 auto;max-width:600px;}
.parallax {
	opacity: 0.75;
	min-height: 300px;
	background-attachment: fixed;
	background-position: 0% 80%;
	background-repeat: no-repeat;
	background-size: cover;
}
.parallax-txt{
	font-size: 50px;
	color: white;
	border: 1px solid white;
	position: absolute;
	z-index: 1;
	text-align: center;
	margin: 11% 0 0 1%;
    padding: 0 18px;
}
.parallax-over{
	height:300px;
	width:100%;
	background-image: url('https://storage.googleapis.com/cdn.callacar.co.za/images/content/pat3.png');
	opacity: 0.5;
}

.searchfilter-navpill{border-radius:0px !important;border-top-right-radius:6px !important;border-bottom-right-radius:6px !important;}
.drop-shadow{-webkit-box-shadow: 0px 24px 18px -22px rgba(100,100,100,.80); -moz-box-shadow: 0px 24px 18px -22px rgba(100,100,100,.80); box-shadow: 0px 24px 18px -22px rgba(100,100,100,.80);}

.paging-start,.paging-end{width:45px;height:65px;font-size:36px;padding:9px 0 0 0;}
.paging-prev,.paging-next{width:80px;height:65px;font-size:34px;padding:12px 0 0 0;}

.specrow div,.specrow div span div{padding:10px 0 10px 3px;margin-bottom:0px !important;}
.featurename{font-weight: bold;}

.image-eye{position: absolute;color:white;font-size:20px;margin:3px 0px 0px 5px;text-shadow:0 0 5px silver;opacity:0.35;}
.search-results-new-special-float{position:fixed;top:110px;width:31.5%;padding-left:0px;}

.score-list{width:100%;margin:0px;}
.score-list > div{width:20%;border:1px solid white;margin:3px 0px;font-size:8px;padding:2px 0px;}
.score-list > div.btn-success{padding:5px 0;}
.score-list > div.btn-info, .score-list > div.btn-warning{margin: 6px 0;}
.score-list > div > span{font-size:16px;}

.score-details{width:100%;margin:10px 0 10px 0;}
.score-details > div{width:20%; border:1px solid white;margin: 5px 0px;font-size:8px;padding:3px 0px;}
.score-details > div.btn-success{padding: 6px 0;}
.score-details > div.btn-info, .score-details > div.btn-warning{margin:8px 0;}
.score-details > div > span{font-size:24px;}

.score-preview{width:100%;margin:10px 0 10px 0;}
.score-preview > div{width:20%; border:1px solid white;margin:5px 0px;font-size:8px;padding:3px 0px;}
.score-preview > div > span{font-size:24px;}

.specs-preview-used{margin:10px 0;height:200px;overflow:auto;text-align:left;}
.specs-preview-used-noresult{height:30px !important;}
.specs-preview-divider{margin:7px;border-bottom:1px dotted silver;}

.specs-details-divider{margin:10px;border-bottom:1px dotted silver;}

.container-footer{bottom:0px;font-size:10px;max-width:100%;width:100%;z-index:10;}

.label-white{background-color: white;border: 1px solid;color: grey;font-weight: normal;padding: .2em .6em .2em;}

/*animation delay*/
.aed1{
-webkit-animation-delay: 1s;
   -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
	    animation-delay: 1s;
}

.img-overlay3:after{background: url('https://storage.googleapis.com/cdn.callacar.co.za/images/content/pat3.png') repeat;content:'';width: 100%;height: 100%;top:0;left:0;position: absolute;opacity: 0.5;}

.chart{position: relative;display: inline-block;width: 75px;height: 75px;margin:0 5px;text-align: center;}
.chart span.title{font-size: 10px;width: 75px;display: block;}
.chart canvas {position: absolute;top: 0;left: 0;}
.percent {display: inline-block;line-height: 75px;z-index: 2;font-size: 16px;}
.percent:after {content: '%';margin-left: 0.1em;font-size: .8em;}

@media (max-width: 375px){
	.searchfilter-btn{font-size:16px !important;}
	.rzslider{font-size:12px;}
}
@media (min-width: 475px){
	.mobile-buttons{margin-top:7%;}
}
@media (max-width: 768px){
	.searchfilter-navpill {padding: 17px 9px !important;}
}
@media only screen and (min-width: 1200px){
	.vehicle-list-divider{background-image:url('https://storage.googleapis.com/cdn.callacar.co.za/images/content/vehicle-list-divider.png');background-position:bottom;background-repeat:no-repeat;height:18px;}
}
@media (max-width: 1199px){
	.vehiclelist{border-bottom:10px solid #ececec;}
}
@media only screen and (min-width: 926px){
	.navbar-nav {margin-top:45px !important;}
	.bidvest-logo{max-height:45px !important;margin-top:45px !important;}
}

@media (min-width: 768px){
	/*desktops etc*/
	.navbar{height:105px;min-height:105px;}
	.navbar-nav{margin-top:46px !important;float:right;position:absolute;left:auto;right:10px;}
	.navbar-text{position:absolute;right:2%;margin-top:10px;margin-bottom:0px;}
	.top-menu-move-up{top: -57px;}/*adjust top menu*/
	.bidvest-logo{max-height: 45px;margin-top: 51px;}
	.navbar-number-up{margin-top: 70px;font-size:16px;right:3%;font-style:italic;}
	.navbar-text{right: 3%;}
	.pc-hide{display:none;}
	.pc-perm-show{display:block !important;}
	.score-preview > div{font-size:14px;}
	.score-preview > div > span{font-size:40px;}
	.container-footer{bottom:0;position:fixed;width:100%;}
}

@media (max-width: 768px){
	/*phone,tablets etc*/
	.full-logo-tablet{width:209px;}
	.navbar{min-height: 60px;}
	.navbar-nav {margin-top: 14px;}
	.navbar-brand{padding:6px 1px 6px 15px;width:76%;}
	.navbar-collapse{border:none;}
	.nav>li>a {padding: 10px 9px;}
	.parallax-txt{font-size: 37px;margin: 25% 0 0 1%;padding: 0 18px;}
	
}
@media (max-width: 765px){
	/*phone etc*/
	.full-logo{width: initial;max-height:45px;}
	.push-down{margin-top:70px;}
	div#navbar > ul.nav > li{padding: 3px 17px;border-top: 1px solid #e5e5e5;}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	    max-height: 460px;
	}
	.overlayimg{position:absolute;width:70%;max-width:200px;}
}

@media (max-width: 500px){
	.model-details-instalment{width:100%;text-align: center;}
	.model-details-instalment select{width:100%;}
	.model-details-monthly{font-size: 18px;}
	.model-details-totfin{border-top:1px solid #e5e5e5;}
	.stock-details-instalment{width:100%;text-align: center;}
	.stock-details-instalment select{width:100%;}
	.stock-details-monthly{font-size: 18px;}
	.stock-details-totfin{border-top:1px solid #e5e5e5;}
	.totopbuttom{bottom:7%;}
	.vehiclelist{text-align: center;}
}

.carousel-control.right, .carousel-control.left {
  background-image:none;
}

.navbar,.bidvest-logo{
	-webkit-transition: all 0.1s ease-out;
       -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
         -o-transition: all 0.1s ease-out;
            transition: all 0.1s ease-out;
}

.image{overflow:hidden;}
.image img {
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -ms-transition: all 0.5s ease; /* IE 9 */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
}

.image:hover img {
    -webkit-transform:scale(1.05); /* Safari and Chrome */
    -moz-transform:scale(1.05); /* Firefox */
    -ms-transform:scale(1.05); /* IE 9 */
    -o-transform:scale(1.05); /* Opera */
     transform:scale(1.05);
}

.tab-pane {
	opacity: 0;
	-webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;
}
.tab-content > div.active{opacity: 1;}

/* .modal-fullscreen */
.modal-fullscreen {
  background-color: white;
}
.modal-fullscreen-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.modal-fullscreen .modal-content {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: .97;
  filter: alpha(opacity=97);
}

/* .modal-fullscreen size: we use Bootstrap media query breakpoints */
.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .modal-fullscreen .modal-dialog {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .modal-fullscreen .modal-dialog {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .modal-fullscreen .modal-dialog {
     width: 1170px;
  }
}

.AllInOnePanel {
 	-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@media print{.no-print, .no-print * {display: none !important;}}

body::-webkit-scrollbar {width: 12px;height: 12px;}
body::-webkit-scrollbar-button {width: 0px;height: 0px;}
body::-webkit-scrollbar-thumb {border: 0px;border-radius: 0px;}
body::-webkit-scrollbar-track {border: 0px;border-radius: 0px;}
body::-webkit-scrollbar-corner {background: transparent;}

.loader,.loader:before,.loader:after {
  border-radius: 50%;
}
.loader {
  color: #337ab7;
  font-size: 11px;
  text-indent: -99999em;
  margin: 55px auto;
  position: relative;
  width: 10em;
  height: 10em;
  box-shadow: inset 0 0 0 1em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loader:before,
.loader:after {
  position: absolute;
  content: '';
}
.loader:before {
  width: 5.2em;
  height: 10.2em;
  background: #ffffff;
  border-radius: 10.2em 0 0 10.2em;
  top: -0.1em;
  left: -0.1em;
  -webkit-transform-origin: 5.2em 5.1em;
  transform-origin: 5.2em 5.1em;
  -webkit-animation: loader2 2s infinite ease 1.5s;
  animation: loader2 2s infinite ease 1.5s;
}
.loader:after {
  width: 5.2em;
  height: 10.2em;
  background: #ffffff;
  border-radius: 0 10.2em 10.2em 0;
  top: -0.1em;
  left: 5.1em;
  -webkit-transform-origin: 0px 5.1em;
  transform-origin: 0px 5.1em;
  -webkit-animation: loader2 2s infinite ease;
  animation: loader2 2s infinite ease;
}
@-webkit-keyframes loader2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loader2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}