/************************************************************************************************** */
/* LEGACY CSS
/************************************************************************************************** */
/************************************************************************************************** */
/* SHARED
/************************************************************************************************** */
div.f-en, div.f-fn {
	width: 98%;
	float: left;
	padding: 40px;
	margin: 1% 1% 1% 1%;
	background: #fff;
}
div.f-en {
	padding:100px 60px;
	border: 1px solid rgba(0,0,0,0.1);
	max-width: none!important;
}

div.f-en .ui.form {
	max-width: 900px;
	margin: 0px auto;
}

a.p-cre {
	position: absolute;
	bottom: 10px;
	right: 20px;
	text-align: right;
	font-size: 8pt;
	opacity: 0.8;
}


/************************************************************************************************** */
/* LOGIN
/************************************************************************************************** */
body.login .h-banner-01 {
	width: 100%;
	height: 100%;
	background: url(../../images/banner/cb-login.jpg) center center no-repeat;
	background-size: cover;
}
body.login #banner {
	height: 100vh;
}
body.login .banner-content p.p-reset {
	text-align: center;
	margin-top: 0px;
}
body.login .banner-content p.p-reset a {
	color: #fff!important;
}
body.login .ui.button {
	font-size: 12pt;
}
body.login #banner h1 {
	color: #333;
	font-weight: 500;
	font-size: 18pt;
	text-align: left;
	display: block;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 0 0 20px 0;
}
body.login .ui.button.facebook {
	font-size: 9pt;
}
body.login #banner .banner-content {
	text-align: left;
}
body.login div.banner-content {
	padding-top: 15vh;
}

body.login .banner-content p {
	color: #333;
	margin: 20px 0px;
}

body.login #banner a {
	font-size: 9pt;
	color: #888;
}
div.loginpanel {
	width: 100%;
	max-width: 380px;
	margin: 0 auto;
}
body.login.signup div.loginpanel {
	max-width: 520px;
}

div.loginpanel p {
	font-size: 12pt;
	text-align: left;
}


div.loginpanel-w {
	background: #fff;
	-webkit-box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1);
	box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1);
	border-radius: 1px;
}

div.loginpanel-login {
	padding: 40px;
}
div.loginpanel-login.success {
	padding: 50px;
}
div.loginpanel-login.success p,
div.loginpanel-login.success h1
{
	text-align: center!important;
	border: none!important;
	padding: 0px!important;
}
div.loginpanel p.small.facebooklogin {
	text-align: center;
}
div.login-alt {
	padding: 20px;
	background: rgba(0,0,0,0.04);
	text-align: center;
}
div.login-alt p {
	text-align: center;
}
div.banner-content .login-alt p {
	padding-top: 0px;
	margin: 0px 0 20px 0;
	font-size: 14pt;
}



/************************************************************************************************** */
/* HOME
/************************************************************************************************** */
body#home .banner-content {
	height: 100%;
}

.h-banner-01 {
	width: 100%;
	height: 100%;
	background: url(../../images/banner/cover-large.jpg) center center no-repeat;
	background-size: cover;
}
@media (max-width: 500px) {
	.h-banner-01 {
		background: url(../../images/banner/m-cover-large.jpg) center center no-repeat;
		background-size: cover;
	}
}




/************************************************************************************************** */
/* PRICING TABLE/ VEHICLE DETAILS
/************************************************************************************************** */

