/*= Photo Gallery
-----------------------------*/
.top-margin {
    margin-top: 160px;
}
#photo-gallery .maximum {
    width: calc(100% + 50px);
    max-width: 1420px;
    position: relative;
}
ul.button-group {
    margin: 2em auto;
}
ul.button-group li {
    display: inline-block;
    color: var(--main-dark);
    font-weight: 500;
    text-transform: uppercase;
    margin-right: 1em;
    position: relative;
    font-size: 11px;
    cursor: pointer;
    opacity: 0.8;
    padding: 2px 4px;
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
}
ul.button-group li:hover {
    opacity: 1;
}
ul.button-group li.is-checked {
    margin-left: 50px;
    font-weight: 800;
}
ul.button-group li.is-checked:before {
    position: absolute;
    left: -50px;
    top: 5px;
    width: 40px;
    height: 1px;
    box-sizing: border-box;
    background: var(--main-dark);
    content: "";
}
.gallery-container .image {
    float: left;
    height: 370px;
    margin: 25px;
    overflow: hidden;
    box-sizing: border-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.gallery-container .image a {
    height: 100%;
    display: block;
    transition: all 0.4s;
    background: rgba(118, 112, 104, 0.005);
    mix-blend-mode: hard-light;
}
.gallery-container .image a:hover {
    background: rgba(118, 112, 104, 0.85);
}
.ngg-navigation {
    display: none !important;
}
.sl-overlay {
    opacity: 1 !important;
}
.element-item {
    float: left;
}
.grid:after {
    content: '';
    display: block;
    clear: both;
}
.grid-sizer, .gallery-container .image {
    width: calc(2% - 18px);
    box-sizing: border-box;
}
.gallery-container .image, .gallery-container .element-item:nth-child(2) {
    width: calc(43% - 50px);
}
.gallery-container .element-item:nth-child(3), .gallery-container .element-item:nth-child(7), .gallery-container .image:nth-child(8), .gallery-container .image:nth-child(12), .gallery-container .image:nth-child(15), .gallery-container .image:nth-child(17), .gallery-container .image:nth-child(22), .gallery-container .image:nth-child(24), .gallery-container .image:nth-child(26), .gallery-container .image:nth-child(31), .gallery-container .image:nth-child(32), .gallery-container .image:nth-child(37), .gallery-container .image:nth-child(40), .gallery-container .image:nth-child(42), .gallery-container .image:nth-child(44), .gallery-container .image:nth-child(45), .gallery-container .image:nth-child(51), .gallery-container .image:nth-child(52), .gallery-container .image:nth-child(47), .gallery-container .image:nth-child(49), .gallery-container .image:nth-child(54), .gallery-container .image:nth-child(56), .gallery-container .image:nth-child(60), .gallery-container .image:nth-child(61), .gallery-container .image:nth-child(66), .gallery-container .image:nth-child(67), .gallery-container .image:nth-child(71), .gallery-container .image:nth-child(75), .gallery-container .image:nth-child(76), .gallery-container .image:nth-child(81) {
    width: calc(25% - 50px);
}
.gallery-container .element-item:nth-child(4), .gallery-container .element-item:nth-child(5), .gallery-container .image:nth-child(10), .gallery-container .image:nth-child(11), .gallery-container .image:nth-child(16), .gallery-container .image:nth-child(19), .gallery-container .image:nth-child(20), .gallery-container .image:nth-child(25), .gallery-container .image:nth-child(28), .gallery-container .image:nth-child(29), .gallery-container .image:nth-child(33), .gallery-container .image:nth-child(36), .gallery-container .image:nth-child(38), .gallery-container .image:nth-child(43), .gallery-container .image:nth-child(46), .gallery-container .image:nth-child(50), .gallery-container .image:nth-child(53), .gallery-container .image:nth-child(57), .gallery-container .image:nth-child(58), .gallery-container .image:nth-child(63), .gallery-container .image:nth-child(65), .gallery-container .image:nth-child(69), .gallery-container .image:nth-child(70), .gallery-container .image:nth-child(74), .gallery-container .image:nth-child(78), .gallery-container .image:nth-child(80) {
    width: calc(32% - 50px);
}
@media screen and (max-width:1520px) {
    #photo-gallery .maximum {
        margin-left: -25px;
    }
}
@media screen and (max-width:1380px) {
    .gallery-container .image {
        height: 320px;
    }
}
@media screen and (max-width:1180px) {
    .gallery-container .image {
        height: 260px;
    }
}
@media screen and (max-width:1024px) {
    #photo-gallery .maximum {
        width: calc(100% + 30px);
        margin-left: -15px;
    }
    .gallery-container .image {
        height: 230px;
        margin: 15px;
    }
    .gallery-container .image, .gallery-container .element-item:nth-child(2) {
        width: calc(43% - 30px);
    }
    .gallery-container .element-item:nth-child(3), .gallery-container .element-item:nth-child(7), .gallery-container .image:nth-child(8), .gallery-container .image:nth-child(12), .gallery-container .image:nth-child(15), .gallery-container .image:nth-child(17), .gallery-container .image:nth-child(22), .gallery-container .image:nth-child(24), .gallery-container .image:nth-child(26), .gallery-container .image:nth-child(31), .gallery-container .image:nth-child(32), .gallery-container .image:nth-child(37), .gallery-container .image:nth-child(40), .gallery-container .image:nth-child(42), .gallery-container .image:nth-child(44), .gallery-container .image:nth-child(45), .gallery-container .image:nth-child(51), .gallery-container .image:nth-child(52), .gallery-container .image:nth-child(47), .gallery-container .image:nth-child(49), .gallery-container .image:nth-child(54), .gallery-container .image:nth-child(56), .gallery-container .image:nth-child(60), .gallery-container .image:nth-child(61), .gallery-container .image:nth-child(66), .gallery-container .image:nth-child(67), .gallery-container .image:nth-child(71), .gallery-container .image:nth-child(75), .gallery-container .image:nth-child(76), .gallery-container .image:nth-child(81) {
        width: calc(25% - 30px);
    }
    .gallery-container .element-item:nth-child(4), .gallery-container .element-item:nth-child(5), .gallery-container .image:nth-child(10), .gallery-container .image:nth-child(11), .gallery-container .image:nth-child(16), .gallery-container .image:nth-child(19), .gallery-container .image:nth-child(20), .gallery-container .image:nth-child(25), .gallery-container .image:nth-child(28), .gallery-container .image:nth-child(29), .gallery-container .image:nth-child(33), .gallery-container .image:nth-child(36), .gallery-container .image:nth-child(38), .gallery-container .image:nth-child(43), .gallery-container .image:nth-child(46), .gallery-container .image:nth-child(50), .gallery-container .image:nth-child(53), .gallery-container .image:nth-child(57), .gallery-container .image:nth-child(58), .gallery-container .image:nth-child(63), .gallery-container .image:nth-child(65), .gallery-container .image:nth-child(69), .gallery-container .image:nth-child(70), .gallery-container .image:nth-child(74), .gallery-container .image:nth-child(78), .gallery-container .image:nth-child(80) {
        width: calc(32% - 30px);
    }
}
@media screen and (max-width:680px) {
    #photo-gallery .maximum {
        width: calc(100% + 20px);
        margin-left: -10px;
    }
    .gallery-container .image {
        height: 250px;
    }
    .grid-sizer, .gallery-container .image {
        margin: 10px;
    }
    .gallery-container .image, .gallery-container .element-item:nth-child(2) {
        width: calc(58% - 20px) !important;
    }
    .gallery-container .element-item:nth-child(3), .gallery-container .element-item:nth-child(4), .gallery-container .element-item:nth-child(7), .gallery-container .element-item:nth-child(8), .gallery-container .element-item:nth-child(11), .gallery-container .element-item:nth-child(12), .gallery-container .element-item:nth-child(15), .gallery-container .element-item:nth-child(16), .gallery-container .element-item:nth-child(19), .gallery-container .element-item:nth-child(20), .gallery-container .element-item:nth-child(23), .gallery-container .element-item:nth-child(24), .gallery-container .element-item:nth-child(27), .gallery-container .element-item:nth-child(28), .gallery-container .element-item:nth-child(31), .gallery-container .element-item:nth-child(32), .gallery-container .element-item:nth-child(35), .gallery-container .element-item:nth-child(36), .gallery-container .element-item:nth-child(39), .gallery-container .element-item:nth-child(40), .gallery-container .element-item:nth-child(43), .gallery-container .element-item:nth-child(44), .gallery-container .element-item:nth-child(47), .gallery-container .element-item:nth-child(48), .gallery-container .element-item:nth-child(51), .gallery-container .element-item:nth-child(52), .gallery-container .element-item:nth-child(55), .gallery-container .element-item:nth-child(56), .gallery-container .element-item:nth-child(59), .gallery-container .element-item:nth-child(60), .gallery-container .element-item:nth-child(63), .gallery-container .element-item:nth-child(64), .gallery-container .element-item:nth-child(67), .gallery-container .element-item:nth-child(68), .gallery-container .element-item:nth-child(71), .gallery-container .element-item:nth-child(72), .gallery-container .element-item:nth-child(75), .gallery-container .element-item:nth-child(76) {
        width: calc(42% - 20px) !important;
    }
    .room-gallery .element-item:nth-child(9) {
        display: none;
    }
}
@media screen and (max-width:540px) {
    .gallery-container .image {
        height: 210px;
    }
    ul.button-group li.is-checked {
        margin-left: 32px;
    }
    ul.button-group li {
        margin-right: 0.25em;
    }
    ul.button-group li.is-checked:before {
        left: -30px;
        width: 25px;
    }
    ul.button-group {
        margin: 1em auto;
    }
}
@media screen and (max-width:420px) {
    .gallery-container .image {
        height: 180px;
    }
}
/*= Photo Gallery Rooms
-----------------------------*/
#photo-gallery.room-gallery .image:nth-of-type(1n+10) {
    display: none;
}