/* #Map,
#sbnthree {
    opacity: 1;
   //animation: gcpersonmap .3s ease-in-out 0s forwards;
}
 */
.gc-wold-banner svg,
.gc-office-banner svg {
    display: block;
}

#bg1p1, #bg1p2, #bg1p3, #bg1p4,
#bg1p5, #bg1p6, #bg1p7, #bg1p8,
#bg1p9, #bg1p10, #bg1p11, #bg1p12,
#bg1p13, #bg1p14, #bg1p15, #bg1p16,
#bg1p17, #Bg3_p1, #Bg3_p2, #Bg3_p3, #Bg3_p4,
.gc-motion #person_1, .gc-motion #person_2, 
.gc-motion #person_3, .gc-motion #person_4, 
.gc-motion #person_5, .gc-motion #person_6 {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: bottom;
       -moz-transform-origin: bottom;
        -ms-transform-origin: bottom;
         -o-transform-origin: bottom;
            transform-origin: bottom;
    transform-box: fill-box;
}

#bg1p17, #Bg3_p1 {
    -webkit-animation: gcperson .3s ease-in .7s forwards;
       -moz-animation: gcperson .3s ease-in .7s forwards;
         -o-animation: gcperson .3s ease-in .7s forwards;
            animation: gcperson .3s ease-in .7s forwards;
}

#bg1p16, #Bg3_p4 {
    -webkit-animation: gcperson .3s ease-in .9s forwards;
       -moz-animation: gcperson .3s ease-in .9s forwards;
         -o-animation: gcperson .3s ease-in .9s forwards;
            animation: gcperson .3s ease-in .9s forwards;
}

#bg1p15 {
    -webkit-animation: gcperson .3s ease-in 1s forwards;
       -moz-animation: gcperson .3s ease-in 1s forwards;
         -o-animation: gcperson .3s ease-in 1s forwards;
            animation: gcperson .3s ease-in 1s forwards;
}

#bg1p14, #Bg3_p2 {
    -webkit-animation: gcperson .3s ease-in .8s forwards;
       -moz-animation: gcperson .3s ease-in .8s forwards;
         -o-animation: gcperson .3s ease-in .8s forwards;
            animation: gcperson .3s ease-in .8s forwards;
}

#bg1p13 {
    -webkit-animation: gcperson .3s ease-in .5s forwards;
       -moz-animation: gcperson .3s ease-in .5s forwards;
         -o-animation: gcperson .3s ease-in .5s forwards;
            animation: gcperson .3s ease-in .5s forwards;
}

#bg1p12, #Bg3_p3 {
    -webkit-animation: gcperson .3s ease-in .6s forwards;
       -moz-animation: gcperson .3s ease-in .6s forwards;
         -o-animation: gcperson .3s ease-in .6s forwards;
            animation: gcperson .3s ease-in .6s forwards;
}

#bg1p11 {
    -webkit-animation: gcperson .3s ease-in .7s forwards;
       -moz-animation: gcperson .3s ease-in .7s forwards;
         -o-animation: gcperson .3s ease-in .7s forwards;
            animation: gcperson .3s ease-in .7s forwards;
}

#bg1p10 {
    -webkit-animation: gcperson .3s ease-in .8s forwards;
       -moz-animation: gcperson .3s ease-in .8s forwards;
         -o-animation: gcperson .3s ease-in .8s forwards;
            animation: gcperson .3s ease-in .8s forwards;
}

#bg1p9 {
    -webkit-animation: gcperson .3s ease-in .9s forwards;
       -moz-animation: gcperson .3s ease-in .9s forwards;
         -o-animation: gcperson .3s ease-in .9s forwards;
            animation: gcperson .3s ease-in .9s forwards;
}

#bg1p8 {
    -webkit-animation: gcperson .3s ease-in 1s forwards;
       -moz-animation: gcperson .3s ease-in 1s forwards;
         -o-animation: gcperson .3s ease-in 1s forwards;
            animation: gcperson .3s ease-in 1s forwards;
}

#bg1p7 {
    -webkit-animation: gcperson .3s ease-in .8s forwards;
       -moz-animation: gcperson .3s ease-in .8s forwards;
         -o-animation: gcperson .3s ease-in .8s forwards;
            animation: gcperson .3s ease-in .8s forwards;
}

#bg1p6 {
    -webkit-animation: gcperson .3s ease-in .6s forwards;
       -moz-animation: gcperson .3s ease-in .6s forwards;
         -o-animation: gcperson .3s ease-in .6s forwards;
            animation: gcperson .3s ease-in .6s forwards;
}

