*{
    font-family: 'Corbel';
    outline: 0;
}
a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
a:focus{
    outline:none;
}
html,
body {
    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: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Corbel';
    src: url('../fonts/Corbel-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Corbel';
    src: url('../fonts/Corbel-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Corbel';
    src: url('../fonts/Corbel.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


#mainNav{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background: #fff;
    height: 100px;
    transition: all 0.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;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100);
  filter: alpha(opacity=0 * 100);
}
.activate {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100);
  filter: alpha(opacity=1 * 100);
}
.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: 0.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: #FFFFFF;
    font-size: 50px;
    font-weight: 700;
    padding-bottom: 16px;
    margin: 0;
}
.section-inicio .box-inicio p{
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
}

.section-novedades .container{
    padding-top: 86px;
    padding-bottom: 28px;
}
.title-black{
    color: #000000;
    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 0.3s;
}
.section-novedades .slider-text h6{
    color: #000000;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 14px;
    transition: all 0.3s;
}
.section-novedades .slider-text span{
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding-bottom: 10px;
    transition: all 0.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: #FFFFFF;
}
.dots-part1 .slick-dots{
    bottom: -40px;
}
.dots-part1 .slick-dots li button::before{
    display: none;
}
.dots-part1 .slick-dots li {
    margin: 0px 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: black;
}
.section-novedades .box-center{
    text-align: center;
    padding-top: 0;
    padding-bottom: 25px;
}
.btn-orange{
    font-size: 16px;
    color: #FFFFFF;
    display: inline-block;
    padding: 13px 12px 12px;
    border: 2px solid #fa582e;
    background: #fa582e;
    font-weight: 700;
    transition: all 0.3s;
    max-width: 218px;
    width: 100%;
    text-align: center;
}
.btn-orange:hover{
    color: #fa582e;
    background: #FFFFFF;
}



.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 0px 0 30px;
}
.section-energia .box-title h6{
    font-size: 22px;
    font-weight: 300;
    color: #000000;
    padding-bottom: 35px;
    margin: 0;
    text-transform: uppercase;
}
.section-energia .box-title h4{
    font-size: 40px;
    font-weight: 700;
    color: #000000;
    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: #000000;
    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: #FFFFFF;
}
.section-compromiso .box-central p,
.section-compromiso .box-centralx2 p{
    font-size: 16px;
    font-weight: 400;
    margin: 0px;
    color: #FFFFFF;
}




.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: 0px;
    left: 0px;
    max-width: 15px;
}
.container-part1 .img-linkx2{
    position: absolute;
    top: 0px;
    left: 0px;
    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: #FFFFFF;
    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 0.3s;
}
.container-part1 .box-icono a:hover{
    background: #0081AF;
    color: #FFFFFF;
}
.container-part1 .list-linkx2 .btn-blue{
    font-size: 16px;
    color: #FFFFFF;
    display: table;
    padding: 16px 15px 17px;
    border: 1px solid #0081AF;
    background: #0081AF;
    font-weight: 700;
    transition: all 0.3s;
    width: 100%;
    max-width: 243px;
    text-align: center;
}
.container-part1 .list-linkx2 .btn-blue:hover{
    background: #FFFFFF;
    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: #FFFFFF;
    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: #FFFFFF;
}
.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;
}





.section-confiabilidad,
.confiabilidad-part2{
    background: #F6F6F6;
}
.section-confiabilidad .container{
    padding: 92px 0px 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: #FFFFFF;
    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: #FFFFFF;
    display: block;
    text-align: center;
    margin: 0 auto;
    transition: all 0.3s;
}
.confiabilidad-part2 .box-blue a:hover{
    border:1px solid #FFFFFF;
    background: #0081AF;
    color: #FFFFFF;
}



.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: #FFFFFF;
    text-align: center;
    /* max-width: 711px; */
    padding: 55px 0px 30px;
}
.section-nosotros .box-white li{
    display: inline-block;
    vertical-align: top;
}
.section-nosotros .box-contenido{
    background: #FFFFFF;
    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: #000000;
    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: #FFFFFF;
    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: 1100px;
}
.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: #000000;
    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-servicios::before,
