#activityIndex .content-j{display:block;height:100%;background-color:#dcedf9;position:relative;width:80%;left:50%;-webkit-transform:skew(30deg);transform:skew(30deg)}@media(min-width: 1024px){#activityIndex .content-j{left:unset;width:60%;-webkit-transform:unset;transform:unset}}#activityIndex .content-j svg{height:auto;width:150px;top:30%;left:15%;position:absolute;-webkit-transform:skew(150deg);transform:skew(150deg)}@media(min-width: 1024px){#activityIndex .content-j svg{width:140px;left:59%;-webkit-transform:skew(30deg);transform:skew(30deg);top:20%}}@media(min-width: 1280px){#activityIndex .content-j svg{width:180px;left:56%}}@media(min-width: 1366px){#activityIndex .content-j svg{width:200px;left:54%}}@media(min-width: 1366px){#activityIndex .content-j svg{width:210px;left:53%}}@media(min-width: 1440px){#activityIndex .content-j svg{width:250px}}#activityIndex .hero--group .hero--item.light-blue .skew-2{background:linear-gradient(139deg, #46a0e0 60.5%, rgba(31, 141, 217, 0.4) 60.5%)}#activityIndex .text-holder{width:45%}@media(min-width: 1024px){#activityIndex .text-holder{margin-top:140px;width:35%}}@media(min-width: 1280px){#activityIndex .text-holder{width:37%}}@media(min-width: 1366px){#activityIndex .text-holder{width:39%}}@media(min-width: 1440px){#activityIndex .text-holder{width:30%;margin-top:250px}}@media(min-width: 1680px){#activityIndex .text-holder{width:29%;margin-top:150px}}#activityIndex .text-holder h2{color:#4e4d55;margin-bottom:0}#activityIndex .text-holder p,#activityIndex .text-holder .button-group{display:none}.content-j{display:none}section.companyHistory{padding:105px 0 0 0;background:transparent linear-gradient(180deg, #ebeef3 0, #d9dfea 100%) 0 0 no-repeat padding-box}section.companyHistory h2{margin-bottom:71px;text-align:center}section.companyHistory .timeline{position:relative;width:100%;margin-top:150px;padding:70px 0 132px 0;background-image:url("/static/assets/img/companyHistory_background.gif");background-position:top center;background-repeat:repeat-y}section.companyHistory .timeline span.firstPoint{position:absolute;display:inline-block;width:24px;height:24px;top:-33px;left:50%;margin-left:-12px;background:transparent linear-gradient(180deg, #7FC31C 0, #7FC31C 100%) 0 0 no-repeat padding-box;border:2px solid #fff;border-radius:50%;z-index:999}section.companyHistory .timeline span.firstPoint>span.outerCircle{position:absolute;display:inline-block;width:46px;height:46px;top:-13px;left:calc(50% - 23px);border:2px solid #fff;border-radius:50%}section.companyHistory .timeline .item{position:relative;width:100%}section.companyHistory .timeline .item::before{position:absolute;content:"";width:24px;height:24px;top:31px;left:50%;margin-left:-12px;background:transparent linear-gradient(180deg, #7FC31C 0, #7FC31C 100%) 0 0 no-repeat padding-box;border:2px solid #fff;border-radius:50%}section.companyHistory .timeline .item:not(:first-of-type){margin-top:-87px}section.companyHistory .timeline .item>.content{position:relative;width:362px;height:295px;margin:0 auto;padding:32px 50px;background-color:#fff;z-index:500}section.companyHistory .timeline .item>.content>.year{position:relative;display:block;margin-bottom:11px;font-size:70px;font-weight:700;line-height:1}section.companyHistory .timeline .item>.content>.text{position:relative;display:block;font-size:20px;font-weight:300;line-height:24px}section.companyHistory .timeline .item>.content::after{position:absolute;content:"";width:0;height:0;top:0;border-style:solid}section.companyHistory .timeline .item>img{display:block;position:absolute;top:49px;width:362px;z-index:499}section.companyHistory .timeline .item.odd>.content{left:262px}section.companyHistory .timeline .item.odd>.content::after{left:-50px;border-width:43px 50px 43px 0;border-color:transparent #fff transparent transparent}section.companyHistory .timeline .item.odd>img{left:50%;margin-left:394px}section.companyHistory .timeline .item.even>.content{left:-262px}section.companyHistory .timeline .item.even>.content::after{right:-50px;border-width:43px 0 43px 50px;border-color:transparent transparent transparent #fff}section.companyHistory .timeline .item.even>img{right:50%;margin-right:394px}@media screen and (min-width: 85.375em)and (max-width: 108.99875em){section.companyHistory .timeline .item>.content{width:310px;height:265px;padding:22px 40px}section.companyHistory .timeline .item>img{top:29px;width:290px}section.companyHistory .timeline .item.odd>.content{left:235px}section.companyHistory .timeline .item.odd>img{margin-left:360px}section.companyHistory .timeline .item.even>.content{left:-235px}section.companyHistory .timeline .item.even>img{margin-right:360px}}@media print,screen and (min-width: 64em)and (max-width: 85.37375em){section.companyHistory h2{margin-bottom:50px}section.companyHistory .timeline .item::before{top:23px}section.companyHistory .timeline .item:not(:first-of-type){margin-top:-50px}section.companyHistory .timeline .item>.content{width:220px;height:160px;padding:15px 30px}section.companyHistory .timeline .item>.content>.year{font-size:38.5px}section.companyHistory .timeline .item>.content>.text{font-size:13px;line-height:15.6px}section.companyHistory .timeline .item>img{top:10px;width:205px}section.companyHistory .timeline .item.odd>.content{left:170px}section.companyHistory .timeline .item.odd>.content::after{left:-40px;border-width:35px 40px 35px 0}section.companyHistory .timeline .item.odd>img{margin-left:271px}section.companyHistory .timeline .item.even>.content{left:-170px}section.companyHistory .timeline .item.even>.content::after{right:-40px;border-width:35px 0 35px 40px}section.companyHistory .timeline .item.even>img{margin-right:271px}}@media print,screen and (max-width: 63.99875em){section.companyHistory{padding-top:25px}section.companyHistory h2{margin-bottom:25px}section.companyHistory .timeline{margin-top:85px;padding-bottom:10px;background-position:35px 0}section.companyHistory .timeline span.firstPoint{width:14px;height:14px;left:53px;margin-left:0}section.companyHistory .timeline span.firstPoint>span.outerCircle{width:24px;height:24px;top:-7px;left:-7px}section.companyHistory .timeline .item{margin-top:0 !important;margin-bottom:32px}section.companyHistory .timeline .item::before{width:14px;height:14px;top:10px;left:53px;margin-left:0}section.companyHistory .timeline .item>.content{width:191px;height:auto;min-height:84px;padding:13px 15px}section.companyHistory .timeline .item>.content>.year{margin-bottom:5px;font-size:16px}section.companyHistory .timeline .item>.content>.text{font-size:13px;line-height:16px}section.companyHistory .timeline .item.even>.content,section.companyHistory .timeline .item.odd>.content{left:29px}section.companyHistory .timeline .item.even>.content::after,section.companyHistory .timeline .item.odd>.content::after{left:-18px;right:auto;border-width:17px 18px 17px 0;border-color:transparent #fff transparent transparent}section.companyHistory .timeline .item.even>img,section.companyHistory .timeline .item.odd>img{position:relative;width:195px;top:0;left:54px;margin:-21px auto 0 auto}}.companyHistory .grid-container .cell .timeline .item.odd .content,.companyHistory .grid-container .cell .timeline .item.even .content{background-color:#0c50a1;color:#fff}section.companyHistory .timeline .item.odd>.content::after{border-color:transparent #0c50a1 transparent transparent}section.companyHistory .timeline .item.even>.content::after{border-color:transparent transparent transparent #0c50a1}section.companyHistory .timeline .item>.content{height:330px}section.companyHistory .timeline span.firstPoint{border:2px solid #7fc31c}section.companyHistory .timeline span.firstPoint>span.outerCircle{border:2px solid #7fc31c}section.companyHistory .timeline .item::before{border:2px solid #7fc31c}section.companyHistory .timeline{background-image:url("../img/companyHistory_background_green.gif")}section.companyHistory{background:transparent linear-gradient(180deg, #fff 0, #fff 100%) 0 0 no-repeat padding-box}section.companyHistory .timeline .item>.content>.text{font-size:18px;line-height:20px}@media print,screen and (max-width: 63.99875em){section.companyHistory .timeline .item.even>.content::after{border-color:transparent #0c50a1 transparent transparent}section.companyHistory .timeline .item>.content>.year{font-size:18px}section.companyHistory .timeline .item>.content>.text{font-size:15px}section.companyHistory .timeline .item>.content{height:240px}section.companyHistory .timeline span.firstPoint{top:-19px}}