body.cruiseshift div.v-n {
	width: 100%!important;
}
body.cruiseshift div.v-d-title {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
body.cruiseshift .v-n h1 {
    font-family: 'futura-pt', sans-serif;
    font-size: 20pt;
    font-weight: 500;
    text-align: center;
    line-height: 1em;
    color: #333;
}
body.cruiseshift .v-n ul li {
    width: 20%;
    display: inline-block;
    float: left;
    text-align: center;
    margin-bottom: 20px;
}


body.cruiseshift .v-n ul li div.pricetab-title span.ficon, 
body.cruiseshift div.pricetab-title span.ficon, 
body.cruiseshift .v-n ul li div.pricetab-title p.ficon, 
body.cruiseshift div.pricetab-title p.ficon {
    border: none;
    color: #6fae3d;
    color: rgba(0,118,188,1);
    font-size: 20pt;
    vertical-align: middle;
    float: right;
    padding-right: 10px;
    margin-top: 0px;
}

body.cruiseshift .v-n ul li div.pricetab-title p {
    font-size: 13pt;
    padding: 12px 0 10px 0;
}


body.cruiseshift .gallery {
	margin-top: 0px;
}


@media (max-width: 700px){
	body.cruiseshift .v-n ul li {
    width: 50%;
	}
}

body.cruiseshift .price-tb h3 {
	font-family: usual, sans-serif;
    font-size: 24pt;
    letter-spacing: 5px;
    font-weight: 200;
    text-transform: uppercase;
    color: #fff;
    border: none;
    padding: 0px 5px;
    display: inline-block;
    margin: 5px auto 0 0;
    border-radius: 2px;
}

.novatedcal {
	max-width: 1024px;
	margin: 0 auto;
}

div.v-d-title {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.back-btn {
	position: absolute;
	top: 10px;
	left: 0px;
	padding: 9px 15px;
	background: rgba(0,0,0,0.05);
	font-size: 11pt;
	line-height: 1em;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.back-btn span.ficon {
	vertical-align: bottom;
	padding: 0px 3px 0 0;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.back-btn:hover {
	background: rgba(0,0,0,0.7);
	color: #fff;
	padding: 9px 15px 9px 20px;
	-webkit-box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1);
	box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1);
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.back-btn:hover span.ficon {
	padding-right: 10px;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}



@media (max-width: 500px) {
	.back-btn {
		top: -15px;
	}
}

body.details div.v-n ul.tab__content {
	max-width: none;
}
body.details .v-n .tabs > li {
	padding: 10px;
	border-radius: 50px;

}
body.details .v-n .tabs {
	/*background: rgba(0,0,0,0.05);*/
	max-width: 300px;
	border-radius: 50px;
}
body.details .v-n .tabs li {
	font-size: 13pt;
	width: 46%;
	margin: 2%;
	background: rgba(0,0,0,0.05);

}
body.details .v-n .tab__content a.button {
	font-size: 13pt;
}

body.details .v-n .tabs li:hover {
	box-shadow: inset 0px 5px 12px rgba(0,0,0,0.1);
}

body.details .v-n .tabs > li.activetab {
	background: rgba(71,85,104,1);
	border: none;
	color: #fff;
	padding: 10px;
	border-radius: 50px;
	-webkit-box-shadow: 0px 15px 20px 0px rgba(12, 0, 36, 0.15);
	box-shadow: 0px 15px 20px 0px rgba(12, 0, 36, 0.15);
}

section.pricingtable {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	background: #fff;
	color: #7a90ff;
	position: relative;
	-webkit-font-smoothing: antialiased;
	display: flex;
	flex-wrap: wrap;
	padding: 50px 20px;
}
div.price-tb.price-retail,
div.price-tb.price-break,
div.price-tb.driveawaypc {
	width: 33.33%;
}
.v-n .tab__content .pricingtable sup {
	margin: 0px;
}

.driveawaypc p.price-tag {
	color: rgba(0,118,188,1);
}
p.small.excludinc {
	color: #999;
}
.price-tb {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	transform: translate3d(0px, 0px, 0px);
	padding-bottom: 50px;
}
.price-tb .button {
	margin: 15px 4%;
	width: 92%;
	text-align: center;
	font-size: 14pt;
	padding: 15px 0px;
}
.price-ca,
.price-im {
	border:1px dotted rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 10px 20px 0px rgba(12, 0, 46, 0.05);
	box-shadow: 0px 10px 20px 0px rgba(12, 0, 46, 0.0);
}


.ui.accordion.p-bk-d .title:not(.ui) {
	font-size: 10pt;
	display: inline-block;
	border-radius: 5px;
	color: #999;
}

.c-ov-desc table {
	width: 100%;
	margin: 0px 0 20px 0;
	border-bottom: 1px solid rgba(230, 230, 230, 0.7);
	font-size: 10pt;
}
.c-ov-desc table tr td {
	border-top: 1px solid rgba(230, 230, 230, 0.7);
	padding: 4px 0;
	color: #666;
}
.c-ov-desc table tr td.t-title {
	width: 40%;
}
.c-ov-desc table tr td.t-data {
	width: 60%;
	font-weight: 500;
	text-align: right;
}



body.v2 .price-ca div.price-title {
	background: rgba(0,118,188,1);
}
body.v2 .price-im div.price-title {
	background: rgba(0,118,188,1);
}




body.v2 .price-tb.price-im p.title-sub,
body.v2 .price-tb.price-ca p.title-sub {
	color: rgba(255,255,255,0.6);
}
body.v2 .price-tb.price-im h3,
body.v2 .price-tb.price-ca h3 {
	color: #fff;
}
body.v2 .price-tb.price-im p.tagline,
body.v2 .price-tb.price-ca p.tagline {
	color: #fff;
}
body.v2 .price-tb.price-im p.price-tag,
body.v2 .price-tb.price-ca p.price-tag {
	color: #fff;
}
body.v2 .price-tb.price-im p.price-tag sup,
body.v2 .price-tb.price-ca p.price-tag sup {
	color: rgba(255,255,255,0.6);
}

.price-im:hover,
.price-im:active,
.price-ca:hover,
.price-ca:active  {
	transform: translate3d(0px, -5px, 0px);
	box-shadow: 0px 50px 60px 0px rgba(12, 0, 46, 0.1);

}


.price-im p.price-tag,
.price-ca p.price-tag {
	color: rgba(0,118,188,1);
}
.price-tb h3 {
	font-size: 24pt;
	letter-spacing: 5px;
	font-weight: 200;
	text-transform: uppercase;
	color: rgba(0,0,0,1);
	padding: 0px 5px;
	display: inline-block;
	margin: 5px auto 0 0;
	border-radius: 2px;
}
.price-tb p.title-sub {
	font-size: 10pt;
	color: #999;
	padding: 0px;
	margin: 0px;
}
.pricetab-title span.small.tnc {
	text-transform: none;
	font-size: 9pt!important;
	text-decoration: none;
	border: none;
	font-family: 'futura-pt', sans-serif;
	font-weight: 400;
}



span.ficon.tick, p.ficon.tick {
	width: 30px;
	height: 30px;
	background: url(../../images/icons/img-tick.png) 0 0 no-repeat;
	background-size: 30px;
}

span.ficon.cross, p.ficon.cross {
	width: 30px;
	height: 30px;
	background: url(../../images/icons/img-cross.png) 0 0 no-repeat;
	background-size: 30px;
}


div.hightlight {
	padding: 20px;
	border: 1px dashed rgba(0,118,188,0.5);
	background: none;
}
div.hightlight p {
	margin: 0px;
	padding: 0px!important;
	font-size: 12pt!important;
}

.v-n ul li p.price-tag,
p.price-tag {
	font-size: 28pt;
	font-weight: 400;
	margin: 0px;
}
body.cruiseshift div.price-finance p.price-tag {
	color: #555;
}

body.cruiseshift .c-ov-desc p {
	color: #555;
}
.v-n ul li p.price-tag.totaldriveaway,
p.price-tag.totaldriveaway {
	color: rgba(0,118,188,1);
}


.v-n ul li p.price-tag sup,
p.price-tag sup {
	font-size: 10pt;
}
.v-n ul li p.permonth,
p.permonth {
	border: none;
	font-size: 8pt;
	color: #999;
}
.price-finance {
	margin-top: 75px;
	/**border:1px dotted rgba(0,0,0,0.1);**/
}
.price-ca {
	/*background: rgba(0,0,0,0.0);*/
}
.price-title {
	padding: 20px 20px 20px 20px;
	text-align: left;
}
.price-title p.tagline {
	font-size: 14pt;
	font-weight: 300;
	color: #999;
	margin: 5px 0 5px 0;
	min-height: 50px;
}
.price-title p.tagline sup {
	color: #fff;
}
.v-n ul li div.pricetab-title,
div.pricetab-title {
	font-size: 13pt;
	padding: 5px 15px 15px 15px;
	border-top: 1px dotted rgba(0,0,0,0.1);
	margin: 0px;
	line-height: 1em;
	position: relative;
	text-align: left;
}
.v-n ul li div.pricetab-title span,
div.pricetab-title span {
	font-size: 7pt;
	letter-spacing: 0.5px;
	color: #999;
	line-height: 24pt;
	padding-bottom: 2px;
	font-family: 'usual', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
}
.v-n ul li div.pricetab-title span.ficon,
div.pricetab-title span.ficon,
.v-n ul li div.pricetab-title p.ficon,
div.pricetab-title p.ficon {
	border: none;
	color: #6fae3d;
	color: rgba(0,118,188,1);
	font-size: 20pt;
	vertical-align: middle;
	float: right;
	padding-right: 10px;
	margin-top: 10px;
}


.v-n ul li div.pricetab-title span.ficon.cross,
div.pricetab-title span.ficon.cross {
	color: #000;
}

.v-n ul li div.pricetab-title p {
	font-size: 13pt;
	padding: 12px 0 10px 0;
}
.v-n ul li div.price-break div.pricetab-title p {
	padding: 0px;
}

.v-n ul li div.pricetab-title p.fyplan {
	font-family: 'futura-pt', sans-serif;
	text-transform: none;
	font-size: 13pt;
	color: #666;
	margin: -20px 0 0 0 ;
	padding: 0px;
}

div.ls-cp div:nth-child(even) {
	background: rgba(0,0,0,0.02);
}

div.price-finance div.ls-cp div {
	background: none;
}

div.v-sum.subperk {
	width: 100%;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.04) 100%);
}
div.v-sum.subperk .v-4c {
	background: none;
	padding:10px;
}
div.v-sum.subperk p.subline {
	max-width: 900px;
	margin: 0px auto;
}
div.v-sum.subperk h2 {
	font-family: 'futura-pt', sans-serif;
	color: #000;
	padding: 40px 0px;
	font-weight: 400;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 10px;
	margin: 0 auto 30px auto;
	display: inline-block;
	width: auto;
	font-size: 18pt;
}
div.v-sum.subperk h3 {
	margin: 0 auto 0 auto;
	font-size: 14pt;
	padding: 20px 0;
}

body.details div.v-sum.subperk h3 {
	padding: 0px 0;
}

section.v-3colummn.perks {
	margin-bottom: 0px;
	padding: 0 1%;
}
section.v-3colummn.perks .comeswithcbc {
	padding: 0px 0 20px 0;
}
section.v-3colummn.perks .comeswithcbc .promo-header-w {
	padding: 20px;
}

section.v-4colummn.icons-ls {
	margin: 0px;
	max-width: 1200px;
	margin: 0 auto;
	float: none;
}
section.v-4colummn.icons-ls h3 {
	border: none;
}
section.v-4colummn.icons-ls p {
	font-size: 12pt;
	color: #666;
}

.subs-disclaimer {
	text-align: left;
	padding: 20px 20px;
}
.subs-disclaimer strong {
	font-weight: normal;
	color: #000;
}
.subs-disclaimer p.small {
	font-size: 9pt!important;
}



@media only screen and (max-width: 1000px) {
	div.price-tb {
		padding: 0px;
	}

	.price-title {
		padding: 20px 20px 40px 20px;
		text-align: center;
	}

	div.price-tb.price-retail {
		width: 100%;
		margin: 0px 1%;
	}

	div.price-tb.price-break {
		width: 100%;
		margin: 0px 1%;
	}

	div.price-tb.driveawaypc {
		width: 100%;
		margin: 0px 1%;
	}
	.v-n ul li div.pricetab-title, div.pricetab-title {
		text-align: center;
	}
	.c-ov-desc table tr td.t-title {
		text-align: left;
	}
	.v-n ul li div.pricetab-title p {

	}

}

@media only screen and (max-width: 650px) {
	section.pricingtable {
		padding: 20px 0px;
		overflow: hidden;

	}
	div.price-tb.price-im,
	div.price-tb.price-ca {
		width: 48%;
	}
	div.price-tb {
		width: 100%;
	}
	.cta-w {
		padding: 10px;
	}
	section.disclaimer {
		padding: 10px;
	}
	div.v-sum.subperk {
		padding: 10px;
	}
	section.v-4colummn.icons-ls {
		padding: 10px;
	}
	div.v-sum.subperk h2 {
		padding: 30px;
	}
}


@media only screen and (max-width: 650px) {

	div.price-tb.price-im,
	div.price-tb.price-ca {
		width: 100%;
		margin: 0 auto 0px auto;
	}
}



@media only screen and (max-width: 550px) {
	.owl-item.active .price-im,
	.owl-item.active .price-ca {
		transform: translate3d(0px, -5px, 0px);
		box-shadow: 0px 50px 60px 0px rgba(12, 0, 46, 0.1);
	}
}







/******************************************************************* */
/** Form  - Semantic UI Override**/
/******************************************************************* */
.ui.button {
	font-family: 'futura-pt', sans-serif;
	font-weight: 400;
	font-size: 16px;
}
.ui.form input[type=password] {
	letter-spacing: 0px;
}
.ui.fluid.dropdown.s-inp-make {
	width: 48%;
	float: left;
	margin-right: 2%;
}

.ui.fluid.dropdown.s-inp-type {
	width: 48%;
	float: left;
	margin-right: 2%;
}

.ui.multiple.dropdown>.label {
	font-size: 9pt;
}

.s-make.ui.dropdown .menu {
	min-height: 250px!important;
}

.ui.floating.dropdown .menu {
	-webkit-box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1)!important;
	box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1)!important;
}
.ui.dropdown .menu .active.item {
	font-weight: normal;
}

