.hero-detail.component{display:flex;background-color:#fff;color:#fff}
.hero-detail .headline{display:flex;min-height:500px;width:100%;background-color:#007abc}
.hero-detail .headline.text{min-height:300px}
.hero-detail .headline__row{height:100%}
.hero-detail .headline__column{align-self:flex-end}
.hero-detail .headline__content{padding-top:30px;padding-bottom:30px}
.hero-detail .headline__title h1,.hero-detail .headline__title h2,.hero-detail .headline__title h1,.hero-detail .headline__copy p{margin-bottom:0}
.hero-detail .headline__contact-label{font-size:14px;line-height:26px;letter-spacing:-0.1px;margin-bottom:0}
.hero-detail .headline__contact-link a{display:inline-block;color:#fff;letter-spacing:0}
.hero-detail .headline__contact-label ~ .headline__contact-link{margin-top:15px}
@media screen and (max-width:767px){.hero-detail .headline__copy{margin-top:15px}
.hero-detail .headline__cta,.hero-detail .headline__contact,.hero-detail .headline__cta-contact{margin-top:30px}
.hero-detail .headline__cta-link,.hero-detail .headline__contact-link{display:inline-block;width:100%}
.hero-detail .headline__cta-link ~ .headline__contact-link{margin-top:25px}
}
@media screen and (min-width:768px){.hero-detail .headline{min-height:380px}
.hero-detail .headline.text{min-height:350px}
.hero-detail .headline__content{padding-top:40px;padding-bottom:0}
.hero-detail .headline__title{margin-bottom:20px}
.hero-detail .headline__border{display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding-bottom:40px}
.hero-detail .headline__cta .headline__border,.hero-detail .headline__contact .headline__border,.hero-detail .headline__cta-contact .headline__border{border-left:1px solid rgba(255,255,255,0.4)}
.hero-detail .headline__cta-link ~ .headline__contact-link{margin-top:15px}
.hero-detail .headline__cta-link,.hero-detail .headline__contact-label,.hero-detail .headline__contact-link{margin-left:30px}
}
@media screen and (min-width:1024px){.hero-detail .headline{min-height:510px}
.hero-detail .headline__content{padding-top:60px}
.hero-detail .headline__title h1,.hero-detail .headline__title h2,.hero-detail .headline__copy p{padding-left:30px}
.hero-detail .headline__border{padding-bottom:60px}
}
body[dir="rtl"] .hero-detail .headline.bg:not(.text-and-image),body[dir="rtl"] .hero-detail .headline.bg:not(.text-and-image) .container.headline__container{-webkit-transform:scaleX(-1);transform:scaleX(-1)}
@media screen and (min-width:768px){body[dir="rtl"] .hero-detail .headline__cta .headline__border,body[dir="rtl"] .hero-detail .headline__contact .headline__border,body[dir="rtl"] .hero-detail .headline__cta-contact .headline__border{border-right:1px solid rgba(255,255,255,0.4);border-left:0}
body[dir="rtl"] .hero-detail .headline__cta-link,body[dir="rtl"] .hero-detail .headline__contact-label,body[dir="rtl"] .hero-detail .headline__contact-link{margin-right:30px;margin-left:initial}
}
@media screen and (min-width:1024px){body[dir="rtl"] .hero-detail .headline__title h1,body[dir="rtl"] .hero-detail .headline__title h2,body[dir="rtl"] .hero-detail .headline__copy p{padding-right:30px;padding-left:initial}
}