@import url(https://fonts.googleapis.com/css?family=Work+Sans:500,600);
html {
    box-sizing: border-box
}
*,
:after,
:before {
    box-sizing: inherit
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background-color: transparent
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 0;
    padding: 0
}
hr {
    box-sizing: content-box;
    height: 0
}
pre {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}
input[type=search] {
    -webkit-appearance: textfield
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto
}
optgroup {
    font-weight: 700
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
td,
th {
    padding: 0
}
address {
    font-style: normal
}
@media (min-width: 320px) {
    body:after {
        content:'{"mobile":{"value": "320px", "active": true}, "mobile-wide":{"value": "480px", "active": false}, "tablet":{"value": "768px", "active": false}, "desktop":{"value": "1024px", "active": false}, "desktop-wide":{"value": "1280px", "active": false}}';
        display: block;
        height: 0;
        overflow: hidden;
        width: 0
    }
}
@media (min-width: 480px) {
    body:after {
        content:'{"mobile":{"value": "320px", "active": true}, "mobile-wide":{"value": "480px", "active": true}, "tablet":{"value": "768px", "active": false}, "desktop":{"value": "1024px", "active": false}, "desktop-wide":{"value": "1280px", "active": false}}';
        display: block;
        height: 0;
        overflow: hidden;
        width: 0
    }
}
@media (min-width: 768px) {
    body:after {
        content:'{"mobile":{"value": "320px", "active": true}, "mobile-wide":{"value": "480px", "active": true}, "tablet":{"value": "768px", "active": true}, "desktop":{"value": "1024px", "active": false}, "desktop-wide":{"value": "1280px", "active": false}}';
        display: block;
        height: 0;
        overflow: hidden;
        width: 0
    }
}
@media (min-width: 1024px) {
    body:after {
        content:'{"mobile":{"value": "320px", "active": true}, "mobile-wide":{"value": "480px", "active": true}, "tablet":{"value": "768px", "active": true}, "desktop":{"value": "1024px", "active": true}, "desktop-wide":{"value": "1280px", "active": false}}';
        display: block;
        height: 0;
        overflow: hidden;
        width: 0
    }
}
@media (min-width: 1280px) {
    body:after {
        content:'{"mobile":{"value": "320px", "active": true}, "mobile-wide":{"value": "480px", "active": true}, "tablet":{"value": "768px", "active": true}, "desktop":{"value": "1024px", "active": true}, "desktop-wide":{"value": "1280px", "active": true}}';
        display: block;
        height: 0;
        overflow: hidden;
        width: 0
    }
}
._centered {
    text-align: center
}
._hidden {
    display: none!important
}
._screenreader {
    position: absolute!important;
    overflow: hidden!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    border: 0!important;
    clip: rect(1px, 1px, 1px, 1px)!important
}
body,
html {
    overflow-x: hidden
}
html {
    height: 100vh
}
body {
    height: 100%
}
:focus {
    outline: 1px dotted #333;
    outline-offset: -1px
}
path:focus,
svg:focus {
    outline: 0
}
html {
    background-color: #fff
}
a {
    text-decoration: none;
    color: #23a499;
    -webkit-transition: color .2s ease-out;
    transition: color .2s ease-out
}
a:hover {
    color: #7bc8c2
}
html {
    font-family: Work Sans, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: -.03em;
    line-height: 1.43;
    color: #333;
    font-size: 16px
}
@media (min-width: 768px) {
    html {
        font-size: 17px
    }
}
@media (min-width: 1024px) {
    html {
        font-size: 18px
    }
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Work Sans, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: -.03em;
    line-height: 1.43;
    color: #333;
    margin-bottom: .4em;
    line-height: 1.2
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0
}
h1 {
    font-size: 22px
}
@media (min-width: 768px) {
    h1 {
        font-size: 26px
    }
}
@media (min-width: 1024px) {
    h1 {
        font-size: 30px
    }
}
h2 {
    font-size: 20px
}
@media (min-width: 768px) {
    h2 {
        font-size: 22px
    }
}
@media (min-width: 1024px) {
    h2 {
        font-size: 26px
    }
}
h3 {
    font-size: 19px
}
@media (min-width: 768px) {
    h3 {
        font-size: 21px
    }
}
@media (min-width: 1024px) {
    h3 {
        font-size: 25px
    }
}
h4 {
    font-size: 18px
}
@media (min-width: 768px) {
    h4 {
        font-size: 20px
    }
}
@media (min-width: 1024px) {
    h4 {
        font-size: 24px
    }
}
h5 {
    font-size: 18px
}
@media (min-width: 768px) {
    h5 {
        font-size: 19px
    }
}
@media (min-width: 1024px) {
    h5 {
        font-size: 20px
    }
}
h6 {
    display: inline;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    margin: 0
}
p {
    font-size: 16px;
    line-height: 1.3;
    margin: 0 0 .8em
}
@media (min-width: 768px) {
    p {
        font-size: 17px
    }
}
@media (min-width: 1024px) {
    p {
        font-size: 18px
    }
}
@media (min-width: 768px) {
    p {
        line-height: 1.35;
        margin: 0 0 .9em
    }
}
@media (min-width: 1024px) {
    p {
        line-height: 1.4;
        margin: 0 0 1em
    }
}
p:last-child {
    margin-bottom: 0
}
ul {
    padding-left: 18px;
    font-size: 16px;
    margin-bottom: .8em
}
/*ul li{margin-bottom:.6em}*/

body,
html {
    height: 100%;
    font-weight: 500;
    overflow: hidden
}
.map-wrap {
    position: relative;
    height: 100%;
    width: 100%
}
.map-wrap embed,
.map-wrap iframe,
.map-wrap object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
._visuallyhidden {
    position: absolute;
    height: 1px!important;
    width: 1px!important;
    margin: -1px!important;
    clip: rect(0 0 0 0);
    outline: 0;
    overflow: hidden;
    border: 0;
    padding: 0
}
.gm-style-iw {
    padding: .4em 0 0 .2em
}
.gm-style-iw p {
    margin-bottom: .5em
}
.gm-style-iw a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}
.button {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}
.button::-moz-focus-inner {
    border: 0;
    padding: 0
}
.slidemenu-button {
    position: absolute;
    border: none;
    background: #196b9c;
    color: #fff;
    letter-spacing: .03em;
    border-radius: 20px;
    top: 10px;
    right: 10px;
    padding: .7em 1.4em;
    display: block;
    cursor: pointer;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    z-index: 9;
    -webkit-transition: background .2s ease-out;
    transition: background .2s ease-out;
    box-shadow: 0 1px 6px -1px rgba(0, 0, 0, .5)
}
.slidemenu-button:hover {
    background: #1f83bf
}
.info-box {
    text-align: left;
    min-height: 30px;
    bottom: 35px;
    left: 8px;
    padding: .7em 1em;
    margin: 0;
    border: none;
    color: #000;
    letter-spacing: .03em;
    border-radius: 4px;
    font-size: 14px;
    z-index: 10;
    background: rgba(240, 248, 255, .9);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.info-box,
.site-logo {
    display: block;
    position: absolute
}
.site-logo {
    bottom: 48px;
    left: 10px;
    z-index: 9
}
.site-logo .icon {
    width: 100px;
    height: auto;
    fill: rgba(0, 0, 0, .8)
}
.site-logo .icon:hover {
    fill: #000
}
@media (min-width: 450px) {
    .site-logo {
        bottom: -22px;
        right: 55px;
        left: auto
    }
    .site-logo .icon {
        width: 130px
    }
}
.slidemenu {
    position: fixed;
    overflow-y: scroll
}
.filter-checkbox:not(:checked)+.toggle {
    background-color: grey!important
}
.filter-checkbox:not(:checked)+.toggle:hover {
    background-color: #999!important
}
.filter-checkbox:not(:checked)+.toggle .icon {
    color: #f5f5f5
}
.slidemenu .close-menu {
    cursor: pointer;
    width: 100%;
    color: #fff;
    font-size: 1.4em;
    padding: .75em .5em;
    background: #196b9c
}
.slidemenu .close-menu:after {
    content: '';
    display: table;
    clear: both
}
.slidemenu .close-menu .title {
    float: left
}
.slidemenu .close-menu .icon {
    float: right;
    width: 1em;
    height: 1em;
    fill: currentColor
}
.slidemenu .menu-item {
    display: block;
    color: #f5f5f5;
    font-size: 15px;
    font-weight: 600;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
    border-bottom: 1px solid #f5f5f5;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .4);
    padding: 1em;
    background-color: #444;
    margin: 0;
    cursor: pointer;
    position: relative
}
.slidemenu .menu-item .icon {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3em;
    height: auto;
    fill: #f5f5f5;
    color: #444;
    overflow: visible
}

.menu_svg{
        width: 3em;
    float: left;
    margin-left: -42px;
}
.slidemenu .menu-item .icon.-small {
    left: .75em;
    width: 1.5em
}
.slidemenu .menu-item .icon use {
    width: 100%;
    height: 100%
}
.slidemenu .menu-item .text {
    padding-left: 2em;
    display: inline-block;
    vertical-align: middle
}
.slidemenu .menu-item:hover {
    color: #fff;
    background-color: #535353
}
.slidemenu .menu-item:active {
    background: #222
}
.bg-artGallery{
    background-color: #00b7bd
}
.bg-artGallery:hover{
    background-color: #00b7bd
}

.menu-item[for=aboriginalArtsCulture] {
    background-color: #b5232f
}
.menu-item[for=aboriginalArtsCulture]:hover {
    background-color: #b52623
}
.menu-item[for=artGallery] {
    background-color: #00b7bd
}

.menu-item[for=artGallery]:hover {
    background-color: #00a4bd
}
.menu-item[for=artsCompany] {
    background-color: #007d3c
}
.menu-item[for=artsCompany]:hover {
    background-color: #007d49
}
.menu-item[for=cinemaCommercial] {
    background-color: #1d8ece
}
.menu-item[for=cinemaCommercial]:hover {
    background-color: #1d7cce
}
.menu-item[for=cinemaIndependent] {
    background-color: #0063a2
}
.menu-item[for=cinemaIndependent]:hover {
    background-color: #0053a2
}
.menu-item[for=communityArtsGroupsPresenters] {
    background-color: #782b8d
}
.menu-item[for=communityArtsGroupsPresenters]:hover {
    background-color: #822b8d
}
.menu-item[for=festivals] {
    background-color: #f19402
}
.menu-item[for=festivals]:hover {
    background-color: #f1ac02
}
.menu-item[for=filmSocietiesFestivals] {
    background-color: #e75a12
}
.menu-item[for=filmSocietiesFestivals]:hover {
    background-color: #e76f12
}
.menu-item[for=literature] {
    background-color: #67b130
}
.menu-item[for=literature]:hover {
    background-color: #5ab130
}
.menu-item[for=museums] {
    background-color: #100249
}
.menu-item[for=museums]:hover {
    background-color: #170249
}

.menu-item[for=performingArtsCentres] {
    background-color: #f8b800
}
.menu-item[for=performingArtsCentres]:hover {
    background-color: #f8d100
}
.menu-item[for=publicArt] {
    background-color: #e96186
}
.menu-item[for=publicArt]:hover {
    background-color: #e96178
}
.menu-item[for=venues] {
    background-color: #67b130
}
.menu-item[for=venues]:hover {
    background-color: #5ab130
}
.menu-item[for=musicVenues] {
    background-color: #ef2e5c
}
.menu-item[for=musicVenues]:hover {
    background-color: #ef2e49
}





/*CHANGE LOOOOOOOOOOOOOP */


.menu-item[for=art1] {
    background-color: #b5232f
}
.menu-item[for=art1]:hover {
    background-color: #b52623
}
.menu-item[for=art2] {
    background-color: #00b7bd
}

.menu-item[for=art2]:hover {
    background-color: #00a4bd
}
.menu-item[for=art3] {
    background-color: #007d3c
}
.menu-item[for=art3]:hover {
    background-color: #007d49
}
.menu-item[for=art4] {
    background-color: #1d8ece
}
.menu-item[for=art4]:hover {
    background-color: #1d7cce
}
.menu-item[for=art5] {
    background-color: #0063a2
}
.menu-item[for=art5]:hover {
    background-color: #0053a2
}
.menu-item[for=art6] {
    background-color: #782b8d
}
.menu-item[for=art6]:hover {
    background-color: #822b8d
}
.menu-item[for=art7] {
    background-color: #f19402
}
.menu-item[for=art7]:hover {
    background-color: #f1ac02
}
.menu-item[for=art8] {
    background-color: #e75a12
}
.menu-item[for=art8]:hover {
    background-color: #e76f12
}
.menu-item[for=art9] {
    background-color: #67b130
}
.menu-item[for=art9]:hover {
    background-color: #5ab130
}
.menu-item[for=art10] {
    background-color: #100249
}
.menu-item[for=art10]:hover {
    background-color: #170249
}

.menu-item[for=art11] {
    background-color: #f8b800
}
.menu-item[for=art11]:hover {
    background-color: #f8d100
}
.menu-item[for=art12] {
    background-color: #e96186
}
.menu-item[for=art12]:hover {
    background-color: #e96178
}
.menu-item[for=art13] {
    background-color: #67b130
}
.menu-item[for=art13]:hover {
    background-color: #5ab130
}
.menu-item[for=art14] {
    background-color: #ef2e5c
}
.menu-item[for=art14]:hover {
    background-color: #ef2e49
}







/*CHANGE LOOOOOOOOOOOOOP2 */


.menu-item[for=art01] {
    background-color: #b5232f
}
.menu-item[for=art01]:hover {
    background-color: #b52623
}
.menu-item[for=art21] {
    background-color: #00b7bd
}

.menu-item[for=art21]:hover {
    background-color: #00a4bd
}
.menu-item[for=art31] {
    background-color: #007d3c
}
.menu-item[for=art31]:hover {
    background-color: #007d49
}
.menu-item[for=art41] {
    background-color: #1d8ece
}
.menu-item[for=art41]:hover {
    background-color: #1d7cce
}
.menu-item[for=art51] {
    background-color: #0063a2
}
.menu-item[for=art51]:hover {
    background-color: #0053a2
}
.menu-item[for=art61] {
    background-color: #782b8d
}
.menu-item[for=art61]:hover {
    background-color: #822b8d
}
.menu-item[for=art71] {
    background-color: #f19402
}
.menu-item[for=art71]:hover {
    background-color: #f1ac02
}
.menu-item[for=art81] {
    background-color: #e75a12
}
.menu-item[for=art81]:hover {
    background-color: #e76f12
}
.menu-item[for=art91] {
    background-color: #67b130
}
.menu-item[for=art91]:hover {
    background-color: #5ab130
}
.menu-item[for=art101] {
    background-color: #100249
}
.menu-item[for=art101]:hover {
    background-color: #170249
}

.menu-item[for=art111] {
    background-color: #f8b800
}
.menu-item[for=art111]:hover {
    background-color: #f8d100
}
.menu-item[for=art121] {
    background-color: #e96186
}
.menu-item[for=art121]:hover {
    background-color: #e96178
}
.menu-item[for=art131] {
    background-color: #67b130
}
.menu-item[for=art131]:hover {
    background-color: #5ab130
}
.menu-item[for=art141] {
    background-color: #ef2e5c
}
.menu-item[for=art141]:hover {
    background-color: #ef2e49
}








/*CHANGE LOOOOOOOOOOOOOP3 */


.menu-item[for=art001] {
    background-color: #b5232f
}
.menu-item[for=art001]:hover {
    background-color: #b52623
}
.menu-item[for=art210] {
    background-color: #00b7bd
}

.menu-item[for=art210]:hover {
    background-color: #00a4bd
}
.menu-item[for=art310] {
    background-color: #007d3c
}
.menu-item[for=art310]:hover {
    background-color: #007d49
}
.menu-item[for=art410] {
    background-color: #1d8ece
}
.menu-item[for=art410]:hover {
    background-color: #1d7cce
}
.menu-item[for=art510] {
    background-color: #0063a2
}
.menu-item[for=art510]:hover {
    background-color: #0053a2
}
.menu-item[for=art610] {
    background-color: #782b8d
}
.menu-item[for=art610]:hover {
    background-color: #822b8d
}
.menu-item[for=art710] {
    background-color: #f19402
}
.menu-item[for=art710]:hover {
    background-color: #f1ac02
}

.menu-item[for=art810] {
    background-color: #e96186
}
.menu-item[for=art810]:hover {
    background-color: #e96178
}
.menu-item[for=art910] {
    background-color: #67b130
}
.menu-item[for=art910]:hover {
    background-color: #5ab130
}
.menu-item[for=art1010] {
    background-color: #ef2e5c
}
.menu-item[for=art1010]:hover {
    background-color: #ef2e49
}
.slidemenu-vertical {
    width: 300px;
    height: 100%;
    top: 0;
    z-index: 1000
}
.slidemenu-right {
    right: -300px
}
.slidemenu-right.slidemenu-open {
    right: 0
}
.slidemenu {
    font-size: 14px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}
@media screen and (max-height: 26.375em) {
    .slidemenu-vertical {
        font-size: 90%;
        width: 190px
    }
    .slidemenu-right {
        right: -190px
    }
}
.filter-heading {
    font-family: Work Sans, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: -.03em;
    line-height: 1.43;
    color: #444;
    background: #ccc;
    padding: .35em .75em;
    font-size: 1em;
    text-align: left;
    text-transform: uppercase;
    margin: 0
}

.panel{
    margin-bottom: 0px;
}