.search-fields .ui.selection.dropdown {
	border: 1px solid rgba(255,255,255,.15);
}
.ui.selection.dropdown {
	min-width: auto;

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.ui.multiple.dropdown>.label {
	font-weight: 500;
	background: #0083ca;
	color: #fff;
}

i.icon.delete:before {
	font-family: "dripicons-v2";
	content: "9";
}

.ui.dropdown>.dropdown.icon:before {
	font-family: "dripicons-v2";
	content: "T";

}

.ui.label>.close.icon, .ui.label>.delete.icon {
	vertical-align: bottom;
}

.ui.toggle.checkbox .box:before, .ui.toggle.checkbox label:before {
	background-color: rgba(0,0,0,0.2);
}

.cd-filter-block .ui.toggle.checkbox input:checked~.box, .ui.toggle.checkbox input:checked~label {
	color: rgba(255,255,255,.95)!important;
}

.ui.accordion .accordion .title .dropdown.icon:before, .ui.accordion .title .dropdown.icon:before,
.ui.accordion .accordion .title .dropdown.icon, .ui.accordion .title .dropdown.icon {
	font-family: "dripicons-v2";
	content: 'T';
	font-size: 8pt;
}

.ui.accordion .accordion .active.title .dropdown.icon, .ui.accordion .active.title .dropdown.icon {
	transform: rotate(-90deg);
}


.ui.styled.accordion.filteraccordion, .ui.styled.accordion.filteraccordion .accordion {
	border-radius: 0px;
	box-shadow: none;
	background: #0076bf;

}

.ui.accordion.filteraccordion .title:not(.ui) {
	font-family: 'futura-pt', sans-serif;
	font-weight: 500;
	color: #fff;
	font-size: 11pt;
}
.ui.accordion.filteraccordion input#amount-s,
.ui.accordion.filteraccordion input#amount,
.ui.accordion.filteraccordion input#km-s,
.ui.accordion.filteraccordion input#year-s,
.ui.accordion.filteraccordion input#seats,
.ui.accordion.filteraccordion input#year-s2
{
	color: #fff;
	font-size: 13pt;
	background: none;
	text-align: center;
	padding: 0px;
}

.ui.accordion.filteraccordion .accordion .title .dropdown.icon:before,
.ui.accordion.filteraccordion .title .dropdown.icon:before,
.ui.accordion.filteraccordion .accordion .title .dropdown.icon,
.ui.accordion.filteraccordion .title .dropdown.icon  {
	float: right;
	font-size: 11pt;
}

.ui.accordion.filteraccordion .ui.selection.dropdown {
	border: 1px solid #fff;
}
.ui.accordion.filteraccordion .ui.selection.active.dropdown .menu {
	border: 1px solid #fff;
}
.ui.styled.accordion.filteraccordion .content {
	padding: 0.5em 1em 1em;
}
.ui.progress,
.ui.active.progress .bar {
	border-radius: 100px;
}
.ui.progress>.label {
	font-size: 10pt;
	font-weight: 400;
}

@media only screen and (max-width: 700px){
	.ui.form .fields {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.ui.form:not(.unstackable) .fields:not(.unstackable)>.eight.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.eleven.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.fifteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.five.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.four.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.fourteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.nine.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.seven.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.six.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.sixteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.ten.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.thirteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.three.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.twelve.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable)>.two.wide.field, .ui.form:not(.unstackable) .five.fields:not(.unstackable)>.field, .ui.form:not(.unstackable) .five.fields:not(.unstackable)>.fields, .ui.form:not(.unstackable) .four.fields:not(.unstackable)>.field, .ui.form:not(.unstackable) .four.fields:not(.unstackable)>.fields, .ui.form:not(.unstackable) .three.fields:not(.unstackable)>.field, .ui.form:not(.unstackable) .three.fields:not(.unstackable)>.fields, .ui.form:not(.unstackable) .two.fields:not(.unstackable)>.field, .ui.form:not(.unstackable) .two.fields:not(.unstackable)>.fields {
		width: 100%!important;
		margin-bottom: 10px;
	}


}
@media only screen and (max-width: 1400px){
	div.f-en .ui.form .fields {
		flex-wrap: inherit;
	}
}

@media only screen and (max-width: 1000px){
	div.f-en .ui.form .fields {
		flex-wrap: wrap;
	}
	div.f-en .ui.form [class*="equal width"].fields>.field, div.f-en .ui[class*="equal width"].form .fields>.field {
		width: 50%;
		margin: 0 0 1em;
	}
}

/************************************************************************************************** */
/* Semantic UI Override - GENERAL*/
/************************************************************************************************** */

.ui, .ui.input {
	font-size: 11pt;
}
.ui.checkbox input:checked ~ .box:after, .ui.checkbox input:checked ~ label:after {
	font-family: "dripicons-v2";
	content: 'S';
}

div.fields div.field div.fields div.field {
	margin-bottom: 1em!important;
}

.ui.popup.calendar {
	padding: 0px!important;
	border: none;
}

div.fields div.field div.fields {
	margin-bottom: 0px!important;
}
div.fields div.field div.fields {
	margin-bottom: 0px!important;
}
.ui.checkbox .box, .ui.checkbox label {
	font-size: 0.9em;
}

.ui.form .field>label {
	font-weight: 400;
	font-size: 11pt;
}
/*** Input Upload file****/
.btn-upload {
	position: relative;
	top: -38px;
	right: 5px;
	color: #fff!important;
}
.btn-upload .ui.upload.icon {
	color: #fff;
}

/*** END Upload file ***/

.ui.search>.results>.message .description {
	font-size: 11pt;
}
.ui.multiple.dropdown>.label {
	font-size: 11pt;
	font-weight: 500;
}
.ui.accordion .accordion .title .dropdown.icon:before, .ui.accordion .title .dropdown.icon:before,
.ui.accordion .accordion .title .dropdown.icon, .ui.accordion .title .dropdown.icon {
	font-family: "dripicons-v2";
	content: 'T';
	font-size: 8pt;
}

.ui.accordion .accordion .active.title .dropdown.icon, .ui.accordion .active.title .dropdown.icon {
	transform: rotate(-90deg);
}

.ui.styled.accordion .accordion .content, .ui.styled.accordion .content {
	padding: 0 10px;

}

.ui.label {
	font-weight: 500;
	font-size: 11pt;
}

.ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url] {
	font-family: 'futura-pt', sans-serif;
}

@media only screen and (max-width: 767px) {
	div.fields div.field {
		margin-bottom: 10px!important;

	}
}




/******************************************************************* */
/** Form **/
/******************************************************************* */

