/* offcanvas menu */
.offcanvas {  }
.offcanvas-toggle { border: none; background: none; padding: 0; margin: 0; font-size: 21px; display: inline-block; height: 30px; line-height: 30px; }
.offcanvas-toggle i.fa { line-height: 30px; }
.offcanvas-sidebar { position: fixed; right: 0; top: 0; z-index: 1000; width: 300px; height: 100vh; background: #fff; overflow: auto; direction: ltr; box-shadow: 1px 0 6px rgba(0,0,0,.2); transition: all 0.2s ease-in-out; }
.offcanvas-header { direction: rtl; padding: 15px; height: 15vh; display: flex; align-items: center; justify-content: center; position: relative; }
.offcanvas-header-sitename { font-size: 0; }
.offcanvas-brand { font-size: 22px; color: black; }
.offcanvas-overlay { content: ' '; display: none; position: fixed; background: #00000082; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; }

.offcanvas-nav { list-style: none; padding: 0 20px; margin: 0; direction: ltr; height: 70vh; overflow: auto; }
.offcanvas-nav-item { position: relative; }
.offcanvas-nav-link { display: block; background: #fff; color: #002e5b; font-weight: 500; border-bottom: 1px solid rgba(0,46,91,.21); line-height: 1.5; padding: 10px 15px 10px 30px; }
.offcanvas-nav-item.active > .offcanvas-nav-link, .offcanvas-nav-link:hover { color: #6c98e1; }
.offcanvas-nav-toggle { color: #999; position: absolute; top: 0; left: 0; height: 48px; border: none; text-align: left; background: none; width: 30px; outline: none !important; cursor: pointer; }
.offcanvas-nav-toggle-icon:before { content: "\f107"; }
.offcanvas-nav-close { display: none; }
.offcanvas-nav-subset { list-style: none; padding: 0; margin: 0 0 15px; display: none; }
.offcanvas-nav-subset .offcanvas-nav-link { font-size: 13px; font-weight: 400; border-bottom: none; }
.offcanvas-expanded .offcanvas-sidebar { right: 0; }
.offcanvas-expanded .offcanvas-overlay { display: block; }
.offcanvas-nav-item-expanded > .offcanvas-nav-subset { display: block; }
.offcanvas-nav-item-expanded > .offcanvas-nav-toggle > .offcanvas-nav-toggle-icon:before { content: "\f106"; }
.offcanvas-nav-subset-1 .offcanvas-nav-link { padding-right: 15px; }
.offcanvas-nav-subset-2 .offcanvas-nav-link { padding-right: 30px; }
.offcanvas-nav-subset-3 .offcanvas-nav-link { padding-right: 45px; }
.offcanvas-nav-subset-4 .offcanvas-nav-link { padding-right: 60px; }

.offcanvas-footer { height: 15vh; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 15px; }
.offcanvas-social { direction: rtl; }
.offcanvas-social-link { display: inline-block; margin: 5px; font-size: 21px; color: #002e5b; }
.offcanvas-social-link.telegram:hover { color: #0088cc; }
.offcanvas-social-link.instagram:hover { color: #e1306c; }
.offcanvas-social-link.linkedin:hover { color: #0077b5; }
.offcanvas-social-link.twitter:hover { color: #1da1f2; }
.offcanvas-social-link.facebook:hover { color: #3b5998; }
.offcanvas-social-link.skype:hover { color: #00aff0; }
.offcanvas-copyright { font-size: 12px; color: #777; margin-top: 25px; direction: rtl; }

@media(max-width:1199px) {
	.offcanvas-sidebar { right: -330px; }
}
@media(max-width:375px) {
	.offcanvas-sidebar { width: calc(100% - 30px); }
}