* {
    font-family: Corbel;
    outline: 0
}
a {
    text-decoration: none
}
a:hover {
    text-decoration: none
}
a:focus {
    outline: 0
}
body,
html {
    height: 100%
}
body {
    padding-top: 76px
}
body.home {
    padding-top: 0
}

@font-face {
    font-family: Corbel;
    src: url(../fonts/Corbel-BoldItalic.woff) format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}
@font-face {
    font-family: Corbel;
    src: url(../fonts/Corbel-Italic.woff) format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}
@font-face {
    font-family: Corbel;
    src: url(../fonts/Corbel-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: Corbel;
    src: url(../fonts/Corbel.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
#mainNav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background: #fff;
    height: 100px;
    transition: all .5s
}
.p-relative {
    position: relative
}
.p-absolute {
    position: absolute
}
.overhidden {
    position: relative;
    overflow: hidden
}
.container {
    max-width: 1500px
}
.animated {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0
}
.activate {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1
}
.img-central {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0
}
.img-100 {
    width: 100%;
    height: auto
}
.section-inicio {
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden
}
.section-inicio::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #000;
    opacity: .2
}
.section-inicio .container {
    position: relative;
    z-index: 3
}
.section-inicio .box-inicio {
    padding-top: 0;
    padding-left: 0;
    max-width: 480px;
    position: relative;
    left: 140px;
    top: 15px
}
.section-inicio .box-inicio h1 {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    padding-bottom: 16px;
    margin: 0
}
.section-inicio .box-inicio p {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    margin: 0
}
.section-novedades .container {
    padding-top: 86px;
    padding-bottom: 28px
}
.title-black {
    color: #000;
    font-size: 40px;
    font-weight: 700;
    margin: 0;
    text-align: center
}
.section-novedades .box-slider {
    padding-top: 60px;
    padding-bottom: 35px
}
.section-novedades .slick-initialized .slick-slide {
    display: block;
    margin: 0 8px
}
.section-novedades .slider-img {
    width: 100%;
    height: 385px;
    position: relative
}
.section-novedades .slider-text {
    padding: 14px 30px 12px 30px;
    width: 100%;
    min-height: 100px;
    transition: all .3s
}
.section-novedades .slider-text h6 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 14px;
    transition: all .3s
}
.section-novedades .slider-text span {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding-bottom: 10px;
    transition: all .3s
}
.section-novedades .box-hover:hover .slider-text {
    background: #ec6331
}
.section-novedades .box-hover:hover .slider-text h6,
.section-novedades .box-hover:hover .slider-text span {
    color: #fff
}
.dots-part1 .slick-dots {
    bottom: -40px
}
.dots-part1 .slick-dots li button::before {
    display: none
}
.dots-part1 .slick-dots li {
    margin: 0 2px
}
.dots-part1 .slick-dots button {
    width: 11px;
    border-radius: 30px;
    height: 11px;
    background: #cacaca;
    border: 1px solid #cacaca;
    margin: 0 auto;
    padding: 0
}
.dots-part1 .slick-dots li.slick-active button {
    background: #000
}
.section-novedades .box-center {
    text-align: center;
    padding-top: 0;
    padding-bottom: 25px
}
.btn-orange {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    padding: 13px 12px 12px;
    border: 2px solid #fa582e;
    background: #fa582e;
    font-weight: 700;
    transition: all .3s;
    max-width: 218px;
    width: 100%;
    text-align: center
}
.btn-orange:hover {
    color: #fa582e;
    background: #fff
}
.section-energia {
    display: block;
    position: relative;
    overflow: hidden
}
.section-energia .container {
    max-width: 1250px;
    padding-top: 50px;
    padding-bottom: 70px
}
.section-energia .box-title {
    padding: 60px 0 0 30px
}
.section-energia .box-title h6 {
    font-size: 22px;
    font-weight: 300;
    color: #000;
    padding-bottom: 35px;
    margin: 0;
    text-transform: uppercase
}
.section-energia .box-title h4 {
    font-size: 40px;
    font-weight: 700;
    color: #000;
    padding-bottom: 42px;
    margin: 0;
    max-width: 325px
}
.section-energia .btn-orange {
    padding: 12px 16px 14px;
    max-width: 170px
}
.section-energia .box-imgx2 {
    max-width: 342px
}
.section-energia .box-center {
    padding-top: 130px;
    max-width: 345px;
    margin: 0 auto
}
.section-energia .box-center p {
    font-size: 16px;
    font-weight: 400;
    color: #5b585b;
    margin-bottom: 5px
}
.section-compromiso {
    background: #f6f6f6
}
.section-compromiso .container {
    max-width: 1400px;
    padding-top: 84px;
    padding-bottom: 69px
}
.section-compromiso .title-unico {
    font-size: 40px;
    font-weight: 700;
    color: #000;
    margin-bottom: 57px;
    text-align: center
}
.section-compromiso .box-hover li {
    display: block
}
.section-compromiso .box-contenido {
    height: 508px;
    width: 100%;
    z-index: 0
}
.section-compromiso .box-contenidox2 {
    height: 254px;
    width: 100%;
    z-index: 0
}
.section-compromiso .box-central,
.section-compromiso .box-centralx2 {
    z-index: 5;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 30px;
    width: 100%;
    min-height: 100px;
    padding-bottom: 20px
}
.section-compromiso .box-contenido::before,
.section-compromiso .box-contenidox2::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: transparent linear-gradient(180deg, rgb(0, 0, 0, 0) 0, rgb(0, 0, 0, 70%) 100%) 0 0
}
.section-compromiso .box-central h5,
.section-compromiso .box-centralx2 h5 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 14px;
    color: #fff
}
.section-compromiso .box-central p,
.section-compromiso .box-centralx2 p {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    color: #fff
}
.section-footer .container-part1 {
    padding: 74px 15px;
    max-width: 1250px
}
.col-30 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%
}
.col-23 {
    -ms-flex: 0 0 23.333333%;
    flex: 0 0 23.333333%;
    max-width: 23.333333%
}
.container-part1 .list-link li,
.container-part1 .list-linkx2 li {
    display: block;
    margin-bottom: 16px;
    max-width: 230px;
    line-height: 1.2
}
.container-part1 .list-link a,
.container-part1 .list-linkx2 a {
    color: #5b585b;
    font-size: 16px;
    font-weight: 400
}
.container-part1 .list-link h3,
.container-part1 .list-linkx2 h3 {
    font-size: 16px;
    font-weight: 700;
    color: #0081af;
    padding-bottom: 11px;
    margin: 0;
    text-transform: uppercase
}
.container-part1 .img-link {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 15px
}
.container-part1 .img-linkx2 {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 17px
}
.container-part1 .espace-left {
    padding-left: 25px;
    position: relative
}
.container-part1 .list-icono li {
    display: inline-block;
    padding-top: 61px;
    position: relative
}
.container-part1 .box-icono a {
    background: #fff;
    color: #0081af;
    border-radius: 30px;
    border: 1px solid #0081af;
    height: 47px;
    width: 47px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 14px;
    font-size: 20px;
    transition: all .3s
}
.container-part1 .box-icono a:hover {
    background: #0081af;
    color: #fff
}
.container-part1 .list-linkx2 .btn-blue {
    font-size: 16px;
    color: #fff;
    display: table;
    padding: 16px 15px 17px;
    border: 1px solid #0081af;
    background: #0081af;
    font-weight: 700;
    transition: all .3s;
    width: 100%;
    max-width: 243px;
    text-align: center
}
.container-part1 .list-linkx2 .btn-blue:hover {
    background: #fff;
    color: #0081af
}
.section-footer .container-part2 {
    background: transparent linear-gradient(90deg, #0baebd 0, #2c5381 100%) 0 0 no-repeat padding-box;
    padding: 36px 15px;
    max-width: 100%;
    min-height: 140px
}
.section-footer .container-part2 .row {
    max-width: 1210px;
    margin: 0 auto!important
}
.container-part2 .box-left h6,
.container-part2 .box-right h6 {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    position: relative;
    top: 30px;
    left: 0
}
.container-part2 .box-right h6 {
    text-align: right
}
.container-part2 .box-right a {
    color: #fff
}
.container-part2 .box-iso {
    text-align: center
}
.container-part2 .box-iso li {
    display: inline-block;
    margin: 5px 22px
}
.container-part2 .box-iso .img-iso {
    max-width: 88px;
    width: 100%;
    height: auto
}
.confiabilidad-part2,
.section-confiabilidad {
    background: #f6f6f6
}
.section-confiabilidad .container {
    padding: 92px 0 50px;
    max-width: 1650px
}
.section-confiabilidad .box-img {
    height: 349px;
    padding: 0
}
.section-confiabilidad .box-espace {
    padding-bottom: 59px
}
.title-blue {
    font-size: 40px;
    color: #0081af;
    font-weight: 700;
    margin: 0;
    text-align: center
}
.confiabilidad-part2 .container {
    padding: 50px 20px 110px;
    max-width: 1140px
}
.confiabilidad-part2 .box-title {
    max-width: 512px
}
.confiabilidad-part2 .box-title h5 {
    color: #5b585b;
    font-weight: 700;
    font-size: 26px;
    margin: 0
}
.confiabilidad-part2 .box-parrafo {
    max-width: 513px;
    margin: 0 auto
}
.confiabilidad-part2 .box-parrafo p {
    color: #5b585b;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
    padding-bottom: 15px
}
.confiabilidad-part2 .box-blue {
    max-width: 513px;
    margin: 0 auto;
    background: #0081af;
    border: 1px solid #0081af;
    border-radius: 6px;
    padding: 36px 0 42px;
    margin-top: 50px
}
.confiabilidad-part2 .box-blue h3 {
    color: #fff;
    font-weight: 700;
    font-size: 26px;
    margin: 0;
    padding-bottom: 30px;
    text-align: center
}
.confiabilidad-part2 .box-blue a {
    max-width: 239px;
    width: 100%;
    border: 1px solid #0081af;
    padding: 16px 10px 19px;
    font-size: 16px;
    font-weight: 700;
    color: #0081af;
    background: #fff;
    display: block;
    text-align: center;
    margin: 0 auto;
    transition: all .3s
}
.confiabilidad-part2 .box-blue a:hover {
    border: 1px solid #fff;
    background: #0081af;
    color: #fff
}
.section-nosotros {
    background: #f6f6f6
}
.section-nosotros .container {
    padding: 50px 0 60px;
    max-width: 1150px
}
.section-nosotros .box-espace {
    max-width: 403px;
    height: 100%;
    display: flex;
    align-items: center
}
.section-nosotros .box-espace h5 {
    color: #5b585b;
    font-weight: 700;
    font-size: 26px;
    margin: 0
}
.section-nosotros .box-white {
    background: #fff;
    text-align: center;
    padding: 55px 0 30px
}
.section-nosotros .box-white li {
    display: inline-block;
    vertical-align: top
}
.section-nosotros .box-contenido {
    background: #fff;
    padding: 5px;
    max-width: 180px;
    display: block;
    margin: 0 15px;
    min-height: 260px
}
.section-nosotros .box-img {
    max-width: 127px;
    width: 100%;
    height: 88px;
    margin: 0 auto
}
.section-nosotros .box-contenido h3 {
    font-weight: 700;
    color: #000;
    font-size: 26px;
    padding-bottom: 5px;
    margin: 0
}
.section-nosotros .box-contenido p {
    font-weight: 400;
    color: #5b585b;
    font-size: 16px;
    padding-top: 12px;
    margin: 0
}
.nosotros-part2 .container {
    padding: 82px 0 90px;
    max-width: 1150px
}
.nosotros-part2 .title-black {
    padding-bottom: 79px
}
.nosotros-part2 .box-contenidox2 {
    text-align: center;
    max-width: 320px;
    margin: 0 auto;
    padding: 10px 5px;
    margin-bottom: 90px
}
.nosotros-part2 .logo {
    max-width: 65px;
    width: auto;
    display: table;
    max-height: 60px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 14px
}
.nosotros-part2 .box-contenidox2 p {
    font-weight: 400;
    font-size: 16px;
    color: #5b585b;
    margin: 0;
    padding-top: 10px
}
.nosotros-part2 .box-grey {
    background: #f6f6f6;
    max-width: 880px;
    margin: 0 auto;
    padding: 40px 10px 35px;
    text-align: center
}
.nosotros-part2 .title-left {
    text-align: left;
    padding-bottom: 0;
    max-width: 420px;
    margin: 0 20px;
    font-size: 26px
}
.nosotros-part2 .btn-bluex2 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    padding: 12px 0 12px;
    border: 1px solid #0081af;
    background: #0081af;
    width: 100%;
    max-width: 223px;
    margin: 0 20px;
    text-align: center;
    vertical-align: top;
    position: relative;
    top: 5px
}
.nosotros-part2 .img-flecha {
    width: 27px;
    height: auto;
    margin-right: 11px;
    margin-left: -10px;
    position: relative;
    left: -4px;
    top: -2px
}
.nosotros-part3 {
    background: #f6f6f6
}
.nosotros-part3 .container {
    padding: 100px 0;
    max-width: 1150px
}
.nosotros-part3 .title-black {
    padding-bottom: 43px
}
.nosotros-part3 .box-espace {
    max-width: 200px;
    margin: 0 auto;
    padding-top: 20px;
    margin-bottom: 40px;
    text-align: center
}
.nosotros-part3 .img-centralx2 {
    background-size: cover;
    background-position: top;
    border-radius: 100px;
    width: 100%;
    max-width: 165px;
    height: 165px;
    margin: 0 auto
}
.nosotros-part3 .espace-title {
    text-align: center;
    padding: 6px;
    margin-top: 20px;
    min-height: 100px
}
.nosotros-part3 .espace-title h5 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 9px
}
.nosotros-part3 .espace-title p {
    color: #5b585b;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding-bottom: 5px
}
.portada-central {
    height: 890px;
    position: relative
}
.portada-central .item::before,
.portada-clientes::before,
.portada-servicios::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: transparent linear-gradient(180deg, #00000000 0, #000000A9 47%, #000 100%) 0 0 no-repeat padding-box;
    opacity: .93
}
.portada-central .box-center {
    z-index: 3;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    max-width: 890px;
    margin: 0 auto;
    text-align: center;
    padding: 0 20px
}
.portada-central .box-center h5 {
    font-size: 50px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    padding-bottom: 55px
}
.portada-central .box-center p {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    margin: 0 auto;
    padding-bottom: 10px;
    max-width: 512px
}
.portada-central .slick-dots {
    bottom: 150px!important
}
.box-bottom {
    position: absolute;
    bottom: 49px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 4
}
.box-bottom a {
    background: 0 0;
    border-radius: 30px;
    border: 1px solid #fff;
    height: 34px;
    width: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 14px;
    font-size: 20px;
    margin: 0 auto;
    position: relative
}
.img-arrow {
    width: 13px;
    height: auto
}
.gas-naturalx1 .container {
    padding: 100px 20px 10px;
    max-width: 1050px
}
.gas-naturalx1 .box-title {
    position: relative;
    padding-left: 75px;
    max-width: 280px
}
.gas-naturalx1 .img-natural {
    max-width: 66px;
    max-height: 60px;
    width: auto;
    height: auto;
    position: absolute;
    left: -5px;
    top: 4px
}
.gas-naturalx1 .box-title h4 {
    color: #000;
    font-weight: 700;
    font-size: 26px;
    margin: 0;
    padding-bottom: 7px
}
.gas-naturalx1 .box-title h6 {
    color: #5b585b;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
    padding-bottom: 5px
}
.gas-naturalx1 .box-parrafo {
    max-width: 681px;
    margin: 0 auto;
    padding-bottom: 100px
}
.gas-naturalx1 .box-parrafo p {
    color: #5b585b;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
    padding-bottom: 10px
}
.gas-naturalx2 {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    position: relative;
    overflow: hidden
}
.gas-naturalx2 .container {
    padding: 92px 0 76px 0
}
.gas-naturalx2 .container .row {
    margin-left: -25px!important;
    margin-right: -25px!important
}
.gas-naturalx2 .title-black {
    padding-bottom: 29px
}
.gas-naturalx2 .box-slider {
    padding: 20px 0;
    position: relative
}
.gas-naturalx2 .img-list {
    width: 100%;
    height: 345px;
    position: relative
}
.gas-naturalx2 .slick-initialized .slick-slide {
    display: block;
    margin: 0 12px
}
.gas-naturalx2 .arrow-left {
    position: absolute;
    top: 52%;
    left: 34.5%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}
.gas-naturalx2 .arrow-right {
    position: absolute;
    top: 52%;
    right: 31.8%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}
.gas-naturalx2 .arrow-left i,
.gas-naturalx2 .arrow-right i,
.section-transporte .arrow-leftx2 i,
.section-transporte .arrow-rightx2 i {
    font-size: 24px;
    color: #fff;
    border-radius: 30px;
    background: #fa582e;
    border: 1px solid #fa582e;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}
.dots-black .slick-dots {
    bottom: -40px
}
.dots-black .slick-dots .slick-active button,
.dots-blackx2 .slick-dots .slick-active button {
    background: #5b585b
}
.dots-black .slick-dots li button::before {
    display: none
}
.dots-black .slick-dots li {
    margin: 0 2px
}
.dots-black .slick-dots button,
.dots-blackx2 .slick-dots button {
    width: 9px;
    border-radius: 10px;
    height: 9px;
    background: rgb(91, 88, 91, 48%);
    border: 1px solid #5b585b;
    margin: 0 auto;
    padding: 0
}
.dots-black .slick-dots li:hover button {
    background: #5b585b
}
.portada-centralx2 .portada-duo,
.portada-centralx2 .portada-duox2 {
    height: 818px;
    position: relative
}
.portada-centralx2 .portada-duo::before,
.portada-centralx2 .portada-duox2::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #00000066 0 0 no-repeat padding-box;
    opacity: 1
}
.portada-centralx2 .box-center,
.portada-centralx2 .box-centerx2 {
    z-index: 3;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    max-width: 818px;
    margin: 0 auto;
    text-align: center
}
.portada-centralx2 .box-centerx2 {
    top: 10%
}
.portada-centralx2 .box-center h5,
.portada-centralx2 .box-centerx2 h5 {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    margin: 0
}
.section-transporte {
    border-bottom: 1px solid #dedede
}
.section-transporte .container {
    max-width: 1280px;
    padding: 120px 20px 75px 20px
}
.section-transporte .box-contenido {
    max-width: 470px;
    margin: 0 auto;
    color: #ffffff;
}
.section-transporte .img-unica {
    width: 61px;
    height: auto;
    margin-bottom: 20px
}
.section-transporte .box-contenido .titulo-box {
    color: #000;
    font-weight: 700;
    font-size: 40px;
    margin: 0;
    padding-bottom: 20px;
    line-height: 1.2;
    max-width: 430px
}
.section-transporte .box-contenido p {
    /* color: #5b585b; */
    font-weight: 400;
    font-size: 16px;
    margin: 0;
    padding-bottom: 10px;
    line-height: 1.5
}
.section-transporte .box-contenido p strong {
    color: #ffffff;
    font-size: 23px;
}
.section-transporte .btn-orange {
    padding: 12px 5px 12px;
    font-weight: 400;
    max-width: 170px;
    margin-top: 25px;
    border-radius: 3px;
    display: inline-block;
}
.section-transporte .img-listx2 {
    width: 100%;
    height: 364px;
    position: relative
}
.section-transporte .slick-initialized .slick-slide {
    display: block
}
.section-transporte .arrow-leftx2 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}
.section-transporte .arrow-rightx2 {
    position: absolute;
    top: 50%;
    right: -40px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}
.dots-blackx2 .slick-dots {
    bottom: -35px;
    right: 0;
    text-align: right
}
.dots-blackx2 .slick-dots li button::before {
    display: none
}
.dots-blackx2 .slick-dots li {
    margin: 0 2px
}
.dots-blackx2 .slick-dots li:hover button {
    background: #5b585b
}
.portada-servicios {
    height: 545px
}
.portada-servicios::before {
    background: transparent linear-gradient(180deg, #0000004D 0, #000000BF 100%) 0 0 no-repeat padding-box;
    opacity: 1
}
.portada-servicios .box-center h5 {
    padding-bottom: 30px
}
.portada-central .box-center p {
    max-width: 658px
}
.section-servicios .container {
    max-width: 1100px;
    padding: 100px 0 90px
}
.section-servicios .box-title {
    max-width: 543px
}
.section-servicios .box-title h5 {
    color: #5b585b;
    font-weight: 700;
    font-size: 26px;
    margin: 0
}
.section-servicios .box-list {
    max-width: 513px
}
.section-servicios .box-list ul {
    margin: 0;
    padding: 0;
    list-style: none
}
.section-servicios .box-list ol li {
    font-size: 20px;
    color: #ec6331;
    position: relative
}
.section-servicios .box-list ul li {
    font-size: 20px;
    color: #ec6331;
    position: relative;
    padding-left: 20px
}
.section-servicios .box-list ul li::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #ec6331;
    position: absolute;
    top: 8px;
    left: 0;
    border-radius: 50%
}
.section-servicios .box-list p {
    color: #5b585b;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding-bottom: 10px
}
.hidden {
    display: none
}
.section-serviciosx2 {
    background: #f6f6f6
}
.section-serviciosx2 .container {
    padding: 76px 0;
    max-width: 1200px
}
.section-serviciosx2 .box-contenido {
    max-width: 1116px;
    margin: 0 auto;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}
.section-serviciosx2 .btn-bluex2 {
    padding: 46px 20px;
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    width: 100%;
    background: #0081af;
    display: table;
    text-align: center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}
