.navbar-dropdown-open{
    overflow:hidden!important
}
.navbar-dropdown-open .navbar-dropdown.opened{
    bottom:0;
    left:0;
    overflow-y:scroll;
    position:fixed;
    right:0;
    top:0;
    transition:none
}
.demotext{
color: #131313;
background: transparent;
letter-spacing: .15em;
text-shadow: 1px -1px 0 #767676, -1px 2px 1px #737272, -2px 4px 1px #767474, -3px 6px 1px #787777, -4px 8px 1px #7b7a7a, -5px 10px 1px #7f7d7d, -6px 12px 1px #828181, -7px 14px 1px #868585, -8px 16px 1px #8b8a89, -9px 18px 1px #8f8e8d, -10px 20px 1px #949392, -11px 22px 1px #999897, -12px 24px 1px #9e9c9c, -13px 26px 1px #a3a1a1, -14px 28px 1px #a8a6a6, -15px 30px 1px #adabab, -16px 32px 1px #b2b1b0, -17px 34px 1px #b7b6b5, -18px 36px 1px #bcbbba, -19px 38px 1px #c1bfbf, -20px 40px 1px #c6c4c4, -21px 42px 1px #cbc9c8, -22px 44px 1px #cfcdcd, -23px 46px 1px #d4d2d1, -24px 48px 1px #d8d6d5, -25px 50px 1px #dbdad9, -26px 52px 1px #dfdddc, -27px 54px 1px #e2e0df, -28px 56px 1px #e4e3e2;
color: #131313;
background: transparent;
}
.navbar-dropdown{
    left:0;
    padding-top:1.5rem;
    padding-bottom:1.5rem;
    position:absolute;
    right:0;
    top:0;
    transition:all 0.25s ease;
    z-index:1030
}
.navbar-dropdown .navbar-brand,.navbar-dropdown .navbar-toggler{
    position:relative;
    z-index:995
}
.navbar-dropdown.bg-color.transparent{
    background:none!important
}
.navbar-dropdown.navbar-fixed-top{
    position:fixed
}
.navbar-dropdown .navbar-brand{
    line-height:0;
    margin-right:1.5rem;
    padding:0
}
.navbar-dropdown .navbar-brand a{
    line-height:2.35rem;
    vertical-align:middle
}
.navbar-dropdown .navbar-brand a,.navbar-dropdown .navbar-brand a:hover{
    text-decoration:none
}
.navbar-dropdown .navbar-brand .navbar-logo,.navbar-dropdown .navbar-brand .navbar-logo a{
    line-height:0;
    vertical-align:baseline
}
.navbar-dropdown .navbar-logo{
    margin-right:0.5rem
}
.navbar-dropdown .navbar-logo img{
    display:inline;
    height:2.35rem
}
@media (max-width:543px){
    .navbar-dropdown .navbar-toggleable-xs{
        padding-top:0.425rem
    }
    .navbar-dropdown .navbar-toggleable-xs .btn{
        margin-bottom:0.425rem;
        margin-top:0.425rem
    }
    .navbar-dropdown .navbar-toggleable-xs .dropdown-menu{
        padding-bottom:0.425rem
    }
    .navbar-dropdown .navbar-toggleable-xs .dropdown-menu .dropdown-menu{
        padding-bottom:0
    }
}
@media (max-width:767px){
    .navbar-dropdown .navbar-toggleable-sm{
        padding-top:0.425rem
    }
    .navbar-dropdown .navbar-toggleable-sm .btn{
        margin-bottom:0.425rem;
        margin-top:0.425rem
    }
    .navbar-dropdown .navbar-toggleable-sm .dropdown-menu{
        padding-bottom:0.425rem
    }
    .navbar-dropdown .navbar-toggleable-sm .dropdown-menu .dropdown-menu{
        padding-bottom:0
    }
}
@media (max-width:991px){
    .navbar-dropdown .navbar-toggleable-md{
        padding-top:0.425rem
    }
    .navbar-dropdown .navbar-toggleable-md .btn{
        margin-bottom:0.425rem;
        margin-top:0.425rem
    }
    .navbar-dropdown .navbar-toggleable-md .dropdown-menu{
        padding-bottom:0.425rem
    }
    .navbar-dropdown .navbar-toggleable-md .dropdown-menu .dropdown-menu{
        padding-bottom:0
    }
}
@media (min-width:544px){
    .navbar-dropdown{
        border-radius:0
    }
}
.navbar-dropdown .btn{
    margin-bottom:0
}
.navbar-dropdown .btn-white-outline {
  /* Set the font style and size */
  font-size: 16px;
  font-family: Arial, sans-serif;
  
  /* Set the button size and shape */
  padding: 10px 20px;
  border-radius: 4px;
  
  /* Set the button color and hover effect */
  color: #fff;
  background-image: none;
  background-color: transparent;
  border-color: #fff;
  transition: background-color 0.5s;
  
  /* Add some spacing and positioning */
  margin: 10px;
  display: inline-block;
}

.navbar-dropdown .btn-white-outline:hover {
  /* Change the background color on hover */
  background-color: #fff;
  color: #000;
}

.navbar-dropdown .btn-white-outline:active {
  /* Change the background color when the button is clicked */
  background-color: #ccc;
}

