.mixin-link{display:inline-flex;align-items:center;font-family:"Roboto-Regular";font-style:normal;font-weight:normal;font-size:16px;line-height:24px;color:#016a7f}
.mixin-link:hover{color:#00404d}
.mixin-link:hover .rp-arrow{color:#00404d}
.mixin-link:active{color:#00adc3}
.mixin-link:active .rp-arrow{color:#016a7f}
.mixin-link:disabled,.mixin-link.rp-link-disabled{color:#aaa}
.mixin-link .icon-rp-Arrow_right{margin-left:4px;font-size:20px}
.mixin-link p{margin:0;color:inherit}
.mixin-link-blue{color:#016a7f}
.mixin-link-blue:hover{color:#00404d}
.mixin-link-blue:hover .rp-arrow{color:#00404d}
.mixin-link-blue:active{color:#00adc3}
.mixin-link-blue:active .rp-arrow{color:#016a7f}
.mixin-link-blue:disabled,.mixin-link-blue.rp-link-disabled{color:#aaa}
.mixin-link-grey{color:#464646}
.mixin-link-grey .rp-arrow{color:#016a7f}
.mixin-link-grey:hover{color:#aaa}
.mixin-link-grey:hover .rp-arrow{color:#00404d}
.mixin-link-reverse{color:#fff}
.mixin-link-reverse .rp-arrow{color:#fff}
.mixin-link-reverse:hover{color:#aaa}
.mixin-link-reverse:hover .rp-arrow{color:#aaa}
.mixin-link-reverse:active{color:#fff}
.mixin-link-reverse:active .rp-arrow{color:#fff}
.mixin-link-no-arrow .icon-rp-Arrow_right{display:none}
.maxin-link-icon-left [class*='icon']{margin-right:8px;font-size:20px}
.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%}
.mixin-btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;align-self:center;font-family:"Roboto-Regular";font-style:normal;font-weight:normal;font-size:16px;line-height:24px;text-align:center;border:solid 4px transparent;border-radius:8px;width:100%;padding:8px 12px;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
@media(min-width:720px){.mixin-btn{width:auto;min-width:200px}
}
@media(min-width:1024px){.mixin-btn{padding:12px}
}
.mixin-btn:focus{outline:0;border:4px solid #9cd1ff}
.mixin-btn:disabled,.mixin-btn .disabled,.mixin-btn .rp-disabled{background-color:#ddd;color:#aaa}
.mixin-btn .icon-rp{font-size:24px;margin-right:8px}
.mixin-btn-small{font-size:14px;letter-spacing:.0025em;min-width:103px;padding:4px 16px}
.mixin-btn-small .icon-rp{margin-right:6px}
.mixin-btn-turquoise{border:4px solid transparent;background-color:#016a7f;color:#fff}
.mixin-btn-turquoise:hover{background-color:#00404d;color:#fff}
.mixin-btn-turquoise:active{background-color:#00adc3}
.mixin-btn-turquoise:disabled{background-color:#ddd;color:#aaa;pointer-events:none}
.mixin-btn-white{background-color:#fff;color:#016a7f}
.mixin-btn-white:hover,.mixin-btn-white.active{color:#fff;background-color:#00404d}
.mixin-btn-white:active{background-color:#00adc3}
.mixin-btn-secondary{background-color:#c0ebf2;color:#016a7f}
.mixin-btn-secondary:hover{background-color:#92d9e2}
.mixin-btn-secondary:active{background-color:#b0e1e7}
.mixin-btn-secondary:disabled,.mixin-btn-secondary.disabled,.mixin-btn-secondary.rp-disabled{background-color:#ddd;color:#aaa;pointer-events:none}
.mixin-btn-orange-v2{background-color:#fff;color:#ff6200}
.mixin-btn-orange-v2:hover{background-color:#ff9b33;color:#fff}
.mixin-btn-orange-v2:active,.mixin-btn-orange-v2.active{background-color:#ff6200;color:#fff}
.mixin-btn-orange-v2:disabled{background-color:#ddd;color:#aaa;pointer-events:none}
.mixin-btn-orange{background-color:#ff6200;color:#fff}
.mixin-btn-orange:focus{border:4px solid #ff9b33}
.mixin-btn-orange:hover{background-color:#e64e02}
.mixin-btn-grey{background-color:#f8f8f8;color:#016a7f}
.mixin-btn-link{background-color:transparent;color:#016a7f;min-width:auto;border:0;padding:0}
.mixin-btn-link:hover,.mixin-btn-link.active{color:#00404d}
.mixin-btn-link:active{color:#00adc3}
.mixin-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;overflow:hidden;font-size:20px;border:4px solid transparent;padding:12px;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;background-color:#c0ebf2;color:#016a7f}
@media(min-width:1024px){.mixin-btn-icon{width:48px;height:48px}
}
.mixin-btn-icon:hover{background-color:#92d9e2}
.mixin-btn-icon:active{background-color:#b0e1e7}
.mixin-btn-icon:disabled,.mixin-btn-icon.disabled,.mixin-btn-icon.rp-disabled{background-color:#ddd;color:#aaa;pointer-events:none}
.mixin-btn-icon:before{font-family:"icomoon"}
.mixin-btn-icon:disabled,.mixin-btn-icon.slick-disabled,.mixin-btn-icon[aria-disabled='true'],.mixin-btn-icon.btn-disabled{background-color:#ddd;color:#aaa}
.mixin-btn-icon:focus{border-color:#9cd1ff}
.mixin-btn-icon-invert{color:#fff;background-color:rgba(255,255,255,0.2)}
.mixin-btn-icon-simple{color:#ff6200;background-color:transparent;padding:0;border:0;width:auto;height:auto}
.mixin-btn-icon-simple:hover,.mixin-btn-icon-simple:active,.mixin-btn-icon-simple:focus{background-color:transparent;border-color:transparent}
.mixin-btn-icon-small{width:32px;height:32px;border-radius:8px;font-size:15px;padding:7px}
.mixin-btn-round{cursor:pointer;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:100%;color:#fff;background-color:#016a7f;border:4px solid transparent;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
.mixin-btn-round:hover{background-color:#00404d}
.mixin-btn-round:active{background-color:#00adc3}
.mixin-btn-round:focus{border-color:#9cd1ff}
.mixin-btn-round:disabled,.mixin-btn-round.btn-disabled{background-color:#ddd}
.mixin-btn-play{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;overflow:hidden;font-size:20px;border:4px solid transparent;padding:12px;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;background-color:#c0ebf2;color:#016a7f;width:48px;height:48px}
@media(min-width:1024px){.mixin-btn-play{width:48px;height:48px}
}
.mixin-btn-play:hover{background-color:#92d9e2}
.mixin-btn-play:active{background-color:#b0e1e7}
.mixin-btn-play:disabled,.mixin-btn-play.disabled,.mixin-btn-play.rp-disabled{background-color:#ddd;color:#aaa;pointer-events:none}
.mixin-btn-play:before{font-family:"icomoon"}
.mixin-btn-play:disabled,.mixin-btn-play.slick-disabled,.mixin-btn-play[aria-disabled='true'],.mixin-btn-play.btn-disabled{background-color:#ddd;color:#aaa}
.mixin-btn-play:focus{border-color:#9cd1ff}
.mixin-btn-play:focus{outline:0}
.mixin-btn-play [class^="icon-rp-"],.mixin-btn-play [class*=" icon-rp-"]{position:relative;left:2px;font-size:22px}
.hero-com-component{position:relative;background-color:#fff}
.hero-com-component .container{margin-right:20px;margin-left:20px;padding-right:0;padding-left:0;width:auto}
@media(min-width:720px){.hero-com-component .container{max-width:688px}
}
@media(min-width:1024px){.hero-com-component .container{max-width:936px}
}
@media(min-width:1350px){.hero-com-component .container{max-width:1248px}
}
@media(min-width:1920px){.hero-com-component .container{max-width:1248px}
}
.hero-com-component .container-fluid,.hero-com-component .container-sm,.hero-com-component .container-md,.hero-com-component .container-lg,.hero-com-component .container-xl{margin-right:20px;margin-left:20px;padding-right:0;padding-left:0;width:auto}
@media(min-width:720px){.hero-com-component .container,.hero-com-component .container-sm{margin-right:auto;margin-left:auto;max-width:688px}
}
@media(min-width:1024px){.hero-com-component .container,.hero-com-component .container-sm,.hero-com-component .container-md{margin-right:auto;margin-left:auto;max-width:936px}
.hero-com-component .container-fluid,.hero-com-component .container-lg,.hero-com-component .container-xl{margin-right:44px;margin-left:44px}
}
@media(min-width:1350px){.hero-com-component .container,.hero-com-component .container-sm,.hero-com-component .container-md,.hero-com-component .container-lg{margin-right:auto;margin-left:auto;max-width:1248px}
.hero-com-component .container-fluid,.hero-com-component .container-xl{margin-right:88px;margin-left:88px}
}
@media(min-width:1920px){.hero-com-component .container-fluid,.hero-com-component .container,.hero-com-component .container-sm,.hero-com-component .container-md,.hero-com-component .container-lg,.hero-com-component .container-xl{margin-right:auto;margin-left:auto;max-width:1248px}
}
.hero-com-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){.hero-com-component .row{margin-right:-20px;margin-left:-20px}
}
@media(min-width:1350px){.hero-com-component .row{margin-right:-24px;margin-left:-24px}
}
@media(min-width:1920px){.hero-com-component .row{margin-right:-24px;margin-left:-24px}
}
.hero-com-component .container{margin-bottom:0}
@media(max-width:1024px){.hero-com-component .container .row{padding-left:12px;padding-right:12px}
}
.hero-com-component .breadcrum-event{position:absolute;z-index:10;width:100%;left:0;margin-top:-10px}
.hero-com-component .breadcrum-event .container{width:100%}
.hero-com-component .breadcrum-event .container *{color:#fff}
.hero-com-component .breadcrum-event ol{padding-top:24px}
.hero-com-component.bg-image{background-color:transparent}
.hero-com-component.bg-image:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background-color:rgba(0,0,0,0.3)}
@media(max-width:1024px){.hero-com-component.bg-image:before{max-height:264px}
}
@media(min-width:1024px){.hero-com-component.bg-image .pretitle p,.hero-com-component.bg-image .title p,.hero-com-component.bg-image .description p,.hero-com-component.bg-image .pretitle ul,.hero-com-component.bg-image .title ul,.hero-com-component.bg-image .description ul,.hero-com-component.bg-image .pretitle ol,.hero-com-component.bg-image .title ol,.hero-com-component.bg-image .description ol,.hero-com-component.bg-image .pretitle div,.hero-com-component.bg-image .title div,.hero-com-component.bg-image .description div{color:#fff}
}
@media(max-width:1024px){.hero-com-component.bg-image img,.hero-com-component.bg-image video{max-height:264px}
}
.hero-com-component.bg-image .video-external-wrapper{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}
@media(min-width:1024px){.hero-com-component.bg-image .rp-btn-turquoise .rp-btn{background-color:#fff;color:#016a7f}
.hero-com-component.bg-image .rp-btn-turquoise .rp-btn:hover,.hero-com-component.bg-image .rp-btn-turquoise .rp-btn.active{color:#fff;background-color:#00404d}
.hero-com-component.bg-image .rp-btn-turquoise .rp-btn:active{background-color:#00adc3}
}
@media(min-width:1024px){.hero-com-component.bg-image .rp-link{color:#fff}
.hero-com-component.bg-image .rp-link .rp-arrow{color:#fff}
.hero-com-component.bg-image .rp-link:hover{color:#aaa}
.hero-com-component.bg-image .rp-link:hover .rp-arrow{color:#aaa}
.hero-com-component.bg-image .rp-link:active{color:#fff}
.hero-com-component.bg-image .rp-link:active .rp-arrow{color:#fff}
}
.hero-com-component.bg-image .content-info{margin-top:174px;padding-top:0;padding-bottom:0}
@media(min-width:1024px){.hero-com-component.bg-image .content-info{margin-top:0}
}
.hero-com-component.bg-image .content-info .block{background-color:#fff;padding:24px;border-radius:8px}
@media(min-width:1024px){.hero-com-component.bg-image .content-info .block{padding:0;border-radius:0;background-color:transparent}
}
.hero-com-component.rp-border-header:after{content:'';position:absolute;top:0;left:0;right:0;height:24px;background-color:#ff6200;z-index:1}
@media(min-width:1024px){.hero-com-component.rp-border-header:after{bottom:0;left:inherit;width:64px;height:auto}
}
.hero-com-component .content-info{display:flex;align-items:center;z-index:1;position:relative;padding-top:44px;padding-bottom:20px}
@media(min-width:1024px){.hero-com-component .content-info{padding-top:0;padding-bottom:0;min-height:568px}
}
@media(min-width:1024px){.hero-com-component .block-links{display:flex;align-items:baseline;flex-direction:row-reverse;justify-content:flex-end}
}
.hero-com-component .block-links .rp-btn{margin-top:24px}
@media(min-width:1024px){.hero-com-component .block-links .rp-btn{margin-right:32px}
}
.hero-com-component .block-links .rp-link{margin-top:24px}
@media(min-width:1024px){.hero-com-component .block-links .rp-link{margin-top:32px}
}
.hero-com-component .pretitle{font-family:"Roboto-Regular";font-weight:400;font-size:14px;line-height:24px}
@media(min-width:1024px){.hero-com-component .pretitle{font-family:"Roboto-Regular";font-weight:400;font-size:18px;line-height:24px}
}
@media(min-width:1024px) and (min-width:1024px){.hero-com-component .pretitle{font-family:"Roboto-Regular";font-weight:400;font-size:20px;line-height:32px}
}
.hero-com-component .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-family:'Repsol-Regular';font-weight:400;font-size:28px;line-height:32px;letter-spacing:-0.5px}
@media(min-width:1024px){.hero-com-component .title{font-family:'Repsol-Regular';font-weight:400;font-size:32px;line-height:40px;letter-spacing:-0.5px}
}
@media(min-width:1024px){.hero-com-component .title{-webkit-line-clamp:2;font-family:'Repsol-Regular';font-weight:400;font-size:28px;line-height:56px;letter-spacing:-0.5px}
}
@media(min-width:1024px) and (min-width:1024px){.hero-com-component .title{font-family:'Repsol-Regular';font-weight:400;font-size:56px;line-height:72px;letter-spacing:-1px}
}
.hero-com-component .description{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
@media(min-width:1024px){.hero-com-component .description{-webkit-line-clamp:3}
}
.hero-com-component .pretitle .rp-title,.hero-com-component .title .rp-title{margin-bottom:16px}
.hero-com-component.v2{border-radius:8px;overflow:hidden}
.hero-com-component.v2 .content-info{margin:0;padding:24px;height:auto;min-height:auto}
.hero-com-component.v2 .pretitle .rp-title{margin-bottom:8px}
.hero-com-component.v2 .title{-webkit-line-clamp:3}
.hero-com-component.v2 .title .rp-title{margin-bottom:8px}
.hero-com-component.v2 .title p{font-family:"Repsol-SemiBold"}
@media(min-width:1024px){.hero-information-boxes.hero-com-carousel .slick-dots{bottom:144px}
}
.hero-information-boxes .cmp-information__boxes-component{position:relative;z-index:1;margin-top:50px}
@media(min-width:1024px){.hero-information-boxes .cmp-information__boxes-component{margin-top:-80px}
}
@media(min-width:1024px){.hero-information-boxes .hero-com-component .content-info{min-height:648px;padding-top:100px;padding-bottom:100px}
}
.hero-com .modalVideo .video-external-wrapper,.modalVideoHeroCom .video-external-wrapper{min-height:240px}
@media(min-width:1024px){.hero-com .modalVideo .video-external-wrapper,.modalVideoHeroCom .video-external-wrapper{min-height:580px}
}
@keyframes animationHeroItem{0.00%{width:0}
100%{width:100%}
}
.hero-com-carousel .hero-com-block{position:relative}
.hero-com-carousel .slick-dots{position:absolute;display:flex;width:calc(100% - 40px);margin:0 20px}
@media(min-width:1024px){.hero-com-carousel .slick-dots{width:452px;bottom:64px;left:50%;justify-content:flex-end}
}
@media(min-width:1350px){.hero-com-carousel .slick-dots{width:608px}
}
@media(min-width:1920px){.hero-com-carousel .slick-dots{width:736px}
}
.hero-com-carousel .slick-dots li{margin:0 4px;height:2px;flex:1}
@media(min-width:1024px){.hero-com-carousel .slick-dots li{max-width:54px}
}
.hero-com-carousel .slick-dots li.slick-active{flex-grow:2}
@media(min-width:1024px){.hero-com-carousel .slick-dots li.slick-active{max-width:115px}
}
.hero-com-carousel .slick-dots li.slick-active button.animation-playing:after{content:'';height:2px;background-color:#757575;opacity:1;display:block;animation-name:animationHeroItem;animation-duration:12s;animation-timing-function:linear;animation-play-state:running}
@media(min-width:1024px){.hero-com-carousel .slick-dots li.slick-active button.animation-playing:after{background-color:#f8f8f8}
}
.hero-com-carousel .slick-dots button{position:relative;border-radius:2px;height:2px;padding:1px;padding:0;width:100%}
.hero-com-carousel .slick-dots button:before{content:'';font-size:29px;height:2px;width:100%;background-color:#ddd;opacity:1}
@media(min-width:1024px){.hero-com-carousel .slick-dots button:before{background-color:#aaa}
}