.section-serviciosx2 .box-contenidox2 {
    max-width: 768px;
    margin: 0 auto;
    padding: 60px 20px 80px;
    display: none
}
.section-serviciosx2 .box-contenidox2.mostrar {
    display: block
}
.section-serviciosx2 .box-contenidox2 h5 {
    font-weight: 700;
    font-size: 26px;
    text-align: center;
    color: #000;
    margin: 0;
    padding-bottom: 60px
}
.section-serviciosx2 .box-contenidox2 h6 {
    font-weight: 700;
    font-size: 20px;
    color: #000;
    margin: 0;
    padding-bottom: 36px
}
.section-serviciosx2 .box-listx2 ul {
    margin: 0;
    padding: 0;
    list-style: none
}
.section-serviciosx2 .box-listx2 ul li {
    padding-left: 20px;
    position: relative
}
.section-serviciosx2 .box-listx2 ul li::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #ec6331;
    position: absolute;
    top: 8px;
    left: 0;
    border-radius: 50%
}
.portada-clientes {
    height: 545px
}
.portada-clientes::before {
    background: transparent linear-gradient(180deg, #0000004D 0, #000000BF 100%) 0 0 no-repeat padding-box;
    opacity: 1
}
.portada-clientes .box-center h5 {
    padding-bottom: 21px
}
.portada-clientes .box-center p {
    max-width: 512px
}
.section-clientex1 .container {
    padding: 80px 0 50px;
    max-width: 1000px
}
.section-clientex1 .title-black {
    font-size: 26px;
    padding-bottom: 50px
}
.section-clientex1 .box-contenido {
    background: #f6f6f6;
    padding: 56px 5px;
    max-width: 349px;
    text-align: center;
    margin: 0 10px;
    border-bottom: 10px solid transparent;
    vertical-align: top;
    transition: all .3s
}
.section-clientex1 .box-contenido:hover {
    background: #fff;
    border-bottom: 10px solid #ec6331
}
.section-clientex1 .box-contenido h4 {
    color: #000;
    font-weight: 700;
    font-size: 30px;
    margin: 0;
    padding-bottom: 8px
}
.section-clientex1 .box-contenido h6 {
    color: #000;
    font-weight: 700;
    font-size: 20px;
    margin: 0;
    padding-bottom: 5px
}
.section-clientex1 .box-img img {
    max-width: 70px;
    max-height: 50px;
    display: table;
    margin: 0 auto;
    margin-bottom: 28px
}
.section-clientex1 .caja-imagen {
    max-width: 990px;
    margin: 0 auto;
    height: 529px;
    position: relative;
    margin-top: 43px;
    margin-bottom: -140px
}
.section-clientex2 {
    background: #f6f6f6;
    padding: 180px 0 40px;
    overflow: hidden
}
.section-clientex2 .container {
    max-width: 1520px;
    background: #fff;
    padding-bottom: 70px
}
.section-clientex2 .title-black {
    padding: 82px 0 45px
}
.section-clientex2 .box-contenidox2 {
    background: #f6f6f6;
    padding: 30px 5px 42px;
    max-width: 380px;
    margin: 0 10px 138px;
    min-height: 450px;
    margin: 0 auto;
    width: 100%
}
.section-clientex2 .container .row {
    max-width: 1200px;
    margin: 0 auto!important
}
.section-clientex2 .box-imgx2 img {
    max-width: 70px;
    max-height: 50px;
    display: table;
    margin: 0 auto;
    margin-bottom: 20px
}
.section-clientex2 .box-contenidox2 h2 {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #5b585b;
    margin: 10px 0 30px
}
.section-clientex2 .box-contenidox2 p {
    font-size: 16px;
    font-weight: 400;
    color: #5b585b
}
.section-clientex2 .box-contenidox2 ul {
    padding: 0;
    margin: 0;
    list-style: none
}
.section-clientex2 .box-contenidox2 ul li {
    margin-left: 50px;
    max-width: 257px;
    margin-bottom: 2px;
    padding-left: 20px;
    position: relative
}
.section-clientex2 .box-contenidox2 ul li span {
    font-size: 16px;
    font-weight: 400;
    color: #5b585b
}
.section-clientex2 .box-contenidox2 ul li::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #0081af;
    position: absolute;
    top: 8px;
    left: 0;
    border-radius: 50%
}
.portada-sostenible {
    height: 800px;
    overflow: hidden
}
.portada-sostenible .box-slider {
    max-width: 820px;
    margin: 0 auto;
    padding-bottom: 25px
}
.portada-sostenible .box-slider .slick-dots {
    bottom: -45px
}
.portada-sostenible .box-center h5 {
    padding-bottom: 24px
}
.portada-sostenible .box-center p {
    font-size: 20px;
    font-style: italic
}
.dots-white .slick-dots {
    bottom: -45px
}
.dots-white .slick-dots li button::before {
    display: none
}
.dots-white .slick-dots li {
    margin: 0 3px
}
.dots-white .slick-dots button {
    width: 4px;
    border-radius: 30px;
    height: 4px;
    background: rgb(255, 255, 255, 20%);
    border: 1px solid rgb(255, 255, 255, 20%)
}
.dots-white .slick-dots li:hover button {
    background: #fff
}
.dots-white .slick-dots .slick-active button {
    background: #fff
}
.section-indicadores {
    padding: 82px 0 70px;
    position: relative;
    z-index: 3
}
.section-indicadores .title-black {
    padding-bottom: 33px
}
.section-indicadores .col-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}
.section-indicadores .box-espace {
    max-width: 340px;
    padding: 58px 0 71px;
    text-align: center;
    min-height: 331px;
    display: flex
}
.section-indicadores .bgn-blue {
    background: #0081af
}
.section-indicadores .bgn-yellow {
    background: #fec905
}
.bgn-red {
    background: #ec6331
}
.bgn-green {
    background: #aecc4e
}
.section-indicadores .bgn-black {
    background: #5b585b
}
.section-indicadores .box-center {
    max-width: 186px;
    margin: 0 auto
}
.section-indicadores .box-center h2 {
    font-weight: 700;
    font-size: 54px;
    margin-bottom: 11px;
    color: #fff
}
.section-indicadores .box-center p {
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 10px;
    color: #fff;
    display: flex;
    align-items: center;
    height: 30%
}
.section-indicadores .box-img img {
    max-width: 61px;
    width: auto;
    max-height: 55px;
    margin: 0 auto;
    margin-top: 20px
}
.section-objetivos {
    padding-top: 110px;
    z-index: 3;
    padding-bottom: 40px
}
.section-objetivos .box-sliderx2 {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 0
}
.section-objetivos .box-img {
    height: 530px;
    width: 100%;
    position: relative
}
.dots-greyx1 .slick-dots li button::before {
    display: none
}
.dots-greyx1 .slick-dots li {
    margin: 0 3px
}
.dots-greyx1 .slick-dots button {
    width: 6px;
    border-radius: 30px;
    height: 6px;
    background: rgb(91, 87, 91, 50%);
    border: 0
}
.dots-greyx1 .slick-dots li:hover button {
    background: #5b585b
}
.dots-greyx1 .slick-dots .slick-active button {
    background: #5b585b
}
.section-principios .container {
    background: #fff;
    padding: 84px 0 0 0
}
.section-objetivos .title-black,
.section-principios .title-black {
    padding-bottom: 39px
}
.section-objetivos .box-title,
.section-principios .box-title {
    padding-bottom: 70px;
    margin: 0 auto;
    max-width: 880px;
    padding-left: 16px;
    padding-right: 16px
}
.section-objetivos .box-title {
    padding-bottom: 45px
}
.section-principios .box-title p {
    font-size: 16px;
    font-weight: 400;
    color: #5b585b;
    margin-bottom: 5px
}
.section-principios .box-espacex2 {
    max-width: 566px;
    padding: 63px 0 135px;
    text-align: center;
    display: flex;
    height: 100%;
    min-height: 400px;
    position: relative
}
.section-principios .bgn-img::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: transparent linear-gradient(180deg, #00000057 0, #000000B3 100%) 0 0 no-repeat padding-box;
    opacity: 0;
    transition: all .4s
}
.section-principios .bgn-img .img-central {
    opacity: 0;
    transition: all .4s
}
.section-principios .bgn-img:hover .img-central,
.section-principios .bgn-img:hover::before {
    opacity: 1
}
.section-principios .box-centerx2 {
    max-width: 394px;
    margin: 0 auto;
    z-index: 5;
    align-content: center;
    display: flex;
    padding: 0 10px
}
.section-principios .box-centerx2 h2 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 32px
}
.section-principios .box-centerx2 h6 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px
}
.section-principios .box-centerx2 p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 5px
}
.section-principios .img-objetivos {
    max-width: 53px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 24px;
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 4
}
.section-principios .bgn-blue {
    background: #33497f
}
.section-principios .bgn-bluex2 {
    background: #0081af
}
.section-principios .bgn-celeste {
    background: #00bfc7
}
.section-lineas .container {
    padding-top: 92px
}
.section-lineas .title-black {
    padding-bottom: 60px
}
.section-gallery-0 .box-contenido {
    max-width: 589px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 45px
}
.section-gallery-0 .box-contenido .title-black {
    padding-bottom: 39px;
    font-size: 30px
}
.section-gallery-0 .box-contenido p {
    font-size: 16px;
    font-weight: 400;
    color: #5b585b;
    margin-bottom: 5px
}
.section-gallery-0 .box-sliderx3 {
    max-width: 680px;
    margin: 0 auto;
    position: relative;
    margin-bottom: -50px
}
.section-lineas .box-img {
    height: 300px;
    position: relative
}
.section-gallery-0.dots-greyx1 .slick-dots {
    bottom: -40px;
    right: -7px;
    text-align: right
}
.section-check {
    background: #f6f6f6
}
.section-check .container {
    padding: 150px 0 80px;
    max-width: 1150px
}
.section-check .box-contenido {
    padding: 0 15px;
    max-width: 385px;
    margin: 0 auto;
    text-align: center
}
.section-check .box-img {
    margin-bottom: 32px
}
.section-check .img-check {
    max-width: 51px;
    width: 100%;
    height: auto;
    margin: 0 auto
}
.section-check .box-contenido h3 {
    font-weight: 700;
    font-size: 26px;
    color: #000;
    margin-bottom: 26px
}
.section-check .box-contenido ol,
.section-check .box-contenido ul {
    padding-left: 15px
}
.section-check .box-contenido li {
    display: block;
    font-weight: 400;
    font-size: 16px;
    color: #5b585b;
    margin-bottom: 5px
}
.section-check .list-left li {
    text-align: left
}
.section-testimonios {
    border-bottom: 1px solid #dedede
}
.section-testimonios .container {
    padding: 93px 10px 100px;
    max-width: 1300px
}
.section-testimonios .title-black {
    padding-bottom: 10px
}
.section-testimonios .box-sliderx4 {
    padding-top: 50px;
    padding-bottom: 16px
}
.section-testimonios .box-contenido {
    padding: 35px 30px 18px;
    max-width: 507px;
    margin: 0 auto;
    border: 1px solid #f6f6f6;
    border-radius: 4px;
    background: #f6f6f6;
    transition: all .3s;
    cursor: pointer
}
.section-testimonios .contenido-testimonios .slick-slide {
    margin: 0 10px
}
.section-testimonios .box-contenido:hover {
    background: #fff;
    border: 1px solid #fff
}
.section-testimonios .box-title {
    padding-bottom: 38px;
    margin-left: 30%;
    position: relative
}
.section-testimonios .img-testimonio {
    position: absolute;
    left: -43%;
    top: -15px;
    border-radius: 50px;
    width: 74px;
    height: 74px;
    background-position: center;
    background-size: cover
}
.section-testimonios .box-title h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 3px;
    color: #000
}
.section-testimonios .box-title span {
    font-size: 16px;
    color: #5b585b;
    font-weight: 400;
    margin: 0
}
.section-testimonios .box-contenido p {
    font-size: 16px;
    font-weight: 400;
    color: #5b585b;
    margin-bottom: 5px
}
.section-testimonios.dots-greyx1 .slick-dots {
    bottom: -45px
}
.section-financiero .box-espace {
    padding: 89px 0 50px
}
.section-financiero .title-blue {
    padding-bottom: 60px
}
.section-financierox2 {
    background: #f6f6f6;
    padding: 20px 0 70px
}
.title-grey {
    text-align: center;
    color: #5b585b;
    margin: 0;
    font-size: 26px;
    font-weight: 700;
    padding-bottom: 50px
}
.section-financierox2 .container {
    max-width: 800px
}
.section-financierox2 .accordion .card {
    border: 0;
    margin-bottom: 20px;
    border-radius: 0!important
}
.section-financierox2 .lista-select .card-header {
    padding: 0;
    border: 0
}
.section-financierox2 .bgn-white {
    background: #fff;
    padding: 13px 30px 0;
    display: block;
    border-radius: 4px
}
.section-financierox2 .card-header i {
    float: right;
    color: #000;
    position: relative;
    top: -12px
}
.section-financierox2 .card-header h5 {
    font-size: 26px;
    font-weight: 700;
    color: #000;
    margin-bottom: 7px
}
.section-financierox2 .card-header h4 {
    font-size: 16px;
    font-weight: 400;
    color: #5b585b;
    border-bottom: 2px solid #f6f6f6;
    padding-bottom: 20px;
    margin: 0
}
.section-financierox2 .box-lista {
    padding: 10px 10px 17px
}
.section-financierox2 .box-lista h4 {
    font-size: 16px;
    font-weight: 400;
    color: #5b585b;
    margin: 0
}
.section-financierox2 .box-right {
    text-align: right;
    margin-top: 10px
}
.section-financierox2 .btn-orange {
    max-width: 167px
}
.section-anual {
    padding: 30px 0 126px
}
.section-compania .container {
    padding: 89px 0 50px
}
.section-compania .title-blue {
    padding-bottom: 60px
}
.compania-part1 {
    background: #f6f6f6
}
.compania-part1 .container {
    padding: 50px 0 30px;
    max-width: 1000px
}
.compania-part1 .box-title h5 {
    font-size: 26px;
    font-weight: 700;
    color: #5b585b;
    margin-bottom: 5px;
    line-height: 1.5
}
.compania-part1 .box-title p {
    font-size: 16px;
    font-weight: 400;
    color: #5b585b;
    margin-bottom: 5px
}
.compania-part2 {
    background: #f6f6f6;
    padding: 30px 0 50px
}
.compania-part2 .container-companiax1 {
    padding: 80px 0 40px;
    max-width: 1000px;
    border: 1px solid #dedede
}
.compania-part2 .box-espace {
    margin-bottom: 50px
}
.compania-part2 .box-contenido {
    text-align: center;
    max-width: 300px;
    padding: 5px;
    margin: 0 auto
}
.compania-part2 .box-contenido h5 {
    font-size: 26px;
    font-weight: 700;
    color: #000;
    margin-bottom: 26px
}
.compania-part2 .box-contenido p {
    font-size: 16px;
    font-weight: 400;
    color: #5b585b;
    margin-bottom: 5px
}
.compania-part2 .container-companiax2 {
    padding: 20px 0 0 0;
    max-width: 1000px
}
.compania-part2 .container-companiax2 h4 {
    font-size: 16px;
    font-weight: 400;
    color: #5b585b;
    margin: 0
}
.section-noticias {
    width: 100%;
    height: 320px;
    display: flex;
    align-items: center;
    position: relative;
    background-position: center;
    background-size: cover;
    padding: 0 25px
}
.section-noticias::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: transparent linear-gradient(180deg, #00000000 0, #000000B3 100%) 0 0 no-repeat padding-box;
    opacity: 1
}
.section-noticias .container {
    max-width: 1200px;
    z-index: 2;
    padding: 0
}
.section-noticias .box-title h3 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    margin: 0
}
.section-buscador {
    background: #f6f6f6
}
.section-buscador .container {
    max-width: 1200px;
    background: #fff;
    padding: 40px 15px;
    z-index: 5;
    position: relative;
    top: -80px
}
.section-buscador .list-white li {
    display: inline-block
}
.section-buscador .list-white h5 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin: 0;
    padding-right: 30px
}
.section-buscador .select-contacto {
    padding: 14px 24px;
    width: 239px;
    border: 1px solid #f6f6f6;
    margin-right: 37px;
    background: #f6f6f6;
    color: #5b585b
}
.section-buscador .input-contacto {
    padding: 14px 24px;
    width: 340px;
    border: 1px solid #f6f6f6;
    background: #f6f6f6;
    color: #5b585b;
    margin-right: 30px
}
.btn-bluex2 {
    font-size: 16px;
    color: #fff;
    display: block;
    padding: 14px 5px;
    border: 2px solid #0081af;
    background: #0081af;
    font-weight: 700;
    width: 167px;
    text-align: center;
    transition: all .3s
}
.btn-bluex2:hover {
    background: #fff;
    color: #0081af
}
.noticias-part2 {
    background: #f6f6f6;
    padding-top: 0;
    padding-bottom: 40px
}
.noticias-part2 .container {
    max-width: 1240px
}
.noticias-part2 .list-display li {
    display: block
}
.margin-espace {
    margin: 20px 10px
}
.noticias-part2 .box-contenido {
    height: 360px;
    width: 100%;
    z-index: 0
}
.noticias-part2 .box-contenido::before,
.noticias-part2 .box-contenidox2::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: transparent linear-gradient(180deg, #00000000 0, #000000B3 100%) 0 0 no-repeat padding-box;
    opacity: 1
}
.noticias-part2 .box-central,
.noticias-part2 .box-centralx2 {
    z-index: 3;
    position: absolute;
    bottom: 20px;
    right: 0;
    padding: 0 34px;
    width: 100%
}
.noticias-part2 .box-centralx2 {
    bottom: 15px
}
.noticias-part2 .box-contenidox2 {
    height: 170px;
    width: 100%;
    z-index: 0
}
.noticias-part2 .box-central h5,
.noticias-part2 .box-centralx2 h5 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 17px;
    color: #fff
}
.noticias-part2 .box-central h6,
.noticias-part2 .box-centralx2 h6 {
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    color: #fff
}
.noticias-part3 {
    background: #f6f6f6;
    padding: 50px 0
}
.noticias-part3 .container {
    background: #fff;
    padding: 72px 40px 108px
}
.noticias-part3 .title-black {
    padding-bottom: 59px
}
.noticias-part3 .img-vista {
    height: 320px;
    width: 100%;
    background-position: center;
    background-size: cover
}
.noticias-part3 .box-list {
    margin: 10px 20px 30px
}
.noticias-part3 .box-text {
    background: #fff;
    padding: 25px 10px 15px 0
}
.noticias-part3 .box-text h5 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px
}
.noticias-part3 .box-text h6 {
    font-size: 14px;
    font-weight: 300;
    color: #000;
    margin: 0
}
.noticias-part3 .box-espace {
    text-align: center;
    margin-top: 63px
}
.noticias-part3 .btn-orange {
    max-width: 239px
}
.noticias-filtro {
    padding: 0
}
.noticias-filtro .container {
    background: #f6f6f6;
    max-width: 1240px;
    padding: 0 0 55px
}
.noticias-filtro .box-text {
    background: #f6f6f6
}
.section-notas {
    background: #f6f6f6;
    padding: 0 0 50px
}
.section-notas .container {
    padding: 60px 50px;
    padding-bottom: 85px;
    max-width: 1480px;
    background: #fff;
    position: relative;
    overflow: hidden
}
.section-notas .box-contenido {
    border: 1px solid #dedede;
    padding: 50px 46px 40px;
    max-width: 386px;
    margin: 25px auto;
    width: 100%
}
.section-notas .box-espace {
    min-height: 215px
}
.section-notas .box-espace h4 {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    margin: 0;
    padding-bottom: 30px
}
.section-notas .box-espace p {
    font-size: 16px;
    font-weight: 400;
    color: #5b585b;
    margin-bottom: 5px
}
.section-notas .box-btn {
    display: table;
    margin: 0 auto
}
.section-notas .btn-bluex2 {
    width: 239px;
    margin-top: 30px
}
.section-notas .espace-btn {
    margin-top: 55px;
    text-align: center
}
.section-notas .btn-orange {
    max-width: 239px
}
.section-detalle {
    height: 320px
}
.section-detalle .container {
    max-width: 1000px
}
.detalle-part1 {
    background: #f6f6f6;
    padding: 70px 0 2px;
    position: relative;
    overflow: hidden
}
.detalle-part1 .container-detallex1 {
    max-width: 1520px;
    padding: 85px 0 30px;
    background: #fff
}
.detalle-part1 .detalle-unico,
.detalle-part1 .detalle-unicox2 {
    max-width: 840px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative
}
.detalle-unico img {
    height: auto;
    max-width: 100%;
    margin: 30px 0
}
.detalle-unico a {
    color: #0081af;
    text-decoration: underline
}
.detalle-unico {
    line-height: 1.7
}
.detalle-unico blockquote {
    color: #0081af;
    font-style: italic;
    margin: 15px 0;
    position: relative;
    padding-left: 30px
}
.detalle-unico blockquote::before {
    background-image: url(../../assets/img/comilla.png);
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 5px;
    background-repeat: no-repeat
}
.detalle-part1 .container-detallex2 {
    max-width: 1520px;
    padding: 30px 0 122px;
    background: #fff
}
.detalle-part1 .btn-link {
    padding-bottom: 48px
}
.detalle-part1 .btn-link li {
    display: inline-block;
    margin-right: 30px
}
.detalle-part1 .btn-bluex2 {
    width: 239px
}
.detalle-part1 .btn-orange {
    width: 239px;
    padding: 13px 12px
}
.detalle-part1 .btn-linkx2 li {
    display: block;
    margin-bottom: 15px
}
.detalle-part1 .btn-white {
    font-size: 16px;
    color: #000;
    display: inline-block;
    padding: 9px 5px;
    border: 1px solid #dedede;
    background: #fff;
    font-weight: 400;
    text-align: center;
    transition: all .3s;
    border-radius: 23px;
    padding-left: 22px;
    padding-right: 45px;
    position: relative
}
.detalle-part1 .btn-white i {
    position: absolute;
    top: 8px;
    right: 14px
}
.detalle-part1 .right-blue {
    color: #0081af;
    font-size: 24px;
    margin-left: 32px
}
.section-inversionista .container {
    background: #f6f6f6;
    padding: 0
}
.img-inversionista {
    width: 100%;
    height: 900px;
    display: flex;
    align-items: center;
    position: relative;
    background-position: center;
    background-size: cover
}
.img-inversionista::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #0081af 0 0 no-repeat padding-box;
    opacity: .6
}
.section-inversionista .box-espace {
    max-width: 420px;
    margin: 0 auto;
    z-index: 4
}
.section-inversionista .box-title {
    color: #fff;
    margin-bottom: 77px
}
.section-inversionista .box-title h3 {
    font-size: 50px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 33px
}
.section-inversionista .box-title h4 {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 15px
}
.section-inversionista .box-title h6 {
    font-size: 16px;
    font-weight: 300;
    margin: 0
}
.section-inversionista .box-trio {
    margin-bottom: 26px
}
.section-inversionista .box-contact {
    padding-bottom: 28px;
    margin-left: 44px;
    position: relative;
    color: #fff
}
.section-inversionista .img-contact {
    position: absolute;
    left: -40px;
    top: 12px
}
.section-inversionista .img-contactx2 {
    position: absolute;
    left: -40px;
    top: 0
}
.section-inversionista .box-contact h6 {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    line-height: 1.5
}
.section-inversionista .box-duo h6 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 28px;
    color: #fff
}
.section-inversionista .box-access {
    width: 100%;
    height: 900px;
    display: flex;
    align-items: center;
    position: relative
}
.section-inversionista .content-access {
    max-width: 400px;
    margin: 0 auto
}
.section-inversionista .contact-title {
    margin-bottom: 37px
}
.section-inversionista .contact-title h3 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 17px;
    color: #000
}
.section-inversionista .contact-title p {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    color: #000
}
.section-inversionista .input-access {
    padding: 15px 20px;
    width: 100%;
    border: 1px solid #d6d6d6;
    background: #fff;
    margin-bottom: 20px
}
.section-inversionista .input-access::placeholder {
    color: #000
}
.section-inversionista .box-check {
    margin: 4px 0 23px
}
.aspa-check {
    position: relative;
    padding-left: 30px;
    display: block
}
.aspa-check input {
    opacity: 0;
    position: absolute;
    left: 0
}
.checkmark {
    position: absolute;
    top: -3px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #5b585b;
    border-radius: 3px
}
.aspa-check input:checked~.checkmark:after {
    display: block;
    border: solid #000;
    border-width: 0 2px 2px 0
}
.aspa-check input:checked~.checkmark {
    background-color: #fff
}
.checkmark:after {
    content: "";
    display: block;
    left: 5px;
    top: 0;
    width: 7px;
    position: relative;
    height: 15px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.modal .parrafo-grey p,
.section-inversionista .parrafo-grey {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    color: #5b585b
}
.section-inversionista .link-black {
    font-weight: 700;
    color: #5b585b;
    text-decoration: underline
}
.section-inversionista .contact-right {
    margin: 20px 0 37px;
    text-align: right
}
.section-inversionista .link-blackx2 {
    color: #000;
    font-size: 13px;
    font-weight: 400
}
.section-inversionista .btn-grey {
    font-size: 16px;
    color: #000;
    display: block;
    padding: 11px 5px;
    border: 2px solid #f6f6f6;
    background: #f6f6f6;
    font-weight: 400;
    width: 159px;
    text-align: center;
    transition: all .3s
}
.section-inversionista .btn-bluex2 {
    width: 159px;
    padding: 11px 5px;
    margin-left: auto;
    font-weight: 400
}
.section-central {
    background: #f6f6f6;
    width: 100%;
    height: 568px;
    position: relative
}
.section-central .inner {
    display: flex;
    align-items: center
}
.section-central .box-espace {
    max-width: 428px;
    margin: 0 auto;
    margin-right: 120px
}
.section-central .box-title {
    margin-bottom: 57px
}
.section-central .box-title h3 {
    font-size: 50px;
    color: #000;
    font-weight: 700;
    margin: 0
}
.section-central .box-contact {
    padding-bottom: 28px;
    margin-left: 60px;
    position: relative;
    color: #5b585b
}
.section-central .img-orange {
    position: absolute;
    left: -58px;
    top: 0
}
.section-central .box-contact h6 {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    color: #5b585b;
    line-height: 1.4
}
.section-central .box-contact h3,
.section-central .box-contact h4 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    color: #5b585b;
    line-height: 1.4
}
.section-central .box-contact h4 {
    font-weight: 400
}
.section-formulario {
    border-bottom: 1px solid #dedede;
    padding: 100px 0 150px
}
.section-formulario .container {
    max-width: 830px;
    margin: 0 auto
}
.section-formulario .title-black {
    text-align: left;
    padding-bottom: 30px
}
.section-formulario .box-parrafo {
    padding-bottom: 45px
}
.section-formulario .box-parrafo p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    color: #5b585b
}
.section-formulario .input-contacto,
.section-formulario .select-contacto {
    padding: 16px 20px;
    width: 100%;
    border: 1px solid #dedede;
    margin-bottom: 25px;
    color: #5b585b;
    height: 54px
}
.section-formulario .textarea-contacto {
    border: 1px solid #dedede;
    padding: 17px 20px;
    height: 180px;
    width: 100%;
    margin-bottom: 17px
}
.section-formulario .palabra-unica {
    margin-bottom: 20px
}
.section-formulario .palabra-unica h6 {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    color: #5b585b
}
.section-formulario .box-archivos {
    padding: 10px 0
}
.section-formulario .box-archivos li {
    display: inline-block;
    margin: 5px 0;
    vertical-align: middle
}
.section-formulario .btn-grey {
    font-size: 16px;
    font-weight: 400;
    margin-right: 5px;
    color: #000;
    background: #f6f6f6;
    padding: 5px;
    border-radius: 7px
}
.section-formulario .btn-greyx2 {
    font-size: 16px;
    font-weight: 400;
    color: #5b585b;
    margin: 0;
    padding-left: 16px
}
.section-formulario .btn-espace {
    margin: 20px 0 37px
}
.section-formulario .btn-archivo {
    font-size: 16px;
    color: #000;
    display: table;
    padding: 7px;
    border: 1px solid #f6f6f6;
    background: #f6f6f6;
    font-weight: 400;
    text-align: center;
    border-radius: 7px;
    position: relative;
    padding-left: 35px;
    padding-right: 11px
}
.section-formulario .box-parrafox2 {
    margin-bottom: 30px
}
.section-formulario .box-parrafox2 p {
    font-size: 14px;
    font-weight: 400;
    color: #5b585b
}
.section-formulario .btn-espacex2 {
    text-align: center;
    padding-top: 10px
}
.section-formulario .btn-orange {
    max-width: 239px;
    padding: 13px 12px;
    display: table;
    margin: 0 auto;
    cursor: pointer
}
.formulario-part2 {
    background: #f6f6f6;
    padding: 70px 0 60px
}
.formulario-part2 .container {
    background: #fff;
    padding: 79px 0 101px;
    max-width: 1520px
}
.formulario-part2 .espace-width {
    max-width: 840px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    overflow: hidden
}
.formulario-part2 .title-black {
    padding-bottom: 19px
}
.formulario-part2 .box-parrafo {
    padding-bottom: 40px
}
.formulario-part2 .aspa-check input:checked~.checkmark {
    background-color: #0081af
}
.formulario-part2 .checkmark {
    border: 2px solid #0081af
}
.formulario-part2 .aspa-check input:checked~.checkmark:after {
    display: block;
    border: solid #fff;
    border-width: 0 2px 2px 0
}
.formulario-part2 .checkmark:after {
    height: 12px
}
.formulario-part2 .box-check {
    padding: 32px 0 40px
}
.wpcf7-form-control-wrap.recaptcha>span>div {
    margin-bottom: 30px
}
.formulario-part2 .parrafo-grey {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    color: #5b585b
}
.formulario-part2 .link-black {
    font-weight: 700;
    color: #5b585b;
    text-decoration: underline
}
.formulario-part2 .btn-white {
    font-size: 16px;
    color: #5b585b;
    display: inline-block;
    padding: 13px 5px;
    border: 2px solid #fff;
    background: #fff;
    font-weight: 700;
    transition: all .3s;
    max-width: 239px;
    width: 100%;
    text-align: center
}
.formulario-part2 .btn-orange {
    width: 239px;
    padding: 13px 5px;
    font-weight: 700
}
.list-contact {
    padding: 70px 90px 28px;
    background: #f6f6f6
}
.list-contact .container {
    background: #fff;
    max-width: 1400px;
    padding: 79px 0 120px;
    margin: 0 auto
}
.list-contact .box-width {
    max-width: 780px;
    margin: 0 auto;
    padding: 0 25px
}
.list-contact .title-black {
    font-size: 50px;
    padding-bottom: 16px
}
.list-contact .list-blue {
    padding: 30px 0
}
.list-contact .list-blue li {
    margin-left: 20px;
    padding-bottom: 5px;
    position: relative
}
.list-contact .list-blue li::before,
.list-contact .list-orange li::before {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    top: 6px;
    left: -18px;
    background: #0081af;
    border-radius: 100%
}
.list-contact .box-contact h6,
.list-contact .list-blue h6,
.list-contact .list-orange h5,
.list-contact .list-orange p {
    font-size: 18px;
    font-weight: 400;
    color: #5b585b;
    margin: 0
}
.list-contact .contact-espace {
    padding: 33px 0 0
}
.list-contact .box-contact {
    padding-bottom: 50px;
    margin-left: 50px;
    position: relative;
    color: #5b585b
}
.list-contact .img-orangex2 {
    position: absolute;
    left: -50px;
    top: -5px;
    max-width: 33px
}
.list-contact .list-orange {
    padding: 27px 0 7px
}
.list-contact .list-orange li {
    padding-bottom: 20px;
    margin-left: 20px;
    position: relative
}
.list-contact .list-orange li::before {
    top: 8px;
    background: #ec6331
}
.list-contact .list-orange h5 {
    display: inline-block;
    min-width: 200px;
    padding-right: 15px
}
.list-contact .list-orange p {
    display: inline-block;
    margin: 0;
    color: #000
}
.section-lineas .nav-tabs {
    border-bottom: 0
}
.section-lineas .nav {
    margin: 0 auto;
    max-width: 830px
}
.section-lineas .nav-tabs .nav-item {
    margin-bottom: 0;
    margin: 0 auto
}
.section-lineas .nav-tabs .nav-link {
    padding: 0 10px 7px;
    border: 0;
    color: #b9b9b9;
    font-size: 20px;
    margin: 0;
    font-weight: 800
}
.section-lineas .nav-link {
    display: table;
    padding-bottom: 0
}
.section-lineas .nav-tabs .nav-link.active {
    color: #5b585b;
    border-bottom: 3px solid #0081af
}
.section-objetivos .nav-tabs {
    border-bottom: 0
}
.section-objetivos .nav {
    margin: 0 auto;
    max-width: 1000px
}
.section-objetivos .nav-tabs .nav-item {
    margin: 0 auto
}
.section-objetivos .nav-link {
    display: table
}
.section-objetivos .nav-tabs .nav-link {
    padding: 5px 10px 5px;
    border: 0;
    color: #5b585b;
    font-size: 20px;
    font-weight: 800;
    min-height: 100px;
    height: 100%;
    position: relative;
    padding-bottom: 20px;
    margin: 0 auto
}
.section-objetivos .nav-tabs .nav-link::before {
    content: '';
    display: block;
    bottom: 0;
    left: 50%;
    width: 100px;
    height: 5px;
    position: absolute;
    background: #fec905;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    opacity: 0
}
.section-objetivos .nav-tabs .nav-link.active::before {
    opacity: 1
}
.section-objetivos .nav-tabs .nav-link span {
    display: block;
    font-size: 20px;
    color: #5b585b
}
.section-objetivos .nav-tabs .nav-link.active span {
    color: #000;
    font-size: 30px;
    line-height: 1.1
}
.section-central .container {
    max-width: 100%
}
.portada-operacion {
    height: 890px;
    position: relative
}
.portada-operacion .box-center {
    z-index: 3;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    max-width: 1150px;
    margin: 0 auto;
    text-align: center
}
.portada-operacion .titulo {
    font-size: 50px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    padding-bottom: 55px
}
.portada-gas::before,
.portada-operacion::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: transparent linear-gradient(180deg, #00000000 0, #000000A9 47%, #000 100%) 0 0 no-repeat padding-box;
    opacity: .93
}
.portada-operacion p {
    color: #fff;
    font-size: 16px
}
.portada-operacion .item {
    max-width: 330px;
    margin: 0 auto
}
.portada-operacion .subtitle {
    color: #fff;
    font-size: 26px;
    margin-bottom: 25px
}
.portada-operacion .item .icono {
    max-height: 52px;
    margin: 0 auto;
    margin-bottom: 27px
}
.portada-operacion .row-element {
    position: relative;
    top: 10%
}
.section-operacion-5 {
    padding-top: 90px;
    padding-bottom: 80px;
    padding-left: 10px;
    padding-right: 10px
}
.section-operacion-5 .container {
    max-width: 1150px
}
.section-operacion-5 .titulo {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 80px
}
.section-operacion-5 .subtitle {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px
}
.section-operacion-5 .item {
    max-width: 300px;
    width: 100%;
    margin: 0 auto
}
.section-operacion-5 .item .icono {
    max-height: 48px;
    margin: 0 auto;
    margin-bottom: 33px
}
.section-operacion-4 {
    background: #f6f6f6;
    min-height: 495px;
    padding-top: 60px;
    padding-bottom: 55px
}
.section-operacion-4 p {
    color: #5b585b
}
.section-operacion-4 .titulo {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 60px
}
.section-operacion-4 .subtitle {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 30px;
    max-width: 160px;
    line-height: 1.4;
    min-height: 38px
}
.section-operacion-4 .item {
    max-width: 210px;
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 auto
}
.section-operacion-4 .item .icono {
    max-width: 65px;
    margin-bottom: 35px
}
.section-operacion-4 .container {
    max-width: 1500px;
    position: relative;
    padding-left: 70px;
    padding-right: 70px
}
.section-noticias.sin-sombra::before {
    display: none
}
.section-operacion-4 .arrow-left-herramienta i,
.section-operacion-4 .arrow-right-herramienta i {
    font-size: 24px;
    color: #fff;
    border-radius: 30px;
    background: #ec6331;
    border: 1px solid #ec6331;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}
.section-operacion-4 .arrow-left-herramienta {
    position: absolute;
    top: 58%;
    left: 30px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0)
}
.section-operacion-4 .arrow-right-herramienta {
    position: absolute;
    top: 58%;
    right: -10px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0)
}
@media (min-width: 1500px) {
    .section-operacion-4 .arrow-left-herramienta {
        left: 0
    }
    .section-operacion-4 .arrow-right-herramienta {
        right: 0
    }
}
.section-operacion-2 {
    height: 400px;
    background: #f6f6f6;
    overflow: hidden
}
.section-operacion-2 .contenido {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative
}
.section-operacion-2 .img-0 {
    max-width: 900px;
    margin: 0 auto;
    display: table;
    position: relative;
    top: 10px;
    left: 7%
}
.section-operacion-3 .img-slide {
    margin-left: auto;
    display: table;
    max-width: 1100px;
    max-height: 680px
}
.section-operacion-2 .linea {
    height: 100%;
    width: 2px;
    position: absolute;
    top: 0;
    left: 20px
}
.section-operacion-2 .item {
    top: 50%;
    left: 50px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    position: absolute
}
.section-operacion-2 .item p {
    color: #0081af;
    font-size: 17px;
    font-weight: 700
}
.section-operacion-2 .item::before {
    background-image: url(../../assets/img/dots.svg);
    display: block;
    content: '';
    width: 48px;
    height: 48px;
    background-size: contain;
    position: absolute;
    left: -54px;
    top: -12px
}
.section-operacion-3 .linea {
    background-image: url(../../assets/img/linea-dashed.svg);
    height: 100%;
    width: 2px;
    position: absolute;
    top: 0;
    left: 20px;
    background-repeat-x: no-repeat
}
.section-operacion-3 .contenido {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 20px
}
.section-operacion-3 .box-line-time {
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    width: 290px;
    z-index: 5
}
.section-operacion-3 .box-line-time .item {
    cursor: pointer;
    position: relative;
    padding-left: 60px;
    min-height: 54px;
    padding-top: 10px;
    padding-bottom: 10px
}
.section-operacion-3 .box-line-time .item p {
    font-size: 17px;
    margin: 0;
    color: #5b585b
}
.section-operacion-3 .box-line-time .item::before {
    background-image: url(../../assets/img/dots.svg);
    display: block;
    content: '';
    width: 48px;
    height: 48px;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 10px;
    opacity: 0
}
.section-operacion-3 .box-line-time .slick-current .item p {
    color: #0081af;
    font-weight: 700
}
.section-operacion-3 .box-line-time .slick-current .item::before {
    opacity: 1
}
.section-operacion-3 .box-line-time .slick-list {
    height: auto!important
}
.section-camisea {
    margin-bottom: 25px;
    position: relative;
    overflow: hidden
}
.section-camisea .container {
    max-width: 1600px
}
.section-camisea .title-black {
    margin-bottom: 35px;
    margin-top: 40px
}
.section-camisea .item {
    height: 720px;
    position: relative;
    background: #aecc4e;
    padding-left: 480px
}
.section-camisea .item h3 {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 26px
}
.section-camisea .item p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin: 0
}
.section-camisea .item .box-contenido {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    height: 100%;
    width: 480px;
    padding: 20px;
    display: flex;
    align-items: center;
    background: transparent linear-gradient(14deg, #aecc4e 72%, rgb(254, 201, 5, .6) 100%) 0 0 no-repeat padding-box
}
.section-camisea .item .box-contenido .inner {
    max-width: 290px;
    margin: 0 auto;
    position: relative;
    top: -20px
}
.section-camisea .item .img-central {
    position: relative!important
}
.content-map-0 iframe {
    width: 100%;
    height: 100%
}
.section-camisea .bloque-nav-img {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 480px;
    z-index: 5
}
.section-camisea .bloque-nav-img .ico {
    max-height: 48px;
    opacity: .5;
    margin: 0 auto;
    display: table;
    cursor: pointer
}
.section-camisea .bloque-nav-img .slick-current .ico {
    opacity: 1
}
.section-camisea .bloque-nav-img .inner {
    max-width: 350px;
    margin: 0 auto
}
.section-ayacucho {
    margin-bottom: 85px;
    margin-top: 40px;
    overflow: hidden;
    position: relative
}
.section-ayacucho .container {
    max-width: 1455px;
    padding: 0
}
.section-ayacucho .box-item {
    width: 100%;
    height: 490px;
    position: relative;
    overflow: hidden;
    background: transparent linear-gradient(90deg, #0baebd 0, #2c5381 100%) 0 0 no-repeat padding-box
}
.section-ayacucho .box-item .image {
    height: 100%;
    margin-left: auto;
    display: table
}
.section-ayacucho .box-item .contenido {
    width: 445px;
    position: absolute;
    left: 50px;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 5
}
.section-ayacucho .box-item .contenido .inner {
    padding: 0 15px;
    position: relative;
    top: -20px
}
.section-ayacucho .box-item .titulo {
    color: #fff;
    font-weight: 700;
    font-size: 38px;
    margin-bottom: 0;
    min-height: 150px;
    padding-bottom: 20px
}
.section-ayacucho .box-item p {
    color: #fff
}
.section-ayacucho .btn-white {
    font-size: 16px;
    color: #ec6331;
    display: inline-block;
    padding: 13px 5px;
    border: 1px solid #fff;
    background: #fff;
    min-width: 215px;
    text-align: center;
    transition: all .3s;
    margin-top: 10px;
    border-radius: 4px
}
.section-ayacucho .btn-white:hover {
    background: 0 0;
    color: #fff
}
.nosotros-part2 .btn-bluex2:hover {
    background: #0081af!important;
    color: #fff!important
}
.box-instagram-0 {
    text-align: center;
    margin: 0 2px;
    margin-top: 0;
    display: inline-block
}
.box-instagram-0 a {
    display: inline-flex
}
.box-instagram-0 .img-hover {
    display: none
}
.box-instagram-0 .img {
    max-width: 30px;
    max-height: 30px;
    margin: 0 auto;
    height: auto
}
.box-instagram-0:hover .img-hover {
    display: block;
    margin: 0 auto
}
.box-instagram-0:hover .img-normal {
    display: none
}
.nosotros-part3 .bloque-equipo .nav-item a {
    font-size: 20px;
    color: #b9b9b9;
    position: relative;
    border-left: 1px solid #5b585b;
    padding: 0;
    line-height: 1;
    font-weight: 700;
    padding: 0 22px
}
.nosotros-part3 .bloque-equipo .nav-item a.active {
    color: #5b585b
}
.nosotros-part3 .bloque-equipo {
    margin-bottom: 30px
}
.nosotros-part3 .bloque-equipo .nav .nav-item:nth-child(1) .nav-link {
    border: 0
}
.section-accionistas {
    background: #f6f6f6;
    padding-top: 60px
}
.section-accionistas .title-black {
    padding-bottom: 65px
}
.section-accionistas .block-map-action {
    height: 720px;
    position: relative;
    background: #fff;
    padding-left: 480px;
    max-width: 1650px;
    margin: 0 auto
}
.section-accionistas .block-map-action .item {
    align-items: center;
    display: flex;
    height: 100%
}
.section-accionistas .block-map-action .item .inner {
    max-width: 330px;
    padding: 0 15px;
    margin: 0 auto
}
.section-accionistas .block-map-action .item .inner h3 {
    color: #fff;
    font-size: 38px;
    font-weight: 700
}
.section-accionistas .block-map-action .item .box-contenido {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    height: 100%;
    width: 480px;
    padding: 20px;
    display: flex;
    align-items: center;
    background: #ec6331;
    background: transparent linear-gradient(14deg, #ec6331 80%, #fec905 112%) 63% 0 no-repeat padding-box
}
.section-accionistas .block-map-action .mapa {
    max-width: 95%;
    margin: 0 auto;
    max-height: 94%;
    z-index: 0;
    position: relative
}
.section-accionistas .block-map-action .descripcion {
    position: absolute;
    top: 35px;
    left: 66%;
    max-width: 565px;
    width: 100%;
    z-index: 5;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    background: #0081af;
    border-radius: 12px;
    color: #fff;
    opacity: 0;
    transition: all .4s;
    display: none
}
.section-accionistas .block-map-action .descripcion.activo {
    opacity: 1;
    display: block
}
.section-accionistas .block-map-action .descripcion .logo {
    max-width: 215px;
    margin: 0 auto;
    display: table;
    margin-top: 20px;
    position: relative;
    left: 15px;
    margin-bottom: 17px;
    height: auto;
    max-height: 79px;
    top: 0
}
.section-accionistas .block-map-action .descripcion .content p {
    font-size: 13px;
    line-height: 1.3;
    color: #fff
}
.section-accionistas .block-map-action .descripcion .content {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 20px
}
.section-lineas {
    z-index: 2;
    padding-bottom: 45px
}
.section-objetivos .box-grey-botttom {
    height: 280px;
    background: #f6f6f6
}
.nav-objetivos .nav-link img {
    max-height: 142px;
    margin: 0 auto;
    display: table;
    margin-bottom: 12px
}
.section-objetivos .tab-content {
    padding-top: 60px;
    padding-bottom: 40px;
    background: #f6f6f6
}
.nav-objetivos .nav-link span {
    display: block
}
#menu-mega-menu .sub-menu,
#menu-mega-menu-en .sub-menu {
    padding: 0
}
#menu-mega-menu-en>li>.sub-menu,
#menu-mega-menu>li>.sub-menu {
    display: none;
    position: fixed;
    left: 0;
    background: #fff;
    width: 100%;
    height: 350px;
    transition: all .5s;
    padding: 0;
    padding-top: 70px;
    z-index: 10;
    border-top: 1px solid #e4e4e4;
    overflow: hidden
}
#menu-mega-menu-en>li:hover>.sub-menu,
#menu-mega-menu-en>li>.sub-menu:hover,
#menu-mega-menu>li:hover>.sub-menu,
#menu-mega-menu>li>.sub-menu:hover {
    display: block
}
#menu-mega-menu-en>li>.sub-menu>li>a,
#menu-mega-menu>li>.sub-menu>li>a {
    display: none
}
#menu-mega-menu-en>li>.sub-menu>li,
#menu-mega-menu>li>.sub-menu>li {
    display: inline-block;
    vertical-align: top
}
#menu-mega-menu-en>li>.sub-menu>li.bloque-1,
#menu-mega-menu>li>.sub-menu>li.bloque-1 {
    padding: 50px 0 20px
}
#menu-mega-menu-en>li>.sub-menu>li.bloque-1,
#menu-mega-menu-en>li>.sub-menu>li.bloque-2,
#menu-mega-menu>li>.sub-menu>li.bloque-1,
#menu-mega-menu>li>.sub-menu>li.bloque-2 {
    width: 25%
}
#menu-mega-menu-en>li>.sub-menu>li.bloque-3,
#menu-mega-menu>li>.sub-menu>li.bloque-3 {
    width: 49%
}
#menu-mega-menu-en>li>.sub-menu>li.bloque-1 img,
#menu-mega-menu>li>.sub-menu>li.bloque-1 img {
    max-width: 55px;
    max-height: 65px;
    width: auto;
    margin-bottom: 16px
}
#menu-mega-menu-en>li>.sub-menu>li li,
#menu-mega-menu>li>.sub-menu>li li {
    display: block;
    text-align: left;
    padding: 0 15px
}
#menu-mega-menu-en>li>.sub-menu>li li a,
#menu-mega-menu>li>.sub-menu>li li a {
    padding: 0;
    color: #5b585b!important
}
#menu-mega-menu .bg-img,
#menu-mega-menu-en .bg-img {
    width: 510px;
    height: 195px;
    background-position: center;
    background-size: cover;
    margin: 0 auto
}
#mainNav #menu-mega-menu .titulo a,
#mainNav #menu-mega-menu-en .titulo a {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #5b585b!important
}
#mainNav #menu-mega-menu .subtitulo a,
#mainNav #menu-mega-menu-en .subtitulo a {
    font-size: 15px;
    color: #5b585b!important
}
#mainNav #menu-mega-menu li.bloque-2 li a,
#mainNav #menu-mega-menu-en li.bloque-2 li a {
    color: #5b585b!important;
    font-size: 18px;
    font-weight: 300
}
#mainNav #menu-mega-menu li.bloque-2 li,
#mainNav #menu-mega-menu-en li.bloque-2 li {
    margin-bottom: 8px;
    transition: all .3s;
    position: relative
}
#mainNav.on .contenedor-nav .lista-nav .bloque-1 a {
    color: #000
}
#mainNav #menu-mega-menu li.bloque-2 li::after,
#mainNav #menu-mega-menu-en li.bloque-2 li::after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background: #0081af;
    position: relative;
    top: -18px;
    transition: all .3s;
    opacity: 0;
    left: 0;
    z-index: 0
}
#mainNav #menu-mega-menu li.bloque-2 li a,
#mainNav #menu-mega-menu-en li.bloque-2 li a {
    z-index: 2;
    transition: all .4s;
    display: block
}
#mainNav #menu-mega-menu li.bloque-2 li:hover::after,
#mainNav #menu-mega-menu-en li.bloque-2 li:hover::after {
    opacity: 1
}
#mainNav #menu-mega-menu li.bloque-2 li a:hover,
#mainNav #menu-mega-menu-en li.bloque-2 li a:hover {
    padding-left: 50px
}
#mainNav #menu-mega-menu .sub-menu li a::before,
#mainNav #menu-mega-menu-en .sub-menu li a::before {
    opacity: 0
}
#mainNav #menu-mega-menu li.bloque-2 li a:hover,
#mainNav #menu-mega-menu-en li.bloque-2 li a:hover {
    color: #0081af!important
}
#mainNav #menu-mega-menu li.bloque-1,
#mainNav #menu-mega-menu-en li.bloque-1 {
    padding-left: 10px
}
#mainNav #menu-mega-menu li.bloque-2,
#mainNav #menu-mega-menu-en li.bloque-2 {
    padding-top: 35px
}
.section-compromiso,
.section-footer,
.section-novedades {
    position: relative;
    overflow: hidden
}
@media only screen and (max-width: 767px) {
    .section-footer .container-part2 .col-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .section-footer .container-part2 .box-iso {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        top: -106px
    }
    .section-footer .container-part2 .box-left h6,
    .section-footer .container-part2 .box-right h6 {
        text-align: center;
        top: 0;
        margin-bottom: 5px
    }
    .section-footer .container-part2 {
        padding-top: 110px
    }
    .pop-info {
        display: none
    }
    .section-footer .columna-1 {
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%
    }
}
@media only screen and (max-width: 991px) {
    .section-footer .columna-1 {
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%
    }
    .section-footer .columna-2 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        margin-top: 50px
    }
    .section-footer .container-part1 .list-icono li {
        padding-top: 30px
    }
    .section-footer .container-part1 .columna-2 .list-link li,
    .section-footer .container-part1 .columna-2 .list-linkx2 li {
        margin-left: auto;
        margin-right: auto
    }
    .section-footer .container-part1 {
        padding-bottom: 45px
    }
}
@media only screen and (max-width: 767px) {
    .section-footer .columna-1 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 27px
    }
    .section-footer .container-part1 .list-icono li {
        padding-top: 0;
        text-align: center
    }
    .section-footer .container-part1 .box-icono a {
        margin: 0 auto
    }
    .section-footer .columna-1 .list-icono {
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        text-align: center
    }
    .section-footer .columna-1 .list-icono .box-icono {
        margin-left: 4px;
        margin-right: 4px
    }
    .section-footer .container-part1 {
        padding-top: 125px
    }
    .section-footer .container-part1 .list-link h3,
    .section-footer .container-part1 .list-linkx2 h3 {
        padding-bottom: 0
    }
    .section-footer .container-part1 .list-link li,
    .section-footer .container-part1 .list-linkx2 li {
        max-width: 430px;
        margin-left: auto;
        margin-right: auto
    }
    .section-footer .container-part1 .list-linkx2 .btn-blue {
        margin-left: auto;
        margin-right: auto
    }
    .section-footer .columna-2 {
        margin-top: 0
    }
}
@media only screen and (max-width: 600px) {
    .section-footer .container-part1 {
        padding-left: 25px;
        padding-right: 25px
    }
    .section-footer .container-part1 .list-linkx2 .btn-blue {
        margin-left: 0
    }
    .section-footer .container-part1 .list-linkx2 h3,
    .section-footer .container-part1 p {
        text-align: left
    }
}
.section-compromiso .row-mobile {
    display: none
}
.section-compromiso .slick-slide {
    margin: 0 5px
}
@media only screen and (max-width: 991px) {
    .section-compromiso .row-mobile {
        display: block
    }
    .section-compromiso .row-desktop {
        display: none
    }
    .section-compromiso {
        padding-left: 5px;
        padding-right: 5px
    }
    .section-compromiso .box-contenido {
        height: 400px
    }
    .section-compromiso .container {
        padding-top: 75px;
        padding-bottom: 100px
    }
}
@media only screen and (max-width: 500px) {
    .section-compromiso .container {
        padding-left: 0;
        padding-right: 0;
        max-width: 300px
    }
    .section-compromiso .title-unico {
        font-size: 24px
    }
}
@media only screen and (max-width: 600px) {
    .section-compromiso {
        padding-left: 0;
        padding-right: 0
    }
}
@media only screen and (max-width: 480px) {
    .section-compromiso .container {
        max-width: 350px
    }
    .section-compromiso .box-contenido {
        height: 415px
    }
    .section-compromiso .box-central,
    .section-compromiso .box-centralx2 {
        bottom: 10px
    }
    .section-compromiso .title-unico {
        margin-bottom: 35px
    }
    .section-compromiso .container {
        padding-top: 45px;
        padding-bottom: 85px
    }
}
.section-energia .col-a {
    position: relative;
    left: -66.6666%
}
.section-energia .col-b {
    position: relative;
    left: 33.3333%
}
.section-novedades .slick-dots {
    display: none!important
}
@media only screen and (max-width: 991px) {
    .section-energia .col-a,
    .section-energia .col-b {
        left: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .section-energia .box-center,
    .section-energia .box-title {
        padding: 0
    }
    .section-energia .box-title h4 {
        margin: 0 auto;
        max-width: 460px
    }
    .section-energia .box-imgx2 {
        margin: 0 auto;
        max-width: 350px
    }
    .section-energia .box-center,
    .section-energia .box-title {
        max-width: 460px;
        margin: 0 auto;
        margin-bottom: 30px
    }
}
@media only screen and (max-width: 480px) {
    .section-energia .container {
        padding-left: 22px;
        padding-right: 22px
    }
    .section-energia .box-title h4 {
        font-size: 30px;
        padding-bottom: 30px
    }
    .section-energia .box-title h6 {
        padding-bottom: 25px
    }
    .section-energia .container {
        padding-top: 25px;
        padding-bottom: 50px
    }
}
@media only screen and (max-width: 1200px) {
    .section-novedades .slider-text {
        padding: 14px 20px 12px 20px
    }
    .section-novedades .slick-dots {
        display: block!important;
        bottom: -37px
    }
    .section-novedades .box-slider {
        padding-bottom: 50px
    }
}
@media only screen and (max-width: 700px) {
    .section-novedades .container {
        max-width: 400px
    }
}
@media only screen and (max-width: 500px) {
    .section-novedades .title-black {
        font-size: 24px
    }
    .section-novedades .box-slider {
        padding-top: 30px
    }
    .section-novedades .container {
        padding-top: 45px;
        padding-bottom: 0
    }
    .section-novedades .box-center {
        padding-top: 30px;
        padding-bottom: 60px
    }
    .section-novedades .box-hover .slider-text {
        background: #ec6331
    }
    .section-novedades .slider-text h6,
    .section-novedades .slider-text span {
        color: #fff
    }
    .section-novedades .slider-text h6 {
        font-size: 18px
    }
}
@media only screen and (max-width: 480px) {
    .section-novedades .slider-img {
        height: 290px
    }
}
@media only screen and (max-width: 1350px) {
    .section-ayacucho .box-item .image {
        left: 100px;
        position: relative
    }
    .section-ayacucho .box-item .contenido {
        left: 15px
    }
}
@media only screen and (max-width: 1200px) {
    .section-ayacucho .box-item .image {
        left: 200px
    }
}
@media only screen and (max-width: 1100px) {
    .section-ayacucho .box-item .image {
        left: 300px
    }
}
@media only screen and (max-width: 991px) {
    .section-ayacucho .box-item .image {
        left: 400px
    }
}
@media only screen and (max-width: 800px) {
    .section-ayacucho .box-item .contenido {
        width: 100%
    }
    .section-ayacucho .box-item .image {
        left: 0;
        height: auto;
        width: 100%;
        margin-top: 5px
    }
    .section-ayacucho .box-item .contenido {
        width: 100%;
        position: relative;
        display: block;
        height: auto;
        left: 0
    }
    .section-ayacucho .box-item .contenido .inner {
        padding: 45px 20px;
        top: 0
    }
    .section-ayacucho .box-item {
        height: auto
    }
}
.section-ayacucho .img-mobile {
    display: none!important
}
@media only screen and (max-width: 500px) {
    .section-ayacucho .img-mobile {
        display: block!important
    }
    .section-ayacucho .img-desktop {
        display: none!important
    }
}
@media only screen and (max-width: 480px) {
    .section-ayacucho .box-item .titulo {
        font-size: 30px;
        margin-bottom: 20px
    }
    .section-ayacucho .box-item .contenido .inner {
        padding-bottom: 35px;
        padding-top: 35px
    }
}
@media only screen and (max-width: 1080px) {
    .section-camisea .bloque-nav-img,
    .section-camisea .item .box-contenido {
        width: 400px
    }
    .section-camisea .item {
        padding-left: 400px
    }
}
@media only screen and (max-width: 850px) {
    .section-camisea .bloque-nav-img,
    .section-camisea .item .box-contenido {
        width: 350px
    }
    .section-camisea .item {
        padding-left: 350px;
        height: 650px
    }
    .section-camisea .item h3 {
        font-size: 30px;
        padding-bottom: 10px
    }
    .section-camisea .item p {
        font-size: 15px
    }
    .section-camisea .title-black {
        margin-bottom: 45px;
        font-size: 35px
    }
    .section-ayacucho {
        margin-bottom: 65px
    }
}
@media only screen and (max-width: 767px) and (min-width: 500px) {
    .section-camisea .item .img-central {
        height: 350px;
        width: 100%
    }
    .section-camisea .bloque-nav-img {
        bottom: 380px;
        left: 0;
        width: 100%
    }
    .section-camisea .item .img-central {
        margin-top: 70px
    }
}
@media only screen and (max-width: 767px) {
    .section-camisea .item {
        padding: 0;
        height: auto
    }
    .section-camisea .item .box-contenido {
        position: relative
    }
    .section-camisea .item .box-contenido {
        padding-top: 60px;
        text-align: center;
        width: 100%
    }
}
@media only screen and (max-width: 500px) {
    .section-camisea .item .img-central {
        height: 300px;
        margin-top: 65px
    }
    .section-camisea .bloque-nav-img {
        bottom: 322px;
        left: 0;
        width: 100%
    }
}
@media only screen and (max-width: 480px) {
    .section-camisea .title-black {
        margin-bottom: 33px;
        font-size: 24px
    }
    .section-ayacucho {
        margin-bottom: 45px
    }
}
.section-home-1.dots-part1 .slick-dots {
    bottom: 15px
}
.section-home-1.dots-part1 .slick-dots li.slick-active button {
    background: #fff
}
.section-home-1.dots-part1 .slick-dots button {
    background: 0 0;
    border: 1px solid #fff
}
@media only screen and (max-width: 1080px) {
    .section-inicio .box-inicio {
        left: 15px
    }
}
@media only screen and (max-width: 500px) {
    .section-home-1.dots-part1 {
        margin-top: 75px
    }
    .section-home-1 .section-inicio {
        height: 590px;
        text-align: center
    }
    .section-inicio .box-inicio h1 {
        font-size: 40px
    }
    .section-inicio .box-inicio p {
        font-size: 18px
    }
    .section-inicio .box-inicio {
        left: 0
    }
}
.section-energia .img-mobile {
    display: none
}
@media only screen and (max-width: 800px) {
    .section-energia .img-mobile {
        display: block!important
    }
    .section-energia .img-desktop {
        display: none!important
    }
}
.ancla-efecto {
    -webkit-animation: animatedImage .4s alternate infinite;
    -moz-animation: animatedImage .4s alternate infinite;
    -o-animation: animatedImage .4s alternate infinite;
    animation: animatedImage .4s alternate infinite;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}
@-webkit-keyframes animatedImage {
    from {
        bottom: 0
    }
    to {
        bottom: 12px
    }
}
@-moz-keyframes animatedImage {
    from {
        bottom: 0
    }
    to {
        bottom: 12px
    }
}
@-o-keyframes animatedImage {
    from {
        bottom: 0
    }
    to {
        bottom: 12px
    }
}
@keyframes animatedImage {
    from {
        bottom: 0
    }
    to {
        bottom: 12px
    }
}
.nosotros-part3 .col-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}
.nosotros-part3 #plano-2 {
    padding-top: 15px
}
.nosotros-part3 #plano-2 .img-centralx2 {
    display: none
}
.nosotros-part3 #plano-2 .box-espace {
    background: #fff;
    padding-top: 2px;
    padding-bottom: 30px;
    border-radius: 3px;
    margin-bottom: 24px
}
.section-formulario .box-archivos .btn-subir {
    width: 190px;
    height: 45px;
    background: #0081af;
    padding: 9px 12px;
    border: 2px solid #0081af;
    margin-right: 30px
}
.section-formulario .box-archivos .btn-subir:hover {
    background: 0 0;
    color: #0081af
}
.bg-banner-0 {
    height: 350px;
    background-position: center;
    background-size: cover;
    width: 100%;
    max-width: 1650px;
    margin: 0 auto
}
@media only screen and (max-width: 800px) {
    .bg-banner-0 {
        height: 300px
    }
    .section-financiero .title-blue {
        padding-bottom: 50px;
        font-size: 36px
    }
    .section-confiabilidad .container {
        padding-top: 75px
    }
}
@media only screen and (max-width: 600px) {
    .bg-banner-0 {
        height: 180px
    }
    .section-financiero .title-blue {
        padding-bottom: 50px;
        font-size: 30px
    }
}
@media only screen and (max-width: 480px) {
    .section-confiabilidad .container {
        padding-top: 50px;
        padding-bottom: 25px
    }
    .section-financiero .title-blue {
        padding-bottom: 30px
    }
    .section-financierox2 .title-grey {
        font-size: 20px;
        padding-bottom: 35px
    }
    .section-financierox2 .bgn-white {
        padding: 13px 20px 0
    }
    .section-financierox2 .box-right {
        text-align: left;
        margin-top: 25px
    }
    .section-financierox2 .box-lista {
        padding: 10px 0 17px
    }
    .section-financierox2 {
        padding-bottom: 35px
    }
}
@media only screen and (max-width: 1080px) {
    .compania-part2 {
        padding-left: 15px;
        padding-right: 15px
    }
}
.compania-part1 .contenido {
    margin-top: 50px
}
@media only screen and (max-width: 700px) {
    .compania-part2 .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .compania-part2 .box-espace {
        margin-bottom: 25px
    }
    .compania-part2 .container-companiax1 {
        padding: 40px 0 40px;
        padding-bottom: 20px
    }
    .compania-part2 .box-contenido h5 {
        margin-bottom: 15px
    }
    .compania-part1 .contenido {
        margin-top: 20px
    }
}
@media only screen and (max-width: 480px) {
    .compania-part1 .box-title h5 {
        font-size: 20px
    }
    .compania-part2 {
        padding-top: 0;
        padding-bottom: 50px
    }
    .compania-part2 .box-contenido h5 {
        font-size: 20px
    }
    .section-compania .title-blue {
        padding-bottom: 35px;
        font-size: 30px
    }
    .section-confiabilidad .container {
        padding-top: 40px;
        padding-bottom: 0
    }
}
@media only screen and (max-width: 800px) {
    .list-contact {
        padding: 70px 15px 28px
    }
}
@media only screen and (max-width: 700px) {
    .list-contact .list-orange h5 {
        display: block;
        margin-bottom: 5px
    }
}
@media only screen and (max-width: 480px) {
    .list-contact {
        padding: 40px 15px 28px;
        padding-bottom: 45px
    }
    .list-contact .title-black {
        font-size: 30px;
        margin-bottom: 20px;
        color: #0081af
    }
    .list-contact .container {
        padding: 45px 0 20px
    }
    .list-contact .list-blue {
        padding: 15px 0
    }
    .list-contact .contact-espace {
        margin-bottom: -20px;
        margin-top: -10px
    }
    .list-contact .box-contact {
        margin-left: 40px
    }
    .list-contact .img-orangex2 {
        left: -43px;
        max-width: 30px
    }
    .list-contact .box-width {
        padding: 0 20px
    }
}
@media only screen and (max-width: 1080px) {
    .single-noticias-0 {
        padding: 70px 20px 56px
    }
    .section-noticias .box-title h3 {
        font-size: 36px
    }
}
@media only screen and (max-width: 850px) {
    .single-noticias-0 {
        padding: 0;
        border-bottom: 1px solid #e6e6e6
    }
}
@media only screen and (max-width: 600px) {
    .section-noticias.section-detalle h3 {
        font-size: 34px
    }
    .section-noticias .box-title {
        padding: 0 10px
    }
    .single-noticias-0.detalle-part1 .container-detallex1 {
        padding-top: 40px;
        padding-bottom: 0;
        margin-bottom: -15px
    }
    .single-noticias-0.detalle-part1 .container-detallex2 {
        padding-bottom: 40px
    }
    .detalle-part1 .btn-link li {
        margin-right: 10px
    }
}
.section-top-banner .bg-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background-position: center;
    background-size: cover
}
.section-top-banner .bg-img.bg-mobile {
    display: none
}
@media only screen and (max-width: 550px) {
    .detalle-part1 .btn-link li {
        width: 50%;
        margin: -1px
    }
    .detalle-part1 .btn-link li a {
        width: 95%;
        margin: 4px auto
    }
}
@media only screen and (max-width: 480px) {
    .section-detalle {
        height: 240px!important
    }
    .section-noticias.section-detalle h3 {
        font-size: 20px;
        line-height: 1.4
    }
    .section-noticias .box-title {
        padding: 0 5px
    }
    .detalle-unico img {
        margin-top: 10px
    }
    .detalle-part1 .btn-link {
        padding-bottom: 35px
    }
    .section-top-banner .bg-img.bg-desktop {
        display: none
    }
    .section-top-banner .bg-img.bg-mobile {
        display: block
    }
}
.single-noticias-0 .content-fonts {
    position: absolute;
    top: 0;
    right: -135px;
    width: 135px;
    min-height: 135px
}
.single-noticias-0 .content-fonts button {
    border: 0;
    background: 0 0;
    outline: 0;
    cursor: pointer
}
.single-noticias-0 .content-fonts button img {
    margin: 4px -1px!important
}
.single-noticias-0 .content-fonts button.btn-3 img {
    width: 55px!important
}
.single-noticias-0 .content-fonts button.btn-4 img {
    width: 55px!important
}
@media only screen and (max-width: 1090px) {
    .single-noticias-0 .content-fonts {
        display: none
    }
}
.section-notas .container .row {
    max-width: 1220px;
    margin: 0 auto!important
}
@media only screen and (max-width: 1300px) {
    .section-notas .col-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .section-notas .container .row {
        max-width: 900px
    }
}
@media only screen and (max-width: 900px) {
    .section-notas .container {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
        padding-bottom: 40px
    }
    .section-notas .espace-btn {
        margin-top: 30px
    }
}
.section-buscador .list-white {
    position: relative;
    overflow: hidden
}
@media only screen and (max-width: 850px) {
    .section-notas .box-contenido {
        margin: 10px auto;
        width: 95%
    }
    .section-notas .container {
        padding-top: 40px
    }
}
@media only screen and (max-width: 700px) {
    .section-notas .col-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}
