.logo{ width: 150px; display: block;}
.navbar-expand-lg{border-bottom: 2px solid #00BF63;}
.hide{display:none;}
.show{display:block;}
.navbar{background-color:transparent !important; padding: 0;}
.navbar-brand{padding: 0 4px;}
.nav-item.active{background: #A57CB2; border-radius: 15px;}
.nav-item.active .nav-link{color: #fff;}
a.nav-link{padding-top: 5px; padding-bottom: 5px; font-size:15px;}
.box-div{margin:10px 0;}
.box-div strong{background: #8b939a; text-align: center; width: 100%; display: flow; padding: 5px 0; border-radius: 10px 10px 0px 0px; }
.box-div p{ background-color: #8EC5FC; background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%); color: #000; padding: 10px; min-height: 200px; margin: 0; }
.box-div a{ display: block; width: 100%; background: #8b939a; text-align: center; padding: 4px 0; color: #000; font-size: 20px; text-decoration: auto; text-transform: uppercase; }
.banner{border-radius: 10px; overflow: hidden;}
h1, .h1{font-size: 18px;}
h3, .h3{font-size: 16px;}
p{font-size: 15px;}
form input{height: 40px; width: 100%;}
form img{width: 40px; border-radius: 20px; background: #A16D3E; padding: 2px; float:left; }
/*
form ul{ list-style: none; border: 1px solid #A16D3E; width: 94%; float: left; margin: 0 0 0 -22px; position: relative; z-index: -9;}
form li{ padding: 7px 0; }
*/
form.list_form ul{ list-style: none; border: 1px solid #A16D3E; position: absolute; background: #fff; padding: 0 5px; font-size: 13px; display: none;}
form.list_form li{ padding: 5px 0; cursor: pointer; border-bottom: 1px solid #A16D3E;}
.button{width: 100%; background: #A16D3E; color:#fff; border: 0; padding: 3px 0; font-weight: 700;}
.home_banner{ background-position: left !important; background-size: cover !important; }
.footer{ box-shadow: 0px -3px 10px #A16D3E; background: #A16D3E; padding-top: 15px; padding-bottom: 15px; background-size: cover; background-position: center; }
.footer a{ text-decoration: none; font-size: 13px; color:#fff; }
#search_result{position: absolute; top: 50px; background: #fff; max-width: 100%; right: 20px; list-style: none; padding: 0;}
#search_result a{padding: 10px; color: #333; text-decoration: none; border-bottom: 1px solid #ddd; width: 100%; display: block;}
.lsidebar{border-right: 1px solid #f3a340;}
.rsidebar{border-left: 1px solid #f3a340;}
.ls-menu, .ls-submenu{ list-style: none; padding: 0;}
.footer_menu{ margin: 0; padding: 0; list-style: none; }
.footer_menu li{ float: left; padding: 0 13%; }
#opac{display:none; background: #333; width: 100%; opacity: 0.8; height: 100%; position: absolute; left: 0; z-index: 9; top: 0;}
#popup{display:none; background:#A57CB2; position: absolute; z-index: 9; padding: 15px 0; margin: 20% auto; left: 0; right: 0; width: 24%; text-align: center; border-radius: 15px;}
.cross{border: 3px solid #A16D3E; background: #fff; font-weight: 700; width: 30px; height: 30px; position: absolute; right: 0; top: 0; border-radius: 15px; cursor: pointer;}
#profile_menu{position: absolute; bottom: 0; list-style: none; padding: 10px 5px; margin: 0; }
#profile_menu img{ width: 35px; border-radius: 18px; margin-right: 10px; }
html, body, .fit-height{height: 100%;}
.w-fit { width: fit-content; }
#listBtn{ padding: 5px 10px; background: #00BF63; border-radius: 15px; border: 0; font-size: 15px;}
.list-description .thumbnail{ width:100%; }
.h4, h4{ font-size: 17px; color: #A16D3E; }
.list-description p{font-size:13px;}
.cursive{font-family: cursive;}
span.list_type{ border: 10px solid #A57CB2; border-radius: 50px; justify-content: center; text-align: center; display: flex; width: 17%; height: 85px; float: left; margin: 10px; padding: 0px 10px; font-size: 12px; align-items: center; background: #333; color: #fff;  cursor: pointer; }