.banner.loading-in .banner-people{animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 0s both;-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 0s both;}
.banner.loading-in .people-bg2{animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) .4s both;-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) .4s both;}
.banner .banner-content .title1{animation:topOpacity .1s cubic-bezier(0, 0, 0.71, 1.17) .3s both;-webkit-animation:topOpacity .1s cubic-bezier(0, 0, 0.71, 1.17) .3s both;}
.banner .banner-content .title2{animation:topOpacity .2s cubic-bezier(0, 0, 0.71, 1.17) .4s both;-webkit-animation:topOpacity .2s cubic-bezier(0, 0, 0.71, 1.17) .4s both;}
.banner .banner-people .people-bg{ animation:people-bg 4s linear 0s infinite;-webkit-animation:people-bg 4s linear 0s infinite;}

.banner .banner-designer .left{ transform:translateX(-200%);-webkit-transform:translateX(-200%);}
.banner .banner-designer .right{ transform:translateX(200%);-webkit-transform:translateX(200%);}
.banner .banner-designer .center{ transform:translateX(0%);-webkit-transform:translateX(0%);}
.banner .banner-designer-info.center .return .titles .title{animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) 1s both;-webkit-animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) 1s both;}
.banner .banner-designer-info.center .return .pointer{animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 1s both;-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 1s both;}

/*.banner .banner-designer .child1{animation:bottomOpacity 1s cubic-bezier(0, 0, 0.71, 1.17) 0s both;-webkit-animation:bottomOpacity 1s cubic-bezier(0, 0, 0.71, 1.17) 0s both;}
.banner .banner-designer .child2{animation:bottomOpacity 1s cubic-bezier(0, 0, 0.71, 1.17) .2s both;-webkit-animation:bottomOpacity 1s cubic-bezier(0, 0, 0.71, 1.17) .2s both;}
.banner .banner-designer .child3{animation:bottomOpacity 1s cubic-bezier(0, 0, 0.71, 1.17) .4s both;-webkit-animation:bottomOpacity 1s cubic-bezier(0, 0, 0.71, 1.17) .4s both;}
.banner .banner-designer .child4{animation:bottomOpacity 1s cubic-bezier(0, 0, 0.71, 1.17) .6s both;-webkit-animation:bottomOpacity 1s cubic-bezier(0, 0, 0.71, 1.17) .6s both;}
.banner .banner-designer .child5{animation:bottomOpacity 1s cubic-bezier(0, 0, 0.71, 1.17) .8s both;-webkit-animation:bottomOpacity 1s cubic-bezier(0, 0, 0.71, 1.17) .8s both;}
.banner .banner-designer .child6{animation:bottomOpacity 1s cubic-bezier(0, 0, 0.71, 1.17) 1s both;-webkit-animation:bottomOpacity 1s cubic-bezier(0, 0, 0.71, 1.17) 1s both;}
.banner .banner-designer .child7{animation:bottomOpacity 1s cubic-bezier(0, 0, 0.71, 1.17) 1.2s both;-webkit-animation:bottomOpacity 1s cubic-bezier(0, 0, 0.71, 1.17) 1.2s both;}

.banner .banner-designer .more{animation:bottomOpacity 1s cubic-bezier(0, 0, 0.71, 1.17) 1.4s both;-webkit-animation:bottomOpacity 1s cubic-bezier(0, 0, 0.71, 1.17) 1.4s both;}
*/

.banner .banner-designer-info .child-content .head .btns .btns-child:nth-child(1){animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) .2s both;-webkit-animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) .2s both;}
.banner .banner-designer-info .child-content .head .btns .btns-child:nth-child(2){animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) .4s both;-webkit-animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) .4s both;}
.banner .banner-designer-info .child-content .head .btns .btns-child:nth-child(3){animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) .6s both;-webkit-animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) .6s both;}
/*.banner .banner-designer-info .child-content .head .close{animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) 0s both;-webkit-animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) 0s both;}
.banner .banner-designer-info .child-content .head .link{animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 0s both;-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 0s both;}
.banner .banner-designer-info .child-content .content .img{animation:left 1s cubic-bezier(0, 0, 0.71, 1.17) 0s both;-webkit-animation:left 1s cubic-bezier(0, 0, 0.71, 1.17) 0s both;}
.banner .banner-designer-info .child-content .content .infos{animation:right 1s cubic-bezier(0, 0, 0.71, 1.17) 0s both;-webkit-animation:right 1s cubic-bezier(0, 0, 0.71, 1.17) 0s both;}
*/
@keyframes people-bg{
    0%{ transform:scale(0.8);}
    50%{transform:scale(1);}
    100%{transform:scale(0.8);}
}
@-webkit-keyframes people-bg{
    0%{ -webkit-transform:scale(0.8);}
    50%{-webkit-transform:scale(1);}
    100%{-webkit-transform:scale(0.8);}
}