.search-fields {
	width: 70%;
	float: left;
}
.s-make, .s-type {
	width: 48%;
	margin-right: 1%;
}

.submits {
	width: 30%;
	float: left;
}
.btn-search {
	width: 100%;
	padding: 9px 15px;
	margin: 0px;
}
.btn-searchall {
	font-size: 10pt;
	margin: 10px 0 0 0;
	display: inline-block;
	color: #fff;
}

@media (max-width: 460px) {
	.search-fields {
		width: 100%;
	}
	.submits {
		width: 100%;
	}
	.s-make, .s-type {
		width: 100%;
		margin: 0px 0 10px 0;
	}

}


/******************************************************************* */
/** Browse Body Work **/
/******************************************************************* */

.browsebodytype {
	width: 100%;
	padding: 0px;
	background: #fff;
}

.bbt-c {
	padding: 50px 30px;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.browsebodytype p.small {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	display: inline-block;
	padding: 0px;
	margin: 0px 0 10px 0;
}

.browsebodytype h3 {
	margin: 20px 0;
	padding: 0px;
}

.bt-select {
	width: 150px;
	height: 150px;
	display: inline-block;
	text-align: center;
	position: relative;
	vertical-align: bottom;
	margin: 1%;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border: 1px solid rgba(0,0,0,0);
}
.bt-select:hover {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-color: rgba(255,255,255,0.3);
	border-radius: 150px;
}
.bt-select:hover p {
	display: inline-block;
	border-bottom: 0px solid rgba(0,0,0,0.2);
}
.bt-select.selected {
	border-radius: 150px;
	background-color: rgba(241,241,241,0.9);
}
.bt-select p {
	color: #888;
	padding-top: 15px;
}
.bt-select.selected p {
	font-weight: 500;
	color: #111;
}

/**body.listing .bbt-c .bt-select.selected {
    background-color: rgba(255,255,255,0.8);
}**/

body.listing .bbt-c {
	background: #fff;
	margin: 2%;
}





.bodyselection {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
	padding: 10px;
}
.bodyselection .bt-select {
	width: 12%;
}

.bodyselection .bt-select img {
	display: inline-block;
	width: 100%;
	margin-top: -20px;
}

.bodyselection .bt-select:hover img {
	display: inline-block;
	width: 100%;

}

section.family-selection {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

section.family-selection .bt-select {
	width: 23%;
}

section.fuel-selection {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}

section.fuel-selection .bt-select {
	width: 31.33%;
}

section.feature-selection {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
section.feature-selection .bt-select {
	width: 14.666%;
}

/***
.bt-hatch {
    background: url(../../images/bodytype/type-hatch.png) 0 0 no-repeat;
    background-size: contain;
    background-position-y: 10px;
}

.bt-coupe {
    background: url(../../images/bodytype/type-coupe.png) 0 0 no-repeat;
    background-size: contain;
    background-position-y: 10px;
}

.bt-convertible {
    background: url(../../images/bodytype/type-convertible.png) 0 0 no-repeat;
    background-size: contain;
    background-position-y: 10px;
}

.bt-sedan {
    background: url(../../images/bodytype/type-sedan.png) 0 0 no-repeat;
    background-size: contain;
    background-position-y: 10px;
}

.bt-suv {
    background: url(../../images/bodytype/type-suv.png) 0 0 no-repeat;
    background-size: contain;
    background-position-y: 10px;
}

.bt-wagon {
    background: url(../../images/bodytype/type-wagon.png) 0 0 no-repeat;
    background-size: contain;
    background-position-y: 10px;
}

.bt-utility {
    background: url(../../images/bodytype/type-utility.png) 0 0 no-repeat;
    background-size: contain;
    background-position-y: 10px;
}
**/

.bt-single {
	background: url(../../images/bodytype/size-single.png) 0 0 no-repeat;
	background-size: contain;
	background-position-y: 10px;
	background-position-x: center;
}
.bt-couple {
	background: url(../../images/bodytype/size-couple.png) 0 0 no-repeat;
	background-size: contain;
	background-position-y: 10px;
	background-position-x: center;
}
.bt-smallfamily {
	background: url(../../images/bodytype/size-smallfamily.png) 0 0 no-repeat;
	background-size: contain;
	background-position-y: 10px;
	background-position-x: center;
}
.bt-largefamily {
	background: url(../../images/bodytype/size-largefamily.png) 0 0 no-repeat;
	background-size: contain;
	background-position-y: 10px;
	background-position-x: center;
}


.bt-petrol {
	background: url(../../images/bodytype/fuel-petrol.png) 0 0 no-repeat;
	background-size: contain;
	background-position-y: 10px;
	background-position-x: center;
}
.bt-diesel {
	background: url(../../images/bodytype/fuel-diesel.png) 0 0 no-repeat;
	background-size: contain;
	background-position-y: 10px;
	background-position-x: center;
}
.bt-ev {
	background: url(../../images/bodytype/fuel-ev.png) 0 0 no-repeat;
	background-size: contain;
	background-position-y: 10px;
	background-position-x: center;
}




.bt-sunroof {
	background: url(../../images/bodytype/feat-sunroof.png) 0 0 no-repeat;
	background-size: contain;
	background-position-y: 10px;
	background-position-x: center;
}
.bt-satnav {
	background: url(../../images/bodytype/feat-satnav.png) 0 0 no-repeat;
	background-size: contain;
	background-position-y: 10px;
	background-position-x: center;
}
.bt-sensor {
	background: url(../../images/bodytype/feat-sensor.png) 0 0 no-repeat;
	background-size: contain;
	background-position-y: 10px;
	background-position-x: center;
}
.bt-storage {
	background: url(../../images/bodytype/feat-surfboard.png) 0 0 no-repeat;
	background-size: contain;
	background-position-y: 10px;
	background-position-x: center;
}
.bt-leather {
	background: url(../../images/bodytype/feat-leather.png) 0 0 no-repeat;
	background-size: contain;
	background-position-y: 10px;
	background-position-x: center;
}
.bt-fueleco {
	background: url(../../images/bodytype/feat-fueleco.png) 0 0 no-repeat;
	background-size: contain;
	background-position-y: 10px;
	background-position-x: center;
}


@media (max-width:1250px) {
	.bt-select {
		width: 120px;
		height: 150px;
	}
}
@media (max-width:1000px) {
	.bodyselection .bt-select {
		width: 18%;
	}

	section.feature-selection .bt-select {
		width: 31.33%;
	}
}

@media (max-width:850px) {
	.bt-select {
		width: 120px;
		height: 150px;
	}
	.bodyselection .bt-select {
		width: 23%;
	}
	section.family-selection .bt-select {
		width: 48%;
	}

	section.feature-selection .bt-select {
		width: 31.33%;
		height: 150px;
	}
}
@media (max-width: 550px) {

	.browsebodytype {
		padding: 10px;
	}
	.bbt-c {
		padding: 20px 0px 0px 0px;
	}
	.bodyselection .bt-select {
		width: 31.33%;
		height: auto;
	}
	.bodyselection .bt-select img {
		margin-top: -30px;
	}


	section.family-selection .bt-select,
	section.fuel-selection .bt-select {
		width: 48%;
		height: 150px;
	}

	section.feature-selection .bt-select {
		width: 48%;
		height: 150px;
	}
}

/**** Recommandation System *****/

.wizard>.steps .current-info, .tabcontrol>.steps .current-info {
	display: none;
}
.wizard>.content>.title, .tabcontrol>.content>.title {
	display: none;
	opacity: 0;
}

.wizard>.content>.title, .tabcontrol>.content>.title {
	display: none;
	opacity: 0;
}

.wizard>.content>.title, .tabcontrol>.content>.title {
	display: none;
	opacity: 0;
}

#recommendation_search {
	padding: 0px 0 30px 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#recommendation_search div.content {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	margin-bottom: 20px;

}
#recommendation_search span.number {
	display: none;
}

#recommendation_search div.steps {
	padding: 10px 0;
	margin: 20px 0px;
	border-top: 1px dotted rgba(0,0,0,0.1);
	border-bottom: 1px dotted rgba(0,0,0,0.1);
	display: none;
}
#recommendation_search div.steps ul {
	padding: 0px;
	margin: 0px;
}
#recommendation_search div.steps ul li {
	list-style: none;
	display: inline-block;
	margin: 0 10px;
}
#recommendation_search div.steps ul li a {
	font-size: 10pt;
	color: #999;
	background: rgba(0,0,0,0);
	padding: 5px 12px;
	border-radius: 20px;
	display: inline-block;
	margin: 0 0 0px 0;
}

