/* EZ ADAS */

/* RESET
-------------------------------------------------- */
html, button, input, select, textarea,a {color: #868788;}
body {color: #868788;background-color: #fff; overflow-x:hidden;font-family: 'Roboto'; line-height: normal;font-weight: 300; width: 100vw;}

::-moz-selection, ::selection {background: #c1001f;text-shadow: none; color: #fff; }
::-webkit-input-placeholder {color: #868788; opacity: 0.7 !important;}
:-moz-placeholder {color: #868788 !important; opacity: 0.7 !important;}
::-moz-placeholder {color: #868788 !important; opacity: 0.7 !important;}
:-ms-input-placeholder {color: #868788 !important; opacity: 0.7 !important;}
.form-control::placeholder,
.form-control::-moz-placeholder,
.form-control::placeholder,input[placeholder], [placeholder], *[placeholder] {color: #868788 !important;}

blockquote{border-left:5px solid #c1001f;margin:25px 0;  padding: 0 0 0 30px; font-size: 28px; font-weight: 400; line-height: 120%;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #868788; margin: 1em 0; padding: 0; }
.c-bg-white{ background-color: #fff; }
h1, h2, h3, h4, h5, h6 {font-weight: 300;}
fieldset {border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.chromeframe { margin: 0.2em 0; color: #c1001f; padding: 0.2em 0; }

*:hover, *:hover > a,header,nav,.navbar ul,.homebanner .icono-turnos{ text-decoration: none; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; }
.relative { position: relative; }

/* General */
.cover {background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; }
.contain {background-repeat: no-repeat !important; background-size: contain !important; background-position: center center !important; }
.scroll { background-attachment: scroll !important; }
.bg-center{ background-position: center center !important; }
.fixed { background-attachment: fixed !important;background-size:100%; }
.parallax{ position: relative;}
	.parallax::after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; content: ""; background: rgba(0,0,0,0.5) }

.img-responsive{ display: block; float: none; clear: both; width: 100% !important; height: auto; }
.full-width { width: 100%; height: auto; padding: 3rem  0; position: relative;}
	.full-width.nopadding {padding: 0 0; }
.rounded {-webkit-border-radius: 15px; border-radius: 15px; -moz-border-radius: 15px; }
.fullrounded { -webkit-border-radius: 100%; border-radius: 100%; -moz-border-radius: 100%; }
.roundless {-webkit-border-radius: 0; border-radius: 0; -moz-border-radius: 0;}

.line {width: 100%; height: 1px; background: transparent; margin: 5px 0; display: block; border-bottom: 1px solid #fff;}
.c-shadow{-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,0.5);box-shadow: 0 0 4px 2px rgba(0,0,0,0.5); }

/* Botones */
.btn{-webkit-border-radius: 0; border-radius: 0; -moz-border-radius: 0;}
	.btn-default{ background-color: transparent; color: #fff; border:1px solid #fff;}
		.btn-default:hover,.btn-default.active,.btn-default.is-checked{background-color: #222; color: #fff; border-color: #222}

		/*
El color ROJO en el PSd esta con... #c1001f
Gris Claro del titulo "Driver Assitance...": #b0b1b3
Titulos grises botones (recalibration kit): #868788
Titulo gris "System Overview" #c5c5c7
Texto debajo de "EASY": #c5c5c7
Texto debajo de "PRECISE": #868788
Confirmar colores porfa*/
/* Colores */
.c-gray{ color: #666;}
	.c-bg-gray{ background-color: #666;}
	.c-bg-gray2{ background-color: #B1B3B5;}
	.c-bg-gray3{ background-color: #c5c6c8;}

.c-white{color: #fff;}
	.c-bg-white{background-color: #fff;}
	.c-bg-white.transp{background-color: rgba(255,255,255,0.5);}
.c-black,.overblack:hover{color: #1F1D21;}
	.c-bg-black{background-color: #1F1D21;}
.c-light{color: #C4C5C6;}
	.c-bg-light{background-color: #E6E6E6;}
.c-dark{color: #3D3E3F;}
	.c-bg-dark{background-color: #3D3E3F;}

.c-red,a.overred:hover{ color: #c1001f;}
	.c-bg-red{ background-color:#c1001f; }
	

.c-red2,a.overred2:hover{ color: #d30014;}
	.c-bg-red2{ background-color:#d30014; }

.c-darkred{ color: #c1001f;}
	.c-bg-darkred{ background-color:#c1001f; }

/* NAVBAR */
header{ background: rgba(102,102,102,0.75) !important; position: absolute; z-index: 999; top: 0; left: 0; width: 100%; height: auto;}
	header.fixed-top{ padding: 0px 0;}
.navbar{ background: transparent !important;padding: 30px 10px 10px; }
	.navbar .container{position: relative;}
	.navbar .navbar-nav li{position: relative; line-height: 40px;}
		.navbar .navbar-nav li a{ text-transform: uppercase;color: #fff; font-size: 12px; padding: 0px 8px; white-space: nowrap; position: relative;}
			.navbar .navbar-nav li a.active,
			.navbar .navbar-nav li a :hover,.navbar .navbar-nav li:hover a{color: #E20019;}

.videoheader{overflow: hidden;height: 55vw;}
	#adasVideo{position: absolute;left: 50%;top: 0;min-width: 100%;min-height: 100%;display: block;-ms-transform: translate(-50%,0%);-webkit-transform: translate(-50%,0%);transform: translate(-50%,0%); max-width: 100vw}

	.videoheader .collapse{ position: absolute; top: 0; left: 0; width: 100vw; height: auto; border-bottom: 2px solid #e20019; padding-top: 130px; padding-bottom: 50px}
		.videoheader .collapse .close{ position: absolute; top: 140px; right: 30px; z-index: 2; }
	
.mouse{position: absolute; left: 50%; top: -45px; z-index: 2; width: 36px; height: 73px; margin-left: -18px; background: url(../images/mouse.png) top center no-repeat; display: block;transition: all 0.25s linear;-webkit-transition: all 0.25s linear;animation: mousanim 2.8s infinite;-webkit-animation: mousanim 2.8s infinite;animation-delay: 5s;-webkit-animation-delay: 5s;}
@-webkit-keyframes mousanim {
	0% {bottom: 10px}
	10% {bottom: 25px}
	20% {bottom: 10px}
	30% {bottom: 25px}
	40% {bottom: 10px}
	50% {bottom: 25px}
	60% {bottom: 10px}
	70% {bottom: 25px}
	80% {bottom: 10px}
	90% {bottom: 25px}
	100% {bottom: 10px}
}

.video-icon{ width: 55px; height: 40px; display: block;}
.bar{ position: relative; }
	.bar .mutebutton{ position: absolute; top: 50%; right: 1rem; z-index: 1; transform:  translateY(-50%); }
	.bar .playbutton{ position: absolute; top: 50%; right: 80px; z-index: 1; transform:  translateY(-50%); }

/* ADAS */
.adas .relative .feats{ position: absolute; left: 0px; top: 30px; z-index: 10; line-height: 200%; font-size: 18px; padding-left: 0}
	.feater::before{ content: ""; background: url(../img/adas-picture.png) left top no-repeat; position: absolute; right: 0;top: 0; width: 50vw; height: 100%; background-size:100% }

	.adas .relative .absolute-image-1{ position: absolute; right: 120px; bottom: 30px; z-index: 1;}
	.adas .relative .video-icon{ position: absolute; right: 20px; bottom: 30px; z-index: 1;}
	.videos .relative .video-icon{ position: absolute; left: 50px; bottom: 20px; z-index: 1;}
	.adas .efc{ max-width: 520px; margin: 15px auto; }

/* Bigbutt6ons*/
.bigbuttons{ background-color: #E6E6E6; color: #858688; width: 50%; display: block; padding: 6vh 4vw 12vh 15px; border: 1px solid #fff; text-transform: uppercase; line-height: 125%; position: relative;}


	.bigbuttons::after{ width: 40px; height: 80px; background: url(../images/arrows.png) top left no-repeat; overflow: hidden; position: absolute; z-index: 1; bottom: 30px; right: 20px; content: ""; }
	.bigbuttons:hover{ background-color: #C1001F; color: #fff;}
		.bigbuttons:hover::after{ background-position:top right; }
	
/*System Overview */
.overview{ position: relative; background: url(../img/overview_bg.jpg) bottom right no-repeat; background-size:100%;}

/*.separador {height:1124px !important}*/

	.overview::after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(255,255,255,0.0); content: "" }
	.overview .container{ position: relative; z-index: 2; }
.videos{ position: relative }
.videos-square-icon{ max-width: 145px; margin: 0px auto; }
.inner-video-container{ overflow: hidden;  display: block; position: relative; width: 100%; height: 100%;}
	.inner-video-container>.inner-video{object-fit: fill;position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: 100%;  height: auto;z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}

/* Recalibration Kit */
.recalibration .hover{ position: absolute; z-index: 1; top: 0 }
.recalibration ul li{ position: relative; padding-left: 30px; margin-bottom: 20px; line-height: 200%; font-size: 20px;}
	.recalibration ul li::before{content:"";width: 15px; height: 15px; background-color: #cf1b1b; position: relative; display: inline-block; left: 0; position: absolute; top: 15px}

/*repairs */
.repairs{ position: relative;}
	.repairs .repair-img{ max-width: 160px; margin: 15px 0;}
		.repairs .repair-img.doble{ max-width: 480px;}
/* Center Line */
.centerline-img{ max-width: 619px;}

/* TSS */
.tss{ background-color: #000; border-top:24px solid #cf1b1b }
/* Footer */
footer .logos a,footer .marcas a{margin: 0px auto;}
	footer .logos a img{ max-width: 230px; margin: 0px auto;}
	footer .marcas a img{ max-width: 230px;}
	footer .marcas .call{ color: #868788;}
footer .social a{color: #9B9C9E; margin: 0 15px}
	footer .social a:hover{color: #E20019;}

/* Overlay */
.overlay{ width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 1; background-color: rgba(0,0,0,0.5); overflow: hidden;}
	.overlay .overlay-inner{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: auto;}
	.overlay .popup{ width: 100%; border-radius:10px; padding: 40px 30% 40px 30px; background: #fff url(../images/popup_bg.png) bottom right no-repeat; background-size:30%; min-height: 400px; position: relative;}
	.overlay .popupcloser{ position: absolute; z-index: 2; top: -15px; right: -15px; width: 45px; height: 45px; background: url(../images/closer.png) center center no-repeat; border: none; cursor: pointer;}	
	
.mask-white {
background: rgba(255,255,255,0.65) !important;
padding:15px;
}	
		 
.modal-dialog{max-width: 600px;}
	.modal-header{ border-bottom: none; padding: 0; }
	.modal-header button.close{ color: #fff; position: absolute; top: 0; right: 0; padding: 15px 25px 0 0}
	.modal-body{ margin:25px; border:2px solid #fff;}		
		.modal-body .form-control{ border-radius:0; }		

/*.btn-info:hover {color: #6F6F6F}		*/





/* Juan */



.icon-much  {margin:0 auto;}	

.kit-imagen {margin-top:110px}	
	
.header-phones {
	float:right;
	color: #fff;
	margin-left:10px;
	margin-bottom:6px;
	font-size: 13px;
	padding: 5px;
	border: 1px solid #fff
	}		
	

@media (min-width: 768px) {
  .hide-pc {
	  display: none!important
  }
  
  .icon-align {text-align:center!important; margin-right:95px; font-size:16px!important;}	



  }
  
 @media (min-width: 768px) and (max-width: 991px) {
  .hide-mobile {
	  display: none!important
  }
  
  .icon-align {text-align:center!important;  font-size:16px!important;}	

  
  
  }
  
  @media (max-width: 767px) {
	.hide-mobile {
	  display: none!important
  }
  
 .icon-align {text-align:center!important;  font-size:16px!important;}	
  
 


  
  }
  
  @media (min-width: 480px) and (max-width: 767px) {
	.hide-mobile {
	  display: none!important
  }
  
  .icon-align {text-align:center!important; font-size:16px!important;}	
 

  
  }
  
  @media (max-width: 479px) {
	 .hide-mobile {display: none!important;}
	.icon-align {text-align:center!important; font-size:16px!important;}	
}




/* NEW COVERAGE SECTION 2020-08-20 */

.chooser,.bordered,.cart table tbody tr,.chooser2{ padding-top: 20px;padding-bottom: 20px; border-top:3px solid rgba(0,0,0,0.1);border-bottom:3px solid rgba(0,0,0,0.1); position: relative;}
	.chooser2{ border-bottom: none;}
	.chooser a{ text-decoration: none; padding: 10px 0}
		.chooser a img{width: 85px; height: 85px; margin: 10px auto;}
		.chooser a:hover{ color:#47515B;}
			.chooser a:hover img{  filter: grayscale(100%);}
	.chooser::before{ position: absolute; top: 50%; left: 50%; width: 60px; height: auto; background-color: #fff;content:"OR"; transform: translate(-50%,-50%);font-family: 'Conthrax Sb'; font-size: 20px; font-weight: 900; color: #B1B3B5; z-index: 2; padding: 8px;}
/* filters*/
.active-filters .alert{ font-size: 14px; color: #000000; background-color: #fff; border: 1px solid #B1B3B5; padding: 3px 16px 3px 8px; margin-bottom: 5px; font-weight: 700}
	.active-filters .alert button{padding: 4px; font-size: 11px; color: #000; opacity: 1;}
/* selectores */
#selectores .btn.btn-secondary{ position: relative; background-color:#B1B3B5; text-transform: uppercase; border:none; font-size: 14px; }
	#selectores .btn-secondary.focus, .btn-secondary:focus,.btn-danger:focus {box-shadow: none;}

	#selectores .btn.btn-secondary::after{position: absolute; top: 0; right: 8px; z-index: 1; color: #fff; width: 12px; height: 100%; background: url(../img/indicator.png) center center no-repeat; content: "";}
		#selectores .btn.btn-secondary[aria-expanded="true"]::after{transform:rotate(180deg);}

#selectores>div{ padding: 10px 0;}
	#selectores .custom-control label{font-size: 14px; color:#000;font-family: 'Roboto', sans-serif;}
	#selectores .custom-control-label::before,#cart .custom-control-label::before  {background-color: #fff;border: 1px solid #B1B3B5;}
	#selectores .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
	#cart .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {background-color: #fff; border-color:#B1B3B5}
		#cart .custom-control{ width: 20px; margin: 0px auto; }
		#selectores .custom-control-input:focus ~ .custom-control-label::before,
		#cart .custom-control-input:focus ~ .custom-control-label::before {box-shadow: none;}
	#selectores .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
	#cart .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f00' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");}

a.ukBtn {
	display:block;
	color:#000000;
	font-weight:700;
	cursor: pointer;
	float:right;
	margin-top:-90px;
	border:0;
}
a.ukBtn:hover {
	color:#E20019;
}

/* Product grid */
.product-body{ position: relative; font-size: 14px; color: #000; background-color: #f6f6f6;padding: 10px 20px}
	
.product-footer{ position: relative; font-size: 14px; color: #000; padding-right:20px;}
	.product-footer a.text-link:hover{ color: #f00; }

.block-check {display: block;position: relative;cursor: pointer;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
	.block-check input {position: absolute;opacity: 0;cursor: pointer;}
	.checkmark {position: absolute;top: 0;right: 0;height: 14px;width: 14px;background-color: #fff; border:1px solid #B1B3B5;cursor: pointer;}
		.block-check:hover input ~ .checkmark {background-color: #eee;}
			.block-check input:checked ~ .checkmark {background-color: #fff;}
			.checkmark:after {content: "";position: absolute;display: none;}
				.block-check input:checked ~ .checkmark:after {display: block;}
			.block-check .checkmark:after {left: 3px;top: 1px;width: 5px;height: 10px;border: solid red;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.modal .compatibility p strong{font-weight: 700;}

/* CART TABLES */
#cart td,#cart td[data-th="Product"]{ font-size: 14px; color: #000; font-weight: 700; padding-left: 20px; position: relative;font-family: 'Roboto', sans-serif;}
	#cart th.c-red{color:#f00;}
		#cart th.c-red i.fa{position: relative; padding: 4px 8px;color:#f00; font-size: 24px}
			#cart th.c-red i.fa .badge{font-size: 10px; color: #fff; background-color: #000; position: absolute; top: 0; right: 0; border-radius:50rem; z-index: 1;}
	#cart td[data-th="Product"]{max-width: 400px}
		#cart td[data-th="Product"]::before{content: "\f04b"; font-family: FontAwesome; color:#B1B3B5; position: absolute; left: 0; top: 10px;}
		#cart td[data-th="Product"] h4{ font-size: 14px; color: #000; font-weight: 700; }
	#cart td[data-th="Image"]{max-width: 200px;}
		#cart td[data-th="Image"] img{max-width: 60%; margin: 0px auto;}
	#cart td[data-th="Confirm"]{text-align: center;}
	#cart td[data-th="total"]{font-weight: 900; font-size: 32px;font-family: 'Roboto', sans-serif;}

#check td{ font-size: 20px; font-weight: 700; color: #000 }
.chooser2 label{ padding: 20px 0 }
.checkout label{ font-family: 'Roboto', sans-serif; font-size: 13px; font-weight: 300;color: #000 }
.checkout .form-control{ font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 400;color: #000 !important}
/* Botones */
.btn-danger {background-color: #f00;border-color: #f00; text-transform: uppercase;}
	.btn-danger:hover,.btn-danger:focus{background-color: #d00;border-color: #d00;}

.chooser2 .row{ position: relative }
.underlined-links{ border-bottom:3px solid #b1b3b5; }
@media (min-width: 767px) {
	.chooser::after{ position: absolute; top: 10%; left: 50%; width: 3px; height: 80%; background-color: rgba(0,0,0,0.1);content:"";}
	.chooser2 .row::after{ position: absolute; top: 10%; left: 50%; width: 3px; height: 80%; background-color: rgba(0,0,0,0.1);content:"";}
	.underlined-links{display: inline;}
		.underlined-links:last-child{float: right;}
}

@media (max-width: 767px) {
	.chooser a{ text-decoration: none; padding: 20px 0}
	.chooser::after{ position: absolute; top: 50%; left: 0%; width: 100%; height: 3px; background-color: rgba(0,0,0,0.1);content:"";}
	.chooser2::after{ position: absolute; top: 50%; left: 0%; width: 100%; height: 3px; background-color: rgba(0,0,0,0.1);content:"";}
	.active-filters .alert{ font-size: 13px; padding: 2px 12px 2px 4px;}
		.active-filters .alert button{padding: 4px; font-size: 11px; color: #000; opacity: 1;}
	#cart td[data-th="total"]{font-size: 24px;}
	.underlined-links{display: block; text-align: center;}
	

}

.f-corbel {
	font-family: 'CORBEL';
}
	
.terms {
	max-width:1200px;
	padding:20px;
	margin:auto;
	color:#000;
}	
.center {
	text-align:center;
}