@media only screen and (max-width: 1080px) {
    .section-buscador .input-contacto {
        width: 270px
    }
}
@media only screen and (max-width: 480px) {
    .section-notas .box-contenido {
        border: 1px solid #dedede;
        padding: 40px 25px 40px;
        max-width: 100%;
        width: 100%
    }
    .section-notas .box-btn {
        max-width: 100%
    }
    .section-notas .btn-bluex2 {
        width: 235px;
        margin-top: 15px
    }
    .section-notas {
        padding-bottom: 35px
    }
    .section-noticias::before {
        background: #000;
        opacity: .4
    }
    .banner-shadow-mobile::before {
        background: #000!important;
        opacity: .4!important
    }
    .section-noticias.banner-shadow-mobile {
        height: 320px
    }
    .section-buscador .container {
        width: 91%
    }
}
@media only screen and (max-width: 1180px) {
    .section-buscador .container {
        top: -50px;
        width: 97%
    }
    .section-buscador .input-contacto {
        width: 290px
    }
}
@media only screen and (max-width: 1080px) {
    .section-buscador .select-contacto {
        margin-right: 20px
    }
    .section-buscador .list-white h5 {
        padding-right: 20px
    }
    .section-buscador .input-contacto {
        margin-right: 20px
    }
}
@media only screen and (max-width: 1025px) {
    .section-buscador .input-contacto {
        width: 240px
    }
    .section-buscador .btn-bluex2 {
        width: 150px
    }
}
@media only screen and (max-width: 960px) {
    .section-buscador ul li:nth-last-child(1) {
        display: block
    }
    .section-buscador .btn-bluex2 {
        width: 190px;
        margin: 0 auto;
        margin-top: 20px
    }
}
@media only screen and (max-width: 785px) {
    .section-buscador ul li {
        display: block!important
    }
    .section-buscador .list-white h5 {
        padding-right: 0;
        margin-bottom: 10px;
        margin-top: 20px
    }
    .section-buscador .input-contacto,
    .section-buscador .select-contacto {
        width: 100%;
        max-width: 100%
    }
    .section-buscador .container {
        top: -50px;
        width: 90%
    }
    .section-buscador .list-white {
        padding: 0 10px
    }
    .section-buscador .btn-bluex2 {
        width: 100%;
        margin: 0 auto;
        margin-top: 20px
    }
    .section-buscador .container {
        padding-top: 10px;
        padding-bottom: 28px
    }
}
.noticias-part3 .container .row {
    max-width: 1230px;
    margin: 0 auto!important
}
@media only screen and (max-width: 950px) {
    .noticias-part2 .container {
        padding: 0 5px
    }
    .noticias-part2 {
        padding-bottom: 0
    }
    .noticias-part2 .box-central,
    .noticias-part2 .box-centralx2 {
        padding: 0 20px
    }
    .noticias-part2 .box-contenido {
        height: 500px
    }
    .noticias-part2 .box-contenidox2 {
        height: 240px
    }
}
@media only screen and (max-width: 700px) {
    .noticias-part2 .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .noticias-part2 .row .col-6:nth-child(1) ul li {
        margin-bottom: 0
    }
    .noticias-part2 .container {
        padding: 0 20px;
        max-width: 440px
    }
    .noticias-part2 .box-contenido,
    .noticias-part2 .box-contenidox2 {
        height: 325px
    }
    .noticias-part2 .container {
        margin-top: -25px
    }
    .noticias-part3 {
        padding-top: 30px
    }
}
@media only screen and (max-width: 480px) {
    .noticias-part2 .container {
        padding: 0 10px
    }
    .noticias-part2 .box-contenido,
    .noticias-part2 .box-contenidox2 {
        height: 320px
    }
    .noticias-part2 .box-centralx2 {
        bottom: 20px
    }
}
@media only screen and (max-width: 1300px) {
    .noticias-part3 .col-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .noticias-part3 .container .row {
        max-width: 900px
    }
}
@media only screen and (max-width: 768px) {
    .noticias-part3 .box-list {
        margin: 10px 10px 30px
    }
}
@media only screen and (max-width: 700px) {
    .noticias-part3 .col-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .noticias-part3 .container .row {
        max-width: 400px
    }
    .noticias-part3 .box-text {
        padding-right: 0;
        padding-top: 15px
    }
    .noticias-part3 .box-list {
        margin-bottom: 12px
    }
    .noticias-part3 .container {
        padding-top: 50px
    }
    .noticias-part3 .title-black {
        padding-bottom: 35px
    }
    .noticias-part3 {
        padding-bottom: 0;
        border-bottom: 1px solid #e6e6e6
    }
    .noticias-part3 .container {
        padding-bottom: 50px
    }
    .noticias-part3 .box-espace {
        margin-top: 35px
    }
}
@media only screen and (max-width: 480px) {
    .noticias-part3 .container {
        padding-left: 15px;
        padding-right: 15px
    }
    .noticias-part3 .img-vista {
        height: 320px
    }
    .noticias-part3 .title-black {
        font-size: 30px
    }
}
@media only screen and (max-width: 700px) {
    .noticias-part3.noticias-filtro {
        margin-top: -50px
    }
}
@media only screen and (max-width: 1080px) {
    .formulario-part2 {
        padding: 0
    }
}
@media only screen and (max-width: 600px) {
    .section-formulario.formulario-part2 .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .section-formulario .inner {
        margin-right: 0
    }
    .formulario-part2 .container {
        padding-top: 50px;
        padding-bottom: 50px
    }
    .formulario-part2 .box-check {
        padding-top: 10px;
        padding-bottom: 30px
    }
}
@media only screen and (max-width: 480px) {
    .formulario-part2 .title-black {
        font-size: 30px
    }
}
@media only screen and (max-width: 500px) {
    .formulario-part2 .btn-orange {
        width: 97%;
        margin: 0 auto
    }
}
.section-formulario input,
.section-formulario select,
.section-inversionista .input-access {
    transition: all .5s
}
.section-formulario input:focus,
.section-formulario select:focus,
.section-inversionista .input-access:focus {
    border-color: #f2916e
}
.section-serviciosx2 .btn-bluex2 i {
    display: none
}
@media only screen and (max-width: 991px) {
    .section-inversionista .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .section-inversionista .img-inversionista {
        padding-top: 50px;
        padding-bottom: 20px;
        padding-left: 5px;
        padding-right: 5px;
        height: auto
    }
    .section-inversionista .box-access {
        height: auto;
        padding: 40px 25px;
        padding-bottom: 55px
    }
    .section-inversionista .box-espace {
        padding: 0 20px
    }
    .section-inversionista .box-title h3 {
        font-size: 40px;
        padding-bottom: 20px
    }
    .section-inversionista .box-title {
        margin-bottom: 40px
    }
}
@media only screen and (max-width: 600px) {
    .portada-servicios.portada-central .box-center h5 {
        padding-bottom: 20px;
        font-size: 40px
    }
    .portada-servicios.portada-central .box-center p {
        font-size: 18px
    }
    .portada-servicios.portada-central .box-bottom {
        bottom: 10px
    }
}
@media only screen and (max-width: 480px) {
    .portada-servicios.portada-servicios {
        height: auto;
        min-height: 411px;
        padding-top: 60px;
        padding-bottom: 90px
    }
}
@media only screen and (max-width: 1150px) {
    .section-servicios .container {
        padding: 100px 20px 90px
    }
}
@media only screen and (max-width: 991px) {
    .section-servicios .col-5,
    .section-servicios .col-7 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .section-servicios .container {
        padding: 70px 20px 60px;
        max-width: 600px
    }
    .section-servicios .box-title {
        margin-bottom: 30px
    }
}
@media only screen and (max-width: 600px) {
    .section-servicios .container {
        padding-top: 40px;
        padding-bottom: 40px
    }
}
@media only screen and (max-width: 480px) {
    .section-servicios .box-title h5 {
        font-size: 20px;
        line-height: 1.5
    }
}
@media only screen and (max-width: 1180px) {
    .section-serviciosx2 .container {
        padding: 76px 25px
    }
}
@media only screen and (max-width: 650px) {
    .section-serviciosx2 .container {
        padding: 40px 20px
    }
}
@media only screen and (max-width: 480px) {
    .section-serviciosx2 .btn-bluex2 i {
        display: block;
        font-size: 45px;
        margin-top: 10px
    }
    .section-serviciosx2 .box-contenidox2 h5 {
        padding-bottom: 25px
    }
    .section-serviciosx2 .box-contenidox2 {
        padding-top: 40px;
        padding-bottom: 50px
    }
    .section-serviciosx2 .btn-bluex2 {
        padding: 30px 20px;
        padding-bottom: 25px
    }
}
.section-clientex1 {
    z-index: 2
}
@media only screen and (max-width: 480px) {
    .portada-clientes.portada-central {
        height: auto;
        min-height: 350px;
        padding-top: 60px;
        padding-bottom: 90px
    }
    .portada-clientes.portada-central .box-center h5 {
        padding-bottom: 20px;
        font-size: 40px
    }
    .portada-clientes.portada-central .box-center p {
        font-size: 20px
    }
    .portada-clientes.portada-central .box-bottom {
        bottom: 10px
    }
}
@media only screen and (max-width: 1080px) {
    .section-clientex1 .title-black {
        padding-left: 15px;
        padding-right: 15px
    }
}
@media only screen and (max-width: 750px) {
    .section-clientex1 .col-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .section-clientex1 .box-contenido {
        margin: 0 auto;
        margin-bottom: 15px
    }
}
@media only screen and (max-width: 480px) {
    .section-clientex1 .title-black {
        font-size: 20px;
        padding-bottom: 40px
    }
    .section-clientex1 .container {
        padding-top: 45px;
        padding-bottom: 40px
    }
    .section-clientex1 .box-contenido {
        padding: 45px 5px
    }
}
@media only screen and (max-width: 800px) {
    .section-clientex1 .caja-imagen {
        height: 430px;
        margin-top: 30px;
        margin-bottom: -165px
    }
}
@media only screen and (max-width: 480px) {
    .section-clientex2 .title-black {
        font-size: 30px;
        padding: 0 15px;
        padding-top: 45px;
        padding-bottom: 40px
    }
}
@media only screen and (max-width: 1080px) {
    .section-clientex2 .box-contenidox2 {
        background: #fff
    }
}
.section-clientex2 .content-select {
    display: none
}
.section-clientex2 .content-select {
    width: 230px;
    margin: 0 auto;
    background: #0081af;
    position: relative
}
.section-clientex2 .content-select:after {
    font-family: FontAwesome;
    content: 'f107';
    font-size: 26px;
    position: absolute;
    top: 9px;
    right: 13px;
    pointer-events: none;
    color: #fff
}
.section-clientex2 .content-select select::-ms-expand {
    display: none
}
.section-clientex2 .content-select select {
    background: #0081af;
    width: 100%;
    border: 0;
    font-size: 16px;
    color: #fff;
    height: 54px;
    padding: 0 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}