.portada-clientes::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%, #000000 100%) 0% 0% no-repeat padding-box;
    opacity: 0.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: #FFFFFF;
    margin: 0;
    padding-bottom: 55px;
}
.portada-central .box-center p{
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    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: transparent;
    border-radius: 30px;
    border: 1px solid #FFFFFF;
    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: #000000;
    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: white;
    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: 0px 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: #FFFFFF;
    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;
}
.section-transporte .img-unica{
    width: 61px;
    height: auto;
    margin-bottom: 20px;
}
.section-transporte .box-contenido .titulo-box{
    color: #000000;
    font-weight: bold;
    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:#000;
}
.section-transporte .btn-orange {
    padding: 12px 5px 12px;
    font-weight: 400;
    max-width: 170px;
    margin-top: 25px;
    border-radius: 3px;
}
.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: 0px 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: #FFFFFF;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.section-serviciosx2 .btn-bluex2{
    padding:46px 20px;
    color:#FFFFFF;
    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: #000000;
    margin: 0;
    padding-bottom: 60px;
}
.section-serviciosx2 .box-contenidox2 h6{
    font-weight: 700;
    font-size: 20px;
    color: #000000;
    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 0.3s;
}
.section-clientex1 .box-contenido:hover{
    background: #FFFFFF;
    border-bottom:10px solid #EC6331;
}
.section-clientex1 .box-contenido h4{
    color: #000000;
    font-weight: 700;
    font-size: 30px;
    margin: 0;
    padding-bottom: 8px;
}
.section-clientex1 .box-contenido h6{
    color: #000000;
    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: #FFFFFF;
    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: 0px 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: #FFFFFF;
}
.dots-white .slick-dots .slick-active button{
    background: #FFFFFF;
}




.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: #FFFFFF;
}
.section-indicadores .box-center p{
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 10px;
    color: #FFFFFF;
    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: 0px 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: #FFFFFF;
    padding: 84px 0 0 0;
}
.section-principios .title-black,
.section-objetivos .title-black{
    padding-bottom: 39px;
}
.section-principios .box-title,
.section-objetivos .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 0.4s;
}
.section-principios .bgn-img .img-central{
    opacity: 0;
    transition: all 0.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: #FFFFFF;
    margin-bottom: 32px;
}
.section-principios .box-centerx2 h6{
    font-size: 16px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 15px;
}
.section-principios .box-centerx2 p{
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    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: #000000;
    margin-bottom: 26px;
}
.section-check .box-contenido ul,
.section-check .box-contenido ol{
    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: 0px auto;
    border: 1px solid #F6F6F6;
    border-radius: 4px;
    background: #F6F6F6;
    transition: all 0.3s;
    cursor: pointer;
}
.section-testimonios .contenido-testimonios .slick-slide{
    margin: 0 10px;
}
.section-testimonios .box-contenido:hover{
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
}
.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: #000000;
}
.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 0px 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: #FFFFFF;
    padding: 13px 30px 0;
    display: block;
    border-radius: 4px;
}
.section-financierox2 .card-header i{
    float: right;
    color: #000000;
    position: relative;
    top: -12px;
}
.section-financierox2 .card-header h5{
    font-size: 26px;
    font-weight: 700;
    color: #000000;
    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 0px 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: #000000;
    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: #FFFFFF;
    font-weight: 700;
    margin: 0;

}


.section-buscador{
    background: #F6F6F6;
}
.section-buscador .container{
    max-width: 1200px;
    background: #FFFFFF;
    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: #000000;
    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: #FFFFFF;
    display: block;
    padding: 14px 5px;
    border: 2px solid #0081AF;
    background: #0081AF;
    font-weight: 700;
    width: 167px;
    text-align: center;
    transition: all 0.3s;
}
.btn-bluex2:hover{
    background: #FFFFFF;
    color: #0081AF;
}



