.primary .primary-inner{margin:0 auto;display:flex;align-items:center;padding:5% 0px 6% 15%;overflow:hidden}@media screen and (max-width: 1050px){.primary .primary-inner{padding:3% 0px 5% 9%}}@media screen and (max-width: 800px){.primary .primary-inner{padding:0px;flex-wrap:wrap}}.primary .primary-inner .primary-content{width:45%;padding-right:5%;position:relative;z-index:5}@media screen and (max-width: 1050px){.primary .primary-inner .primary-content{width:55%}}@media screen and (max-width: 800px){.primary .primary-inner .primary-content{width:100%;padding:3% 9%}}.primary .primary-inner .primary-img{position:relative;width:49%;margin-left:6%;display:flex;align-items:center;justify-content:center;background:#002445}@media screen and (max-width: 1050px){.primary .primary-inner .primary-img{width:45%}}@media screen and (max-width: 800px){.primary .primary-inner .primary-img{width:91%;margin:0px 0px 9% 9%}}.primary .primary-inner .primary-img:hover .bg{opacity:.3}.primary .primary-inner .primary-img:hover .play{transform:scale(1.1)}.primary .primary-inner .primary-img .bg{background:center center no-repeat;background-size:cover;padding-top:80%;position:relative;width:100%;opacity:.8;transition:opacity .3s ease-out}.primary .primary-inner .primary-img .play{position:absolute;top:0px;bottom:0px;right:0px;left:0px;margin:auto;padding-left:30px;transform-origin:50% 50%;transition:transform .3s ease-out}@media screen and (max-width: 1050px){.primary .primary-inner .primary-img .play{max-width:60px}}.primary .primary-inner .primary-img:before{content:"";position:absolute;right:0px;bottom:100%;height:160px;width:130%;transform-origin:100% 100%;transform:rotate(-10deg);background:#fff;z-index:5}.primary .primary-inner .primary-img:after{content:"";position:absolute;right:0px;top:100%;height:160px;width:130%;transform-origin:100% 0%;transform:rotate(7.5deg);background:#fff;z-index:5}.secondary{position:relative;padding:6% 15% 5% 15%;background:#707070;margin-right:6%}@media screen and (max-width: 1050px){.secondary{padding:6% 9% 5% 9%}}@media screen and (max-width: 800px){.secondary{margin:0px;padding:9% 9% 8% 9%}}.secondary:before{content:"";position:absolute;top:0px;right:0px;left:0px;bottom:0px;background:linear-gradient(-90deg, rgba(112, 112, 112, 0) 0%, rgb(112, 112, 112) 70%, rgb(112, 112, 112) 100%);z-index:3}@media screen and (max-width: 800px){.secondary:before{background:linear-gradient(-90deg, rgba(112, 112, 112, 0.7) 0%, rgb(112, 112, 112) 85%, rgb(112, 112, 112) 100%)}}.secondary .secondary-content{max-width:53%;color:#fff;position:relative;z-index:5}@media screen and (max-width: 800px){.secondary .secondary-content{max-width:85%}}.secondary .bg{position:absolute;top:0px;right:0px;bottom:0px;left:0px;background:center center no-repeat;background-size:cover}.approach-heading{width:100%;text-align:center;padding-top:6%;padding-bottom:20px}@media screen and (max-width: 800px){.approach-heading{padding-bottom:5px}}.approach{padding:0px 50px 6% 50px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;min-height:750px}@media screen and (max-width: 1400px){.approach{padding:0px 40px 40px 40px;min-height:700px}}@media screen and (max-width: 1300px){.approach{min-height:600px}}@media screen and (max-width: 1050px){.approach{padding:0px 30px 30px 30px}}@media screen and (max-width: 800px){.approach{min-height:0px}}.approach .step{width:calc(33.33333% - 33px);background:#002445;color:#fff;padding:7%;position:relative}@media screen and (max-width: 1400px){.approach .step{padding:6%;width:calc(33.33333% - 30px)}}@media screen and (max-width: 1050px){.approach .step{padding:5%;width:calc(33.33333% - 15px)}}@media screen and (max-width: 800px){.approach .step{width:80%;padding:6%;margin:0px 0px 20px 20%}}.approach .step:first-child{align-self:flex-start}@media screen and (max-width: 800px){.approach .step:first-child{margin:0px 20% 20px 0px}}.approach .step:last-child{align-self:flex-end}@media screen and (max-width: 800px){.approach .step:last-child{margin:0px 20% 20px 0px}}.approach .step .title{color:#fff}@media screen and (max-width: 1050px){.approach .step .secondary-heading{margin-top:0px}}.approach .step .num{font-size:450px;line-height:.7;opacity:.1;position:absolute;bottom:0px;right:-30px}@media screen and (max-width: 1050px){.approach .step .num{font-size:300px}}@media screen and (max-width: 800px){.approach .step .num{font-size:200px;right:-10px}}/*# sourceMappingURL=about.css.map */