.user-diagram{overflow:visible;position:relative}.user-diagram.animation-element{height:460px}@media (max-width:600px){.user-diagram.animation-element{height:325px}}.user-diagram .user-technology{left:0;position:absolute;top:0;z-index:3}.user-diagram .user-needs{left:200px;position:absolute;top:0;z-index:1}.user-diagram .user-goals{left:100px;position:absolute;top:150px;z-index:2}.user-diagram .user-ux{left:223px;position:absolute;top:170px;z-index:4}@media (min-width:768px) and (max-width:1240px){.user-diagram{margin-top:50px}.user-goals,.user-needs,.user-technology{height:210px;width:210px}.user-needs{left:140px!important}.user-goals{left:70px!important;top:105px!important}.user-ux{left:150px!important;top:120px!important}}@media (max-width:768px) and (min-width:601px){.user-diagram{float:none!important;height:500px;margin:0 auto!important;width:500px!important}}@media (max-width:600px){.user-diagram{float:none!important;height:250px;margin:0 auto!important;width:250px!important}.user-goals,.user-needs,.user-technology{height:150px;width:150px}.user-needs{left:100px!important}.user-goals{left:50px!important;top:75px!important}.user-ux{left:100px!important;top:80px!important}}.animation-element .user-technology{-moz-transform:translate3d(-50px,-50px,0);-webkit-transform:translate3d(-50px,-50px,0);-o-transform:translate(-50px,-50px);-ms-transform:translate(-50px,-50px);transform:translate3d(-50px,-50px,0)}.animation-element .user-needs,.animation-element .user-technology{opacity:0;-moz-transition:all 1s linear;-webkit-transition:all 1s linear;-o-transition:all 1s linear;transition:all 1s linear}.animation-element .user-needs{-moz-transform:translate3d(50px,-50px,0);-webkit-transform:translate3d(50px,-50px,0);-o-transform:translate(50px,-50px);-ms-transform:translate(50px,-50px);transform:translate3d(50px,-50px,0)}.animation-element .user-goals{opacity:0;-moz-transform:translate3d(0,50px,0);-webkit-transform:translate3d(0,50px,0);-o-transform:translateY(50px);-ms-transform:translateY(50px);transform:translate3d(0,50px,0);-moz-transition:all 1s linear;-webkit-transition:all 1s linear;-o-transition:all 1s linear;transition:all 1s linear}.animation-element.in-view .user-goals,.animation-element.in-view .user-needs,.animation-element.in-view .user-technology{opacity:1;-moz-transform:translateZ(0);-webkit-transform:translateZ(0);-o-transform:translate(0);-ms-transform:translate(0);transform:translateZ(0)}.animation-element.in-view .user-technology{-webkit-animation:hoverUL 4.5s infinite;animation:hoverUL 4.5s infinite}.animation-element.in-view .user-needs{-webkit-animation:hoverUR 4.5s infinite;animation:hoverUR 4.5s infinite}.animation-element.in-view .user-goals{-webkit-animation:hoverD 4.5s infinite;animation:hoverD 4.5s infinite}.animation-element.in-view .user-ux{-webkit-animation:fadeOut 4.5s infinite;animation:fadeOut 4.5s infinite}