.noticias-part2{
    background: #F6F6F6;
    padding-top: 0px;
    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: 0px;
    padding-bottom: 17px;
    color: #FFFFFF;
}
.noticias-part2 .box-central h6,
.noticias-part2 .box-centralx2 h6{
    font-size: 15px;
    font-weight: 400;
    margin: 0px;
    color: #FFFFFF;
}



.noticias-part3{
    background: #F6F6F6;
    padding: 50px 0;
}
.noticias-part3 .container{
    background: white;
    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: #FFFFFF;
    padding: 25px 10px 15px 0px;
}
.noticias-part3 .box-text h5{
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 20px;
}
.noticias-part3 .box-text h6{
    font-size: 14px;
    font-weight: 300;
    color: #000000;
    margin: 0px;
}
.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: #FFFFFF;
    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: #000000;
    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: #FFFFFF;
}
.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: #FFFFFF;
}
.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: #000000;
    display: inline-block;
    padding: 9px 5px;
    border: 1px solid #DEDEDE;
    background: #FFFFFF;
    font-weight: 400;
    text-align: center;
    transition: all 0.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: 0.6;
}
.section-inversionista .box-espace{
    max-width: 420px;
    margin: 0 auto;
    z-index: 4;
}
.section-inversionista .box-title{
    color: #FFFFFF;
    margin-bottom: 77px;
}
.section-inversionista .box-title h3{
    font-size: 50px;
    font-weight: 700;
    margin: 0px;
    padding-bottom: 33px;
}
.section-inversionista .box-title h4{
    font-size: 24px;
    font-weight: 700;
    margin: 0px;
    padding-bottom: 15px;
}
.section-inversionista .box-title h6{
    font-size: 16px;
    font-weight: 300;
    margin: 0px;
}
.section-inversionista .box-trio{
    margin-bottom: 26px;
}
.section-inversionista .box-contact{
    padding-bottom: 28px;
    margin-left: 44px;
    position: relative;
    color: #FFFFFF;
}
.section-inversionista .img-contact{
    position: absolute;
    left: -40px;
    top: 12px;
}
.section-inversionista .img-contactx2{
    position: absolute;
    left: -40px;
    top: 0px;
}
.section-inversionista .box-contact h6{
    font-size: 16px;
    font-weight: 700;
    margin: 0px;
    line-height: 1.5;
}
.section-inversionista .box-duo h6{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 28px;
    color: #FFFFFF;
}
.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: #000000;
}
.section-inversionista .contact-title p{
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
    color: #000000;
}
.section-inversionista .input-access{
    padding: 15px 20px;
    width: 100%;
    border: 1px solid #D6D6D6;
    background: #FFFFFF;
    margin-bottom: 20px;
}
.section-inversionista .input-access::placeholder{
   color: #000000;
}
.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: 0px;
    height: 20px;
    width: 20px;
    background-color:#FFFFFF;
    border-radius: 0;
    border: 1px solid #5B585B;
    border-radius: 3px;
}
.aspa-check input:checked ~ .checkmark:after {
    display: block;
    border: solid #000000;
    border-width: 0 2px 2px 0;
}
.aspa-check input:checked ~ .checkmark {
    background-color: #FFFFFF;
}
.checkmark:after{
    content: "";
    display: block;
    left: 5px;
    top: 0px;
    width: 7px;
    position: relative;
    height: 15px;
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.section-inversionista .parrafo-grey,
.modal .parrafo-grey p{
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
    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: #000000;
    font-size: 13px;
    font-weight: 400;
}
.section-inversionista .btn-grey{
    font-size: 16px;
    color: #000000;
    display: block;
    padding: 11px 5px;
    border: 2px solid #F6F6F6;
    background: #F6F6F6;
    font-weight: 400;
    width: 159px;
    text-align: center;
    transition: all 0.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: #000000;
    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: 0px;
}
.section-central .box-contact h6{
    font-size: 16px;
    font-weight: 400;
    margin: 0px;
    color: #5B585B;
    line-height: 1.4;
}
.section-central .box-contact h3,
.section-central .box-contact h4{
    font-size: 18px;
    font-weight: 700;
    margin: 0px;
    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 .select-contacto,
.section-formulario .input-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: 0px;
    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: #000000;
    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: #000000;
    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: #FFFFFF;
    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 white;
    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 #FFFFFF;
    background: #FFFFFF;
    font-weight: 700;
    transition: all 0.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: #FFFFFF;
    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 .list-blue h6,
.list-contact .box-contact 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 0px;
}
.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: #000000;
}