#recommendation_search div.steps ul li.current a {
	font-weight: 400;
	color: #fff;
	background: rgba(0,118,188,1);
	/**border-bottom: 1px solid #0076bf;**/
}

#recommendation_search div.steps ul li.done a {
	font-weight: 400;
	background: rgba(0,0,0,0.05);
}


#recommendation_search div.steps ul li.done a:hover {
	background: rgba(0,118,188,1);
	color: #fff;
}

#recommendation_search div.actions ul {
	padding: 0px;
	margin: 0px;
}
#recommendation_search div.actions ul li {
	list-style: none;
	display: inline-block;
}

#recommendation_search div.actions ul li a {
	background: #475568;
	border-radius: 3px;
	color: #fff;
	padding: 8px 15px;
	display: inline-block;
	-webkit-box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1);
	box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1);
	margin: 0 10px;
}

#recommendation_search div.actions ul li.disabled a {
	display: none;
}

#recommendation_search div.actions ul li[aria-hidden="false"] a {
	background: #0076bf;
}

#recommendation_search .slider-range-container #slider-year-range2 .ui-slider-handle,
#recommendation_search .slider-range-container #slider-s-range2 .ui-slider-handle {
	background: rgba(71,85,104,1);
}

#recommendation_search .slider-range-container #slider-s-range2 {
	background: rgba(233,233,233,1);
}

#recommendation_search .slider-range-container #slider-range .ui-slider-range,
#recommendation_search .slider-range-container #slider-s-range2 .ui-slider-range,
#recommendation_search .slider-range-container #slider-km-range .ui-slider-range,
#recommendation_search .slider-range-container #slider-year-range2 .ui-slider-range {
	background: rgba(0,118,188,0.9);
}

#recommendation_search div.sliders.yearrange {
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
	margin: 40px auto;
}
#recommendation_search div.sliders input {
	text-align: center;
	background: none;
}
#recommendation_search h4 {
	font-family: 'futura-pt', sans-serif;
	font-weight: normal;
	font-size: 14pt;
	text-align: center;
	margin: 40px 0 20px 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 10px;
	display: inline-block;
}

p.estimatedpriceoutput {
	font-size: 20pt;
}
p.estimatedpriceoutput span {
	padding: 0 5px;
}

section.v-3colummn,
div.v-3column {
	width: 100%;
	padding: 20px;
	text-align: center;
	float: left;
	margin: 0 0 30px 0;
	display: flex;
	flex-wrap: wrap;
}

section.v-3colummn h3{
	font-size: 14pt;
	font-family: 'futura-pt', sans-serif;
	font-weight: 300;
	text-align: center;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 10px;
	margin: 0 auto 30px auto;
	display: inline-block;
}



div.f-list {
	width: 31.33%;
	float: left;
	padding: 40px;
	margin: 1%;
	background: rgba(0,0,0,0.04);
}
div.f-list p {
	font-size: 11pt;
	color: #666;
}

body.details div.f-list p {
	text-align: left;
	width: 50%;
	padding: 0% 4% 0 4%;
	float: left;
	font-size: 12pt;
}
body.details div.f-list div.ui.accordion {
	flex-direction: column-reverse;
	display: flex;
}
body.details div.f-list div.ui.accordion div.title {
	font-family: 'futura-pt', sans-serif;
	clear: both;
	margin-top: 20px;
	width: 100%;
}

div.v-sum {
	width: 31.33%;
	float: left;
	padding: 40px;
	margin: 1%;
	background: rgba(0,0,0,0.04);
}
div.f-ourcar {
	width: 31.33%;
	float: left;
	padding: 40px 40px;
	margin: 1%;
	background: rgba(0,0,0,0.04);
}
div.f-en, div.f-fn {
	width: 98%;
	float: left;
	padding: 40px;
	margin: 1% 1% 1% 1%;
	background: #fff;
}
div.f-en {
	padding:100px 60px;
	border: 1px solid rgba(0,0,0,0.1);
}

div.f-en .ui.form {
	max-width: 900px;
	margin: 0px auto;
}
section.v-3colummn p {

	font-size: 12pt;
	line-height: 1.3em;
}



section.v-3colummn ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0px;
	padding: 0px;
}
section.v-3colummn ul li {
	list-style: none;
	padding: 0px;
	margin: 0px 0 10px 0;
	float: left;
	width: 100%;
	font-size: 11pt;
}

section.v-3colummn ul.cb-comewith {
	margin: 0 auto;
}
section.v-3colummn ul.cb-comewith li {
	margin: 0 0 20px 0;
}
section.v-3colummn ul.cb-comewith p {
	line-height: 1.2em;
	text-align: center;
}


.icos {
	width: 40px!important;
	height: 40px!important;
	margin: 0 auto 10px auto;
	display: block;
}

.ourcar-icos {
	width: 40px;
	height: 40px;
	margin: 0 auto 10px auto;
	display: block;
}
.ot-sim {
	padding: 0px 20px;
	text-align: center;
}
.ot-sim h3.ot-sim-tt {
	font-size: 14pt;
	font-family: 'futura-pt', sans-serif;
	font-weight: 300;
	text-align: center;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 10px;
	margin: 30px auto 30px auto;
	display: inline-block;
	text-align: center;
}
.ot-sim .carlisting {
	text-align: left;
	padding: 0px;
}

body.details footer {
	padding-top: 30px;
}

div.sub-fn {
}
div.sub-fn p {
	max-width: 350px;
	margin: 0 auto;
	text-align: center;
}

/**** 2 Column *****/
section.v-2column {
	width: 100%;
	padding: 20px;
	text-align: center;
	float: left;
	margin: 0 0 30px 0;
	display: flex;
	flex-wrap: wrap;
}
section.v-2column h3{
	font-size: 16pt;
	font-family: 'futura-pt', sans-serif;
	font-weight: 300;
	text-align: center;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 10px;
	margin: 0 auto 30px auto;
	display: inline-block;
}
div.v-2c {
	width: 48%;
	float: left;
	padding: 40px;
	margin: 1%;
	background: rgba(0,0,0,0.04);
}
section.v-2column ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0px;
	padding: 0px;
}
section.v-2column ul li {
	list-style: none;
	padding: 0px;
	margin: 0px 0 10px 0;
	float: left;
	width: 100%;
	font-size: 11pt;
}




/**** 3 Column *****/
section.v-3colummn {
	width: 100%;
	padding: 20px;
	text-align: center;
	float: left;
	margin: 0 0 30px 0;
	display: flex;
	flex-wrap: wrap;
}
section.v-3colummn h3{
	font-size: 14pt;
	font-family: 'futura-pt', sans-serif;
	font-weight: 300;
	text-align: center;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 10px;
	margin: 0 auto 30px auto;
	display: inline-block;
}
div.v-3c {
	width: 31.33%;
	float: left;
	padding: 40px;
	margin: 1%;
	background: rgba(0,0,0,0.04);
}
div.v-theapp {
	width: 100%;
	float: left;
	padding: 40px;
	margin: 1%;
	background: rgba(0,0,0,0.0);
}
section.v-3colummn ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0px;
	padding: 0px;
}
section.v-3colummn ul li {
	list-style: none;
	padding: 0px;
	margin: 0px 0 0px 0;
	float: left;
	width: 100%;
	font-size: 10pt;
}

/**** 4 Column *****/
section.v-4colummn {
	width: 100%;
	padding: 20px;
	text-align: center;
	float: left;
	margin: 0 0 30px 0;
	display: flex;
	flex-wrap: wrap;
}
section.v-4colummn h3{
	font-size: 15pt;
	font-family: 'futura-pt', sans-serif;
	font-weight: 300;
	text-align: center;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 10px;
	margin: 0 auto 30px auto;
	display: inline-block;
}
div.v-4c {
	width: 23%;
	float: left;
	padding: 40px;
	margin: 1%;
	background: rgba(0,0,0,0.04);
}
div.v-theapp {
	width: 100%;
	float: left;
	padding: 40px;
	margin: 1%;
	background: rgba(0,0,0,0.0);
}

