@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');

/*
font-family: 'Ubuntu', sans-serif;
*/
body{
font-family: 'Ubuntu', sans-serif;
	font-size:18px;
	color:#333;
	margin:0 auto;

}
/*.container-fluid {
  padding-right: 0px;
  padding-left: 0px;

}*/
#mycontainer {
    max-width: 1700px !important;
}
p {
    margin-top: 0;
    margin-bottom: 0.5rem !important;
}

.imagen_slider{ margin:0px auto;/*max-height: 800px; min-height:800px;*/width: 100%;   }

blockquote{  font-size:26px !important;color:#000 !important; font-weight:400 !important; line-height:40px  !important}

.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
 /* margin-bottom: 1rem;*/
  list-style: none;
   background-color: transparent !important;
  border-radius: 0; font-style: italic;  
}
.breadcrumb-item + .breadcrumb-item::before {
color: #fff;
}

.bg-light{ background-color:transparent !important}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

.nav-link {
	/*font-size:26px;*/
color: #212121 !important;
	font-weight: 500;

}
.nav-link:hover {
color: #e9ab24 !important;



}
.nav-link.active {
  color: #495057;
  background-color: #e8ab23;
  border:2px solid #000;
  margin:0px !important;
 /*border-bottom: none !important;*/
}

.nav-tabs {
  border-bottom: none !important;
}

.lado{ text-align:right}
.fondo_index{background-image:url(../images/fondo.jpg); background-repeat:no-repeat; background-position:100px center; background-size:100%}
 .fondo_sec{ background-image:url(../images/fondo.jpg); background-repeat:no-repeat; background-position:top center; background-size:cover}
 
 .img_redonda{min-height:350px; max-height:350px;; border-radius:50%; }
 .cosa_verde{position:absolute; left:50px; bottom:20px}

.modal-content { border-radius:0px}
.msg-cookie{ background-color:rgb(0, 0,0, 0.8);  position:fixed; bottom:0px; z-index:1000; padding-top:10px; padding-bottom:10px; color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:14px}
.alto_cabecero{min-height:312px}
.alto_titular{ margin-top:7%}
.alto_cabecero_seccion{margin-top:120px;  }