.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: 0px 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: #000000;
    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: #FFFFFF;
    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%, #000000 100%) 0% 0% no-repeat padding-box;
    opacity: 0.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: bold;
    margin-bottom: 80px;
}
.section-operacion-5 .subtitle{
    font-size: 26px;
    font-weight: bold;
    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: bold;
    margin-bottom: 60px;
}
.section-operacion-4 .subtitle{
    font-size: 14px;
    font-weight: bold;
    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: white;
    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: bold;
}
.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: bold;
}
.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: #FFFFFF;
    font-size: 40px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 26px;
}
.section-camisea .item p{
    color: #FFFFFF;
    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, 0.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: 0.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: bold;
    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: #FFFFFF;
    min-width: 215px;
    text-align: center;
    transition: all 0.3s;
    margin-top: 10px;
    border-radius: 4px;
}
.section-ayacucho .btn-white:hover{
    background: transparent;
    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: bold;
    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: bold;
}
.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 0.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 > li > .sub-menu,
#menu-mega-menu-en > li > .sub-menu{
    display: none;
    position: fixed;
    left: 0;
    background: white;
    width: 100%;
    height: 350px;
    transition: all 0.5s;
    padding: 0;
    padding-top: 70px;
    z-index: 10;
    border-top: 1px solid #e4e4e4;
    overflow: hidden;
}
#menu-mega-menu > li:hover > .sub-menu,
#menu-mega-menu > li > .sub-menu:hover,
#menu-mega-menu-en > li:hover > .sub-menu,
#menu-mega-menu-en > li > .sub-menu:hover {
    display: block;
}
#menu-mega-menu > li > .sub-menu > li > a,
#menu-mega-menu-en > li > .sub-menu > li > a {
    display: none;
}
#menu-mega-menu > li > .sub-menu > li,
#menu-mega-menu-en > li > .sub-menu > li {
    display: inline-block;
    vertical-align: top;
}
#menu-mega-menu > li > .sub-menu > li.bloque-1,
#menu-mega-menu-en > li > .sub-menu > li.bloque-1 {
    padding: 50px 0 20px;
}
#menu-mega-menu > li > .sub-menu > li.bloque-1,
#menu-mega-menu > li > .sub-menu > li.bloque-2,
#menu-mega-menu-en > li > .sub-menu > li.bloque-1,
#menu-mega-menu-en > li > .sub-menu > li.bloque-2 {
    width: 25%;
}
#menu-mega-menu > li > .sub-menu > li.bloque-3,
#menu-mega-menu-en > li > .sub-menu > li.bloque-3 {
    width: 49%;
}
#menu-mega-menu > li > .sub-menu > li.bloque-1 img,
#menu-mega-menu-en > li > .sub-menu > li.bloque-1 img{
    max-width: 55px;
    max-height: 65px;
    width:auto;
    margin-bottom: 16px;
}
#menu-mega-menu > li > .sub-menu > li li,
#menu-mega-menu-en > li > .sub-menu > li li{
    display: block;
    text-align: left;
    padding: 0 15px;
}
#menu-mega-menu > li > .sub-menu > li li a,
#menu-mega-menu-en > 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: bold;
    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 0.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 0.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 0.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-novedades,
