body {
    margin: 0;
    color: #1c1c1b;
    font-family: "PT Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
}
#logo1,#logo2 {
    top:0;
    left:0;
}
a {
    color: #1c1c1b;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
img {
    max-width: 100%;
    height: auto;
}
.btn-primary {
    background-color: #29e2b6;
    border-color: #29e2b6;
}
.btn-primary:hover {
    background-color: #29e2b6;
    border-color: #29e2b6;
    opacity: 0.75;
}
.com-content-article__body a {
    color: #29e2b6;
}
.com-content-article__body h2 a, .com-content-article__body h3 a {
    color: #1c1c1b;
}
.com-content-article__body img {
    max-width: 100%;
    height: auto;
}
.bk-grey {
    background-color: #eaeff2;
    padding-top: 60px;
    padding-bottom: 60px;
}
.bk-green {
    background-color: #29e2b6;
    padding-top: 60px;
    padding-bottom: 60px;
}
header #mainmenu ul,#filters ul {
    height: 60px;
    list-style: none;
    padding: 0;
    line-height: 60px;
    display: block;
}
header #mainmenu>div>ul>li,#filters>ul>li {
    display: inline-block;
}

header #mainmenu li a, header #mainmenu li span, #filters li span, #filters li span {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    text-decoration: none;
    text-transform: lowercase;
    color: #1c1c1b;
}
header #mainmenu li, #filters li {
    background-color: #eaeff2;
    cursor: pointer;
}
header #mainmenu>div>ul li:hover, #filters>ul li:hover {
    background-color: #000!important;
}
header #mainmenu>div>ul li:hover>a,header #mainmenu>div>ul li:hover>span,#filters>ul li:hover>a,#filters>ul li:hover>span {
    color: #FFF;
    cursor: pointer;
}
header #mainmenu li.active>span, header #mainmenu li.active>a, #filters li.active>span, #filters li.active>a {
    color: #FFF!important;
}
header #mainmenu li.active, header #mainmenu li.active {
    background-color: #000!important;
}
#filters>ul>li {
    background-color: #eaeff2;
    height: 60px;
    line-height: 60px;
    display: inline-block;
}
header #mainmenu>div>ul>li>a,#filters>ul>li>a {
    height: 60px;
    line-height: 60px;
    display: block;
}
#filters>ul {
    z-index: 500;
    height: 60px;
}
header #mainmenu>div>ul>li:hover>ul,#filters>ul>li:hover>ul {
    display: block;
    z-index: 5000;
}
header #mainmenu ul li a:hover {
    /* text-decoration: underline; */
}
header #mainmenu>div>ul>li>ul,#filters>ul>li>ul {
    z-index: 1;
    position: absolute;
    background-color: #eaeff2;
    border-top: 10px solid #000;
    display: none;
}
footer .nav {
    display: block!important;
}
.items-leading figure, .items-leading figure a, .items-intro figure, .items-intro figure a, .homenews figure, .homenews figure a {
    display: block;
    width: 100%;
    height: 100%;
}
.items-leading img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.items-intro img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.item-title, .com-content-article h2 {
    font-family: "PT Serif", serif;
    margin-bottom: 30px;
    margin-top: 10px;
    line-height: 1.2;
    font-weight: 600;
}

.com-content-article h3 {
    font-family: "PT Serif", serif;
    font-style: italic;
    margin-bottom: 20px;;
}
.com-content-article h3::before {
    content: ' ';
    width: 20px;
    margin-bottom: 20px;
    border-top:4px solid #1c1c1b;
    display: block;
}
.com-content-article figure.item-image,.homenews figure.item-image {
    aspect-ratio: 1.385;
    display: flex;
}

.com-content-article figure.item-image img, .homenews figure.item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.home-categories {
    font-style: italic;
    font-family: "PT Serif", serif;
    font-size: 24px;
    font-weight: bold;
}

