.grecaptcha-badge{bottom:80px!important;z-index:100;}
.grecaptcha-badge{visibility: hidden !important;}

@font-face {
  font-family: 'MBCorpo';
  src: url('/assets/20251021/fonts/MBCorpoSText-Regular-Web.woff2') format('woff2'), url('/assets/20251021/fonts/MBCorpoSText-Regular-Web.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MBCorpo';
  src: url('/assets/20251021/fonts/MBCorpoSText-Bold-Web.woff2') format('woff2'), url('/assets/20251021/fonts/MBCorpoSText-Bold-Web.woff') format('woff');
  font-weight: bold;
}
@font-face {
  font-family: 'MBCorpoTitleCond';
  src: url('/assets/20251021/fonts/MBCorpoATitleCond-Regular-Web.woff2') format('woff2'), url('/assets/20251021/fonts/MBCorpoATitleCond-Regular-Web.woff') format('woff');
  font-stretch: condensed;
}



body{font-family:'MBCorpo','Trebuchet MS','Tahoma','Arial'!important;background-color:#ffffff;color:#000000;}
.MBCorpoTitleCond{font-family:'MBCorpoTitleCond','Trebuchet MS','Tahoma','Arial'!important;}
.fw-stretch{font-stretch:130%}
.onlyprelive{display:none!important;}
.perm-show{display:block!important;}
.perm-hide{display:none!important;}
.pointer{cursor:pointer;}
.navbar-toggler {border-color:rgb(0,0,0)!important;color:rgb(0,0,0)!important;}
.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;}

.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
background-color:#0078d6;border-color:#0078d6;}
.btn-outline-info:disabled, .btn-outline-info.disabled {color:#0078d6;}
.link-info {color:#0078d6!important;}
.text-info {color:#0078d6!important;}
.svg-warning{filter: invert(71%) sepia(50%) saturate(721%) hue-rotate(2deg) brightness(107%) contrast(91%);}
.text-warning {color:rgb(243,201,29)!important;}
.text-dark {color:rgb(24,16,73)!important;}
.bg-info{background-color:#0078d6!important;color: white!important;}
.btn-info{background-color:#0078d6!important;color: white!important;border-color:#0078d6!important;}
.bg-dark{background-color:#000000!important;color: white!important;}
.btn-dark{background-color:#000000!important;color: white!important;}
.bg-warning,.btn-outline-warning:hover{background-color:rgb(243,201,29)!important;color:rgb(0,0,0)important;}
.label-default {background-color: #777;}
.label-dark {background-color:rgb(0,0,0);}
.label-warning {background-color:rgb(243,201,29);}
.btn-warning {background-color:rgb(243,201,29);}
.notavailable-icon-large{font-size:90px;color:lightslategrey;}
.price-lh{line-height:2.6rem;}
.label {
    display: inline;
    padding: 0.1em 0.1em 0.1em 0.1em;
    line-height: 3.75rem;
	letter-spacing: 1px;
	word-spacing: -10px;
    vertical-align: baseline;
    border-radius: 0em;
}
.label > span {
   padding: 0 6px 0 6px;
}
.dropdown-mainmenu:focus, .dropdown-mainmenu:hover {color: #1e2125;background-color: #ffffff;}
.dropdown-mainmenu-li > li{min-height:39px;}
/*.bg-compare-different{background-color:rgb(245,250,255)!important;color:black!important;}*/
.mcc-fontcolor{color:rgb(13,7,73)!important;}
.mcc2-fontcolor{color:#0078d6!important;}
.progress-bar{background-color:#0078d6!important;color: white!important;}
.sf-font{font-size:1.0rem!important;}
.fs10{font-size:10px;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs26{font-size:26px;}
.fs28{font-size:28px;}
.fs30{font-size:30px;}
.fs32{font-size:36px;}
.fs40{font-size:40px;}
.fs50{font-size:50px;}
.fs75{font-size:75px;}
.fs100{font-size:100px;}
.fs200{font-size:200px;}
.opcty65{opacity: .65;}
.searchtabs-minwidth{min-width:110px;}
.searchtabs-maxwidth{max-width:70px;}
.specs-details-divider{margin:10px;border-bottom:1px dotted silver;}
.headerunderline{border-bottom:1px solid #ececec;}
.overlaytype{position:absolute;background:black;color:white;right:15px;;padding:1px 7px;font-size:10px;z-index:1;opacity:0.7;border-bottom-left-radius:10px !important;}
.overlayimg{position:absolute;z-index:1;}
.overlayimg-special-list{position:absolute;bottom:0;right:15px;width:40%;max-width:200px;z-index:1;}
.overlayimg-special-details{position:absolute;bottom:20px;right:15px;padding:0 2px 0 0;width:40%;max-width:200px;z-index:1;}

input.ng-invalid-required,select.ng-invalid-required{border-left-color: #f92a1b;}
input.ng-valid-required,select.ng-valid-required{border-left-color: #f92a1b;}

.sellmycar-radiobuttons,.alert-radiobuttons,.cantfind-radiobuttons,.cantfind-checkboxbuttons{text-align: center;}
.sellmycar-radiobuttons > h5{text-align: left;}
.sellmycar-radiobuttons > label,.alert-radiobuttons > label,.cantfind-radiobuttons > label{margin-bottom:0.2em;}
.sellmycar-radiobuttons > label > input[type=radio],.alert-radiobuttons > label > input[type=radio],.cantfind-radiobuttons > label > input[type=radio],.cantfind-checkboxbuttons > label > input[type=checkbox]{display:none;}
.top-nav-underbar{margin-top:48px;z-index:11;position:fixed;top:0;left:0;width:100%;}
.underbar-fade-show{
   opacity: 1;display:block;
   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;display:none;
   transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;}
.specrow div,.specrow div span div{padding:7px 0 7px 3px;margin-bottom:0px !important;}
.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;}
.SocialPanelOpen{right:-2px;}
.SocialPanelClosed{right:-47px;}
.website-top-logo{width:230px;max-width:230px;}
.rounded-6{border-radius: 0.6rem!important;}
.rounded-13{border-radius: 1.3rem!important;}
.rounded-6-top{border-top-right-radius: 0.6rem!important;border-top-left-radius: 0.6rem!important;}
.rounded-13-top{border-top-right-radius: 1.3em!important;border-top-left-radius: 1.3em!important;}
.rounded-13-top-right{border-top-right-radius: 1.3em!important;}
.rounded-13-top-left{border-top-left-radius: 1.3em!important;}
.rounded-13-bottom-right{border-bottom-right-radius: 1.3em!important;}
.rounded-13-bottom-left{border-bottom-left-radius: 1.3em!important;}

.custom-icon{-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1; }

.topmenu-hint{position:fixed;right:0;background:#ffffff;z-index:2;width:30%;padding:8px 32px 8px 0px;text-align:right;font-size:16px;border-bottom-left-radius:80px;}
.topmenu-hint-up{top:20px;}
.topmenu-hint-down{top:105px;}
.topmenu-hint-drop-shadow{-webkit-box-shadow:0px 4px 10px 0px rgba(100,100,100,.80);-moz-box-shadow:0px 4px 10px 0px rgba(100,100,100,.80);box-shadow:0px 4px 10px 0px rgba(100,100,100,.80);}
.quick-navi-group{float:right;}
.dropdown-menu-right-custom>li>a{padding:7px!important;}
@media (min-width: 768px){
	/*desktop*/
	.topmenu-navbar>li>a{padding:12px!important;}
	.dropdown-menu-right-custom{right:0;left:auto;}
}
@media (max-width: 1200px){
	.topmenu-hint{width:40%;}
}
@media (max-width: 768px){
	/*phone,tablets etc*/
	.heading{font-size:20px;}
	.quick-navi-group{margin-top:10px;float:left!important;}
}


@media (max-width: 768px){
	.website-top-logo{width:160px;max-width:160px;}
}
.autocomplete, pre {width:50%;}
.autocomplete-choices .autocomplete-choice {
  border: 1px solid #ccc;
  cursor: pointer;
  padding: 5px;
  width: 100%;
}
.autocomplete-choices{
	position: absolute;
    z-index: 1000;
    background: white;
    min-width: 200px;
	max-height: 200px;
	overflow-x: hidden;
    overflow-y: auto;
    font-size: 14px;
}
.ui-select-container .ui-select-match > span.btn {
height:40px;padding:9px 0 0 17px;font-size:16px;line-height:1.3333333;}
.ui-select-container > input.form-control {
height:40px;padding:0 0 0 17px;font-size:16px;line-height:1.3333333;}

.search-ui-select > .ui-select-container .ui-select-match > span.btn {
border: 1px solid #dee2e6!important;}
.search-ui-select > .ui-select-container > input.form-control {
border: 1px solid #dee2e6!important;}

.ui-select-choices-group {font-size:16px;}
.ui-select-match-text{width:97%;overflow: hidden;}
.ui-select-required{background-color: #e9ecef;border-left: 2px solid red!important;}

.myprofile-login-modal-content{
	background: linear-gradient(325deg,#539ddd,#1d3b79,#10044c);
	background-color:#10044c;
}
.myprofile-login-modal-content > .modal-header {
	background-color:#539ddd;
}


.page-title{
	position:relative;
	text-align:center;
	padding:50px 0px 44px 0px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

.page-title:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	/*background-color:rgb(13,7,73,0.80);*/
	/*background-color:rgb(66,173,227,0.80);*/ 
	/*background-color:rgba(0,0,0,0.80);*/
}

.page-title-navy:before{
	/*background: linear-gradient(90deg,rgb(13,7,73,1),rgb(13,7,73,1),rgb(13,7,73,0.8),rgb(66,173,227,0.4),rgb(66,173,227,0.1));*/
	background: linear-gradient(90deg,rgb(13,7,73,1),rgb(13,7,73,1),rgb(13,7,73,0.8),rgb(13,7,73,0.6),rgb(13,7,73,0.1));
}
@media (max-width: 560px){
	/*phone etc*/
	.page-title h1{
		color:white!important;
	}
}
.page-title-grey:before{
	background-color:rgba(0,0,0,0.60);
}

.page-title h1 u{text-underline-offset: -40px;text-decoration-color: #4CB0E4;border-top: 4px solid #4CB0E4;}

.page-title-blue:before{
	background: linear-gradient(325deg,rgb(13,7,73,1),rgb(74,166,212,0.8),rgb(13,7,73,1));
	background-size: 600% 600%;
	-webkit-animation: TitleGrad 30s ease infinite;
	-moz-animation: TitleGrad 30s ease infinite;
	-o-animation: TitleGrad 30s ease infinite;
	animation: TitleGrad 30s ease infinite;}
		@-webkit-keyframes TitleGrad {
		 0%{background-position:10% 0%}
		 50%{background-position:91% 100%}
		 100%{background-position:10% 0%}
		}
		@-moz-keyframes TitleGrad {
		 0%{background-position:10% 0%}
		 50%{background-position:91% 100%}
		 100%{background-position:10% 0%}
		}
		@keyframes TitleGrad { 
		 0%{background-position:10% 0%}
		 50%{background-position:91% 100%}
		 100%{background-position:10% 0%}
		}

.page-title h1{
	position:relative;
	font-size:34px;
	font-weight:600;
	letter-spacing:1px;
	color:#ffffff;
	line-height:1.5em;
	text-transform:uppercase;
}
.page-title h2{
	position:relative;
	font-size:20px;
	letter-spacing:1px;
	color:#ffffff;
	line-height:1em;
}

.page-info{
	position:relative;
	color:#272727;
	border-bottom:1px solid #eeeeee;
}

.page-info h2{
	font-size:16px;
	color:#272727;
	line-height:24px;
	font-weight:700;	
}

.page-info .bread-crumb{
	position:relative;
	font-size:14px;
	padding:18px 0px 17px;
}

.page-info .bread-crumb li{
	position:relative;
	display:inline-block;
	font-size:14px;
	margin-right:24px;
	color:#848484;
	font-weight:400;
	line-height:24px;
	text-transform:capitalize;
	font-family: 'Montserrat', sans-serif;
}

.page-info .bread-crumb li.current{
	color:#ff5400;
}

.page-info .bread-crumb li:last-child{
	margin-right:0px;
}

.page-info .bread-crumb li:after{
	content:'\f0da';
	font-family: 'FontAwesome';
	position:absolute;
	right:-21px;
	width:10px;
	line-height:24px;
	font-size:16px;
	color:#848484;
}

.page-info .bread-crumb li:last-child:after{
	display:none;	
}

.page-info .bread-crumb li a{
	color:#848484;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.page-info .bread-crumb li a:hover{
	color:#ff6600;	
}

@media (max-width: 767px){
	/* XS and SM */
	.PopperContainer{height:0%!important;padding:20px!important;}
	.customer-reviews > .slick-arrow {display:none!important;}
}
@media (max-width: 574px){
	.popper-menu-w-100{width:95%!important;font-size:14px;}
	.popper-menu-w-50{width:46%!important;font-size:14px;}
}

/*https://www.cssportal.com/css-scrollbar-generator/*/
/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #000000 #ffffff;
}

/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
  width: 6px;
  width: 6px;
}
*::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: #000000;
}

*::-webkit-scrollbar-track:hover {
  background-color: #000000;
}

*::-webkit-scrollbar-track:active {
  background-color: #000000;
}

*::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: #000000;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #000000;
}

*::-webkit-scrollbar-thumb:active {
  background-color: #000000;
}



/*loading*/
.lds-dual-ring {
  /* change color here */
  color: #1c4c5b
}
.lds-dual-ring,
.lds-dual-ring:after {
  box-sizing: border-box;
}
.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6.4px solid currentColor;
  border-color: currentColor transparent currentColor transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #f4d245;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}