#menuModal {
background-color:#94b6d2;
}

#menuModal .List {
list-style:none;
padding: 15px;
margin-bottom:20px;
text-transform:uppercase;
}

#menuModal .List a {
font-size:20px;
font-weight: 600;
display:block;
border-bottom: 1px solid rgb(255 255 255 / 10%);
-moz-transition-property:color,background-color,font-size,padding;
-o-transition-property:color,background-color,font-size,padding;
-webkit-transition-property:color,background-color,font-size,padding;
transition-property:color,background-color,font-size,padding;
-moz-transition-duration:.2s;
-o-transition-duration:.2s;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-moz-transition-timing-function:ease-in-out;
-o-transition-timing-function:ease-in-out;
-webkit-transition-timing-function:ease-in-out;
transition-timing-function:ease-in-out;
padding:10px 5px;
color:#fff;
}

#menuModal .List a:hover {
color:#fcce01;
-webkit-user-select:none;
-webkit-touch-callout:none;
text-decoration:none;
}

#menuModal .List a.active {
color:#fcce01;
-webkit-user-select:none;
-webkit-touch-callout:none;
text-decoration:none;
font-weight: 600;

}


.mobile-dropdown {list-style:none; padding-inline-start: 30px;}
.mobile-dropdown li a{font-size:15px !important;font-weight: 500 !important;}



.close,.navbar-links {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}


#menuModal .modal-header .close {
    padding: 0;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    font-size: 36px;
}

#menuModal .modal-header .close i {
      margin: 40px 2px 0;
}

#menuModal .modal-content {
background-color:transparent;
color:#0067b1;
  border:none;
}

.modal-header { border: none; }
.navbar-toggler {
border:none;
}



.navbar-toggle .menu {
    display: block;
    margin-top: -21px;
    text-transform: uppercase;
    font-size: 10px;
    color: #fff;
}

.navbar-toggle .wrapper {
display:block;
overflow:hidden;
height:32px;
}
    
@media only screen and (min-width: 960px)
{

#menuModal {
    width: 300px;
    left: auto;
}

.page {
    -webkit-transition: left .3s,right .3s,margin-inline-start .3s,opacity .3s;
    transition: left .3s,right .3s,margin-inline-start .3s,opacity .3s;
}

#menuModal {
-webkit-transition:left .3s,right .3s,margin-inline-start .3s,opacity .3s;
transition:left .3s,right .3s,margin-inline-start .3s,opacity .3s;
}


#menuModal {
right:-300px;
opacity:1;
}

body.sidenav-open .navbar-header {
right:300px;
}

body.sidenav-open .page {
margin-inline-start:-300px;
}

body.sidenav-open #menuModal.show {
right:0;
}

body.sidenav-open.navbar-events-affixed .navbar-header {
opacity:0;
}

body.sidenav-open .header-brand,body.sidenav-open .background__change span {
left:-300px;
}
}

.navbar-header {
    float:inline-end;
    padding: 30px 12px 0;
    -moz-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}