section.v-theapp.v-serviceaddon div.v-4c {
	background: rgba(0,0,0,0.03);
	padding: 0px;
}

section.v-theapp.v-serviceaddon div.v-4c .content {
	padding: 20px 40px 80px 40px;
}

section.v-4colummn ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0px;
	padding: 0px;
}
section.v-4colummn ul li {
	list-style: none;
	padding: 0px;
	margin: 0px 0 10px 0;
	float: left;
	width: 100%;
	font-size: 11pt;
}



section.v-4colummn ul.cb-comewith {
	margin: 0 auto;
}
section.v-4colummn ul.cb-comewith li {
	margin: 0 0 20px 0;
}
section.v-4colummn ul.cb-comewith p {
	line-height: 1.2em;
	text-align: center;
}

@media only screen and (max-width: 1024px) {
	div.f-en, div.f-fn {
		width: 96%;
		margin: 2%;
	}
}

@media only screen and (max-width: 1000px) {
	div.v-sum {
		width: 100%;
	}
	div.f-list, div.f-ourcar {
		width: 100%;
	}
	div.v-4c {
		width: 48%;
	}
	div.v-3c {
		width: 48%;
	}
	div.v-2c {
		width: 48%;
	}


	.v-3colummn div.st-iws {
		width: 100%;
	}
}

@media only screen and (max-width: 550px) {
	div.v-4c {
		width: 100%;
		margin:10px 1%;
	}
	div.v-3c {
		width: 100%;
		margin:10px 1%;
	}
	div.v-2c {
		width: 100%;
		margin:10px 1%;
		padding: 20px;
	}
	div.f-en {
		padding: 40px 30px;
	}


}



/*** CarbarPlus Page / SubscriptionPage *****/

body.carbarplus .h-banner {
	width: 100%;
	height: 100%;
	background: url(../../images/banner/carbar-subs.jpg) center center no-repeat;
	background-size: cover;
}
section.v-3colummn.cbplus-feats {
	margin: 0px;
}

body.carbarplus .whysubs {
	background: rgba(0,0,0,0);
}

body.carbarplus div.statement {
	width: 100%;
	max-width: 900px;
	padding: 50px 20px;
	text-align: center;
	margin: 0 auto;
}
body.carbarplus div.statement h2 {
	font-size: 22pt;
	font-weight: 500;
}

body.carbarplus div.statement p {
	font-size: 15pt;
	font-weight: 300;
}

.whysubs h2 {
	text-align: center;
	padding: 0px 20px;
}

.cbplus-feats div p {
	text-align: center;
}
body.carbarplus .hiw-c {
	padding-top: 0px;
	background: none;
}
body.carbarplus .browsebodytype {
	padding: 100px 0;
	background: rgba(0,0,0,0.04);
}

body.carbarplus .bt-select.selected {
	background-color: rgba(241,241,241,0.9);
}

.carbarplus .subs-plan .owl-stage-outer {
	padding: 0px;
}
.carbarplus section.pricingtable {
	background: none;
}

body.carbarplus div.v-sum.subperk {
	background: none;
	border: 1px solid rgba(0,0,0,0.1);

}

body.carbarplus .bbt-c {
	background: #fff;
	margin: 2%;
	border: 1px solid rgba(0,0,0,0.1);
}


/*** CarbarConnect Page *****/

body.carbarconnect .h-banner {
	width: 100%;
	height: 100%;
	background: url(../../images/banner/cre/b-cbc.jpg) center center no-repeat;
	background-size: cover;
}
section.v-3colummn.cbplus-feats {
	margin: 0px;
}
.cbplus-feats div p {
	text-align: center;
}
body.carbarconnect .hiw-c {
	padding-top: 0px;
	background: none;
}
body.carbarconnect .browsebodytype {
	padding: 100px 0;
	background: rgba(0,0,0,0.04);
}

body.carbarconnect .bt-select.selected {
	background-color: rgba(241,241,241,0.9);
}
body.carbarconnect div.banner-content h1 {
	line-height: 20px;
}
body.carbarconnect div.banner-content h1 span.small {
	color: #fff;
	margin-top: -10px;
}

div.connecteddrive {
	width: 100%;
	max-width: 370px;
	margin: 50px auto 0 auto;
}
p.new {
	font-family: 'Poppins', sans-serif;
	font-size: 8pt!important;
	margin: 0px 0 10px 0;
	background: #0076bf;
	display: inline-block;
	padding: 8px 14px;
	border-radius: 20px;
	font-weight: 600;
}
.connecteddrive h4 {
	color: #fff;
	margin: 0px 0 5px 0;
}
.connecteddrive p {
	font-size: 12pt;
}

.btnappslink {
	width: auto;
	display: inline-block;
}

.btn-appstore {
	width: 100px;
}
.btn-googleplay {
	width: 112px;
}

section.v-theapp div.v-4c {
	background: none;
}
section.v-theapp div.fulltitle {
	width: 100%;
}
.v-theapp h4 {
	font-family: 'futura-pt', sans-serif;
	font-weight: 300;
	font-size: 14pt;
	margin: 0px 0 10px 0;
}
.v-theapp p {
	color: #666;
	font-size: 12pt;
}

section.v-2column.connectedapp-sec {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	float: none;
	display: block;
}
.connectedapp-sec .connectedapp-ls {
	background: none;
	display: flex;
	flex-wrap: wrap;
	padding: 120px 2% 2% 2%;
}

.connectedapp-sec .connectedapp-ls div {
	width: 50%;
	text-align: left;
	padding: 4% 6% 4% 0%;
}

.connectedapp-sec .connectedapp-ls div h3 {
	margin: 0px 0 10px 0;
}
.connectedapp-sec .connectedapp-ls div .icos {
	margin: 0px 0 20px 0;
}
.phoneappmock {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}


@media only screen and (max-width: 1200px) {
	.connectedapp-sec .connectedapp-ls div {
		width: 100%;
	}
}

@media only screen and (max-width: 1024px) {
	.connectedapp-sec .connectedapp-ls div {
		width: 100%;
		padding: 2% 2% 50px 2%;
	}

	.connectedapp-sec .connectedapp-ls {
		padding: 2%;
	}
}

.cbcsignup {
	width: 100%;
	padding: 150px 60px;
	text-align: center;
	float: left;
	margin: 0 0 30px 0;
	background: rgba(0,0,0,0.04);
}
.cbcsignup-w {
	margin: 0 auto;
	max-width: 600px;
}

/*** SellYourCar Page *****/

body.sellyourcar .h-banner {
	width: 100%;
	height: 100%;
	background: url(../../images/banner/sellyourcar.jpg) center center no-repeat;
	background-size: cover;
}

body.sellyourcar.caltex .h-banner {
	width: 100%;
	height: 100%;
	background: url(../../images/banner/sellyourcar.jpg) center center no-repeat;
	background-size: cover;
}

body.sellyourcar.caltex span.small {
	color: rgba(255,255,255,0.8);
}
section.yselltous.v-theapp {
	padding: 100px 20px;
	background: rgba(0,0,0,0.04);
}


section.yselltous.v-theapp h2 {
	font-family: 'futura-pt', sans-serif;
	font-weight: normal;
	font-size: 16pt;
	text-align: center;
	margin: 30px 0 10px 0;
}
section.yselltous.v-theapp .v-4c {
	padding: 20px;
}


section.yselltous.v-theapp h3 {
	font-size: 14pt;
}

@media only screen and (max-width: 500px) {
	body.sellyourcar div.f-en {
		padding: 30px 20px;
	}
}


#instantquote,
#carInterestFormInner {
	padding: 0px 0 30px 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#instantquote div.content,
#carInterestFormInner div.content {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	margin-bottom: 20px;

}
#instantquote span.number,
#carInterestFormInner span.number {
	display: none;
}