.section-clientex2 .content-select select option {
    color: #000
}
@media only screen and (max-width: 991px) {
    .section-clientex2 .col-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .section-clientex2 .box-contenidox2 {
        min-height: auto;
        padding-left: 15px;
        padding-right: 15px;
        max-width: 350px
    }
    .section-clientex2 .box-contenidox2 ul li {
        margin-left: 0;
        max-width: 350px
    }
    .section-clientex2 .container {
        padding-bottom: 20px
    }
    .section-clientex2 .list-clientes .col-4 {
        display: none
    }
    .section-clientex2 .list-clientes .col-4.mostrar {
        display: block
    }
    .section-clientex2 .content-select {
        display: block
    }
}
.section-transporte .btn-mobile {
    display: none
}
@media only screen and (max-width: 900px) {
    .portada-centralx2 .box-center h5,
    .portada-centralx2 .box-centerx2 h5 {
        font-size: 36px;
        padding: 0 15px
    }
}
@media only screen and (max-width: 767px) {
    .portada-centralx2 .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .portada-centralx2 .portada-duo,
    .portada-centralx2 .portada-duox2 {
        height: 400px
    }
    .portada-centralx2 .box-bottom {
        left: 50%;
        bottom: 10px
    }
}
@media only screen and (max-width: 480px) {
    .portada-centralx2 .box-center h5,
    .portada-centralx2 .box-centerx2 h5 {
        font-size: 30px
    }
}
.section-transporte .content-slider {
    position: relative;
    max-width: 650px
}
@media only screen and (max-width: 991px) {
    .section-transporte .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .section-transporte .content-slider {
        margin: 0 auto;
        margin-top: 40px
    }
    .section-transporte .btn-desktop {
        display: none
    }
    .section-transporte .btn-mobile {
        display: block;
        max-width: 240px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 60px
    }
    .section-transporte .slick-dots {
        right: 0
    }
    .section-transporte .container {
        padding-bottom: 60px;
        padding-top: 80px
    }
}
@media only screen and (max-width: 480px) {
    .section-transporte .container {
        padding-bottom: 55px;
        padding-top: 50px
    }
    .section-transporte .box-contenido h4 {
        padding-bottom: 15px
    }
    .section-transporte .content-slider {
        margin-top: 20px!important
    }
    .section-transporte .img-listx2 {
        height: 230px
    }
}
@media only screen and (max-width: 991px) {
    .confiabilidad-part2 .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .confiabilidad-part2 .box-title {
        margin: 0 auto;
        margin-bottom: 15px
    }
}
@media only screen and (max-width: 700px) {
    .section-confiabilidad .box-espace {
        padding-bottom: 30px
    }
    .confiabilidad-part2 .container {
        padding-top: 0;
        padding-bottom: 65px
    }
    .confiabilidad-part2 .box-blue {
        margin-top: 25px
    }
    .section-confiabilidad .title-blue {
        font-size: 35px
    }
    .section-confiabilidad .container {
        padding-top: 60px
    }
}
.section-confiabilidad .bg-mobile {
    display: none
}
@media only screen and (max-width: 480px) {
    .confiabilidad-part2 .container {
        padding-top: 40px
    }
    .confiabilidad-part2 .box-title h5 {
        font-size: 20px
    }
    .section-confiabilidad .title-blue {
        font-size: 30px
    }
    .section-confiabilidad .container {
        padding-top: 45px
    }
    .confiabilidad-part2 .box-blue h3 {
        font-size: 20px;
        padding-bottom: 25px;
        text-align: center;
        max-width: 300px;
        margin: 0 auto
    }
    .section-confiabilidad .bg-mobile {
        display: block
    }
    .section-confiabilidad .bg-desktop {
        display: none
    }
}
@media only screen and (max-width: 991px) {
    .portada-central.portada-gas {
        height: 800px
    }
}
@media only screen and (max-width: 800px) {
    .portada-central.portada-gas {
        height: 700px
    }
    .portada-central.portada-gas .box-center h5 {
        font-size: 40px;
        padding-bottom: 30px
    }
}
@media only screen and (max-width: 480px) {
    .portada-central.portada-gas .box-center h5 {
        padding-bottom: 15px
    }
    .portada-central.portada-gas .box-bottom {
        bottom: 20px
    }
}
@media only screen and (max-width: 991px) {
    .gas-naturalx2 .box-slider {
        max-width: 600px;
        margin: 0 auto
    }
    .gas-naturalx2 .arrow-left {
        left: 12px
    }
    .gas-naturalx2 .arrow-right {
        right: -20px
    }
    .gas-naturalx2 .container {
        padding: 60px 0
    }
    .gas-naturalx2 .title-black {
        padding-bottom: 15px;
        font-size: 35px
    }
}
.gas-naturalx1 .bloque-mobile {
    display: none
}
@media only screen and (max-width: 600px) {
    .gas-naturalx2 .container .row {
        margin-left: 0!important;
        margin-right: 0!important
    }
    .gas-naturalx2 .box-slider {
        padding: 20px 9px
    }
    .gas-naturalx2 .arrow-left {
        left: 22px
    }
    .gas-naturalx2 .arrow-right {
        right: -16px
    }
}
@media only screen and (max-width: 480px) {
    .gas-naturalx2 .title-black {
        padding-bottom: 8px;
        font-size: 30px
    }
    .gas-naturalx2 .container {
        padding-top: 45px
    }
}
.gas-naturalx1 .list-informacion .box-parrafo {
    padding-bottom: 0
}
@media only screen and (max-width: 860px) {
    .gas-naturalx1 .bloque-mobile {
        display: block
    }
    .gas-naturalx1 .bloque-desktop {
        display: none
    }
    .gas-naturalx1 .container {
        padding-top: 55px;
        padding-bottom: 95px
    }
    .gas-naturalx1 .img-natural {
        left: 0;
        top: 0;
        margin: 0 auto;
        margin-bottom: 25px;
        position: relative
    }
    .gas-naturalx1 .box-title {
        padding-left: 0;
        max-width: 100%;
        text-align: center
    }
    .gas-naturalx1 .list-informacion .box-parrafo {
        text-align: justify;
        margin-top: 20px
    }
    .gas-naturalx1 .inner {
        padding: 0 5px;
        max-width: 500px;
        margin: 0 auto
    }
}
@media only screen and (max-width: 1150px) {
    .section-central .box-espace {
        max-width: 500px;
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%
    }
}
@media only screen and (max-width: 991px) {
    .section-central .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .section-central .content-map-0 {
        height: 400px!important
    }
    .section-central .inner {
        display: block;
        padding-top: 50px;
        padding-bottom: 30px
    }
    .section-central {
        height: auto
    }
    .section-formulario {
        padding-top: 60px;
        padding-bottom: 70px
    }
}
.section-formulario .inner-doble {
    position: relative
}
.section-formulario .inner-doble .part-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px
}
.section-formulario .inner-doble .part-2 {
    padding-left: 99px
}
@media only screen and (max-width: 480px) {
    .section-formulario.form-contacto .title-black {
        text-align: center;
        padding-bottom: 15px;
        font-size: 30px
    }
    .section-formulario.form-contacto .box-parrafo {
        padding-bottom: 25px
    }
    .section-formulario {
        padding-top: 60px;
        padding-bottom: 60px
    }
    .section-central .box-title h3 {
        font-size: 30px
    }
    .section-central .box-title {
        margin-bottom: 45px
    }
    .section-formulario.form-contacto .box-archivos .btn-subir {
        width: 150px;
        padding: 9px 5px;
        margin-right: 5px
    }
    .section-formulario.form-contacto .text-size {
        display: none
    }
}
.section-operacion-5 .slick-dots {
    display: none
}
@media only screen and (max-width: 991px) {
    .section-operacion-5 .slick-dots {
        display: block
    }
    .section-operacion-5 .titulo {
        margin-bottom: 60px
    }
    .section-operacion-5 {
        padding-top: 80px;
        padding-bottom: 115px
    }
}
@media only screen and (max-width: 480px) {
    .section-operacion-5 .titulo {
        margin-bottom: 55px;
        font-size: 22px
    }
    .section-operacion-5 {
        padding-bottom: 90px;
        padding-top: 60px
    }
}
@media only screen and (max-width: 1300px) {
    .section-operacion-4 .arrow-right-herramienta {
        right: -8px
    }
}
@media only screen and (max-width: 1080px) {
    .section-operacion-4 .arrow-left-herramienta,
    .section-operacion-4 .arrow-right-herramienta {
        display: none!important
    }
}
@media only screen and (max-width: 991px) {
    .section-operacion-4 .item {
        padding-right: 10px;
        padding-left: 10px;
        text-align: center
    }
    .section-operacion-4 .subtitle {
        margin-bottom: 20px;
        max-width: 160px;
        min-height: 20px
    }
    .section-operacion-4 .item .icono {
        margin-left: auto;
        margin-right: auto
    }
    .section-operacion-4 .subtitle {
        max-width: 100%
    }
}
@media only screen and (max-width: 480px) {
    .section-operacion-4 .titulo {
        margin-bottom: 45px
    }
    .section-operacion-4 {
        padding-top: 55px;
        padding-bottom: 70px
    }
}
.portada-operacion .slick-dots {
    display: none
}
@media only screen and (max-width: 1080px) {
    .portada-operacion .box-center {
        display: block;
        padding-top: 60px
    }
    .portada-operacion {
        height: 690px
    }
}
@media only screen and (max-width: 650px) {
    .portada-operacion .titulo {
        font-size: 40px;
        padding-bottom: 45px
    }
}
.portada-operacion .box-bottom {
    display: none
}
#nivel-2 {
    position: relative;
    top: -50px
}
.section-operacion-2 .img-mobile {
    display: none
}
@media only screen and (max-width: 480px) {
    .portada-operacion {
        height: 600px
    }
    .portada-operacion .titulo {
        max-width: 300px;
        margin: 0 auto;
        padding-bottom: 35px
    }
    .portada-operacion .box-center {
        padding-top: 0
    }
    .portada-operacion .subtitle {
        margin-bottom: 15px
    }
    .portada-operacion .box-bottom {
        display: block;
        bottom: 0
    }
    .portada-operacion .item .icono {
        margin-bottom: 20px
    }
}
@media only screen and (max-width: 1170px) {
    .section-operacion-2 .item {
        display: none
    }
    .section-operacion-2 .img-0 {
        left: 0
    }
}
@media only screen and (max-width: 950px) {
    .section-operacion-2 .img-desktop {
        display: none!important
    }
    .section-operacion-2 .img-mobile {
        display: block!important;
        width: 100%
    }
    .section-operacion-2 .content-0 {
        max-width: 420px
    }
    .section-operacion-2 {
        height: auto;
        padding-top: 40px;
        padding-bottom: 60px
    }
}
@media only screen and (max-width: 1300px) {
    .section-operacion-3 .box-line-time .item p {
        font-size: 16px
    }
    .section-operacion-3 .box-line-time {
        width: 250px
    }
}
@media only screen and (max-width: 1280px) {
    .section-operacion-3 .img-slide {
        max-width: 1000px;
        max-height: 640px
    }
}
.section-operacion-3 .contenido-mobile {
    display: none
}
@media only screen and (max-width: 1150px) {
    .section-operacion-3 .contenido-mobile {
        display: block!important;
        padding-top: 55px;
        padding-right: 0;
        padding-bottom: 55px
    }
    .section-operacion-3 .contenido-desktop {
        display: none!important
    }
}
.section-operacion-3 .contenido-mobile .img-0 {
    max-width: 700px;
    margin: 0 auto;
    display: table;
    width: 100%
}
.section-operacion-3 .content-select {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    background: #0081af;
    position: relative;
    margin-bottom: 35px
}
.section-operacion-3 .content-select:after {
    font-family: FontAwesome;
    content: 'f107';
    font-size: 26px;
    position: absolute;
    top: 9px;
    right: 13px;
    pointer-events: none;
    color: #fff
}
.section-operacion-3 .content-select select::-ms-expand {
    display: none
}
.section-operacion-3 .content-select select {
    background: #0081af;
    width: 100%;
    border: 0;
    font-size: 16px;
    color: #fff;
    height: 54px;
    padding: 0 15px;
    padding-right: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}