.banner .banner-langs .lang2{ animation:lang2 20s linear 0s infinite;-webkit-animation:lang2 20s linear 0s infinite;}
.banner .banner-langs .lang3{ animation:lang3 20s linear 0s infinite;-webkit-animation:lang3 20s linear 0s infinite;}
@keyframes lang2{
    0%{ transform:translateX(0%);}
    50%{transform:translateX(-20%);}
    100%{transform:translateX(0%);}
}
@-webkit-keyframes lang2{
    0%{ -webkit-transform:translateX(0%);}
    50%{-webkit-transform:translateX(-20%);}
    100%{-webkit-transform:translateX(0%);}
}
@keyframes lang3{
    0%{ transform:translateX(0%);}
    50%{transform:translateX(20%);}
    100%{transform:translateX(0%);}
}
@-webkit-keyframes lang3{
    0%{ -webkit-transform:translateX(0%);}
    50%{-webkit-transform:translateX(20%);}
    100%{-webkit-transform:translateX(0%);}
}


.service.in .titles .title1{animation:topOpacity .4s cubic-bezier(0, 0, 0.71, 1.17) 0s both;-webkit-animation:topOpacity .4s cubic-bezier(0, 0, 0.71, 1.17) 0s both;}
.service.in .titles .title2{animation:topOpacity .4s cubic-bezier(0, 0, 0.71, 1.17) .4s both;-webkit-animation:topOpacity .4s cubic-bezier(0, 0, 0.71, 1.17) .4s both;}
/*.service .contents .head.in{animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) 0s both;-webkit-animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) 0s both;}*/
.service .contents .head.in .btns .btn.red{animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) .2s both;-webkit-animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) .2s both;}
.service .contents .head.in .btns .btn.yellow{animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) .4s both;-webkit-animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) .4s both;}
.service .contents .head.in .btns .btn.green{animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) .6s both;-webkit-animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) .6s both;}
/*.service .contents .links.in{animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) 0s both;-webkit-animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) 0s both;}*/
.service .contents .links.in .search-icon{animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) .2s both;-webkit-animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) .2s both;}
.service .contents .links.in .link{animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) .4s both;-webkit-animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) .4s both;}
.service .contents .links.in .icon1{animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) .6s both;-webkit-animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) .6s both;}
.service .contents .links.in .icon2{animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) .8s both;-webkit-animation:scale 1s cubic-bezier(0, 0, 0.71, 1.17) .8s both;}
.service .contents .content .child.in .bg{animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 0s both;-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 0s both;}
.service .contents .content .child.in .img1{animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) .4s both;-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) .4s both;}
.service .contents .content .child.in .img2{animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) .4s both;-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) .4s both;}
.service .contents .content .child.in .img3{animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) .4s both;-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) .4s both;}

.ability .ability-contents .content1.in .child:nth-child(1) .child-image{animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 0s both;-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 0s both;}
.ability .ability-contents .content1.in .child:nth-child(1) .child-content .title{animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) 0s both;-webkit-animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) 0s both;}
.ability .ability-contents .content1.in .child:nth-child(1) .child-content .info{animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) .4s both;-webkit-animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) .4s both;}

.ability .ability-contents .content1.in .child:nth-child(2) .child-image{animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) .2s both;-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) .2s both;}
.ability .ability-contents .content1.in .child:nth-child(2) .child-content .title{animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) .2s both;-webkit-animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) .2s both;}
.ability .ability-contents .content1.in .child:nth-child(2) .child-content .info{animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) .6s both;-webkit-animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) .6s both;}

