.mixin-rp-caption{font-family:"Roboto-Regular";font-weight:400;font-size:12px;line-height:16px;letter-spacing:.25px}
.mixin-rp-caption-02-desktop{font-family:"Roboto-Regular";font-weight:400;font-size:12px;line-height:16px}
.mixin-rp-caption-02-mobile{font-family:"Roboto-Regular";font-weight:400;font-size:12px;line-height:16px}
.mixin-rp-caption-02{font-family:"Roboto-Regular";font-weight:400;font-size:12px;line-height:16px}
@media(min-width:1024px){.mixin-rp-caption-02{font-family:"Roboto-Regular";font-weight:400;font-size:12px;line-height:16px}
}
.mixin-rp-body-1{font-family:"Roboto-Regular";font-weight:400;font-size:16px;line-height:24px}
.mixin-rp-body-2{font-family:"Roboto-Regular";font-weight:400;font-size:14px;line-height:24px}
.mixin-rp-highlighted-body-mobile{font-family:"Roboto-Regular";font-weight:400;font-size:18px;line-height:24px}
.mixin-rp-highlighted-body-desktop{font-family:"Roboto-Regular";font-weight:400;font-size:20px;line-height:32px}
.mixin-rp-highlighted-body{font-family:"Roboto-Regular";font-weight:400;font-size:18px;line-height:24px}
@media(min-width:1024px){.mixin-rp-highlighted-body{font-family:"Roboto-Regular";font-weight:400;font-size:20px;line-height:32px}
}
.mixin-rp-title-1{font-family:"Roboto-Medium";font-weight:500;font-size:18px;line-height:24px}
@media(min-width:1024px){.mixin-rp-title-1{font-size:20px;line-height:32px}
}
.mixin-rp-title-2{font-family:"Roboto-Medium";font-weight:500;font-size:16px;line-height:24px}
.mixin-rp-subheadline{font-family:"Roboto-Medium";font-weight:500;font-size:24px;line-height:32px}
.mixin-rp-headline-mobile{font-family:'Repsol-Regular';font-style:normal;font-weight:normal;font-size:40px;line-height:48px;letter-spacing:-0.5px}
.mixin-rp-headline-desktop{font-family:'Repsol-Regular';font-style:normal;font-weight:normal;font-size:48px;line-height:56px;letter-spacing:-0.5px}
.mixin-rp-headline{font-family:'Repsol-Regular';font-style:normal;font-weight:normal;font-size:40px;line-height:48px;letter-spacing:-0.5px}
@media(min-width:1024px){.mixin-rp-headline{font-family:'Repsol-Regular';font-style:normal;font-weight:normal;font-size:48px;line-height:56px;letter-spacing:-0.5px}
}
.mixin-rp-headline-01-mobile{font-family:'Repsol-Regular';font-weight:400;font-size:28px;line-height:56px;letter-spacing:-0.5px}
.mixin-rp-headline-01-desktop{font-family:'Repsol-Regular';font-weight:400;font-size:56px;line-height:72px;letter-spacing:-1px}
.mixin-rp-headline-01{font-family:'Repsol-Regular';font-weight:400;font-size:28px;line-height:56px;letter-spacing:-0.5px}
@media(min-width:1024px){.mixin-rp-headline-01{font-family:'Repsol-Regular';font-weight:400;font-size:56px;line-height:72px;letter-spacing:-1px}
}
.mixin-rp-headline-02-mobile{font-family:'Repsol-Regular';font-weight:400;font-size:40px;line-height:48px;letter-spacing:-0.5px}
.mixin-rp-headline-02-desktop{font-size:48px;line-height:56px}
.mixin-rp-headline-02{font-family:'Repsol-Regular';font-weight:400;font-size:40px;line-height:48px;letter-spacing:-0.5px}
@media(min-width:1024px){.mixin-rp-headline-02{font-family:'Repsol-Regular';font-weight:400;font-size:32px;line-height:40px;letter-spacing:-0.5px}
}
.mixin-rp-headline-03-mobile{font-family:'Repsol-Regular';font-weight:400;font-size:28px;line-height:32px;letter-spacing:-0.5px}
.mixin-rp-headline-03-desktop{font-family:'Repsol-Regular';font-weight:400;font-size:32px;line-height:40px;letter-spacing:-0.5px}
.mixin-rp-headline-03{font-family:'Repsol-Regular';font-weight:400;font-size:28px;line-height:32px;letter-spacing:-0.5px}
@media(min-width:1024px){.mixin-rp-headline-03{font-family:'Repsol-Regular';font-weight:400;font-size:32px;line-height:40px;letter-spacing:-0.5px}
}
.mixin-rp-number-01{font-family:'Roboto-Light';font-style:normal;font-weight:300;font-size:48px;line-height:56px;letter-spacing:-0.5px}
.mixin-button-small{font-size:14px;letter-spacing:.0025em}
.mixin-button-action{font-family:"Roboto-Regular";font-size:16px;line-height:24px}
.mixin-header-separator{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:20px;background:#ddd}
.mixin-scrollbars::-webkit-scrollbar{width:6px;cursor:pointer}
.mixin-scrollbars::-webkit-scrollbar-track{background:transparent}
.mixin-scrollbars::-webkit-scrollbar-thumb{background:#ddd;border-radius:8px}
.mixin-scrollbars::-webkit-scrollbar-thumb:hover{background:#ddd}
.item-active{transition:.2s cubic-bezier(0.43,0.39,0.23,1.01);background:#0082ba}
.item-active .icon{width:px2rem(22)}
.item-active .icon>svg *{fill:#fff;stroke:#fff}
.mixin-scroll-gradients.is-scrollable{position:relative}
.mixin-scroll-gradients.is-scrollable:before,.mixin-scroll-gradients.is-scrollable:after{content:"";position:absolute;z-index:1;left:0;opacity:0;width:100%;height:48px;pointer-events:none}
.mixin-scroll-gradients.is-scrollable:before{top:0;background:linear-gradient(180deg,#fff 0,rgba(255,255,255,0.8) 48.9%,rgba(255,255,255,0) 100%)}
.mixin-scroll-gradients.is-scrollable:after{bottom:0;background:linear-gradient(0,#fff 0,rgba(255,255,255,0.8) 48.9%,rgba(255,255,255,0) 100%)}
.mixin-scroll-gradients.is-scrollable.scrolling:before,.mixin-scroll-gradients.is-scrollable.scroll-on-top:before,.mixin-scroll-gradients.is-scrollable.scroll-on-bottom:before,.mixin-scroll-gradients.is-scrollable.scrolling:after,.mixin-scroll-gradients.is-scrollable.scroll-on-top:after,.mixin-scroll-gradients.is-scrollable.scroll-on-bottom:after{transition:opacity .2s cubic-bezier(0.25,0.1,0.25,1)}
.mixin-scroll-gradients.is-scrollable.scrolling:before,.mixin-scroll-gradients.is-scrollable.scrolling:after{opacity:1}
.mixin-scroll-gradients.is-scrollable.scroll-on-top:before{opacity:0}
.mixin-scroll-gradients.is-scrollable.scroll-on-top:after{opacity:1}
.mixin-scroll-gradients.is-scrollable.scroll-on-bottom:before{opacity:1}
.mixin-scroll-gradients.is-scrollable.scroll-on-bottom:after{opacity:0}
.mixin-aspect-radio-16-9{aspect-ratio:16/9}
@supports not(aspect-ratio:auto){padding-top:56.3%}
.mixin-aspect-radio-4-3{aspect-ratio:4/3}
@supports not(aspect-ratio:auto){padding-top:75%}
.functionalities-product-component{padding-top:48px;padding-bottom:48px;min-height:320px;display:flex;align-items:center}
.functionalities-product-component .list-block>div{padding-left:30px;padding-right:30px}
.functionalities-product-component .container{margin-right:20px;margin-left:20px;padding-right:0;padding-left:0;width:auto}
@media(min-width:720px){.functionalities-product-component .container{max-width:688px}
}
@media(min-width:1024px){.functionalities-product-component .container{max-width:936px}
}
@media(min-width:1350px){.functionalities-product-component .container{max-width:1248px}
}
@media(min-width:1920px){.functionalities-product-component .container{max-width:1248px}
}
.functionalities-product-component .container-fluid,.functionalities-product-component .container-sm,.functionalities-product-component .container-md,.functionalities-product-component .container-lg,.functionalities-product-component .container-xl{margin-right:20px;margin-left:20px;padding-right:0;padding-left:0;width:auto}
@media(min-width:720px){.functionalities-product-component .container,.functionalities-product-component .container-sm{margin-right:auto;margin-left:auto;max-width:688px}
}
@media(min-width:1024px){.functionalities-product-component .container,.functionalities-product-component .container-sm,.functionalities-product-component .container-md{margin-right:auto;margin-left:auto;max-width:936px}
.functionalities-product-component .container-fluid,.functionalities-product-component .container-lg,.functionalities-product-component .container-xl{margin-right:44px;margin-left:44px}
}
@media(min-width:1350px){.functionalities-product-component .container,.functionalities-product-component .container-sm,.functionalities-product-component .container-md,.functionalities-product-component .container-lg{margin-right:auto;margin-left:auto;max-width:1248px}
.functionalities-product-component .container-fluid,.functionalities-product-component .container-xl{margin-right:88px;margin-left:88px}
}
@media(min-width:1920px){.functionalities-product-component .container-fluid,.functionalities-product-component .container,.functionalities-product-component .container-sm,.functionalities-product-component .container-md,.functionalities-product-component .container-lg,.functionalities-product-component .container-xl{margin-right:auto;margin-left:auto;max-width:1248px}
}
.functionalities-product-component .row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-16px;margin-left:-16px}
@media(min-width:1024px){.functionalities-product-component .row{margin-right:-20px;margin-left:-20px}
}
@media(min-width:1350px){.functionalities-product-component .row{margin-right:-24px;margin-left:-24px}
}
@media(min-width:1920px){.functionalities-product-component .row{margin-right:-24px;margin-left:-24px}
}
@media(min-width:720px){.functionalities-product-component{padding-top:64px;padding-bottom:56px}
}
@media(min-width:1024px){.functionalities-product-component{min-height:320px}
}
.functionalities-product-component .rp-title,.functionalities-product-component .rp-title p,.functionalities-product-component .rp-title-1,.functionalities-product-component .rp-body-1,.functionalities-product-component .rp-body-1 p{text-align:center}
.functionalities-product-component .rp-title p:last-child,.functionalities-product-component .rp-body-1 p:last-child{margin:0}
.functionalities-product-component .rp-title-1{margin-bottom:8px}
.functionalities-product-component .rp-title-1 p{margin:0;padding:0}
.functionalities-product-component .title.text{margin-bottom:8px;font-size:24px}
@media(min-width:1024px){.functionalities-product-component .title.text{font-size:40px}
}
.functionalities-product-component .rp-headline-03,.functionalities-product-component .list-block{margin-bottom:48px}
@media(min-width:720px){.functionalities-product-component .rp-headline-03,.functionalities-product-component .list-block{margin-bottom:56px}
}
.functionalities-product-component .rp-headline-03,.functionalities-product-component .rp-title-1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
@media(min-width:720px){.functionalities-product-component .rp-headline-03,.functionalities-product-component .rp-title-1{-webkit-line-clamp:3}
}
.functionalities-product-component .rp-body-1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.functionalities-product-component .list-block,.functionalities-product-component .list-links{display:flex;justify-content:center;flex-direction:column}
@media(min-width:720px){.functionalities-product-component .list-block,.functionalities-product-component .list-links{flex-direction:row}
}
.functionalities-product-component .list-block .rp-body-1,.functionalities-product-component .list-links .rp-body-1{font-size:16px}
@media(min-width:1024px){.functionalities-product-component .list-block .rp-body-1,.functionalities-product-component .list-links .rp-body-1{font-size:20px}
}
@media(min-width:720px){.functionalities-product-component .list-links{align-items:center}
}
.functionalities-product-component .list-links .link-repsol{text-align:center}
.functionalities-product-component .list-links .link-repsol .rp-link{margin:16px 24px}
.functionalities-product-component .list-links .rp-link{justify-content:center}
.functionalities-product-component .list-links .block-dowload-app{width:189px;margin-bottom:8px}
.functionalities-product-component .list-links .block-dowload-app:last-child{margin-bottom:0}
@media(min-width:720px){.functionalities-product-component .list-links .block-dowload-app{max-width:162px;width:auto;margin-bottom:0;margin-right:24px}
.functionalities-product-component .list-links .block-dowload-app:last-child{margin-right:0}
}
.functionalities-product-component .block-item{margin-bottom:40px}
.functionalities-product-component .block-item:last-child{margin-bottom:0}
@media(min-width:1024px){.functionalities-product-component .block-item{margin-bottom:0}
}
.functionalities-product-component .rp-headline-03,.functionalities-product-component .block-item,.functionalities-product-component .list-links{z-index:1}
.functionalities-product-component:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background:rgba(0,0,0,0.3)}