.section-operacion-3 .content-select select option {
    color: #000
}
.section-operacion-3 .btn-ampliar {
    font-size: 16px;
    color: #0081af;
    display: table;
    margin: 0 auto;
    margin-top: 35px;
    margin-bottom: 50px;
    padding: 13px 15px 13px;
    border: 1px solid #0081af;
    background: 0 0;
    font-weight: 700;
    transition: all .3s;
    width: 100%;
    max-width: 190px;
    text-align: center
}
.section-operacion-3 .btn-ampliar:hover {
    background: #0081af;
    color: #fff
}
.section-operacion-3 .card-0 {
    color: #5b585b;
    font-size: 16px;
    max-width: 400px;
    width: 95%;
    margin: 0 auto;
    padding: 20px;
    padding-bottom: 10px;
    padding-top: 24px;
    box-shadow: 0 0 3px #d4d4d4;
    border-radius: 3px
}
.section-operacion-3 .bloque {
    display: none
}
.section-operacion-3 .bloque.mostrar {
    display: block
}
@media only screen and (max-width: 1250px) {
    .section-nosotros .container {
        padding-left: 20px;
        padding-right: 20px
    }
}
.section-nosotros .dots-black .slick-dots {
    display: none
}
@media only screen and (max-width: 1250px) {
    .section-nosotros .col-5,
    .section-nosotros .col-7 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .section-nosotros .box-white {
        margin: 0 auto
    }
    .section-nosotros .box-espace {
        margin: 0 auto;
        margin-bottom: 40px
    }
    .section-nosotros .box-contenido {
        margin: 0 auto
    }
}
@media only screen and (max-width: 600px) {
    .section-nosotros .box-espace {
        padding: 0 5px
    }
}
@media only screen and (max-width: 480px) {
    .section-nosotros .box-espace h5 {
        font-size: 20px;
        line-height: 1.5
    }
    .section-nosotros .box-contenido {
        max-width: 100%;
        padding: 40px 20px;
        padding-top: 50px
    }
    .section-nosotros .box-white {
        padding: 0;
        background: 0 0
    }
    .section-nosotros .dots-black .slick-dots {
        bottom: -50px
    }
    .section-nosotros .container {
        padding-bottom: 80px
    }
}
@media only screen and (max-width: 1200px) {
    .nosotros-part2 .container {
        padding-left: 20px;
        padding-right: 20px
    }
}
@media only screen and (max-width: 850px) {
    .nosotros-part2 .col-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}
