/* CSS Document */

/*colores*/
/*
	negros{0 => #262727 (38,39,39); 1 => #ADB3B3 (173,179,179); 2 => #FFFFF (255,255,255); 3 => #6F7373 (111,115,115); 4 => #313333 (49,51,51);}	
  rojos{0 => C90045 (201,0,69); 1 => #D6004B (198,0,75); 2 => #B0003E (176,00,62); 3 => #8A0030 (138,0,48); 4 => #4A001A  (74,0,26);}
	azul{0 => #0F7B96 (15,123,150); 1 => #17BAE3 (23,186,227); 2 => #1086A3 (16,134,163); 3 => #0C667D (12,102,125); 4 => #094757 (9,71,87);}
	verdes{0 => #00C911 (0,201,17);}
	facebook => #3B5998; whatsapp => #25D366; google+ => #CC3333; mapfre => #C3360E;
*/

/*grid*/
/*
  Extra small devices (portrait phones, less than 576px) - No media query for `xs` since this is the default in Bootstrap
  Small devices (landscape phones, 576px and up) - @media (min-width: 576px) { ... }
  Medium devices (tablets, 768px and up) - @media (min-width: 768px) { ... }
  Large devices (desktops, 992px and up) - @media (min-width: 992px) { ... }
  Extra large devices (large desktops, 1200px and up) - @media (min-width: 1200px) { ... }
*/

/*fuentes*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
body{font-family: 'Roboto', sans-serif;}
/*
  0 => light 300; 1 => regular 400; 2 => medium 500; 3 => bold 700; 4 => black 900;
*/
.fs0{font-weight:300;}
.fs1{font-weight:400;}
.fs2{font-weight:500;}
.fs3{font-weight:700;}
.fs4{font-weight:900;}


