/* GLOBAL START */
* {
  box-sizing: border-box;
}
/* GLOBAL START */



/* PLUGIN FIX START */
.bs .fade {
  transition: opacity .15s linear;
  opacity: 1; 
}
.bs img{
	max-width:100%;
	height:auto;
}
.container-tf-large{
	max-width:1440px;
}
@media (min-width: 768px) {
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
}
@media (min-width: 1440px) {
  	.container.container-tf-large{
		width: 1440px;
  	}
}
@media (min-width: 1200px) {
  	.container.container-tf{
		width: 1200px;
  	}
}
/* PLUGIN FIX START */





/* VARIABLES START */
:root{

	--col-white: #fff;
	--col-black: #000;
	--col-font-grey: #454545;
	--col-orange: rgba(245,130,31,1);
	--col-red: rgba(237,28,36,1);
/*	--col-orange: #F5821F;*/
	--col-light-orange: #F5821F;
	
	--col-medium-grey: #ACACAC;
	--col-light-grey: #636363;
	--col-lighter-grey: #D9D9D9;
	--col-lightest-grey: #f2f2f2;
	--col-grey: rgb(49, 49, 53);
	--col-blue: #48a1cf;
	--col-takeuchi-red: #ed1c24;

	--Space-05x: 4px;
	--Space-1x: 8px;
	--Space-15x: 12px;
	--Space-2x: 16px;
	--Space-3x: 24px;
	--Space-4x: 32px;
	--Space-5x: 40px;
	--Space-6x: 48px;
	--Space-8x: 64px;

}
/* VARIABLES END */





/* GLOBAL START */
body:not(.home-page) #header-sroll{
	background-color:var(--col-white);
	
}
body:not(.home-page) .social-header-icons a,
body:not(.home-page) nav ul li a{
	color:var(--col-grey);
}
body:not(.home-page) nav ul li a:hover{
	color:var(--col-grey);
}
body:not(.home-page) .brand {
	padding-top: 7px;
}
.hero-banner--generic h1.service-banner-heading {
	padding-left:20px!important;
	padding-right:20px!important;
}
@media (max-width: 990px) {
	body:not(.home-page) #header-sroll{
		height: 63px;
		background-color:#2A2A2A;
	}
	body:not(.home-page) .brand {
		padding-top: 5px;
	}
	body.home-page .brand {
		padding-top: 5px;
	}
	body:not(.home-page) #header-sroll.navigation.small{
		background-color:#2A2A2A;
	}
	.brand {
  		line-height:1em!important;
	}
	.brand img {
  		height:50px!important;
		margin-left: -15px!important;
	}
	body:not(.home-page) .hero-banner.for-desktop {
  		margin-top:63px!important;
	}
}
@media screen and (max-width: 767px) {
  	.for-mobile {
  		margin-top:63px!important;
  	}
}
@media screen and (max-width: 500px) {
	.hero-banner--generic h1.service-banner-heading {
  		font-size: 38px!important;
		line-height: 38px!important;
		top: 50%!important;
	}
}
/* GLOBAL END */





/* TYPOGRAPHY START */
.bs h2{
	font-size:42px!important;
	line-height:42px!important;
	font-family: 'MyriadPro-BoldCond'!important;
	text-transform:uppercase!important;
}
.bs h2::after{
	display:none!important;
}
.bs h3{
	font-size:30px!important;
	line-height:30px!important;
	font-family: 'MyriadPro-BoldCond'!important;
	text-transform:uppercase!important;
}
.bs h4{
	font-size:25px!important;
	line-height:25px!important;
	font-family: 'MyriadPro-BoldCond'!important;
	text-transform:uppercase!important;
}
.bs h5{
	font-size:22px!important;
	line-height:22px!important;
	font-family: 'MyriadPro-BoldCond'!important; 
	text-transform:uppercase!important;
}
.bs h6{
	font-size:18px!important;
	line-height:18px!important;
	font-family: 'MyriadPro-Cond'!important;
	text-transform:uppercase!important;
}
@media (max-width: 767px) {
	.bs h2{
		font-size:36px!important;
		line-height:36px!important;
	}
	.bs h3{
		font-size:24px!important;
		line-height:24px!important;
	}
	.bs h4{
		font-size:20px!important;
		line-height:20px!important;
	}
	.bs h5{
		font-size:18px!important;
		line-height:18px!important;
	}
}
/* TYPOGRAPHY END */





