html {
  font-size: 14px;
}


/* Hide scroll bars for all elements  */
    html.no-scroll, .no-scroll body {
      overflow: hidden;
      touch-action: pan-x pan-y;
      overscroll-behavior: none;
    }

    html.scroll, .scroll body {
      overflow-y:auto;
	  overflow-x: hidden;
      touch-action: pan-x pan-y
    }

.slice-page img {width: 100%;}

.z-index {z-index: 99999;}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

* {
  box-sizing: border-box;
}

video {
    object-fit: fill;
}

body {margin: 0px;
	animation: fadeInAnimation ease 2s;}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#arrow-img {
	width: 60px;
	height: auto;
	position: relative;
    top: 22px;
}

iframe {
    display: block;
    background: #000;
    border: none;
    height: 100vh;
    width: 100vw;
}

.relative {position: relative}

.tile-1,
.tile-2,
.tile-3,
.tile-4,
.tile-5,
.tile-6,
.tile-7,
.tile-8,
.tile-9,
.tile-10,
.tile-11,
.tile-12,
.tile-13,
.tile-14 {
    width: 18.8%;
    height: 24.9%;
    position: absolute;
	}

.tile-1 {
    top: 22%;
     left: 34.5%;
}

.tile-2 {
    top: 22%;
    left: 54%;
}

.tile-3 {
    top: 22%;
    left: 73.5%;
}

.tile-4 {
    top: 47.9%;
	left: 34.5%;
}

.tile-5 {
    top:47.9%;
    left: 54%;
}

.tile-6 {
    top: 56.8%;
    left: 76.6%;
}

.tile-7 {
	top: 63.4%;
    left: 56.9%;
}

.tile-8 {
    top: 62.4%;
    left: 69.8%;
}

.tile-9 {
    top: 62.3%;
    left: 82.5%;
}

/*.tile-10 {
    top: 62.3%;
    left: 52.8%;
}

.tile-11 {
    top: 62.3%;
    left: 66.9%;
}

.tile-12 {
    top: 62.3%;
    left: 81.1%;
}

.tile-13 {
    top: 62.3%;
    left: 24.2%;
}*/



/** Bespoke Block links **/

.block-link-1 {
    position: absolute;
    top: 41.3vw;
    width: 14.7%;
    height: 5vw;
    left: 10.36%;
}

.block-link-2 {
    position: absolute;
    top: 41.3vw;
    width: 16%;
    height: 5vw;
    left: 26.3%;
}

.block-link-3 {
    position: fixed;
    width: 16%;
    height: 5vw;
    left: 26.3%;
}




.nav-link-1,
.nav-link-2,
.nav-link-3 {
	 width: 5%;
	 position: absolute;
	 display: flex;
}

.nav-link-1 {top: 3vw; left: 41%;}
.nav-link-2 {top: 3vw; left: 47%;}
.nav-link-3 {top: 3vw; left: 53%;}



/*
.block-link-1.custom-1 {
    position: absolute;
    top: 20.3%;
    width: 15%;
    height: 66px;
    left: 10.5%;
}

.block-link-1.custom-2 {
    position: absolute;
    top: 19.1%;
    width: 15%;
    height: 66px;
    left: 10.5%;
}

.block-link-2.custom-3 {
    position: absolute;
    top: 19.1%;
    width: 15%;
    height: 66px;
    left: 26.5%;
}


.block-link-1.custom-4 {
    position: absolute;
    top: 11.2%;
    width: 15%;
    height: 66px;
    left: 10.5%;
}

.block-link-2.custom-5 {
    position: absolute;
    top: 11.2%;
    width: 15%;
    height: 66px;
    left: 26.5%;
}
*/


.lvl_2_page_tile-1,
.lvl_2_page_tile-2,
.lvl_2_page_tile-3,
.lvl_2_page_tile-4,
.lvl_2_page_tile-5,
.lvl_2_page_tile-6 {
    width: 23%;
    height: 28%;
    position: absolute;
	}

.lvl_2_page_tile-1 {
    top: 25%;
    left: 24.5%;
}

.lvl_2_page_tile-2 {
    top: 25%;
    left: 48.9%;
}

.lvl_2_page_tile-3 {
    top: 25%;
    left: 73.5%;
}

.lvl_2_page_tile-4 {
	top: 54%;
    left: 24.5%;
}

.lvl_2_page_tile-5 {
    top: 54%;
    left: 48.9%;
}

.lvl_2_page_tile-6 {
    top: 54%;
    left: 73.5%;
}

:where(.tile-1, .tile-2, .tile-3, .tile-4, .tile-5, .tile-6, .tile-7, .tile-8, .tile-9):hover {
opacity: 1;
cursor: pointer;
animation: fadeInAnimation ease 0.2s;
}


.slice-page img {width: 100%;}

.z-index {z-index: 99999;}


.pulse {
  animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.3);
  }
}

.slice-page a {text-decoration: none;}



.home-button {
  position:fixed;
  z-index:10;
  top:1.3vw;
  left:1.3vw;
}

.home-button img {
  width:8vw;
  height:auto;
}

/*.home-button {background-color: #07415B;
	padding: 2%;
	position: absolute;
	margin: auto;
	text-align: center;
	left: 50%;
	color: white;
	font-weight: bold;
	font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif';
	font-size: 20px;
}*/

.home-button-logo { /* used on level 2 */
    background-color: transparent;
    position: absolute;
    text-align: left;
    left: 0%;
    color: white;
    font-weight: bold;
    font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif';
    font-size: 20px;
    width: 13.54vw;
    height: 3.39vw;
    margin-left: 4.84vw;
    margin-top: 1.82vw;
}

/*.level-1 .home-button-logo {
  position:fixed;
  z-index:20;
} */


#sticky-header {
  position:fixed;
  z-index:10;
}

.pulse-white {
	box-shadow: 0 0 0 0 rgba(250, 250, 250, 1);
    transform: scale(1);
	border-radius: 100%;
    animation: pulsewhite 2s infinite;
}

@keyframes pulsewhite {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(250, 250, 250, 0.7);
    }

    70% {
        transform: scale(1.1);
        box-shadow: 0 0 0 10px rgba(250, 250, 250, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(250, 250, 250, 0);
    }
}


.pulse-blue {
	box-shadow: 0 0 0 0 rgba(0, 68, 137, 1);
    transform: scale(1);
	border-radius: 100%;
    animation: pulseblue 2s infinite;
}

@keyframes pulseblue {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 68, 137, 0.7);
    }

    70% {
        transform: scale(1.1);
        box-shadow: 0 0 0 10px rgba(0, 68, 137, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 68, 137, 0);
    }
}