.tc-n0{color:#262727;}.tc-n1{color:#ADB3B3;}.tc-n2{color:#FFFFFF;}.tc-n3{color:#6F7373;}.tc-n4{color:#313333;}
.tc-r0{color:#C90045;}.tc-r1{color:#D6004B;}.tc-r2{color:#B0003E;}.tc-r3{color:#8A0030;}.tc-r4{color:#4A001A;}
.tc-a0{color:#0F7B96;}.tc-a1{color:#17BAE3;}.tc-a2{color:#1086A3;}.tc-a3{color:#0C667D;}.tc-a4{color:#094757;}
.tc-v0{color:#00C911;}
.tc-facebook{color:#3B5998;}.tc-whatsapp{color:#25D366;}.tc-googleplus{color:#CC3333;}.tc-mapfre{color:#C3360E;}

.t-i{font-style:italic;}

/*fuentes extra pequeñas*/
.ts0{font-size:.8rem;}

/*parrafo justificado*/
.pj{text-align: justify;}

/*links*/
a:link, a:visited{color:#C90045!important; font-weight:500!important;}
a:hover{color:#262727!important;}

/*fondos*/
.fc-n0{background-color:#262727;}.fc-n1{background-color:#ADB3B3;}.fc-n2{background-color:#FFFFFF;}.fc-n3{background-color:#6F7373;}.fc-n4{background-color:#313333;}
.fc-r0{background-color:#C90045;}.fc-r1{background-color:#D6004B;}.fc-r2{background-color:#B0003E;}.fc-r3{background-color:#8A0030;}.fc-r4{background-color:#4A001A;}
.fc-a0{background-color:#0F7B96;}.fc-a1{background-color:#17BAE3;}.fc-a2{background-color:#1086A3;}.fc-a3{background-color:#0C667D;}.fc-a4{background-color:#094757;}
.fc-v0{background-color:#00C911;}

/*espacio vacío*/
/*
  0 => 0; 1 => 15px; 2 => 30px; 3 => 50px; 4 => 100px; 5 => 150px;
  p => padding; m => margin; t => top; r => right; b => bottom; l => left; n => no;
*/
.np{padding: 0 !important;}
.pt0{padding-top:0 !important;}.pt1{padding-top:15px !important;}.pt2{padding-top:30px !important;}.pt3{padding-top:50px !important;}.pt4{padding-top:100px !important;}.pt5{padding-top:150px !important;}
.pr0{padding-right:0 !important;}.pr1{padding-right:15px !important;}.pr2{padding-right:30px !important;}.pr3{padding-right:50px !important;}.pr4{padding-right:100px !important;}.pr5{padding-right:150px !important;}
.pb0{padding-bottom:0 !important;}.pb1{padding-bottom:15px !important;}.pb2{padding-bottom:30px !important;}.pb3{padding-bottom:50px !important;}.pb4{padding-bottom:100px !important;}.pb5{padding-bottom:150px !important;}
.pl0{padding-left:0 !important;}.pl1{padding-left:15px !important;}.pl2{padding-left:30px !important;}.pl3{padding-left:50px !important;}.pl4{padding-left:100px !important;}.pl5{padding-left:150px !important;}

.nm{margin: 0 !important;}
.mt0{margin-top:0 !important;}.mt1{margin-top:15px !important;}.mt2{margin-top:30px !important;}.mt3{margin-top:50px !important;}.mt4{margin-top:100px !important;}.mt5{margin-top:150px !important;}
.mr0{margin-right:0 !important;}.mr1{margin-right:15px !important;}.mr2{margin-right:30px !important;}.mr3{margin-right:50px !important;}.mr4{margin-right:100px !important;}.mr5{margin-right:150px !important;}
.mb0{margin-bottom:0 !important;}.mb1{margin-bottom:15px !important;}.mb2{margin-bottom:30px !important;}.mb3{margin-bottom:50px !important;}.mb4{margin-bottom:100px !important;}.mb5{margin-bottom:150px !important;}
.ml0{margin-left:0 !important;}.ml1{margin-left:15px !important;}.ml2{margin-left:30px !important;}.ml3{margin-left:50px !important;}.ml4{margin-left:100px !important;}.ml5{margin-left:150px !important;}

/*header*/
.wellcome{height:40px;}
.social-ico .fa-facebook-square{font-size:19px;}
.social-ico .fa-whatsapp-square{font-size:19px;}
.social-ico .fa-envelope{font-size:20px;}
.social-ico a:link,.social-ico a:visited{color:#ADB3B3;}
.social-ico a:hover .fa-envelope{color:#262727;}
.social-ico a:hover .fa-facebook-square{color:#3B5998;}
.social-ico a:hover .fa-whatsapp-square{color:#25D366;}


.header{height:100px;}
header{border-bottom:solid 4px #C90045;}
.motorjet-full{height:60px;}
.motorjet-short{height:60px; display:none;}
.location-ico,.mobile-ico{font-size:2rem;}
.header h1 a:link,.header h1 a:hover,.header h1 a:visited{text-decoration:none!important;color:#FFF!important;}

@media(max-width:992px){
  .location-ico,.header h6{display:none;}
}
@media(max-width:768px){
  .motorjet-full{display:none;} .motorjet-short{display:block;}
}
@media(max-width:468px){
  .header h1{font-size:8vw;}
}

/*formulario cita previa*/
#tablist{display:none;}
.tab-content{width:100%;}
.tab-pane{padding:15px 0;width:100%;}
.tab-pane h6{margin-top:5px;}
.fa-clock{font-size:70px;margin-top:6px;}
.fa-question-circle{font-size:17px;margin-right:5px;}
@media(max-width:1400px){
  .fa-clock{font-size:50px;}
  h1{font-size:2rem;}
  .tab-content .btn-group{margin-top:30px !important;}
}
@media(max-width:1200px){
  .tab-content .btn-group{margin-top:15px !important;margin-bottom:15px;}
  .form-info{margin-bottom:0!important;}
  h1{font-size:1.5rem!important;}
}
.btn-motorjet{color:#FFFFFF!important;background-color:#C90045!important;border-color:#8A0030!important;}
.btn-motorjet.disabled, .btn-motorjet:disabled {color:#ADB3B3!important;background-color:#8A0030!important;border-color:#8A0030!important;}
.btn-motorjet.disabled, .btn-motorjet:hover {color:#ADB3B3!important;background-color:#D6004B!important;border-color:#8A0030!important;}

.sendButtonLoading{display:none;}
.spinner-border{margin:0 auto;}

#mailResult .modal-content{background-color: rgba(0,0,0,0)!important;border:none!important;}

/*material form*/
.mdl-textfield{position:relative;display:inline-block;box-sizing:border-box;line-height:20px;width:100%;max-width:100%;margin:0;padding:16px 0;}
.mdl-textfield .mdl-button{position:absolute;bottom:20px;}
.mdl-textfield--align-right{text-align:right;}
.mdl-textfield--full-width{width:100%;}
.mdl-textfield--expandable{min-width:32px;width:auto;min-height:32px;}
.mdl-textfield--expandable .mdl-button--icon{top:16px;}

.mdl-textfield__input{border:none;border-bottom: 1px solid #ADB3B3;/*borde normal*/display:block;font-size:15px;margin:0;padding:8px 0 0 0;width:100%;background:none;text-align:left;color: #fff;}
.mdl-textfield__input[type="number"]{-moz-appearance: textfield;}
.mdl-textfield__input[type="number"]::-webkit-inner-spin-button,.mdl-textfield__input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
.mdl-textfield.is-focused .mdl-textfield__input{outline:none;}
.mdl-textfield.is-invalid .mdl-textfield__input{border-color:#D6004B;box-shadow:none;}
fieldset[disabled] .mdl-textfield .mdl-textfield__input,.mdl-textfield.is-disabled .mdl-textfield__input{background-color:transparent;border-bottom:1px dotted rgba(0,0,0, 0.12);color: rgba(0,0,0, 0.26);}

.mdl-textfield textarea.mdl-textfield__input {display:block;}
.mdl-textfield__label{bottom:0;color:#ADB3B3;/*etiqueta de inicio*/font-size:.9rem;left:0;right:0;pointer-events:none;position:absolute;display:block;top:24px;width:100%;overflow:hidden;white-space:nowrap;text-align:left;}
.mdl-textfield.is-dirty .mdl-textfield__label,
.mdl-textfield.has-placeholder .mdl-textfield__label{visibility:hidden;}
.mdl-textfield--floating-label .mdl-textfield__label{transition-duration:0.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label{transition:none;}
fieldset[disabled] .mdl-textfield .mdl-textfield__label,.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label{color:rgba(0,0,0, 0.26);}
.mdl-textfield--floating-label.is-focused .mdl-textfield__label,.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label{color:#0F7B96;font-size:11px;top:4px;visibility: visible;}
.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,.mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label{top:-16px;}
.mdl-textfield--floating-label.is-invalid .mdl-textfield__label{color:#D6004B;font-size:11px;}
.mdl-textfield__label:after{background-color: #0F7B96;bottom:8px;content:'';height:2px;left:45%;position:absolute;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);visibility:hidden;width:10px;}
.mdl-textfield.is-focused .mdl-textfield__label:after{left:0;visibility:visible;width:100%;}
.mdl-textfield.is-invalid .mdl-textfield__label:after{background-color:#D6004B;}

.mdl-textfield__error{color:#D6004B;position:absolute;font-size:13px;font-style:italic;margin-top:2px;visibility:hidden;display:block;}
.mdl-textfield.is-invalid .mdl-textfield__error{visibility:visible;}

.mdl-textfield__expandable-holder{display:inline-block;position:relative;margin-left:32px;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);max-width:0.1px;}
.mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder{max-width:600px;}
.mdl-textfield__expandable-holder .mdl-textfield__label:after{bottom:0;}

/*add material form*/
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #262727 inset !important;-webkit-text-fill-color:white !important;}
/*fin material form*/

/*servicios*/
.bg-services{background-image:url("../img/srv-bg.webp");background-position:center;}
@media(min-width:768px){
  .bg-services{padding:80px 0!important;}
}
@media(max-width:992px){
  .bg-services{
    background-image:none;
    background: rgba(15,123,150,1);
    background: -moz-linear-gradient(-45deg, rgba(15,123,150,1) 0%, rgba(201,0,69,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(15,123,150,1)), color-stop(100%, rgba(201,0,69,1)));
    background: -webkit-linear-gradient(-45deg, rgba(15,123,150,1) 0%, rgba(201,0,69,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(15,123,150,1) 0%, rgba(201,0,69,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(15,123,150,1) 0%, rgba(201,0,69,1) 100%);
    background: linear-gradient(135deg, rgba(15,123,150,1) 0%, rgba(201,0,69,1) 100%) url("../img/app/srv-bg.png");
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f7b96', endColorstr='#c90045', GradientType=1 );
  }
}
.service-text{;margin-top:10px;}
.bg-services img{height:90px!important;margin:10px;}

/*vhc sustitucion*/
@media(max-width:768px){
  #vhcsus h1{margin-top:30px;}
}
/*popular*/
.mj-title{padding-left:15px;}

/*nonstop*/
.nonstop-bg{
  background: rgba(111,115,115,1);
  background: -moz-radial-gradient(center, ellipse cover, rgba(111,115,115,1) 0%, rgba(38,39,39,1) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(111,115,115,1)), color-stop(100%, rgba(38,39,39,1)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(111,115,115,1) 0%, rgba(38,39,39,1) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(111,115,115,1) 0%, rgba(38,39,39,1) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(111,115,115,1) 0%, rgba(38,39,39,1) 100%);
  background: radial-gradient(ellipse at center, rgba(111,115,115,1) 0%, rgba(38,39,39,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f7373', endColorstr='#262727', GradientType=1 );
}

/*itv*/
.itv-bg{background-image:url("../img/bg.webp");background-size: cover;}
.itv-border{border:dotted 2px #FFFFFF;width:100%;height:100%;}
.itv-border h1{margin-top:30px;}
.itv-ico{width:80px;}
.itv-sq{width:300px;margin:0 auto;}

/*feeds*/
.news a:link,.news a:visited{display:block!important;color:#262627!important;text-decoration:none!important;border-radius:5px;margin-bottom:1px;}
.news a:hover{background-color:#C90045!important;color:#FFFFFF!important;}

/*glasurit*/
.gc1{color:rgb(232,82,66);}
.gc2{color:rgb(243,112,43);}
.gc3{color:rgb(252,179,21);}
.gc4{color:rgb(3,168,203);}
.gbc1{border-top:solid 10px rgb(232,82,66);}
.gbc2{border-top:solid 10px rgb(243,112,43);}
.gbc3{border-top:solid 10px rgb(252,179,21);}
.gbc4{border-top:solid 10px rgb(3,168,203);}
.glb{border-bottom:solid 1px rgba(173,179,179,.3);}

img.gli{width:100px;height:100px;margin:0 auto;}
.glasBar{height:350px;}

/*gallery*/
#gallery{
  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(228,231,231,1) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(228,231,231,1)));
  background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(228,231,231,1) 100%);
  background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(228,231,231,1) 100%);
  background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(228,231,231,1) 100%);
  background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(228,231,231,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e7e7', GradientType=1 );
}
#img-gallery div{
  position:relative;
  height:300px;
}
#img-gallery div a img{
  position:absolute;
  width:100%;
  height:400px;
  object-fit: cover;
  object-position: center;
  filter: grayscale(100%) opacity(20%);
  -webkit-filter: grayscale(100%) opacity(20%);
  -moz-filter: grayscale(100%) opacity(20%);
  -ms-filter: grayscale(100%) opacity(20%);
  -o-filter: grayscale(100%) opacity(20%);
  transition: .2s ease;
}
@media(max-width:576px){
  #img-gallery div, #img-gallery div a img{
    height:200px;
  }
}
#img-gallery div a:hover img{
  filter: grayscale(0%) opacity(100%);
  -webkit-filter: grayscale(0%) opacity(100%);
  -moz-filter: grayscale(0%) opacity(100%);
  -ms-filter: grayscale(0%) opacity(100%);
  -o-filter: grayscale(0%) opacity(100%);
}

/*footer*/
footer{border-top:solid 4px #C90045;}
footer img{width:200px;}
#map{width:100%;height:500px;}
footer h6{margin-top:5px;padding-top:10px;margin-bottom:5px;padding-bottom:5px;}
footer h6 a:link, footer h6 a:visited{color:#6F7373!important;text-decoration:none!important;}
footer h6 a:hover{color:#FFF!important;}
/*footer borders*/
.foo-bt{border-top:dotted 2px #313333;}
.foo-bb{border-bottom:dotted 2px #313333;}

/*logo info*/
.cookie-logo{margin:50px auto; width:50px;}

/*ozono*/
#ozono nav{display:none !important;}
#ozono{min-height:350px;position:relative;/*background-image:url("../img/ozono_bg.jpg");*/}
#ozono canvas{
  background:url("../img/ozono_bg.jpg") top center no-repeat;
	/*background: rgb(130,207,244);*/
/*background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(148,230,233,1) 100%);*/
	position:absolute;
	top:0; 
	left:0; 
	height:350px; 
	width:100%;
	z-index:-1;
}
.ozono-h-100{
	min-height:350px;
}
@media(max-width:992px){
	.ozono-bg{
		display:none;
	}
}
.ozono-bg{
	background:url("../img/OZONE.png") right no-repeat;
	background-size:auto;
	
}