/* COLOURS START */
.col-grey{
	color:var(--col-font-grey)!important;
}
.col-light-grey{
	color:var(--col-light-grey);
}
.col-orange{
	color:var(--col-orange)!important;
}
.bluetheme-class-bc .Bcrumbs li::after,
.bluetheme-class-bc .Bcrumbs li{
	color:var(--col-blue)!important;
}
.bluetheme-cat .breadcrumbs a:hover,
.bluetheme-class-bc .Bcrumbs a:hover{
	color:var(--col-blue)!important;
}
.bluetheme-class-tabs .richtext ul li::before{
	background:var(--col-blue)!important;
}
.bluetheme-class-tabs .richtext a{
	color:var(--col-blue)!important;
}
.bluetheme-cat .long-desc-read-more,
.bluetheme-cat h3{
	color:var(--col-blue)!important;
}
.takeuchiProductTheme-class-tabs .richtext ul li::before{
	background:var(--col-takeuchi-red)!important;
}
.takeuchiProductTheme-class-bc .Bcrumbs li::after,
.takeuchiProductTheme-class-bc .Bcrumbs li{
	color:var(--col-takeuchi-red)!important;
}
.takeuchiProductTheme-cat .long-desc-read-more,
.takeuchiProductTheme-cat h3{
	color:var(--col-takeuchi-red)!important;
}
/* COLOURS END */