.alto_titulo{background-image:url(../images/fondo_titulo.png); background-repeat:no-repeat; background-position:top left; background-size:100%; min-height:280px }
.circulo_verde{position:absolute; z-index:3; top:15px; right:15px;background-color: #6bda4d; color:#fff; width:150px; height:150px; text-align:center; border-radius:150px; font-size:2em; padding-top:5%; }

.form-busca {
display: block;
width: 100%;
height: calc(2em + 1.25rem + 2px);
padding: 5px;
font-size: 16px;

line-height: 1.5;
color: #000;
background-color:#fff !important;
border: 1px solid #000  ;
border-radius: 0px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; 
 background: url(../images/flecha_busca.png) ;
 background-position:right !important;
 background-repeat:no-repeat;
-webkit-appearance: none;
padding-left:20px; margin-top:10px !important
}
.form-ord {
display: block;
width: 100%;
height: calc(1em + 0.25rem + 1px);
padding: 5px;
font-size: 16px;

line-height: 1.5;
color: #000;
background-color:#fff !important;
border-bottom: 2px solid #eeeff1  ; border-top:none; border-left:none; border-right:none;
border-radius: 0px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; 
 background: url(../images/flecha_busca.png) ;
 background-position:right !important;
 background-repeat:no-repeat;
-webkit-appearance: none;
padding-left:20px; margin-top:10px !important
}

.alto_logo_emp{margin-top:-100px}
.borde1{ }


.logo{width:120px;  }
.telefono{ font-size:34px !important; font-weight:400;}
.margin_telefono{ margin-top:50px}
.margin_accesos_index{ margin-top:0}
.margin_accesos{ margin-top:250px}
.margin_accesos_sec{ margin-top:150px}
.logo_compra{position:absolute;  bottom:-90px; left: 0;right: 0;margin: auto; max-width:166px; z-index:90 }
.alto_compraonline{position:absolute; top:30%; right:100px; width:35%; color:#fff}


.p-5_index {
    padding: 3rem !important;}
hr.hr_index {
	 width:30%;
	 border:solid 4px #e8ab23;
	 margin-top:0px;
	 display:inline-block;
	
	
} 

hr {
	 width:20%;
	 border:solid 1px #e8ab23;
	 margin-top:15px;
	 display:inline-block;
	
} 
hr.dots {
	 width:20%;
	 border-top: dotted 20px #fff;
	 border-bottom:none;
	  border-left:none;
	   border-right:none;
	 margin-top:5px;
	
	
} 


ul {
  list-style: none;
}
/*
ul li:before {
  content: '✓';
  padding-right:10px;
  font-weight: bold;
}*/

ul li{

  padding:5px;
}

.ico_fk{ color:#435f9e; font-size:24px; border:1px solid #435f9e; border-radius:50%; padding:10px;margin-top:10px  }
.ico_in{ color:#0082b6; font-size:21px; border:1px solid #0082b6; border-radius:50%; padding:10px 12px; margin-top:10px }
.ico_tw{ color: #09a7e6; font-size:21px; border:1px solid #09a7e6; border-radius:50%; padding:10px; margin-top:10px }
.ico_ml{ color:#71747b; font-size:20px; border:1px solid #71747b; border-radius:50%; padding:10px; margin-top:10px }

.ico_orange{
	 color:#e8ab23; margin-right:5px;


}
.ico_black{
	 color:#000; font-size:30px;


}

.ico_grey{
	 color:#ccc; font-size:28px;


}


.img-container{
  position:relative;
  display:inline-block;
}
.img-container img{
display:block
 }
.img-container .overlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgb(22,104,177,0.8);
  opacity:0;
  transition:opacity 500ms ease-in-out;
}
.img-container:hover .overlay{
  opacity:1;
}
.overlay span{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  color:#fff;
}

h1,h2,h3,h4,h5{}

/*titulares*/
/*H1*/
h1{ font-size:8vh; font-weight:800; color:#fff !important; letter-spacing:4px !important}
.degradado {
background: linear-gradient(to right, rgba(0,204,204,1) 5%, rgba(120,209,42,1) 95%) !important;
     
	 background-clip: border-box !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;

}

h1.titulosecc{     font-size:46px;  font-weight:600; text-transform:uppercase; margin-top:0px !important} 
/*H2*/
h2{     font-size:42px; color:#000; font-weight:400}
h2.sub_index{     font-size:44px; color:#eb0581; font-weight:400;}
h2.index{     font-size:26px; font-weight:400;color:#032d43; }
h2.subtit{    font-size:26px; color:#032d43; font-weight:600 }
h3{ font-size:5.5vh;color:#fff;font-weight:600}
h3.index{font-size:58px; font-weight:200;}
h3.carta_precio{font-size:26px;}

h4{font-size:20px;   font-weight:700 }
h5{font-size:30px;  font-weight:300; color:#fff !important}


h3.titulohome{  font-size:60px; font-weight: bold; color:#000000; text-transform:uppercase }


.orange{ color:#e8ab23}
.big{ font-size:80px}

.fotos{min-height:500px; max-height:500px;width:100%;object-fit: cover; object-position: 50% 50%;filter: grayscale(100%);}


.card-body { border: none; padding:0px  !important }
.card { background-color:transparent !important}
.card-title{font-size:24px; color:#fff; }


.alto_menu{ margin-top:0px;}
.alto_cabecera{ position: absolute; width: 100%;  height: 40px;  top:90px ;}
.alto_cabecera_sec{position: absolute; width: 100%;  height: 40px; top:50px;}

.img_cab{width:100%;}

.alto_foto{position:absolute; top:200px; width:100%; left:0px; height:455px; }

.fondo_cab{ min-height:206px}
.text-cab2{ width:20%; left:25%; position:absolute; bottom:30%;    }
.titular-cabecero2{font-size:63px; color: #00215a;font-weight: 200; }
.texto-cabecero2{ font-size:18px; color:#000000;  font-weight:300}
.texto-index{ font-size:14px; color:#333333;  font-weight:300}

.carduno{ border-radius:0px; border:#eeeff1 1px solid; margin:5px ; background-color:#fff !important}
.card{ border-radius:0px; padding:10px; border:none}

.img-responsive { max-width:100%; height:auto !important;}

.tilulotlf{ color:#333; font-size:24px; font-family: 'Aleo', serif; font-weight:bold; text-align: center}

.sbtilulo{ color:#000000; font-size:18px; font-weight:bold; }
.tlfno{ color:#333333; font-size:16px; }

.borde{ border: 2px solid #e9ab22; padding-top:10px; padding-bottom:10px; padding-left:60px; padding-right:60px; font-size:18px; text-align:center; color: #fff }


.active {    
color: #000; font-size:14px; 
}

/*pestañas*/
.nav-link_tab {
    color: #000000 !important;
    
    font-size: 20px;
    padding: 10px 30px ;
	font-weight:900 !important;
	
	background-color: transparent !important;
	border:none;
	display: block;
	margin-right:10px;
	
	text-decoration:none;
}
.nav-link_tab:hover {
		border-bottom:3px solid #e8ab23 !important;
	text-decoration:none
	}
.nav-link_tab.active,  .show > .nav-link_tab {

	border-bottom:3px solid #e8ab23 !important;
	
}


label {

    display: inline-block;
    margin-bottom: .5rem;
	color:#333333;
	font-size:16px;

}
.form-select{
    display: block;
    width: 100%;
 /*   height: calc(1.5em + .75rem + 2px);*/
    padding:10px 20px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
background-color:#fff;

border: 1px solid#ced4da;
    border-radius: 0px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: 20px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
background-color: transparent !important;

border-bottom: 2px solid #e8ab23;
border-left:none;
border-top:none;
border-right:none;
    border-radius: 0px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control[readonly] {

    background-color:#fff;
    opacity: 1;

}

img{vertical-align:top }

a{  text-decoration:none; color:#000    }
a:hover {
    color: #999;text-decoration:none; }
	
.btn-primary {



	 text-align:center;
	border-radius:10px;
	border:none;
	cursor: pointer;
	padding:10px 60px;
	
     height: 50px; 
     border: none; 

}
.btn-primary:hover {
	border:none;
    color: #fff !important;
    background-color: #000;
  

}

.trap_orange{
		padding-top:10px ;
		padding-bottom:10px;
		border-radius:10px;
	
		border: none; 
		background: #e8ab23; color:#fff;
		cursor:pointer;
		transform: skew(-15deg) !important; 
		-webkit-transform: skew(-15deg);
		-moz-transform: skew(-15deg);
		-ms-transform: skew(-15deg);
		-o-transform: skew(-15deg);
	font-size:20px !important; font-weight:600;
			
				width:100%;
	 }
	 
.trap_orange:hover {	
		border:none;
		color: #fff !important;
		background-color: #000;
}

.trap_black{
		padding-top:10px ;
		padding-bottom:10px;
		border-radius:10px;
	
		border: none; 
		background: #000; 
		color:#fff;
		cursor:pointer;
		transform: skew(-15deg) !important; 
		-webkit-transform: skew(-15deg);
		-moz-transform: skew(-15deg);
		-ms-transform: skew(-15deg);
		-o-transform: skew(-15deg);
		width:100%;
			font-size:20px !important; font-weight:600;
			
	 }
	 
.trap_black:hover {	
		border:none;
		color: #fff !important;
		background-color: #e8ab23;
}

.text-btn{transform: skew(15deg) !important; 
		-webkit-transform: skew(15deg);
		-moz-transform: skew(15deg);
		-ms-transform: skew(15deg);
		-o-transform: skew(15deg);}

.btn-borde{
	color: #fff;
    background-color: transparent;
    border: #fff 1px solid;
	 text-align:center;
	border-radius:0px;
	padding:15px 25px;
	cursor: pointer;
font-size:20px;
font-weight:400;
}
.btn-borde:hover {

    color: #fff;
    background-color: #000;
    border-color: #000; 

}

.pagination{list-style: none outside none; margin:0 auto; padding: 0; }
.pagination>li{float:left;padding:1px }
.pagination>li>a,.pagination>li>span{float:left;padding:5px 12px; margin:6px;line-height:1.428571429;text-decoration:none;background-color: transparent;border:1px solid #ebebeb;border-radius:50%; color:#e8ab23}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#e8ab23; padding:5px 12px; color:#fff}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#e8ab23;border-color:#e8ab23; padding:5px 12px; border-radius:50%}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#ebebeb;cursor:not-allowed;background-color: transparent;border-color:#ebebeb; padding:5px 12px; border-radius:50%}


#main {
  transition: margin-left .5s;
  padding: 16px;
}

/*PIE*/

.txt-pie{ font-size:16px; color:#fff;   }

.pie{ color:#fff; font-size:1px;  }
.pie_index{ color:#fff; font-size:16px;  }

a.pie{ color:#fff; font-size:14px;  text-decoration:none}
a.pie:hover{ color:#fff; }

a.pie_index{ color:#fff; font-size:16px;  text-decoration:none}
a.pie_index:hover{ color:#000; }

a.pie_redes{ color:#fff; font-size:26px;  text-decoration:none}
a.pie_redes:hover{ color:#fff; }

a.pie_redes_index{ color:#000; font-size:26px;  text-decoration:none}
a.pie_redes_index:hover{ color:#000; }

/*menu*/

.centradol {text-align:left;}
.centrador {text-align:right;}


/*cifras*/

.fullwidth {
  width: 100% !important;
  display: table;
  float: none;
  padding: 0;
  min-height: 1px;
  height: 100%;
  position: relative;
}
#projectFacts .fullwidth{
  padding: 0;
}
.factswrap{
    display: flex;
  margin-top: 30px;
  flex-direction: row;
  flex-wrap: wrap;
}
.factswrap .item{
 /* width: 25%;*/
  height: 100%;
  padding: 50px 0px;
  text-align: center;
  transition:  all .5s ease-in-out;
}
.factswrap .item p.icono{
  font-size: 70px;
  padding: 0;

    color: #eb0581;
}
.factswrap .item p.number{
  font-size: 60px;
  padding: 0;
  font-weight: bold;
    color: #032d43;
}
.factswrap .item p{
  color: #eb0581 ;
  font-size: 18px;
  margin: 0;
  padding: 0px;
  transition:  all .5s ease-in-out;
}

.factswrap .item:hover span{
  background: white;
}                        

.video{ width:100%; height:615px}


.btn-secondary:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
.btn:hover {
    color: #000;
    text-decoration: none;
}
@media only screen and (max-width: 1500px) {	
/* Aquí van los estilos para iPad horizontal */
/*.logo{ width: 350px; }*/

.telefono{ font-size:14px}

.fotos{min-height:300px; max-height:300px;width:100%;object-fit: cover; object-position: 50% 50%;filter: grayscale(100%);}
.margin_accesos{ margin-top:250px}
.alto_cabecero{margin-top:305px; padding:0px; background-color:#fff}
.circulo_verde{padding-top:7%;}


 .img_redonda{min-height:280px; max-height:280px; border-radius:50%; }
 .cosa_verde{position:absolute; left:0px; bottom:20px}

.alto_compraonline{position:absolute; top:15%; left:10px; width:100%; color:#fff}
/*titulares*/
/*H1*/
h1{ font-size:40px; color:#032d43; font-weight:800 }
h1.titulosecc{     font-size:46px; font-weight:600; text-transform:uppercase; margin-top:0px !important} 
/*H2*/

h2{     font-size:26px; }




h4{font-size:20px; font-weight:700 }
h5{font-size:16px;  color:#000;}


h3.titulohome{  font-size:60px; font-weight: bold; color:#000000; text-transform:uppercase }
.menu_pie li a {
	  padding: 10px;
font-size:16px;
}
.iconitos{font-size:18px; }

.trapezoide{ -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg);   padding:0px 40px 40px 50px; margin-top:50px}
.video{ width:100%; height:415px}
/*cifras*/


.factswrap .item p.icono{
  font-size: 56px;

}
.factswrap .item p.number{
  font-size:46px;

}
                      
}




@media only screen and (min-width:990px) {.solomovil{display: none}}
@media only screen and (max-width:990px) {
/* Aquí van los estilos para iPad vertical */


.nomovil{display: none}


.alto_cabecero{margin-top:205px; padding:0px; background-color:#fff}

 .img_redonda{min-height:250px; max-height:250px; border-radius:50%; }
.btn-borde{
	color: #032d43;
    background-color: transparent;
    border: #032d43 1px solid;
	 text-align:center;
	border-radius:0px;
	padding:5px 15px;
	cursor: pointer;
font-size:12px;
font-weight:400;
}
.btn-borde:hover {

    color: #fff;
    background-color: #032d43;
    border-color: #032d43; 

}
.alto_compraonline{position:absolute; top:15%; right:20px; width:45%; color:#fff}

.factswrap .item p.icono{
  font-size: 40px;

}
.factswrap .item p.number{
  font-size: 30px;

}
h4{font-size:18px; font-weight:700 }
}
/*PORTATILES*/
/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
  
 h1{ font-size:46px; color:#032d43; font-weight:800 }
  h2.sub_index{     font-size:20px; font-weight:200;font-family: 'Italianno', cursive;}

}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
}
/* fin PORTATILES*/

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
   .logo{ width: 180px; padding:5px; }
h1{ font-size:46px; color:#032d43; font-weight:800 }
  h2.sub_index{     font-size:30px; color:#fff; font-weight:200;font-family: 'Italianno', cursive;}


}
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
  .logo{ width: 180px; padding:5px ; }
h1{ font-size:36px; color:#032d43; font-weight:800; margin-top:-150px }


}
@media only screen and (max-width: 480px) {

/* Aquí van los estilos para iPhone plus */
body{
font-size:16px;
}
.fondo_index{background-image:url(../images/fondo_movil.jpg); background-repeat:no-repeat; background-position:0px 50px; background-size:100%}
 .fondo_sec{ background-image:url(../images/fondo_movil.jpg); background-repeat:no-repeat; background-position:0px 50px; background-size:100%}

.lado{ text-align:left; margin-left:10px}
.logo{ width: 120px; padding:10px; }		
.alto_logo_emp{margin-top:50px}
.telefono{ font-size:16px}


 .img_redonda{min-height:300px; max-height:300px;; border-radius:50%; }
 .cosa_verde{position:absolute; left:0px; bottom:20px}




.alto_cabecero{margin-top:300px; padding:0px;background-color:#fff}
.alto_cabecero_seccion{margin-top:80px;  background-color:#fff}

.alto_titulo{background-image:url(../images/fondo_titulo.png); background-repeat:no-repeat; background-position:top left; background-size:100%; min-height:140px }


.margin_telefono{ margin-top:10px}
.margin_accesos{ margin-top:130px}
.logo_compra{position:absolute;  bottom:-60px; left: 0;right: 0;margin: auto; max-width:110px; z-index:90 }

	.p-5{ padding:5px !important}
	.p-5_index{ padding:15px !important}
	
	.mt-5{ margin-top:5px !important}
	
	.mt-4{ margin-top:10px !important}

hr {
width:50%;
	 border:solid 2px #e8ab23;
	 margin-top:15px;
	 display:inline-block;
} 
hr.dots {
	 width:20%;
	 border-top: dotted 10px #fff;
	 border-bottom:none;
	  border-left:none;
	   border-right:none;
	 margin-top:5px;
	 margin-left:15px;
	
	
} 
.fotos{min-height:150px; max-height:150px;width:100%;object-fit: cover; object-position: 50% 50%;filter: grayscale(100%);}

.card { background-color:transparent !important}
.card-title{font-size:24px; color:#fff; }

/*a.hover-target{ color:#fff !important}*/

.fondo_cab{min-height:90px}

.detalle{ height:25px}
.navbar-light .navbar-text{border-left:none; padding-left:0px; font-size:12px}
.navbar-collapse{padding-left:20px}

.alto_foto{position:absolute; bottom:-180px; width:100%; left:0px; height:200px; }

.text-cab2{ width:100%; left:25%; position:absolute; bottom:18%;    }


h1{ font-size:36px; font-weight:700;}
h1.titulosecc{ font-size:26px;  margin-top:15px; padding-left:10px; padding-top:10px}

/*H2*/
h2{     font-size:32px; color:#032d43; }
h2.sub_index {
    font-size: 20px;
    color: #eb0581;
    
    
}
h2.subtit{     font-size:12px; color:#ffffff; }
h2.index{     font-size:26px; color:#032d43; font-weight:200;}


h3{ font-size:26px}
h3.index{font-size:28px; font-weight:200;}
h3.carta_precio{font-size:16px;font-weight:600;}

h5{ font-size:22px}


.zcard{padding-top:10px}
.carduno{border-radius:0px; padding:10px}
.card-deck .carddos{margin-bottom:20px}
.centradol {text-align:center;}
.centrador {text-align:center;}
.padding_mov{ padding-top:15px;}

.slide-item_imagen{min-height:250px; max-height:250px; width:100%;object-fit: cover; object-position: 50% 50%; }

 }

/*pestañas*/
.nav-link_tab {
    color: #000000 !important;
    
    font-size: 16px;
    padding: 10px 15px ;
	font-weight:900 !important;
	
	background-color: transparent !important;
	border:2px solid #7b6a5a !important;
	display: block;
	margin-right:10px;
}

 .box-accesos{position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 50%;
	height: 25%;
	margin: auto; background-color:#fff; border:#fff 1px solid; padding:10px 0px; text-align:center}
	
.btn-primary2 {

    color: #554535;
    background-color:  #fff;
   
	  border:1px solid  #fff;
	padding:5px  25px;
	border-radius:0px;
	cursor: pointer;
	font-size:12px;
	font-weight:700;

}
.btn-primary2:hover {

    color: #fff;
    background-color: #000;
    border-color: #000;
	text-decoration:none;
	font-weight:700;
}
.pagination{list-style: none outside none; margin:0 auto; padding: 0; }
.pagination>li{float:left;padding:1px }
.pagination>li>a,.pagination>li>span{float:left;padding:5px 12px; margin:6px;line-height:1.428571429;text-decoration:none;background-color: transparent;border:1px solid #ebebeb;border-radius:50%; color:#e8ab23}

.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;}

.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#e8ab23; padding:5px 12px; color:#fff}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#e8ab23;border-color:#e8ab23; padding:3px 12px; border-radius:50%}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#ebebeb;cursor:not-allowed;background-color: transparent;border-color:#ebebeb; padding:5px 12px; border-radius:50%}


/*PIE*/

.btn-borde{
	color: #032d43;
    background-color: transparent;
    border: #032d43 1px solid;
	 text-align:center;
	border-radius:0px;
	padding:5px 15px;
	cursor: pointer;
font-size:12px;
font-weight:400;
}
.btn-borde:hover {

    color: #fff;
    background-color: #032d43;
    border-color: #032d43; 

}


.nomovil{display:none}









/*cifras*/

.fullwidth {
  width: 100% !important;
  display: table;
  float: none;
  padding: 0;
  min-height: 1px;
  height: 100%;
  position: relative;
}
#projectFacts .fullwidth{
  padding: 0;
}
.factswrap{
    display: flex;
  margin-top: 30px;
  flex-direction: row;
  flex-wrap: wrap;
}
.factswrap .item{
 /* width: 25%;*/
  height: 100%;
  padding: 50px 0px;
  text-align: center;
  transition:  all .5s ease-in-out;
}
.factswrap .item p.icono{
  font-size: 50px;
  padding: 0;

    color: #eb0581;
}
.factswrap .item p.number{
  font-size: 34px;
  padding: 0;
  font-weight: bold;
    color: #032d43;
}
.factswrap .item p{
  color: #eb0581 ;
  font-size: 18px;
  margin: 0;
  padding: 0px;
  transition:  all .5s ease-in-out;
}

.factswrap .item:hover span{
  background: white;
}                        
.video{ width:100%; height:315px}
.circulo_verde{position:absolute; z-index:3; top:15px; right:15px;background-color: #6bda4d; color:#fff; width:100px; height:100px; text-align:center; border-radius:100px; font-size:2em; padding-top:8%; }
}
@media only screen and (max-width: 375px) {
	/* Aquí van los estilos para iPhone  */
	.circulo_verde{position:absolute; z-index:3; top:15px; right:15px;background-color: #6bda4d; color:#fff; width:100px; height:100px; text-align:center; border-radius:100px; font-size:2em; padding-top:9%; }
	.p-5{ padding:5px !important}
	
	.logo{ width: 250px; padding:10px; }	
	.alto_logo_emp{margin-top:50px}
	
	.fondo_index{background-image:url(../images/fondo_movil.jpg); background-repeat:no-repeat; background-position:0px 50px; background-size:100%}
.alto_cabecero{margin-top:200px; padding:0px;background-color:#fff}

.lado{ text-align:left; margin-left:10px}

 .img_redonda{min-height:270px; max-height:270px; border-radius:50%; }
 .cosa_verde{position:absolute; left:0px; bottom:20px}



	.margin_accesos{ margin-top:120px}
.logo_compra{position:absolute;  bottom:-50px; left: 0;right: 0;margin: auto; max-width:100px; z-index:90 }
	.overlay a {
  
    font-size: 26px;

	}
	
	/*H2*/
h2{     font-size:28px;  font-weight:600}
	
	/*pestañas*/
.nav-link_tab {
    color: #000000 !important;
    
    font-size: 16px;
    padding: 10px 15px ;
	font-weight:900 !important;
	
	background-color: transparent !important;
	border:1px solid #7b6a5a !important;
	display: block;
	margin-right:3px;
}

.iconitos{font-size:16px; }

  .col-sm-15
  {
    width: 30%;
    float: left;
  }

}



.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15
{
  position: relative;
  min-height: 1px; 
}
.col-xs-15
{
  width: 20%;
  float: left;
}

@media (min-width: 768px)
{
  .col-sm-15
  {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px)
{
  .col-md-15
  {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px)
{
  .col-lg-15
  {
    width: 20%;
    float: left;
  }
}



:root {
  --body-bg-color: #1a1c1d;
  --text-color: #aaaebc;
  --hr-color: #26292a;
  --transition-duration: 0.5s;
  --transition-delay: 0.4s;
  --red: #e74c3c;
}




.pompom a {
  position: relative;
  display: block;
  padding: 10px;
}

.pompom .border {
  position: absolute;
  left: 0;
  background: currentColor;
  transition: transform var(--transition-duration) ease-in-out;
}

.pompom .border-top,
.pompom .border-bottom {
  width: 100%;
  height: 1px;
  transform: scaleX(0);
}

.pompom .border-left,
.pompom .border-right {
  width: 1px;
  height: 100%;
  transform: scaleY(0);
}

.pompom .border-top,
.pompom .border-left,
.pompom .border-right {
  top: 0;
}

.pompom .border-bottom {
  bottom: 0;
  transform-origin: bottom right;
}

.pompom .border-top {
  transform-origin: top left;
}

.pompom .border-left {
  transform-origin: bottom left;
}

.pompom .border-right {
  left: auto;
  right: 0;
  transform-origin: top right;
}

.pompom a:hover .border-top,
.pompom a:hover .border-bottom {
  transform: scaleX(1);
}

.pompom a:hover .border-left,
.pompom a:hover .border-right {
  transform: scaleY(1);
}

.pompom a:hover .border-right {
  transition-delay: var(--transition-delay);
}

.pompom a:hover .border-bottom {
  transition-delay: calc(var(--transition-delay) * 2);
}

.pompom a:hover .border-left {
  transition-delay: calc(var(--transition-delay) * 3);
}


/* ANIMATIONS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.pompom[data-animation="diagonal"] .border-left {
  transform-origin: top left;
}

.pompom[data-animation="diagonal"] .border-right,
.pompom[data-animation="diagonal"] .border-bottom {
  transform-origin: bottom right;
}

.pompom[data-animation="diagonal"] a:hover [class^=border]{
  transition-delay: 0s;
}


/*ficha vehiculo*/
input[type=range] {
  height: 1px;
  -webkit-appearance: none;
  margin: 10px 0;
  width: 70%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
 /* box-shadow: 1px 1px 1px #000000;*/
  background: #3071A9;
  border-radius: 5px;
  border: 1px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000;
  border: 1px solid #000000;
  height: 26px;
  width: 15px;
  border-radius: 5px;
  background: #FFFFFF;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -9px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ff0000;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  animate: 0.2s;
 /* box-shadow: 1px 1px 1px #000000;*/
  background: #000;
  border-radius: none;
  border: 1px solid #000000;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px ff6600;
  border: 3px solid #e8ab23;
  height: 35px;
  width: 35px;
  border-radius: 25px;
  background: #fff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #3071A9;
  border: 1px solid #000000;
  border-radius: 10px;
  box-shadow: 1px 1px 1px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #3071A9;
  border: 1px solid #000000;
  border-radius: 10px;
  box-shadow: 1px 1px 1px #000000;
}
input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 1px 1px 1px #000000;
  border: 1px solid #000000;
  height: 26px;
  width: 15px;
  border-radius: 5px;
  background: #FFFFFF;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #3071A9;
}
input[type=range]:focus::-ms-fill-upper {
  background: #3071A9;
}
label {
display: inline-block;
margin-bottom: .1rem;
}
.content-input input,
.content-select select{
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.content-input input{
visibility: hidden;
position: absolute;
right: 0;
}
.content-input{
/*position: relative;
margin-bottom: 3px;*/
padding:0px 0 0px 30px; /* Damos un padding de 60px para posicionar el elemento <i> en este espacio*/
display: block;
}
/* Estas reglas se aplicarán a todos las elementos i después de cualquier input*/
.content-input input + i{
background-color:transparent;

border:2px solid rgba(204,204,204,0.9);
position: absolute; 
left: 0;
top: 7;
}
/* Estas reglas se aplicarán a todos los i despues de un input de tipo radio*/
.content-input input[type=radio] + i{
height: 21px;
width: 21px;
border-radius: 4px;
left: 15px;
}
.content-input input[type=radio] + i:before{
content: '';
display: block;
height: 15px;
width: 15px;
border-radius: 3px;
position: absolute;
z-index: 1;
top: 1px;
left: 1px;
background:#e8ab23;
transition: all 0.25s ease; /* Todas las propiedades | tiempo | tipo movimiento */
transform: scale(0) /* Lo reducimos a 0*/ ;
opacity: 0; /* Lo ocultamos*/
}
.content-input input[type=radio]:checked + i:before{
transform: scale(1);
opacity: 1;
}
.content-input:hover input[type=radio]:not(:checked) + i{
background: #e8ab23;
cursor:pointer;
}

/* Estas reglas se aplicarán a todos los i despues de un input de tipo radio*/
.content-input input[type=checkbox] + i{
height: 21px;
width: 21px;
border-radius: 4px;
left: 15px;
}
.content-input input[type=checkbox] + i:before{
content: '';
display: block;
height: 15px;
width: 15px;
border-radius: 3px;
position: absolute;
z-index: 1;
top: 1px;
left: 1px;
background:#e8ab23;
transition: all 0.25s ease; /* Todas las propiedades | tiempo | tipo movimiento */
transform: scale(0) /* Lo reducimos a 0*/ ;
opacity: 0; /* Lo ocultamos*/
}
.content-input input[type=checkbox]:checked + i:before{
transform: scale(1);
opacity: 1;
}
.content-input:hover input[type=checkbox]:not(:checked) + i{
background: #e8ab23;
cursor:pointer;
}

.owl-carousel .owl-nav button.owl-next,  .owl-carousel button.owl-dot, .owl-nav .owl-next {
position: absolute;
right: 0px;
top:50%;
border: none;
text-align: center;
z-index: 5;
width: 80px;
height: 40px; outline: 0;
/* border-radius: 20px 0px  0px 20px;*/

background: none !important;
color: #fff;
transition: all 0.3s;
}
.owl-nav .owl-next span, .owl-nav .owl-prev span {
font-size: 25px;
display: inline-block;
line-height:19px;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot, .owl-nav .owl-prev {
position: absolute;
left: 0px;
top:50%;
border: none;
text-align: center;
z-index: 5;
width: 80px;
height: 40px;
/* border-radius: 0px 20px 20px 0px;*/
outline: 0;
background: none !important;
transition: all 0.3s;
color: #fff;
}	

	  
/*submenu*/
.nav-pills .nav-linksv {
	background-color:#008375;
	border:#008375 2px solid;
    border-radius: 0px;
	font-size:16px;
	padding: 40px; margin:5px; text-transform:uppercase;
	color:#fff;

}
.nav-linksv:focus, .nav-linksv:hover {
    text-decoration: none;
	background-color:#008375;
	color:#fff !important;
}
.nav-pills .nav-linksv.active, .nav-pills .show > .nav-linksv {
  color: #fff;
  background-color: #019944 !important;
}
	  



 .nav-linksm  {

	background-color:#fff;
    border-radius: 0px;



	

}

 .nav-linksm a  {


	font-size:12px;
	text-transform:uppercase;
	color:#666;
	font-weight:600;
	

}
.nav-linksm :focus, .nav-linksm a:hover {
    text-decoration: none;
	color:#9cda46!important;
	
}
.nav-pills .nav-linksm.active, .nav-pills .show > .nav-linksm {
  color: #fff;
  background-color: #019944 !important;
}
	
/*menu movil*/

.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;

  background-color: rgba(255,255,255, 1);

   background-position:bottom; background-repeat:no-repeat;
    overflow-y: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
  /* top: 40%;*/
    width: 100%;
    text-align: center;
    margin-top: 100px;
	

}

.overlay ul {
	list-style:none; margin: 0px;
	padding: 0px;
}


.overlay ul  li{
 transition: 0.9s;margin: 0px;
	padding: 0px;
}
.overlay a {
    padding: 10px;
    text-decoration: none;
    font-size: 22px;


    color: #000;
    display: block;
    transition: 0.9s;
	text-transform:uppercase;

}

.overlay a:hover, .overlay a:focus {
    color: #116ca8;
	    font-size: 22px;
    padding: 10px !important; 
}

.overlay .closebtn {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 50px; font-weight:200
	  
}
.btn-light{padding:10px 60px;  background-color:transparent; border:2px solid #e8ab23; border-radius:50px; color:#f5821f !important  }
.btn-light_top{padding:5px 10px;  background-color:#e8ab23; width:100%; border:2px solid #e8ab23; border-radius:50px; font-size:14px; color:#fff!important ;}  
	/* Cookie button */
#cookie-settings-link {
  position: fixed;
  bottom: 15px;
  left: 15px;
  z-index: 9999999999;
}