/*** 
====================================================================
	Page Title Style
====================================================================

#page-container {position: relative;min-height: 100vh;}
#content-wrap {padding-bottom: 302px;}
#footer {position: absolute;bottom: 0;width: 100%;height: 302px;}
body{font-family: 'Open Sans','Trebuchet MS','Tahoma','Arial'!important;}
.website-top-logo{width:230px;max-width:230px;}
@media (max-width: 768px){
	.website-top-logo{width:160px;max-width:160px;}
}
***/
.input-group>.form-aicontrol {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
.form-aicontrol {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


.perm-show{display:block !important;}
.perm-hide{display:none !important;}
.pointer{cursor:pointer;}
.navbar-toggler {border-color:rgb(66,173,227,1)!important;color:rgb(66,173,227,1)!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%2866, 173, 227, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;}
.bg-mccarthy {color:#ffffff;background-color:rgb(13,7,73)!important;border-color:rgb(13,7,73)!important;}
.btn-info {background-color:rgb(66,173,227)!important;border-color:rgb(66,173,227)!important;}
.btn-info:disabled, .btn-info.disabled {background-color:rgb(66,173,227);border-color:rgb(66,173,227);}
.btn-info:hover, .btn-info.hover {background-color:rgb(66,173,227);border-color:rgb(66,173,227);}
.btn-mccarthy {color:#ffffff;background-color:rgb(13,7,73)!important;border-color:rgb(13,7,73)!important;}
.btn-mccarthy:disabled, .btn-mccarthy.disabled {color:#ffffff;background-color:rgb(13,7,73);border-color:rgb(13,7,73);}
.btn-mccarthy:hover, .btn-mccarthy.hover {color:#ffffff;background-color:rgb(13,7,73);border-color:rgb(13,7,73);}
.btn-outline-info {color:rgb(66,173,227);border-color:rgb(66,173,227);}
.btn-outline-info:hover {background-color:rgb(66,173,227);border-color:rgb(66,173,227);}
.btn-outline-mccarthy {color:rgb(13,7,73);border-color:rgb(13,7,73);}
.btn-outline-mccarthy:hover {color:#ffffff;background-color:rgb(13,7,73);border-color:rgb(13,7,73);}
.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:rgb(66,173,227);border-color:rgb(66,173,227);}
.btn-outline-info:disabled, .btn-outline-info.disabled {color:rgb(66,173,227);}
.link-info {color:rgb(66,173,227)!important;}
.text-info {color:rgb(66,173,227)!important;}
.bg-info{background-color:rgb(66,173,227)!important;color: white!important;}
/*.bg-compare-different{background-color:rgb(245,250,255)!important;color:black!important;}*/
.mcc-fontcolor{color:rgb(13,7,73)!important;}
.mcc2-fontcolor{color:rgb(66,173,227)!important;}
.progress-bar{background-color:rgb(66,173,227)!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;}
.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;}
.form-valid-requirements{font-size: 10px;color:#959595;}
input.ng-invalid-required,select.ng-invalid-required{border-left: 2px solid red;}
input.ng-valid-required,select.ng-valid-required{border-left: 2px solidrgb(66,173,227);}
.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;}
.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-6-top-right{border-top-right-radius: 0.6rem!important;}
.rounded-6-top-left{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;}

.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;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;
border-radius:50rem!important;}
.search-ui-select > .ui-select-container > input.form-control {
border: 1px solid #dee2e6!important;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;
border-top-right-radius: 1.4rem!important;border-top-left-radius: 1.4rem!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;}

.no-webp .page-title-whyservice {background-image: url('/images/headers/McCarthy_Banner_WhyService.jpg');}
.webp .page-title-whyservice {background-image: url('/images/headers/McCarthy_Banner_WhyService.webp');}
.no-webp .page-title-service {background-image: url('/images/headers/McCarthy_Banner_Service.jpg');}
.webp .page-title-service {background-image: url('/images/headers/McCarthy_Banner_Service.webp');}
.no-webp .page-title-club {background-image: url('/images/headers/McCarthy_Banner_Club.jpg');}
.webp .page-title-club {background-image: url('/images/headers/McCarthy_Banner_Club.webp');}
.no-webp .page-title-dealer {background-image: url('/images/headers/McCarthy_Banner_Dealer.jpg');}
.webp .page-title-dealer {background-image: url('/images/headers/McCarthy_Banner_Dealer.webp');}
.no-webp .page-title-enquiry1 {background-image: url('/images/headers/McCarthy_Banner_Enquiry1.jpg');}
.webp .page-title-enquiry1 {background-image: url('/images/headers/McCarthy_Banner_Enquiry1.webp');}
.no-webp .page-title-enquiry2 {background-image: url('/images/headers/McCarthy_Banner_Enquiry2.jpg');}
.webp .page-title-enquiry2 {background-image: url('/images/headers/McCarthy_Banner_Enquiry2.webp');}
.no-webp .page-title-finance {background-image: url('/images/headers/McCarthy_Banner_Finance.jpg');}
.webp .page-title-finance {background-image: url('/images/headers/McCarthy_Banner_Finance.webp');}
.no-webp .page-title-fleet {background-image: url('/images/headers/McCarthy_Banner_Fleet1.jpg');}
.webp .page-title-fleet {background-image: url('/images/headers/McCarthy_Banner_Fleet1.webp');}
.no-webp .page-title-sellmycar1 {background-image: url('/images/headers/McCarthy_Banner_SellMyCar1.jpg');}
.webp .page-title-sellmycar1 {background-image: url('/images/headers/McCarthy_Banner_SellMyCar1.webp');}
.no-webp .page-title-sellmycar2 {background-image: url('/images/headers/McCarthy_Banner_SellMyCar2.jpg');}
.webp .page-title-sellmycar2 {background-image: url('/images/headers/McCarthy_Banner_SellMyCar2.webp');}

.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;	
}
.grecaptcha-badge { 
    visibility: hidden !important;
}
.woot-widget-bubble.woot-elements--right{
	/*bottom:90px!important;*/
    right:10px!important;
}

#chat-2-desk-widget-container #chat-2-desk-desktop .chat-2-desk-position-1 .chat-2-desk-popup.desktop_lch {left: -300px!important;}
.chat-2-desk-popup.live_chat #head_lch{background:#337ab7!important;}
.chat-2-desk-popup.live_chat #live-chat-input{background:#337ab7!important;}
.chat-2-desk-popup.live_chat #live-chat-input .copy_lch{display:none!important;}
#chat-2-desk-widget-container{z-index:100!important;right:20px!important;left:auto!important;visibility: hidden!important;}
#chat-2-desk-widget-container #chat-2-desk-title{display:none!important;}
.chat-2-desk-vertical-position-2, .chat-2-desk-position-1{min-width:127px;}
#chat-2-desk-widget-container #chat-2-desk-desktop #chat-2-desk-inner-container {
  background-color: rgba(255, 255, 255, 1);
}
@media (max-width: 767px){
	#chat-2-desk-widget-container,#chat-2-desk-inner-container {margin-bottom:25px!important;margin-left:6px!important;visibility: hidden!important;}
	#chat-2-desk-widget-container #chat-2-desk-desktop #chat-2-desk-inner-container #chat-2-desk-close {
	  display: block!important;
	  transform: scale(1, 1)!important;
	}
}