#inventoryWorksHeader{color:#f5f5f5}.tech-section{display:flex;flex-wrap:wrap;justify-content:space-between;height:100%}.videoHome video{flex:0 1 50%}.fullScreen{flex:unset!important;flex:0 0 100%!important}.fullScreen img{width:100%!important;height:100%!important}.animateFly img,.animateFly .imageOverlay,.animateFly video{box-shadow:30px 50px 1px #fff;transform:perspective(100em) translate3d(90px,90px,90px) rotateY(40deg) rotateX(80deg) rotate(80deg)}.animateFly img img,.animateFly .imageOverlay img,.animateFly video img{left:50px}.imageComponent{position:relative;flex:1 1 45%;margin:10px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.imageComponent:nth-of-type(1){border:2px solid hsl(22,77%,25%)}.imageComponent:nth-of-type(2){border:2px solid hsl(98,78%,66%)}.imageComponent:nth-of-type(3){border:2px solid hsl(27,58%,77%)}.imageComponent:nth-of-type(4){border:2px solid hsl(294,24%,64%)}.imageComponent:nth-of-type(5){border:2px solid hsl(323,17%,98%)}.imageComponent:nth-of-type(6){border:2px solid hsl(285,77%,59%)}.imageComponent:nth-of-type(7){border:2px solid hsl(232,21%,96%)}.imageComponent:nth-of-type(8){border:2px solid hsl(46,99%,34%)}.imageComponent:nth-of-type(9){border:2px solid hsl(68,32%,50%)}.imageComponent:nth-of-type(10){border:2px solid hsl(78,3%,83%)}.imageComponent .imageOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(270deg,#ff6e6e,#5a3cac,#3ca8ac,#000,#000,#0000,#0000,#0000);background-size:200% 200%;background-position:200% 200%;transition:background-position 1s ease,transform 1s ease-in-out,box-shadow 1s ease,border-radius 1s ease,left 1s ease-in-out;z-index:3}.imageComponent img{height:400px;position:relative;z-index:2;justify-self:start;width:100%;-o-object-fit:cover;object-fit:cover;image-rendering:smooth;transition:transform 1s ease-in-out,box-shadow 1s ease,border-radius 1s ease,left 1s ease-in-out;border-radius:20px;transform-style:preserve-3d}.imageComponent h1{position:relative;text-align:left;z-index:3;padding:0;margin:0;top:-50px;left:-25px;font-size:3em;color:#e4e4e4;width:100%;transition:opacity .125s ease-in-out}.imageComponent h1:nth-of-type(1){background:linear-gradient(to right,#000,#ef7182)}.imageComponent h1:nth-of-type(2){background:linear-gradient(to right,#000,#87760d)}.imageComponent h1:nth-of-type(3){background:linear-gradient(to right,#000,#4b6867)}.imageComponent h1:nth-of-type(4){background:linear-gradient(to right,#000,#8817c4)}.imageComponent h1:nth-of-type(5){background:linear-gradient(to right,#000,#d0c5b9)}.imageComponent h1:nth-of-type(6){background:linear-gradient(to right,#000,#aadea1)}.imageComponent h1:nth-of-type(7){background:linear-gradient(to right,#000,#46832f)}.imageComponent h1:nth-of-type(8){background:linear-gradient(to right,#000,#fcfafe)}.imageComponent h1:nth-of-type(9){background:linear-gradient(to right,#000,#cae2c6)}.imageComponent h1:nth-of-type(10){background:linear-gradient(to right,#000,#a2af9d)}.imageComponent p{position:absolute;z-index:4;flex:0 0 50%;bottom:0;left:0;color:#f5f5f5;visibility:hidden;font-size:1.25em;transition:bottom .4s ease,padding .25s ease,font-size .25s ease,background-color .25s ease,box-shadow .25s ease-in-out,left .25s ease-in-out}.imageComponent:hover p,.imageComponent:active p,.imageComponent:focus p{visibility:visible;padding:40px;z-index:10;bottom:50px;background:#000;box-shadow:5px 5px 100px 1px #fff}.normalImageBackground{background-position:15% 200%!important}@media only screen and (max-width: 600px) and (min-width: 0px){.imageComponent{flex:1 0 100%;margin:10px 0}.imageComponent h1{font-size:1.5em;top:-20px;left:-10px}.imageComponent:hover p,.imageComponent:active p,.imageComponent:focus{font-size:1em}.imageComponent img,.imageComponent .imageOverlay{height:unset;width:90vw;filter:unset;transform:unset;left:unset;box-shadow:unset;border-radius:0;border:unset}.imageComponent:hover p,.imageComponent:active p,.imageComponent:focus p{visibility:visible;padding:40px;z-index:6;width:unset;overflow:hidden;background:#000;box-shadow:unset}}@media screen and (max-width: 811px) and (min-width: 601px){.imageComponent{flex:1 0 48%;margin:15px 5px}.imageComponent h1{font-size:3em;top:-30px;left:-15px}.imageComponent .imageOverlay{width:100%;height:100%;z-index:3}.imageComponent:hover p,.imageComponent:active p,.imageComponent:focus p{visibility:visible;padding:40px;z-index:6;width:unset;overflow:hidden;background:#000;box-shadow:unset}}@media screen and (max-width: 1080px) and (min-width: 812px){.imageComponent{flex:1 0 45%;margin:20px 10px;height:100%}.imageComponent h1{font-size:3em;top:-40px;left:-20px;z-index:7}.imageComponent img,.imageComponent .imageOverlay{width:100%;z-index:3}.imageComponent:hover p,.imageComponent:active p,.imageComponent:focus p{max-width:100%}}
