.why-repsol-images{display:inline-block}
.why-repsol-images .container{position:relative}
@media(min-width:1024px){.why-repsol-images .container{height:100%}
}
.why-repsol-images .slick-sl{position:relative;width:100%;height:calc(100vh - 56px)}
@media(min-width:1024px){.why-repsol-images .slick-sl{height:calc(100vh - 80px)}
}
.why-repsol-images .slick-sl .box-0-img,.why-repsol-images .slick-sl .box-1-img,.why-repsol-images .slick-sl .box-2-img{position:absolute;height:100%;width:100%}
.why-repsol-images .slick-sl .box-0-img{opacity:1 !important}
.why-repsol-images .slick-sl .box-1-img.opacity02{opacity:.2 !important}
.why-repsol-images .slick-sl .box-1-img.active{transition-delay:.5s;opacity:1 !important}
.why-repsol-images .slick-sl img{width:100%;height:100%;object-fit:cover;object-position:center}
.why-repsol-images .slick-sl .img-bg-mov{position:absolute;height:100%;width:100%}
@media(min-width:1024px){.why-repsol-images .slick-sl .img-bg-mov{display:none}
}
.why-repsol-images .slick-sl .img-bg-des{position:absolute;height:100%;width:100%;display:none}
@media(min-width:1024px){.why-repsol-images .slick-sl .img-bg-des{display:block}
}
.why-repsol-images .text{position:absolute;transform:translate(0,40px);padding:20px;text-align:center;left:0}
@media(min-width:1024px){.why-repsol-images .text{left:inherit;padding:0;right:0;text-align:left}
}
.why-repsol-images .text .rp-title *,.why-repsol-images .text .rp-description *{color:var(--rds-color-surface-white)}
.why-repsol-images .text .rp-title{margin-bottom:16px}
.why-repsol-images .text.box-1-text{display:flex;justify-content:center;left:0}
@media(min-width:1024px){.why-repsol-images .text.box-1-text{opacity:1 !important;transform:translate(0,0)}
}
.why-repsol-images .text.box-2-text.active{transition:all .4s cubic-bezier(0.25,0.1,0.25,1);-webkit-transition:all .4s cubic-bezier(0.25,0.1,0.25,1);transform:translate(0,0) !important;opacity:1 !important;transition-delay:.4s}
.why-repsol-images .text.box-2-text.noActive{transition-delay:0;transform:translate(0,-40px) !important;opacity:0 !important}
.why-repsol-images .text.box-3-text.active{transition:all .4s cubic-bezier(0.25,0.1,0.25,1);-webkit-transition:all .4s cubic-bezier(0.25,0.1,0.25,1);transform:translate(0,0) !important;opacity:1 !important;transition-delay:.4s}
.why-repsol-images .text.box-3-text.noActive{transform:translate(0,-40px) !important;opacity:0 !important;transition-delay:0}
.why-repsol-images .text.box-4-text.active{transition:all .4s cubic-bezier(0.25,0.1,0.25,1);-webkit-transition:all .4s cubic-bezier(0.25,0.1,0.25,1);transform:translate(0,0) !important;opacity:1 !important;transition-delay:.4s}
.why-repsol-images .why-repsol-electricity-component .img-bg-mov>div:nth-child(n+3){display:none}
.why-repsol-images .why-repsol-electricity-component .img-bg-des>div:nth-child(n+3){display:none}
@media(min-width:1350px){.why-repsol-images .why-repsol-electricity-component .container{display:flex;align-items:flex-start}
.why-repsol-images .why-repsol-electricity-component .container .text.box-1-text:first-child{position:static;margin-bottom:22px;margin-top:96px}
}
@media(min-width:1920px){.why-repsol-images .why-repsol-electricity-component .container{align-items:center}
.why-repsol-images .why-repsol-electricity-component .container .text.box-1-text:first-child{position:absolute;margin:0}
}
.why-repsol-images .why-repsol-electricity-component .slick-sl .text{display:flex;justify-content:center}
@media(min-width:1024px){.why-repsol-images .why-repsol-electricity-component .slick-sl .text{position:relative;justify-content:flex-end;margin-bottom:48px}
}
@media(max-width:1024px){.why-repsol-images .why-repsol-electricity-component .slick-sl .text{transition:all 2s cubic-bezier(0.25,0.1,0.25,1);-webkit-transition:all 2s cubic-bezier(0.25,0.1,0.25,1);position:static;transform:none;height:calc(100vh - 56px);display:flex;align-items:center;opacity:0 !important;visibility:hidden !important}
.why-repsol-images .why-repsol-electricity-component .slick-sl .text.slick-active{opacity:1 !important;visibility:visible !important;transform:translate(0,0) !important}
}
.why-repsol-images .why-repsol-electricity-component .slick-sl .text:last-child,.why-repsol-images .why-repsol-electricity-component .slick-sl .text:first-child{margin:0}
@media(min-width:1024px){.why-repsol-images .why-repsol-electricity-component .slick-sl .box-1-text{top:96px;justify-content:center;display:flex;transform:translate(0,0)}
}
.why-repsol-images .why-repsol-electricity-component .slick-sl .row{height:100%;align-items:center}
@media(min-width:1024px){.why-repsol-images .why-repsol-electricity-component .slick-sl .row{height:auto}
}
.why-repsol-images .why-repsol-gas-component .img-bg-mov>div:nth-child(n+4){display:none}
.why-repsol-images .why-repsol-gas-component .img-bg-des>div:nth-child(n+4){display:none}
.why-repsol-images .why-repsol-gas-component .box-1-img{transition:all 1s cubic-bezier(0.25,0.1,0.25,1);-webkit-transition:all 1s cubic-bezier(0.25,0.1,0.25,1)}
@media(min-width:1024px){.why-repsol-images .why-repsol-gas-component .slick-sl .container .row{flex-wrap:nowrap;height:100%;align-items:center}
}
.why-repsol-images .why-repsol-gas-component .slick-sl .container .row .text{transform:translate(0,40px);padding:20px;text-align:center;left:0;position:static;justify-content:center}
@media(max-width:1024px){.why-repsol-images .why-repsol-gas-component .slick-sl .container .row .text{position:static;transform:none;height:calc(100vh - 56px);display:flex;align-items:center;transition:all 2s cubic-bezier(0.25,0.1,0.25,1);-webkit-transition:all 2s cubic-bezier(0.25,0.1,0.25,1);opacity:0 !important;visibility:hidden !important}
.why-repsol-images .why-repsol-gas-component .slick-sl .container .row .text.slick-active{opacity:1 !important;visibility:visible !important;transform:translate(0,0) !important}
}
@media(min-width:1024px){.why-repsol-images .why-repsol-gas-component .slick-sl .container .row .text{left:inherit;padding:0;right:0;text-align:left;position:static}
}
.why-repsol-images .why-repsol-gas-component .slick-sl .container .row .text.box-1-text{text-align:center;transform:translate(0,0)}
@media(min-width:1024px){.why-repsol-images .why-repsol-gas-component .slick-sl .container .row .text.box-1-text{opacity:1 !important;order:2}
}
@media(min-width:1024px){.why-repsol-images .why-repsol-gas-component .slick-sl .container .row .text.box-2-text{order:1}
}
@media(min-width:1024px){.why-repsol-images .why-repsol-gas-component .slick-sl .container .row .text.box-3-text{order:3}
}
.why-repsol-images .why-repsol-gas-component .slick-sl .container .row .text .rp-title *,.why-repsol-images .why-repsol-gas-component .slick-sl .container .row .text .rp-description *{color:var(--rds-color-surface-white)}
.why-repsol-images .why-repsol-gas-component .slick-sl .container .row .text .rp-title{margin-bottom:16px}
.why-repsol-images .author-mode .slick-sl{height:700px}
.why-repsol-images .author-mode .slick-sl .text{opacity:1 !important}
.why-repsol-video .why-repsol-video-component{height:calc(100vh - 56px)}
@media(min-width:720px){.why-repsol-video .why-repsol-video-component{height:calc(100vh - 80px)}
}
.why-repsol-video .why-repsol-video-component.full{height:calc(100vh)}
.why-repsol-video .video-wrapper{position:absolute;left:0;width:100%}
.why-repsol-video .container{position:relative;height:60%}
@media(max-width:1024px){.why-repsol-video .container{display:flex;align-items:center;flex-wrap:wrap}
.why-repsol-video .container>.row{width:calc(100% - -36px)}
}
@media(min-width:1024px){.why-repsol-video .container{height:100%}
}
.why-repsol-video .rp-video{height:100%}
.why-repsol-video .author-mode .rp-video{height:700px}
.why-repsol-video .author-mode .text{opacity:1 !important}
.why-repsol-video .author-mode.why-repsol-video-component{height:700px}
.why-repsol-video .text{transition:all 2s cubic-bezier(0.25,0.1,0.25,1);-webkit-transition:all 2s cubic-bezier(0.25,0.1,0.25,1);transform:translate(0,40px);text-align:center;left:0;position:absolute}
@media(min-width:1024px){.why-repsol-video .text{transition:all 1s cubic-bezier(0.25,0.1,0.25,1);-webkit-transition:all 1s cubic-bezier(0.25,0.1,0.25,1);text-align:left;position:static}
}
@media(max-width:1024px){.why-repsol-video .text{position:static;transform:none;display:flex;align-items:flex-start;opacity:0 !important;visibility:hidden !important}
.why-repsol-video .text.slick-active{opacity:1 !important;visibility:visible !important;transform:translate(0,0) !important}
}
.why-repsol-video .text .rp-title *,.why-repsol-video .text .rp-description *{color:var(--rds-color-surface-white)}
.why-repsol-video .text .rp-title{margin-bottom:16px}
.why-repsol-video .text.box-1-text{display:flex;justify-content:center;left:0}
@media(min-width:1024px){.why-repsol-video .text.box-1-text{margin-top:98px;margin-bottom:72px;opacity:1 !important;transform:translate(0,0)}
}
.why-repsol-video .text.box-2-text.active{transition:all .8s cubic-bezier(0.25,0.1,0.25,1);-webkit-transition:all .8s cubic-bezier(0.25,0.1,0.25,1);transform:translate(0,0);opacity:1 !important}
@media(min-width:1024px){.why-repsol-video .text.box-2-text.active{transition-delay:1.3s}
}
.why-repsol-video .text.box-2-text.noActive{transform:translate(0,-40px);opacity:0 !important;transition:all .4s cubic-bezier(0.25,0.1,0.25,1);-webkit-transition:all .4s cubic-bezier(0.25,0.1,0.25,1)}
.why-repsol-video .text.box-3-text.active{transition:all .8s cubic-bezier(0.25,0.1,0.25,1);-webkit-transition:all .8s cubic-bezier(0.25,0.1,0.25,1);transform:translate(0,0);opacity:1 !important}
@media(min-width:1024px){.why-repsol-video .text.box-3-text.active{transition-delay:1.7s}
}
.why-repsol-video .text.box-3-text.noActive{transform:translate(0,-40px);opacity:0 !important;transition:all .4s cubic-bezier(0.25,0.1,0.25,1);-webkit-transition:all .4s cubic-bezier(0.25,0.1,0.25,1)}
.why-repsol-images .slick-dots,.why-repsol-video .slick-dots{bottom:0;display:flex;align-items:center;padding:0 20px;justify-content:center;left:0}
.why-repsol-images .slick-dots li,.why-repsol-video .slick-dots li{margin:5px}
.why-repsol-images .slick-dots li button:focus:before,.why-repsol-video .slick-dots li button:focus:before{opacity:.25}
.why-repsol-images .slick-dots li button:before,.why-repsol-video .slick-dots li button:before{color:var(--rds-color-surface-white) !important}
.why-repsol-images .slick-dots li.slick-active button:before,.why-repsol-video .slick-dots li.slick-active button:before{opacity:.75}
.why-repsol-video .slick-dots{opacity:0}