/* .welcome {
    z-index: 2;
} */

.baggage {
    position: absolute;
    top: 13%;
    left: 39%;
    top: 46%;
    left: 73%;
    background-image: url('images/Airport parts/Baggage-Reclaim.png');
    z-index: 5;
}

.departures {
    position: absolute;
    top: 9%;
    left: 32%;
    top: 0%;
    left: 0%;
    background-image: url('images/Airport parts/Departures-Hall.png');
    z-index: 5;
}

.security {
    position: absolute;
    top: 18.22%;
    left: 34.8%;
    top: 53.22%;
    left: -0.2%;
    background-image: url('images/Airport parts/Security.png');
    z-index: 5;
}

.arrivals {
    position: absolute;
    top: 20%;
    left: 26.2%;
    top: 2%;
    left: 44.2%;
    background-image: url('images/Airport parts/Aarrivals-Hall.png');
    z-index: 5;
}

.customs {
    position: absolute;
    top: 19%;
    left: 29%;
    top: 46%;
    left: 31%;
    background-image: url('images/Airport parts/customs.png');
    z-index: 5;
}

.fullimage {
    background-image: url('images/Airport parts/Airport-Cutaway.png');
}

.blur-effect-container {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background-image: url('images/Airport parts/Airport-Cutaway.png');
    z-index: 6;
}

.blur-effect {
    transition: all 1s;
    filter: blur(7px);
}

.subscenehovereffect:hover {
    filter: drop-shadow(0px 0px 19px rgb(255, 165, 0));
}

.light-zoom {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.light-zoom:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 15 !important;
}


/* beginning animation START */

.scene-two-start-animation {
    animation: light-zoom 0.7s;
    animation-iteration-count: 1;
}

@keyframes light-zoom {
    0% {
        transform: scale(1);
        filter: drop-shadow(9px 9px 9px rgb(255, 165, 0));
    }
    50% {
        transform: scale(1.05);
        filter: drop-shadow(9px 9px 9px rgb(255, 165, 0));
    }
    100% {
        transform: scale(1);
        filter: unset;
    }
}

.customs-zindex {
    z-index: 200;
}

.arrivals-zindex {
    z-index: 260;
}

.security-zindex {
    z-index: 220;
}

.departures-zindex {
    z-index: 240;
}

.baggage-zindex {
    z-index: 280;
}


/* beginning animation END */

.fullimage-blur {
    -webkit-filter: blur(7px);
    filter: blur(7px);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
}

.departures-alone {
    position: absolute;
    left: 0;
    top: 0;
    width: 70%;
    background-image: url('images/Airport parts/Departures-Hall.png');
    z-index: 1;
}

#departures-answer {
    width: 25%;
    height: 7%;
    top: 9%;
    left: 17%;
    z-index: 7;
}

#security-answer {
    width: 34%;
    height: 12%;
    top: 23%;
    left: 4%;
    z-index: 7;
}

.scene2-next-button {
    animation: pulse-button 1s linear infinite;
}

@keyframes pulse-button {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

.scene2-next-button:hover {
    -webkit-animation: none;
    animation: none;
    cursor: pointer;
}

#arrivals-answer {
    width: 22%;
    height: 11%;
    top: 81%;
    left: 7%;
    z-index: 7;
}

#baggage-answer {
    width: 43%;
    height: 15%;
    top: 80%;
    left: 21%;
    z-index: 7;
}

#customs-answer {
    width: 28%;
    height: 11%;
    top: 17%;
    left: 29%;
    z-index: 7;
}

.word-catcher {
    background-color: grey;
    opacity: 0.7;
    width: 25%;
    height: 10%;
    top: 39%;
    left: 16%;
    z-index: 4;
}

.word-catcher-departures {
    background-color: grey;
    opacity: 0.7;
    width: 25%;
    height: 10%;
    top: 39%;
    left: 16%;
    z-index: 4;
}

.single-image-departures {
    width: 72%;
    height: 100%;
    background-image: url('images/Airport parts/Departures-Hall.png');
}


/* zoom images holder */

