|
- .gallery{--gallery-spacing: 8px;margin:var(--section-margin) 0;width:100%;max-width:880px}@media (min-width: 568px){.gallery.content-media-right{max-width:calc(50% - 15px);float:right;margin:18px 0 20px 30px}}@media (min-width: 568px) and (max-width: 767px){.gallery.content-media-right{max-width:calc(50% - 10px);margin:14px 0 15px 20px}}@media (min-width: 568px){.gallery.content-media-right:first-child{margin-top:0}.gallery.content-media-left{max-width:calc(50% - 15px);float:left;margin:18px 30px 20px 0}}@media (min-width: 568px) and (max-width: 767px){.gallery.content-media-left{max-width:calc(50% - 10px);margin:14px 20px 15px 0}}@media (min-width: 568px){.gallery.content-media-left:first-child{margin-top:0}}.gallery .gallery-wrapper{display:flex;flex-wrap:wrap;margin:calc(var(--gallery-spacing) / -2)}.gallery .image{padding:calc(var(--gallery-spacing) / 2);flex:1 1 100%;transition:.3s ease;transform:translateZ(0) scale(1)}.gallery .image.loading{opacity:0;transform:translateZ(0) scale(.9)}.gallery .image a{position:relative;display:block;background-color:var(--color-background)}.gallery .image a.focus-visible:focus{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}.gallery .image a:focus-visible,.gallery .image a.-moz-focusring{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}.gallery .image a{transition:.2s ease}.gallery .image a:before{content:"";position:relative;display:block;padding-top:66.666667%}.gallery .image a:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:.3s ease}.gallery .image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.gallery .image .copyright{position:absolute;display:block;left:100%;bottom:0;font-size:12px;text-align:left;line-height:1.2;z-index:2;transform-origin:0 100%;transform:rotate(-90deg);transition:.3s ease;color:var(--swatches-neutrals-white);text-shadow:0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.6);width:calc(66.6% + 7px);padding:8px 18px;opacity:1!important}.gallery[data-type=grid] .image{flex:1 1 33.3333%;max-width:33.3334%}@media (max-width: 567px){.gallery[data-type=grid] .image{flex:1 1 50%;max-width:50%}}.gallery[data-type=first-image] .image a:after,.gallery[data-type=sinlge-image] .image a:after{display:none}.gallery[data-type=first-image] .btn,.gallery[data-type=sinlge-image] .btn{position:absolute;top:0;right:0;margin:20px}.gallery[data-type=first-image] .image,.gallery[data-type=sinlge-image] .image{transform:none;opacity:1;position:relative}.gallery[data-type=first-image] .image a,.gallery[data-type=sinlge-image] .image a{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20style='margin:%20auto;%20background:%20none;%20display:%20block;%20shape-rendering:%20auto;'%20width='200px'%20height='200px'%20viewBox='0%200%20100%20100'%20preserveAspectRatio='xMidYMid'%3e%3ccircle%20cx='50'%20cy='50'%20r='0'%20fill='none'%20stroke='%23003366'%20stroke-width='2'%3e%3canimate%20attributeName='r'%20repeatCount='indefinite'%20dur='1s'%20values='0;40'%20keyTimes='0;1'%20keySplines='0%200.2%200.8%201'%20calcMode='spline'%20begin='0s'%3e%3c/animate%3e%3canimate%20attributeName='opacity'%20repeatCount='indefinite'%20dur='1s'%20values='1;0'%20keyTimes='0;1'%20keySplines='0.2%200%200.8%201'%20calcMode='spline'%20begin='0s'%3e%3c/animate%3e%3c/circle%3e%3ccircle%20cx='50'%20cy='50'%20r='0'%20fill='none'%20stroke='%23003366'%20stroke-width='2'%3e%3canimate%20attributeName='r'%20repeatCount='indefinite'%20dur='1s'%20values='0;40'%20keyTimes='0;1'%20keySplines='0%200.2%200.8%201'%20calcMode='spline'%20begin='-0.5s'%3e%3c/animate%3e%3canimate%20attributeName='opacity'%20repeatCount='indefinite'%20dur='1s'%20values='1;0'%20keyTimes='0;1'%20keySplines='0.2%200%200.8%201'%20calcMode='spline'%20begin='-0.5s'%3e%3c/animate%3e%3c/circle%3e%3c/svg%3e");background-size:80px;background-position:center;background-repeat:no-repeat;display:block}.gallery[data-type=first-image] .image+.image,.gallery[data-type=sinlge-image] .image+.image{display:none}.gallery[data-type=first-image] img,.gallery[data-type=sinlge-image] img{opacity:0;transition:.3s ease}.gallery[data-type=first-image].loaded img,.gallery[data-type=first-image].loaded .image-description,.gallery[data-type=first-image].loaded .image .copyright,.gallery[data-type=sinlge-image].loaded img,.gallery[data-type=sinlge-image].loaded .image-description,.gallery[data-type=sinlge-image].loaded .image .copyright{opacity:1}.gallery[data-type=first-image] .gallery-wrapper,.gallery[data-type=sinlge-image] .gallery-wrapper{padding:5px}.gallery[data-type=first-image] .gallery-wrapper>.image-description,.gallery[data-type=sinlge-image] .gallery-wrapper>.image-description{font-weight:400;font-size:18px;line-height:1.2;margin-top:12px}.gallery[data-type=first-image] img,.gallery[data-type=first-image] .copyright,.gallery[data-type=first-image] .image-description,.gallery[data-type=sinlge-image] img,.gallery[data-type=sinlge-image] .copyright,.gallery[data-type=sinlge-image] .image-description{opacity:0;transition:.4s ease}.gallery[data-type=masonry] .gallery-wrapper{flex-wrap:nowrap;align-items:flex-start}.gallery[data-type=masonry] .column{flex:1 1 100%}.gallery[data-type=masonry] .image a:before{position:absolute;top:0;left:0;right:0;bottom:0;padding:0}.gallery[data-type=masonry] .image img{transition:.3s ease;opacity:0}.gallery[data-type=masonry] .image.loaded img{opacity:1}.gallery[data-type=grid] .image:not(.loading):not(.loaded){position:absolute;opacity:0;pointer-events:none}.gallery[data-type=masonry] .image-description,.gallery[data-type=grid] .image-description{display:none!important}.gallery[data-type=masonry] .image a,.gallery[data-type=grid] .image a{overflow:hidden}.gallery[data-type=masonry] .image a:after,.gallery[data-type=grid] .image a:after{content:"";font-family:Icons,sans-serif;display:flex;align-items:center;justify-content:center;z-index:1;font-size:var(--icon-size);line-height:1;color:var(--swatches-neutrals-white);opacity:0;transition:.3s ease}.gallery[data-type=masonry] .image a:before,.gallery[data-type=grid] .image a:before{background-color:var(--color-text);opacity:0;z-index:1;transition:.3s ease}.gallery[data-type=masonry] .image a img,.gallery[data-type=grid] .image a img{transition:.3s ease}.gallery[data-type=masonry] .image a:hover:before,.gallery[data-type=masonry] .image a.focus-visible:focus:before,.gallery[data-type=masonry] .image a:focus-visible:before,.gallery[data-type=masonry] .image a.-moz-focusring:before,.gallery[data-type=grid] .image a:hover:before,.gallery[data-type=grid] .image a.focus-visible:focus:before,.gallery[data-type=grid] .image a:focus-visible:before,.gallery[data-type=grid] .image a.-moz-focusring:before{opacity:.5}.gallery[data-type=masonry] .image a:hover:after,.gallery[data-type=masonry] .image a.focus-visible:focus:after,.gallery[data-type=masonry] .image a:focus-visible:after,.gallery[data-type=masonry] .image a.-moz-focusring:after,.gallery[data-type=grid] .image a:hover:after,.gallery[data-type=grid] .image a.focus-visible:focus:after,.gallery[data-type=grid] .image a:focus-visible:after,.gallery[data-type=grid] .image a.-moz-focusring:after{opacity:1}.gallery[data-type=masonry] .image a:hover img,.gallery[data-type=masonry] .image a.focus-visible:focus img,.gallery[data-type=masonry] .image a:focus-visible img,.gallery[data-type=masonry] .image a.-moz-focusring img,.gallery[data-type=grid] .image a:hover img,.gallery[data-type=grid] .image a.focus-visible:focus img,.gallery[data-type=grid] .image a:focus-visible img,.gallery[data-type=grid] .image a.-moz-focusring img{transform:translateZ(0) scale(1.04)}.gallery .button-wrapper{text-align:center}.gallery .button-wrapper .btn{margin:40px 0 0}@media (max-width: 767px){.gallery .button-wrapper .btn{margin-top:24px}}.gallery[data-infinite-scroll=true] .button-wrapper .btn{position:absolute;visibility:hidden}.gallery-popup{position:fixed;top:0;left:0;width:100%;height:calc(var(--viewport-height, 1vh) * 100);background-color:#0f1c28f2;color:var(--swatches-neutrals-white);z-index:100;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease 0s,visibility 0s ease .4s,transform .4s ease 0s}.gallery-popup.open{opacity:1;visibility:visible;pointer-events:all;transition:opacity .4s ease 0s,visibility 0s ease 0s,transform .4s ease 0s}.gallery-popup .slide:before{content:"";position:absolute;width:60px;height:60px;top:50%;left:50%;margin:-30px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20style='margin:%20auto;%20background:%20none;%20display:%20block;%20shape-rendering:%20auto;'%20width='200px'%20height='200px'%20viewBox='0%200%20100%20100'%20preserveAspectRatio='xMidYMid'%3e%3ccircle%20cx='50'%20cy='50'%20r='0'%20fill='none'%20stroke='%23003366'%20stroke-width='2'%3e%3canimate%20attributeName='r'%20repeatCount='indefinite'%20dur='1s'%20values='0;40'%20keyTimes='0;1'%20keySplines='0%200.2%200.8%201'%20calcMode='spline'%20begin='0s'%3e%3c/animate%3e%3canimate%20attributeName='opacity'%20repeatCount='indefinite'%20dur='1s'%20values='1;0'%20keyTimes='0;1'%20keySplines='0.2%200%200.8%201'%20calcMode='spline'%20begin='0s'%3e%3c/animate%3e%3c/circle%3e%3ccircle%20cx='50'%20cy='50'%20r='0'%20fill='none'%20stroke='%23003366'%20stroke-width='2'%3e%3canimate%20attributeName='r'%20repeatCount='indefinite'%20dur='1s'%20values='0;40'%20keyTimes='0;1'%20keySplines='0%200.2%200.8%201'%20calcMode='spline'%20begin='-0.5s'%3e%3c/animate%3e%3canimate%20attributeName='opacity'%20repeatCount='indefinite'%20dur='1s'%20values='1;0'%20keyTimes='0;1'%20keySplines='0.2%200%200.8%201'%20calcMode='spline'%20begin='-0.5s'%3e%3c/animate%3e%3c/circle%3e%3c/svg%3e");background-size:60px;filter:saturate(0) brightness(100)}.gallery-popup .image-box{position:relative;display:block;opacity:1;max-width:90%;transition:.3s ease}.gallery-popup .image-box img{max-height:calc(var(--viewport-height, 1vh) * 74)}@media (min-width: 1000px){.gallery-popup .image-box img{max-width:calc(100vw - 200px)}}.gallery-popup .image-box .copyright{position:absolute;display:block;left:100%;bottom:0;font-size:12px;text-align:left;line-height:1.2;z-index:2;transform-origin:0 100%;transform:rotate(-90deg);transition:.3s ease;color:var(--swatches-neutrals-white);text-shadow:0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.6);width:calc(66.6% + 7px);padding:8px 18px}.gallery-popup .text-box{color:var(--swatches-neutrals-white);font-size:18px;display:flex;flex-direction:column;margin:20px 20px -10px}.gallery-popup .text-box .copyright{order:1;font-size:14px;font-style:italic}@media (max-width: 767px){.gallery-popup .text-box{font-size:16px}}.gallery-popup .controls .prev,.gallery-popup .controls .next{position:absolute;top:50%;right:0;display:block;width:50px;height:50px;font-size:0;line-height:0;text-align:center;padding:10px 0;margin:-25px 15px;border:0;background-color:transparent;color:var(--swatches-neutrals-white);cursor:pointer}.gallery-popup .controls .prev:before,.gallery-popup .controls .next:before{content:"";font-family:Icons,sans-serif;font-size:30px;line-height:1}@media (max-width: 999px){.gallery-popup .controls .prev,.gallery-popup .controls .next{display:none}}.gallery-popup .controls .prev{left:0;transform:rotate(180deg)}.gallery-popup .controls .tabs{display:none}.gallery-popup .controls .count{position:absolute;top:25px;left:50%;width:120px;margin-left:-60px;text-align:center;font-size:18px}.gallery-popup .controls .count span{margin:0 5px}.gallery-popup .slide{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:calc(var(--viewport-height, 1vh) * 100);transition:.4s linear;opacity:1}.gallery-popup .slide.preload .image-box{opacity:0}.gallery-popup .closer,.gallery-popup .download{position:absolute;top:0;width:50px;height:50px;font-size:30px;line-height:1;padding:10px 0;color:var(--swatches-neutrals-white);background-color:transparent;margin:15px;border:0;cursor:pointer;z-index:1}.gallery-popup .closer:before,.gallery-popup .download:before{font-family:Icons,sans-serif}.gallery-popup .closer{right:0}.gallery-popup .closer:before{content:""}.gallery-popup .download{left:0;text-decoration:none;text-align:center}.gallery-popup .download:before{content:""}.gallery-popup a.focus-visible:focus,.gallery-popup button.focus-visible:focus{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}.gallery-popup a:focus-visible,.gallery-popup a.-moz-focusring,.gallery-popup button:focus-visible,.gallery-popup button.-moz-focusring{box-shadow:0 0 0 2px var(--swatches-secondary-700),0 0 8px 2px var(--swatches-secondary-700);outline:0}.teaser .gallery[data-type=first-image] .image:before,.slider .gallery[data-type=first-image] .image:before{padding-top:66.6666%}
|
