nav{
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
	right:10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    mix-blend-mode: difference;
    filter: invert(1);
    z-index: var(--z-menu);
    pointer-events: none;
	/*z-index:10000;*/
	/*transform: translate3d(0,0,0);
	background:#f2f2f2;*/
}

.safari nav {
	position:relative;
}

nav li a{
    display: inline-block;
    text-decoration: none;
    color: #000;
    transition: color 0.25s;
    pointer-events: all;
}
nav ul li a:hover,
nav ul li a.active,
nav ul li.active > a{
    color: var(--red);
    transition: color 0.15s ease-in-out;
}

.menu li a{
    animation: navSlidein 0.5s ease-in-out both;
}
body.seen-menu .menu li a{
	animation:none;
}
.menu{
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    display: block;
    position: relative;
    /* animation: navExpand 1s ease-in-out 1s both; */
}
.menu li{
    font-size: 20rem;
    font-weight: 600;
    line-height: 1;
    position: absolute;
    display: inline-block;
    overflow: hidden;
    padding-bottom: 15px;
    font-family: var(--font-heading);
	transform-origin: 100% 0;
}
.safari .menu li {
	position:fixed;
}
@media (max-width: 1450px){
	.menu li{
		font-size: 17rem;
	}
}

@media (max-width: 991px){
    .menu li{
        font-size: 8rem;
    }
}
.menu li:nth-child(1){
    left: -31px;
    top: -60px;
    transform-origin: 100% 0;
    animation: navWhy 0.85s ease-in-out 1s both;
}
@media (max-width: 1450px){
	.menu li:nth-child(1){
		left: -18px;
		top: -40px;
	}
}
@media (max-width: 991px){
    .menu li:nth-child(1){
        left: -10px;
        top: -20px;
        animation: navWhy 0.86s ease-in-out 1s both; /*Force repaint of menu items*/
    }
}

.menu li:nth-child(2){
    right: -30px;
    top: 429px;
    transform: rotate(90deg);
    transform-origin: 100% 0;
    animation: navWhat 0.85s ease-in-out 1s both;
}
@media (max-width: 1450px){
    .menu li:nth-child(2){
        right: -16px;
		top: 376px;
    }
}
@media (max-width: 991px){
    .menu li:nth-child(2){
        right: -13px;
		top: 173px;
    }
}

.menu li:nth-child(3){
    bottom: -72px;
    right: -3px;
	transform-origin: 100% 0;
    animation: navWho 0.85s ease-in-out 1s both;
}
@media (max-width: 1450px){
    .menu li:nth-child(3){
		bottom: -45px;
		right: 6px;
    }
}
@media (max-width: 991px){
    .menu li:nth-child(3){
        bottom: -35px;
        right: -10px;
        animation: navWho 0.86s ease-in-out 1s both;
    }
}

.menu li:nth-child(4){
	right: calc(100% - 166px);
	bottom: -242px;
    transform: rotate(90deg);
    transform-origin: 100% 0%;
    animation: navWork 0.85s ease-in-out 1s both;
}
@media (max-width: 1450px){
    .menu li:nth-child(4){
		right: calc(100% - 146px);
		bottom: -202px;
    }
}
@media (max-width: 991px){
    .menu li:nth-child(4){
        right: auto;
        left: -80px;
		bottom: -105px;
        animation: navWork 0.86s ease-in-out 1s both;
    }
}



body:not(.home) .menu li,
body.home.seen-menu .menu li {
    animation: none;
}

.menuSmall__top{
    position: absolute;
    top: 20px;

	/*height: 100%;*/
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	
	pointer-events: all;
}
.safari .menuSmall__top {
	position:fixed;
}
.whatSubmenuActive .menuSmall__top {
	height:100%;
}
@media (max-width: 991px){
    .menuSmall__top {
	  top: 58px;
	    width:100%;
	    max-width: calc(100% - 110px);
	    max-height: calc(100% - 70px);
	}
}