.section-footer,
.section-compromiso{
    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-title,
    .section-energia .box-center{
        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-title,
    .section-energia .box-center{
        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-footer .container-part2 .box-iso{
        position: absolute;
       
        top: -138px;
    }
}
@media only screen and (max-width: 330px){
   
    .section-footer .container-part2 .box-iso{
        position: absolute;
       
        top: -166px;
    }
}
@media only screen and (max-width: 340px){
   
    .section-footer .container-part2 .box-iso{
        position: absolute;
       
        top: -146px;
    }
}
@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 .item .box-contenido,
    .section-camisea .bloque-nav-img{
        width: 400px;
    }
    .section-camisea .item{
        padding-left: 400px;
    }
}
@media only screen and (max-width: 850px){
    .section-camisea .item .box-contenido,
    .section-camisea .bloque-nav-img{
        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: white;
}
.section-home-1.dots-part1 .slick-dots button {
    background: transparent;
    border: 1px solid #ffffff;
}
@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 0.4s alternate infinite; /* Safari 4+ */
    -moz-animation:    animatedImage 0.4s alternate infinite; /* Fx 5+ */
    -o-animation:      animatedImage 0.4s alternate infinite; /* Opera 12+ */
    animation:         animatedImage 0.4s alternate infinite; /* IE 10+, Fx 29+ */
    -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: transparent;
    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: transparent;
    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: 0.4;
    }
    .banner-shadow-mobile ::before {
        background: #000 !important;
        opacity: 0.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 .select-contacto,
    .section-buscador .input-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 0.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-7,
    .section-servicios .col-5{
        -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;
    /* Here's the code we need */
    -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: 0px;
    }
    .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;
    /* Here's the code we need */
    -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: transparent;
    font-weight: 700;
    transition: all 0.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: transparent;
    }
    .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:transparent !important;
    }
    .section-principios .box-centerx2 h2 {
        margin-bottom: 20px;
    }
    .section-principios .bgn-img::before,
    .section-principios .bgn-img .img-central{
        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 0.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: #FFFFFF !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-nosotros,
.ancla-gestion{
    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: transparent;
    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: #FFFFFF;
}
.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: #FFFFFF;
}
#sidebar-menu .menu-idioma .menu-item a {
    background: #eaeaea;
}
#sidebar-menu .menu-idioma .menu-item.wpml-ls-current-language a{
    background: #0081AF;
    color: #FFFFFF;
}
#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: transparent;
}
.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: transparent;
    padding: 8px 10px;
    opacity: 0.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 0.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: bold;
}
.section-404 .title-2 {
    font-size: 26px;
    margin-bottom: 35px;
    color:#fff;
}
.section-404 .img-404{
    width:115px;
    height: auto;
    margin-bottom: 40px;
}
.modal-suscribirse .modal-content,
.modal-archivos .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-suscribirse,
.modal-archivos{
    flex-direction:column;
    justify-content:center;
    align-content:center;
    align-items: flex-start;
}
.modal-suscribirse.show,
.modal-archivos.show{
  display:flex!important;
}
.modal-suscribirse .close,
.modal-archivos .close{
    position: absolute;
    right: -33px;
    top: -5px;
    opacity: 1;
    outline: 0;
}
.modal-suscribirse .close img,
.modal-archivos .close img{
    width: 28px;
    height: 28px;
}
.modal-suscribirse .inner{
    padding: 30px 35px;
    padding-bottom: 20px;
    max-width: 590px;
}
.modal-suscribirse .titulo,
.modal-archivos .titulo{
    font-weight: bold;
    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 input,
.c-form-orange .form-input button{
    padding: 16px 20px;

    border: 1px solid #DEDEDE;
    margin-bottom: 20px;
    color: #5B585B;
    height: 54px;
    transition: all 0.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-suscribirse .close,
    .modal-archivos .close{
        right: -5px;
        top: -32px;
    }
    .modal-suscribirse .modal-dialog,
    .modal-archivos .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-suscribirse .inner,
    .modal-archivos .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 ul,
.section-pagina .container ol{
    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: transparent;
    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: #000000;
    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: "\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: transparent;
}
.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: bold;
    opacity: 0.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: bold;
    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: bold;
}
.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: transparent;
    width: 20px;
    border: 1px solid #d2d2d2;
    height: 20px;
    display: block;
    position: absolute;
    left: -1px;
    top: 0px;
    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: 0px 2px 2px 0px;
    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 + :before,
.checkbox-custom .wpcf7-list-item input:checked + :after{
    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: 0px;
    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 + :before,
.radio-custom .wpcf7-list-item input:checked + :after{
    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: bold;
    margin-bottom: 20px;
    color:#fff;
}
.section-gracias .subtitulo-1{
    font-size: 30px;
    font-weight: bold;
    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 0.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: 0.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 0.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: #333333;
    margin: 0 auto;
    opacity: 0.5;
    padding: 0;
    border-radius: 50%;
}
.dots-2 li.slick-active button{
    opacity: 1;
}
@media print{
    .noprint,
    #mainNav,
    footer,
    .content-fonts,
    .pop-info{
        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: bold;
    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;
}
.persona-juridica,
.calidad-tercero{
    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: #FFFFFF !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-mobile-linea .arrow-custom,
.tab-desktop-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-mobile-linea .arrow-custom i,
.tab-desktop-linea .arrow-custom i{
    margin: 0 auto;
    display: table;
    color: #fff;
    position: relative;
}
.tab-mobile-linea .arrow-left,
.tab-desktop-linea .arrow-left{
    left:16%;
}
.tab-mobile-linea .arrow-right,
.tab-desktop-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-mobile-linea .arrow-left,
    .tab-desktop-linea .arrow-left{
        left:1%;
    }
    .tab-mobile-linea .arrow-right,
    .tab-desktop-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-mobile-linea .arrow-custom,
    .tab-desktop-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-mobile-linea .arrow-custom,
    .tab-desktop-linea .arrow-custom {
        width: 32px;
        height: 32px;
        font-size: 21px;
    }
    .tab-mobile-linea .arrow-custom,
    .tab-desktop-linea .arrow-custom{
        top: 15px;
    }
    .section-gallery-0 .box-contenido .title-black {
        padding-left: 22px;
        padding-right: 22px;
    }
    .section-objetivos{
        padding-top: 60px;
    }
}
.tab-mobile-linea .slick-arrow.slick-hidden,
.tab-desktop-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.mostrar,
.bloque-mas-mesa-b.mostrar{
    display: block !important;
}
.btn-blue-small{
    font-size: 16px;
    color: #FFFFFF;
    display: table;
    padding: 13px 20px 12px;
    border: 2px solid #0081AF;
    background: #0081AF;
    font-weight: 700;
    transition: all 0.3s;
    min-width: 218px;
    margin: 0 auto;
    text-align: center;
    margin-top: 40px;
}
.btn-blue-small:hover{
    background: transparent;
    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;
}


/*SEO PÃƒÆ’Ã‚Â¡gina: OperaciÃƒÆ’Ã‚Â³n del sistema*/
.portada-central .box-center h1{
    font-size: 50px;
    font-weight: 700;
    color: #FFFFFF;
    margin: 0;
    padding-bottom: 55px;
}

/*SEO PÃƒÆ’Ã‚Â¡gina: Notas de Prensa*/
.section-noticias .box-title h1{
    font-size: 40px;
    color: #FFFFFF;
    font-weight: 700;
    margin: 0;

}
@media only screen and (max-width: 1080px){    
    .section-noticias .box-title h1 {
        font-size: 36px;
    }
}


/*SEO PÃƒÆ’Ã‚Â¡gina: ContrataciÃƒÆ’Ã‚Â³n de Servicios*/
.portada-servicios .box-center h1{
    padding-bottom: 30px;
}

/*SEO PÃƒÆ’Ã‚Â¡gina: Politicas Corporativas - Terminos y Condiciones (modulos.php)*/
@media only screen and (max-width: 1080px){    
    .section-noticias .box-title h1 {
        font-size: 36px;
    }
}

/*SEO PÃƒÆ’Ã‚Â¡gina: Single noticias*/
@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;
    }
    
}

/*SEO PÃƒÆ’Ã‚Â¡gina: Nuestro Negocio*/
@media only screen and (max-width: 600px){
    .portada-servicios.portada-central .box-center h1{
        padding-bottom: 20px;
        font-size: 40px;
    }
    
}

/*SEO PÃƒÆ’Ã‚Â¡gina: GestiÃƒÆ’Ã‚Â³n Sostenible*/
.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;
    }    
}