/* BACKGROUNDS START */
.bg-cover-center{
	background-size:cover;
	background-position:center center;
}
.bg-cover-top{
	background-size:cover;
	background-position:center top;
}
.bg-contain-center{
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
.bg-contain-center-white{
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#fff;
}
.aspect-square{
	aspect-ratio:1 / 1;
	width:100%;
}
.bg-orange{
	background-color:var(--col-orange)!important;
}
.bg-red{
	background-color:var(--col-red)!important;
}
.bg-light-orange{
	background-color:var(--col-light-orange);
}
.bg-lighter-grey{
	background-color:var(--col-lighter-grey);
}
.bg-light-grey{
	background-color:var(--col-light-grey);
}
.bg-white{
	background-color:var(--col-white);
}
.bluetheme{
	background-color:var(--col-blue);
}
.bg-orange.bluetheme{
	background-color:var(--col-blue)!important;
}
.bg-orange.takeuchiProductTheme{
	background-color:var(--col-takeuchi-red)!important;
}
/* BACKGROUNDS END */





/* ICONS START */
.icon.icon-download{
	background-image:url(/assets/images/icons/download.svg);
	width:26px;
	height:28px;
	background-size:contain;
	background-repeat:no-repeat;
}
.icon.icon-cross{
	background-image:url(/images/cross.svg);
	width:18px;
	height:22px;
	background-size:contain;
	background-repeat:no-repeat;
	
}
/* ICONS END */





/* WIDTHS START */
.maxw-900{
	max-width:990px;
}
.maxw-550{
	max-width:550px;
}
.w-160px{
	width:160px;
}
.w-200px{
	width:200px;
}
hr.bs-hr{
	border-bottom: 1px solid #f0f0f0;
}
/* WIDTHS END */





/* TYPOGRAPHY START */
h2.h2-smaller{
	font-size:30px!important;
	line-height:30px!important;
	margin-bottom:0; 
}
.richtext :last-child{
	margin-bottom:0!important;
}
.richtext{
}
.toyota-text-new .richtext p{
	display:block;
}
.richtext p.lead{
	font-size:22px;
	line-height:28px;
	margin-bottom:15px;
	color:var(--col-font-grey);
}
.richtext h3{
	margin-bottom:15px;
}
.richtext p{
	font-size:18px;
	line-height:24px;
	margin-bottom:15px;
	color:var(--col-font-grey);
}
.richtext ul{
	margin-bottom:15px;
}
.richtext li{
	font-size:18px;
	line-height:24px;
	color:var(--col-font-grey);
	margin: 0 0 16px;
  	position: relative;
  	padding: 0 0 0 20px;
}
.richtext ul li::before {
	content: '';
	width: 16px;
	height: 16px;
	width: 10px;
	height: 10px;
	display: block;
	border-radius: 50%;
	left: 0;
	top:4px;
	background: var(--col-orange);
	position: absolute;
}
.line-height-1{
	line-height:1;
}
/* TYPOGRAPHY END */





/* PADDING START */
.p-2x{
	padding:var(--Space-2x)!important;
}
.pb-5x{
	padding-bottom:var(--Space-5x);
}
.pb-6x{
	padding-bottom:var(--Space-6x)!important;
}
.pb-8x{
	padding-bottom:var(--Space-8x)!important;
}
.pl-0{
	padding-left:0!important
}
.pl-3x{
	padding-left:var(--Space-3x);
}
.pr-0{
	padding-right:0!important
}
.pr-2x{
	padding-right:var(--Space-2x)!important
}
.pr-4x{
	padding-right:var(--Space-4x)!important
}
.pt-0{
	padding-top:0!important
}
.pt-1x{
	padding-top:var(--Space-1x)!important
}
.pt-2x{
	padding-top:var(--Space-2x)!important
}
.pt-4x{
	padding-top:var(--Space-4x)!important
}
.px-2x{
	padding-left:var(--Space-2x)!important;
	padding-right:var(--Space-2x)!important;
}
.py-2x{
	padding-top:var(--Space-2x)!important;
	padding-bottom:var(--Space-2x)!important;
}
.py-3x{
	padding-top:var(--Space-3x);
	padding-bottom:var(--Space-3x);
}
.py-4x{
	padding-top:var(--Space-4x)!important;
	padding-bottom:var(--Space-4x)!important;
}
.py-6x{
	padding-top:var(--Space-6x);
	padding-bottom:var(--Space-6x);
}
.py-8x{
	padding-top:var(--Space-8x);
	padding-bottom:var(--Space-8x);
}
@media (max-width: 767px) {
	.px-md-0{
		padding-left:0!important;
		padding-right:0!important;
	}
}
/* PADDING END */





/* MARGIN START */
.mb-last-0 :last-child{
	margin-bottom:0;
}
.mb-05x{
	margin-bottom:var(--Space-05x)!important;
}
.mb-1x{
	margin-bottom:var(--Space-1x)!important;
}
.mb-2x{
	margin-bottom:var(--Space-2x)!important;
}
.mb-3x{
	margin-bottom:var(--Space-3x)!important;
}
.mb-4x{
	margin-bottom:var(--Space-4x)!important;
}
.mb-5x{
	margin-bottom:var(--Space-5x);
}
.mb-6x{
	margin-bottom:var(--Space-6x);
}
.mt-2x{
	margin-top:var(--Space-2x)!important;
}
.mt-3x{
	margin-top:var(--Space-3x)!important;
}
.mt-4x{
	margin-top:var(--Space-4x);
}
.mt-5x{
	margin-top:var(--Space-5x);
}
.mx-3x{
	margin-left:var(--Space-3x);
	margin-right:var(--Space-3x);
}
@media (min-width: 768px) {
	.mb-sm-0,
	.mb-md-0{
		margin-bottom:0!important;
	}
}
/* MARGIN END */





/* BUTTONS START */
.btn{
	font-size: 24px!important;
	line-height: 24px!important;
	text-align: center;
	border-radius:0!important;
	padding:var(--Space-1x) var(--Space-15x)!important;
  	font-family: 'MyriadPro-BoldCond'!important;
	letter-spacing:0!important;
	border:none;
	display:inline-flex!important;
}
.btn:hover{
	transform:none!important;
	opacity:1!important;
	border:none;
}
.btn:focus-visible,
.btn:focus,
.btn:active{
	box-shadow:none!important;
}
.btn-primary{
	background-color:var(--col-orange)!important;
	color:var(--col-white)!important;
	border:0!important;
}
.btn-primary:hover{
	color:var(--col-orange)!important;
	background-color:#f2f2f2!important;
}
.btn-secondary{
	background-color:var(--col-white)!important;
	color:var(--col-orange)!important;
	border:0!important;
}
.btn-secondary:hover{
	color:var(--col-white)!important;
	background-color:var(--col-orange)!important;
}
.btn-tertiary{
	background-color:var(--col-lighter-grey)!important;
	color:var(--col-light-grey)!important;
	border:0!important;
}
.btn-tertiary:hover{
	color:var(--col-orange)!important;
	background-color:#f2f2f2!important;
}
.bluetheme-cat .btn-tertiary:hover{
	color:var(--col-blue)!important;
	background-color:#f2f2f2!important;
}
.takeuchiProductTheme-cat .btn-tertiary:hover{
	color:var(--col-takeuchi-red)!important;
	background-color:#f2f2f2!important;
}
.btn-download-icon{
	display:flex;
	align-items: center;
}
.btn-download-icon i{
	margin-right:var(--Space-1x);
}
.btn-download-icon span{
	color:var(--col-light-grey)!important;
	text-decoration:underline;
	font-size: 24px!important;
	line-height: 24px!important;
}
.btn-larger{
	font-size: 30px!important;
	line-height: 30px!important;
}
.btn-smaller{
	font-size: 20px!important;
	line-height: 20px!important;
}
.bluetheme .btn-secondary{
	color:var(--col-blue)!important;
}
.bluetheme .btn-secondary:hover{
	background-color:var(--col-blue)!important;
	color:var(--col-white)!important;
}
.takeuchiProductTheme .btn-secondary{
	color:var(--col-takeuchi-red)!important;
}
.takeuchiProductTheme .btn-secondary:hover{
	background-color:var(--col-takeuchi-red)!important;
	color:var(--col-white)!important;
}
.grey-link{
	font-size:23px;
	line-height:23px;
	color:var(--col-light-grey)!important;
	text-decoration:underline;
	text-transform:none;
  	font-family: 'MyriadPro-Cond';
}
.bluetheme-class-bc .btn-primary,
.bluetheme-cat .btn-primary,
.bluetheme-class .btn-primary,
.bluetheme .btn-primary{
	background-color:var(--col-blue)!important;
	color:var(--col-white)!important;
}
.bluetheme-class-bc .btn-primary:hover,
.bluetheme-cat .btn-primary:hover,
.bluetheme-class .btn-primary:hover,
.bluetheme .btn-primary:hover{
	color:var(--col-blue)!important;
	background-color:var(--col-white)!important;
}
.takeuchiProductTheme-class-bc .btn-primary,
.takeuchiProductTheme-cat .btn-primary,
.takeuchiProductTheme-class .btn-primary,
.takeuchiProductTheme .btn-primary{
	background-color:var(--col-takeuchi-red)!important;
	color:var(--col-white)!important;
}
.takeuchiProductTheme-class-bc .btn-primary:hover,
.takeuchiProductTheme-cat .btn-primary:hover,
.takeuchiProductTheme-class .btn-primary:hover,
.takeuchiProductTheme .btn-primary:hover{
	color:var(--col-takeuchi-red)!important;
	background-color:var(--col-white)!important;
}
.btn-auto-width{
	display:flex;
}
.bluetheme-class-bc .more-infotext h3{
	color:var(--col-blue)!important;
}
.takeuchiProductTheme-class-bc .more-infotext h3{
	color:var(--col-takeuchi-red)!important;
}
.actions ul li a{
	font-size: 24px!important;
	line-height: 24px!important;
	text-align: center;
	border-radius:0!important;
	padding:var(--Space-1x) var(--Space-15x)!important;
  	font-family: 'MyriadPro-BoldCond'!important;
	letter-spacing:0!important;
	border:none;
	display:inline-flex!important;
	background-color:var(--col-orange)!important;
	color:var(--col-white)!important;
	border:0!important;
	text-transform:uppercase;
}
.actions ul li a:hover{
	background-color:var(--col-blue)!important;
	color:var(--col-white)!important;
}
.actions ul li:first-child a{
	font-size: 24px!important;
	line-height: 24px!important;
	text-align: center;
	border-radius:0!important;
	padding:var(--Space-1x) var(--Space-15x)!important;
  	font-family: 'MyriadPro-BoldCond'!important;
	letter-spacing:0!important;
	border:none;
	display:inline-flex!important;
	color:var(--col-orange)!important;
	background-color:#f2f2f2!important;
	text-transform:uppercase;
}
.actions ul li:first-child a:hover{
	color:var(--col-light-orange)!important;
	background-color:#f2f2f2!important;
}
/* BUTTONS END */



 

/* FORMS */
.contact-form.bs-forms h3{
	font-size:24px!important;
	line-height:28px!important;
}
.contact-form.bs-forms input[type="text"],
.bs-forms input[type="text"],
.bs-forms textarea{
	background-color:#f2f2f2;
	border:1px solid var(--col-lighter-grey);
  	font-family: 'MyriadPro-Regular';
	font-size:18px!important;
	line-height:24px!important;
	padding:10px 10px!important;
	color:#454545!important;
	border-radius:0!important;
	height:auto!important;
}
.bs-forms textarea{
	height:100px!important;
}
.contact-form.bs-forms select,
.bs-forms select{
	background-color:#f2f2f2;
	border:1px solid var(--col-lighter-grey);
  	font-family: 'MyriadPro-Regular'!important;
	font-size:18px!important;
	line-height:24px!important;
	padding:10px 10px!important;
	color:#454545!important;
	min-width:100px;
	border-radius:0!important;
}
.bs-forms .form-group{
	align-items: center;
  	display: flex;
}
.bs-forms input[type="text"].error{
	border:1px solid var(--col-red);
}
.bs-forms .error2{
	color:var(--col-red);
}
.bs-forms input[type="text"]:focus{
	outline:none;
}
.contact-form.bs-forms label,
.bs-forms label{
	color:#454545;
  	font-family: 'MyriadPro-Semibold';
	font-size:18px;
	line-height:24px;
}
.richtext a,
.bs-forms .error-response p a{
	display:inline!important;
}
.bs-forms .error-response{
	color:#f00;
	font-size:18px;
	line-height:24px;
}
.contact-form.bs-forms .col-md-6 h3{
	margin-left:9px;
	margin-right:9px;
}

/*
@media (max-width: 767px) {
	.contact-form.bs-forms .col-md-6 {
		flex: 0 0 auto!important;
    	width: 50%!important;
  	}
	.contact-form.bs-forms .col-md-4 {
		flex: 0 0 auto!important;
    	width: 33.33333333%!important;
  	}
	.contact-form.bs-forms .col-md-8 {
		flex: 0 0 auto!important;
    	width: 66.66666667%!important;
  	}
}
*/
/* FORMS */





/* CHECKBOX START */
.mg-checkbox label{
	position:relative;
	display: inline;
}
.mg-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	border: 0;
}
.mg-checkbox input.other-option{
	position:relative;
	opacity: 1;
	font-size: 16px;
	font-weight: 700;
	border-radius: 32px;
	padding:6px 16px;
  	font-family: 'MyriadPro-Regular';
}
.mg-checkbox .checkbox-checkmark {
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
	width: 24px;
	height: 24px;
	border: 0;
	background-image: url(/images/checkbox-off.svg?1);
	background-repeat: no-repeat;
	background-position:left center;
	background-size: 24px 24px;
	cursor: pointer;
}
.mg-checkbox .checkbox-checkmark::after {
	content: "";
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	width: 24px;
	height: 24px;
	border: 0;
	background-image: url(/images/checkbox-on.svg?2);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px 24px;
}
.mg-checkbox span.checkbox-checkmark-text {
	color: #393939 !important;
	padding-top:2px;
	padding-bottom: 16px;
	min-height: 44px;
	vertical-align: top;
	font-size: 16px;
	font-weight: 700;
}
.mg-checkbox span {
  	padding-left: 36px;
  	padding-top: 0;
  	display: inline-block;
  	cursor: pointer;
}
.mg-checkbox input:checked ~ .checkbox-checkmark::after {
  display: block;

}
.mg-checkbox .checkbox-checkmark::after {
	content: "";
	position: absolute;
	display: none;
}
.mg-checkbox input:checked ~ .checkbox-checkmark {
  background-position: left center;
}
/* CHECKBOX END */






