.animation-container {
  width: 960px;
  height: 1080px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #f8c261;
  overflow: hidden;
}
.animation-container [class*='l'] {
  position: absolute;
  pointer-events: none;
  /* opacity: .75; */
}
.animation-container .slider {
  position: absolute;
  top: 35px;
  left: 30px;
  right: 30px;
  background: #000;
  height: 10px;
  pointer-events: auto;
  opacity: .2;
}

.animation-container .slider:hover {
  opacity: 1;
}

.block.expertise .btn-place {
  display: block;
  width: 1px;
  height: 1px;
  background: rgba(0, 0, 0, .5);
  margin: 0 auto;
}

.block.expertise .btn.white.purple {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
  pointer-events: none;
  opacity: 0;
}

#multiscroll {
  z-index: 5;
  position: relative;
}

.block.expertise {
  overflow: hidden;
  height: 100%;
  background: #77cd8a;
}

/*expertise page */
.ms-section .ms-tableCell {
  text-align: center;
}

.ms-section {
  overflow: hidden;
}

.ms-section .ms-tableCell article {
  text-align: left;
}

.ms-section article {
  -webkit-transform: scale(.7);
  -moz-transform: scale(.7);
  -ms-transform: scale(.7);
  -o-transform: scale(.7);
  transform: scale(.7);
}