/*SEO PÃƒÆ’Ã‚Â¡gina: Contacto*/
.section-central .box-title h1{
    font-size: 50px;
    color: #000000;
    font-weight: 700;
    margin: 0;
}
@media only screen and (max-width:480px){
    
    .section-central .box-title h1 {
        font-size: 30px;
    }
    
}

/*SEO PÃƒÆ’Ã‚Â¡gina: Gas Natural*/
@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;
    }    
}

/*SEO PÃƒÆ’Ã‚Â¡gina: Clientes*/
.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;
    }
    
}


/*new section*/
/*section.section-operacion-41 {display: none;}*/

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: white;
}

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: white;
    padding: 20px 20px;
    display: grid;
    grid-template-columns: 100px 50% 30%;
    align-items: center;
    /* position: relative; */
}

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: white;
    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;/* background: red; */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;
}

/*new section*/
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: black;
    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 {}

section#nuestra-historia .titulos {
    padding-bottom: 20px;
}

section#nuestros-servicios {}

section#nuestros-servicios .container.dos {}

section#nuestros-servicios .container.dos .tipos-gas {
    display: grid;
    grid-template-columns: 30% 70%;
    align-items: center;
}

section#nuestros-servicios .container.dos .tipos-gas .info {
    /* display: grid; */
    /* grid-template-columns: 40% 60%; */
}

