/* ****** OFFCANVAS ****** */
.offcanvas-active .bt-trigger {
opacity: 0;
}
header .btn-close{
position:relative;
top:0;
right:15px;
}
body.offcanvas-active{
overflow:hidden!important;
}
.offcanvas-header{ display:none!important; }
.screen-darken{
height: 100%!important; width:0%!important;
z-index: 30!important;
position: fixed!important; top: 0!important; right: 0!important; 
opacity:0!important; visibility:hidden!important;
background-color:rgba(255,255,255,0.7)!important;
transition:opacity .2s linear, visibility 0.2s, width 2s ease-in!important;
}
.screen-darken.active{
z-index:10!important; 
transition:opacity .3s ease, width 0s!important;
opacity:1!important;
width:100%!important;
visibility:visible!important;
}
/* ============ mobile view ============ */
@media all and (max-width: 991px) {
    .featured .nav-link{
        margin-left:-15px!important;
        margin-top:0!important;
                text-align: center;
        display: inline-block;
    }
.offcanvas-header{ display:block!important; }
.mobile-offcanvas{
visibility: hidden!important;
transform:translateX(-100%)!important;
border-radius:0!important; 
display:block!important;
position: fixed!important;  top: 0!important; left:0!important;
height: 100%!important; width:80%!important;
z-index: 1200!important; 
overflow-y: scroll!important;
transition: visibility .3s ease-in-out, transform .3s ease-in-out!important;
} 
.mobile-offcanvas.show{
visibility: visible!important; 	transform: translateX(0)!important;
}
.mobile-offcanvas .container, .mobile-offcanvas .container-fluid{
display: block!important;
}
.bt-trigger {
border:none;
background: none;
position: absolute;
top: 35px;
right: 20px;
}
#navbarNav, .nav-top{
padding-left:2rem!important;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-item.active .nav-link {
text-decoration: underline!important;
}
.banner-interna{
margin-top:75px;
}
header .nav-link{
    margin:5px 0!important;
}

}
/* ============ OFFCANVAS END ============ */

.tel-footer, .email-footer, .wpp-footer, .web-footer{
display:inline-block!important;
position:relative;
padding-left:25px;
line-height:30px;
}
.wpp-footer:before, .tel-footer:before, .email-footer:before{
content:"";
background-repeat: no-repeat;
background-size: 18px;
width:18px;
height: 18px;
background-position: center;
position:absolute;
left:0;
top:6px;
   background-color: #fff;
}
.tel-footer:hover:before, .email-footer:hover:before, .wpp-footer:hover:before{
    background-color: #bcd255;
    }
  
.tel-footer:before{
mask-image:url('../images/phone.svg');
}
.email-footer:before{
mask-image:url('../images/mail.svg');
}
.wpp-footer:before{
mask-image:url('../images/whatsapp.svg');
}