/* RADIO START */
.mg-radio{
    position:relative;
}
.mg-radio label{
    position:relative;
}
.mg-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.mg-radio .radio-checkmark{
    position: absolute;
    top: 0;
    left: 0;
    background-image:url(/images/radio-off.svg?1);
    background-repeat:no-repeat;
    background-position: center;
	background-size:24px 24px;
    width:24px;
    height:24px;
    border:0;
    cursor:pointer;
    padding:0;
}
.mg-radio .radio-checkmark:hover{
    background-image:url(/images/radio-on.svg?1);
}
.mg-radio input:checked ~ .radio-checkmark {    
    background-position: center;
}
.mg-radio .radio-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.mg-radio .radio-checkmark:before {
    content: "";
    position: absolute;
    display: none;
}
.mg-radio input:checked ~ .radio-checkmark:after {
    display: block;
}
.mg-radio input:checked ~ .radio-checkmark:before {
    display: block;
}
.mg-radio input:checked ~ .radio-checkmark {
}
.mg-radio .radio-checkmark:after {
    left: 0;
    top: 0;
    width:24px;
    height:24px;
    border:0;
    background-image:url(/images/radio-on.svg?1);
    background-repeat:no-repeat;
    background-position:left center;
	background-size:24px 24px;
}
.mg-radio .radio-checkmark:before {
    left: 0;
    top: 0;
    width:24px;
    height:24px;
    border:0;
}
.mg-radio span{
    padding-left:36px;
    padding-top:0;
    display:inline-block;
    cursor:pointer;
}
span.radio-checkmark-text{
	padding-top:0;
	vertical-align:top;
	font-size: 18px;
  	font-family: 'MyriadPro-Regular';
}
.mg-radio .row{
	margin-bottom:var(--Space-15x);
}
.mg-radio .row:last-child{
	margin-bottom:var(--Space-4x);
}
/* RADIO END */