section#nuestros-servicios .container.dos .tipos-gas .selector-gas {}

section#nuestros-servicios .container.dos .tipos-gas .selector-gas .seleccion {
    /* display: none; */
    cursor: pointer;
}

section#nuestros-servicios .container.dos .tipos-gas .selector-gas .seleccion.active {
    display: inline-block;
    /* cursor: pointer; */
}

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 {}

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 .info > div .txt-gas {}

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;
}

.seleccion.snatural.active {}

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: white;
    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: white;
    background: #EC6331;
    line-height: 3;
    text-align: center;
    margin: 0 auto;
}

section#contratacion-servicios .btn-servicios a.azul {
    background: #0081AF;
}

section#clientes-gas {}

section#clientes-gas .cuadros {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 2%;
}


.section-confiabilidad .container{
    padding: 92px 0px 0px;
}

.section-nosotros .container{
    height: 786px;
    padding: 0px 0 0px;
    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 .row.m-0 .col-7.p-0 {
}

.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: #ffffff;
    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;
}
/*mobile*/
@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: white;
    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 {}

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: white;
    background: reds;
    background: #0081AF;
    margin-bottom: 30px;
    /* padding: 20px 40px; */
    color: white;
    font-weight: 700;
}

section#clientes-gas .cuadros > div.seleccionar {}

select#cli {
    width: 90%;
    margin-bottom: 30px;
    height: 50px;
    padding-left: 30px;
    color: white;
    background: reds;
    background: #0081AF;
    margin-bottom: 30px;
    /* padding: 20px 40px; */
    color: white;
    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 {}

.your-class button.slick-prev.slick-arrow, .your-class  button.slick-next.slick-arrow {
    background: white;
}

button.slick-next.slick-arrow {}

.your-class .slick-prev {
    left: 0;
}

.your-class .slick-next {
    right: 0;
}

.your-class  .slick-next:before, .your-class .slick-prev:before {background: none;color: #EC6331;font-size: 30px;}


.section-confiabilidad .container{
    padding: 92px 0px 0px;
}

.section-nosotros .container{
    height: 786px;
    padding: 0px 0 0px;
    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: #ffffff;
    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: #FFFFFF;
    padding: 0px;
    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: 0px !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: #FFFFFF;
    display: table;
    padding: 16px 15px 17px;
    border: 1px solid #0081AF;
    background: #0081AF;
    font-weight: 700;
    transition: all 0.3s;
    width: 100%;
    max-width: 243px;
    text-align: center;
}
.btn-blue:hover{
    background: #FFFFFF;
    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;
    }
    }
    










