/* BASIC RESET */

	body{
		padding:0;
		margin:0;
		-webkit-text-size-adjust:none;
	}

	html,
	body{
		background: #222;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
	}

	.font-roboto-condensed{
		font-family: 'Roboto Condensed', sans-serif;
	}
	.font-roboto{
		font-family: 'Roboto', sans-serif;
	}
	.font-roboto-condensed.light,
	.font.roboto.light{
		font-weight: 300;
	}
	.font-roboto-condensed.medium,
	.font-roboto.medium{
		font-weight: 500;
	}
	.font-roboto-condensed.strong,
	.font-roboto.strong{
		font-weight: 700;
	}

	.fade-in{
		opacity: 0;
		margin-top:30px;
		margin-bottom: -30px;
		transition: 0.5s;
		transition-property: margin, opacity;
	}

	.faded-in{
		opacity: 1!important;
		margin-top:0px!important;
		margin-bottom:30px!important;
		transition: 0.5s;
		transition-property: margin, opacity;
	}

	*{
		box-sizing: border-box;
	}

	h1, h2, h3, h4, h5, h6, p, pre{
		padding:0;
		margin:0;
		line-height: inherit;
		white-space: normal;
		display: block;
		font-weight: inherit;
		font: inherit;
		vertical-align: baseline;
	}

	a, a:link, a:visited, a:hover, a:active{
		text-decoration: none;
		color: inherit;
	}

/*	a:hover,
	a:hover *{
		text-decoration: underline!important;
	}*/

	header{
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		background: #ffffff;
		position: fixed;
		height: 120px;
		top: 0;
		left: 0%;
/*		transform: translateX(-50%);*/
		z-index: 9;
		box-shadow: 0 8px 16px -4px rgba(0,0,0,0.3);
		box-shadow:10px 9px 7px -8px rgba(0,0,0,0.3);
		height: 120px
	}
	header.scroll{
		top: 20px;
		box-shadow: 0 0 7px 0px rgba(0,0,0,0.3);
		border-radius: 100px;
		height: 90px;
		width: calc(100% - 30px);
		transform: none;
		left: auto;
		right:15px;
		width: auto;
	}
	header.scroll .nav p.txt-dark-blue{
		color: #ffffff;
		font-weight: 500;
	}

/*	header .logo{
		position: absolute;
		top: 25px;
	}

	header .logo img{
		width: 120px;
		height: auto;
		margin-left: 50px;
	}*/