.nosotros-part2 .d-mobile {
    display: none
}
@media only screen and (max-width: 560px) {
    .nosotros-part2 .d-desktop {
        display: none!important
    }
    .nosotros-part2 .d-mobile {
        display: block;
        margin-bottom: 60px
    }
    .nosotros-part2 .box-contenidox2 {
        margin-bottom: 0;
        max-width: 380px;
        box-shadow: 0 0 5px #e0e0e0;
        padding: 20px;
        padding-top: 33px;
        padding-bottom: 32px
    }
    .nosotros-part2 .slick-slide {
        padding-top: 20px;
        padding-bottom: 20px;
        margin: 0 10px
    }
    .nosotros-part2 .title-black {
        font-size: 30px;
        padding-bottom: 12px
    }
    .nosotros-part2 .container {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .nosotros-part2 .slick-dots {
        bottom: -25px
    }
    .nosotros-part2 .box-contenidox2 p {
        line-height: 1.7
    }
}
@media only screen and (max-width: 800px) {
    .nosotros-part2 .title-left {
        text-align: center;
        margin-bottom: 20px
    }
    .nosotros-part2 .btn-bluex2 {
        margin-bottom: 12px
    }
}
@media only screen and (max-width: 480px) {
    .nosotros-part2 .title-left {
        font-size: 30px
    }
    .nosotros-part2 .btn-bluex2 {
        margin-bottom: 30px
    }
}
@media only screen and (max-width: 1350px) {
    .section-accionistas .block-map-action {
        padding-left: 350px
    }
    .section-accionistas .block-map-action .item .box-contenido {
        width: 350px
    }
    .section-accionistas .block-map-action .item .inner h3 {
        font-size: 32px;
        text-align: center
    }
    .section-accionistas .block-map-action .descripcion {
        left: 63%
    }
}
@media only screen and (max-width: 1150px) {
    .section-accionistas .block-map-action .descripcion {
        left: 66%
    }
}
@media only screen and (max-width: 991px) {
    .section-accionistas .block-map-action {
        padding-left: 0;
        height: auto
    }
    .section-accionistas .block-map-action .descripcion {
        left: 50%
    }
    .section-accionistas .block-map-action .item .box-contenido {
        width: 100%;
        height: 255px
    }
    .section-accionistas .block-map-action .item {
        display: table;
        height: auto;
        margin: 0 auto
    }
    .section-accionistas .block-map-action .mapa {
        max-width: 100%;
        max-height: none;
        height: auto
    }
    .section-accionistas .block-map-action .descripcion {
        left: 0;
        position: relative;
        top: 0;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 40px;
        transform: none;
        -webkit-transform: none
    }
}
@media only screen and (max-width: 991px) {
    .section-accionistas .title-black {
        padding-bottom: 46px;
        font-size: 35px
    }
}
@media only screen and (max-width: 600px) {
    .section-accionistas .block-map-action .item .inner h3 {
        font-size: 28px;
        position: relative;
        top: 5px;
        line-height: 1.3
    }
    .section-accionistas .block-map-action .item .box-contenido {
        height: 220px
    }
    .section-accionistas .block-map-action .mapa {
        max-width: 100%;
        margin: 0 auto;
        display: table
    }
    .section-accionistas .block-map-action .descripcion .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .section-accionistas .block-map-action .descripcion {
        padding: 0 25px;
        max-width: 400px
    }
}
@media only screen and (max-width: 480px) {
    .section-accionistas .title-black {
        padding-bottom: 30px;
        font-size: 30px
    }
    .section-accionistas {
        padding-top: 45px
    }
    .section-accionistas .block-map-action .descripcion {
        max-width: 92%
    }
}
@media only screen and (max-width: 1080px) {
    .nosotros-part3 .col-20 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}
@media only screen and (max-width: 850px) {
    .nosotros-part3 .col-20 {
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%
    }
    .nosotros-part3 .container {
        padding-top: 80px;
        padding-bottom: 80px;
        max-width: 700px
    }
}
.nosotros-part3 .row-mobile {
    display: none
}
@media only screen and (max-width: 650px) {
    .nosotros-part3 .row-desktop {
        display: none!important
    }
    .nosotros-part3 .row-mobile {
        display: block!important
    }
    .nosotros-part3 .title-black {
        padding-bottom: 43px;
        font-size: 35px
    }
    .nosotros-part3 .container {
        padding-bottom: 120px
    }
}
@media only screen and (max-width: 480px) {
    .nosotros-part3 .bloque-equipo .nav-item a {
        font-size: 18px;
        padding: 0 20px
    }
    .nosotros-part3 .title-black {
        padding-bottom: 35px;
        font-size: 30px
    }
    .nosotros-part3 .container {
        padding-top: 55px;
        padding-bottom: 100px
    }
}
.nosotros-part3 .slick-dots li button {
    padding: 4px
}
.nosotros-part3 .slick-dots li {
    width: 15px
}
.portada-sostenible .bg-mobile {
    display: none
}
@media only screen and (max-width: 991px) {
    .portada-sostenible {
        height: 650px
    }
    .portada-sostenible .box-center h5 {
        padding-bottom: 20px;
        font-size: 40px
    }
    .portada-sostenible .box-bottom {
        bottom: 5px
    }
}
.section-indicadores .slick-dots {
    display: none
}
@media only screen and (max-width: 480px) {
    .portada-sostenible {
        height: 580px
    }
    .portada-sostenible .bg-mobile {
        display: block
    }
    .portada-sostenible .bg-desktop {
        display: none
    }
}
@media only screen and (max-width: 1150px) {
    .section-indicadores .slick-dots {
        display: block
    }
    .section-indicadores {
        padding-bottom: 90px
    }
}
@media only screen and (max-width: 800px) {
    .section-indicadores .box-espace {
        max-width: 100%
    }
}
@media only screen and (max-width: 480px) {
    .section-indicadores .title-black {
        padding-bottom: 30px;
        font-size: 30px
    }
    .section-indicadores {
        padding-bottom: 80px;
        padding-top: 45px
    }
}
@media only screen and (max-width: 700px) {
    .section-testimonios .title-black {
        padding-bottom: 0;
        font-size: 35px
    }
    .section-testimonios .container {
        padding-top: 70px
    }
}
@media only screen and (max-width: 480px) {
    .section-testimonios .img-testimonio {
        width: 70px;
        height: 70px
    }
    .section-testimonios .title-black {
        padding-bottom: 0;
        font-size: 30px;
        margin-bottom: -5px
    }
    .section-testimonios .box-contenido {
        padding-left: 19px;
        padding-right: 19px
    }
    .section-testimonios .container {
        padding-top: 60px;
        padding-bottom: 90px
    }
}
@media only screen and (max-width: 1080px) {
    .section-principios .col-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .section-principios .title-black {
        padding-bottom: 35px;
        font-size: 35px
    }
}
.section-principios .row-mobile {
    display: none
}
@media only screen and (max-width: 650px) {
    .section-principios .row-mobile {
        display: block;
        padding-bottom: 60px
    }
    .section-principios .row-desktop {
        display: none
    }
    .section-principios .box-espacex2 {
        max-width: 100%
    }
    .section-principios .box-title {
        padding-bottom: 50px
    }
}
@media only screen and (max-width: 600px) {
    .section-principios .box-title {
        padding-bottom: 30px;
        text-align: center
    }
    .section-principios .container {
        padding-top: 50px;
        padding-bottom: 0
    }
}
@media only screen and (max-width: 480px) {
    .section-principios .title-black {
        padding-bottom: 30px;
        font-size: 30px
    }
    .section-principios .box-espacex2 {
        min-height: 350px;
        background: 0 0!important
    }
    .section-principios .box-centerx2 h2 {
        margin-bottom: 20px
    }
    .section-principios .bgn-img .img-central,
    .section-principios .bgn-img::before {
        opacity: 1
    }
}
@media only screen and (max-width: 991px) {
    .section-objetivos .title-black {
        font-size: 35px
    }
    .section-objetivos .box-sliderx2 .slick-slide {
        padding-left: 20px;
        padding-right: 20px
    }
    .section-objetivos .tab-content {
        padding-top: 45px
    }
    .box-item-objetivo .title-black {
        font-size: 26px!important
    }
    .section-objetivos .nav-tabs .nav-link span {
        font-size: 18px
    }
    .section-objetivos .nav-tabs .nav-link.active span {
        font-size: 22px
    }
}
@media only screen and (max-width: 480px) {
    .section-objetivos .title-black {
        font-size: 30px
    }
    .section-objetivos .nav-tabs .nav-item {
        padding: 0 2px
    }
    .section-objetivos .nav-tabs .nav-link span,
    .section-objetivos .nav-tabs .nav-link.active span {
        font-size: 16px;
        line-height: 1.4
    }
    .section-objetivos .box-grey-botttom {
        height: 170px
    }
}
.slider-lineas-slider .slick-dots {
    display: none
}
.section-lineas .bloque-mobile {
    display: none!important
}
@media only screen and (max-width: 900px) {
    .section-lineas .title-black {
        padding-bottom: 55px;
        font-size: 35px
    }
    .section-gallery-0 .box-contenido .title-black {
        padding-bottom: 25px;
        font-size: 35px
    }
    .section-lineas .bloque-desktop {
        display: none!important
    }
    .section-lineas .bloque-mobile {
        display: block!important
    }
    .section-check .box-img {
        margin-bottom: 20px
    }
    .section-check .box-contenido h3 {
        font-size: 22px;
        margin-bottom: 20px
    }
    .section-check .container {
        padding-top: 120px
    }
    .section-gallery-0.dots-greyx1 .slick-dots {
        text-align: center
    }
    .section-gallery-0 .box-contenido {
        padding-left: 20px;
        padding-right: 20px
    }
}
@media only screen and (max-width: 600px) {
    .section-gallery-0 .box-contenido {
        margin-bottom: 30px
    }
}
@media only screen and (max-width: 480px) {
    .section-lineas .title-black {
        padding-bottom: 50px;
        font-size: 30px
    }
    .section-gallery-0 .box-contenido .title-black {
        padding-bottom: 18px;
        font-size: 28px
    }
    .section-lineas .container {
        padding-top: 50px
    }
}
.section-lineas .content-select {
    position: relative;
    max-width: 250px;
    margin: 0 auto
}
.section-lineas .content-select select {
    background: #0081af;
    width: 100%;
    border: 0;
    font-size: 16px;
    color: #fff;
    height: 54px;
    padding: 0 15px;
    padding-right: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}
.section-lineas .content-select:after {
    font-family: FontAwesome;
    content: 'f107';
    font-size: 26px;
    position: absolute;
    top: 9px;
    right: 13px;
    pointer-events: none;
    color: #fff
}
.tab-mobile-linea,
.tab-mobile-linea .item-mobile-0 {
    display: none!important
}
@media only screen and (max-width: 900px) {
    .tab-desktop-linea {
        display: none
    }
    .tab-mobile-linea {
        display: block!important
    }
    .tab-mobile-linea .item-mobile-0 {
        display: none
    }
    .tab-mobile-linea .item-mobile-0.activado {
        display: block!important
    }
}
.nosotros-part3 .box-pdf-0 {
    display: inline-block;
    margin: 0 2px;
    background: #8c8c8c;
    padding: 3px 6px;
    border-radius: 5px;
    color: #fff;
    width: 30px;
    height: 30px;
    position: relative;
    transition: all .4s
}
.nosotros-part3 .box-pdf-0 i {
    color: #fff;
    position: absolute;
    top: 4px;
    left: 6px;
    font-size: 20px
}
.nosotros-part3 .box-pdf-0:hover {
    background: #ec6331
}
.portada-central .item {
    height: 100%;
    position: relative
}
.portada-central .contenido-central,
.portada-central .contenido-central .slick-list,
.portada-central .contenido-central .slick-track {
    height: 100%
}
.portada-operacion-0 .box-center p {
    max-width: 800px
}
#mainNav .btn-link.btn-verde-0 {
    border: 1px solid #0081af!important;
    padding: 6px 9px;
    padding-top: 9px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 4px;
    text-decoration: none;
    font-size: 15px;
    background: #0081af!important;
    color: #fff!important
}
#mainNav .ico-search-2 .img-lupa {
    left: -50px
}
#mainNav .contenedor-nav ul.lista-nav li.current-menu-item a::before {
    background: #ec6331!important
}
#mainNav .contenedor-nav ul.lista-nav li.current-menu-item a {
    color: #ec6331!important
}
.ancla-gestion,
.ancla-nosotros {
    position: relative;
    top: -50px
}
.ancla-nosotros-2 {
    position: relative;
    top: 40px
}
.section-indicadores #nivel-2 {
    position: relative;
    top: -100px
}
@media only screen and (max-width: 800px) {
    .section-ayacucho .box-item .titulo {
        min-height: auto
    }
}
.slider-galeria-gestion .slick-dots {
    text-align: center!important;
    display: none
}
.box-sliderx2 .arrow-left {
    position: absolute;
    left: -23px;
    top: 45%;
    cursor: pointer
}
.box-sliderx2 .arrow-right {
    position: absolute;
    right: -23px;
    top: 45%;
    cursor: pointer
}
@media only screen and (max-width: 991px) {
    .box-sliderx2 .arrow-left,
    .box-sliderx2 .arrow-right {
        display: none!important
    }
}
@media only screen and (max-width: 650px) {
    .nav-objetivos .nav-link img {
        max-height: 105px
    }
    .section-objetivos .nav-tabs .nav-link {
        padding: 5px
    }
    .section-objetivos .box-sliderx2 .slick-slide {
        padding-left: 0;
        padding-right: 0
    }
}
@media only screen and (max-width: 480px) {
    .section-objetivos .container {
        padding: 0 5px
    }
    .nav-objetivos .nav-link img {
        max-height: 95px
    }
    .section-objetivos .nav-tabs .nav-link::before {
        width: 80px
    }
}
.box-sliderx2 .arrow-custom {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    font-size: 30px;
    border-radius: 50%
}
.box-sliderx2 .arrow-custom i {
    margin: 0 auto;
    display: table;
    color: #fff;
    position: relative
}
.box-sliderx2 .arrow-custom.arrow-left i {
    left: -2px
}
.box-sliderx2 .arrow-custom.arrow-right i {
    right: -2px
}
#seccion-accionistas.ancla-nosotros-2 {
    top: -120px
}
#mainNav .ico-search {
    z-index: 2;
    position: relative
}
#mainNav .menu-idioma {
    position: absolute;
    top: 0;
    right: 0
}
.menu-idioma .menu-item a {
    background: 0 0;
    border: 1px solid transparent;
    padding: 6px 9px;
    padding-top: 9px;
    text-transform: uppercase;
    color: #5b585b;
    font-weight: 700;
    border-radius: 4px;
    text-decoration: none;
    font-size: 15px
}
.menu-idioma .menu-item.wpml-ls-current-language a {
    background: #0081af;
    color: #fff
}
.home #mainNav .menu-idioma .menu-item a {
    color: #fff
}
.home #mainNav .menu-idioma .menu-item.wpml-ls-current-language a {
    background: #fff;
    color: #0081af
}
.home #mainNav.on .menu-idioma .menu-item a,
.home #mainNav.sticky-project .menu-idioma .menu-item a {
    color: #5b585b
}
.home #mainNav.on .menu-idioma .menu-item.wpml-ls-current-language a,
.home #mainNav.sticky-project .menu-idioma .menu-item.wpml-ls-current-language a {
    background: #0081af;
    color: #fff
}
#sidebar-menu .menu-idioma .menu-item a {
    background: #eaeaea
}
#sidebar-menu .menu-idioma .menu-item.wpml-ls-current-language a {
    background: #0081af;
    color: #fff
}
#sidebar-menu .menu-idioma {
    margin-top: -25px;
    z-index: 4;
    position: relative
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important
}
.modal-search .modal-dialog {
    margin-top: 0;
    max-width: 100%
}
.modal-search .modal-body {
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    top: 5px;
    padding-left: 50px;
    padding-right: 50px
}
.modal-search .modal-content {
    border-radius: 0;
    text-align: center;
    background: 0 0
}
.modal-search .close {
    border: 0;
    outline: 0;
    opacity: 1;
    top: 35px;
    right: 50px;
    position: absolute
}
.modal-search .close img {
    width: 35px
}
.modal-search h2 {
    font-size: 1.85714em
}
.modal-search .bloque-search {
    max-width: 1150px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 11px;
    position: relative;
    height: 80px
}
.modal-search .bloque-search .box-input {
    width: 100%;
    border-radius: 0;
    border: 1px solid #c3c3c3;
    padding: 8px 35px;
    height: 100%;
    font-size: 22px
}
.modal-search .bloque-search button {
    position: absolute;
    top: 18px;
    right: 14px;
    outline: 0;
    border: 0;
    background: 0 0;
    padding: 8px 10px;
    opacity: .7;
    z-index: 5;
    cursor: pointer
}
.modal-search .bloque-search button img {
    width: 20px
}
.section-404 {
    height: 92vh;
    display: flex;
    align-items: center;
    min-height: 850px;
    position: relative
}
.section-404 .btn-404 {
    font-size: 17px;
    color: #696669;
    margin: 0 auto;
    display: table;
    padding: 16px 15px 17px;
    border: 1px solid #fff;
    background: #fff;
    font-weight: 700;
    transition: all .3s;
    width: 100%;
    max-width: 243px;
    text-align: center
}
.section-404 .container {
    max-width: 610px
}
.section-404 .title-1 {
    color: #fff;
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: 700
}
.section-404 .title-2 {
    font-size: 26px;
    margin-bottom: 35px;
    color: #fff
}
.section-404 .img-404 {
    width: 115px;
    height: auto;
    margin-bottom: 40px
}
.modal-archivos .modal-content,
.modal-suscribirse .modal-content {
    border: 0;
    border-radius: 0
}
.modal-suscribirse .modal-dialog {
    max-width: 805px;
    width: 100%
}
.modal-archivos .modal-dialog {
    max-width: 575px;
    width: 100%
}
.modal-suscribirse .modal-body {
    position: relative;
    min-height: 492px
}
.modal-archivos .modal-dialog {
    position: relative;
    min-height: 365px
}
.modal-suscribirse .img-modal {
    position: absolute;
    top: 0;
    right: 0;
    width: 260px;
    height: 492px;
    background-position: center;
    background-size: cover
}
.modal-archivos,
.modal-suscribirse {
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: flex-start
}
.modal-archivos.show,
.modal-suscribirse.show {
    display: flex!important
}
.modal-archivos .close,
.modal-suscribirse .close {
    position: absolute;
    right: -33px;
    top: -5px;
    opacity: 1;
    outline: 0
}
.modal-archivos .close img,
.modal-suscribirse .close img {
    width: 28px;
    height: 28px
}
.modal-suscribirse .inner {
    padding: 30px 35px;
    padding-bottom: 20px;
    max-width: 590px
}
.modal-archivos .titulo,
.modal-suscribirse .titulo {
    font-weight: 700;
    font-size: 26px;
    max-width: 310px;
    margin-bottom: 20px
}
.modal-archivos .titulo {
    margin-bottom: 25px;
    text-align: center;
    max-width: 100%
}
.c-form-orange {
    max-width: 445px
}
.c-form-orange .checkmark {
    border: 1px solid #d2d2d2
}
.c-form-orange .checkmark {
    top: 0
}
.c-form-orange .aspa-check input:checked~.checkmark:after {
    border-color: #fff
}
.c-form-orange .aspa-check input:checked~.checkmark {
    background-color: #0081af;
    border: 1px solid #0081af
}
.c-form-orange .parrafo-grey,
.c-form-orange .parrafo-grey a {
    color: #5b5b5b
}
.c-form-orange .form-input {
    position: relative
}
.c-form-orange .form-input button,
.c-form-orange .form-input input {
    padding: 16px 20px;
    border: 1px solid #dedede;
    margin-bottom: 20px;
    color: #5b585b;
    height: 54px;
    transition: all .4s
}
.c-form-orange .form-input button {
    height: 54px
}
.c-form-orange .form-input.form-submit {
    padding-right: 125px
}
.c-form-orange .btn-suscribirse {
    background: #ec6331;
    border: 1px solid #ec6331;
    color: #fff!important;
    position: absolute;
    top: 0;
    right: 0;
    max-width: 120px;
    cursor: pointer
}
.c-form-orange .btn-descargar {
    background: #ec6331;
    border: 1px solid #ec6331;
    color: #fff!important;
    max-width: 207px;
    cursor: pointer;
    margin: 0 auto;
    display: table;
    margin-top: 30px;
    outline: 0
}
.c-form-orange .form-input input:focus {
    border: 1px solid #ec6331
}
.modal-archivos .modal-body {
    min-height: 345px
}
.modal-archivos .c-form-orange {
    margin: 0 auto
}
.modal-archivos .inner {
    padding-top: 45px;
    padding-bottom: 30px
}
@media only screen and (max-width: 880px) {
    .modal-archivos .close,
    .modal-suscribirse .close {
        right: -5px;
        top: -32px
    }
    .modal-archivos .modal-dialog,
    .modal-suscribirse .modal-dialog {
        padding: 0 10px;
        margin: 0 auto
    }
}
.modal-suscribirse .box-check {
    width: 445px
}
.modal-archivos .c-form-orange {
    max-width: 480px
}
@media only screen and (max-width: 760px) {
    .modal-suscribirse .img-modal {
        display: none
    }
    .modal-archivos .inner,
    .modal-suscribirse .inner {
        margin: 0 auto
    }
    .c-form-orange,
    .modal-suscribirse .modal-dialog {
        margin: 0 auto
    }
}
@media only screen and (max-width: 600px) {
    .modal-archivos .inner {
        padding-left: 20px;
        padding-right: 20px
    }
}
@media only screen and (max-width: 550px) {
    .modal-suscribirse .box-check {
        width: 420px
    }
}
@media only screen and (max-width: 480px) {
    .modal-suscribirse .inner {
        padding: 30px 22px;
        padding-bottom: 25px
    }
    .c-form-orange .form-input.form-submit {
        padding-right: 0
    }
    .modal-suscribirse .box-check {
        width: 100%
    }
    .c-form-orange .btn-suscribirse {
        position: relative;
        max-width: 100%
    }
    .modal-suscribirse .titulo {
        text-align: center;
        font-size: 20px;
        max-width: 260px;
        margin-left: auto;
        margin-right: auto
    }
    .c-form-orange .form-input input {
        margin-bottom: 13px
    }
    .modal-archivos .inner {
        padding-top: 35px;
        padding-bottom: 20px
    }
    .modal-archivos .inner {
        padding-left: 15px;
        padding-right: 15px
    }
    .modal-archivos .c-form-orange .form-input button {
        max-width: 260px
    }
}
.section-detalle.banner-top-0 {
    height: 320px
}
.section-pagina .container {
    max-width: 900px;
    margin-top: 60px;
    margin-bottom: 45px
}
.section-pagina .container ol,
.section-pagina .container ul {
    padding-left: 20px
}
.section-pagina .container a {
    color: #0081af;
    text-decoration: underline
}
@media only screen and (max-width: 480px) {
    .section-pagina {
        padding-left: 7px;
        padding-right: 7px
    }
}
.pop-info p {
    text-transform: uppercase
}
.page-template-modulos {
    background: #f6f6f6
}
.page-template-modulos .section-financierox2 {
    padding: 0;
    background: 0 0;
    margin-top: 45px;
    margin-bottom: 30px
}
.page-template-modulos .card-header {
    padding: 0;
    border: 0;
    background: #fff
}
.page-template-modulos .card-header a {
    display: flex;
    text-decoration: none!important;
    height: auto;
    padding-bottom: 13px;
    align-items: center;
    padding-right: 50px;
    padding-left: 25px;
    min-height: 85px;
    padding-top: 25px;
    padding-bottom: 25px
}
.page-template-modulos .section-financierox2 .card-header i {
    float: none;
    color: #000;
    position: absolute;
    right: 20px;
    top: 36px;
    font-size: 14px
}
.page-template-modulos .section-financierox2 .card-header h5 {
    font-size: 20px;
    position: relative;
    top: 4px
}
.page-template-modulos .section-financierox2 .card-body {
    margin: 0 25px;
    border-top: 1px solid #e0e0e0;
    padding: 26px 0;
    padding-bottom: 20px
}
@media only screen and (max-width: 480px) {
    .page-template-modulos .card-header a {
        padding-left: 20px
    }
    .page-template-modulos .section-financierox2 .card-body {
        margin: 0 20px
    }
}
.form-select {
    position: relative
}
.form-select::before {
    content:url("https://img.icons8.com/fluency-systems-filled/15/000000/expand-arrow.png");
    /* content: "f107"; */
    font-family: FontAwesome;
    position: absolute;
    font-size: 20px;
    right: 15px;
    top: 12px;
    color: #5b585b;
    z-index: 0
}
.form-select select {
    padding: 16px 20px;
    padding-right: 30px;
    width: 100%;
    border: 1px solid #dedede;
    margin-bottom: 20px;
    color: #5b585b;
    height: 54px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    z-index: 2;
    position: relative;
    background: 0 0
}
.form-select select:focus {
    border-color: #f2916e
}
@media only screen and (max-width: 1340px) {
    .modal-search .close {
        right: 25px
    }
}
@media only screen and (max-width: 650px) {
    .modal-search .modal-body {
        padding-left: 0;
        padding-right: 0
    }
    .modal-search .bloque-search {
        height: 50px;
        margin-top: 25px
    }
    .modal-search .bloque-search .box-input {
        font-size: 18px;
        padding-left: 20px;
        padding-top: 11px;
        padding-right: 50px
    }
    .modal-search .bloque-search button {
        top: 5px;
        right: 3px
    }
    .modal-search .close {
        top: 1px;
        right: 18px
    }
}
.nav-contacto {
    text-align: center;
    display: block;
    margin-bottom: 60px
}
.nav-contacto .nav-item {
    display: inline-block;
    margin: 0 15px
}
.nav-contacto .nav-link {
    border: 0;
    font-size: 50px;
    color: #000!important;
    font-weight: 700;
    opacity: .4
}
.nav-contacto .nav-link.active {
    opacity: 1
}
.box-check.box-green .checkmark {
    border: 1px solid #0081af
}
.section-formulario .bloque-a .aspa-check {
    display: inline-block;
    margin-left: 30px
}
.section-formulario .bloque-a .aspa-check:nth-child(1) {
    margin-left: 0
}
.section-formulario .checkmark {
    top: 0
}
.box-check.box-green .aspa-check input:checked~.checkmark:after {
    border-color: #fff
}
.box-check.box-green .aspa-check input:checked~.checkmark {
    background-color: #0081af;
    border: 1px solid #0081af
}
.box-check.box-green .parrafo-grey,
.box-check.box-green .parrafo-grey a {
    color: #5b5b5b
}
.section-formulario .bloque-b {
    padding-left: 150px;
    position: relative;
    margin-top: 35px;
    margin-bottom: 30px
}
.section-formulario .bloque-b .texto-0 {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
    color: #000;
    font-size: 18px
}
.section-formulario .bloque-b .checkmark {
    border-radius: 50%
}
.section-formulario .bloque-b .aspa-check input:checked~.checkmark:after {
    display: block;
    border-width: 2px;
    background: #fff;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}
.section-formulario .bloque-c {
    padding-left: 190px;
    position: relative;
    margin-bottom: 50px
}
.section-formulario .bloque-c .texto-0 {
    position: absolute;
    left: 0;
    top: 0;
    color: #5b585b;
    font-size: 18px;
    font-weight: 700
}
.section-formulario .text-gray {
    font-size: 18px;
    font-weight: 700;
    color: #5b585b
}
.subtitle-contact {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: 35px
}
.section-formulario .first-separation {
    padding-top: 40px
}
.section-formulario .third-separation {
    padding-top: 60px
}
.section-formulario .fourth-separation {
    margin-bottom: 50px
}
@media only screen and (max-width: 850px) {
    .nav-contacto .nav-link {
        font-size: 40px
    }
    .nav-contacto {
        margin-bottom: 40px
    }
}
@media only screen and (max-width: 710px) {
    .nav-contacto .nav-link {
        font-size: 30px
    }
    .nav-contacto {
        margin-bottom: 30px
    }
}
@media only screen and (max-width: 600px) {
    .nav-contacto {
        display: -ms-flexbox;
        display: flex
    }
    .nav-contacto .nav-item {
        margin: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 10px
    }
    .nav-contacto .nav-link {
        font-size: 22px
    }
}
@media only screen and (max-width: 580px) {
    .section-formulario .bloque-b,
    .section-formulario .bloque-c {
        padding-left: 0
    }
    .section-formulario .bloque-b .texto-0,
    .section-formulario .bloque-c .texto-0 {
        position: relative;
        top: 0;
        left: 0
    }
}
@media only screen and (max-width: 480px) {
    .nav-contacto {
        max-width: 280px;
        margin-left: auto;
        margin-right: auto
    }
    .section-formulario .bloque-b .aspa-check {
        display: inline-block
    }
    .section-formulario .bloque-b .aspa-check:nth-child(2) {
        margin-right: 30px
    }
}
.checkbox-custom .wpcf7-list-item-label {
    font-size: 16px;
    color: #5b5b5b
}
.checkbox-custom .wpcf7-list-item {
    margin-bottom: 5px;
    position: relative;
    margin-left: 0;
    padding-left: 30px
}
.radio-custom .title {
    font-size: 14px
}
.radio-custom .wpcf7-list-item-label {
    font-size: 16px;
    color: #5b5b5b
}
.radio-custom .title {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    margin: 0
}
.checkbox-custom .wpcf7-list-item input {
    z-index: 5;
    position: absolute;
    font-size: 22px;
    padding: 32px;
    width: 18px;
    left: 0;
    height: 17px;
    top: 1px;
    opacity: 0;
    margin: 0
}
.checkbox-custom .wpcf7-list-item:after {
    content: "";
    background: 0 0;
    width: 20px;
    border: 1px solid #d2d2d2;
    height: 20px;
    display: block;
    position: absolute;
    left: -1px;
    top: 0;
    border-radius: 3px;
    z-index: 0
}
.checkbox-custom .wpcf7-list-item-label:before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 15px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    left: 6px;
    top: 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
    z-index: 2;
    border-color: #fff
}
.checkbox-custom .wpcf7-list-item-label:after {
    content: "";
    display: block;
    position: absolute;
    left: -1px;
    top: 0;
    width: 20px;
    height: 20px;
    background: #0081af;
    border-radius: 2px;
    z-index: 1;
    opacity: 0
}
.checkbox-custom .wpcf7-list-item input:checked+:after,
.checkbox-custom .wpcf7-list-item input:checked+:before {
    opacity: 1
}
.radio-custom .wpcf7-list-item {
    position: relative;
    margin-left: 12px
}
.radio-custom .wpcf7-list-item input {
    z-index: 5;
    position: relative;
    font-size: 22px;
    padding: 32px;
    width: 18px;
    left: -11px;
    height: 17px;
    top: 1px;
    opacity: 0
}
.radio-custom .wpcf7-list-item-label:after {
    content: "";
    display: block;
    position: absolute;
    left: -14px;
    top: 0;
    width: 22px;
    height: 22px;
    background: #0081af;
    border-radius: 50%;
    z-index: 1;
    opacity: 0
}
.radio-custom .wpcf7-list-item:after {
    content: "";
    width: 22px;
    border: 1px solid #0081af;
    height: 22px;
    display: block;
    position: absolute;
    left: -14px;
    top: -1px;
    border-radius: 50%;
    z-index: 0
}
.radio-custom .wpcf7-list-item-label:before {
    content: "";
    display: block;
    position: absolute;
    width: 11px;
    height: 11px;
    left: -3px;
    border-radius: 50%;
    top: 5px;
    opacity: 0;
    z-index: 1;
    background: #000
}
.radio-custom .wpcf7-list-item-label:before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    left: -9px;
    border-radius: 50%;
    top: 4px;
    opacity: 0;
    z-index: 2;
    background: #fff
}
.radio-custom .wpcf7-list-item input:checked+:after,
.radio-custom .wpcf7-list-item input:checked+:before {
    opacity: 1
}
.modal-suscribirse .form-input.form-submit p {
    margin: 0
}
.modal-suscribirse .form-input.form-submit .ajax-loader {
    display: none!important
}
.modal-suscribirse .wpcf7 form .wpcf7-response-output {
    border: 2px solid #00a0d2;
    margin: 0;
    text-align: center
}
.modal-suscribirse .wpcf7-not-valid-tip {
    font-size: 12px;
    margin-top: -10px;
    margin-bottom: 10px
}
#solicitar-archivo i {
    font-size: 18px;
    margin-left: 5px;
    display: none
}
.g-recaptcha>div {
    margin: 20px auto 0
}
@media only screen and (max-width: 500px) {
    .modal-suscribirse .modal-dialog {
        padding-top: 50px;
        padding-bottom: 50px
    }
    .modal-suscribirse.show {
        display: block!important
    }
}
.section-gracias {
    min-height: 753px;
    position: relative;
    overflow: hidden;
    padding-top: 170px;
    padding-bottom: 150px
}
.section-gracias .titulo-1 {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff
}
.section-gracias .subtitulo-1 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff
}
.section-gracias .container {
    position: relative;
    z-index: 2
}
.section-gracias .content {
    max-width: 630px;
    margin: 0 auto
}
.section-gracias .content p {
    line-height: 1.8;
    color: #fff
}
.section-gracias .btn-regresar {
    width: 245px;
    height: 52px;
    font-weight: 700;
    background: #ec6331;
    font-size: 16px;
    display: table;
    margin: 0 auto;
    margin-top: 60px;
    color: #fff;
    padding: 16px 0;
    transition: all .4s;
    border: 2px solid #ec6331
}
.section-gracias .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-position: center;
    background-size: cover
}
.section-gracias .bg-img::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #0081af 0 0 no-repeat padding-box;
    opacity: .6
}
@media only screen and (max-width: 480px) {
    .section-gracias .titulo-1 {
        font-size: 45px
    }
    .section-gracias .subtitulo-1 {
        font-size: 25px
    }
    .section-gracias {
        min-height: 650px;
        padding-top: 120px;
        padding-bottom: 100px
    }
}
.section-formulario .wpcf7 .ajax-loader {
    display: none!important
}
.section-formulario .bloque-b .wpcf7-list-item,
.section-formulario .bloque-c .wpcf7-list-item {
    margin-bottom: 10px;
    display: block
}
.section-formulario .checkbox-custom .wpcf7-list-item:after {
    border: 1px solid #0081af
}
.section-formulario .bloque-a .wpcf7-list-item {
    margin-right: 20px
}
.btn-tacho {
    background-image: url(../../assets/img/trash.png);
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    border: 0;
    outline: 0;
    cursor: pointer;
    background-color: transparent;
    margin-left: 6px;
    position: relative;
    top: -3px
}
.btn-tacho:focus {
    outline: 0
}
.wpcf7 form .wpcf7-response-output {
    text-align: center
}
.wpcf7-form-control.wpcf7-not-valid {
    border-color: #ff5151
}
.section-formulario .inner .wpcf7-not-valid-tip,
.section-formulario .inner-doble .wpcf7-not-valid-tip,
.section-formulario textarea~.wpcf7-not-valid-tip {
    display: none!important
}
.section-formulario .wpcf7-not-valid-tip {
    font-size: 13px
}
.section-formulario .btn-archivo::before {
    background-image: url(../../assets/img/plush.png);
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    border: 0;
    outline: 0;
    cursor: pointer;
    background-color: transparent;
    position: absolute;
    top: 8px;
    left: 7px
}
.block-map-action .mapa-item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    z-index: 0
}
.block-map-action .box-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 3;
    cursor: pointer
}
.block-map-action .mapa-item {
    transition: all .4s;
    opacity: 0
}
.block-map-action .mapa-item.activo {
    opacity: 1
}
.block-map-action.map-action-mobile {
    display: none
}
@media only screen and (max-width: 991px) {
    .block-map-action.map-action-mobile {
        display: block
    }
    .block-map-action.map-action-desktop {
        display: none
    }
    .section-accionistas .block-map-action .item {
        height: auto;
        width: 100%
    }
    .section-accionistas .block-map-action .item .box-contenido {
        width: 100%;
        position: relative
    }
    .section-accionistas .slider-mapa {
        margin-top: 30px!important
    }
    .section-accionistas .block-map-action {
        padding-bottom: 35px
    }
    .section-accionistas .slick-dots {
        bottom: 0
    }
}
.box-archivos .btn-tacho {
    display: none
}
.wpcf7-form .archivo {
    display: none
}
@media only screen and (max-width: 600px) {
    .section-accionistas .block-map-action .descripcion .logo {
        left: 0;
        margin-bottom: 0;
        max-height: 70px
    }
    .section-accionistas .block-map-action .descripcion {
        padding: 0 18px
    }
    .section-accionistas .block-map-action .descripcion .content {
        padding-top: 15px;
        padding-left: 0;
        padding-right: 0
    }
}
.dots-2 li button:before {
    display: none
}
.dots-2 li button {
    width: 9px;
    height: 9px;
    border: 50%;
    background: #333;
    margin: 0 auto;
    opacity: .5;
    padding: 0;
    border-radius: 50%
}
.dots-2 li.slick-active button {
    opacity: 1
}
@media print {
    #mainNav,
    .content-fonts,
    .noprint,
    .pop-info,
    footer {
        display: none
    }
    body {
        padding-top: 0
    }
    .single-noticias-0 .d-none {
        display: block!important
    }
    .single-noticias-0 .titulo-principal {
        margin-bottom: 40px;
        text-align: center
    }
}
.single-noticias-0 .box-social {
    position: absolute;
    top: 7px;
    left: 52px;
    width: 168px;
    height: 38px;
    background: #fff
}
.single-noticias-0 .box-social.ocultar {
    display: none
}
.single-noticias-0 .box-social ul li {
    display: inline-block
}
.single-noticias-0 .box-social ul li a {
    text-decoration: none
}
.single-noticias-0 .box-social ul li .social {
    width: 39px;
    height: 39px;
    display: table;
    text-align: center;
    background: #f6f6f6;
    align-items: center;
    display: flex;
    text-align: center;
    font-size: 20px;
    border-radius: 5px
}
.single-noticias-0 .box-social ul li .social i {
    margin: 0 auto;
    display: table
}
.section-transporte.ocultar {
    display: none
}
@media only screen and (min-width: 1180px) {
    .section-novedades .slider-img {
        height: 280px
    }
}
@media only screen and (min-width: 1200px) {
    .section-novedades .slider-img {
        height: 290px
    }
}
@media only screen and (min-width: 1250px) {
    .section-novedades .slider-img {
        height: 300px
    }
}
@media only screen and (min-width: 1300px) {
    .section-novedades .slider-img {
        height: 310px
    }
}
@media only screen and (min-width: 1350px) {
    .section-novedades .slider-img {
        height: 325px
    }
}
@media only screen and (min-width: 991px) {
    .section-transporte .box-contenido {
        margin-left: 10px
    }
}
.bg-404-mobile {
    display: none
}
@media only screen and (max-width: 480px) {
    .section-transporte .box-contenido .titulo-box {
        font-size: 30px
    }
    .section-transporte .btn-orange {
        background: #f08e67!important;
        border: 2px solid #f08e67!important;
        color: #fff!important
    }
    .section-transporte .arrow-leftx2 {
        left: 4px
    }
    .section-transporte .arrow-rightx2 {
        right: -36px
    }
    .bg-404-mobile {
        display: block
    }
    .bg-404-desktop {
        display: none
    }
}
@media only screen and (max-width: 500px) {
    .section-404 .img-404 {
        width: 100px
    }
    .section-404 .title-1 {
        font-size: 30px
    }
    .section-404 .title-2 {
        font-size: 20px
    }
    .section-404 {
        height: 675px;
        min-height: 0
    }
    .section-404 .title-2 {
        font-size: 20px;
        max-width: 310px;
        margin-left: auto;
        margin-right: auto;
        line-height: 1.8;
        margin-bottom: 50px
    }
}
.section-operacion-2 .d-mobile {
    display: none
}
.section-operacion-2 .subtitulo {
    color: #0081af;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px
}
@media only screen and (max-width: 1170px) {
    .section-operacion-2 .d-mobile {
        display: block
    }
}
.confiabilidad-part2 .box-parrafo p a {
    color: #0081af;
    text-decoration: underline
}
.calidad-tercero,
.persona-juridica {
    display: none
}
#mainNav .lista-nav li .imagen a {
    font-size: 0!important
}
@media only screen and (min-width: 600px) {
    .block-map-action .center-ico .logo {
        top: 32%!important;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%)
    }
}
.modal .checkbox-custom a {
    color: #0081af;
    text-decoration: underline
}
@media only screen and (max-width: 991px) {
    #mainNav .btn-link.btn-verde-0 {
        display: none
    }
}
.sidebar-wrapper .btn-contact {
    border: 1px solid #0081af!important;
    padding: 6px 9px;
    padding-top: 9px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 4px;
    text-decoration: none;
    font-size: 15px;
    background: #0081af!important;
    color: #fff!important;
    display: table;
    margin: 0 auto
}
footer .columna-2 ul li p {
    color: #5b585b;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
    margin-top: -5px
}
.tab-desktop-linea .arrow-custom,
.tab-mobile-linea .arrow-custom {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    font-size: 30px;
    border-radius: 50%;
    position: absolute;
    top: 38%;
    cursor: pointer;
    background: #ec6331
}
.tab-desktop-linea .arrow-custom i,
.tab-mobile-linea .arrow-custom i {
    margin: 0 auto;
    display: table;
    color: #fff;
    position: relative
}
.tab-desktop-linea .arrow-left,
.tab-mobile-linea .arrow-left {
    left: 16%
}
.tab-desktop-linea .arrow-right,
.tab-mobile-linea .arrow-right {
    right: 16%
}
@media only screen and (max-width: 1080px) {
    .tab-desktop-linea .arrow-left {
        left: 5%
    }
    .tab-desktop-linea .arrow-right {
        right: 5%
    }
}
@media only screen and (max-width: 900px) {
    .tab-desktop-linea .arrow-left,
    .tab-mobile-linea .arrow-left {
        left: 1%
    }
    .tab-desktop-linea .arrow-right,
    .tab-mobile-linea .arrow-right {
        right: 1%
    }
}
@media only screen and (max-width: 767px) {
    .tab-mobile-linea .section-check .box-contenido {
        margin-bottom: 40px
    }
    .tab-mobile-linea .section-check .row .col-md-4:nth-last-child(1) .box-contenido {
        margin-bottom: 0
    }
    .tab-desktop-linea .arrow-custom,
    .tab-mobile-linea .arrow-custom {
        top: 15px
    }
}
@media only screen and (max-width: 500px) {
    .section-check .img-check {
        max-width: 40px
    }
    .section-check .container {
        padding-top: 95px
    }
    .section-gallery-0 .box-contenido {
        padding-top: 15px
    }
    .tab-desktop-linea .arrow-custom,
    .tab-mobile-linea .arrow-custom {
        width: 32px;
        height: 32px;
        font-size: 21px
    }
    .tab-desktop-linea .arrow-custom,
    .tab-mobile-linea .arrow-custom {
        top: 15px
    }
    .section-gallery-0 .box-contenido .title-black {
        padding-left: 22px;
        padding-right: 22px
    }
    .section-objetivos {
        padding-top: 60px
    }
}
.tab-desktop-linea .slick-arrow.slick-hidden,
.tab-mobile-linea .slick-arrow.slick-hidden {
    opacity: 0
}
.section-inversionista .box-contact h6 span {
    font-weight: 300!important
}
.box-item-objetivo .title-black {
    padding-bottom: 25px!important
}
.section-objetivos .box-title {
    padding-bottom: 20px!important
}
form .wpcf7-acceptance input {
    width: 20px!important
}
.bloque-mas-mesa,
.bloque-mas-mesa-b {
    display: none
}
.bloque-mas-mesa-b.mostrar,
.bloque-mas-mesa.mostrar {
    display: block!important
}
.btn-blue-small {
    font-size: 16px;
    color: #fff;
    display: table;
    padding: 13px 20px 12px;
    border: 2px solid #0081af;
    background: #0081af;
    font-weight: 700;
    transition: all .3s;
    min-width: 218px;
    margin: 0 auto;
    text-align: center;
    margin-top: 40px
}
.btn-blue-small:hover {
    background: 0 0;
    color: #0081af
}
.section-nosotros .titulo-datos {
    font-size: 40px;
    color: #000;
    font-weight: 700;
    margin-bottom: 20px
}
@media only screen and (max-width: 560px) {
    .section-nosotros .titulo-datos {
        font-size: 30px
    }
}
.page-template-operaciones-sistema .fancybox-toolbar .fancybox-button--thumbs {
    display: none!important
}
.portada-central .box-center h1 {
    font-size: 50px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    padding-bottom: 55px
}
.section-noticias .box-title h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    margin: 0
}
@media only screen and (max-width: 1080px) {
    .section-noticias .box-title h1 {
        font-size: 36px
    }
}
.portada-servicios .box-center h1 {
    padding-bottom: 30px
}
@media only screen and (max-width: 1080px) {
    .section-noticias .box-title h1 {
        font-size: 36px
    }
}
@media only screen and (max-width: 600px) {
    .section-noticias.section-detalle .box-title h1 {
        font-size: 34px
    }
}
@media only screen and (max-width: 480px) {
    .section-noticias.section-detalle .box-title h1 {
        font-size: 20px;
        line-height: 1.4
    }
}
@media only screen and (max-width: 600px) {
    .portada-servicios.portada-central .box-center h1 {
        padding-bottom: 20px;
        font-size: 40px
    }
}
.portada-sostenible .box-center h1 {
    padding-bottom: 24px
}
@media only screen and (max-width: 991px) {
    .portada-sostenible .box-center h1 {
        padding-bottom: 20px;
        font-size: 40px
    }
}
.section-central .box-title h1 {
    font-size: 50px;
    color: #000;
    font-weight: 700;
    margin: 0
}
@media only screen and (max-width: 480px) {
    .section-central .box-title h1 {
        font-size: 30px
    }
}
@media only screen and (max-width: 800px) {
    .portada-central.portada-gas .box-center h1 {
        font-size: 40px;
        padding-bottom: 30px
    }
}
@media only screen and (max-width: 480px) {
    .portada-central.portada-gas .box-center h1 {
        padding-bottom: 15px
    }
}
.portada-clientes .box-center h1 {
    padding-bottom: 21px
}
@media only screen and (max-width: 480px) {
    .portada-clientes.portada-central .box-center h1 {
        padding-bottom: 20px;
        font-size: 40px
    }
}
section.section-operacion-41 .container {
    width: 100%!important;
    max-width: 100%!important;
    padding: 0;
    display: none
}
section.section-operacion-41 .container .col-12 h3 {
    text-align: center;
    font-size: 40px;
    font-weight: 700
}
section.section-operacion-41 .container .col-12 {
    padding: 0;
    background: #f6f6f6;
    padding: 40px 0
}
section.section-operacion-41 .container .col-md-12 {
    width: 100%;
    padding: 0
}
section.section-operacion-41 .container .col-md-12 .grid {
    width: 100%;
    padding: 0;
    display: grid;
    grid-template-columns: 30% 70%
}
section.section-operacion-41 .container .col-md-12 .grid .grid-o {
    background: linear-gradient(to top, #ec6231, #f28623);
    padding: 181px 45px;
    color: #fff
}
section.section-operacion-41 .container .col-md-12 .grid .grid-t {
    width: 100%
}
section.section-operacion-41 .container .col-md-12 .grid .grid-t iframe {
    width: 100%;
    height: 100%
}
section.section-operacion-41 .container .col-md-22 {
    background: #f6f6f6;
    padding-top: 50px;
    padding-bottom: 40px
}
section.section-operacion-41 .container .col-md-22 .descarga {
    width: 80%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 49.5% 49.5%;
    gap: 1%
}
section.section-operacion-41 .container .col-md-22 .descarga .descar {
    background: #fff;
    padding: 20px 20px;
    display: grid;
    grid-template-columns: 100px 50% 30%;
    align-items: center
}
section.section-operacion-41 .container .col-md-22 .descarga .descar .d-button {
    background: #f2916e;
    text-align: center;
    padding: 15px 0
}
section.section-operacion-41 .container .col-md-22 .descarga .descar .d-button a.button {
    color: #fff;
    font-weight: 700
}
section.section-operacion-41 .container .col-md-22 .descarga .descar .d-txt {
    display: block
}
section.section-operacion-41 .container .col-md-22 .descarga .descar .d-txt span {
    display: block;
    width: 80%
}
section.section-operacion-41 .container .col-md-22 .descarga .descar .d-txt span.t-tit {
    color: #0080af;
    font-weight: 800;
    font-size: 16px
}
section.section-operacion-41 .container .col-md-22 .descarga .descar .d-txt span.t-det {
    font-size: 26px;
    line-height: 1;
    font-weight: 700
}
section.section-operacion-41 .container .col-md-22 .col-12 {
    padding-top: 20px
}
section.section-operacion-41 .container .col-md-22 .descarga .descar .d-img {
    display: block;
    width: 100px;
    height: 100%;
    position: relative
}
section.section-operacion-41 .container .col-md-22 .descarga .descar .d-img img {
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    height: 130px;
    width: 90px
}
@media (max-width: 1200px) {
    section.section-operacion-41 .container .col-md-22 .descarga .descar .d-img img {
        position: initial
    }
    section.section-operacion-41 .container .col-md-22 .descarga .descar {
        grid-template-columns: 20% 50% 30%
    }
    section.section-operacion-41 .container .col-md-22 .descarga .descar .d-img img {
        height: auto;
        width: 100%
    }
    section.section-operacion-41 .container .col-md-22 .descarga .descar .d-img {
        width: 100%
    }
}
@media (max-width: 1000px) {
    section.section-operacion-41 .container .col-12 h3 {
        font-size: 26px
    }
    section.section-operacion-41 .container .col-md-12 .grid {
        grid-template-columns: 1fr
    }
    section.section-operacion-41 .container .col-md-12 .grid .grid-t iframe {
        width: 100%;
        height: 400px
    }
    section.section-operacion-41 .container .col-md-12 .grid .grid-o {
        padding: 50px 40px
    }
    section.section-operacion-41 .container .col-md-22 .descarga {
        grid-template-columns: 1fr;
        gap: 50px
    }
    section.section-operacion-41 .container .col-md-22 .descarga .descar {
        grid-template-columns: 25% 75%
    }
    section.section-operacion-41 .container .col-md-22 .descarga .descar .d-img {
        grid-column: 1;
        grid-row: 1
    }
    section.section-operacion-41 .container .col-md-22 .descarga .descar .d-txt {
        grid-column: 2;
        grid-row: 1
    }
    section.section-operacion-41 .container .col-md-22 .descarga .descar .d-button {
        grid-column: 1/3;
        grid-row: 2
    }
    section.section-operacion-41 .container .col-md-22 .descarga .descar .d-button {
        margin-top: 50px
    }
    section.section-operacion-41 .container .col-md-22 .descarga .descar .d-txt span.t-det {
        font-size: 21px
    }
    section.section-operacion-41 .container .col-md-22 .descarga .descar .d-button {
        width: 70%;
        margin: 0 auto;
        margin-top: 50px
    }
}
body.page-template.locale-en-us section.section-operacion-41 {
    display: none
}
section-transporte dots-blackx2.new {
    display: none
}
section#cadena-valor {
    background: #f6f6f6
}
.section-transporte.new .container h3 {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    color: #000;
    margin-bottom: 40px
}
section#cadena-valor .mapavalor {
    width: 100%
}
section#cadena-valor .mapavalor img {
    width: 100%
}
.section-transporte.new .container span {
    text-align: center;
    font-size: 16px
}
section#nuestra-historia .titulos {
    padding-bottom: 20px
}
section#nuestros-servicios .container.dos .tipos-gas {
    display: grid;
    grid-template-columns: 30% 70%;
    align-items: center
}
section#nuestros-servicios .container.dos .tipos-gas .selector-gas .seleccion {
    cursor: pointer
}
section#nuestros-servicios .container.dos .tipos-gas .selector-gas .seleccion.active {
    display: inline-block
}
section#nuestros-servicios .container.dos .tipos-gas .info>div {
    display: none
}
section#nuestros-servicios .container.dos .tipos-gas .info>div.active {
    width: 100%;
    display: grid;
    grid-template-columns: 48% 48%;
    grid-gap: 4%;
    align-items: center
}
section#nuestros-servicios .container {
    border-bottom: 1px solid #dedede
}
section#nuestros-servicios .container.dos .tipos-gas .info .imagen-gas {
    width: 100%
}
section#nuestros-servicios .container.dos .tipos-gas .info .imagen-gas img {
    width: 100%
}
section#nuestros-servicios .container.dos .tipos-gas .selector-gas .seleccion .sel img {
    display: none
}
section#nuestros-servicios .container.dos .tipos-gas .selector-gas .seleccion.active .sel img.active {
    display: block
}
section#nuestros-servicios .container.dos .tipos-gas .selector-gas .seleccion .sel img.noactive {
    display: block
}
section#nuestros-servicios .container.dos .tipos-gas .selector-gas .seleccion.active .sel img.noactive {
    display: none
}
section#nuestros-servicios .container.dos .tipos-gas .selector-gas .seleccion>div {
    display: inline-block;
    vertical-align: middle
}
section#nuestros-servicios .container.dos .tipos-gas .selector-gas .seleccion>div.sel {
    margin-right: 20px
}
section#contratacion-servicios {
    background: #f6f6f6
}
.titulos {
    text-align: center;
    margin-bottom: 50px
}
.titulos h3 {
    margin-bottom: 10px!important
}
section#contratacion-servicios .tipos-servicios {
    display: block
}
section#contratacion-servicios .tipos-servicios>div {
    background: #fff;
    margin-bottom: 30px;
    padding: 40px 100px
}
section#contratacion-servicios .tipos-servicios>div h4 {
    font-size: 20px;
    font-weight: 700
}
section#contratacion-servicios .btn-servicios {
    display: grid;
    grid-template-columns: 50% 50%;
    text-align: center;
    align-items: center;
    margin-top: 90px
}
section#contratacion-servicios .btn-servicios a {
    width: 350px;
    height: 54px;
    color: #fff;
    background: #ec6331;
    line-height: 3;
    text-align: center;
    margin: 0 auto
}
section#contratacion-servicios .btn-servicios a.azul {
    background: #0081af
}
section#clientes-gas .cuadros {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2%
}
.section-confiabilidad .container {
    padding: 92px 0 0
}
.section-nosotros .container {
    height: 786px;
    padding: 0 0 0;
    max-width: 1600px
}
.section-nosotros .container .row.m-0 {
    height: 100%;
    display: flex;
    background: #fff
}
.section-nosotros .container .row.m-0 .col-5.p-0 {
    max-width: 525px
}
.section-nosotros .container .col-5.p-0 .box-espace {
    padding: 20px;
    display: flex;
    align-items: center;
    background: transparent linear-gradient(218deg, #1fadcb 0, #15799d 100%) 0 0 no-repeat padding-box;
    max-width: none
}
.section-nosotros .titulo-datos {
    font-size: 40px;
    color: #fff
}
.section-nosotros .box-espace h5 {
    color: #fff;
    font-weight: 700;
    font-size: 25px
}
section#clientes-gas .cuadros>div {
    width: 100%
}
section#clientes-gas .cuadros>div .img {
    width: 100%
}
section#clientes-gas .cuadros>div .img img {
    width: 100%
}
section#clientes-gas .cuadros>div .infor {
    width: 80%;
    margin: 0 auto;
    background: #f6f6f6;
    padding: 30px 30px;
    text-align: center;
    height: 460px
}
section#clientes-gas .cuadros>div .infor h4 {
    font-size: 20px;
    font-weight: 700;
    color: #5b585b;
    padding-top: 5px;
    margin-bottom: 30px
}
section#clientes-gas .cuadros>div .infor ul {
    text-align: left
}
section#clientes-gas .cuadros>div .infor ul li {
    font-size: 16px;
    color: #5b585b
}
section#clientes-gas .cuadros>div .infor ul li::marker {
    color: #0081af
}
.section-transporte.new {
    display: none
}
section#nuestros-servicios .container.dos .tipos-gas .selector-gas.mobile {
    display: none!important
}
section#clientes-gas .cuadros.mobile {
    display: none
}
@media (max-width: 1000px) {
    .section-transporte.new .container h3 {
        font-size: 30px
    }
    section#nuestros-servicios .container.dos .tipos-gas {
        grid-template-columns: 1fr!important
    }
    section#nuestros-servicios .container.dos .tipos-gas .info>div.active {
        grid-template-columns: 1fr
    }
    section#nuestros-servicios .container.dos .tipos-gas .selector-gas .seleccion.active {
        background: #0081af;
        width: 100%
    }
    section#nuestros-servicios .container.dos .tipos-gas .selector-gas .seleccion {
        display: none!important
    }
    section#contratacion-servicios .tipos-servicios>div {
        padding: 30px
    }
    section#contratacion-servicios .btn-servicios {
        grid-template-columns: 1fr
    }
    section#contratacion-servicios .btn-servicios a {
        margin-bottom: 20px
    }
    section#nuestros-servicios .container.dos .tipos-gas .selector-gas.mobile {
        display: block!important
    }
    section#nuestros-servicios .container.dos .tipos-gas .selector-gas.mobile .lista {
        background: #0081af;
        margin-bottom: 30px;
        padding: 20px 40px;
        color: #fff;
        font-weight: 700
    }
    section#nuestros-servicios .container.dos .tipos-gas .selector-gas.mobile .lista .list {
        display: none
    }
    section#nuestros-servicios .container.dos .tipos-gas .selector-gas.mobile .lista .list.active {
        display: block
    }
    section#nuestros-servicios .container.dos .tipos-gas .selector-gas.mobile .lista.muestra .list {
        display: block
    }
    section#clientes-gas .cuadros {
        display: none
    }
    section#clientes-gas .cuadros.mobile {
        display: block
    }
}
section#nuestros-servicios .container.dos .tipos-gas .selector-gas.mobile select#cars {
    width: 100%;
    margin-bottom: 30px;
    height: 50px;
    padding-left: 30px;
    color: #fff;
    background: reds;
    background: #0081af;
    margin-bottom: 30px;
    color: #fff;
    font-weight: 700
}
select#cli {
    width: 90%;
    margin-bottom: 30px;
    height: 50px;
    padding-left: 30px;
    color: #fff;
    background: reds;
    background: #0081af;
    margin-bottom: 30px;
    color: #fff;
    font-weight: 700;
    margin: 0 auto;
    display: block;
    margin-bottom: 30px
}
section#clientes-gas .cuadros>div.seleccionar .infor {
    width: 100%;
    display: none
}
section#clientes-gas .cuadros>div.seleccionar .infor.active {
    display: block
}
.your-class button.slick-next.slick-arrow,
.your-class button.slick-prev.slick-arrow {
    background: #fff
}
.your-class .slick-prev {
    left: 0
}
.your-class .slick-next {
    right: 0
}
.your-class .slick-next:before,
.your-class .slick-prev:before {
    background: 0 0;
    color: #ec6331;
    font-size: 30px
}
.section-confiabilidad .container {
    padding: 92px 0 0
}
.section-nosotros .container {
    height: 786px;
    padding: 0 0 0;
    max-width: 1650px
}
.section-nosotros .container .row.m-0 {
    height: 100%;
    display: flex;
    background: #fff
}
.section-nosotros .container .row.m-0 .col-5.p-0 {
    max-width: 525px
}
.section-nosotros .container .row.m-0 .col-7.p-0 {
    display: flex;
    justify-content: center;
    align-items: center
}
.section-nosotros .container .col-5.p-0 .box-espace {
    padding: 44px;
    display: flex;
    align-items: center;
    background: transparent linear-gradient(218deg, #1fadcb 0, #15799d 100%) 0 0 no-repeat padding-box;
    max-width: none
}
.section-nosotros .titulo-datos {
    font-size: 40px;
    color: #fff
}
.section-nosotros .box-espace h5 {
    color: #fff;
    font-weight: 100;
    font-size: 25px
}
.section-nosotros .box-contenido p {
    font-size: 18px;
    padding-top: 18px;
    border-top: 4px solid #1381af
}
.section-nosotros .box-img {
    height: 222px
}
.section-nosotros .box-contenido h3 {
    font-weight: 700;
    color: #1381af;
    font-size: 53px;
    font-family: Montserrat
}
.section-nosotros .box-contenido {
    background: #fff;
    padding: 0;
    max-width: 180px;
    display: block;
    margin: 0 15px;
    min-height: 260px
}
@media (max-width: 2000px) {
    .section-nosotros .container .row.m-0 .col-7.p-0 {
        flex: 59.333333%;
        max-width: 68.333333%
    }
}
@media (max-width: 1600px) {
    .section-nosotros .container .row.m-0 .col-7.p-0 {
        padding-left: 11px!important
    }
}
@media (max-width: 1290px) {
    .section-nosotros .container .row.m-0 .col-7.p-0 {
        flex: 27%;
        max-width: 57.333333%
    }
}
@media (max-width: 1154px) {
    .section-nosotros .container .row.m-0 .col-5.p-0 {
        max-width: 350px
    }
    .section-nosotros .container .row.m-0 .col-7.p-0 {
        flex: 55.333333%;
        max-width: 70.333333%
    }
}
@media (max-width: 883px) {
    .section-nosotros .container .row.m-0 .col-5.p-0 {
        max-width: min-content
    }
    .section-nosotros .container .row.m-0 .col-7.p-0 {
        flex: 48.333333%;
        max-width: 68.333333%
    }
}
@media (max-width: 813px) {
    .section-nosotros .container .row.m-0 .col-5.p-0 {
        max-width: 100%
    }
    .section-nosotros .container .row.m-0 .col-7.p-0 {
        flex: 100%;
        max-width: 100%
    }
}
@media (max-width: 750px) {
    .section-nosotros .box-white {
        z-index: 5
    }
    .dots-black .slick-dots {
        z-index: 10000000000;
        bottom: -35px
    }
    section.nosotros-part2 {
        position: relative;
        top: 36px
    }
    .section-nosotros .container .row.m-0 .col-7.p-0 {
        display: block;
        padding-left: 0!important
    }
    .section-nosotros .box-contenido {
        margin-bottom: 22px;
        margin-top: 36px;
        max-width: 100%
    }
}
@media (max-width: 500px) {
    section.nosotros-part2 {
        top: 41px
    }
    .section-nosotros .box-contenido h3 {
        font-size: 40px
    }
    .section-nosotros .titulo-datos {
        font-size: 30px
    }
}
@media (max-width: 417px) {
    section.nosotros-part2 {
        top: 64px
    }
}
@media (max-width: 370px) {
    section.nosotros-part2 {
        top: 83px
    }
}
.btn-blue {
    font-size: 16px;
    color: #fff;
    display: table;
    padding: 16px 15px 17px;
    border: 1px solid #0081af;
    background: #0081af;
    font-weight: 700;
    transition: all .3s;
    width: 100%;
    max-width: 243px;
    text-align: center
}
.btn-blue:hover {
    background: #fff;
    color: #0081af
}
.section-camisea .bloque-nav-img {
    position: absolute;
    bottom: 540px
}
.section-camisea .item .box-contenido .inner {
    top: 38px
}
@media only screen and (max-width: 767px) and (min-width: 500px) {
    .section-camisea .bloque-nav-img {
        position: absolute;
        top: 40px!important
    }
    .section-camisea .item .box-contenido .inner {
        top: 47px
    }
}
@media only screen and (max-width: 500px) {
    .section-camisea .item .box-contenido .inner {
        top: 54px
    }
    .section-camisea .bloque-nav-img {
        top: 49px
    }
}
@media only screen and (max-width: 900px) {
    .container-part2 .box-iso .img-iso {
        max-width: 87px
    }
}
:root {
    --border-width: 0px
}
.centered {
    justify-content: center;
    align-items: center;
    width: 100%;
    font-family: Inter, sans-serif;
    font-weight: 200;
    margin: 47px auto
}
.centered p {
    opacity: .6;
    line-height: 1.5
}
.centered h2 {
    margin: 14px 0 0;
    font-family: Corbel;
    font-weight: 500;
    opacity: .9;
    font-size: 22px;
    text-align: center
}
.cards {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 1rem;
    justify-content: center
}
.card {
    position: relative;
    padding: var(--border-width);
    z-index: 2;
    transform: scale(.98);
    transition: transform .2s ease-in-out, z-index .6s;
    cursor: pointer;
    border: 0
}
.card .content {
    height: 100%;
    width: 100%;
    padding: 1rem;
    overflow: hidden
}
.card .content img {
    width: calc(100% + 2rem);
    margin: -1rem;
    margin-bottom: 1rem;
    object-fit: cover;
    object-position: center
}
.card .border {
    position: absolute;
    inset: 0;
    overflow: hidden
}
.card .border::before {
    position: absolute;
    width: 29rem;
    height: 29rem;
    top: 50%;
    left: 50%;
    z-index: -1;
    background: conic-gradient(#12c2e9, #c471ed, #f64f59, #c471ed, #12c2e9);
    opacity: 0;
    transition: opacity .3s ease-in-out;
    animation: spin 3s linear infinite
}
.card:hover {
    transform: translateY(-.5rem);
    z-index: 3
}
.card:hover::before {
    opacity: .9
}
.card:hover .border::before {
    opacity: 1
}
@keyframes spin {
    0% {
        transform: translate(-50%, -50%) rotate(0)
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}
@keyframes spin-shadow {
    0% {
        transform: translate(-50%, calc(-50% + 2rem)) scale(.5) rotate(0)
    }
    100% {
        transform: translate(-50%, calc(-50% + 2rem)) scale(.5) rotate(360deg)
    }
}
.conten-btn {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 60px
}
.conten-btn a {
    display: inline-block;
    text-decoration: none;
    background: #1381af;
    padding: 13px 110px;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase
}
@media only screen and (max-width: 1000px) {
    .cards {
        display: grid;
        grid-template-columns: auto auto;
        justify-content: center
    }
}
@media only screen and (max-width: 700px) {
    .cards {
        grid-template-columns: auto
    }
    .conten-btn a {
        padding: 13px 106px
    }
}
.vn-red a {
    background-color: #fbaa3b;
    display: inline-block;
    position: relative;
    margin: 30px 5px;
    padding: 20px 20px 20px 80px;
    color: #fff;
    transition: all .4s ease;
    border-radius: 3px
}
.vn-red a:before {
    content: "f019";
    font-family: fontAwesome;
    position: absolute;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    font-size: 28px;
    border-radius: 0 20px 0 0;
    color: #000;
    background-color: #fff;
    opacity: .3;
    padding: 20px;
    top: 0;
    left: 0
}
.vn-red a:hover {
    background: #1381af
}
.vn-red a i.fa.fa-rocket.fa-lg.fa-spin {
    display: none;
    width: 0;
    height: 0
}
section.portada-central.reporte-sostenibilidad.dots-white {
    height: 350px
}
section.portada-central.reporte-sostenibilidad.dots-white .item {
    max-height: 350px
}
section.portada-central.reporte-sostenibilidad.dots-white .box-center {
    z-index: 3;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    max-width: 1400px;
    margin: 0 auto;
    text-align: left
}
section.portada-central.reporte-sostenibilidad.dots-white .box-center p {
    max-width: 1400px;
    padding-bottom: 11px;
    font-size: 75px;
    font-family: Corbel;
    font-weight: 700
}
section.portada-central.reporte-sostenibilidad.dots-white .box-center h1 {
    padding: 0;
    font-size: 49px;
    font-weight: 400;
    font-family: Corbel
}
@media only screen and (max-width: 500px) {
    section.portada-central.reporte-sostenibilidad.dots-white .box-center p {
        font-size: 45px
    }
    section.portada-central.reporte-sostenibilidad.dots-white .box-center h1 {
        font-size: 30px
    }
}
section.portada-central.reporte-sostenibilidad.dots-white ul.slick-dots {
    width: 0;
    height: 0;
    display: none;
    background: 0 0
}
.minimenu-nav {
    display: flex;
    align-items: center;
    max-width: 1400px;
    margin: 0 auto;
    text-align: left
}
.minimenu-nav .links {
    display: flex;
    grid-gap: 4px;
    margin: 14px 16px
}
.minimenu-nav .links a {
    color: #5b585b;
    font-family: Corbel;
    font-size: 15px
}
.minimenu-nav .links a:hover {
    color: #fbaa3b
}
.minimenu-nav .links a:click {
    color: #fbaa3b
}
.minimenu-nav .links a.active {
    color: #ec6331
}
.card .flag {
    border: 1px solid #fec92e;
    margin: 0 0;
    color: #fff;
    background: #fec92e;
    font-family: Corbel;
    font-style: normal;
    font-weight: 700;
    text-decoration: inherit;
    font-size: 20px;
    border-radius: 0 49px 49px 0;
    padding: 5px 8.4px;
    cursor: pointer;
    width: 21%;
    display: flex;
    position: absolute
}

.section-footer .container-part2 .row .col-4.p-0:nth-child(1) .box-left:nth-child(1) h6 small{
    font-size: 15px!important;
}
.section-footer .container-part2 .row .col-4.p-0:nth-child(1) .box-left:nth-child(2) h6 small{
    font-size: 15px!important;
}


@media only screen and (max-width: 500px) {
    .section-footer .container-part2 .box-iso {
        position: absolute;
        top: -138px
    }
}
@media only screen and (max-width: 340px) {
    .section-footer .container-part2 .box-iso {
        position: absolute;
        top: -146px
    }
}
@media only screen and (max-width: 330px) {
    .section-footer .container-part2 .box-iso {
        position: absolute;
        top: -166px
    }
}











.vista-detalle .container .detalle-item {
    display: grid;
    grid-template-columns: 46% auto;
    grid-gap: 25px;
    flex-direction: row;
    margin: 0px;
    padding-right: 100px;
    align-items: center;
}

.vista-detalle .left-column {
    flex: 1;
    margin-right: 0px;
    background-color: transparent;
    padding: 0px 0px 0px 80px;
    border-radius: 8px;
    /* display: flex; */
    align-items: end;
    justify-content: center;
}

.vista-detalle .main-image {
    width: 100%;
    height: auto;
    border-radius: 8px;
    max-height: 100%;
    cursor: pointer;
}

.vista-detalle .right-column {
    flex: 2;
    padding: 10px 5px 0 2px;
}

.vista-detalle .gallery {
display: grid!important;
gap: 10px;
margin-top: 10px;
position: relative;
}

.vista-detalle .gallery img {
    width: 100%;
    height: auto;
    cursor: pointer;
    border-radius: 4px;
}

.vista-detalle h2 {
    font-size: clamp(24px,5vw,50px);
    margin-bottom: 0px;
    font-weight: 500;
    font-family: Rubik;

}

.vista-detalle .right-column strong{
  font-family: Rubik;
  font-weight: 500;
  color: #656565;
}
.vista-detalle p {
    font-size: 16px;
    margin-bottom: 5px;
    color: #363636;
    font-family: Rubik;
    font-weight: 400;

}

.vista-detalle h3 {
    font-size: 20px;
    margin-top: 30px;
    color: #f47c00;
    font-weight: 600;
    font-family: Rubik;
}

.vista-detalle a {
    text-decoration: none;
    color: white;
    font-size: 14px;
}


.vista-detalle .back-w {
padding: 30px 0px 30px 80px;
}

.vista-detalle .back-w .header-link {
    display: flex;
    grid-gap: 10px;
    align-items: center;
}

.vista-detalle .container .detalle-item::before{

}
.vista-general::before {
content:"";
width: 350px;
display: grid;
background: #0081af;
height: 100%;
position: absolute;
z-index: -1;
}


.container.vista-general {
padding: 0;
margin: 0 auto;
max-width: 1920px;
background: #e3e3e326;
z-index: -1;
position: relative;
}
.imagen-mobile-js{
display: none;
}

@media (max-width: 1000px) {
.vista-detalle .container .detalle-item {
display: flex;
flex-direction: column;
justify-content: center;
padding: 35px 20px;
}
.vista-general::before{
position: relative;
}
.vista-detalle .left-column{
padding: 0;
}
.vista-detalle .back-w{
padding: 0 15px;
position: absolute;
margin: 20px 0 0 0;

}

.header-link {
    display: flex;
    align-items: center;
    grid-gap: 10px;
}


.vista-detalle .imagen-mobile-js{
display: block;
}

.vista-detalle .imagen-mobile-js .vista-detalle .left-column{
display: flex;
}

.vista-detalle .imagen-mobile-js .left-column {
padding: 0;
padding: 60px 0px 60px 20px;
/* background: #874b4b; */
height: 100%;
position: relative;
/* z-index: -4; */
display: flex;
align-items: center;
}
.vista-detalle .imagen-mobile-js .left-column:before{
content:"";
height: 100%;
position: absolute;
width: 65%;
left: 0;
/* display: flex; */
background: #0d82af;
z-index: -1;
padding: 0;
}

.vista-detalle .imagen-mobile-js  .main-image{
    padding: 0 20px 6px 0;
}


}


.lg-outer .lg-img-rotate img.lg-object.lg-image {
    padding: 50px 0;
    /* height: 84vh!important; */
}

.lg-outer .lg-video-cont .lg-img-rotate {
    padding: 50px 20px 0;
}



.noticia-de-interes  .container {
    padding: 0 80px;
        margin: 0 auto;
        max-width: 1920px;
        background: #e3e3e326;
    }
   
    .noticia-de-interes {
        margin-top: 50px;
    }
    
    .noticia-de-interes h1 {
        text-align: center;
        color: #333;
        margin-bottom: 30px;
    }
    
    .noticia-de-interes .news-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr); /* Tres columnas iguales */
        gap: 20px; /* Espacio entre columnas */
    }
    
    .noticia-de-interes .news-item {
        position: relative;
        background-color: #fff;
        border-radius: 10px;
        overflow: hidden;
    }
    
    .noticia-de-interes .news-item img {
        width: 100%;
        /* height: auto; */
        display: block;
        height: 333px;
        object-fit: cover;
    }
    
    .noticia-de-interes .news-content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 20px;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
        color: #fff;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: flex-end;
    }
    
    .noticia-de-interes .news-content p {
        margin: 0 0 10px;
        font-size: 15px;
        font-family: Rubik;
        font-weight: 400;
        line-height: normal;
    }
    .noticia-de-interes .news-content p strong {
        font-size: 13px;
         font-family: Rubik;
          font-weight: 400;
    }
    
    .noticia-de-interes .news-content a {
        text-decoration: underline;
        color: white; /* Cambiado a un color que resalte más */
     
        font-family: Rubik;
        font-weight: 400;
        text-underline-offset: 4px;
    }
    
    .noticia-de-interes .news-item.wide {
        grid-column: span 2; /* Esta clase ocupa el ancho completo en la grid */
    }
    
    .noticia-de-interes .cta-button {
        font-size: 16px;
        color: #fff;
        display: table;
        padding: 16px 15px 17px;
        border: 1px solid #0081af;
        background: #0081af;
        font-weight: 700;
        transition: all .3s;
        width: 100%;
        max-width: 300px;
        text-align: center;
        margin: 40px 10px;
        font-family: Rubik;
        font-weight: 500;
    }

   .mobile-img{
    display: none!important;
   }

   .cta-btn {
    display: flex;
    justify-content: center;
}

