.ourstoryanimation-element{--ourstory-box-size:90px;--ourstory-box-size-shrink:22px;--ourstory-box-size-grow:52px;--ourstory-logo-box-size-grow:70px;--ourstory-box-img-height-grow:30px;--ourstory-box-logo-img-height-grow:64px;--ourstory-box-img-height:12px;--ourstory-box-img-logo-height:22px;--ourstory-line-size:30px;--ourstory-dot-size:5px;--ourstory-dot-position:7px;--ourstory-grid-arrow-border-lr:5px;--ourstory-grid-arrow-border-bottom:8px;--ourstory-grid-lines-wrapper-width:calc(var(--ourstory-box-size) * 2 + var(--ourstory-line-size) * 2);--ourstory-grid-lines-wrapper-height:60px;--ourstory-three-box-wrapper-bottom-padding:80px;--our-story-min-height:calc((var(--ourstory-box-size) * 2) + (var(--ourstory-line-size) * 2) + var(--ourstory-grid-lines-wrapper-height) + (var(--ourstory-three-box-wrapper-bottom-padding) * 2))}@media (min-width:992px){.ourstoryanimation-element{--ourstory-box-size:160px;--ourstory-box-size-shrink:55px;--ourstory-box-size-grow:100px;--ourstory-logo-box-size-grow:120px;--ourstory-box-img-height-grow:58px;--ourstory-box-logo-img-height-grow:110px;--ourstory-box-img-height:31px;--ourstory-box-img-logo-height:60px;--ourstory-line-size:160px;--ourstory-dot-size:10px;--ourstory-dot-position:15px;--ourstory-grid-arrow-border-lr:10px;--ourstory-grid-arrow-border-bottom:15px}}.ourstoryanimation-element .element-panel{background-image:url(/img/timelineplaceholder.png);background-size:cover;background-position:center;color:#fff}.ourstoryanimation-element .animation-canvas{height:var(--our-story-min-height);position:relative;overflow:hidden}.ourstoryanimation-element .animation-main{width:100%}.ourstoryanimation-element .animation-main-content{width:100%}.ourstoryanimation-element .animation-intro{display:flex;flex-direction:column;width:100%;min-height:var(--our-story-min-height);padding-top:40px}@media (min-width:992px){.ourstoryanimation-element .animation-intro{padding-top:125px}}.ourstoryanimation-element .animation-line-cap-top{display:block;margin-left:auto;margin-right:auto;border-radius:50%;border:1px solid #9b8353;height:15px;width:15px}@media (min-width:992px){.ourstoryanimation-element .animation-line-cap-top{height:25px;width:25px}}.ourstoryanimation-element .animation-line-intro-line{display:block;margin-left:auto;margin-right:auto;height:100%;width:1px;background-color:#9b8353;flex:1}.ourstoryanimation-element .animation-wrapper{width:100%;text-align:center;position:relative}.ourstoryanimation-element .animation-wrapper svg{max-width:450px;width:80%;display:block;margin-left:auto;margin-right:auto}.ourstoryanimation-element .animation-wrapper .animation-wrapper-text,.ourstoryanimation-element .animation-wrapper .animation-wrapper-title{max-width:645px;display:block;margin-left:auto;margin-right:auto}.ourstoryanimation-element .animation-line-vertical{position:relative;height:var(--ourstory-line-size)}.ourstoryanimation-element .animation-line-vertical .animation-line-line{display:block;margin-left:auto;margin-right:auto}.ourstoryanimation-element .animation-line-vertical .animation-line-line{height:100%;width:1px;background-color:#9b8353}.ourstoryanimation-element .box{height:var(--ourstory-box-size);width:var(--ourstory-box-size);display:flex;align-items:center;justify-content:center;position:relative}.ourstoryanimation-element .box .box-text{text-align:center}.ourstoryanimation-element .box .box-text p{font-family:NewHeterodox,sans-serif;font-weight:700;font-size:12px;line-height:12px;letter-spacing:.1em;text-transform:uppercase;color:#9b8353}@media (min-width:992px){.ourstoryanimation-element .box .box-text p{font-size:16px;line-height:16px;letter-spacing:.1em}}.ourstoryanimation-element .box .box-img{height:var(--ourstory-box-img-height)}.ourstoryanimation-element .box .bottom-line,.ourstoryanimation-element .box .top-line{position:absolute;width:100%;height:1px;background-color:#9b8353}.ourstoryanimation-element .box .bottom-line-left,.ourstoryanimation-element .box .bottom-line-right,.ourstoryanimation-element .box .top-line-left,.ourstoryanimation-element .box .top-line-right{position:absolute;width:50%;height:1px;background-color:#9b8353}.ourstoryanimation-element .box .left-line,.ourstoryanimation-element .box .right-line{position:absolute;width:1px;height:100%;background-color:#9b8353}.ourstoryanimation-element .box .box-dot{height:var(--ourstory-dot-size);width:var(--ourstory-dot-size);background-color:#9b8353;border-radius:50%;position:absolute;top:var(--ourstory-dot-position);right:var(--ourstory-dot-position);opacity:1}.ourstoryanimation-element .logo-box{margin-left:auto;margin-right:auto}.ourstoryanimation-element .logo-box .top-line-left{top:0;right:50%}.ourstoryanimation-element .logo-box .top-line-right{top:0;left:50%}.ourstoryanimation-element .logo-box .bottom-line-left{bottom:0;left:0}.ourstoryanimation-element .logo-box .bottom-line-right{bottom:0;right:0}.ourstoryanimation-element .logo-box .left-line{top:0;left:0}.ourstoryanimation-element .logo-box .right-line{top:0;right:0}.ourstoryanimation-element .logo-box .box-text{opacity:1;position:absolute;left:0;top:calc(50% - 7px)}@media (min-width:992px){.ourstoryanimation-element .logo-box .box-text{top:calc(50% - 8px)}}.ourstoryanimation-element .logo-box .box-text p{position:relative;left:-100%;padding-right:15px}.ourstoryanimation-element .logo-box .box-img{height:var(--ourstory-box-img-logo-height)}.ourstoryanimation-element .safe-box .top-line-left{top:0;left:0}.ourstoryanimation-element .safe-box .top-line-right{top:0;right:0}.ourstoryanimation-element .safe-box .bottom-line-left{bottom:0;right:50%}.ourstoryanimation-element .safe-box .bottom-line-right{bottom:0;left:50%}.ourstoryanimation-element .safe-box .left-line{bottom:0;left:0}.ourstoryanimation-element .safe-box .right-line{bottom:0;right:0}.ourstoryanimation-element .responsible-box .top-line{top:0;left:0}.ourstoryanimation-element .responsible-box .bottom-line{bottom:0;right:0}.ourstoryanimation-element .responsible-box .left-line{bottom:0;left:0}.ourstoryanimation-element .responsible-box .right-line{bottom:0;right:0}.ourstoryanimation-element .robust-box .top-line{top:0;right:0}.ourstoryanimation-element .robust-box .bottom-line{bottom:0;left:0}.ourstoryanimation-element .robust-box .left-line{bottom:0;left:0}.ourstoryanimation-element .robust-box .right-line{bottom:0;right:0}.ourstoryanimation-element .responsible-box .box-text,.ourstoryanimation-element .robust-box .box-text,.ourstoryanimation-element .safe-box .box-text{width:100%;position:absolute;bottom:-60px;left:0;text-align:center}.ourstoryanimation-element .animation-line-horizontal{position:relative;height:var(--ourstory-box-size);display:flex;align-items:center;width:var(--ourstory-line-size)}.ourstoryanimation-element .animation-line-horizontal .animation-line-line{width:100%;height:1px;background-color:#9b8353}.ourstoryanimation-element .three-boxes-wrapper{display:flex;justify-content:center;padding-bottom:var(--ourstory-three-box-wrapper-bottom-padding)}.ourstoryanimation-element .grid-lines-wrapper{position:relative;height:var(--ourstory-grid-lines-wrapper-height);width:var(--ourstory-grid-lines-wrapper-width);margin-left:auto;margin-right:auto}.ourstoryanimation-element .grid-lines-wrapper .grid-lines-bottom{height:1px;background-color:#9b8353;width:100%;position:absolute;top:12px;left:0}.ourstoryanimation-element .grid-lines-wrapper .grid-line-vertical{height:12px;width:1px;background-color:#9b8353;position:absolute;top:0}.ourstoryanimation-element .grid-lines-wrapper .grid-line-1{left:0}.ourstoryanimation-element .grid-lines-wrapper .grid-line-1{left:25%}.ourstoryanimation-element .grid-lines-wrapper .grid-line-3{left:50%}.ourstoryanimation-element .grid-lines-wrapper .grid-line-4{left:75%}.ourstoryanimation-element .grid-lines-wrapper .grid-line-5{left:100%}.ourstoryanimation-element .grid-lines-wrapper .grid-line-arrow{width:0;height:0;position:absolute;bottom:0;border-left:var(--ourstory-grid-arrow-border-lr) solid transparent;border-right:var(--ourstory-grid-arrow-border-lr) solid transparent;border-bottom:var(--ourstory-grid-arrow-border-bottom) solid #9b8353}.ourstoryanimation-element .grid-lines-wrapper .grid-line-arrow-1{left:calc(0% - var(--ourstory-grid-arrow-border-lr))}.ourstoryanimation-element .grid-lines-wrapper .grid-line-arrow-2{left:calc(100% - var(--ourstory-grid-arrow-border-lr))}.ourstoryanimation-element .grid-lines-wrapper .grid-line-arrow-3{left:calc(50% - var(--ourstory-grid-arrow-border-lr))}