html, body{height:100%; }
@media (max-width: 479px){
header {
    width: 100%;
    padding: 10px;
}
}
@media (min-width: 480px) {
header {
    width:100%;
    height:145px;
    padding:10px;
}
}
@media (max-width: 479px){
header .inner {
    width: 100%;
    min-height: 125px;
    height: auto;
    position: relative;
    text-align: center;
    transition: height 0.5s;
}
}
@media (min-width: 480px){
header .inner {
    width: 100%;
    min-height: 125px;
    height: auto;
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: height 0.5s;
}
}

header .inner .mainlogo {
    display: inline-block;
    margin: 0 0 10px 0;
}

header .inner .headerlogo {
    height: 60px;
    margin-top:10px
}
@media (max-width:479px){
header nav {
    display: none;
    margin-top:10px;
    position: absolute;
    width: 100%;
    height: auto;
}
}
@media (min-width:480px){
header nav {
    display: none;
    margin-top:10px;
}

}

header nav.active {
    display: block;
background-color:#fff;
    z-index:10;
}

header nav a {
    font-size: 1rem;
    display: block;
    margin: 1.5rem 0;
}



header nav a:link {
    font-size: 1rem;
    color: #c8c8c8;
}

header nav a:visited {
    font-size: 1rem;
    color: #c8c8c8;
}

header nav a:hover {
    font-size: 1rem;
    color: #5d5d5d;
}
header nav a.active {
    color:#5d5d5d !important;
}



@media (min-width: 480px) {
    header #menu-button {
        display: none;
    }

    header nav a {
        display: inline-block;
        color: #c8c8c8;
        margin: 0 1rem;
        transition: color 0.2s;
        background-color:#fff;
    }

    header nav {
        display: block !important
    }
}
@media (max-width:479px){
    header #menu-button {
        display:block;
        font-size:1.2rem;
        margin-top:10px;
    }
}
#wrapper{padding-bottom: 100px;    height: auto;min-height:70vh}
.filterbox select{margin-right:10px;}

.ui-selectmenu-button.ui-button{
    height:20px;
    line-height: 20px;
    width:150px;
    border:1px solid #c8c8c8;
    margin:0 30px 0 10px;
}
.ui-widget.ui-widget-content {
    border: 1px solid #c8c8c8 !important;
}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active{
    border:1px solid #c8c8c8 !important;
}
.ui-selectmenu-button.ui-button:hover,.filterbox .ui-selectmenu-button.ui-button:focus{
     background:#eee;
    color:#000 !important;
    border:1px solid #c8c8c8 !important;
}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    background-color: #eee !important;
    color: #5d5d5d !important;

}
.ui-selectmenu-open{max-height:30vh;} 

#pageloader{
    position:fixed;
    display:block;
    background:rgba(255,255,255,0.7);
    width:100vw;
    height:100vh;
    z-index:9999;
    top:0;
    left:0;
}
#pageloader .inner{
    position:relative;
    width:100%;
    height:100%;
}
#pageloader img{
    position:absolute;
    width:16px;
    height:16px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}
.displaynone{display:none !important;}
.empty{    text-align: center;
    padding: 20% 25px;}