#bg1p5 {
    -webkit-animation: gcperson .3s ease-in .5s forwards;
       -moz-animation: gcperson .3s ease-in .5s forwards;
         -o-animation: gcperson .3s ease-in .5s forwards;
            animation: gcperson .3s ease-in .5s forwards;
}

#bg1p4 {
    -webkit-animation: gcperson .3s ease-in .7s forwards;
       -moz-animation: gcperson .3s ease-in .7s forwards;
         -o-animation: gcperson .3s ease-in .7s forwards;
            animation: gcperson .3s ease-in .7s forwards;
}

#bg1p3 {
    -webkit-animation: gcperson .3s ease-in .5s forwards;
       -moz-animation: gcperson .3s ease-in .5s forwards;
         -o-animation: gcperson .3s ease-in .5s forwards;
            animation: gcperson .3s ease-in .5s forwards;
}

#bg1p2 {
    -webkit-animation: gcperson .3s ease-in .9s forwards;
       -moz-animation: gcperson .3s ease-in .9s forwards;
         -o-animation: gcperson .3s ease-in .9s forwards;
            animation: gcperson .3s ease-in .9s forwards;
}

#bg1p1 {
    -webkit-animation: gcperson .3s ease-in .7s forwards;
       -moz-animation: gcperson .3s ease-in .7s forwards;
         -o-animation: gcperson .3s ease-in .7s forwards;
            animation: gcperson .3s ease-in .7s forwards;
}

.gc-motion #person_1,
.gc-motion #person_2, 
.gc-motion #person_3, 
.gc-motion #person_4, 
.gc-motion #person_5, 
.gc-motion #person_6 {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: bottom;
       -moz-transform-origin: bottom;
        -ms-transform-origin: bottom;
         -o-transform-origin: bottom;
            transform-origin: bottom;
    transform-box: fill-box;
}

.gc-motion #person_1 {
    -webkit-animation: gcperson .5s ease-in 1s forwards;
       -moz-animation: gcperson .5s ease-in 1s forwards;
         -o-animation: gcperson .5s ease-in 1s forwards;
            animation: gcperson .5s ease-in 1s forwards;
}

.gc-motion #person_2 {
    -webkit-animation: gcperson .5s ease-in 1.1s forwards;
       -moz-animation: gcperson .5s ease-in 1.1s forwards;
         -o-animation: gcperson .5s ease-in 1.1s forwards;
            animation: gcperson .5s ease-in 1.1s forwards;
}

.gc-motion #person_3 {
    -webkit-animation: gcperson .5s ease-in 1.2s forwards;
       -moz-animation: gcperson .5s ease-in 1.2s forwards;
         -o-animation: gcperson .5s ease-in 1.2s forwards;
            animation: gcperson .5s ease-in 1.2s forwards;
}

.gc-motion #person_4 {
    -webkit-animation: gcperson .5s ease-in 1.3s forwards;
       -moz-animation: gcperson .5s ease-in 1.3s forwards;
         -o-animation: gcperson .5s ease-in 1.3s forwards;
            animation: gcperson .5s ease-in 1.3s forwards;
}

.gc-motion #person_5 {
    -webkit-animation: gcperson .5s ease-in 1.4s forwards;
       -moz-animation: gcperson .5s ease-in 1.4s forwards;
         -o-animation: gcperson .5s ease-in 1.4s forwards;
            animation: gcperson .5s ease-in 1.4s forwards;
}

.gc-motion #person_6 {
    -webkit-animation: gcperson .5s ease-in 1.5s forwards;
       -moz-animation: gcperson .5s ease-in 1.5s forwards;
         -o-animation: gcperson .5s ease-in 1.5s forwards;
            animation: gcperson .5s ease-in 1.5s forwards;
}

#Hand {
    -webkit-transform: rotate(20deg);
       -moz-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
         -o-transform: rotate(20deg);
            transform: rotate(20deg);
    /* -webkit-animation: hand 3s ease-in-out 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate; */
    -webkit-animation-name: hand;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 0;
    -webkit-animation-fill-mode: none;
       -moz-animation: hand 3s ease-in-out 1.5s infinite alternate;
         -o-animation: hand 3s ease-in-out 1.5s infinite alternate;
            animation: hand 3s ease-in-out 1.5s infinite alternate;
    -webkit-transform-origin: 7% 67%; /*top*/
       -moz-transform-origin: 7% 67%;
        -ms-transform-origin: 7% 67%;
         -o-transform-origin: 7% 67%;
            transform-origin: 7% 67%;
    /* transform-box: fill-box; */
}

