/* ====---- 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}
}

/******** SOCIALMEDIA ********/
header .widget-social{position:absolute;top:80px;z-index:10;width:100%;text-align:right}
header .widget-social-inline{}
header .social-grid{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;margin-left:auto;max-width:540px}
header .si-icon-wrap{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;background-color:transparent;color:#fff}
header .si-icon{display:inline-block;width:18px;height:18px;background-color:#fff;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}
header .si-icon-wrap:hover{border-top:1px solid currentColor;border-bottom:1px solid currentColor;color:#fff}

/*
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:36px;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:28px}}
@media screen and (max-width:767px){header .widget-title h1{padding:20px;width:420px;font-size:24px;line-height:155%}}
@media screen and (max-width:479px){header .widget-title h1{width:inherit;max-width:100%;margin-right:25px;font-size:20px}}

@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}
}

header .icon-txt{width:inherit}
header .icon-txt2{width:32px}
@media screen and (max-width:1199px){header .icon-txt, header .icon-txt2{width:32px}}
@media screen and (max-width:767px){header .icon-txt, header .icon-txt2{width:inherit}}

header .list-inline > li{padding-right:2px;padding-left:2px}