#instantquote div.steps,
#carInterestFormInner div.steps {
	padding: 10px 0;
	margin: 20px 0px;
	border-top: 1px dotted rgba(0,0,0,0.1);
	border-bottom: 1px dotted rgba(0,0,0,0.1);
	display: inline-block;
}
#instantquote div.steps ul,
#carInterestFormInner div.steps ul {
	padding: 0px;
	margin: 0px;
}
#instantquote div.steps ul li,
#carInterestFormInner div.steps ul li {
	list-style: none;
	display: inline-block;
	margin: 0 10px;
	width: auto;
}
#instantquote div.steps ul li a,
#carInterestFormInner div.steps ul li a  {
	font-size: 10pt;
	color: #999;
	background: rgba(0,0,0,0);
	padding: 5px 12px;
	border-radius: 20px;
	display: inline-block;
	margin: 0 0 0px 0;
}

#instantquote div.steps ul li.current a,
#carInterestFormInner div.steps ul li.current a {
	font-weight: 400;
	color: #000;
	color: #fff;
	background: rgba(0,118,188,1);
}

#instantquote div.steps ul li.done a,
#carInterestFormInner div.steps ul li.done a {
	font-weight: 400;
	background: rgba(0,0,0,0.05);
}


#instantquote div.steps ul li.done a:hover,
#carInterestFormInner div.steps ul li.done a:hover {
	background: rgba(0,118,188,1);
	color: #fff;
}

#instantquote div.actions ul,
#carInterestFormInner div.actions ul {
	padding: 0px;
	margin: 0px;
}
#instantquote div.actions ul li,
#carInterestFormInner div.actions ul li {
	list-style: none;
	display: inline-block;
	width: auto;
}

#instantquote div.actions ul li a,
#carInterestFormInner div.actions ul li a {
	background: #475568;
	border-radius: 3px;
	color: #fff;
	padding: 8px 15px;
	display: inline-block;
	-webkit-box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1);
	box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1);
	margin: 0 10px;
}

#instantquote div.actions ul li.disabled a,
#carInterestFormInner div.actions ul li.disabled a {
	display: none;
}

#instantquote div.actions ul li[aria-hidden="false"] a,
#carInterestFormInner div.actions ul li[aria-hidden="false"] a {
	background: #0076bf;
}

#instantquote .slider-range-container #slider-year-range2 .ui-slider-handle,
#instantquote .slider-range-container #slider-s-range2 .ui-slider-handle,
#carInterestFormInner .slider-range-container #slider-year-range2 .ui-slider-handle,
#carInterestFormInner .slider-range-container #slider-s-range2 .ui-slider-handle {
	background: rgba(71,85,104,1);
}

#instantquote .slider-range-container #slider-s-range2,
#carInterestFormInner .slider-range-container #slider-s-range2 {
	background: rgba(233,233,233,1);
}

#instantquote .slider-range-container #slider-range .ui-slider-range,
#instantquote .slider-range-container #slider-s-range2 .ui-slider-range,
#instantquote .slider-range-container #slider-km-range .ui-slider-range,
#instantquote .slider-range-container #slider-year-range2 .ui-slider-range,
#carInterestFormInner .slider-range-container #slider-range .ui-slider-range,
#carInterestFormInner .slider-range-container #slider-s-range2 .ui-slider-range,
#carInterestFormInner .slider-range-container #slider-km-range .ui-slider-range,
#carInterestFormInner .slider-range-container #slider-year-range2 .ui-slider-range {
	background: rgba(0,118,188,0.9);
}

#instantquote div.sliders.yearrange,
#carInterestFormInner div.sliders.yearrange {
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
	margin: 40px auto;
}
#instantquote div.sliders input,
#carInterestFormInner div.sliders input {
	text-align: center;
	background: none;
}
#instantquote h4,
#carInterestFormInner h4 {
	font-family: 'futura-pt', sans-serif;
	font-weight: normal;
	font-size: 14pt;
	text-align: center;
	margin: 20px 0 20px 0;
}


/*** Point Check Page *****/


body.pointcheck .h-banner {
	width: 100%;
	height: 100%;
	background: url(../../images/banner/pointcheck.jpg) center center no-repeat;
	background-size: cover;
}

.ui.action.input input[type="file"] {
	display: none;
}

div.pointschecklist {
	text-align: left;
}

div.pointschecklist .ficon {
	float: right;
}

div.pointschecklist .up-wp {
	border-bottom: 1px dashed rgba(0,0,0,0.1);
	padding: 0px 0 10px 0;
	margin-bottom: 10px;
}

div.pointschecklist .up-wp input[type=file] {
	border: none;
	padding-left: 0px;
}

section.v-2column ul.ticks li {
	background-size: 16px;
	margin-bottom: 20px;
}

/*** FAQ Page *****/

body.faq .h-banner {
	width: 100%;
	height: 100%;
	background: url(../../images/banner/cre/b-faq.jpg) center center no-repeat;
	background-size: cover;
}

.faq-content {
	padding: 20px;
}

.faq-content{
	font-size: 13pt;
	padding-bottom: 10px;
}

.faq-content div.v-3c {
	background: none;
	padding: 10px;
	text-align: left;
}
.faq-content div.v-3c div.v-3c {
	padding: 0px;
}

.faq-content .ui.styled.accordion {
	width: 100%;
	box-shadow: none;
	background: none;
	text-align: left;
}
.faq-content .ui.styled.accordion .title {
	font-weight: 400;
	font-family: 'futura-pt', sans-serif;
	font-size: 14pt;
	padding: 1em 1em 1em 0;
	border-top: 1px dotted rgba(34,36,38,0.1)
}

.faq-content .ui.styled.accordion .content {
	padding: 0 20px 20px 0px;
}
.faq-content .ui.styled.accordion .content p,
.faq-content ul li {
	font-size: 12pt;
	font-weight: 300;
	color: #777;
}
.faq-content .ui.styled.accordion .content ol li {
	color: #777;
	padding: 0 0 0 0px;
}
.faq-content .ui.styled.accordion .content ol li  a {
	color: #777;
}

.faq-content .ui.styled.accordion .active.title {
	color: #0076bf;

}

.faqselector {
	width: 100%;
	text-align: center;
}
.faqselector a {
	font-size: 14pt;
	padding: 0 20px;
}
.faqselector a.active {
	color: #0076bf;
}

.faq-content h2 {
	line-height: 1em;
	margin-bottom: 50px;
}
.faq-content h2 span {
	font-family: 'futura-pt', sans-serif;
	font-size: 12pt;
	font-weight: 300;
	color: #999;
}

@media only screen and (max-width: 1000px) {
	.faq-content div.v-2c {
		width: 100%;
	}
}


/*** FAQ Page *****/

body.tc .h-banner {
	width: 100%;
	height: 100%;
	background: url(../../images/banner/holden-d.jpg) center center no-repeat;
	background-size: cover;
}

.tc-content {
	padding: 20px;
}
.tc-content .tabs {
	display: inline-block;
	margin-bottom: 50px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 40px;
}

.t-content {
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	font-size: 12pt;
}
.t-content b,
.t-content strong {
	font-weight: 500;
	color: #000;
}
.t-content p.title {
	font-size: 16pt;
	padding-bottom: 10px;
	padding-top: 30px;
	color: #000;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 10px;
}
.tc-content ul.tabs li {
	font-size: 14pt;
	margin: 0 40px;
}

.t-content ul.numb,
body.faq .t-content ul {
	font-size: 13pt;
	margin: 0 0 0 35px;
}

.t-content .numbls {
	background: #0076bc;
	padding: 3px 8px;
	font-size: 10pt;
	border-radius: 100px;
	margin-left: -35px;
	color: #fff;
	margin-right: 10px;
}

ul.numbls li {
	list-style: none;
	list-style-position: outside;
}
.t-content ul {
	margin: 0px;
	padding: 0px;
	font-size: 11pt;
	color: #666;
	line-height: 1.4em;
}
.t-content ul li ul {
	margin: 0px;
	padding: 0 0 0 20px;
}
.t-content ul li {
	list-style: none;
	list-style-position: outside;
	margin: 0px 0 0.5em 0;
	padding: 0px;
}