.arrival-holder {
    display: none;
    width: 23%;
    height: 9.2%;
    top: 69%;
    left: 11%;
}

.departures-holder {
    display: none;
    width: 18.175%;
    height: 7%;
    top: 9%;
    left: 12.4%;
}

.security-holder {
    display: none;
    width: 31.7%;
    height: 12.2%;
    top: 23.7%;
    left: 3.6%;
}

.baggage-holder {
    display: none;
    width: 30.4%;
    height: 11.2%;
    top: 80%;
    left: 45.5%;
}

.customs-holder {
    display: none;
    width: 25.3%;
    height: 9.8%;
    top: 25.5%;
    left: 16.3%;
}

.linehight-position {
    line-height: 2vw !important;
}

.welcome-game {
    display: none;
    opacity: 0;
    z-index: 19;
}


/* Help - answers START */

.departures-final-answer {
    background: #38B54A;
    color: white;
    font-size: 0.8vw;
    line-height: 300%;
}

.arrival-final-answer {
    background: #38B54A;
    color: white;
    font-size: 0.8vw;
    line-height: 300%;
}

.security-final-answer {
    background: #38B54A;
    color: white;
    font-size: 0.8vw;
    line-height: 300%;
}

.baggage-final-answer {
    background: #38B54A;
    color: white;
    font-size: 0.8vw;
    line-height: 300%;
}

.customs-final-answer {
    background: #38B54A;
    color: white;
    font-size: 0.8vw;
    line-height: 300%;
}


/* Help - answers END */

#departures-answer>li>div {
    font-size: 1.1vw !important;
    line-height: 2.5vw !important;
}

#arrivals-answer>li>div {
    font-size: 1.1vw !important;
    line-height: 2.5vw !important;
}

#security-answer>li>div {
    font-size: 1.1vw !important;
    line-height: 2.5vw !important;
}

#customs-answer>li>div {
    font-size: 1.1vw !important;
    line-height: 2.5vw !important;
}

#baggage-answer>li>div {
    font-size: 1.1vw !important;
    line-height: 2.7vw !important;
}

#baggage-answer>li {
    width: 102%;
    height: 78% !important;
    top: -13% !important;
}

.departures-holder>li>div {
    font-size: 1.54vw;
    line-height: 3.6vw;
}

.security-holder>li>div {
    font-size: 2.75vw;
}

.baggage-holder>li>div {
    font-size: 2.8vw;
}

.arrival-holder>li>div {
    font-size: 2vw;
}

.customs-holder>li>div {
    font-size: 2.22vw;
}

.ul-words-departures {
    width: 21.28%;
    height: 61%;
    left: 67.08%;
    top: 21%;
    text-align: center;
    overflow: visible;
    display: none;
}

.ul-words-departures li {
    padding-top: 15px;
}

.li-words-departures {
    position: absolute;
    height: 13.3%;
    font-size: 1.5vw;
    color: #fff;
    margin-top: 2%;
    cursor: pointer;
    list-style: none;
    z-index: 1;
    background: url('images/Button_real.png') no-repeat center;
    background-size: 100% 100%;
}

.ul-words-departures .li-words-departures .fa-window-close {
    top: 24%;
    width: auto;
    height: auto;
    left: 81%;
    font-size: 3vw;
}

.arrivals-position-departures {
    top: 0%;
    width: 100%;
}

.departures-position-departures {
    top: 14%;
    width: 100%;
}

.security-position-departures {
    top: 28%;
    width: 100%;
}

.baggage-position-departures {
    top: 42%;
    width: 100%;
}

.customs-position-departures {
    top: 56%;
    width: 100%;
}

.ul-words-arrivals {
    width: 21.28%;
    height: 61%;
    left: 67.08%;
    top: 21%;
    text-align: center;
    overflow: visible;
    display: none;
}

.ul-words-arrivals li {
    padding-top: 15px;
}

.ul-words-arrivals .li-words-arrivals .fa-window-close {
    top: 24%;
    width: auto;
    height: auto;
    left: 81%;
    font-size: 3vw;
}

