.heroHomepage-root{position:relative}
.heroHomepage-root .headline{font-size:53px;padding:0 0 23px 0}
@media only screen and (max-width:767px){.heroHomepage-root .headline{font-size:33px;padding:0 0 8px 0}
}
.heroHomepage-root .body-text{font-family:"SAPBook",Arial,Helvetica,sans-serif;font-weight:normal;font-size:28px;line-height:1.2}
html.content-zh_cn .heroHomepage-root .body-text{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;font-weight:300}
html.content-iw_il .heroHomepage-root .body-text{font-family:Arial,Helvetica,sans-serif;font-weight:normal}
html.content-ar_sa .heroHomepage-root .body-text{font-family:Arial,Helvetica,sans-serif;font-weight:normal}
html.content-ja_jp .heroHomepage-root .body-text{font-family:"Yu Gothic Medium",Arial,Helvetica,sans-serif;font-weight:normal}
html.content-ko_kr .heroHomepage-root .body-text{font-family:"Malgun Gothic",Arial,Helvetica,sans-serif;font-weight:300}
html.content-zh_tw .heroHomepage-root .body-text{font-family:"Microsoft JhengHei",Arial,Helvetica,sans-serif;font-weight:300}
@media only screen and (max-width:767px){.heroHomepage-root .body-text{font-size:18px}
}
.rtl .heroHomepage-root.positionHorizontal-left .background-holder{direction:ltr}
.heroHomepage-root.textAligment-left .content-container{text-align:left}
@media only screen and (max-width:767px){.rtl .heroHomepage-root.textAligment-left .content-container{text-align:right}
}
.heroHomepage-root.textAligment-center .content-container{text-align:center}
@media only screen and (max-width:767px){.heroHomepage-root.textAligment-center .content-container{text-align:left}
.rtl .heroHomepage-root.textAligment-center .content-container{text-align:right}
}
.heroHomepage-root.textAligment-right .content-container{text-align:right}
@media only screen and (max-width:767px){.heroHomepage-root.textAligment-right .content-container{text-align:left}
.rtl .heroHomepage-root.textAligment-right .content-container{text-align:right}
}
@media only screen and (min-width:768px){.heroHomepage-root.positionVertical-top .content-wrapper{top:0}
}
@media only screen and (min-width:768px){.heroHomepage-root.positionVertical-center .content-wrapper{left:0;padding:72px 0 56px 0;top:50%;transform:translateY(-50%)}
}
@media only screen and (min-width:768px){.heroHomepage-root.positionVertical-bottom .content-wrapper{bottom:0;padding:72px 0 56px 0}
}
.heroHomepage-root .full-width-wrapper{margin:0 -9999px;height:inherit}
@media only screen and (max-width:767px){.heroHomepage-root .full-width-wrapper{margin:0 -28px}
}
.heroHomepage-root .background-holder{height:inherit;margin:0 auto;max-width:3840px;overflow:hidden;text-align:center}
.heroHomepage-root .background-holder img{width:auto;max-width:3840px}
@media only screen and (max-width:1920px){.heroHomepage-root .background-holder img{max-width:1920px}
}
@media only screen and (min-width:768px) and (max-width:1240px){.heroHomepage-root .background-holder img{max-width:1240px}
}
@media only screen and (min-width:768px) and (max-width:980px){.heroHomepage-root .background-holder img{max-width:1024px}
}
@media only screen and (max-width:767px){.heroHomepage-root .background-holder img{width:100%}
}
@media only screen and (min-width:768px) and (max-width:1240px){.heroHomepage-root .background-holder .parallax-picture{height:100%;display:inline-block}
}
@media only screen and (max-width:767px){.heroHomepage-root .background-holder .parallax-picture{height:100%;display:inline-block}
}
@media only screen and (max-width:767px){.heroHomepage-root.parallax-active,.heroHomepage-root.scaleImg{max-height:500px}
}
.heroHomepage-root.parallax-active .parallax-picture,.heroHomepage-root.scaleImg .parallax-picture,.heroHomepage-root.parallax-active .parallax-picture span,.heroHomepage-root.scaleImg .parallax-picture span{height:100%;display:inline-block}
.heroHomepage-root.parallax-active .parallax-picture span:empty,.heroHomepage-root.scaleImg .parallax-picture span:empty,.heroHomepage-root.parallax-active .parallax-picture span span:empty,.heroHomepage-root.scaleImg .parallax-picture span span:empty{display:none}
.heroHomepage-root.parallax-active .parallax-picture img,.heroHomepage-root.scaleImg .parallax-picture img{position:relative;top:-20%}
.heroHomepage-root.parallax-active .parallax-picture img:after,.heroHomepage-root.scaleImg .parallax-picture img:after{content:attr(alt);position:absolute;margin-top:80%}
.heroHomepage-root.parallax-active .parallax-picture span,.heroHomepage-root.scaleImg .parallax-picture span{position:relative}
.heroHomepage-root.parallax-active .background-holder img,.heroHomepage-root.scaleImg .background-holder img{width:auto;max-width:4608px;height:120%}
@media only screen and (max-width:1920px){.heroHomepage-root.parallax-active .background-holder img,.heroHomepage-root.scaleImg .background-holder img{max-width:2304px}
}
@media only screen and (min-width:768px) and (max-width:1240px){.heroHomepage-root.parallax-active .background-holder img,.heroHomepage-root.scaleImg .background-holder img{max-width:1488px}
}
@media only screen and (min-width:768px) and (max-width:980px){.heroHomepage-root.parallax-active .background-holder img,.heroHomepage-root.scaleImg .background-holder img{max-width:1228.8px}
}
@media only screen and (max-width:767px){.heroHomepage-root.parallax-active .background-holder img,.heroHomepage-root.scaleImg .background-holder img{width:120%}
}
.heroHomepage-root.scaleImg .parallax-picture img{top:0}
.heroHomepage-root.scaleImg .parallax-picture img:after{content:none}
.heroHomepage-root.video-show .background-holder,.heroHomepage-root.video-show .content-wrapper,.heroHomepage-root.video-show .scroll-downs{display:none}
.heroHomepage-root.video-show .video-holder{display:block}
.heroHomepage-root .video-holder{display:none;height:inherit;margin:0 auto;max-width:3840px;background:#000}
@media only screen and (min-width:768px) and (max-width:1240px){.heroHomepage-root .video-holder{max-width:1240px}
}
@media only screen and (min-width:768px) and (max-width:980px){.heroHomepage-root .video-holder{max-width:980px}
}
@media only screen and (max-width:767px){.heroHomepage-root .video-holder{max-width:768px;height:100%}
}
.heroHomepage-root .video-holder .videoWrapper{max-width:1134px;max-height:640px;margin:0 auto;position:relative;height:inherit}
.heroHomepage-root .video-holder .videoWrapper .vjs-fluid{height:100%;width:auto;padding:0}
@media only screen and (min-width:768px) and (max-width:1240px){.heroHomepage-root .video-holder .videoWrapper{max-width:100vw}
.heroHomepage-root .video-holder .videoWrapper .vjs-tech{right:0;bottom:0;margin:auto}
}
.heroHomepage-root .video-link{display:inline-block;font-size:24px;line-height:45px;margin-top:33px;margin-bottom:24px}
.heroHomepage-root .video-link.has-icon{text-decoration:none}
.heroHomepage-root .video-link.has-icon:hover{text-decoration:underline}
.heroHomepage-root .video-link.has-icon:before{font-family:'SAPcom icons';content:'\e02b';cursor:pointer;margin-right:10px;line-height:45px;display:inline-block;position:relative;top:12px;font-size:45px;text-decoration:underline}
.rtl .heroHomepage-root .video-link.has-icon:before{font-weight:normal;margin-left:10px;margin-right:0}
.heroHomepage-root .video-link.has-icon:before{text-decoration:none}
.heroHomepage-root .video-link.has-icon:hover:before{text-decoration:none}
.heroHomepage-root .black .video-link{text-shadow:0 0 30px rgba(255,255,255,0.6)}
.heroHomepage-root .black .headline{color:#000}
.heroHomepage-root .white .video-link{text-shadow:0 0 30px rgba(0,0,0,0.6)}
@media only screen and (max-width:767px){.heroHomepage-root .video-link{font-size:16px;line-height:30px;margin-top:13px;padding-bottom:12px}
.heroHomepage-root .video-link.has-icon:before{line-height:30px;font-size:30px;top:9px}
}
.heroHomepage-root .close-btn{position:absolute;top:35px;right:15px;display:none;text-align:center;text-decoration:none;color:#fff;text-shadow:0 0 10px rgba(0,0,0,0.6);cursor:pointer;z-index:1}
@media only screen and (min-width:768px) and (max-width:1240px){.heroHomepage-root .close-btn{top:22px}
}
@media only screen and (min-width:768px) and (max-width:980px){.heroHomepage-root .close-btn{top:22px}
}
@media only screen and (max-width:767px){.heroHomepage-root .close-btn{top:22px}
}
.heroHomepage-root .close-btn [class^='icon-']:before{display:inline-block;font-size:14px;color:#fff;margin-bottom:14px}
@media only screen and (min-width:768px) and (max-width:1240px){.heroHomepage-root .close-btn [class^='icon-']:before{margin-bottom:9px}
}
@media only screen and (min-width:768px) and (max-width:980px){.heroHomepage-root .close-btn [class^='icon-']:before{margin-bottom:9px}
}
@media only screen and (max-width:767px){.heroHomepage-root .close-btn [class^='icon-']:before{margin-bottom:9px}
}
.heroHomepage-root .close-btn .close-text{display:block;font-size:13px;line-height:14px}
.heroHomepage-root .close-btn .close-text em{font-style:normal}
.heroHomepage-root .vjs-user-inactive ~ .close-btn{display:none}
.heroHomepage-root .vjs-user-active ~ .close-btn{display:block}
.heroHomepage-root .vjs-paused ~ .close-btn{display:block}
.heroHomepage-root .video-js.cta-visible ~ .close-btn{display:none !important}
.heroHomepage-root .content-wrapper{left:50%;padding:72px 0 80px 0;position:absolute;transform:translate(-50%,0);white-space:normal;width:100%;z-index:1;box-sizing:border-box}
@media only screen and (max-width:767px){.heroHomepage-root .content-wrapper{bottom:0;padding:72px 0 28px 0}
}
.heroHomepage-root .buttons{margin:0 -12px;padding:34px 0 0 0;vertical-align:bottom}
.heroHomepage-root .buttons button{outline:0}
.heroHomepage-root .buttons li{display:inline-block}
.heroHomepage-root .buttons li .button2017{margin-bottom:24px;margin-left:12px;margin-right:12px;text-decoration:none}
@media only screen and (max-width:767px){.heroHomepage-root .buttons li .button2017{margin-bottom:12px;margin-left:6px;margin-right:6px}
}
@media only screen and (max-width:767px){.heroHomepage-root .buttons{display:block;margin:0 -6px;padding:13px 0 0 0}
}
@media only screen and (max-width:767px){.heroHomepage-root .button2017{max-width:220px;width:auto}
}
@media only screen and (max-width:767px){.heroHomepage-root{min-height:425px}
}
.heroHomepage-root .scroll-downs{z-index:1}
.heroHomepage-root .scroll-downs .mousey{display:none}
@media only screen and (max-width:767px){.heroHomepage-root .scroll-downs{display:none}
}
.heroHomepage-root.anchor{height:640px}
@media only screen and (min-width:768px) and (max-height:777px){.heroHomepage-root.anchor{height:600px}
.heroHomepage-root.anchor .content-wrapper{padding:52px 0 36px 0}
}
@media only screen and (max-width:767px){.heroHomepage-root.anchor.positionVertical-bottom .content-wrapper{padding:72px 0 28px 0}
}
@media only screen and (max-width:767px){.heroHomepage-root.anchor{height:auto;display:flex}
}
.heroHomepage-root.banner{height:600px}
.heroHomepage-root.banner .video-holder .videoWrapper{max-width:1068px}
@media only screen and (min-width:768px) and (max-width:1240px){.heroHomepage-root.banner .video-holder .videoWrapper{max-width:100vw}
}
@media only screen and (max-width:767px){.heroHomepage-root.banner{height:auto}
.heroHomepage-root.banner .video-holder{height:600px}
.heroHomepage-root.banner .motion-band-container-phone{display:none}
}