bg-image{display:block}.bg-image-component,bg-image{position:relative}.bg-image-component .bg-image-wrapper{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.bg-image-component .bg-image-wrapper .overlay,.bg-image-component .bg-image-wrapper .pattern{height:100%;left:0;position:absolute;right:0;top:0}.bg-image-component .bg-image-wrapper .bg-image{backface-visibility:hidden;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;height:100%;image-rendering:-webkit-optimize-contrast;left:0;position:absolute;top:0;width:100%}.bg-image-component .bg-image-wrapper .bg-image.bg-image-low{opacity:1;transition:opacity .5s ease-out .5s}.bg-image-component .bg-image-wrapper .bg-image.bg-image-high{opacity:0;transition:opacity .5s ease-out}.bg-image-component .bg-image-wrapper.blur.show-placeholder .bg-image.bg-image-low{filter:blur(20px);transition:opacity .5s ease-out .5s,filter 1s ease-out}.bg-image-component .bg-image-wrapper.blur.show-placeholder .bg-image.bg-image-high{filter:blur(20px);transition:opacity .5s ease-out,filter 1s ease-out}.bg-image-component .bg-image-wrapper.zoom-in .bg-image.bg-image-high,.bg-image-component .bg-image-wrapper.zoom-in .bg-image.bg-image-low{transform:scale(1);transition:opacity .5s ease-out,filter 1s ease-out,transform 7s ease-out}.bg-image-component .bg-image-wrapper.height.show-placeholder .bg-image{-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);clip-path:polygon(0 0,100% 0,100% 0,0 0)}.bg-image-component .bg-image-wrapper.height.show-placeholder .bg-image.bg-image-high,.bg-image-component .bg-image-wrapper.height.show-placeholder .bg-image.bg-image-low{transition:opacity .5s ease-out,filter 1s ease-out,-webkit-clip-path 1s ease-out;transition:opacity .5s ease-out,filter 1s ease-out,clip-path 1s ease-out;transition:opacity .5s ease-out,filter 1s ease-out,clip-path 1s ease-out,-webkit-clip-path 1s ease-out}.bg-image-component .bg-image-wrapper.loaded .bg-image.bg-image-low{opacity:0}.bg-image-component .bg-image-wrapper.loaded .bg-image.bg-image-high{opacity:1}.bg-image-component .bg-image-wrapper.loaded.blur .bg-image.bg-image-high,.bg-image-component .bg-image-wrapper.loaded.blur.show-placeholder .bg-image.bg-image-low{filter:blur(0)}.bg-image-component .bg-image-wrapper.loaded.zoom-in .bg-image.bg-image-high,.bg-image-component .bg-image-wrapper.loaded.zoom-in .bg-image.bg-image-low{transform:scale(1.05)}.bg-image-component .bg-image-wrapper.loaded.animation-active.height .bg-image{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.bg-image-component.bg-contain .bg-image-wrapper .bg-image{background-size:contain}.bg-image-component.bg-opacity-30 .bg-image-wrapper{opacity:.3}.bg-image-component.bg-left .bg-image-wrapper .bg-image{background-position:0 50%}.bg-image-component.bg-right .bg-image-wrapper .bg-image{background-position:100% 50%}.bg-image-component.bg-top .bg-image-wrapper .bg-image{background-position:50% 0}.bg-image-component.bg-bottom .bg-image-wrapper .bg-image{background-position:50% 100%}.bg-image-component.bg-top-right .bg-image-wrapper .bg-image{background-position:100% 0}.bg-image-component.bg-bottom-right .bg-image-wrapper .bg-image{background-position:100% 100%}.bg-image-component.bg-top-70 .bg-image-wrapper .bg-image{background-position:50% 0}.bg-image-component.bg-bottom-70 .bg-image-wrapper .bg-image{background-position:50% 70%}.bg-image-component.bg-bottom-90 .bg-image-wrapper .bg-image{background-position:50% 90%}.bg-image-component.bg-bottom-left .bg-image-wrapper .bg-image{background-position:0 100%}.bg-image-component.x-n30 .bg-image-wrapper .bg-image{transform:translateX(30%)}.bg-image-component.bg-fixed .bg-image-wrapper{left:0;position:fixed;right:0;z-index:-1}.bg-image-component.bg-parallax .bg-image-wrapper .bg-image{background-attachment:fixed}@media only screen and (min-width:576px){.bg-image-component.bg-opacity-sm-100 .bg-image-wrapper{opacity:1}.bg-image-component.bg-sm-left .bg-image-wrapper .bg-image{background-position:0 0}.bg-image-component.x-sm-n30 .bg-image-wrapper .bg-image{transform:translateX(30%)}}@media only screen and (min-width:992px){.bg-image-component .bg-image-wrapper.bg-lg-30-100 .bg-image,.bg-image-component .bg-image-wrapper.bg-lg-left-30 .bg-image{background-position:30% 100%}.bg-image-component.bg-opacity-lg-100 .bg-image-wrapper{opacity:1}}@media only screen and (min-width:1200px){.bg-image-component .bg-image-wrapper.bg-xl-left-10 .bg-image{background-position:0 0}.bg-image-component .bg-image-wrapper.bg-xl-10-50 .bg-image{background-position:50% 10%}}@media only screen and (min-width:1367px){.bg-image-component .bg-image-wrapper.bg-xxl-50-50 .bg-image{background-position:50% 50%}}