.noticia-de-interes .container h2 {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 20px;
    font-family: Rubik;
}

.title-text {
    display: flex;
    align-items: center;
    grid-gap: 5px;
}

.title-text .title {
    margin-right: 10px;
}

    @media screen and (max-width: 1100px) {
        .noticia-de-interes .news-grid{
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media screen and (max-width: 1000px) {
        .noticia-de-interes .news-item img{
          height: auto;
        }
        .desk-img{
            display: none!important;
        }
        .mobile-img{
            display: block!important;
           }

        .noticia-de-interes .container{
            padding: 0 20px;
        }

        .noticia-de-interes {
            margin-top: 10px;
        }
       
    }
    
    
    @media screen and (max-width: 768px) {
        .noticia-de-interes .news-grid {
            grid-template-columns: 1fr; /* Una columna en pantallas pequeñas */
        }
    
        .noticia-de-interes .news-item.wide {
            grid-column: span 1; /* Ocupa una columna en pantallas pequeñas */
        }
    }
    








.celebration-container {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to right, #57B2D3, #0081AE);
    border: 0;
    padding: 10px 10px 2px;
    margin: 0px auto;
    max-width: 1600px;
  }
  
  .celebration-container .media-section {
    position: relative;
    text-align: center;
    flex: 7%;
  }
  
  .celebration-container .media-section p {
    position: absolute;
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: bold;
  }
  
  .celebration-container .left-text {
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
  }
  
  .celebration-container .right-text {
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
  }
  
  .celebration-container .celebration-video {
    max-width: 100%;
    height: auto;
    border: 0;
    border-radius: 0px;
  }
  
  .celebration-container .text-section {
    flex: 1;
    /* background-color: #00a1e0; */
    color: white;
    padding: 0px;
    /* max-width: 340px; */
    text-align: left;
  }
  
  .celebration-container .text-section h2 {
    font-size: 40px;
    margin: 15px 0px 15px;
    font-family: Rubik;
    line-height: 1;
  }
  
  .celebration-container .text-section h2 span {
    font-size: 60px;
    font-family: Rubik;
    font-weight: 600;
  }
  
  .celebration-container .text-section p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    font-family: Rubik;
  }
  
  .celebration-container .cta-button {
    background-color: #fa582e;
    color: white;
    padding: 13px 20px;
    text-decoration: none;
    font-size: 16px;
    border-radius: 0px;
    font-family: Rubik;
    position: relative;
    top: 5px;
    font-weight: 600;
  }
  
  .celebration-container .cta-button:hover {
    background-color: #d63616;
  }
  
  .celebration-container .text-section .container {
    padding: 0px 90px 0;
    position: relative;
    top: -10px;
}
.celebration-container .text-section .container img {
    max-width: 55px;
}

.celebration-container .text-section .container a:hover{
    color: #fa582e;
    background: #fff;
    border: 2px solid #fa582e;
}

body .section-camisea{
margin-bottom: 0;
}

@media screen and (max-width: 1200px) {
    .celebration-container{
        padding: 10px 10px 30px;
    }
    .celebration-container .text-section .container {
        padding: 20px 20px;
    }
}

  @media screen and (max-width: 768px) {
    .container-mobile {
        display: block!important;
        width: 100%;
        margin: 0 3px 20px;
     
    }
    .container-mobile img.img-celebra {
        max-width: 55px;
    }
    
    .container-mobile h2.h2-celebra {
        font-size: 40px;
        margin: 15px 0px 5px;
        font-family: Rubik;
        line-height: 1;
        color: white;
    }
    
    .container-mobile span {
        font-size: 40px;
        font-family: Rubik;
        font-weight: 600;
    }
    .celebration-container .text-section .container img, .celebration-container .text-section h2{
        display: none;
    }
    .celebration-container{
        flex-direction: column;
        padding: 50px 20px;
      }
      .celebration-container .text-section .container {
        padding: 20px 0px;
      }
  }




  section.section-home-1.dots-part1 .section-inicio .img-central {
    
   
    height: 100vh;
    background-size: auto;
    background-position: inherit;
}

.info_slider {
    position: absolute;
    top: 50%;
    margin-top: -125px;
    left: 0;
}










section.banner.home-inicio .ine-conte {
    width: 100%;
    position: absolute;
    top: 38%;
    z-index: 10;

}

section.banner.home-inicio  img {
    height: 100%;

}

section.banner.home-inicio a::before {
    content:"";
      width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #000;
    opacity: .2
}


section.banner.home-inicio .container .box-inicio {
    padding-top: 0;
    padding-left: 0;
    max-width: 480px;
    position: relative;
    left: 140px;
    top: 15px;
}

section.banner.home-inicio .container .box-inicio h1 {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    padding-bottom: 16px;
    margin: 0;
}

section.banner.home-inicio .container .box-inicio p {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
}

section.banner.home-inicio .owl-dots {
    position: absolute;
    bottom: 15px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}


section.banner.home-inicio .owl-dots button.owl-dot span{
    background: 0 0;
        border: 1px solid #fff;

}
section.banner.home-inicio .owl-dots button.owl-dot {
    zoom: 0;
    outline: none;
}
section.banner.home-inicio .owl-dots button.owl-dot.active {
    background: transparent;
}
section.banner.home-inicio .owl-dots button.owl-dot.active span {
   background: #fff;
}

section.banner.home-inicio .owl-dots button.owl-dot span{
    border: 1px solid #fff;
    width: 11px;
    border-radius: 30px;
    height: 11px;
}

section.banner.home-inicio .movil {
    display: none;
}


@media screen and (max-width: 768px) {
    section.banner.home-inicio .ine-conte{
        top: 35%;
    }
    section.banner.home-inicio .container .box-inicio h1{
        font-size: 40px;
    font-weight: 700;
    padding-bottom: 16px;
    margin: 0;
    line-height: 0.9;
    }
    body.home.page-template-default.page nav#mainNav {
        position: relative;
    }
    body.home.page-template-default.scrol-hom nav#mainNav{
        position: fixed;
    }

    section.banner.home-inicio img{
        height: 100%;
    }
    section.banner.home-inicio .movil {
        display: block;
    } 
    section.banner.home-inicio  .desktop{
        display: none;
    }
    section.banner.home-inicio .container .box-inicio{
        max-width: 100%;
        left: 0;
        top: -25%;
    }
}

.section-footer .container-part2 .box-iso ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-footer .container-part2 .box-iso ul li {
    margin: 5px;
}

@media screen and (max-width: 768px) {
    .section-footer .container-part2 .box-iso ul li img{
        max-width: 44px;
    }
    .section-footer .container-part2 .box-iso ul{
        justify-content: center;
    }
}