@font-face {
    font-family: 'Figtree';
    src: url(../fonts/Figtree-Light.woff2),
        url(../fonts/Figtree-Light.woff),
        url(../fonts/Figtree-VariableFont_wght.ttf);
    font-weight: 300;
    font-style: normal;
    font-display: swap;}
@font-face {
    font-family: 'Figtree';
    src: url(../fonts/Figtree-Regular.woff2),
        url(../fonts/Figtree-Regular.woff),
        url(../fonts/Figtree-VariableFont_wght.ttf);
    font-weight: normal;
    font-style: normal;
    font-display: swap;}
@font-face {
    font-family: 'Figtree';
    src: url(../fonts/Figtree-Bold.woff2),
        url(../fonts/Figtree-Bold.woff),
        url(../fonts/Figtree-VariableFont_wght.ttf);
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
*{	margin: 0; padding: 0;}
body{  font-family: "Figtree", sans-serif; font-size: 20px; line-height: 35px; color: #23383d;}
img a, a, a img{ text-decoration: none;}
#imagen img{ width: 100%; }
img{height: auto; display: block;}
#cabecera .whatsapp{position: absolute; width: 45px; top: 15px; right: 15px; }
#cabecera .whatsapp a:hover img{transform: rotate(-360deg); transition-duration: 2s;}
#logo a{display: block; border: none;}
.idiomas{position: absolute; top: 0; left: 0;}
.idiomas a, .idiomas .ok{font-size: 18px; padding: 5px 0; width: 40px; text-align: center; color: #23383d;
	display: inline-block; border-bottom: 5px solid #fff;}
.idiomas .ok{border-bottom: 5px solid #b8c9cc;}
.idiomas a:hover{font-weight: bold;}
h2{margin-bottom: 35px;}
.fondo-azul-t{color: #fff; background: url("../imagenes/fondo-azul-t.svg");}
.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;}
#menu ul li{ list-style-type: none; text-align: center;}
#menu ul li a{	color: #23383d; padding: 20px 0; display: block; font-size: 20px; font-weight: bold; border-bottom: 8px solid #fff;}
.boton a{width: 220px; display: block; margin-top: 40px; border-radius: 50px; color: #fff; padding: 12px 0; 
	text-align: center;  font-size: 18px;}
.serv .boton, .boton-inline{display: inline;}
.serv .boton a{display: inline-block; width: 148px; }
.eusk .serv .boton a{width: 240px; }
.eusk .boton-inicio a{width: 260px; }
.eusk .boton .enviar{width: 260px;}
#menu ul li{ float: left; width: 38%;}
#menu ul .uno{width: 24% ;}
.eusk #menu ul li{ float: left; width: 36%;}
.eusk #menu ul .uno{width: 28%}
#menu ul li a:hover{color: #ed6f66;}
#menu ul .v a{border-bottom: 8px solid #b8c9cc;}
footer .boton a:hover{background: #fff; color: #23383d;}
footer .boton a, .franja .boton a, .mapa .boton a{background: #ed6f66;}
.fondo{background: #b8c9cc; padding: 100px 0 140px 0;}
.franja{background: url("../imagenes/fondo.svg") repeat-x left bottom; background-size: auto 40px; margin-top: 100px;}
.fondo .dcho ul{ padding: 60px 0 0 0; font-weight: 300; font-size: 30px; line-height: 55px;}
.fondo .dcho ul li{margin-left: 20px;}
p{	margin: 8px 0;}
.frase{font-size: 26px; line-height: 40px; width: 95%;}
#laboral , #fiscal, #contable{padding-top: 100px;}
#abogado{padding: 100px 0;}
#laboral h3, #fiscal h3, #contable h3, #abogado h3{font-size: 50px; line-height: 60px; font-weight: 300;}
#laboral h3 span, #fiscal h3 span, #contable h3 span, #abogado span{font-size: 15px; line-height: 25px; font-weight: 400;
	color: #ed6f66; display: block; text-transform: uppercase;}
#laboral ul, #fiscal ul, #contable ul, #abogado ul{margin: 30px 0 0 20px;}
#abogado ul ul{margin-top: 0; margin-bottom: 30px;}
.telefono a{color: #ed6f66; font-weight: bold; margin-top: 40px; font-size: 30px; display: inline-block;}
.telefono a:hover{color: #23383d;}
.boton-inline a, .telefono, .izdo .whatsapp, .izdo .whatsapp a{display: inline-block; vertical-align: middle;}
.mapa{background: url("../imagenes/mapa.jpg") no-repeat center center; background-size: cover; padding: 200px 0 250px 0; margin: 100px 0;}
.izdo .whatsapp a{width: 50px; height: 50px; margin-left: 20px; margin-top: 35px;}
.mapa .boton a{margin: 0 auto;}
.boton a:hover{background: #b8c9cd; color: #23383d;}
.horario{color: #ed6f66; text-transform: uppercase; font-weight: bold; font-size: 15px; letter-spacing: 1px; display: table; 
	padding: 4px 20px 2px 20px; background: #fff; border-radius: 40px;}
.pie{font-size: 16px; text-align: center;}
footer{	background: #23383d; color: #fff;}
footer .whatsapp a{display: block; color: #37bc00; padding: 10px 10px 10px 15px; font-size: 17px;}
footer .whatsapp img{width: 30px; display: inline-block; vertical-align: middle; margin-right: 10px;}
footer .whatsapp a:hover{color: #fff; }
address{ font-style: normal; line-height: 36px;}	
.borra{	clear: both;}
#aviso{ font-size: 14px; background: #000; margin-top: 100px;}
#aviso a{ color: #fff; display: inline-block; padding: 5px 0;}
footer{font-size: 0.9em; padding: 100px 0 0 0;}
.avisos{padding-bottom: 150px;}
.avisos h1{font-weight: 400; margin-top: 150px; margin-bottom: 30px; font-size: 40px;}
.avisos h2{font-weight: 400; margin-top: 100px; margin-bottom: 30px;}


@media only screen 
and (max-width : 600px){
	.container { width: 100%; margin: 0 auto; text-align: center;}
	.todo {	margin: 0 25px;}
	#logo{	width: 200px;  margin: 100px auto 60px auto;}
	#menu{	width: 100%; max-width: 400px; margin: 0 auto; }
	#menu ul li a { font-size: 18px;}
	.index{background: url("../imagenes/fondo-index-m.jpg") no-repeat center center; background-size: cover;}
	.servicios{background: url("../imagenes/fondo-servicios-m.jpg") no-repeat center center; background-size: cover;}
	.contacto{background: url("../imagenes/fondo-contacto-m.jpg") no-repeat center center; background-size: cover;}
	#imagen{padding: 45% 0 4% 0; text-align: center;}
	#imagen .fondo-azul-t{width: 80%; max-width: 370px; padding: 7%;  margin: 0 auto 0 auto;}
	#imagen h1{border-bottom: 4px solid #fff; padding-bottom: 30px; font-weight: 400; font-size: 24px; line-height: 40px;
	text-shadow: 0px 3px 15px #000;}
	.boton a{font-size: 18px;}
	.horario{margin: 20px auto 0 auto;}
	.franja{margin-top: 100px;}
	.franja .boton a{margin: 40px auto 0 auto;}
	.franja .boton-inicio a{margin-bottom: 40px;}
	.eusk .franja .boton2 a, .franja .boton3 a, .franja .boton4 a{margin-top: 20px; }
	.eusk .serv .boton a{width: 280px; font-size: 18px;}
	.franja .boton4 a{margin-bottom: 70px; }
	h2{font-size: 26px;}
	.sobre-franja h2{font-weight: 400; font-size: 28px; line-height: 40px; }
	.en-franja{padding: 100px 100px 100px 0;}
	.en-franja h2{font-weight: 300; width: 70%; font-size: 40px; line-height: 50px; }
	.en-franja p{font-weight: 300;}
	.franja .dcho img, .fondo .dcho ul, .ajustar-boton, .duo .dcho img{width: 70%; margin: 0 auto;}
	.pie{padding-bottom: 100px;}
	.fondo{padding: 70px 0;}
	.fondo .dcho ul { padding: 30px 0 0 0; font-size: 26px; list-style-type: none; margin: 0 auto;}
	.fondo .dcho ul li {  margin-left: 0;}
	.frase{font-size: 20px; line-height: 40px;}
	#laboral, .fondo-logo{width: 90%; margin: 0 auto;}
	#laboral h3, #fiscal h3, #contable h3, #abogado h3{font-size: 36px; line-height: 50px; font-weight: 400;}
	#laboral .todo, .fondo-logo .todo {margin: 0;}
	#laboral .dcho img{margin-bottom: 40px;}
	#laboral, #fiscal, #contable, #abogado{text-align: left; }
	#laboral ul, #fiscal ul, #abogado ul { font-size: 19px;}
	#laboral ul ul, #fiscal ul ul, #contable ul ul, #abogado ul ul{display: block; }
	.telefono, .boton-inline {display: block;}
	.fondo-logo{background: url("../imagenes/fondo-logo2.svg") center 95% no-repeat; background-size: 50% auto; padding-bottom: 40%;}
	.izdo .whatsapp{margin: 40px auto;}
	.izdo .whatsapp a{margin: 0;}
	footer{text-align: center;}
	footer .izdo{width: 200px; margin: 0 auto 30px auto;}
	footer .cent{ font-size: 17px;}
	footer .dcho .boton a{margin: 40px auto 0 auto;}
	footer .izdo img{width:200px; margin: 0 auto;}
	footer .whatsapp{margin: 20px auto 0 auto;}
	#aviso{padding-top: 20px;}
	.block{display: block; }
	.guion{display: none;}
}
@media only screen 
	and (max-width : 380px){
	#menu ul li, #menu ul .uno, .eusk #menu ul li, .eusk #menu ul .uno { width: 100%; float: none;}
}
@media only screen 
and (min-width : 601px)
and (max-width : 999px) {
	.container { width: 100%; margin: 0 auto; text-align: center;}
	.todo {	margin: 0 40px;}
	#logo{	width: 220px;  margin: 60px auto 20px auto;}
	#menu{	width: 500px; margin: 40px auto 0 auto; }
	#menu ul li a { font-size: 20px;}
	.index{background: url("../imagenes/fondo-index-t.jpg") no-repeat center center; background-size: cover;}
	.servicios{background: url("../imagenes/fondo-servicios-t.jpg") no-repeat center center; background-size: cover;}
	.contacto{background: url("../imagenes/fondo-contacto-t.jpg") no-repeat center center; background-size: cover;}
	#imagen{padding: 25% 0 5% 0; text-align: center;}
	#imagen .fondo-azul-t{width: 370px; padding: 7%;  margin: 0 auto 0 auto;}
	#imagen h1{border-bottom: 3px solid #fff; padding-bottom: 40px; font-weight: 300; font-size: 32px; line-height: 45px;}
	.boton a{font-size: 17px;}
	.horario{margin: 20px auto 0 auto;}
	.franja .boton a{margin: 40px auto 20px auto;}
	.sobre-franja{padding: 50px;}
	.sobre-franja h2{font-weight: 300; font-size: 35px; line-height: 50px; }
	.en-franja{padding: 100px 100px 100px 0;}
	.en-franja h2{font-weight: 300; width: 70%; font-size: 40px; line-height: 50px; }
	.en-franja p{font-weight: 300;}
	.franja .dcho img, .fondo .dcho ul, .ajustar-boton, .duo .dcho img{width: 400px; margin: 0 auto;}
	.fondo .dcho ul {    padding: 40px 0 0 0; font-size: 30px; list-style-type: none; margin: 0 auto;}
	.fondo .dcho ul li {  margin-left: 0;}
	.frase{font-size: 22px; line-height: 40px;}
	#laboral .todo, .fondo-logo .todo {margin: 0;}
	#laboral .dcho img{margin-bottom: 40px;}
	#laboral, #fiscal, #contable, #abogado{text-align: left; width: 400px;}
	#laboral ul, #fiscal ul, #abogado ul { display: inline-table; margin: 20px 0 0 20px; width: 400px; font-size: 19px;}
	#laboral ul ul, #fiscal ul ul, #contable ul ul, #abogado ul ul{display: block; width: 400px;}
	.telefono, .boton-inline {display: block;}
	.fondo-logo{background: url("../imagenes/fondo-logo2.svg") center 95% no-repeat; background-size: 50% auto; padding-bottom: 40%;}
	.izdo .whatsapp a{margin: 40px 0 0 0;}
	.pie{padding-bottom: 100px;}
	footer{text-align: center;}
	footer .izdo{width: 200px; margin: 0 auto 30px auto;}
	footer .cent{ font-size: 17px;}
	footer .dcho .boton a{margin: 40px auto 0 auto;}
	footer .izdo img{width:200px; margin: 0 auto;}
	footer .whatsapp{margin: 20px auto 0 auto;}
}
	
@media only screen 
and (min-width : 1000px){ 
	.container { width: 90%; max-width: 1600px; margin: 0 auto;}
	.todo {	margin: 0 50px;}
	#logo{	width: 220px; float: left; margin: 20px 0;}
	#menu{	width: 50%; max-width: 550px; float: right; margin-top: 72px; }
	.index{background: url("../imagenes/fondo-index.jpg") no-repeat center center; background-size: cover;}
	.servicios{background: url("../imagenes/fondo-servicios.jpg") no-repeat center center; background-size: cover;}
	.contacto{background: url("../imagenes/fondo-contacto.jpg") no-repeat center center; background-size: cover;}
	#imagen .fondo-azul-t{width: 40%; padding: 260px 5%; font-size: 40px; line-height: 60px;}
	#imagen h1{border-left: 2px solid #fff; padding-left: 50px; font-weight: 400; width: 80%;}
	.izdo{width: 50%; float: left;}
	.dcho{width: 50%; float: right;}
	.sobre-franja{padding: 70px 100px 100px 0;}
	.sobre-franja.cc{padding-right: 50px;}
	.sobre-franja h2{font-weight: 300; width: 90%; max-width: 500px; font-size: 40px; line-height: 50px; }
	.en-franja{padding: 100px 100px 100px 0;}
	.en-franja h2{font-weight: 300; width: 70%; font-size: 40px; line-height: 50px; }
	.en-franja p{font-weight: 300;}
	.franja .dcho img, .fondo .dcho ul, .ajustar-boton, .duo .dcho img{width: 100%; max-width: 500px; margin: 0 auto;}
	.telefono{margin-right: 20px;}
	.fondo-logo{background: url("../imagenes/fondo-logo.svg") right 820px no-repeat; background-size: 50% auto;}
	footer{position: relative;}
	footer .izdo{width: 25%; }
	footer .cent{width: 25%; float: left;}
	footer .dcho{width: 50%; float: right;}
	footer .dcho .boton a{margin: 40px 0 0 0;}
	footer .izdo img{width:220px; }
	footer .whatsapp{position: absolute; right: 100px; bottom: 154px; }
}
@media only screen 
and (min-width : 1000px)
and (max-width : 1399px) {
	.container { width: 100%; margin: 0 auto;}
	#cabecera .container{width: 90%;}
	#imagen h1{font-size: 50px; line-height: 65px;}
	.sobre-franja h2 { font-size: 36px; line-height: 47px; width: 100%;    }
	.frase{width: 90% }
	.fondo .dcho ul {  padding: 60px 0 0 0; font-size: 25px;  line-height: 45px;}
	.serv .boton a{margin-top: 20px;}
	.telefono{display: block;}
	.telefono a{margin-top: 25px; margin-left: 25px;}
	.boton-inline a{margin-top: 20px;}
	.izdo .whatsapp a { margin-top: 20px;}
	footer .izdo{margin-right: 8%;}
	footer .cent{width: 33%; float: left;}
	footer .dcho{width: 33%; float: right;}
	footer .dcho .boton a {  margin: 0 0 0 0;    }
	footer .whatsapp { right: auto; left: calc(60% + 50px); bottom: 137px;    }
}
@media only screen 
and (min-width : 1000px)
and (max-width : 1249px) {
	.franja .dcho img, .fondo .dcho ul, .ajustar-boton, .duo .dcho img { max-width: 400px; margin: 0 auto 100px auto;    }
	.franja .dcho .fachada{margin-bottom: 0;}
	.fondo{padding: 100px 0;}
	#imagen h1{font-size: 40px; line-height: 55px;}
	#laboral .dcho img{margin-bottom: 0;}
	.franja{background: none;}
	.sobre-franja { padding: 50px 30px 50px 0; }
	.fondo-logo{background: url("../imagenes/fondo-logo2.svg") right 820px no-repeat; background-size: 50% auto;}
	.frase {    font-size: 22px; line-height: 40px; }
	footer .cent{ font-size: 17px;}
}