@font-face {
    font-family: Suse;
	src: url(../fonts/SUSE-ExtraLight.woff2),
         url(../fonts/SUSE-ExtraLight.woff),
	     url(../fonts/SUSE-VariableFont_wght.ttf);
	font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Suse;
	src: url(../fonts/SUSE-Light.woff2),
         url(../fonts/SUSE-Light.woff),
	     url(../fonts/SUSE-VariableFont_wght.ttf);
	font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Suse;
	src: url(../fonts/SUSE-Medium.woff2),
         url(../fonts/SUSE-Medium.woff),
	     url(../fonts/SUSE-VariableFont_wght.ttf);
	font-weight: 500;
    font-style: normal;
    font-display: swap;
}
*{	margin: 0; padding: 0;}
body{ font-family: "SUSE", sans-serif; font-size: 20px; line-height: 1.6em; color: #333; font-weight: 300; }
img a, a, a img{ text-decoration: none;}
#imagen img{ width: 100%; }
.pie{font-size: 15px; text-align: right; line-height: 20px; }
#imagen .pie{line-height: 14px; margin-right: 30px;}
img{height: auto;}
.m-doble{margin: 100px 0;}
.m-top{margin: 100px 0 0 0;}
.m-bottom{margin: 0 0 100px 0;}
.neg{ font-weight: bold;}
.noneg{	font-weight: normal;}
#cabecera .whatsapp{width: 40px;}
.boton a{width: 200px; display: block; font-size: 16px; letter-spacing: 0.5px; font-weight: 300; text-align: center; padding: 15px 0; 
	text-transform: uppercase;color: #333; border: 1px solid #333; }
#cabecera .boton a, footer .boton a{width: 150px; color: #fff; background: #e9473f; font-weight: 700;  border: 1px solid #e9473f;}
#cabecera .boton a:hover{background: #000; border: #000 solid 1px;}
.wave{ position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; z-index: 100;}
#menu ul li{ list-style-type: none; text-align: center;}
#menu ul li a{	color: #FFF; display: block;}
#menu ul .v a, #menu ul a:hover{color: #f59a2a;}
p{	margin: 15px 0 0 0;}
.naranja{background: #e9473f; color: #fff; }
.amarillo{background: #f59a2a; color: #fff;}
.naranja, .amarillo, .tipos{padding: 100px 0; text-align: center;}
.naranja p, .amarillo p{font-size: 22px;}
.tipos img{border-radius: 50%; margin-bottom: 30px;}
.tipos h2, .preguntas h5, .banner h4{font-size: 30px; font-weight: 300; color: #e9473f;}
.tipos h2 span{font-size: 50px; display:block; line-height: 66px;}
.coches h2 span{line-height: 50px;}
.tipos .boton a{margin: 20px auto 0 auto;}
.tipos .boton a:hover{color: #e9473f; border: 1px solid #e9473f;}
.coches .circle p{max-width: 500px; margin: 30px auto 0 auto;}
.coches .circle{width: 300px; padding: 60px 50px; height: 280px; border: 10px solid #eee; border-radius: 50%; margin: 0 auto;}
.motos h2{color: #ee8503;}
.motos .circle p{max-width: 350px; margin: 10px auto 0 auto;}
.motos .circle{width: 230px; padding: 60px 50px; height: 190px; border: 10px solid #eee; border-radius: 50%; margin: 0 auto;}
.naranja .boton a, .amarillo .boton a{margin: 50px auto 0 auto;}
.amarillo .boton a:hover{background: #fff; color: #ee8503;}
.amarillo .boton a{border: 1px solid #fff; color: #fff; font-weight: 500;}
h1{ text-transform: uppercase; font-weight: 300; margin-bottom: 40px;}
.frase{color: #f59a2a; font-size: 30px; margin-top: 40px;}
.alumnos{padding: 100px 0; font-size: 1.1em;}
.alumnos .frase{font-size: 60px; line-height: 60px; margin-bottom: 50px;}
.alumnos ul{margin: 15px 0 0 20px;}
.pre-online h4{ text-transform: uppercase; font-size: 30px; margin: 80px 0 30px 0; }
.pre-online p{margin: 0 auto;}
.mas{margin-top: 100px;}
.mas h2{margin-top: 15px;}
.euskera img{width: 70px; border: 7px solid #fff; margin-bottom: 50px;}
.euskera p{max-width: 1100px; margin: 30px auto 0 auto;}
.preguntas{padding: 100px 0; text-align: center;}
.preguntas h5, .banner h4{margin-bottom: 60px;}
.foto-dcha img{width: 100%; max-width: 600px; }
.foto-dcha .pie{margin-top: 20px;}
.a-alumnos img{margin: 0 auto; display: block;}
.a-alumnos .pie{text-align: center; margin-top: 10px;}
.datos a{color: #333;}
.datos .telefono{font-size: 40px; margin:30px 0;}
.datos .telefono a:hover, .datos .what a:hover{color: #ee8503;}
.datos .boton a{margin-top: 20px;}
.datos .boton a:hover{background: #ee8503; border: 1px solid #ee8503; color: #fff; font-weight: 500;}
.horario{color: #ee8503; margin-top: 30px;}
footer{	background: #000; padding-top: 100px; color: #fff; text-align: center;}
footer img{width: 200px; margin: 0 auto; display: block;}
footer .boton a{margin: 60px auto 0 auto; font-weight: 500;}
footer .boton a:hover{background: #ee8503; border: 1px solid #ee8503;}
address{ font-style: normal; font-size: 18px;}	
.borra{	clear: both;}
#aviso{ font-size: 14px; color: #aaa; margin-top: 60px; border-top: 1px solid #555;}
#aviso a{ color: #aaa; display: inline-block; padding: 5px 0;}
.cookies{ font-size: 30px; margin-bottom: 20px; font-weight: normal;}
.mapa .boton a{margin: 0 auto; text-transform: uppercase; background: #fff;}
.mapa .boton a:hover{background: #e9473f; color: #fff; border: 1px solid #e9473f;}
.flecha a{display: block; width: 45px; position: absolute; margin-top: -120px; right: 30px;}
.flecha a img{width: 100%;}

@media only screen 
and (max-width : 700px){
	.pantalla, .tablet, .pantallas, .a-alumnos .pantallas, .slide .slide-image.pantalla, .slide .slide-image.tablet{	display: none;}
	body{text-align: center; font-size: 18px; line-height: 1.6em; }
	.container { width: 100%; margin: 0 auto;}
	.todo {	margin: 0 20px;}
	#cabecera .whatsapp{position: absolute; width: 45px; top: 100px; right: 18px; }
	#cabecera .boton a{width: 100%; padding: 10px 0; margin-top: 20px; border: 1px solid #e9473f;}
	#cabecera .boton a:hover{border: 1px solid #fff;}
	.wave{background: #000 url("../imagenes/wave2.svg") no-repeat bottom left; background-size: auto 150px ; height: 650px;  }
	#logo{	width: 200px; margin: 50px auto 0 auto; }
	#menu{	width: 100%; font-size: 20px;}
	#menu ul li a{padding: 25px 0; }
	#imagen{margin-top: 650px;}
	.boton a{font-size: 14px; padding: 12px 0;}
	.naranja .boton a, .amarillo .boton a {  margin: 30px auto 0 auto;}
	h1{ font-size: 30px; line-height: 40px; }
	.m-top, h1{margin-top: 100px;}
	.izdo{ margin: 0 auto; width: 100%;}
	.dcho, .izdo{margin-top: 60px;}
	.preguntas h5, .naranja h3, .amarillo h3, .naranja .decides{font-size: 30px; line-height: 40px; font-weight: 300;}
	.alumnos{background: url("../imagenes/mano.jpg")  no-repeat right 100px; background-size: 62% auto; padding-top: 62%; font-size: 1em;}
	.alumnos .frase, .banner h4{font-size: 30px; line-height: 40px;}
	.alumnos ul{ margin: 20px 0 0 0;}
	.alumnos ul li{padding-top: 60px; list-style-type: none; margin-top: 25px;
		background: url( "../imagenes/flechas.svg") no-repeat center top; background-size: 55px auto;}
	.a-alumnos img{width: 100%; }
	.a-alumnos {width: 90%; margin: 100px auto 0 auto; }
	.pre-online .dcho{ margin: 100px auto 0 auto; }
	.pre-online h4{ font-size: 26px; margin: 60px 0 20px 0; }
	.naranja p, .amarillo p { font-size: 18px;}
	.tipos{padding: 60px 0; width: 100%; max-width: 432px; margin: 0 auto;}
	.tipos .row{width: 100%; margin: 0 auto;}
	.tipos .todo{margin: 0;}
	.tipos h2, .preguntas h5{ margin: 0 0 30px 0;}
	.tipos h2{ font-size: 18px;}
	.tipos .fadeInLeft, .tipos .fadeInRight,
	.motos .fadeInLeft, .motos .fadeInRight{ transform: none !important;}
	.preguntas h5{ font-size: 22px;}
	.tipos .circle h2{font-size: 24px; margin-bottom: 5px;}
	.tipos h2 span { font-size: 35px; line-height: 40px; font-weight: 500;}
	.tipos img{margin-bottom: 10px; width: 200px;}
	.coches .circle p{max-width: 580px; margin: 10px auto 0 auto;}
	.coches .circle{width: 260px; padding: 30px 40px; height: 280px; border: 10px solid #eee; border-radius: 50%; margin: 0 auto;}
	.motos .circle { width: 200px; padding: 40px 30px; height: 170px;}
	.datos .boton a {  margin: 20px auto;}
	#f-banner .banner{margin-top: 100px;}
	.banner ul li{height: auto; padding-bottom: 160px;}
	.banner .centrar{width: 75%; margin: 0 auto;}
	.foto-dcha{width: 100%; max-width: 600px; margin: 60px auto 0 auto;}
	.foto-dcha .pie{width: 80%; margin: 10px auto; text-align: center;}
	.preguntas #acordeon #nav li a h3{ 	font-size: 18px; }
	#acordeon #nav section p { padding: 25px 30px;}
	.galeria-fotos{margin: 60px auto; width: 100%; max-width: 400px; }
	.galeria-fotos .pie{text-align: center;}
	.galeria-fotos .foto{display: block; margin-bottom: 60px;}
	.galeria-fotos .foto img{width: 100%; }
	.mapa{background: url("../imagenes/mapa.jpg") no-repeat center center; background-size: cover; width: 100%; padding: 200px 0; margin-bottom: 100px;}
	footer address{font-size: 16px; margin-top: 15px;}
	footer .guion{display: none;}
	footer .block{display: block;}
	footer #aviso{padding-top: 20px;}
	footer #aviso a{padding: 0 0 15px 0;}
}


@media only screen 
and (min-width : 701px)
and (max-width : 1149px) {
	body{font-size: 19px;}
	.movil, .pantalla, .a-alumnos .movil, .slide .slide-image.pantalla, .slide .slide-image.movil{ display: none;}
	.container { width: 100%; margin: 0 auto; text-align: center;}
	.todo {	margin: 0 40px;}
	#cabecera .whatsapp{position: absolute; width: 40px; top: 25px; right: 15px; }
	#cabecera .boton a{position: absolute; z-index: 110; top: 20px; right: calc(5% + 40px); width: 135px; padding: 10px 0;border: 1px solid #e9473f;}
	#cabecera .boton a:hover{border: 1px solid #fff;}
	.wave{background: #000 url("../imagenes/wave2.svg") no-repeat bottom left; background-size: auto 150px ; height: 300px;  }
	#logo{	width: 220px; margin: 20px auto 0 auto; }
	#menu{	width: 100%; max-width: 640px; font-size: 18px; margin: 0 auto;}
	#menu ul li a{padding: 25px 0; }
	#menu ul li{ float: left; width: 19%;}
	#menu ul .menu-uno{width: 23%;}
	#menu ul .menu-dos{width: 30%;}
	#menu ul .menu-tres{width: 28%;}
	#imagen{margin-top: 200px;}
	.sin-slider #imagen{margin-top: 300px;}
	.boton a{font-size: 15px; padding: 12px 0;}
	h1{ font-size: 35px; line-height: 45px; }
	.m-top, h1{margin-top: 100px;}
	.izdo{ margin: 0 auto; width: 100%; max-width: 800px;}
	.dcho, .izdo{margin-top: 60px;}
	.preguntas h5, .naranja h3, .amarillo h3, .naranja .decides{font-size: 38px; line-height: 48px; font-weight: 200;}
	.alumnos{background: url("../imagenes/mano.jpg")  no-repeat right 100px; background-size: 62% auto; padding-top: 45%;}
	.alumnos .frase, .banner h4{font-size: 38px; line-height: 48px;}
	.alumnos ul{ margin: 20px 0 0 0;}
	.alumnos ul li{padding-top: 45px; list-style-type: none; margin-top: 20px;
		background: url( "../imagenes/flechas.svg") no-repeat center top; background-size: 40px auto;}
	.a-alumnos img{width: 100%; }
	.pre-online .dcho{ margin: 60px auto 0 auto; width: 500px;}
	.pre-online h4{ font-size: 26px; margin: 60px 0 20px 0; }
	.naranja p, .amarillo p { font-size: 20px;}
	.tipos{padding: 60px 0;}
	.tipos h2{ font-size: 21px; margin-top: 0px;}
	.preguntas h5{ font-size: 25px; margin-top: 0px;}
	.tipos h2 span { font-size: 35px; line-height: 40px; font-weight: 500;}
	.tipos img{margin-bottom: 20px;}
	.coches .circle p{max-width: 580px; margin: 10px auto 0 auto;}
	.coches .circle{width: 260px; padding: 30px 40px; height: 280px; border: 10px solid #eee; border-radius: 50%; margin: 0 auto;}
	.datos .boton a {  margin: 20px auto;}
	#f-banner .banner{margin-top: 100px;}
	.banner ul li{height: 480px;}
	.banner .centrar{width: 75%; margin: 0 auto;}
	.foto-dcha{width: 100%; max-width: 600px; margin: 60px auto 0 auto;}
	.foto-dcha .pie{width: 80%; margin: 10px auto; text-align: center;}
	.preguntas #acordeon #nav li a h3{ 	font-size: 20px; }
	.galeria-fotos{margin: 100px auto; width: 800px; }
	.galeria-fotos .pie{text-align: center;}
	.galeria-fotos .foto{display: inline-block;}
	.galeria-fotos .foto img{height: 350px; width: auto;}
	.galeria-fotos .foto-condiciones{margin: 0 2% 0 0;}
	.galeria-fotos .foto-central{margin: 0 2% 0 0;}
	.galeria-fotos .foto-central img, .galeria-fotos .foto-claudio img{height: 450px; margin-top: 40px;}
	.mapa{background: url("../imagenes/mapa.jpg") no-repeat center center; background-size: cover; width: 100%; padding: 200px 0; margin-bottom: 100px;}
	footer address{font-size: 17px; margin-top: 15px;}
}
@media only screen 
and (min-width : 701px)
and (max-width : 885px) {
	.galeria-fotos{width: 640px;}
	.galeria-fotos .foto img{height: 270px;}
	.galeria-fotos .foto-central img, .galeria-fotos .foto-claudio img{height: 350px;}
	.galeria-fotos .foto-condiciones{margin: 0 4% 0 0;}
	.galeria-fotos .foto-central{margin: 0 4% 0 0;}
}

@media only screen 
and (min-width : 1150px){ 
	.movil, .tablet, .a-alumnos .movil, .slide .slide-image.tablet, .slide .slide-image.movil{ display: none;}
	#cabecera .whatsapp{position: absolute; width: 40px; top: 15px; right: 15px; }
	.container { width: 90%; margin: 0 auto;}
	.todo {	margin: 0 50px;}
	#cabecera .boton a{position: absolute; z-index: 110; top: 140px; right: calc(5% + 50px);}
	#logo{	width: 250px; float: left; margin: 20px 0 0 0; }
	#menu{	width: 650px; float: right; font-size: 19px; margin-top: 30px; margin-right: 10px;}
	#menu ul li a{padding: 25px 0; }
	#menu ul li{ float: left; width: 19%;}
	#menu ul .menu-uno{width: 23%;}
	#menu ul .menu-dos{width: 30%;}
	#menu ul .menu-tres{width: 28%;}
	.wave{background: url("../imagenes/wave.svg") no-repeat top left; background-size: auto 250px ; height: 320px;  }
	#imagen{margin-top: 100px;}
	#imagen .slide-image{height: 80%; max-height: 100vh;}
	h1{ font-size: 40px; line-height: 45px; }
	.a-alumnos img{width: 100%; }
	.fondo-flechas{background: url("../imagenes/flechas.svg") no-repeat 120% 100px; background-size: 50% auto; padding-bottom: 100px;}
	.izdo{width: 50%; float: left;}
	.dcho{width: 50%; float: right;}
	.motos{width: 1000px; margin: 0 auto;}
	.motos .m-top{margin-top: 60px;}
	.m-top, h1{margin-top: 140px;}
	.preguntas h5, .naranja h3, .amarillo h3, .naranja .decides{font-size: 45px; line-height: 55px; font-weight: 200;}
	.banner h4{font-size: 40px; line-height: 50px; font-weight: 200;}
	.banner ul li{height: 440px;}
	.banner .centrar{width: 65%; margin: 0 auto;}
	.pre-online p{width: 80%; }
	.foto-dcha{width: 45%; float: right;}
	.foto-dcha .pie{width: 80%; float: right; }
	.galeria-fotos{margin: 100px 0;}
	.galeria-fotos .foto{display: inline-block;}
	.galeria-fotos .foto img{height: 400px; width: auto;}
	.galeria-fotos .foto-condiciones{margin: 0 2% 0 0;}
	.mapa{background: url("../imagenes/mapa.jpg") no-repeat center center; background-size: cover; width: 600px; padding: 200px 0; margin-bottom: 140px;}
}
@media only screen 
and (min-width : 1149px)
and (max-width : 1499px) {
	#cabecera .todo{margin: 0;}
	.container { width: 92%;}
	#cabecera .boton a{top: 150px; right: 50px;}
	.foto-dcha{margin-top: 280px; }
	.pre-online p{width: 80%; font-size: 20px;}
	.tipos h2{font-size: 28px;}
	.alumnos{background: url("../imagenes/mano2.jpg")  no-repeat left 60px; background-size: 60% auto; padding-top: 45%; }
	.alumnos .frase{font-size: 50px; margin-bottom: 40px;}
	.tipos h2 span { font-size: 45px; line-height: 56px;}
	.galeria-fotos{margin: 100px auto; width: 880px;}
	.galeria-fotos .foto-central{margin: 0 2% 0 0;}
	.galeria-fotos .foto-central img, .galeria-fotos .foto-claudio img{height: 512px; margin-top: 40px;}
	.mapa{width: 45%; padding: 185px 0;}
}
@media only screen 
and (min-width : 1500px){ 
	.movil, .a-alumnos .movil{display: none;}
	#logo{	width: 300px; margin: 40px 0 0 0; }
	#menu{	width: 750px; float: right; font-size: 22px; margin-top: 30px;}
	#menu ul li a{padding: 60px 0 20px 0; }
	#cabecera .boton a{top: 180px;}
	#cabecera .whatsapp{position: fixed; width: 55px; top: 30px; right: 30px; }
	.wave{background: url("../imagenes/wave.svg") no-repeat top left; background-size: auto 320px ; height: 320PX;  }
	h1{ font-size: 50px; line-height: 50px; }
	.alumnos{background: url("../imagenes/mano.jpg")  no-repeat right 100px;}
	.a-alumnos img{width: 1300px; }
	.fondo-flechas{background: url("../imagenes/flechas.svg") no-repeat 120% top; background-size: 50% auto; padding-bottom: 140px;}
	.izdo{width: 50%; float: left;}
	.dcho{width: 50%; float: right;}
	.motos{width: 1000px; margin: 0 auto;}
	.motos .m-top{margin-top: 60px;}
	.m-top, h1{margin-top: 200px;}
	.alumnos, .naranja, .amarillo, .tipos, .preguntas{padding: 140px 0;}
	.preguntas h5, .naranja h3, .amarillo h3, .naranja .decides{font-size: 65px; line-height: 65px; font-weight: 200;}
	.amarillo.todos h3{font-size: 55px; line-height: 55px;}
	.banner ul li{height: 420px;}
	.banner .centrar{width: 50%; margin: 0 auto;}
	.pre-online h4{ font-size: 36px; }
	.pre-online p{width: 500px;}
	.foto-dcha{margin-top: 220px; width: 45%;}
	.foto-dcha .pie{width: 600px; float: right; }
	.galeria-fotos{margin: 140px 0;}
	.galeria-fotos .foto{display: inline-block;}
	.galeria-fotos .foto img{height: 400px; width: auto;}
	.galeria-fotos .foto-condiciones{margin: 0 2% 0 0;}
	.galeria-fotos .foto-central{margin: 0 2%;}
	.mapa{background: url("../imagenes/mapa.jpg") no-repeat center center; background-size: cover; padding: 250px 0; margin-bottom: 140px;}
	.datos .telefono{font-size: 50px;}
}
@media only screen 
and (min-width : 1500px)
and (max-width : 1800px) {
	.alumnos{background: url("../imagenes/mano.jpg")  no-repeat right 200px;}
	.alumnos .todo{width: 45%;}}
@media only screen 
	and (min-width : 1800px){
		#imagen{margin-top: 0;}}