.li-words-arrivals {
    position: absolute;
    height: 13.3%;
    font-size: 1.5vw;
    color: #fff;
    margin-top: 2%;
    cursor: pointer;
    list-style: none;
    z-index: 1;
    background: url('images/Button_real.png') no-repeat center;
    background-size: 100% 100%;
}

.arrivals-position-arrivals {
    top: 0%;
    width: 100%;
}

.departures-position-arrivals {
    top: 14%;
    width: 100%;
}

.security-position-arrivals {
    top: 28%;
    width: 100%;
}

.baggage-position-arrivals {
    top: 42%;
    width: 100%;
}

.customs-position-arrivals {
    top: 56%;
    width: 100%;
}

.ul-words-security {
    width: 21.28%;
    height: 61%;
    left: 67.08%;
    top: 21%;
    text-align: center;
    overflow: visible;
    display: none;
}

.ul-words-security li {
    padding-top: 15px;
}

.ul-words-security .li-words-security .fa-window-close {
    top: 24%;
    width: auto;
    height: auto;
    left: 81%;
    font-size: 3vw;
}

.li-words-security {
    position: absolute;
    height: 13.3%;
    font-size: 1.5vw;
    color: #fff;
    margin-top: 2%;
    cursor: pointer;
    list-style: none;
    z-index: 1;
    background: url('images/Button_real.png') no-repeat center;
    background-size: 100% 100%;
}

.arrivals-position-security {
    top: 0%;
    width: 100%;
}

.departures-position-security {
    top: 14%;
    width: 100%;
}

.security-position-security {
    top: 28%;
    width: 100%;
}

.baggage-position-security {
    top: 42%;
    width: 100%;
}

.customs-position-security {
    top: 56%;
    width: 100%;
}

.ul-words-customs {
    width: 21.28%;
    height: 61%;
    left: 67.08%;
    top: 21%;
    text-align: center;
    overflow: visible;
    display: none;
}

.ul-words-customs li {
    padding-top: 15px;
}

.ul-words-customs .li-words-customs .fa-window-close {
    top: 24%;
    width: auto;
    height: auto;
    left: 81%;
    font-size: 3vw;
}

.li-words-customs {
    position: absolute;
    height: 13.3%;
    font-size: 1.5vw;
    color: #fff;
    margin-top: 2%;
    cursor: pointer;
    list-style: none;
    z-index: 1;
    background: url('images/Button_real.png') no-repeat center;
    background-size: 100% 100%;
}

.arrivals-position-customs {
    top: 0%;
    width: 100%;
}

.departures-position-customs {
    top: 14%;
    width: 100%;
}

.security-position-customs {
    top: 28%;
    width: 100%;
}

.baggage-position-customs {
    top: 42%;
    width: 100%;
}

.customs-position-customs {
    top: 56%;
    width: 100%;
}

.ul-words-baggage {
    width: 21.28%;
    height: 61%;
    left: 67.08%;
    top: 21%;
    text-align: center;
    overflow: visible;
    display: none;
}

.ul-words-baggage li {
    padding-top: 15px;
}

.ul-words-baggage .li-words-baggage .fa-window-close {
    top: 24%;
    width: auto;
    height: auto;
    left: 81%;
    font-size: 3vw;
}

.li-words-baggage {
    position: absolute;
    height: 13.3%;
    font-size: 1.5vw;
    color: #fff;
    margin-top: 2%;
    cursor: pointer;
    list-style: none;
    z-index: 1;
    background: url('images/Button_real.png') no-repeat center;
    background-size: 100% 100%;
}

.arrivals-position-baggage {
    top: 0%;
    width: 100%;
}

.departures-position-baggage {
    top: 14%;
    width: 100%;
}

.security-position-baggage {
    top: 28%;
    width: 100%;
}

.baggage-position-baggage {
    top: 42%;
    width: 100%;
}

.customs-position-baggage {
    top: 56%;
    width: 100%;
}

.wrong-answer {
    background: url('images/Button_real_wrong.png') no-repeat center;
    background-size: 100% 100%;
}