.last-section {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #8c518a;
  background: rgb(164, 89, 161);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNhNDU5YTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOGM1MThhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-radial-gradient(center, ellipse cover, rgba(174, 99, 171, 1) 1%, rgba(140, 81, 138, 1) 50%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%, rgba(174, 99, 171, 1)), color-stop(50%, rgba(140, 81, 138, 1)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(174, 99, 171, 1) 1%, rgba(140, 81, 138, 1) 50%);
  background: -o-radial-gradient(center, ellipse cover, rgba(174, 99, 171, 1) 1%, rgba(140, 81, 138, 1) 50%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(174, 99, 171, 1) 1%, rgba(140, 81, 138, 1) 50%);
  background: radial-gradient(ellipse at center, rgba(174, 99, 171, 1) 1%, rgba(140, 81, 138, 1) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a459a1', endColorstr='#8c518a', GradientType=1);
}

.purple .over {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.ms-left .last-section {
  left: -100%;
  right: 0;
}

.ms-right .last-section {
  left: 0;
  right: -100%;
}

.expertise .ms-section .last-section article {
  margin: 0;
  padding: 0 0 7rem;
  /*padding: 10% 0 0;*/
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.expertise .ms-section .last-section article h2 {
  background: url(../images/expertise-purple-title.png) no-repeat 50% 100%;
  background-size: contain;
  /*height: 10%;*/
  width: 63%;
  margin: 0 auto 3.75rem;
  padding-bottom: 10%;
}

.expertise .ms-section .last-section article p {
  color: #f7f7f7;
  width: 70%;
  margin: 0 auto 3.125rem;
  font-family: Lato-Light;
  font-size: 1.625rem;
  line-height: 2.25rem;
  padding: 0;
}

/*strategic*/

.strategic-container .inner,
.strategic-container .strategic {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.strategic-container .l1 {
  left: 264px;
  top: 167px;
  background: url("../images/expertise/strategic-l-1.png") no-repeat;
  width: 347px;
  height: 541px;
  /*z-index: 2;*/
}

.strategic-container .l9 {
  background: url("../images/expertise/strategic-l-9.png") no-repeat;
  width: 195px;
  height: 150px;
  left: 279px;
  top: 220px;
}

.strategic-container .l9 > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.strategic-container .l9:after {
  background: url("../images/expertise/strategic-l-9-blick.png") no-repeat;
  width: 18px;
  height: 62px;
  content: '';
  position: absolute;
  top: 41px;
  left: 48px;
  z-index: 2;
}

.strategic-container .l2 {
  background: url("../images/expertise/strategic-l-2.png") no-repeat;
  width: 144px;
  height: 162px;
  top: 255px;
  left: 453px;
}

.strategic-container .l3 {
  background: url("../images/expertise/strategic-l-3.png") no-repeat;
  width: 243px;
  height: 357px;
  top: 308px;
  left: 72px;
  -webkit-transform-origin: 100% 115px;
  -moz-transform-origin: 100% 115px;
  -ms-transform-origin: 100% 115px;
  -o-transform-origin: 100% 115px;
  transform-origin: 100% 115px;
}

.strategic-container .l4 {
  background: url("../images/expertise/strategic-l-4.png") no-repeat;
  width: 383px;
  height: 481px;
  top: 300px;
  left: 511px;
  -webkit-transform-origin: 70px 243px;
  -moz-transform-origin: 70px 243px;
  -ms-transform-origin: 70px 243px;
  -o-transform-origin: 70px 243px;
  transform-origin: 70px 243px;
  z-index: 5;
}

.strategic-container .l5 {
  background: url("../images/expertise/strategic-l-5.png") no-repeat;
  width: 200px;
  height: 433px;
  top: 550px;
  left: 179px;
  -webkit-transform-origin: 156px 60px;
  -moz-transform-origin: 156px 60px;
  -ms-transform-origin: 156px 60px;
  -o-transform-origin: 156px 60px;
  transform-origin: 156px 60px;
}

.strategic-container .l6 {
  background: url("../images/expertise/strategic-l-6.png") no-repeat;
  width: 157px;
  height: 407px;
  top: 586px;
  left: 354px;
  -webkit-transform-origin: 74px 41px;
  -moz-transform-origin: 74px 41px;
  -ms-transform-origin: 74px 41px;
  -o-transform-origin: 74px 41px;
  transform-origin: 74px 41px;
  z-index: 3;
}

.strategic-container .l7 {
  background: url("../images/expertise/strategic-l-7.png") no-repeat;
  width: 9px;
  height: 232px;
  top: 0;
  left: 387px;
  z-index: 3;
}

.strategic-container .l8 {
  background: url("../images/expertise/strategic-l-8.png") no-repeat;
  width: 166px;
  height: 131px;
  top: 198px;
  left: 302px;
  z-index: 6;
}

.strategic-container .l10 {
  background: url("../images/expertise/strategic-l-10.png") 0 6px no-repeat;
  width: 86px;
  height: 41px;
  top: 49px;
  left: 65px;
  z-index: 5;
  opacity: 0;
}

.strategic-container .l11 {
  background: url("../images/expertise/strategic-l-11.png") no-repeat;
  width: 24px;
  height: 41px;
  top: 0;
  left: 58px;
  -webkit-transform-origin: 0 27px;
  -moz-transform-origin: 0 27px;
  -ms-transform-origin: 0 27px;
  -o-transform-origin: 0 27px;
  transform-origin: 0 27px;
}

.strategic-container .l12 {
  background: url("../images/expertise/strategic-l-12.png") no-repeat;
  width: 127px;
  height: 32px;
  top: 258px;
  left: 325px;
  z-index: 4;
  opacity: 0;
}



/*ninja*/
.ninja-container {
  background: #c0263d;
}

.ninja-container .l0 {
  background: url("../images/expertise/strategic-l-7.png") repeat-y;
  width: 9px;
  height: 195px;
  position: absolute;
  top: 0;
  left: 346px;
}

.ninja-container .l1 {
  background: url("../images/expertise/ninja-l-1.png") no-repeat;
  width: 743px;
  height: 538px;
  top: 501px;
  left: 80px;
}

.ninja-container .l2 {
  background: url("../images/expertise/ninja-l-2.png") no-repeat;
  width: 188px;
  height: 236px;
  top: 275px;
  left: 232px;
}

.ninja-container .l3 {
  background: url("../images/expertise/ninja-l-3.png") no-repeat;
  width: 132px;
  height: 149px;
  top: 181px;
  left: 242px;
  -webkit-transform-origin: 68px 127px;
  -moz-transform-origin: 68px 127px;
  -ms-transform-origin: 68px 127px;
  -o-transform-origin: 68px 127px;
  transform-origin: 68px 127px;
}

.ninja-container .l4 {
  background: url("../images/expertise/ninja-l-4.png") no-repeat;
  width: 81px;
  height: 86px;
  top: 179px;
  left: 350px;
  -webkit-transform-origin: 8px 34px;
  -moz-transform-origin: 8px 34px;
  -ms-transform-origin: 8px 34px;
  -o-transform-origin: 8px 34px;
  transform-origin: 8px 34px;
}

.ninja-container .l5 {
  background: url("../images/expertise/ninja-l-5.png") no-repeat;
  width: 13px;
  height: 11px;
  top: 72px;
  left: 20px;
}

.ninja-container .l6 {
  background: url("../images/expertise/ninja-l-6.png") no-repeat;
  width: 19px;
  height: 10px;
  top: 73px;
  left: 51px;
}

.ninja-container .l5 div,
.ninja-container .l6 div {
  position: absolute;
  top: 0;
  left: 1px;
  right: 5px;
  bottom: 4px;
}

.ninja-container .l5 div div,
.ninja-container .l6 div div {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 4px;
  height: 4px;
  background: #1e1058;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.ninja-container .l7 {
  background: url("../images/expertise/ninja-l-7.png") no-repeat;
  width: 78px;
  height: 89px;
  top: 356px;
  left: 190px;
  -webkit-transform-origin: 63px 17px;
  -moz-transform-origin: 63px 17px;
  -ms-transform-origin: 63px 17px;
  -o-transform-origin: 63px 17px;
  transform-origin: 63px 17px;
}

.ninja-container .l8 {
  background: url("../images/expertise/ninja-l-8.png") no-repeat;
  width: 100px;
  height: 69px;
  top: 384px;
  left: 115px;
  -webkit-transform-origin: 92px 54px;
  -moz-transform-origin: 92px 54px;
  -ms-transform-origin: 92px 54px;
  -o-transform-origin: 92px 54px;
  transform-origin: 92px 54px;
}

.ninja-container .l9 {
  background: url("../images/expertise/ninja-l-9.png") no-repeat;
  width: 74px;
  height: 88px;
  top: 317px;
  left: 60px;
  -webkit-transform-origin: 55px 66px;
  -moz-transform-origin: 55px 66px;
  -ms-transform-origin: 55px 66px;
  -o-transform-origin: 55px 66px;
  transform-origin: 55px 66px;
}

.ninja-container .l10 {
  background: url("../images/expertise/ninja-l-10.png") no-repeat;
  width: 74px;
  height: 92px;
  top: 317px;
  left: 407px;
  -webkit-transform-origin: 14px 36px;
  -moz-transform-origin: 14px 36px;
  -ms-transform-origin: 14px 36px;
  -o-transform-origin: 14px 36px;
  transform-origin: 14px 36px;
}

.ninja-container .l11 {
  background: url("../images/expertise/ninja-l-11.png") no-repeat;
  width: 117px;
  height: 45px;
  top: 376px;
  left: 450px;
  -webkit-transform-origin: 18px 19px;
  -moz-transform-origin: 18px 19px;
  -ms-transform-origin: 18px 19px;
  -o-transform-origin: 18px 19px;
  transform-origin: 18px 19px;
}

.ninja-container .l12 {
  background: url("../images/expertise/ninja-l-12.png") no-repeat;
  width: 78px;
  height: 61px;
  top: 407px;
  left: 524px;
  -webkit-transform-origin: 40px 6px;
  -moz-transform-origin: 40px 6px;
  -ms-transform-origin: 40px 6px;
  -o-transform-origin: 40px 6px;
  transform-origin: 40px 6px;
}

.ninja-container .l13 {
  background: url("../images/expertise/ninja-l-13.png") no-repeat;
  width: 183px;
  height: 157px;
  top: 451px;
  left: 183px;
  -webkit-transform-origin: 136px 45px;
  -moz-transform-origin: 136px 45px;
  -ms-transform-origin: 136px 45px;
  -o-transform-origin: 136px 45px;
  transform-origin: 136px 45px;
}

.ninja-container .l14 {
  background: url("../images/expertise/ninja-l-14.png") no-repeat;
  width: 153px;
  height: 149px;
  top: 595px;
  left: 183px;
  -webkit-transform-origin: 31px 16px;
  -moz-transform-origin: 31px 16px;
  -ms-transform-origin: 31px 16px;
  -o-transform-origin: 31px 16px;
  transform-origin: 31px 16px;
}

.ninja-container .l15 {
  background: url("../images/expertise/ninja-l-15.png") no-repeat;
  width: 101px;
  height: 27px;
  top: 735px;
  left: 245px;
  -webkit-transform-origin: 79px 11px;
  -moz-transform-origin: 79px 11px;
  -ms-transform-origin: 79px 11px;
  -o-transform-origin: 79px 11px;
  transform-origin: 79px 11px;
}

.ninja-container .l16 {
  background: url("../images/expertise/ninja-l-16.png") no-repeat;
  width: 207px;
  height: 134px;
  top: 443px;
  left: 353px;
  -webkit-transform-origin: 28px 41px;
  -moz-transform-origin: 28px 41px;
  -ms-transform-origin: 28px 41px;
  -o-transform-origin: 28px 41px;
  transform-origin: 28px 41px;
}

.ninja-container .l17 {
  background: url("../images/expertise/ninja-l-17.png") no-repeat;
  width: 69px;
  height: 197px;
  top: 541px;
  left: 492px;
  -webkit-transform-origin: 36px 22px;
  -moz-transform-origin: 36px 22px;
  -ms-transform-origin: 36px 22px;
  -o-transform-origin: 36px 22px;
  transform-origin: 36px 22px;
}

.ninja-container .l18 {
  background: url("../images/expertise/ninja-l-18.png") no-repeat;
  width: 103px;
  height: 41px;
  top: 726px;
  left: 502px;
  -webkit-transform-origin: 26px 15px;
  -moz-transform-origin: 26px 15px;
  -ms-transform-origin: 26px 15px;
  -o-transform-origin: 26px 15px;
  transform-origin: 26px 15px;
}

.ninja-container .l19 {
  background: url("../images/expertise/ninja-l-19.png") no-repeat;
  width: 79px;
  height: 89px;
  position: absolute;
  top: 340px;
  left: 73px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

/*superman*/
.superman-container {
  background: #79c5d6;
  width: 1800px;
  height: 2020px;
}

.superman-container .superman {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.superman-container .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.superman-container .l1 {
  /*background: url("../images/expertise/superman-l-1.png") no-repeat;*/
  width: 621px;
  height: 834px;
  position: absolute;
  top: 571px;
  left: 1088px;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  z-index: 0;
}

.superman-container .l1 div {
  position: absolute;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
}

.superman-container .l1 div:nth-child(1) {
  background: url("../images/expertise/superman-l-1-1.png") no-repeat;
  width: 111px;
  height: 485px;
  top: 10px;
  left: 71px;
  z-index: 2;
}

.superman-container .l1 div:nth-child(2) {
  background: url("../images/expertise/superman-l-1-2.png") no-repeat;
  width: 97px;
  height: 290px;
  top: 461px;
  left: 141px;
  z-index: 3;
}

.superman-container .l1 div:nth-child(3) {
  background: url("../images/expertise/superman-l-1-3.png") no-repeat;
  width: 150px;
  height: 426px;
  top: 117px;
  left: 2px;
  z-index: 4;
}

.superman-container .l1 div:nth-child(4) {
  background: url("../images/expertise/superman-l-1-4.png") no-repeat;
  width: 206px;
  height: 268px;
  top: 495px;
  left: 47px;
  z-index: 5;
}

.superman-container .l1 div:nth-child(5) {
  background: url("../images/expertise/superman-l-1-5.png") no-repeat;
  width: 286px;
  height: 216px;
  top: 322px;
  left: 160px;
  z-index: 1;
}

.superman-container .l2 {
  background: url("../images/expertise/superman-l-2.png") no-repeat;
  width: 1800px;
  height: 144px;
  top: 1633px;
  left: 0;
}

.superman-container .l3 {
  background: url("../images/expertise/superman-l-3.png") no-repeat;
  width: 1612px;
  height: 247px;
  top: 1644px;
  left: 67px;
}

.superman-container .l4 {
  background: url("../images/expertise/superman-l-4.png") no-repeat;
  width: 454px;
  height: 716px;
  top: 1101px;
  left: 812px;
}

.superman-container .l5 {
  background: url("../images/expertise/superman-l-5.png") no-repeat;
  width: 306px;
  height: 640px;
  top: 476px;
  left: 928px;
}

.superman-container .l6 {
  background: url("../images/expertise/superman-l-6.png") no-repeat;
  width: 204px;
  height: 205px;
  top: 301px;
  left: 1008px;
}

.superman-container .l7 {
  background: url("../images/expertise/superman-l-7.png") no-repeat;
  width: 360px;
  height: 377px;
  top: 1058px;
  left: 983px;
  -webkit-transform-origin: 157px 0;
  -moz-transform-origin: 157px 0;
  -ms-transform-origin: 157px 0;
  -o-transform-origin: 157px 0;
  transform-origin: 157px 0;
}

.superman-container .l8 {
  background: url("../images/expertise/superman-l-8.png") no-repeat;
  width: 156px;
  height: 104px;
  top: 1020px;
  left: 1051px;
}

.superman-container .l9 {
  background: url("../images/expertise/superman-l-9.png") no-repeat;
  width: 450px;
  height: 1314px;
  top: 347px;
  left: 67px;
}

.superman-container .l9 > div {
  background: url("../images/expertise/superman-l-9-a.png") no-repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

.superman-container .l9 > div:nth-child(2) {
  background: url("../images/expertise/superman-l-9-b.png") no-repeat;
  clip: rect(318px, 170px, 319px, 171px);
}

.superman-container .l10 {
  background: url("../images/expertise/superman-l-10.png") no-repeat;
  width: 866px;
  height: 406px;
  top: 374px;
  left: 207px;
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  -o-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.superman-container .l11 {
  background: url("../images/expertise/superman-l-11.png") no-repeat;
  width: 1800px;
  height: 244px;
  top: 1776px;
  left: 0;
}

.superman-container .wind {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.superman-container .wind > div {
  background: url("../images/expertise/superman-l-wind.png") no-repeat;
  width: 60px;
  height: 70px;
  position: absolute;
}

/*superman*/
.artists-container {
  background: #94e0d2;
  width: 1800px;
  height: 2020px;
}

.artists-container .artists {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.artists-container .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.artists-container .l1 {
  background: url("../images/expertise/artists-l-1.png") no-repeat;
  top: 230px;
  left: 379px;
  width: 1172px;
  height: 1759px;
}

.artists-container .l2 {
  background: url("../images/expertise/artists-l-2.png") no-repeat;
  top: 958px;
  left: 1090px;
  width: 421px;
  height: 119px;
}

.artists-container .l3 {
  background: url("../images/expertise/artists-l-3.png") no-repeat;
  top: 1091px;
  left: 554px;
  width: 228px;
  height: 39px;
}

.artists-container .l4 {
  background: url("../images/expertise/artists-l-4.png") no-repeat;
  top: 1027px;
  left: 647px;
  width: 542px;
  height: 98px;
}

.artists-container .l5 {
  background: url("../images/expertise/artists-l-5.png") no-repeat;
  top: 354px;
  left: 874px;
  width: 270px;
  height: 476px;
  -webkit-transform-origin: 110px 444px;
  -moz-transform-origin: 110px 444px;
  -ms-transform-origin: 110px 444px;
  -o-transform-origin: 110px 444px;
  transform-origin: 110px 444px;
}

.artists-container .l6 {
  background: url("../images/expertise/artists-l-6.png") no-repeat;
  top: -125px;
  left: 123px;
  width: 210px;
  height: 159px;
  -webkit-transform-origin: 80px 134px;
  -moz-transform-origin: 80px 134px;
  -ms-transform-origin: 80px 134px;
  -o-transform-origin: 80px 134px;
  transform-origin: 80px 134px;
}

.artists-container .l7 {
  background: url("../images/expertise/artists-l-7.png") no-repeat;
  top: 604px;
  left: 201px;
  width: 558px;
  height: 275px;
  -webkit-transform-origin: 546px 153px;
  -moz-transform-origin: 546px 153px;
  -ms-transform-origin: 546px 153px;
  -o-transform-origin: 546px 153px;
  transform-origin: 546px 153px;
}

.artists-container .l8 {
  background: url("../images/expertise/artists-l-8.png") no-repeat;
  top: -10px;
  left: -132px;
  width: 240px;
  height: 337px;
  -webkit-transform-origin: 190px 38px;
  -moz-transform-origin: 190px 38px;
  -ms-transform-origin: 190px 38px;
  -o-transform-origin: 190px 38px;
  transform-origin: 190px 38px;
}

.artists-container .l9 {
  background: url("../images/expertise/artists-l-9.png") no-repeat;
  top: 462px;
  left: 444px;
  width: 302px;
  height: 416px;
  -webkit-transform-origin: 278px 348px;
  -moz-transform-origin: 278px 348px;
  -ms-transform-origin: 278px 348px;
  -o-transform-origin: 278px 348px;
  transform-origin: 278px 348px;
}

.artists-container .l10 {
  background: url("../images/expertise/artists-l-10.png") no-repeat;
  top: 571px;
  left: 950px;
  width: 307px;
  height: 292px;
  -webkit-transform-origin: 42px 241px;
  -moz-transform-origin: 42px 241px;
  -ms-transform-origin: 42px 241px;
  -o-transform-origin: 42px 241px;
  transform-origin: 42px 241px;
}

.artists-container .l11 {
  background: url("../images/expertise/artists-l-11.png") no-repeat;
  top: -191px;
  left: 233px;
  width: 157px;
  height: 227px;
  -webkit-transform-origin: 56px 204px;
  -moz-transform-origin: 56px 204px;
  -ms-transform-origin: 56px 204px;
  -o-transform-origin: 56px 204px;
  transform-origin: 56px 204px;
}

.artists-container .l12 {
  background: url("../images/expertise/artists-l-12.png") no-repeat;
  top: 725px;
  left: 903px;
  width: 415px;
  height: 224px;
  -webkit-transform-origin: 66px 113px;
  -moz-transform-origin: 66px 113px;
  -ms-transform-origin: 66px 113px;
  -o-transform-origin: 66px 113px;
  transform-origin: 66px 113px;
}

.artists-container .l13 {
  background: url("../images/expertise/artists-l-13.png") no-repeat;
  top: -81px;
  left: 350px;
  width: 282px;
  height: 274px;
  -webkit-transform-origin: 52px 125px;
  -moz-transform-origin: 52px 125px;
  -ms-transform-origin: 52px 125px;
  -o-transform-origin: 52px 125px;
  transform-origin: 52px 125px;
}

.artists-container .l14 {
  top: 10px;
  left: 278px;
  width: 226px;
  height: 227px;
  -webkit-transform-origin: 115px 49px;
  -moz-transform-origin: 115px 49px;
  -ms-transform-origin: 115px 49px;
  -o-transform-origin: 115px 49px;
  transform-origin: 115px 49px;
  background: url("../images/expertise/artists-l-14.png") no-repeat;
}

.artists-container .l15 {
  top: 724px;
  left: 470px;
  width: 425px;
  height: 307px;
  -webkit-transform-origin: 25px 250px;
  -moz-transform-origin: 25px 250px;
  -ms-transform-origin: 25px 250px;
  -o-transform-origin: 25px 250px;
  transform-origin: 25px 250px;
}

.artists-container .l15:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../images/expertise/artists-l-15.png") no-repeat;
}

.artists-container .l16 {
  background: url("../images/expertise/artists-l-16.png") no-repeat;
  top: 523px;
  left: 766px;
  width: 29px;
  height: 29px;
}

.artists-container .l17 {
  background: url("../images/expertise/artists-l-17.png") no-repeat;
  top: 519px;
  left: 877px;
  width: 31px;
  height: 32px;
}

.artists-container .l18 {
  background: url("../images/expertise/artists-l-18.png") no-repeat;
  top: 491px;
  left: 630px;
  width: 336px;
  height: 90px;
}

.artists-container .l19 {
  background: url("../images/expertise/artists-l-19.png") no-repeat;
  top: 586px;
  left: 721px;
  width: 254px;
  height: 75px;
}

.artists-container .l20 {
  background: url("../images/expertise/artists-l-20.png") no-repeat;
  top: 415px;
  left: 750px;
  width: 62px;
  height: 23px;
}

.artists-container .l21 {
  background: url("../images/expertise/artists-l-21.png") no-repeat;
  top: 472px;
  left: 871px;
  width: 54px;
  height: 17px;
}

/*.attract*/
.attract-container {
  width: 3600px;
  height: 2030px;
  background: none;
}

.expertise-slides-item.first:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../images/expertise/attract-l-1-over.png") no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

.attract,
.attract .inner {
  width: 100%;
  height: 100%;
}

.attract .l1 {
  background: url("../images/expertise/attract-l-1.png") no-repeat;
  width: 100%;
  height: 100%;
}

.attract .rope {
  width: 27px;
  overflow: hidden;
}

.attract .rope div {
  position: absolute;
  top: -1000px;
  left: 0;
  width: 27px;
  background: url("../images/expertise/attract-l-13.png") repeat-y;
  height: 3000px;
}

.attract .l2 {
  top: 924px;
  left: 1191px;
  height: 402px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.attract .l3 {
  top: 740px;
  left: 1248px;
  height: 200px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
}

.attract .l4 {
  top: 478px;
  left: 1540px;
  height: 500px;
}

.attract .l5 {
  top: 671px;
  left: 1978px;
  height: 511px;
}

.attract .l6 {
  top: 709px;
  left: 2278px;
  height: 450px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
}

.attract .l7 {
  top: 683px;
  left: 2490px;
  height: 94px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
}

.attract .l9 {
  top: 769px;
  left: 2579px;
  height: 1340px;
}

.attract .l9.rope div {
  top: -2232px;
}

.attract .l10 {
  background: url("../images/expertise/attract-l-11.png") no-repeat;
  width: 114px;
  height: 220px;
  top: 982px;
  left: 1220px;
}

.attract .l10 div {
  background: url("../images/expertise/attract-l-12.png") no-repeat;
  width: 85px;
  height: 85px;
  position: absolute;
  top: -80px;
  left: -26px;
}

.attract .l22,
.attract .l11 {
  width: 60px;
  height: 50px;
  overflow: hidden;
  top: 710px;
  left: 2401px;
}

.attract .l22 div,
.attract .l11 div {
  background: url("../images/expertise/attract-l-14.png") no-repeat;
  width: 154px;
  height: 154px;
}

.attract .l11 {
  top: 701px;
  left: 1260px;
  width: 45px;
  height: 45px;
}

.attract .l23,
.attract .l12 {
  width: 60px;
  height: 60px;
  overflow: hidden;
  top: 711px;
  left: 2548px;
}

.attract .l23 div,
.attract .l12 div {
  background: url("../images/expertise/attract-l-14.png") no-repeat;
  width: 154px;
  height: 154px;
  position: absolute;
  top: 0;
  left: -94px;
}

.attract .l12 {
  top: 707px;
  left: 1801px;
  height: 35px;
}

.attract .l24 {
  background: url("../images/expertise/attract-l-15.png") no-repeat;
  width: 112px;
  height: 38px;
  top: 1058px;
  left: 2060px;
}

.attract .l25 {
  background: url("../images/expertise/attract-l-16.png") no-repeat;
  width: 313px;
  height: 247px;
  top: 1458px;
  left: 2430px;
}

.attract .l25:after {
  content: '';
  background: url("../images/expertise/attract-l-17.png") no-repeat;
  width: 33px;
  height: 91px;
  position: absolute;
  top: 120px;
  left: 66px;
}

.attract .l26 {
  background: url("../images/expertise/attract-l-18.png") no-repeat;
  width: 113px;
  height: 71px;
  top: 133px;
  left: 73px;
}

.attract .l26 div {
  position: absolute;
  background: url("../images/expertise/attract-l-19.png") no-repeat;
  width: 42px;
  height: 76px;
  top: -7px;
  left: 110px;
  -webkit-transform-origin: 0 45px;
  -moz-transform-origin: 0 45px;
  -ms-transform-origin: 0 45px;
  -o-transform-origin: 0 45px;
  transform-origin: 0 45px;
}

.attract .text-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
}

.attract .l27 {
  background: url("../images/expertise/attract-l-20.png") no-repeat;
  width: 283px;
  height: 66px;
  left: 10px;
  top: 180px;
}

.attract .l30 {
  font-family: Lato-Regular;
  font-size: 60px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  width: 2400px;
  left: 50%;
  margin-left: -1200px;
  top: 420px;
  letter-spacing: 3px;
}

.attract .l31 {
  font: 53px/90px 'Lato-Regular';
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  width: 2400px;
  left: 50%;
  margin-left: -1200px;
  top: 555px;
  letter-spacing: 1px;
}

.attract .l31 {
  top: 1430px;
}
@media (max-width: 1024px) {
  /*attract*/
  .attract-container {
    width: 1024px;
    height: 577px;
  }

  .attract .l1 {
    background: url("../images/expertise/attract-l-1-m.png") no-repeat;
  }

  .attract .rope {
    width: 7px;
  }

  .attract .rope div {
    width: 7px;
    background: url("../images/expertise/attract-l-13-m.png") repeat-y;
    top: -500px;
    height: 1000px;
  }

  .attract .l2 {
    top: 268px;
    left: 337px;
    height: 110px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }

  .attract .l3 {
    top: 209px;
    left: 355px;
    height: 53px;
  }

  .attract .l4 {
    top: 134px;
    left: 439px;
    height: 143px;
  }

  .attract .l5 {
    top: 191px;
    left: 564px;
    height: 143px;
  }

  .attract .l6 {
    top: 199px;
    left: 647px;
    height: 130px;
  }

  .attract .l7 {
    top: 193px;
    left: 710px;
    height: 27px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .attract .l9 {
    top: 218px;
    left: 733px;
    height: 370px;

  }

  .attract .l22 div,
  .attract .l11 div,
  .attract .l23 div,
  .attract .l12 div {
    background: url("../images/expertise/attract-l-14-m.png") no-repeat;
    width: 46px;
    height: 46px;
  }

  .attract .l22,
  .attract .l11 {
    width: 20px;
    height: 14px;
    top: 200px;
    left: 680px;
  }

  .attract .l11 {
    width: 15px;
    height: 15px;
    top: 197px;
    left: 356px;
  }

  .attract .l23,
  .attract .l12 {
    width: 20px;
    height: 20px;
    overflow: hidden;
    top: 199px;
    left: 727px;
  }

  .attract .l12 {
    width: 20px;
    height: 14px;
    top: 198px;
    left: 514px;
  }

  .attract .l23 div,
  .attract .l12 div {
    width: 46px;
    height: 46px;
    left: -30px;
  }

  .attract .l30,
  .attract .l31 {
    font-size: 13px;
    line-height: 16px;
    top: 157px;
    width: 700px;
    margin-left: -350px;
  }

  .attract .l31 {
    top: 389px;
  }

  .attract .l9.rope div {
    top: -774px;
  }

  .attract .l10 {
    background: url("../images/expertise/attract-l-11-m.png") no-repeat;
    width: 33px;
    height: 65px;
    top: 274px;
    left: 345px;
  }

  .attract .l10 div {
    background: url("../images/expertise/attract-l-12-m.png") no-repeat;
    width: 26px;
    height: 26px;
    position: absolute;
    top: -20px;
    left: -7px;
  }

  .attract .l25 {
    background: url("../images/expertise/attract-l-16-m.png") no-repeat;
    width: 90px;
    height: 72px;
    top: 417px;
    left: 691px;
  }

  .attract .l25:after {
    content: '';
    background: url("../images/expertise/attract-l-17-m.png") no-repeat;
    width: 10px;
    height: 24px;
    position: absolute;
    top: 36px;
    left: 19px;
  }

  .attract .l26 {
    background: url("../images/expertise/attract-l-18-m.png") no-repeat;
    width: 32px;
    height: 20px;
    top: 40px;
    left: 28px;
  }

  .attract .l26 div {
    position: absolute;
    background: url("../images/expertise/attract-l-19-m.png") no-repeat;
    width: 12px;
    height: 21px;
    top: -2px;
    left: 32px;
    -webkit-transform-origin: 0 13px;
    -moz-transform-origin: 0 13px;
    -ms-transform-origin: 0 13px;
    -o-transform-origin: 0 13px;
    transform-origin: 0 13px;
  }

  .attract .l27 {
    background: url("../images/expertise/attract-l-20-m.png") no-repeat;
    width: 79px;
    height: 20px;
    left: 8px;
    top: 46px;
  }

  /*artists*/
  .artists-container {
    background: #94e0d2;
    width: 512px;
    height: 574px;
  }

  .artists-container .l1 {
    background: url("../images/expertise/artists-l-1-m.png") no-repeat;
    width: 335px;
    height: 496px;
    top: 71px;
    left: 107px;
  }

  .artists-container .l2 {
    background: url("../images/expertise/artists-l-2-m.png") no-repeat;
    width: 119px;
    height: 35px;
    top: 273px;
    left: 311px;
  }

  .artists-container .l3 {
    background: url("../images/expertise/artists-l-3-m.png") no-repeat;
    width: 66px;
    height: 12px;
    top: 311px;
    left: 157px;
  }

  .artists-container .l4 {
    background: url("../images/expertise/artists-l-4-m.png") no-repeat;
    width: 155px;
    height: 29px;
    top: 293px;
    left: 183px;
  }

  .artists-container .l5 {
    background: url("../images/expertise/artists-l-5-m.png") no-repeat;
    width: 75px;
    height: 136px;
    top: 101px;
    left: 249px;
    -webkit-transform-origin: 28px 127px;
    -moz-transform-origin: 28px 127px;
    -ms-transform-origin: 28px 127px;
    -o-transform-origin: 28px 127px;
    transform-origin: 28px 127px;
  }

  .artists-container .l6 {
    background: url("../images/expertise/artists-l-6-m.png") no-repeat;
    width: 61px;
    height: 46px;
    top: -35px;
    left: 32px;
    -webkit-transform-origin: 34px 28px;
    -moz-transform-origin: 34px 28px;
    -ms-transform-origin: 34px 28px;
    -o-transform-origin: 34px 28px;
    transform-origin: 34px 28px;
  }

  .artists-container .l7 {
    background: url("../images/expertise/artists-l-7-m.png") no-repeat;
    width: 159px;
    height: 80px;
    top: 172px;
    left: 57px;
    -webkit-transform-origin: 155px 44px;
    -moz-transform-origin: 155px 44px;
    -ms-transform-origin: 155px 44px;
    -o-transform-origin: 155px 44px;
    transform-origin: 155px 44px;
  }

  .artists-container .l8 {
    background: url("../images/expertise/artists-l-8-m.png") no-repeat;
    width: 70px;
    height: 96px;
    top: 0px;
    left: -38px;
    -webkit-transform-origin: 52px 10px;
    -moz-transform-origin: 52px 10px;
    -ms-transform-origin: 52px 10px;
    -o-transform-origin: 52px 10px;
    transform-origin: 52px 10px;
  }

  .artists-container .l9 {
    background: url("../images/expertise/artists-l-9-m.png") no-repeat;
    width: 86px;
    height: 136px;
    top: 129px;
    left: 128px;
    -webkit-transform-origin: 78px 104px;
    -moz-transform-origin: 78px 104px;
    -ms-transform-origin: 78px 104px;
    -o-transform-origin: 78px 104px;
    transform-origin: 78px 104px;
  }

  .artists-container .l10 {
    background: url("../images/expertise/artists-l-10-m.png") no-repeat;
    width: 88px;
    height: 83px;
    top: 164px;
    left: 271px;
    -webkit-transform-origin: 15px 72px;
    -moz-transform-origin: 15px 72px;
    -ms-transform-origin: 15px 72px;
    -o-transform-origin: 15px 72px;
    transform-origin: 15px 72px;
  }

  .artists-container .l11 {
    background: url("../images/expertise/artists-l-11-m.png") no-repeat;
    width: 45px;
    height: 65px;
    top: -55px;
    left: 68px;
    -webkit-transform-origin: 15px 61px;
    -moz-transform-origin: 15px 61px;
    -ms-transform-origin: 15px 61px;
    -o-transform-origin: 15px 61px;
    transform-origin: 15px 61px;
  }

  .artists-container .l12 {
    background: url("../images/expertise/artists-l-12-m.png") no-repeat;
    width: 119px;
    height: 64px;
    top: 207px;
    left: 256px;
    -webkit-transform-origin: 19px 34px;
    -moz-transform-origin: 19px 34px;
    -ms-transform-origin: 19px 34px;
    -o-transform-origin: 19px 34px;
    transform-origin: 19px 34px;
  }

  .artists-container .l13 {
    background: url("../images/expertise/artists-l-13-m.png") no-repeat;
    width: 77px;
    height: 75px;
    top: -23px;
    left: 103px;
    -webkit-transform-origin: 12px 36px;
    -moz-transform-origin: 12px 36px;
    -ms-transform-origin: 12px 36px;
    -o-transform-origin: 12px 36px;
    transform-origin: 12px 36px;
  }

  .artists-container .l14 {
    background: url("../images/expertise/artists-l-14-m.png") no-repeat;
    width: 66px;
    height: 66px;
    top: 2px;
    left: 78px;
    -webkit-transform-origin: 36px 16px;
    -moz-transform-origin: 36px 16px;
    -ms-transform-origin: 36px 16px;
    -o-transform-origin: 36px 16px;
    transform-origin: 36px 16px;
  }

  .artists-container .l15 {
    width: 152px;
    height: 88px;
    top: 207px;
    left: 133px;
    -webkit-transform-origin: 7px 72px;
    -moz-transform-origin: 7px 72px;
    -ms-transform-origin: 7px 72px;
    -o-transform-origin: 7px 72px;
    transform-origin: 7px 72px;
  }

  .artists-container .l15:after {
    background: url("../images/expertise/artists-l-15-m.png") no-repeat;
  }

  .artists-container .l16 {
    background: url("../images/expertise/artists-l-16-m.png") no-repeat;
    width: 9px;
    height: 9px;
    top: 150px;
    left: 218px;
  }

  .artists-container .l17 {
    background: url("../images/expertise/artists-l-17-m.png") no-repeat;
    width: 10px;
    height: 10px;
    top: 149px;
    left: 249px;
  }

  .artists-container .l18 {
    background: url("../images/expertise/artists-l-18-m.png") no-repeat;
    width: 96px;
    height: 27px;
    top: 140px;
    left: 179px;
  }

  .artists-container .l19 {
    background: url("../images/expertise/artists-l-19-m.png") no-repeat;
    width: 73px;
    height: 24px;
    top: 166px;
    left: 205px;
  }

  .artists-container .l20 {
    background: url("../images/expertise/artists-l-20-m.png") no-repeat;
    top: 121px;
    left: 215px;
    width: 17px;
    height: 6px;
  }

  .artists-container .l21 {
    background: url("../images/expertise/artists-l-21-m.png") no-repeat;
    top: 132px;
    left: 247px;
    width: 16px;
    height: 8px;
  }
}