.offcanvas-menu {

  background-image: url('https://www.letsmeetin.pl/images/2020/09/20/wizja.jpg');
   background-position:top-right;
  width: 300px;
  -webkit-transition: all 0.6s;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li span{
 
  color: #fff;
font-family: metrophobic;
  font-size: 20px;font-variant:small-caps;
-webkit-transition: all 0.6s;}

  




@media screen and (min-width: 1024px) {
a#offcanvas-toggler {display: none !important;} 
  
}





@media (max-width: 1024px)
{
    #offcanvas-toggler.d-lg-none{
        display: block!important;
    }
    #sp-menu.d-lg-block{
        display: none!important;
    }
}
@media (min-width: 1300px)
{
    #offcanvas-toggler.d-lg-none{
        display: none!important;
    }
    #sp-menu.d-lg-block{
        display: block!important;
    }
    .d-lg-block{
        display: block!important;
    }
}






#sp-top1 {width: 200px;
padding-top:0px;
position: relative;
display: block!important;display: flex;
  flex-flow: column nowrap;}


#sp-top2 {width: 100px;

position: relative;
   /* this is what centers your element in the fixed wrapper*/
  display: block;
  flex-flow: column nowrap;
  justify-content: right; /* aligns on vertical for column */
  align-items: right; /* aligns on horizontal for column */
} 
  
  
}
 

li.lang-inline a:hover {
	color: #0a4ea5 !important;
}


#offcanvas-toggler >i { width: 34px; height: 31px; line-height: 31px; text-align: center; border: 0px solid; border-radius: 4px;}

.fa.fa-facebook, .fa.fa-twitter, .fa.fa-google-plus, .fa.fa-youtube, .fa.fa-instagram,
 .fa.fa-skype, .fa.fa-whatsapp :hover {
transition: ease-in 0.3;
  width: 20px;

}

ul.social-icons a:hover {
	color: #0a4ea5 !important;
}



















#sp-header {
background: transparent;
position: fixed;
top: 38px; /* height value #top-bar */
height: 0px;

box-shadow: none !important;
        transition: all .3s ease-in-out;
       -webkit-transition: all .3s ease-in-out;

}

#sp-header.header-sticky {
top: 0px;
position: fixed;
height: 70px;
background: #000000;
 -webkit-animation: fadeInDown .5s;
	animation: fadeInDown .5s;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
	box-shadow: 0 2px 5px rgba(0,0,0,0.15);

}
#sp-header.header-sticky ~ section#sp-main-body {
 padding-top: 0px;

}