@media only screen and (max-width: 600px) {
	.tc-content ul.tabs li {
		font-size: 12pt;
		margin: 0 20px;
	}

}


/*** Privacy Policy Page *****/

body.pp .h-banner {
	width: 100%;
	height: 100%;
	background: url(../../images/banner/holden-d.jpg) center center no-repeat;
	background-size: cover;
}


/*** About Us Page *****/

body.about .h-banner {
	width: 100%;
	height: 100%;
	background: url(../../images/banner/team.jpg) center center no-repeat;
	background-size: cover;
}


.single-content {
	width: 100%;
	max-width: 700px;
	margin: 50px auto;
}
@media only screen and (max-width: 720px) {
	.single-content {
		padding: 20px;
	}

}

/*** Privacy Policy Page *****/

div.v-4c.tt-item {
	background: none;
	margin-bottom: 30px;
}

section.contentwrap div.v-4colummn {
	display: flex;
	flex-wrap: wrap;
}

section.contentwrap div.v-4c {
	flex-wrap: wrap;
}


@media only screen and (max-width: 500px) {
	div.v-4c.tt-item {
		margin-bottom: 50px;
	}
}


/*** Press *****/

body.press-pg .h-banner {
	width: 100%;
	height: 100%;
	background: url(../../images/banner/press-cover.jpg) center center no-repeat;
	background-size: cover;
}

body.press-pg div.v-4c p.mediaout {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	display: inline-block;
	padding-bottom: 10px;
}

body.press-pg .contentwrap {
	max-width: none;
}

p.datestamp {
	font-size: 8pt;
	color: #999;
	margin: 0px;
	padding: 0px 0 5px 0;
}
body.press-pg p.title {
	padding-bottom: 0px;
	margin-bottom: 0px;
	color: #222;
	font-weight: 500;
}
body.press-pg div.tt-item p.small {
	font-size: 11pt!important;
}
.readmore {
	font-size: 10pt;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

/*** HOW IT WORKS *****/

body.howitwork .h-banner {
	width: 100%;
	height: 100%;
	background: url(../../images/banner/cre/b-hiw.jpg) center center no-repeat;
	background-size: cover;
}


/*** Contact Us *****/

body.contactus-pg .h-banner {
	width: 100%;
	height: 100%;
	background: url(../../images/banner/contact.jpg) center center no-repeat;
	background-size: cover;
}


@media only screen and (max-width: 550px) {
	body.contactus-pg div.v-4c {
		padding: 10px;
	}

}



/************************************************************************************************** */
/* ERROR PAGE CSS
/************************************************************************************************** */

body.error .h-banner-01 {
	width: 100%;
	height: 100%;
	/*background: url(../../images/banner/error-2.jpg) center bottom no-repeat;*/
	background-size: cover;
	background-image: none;
	background-color: rgba(0,0,0,0.9);
}

body.error header {
	background: #191919;
}




/************************************************************************************************** */
/* No Result CSS
/************************************************************************************************** */
body.noresult div.carlisting div#search {
	width: 100%;
	max-width: 1100px;
	margin: 0px auto;
}
body.noresult .cd-main-content {
	min-height: 0px;
}
body.noresult .carlisting .ls-car.pro_point h3 {
	margin: 0px;
}
body.noresult .carlisting .ls-car.pro_point {
	height: 60vh;
	min-height: 500px;
}
body.noresult div.carlisting div.ls-car {
	z-index: 100;
}



/************************************************************************************************** */
/* Looking For CSS
/************************************************************************************************** */

body.lookingfor .h-banner {
	width: 100%;
	height: 100%;
	background: url(../../images/banner/lookingfor.jpg) center center no-repeat;
	background-size: cover;
}


/************************************************************************************************** */
/* For Business Page
/************************************************************************************************** */
body.forbusiness #banner {
	height: 60vh;
}
body.forbusiness .h-banner-01 {
	width: 100%;
	height: 100%;
	background: url(../../images/banner/forbusiness.jpg) center center no-repeat;
	background-size: cover;
}

body.forbusiness section.v-4colummn {
	margin: 0px;
}
div.fbusiness:hover {
}
div.fbusiness a {
}
div.fbusiness a:hover {
	background: none!important;
}


body.forbusiness h2 {
	font-size: 18pt;
	font-weight: 400;

}
body.forbusiness .textcontent h2 {
	font-size: 18pt;
	font-weight: 400;
	padding: 50px 40px;
}

body.forbusiness .content {
	text-align: left;
}
.f-en.inquirenow {
	width: 96%;
	margin: 2%;
	text-align: center;
	margin-top: 0px;
}
body.forbusiness section.cbcsignup {
	margin-bottom: 0px;
}
body.forbusiness div.cbcsignup-w {
	max-width: 1000px;
}

body.forbusiness section.cbcsignup img.vtype {
	width: 20%;
}

body.forbusiness .howdoesitwork {
	padding-top: 0px;
}

section.v-2column.novatedcal-s {
	margin: 0px auto!important;
	opacity: 0;
	height: 0;
}
body.forbusiness section.v-2column.novatedcal-s div.f-en {
	padding: 40px 0px;
}
body.forbusiness div.novatedcal-w {
	position: relative;
	max-width: 1024px;
	margin: 0 auto;
}

div.novatedcal-w a.bt-cal {
	position: absolute;
	top: 20px;
	right: 20px;
	border: none;

}
.bt-cal {
	border-bottom: 1px dotted rgba(0,0,0,0.5);
}
body.forbusiness div.novatedcal-w h2 {
	margin: 10px 0 50px 0;
}
.greyscheme {
	background: #333!important;
	color: #fff!important;
}
.greyscheme p,
.greyscheme h3 {
	color: #fff!important;
}
.greyscheme h3 {
	border-bottom: 1px solid rgba(255,255,255,0.1)!important;
}



@media only screen and (max-width: 550px) {

	body.forbusiness section.cbcsignup img.vtype {
		display: none;
	}
	body.forbusiness section.cbcsignup img.vtype.vtypesolo {
		width: 48%;
		display: inline-block;
	}
	body.forbusiness .textcontent h2 {
		padding: 30px 20px;
	}
}




/************************************************************************************************** */
/**** For HubSpot ******/
/************************************************************************************************** */
#hubspot-messages-iframe-container {
	bottom: 50px!important;
}


@media only screen and (max-width: 1000px) {
	#hubspot-messages-iframe-container {
		bottom: 0px!important;
	}
}





/*** Blog Page *****/


body.blog-pg h3{
	font-size: 16pt;
	font-family: 'futura-pt', sans-serif;
	font-weight: 300;
	text-align: center;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 10px;
	margin: 20px auto 20px auto;
	display: inline-block;
}


body.press-pg.blog-pg .h-banner {
	width: 100%;
	height: 100%;
	background: url(../../images/banner/blog-cover.jpg) center center no-repeat;
	background-size: cover;
}

body.press-pg.blog-pg p.title {
	padding-bottom: 0px;
	margin-bottom: 0px;
	color: #222;
	font-weight: 500;
	padding: 0px;
}

.bhimg {
	width: 100%;
}



/*** Blog Details Page *****/


body.press-pg.blog-pg.blog-dt .h-banner {
	width: 100%;
	height: 100%;
	background: url(../../images/banner/blog-dt.jpg) center center no-repeat;
	background-size: cover;
}
body.press-pg.blog-pg.blog-dt p.date {
	padding: 0px;
}
body.press-pg.blog-pg.blog-dt #banner .banner-content {
	background: rgba(0,0,0,0.5);
}
body.blog-dt #banner {
	height: 50vh;
}

body.blog-dt #banner h1 {
	font-size: 18pt;
}
body.blog-dt .banner-content p.date {
	font-size: 12pt;
}
s

section.v-2column.blogct {
}

div.v-2c-w {
	width: 100%;
	max-width: 1060px;
	margin: 0 auto;
}

section.v-2column.blogct,
section.v-2column.blogct div.v-2c {
	background: none;
	text-align: left;
}


.cta-w .button {
	margin-left: 10px;
	margin-right: 10px;
}

.mainctas div.content p.small {
	width: 100%;
	text-align: center;
	border-bottom: none;
}