.navbar-dropdown .btn-white-outline:focus,.navbar-dropdown .btn-white-outline.focus,.navbar-dropdown .btn-white-outline:active,.navbar-dropdown .btn-white-outline.active,.open > .navbar-dropdown .btn-white-outline.dropdown-toggle{
    color:#000;
    background-color:#fff;
    border-color:#fff
}
.navbar-dropdown .btn-white-outline:hover{
    color:#000;
    background-color:#fff;
    border-color:#fff
}
.navbar-dropdown .btn-white-outline.disabled:focus,.navbar-dropdown .btn-white-outline.disabled.focus,.navbar-dropdown .btn-white-outline:disabled:focus,.navbar-dropdown .btn-white-outline:disabled.focus{
    border-color:white
}
.navbar-dropdown .btn-white-outline.disabled:hover,.navbar-dropdown .btn-white-outline:disabled:hover{
    border-color:white
}
.navbar-dropdown .btn-black-outline{
    color:#000;
    background-image:none;
    background-color:transparent;
    border-color:#000
}
.navbar-dropdown .btn-black-outline:focus,.navbar-dropdown .btn-black-outline.focus,.navbar-dropdown .btn-black-outline:active,.navbar-dropdown .btn-black-outline.active,.open > .navbar-dropdown .btn-black-outline.dropdown-toggle{
    color:#fff;
    background-color:#000;
    border-color:#000
}
.navbar-dropdown .btn-black-outline:hover{
    color:#fff;
    background-color:#000;
    border-color:#000
}
.navbar-dropdown .btn-black-outline.disabled:focus,.navbar-dropdown .btn-black-outline.disabled.focus,.navbar-dropdown .btn-black-outline:disabled:focus,.navbar-dropdown .btn-black-outline:disabled.focus{
    border-color:#333
}
.navbar-dropdown .btn-black-outline.disabled:hover,.navbar-dropdown .btn-black-outline:disabled:hover{
    border-color:#333
}
.is-builder .navbar-dropdown .dropdown-toggle::after{
    vertical-align:baseline
}
.dropdown-menu.dropdown-submenu{
    left:100%;
    margin-left:-6px;
    margin-top:-6px;
    top:0
}
.dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]::after{
    border-bottom:0.3em solid transparent;
    border-left:0.3em solid;
    border-right:0;
    border-top:0.3em solid transparent;
    margin-left:0.3rem
}
.dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"][aria-expanded="true"]{
    background-color:#f5f5f5
}
.dropdown-menu .dropdown-item:focus{
    outline:0
}
.nav-dropdown-sm{
    clear:left;
    float:none!important;
    position:relative;
    z-index:999
}
.nav-dropdown-sm .nav-item{
    float:none
}
.nav-dropdown-sm .nav-item + .nav-item{
    margin-left:0
}
.nav-dropdown-sm .nav-link,.nav-dropdown-sm .dropdown-item{
    position:relative
}
.nav-dropdown-sm .dropdown-toggle::after{
    position:absolute;
    right:0;
    top:50%;
    margin-top:-0.15em
}
.nav-dropdown-sm .dropdown-toggle[data-toggle="dropdown-submenu"]::after{
    margin-left:.25rem;
    border-top:0.3em solid;
    border-right:0.3em solid transparent;
    border-left:0.3em solid transparent;
    border-bottom:0
}
.nav-dropdown-sm .dropdown-toggle[data-toggle="dropdown-submenu"][aria-expanded="true"]::after{
    border-top:0;
    border-right:0.3em solid transparent;
    border-left:0.3em solid transparent;
    border-bottom:0.3em solid
}
.nav-dropdown-sm .dropdown-menu {
  /* Set the font style and size */
  font-size: 16px;
  font-family: Arial, sans-serif;
  
  /* Set the dropdown menu size and shape */
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  border: 0;
  float: none;
  border-radius: 0;
  background: none;
  padding-left: 20px;
  
  /* Add some hover and active effects */
  transition: background-color 0.5s;
}

.nav-dropdown-sm .dropdown-menu:hover {
  /* Change the background color on hover */
  background-color: #ccc;
}

.nav-dropdown-sm .dropdown-menu:active {
  /* Change the background color when the menu is clicked */
  background-color: #999;
}

.nav-dropdown-sm .dropdown-menu .item {
  /* Style the menu items */
  color: #000;
  padding: 10px;
  margin: 5px;
}
.navbar-dropdown .navbar-brand .navbar-logo,.navbar-dropdown .navbar-brand .navbar-logo a{
    line-height:0;
    vertical-align:baseline
}
.navbar-dropdown .navbar-logo{
    margin-right:0.5rem
}
.navbar-dropdown .navbar-logo img{
    display:inline;
    height:2.35rem
}
.nav-dropdown-sm .dropdown-menu .item:hover {
  /* Change the item color on hover */
  color: #fff;
  background-color: #333;
}
.nav-dropdown-sm .dropdown-item{
    padding-left:0
}
.nav-dropdown-sm .dropdown-item,.nav-dropdown-sm .dropdown-item:hover,.nav-dropdown-sm .dropdown-item:focus{
    background:none!important
}