/* Header */
#header{display: block;height: 60px;margin: 0;padding: 0;overflow: hidden;}
.menuMedia{margin: 0 auto; text-align: center; height: 60px; position: relative; width: 100%;}
.menuMedia .logoMedia{}
.menuMedia a img{width: 133px;position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.PI{background:#fff;}
.EPC{background:#e32119;}
/********************************************************************************************************/

.wrapper.style1 > .inner {padding: 7rem 3.5rem 5rem 3.5rem ;margin: 0 auto;max-width: 90%;width: 70rem;}
.footer-medias{padding: 25px; background: #333; margin: 0 auto; text-align: center;}
.footer-medias .logo-epi a img{ max-height: 40px; margin-bottom: 25px;}
.footer-medias a{opacity: .6; overflow: hidden; text-decoration: none;}
.footer-medias a:hover{text-decoration:none; opacity: 1;}
.footer-medias a img{width: 133px; max-height: 40px; height: auto; vertical-align: middle; padding: 5px;}
.icons{list-style: none;margin: 0 auto 35px auto;display: inline-block;width: 100%;padding: 0;text-align: center;}
.icons li{display: inline-block; text-align: center; margin: 0 auto;}
.icon {text-decoration: none;border-bottom: none;position: relative;text-align: center; color:rgba(0, 0, 0, 0.3); padding:0 5px;}
.icon:before {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;text-transform: none !important;font-family: 'Font Awesome 5 Free';font-weight: 400;}
.icon > .label {display: none;}.icon:before {line-height: inherit;}
.icon.brands:before {font-family: 'Font Awesome 5 Brands';}
.icon.style2:before {border-radius: 2.75em;display: inline-block;height: 2.75em;line-height: 2.75em;width: 2.75em;}
.icon.major {display: block;margin: 0 0 1rem 0;}
.icon.major:before {font-size: 1.25rem;}
a.icon.style2:before {-moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;-webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;-ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;}
.icon.style2:before {box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);}
a.icon.style2:hover:before {box-shadow: inset 0 0 0 1px #004d71;color: #004d71;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;transition:0.2s ease-in-out;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
a.icon.style2:active:before {background-color: rgba(0, 77, 113, 0.1);box-shadow: inset 0 0 0 1px #004d71;color: #004d71;}
.dynamic-content{display:none;}
@media (min-width: 480px){
	#whatsapp-button {display: none;}
}
/********************************************************************************************************/
/* Navbar */
.navbar {overflow: hidden; background-color: #333; text-align: center;}
.navbar a {font-size: 16px;color: white;text-align: center;padding: 14px 16px;text-decoration: none; display: inline-block;}
.dropdown {float: left;overflow: hidden;}
.dropdown .dropbtn {font-size: 16px;border: none;outline: none;color: white;padding: 14px 16px;background-color: inherit;font-family: inherit;margin: 0; line-height: normal; border-radius: 0;}
.navbar a:hover, .dropdown:hover .dropbtn {background-color:#e32119;}
.dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.dropdown-content a {float: none;color: black;padding: 8px 16px;text-decoration: none;display: block;text-align: left;}
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
#navbar input[type="submit"], #navbar input[type="reset"],
#navbar input[type="button"], #navbar button, #navbar .button{text-transform: none; height: 3.4em; color: #fff !important; letter-spacing: 0em;}
#navbar input[type="submit"]:hover, #navbar input[type="reset"]:hover, 
#navbar input[type="button"]:hover, #navbar button:hover, #navbar .button:hover{box-shadow: none;}
/********************************************************************************************************/
#return-to-top{position: fixed;bottom: 25px;right: 25px;display: block;margin: 0;padding: 0; box-shadow:none !important; z-index: 1000;
	-webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
	
}
#return-to-top a:before{
	background: rgba(255, 255, 255, 0.7);
}
#return-to-top a:hover:before{
	background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
	color:#fff;
	box-shadow: inset 0 0 0 1px #fff;
}
/**************************************************************************************************************/
.pull-right{float:right;}
.pull-left{float:left;}
.m-r-25{margin-right:25px;}
.image small{ font-size: 80%; line-height: normal;}
.image.fit{width:80%; margin: 0 auto;}
.banner.style2 .content.transparent{background-color:rgba(255,255,255,.8) !important}
.small-devices{padding: 2.5rem 2rem 0.5rem; display: none;}
.firma{padding: 0 0 0 0; margin: 0 auto;}
hr{border:solid 1px rgba(0, 0, 0, .25); width: 10%; margin: 1.5em auto 2.5em auto; border-bottom: 0;}
@media screen and (max-width: 980px){
	.small-devices{display: block;}
	.big-devices{display: none;}
}
/**************************************************************************************************************/
.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
    }
.video-responsive iframe, .video-responsive object, .video-responsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    }
/********************************************************************************************************/
/*Estilos para el menu de cabecera*/

html{scroll-behavior: smooth;}

section[id]{scroll-margin-top: 70%;/*border:4px solid red*/;}
.observer-root-margin{
    pointer-events: none;
    z-index: 1000;
    /*border: 4px solid blue;*/
    position: fixed;
    top: 30%;
    left: 0;
    right: 0;
    bottom: 30%;

}


#navbar{
    position: fixed;
    z-index: 1000;
    background-color: #fff;
    width: 100%;
     
    top:0;
    left:0;
}



.section-menu{
    display: flex;
    flex: 0 1 100%;
    flex-wrap: nowrap;
    max-width: 1200px;
    margin: 0 auto;
    list-style: none;
 flex-direction: row;
    justify-content: space-around;
    overflow-x: auto;
    overflow-y: hidden;
}


.section-menu li a {
    align-items: center;
    text-decoration: none;
    display: flex;
    position: relative;
    white-space: nowrap;
    padding: 22px 0px 0;
    font: 500 14px/12px Open Sans,sans-serif;
    text-transform: uppercase;
    color: #161616;
}

.section-menu li a:hover{
 font-weight: 600;
}

.section-menu li a.selected::after,
.section-menu li a:hover::after{
    opacity: 0.8;
}
.menulogo img{padding-top: 10px;}
.logo{padding-top: 5px;width: 30px;}


/***************************************************************************************************/
/*Parallax*/

/*DATA*/
.redes{display: flex;flex-direction: column!important;}
.data {display: flex;flex-direction: column!important;}
.data li{font-size: 25px!important;}


.ancho_total {
  background-image: url(https://www.deia.eus/noticias-hoy/ntm/fondoparalax.svg);
  background-color: #c7ccdc;
  background-repeat: no-repeat;
  background-attachment: fixed;

  background-position-x: right;
  background-position-y: center;


  background-size: 53%;

}
.dpm{display: flex;flex-direction: column;}
.dpm li{width: 100%;}
.act-4{display:flex;flex-direction:row;justify-content: space-around;padding-bottom: 10px;}
.act-4 ul li{list-style: none;color:black;font-size: 25px;line-height: 1.25!important;}

.act-3 ul{display:flex;flex-direction:row;justify-content: space-around;padding-bottom: 10px;}
.act-3 ul li{list-style: none;color:black;text-align: center;font-size: 25px;line-height: 32px;}
.texto_parallax{width: 80%;margin: 0 auto;padding: 20px;}
.texto_parallax p{padding-top: 10px;}
.act-3{padding-bottom: 40px;}

/**************************************************************************************************/

/*Bloque de curva*/
.experiences {
    display: flex;
    flex-direction: column;
  }
  
  .experiences-body {
    background: linear-gradient(5deg, #c7ccdc 10%, #486ad7 90%);
   
  }
  
  .wave {
    width: 100%;
    position: relative;
    top: 2px;
  }
  
  .wave_bottom {
    transform: scaleY(-1);
    top: -2px;
  }
  
  .experiences-title {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
   
    font-size: 30px;
    margin: 25px;
  }
  
  .experience-date {
    font-size: 25px;
    color:black;
    padding-top: 80px;
  
  }
  
  .experience-company {
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 5px;
  }
  
  .experience-position {
    font-weight: 500;
    font-size: 18px;
    margin-top: 20px;
  }
  
  .experience-description {
    font-weight: 400;
    font-size: 15px;
    margin-top: 10px;
    color:black;
    padding-bottom: 50px;
  }
  
  .experience {
    padding: 25px;
    max-width: 500px;
    margin: 0 auto;
  }
  
  @media (min-width: 950px) {
    .experiences-title {
      font-size: 50px;
      margin: 35px 0;
    }
  
    .experience-date {
      font-size: 40px;
      line-height: 38px;
    }
  
    .experience-company {
      font-size: 25px;
    }
  
    .experience-position {
      font-weight: bold;
      font-size: 20px;
      margin-top: 20px;
    }
  
    .experience-description {
      font-size: 20px;
      margin-top: 10px;
      line-height: 1.3;
    }
  
    .experience {
      padding: 0;
    }
  
    .experience_left {
      text-align: right;
    }
  
    .experiences-grid {
      display: grid;
      grid-template-columns: auto 2px auto;
      gap: 20px 20px;
      padding: 70px;
      justify-content: center;
      /*max-width: 980px;*/
      margin: 0 auto;
    }
  
    .line {
      background-color: white;
      position: relative;
    }
  
    .line::before,
    .line::after {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      background-color: white;
      border-radius: 50%;
  
      position: absolute;
      top: -20px;
      left: -9px;
    }
  
    .line::after {
      top: 100%;
      z-index: 1;
    }
  }

  /*SECCION DE ACTIVIDAD*/
  .sec-actividad{display:flex;list-style: none;justify-content: center;}
  .sec-actividad li{background-color:#003d8e08;margin:5px;padding: 10px 5px 10px 5px;width: 235px;display:flex;flex-direction: column;}
  .ico-actividad{flex-direction: column;}
  .tit-actividad{font-size: 80px;color:#0082f0;font-weight: 600;}
  .text-actividad{padding-top: 10px;}
  .text-actividad a{text-decoration: none;line-height: 15px;font-size: 20px;}

  /*SECCION DE CONTACTO*/
  .sec-contacto{display:flex;list-style: none;flex-direction: column;}
  .sec-contacto ul{display:flex;list-style: none!important;flex-direction: row;}
  .sec-contacto li{padding: 10px;width:25%}

  /*FOOTER*/
  #footer{width:100%;margin: 0 auto;display:flex; background-color: #e8e8e8; border-top: 1px solid #c2c0c0;padding-bottom: 10px;}
  .drch-mx{padding-top:20px;}
  .footer-mx{display:flex;flex-direction: row;list-style: none;padding-top: 20px;}
  .footer-mx a {text-decoration: none;padding-right: 20px;font-weight: 800px;color: #0053b6;font-weight: 800;}

  /*APARTADO DE CONECTAMOS*/
  .grp-conectamos{display: flex;flex-direction: row;justify-content: space-around;font-size: 20px;line-height: 25px;}
  .grp-conectamos div{width:30%;padding: 10px;}


/*TERCER APARTADO - FOTOS*/
.foto {
	width: 50%;

  left:183px;
	position: relative;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  }

.foto::after {
	content: "";
	display: block;
	border: 20px solid transparent;
	border-left: 20px solid #fff;
	position: absolute;
	right: -50px;
	top: calc(50% - 20px);
  }
  .espacio{height: 50px;}
  .datos{font-size: 40px;line-height: 32px;font-weight: 600;}
  .imgcontacto{width:1200px!important}
 
  /*Responsive*/
  @media screen and (max-width: 430px){
  .experience-date {padding-top: 30px;}
  .experience-description {padding-bottom: 30px;}
  .sec-actividad li{width: 100%;}
  .banner.style5.fullscreen {min-height: 50vh;}
  .wrapper.style1 > .inner{padding: 0rem 3.5rem 5rem 3.5rem;max-width: 100%;width: 90rem;}
  .footer-mx{flex-direction:column;}
  .drch-mx{padding-top:0px;}
  #navbar{
    display: flex;
    flex: 0 1 100%;
    justify-content: flex-start;
    width: 100%;
    overflow:hidden;
    overflow-x: scroll;}
   .logo{width: 70px;padding-top: 8px;}
   .grp-conectamos div { width: 100%;}
   .fotoresponsive{max-width: 100%;max-height: 150px;}
   .grp-conectamos {flex-direction: column;max-width: 100%;}
   .section-menu{justify-content: normal;}
   .section-menu img{width: 90px;}
   p{font-size: 18px;}
   h2{font-size: 1.5rem;}
   .sec-actividad{flex-direction: column;}
   h1{font-size: 1.3rem!important;}
   .imgcontacto{width: 100%;}
   .espacio{height: 20px;}
   .sec-contacto ul{flex-direction: column;max-width: 100%;}
   .sec-contacto ul li{width: 50%;margin: 0 auto;}
   .datos{font-size: 16px;line-height: 22px;}
   .act-3 ul li {font-size: 16px;line-height: 20px;}
   .datos-text1{font-size: 14px;}
   .imgico{width: 40px;}
   .texto_parallax{width: 100%;}
   .section-menu li a{padding: 22px 0px 0;font: 500 12px/12px Open Sans,sans-serif;}
   .dpm{flex-direction: column;}
   .dpm li {width: 100%;padding-left: 0px;}
   .imgresponsive{width:100%;}
   .act-4{flex-direction: column;}
   .act-4 ul li{line-height: 0.98!important;text-align: left;}
   .redes{width: 100%;}
   .data{width: 100%;}
   .rpvredes{width: 100%;}
   .rpvdata{width: 100%;}
   ul {padding-left: 0rem;}
   ul li {padding-left: 0rem;}
   .texto_parallax p{padding-top: 0px;position: absolute;left: 120px;}
   .small-devices{padding: 0rem 2rem 0.5rem;}
  }

  /*Modificaciones 03-01-2023*/

  @media screen and (max-width: 430px){
.banner.style5.fullscreen {min-height: 40vh;}
.grp-conectamos div {padding: 5px;margin-bottom: 5px;}
p {margin: 0 0 1rem 0!important;}
h1 {font-size: 1.1rem!important;}
.tercera{width: 85%;}
.iconosredes{margin-top: 10px;}
.act-3 {padding-bottom: 10px;}
.fuente{margin-top: 20px;line-height: 12px;}

}