.welcome {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.welcome .airport {
    position: absolute;
    top: -4%;
    left: 11%;
    width: 263%;
    height: 100%;
    background-image: url("images/airport_background.png");
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
}

.welcome .airport-2 {
    position: absolute;
    top: 0%;
    left: -102%;
    width: 192%;
    height: 92%;
    background-image: url(images/airport_background.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    filter: saturate(160%);
}

.welcome .airplane-window {
    position: absolute;
    top: 0;
    left: -1%;
    width: 101%;
    height: 100%;
    background-image: url("images/Window_01.png");
    z-index: 2;
    background-size: 104%;
}

.welcome .airplane-window-2 {
    position: absolute;
    top: 0;
    left: -1%;
    width: 101%;
    height: 100%;
    background-image: url("images/Window_01.png");
    z-index: 2;
    background-size: 104%;
}

.welcome .airplane-window-3 {
    position: absolute;
    top: 0;
    left: -12.2%;
    width: 122%;
    height: 114%;
    background-image: url(images/Window-no-wing.png);
    z-index: 1;
    filter: saturate(160%);
}

.tablet {
    position: absolute;
    top: 100%;
    width: 82.70%;
    height: 87.31%;
    left: 8.65%;
    background: url("images/TabletArla.png") center no-repeat;
    background-size: 100% 100%;
    z-index: 3;
    opacity: 1;
    overflow: hidden;
}

.tablet-inside-image-holder {
    width: 67.6%;
    height: 80.5%;
    top: 100%;
    left: 16.5%;
    position: absolute;
    background-size: 100% 100%;
    z-index: 2;
}

.tablet-inside-image {
    width: 100%;
    height: 100%;
    top: -100%;
    left: 0;
    position: absolute;
    background-size: 100% 100%;
    z-index: 2;
    background-image: url("images/TabletInside.png");
}

.britanica-logo {
    position: absolute;
    top: 9%;
    left: 5.9%;
    width: 88.3%;
    height: 81.9%;
    box-shadow: 0px 0px 50px #fff;
}

.britanica-img {
    position: absolute;
    top: 0.5%;
    left: 36.1%;
    width: 30%;
    height: 9%;
    background-image: url("images/britanica_logo_white.png");
    background-position: center;
    background-repeat: no-repeat;
}

.far {
    font-size: 2.5vw;
    cursor: pointer;
    color: #fff;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    top: 3%;
    left: 28%;
}


/* ROOF ANIMATION */

.welcome-roof {
    display: none;
}


/* .airport-with-roof {
    position: absolute;
    width: 52.89%;
    top: 3%;
    left: 11.9%;
    height: 91%;
    background-image: url("images/ROOF.png");
    z-index: 3;
    background-size: 100%;
} */

.airport-without-roof {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("images/airport-no-roof.png");
    z-index: 1;
}

.tablet-filter {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('images/Filter.png');
    width: 100%;
    height: 100%;
    z-index: 4;
}

.welcome .fadein {
    background: black;
    z-index: 10;
}

.welcome .flashingdiv {
    opacity: 0;
    z-index: 5;
    background: #fff;
}

.flash-before-roof {
    background: #fff;
    opacity: 0;
    z-index: 5;
}