@charset "UTF-8";
.header {
  border-bottom: none; }

.inner-header {
  min-width: 180px;
  max-width: 180px; }

.header.header-shadow .inner-header {
  min-width: 140px;
  max-width: 140px; }

.header.header-shadow {
  top: 0;
  height: auto;
  padding-bottom: 8px; }

.extra-nav > ul > li > a, .inner-nav > ul > li > a {
  font-size: 14px; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
  font-weight: 500;
  color: #154f91; }

.flexslider h2.h1,
.module-header h2.h1,
.module-slides h2.h1 {
  font-size: 30px; }

.flexslider h3.h1,
.module-header h3.h1,
.module-slides h3.h1 {
  font-size: 28px; }

.module-header {
  padding: 150px 0px; }

.module-header h3 {
  font-weight: 300; }

.blog-grid .post-title, .blog-masonry .post-title, .timeline .post-title {
  font-size: 18px; }

.module-title h2 {
  margin: 0 -4px 0px 0;
  letter-spacing: 1px;
  font-size: 22px;
  border-bottom: 1px solid #154f91;
  padding-bottom: 10px; }

.module-title {
  margin: 0 0 30px; }

.post-background .post-header p {
  color: #fff;
  margin: 0px; }

.post-title {
  font-size: 16px; }

.post {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 25px; }

.post + .post {
  margin: 30px 0 0; }

.post-background .post-header {
  padding: 15px; }

.post-background .post-header .post-title {
  font-size: 24px; }

/*! -----------------------------------------------------------------
[Colors]
*/
::-moz-selection {
  background: #154f91;
  color: #fff !important; }

::-webkit-selection {
  background: #154f91;
  color: #fff !important; }

::selection {
  background: #154f91;
  color: #fff !important; }

a {
  color: #111; }

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
  color: #111; }

h1 > a:hover,
h1 > a:focus,
h2 > a:hover,
h2 > a:focus,
h3 > a:hover,
h3 > a:focus,
h4 > a:hover,
h4 > a:focus,
h5 > a:hover,
h5 > a:focus,
h6 > a:hover,
h6 > a:focus {
  color: #154f91; }

a:hover,
a:focus {
  color: #154f91; }

blockquote:hover {
  border-color: #154f91; }

.alert-brand {
  background: #5faee3; }

.icon-box-icon,
.icon-box-left .icon-box-icon,
.counter .counter-number,
.icon-list .fa,
.icon-list .icon,
.breadcrumb-item > a:hover,
.breadcrumb-item > a:focus,
.page-item.active .page-link,
.page-link:focus,
.page-link:hover,
.social-icons > li > a:hover,
.social-icons > li > a:focus,
.comment-meta-author a:hover,
.comment-meta-author a:focus,
.comment-meta-date a:hover,
.comment-meta-date a:focus,
.ps-all a:hover,
.ps-next a:hover,
.ps-prev a:hover,
.widget a:hover,
.widget a:focus,
.search-button:hover,
.post-meta a:hover,
.post-meta a:focus,
.product-rating a:hover {
  color: #154f91; }

.btn.btn-brand {
  background-color: #154f91;
  border: #154f91 solid 1px;
  color: #fff;
    /* &.btn-link {
    background: transparent;
    border: 0;
    padding: 0;
    color: $background;

    &:hover,
    &:focus {
      background-color: transparent;
      text-decoration: none;
      color: darken($background, 5%);
    }
  } */ }

.btn.btn-brand:hover,
.btn.btn-brand:focus {
  background-color: #b2becc;
  border-color: #154f91;
  color: #fff; }

.btn.btn-brand.btn-outline {
  background: transparent;
  border-color: #154f91;
  color: #154f91; }

.btn.btn-brand.btn-outline:hover,
.btn.btn-brand.btn-outline:focus {
  background: #154f91;
  color: #fff; }

.btn.btn-white {
  background-color: #fff;
  border-color: #fff;
  color: #444;
    /* &.btn-link {
    background: transparent;
    border: 0;
    padding: 0;
    color: $background;

    &:hover,
    &:focus {
      background-color: transparent;
      text-decoration: none;
      color: darken($background, 5%);
    }
  } */ }

.btn.btn-white:hover,
.btn.btn-white:focus {
  background-color: #154f91;
  border-color: #154f91;
  color: #fff; }

.btn.btn-white.btn-outline {
  background: transparent;
  border-color: #fff;
  color: #fff; }

.btn.btn-white.btn-outline:hover,
.btn.btn-white.btn-outline:focus {
  background: #fff;
  color: #444; }

.scroll-top,
.label-brand,
.pace .pace-progress,
.post-tags a:hover,
.comment-reply > a:hover,
.comment-reply > a:focus,
.widget_tag_cloud .tagcloud > a:hover,
.progress-bar.progress-bar-brand {
  background: #111; }

.special-heading h1,
.special-heading h2,
.special-heading h3,
.special-heading h4,
.special-heading h5,
.special-heading h6 {
  border-color: #154f91;
  color: #111; }

.footer {
  background-color: #154f91;
  color: #fff; }

.footer .copyright {
  font-weight: normal; }

.footer .copyright a {
  font-weight: bold; }

.bg-gradient:after {
  background-color: #154f91;
  background: -webkit-linear-gradient(45deg, #154f91 0%, rgba(52, 152, 219, 0.3) 100%);
  background: linear-gradient(45deg, #154f91 0%, rgba(52, 152, 219, 0.3) 100%); }

.module-header.module-divider-bottom, .module-page-title, .module-sm.module-divider-bottom, .module.module-divider-bottom {
  border-bottom: 1px solid #e7e6eb; }

.module-suave {
  background-color: #c0db8c; }

.header .inner-nav > ul > li > a:hover {
  color: #154f91; }

.header.header-small .inner-nav > ul > li > a:hover {
  color: #154f91; }

.inner-nav .sub-menu li a:hover {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
  color: #154f91; }

.header.header-light.header-small .extra-nav > ul > li > a, .header.header-light.header-small .inner-nav > ul > li > a {
  color: #154f91; }

.header.header-light.header-small .extra-nav > ul > li > a:hover, .header.header-light.header-small .inner-nav > ul > li > a:hover {
  color: #111; }

/*////////////////////// ONDA /////////////////////*/
.container-fluid {
  position: relative; }

.ocean {
  background: #fff;
  height: 10%;
  width: 100%;
  position: absolute;
  top: 20px;
  left: 0; }

.wave {
  background: url(../images/wave-blanca.svg) repeat-x;
  position: absolute;
  top: -198px;
  width: 6400px;
  height: 198px;
  animation: wave 10s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
  transform: translate3d(0, 0, 0); }

.wave:nth-of-type(2) {
  top: -175px;
  animation: wave 10s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 10s ease -1.25s infinite;
  opacity: 1; }

@keyframes wave {
  0% {
    margin-left: 0; }
  100% {
    margin-left: -1600px; } }
@keyframes swell {
  0%, 100% {
    transform: translate3d(0, -25px, 0); }
  50% {
    transform: translate3d(0, 5px, 0); } }
.marco {
  border-radius: 20px !important;
  padding: 8px;
  background: linear-gradient(#fff, #fff) content-box, linear-gradient(#154f91, #154f91) top left/60px 20px, linear-gradient(#154f91, #154f91) bottom right/60px 20px;
  background-repeat: no-repeat; }

/*.box {
  width:200px;
  height:100px;
  border-radius:20px;
  padding:5px;
  background:
    linear-gradient(#fff,#fff) content-box,
    linear-gradient(red,red)       top left    /60px 40px,
    linear-gradient(blue,blue)     top right   /60px 40px,
    linear-gradient(green,green)   bottom left /60px 40px,
    linear-gradient(purple,purple) bottom right/60px 40px;
  background-repeat:no-repeat;
}*/
/*------------------------------------------------------------------
[Top bar]
*/
.top-bar {
  background: #154f91;
  border-bottom: 1px solid #7e7a80;
  font-size: 13px;
  padding: 0;
  color: #fff; }

.top-bar a {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.top-bar a:hover,
.top-bar a:focus {
  color: rgba(255, 255, 255, 0.65); }

.idiomas ul li {
  display: inline-table;
  margin: 5px; }

.idiomas ul li a {
  color: #fff;
  padding: 0 5px; }

.footer ul li {
  display: inline-table;
  margin: 5px;
  padding: 5px; }

/*------------------------------------------------------------------
[BUSCADOR]
*/
.off-canvas-sidebar {
  background: #154f91; }

.off-canvas-sidebar .hero-search .form-control {
  height: auto; }

.off-canvas-sidebar h3 {
  font-weight: normal; }

/*------------------------------------------------------------------
[HOVER GALERÍA IMAGENES]
*/
a[rel~="single-photo"]:hover {
  opacity: .6; }

.table {
  color: #154f91; }

.table .datos {
  font-size: 2rem;
  font-weight: 300; }

.table .datos span {
  font-size: 1.3rem;
  font-weight: 300; }

.support-box h4 {
  font-size: 18px;
  margin-bottom: 5px; }

.bg-dark-30:before {
  background-color: rgba(34, 34, 34, 0.5);
  top: 0; }

.post {
  margin: 0px; }

.post-background {
  padding-top: 60%; }

.post-background:before {
  background: linear-gradient(to bottom, transparent 0, #154f91 100%); }

.noticias-carousel h4 {
  font-size: 18px; }

.noticias-carousel .post {
  margin-right: 20px;
  padding: 15px;
  border: 1px solid #b2becc; }

.post-header {
  margin: 0 0 15px; }

.inner-nav .mega-menu .sub-menu .mega-menu-col {
  width: 250px; }

.inner-nav .sub-menu li a {
  line-height: 1.5; }

.off-canvas-sidebar .social-icons a {
  color: #111; }

.flexslider h1.h1, .module-header h1.h1, .module-slides h1.h1 {
  font-size: 50px; }

.subotonera ul li {
  width: 25%;
  text-align: center;
  border-right: solid 1px #fff;
  color: #fff;
  padding: 0px;
  margin: 0px; }

.subotonera ul li:first-child {
  border-left: solid 1px #fff; }

.subotonera ul li a {
  display: block;
  background: #c0db8c;
  padding: 10px 0px;
  color: #fff;
  font-size: 16px; }

.subotonera ul li a:hover {
  background: #154f91;
  color: #111; }

.subotonera ul li a.activa {
  background: #154f91; }

ul.list-icon {
  padding-left: 20px;
  list-style-position: inside; }

.list-icon li:before {
  color: #154f91;
  content: "\f00c";
  font-family: "FontAwesome";
  position: absolute;
  margin: 0px -19px 0px; }

.altura {
  height: 30vh !important;
  min-height: 30vh; }

.footer .widget .widget-title {
  border-bottom: 1px dotted #fff; }

body .layout-web .wrapper-web .banners-home__block .banners-home__container .banners-home__row .col-sm .actualidad-post {
  padding: 21px;
  display: flex;
  flex-flow: column; }
  body .layout-web .wrapper-web .banners-home__block .banners-home__container .banners-home__row .col-sm .actualidad-post:hover {
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    transition: 0,5s; }
  body .layout-web .wrapper-web .banners-home__block .banners-home__container .banners-home__row .col-sm .actualidad-post .actualidad-post-title {
    height: 20%;
    padding: 6px; }
    body .layout-web .wrapper-web .banners-home__block .banners-home__container .banners-home__row .col-sm .actualidad-post .actualidad-post-title h2 {
      margin: 0;
      font-size: 24px; }
  body .layout-web .wrapper-web .banners-home__block .banners-home__container .banners-home__row .col-sm .actualidad-post .actualidad-post-news {
    display: flex;
    flex-flow: column;
    height: 40%;
    padding: 12px;
    border-bottom: solid 1px #666; }
    body .layout-web .wrapper-web .banners-home__block .banners-home__container .banners-home__row .col-sm .actualidad-post .actualidad-post-news h4 {
      margin: 0px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
      body .layout-web .wrapper-web .banners-home__block .banners-home__container .banners-home__row .col-sm .actualidad-post .actualidad-post-news h4:hover {
        opacity: 0.5;
        transition: 0,5s; }


/* Janire */

.module-cert {
    
    margin-bottom: 70px;
}


.banners-home__block {
    
    border:none !important;
}


.timeline > ul > li {
    
    padding-top: none;
    margin-top:-150px;

}

.module-historia {
   margin-top: 180px;
}


.module-certificados {
    margin-right: 15%;
}

.banner{
    text-align: center;
    position: relative;
}

.banner__texto{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    font-family: "Poppins", Arial, serif;
    font-size: 50px;
    color: #fff;
    font-weight: 700;
}



@media (max-width: 600px) {
  .timeline > ul > li {
    margin-top: 0;
  }
    
 .module-historia {
   margin-top: 0;
}   
}




/* RECARGOS - Janire */

.greyrow {
    background-color : #A3AAAE;
    color : #FFFFFF;
  }

.bluerow {
    background-color : #144f91;
    color : #FFFFFF;
  }

.tabla-recargos {
    padding : 50px 0px ;
}

#table-aleacion > tbody tr:nth-child(even) {
    background-color: #f3f9ff;
}

 

@media screen and (max-width:1199px){
    .tabla-recargos .tabla-recargos__container {
        max-width : 100%; 
    }
    
    .table-data .table-data__col:nth-child(1) {
        min-width: 100%;
        padding-bottom: 50px;
    }
    
    .table-data .table-data__col:nth-child(2) {
        min-width: 100%;
    }
        
    
    }/*1199px*/







/* RECURSOS HUMANOS - Janire */

.btn-pseudo  {
        background: none;
         border: none;
    }

.borde {
    
    border-left: solid 1px #666; 
    border-right: solid 1px #666;
}

.borde-tetris {
    border-left: solid 1px #666;
}
    

@media screen and (max-width:767px){
  .borde {
    
    border-left: none;
    border-right: none;
}

.borde-tetris {
    border-left: none;
}
      
    }/*767px*/








/* SLIDER HOME - Janire */

body .home-false-slider__module .home-false-slider__overlay .home-false-slider__overlay-container .home-false-slider__subtitle {
  font-size: 46px;
  }


@media screen and (max-width:599px){
   body .home-false-slider__module .home-false-slider__overlay .home-false-slider__overlay-container .home-false-slider__subtitle {
        font-size: 30px;
    }
      
    }/*599px*/








/* MEDIOAMBIENTE - Janire */

.margin {
    margin-bottom: 0px;
}


@media screen and (max-width:767px){
  .margin {
    margin-bottom: 40px;
}
      
    }/*767px*/




/* CERTIFICACIONES - Janire */

body.single-descarga_olarra .layout-vertical__wrapper .layout-vertical .layout-vertical__inner .layout-vertical__container .layout-vertical__title {
    font-size: 30px !important ;
}

@media screen and (max-width:479px){
  body.single-descarga_olarra .layout-vertical__wrapper .layout-vertical .layout-vertical__inner .layout-vertical__container .layout-vertical__title {
    font-size: 20px !important ;
}
      
    }/*479px*/

/* red comercial ------------ */
.red-comercial__module {
  padding : 30px 0px ;
}

.red-comercial {
  display : flex ;
  flex-flow : row nowrap ;
  justify-content : flex-start ;
  align-items : flex-start ;
}

 

  .red-comercial__aside {
    width : 300px ;
    flex-shrink : 0 ;
    position: sticky;
    top: 100px;
  }
      .red-comercial__aside ol {
          display : flex ;
          flex-flow : column nowrap ;
          justify-content : flex-start ;
          align-items : flex-start ;
          gap : 10px ;
        }

          .red-comercial__aside ol li {
            width : 100% ;
          }

  .red-comercial__main {
    width : 100% ;
    padding-left : 30px ;
  }

    .red-comercial__group-title {
      font-size : 26px ;
      text-transform : uppercase ;
    }

    .red-comercial__list {
      display : flex ;
      flex-flow : column nowrap ;
      gap : 15px 0px ;
    }

      .red-comercial__list-item {
        width : 100% ;
        padding : 15px ;
        border : 1px solid #ccc ;
        line-height : 130% ;
      }

        .red-comercial__list-item-logo {
            height : 60px ;
            width : auto ;
            margin: 0px auto ;
            display: block ;
        }
        .red-comercial__list-item-title {
          font-size : 18px ;
          margin : 0px;
          clear : both ;
        }

        .red-comercial__list-item p {
          margin-bottom : 5px ;
        }

        .red-comercial__info-row {
          display : flex ;
          flex-flow : row nowrap ;
          gap : 10px ;
          justify-content : flex-start ;
          align-items : flex-start ;
          padding-top : 10px ;
        }

          .red-comercial__info-col:first-child {
            width : 230px ;
            flex-shrink : 0 ;
          }

          .red-comercial__info-col ol {
            display : flex ;
            flex-flow : row wrap ;
            gap : 10px 30px;
            justify-content : flex-start ;
            align-items : flex-start ;
          }

          .red-comercial__list-item-subtitle {
            text-transform : uppercase ;
            font-weight : 700 ;
          }


     @media screen and (max-width : 991px){
        .red-comercial {
          flex-flow : column nowrap ;    
        }

        .red-comercial__aside {
          width : 100% ;
          position: static;
          top: unset;
        }

        .red-comercial__aside ol {
          flex-flow : row wrap ;
          justify-content : space-between ;
          align-items : flex-start ;
        }

        .red-comercial__main {
          padding-left : 0px ;
        }
    }      

    @media screen and (max-width : 575px){
      .red-comercial__info-row {
        flex-flow: column nowrap;
      }
    }

    .mapa-red-comercial .cb-map__wrapper .cb-map__before {
      padding-bottom : 0px ;
    } 


 .puntos-venta__module {
    padding : 30px 0px ;
 }
    .puntos-venta__claim {
      font-size : 26px ;
      text-transform : uppercase ;
    }

    .puntos-venta__row {
      display : flex ;
      flex-flow : row wrap ;
      justify-content : flex-start ;
      gap : 10px ;
    }

      .puntos-venta__col {
        width : calc(50% - 5px);
        border : 1px solid #ccc ;
        padding : 15px ;
        line-height : 130% ;
      }

        .puntos-venta__col-title {
          font-size: 18px;
          margin: 0px;
          clear : both ;
        }
  @media screen and (max-width : 767px){
     .puntos-venta__col {
        width : 100% ;
     }   
  }

  .nav-red-comercial {
    padding : 30px 10px 10px 10px ;
    display : flex ;
    flex-flow : row wrap ;
    justify-content : center ;
    gap : 10px ;
  }

    .nav-red-comercial__select {
        width : 300px ;
        max-width : 100% ;
        margin : 0px auto ;
    }

    .nav-red-comercial__btn {
        padding : 5px 7px ;
        display : none ;
    }

  .red-item-toggle.force-hidde {
    display : none ;
  }