/*-- REPORTE SOSTENIBILIDAD */






    :root {
        --border-width: 0px;
      }
      

      .centered {
        /* display: flex; */
        justify-content: center;
        align-items: center;
        /* height: 100%; */
        width: 100%;
        /* background: #101520; */
        font-family: "Inter", sans-serif;
        font-weight: 200;
        /* color: white; */
        margin: 47px auto;
    }
    .centered p {
        opacity: 0.6;
        line-height: 1.5;
      }

      .centered h2 {
        margin: 14px 0px 0px;
        font-family: 'Corbel';
        font-weight: 500;
        opacity: 0.9;
        font-size: 22px;
        text-align: center;
      }
      
      .cards {
        display: grid;
        grid-template-columns: auto auto auto;
        gap: 1rem;
        justify-content: center;
      }
      
      .card {
        position: relative;
        /* width: 50rem; */
        /* height: 20rem; */
        padding: var(--border-width);
        z-index: 2;
        /* border-radius: 1rem; */
        transform: scale(0.98);
        transition: transform 200ms ease-in-out, z-index 600ms;
        cursor: pointer;
        border: 0;
      }
      .card .content {
        height: 100%;
        width: 100%;
        padding: 1rem;
        /* background: #202530; */
        /* border-radius: calc(1rem - var(--border-width)); */
        overflow: hidden;
      }
      .card .content img {
        width: calc(100% + 2rem);
        /* height: 10rem; */
        margin: -1rem;
        margin-bottom: 1rem;
        object-fit: cover;
        object-position: center;
      }
      .card::before {
        /* content: ""; */
        /* position: absolute;
        height: 30rem;
        width: 30rem;
        top: 50%;
        left: 50%;
        z-index: -1; */
        /* border-radius: 50%; */
        /* filter: blur(8rem);
        background: conic-gradient(#12c2e9, #c471ed, #f64f59, #c471ed, #12c2e9);
        animation: spin-shadow 3s linear infinite;
        opacity: 0;
        transition: opacity 500ms ease-in-out; */
      }
      .card .border {
        position: absolute;
        inset: 0;
        /* border-radius: 1rem; */
        overflow: hidden;
      }
      .card .border::before {
        /* content: ""; */
        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 300ms ease-in-out;
        animation: spin 3s linear infinite;
      }
      .card:hover {
        transform: translateY(-0.5rem);
        z-index: 3;
      }
      .card:hover::before {
        opacity: 0.9;
      }
      .card:hover .border::before {
        opacity: 1;
      }
      
      @keyframes spin {
        0% {
          transform: translate(-50%, -50%) rotate(0deg);
        }
        100% {
          transform: translate(-50%, -50%) rotate(360deg);
        }
      }
      @keyframes spin-shadow {
        0% {
          transform: translate(-50%, calc(-50% + 2rem)) scale(0.5) rotate(0deg);
        }
        100% {
          transform: translate(-50%, calc(-50% + 2rem)) scale(0.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 0.4s ease;
        border-radius:3px
      }
      .vn-red a:before{
        content:"\f019";
        font-family:fontAwesome;
        position:absolute;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        font-size:28px;
        border-radius:0 20px 0 0;
        color:#000;
        background-color:#fff;
        opacity:0.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;
    }



    .centered .card::before {
        /* content: "2022";
        z-index: 1000;
        border: 1px solid #FEC92E;
        margin: 0 0px;
        color: white;
        background: #FEC92E;
        font-family: 'Corbel';
        position: absolute;
        font-style: normal;
        font-weight: bold;
        text-decoration: inherit;
        font-size: 20px;
        border-radius: 0 49px 49px 0;
        padding: 5px 8.4px;
        top: 0;
        left: 0;
        cursor: pointer; */
    }



    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: bold;
    }
    
    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: 0px;
        display: none;
        background: transparent;
    }

    .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 0px;
        color: white;
        background: #FEC92E;
        font-family: 'Corbel';
        font-style: normal;
        font-weight: bold;
        text-decoration: inherit;
        font-size: 20px;
        border-radius: 0 49px 49px 0;
        padding: 5px 8.4px;
        cursor: pointer;
        width: 21%;
        display: flex;
        position: absolute;
    }