.mt-24 {
    margin-top: 24px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-60 {
    margin-top: 60px;
}
.mb-60 {
    margin-bottom: 60px;
}
.splide__slide {
    height: 400px;
}
.splide__slide .title {
    font-family: "PT Serif", serif;
    font-size: 36px; 
    line-height: 1.2;
    color: white;
    padding-bottom: 16px;
} 
.splide__slide .subtitle {
    font-family: "PT Serif", serif;
    font-size: 30px;
    font-weight: 400;
    font-style: italic;
    color: white;
    line-height: 1.2;
}

.splide__slide .subtitle::before {
    padding-bottom: 16px;
    content: ' ';
    display: block;
    width:30px;
    border-top:4px solid white;
}
.video .title {
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
    font-family: "PT Serif", serif;
    margin-bottom: 16px;
}

.details::before {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAA6CAYAAACj+Dm/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAzVJREFUWIW9mU2o3FQUx3/nTkawM8lk5jHTLh4UF4IggiCKC0FRnlYpqIhIqbpQEF0oFBdSihtRUATRlQt1UVy0YEUQ/GqfFlwIbgQXQsGFKMI4k5LkJfN41jfJcfFe9fV9TZJJcnbJPYcf/8u9N/d/IqpKXeEFk1NSF9ALo5dA3q0F6IXxM8CHAKZq2DiMngY+AATQShWOVyaPiepZwNp8lVr7FcwTozB+2MCZLTAArWRKxysrS0Y5CzS3j5U+pV4Q34XwNdDaZXhaqsKRH92J8OUeMKBEhV64eiuk3wHdfdLWS1E4ClZvgXR5BgwoYR96UXSjMel5YGFWrs67SodheFhSuYByKGtNYaDvry1aNC4qHM5aI6CFNv54dfWgNNILKDfkrc2t8K/JpG/W029RbspbmxsYBEGnMeUrhZuLwNAci8b3fWddrPOgtxWCbUYm4HA4PJCY5ucCd8wDQ7IpvM460D4H3D0XbDNmrdKmF8afAg+WAQPZV2HDC6KPgaPlwDZiL6AZh5PTiDxRJgx0V4UyDuL3BT1eLmwjdgDHYfy2CM9VAWP74e0F8ZsCL1cEA7YoHIfRawivVAnjqsLLYXRCkFcrhgFgeWH0Isg7dcAANapS7CAuGGbQtV9g895fCxDQvms/ryJnauD9ty2SQaf9FPBJ1cSt+zDpu/aTwBcV8nYcbf9cmdiPAxerIu442hYXWZuuTY4C31fA29sf+r7vJKa5DNxeIjDY83vY6/WiJsn9ID+VRZt583ZdN0wsjgj8UhZ05p3mULvtpU1zH8KleWGS1VsMWq1RI7GWgN/mhWa+l/Z61/9p6fQegd/n4OVzT91u9w81ugQMixJze4u+4/xqEu4FRgV4xfzhwoJ9STEPKPh5awv7w4Hb+lmNPgTEtQABDjrOj5pyBJhkLJm/MTTo2T+omEdR/s6SX0oXY9BpLWtDHwGuzEgtr/U1cJxvFI4B0/3ySu1EDVz7M0SOAcmuCRn9Ya7od9rngGeBdLfxSrqJfdc+zYY/ufZjm8fj54Z27I9AT2x/X2kLuu8673GthahO4f/Q9uuIvnH1ubbfCJeD+C0VjtcGBMQL4pP/AvYgF80RNPuMAAAAAElFTkSuQmCC');
    width: 28px;
    height: 58px;
    position: absolute;
    left: calc(3rem - 7px);
    top:25%;
}

.img-gallery {
    width: 100%;
    height: 190px;
    object-fit: cover;
    object-position: center;
}

figure {
    margin-block-end: 0;
}

.maintag {
    font-family: "PT Serif", serif;
    font-size: 44px;
    font-weight: 400;
    font-style: italic;   
}

.leaflet-popup-content-wrapper{
    border-radius: 0!important;
    border-bottom: 8px solid #333;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    background: #eaeff2!important;
    color: #333!important;
    /* box-shadow: none!important; */
}
.leaflet-popup-tip {
    box-shadow: none!important;
}
.leaflet-popup-tip-container {
    box-shadow: none!important;
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUCAYAAAD/Rn+7AAAAxXpUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHjabVBRDsMgCP3nFDuCArVwHLu6ZDfY8QeiTV32EuHJI08E2uf9gocDMwNvuxQtJRlYWbEakRSoPebEPXbg1PJah8xDQCuRZYqrlNE/6/kyiFSNbTcjeQ7hWAXla4LVaDxEPhEaOYeRDiPCEOaENb6Visp+/8LR0gqJAx5E+yxuFtrPnXfb3rnZO4TYKFOySMTRQ34YqBohi2hNXnKeqfSKjElsIf/2NAFf95hZNRmr2YIAAAGFaUNDUElDQyBwcm9maWxlAAB4nH2RPUjDQBiG36ZKRSsOFhFRyFCd7KIijqWKRbBQ2gqtOphc+gdNGpIUF0fBteDgz2LVwcVZVwdXQRD8AXF2cFJ0kRK/SwotYrzjuIf3vvfl7jtAaFSYanZFAVWzjFQ8JmZzq2LgFX4M0ezDmMRMPZFezMBzfN3Dx/e7CM/yrvtz9Ct5kwE+kTjKdMMi3iCe3bR0zvvEIVaSFOJz4kmDLkj8yHXZ5TfORYcFnhkyMql54hCxWOxguYNZyVCJZ4jDiqpRvpB1WeG8xVmt1FjrnvyFwby2kuY6rVHEsYQEkhAho4YyKrAQoV0jxUSKzmMe/hHHnySXTK4yGDkWUIUKyfGD/8Hv3pqF6Sk3KRgDul9s+2McCOwCzbptfx/bdvME8D8DV1rbX20Ac5+k19ta+AgY2AYurtuavAdc7gDDT7pkSI7kpyUUCsD7GX1TDhi8BXrX3L61znH6AGSoV8s3wMEhMFGk7HWPd/d09u3fmlb/fgCXQXK15khKVgAADXZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDQuNC4wLUV4aXYyIj4KIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgIHhtbG5zOkdJTVA9Imh0dHA6Ly93d3cuZ2ltcC5vcmcveG1wLyIKICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIgogICB4bXBNTTpEb2N1bWVudElEPSJnaW1wOmRvY2lkOmdpbXA6ODAzMmU2MjEtOWZiYi00YzI1LWFjNDUtNDNkYWYwMmQxYjJkIgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmQ2MGNkZGJhLWEwNGEtNDcxMC1iMTRhLTJiYWY2OGYxMzAwOCIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmJlMDYxMDk5LTE0NzYtNDczNi1iZDEzLWRhYTc3NmY3NGVjNiIKICAgZGM6Rm9ybWF0PSJpbWFnZS9wbmciCiAgIEdJTVA6QVBJPSIyLjAiCiAgIEdJTVA6UGxhdGZvcm09IldpbmRvd3MiCiAgIEdJTVA6VGltZVN0YW1wPSIxNzExMTQ1Nzg4NjEzNTgzIgogICBHSU1QOlZlcnNpb249IjIuMTAuMzQiCiAgIHRpZmY6T3JpZW50YXRpb249IjEiCiAgIHhtcDpDcmVhdG9yVG9vbD0iR0lNUCAyLjEwIgogICB4bXA6TWV0YWRhdGFEYXRlPSIyMDI0OjAzOjIyVDIzOjE2OjI4KzAxOjAwIgogICB4bXA6TW9kaWZ5RGF0ZT0iMjAyNDowMzoyMlQyMzoxNjoyOCswMTowMCI+CiAgIDx4bXBNTTpIaXN0b3J5PgogICAgPHJkZjpTZXE+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InNhdmVkIgogICAgICBzdEV2dDpjaGFuZ2VkPSIvIgogICAgICBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmUxNzRiN2NjLTg4NjMtNGJlNy04MzRkLTFhMTU5YTZkNjkyZiIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iR2ltcCAyLjEwIChXaW5kb3dzKSIKICAgICAgc3RFdnQ6d2hlbj0iMjAyNC0wMy0yMlQyMzoxNjoyOCIvPgogICAgPC9yZGY6U2VxPgogICA8L3htcE1NOkhpc3Rvcnk+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz5J+LPEAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH6AMWFhAcQnnQAAAAAhhJREFUSMfFlW9P01AUxn/ntlthmetmsGiin1ATNQt/NIyIAyIKbtFF4+cj0bAXFDsmW9f2+AKGDNzS/WPnTXtv7z33l+ee81Sap61tRN8ADqBchvbfFVS4nlWkv0YUtL9+YM9/xqqADOa/+xQUvZ4LUb7ZSHwAJgKqgOFWyNCBMk5ImkWDKT8bpCYATT+wFS0LUgUyLDZikDqSvPWKbmgAvFIhwli1KxV7i4WjBvGWV3TDO8r/8gPHQp+DfASsBQDuI+x6xcLF0NJongYZhDWgAizdE1gPqCNS8YoPujc/3GkK72GhF0XJIbB9Jfl9xKHCzm24kc114p9nheQlsAMsz085OVLR96s3rnWkgv1YLeVD7KQmsAeEc4BLgIbGw+FS2dNP38/Y2C9A92dYkxGwnxg9eOy6f6b2z5N22zZhvKWwPoPr7gHfTczGykqhMxODBzi+OLecTvIK2J1CyVjgg1pa9QpuN80Gkzbzs+V8LBp/5bImLyaACxG+iMpeWrixFBzwyrNgE6UC5NJeq0AjytnrT5xcNM5ZZhJAx7aPgHdAJ2XN1dXI1rhwEyv4zytbFUE3RyjZA35k4u7r0sqjaJIzzDSAjmX29PKP0xmmXByG5UnhplYQ4OQssCShjFAFsjd8ruFkshtufmkeJj9B4/i/15p+0G76Qbd51vrUiWIzi7z2rAAN1BM0UpWnlmF7ybaSWeT9C8QrzxMjHjiqAAAAAElFTkSuQmCC');
    bottom: -12px;
}
.leaflet-popup-content {
    padding: 40px!important;
    margin: 0!important;
    width: auto!important;
}
.leaflet-popup-content>div>div:nth-child(1) {
    width: 205px;
}
.leaflet-popup-content>div>div:nth-child(2) {
    width: 165px;
}
.leaflet-popup-content img {
    height: 165px!important;
    width: 165px!important;
    object-fit: cover!important;
    object-position: center!important;
}

.leaflet-popup-content-wrapper .leaflet-popup-content {
}

.leaflet-popup-tip-container {
}

.info a {
    color: #29e2b6;
    font-weight: bolder;
}

.splidegallery .splide__slide {
    height: 190px;
}

.splidegallery .splide__list {
    margin-left: -0.5em!important;
    margin-right: -0.5em!important;
}

.splide__pagination__page {
    background: #eaeff2!important;
}
.splide__pagination__page.is-active {
    background: #29e2b6!important;
}

.awesomplete input {
    background: transparent;
    border-color: transparent;
}
.awesomplete input:hover {
    background: white;
    border-width: rgba(0,0,0,0);
}

.mod-finder__search .btn {
    position: relative;
    text-indent: -10000000rem;
    background-color: transparent;
    border-color: transparent;
}
.mod-finder__search .btn span {
    position: absolute;
    background: url(../images/search.png) no-repeat center center;
    top: calc(50% - 12px);
    left: 0;
    width: 24px;
    height: 24px;
    display: block;
}

.chosen-container {
    background-color: #eaeff2;
    min-height: 70px;
    border-top: 10px solid #000;
    margin-bottom: 1rem;
}
.chosen-container-multi .chosen-choices {
    background: transparent !important;
    border: 0!important;

    display: flex;
    align-items: center;
    flex-wrap: wrap;
 }
.chosen-container-active .chosen-choices {
    outline: none!important;
    box-shadow: none!important;
}
.chosen-container-multi .chosen-choices li.search-choice {
    background: #000!important;
    border: 0!important;
    color: #FFF!important;
    padding: 6px 21px 6px 6px!important;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 8px!important;
}

dd.create {
    margin-top:20px;
} 
li.page-item span {
    height: 100%;
}
li.page-item a {
    color: #29e2b6!important;
    height: 100%;
} 
li.page-item.active a {
    color: #FFFFFF!important;
    background-color: #29e2b6!important;
}
.awesomplete {
    border: 1px solid #29e2b6!important;
}

#offcanvas {
    position: fixed;
    top:0;
    left:100%;
    width:100%;
    background-color: #FFF;
    bottom: 0;
    transition: left 0.8s;
    z-index: 100;
}
#offcanvas.open {
    left: 0;
    transition: left 0.8s;
}
#offcanvas ul {
    display: block;
    list-style-type: disc;
}
#offcanvas ul li {
    display: block;
    padding: 0 16px 4px;
}

#offcanvas #closemenu {
    position: absolute;
    background-color: transparent;
    bottom:32px;
    right:16px;
    border: none;
    font-weight: bolder;
}

#openmenu {
    position: fixed;
    background-color: rgba(255,255,255,0.7);
    bottom:16px;
    right:0;
    border: none;
    font-weight: bolder;
    padding: 16px;
}