.page-collateral .menuSmall__top,
.page-brands .menuSmall__top,
.page-systems .menuSmall__top,
.page-charity-sector .menuSmall__top,
.page-holiday-parks .menuSmall__top,
.page-medcomms .menuSmall__top,
.page-case-studies .menuSmall__top {
	height: auto;
}
.menuSmall__top > * {
	width: 100%;
}
.menuSmall__top h3 {
	font-size: 1.6rem;
	text-align: center;
	flex-shrink: 1;
}
.menuSmall__top a {
	color: black;
}
@media (max-width: 991px){
    .menuSmall__top .tagline{
        display: none;
    }
}
.home .menuSmall__top{
    animation: fadein 0.5s ease-in-out both 4s;
}
.home.seen-eye .menuSmall__top{
    animation: fadein 0.5s ease-in-out both 1.5s;
}
#theeye{
    /* display: none; */
    height: 600px;
    animation: breathe 4s ease-in-out infinite 4.0s both;
    mix-blend-mode: difference;
    fill: #fff;
    z-index: 999;
}
.menuSmall__top h3{
    font-size: 1.6rem;
	font-weight:600;
}
@media (max-width: 991px){
    .menuSmall__top h3{
        font-size: 1.2rem;
		position: absolute;
		top: 5px;
		left: 50%;
		transform:translatex(-50%);
	}
}

.menuSmall__menu{
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;

	flex-grow: 1;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
	margin-top: -74px;
}
@media(max-width:991px){
	.menuSmall__menu{
		padding-right:10px;
		margin-top:-14px;
	}
}
.page-collateral .menuSmall__menu,
.page-brands .menuSmall__menu,
.page-systems .menuSmall__menu,
.page-charity-sector .menuSmall__menu,
.page-holiday-parks .menuSmall__menu,
.page-medcomms .menuSmall__menu,
.page-case-studies .menuSmall__menu {
	margin-top: 0px;
}
@media(max-width:991px){
	.page-collateral .menuSmall__menu,
	.page-brands .menuSmall__menu,
	.page-systems .menuSmall__menu,
    .page-charity-sector .menuSmall__menu,
    .page-holiday-parks .menuSmall__menu,
    .page-medcomms .menuSmall__menu,
    .page-case-studies .menuSmall__menu {
		margin-top: 30px;
	}
}
.menuSmall__menu.active,
.whatSubmenuActive .menuSmall__menu{
	display: flex;
}
.menuSmall__top ul a{
    display: block;
    text-align: center;
    font-size: 9rem;
    font-weight: 600;
	line-height:1.2;
}
@media(max-width:1450px){
	.menuSmall__top ul a{
		font-size: 7rem;
	}
}
@media(max-width:991px){
	.menuSmall__top ul a{
		font-size: 6rem;
	}
}
@media(max-width:767px){
	.menuSmall__top ul a{
		font-size: 4.5rem;
	}
}
.page-collateral .menuSmall__top ul a,
.page-brands .menuSmall__top ul a,
.page-systems .menuSmall__top ul a,
.page-charity-sector .menuSmall__top ul a,
.page-holiday-parks .menuSmall__top ul a,
.page-medcomms .menuSmall__top ul a,
.page-case-studies .menuSmall__top ul a {
    font-size: 2rem;
	line-height:inherit;
}
.page-collateral .menuSmall__top ul ul a,
.page-brands .menuSmall__top ul ul a,
.page-systems .menuSmall__top ul ul a,
.page-charity-sector .menuSmall__top ul ul a,
.page-holiday-parks .menuSmall__top ul ul a,
.page-medcomms .menuSmall__top ul ul a,
.page-case-studies .menuSmall__top ul ul a {
    font-size: 1.7rem;
	line-height:1.25;
}
@media(max-width:991px){
	.page-collateral .menuSmall__top ul a,
	.page-brands .menuSmall__top ul a,
	.page-systems .menuSmall__top ul a,
    .page-charity-sector .menuSmall__top ul a,
    .page-holiday-parks .menuSmall__top ul a,
    .page-medcomms .menuSmall__top ul a,
    .page-case-studies .menuSmall__top ul a  {
		font-size: 2.2rem;
		line-height:1.25;
		font-weight:700;
	}
}
.menuSmall__menu li {
	width: 100%;
}
.menuSmall__bottom{
    position: absolute;
    bottom: 20px;
}
.home .menuSmall__bottom{
    animation: fadein 0.5s ease-in-out both 4s;
}
.menuSmall__bottom a{
    text-decoration: none;
    color: #000;
    font-weight: 600;
}

/* Inline #29 | https://www.thinkology.co.uk/ */

.menuSmall__menu ul {
  padding-left: 0px;
  list-style: none;
}

.menuSmall__menu ul a {
  font-size: 5rem;
}
@media(max-width:1450px){
	.menuSmall__menu ul a{
		font-size: 4rem;
	}
}
@media(max-width:991px){
	.menuSmall__menu ul a{
		font-size: 3rem;
	}
}
@media(max-width:767px){
	.menuSmall__menu ul a{
		font-size: 2.5rem;
	}
}