/* ================================================== */
/* refont 2023 start */
/* ================================================== */
 .refont .section {
	 margin: auto;
	 padding: 60px 40px;
}

.refont .section-same-color{
    margin: auto;
    padding: 20px 40px;
}

 .refont p{
	 font-size: 16px;
}
 .refont h2{
}
 .refont h3{
}
 .refont h1, h2, h3, h4{
	 line-height: 110% !important;
}
/* ====== HEADER ====== */
 .refont .header {
	 background:#2D1E60 no-repeat center right;
}
 .refont .section-header{
}
 .refont .header h1, .refont .header p{
	 color: #FFFFFF;
}
 .refont .header h1{
}
/* ====== FORM ====== */
 .section-form{
	 width: 100%;
	 margin: auto;
	 margin-top: 0;
	 z-index: 2;
	 position: relative;
}
 .refont .formrefont {
	 margin: auto;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 padding: 20px;
	 background: #36217E;
	 justify-content: center;
	 border-radius: 0;
}
 .refont .formrefont .item {
	 margin: 10px 0;
	 width: 100%;
}
 .refont .formrefont .item label{
	 display: flex;
	 flex-direction: column;
	 color: #FFFFFF;
}
 .refont .formrefont input{
	 padding: 12px;
}
 .refont .formrefont .btnsend{
	 background: #ED1A3B;
	 color: #FFFFFF;
	 border: none;
	 font-weight: 700;
	 padding: 14px 16px;
}
/* ====== WHY US ====== */
 .refont .whyus {
}
 .refont .whyus-item {
}
 .refont .bg-whyus .section{
	 padding-top: 100px;
}
 .refont .bg-whyus{
	 background: #F5F5F5;
}
 .refont .title-whyus {
	 width: 100%;
}
 .refont .title-whyus-item{
	 display: flex;
	 flex-direction: row;
	 align-items: center;
}
 .refont .title-whyus-item h3{
	 margin: 0;
}
 .refont .title-whyus-item img{
	 margin-right: 20px;
}
/* ====== BOX SHADOW ====== */
 .refont .box-shadow {
	 padding: 0 40px;
	 margin: auto;
	 text-align: center;
	 font-weight: bold;
	 z-index: 2;
}
 .refont .box-shadow p{
	 font-size: 24px !important;
	 font-weight: bold;
}
 .refont .box-shadow::after {
	 content: "";
	 background: #FFF;
	 z-index: -1;
	 transform: skew(-15deg);
	 border-radius: 20px;
	 box-shadow: 10px 10px 0 0 #E8E8E8;
}
 .refont .workshop-solution{
	 background:#F5F5F5;
}
 .refont .workshop-solution .content{
}
 .refont .tag-new{
	 color: #FFFFFF;
	 background: #ED1A3B;
	 font-weight: 700;
	 margin-left: 5px;
	 padding: 2px 4px;
	 font-size: 12px;
}
 .refont .wholesalers{
}
 .refont .wholesalers .content{
}
 .refont .bg-testimonial{
	 background:no-repeat center top #F5F5F5;
}
 .refont .title-testimonial {
	 margin: auto;
	 text-align: center;
}
 .refont .title-testimonial .tag{
	 background: #ED1A3B;
	 color: #FFF;
	 padding: 0 5px;
}
 .refont .testimonial{
	 margin-top: 40px;
}
 .refont .testimonial .divider-red{
	 width: 200px;
	 height: 4px;
	 background: #ED1A3B;
	 display: block;
}
 .refont .testimonial .divider-blue {
	 width: 200px;
	 height: 4px;
	 background: #3900DA;
	 display: block;
}
 .refont .theytrustus .logos .itens{
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 align-content: center;
	 gap: 60px 47px;
	 flex-wrap: wrap;
}
 .refont .theytrustus .title-theytrustus{
	 width: 100%;
	 font-size: 48px;
	 margin-bottom: 60px;
	 text-align: center;
}
 .refont .theytrustus .title-theytrustus h2{
	 margin: 0;
}
 .refont .icon-text{
	 display: flex;
	 flex-wrap:no-wrap;
	 padding: 0 20px;
	 font-size: 18px;
}
 .refont .icon-text spam{
	 padding: 0 20px;
}
 .refont .calltoaction{
	 display: flex;
	 align-items: center;
	 flex-direction: column;
	 min-height: 290px;
	 background: url("img/bg-cta.png");
	 background:repeat-x top center;
	 background-image: image-set( url("../images/bg-call-to-action-1.jpg") 1x, url("../images/bg-call-to-action.jpg") 2x);
}
 .refont .calltoaction h2{
	 font-size: 24px;
	 margin: 110px 0 10px 0;
}
/* ================================================== */
/* refont 2023 end */
/* ================================================== */
/* ==================================================================================================== */
/* Progressive Enhancement CSS */
/* ==================================================================================================== */
/* Main Site Layout */
/* ================================================== */
/* Base HTML */
/* ================================================== */
 *, *:before, *:after {
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
}
 body {
	 background-color: #fff;
	 color: #000;
	 font: 16px/1.4em 'Poppins', sans-serif;
	 margin: 0;
	 padding: 0;
	 -webkit-text-size-adjust: 100%;
	/* Safari iOS font fix */
}
 a {
	 color: #0CA1E5;
	 text-decoration: none;
}
 a:hover {
	 text-decoration: underline;
}
 p, li, strong {
	 line-height: 1.4em;
}
 img {
	 border: 0;
}
 form, input, textarea, select {
	 margin: 0;
	 padding: 0;
}
 form {
	 margin-bottom: 40px;
}
 input, select, textarea {
	 vertical-align: middle;
	 font-size: 16px;
}
 input[type=text], input[type=password], select, textarea {
	 border: 1px solid #ccc;
	 font: inherit;
	 padding: 4px;
}
 input[type=radio], input[type=checkbox] {
	 position: absolute;
}
 input[type=submit] {
	 background-color: #333333;
	 border: none;
	 color: #ffffff;
	 float: right;
	 font-weight: bold;
	 margin-left: 10px;
	 padding: 10px;
	 -webkit-appearance: none;
	/* Use this when you style input submits - Safari iOS fix */
}
 textarea {
	 height: 140px;
}
 input[type=submit]:hover {
	 color: #b1b3b6;
	 cursor: pointer;
}
 h1 {
	 font-size: 36px;
	 font-weight: 700;
	 line-height: 1em;
	 margin: 20px 0;
}
 h2 {
	 font-size: 36px;
	 font-weight: 700;
	 line-height: 1em;
	 margin: 0 0 45px;
}
 h2 + p {
	 margin-top: 0;
}
 h3 {
	 clear: both;
	 font-size: 25px;
	 font-weight: 700;
	 line-height: 1.2em;
}
 h4 {
	 clear: both;
	 font-size: 20px;
	 font-weight: 700;
	 line-height: 1.2em;
}
 h3 a {
	 color: #cc3333;
	 text-decoration: underline;
}
 ol {
	 padding-left: 20px;
}
 ol li {
	 padding-left: 5px;
}
 p {
	 margin: 25px 0;
}
 address {
	 font-style: normal;
}
/* ==================================================================================================== */
/* Shared Classes */
/* ==================================================================================================== */
 .clear:after {
	 clear: both;
	 content: " ";
	 display: block;
	 height: 0;
}
 .section {
	 margin: 0 auto;
	 padding: 0 10px;
	 position: relative;
}
 .nowrap {
	 white-space: nowrap;
}
 .right .box div {
	 font-size: 13px;
	 font-weight: normal;
	 line-height: normal;
	 margin: 10px 0 0;
}
 .fieldRow {
	 clear: both;
}
 .g-recaptcha {
	 float: left;
	 margin: 0 0 20px 0;
	 width: auto;
}
/* ================================================== */
/* Responsive UI */
/* ================================================== */
 input[type=checkbox]:checked + .checkbox:after, input[type=radio]:checked + .radio:after {
	 visibility: visible;
}
 input[type=checkbox] + .checkbox, input[type=radio] + .radio {
	 background: #dedede;
	 background: linear-gradient(to bottom, #ffffff 0%,#dedede 100%);
	 border: 1px solid #a4a4a4;
	 border-radius: 3px;
	 box-shadow: inset 0 0 0 1px white;
	 display: block;
	 height: 32px;
	 margin-right: 5px;
	 position: absolute;
	 top: 4px;
	 left: 0;
	 vertical-align: middle;
	 width: 32px;
}
 input[type=radio] + .radio {
	 border-radius: 100%;
}
 input[type=checkbox] + .checkbox:after {
	 border-bottom: 6px solid #666;
	 border-left: 6px solid #666;
	 content: '';
	 height: 14px;
	 left: 4px;
	 position: absolute;
	 top: 6px;
	 transform: rotate(-45deg);
	 -webkit-transform: rotate(-45deg);
	 visibility: hidden;
	 width: 22px;
}
 input[type=radio] + .radio:after {
	 background: #666;
	 border-radius: 100%;
	 content: '';
	 height: 18px;
	 left: 6px;
	 position: absolute;
	 top: 6px;
	 visibility: hidden;
	 width: 18px;
}
 .checkboxes > label, .radios > label {
	 display: block;
	 padding-left: 40px;
	 position: relative;
}
/* ==================================================================================================== */
/* jQuery UI Overwrites */
/* ==================================================================================================== */
/* ==================================================================================================== */
/* Site Icons */
/* ==================================================================================================== */
/* ================================================== */
/* Icons Placement - SVG Sprite Icon */
/* ================================================== */
 .icon.phone {
	 background: url(../images/icon_phone.png) no-repeat;
	 background-position: 0 3px;
	 background-size: 15px 12px;
	 padding-left: 25px;
}
 .icon.fax {
	 background: url(../images/icon_fax.png) no-repeat;
	 background-position: 0 3px;
	 background-size: 15px 14px;
	 padding-left: 25px;
}
 .icon.mail {
	 background: url(../images/icon_mail.png) no-repeat;
	 background-position: 0 3px;
	 background-size: 15px 11px;
	 padding-left: 25px;
}
 .icon.address {
	 background: url(../images/icon_address.png) no-repeat;
	 background-position: 0 3px;
	 background-size: 15px 13px;
	 padding-left: 25px;
}
 .icon.arrowRight {
	 background: url(../images/arrow_right_white.png) no-repeat;
	 background-size: 14px 14px;
	 display: inline-block;
	 height: 14px;
	 margin-left: 6px;
	 vertical-align: middle;
	 width: 14px;
}
 .icon.facebook {
	 background: url(../images/icon_facebook.png) no-repeat;
	 display: inline-block;
	 width: 33px;
	 height: 34px;
}
 .icon.linkedin {
	 background: url(../images/icon_linkedin.png) no-repeat;
	 display: inline-block;
	 width: 33px;
	 height: 34px;
}
/* Partners */
 .partnersIcon {
	 background: url(../images/partners_sprite.png) no-repeat;
}
 .csn {
	 background-position: 0 0;
}
 .stox {
	 background-position: 0 -1211px;
}
 .dpb {
	 background-position: -346px 0;
}
 .ntd {
	 background-position: -346px -865px;
}
 .epicor {
	 background-position: 0 -173px;
}
 .whi {
	 background-position: -173px -692px;
}
 .pneusBelisle {
	 background-position: -173px -865px;
}
 .bestBuy {
	 background-position: -346px -692px;
}
 .gms {
	 background-position: -173px 0;
}
 .monaco {
	 background-position: -173px -173px;
}
 .lenovo {
	 background-position: -346px -173px;
}
 .mechanicNet {
	 background-position: 0 -346px;
}
 .napa {
	 background-position: -173px -346px;
}
 .ph {
	 background-position: -346px -346px;
}
 .proColor {
	 background-position: 0 -519px;
}
 .uniPro {
	 background-position: -173px -519px;
}
 .uniSelect {
	 background-position: -346px -519px;
}
 .vastAuto {
	 background-position: 0 -1038px;
}
 .rockland {
	 background-position: -173px -1038px;
}
 .microage {
	 background-position: -346px -1038px;
}
 .progymedia {
	 background-position: -173px -1211px;
}
/* ==================================================================================================== */
/* Layout & Design */
/* ==================================================================================================== */
 #wrapper {
	 margin: 0 auto;
	 overflow: hidden;
	 position: relative;
	 width: 100%;
}
/* ================================================== */
/* Header */
/* ================================================== */
 .smallHeader {
	 display: none;
}
 .smallHeader #header {
	 background-color: #000000;
	 height: auto;
	 left: 0;
	 margin: 0;
	 position: fixed;
	 top: 0;
	 width: 100%;
	 z-index: 1000;
}
 .smallHeader #header .headerContent {
	 margin: 0 auto;
	 padding: 5px 10px;
}
 .smallHeader .logoCarrus {
	 background-size: contain;
	 height: 50px;
	 margin: 0;
}
 .smallHeader #toggleMenu {
	 margin: 13px 0 0;
	 vertical-align: middle;
}
 .keyboardUp .smallHeader #header {
	 display: none;
}
 #header {
	 padding: 30px auto;
	 position: relative;
	 width: 100%;
	 z-index: 100;
	 background:#000;
}
 .logoCarrus {
	 background-repeat: no-repeat;
	 background-size: 180px 73px;
	 display: block;
	 float: left;
	 height: 73px;
	 margin-left: 10px;
	 text-decoration: none;
	 width: 180px;
}
 .logoCarrus.en {
	 background-image: url(../images/2020_logo_white_en.svg);
}
 .logoCarrus.fr {
	 background-image: url(../images/2020_logo_white_fr.svg);
}
 .logoCarrus:hover {
	 text-decoration: none;
}
/* Normal Resolution */
 @media only screen and (-webkit-max-device-pixel-ratio: 1.9), only screen and (max-device-pixel-ratio: 1.9), only screen and (max-resolution: 1.9dppx), only screen and (max-resolution: 182.4dpi) {
	 .logoCarrus {
		 background-image: url(../images/logo_carrus.png);
	}
}
/* High Resolution (2x) */
 @media only screen and (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 2.9), only screen and (min-device-pixel-ratio: 2) and (max-device-pixel-ratio: 2.9), only screen and (min-resolution: 2dppx) and (max-resolution: 2.9dppx), only screen and (min-resolution: 192dpi) and (max-resolution: 278.4dpi) {
	 .logoCarrus {
		 background-image: url(../images/logo_carrus_2x.png);
	}
}
/* Ultra High Resolution (3x +) */
 @media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3), only screen and (min-resolution: 3dppx), only screen and (min-resolution: 288dpi) {
	 .logoCarrus {
		 background-image: url(../images/logo_carrus_3x.png);
	}
}
 #toggleMenu {
	 background-image: url(../images/menu.png);
	 background-repeat: no-repeat;
	 background-size: 27px 24px;
	 display: block;
	 float: right;
	 height: 24px;
	 margin: 32px 10px 0 0;
	 text-decoration: none;
	 width: 27px;
}
/* Normal Resolution */
 @media only screen and (-webkit-max-device-pixel-ratio: 1.9), only screen and (max-device-pixel-ratio: 1.9), only screen and (max-resolution: 1.9dppx), only screen and (max-resolution: 182.4dpi) {
	 #toggleMenu {
		 background-image: url(../images/menu.png);
	}
}
/* High Resolution (2x) */
 @media only screen and (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 2.9), only screen and (min-device-pixel-ratio: 2) and (max-device-pixel-ratio: 2.9), only screen and (min-resolution: 2dppx) and (max-resolution: 2.9dppx), only screen and (min-resolution: 192dpi) and (max-resolution: 278.4dpi) {
	 #toggleMenu {
		 background-image: url(../images/menu_2x.png);
	}
}
/* Ultra High Resolution (3x +) */
 @media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3), only screen and (min-resolution: 3dppx), only screen and (min-resolution: 288dpi) {
	 #toggleMenu {
		 background-image: url(../images/menu_3x.png);
	}
}
/* ================================================== */
/* Menu */
/* ================================================== */
 #menu {
	 background-color: #333;
	 color: #fff;
	 height: 100%;
	 padding: 30px 20px;
	 position: absolute;
	 right: -280px;
	 top: 0;
	 width: 280px;
	 z-index: 200;
}
 #menu .socialIcons {
	 margin-top: 70px;
}
 #menu .socialIcons a:first-child {
	 margin-right: 10px;
}
 #menu .socialIcons a {
	 text-decoration: none;
}
 #menuOverlay {
	 background-color: #aaa;
	 display: none;
	 height: 100%;
	 left: 0;
	/*min-height: 820px;
	 */
	 opacity: 0.6;
	 position: absolute;
	 top: 0;
	 width: 100%;
	 z-index: 100;
}
 #menuOverlay.show {
	 display: block;
}
 #closeMenu {
	 background-image: url(../images/close.png);
	 background-repeat: no-repeat;
	 background-size: 22px 22px;
	 float: right;
	 height: 22px;
	 width: 22px;
}
/* Normal Resolution */
 @media only screen and (-webkit-max-device-pixel-ratio: 1.9), only screen and (max-device-pixel-ratio: 1.9), only screen and (max-resolution: 1.9dppx), only screen and (max-resolution: 182.4dpi) {
	 #closeMenu {
		 background-image: url(../images/close.png);
	}
}
/* High Resolution (2x) */
 @media only screen and (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 2.9), only screen and (min-device-pixel-ratio: 2) and (max-device-pixel-ratio: 2.9), only screen and (min-resolution: 2dppx) and (max-resolution: 2.9dppx), only screen and (min-resolution: 192dpi) and (max-resolution: 278.4dpi) {
	 #closeMenu {
		 background-image: url(../images/close_2x.png);
	}
}
/* Ultra High Resolution (3x +) */
 @media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3), only screen and (min-resolution: 3dppx), only screen and (min-resolution: 288dpi) {
	 #closeMenu {
		 background-image: url(../images/close_3x.png);
	}
}
 #menu a {
	 color: #fff;
}
 #menu ul {
	 font-size: 24px;
	 list-style: none;
	 padding: 0 0 20px 40px;
}
 #menu ul.parent {
	 margin: 50px 0 0;
	 padding: 0 0 0 40px;
}
 #menu ul li {
	 line-height: 1.2em;
	 margin-bottom: 10px;
}
 #menu ul li:last-child {
	 margin-bottom: 0;
}
 #menu > ul > li {
	 margin-bottom: 20px;
}
 #menu ul a:hover {
	 color: #b1b3b6;
	 text-decoration: none;
}
 #menu ul li ul {
	 display: none;
	 font-size: 18px;
	 font-weight: 300;
	 padding: 15px 0 0 30px;
}
/* ================================================== */
/* Top */
/* ================================================== */
 .topContainer {
	 background-size: cover !important;
}
 .topContainer p {
	 color: #fff;
	 font-size: 18px;
}
 .topContainer .section {
	 height: auto;
	 min-height: 280px;
	 padding-bottom: 10px;
	 padding-top: 100px;
}
 .products .topContainer .section {
	 padding-bottom: 0;
}
 .products.jms .topContainer .section {
	 padding-bottom: 10px;
}
 .topContainer br {
	 display: none;
}
 .topContainer .banner_cta br {
	 display: block;
}
 .topContainer h1 {
	 color: #FFFFFF;
}
/* ================================================== */
/* Tabs */
/* ================================================== */
 .tabs {
	 display: none;
}
 .tabs a:hover, a.banner_cta:hover {
	 text-decoration: none;
}
 .jms .tabs a.selected {
	 background-color: #ff4000;
}
 .collisionway .tabs a.selected {
	 background-color: #00a333;
}
 .autoway .tabs a.selected {
	 background-color: #ff8c00;
}
 .glassway .tabs a.selected {
	 background-color: #00a0df;
}
 .mobile .tabs a.selected {
	 background-color: #5a8085;
}
 .banner_cta {
	 border-bottom: 1px solid #ccc;
	 bottom: 5px;
	 color: #333;
	 display: inline-block;
	 font-size: 18px;
	 height: auto;
	 max-width: 210px;
	 padding: 20px 25px 20px 25px;
	 position: absolute;
	 right: 20px;
	 width: auto;
}
 .topContainer .banner_cta {
	 bottom: 0;
}
 .banner_cta_container {
	 height: auto;
	 margin: 0 auto;
	 position: relative;
	 width: 100%;
	 z-index: 1;
}
 .products .banner_cta {
	 position: static;
}
 .banner_cta .arrow {
	 background-image: url(../images/arrow_right.png);
	 background-repeat: no-repeat;
	 background-size: 14px 14px;
	 display: inline-block;
	 height: 14px;
	 margin-left: 5px;
	 vertical-align: middle;
	 width: 14px;
}
 .learnMore_cta {
	 background-color: #ff0000;
	 color: #ffffff;
}
 .learnMore_cta .arrow {
	 background-image: url(../images/arrow_right_white.png) !important;
}
 .btn_learnMore {
	 margin-top: 50px;
	 Text-align: center;
}
 .btn_learnMore a, .btn_learnMore a:active {
	 color: #fff;
	 font-size: 18px;
	 padding: 20px 90px;
	 background-color: #ff0000;
	 clear: both;
}
 .btn_learnMore .arrow {
	 background-image: url(../images/arrow_right_white.png) !important;
}
/* Normal Resolution */
 @media only screen and (-webkit-max-device-pixel-ratio: 1.9), only screen and (max-device-pixel-ratio: 1.9), only screen and (max-resolution: 1.9dppx), only screen and (max-resolution: 182.4dpi) {
	 .banner_cta .arrow {
		 background-image: url(../images/arrow_right.png);
	}
}
/* High Resolution (2x) */
 @media only screen and (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 2.9), only screen and (min-device-pixel-ratio: 2) and (max-device-pixel-ratio: 2.9), only screen and (min-resolution: 2dppx) and (max-resolution: 2.9dppx), only screen and (min-resolution: 192dpi) and (max-resolution: 278.4dpi) {
	 .banner_cta .arrow {
		 background-image: url(../images/arrow_right_2x.png);
	}
}
/* Ultra High Resolution (3x +) */
 @media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3), only screen and (min-resolution: 3dppx), only screen and (min-resolution: 288dpi) {
	 .banner_cta .arrow {
		 background-image: url(../images/arrow_right_3x.png);
	}
}
/* ================================================== */
/* Content */
/* ================================================== */
 #content {
	 margin: -108px auto 0;
	 width: 100%;
}
 .mainContainer {
	 background-color: #fff;
	 padding-bottom: 40px;
}
/* Error Styles - jQuery Validate */
 label.error {
	 clear: both;
	 color: red;
	 display: block;
	 margin-top: 5px;
}
 input.error, select.error {
	 border: 1px dotted red;
}
 h3 br {
	 display: none;
}
 .left, .right {
	 float: left;
}
 .mainContainer .section > :first-child {
	 padding-top: 50px;
}
 .products .mainContainer .section > :first-child {
	 padding-top: 0;
}
 .left ul, .main ul {
	 list-style: none;
	 padding: 0 0 0 20px;
}
 .left ul li, .main ul li {
	 margin: 0 0 10px;
	 position: relative;
}
 .left ul li:before, .main ul li:before {
	 content: "+";
	 position: absolute;
	 left: -20px;
}
 .left ul li br, .main ul li br {
	 display: none;
}
 .left table, .main table {
	 border-collapse: collapse;
	 margin: 0;
	 width: auto;
}
 .left table td, .main table td {
	 padding: 4px 0;
}
 .left table td:first-child, .main table td:first-child {
	 padding-right: 44px;
}
 .left table strong, .main table strong {
	 font-weight: 600;
}
 .products .left h1 {
	 font-size: 48px;
}
 .products .left h2 {
	 margin: 50px 0 20px;
}
 .blockListe {
	 clear:both;
	 overflow:hidden;
}
 .quote {
	 font-style: italic;
	 font-weight: 400;
	 margin: 20px 0 0;
	 padding: 25px 14px 15px;
	 position: relative;
}
 .quote span:first-child {
	 font-size: 50px;
	 left: 0;
	 position: absolute;
	 top: 0;
}
 .quote .rightQuote {
	 font-size: 50px;
	 right: 0;
	 position: absolute;
	 bottom: 0;
}
 .quote p.cie {
	 font-size: 16px;
	 font-style: normal;
	 margin-bottom: 5px;
}
 .quote p.cie strong {
	 color: #333;
}
 .right {
	 width: 100%;
}
 .right .box {
	 background-color: #333333;
	 color: #ffffff;
	 font-weight: 700;
	 margin: 0 auto;
	 padding: 50px;
	 max-width: 320px;
}
 .right .box p {
	 margin-top: 0;
}
 .right .box a {
	 color: #ffffff;
}
 .right .box a.contactUs {
	 display: block;
	 font-size: 14px;
	 font-weight: 600;
}
 .anchor {
	 display: none;
}
 .bannerSep {
	 clear: both;
	 margin: 50px 0 20px 0;
	 width: 100%;
}
 .bannerSep > img {
	 height: 160px;
	 overflow: hidden;
	 width: auto;
}
 .captchaInvalid {
	 border: 1px dotted red;
}
 .phoneFaxEN strong {
	 display: inline-block;
	 text-align: right;
	 width: 55px;
}
 .phoneFaxFR strong {
	 display: inline-block;
	 width: 93px;
}
/* ================================================== */
/* Home Page */
/* ================================================== */
 #content.home {
	 padding: 150px 0 40px;
	 position: relative;
}
 .mobileDevice #content.home, #content.noVideo {
	 background: #fff;
}
 #content.home video {
	 height: 100%;
	 left: 50%;
	 margin-left: -600px;
	 max-height: 980px;
	 opacity: 0;
	 position: absolute;
	 top: 0;
	 z-index: 0;
}
 .home h1 {
	 font-size: 20px;
	 line-height: 1.3em;
	 position: relative;
	 text-align: center;
	 margin: 0 45px 50px;
	 text-shadow: 1px 1px 2px #333;
	 filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=000000);
}
 .home .linkMDF {
	 display: block;
	 margin: 60px auto 20px auto;
	 width: 300px;
}
 .home .linkMDF img {
	 width: 100%;
}
 #products {
	 padding: 0 10px;
	 text-align: center;
	 display: flex;
	 flex-direction: column;
	 max-width: 480px;
	 margin: 0 auto;
}
 .productBox {
	 color: #fff;
	 line-height: 1.1em;
	 margin: 5px;
	 padding: 20px 10px;
	 transition-duration: 0.3s;
	 transition-property: transform;
	 transform: translateZ(0);
	 box-shadow: 0 0 1px rgb(0 0 0 / 0%);
}
 .productBox:hover {
	 text-decoration: none;
	 -webkit-transform: translateY(-5px);
	 transform: translateY(-5px);
}
 .productBox.jms {
	 background-color: #ff4000;
}
 .productBox.collision {
	 background-color: #00a333;
}
 .productBox.auto {
	 background-color: #ff8c00;
}
 .productBox.glass {
	 background-color: #00a0df;
}
 .productBox strong {
	 display: block;
	 font-weight: 700;
	 font-size: 18px;
	 line-height: 1.1em;
	 padding: 0;
}
 .productBox > span {
	 margin-top: 8px;
	 display: inline-block;
	 font-size: 14px;
}
 .productBox.appointment {
	 background: white;
	 color: black;
}
 .productBox.appointment > span {
	 display: flex;
	 align-items: center;
	 font-weight: 700;
	 max-width: 300px;
	 margin: 10px auto 0 auto;
	 text-align: left;
}
 .productBox.appointment > span img {
	 margin-right: 10px;
}
 .productBox.appointment .cta {
	 position: relative;
	 padding: 0 20px;
	 color: white;
	 text-transform: uppercase;
	 display: inline-block;
	 line-height: 44px;
}
 .productBox.appointment .cta::after {
	 content: "";
	 background: red;
	 height: 44px;
	 left: 0;
	 right: 0;
	 position: absolute;
	 z-index: -1;
	 transform: skew(-15deg);
	 border-radius: 9px;
}
 .appointmentPic {
	 display: block;
	 width: 75%;
	 margin: 40px auto -20px auto;
}
/* ================================================== */
/* JMS */
/* ================================================== */
 #content.jms {
	 padding: 0;
}
 .jms .topContainer {
	 background: url(../images/jms_bg.jpg) no-repeat 50% top;
}
 .jms .left h2 {
	 color: #ff1000;
}
 .jms .quote span:first-child {
	 color: #ff1000;
}
 .jms .quote .rightQuote {
	 color: #ff1000;
}
 .jms .quote p.cie {
	 color: #ff1000;
}
 .jms .banner_cta {
	 background-color: #f6ede9;
}
/* ================================================== */
/* COLLISIONWAY */
/* ================================================== */
 #content.collisionway {
	 padding: 0;
}
 .collisionway .topContainer {
	 background: url(../images/collisionway_bg.jpg) no-repeat 50% top;
	 background-size: auto 100%;
}
 .collisionway .left h2 {
	 color: #00a333;
}
 .collisionway .quote span:first-child {
	 color: #00a333;
}
 .collisionway .quote .rightQuote {
	 color: #00a333;
}
 .collisionway .quote p.cie {
	 color: #00a333;
}
 .collisionway .banner_cta {
	 background-color: #e9f2ec;
}
/* ================================================== */
/* AUTOWAY */
/* ================================================== */
 #content.autoway {
	 padding: 0;
}
 .autoway .topContainer {
	 background: url(../images/autoway_bg.jpg) no-repeat 50% top;
	 background-size: auto 100%;
}
 .autoway .left h2 {
	 color: #ff8c00;
}
 .autoway .quote span:first-child {
	 color: #ff8c00;
}
 .autoway .quote .rightQuote {
	 color: #ff8c00;
}
 .autoway .quote p.cie {
	 color: #ff8c00;
}
 .autoway .banner_cta {
	 background-color: #f6f1e9;
}
/* ================================================== */
/* GLASSWAY */
/* ================================================== */
 #content.glassway {
	 padding: 0;
}
 .glassway .topContainer {
	 background: url(../images/glassway_bg.jpg) no-repeat 50% top;
	 background-size: auto 100%;
}
 .glassway .left h2 {
	 color: #00a0df;
}
 .glassway .quote span:first-child {
	 color: #00a0df;
}
 .glassway .quote .rightQuote {
	 color: #00a0df;
}
 .glassway .quote p.cie {
	 color: #00a0df;
}
 .glassway .banner_cta {
	 background-color: #e9f2f5;
}
/* ================================================== */
/* MOBILE */
/* ================================================== */
 #content.mobile {
	 padding: 0;
}
 .mobile .topContainer {
	 background: url(../images/mobilesolutions_bg.jpg) no-repeat 50% top;
	 background-size: auto 100%;
}
 .mobile .left h2 {
	 color: #5b8084;
}
 .mobile .quote span:first-child {
	 color: #5b8084;
}
 .mobile .quote .rightQuote {
	 color: #5b8084;
}
 .mobile .quote p.cie {
	 color: #5b8084;
}
 .mobile .banner_cta {
	 background-color: #e9f2f3;
}
 .mobile .learnMore_cta {
	 background-color: #ff0000;
}
/* ================================================== */
/* Product Trials */
/* ================================================== */
 .productTrials {
	 font-size: 14px;
}
 .productTrials .mainContainer h2 {
	 font-size: 35px;
}
 .productTrials .main p {
	 margin-left: 0;
}
 .productTrials .main .exclusive {
	 font-style: italic;
	 font-weight: bold;
}
 .productTrials .main form {
	 margin-bottom: 0;
	 margin-left: 0;
}
 .productTrials .fieldRow > label {
	 float: left;
	 margin: 10px 0 20px 0;
	 width: 100%;
}
 .productTrials .main input[type=text], .productTrials .main select, .productTrials .main textarea {
	 display: block;
	 width: 100%;
}
 .systemDetails {
	 display: none;
}
/* ================================================== */
/* Autoway Trial */
/* ================================================== */
 .autowayTrial .topContainer {
	 background: url(../images/autoway_bg.jpg) no-repeat 50% top;
	 background-size: auto 100%;
}
 .autowayTrial .mainContainer h2 {
	 color: #ff8c00;
}
/* ================================================== */
/* Collisionway Trial */
/* ================================================== */
 .collisionwayTrial .topContainer {
	 background: url(../images/collisionway_bg.jpg) no-repeat 50% top;
	 background-size: auto 100%;
}
 .collisionwayTrial .mainContainer h2 {
	 color: #00a333;
	 font-size: 33px;
}
/* ================================================== */
/* GlassWay Trial */
/* ================================================== */
 .glasswayTrial .topContainer {
	 background: url(../images/glassway_bg.jpg) no-repeat 50% top;
	 background-size: auto 100%;
}
 .glasswayTrial .mainContainer h2 {
	 color: #00a0df;
}
/* ================================================== */
/* ExpressWay Trial */
/* ================================================== */
 .expresswayTrial .topContainer {
	 background: #633A77;
}
 .expresswayTrial .mainContainer h2 {
	 color: #633A77;
	 font-size: 34px;
}
/* ================================================== */
/* Mobile Solutions Page */
/* ================================================== */
 .listSubTitle {
	 font-weight: bold;
}
 .left ul li.listSubTitle:before {
	 content: " ";
}
/* ================================================== */
/* Mobile Solutions Trial */
/* ================================================== */
 .mobileTrial .topContainer {
	 background: url(../images/mobile_trial_bg.jpg) no-repeat 50% top;
	 background-size: auto 100%;
}
 .mobileTrial .mainContainer h2 {
	 color: #5a8085;
}
/* ================================================== */
/* Services */
/* ================================================== */
 .services .topContainer {
	 background: url(../images/services_key_visuel.jpg) no-repeat 50% top;
	 background-size: auto 100%;
}
 .services .banner_cta {
	 background-color: #f6f6f6;
}
 .services .event {
	 margin-top: 20px;
}
 .services .event a strong {
	 font-style: italic;
}
 .services .eventDetails div {
	 margin: 10px 0;
}
 .services .right .onlineHelpBox p {
	 margin: 25px 0 0 0 
}
/* ================================================== */
/* Partners */
/* ================================================== */
 .partners .topContainer {
	 background: url(../images/partners_key_visuel.jpg) no-repeat 50% top;
	 background-size: auto 100%;
}
 .partners .topContainer .section {
	 padding-bottom: 76px;
}
 .partners h1 {
	 font-size: 32px;
}
 .partners .banner_cta {
	 background-color: #f6f6f6;
}
 .partners .logos {
	 margin: 0 auto;
	 width: 173px;
}
 .partners .logos a {
	 border: 1px solid #333333;
	 display: block;
	 float: left;
	 height: 173px;
	 margin: -1px 0 0 -1px;
	 padding: 0;
	 text-decoration: none;
	 width: 173px;
}
 .partners .title {
	 font-weight: bold;
	 margin-top: 60px;
}
 @media all and (min-width: 374px ) {
	 .partners .logos {
		 width: 346px;
	}
}
/* ================================================== */
/* Solutions */
/* ================================================== */
 .solutions .topContainer {
	 background: url(../images/solutions_key_visuel.jpg) no-repeat 50% top;
	 background-size: auto 100%;
}
 .solutions .banner_cta {
	 background-color: #f6f6f6;
}
 .solutions .right .box p {
	 margin-bottom: 2px;
}
 .solutions .right .solutionsBox p {
	 margin: 2px 0 0 0;
}
/* ================================================== */
/* News */
/* ================================================== */
 .news .topContainer {
	 background: url(../images/news_key_visuel.jpg) no-repeat 50% top;
	 background-size: auto 100%;
}
 .news .banner_cta {
	 background-color: #f6f6f6;
}
 .news a {
	 color: #333333;
	 font-weight: 600;
	 text-decoration: underline;
}
 .news .main ul li:before {
	 content: "";
}
 .news .main ul li {
	 list-style-image: url(../images/icon_download.png);
	 padding-left: 5px;
}
 .news .main ul li:hover {
	 color: #b1b3b6;
	 list-style-image: url(../images/icon_download_hover.png);
}
 .news .main ul li a {
	 display: inline-block;
	 text-decoration: none;
	 vertical-align: middle;
}
 .news .main ul li a:hover {
	 color: #b1b3b6;
}
 .news .left ul li br, .news .main ul li br {
	 display: block;
}
 .news .fields {
	 font-size: 14px;
	 margin: 10px 0;
}
 .news .fields > label {
	 display: block;
	 margin: 10px 0;
}
 .news .fields label.error {
	 margin-top: 5px;
}
 .news .fields input {
	 display: block;
	 width: 100%;
}
/* ================================================== */
/* Articles */
/* ================================================== */
 .articles .topContainer {
	 background: url(../images/news_key_visuel.jpg) no-repeat 50% top;
	 background-size: auto 100%;
}
 .articles .author, .articles .date {
	 font-size: 13px;
	 display: block;
}
 .articles h4 {
	 margin-bottom: 0;
}
 .articles ol li, .articles ul li {
	 margin: 5px 0;
}
 .articles ol strong:first-child, .articles ul strong:first-child {
	 display: block;
}
/* ================================================== */
/* Covid */
/* ================================================== */
 .covid .topContainer {
	 background: #00222f url(../images/covid-19.png) no-repeat 50% top;
	 background-size: auto 100% !important;
}
 #content.covid .topContainer .section {
	 height: 300px;
}
/* ================================================== */
/* About */
/* ================================================== */
 .about .topContainer {
	 background: url(../images/about_key_visuel.jpg) no-repeat 50% top;
	 background-size: auto 100%;
}
 .about ul {
	 margin-bottom: 45px;
}
 .about .teamExperts div {
	 margin: 10px 0;
}
 .about .teamExperts div span {
	 display: block;
}
 .about .teamExperts div strong {
	 display: block;
}
/* ================================================== */
/* Contact */
/* ================================================== */
 .contact {
	 font-size: 14px;
}
 .contact .left, .contact h2 {
	 float: none;
	 margin: 0 auto 45px;
}
 .contact .left p {
	 margin-left: 0;
}
 .contact .left form {
	 margin-left: 0;
}
 .contact .topContainer {
	 background: url(../images/contact_key_visuel.jpg) no-repeat 50% top;
	 background-size: auto 100%;
}
 .contact .right .box p {
	 font-size: 17px;
	 margin-bottom: 2px;
}
 .contact .right .box {
	 padding: 50px 20px;
}
/* To be compatible with IE8, we add the margin bottom to the class right and then we remove it from all of them that is not the first one. :first-child does not work in this case since .right is not the first child of its parent */
 .contact .right {
	 margin-bottom: 10px;
}
 .contact .right ~ .right {
	 margin-bottom: 0;
}
 .contact .fieldRow > label {
	 float: left;
	 margin: 10px 0 20px 0;
	 width: 100%;
}
 .contact .left input[type=text], .contact .left select, .contact .left textarea {
	 display: block;
	 width: 100%;
}
/* ================================================== */
/* Webinar */
/* ================================================== */
 .webinar .main div {
	 margin-left: 0;
}
 .webinar .main p {
	 margin-left: 0;
}
 .webinar .main form {
	 margin-bottom: 0;
	 margin-left: 0;
}
 .webinar .fieldRow > label {
	 float: left;
	 margin: 10px 0 20px 0;
	 width: 100%;
}
 .webinar .main input[type=text], .webinar .main textarea {
	 display: block;
	 width: 100%;
}
 .webinar .topContainer {
	 background: url(../images/contact_key_visuel.jpg) no-repeat 50% top;
	 background-size: auto 100%;
}
/* ================================================== */
/* Privacy policy & Terms */
/* ================================================== */
 .privacyPolicy .topContainer {
	 background: url(../images/contact_key_visuel.jpg) no-repeat 50% top;
	 background-size: auto 100%;
}
 .privacyPolicy .main ul {
	 float: none;
	 width: auto;
}
 .terms li {
	 margin-top: 20px;
}
/* ================================================== */
/* Trial Confirmation */
/* ================================================== */
 .trialConfirmation .topContainer {
	 background: url(../images/contact_key_visuel.jpg) no-repeat 50% top;
	 background-size: auto 100%;
}
/* ================================================== */
/* Confirmation */
/* ================================================== */
 .confirmation .topContainer {
	 background: url(../images/contact_key_visuel.jpg) no-repeat 50% top;
	 background-size: auto 100%;
}
/* ================================================== */
/* Error Page */
/* ================================================== */
 .errorPage .topContainer {
	 background: url(../images/contact_key_visuel.jpg) no-repeat 50% top;
	 background-size: auto 100%;
}
/* ================================================== */
/* Footer */
/* ================================================== */
 #cookieBanner {
	 background: #333333;
	 bottom: 0;
	 color: white;
	 display: none;
	 max-width: 1920px;
	 padding: 20px;
	 position: fixed;
	 width: 100%;
	 z-index: 1000;
}
 #cookieBanner p {
	 font-size: 14px;
	 line-height: 1.4em;
	 margin: 0 0 20px 0;
}
 #cookieBanner a {
	 color: white;
}
 #cookieBanner #acceptCookies {
	 background: white;
	 color: black;
	 display: inline-block;
	 font: 16px/1.4em 'Open Sans', sans-serif;
	 margin-bottom: 4px;
	 padding: 10px 30px;
	 text-decoration: none;
}
 #footer {
	 background-color: #333;
	 color: #adadad;
	 font-size: 14px;
	 padding: 35px 0;
	 width: 100%;
}
 #footer a {
	 color: #fff;
	 line-height: 2em;
	 margin-bottom: 10px;
	 white-space: nowrap;
}
 #footer strong {
	 color: #fff;
	 font-weight: 400;
}
 .links, form#newsletter {
	 margin-bottom: 20px;
}
 .links br {
	 display: none;
}
 #newsletter label {
	 display: block;
}
 #newsletter input {
	 background-color: transparent;
	 border: 1px solid #adadad;
	 color: #adadad;
	 float: left;
	 font-size: 12px;
	 height: 30px;
	 min-width: 145px;
	 width: 50%;
}
 #newsletter input[type="submit"] {
	 border-left: 1px solid #fff;
	 color: #ffffff;
	 margin-left: 0;
	 padding: 0;
	 width: 125px;
}
 #newsletter input[type="submit"]:hover {
	 color: #b1b3b6;
}
 @media all and (min-width: 320px ) {
	 #newsletter input[type="submit"] {
		 margin-left: -1px;
	}
}
 #footer address {
	 clear: left;
}
 #footer address, #footer .email, #footer .phone {
	 margin: 0 0 20px;
}
 .phone span {
	 display: inline-block;
	 width: 75px;
}
 .phone span + span {
	 display: inline;
}
 #footer .copy {
	 border-top: 1px solid #fff;
	 float: left;
	 padding-top: 25px;
	 width: 100%;
}
/* ==================================================================================================== */
/* Browser Tweaks */
/* ==================================================================================================== */
/* For Chrome and Safari */
 * {
	 outline: none;
}
/* For IE10+ */
 a:active {
	 background-color: transparent;
}
 img.debug {
	 display: none;
}