.gallery{display:flex;justify-content:space-between;margin:30px 0 40px}.gallery #g-main{border-radius:10px;height:630px;overflow:hidden;width:840px}.gallery #g-main .g-main-img-con{align-items:center;background-color:#333;display:flex;height:630px;justify-content:center;width:840px}.gallery #g-main .g-main-img{max-height:100%;max-width:100%}.gallery #g-main .g-main-arrow{align-items:center;background-color:#fff;border:none;border-radius:50%;bottom:20px;display:flex;height:50px;justify-content:center;opacity:.7;position:absolute;transition:.2s ease-in-out;width:50px;z-index:1}.gallery #g-main .g-main-arrow:hover{opacity:1}.gallery #g-main .g-main-arrow.prev{left:20px;transform:rotateY(180deg)}.gallery #g-main .g-main-arrow.next{right:20px}.gallery #g-main .g-main-arrow svg{height:25px;width:25px}.gallery #g-main .g-main-arrow svg path{fill:#8c6842}.gallery #g-side{flex:1;height:630px;margin-left:20px;padding:45px 0;width:100px}.gallery #g-side .g-side-arrow{align-items:center;background-color:#ddd;border:none;border-radius:5px;color:#8c6842;display:flex;height:35px;justify-content:center;position:absolute;right:0;transition:.2s ease-in-out;width:100%}.gallery #g-side .g-side-arrow:hover{background-color:#ccc}.gallery #g-side .g-side-arrow.prev{top:0}.gallery #g-side .g-side-arrow.prev svg{transform:rotate(-90deg)}.gallery #g-side .g-side-arrow.next{bottom:0}.gallery #g-side .g-side-arrow.next svg{transform:rotate(90deg)}.gallery #g-side .g-side-arrow svg{height:16px;width:16px}.gallery #g-side .g-side-arrow svg path{fill:#8c6842}.gallery #g-side .g-side-img{border-radius:5px;cursor:pointer;filter:brightness(.5);height:75px;-o-object-fit:cover;object-fit:cover;opacity:.8;transition:.2s ease-in-out;width:100px}.gallery #g-side .g-side-img:hover{filter:brightness(.7);opacity:.9}.gallery #g-side .splide__slide.is-active .g-side-img{filter:brightness(1);opacity:1}.gallery #gallery-close{display:none}.main-panel .gallery{order:50}.g-noscroll{overflow:hidden}#gallery.full{background-color:rgba(0,0,0,.95);height:100vh;left:0;margin:0;position:fixed;top:0;width:100vw;z-index:11}#gallery.full #g-main{height:auto;width:auto}#gallery.full #g-main .splide__track{height:100%;width:100%}#gallery.full #g-main .splide__slide{align-items:center;display:flex;justify-content:center}#gallery.full #g-main .g-main-img-con{background-color:transparent;height:100vh;width:100vw}#gallery.full #g-main .g-main-img{height:100%;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;width:100%}#gallery.full #g-side{margin:120px 30px 30px}#gallery.full #gallery-close{align-items:center;background-color:#8c6842;border:none;border-radius:60px;-ms-box-shadow:0 2px 10px -5px rgba(0,0,0,.4);-o-box-shadow:0 2px 10px -5px rgba(0,0,0,.4);box-shadow:0 2px 10px -5px rgba(0,0,0,.4);color:#fff;display:flex;font-weight:500;justify-content:flex-start;padding:10px;position:fixed;right:20px;top:30px;transition:.2s ease-in-out;width:100px;z-index:10}#gallery.full #gallery-close .icon{background-color:#fff;border-radius:50%;color:#8c6842;height:15px;padding:5px;transition:.2s ease-in-out;width:15px}#gallery.full #gallery-close span{flex:1;font-size:1.4rem}@media only screen and (min-width:768px){#g-main .g-main-img-con{cursor:zoom-in}#gallery.full #g-main .g-main-img-con{cursor:default}#gallery.full #g-main .g-main-img{height:auto;width:auto}#gallery.full #gallery-close{width:120px}#gallery.full #gallery-close .icon{height:18px;padding:6px;width:18px}#gallery.full #gallery-close span{font-size:1.6rem}#gallery.full #gallery-close:hover{background-color:#fff;color:#8c6842}#gallery.full #gallery-close:hover .icon{background-color:#8c6842;color:#fff}}@media only screen and (min-width:1024px){#gallery.full #g-main .g-main-img-con{height:600px;width:800px}#gallery.full #g-side{display:block}}@media only screen and (min-width:1366px){#gallery.full #g-main .g-main-img-con{height:750px;width:1000px}#gallery.full #g-side{margin:120px 40px 30px}#gallery.full #gallery-close{right:30px}}@media only screen and (min-width:1501px){#gallery.full #g-main .g-main-img-con{height:900px;width:1200px}#gallery.full #gallery-close{width:130px}}@media only screen and (max-width:1600px){.gallery{margin:20px 0 30px}.gallery #g-main,.gallery #g-main .g-main-img-con{height:510px;width:680px}.gallery #g-side{height:510px;width:80px}.gallery #g-side .g-side-img{height:60px;width:80px}}@media only screen and (max-width:1365px){.gallery #g-main,.gallery #g-main .g-main-img-con{height:435px;width:580px}.gallery #g-main .g-main-arrow{height:45px;width:45px}.gallery #g-main .g-main-arrow svg{height:20px;width:20px}.gallery #g-side{display:none}}@media only screen and (max-width:1023px){.gallery{margin:15px 0 20px}.gallery #g-main,.gallery #g-main .g-main-img-con{height:450px;width:600px}.gallery #g-main .g-main-arrow{height:40px;width:40px}.gallery #g-main .g-main-arrow svg{height:18px;width:18px}.gallery #g-side{display:block;height:450px}}@media only screen and (max-width:767px){.main-panel .gallery{order:10}.gallery{height:320px;margin:0 -15px 20px;width:calc(100% + 30px)}.gallery #g-main,.gallery #g-main .g-main-img-con{border-radius:0;height:320px;width:100%}.gallery #g-main .g-main-img,.gallery #g-main .g-main-img-con .g-main-img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.gallery #g-main .g-main-arrow svg,.gallery #g-main .g-main-img-con .g-main-arrow svg{height:16px;width:16px}.gallery #g-side{display:none}.gallery.full #g-main .g-main-arrow{bottom:60px}}