/*
	header.scroll .logo{
		top: 10px;
		display: none!important;
	}

	header.scroll .logo img{
		width: 80px;
	}*/

	#logo{
		position: absolute;
		top: 40px;
		left: 130px;
		z-index: 10;
		height: 160px;
		width: auto;
	}

	header a,
	header a:link,
	header a:visited,
	header a:hover,
	header a:active,
	header a:hover *,
	a.nounderline,
	a.nounderline:link,
	a.nounderline:visited,
	a.nounderline:hover,
	a.nounderline:active,
	a.nounderline:hover *,
	.button a,
	.button a:link,
	.button a:visited,
	.button a:hover,
	.button a:active,
	.button a:hover *,
	a.button,
	a.button:link,
	a.button:visited,
	a.button:hover,
	a.button:active,
	a.button:hover *,
	.related-links a.inner,
	.related-links a.inner:link,
	.related-links a.inner:visited,
	.related-links a.inner:hover,
	.related-links a.inner:active,
	.related-links a.inner:hover *,
	.link-grid a,
	.link-grid a:link,
	.link-grid a:visited,
	.link-grid a:hover,
	.link-grid a:active,
	.link-grid a:hover *,
	.news-post-small a,
	.news-post-small a:link,
	.news-post-small a:visited,
	.news-post-small a:hover,
	.news-post-small a:active,
	.news-post-small a:hover *,
	a.open-popup,
	a.open-popup:link,
	a.open-popup:visited,
	a.open-popup:hover,
	a.open-popup:active,
	a.open-popup:hover *{
		text-decoration: none!important;
	}

	p a,
	p a:link,
	p a:visited,
	p a:hover,
	p a:active{
	}

	a img{
		border: inherit;
		border: none;
	}

	img{
		display: block;
		width: 100%;
		height: auto;
	}

	input, textarea,
	input:active, textarea:active,
	input:focus, textarea:focus,
	input:hover, textarea:hover,
	select{
		border:none;
		outline:none;
		background: none;
		border-radius: 0;
		-webkit-border-radius:0;
		-mos-border-radius:0;
		-o-border-radius:0;
		-ms-border-radius:0;
		padding:10px;
		-webkit-appearance: none;
	    -moz-appearance: none;
	    -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
	}

	select::-ms-expand {
	    display: none;
	}

	select option,
	select option:disabled,
	select option:invalid {
	    color:#000
	}

	/* GENERIC */

	table{
		border-collapse: collapse;
		width:100%;
		margin: 0;
		word-wrap:break-word;
		border-color:#25408f;
		border:0px solid #25408f
	}

	table p{
		padding: 0;
	}

	table p + p{
		padding: 10px 0 0 0;
	}

	table tr td,
	table tr th{
		padding:7px 10px;
		box-sizing: border-box;
		vertical-align: middle;
	}

	table thead tr:first-child{
		background-image: linear-gradient(to right, #328fd4, #1856ae);
	}

	table tr th{
		color: #fff;
	}

	table{
		display: table;
		width:100%;
		border-collapse: collapse;
	}

	table-row{
		display: table-row;
	}

	table-cell{
		display: table-cell;
		vertical-align: middle;
	}


	.clear{
		clear:both;
	}

	.clearl{
		clear: left;
	}

	.clearr{
		clear: right;
	}

	span.clear{
		display: block;
		clear:both;
		height: 1px;
		overflow: hidden;
		font-size: 0;
		line-height: 0;
	}

	.no-overflow{
		overflow: hidden;
	}

	.hide{
		display: none;
	}

	.hidden-field{
		width: 1px!important;
		padding: 0!important;
		margin: 0!important;
		height: 1px!important;
		opacity: 0.01!important;
		border: none!important
	}

	.noSelect{
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.right {
		float: right;
	}
	.left {
		float: left;
	}

	.txt-right{
		text-align: right;
	}

	.txt-left{
		text-align: left;
	}

	.txt-center{
		text-align: center;
	}
	.flex-column{
		flex-direction: column;
	}
	.flex-column-reverse{
		flex-direction: column-reverse;
	}

	.block-center{
		margin-left: auto;
		margin-right: auto;
	}

	.middle {
		margin-left: 50%;
		transform: translateX(-50%);
	}

	span.txt-right, span.txt-left, span.txt-center {
	    display: block;
	}

	img.centered{
		vertical-align: middle;
	}

	img.full-width{
		width: 100%;
		height: auto;
	}

	.img-container img,
	img.fit-image{
		display: block;
		height: auto!important;
		max-width: 100%;
		image-rendering: -webkit-optimize-contrast;
	}

	.img-container p{
		padding: 0!important;
		margin: 0!important
	}

	.opt-contrast img{
		image-rendering: -webkit-optimize-contrast;
	}

	.circle{
		border-radius: 500px;
	}

	.zero-font{
		font-size: 0;
		line-height: 0;
	}

	.relative{
		position: relative;
		z-index: 2;
	}

	.absolute{
		position: absolute;
	}

	.fixed{
		position: fixed;
	}

	.relative-noz{
		position: relative;
	}

	.borderBox{
		box-sizing: border-box;
	}

	.indent-right-20{
		margin-right: 20%;
	}

	.indent-left-20{
		margin-left: 20%;
	}

	.wrap1700{
		width: 1700px;
		max-width: 100%;
		margin: 0 auto;
		padding: 20px;
	}

	.wrap1500{
		width: 1500px;
		max-width: 100%;
		margin: 0 auto;
		padding: 20px 80px;
	}

	.wrap1400{
		width: 1400px;
		max-width: 100%;
		margin: 0 auto;
		padding: 20px 80px;
	}

	.wrap1200{
		width: 1200px;
		max-width: 100%;
		margin: 0 auto;
		padding: 20px;
	}

	.wrap1024{
		width: 1024px;
		max-width: 100%;
		margin: 0 auto;
		padding: 20px;
	}

	.wrap1100{
		width: 1100px;
		max-width: 100%;
		margin: 0 auto;
	}

	.tight{
		padding-left: 30px;
		padding-right: 30px;
	}

	.height36{
		height: 36%;
	}

	.width100{
		width: 100%;
	}

	.width90{
		width: 90%;
	}

	.width85{
		width: 85%;
	}

	.width80{
		width: 80%;
	}

	.width75{
		width: 75%;
	}

	.width70{
		width:70%;
	}

	.width66{
		width: 66.666%;
	}

	.width65{
		width: 65%;
	}

	.width60{
		width: 60%;
	}

	.width55{
		width: 55%;
	}

	.width50{
		width: 50%;
	}

	.width48{
		width: 48%;
	}

	.width45{
		width: 45%;
	}

	.width40{
		width: 40%;
	}

	.width33{
		width: 33.333%;
	}

	.width35{
		width:35%;
	}

	.width30{
		width:30%;
	}

	.width35000{
		width: 35000px;
		margin-left: -50px;
	}

	.width25{
		width: 25%;
	}

	.width20{
		width: 20%;
	}

	.width16{
		width: 16.666%;
	}

	.width125{
		width: 12.5%;
	}

	.width10{
		width: 10%;
	}

	.width5{
		width: 5%
	}

	.width100gap80{
		width: calc(100% - 80px);
	}

	.gap-80{
		gap: 80px
	}

	.flex{
		display: flex;
		flex-wrap: wrap;
	}

	.align-center{
		align-items: center;
	}

	.space-between{
		justify-content: space-between;
	}

	.space-evenly{
		justify-content: space-evenly;
	}

	.block{
		display: block;
	}

	.inline{
		display: inline!important;
	}

	.inline-block{
		display: inline-block;
	}
	.hide-important{
		display: none!important;
	}

	.pointer-none{
		pointer-events: none;
	}
	.pointer-all{
		pointer-events: all;
	}

	.vtop{
		vertical-align: top;
	}

	.min-400{
		min-height: 400px;
	}

	.margin75v{
		margin-top: 75px;
		margin-bottom: 75px;
	}
	.margin150v{
		margin-top: 150px;
		margin-bottom: 150px;
	}
	.margin-right-10{
		margin-right: 10%;
	}
	.margin-top-100{
		margin-top: 100px;
	}

	.no-bottom-padding{
		padding-bottom: 0;
	}

	.padd0hl{
	    padding-right: 0!important;
	}

	.padd0hr{
	    padding-right: 0!important;
	}

	.padd0h{
		padding-left: 0;
	    padding-right: 0;
	}

	.padd5h{
		padding-left: 5px;
		padding-right: 5px;
	}

	.padd10h{
		padding-left: 10px;
		padding-right: 10px;
	}

	.padd20h{
		padding-left: 20px;
		padding-right: 20px;
	}

	.padd30h{
		padding-left: 30px;
		padding-right: 30px;
	}

	.padd40h{
		padding-left: 40px;
		padding-right: 40px;
	}

	.padd50h{
		padding-left: 50px;
		padding-right: 50px;
	}

	.padd60h{
		padding-left: 60px;
		padding-right: 60px;
	}

	.padd70h{
		padding-left: 70px;
		padding-right: 70px;
	}

	.padd80h{
		padding-left: 80px;
		padding-right: 80px;
	}

	.padd150h{
		padding-left: 150px;
		padding-right: 150px;
	}

	.padd0v{
		padding-top: 0;
	    padding-bottom: 0;
	}

	.padd5v{
		padding-top: 5px;
	    padding-bottom: 5px;
	}

	.padd10v {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}

	.padd20v {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}

	.padd30v{
		padding-top: 30px;
	    padding-bottom: 30px;
	}

	.padd40v {
	    padding-top: 40px;
	    padding-bottom: 40px;
	}

	.padd50v {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}

	.padd60v {
	    padding-top: 60px;
	    padding-bottom: 60px;
	}

	.padd70v{
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.padd80v{
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.padd90v{
		padding-top: 90px;
		padding-bottom: 90px;
	}

	.padd140v{
		padding-top: 140px;
		padding-bottom: 140px;
	}

	.padd-right-80{
		padding-right: 80px;
	}

	.margin20{
		margin-left: 20px;
		margin-right: 20px;
	}

	.height500{
		max-height: 500px;
	}

	.height100{
		height: 100%;
	}

	.hidden-vertical{
		overflow-y: hidden;
	}

	/* SPECIFIC */

	/*Background Colours*/

		.bg-white{
			background: #ffffff;
		}
		.bg-blue{
			background: #1856ae;
		}
		.bg-light-blue{
			background: #328fd4;
		}
		.bg-pale-blue{
			background: #e9f8fd;
		}
		.overlay-blue{
			background-image: linear-gradient(to right, #328fd4 40%, transparent 40%);
		}

	/*Background Colours*/

	/*Background Images*/

		.contact-nb{
			background-image: url('../images/North_brink_wisbech_edit.jpg');
			position: absolute;
			top: 0;
			right: 0;
			width: 55%;
			height: 100%;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

	/*Background Images*/

	/*Text colours*/

		.txt-dark-blue{
			color: #1856ae;
		}
		.txt-light-blue{
			color: #328fd4;
		}
		.txt-white{
			color: #ffffff;
		}

	/*Text colours*/

	html{
		background: #fff;
	}

	body{
		font-size: 17px;
		line-height: 24px;
		font-weight: 300;
		visibility: visible!important;
		color: #111;
		background: #fff;
	}

	.txt-body{
		font-size: 17px;
		line-height: 24px;
	}

	h1{
		font-size: 45px;
		line-height: 55px;
		padding-bottom: 15px;
	}
	h1 strong{
		font-size: 50px;
		line-height: 60px;
	}

	h2{
		font-size: 33px;
		line-height: 41px;
		padding-bottom: 15px;
	}
	h2 strong{
		font-size: 38px;
		line-height: 46px;
	}

	h3{
		font-size: 40px;
		line-height: 48px;
		padding-bottom: 15px;
	}

	h4{
		font-size: 28px;
		line-height: 34px;
		padding-bottom: 15px;
	}

	h5{
		font-size: 21px;
		line-height: 27px;
		padding-bottom: 15px;
	}

	h6{
		font-size: 15px;
		line-height: 20px;
		padding-bottom: 15px;
	}

	.nopadd h1,
	.nopadd h2,
	.nopadd h3,
	.nopadd h4,
	.nopadd h5,
	.nopadd h6,
	.nopadd p{
		padding: 0
	}

	p{
		padding:0 0 15px 0
	}
	.small-font{
		font-size: 12px;
		line-height: 19px;
		padding-top: 15px;
	}

	hr{
		background: #bfbfbf;
		margin: 20px 0 25px 0;
		height: 1px;
		width: 150px;
		max-width: 100%;
		border: none;
		padding: 0;
		outline: none;
		display: block;
		clear: both;
	}

	.txt-white hr{
		background: #fff;
	}

	.txt-blue hr{
		background: #33476a;
	}

	.txt-center hr,
	hr.txt-center{
		margin-left:auto;
		margin-right: auto;
	}

	sup{
		vertical-align: super;
		font-size: 12px;
	}

	sub{
		font-size: 12px;
	    vertical-align: sub;
	    line-height: 4px;
	}

	small,
	.small{
		font-size: 14px;
		line-height: 20px;
		display: inline-block;
	}

	ul,
	ol{
		margin:0;
		padding:0 0 15px 25px;
	}

	ul li,
	ol li{
		padding: 10px 0 0 0;
	}

	ul li ul,
	ul li ol,
	ol li ol,
	ol li ul{
	    margin: 5px 0;
	}

	main{
/*		width: 2000px;*/
		max-width: 100%;
		margin: 0 auto;
		background: #fff;
		overflow: hidden;
	}

	body{
		background: rgb(100, 100, 100);
	}

	main p a,
	main p a:link,
	main p a:visited,
	main p a:hover,
	main p a:active{
	}

	input, textarea,
	input:active, textarea:active,
	input:focus, textarea:focus,
	input:hover, textarea:hover,
	select,
	.submit{
		padding: 5px 10px;
		border: 0px
		height: 42px;
		background: #fff;
		font-size: 15px;
		line-height: 30px;
		box-sizing: border-box;
		display: block;
		width: 100%;
		resize: none;
		margin: 0;
		font-weight: 300;
/*		font-family: 'Fira Sans', sans-serif;*/
	}

	input[type='file']{
		padding: 10px;
		font-size: 16px;
		line-height: 20px;
	}

	textarea,
	textarea:active,
	textarea:focus,
	textarea:hover{
		height: 135px;
	}

	input::-webkit-input-placeholder{
		color:#888;
	}

	input::-moz-placeholder {
		color:#888;
	}

	input:-ms-input-placeholder {
		color:#888;
	}

	input:-moz-placeholder {
		color:#888;
	}

	input[type="checkbox"]{
		-webkit-appearance: checkbox;
	    -moz-appearance: checkbox;
	    -ms-appearance: checkbox;
	    -o-appearance: checkbox;
	    appearance: checkbox;
	    border: 1px solid #183b76!important;
	    background: #fff;
	    display: inline-block;
	    padding: 0;
	    width: auto;
	    width: 24px;
	    height: 24px;
	    vertical-align: middle;
	}

	.gap{
		display: inline-block;
		width: 20px;
		vertical-align: middle;
		height: 10px;
	}

	.pointer{
		cursor: pointer;
	}

	.button p{
		padding: 0;
		font-weight: 500;
	}

	.button,
	a.button{
		padding: 10px 35px;
		font-weight: 400;
		cursor: pointer;
		display: inline-block;
		max-width: 100%;
		transition: 0.3s;
		border-radius: 15px;
		outline:2px solid transparent;
		margin-bottom: 30px;
		box-shadow: 0 3px 10px rgb(0 0 0 / 0.4);
		opacity: 1;
		transition: opacity 0.3s;
	}
	a.button:hover,
	.button:hover{
		opacity: 0.75;
	}
	.button.strong,
	a.button.strong{
		font-weight: 400;
	}

	.button.above-border,
	a.button.above-border{
		bottom: -15px;
		right: 50px;
	}

	label.submit.button{
		padding: 6px 23px;
	}

	.button.wide,
	a.button.wide{
		padding: 8px 48px;
	}

	blockquote {
	}

	label{
		position: relative;
	}

	strong,
	.strong{
		font-weight: 600;
	}

	/*SPRITES*/
		.sprite{
			display: inline-block;
			width: 32px;
			height: 32px;
			background: url(../images/svg-fallback/sprites.png?v=0.01) 0 0 no-repeat;
		    background: linear-gradient(transparent, transparent), url(../images/sprites.svg?v=0.01) 0 0 no-repeat;
			background-size: auto 64px;
		    vertical-align: middle;
		}
		.sprite-large{
			width: 96px;
			height: 96px;
			background-size: auto 192px;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}

		.sprite-large.verruca{
			background-position: 0 -96px;
		}
		.sprite-large.orthotics{
			background-position: 0 0;
		}
		.sprite-large.fungal{
			background-position: -96px 0;
		}
		.sprite-large.routine{
			background-position: -96px -96px;
		}
		.sprite-large.diabetic{
			background-position: -192px 0;
		}
		.sprite-large.nail{
			background-position: -288px -96px;
		}
		.sprite-large.ingrown{
			background-position: -384px 0px;
		}
		.sprite-large.cracked{
			background-position: -192px -96px;
		}
		.sprite-large.athete{
			background-position: -288px 0;
		}
		.sprite.phone{
			background-position: -128px -32px;
		}
		.sprite.map{
			background-position: -160px -32px;
		}
		.sprite.email{
			background-position: -160px 0px;
		}
		.sprite.facebook{
			background-position: -192px 0;
		}
	/*SPRITES*/

	/*HEADER*/
		.nav.right{
			padding-right: 100px;
			padding-top: 50px;
		}
		header.scroll .nav.right{
			padding-top: 31px;
			padding-right:85px;
			padding-left:85px;
		}
		.nav.right p{
			font-size: 24px;
			line-height: 28px;
			font-weight: 400;
		}
		.nav.right p:nth-of-type(2n){
			padding-left: 40px;
			padding-right: 40px;
		}
		.white-linear{
			position: absolute;
		    width: 400px;
		    height: 132px;
		    background: linear-gradient(to right, #fff 75%, transparent);
		}
		header.scroll .white-linear{
			display: none;
		}

		.hero.wave-container{
			position: relative;
			height: 500px;
		}

		.hero.wave-container img:first-child{
			width: auto;
			height: 100%;
			position: absolute;
			z-index: 1;
			top:0;
			right:0;
		}
		.hamburger{
			margin:40px 30px 0 0;
			float: right;
			width: 54px;
			height: 48px;
			padding: 10px;
			cursor: pointer;
			display: none;
			overflow: hidden;
		}

		.hamburger-line{
			width: 100%;
			height: 4px;
			background: #24baec;
			border-radius: 4px;
			margin-bottom: 8px;
		}
	/*HEADER*/

	/*WAVES*/
		.wave{
			margin-top: -1px;
			display: block;
		    width: 102%;
		    line-height: 100%;
		    margin-left: -1%;
		    z-index: 2;
		}
		.wave-container{
			position: relative;
		}
		.wave.wave-blue{
			position: absolute;
			bottom:0;
			left: 0;
			max-height: 300px;
			aspect-ratio: 6.2278;
		}
		#hero .wave.btm{
			position: relative;
			z-index: 2;
			padding-top: 65px;
			aspect-ratio: 8.4318;
		}
	/*WAVES*/

	/*INTRO*/

		.intro{
			width: 450px;
			margin: 0;
			padding-left: 130px;
			position: absolute;
			left: 0;
			bottom:-90px;
			z-index: 3;
		}
		.intro p{
			font-size: 21px;
			line-height: 28px;
		}
		.intro .button{
			color: #ffffff;
			background: #24baec;
			margin: 15px 0 0 0!important;
		}
		.heart{
			position: absolute;
			z-index: 4;
			width: 250px;
			right: 210px;
			bottom: 0;
			transform: rotate(-8deg);
		}

	/*INTRO*/

	/*ABOUT*/

		#about .about.left .main-image > img{
			border-radius: 500px;
		}
		.about.right{
			width: 50%;
		}
		.small-logos.flex{
			padding-top: 25px;
		}

		.small-logo{
			max-width: 33.33%;
		}

		.swirl{
			width: 275px;
			height: auto;
		}
		.swirl.top{
			top: 0;
			left: 0;
		}
		.swirl.bottom{
			bottom: 0;
			right: 0;
			transform: rotate(180deg);
		}
		#about .wave{
			position: absolute;
			bottom: 0;
			transform: rotate(180deg) translateY(-100%);
		}
	/*ABOUT*/

	/*VIDEO*/

		.video-container{
			position: relative;
			padding-bottom: 56.25%;
			height: 0;
		}
		.video-container iframe{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

	/*VIDEO*/

	/*SERVICES*/

		#services .bg-pale-blue{
			padding-top: 40px;
		}
		#services .wrap1500{
			margin-top: -100px;
			padding-bottom: 0;
			position: relative;
		}
		#services .wrap1500.tight{
			width: 2000px;
		}
		.certified-swift.right{
			position: absolute;
			top: 50px;
			right: 70px;
		}
		#services > .bg-pale-blue > .wrap1500 > h3{
			padding-bottom: 60px;
		}
		.services-container{
			row-gap: 30px;
			padding-top:70px;
			column-gap: 10px;
		}
		.service{
			width: 340px;
			border-radius: 20px;
			padding: 70px 10px 10px 10px;
			position: relative;
			margin-top: 80px;
		}
		.service-copy{
			padding: 0 10px;
		}
		.service p{
			font-size: 18px;
			line-height: 21px;
		}
		.service-logo-container{
			display: inline-block;
			position: absolute;
			top: 0;
			left: 50%;
			transform: translate(-50%, -50%);
			background: #fff;
			border-radius: 128px;
			width: 145px;
			height: 145px;
		}
		.service-logo{
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		.certified-swift.left{
			width: 55%;
		}
		.certified-swift.right .main-image{
			width: 370px;
			max-width: 100%;
		}

	/*SERVICES*/

	/*CONTACT*/

		#contact{
			padding-top: 200px;
			padding-bottom: 60px;
			overflow: hidden;
		}
		#contact .wave{
			position: absolute;
			top: 0;
			transform: rotate(180deg) scaleX(-1);
			z-index: 3;
		}
		.contact-block{
			padding-bottom: 10px;
		}
		.contact-block a{
			display: inline-block;
			vertical-align: middle;
		}
		.contact-block em.sprite{
			margin-right: 15px;
		}
		.contact-block a{
			color: #ffffff;
		}
		#contact .wrap1500{
			position: relative;
			z-index: 3;
		}
		#contact .contact-nb img{
			mix-blend-mode: luminosity;
		}
		#contact .overlay{
			position: absolute;
		    top: 0;
		    left: 50%;
		    transform: translateX(-50%);
		    height: 100%;
		    width: 65%;
		    background: linear-gradient(to right, #328fd4 60%, transparent);
		    z-index: 2;
		}

	/*CONTACT*/

	/*LEGAL*/

		.legal{
			padding-top: 230px;
		}
		.legal hr{
			width: 100%;
		}
		.legal h3{
			padding-top: 30px;
			padding-bottom: 30px;
		}
		.legal h3:nth-of-type(1),
		.legal.sitemap h3:nth-of-type(2){
			padding-top: 0px;
		}
		.legal.sitemap h4{
			padding-left: 50px;
		}

	/*LEGAL*/

	/*COOKIE BAR*/

		#cookies{
			position: fixed;
		    background: linear-gradient(to right, #328fd4, #25baec);
		    bottom: 0;
		    z-index: 2;
/*		    left: 50%;*/
/*		    transform: translateX(-50%);*/
		    width: 100%;
		    max-width: 100%;
		    display: none;
		}
		#cookies .button{
			margin-bottom: 0;
		}
		#cookies h6{
			padding-bottom: 0;
		}

	/*COOKIE BAR*/

	/*FOOTER*/

		footer{
			width: 100%;
			max-width: 100%;
			margin: 0 auto;
			color: #ffffff;
			background: #1856ae;
			padding: 20px 0;
		}
		footer p{
			padding-bottom: 0;
			text-align: center;
		}
		.legal-links-container{
			display: flex;
			justify-content: center;
			gap: 30px;
			padding-top: 20px;
		}

	/*FOOTER*/

	/* RESPONSIVE RULES */

		@media screen and (max-width: 1475px){
			#hero .wave{
				width: 125%;
			}

			.intro{
				padding-left: 80px;
			}
		}

		@media screen and (max-width: 1250px){
			#hero .wave.btm{
				padding-top: 120px;
				min-height: 260px;
			}

			.intro{
				bottom:-130px;
			}
		}

		@media screen and (max-width: 1100px){
			.hero.wave-container{
				height: 440px;
			}

			#hero .wave{
				width: 102%;
			}

			#hero .wave.btm{
				padding-top: 180px;
			}

			.intro{
				bottom:-180px;
			}