#Right_hand {
    -webkit-transform: rotate(9deg);
       -moz-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
         -o-transform: rotate(9deg);
            transform: rotate(9deg);
    -webkit-animation: hand 3s ease-in-out 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
       -moz-animation: hand 2s ease-in-out 1.5s infinite alternate;
         -o-animation: hand 2s ease-in-out 1.5s infinite alternate;
            animation: hand 2s ease-in-out 1.5s infinite alternate;
    -webkit-transform-origin: 32% 39%;/*bottom*/
       -moz-transform-origin: 32% 39%;
        -ms-transform-origin: 32% 39%;
         -o-transform-origin: 32% 39%;
            transform-origin: 32% 39%;
    /* transform-box: fill-box; */
}

#Head_person3 {
    -webkit-transform: rotate(17deg);
       -moz-transform: rotate(17deg);
        -ms-transform: rotate(17deg);
         -o-transform: rotate(17deg);
            transform: rotate(17deg);
    -webkit-animation: hand 3s ease-in-out 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
       -moz-animation: hand 3s ease-in-out 1.5s infinite alternate;
         -o-animation: hand 3s ease-in-out 1.5s infinite alternate;
            animation: hand 3s ease-in-out 1.5s infinite alternate;
    -webkit-transform-origin: 44% 33%;/*bottom*/
       -moz-transform-origin: 44% 33%;
        -ms-transform-origin: 44% 33%;
         -o-transform-origin: 44% 33%;
            transform-origin: 44% 33%;
    /* transform-box: fill-box; */
}

#Head_person4 {
    -webkit-transform: rotate(-13deg);
       -moz-transform: rotate(-13deg);
        -ms-transform: rotate(-13deg);
         -o-transform: rotate(-13deg);
            transform: rotate(-13deg);
    -webkit-animation: hand 3s ease-in-out 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
       -moz-animation: head 2s ease-in-out 1.5s infinite alternate;
         -o-animation: head 2s ease-in-out 1.5s infinite alternate;
            animation: head 2s ease-in-out 1.5s infinite alternate;
    -webkit-transform-origin: 52% 35%;/*bottom*/
       -moz-transform-origin: 52% 35%;
        -ms-transform-origin: 52% 35%;
         -o-transform-origin: 52% 35%;
            transform-origin: 52% 35%;
    /* transform-box: fill-box; */
}

#Head_person6 {
    -webkit-transform: rotate(-7deg);
       -moz-transform: rotate(-7deg);
        -ms-transform: rotate(-7deg);
         -o-transform: rotate(-7deg);
            transform: rotate(-7deg);
    -webkit-animation: hand 3s ease-in-out 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
       -moz-animation: head2 2s ease-in-out 1.5s infinite alternate;
         -o-animation: head2 2s ease-in-out 1.5s infinite alternate;
            animation: head2 2s ease-in-out 1.5s infinite alternate;
    -webkit-transform-origin: 62% 35%;/*bottom*/
       -moz-transform-origin: 62% 35%;
        -ms-transform-origin: 62% 35%;
         -o-transform-origin: 62% 35%;
            transform-origin: 62% 35%;
    /* transform-box: fill-box; */
}

#Head_Person2 {
    -webkit-transform: rotate(-7deg);
       -moz-transform: rotate(-7deg);
        -ms-transform: rotate(-7deg);
         -o-transform: rotate(-7deg);
            transform: rotate(-7deg);
    -webkit-animation: hand 3s ease-in-out 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
       -moz-animation: head2 2s ease-in-out 1.5s infinite alternate;
         -o-animation: head2 2s ease-in-out 1.5s infinite alternate;
            animation: head2 2s ease-in-out 1.5s;
            animation-iteration-count: infinite;
            animation-direction: alternate;
    -webkit-transform-origin: 88% 76%;/*bottom*/
       -moz-transform-origin: 88% 76%;
        -ms-transform-origin: 88% 76%;
         -o-transform-origin: 88% 76%;
            transform-origin: 88% 76%;
    /* transform-box: fill-box; */
}

/* DISABLE ON ANIMATION EDGE AND IE */
@supports (-ms-ime-align:auto) {
    #motion-graphics.hide-on-ie {
        display: none;
    }
    #motion-graphics.hide-on-chrome {
        display: block;
    }
}