.ninejsection-pages-module .icons {
    margin-bottom: 10px;
}
.ninejsection-pages-module .icons img {
    max-height: 70px;
    width: auto;
    display: inline-block;
    margin: 0 15px 0 0;
}

/* snakegrid */
.ninejsection-pages-snakegrid-module {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0;
    background-color: #f3f3f3;
    padding: 0;
}
.ninejsection-pages-snakegrid-module>div {
    position: relative;
}
.ninejsection-pages-snakegrid-module>div:nth-child(odd) {
    padding-bottom: 100%;
}
.ninejsection-pages-snakegrid-module .row {
    height: 100%;
}
.ninejsection-pages-snakegrid-module .image-link {
    background: no-repeat center center scroll;
    background-size: cover;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.ninejsection-pages-snakegrid-module .item1 {
    grid-area: 1 / 1 / 2 / 2;
}
.ninejsection-pages-snakegrid-module .item2 {
    grid-area: 1 / 2 / 2 / 3;
}
.ninejsection-pages-snakegrid-module .item3 {
    grid-area: 1 / 3 / 2 / 4;
}
.ninejsection-pages-snakegrid-module .item4 {
    grid-area: 2 / 3 / 3 / 4;
}
.ninejsection-pages-snakegrid-module .item5 {
    grid-area: 2 / 2 / 3 / 3;
}
.ninejsection-pages-snakegrid-module .item6 {
    grid-area: 2 / 1 / 3 / 2;
}
.ninejsection-pages-snakegrid-module .item7 {
    grid-area: 3 / 1 / 4 / 2;
}
.ninejsection-pages-snakegrid-module .item8 {
    grid-area: 3 / 2 / 4 / 3;
}
.ninejsection-pages-snakegrid-module .item9 {
    grid-area: 3 / 3 / 4 / 4;
}

@media (max-width: 1000px) {
    .ninejsection-pages-snakegrid-module {
        grid-template-columns: repeat(2, 1fr);
    }
    .ninejsection-pages-snakegrid-module .item1 {
        grid-area: 1 / 1 / 2 / 2;
    }
    .ninejsection-pages-snakegrid-module .item2 {
        grid-area: 1 / 2 / 2 / 3;
    }
    .ninejsection-pages-snakegrid-module .item3 {
        grid-area: 2 / 2 / 3 / 3;
    }
    .ninejsection-pages-snakegrid-module .item4 {
        grid-area: 2 / 1 / 3 / 2;
    }
    .ninejsection-pages-snakegrid-module .item5 {
        grid-area: 3 / 1 / 4 / 2;
    }
    .ninejsection-pages-snakegrid-module .item6 {
        grid-area: 3 / 2 / 4 / 3;
    }
    .ninejsection-pages-snakegrid-module .item7 {
        grid-area: 4 / 2 / 5 / 3;
    }
    .ninejsection-pages-snakegrid-module .item8 {
        grid-area: 4 / 1 / 5 / 2;
    }
    .ninejsection-pages-snakegrid-module .item9 {
        display: none;
    }
}

@media (max-width: 600px) {
    .ninejsection-pages-snakegrid-module {
        grid-template-columns: repeat(1, 1fr);
        ;
    }
    .ninejsection-pages-snakegrid-module .item1 {
        grid-area: 1 / 1 / 2 / 2;
    }
    .ninejsection-pages-snakegrid-module .item2 {
        grid-area: 2 / 1 / 3 / 2;
    }
    .ninejsection-pages-snakegrid-module .item3 {
        grid-area: 3 / 1 / 4 / 2;
    }
    .ninejsection-pages-snakegrid-module .item4 {
        grid-area: 4 / 1 / 5 / 2;
    }
    .ninejsection-pages-snakegrid-module .item5 {
        grid-area: 5 / 1 / 6 / 2;
    }
    .ninejsection-pages-snakegrid-module .item6 {
        grid-area: 6 / 1 / 7 / 2;
    }
    .ninejsection-pages-snakegrid-module .item7 {
        grid-area: 7 / 1 / 8 / 2;
    }
    .ninejsection-pages-snakegrid-module .item8 {
        grid-area: 8 / 1 / 9 / 2;
    }
    .ninejsection-pages-snakegrid-module .item9 {
        display: none;
    }
}

/* offcanvas */
.ninejsection-pages-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1100;
    background: rgba(255, 255, 255, 0.95);
    -webkit-backdrop-filter: blur(4px) contrast(.8);
    backdrop-filter: blur(4px) contrast(.8);
    display: none;
}
.ninejsection-pages-offcanvas {
    position: fixed;
    width: 100%;
    height: 100%;
    top: -100%;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1100;
    background: none;
    overflow: auto;
    padding-bottom: 0;
    transition: all 0.3s linear;
}
.ninejsection-pages-offcanvas>.row {
    height: 100%;
}
.ninejsection-pages-offcanvas>.row>div {
    height: 100%;
}
.ninejsection-pages-offcanvas.open {
    top: 0;
}
.ninejsection-pages-offcanvas .icons {
    margin-bottom: 10px;
}
.ninejsection-pages-offcanvas .empty-icons {
    height: 40px;
    margin-bottom: 10px;
}
.ninejsection-pages-offcanvas .icons img {
    max-height: 40px;
    width: auto;
    display: inline-block;
    margin: 0 10px 0 0;
}
.ninejsection-pages-offcanvas .grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 0;
    background-color: #f3f3f3;
    padding: 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    min-height: 100%;
}
.ninejsection-pages-offcanvas .grid>div {
    position: relative;
    transition: all 0.1s linear;
    box-shadow: 0 0 0 100px #f3f3f3 inset;
}
.ninejsection-pages-offcanvas .grid>div:nth-child(odd) {
    padding-bottom: 100%;
}
.ninejsection-pages-offcanvas .grid>div:hover {
    background: #FFF;
    box-shadow: 0 0 0 0 #f3f3f3 inset;
}
.ninejsection-pages-offcanvas .grid .row {
    height: 100%;
}
.ninejsection-pages-offcanvas .grid .image-link {
    background: no-repeat center center scroll;
    background-size: cover;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.ninejsection-pages-offcanvas .grid .main-link {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.ninejsection-pages-offcanvas .grid .active {
    background: #FFF;
    box-shadow: 0 0 0 0 #f3f3f3 inset;
}
.ninejsection-pages-offcanvas .grid .item1 {
    grid-area: 1 / 1 / 2 / 2;
}
.ninejsection-pages-offcanvas .grid .item2 {
    grid-area: 1 / 2 / 2 / 3;
}
.ninejsection-pages-offcanvas .grid .item3 {
    grid-area: 1 / 3 / 2 / 4;
}
.ninejsection-pages-offcanvas .grid .item4 {
    grid-area: 1 / 4 / 2 / 5;
}
.ninejsection-pages-offcanvas .grid .item5 {
    grid-area: 1 / 5 / 2 / 6;
}
.ninejsection-pages-offcanvas .grid .item6 {
    grid-area: 1 / 6 / 2 / 7;
}
.ninejsection-pages-offcanvas .grid .item7 {
    grid-area: 2 / 2 / 3 / 3;
}
.ninejsection-pages-offcanvas .grid .item8 {
    grid-area: 2 / 1 / 3 / 2;
}
.ninejsection-pages-offcanvas .grid .item9 {
    grid-area: 2 / 4 / 3 / 5;
}
.ninejsection-pages-offcanvas .grid .item10 {
    grid-area: 2 / 3 / 3 / 4;
}
.ninejsection-pages-offcanvas .grid .item11 {
    grid-area: 2 / 6 / 3 / 7;
}
.ninejsection-pages-offcanvas .grid .item12 {
    grid-area: 2 / 5 / 3 / 6;
}
.ninejsection-pages-offcanvas .grid .item13 {
    grid-area: 3 / 1 / 4 / 2;
}
.ninejsection-pages-offcanvas .grid .item14 {
    grid-area: 3 / 2 / 4 / 3;
}
.ninejsection-pages-offcanvas .grid .item15 {
    grid-area: 3 / 3 / 4 / 4;
}
.ninejsection-pages-offcanvas .grid .item16 {
    grid-area: 3 / 4 / 4 / 5;
}
.ninejsection-pages-offcanvas .grid .item17 {
    grid-area: 3 / 5 / 4 / 6;
}
.ninejsection-pages-offcanvas .grid .item18 {
    grid-area: 3 / 6 / 4 / 7;
}
.ninejsection-pages-offcanvas .grid .item19 {
    grid-area: 4 / 2 / 5 / 3;
}
.ninejsection-pages-offcanvas .grid .item20 {
    grid-area: 4 / 1 / 5 / 2;
}
.ninejsection-pages-offcanvas .grid .item21 {
    grid-area: 4 / 4 / 5 / 5;
}
.ninejsection-pages-offcanvas .grid .item22 {
    grid-area: 4 / 3 / 5 / 4;
}
.ninejsection-pages-offcanvas .grid .item23 {
    grid-area: 4 / 6 / 5 / 7;
}
.ninejsection-pages-offcanvas .grid .item24 {
    grid-area: 4 / 5 / 5 / 6;
}
.ninejsection-pages-offcanvas .grid .item25 {
    grid-area: 5 / 1 / 6 / 2;
}
.ninejsection-pages-offcanvas .grid .item26 {
    grid-area: 5 / 2 / 6 / 3;
}
.ninejsection-pages-offcanvas .grid .item27 {
    grid-area: 5 / 3 / 6 / 4;
}
.ninejsection-pages-offcanvas .grid .item28 {
    grid-area: 5 / 4 / 6 / 5;
}
.ninejsection-pages-offcanvas .grid .item29 {
    grid-area: 5 / 5 / 6 / 6;
}
.ninejsection-pages-offcanvas .grid .item30 {
    grid-area: 5 / 6 / 6 / 7;
}

@media (max-width: 1500px) {
    .ninejsection-pages-offcanvas .grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .ninejsection-pages-offcanvas .grid .item1 {
        grid-area: 1 / 1 / 2 / 2;
    }
    .ninejsection-pages-offcanvas .grid .item2 {
        grid-area: 1 / 2 / 2 / 3;
    }
    .ninejsection-pages-offcanvas .grid .item3 {
        grid-area: 1 / 3 / 2 / 4;
    }
    .ninejsection-pages-offcanvas .grid .item4 {
        grid-area: 1 / 4 / 2 / 5;
    }
    .ninejsection-pages-offcanvas .grid .item5 {
        grid-area: 2 / 2 / 3 / 3;
    }
    .ninejsection-pages-offcanvas .grid .item6 {
        grid-area: 2 / 1 / 3 / 2;
    }
    .ninejsection-pages-offcanvas .grid .item7 {
        grid-area: 2 / 4 / 3 / 5;
    }
    .ninejsection-pages-offcanvas .grid .item8 {
        grid-area: 2 / 3 / 3 / 4;
    }
    .ninejsection-pages-offcanvas .grid .item9 {
        grid-area: 3 / 1 / 4 / 2;
    }
    .ninejsection-pages-offcanvas .grid .item10 {
        grid-area: 3 / 2 / 4 / 3;
    }
    .ninejsection-pages-offcanvas .grid .item11 {
        grid-area: 3 / 3 / 4 / 4;
    }
    .ninejsection-pages-offcanvas .grid .item12 {
        grid-area: 3 / 4 / 4 / 5;
    }
    .ninejsection-pages-offcanvas .grid .item13 {
        grid-area: 4 / 2 / 5 / 3;
    }
    .ninejsection-pages-offcanvas .grid .item14 {
        grid-area: 4 / 1 / 5 / 2;
    }
    .ninejsection-pages-offcanvas .grid .item15 {
        grid-area: 4 / 4 / 5 / 5;
    }
    .ninejsection-pages-offcanvas .grid .item16 {
        grid-area: 4 / 3 / 5 / 4;
    }
    .ninejsection-pages-offcanvas .grid .item17 {
        grid-area: 5 / 1 / 6 / 2;
    }
    .ninejsection-pages-offcanvas .grid .item18 {
        grid-area: 5 / 2 / 6 / 3;
    }
    .ninejsection-pages-offcanvas .grid .item19 {
        grid-area: 5 / 3 / 6 / 4;
    }
    .ninejsection-pages-offcanvas .grid .item20 {
        grid-area: 5 / 4 / 6 / 5;
    }
    .ninejsection-pages-offcanvas .grid .item21 {
        grid-area: 6 / 2 / 7 / 3;
    }
    .ninejsection-pages-offcanvas .grid .item22 {
        grid-area: 6 / 1 / 7 / 2;
    }
    .ninejsection-pages-offcanvas .grid .item23 {
        grid-area: 6 / 4 / 7 / 5;
    }
    .ninejsection-pages-offcanvas .grid .item24 {
        grid-area: 6 / 3 / 7 / 4;
    }
    .ninejsection-pages-offcanvas .grid .item25 {
        grid-area: 7 / 1 / 8 / 2;
    }
    .ninejsection-pages-offcanvas .grid .item26 {
        grid-area: 7 / 2 / 8 / 3;
    }
    .ninejsection-pages-offcanvas .grid .item27 {
        grid-area: 7 / 3 / 8 / 4;
    }
    .ninejsection-pages-offcanvas .grid .item28 {
        grid-area: 7 / 4 / 8 / 5;
    }
    .ninejsection-pages-offcanvas .grid .item29 {
        grid-area: 8 / 2 / 9 / 3;
    }
    .ninejsection-pages-offcanvas .grid .item30 {
        grid-area: 8 / 1 / 9 / 2;
    }
}

@media (max-width: 600px) {
    .ninejsection-pages-offcanvas .grid {
        grid-template-columns: repeat(2, 1fr);
        ;
    }
    .ninejsection-pages-offcanvas .grid .item1 {
        grid-area: 1 / 1 / 2 / 2;
    }
    .ninejsection-pages-offcanvas .grid .item2 {
        grid-area: 1 / 2 / 2 / 3;
    }
    .ninejsection-pages-offcanvas .grid .item3 {
        grid-area: 2 / 2 / 3 / 3;
    }
    .ninejsection-pages-offcanvas .grid .item4 {
        grid-area: 2 / 1 / 3 / 2;
    }
    .ninejsection-pages-offcanvas .grid .item5 {
        grid-area: 3 / 1 / 4 / 2;
    }
    .ninejsection-pages-offcanvas .grid .item6 {
        grid-area: 3 / 2 / 4 / 3;
    }
    .ninejsection-pages-offcanvas .grid .item7 {
        grid-area: 4 / 2 / 5 / 3;
    }
    .ninejsection-pages-offcanvas .grid .item8 {
        grid-area: 4 / 1 / 5 / 2;
    }
    .ninejsection-pages-offcanvas .grid .item9 {
        grid-area: 5 / 1 / 6 / 2;
    }
    .ninejsection-pages-offcanvas .grid .item10 {
        grid-area: 5 / 2 / 6 / 3;
    }
    .ninejsection-pages-offcanvas .grid .item11 {
        grid-area: 6 / 2 / 7 / 3;
    }
    .ninejsection-pages-offcanvas .grid .item12 {
        grid-area: 6 / 1 / 7 / 2;
    }
    .ninejsection-pages-offcanvas .grid .item13 {
        grid-area: 7 / 1 / 8 / 2;
    }
    .ninejsection-pages-offcanvas .grid .item14 {
        grid-area: 7 / 2 / 8 / 3;
    }
    .ninejsection-pages-offcanvas .grid .item15 {
        grid-area: 8 / 2 / 9 / 3;
    }
    .ninejsection-pages-offcanvas .grid .item16 {
        grid-area: 8 / 1 / 9 / 2;
    }
    .ninejsection-pages-offcanvas .grid .item17 {
        grid-area: 9 / 1 / 10 / 2;
    }
    .ninejsection-pages-offcanvas .grid .item18 {
        grid-area: 9 / 2 / 10 / 3;
    }
    .ninejsection-pages-offcanvas .grid .item19 {
        grid-area: 10 / 2 / 11 / 3;
    }
    .ninejsection-pages-offcanvas .grid .item20 {
        grid-area: 10 / 1 / 11 / 2;
    }
    .ninejsection-pages-offcanvas .grid .item21 {
        grid-area: 11 / 1 / 12 / 2;
    }
    .ninejsection-pages-offcanvas .grid .item22 {
        grid-area: 11 / 2 / 12 / 3;
    }
    .ninejsection-pages-offcanvas .grid .item23 {
        grid-area: 12 / 2 / 13 / 3;
    }
    .ninejsection-pages-offcanvas .grid .item24 {
        grid-area: 12 / 1 / 13 / 2;
    }
    .ninejsection-pages-offcanvas .grid .item25 {
        grid-area: 13 / 1 / 14 / 2;
    }
    .ninejsection-pages-offcanvas .grid .item26 {
        grid-area: 13 / 2 / 14 / 3;
    }
    .ninejsection-pages-offcanvas .grid .item27 {
        grid-area: 14 / 2 / 15 / 3;
    }
    .ninejsection-pages-offcanvas .grid .item28 {
        grid-area: 14 / 1 / 15 / 2;
    }
    .ninejsection-pages-offcanvas .grid .item29 {
        grid-area: 15 / 1 / 16 / 2;
    }
    .ninejsection-pages-offcanvas .grid .item30 {
        grid-area: 15 / 2 / 16 / 3;
    }
}