/* ====---- HEADER 003 ----==== */
header img[data-u='image']{height:100vh;width:100%;object-fit:cover}

header .widget-logo{position:absolute;z-index:10;top:80px}
@media screen and (max-width:767px){
header .widget-logo{margin-left:-25px;width:100%}
header .widget-logo-inline{width:100%;text-align:center}
}

header .widget-social{position:absolute;top:80px;z-index:10;width:100%;text-align:right}
header .widget-social-inline{}
header .icon{font-size:20px}
header .icon{margin-left:0px;padding:5px 10px;border-top:1px solid transparent;border-bottom:1px solid transparent;color:#fff}
header .icon:hover{border-top:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;color:#fff}
@media screen and (max-width:767px){
header .widget-social{top:225px}
header .widget-social-inline{margin:0 auto;text-align:center}
}
@media screen and (max-width:479px){
header .widget-social{top:225px}
header .widget-social-inline{width:250px;margin:0 auto;text-align:center}
}

header .widget-title-bg{}
header .widget-title h1{position:absolute;padding:30px;bottom:40px;color:#fff;font-size:44px;line-height:135%;width:650px;--alpha:.20;background:rgba(0,0,0, var(--alpha))}
@media screen and (max-width:991px){header .widget-title h1{width:520px;font-size:36px}}
@media screen and (max-width:767px){header .widget-title h1{padding:20px;width:420px;font-size:28px;line-height:155%}}
@media screen and (max-width:479px){header .widget-title h1{width:270px;font-size:18px}}

@media screen and (max-height:479px) and (orientation:landscape){
header .widget-logo{top:10px}
header .widget-logo img{max-height:75px}
header .widget-social{display:none}
}