.location_other{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(../images/location_4.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}


.level_3{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(29, 7, 64, 0.6);
    opacity: 0;
}



.level_3 img{
    position: absolute;
    top: 27%;
    left: 25%;
    width: 50%;
}


.level_3_end {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(29, 7, 64, 0.6);
    opacity: 0;
}
.level_3_end img{
    position: absolute;
    top: 27%;
    left: 15%;
    width: 70%;
}

.level_3_next {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(29, 7, 64, 0.6);
    opacity: 0;
}
.level_3_next .plaha{
    position: absolute;
    top: 23%;
    left: 15%;
    width: 70%;
}

@keyframes example22 {
    0% {opacity: 1;}
    90% {opacity: 1;}
    100% {opacity: 0;}
  }

.level_3_next .wou{
position: absolute;
top: 0px;
left: 0px;
width: 20%;
height: 30%;
opacity: 0;
}

.level_3_next.show .wou{
    opacity: 1;
    animation-name: example22;
    animation-duration: 3s;
}

.level_3_next .wou.wou2{
    left: auto;
    right: 0px;
    transform: scaleX(-1);
}


@keyframes exampleboxParent3 {
    0% {opacity: 0;}
    20% {opacity: 1;}
    40% {opacity: 0;}
    60% {opacity: 1;}
    80% {opacity: 0;}
    100% {opacity: 1;}
  }

.boxParent3{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.boxParent3.open {
    opacity: 1;
    animation-name: exampleboxParent3;
    animation-duration: 1s;
}



.box_3_1{
    top: 82.5%;
    left: 5%;
}
.box_3_2{
    top: 42%;
    left: 10%;
}
.box_3_3{
    top: 76.5%;
    left: 80%;
}
.box_3_4{
    top: 34%;
    left: 73.4%;
}
.box_3_5{
    top: 42%;
    left: 47%;
}


.boxOpen_3_1{
    top: 82.5%;
    left: 5%;
}
.boxOpen_3_2{
    top: 42%;
    left: 10%;
}
.boxOpen_3_3{
    top: 76.5%;
    left: 80%;
}
.boxOpen_3_4{
    top: 34%;
    left: 73.4%;
}
.boxOpen_3_5{
    top: 42%;
    left: 47%;
}







.piople_2{
    position: absolute;
    bottom: 129%;
    left: 330%;
    width: 100%;
    height: 80%;
    background-image: url(../images/piople_3.png);
    background-size: 170% 115%;
    background-repeat: no-repeat;
    background-position: 51% 100%;
}
.piople_2.ok{
    background-image: url(../images/piople_4.png);
}







.paper3 {
    position: absolute;
    width: 8%;
    height: 8%;
    background-image:url(../images/tel.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin-top: -4.2%;
    margin-left: 0.5%;
    opacity: 0;
}
.paper3.open{
    opacity: 0;
    animation-name: example;
    animation-duration: 2s;
}

.paper_3_1{
    top: 81%;
    left: 3.5%;
}
.paper_3_2{
    top: 41%;
    left: 8%;
}
.paper_3_3{
    background-image:url(../images/inst.png);
    top: 41%;
    left: 45.5%;
}

@keyframes example3 {
    0% {opacity: 1;}
    20% {opacity: 0;}
    40% {opacity: 1;}
    60% {opacity: 0;}
    80% {opacity: 1;}
    100% {opacity: 0;}
  }



.paper.open{
    opacity: 0;
    animation-name: example3;
    animation-duration: 2s;
}

.step_3_3 .men, .step_3_5 .men, .step_3_8 .men, .step_3_9 .men{
    transform: scaleX(-1);
}

.step_3_1{
    left: 17%;
    transition: left 1.5s linear;
}


.step_3_2{
    left: 74%;
    transition: left 2.5s linear;
}

.step_3_3{
    left: 5%;
    transition: left 2.5s linear;
}


.step_3_4{
    left: 45%;
    transition: left 1.5s linear;
}

.step_3_5{
    left: 41%;
    top: 16%;
    transition: all 1s linear;
}
.step_3_5_1{
    left: 41%;
    top: 16%;
    transition: all 0.5s linear;
}


.step_3_6{
    left: 62%;
    top: 16%;
    transition: left 1s linear;
}

.step_3_7{
    left: 67%;
    top: 8%;
    transition: all 0.5s linear;
}


.step_3_8{
    left: 62%;
    top: 16%;
    transition: all 0.5s linear;
}
.step_3_9{
    left: 11%;
    top: 16%;
    transition: left 2.5s linear;
}




.step_3_10{
    left: 45%;
    top: 16%;
    transition: left 1.5s linear;
}


.step_3_11{
    left: 45%;
    transition: all 1s linear;
}



.step_3_12{
    left: 90%;
    transition: left 1.5s linear;
}


.step_3_13{
    left: 100%;
    transition: left 0.5s linear;
}