/*			.service{
				width: calc(50% - 30px);
			}
			.certified-swift.left{
				width: 45%;
			}
			#contact .wrap1500{
				padding-left: 20px;
			}*/

		}

		@media screen and (max-width: 1024px){
			.heart{
				right: 130px;
				bottom: -20px;
				width: 185px;
			}
			.intro{
				bottom:-200px;
			}
			#contact .contact-details{
				width: 50%;
			}
		}

		@media screen and (max-width: 900px){
			.hero.wave-container{
				height: 390px;
			}

			.intro{
				width: 100%;
				padding-top: 0 80px;
			}

			#logo{
				height: 130px;
				left:80px;
			}
			.white-linear{
				width: 325px;
			}

			#hero .wave.btm{
				padding-top: 150px;
			}
			.intro{
				padding-right: 40px;
			}
		}

		@media screen and (max-width: 950px){
			.about.left,
			.certified-swift.right{
				width: 300px;
				display: block!important;
				margin: 0 auto 40px auto;
				float: none;
				position: relative;
				top:auto;
				left: auto;
				right:auto;
				bottom: auto;
			}

			.about.right,
			.certified-swift.left{
				width: 100%;
				display: block!important;
				margin: 0 auto;
				float: none;
				position: relative;
				top:auto;
				left: auto;
				right:auto;
				bottom: auto;
			}
		}

		@media screen and (max-width: 850px){
			.hero.wave-container{
				height: auto;
			}

			.intro {
				bottom: -200px;
				position: relative;
				bottom: auto;
				left: auto;
				width: 100%;
				padding: 5px 40px 75px 40px;
				background: #1856ae;
				z-index: 3;
			}

			.hero.wave-container img:first-child {
				top: 0;
				right: 0;
				height: 340px;
				width: auto;
				min-width: 100%;
				position: relative;
				top: auto;
				right: auto;
				z-index: 1;
				margin-left: -5%;
			}

			#hero .wave{
				position: absolute!important;
				left:0;
				z-index: 2;
			}

			#hero .wave.wave-blue{
				top:340px;
				margin-top:-99px;
				width: auto;
				min-width: 102%;
				height: 100px;
			}

			#hero .wave.btm {
				position: relative;
				z-index: 4;
				bottom: 0px;
			}

			.heart{
				bottom: auto;
				top: 242px;
				right: 50px;
				width: 120px;
			}

			.nav.right{
				padding-right: 50px;
			}

			.nav.right p:nth-of-type(2n) {
				padding-left: 29px;
				padding-right: 30px;
			}
		}

		@media screen and (max-width: 768px){
			#services .wrap1500{
				margin-top: -35px;
			}
			#services .wrap1500{
				margin-top: 0;
			}

			#contact .wrap1500{
				padding-right: 20px;
			}
			#contact{
				padding-top: 120px;
			}
			#contact .contact-details{
				width: 100%;
			}
			#contact .overlay{
				width: 100%;
				background: #1856ae;
				opacity: 0.75;
			}
			#contact .contact-nb{
				width: 100%;
			}
			.contact-blocks{
				display: flex;
				flex-wrap: wrap;
			}
			.contact-block{
				width: 50%;
			}

			.about.left{
				padding-bottom: 0;
				padding-right: 35px;
				width: 40%;
			}

			.service{
				width: calc(100% - 50px);
				margin: 80px auto 0 auto;
			}
			#services > .bg-pale-blue > .wrap1500 > h3{
				text-align: center;
			}

			.certified-swift.right .main-image{
				margin: 0 auto;
			}
			.certified-swift.left{
				float: none;
				width: 100%;
			}

			.hero.wave-container img:first-child {
				margin-left: -11%;
			}

			.intro h3,
			.intro p{
				max-width: 500px;
			}
			.hamburger{
				display: block;
			}
			header.scroll .hamburger{
				margin:21px 15px;
				position: relative;
				z-index: 3;
			}
			header .hamburger.rotate .hamburger-line{
				transform: rotate(45deg);
				transform-origin: 3px 7px;
			}
			header .hamburger.rotate .hamburger-line + .hamburger-line{
				transform: rotate(-45deg);
				transform-origin: 17px 2px;
			}
			header .hamburger.rotate .hamburger-line + .hamburger-line + .hamburger-line{
				display: none;
			}
			header.scroll .hamburger.rotate .hamburger-line{
				background: #ffffff;
			}
			.nav{
				display: none;
			}
			.nav.mobile{
				display: block;
			    padding: 0;
			    background: #1856ae;
			    padding: 15px 30px;
			    padding-bottom: 0;
			    position: absolute;
			    right: 0;
			    top: 100%;
			    box-sizing: border-box;
			    border-radius: 0 0 0 30px;
			}
			header.scroll .nav.right.mobile{
				padding: 90px 30px;
				padding-bottom: 0;
				top: 0;
				text-align: right;
				transform: translateY(0);
				border-radius: 30px;
				box-shadow: 0 0 7px 0px rgba(0,0,0,0.3);
				z-index: 2;
				width: 184px;
			}
			.nav.right p{
				display: block;
				text-align: right!important;
				color: #ffffff!important;
				padding: 0 0 22px 0!important;
			}
		}

		@media screen and (max-width: 600px){
			.intro{
				padding-top: 30px;
			}
			.certified-swift.right{
				float: none;
				display: block;
				width: 100%;
				max-width: 250px;
			}
			footer p{
				font-size: 15px;
				line-height: 22px;
			}
			.legal-links-container{
				flex-direction: column;
				gap: 8px;
			}
			.about.left{
				width: 100%;
				float: none;
			}
			.contact-block{
				width: 100%;
			}
			#contact{
				padding-top: 60px;
				padding-bottom: 20px;
			}
			h3{
				font-size: 30px;
				line-height: 38px;
			}
			.hero.wave-container img:first-child {
				margin-left: -25%;
			}
		}

		@media screen and (max-width: 450px){
			.service{
				width: 100%;
			}
			.certified-swift.right .main-image{
				width: calc(100% - 30px);
			}
			.about.left{
				width: 100%;
			}

		}

	/* PRINT RULES */

	@page {
		size: 42cm 59.4cm;
		margin: 5mm
	}

	@media print {
		*{
			page-break-inside: auto
		}

		header{
			position: relative
		}
	}

	/* TEMP */

	body{
		overflow-x: hidden;

	}