.ability .ability-contents .content1.in .child:nth-child(3) .child-image{animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) .4s both;-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) .4s both;}
.ability .ability-contents .content1.in .child:nth-child(3) .child-content .title{animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) .4s both;-webkit-animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) .4s both;}
.ability .ability-contents .content1.in .child:nth-child(3) .child-content .info{animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) .8s both;-webkit-animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) .8s both;}

.ability .ability-contents .content1.in .child:nth-child(4) .child-image{animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) .6s both;-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) .6s both;}
.ability .ability-contents .content1.in .child:nth-child(4) .child-content .title{animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) .6s both;-webkit-animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) .6s both;}
.ability .ability-contents .content1.in .child:nth-child(4) .child-content .info{animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) 1s both;-webkit-animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) 1s both;}

.ability .ability-contents .content1.in .child:nth-child(5) .child-image{animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) .8s both;-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) .8s both;}
.ability .ability-contents .content1.in .child:nth-child(5) .child-content .title{animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) .8s both;-webkit-animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) .8s both;}
.ability .ability-contents .content1.in .child:nth-child(5) .child-content .info{animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) 1.2s both;-webkit-animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) 1.2s both;}

.ability .ability-contents .content1.in .child:nth-child(6) .child-image{animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 1s both;-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 1s both;}
.ability .ability-contents .content1.in .child:nth-child(6) .child-content .title{animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) 1s both;-webkit-animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) 1s both;}
.ability .ability-contents .content1.in .child:nth-child(6) .child-content .info{animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) 1.4s both;-webkit-animation:left .4s cubic-bezier(0, 0, 0.71, 1.17) 1.4s both;}

.ability .ability-contents .content2 .child:nth-child(1){animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 0s both;-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 0s both;}
.ability .ability-contents .content2 .child:nth-child(2){animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) .2s both;-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) .2s both;}
.ability .ability-contents .content2 .child:nth-child(3){animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) .4s both;-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) .4s both;}
.ability .ability-contents .content2 .child:nth-child(4){animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) .6s both;-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) .6s both;}
.ability .ability-contents .content2 .child:nth-child(5){animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) .8s both;-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) .8s both;}
.ability .ability-contents .content2 .child:nth-child(6){animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 1s both;-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 1s both;}
.ability .ability-contents .content2 .child:nth-child(7){animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 1.2s both;-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 1.2s both;}
.ability .ability-contents .content2 .child:nth-child(8){animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 1.4s both;-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 1.4s both;}
.ability .ability-contents .content2 .child:nth-child(9){animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 1.6s both;-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 1.6s both;}
.ability .ability-contents .content2 .child:nth-child(10){animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 1.8s both;-webkit-animation:scale .4s cubic-bezier(0, 0, 0.71, 1.17) 1.8s both;}

@keyframes left{
    0%{ transform: translateX(-100%);}
    100%{transform: translateX(0%);}
}
@-webkit-keyframes left{
    0%{ -webkit-transform: translateX(-100%);}
    100%{-webkit-transform: translateX(0%);}
}
@keyframes right{
    0%{ transform: translateX(100%);}
    100%{transform: translateX(0%);}
}
@-webkit-keyframes right{
    0%{ -webkit-transform: translateX(100%);}
    100%{-webkit-transform: translateX(0%);}
}
@keyframes scale{
    0%{ transform:scale(0);}
    100%{transform:scale(1);}
}
@-webkit-keyframes scale{
    0%{ -webkit-transform:scale(0);}
    100%{-webkit-transform:scale(1);}
}
@keyframes topOpacity{
    0%{ transform:translateY(-100%); opacity:0;}
    100%{transform:translateY(0%); opacity:1;}
}
@-webkit-keyframes topOpacity{
    0%{ -webkit-transform:translateY(-100%); opacity:0;}
    100%{-webkit-transform:translateY(0%); opacity:1;}
}
@keyframes bottomOpacity{
    0%{ transform:translateY(100%); opacity:0;}
    100%{transform:translateY(0%); opacity:1;}
}
@-webkit-keyframes bottomOpacity{
    0%{ -webkit-transform:translateY(100%); opacity:0;}
    100%{-webkit-transform:translateY(0%); opacity:1;}
}