@font-face{
    font-family:Yellowtail;
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:local(''),url(https://wavelocal.co.uk/fonts/yellowtail-v17-latin-regular.woff2) format('woff2'),url(https://wavelocal.co.uk/fonts/yellowtail-v17-latin-regular.woff) format('woff')
}
@font-face{
    font-family:Poppins;
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:local(''),url(https://wavelocal.co.uk/fonts/poppins-v19-latin-regular.woff2) format('woff2'),url(https://wavelocal.co.uk/fonts/poppins-v19-latin-regular.woff) format('woff')
}
@font-face{
    font-family:Poppins;
    font-style:normal;
    font-weight:700;
    font-display:swap;
    src:local(''),url(https://wavelocal.co.uk/fonts/poppins-v19-latin-700.woff2) format('woff2'),url(https://wavelocal.co.uk/fonts/poppins-v19-latin-700.woff) format('woff')
}
@font-face{
    font-family:Poppins;
    font-style:normal;
    font-weight:800;
    font-display:swap;
    src:local(''),url(https://wavelocal.co.uk/fonts/poppins-v19-latin-800.woff2) format('woff2'),url(https://wavelocal.co.uk/fonts/poppins-v19-latin-800.woff) format('woff')
}
@font-face{
    font-family:Poppins;
    font-style:normal;
    font-weight:900;
    font-display:swap;
    src:local(''),url(https://wavelocal.co.uk/fonts/poppins-v19-latin-900.woff2) format('woff2'),url(https://wavelocal.co.uk/fonts/poppins-v19-latin-900.woff) format('woff')
}
*{
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.skip{
	position:absolute;
	z-index:-1000;
	top:0;
	left:0;
	opacity:0
}
button:hover{
	cursor:pointer
}
:root{
	--primary:#43b7ff;
	--dark:#00306b;
	--light:#b3c1d3;
	--secondary:#19A084;
	--secondaryLight:#f7a5a7;
	--secondaryDark:#000;
	--tertiary:#F68D1E
}
.section{
	padding-top:35px!important;
	padding-bottom:35px!important
}
html{
	scroll-behavior:smooth;
	overflow-x:hidden!important
}
html.clicked{
	position:fixed
}
body,html{
	margin:0;
	padding:0;
	overflow-x:hidden!important
}
p{
	line-height:1.7em;
	font-size:1.1em
}
a,li,p,span{
	font-family:Poppins,sans-serif;
	color:#646464;
	margin:0
}
h1,h2,h2 span,h3,h4,h5,h6{
	font-family:Poppins,sans-serif;
	margin:0;
	color:#1d2124
}
h2 span{
	font-weight:700
}
.container{
	padding:0 15px;
	margin:auto;
	max-width:380px;
	position:relative
}
.mobile-wrapper{
	background:0 0;
	height:100px;
	position:absolute;
	left:0;
	width:100%
}
#brand,.call-strip-button,.top-nav-strip,.topper-flex{
	display:none
}
.button-solid{
	color:#fff;
	background:#43b7ff;
	background:-o-linear-gradient(left,#43b7ff 0,#00ddf6 100%);
	background:-webkit-gradient(linear,left top,right top,from(#43b7ff),to(#00ddf6));
	background:linear-gradient(90deg,#43b7ff 0,#00ddf6 100%);
	border-radius:3px;
	width:auto;
	height:auto;
	font-weight:700;
	text-decoration:none;
	display:inline-block;
	box-sizing:border-box;
	white-space:nowrap;
	width:auto;
	margin:10px 0;
	padding:15px 30px;
	text-align:center;
	font-size:.75em;
	width:auto;
	-webkit-transition:.3s ease;
	-o-transition:.3s ease;
	transition:.3s ease;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid transparent
}
.button-solid:hover{
	color:var(--primary);
	background:#fff;
	border:1px solid var(--primary);
	cursor:pointer
}
.button-transparent{
	display:inline-block;
	background:0 0;
	border-style:solid;
	border-width:2px;
	border-color:#fff;
	font-size:.75em;
	margin:10px 0;
	padding:6px 30px;
	color:#fff;
	text-decoration:none;
	-webkit-animation-delay:.6s;
	animation-delay:.6s;
	border-radius:3px;
	white-space:nowrap;
	float:left;
	height:50px;
	-webkit-transition:.3s ease;
	-o-transition:.3s ease;
	transition:.3s ease
}
.button-transparent:hover{
	color:#fff;
	background:var(--primary);
	border:none
}
.hamburger{
	padding:0;
	display:inline-block;
	cursor:pointer;
	-webkit-transition-property:opacity,-webkit-filter;
	transition-property:opacity,-webkit-filter;
	-o-transition-property:opacity,filter;
	transition-property:opacity,filter;
	transition-property:opacity,filter,-webkit-filter;
	-webkit-transition-duration:.15s;
	-o-transition-duration:.15s;
	transition-duration:.15s;
	-webkit-transition-timing-function:linear;
	-o-transition-timing-function:linear;
	transition-timing-function:linear;
	font:inherit;
	color:inherit;
	text-transform:none;
	background-color:transparent;
	border:0;
	margin:0;
	overflow:visible;
	position:relative;
	z-index:2000
}
.hamburger:hover{
	opacity:.7;
	cursor:pointer
}
.hamburger.is-active:hover{
	opacity:.7;
	cursor:pointer
}
.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before{
	background-color:#000
}
.hamburger-box{
	width:30px;
	height:24px;
	display:inline-block;
	position:relative;
	z-index:2000
}
.hamburger-inner{
	display:block;
	top:50%;
	margin-top:-2px
}
.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{
	width:30px;
	height:3px;
	background-color:#fff;
	border-radius:4px;
	position:absolute;
	-webkit-transition-property:-webkit-transform;
	transition-property:-webkit-transform;
	-o-transition-property:transform;
	transition-property:transform;
	transition-property:transform,-webkit-transform;
	-webkit-transition-duration:.15s;
	-o-transition-duration:.15s;
	transition-duration:.15s;
	-webkit-transition-timing-function:ease;
	-o-transition-timing-function:ease;
	transition-timing-function:ease
}
.hamburger-inner::after,.hamburger-inner::before{
	content:"";
	display:block
}
.hamburger-inner::before{
	top:-10px
}
.hamburger-inner::after{
	bottom:-10px
}
.hamburger--spring .hamburger-inner{
	top:2px;
	-webkit-transition:background-color 0s .13s linear;
	-o-transition:background-color 0s .13s linear;
	transition:background-color 0s .13s linear;
	-webkit-transition-delay:.22s;
	-o-transition-delay:.22s;
	transition-delay:.22s
}
.hamburger--spring .hamburger-inner::before{
	top:10px;
	-webkit-transition:top .1s .2s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);
	transition:top .1s .2s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);
	-o-transition:top .1s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19);
	transition:top .1s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19);
	transition:top .1s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);
	-webkit-transition-delay:.22s;
	-o-transition-delay:.22s;
	transition-delay:.22s
}
.hamburger--spring .hamburger-inner::after{
	top:20px;
	-webkit-transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);
	transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);
	-o-transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19);
	transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19);
	transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);
	-webkit-transition-delay:.22s;
	-o-transition-delay:.22s;
	transition-delay:.22s
}
.hamburger--spring.is-active .hamburger-inner{
	-webkit-transition-delay:.22s;
	-o-transition-delay:.22s;
	transition-delay:.22s;
	background-color:transparent!important
}
.hamburger--spring.is-active .hamburger-inner::before{
	top:0;
	-webkit-transition:top .1s .15s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .13s .22s cubic-bezier(.215,.61,.355,1);
	transition:top .1s .15s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .13s .22s cubic-bezier(.215,.61,.355,1);
	-o-transition:top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);
	transition:top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);
	transition:top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1),-webkit-transform .13s .22s cubic-bezier(.215,.61,.355,1);
	-webkit-transform:translate3d(0,10px,0) rotate(45deg);
	transform:translate3d(0,10px,0) rotate(45deg)
}
.hamburger--spring.is-active .hamburger-inner::after{
	top:0;
	-webkit-transition:top .2s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .13s .22s cubic-bezier(.215,.61,.355,1);
	transition:top .2s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .13s .22s cubic-bezier(.215,.61,.355,1);
	-o-transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);
	transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);
	transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1),-webkit-transform .13s .22s cubic-bezier(.215,.61,.355,1);
	-webkit-transform:translate3d(0,10px,0) rotate(-45deg);
	transform:translate3d(0,10px,0) rotate(-45deg)
}
.call-us,.navbar-menu img,.quote-nav-button{
	display:none
}
.mobile-wrapper{
	height:70px
}
.mobile-nav{
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:space-between;
	-ms-flex-pack:space-between;
	justify-content:space-between;
	height:100%;
	max-width:100%
}
.hamburger{
	position:absolute;
	right:15px
}
#desktop-neon{
	display:none!important
}
.mobile-wrapper img{
	height:50px;
	position:relative;
	z-index:1000;
	top:10px
}
.neon{
	visibility:hidden;
	opacity:0;
	-webkit-transition:.1s ease-in;
	-o-transition:.1s ease-in;
	transition:.1s ease-in;
	font-family:Yellowtail;
	color:#fff;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	position:absolute;
	top:54px;
	left:100px;
	z-index:1000
}
.neon span{
	font-family:Yellowtail;
	display:table-cell;
	margin:0;
	font-size:1.5em;
	padding:0;
	-webkit-animation:neonGlow 3s linear infinite;
	animation:neonGlow 3s linear infinite
}
.neon span:nth-child(1){
	-webkit-animation-delay:1s;
	animation-delay:1s
}
.neon span:nth-child(2){
	-webkit-animation-delay:1s;
	animation-delay:1s
}
.neon span:nth-child(3){
	-webkit-animation-delay:1.2s;
	animation-delay:1.2s
}
.neon span:nth-child(4){
	-webkit-animation-delay:1s;
	animation-delay:1s
}
.neon span:nth-child(5){
	-webkit-animation-delay:2s;
	animation-delay:2s;
	margin-right:3px!important
}
.neon span:nth-child(6){
	-webkit-animation-delay:2.45s;
	animation-delay:2.45s
}
.neon span:nth-child(7){
	-webkit-animation-delay:2.75s;
	animation-delay:2.75s
}
.neon span:nth-child(8){
	-webkit-animation-delay:2.75s;
	animation-delay:2.75s
}
.neon span:nth-child(9){
	-webkit-animation-delay:2.75s;
	animation-delay:2.75s
}
@-webkit-keyframes neonGlow{
	0%,100%{
		color:#abe1fe;
		-webkit-filter:blur(2px);
		filter:blur(2px);
		text-shadow:0 0 10px #43b7ff,0 0 20px #43b7ff,0 0 40px #43b7ff,0 0 50px #43b7ff,0 0 60px #43b7ff
}
	5%,95%{
		color:#fff;
		-webkit-filter:blur(0);
		filter:blur(0);
		text-shadow:none,
}
}
@keyframes neonGlow{
	0%,100%{
		color:#abe1fe;
		-webkit-filter:blur(2px);
		filter:blur(2px);
		text-shadow:0 0 10px #43b7ff,0 0 20px #43b7ff,0 0 40px #43b7ff,0 0 50px #43b7ff,0 0 60px #43b7ff
}
	5%,95%{
		color:#fff;
		-webkit-filter:blur(0);
		filter:blur(0);
		text-shadow:none,
}
}
.navbar-menu{
	overflow:hidden;
	background:#f5f5f5;
	width:0;
	top:0;
	position:absolute;
	right:0;
	height:100vh!important;
	-webkit-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	z-index:1000;
	max-width:1600px
}
.side-nav{
	overflow:hidden;
	padding:40px 0;
	position:absolute;
	right:2em;
	-webkit-transition:.3s ease;
	-o-transition:.3s ease;
	transition:.3s ease;
	-webkit-transition-delay:.2s;
	-o-transition-delay:.2s;
	transition-delay:.2s
}
.side-nav ul{
	margin:0;
	text-align:right;
	list-style:none;
	margin-top:50px
}
.side-nav ul li{
	margin-bottom:20px;
	opacity:0;
	-webkit-transform:translateY(50px);
	-ms-transform:translateY(50px);
	transform:translateY(50px)
}
.side-nav ul li.open{
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-in-out
}
.side-nav ul li.open:nth-child(2){
	-webkit-animation-delay:.1s;
	animation-delay:.1s
}
.side-nav ul li.open:nth-child(3){
	-webkit-animation-delay:.2s;
	animation-delay:.2s
}
.side-nav ul li.open:nth-child(4){
	-webkit-animation-delay:.3s;
	animation-delay:.3s
}
.side-nav ul li.open:nth-child(5){
	-webkit-animation-delay:.4s;
	animation-delay:.4s
}
.side-nav ul li.open:nth-child(6){
	-webkit-animation-delay:.5s;
	animation-delay:.5s
}
@-webkit-keyframes fadeIn{
	0%{
		-webkit-transform:translateY(50px);
		transform:translateY(50px);
		opacity:0
}
	100%{
		-webkit-transform:translateY(0);
		transform:translateY(0);
		opacity:1
}
}
@keyframes fadeIn{
	0%{
		-webkit-transform:translateY(50px);
		transform:translateY(50px);
		opacity:0
}
	100%{
		-webkit-transform:translateY(0);
		transform:translateY(0);
		opacity:1
}
}
.side-nav a{
	text-decoration:none;
	padding:5px 10px 5px 10px;
	-webkit-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	-webkit-transition-delay:.2s;
	-o-transition-delay:.2s;
	transition-delay:.2s;
	opacity:0;
	visibility:hidden;
	-webkit-transform:translateY(75px);
	-ms-transform:translateY(75px);
	transform:translateY(75px)
}
.active-menu{
	border-right:4px solid var(--primary);
	color:var(--primary)
}
#bottom{
	background:url(https://wavelocal.co.uk/images/code-type.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	position:relative
}
#bottom:before{
	content:'';
	position:absolute;
	height:100%;
	width:100%;
	background:#000;
	opacity:.7
}
#bottom .container{
	padding-top:50px;
	padding-bottom:50px
}
#bottom h2{
	text-align:center;
	margin-bottom:25px;
	color:#fff
}
#bottom p{
	text-align:center;
	margin-bottom:25px;
	color:#fff;
	opacity:.95
}
.bottom-button{
	display:block;
	margin:auto;
	background:#fff;
	font-weight:700;
	font-family:"Open Sans",Helvetica,Arial,sans-serif;
	color:#000;
	font-size:1em;
	padding-top:15px;
	padding-bottom:15px;
	height:auto
}
#page-header{
	height:220px;
	background:url(https://wavelocal.co.uk/images/north-landing.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:left;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	position:relative
}
#page-header:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#00306b;
	background:-o-linear-gradient(left,#00306b 0,rgba(0,122,213,.727608543417367) 100%);
	background:-webkit-gradient(linear,left top,right top,from(rgba(0,48,107,.7)),to(rgba(0,122,213,.927608543417367)));
	background:linear-gradient(90deg,rgba(0,48,107,.9) 0,rgba(0,122,213,.427608543417367) 100%)
}
#page-header h1{
	color:#fff;
	font-size:36px;
	position:relative;
	z-index:2;
	-webkit-transform:translateY(30px);
	-ms-transform:translateY(30px);
	transform:translateY(30px)
}
@media screen and (min-width:500px) and (max-width:1025px){
	main{
		width:100%
}
	.container{
		max-width:800px
}
	.mobile-nav{
		max-width:100%
}
	#bottom .container{
		width:500px
}
	#bottom h2{
		font-size:2em
}
	.mobile-wrapper{
		padding-left:36px;
		padding-right:36px
}
	.container.clicked{
		max-width:100%;
		width:100%
}
	.mobile-wrapper img{
		left:-33px
}
}
@media screen and (min-width:1025px){
	.mobile-display{
		display:none!important
}
	#page-header{
		height:400px;
		background-repeat:no-repeat;
		background-position:center 100%
}
	.desktop-display{
		display:block
}
	.mobile-wrapper{
		display:none
}
	.side-nav a{
		opacity:1;
		visibility:visible
}
	.svg-group{
		width:1600px
}
	.background{
		background:var(--primary);
		height:36px;
		width:100%
}
	.quote-nav-button{
		display:block;
		color:#fff;
		background:var(--primary);
		margin-left:100px
}
	.quote-nav-button:hover{
		opacity:.7
}
	.container{
		max-width:1100px;
		padding-left:36px;
		padding-right:36px
}
	.navbar-menu img{
		display:block;
		margin:0!important;
		position:absolute;
		left:2em;
		height:auto;
		width:290px
}
	nav{
		width:100%;
		position:absolute;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
		height:124px;
		background:0 0;
		z-index:100
}
	#desktop-neon{
		display:block!important
}
	.neon{
		top:80px;
		left:200px;
		width:150px
}
	.neon span{
		font-size:2em
}
	.neon span:nth-child(5){
		-webkit-animation-delay:1s;
		animation-delay:1s;
		padding-right:4px!important
}
	.navbar-menu{
		width:1100px!important;
		min-height:100px;
		height:124px!important;
		margin:auto;
		position:absolute;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		z-index:100;
		left:0;
		background:0 0
}
	#on-top{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		-webkit-box-pack:end;
		-ms-flex-pack:end;
		justify-content:flex-end;
		margin:0
}
	.side-nav{
		padding:0;
		width:1100px;
		height:100%;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		-webkit-box-pack:end;
		-ms-flex-pack:end;
		justify-content:flex-end;
		right:0;
		overflow:visible
}
	.side-nav ul li{
		margin:0 50px 0 0;
		text-align:right
}
	.call-us{
		font-size:.875em;
		line-height:24px;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		font-weight:400;
		margin-left:40px!important;
		color:#212121
}
	.call-us svg{
		width:20px;
		margin-right:10px;
		height:auto
}
	.side-nav a{
		padding:20px 0 10px 0;
		color:#fff;
		font-weight:400;
		-webkit-transition:.2s ease;
		-o-transition:.2s ease;
		transition:.2s ease;
		font-size:14px;
		font-weight:700
}
	.side-nav ul li{
		opacity:1;
		-webkit-transform:translateY(0);
		-ms-transform:translateY(0);
		transform:translateY(0)
}
	.side-nav ul li a:hover{
		cursor:pointer;
		opacity:1;
		-webkit-transition:.2s ease;
		-o-transition:.2s ease;
		transition:.2s ease;
		color:var(--primary)
}
	.side-nav li{
		color:#212121
}
	#on-top{
		margin-right:30px
}
	#on-top li{
		float:right
}
	.active-menu{
		border-right:none;
		color:#fff;
		opacity:1!important;
		border-bottom:3px solid var(--primary);
		color:#fff!important
}
	#bottom .container{
		width:600px
}
	#bottom h2{
		font-size:2.5em
}
	#page-header{
		background-attachment:fixed
}
	#page-header h1{
		margin-top:50px
}
	@media screen and (min-width:1025px) and (max-width:1456px){
		.quote-nav-button{
			display:none
}
		.call-us{
			display:none
}
	}
}
.desktop-display{
	display:none
}
footer{
	position:relative;
	height:auto;
	padding-top:150px;
	background:#001099;
	background:-o-linear-gradient(305deg,#001099 0,#3ad9ff 96%);
	background:linear-gradient(145deg,#001099 0,#3ad9ff 96%)
}
.footer-img{
	position:absolute;
	width:100%;
	top:-2px
}
.handles{
	width:auto;
	position:absolute;
	top:0;
	left:19px
}
.handle-circle{
	background:#fff;
	height:15px;
	width:15px;
	border-radius:50%;
	position:absolute
}
.handle-line{
	width:50px;
	height:5px;
	background:#fff;
	position:absolute;
	top:5px
}
.handle-end{
	position:absolute;
	background:#fff;
	height:20px;
	width:200px;
	border-radius:10px 0 0 10px;
	top:-2px;
	right:-250px
}
.light{
	height:auto;
	width:auto;
	position:relative;
	top:0;
	z-index:10
}
.wire{
	height:330px;
	width:5px;
	-webkit-transform:translateY(50x);
	-ms-transform:translateY(50x);
	transform:translateY(50x);
	background:#fff;
	margin:auto;
	z-index:0
}
.triangle{
	border-left:26px solid transparent;
	border-right:26px solid transparent;
	border-bottom:26px solid #fff;
	-webkit-transform:translateY(-15px);
	-ms-transform:translateY(-15px);
	transform:translateY(-15px)
}
.bulb{
	background:#fff;
	height:20px;
	width:20px;
	position:relative;
	z-index:-1;
	border-radius:50%;
	margin:auto;
	position:absolute;
	bottom:6px;
	right:16px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.bulb:before{
	display:none;
	position:absolute;
	border-radius:50%;
	content:'';
	height:79px;
	width:79px;
	opacity:.7;
	-webkit-animation-name:bulbFlicker;
	animation-name:bulbFlicker;
	-webkit-animation-duration:5s;
	animation-duration:5s;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-timing-function:step-start;
	animation-timing-function:step-start;
	-webkit-transform:translateY(-22px);
	-ms-transform:translateY(-22px);
	transform:translateY(-22px);
	background:#43b7ff;
	background:-o-radial-gradient(circle,#43b7ff 0,rgba(0,0,0,0) 45%);
	background:radial-gradient(circle,#43b7ff 0,rgba(0,0,0,0) 45%)
}
@-webkit-keyframes bulbFlicker{
	0%{
		background:#43b7ff;
		background:radial-gradient(circle,#43b7ff 0,rgba(0,0,0,0) 45%)
}
	1%{
		background:rgba(67,183,255,0)
}
	2%{
		background:#43b7ff;
		background:radial-gradient(circle,#43b7ff 0,rgba(0,0,0,0) 45%)
}
	8%{
		background:rgba(67,183,255,0)
}
	9%{
		background:#43b7ff;
		background:radial-gradient(circle,#43b7ff 0,rgba(0,0,0,0) 45%)
}
	25%{
		background:rgba(67,183,255,0)
}
	26%{
		background:#43b7ff;
		background:radial-gradient(circle,#43b7ff 0,rgba(0,0,0,0) 45%)
}
	47%{
		background:rgba(67,183,255,0)
}
	48%{
		background:#43b7ff;
		background:radial-gradient(circle,#43b7ff 0,rgba(0,0,0,0) 45%)
}
	100%{
		background:#43b7ff;
		background:radial-gradient(circle,#43b7ff 0,rgba(0,0,0,0) 45%)
}
}
@keyframes bulbFlicker{
	0%{
		background:#43b7ff;
		background:-o-radial-gradient(circle,#43b7ff 0,rgba(0,0,0,0) 45%);
		background:radial-gradient(circle,#43b7ff 0,rgba(0,0,0,0) 45%)
}
	1%{
		background:rgba(67,183,255,0)
}
	2%{
		background:#43b7ff;
		background:-o-radial-gradient(circle,#43b7ff 0,rgba(0,0,0,0) 45%);
		background:radial-gradient(circle,#43b7ff 0,rgba(0,0,0,0) 45%)
}
	8%{
		background:rgba(67,183,255,0)
}
	9%{
		background:#43b7ff;
		background:-o-radial-gradient(circle,#43b7ff 0,rgba(0,0,0,0) 45%);
		background:radial-gradient(circle,#43b7ff 0,rgba(0,0,0,0) 45%)
}
	25%{
		background:rgba(67,183,255,0)
}
	26%{
		background:#43b7ff;
		background:-o-radial-gradient(circle,#43b7ff 0,rgba(0,0,0,0) 45%);
		background:radial-gradient(circle,#43b7ff 0,rgba(0,0,0,0) 45%)
}
	47%{
		background:rgba(67,183,255,0)
}
	48%{
		background:#43b7ff;
		background:-o-radial-gradient(circle,#43b7ff 0,rgba(0,0,0,0) 45%);
		background:radial-gradient(circle,#43b7ff 0,rgba(0,0,0,0) 45%)
}
	100%{
		background:#43b7ff;
		background:-o-radial-gradient(circle,#43b7ff 0,rgba(0,0,0,0) 45%);
		background:radial-gradient(circle,#43b7ff 0,rgba(0,0,0,0) 45%)
}
}
footer img{
	margin-bottom:30px;
	margin-top:0
}
.footer-logo{
	height:60px;
	margin-bottom:100px
}
#footer-neon{
	left:120px;
	top:40px
}
#footer-neon span{
	font-size:1.7em
}
.footer-line{
	height:1px;
	width:200px;
	background:var(--primary);
	opacity:.9;
	margin-top:20px;
	margin-bottom:30px
}
.footer-item{
	margin-bottom:50px
}
.footer-item p{
	width:230px;
	margin-bottom:10px;
	color:#fff;
	font-size:1em!important
}
.footer-item h2{
	margin-bottom:0;
	color:#fff
}
.footer-item a{
	display:block;
	text-decoration:none;
	margin-bottom:10px;
	position:relative;
	color:#fff
}
.footer-item a:hover{
	cursor:pointer
}
.branding{
	background:rgba(0,0,0,.15);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.branding p{
	-webkit-box-ordinal-group:3;
	-ms-flex-order:2;
	order:2;
	text-align:center;
	font-size:.7em;
	margin-bottom:30px;
	margin-top:30px;
	color:#fff
}
@media screen and (min-width:500px) and (max-width:1025px){
	.mobile-display{
		display:none
}
	.desktop-display{
		display:block!important
}
	.handle-line{
		width:80px
}
	.handle-end{
		right:-100px
}
	footer{
		padding-top:337px
}
	.wire{
		height:300px
}
	.footer-logo{
		height:100px
}
	#footer-neon{
		top:70px;
		left:210px
}
	#footer-neon span{
		font-size:2.6em
}
}
@media screen and (min-width:1026px){
	footer .desktop-display{
		display:block!important
}
	footer{
		padding-top:620px!important
}
	.footer-img{
		top:-2px;
		width:110%
}
	.flex-group{
		max-width:1100px;
		margin:auto
}
	footer img{
		margin-top:0;
		margin-bottom:56px
}
	.footer-logo{
		margin-bottom:45px
}
	.link:before{
		content:'';
		position:absolute;
		height:2px;
		width:0;
		bottom:-5px;
		background:var(--primary);
		-webkit-transition:.2s ease-in-out;
		-o-transition:.2s ease-in-out;
		transition:.2s ease-in-out
}
	.link:hover.link:before{
		width:50px;
		-webkit-transition:.2s ease-in-out;
		-o-transition:.2s ease-in-out;
		transition:.2s ease-in-out
}
	.link-long:before{
		content:'';
		position:absolute;
		height:2px;
		width:0;
		bottom:-5px;
		background:var(--primary);
		-webkit-transition:.2s ease-in-out;
		-o-transition:.2s ease-in-out;
		transition:.2s ease-in-out
}
	.link-long:hover.link-long:before{
		width:67px;
		-webkit-transition:.2s ease-in-out;
		-o-transition:.2s ease-in-out;
		transition:.2s ease-in-out
}
	.handles{
		-webkit-transform:scaleX(-1);
		-ms-transform:scaleX(-1);
		transform:scaleX(-1);
		left:14px
}
	.handle-line{
		width:60px
}
	.handle-end{
		width:20px;
		right:-60px;
		position:relative
}
	.handle-end:before{
		content:'';
		position:absolute;
		width:1px;
		height:332px;
		background:var(--primary);
		left:20px
}
	.handle-end:after{
		content:'';
		position:absolute;
		width:70px;
		height:1px;
		background:var(--primary);
		left:-50px;
		bottom:-312px
}
	.flex-group{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		padding-top:0;
		position:relative
}
	.flex-group:before{
		content:'';
		position:absolute;
		height:1px;
		width:100%;
		background:var(--primary);
		bottom:30px
}
	.footer-item{
		margin-top:100px
}
	.footer-item:last-child p{
		width:180px
}
	.footer-item h2{
		margin-bottom:0
}
	.image-box{
		-webkit-transform:translateY(-25px);
		-ms-transform:translateY(-25px);
		transform:translateY(-25px)
}
}
@media screen and (min-width:2500px){
	footer{
		padding-top:350px!important
}
	.flex-group{
		padding-top:450px!important
}
	.footer-img{
		top:-500px;
		left:-100px;
		width:150%
}
}
@media screen and (min-width:2310px){
	footer{
		padding-top:250px!important
}
	.flex-group{
		padding-top:250px!important
}
	.footer-img{
		top:-500px;
		left:-100px;
		width:150%
}
}
@media screen and (min-width:2201px){
	footer{
		padding-top:350px!important
}
	.flex-group{
		padding-top:200px
}
	.footer-img{
		top:-500px;
		left:-100px;
		width:150%
}
}
@media screen and (min-width:2000px) and (max-width:2200px){
	footer{
		padding-top:580px!important
}
	.footer-img{
		top:-190px;
		width:120%
}
}
@media screen and (min-width:1560px) and (max-width:1790px){
	footer{
		padding-top:550px!important
}
}
@media screen and (min-width:1400px) and (max-width:1559px){
	footer{
		padding-top:450px!important
}
	.flex-group{
		margin-top:80px
}
}
@media screen and (min-width:1200px) and (max-width:1399px){
	footer{
		padding-top:350px!important
}
	.flex-group{
		padding-top:250px
}
}
@media screen and (min-width:1026px) and (max-width:1199px){
	footer{
		padding-top:0!important
}
	.flex-group{
		padding-top:550px
}
}
@media screen and (min-width:2500px){
	footer{
		padding-top:350px!important
}
	.flex-group{
		padding-top:300px!important
}
	.footer-img{
		top:-500px;
		left:-100px;
		width:150%
}
}
@media screen and (min-width:2530px){
	footer{
		padding-top:200px!important
}
	.flex-group{
		padding-top:400px!important
}
	.footer-img{
		top:-700px;
		left:-100px;
		width:150%
}
}
.paper-airplane-path{
	display:none
}
#web-dev{
	margin-top:50px
}
.template img{
	width:100%;
	margin-bottom:50px
}
.template h2{
	font-size:36px;
	line-height:1.3em;
	margin-bottom:20px
}
.template p{
	line-height:1.7em;
	margin-bottom:25px
}
.template span{
	color:var(--primary);
	font-weight:700
}
.template button{
	position:relative;
	text-align:left;
	background:-o-linear-gradient(left,#43b7ff 0,#00ddf6 100%);
	background:-webkit-gradient(linear,left top,right top,from(#43b7ff),to(#00ddf6));
	background:linear-gradient(90deg,#43b7ff 0,#00ddf6 100%);
	padding:12px 28px;
	font-size:1em;
	height:54px;
	width:180px;
	margin-top:35px;
	font-weight:400
}
.template button img{
	position:absolute;
	right:28px;
	width:20px;
	top:21px
}
.checkmark{
	padding-left:40px
}
.checkmark img{
	position:absolute;
	width:20px;
	height:20px;
	left:-30px
}
.checkmark li{
	position:relative;
	list-style:none;
	margin-bottom:25px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:flex-start}
#graphic-design ul li{
	}
#graphic-design ul li h3{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	position:relative
}
#graphic-design ul li img{
	width:20px;
	height:20px;
	position:absolute;
	left:-30px
}
#updates{
	background:rgba(236,248,255,.3);
	position:relative;
	z-index:90000
}
.template button.lifetime-button{
	background:0 0;
	border:2px solid var(--primary);
	color:var(--primary)
}
.boxes-container{
	margin-top:80px
}
.box{
	width:100%;
	max-width:350px;
	padding:50px 30px;
	background:#fff;
	margin:auto;
	margin-bottom:50px;
	border-radius:6px;
	border-top:4px solid var(--primary);
	-webkit-box-shadow:0 0 25px -10px #43b7ff;
	box-shadow:0 0 25px -10px #43b7ff
}
.box p{
	margin-bottom:0
}
.box svg{
	width:50px;
	height:auto;
	margin-bottom:20px
}
.box h3{
	margin-bottom:15px
}
#pricing{
	margin-top:50px
}
.price-box{
	border:2px solid #e6f2ff;
	border-radius:6px;
	padding:70px 30px 30px 30px;
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	max-width:400px;
	margin:auto;
	margin-bottom:50px;
	z-index:100
}
.price-box:nth-child(2){
	position:relative;
	z-index:1000
}
.price-box h2{
	position:absolute;
	text-align:center;
	background:#f1f8ff;
	width:100%;
	top:0;
	height:50px;
	line-height:50px;
	font-size:14px;
	text-transform:uppercase;
	border-bottom:2px solid #e6f2ff
}
.price-box h3{
	position:relative;
	color:var(--primary);
	font-size:4em;
	font-weight:400;
	-webkit-transform:translateX(-10px);
	-ms-transform:translateX(-10px);
	transform:translateX(-10px)
}
.price-box h3:before{
	content:'£';
	position:absolute;
	top:-10px;
	left:-35px;
	font-size:1em;
	-webkit-transform:scale(.5);
	-ms-transform:scale(.5);
	transform:scale(.5);
	height:auto
}
.price-box h3:after{
	content:'/MO';
	position:absolute;
	right:-86px;
	bottom:-15px;
	-webkit-transform:scale(.3);
	-ms-transform:scale(.3);
	transform:scale(.3)
}
.price-box ul li{
	list-style:none;
	margin-bottom:15px
}
.price-box ul li{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	position:relative
}
.price-box ul li img{
	width:15px;
	height:15px;
	position:absolute;
	left:-30px
}
.price-box:nth-child(3) h3{
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0)
}
.price-box:nth-child(3) h3:after{
	display:none
}
.price-box p{
	font-size:13px!important;
	text-align:center;
	margin:auto;
	margin-bottom:20px
}
.price-box p span{
	color:var(--primary)!important;
	font-weight:700
}
.price-box button{
	-webkit-transition:.3s ease;
	-o-transition:.3s ease;
	transition:.3s ease;
	background:#43b7ff;
	background:-o-linear-gradient(left,#43b7ff 0,#00ddf6 100%);
	background:-webkit-gradient(linear,left top,right top,from(#43b7ff),to(#00ddf6));
	background:linear-gradient(90deg,#43b7ff 0,#00ddf6 100%)
}
@media screen and (min-width:500px) and (max-width:1024px){
	.section{
		padding-top:50px!important;
		padding-bottom:50px!important
}
	.boxes-container{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-box-pack:space-evenly;
		-ms-flex-pack:space-evenly;
		justify-content:space-evenly
}
	.box{
		width:300px
}
	.template img{
		margin-bottom:50px
}
}
@media screen and (min-width:1026px){
	.paper-airplane-path{
		display:block;
		margin-top:100px
}
	.line-box{
		height:100px;
		width:80%;
		border-left:2px dashed rgba(100,100,100,.4);
		border-bottom:2px dashed rgba(100,100,100,.4);
		position:relative;
		margin:auto
}
	.line-box:after{
		content:'';
		position:absolute;
		height:100px;
		border-right:2px dashed rgba(100,100,100,.4);
		right:0;
		bottom:-100px;
		width:10px
}
	.svg-div{
		-webkit-transform:scaleX(-1);
		-ms-transform:scaleX(-1);
		transform:scaleX(-1);
		position:absolute;
		width:50px;
		height:auto;
		right:-20px;
		bottom:-170px
}
	.paper-airplane-path svg{
		width:50px;
		height:auto;
		-webkit-transform:rotate(100deg);
		-ms-transform:rotate(100deg);
		transform:rotate(100deg)
}
	.template .container{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		max-width:1200px
}
	.template .container>img{
		width:550px
}
	.section-content{
		width:540px
}
	.section{
		padding-top:150px!important;
		padding-bottom:150px!important
}
	.template img{
		margin-bottom:0
}
	#web-dev{
		margin-top:100px
}
	#web-dev .container{
		-webkit-box-align:start;
		-ms-flex-align:start;
		align-items:flex-start
}
	#seo .container>img{
		-webkit-box-ordinal-group:2;
		-ms-flex-order:1;
		order:1
}
	.checkmark li{
		margin-bottom:10px
}
	#seo .paper-airplane-path{
		-webkit-transform:scaleX(-1);
		-ms-transform:scaleX(-1);
		transform:scaleX(-1);
		margin-top:100px
}
	#graphic-design h2{
		width:430px
}
	#updates.section{
		padding-top:100px!important;
		padding-bottom:100px!important
}
	#updates h2{
		width:350px
}
	.boxes-container{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		width:650px;
		position:relative;
		z-index:100;
		overflow:visible
}
	.boxes-container:after{
		content:url(https://wavelocal.co.uk/images/blob.svg);
		position:absolute;
		height:40px;
		width:300px;
		z-index:-1;
		top:500px;
		right:-200px;
		margin:auto;
		-webkit-transform:rotate(150deg);
		-ms-transform:rotate(150deg);
		transform:rotate(150deg);
		opacity:.08
}
	.box{
		width:280px;
		margin:30px;
		padding:60px 30px
}
	.box:nth-child(1),.box:nth-child(3){
		margin-right:0;
		margin-left:0;
		-webkit-transform:translateY(-50px);
		-ms-transform:translateY(-50px);
		transform:translateY(-50px)
}
	.box:nth-child(3),.box:nth-child(4){
		margin-top:0
}
	.box:nth-child(2),.box:nth-child(4){
		margin-right:0
}
	#updates .section-content{
		width:450px
}
	#pricing{
		height:100px
}
	#pricing .container{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
		z-index:100
}
	.price-box{
		margin:0;
		background:#fff;
		width:300px;
		height:500px
}
	.price-box:nth-child(2){
		-webkit-transform:scale(1.2);
		-ms-transform:scale(1.2);
		transform:scale(1.2);
		margin:0 22px;
		-webkit-box-shadow:0 0 25px -10px #43b7ff;
		box-shadow:0 0 25px -10px #43b7ff;
		background:#fff;
		position:relative;
		z-index:1000;
		height:auto
}
	.price-box:nth-child(2) h2{
		background:#a7ffa4;
		height:auto
}
	.price-box button{
		-webkit-transition:.3s ease;
		-o-transition:.3s ease;
		transition:.3s ease;
		background:#43b7ff;
		background:-o-linear-gradient(left,#43b7ff 0,#00ddf6 100%);
		background:-webkit-gradient(linear,left top,right top,from(#43b7ff),to(#00ddf6));
		background:linear-gradient(90deg,#43b7ff 0,#00ddf6 100%)
}
	.price-box button:hover{
		border:1px solid var(--primary);
		-webkit-transition:.3s ease;
		-o-transition:.3s ease;
		transition:.3s ease;
		background:#fff
}
}
@media screen and (min-width:2530px){
	.footer-img{
		top:-562px
}
	#pricing{
		margin-bottom:-100px
}
}
@media screen and (min-width:2530px){
	.flex-group{
		padding-top:500px!important
}
}
@media screen and (min-width:2895px){
	.flex-group{
		padding-top:600px!important
}
	#pricing{
		margin-bottom:-300px
}
}
@media screen and (min-width:3200px){
	.flex-group{
		padding-top:800px!important
}
	#pricing{
		margin-bottom:-500px
}
}
@media screen and (min-width:3600px){
	.flex-group{
		padding-top:900px!important
}
	#pricing{
		margin-bottom:-500px
}
}
:root{
	--dark:#000;
	--medium:#1b1b1b;
	--light:#2e2e2e
}
.top-dark-mode-button{
	position:absolute;
	top:60px;
	right:15px;
	-webkit-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
	z-index:1000;
	-webkit-transition:.3s ease-in;
	-o-transition:.3s ease-in;
	transition:.3s ease-in
}
.top-dark-mode-button:after{
	content:'DARK';
	position:absolute;
	color:#fff;
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
	right:22px;
	top:10px;
	-webkit-transition:.1s ease-in;
	-o-transition:.1s ease-in;
	transition:.1s ease-in
}
.dark-mode-group{
	position:absolute;
	top:-340px;
	right:15px;
	width:80px;
	height:470px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.dark-mode-group p{
	font-size:.7em!important;
	text-align:center;
	color:#fff;
	opacity:.8
}
.dark-toggle{
	margin:0;
	width:30px;
	height:16px;
	z-index:20;
	border-radius:10px;
	background:0 0;
	border:3px solid #fff;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-transition:.3s ease;
	-o-transition:.3s ease;
	transition:.3s ease;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	z-index:1000;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	align-items:center;
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)
}
.dark-toggle span{
	height:20px;
	width:20px;
	left:-8px;
	border-radius:50%;
	background:#fff;
	position:absolute;
	-webkit-transition:.3s ease;
	-o-transition:.3s ease;
	transition:.3s ease;
	-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.75);
	box-shadow:0 0 5px 0 rgba(0,0,0,.75)
}
body.dark-mode .top-dark-mode-button:after{
	content:'LIGHT';
	color:var(--primary);
	top:12px
}
body.dark-mode .button-solid{
	background:0 0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #444;
	border-left-color:#000;
	border-radius:5px;
	-webkit-box-shadow:0 2px 0 #000;
	box-shadow:0 2px 0 #000;
	color:#43b7ff;
	display:block;
	font-size:12px;
	font-weight:700;
	position:relative;
	text-shadow:0 -1px 0 #000;
	width:auto;
	height:46px;
	padding:15px 30px;
	-webkit-animation:glow .8s ease-out infinite alternate;
	animation:glow .8s ease-out infinite alternate
}
body.dark-mode #contact button{
	background:0 0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #444;
	border-left-color:#000;
	border-radius:5px;
	-webkit-box-shadow:0 2px 0 #000;
	box-shadow:0 2px 0 #000;
	color:#43b7ff;
	display:block;
	font-size:12px;
	font-weight:700;
	position:relative;
	text-shadow:0 -1px 0 #000;
	width:auto;
	height:46px;
	padding:15px 30px;
	-webkit-animation:glow 8s steps() infinite forwards;
	animation:glow 8s steps() infinite forwards
}
@-webkit-keyframes glow{
	0%{
		border-color:#43b7ff;
		-webkit-box-shadow:0 0 5px rgba(67,183,255,.2),inset 0 0 5px rgba(67,183,255,.1),0 2px 0 #000;
		box-shadow:0 0 5px rgba(67,183,255,.2),inset 0 0 5px rgba(67,183,255,.1),0 2px 0 #000
}
	15%{
		border-color:#56beff;
		-webkit-box-shadow:0 0 10px rgba(67,183,255,.6),inset 0 0 10px rgba(67,183,255,.4),0 2px 0 #000;
		box-shadow:0 0 10px rgba(67,183,255,.6),inset 0 0 10px rgba(67,183,255,.4),0 2px 0 #000
}
	16%{
		border-color:transparent;
		-webkit-box-shadow:0 0 20px transparent,inset 0 0 10px transparent,0 2px 0 transparent;
		box-shadow:0 0 20px transparent,inset 0 0 10px transparent,0 2px 0 transparent
}
	17%{
		border-color:#43b7ff;
		-webkit-box-shadow:0 0 5px rgba(67,183,255,.2),inset 0 0 5px rgba(67,183,255,.1),0 2px 0 #000;
		box-shadow:0 0 5px rgba(67,183,255,.2),inset 0 0 5px rgba(67,183,255,.1),0 2px 0 #000
}
	20%{
		border-color:#56beff;
		-webkit-box-shadow:0 0 10px rgba(67,183,255,.6),inset 0 0 10px rgba(67,183,255,.4),0 2px 0 #000;
		box-shadow:0 0 10px rgba(67,183,255,.6),inset 0 0 10px rgba(67,183,255,.4),0 2px 0 #000
}
	30%{
		border-color:#43b7ff;
		-webkit-box-shadow:0 0 5px rgba(67,183,255,.2),inset 0 0 5px rgba(67,183,255,.1),0 2px 0 #000;
		box-shadow:0 0 5px rgba(67,183,255,.2),inset 0 0 5px rgba(67,183,255,.1),0 2px 0 #000
}
	100%{
		border-color:#56beff;
		-webkit-box-shadow:0 0 10px rgba(67,183,255,.6),inset 0 0 10px rgba(67,183,255,.4),0 2px 0 #000;
		box-shadow:0 0 10px rgba(67,183,255,.6),inset 0 0 10px rgba(67,183,255,.4),0 2px 0 #000
}
}
@keyframes glow{
	0%{
		border-color:#43b7ff;
		-webkit-box-shadow:0 0 5px rgba(67,183,255,.2),inset 0 0 5px rgba(67,183,255,.1),0 2px 0 #000;
		box-shadow:0 0 5px rgba(67,183,255,.2),inset 0 0 5px rgba(67,183,255,.1),0 2px 0 #000
}
	15%{
		border-color:#56beff;
		-webkit-box-shadow:0 0 10px rgba(67,183,255,.6),inset 0 0 10px rgba(67,183,255,.4),0 2px 0 #000;
		box-shadow:0 0 10px rgba(67,183,255,.6),inset 0 0 10px rgba(67,183,255,.4),0 2px 0 #000
}
	16%{
		border-color:transparent;
		-webkit-box-shadow:0 0 20px transparent,inset 0 0 10px transparent,0 2px 0 transparent;
		box-shadow:0 0 20px transparent,inset 0 0 10px transparent,0 2px 0 transparent
}
	17%{
		border-color:#43b7ff;
		-webkit-box-shadow:0 0 5px rgba(67,183,255,.2),inset 0 0 5px rgba(67,183,255,.1),0 2px 0 #000;
		box-shadow:0 0 5px rgba(67,183,255,.2),inset 0 0 5px rgba(67,183,255,.1),0 2px 0 #000
}
	20%{
		border-color:#56beff;
		-webkit-box-shadow:0 0 10px rgba(67,183,255,.6),inset 0 0 10px rgba(67,183,255,.4),0 2px 0 #000;
		box-shadow:0 0 10px rgba(67,183,255,.6),inset 0 0 10px rgba(67,183,255,.4),0 2px 0 #000
}
	30%{
		border-color:#43b7ff;
		-webkit-box-shadow:0 0 5px rgba(67,183,255,.2),inset 0 0 5px rgba(67,183,255,.1),0 2px 0 #000;
		box-shadow:0 0 5px rgba(67,183,255,.2),inset 0 0 5px rgba(67,183,255,.1),0 2px 0 #000
}
	100%{
		border-color:#56beff;
		-webkit-box-shadow:0 0 10px rgba(67,183,255,.6),inset 0 0 10px rgba(67,183,255,.4),0 2px 0 #000;
		box-shadow:0 0 10px rgba(67,183,255,.6),inset 0 0 10px rgba(67,183,255,.4),0 2px 0 #000
}
}
.top-dark-mode-button .dark-toggle{
	background:#e6e6e6;
	border-color:#e6e6e6;
	-webkit-box-shadow:0 15px 5px -8px rgba(67,183,255,.5);
	box-shadow:0 15px 5px -8px rgba(67,183,255,.5);
	width:35px
}
.dark-mode-button{
	background:0 0;
	border:none;
	height:40px;
	width:30px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
body.dark-mode .triangle{
	border-bottom:26px solid var(--dark);
	-webkit-box-shadow:0 15px 5px -8px rgba(67,183,255,.5);
	box-shadow:0 15px 5px -8px rgba(67,183,255,.5);
	-webkit-animation-name:flicker;
	animation-name:flicker;
	-webkit-animation-duration:5s;
	animation-duration:5s;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-timing-function:step-start;
	animation-timing-function:step-start;
	-webkit-transition:0s;
	-o-transition:0s;
	transition:0s
}
@-webkit-keyframes flicker{
	0%{
		-webkit-box-shadow:0 15px 5px -8px rgba(67,183,255,.5);
		box-shadow:0 15px 5px -8px rgba(67,183,255,.5)
}
	1%{
		-webkit-box-shadow:0 15px 5px -8px transparent;
		box-shadow:0 15px 5px -8px transparent
}
	2%{
		-webkit-box-shadow:0 15px 5px -8px rgba(67,183,255,.5);
		box-shadow:0 15px 5px -8px rgba(67,183,255,.5)
}
	8%{
		-webkit-box-shadow:0 15px 5px -8px transparent;
		box-shadow:0 15px 5px -8px transparent
}
	9%{
		-webkit-box-shadow:0 15px 5px -8px rgba(67,183,255,.5);
		box-shadow:0 15px 5px -8px rgba(67,183,255,.5)
}
	25%{
		-webkit-box-shadow:0 15px 5px -8px transparent;
		box-shadow:0 15px 5px -8px transparent
}
	26%{
		-webkit-box-shadow:0 15px 5px -8px rgba(67,183,255,.5);
		box-shadow:0 15px 5px -8px rgba(67,183,255,.5)
}
	47%{
		-webkit-box-shadow:0 15px 5px -8px transparent;
		box-shadow:0 15px 5px -8px transparent
}
	48%{
		-webkit-box-shadow:0 15px 5px -8px rgba(67,183,255,.5);
		box-shadow:0 15px 5px -8px rgba(67,183,255,.5)
}
	100%{
		-webkit-box-shadow:0 15px 5px -8px rgba(67,183,255,.5);
		box-shadow:0 15px 5px -8px rgba(67,183,255,.5)
}
}
@keyframes flicker{
	0%{
		-webkit-box-shadow:0 15px 5px -8px rgba(67,183,255,.5);
		box-shadow:0 15px 5px -8px rgba(67,183,255,.5)
}
	1%{
		-webkit-box-shadow:0 15px 5px -8px transparent;
		box-shadow:0 15px 5px -8px transparent
}
	2%{
		-webkit-box-shadow:0 15px 5px -8px rgba(67,183,255,.5);
		box-shadow:0 15px 5px -8px rgba(67,183,255,.5)
}
	8%{
		-webkit-box-shadow:0 15px 5px -8px transparent;
		box-shadow:0 15px 5px -8px transparent
}
	9%{
		-webkit-box-shadow:0 15px 5px -8px rgba(67,183,255,.5);
		box-shadow:0 15px 5px -8px rgba(67,183,255,.5)
}
	25%{
		-webkit-box-shadow:0 15px 5px -8px transparent;
		box-shadow:0 15px 5px -8px transparent
}
	26%{
		-webkit-box-shadow:0 15px 5px -8px rgba(67,183,255,.5);
		box-shadow:0 15px 5px -8px rgba(67,183,255,.5)
}
	47%{
		-webkit-box-shadow:0 15px 5px -8px transparent;
		box-shadow:0 15px 5px -8px transparent
}
	48%{
		-webkit-box-shadow:0 15px 5px -8px rgba(67,183,255,.5);
		box-shadow:0 15px 5px -8px rgba(67,183,255,.5)
}
	100%{
		-webkit-box-shadow:0 15px 5px -8px rgba(67,183,255,.5);
		box-shadow:0 15px 5px -8px rgba(67,183,255,.5)
}
}
body.dark-mode .wire{
	background:var(--dark)
}
body.dark-mode .dark-toggle{
	background:#43b7ff;
	background:-o-linear-gradient(left,#43b7ff 0,#00ddf6 100%);
	background:-webkit-gradient(linear,left top,right top,from(#43b7ff),to(#00ddf6));
	background:linear-gradient(90deg,#43b7ff 0,#00ddf6 100%);
	border:none
}
body.dark-mode .dark-toggle span{
	left:15px;
	-webkit-transition:.3s ease;
	-o-transition:.3s ease;
	transition:.3s ease
}
body.dark-mode .navbar-menu{
	background:#222;
	background:-o-linear-gradient(#222,#000);
	background:-webkit-gradient(linear,left top,left bottom,from(#222),to(#000));
	background:linear-gradient(#222,#000);
	height:120%
}
body.dark-mode .neon{
	visibility:visible;
	opacity:1
}
body.dark-mode .side-nav a{
	color:#fff
}
body.dark-mode .hamburger-inner,body.dark-mode .hamburger-inner::after,body.dark-mode .hamburger-inner::before{
	background:#fff;
	-webkit-transition:.3s ease;
	-o-transition:.3s ease;
	transition:.3s ease
}
body.dark-mode .hamburger.is-active .hamburger-inner::after,body.dark-mode .hamburger.is-active .hamburger-inner::before{
	background:#fff
}
body.dark-mode{
	background:var(--dark)
}
body.dark-mode h2,body.dark-mode li,body.dark-mode p{
	color:#fff!important
}
body.dark-mode li,body.dark-mode p{
	opacity:.9
}
body.dark-mode h3{
	color:var(--primary)
}
.blue{
	display:block
}
body.dark-mode .blue{
	display:none
}
body.dark-mode .white{
	display:block!important
}
body.dark-mode .universe{
	display:block
}
body.dark-mode #landing{
	background:rgba(0,16,153,.3);
	background:-o-linear-gradient(305deg,rgba(0,16,153,.2) 0,rgba(58,217,255,.2) 96%);
	background:linear-gradient(145deg,rgba(0,16,153,.2) 0,rgba(58,217,255,.2) 96%)
}
.dark-swoop{
	display:none
}
body.dark-mode .dark-swoop{
	display:block
}
body.dark-mode .light-swoop{
	display:none
}
body.dark-mode #page-header{
	background:url(https://wavelocal.co.uk/images/night-humber1.jpg);
	background-size:auto;
	background-position:50% 62%;
	background-repeat:no-repeat
}
body.dark-mode #page-header:before{
	display:none
}
body.dark-mode #portfolio{
	height:2039px!important
}
body.dark-mode .example{
	background:var(--medium);
	-webkit-box-shadow:0 0 25px -5px #43b7ff;
	box-shadow:0 0 25px -5px #43b7ff;
	border-right:1px solid var(--primary);
	border-top:1px solid var(--primary);
	border-left:1px solid var(--primary)
}
body.dark-mode #prices{
	height:1666px!important
}
body.dark-mode .price-box{
	background:var(--medium);
	-webkit-box-shadow:0 0 25px -5px #43b7ff;
	box-shadow:0 0 25px -5px #43b7ff;
	border:transparent;
	border:1px solid var(--primary)
}
body.dark-mode .price-box h2{
	background:var(--dark);
	color:#fff;
	border-radius:5px 5px 0 0
}
body.dark-mode .price-box li{
	color:#fff
}
body.dark-mode .price-box span{
	color:#fff
}
body.dark-mode footer{
	background:#000;
	background:-o-linear-gradient(#222,#000);
	background:-webkit-gradient(linear,left top,left bottom,from(#222),to(#000));
	background:linear-gradient(#222,#000)
}
body.dark-mode .light-source{
	position:absolute;
	height:200px;
	width:200px;
	background:rgba(67,183,255,.66);
	opacity:.4;
	z-index:100
}
body.dark-mode .bulb:before{
	display:block
}
.dark-mode-svg{
	display:none
}
body.dark-mode .dark-mode-svg{
	display:block
}
body.dark-mode .light-mode-svg{
	display:none
}
body.dark-mode #about-contact:before{
	background:#000
}
body.dark-mode #page-header:before{
	background:rgba(0,7,66,.9)!important;
	background:-o-linear-gradient(305deg,rgba(0,16,153,.5) 0,#3ad9ff 96%);
	background:-o-linear-gradient(305deg,rgba(0,16,153,.5) 0,rgba(58,217,255,.5) 96%);
	background:linear-gradient(145deg,rgba(0,16,153,.5) 0,rgba(58,217,255,.5) 96%)
}
body.dark-mode #contact{
	background:#222;
	background:-o-linear-gradient(#333,#111);
	background:-webkit-gradient(linear,left top,left bottom,from(#333),to(#111));
	background:linear-gradient(#333,#111);
	-webkit-box-shadow:0 0 25px -5px #43b7ff;
	box-shadow:0 0 25px -5px #43b7ff;
	border:1px solid var(--primary)
}
body.dark-mode #contact h3{
	color:#fff
}
body.dark-mode #contact input{
	background:#222;
	background:-o-linear-gradient(#222,#333);
	background:-webkit-gradient(linear,left top,left bottom,from(#222),to(#000));
	background:linear-gradient(#222,#000);
	color:#fff
}
body.dark-mode #contact input:focus{
	border:1px solid var(--primary);
	-webkit-box-shadow:0 0 10px -5px #43b7ff;
	box-shadow:0 0 10px -5px #43b7ff;
	animation:glow;
	animation-duration:3s;
	animation-timing-function:ease-in-out;
	animation-fill-mode:forwards;
	animation-iteration-count:infinite
}
body.dark-mode #contact textarea{
	background:#000;
	background:-o-linear-gradient(#222,#000);
	background:-webkit-gradient(linear,left top,left bottom,from(#222),to(#000));
	background:linear-gradient(#222,#000);
	color:#fff
}
body.dark-mode #contact textarea:focus{
	border:1px solid var(--primary);
	-webkit-box-shadow:0 0 10px -5px #43b7ff;
	box-shadow:0 0 10px -5px #43b7ff;
	animation:glow;
	animation-duration:3s;
	animation-timing-function:ease-in-out;
	animation-fill-mode:forwards;
	animation-iteration-count:infinite
}
body.dark-mode .line-box{
	border-left:2px dashed rgba(67,183,255,.6);
	border-bottom:2px dashed rgba(67,183,255,.6)
}
body.dark-mode .line-box:after{
	border-right:2px dashed rgba(67,183,255,.6)
}
body.dark-mode .checkmark li{
	color:#fff
}
body.dark-mode #updates{
	background:var(--dark)
}
body.dark-mode .box{
	background:var(--medium);
	-webkit-box-shadow:0 -10px 25px -4px rgba(67,183,255,.66);
	box-shadow:0 -10px 25px -4px rgba(67,183,255,.66);
	border-left:1px solid var(--primary);
	border-right:1px solid var(--primary);
	border-bottom:1px solid var(--primary)
}
@-webkit-keyframes neon{
	0%{
		-webkit-box-shadow:0 -10px 25px -4px rgba(67,183,255,.66);
		box-shadow:0 -10px 25px -4px rgba(67,183,255,.66)
}
	50%{
		-webkit-box-shadow:0 -10px 25px -4px rgba(67,183,255,.4);
		box-shadow:0 -10px 25px -4px rgba(67,183,255,.4)
}
	100%{
		-webkit-box-shadow:0 -10px 25px -4px rgba(67,183,255,.66);
		box-shadow:0 -10px 25px -4px rgba(67,183,255,.66)
}
}
@keyframes neon{
	0%{
		-webkit-box-shadow:0 -10px 25px -4px rgba(67,183,255,.66);
		box-shadow:0 -10px 25px -4px rgba(67,183,255,.66)
}
	50%{
		-webkit-box-shadow:0 -10px 25px -4px rgba(67,183,255,.4);
		box-shadow:0 -10px 25px -4px rgba(67,183,255,.4)
}
	100%{
		-webkit-box-shadow:0 -10px 25px -4px rgba(67,183,255,.66);
		box-shadow:0 -10px 25px -4px rgba(67,183,255,.66)
}
}
@media screen and (min-width:500px) and (max-width:1025px){
	body.dark-mode #portfolio{
		height:auto!important
}
body.dark-mode #page-header{
    background:url(https://wavelocal.co.uk/images/night-humber1.jpg);
    background-attachment:fixed;
    background-position:46% 264%
}
	.dark-mode-group{
		height:430px;
		top:-310px
}
	.top-dark-mode-button{
		right:50px
}
}
@media screen and (min-width:1026px){
	header{
		max-width:1100px;
		position:relative;
		margin:auto
}
body.dark-mode #page-header{
    background:url(https://wavelocal.co.uk/images/night-humber1.jpg);
    background-attachment:fixed;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center 130%
}
	.mobile-dark{
		display:none!important
}
	.dark-mode-group{
		position:relative;
		right:-32px;
		top:-270px
}
	body.dark-mode .navbar-menu{
		height:124px
}
	body.dark-mode .navbar-menu{
		overflow:visible
}
	.top-dark-mode-button{
		position:absolute!important;
		top:44px!important;
		right:0!important;
		-webkit-transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform:rotate(-90deg);
		z-index:5000
}
	body.dark-mode .navbar-menu{
		background:unset
}
	body.dark-mode .navbar-menu{
		-webkit-box-shadow:none;
		box-shadow:none
}
	body.dark-mode .circles:before{
		border:1px dashed rgba(67,183,255,.5)
}
	body.dark-mode #portfolio{
		height:auto!important
}
	body.dark-mode #prices{
		height:100px!important
}
}

.price-box .not-mo::after {
  display: none;
}

@media (max-width: 768px) {
  .byemob {
    display: none;
  }
}

/* whatsapp */

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}


/* chat whatsapp */

.whatsapp-button {
      position: fixed;
      bottom: 20px; /* Adjust as needed */
      right: 20px; /* Adjust as needed */
      background-color: #25D366;
      color: white;
      border-radius: 50%;
      padding: 15px;
      font-size: 24px;
      text-align: center;
      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
      z-index: 1000;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 60px;
      height: 60px;
    }

    /* Add a hover effect */
    .whatsapp-button:hover {
      background-color: #1ebe5b;
    }

    /* Style for the SVG icon */
    .whatsapp-icon {
      width: 35px;
      height: 35px;
      fill: white;
stroke: white;
  stroke-width: 1;
    }